*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080A0D;color:#C7CDD5;font:16px/1.78 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#8ED8FF}button{font:inherit}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#F5F7FA;line-height:1.32}h1{font-weight:800}h2{font-size:27px;letter-spacing:-.5px}h3{font-size:19px}p{line-height:1.83}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.eyebrow{font-size:12px;letter-spacing:2px;color:#8ED8FF;font-weight:700;text-transform:uppercase}.site-header{position:sticky;top:0;z-index:10000;background:#0D1015;border-bottom:1px solid rgba(255,255,255,.07)}.nav-container{max-width:1180px;margin:auto;height:70px;padding:0 24px;display:flex;align-items:center;gap:32px}.brand{width:154px;min-width:154px;display:flex;align-items:center}.brand img{max-height:38px;max-width:150px;width:auto;height:auto;object-fit:contain}.brand-fallback{font-size:24px;color:#fff;font-weight:800;letter-spacing:-1px}.brand-fallback b{color:#8ED8FF}.brand-fallback small{font-size:14px;margin-left:7px;font-weight:700}.desktop-nav{display:flex;align-items:center;gap:35px;flex:1;white-space:nowrap}.nav-link{height:70px;display:flex;align-items:center;position:relative;color:#C7CDD5;font-size:14px;font-weight:700}.nav-link:hover,.nav-link.is-active{color:#6EA8FF}.nav-link.is-active:after{content:"";position:absolute;bottom:0;left:23%;right:23%;height:2px;background:#6EA8FF}.enter-btn,.btn-primary{display:inline-flex;gap:12px;align-items:center;justify-content:center;background:#5C7CFA;color:#fff!important;border-radius:999px;font-size:14px;font-weight:700;padding:9px 23px;min-height:42px;white-space:nowrap}.enter-btn:hover,.btn-primary:hover{background:#7390FF}.subnav{background:#12161C;border-bottom:1px solid rgba(255,255,255,.06)}.subnav-inner{height:44px;max-width:1180px;margin:auto;display:flex;align-items:center;gap:31px;overflow-x:auto;scrollbar-width:none;padding:0 24px;white-space:nowrap}.subnav-inner::-webkit-scrollbar{display:none}.sub-link{font-size:13px;color:#9098A3;flex:none}.sub-link:hover,.sub-link.is-active{color:#8ED8FF}.menu-toggle,.mobile-bottom{display:none}.site-main{min-height:60vh}.homepage{padding-top:26px}.hero{display:grid;grid-template-columns:minmax(0,56%) minmax(0,44%);align-items:center;gap:0;min-height:332px;background:linear-gradient(108deg,#141B2A 0%,#101725 65%,#10151B 100%);border:1px solid rgba(120,165,245,.12);border-radius:16px;overflow:hidden}.hero-copy{padding:36px 35px}.hero h1{font-size:38px;letter-spacing:-1.5px;line-height:1.28;margin:18px 0}.hero h1 span{font-size:31px}.hero-copy>p:not(.eyebrow){font-size:15px;color:#AEBACC;max-width:560px}.hero-actions{display:flex;align-items:center;gap:22px;margin:24px 0 22px}.btn-text{font-size:14px;color:#B8D0EF}.hero-facts{display:flex;flex-wrap:wrap;gap:15px;color:#8E9BAB;font-size:12px}.hero-facts span:before{content:"•";color:#8ED8FF;margin-right:7px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8ED8FF;margin-right:8px}.hero-art{padding:20px 28px 16px 0;min-width:0}.hero-art .media{max-height:274px}.hero-art .media img{max-height:274px}.art-label{display:flex;justify-content:space-between;gap:8px;margin-top:9px;font-size:11px;color:#8D99AA}.art-label span{letter-spacing:1.2px;color:#83BFFF}.art-label b{font-weight:500}.home-section{margin:48px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.section-heading .eyebrow{margin-bottom:9px}.section-heading h2{margin:0}.section-heading>p,.section-description{font-size:14px;color:#9CA7B5;margin:0}.all-link{font-size:13px;color:#8ED8FF;white-space:nowrap}.topics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.topic-tile{background:#171C23;border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:22px 22px 18px;min-width:0;transition:background .2s,border-color .2s}.topic-tile:hover{background:#1B2129;border-color:rgba(142,216,255,.35)}.tile-index{font-size:12px;color:#6EA8FF;letter-spacing:1px}.topic-tile h3{display:flex;justify-content:space-between;margin:13px 0 9px}.topic-tile h3 span{color:#6EA8FF}.topic-tile p{font-size:13px;color:#A6B0BB;margin:0;line-height:1.7}.split-editorial{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}.featured-editorial{background:linear-gradient(160deg,#1B2840,#161D27);border:1px solid rgba(110,168,255,.17);border-radius:14px;padding:27px}.featured-editorial h3{font-size:24px;max-width:500px;margin-bottom:18px}.featured-editorial p{font-size:14px;color:#AAB8CA}.featured-editorial>a,.info-panel>a{color:#8ED8FF;font-size:14px;font-weight:700}.compact-links{display:grid;gap:11px}.compact-links>a{display:flex;flex-direction:column;gap:3px;background:#171C23;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:15px 20px}.compact-links small{font-size:10px;letter-spacing:1.5px;color:#75ABED}.compact-links strong{font-size:16px;color:#EDF2F9}.compact-links span{font-size:12px;color:#909EAE}.wide-feature{background:#141A22;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:28px 32px;position:relative;overflow:hidden}.feature-line{display:block;width:46px;height:3px;background:#6EA8FF;margin-bottom:17px}.wide-feature h3{font-size:25px}.wide-feature>p{max-width:950px;color:#AFB9C5;font-size:14px}.three-text-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:23px}.three-text-links a{background:#202936;border:1px solid rgba(255,255,255,.05);border-radius:9px;padding:15px}.three-text-links b,.three-text-links span{display:block}.three-text-links b{color:white;font-size:16px}.three-text-links span{font-size:12px;color:#9FB0C3;margin-top:4px}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.game-card,.atlas-card{min-width:0;background:#171C23;border:1px solid rgba(255,255,255,.08);border-radius:13px;overflow:hidden}.game-card>div:last-child{padding:13px 15px}.game-card small{font-size:10px;letter-spacing:1px;color:#78B9FF}.game-card h3{font-size:17px;margin:6px 0}.game-card p{font-size:12px;color:#9FAAB6;margin:0}.image-feature{display:grid;grid-template-columns:46% 54%;background:#171C23;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}.image-feature>div:first-child{padding:18px}.image-feature-copy{padding:30px;align-self:center}.image-feature-copy h3{font-size:25px}.image-feature-copy p{font-size:14px;color:#A8B3BF}.inline-links{display:flex;flex-wrap:wrap;gap:25px;font-size:14px;color:#8ED8FF}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-panel{border:1px solid rgba(255,255,255,.09);background:#171C23;border-radius:13px;padding:24px}.info-panel>span{color:#8ED8FF;font-size:11px;letter-spacing:1px}.info-panel h3{margin:12px 0}.info-panel p{font-size:14px;color:#ABB6C2}.news-index{border-top:1px solid rgba(255,255,255,.12)}.news-row{display:flex;align-items:center;gap:22px;border-bottom:1px solid rgba(255,255,255,.1);padding:14px 6px}.news-no{font-size:18px;color:#6EA8FF;min-width:35px;font-weight:700}.news-row>div{flex:1}.news-row h3{font-size:16px;margin-bottom:2px}.news-row p{font-size:12px;color:#8D98A6;margin:0}.news-row .arrow{color:#8ED8FF}.atlas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.atlas-card>div:last-child{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;gap:6px}.atlas-card span{font-size:11px;color:#78AEEC}.atlas-card strong{color:#E7EDF5;font-size:15px}.poster-section>.media{max-width:1080px;margin:0 auto}.selection-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.selection-main{background:linear-gradient(130deg,#1B2541,#22243D 65%,#1C2230);border:1px solid rgba(110,168,255,.18);border-radius:14px;padding:29px}.selection-main small{font-size:11px;letter-spacing:1.8px;color:#8ED8FF}.selection-main h3{font-size:27px;margin:14px 0}.selection-main p{font-size:14px;color:#B1BBCA;max-width:520px}.selection-main>span{color:#8ED8FF;font-size:13px}.selection-list{display:grid;gap:12px}.selection-list>a{background:#171C23;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:15px 18px;display:flex;flex-direction:column;gap:4px}.selection-list b{font-size:17px;color:white}.selection-list span{font-size:12px;color:#9AA7B6}.mobile-feature{display:grid;grid-template-columns:1.6fr .7fr;gap:22px;background:#171C23;border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:28px;align-items:center}.mobile-feature-copy h3{font-size:25px}.mobile-feature-copy p{color:#A9B5C2;font-size:14px}.mobile-feature-copy .btn-primary{margin-top:10px}.mobile-visual{max-width:245px;justify-self:center;width:100%}.gif-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.gif-grid>div{padding:17px;background:#171C23;border:1px solid rgba(255,255,255,.08);border-radius:13px}.gif-grid .media img{max-height:190px}.gif-grid h3{margin:13px 0 4px;font-size:16px}.gif-grid p{font-size:13px;color:#9BA7B5;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-grid>a{padding:20px;background:#171C23;border:1px solid rgba(255,255,255,.08);border-radius:12px}.service-grid span{color:#78ABF7;font-size:12px}.service-grid h3{margin:8px 0}.service-grid p{font-size:13px;color:#9FABB8;margin:0}.closing-notice{display:grid;grid-template-columns:230px 1fr;gap:25px;padding:25px 0 40px;border-top:1px solid rgba(255,255,255,.12)}.closing-notice h2{font-size:21px}.closing-notice p{font-size:14px;color:#9DA8B6}.closing-notice a{font-size:13px;color:#8ED8FF}.media{position:relative;width:100%;max-width:100%;min-width:0;overflow:hidden;border-radius:12px;background:#0D1015;display:flex;align-items:center;justify-content:center}.media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.media-square{aspect-ratio:1/1}.media-landscape{aspect-ratio:16/9}.media-topic{aspect-ratio:4/3}.media-banner{aspect-ratio:16/7}.media-device{aspect-ratio:9/16}.media-natural img{width:100%;height:auto;max-height:300px;object-fit:contain}.media-placeholder{position:absolute;inset:0;min-height:80px;background:linear-gradient(135deg,#141B24,#0D1015);display:flex;align-items:center;justify-content:center}.media-natural .media-placeholder{position:relative;min-height:180px;width:100%}.placeholder-mark{width:55px;height:55px;border:1px solid rgba(142,216,255,.15);border-radius:12px;transform:rotate(45deg)}.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.visual-card{background:#171C23;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;margin:0}.visual-card figcaption{padding:12px 15px}.visual-card b,.visual-card small{display:block}.visual-card small{font-size:11px;color:#8ED8FF}.visual-card p{font-size:13px;margin:5px 0 0}.interior{padding-top:38px;padding-bottom:70px}.page-intro{max-width:940px;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.11);padding-bottom:26px}.page-intro h1{font-size:34px;margin:11px 0 12px}.lead{font-size:17px;color:#AEB9C6;max-width:850px}.article-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(230px,1fr);gap:40px;align-items:start}.prose{min-width:0}.prose>p,.prose>.article-kicker{color:#AEBAC9}.article-kicker{font-size:18px;font-weight:700;margin:20px 0}.article-feature{max-width:720px;margin-bottom:24px}.article-feature:has(.media-device){max-width:260px}.article-section{margin-bottom:30px}.article-section h2{font-size:24px;margin:0 0 13px;padding-left:16px;border-left:3px solid #6EA8FF}.article-section p{font-size:16px;line-height:1.84;color:#C2CBD5;margin:0 0 14px}.reading-aside{position:sticky;top:137px}.aside-box{background:#171C23;border:1px solid rgba(255,255,255,.08);padding:20px;border-radius:12px}.aside-box h3{font-size:18px}.aside-box p:not(.eyebrow),.aside-note p{font-size:13px;color:#95A1B0}.aside-box>a{display:block;border-top:1px solid rgba(255,255,255,.08);padding:10px 0;font-size:14px}.aside-note{margin-top:16px;padding:20px;background:#111721;border-left:2px solid #6EA8FF;border-radius:8px}.aside-note strong{color:#F4F7FA}.article-end{margin-top:38px;border-top:1px solid rgba(255,255,255,.11);padding-top:25px}.article-end h2{font-size:23px}.article-end p{font-size:14px}.related-links{display:flex;flex-wrap:wrap;gap:9px}.related-links a{border:1px solid rgba(110,168,255,.25);border-radius:30px;background:#171E2A;padding:7px 13px;color:#BBD7F8;font-size:13px}.number-item{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1)}.number-item>span{font-size:20px;color:#6EA8FF}.number-item h3{font-size:17px;margin-bottom:6px}.number-item p{font-size:14px}.number-item a{font-size:13px;color:#8ED8FF}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.mini-card{background:#171C23;padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:12px}.mini-card h3{font-size:17px}.mini-card p{font-size:13px}.mini-card a{font-size:13px;color:#8ED8FF}.faq-list details{background:#171C23;border:1px solid rgba(255,255,255,.08);border-radius:10px;margin:10px 0;padding:13px 18px}.faq-list summary{font-weight:700;cursor:pointer;color:#EEF2F9}.faq-list p{margin:12px 0 2px;font-size:14px}.notice{padding:17px 19px;margin:22px 0;background:#152238;border-left:3px solid #6EA8FF;border-radius:8px;font-size:14px}.site-footer{background:#050608;border-top:1px solid rgba(255,255,255,.08);padding:43px 0 24px}.footer-grid{display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:32px}.footer-grid h3{font-size:15px;margin-bottom:14px}.footer-grid a:not(.footer-logo){display:block;color:#9CA8B5;font-size:13px;margin:6px 0}.footer-grid a:hover{color:#8ED8FF}.footer-about p{font-size:13px;max-width:300px;color:#939FAC;margin:14px 0}.footer-logo img{max-width:150px;max-height:37px;object-fit:contain}.footer-logo strong{color:#8ED8FF;font-size:23px}.footer-logo span{color:#fff;font-size:16px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-top:26px;font-size:12px;color:#8793A1}.footer-bottom p{font-size:12px;margin:0;max-width:780px}.mobile-drawer,.drawer-mask{display:none}
@media(max-width:1100px){.desktop-nav{gap:23px}.nav-container{gap:22px}.hero h1{font-size:33px}.hero h1 span{font-size:27px}}
@media(max-width:980px){.wrap{padding-left:20px;padding-right:20px}.nav-container{height:58px;padding:0 20px;justify-content:space-between;gap:8px}.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:space-between;width:29px;height:27px;padding:5px 3px;background:transparent;border:0;cursor:pointer;flex-shrink:0}.menu-toggle span{height:2px;width:100%;background:#D7E5F6;border-radius:2px}.brand{min-width:0;width:auto;position:absolute;left:50%;transform:translateX(-50%)}.brand img{max-height:30px;max-width:115px}.brand-fallback{font-size:20px}.enter-btn{margin-left:auto;height:36px;min-height:36px;padding:7px 12px;min-width:76px;font-size:12px}.enter-btn span{display:none}.subnav-inner{padding:0 20px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100dvh;background:#0D1015;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;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,.65);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{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.1)}.drawer-brand{font-size:23px;color:#8ED8FF;font-weight:800}.drawer-brand em{font-size:14px;color:white;font-style:normal}.drawer-close{font-size:30px;color:#fff;border:0;background:transparent;cursor:pointer}.drawer-section{padding:15px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.drawer-section h3{color:#8ED8FF;font-size:13px;margin:0 0 8px}.drawer-section a{display:block;padding:6px 0;color:#C6CFD9;font-size:14px}.mobile-bottom{height:60px;display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:10500;background:#0D1015;border-top:1px solid rgba(255,255,255,.1);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;line-height:1.4;color:#9CA9B8}.mobile-bottom span{font-size:21px;line-height:1.2}.mobile-bottom .is-active{color:#6EA8FF}.site-footer{margin-bottom:60px}.footer-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.reading-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px}.aside-note{margin:0}.hero-copy{padding:25px}.hero h1{font-size:30px}.hero h1 span{font-size:25px}.topics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-feature{max-width:100%}}
@media(max-width:600px){body{font-size:15px}.wrap{padding:0 16px}.nav-container,.subnav-inner{padding-left:16px;padding-right:16px}.homepage{padding-top:14px}.hero{display:flex;flex-direction:column-reverse;align-items:stretch}.hero-copy{padding:20px}.hero-art{padding:15px 15px 0}.hero-art .media{max-height:195px}.hero-art .media img{max-height:195px}.hero h1{font-size:28px;margin:10px 0}.hero h1 span{font-size:23px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-actions{margin:20px 0 17px;gap:13px}.hero-facts{font-size:10px;gap:10px}.home-section{margin:30px 0}.section-heading{align-items:start;gap:8px;flex-wrap:wrap;margin-bottom:15px}.section-heading h2{font-size:22px}.section-heading>p{font-size:12px}.all-link{font-size:12px}.topics-grid{gap:9px}.topic-tile{padding:13px}.topic-tile h3{font-size:16px;margin:8px 0}.topic-tile p{font-size:12px}.split-editorial,.image-feature,.two-panels,.selection-grid,.mobile-feature{grid-template-columns:1fr}.featured-editorial{padding:20px}.featured-editorial h3{font-size:21px}.compact-links>a{padding:12px 15px}.wide-feature{padding:22px}.wide-feature h3{font-size:21px}.three-text-links{grid-template-columns:1fr;gap:8px}.three-text-links a{padding:11px}.game-grid,.atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.game-card>div:last-child{padding:10px}.game-card h3{font-size:15px}.game-card p{font-size:11px}.image-feature>div:first-child{padding:12px}.image-feature-copy{padding:18px}.image-feature-copy h3{font-size:21px}.info-panel{padding:19px}.news-row{gap:12px}.news-row h3{font-size:14px}.news-row p{font-size:11px}.atlas-card>div:last-child{display:block;padding:9px}.atlas-card strong{display:block;font-size:13px}.poster-section .media-natural img{max-height:145px}.selection-main{padding:23px}.selection-main h3{font-size:23px}.mobile-feature{padding:20px}.mobile-visual{grid-row:1;max-width:170px}.gif-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr;gap:9px}.closing-notice{grid-template-columns:1fr;gap:6px}.footer-grid{gap:20px}.footer-bottom{display:block}.footer-bottom p{margin-top:7px}.interior{padding-top:24px;padding-bottom:38px}.page-intro h1{font-size:27px}.lead{font-size:15px}.article-section h2{font-size:21px}.article-section p{font-size:15px}.reading-aside{grid-template-columns:1fr}.article-feature .media-natural img{max-height:230px}.article-feature:has(.media-device){max-width:190px}.visual-grid{gap:9px}.visual-card figcaption{padding:10px}.visual-card b{font-size:14px}.mini-grid{gap:9px}.mini-card{padding:12px}}
@media(max-width:350px){.brand img{max-width:94px}.brand-fallback{font-size:17px}.brand-fallback small{font-size:12px}.enter-btn{padding:6px 10px;font-size:11px}.topics-grid{grid-template-columns:1fr}.hero h1{font-size:26px}.hero h1 span{font-size:21px}.hero-actions{flex-wrap:wrap}.footer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}