:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{color:#523a27;background:#efe4cc;font-family:Songti SC,"Noto Serif SC",PingFang SC,Microsoft YaHei,serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{position:fixed;inset:0;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{border:0;font:inherit;color:inherit}.app-shell,.memory-swiper,.h5-screen,.loading{width:100vw;height:100dvh;min-height:100svh;overflow:hidden}.app-shell{position:relative;background:#efe4cc;isolation:isolate}.loading{display:grid;place-content:center;gap:18px;padding:32px;text-align:center;background:radial-gradient(circle at 50% 30%,#fff8e5eb,#efe4ccb8 42%,#dfcba8)}.loading-mark{width:104px;height:104px;display:grid;place-items:center;margin:0 auto 8px;border:1px solid rgba(108,74,43,.32);border-radius:50%;background:#fff9ecb8;color:#795535;font-weight:800}.loading-title{color:#5f432b;font-size:20px;font-weight:700}.loading-bar{width:min(280px,70vw);height:6px;overflow:hidden;border-radius:999px;background:#5f432b29}.loading-bar span{display:block;height:100%;border-radius:inherit;background:#9a6a3c;transition:width .26s ease}.loading-count{font-size:13px;color:#523a27b8}.h5-screen{position:relative;background:#eadbbc}.scene-img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .36s ease;-webkit-user-select:none;user-select:none}.scene-img.is-loaded{opacity:1}.role-img{position:absolute;z-index:2;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transform:translate3d(0,24px,0) scale(.98);transform-origin:50% 70%;transition:opacity .52s ease,transform .72s cubic-bezier(.2,.75,.24,1);filter:drop-shadow(0 16px 16px rgba(66,45,29,.13))}.is-active .role-img.is-loaded{opacity:1;transform:translateZ(0) scale(1)}.role-door{width:min(56vw,245px);right:-2vw;bottom:14.5dvh}.role-diary{width:min(52vw,230px);right:4vw;bottom:13dvh}.role-serve{width:min(52vw,230px);right:1vw;bottom:11dvh}.role-walk{width:min(58vw,260px);left:1vw;bottom:11.5dvh}.role-ride{width:min(62vw,276px);right:0;bottom:9dvh}.role-bite{width:min(52vw,230px);right:7vw;bottom:15dvh}.role-soup{width:min(48vw,214px);left:6vw;bottom:14dvh}.role-wave{width:min(44vw,198px);right:5vw;bottom:15dvh}.role-stamp{width:min(54vw,240px);right:4vw;bottom:13dvh}.role-duo{width:min(64vw,286px);left:18vw;bottom:13dvh}.is-active .role-door{animation:float-soft 4.4s ease-in-out .8s infinite}.is-active .role-diary{animation:float-soft 4.8s ease-in-out .7s infinite}.is-active .role-serve{animation:dish-rise 4.2s ease-in-out .7s infinite}.is-active .role-walk{animation:walk-soft 5s ease-in-out .7s infinite}.is-active .role-ride{animation:sway-soft 4.8s ease-in-out .7s infinite}.is-active .role-bite{animation:bite-soft 4.3s ease-in-out .7s infinite}.is-active .role-soup{animation:float-soft 4.6s ease-in-out .7s infinite}.is-active .role-wave{animation:wave-soft 4.4s ease-in-out .7s infinite}.is-active .role-stamp{animation:stamp-soft 3.8s ease-in-out .7s infinite}.is-active .role-duo{animation:float-soft 5.2s ease-in-out .7s infinite}.copy-block{position:absolute;z-index:4;top:max(72px,calc(var(--safe-top) + 58px));left:clamp(22px,7vw,36px);right:clamp(22px,7vw,36px);max-width:520px;margin:0 auto;text-align:center;opacity:0;transform:translate3d(0,18px,0);transition:opacity .54s ease,transform .72s cubic-bezier(.2,.75,.24,1)}.copy-block.is-active{opacity:1;transform:translateZ(0)}.copy-block h1{margin:0 auto;color:#4d3522;font-size:clamp(24px,7.2vw,36px);line-height:1.18;font-weight:800;letter-spacing:0;text-wrap:balance;text-shadow:0 2px 0 rgba(255,249,234,.58)}.copy-opening h1,.copy-closing h1{max-width:318px}.copy-opening h1{max-width:270px;font-size:clamp(23px,6.8vw,32px)}.copy-block p{margin:16px auto 0;white-space:pre-line;color:#67472e;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(15px,4.15vw,18px);line-height:1.78;font-weight:500;text-wrap:pretty;text-shadow:0 1px 0 rgba(255,251,242,.64)}.long-term-mode .scene-img{filter:sepia(.1) contrast(.96) saturate(.9)}.long-term-mode .is-active .scene-img.is-loaded{animation:photo-develop 1.1s ease both}.long-term-mode .copy-block{top:max(58px,calc(var(--safe-top) + 46px))}.long-term-mode .copy-block h1{max-width:330px;color:#4a311f;font-size:clamp(21px,6.2vw,31px);line-height:1.26}.long-term-mode .copy-block p{max-width:340px;margin-top:12px;font-size:clamp(13px,3.7vw,16px);line-height:1.58}.long-term-mode .copy-closing{top:max(44px,calc(var(--safe-top) + 34px))}.long-term-mode .copy-closing p{max-width:350px;padding:10px 12px;border-radius:8px;background:linear-gradient(#fff9ea6b,#fff9ea2e)}.long-term-mode .copy-closing .end-actions{margin-top:12px}.long-term-mode .copy-night h1,.long-term-mode .copy-night p{color:#fff0cf}.copy-summary h1{font-size:clamp(24px,7vw,34px)}.copy-title h1,.copy-closing h1{font-size:clamp(23px,6.7vw,32px)}.copy-night h1{color:#fff2d5;text-shadow:0 2px 0 rgba(45,28,18,.9),0 6px 18px rgba(0,0,0,.58)}.copy-night p{color:#ffe8bd;text-shadow:0 1px 0 rgba(43,28,20,.92),0 5px 16px rgba(0,0,0,.54)}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.stat-pill,.summary-grid article,.annual-title-card{border:1px solid rgba(116,77,43,.22);background:#fffaeead;box-shadow:0 14px 28px #50341d17;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stat-pill{min-height:74px;padding:10px 8px;border-radius:8px}.stat-pill span,.summary-grid span{display:block;color:#8f6641;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;line-height:1.2}.stat-pill strong{display:block;margin-top:8px;color:#4b3424;font-size:clamp(17px,4.4vw,22px);line-height:1.18;word-break:keep-all}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.summary-grid article{min-height:88px;padding:10px 12px;border-radius:8px;text-align:left;opacity:0;transform:translateY(12px);transition:opacity .42s ease,transform .52s ease}.is-active .summary-grid article{opacity:1;transform:translateY(0)}.summary-grid article:first-child{grid-column:span 2}.summary-grid strong{display:block;margin-top:5px;color:#4b3424;font-size:clamp(18px,4.8vw,23px);line-height:1.2}.summary-grid em{display:block;margin-top:4px;color:#4e3522bd;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:11px;font-style:normal;line-height:1.35}.annual-title-card{margin:18px auto 0;padding:18px 16px;border-radius:8px}.annual-title-card strong{display:block;color:#8a4a28;font-size:clamp(32px,9vw,46px);line-height:1.15}.annual-title-card p{margin-top:10px}.wood-seal{display:inline-grid;place-items:center;min-width:94px;min-height:38px;margin:0 auto 12px;padding:6px 13px;border:2px solid rgba(114,55,30,.78);border-radius:8px;color:#7a351f;background:linear-gradient(135deg,#975b321a,#fff5db52),#fff8e594;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;font-weight:800;letter-spacing:0;transform:rotate(-4deg);box-shadow:0 8px 16px #4b2b181f}.is-active .wood-seal{animation:seal-drop .82s cubic-bezier(.18,.88,.25,1.22) both}.year-timeline{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:14px auto 0;max-width:330px}.year-timeline span{display:inline-flex;align-items:center;min-height:27px;padding:4px 8px;border:1px solid rgba(116,77,43,.22);border-radius:999px;color:#55382380;background:#fffaee94;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:11px;font-weight:700;opacity:0;transform:translateY(8px);transition:opacity .52s ease,transform .52s ease,color .52s ease,background .52s ease}.is-active .year-timeline span{opacity:1;transform:translateY(0);color:#6f4426;background:#fff1cdc7}.swipe-hint{position:absolute;left:0;right:0;bottom:max(46px,calc(var(--safe-bottom) + 40px));display:grid;justify-items:center;gap:8px;width:fit-content;margin:0 auto;padding:8px 14px 9px;border-radius:999px;color:#fff9ebf0;background:#47301f75;box-shadow:0 10px 20px #2d1f161f;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;animation:hint-up 1.8s ease-in-out infinite}.swipe-hint:before{content:"";width:16px;height:16px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}.end-actions{display:grid;gap:10px;width:min(300px,84vw);margin:18px auto 0}.primary-btn,.ghost-btn,.music-toggle,.modal-close,.poster-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:999px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;font-weight:700;cursor:pointer}.primary-btn{color:#fff8ea;background:#7f4e2b;box-shadow:0 12px 22px #58371f38}.primary-btn:disabled{opacity:.7}.ghost-btn{color:#664626;border:1px solid rgba(116,77,43,.28);background:#fffaeeb8}.music-toggle{position:fixed;z-index:10;top:max(12px,calc(var(--safe-top) + 10px));right:14px;width:42px;min-height:42px;color:#694829;background:#fffaeeb8;border:1px solid rgba(116,77,43,.24);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.progress-dots{position:fixed;z-index:10;right:12px;top:50%;display:grid;gap:6px;transform:translateY(-50%)}.progress-dots span{width:5px;height:5px;border-radius:999px;background:#5e422b47;transition:height .24s ease,background .24s ease}.progress-dots span.active{height:18px;background:#5e422bb8}.decor{position:absolute;z-index:1;pointer-events:none;opacity:0}.decor-a{width:84px;height:84px;left:12vw;bottom:25dvh;border-radius:50%;background:radial-gradient(circle,rgba(255,223,150,.28),transparent 68%)}.decor-b{width:2px;height:90px;right:24vw;top:47dvh;background:linear-gradient(#fff0,#ffffff6b,#fff0)}.is-active .decor-a{opacity:1;animation:lantern 3.6s ease-in-out infinite}.is-active .decor-b{opacity:1;animation:steam 3s ease-in-out infinite}.poster-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:max(24px,var(--safe-top)) 18px max(24px,var(--safe-bottom));background:#2a1e15d1}.poster-modal img{display:block;max-width:min(86vw,390px);max-height:78dvh;border-radius:8px;box-shadow:0 24px 80px #0000006b;-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default}.modal-close{position:absolute;top:max(16px,calc(var(--safe-top) + 12px));right:16px;width:42px;min-height:42px;color:#fff4df;background:#ffffff24}.poster-actions{display:grid;gap:10px;justify-items:center;margin-top:14px;color:#fff8e6db;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:13px}.poster-actions button{min-width:132px;min-height:42px;color:#5f3c20;background:#fff4df}@keyframes float-soft{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-7px,0) scale(1.012)}}@keyframes dish-rise{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-6px,0) rotate(-1.2deg)}}@keyframes walk-soft{0%,to{transform:translate3d(-3px,0,0) rotate(-1deg)}50%{transform:translate3d(8px,-3px,0) rotate(1deg)}}@keyframes sway-soft{0%,to{transform:rotate(-1.2deg) translateY(0)}50%{transform:rotate(1.4deg) translateY(-5px)}}@keyframes bite-soft{0%,to{transform:scale(1) translateY(0)}45%{transform:scale(1.018) translateY(-4px)}}@keyframes wave-soft{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(-2.5deg) translateY(-5px)}}@keyframes stamp-soft{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(8px) scale(.99)}60%{transform:translateY(-3px) scale(1.01)}}@keyframes hint-up{0%,to{transform:translateY(0);opacity:.72}50%{transform:translateY(-8px);opacity:1}}@keyframes lantern{0%,to{transform:scale(.92);opacity:.42}50%{transform:scale(1.08);opacity:.86}}@keyframes steam{0%{transform:translateY(18px) scaleY(.8);opacity:0}35%{opacity:.72}to{transform:translateY(-22px) scaleY(1.08);opacity:0}}@keyframes photo-develop{0%{filter:sepia(.45) contrast(.78) saturate(.55);opacity:.45}to{filter:sepia(.1) contrast(.96) saturate(.9);opacity:1}}@keyframes seal-drop{0%{opacity:0;transform:translateY(-18px) rotate(-10deg) scale(1.16)}68%{opacity:1;transform:translateY(2px) rotate(-4deg) scale(.96)}to{opacity:1;transform:translateY(0) rotate(-4deg) scale(1)}}@media(max-height:720px){.copy-block{top:max(66px,calc(var(--safe-top) + 52px))}.copy-block h1{font-size:clamp(22px,6.6vw,30px)}.copy-block p{margin-top:10px;font-size:14px;line-height:1.62}.long-term-mode .copy-block{top:max(48px,calc(var(--safe-top) + 38px))}.long-term-mode .copy-block h1{font-size:clamp(19px,5.6vw,27px)}.long-term-mode .copy-block p{margin-top:8px;font-size:12.5px;line-height:1.46}.long-term-mode .copy-closing{top:max(36px,calc(var(--safe-top) + 26px))}.long-term-mode .copy-closing p{padding:8px 10px;font-size:11.5px;line-height:1.36}.long-term-mode .copy-closing .end-actions{gap:7px;margin-top:8px}.long-term-mode .copy-closing .primary-btn,.long-term-mode .copy-closing .ghost-btn{min-height:42px;font-size:14px}.year-timeline{gap:4px;margin-top:9px}.year-timeline span{min-height:23px;padding:3px 6px;font-size:10px}.summary-grid{gap:6px;margin-top:10px}.summary-grid article{min-height:74px;padding:8px 10px}.role-img{max-height:31dvh}.end-actions{margin-top:12px}}@media(min-width:520px){.app-shell{max-width:430px;margin:0 auto}.copy-block{left:28px;right:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}