/* 澄隐 · 山间章节。共享原有内容与交互，只延展影像和阅读节奏。 */
.chapter-document{scroll-behavior:auto}
.chapter-page{--chapter-white:#f6f1e9}
.has-chapter-hero .header{position:fixed;inset:0 0 auto;box-shadow:0 1px 0 #26352f10}
.over-chapter .header{background:linear-gradient(#1e2e28e0,#1e2e2808);color:var(--chapter-white);box-shadow:none}
.over-chapter .header-inner{border-color:#f6f1e929}
.over-chapter .header .brand-en,.over-chapter .header .nav a[aria-current=page],.over-chapter .header .nav a:hover{color:var(--chapter-white)}
.over-chapter .header .nav-book{border-color:#f6f1e999}
.over-chapter .header :focus-visible{outline-color:#f6f1e9}
.chapter-hero{position:relative;background:#304a41;isolation:isolate}
.chapter-landscape{height:156svh;view-timeline-name:--chapter;view-timeline-axis:block}
.chapter-stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;background:#304a41;color:var(--chapter-white)}
.chapter-quiet .chapter-stage{height:88svh;min-height:620px}
.chapter-short .chapter-stage{height:78svh;min-height:590px}
.chapter-image,.chapter-image picture,.chapter-image img,.season-backdrops,.season-backdrop,.season-backdrop picture,.season-backdrop img{position:absolute;inset:0;width:100%;height:100%;margin:0;max-height:none;aspect-ratio:auto;object-fit:cover}
.chapter-image picture,.season-backdrop picture{transform-origin:65% 45%;animation:chapter-breathe 26s ease-in-out infinite alternate}
.chapter-image figcaption,.season-backdrop figcaption{display:none}
.chapter-image{will-change:opacity,transform}
.chapter-near{opacity:0}
.chapter-near img{object-position:62% center}
.chapter-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#1e2e28aa 0%,#1e2e2842 53%,#1e2e2808 100%),linear-gradient(0deg,#1e2e2899,transparent 45%)}
.chapter-mist{position:absolute;inset:0;width:100%;height:100%;opacity:.24;pointer-events:none;mix-blend-mode:screen}
.chapter-crossing{position:absolute;inset:0;opacity:0;background:#f0e7db;pointer-events:none}
.chapter-copy{position:relative;z-index:2;width:min(1280px,calc(100% - 112px));margin:auto;padding-top:clamp(180px,29svh,330px);pointer-events:none}
.chapter-copy>*{pointer-events:auto}
.chapter-copy .breadcrumb,.season-cover-copy .breadcrumb{font-size:13px;color:#f6f1e9cc;margin-bottom:35px}
.chapter-copy h1,.season-cover-copy h1{font-size:clamp(46px,5.6vw,76px);line-height:1.5;letter-spacing:.04em;max-width:900px;text-wrap:balance;color:var(--chapter-white)}
.keep-phrase{white-space:nowrap}
.chapter-copy .lead{font-size:18px;color:#f6f1e9ed;line-height:2;max-width:520px;margin-top:27px;text-shadow:0 1px 14px #1e2e28b3}
.chapter-enter{display:inline-flex;align-items:center;gap:25px;min-height:48px;margin-top:26px;font-size:13px;border-bottom:1px solid #f6f1e988}
.chapter-enter:after{content:'↓';font-size:20px}
.chapter-bottom{position:absolute;z-index:3;bottom:28px;left:56px;right:56px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#f6f1e9e6}
.chapter-bottom p{font:12px/1.7 var(--sans);color:inherit;text-shadow:0 1px 9px #1e2e28}
.chapter-motion{border:1px solid #f6f1e966;background:#1e2e2850;color:var(--chapter-white);padding:8px 16px;min-height:44px;font-size:12px;display:inline-flex;align-items:center;gap:11px}
.chapter-motion:hover{background:#1e2e2899}
.chapter-stage :focus-visible,.season-stage :focus-visible{outline-color:var(--chapter-white)}
.chapter-anchor{display:block;scroll-margin-top:80px}
@keyframes chapter-breathe{from{transform:scale(1.025) translateX(-.4%)}to{transform:scale(1.085) translateX(.4%)}}
@supports(animation-timeline:view()){
 .chapter-landscape .chapter-far{animation:chapter-depart linear both;animation-timeline:--chapter;animation-range:contain 0% contain 100%}
 .chapter-landscape .chapter-near{animation:chapter-arrive linear both;animation-timeline:--chapter;animation-range:contain 0% contain 100%}
 .chapter-landscape .chapter-crossing{animation:chapter-cloud linear both;animation-timeline:--chapter;animation-range:contain 0% contain 100%}
}
@keyframes chapter-depart{0%,20%{opacity:1;transform:scale(1)}80%,100%{opacity:0;transform:scale(1.1)}}
@keyframes chapter-arrive{0%,20%{opacity:0;transform:scale(1.04)}80%,100%{opacity:1;transform:scale(1)}}
@keyframes chapter-cloud{0%,100%{opacity:0}48%{opacity:.32}}
.motion-paused .chapter-image,.motion-paused .chapter-image picture,.motion-paused .chapter-crossing,.motion-paused .season-backdrop picture{animation-play-state:paused!important}
.motion-paused .chapter-mist{opacity:0}
/* Large frames give way to readable paper sections. */
.chapter-page .section{padding-block:105px}
.chapter-page .intro{gap:clamp(45px,8vw,120px)}
.chapter-page .intro>div>h2{font-size:clamp(30px,3.3vw,46px);line-height:1.7}
.chapter-page .anchor-nav{padding-block:24px;margin-top:0}
.story-landscape{position:relative;isolation:isolate;min-height:780px;display:flex;align-items:center;color:var(--chapter-white);overflow:hidden}
.story-landscape>.media{position:absolute;inset:0;z-index:-2}
.story-landscape>.media picture{width:100%;height:100%;aspect-ratio:auto}
.story-landscape>.media figcaption{position:absolute;bottom:24px;right:56px;color:#f6f1e9df}
.story-landscape:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1e2e28cf,#1e2e2855 65%,#1e2e2815)}
.story-landscape .split-copy{width:min(520px,calc(100% - 112px));margin-left:max(56px,calc((100% - 1280px)/2));padding-block:90px}
.story-landscape h2{font-size:clamp(36px,4vw,54px)}
.story-landscape p{color:#f6f1e9ed;text-shadow:0 1px 12px #1e2e28}
.story-landscape .text-link{border-color:#f6f1e988;color:#f6f1e9}
.together-feature{grid-template-columns:1.05fr 1fr;gap:clamp(45px,8vw,120px)}
.together-feature .media picture{aspect-ratio:1}
.chapter-page .trip-grid{gap:64px}
.chapter-page .trip{border:0;padding-top:0}
.trip-photo{margin-bottom:30px}
.trip-photo picture{aspect-ratio:3/2}
.chapter-page .trip h3{font-size:36px}
.chapter-page .local-topics,.chapter-page .care-principles{grid-template-columns:1fr 1fr;gap:50px 80px}
.local-topics .row,.care-principles .row{display:block;padding-top:28px;border-top:1px solid var(--line)}
.local-topics .row h3,.care-principles .row h3{font-size:27px;margin-bottom:16px}
.chapter-page .brand-intro{display:block;max-width:750px;text-align:center;padding-block:120px}
.brand-intro>div+div{margin-top:35px}
.brand-intro p{text-align:left}
.chapter-page .room-grid{gap:80px}
.chapter-page .room-grid .media picture{aspect-ratio:4/3.4}
.chapter-page .room-summary{line-height:2}
.chapter-page .itinerary-intro{grid-template-columns:.8fr 1.2fr;align-items:start;gap:100px}
.itinerary-intro>div:first-child{position:sticky;top:115px}
.chapter-page .journey{margin:0}
.chapter-page .journey li{padding:0 0 45px 35px;position:relative}
.chapter-page .journey li:before{content:'';position:absolute;left:-4px;top:12px;width:7px;height:7px;border-radius:50%;background:#baa382}
.chapter-page .journey h3{font-size:26px}
/* A season is a scene first; practical details stay on paper below. */
.season-stage{height:90svh;min-height:680px;max-height:1050px;position:relative;overflow:hidden;background:#304a41;color:var(--chapter-white)}
.season-cover-copy{position:relative;width:min(1280px,calc(100% - 112px));margin:auto;padding-top:clamp(180px,25svh,280px)}
.season-cover-copy .lead{color:#f6f1e9ed;margin-top:22px;font-size:19px}
.season-cover-tabs{position:relative;display:flex;justify-content:flex-start;gap:35px;width:max-content;max-width:calc(100% - 112px);margin:35px 0 0 max(56px,calc((100% - 1280px)/2));border-bottom:1px solid #f6f1e955}
.season-cover-tabs button{color:#f6f1e9bf;font:30px/1.8 var(--serif);padding:8px 15px;min-width:55px}
.season-cover-tabs button[aria-selected=true]{color:#f6f1e9;box-shadow:inset 0 -2px #f6f1e9}
.season-backdrop{animation:season-reveal .8s ease both}
@keyframes season-reveal{from{opacity:.4}to{opacity:1}}
.chapter-page .season-details{padding-top:90px!important}
.season-reading{display:grid;grid-template-columns:1fr 1.15fr;gap:20px 85px}
.season-reading>.overline{grid-column:1/-1;margin:0 0 8px;font-size:14px}
.season-reading>h2{grid-column:1;grid-row:2/4;max-width:450px}
.season-reading>p:not(.overline){grid-column:2;font-size:18px}
.season-reading>.rows{grid-column:2;gap:24px;margin-top:15px}
.season-reading .row{grid-template-columns:60px 1fr;gap:25px;padding-top:22px;border-top:1px solid var(--line)}
.season-reading .row h3{font-size:21px}
/* Gallery and correspondence retain their existing controls. */
.chapter-page.page-gallery .page-title{padding-block:80px 35px}
.chapter-page .gallery-grid{grid-template-columns:1fr 1fr;gap:65px 45px}
.chapter-page .gallery-grid .media picture{aspect-ratio:3/2}
.chapter-page .gallery-grid .gallery-tall picture{aspect-ratio:4/4.6}
.chapter-page .gallery-item .caption{font-size:24px;padding-top:15px}
.chapter-page .gallery-controls{gap:30px;border-bottom:1px solid var(--line);margin-bottom:30px}
.chapter-page.page-contact .page-title{padding-block:65px 30px}
.chapter-page.page-contact .contact-grid{padding-top:20px;gap:85px}
.chapter-page .contact-aside{padding-left:40px}
.chapter-page .privacy-copy{max-width:760px}
@media(max-width:1100px){
 .chapter-copy,.season-cover-copy{width:calc(100% - 72px)}
 .chapter-bottom{left:36px;right:36px}
 .season-cover-tabs{margin-left:36px}
 .story-landscape .split-copy{margin-left:36px;width:min(520px,calc(100% - 72px))}
 .chapter-page .itinerary-intro{gap:55px}
 .chapter-page.page-contact .contact-grid{gap:40px}
}
@media(max-width:960px){
 .over-chapter .nav{color:var(--ink)}
 .over-chapter .header .nav a[aria-current=page],.over-chapter .header .nav a:hover{color:var(--pine)}
 .over-chapter .header .nav-book{border-color:var(--ink)}
 .over-chapter .header .nav :focus-visible{outline-color:var(--pine)}
}
@media(max-width:760px){
 .chapter-page .section{padding-block:65px}
 .chapter-landscape{height:146svh}
 .chapter-stage{min-height:660px}
 .chapter-quiet .chapter-stage{height:88svh;min-height:660px}
 .chapter-short .chapter-stage{height:82svh;min-height:630px}
 .chapter-copy,.season-cover-copy{width:calc(100% - 48px);padding-top:clamp(150px,25svh,230px)}
 .chapter-copy h1,.season-cover-copy h1{font-size:clamp(35px,9.3vw,52px);line-height:1.65;letter-spacing:.025em}
 .chapter-copy .breadcrumb,.season-cover-copy .breadcrumb{margin-bottom:24px}
 .chapter-copy .lead{font-size:16px;margin-top:23px;max-width:27em;line-height:2}
 .chapter-enter{margin-top:21px}
 .chapter-bottom{left:24px;right:24px;bottom:22px;gap:10px}
 .chapter-bottom p{font-size:11px;text-align:right}
 .chapter-motion{padding:8px 11px;gap:8px;white-space:nowrap}
 .chapter-shade{background:linear-gradient(90deg,#1e2e289e,#1e2e2825),linear-gradient(0deg,#1e2e28ac,transparent 65%)}
 .chapter-image img{object-position:62% center}
 .page-about .chapter-image img{object-position:55% center}
 .chapter-page .intro{gap:30px}
 .chapter-page .intro>div>h2{font-size:32px}
 .story-landscape{min-height:770px}
 .story-landscape .split-copy{width:calc(100% - 48px);margin-left:24px;padding-block:75px}
 .story-landscape h2{font-size:34px}
 .story-landscape>.media img{object-position:65% center}
 .story-landscape>.media figcaption{right:24px;bottom:20px}
 .story-landscape:after{background:#1e2e2899}
 .together-feature{grid-template-columns:1fr;gap:32px}
 .chapter-page .trip-grid{gap:55px}
 .trip-photo{margin-bottom:20px}
 .chapter-page .trip h3{font-size:31px}
 .chapter-page .local-topics,.chapter-page .care-principles{grid-template-columns:1fr;gap:32px}
 .local-topics .row h3,.care-principles .row h3{font-size:24px}
 .chapter-page .brand-intro{padding-block:75px;text-align:left}
 .chapter-page .room-grid{gap:55px}
 .chapter-page .room-grid>article{padding-inline:0}
 .chapter-page .itinerary-intro{grid-template-columns:1fr;gap:45px}
 .itinerary-intro>div:first-child{position:static}
 .chapter-page .journey li{padding-left:25px}
 .chapter-page .journey h3{font-size:23px}
 .season-stage{height:88svh;min-height:650px}
 .season-cover-copy .lead{font-size:17px;max-width:18em}
 .season-cover-tabs{margin:34px 24px 0;gap:22px;max-width:calc(100% - 48px)}
 .season-cover-tabs button{font-size:28px;padding-inline:9px;min-width:48px}
 .chapter-page .season-details{padding-top:60px!important}
 .season-reading{display:block}
 .season-reading>.overline{font-size:12px;margin-bottom:20px}
 .season-reading>h2{font-size:32px}
 .season-reading>p:not(.overline){font-size:16px}
 .season-reading>.rows{margin-top:30px}
 .season-reading .row{grid-template-columns:50px 1fr;gap:20px}
 .chapter-page .gallery-grid{gap:42px 20px}
 .chapter-page .gallery-grid .media picture{aspect-ratio:4/3}
 .chapter-page .gallery-item .caption{font-size:21px}
 .chapter-page .gallery-controls{gap:20px}
 .chapter-page.page-gallery .page-title{padding-block:45px 25px}
 .chapter-page.page-contact .page-title{padding-block:40px 25px}
 .chapter-page.page-contact .contact-grid{gap:30px}
 .chapter-page .contact-aside{padding-left:0}
}
@media(max-width:480px){.chapter-page .gallery-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
 .chapter-landscape{height:auto}
 .chapter-stage{position:relative}
 .chapter-image,.chapter-image picture,.season-backdrop picture{animation:none!important}
 .chapter-near,.chapter-crossing,.chapter-mist,.chapter-motion{display:none}
 .chapter-far{opacity:1!important;transform:none!important}
 .chapter-bottom{justify-content:flex-end}
}