*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0E0E0E;color:#F7F1DE;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.78;overflow-x:hidden}
a{color:inherit}.container{width:min(1140px,calc(100% - 32px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:9999;width:100%;background:#111;border-bottom:1px solid rgba(232,184,74,.28);box-shadow:0 8px 22px rgba(0,0,0,.35)}
.header-inner{max-width:1140px;min-height:66px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.site-logo,.drawer-logo,.footer-logo{display:inline-flex;align-items:center;text-decoration:none;min-width:120px}
.site-logo img,.drawer-logo img,.footer-logo img{display:block;height:38px;width:auto;max-width:156px;object-fit:contain}
.logo-text{font-weight:900;color:#E8B84A;letter-spacing:.04em}
.nav-core{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0}
.nav-core a{color:#F3E6C4;padding:8px 11px;font-weight:700;text-decoration:none;white-space:nowrap;border-radius:999px}
.nav-core a.is-current,.nav-core a:hover{color:#111;background:#E8B84A}
.main-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:92px;padding:0 18px;background:linear-gradient(180deg,#F6D56A 0%,#E8B84A 55%,#C8962E 100%);color:#14110A;border-radius:999px;text-decoration:none;font-weight:800;box-shadow:0 8px 18px rgba(200,150,46,.28);white-space:nowrap}
.menu-toggle{display:none;background:transparent;border:0;color:#E8B84A;font-size:16px;font-weight:800;padding:8px}
.topic-strip{background:#1A1A1A;border-bottom:1px solid rgba(232,184,74,.15)}
.topic-strip-inner{max-width:1140px;margin:0 auto;padding:0 16px;display:flex;gap:18px;overflow:auto;scrollbar-width:none}
.topic-strip-inner::-webkit-scrollbar{display:none}
.topic-strip a{flex:0 0 auto;padding:10px 0;color:#C9BBA0;text-decoration:none;font-size:14px;white-space:nowrap}
.topic-strip a.is-current,.topic-strip a:hover{color:#E8B84A}
.site-main{min-height:65vh}
.hero{padding:50px 0 34px;background:radial-gradient(circle at 85% 5%,rgba(232,184,74,.13),transparent 28%),linear-gradient(180deg,#121212,#0E0E0E)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#E8B84A;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(30px,4.3vw,48px);line-height:1.18;color:#F6D56A;margin:12px 0 18px}
h2{font-size:clamp(22px,3vw,32px);line-height:1.28;color:#E8B84A}
h3{font-size:19px;color:#F3E6C4}
p{color:#D8CDB6}
.hero p{font-size:17px;max-width:720px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;text-decoration:none;font-weight:800}
.btn-primary{background:#E8B84A;color:#111}
.btn-ghost{border:1px solid rgba(232,184,74,.4);color:#F3E6C4;background:#171717}
.poster-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.poster-stack .media:first-child{grid-column:1/-1}
.section{padding:42px 0}
.section.alt{background:#121212}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}
.section-head p{max-width:560px;margin:0;color:#AFA38E}
.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.channel-card,.link-card,.text-card{display:block;background:#1C1C1C;border:1px solid rgba(232,184,74,.22);border-radius:14px;padding:20px;text-decoration:none;box-shadow:0 14px 32px rgba(0,0,0,.22)}
.channel-card strong,.link-card strong{display:block;color:#F6D56A;font-size:18px;margin-bottom:7px}
.channel-card span,.link-card span{display:block;color:#BFB29A;font-size:14px;line-height:1.65}
.ticker-line{border-top:1px solid rgba(232,184,74,.35);border-bottom:1px solid rgba(232,184,74,.35);padding:18px 0;color:#D7C49E}
.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.feature-panel{background:#171717;border:1px solid rgba(232,184,74,.18);border-radius:14px;padding:26px}
.media{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:12px;background:#1C1C1C;aspect-ratio:16/9}
.media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block}
.media-placeholder{position:absolute;inset:0;display:block;background:linear-gradient(145deg,#171717,#090909)}
.article-wrap{width:min(820px,calc(100% - 32px));margin:0 auto;padding:36px 0 52px}
.breadcrumb{font-size:14px;color:#8E8372;margin-bottom:18px}.breadcrumb a{text-decoration:none;color:#C9BBA0}
.article-lead{font-size:17px;color:#E4D7BE;margin-bottom:26px}
.article-wrap h2{margin-top:34px}
.article-wrap ul,.article-wrap ol{padding-left:22px;color:#D8CDB6}
.note-box{margin:24px 0;padding:18px 20px;background:#181818;border-left:3px solid #E8B84A;border-radius:0 12px 12px 0;color:#CFC1A7}
.link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0}
.page-hero{padding:36px 0 8px}
.page-hero .container{width:min(820px,calc(100% - 32px))}
.page-hero h1{font-size:clamp(28px,4vw,40px)}
.faq-list details{background:#1A1A1A;border:1px solid rgba(232,184,74,.2);border-radius:12px;margin:12px 0;padding:16px 18px}
.faq-list summary{cursor:pointer;color:#F4D982;font-weight:800}
.faq-list p{margin:12px 0 0}
.site-footer{background:#070707;border-top:1px solid #E8B84A;padding:36px 0 92px}
.footer-grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:28px}
.site-footer h2{font-size:16px;margin-bottom:12px}
.site-footer a{display:block;color:#C9BBA0;text-decoration:none;margin:6px 0}
.footer-brand p{font-size:14px;color:#8E8372}
.footer-bottom{border-top:1px solid rgba(232,184,74,.18);margin-top:26px;padding-top:20px;display:flex;justify-content:space-between;gap:16px}
.footer-bottom p{font-size:13px;color:#8E8372;margin:0}
.floating-nav{position:fixed;right:12px;top:36%;z-index:9000;display:flex;flex-direction:column;background:#111;border:1px solid rgba(232,184,74,.25);border-radius:12px;overflow:hidden}
.floating-nav a,.floating-nav button{border:0;border-bottom:1px solid rgba(232,184,74,.12);background:#111;color:#E8B84A;text-decoration:none;padding:10px 11px;font:inherit;font-size:12px;cursor:pointer}
.floating-nav .float-main{background:#E8B84A;color:#111;font-weight:900}
.mobile-bottom{display:none}
.mobile-drawer,.drawer-mask{display:none}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(232,184,74,.18)}
.drawer-close{border:0;background:transparent;color:#E8B84A;font-size:28px;cursor:pointer}
.drawer-groups{padding:10px 16px 34px;overflow:auto;height:calc(100vh - 66px)}
.drawer-groups section{margin-bottom:22px}.drawer-groups h2{font-size:14px;margin:0 0 8px}.drawer-groups a{display:block;text-decoration:none;color:#E7D7B0;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04)}
body.drawer-open{overflow:hidden}
@media(max-width:980px){
  .nav-core,.topic-strip{display:none}.menu-toggle{display:inline-flex}.header-inner{min-height:62px}
  .site-logo{position:absolute;left:50%;transform:translateX(-50%);justify-content:center}
  .site-logo img{max-width:128px;height:34px}
  .main-btn{height:38px;min-width:74px;padding:0 14px}
  .hero-grid,.split{grid-template-columns:1fr}.poster-stack{order:-1}
  .channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:1fr 1fr}.floating-nav{display:none}
  .mobile-bottom{position:fixed;z-index:10000;left:0;right:0;bottom:0;height:58px;background:#0C0C0C;border-top:1px solid #E8B84A;display:grid;grid-template-columns:repeat(4,1fr)}
  .mobile-bottom a{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#E7D7B0;font-size:13px}
  .mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);background:#161616;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;box-shadow:18px 0 40px rgba(0,0,0,.45)}
  .mobile-drawer.is-open{transform:translateX(0)}
  .drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:11000;opacity:0;pointer-events:none;transition:opacity .18s ease}
  .drawer-mask.is-visible{display:block;opacity:1;pointer-events:auto}
  .site-footer{padding-bottom:84px}
}
@media(max-width:640px){
  .container{width:min(100% - 24px,1140px)}.article-wrap,.page-hero .container{width:min(100% - 24px,820px)}
  .hero{padding:28px 0 24px}.section{padding:30px 0}.section-head{display:block}.section-head p{margin-top:8px}
  .channel-grid,.link-grid{grid-template-columns:1fr 1fr}.poster-stack{grid-template-columns:1fr}.poster-stack .media:first-child{grid-column:auto}
  .footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom p+p{margin-top:8px}
}