*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:#0b0c0e;color:#f4ead2;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.78;overflow-x:hidden}a{color:inherit}img{max-width:100%}body.drawer-open{overflow:hidden}
:root{--gold:#dfa93f;--gold2:#f2cc73;--ink:#0b0c0e;--panel:#15171a;--panel2:#1b1d21;--muted:#b9ac92;--line:rgba(223,169,63,.23);--cream:#f4ead2}
.site-header{position:sticky;top:0;z-index:9999;background:rgba(12,13,15,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-shell{max-width:1180px;min-height:68px;margin:auto;padding:0 18px;display:flex;align-items:center;gap:18px}.site-logo,.drawer-logo,.footer-logo{display:inline-flex;align-items:center;text-decoration:none}.site-logo img,.drawer-logo img,.footer-logo img{display:block;height:38px;width:auto;max-width:156px;object-fit:contain}.logo-fallback{display:inline-flex;align-items:center;justify-content:center;min-width:128px;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#121315;color:var(--gold2);font-weight:800}.nav-core{margin-left:auto;display:flex;gap:3px;align-items:center;white-space:nowrap}.nav-core a{padding:9px 12px;text-decoration:none;color:#e6d9bc;font-weight:700;border-radius:8px}.nav-core a:hover,.nav-core a.is-current{background:#272217;color:var(--gold2)}.primary-action{height:40px;min-width:92px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;text-decoration:none;font-weight:800;background:linear-gradient(180deg,#f4d479,#dca33a);color:#15120b;box-shadow:0 8px 22px rgba(180,128,32,.22);white-space:nowrap}.menu-toggle{display:none}.channel-bar{background:#111316;border-bottom:1px solid rgba(223,169,63,.12)}.channel-track{max-width:1180px;margin:auto;padding:0 18px;display:flex;overflow-x:auto;scrollbar-width:thin}.channel-track a{padding:9px 12px;text-decoration:none;white-space:nowrap;color:#a99c83;font-size:14px}.channel-track a:hover,.channel-track a.is-current{color:var(--gold2)}
.site-main{min-height:66vh;padding-bottom:44px}.shell{width:min(1180px,calc(100% - 36px));margin:auto}.reading{width:min(820px,calc(100% - 36px));margin:auto}.breadcrumb{padding:20px 0 0;color:#817865;font-size:14px}.breadcrumb a{color:#b9ac92;text-decoration:none}.eyebrow{color:var(--gold);font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.page-intro{padding:34px 0 18px}.page-intro h1,.hero-copy h1{margin:8px 0 14px;font-size:clamp(30px,4.2vw,46px);line-height:1.16;color:#f1c961;letter-spacing:.01em}.page-intro p,.hero-copy p{margin:0;color:#c8baa0;max-width:820px;font-size:17px}.section{padding:34px 0}.section h2,.reading h2{margin:0 0 13px;font-size:clamp(22px,2.8vw,30px);line-height:1.3;color:#e7b950}.section h3,.reading h3{color:#e7b950}.section p,.reading p{font-size:17px;margin:0 0 14px}.muted{color:var(--muted)}
.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center;padding:40px 0 28px}.hero-copy{padding:10px 0}.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:#d7c8a7;font-size:13px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.text-link{color:var(--gold2);text-underline-offset:4px}.media-frame{position:relative;margin:0;width:100%;overflow:hidden;background:#141619;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.28);aspect-ratio:16/9}.media-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.media-fallback{position:absolute;inset:0;background:linear-gradient(135deg,#15171a,#0d0e10)}.media-frame.poster{height:255px;aspect-ratio:auto}.media-frame.compact{height:210px;aspect-ratio:auto}.media-frame.card-image{height:165px;aspect-ratio:auto}
.numbered-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.number-card{position:relative;min-height:132px;padding:20px 20px 18px 58px;background:linear-gradient(180deg,#17191d,#121417);border:1px solid var(--line);border-radius:14px;text-decoration:none}.number-card:before{content:attr(data-no);position:absolute;left:18px;top:18px;color:#6e6045;font-weight:900;font-size:22px}.number-card strong{display:block;color:#f0c864;font-size:18px;margin-bottom:6px}.number-card span{display:block;color:#b8aa90;font-size:14px;line-height:1.6}.number-card:hover{border-color:rgba(223,169,63,.55);transform:translateY(-2px)}
.editorial-band{display:grid;grid-template-columns:1fr 1.25fr;gap:24px;align-items:center;padding:24px;border:1px solid var(--line);border-radius:18px;background:#121417}.editorial-band .copy{padding:6px 8px}.editorial-band h2{margin:0 0 10px;color:#efc45c}.editorial-band p{color:#b9ac92}.feature-list{display:grid;gap:1px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--line)}.feature-row{display:grid;grid-template-columns:150px 1fr 28px;gap:18px;align-items:center;padding:16px 18px;background:#15171a;text-decoration:none}.feature-row strong{color:#e9bc55}.feature-row span{color:#b5a78d}.feature-row em{font-style:normal;color:#6f654f}.feature-row:hover{background:#1a1c20}.quote-strip{padding:18px 20px;border-left:3px solid var(--gold);background:#141619;border-radius:0 14px 14px 0;color:#d9ccb0}.tag-line{display:flex;flex-wrap:wrap;gap:8px}.tag-line a{padding:7px 10px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:#d8c9a8;font-size:14px}
.content-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.content-split.reverse .media-frame{order:2}.content-split.reverse .copy{order:1}.copy h2{margin-top:0}.copy ul,.reading ul,.reading ol{padding-left:1.25em}.copy li,.reading li{margin:.45em 0}.panel{padding:22px;background:#15171a;border:1px solid var(--line);border-radius:16px}.panel h2,.panel h3{margin-top:0}.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.timeline{position:relative;margin:12px 0 0;padding-left:26px}.timeline:before{content:"";position:absolute;left:7px;top:5px;bottom:5px;width:1px;background:rgba(223,169,63,.35)}.timeline-item{position:relative;padding:0 0 22px 18px}.timeline-item:before{content:"";position:absolute;left:-23px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--gold)}.timeline-item h3{margin:0 0 6px}.timeline-item p{margin:0;color:#b7aa91}.index-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.index-column{padding:20px;border:1px solid var(--line);background:#141619;border-radius:14px}.index-column h3{margin:0 0 10px}.index-column a{display:block;padding:6px 0;color:#ddd0b4;text-decoration:none}.index-column a:hover{color:var(--gold2)}.definition{display:grid;gap:10px}.definition div{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid rgba(223,169,63,.12)}.definition strong{color:#e6b750}.definition span{color:#baad93}.callout{padding:20px;border:1px dashed rgba(223,169,63,.44);background:#111315;border-radius:14px}.related{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:18px}.related a{color:#e8bb56;text-underline-offset:4px}.faq-list{display:grid;gap:12px}.faq-item{padding:20px;background:#15171a;border:1px solid var(--line);border-radius:14px}.faq-item h3{margin:0 0 8px}.faq-item p{margin:0;color:#c4b79d}
.floating-tools{position:fixed;right:12px;top:34%;z-index:9000;width:102px;display:flex;flex-direction:column;background:#0f1113;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 14px 36px rgba(0,0,0,.35)}.floating-tools a,.floating-tools button{min-height:42px;display:flex;align-items:center;justify-content:center;padding:7px;border:0;border-bottom:1px solid rgba(223,169,63,.13);background:#0f1113;color:#d9af4e;text-decoration:none;font:inherit;font-size:13px;cursor:pointer}.floating-tools .float-primary{background:#dfa93f;color:#17130c;font-weight:800}.mobile-bottom{display:none}.site-footer{margin-top:36px;background:#070809;border-top:1px solid #b9852a}.footer-shell{max-width:1180px;margin:auto;padding:38px 18px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}.footer-shell h3{color:#dca73f;margin:0 0 10px;font-size:16px}.footer-shell a{display:block;text-decoration:none;color:#cabea4;margin:6px 0;font-size:14px}.footer-brand p{color:#867d6a;font-size:14px;max-width:320px}.footer-note{max-width:1180px;margin:auto;padding:17px 18px 26px;border-top:1px solid rgba(223,169,63,.14);display:flex;justify-content:space-between;gap:20px;color:#807765;font-size:13px}.footer-note p{margin:0}.mobile-drawer,.drawer-mask{display:none}
@media(max-width:1180px){.floating-tools{right:6px;width:90px}.shell{padding-right:56px}}
@media(max-width:980px){body{padding-bottom:62px}.header-shell{min-height:62px;display:grid;grid-template-columns:82px 1fr 100px;gap:8px;padding:0 12px}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;height:38px;background:#111315;color:#e3b14d;border:1px solid var(--line);border-radius:8px;font-weight:700}.site-logo{justify-self:center}.site-logo img{height:34px;max-width:140px}.nav-core,.channel-bar,.floating-tools{display:none}.primary-action{justify-self:end;min-width:94px;height:38px;padding:0 11px;font-size:14px}.shell{width:min(100% - 28px,1180px);padding-right:0}.reading{width:min(100% - 28px,820px)}.hero,.editorial-band,.content-split{grid-template-columns:1fr}.hero{gap:20px}.hero .media-frame{order:-1}.content-split.reverse .media-frame,.content-split.reverse .copy{order:initial}.numbered-grid,.trio,.index-columns{grid-template-columns:repeat(2,1fr)}.duo{grid-template-columns:1fr}.footer-shell{grid-template-columns:1fr 1fr}.footer-note{padding-bottom:82px;flex-direction:column}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:10000;display:grid;grid-template-columns:repeat(4,1fr);min-height:58px;background:#0b0c0e;border-top:1px solid #b9852a}.mobile-bottom a{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#d9ceb5;font-size:14px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);background:#131518;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;box-shadow:18px 0 40px rgba(0,0,0,.45);overflow-y:auto}.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{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line)}.drawer-logo img{height:34px;max-width:142px}.drawer-close{height:36px;padding:0 10px;background:#0e1012;color:#e4b34d;border:1px solid var(--line);border-radius:8px}.drawer-section{padding:14px 16px;border-bottom:1px solid rgba(223,169,63,.12)}.drawer-section b{display:block;color:#dda842;font-size:13px;margin-bottom:6px}.drawer-section a{display:block;padding:7px 0;text-decoration:none;color:#eee2c8}}
@media(max-width:650px){.header-shell{grid-template-columns:70px minmax(0,1fr) 92px;gap:6px}.menu-toggle{height:36px;padding:0 9px;font-size:13px}.primary-action{min-width:86px;height:36px;padding:0 9px;font-size:13px}.site-logo img{height:30px;max-width:116px}.hero{padding-top:26px}.hero-copy h1,.page-intro h1{font-size:29px}.hero-copy p,.page-intro p,.section p,.reading p{font-size:16px}.media-frame.poster{height:150px}.media-frame.compact{height:195px}.numbered-grid,.trio,.index-columns{grid-template-columns:1fr}.number-card{min-height:112px}.feature-row{grid-template-columns:105px 1fr 20px;gap:10px;padding:14px}.definition div{grid-template-columns:1fr;gap:4px}.footer-shell{grid-template-columns:1fr}.footer-brand p{max-width:none}}
@media(max-width:390px){.header-shell{grid-template-columns:64px minmax(0,1fr) 86px}.site-logo img{max-width:106px;height:28px}.primary-action{min-width:82px;font-size:12px}.menu-toggle{font-size:12px}}