*{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;background:#1a1a1a;color:#e0e0e0;line-height:1.6;font-size:16px;}.container{max-width:1200px;margin:0 auto;padding:0 20px;}header{background:#2a2a2a;border-bottom:2px solid #ff5722;padding:15px 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0, 0, 0, 0.3);}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;}.logo{font-size:24px;font-weight:700;color:#ff5722;text-decoration:none;white-space:nowrap;}nav ul{list-style:none;display:flex;gap:25px;flex-wrap:wrap;}nav a{color:#e0e0e0;text-decoration:none;font-weight:500;transition:color 0.3s;white-space:nowrap;}nav a:hover{color:#ff5722;}.breadcrumb{background:#242424;padding:12px 20px;margin:20px 0;border-radius:8px;font-size:14px;border-left:3px solid #ff5722;}.breadcrumb a{color:#ff5722;text-decoration:none;margin-right:8px;transition:opacity 0.3s;}.breadcrumb a:hover{opacity:0.8;}.breadcrumb span{color:#888;margin:0 8px;}main{padding:40px 0;min-height:70vh;}h1{font-size:32px;margin-bottom:20px;color:#fff;font-weight:700;line-height:1.3;}h2{font-size:26px;margin:30px 0 20px;color:#fff;font-weight:700;border-left:4px solid #ff5722;padding-left:15px;}h3{font-size:20px;margin:20px 0 15px;color:#fff;font-weight:600;}p{margin-bottom:15px;line-height:1.8;}.intro-section{background:#2a2a2a;padding:30px;border-radius:12px;margin-bottom:40px;border:1px solid #3a3a3a;}.intro-section p{font-size:16px;line-height:1.8;color:#d0d0d0;}.section{margin-bottom:50px;}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;}.section-desc{color:#999;font-size:14px;margin-top:8px;}.card-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:25px;}.card{background:#2a2a2a;border-radius:12px;padding:20px;transition:all 0.3s ease;border:1px solid #3a3a3a;cursor:pointer;}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(255, 87, 34, 0.2);border-color:#ff5722;}.card-title{font-size:18px;font-weight:600;margin-bottom:12px;color:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;}.card-title a{color:#fff;text-decoration:none;flex:1;transition:color 0.3s;}.card-title a:hover{color:#ff5722;}.card-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;font-size:13px;color:#999;}.card-meta span{background:#333;padding:4px 10px;border-radius:4px;}.card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;}.tag{background:#ff5722;color:#fff;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:600;transition:background 0.3s;}.tag:hover{background:#e64a19;}.card-desc{font-size:14px;line-height:1.7;color:#b0b0b0;margin-top:10px;}.detail-container{background:#2a2a2a;border-radius:12px;padding:35px;border:1px solid #3a3a3a;}.detail-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #3a3a3a;}.detail-meta{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:15px;margin:20px 0;padding:20px;background:#242424;border-radius:8px;}.meta-item{display:flex;align-items:center;gap:10px;}.meta-label{font-weight:600;color:#ff5722;min-width:60px;}.meta-value{color:#d0d0d0;}.detail-section{margin:30px 0;}.detail-section h3{margin-bottom:15px;color:#ff5722;}.related-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:20px;margin-top:20px;}.related-card{background:#242424;padding:18px;border-radius:8px;border:1px solid #3a3a3a;transition:all 0.3s;}.related-card:hover{border-color:#ff5722;transform:translateY(-3px);}.related-card h4{font-size:16px;margin-bottom:8px;color:#fff;}.related-card h4 a{color:#fff;text-decoration:none;}.related-card h4 a:hover{color:#ff5722;}.related-card p{font-size:13px;color:#999;line-height:1.6;}.list-info{background:#2a2a2a;padding:25px;border-radius:12px;margin-bottom:30px;border-left:4px solid #ff5722;}.list-info p{margin-bottom:12px;color:#d0d0d0;}.list-info a{color:#ff5722;text-decoration:underline;margin:0 5px;}.list-info a:hover{opacity:0.8;}.error-container{text-align:center;padding:80px 20px;}.error-container h1{font-size:48px;margin-bottom:20px;color:#ff5722;}.error-container p{font-size:18px;margin-bottom:30px;color:#999;}.error-container a{display:inline-block;background:#ff5722;color:#fff;padding:12px 30px;border-radius:8px;text-decoration:none;font-weight:600;transition:background 0.3s;}.error-container a:hover{background:#e64a19;}footer{background:#2a2a2a;border-top:2px solid #ff5722;padding:30px 0;margin-top:60px;text-align:center;color:#999;}.back-to-top{position:fixed;bottom:30px;right:30px;background:#ff5722;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all 0.3s;box-shadow:0 4px 12px rgba(255, 87, 34, 0.3);z-index:999;}.back-to-top.show{opacity:1;}.back-to-top:hover{background:#e64a19;transform:translateY(-3px);}@media (max-width:768px){.header-content{flex-direction:column;align-items:flex-start;} nav ul{display:flex;flex-wrap:nowrap;justify-content:space-between;width:100%;gap:0;overflow:hidden;} nav li{flex:1 1 0;min-width:0;text-align:center;} nav a{display:block;padding:8px 5px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} h1{font-size:24px;} h2{font-size:20px;} .card-grid{grid-template-columns:1fr;} .detail-container{padding:20px;} .detail-meta{grid-template-columns:1fr;} .related-grid{grid-template-columns:1fr;}}@media (max-width:480px){body{font-size:14px;} .logo{font-size:20px;} nav a{font-size:12px;padding:8px 3px;} .breadcrumb{font-size:12px;padding:10px 15px;} .intro-section{padding:20px;} .card{padding:15px;} .back-to-top{width:45px;height:45px;bottom:20px;right:20px;}}