*{box-sizing:border-box}
: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;--line:rgba(11,85,181,.12);--gradient:linear-gradient(135deg,#073B86 0%,#0B55B5 32%,#126BCB 68%,#1785E8 100%);--shadow:0 20px 50px rgba(7,59,134,.15)}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.78;overflow-x:hidden}
body.drawer-open{overflow:hidden}
img{max-width:100%;height:auto}a{color:var(--blue);text-decoration:none}a:hover{color:var(--bright)}button,a{outline-offset:3px}button:focus-visible,a:focus-visible{outline:3px solid var(--highlight)}
.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%);display:block}.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:700;box-shadow:0 10px 26px rgba(23,133,232,.28);transition:.2s ease}.main-btn:hover{color:#fff;transform:translateY(-1px);box-shadow:0 14px 30px rgba(23,133,232,.34)}
.channel-nav{background:#fff;border-bottom:1px solid var(--line);overflow:hidden}.channel-nav-inner{max-width:1320px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:28px;overflow-x:auto;scrollbar-width:thin}.channel-nav a{position:relative;display:inline-flex;align-items:center;min-height:48px;white-space:nowrap;color:#526B86;font-weight:650}.channel-nav a.is-current,.channel-nav a:hover{color:var(--blue)}.channel-nav a.is-current:after{content:"";position:absolute;left:22%;right:22%;bottom:0;height:3px;border-radius:3px;background:var(--bright)}
.drawer-overlay{position:fixed;inset:0;background:rgba(5,43,98,.56);z-index:10000;opacity:0;transition:opacity .22s ease}.drawer-overlay.is-visible{opacity:1}.site-drawer{position:fixed;z-index:10001;left:0;top:0;width:420px;max-width:86vw;height:100vh;background:#fff;transform:translateX(-103%);transition:transform .25s ease;box-shadow:25px 0 70px rgba(5,43,98,.22)}.site-drawer.is-open{transform:translateX(0)}
.drawer-top{min-height:78px;padding:15px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawer-logo img{display:block;max-width:140px;max-height:44px}.drawer-close{width:44px;height:44px;border:0;border-radius:10px;background:var(--soft);color:var(--blue-deep);font-size:30px;line-height:1;cursor:pointer}.drawer-scroll{height:calc(100vh - 78px);overflow:auto;padding:22px 24px 36px}.drawer-group{padding:0 0 24px;margin:0 0 22px;border-bottom:1px solid var(--line)}.drawer-group:last-child{border:0}.drawer-group h2{margin:0 0 8px;color:var(--blue);font-size:14px;letter-spacing:.08em}.drawer-group a{display:block;padding:9px 0;color:var(--navy);font-weight:650}
.hero-slider{position:relative;max-width:1320px;margin:22px auto 0;overflow:hidden;border-radius:18px;background:var(--blue-deep);box-shadow:0 20px 50px rgba(7,59,134,.20)}.hero-slide{display:none}.hero-slide.is-active{display:block}.hero-slider img{display:block;width:100%;height:auto;object-fit:contain}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:46px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(5,43,98,.55);color:#fff;font-size:28px;cursor:pointer;backdrop-filter:blur(8px)}.slider-prev{left:18px}.slider-next{right:18px}.slider-dots{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:9px;z-index:3}.slider-dot{width:10px;height:10px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.5);cursor:pointer}.slider-dot.is-active{background:#fff;transform:scale(1.2)}
.section{padding:92px 20px}.section.white{background:#fff}.section.soft{background:var(--soft)}.section.deep{background:var(--gradient);color:#fff}.section-inner{max-width:1320px;margin:0 auto}.copy-width{max-width:900px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--bright);font-weight:800;letter-spacing:.08em;font-size:14px}.deep .eyebrow{color:var(--highlight)}
h1,h2,h3{margin-top:0;color:var(--navy);line-height:1.22}.deep h1,.deep h2,.deep h3{color:#fff}h1{font-size:clamp(38px,5vw,60px);letter-spacing:-.035em;margin-bottom:20px}h2{font-size:clamp(30px,3vw,40px);letter-spacing:-.025em;margin-bottom:18px}h3{font-size:22px;margin-bottom:10px}.lead{font-size:19px;color:#4e6681;max-width:850px}.deep .lead,.deep p{color:rgba(255,255,255,.88)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading p{max-width:680px;margin:0;color:var(--muted)}.deep .section-heading p{color:rgba(255,255,255,.78)}.text-link{display:inline-block;margin-top:12px;font-weight:800;color:var(--blue)}.deep .text-link{color:var(--highlight)}
.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:54px;align-items:center}.split.reverse .visual{order:2}.split.reverse .copy{order:1}.visual img,.content-image{display:block;width:100%;height:auto;object-fit:contain;border-radius:18px;box-shadow:var(--shadow)}
.today-focus{max-width:1320px;margin:24px auto 0;padding:26px 28px;background:var(--blue-deep);color:#fff;border-radius:18px}.today-focus h2{color:#fff;font-size:26px;margin-bottom:20px}.focus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.focus-item strong{display:block;color:var(--highlight);margin-bottom:7px}.focus-item p{margin:0;color:rgba(255,255,255,.78);font-size:14px;line-height:1.65}.focus-item a{color:#fff;font-weight:700}
.editorial-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:24px}.feature-panel,.side-panel{position:relative;overflow:hidden;border-radius:20px}.feature-panel{min-height:520px;background:var(--blue-deep)}.feature-panel img{width:100%;height:100%;object-fit:contain;background:var(--blue-deep)}.feature-panel .overlay-copy{position:absolute;left:0;right:0;bottom:0;padding:95px 34px 30px;background:linear-gradient(transparent,rgba(5,43,98,.95));color:#fff}.feature-panel .overlay-copy h2,.feature-panel .overlay-copy h3{color:#fff}.side-stack{display:grid;gap:24px}.side-panel{padding:32px;min-height:248px;background:linear-gradient(145deg,#fff,var(--soft));border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end}.side-panel.alt{background:linear-gradient(145deg,#073B86,#1785E8);color:#fff;border:0}.side-panel.alt h3{color:#fff}.side-panel.alt p{color:rgba(255,255,255,.82)}
.zone-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.zone-item{background:#fff;border-top:4px solid var(--bright);box-shadow:0 14px 35px rgba(7,59,134,.08);overflow:hidden}.zone-item img{display:block;width:100%;height:auto;object-fit:contain;background:var(--soft2)}.zone-item .zone-copy{padding:18px}.zone-item p{font-size:14px;line-height:1.65;color:var(--muted)}
.entertainment-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.esports-feature{position:relative;overflow:hidden;border-radius:20px;min-height:600px;background:#052B62}.esports-feature img{width:100%;height:100%;object-fit:contain;opacity:.82;background:#052B62}.esports-feature .overlay-copy{position:absolute;inset:auto 0 0;padding:120px 32px 32px;background:linear-gradient(transparent,rgba(5,43,98,.98))}.entertainment-list{display:grid;gap:18px}.entertainment-row{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:22px;padding:18px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.07)}.entertainment-row img{width:180px;height:auto;object-fit:contain;border-radius:12px}
.app-band{background:radial-gradient(circle at 25% 30%,rgba(145,217,255,.25),transparent 35%),linear-gradient(135deg,#073B86,#126BCB);color:#fff}.app-band .split{min-height:520px}.app-band h2,.app-band h3{color:#fff}.app-band p{color:rgba(255,255,255,.86)}
.news-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:34px}.news-lead{padding-right:34px;border-right:1px solid var(--line)}.news-lead h3{font-size:30px}.news-list{display:grid}.news-item{padding:18px 0;border-bottom:1px solid var(--line)}.news-item:first-child{padding-top:0}.news-item strong{display:block;color:var(--blue);font-size:13px;margin-bottom:5px}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-panel{padding:34px;border-radius:20px;background:#fff;border:1px solid var(--line)}.service-panel ul,.article-body ul{padding-left:20px}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial{padding:24px;background:#fff;border-left:4px solid var(--sky);box-shadow:0 10px 30px rgba(7,59,134,.07)}
.faq-list{max-width:980px}.faq-item{border-bottom:1px solid var(--line)}.faq-button{width:100%;min-height:68px;padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;background:transparent;text-align:left;color:var(--navy);font-size:18px;font-weight:800;cursor:pointer}.faq-button:after{content:"＋";color:var(--bright);font-size:24px}.faq-button[aria-expanded="true"]:after{content:"−"}.faq-answer{display:none;padding:0 0 22px;color:var(--text)}.faq-item.is-open .faq-answer{display:block}
.page-hero{padding:88px 20px 82px;background:radial-gradient(circle at 72% 35%,rgba(85,185,245,.40),transparent 38%),var(--gradient);color:#fff}.page-hero h1{color:#fff;max-width:900px}.page-hero p{max-width:800px;color:rgba(255,255,255,.88);font-size:18px}.article-wrap{max-width:1320px;margin:0 auto;padding:80px 20px 96px;display:grid;grid-template-columns:minmax(0,880px) minmax(250px,1fr);gap:70px}.article-body{min-width:0}.article-body section{margin-bottom:58px}.article-body section:last-child{margin-bottom:0}.article-body p{font-size:17px;line-height:1.88}.article-body h2{margin-bottom:18px}.article-body h3{margin-top:28px}.article-image{margin:10px 0 42px}.article-image img{display:block;width:100%;height:auto;object-fit:contain;border-radius:18px;box-shadow:var(--shadow)}.sidebar{align-self:start;position:sticky;top:148px}.sidebar-box{padding:26px;background:#fff;border:1px solid var(--line);border-radius:16px}.sidebar-box h2{font-size:21px}.sidebar-box a{display:block;padding:9px 0;border-bottom:1px solid var(--line);font-weight:700}.notice{padding:22px 24px;border-radius:14px;background:var(--soft);border-left:4px solid var(--bright);margin:28px 0}
.steps{counter-reset:step;display:grid;gap:18px}.step{position:relative;padding:22px 22px 22px 68px;background:#fff;border:1px solid var(--line);border-radius:14px}.step:before{counter-increment:step;content:counter(step);position:absolute;left:20px;top:20px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--bright);color:#fff;font-weight:800}
.site-footer{background:var(--footer);color:#fff;border-top:4px solid var(--bright)}.footer-inner{max-width:1320px;margin:0 auto;padding:66px 20px 40px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:48px}.footer-logo img{display:block;max-width:150px;max-height:48px;margin-bottom:18px}.footer-brand p{color:rgba(255,255,255,.72);max-width:390px}.footer-col h2{color:#fff;font-size:17px;margin-bottom:14px}.footer-col a{display:block;color:rgba(255,255,255,.76);padding:4px 0}.footer-col a:hover{color:var(--highlight)}.footer-legal{max-width:1320px;margin:0 auto;padding:22px 20px 34px;border-top:1px solid rgba(255,255,255,.13);font-size:13px;color:rgba(255,255,255,.62)}.footer-legal p{margin:5px 0}.mobile-bottom-nav{display:none}
@media(max-width:1100px){.zone-strip{grid-template-columns:repeat(3,1fr)}.focus-grid{grid-template-columns:repeat(2,1fr)}.testimonial-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1.4fr 1fr 1fr}.footer-col:last-child{grid-column:2/4}}
@media(max-width:900px){.section{padding:72px 20px}.editorial-grid,.entertainment-grid,.news-layout,.split,.article-wrap{grid-template-columns:1fr}.split.reverse .visual,.split.reverse .copy{order:initial}.news-lead{padding-right:0;padding-bottom:24px;border-right:0;border-bottom:1px solid var(--line)}.sidebar{position:static}.service-grid{grid-template-columns:1fr}.article-wrap{gap:30px}.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/3}.footer-col:last-child{grid-column:auto}}
@media(max-width:767px){body{padding-bottom:66px}.header-inner{min-height:64px;padding:0 12px}.menu-toggle{width:40px;height:40px}.site-logo img{max-width:112px;max-height:38px}.main-btn{min-height:39px;padding:0 16px;font-size:14px}.channel-nav{display:none}.site-drawer{width:min(86vw,360px)}.hero-slider{margin:12px 12px 0;border-radius:12px}.slider-arrow{width:40px;height:40px;font-size:24px}.slider-prev{left:10px}.slider-next{right:10px}.today-focus{margin:14px 12px 0;padding:22px;border-radius:14px}.section{padding:58px 16px}.section-heading{display:block;margin-bottom:26px}h1{font-size:clamp(34px,11vw,42px)}h2{font-size:clamp(26px,8vw,32px)}.focus-grid,.testimonial-grid{grid-template-columns:1fr}.zone-strip{grid-template-columns:repeat(2,1fr);gap:12px}.zone-item .zone-copy{padding:14px}.zone-item p{font-size:13px}.editorial-grid{gap:16px}.feature-panel{min-height:390px}.side-stack{gap:16px}.side-panel{min-height:205px;padding:24px}.esports-feature{min-height:440px}.entertainment-row{grid-template-columns:112px 1fr;gap:14px;padding:12px}.entertainment-row img{width:112px}.page-hero{padding:64px 16px 58px}.article-wrap{padding:56px 16px 72px}.article-body p{font-size:16px}.footer-inner{grid-template-columns:1fr 1fr;padding:50px 16px 28px;gap:30px}.footer-brand{grid-column:1/3}.footer-legal{padding:20px 16px 26px}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:9998;height:62px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 25px rgba(7,59,134,.08)}.mobile-bottom-nav a{display:grid;place-items:center;color:var(--navy);font-size:13px;font-weight:750}.mobile-bottom-nav a.is-current{color:var(--bright)}}
@media(max-width:430px){.header-register{padding:0 13px}.site-logo img{max-width:104px}.menu-toggle{width:39px;height:39px}.zone-strip{grid-template-columns:1fr 1fr}.entertainment-row{grid-template-columns:96px 1fr}.entertainment-row img{width:96px}.footer-inner{grid-template-columns:1fr}.footer-brand{grid-column:auto}}
@media(max-width:375px){.header-inner{padding:0 10px}.site-logo img{max-width:96px}.header-register{min-height:37px;padding:0 12px}}

.home-title{margin:0 0 10px;color:#fff;font-size:clamp(28px,3vw,38px);letter-spacing:-.02em}.today-focus .home-title+ h2{font-size:18px;color:var(--highlight);margin-bottom:20px}