:root{--cream:#f2eee1;--gold:#d0bb87;--ink:#102018}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font:14px/1.6 Arial,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;border:0;background:none;color:inherit;cursor:pointer;touch-action:manipulation;transition:background .25s,color .25s,transform .25s}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}h1,h2,p{margin:0}::selection{background:var(--gold);color:var(--ink)}
.forest-shell{height:100svh;min-height:820px;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column}.landscape{position:absolute;inset:0;z-index:-1;overflow:hidden}.camera{position:absolute;inset:-1.5%;transform:translate3d(var(--mx,0px),var(--my,0px),0);transition:transform 1.8s ease-out}.photo-frame{width:100%;height:100%;position:relative;animation:drift 25s ease-in-out infinite alternate;transform-origin:74% 53%}.forest-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:right center;filter:brightness(.95) saturate(.85);transition:filter 1.5s}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#07150ee6 0%,#07150e8a 31%,#07150e19 58%,transparent 80%),linear-gradient(0deg,#07130eea,transparent 27%,transparent 80%,#07130e50);transition:opacity 1s}.sun-wash{position:absolute;top:-45%;right:-20%;height:100%;width:80%;background:radial-gradient(ellipse,#fbe3a921,transparent 65%);mix-blend-mode:screen;animation:light 15s ease-in-out infinite alternate}.light-shaft{position:absolute;inset:-20%;background:linear-gradient(117deg,transparent 50%,#f9e6ad07 53%,transparent 56%,transparent 61%,#f9e6ad09 64%,transparent 68%);mix-blend-mode:screen;animation:light 22s ease-in-out infinite alternate-reverse}#atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.grain{position:absolute;inset:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h150v150H0z'/%3E%3C/svg%3E");pointer-events:none}
.header{height:108px;flex-shrink:0;margin:0 64px;border-bottom:1px solid #e6e1cc24;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:5;transition:opacity .6s}.brand{display:flex;align-items:center;gap:12px;padding:0;text-align:left;white-space:nowrap}.brand svg{width:37px;height:44px;color:#e6d5b0}.brand>span{font-size:21px;font-weight:500;letter-spacing:2px}.brand small{display:block;font-size:7px;letter-spacing:3.6px;font-weight:400;color:#c5ccb9;margin-top:2px}.navigation{display:flex;align-items:center;gap:35px;margin-left:20px}.navigation button{font-size:12px;letter-spacing:1px;padding:15px 0;position:relative;color:#b7c1ae}.navigation button:hover,.navigation button.active{color:#f6eddb}.navigation .active span{position:absolute;bottom:0;left:calc(50% - 2px);height:4px;width:4px;background:#d4c29a;border-radius:50%}.header-right{display:flex;align-items:center;gap:28px}.edition{font-size:7px;letter-spacing:2.3px;color:#b9c4ae}.header-link{border:1px solid #dfd7bd50;border-radius:2px;padding:10px 17px;display:flex;gap:24px;align-items:center;font-size:11px;letter-spacing:1px;background:#0c1e1520;backdrop-filter:blur(10px)}.header-link>span{font-size:18px}.header-link:hover{background:#e5d7b626}.menu-toggle{display:none;width:28px;height:35px;padding:0}.menu-toggle span{display:block;width:20px;height:1px;background:var(--cream);margin:6px auto}
.hero{flex:1;position:relative;padding:53px 68px;display:flex;align-items:center}.hero-copy{max-width:610px;transition:opacity .7s,transform .7s}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px;color:#c2ccb5;margin-bottom:29px}.eyebrow>span{width:5px;height:5px;background:#c9bc96;border-radius:50%;box-shadow:0 0 0 4px #d5c18a12}.eyebrow i{font-style:normal;font-size:7px;letter-spacing:1.6px;color:#8d9c82;margin-left:14px}h1{font-family:"Songti SC","STSong","SimSun",serif;font-size:clamp(62px,5.15vw,83px);font-weight:400;line-height:1.3;letter-spacing:5px;text-shadow:0 3px 24px #06120b50}h1 em{font-style:normal;color:#dfd0ab}.english{font:italic 26px/1.4 Georgia,serif;color:#bfae86;margin-top:22px;letter-spacing:-.2px}.intro{font-size:12px;line-height:2.05;color:#b8c5ac;letter-spacing:1px;margin-top:28px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px}.explore-button{display:flex;align-items:center;gap:34px;background:#e9e1cd;color:#22382a;font-size:12px;padding:15px 19px 15px 23px;border-radius:2px;letter-spacing:1px}.explore-button>span{font-size:22px;line-height:1}.explore-button:hover{background:#fff2d7;transform:translateY(-2px)}.immerse-button{font-size:11px;display:flex;align-items:center;gap:10px;letter-spacing:.7px;color:#c7d0ba;padding:13px 0}.immerse-button svg{width:16px;height:16px;transition:transform .3s}.immerse-button:hover svg{transform:scale(1.2)}.hero-note{display:flex;align-items:center;gap:12px;margin-top:37px;font-size:9px;line-height:1.8;letter-spacing:1px;color:#94a589}.note-line{width:28px;height:1px;background:#9bab8770}.scene-caption{position:absolute;right:66px;bottom:35px;display:flex;gap:14px;align-items:center;transition:opacity .6s}.caption-marker{width:23px;height:23px;border:1px solid #d9c28a75;border-radius:50%;position:relative}.caption-marker:after{content:"";position:absolute;inset:9px;background:#dac395;border-radius:50%}.scene-caption small{font-size:6px;letter-spacing:1.8px;color:#c3b18a}.scene-caption p{font-size:10px;letter-spacing:1px;color:#d6d5bd;margin-top:6px}
.footer{min-height:102px;flex-shrink:0;margin:0 64px;border-top:1px solid #d9d8bb29;display:flex;align-items:center;justify-content:space-between;gap:24px;transition:opacity .6s}.footer-promise{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:1.1px;color:#c2cdb6}.fine-star{font-size:27px;color:#c7b586}.footer-promise small{display:block;font-size:5.5px;letter-spacing:1.7px;color:#839576;margin-top:5px}.scene-controls{display:flex;align-items:center;gap:23px;color:#bdc8b1}.light-options{display:flex;align-items:center;gap:12px}.light-options>span{font-size:10px;opacity:.3}.light-options button{font-size:10px;letter-spacing:2px;padding:8px 0;opacity:.5}.light-options button[aria-pressed=true]{opacity:1;color:#e2ca98}.control-line{height:14px;width:1px;background:#bac7a936}.motion-toggle{font-size:9px;display:flex;align-items:center;gap:10px;letter-spacing:1px;padding:8px 0}.motion-icon{width:25px;height:25px;border:1px solid #c3ceae45;border-radius:50%;display:grid;place-items:center;font-size:9px}.page-number{font:italic 16px Georgia,serif;color:#bebe9b}.page-number i{font:normal 11px Arial;margin:0 12px;opacity:.4}
[data-light=dusk] .forest-photo{filter:brightness(.68) saturate(.65) sepia(.12)}[data-light=dusk] .sun-wash{opacity:.25}[data-light=dusk] .shade{background:linear-gradient(90deg,#081623d9,#08162370 35%,#10203718 80%),linear-gradient(0deg,#07151beb,transparent 32%,#15213825)}.paused .photo-frame,.paused .sun-wash,.paused .light-shaft,.inactive .photo-frame,.inactive .sun-wash,.inactive .light-shaft{animation-play-state:paused}.paused .camera{transform:none}.immersed .hero-copy{opacity:0;transform:translateY(10px);pointer-events:none}.immersed .header,.immersed .footer,.immersed .scene-caption{opacity:0;pointer-events:none}.immersed .shade{opacity:.2}.exit-immersion{position:absolute;left:45px;top:35px;border:1px solid #e0d3ac50;background:#0d21177d;backdrop-filter:blur(15px);border-radius:2px;padding:11px 17px;font-size:11px;display:flex;gap:20px;align-items:center;z-index:10}.exit-immersion kbd{font:8px Arial;color:#bbc5ab;border:1px solid #b8c79d40;padding:2px 5px}.immersive-caption{position:absolute;bottom:45px;left:0;right:0;text-align:center;font-family:"SimSun",serif;font-size:16px;letter-spacing:5px;text-shadow:0 2px 10px #000}.exit-immersion[hidden],.immersive-caption[hidden]{display:none}
dialog{color:#273c2d;background:#f0eee3;border:1px solid #bac0a6;padding:0;max-height:92dvh;box-shadow:0 30px 120px #0005}dialog::backdrop{background:#07170ec4;backdrop-filter:blur(12px)}.library-dialog{width:min(550px,calc(100% - 24px));height:100dvh;max-height:100dvh;margin:0 0 0 auto;border:0}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 32px;border-bottom:1px solid #253b2b21;font-size:8px;letter-spacing:2px}.dialog-top button{width:32px;height:32px;font-size:25px;color:#607052}.dialog-top button:hover{background:#dbe0cf}.dialog-body{padding:45px 40px}.kicker{font-size:9px;color:#7c8a6b;letter-spacing:2px;margin-bottom:20px}h2{font:normal 36px/1.5 "Songti SC","SimSun",serif;letter-spacing:1px}.dialog-description{font-size:12px;color:#7a856e;line-height:2;margin-top:22px}.subject-list{margin-top:38px;border-top:1px solid #344e3121}.subject-list>div{padding:22px 0;display:flex;align-items:center;gap:18px;border-bottom:1px solid #344e3121}.subject-list>div>span{font:italic 12px Georgia;color:#93a17d}.subject-list strong{font-size:14px;font-weight:400}.subject-list small{margin-left:auto;font-size:10px;color:#8d987f}.empty-note{font-size:10px;letter-spacing:1px;color:#98a28c;margin-top:30px}.story-dialog{width:min(590px,calc(100% - 28px));border-radius:3px}.story-copy{font-size:13px;line-height:2.1;color:#6a7a60;margin-top:24px}.story-signature{font:italic 24px Georgia,serif;color:#647651;margin:32px 0}.skip{position:fixed;top:-100px;left:20px;background:var(--cream);color:#182d1f;padding:10px;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;left:0;top:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.page-light,.mobile-br{display:none}
@keyframes drift{from{transform:scale(1.015) translate3d(-.15%,0,0)}to{transform:scale(1.05) translate3d(.3%,.25%,0)}}@keyframes light{from{opacity:.25;transform:translate(-1%,1%)}to{opacity:.8;transform:translate(1%,-2%)}}
@media(min-width:851px) and (max-height:850px){.forest-shell{min-height:720px}.header{height:90px}.hero{padding-top:27px;padding-bottom:30px}h1{font-size:64px}.eyebrow{margin-bottom:20px}.english{margin-top:16px;font-size:23px}.intro{margin-top:21px}.hero-actions{margin-top:24px}.hero-note{margin-top:26px}.footer{min-height:86px}}
@media(max-width:1150px){.header{margin:0 38px;gap:20px}.edition{display:none}.navigation{gap:25px;margin-left:0}.hero{padding-left:42px;padding-right:42px}.footer{margin:0 38px}.scene-caption{right:38px}h1{font-size:60px}.english{font-size:23px}.hero-copy{max-width:500px}}
@media(max-width:850px){.forest-shell{height:auto;min-height:max(900px,100svh)}.header{height:85px;margin:0 28px}.brand>span{font-size:18px}.brand svg{width:32px}.brand small{font-size:6px;letter-spacing:3px}.navigation{display:none;position:absolute;left:0;right:0;top:73px;padding:16px 20px;background:#14291ef2;border:1px solid #bfccb345;border-radius:3px;backdrop-filter:blur(20px);z-index:30}.navigation.open{display:flex;justify-content:space-around}.navigation button{font-size:11px}.header-right{gap:19px}.header-link{padding:8px 12px;gap:19px;font-size:10px}.menu-toggle{display:block}.hero{padding:42px 34px 70px;align-items:flex-start;min-height:720px}.hero-copy{max-width:100%}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:22px}.eyebrow i{font-size:6px;margin-left:4px}h1{font-size:58px}.english{font-size:23px;margin-top:18px}.intro{font-size:11px;line-height:1.9;margin-top:22px}.hero-actions{margin-top:25px;gap:22px}.hero-note,.scene-caption{display:none}.footer{min-height:100px;margin:0 28px;padding:20px 0;gap:15px}.footer-promise{font-size:9px;gap:10px}.footer-promise small{font-size:5px;letter-spacing:1px}.fine-star{font-size:23px}.scene-controls{gap:17px}.page-number,.motion-label{display:none}.photo-frame{animation-duration:30s}.exit-immersion{left:28px;top:28px}.immersive-caption{font-size:14px;letter-spacing:3px}.shade{background:linear-gradient(90deg,#08160fe0,#0b1d1440 75%),linear-gradient(0deg,#07150dea,transparent 35%,#0b1d14a6 95%)}}
@media(max-width:600px){.forest-shell{min-height:940px}.header{margin:0 22px;height:80px}.header-right{gap:14px}.brand{gap:8px}.brand>span{font-size:17px;letter-spacing:1px}.brand svg{width:30px;height:38px}.brand small{font-size:5px;letter-spacing:2.8px}.header-link{font-size:9px;padding:7px 10px;gap:15px}.hero{min-height:760px;padding:38px 27px 0}.eyebrow{font-size:8px;letter-spacing:1px;gap:8px;margin-bottom:21px}h1{font-size:49px;letter-spacing:3px;line-height:1.28}.english{font-size:20px;margin-top:15px;letter-spacing:-.3px}.intro{font-size:10px;line-height:1.9;margin-top:19px;letter-spacing:.7px}.hero-actions{gap:20px;margin-top:23px}.explore-button{font-size:10px;padding:13px 14px 13px 17px;gap:24px}.explore-button>span{font-size:20px}.immerse-button{font-size:9px;gap:7px;letter-spacing:0}.immerse-button svg{width:13px}.camera{inset:0}.photo-frame{position:absolute;left:auto;right:-5%;bottom:55px;width:220%;height:auto;aspect-ratio:1672/941;transform-origin:76% 60%}.forest-photo{object-fit:fill;filter:brightness(.95) saturate(.85)}.shade{background:linear-gradient(180deg,#102018 0%,#102018fc 29%,#102018d9 38%,#1020182b 51%,transparent 65%,#10201800 80%,#102018e6 91%,#102018 100%)}.sun-wash{width:140%;top:2%;right:-55%;height:90%;opacity:.5}.grain{opacity:.035}.footer{margin:0 25px;padding:17px 0 22px;min-height:100px;gap:20px;align-content:center;flex-wrap:nowrap}.footer-promise{font-size:8px;letter-spacing:.5px;gap:8px}.footer-promise small{max-width:150px;font-size:4px;letter-spacing:.9px;line-height:1.8px;line-height:1.8}.fine-star{font-size:22px}.scene-controls{gap:12px}.light-options{gap:7px}.light-options button{font-size:9px;letter-spacing:1px}.motion-icon{width:23px;height:23px}.control-line{display:none}.motion-toggle{padding:0}.exit-immersion{top:24px;left:24px;font-size:10px}.immersive-caption{bottom:115px;font-size:12px}.immersed .photo-frame{bottom:140px;transition:bottom 1s}.immersed .shade{opacity:.45}.dialog-top{padding:19px 24px;font-size:7px;letter-spacing:1.3px}.dialog-body{padding:32px 27px}h2{font-size:30px}.kicker{font-size:8px;letter-spacing:1px}.subject-list>div{gap:13px}.subject-list strong{font-size:13px}.subject-list small{font-size:9px}.story-copy{font-size:12px}.story-signature{font-size:21px}}
@media(max-width:360px){.header{margin:0 17px}.header-link{display:none}.hero{padding-left:23px;padding-right:23px}h1{font-size:45px}.english{font-size:18px}.hero-actions{gap:15px}.explore-button{gap:16px}.footer{margin:0 20px;gap:9px}.footer-promise small{max-width:125px;font-size:3.7px}.scene-controls{gap:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.camera{transform:none!important}}

@media(max-width:600px){.photo-frame{mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 100%)}}

/* Independently animated character layers, sharing the background's exact framing. */
.owl-stage{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;filter:brightness(.95) saturate(.85);transition:filter 1.5s}
[data-light=dusk] .owl-stage{filter:brightness(.68) saturate(.65) sepia(.12)}
.owl-hotspot{position:absolute;z-index:3;right:9%;top:15%;width:32%;height:69%;padding:0;background:none;border:0;cursor:pointer}
.owl-touch-label{position:absolute;right:8%;bottom:2%;display:flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 12px;border:1px solid #d2bb884a;border-radius:30px;background:#10201875;backdrop-filter:blur(10px);font-size:9px;letter-spacing:1px;color:#dac79f;transition:background .25s}
.owl-hotspot:hover .owl-touch-label{background:#263a26d9}.owl-touch-label b{font-size:14px;font-weight:400}.touch-dot{width:4px;height:4px;border-radius:50%;background:#cfb577;box-shadow:0 0 8px #e9d59b50}
.owl-hotspot:focus-visible{outline:1px solid #d3bb8655;outline-offset:5px;border-radius:45%}
.owl-hotspot[data-awake=true] .owl-touch-label{background:#4b4c2acc}
.immersed .owl-touch-label{opacity:.35}
@media(max-width:850px) and (min-width:601px){.owl-hotspot{right:5%;top:31%;width:46%;height:54%}}
@media(max-width:600px){.owl-hotspot{top:470px;right:12%;width:68%;height:350px}.owl-touch-label{right:0;bottom:3%;font-size:8px;padding:6px 10px;letter-spacing:.5px}.immersed .owl-hotspot{top:385px}}

@media(min-width:601px){.owl-touch-label{bottom:13%}}