*{box-sizing:border-box}
html{background:#0d0e11;scroll-behavior:smooth}
body{margin:0;background:#0d0e11;color:#f5efdf;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}
body.drawer-open{overflow:hidden}
a{color:inherit}
img{max-width:100%}
button{font:inherit}
.site-header{position:sticky;top:0;z-index:9999;background:#101116;border-bottom:1px solid rgba(232,184,74,.24);box-shadow:0 8px 24px rgba(0,0,0,.34)}
.header-inner{max-width:1160px;min-height:68px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.site-logo{display:inline-flex;align-items:center;text-decoration:none}
.site-logo img{display:block;height:38px;width:auto;max-width:156px;object-fit:contain}
.logo-text{color:#e8b84a;font-size:22px;font-weight:800;letter-spacing:.08em}
.main-nav{display:flex;align-items:center;gap:5px}
.main-nav a{padding:9px 12px;border-radius:999px;color:#eee4cf;text-decoration:none;font-weight:700;white-space:nowrap}
.main-nav a:hover,.main-nav a.active{background:#e8b84a;color:#111}
.main-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:82px;padding:0 17px;border-radius:999px;background:linear-gradient(180deg,#f6d56a,#e8b84a 55%,#c8962e);color:#14110a;text-decoration:none;font-weight:800}
.menu-btn,.drawer-close{display:none;min-height:38px;padding:0 11px;border:1px solid rgba(232,184,74,.34);border-radius:10px;background:#17191f;color:#e8b84a;font-weight:700}
.channel-nav{background:#17191d;border-bottom:1px solid rgba(232,184,74,.14)}
.channel-inner{max-width:1160px;margin:0 auto;padding:0 16px;display:flex;gap:4px;overflow-x:auto;white-space:nowrap}
.channel-inner a{flex:0 0 auto;padding:10px 9px;color:#beb199;text-decoration:none;font-size:14px}
.channel-inner a:hover{color:#e8b84a}
.site-main{width:100%}
.container{width:min(1160px,calc(100% - 32px));margin:0 auto}
.reader{width:min(820px,calc(100% - 32px));margin:0 auto}
.hero{padding:42px 0 18px}
.heading{padding:16px 0 22px;border-bottom:1px solid rgba(232,184,74,.16)}
.breadcrumb{font-size:14px;color:#8d816d;margin-bottom:12px}
.breadcrumb a{color:#cabba0;text-decoration:none}
h1,h2,h3{margin-top:0;color:#e8b84a;line-height:1.28}
h1{font-size:clamp(30px,4.2vw,44px);margin-bottom:15px}
h2{font-size:clamp(22px,3vw,29px);margin-bottom:12px}
h3{font-size:18px}
p,li{font-size:17px;line-height:1.82;color:#f5efdf}
.lead{font-size:18px;line-height:1.9;color:#efe5cf}
.muted{color:#b8ab94}
.section{padding:42px 0}
.section+.section{border-top:1px solid rgba(232,184,74,.1)}
.media{position:relative;width:100%;overflow:hidden;border-radius:14px;background:#181a1f;aspect-ratio:16/9;border:1px solid rgba(232,184,74,.14)}
.media>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;object-position:center}
.media-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,#1a1c21,#0a0b0d)}
.poster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.poster{height:190px;aspect-ratio:auto}
.feature-media{height:225px;aspect-ratio:auto}
.thumb{height:160px;aspect-ratio:auto}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}
.lead-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:22px}
.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.card-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.card,.note,.mini{background:#181a1f;border:1px solid rgba(232,184,74,.16);border-radius:14px;padding:18px;box-shadow:0 14px 32px rgba(0,0,0,.18)}
.card p,.note p,.mini p{margin-bottom:0}
.card a,.mini a{color:#e8b84a;text-decoration:none;font-weight:700}
.stack{display:grid;gap:14px}
.gold-note{border-left:3px solid #e8b84a;background:#14161a;padding:19px 21px;border-radius:0 12px 12px 0}
.link-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.link-row a{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border:1px solid rgba(232,184,74,.27);border-radius:999px;color:#e8b84a;text-decoration:none;background:#131519}
.link-row a:hover{border-color:#e8b84a}
.brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.brand-grid a{min-height:56px;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;background:#181a1f;border:1px solid rgba(232,184,74,.16);border-radius:12px;text-decoration:none;font-weight:700}
.brand-grid a:hover{background:#e8b84a;color:#111}
.faq-list{display:grid;gap:14px}
.faq-item{background:#181a1f;border:1px solid rgba(232,184,74,.16);border-radius:14px;padding:20px}
.faq-item h2{font-size:20px;margin-bottom:9px}
.faq-item p{margin:0}
.float-tools{position:fixed;right:12px;top:34%;z-index:7000;width:48px;display:grid;gap:6px}
.float-tools a{min-height:46px;display:flex;align-items:center;justify-content:center;text-align:center;padding:5px;border-radius:10px;background:#101217;border:1px solid rgba(232,184,74,.24);color:#e8b84a;text-decoration:none;font-size:12px}
.float-tools .gold{background:#e8b84a;color:#111;font-weight:800}
.site-footer{margin-top:48px;background:#07080a;border-top:1px solid #e8b84a}
.footer-grid{max-width:1160px;margin:0 auto;padding:34px 16px;display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:24px}
.site-footer section{display:flex;flex-direction:column;gap:8px}
.site-footer h2{font-size:16px;margin:0 0 7px}
.site-footer a{font-size:14px;color:#e4d6b6;text-decoration:none}
.site-footer p{font-size:14px;line-height:1.7;color:#b6aa94;margin:7px 0 0}
.footer-bottom{max-width:1160px;margin:0 auto;padding:18px 16px 26px;border-top:1px solid rgba(232,184,74,.12)}
.mobile-bottom{display:none}
.mobile-drawer,
.drawer-mask{display:none}

@media(max-width:980px){
  .main-nav,.channel-nav{display:none}
  .menu-btn{display:inline-flex;align-items:center;justify-content:center}
  .header-inner{min-height:62px}
  .header-inner>.site-logo{position:absolute;left:50%;transform:translateX(-50%)}
  .header-inner>.site-logo img{height:34px;max-width:128px}
  .main-btn{min-width:66px;height:38px;padding:0 11px}
  .mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,330px);background:#15171c;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;box-shadow:18px 0 40px rgba(0,0,0,.46)}
  .mobile-drawer.is-open{transform:translateX(0)}
  .drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:11000;opacity:0;pointer-events:none;transition:opacity .18s ease}
  .drawer-mask.is-visible{display:block;opacity:1;pointer-events:auto}
  .drawer-head{min-height:64px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(232,184,74,.15)}
  .drawer-head .site-logo img{height:34px;max-width:136px}
  .drawer-close{display:inline-flex;align-items:center;justify-content:center}
  .drawer-scroll{height:calc(100% - 64px);overflow-y:auto;padding:12px 14px 30px}
  .drawer-scroll section{padding:12px 0;border-bottom:1px solid rgba(232,184,74,.1)}
  .drawer-scroll h2{font-size:14px;color:#8c806d;margin-bottom:7px}
  .drawer-scroll a{display:block;padding:9px 4px;color:#f5efdf;text-decoration:none}
  .poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lead-grid{grid-template-columns:1fr}
  .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .card-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .float-tools{display:none}
  .mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:9000;background:#0b0d10;border-top:1px solid #e8b84a;padding-bottom:env(safe-area-inset-bottom)}
  .mobile-bottom a{min-height:54px;display:flex;align-items:center;justify-content:center;color:#f5efdf;text-decoration:none;font-size:14px;font-weight:700}
  body{padding-bottom:54px}
}
@media(max-width:700px){
  .container,.reader{width:min(100% - 24px,1160px)}
  .hero{padding:28px 0 14px}
  .section{padding:30px 0}
  h1{font-size:clamp(26px,8vw,33px)}
  p,li{font-size:16px;line-height:1.78}
  .poster-grid{grid-template-columns:1fr}
  .poster{height:142px}
  .split{grid-template-columns:1fr}
  .split .media{order:-1}
  .card-grid,.card-grid-3{grid-template-columns:1fr}
  .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature-media{height:205px}
  .footer-grid{grid-template-columns:1fr}
}
@media(max-width:390px){
  .header-inner{padding:0 10px}
  .menu-btn{min-width:58px;padding:0 8px}
  .main-btn{min-width:60px;padding:0 9px}
  .header-inner>.site-logo img{height:31px;max-width:112px}
  .card,.note,.mini{padding:14px}
}