:root{--bg:#151A23;--card:#1B2130;--raised:#202738;--hover:#252D40;--gold:#F1DCA3;--gold2:#E3C98F;--txt:#E8ECF5;--muted:#B8C0D3;--quiet:#AAB4C7;--foot:#0E121A;--line:#374054}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.75 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none;touch-action:manipulation}a:hover{color:var(--gold)}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}p{margin:0 0 16px}h1,h2,h3{line-height:1.38;margin:0 0 18px;overflow-wrap:anywhere}h1{font-size:clamp(27px,3vw,40px)}h2{font-size:clamp(21px,2.15vw,26px)}h3{font-size:18px}.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;top:-100px;z-index:20000;background:white;color:black;padding:8px}.skip:focus{top:0}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.site-header{background:#121722;border-bottom:1px solid var(--line)}.brand-line{min-height:73px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-size:20px;color:var(--gold)}.logo-wrap{width:86px;max-height:40px;display:flex;align-items:center}.logo{width:86px;max-height:36px;object-fit:contain;object-position:center}.logo-wrap .photo-empty{width:0;height:0;min-height:0;border:0;background:none}.brand-copy{display:flex;flex-direction:column;line-height:1.5}.brand-copy span{color:var(--gold);letter-spacing:.12em;font-size:13px}.brand-copy small{font-size:13px;color:var(--muted)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.register-link,.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:var(--bg);padding:9px 22px;border-radius:999px;font-weight:700;min-height:44px;white-space:nowrap}.register-link:hover,.btn:hover{background:var(--gold2);color:var(--bg)}.btn.secondary{background:transparent;border:1px solid var(--gold);color:var(--gold)}.btn.secondary:hover{background:var(--raised)}.main-nav{background:#1B2130;border-block:1px solid var(--line)}.nav-links{display:flex;align-items:stretch;gap:23px;white-space:nowrap;min-height:52px}.nav-links a{display:flex;align-items:center;position:relative;font-size:15px}.nav-links a.active{color:var(--gold);font-weight:700}.nav-links a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold)}.quick-nav{background:#202738}.quick-inner{display:flex;align-items:center;gap:24px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;min-height:40px}.quick-inner::-webkit-scrollbar{display:none}.quick-inner a{font-size:13px;color:var(--muted)}.quick-inner a.active,.quick-inner a:hover{color:var(--gold)}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;color:var(--txt);width:44px;height:44px}.page-main{padding-top:34px;padding-bottom:72px}.eyebrow{display:block;color:var(--gold);font-size:12px;letter-spacing:.1em;font-weight:700;margin-bottom:12px}.lead{font-size:16px;color:var(--muted);max-width:780px}.hero{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:22px}.hero-feature,.hero-side,.editor-panel,.topic-card,.prose-block,.reading-aside,.feature-main,.feature-list{background:var(--card);border:1px solid var(--line);border-radius:14px}.hero-feature{padding:27px}.hero-feature h1{max-width:650px}.hero-photo{margin:18px 0;border-radius:12px;overflow:hidden;background:var(--raised)}.photo{display:block;width:100%;max-height:340px;height:auto;object-fit:contain;object-position:center}.photo-empty{background:linear-gradient(125deg,#202738,#2E3442);min-height:180px;border-radius:10px;border:1px solid #374054}.hero-photo .photo-empty{min-height:220px;max-height:300px}.hero-links{display:flex;gap:12px;flex-wrap:wrap}.hero-side{padding:25px}.hero-side h2{font-size:22px}.hero-side a,.feature-list a{display:block;padding:20px 0;border-top:1px solid var(--line)}.hero-side a strong,.feature-list a strong{display:block;font-size:17px;margin-bottom:7px}.hero-side a span,.feature-list a span{font-size:14px;color:var(--muted);display:block;line-height:1.7}.section{margin-top:52px}.section-heading{margin-bottom:22px}.section-heading h2{margin-bottom:7px}.section-heading p{color:var(--muted)}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.topic-card{display:flex;flex-direction:column;padding:22px;min-height:235px}.topic-card h3{color:var(--txt)}.topic-card p{font-size:14px;color:var(--muted);line-height:1.65;flex:1}.text-link,.link-row a,.more-link a{color:var(--gold);font-weight:700;font-size:14px}.twin-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editor-panel{padding:27px}.editor-panel.gold{background:#272838}.editor-panel p,.media-copy p{color:var(--muted)}.editor-panel ul{padding-left:20px;margin-bottom:0}.editor-panel li{margin:9px 0}.editor-panel a{color:var(--gold)}.media-band{display:grid;grid-template-columns:5fr 6fr;gap:22px;align-items:center}.media-image .photo{max-height:310px}.media-image .photo-empty{min-height:270px}.media-copy{padding:20px 8px}.link-row{display:flex;gap:20px;flex-wrap:wrap}.number-list{border-top:1px solid var(--line)}.number-list a{display:grid;grid-template-columns:55px 1fr 2fr 90px;gap:15px;align-items:center;padding:16px 6px;border-bottom:1px solid var(--line)}.number-list a b{color:var(--gold)}.number-list a span{color:var(--muted);font-size:14px}.number-list a em{font-style:normal;text-align:right;color:var(--gold);font-size:14px}.feature-block{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.feature-main,.feature-list{padding:24px}.feature-photo{margin-bottom:18px}.feature-photo .photo-empty{min-height:240px}.feature-main p{color:var(--muted)}.feature-list a{padding:16px 0}.brand-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.brand-preview>a{display:grid;grid-template-columns:68px 1fr;column-gap:12px;align-items:center;padding:12px;background:var(--card);border:1px solid var(--line);border-radius:12px}.brand-preview a small{grid-column:2;color:var(--muted)}.brand-thumb{grid-row:span 2;height:58px;display:grid;place-items:center}.brand-thumb .photo{max-height:56px}.brand-thumb .photo-empty{min-height:45px;width:100%}.more-link{text-align:right;margin-top:15px}.quick-help .topic-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-help .topic-grid>div{background:var(--raised);border-radius:12px;padding:22px}.quick-help p{font-size:14px;color:var(--muted)}.quick-help a{font-size:14px;color:var(--gold)}.responsible-banner{display:flex;gap:26px;align-items:center;justify-content:space-between;border-top:1px solid var(--gold);padding:26px;background:var(--raised);border-radius:12px}.responsible-banner p{color:var(--muted);max-width:800px}.responsible-banner .btn{flex-shrink:0}.page-head{padding:24px 0 28px;max-width:880px}.reading-layout{display:grid;grid-template-columns:minmax(0,72%) minmax(0,1fr);gap:20px;align-items:start}.reading-content{min-width:0;display:grid;gap:16px}.prose-block{padding:27px 30px}.prose-block h2{color:var(--gold)}.prose-block p{color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:0}.reading-aside{padding:22px;position:sticky;top:20px}.reading-aside h2{font-size:20px}.reading-aside>a{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.reading-aside span{color:var(--gold)}.aside-note{margin-top:26px;background:var(--raised);padding:14px;border-radius:10px;color:var(--muted);font-size:14px}.aside-note strong{color:var(--gold)}.aside-note p{margin-top:9px;margin-bottom:0}.related{margin-top:42px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-grid a{border:1px solid var(--line);border-radius:10px;background:var(--card);padding:16px;display:flex;justify-content:space-between;gap:8px}.related-grid span{color:var(--gold)}.brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.brand-card{background:var(--raised);padding:18px;border-radius:10px}.brand-card h2{font-size:19px;margin-bottom:10px}.brand-card p{font-size:14px;line-height:1.8;color:var(--muted)}.brand-card a{font-size:14px;color:var(--gold)}.brand-photo{height:100px;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.brand-photo .photo{max-height:98px}.brand-photo .photo-empty{width:100%;min-height:95px}.faq-item h2{font-size:20px}.site-footer{background:#0E121A;border-top:1px solid #7a6643}.footer-grid{padding-block:44px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}.footer-grid h2{font-size:18px;color:var(--gold)}.footer-grid p{font-size:14px;color:#D5DBEA}.footer-grid a{display:block;font-size:14px;color:#D5DBEA;margin:8px 0}.copyright{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#D5DBEA;padding-block:20px}.bottom-nav{display:none}.drawer-mask,.mobile-drawer{display:none} .drawer-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--line)}.drawer-close{background:transparent;border:1px solid var(--line);border-radius:8px;color:white;font-size:23px;width:44px;height:44px}.drawer-group{padding:12px 20px;border-bottom:1px solid var(--line)}.drawer-group h2{font-size:15px;color:var(--gold);margin:8px 0}.drawer-group a{display:block;padding:7px 0;font-size:15px}
@media(max-width:980px){.wrap{width:calc(100% - 40px)}.brand-line{min-height:61px}.brand-copy,.main-nav{display:none}.menu-toggle{display:block}.quick-inner{gap:20px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100vh;height:100dvh;background:#151A23;color:#E8ECF5;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto;visibility:hidden;pointer-events:none}.mobile-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-mask{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:11000;opacity:0;pointer-events:none;visibility:hidden}.drawer-mask.is-visible{opacity:1;pointer-events:auto;visibility:visible}body.drawer-open{overflow:hidden}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;min-height:60px;padding-bottom:env(safe-area-inset-bottom,0px);background:#101621;z-index:9000;border-top:1px solid var(--line)}.bottom-nav a{display:grid;place-items:center;min-height:58px;font-size:14px}.page-main{padding-bottom:110px}.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.reading-layout{grid-template-columns:minmax(0,1fr)}.reading-aside{position:static}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.hero,.twin-panels,.media-band,.feature-block{grid-template-columns:1fr}.topic-grid,.brand-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-help .topic-grid.three{grid-template-columns:1fr}.hero-side{padding:20px}.hero-side a{padding:12px 0}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.responsible-banner{align-items:flex-start;flex-direction:column}.number-list a{grid-template-columns:35px 1fr 70px}.number-list a span{grid-column:2;grid-row:2}.number-list a em{grid-column:3;grid-row:1/3}.copyright{flex-direction:column}.brand-card{padding:14px}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.page-main{padding-top:24px}.brand strong{font-size:18px}.logo-wrap,.logo{width:60px}.brand{gap:7px}.register-link{padding:7px 12px;min-height:36px;font-size:13px}.header-actions{gap:7px}.menu-toggle{width:42px;height:42px}.hero-feature{padding:19px}.hero-photo .photo-empty{min-height:160px}.hero-links .btn{width:100%}.hero .lead{font-size:15px}.section{margin-top:34px}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:0;padding:18px}.brand-preview{gap:8px}.brand-preview>a{display:block;text-align:center;padding:8px}.brand-thumb{height:50px}.brand-preview strong{display:block;font-size:13px}.brand-preview small{font-size:12px}.prose-block{padding:20px}.prose-block p{font-size:15px}.brand-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.footer-grid{gap:18px}.footer-grid>div:first-child{grid-column:1/-1}.page-head{padding-top:12px}.number-list a{gap:8px}.number-list a span{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}