/* Hallmark · macrostructure: Workbench · tone: midnight game library · anchor hue: warm gold
 * genre: atmospheric · theme: custom · vibe: midnight armor compact launcher
 * paper: oklch(18.2% 0.004 80) · accent: oklch(77% 0.135 91)
 * fonts: Songti SC + PingFang SC · axes: dark / CJK serif / gold
 * audience: Chinese PC players · use: game information and acquisition
 * pre-emit critique: P4 H4 E4 S4 R5 V4 */
@import url('./tokens.579fd155d7.css');
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--color-paper);color:var(--color-ink);font:var(--text-base)/1.7 var(--font-body);padding-bottom:96px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-style:normal;overflow-wrap:anywhere;min-width:0;line-height:1.3}h1,h2{font-family:var(--font-display)}h1{font-size:var(--text-display);letter-spacing:.03em}h2{font-size:var(--text-xl);margin-bottom:var(--space-md)}h3{font-size:var(--text-lg)}p{color:var(--color-muted)}p+p{margin-top:var(--space-md)}a,button,summary{-webkit-tap-highlight-color:var(--color-clear)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}button:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed}button[data-state=loading]{cursor:wait}button[data-state=error]{border-color:var(--color-error)}button[data-state=success]{border-color:var(--color-success)}[hidden]{display:none!important}.skip{position:fixed;top:8px;left:8px;z-index:100;transform:translateY(-160%);background:var(--color-accent);color:var(--color-accent-ink);padding:12px}.skip:focus{transform:none}.sidebar{position:fixed;width:208px;inset:0 auto 84px 0;background:var(--color-shell);padding:28px 16px;z-index:30;border-right:1px solid var(--color-rule);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px}.brand img{width:44px;height:44px;border-radius:var(--radius-sm)}.brand strong{font-size:16px;display:block}.brand small{font-size:10px;letter-spacing:.1em;color:var(--color-muted)}.library-label{font-size:12px;margin:44px 12px 12px;color:var(--color-muted)}.nav-list{display:grid;gap:4px}.nav-list a{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 12px;border-left:2px solid var(--color-clear);font-size:14px;color:var(--color-muted);white-space:nowrap}.nav-list a[aria-current=page]{background:var(--color-panel-high);color:var(--color-ink);border-color:var(--color-accent);font-weight:600}.nav-list svg{width:18px;height:18px;flex:none}.library-game{display:flex;gap:12px;align-items:center;padding:16px 8px;margin-top:32px;border-top:1px solid var(--color-rule)}.library-game img{width:40px;height:40px;border-radius:var(--radius-sm)}.library-game span{font-size:13px}.library-game small{display:block;color:var(--color-muted);font-size:11px}.side-note{margin-top:auto;padding:24px 12px 0;font-size:12px;color:var(--color-muted)}.side-note a{display:inline-block;padding:10px 0;text-decoration:underline;text-underline-offset:2px}.shell{margin-left:208px}.topbar{height:72px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:var(--color-paper);border-bottom:1px solid var(--color-rule);font-size:13px}.crumbs{display:flex;gap:12px;align-items:center;color:var(--color-muted)}.crumbs a{display:flex;align-items:center;min-height:44px;white-space:nowrap}.crumbs span:last-child{color:var(--color-ink)}.toplinks{display:flex;gap:24px;align-items:center}.toplinks a{padding:12px 0;white-space:nowrap}.toplinks .gold{color:var(--color-accent)}main{max-width:1600px;margin:auto}.hero{position:relative;min-height:540px;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;background:var(--color-shell)}.hero-media{position:absolute;right:0;top:0;width:80%;height:100%;object-fit:cover;object-position:56% 25%;z-index:-3}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,var(--color-shell) 0%,var(--color-shade) 22%,var(--color-clear) 70%),linear-gradient(0deg,var(--color-shell),var(--color-clear) 75%)}.hero-copy{padding:64px 40px 40px;max-width:660px}.tagline{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;margin-bottom:20px}.tagline span{padding:3px 9px;background:var(--color-panel);border:1px solid var(--color-rule)}.original{display:block;font:16px/1.5 var(--font-body);letter-spacing:.15em;margin-top:12px;color:var(--color-muted)}.hero-copy>p{font-size:16px;max-width:370px;margin-top:20px;color:var(--color-ink)}.actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px}.btn{min-height:48px;padding:11px 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:600;white-space:nowrap;border:1px solid var(--color-rule);background:var(--color-panel);color:var(--color-ink);border-radius:var(--radius-sm);transition:transform var(--dur-press) var(--ease-out)}.btn.primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.btn svg{width:18px;height:18px}.btn:active,button:active{transform:translateY(1px)}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:2px;display:inline-block;min-height:44px;padding:10px 0}.hero-edition{position:absolute;right:28px;bottom:36px;font-size:12px;letter-spacing:.08em;color:var(--color-muted);writing-mode:vertical-rl}.info-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;background:var(--color-panel);padding:24px 40px}.info-strip dt{font-size:12px;color:var(--color-muted);margin-bottom:4px}.info-strip dd{margin:0;font-size:14px}.info-strip dl{margin:0}.content{padding:40px}.section{margin-bottom:56px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.section-head h2{margin-bottom:8px}.section-head p{font-size:14px}.section-head .text-link{flex:none}.media-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:32px}.feature-image{position:relative;display:block}.feature-image img{width:100%;aspect-ratio:16/9;object-fit:cover}.image-open{position:absolute;bottom:12px;right:12px;background:var(--color-shade);padding:5px 10px;font-size:12px}.thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.thumbs a{display:block;border:1px solid var(--color-rule);min-height:44px}.thumbs img{aspect-ratio:16/9;object-fit:cover;width:100%}.feature-copy{padding:16px 0}.feature-copy h3{margin-bottom:16px}.feature-copy>p{font-size:14px}.feature-list{list-style:none;margin:24px 0 8px;padding:0}.feature-list li{border-top:1px solid var(--color-rule);padding:14px 0}.feature-list strong{font-size:14px;display:block}.feature-list span{font-size:13px;color:var(--color-muted)}.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.chapter{background:var(--color-panel);padding:28px;position:relative;border-top:3px solid var(--color-wine)}.chapter:nth-child(2){border-top-color:var(--color-accent)}.chapter small{font-size:12px;color:var(--color-muted)}.chapter h3{margin:12px 0}.chapter p{font-size:14px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}.facts{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;font-size:14px;margin:0}.facts dt{color:var(--color-muted)}.facts dd{margin:0}.update{padding:20px 0;border-bottom:1px solid var(--color-rule)}.update:first-of-type{padding-top:0}.update div{display:flex;justify-content:space-between;gap:12px}.update time{font-size:12px;color:var(--color-muted)}.update p{font-size:14px;margin-top:8px}.small-note{font-size:12px;margin-top:16px}.faq details{border-bottom:1px solid var(--color-rule);padding:4px 0}.faq summary{font-size:15px;cursor:pointer;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:12px 0}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--color-accent);font-size:22px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;max-width:75ch;margin:0 32px 20px 0}.footer{border-top:1px solid var(--color-rule);padding:32px 40px 20px;display:grid;grid-template-columns:1fr auto;gap:24px}.footer .brand img{width:32px;height:32px}.footer p{font-size:12px;max-width:640px;margin-top:12px}.footer-links{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}.footer-links a{font-size:12px;white-space:nowrap;min-height:44px;display:flex;align-items:center}.dock{position:fixed;z-index:40;bottom:0;left:0;right:0;min-height:84px;background:var(--color-shell);border-top:1px solid var(--color-rule);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 32px}.dock-game{display:flex;align-items:center;gap:16px}.dock-game img{width:48px;height:48px}.dock-game strong{font-size:15px}.dock-game small{display:block;font-size:12px;color:var(--color-muted)}.dock-meta{font-size:12px;color:var(--color-muted);margin-left:auto;margin-right:16px}.page-heading{padding:40px 40px 0}.page-heading h1{font-size:clamp(28px,3vw,42px)}.page-heading p{margin-top:16px;max-width:75ch;font-size:15px}.page-heading .original{font-size:13px;letter-spacing:.08em}.download-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--color-panel);border:1px solid var(--color-rule);margin-bottom:40px}.download-cover{position:relative;min-height:300px}.download-cover img{height:100%;width:100%;object-fit:cover}.download-copy{padding:32px}.download-copy h2{font-family:var(--font-body);font-size:26px}.download-copy p{font-size:14px}.download-copy .tagline{margin-top:16px}.spec-table{border-collapse:collapse;width:100%;font-size:14px}.spec-table th,.spec-table td{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--color-rule)}.spec-table th{background:var(--color-panel);font-weight:500}.spec-table td:first-child{color:var(--color-muted);width:130px}.spec-table td{overflow-wrap:anywhere}.steps{list-style:none;padding:0;margin:0;counter-reset:step}.steps li{padding:20px 0 20px 48px;position:relative;border-bottom:1px solid var(--color-rule);counter-increment:step}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:20px;color:var(--color-accent);font-size:16px}.steps h3{font-size:16px;margin-bottom:8px}.steps p{font-size:14px}.guide-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:40px}.toc{align-self:start;position:sticky;top:100px;border-left:2px solid var(--color-rule);padding-left:16px;display:grid;font-size:13px}.toc strong{font-size:14px;margin-bottom:12px}.toc a{min-height:44px;padding:10px 0;white-space:nowrap;color:var(--color-muted)}.article{max-width:850px}.article section{scroll-margin-top:100px;margin-bottom:48px}.article p,.article li{font-size:15px}.article ul{color:var(--color-muted);padding-left:20px}.article li+li{margin-top:12px}.article code{overflow-wrap:anywhere;background:var(--color-panel);padding:4px 8px;font-family:var(--font-body);font-size:13px}.article kbd{padding:5px 9px;background:var(--color-panel-high);border:1px solid var(--color-rule);font:12px var(--font-body);white-space:nowrap}.callout{border-top:1px solid var(--color-rule);background:var(--color-panel);padding:20px 24px;margin:24px 0}.callout p{font-size:14px}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filter-bar button{background:var(--color-panel);color:var(--color-muted);border:1px solid var(--color-rule);min-height:44px;padding:8px 20px;font-size:14px;white-space:nowrap}.filter-bar button[aria-pressed=true]{color:var(--color-accent-ink);background:var(--color-accent);font-weight:600}.filter-count{font-size:12px;color:var(--color-muted);margin-left:auto}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.gallery-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.gallery-card figcaption{font-size:14px;padding:12px 0}.gallery-card small{display:block;font-size:12px;color:var(--color-muted);margin-top:4px}.gallery-card a{display:block}.lightbox{padding:0;border:1px solid var(--color-rule);background:var(--color-shell);color:var(--color-ink);width:min(1200px,95vw);max-height:95dvh}.lightbox::backdrop{background:var(--color-overlay)}.lightbox img{width:100%;height:auto;max-height:73dvh;object-fit:contain;aspect-ratio:16/9}.lightbox-controls{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:12px 16px}.lightbox-controls button{height:44px;min-width:44px;background:var(--color-panel);color:var(--color-ink);border:1px solid var(--color-rule)}.lightbox-caption{font-size:13px;padding:0 16px 12px;color:var(--color-muted)}.lightbox-status{font-size:12px}.lightbox[data-state=error] .lightbox-status{color:var(--color-error)}.lightbox[data-state=loading] img{opacity:.35}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.notfound{max-width:680px;margin:15vh auto;padding:24px}
@media(hover:hover){.btn:hover{border-color:var(--color-focus)}.btn.primary:hover{background:var(--color-focus)}.nav-list a:hover,.toc a:hover,.toplinks a:hover,.footer-links a:hover,.text-link:hover{color:var(--color-accent)}.feature-image:hover .image-open{background:var(--color-panel)}.thumbs a:hover{outline:2px solid var(--color-accent)}.filter-bar button:hover{border-color:var(--color-accent)}summary:hover{color:var(--color-accent)}}
@media(min-width:1600px){.hero{min-height:620px}.hero-copy{padding-bottom:60px}}
@media(max-width:1100px){.sidebar{width:176px;padding:24px 12px}.shell{margin-left:176px}.brand{gap:8px}.brand strong{font-size:14px}.brand img{width:36px;height:36px}.content{padding:32px}.hero-copy{padding-left:32px}.media-layout{grid-template-columns:minmax(0,1fr)}.feature-copy{padding:8px 0}.feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-list li{border:0}.guide-layout{grid-template-columns:150px minmax(0,1fr);gap:24px}.dock-meta{display:none}}
@media(max-width:800px){.sidebar{position:sticky;top:0;inset:auto;width:100%;padding:12px 20px 0;height:auto;border-right:0;border-bottom:1px solid var(--color-rule)}.sidebar>.brand{margin-bottom:12px}.sidebar .brand img{width:32px;height:32px}.sidebar .brand small{display:none}.library-label,.library-game,.side-note{display:none}.nav-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.nav-list a{justify-content:center;border-left:0;border-bottom:2px solid var(--color-clear);padding:8px 0;font-size:13px;min-height:44px;gap:6px}.nav-list a[aria-current=page]{background:var(--color-clear)}.nav-list svg{display:none}.shell{margin-left:0}.topbar{position:static;height:52px;padding:0 24px}.toplinks{display:none}.hero{min-height:500px}.hero-copy{padding:48px 24px 32px;max-width:620px}.hero-media{width:100%;object-position:65% 20%}.hero:before{background:linear-gradient(0deg,var(--color-shell),var(--color-shade) 15%,var(--color-clear) 85%),linear-gradient(90deg,var(--color-overlay),var(--color-clear))}.hero-edition{display:none}.info-strip{padding:20px 24px;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:32px 24px}.detail-grid{grid-template-columns:minmax(0,1fr);gap:32px}.page-heading{padding:32px 24px 0}.guide-layout{grid-template-columns:minmax(0,1fr);gap:32px}.toc{position:static;display:flex;flex-wrap:wrap;gap:4px 20px}.toc strong{width:100%;margin-bottom:0}.footer{padding:24px;grid-template-columns:minmax(0,1fr);gap:12px}.dock{padding:12px 20px;min-height:80px}.dock-game img{display:none}.dock-game strong{font-size:14px}.dock-game small{font-size:11px}.dock .btn{padding:12px 18px;font-size:13px}.download-panel{grid-template-columns:minmax(0,1fr)}.download-cover{min-height:0}.download-cover img{aspect-ratio:16/9;max-height:320px}.download-copy{padding:24px}}
@media(max-width:480px){body{padding-bottom:92px}.sidebar{padding:12px 16px 0}.topbar{padding:0 16px}.hero{min-height:480px}.hero-copy{padding:24px 20px}.hero-copy>p{font-size:14px;max-width:280px}.hero h1{font-size:40px}.original{font-size:12px;letter-spacing:.08em}.tagline{font-size:11px;margin-bottom:16px}.actions{gap:12px;margin-top:20px}.actions .btn{padding:10px 16px;font-size:13px}.actions .text-link{font-size:13px}.hero-media{object-position:61% 0}.content{padding:28px 20px}.section{margin-bottom:40px}.section-head{display:block;margin-bottom:20px}.section-head .text-link{margin-top:8px}.chapter-grid{grid-template-columns:minmax(0,1fr);gap:16px}.chapter{padding:24px}.feature-list{grid-template-columns:minmax(0,1fr);gap:0}.feature-list li{border-top:1px solid var(--color-rule)}.gallery-grid{grid-template-columns:minmax(0,1fr)}.filter-count{width:100%;margin-top:8px}.filter-bar button{padding:8px 16px}.page-heading{padding:28px 20px 0}.info-strip{padding:20px}.info-strip dd{font-size:12px}.spec-table{font-size:12px}.spec-table th,.spec-table td{padding:12px 7px}.spec-table td:first-child{width:62px}.dock{padding:12px 16px;gap:8px}.dock .btn{padding:11px 12px}.dock-game strong{font-size:13px}.dock-game small{max-width:130px;font-size:10px}.dock .btn svg{display:none}.lightbox-controls{padding:12px 8px}.lightbox-status{max-width:140px}.footer-links{gap:16px}h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.btn:hover,.btn:active,button:active{transform:none}}

a:active{opacity:.85}.filter-bar button:active{transform:translateY(1px)}
.download-cover{display:flex;align-items:center}.download-cover img{height:auto;aspect-ratio:16/9;object-fit:contain}