:root{font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;color:#f8f1df;background:#292e29;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #e9d9b6;outline-offset:7px}.art-home{position:relative;min-height:740px;height:100svh;overflow:hidden;isolation:isolate;container-type:size;background:#56604b;--room-zoom: 1;--zoom-x: .62;--zoom-y: .5;--ease-camera: cubic-bezier(.22, .61, .36, 1)}.art-home.is-close{--room-zoom: 1.06}:root:has(.modal-panel[open]){overflow:hidden}.room-stage{position:absolute;z-index:-3;--focus-x: var(--fx, .5);--focus-y: var(--fy, .54);--stage-w: max(100cqw, 100cqh * var(--art-ratio));--stage-h: calc(var(--stage-w) / var(--art-ratio));--stage-x: calc((100cqw - var(--stage-w)) * var(--focus-x));--stage-y: calc((100cqh - var(--stage-h)) * var(--focus-y));width:var(--stage-w);height:var(--stage-h);left:var(--stage-x);top:var(--stage-y);transform-origin:calc(100cqw * var(--zoom-x) - var(--stage-x)) calc(100cqh * var(--zoom-y) - var(--stage-y));transform:scale(var(--room-zoom));transition:transform .9s var(--ease-camera)}.room-art img{display:block;width:100%;height:100%}.room-art{transition:transform .9s var(--ease-camera),opacity .6s ease}.room-art[data-role=incoming]{opacity:0;z-index:-5}.room-art[data-role=previous]{z-index:-4}.home-intro h2:focus{outline:none}.room-hotspots{z-index:-1;pointer-events:none}.art-image{opacity:0;transition:opacity .6s ease}.art-image.is-ready{opacity:1}.art-image.is-error{visibility:hidden}.room-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#18221c8c 0%,transparent 26%,transparent 57%,#14211dc9 100%),linear-gradient(90deg,#202b246e 0%,transparent 55%)}.home-header{position:absolute;inset:0 0 auto;z-index:4;padding:32px 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:24px}.home-wordmark{display:flex;align-items:center;gap:17px;text-decoration:none;color:inherit}.wordmark-rule{width:26px;height:37px;border:1px solid #e6d1a6ad;border-radius:15px 15px 0 0;position:relative}.wordmark-rule:after{content:"";position:absolute;inset:5px 5px 0;border:1px solid #e6d1a655;border-bottom:0;border-radius:12px 12px 0 0}.home-kicker{font-size:8px;letter-spacing:.26em;color:#f1e4cdba}.home-wordmark h1{margin:7px 0 0;font-family:"Noto Serif TC",Songti TC,PMingLiU,serif;font-size:20px;font-weight:400;letter-spacing:.17em}.home-header nav{display:flex;align-items:center;gap:28px;font-size:12px;letter-spacing:.16em}.current-room{color:#f3e4c8ba}.current-room span{margin-left:26px;opacity:.55}.home-header nav button{border:0;padding:10px 0;background:none;color:#f8eed8;font-size:12px;letter-spacing:.12em}.home-header nav button span{margin-left:15px;font-size:16px}.home-scene{position:absolute;inset:0;pointer-events:none}.home-scene button{pointer-events:auto}.home-intro{position:absolute;top:23%;left:6.5vw;z-index:2;text-shadow:0 2px 20px #14221d40}.scene-chapter{font-size:10px;letter-spacing:.26em;display:flex;align-items:center;gap:13px;color:#ebddc4}.scene-chapter span{height:1px;width:30px;background:#ead7b18c}.home-intro h2{font-family:"Noto Serif TC",Songti TC,PMingLiU,serif;font-size:clamp(34px,4.1vw,64px);font-weight:400;line-height:1.55;letter-spacing:.13em;margin:22px 0}.scene-note{font-size:12px;line-height:2.3;letter-spacing:.09em;color:#eee6d3c9}.luobao-portrait{position:absolute;right:4.5vw;bottom:-7%;width:min(52vw,720px);height:88%;margin:0;z-index:1;transition:transform .9s var(--ease-camera)}.luobao-portrait picture,.room-art picture{display:block;width:100%;height:100%}.luobao-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 25px #1c302b26);-webkit-mask-image:linear-gradient(to bottom,#000 0% 78%,#0000);mask-image:linear-gradient(to bottom,#000 0% 78%,#0000)}.is-close .luobao-portrait{transform:scale(1.12) translate(-2%,2%)}.luobao-portrait .live-portrait{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 10px 25px #1c302b26);-webkit-mask-image:linear-gradient(to bottom,#000 0% 78%,#0000);mask-image:linear-gradient(to bottom,#000 0% 78%,#0000)}.luobao-portrait.is-live img{visibility:hidden}.luobao-portrait:not(.is-live) .live-portrait{visibility:hidden}.touch-button{position:absolute;left:0;top:calc(100% + 8px);padding:8px 12px;border:1px solid #eddfbc69;background:#24372ec2;color:#fff1d7;font-size:12px;letter-spacing:.12em;opacity:0;pointer-events:none}.touch-button:focus-visible{opacity:1;pointer-events:auto}.luobao-portrait figcaption{position:absolute;top:23%;right:-2%;writing-mode:vertical-rl;display:flex;gap:14px;align-items:center;color:#f7e9d1;text-shadow:0 2px 10px #203b29}.luobao-portrait figcaption span:first-child{font-family:"Noto Serif TC",Songti TC,PMingLiU,serif;font-size:18px;letter-spacing:.32em}.luobao-portrait figcaption span:last-child{font-size:9px;letter-spacing:.2em;color:#e1d9c6c7}.companion-controls{position:absolute;z-index:3;bottom:16%;left:6.5vw}.presence-note{font-size:13px;letter-spacing:.14em;color:#f3e7d0dc;margin:0 0 16px}.approach-button{display:flex;align-items:center;gap:20px;padding:15px 25px;min-width:190px;border:1px solid #eddfbc69;border-radius:2px;background:#24372ec2;color:#fff1d7;font-size:13px;letter-spacing:.13em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.approach-button:hover{background:#45604ce0;border-color:#eddfbca6}.approach-button>span{font-size:19px;font-weight:300}.portrait-caption{font-size:9px;letter-spacing:.1em;color:#d3d2bec2;margin-top:12px}.home-footer{position:absolute;inset:auto 4.5vw 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px;border-top:1px solid #efe4c526;padding-top:18px;font-size:9px;letter-spacing:.1em;color:#e5dbc2ae;z-index:4}.scene-exits{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}.scene-exits-label{margin-right:10px;opacity:.7}.scene-exits button{border:1px solid #eddfbc40;background:#24372e8c;color:#fff1d7;padding:9px 14px;font-size:12px;letter-spacing:.14em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:2px;transition:background .2s,border-color .2s}.scene-exits button:hover{background:#45604ce0;border-color:#eddfbca6}.scene-exits button[aria-busy=true]{border-color:#eddfbcd0}.footer-status{text-align:right}.scene-pending{position:absolute;top:96px;left:50%;transform:translate(-50%);z-index:5;margin:0;padding:8px 16px;background:#24372ed0;border:1px solid #eddfbc40;font-size:12px;letter-spacing:.2em;color:#fff1d7;pointer-events:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.art-home[data-scene=world-map]{background:radial-gradient(ellipse at 50% 40%,#46553f,#2b3529 60%,#20281f)}.world-map{position:absolute;inset:22% 8% 22% 34%;pointer-events:auto}.world-map-paths{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.world-map-paths line{stroke:#eddfbc66;stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.world-map ul{list-style:none;margin:0;padding:0}.world-map li{position:absolute;transform:translate(-50%,-50%)}.world-map li button,.world-map li p{display:grid;gap:6px;justify-items:center;margin:0;padding:14px 20px;min-width:112px;border:1px solid #eddfbc69;background:#24372ec2;color:#fff1d7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2px}.world-map li button:hover{background:#45604ce0;border-color:#eddfbca6}.world-place-name{font-family:"Noto Serif TC",Songti TC,PMingLiU,serif;font-size:17px;letter-spacing:.2em}.world-place-hint{font-size:10px;letter-spacing:.14em;color:#e5dbc2ae}.world-map li.is-unavailable p{border-style:dashed;background:#24372e66;opacity:.7}.modal-panel{width:min(100% - 48px,490px);max-width:none;max-height:calc(100% - 48px);padding:0;border:0;background:none;overflow:visible}.modal-panel[open]{animation:notebook-in .35s ease both}.modal-panel::backdrop{background:#14241e90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes notebook-in{0%{opacity:0;transform:translateY(8px)}}.notebook-panel{padding:60px 45px 45px;background:#f5f0e2;color:#49584a;box-shadow:0 30px 100px #15291a70;border:1px solid #d4c6a6;text-align:center}.notebook-kicker{font-size:9px;letter-spacing:.24em;color:#9a8b6d}.notebook-panel h2{font-family:"Noto Serif TC",Songti TC,PMingLiU,serif;font-size:27px;font-weight:400;line-height:1.8;letter-spacing:.07em;margin:15px 0 25px}.notebook-divider{display:block;width:30px;height:1px;background:#b8aa8a;margin:0 auto 25px}.notebook-panel>p:not(.notebook-kicker){font-size:12px;line-height:2.5;color:#7d826e}.notebook-panel button{margin-top:26px;padding:12px 0;border:0;border-bottom:1px solid #adb296;background:none;font-size:12px;color:#52684d}.notebook-panel button span{margin-left:25px}.art-error{position:absolute;top:110px;left:4.5vw;z-index:9;display:flex;align-items:center;gap:18px;padding:12px 16px;background:#3b3024e8;color:#fff3d8;font-size:12px;letter-spacing:.08em;border:1px solid #eddfbc40}.art-error p{margin:0}.art-error button{border:1px solid #eddfbc80;background:none;color:inherit;padding:7px 14px;font-size:12px;letter-spacing:.1em}.room-loading{position:absolute;inset:0;z-index:-1;margin:0;display:grid;place-items:center;font-size:12px;letter-spacing:.3em;color:#efe4cdb0}.hotspot{position:absolute}.hotspot button{position:absolute;inset:-8px;padding:8px;border:0;background:none;pointer-events:auto;color:#fff4dc;border-radius:6px}.hotspot button:focus-visible{outline:none}.hotspot svg{display:block;width:100%;height:100%;overflow:visible}.hotspot polygon{fill:#fff6df00;stroke:#fff3d600;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linejoin:round;transition:fill .3s,stroke .3s}.hotspot button:hover polygon,.hotspot button:focus-visible polygon{fill:#fff6df2e;stroke:#fff3d6e6}.hotspot button:focus-visible polygon{stroke-width:2}.hotspot-label{position:absolute;left:2%;bottom:calc(100% - 2px);display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px;letter-spacing:.16em;text-shadow:0 1px 8px #2a1d10a6;opacity:.82;transition:opacity .3s}.hotspot-label:before{content:"";width:5px;height:5px;border-radius:50%;background:#fff2d4;box-shadow:0 0 0 4px #fff2d42e}.hotspot button:hover .hotspot-label,.hotspot button:focus-visible .hotspot-label{opacity:1}.loading-room{padding:60px}.return-space{color:#f1e4ca;text-decoration:none;white-space:nowrap;font-size:11px;padding:8px 0}@media(prefers-reduced-motion:reduce){.room-art,.room-stage,.luobao-portrait,.art-image,.modal-panel[open]{transition:none;animation:none}}.art-home[data-motion=reduce] :is(.room-art,.room-stage,.luobao-portrait,.art-image,.modal-panel[open]){transition:none;animation:none}.settings-panel fieldset{border:0;margin:0;padding:0;text-align:left}.settings-panel legend{font-size:11px;letter-spacing:.2em;color:#9a8b6d;margin-bottom:14px}.settings-panel label{display:flex;gap:14px;align-items:flex-start;padding:14px 4px;border-top:1px solid #d9cdb2;cursor:pointer}.settings-panel label:last-of-type{border-bottom:1px solid #d9cdb2}.settings-panel input{margin:4px 0 0;accent-color:#52684d}.settings-panel label strong{display:block;font-weight:500;font-size:13px;letter-spacing:.08em;color:#49584a}.settings-panel label small{display:block;margin-top:5px;font-size:11px;line-height:1.8;color:#7d826e}.settings-panel input:focus-visible{outline:2px solid #52684d;outline-offset:3px}.settings-season-row{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #d9cdb2}.settings-season-row label,.settings-season-row label:last-of-type{border:0;padding:12px 4px;gap:8px}@media(max-width:900px){.art-home{min-height:700px}.home-intro{left:5vw;top:23%}.luobao-portrait{right:-8vw;width:70vw;height:79%}.luobao-portrait figcaption{right:17%;top:16%}.companion-controls{left:5vw;bottom:15%}.scene-note{max-width:200px}}@media(max-width:900px){.world-map{inset:42% 6% 20%}}@media(max-width:600px){.room-stage{--focus-x: var(--mfx, .5);--focus-y: var(--mfy, .5)}.art-home{min-height:740px}.footer-status,.scene-exits-label{display:none}.scene-exits button{padding:9px 11px;font-size:11px;letter-spacing:.08em}.scene-pending{top:86px;white-space:nowrap}.world-map li button,.world-map li p{min-width:92px;padding:11px 12px}.home-header{padding:24px 22px;align-items:flex-start}.home-header nav{gap:20px}.current-room{display:none}.home-header nav button{font-size:11px;padding-top:7px}.home-header nav button span{margin-left:6px}.wordmark-rule{display:none}.home-kicker{font-size:7px}.home-wordmark h1{font-size:17px}.home-intro{left:25px;top:16%}.home-intro h2{font-size:34px;margin-top:18px}.scene-note{font-size:10px;max-width:150px}.luobao-portrait{width:105vw;height:70%;right:-29vw;bottom:0}.luobao-portrait figcaption{display:none}.companion-controls{left:25px;bottom:13%}.presence-note{font-size:11px}.approach-button{font-size:12px;padding:12px 16px;gap:12px;min-width:170px}.home-footer{inset:auto 22px 20px;align-items:flex-start}.home-footer span:last-child{max-width:175px;text-align:right;font-size:8px;line-height:1.9}.notebook-panel{padding:40px 20px}}.modal-panel.settings-dialog{max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain}