:root{--bg:#F3F8FF;--white:#FFFFFF;--soft:#EAF4FF;--soft2:#F0F6FC;--blue:#0B55B5;--blue-deep:#073B86;--sport:#126BCB;--bright:#1785E8;--sky:#55B9F5;--highlight:#91D9FF;--navy:#10243D;--text:#263B52;--muted:#667A91;--footer:#052B62;--border:rgba(11,85,181,.12);--shadow:0 18px 45px rgba(7,59,134,.12);--grad:linear-gradient(135deg,#073B86 0%,#0B55B5 32%,#126BCB 68%,#1785E8 100%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8;overflow-x:hidden}body.drawer-open{overflow:hidden}a{color:inherit}img{max-width:100%;height:auto}.page-shell{width:min(1320px,calc(100% - 40px));margin:0 auto}.skip-link{position:fixed;left:12px;top:-100px;z-index:12000;background:#fff;color:var(--blue);padding:8px 14px;border-radius:8px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;width:100%;z-index:9999;background:rgba(7,59,134,.97);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px)}.header-inner{position:relative;max-width:1320px;min-height:72px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.menu-toggle{width:44px;height:44px;border:1px solid rgba(255,255,255,.20);border-radius:10px;background:rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}.menu-toggle span{width:25px;height:2px;display:block;background:#fff}.site-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:0}.site-logo img{display:block;width:auto;max-width:150px;max-height:48px}.main-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 22px;border-radius:999px;background:linear-gradient(135deg,#55B9F5 0%,#1785E8 45%,#126BCB 100%);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 10px 26px rgba(23,133,232,.28);transition:transform .2s,box-shadow .2s}.main-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(23,133,232,.34)}.channel-nav{background:#fff;border-bottom:1px solid var(--border)}.channel-inner{max-width:1320px;margin:0 auto;display:flex;justify-content:center;overflow-x:auto;padding:0 12px;scrollbar-width:none}.channel-inner::-webkit-scrollbar{display:none}.channel-inner a{position:relative;display:flex;align-items:center;min-height:50px;padding:0 16px;color:#526B86;text-decoration:none;font-weight:700;white-space:nowrap}.channel-inner a:hover,.channel-inner a.is-active{color:var(--blue)}.channel-inner a.is-active:after{content:"";position:absolute;height:3px;width:28px;border-radius:3px;bottom:0;left:50%;transform:translateX(-50%);background:var(--bright)}
.drawer-overlay{position:fixed;inset:0;z-index:10000;background:rgba(1,18,43,.48);opacity:0;transition:opacity .22s}.drawer-overlay.is-visible{opacity:1}.site-drawer{position:fixed;z-index:10001;left:0;top:0;height:100dvh;width:420px;max-width:92vw;background:#fff;box-shadow:24px 0 60px rgba(3,29,66,.22);transform:translateX(-105%);transition:transform .25s ease;overflow-y:auto}.site-drawer.is-open{transform:none}.drawer-head{min-height:78px;display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid var(--border)}.drawer-logo img{max-width:142px;max-height:46px}.drawer-close{width:44px;height:44px;border:1px solid var(--border);background:#fff;border-radius:50%;font-size:30px;line-height:1;color:var(--navy);cursor:pointer}.drawer-nav{padding:12px 24px 34px}.drawer-nav section{padding:18px 0;border-bottom:1px solid var(--border)}.drawer-nav h2{margin:0 0 8px;color:var(--blue);font-size:14px;letter-spacing:.08em}.drawer-nav a{display:block;padding:8px 0;text-decoration:none;color:var(--navy);font-weight:650}.drawer-nav a:hover{color:var(--blue)}
.hero-wrap{padding-top:22px}.hero-slider{position:relative;max-width:1320px;margin:0 auto;overflow:hidden;border-radius:18px;background:#073B86;box-shadow:0 20px 50px rgba(7,59,134,.20)}.slides{display:grid}.slide{grid-area:1/1;margin:0;opacity:0;pointer-events:none;transition:opacity .45s}.slide.is-active{opacity:1;pointer-events:auto}.hero-slider img{display:block;width:100%;height:auto;object-fit:contain}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.32);background:rgba(4,29,66,.48);color:#fff;font-size:34px;display:grid;place-items:center;cursor:pointer}.slider-prev{left:18px}.slider-next{right:18px}.slider-dots{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:8px}.slider-dot{width:10px;height:10px;border:0;border-radius:50%;background:rgba(255,255,255,.48);padding:0;cursor:pointer}.slider-dot.is-active{width:28px;border-radius:8px;background:#fff}
.focus-strip{margin-top:22px;background:var(--grad);color:#fff}.focus-strip .page-shell{padding:38px 0}.section{padding:92px 0}.section-soft{background:var(--soft)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:34px}.section-head>p{max-width:620px;margin:0;color:var(--muted)}.section-head h2,.content-block h2,.duo-feature h2,.service-split h2,.app-band h2,.esports-band h2,.activity-layout h2,.responsible-strip h2{margin:.15em 0;font-size:clamp(30px,3vw,42px);line-height:1.18;color:var(--navy)}.light h2,.app-band h2,.esports-band h2,.responsible-strip h2{color:#fff}.eyebrow,.kicker{margin:0;text-transform:uppercase;letter-spacing:.11em;font-size:13px;font-weight:850;color:var(--bright)}.eyebrow.light{color:var(--highlight)}.focus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.18)}.focus-grid a{padding:22px;text-decoration:none;background:rgba(5,43,98,.34)}.focus-grid strong{display:block;font-size:18px;margin-bottom:6px}.focus-grid span{display:block;color:#d9edff;font-size:14px;line-height:1.65}.focus-grid a:hover strong{color:var(--sky)}
.editorial-grid{display:grid;grid-template-columns:1.55fr .8fr;gap:24px}.feature-panel{display:grid;grid-template-columns:1.05fr 1fr;min-height:480px;background:var(--blue-deep);color:#fff;border-radius:18px;overflow:hidden}.feature-panel img{width:100%;height:100%;object-fit:cover}.feature-panel>div{padding:44px}.feature-panel h3{font-size:34px;line-height:1.2;margin:8px 0 16px}.side-stack{display:grid;gap:24px}.side-stack article{padding:34px;border-radius:18px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--border)}.side-stack article:nth-child(2){background:linear-gradient(160deg,#eaf4ff,#fff)}.side-stack h3{font-size:26px;line-height:1.25;margin:8px 0}.text-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--blue);font-weight:800;text-decoration:none}.text-link:hover{color:var(--bright)}.light-link{color:#dff3ff}.zone-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.zone-rail a{background:#fff;border:1px solid var(--border);text-decoration:none;overflow:hidden;box-shadow:0 12px 28px rgba(7,59,134,.08)}.zone-rail img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.zone-rail h3{margin:20px 22px 8px;color:var(--navy)}.zone-rail p{margin:0 22px 24px;color:var(--muted);font-size:15px}.duo-feature{display:grid;grid-template-columns:1fr 1fr;gap:26px}.duo-feature article{padding:48px;background:#fff;border-top:5px solid var(--bright);box-shadow:var(--shadow)}.duo-feature article:last-child{background:var(--blue-deep);color:#d8ecff}.duo-feature article:last-child h2{color:#fff}.duo-feature article:last-child .text-link{color:var(--sky)}
.esports-band{background:radial-gradient(circle at 72% 35%,rgba(85,185,245,.40),transparent 38%),var(--grad);color:#fff}.esports-layout{display:grid;grid-template-columns:1.35fr .75fr;gap:28px}.esports-main{display:grid;grid-template-columns:1fr 1fr;background:rgba(5,43,98,.62);border:1px solid rgba(255,255,255,.14);overflow:hidden}.esports-main img{width:100%;height:100%;object-fit:cover}.esports-main div{padding:38px}.entertain-list{display:grid;gap:14px}.entertain-list a{display:grid;grid-template-columns:120px 1fr;align-items:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);text-decoration:none;overflow:hidden}.entertain-list img{width:120px;height:92px;object-fit:cover}.entertain-list span{padding:12px 18px}.entertain-list strong,.entertain-list small{display:block}.entertain-list small{color:#cce7ff}.app-band{background:radial-gradient(circle at 25% 30%,rgba(145,217,255,.25),transparent 35%),linear-gradient(135deg,#073B86,#126BCB);color:#fff}.app-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.app-layout>img{max-height:520px;justify-self:end;object-fit:contain}.button-row{display:flex;gap:20px;align-items:center;margin-top:24px}.activity-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:start}.activity-notes{margin:0;padding:0;list-style:none;counter-reset:item}.activity-notes li{counter-increment:item;display:grid;grid-template-columns:58px 1fr;column-gap:16px;padding:20px 0;border-bottom:1px solid var(--border)}.activity-notes li:before{content:"0" counter(item);grid-row:1/3;font-size:34px;font-weight:900;color:var(--sky)}.activity-notes strong,.activity-notes span{display:block}.news-paper{background:#fff}.news-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:48px}.news-feature{padding:45px;border-left:6px solid var(--blue);background:var(--soft2)}.news-feature span{font-weight:850;color:var(--blue)}.news-feature h3{font-size:32px;line-height:1.3;margin:12px 0}.news-list{display:grid}.news-list a{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--border);text-decoration:none}.news-list span{color:var(--muted)}.service-split{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--border)}.service-split article{padding:50px;background:#fff}.quote-grid{columns:2;column-gap:24px}.quote-grid blockquote{break-inside:avoid;margin:0 0 24px;padding:26px;background:#fff;border-left:4px solid var(--sky);box-shadow:0 10px 24px rgba(7,59,134,.06)}.faq-list{display:grid;gap:10px}.faq-item{background:#fff;border:1px solid var(--border)}.faq-question{width:100%;min-height:58px;padding:16px 20px;border:0;background:#fff;text-align:left;font:inherit;font-weight:800;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;gap:20px}.faq-question:after{content:"+";font-size:24px;color:var(--blue)}.faq-item.is-open .faq-question:after{content:"−"}.faq-answer{padding:0 20px 18px;color:var(--muted)}.faq-answer p{margin:0}.responsible-strip{background:var(--footer);color:#d9edff;padding:54px 0}.responsible-strip .page-shell{display:grid;grid-template-columns:.6fr 1.4fr auto;align-items:center;gap:28px}.responsible-strip h2{font-size:30px;margin:0}.responsible-strip p{margin:0}
.inner-hero{margin-top:28px;margin-bottom:54px;background:var(--grad);color:#fff;box-shadow:var(--shadow)}.text-hero{padding:68px clamp(26px,5vw,72px);background:radial-gradient(circle at 75% 20%,rgba(85,185,245,.3),transparent 28%),var(--grad)}.visual-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:440px;overflow:hidden}.visual-copy{padding:60px}.visual-media{height:100%;background:#062f6c;display:grid;place-items:center}.visual-media img{width:100%;height:100%;object-fit:contain}.inner-hero h1{font-size:clamp(38px,5vw,60px);line-height:1.08;margin:10px 0 18px}.inner-hero .lead{max-width:720px;font-size:18px;color:#d8edff;margin:0}.content-block{padding:0 0 58px}.content-block .prose{max-width:900px;margin:0 auto;padding:0 12px}.content-block.alt{background:#fff;margin:0 calc(50% - 50vw) 58px;padding:58px calc(50vw - 50%)}.content-block h2{font-size:clamp(28px,3vw,38px)}.content-block p{font-size:17px;line-height:1.9;color:var(--text)}.notice{max-width:920px;margin:10px auto 82px;padding:24px 28px;background:var(--blue-deep);color:#dcefff;border-left:5px solid var(--sky)}.notice strong{display:block;color:#fff;font-size:18px}.notice p{margin:5px 0 0}.faq-list.full{max-width:980px;margin:0 auto 90px}.faq-list.full .faq-question{font-size:18px}.faq-list.full .faq-answer{font-size:16px;line-height:1.8;padding-bottom:22px}
.site-footer{background:var(--footer);color:#fff}.footer-accent{height:4px;background:var(--bright)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:42px;padding-top:58px;padding-bottom:44px}.footer-grid h2{font-size:16px;margin:0 0 12px;color:var(--highlight)}.footer-grid a{display:block;text-decoration:none;color:#d3e6fb;padding:4px 0}.footer-grid a:hover{color:#fff}.footer-brand img{max-width:150px;max-height:48px}.footer-brand p{max-width:390px;color:#bdd6ef}.footer-bottom{padding:20px 0 28px;border-top:1px solid rgba(255,255,255,.10);color:#a9c9e8;font-size:13px;display:flex;justify-content:space-between;gap:30px}.footer-bottom p{margin:0}.mobile-bottom{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
button:focus-visible,a:focus-visible{outline:3px solid var(--highlight);outline-offset:3px}
@media(max-width:1024px){.focus-grid{grid-template-columns:1fr 1fr}.editorial-grid,.esports-layout,.news-layout{grid-template-columns:1fr}.zone-rail{grid-template-columns:1fr 1fr}.feature-panel{min-height:0}.responsible-strip .page-shell{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.visual-split{grid-template-columns:1fr}.visual-media{max-height:420px}.visual-media img{max-height:420px}}
@media(max-width:767px){body{padding-bottom:68px}.page-shell{width:min(100% - 24px,1320px)}.header-inner{min-height:64px;padding:0 12px}.menu-toggle{width:40px;height:40px}.site-logo img{max-width:112px;max-height:38px}.header-register{min-height:39px;padding:0 16px;font-size:14px}.channel-nav{display:none}.site-drawer{width:min(86vw,360px)}.hero-wrap{padding-top:12px}.hero-slider{border-radius:12px}.slider-arrow{width:40px;height:40px;font-size:28px}.slider-prev{left:8px}.slider-next{right:8px}.slider-dots{bottom:9px}.section{padding:58px 0}.focus-strip{margin-top:12px}.focus-strip .page-shell{padding:26px 0}.focus-grid{grid-template-columns:1fr}.section-head{display:block;margin-bottom:24px}.section-head>p{margin-top:12px}.editorial-grid,.feature-panel,.duo-feature,.app-layout,.activity-layout,.news-layout,.service-split,.esports-main{grid-template-columns:1fr}.feature-panel>div,.duo-feature article,.service-split article{padding:30px 24px}.feature-panel h3{font-size:28px}.zone-rail{grid-template-columns:1fr 1fr;gap:12px}.zone-rail h3{margin:14px 14px 4px}.zone-rail p{margin:0 14px 18px;font-size:14px}.esports-layout{grid-template-columns:1fr}.esports-main img{max-height:310px}.esports-main div{padding:26px}.entertain-list a{grid-template-columns:95px 1fr}.entertain-list img{width:95px;height:82px}.app-layout{gap:20px}.app-layout>img{justify-self:center;max-height:360px}.activity-layout{gap:22px}.news-feature{padding:28px 22px}.news-feature h3{font-size:27px}.news-list a{display:block}.news-list span{display:block;margin-top:4px}.quote-grid{columns:1}.responsible-strip{padding:42px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:28px;padding-top:42px}.footer-brand{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{display:block;padding-bottom:30px}.footer-bottom p+ p{margin-top:12px}.mobile-bottom{position:fixed;z-index:9998;bottom:0;left:0;right:0;height:64px;background:#fff;box-shadow:0 -8px 24px rgba(7,59,134,.12);display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{display:grid;place-items:center;text-decoration:none;color:var(--navy);font-size:13px;font-weight:800}.mobile-bottom a.is-active{color:var(--bright)}.inner-hero{margin-top:14px;margin-bottom:42px}.text-hero,.visual-copy{padding:44px 24px}.inner-hero h1{font-size:clamp(34px,10vw,42px)}.inner-hero .lead{font-size:16px}.content-block{padding-bottom:42px}.content-block.alt{margin-bottom:42px;padding-top:42px;padding-bottom:42px}.content-block p{font-size:16px}.notice{margin-bottom:58px}.faq-list.full{margin-bottom:58px}}
@media(max-width:430px){.site-logo img{max-width:100px}.header-register{padding:0 13px}.menu-toggle{width:38px;height:38px}.zone-rail{grid-template-columns:1fr}.slider-arrow{width:36px;height:36px}.footer-grid{grid-template-columns:1fr}.footer-brand,.footer-grid>div:last-child{grid-column:auto}.button-row{align-items:flex-start;flex-direction:column;gap:8px}}
