@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
:root{--night:#071525;--navy:#0b2239;--blue:#127fd4;--sky:#73ddff;--cyan:#a4efff;--yellow:#ffe05a;--orange:#ff783f;--violet:#634fd4;--paper:#f6fbff;--ink:#10223b;--line:rgba(16,34,59,.14);--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC',system-ui,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.wrap{margin-inline:auto;width:min(100% - 2rem,var(--max))}
.site-header{background:rgba(7,21,37,.9);border-bottom:1px solid rgba(115,221,255,.24);color:#fff;position:sticky;top:0;z-index:40;backdrop-filter:blur(14px)}.header-inner{align-items:center;display:flex;gap:.9rem;height:4.5rem;justify-content:space-between}.brand{align-items:center;display:flex;gap:.6rem;min-width:0}.brand-logo{height:2.3rem;object-fit:contain;width:auto}.brand b,.brand small{display:block;font-size:.62rem;line-height:1}.brand b{color:var(--yellow);font-weight:900}.brand small{color:rgba(255,255,255,.58);font-size:.5rem;margin-top:.35rem}.desktop-nav{display:none;margin-left:auto}.desktop-nav a{color:rgba(255,255,255,.72);font-size:.8rem;font-weight:700;padding:1rem}.desktop-nav a:hover{color:var(--yellow)}.header-cta,.button{clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.header-cta{align-items:center;background:var(--yellow);box-shadow:inset -4px -4px 0 rgba(151,93,0,.22);color:var(--night);display:flex;font-size:.75rem;font-weight:900;min-height:2.75rem;padding:.65rem 1rem}.menu-toggle{align-items:center;background:transparent;border:0;display:grid;gap:5px;min-height:2.75rem;min-width:2.75rem;padding:.65rem}.menu-toggle i{background:#fff;display:block;height:2px;width:1.35rem}.mobile-nav{background:var(--night);display:grid;max-height:0;overflow:hidden;transition:max-height .25s ease}.mobile-nav a{border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;padding:1rem}.mobile-nav.is-open{max-height:18rem}
.hero{background:var(--night);color:#fff;isolation:isolate;min-height:calc(100vh - 4.5rem);overflow:hidden;position:relative}.hero-media{inset:0;position:absolute;z-index:-2}.hero-media img{height:100%;object-fit:cover;object-position:58% center;width:100%}.hero-media:after{background:linear-gradient(90deg,rgba(7,21,37,.97) 0%,rgba(7,21,37,.82) 48%,rgba(7,21,37,.2) 100%),linear-gradient(0deg,rgba(7,21,37,.76),transparent 56%);content:'';inset:0;position:absolute}.scanline{background:repeating-linear-gradient(0deg,transparent 0,transparent 5px,rgba(115,221,255,.04) 6px);inset:0;position:absolute}.hero:before{background-image:linear-gradient(rgba(115,221,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(115,221,255,.07) 1px,transparent 1px);background-size:56px 56px;content:'';inset:0;mask-image:linear-gradient(90deg,#000,transparent 65%);position:absolute;z-index:-1}.hero-content{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 4.5rem);padding:3.5rem 0 5.5rem;position:relative;z-index:2}.eyebrow{align-items:center;display:flex;flex-wrap:wrap;font-size:.64rem;font-weight:900;gap:.7rem;margin-bottom:1.1rem}.eyebrow span{background:var(--yellow);color:var(--night);padding:.3rem .55rem}.eyebrow em{color:var(--cyan);font-style:normal}.hero-logo{align-items:center;display:flex;gap:.8rem;margin-bottom:1rem}.hero-logo img{filter:drop-shadow(0 5px 0 rgba(0,0,0,.28));width:min(12rem,48vw)}.hero-logo span{border-left:2px solid var(--sky);color:var(--cyan);font-size:.72rem;font-weight:900;line-height:1.4;padding-left:.75rem}.hero h1{font-family:'Black Han Sans','Noto Sans SC',sans-serif;font-size:clamp(3rem,13vw,7.1rem);font-weight:900;line-height:1.02;margin:0;max-width:9ch;text-shadow:0 5px 0 rgba(2,11,21,.48)}.hero h1 strong{color:var(--yellow);font-weight:900;-webkit-text-stroke:1px rgba(90,57,0,.2)}.hero-lead{color:rgba(255,255,255,.84);font-size:1rem;line-height:1.9;margin:1.4rem 0 1.7rem;max-width:34rem;text-shadow:0 2px 4px rgba(0,0,0,.45)}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.button{align-items:center;border:2px solid transparent;display:inline-flex;font-size:.86rem;font-weight:900;gap:1.5rem;justify-content:space-between;min-height:3.35rem;padding:.75rem 1.25rem;transition:transform .2s,filter .2s}.button:hover{filter:brightness(1.08);transform:translateY(-3px)}.button span{font-size:1.2rem}.button-primary{background:var(--orange);box-shadow:0 7px 0 #9a311c;color:#fff}.text-link{border-bottom:2px solid var(--sky);color:#fff;font-size:.82rem;font-weight:700;padding:.75rem .15rem}.text-link span{color:var(--yellow);font-size:1.1rem;margin-left:.45rem}.hero-meta{background:rgba(7,21,37,.62);border:1px solid rgba(115,221,255,.3);display:grid;grid-template-columns:repeat(3,1fr);margin-top:3rem;max-width:34rem;padding:.75rem}.hero-meta>div{border-right:1px solid rgba(115,221,255,.2);padding:.2rem .65rem}.hero-meta>div:last-child{border:0}.hero-meta b,.hero-meta span{display:block}.hero-meta b{color:var(--yellow);font-size:1rem}.hero-meta span{color:rgba(255,255,255,.62);font-size:.62rem}.hero-side-card{background:rgba(11,34,57,.82);border:1px solid rgba(115,221,255,.4);bottom:5.5rem;color:#fff;display:none;padding:1.1rem;position:absolute;right:max(2rem,calc((100vw - var(--max))/2));width:13rem;z-index:3}.hero-side-card:before{background:var(--yellow);content:'';height:.3rem;left:-1px;position:absolute;right:35%;top:-1px}.hero-side-card span,.hero-side-card small{color:var(--cyan);display:block;font-size:.58rem}.hero-side-card b{display:block;font-size:1.15rem;line-height:1.35;margin:.7rem 0}.hero-stamp{color:rgba(255,255,255,.07);font-family:'Black Han Sans',sans-serif;font-size:clamp(4rem,11vw,9rem);line-height:.76;position:absolute;right:-.5rem;text-align:right;top:28%;transform:rotate(-6deg);z-index:1}.hero-stamp b{color:rgba(255,224,90,.12)}
.signal-strip{background:var(--yellow);box-shadow:inset 0 -5px 0 rgba(121,79,0,.18);color:var(--night)}.signal-grid{align-items:center;display:grid;gap:.6rem;padding:1rem 0}.signal-grid>div:first-child{align-items:center;display:flex;gap:.5rem}.signal-dot{animation:pulse 1.5s infinite;background:var(--orange);border-radius:50%;height:.55rem;width:.55rem}.signal-grid b,.signal-code{font-size:.68rem;font-weight:900}.signal-grid p{font-size:.75rem;margin:0}.signal-code{opacity:.56}@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(255,120,63,.2)}}
.section{padding:5.5rem 0}.section-label{align-items:center;color:var(--blue);display:flex;font-size:.66rem;font-weight:900;gap:.7rem}.section-label i{background:var(--orange);height:3px;width:2.4rem}.intro{background:var(--paper);position:relative}.intro:after{background-image:linear-gradient(rgba(18,127,212,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(18,127,212,.06) 1px,transparent 1px);background-size:42px 42px;content:'';inset:0;pointer-events:none;position:absolute}.intro-grid{display:grid;gap:2rem;position:relative;z-index:1}.intro h2,.archive h2,.gallery h2,.steps h2,.faq h2{font-family:'Black Han Sans','Noto Sans SC',sans-serif;font-size:clamp(2.8rem,10vw,5.4rem);font-weight:900;line-height:1.04;margin:1rem 0 1.5rem}.intro h2 em,.gallery h2 em,.faq h2 em{color:var(--blue);font-style:normal}.intro p{font-size:1rem;line-height:2;margin:0 0 1rem;max-width:44rem}.intro .muted{color:#64748a;font-size:.8rem}.fact-list{display:grid;gap:.6rem}.fact-list>div{background:#fff;border:1px solid rgba(18,127,212,.18);box-shadow:5px 5px 0 rgba(18,127,212,.1);display:grid;gap:.45rem;grid-template-columns:2rem 1fr;padding:1rem}.fact-list b{color:var(--orange);font-size:.7rem}.fact-list span{font-weight:900}.fact-list small{color:#637188;font-size:.72rem;grid-column:2}
.archive{background:var(--night);color:#fff;position:relative}.archive:before{background:linear-gradient(110deg,rgba(99,79,212,.24),transparent 38%),linear-gradient(290deg,rgba(18,127,212,.2),transparent 35%);content:'';inset:0;position:absolute}.archive .wrap{position:relative}.archive .section-label{color:var(--cyan)}.archive h2 em{color:var(--yellow);font-style:normal}.section-head{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;margin-bottom:2.5rem}.section-head>p{color:#64748a;font-size:.76rem;line-height:1.8;margin:0}.archive .section-head>p{color:rgba(255,255,255,.6)}.version-layout{display:grid;gap:1.2rem}.version-list{display:grid;gap:.7rem}.version-card{align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(115,221,255,.2);color:#fff;cursor:pointer;display:grid;gap:.7rem;grid-template-columns:2rem 1fr auto;min-height:4.8rem;padding:.9rem;text-align:left}.version-card b,.version-card small{display:block}.version-card b{font-size:.9rem}.version-card small{color:rgba(255,255,255,.5);font-size:.68rem}.version-card strong{color:var(--sky);font-size:1.25rem}.version-number{color:var(--yellow);font-size:.7rem;font-weight:900}.version-card.is-active{background:var(--blue);border-color:var(--sky);box-shadow:5px 5px 0 rgba(115,221,255,.25)}.archive-feature{background:#0d2944;border:1px solid rgba(115,221,255,.28);box-shadow:9px 9px 0 rgba(99,79,212,.32);display:grid}.feature-image{min-height:16rem;overflow:hidden;position:relative}.feature-image img{height:100%;object-fit:cover;width:100%}.image-tag{background:var(--yellow);bottom:0;color:var(--night);font-size:.6rem;font-weight:900;left:0;padding:.5rem .7rem;position:absolute}.feature-copy{padding:1.5rem}.feature-kicker,.download-kicker{color:var(--cyan);font-size:.65rem;font-weight:900}.feature-copy h3{font-size:1.9rem;line-height:1.2;margin:.7rem 0}.feature-copy>p{color:rgba(255,255,255,.7);font-size:.85rem;line-height:1.85;margin:0}.feature-specs{border-top:1px solid rgba(255,255,255,.17);display:grid;gap:.5rem;margin-top:1.2rem;padding-top:1rem}.feature-specs span{color:rgba(255,255,255,.67);font-size:.65rem}.feature-specs b{color:var(--yellow);margin-right:.5rem}.button-secondary{background:var(--yellow);box-shadow:0 6px 0 #a36d00;color:var(--night);margin-top:1.3rem}
.gallery{background:#eaf8ff;position:relative}.gallery:before{background:var(--sky);content:'';height:5px;left:0;position:absolute;right:0;top:0}.section-head.compact{margin-bottom:2rem}.gallery-grid{display:grid;gap:1rem}.gallery-item{border:4px solid #fff;box-shadow:0 10px 25px rgba(11,34,57,.16);color:#fff;margin:0;overflow:hidden;position:relative}.gallery-item img{height:18rem;object-fit:cover;transition:transform .35s;width:100%}.gallery-item:hover img{transform:scale(1.04)}.gallery-large img{height:24rem}.gallery-item:after{background:linear-gradient(0deg,rgba(7,21,37,.92),transparent 62%);content:'';inset:0;position:absolute}.gallery-item figcaption{bottom:1rem;display:flex;flex-direction:column;left:1rem;position:absolute;z-index:1}.gallery-item figcaption b{color:var(--yellow);font-size:1.55rem}.gallery-item figcaption span{font-size:.72rem}.quote-card{background:var(--orange);box-shadow:8px 8px 0 rgba(99,79,212,.25);color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:15rem;padding:1.4rem}.quote-card span,.quote-card b{font-size:.62rem;font-weight:900}.quote-card p{font-size:1.35rem;font-weight:900;line-height:1.4;margin:1rem 0}
.steps{background:var(--violet);color:#fff;position:relative}.steps:before{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;content:'';inset:0;position:absolute}.steps-grid{position:relative}.steps .section-label{color:var(--yellow)}.steps h2 em{color:var(--yellow);font-style:normal}.step-list{list-style:none;margin:0;padding:0}.step-list li{background:rgba(7,21,37,.18);border:1px solid rgba(255,255,255,.18);display:grid;gap:1rem;grid-template-columns:2.2rem 1fr;margin-bottom:.7rem;padding:1.1rem}.step-list li>span{color:var(--yellow);font-size:.72rem;font-weight:900}.step-list b{font-size:1rem}.step-list p{color:rgba(255,255,255,.68);font-size:.78rem;margin:.3rem 0 0}
.download-band{background:var(--orange);color:#fff;overflow:hidden;padding:4.5rem 0;position:relative}.download-band:after{color:rgba(255,255,255,.12);content:'下载';font-family:'Black Han Sans',sans-serif;font-size:10rem;position:absolute;right:-2rem;top:-2rem}.download-grid{align-items:flex-start;display:flex;flex-direction:column;gap:2rem;position:relative;z-index:1}.download-kicker{color:var(--night)}.download-band h2{font-family:'Black Han Sans','Noto Sans SC',sans-serif;font-size:clamp(3rem,11vw,5.7rem);line-height:1;margin:.7rem 0 1rem}.download-band h2 em{color:var(--yellow);font-style:normal}.download-band p{font-size:.85rem;line-height:1.8;margin:0;max-width:30rem}.button-light{background:#fff;box-shadow:0 7px 0 #8e2e1b;color:var(--night);min-width:11rem}
.faq{background:#fff}.faq-grid{display:grid;gap:2rem}.faq-list details{border-top:1px solid var(--line);padding:1.15rem 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font-size:.92rem;font-weight:900;list-style:none;padding-right:2rem;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--orange);font-size:1.5rem;position:absolute;right:.2rem;top:-.3rem}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:#65738a;font-size:.8rem;line-height:1.9;margin:.75rem 0 0}
footer{background:var(--night);color:#fff;padding:2.7rem 0 4.6rem}.footer-top{align-items:flex-start;display:flex;flex-direction:column;gap:1.2rem}.footer-top p{color:rgba(255,255,255,.55);font-size:.72rem;margin:0}.footer-top nav{display:flex;gap:1rem}.footer-top nav a{color:rgba(255,255,255,.7);font-size:.7rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.42);display:flex;flex-direction:column;font-size:.6rem;gap:.4rem;margin-top:2rem;padding-top:1rem}.download-dock{align-items:center;background:var(--yellow);bottom:0;box-shadow:0 -5px 20px rgba(7,21,37,.18);color:var(--night);display:flex;justify-content:center;padding:.75rem 1rem;position:fixed;width:100%;z-index:30}.download-dock>span{display:none}.download-dock a{font-size:.8rem;font-weight:900}.download-dock a b{font-size:1rem;margin-left:.45rem}
@media(min-width:640px){.wrap{width:min(100% - 3.5rem,var(--max))}.signal-grid{grid-template-columns:1fr 1fr auto}.signal-code{justify-self:end}.gallery-grid{grid-template-columns:1.35fr .9fr}.gallery-large{grid-row:span 2}.gallery-large img{height:39rem}.quote-card{min-height:auto}.download-dock{gap:3rem}.download-dock>span{display:block;font-size:.6rem;font-weight:900}.download-dock>span i{background:var(--orange);border-radius:50%;display:inline-block;height:.45rem;margin-right:.35rem;width:.45rem}}
@media(min-width:768px){.header-inner{height:5rem}.desktop-nav{display:flex}.menu-toggle,.mobile-nav{display:none}.hero,.hero-content{min-height:calc(100vh - 5rem)}.hero-content{padding:5rem 0}.hero-media img{object-position:center}.hero h1{font-size:clamp(4.6rem,8vw,7rem)}.hero-side-card{display:block}.intro-grid{gap:3rem;grid-template-columns:.45fr 1.25fr .75fr}.section{padding:7rem 0}.section-head{align-items:flex-end;flex-direction:row}.version-layout{grid-template-columns:.66fr 1.34fr}.archive-feature{grid-template-columns:1.1fr .9fr}.feature-image{min-height:34rem}.feature-copy{align-self:center;padding:2.5rem}.steps-grid{display:grid;gap:5rem;grid-template-columns:.8fr 1.2fr}.download-band{padding:6rem 0}.download-grid{align-items:center;flex-direction:row;justify-content:space-between}.faq-grid{grid-template-columns:.72fr 1.28fr}.footer-top{align-items:center;flex-direction:row;justify-content:space-between}}
@media(min-width:1024px){.hero-content{padding-top:4rem}.hero-logo img{width:13.5rem}.hero-lead{font-size:1.05rem}.hero-meta{margin-top:3.5rem}.feature-copy h3{font-size:2.35rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media(max-width:639px){.hero h1{font-size:clamp(2.2rem,9.8vw,3rem);letter-spacing:0;max-width:none}.hero h1 strong{white-space:nowrap}.hero-logo img{width:min(10.5rem,46vw)}.hero-logo span{font-size:.64rem}.hero-lead{font-size:.92rem}}
.hero-character{bottom:-1.2rem;display:block;pointer-events:none;position:absolute;right:-7%;width:min(57vw,27rem);z-index:1}.hero-character img{filter:drop-shadow(0 1rem 1.3rem rgba(0,0,0,.5));position:relative;width:100%;z-index:2}.character-halo{background:radial-gradient(circle,rgba(115,221,255,.65),rgba(99,79,212,.12) 45%,transparent 70%);height:120%;position:absolute;right:4%;top:0;width:100%;z-index:0}.character-tag{background:rgba(7,21,37,.88);border-left:3px solid var(--yellow);bottom:18%;color:var(--cyan);font-size:.58rem;font-weight:900;line-height:1.3;padding:.45rem .65rem;position:absolute;right:48%;transform:rotate(-7deg);z-index:3}.character-tag b{color:var(--yellow)}
@media(min-width:768px){.hero-character{bottom:-3.4rem;right:0;width:min(43vw,35rem)}.character-tag{bottom:23%;right:45%}}
@media(min-width:768px){.hero-character{bottom:-7rem;right:-8%;width:min(64vw,54rem)}.character-tag{bottom:24%;right:46%;transform:rotate(-6deg) scale(1.12)}}
@media(min-width:1200px){.hero-character{bottom:-11rem;right:-15%;width:min(78vw,66rem)}.character-tag{bottom:25%;right:45%;transform:rotate(-6deg) scale(1.2)}}

/* Layered game artwork enriches the archive and guide sections. */
.intro{isolation:isolate;overflow:hidden}
.intro:before{background:linear-gradient(90deg,rgba(246,251,255,.98),rgba(246,251,255,.86) 48%,rgba(246,251,255,.58)),url('assets/archive-03.jpg') center right/cover no-repeat;content:'';inset:0;opacity:.4;pointer-events:none;position:absolute;z-index:0}
.intro:after{z-index:-1}
.fact-list>div{background-color:rgba(255,255,255,.88);background-position:center;background-size:cover;overflow:hidden;position:relative}
.fact-list>div:before{background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.78));content:'';inset:0;position:absolute;z-index:0}
.fact-list>div>*{position:relative;z-index:1}
.fact-list>div:nth-child(1){background-image:url('assets/archive-01.jpg')}
.fact-list>div:nth-child(2){background-image:url('assets/archive-02.jpg')}
.fact-list>div:nth-child(3){background-image:url('assets/hero-world.jpg')}
.archive{isolation:isolate;overflow:hidden}
.archive:before{background:linear-gradient(110deg,rgba(7,21,37,.97),rgba(7,21,37,.78) 50%,rgba(7,21,37,.48)),url('assets/archive-02.jpg') center right/cover no-repeat;content:'';inset:0;opacity:.72;position:absolute;z-index:0}
.archive:after{background:linear-gradient(110deg,rgba(99,79,212,.24),transparent 38%),linear-gradient(290deg,rgba(18,127,212,.2),transparent 35%);content:'';inset:0;position:absolute;z-index:0}
.archive .wrap{position:relative;z-index:1}

/* Keep the artwork visible inside each selectable version panel. */
.version-card{background-color:rgba(7,21,37,.5);background-position:center;background-size:cover;overflow:hidden;position:relative;text-shadow:0 2px 5px rgba(0,0,0,.7)}
.version-card:before{background:linear-gradient(90deg,rgba(7,21,37,.8),rgba(7,21,37,.25));content:'';inset:0;position:absolute;z-index:0}
.version-card>*{position:relative;z-index:1}
.version-card:nth-child(1){background-image:url('assets/archive-01.jpg')}
.version-card:nth-child(2){background-image:url('assets/archive-02.jpg')}
.version-card:nth-child(3){background-image:url('assets/hero-world.jpg')}
.version-card.is-active{background-color:var(--blue);background-blend-mode:overlay}
.fact-list>div:before{background:linear-gradient(90deg,rgba(255,255,255,.78),rgba(255,255,255,.38))}