/* Hallmark · pre-emit critique: P4 H5 E4 S5 R5 V4
 */
/* Hallmark · macrostructure: Narrative Workflow · theme: custom · nav: N6 · footer: Ft4
 * vibe: 教会暗影 章节导览 工业操作 和纸阅读 · axes: dark / roman-Chinese-serif / yellow
 * enrichment: official town scene and cropped portraits · user-required system Chinese fonts
 */
:root{--color-paper:#111315;--color-paper-2:#202327;--color-ink:#F5F0E6;--color-ink-2:#bdc0c6;--color-rule:#4B5563;--color-accent:#FACC15;--color-accent-ink:#111315;--color-focus:#FACC15;--color-error:#DC2626;--color-success:#88bb97;--color-washi:#F5F0E6;--color-washi-ink:#242126;--color-washi-muted:#57515e;--color-washi-rule:#c8c0b7;--color-pink:#ead9df;--color-purple:#312837;--color-overlay:rgba(17,19,21,.9);--color-clear:transparent;--font-display:"Songti SC","STSong","Noto Serif CJK SC",serif;--font-body:"PingFang SC","Microsoft YaHei","Heiti SC",sans-serif;--font-mono:ui-monospace,"SFMono-Regular",Consolas,monospace;--space-section:88px}
*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:116px}body{margin:0;background:var(--color-paper);color:var(--color-ink);font:16px/1.8 var(--font-body)}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3{font-family:var(--font-display);font-style:normal;line-height:1.25;font-weight:700;overflow-wrap:anywhere;min-width:0}h1{font-size:clamp(36px,5vw,72px);margin:16px 0 20px;letter-spacing:-.03em}h2{font-size:clamp(28px,3.5vw,44px);margin:8px 0 24px}h3{font-size:24px;margin:8px 0 12px}p{margin:0 0 18px}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}a:hover{text-decoration-color:var(--color-accent)}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.skip{position:fixed;top:-80px;left:10px;background:var(--color-accent);color:var(--color-paper);z-index:50;padding:10px}.skip:focus{top:10px}.mast{position:sticky;top:0;z-index:10;background:var(--color-paper);border-bottom:5px double var(--color-rule);text-align:center}.mast-top{display:flex;justify-content:space-between;align-items:center;padding:12px 0 4px;font:11px var(--font-mono);letter-spacing:.08em;color:var(--color-ink-2)}.mast-brand{font:700 24px var(--font-display);color:var(--color-ink);text-decoration:none;display:inline-flex;align-items:center;gap:12px}.mast-brand img{width:25px;height:25px}.mast nav{display:flex;justify-content:center;gap:32px;padding:8px 0 12px;flex-wrap:wrap}.mast nav a{font-size:14px;text-decoration:none;white-space:nowrap}.mast nav a[aria-current=page]{color:var(--color-accent)}.eyebrow{font:12px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-2)}.hero{position:relative;padding:40px 0 64px;isolation:isolate}.hero-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center}.hero h1 small{display:block;font:14px/1.7 var(--font-body);letter-spacing:0;margin-top:16px;color:var(--color-ink-2)}.hero .intro{font-size:17px;max-width:33em;color:var(--color-ink-2)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.tag{font-size:12px;padding:3px 9px;border:1px solid var(--color-rule)}.release-mark{border-left:3px solid var(--color-accent);padding-left:16px;margin:24px 0;line-height:1.6}.release-mark b{font-size:22px}.release-mark span{display:block;color:var(--color-ink-2);font-size:13px}.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:46px;padding:10px 20px;border:1px solid var(--color-rule);text-decoration:none;font:600 14px/1.5 var(--font-body);background:var(--color-paper-2);color:var(--color-ink);box-shadow:3px 4px 0 var(--color-rule);white-space:nowrap;transition:background 120ms,transform 120ms,box-shadow 120ms}.btn.primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.btn:hover{background:var(--color-rule)}.btn.primary:hover{background:color-mix(in oklch,var(--color-accent) 85%,var(--color-ink))}.btn:active{transform:translateY(2px);box-shadow:3px 2px 0 var(--color-rule)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none}.btn[data-state=loading]{cursor:wait}.btn[data-state=error]{border-color:var(--color-error)}.btn[data-state=success]{border-color:var(--color-success)}.hero-media{margin:0;position:relative}.hero-media:before{content:"";position:absolute;inset:-16px 22px 16px -16px;border:1px solid var(--color-rule);z-index:-1}.scene{border:1px solid var(--color-rule);background:var(--color-paper-2)}.scene img{width:100%;aspect-ratio:16/9;object-fit:contain}.scene a{display:block}.scene-caption{display:flex;gap:16px;justify-content:space-between;font-size:12px;color:var(--color-ink-2);padding:12px 0}.dialogue{margin-top:12px;background:var(--color-overlay);border:1px solid var(--color-rule);padding:16px 24px;position:relative}.nameplate{font-size:12px;background:var(--color-paper-2);border:1px solid var(--color-rule);display:inline-block;padding:1px 12px;position:absolute;top:-14px;left:20px}.dialogue p{font-family:var(--font-display);font-size:17px;margin:6px 0 0}.quickbar{display:flex;justify-content:flex-end;gap:24px;font:11px var(--font-mono);margin-top:14px}.quickbar a{text-decoration:none;white-space:nowrap}.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);padding:22px 0;gap:24px}.facts dt{font-size:12px;color:var(--color-ink-2)}.facts dd{margin:8px 0 0;font-size:14px}.chapter-nav{display:flex;flex-wrap:wrap;gap:12px;padding:24px 0 32px}.chapter-nav a{font-size:13px;white-space:nowrap;text-decoration:none;padding:8px 12px;background:var(--color-paper-2)}.paper{background:var(--color-washi);color:var(--color-washi-ink)}.paper .eyebrow{color:var(--color-washi-muted)}.paper a:focus-visible{outline-color:var(--color-washi-ink)}.chapter{padding:var(--space-section) 0}.section-head{display:grid;grid-template-columns:130px minmax(0,1fr);gap:28px;align-items:start;margin-bottom:32px}.section-number{font:700 64px/1 var(--font-display);color:var(--color-washi-muted);border-top:3px solid var(--color-washi-ink);padding-top:12px}.dark .section-number{color:var(--color-ink-2);border-color:var(--color-rule)}.section-head p{max-width:46em;color:var(--color-washi-muted)}.dark .section-head p{color:var(--color-ink-2)}.story-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px}.story-copy{max-width:44em}.quote{font-family:var(--font-display);font-size:28px;line-height:1.6;border-left:3px solid var(--color-washi-ink);padding-left:24px;margin:28px 0}.mechanics{margin:0}.mechanics div{padding:20px 0;border-top:1px solid var(--color-washi-rule)}.mechanics dt{font-weight:700;font-size:18px}.mechanics dd{margin:8px 0 0;color:var(--color-washi-muted)}.gallery-preview{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:28px;align-items:start}.gallery-main{margin:0}.gallery-main img{width:100%;border:1px solid var(--color-rule)}.gallery-main figcaption{padding-top:12px;font-size:13px;color:var(--color-ink-2)}.portrait-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.portrait-rail img{width:100%;aspect-ratio:1;object-fit:cover}.portrait-rail figure{margin:0}.portrait-rail figcaption{font-size:11px;padding-top:10px}.gallery-side p{font-size:14px;color:var(--color-ink-2);margin:24px 0}.cast{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.cast article{border-top:3px solid var(--color-washi-ink)}.cast-top{display:flex;gap:20px;align-items:center;padding:24px 0}.cast-top img{width:88px;height:88px;object-fit:cover;border:1px solid var(--color-washi-rule)}.cast h3{font-size:23px}.cast p{font-size:14px}.cast .original{color:var(--color-washi-muted);font-size:12px}.get-strip{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:60px;padding:36px;border:1px solid var(--color-rule);background:var(--color-paper-2)}.get-strip h3{font-size:32px}.get-strip p{font-size:14px;color:var(--color-ink-2)}details{border-top:1px solid var(--color-rule);padding:18px 0}details:last-child{border-bottom:1px solid var(--color-rule)}summary{cursor:pointer;font-weight:600;list-style-position:inside}details p{margin:18px 24px 6px;color:var(--color-ink-2);max-width:65ch}.paper details{border-color:var(--color-washi-rule)}.paper details p{color:var(--color-washi-muted)}.colophon{padding:48px 0 110px;border-top:5px double var(--color-rule);font-size:12px;color:var(--color-ink-2)}.colophon .foot-title{font:700 24px var(--font-display);color:var(--color-ink)}.foot-links{display:flex;flex-wrap:wrap;gap:10px 24px;margin:20px 0}.foot-links a{white-space:nowrap}.legal{max-width:80ch}.dock{position:fixed;bottom:0;left:0;right:0;z-index:12;border-top:1px solid var(--color-rule);background:var(--color-overlay);backdrop-filter:blur(8px);padding:12px 0 calc(12px + env(safe-area-inset-bottom))}.dock-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.dock-note{font-size:13px}.dock-note b{font-weight:500;color:var(--color-accent);margin-left:16px}.dock .btn{min-height:40px;padding:8px 18px}.crumb{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0;font-size:12px;color:var(--color-ink-2)}.crumb a{white-space:nowrap}.page-heading{max-width:850px;margin:44px 0 52px}.page-heading h1{font-size:clamp(32px,4.4vw,58px)}.page-heading p{color:var(--color-ink-2);max-width:60ch}.page-content{padding:52px 0 72px}.page-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:60px}.toc{align-self:start;position:sticky;top:140px;border-top:3px solid var(--color-washi-ink);padding-top:16px}.toc a{display:block;font-size:14px;margin:12px 0;white-space:nowrap}.prose{max-width:780px}.prose section{margin-bottom:60px}.prose p,.prose li{max-width:65ch}.prose li{margin-bottom:12px}.spec{width:100%;border-collapse:collapse;font-size:14px}.spec th,.spec td{text-align:left;padding:16px 8px;border-bottom:1px solid var(--color-washi-rule);vertical-align:top}.spec th{width:30%}.notice{border-left:3px solid var(--color-accent);background:var(--color-paper-2);padding:24px 28px;margin:28px 0;color:var(--color-ink)}.notice p{margin:0;color:var(--color-ink-2)}.gallery-tools{display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap}.gallery-tools button{background:var(--color-paper-2);color:var(--color-ink);border:1px solid var(--color-rule);padding:8px 20px;font-size:14px;min-height:44px}.gallery-tools button[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-bottom:70px}.gallery-grid figure{margin:0;min-width:0}.gallery-grid figure:first-child{grid-column:1/-1}.gallery-grid figure:first-child img{width:100%;max-height:600px;object-fit:contain;background:var(--color-paper-2)}.gallery-grid figure img{width:100%;border:1px solid var(--color-rule)}.gallery-grid figcaption{padding:14px 0;font-size:14px}.gallery-grid figcaption span{display:block;color:var(--color-ink-2);font-size:12px}dialog{width:min(1100px,96vw);max-height:94dvh;border:1px solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);padding:20px}dialog::backdrop{background:var(--color-overlay)}.lightbox-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.lightbox-top button,.lightbox-bottom button{background:var(--color-paper-2);color:var(--color-ink);border:1px solid var(--color-rule);padding:8px 16px;min-height:44px}.lightbox-image{width:100%;height:min(65dvh,650px);object-fit:contain}.lightbox-bottom{display:flex;gap:16px;justify-content:center;margin-top:16px}.lightbox-status{text-align:center;font-size:12px;color:var(--color-ink-2);min-height:24px}.lightbox-status[data-state=error]{color:var(--color-error)}[hidden]{display:none!important}
@media(min-width:1440px){.hero{padding-top:56px;padding-bottom:80px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero-grid{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero h1{font-size:48px}.hero h1 small{font-size:12px}.story-grid{gap:32px}.cast{gap:20px}.cast-top{display:block}.cast-top img{margin-bottom:16px}.page-layout{grid-template-columns:180px minmax(0,1fr);gap:32px}.get-strip{gap:28px;padding:24px}.dock-note b{display:none}}
@media(max-width:680px){:root{--space-section:56px}html{scroll-padding-top:115px}.wrap{width:calc(100% - 32px)}.mast-top{padding-top:10px}.mast-top>span:first-child{font-size:9px}.mast-top>span:last-child{display:none}.mast-brand{font-size:22px}.mast nav{gap:24px;padding:12px 0;font-size:13px}.hero{padding:28px 0 36px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}.hero h1{font-size:44px}.hero h1 small{font-size:12px}.hero .intro{font-size:15px}.release-mark{margin:18px 0}.actions{gap:12px}.btn{padding:10px 14px;font-size:13px}.hero-media:before{inset:-10px 12px 10px -10px}.scene-caption{font-size:11px}.dialogue{padding:14px 18px}.dialogue p{font-size:15px}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:20px 0}.chapter-nav{gap:8px}.chapter-nav a{font-size:12px;padding:7px 9px}.section-head{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:24px}.section-number{font-size:36px;display:flex;align-items:center;gap:16px;padding-top:10px}.section-head h2{margin-bottom:16px}.story-grid,.gallery-preview,.get-strip,.page-layout{grid-template-columns:minmax(0,1fr);gap:28px}.quote{font-size:24px}.cast{grid-template-columns:minmax(0,1fr);gap:24px}.cast-top{display:flex;padding:20px 0}.cast-top img{margin-bottom:0}.cast article>p{margin-bottom:16px}.get-strip{padding:24px}.get-strip h3{font-size:28px}.dock{padding:10px 0 calc(10px + env(safe-area-inset-bottom))}.dock-note{font-size:12px}.dock-inner{gap:8px}.dock .btn{font-size:12px;padding:8px 12px}.page-heading{margin:28px 0 36px}.page-heading h1{font-size:36px}.page-heading p{font-size:15px}.page-content{padding:36px 0 56px}.toc{position:static}.toc a{display:inline-block;margin:8px 20px 8px 0}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gallery-grid figure:first-child{grid-column:1/-1}.gallery-grid figcaption{font-size:12px}.gallery-grid figcaption span{font-size:11px}.colophon{padding-bottom:106px}.spec th{width:28%}.spec th,.spec td{padding:12px 6px}.notice{padding:20px}.foot-links{gap:12px 20px}details p{margin:18px 0 6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}