*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0d10;color:#f5eddc;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.82;overflow-x:hidden}body.drawer-open{overflow:hidden}a{color:inherit}img{max-width:100%}.masthead{position:sticky;top:0;z-index:8000;background:#0d1014;border-bottom:1px solid rgba(232,184,74,.2);box-shadow:0 10px 30px rgba(0,0,0,.35)}.masthead-top{max-width:1180px;height:68px;margin:auto;padding:0 18px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}.brand img,.drawer-brand img{display:block;height:38px;width:auto;max-width:156px;object-fit:contain}.brand-text{font-weight:900;letter-spacing:.14em;color:#efc35c;white-space:nowrap}.primary-nav{margin-left:auto;display:flex;align-items:center;gap:4px}.primary-nav a{padding:8px 11px;text-decoration:none;color:#d8cdb8;font-weight:700;border-radius:8px;white-space:nowrap}.primary-nav a:hover,.primary-nav a.active{background:#1b2026;color:#efc35c}.gold-action{display:inline-flex;height:40px;min-width:78px;padding:0 17px;align-items:center;justify-content:center;border-radius:8px;background:#efc35c;color:#17130b;text-decoration:none;font-weight:800;box-shadow:0 8px 20px rgba(239,195,92,.18)}.topic-nav{background:#11151a}.topic-nav-inner{max-width:1180px;margin:auto;padding:0 18px;display:flex;overflow:auto;scrollbar-width:thin}.topic-nav a{padding:10px 13px;text-decoration:none;color:#9fa6ad;font-size:14px;white-space:nowrap;border-bottom:2px solid transparent}.topic-nav a:hover,.topic-nav a.active{color:#efc35c;border-bottom-color:#efc35c}.mobile-menu-btn{display:none}.site-main{max-width:1180px;margin:auto;padding:38px 18px 72px}.page-head{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:26px;align-items:end;padding:24px 0 28px;border-bottom:1px solid rgba(232,184,74,.15)}.page-head.compact{grid-template-columns:1fr}.eyebrow{margin:0 0 8px;color:#efc35c;font-weight:800;font-size:13px;letter-spacing:.16em}.page-head h1,.feature-copy h1{font-size:clamp(30px,4vw,46px);line-height:1.18;margin:0 0 14px;color:#f3c75f}.page-head p,.feature-copy p{margin:0;color:#c8c0b2;font-size:17px}.head-index{display:grid;gap:8px}.head-index a{padding:9px 12px;border:1px solid rgba(232,184,74,.16);background:#12161b;border-radius:8px;text-decoration:none;color:#d8cdb8}.feature-shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;align-items:center;margin:32px 0 40px}.feature-copy{padding:10px 0}.feature-copy .mini-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.feature-copy .mini-links a,.inline-links a{color:#f3c75f;text-decoration:none;border-bottom:1px solid rgba(243,199,95,.35)}.media-frame{position:relative;margin:0;width:100%;aspect-ratio:16/9;background:#15191e;border:1px solid rgba(232,184,74,.15);border-radius:16px;overflow:hidden;box-shadow:0 20px 46px rgba(0,0,0,.32)}.media-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.media-missing{display:flex;align-items:center;justify-content:center;color:#777f86}.poster-wide{height:clamp(170px,20vw,220px);aspect-ratio:auto}.poster-wide img{object-fit:contain}.reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 42px}.reading-card{padding:20px;background:#12161b;border:1px solid rgba(232,184,74,.14);border-radius:14px;text-decoration:none;min-height:132px;transition:.2s}.reading-card:hover{transform:translateY(-2px);border-color:rgba(239,195,92,.45)}.reading-card b{display:block;color:#f3c75f;font-size:18px;margin-bottom:8px}.reading-card span{color:#9fa6ad;font-size:14px}.section{margin:44px 0}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.section-title:before{content:"";width:26px;height:2px;background:#efc35c}.section h2{margin:0;color:#efc35c;font-size:25px;line-height:1.35}.section p{margin:0 0 14px}.split-band{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch;margin:42px 0}.copy-panel{padding:26px;border-radius:16px;background:#12161b;border:1px solid rgba(232,184,74,.14)}.copy-panel h2{margin-top:0;color:#efc35c}.copy-panel p:last-child{margin-bottom:0}.note-band{margin:36px 0;padding:18px 22px;border-left:4px solid #efc35c;background:#14181d;color:#d9d1c3;border-radius:0 12px 12px 0}.link-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.link-board a{display:block;padding:16px 18px;background:#12161b;border:1px solid rgba(232,184,74,.14);border-radius:12px;text-decoration:none}.link-board a b{display:block;color:#efc35c;margin-bottom:6px}.link-board a span{color:#9fa6ad;font-size:14px}.info-list{display:grid;gap:11px;counter-reset:item}.info-list li{list-style:none;counter-increment:item;padding:15px 18px 15px 56px;position:relative;background:#12161b;border:1px solid rgba(232,184,74,.12);border-radius:12px}.info-list li:before{content:counter(item);position:absolute;left:16px;top:14px;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#efc35c;color:#17130b;font-weight:900}.matrix{width:100%;border-collapse:collapse;margin:20px 0}.matrix th,.matrix td{padding:13px 14px;border-bottom:1px solid rgba(232,184,74,.14);text-align:left;vertical-align:top}.matrix th{color:#efc35c;background:#11151a}.matrix tr:last-child td{border-bottom:0}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-grid details{background:#12161b;border:1px solid rgba(232,184,74,.14);border-radius:12px;padding:15px 17px}.faq-grid summary{color:#efc35c;font-weight:800;cursor:pointer}.faq-grid p{margin:12px 0 0}.breadcrumb{font-size:14px;color:#7f878f;margin-bottom:18px}.breadcrumb a{color:#b7aa92;text-decoration:none}.inline-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}.highlight-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(232,184,74,.15);border:1px solid rgba(232,184,74,.15);border-radius:14px;overflow:hidden;margin:32px 0}.highlight-strip div{background:#11151a;padding:18px}.highlight-strip b{display:block;color:#efc35c;margin-bottom:6px}.highlight-strip span{color:#929ba3;font-size:14px}.site-footer{background:#07090b;border-top:1px solid rgba(239,195,92,.38);padding:42px 18px 86px}.footer-shell{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:28px}.footer-intro img{height:38px;width:auto;object-fit:contain}.footer-intro p{max-width:310px;color:#8c949b}.footer-links h2{font-size:16px;color:#efc35c;margin:0 0 12px}.footer-links a{display:block;text-decoration:none;color:#aaa295;margin:7px 0}.footer-bottom{max-width:1180px;margin:28px auto 0;padding-top:20px;border-top:1px solid rgba(232,184,74,.12);font-size:14px;color:#777f86}.mobile-dock{display:none}.drawer,.drawer-mask{display:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid rgba(232,184,74,.15)}.drawer-close,.mobile-menu-btn{background:#171b20;border:1px solid rgba(239,195,92,.35);color:#efc35c;border-radius:8px;padding:8px 12px;font:inherit}.drawer-section{padding:14px 16px;border-bottom:1px solid rgba(232,184,74,.1)}.drawer-section b{display:block;color:#efc35c;margin-bottom:8px}.drawer-section a{display:inline-block;margin:5px 12px 5px 0;text-decoration:none;color:#d6cdbd;font-size:14px}
@media(max-width:980px){.primary-nav,.topic-nav{display:none}.mobile-menu-btn{display:inline-flex}.masthead-top{height:62px;padding:0 12px;justify-content:space-between;gap:12px}.brand{position:absolute;left:50%;transform:translateX(-50%)}.brand img{height:32px;max-width:120px}.gold-action{height:38px;min-width:68px;padding:0 12px}.site-main{padding:26px 14px 92px}.drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);background:#101419;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;box-shadow:18px 0 40px rgba(0,0,0,.45);overflow-y:auto}.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}.page-head{grid-template-columns:1fr}.head-index{grid-template-columns:repeat(2,1fr)}.feature-shell,.split-band{grid-template-columns:1fr}.reading-grid{grid-template-columns:repeat(2,1fr)}.link-board{grid-template-columns:1fr 1fr}.faq-grid{grid-template-columns:1fr}.highlight-strip{grid-template-columns:1fr 1fr}.footer-shell{grid-template-columns:1fr 1fr}.mobile-dock{position:fixed;z-index:9000;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:#080a0c;border-top:1px solid #efc35c;padding-bottom:env(safe-area-inset-bottom)}.mobile-dock a{text-align:center;text-decoration:none;color:#d7cdbb;padding:12px 5px;font-size:14px}.poster-wide{height:clamp(112px,34vw,150px)}}
@media(max-width:600px){.reading-grid,.link-board,.footer-shell{grid-template-columns:1fr}.highlight-strip{grid-template-columns:1fr 1fr}.page-head h1,.feature-copy h1{font-size:30px}.page-head p,.feature-copy p{font-size:16px}.site-main{padding-left:12px;padding-right:12px}.copy-panel{padding:20px}.head-index{grid-template-columns:1fr}.section{margin:36px 0}}