/* Hallmark · pre-emit critique: P4 H5 E4 S5 R5 V4 */
/* Hallmark · macrostructure: Split Studio · genre: atmospheric · theme: custom summer projection · nav: N5 · footer: Ft2 · enrichment: creator scene diptychs
 * User-specified coal/yellow + paper reading surface, system Chinese serif/sans override catalog font rule; no all-gates-pass claim. */
:root{--coal:#111315;--gun:#4B5563;--yellow:#FACC15;--red:#DC2626;--paper:#F5F0E6;--ink:#252628;--muted:#a9afb7;--rule:#34383d;--paper-rule:#d6d0c5;--secondary:#59606a;--scene-overlay:rgba(17,19,21,.9);--shade:rgba(17,19,21,.65);--clear:rgba(17,19,21,0);--pink:#f1d8df;--lavender:#ded8ed;--green:#b9ddbd;--font-body:'PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif;--font-display:'Songti SC','STSong','SimSun',serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--page:1280px}
*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--coal);color:var(--paper);font:16px/1.8 var(--font-body);padding-bottom:88px}h1,h2,h3,p,figure,ul,dl{margin:0}h1,h2,h3{font-style:normal;line-height:1.22;overflow-wrap:anywhere;min-width:0}h1,h2{font-family:var(--font-display);font-weight:700}h2{font-size:clamp(30px,3vw,48px)}h3{font-size:22px}p{max-width:65ch}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{font:inherit;cursor:pointer}a,button,summary{touch-action:manipulation}button:disabled,[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}a:active,button:active{transform:translateY(2px)}[data-state=loading]{cursor:progress}[data-state=error]{outline:2px solid var(--red)}[data-state=success]{outline-color:var(--green)}.skip{position:fixed;top:0;left:16px;transform:translateY(-120%);background:var(--yellow);color:var(--coal);padding:8px 16px;z-index:100}.skip:focus{transform:none}.wrap{max-width:var(--page);margin:auto;padding:0 var(--space-2xl)}.eyebrow{font-size:12px;letter-spacing:.12em;line-height:1.5;font-weight:600;color:var(--muted)}.label{display:inline-block;font-size:12px;letter-spacing:.08em;font-weight:600;margin-bottom:var(--space-md)}.accent{color:var(--yellow)}.muted{color:var(--muted)}.small{font-size:13px}.nav-pill{position:fixed;z-index:30;left:50%;top:20px;transform:translateX(-50%);display:flex;align-items:center;gap:24px;padding:8px 12px 8px 16px;border:1px solid var(--rule);border-radius:999px;background:var(--scene-overlay);max-width:calc(100% - 24px);box-shadow:0 8px 24px var(--shade)}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px;font-weight:700;line-height:1}.brand img{width:28px;height:28px;border-radius:50%}.nav-links{display:flex;align-items:center;gap:24px;list-style:none;padding:0;line-height:1;white-space:nowrap;font-size:13px}.nav-links a{display:block;padding:12px 0}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--yellow)}.nav-download{font-size:12px;color:var(--coal);background:var(--yellow);padding:12px 16px;border-radius:999px;white-space:nowrap;line-height:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 24px;border:1px solid var(--paper);font-size:14px;font-weight:600;line-height:1;white-space:nowrap;background:none;color:inherit;box-shadow:3px 3px 0 var(--gun);transition:background-color .12s,color .12s}.btn:hover{background:var(--paper);color:var(--coal)}.btn:active{box-shadow:1px 1px 0 var(--gun);transform:translateY(2px)}.btn.primary{background:var(--yellow);color:var(--coal);border-color:var(--yellow)}.btn.primary:hover{background:var(--paper);border-color:var(--paper)}.btn.dark{border-color:var(--ink);color:var(--ink)}.btn.dark:hover{background:var(--ink);color:var(--paper)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:32px}.hero{padding-top:144px;position:relative}.hero-grid{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);align-items:center;gap:48px;min-height:470px}.hero h1{font-size:clamp(52px,5.5vw,82px);letter-spacing:-.04em;margin-top:24px}.hero h1 span{display:block;font-size:.54em;letter-spacing:.02em;margin-top:12px}.original{display:block;font-family:var(--font-body);font-size:12px;font-weight:400;letter-spacing:.02em;color:var(--muted);margin-top:24px;line-height:1.7}.hero-lede{margin-top:24px;color:var(--muted);font-size:16px;max-width:32ch}.hero-scene{position:relative;padding-bottom:24px}.hero-scene>a{display:block;overflow:clip}.hero-scene img{aspect-ratio:16/9;object-fit:cover}.scene-tag{position:absolute;right:-16px;bottom:0;padding:8px 24px;background:var(--pink);color:var(--ink);font-size:13px;box-shadow:4px 4px 0 var(--gun)}.hero-scene:before{content:'';position:absolute;width:36%;height:40px;background-image:radial-gradient(var(--gun) 1px, var(--clear) 1px);background-size:6px 6px;top:-24px;right:16px;z-index:-1}.hero-dialogue{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:32px 0 0;padding:24px 32px;border:1px solid var(--rule);background:var(--scene-overlay);position:relative}.name-tag{position:absolute;top:-16px;left:24px;background:var(--lavender);color:var(--ink);font-size:12px;font-weight:700;padding:2px 16px}.hero-dialogue p{font-size:14px;color:var(--muted);max-width:68ch}.quick-links{display:flex;align-items:center;gap:20px;font-size:12px;white-space:nowrap;line-height:1}.quick-links a:hover{color:var(--yellow)}.hero-info{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,.8fr) minmax(0,1.5fr) minmax(0,1fr);gap:24px;padding:32px 0 48px}.hero-info dt{font-size:11px;color:var(--muted);margin-bottom:8px}.hero-info dd{margin:0;font-size:14px;line-height:1.5}.paper{background:var(--paper);color:var(--ink)}.section{padding-top:80px;padding-bottom:80px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:32px}.section-head p{font-size:14px;max-width:37ch;color:var(--secondary)}.dark-section .section-head p{color:var(--muted)}.section-head .label{font-family:var(--font-body);font-size:11px}.chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--paper-rule);border-bottom:1px solid var(--paper-rule);margin-bottom:80px}.chapter{display:block;padding:24px;border-right:1px solid var(--paper-rule);transition:background-color .12s}.chapter:last-child{border-right:0}.chapter:hover{background:var(--pink)}.chapter span{font-size:11px;color:var(--secondary);display:block;letter-spacing:.08em;white-space:nowrap}.chapter strong{display:block;font-size:18px;margin:8px 0;line-height:1.5;white-space:nowrap}.chapter em{font-size:12px;font-style:normal;color:var(--secondary);display:block}.diptych{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}.diptych p+p{margin-top:16px}.diptych h2{margin-bottom:24px}.diptych .scene-caption{margin-top:12px;font-size:12px;color:var(--secondary)}.diptych img{aspect-ratio:16/9;object-fit:cover}.stamp{display:inline-block;border:1px solid var(--red);color:var(--red);font-size:11px;font-weight:600;padding:4px 12px;margin-bottom:24px;letter-spacing:.12em}.facts{padding:32px 0;border-top:1px solid var(--paper-rule)}.fact-list>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--paper-rule)}.fact-list dt{font-size:12px;color:var(--secondary)}.fact-list dd{margin:0;font-size:14px}.featured{position:relative}.featured>a{display:block}.featured img{width:100%;aspect-ratio:16/9;object-fit:cover}.featured-caption{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:var(--scene-overlay);font-size:13px;display:flex;align-items:center;justify-content:space-between}.thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}.thumbs a{position:relative;border:2px solid var(--clear)}.thumbs a[aria-current=true]{border-color:var(--yellow)}.thumbs img{width:100%;aspect-ratio:16/9}.thumbs span{font-size:12px;display:block;padding:8px 0}.gallery-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:48px;align-items:start}.gallery-aside{padding-top:32px}.gallery-aside p{margin:24px 0;color:var(--muted);font-size:14px}.gallery-aside .btn{width:100%}.scene-index{font-size:80px;line-height:1;color:var(--gun);font-family:var(--font-display)}.story-path{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:64px}.story-steps{list-style:none;padding:0}.story-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:24px;padding:24px 0;border-bottom:1px solid var(--paper-rule)}.story-steps li:first-child{padding-top:0}.step-no{font-size:13px;color:var(--secondary)}.story-steps h3{font-size:20px;margin-bottom:8px}.story-steps p{font-size:14px;color:var(--secondary)}.notice{margin-top:24px;padding:24px;background:var(--lavender);font-size:14px}.faq details{border-bottom:1px solid var(--paper-rule);padding:20px 0}.faq summary{cursor:pointer;font-weight:600;font-size:16px;list-style-position:inside}.faq details p{margin-top:16px;color:var(--secondary);font-size:14px}.final-cta{padding:64px 0;display:flex;align-items:center;justify-content:space-between;gap:32px}.final-cta p{font-size:14px;color:var(--muted);margin-top:16px}.footer{padding:32px 0;border-top:1px solid var(--rule);font-size:12px;color:var(--muted)}.foot-top{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.foot-links,.related{display:flex;align-items:center;gap:24px;flex-wrap:wrap;line-height:1.5}.foot-links a,.related a{white-space:nowrap}.related{margin-top:24px;font-size:11px;gap:20px}.legal{margin-top:24px;padding-top:24px;border-top:1px solid var(--rule);display:flex;align-items:start;gap:32px;justify-content:space-between}.legal p{font-size:11px}.bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:25;background:var(--scene-overlay);border-top:1px solid var(--rule);padding:12px 24px}.bottom-inner{max-width:1184px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.bottom-title{font-size:13px;font-weight:600;line-height:1.4}.bottom-title small{font-weight:400;color:var(--muted);display:block;font-size:11px;margin-top:4px}.bottom-bar .btn{min-height:44px;padding:12px 24px}.subhero{padding:128px 0 56px}.breadcrumbs{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:16px;margin-bottom:32px}.breadcrumbs a{white-space:nowrap}.subhero h1{font-size:clamp(36px,5vw,64px);max-width:16ch}.subhero p{margin-top:24px;color:var(--muted);font-size:15px}.submeta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px;font-size:12px;color:var(--muted)}.downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:32px;border-top:1px solid var(--paper-rule)}.platform{padding:32px 32px 32px 0;border-bottom:1px solid var(--paper-rule)}.platform:nth-child(even){padding-left:32px;border-left:1px solid var(--paper-rule)}.platform h3{font-family:var(--font-body);font-size:26px}.platform p{font-size:14px;color:var(--secondary);margin-top:16px}.platform .btn{margin-top:24px}.download-info{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:64px;margin-top:64px}.download-info h2{font-size:32px}.text-list{padding-left:20px;font-size:15px}.text-list li+li{margin-top:16px}.guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;align-items:start}.toc{position:sticky;top:112px;display:grid;gap:8px}.toc a{padding:12px 16px;border:1px solid var(--paper-rule);font-size:13px;white-space:nowrap;line-height:1.5}.toc a:hover{background:var(--pink)}.guide-body>section{margin-bottom:64px;scroll-margin-top:112px}.guide-body>section:last-child{margin-bottom:0}.guide-body h2{font-size:32px;margin-bottom:24px}.guide-body p{margin:16px 0;font-size:15px}.guide-body h3{font-size:20px;margin:32px 0 16px}.key-table{width:100%;border-collapse:collapse;font-size:14px}.key-table th{text-align:left;color:var(--secondary);font-weight:400;font-size:12px}.key-table td,.key-table th{padding:16px 8px;border-bottom:1px solid var(--paper-rule)}kbd{font:12px var(--font-body);border:1px solid var(--paper-rule);padding:4px 8px;white-space:nowrap;background:var(--paper);color:var(--ink)}.inline-link{text-decoration:underline;text-underline-offset:4px}.filters{display:none;gap:12px;flex-wrap:wrap;margin-bottom:32px}.js .filters{display:flex}.filter{background:none;color:var(--ink);border:1px solid var(--paper-rule);padding:10px 24px;font-size:13px;line-height:1.5}.filter:hover{background:var(--pink)}.filter[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.gallery-card:first-child{grid-column:span 2}.gallery-card[hidden]{display:none}.gallery-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.gallery-card figcaption{padding:12px 0;display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:14px}.gallery-card figcaption span{color:var(--secondary);font-size:11px}.gallery-intro{margin-bottom:32px}.gallery-intro p{font-size:14px;color:var(--secondary)}dialog{max-width:1100px;width:calc(100% - 32px);padding:16px;background:var(--coal);color:var(--paper);border:1px solid var(--rule);max-height:calc(100dvh - 32px)}dialog::backdrop{background:var(--scene-overlay)}.lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.lightbox-top p{font-size:13px}.icon-btn{background:none;color:var(--paper);border:1px solid var(--rule);min-width:44px;min-height:44px;font-size:13px;padding:8px 12px;white-space:nowrap;line-height:1}.icon-btn:hover{background:var(--gun)}.lightbox-image{width:100%;height:auto;max-height:calc(100dvh - 215px);object-fit:contain;aspect-ratio:16/9}.lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.image-status{font-size:12px;color:var(--muted)}.view-full{font-size:12px;text-decoration:underline;white-space:nowrap}section[id]{scroll-margin-top:112px}.body-note{font-size:12px;color:var(--secondary)}
@media(min-width:1600px){.hero-grid{min-height:560px}.hero{padding-top:164px}}
@media(max-width:1024px){.wrap{padding-left:32px;padding-right:32px}.hero-grid{gap:32px}.hero-dialogue{padding:24px}.hero-dialogue .quick-links{display:none}.gallery-layout{grid-template-columns:minmax(0,1fr)}.gallery-aside{display:none}.diptych,.story-path,.download-info{gap:32px}.guide-layout{grid-template-columns:180px minmax(0,1fr);gap:32px}.hero-info{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding:64px 0}.chapter{padding:24px 16px}.chapter em{font-size:11px}}
@media(max-width:767px){html{scroll-padding-top:96px}.wrap{padding-left:24px;padding-right:24px}.nav-pill{top:12px;gap:16px;padding:8px 12px}.brand{font-size:12px}.brand img{width:24px;height:24px}.nav-links{gap:16px;font-size:12px}.nav-links li:first-child{display:none}.nav-download{display:none}.hero{padding-top:112px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:32px;min-height:0}.hero h1{font-size:56px;margin-top:16px}.hero-lede{font-size:14px;max-width:39ch;margin-top:16px}.original{margin-top:16px;font-size:11px}.hero .actions{margin-top:24px;gap:12px}.hero .btn{padding:12px 20px}.hero-scene{padding:0;margin:0 -24px}.hero-scene:before{display:none}.scene-tag{bottom:12px;right:12px;font-size:11px;padding:4px 16px}.hero-dialogue{margin-top:32px;padding:24px 16px}.hero-dialogue p{font-size:12px}.hero-info{gap:24px 16px;padding-bottom:32px}.hero-info dd{font-size:12px}.section{padding:48px 0}.section-head{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:24px}.section-head p{max-width:50ch}.chapters{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:48px}.chapter{padding:20px 12px}.chapter:nth-child(2){border-right:0}.chapter:nth-child(-n+2){border-bottom:1px solid var(--paper-rule)}.chapter strong{font-size:16px}.chapter em{font-size:11px}.diptych,.story-path,.download-info{grid-template-columns:minmax(0,1fr);gap:32px}.diptych p{font-size:14px}.diptych .scene-caption{font-size:11px}.reverse .diptych-media{order:2}.thumbs{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.featured-caption{padding:8px 12px;font-size:11px}.featured-caption span:last-child{display:none}.thumbs span{font-size:11px;padding:4px 0}.story-steps li{gap:16px;grid-template-columns:28px minmax(0,1fr)}.notice{padding:20px;font-size:13px}.final-cta{display:grid;grid-template-columns:minmax(0,1fr);padding:48px 0;gap:24px}.final-cta .btn{justify-self:start}.foot-top{display:grid;gap:24px}.foot-links,.related{gap:16px}.legal{display:grid;gap:16px}.bottom-bar{padding:12px 16px}.bottom-inner{gap:16px}.bottom-title{font-size:11px;max-width:50%}.bottom-title small{font-size:10px}.bottom-bar .btn{font-size:12px;padding:12px 16px;min-width:132px}.subhero{padding-top:112px;padding-bottom:40px}.subhero h1{font-size:38px}.subhero p{font-size:14px}.submeta{gap:12px 20px}.breadcrumbs{margin-bottom:24px}.downloads{grid-template-columns:minmax(0,1fr)}.platform,.platform:nth-child(even){padding:24px 0;border-left:0}.platform h3{font-size:24px}.download-info{margin-top:48px}.guide-layout{grid-template-columns:minmax(0,1fr);gap:32px}.toc{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.toc a{padding:12px 8px;font-size:12px;text-align:center}.guide-body>section{margin-bottom:48px}.key-table{font-size:12px}.key-table td,.key-table th{padding:12px 4px}kbd{font-size:10px;padding:4px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.gallery-card figcaption{font-size:12px;gap:8px}.gallery-card figcaption span{font-size:10px}.filter{padding:8px 16px}.lightbox-controls{gap:8px;flex-wrap:wrap}.image-status{order:3;flex-basis:100%;text-align:center}.view-full{font-size:11px}.hero h1,.subhero h1{max-width:100%}section[id],.guide-body>section{scroll-margin-top:96px}}
@media(max-width:359px){.wrap{padding-left:16px;padding-right:16px}.hero h1{font-size:50px}.hero-scene{margin-left:-16px;margin-right:-16px}.nav-pill{gap:12px}.nav-links{gap:12px}.brand{font-size:11px}.brand img{width:20px;height:20px}.hero .actions{gap:12px}.hero .btn{padding:12px 16px;font-size:12px}.subhero h1{font-size:34px}.gallery-card figcaption{display:grid;gap:4px}.fact-list>div{grid-template-columns:80px minmax(0,1fr)}.bottom-title small{max-width:15ch}.bottom-bar .btn{min-width:124px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}a:active,button:active{transform:none}.skip{transform:none;top:-80px}.skip:focus{top:0}}

/* QA adjustment: content-sized mobile pill; high-contrast paper focus rings. */
.nav-pill{width:max-content}.nav-pill .brand,.nav-links{flex-shrink:0}.paper a:focus-visible,.paper button:focus-visible,.paper summary:focus-visible{outline-color:var(--ink)}