*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body,#root{width:100%;height:100%;overflow:hidden;background:#101014}:root{--font-ui: "FontUI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-old: "FontOld", "Kaiti SC", "KaiTi", "STKaiti", serif;--font-new: "FontNew", "Yuanti SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-title: "FontTitle", "Songti SC", "SimSun", serif;--ink: #595959;--ink-hidden: #cfcfcf;--ink-recovered: #4b4b4b}body{font-family:var(--font-ui);color:#333}.viewport{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#101014}.stage{position:relative;width:1080px;height:2400px;flex:0 0 auto;transform-origin:center center;overflow:hidden;background:#1a1a20}.fill{position:absolute;top:0;right:0;bottom:0;left:0}.ph-block{display:flex;align-items:center;justify-content:center;color:#ffffffbf;font-size:30px;text-align:center;line-height:1.5;border:2px dashed rgba(255,255,255,.35);white-space:pre-line}img.ph-img{object-fit:cover;display:block}.hud-top{position:absolute;top:40px;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:0 36px;z-index:60;pointer-events:none}.hud-group{display:flex;gap:20px;pointer-events:auto}.hud-btn{min-width:150px;height:92px;border-radius:20px;border:2px solid rgba(0,0,0,.25);background:#ffffffeb;font-size:34px;font-family:var(--font-ui);display:flex;align-items:center;justify-content:center;gap:8px}.hud-btn:disabled{opacity:.4}.hud-stats{display:flex;gap:18px;pointer-events:auto}.hud-stat{height:92px;padding:0 26px;border-radius:20px;background:#0000008c;color:#fff;font-size:32px;display:flex;align-items:center;gap:10px}.coin-flash{animation:coinFlash .9s ease-in-out infinite}@keyframes coinFlash{0%,to{background:#0000008c}50%{background:#d64545d9}}.floater-layer{position:absolute;top:150px;right:48px;z-index:70;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}.floater{font-size:40px;font-weight:700;animation:floatUp .8s ease-out forwards;text-shadow:0 2px 6px rgba(0,0,0,.35)}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)}25%{opacity:1}to{opacity:0;transform:translateY(-70px)}}.toast-layer{position:absolute;bottom:560px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:16px;z-index:80;pointer-events:none}.toast{max-width:82%;background:#000000b8;color:#fff;border-radius:18px;padding:22px 40px;font-size:32px;animation:toastIn .25s ease-out}@keyframes toastIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.typewriter-catcher{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40}.dialog-box{position:absolute;left:20px;right:20px;bottom:40px;height:500px;background:#fffffff2;border:1px solid #555;border-radius:24px;padding:30px 40px;z-index:40;animation:slideUp .25s ease-out;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(120px);opacity:0}to{transform:none;opacity:1}}.dialog-speaker{font-size:24px;color:#888;margin-bottom:14px}.dialog-text{font-size:34px;line-height:1.6;color:#333;white-space:pre-wrap;flex:1;overflow-y:auto}.dialog-next{align-self:flex-end;font-size:30px;color:#999;animation:blink .9s step-end infinite}@keyframes blink{50%{opacity:0}}.portrait{position:absolute;left:40px;bottom:560px;width:400px;height:600px;z-index:35;animation:slideUp .25s ease-out}.choice-layer{position:absolute;left:0;right:0;bottom:580px;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:45}.choice-prompt{font-size:34px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6);margin-bottom:8px}.choice-btn{width:80%;min-height:90px;border-radius:16px;background:#fff;border:2px solid #555;font-size:36px;font-family:var(--font-ui);padding:16px 28px;line-height:1.4;animation:slideUp .25s ease-out;text-align:left}.choice-btn.picked{border-width:4px;background:#fdf3df}.choice-btn.faded{opacity:0;transition:opacity .4s}.event-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.event-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000001f,#00000047)}.cat-overlay-caption{position:absolute;left:40px;right:40px;bottom:580px;background:#1e1a16c7;color:#f5edd8;font-size:32px;line-height:1.65;border-radius:20px;padding:28px 36px;z-index:42;white-space:pre-wrap}.cat-sprite{position:absolute;width:160px;height:120px;z-index:41;pointer-events:none;transition:left 1.2s ease-in-out,top 1.2s ease-in-out}.souvenir-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:90}.souvenir-card{width:78%;background:#fbf6ea;border-radius:28px;padding:60px 48px;text-align:center;animation:cardPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes cardPop{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}.souvenir-emoji{font-size:120px}.souvenir-name{font-size:44px;margin:24px 0;font-family:var(--font-title)}.souvenir-desc{font-size:30px;line-height:1.7;color:#6b6154;text-align:left}.souvenir-hint{margin-top:36px;font-size:26px;color:#a89a82}.map-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.map-title{position:absolute;top:170px;left:0;right:0;text-align:center;font-size:44px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6);z-index:12}.map-bottom{position:absolute;bottom:60px;left:0;right:0;display:flex;justify-content:center;gap:40px;font-size:34px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.7);z-index:12}.landmark{position:absolute;width:220px;height:220px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:36px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.6);z-index:11;border:4px solid rgba(255,255,255,.85)}.landmark .lm-emoji{font-size:74px}.landmark.state-highlight{animation:breath 1.5s ease-in-out infinite}@keyframes breath{0%,to{transform:scale(.95)}50%{transform:scale(1.05)}}.landmark.state-flash{animation:breath 1.5s ease-in-out infinite;box-shadow:0 0 50px 16px #ffe68cd9}.landmark.state-gray{opacity:.4}.landmark.you-are-here:after{content:"你在这里";position:absolute;bottom:-52px;font-size:28px;background:#0009;padding:6px 16px;border-radius:12px;white-space:nowrap}.landmark:active{transform:scale(.9)}.map-close{position:absolute;top:44px;right:40px;width:92px;height:92px;border-radius:50%;background:#0000008c;color:#fff;font-size:44px;border:none;z-index:13}.bus-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#f6efe2;z-index:100;overflow:hidden}.bus-path-svg{position:absolute;top:0;right:0;bottom:0;left:0}.bus-mover{position:absolute;width:160px;height:100px;offset-path:path("M 140 2000 C 400 1700, 300 1200, 620 980 S 900 500, 880 320");offset-rotate:auto;animation:busMove 2.5s cubic-bezier(.45,.05,.55,.95) forwards}@keyframes busMove{0%{offset-distance:0%}to{offset-distance:100%}}.bus-bump{width:100%;height:100%;animation:bump .2s linear infinite alternate}@keyframes bump{0%{transform:translateY(-2px)}to{transform:translateY(2px)}}.walk-btns{position:absolute;bottom:60px;left:0;right:0;display:flex;justify-content:space-between;padding:0 40px;z-index:50}.walk-btn{width:100px;height:100px;border-radius:50%;border:3px solid rgba(255,255,255,.8);background:#00000073;color:#fff;font-size:44px;touch-action:none}.walk-btn:active{background:#000000b3}.edge-btn{position:absolute;bottom:220px;left:40px;height:96px;padding:0 40px;border-radius:48px;border:none;background:#ffffffeb;font-size:34px;z-index:50;animation:slideUp .25s ease-out}.exit-door-btn{position:absolute;bottom:220px;right:40px;height:96px;padding:0 40px;border-radius:48px;border:none;background:#ffffffeb;font-size:34px;z-index:50}.bubble{position:absolute;max-width:620px;background:#fff;border-radius:24px;border:2px solid #444;padding:24px 32px;font-size:30px;line-height:1.55;z-index:48;animation:slideUp .2s ease-out}.bubble:after{content:"";position:absolute;bottom:-18px;left:60px;border:10px solid transparent;border-top-color:#fff}.rain-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;background:repeating-linear-gradient(100deg,transparent 0 18px,rgba(190,210,255,.16) 18px 20px);animation:rainShift .5s linear infinite}@keyframes rainShift{0%{background-position:0 0}to{background-position:-40px 60px}}.inn-room{position:absolute;top:0;right:0;bottom:0;left:0}.hotspot{position:absolute;border:none;background:#ffffff1a;border-radius:24px;color:#fff;font-size:36px;text-shadow:0 2px 8px rgba(0,0,0,.8);z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.hotspot .hs-emoji{font-size:90px}.hotspot.glow{animation:glowPulse 1.4s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 18px 4px #ffe28259}50%{box-shadow:0 0 44px 14px #ffe282d9}}.hotspot.soft-glow{animation:glowPulse 2.4s ease-in-out infinite}.hotspot:disabled{opacity:.45}.confirm-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:95}.confirm-card{width:72%;background:#fff;border-radius:26px;padding:56px 44px;text-align:center}.confirm-card p{font-size:38px;margin-bottom:44px;line-height:1.6}.btn-row{display:flex;justify-content:center;gap:32px}.btn{min-width:240px;height:96px;border-radius:20px;border:2px solid #555;background:#fff;font-size:34px;font-family:var(--font-ui);padding:0 36px}.btn.primary{background:#3c5a6e;color:#fff;border-color:#3c5a6e}.btn:disabled{opacity:.4}.journal-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#14100aa6;z-index:85;display:flex;align-items:center;justify-content:center}.journal-book{width:92%;height:84%;background:#f7f0dd;border-radius:18px;box-shadow:0 20px 80px #0009;display:flex;flex-direction:column;overflow:hidden}.journal-head{display:flex;justify-content:space-between;align-items:center;padding:30px 40px;border-bottom:2px solid #d8cbaa;font-size:36px;color:#6b5c40}.journal-nav{display:flex;gap:16px}.journal-nav button{min-width:90px;height:72px;font-size:30px;border-radius:14px;border:1px solid #b7a988;background:#fdf9ee}.journal-nav button.active{background:#6b5c40;color:#fff}.journal-body{flex:1;overflow-y:auto;padding:40px 48px 80px}.j-entry{margin-bottom:42px}.j-entry .j-event-name{font-size:26px;color:#a08f6d;margin-bottom:10px}.j-old{font-family:var(--font-old);font-size:34px;color:var(--ink);line-height:1.7}.j-new{font-family:var(--font-new);font-size:32px;color:#3c5a6e;line-height:1.7;margin-top:6px}.j-insight{margin:48px 0;padding:34px 36px;border:1px dashed #c4b48f;border-radius:14px;font-family:var(--font-old);font-size:32px;color:#7a6845;line-height:1.8;white-space:pre-wrap}.j-hint{margin:40px 0;padding:34px 36px;background:#efe6cc;border-radius:14px;font-family:var(--font-old);font-size:32px;line-height:1.9}.j-hint .hidden-line{color:var(--ink-hidden);filter:blur(.6px)}.j-hint .locked-note{font-size:26px;color:#b3a37e}.j-hint .recovered-line{color:var(--ink-recovered)}.ink-reveal{animation:inkReveal .6s ease-out forwards;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 100%)}@keyframes inkReveal{0%{opacity:0;clip-path:inset(0 100% 0 0)}30%{opacity:.3}70%{opacity:.7}to{opacity:1;clip-path:inset(0 0 0 0)}}.j-souvenirs{margin-top:60px;border-top:2px solid #d8cbaa;padding-top:30px}.j-souvenirs h3{font-size:30px;color:#6b5c40;margin-bottom:24px}.souvenir-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.souvenir-cell{aspect-ratio:1;background:#fdf9ee;border:1px solid #d8cbaa;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:56px}.souvenir-cell span{font-size:22px;color:#8a7a58;margin-top:6px}.souvenir-cell.empty{opacity:.3;font-size:40px}.journal-close{position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.modal-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:88}.modal-card{width:88%;max-height:82%;overflow-y:auto;background:#fff;border-radius:28px;padding:56px 48px}.modal-card h2{font-size:44px;text-align:center;margin-bottom:30px}.modal-sub{text-align:center;font-size:30px;color:#777;margin-bottom:40px;line-height:1.6}.quiz-question{font-size:34px;line-height:1.65;margin-bottom:40px}.quiz-opt{width:100%;text-align:left;margin-bottom:22px;min-height:90px;border-radius:16px;border:2px solid #555;background:#fff;font-size:32px;padding:20px 28px;line-height:1.45}.quiz-opt.correct{background:#e2f5e5;border-color:#3faf5c}.quiz-opt.wrong{background:#fbe4e4;border-color:#d64545}.quiz-analysis{font-size:30px;color:#3c5a6e;background:#eef4f8;border-radius:14px;padding:24px 28px;margin:24px 0 34px;line-height:1.6}.shop-item{display:flex;align-items:center;gap:28px;border:2px solid #ddd;border-radius:20px;padding:30px;margin-bottom:26px}.shop-item .si-emoji{font-size:76px}.shop-item .si-info{flex:1}.shop-item .si-name{font-size:34px;margin-bottom:8px}.shop-item .si-desc{font-size:27px;color:#888}.cinema{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0c10;z-index:20;display:flex;flex-direction:column}.cinema-frame{flex:1;position:relative;overflow:hidden}.cinema-caption{min-height:460px;padding:50px 60px 90px;color:#e8e2d2;font-size:34px;line-height:1.75;white-space:pre-wrap}.cinema-quote{font-family:var(--font-old);font-size:40px;color:#f2e9cf}.title-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 35%,#2c3540,#14171c 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;z-index:20}.title-logo{font-family:var(--font-title);font-size:110px;color:#f2e9cf;letter-spacing:14px;margin-bottom:40px}.title-sub{font-size:32px;color:#9aa4ad;margin-top:-70px;letter-spacing:6px}.ending-stage{position:absolute;top:0;right:0;bottom:0;left:0;background:#f7f0dd;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px;text-align:center}.ending-ink{font-family:var(--font-old);font-size:42px;color:var(--ink-recovered);line-height:2;white-space:pre-wrap}.persona-label{font-family:var(--font-old);font-size:40px;color:#8a7a58;margin-bottom:60px}.persona-name{font-family:var(--font-title);font-size:76px;color:#2f2a20;letter-spacing:10px;margin-bottom:70px}.persona-motto{font-family:var(--font-old);font-size:36px;color:#6b5c40}.sign-block{font-family:var(--font-old);font-size:38px;color:#4b4b4b;line-height:2.1;white-space:pre-wrap}.sign-name{font-family:var(--font-title);font-size:60px;color:#2f2a20;margin-top:40px}.ending-black{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;z-index:25;display:flex;align-items:center;justify-content:center;color:#f2e9cf;font-family:var(--font-title);font-size:96px;letter-spacing:12px}.fade-in{animation:fadeIn 1.2s ease-in forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-slow{animation:fadeIn 2.2s ease-in forwards}.sleep-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;overflow:hidden;display:flex;align-items:center;justify-content:center}.sleep-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:#182030;animation:nightCycle 3.4s ease-in-out forwards}@keyframes nightCycle{0%{filter:brightness(1)}45%{filter:brightness(.35)}to{filter:brightness(1.05)}}.sleep-moon{position:absolute;top:420px;left:120px;font-size:110px;animation:moonMove 3.4s ease-in-out forwards}@keyframes moonMove{0%{transform:translate(0)}to{transform:translate(700px)}}.sleep-house{font-size:220px;filter:drop-shadow(0 0 60px rgba(255,190,90,.55))}.sleep-result{position:absolute;bottom:480px;left:0;right:0;text-align:center;color:#ffe9b8;font-size:40px;line-height:1.9}.name-input-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#f7f0dd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;z-index:20}.name-q{font-family:var(--font-old);font-size:52px;color:#4b4b4b}.name-field{width:60%;height:120px;font-size:44px;text-align:center;border:none;border-bottom:3px solid #8a7a58;background:transparent;font-family:var(--font-new);color:#3c5a6e;outline:none}