:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#ece4d3;background:#0d2230;font-synthesis:none;font-weight:400;color-scheme:dark;--cream:#f2dec0;--gold:#d9b779;--muted:#8fa9b3;--line:#f4e4c51c}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit;border:0;background:none;font-size:13px}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #edc77e;outline-offset:5px}button svg,a svg{width:18px;height:18px;flex-shrink:0}button{transition:background .2s,color .2s,transform .2s}button:hover{color:#ffe7b7}button:active{transform:translateY(1px)}#app{max-width:1900px;margin:auto;padding:0 36px 20px;min-height:100svh;display:flex;flex-direction:column}.topbar{height:85px;display:flex;align-items:center;justify-content:space-between;position:relative;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;font-family:Songti SC,serif;letter-spacing:3px;font-size:19px}.brand small{font:10px -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;letter-spacing:2px;display:block;margin-top:6px;color:var(--muted)}.brand-mark{height:36px;width:36px;border:1px solid #d5b57757;border-radius:50%;display:grid;place-items:center;color:var(--gold)}.brand-mark svg{width:19px}.mode-tabs{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:30px;background:#ffffff03}.mode-tabs button{padding:9px 27px;color:#8199a5;border-radius:30px;letter-spacing:1px}.mode-tabs button[aria-pressed=true]{background:#273d48;color:#f6dfb9;box-shadow:0 2px 10px #0002}.text-button{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding:6px 0}.text-button svg{width:14px;height:14px}.about-button{font-size:11px;letter-spacing:1px}main{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}.scene-window{width:100%;display:flex;align-items:center;justify-content:center}.scene-shell{width:min(100%,calc((100svh - 220px)*1.6));min-width:0;aspect-ratio:1.6;position:relative;border:1px solid #adc3c520;box-shadow:0 25px 80px #020f1a66;border-radius:5px;overflow:hidden;background:#14374e}#scene,#hotspots{position:absolute;top:0;right:0;bottom:0;left:0}#scene>svg{display:block;width:100%;height:100%}#hotspots{pointer-events:none}.hotspot{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;border:1px solid transparent;border-radius:50%;padding:0}.hotspot:active{transform:translate(-50%,-50%) scale(.97)}.hotspot.place{width:115px;height:40px;border-radius:30px}.hotspot.place:hover{background:#f4db9d10;border-color:#e2c28c80}.hotspot.resident{width:6.5%;height:12%;min-width:32px;min-height:34px}.hotspot.resident:hover{border-color:#f6d68860;background:#f6d68808;box-shadow:0 0 28px #ffd26f15}.hotspot span{position:absolute;left:50%;bottom:100%;transform:translate(-50%) translateY(6px);opacity:0;white-space:nowrap;background:#122733ee;padding:7px 12px;border:1px solid #ecd4a452;border-radius:20px;color:#f1dfbc;font-size:12px;pointer-events:none;transition:.2s}.hotspot:hover span,.hotspot:focus-visible span{opacity:1;transform:translate(-50%) translateY(-2px)}.hotspot.place span{display:none}.hotspot.place.no-label{width:24px;height:24px;background:#dfbb7e1a;border:1px solid #ecd08a55}.hotspot.place.no-label:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;background:#f4d89e;border-radius:50%}.hotspot.place.no-label span{display:block}.below-scene{width:min(100%,calc((100svh - 220px)*1.6));margin:13px auto 0;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);font-size:10px;letter-spacing:1px}.live-status{display:flex;align-items:center;gap:7px}.live-status i{width:4px;height:4px;border-radius:50%;background:#cfb783}.discover-hint{color:#718c9a}.below-scene button{font-size:10px}.control-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(100%,calc((100svh - 220px)*1.6));margin:27px auto 0;flex-shrink:0}.lighting{display:flex;gap:4px;align-items:center}.lighting button{display:flex;gap:6px;align-items:center;color:#88a0ad;padding:10px 13px;font-size:11px;border-radius:5px}.lighting button svg{width:14px;height:14px}.lighting button[aria-pressed=true]{background:#f6e3b913;color:#eed3a2}.play-tools{display:flex;gap:6px;margin-right:auto;padding-left:16px;border-left:1px solid var(--line)}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;color:#a7bac2;border-radius:50%}.icon-button:hover,.icon-button[aria-pressed=true]{background:#f8db9314;color:#f1d298}.main-actions{display:flex;gap:10px}.outline-button,.primary-button{border:1px solid #d3bc9160;padding:11px 19px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;letter-spacing:.5px}.outline-button{color:#dec9a7}.primary-button{background:#e9d5b0;color:#233641;border-color:#e9d5b0;font-weight:500}.primary-button:hover{background:#f8e8cd;color:#1e3342}.primary-button svg,.outline-button svg{width:15px;height:15px}dialog{position:fixed;color:#e7dfd0;border:1px solid #9baaa83b;border-radius:13px;background:#162e3bea;box-shadow:0 30px 100px #020c15bb;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:32px;max-height:88svh;max-width:calc(100vw - 32px);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#56717c transparent}dialog::backdrop{background:#05132088;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog .close-dialog{position:absolute;right:18px;top:18px}.detail-dialog{width:420px;padding:40px 32px 30px}.overline{font-size:10px;letter-spacing:2px;color:#b3a98c;display:block;padding-right:25px}h2{font: 28px Songti SC,STSong,serif;letter-spacing:2px;margin:13px 0 23px;color:#f1dfbd}h3{font-weight:400;font-size:13px;letter-spacing:1px;margin:27px 0 18px;color:#d0b992}.story-note{display:flex;align-items:center;gap:10px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.story-note p{font-family:Songti SC,serif;margin:0;line-height:1.7;font-size:18px;white-space:pre-wrap;overflow-wrap:anywhere}.story-dot{width:5px;height:5px;background:#d6b578;border-radius:50%;flex-shrink:0}.detail-description{font-size:12px;line-height:2;color:#a6b8c0;margin:22px 0 26px}.detail-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-link{font-size:12px;display:flex;align-items:center;gap:7px;color:#eed3a6}.project-link svg{width:14px}.resident-line{font:22px/1.7 Songti SC,serif;color:#eee0c5;overflow-wrap:anywhere}.story-disclaimer{font-size:9px;letter-spacing:1px;color:#78929e}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between}.dialog-heading h2{margin-bottom:15px}.dialog-intro,.export-note{font-size:12px;color:#a4b7bf;line-height:1.8;margin:0 0 25px}.editor-dialog{width:670px}.form-row{display:grid;grid-template-columns:1fr 1.35fr;gap:15px}label{display:block;font-size:11px;color:#b0c0c4;line-height:1.6}input:not([type=checkbox]),select{width:100%;display:block;margin-top:8px;border:1px solid #839eaa38;background:#0c2431bd;border-radius:5px;padding:11px 12px;color:#e6dfcc;font-size:12px;line-height:1.5;min-width:0}input:focus,select:focus{border-color:#c9ae76;outline:none}.place-fields,.resident-fields{display:flex;flex-direction:column;gap:10px}.place-fields label,.resident-fields label{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:14px}.place-fields small{display:block;font-size:9px;color:#718d9c;margin-top:4px}.place-fields input,.resident-fields input{margin:0}.resident-fields label{grid-template-columns:60px 1fr}.form-footer{margin-top:29px;padding-top:23px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.form-footer>span{font-size:10px;color:#78939d}.backup-row{display:flex;gap:24px;margin-top:20px;flex-wrap:wrap}.backup-row .text-button{font-size:10px}.backup-row button:last-of-type{margin-left:auto;color:#728e9a}.inline-message{font-size:11px;line-height:1.8;color:#e1c795;margin:10px 0 0;overflow-wrap:anywhere}.export-dialog{width:530px}.export-preview{width:100%;aspect-ratio:1.6;overflow:hidden;margin:5px 0 23px;border:1px solid var(--line);border-radius:5px}.export-preview svg{width:100%;height:100%;display:block}.export-dialog .form-row{grid-template-columns:1fr 1.35fr}.checkbox-label{display:flex;align-items:center;gap:8px;margin:21px 0 8px}.checkbox-label input{accent-color:#ddc18e;width:14px;height:14px}.export-note{font-size:10px;margin-bottom:22px;color:#849eaa}.export-submit{width:100%}.about-dialog{width:490px;padding:45px 36px}.about-dialog p{font-size:12px;line-height:2.05;color:#a8bac1}.about-signature{font-size:10px;letter-spacing:3px;color:#d0b380;border-top:1px solid var(--line);padding-top:22px;margin-top:27px;line-height:2.5}.about-signature span{letter-spacing:1px;color:#839fab;font-size:11px}kbd{font-size:10px;border:1px solid #aaa5;padding:1px 5px;border-radius:3px}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#e6d7bdee;color:#213742;border-radius:7px;padding:13px 22px;font-size:12px;box-shadow:0 6px 25px #001b2c66;transition:.2s;z-index:20;max-width:calc(100vw - 40px);width:max-content;line-height:1.6}#toast.show{opacity:1;transform:translate(-50%)}.back-from-immersive{display:none;position:absolute;left:22px;top:22px;align-items:center;gap:8px;background:#0e2738b0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:22px;font-size:11px;padding:9px 15px}.back-from-immersive svg{width:13px}.immersed #app{padding:0;max-width:none}.immersed .topbar,.immersed .below-scene,.immersed .control-bar{display:none}.immersed .scene-shell{width:min(100vw,160svh);max-height:100svh;border:0;box-shadow:none;border-radius:0}.immersed .scene-window{height:100svh}.immersed .back-from-immersive{display:flex;opacity:0;transition:opacity .2s}.immersed .scene-shell:hover .back-from-immersive,.immersed .back-from-immersive:focus-visible{opacity:1}#star-hint{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#e8d9baef;color:#2b4045;font-size:11px;white-space:nowrap;padding:10px 14px;border-radius:5px;box-shadow:0 5px 18px #0003}#star-hint button{font-size:11px;border-left:1px solid #1233;margin-left:13px;padding-left:13px;color:#244649}.star-mode{cursor:crosshair}.star-mode #hotspots{display:none}.flying-wish{position:absolute;left:17%;top:64%;color:#f5e3bd;width:34px;height:34px;pointer-events:none;animation:fly 3.8s cubic-bezier(.23,.7,.36,1) forwards}.flying-wish svg{width:100%;height:100%}@keyframes fly{0%{transform:translate(0) rotate(-30deg);opacity:0}10%{opacity:1}80%{opacity:1}to{transform:translate(500px,-430px) rotate(-15deg);opacity:0}}@media(min-width:1700px){#app{padding:0 48px 26px}.topbar{height:94px}.scene-shell,.below-scene,.control-bar{width:min(100%,calc((100svh - 240px)*1.6))}.control-bar{margin-top:32px}}@media(max-width:1000px){#app{padding:0 20px 20px}.about-button{font-size:0}.about-button svg{width:17px;height:17px}.scene-shell,.below-scene,.control-bar{width:100%}.control-bar{flex-wrap:wrap;gap:13px;margin-top:24px}.lighting{order:1}.play-tools{order:2;margin:0 0 0 auto}.main-actions{order:3;margin:0 0 0 auto}.discover-hint{display:none}.lighting button{padding:10px}.main-actions button{padding:10px 14px}.topbar{height:80px}}@media(max-width:620px){#app{padding:0 14px 20px}.topbar{height:78px}.brand{font-size:16px;gap:9px;letter-spacing:2px}.brand small{font-size:8px}.brand-mark{width:29px;height:29px}.mode-tabs{position:static;transform:none;margin-left:auto;margin-right:12px}.mode-tabs button{padding:7px 14px;font-size:11px}.about-button{display:none}main{justify-content:center;padding-top:18px}.scene-window{overflow-x:auto;justify-content:flex-start;border-radius:5px;scrollbar-width:thin;scrollbar-color:#708d9a33 transparent}.scene-shell{flex-shrink:0;width:780px;height:487.5px;max-height:none}.below-scene{font-size:9px;gap:6px}.live-status{gap:5px}.below-scene button{white-space:nowrap;font-size:9px}.control-bar{display:grid;grid-template-columns:1fr auto;gap:18px 5px;margin-top:24px}.lighting{gap:0}.lighting button{padding:9px 10px}.lighting button span{display:none}.lighting button:first-child{padding-left:0}.play-tools{padding-left:8px;gap:1px}.icon-button{width:34px;height:34px}.main-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px}.main-actions button{padding:13px 12px}.discover-hint{display:none}dialog{padding:29px 22px;max-width:calc(100vw - 24px)}h2{font-size:25px}.place-fields label{grid-template-columns:1fr;gap:7px}.place-fields small{display:inline;margin-left:8px}.form-row{grid-template-columns:1fr}.export-dialog .form-row{grid-template-columns:1fr 1.2fr}.form-footer>span{font-size:9px}.form-footer .primary-button{padding:11px 13px}.backup-row{gap:16px}.story-disclaimer{font-size:8px}.detail-bottom .text-button{font-size:10px}.immersed .scene-shell{width:160svh;height:100svh;max-width:none;flex-shrink:0}.immersed .scene-window{overflow:auto;justify-content:flex-start}.immersed .back-from-immersive{opacity:1}.immersed main{padding:0}.export-dialog select{font-size:10px;padding:10px 7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.flying-wish{display:none}}.featured-field{margin-top:18px;max-width:240px}#overview{display:none}@media(max-width:620px){#overview{display:inline-flex;margin-left:auto}.overview .scene-shell{width:100%;height:auto;aspect-ratio:1.6}.overview .hotspot.place{min-width:24px;width:14%;height:8%}.overview .hotspot span{font-size:9px}.overview main{padding-top:0}.overview .scene-window{overflow:hidden}}@media(max-width:360px){.brand small{display:none}.brand{font-size:15px}.mode-tabs{margin-right:0}.mode-tabs button{padding:7px 12px}.play-tools{padding-left:6px}.lighting button{padding:9px}.main-actions button{font-size:11px}}