:root{--navy:#102d42;--navy2:#194866;--ink:#18252c;--paper:#f3f6ed;--green:#a8c957;--gold:#e4ad4e;--muted:#667681;--line:#ccd9d3;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Microsoft YaHei","Noto Sans SC",Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.shell{width:min(var(--max),calc(100% - 72px));margin:auto}.header{position:sticky;top:0;z-index:20;background:#102d42f2;color:#fff;border-bottom:1px solid #ffffff25;backdrop-filter:blur(10px)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand img{width:38px;height:38px}.brand span{font-size:17px;letter-spacing:.08em}.brand small{display:block;color:#a8c957;font:9px Arial;letter-spacing:.18em;font-weight:400}.header nav{display:flex;align-items:center;gap:27px;color:#d5e1e6;font-size:13px}.header nav a:hover{color:var(--green)}.nav-btn{padding:10px 18px;background:var(--green);color:#102d42!important;font-weight:700}.menu{display:none;background:transparent;border:1px solid #ffffff66;color:#fff;padding:8px 12px}.hero{position:relative;min-height:680px;background:#173e56;overflow:hidden;color:#fff}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#102d42ee 0%,#102d42a8 42%,#102d4220 78%),url("assets/hero.jpg") center/cover;opacity:.96}.hero-inner{position:relative;z-index:1;min-height:680px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.kicker{margin:0 0 17px;color:var(--green);font:700 11px/1.2 Arial;letter-spacing:.2em}.kicker.dark{color:#3f815f}.hero h1{margin:0;font-size:clamp(70px,11vw,142px);line-height:.9;letter-spacing:.16em;text-shadow:0 8px 30px #061723aa}.lead{max-width:390px;margin:27px 0 30px;color:#dbe8e9;font-size:16px}.actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 21px;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn b{margin-left:10px;font-size:16px}.primary{background:var(--gold);color:#1b2b30}.outline{border:1px solid #ffffff88;color:#fff}.hero-screen{position:relative;transform:rotate(2deg);border:1px solid #a8c95799;padding:12px;background:#0c2635aa;box-shadow:24px 24px 0 #0b203033}.hero-screen img{display:block;width:100%;aspect-ratio:16/8.55;object-fit:cover}.screen-label{position:absolute;right:-12px;bottom:-14px;background:var(--green);color:#163244;padding:12px 16px;display:flex;align-items:center;gap:10px}.screen-label b{font:700 13px Arial;letter-spacing:.15em}.screen-label span{border-left:1px solid #36546b;padding-left:10px;font-size:11px}.hero-corner{position:absolute;right:6%;bottom:34px;font:11px/1.5 Arial;letter-spacing:.14em;color:#bfd0cd}.hero-corner strong{color:var(--green);font-size:26px}.announcement{background:#fff;border-bottom:1px solid var(--line)}.announce{display:grid;grid-template-columns:110px 1fr 1fr auto;align-items:center;gap:18px;min-height:74px;font-size:12px}.announce strong{color:#3b815e}.announce span{border-left:1px solid var(--line);padding-left:17px;color:#62727a}.announce a{color:#3b815e;white-space:nowrap}.section{padding:108px 0}.battle{background:#fff}.battle-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:center}.battle h2,.section-title h2,.update-list h2,.download h2,.faq h2{margin:0;font-size:clamp(44px,6vw,75px);line-height:1.03;letter-spacing:.02em}.battle h2 em,.download h2 em{font-style:normal;color:#3b815e}.copy{max-width:410px;margin:24px 0 30px;color:var(--muted);font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:20px;gap:13px}.stats strong{display:block;color:#3b815e;font:700 30px Georgia}.stats span{color:var(--muted);font-size:11px}.map-card{position:relative;border:1px solid #91ad9e;padding:12px}.map-card img{display:block;width:100%;aspect-ratio:16/8.55;object-fit:cover}.map-card:after{content:"";position:absolute;inset:22px -13px -13px 22px;border:1px solid var(--gold);pointer-events:none}.map-caption{display:flex;justify-content:space-between;margin-top:13px;color:#587066;font-size:11px;letter-spacing:.1em}.map-caption b{color:#3b815e;font-weight:700}.units{background:#e5eee5}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.section-title>p{max-width:280px;margin:0;color:var(--muted);font-size:13px}.unit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.unit-grid article{background:#fff;border:1px solid #d3dfd4;padding:12px;transition:transform .2s,box-shadow .2s}.unit-grid article:hover{transform:translateY(-4px);box-shadow:0 12px 25px #21493620}.unit-image{position:relative}.unit-image img{display:block;width:100%;aspect-ratio:16/8.55;object-fit:cover}.unit-image span{position:absolute;left:10px;top:10px;background:var(--navy);color:var(--green);padding:5px 8px;font:10px Arial;letter-spacing:.14em}.unit-grid h3{margin:19px 4px 5px;font-size:23px}.unit-grid p{margin:0 4px 8px;color:var(--muted);font-size:12px}.updates{background:#d3e1d5}.updates-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.update-art{position:relative}.update-art img{display:block;width:100%;aspect-ratio:16/8.55;object-fit:cover;box-shadow:17px 17px 0 #88a995}.update-art span{position:absolute;top:15px;left:15px;background:var(--navy);color:var(--green);padding:6px 9px;font:10px Arial;letter-spacing:.14em}.update-list h2{font-size:clamp(40px,5vw,64px);margin-bottom:25px}.update-list article{display:grid;grid-template-columns:44px 1fr;gap:12px;border-top:1px solid #afc5b5;padding:15px 0}.update-list article>b{color:#3b815e;font:700 13px Arial}.update-list h3{margin:0;font-size:16px}.update-list p{margin:4px 0 0;color:#65776e;font-size:12px}.download{background:var(--navy);color:#fff;padding:102px 0}.download-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:82px;align-items:center}.download h2{font-size:clamp(48px,6vw,77px)}.download>p:not(.kicker){max-width:405px;margin:24px 0 30px;color:#c4d3d6;font-size:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff2e}.steps>div{min-height:155px;padding:22px;background:var(--navy)}.steps b{display:block;color:var(--green);font:12px Arial}.steps span{display:block;margin-top:35px;font-weight:700}.steps small{display:block;color:#a9bdc2;font-size:10px;margin-top:4px}.keyword-line{margin-top:32px!important;color:#97b6ba!important;font-size:11px!important}.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq h2{font-size:clamp(45px,5vw,70px)}details{border-top:1px solid var(--line);padding:18px 0}details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:700}summary b{color:#3b815e;font-size:22px;font-weight:400}details p{margin:8px 0 0;color:var(--muted);font-size:13px}.footer{background:#0a2232;color:#a9bdc2;padding:28px 0 35px}.footer-line{display:grid;grid-template-columns:1fr 1.3fr auto;align-items:center;gap:25px;font-size:11px}.footer-line p{margin:0}.footer .brand{color:#fff}.mobile-download{display:none}
@media(max-width:820px){.shell{width:min(var(--max),calc(100% - 40px))}.header nav{display:none;position:absolute;top:72px;left:20px;right:20px;flex-direction:column;align-items:stretch;gap:0;background:var(--navy);border:1px solid #ffffff33}.header nav.is-open{display:flex}.header nav a{padding:13px 16px}.nav-btn{text-align:center;margin:6px 10px}.menu{display:block}.hero,.hero-inner{min-height:630px}.hero-inner{grid-template-columns:1fr;gap:34px;padding:72px 0}.hero-copy{align-self:end}.hero-screen{max-width:640px;width:100%;margin:0 auto}.hero-corner{display:none}.announce{grid-template-columns:1fr;gap:8px;padding:18px 0}.announce span{border:0;padding:0}.announce a{margin-top:3px}.battle-grid,.updates-grid,.download-grid,.faq-grid{grid-template-columns:1fr;gap:52px}.section{padding:76px 0}.unit-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.steps>div{min-height:105px;display:grid;grid-template-columns:45px 1fr;align-items:center}.steps b{grid-row:span 2}.steps span{margin:0}.steps small{grid-column:2}.footer-line{grid-template-columns:1fr;gap:12px}}
@media(max-width:520px){.shell{width:calc(100% - 32px)}.nav{min-height:64px}.header nav{top:64px;left:16px;right:16px}.hero,.hero-inner{min-height:590px}.hero-inner{padding:64px 0 55px}.hero h1{font-size:clamp(66px,19vw,104px)}.lead{font-size:13px;max-width:280px;margin:19px 0 23px}.actions{flex-direction:column;width:235px}.btn{width:100%;min-height:46px}.hero-screen{transform:rotate(1deg);padding:7px}.screen-label{right:-6px;bottom:-10px;padding:9px 12px}.section-title{display:block;margin-bottom:28px}.section-title>p{margin-top:14px}.battle h2,.section-title h2,.update-list h2,.download h2,.faq h2{font-size:48px}.stats{gap:7px}.unit-grid{grid-template-columns:1fr}.unit-grid article{padding:9px}.update-art img{box-shadow:10px 10px 0 #88a995}.mobile-download{display:flex;position:fixed;z-index:30;left:16px;right:16px;bottom:13px;min-height:48px;align-items:center;justify-content:center;background:var(--gold);color:#18252c;font-weight:700;box-shadow:0 7px 18px #0005}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.kicker.dark{color:#2d684b}.section-title>p{color:#4d6068}.update-list article>b{color:#285f44}.update-list p{color:#42584d}