@charset "UTF-8";
:root{--ink:#1c2922;--ink-dark:#17201c;--paper:#eeeade;--paper-light:#f5f1e8;--gold:#cdb779;--light:#f1eedf;--muted:#aeb3a5;--line:rgba(239,236,219,.22);--serif:"Noto Serif SC","Songti SC","STSong","SimSun",serif;--sans:"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;--scroll:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--ink);color:var(--light);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}body,button,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}::selection{background:#b59853;color:var(--ink-dark)}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}button{border:0}.skip-link{position:fixed;z-index:100;top:8px;left:20px;background:var(--paper);color:var(--ink);padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{position:absolute;left:0;right:0;top:0;height:108px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;z-index:20}.wordmark{display:flex;flex-direction:column;gap:9px}.wordmark>span{font-family:Georgia,serif;letter-spacing:.16em;font-size:20px}.wordmark small{font-size:10px;letter-spacing:.16em;color:var(--muted)}.site-header nav{display:flex;gap:38px;font-size:14px;letter-spacing:.1em}.site-header nav a{padding:12px 0;position:relative}.site-header nav a:after{content:"";position:absolute;bottom:4px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav a:hover:after,.site-header nav a.active:after{transform:scaleX(1)}
.opening{position:relative;min-height:820px;height:100svh;background:var(--ink)}.opening-stage{position:relative;height:100svh;min-height:820px;overflow:hidden}.opening-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 62% 40%,#39432b33,transparent 66%);pointer-events:none}.hero-copy{position:absolute;z-index:2;left:7%;top:24%;}.eyebrow{font-size:12px;line-height:1.6;letter-spacing:.17em;font-weight:400}.hero-copy .eyebrow{display:flex;gap:12px;align-items:center;color:var(--gold)}.small-rule{display:inline-block;width:27px;height:1px;background:currentColor}h1{font-family:var(--serif);font-size:clamp(72px,7.1vw,124px);line-height:1.35;font-weight:400;letter-spacing:.16em;margin:28px 0 21px;position:relative}h1>span{display:block;margin-left:.34em}h1>i{font-style:normal;font-size:.35em;position:absolute;right:-.36em;bottom:.45em;color:var(--gold)}.hero-english{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(23px,2.1vw,34px);line-height:1.2;color:var(--gold)}.hero-subtitle{font-family:var(--serif);font-size:16px;letter-spacing:.21em;color:#bcc2b4;margin-top:28px}.hero-art{position:absolute;right:5.4%;top:17.5%;width:min(59vw,calc(64svh * 1.2663));}.hero-art .art-button{box-shadow:0 26px 55px #030b083d}.art-button{display:block;background:transparent;padding:0;width:100%;position:relative;cursor:zoom-in;text-align:left}.art-button img{width:100%;transition:filter .5s}.art-button:hover img{filter:brightness(1.04)}.view-hint{position:absolute;bottom:18px;right:18px;padding:11px 16px;color:white;background:#18241dd9;backdrop-filter:blur(10px);font-size:12px;letter-spacing:.08em;opacity:0;transform:translateY(5px);transition:opacity .3s,transform .3s}.art-button:hover .view-hint,.art-button:focus-visible .view-hint{opacity:1;transform:none}figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:18px;font-size:12px;line-height:1.6;letter-spacing:.1em;color:var(--muted)}.caption-divider{display:inline-block;opacity:.5;margin:0 12px}.hero-art figcaption>span:last-child{font-size:10px;letter-spacing:.15em}.hero-bottom{position:absolute;bottom:36px;left:4.2%;right:4.2%;display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--line)}.scroll-prompt{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.07em}.scroll-prompt>span:last-child{margin-left:12px;font-size:10px;color:var(--muted);letter-spacing:.12em}.scroll-line{display:block;height:30px;width:1px;background:var(--gold);position:relative}.scroll-line:after{content:"";position:absolute;bottom:0;left:-2px;width:5px;height:5px;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);transform:rotate(45deg)}.season-index{font-size:12px;letter-spacing:.13em;color:var(--muted)}.season-index i{font-style:normal;padding:0 17px;opacity:.6}
.paper-section{color:var(--ink);background:var(--paper);position:relative}.collection{padding:135px 8% 150px}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:8%;margin-bottom:100px}.section-heading .eyebrow{grid-column:1/-1;color:#6b745e;margin-bottom:32px}.section-heading h2{font-family:var(--serif);font-weight:400;font-size:clamp(38px,4.1vw,68px);line-height:1.55;letter-spacing:.07em}.section-heading h2 span{padding-left:1.03em}.section-intro{align-self:end;font-family:var(--serif);font-size:16px;line-height:2.2;color:#647060;padding-bottom:14px}.garden-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:90px 11%;align-items:start}.painting-3{padding-top:170px}.painting figcaption{color:#727869;margin-top:20px}.painting figcaption>span:first-child{color:var(--ink);font-family:var(--serif);font-size:18px;letter-spacing:.05em}.painting figcaption small{font-family:var(--sans);font-size:12px;letter-spacing:.06em;margin-right:22px;color:#78816f}.painting figcaption>span:last-child{font-size:12px;white-space:nowrap}
footer{padding:95px 8% 32px;background:var(--ink-dark);position:relative}footer .eyebrow{color:var(--gold)}.footer-title{font-family:var(--serif);font-size:clamp(26px,3.1vw,48px);letter-spacing:.12em;line-height:1.5;margin:35px 0 70px}.footer-bottom{padding-top:26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--muted);letter-spacing:.06em}
@media(min-width:1800px){.hero-copy{left:9%}.hero-art{right:9%}}
@media(max-width:1050px){.opening,.opening-stage{min-height:760px}.hero-copy{left:5%;top:26%}h1{font-size:80px}.hero-art{right:4%;top:24%;width:59vw}.hero-subtitle{font-size:14px}.hero-copy .eyebrow{font-size:10px}.hero-english{font-size:25px}.section-heading{column-gap:6%}.garden-grid{gap:80px 7%}.painting figcaption>span:last-child{display:none}}
@media(max-width:700px){html{scroll-padding-top:80px}.site-header{height:86px;padding:0 6%}.wordmark>span{font-size:15px;letter-spacing:.12em}.wordmark small{font-size:9px;letter-spacing:.05em}.site-header nav{gap:20px;font-size:13px}.site-header nav a:last-child{display:none}.opening,.opening-stage{min-height:800px;height:100svh}.hero-copy{left:8%;top:125px;right:8%}.hero-copy .eyebrow{font-size:10px;letter-spacing:.15em}h1{font-size:62px;letter-spacing:.08em;line-height:1.4;margin:23px 0 8px}h1>span{display:inline;margin-left:.08em}h1>i{font-size:25px;position:static;margin-left:-.6em}.hero-english{font-size:20px;line-height:1.3}.hero-english br{display:none}.hero-subtitle{display:none}.hero-art{right:8%;width:84%;top:340px}.hero-art figcaption{margin-top:15px;font-size:11px}.hero-art figcaption>span:last-child{font-size:9px}.hero-bottom{bottom:26px;left:6%;right:6%;padding-top:20px}.scroll-prompt{font-size:11px}.scroll-prompt>span:last-child{display:none}.season-index{font-size:10px;letter-spacing:.03em}.season-index i{padding:0 8px}.collection{padding:85px 8%}.section-heading{display:block;margin-bottom:60px}.section-heading .eyebrow{margin-bottom:25px}.section-heading h2{font-size:40px}.section-intro{font-size:16px;line-height:2;margin-top:30px}.section-intro br{display:none}.garden-grid{grid-template-columns:1fr;gap:60px}.painting-3{padding:0 0 0 19%}.painting figcaption{gap:8px}.painting figcaption small{margin-right:15px}.painting figcaption>span:last-child{display:block;font-size:11px}.painting figcaption>span:first-child{font-size:16px}.view-hint{display:none}footer{padding:65px 8% 28px}.footer-title{margin:30px 0 50px}.footer-bottom{font-size:11px;gap:15px}footer .eyebrow{font-size:10px}}
.site-header{position:fixed;transition:background .3s,color .3s,height .3s}.site-header.scrolled{height:82px;background:#1c2922ed;backdrop-filter:blur(14px)}.site-header.paper{color:var(--ink);background:#eeeadeee}.site-header.paper .wordmark small{color:#69725f}.site-header.scrolled .wordmark small{font-size:10px}.wordmark small{font-size:12px;letter-spacing:.06em}.hero-art figcaption>span:last-child,.scroll-prompt>span:last-child{font-size:12px}.hero-bottom-right{display:flex;gap:28px;align-items:center}.replay-button{background:none;padding:8px 0;font-size:20px;color:var(--muted);cursor:pointer}.replay-button span{font-size:12px;margin-left:5px}.replay-button:hover{color:var(--gold)}.hero-story{position:absolute;left:7%;top:35%;width:26%;opacity:0;visibility:hidden;transform:translateY(30px);pointer-events:none}.hero-story .eyebrow{color:var(--gold);font-size:11px}.hero-story h2{font-family:var(--serif);font-weight:400;font-size:clamp(27px,2.8vw,44px);line-height:1.65;letter-spacing:.04em;margin:24px 0}.hero-story>p:not(.eyebrow){font-family:var(--serif);font-size:16px;line-height:2.25;color:#b5beae}.story-note{display:block;border-top:1px solid var(--line);padding-top:23px;margin-top:36px;font-size:12px;letter-spacing:.1em;color:var(--muted)}
.motion-ready .opening{--stage-height:max(820px,100svh);height:calc(var(--stage-height) * 1.85);min-height:0}.motion-ready .opening-stage{position:sticky;top:0;height:var(--stage-height);min-height:0}.motion-ready .hero-copy{opacity:var(--copy-opacity,1);transform:translateY(var(--copy-y,0px));will-change:transform,opacity}.motion-ready .hero-story{opacity:var(--story-opacity,0);transform:translateY(var(--story-y,30px));visibility:visible}.motion-ready .hero-art{transform:translateY(var(--art-y,0px));will-change:transform}.motion-ready .hero-bottom{opacity:var(--bottom-opacity,1)}.collection:before{content:"";position:absolute;top:-17px;left:0;right:0;height:19px;background:var(--paper);clip-path:polygon(0 50%,2% 35%,5% 44%,8% 20%,12% 42%,16% 30%,20% 50%,24% 27%,29% 40%,34% 10%,38% 25%,43% 40%,48% 20%,53% 34%,59% 24%,64% 44%,69% 27%,75% 40%,80% 20%,84% 38%,89% 25%,94% 44%,97% 25%,100% 50%,100% 100%,0 100%)}
.intro-overlay{position:absolute;inset:0;z-index:30;pointer-events:none;background:var(--ink)}.intro-overlay canvas{width:100%;height:100%;display:block}.intro-note{position:absolute;left:7%;bottom:11%;color:var(--light);opacity:var(--intro-note,1)}.intro-note span{font-family:Georgia,serif;letter-spacing:.2em;font-size:13px}.intro-note p{font-family:var(--serif);font-size:18px;letter-spacing:.18em;margin-top:14px}.skip-intro{position:absolute;right:4.2%;top:38px;background:#17201ccc;color:var(--light);border:1px solid var(--line);padding:12px 20px;z-index:32;font-size:12px;letter-spacing:.1em;cursor:pointer}.skip-intro span{padding-left:12px}.intro-pending .hero-copy,.intro-playing .hero-copy{opacity:0!important}.intro-pending .hero-art,.intro-playing .hero-art{visibility:hidden}.intro-playing.intro-unveil .hero-copy{opacity:1!important;transition:opacity .55s}.intro-pending:after{content:"";position:fixed;inset:0;background:var(--ink);z-index:25;pointer-events:none}.intro-playing .intro-overlay{background:transparent}.intro-playing .hero-story{opacity:0}.intro-playing .site-header{opacity:0}.intro-playing .hero-bottom{opacity:0}.intro-playing .intro-note{transition:opacity .25s}[hidden]{display:none!important}
.landscape-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%;margin-top:120px}.painting-4{margin-top:150px}.interlude-quote{font-family:var(--serif);font-size:30px;line-height:1.8;letter-spacing:.1em;margin:0 0 100px 10%}.interlude-quote em{font-size:16px;font-style:normal;display:block;letter-spacing:.07em;margin-top:20px;color:#78816e}.section-end{margin-top:90px;padding-top:28px;border-top:1px solid #a0a69066;display:flex;justify-content:space-between;gap:20px;color:#717a65;font-size:12px;letter-spacing:.1em}.dusk{background:#292b26;position:relative;padding:110px 8% 100px;overflow:hidden}.dusk-heading{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2;margin-bottom:56px}.dusk-heading .eyebrow{color:var(--gold)}.dusk-heading h2{font-family:var(--serif);font-weight:400;font-size:clamp(38px,4.4vw,70px);letter-spacing:.13em;line-height:1.5;margin:28px 0 18px}.dusk-heading>p:last-child{font-family:var(--serif);font-size:16px;letter-spacing:.08em;color:#bec0ac}.dusk-art{width:min(80%,1100px);margin:0 auto;position:relative;z-index:1}.dusk-art figcaption,.dusk-art figcaption>span:first-child{color:var(--light)}.dusk-art figcaption small{color:#bbc0aa}.dusk-art .art-button{box-shadow:0 20px 90px #100f0c77}.dusk-english{font-family:Georgia,serif;font-size:clamp(40px,7vw,110px);font-style:italic;color:#bfb796;text-align:center;line-height:1.3;margin-top:66px;letter-spacing:-.035em}.human{padding:120px 8% 150px;background:var(--paper-light)}.human-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:110px 12%;align-items:start}.painting-7{padding-top:130px}.painting-8{padding-top:0}.painting-8 figcaption{flex-direction:column;gap:6px}.painting-8 figcaption>span:last-child{padding-left:40px}.city-block{grid-column:1/-1;display:grid;grid-template-columns:.7fr 1fr;gap:15%;align-items:center;width:83%;margin-left:6%;margin-top:20px}.city-intro{font-family:var(--serif);font-size:clamp(26px,2.7vw,42px);line-height:1.8;letter-spacing:.07em}.city-intro .eyebrow{display:block;font-family:var(--sans);font-size:11px;color:#757c6c;letter-spacing:.12em;margin-bottom:30px}.footer-title{margin-bottom:38px}.footer-info{display:flex;justify-content:space-between;gap:30px;margin-bottom:66px;color:var(--muted);font-size:14px;line-height:2}.footer-info .editorial-note{font-size:12px;color:#889480}.chapter-rail{position:fixed;right:1.5%;top:50%;z-index:18;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;color:var(--gold)}.chapter-rail a{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:48px;min-height:38px}.chapter-rail i{display:block;width:12px;height:1px;background:currentColor;opacity:.4;transition:width .3s,opacity .3s}.chapter-rail span{font-size:12px;opacity:0;transition:opacity .3s;letter-spacing:.04em}.chapter-rail a:hover span,.chapter-rail a:focus-visible span{opacity:1}.chapter-rail a.current i{width:24px;opacity:1}.chapter-rail.paper{color:#5c654f}.motion-ready .painting,.motion-ready .reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform 1.1s cubic-bezier(.2,.6,.2,1)}.motion-ready .painting.in-view,.motion-ready .reveal.in-view{opacity:1;transform:none}
.art-dialog{position:fixed;inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;padding:0;background:#111915;color:var(--light);overflow:hidden}.art-dialog::backdrop{background:#111915ed}.art-dialog[open]{display:grid;grid-template-rows:80px minmax(0,1fr) 96px}.viewer-header{padding:0 4%;display:flex;justify-content:space-between;align-items:center}.viewer-header>span{font-family:Georgia,serif;font-size:16px;letter-spacing:.12em}.viewer-header small{font-family:var(--sans);font-size:10px;letter-spacing:.1em;color:#a1ad99}.viewer-close{background:none;cursor:pointer;padding:10px;font-size:13px;letter-spacing:.1em;display:flex;align-items:center;gap:16px}.viewer-close>span{font-size:28px;font-weight:200}.viewer-image-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:5px 8%}.viewer-image-wrap img{height:100%;width:100%;object-fit:contain;transition:opacity .2s}.viewer-image-wrap.loading img{opacity:.15}#viewer-status{position:absolute;text-align:center;font-size:14px;color:var(--muted)}.viewer-footer{display:flex;align-items:center;justify-content:center;gap:50px;padding:15px 5%}.viewer-caption{text-align:center;min-width:210px}.viewer-caption>p:first-child{font-family:var(--serif);font-size:22px;letter-spacing:.1em}.viewer-caption>p:last-child{display:flex;justify-content:center;gap:20px;margin-top:9px;font-size:12px;color:var(--muted)}.viewer-note{opacity:.7}.viewer-arrow{cursor:pointer;min-width:48px;height:48px;background:transparent;border:1px solid #8a927a66;border-radius:50%;font-size:23px;transition:background .2s}.viewer-arrow:hover{background:#364236}.image-error{min-height:180px;background:#73806a22}.image-error:after{content:"图片暂时无法载入";position:absolute;inset:0;display:grid;place-items:center;color:#8b957e;font-size:14px}
@media(min-width:1800px){.hero-story{left:9%}}
@media(max-width:1050px){.hero-story{left:5%;width:27%;top:34%}.hero-story h2{font-size:29px}.hero-story>p:not(.eyebrow){font-size:15px}.hero-story .eyebrow{font-size:10px}.hero-bottom-right{gap:18px}.replay-button span{display:none}.hero-copy .eyebrow{font-size:11px}.hero-art figcaption>span:last-child{font-size:11px}.landscape-grid{gap:7%}.dusk-art{width:90%}.human-grid{gap:80px 9%}.city-block{width:90%;gap:12%}.hero-copy{top:24%}.wordmark small{font-size:11px}}
@media(max-width:700px){.site-header.scrolled{height:74px}.wordmark>span{font-size:14px}.wordmark small,.site-header.scrolled .wordmark small{font-size:10px;letter-spacing:0}.site-header nav{font-size:14px}.hero-copy{top:125px}.hero-copy .eyebrow{font-size:12px}.hero-art figcaption>span:last-child{font-size:10px}.hero-art figcaption{font-size:12px}.hero-bottom-right{gap:15px}.replay-button{padding:7px}.hero-bottom{bottom:28px}.season-index{font-size:11px}.hero-story{left:8%;right:8%;top:125px;width:auto}.hero-story .eyebrow{font-size:11px}.hero-story h2{font-size:32px;line-height:1.5;margin:16px 0 12px}.hero-story h2 br{display:initial}.hero-story>p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:310px}.hero-story>p:not(.eyebrow) br{display:none}.story-note{display:none}.motion-ready .opening{--stage-height:max(800px,100svh);height:calc(var(--stage-height) * 1.65)}.landscape-grid{display:flex;flex-direction:column;gap:55px;margin-top:65px}.painting-4{margin-top:0}.landscape-aside{display:flex;flex-direction:column}.interlude-quote{font-size:27px;margin:0 0 45px 15%}.interlude-quote em{font-size:15px}.painting-5{padding-right:11%}.section-end{font-size:10px;margin-top:60px;line-height:1.7}.section-end>span:first-child{max-width:140px}.dusk{padding:75px 8% 65px}.dusk-heading{margin-bottom:35px}.dusk-heading h2{font-size:39px;letter-spacing:.04em;margin:24px 0 15px}.dusk-heading>p:last-child{font-size:14px;letter-spacing:.02em}.dusk-art{width:100%}.dusk-english{font-size:38px;margin-top:42px}.human{padding:80px 8%}.human-grid{grid-template-columns:1fr;gap:65px}.painting-7{padding-top:0}.painting-8{width:62%;margin-left:auto}.painting-8 figcaption{flex-direction:row}.painting-8 figcaption>span:last-child{display:none}.city-block{grid-column:1;display:flex;flex-direction:column;gap:34px;align-items:stretch;width:90%;margin:0}.city-intro{font-size:29px;line-height:1.65}.city-intro .eyebrow{font-size:11px;margin-bottom:20px}.footer-info{display:block;font-size:14px;margin-bottom:40px}.footer-info .editorial-note{margin-top:24px;font-size:12px}.chapter-rail{display:none}.viewer-header{padding:0 5%}.viewer-header>span{font-size:13px}.viewer-header small{display:none}.viewer-image-wrap{padding:0 4%}.viewer-footer{gap:18px}.viewer-caption{min-width:180px}.viewer-caption>p:first-child{font-size:20px}.viewer-note{display:none}.viewer-arrow{min-width:44px;height:44px}.art-dialog[open]{grid-template-rows:68px minmax(0,1fr) 100px}.skip-intro{top:27px;right:6%;padding:10px 14px}.intro-note{left:8%;bottom:15%}.intro-note p{font-size:16px}.scroll-prompt{font-size:12px}}
@media(max-width:380px){h1{font-size:54px}.hero-english{font-size:18px}.season-index{display:none}.hero-story h2{font-size:28px}.viewer-footer{gap:10px}.viewer-caption{min-width:160px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-story{display:none}.intro-overlay,.skip-intro,.replay-button{display:none!important}.intro-pending:after{display:none}.intro-pending .hero-art,.intro-playing .hero-art{visibility:visible}.intro-pending .hero-copy,.intro-playing .hero-copy{opacity:1!important}}
.footer-links{display:flex;gap:32px;margin:15px 0 42px;font-size:14px;color:var(--gold)}
.footer-links a{padding-bottom:8px;border-bottom:1px solid #cdb77966}
@media(max-width:700px){.site-header nav a:last-child{display:block}.site-header nav{gap:16px}.wordmark>span{font-size:13px;letter-spacing:.08em}.wordmark small{font-size:10px}.footer-links{gap:22px;font-size:13px}}