:root{--ink:#10243e;--navy:#17385d;--blue:#2377e8;--aqua:#3fd3ce;--orange:#ff8b2d;--pale:#eff8ff;--white:#fff;--line:rgba(16,36,62,.14);--muted:#59708b;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--pale);color:var(--ink);font:16px/1.6 "Microsoft YaHei",system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.7rem}.site-header{height:76px;position:sticky;z-index:20;top:0;display:flex;align-items:center;gap:2rem;padding:0 max(1.2rem,calc((100vw - var(--max))/2));background:rgba(255,255,255,.94);box-shadow:0 1px 0 var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.7rem;white-space:nowrap}.brand-badge{display:grid;place-items:center;width:37px;height:37px;background:var(--orange);color:#fff;border-radius:11px;font:bold 1.25rem/1 system-ui;box-shadow:4px 4px 0 #ffd2a7}.brand b{display:block;font-size:1.1rem;letter-spacing:0}.brand small{display:block;color:var(--muted);font-size:.54rem;letter-spacing:.16em}.main-nav{display:flex;align-items:center;gap:clamp(1rem,3vw,2.6rem);margin-left:auto;font-size:.88rem;color:#36536f}.main-nav a{padding:.5rem 0;border-bottom:2px solid transparent}.main-nav a:hover{color:var(--blue);border-color:var(--blue)}.header-download,.download-button{display:inline-flex;align-items:center;gap:.7rem;background:var(--orange);color:#fff;border-radius:10px;box-shadow:0 5px 0 #d65f08;transition:transform .2s,box-shadow .2s}.header-download{padding:.5rem .8rem;min-height:48px}.header-download b,.download-button b{display:block;font-size:.94rem;line-height:1.15}.header-download small,.download-button small{display:block;font-size:.65rem;opacity:.88}.download-icon{display:grid;place-items:center;flex:0 0 auto;width:29px;height:29px;border-radius:8px;background:#fff;color:var(--orange);font-size:1.25rem;font-weight:bold}.menu-button{display:none}.lobby{min-height:calc(100svh - 76px);position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(340px,1.1fr);align-items:stretch;overflow:hidden;background:linear-gradient(130deg,#eaf8ff 0 52%,#b8f1eb 52% 100%)}.lobby-grid{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(35,119,232,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(35,119,232,.12) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,black 10%,transparent 72%)}.lobby-copy{align-self:center;padding:clamp(4rem,9vw,8rem) clamp(1.2rem,7vw,7.5rem)}.kicker,.section-index{margin:0 0 1.1rem;color:var(--blue);font-size:.7rem;font-weight:700;letter-spacing:.16em}.kicker span{display:inline-block;width:40px;height:2px;margin:0 .45rem;background:var(--orange);vertical-align:middle}.lobby h1,.section-wrap h2{margin:0;font-weight:900;line-height:.93;letter-spacing:0}.lobby h1{font-size:clamp(4.8rem,9vw,8.2rem);color:var(--navy)}h1 em,h2 em{font-style:normal;color:var(--orange)}.intro{max-width:31rem;margin:1.8rem 0 2.1rem;color:#43617d;font-size:1.05rem}.download-cluster{display:flex;align-items:center;gap:1rem}.download-button{min-height:66px;padding:.8rem 1rem;min-width:210px}.download-button i{margin-left:auto;font-size:1.25rem;font-style:normal}.download-button:hover,.header-download:hover{transform:translateY(3px);box-shadow:0 2px 0 #d65f08}.download-cluster p{margin:0;color:#43617d;font-size:.78rem;line-height:1.45}.download-cluster small{color:#71859a}.lobby-art{position:relative;min-height:550px;overflow:hidden}.lobby-art img{width:100%;height:100%;object-fit:cover;object-position:center}.lobby-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#b8f1eb 0,transparent 25%),linear-gradient(0deg,rgba(20,64,89,.36),transparent 45%)}.match-tag{position:absolute;z-index:2;right:clamp(1.2rem,5vw,5rem);bottom:clamp(3rem,8vw,7rem);display:grid;gap:.2rem;padding:1rem 1.2rem;background:rgba(255,255,255,.92);border-left:5px solid var(--orange);box-shadow:0 15px 35px rgba(16,36,62,.16)}.match-tag span,.match-tag small{font-size:.64rem;letter-spacing:.13em;color:var(--blue)}.match-tag b{font-size:1.35rem}.scroll-link{position:absolute;z-index:3;left:clamp(1.2rem,7vw,7.5rem);bottom:2rem;font-size:.75rem;font-weight:bold;color:var(--navy)}.scroll-link span{margin-left:.5rem;color:var(--orange);font-size:1.2rem}.section-wrap{width:min(var(--max),100%);margin:auto;padding-left:clamp(1.2rem,4vw,2rem);padding-right:clamp(1.2rem,4vw,2rem)}.mode-deck{padding-top:7rem;padding-bottom:7rem}.section-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:2rem}.section-wrap h2{font-size:clamp(2.8rem,5vw,5.3rem)}.mode-switcher{display:flex;gap:.65rem;margin:2.5rem 0 1.2rem;overflow:auto}.mode-switcher button{flex:1;min-width:150px;padding:.9rem;border:1px solid #bdd1e1;background:#fff;border-radius:8px;color:#52708c;font-weight:bold;cursor:pointer}.mode-switcher button.active{border-color:var(--blue);background:var(--blue);color:#fff}.mode-stage{display:grid;grid-template-columns:1.2fr .8fr;min-height:400px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 16px 42px rgba(35,92,126,.13)}.mode-image{margin:0;min-height:360px}.mode-image img{width:100%;height:100%;object-fit:cover}.mode-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(2rem,5vw,4.5rem);background:linear-gradient(150deg,#17385d,#2377e8);color:#fff}.mode-number{font-size:.68rem;letter-spacing:.16em;color:#8ef4e4}.mode-copy h3{margin:.8rem 0;font-size:2rem;line-height:1.1}.mode-copy p{margin:0 0 1.5rem;color:#d2ecff}.mode-copy a{padding-bottom:.2rem;border-bottom:2px solid #fff;font-weight:bold}.mode-copy a span{margin-left:.5rem;color:#8ef4e4}.hero-select{padding:6rem 0;background:#fff}.hero-select-head{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end}.hero-select-head>p{max-width:31rem;margin:0;color:var(--muted)}.hero-roster{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}.roster-card{position:relative;min-height:320px;overflow:hidden;border-radius:8px}.roster-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.roster-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,26,49,.83),transparent 60%)}.roster-card div{position:absolute;z-index:2;bottom:1.25rem;left:1.25rem;color:#fff}.roster-card span,.squad-note span{font-size:.64rem;letter-spacing:.13em;color:#9ae9ff}.roster-card h3{margin:.15rem 0;font-size:1.5rem}.roster-card p{margin:0;font-size:.82rem}.squad-note{grid-column:1/-1;display:flex;align-items:center;gap:2rem;min-height:260px;padding:2rem 5%;overflow:hidden;background:#ecf8ff;border:1px solid #cbe5f1;border-radius:8px}.squad-note img{width:48%;height:220px;object-fit:cover;object-position:center;border-radius:6px}.squad-note h3{margin:.3rem 0 1.2rem;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.15}.squad-note a{font-size:.88rem;font-weight:bold;color:var(--blue);border-bottom:2px solid var(--blue)}.squad-note a span{margin-left:.4rem;color:var(--orange)}.battle-wall{padding-top:7rem;padding-bottom:7rem}.wall-heading{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:end}.wall-heading .section-index{grid-column:1/-1;margin-bottom:-.5rem}.wall-heading>p:last-child{max-width:31rem;margin:0;color:var(--muted)}.screen-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-template-rows:230px 230px;gap:1rem;margin-top:3rem}.screen-frame,.feature-screen{position:relative;margin:0;overflow:hidden;border-radius:8px;background:#bfd6e7}.screen-frame img,.feature-screen img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.screen-frame:hover img,.feature-screen:hover img{transform:scale(1.04)}.screen-frame:after,.feature-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,25,45,.85),transparent 58%)}.screen-frame figcaption,.feature-screen figcaption{position:absolute;z-index:2;bottom:1rem;left:1rem;right:1rem;color:#fff;display:grid}.screen-frame b{font-size:1.05rem}.screen-frame span{font-size:.72rem;color:#d2edf8}.main-screen{grid-row:1/-1}.feature-screen{grid-column:2/-1}.feature-screen figcaption{align-items:end;grid-template-columns:1fr 1.5fr}.feature-screen figcaption span{font-size:.65rem;letter-spacing:.14em;color:#a0f0e4}.feature-screen figcaption b{font-size:1.5rem;line-height:1.2}.download-station{background:var(--navy);color:#fff;padding:6.5rem 0}.station-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.station-copy .section-index{color:#8ef4e4}.station-copy h2 em{color:#8ef4e4}.station-copy>p:last-child{max-width:31rem;color:#c6dceb}.station-card{display:flex;align-items:center;gap:1.2rem;padding:1.25rem;background:#fff;color:var(--ink);border-radius:8px;box-shadow:12px 12px 0 rgba(63,211,206,.52)}.station-card>img{width:108px;height:108px;border-radius:20px}.station-card>div{display:grid;gap:.25rem;flex:1}.station-card>div>span{font-size:.64rem;letter-spacing:.12em;color:var(--blue)}.station-card>div>b{font-size:1.5rem}.station-card>div>small{margin-bottom:.7rem;color:var(--muted);font-size:.72rem}.station-card .download-button{min-width:0;width:100%;min-height:58px}.guide{display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;padding-top:7rem;padding-bottom:7rem}.guide-list{border-top:1px solid var(--line)}.guide details{border-bottom:1px solid var(--line)}.guide summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 0;cursor:pointer;font-weight:bold;list-style:none}.guide summary::-webkit-details-marker{display:none}.guide summary span{color:var(--orange);font-size:1.45rem;transition:transform .2s}.guide details[open] summary span{transform:rotate(45deg)}.guide details p{margin:0 0 1.2rem;color:var(--muted);font-size:.9rem}footer{display:flex;align-items:center;gap:2rem;padding:2rem max(1.2rem,calc((100vw - var(--max))/2));background:#0a1c31;color:#aec6d9;font-size:.75rem}footer .brand{color:#fff}footer .brand-badge{width:28px;height:28px;border-radius:8px;font-size:.9rem;box-shadow:3px 3px 0 #96490f}footer p{margin:0}footer>span{margin-left:auto}.mobile-download{display:none}
@media(max-width:800px){.site-header{height:64px;gap:.8rem}.main-nav{position:absolute;top:64px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:1rem 1.2rem;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 8px 18px rgba(16,36,62,.1)}.main-nav.open{display:flex}.main-nav a{padding:.8rem 0}.menu-button{display:grid;gap:5px;margin-left:auto;width:44px;height:44px;padding:10px;border:0;background:transparent}.menu-button span{display:block;height:2px;background:var(--ink)}.header-download{padding:.35rem .5rem}.header-download small{display:none}.lobby{min-height:760px;grid-template-columns:1fr;grid-template-rows:1fr 330px}.lobby-copy{padding:4.5rem 1.2rem 2rem}.lobby h1{font-size:5.2rem}.intro{font-size:1rem;margin:1.3rem 0}.lobby-art{min-height:0}.lobby-art:after{background:linear-gradient(0deg,rgba(20,64,89,.36),transparent 55%)}.match-tag{right:1.2rem;bottom:1.2rem}.scroll-link{display:none}.section-intro,.hero-select-head,.wall-heading,.station-layout,.guide{grid-template-columns:1fr;gap:1.5rem}.section-intro{align-items:start}.mode-deck,.battle-wall{padding-top:5rem;padding-bottom:5rem}.mode-stage{grid-template-columns:1fr}.mode-image{min-height:270px}.mode-copy{padding:2rem}.hero-select{padding:5rem 0}.hero-roster{grid-template-columns:1fr 1fr}.squad-note{grid-column:1/-1}.screen-grid{grid-template-columns:1fr 1fr;grid-template-rows:270px 200px 200px}.main-screen{grid-column:1/-1;grid-row:auto}.feature-screen{grid-column:1/-1}.download-station{padding:5rem 0}.station-layout{gap:2.5rem}.guide{padding-top:5rem;padding-bottom:6rem}.mobile-download{position:fixed;z-index:30;display:flex;align-items:center;justify-content:center;gap:.5rem;left:1rem;right:1rem;bottom:1rem;min-height:58px;background:var(--orange);border-radius:10px;color:#fff;box-shadow:0 6px 0 #d65f08,0 15px 35px rgba(16,36,62,.28)}.mobile-download small{font-size:.68rem;opacity:.85}.mobile-download .download-icon{width:26px;height:26px}.mobile-download b{font-size:1rem}footer{padding-bottom:5.7rem}}
@media(max-width:500px){.brand small{display:none}.header-download .download-icon{display:none}.header-download b{font-size:.78rem}.lobby{min-height:720px;grid-template-rows:1fr 280px}.lobby h1{font-size:4.7rem}.download-cluster{align-items:stretch;flex-direction:column}.download-button{width:100%}.download-cluster p{display:none}.lobby-art img{object-position:center}.section-wrap h2{font-size:3rem}.mode-switcher{margin-left:-1.2rem;margin-right:-1.2rem;padding:0 1.2rem}.hero-roster{grid-template-columns:1fr}.roster-card{min-height:285px}.squad-note{display:block;padding:1rem}.squad-note img{width:100%;height:150px;margin-bottom:1.1rem}.screen-grid{grid-template-columns:1fr;grid-template-rows:230px 210px 210px 210px}.feature-screen{grid-column:auto}.station-card{align-items:flex-start;padding:1rem;gap:.8rem}.station-card>img{width:78px;height:78px;border-radius:15px}.station-card>div>b{font-size:1.25rem}.station-card .download-icon{width:25px;height:25px}.guide{gap:2rem}footer{display:block}footer p{margin:1rem 0}footer>span{display:block}.mobile-download{left:.75rem;right:.75rem}}