:root{--ink:#0b0d13;--panel:#151923;--paper:#f5f1e8;--muted:#a6abb5;--red:#eb4c37;--gold:#f4bd47;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Microsoft YaHei",Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}
.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);position:fixed;inset:0 0 auto;z-index:20;border-bottom:1px solid var(--line);background:rgba(11,13,19,.9);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:2px}.brand img{width:42px;height:42px;border-radius:10px}.topbar nav{display:flex;gap:30px;color:#c4c6ca;font-size:14px}.topbar nav a:hover{color:var(--gold)}.nav-download{border:1px solid var(--gold);color:var(--gold);font-size:13px;padding:10px 17px;transition:.2s}.nav-download:hover{background:var(--gold);color:var(--ink)}
.hero{padding:128px max(7vw,34px) 72px;min-height:820px;display:grid;grid-template-columns:minmax(300px,.76fr) minmax(540px,1.24fr);align-items:center;gap:clamp(24px,4vw,80px);overflow:hidden;background:radial-gradient(circle at 75% 22%,#7f241f 0,transparent 31%),linear-gradient(118deg,#0b0d13 28%,#171219 62%,#20140f)}.hero-copy{position:relative;z-index:2}.kicker{margin:0 0 15px;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:4px}.hero h1{font-size:clamp(72px,10vw,150px);line-height:.8;letter-spacing:7px;margin:0;font-weight:900}.hero h1 strong{color:var(--gold);text-shadow:7px 7px 0 rgba(235,76,55,.42)}.hero-text{max-width:430px;font-size:17px;line-height:1.9;color:#d4d2d1;margin:36px 0 25px}.hero-visual{margin:0;position:relative;align-self:stretch;min-height:580px;display:flex;align-items:center}.hero-visual:before{content:"";position:absolute;inset:8% -8% -7% 8%;border:1px solid rgba(244,189,71,.38);transform:rotate(-5deg)}.hero-visual img{width:100%;max-height:620px;object-fit:cover;position:relative;z-index:1;box-shadow:22px 24px 0 rgba(235,76,55,.18)}.hero-visual figcaption{position:absolute;z-index:2;right:8px;bottom:4px;padding:9px 12px;color:var(--gold);font-size:10px;letter-spacing:3px;background:rgba(11,13,19,.83)}
.download-cta{display:inline-flex;align-items:center;gap:14px;min-width:280px;padding:13px 17px;background:var(--red);box-shadow:0 14px 30px rgba(235,76,55,.3);transition:transform .2s,background .2s}.download-cta:hover{transform:translateY(-3px);background:#ff5f46}.download-cta img{width:50px;height:50px;border-radius:11px}.download-cta span{display:flex;flex-direction:column;gap:4px}.download-cta b{font-size:18px}.download-cta small{font-size:11px;color:#ffe1da}.download-cta i{font-style:normal;font-size:27px;margin-left:auto}.package-note{margin:14px 0 0;color:#9499a3;font-size:12px}
.section-intro{max-width:660px}.section-intro h2{margin:0 0 20px;font-size:clamp(40px,5.4vw,78px);line-height:1.08;letter-spacing:1px}.section-intro h2 span{color:var(--gold)}.section-intro>p:last-child{color:var(--muted);font-size:16px;line-height:1.8}.play-section{padding:115px max(7vw,34px);background:var(--paper);color:var(--ink)}.play-section .kicker{color:var(--red)}.combat-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.75fr);gap:clamp(28px,5vw,72px);align-items:start;margin-top:55px}.featured-shot{margin:0}.featured-shot img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border:7px solid var(--ink)}.featured-shot figcaption{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding:16px 2px;font-size:16px}.featured-shot figcaption span,.character-shot figcaption span,.roster-shot figcaption span{font-size:10px;letter-spacing:2px;color:#706e68}.combat-notes{border-top:2px solid var(--ink)}.combat-notes article{display:grid;grid-template-columns:46px 1fr;gap:13px;padding:22px 0;border-bottom:1px solid rgba(11,13,19,.2)}.combat-notes article>span{font-size:18px;font-weight:800;color:var(--red)}.combat-notes h3{margin:0 0 8px;font-size:22px}.combat-notes p{margin:0;color:#625f5a;line-height:1.75;font-size:14px}
.fighter-section{padding:120px max(7vw,34px);background:var(--panel)}.fighter-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:20px;margin-top:52px}.fighter-layout figure{margin:0;overflow:hidden;background:#0b0d13}.fighter-layout img{display:block;width:100%;height:420px;object-fit:cover;transition:transform .4s}.fighter-layout figure:hover img{transform:scale(1.035)}.fighter-layout figcaption{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px}.fighter-layout figcaption b{font-size:16px}
.gallery-section{padding:116px max(7vw,34px);background:#0c0e14}.game-gallery{display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-template-rows:245px 245px;gap:16px;margin-top:50px}.game-gallery figure{margin:0;position:relative;overflow:hidden;background:#151923}.game-gallery figure:first-child{grid-row:1/3}.game-gallery figure:nth-child(4){grid-column:2/4}.game-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.game-gallery figure:hover img{transform:scale(1.04)}.game-gallery figcaption{position:absolute;left:0;bottom:0;width:100%;padding:28px 18px 14px;background:linear-gradient(transparent,rgba(5,6,9,.9));font-size:15px;font-weight:700}
.download-panel{padding:80px max(7vw,34px);display:flex;justify-content:space-between;align-items:center;gap:40px;background:linear-gradient(110deg,#7e1e26,#e24836 59%,#d98b39)}.download-panel .kicker{color:#ffe5a8}.download-panel h2{margin:0 0 12px;font-size:clamp(40px,5vw,67px);letter-spacing:1px}.download-panel p:last-child{margin:0;color:#ffe7c8}.download-cta.dark{background:#11141c;box-shadow:none}.download-cta.dark:hover{background:#252936}.keyword-index{padding:72px max(7vw,34px);background:#13151e}.keyword-index>div{max-width:930px}.keyword-index h2{font-size:clamp(29px,4vw,52px);margin:0 0 18px}.keyword-index p:last-child{margin:0;color:#a9adb6;line-height:1.9}footer{display:flex;justify-content:space-between;padding:28px max(7vw,34px);color:#858a94;font-size:12px;letter-spacing:1px}
@media(max-width:860px){.topbar{height:64px;padding:0 18px}.topbar nav{display:none}.brand{font-size:14px}.brand img{width:38px;height:38px}.nav-download{padding:8px 11px;font-size:11px}.hero{min-height:auto;padding:100px 22px 48px;display:flex;flex-direction:column;align-items:stretch;gap:30px}.hero h1{font-size:82px;letter-spacing:6px}.hero-text{font-size:15px;margin:27px 0 22px}.hero-visual{min-height:0;order:-1;margin:0 -22px}.hero-visual:before{display:none}.hero-visual img{width:100%;height:315px;max-height:none;object-fit:cover;box-shadow:none}.hero-visual figcaption{right:12px;bottom:12px}.download-cta{width:100%;min-width:0}.section-intro h2{font-size:45px}.play-section,.fighter-section,.gallery-section{padding:76px 22px}.combat-grid,.fighter-layout{grid-template-columns:1fr;gap:28px;margin-top:38px}.featured-shot img{border-width:4px}.fighter-layout img{height:290px}.game-gallery{grid-template-columns:1fr 1fr;grid-template-rows:260px 180px 180px;gap:10px;margin-top:36px}.game-gallery figure:first-child{grid-column:1/3;grid-row:auto}.game-gallery figure:nth-child(4){grid-column:auto}.download-panel{display:block;padding:64px 22px}.download-panel .download-cta{margin-top:27px}.keyword-index{padding:62px 22px}.keyword-index h2{font-size:36px}footer{display:block;padding:24px 22px;line-height:2}}
@media(max-width:390px){.hero h1{font-size:72px}.game-gallery{grid-template-rows:230px 150px 150px}.download-cta b{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.download-cta,.fighter-layout img,.game-gallery img{transition:none}}