/* tech-green - D */ *{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#333;background:#f5f5f5;}a{color:#0066cc;text-decoration:none;}a:hover{text-decoration:underline;}.container{max-width:1200px;margin:0 auto;padding:0 20px;}header{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1);position:sticky;top:0;z-index:100;}nav{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:15px 0;}nav a{padding:8px 15px;font-weight:500;white-space:nowrap;}.logo{font-size:24px;font-weight:bold;color:#000;margin-right:20px;}.nav-links{display:flex;flex-wrap:nowrap;gap:5px;flex:1;justify-content:flex-end;}main{padding:40px 0;min-height:calc(100vh - 200px);}.breadcrumb{font-size:14px;color:#666;margin-bottom:20px;padding:10px 0;}.breadcrumb a{color:#0066cc;}.breadcrumb a:hover{text-decoration:underline;}.hero{background:#fff;padding:40px;border-radius:8px;margin-bottom:40px;box-shadow:0 2px 8px rgba(0,0,0,0.08);}.hero h1{font-size:32px;margin-bottom:20px;color:#000;}.intro{background:#fff;padding:30px;border-radius:8px;margin-bottom:40px;box-shadow:0 2px 8px rgba(0,0,0,0.08);}.intro h2{font-size:24px;margin-bottom:15px;}.intro p{margin-bottom:15px;color:#555;}section{margin-bottom:50px;}section h2{font-size:28px;margin-bottom:25px;padding-bottom:10px;border-bottom:3px solid #0066cc;}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;}.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:transform 0.2s,box-shadow 0.2s;}.card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,0.12);}.card h3{font-size:18px;margin-bottom:10px;color:#000;}.card h3 a{color:#000;}.card .meta{font-size:14px;color:#666;margin-bottom:10px;}.card .tags{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0;}.card .tag{display:inline-block;padding:3px 10px;background:#e8f4ff;color:#0066cc;border-radius:3px;font-size:12px;}.card .one-line{color:#555;font-size:14px;line-height:1.5;margin:10px 0;}.card .excerpt{color:#666;font-size:13px;line-height:1.5;margin-top:8px;}.detail-header{background:#fff;padding:30px;border-radius:8px;margin-bottom:30px;box-shadow:0 2px 8px rgba(0,0,0,0.08);}.detail-header h1{font-size:32px;margin-bottom:20px;}.detail-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:20px 0;}.detail-info .info-item{padding:10px;background:#f8f9fa;border-radius:5px;}.detail-info .info-label{font-weight:bold;color:#333;margin-right:8px;}.detail-content{background:#fff;padding:30px;border-radius:8px;margin-bottom:30px;box-shadow:0 2px 8px rgba(0,0,0,0.08);}.detail-content h2{font-size:24px;margin:30px 0 15px;color:#000;}.detail-content p{margin-bottom:15px;color:#555;line-height:1.8;}.related{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08);}.related h2{font-size:24px;margin-bottom:20px;}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;}.related-item{padding:15px;border:1px solid #e0e0e0;border-radius:5px;transition:border-color 0.2s;}.related-item:hover{border-color:#0066cc;}.related-item h3{font-size:16px;margin-bottom:8px;}.related-item h3 a{color:#000;}.list-header{background:#fff;padding:30px;border-radius:8px;margin-bottom:30px;box-shadow:0 2px 8px rgba(0,0,0,0.08);}.list-header h1{font-size:32px;margin-bottom:15px;}.list-header p{color:#555;line-height:1.8;margin-bottom:10px;}.list-links{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0;}.list-links a{display:inline-block;margin-right:15px;color:#0066cc;}.error-page{text-align:center;padding:80px 20px;}.error-page h1{font-size:72px;color:#ccc;margin-bottom:20px;}.error-page p{font-size:18px;color:#666;margin-bottom:30px;}.error-page a{display:inline-block;padding:12px 30px;background:#0066cc;color:#fff;border-radius:5px;}footer{background:#333;color:#fff;padding:30px 0;margin-top:60px;text-align:center;}@media (max-width:768px){nav{flex-wrap:nowrap;}.logo{font-size:18px;margin-right:10px;flex-shrink:0;}.nav-links{flex:1;min-width:0;justify-content:space-between;gap:2px;}.nav-links a{padding:6px 8px;font-size:13px;flex:1 1 0;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.hero h1{font-size:24px;}.card-grid{grid-template-columns:1fr;}.detail-header h1{font-size:24px;}.list-header h1{font-size:24px;}}