:root{color:#324d49;font-synthesis:none;--paper:#f7f2e8;--ink:#324d49;--teal:#3d6960;--rose:#b97061;--gold:#aa8d58;--line:#d8d4c5;--serif:"Noto Serif CJK SC", "Songti SC", "SimSun", serif;background:#dedfd4;font-family:Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #b77843}button{min-height:44px}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}button{border:0}h1,h2,p{margin:0}a{color:inherit;text-decoration:none}.eyebrow{letter-spacing:.22em;color:var(--gold);font-size:10px}.primary{background:var(--teal);color:var(--paper);letter-spacing:.07em;border-radius:5px;padding:15px 25px;box-shadow:0 5px 15px #25413915}.primary:hover{background:#2f554c}#app{place-items:center;min-height:100dvh;padding:24px;display:grid}.book{background:var(--paper);border:1px solid #fff9;width:100%;max-width:460px;position:relative;overflow:hidden;box-shadow:0 24px 100px #263b4620}.topbar{z-index:10;background:#f7f2e8f5;justify-content:space-between;align-items:center;height:76px;padding:12px 23px;display:flex;position:relative}.brand{font-family:var(--serif);letter-spacing:.1em;align-items:center;gap:9px;font-size:21px;display:flex}.brand-mark{width:30px;height:34px;color:var(--gold);border:1px solid #aa8d5870;border-radius:45%;place-items:center;font-size:19px;display:grid}.brand small{letter-spacing:.16em;color:#8a968b;font:7px/1.8 sans-serif;display:block}.toolbar{gap:9px;display:flex}.icon-button{letter-spacing:.04em;color:#64766d;background:0 0;padding:6px 4px;font-size:10px}.viewport{isolation:isolate;height:min(710px,100dvh - 160px);min-height:560px;position:relative;overflow:hidden}.scene-host{height:100%;position:relative}.book-footer{letter-spacing:.08em;color:#8a968b;justify-content:center;align-items:center;gap:15px;height:42px;font-size:9px;display:flex}.footer-line{background:#c8c9ba;width:30px;height:1px}.cover{background:radial-gradient(at 80% 38%,#c8d7c9,#0000 60%),linear-gradient(150deg,#f4ead6,#e3e8dc);position:absolute;inset:0;overflow:hidden}.cover-wash{border:1px solid #839f8925;border-radius:50%;width:380px;height:380px;position:absolute;top:110px;right:-150px;box-shadow:0 0 0 32px #94ac9310,0 0 0 65px #94ac930a}.cover-copy{z-index:2;padding:74px 39px 0;position:relative}.cover h1{font:normal 52px/1.45 var(--serif);letter-spacing:.08em;margin:25px 0 22px}.cover h1 span{color:var(--rose)}.cover p{font:14px/2.2 var(--serif);letter-spacing:.05em;color:#677b6d}.cover-rule{background:#b79c6f;width:34px;height:1px;margin:30px 0}.cover-hint{color:#819181;letter-spacing:.1em;margin-top:17px;font-size:9px;display:block}.cover-bottom{font:10px var(--serif);letter-spacing:.12em;color:#849281;position:absolute;bottom:26px;left:39px}.load-panel{z-index:20;background:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:40px;font-size:14px;line-height:2;display:flex;position:absolute;inset:0}.storage-note{background:#f3e5c7;padding:9px 18px;font-size:11px;line-height:1.6}.dialogue{z-index:8;background:#fcf8eff5;border:1px solid #fff;border-radius:3px;padding:22px 23px 14px;position:absolute;bottom:20px;left:20px;right:20px;box-shadow:0 10px 35px #24392f16}.dialogue p{font:16px/1.95 var(--serif);min-height:62px;margin:14px 0 8px}.dialogue-next{color:var(--rose);letter-spacing:.1em;background:0 0;margin-left:auto;padding:8px 0 0 15px;font-size:11px;display:block}.reset-dialog{border:1px solid var(--line);background:var(--paper);width:calc(100% - 40px);max-width:370px;color:var(--ink);border-radius:8px;padding:30px}.reset-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#203a3acc}.reset-dialog h2{font:22px var(--serif);margin:20px 0 14px}.reset-dialog p{font-size:12px;line-height:1.9}.dialog-actions{justify-content:flex-end;gap:12px;margin-top:25px;display:flex}.cancel{background:0 0;font-size:12px}@media (width<=520px){#app{padding:0}.book{border:0;max-width:none;min-height:100dvh}.topbar{height:calc(68px + env(safe-area-inset-top));padding-top:calc(8px + env(safe-area-inset-top))}.viewport{height:calc(100dvh - 108px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:480px}.book-footer{height:calc(40px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.cover-copy{padding-top:45px}.cover h1{font-size:48px}}@media (height<=700px){.cover-copy{padding-top:25px}.cover h1{margin:13px 0;font-size:38px}.cover-rule{margin:16px 0}.dialogue{padding:16px 20px;bottom:12px}.dialogue p{margin:8px 0;font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.chapter{background:var(--paper);height:100%;position:relative;overflow:hidden}.scene-art{object-fit:cover;object-position:center 45%;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.chapter{isolation:isolate}.chapter:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#f8f1e7bd,#0000 28% 52%,#f7f2e8ec 88%);position:absolute;inset:0}.chapter-heading{padding:25px 28px;position:relative}.chapter-heading h2{font:25px/1.6 var(--serif);letter-spacing:.08em;margin:9px 0}.chapter-heading .chapter-number{letter-spacing:.18em;color:#7c8c80;font:9px sans-serif}.chapter-heading .chapter-subtitle{font:11px/1.8 var(--serif);color:#738475}.keepsake-strip{align-items:center;gap:7px;margin-top:13px;display:flex}.keepsake-dot{border:1px solid var(--gold);border-radius:50%;width:6px;height:6px}.keepsake-dot.collected{background:var(--gold)}.keepsake-line{background:#b99b6b75;width:18px;height:1px}.activity{z-index:3;background:#fcf8eff2;border:1px solid #fff;border-radius:5px;padding:19px 20px;position:absolute;bottom:22px;left:22px;right:22px;box-shadow:0 9px 30px #23433413}.activity h3{font:18px/1.7 var(--serif);margin:0 0 7px}.activity .instruction{color:#7c8b7c;margin-bottom:14px;font-size:11px;line-height:1.8}.item-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.item-wrap{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.memory-item{z-index:5;min-height:58px;font:15px var(--serif);-webkit-user-select:none;user-select:none;will-change:transform;background:#efe3cf;border:1px solid #cfc5b3;border-radius:45% 45% 30% 30%;padding:8px 18px;position:relative;box-shadow:0 4px #d4c9b650}.memory-item.dragging{z-index:8;box-shadow:0 8px 22px #324d4940}.memory-item.chosen{outline:2px solid var(--rose);outline-offset:3px}.memory-item.placed{opacity:.35}.drop-target{min-width:105px;min-height:75px;font:14px var(--serif);color:#657561;background:#dfebdd80;border:1px dashed #a8946e;border-radius:50% 50% 35% 35%;place-items:center;padding:12px;display:grid;position:relative}.drop-target:after{content:"轻轻放在这里";color:#8c987e;font:8px sans-serif;position:absolute;bottom:8px}.alternative{color:var(--rose);text-underline-offset:4px;background:0 0;min-height:44px;padding:9px 6px;font-size:10px;line-height:1.5;-webkit-text-decoration:underline #b9706133;text-decoration:underline #b9706133}.place-item{margin:auto;display:block}.activity-progress{color:var(--gold);letter-spacing:.1em;margin-bottom:12px;font:10px/1.8 sans-serif}.thread{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.walk-progress{background:#d6dbcb;height:3px;margin:17px 0}.walk-progress span{background:var(--teal);width:0;height:100%;display:block}.walk-button{background:var(--teal);width:100%;color:var(--paper);-webkit-user-select:none;user-select:none;border-radius:4px;padding:16px;display:block}.moment-bubble{max-width:70%;font:18px/1.7 var(--serif);background:#fffbefee;border:1px solid #fff;border-radius:18px 18px 2px;padding:14px 18px;animation:.5s appear;position:absolute;top:28%;right:8%;box-shadow:0 5px 24px #334d4912}.collect-card{z-index:7;text-align:center;background:#f7f2e8f5;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:absolute;inset:0}.collect-card .keepsake-art{object-fit:contain;width:100px;height:100px;margin:25px 0}.collect-card h3{font:27px var(--serif);letter-spacing:.12em}.collect-card p{font:13px/2 var(--serif);color:#738475;margin:22px 0 30px}.finale .chapter-heading{padding-top:36px}.finale-message{text-align:center;background:#fcf8eff2;border:1px solid #fff;padding:25px 24px;position:absolute;bottom:26px;left:30px;right:30px}.finale-message p{font:15px/2.1 var(--serif);color:#687d6c}.finale-message h2{font:29px/1.8 var(--serif);letter-spacing:.14em;margin:18px 0 12px}.finale-message small{letter-spacing:.12em;color:#8a968b;font-size:10px}.finale-keepsakes{justify-content:center;gap:14px;margin-bottom:20px;display:flex}.finale-keepsakes span{font:11px var(--serif);color:var(--gold)}.scene-art{animation:.7s appear}.cover{background-image:linear-gradient(90deg, #f7f2e8f5 0%, #f7f2e8ce 42%, #f7f2e850), var(--cover-art);background-position:50%;background-size:cover}.cover-copy{padding-left:32px}.cover h1{font-size:49px}.cover p{color:#526b60}@keyframes appear{0%{opacity:0}to{opacity:1}}@media (height<=700px){.chapter-heading{padding:16px 24px}.chapter-heading h2{margin:5px 0;font-size:22px}.activity{padding:14px 18px;bottom:12px}.activity h3{font-size:17px}.moment-bubble{font-size:16px}.finale-message{padding:16px 20px;bottom:15px}.finale-message h2{font-size:25px}}.item-art{background-repeat:no-repeat;background-size:200% 400%;border-radius:8px;flex:none;width:56px;height:56px;display:block}.memory-item{border-radius:15px;flex-direction:column;align-items:center;padding:5px 12px 9px;display:flex}.item-label{font:11px var(--serif);margin-top:4px}.item-art.keepsake-art{background-color:var(--paper);border-radius:50%;width:110px;height:110px}.finale-keepsakes{position:relative}.finale-keepsakes>span{z-index:3;flex-direction:column;align-items:center;gap:4px;display:flex}.finale-keepsakes small{font-size:9px}.finale-keepsakes .item-art{border-radius:50%;width:43px;height:43px}.finale-keepsakes .thread{z-index:0}.dish-label{font:12px var(--serif);background:#fcf7e9eb;border:1px solid #d9c7a4;border-radius:20px;padding:5px 12px;position:absolute;top:61%;left:25%}.intro .scene-art{filter:blur(3px);opacity:.6}.seated .scene-art{transition:filter .6s,opacity .6s}.cover{background-image:linear-gradient(90deg, #f7f2e8f5 0%, #f7f2e8ce 42%, #f7f2e850), var(--cover-art)}.scene-art{object-position:center 35%;height:calc(100% - 125px);top:125px}@media (height<=700px){.scene-art{height:calc(100% - 105px);top:105px}}.home .moment-bubble{max-width:55%;font-size:16px;top:27%;left:24px;right:auto}.home .dish-label{top:auto;bottom:185px;left:43%}.activity.composition{background:#fffaf1f7;max-height:calc(100% - 150px);padding:15px 16px;bottom:22px;overflow-y:auto}.composition h3{margin:0 0 5px}.composition .instruction{margin:0;font-size:11px}.composition .activity-progress{font-size:10px;position:absolute;top:12px;right:15px}.composition-target{background:0 0;border:0;width:100%;height:auto;min-height:0;padding:0;display:block}.composition-target:after{display:none}.audio-status{letter-spacing:0;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:10px;line-height:1.5;display:flex}.audio-retry{color:#845c36;background:0 0;flex:none;min-width:64px;min-height:44px;font-size:10px;text-decoration:underline}.audio-status[data-status=error],.audio-status[data-status=blocked]{color:#845c36}.composition-canvas{isolation:isolate;width:225px;height:140px;margin:auto;position:relative}.container-art{z-index:0;width:175px;height:175px;position:absolute;top:-20px;left:25px}.composition-feedback{color:#86694e;text-align:center;min-height:18px;margin:0 0 9px;font-size:11px}.composition-sources{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.composition-sources .select-item{color:#5e4c3c;touch-action:none;background:#fffdf6;border:1px solid #d9cdb8;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-height:64px;padding:4px;font-size:10px;display:flex}.composition-sources .item-art{width:40px;height:40px}.composition-sources .select-item[aria-pressed=true]{background:#f4e4c9;border-color:#a76c48;box-shadow:0 0 0 1px #a76c48}.composition-sources .select-item:disabled{opacity:.42}.composition-sources .dragging{z-index:30}.composition .primary{width:100%;min-height:44px;margin-top:9px;font-size:12px}.placed-art{z-index:3;width:65px;height:65px;animation:.35s ease-out arrive;position:absolute}.sauce-liquid{z-index:1;background:radial-gradient(#a9682e98,#78411bb8);border-radius:50%;width:115px;height:107px;position:absolute;top:14px;left:56px}.sesame-oil{z-index:2;background:radial-gradient(at 24% 23%,#f4d37b99 0 3px,#0000 4px),radial-gradient(at 65% 40%,#f4d37b99 0 5px,#0000 6px),radial-gradient(at 73% 70%,#f4d37b99 0 3px,#0000 4px),radial-gradient(at 37% 77%,#f4d37b99 0 4px,#0000 5px)}.placed-garlic{width:52px;height:52px;top:40px;left:59px}.placed-chili{width:52px;height:52px;top:48px;left:105px}.placed-scallion{width:52px;height:52px;top:36px;left:86px}.placed-cilantro{width:52px;height:52px;top:57px;left:74px}.composition-breakfast .container-art{z-index:1}.composition-breakfast .placed-art{clip-path:ellipse(40% 44%);mix-blend-mode:normal;width:56px;height:56px}.placed-shumai{top:-7px;left:52px}.placed-bun{top:-8px;left:113px}.placed-tea-egg{top:5px;left:82px}.composition-home .container-art{width:160px;height:160px;top:3px;left:33px}.home-chicken{z-index:1;width:58px;height:58px;position:absolute;top:54px;left:85px}.placed-clothes{width:58px;height:58px;top:0;left:0}.placed-fabric{width:58px;height:58px;top:0;right:0}.placed-beads{width:48px;height:48px;top:0;left:85px}.placed-setting-one{width:62px;height:62px;top:66px;left:30px}.placed-setting-two{width:62px;height:62px;top:66px;right:28px}.travel-art{background-repeat:no-repeat;background-size:500% 100%}.beijing .chapter-heading h2{font-size:23px}.beijing .activity{max-height:calc(100% - 170px);overflow-y:auto}.costume-choice{color:#725c3e;background:#efe2cc;border:1px solid #bea57d;border-radius:6px;min-height:44px;margin:4px;padding:12px;display:inline-block}.costume-choice[aria-pressed=true]{background:#d9e2d2;border-color:#849b82}.costume-panel .story-action{width:100%;margin-top:10px;display:block}.duck-wrap{background:radial-gradient(#fff8db 30%,#edd4a9 90%);border:2px solid #d7ba86;border-radius:50%;justify-content:center;align-items:center;width:225px;height:120px;margin:12px auto;display:flex}.wrap-layer{width:52px;height:65px}.beijing .composition-sources{grid-template-columns:repeat(4,1fr)}.beijing .duck-wrap{height:100px}.beijing[data-frozen=true] .travel-art{outline-offset:-15px;outline:7px solid #faf4e7}.finale-keepsakes{gap:8px}.finale-keepsakes>span{flex:1;min-width:0}.finale-keepsakes small{letter-spacing:0}@keyframes arrive{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.placed-art{animation:none}}