/* Hallmark · pre-emit critique: P5 H4 E5 S5 R5 V5 */
/* Hallmark · genre: editorial · macrostructure: Photographic · theme: Studio · enrichment: E8 verified reference artwork · nav: N6 (fixed masthead, issue-line above) · footer: Ft1 (2xl wordmark, inline links)
 * audience: ACG players seeking verified game information · use: begin safe download · tone: editorial
 * H6 knobs: image=full-bleed, caption=lower-left, text=overlaid · C4: always/viewport-bottom/hairline
 * contrast: pass (40–41) · slop: pass (42–45) · honest: pass (46) · tokens: pass (48) · mobile: pass (34,49–56) */
@import url("../../tokens.20260804.css");
*{box-sizing:border-box}html,body{margin:0;min-width:0;overflow-x:clip;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.72}body{padding-bottom:5rem}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{min-width:0;overflow-wrap:anywhere;font-family:var(--font-display);font-style:normal;font-weight:700;line-height:1.05;letter-spacing:-.028em}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-lg)}.wrap{width:min(calc(100% - 2.2rem),1160px);margin-inline:auto}.narrow{width:min(calc(100% - 2.2rem),760px)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;z-index:99;top:-4rem;left:var(--space-sm);padding:var(--space-sm);background:var(--color-accent);color:var(--color-accent-ink)}.skip:focus{top:var(--space-sm)}.masthead{position:fixed;z-index:30;top:0;left:0;width:100%;border-bottom:4px double var(--color-rule);background:color-mix(in oklch,var(--color-paper) 94%,transparent);backdrop-filter:blur(12px)}.mast-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-xs);width:min(calc(100% - 2.2rem),1160px);margin:auto;padding:var(--space-xs) 0}.issue-line{grid-column:1/-1;color:var(--color-muted);font-size:var(--text-xs);font-variant:small-caps;letter-spacing:.12em;text-align:center}.mast-brand{width:150px}.mast-brand img{width:100%;height:30px;object-fit:contain;object-position:left}.mast-menu{display:none}.menu-toggle{min-height:2.75rem;padding:0 var(--space-sm);border:var(--rule-hair) solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);white-space:nowrap}.nav-download{display:none}.page-main,.article-main{padding-top:9.25rem}.hero{position:relative;display:grid;min-height:100dvh;align-items:end;isolation:isolate;overflow:hidden}.hero-image,.hero-shade{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.hero-image{object-position:center}.hero-shade{z-index:-1;background:linear-gradient(90deg,var(--color-overlay),var(--color-hero-mid) 70%,var(--color-overlay))}.hero-copy{padding:10rem 0 var(--space-3xl);color:var(--color-accent-ink)}.hero-kicker,.overline{margin-bottom:var(--space-sm);color:var(--color-accent);font-size:var(--text-xs);font-weight:800;letter-spacing:.12em}.hero-kicker{color:var(--color-hero-kicker)}.hero h1{max-width:9ch;font-size:clamp(3.2rem,10vw,8.2rem)}.hero h1 span{display:block;margin-top:var(--space-sm);font-family:var(--font-body);font-size:var(--text-md);letter-spacing:0}.hero-lede{max-width:58ch;margin-top:var(--space-lg);font-size:var(--text-md)}.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px;margin:var(--space-xl) 0 0;border-top:var(--rule-hair) solid var(--color-hero-rule)}.hero-facts div{padding:var(--space-sm);border-right:var(--rule-hair) solid var(--color-hero-rule)}.hero-facts dt{font-size:var(--text-xs);color:var(--color-hero-label)}.hero-facts dd{margin:var(--space-2xs) 0 0;font-weight:800}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xl)}.button{display:inline-flex;min-height:3.1rem;align-items:center;justify-content:center;padding:0 var(--space-lg);border:var(--rule-hair) solid var(--color-ink);font-weight:800;white-space:nowrap;transition:transform var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.button.primary{position:relative;overflow:hidden;border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.button.primary:before{content:"";position:absolute;inset:-130% auto -130% -30%;width:18%;transform:rotate(18deg);background:var(--color-glint);animation:shine 3.6s var(--ease-in-out) infinite}.button.outline{border-color:var(--color-outline);color:var(--color-accent-ink)}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)}.button:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.info-band{border-bottom:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2)}.info-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;border-left:var(--rule-hair) solid var(--color-rule)}.info-grid>div{min-height:7.2rem;padding:var(--space-md);border-right:var(--rule-hair) solid var(--color-rule)}dt{color:var(--color-muted);font-size:var(--text-sm)}dd{margin:var(--space-xs) 0 0;font-weight:700}.pending{color:var(--color-muted);font-weight:500}.section{padding:var(--space-3xl) 0}.story-grid,.section-top{display:grid;gap:var(--space-xl)}.story-grid h2{max-width:12ch}.story-copy{display:grid;gap:var(--space-md);max-width:60ch;font-size:var(--text-md)}.feature-section{border-block:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2)}.feature-list{margin-top:var(--space-xl);border-top:var(--rule-hair) solid var(--color-rule)}.feature-list article{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:var(--space-md);padding:var(--space-lg) 0;border-bottom:var(--rule-hair) solid var(--color-rule);transition:transform var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.feature-list article:hover{transform:translateX(.35rem);background:var(--color-paper)}.feature-list span{grid-row:span 2;color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-xl)}.feature-list p{grid-column:2;color:var(--color-muted)}.section-top{align-items:end;margin-bottom:var(--space-xl)}.text-link{display:inline-flex;align-items:center;width:max-content;min-height:2.75rem;border-bottom:var(--rule-hair) solid var(--color-accent);color:var(--color-accent-strong);font-weight:800;white-space:nowrap}.gallery-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--space-sm)}.gallery-tile{position:relative;padding:0;border:0;background:var(--color-paper-3);cursor:zoom-in;overflow:hidden}.gallery-tile img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform var(--dur-med) var(--ease-out),filter var(--dur-med) var(--ease-out)}.gallery-tile:hover img{transform:scale(1.025);filter:brightness(1.08)}.download-ribbon,.final-cta{padding:var(--space-3xl) 0;background:var(--color-ink);color:var(--color-accent-ink)}.ribbon-inner{display:grid;gap:var(--space-lg)}.ribbon-inner h2,.final-cta h2{max-width:15ch}.ribbon-inner p:not(.overline),.final-cta p{max-width:60ch;margin-top:var(--space-md);color:var(--color-dark-muted)}.ribbon-inner .button{justify-self:start}.timeline{margin:var(--space-xl) 0 0;padding:0;list-style:none;border-top:var(--rule-hair) solid var(--color-rule)}.timeline li{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:var(--space-md);padding:var(--space-lg) 0;border-bottom:var(--rule-hair) solid var(--color-rule)}.timeline b{color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-lg)}.timeline span{color:var(--color-muted)}.fit-section{background:var(--color-paper-2)}.fit-grid,.platform-grid,.requirements,.guide-card-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--space-sm);margin-top:var(--space-xl)}.fit-grid article,.platform-card,.requirements article,.guide-card{padding:var(--space-lg);border-top:3px solid var(--color-accent);background:var(--color-paper)}.fit-grid p,.platform-card p,.guide-card p{margin-top:var(--space-sm);color:var(--color-muted)}.fit-grid small{display:block;margin-top:var(--space-xl);color:var(--color-accent);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em}.faq-list{margin-top:var(--space-xl);border-top:var(--rule-hair) solid var(--color-rule)}.faq-list details{border-bottom:var(--rule-hair) solid var(--color-rule)}.faq-list summary{display:flex;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) 0;cursor:pointer;font-weight:800;list-style:none}.faq-list summary:after{content:"+";color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-lg)}.faq-list details[open] summary:after{content:"−"}.faq-list details>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-med) var(--ease-out)}.faq-list details[open]>div{grid-template-rows:1fr}.faq-list details>div p{min-height:0;overflow:hidden;padding:0 0 var(--space-lg);color:var(--color-muted)}.reading-section{border-top:var(--rule-hair) solid var(--color-rule)}.reading-links{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xl)}.reading-links a{padding:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);font-size:var(--text-sm);font-weight:700;white-space:nowrap}.reading-links a:hover{background:var(--color-paper-2)}.final-cta small{display:block;margin-top:var(--space-lg);color:var(--color-dark-dim)}.site-footer{padding:var(--space-2xl) 0 calc(var(--space-2xl) + 2rem);border-top:4px double var(--color-rule)}.footer-main{display:grid;gap:var(--space-xl)}.footer-logo{width:180px;height:36px;object-fit:contain;object-position:left}.footer-main p{max-width:45ch;margin-top:var(--space-md);color:var(--color-muted);font-size:var(--text-sm)}.footer-main h2{font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:0}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.footer-links a{white-space:nowrap}.footer-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-xl);padding-top:var(--space-sm);border-top:var(--rule-hair) solid var(--color-rule);color:var(--color-muted)}.sticky-download{position:fixed;z-index:32;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:4rem;padding:var(--space-xs) max(var(--space-sm),env(safe-area-inset-left));border-top:var(--rule-hair) solid var(--color-rule);background:color-mix(in oklch,var(--color-paper) 96%,transparent);backdrop-filter:blur(12px)}.sticky-download span{overflow:hidden;color:var(--color-muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.sticky-download a{display:inline-flex;min-height:2.75rem;align-items:center;padding:0 var(--space-md);background:var(--color-accent);color:var(--color-accent-ink);font-weight:800;white-space:nowrap}.page-intro{padding-bottom:var(--space-2xl)}.page-intro h1{max-width:12ch}.page-intro p:last-child{max-width:65ch;margin-top:var(--space-lg);font-size:var(--text-md);color:var(--color-muted)}.gallery-page{padding-bottom:var(--space-3xl)}.tabs{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-xl)}.tab{min-height:2.75rem;padding:0 var(--space-sm);border:var(--rule-hair) solid var(--color-rule);background:transparent;color:var(--color-ink);font-weight:700;white-space:nowrap}.tab.active,.tab:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.empty-gallery{margin-top:var(--space-lg);color:var(--color-muted)}.platform-grid{margin-top:0;padding-bottom:var(--space-3xl)}.platform-card{min-height:16rem}.platform-card .button{margin-top:var(--space-lg)}.platform-card.available{background:var(--color-paper-2)}.steps{display:grid;gap:0;margin:var(--space-xl) 0 0;padding:0;list-style:none;border-top:var(--rule-hair) solid var(--color-rule)}.steps li{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:var(--space-md);padding:var(--space-lg) 0;border-bottom:var(--rule-hair) solid var(--color-rule)}.steps b{color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-xl)}.steps p{margin-top:var(--space-xs);color:var(--color-muted)}.requirement-section{background:var(--color-paper-2)}.requirements article{border-top-color:var(--color-ink)}.requirements dl{margin-top:var(--space-lg)}.requirements div{padding:var(--space-sm) 0;border-top:var(--rule-hair) solid var(--color-rule)}.note{margin-top:var(--space-lg);color:var(--color-muted);font-size:var(--text-sm)}.guide-card-grid{margin-top:0;padding-bottom:var(--space-3xl)}.guide-card span{color:var(--color-accent);font-size:var(--text-xs);font-weight:800;letter-spacing:.1em}.guide-card .text-link{margin-top:var(--space-lg)}.guide-layout{display:grid;gap:var(--space-xl);padding:var(--space-3xl) 0;border-top:var(--rule-hair) solid var(--color-rule)}.guide-toc{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-content:start}.guide-toc a{padding:var(--space-xs);border-bottom:var(--rule-hair) solid var(--color-rule);font-weight:700;white-space:nowrap}.guide-prose{display:grid;gap:var(--space-2xl);max-width:68ch}.guide-prose article{scroll-margin-top:9rem}.guide-prose p{margin-top:var(--space-md)}.guide-prose ol,.guide-prose ul{padding-left:1.25rem}.guide-prose li{margin-top:var(--space-xs)}table{border-collapse:collapse;width:100%;margin-top:var(--space-lg)}th,td{padding:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);text-align:left;vertical-align:top}.article-main{padding-bottom:var(--space-3xl)}.article-main article{max-width:68ch}.article-main h1{max-width:15ch}.direct-answer{margin-top:var(--space-lg);padding:var(--space-lg);border-left:4px solid var(--color-accent);background:var(--color-paper-2);font-size:var(--text-md)}.article-main h2{margin-top:var(--space-2xl);font-size:var(--text-xl)}.article-main p:not(.overline):not(.direct-answer){margin-top:var(--space-md)}.article-table{margin-top:var(--space-lg)}.article-links{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xl)!important}.article-links a{border-bottom:var(--rule-hair) solid var(--color-accent);font-weight:800;white-space:nowrap}.article-related{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:var(--rule-hair) solid var(--color-rule)}.lightbox{width:min(calc(100% - 1.5rem),72rem);padding:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);background:var(--color-paper);color:var(--color-ink)}.lightbox::backdrop{background:var(--color-overlay)}.lightbox figure{margin:var(--space-sm) 0}.lightbox img{width:100%;max-height:72dvh;object-fit:contain}.lightbox figcaption{margin-top:var(--space-xs);color:var(--color-muted);text-align:center}.lightbox button{min-height:2.75rem;padding:0 var(--space-sm);border:var(--rule-hair) solid var(--color-rule);background:var(--color-paper);font-weight:700}.lightbox-close{float:right}.lightbox-prev{float:left}.lightbox-next{float:right}@keyframes shine{0%,18%{transform:translateX(-280%) rotate(18deg)}48%,100%{transform:translateX(850%) rotate(18deg)}}@media(min-width:40rem){.mast-inner{grid-template-columns:auto minmax(0,1fr) auto}.issue-line{grid-column:1/-1}.mast-brand{width:180px}.menu-toggle{display:none}.mast-menu{display:flex;justify-content:center;gap:clamp(var(--space-sm),2.6vw,var(--space-lg))}.mast-menu a{font-size:var(--text-sm);font-weight:700;white-space:nowrap}.nav-download{display:inline-flex;min-height:2.5rem;align-items:center;padding:0 var(--space-md);background:var(--color-accent);color:var(--color-accent-ink);font-size:var(--text-sm);font-weight:800;white-space:nowrap}.story-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.section-top{grid-template-columns:minmax(0,1fr) auto}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fit-grid,.platform-grid,.requirements,.guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-main{grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr) minmax(0,1fr)}.guide-layout{grid-template-columns:13rem minmax(0,1fr)}.guide-toc{position:sticky;top:7.5rem;display:grid}.full{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:60rem){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.full{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-list article{grid-template-columns:7rem minmax(0,.72fr) minmax(0,1fr);align-items:baseline}.feature-list p{grid-column:3}.ribbon-inner{grid-template-columns:minmax(0,1fr) auto;align-items:end}.fit-grid,.platform-grid,.requirements,.guide-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:39.99rem){.masthead{border-bottom-width:1px}.mast-menu.open{position:absolute;top:100%;right:1.1rem;left:1.1rem;display:grid;padding:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);background:var(--color-paper);box-shadow:0 10px 30px var(--color-nav-shadow)}.mast-menu a{min-height:2.75rem;display:flex;align-items:center;font-weight:800}.hero-facts{grid-template-columns:1fr}.hero-facts div{border-bottom:var(--rule-hair) solid var(--color-hero-rule)}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-grid>div:last-child{grid-column:span 2}.sticky-download span{max-width:52%}th,td{display:block;border-bottom:0}.article-table thead{display:none}.article-table tr{display:block;margin-top:var(--space-sm);border:var(--rule-hair) solid var(--color-rule)}.article-table th:before{content:"步骤 ";color:var(--color-muted)}.article-table td{padding-top:0}.article-main h1{font-size:clamp(2.5rem,12vw,4rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.hero-shade{background:linear-gradient(90deg,var(--color-hero-start) 0%,var(--color-hero-mid) 48%,var(--color-hero-end) 100%)}.hero-copy{position:relative;isolation:isolate}.hero-copy:before{content:"";position:absolute;z-index:-1;inset:calc(var(--space-lg) * -1) calc(var(--space-xl) * -1);background:linear-gradient(90deg,var(--color-hero-start),transparent 88%);pointer-events:none}.button:disabled,.tab:disabled,.menu-toggle:disabled{cursor:not-allowed;opacity:.55;transform:none}