:root{--bg:#151A23;--card:#1B2130;--soft:#202738;--hover:#252D40;--gold:#F1DCA3;--gold2:#E3C98F;--txt:#E8ECF5;--sub:#B8C0D3;--muted:#9DA7BA;--line:#344056}*{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;touch-action:manipulation}img{max-width:100%;object-fit:contain;object-position:center center}.wrap{width:calc(100% - 48px);max-width:1200px;margin:0 auto}.skip{position:absolute;left:-9999px;top:0;background:var(--gold);color:#151A23;z-index:20000}.skip:focus{left:8px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.4}h1{font-size:34px}h2{font-size:25px}h3{font-size:19px}p{color:var(--sub);margin-bottom:17px}.site-header{background:#10151e;border-bottom:1px solid var(--line)}.brand-strip{height:72px;display:flex;align-items:center;gap:18px}.site-logo{display:inline-flex;align-items:center;gap:10px;min-width:150px}.logo-img{width:144px;height:42px;display:flex;align-items:center}.logo-img img{width:100%;height:100%}.logo-img.media-placeholder{background:transparent;justify-content:center}.logo-img .placeholder-mark{display:none}.logo-fallback{font-size:19px;font-weight:800;letter-spacing:2px;color:var(--gold)}.brand-slogan{margin:auto;display:flex;flex-direction:column;align-items:center;line-height:1.5}.brand-slogan strong{letter-spacing:4px;color:var(--gold);font-size:15px}.brand-slogan small{color:var(--sub);font-size:12px}.register-btn{background:var(--gold);color:#151A23!important;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 23px;min-height:40px;white-space:nowrap;font-weight:700}.register-btn:hover{background:var(--gold2)}.nav-shell{border-top:1px solid #283144}.main-nav{height:51px;display:flex;align-items:stretch;gap:24px;white-space:nowrap}.main-nav a{display:inline-flex;align-items:center;position:relative;font-size:15px}.main-nav a.active{color:var(--gold)}.main-nav a.active:after{content:"";height:2px;position:absolute;left:0;right:0;bottom:0;background:var(--gold)}.quick-shell{background:var(--soft)}.quick-nav{display:flex;align-items:center;gap:29px;height:44px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.quick-nav::-webkit-scrollbar{display:none}.quick-nav a{font-size:13px;color:var(--sub)}.quick-nav a.active,.quick-nav a:hover{color:var(--gold)}.page-main{padding:36px 0 64px}.eyebrow{display:inline-block;color:var(--gold);letter-spacing:2px;font-size:12px;font-weight:700;margin-bottom:10px}.lead{font-size:16px;line-height:1.85;max-width:830px}.page-intro{margin-bottom:26px}.page-intro h1{margin-bottom:12px}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:22px}.breadcrumbs a{color:var(--sub)}.section{margin:38px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-head h2{margin:0}.text-link{color:var(--gold);font-size:14px}.panel,.info-card{background:var(--card);border:1px solid #303b50;border-radius:12px}.panel{padding:22px}.media{background:var(--card);border-radius:10px;display:flex;justify-content:center;align-items:center;overflow:hidden;aspect-ratio:16/9}.media img{width:100%;height:100%;object-fit:contain;object-position:center center}.media-placeholder{background:linear-gradient(145deg,#242d40,#151b27);border:1px solid #334158}.placeholder-mark{font-size:56px;color:#67748a;opacity:.35}.feature-image{height:300px;aspect-ratio:auto}.article-image{height:210px;aspect-ratio:auto}.side-image{height:170px;aspect-ratio:auto}.hero-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:22px}.hero-copy h1{font-size:38px;margin:17px 0 12px}.hero-copy .lead{font-size:15px}.reading-index{padding:22px;background:var(--card);border:1px solid var(--line);border-radius:12px}.reading-index h2{font-size:21px;margin-bottom:15px}.index-story{padding:13px 0;border-top:1px solid var(--line)}.index-story h3{font-size:17px;margin:0 0 5px}.index-story p{font-size:13px;line-height:1.7;margin:0}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{background:var(--card);border:1px solid #303b50;border-radius:12px;padding:21px;min-width:0;display:flex;flex-direction:column}.card h3{margin:0 0 8px}.card p{font-size:14px;line-height:1.75;flex:1}.card a{color:var(--gold);font-size:14px}.split-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:24px;align-items:center}.split-feature .media{max-height:280px}.number-list{counter-reset:item;list-style:none;padding:0;margin:0}.number-list li{counter-increment:item;position:relative;padding:16px 0 16px 48px;border-bottom:1px solid var(--line)}.number-list li:before{content:counter(item,decimal-leading-zero);position:absolute;left:0;top:18px;color:var(--gold);font-weight:700}.number-list h3{font-size:18px;margin:0 0 5px}.number-list p{margin:0;font-size:14px}.feature-articles{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:25px}.mini-list article{padding:12px 0;border-bottom:1px solid var(--line)}.mini-list h3{font-size:17px;margin:0 0 5px}.mini-list p{font-size:14px;margin:0}.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.brand-tile{display:flex;gap:10px;align-items:center;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:11px}.brand-tile .media{width:78px;height:64px;flex:0 0 78px;aspect-ratio:auto}.brand-tile .placeholder-mark{font-size:22px}.brand-tile strong{font-size:14px;color:var(--txt)}.brand-tile small{font-size:12px;color:var(--sub);display:block;line-height:1.5}.qa-row{padding:15px 0;border-bottom:1px solid var(--line)}.qa-row h3{margin:0 0 6px;font-size:17px}.qa-row p{margin:0;font-size:14px}.editorial-layout{display:grid;grid-template-columns:minmax(0,72fr) minmax(240px,28fr);gap:28px}.article-block{padding:25px 0;border-bottom:1px solid var(--line)}.article-block:first-child{padding-top:0}.article-block h2{font-size:24px;margin-bottom:14px}.article-block p{line-height:1.85}.article-block p:last-child{margin-bottom:0}.article-block .article-detail{color:var(--sub)}.sidebar-box{background:var(--card);border:1px solid var(--line);padding:20px;border-radius:12px;margin-bottom:20px}.sidebar-box h2{font-size:19px;margin-bottom:13px}.sidebar-box a{display:block;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}.sidebar-box a:last-child{border:0}.related-links{margin-top:28px;background:var(--soft);padding:22px;border-radius:10px}.related-links h2{font-size:21px}.related-links a{display:inline-block;margin:0 18px 10px 0;color:var(--gold);font-size:14px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gallery-card{padding:14px;background:var(--card);border-radius:12px}.gallery-card .media{height:230px;aspect-ratio:auto}.gallery-card p{font-size:14px;margin:12px 0 0}.channel-entry{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;padding:21px 0;border-bottom:1px solid var(--line)}.channel-entry .media{height:94px;aspect-ratio:auto}.channel-entry h2{font-size:21px;margin:0 0 7px}.channel-entry p{margin:0}.site-footer{background:#0E121A;padding:45px 0 18px;border-top:1px solid #293245}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:36px}.site-footer h2{font-size:17px;color:var(--txt);margin-bottom:15px}.site-footer a:not(.footer-logo){display:block;color:#D5DBEA;font-size:14px;padding:4px 0}.site-footer a:hover{color:var(--gold)}.site-footer p{font-size:13px;color:#D5DBEA}.footer-logo{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:18px}.footer-logo .logo-img{width:95px;height:38px}.copyright{border-top:1px solid #293245;margin-top:26px;padding-top:16px;font-size:12px;color:#D5DBEA}.copyright p{font-size:12px;margin:6px 0}.menu-toggle,.mobile-bottom,.mobile-only,.mobile-drawer,.drawer-mask{display:none}
@media(max-width:1050px){.main-nav{gap:17px}.main-nav a{font-size:14px}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.wrap{width:calc(100% - 40px)}.brand-strip{height:60px;justify-content:space-between;gap:8px}.brand-slogan,.nav-shell{display:none}.site-logo{min-width:0;flex:0 1 auto}.site-logo .logo-img{max-width:112px;height:28px}.site-logo .logo-fallback{font-size:17px;white-space:nowrap}.register-btn{min-width:76px;min-height:36px;padding:0 13px;font-size:13px}.desktop-only{display:none}.mobile-only{display:inline}.menu-toggle{display:flex;width:42px;height:42px;border:0;background:transparent;padding:10px;flex-direction:column;justify-content:space-around;flex-shrink:0}.menu-toggle span{height:2px;background:var(--txt);width:23px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100dvh;background:#151A23;color:#E8ECF5;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto;padding:18px}.mobile-drawer.is-open{transform:translateX(0)}.drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:11000;opacity:0;pointer-events:none}.drawer-mask.is-visible{display:block;opacity:1;pointer-events:auto}body.drawer-open{overflow:hidden}.drawer-top{display:flex;justify-content:space-between;align-items:center;color:var(--gold)}.drawer-close{color:var(--txt);background:none;border:0;font-size:31px;line-height:1}.drawer-group{padding:16px 0 6px;border-bottom:1px solid var(--line)}.drawer-group h3{font-size:14px;color:var(--gold);margin-bottom:8px}.drawer-group a{display:block;font-size:15px;padding:9px 4px}.drawer-group a.active{color:var(--gold)}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;height:62px;background:#10151e;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);z-index:2000}.mobile-bottom a{font-size:13px;text-align:center;display:flex;align-items:center;justify-content:center}.page-main{padding-bottom:100px}.site-footer{padding-bottom:83px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-layout{grid-template-columns:minmax(0,1fr)}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.wrap{width:calc(100% - 32px)}h1{font-size:27px}h2{font-size:21px}.hero-copy h1{font-size:29px}.hero-grid,.grid-2,.split-feature,.feature-articles{grid-template-columns:minmax(0,1fr)}.feature-image{height:185px}.article-image{height:170px}.page-main{padding-top:25px}.section{margin:30px 0}.card{padding:17px}.grid-4{gap:12px}.grid-4 .card h3{font-size:17px}.grid-4 .card p{font-size:13px}.brand-grid{gap:9px}.brand-tile{padding:9px;gap:8px}.brand-tile .media{width:55px;flex-basis:55px;height:52px}.brand-tile strong{font-size:13px}.gallery-grid{grid-template-columns:1fr}.gallery-card .media{height:190px}.channel-entry{grid-template-columns:90px minmax(0,1fr);gap:12px}.channel-entry .media{height:75px}.footer-grid{gap:23px 15px}.footer-about{grid-column:1/-1}.quick-nav{gap:21px}.article-block h2{font-size:21px}}
@media(max-width:350px){.logo-img{display:none!important}.site-logo .logo-fallback{font-size:15px}.grid-4,.brand-grid{grid-template-columns:1fr}.brand-tile .media{width:75px;flex-basis:75px}.register-btn{min-width:74px}.footer-grid{grid-template-columns:1fr 1fr}}