/* Hallmark · macrostructure: Cinematic Game Shelf · tone: industrial · anchor hue: yellow
 * theme: custom (bespoke) · nav: N7 Brutal slab · footer: Ft4 Dense typographic
 * paper: oklch(18.5% .006 250) · accent: oklch(86% .174 92) · display: Barlow Condensed · body: Noto Sans SC
 * axes: dark / display-condensed-bold / chromatic-yellow · context: user-provided
 * Hallmark · pre-emit critique: P4 H5 E4 S5 R4 V4 */
@import url('./tokens.css?v=86c5305071');
@import url('./fonts.css?v=f497bf8da3');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;overflow-x:clip}body{margin:0;background:var(--color-paper);color:var(--color-ink);font:400 var(--text-base)/1.8 var(--font-body);overflow-x:clip}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}a,button{touch-action:manipulation}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure,dl{margin:0}h1,h2,h3{font-style:normal;line-height:1.25;min-width:0;overflow-wrap:anywhere}h1{font-size:var(--text-display);font-weight:800;letter-spacing:-.05em}h2{font-size:clamp(26px,3vw,36px);font-weight:700;letter-spacing:-.025em}h3{font-size:21px}p+p{margin-top:20px}.wrap{width:min(1240px,calc(100% - 40px));margin-inline:auto}.skip{position:fixed;left:20px;top:-80px;z-index:var(--z-modal);background:var(--color-accent);color:var(--color-paper);padding:12px}.skip:focus{top:12px}.site-head{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-paper);border-bottom:2px solid var(--color-rule)}.head-inner{display:flex;align-items:center;gap:20px;min-height:76px}.brand{display:flex;align-items:center;gap:10px;color:var(--color-ink);white-space:nowrap;min-height:44px}.brand:hover{text-decoration:none}.mark{display:grid;place-items:center;width:34px;height:42px;background:var(--color-accent);color:var(--color-paper);font:800 30px/1 var(--font-display);transform:rotate(-6deg)}.brand strong{font:700 26px/1 var(--font-display);letter-spacing:1px}.brand small{display:block;font-size:11px;letter-spacing:2px;margin-top:5px;color:var(--color-muted)}.nav{display:none;gap:24px;margin-left:auto}.nav a{display:flex;align-items:center;min-height:76px;font-size:14px;color:var(--color-muted);white-space:nowrap;border-bottom:2px solid transparent}.nav a[aria-current=page]{color:var(--color-ink);border-color:var(--color-accent)}.head-cta{margin-left:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:12px 24px;border:1px solid var(--color-rule);background:var(--color-panel);color:var(--color-ink);font-weight:600;white-space:nowrap;border-radius:var(--radius-sm);transition:transform var(--dur-micro) var(--ease-out)}.button:hover{text-decoration:none;background:var(--color-panel-high)}.button:active{transform:translateY(2px);box-shadow:0 2px 0 var(--color-shadow)}.button.primary{background:var(--color-action);color:var(--color-accent-ink);border-color:var(--color-action);box-shadow:0 4px 0 var(--color-shadow);position:relative;overflow:hidden}.button.primary:hover{background:var(--color-action-hover)}.button.primary::after{content:'';position:absolute;inset:0;transform:translateX(-150%) skewX(-18deg);background:linear-gradient(90deg,var(--color-clear),color-mix(in oklch,var(--color-ink) 30%,transparent));pointer-events:none}.button.primary:hover::after,.button.primary:focus-visible::after{animation:sheen 650ms var(--ease-out) 1}@keyframes sheen{to{transform:translateX(150%) skewX(-18deg)}}.button.small{min-height:44px;padding:8px 16px;font-size:14px}.menu-toggle{display:grid;place-items:center;background:none;border:1px solid var(--color-rule);width:44px;height:44px;flex-shrink:0}.menu-toggle svg{width:20px;stroke:currentColor;fill:none;stroke-width:1.5}.nav.open{display:flex;position:absolute;inset:76px 0 auto;flex-direction:column;gap:0;padding:12px 20px;background:var(--color-panel);border-bottom:1px solid var(--color-rule)}.nav.open a{min-height:48px}.trail{padding:22px 0;color:var(--color-muted);font-size:13px;display:flex;gap:10px;flex-wrap:wrap}.trail a{white-space:nowrap}.hero{position:relative;min-height:570px;display:flex;align-items:flex-end;isolation:isolate;border-bottom:1px solid var(--color-rule)}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.hero::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,var(--color-overlay),var(--color-clear))}.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--color-paper),var(--color-clear))}.hero-content{padding:64px 0 40px;max-width:760px}.tags{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;font-weight:600;margin-bottom:20px}.tag{padding:3px 9px;background:var(--color-panel);border:1px solid var(--color-rule)}.tag.age{color:var(--color-accent);border-color:var(--color-accent)}.hero h1 span{display:block;font:600 clamp(26px,4vw,42px)/1.1 var(--font-display);letter-spacing:5px;margin-top:14px;color:var(--color-accent)}.hero-copy{max-width:570px;margin-top:24px;color:var(--color-ink);font-size:18px;line-height:1.9}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-facts{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px;color:var(--color-muted);font-size:13px}.hero-facts b{color:var(--color-ink);font-weight:500}.info-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:28px 0;border-bottom:1px solid var(--color-rule)}.info-strip dt{font-size:12px;color:var(--color-muted);margin-bottom:6px}.info-strip dd{margin:0;font-size:14px}.section{padding:64px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head p{font-size:14px;color:var(--color-muted);margin-top:10px}.section-head a{white-space:nowrap;font-size:14px;min-height:44px;display:flex;align-items:center}.media-layout{display:grid;gap:28px}.media-main{display:block;border:1px solid var(--color-rule);position:relative;cursor:zoom-in}.media-main img{width:100%;aspect-ratio:16/9;object-fit:cover}.media-main::after{content:'全屏查看 ↗';position:absolute;right:12px;bottom:12px;padding:5px 10px;background:var(--color-overlay);color:var(--color-ink);font-size:12px}.thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.thumbs a{border:1px solid var(--color-rule);display:block}.thumbs img{aspect-ratio:16/9;object-fit:cover}.thumbs a:hover{outline:1px solid var(--color-accent)}.shelf-aside{background:var(--color-panel);padding:28px}.shelf-aside p{font-size:14px;color:var(--color-muted);margin-top:16px}.shelf-aside dl{margin:24px 0}.spec-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--color-rule);font-size:13px}.spec-row dt{color:var(--color-muted)}.spec-row dd{margin:0;text-align:right}.shelf-aside .button{width:100%}.shelf-aside>a:last-child{display:block;text-align:center;font-size:13px;margin-top:18px}.story{display:grid;gap:32px;border-top:1px solid var(--color-rule)}.story-copy p{color:var(--color-muted);line-height:2;max-width:720px}.story-copy strong{color:var(--color-ink);font-weight:500}.story-label{font:600 100px/.9 var(--font-display);letter-spacing:-2px;color:var(--color-panel-high);margin-top:24px}.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--color-rule);border:1px solid var(--color-rule)}.feature{padding:24px;background:var(--color-panel)}.feature p{margin-top:12px;font-size:14px;color:var(--color-muted)}.feature h3{font-size:18px}.characters{display:grid;gap:24px}.character{display:grid;grid-template-columns:60px minmax(0,1fr);gap:20px;padding:24px 0;border-top:1px solid var(--color-rule)}.character-letter{font:600 66px/1 var(--font-display);color:var(--color-accent)}.character h3{margin-bottom:5px}.character small{color:var(--color-muted);font-size:12px}.character p{font-size:14px;color:var(--color-muted);margin-top:12px}.split{display:grid;gap:40px}.timeline{margin-top:24px}.timeline-item{padding:20px 0;border-top:1px solid var(--color-rule)}time{font-variant-numeric:tabular-nums;font-size:13px;color:var(--color-accent)}.timeline-item h3{font-size:18px;margin:8px 0}.timeline-item p,.audience p{color:var(--color-muted);font-size:14px}.audience{background:var(--color-panel);padding:28px}.audience ul{padding-left:20px;color:var(--color-muted);font-size:14px}.faq{border-top:1px solid var(--color-rule)}details{border-bottom:1px solid var(--color-rule)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;font-weight:500;cursor:pointer;line-height:1.6}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-size:24px;color:var(--color-accent);flex-shrink:0}details[open]>summary::after{content:'−'}details>p{padding:0 40px 24px 0;color:var(--color-muted);font-size:15px;line-height:1.9}.final-cta{border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);padding:40px 0;display:flex;gap:24px;align-items:center;justify-content:space-between}.final-cta p{color:var(--color-muted);font-size:14px;margin-top:12px}.footer{padding:42px 0 110px}.footer-top{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links,.related{display:flex;flex-wrap:wrap;gap:0 24px}.footer a{font-size:13px;display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.footer p{font-size:12px;color:var(--color-muted);margin-top:20px}.related{margin-top:24px;border-top:1px solid var(--color-rule);padding-top:16px}.mobile-bar{position:fixed;inset:auto 0 0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px max(12px,env(safe-area-inset-bottom));background:var(--color-panel);border-top:1px solid var(--color-rule)}.mobile-bar strong{font-size:14px}.mobile-bar small{display:block;color:var(--color-muted);font-size:11px}.page-top{padding:28px 0 36px}.page-top h1{font-size:clamp(32px,4vw,54px);letter-spacing:-.03em}.page-top p{max-width:760px;color:var(--color-muted);margin-top:20px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.filter{background:none;border:1px solid var(--color-rule);padding:8px 18px;min-height:44px;font-size:14px;white-space:nowrap}.filter[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-paper)}.gallery-grid{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.gallery-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;font-size:14px}.gallery-card small{font-size:11px;color:var(--color-muted);white-space:nowrap}.gallery-card a{display:block;cursor:zoom-in}.gallery-card[hidden]{display:none}.gallery-card:hover img{opacity:.88}.gallery-note{color:var(--color-muted);font-size:13px;margin-top:24px}.platform-grid{display:grid;gap:24px}.platform{background:var(--color-panel);padding:32px}.platform h2{font-size:26px;margin-top:16px}.platform>p{color:var(--color-muted);font-size:14px;margin-top:12px}.platform .size{font:600 42px/1.2 var(--font-display);margin:24px 0 8px}.platform .size small{font:400 13px/1 var(--font-body);color:var(--color-muted);margin-left:12px}.platform .button{margin-top:24px}.steps{display:grid;gap:24px;margin-top:28px}.step{padding-top:20px;border-top:1px solid var(--color-rule)}.step b{font:600 30px/1 var(--font-display);color:var(--color-accent)}.step h3{margin-top:16px;font-size:19px}.step p{color:var(--color-muted);font-size:14px;margin-top:12px}.requirements{display:grid;gap:28px;margin-top:28px}.requirement{background:var(--color-panel);padding:24px}.requirement h3{margin-bottom:16px}.requirement dl>div{padding:12px 0;border-bottom:1px solid var(--color-rule);display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;font-size:14px}.requirement dd{margin:0}.requirement dt{color:var(--color-muted)}.toc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.toc-card{padding:24px;background:var(--color-panel)}.toc-card p{font-size:14px;color:var(--color-muted);margin:12px 0 20px}.toc-card>a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}.article-layout{display:grid;gap:40px;margin-top:48px}.side-toc{align-self:start;padding:24px;background:var(--color-panel)}.side-toc strong{font-size:14px}.side-toc a{display:block;padding:10px 0;font-size:14px}.prose{max-width:800px}.prose section{padding-bottom:44px;margin-bottom:36px;border-bottom:1px solid var(--color-rule);scroll-margin-top:20px}.prose h2{font-size:28px;margin-bottom:24px}.prose h3{margin:28px 0 16px}.prose p,.prose li{color:var(--color-muted);line-height:2}.prose ul,.prose ol{padding-left:24px}.prose figure{margin:28px 0}.prose figcaption{font-size:13px;color:var(--color-muted);margin-top:10px}.prose blockquote{margin:24px 0;padding:24px;background:var(--color-panel);color:var(--color-ink)}.article-links{display:grid;gap:20px}.article-link{display:grid;grid-template-columns:130px minmax(0,1fr);gap:24px;align-items:center;padding:24px 0;border-top:1px solid var(--color-rule)}.article-link h3{font-size:20px}.article-link p{color:var(--color-muted);font-size:14px;margin-top:12px}.article-link>a{font-size:14px;display:inline-flex;min-height:44px;align-items:center}.lightbox{inset:0;margin:auto;padding:0;width:min(1400px,96%);max-width:none;max-height:94dvh;border:1px solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);overflow:auto}.lightbox::backdrop{background:var(--color-overlay)}.lightbox .box-top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;gap:16px}.box-top p{font-size:14px}.icon-button{width:44px;height:44px;min-width:44px;display:grid;place-items:center;font-size:24px;border:1px solid var(--color-rule);background:var(--color-panel)}.lightbox img{width:100%;max-height:72dvh;object-fit:contain;aspect-ratio:16/9}.box-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px}.box-count{font-size:13px;color:var(--color-muted)}.media-status{font-size:14px;padding:12px 16px}.media-status:empty{display:none}[data-state=loading]{cursor:progress}[data-state=error]{outline:1px solid var(--color-error)}[data-state=success]{outline-color:var(--color-action)}.no-js .filters{display:none}
@media(min-width:640px){.wrap{width:min(1240px,calc(100% - 64px))}.platform-grid,.requirements{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-content{padding-top:100px}.info-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.characters{grid-template-columns:repeat(3,minmax(0,1fr))}.character{display:block}.character-letter{margin-bottom:20px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:768px){.hero{min-height:600px}.hero h1 span{font-size:44px}.media-layout{grid-template-columns:minmax(0,1fr) 310px}.story{grid-template-columns:1fr 1.8fr}.split{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:220px minmax(0,1fr)}.side-toc{position:sticky;top:108px}.features{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-bar{display:none}.footer{padding-bottom:40px}.article-links{grid-template-columns:repeat(2,minmax(0,1fr))}.article-link{grid-template-columns:120px minmax(0,1fr)}}
@media(min-width:1024px){.nav{display:flex}.menu-toggle{display:none}.head-cta{margin-left:16px}.hero-art{object-position:center 42%}.info-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.hero-content{padding-bottom:52px}.section{padding:72px 0}}
@media(max-width:639px){.head-inner{gap:10px;min-height:68px}.brand strong{font-size:23px}.brand small{font-size:9px}.head-cta{display:none}.menu-toggle{margin-left:auto}.nav.open{top:68px}.hero{min-height:640px;align-items:flex-end}.hero-art{height:340px;object-position:55% center}.hero::before{background:linear-gradient(0deg,var(--color-paper),var(--color-clear));height:340px}.hero::after{background:linear-gradient(0deg,var(--color-paper),var(--color-clear))}.hero-content{padding:255px 0 28px}.hero-copy{font-size:16px;margin-top:20px}.hero h1{font-size:46px}.hero h1 span{font-size:29px}.hero-actions{gap:10px}.hero-actions .button{padding:12px 16px;font-size:14px;flex:1}.hero-facts{gap:8px 18px}.section{padding:44px 0}.section-head{display:block}.section-head>a{margin-top:12px}.feature{padding:20px 16px}.features{grid-template-columns:minmax(0,1fr)}.story-label{display:none}.gallery-grid{grid-template-columns:minmax(0,1fr)}.toc-grid{grid-template-columns:minmax(0,1fr)}.final-cta{display:block}.final-cta .button{margin-top:24px}.footer-top{display:block}.footer-links{margin-top:20px;gap:0 20px}.related{gap:0 16px}.footer a{font-size:12px}.article-link{grid-template-columns:100px minmax(0,1fr);gap:16px}.article-link h3{font-size:18px}.article-link p{font-size:13px}.platform{padding:24px}.lightbox{width:96%}.lightbox img{max-height:65dvh}.head-inner .mark{width:30px;height:36px}.shelf-aside{padding:24px}.info-strip{gap:20px}.section-head p{line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:active{transform:none}}

/* Keyboard and press feedback shared by non-CTA controls. */
a:active{opacity:.85}button:active,summary:active{background:var(--color-panel-high)}.filter[aria-pressed=true]{color:var(--color-accent-ink)}.hero-actions,.footer-links,.related{align-items:center}.prose{max-width:65ch}.nav a,.footer a,.side-toc a{line-height:1.4}.side-toc a{white-space:nowrap}.hero-content{padding-top:40px;padding-bottom:56px}@media(max-width:639px){.hero-content{padding-top:255px;padding-bottom:28px}}

.thumbs a{min-height:44px}