:root{--primary-bg:#1a1d29;--secondary-bg:#252a38;--text-primary:#f9f9f9;--text-secondary:#cacaca;--accent-blue:#0072d2;--accent-red:#ff385c;--border-color:#404654;--hover-bg:#2e3442;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;background-color:var(--primary-bg);color:var(--text-primary);line-height:1.6;}a{color:var(--accent-blue);text-decoration:none;transition:color 0.3s ease;}a:hover{color:var(--accent-red);}header{background-color:var(--secondary-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;}.header-container{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:64px;}.logo{font-size:24px;font-weight:700;color:var(--text-primary);}.logo:hover{color:var(--accent-blue);}nav ul{list-style:none;display:flex;gap:30px;align-items:center;}nav a{color:var(--text-secondary);font-size:15px;font-weight:500;padding:8px 12px;border-radius:6px;transition:all 0.3s ease;}nav a:hover{color:var(--text-primary);background-color:var(--hover-bg);}.breadcrumb{max-width:1400px;margin:0 auto;padding:16px 20px;font-size:14px;color:var(--text-secondary);}.breadcrumb a{color:var(--text-secondary);}.breadcrumb a:hover{color:var(--accent-blue);}.breadcrumb span{margin:0 8px;}main{max-width:1400px;margin:0 auto;padding:40px 20px;}h1{font-size:32px;font-weight:700;margin-bottom:20px;line-height:1.2;}h2{font-size:24px;font-weight:600;margin-bottom:16px;line-height:1.2;}h3{font-size:20px;font-weight:600;margin-bottom:12px;}p{margin-bottom:16px;line-height:1.5;color:var(--text-secondary);}.intro-section{background-color:var(--secondary-bg);padding:30px;border-radius:12px;margin-bottom:40px;border:1px solid var(--border-color);}.content-section{margin-bottom:50px;}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--accent-blue);}.section-title{font-size:24px;font-weight:600;color:var(--text-primary);}.section-more{color:var(--accent-blue);font-size:14px;}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;}.video-card{background-color:var(--secondary-bg);border-radius:12px;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;border:1px solid var(--border-color);}.video-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,114,210,0.2);}.video-card-content{padding:16px;}.video-title{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--text-primary);}.video-meta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px;font-size:13px;color:var(--text-secondary);}.video-meta span{background-color:var(--hover-bg);padding:3px 8px;border-radius:4px;}.video-desc{font-size:14px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.video-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;}.tag{background-color:var(--hover-bg);color:var(--accent-blue);padding:4px 10px;border-radius:4px;font-size:12px;}.detail-container{display:grid;grid-template-columns:1fr;gap:30px;}.detail-main{background-color:var(--secondary-bg);padding:30px;border-radius:12px;border:1px solid var(--border-color);}.detail-info{margin-bottom:24px;}.detail-info-item{display:flex;margin-bottom:12px;font-size:15px;}.detail-info-label{font-weight:600;min-width:80px;color:var(--text-primary);}.detail-info-value{color:var(--text-secondary);}.detail-section{margin-bottom:30px;}.detail-section h2{color:var(--text-primary);border-left:4px solid var(--accent-blue);padding-left:12px;margin-bottom:16px;}.detail-text{font-size:15px;line-height:1.8;color:var(--text-secondary);}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;}.related-card{background-color:var(--secondary-bg);border-radius:8px;padding:16px;border:1px solid var(--border-color);transition:all 0.3s ease;}.related-card:hover{transform:translateY(-2px);border-color:var(--accent-blue);}.related-card h3{font-size:16px;margin-bottom:8px;color:var(--text-primary);}.related-card p{font-size:14px;color:var(--text-secondary);line-height:1.5;}.list-intro{background-color:var(--secondary-bg);padding:24px;border-radius:12px;margin-bottom:30px;border:1px solid var(--border-color);}.list-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;}.list-links a{background-color:var(--hover-bg);color:var(--accent-blue);padding:8px 16px;border-radius:6px;font-size:14px;transition:all 0.3s ease;}.list-links a:hover{background-color:var(--accent-blue);color:var(--text-primary);}.error-page{text-align:center;padding:80px 20px;}.error-page h1{font-size:48px;color:var(--accent-red);margin-bottom:20px;}.error-page p{font-size:18px;margin-bottom:30px;}.btn{display:inline-block;background-color:var(--accent-blue);color:var(--text-primary);padding:12px 24px;border-radius:6px;font-weight:600;transition:all 0.3s ease;}.btn:hover{background-color:var(--accent-red);transform:scale(1.05);}footer{background-color:var(--secondary-bg);border-top:1px solid var(--border-color);padding:30px 20px;margin-top:60px;text-align:center;color:var(--text-secondary);font-size:14px;}@media (max-width:768px){.header-container{height:auto;padding:12px 15px;}nav ul{gap:0;width:100%;justify-content:space-between;}nav a{font-size:13px;padding:6px 8px;flex:1 1 0;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.video-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;}.related-grid{grid-template-columns:1fr;}h1{font-size:24px;}h2{font-size:20px;}}@media (min-width:1024px){.detail-container{grid-template-columns:2fr 1fr;}}