:root { --primary-color:#1a73e8; --secondary-color:#ff6b35; --dark-color:#0f172a; --light-color:#f8f9fa; }
body { font-family:'Microsoft YaHei','Segoe UI',sans-serif; color:#333; line-height:1.6; background:#fff; }
.navbar-brand { font-weight:700; font-size:1.8rem; color:var(--primary-color)!important; }
.nav-link { font-weight:500; }
.hero-section { background:linear-gradient(rgba(15,23,42,.9),rgba(15,23,42,.8)),url('../images/hero-stage.jpg'); background-size:cover; background-position:center; color:white; padding:100px 0; margin-bottom:40px; }
.section-title { position:relative; padding-bottom:15px; margin-bottom:30px; color:var(--dark-color); }
.section-title:after { content:''; position:absolute; left:0; bottom:0; width:60px; height:3px; background-color:var(--secondary-color); }
.card { border:none; box-shadow:0 5px 15px rgba(0,0,0,.08); transition:transform .3s ease; margin-bottom:20px; overflow:hidden; }
.card:hover { transform:translateY(-5px); }
.live-card { border-radius:10px; overflow:hidden; position:relative; }
.live-card-img { height:180px; object-fit:cover; width:100%; }
.live-status { position:absolute; top:10px; left:10px; background:#ff0000; color:#fff; padding:3px 10px; border-radius:4px; font-size:.8rem; font-weight:bold; }
.viewer-count { position:absolute; bottom:10px; right:10px; background:rgba(0,0,0,.7); color:white; padding:3px 8px; border-radius:4px; font-size:.8rem; }
.category-badge { display:inline-block; padding:5px 15px; background:var(--primary-color); color:white; border-radius:20px; margin:0 10px 10px 0; font-size:.9rem; }
.footer { background:var(--dark-color); color:#ccc; padding:40px 0 20px; }
.footer a { color:#ccc; text-decoration:none; }
.footer a:hover { color:#fff; }
.footer-title { color:#fff; font-size:1.2rem; margin-bottom:20px; position:relative; padding-bottom:10px; }
.footer-title:after { content:''; position:absolute; left:0; bottom:0; width:40px; height:2px; background:var(--secondary-color); }
.copyright { border-top:1px solid #333; padding-top:20px; margin-top:30px; text-align:center; font-size:.9rem; color:#999; }
.btn-primary { background:var(--primary-color); border-color:var(--primary-color); }
.btn-secondary { background:var(--secondary-color); border-color:var(--secondary-color); }
.feature-icon { font-size:2.5rem; color:var(--primary-color); margin-bottom:15px; }
.sub-hero { background:linear-gradient(rgba(15,23,42,.86),rgba(15,23,42,.82)),url('../images/control-wall.jpg'); background-size:cover; background-position:center; color:#fff; padding:72px 0; }
.date-pill { display:inline-flex; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.2); border-radius:999px; padding:6px 14px; margin-bottom:12px; }
@media (max-width:768px){ .hero-section,.sub-hero{padding:56px 0}.display-4{font-size:2.2rem}.live-card-img{height:170px} }