/* Hallmark · macrostructure: Split Studio · tone: editorial · anchor hue: sky-blue
 * theme: custom · vibe: 纸上实验档案 夏日冷蓝 角色彩页 · paper: oklch(98.9% .009 233) · accent: oklch(75.3% .139 233)
 * display: Noto Serif SC + Noto Sans SC · axes: light / bold-sans with roman-serif / cool-blue
 * nav: N6 floating newspaper masthead · footer: Ft4 dense colophon · enrichment: verified game artwork
 * pre-emit critique: P5 H5 E4 S5 R5 V5
 */
:root{--color-paper:oklch(98.89026% .005838 239.8172);--color-page:oklch(96.4% .012 85);--color-ink:oklch(40.13915% .090638 244.1235);--color-heading:oklch(24% .032 246);--color-muted:oklch(46% .035 236);--color-rule:oklch(80% .025 233);--color-accent:oklch(75.35129% .138989 232.6615);--color-accent-ink:oklch(24% .045 245);--color-yellow:oklch(92.42768% .115127 95.7459);--color-red:oklch(51% .17 27);--color-dark:oklch(19% .024 244);--color-light:oklch(95% .015 236);--color-focus:oklch(46% .16 250);--color-error:oklch(46% .17 27);--color-success:oklch(38% .09 160);--color-transparent:transparent;--font-display:"Noto Serif SC","Songti SC","SimSun",serif;--font-body:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--text-sm:.875rem;--text-base:1rem;--text-md:1.2rem;--text-heading:clamp(1.8rem,3vw,2.8rem);--text-display:clamp(2.7rem,6.8vw,6.25rem);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.7,0,.84,0);--ease-in-out:cubic-bezier(.65,0,.35,1);--dur-micro:120ms;--dur-short:220ms;--dur-long:420ms;--rule-hair:1px;--radius-sm:2px;--z-raised:10;--z-sticky:200;--z-modal:400}@font-face{font-family:Noto Sans SC;src:url(../fonts/noto-sans-sc.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Noto Sans SC;src:url(../fonts/noto-sans-sc-bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Noto Sans SC;src:url(../fonts/noto-sans-sc-black.woff2) format("woff2");font-style:normal;font-weight:900;font-display:swap}@font-face{font-family:"Noto Serif SC";src:url(../fonts/noto-serif-sc.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}.table{display:table}.hidden{display:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body,html{overflow-x:clip}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.85;padding-bottom:78px}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:url(../images/shenzhixue-paper-01.webp);opacity:.055;z-index:var(--z-raised)}a{text-underline-offset:5px}a,button{color:inherit}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:var(--color-transparent)}button{border:0}a,button{touch-action:manipulation}img{display:block;max-width:100%;height:auto}h1,h2,h3{font-style:normal;color:var(--color-heading);line-height:1.35;overflow-wrap:anywhere;min-width:0;margin:0}h1,h2{font-family:var(--font-display);font-weight:700}h2{font-size:var(--text-heading);letter-spacing:-.035em}h3{font-size:var(--text-md);font-weight:700}p{margin:var(--space-md) 0;max-width:70ch}figure{margin:0}ol,ul{padding-inline-start:1.4rem}li{margin-block:var(--space-sm)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px;box-shadow:0 0 0 6px var(--color-paper)}.wrap{width:min(1280px,calc(100% - 40px));margin-inline:auto}.section{padding-block:var(--space-3xl)}.small{font-size:var(--text-sm)}.muted{color:var(--color-muted)}.skip{position:fixed;left:20px;top:-100px;background:var(--color-paper);padding:var(--space-md);z-index:var(--z-modal)}.skip:focus{top:8px}.masthead{position:fixed;inset:12px 16px auto;z-index:var(--z-sticky);background:var(--color-paper);color:var(--color-heading);border-bottom:4px double var(--color-ink);box-shadow:0 2px 10px color-mix(in oklch,var(--color-dark) 7%,transparent)}.mast-top{justify-content:space-between;gap:var(--space-md);padding:8px 16px}.mast-top,.wordmark{display:flex;align-items:center}.wordmark{text-decoration:none;gap:10px;white-space:nowrap;font-family:var(--font-display);font-weight:700;letter-spacing:.03em}.wordmark img{width:30px;height:30px}.mast-caption{display:none;font-size:var(--text-sm);letter-spacing:.13em}.nav-row{display:none;border-top:1px solid var(--color-rule);padding:0 16px}.nav-row.open{display:flex;flex-wrap:wrap;gap:4px 22px}.nav-row a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:var(--text-sm);white-space:nowrap}.nav-row a[aria-current=page]{font-weight:700;text-decoration:underline;text-decoration-color:var(--color-red);text-decoration-thickness:2px}.nav-download{margin-left:auto;font-weight:700}.menu-toggle{padding:6px 12px;min-height:44px;background:var(--color-page)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:12px 26px;border:1px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-transparent);text-decoration:none;font-weight:700;white-space:nowrap;overflow:hidden;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.primary:after{content:"";position:absolute;inset:-80% auto -80% -25%;width:20%;background:var(--color-light);opacity:.35;transform:rotate(24deg) translateX(-220%);pointer-events:none}.btn.primary:focus-visible:after,.btn.primary:hover:after{animation:sheen .65s var(--ease-out)}@keyframes sheen{to{transform:rotate(24deg) translateX(1100%)}}.btn:active,button:active{transform:translateY(1px)}.btn[aria-disabled=true],button:disabled{opacity:.5;cursor:not-allowed}.btn[aria-busy=true]{opacity:.7}.btn[data-state=error]{border-color:var(--color-error)}.btn[data-state=success]{outline:1px solid var(--color-success)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;margin-top:var(--space-xl)}.text-link{display:inline-flex;min-height:44px;align-items:center;gap:var(--space-lg);white-space:nowrap;font-weight:700}.hero{position:relative;margin-top:92px;background:var(--color-page);isolation:isolate}.hero-bg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:49% 50%;object-position:49% 50%;z-index:-2}.hero-bg,.hero:before{position:absolute;inset:0}.hero:before{content:"";background:var(--color-dark);opacity:.22;z-index:-1}.hero-grid{display:grid}.hero-copy{position:relative;background:var(--color-page);padding:var(--space-2xl) 24px}.hero-copy:before{content:"";position:absolute;inset:0;background:url(../images/shenzhixue-paper-01.webp);opacity:.05;pointer-events:none}.hero-tags{font-size:var(--text-sm);letter-spacing:.06em;display:flex;align-items:center;gap:14px}.hero-tags:before{content:"";width:24px;height:2px;background:var(--color-red)}.hero h1{margin:30px 0 20px}.hero h1 .title-large{display:block;font-family:var(--font-body);font-weight:900;font-size:var(--text-display);letter-spacing:-.07em;line-height:1.1}.hero h1 .title-sub{display:block;font-size:clamp(1.7rem,3.2vw,2.6rem);letter-spacing:.05em;margin-top:12px}.hero h1 .english{display:block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:.12em;line-height:1.5;margin-top:20px}.hero-lede{font-size:var(--text-md);margin-block:var(--space-lg);max-width:26ch}.hero-facts{display:flex;gap:24px;padding-top:20px;margin-top:28px;border-top:1px solid var(--color-rule);font-size:var(--text-sm)}.hero-facts strong{font-size:var(--text-md);color:var(--color-heading)}.hero-art{height:300px;position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:24px}.hero-art-label{background:var(--color-dark);color:var(--color-light);padding:8px 14px;font-size:var(--text-sm)}.seal{display:inline-flex;flex-direction:column;line-height:1.25;justify-content:center;padding:8px;border:1px solid var(--color-red);color:var(--color-red);font-family:var(--font-display);font-weight:700}.hero-side{display:none}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;margin:0;padding:28px 0}.info-grid dt{font-size:var(--text-sm);color:var(--color-muted)}.info-grid dd{margin:4px 0 0;font-weight:700;color:var(--color-heading)}.info-band{border-bottom:1px solid var(--color-rule)}.spread{display:grid;gap:var(--space-xl);align-items:center}.spread .prose p{font-size:var(--text-md);line-height:1.95}.spread figure img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.caption{display:flex;justify-content:space-between;gap:var(--space-lg);padding:12px 0;color:var(--color-muted)}.caption,.chapter{font-size:var(--text-sm)}.chapter{display:block;letter-spacing:.1em;margin-bottom:12px}.chapter strong{color:var(--color-red);margin-right:8px}.quote{font-family:var(--font-display);font-size:clamp(1.4rem,2.4vw,2rem);color:var(--color-heading);line-height:1.6;margin:var(--space-xl) 0}.paper-section{background:var(--color-page);color:var(--color-ink)}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 26px;margin-top:24px}.feature-item{border-top:1px solid var(--color-rule);padding-top:16px}.feature-item p{font-size:var(--text-base);line-height:1.8}.feature-item h3{font-size:var(--text-md)}.weapons-visual{background:var(--color-dark);padding:20px}.weapons-visual img{aspect-ratio:3/2!important;-o-object-fit:contain!important;object-fit:contain!important}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px;flex-wrap:wrap}.section-head p{margin-bottom:0}.gallery-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.shot{min-width:0}.shot-button{display:block;position:relative;padding:0;width:100%;background:var(--color-dark);color:var(--color-light);border:0;text-decoration:none;overflow:hidden}.shot-button img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;transition:transform var(--dur-short) var(--ease-out),opacity var(--dur-short) var(--ease-out)}.shot-button:after{content:"放大 ↗";position:absolute;right:12px;bottom:12px;background:var(--color-dark);color:var(--color-light);padding:4px 10px;font-size:var(--text-sm)}.shot figcaption{font-size:var(--text-sm);padding-top:10px;display:flex;justify-content:space-between;gap:16px}.download-spread{display:grid;gap:32px;align-items:center}.download-large{border-top:1px solid var(--color-ink);border-bottom:1px solid var(--color-ink);padding:28px 0}.download-large .btn{width:100%;font-size:var(--text-md);min-height:72px;margin-top:20px;justify-content:space-between}.requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 0}.requirements div{border-top:1px solid var(--color-rule);padding-top:12px}.requirements dt{font-size:var(--text-sm);color:var(--color-muted)}.requirements dd{margin:0;font-weight:700}.audience{display:grid;gap:24px}.audience article{border-top:1px solid var(--color-rule);padding-top:20px}.audience p{font-size:var(--text-base)}.faq-layout{display:grid;gap:32px}.faq-list details{border-bottom:1px solid var(--color-rule)}.faq-list details:first-child{border-top:1px solid var(--color-rule)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:700;min-height:64px;padding:16px 0;color:var(--color-heading)}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:1.4rem;flex:none}details[open]>summary:after{content:"−"}details p{margin:0;padding-bottom:20px;line-height:1.9}details[open]>summary{color:var(--color-ink)}.final{padding-block:48px;background:var(--color-dark)}.final,.final h2{color:var(--color-light)}.final-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.final p{margin-bottom:0}.footer{padding:40px 0 28px}.footer-top{display:grid;gap:20px}.footer-brand{font-family:var(--font-display);font-size:var(--text-md);font-weight:700}.footer-links{display:flex;flex-wrap:wrap;gap:0 24px}.footer-links a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;font-size:var(--text-sm)}.related-links{display:grid;gap:4px 24px;margin:20px 0}.related-links a{min-height:40px;display:inline-flex;align-items:center;text-decoration:none}.legal,.related-links a{font-size:var(--text-sm)}.legal{border-top:1px solid var(--color-rule);margin-top:20px;padding-top:16px}.legal summary{min-height:44px;padding-block:6px;font-size:var(--text-sm)}.legal p{max-width:100ch}.footer-copy{font-size:var(--text-sm)}.sticky-cta{position:fixed;inset:auto 0 0;z-index:var(--z-sticky);background:var(--color-paper);color:var(--color-ink);border-top:1px solid var(--color-rule);padding:10px max(16px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:12px}.sticky-cta strong{display:block}.sticky-cta span,.sticky-cta strong{font-size:var(--text-sm)}.sticky-cta .btn{min-height:48px;padding:10px 20px}.back-top{position:fixed;right:20px;bottom:92px;z-index:var(--z-raised);background:var(--color-page);color:var(--color-heading);min-width:44px;min-height:44px;border:1px solid var(--color-rule);display:grid;place-items:center;text-decoration:none}.subhero{padding-top:132px;padding-bottom:44px;background:var(--color-page);color:var(--color-ink)}.breadcrumbs{font-size:var(--text-sm);display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.breadcrumbs a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}.subhero h1{font-size:clamp(2.1rem,4.8vw,4rem);max-width:18ch}.subhero .lede{font-size:var(--text-md);max-width:44ch}.sub-split{display:grid;gap:32px;align-items:center}.sub-cover{width:100%;aspect-ratio:92/43;-o-object-fit:cover;object-fit:cover}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filter-bar button{min-height:44px;padding:8px 18px;border:1px solid var(--color-rule);background:var(--color-transparent);color:var(--color-ink);white-space:nowrap}.filter-bar button[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.gallery-count{font-size:var(--text-sm);margin-bottom:24px}.guide-cards{display:grid;gap:24px}.guide-card{padding:24px 0;border-top:1px solid var(--color-rule)}.guide-card .number{font-family:var(--font-body);font-size:var(--text-md);color:var(--color-muted);display:block;margin-bottom:12px}.guide-card .text-link{font-size:var(--text-sm)}.article-layout{display:grid;gap:40px}.toc{border-block:1px solid var(--color-rule);padding-block:16px}.toc a{display:block;min-height:44px;padding:8px 0;font-size:var(--text-sm)}.reading{max-width:800px}.reading section{scroll-margin-top:132px;margin-bottom:52px}.reading h2{margin-bottom:20px}.reading h3{margin-top:24px}.reading li,.reading p{line-height:2}.reading figure{margin-block:32px}.reading img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.key-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.key-table td,.key-table th{border-bottom:1px solid var(--color-rule);text-align:left;padding:12px 8px}.key-table th{color:var(--color-heading)}kbd{font-family:var(--font-body);font-size:var(--text-sm);padding:3px 6px;border:1px solid var(--color-rule);border-radius:var(--radius-sm)}.note,kbd{background:var(--color-page)}.note{color:var(--color-ink);padding:20px 24px}.download-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:var(--text-sm)}.download-meta span{background:var(--color-page);padding:4px 12px}.steps{display:grid;gap:20px;counter-reset:steps;padding:0;list-style:none}.steps li{counter-increment:steps;border-top:1px solid var(--color-rule);padding-top:18px}.steps li:before{content:"0" counter(steps);display:block;color:var(--color-muted);font-size:var(--text-md);margin-bottom:12px}.lightbox{position:fixed;inset:0;margin:auto;width:min(1280px,96%);max-width:none;height:-moz-fit-content;height:fit-content;max-height:94dvh;padding:16px;background:var(--color-dark);color:var(--color-light);border:1px solid var(--color-rule);overflow:auto}.lightbox::backdrop{background:color-mix(in oklch,var(--color-dark) 94%,transparent)}.lightbox img{width:100%;height:auto;max-height:72dvh;-o-object-fit:contain;object-fit:contain;min-height:80px}.lightbox-controls,.lightbox-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.lightbox button{background:var(--color-transparent);color:var(--color-light);border:1px solid var(--color-rule);padding:8px 16px;min-height:44px}.lightbox-head{margin-bottom:16px}.lightbox-controls{margin-top:12px;flex-wrap:wrap}.lightbox-caption{font-size:var(--text-sm);flex:1}.image-status{font-size:var(--text-sm);padding:16px}.lightbox[data-state=loading] img{opacity:.3}.lightbox[data-state=error] .image-status{color:var(--color-yellow)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(hover:hover){.btn:hover{transform:translateY(-2px)}.footer a:hover,.nav-row a:hover,.text-link:hover{text-decoration:underline}.shot-button:hover img{transform:scale(1.025);opacity:.88}.guide-card:hover{box-shadow:0 2px 0 var(--color-rule)}summary:hover{background:var(--color-page)}}@media(min-width:640px){.wrap{width:min(1280px,calc(100% - 64px))}.gallery-grid,.guide-cards,.related-links{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{height:400px}.hero-copy{padding:44px 40px}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.sticky-cta{padding-inline:32px}}@media(min-width:768px){.section{padding-block:var(--space-4xl)}.masthead{inset:16px 32px auto}.mast-caption{display:block}.nav-row,.nav-row.open{display:flex;gap:32px;justify-content:center}.menu-toggle{display:none}.hero{margin-top:130px}.info-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding-block:32px}.audience{grid-template-columns:repeat(3,minmax(0,1fr))}.faq-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:64px}.subhero{padding-top:168px}.footer-top{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.sub-split{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.download-spread{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}.sticky-cta{display:none}body{padding-bottom:0}.back-top{bottom:24px}.related-links{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.masthead{inset:16px 40px auto}.mast-top{justify-content:center;position:relative;padding:10px 24px}.mast-caption{position:absolute;left:24px}.mast-edition{position:absolute;right:24px;left:auto}.wordmark{font-size:20px}.nav-row{position:relative;padding-inline:24px}.nav-download{position:absolute;right:24px;top:0}.hero-grid{grid-template-columns:minmax(0,46%) minmax(0,54%);min-height:640px}.hero-copy{padding:56px max(40px,calc(50vw - 640px)) 48px}.hero h1 .title-large{font-size:clamp(5rem,7vw,7rem)}.hero-art{height:auto;min-height:640px;padding:32px;align-items:end}.hero-bg{left:36%;width:64%;-o-object-position:47% 50%;object-position:47% 50%}.hero-side{display:block;position:absolute;right:24px;top:32px;writing-mode:vertical-rl;color:var(--color-light);font-size:var(--text-sm);letter-spacing:.28em}.spread{grid-template-columns:minmax(0,1fr) minmax(0,1.14fr);gap:64px}.spread.reverse{grid-template-columns:minmax(0,1.14fr) minmax(0,1fr)}.spread.reverse figure{order:-1}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-preview .shot:first-child{grid-column:span 2;grid-row:span 2;align-self:start}.gallery-preview .shot:first-child .shot-button img{aspect-ratio:16/10}.gallery-preview{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:24px}.article-layout{grid-template-columns:230px minmax(0,800px);gap:80px}.toc{position:sticky;top:144px;align-self:start}.subhero h1{max-width:19ch}.hero .actions{gap:16px}.hero .btn{padding-inline:20px}.hero-facts{gap:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}.btn:hover,.shot-button:hover img{transform:none}}@media(max-width:1023px){.hero-bg{inset:auto 0 0;height:300px;-o-object-position:50% 45%;object-position:50% 45%}.hero-facts{flex-wrap:wrap;gap:12px 20px}}@media(min-width:640px) and (max-width:1023px){.hero-bg{height:400px}}video{display:block;width:100%;height:auto;aspect-ratio:854/480;background:var(--color-dark);color:var(--color-light)}.video-section{padding-top:0}.video-error{color:var(--color-error)}@media(hover:hover){.filter-bar button:hover{border-color:var(--color-ink)}.lightbox button:hover{background:var(--color-ink);color:var(--color-light)}.menu-toggle:hover{background:var(--color-ink);color:var(--color-paper)}}