*{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.82;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}.site-header{position:sticky;top:0;z-index:9999;background:#111;border-bottom:1px solid rgba(232,184,74,.28);box-shadow:0 10px 30px rgba(0,0,0,.3)}.head-row{width:min(1140px,calc(100% - 32px));min-height:66px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.brand{display:flex;align-items:center}.brand img,.drawer-brand img,.footer-brand img{height:38px;width:auto;max-width:156px;object-fit:contain}.brand span,.drawer-brand span{color:#e8b84a;font-weight:900;letter-spacing:.08em}.core-nav{display:flex;justify-content:center;gap:4px}.core-nav a{padding:8px 12px;color:#f3e6c4;font-weight:700;white-space:nowrap;border-radius:999px}.core-nav a:hover,.core-nav a.on{background:#e8b84a;color:#111}.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;font-weight:800;box-shadow:0 8px 18px rgba(200,150,46,.2)}.menu-btn{display:none;background:transparent;border:1px solid rgba(232,184,74,.45);color:#e8b84a;border-radius:8px;height:38px;padding:0 12px}.channel-bar{background:#1a1a1a;border-bottom:1px solid rgba(232,184,74,.12)}.channel-inner{width:min(1140px,calc(100% - 32px));margin:auto;display:flex;overflow-x:auto;scrollbar-width:thin}.channel-inner a{flex:0 0 auto;padding:11px 10px;color:#c9bba0;font-size:13px}.channel-inner a:hover{color:#e8b84a}.site-main{min-height:62vh}.wrap{width:min(1140px,calc(100% - 32px));margin:auto}.read{width:min(800px,calc(100% - 32px));margin:auto}.breadcrumb{padding:24px 0 0;color:#8e8372;font-size:14px}.breadcrumb a{color:#c9bba0}.hero-split{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:center;padding:42px 0 26px}.hero-copy{padding:14px 0}.kicker{color:#e8b84a;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-copy h1,.page-head h1{margin:8px 0 14px;color:#e8b84a;font-size:clamp(30px,4vw,44px);line-height:1.18}.hero-copy p,.page-head p{color:#c9bba0;font-size:17px}.media{position:relative;width:100%;overflow:hidden;border-radius:14px;background:#1c1c1c;aspect-ratio:16/9;border:1px solid rgba(232,184,74,.18)}.media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.media-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#161616,#222);color:#514a3e;font-size:13px}.section{padding:38px 0}.section+.section{border-top:1px solid rgba(232,184,74,.12)}.section-title{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:20px}.section-title h2{margin:0;color:#f3cf75;font-size:25px}.section-title p{margin:0;max-width:620px;color:#8e8372}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topic-link{background:#171717;border:1px solid rgba(232,184,74,.15);border-radius:14px;padding:18px;min-height:120px;transition:.18s}.topic-link:hover{transform:translateY(-2px);border-color:rgba(232,184,74,.5)}.topic-link strong{display:block;color:#e8b84a;font-size:18px;margin-bottom:7px}.topic-link span{color:#c9bba0;font-size:14px}.gold-rule{margin:6px 0;background:linear-gradient(90deg,#161616,#201b10,#161616);border:1px solid rgba(232,184,74,.26);border-radius:14px;padding:18px 22px;color:#e7d7b0}.zig{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.zig.reverse .media{order:2}.zig.reverse .copy{order:1}.copy h2{margin:0 0 10px;color:#e8b84a;font-size:26px}.copy h3{color:#f3cf75}.copy p{color:#d9ccb1}.copy ul,.copy ol{padding-left:20px;color:#d9ccb1}.compact-strip{display:grid;grid-template-columns:1fr minmax(240px,380px);gap:24px;align-items:center;background:#171717;border:1px solid rgba(232,184,74,.16);border-radius:14px;padding:22px}.compact-strip h2{color:#e8b84a;margin-top:0}.page-head{padding:34px 0 22px;border-bottom:1px solid rgba(232,184,74,.14)}.page-head .eyebrow{color:#e8b84a;font-weight:800;font-size:13px;letter-spacing:.12em}.page-shell{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:30px;padding:34px 0 48px}.article{min-width:0}.side-index{position:sticky;top:108px;align-self:start;background:#171717;border:1px solid rgba(232,184,74,.16);border-radius:14px;padding:16px}.side-index b{display:block;color:#e8b84a;margin-bottom:10px}.side-index a{display:block;padding:8px 0;border-bottom:1px dashed rgba(232,184,74,.12);color:#c9bba0}.panel{background:#171717;border:1px solid rgba(232,184,74,.14);border-radius:14px;padding:22px;margin:0 0 18px}.panel h2{margin:0 0 10px;color:#e8b84a;font-size:24px}.panel h3{color:#f3cf75}.panel p{margin:9px 0;color:#d7c9aa}.step-list{counter-reset:step;display:grid;gap:12px}.step{counter-increment:step;display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;padding:18px;background:#171717;border:1px solid rgba(232,184,74,.14);border-radius:14px}.step:before{content:counter(step);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e8b84a;color:#111;font-weight:900}.step h2,.step h3{margin:0 0 6px;color:#e8b84a}.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}.note-box{border-left:3px solid #e8b84a;background:#171717;padding:18px 20px;border-radius:0 12px 12px 0;margin:20px 0;color:#d7c9aa}.related{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.related a{padding:8px 12px;border:1px solid rgba(232,184,74,.28);border-radius:999px;color:#e8b84a}.faq-item{padding:20px 0;border-bottom:1px solid rgba(232,184,74,.14)}.faq-item h2{font-size:20px;color:#e8b84a;margin:0 0 8px}.faq-item p{margin:0;color:#d7c9aa}.mobile-drawer,.drawer-mask{display:none}.site-footer{background:#070707;border-top:1px solid #e8b84a;margin-top:40px}.footer-grid{width:min(1140px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px;padding:34px 0}.footer-grid>div{display:flex;flex-direction:column;gap:7px}.footer-grid b{color:#e8b84a}.footer-grid a,.footer-grid p{color:#c9bba0;font-size:14px;margin:0}.footer-bottom{text-align:center;color:#8e8372;border-top:1px solid rgba(232,184,74,.12);padding:16px}.float-tools{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:9000;display:flex;flex-direction:column;background:#0b0b0b;border:1px solid rgba(232,184,74,.25);border-radius:12px;overflow:hidden}.float-tools a{padding:9px 11px;border-bottom:1px solid rgba(232,184,74,.12);font-size:12px;color:#e7d7b0}.float-tools a.gold{background:#e8b84a;color:#111;font-weight:800}.mobile-bottom{display:none}
@media(max-width:980px){body{padding-bottom:58px}.head-row{grid-template-columns:74px 1fr 92px;gap:8px;width:min(100% - 20px,1140px)}.menu-btn{display:inline-flex;align-items:center;justify-content:center;justify-self:start}.brand{justify-self:center}.brand img{height:34px;max-width:132px}.core-nav,.channel-bar,.float-tools{display:none}.main-btn{height:38px;min-width:86px;padding:0 12px;font-size:14px}.hero-split,.zig,.compact-strip,.page-shell{grid-template-columns:1fr}.hero-split{padding-top:26px}.hero-split .media{order:-1}.zig.reverse .media,.zig.reverse .copy{order:initial}.topic-grid{grid-template-columns:repeat(2,1fr)}.duo{grid-template-columns:1fr}.side-index{position:static}.footer-grid{grid-template-columns:1fr 1fr}.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);overflow-y:auto;padding-bottom:30px}.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}.drawer-open{overflow:hidden}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(232,184,74,.2)}.drawer-brand img{height:34px}.drawer-close{width:38px;height:38px;border:1px solid rgba(232,184,74,.35);background:#111;color:#e8b84a;border-radius:8px;font-size:24px}.drawer-group{padding:14px 18px;border-bottom:1px solid rgba(232,184,74,.1)}.drawer-group b{display:block;color:#e8b84a;margin-bottom:8px}.drawer-group a{display:block;padding:7px 0;color:#e7d7b0}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:10000;background:#0c0c0c;border-top:1px solid #e8b84a}.mobile-bottom a{text-align:center;padding:11px 4px;color:#e7d7b0;font-size:13px}.page-head{padding-top:26px}}
@media(max-width:640px){.wrap,.read{width:min(100% - 24px,1140px)}.hero-copy h1,.page-head h1{font-size:29px}.hero-copy p,.page-head p{font-size:16px}.topic-grid{grid-template-columns:1fr 1fr;gap:10px}.topic-link{padding:15px;min-height:112px}.section{padding:28px 0}.section-title{display:block}.section-title p{margin-top:8px}.footer-grid{grid-template-columns:1fr}.media{border-radius:12px}.compact-strip{padding:16px}.panel{padding:18px}.brand img{max-width:120px}.head-row{grid-template-columns:70px 1fr 88px}.main-btn{font-size:13px;padding:0 10px}}