/* 视觉层覆盖：原有正文与规划功能保留，空间叙事使用原生布局。 */
:root{--paper:#f2f0eb;--cloud:#e9e7e1;--ink:#242724;--muted:#62645f;--line:#d4d3cc;--blue:#765137;--pale:#f4ece4;--max:1480px}
html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--paper)}::selection{background:#c7b49d;color:#191b1b}h1,h2,h3{font-weight:500}.wrap{width:min(var(--max),calc(100% - 112px))}.button{border-radius:2px;background:var(--ink);font-weight:550;padding:16px 25px;min-height:52px}.button:hover{background:#494b44}.text-link{font-weight:500;font-size:14px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:7px;display:inline-flex;align-items:center;gap:20px}.text-link:hover{color:#765137}.brand{font-size:23px;font-weight:650;letter-spacing:-1.1px}.brand-mark i:last-child{background:#a17f5e}.brand-mark i{background:currentColor}.nav{height:88px;gap:35px}.nav-links{gap:32px}.nav-links a{font-size:13px}.premium-home>header{position:absolute;inset:0 0 auto;z-index:20;color:white;background:transparent;border-bottom:1px solid #ffffff26}.premium-home .nav>.button{background:#ffffff0d;border-color:#ffffff65;color:white;min-height:40px}.premium-home .nav>.button:hover{background:#ffffff22}.premium-home .menu-toggle{color:white;background:#17191950;border-color:#ffffff60}.premium-home .nav-links a:hover{color:#d4bba1}.read-progress{position:fixed;left:0;top:0;height:2px;width:100%;background:#a17f5e;z-index:80;transform:scaleX(0);transform-origin:left;pointer-events:none}.cinema-hero{position:relative;min-height:760px;height:100svh;max-height:1160px;background:#191b1b;color:white;isolation:isolate;overflow:hidden}.hero-frame{position:absolute;inset:-75px 0;z-index:-3;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 57%;transform:translateY(var(--hero-shift,0px));will-change:transform}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(10,13,13,.62),rgba(10,13,13,.06) 75%),linear-gradient(0deg,rgba(10,13,13,.65),transparent 25%,transparent 75%,rgba(10,13,13,.38))}.hero-content{padding-top:clamp(190px,26vh,330px)}.hero-kicker{font-size:12px;letter-spacing:.075em;margin-bottom:28px;color:#e0ded8}.hero-content h1{font-size:clamp(76px,7.5vw,128px);line-height:1.01;letter-spacing:-.064em;font-weight:500;max-width:1000px}.hero-description{font-size:17px;line-height:1.75;margin-top:28px;color:#e4e2da}.hero-button{margin-top:28px;background:#f2f0eb;color:#242724;gap:40px;min-width:200px}.hero-button:hover{background:#fff}.hero-button span{font-size:23px;font-weight:400}.hero-bottom{position:absolute;bottom:33px;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between}.hero-bottom p{font-size:10px;text-align:right;line-height:1.8;color:#e2e1d9}.scroll-cue{display:flex;align-items:center;gap:19px;text-decoration:none;font-size:11px}.scroll-cue span{display:grid;place-items:center;width:39px;height:39px;border:1px solid #ffffff65;border-radius:50%;font-size:20px;transition:transform .3s}.scroll-cue:hover span{transform:translateY(4px)}.section-label{font-size:12px;letter-spacing:.02em;font-weight:550;color:var(--muted)}.manifesto{padding-block:145px 125px}.manifesto-body{display:grid;grid-template-columns:1.6fr 1fr;gap:80px;margin-top:42px}.manifesto h2{font-size:clamp(40px,4.25vw,66px);line-height:1.16;letter-spacing:-.053em}.manifesto h2 span,.planning-bridge h2 span{color:#85867f}.manifesto-note{max-width:340px;justify-self:end;padding-top:8px}.manifesto-note p{font-size:14px;line-height:1.9;margin-bottom:26px}.small-rule{display:block;width:30px;height:1px;background:#8b715b;margin-bottom:25px}.scroll-story{background:#dfded7;padding:64px 0}.story-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:8vw;align-items:start}.story-stage{position:sticky;top:100px;margin-top:18px}.story-figure{position:relative;margin:0;height:65vh;max-height:730px;min-height:390px;overflow:hidden;background:#c2bfb5}.story-image{height:100%;width:100%;object-fit:cover;object-position:50% 60%;transform:translate(var(--story-x,0px),var(--story-y,0px)) scale(var(--story-scale,1));transition:transform .85s cubic-bezier(.2,.65,.3,1)}.story-figure figcaption{position:absolute;bottom:18px;left:20px;font-size:10px;color:#fff;background:#242724aa;padding:5px 9px}.story-status{display:flex;justify-content:space-between;margin-top:20px;font-size:12px}.story-counter{font-variant-numeric:tabular-nums;color:#62645f}.story-ticks{display:flex;gap:6px;margin-top:14px}.story-ticks i{height:2px;background:#c2c2b9;flex:1;transition:background .4s}.scroll-story[data-active='0'] .story-ticks i:nth-child(1),.scroll-story[data-active='1'] .story-ticks i:nth-child(2),.scroll-story[data-active='2'] .story-ticks i:nth-child(3){background:#765137}.story-step{min-height:83vh;display:flex;flex-direction:column;justify-content:center;padding:85px 0;scroll-margin-top:120px}.chapter-label{font-size:11px;color:#62645f;margin-bottom:36px}.story-step h2{font-size:clamp(40px,4.2vw,67px);line-height:1.09;letter-spacing:-.06em;margin-bottom:26px}.story-step>p:not(.chapter-label){font-size:14px;line-height:1.9;max-width:335px;color:#545750;margin-bottom:27px}.story-step .text-link{align-self:flex-start;font-size:12px}.planning-bridge{padding-block:120px 62px}.planning-bridge h2{font-size:clamp(40px,4.25vw,68px);line-height:1.13;margin-top:30px}.planning-bridge>p:last-child{font-size:14px;line-height:1.9;margin-top:28px;color:var(--muted)}.planner-section{background:var(--paper);padding-block:40px 120px}.planner-layout{grid-template-columns:.82fr 1.18fr;gap:95px;align-items:start;border-top:1px solid var(--line);padding-top:55px}.planner-intro>.intro-line{display:none}.planner-intro h2{font-size:28px;line-height:1.25;letter-spacing:-.035em;max-width:400px}.planner-intro h2 br{display:none}.planner-intro>p{font-size:13px;margin-top:18px}.planner-form{margin-top:30px}.planner-form input,.planner-form select,.choice{border-radius:2px;border-color:#c8c8bf}.choice[aria-pressed=true]{border-color:#765137}.planner-result{background:#e9e7e0;border:0;border-radius:2px;box-shadow:none;padding:32px}.layout-board{background:repeating-linear-gradient(0deg,#deded6,#deded6 33px,#cbcdc3 34px);border-radius:0;min-height:315px}.planner-result .button{background:#242724}.planner-result .button:hover{background:#45493d}.pill{background:#f2f0eb}.planner-result-top h3{font-weight:550}.field-label{font-weight:600}.journal{padding-block:95px 125px;border-top:1px solid var(--line)}.journal-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.journal-heading h2{margin-top:25px;font-size:clamp(38px,4vw,62px)}.journal-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:85px}.journal-feature{text-decoration:none}.journal-image{height:380px;overflow:hidden;background:#252727}.journal-image img{width:100%;height:100%;object-fit:cover;object-position:right center;transition:transform .65s cubic-bezier(.22,.61,.36,1)}.journal-feature:hover img{transform:scale(1.04)}.journal-feature-text{padding-top:24px}.journal-feature h3{font-size:31px;line-height:1.25;margin:17px 0 23px;letter-spacing:-.04em}.journal-list>a{display:block;text-decoration:none;border-top:1px solid #bdbfb6;padding:24px 48px 28px 0;position:relative}.journal-list>a>span{font-size:10px;color:var(--muted)}.journal-list h3{font-size:27px;margin-block:13px;line-height:1.25}.journal-list p{font-size:12px;color:var(--muted)}.journal-list i{font-size:25px;font-style:normal;position:absolute;right:5px;top:56px;transition:transform .3s}.journal-list>a:hover i{transform:translate(4px,-4px)}.closing{background:#262925;color:#f2f0eb;padding-block:100px 110px}.closing .section-label{color:#bbbcb2}.closing h2{font-size:clamp(64px,7.5vw,114px);letter-spacing:-.065em;margin:45px 0 37px;line-height:1.06}.closing-button{background:#f2f0eb;color:#242724;gap:35px}.closing-button:hover{background:#fff}.closing-note{font-size:12px;color:#bebfb7;margin-top:25px}.footer{padding-block:55px 28px}.footer-top{margin-bottom:45px}.footer p{max-width:530px}.footer-links{padding-top:8px}.footer-bottom{align-items:center}#motion-toggle{border:1px solid #c6c8bd;background:transparent;font-size:11px;padding:8px 12px;color:#454a40;min-height:40px;border-radius:2px}#motion-toggle[hidden]{display:none}.reveal{transform:none;}.motion-ready .reveal{transform:translateY(18px);transition:transform .9s cubic-bezier(.22,.61,.36,1)}.motion-ready .reveal.is-visible{transform:none}.premium-inner>header{background:var(--paper);border-bottom:1px solid var(--line)}.premium-inner .article-hero{padding:74px 0}.premium-inner .guides-intro{padding-block:90px 60px}.premium-inner .guide-card{padding-top:27px}.premium-inner .article-body p,.premium-inner .article-body ul{color:#545750}.premium-inner .aside-box,.premium-inner .sources{border-radius:2px}.premium-inner .kit-visual img{border-radius:0}.motion-off .hero-image,.motion-off .story-image,.motion-off .reveal{transform:none!important;transition:none!important;will-change:auto}.motion-off .journal-image img{transform:none!important;transition:none!important}.motion-off .story-stage{position:static}.motion-off .story-step{min-height:0;padding-block:32px}html:has(.motion-off){scroll-behavior:auto}
@media(min-width:1800px){.hero-content{padding-top:28vh}.story-grid{gap:130px}.journal-image{height:450px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav{gap:20px}.brand{font-size:21px}.nav-links{gap:20px}.manifesto-body{gap:45px;grid-template-columns:1.35fr 1fr}.planner-layout{gap:50px}.journal-grid{gap:45px}.story-grid{gap:6vw}.story-figure{min-height:370px;height:60vh}}
@media(max-width:900px){.premium-home .nav-links{color:var(--ink);background:var(--paper);top:88px}.premium-home .nav-links a:hover{color:var(--blue)}.cinema-hero{height:92svh;min-height:720px}.hero-content{padding-top:200px}.hero-content h1{font-size:clamp(62px,10vw,88px)}.manifesto{padding-block:90px}.manifesto-body{grid-template-columns:1fr;gap:40px}.manifesto-note{justify-self:start;max-width:530px}.story-grid{grid-template-columns:1fr;gap:0}.story-stage{position:relative;top:auto;margin-top:0}.story-figure{height:58vw;min-height:0;max-height:550px}.story-image{transform:none!important}.story-step{min-height:0;padding:58px 0;border-bottom:1px solid #c3c4bb}.story-step:last-child{border:0;padding-bottom:0}.chapter-label{margin-bottom:20px}.story-step h2{font-size:46px}.story-step>p:not(.chapter-label){max-width:560px}.story-step h2 br{display:none}.planning-bridge{padding-top:85px}.planner-layout{grid-template-columns:1fr;gap:35px}.planner-form{max-width:550px}.planner-intro>p{max-width:550px}.field-row,.choice-grid{max-width:none}.field select.wall-type{width:100%}.planner-result{max-width:800px}.journal-grid{grid-template-columns:1fr;gap:45px}.journal-image{height:52vw}.journal-list h3 br{display:none}.hero-image{transform:none!important;object-position:60% center}.hero-shade{background:linear-gradient(90deg,#101311b3,transparent),linear-gradient(0deg,#101311a6,transparent 40%)}.hero-frame{inset:0}.story-status{margin-top:15px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:76px}.brand{font-size:19px;gap:10px}.premium-home .nav-links{top:76px}.cinema-hero{height:94svh;min-height:720px;max-height:900px}.hero-content{padding-top:168px}.hero-content h1{font-size:clamp(59px,12vw,86px);line-height:1.04;letter-spacing:-.063em}.hero-kicker{font-size:10px;letter-spacing:.035em;margin-bottom:25px}.hero-description{font-size:14px;line-height:1.75;margin-top:25px}.hero-button{margin-top:25px;padding:14px 20px;min-height:49px;font-size:12px;min-width:185px;gap:35px}.hero-image{object-position:75% 50%}.hero-shade{background:linear-gradient(90deg,#1013119e,#10131133),linear-gradient(0deg,#10131199,transparent 35%,#1013111a 80%)}.hero-bottom{bottom:25px;gap:15px}.hero-bottom p{font-size:9px}.scroll-cue{font-size:10px;gap:10px}.scroll-cue span{width:32px;height:32px;font-size:17px}.manifesto{padding-block:75px 70px}.manifesto-body{margin-top:25px;gap:30px}.manifesto h2{font-size:39px;line-height:1.16}.manifesto h2 br{display:none}.manifesto h2 span{display:block;margin-top:10px}.manifesto-note p{font-size:13px}.small-rule{margin-bottom:20px}.section-label{font-size:11px}.scroll-story{padding-block:30px}.story-figure{height:70vw;min-height:260px}.story-image{object-position:center 68%}.story-figure figcaption{font-size:8px;bottom:12px;left:12px}.story-status{font-size:10px}.story-step{padding-block:43px}.story-step h2{font-size:38px;margin-bottom:19px}.story-step>p:not(.chapter-label){font-size:13px}.chapter-label{font-size:10px;margin-bottom:19px}.planning-bridge{padding-block:75px 35px}.planning-bridge h2{font-size:39px;line-height:1.17;margin-top:24px}.planning-bridge>p:last-child{font-size:13px;margin-top:25px}.planner-section{padding-block:15px 70px}.planner-layout{padding-top:32px;gap:24px}.planner-intro h2{font-size:25px}.planner-result{padding:20px}.layout-board{min-height:250px;padding:16px}.choice{font-size:12px;padding:10px}.planner-result-top{gap:8px}.planner-result-top h3{font-size:18px}.pill{font-size:9px;padding:5px 7px}.journal{padding-block:65px 70px}.journal-heading{display:block;margin-bottom:32px}.journal-heading h2{font-size:37px;margin-top:20px}.journal-heading>.text-link{margin-top:23px;font-size:12px}.journal-image{height:280px}.journal-feature h3{font-size:27px}.journal-grid{gap:40px}.journal-list h3{font-size:26px}.journal-list>a{padding-block:22px 25px}.closing{padding-block:65px 75px}.closing h2{font-size:64px;margin:32px 0;letter-spacing:-.065em}.closing-note{font-size:11px;max-width:280px}.footer{padding-block:38px 25px}.footer-links{font-size:11px}.footer-bottom{display:flex;flex-wrap:wrap;gap:15px}.footer-bottom span:last-child{flex-basis:100%}.footer .brand{font-size:20px}.premium-inner .article-hero{padding-block:45px}.premium-inner .article-hero h1{font-size:39px}.premium-inner .guides-intro{padding-block:50px 35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image,.story-image,.reveal{transform:none!important;transition:none!important;will-change:auto}.story-stage{position:static}.story-step{min-height:0;padding-block:32px}*,*:before,*:after{animation:none!important;transition:none!important}}

/* 三个独立分镜：默认逐章显示，动效可用的大屏才启用固定画面。 */
.scroll-story{background:#f2f0eb;padding-block:20px 70px;border-top:1px solid #d4d3cc}
.story-grid{display:block}.story-stage{display:none}.story-copy{display:block}
.story-step{min-height:0;padding:60px 0;border-bottom:1px solid #d4d3cc}
.story-step:last-child{border:0}.step-media{position:relative;margin:0 0 36px;overflow:hidden}
.step-media img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.step-media figcaption,.story-frame figcaption{position:absolute;bottom:18px;left:20px;color:#fff;background:#242724ae;padding:5px 9px;font-size:10px;z-index:2}
.story-step h2{font-weight:450;letter-spacing:-.055em;font-size:clamp(40px,3.9vw,62px);line-height:1.12}
.story-step .chapter-label{display:flex;gap:18px;align-items:center;font-size:11px;letter-spacing:.02em;margin-bottom:28px}
.story-step .chapter-label:before{content:'';width:28px;height:1px;background:#967252}
.story-step>p:not(.chapter-label){font-size:14px;line-height:1.95;max-width:30ch;margin-bottom:32px}
.story-step .text-link{font-size:12px;gap:35px;border-color:#9f9f95;padding-bottom:10px}
.story-figure{position:relative;height:min(71vh,760px);min-height:430px;background:#dfdace}
.story-frame{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.035);transition:opacity .7s ease,transform 1.15s cubic-bezier(.2,.65,.3,1);overflow:hidden}
.story-frame .story-image{width:100%;height:100%;object-fit:cover;object-position:center;transform:none;transition:none}
.scroll-story[data-active='0'] .story-frame[data-scene='0'],.scroll-story[data-active='1'] .story-frame[data-scene='1'],.scroll-story[data-active='2'] .story-frame[data-scene='2']{opacity:1;transform:scale(1);z-index:1}
.story-status{margin-top:19px;letter-spacing:.015em;font-size:11px}.story-ticks{margin-top:17px;gap:8px}.story-ticks i{height:1px}
@media(min-width:901px){
.motion-ready:not(.motion-off) .story-grid{display:grid;grid-template-columns:1.46fr .76fr;gap:7vw}
.motion-ready:not(.motion-off) .story-stage{display:block;position:sticky;top:65px;margin-top:0}
.motion-ready:not(.motion-off) .story-step{min-height:88vh;padding:90px 0;border:0}
.motion-ready:not(.motion-off) .step-media{display:none}
.motion-off .story-copy,body:not(.motion-ready) .story-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.motion-off .story-step,body:not(.motion-ready) .story-step{padding-block:35px;justify-content:flex-start}
.motion-off .story-step h2,body:not(.motion-ready) .story-step h2{font-size:38px}
}
@media(max-width:900px){.story-stage{display:none!important}.story-grid{display:block!important}.story-step{padding-block:36px 48px}.step-media{margin-bottom:28px}.story-step h2{font-size:42px}.story-step>p:not(.chapter-label){max-width:560px}.story-step h2 br{display:none}.scroll-story{padding-block:0 20px}.story-step .chapter-label{font-size:10px;margin-bottom:23px}}
@media(max-width:760px){.story-step h2{font-size:37px}.story-step>p:not(.chapter-label){font-size:13px;line-height:1.85}.step-media{margin-inline:-20px}.step-media img{aspect-ratio:6/5}.step-media figcaption{bottom:14px;left:20px;font-size:9px}.story-step .text-link{margin-bottom:0}.manifesto{padding-bottom:65px}}
.motion-off .story-frame{transition:none}#motion-toggle:disabled{cursor:default;color:#62645f;border-style:dashed}
@media(prefers-reduced-motion:reduce){.story-frame{transition:none!important}.story-stage{display:none!important}.story-grid{display:block!important}.step-media{display:block!important}.story-step{min-height:0!important;padding-block:35px!important}}