:root{--ink:#19251f;--paper:#f2ead8;--red:#a5322d;--line:#19251f33;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;background:#18231e;font-family:Noto Serif SC,Songti SC,SimSun,serif}*{box-sizing:border-box;margin:0}html,body{min-width:320px;min-height:100%}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:4px}:root{--night:#061e20;--night-soft:#0c2a2b;--gold:#d8bd85;--cream:#efe6d2;--muted:#a9aa9e}html{scroll-behavior:smooth;background:#071516}#app{min-height:100vh}.home-shell,.story-shell{width:min(100%,480px);min-height:100svh;margin:auto;position:relative;overflow:hidden;box-shadow:0 0 80px #0008}.eyebrow{letter-spacing:.22em;text-transform:uppercase;font:600 .7rem/1.4 system-ui,sans-serif}.home-shell{color:var(--cream);background:var(--night)}.home-hero{background:radial-gradient(circle at 80% 20%,#214749 0,#0000 34%),linear-gradient(160deg,#082426,#05191b 72%);flex-direction:column;min-height:100svh;padding:1.35rem 1.2rem 1.5rem;display:flex;position:relative;overflow:hidden}.home-hero:after{content:"";pointer-events:none;opacity:.18;mix-blend-mode:luminosity;filter:blur(14px);background-image:url(/images/stories/see-background.png);background-position:60%;background-size:cover;position:absolute;inset:0}.brand-line{z-index:2;color:var(--gold);letter-spacing:.16em;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;font:600 .66rem system-ui;display:grid;position:relative}.brand-line svg{fill:none;stroke:currentColor;stroke-width:.8px;opacity:.65;width:100%;height:18px}.hero-copy{z-index:2;margin-top:clamp(3rem,9vh,6rem);position:relative}.hero-copy>p:first-child{letter-spacing:.25em;font-size:1.2rem}.hero-copy h1{letter-spacing:-.08em;margin-top:.2rem;font-size:clamp(3.75rem,18vw,5.6rem);font-weight:500;line-height:1}.hero-intro{color:#c6c4b5;width:12rem;margin-top:1.25rem;font-size:.92rem;line-height:1.8}.card-fan{z-index:1;perspective:800px;width:68%;height:42%;position:absolute;bottom:16%;right:-3.2rem}.card-fan img{object-fit:cover;object-position:center;border:5px solid #ddd2b8;border-radius:3px;width:58%;height:100%;position:absolute;right:0;box-shadow:0 18px 38px #0009}.card-fan img:first-child{right:37%;transform:rotate(-13deg)translateY(5%)}.card-fan img:nth-child(2){z-index:2;right:19%;transform:rotate(-3deg)translateY(-5%)}.card-fan img:nth-child(3){z-index:3;transform:rotate(9deg)translateY(4%)}.progress-line{z-index:3;letter-spacing:.12em;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;margin-top:auto;font:600 .66rem system-ui;display:grid;position:relative}.progress-track{background:#ffffff35;height:1px}.progress-track i{background:var(--gold);height:3px;margin-top:-1px;transition:width .6s;display:block}.scroll-cue{z-index:3;color:#c8c7ba;border-top:1px solid #fff2;justify-content:space-between;margin-top:1.2rem;padding-top:1rem;font-size:.78rem;display:flex;position:relative}.scroll-cue b{color:var(--gold)}.postcard-gallery{background:#082224;padding:4rem 1rem 2rem}.postcard-gallery>header{justify-content:space-between;align-items:end;margin-bottom:1.5rem;display:flex}.postcard-gallery>header p{color:var(--gold);letter-spacing:.16em;font:600 .62rem system-ui}.postcard-gallery>header h2{font-size:1.45rem;font-weight:500}.postcard-card{background:#102d2e;border:1px solid #d8bd8547;border-radius:4px;height:64svh;min-height:470px;max-height:650px;margin-bottom:1.2rem;display:block;position:relative;overflow:hidden;box-shadow:0 18px 40px #0005}.postcard-card img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.image-shade{background:linear-gradient(#05191b8f 0,#0000 35%,#06191bd9 100%);position:absolute;inset:0}.postcard-index{aspect-ratio:1;width:42px;color:var(--gold);border:1px solid #d8bd8580;border-radius:50%;place-items:center;font-size:.85rem;display:grid;position:absolute;top:1rem;right:1rem}.postcard-title{position:absolute;bottom:1.1rem;left:1.1rem;right:1.1rem}.postcard-title small{color:#d2d1c7;letter-spacing:.08em;font:.72rem system-ui}.postcard-title p{align-items:baseline;gap:.55rem;margin-top:.35rem;display:flex}.postcard-title b{color:var(--gold);font-size:3rem;font-weight:500}.postcard-title span{font-size:1.2rem}.open-mark{letter-spacing:.08em;border:1px solid #e6d5aa6b;border-radius:99px;padding:.5rem .7rem;font:.68rem system-ui;position:absolute;bottom:1.35rem;right:1.1rem}.read-stamp{color:#e99987;letter-spacing:.12em;border:2px solid #c35648;border-radius:50%;padding:.45rem .65rem;font-size:.8rem;position:absolute;top:1.1rem;left:1.1rem;transform:rotate(-8deg)}.final-letter{background:#0d3031;border:1px solid #d8bd855e;margin:1rem;padding:2rem 1.5rem}.final-letter h2{color:var(--gold);margin:1rem 0 2rem;font-size:2rem;font-weight:500;line-height:1.35}.final-letter>p:not(.eyebrow){color:#d8d4c7;margin-top:1.2rem;line-height:1.9}.home-shell footer{color:#869493;text-align:center;letter-spacing:.16em;padding:2rem 1rem 2.5rem;font:.62rem system-ui}.story-shell{--accent:#91a77e;color:var(--cream);isolation:isolate;background:#061c1e;place-items:center;padding:4.3rem 1rem 1.5rem;display:grid}.story-shell:before{content:"";z-index:-2;background:linear-gradient(180deg,#04171899,#041718e6 62%,#041718 100%),var(--story-image) center/cover;filter:blur(5px);position:absolute;inset:-24px;transform:scale(1.08)}.story-shell:after{content:"";z-index:-1;opacity:.16;pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 5px,#fff 6px,#0000 7px);position:absolute;inset:0}.theme-listen{--accent:#cf9677}.theme-build{--accent:#c49b69}.theme-remember{--accent:#bd6a58}.story-nav{z-index:10;letter-spacing:.1em;background:linear-gradient(#041718b8,#0000);border-bottom:1px solid #ffffff26;justify-content:space-between;width:100%;padding:1.2rem;font:600 .7rem system-ui;display:flex;position:absolute;top:0;left:0}.story-nav a{gap:.45rem;display:flex}.envelope-stage,.experience-stage,.ending-stage{z-index:2;text-align:center;width:100%;position:relative}.envelope-stage>.eyebrow{color:var(--gold)}.postcard-envelope{aspect-ratio:.714;cursor:pointer;background:#0b292a;border:5px solid #e6dbc3;border-radius:3px;width:min(72vw,300px);margin:1.6rem auto 1.2rem;padding:0;transition:transform .4s;display:block;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 28px 60px #000a}.postcard-envelope:active{transform:rotate(0)scale(.98)}.postcard-envelope img{object-fit:cover;width:100%;height:100%}.envelope-glass{background:linear-gradient(#0000 54%,#001113c9);position:absolute;inset:0}.postcard-envelope i{aspect-ratio:1;color:#ead4a7;background:#742f2bcc;border:2px solid #e4c890;border-radius:50%;place-items:center;width:52px;font-size:1.35rem;font-style:normal;display:grid;position:absolute;bottom:1rem;right:1rem;box-shadow:0 3px 14px #0007}.postcard-envelope b{color:#e5d4af;letter-spacing:.2em;font:600 .7rem system-ui;position:absolute;bottom:1.2rem;left:1rem}.envelope-stage h1{color:#ead7aa;font-size:2rem;font-weight:500}.envelope-stage>p:last-child{color:#aeb6ae;margin-top:.45rem;font-size:.76rem}.experience-stage{align-self:start;padding-top:1.2rem}.experience-stage header{text-align:left}.experience-stage header .eyebrow{color:var(--accent)}.experience-stage header h1{align-items:baseline;gap:.45rem;margin:.55rem 0 .65rem;font-size:clamp(1.8rem,8vw,2.5rem);font-weight:500;display:flex}.experience-stage header h1 span{color:var(--accent);font-size:1.6em}.experience-stage header>p:last-child{color:#c0c6bc;width:90%;font-size:.85rem;line-height:1.75}.experience-stage .story-opening{color:#f0dfb8;letter-spacing:.05em;margin-bottom:.25rem;font-family:serif;font-size:1.05rem}.scene{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#092526bd;border:1px solid #ffffff25;border-radius:3px;width:100%;height:min(48svh,390px);margin:1.35rem auto 1rem;position:relative;overflow:hidden;box-shadow:0 24px 55px #0007}.step-notes{color:#81908a;justify-content:space-between;padding-inline:.15rem;font-size:.66rem;display:flex}.step-notes span{transition:all .35s}.step-notes span.active{color:var(--accent)}.story-ornament{z-index:1;pointer-events:none;background-repeat:no-repeat;position:absolute}.terrace-scene .story-ornament{opacity:.26;mix-blend-mode:screen;background:url(/images/stories/see-assets.png) 50% 0/100% no-repeat;inset:0}.choir-scene .story-ornament{opacity:.28;mix-blend-mode:screen;background:url(/images/stories/listen-assets.png) 50% 0/100% no-repeat;inset:0}.build-scene .story-ornament{opacity:.46;background:url(/images/stories/build-assets.png) 50% 58%/100% no-repeat;width:62%;height:70%;bottom:-8%;right:-7%}.route-scene .story-ornament{opacity:.58;background:url(/images/stories/remember-assets.png) 83% 42%/210% no-repeat;width:45%;height:66%;bottom:-4%;right:-5%}.taste-scene .story-ornament{opacity:.35;mix-blend-mode:screen;background:url(/images/stories/taste-assets.png) 50% 66%/100% no-repeat;inset:0}.terrace-scene{color:#fff;cursor:ns-resize;touch-action:none;background:linear-gradient(#071b1c42,#071b1cb8),url(/images/stories/see-background.png) 62% 69%/cover;border:0;place-items:end center;padding:1.2rem;display:grid}.terrace-sun{aspect-ratio:1;filter:blur(7px);background:#f1d489;border-radius:50%;width:62px;transition:opacity .7s;position:absolute;top:20%}.terrace-lines{flex-direction:column-reverse;justify-content:center;gap:5px;display:flex;position:absolute;inset:32% 6% 12%}.terrace-lines i{opacity:.2;background:#173b3b6b;border:1px solid #fff6;border-radius:50%;height:13%;transition:all .55s}.terrace-lines i:nth-child(2){margin-inline:6%}.terrace-lines i:nth-child(3){margin-inline:13%}.terrace-lines i:nth-child(4){margin-inline:23%}.terrace-lines i:nth-child(5){margin-inline:34%}.terrace-lines i.active{opacity:1;background:#cce3d180;box-shadow:inset 0 0 20px #e8f6de70}.gesture-hint{z-index:2;letter-spacing:.12em;background:#00181999;border:1px solid #ffffff7a;border-radius:99px;padding:.55rem .85rem;font:.7rem system-ui}.choir-scene{background:linear-gradient(#081b1d4d,#061718e8),url(/images/stories/listen-background.png) 50% 68%/cover;grid-template-columns:repeat(5,1fr);align-items:end;gap:1px;padding:1.4rem .75rem;display:grid}.voice{z-index:2;color:#ded6c8;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#06191b9e;border:1px solid #ffffff31;min-height:34%;padding:.8rem .15rem;transition:all .4s;position:relative}.voice:nth-of-type(2),.voice:nth-of-type(4){min-height:49%}.voice:nth-of-type(3){min-height:66%}.voice span{opacity:.55;margin-bottom:.4rem;font:.6rem system-ui;display:block}.voice.active{color:#fff0d1;background:#9c664fbd;transform:translateY(-8px);box-shadow:0 0 28px #d69b7766}.sound-rings{place-items:center;display:grid;position:absolute;inset:7% 20%}.sound-rings i{aspect-ratio:1;border:1px solid #f2d5a436;border-radius:50%;width:24%;transition:all .8s;position:absolute}.sound-rings i:nth-child(2){width:55%}.sound-rings i:nth-child(3){width:86%}.sound-rings i.active{border-color:#f2d5a48c;box-shadow:0 0 30px #d9a57c45}.build-scene{background:linear-gradient(90deg,#051718e3,#1e1b18ca),url(/images/stories/build-background.png) 65%/cover;grid-template-columns:1.1fr .9fr;display:grid}.timber-frame{justify-content:center;align-items:flex-end;padding:1.2rem;display:flex;position:relative}.timber-frame i{opacity:.12;background:#8d633e;width:9%;height:55%;transition:all .55s;position:absolute;bottom:13%}.timber-frame i:nth-child(2){width:58%;height:8%;bottom:37%}.timber-frame i:nth-child(3){width:45%;height:7%;bottom:52%}.timber-frame i:nth-child(4){clip-path:polygon(0 0,100% 0,82% 100%,18% 100%);width:68%;height:6%;bottom:65%;transform:rotate(-8deg)}.timber-frame i:nth-child(5){clip-path:polygon(50% 0,100% 100%,0 100%);width:48%;height:25%;bottom:68%}.timber-frame i.active{opacity:1;background:linear-gradient(90deg,#6c472e,#bd9367,#5c3a26);box-shadow:0 6px 16px #0005}.timber-parts{border-left:1px solid #ffffff24;flex-direction:column;justify-content:center;gap:.42rem;padding:.8rem;display:flex}.timber-parts button{color:#eedfc6;cursor:pointer;background:#071a1bbd;border:1px solid #ffffff34;justify-content:space-between;padding:.62rem .65rem;display:flex}.timber-parts small{opacity:.6;font:.6rem system-ui}.route-scene{background:linear-gradient(#26110fc7,#090f10e8),url(/images/stories/remember-background.png) 50% 68%/cover;align-content:center;padding:1.25rem;display:grid}.route-line{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex;position:relative}.route-line:before,.route-line>i{content:"";background:#ffffff3b;height:1px;position:absolute;top:16px;left:0}.route-line:before{width:100%}.route-line>i{z-index:1;background:#d18771;transition:width .5s}.route-line span{z-index:2;color:#ffffff7d;place-items:center;gap:.45rem;display:grid}.route-line b{aspect-ratio:1;background:#211416;border:1px solid;border-radius:50%;place-items:center;width:32px;font:.65rem system-ui;display:grid}.route-line small{font-size:.62rem}.route-line span.active,.route-line span.current{color:#f2c3ad}.route-line span.current b{box-shadow:0 0 0 6px #ffffff18}.route-scene>button{color:#f4dec0;cursor:pointer;background:#120c0c99;border:1px solid #edc1a28a;justify-self:center;padding:.7rem 1rem}.route-scene>button b{margin-left:.8rem}.taste-scene{background:linear-gradient(#071b1c5c,#071b1cd9),url(/images/stories/taste-background.png) 60% 68%/cover;place-items:center;display:grid}.taste-scene>button{z-index:2;aspect-ratio:1;color:#fbf2dc;background:conic-gradient(#d8be78 var(--hold),#ffffff18 0);cursor:pointer;border:1px solid #ffffff4f;border-radius:50%;place-items:center;width:142px;display:grid;box-shadow:inset 0 0 0 12px #102523d9,0 10px 35px #0008}.taste-scene>button span{font-size:1rem}.taste-scene>button small{opacity:.7;font-size:.68rem}.scent-notes{justify-content:center;align-items:flex-end;gap:1rem;padding-bottom:54%;display:flex;position:absolute;inset:0}.scent-notes i{opacity:0;background:linear-gradient(#0000,#efe4c6d6);width:1px;height:16%;transition:all .8s;transform:translateY(35px)}.scent-notes i:nth-child(2n){height:24%}.scent-notes i.active{opacity:1;transform:translateY(0)}.ending-stage>.eyebrow{color:var(--accent)}.ending-thumb{aspect-ratio:.714;border:4px solid #e5d8bd;width:128px;margin:1.5rem auto;position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:0 16px 35px #0008}.ending-thumb img{object-fit:cover;width:100%;height:100%}.ending-thumb span{aspect-ratio:1;color:#eed9aa;background:#772e2bcf;border:1px solid #e8d19f;border-radius:50%;place-items:center;width:38px;display:grid;position:absolute;bottom:.55rem;right:.55rem}.ending-stage h1{color:#ead7aa;font-size:clamp(2rem,10vw,3rem);font-weight:500;line-height:1.35}.ending-stage>p:not(.eyebrow){color:#aeb8ae;margin-top:.8rem}.ending-actions{justify-content:center;gap:.6rem;margin-top:2rem;display:flex}.ending-actions button,.ending-actions a{color:var(--cream);cursor:pointer;background:#071d1ea6;border:1px solid #d8bd8578;padding:.7rem .95rem;font-size:.78rem}.ending-actions a{color:#102322;background:var(--gold)}.page-enter-active,.page-leave-active,.letter-enter-active,.letter-leave-active{transition:opacity .35s,transform .35s}.page-enter-from,.letter-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to,.letter-leave-to{opacity:0;transform:translateY(-8px)}.reveal-enter-active{transition:all .8s}.reveal-enter-from{opacity:0;transform:translateY(24px)}@media (width>=481px){.home-shell,.story-shell{min-height:900px}.postcard-gallery{padding-inline:1.2rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--paper:#eee4ce;--ink:#0b2425;--cinnabar:#a6493f;--brass:#d8bd85}body{background:#020d0e}.home-shell,.story-shell{box-shadow:0 0 110px #000c}.home-shell:before,.story-shell .paper-grain{content:"";z-index:20;pointer-events:none;opacity:.055;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");position:absolute;inset:0}.home-hero{background:#072225;padding:1.55rem 1.35rem 1.6rem}.home-hero:after{opacity:.36;filter:blur(7px)saturate(.7);animation:12s ease-in-out infinite alternate heroBreath;transform:scale(1.08)}.home-hero:before{content:"";z-index:1;background:linear-gradient(#04191bcc 0,#0000 28%,#03171930 58%,#031719e8 100%),radial-gradient(circle at 25% 34%,#0000 0 12%,#061d1fbb 58%);position:absolute;inset:0}.mountain-veil{z-index:2;opacity:.5;filter:blur(1px);mix-blend-mode:multiply;background:linear-gradient(155deg,#0000 0 45%,#0b3639 46% 58%,#0000 59%),linear-gradient(205deg,#0000 0 51%,#041a1c 52% 69%,#0000 70%);width:112%;height:47%;animation:14s ease-in-out infinite alternate veilDrift;position:absolute;bottom:8%;right:-10%}.brand-line{font-size:.72rem}.brand-line svg{animation:5s ease-in-out infinite waterLine}.hero-copy{margin-top:clamp(4.7rem,12vh,7rem)}.hero-copy>p:first-child{letter-spacing:.44em;opacity:.82;margin-left:.25rem;font-size:1.05rem}.hero-copy h1{letter-spacing:-.08em;text-shadow:0 6px 34px #0008;width:88%;margin-top:.5rem;font-family:STKaiti,KaiTi,serif;font-size:clamp(4.25rem,20vw,6.2rem);font-weight:400;line-height:.84}.hero-intro{letter-spacing:.08em;margin-top:1.55rem;padding-left:.25rem;font-size:1rem;line-height:2}.hero-seal{z-index:4;aspect-ratio:1;color:#efaa96;background:#6e201f8f;border:2px solid #d07869;border-radius:48% 52% 45% 55%;place-items:center;width:42px;font-size:1.05rem;animation:.9s .45s both sealArrive;display:grid;position:absolute;top:41%;right:1.7rem;transform:rotate(9deg);box-shadow:0 0 0 3px #792e2652}.card-fan{filter:drop-shadow(0 25px 22px #0009);width:73%;height:39%;bottom:14%;right:-4.8rem}.card-fan img{border-width:7px;border-color:#e9dfc9;border-radius:0;animation:7s ease-in-out infinite alternate cardFloat;box-shadow:0 18px 38px #0008}.card-fan img:nth-child(2){animation-delay:-2s}.card-fan img:nth-child(3){animation-delay:-4s}.progress-line{font-size:.72rem}.progress-track{overflow:visible}.progress-track i{height:2px;position:relative}.progress-track i:after{content:"";aspect-ratio:1;background:var(--gold);border-radius:50%;width:6px;position:absolute;top:-2px;right:-3px;box-shadow:0 0 12px #f1d48e}.scroll-cue{font-size:.82rem}.scroll-cue b{animation:1.8s ease-in-out infinite nudge}.postcard-gallery{color:#172d2c;background:var(--paper);padding:5rem 1.35rem 4rem;position:relative}.postcard-gallery:before{content:"";opacity:.24;background:repeating-linear-gradient(0deg,#0000 0 5px,#8a78550e 6px);position:absolute;inset:0}.postcard-gallery>header{z-index:2;margin-bottom:2.7rem;position:relative}.postcard-gallery>header p{color:#88594b}.postcard-gallery>header h2{font-family:STKaiti,KaiTi,serif;font-size:2rem}.postcard-card{transform-origin:50%;background:#173536;border:8px solid #f8f0df;border-radius:0;height:58svh;min-height:430px;max-height:620px;margin:0 0 2.8rem;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s;box-shadow:0 20px 42px #382f2342}.postcard-card:nth-of-type(odd){transform:rotate(-1.8deg)}.postcard-card:nth-of-type(2n){transform:rotate(1.5deg)}.postcard-card:hover,.postcard-card:focus-visible{transform:rotate(0)translateY(-5px);box-shadow:0 26px 55px #382f235c}.postcard-card:before{content:"";z-index:3;pointer-events:none;border:1px solid #f6e4bf3d;position:absolute;inset:8px}.postcard-card img{filter:saturate(.86)contrast(1.04)}.postcard-card:active img{transform:scale(1.04)}.image-shade{background:linear-gradient(#0214145c 0,#0000 43%,#031819e6 100%)}.postcard-index{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0823234d;border-color:#f4d79e99;width:48px;top:1.15rem;right:1.15rem}.postcard-title small{font-size:.77rem}.postcard-title b{font-family:STKaiti,KaiTi,serif;font-size:3.6rem}.postcard-title span{letter-spacing:.04em;font-size:1.25rem}.open-mark{border:0;border-bottom:1px solid #e6d5aa8c;border-radius:0;padding:.45rem 0;font-size:.72rem;bottom:1.25rem;right:1rem}.read-stamp{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#79282142;place-items:center;width:54px;height:54px;padding:0;display:grid;top:1.25rem;left:1.1rem}.final-letter{color:#233432;background:#e9ddc5;border:0;margin:0;padding:4.5rem 2.3rem 5rem;position:relative;box-shadow:inset 0 14px 35px #735f3d18}.final-letter:before{content:"回";aspect-ratio:1;color:#a95249;border:2px solid #a95249;border-radius:50%;place-items:center;width:45px;font-size:1.3rem;display:grid;position:absolute;top:2.5rem;right:1.7rem;transform:rotate(8deg)}.final-letter h2{color:#6e2f2c;font-family:STKaiti,KaiTi,serif;font-size:2.35rem}.final-letter>p:not(.eyebrow){color:#3d4945;font-size:1rem}.home-shell footer{color:#cabd9f;background:#062022}.story-shell{color:#f3ead8;background:#061c1e;padding:0;display:block}.story-shell:before{filter:saturate(.76) brightness(calc(.58 + var(--progress) * .2));background:linear-gradient(180deg,#031516d9 0,#0315164f 29%,#03151691 64%,#031516f2 100%),var(--story-image) center/cover;transition:filter 1.2s;inset:0;transform:none}.story-shell:after{opacity:.1;background:radial-gradient(circle at 76% 20%,var(--accent) 0,transparent 26%);mix-blend-mode:screen;animation:8s ease-in-out infinite alternate storyGlow}.story-nav{background:linear-gradient(#021213d9,#0000);border:0;padding:1.35rem 1.3rem;font-size:.73rem}.story-nav>a{padding:.5rem 0}.envelope-stage,.experience-stage,.ending-stage{flex-direction:column;justify-content:center;min-height:100svh;padding:5.8rem 1.35rem 2rem;display:flex}.envelope-stage>.eyebrow{letter-spacing:.35em;margin-bottom:1rem}.letter-thread{background:linear-gradient(transparent,var(--gold));transform-origin:top;width:1px;height:12%;animation:2s ease-in-out infinite threadDrop;position:absolute;top:22%;left:50%}.postcard-envelope{border:9px solid #ede2ca;border-radius:0;width:min(76vw,315px);margin:1.2rem auto 1.8rem;transform:rotate(-3.5deg);box-shadow:0 34px 80px #000d}.postcard-envelope:before{content:"";z-index:-1;background:#c9bda4;position:absolute;inset:-20px -15px;transform:rotate(7deg);box-shadow:0 15px 28px #0006}.postcard-envelope:after{content:"LIPING · 05";color:#f1ddb9;letter-spacing:.16em;background:#04232466;border:1px solid #f0d0988c;padding:.4rem .5rem;font:600 .58rem system-ui;position:absolute;top:1rem;left:1rem}.postcard-envelope img{filter:saturate(.8)contrast(1.04);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.postcard-envelope:hover img{transform:scale(1.035)}.postcard-envelope i{background:#782d28d9;width:58px;transform:rotate(7deg);box-shadow:0 5px 20px #0008,0 0 0 4px #c75c4d40}.postcard-envelope b{font-size:.75rem}.envelope-stage h1{letter-spacing:.06em;font-family:STKaiti,KaiTi,serif;font-size:2.5rem}.envelope-stage>p:last-child{letter-spacing:.08em;font-size:.85rem}.experience-stage{text-align:left;justify-content:flex-start;padding-top:6rem;overflow:hidden}.experience-stage header{z-index:3;padding:0 .2rem;position:relative}.experience-stage header h1{margin:.5rem 0 .85rem;font-family:STKaiti,KaiTi,serif;font-size:2.65rem;line-height:1}.experience-stage header h1 span{text-shadow:0 8px 22px #0008;margin-right:.15rem;font-size:2em}.experience-stage .story-opening{margin:0 0 .5rem;font-size:1.1rem;line-height:1.65}.experience-stage header>p:last-child{font-size:.9rem;line-height:1.7}.scene{width:calc(100% + 2.7rem);height:min(55svh,470px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border:0;border-radius:0;margin:1rem -1.35rem 1.15rem;-webkit-mask-image:linear-gradient(#0000 0,#000 8% 91%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 8% 91%,#0000 100%)}.step-notes{z-index:4;letter-spacing:.08em;padding:.35rem .2rem 0;font-size:.72rem;position:relative}.step-notes span{position:relative}.step-notes span.active:before{content:"";aspect-ratio:1;background:var(--accent);width:3px;box-shadow:0 0 9px var(--accent);border-radius:50%;position:absolute;top:-11px;left:50%}.terrace-scene{filter:brightness(calc(.48 + var(--progress) * .16)) saturate(calc(.68 + var(--progress) * .25));background-position:50% 64%;transition:filter 1s}.terrace-scene:after{content:"";background:linear-gradient(180deg,#041b1e 0,transparent calc(var(--progress) * 18% + 25%),#03171940 100%);transition:all .8s;position:absolute;inset:0}.terrace-lines{z-index:2;gap:2px;inset:39% 4% 13%}.terrace-lines i{background:linear-gradient(#0000,#92b6901f);border:0;border-bottom:1px solid #d7e7c75e;height:14%;transition:all .9s cubic-bezier(.2,.8,.2,1);transform:translate(-14px)}.terrace-lines i.active{background:linear-gradient(#f5eac72e,#b9d4a64d);transform:translate(0);box-shadow:0 8px 24px #d5e8bd24}.terrace-sun{z-index:2;background:#ffe1a0;width:42px;top:27%;box-shadow:0 0 45px 22px #e6c77e4a}.gesture-hint{z-index:4;background:0 0;border:0;border-bottom:1px solid #fff8;border-radius:0;margin-bottom:1.5rem;font-size:.76rem;animation:1.8s ease-in-out infinite nudgeUp}.choir-scene{background-position:50% 65%;grid-template-columns:repeat(5,1fr);align-items:center;padding:7rem .8rem 1rem}.choir-scene:after{content:"";background:linear-gradient(#03161921,#041617c9);position:absolute;inset:0}.voice{z-index:3;clip-path:polygon(50% 0,100% 20%,100% 100%,0 100%,0 20%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#c6906521,#06191bc9);border:0;border-top:1px solid #e8d8b566;align-self:end;margin:0 .1rem;padding:.75rem .05rem;min-height:112px!important}.voice:nth-of-type(3){transform:translateY(-32px)}.voice:nth-of-type(2),.voice:nth-of-type(4){transform:translateY(-16px)}.voice.active{background:linear-gradient(#f0bf7a8c,#7e493bcf);transform:translateY(-24px);box-shadow:0 -18px 35px #dcaa6952}.voice:nth-of-type(3).active{transform:translateY(-46px)}.sound-rings{z-index:2;inset:8% 6%}.sound-rings i.active{animation:2.1s ease-out infinite soundPulse}.build-scene{background-position:50% 63%;grid-template-columns:1.2fr .8fr}.build-scene:after{content:"";background:linear-gradient(90deg,#061718c9,#0617184f 58%,#061718db);position:absolute;inset:0}.timber-frame,.timber-parts{z-index:2;position:relative}.timber-frame{transform-origin:50% 65%;transform:scale(1.16)}.timber-frame i{box-shadow:0 8px 18px #0008!important}.timber-parts{border:0;gap:.55rem}.timber-parts button{transform:translateX(0) rotate(var(--tilt,0deg));background:linear-gradient(90deg,#684428d9,#38261fd1);border:0;border-left:2px solid #c69b6b;padding:.68rem .75rem;transition:all .55s;box-shadow:0 5px 14px #0005}.timber-parts button:nth-child(odd){--tilt:-1.5deg}.timber-parts button:nth-child(2n){--tilt:1.2deg}.timber-parts button.placed{opacity:.15;transform:translate(-55%)rotate(-6deg)}.route-scene{background-position:50% 66%;align-content:end;padding:2rem 1.5rem 3.5rem}.route-scene:after{content:"";background:linear-gradient(#0b131347,#140a09b5);position:absolute;inset:0}.route-line,.route-scene>button{z-index:3;position:relative}.route-line{margin-bottom:3.8rem;transform:rotate(-7deg)}.route-line b{background:#3b1716;border-color:#dc8b73;box-shadow:0 0 0 5px #6f332e40}.route-line small{margin-top:.15rem;font-size:.68rem;display:block;transform:rotate(7deg)}.route-scene>button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#140b0b5e;border:0;border-bottom:1px solid #e6b196b8;font-size:.9rem}.taste-scene{background-position:50% 63%}.taste-scene:after{content:"";background:radial-gradient(circle at 50% 58%,#0000 0 17%,#06181782 50%,#061817ba 100%);position:absolute;inset:0}.taste-scene>button{background:conic-gradient(#dcc680 var(--hold),#ffffff16 0);border:0;width:158px;box-shadow:inset 0 0 0 15px #0b2823e8,0 18px 45px #000b,0 0 35px #d8be7840}.scent-notes{z-index:2;gap:1.5rem;padding-bottom:49%}.scent-notes i{filter:blur(5px);background:linear-gradient(90deg,#0000,#f4ead89c,#0000);border-radius:50%;width:18px;height:25%;animation:3.4s ease-in-out infinite steamSway}.scent-notes i:nth-child(2n){animation-delay:-1.1s}.scent-notes i:nth-child(3n){animation-delay:-2.2s}.ending-stage{padding:6rem 2rem 3rem}.ending-thumb{border-width:9px;border-radius:0;width:145px;margin:1.7rem auto 2.2rem;transform:rotate(-4deg);box-shadow:0 24px 55px #000b}.ending-thumb:before{content:"";border:1px solid #f2d59b55;position:absolute;inset:8px}.ending-stage h1{letter-spacing:.08em;text-shadow:0 8px 25px #0008;font-family:STKaiti,KaiTi,serif;font-size:3rem;font-weight:400}.ending-stage>p:not(.eyebrow){letter-spacing:.08em;font-size:.9rem}.ending-actions{margin-top:2.7rem}.ending-actions button,.ending-actions a{background:0 0;border:0;border-bottom:1px solid #d8bd858c;font-size:.85rem}.ending-actions a{color:#102322;background:var(--gold);border:0;box-shadow:0 8px 20px #0004}.letter-enter-active{transition:opacity .75s,transform .85s cubic-bezier(.2,.8,.2,1),filter .75s}.letter-leave-active{transition:opacity .35s,transform .45s}.letter-enter-from{opacity:0;filter:blur(8px);transform:scale(.97)translateY(24px)}.letter-leave-to{opacity:0;transform:scale(1.03)translateY(-12px)}@keyframes heroBreath{to{filter:blur(5px)saturate(.86);transform:scale(1.13)translate(-1%,1%)}}@keyframes veilDrift{to{opacity:.62;transform:translate(3%,-2%)}}@keyframes waterLine{50%{opacity:.45;transform:translate(5px)}}@keyframes sealArrive{0%{opacity:0;transform:scale(1.8)rotate(18deg)}to{opacity:1;transform:scale(1)rotate(9deg)}}@keyframes cardFloat{to{translate:0 -7px}}@keyframes nudge{50%{transform:translateY(5px)}}@keyframes nudgeUp{50%{opacity:.6;transform:translateY(-7px)}}@keyframes threadDrop{50%{opacity:.4;transform:scaleY(.55)}}@keyframes storyGlow{to{opacity:.22;transform:translate(-4%,3%)}}@keyframes soundPulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.2)}}@keyframes steamSway{50%{opacity:.55;transform:translate(9px,-12px)scaleX(.7)}}@media (width>=481px){.home-shell,.story-shell,.experience-stage,.envelope-stage,.ending-stage{min-height:900px}.scene{height:500px}.postcard-gallery{padding-inline:1.7rem}}@media (prefers-reduced-motion:reduce){.home-hero:after,.mountain-veil,.brand-line svg,.hero-seal,.card-fan img,.scroll-cue b,.letter-thread,.sound-rings i,.scent-notes i{animation:none!important}}.home-shell,.story-shell{font-family:Source Han Sans SC,Noto Sans CJK SC,Microsoft YaHei,PingFang SC,sans-serif}.cover-locked{overscroll-behavior:none;height:100svh;min-height:0;overflow:hidden}.cover-locked .home-hero{height:100svh;min-height:100svh}.cover-open{height:auto;overflow:hidden}.hero-copy h1,.postcard-gallery>header h2,.postcard-title b,.envelope-stage h1,.experience-stage header h1,.ending-stage h1,.final-letter h2{font-family:STXingkai,华文行楷,FZKai-Z03S,STKaiti,KaiTi,serif}.hero-copy h1{letter-spacing:-.045em;white-space:nowrap;transform-origin:0;width:100%;font-size:clamp(3.75rem,17vw,5.25rem);font-weight:700;transform:scaleY(1.035)}.hero-copy>p:first-child{font-family:STZhongsong,华文中宋,Songti SC,serif;font-weight:700}.hero-intro{color:#e1ded0;text-shadow:0 2px 12px #000b;width:18rem;max-width:90%;font-family:STZhongsong,华文中宋,Songti SC,serif;font-weight:600;line-height:1.9}.brand-line,.progress-line,.postcard-title small,.story-nav,.eyebrow{font-weight:700}.postcard-title span,.experience-stage .story-opening{font-family:STZhongsong,华文中宋,Songti SC,serif;font-weight:700}.experience-stage header>p:last-child,.envelope-stage>p:last-child,.final-letter>p:not(.eyebrow){font-weight:500}.scroll-cue{z-index:5;color:#f3ead8;cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#0d3435e8,#092425a6);border:1px solid #d8bd856e;border-radius:2px;justify-content:space-between;align-items:center;width:100%;min-height:66px;margin-top:1rem;padding:.7rem .45rem .7rem 1rem;transition:transform .3s,background .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 12px 30px #0005,inset 0 0 20px #d8bd850b}.scroll-cue:hover,.scroll-cue:focus-visible{background:linear-gradient(90deg,#174345f2,#0c2b2cd9);transform:translateY(-2px);box-shadow:0 15px 36px #0007,0 0 0 1px #d8bd8542}.scroll-cue>span{letter-spacing:.12em;gap:.15rem;font-size:.9rem;font-weight:700;display:grid}.scroll-cue small{color:#bba77d;letter-spacing:.2em;font:700 .58rem/1.2 system-ui,sans-serif}.scroll-cue b{aspect-ratio:1;color:#f0d59a;background:#061b1cd1;border:1px solid #d8bd858f;border-radius:50%;place-items:center;width:46px;display:grid;position:relative;overflow:hidden}.scroll-cue b i{border:1px dashed #d8bd856b;border-radius:50%;animation:8s linear infinite cueOrbit;position:absolute;inset:5px}.scroll-cue b em{font-size:1.15rem;font-style:normal;animation:1.6s ease-in-out infinite cueDrop;position:relative}.card-fan{animation:11s ease-in-out infinite alternate fanDrift}.card-fan img{will-change:translate,rotate;animation:7.8s ease-in-out infinite alternate fanCardA!important}.card-fan img:nth-child(2){animation-name:fanCardB!important;animation-duration:9.2s!important;animation-delay:-3.4s!important}.card-fan img:nth-child(3){animation-name:fanCardC!important;animation-duration:8.5s!important;animation-delay:-5.1s!important}.cover-open .postcard-gallery>header{animation:.75s ease-out both galleryFade}.cover-open .postcard-card{will-change:translate;animation:.8s ease-out both galleryFade,6.8s ease-in-out 1s infinite alternate galleryFloat}.cover-open .postcard-card:nth-of-type(2){animation-duration:.8s,7.7s;animation-delay:80ms,2.1s}.cover-open .postcard-card:nth-of-type(3){animation-duration:.8s,6.4s;animation-delay:.16s,3.2s}.cover-open .postcard-card:nth-of-type(4){animation-duration:.8s,8.2s;animation-delay:.24s,1.5s}.cover-open .postcard-card:nth-of-type(5){animation-duration:.8s,7.1s;animation-delay:.32s,2.7s}@keyframes cueOrbit{to{transform:rotate(360deg)}}@keyframes cueDrop{0%,to{transform:translateY(-2px)}50%{transform:translateY(4px)}}@keyframes fanDrift{0%{translate:0}to{translate:-5px -9px}}@keyframes fanCardA{0%{translate:0 3px;rotate:-.7deg}52%{translate:-3px -5px;rotate:.4deg}to{translate:2px 1px;rotate:-.2deg}}@keyframes fanCardB{0%{translate:-2px 2px;rotate:.4deg}50%{translate:4px -8px;rotate:-.8deg}to{translate:0 -1px;rotate:.5deg}}@keyframes fanCardC{0%{translate:2px -1px;rotate:-.4deg}55%{translate:-4px -6px;rotate:.8deg}to{translate:3px 3px;rotate:-.2deg}}@keyframes galleryFade{0%{opacity:0}to{opacity:1}}@keyframes galleryFloat{0%{translate:0}to{translate:0 -7px}}@media (height<=720px){.hero-copy{margin-top:3.2rem}.hero-copy h1{font-size:clamp(3.5rem,16vw,4rem)}.hero-intro{margin-top:1rem}.card-fan{height:34%;bottom:17%}.scroll-cue{min-height:58px}}@media (prefers-reduced-motion:reduce){.card-fan,.card-fan img,.cover-open .postcard-card,.cover-open .postcard-gallery>header,.scroll-cue b i,.scroll-cue b em{animation:none!important}.scroll-cue{transition:none}}.postcard-gallery>header{justify-content:flex-end;align-items:center}.cover-return{z-index:90;color:#f0dfbd;cursor:pointer;letter-spacing:.08em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#082425d9;border:1px solid #d8bd856b;border-radius:99px;align-items:center;gap:.4rem;margin-left:calc(-1*min(50vw,240px) + 1rem);padding:.6rem .75rem;font-size:.75rem;font-weight:700;transition:transform .25s,background .25s;display:flex;position:fixed;top:1rem;left:50%;box-shadow:0 8px 24px #0006}.cover-return:hover,.cover-return:focus-visible{background:#123638f2;transform:translateY(-2px)}.postcard-title{bottom:1.05rem}.postcard-title p{margin-top:0}.scroll-cue>span{letter-spacing:.18em;font-size:1rem}.activated-scene{z-index:1;pointer-events:none;background:var(--active-image) center 64%/cover no-repeat;opacity:calc(.08 + var(--progress) * .92);will-change:opacity,clip-path,transform;transition:opacity 1s,clip-path 1.1s cubic-bezier(.2,.8,.2,1),transform 1.1s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.story-ornament,.terrace-lines,.terrace-sun,.sound-rings,.timber-frame,.scent-notes{display:none!important}.terrace-scene .activated-scene,.build-scene .activated-scene{clip-path:inset(var(--reveal) 0 0 0)}.choir-scene .activated-scene,.route-scene .activated-scene{clip-path:inset(0 var(--reveal) 0 0)}.choir-scene:after{z-index:2;background:linear-gradient(#03161924,#041617a8)}.build-scene:after,.route-scene:after,.taste-scene:after,.terrace-scene:after{z-index:2;pointer-events:none}.step-notes{justify-content:center;gap:.7rem;padding-top:.25rem;font-size:0}.step-notes span{border:1px solid #fff6;border-radius:50%;width:6px;height:6px;transition:background .35s,box-shadow .35s,transform .35s}.step-notes span.active{background:var(--accent);box-shadow:0 0 10px var(--accent);transform:scale(1.3)}.step-notes span.active:before{display:none}.voice,.timber-parts,.route-line,.route-scene>button,.taste-scene>button,.gesture-hint{z-index:4}.route-line:before,.route-line>i{display:none}.route-line{justify-content:space-around;margin-bottom:2.1rem;transform:none}.route-line span{transform:translateY(calc((var(--node,0)) * -1px))}.route-line small{display:none}.route-line b{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#3b1716b8;width:38px}.experience-stage{padding-bottom:1.25rem}.experience-stage header{min-height:5.4rem}.envelope-stage h1{margin-top:.35rem}@media (prefers-reduced-motion:reduce){.activated-scene{transition:none}}.postcard-mode{overscroll-behavior-y:none;scroll-snap-type:y mandatory;background:#071b1d;height:100svh;overflow-y:auto}.postcard-mode .postcard-gallery{background:#071b1d;padding:0}.postcard-mode .postcard-card{width:100%;height:100svh;min-height:100svh;max-height:none;box-shadow:none;scroll-snap-align:start;scroll-snap-stop:always;border:0;border-radius:0;margin:0;position:relative;animation:none!important;transform:none!important}.postcard-mode .postcard-card:before{border-color:#e8d4a44a;inset:1.15rem}.postcard-mode .postcard-card img{filter:saturate(.88)contrast(1.08);transform:scale(1.01)}.postcard-mode .image-shade{background:linear-gradient(#021415bd 0,#02141518 34%,#02141522 55%,#021415ed 100%)}.postcard-mode .postcard-index{top:1.55rem;right:1.55rem}.postcard-kicker{z-index:4;color:#ead8b3;letter-spacing:.2em;font:700 .7rem/1 system-ui,sans-serif;position:absolute;top:1.75rem;left:1.6rem}.postcard-mode .postcard-title{z-index:4;bottom:4.5rem;left:1.7rem;right:1.7rem}.postcard-mode .postcard-title p{display:block}.postcard-mode .postcard-title b{color:#e5c884;text-shadow:0 10px 30px #0009;font-size:5rem;line-height:.85;display:block}.postcard-mode .postcard-title span{color:#f6edda;letter-spacing:.1em;margin-top:.75rem;font-family:STZhongsong,华文中宋,Songti SC,serif;font-size:1.5rem;font-weight:700;display:block}.postcard-mode .open-mark{z-index:4;color:#f1dfba;bottom:2rem;right:1.7rem}.postcard-mode .read-stamp{z-index:5;top:5rem;left:1.6rem}.card-next{z-index:5;color:#f0d69c;font-size:1.2rem;animation:1.6s ease-in-out infinite cueDrop;position:absolute;bottom:.85rem;left:50%}.story-feed{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;height:100svh;min-height:0;overflow:hidden}.story-feed:before{filter:saturate(.86)brightness(.72);background:linear-gradient(180deg,#031516c9 0,#03151628 28%,#0315163d 65%,#031516e5 100%),var(--story-image) center/cover}.story-feed .story-nav{z-index:12;color:#efe2c7;background:linear-gradient(#031617d9,#0000);border-bottom:1px solid #ffffff1f;align-items:center;padding:1.2rem 1.35rem;font-size:.75rem}.story-feed .story-nav span:last-child{color:var(--accent);letter-spacing:.22em}.story-switch{z-index:15;color:#f0d9a8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#04191bc7;border:1px solid #ead5a538;border-radius:99px;flex-direction:column;align-items:center;gap:.55rem;padding:.65rem .42rem;font:700 .75rem/1 system-ui,sans-serif;display:flex;position:absolute;top:50%;right:.85rem;transform:translateY(-50%);box-shadow:0 8px 24px #0007}.story-switch i{background:#06191b99;border:1px solid #ffffff8a;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #06191b4d}.story-switch i.read{background:#b95c4f;border-color:#eab4a9}.story-switch i.active{background:var(--accent);width:8px;height:8px;box-shadow:0 0 14px var(--accent);border-color:#f7eedb}.story-switch .muted{opacity:.18}.story-feed .experience-stage{text-align:left;width:100%;height:100svh;min-height:0;padding:4.75rem 1.2rem 1rem;display:flex;overflow:hidden}.story-feed .experience-stage header{flex:none;min-height:0;padding:.35rem .35rem .7rem}.story-feed .experience-stage header h1{text-shadow:0 8px 30px #000c;margin:.35rem 0 0;font-size:clamp(2.2rem,10vw,3.2rem)}.story-feed .experience-stage header h1 span{color:#e1c27e;margin-right:.4rem;font-size:1.45em;display:inline-block}.scene-wrap{border:1px solid #ead5a552;flex:1;min-height:0;margin:0 -.15rem;position:relative;overflow:hidden;box-shadow:0 24px 55px #0008}.scene-wrap:before{content:"";z-index:6;pointer-events:none;border:1px solid #f0dfb827;position:absolute;inset:.55rem}.scene-wrap:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(#04191b38 0,#0000 31% 57%,#031718d1 100%);position:absolute;inset:0}.scene-wrap .scene{width:100%;height:100%;margin:0;position:absolute;inset:0;-webkit-mask-image:none;mask-image:none;background-position:50%!important;background-size:cover!important}.scene-wrap .activated-scene{opacity:calc(.22 + var(--progress) * .78)}.story-caption{z-index:8;color:#f6e8c9;letter-spacing:.12em;text-shadow:0 3px 18px #000;font-family:STXingkai,华文行楷,STKaiti,KaiTi,serif;font-size:1.35rem;font-weight:700;line-height:1.45;display:grid;position:absolute;bottom:1.25rem;left:1.35rem}.story-caption span:last-child{margin-left:1.4rem}.scene-prompt{z-index:9;color:#f0dfbd;letter-spacing:.12em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04191ba8;border:1px solid #ead5a54a;padding:.4rem .55rem;font:700 .65rem/1 system-ui,sans-serif;position:absolute;top:1.35rem;right:1.35rem}.story-foot{z-index:10;text-align:center;flex:none;padding:.65rem .25rem 0;position:relative}.story-foot p{color:#d3c7af;letter-spacing:.12em;margin-top:.55rem;font-size:.75rem;font-weight:600}.story-feed .step-notes{height:8px;padding:0}.water-point{z-index:9;color:#f6eddb;cursor:pointer;filter:drop-shadow(0 4px 8px #000);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.water-point i{background:#082b2c99;border:1px solid #f0d9a5;border-radius:50%;width:17px;height:17px;transition:all .5s;display:block;box-shadow:0 0 0 5px #e1c27e18}.water-point span{color:#efe3ca;letter-spacing:.08em;opacity:.75;background:#06191b99;margin-top:.35rem;padding:.18rem .35rem;font-size:.65rem;font-weight:700}.water-point.active i{background:#e7d08e;transform:scale(1.15);box-shadow:0 0 0 7px #e1c27e28,0 0 25px #f5e3a4}.water-point.active span{opacity:1}.water-point:first-of-type{top:59%;left:13%}.water-point:nth-of-type(2){top:45%;left:31%}.water-point:nth-of-type(3){top:62%;left:51%}.water-point:nth-of-type(4){top:38%;left:68%}.water-point:nth-of-type(5){top:68%;left:78%}.story-feed .terrace-scene{filter:brightness(.76)saturate(.92)}.story-feed .choir-scene{background-image:linear-gradient(#03161912,#041617b5),url(/images/stories/listen-background.png);align-items:end;padding:42% .55rem 5rem}.story-feed .choir-scene:after{background:radial-gradient(circle at 50% 42%,#0000,#041617a8 82%)}.story-feed .voice{clip-path:none;background:#071c1dab;border:1px solid #edd9ae4d;border-radius:55% 55% 8px 8px;min-width:0;padding-inline:0;font-size:.82rem;box-shadow:0 12px 20px #0005;min-height:98px!important}.story-feed .voice.active{background:linear-gradient(#e0a56a99,#6e3f34db);box-shadow:0 0 32px #ecb97c70}.story-feed .build-scene{background-image:linear-gradient(90deg,#0617184a,#06171870),url(/images/stories/build-background.png);justify-content:flex-end;align-items:flex-end;padding:0 1rem 5rem;display:flex}.story-feed .timber-parts{width:42%;padding:0}.story-feed .timber-parts button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;min-height:43px}.story-feed .route-scene{background-image:linear-gradient(#140a0918,#140a09ad),url(/images/stories/remember-background.png);flex-direction:column;justify-content:flex-end;padding:0 1.2rem 5rem;display:flex}.story-feed .route-line{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:1.2rem;display:grid;transform:none}.story-feed .route-line span{min-width:0}.story-feed .route-line small{display:block;transform:none}.story-feed .route-scene>button{background:#2f1212bd;border:1px solid #e6b1967d;justify-content:space-between;align-items:center;width:100%;padding:.85rem 1rem;display:flex}.story-feed .taste-scene{background-image:radial-gradient(circle at 50% 58%,#0000 0 18%,#0618178a 58%,#061817c7 100%),url(/images/stories/taste-background.png)}.story-feed .taste-scene>button{z-index:9}.finished-seal{z-index:14;aspect-ratio:1;color:#f3c1b2;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#4d1816c7;border:2px solid #d17465;border-radius:50%;place-items:center;width:145px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:0 0 0 7px #8b352f42,0 18px 45px #0009}.finished-seal b{font-family:STXingkai,华文行楷,KaiTi,serif;font-size:2.2rem}.finished-seal span{letter-spacing:.1em;margin-top:-1.8rem;font-size:.72rem;font-weight:700}.is-finished .activated-scene{opacity:1;clip-path:none!important;transform:none!important}@media (width>=481px){.postcard-mode .postcard-card,.story-feed,.story-feed .experience-stage{height:900px;min-height:900px}.postcard-mode{height:900px}.story-feed .experience-stage{padding-inline:1.45rem}.story-switch{right:.9rem}}@media (prefers-reduced-motion:reduce){.card-next{animation:none}}.scene-wrap{isolation:isolate;perspective:900px}.scene-wrap .scene{animation:10s ease-in-out infinite alternate sceneBreath;transform:scale(1.012)}.scene-wrap .activated-scene{filter:saturate(1.08)contrast(1.04);transform-origin:50%;animation:12s ease-in-out infinite alternate activatedDrift}.transition-surge{z-index:13;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:-30%}.surge-see{background:linear-gradient(115deg,#0000 38%,#dff4da99 49%,#fffbd8cf 50%,#0000 61%);animation:1.05s cubic-bezier(.2,.75,.2,1) both lightSweep}.surge-listen{border:2px solid #f1bd7c99;border-radius:50%;animation:1.2s ease-out both voiceBurst;inset:20% 10%;box-shadow:0 0 45px #f4b9775e,inset 0 0 45px #f4b97738}.surge-build{filter:drop-shadow(0 0 10px #e9ae6e);background:linear-gradient(90deg,#0000 49.65%,#f1c589 50%,#0000 50.35%),linear-gradient(#0000 49.65%,#f1c589 50%,#0000 50.35%);animation:.9s ease-out both joinFlash;inset:10%}.surge-remember{background:radial-gradient(circle at calc(13% + var(--progress) * 72%) 68%,#e28c745c 0,transparent 18%);animation:1.1s ease-out both memoryGlow;inset:0}.surge-taste{background:radial-gradient(circle,#f5e5b759 0,#0000 62%);border-radius:50%;animation:1.4s ease-out both aromaBloom;inset:12%}.terrace-scene .activated-scene{clip-path:inset(calc(100% - var(--progress) * 100%) 0 0 0);transform:scale(calc(1.06 - var(--progress) * .04))}.water-sheen{z-index:7;pointer-events:none;filter:drop-shadow(0 0 8px #d9ecc2);position:absolute;inset:25% 0 12%}.water-sheen i{opacity:0;border-bottom:2px solid #0000;border-radius:50%;width:124%;height:13%;transition:opacity .7s,transform 1.15s cubic-bezier(.16,.8,.2,1),border-color .6s;position:absolute;left:-12%;transform:translate(-14%)scaleX(.82)}.water-sheen i:first-child{bottom:3%}.water-sheen i:nth-child(2){width:108%;bottom:19%;left:-4%}.water-sheen i:nth-child(3){width:91%;bottom:37%;left:5%}.water-sheen i:nth-child(4){width:75%;bottom:56%;left:14%}.water-sheen i:nth-child(5){width:55%;bottom:73%;left:25%}.water-sheen i.active{opacity:.82;border-color:#e7f1cf99;animation:2.8s ease-in-out 1s infinite waterGlint;transform:translate(0)scaleX(1)}.water-point{transition:transform .45s cubic-bezier(.2,1.5,.4,1),filter .45s}.water-point:hover{transform:scale(1.08)}.water-point i{position:relative}.water-point i em{opacity:0;border:1px solid #fff2bd;border-radius:50%;position:absolute;inset:-2px}.water-point.active i em{animation:1.7s ease-out infinite waterRipple}.water-point.active{filter:drop-shadow(0 0 16px #e7f0bd);transform:translateY(-4px)}.choir-scene .activated-scene{clip-path:circle(calc(8% + var(--progress) * 92%) at 50% 54%)}.sound-field{z-index:7;pointer-events:none;place-items:center;display:grid;position:absolute;inset:8% 3% 22%}.sound-field i{aspect-ratio:1;opacity:0;border:1px solid #f4c88e99;border-radius:50%;width:18%;position:absolute}.sound-field i:nth-child(2){width:34%}.sound-field i:nth-child(3){width:51%}.sound-field i:nth-child(4){width:69%}.sound-field i:nth-child(5){width:88%}.sound-field i.active{animation:2.6s ease-out infinite songRing}.sound-field i:nth-child(2){animation-delay:.16s}.sound-field i:nth-child(3){animation-delay:.32s}.sound-field i:nth-child(4){animation-delay:.48s}.sound-field i:nth-child(5){animation-delay:.64s}.story-feed .voice{transition:transform .55s cubic-bezier(.16,1.4,.3,1),background .45s,box-shadow .45s,filter .45s}.story-feed .voice.active{filter:brightness(1.18);animation:3.2s ease-in-out infinite alternate voiceFloat}.build-scene .activated-scene{clip-path:polygon(0 0,calc(var(--progress) * 100%) 0,calc(var(--progress) * 100% - 8%) 100%,0 100%)}.join-grid{z-index:7;pointer-events:none;filter:drop-shadow(0 0 10px #efc089);position:absolute;inset:12% 23% 18% 8%}.join-grid i{opacity:0;background:linear-gradient(90deg,#6d4326,#d2a16c,#5c371f);width:7%;height:0;transition:height .75s cubic-bezier(.2,.85,.2,1),opacity .3s,transform .7s;position:absolute;bottom:12%;left:50%;box-shadow:0 8px 18px #0008}.join-grid i:nth-child(2){width:68%;height:7%;bottom:42%;left:18%;transform:scaleX(0)}.join-grid i:nth-child(3){width:52%;height:6%;bottom:59%;left:26%;transform:scaleX(0)}.join-grid i:nth-child(4){width:78%;height:5%;bottom:73%;left:10%;transform:scaleX(0)rotate(-5deg)}.join-grid i:nth-child(5){clip-path:polygon(50% 0,100% 100%,0 100%);width:42%;height:22%;bottom:77%;left:31%;transform:scale(.25)}.join-grid i:first-child.active{opacity:1;height:58%}.join-grid i:nth-child(n+2).active{opacity:1;transform:scaleX(1)}.join-grid i:nth-child(4).active{transform:scaleX(1)rotate(-5deg)}.join-grid i:nth-child(5).active{transform:scale(1)}.story-feed .timber-parts button{transition:transform .75s cubic-bezier(.2,.9,.2,1),opacity .55s,filter .4s}.story-feed .timber-parts button.placed{opacity:0;filter:brightness(1.8);transform:translate3d(-175%,-40%,80px)rotate(-9deg)scale(.55)}.route-scene .activated-scene{clip-path:inset(0 calc(100% - var(--progress) * 100%) 0 0)}.memory-trace{z-index:6;pointer-events:none;position:absolute;inset:15% 4% 25%}.memory-trace i{aspect-ratio:1;opacity:0;background:#5b201cb8;border:2px solid #e18b75;border-radius:50% 50% 50% 12%;width:13px;transition:opacity .4s,transform .65s cubic-bezier(.18,1.6,.35,1);position:absolute;transform:rotate(-38deg)scale(.3);box-shadow:0 0 0 5px #8f3e3440,0 0 18px #df806a}.memory-trace i:first-child{bottom:12%;left:10%}.memory-trace i:nth-child(2){bottom:28%;left:28%;transform:rotate(12deg)scale(.3)}.memory-trace i:nth-child(3){bottom:43%;left:47%}.memory-trace i:nth-child(4){bottom:58%;left:65%;transform:rotate(12deg)scale(.3)}.memory-trace i:nth-child(5){bottom:76%;left:82%}.memory-trace i.active{opacity:.9;transform:rotate(-38deg)scale(1)}.memory-trace i:nth-child(2).active,.memory-trace i:nth-child(4).active{transform:rotate(12deg)scale(1)}.story-feed .route-line span{transition:transform .55s cubic-bezier(.2,1.5,.3,1),color .45s,filter .45s}.story-feed .route-line span.active{filter:drop-shadow(0 0 8px #e68f77);transform:translateY(-7px)}.taste-scene .activated-scene{clip-path:circle(calc(9% + var(--progress) * 88%) at 50% 57%);transform:scale(calc(1.07 - var(--progress) * .05))}.steam-field{z-index:7;pointer-events:none;filter:blur(.3px);justify-content:center;align-items:flex-end;gap:2.5%;display:flex;position:absolute;inset:8% 8% 23%}.steam-field i{opacity:0;transform-origin:bottom;filter:blur(1.5px);border-left:2px solid #f7edd0a6;border-radius:50%;width:8%;height:44%;transform:translateY(18%)scaleY(.4)}.steam-field i:nth-child(2n){border-left:0;border-right:2px solid #f7edd09c;height:55%}.steam-field i:nth-child(3n){height:36%}.steam-field i.active{opacity:.65;animation:3.8s ease-in-out infinite steamRise}.steam-field i:nth-child(2){animation-delay:-.4s}.steam-field i:nth-child(3){animation-delay:-1.1s}.steam-field i:nth-child(4){animation-delay:-1.8s}.steam-field i:nth-child(5){animation-delay:-2.4s}.steam-field i:nth-child(6){animation-delay:-.8s}.steam-field i:nth-child(7){animation-delay:-2.8s}.steam-field i:nth-child(8){animation-delay:-1.5s}.steam-field i:nth-child(9){animation-delay:-3.2s}.story-feed .taste-scene>button{transition:transform .45s,box-shadow .45s,filter .45s}@keyframes sceneBreath{to{transform:scale(1.035)translate(-.3%,.2%)}}@keyframes activatedDrift{to{filter:saturate(1.15)contrast(1.06);background-position:51.5% 63%}}@keyframes lightSweep{0%{opacity:0;transform:translate(-48%)rotate(-6deg)}35%{opacity:1}to{opacity:0;transform:translate(48%)rotate(-6deg)}}@keyframes voiceBurst{0%{opacity:1;transform:scale(.18)}to{opacity:0;transform:scale(1.7)}}@keyframes joinFlash{0%{opacity:0;transform:scale(.2)}35%{opacity:1}to{opacity:0;transform:scale(1.25)}}@keyframes memoryGlow{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.35)}}@keyframes aromaBloom{0%{opacity:1;transform:scale(.35)}to{opacity:0;transform:scale(1.35)}}@keyframes waterGlint{50%{filter:brightness(1.4);border-color:#fffbd8e6}}@keyframes waterRipple{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(2.8)}}@keyframes songRing{0%{opacity:.85;transform:scale(.72)}to{opacity:0;transform:scale(1.2)}}@keyframes voiceFloat{to{translate:0 -7px}}@keyframes steamRise{0%{opacity:0;transform:translateY(22%)scaleY(.5)rotate(-7deg)}35%{opacity:.7}70%{opacity:.4;transform:translate(10%,-15%)scaleY(1.05)rotate(8deg)}to{opacity:0;transform:translate(-8%,-48%)scaleY(1.28)rotate(-4deg)}}@media (prefers-reduced-motion:reduce){.scene-wrap .scene,.scene-wrap .activated-scene,.water-sheen i.active,.water-point.active i em,.sound-field i.active,.story-feed .voice.active,.steam-field i.active{animation:none!important}.transition-surge{display:none}}.story-feed .experience-stage{animation:.82s cubic-bezier(.18,.78,.2,1) both storyStageIn}.story-feed .experience-stage header .eyebrow{animation:.65s 80ms both copyRise}.story-feed .experience-stage header h1{animation:.72s .16s both copyRise}.story-feed .scene-wrap{animation:.86s cubic-bezier(.18,.8,.2,1) .1s both frameUnfold}.scene-atmosphere{z-index:8;pointer-events:none;mix-blend-mode:screen;opacity:.9;width:100%;height:100%;position:absolute;inset:0}.celebration{z-index:13;pointer-events:none;width:1px;height:1px;position:absolute;top:50%;left:50%}.celebration i{--angle:calc(var(--i) * 20deg);transform-origin:50%;width:5px;height:12px;animation:sealFleck 1.35s calc(var(--i) * 25ms) cubic-bezier(.18,.75,.24,1) both;background:#e7c879;border-radius:1px;position:absolute;box-shadow:0 0 10px #f4d996}.celebration i:nth-child(3n){background:#d77864;border-radius:50%;width:4px;height:4px}.celebration i:nth-child(3n+1){background:#eef0c0}.finished-seal{animation:.75s cubic-bezier(.15,1.45,.35,1) both sealLand}.finished-seal:after{content:"";border:1px solid #e3a18e6b;border-radius:50%;animation:2s ease-out .35s infinite sealEcho;position:absolute;inset:-16px}@keyframes storyStageIn{0%{opacity:0;filter:blur(9px);transform:translateY(7vh)}to{opacity:1;filter:none;transform:none}}@keyframes copyRise{0%{opacity:0;letter-spacing:.2em;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes frameUnfold{0%{opacity:0;clip-path:inset(0 0 100%);transform:rotateX(7deg)scale(.96)}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes sealLand{0%{opacity:0;transform:translate(-50%,-50%)rotate(-22deg)scale(1.8)}to{opacity:1;transform:translate(-50%,-50%)rotate(-8deg)scale(1)}}@keyframes sealEcho{0%{opacity:.8;transform:scale(.72)}to{opacity:0;transform:scale(1.35)}}@keyframes sealFleck{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) rotate(calc(-1 * var(--angle))) scale(.2)}22%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(-145px) rotate(calc(-1 * var(--angle))) scale(1) rotate(160deg)}}@media (prefers-reduced-motion:reduce){.story-feed .experience-stage,.story-feed .experience-stage header .eyebrow,.story-feed .experience-stage header h1,.story-feed .scene-wrap,.finished-seal,.finished-seal:after,.celebration i{animation:none!important}.scene-atmosphere{display:none}}.theme-remember .scene-prompt{display:none}.theme-remember .scene-atmosphere{opacity:.32}.story-feed .route-scene{background-image:linear-gradient(#16090852,#1609089c),url(/images/stories/remember-background.png);flex-direction:column;justify-content:flex-end;gap:.8rem;padding:11% 1.15rem 4.7rem;display:flex}.memory-card{z-index:9;color:#2a2721;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(145deg,#f1e8d5f2,#d8c8a9ed);border:1px solid #dbc9a3;align-self:center;width:calc(100% - .8rem);min-height:285px;padding:1.25rem 1.2rem 1.3rem;position:relative;transform:rotate(-.7deg);box-shadow:9px 10px #c7b58d66,0 22px 42px #0008}.memory-card:before{content:"";pointer-events:none;border:1px solid #785a3e30;position:absolute;inset:.48rem}.memory-card:after{content:"档案";color:#8b342e;letter-spacing:.16em;border:1px solid #98493f80;padding:.32rem .42rem;font:700 .62rem/1 system-ui,sans-serif;position:absolute;top:1rem;right:1rem;transform:rotate(4deg)}.memory-card>p:first-child{color:#873d35;letter-spacing:.12em;font-size:.76rem;font-weight:800;position:relative}.memory-card>span{color:#9a5148;opacity:.46;margin-top:.85rem;font:700 2.5rem/.85 Georgia,serif;display:block}.memory-card h2{letter-spacing:.04em;margin:.25rem 0 .7rem;font-family:STZhongsong,华文中宋,Songti SC,serif;font-size:1.35rem;font-weight:800;line-height:1.35;position:relative}.memory-card>div{background:#9b4d43;width:3.2rem;height:2px;margin-bottom:.75rem}.memory-card>p:last-child{text-align:justify;font-family:STZhongsong,华文中宋,Songti SC,serif;font-size:.94rem;font-weight:600;line-height:1.75;position:relative}.memory-pagination{z-index:10;justify-content:center;gap:.55rem;display:flex;position:relative}.memory-pagination i{background:#ffffff3a;width:1.7rem;height:2px;transition:background .4s,box-shadow .4s,transform .4s}.memory-pagination i.active{background:#df8b76;transform:scaleX(1.08);box-shadow:0 0 10px #df8b76}.story-feed .route-scene>button{z-index:10;color:#f5dfca;letter-spacing:.1em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#431c1bd9;border:1px solid #e7b29b99;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:.75rem 1rem;font-size:.9rem;font-weight:700;display:flex;position:relative;box-shadow:0 10px 24px #0005}.story-feed .route-scene>button:active{background:#65302c;transform:scale(.98)}.archive-enter-active{transition:opacity .55s,transform .65s cubic-bezier(.18,.82,.2,1),filter .55s}.archive-leave-active{transition:opacity .28s,transform .35s,filter .28s}.archive-enter-from{opacity:0;filter:blur(5px);transform:translate(26%)rotate(4deg)scale(.94)}.archive-leave-to{opacity:0;filter:blur(3px);transform:translate(-22%)rotate(-4deg)scale(.97)}@media (height<=720px){.story-feed .route-scene{gap:.55rem;padding-top:5%}.memory-card{min-height:245px;padding:1rem}.memory-card>span{margin-top:.55rem;font-size:2rem}.memory-card h2{margin-bottom:.5rem;font-size:1.15rem}.memory-card>p:last-child{font-size:.85rem;line-height:1.6}}@media (prefers-reduced-motion:reduce){.archive-enter-active,.archive-leave-active{transition:none}}.field-note-card{z-index:12;color:#efe7d5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#102d2deb,#07191bdf);border:1px solid #ead7ae94;width:min(77%,290px);min-height:142px;padding:.9rem 1rem 1rem;position:absolute;top:1rem;left:1rem;box-shadow:0 12px 30px #0009,0 0 0 5px #ead7ae0b}.field-note-card:before{content:"";background:var(--accent);width:3px;height:100%;position:absolute;top:0;left:0}.field-note-card>span{color:var(--accent);letter-spacing:.2em;font:800 .64rem/1 system-ui,sans-serif;display:block}.field-note-card h2{color:#f6e7c7;margin:.45rem 0 .35rem;font-family:STZhongsong,华文中宋,Songti SC,serif;font-size:1.2rem;font-weight:800;line-height:1.3}.field-note-card p{color:#e7e2d3;font-family:STZhongsong,华文中宋,Songti SC,serif;font-size:.86rem;font-weight:600;line-height:1.62}.field-note-enter-active{transition:opacity .48s,transform .55s cubic-bezier(.2,.8,.2,1)}.field-note-leave-active{transition:opacity .25s,transform .3s}.field-note-enter-from{opacity:0;transform:translateY(17px)rotate(-2deg)}.field-note-leave-to{opacity:0;transform:translateY(-10px)}.theme-see .field-note-card{top:1.1rem;left:.9rem}.theme-listen .field-note-card{background:linear-gradient(145deg,#39251fef,#151719e8);top:1.1rem;left:.9rem}.theme-build .field-note-card{background:linear-gradient(145deg,#38291fea,#131919e5);top:1.1rem;left:.9rem}.theme-taste .field-note-card{background:linear-gradient(145deg,#25352aed,#121f1ee9);top:auto;bottom:1.1rem;left:.9rem}.theme-see .scene-prompt,.theme-listen .scene-prompt,.theme-build .scene-prompt,.theme-taste .scene-prompt{top:.9rem;right:.9rem}.theme-see .water-point,.theme-listen .voice,.theme-build .timber-parts,.theme-taste .taste-scene>button{z-index:13}.theme-see .finished-seal,.theme-listen .finished-seal,.theme-build .finished-seal,.theme-taste .finished-seal{background:#611f1dc9;width:70px;animation:none;inset:auto 1.2rem 1.1rem auto;transform:rotate(-8deg)}.theme-see .finished-seal b,.theme-listen .finished-seal b,.theme-build .finished-seal b,.theme-taste .finished-seal b{font-size:1.15rem}.theme-see .finished-seal span,.theme-listen .finished-seal span,.theme-build .finished-seal span,.theme-taste .finished-seal span{display:none}.theme-taste .finished-seal{top:1rem;bottom:auto}.theme-listen .sound-field{opacity:.42}.theme-remember .memory-trace{opacity:.28}.story-heading-name{min-width:0;font:inherit;overflow-wrap:anywhere;line-height:1.12;display:block}.theme-taste .experience-stage header h1{font-size:clamp(1.65rem,7vw,2.25rem)}.theme-see .scene-prompt,.theme-listen .scene-prompt,.theme-build .scene-prompt,.theme-taste .scene-prompt{display:none}.story-feed .timber-parts button.placed{opacity:.7;filter:saturate(.7);border-color:#ddbd8e;transform:translate(-6px)}.story-feed .timber-parts button.placed:hover,.story-feed .timber-parts button.placed:focus-visible{opacity:1;filter:none;transform:translate(0)}.story-feed .note-index{justify-content:center;gap:.65rem;height:auto;padding:0;display:flex}.note-index button{color:#aab8ad;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e5d1a748;place-items:center;width:35px;height:26px;padding:0;font:800 .7rem/1 system-ui,sans-serif;transition:color .3s,border-color .3s,transform .3s;display:grid}.note-index button.active{color:var(--accent);border-color:var(--accent)}.note-index button.selected{color:#f5e6c7;transform:translateY(-3px)}.note-index button:disabled{opacity:.4;cursor:default}.story-foot p{letter-spacing:.04em;font-size:.78rem}@media (height<=700px){.field-note-card{min-height:0;padding:.7rem .85rem}.field-note-card h2{margin:.3rem 0;font-size:1.06rem}.field-note-card p{font-size:.77rem;line-height:1.45}.theme-taste .field-note-card{bottom:.8rem}}@media (prefers-reduced-motion:reduce){.field-note-enter-active,.field-note-leave-active{transition:none}}.story-feed .build-scene{background-image:linear-gradient(#051719df,#081d1bce 44%,#06191af0),url(/images/stories/build-background.png);padding:0;display:block;background-position:50%,0!important;background-size:cover,185%!important}.story-feed .build-scene:after{background:radial-gradient(at 50% 60%,#0000 27%,#0617187d 100%)}.tower-display{z-index:8;pointer-events:none;filter:drop-shadow(0 18px 18px #0009);position:absolute;inset:132px 2% 74px}.tower-ghost,.tower-built{background:url(/images/stories/build-tower-v2.png) bottom/contain no-repeat;position:absolute;inset:0}.tower-ghost{opacity:.23;filter:grayscale()sepia(.35)brightness(.68)}.tower-built{filter:drop-shadow(0 0 10px #dda86058);transition:clip-path 1.05s cubic-bezier(.18,.84,.22,1)}.tower-baseline{background:linear-gradient(90deg,#0000,#e6bd7b91,#0000);height:2px;position:absolute;bottom:0;left:5%;right:5%}.build-parts{z-index:13;grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem;display:grid;position:absolute;bottom:.75rem;left:.8rem;right:.8rem}.build-parts button{color:#e9ddc8;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#092121e8;border:1px solid #e2c28f68;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;min-width:0;min-height:48px;padding:.3rem .1rem;transition:background .3s,transform .3s,border-color .3s;display:flex;box-shadow:0 6px 12px #0006}.build-parts button b{color:#d7b77d;letter-spacing:.08em;font:800 .58rem/1 system-ui,sans-serif}.build-parts button span{font-family:STZhongsong,华文中宋,Songti SC,serif;font-size:.94rem;font-weight:800}.build-parts button.placed{background:#6c4933e8;border-color:#e4b774}.build-parts button.next{border-color:#f6d295;box-shadow:0 0 17px #edbb796b,0 6px 12px #0006}.build-parts button:disabled{opacity:.43;cursor:default}.build-parts button.current{transform:translateY(-5px);box-shadow:0 8px 20px #e4b77455}.build-parts button:focus-visible,.choir-play:focus-visible,.choir-voices .voice:focus-visible{outline-offset:2px;outline:2px solid #ffdda0}.theme-build .finished-seal{z-index:13;bottom:5.3rem;right:.95rem}.story-feed .choir-scene{background-image:linear-gradient(#0316194d,#041617a8),url(/images/stories/listen-background.png);padding:0;display:block}.choir-controls{z-index:13;flex-direction:column;gap:.8rem;display:flex;position:absolute;bottom:.8rem;left:.8rem;right:.8rem}.choir-credit{color:#f0d9b6;letter-spacing:.06em;text-align:center;text-shadow:0 2px 8px #000;margin:0;font-size:.72rem;font-weight:800}.choir-credit span{color:#d9d7cc;letter-spacing:.03em;margin-top:.2rem;font-size:.65rem;font-weight:600;display:block}.choir-play{color:#f7e4c6;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#452d28e8;border:1px solid #e7bd83a6;border-radius:30px;justify-content:center;align-self:center;align-items:center;gap:.65rem;min-width:150px;min-height:46px;padding:.45rem 1rem;font-weight:800;display:flex;box-shadow:0 8px 26px #0008}.choir-play b{color:#422c24;background:#efc98f;border-radius:50%;place-items:center;width:27px;height:27px;font:900 .8rem/1 system-ui,sans-serif;display:grid}.choir-play:disabled{opacity:.65;cursor:default}.choir-voices{grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem;display:grid}.story-feed .choir-voices .voice,.story-feed .choir-voices .voice:nth-of-type(2),.story-feed .choir-voices .voice:nth-of-type(3),.story-feed .choir-voices .voice:nth-of-type(4){color:#eadfcb;clip-path:none;cursor:pointer;background:#081d20e8;border:1px solid #e7c79971;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:.35rem .05rem;font-size:.78rem;animation:none;display:flex;transform:none;box-shadow:0 6px 16px #0007;min-height:48px!important}.story-feed .choir-voices .voice span{color:#d5ae7a;opacity:1;margin:0 0 .2rem;font-size:.57rem;font-weight:800}.story-feed .choir-voices .voice.active{background:#704532ec;border-color:#efca91;box-shadow:0 4px 17px #e3a96852}.theme-listen .finished-seal{z-index:13;bottom:8.4rem;right:.9rem}@media (height<=720px){.tower-display{top:115px;bottom:65px}.build-parts button,.story-feed .choir-voices .voice{min-height:42px!important}}@media (prefers-reduced-motion:reduce){.tower-built{transition:none}}.site-sound{z-index:100;color:#f4dfbc;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#163031ed;border:1px solid #dfc6949c;border-radius:30px;align-items:center;gap:.4rem;min-height:34px;padding:.25rem .65rem;font:700 .67rem/1 system-ui,sans-serif;display:flex;position:fixed;bottom:12px;right:max(12px,50vw - 228px);box-shadow:0 5px 22px #0009}.site-sound span{color:#18332f;background:#dfc694;border-radius:50%;place-items:center;width:21px;height:21px;font-size:1rem;display:grid}.site-sound[aria-pressed=false]{opacity:.76}.site-sound:focus-visible{outline-offset:2px;outline:2px solid #f3d9a5}.choir-layers{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b2222dd;border:1px solid #dfc79f82;justify-content:space-between;align-items:center;gap:.55rem;padding:.55rem .65rem;display:flex}.choir-layers>span{color:#e9d8bc;text-align:left;align-items:center;gap:.4rem;font-size:.71rem;font-weight:800;display:flex}.choir-layers>span i{background:#ddad76;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #ddad76}.choir-layers .choir-play{white-space:nowrap;border-radius:2px;min-width:0;min-height:38px;margin:0;padding:.3rem .6rem;font-size:.7rem}.choir-layers .choir-play b{width:22px;height:22px;font-size:.95rem}.choir-layers .choir-play[aria-pressed=true]{background:#7b4b34}@media (width<=370px){.choir-layers{flex-wrap:wrap}.choir-layers .choir-play{width:100%}}.theme-listen .choir-controls{gap:.55rem}.theme-listen .choir-credit{letter-spacing:.14em;margin-bottom:.15rem;font-size:.76rem}.main-melody{color:#f5e6cc;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(105deg,#173534ed,#0c2528ed);border:1px solid #efcea487;justify-content:space-between;align-items:center;min-height:50px;padding:.7rem .9rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0007}.main-melody:before{content:"";opacity:.32;background:repeating-linear-gradient(90deg,#0000 0 8px,#dfba80 8px 10px,#0000 10px 15px);position:absolute;inset:0 0 0 48%;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.main-melody span,.main-melody em{z-index:1;position:relative}.main-melody span{letter-spacing:.1em;align-items:center;gap:.55rem;font-size:.9rem;font-weight:800;display:flex}.main-melody span i{border:1px solid #efd1a4;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #dcb68029}.main-melody.playing span i{background:#efd1a4;animation:2.96s ease-in-out infinite melodyPulse;box-shadow:0 0 0 5px #dcb68029,0 0 16px #edce99}.main-melody em{letter-spacing:.08em;font-size:.66rem;font-style:normal;font-weight:700}.theme-listen .choir-layers{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem;padding:0;display:grid}.sound-layer{color:#eee1ca;letter-spacing:.08em;text-align:left;cursor:pointer;background:linear-gradient(145deg,#0b2728ed,#091b1de8);border:1px solid #e7c79980;border-radius:2px;align-items:center;gap:.55rem;min-height:51px;padding:.45rem .6rem;font-family:STZhongsong,华文中宋,Songti SC,serif;font-size:.86rem;font-weight:800;transition:transform .25s,border-color .3s,background .3s,box-shadow .3s;display:flex;box-shadow:0 5px 16px #0007}.sound-layer b{color:#e7c794;border:1px solid #dbbd8a75;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font:600 1rem/1 system-ui,sans-serif;display:grid}.sound-layer.active{background:linear-gradient(145deg,#704932ed,#2b2923ed);border-color:#f0cb90;transform:translateY(-2px);box-shadow:0 3px 17px #dfad7052}.sound-layer.active b{color:#3b3023;background:#ebc88e}.main-melody:focus-visible,.sound-layer:focus-visible{outline-offset:2px;outline:2px solid #ffdda0}@keyframes melodyPulse{50%{box-shadow:0 0 0 8px #dcb68014,0 0 22px #edce99}}@media (height<=700px){.theme-listen .choir-controls{gap:.38rem}.main-melody,.sound-layer{min-height:43px}.theme-listen .choir-credit{font-size:.68rem}.theme-listen .choir-credit span{font-size:.59rem}}@media (prefers-reduced-motion:reduce){.main-melody.playing span i{animation:none}}.theme-taste{--accent:#d8bb89}.theme-taste .scene-wrap:before{border-color:#f1dfba42}.theme-taste .scene-wrap:after{background:linear-gradient(#07171523,#0000 28% 70%,#0717158a)}.story-feed .taste-scene{filter:saturate(.94);background-image:linear-gradient(#11221b24,#1220190b 55%,#0b191456),url(/images/stories/taste-background.png);background-position:50% 55%!important}.theme-taste .taste-scene:after{background:linear-gradient(#10201636,#0000 34% 65%,#0819115e)}.theme-taste .taste-scene .activated-scene{opacity:calc(.05 + var(--progress) * .58);filter:none;background-position:50% 55%;animation:none;clip-path:none!important;transform:none!important}.theme-taste .field-note-card{color:#322b20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(145deg,#f2ead8f2,#e0d0adeb);border:1px solid #c9b38c;border-radius:2px 12px 2px 2px;width:min(72%,275px);min-height:0;padding:.85rem .95rem .9rem;top:1rem;bottom:auto;left:.9rem;transform:rotate(-.6deg);box-shadow:2px 3px #876b4578,0 12px 24px #1220165e}.theme-taste .field-note-card:before{background:#9b785685;width:1px;height:auto;top:.6rem;bottom:.6rem;left:.48rem}.theme-taste .field-note-card>span{color:#87633d;font-size:.61rem}.theme-taste .field-note-card h2{color:#30271c;font-size:1.18rem}.theme-taste .field-note-card p{color:#3d382c;font-size:.84rem;line-height:1.58}.story-feed .taste-scene>button{aspect-ratio:auto;color:#3c2c1b;text-align:left;touch-action:none;background:linear-gradient(160deg,#f1e4c8f2,#d6ba8be8);border:1px solid #d2b78b;border-radius:2px 16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:.15rem;width:min(39%,152px);min-height:82px;margin:0;padding:.75rem .85rem .9rem;transition:transform .25s,box-shadow .25s,filter .25s;display:flex;position:absolute;top:54%;right:5%;overflow:hidden;transform:rotate(2deg);box-shadow:3px 5px #6a4b2b85,0 14px 24px #07130e91}.story-feed .taste-scene>button:after{content:"";width:var(--hold);background:#8b6840;height:5px;transition:width 50ms linear;position:absolute;bottom:0;left:0;box-shadow:0 0 13px #d0a36b}.story-feed .taste-scene>button span{letter-spacing:.1em;font-family:STZhongsong,华文中宋,Songti SC,serif;font-size:.98rem;font-weight:800}.story-feed .taste-scene>button small{letter-spacing:.08em;opacity:.76;font-family:STZhongsong,华文中宋,Songti SC,serif;font-size:.7rem;font-weight:700}.story-feed .taste-scene>button:active{filter:none;transform:rotate(0)translateY(2px);box-shadow:1px 2px #6a4b2b85,0 8px 15px #07130e91}.story-feed .taste-scene>button:disabled{cursor:default;opacity:.85}.story-feed .taste-scene>button:focus-visible{outline-offset:3px;outline:2px solid #fff1ca}@media (height<=700px){.theme-taste .field-note-card{padding:.65rem .8rem;top:.7rem;bottom:auto}.theme-taste .field-note-card h2{font-size:1.04rem}.theme-taste .field-note-card p{font-size:.76rem;line-height:1.45}.story-feed .taste-scene>button{min-height:72px;padding:.6rem .7rem;top:55%}}