/* Hallmark · pre-emit critique: P4 H5 E4 S5 R5 V4
 * macrostructure: Workbench · H6 real screenshot with reading plate · nav: N7 · footer: Ft5
 * theme: industrial VN · paper: dark · display: Chinese heavy sans · accent: yellow
 * context: explicit user palette / system Chinese fonts / visual-novel dialogue dock
 */
:root{--color-paper:#111315;--color-panel:#1b1e22;--color-panel-2:#262b31;--color-rule:#4b5563;--color-ink:#f5f0e6;--color-muted:#b8bec8;--color-accent:#facc15;--color-accent-hover:#ffe369;--color-accent-ink:#111315;--color-washi:#f5f0e6;--color-washi-ink:#24212a;--color-washi-muted:#625b68;--color-seal:#b8322a;--color-pink:#e4aebc;--color-purple:#bcaacb;--color-error:#dc2626;--color-success:#91bbaa;--color-scrim:rgba(17,19,21,.92);--color-dialogue:rgba(17,19,21,.94);--color-transparent:transparent;--font-display:'PingFang SC','Microsoft YaHei',sans-serif;--font-body:'PingFang SC','Microsoft YaHei',sans-serif;--font-paper:'Songti SC','SimSun',serif;--space-unit:4px;--ease-out:cubic-bezier(.16,1,.3,1);--dur-micro:120ms;--z-sticky:200;--z-modal:400}
*{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:120px}body{overflow-x:clip;margin:0;background:var(--color-paper);color:var(--color-ink);font:400 16px/1.8 var(--font-body);padding-bottom:112px}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:var(--color-transparent)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:5px}h1,h2,h3{margin:0;font-family:var(--font-display);font-style:normal;line-height:1.25;overflow-wrap:anywhere;min-width:0}h1{font-weight:800;font-size:clamp(32px,4.8vw,64px);letter-spacing:-.04em}h2{font-size:clamp(26px,3vw,38px);font-weight:700}h3{font-size:22px}p{margin:0 0 20px;max-width:65ch}figure,dl{margin:0}dd{margin:0}ul,ol{padding-left:24px}.wrap{width:min(1280px,calc(100% - 32px));margin-inline:auto}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-muted);display:block;margin-bottom:16px}.accent{color:var(--color-accent)}.skip{position:fixed;top:-100px;left:16px;z-index:var(--z-modal);background:var(--color-accent);color:var(--color-accent-ink);padding:12px}.skip:focus{top:12px}.slab{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-paper);border-bottom:2px solid var(--color-rule)}.slab-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 0}.brand{display:flex;gap:10px;align-items:center;min-height:44px;text-decoration:none;font-size:14px;font-weight:800;letter-spacing:.04em;white-space:nowrap}.brand img{width:32px;height:32px}.brand small{font-size:10px;color:var(--color-muted);font-weight:400;display:block;line-height:1.1}.nav{display:flex;gap:0;flex-wrap:wrap;justify-content:space-between;flex-basis:100%}.nav a{font-size:13px;padding:10px 8px;min-height:44px;text-decoration:none;white-space:nowrap;border-bottom:2px solid var(--color-transparent)}.nav a[aria-current=page]{border-color:var(--color-accent);color:var(--color-accent)}.top-action{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;text-decoration:none;min-height:48px;padding:12px 18px;border:1px solid var(--color-rule);background:var(--color-panel);color:var(--color-ink);font-weight:700;font-size:14px;box-shadow:0 4px 0 var(--color-rule);transition:transform var(--dur-micro) var(--ease-out)}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--color-rule)}.btn:disabled,[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none}.btn[data-state=loading]{cursor:progress}.btn[data-state=error]{border-color:var(--color-error)}.btn[data-state=success]{border-color:var(--color-success)}.actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:24px}.hero{padding:24px 0 0}.hero-stage{display:grid;grid-template-columns:minmax(0,1fr);position:relative;background:var(--color-panel)}.hero-copy{padding:28px 24px 32px;position:relative;z-index:1}.hero-copy h1 span{display:block;color:var(--color-accent)}.hero-copy .original{font-size:13px;margin-top:20px;letter-spacing:.08em;color:var(--color-muted)}.hero-copy .lead{font-size:16px;line-height:1.9;margin-top:24px;max-width:30em}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tag{font-size:12px;border:1px solid var(--color-rule);padding:3px 10px;color:var(--color-muted);white-space:nowrap}.hero-image img{width:100%;aspect-ratio:16/9;object-fit:contain}.hero-image figcaption{padding:12px 16px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--color-muted)}.quick-rail{display:none}.hero-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;color:var(--color-muted);font-size:12px}.shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block:1px solid var(--color-rule);margin-top:12px}.shelf>div{padding:20px 12px;border-bottom:1px solid var(--color-rule)}.shelf dt{font-size:12px;color:var(--color-muted);margin-bottom:8px}.shelf dd{font-size:15px;line-height:1.5}.section{padding:56px 0}.section-head{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:28px}.section-head p{margin:0;color:var(--color-muted);font-size:14px}.section-head a{font-size:14px;min-height:44px;display:flex;align-items:center;white-space:nowrap}.section-head .eyebrow{margin-bottom:12px}.screens{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}.main-screen>a{display:block}.main-screen img{width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--color-panel)}.main-screen figcaption{font-size:14px;padding:12px 0;color:var(--color-muted)}.thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.thumbs a{display:block;border:2px solid var(--color-rule);position:relative;min-height:44px}.thumbs img{width:100%;aspect-ratio:16/9;object-fit:contain}.thumbs a[aria-current=true]{border-color:var(--color-accent)}.annotations{counter-reset:annotation}.annotation{padding:20px 0;border-bottom:1px solid var(--color-rule);display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;counter-increment:annotation}.annotation:before{content:counter(annotation,decimal-leading-zero);color:var(--color-accent);font-size:13px;padding-top:4px}.annotation h3{font-size:18px;margin-bottom:12px}.annotation p{font-size:14px;color:var(--color-muted);margin:0}.paper{background:var(--color-washi);color:var(--color-washi-ink);padding:32px 24px;position:relative}.paper .eyebrow{color:var(--color-washi-muted)}.paper h2{font-family:var(--font-paper);margin-bottom:24px;font-weight:700}.paper p{color:var(--color-washi-muted)}.seal{display:inline-block;padding:3px 10px;border:2px solid var(--color-seal);color:var(--color-seal);font-family:var(--font-paper);font-weight:700;font-size:13px;margin-bottom:28px}.cast{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:28px}.cast-card{border-top:2px solid var(--color-washi-ink);padding-top:16px}.cast-card img{width:100%;aspect-ratio:16/9;object-fit:contain;border:1px solid var(--color-washi-muted)}.cast-card h3{margin-top:20px;font-size:24px}.cast-card h3 small{font-size:12px;color:var(--color-washi-muted);font-family:var(--font-body);font-weight:400;display:block;margin-bottom:8px}.cast-card p{font-size:14px;margin-top:12px;margin-bottom:0}.cast-card:first-child h3 small{color:var(--color-seal)}.relation{margin-top:28px;border-top:1px solid var(--color-washi-muted);padding-top:20px;font-size:14px}.features{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.feature{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:24px 0;border-bottom:1px solid var(--color-rule)}.feature h3{font-size:21px}.feature p{margin:0;color:var(--color-muted);font-size:15px}.chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:32px}.chapter{padding:20px 16px;background:var(--color-panel);text-decoration:none}.chapter strong{display:block;font-size:18px;margin-bottom:10px}.chapter small{display:block;color:var(--color-muted);font-size:12px}.chapter span{display:block;color:var(--color-accent);font-size:12px;white-space:nowrap;margin-top:24px}.get{background:var(--color-panel);padding:28px 24px}.get-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}.get .title-img{width:280px;max-width:100%;margin-bottom:24px}.get h2{margin-bottom:20px}.get p{color:var(--color-muted);font-size:14px}.get .audience{margin:24px 0 0;font-size:12px}.notice{font-size:13px;color:var(--color-muted);margin:20px 0 0;max-width:65ch}.faq details{border-bottom:1px solid var(--color-rule)}.faq summary{display:flex;justify-content:space-between;gap:16px;padding:20px 0;font-size:16px;font-weight:600;cursor:pointer;list-style:none}.faq summary:after{content:'+';color:var(--color-accent);flex:none}.faq details[open] summary:after{content:'−'}.faq summary::-webkit-details-marker{display:none}.faq details p{font-size:14px;color:var(--color-muted);padding-bottom:20px;margin:0}.footer{border-top:2px solid var(--color-rule);padding:40px 0 32px}.footer-line{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,4vw,44px);line-height:1.35;max-width:23ch;margin-bottom:28px}.footer-meta{font-size:12px;color:var(--color-muted)}.footer-links,.related{display:flex;flex-wrap:wrap;gap:0 20px;margin:16px 0}.footer a{font-size:13px;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}.footer p{font-size:12px;color:var(--color-muted);margin-bottom:8px}.dock{position:fixed;inset:auto 0 0;z-index:var(--z-sticky);background:var(--color-dialogue);color:var(--color-ink);border-top:1px solid var(--color-rule);padding:10px 0 calc(10px + env(safe-area-inset-bottom))}.dock-inner{display:flex;gap:12px;align-items:center;justify-content:space-between}.dock-copy{min-width:0;line-height:1.5}.dock-copy small{display:block;font-size:10px;color:var(--color-accent);letter-spacing:.12em}.dock-copy b{font-size:13px;font-weight:400;display:block}.dock-copy span{font-size:10px;color:var(--color-muted);display:block}.dock .btn{font-size:12px;padding:10px 14px;min-height:44px}.dock-links{display:none}.crumb{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--color-muted);padding:24px 0 0}.crumb a{white-space:nowrap;min-height:44px;display:flex;align-items:center}.crumb span{display:flex;align-items:center}.page-title{padding:32px 0 48px}.page-title h1{font-size:clamp(30px,4vw,52px);margin-bottom:20px}.page-title p{color:var(--color-muted);font-size:15px}.req-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}.req{border-top:2px solid var(--color-accent);padding-top:20px}.req h3{margin-bottom:20px}.req dl>div{padding:12px 0;border-bottom:1px solid var(--color-rule)}.req dt{font-size:12px;color:var(--color-muted)}.req dd{font-size:14px;margin-top:4px}.steps{list-style:none;counter-reset:step;padding:0}.steps li{position:relative;padding:20px 0 20px 48px;border-bottom:1px solid var(--color-rule);counter-increment:step}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;color:var(--color-accent)}.steps h3{font-size:18px;margin-bottom:12px}.steps p{font-size:14px;color:var(--color-muted);margin:0}.article-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}.toc{align-self:start;background:var(--color-panel);padding:24px}.toc h2{font-size:16px;margin-bottom:16px}.toc a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:14px;white-space:nowrap}.article section{margin-bottom:48px}.article h2{font-size:28px;margin-bottom:20px}.article h3{font-size:19px;margin:28px 0 16px}.article p,.article li{color:var(--color-muted);font-size:15px}.article figure{margin-top:24px}.article figcaption{color:var(--color-muted);font-size:13px;padding-top:12px}.article .paper p{color:var(--color-washi-muted)}.controls{display:grid;grid-template-columns:minmax(0,1fr);margin:24px 0}.controls>div{border-bottom:1px solid var(--color-rule);padding:12px 0;display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px}.controls dt{color:var(--color-accent);font-size:14px}.controls dd{font-size:14px;color:var(--color-muted)}.filters{display:none;gap:12px;flex-wrap:wrap;margin-bottom:28px}.enhanced .filters{display:flex}.filter{background:var(--color-panel);color:var(--color-ink);border:1px solid var(--color-rule);padding:10px 18px;min-height:44px;font-size:14px;white-space:nowrap}.filter[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.gallery-count{color:var(--color-muted);font-size:13px}.gallery-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}.gallery-grid img{width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--color-panel)}.gallery-grid figcaption{font-size:14px;margin-top:12px}.gallery-grid small{display:block;color:var(--color-muted);font-size:12px}.lightbox{background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-rule);padding:16px;width:min(1280px,calc(100% - 24px));max-height:calc(100dvh - 24px)}.lightbox:not([open]){display:none}.lightbox::backdrop{background:var(--color-scrim)}.lb-bar,.lb-footer{display:flex;gap:12px;justify-content:space-between;align-items:center}.lb-bar p{font-size:13px;margin:0}.lightbox img{width:100%;object-fit:contain;max-height:65dvh;aspect-ratio:16/9;margin:16px 0}.icon-btn{width:44px;height:44px;background:var(--color-panel);color:var(--color-ink);border:1px solid var(--color-rule);flex:none}.lb-status{font-size:13px;color:var(--color-muted)}.lightbox[data-state=error]{border-color:var(--color-error)}.lightbox[data-state=success]{border-color:var(--color-success)}[hidden]{display:none!important}
@media(hover:hover){.btn:hover{background:var(--color-panel-2)}.btn-primary:hover{background:var(--color-accent-hover);color:var(--color-accent-ink)}.nav a:hover,.footer a:hover,.toc a:hover{color:var(--color-accent)}.thumbs a:hover{border-color:var(--color-accent)}.chapter:hover{background:var(--color-panel-2)}.filter:hover,.icon-btn:hover{border-color:var(--color-accent)}}
@media(min-width:40rem){.wrap{width:min(1280px,calc(100% - 64px))}.slab-inner{flex-wrap:nowrap;padding:16px 0}.nav{flex-basis:auto;justify-content:flex-end;gap:12px}.nav a{font-size:14px;padding-inline:10px}.hero-copy{padding:40px}.shelf{grid-template-columns:repeat(4,minmax(0,1fr))}.shelf>div{border-bottom:0}.cast{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.paper{padding:48px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.get{padding:40px}.get-grid{grid-template-columns:minmax(0,1fr) minmax(0,.65fr);align-items:center}.dock-copy b{font-size:16px}.dock-copy span{font-size:12px}.dock .btn{font-size:14px;padding:12px 20px}.req-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-layout{grid-template-columns:200px minmax(0,1fr)}.toc{position:sticky;top:112px}.feature{grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);gap:32px}.chapters{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:60rem){html{scroll-padding-top:100px}.hero{padding-top:32px}.top-action{display:inline-flex;font-size:12px;padding:8px 14px;min-height:44px}.nav{margin-left:auto;margin-right:20px}.hero-stage{min-height:600px;background:var(--color-panel)}.hero-image{grid-row:1;grid-column:1}.hero-image img{height:600px;object-fit:cover;object-position:70% center}.hero-image figcaption{position:absolute;right:24px;bottom:16px;background:var(--color-dialogue);padding:8px 12px}.hero-copy{grid-row:1;grid-column:1;max-width:480px;background:var(--color-dialogue);margin:24px;padding:40px 32px;align-self:start}.hero-copy h1{font-size:46px}.hero-copy .lead{font-size:15px;max-width:24em}.quick-rail{position:absolute;right:24px;top:24px;display:grid;gap:8px}.quick-rail a{background:var(--color-dialogue);padding:10px 16px;min-height:44px;text-decoration:none;white-space:nowrap;font-size:12px}.section{padding:72px 0}.section-head{flex-direction:row;justify-content:space-between;align-items:end}.section-head p{max-width:32em}.screens{grid-template-columns:minmax(0,.72fr) minmax(0,.28fr);gap:40px}.shelf{grid-template-columns:repeat(6,minmax(0,1fr))}.shelf>div{padding:20px 16px;border-right:1px solid var(--color-rule)}.shelf>div:last-child{border:0}.annotation:first-child{padding-top:0}.dock-links{display:flex;gap:24px;margin-left:auto;margin-right:32px}.dock-links a{display:flex;align-items:center;min-height:44px;font-size:12px;white-space:nowrap;text-decoration:none}.article-layout{grid-template-columns:240px minmax(0,1fr);gap:64px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-grid figure:first-child{grid-column:span 2}.gallery-grid figure:first-child img{max-height:460px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.btn:active{transform:none}}

.hero-copy h1 .original{display:block;font-weight:400;line-height:1.6;letter-spacing:.04em;color:var(--color-muted)}
/* Mobile reading order: title and acquisition first, screenshot second. */
.btn.top-action{display:none}.hero-copy{grid-row:1}.hero-image{grid-row:2}.footer-links,.related{align-items:center}button:active,summary:active{transform:translateY(2px)}button:disabled{opacity:.45;cursor:not-allowed}button[data-state=loading]{cursor:progress}button[data-state=error]{border-color:var(--color-error)}button[data-state=success]{border-color:var(--color-success)}
@media(min-width:60rem){.btn.top-action{display:inline-flex}.hero-image,.hero-copy{grid-row:1}}
@media(prefers-reduced-motion:reduce){button:active,summary:active{transform:none}}
@media(max-width:39.99rem){.hero-copy{padding:24px 20px 28px}.hero-copy .tag-row{margin-bottom:16px}.hero-copy .lead{margin-top:16px}.hero-copy .actions{margin-top:16px;gap:12px}.hero-copy .btn{font-size:12px;padding:10px 12px;gap:8px}.hero-copy .notice{font-size:11px}}