*{box-sizing:border-box}html{background:#eeece3;color:#38453d;scroll-behavior:auto}body{margin:0;font-family:Microsoft YaHei,PingFang SC,sans-serif;overscroll-behavior:none}.stage{position:fixed;inset:0;z-index:0;pointer-events:none}.stage canvas{width:100%;height:100%;display:block}header,footer,.intro{position:fixed;z-index:1}header{top:35px;left:4.2vw;right:4.2vw;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;font-size:15px;letter-spacing:3px;font-weight:600;text-decoration:none;color:inherit}.mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid #a9543f;color:#a64b36;border-radius:50%;font-family:serif;font-size:18px;letter-spacing:0}.edition{font-size:11px;letter-spacing:2px;opacity:.55}.intro{left:10.2%;top:32%;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:4px;opacity:.65;margin:0 0 25px}h1{font-family:Songti SC,"Noto Serif CJK SC",SimSun,serif;font-weight:400;font-size:clamp(32px,4.2vw,68px);line-height:1.48;letter-spacing:.12em;margin:0;color:#394a3e}.hint{font-size:12px;line-height:2.15;letter-spacing:1.5px;opacity:.65;margin-top:24px}footer{bottom:35px;left:4.2vw;right:4.2vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px}.motion{display:flex;align-items:center;gap:10px;min-width:190px}.dot{width:5px;height:5px;background:#8d503b;border-radius:50%}.meter{display:block;width:40px;height:2px;background:#525d4520}.meter i{display:block;height:100%;width:10%;background:#9b6244;transition:width .1s}.layers{display:flex;gap:22px;align-items:center;opacity:.7}.layers label{cursor:pointer;display:flex;align-items:center;gap:5px}input{accent-color:#6c7c62;width:12px;height:12px;margin:0}button{font:inherit;color:inherit;background:transparent;border:1px solid #56614c35;padding:7px 15px;border-radius:30px;cursor:pointer}button:hover{background:#fff5}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #9b6244;outline-offset:5px}.scroll-hint{min-width:190px;text-align:right;opacity:.6}.scroll-hint span{display:inline-block;margin-left:14px;font-size:20px}#loading{position:fixed;z-index:2;left:50%;top:48%;transform:translate(-50%,-50%);font-size:13px;letter-spacing:2px;background:#eeece3d9;padding:14px 22px;border-radius:4px;max-width:80vw}#loading[hidden]{display:none}@media(max-width:700px){header{top:24px;left:24px;right:24px}.brand{font-size:12px;gap:9px;letter-spacing:2px}.edition{font-size:9px;letter-spacing:1px}.intro{left:28px;top:18%}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:16px}h1{font-size:32px;line-height:1.4}.hint{font-size:10px;line-height:2;letter-spacing:.5px;margin-top:18px}footer{left:24px;right:24px;bottom:23px;flex-wrap:wrap;row-gap:17px}.motion{min-width:0;font-size:10px;gap:6px}.layers{gap:12px;font-size:10px}.scroll-hint{display:none}.meter{width:24px}.layers button{padding:6px 11px}}html,body{height:100%;min-height:100%;overflow:hidden}body{touch-action:pinch-zoom}.sections{display:flex;align-items:center;gap:14px;min-width:190px;justify-content:flex-end}.sections button{padding:7px 12px}.sections button:disabled{opacity:.3;cursor:default}.sections span{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:2px}@media(max-width:700px){.sections{width:100%;justify-content:center;gap:22px}.sections button{padding:7px 15px}footer{row-gap:12px}}.intro{left:62%;top:32%}.pond-caption{position:fixed;z-index:1;top:12%;left:0;right:0;text-align:center;pointer-events:none;opacity:0;color:#eff2df;text-shadow:0 1px 18px #12352e66}.pond-caption p{font-family:Songti SC,SimSun,serif;font-size:clamp(19px,2vw,28px);letter-spacing:.22em;margin:0 0 9px}.pond-caption span{font-size:11px;letter-spacing:.24em;opacity:.75}header,footer{transition:color 1.5s}.in-pond header,.in-pond footer{color:#eff2df}.in-pond button{border-color:#dbe9d35c;background:#173d3830}.in-pond .mark{color:#f4d4ad;border-color:#f4d4ad80}.in-pond .dot{background:#e9c299}.in-pond .edition{opacity:1;background:#173d3860}.in-pond .brand{color:#f0ede0;text-shadow:0 1px 6px #112d28;background:#173d3850;padding:6px 10px;border-radius:24px;margin:-6px -10px}@media(max-width:700px){.intro{left:53%;right:16px;top:19%}.intro h1{font-size:clamp(23px,6.2vw,32px)}.intro .eyebrow{letter-spacing:1px;font-size:8px}.intro .hint{letter-spacing:0;font-size:9px}}.intro{left:60%;right:5%;top:27%;display:grid;grid-template-columns:minmax(0,1fr);pointer-events:none}.story{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .18s ease,transform .18s ease,visibility 0s .18s}.story.is-active{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .65s .16s ease,transform .75s .16s cubic-bezier(.2,.7,.2,1),visibility 0s}.intro .eyebrow{font-size:11px;letter-spacing:2.5px;opacity:1;color:#788174;margin:0 0 27px;display:flex;gap:16px;align-items:center}.eyebrow>span{font-size:10px;letter-spacing:1px;font-variant-numeric:tabular-nums;color:#a36c50;border-bottom:1px solid #a36c5050;padding:0 0 5px}.intro h1,.intro h2{font-family:Songti SC,"Noto Serif CJK SC",SimSun,serif;font-weight:400;font-size:clamp(32px,4vw,64px);line-height:1.42;letter-spacing:.08em;margin:0;color:#394a3e}.story-copy{font-size:13px;line-height:2.15;letter-spacing:.6px;color:#657064;margin:27px 0 0}.story-detail{margin:25px 0 0;font-size:10px;line-height:1.9;letter-spacing:1px;color:#7b8174}.story-detail span{display:inline-block;margin:0 7px;color:#a68a6d}.reading-cue{margin:38px 0 0;display:flex;gap:12px;align-items:center;font-size:10px;line-height:1.8;letter-spacing:1px;color:#77816f}.reading-cue>span:first-child{color:#a26b50;font-size:19px}.edition{opacity:.8;letter-spacing:1.5px}.pond-caption{top:13%;padding:0 24px}.pond-caption .pond-eyebrow{font-family:inherit;font-size:10px;letter-spacing:3px;margin:0 0 16px;color:#e2d7b8}.pond-caption h2{font-family:Songti SC,SimSun,serif;font-size:clamp(21px,2.3vw,34px);font-weight:400;letter-spacing:.18em;line-height:1.5;margin:0}.pond-caption .pond-description{font-family:inherit;font-size:12px;line-height:1.9;letter-spacing:1.6px;margin:13px 0 0}.pond-caption .pond-signature{display:block;font-size:9px;letter-spacing:1.7px;margin-top:18px;opacity:.7}@media(min-width:1500px){.intro{left:61%;top:28%}.story-copy{font-size:15px}.story-detail{font-size:11px}.reading-cue{margin-top:48px}}@media(max-width:700px){.intro{left:49%;right:12px;top:17%}.intro .eyebrow{font-size:9px;letter-spacing:.5px;gap:8px;margin-bottom:19px}.eyebrow>span{font-size:8px;padding-bottom:3px}.intro h1,.intro h2{font-size:clamp(23px,6.1vw,36px);letter-spacing:.03em;line-height:1.48}.story-copy{font-size:11px;line-height:2;letter-spacing:0;margin-top:19px}.story-detail{font-size:9px;letter-spacing:0;margin-top:16px;line-height:2}.story-detail span{margin:0 2px}.reading-cue{display:none}.pond-caption{top:14%;padding:0 16px}.pond-caption h2{font-size:22px;letter-spacing:.08em}.pond-caption .pond-description{font-size:10px;letter-spacing:.7px}.pond-caption .pond-signature{font-size:8px;letter-spacing:1px}}@media(max-height:600px)and (min-width:701px){.intro{top:20%}.intro .eyebrow{margin-bottom:12px}.intro h1,.intro h2{font-size:34px}.story-copy{margin-top:15px;font-size:11px;line-height:1.8}.story-detail{margin-top:12px}.reading-cue{margin-top:15px}.pond-caption{top:19%}}@media(prefers-reduced-motion:reduce){.story,.story.is-active{transition:none;transform:none}}.reading-cue[hidden]{display:none}.reading-cue{pointer-events:auto;width:fit-content;max-width:100%;min-height:48px;padding:7px 12px 7px 0;border:0;border-radius:8px;text-align:left;transition:color .25s,background .25s}.reading-cue .cue-copy{display:flex;flex-direction:column;gap:3px}.reading-cue .cue-label{font-size:11px;letter-spacing:.8px}.reading-cue .cue-detail{font-size:9px;letter-spacing:1px;opacity:.65}.reading-cue .cue-icon{display:inline-flex;justify-content:center;width:20px;flex-shrink:0;font-size:23px;color:#a26b50}.reading-cue:not(:disabled) .cue-icon{animation:cue-down 1.8s ease-in-out infinite}.reading-cue[data-direction="-1"] .cue-icon{animation-name:cue-up}.reading-cue:hover:not(:disabled){color:#91583e;background:#ffffff45}.reading-cue:disabled{cursor:default;background:transparent;color:#899083}.reading-cue:disabled .cue-icon{animation:none;opacity:.5}.pond-caption .reading-cue{margin:22px auto 0;color:#eff2df}.pond-caption .reading-cue span{opacity:1;letter-spacing:inherit}.pond-caption .reading-cue .cue-icon{font-size:23px;color:#e9c299}.pond-caption .reading-cue:disabled{color:#e2e7d7}@keyframes cue-down{0%,to{transform:translateY(-3px);opacity:.55}50%{transform:translateY(4px);opacity:1}}@keyframes cue-up{0%,to{transform:translateY(3px);opacity:.55}50%{transform:translateY(-4px);opacity:1}}@media(max-width:700px){.reading-cue{display:flex;gap:6px;margin-top:20px;padding-right:3px}.reading-cue .cue-label{font-size:10px;letter-spacing:0}.reading-cue .cue-detail{font-size:9px;letter-spacing:0}.reading-cue .cue-icon{width:16px}.pond-caption .reading-cue{margin-top:16px}}@media(prefers-reduced-motion:reduce){.reading-cue,.reading-cue .cue-icon{transition:none;animation:none!important}}.pond-caption .pond-brand{font-family:STKaiti,KaiTi,Kaiti SC,SimSun,serif;font-weight:700;font-size:1.3em;letter-spacing:.06em;color:#f2d6a1;text-shadow:0 2px 20px #133b3280;display:inline-block;margin-right:.08em}.pond-caption .pond-coming{font-family:Songti SC,SimSun,serif;font-size:clamp(12px,1.1vw,15px);line-height:1.9;letter-spacing:.12em;color:#f2d6a1;margin:14px 0 0;text-wrap:balance}