:root{color:#33443e;font-synthesis:none;background:#e8e4d8;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:5px;outline:2px solid #39716a}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}button{background:0 0;border:0}#app{width:100%;height:100svh;min-height:700px;position:relative;overflow:hidden}.scene-wrap{position:absolute;inset:0}#scene,#poster{width:100%;height:100%;display:block;position:absolute;inset:0}#scene{opacity:0;touch-action:none;cursor:grab;transition:opacity .8s}#scene:active{cursor:grabbing}#poster{object-fit:cover;object-position:70% center;filter:saturate(.55);opacity:.3;transition:opacity .8s}#app[data-scene=ready] #scene{opacity:1}#app[data-scene=ready] #poster{opacity:0;pointer-events:none}.scene-shade{pointer-events:none;background:linear-gradient(90deg,#f2efe2f7,#f2efe2d1 17%,#f2efe21f 43%,#0000 70%),linear-gradient(#e7e4d700 77%,#e7e4d7f5);position:absolute;inset:0}header{justify-content:space-between;align-items:center;display:flex;position:absolute;top:30px;left:42px;right:42px}.brand{letter-spacing:3px;align-items:center;gap:11px;font-size:20px;font-weight:600;display:flex}.brand svg{stroke:#31645d;stroke-width:1.5px;fill:none;width:35px;height:35px}.brand small{letter-spacing:2px;color:#77857b;margin-top:5px;font-size:7px;font-weight:450;display:block}nav{align-items:center;gap:32px;display:flex}.edition{letter-spacing:2px;color:#7c867a;font-size:10px}.records{color:#fff9eb;background:#315e55;border-radius:7px;padding:13px 20px;font-size:12px;box-shadow:0 5px 14px #203f3312}.records span{margin-left:20px}.intro{pointer-events:none;position:absolute;top:24%;left:6%}.eyebrow{letter-spacing:2px;color:#73816f;align-items:center;gap:10px;font-size:8px;display:flex}.eyebrow span{background:#89937c;width:20px;height:1px}h1{letter-spacing:5px;color:#304b40;margin:27px 0 20px;font-family:Songti SC,Noto Serif CJK SC,serif;font-size:clamp(44px,4.9vw,78px);font-weight:500;line-height:1.38}.lede{color:#79816d;letter-spacing:1px;font-size:12px;line-height:2.1}.intro-rule{background:#9c9e83;width:35px;height:1px;margin:33px 0 18px}.scene-caption{letter-spacing:1.5px;color:#6e7b6c;font-size:10px}.scene-caption span{color:#9a9b84;margin-left:20px;font-size:8px}.weather-note{color:#6b7866;pointer-events:none;align-items:center;gap:14px;display:flex;position:absolute;top:139px;right:43px}.weather-note>span{color:#a29563;font-size:30px}.weather-note strong{letter-spacing:2px;font-size:12px;font-weight:450}.weather-note small{color:#87927c;margin-top:6px;font-size:9px;display:block}#scene-message{letter-spacing:1px;text-align:center;background:#f4f0e7df;border-radius:8px;max-width:80%;padding:14px 20px;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#scene-message:empty{display:none}.bottom-ui{flex-direction:column;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 32px);display:flex;position:absolute;bottom:65px;left:50%;transform:translate(-50%)}.album-toolbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fcf9efcf;border:1px solid #fff8;border-radius:11px;align-items:center;gap:17px;padding:10px 13px;display:flex;box-shadow:0 8px 28px #314c3d12}.chapter,.scene-controls{align-items:center;gap:3px;display:flex}.album-toolbar button{white-space:nowrap;border-radius:6px;padding:10px 13px;font-size:11px}.chapter button[aria-pressed=true]{color:#fffdf1;background:#426a5e}.toolbar-divider{background:#d9ddce;width:1px;height:22px}.scene-controls button:hover{background:#e5e8da}.scene-controls span{margin-right:6px;font-size:14px}#reset{padding:3px 12px;font-size:22px}.photo-index{justify-content:center;gap:8px;min-height:25px;display:flex}.photo-index button{color:#78806d;background:#f3f1e1a0;border:1px solid #7c8c713d;border-radius:50%;width:25px;height:25px;padding:0;font-size:9px}.photo-index button[aria-pressed=true]{color:#fff;background:#47695b;border-color:#47695b}.photo-index button[hidden]{display:none}.interaction-hint{letter-spacing:1px;color:#87907e;margin:0;font-size:9px}.interaction-hint i{color:#b4b6a2;margin:0 10px;font-style:normal}footer{letter-spacing:1px;color:#84907c;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;bottom:24px;left:43px;right:43px}#retry{border-bottom:1px solid;font-size:10px}#photo-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffcf0ef;border:1px solid #fff;border-radius:10px;width:260px;padding:22px;position:absolute;top:30%;right:4%;box-shadow:0 12px 55px #3345301a}#photo-panel[hidden]{display:none}.panel-top{letter-spacing:2px;color:#8b957c;justify-content:space-between;align-items:center;font-size:9px;display:flex}.panel-top button{color:#6e7c6b;padding:0 4px;font-size:25px}.panel-number{color:#abb09b;margin:16px 0 8px;font:italic 30px Georgia,serif}#photo-name{letter-spacing:1px;color:#385446;margin:8px 0 12px;font:500 21px/1.5 Songti SC,serif}#photo-period{color:#919781;font-size:10px;line-height:1.7}#photo-up{color:#6c7d67;font-size:11px;line-height:1.9}#photo-detail{color:#3e6c59;border-top:1px solid #d4ddc9;justify-content:space-between;width:100%;margin-top:20px;padding:13px 0;font-size:11px;display:flex}#photo-panel>small{color:#a0a793;font-size:8px}.diagnostics{color:#889481;font-size:9px;position:absolute;bottom:50px;left:43px}.diagnostics pre{white-space:pre-wrap;background:#f9f8edee;border-radius:6px;max-width:80vw;padding:12px;font:10px/1.8 monospace}.diagnostics[open]{z-index:4}dialog{color:#405648;background:#fffcf4;border:1px solid #ece7d7;border-radius:13px;width:max-content;max-width:min(800px,92vw);max-height:90svh;padding:14px;box-shadow:0 30px 100px #152b3550}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#233b3c99}dialog img{object-fit:contain;border-radius:5px;width:100%;max-height:60svh;display:block}dialog>button{background:#fffdf0e0;border-radius:50%;width:32px;height:32px;font-size:25px;position:absolute;top:19px;right:19px}dialog>div{padding:8px 12px}dialog p{color:#889079;font-size:11px;line-height:1.8}dialog h2{font:500 23px Songti SC,serif}#detail-game{letter-spacing:2px;font-size:9px}.noscript{background:#fffae8;padding:20px;position:absolute;bottom:160px;left:20px;right:20px}#app[data-scene=fallback] .scene-controls,#app[data-scene=fallback] .toolbar-divider{display:none}@media (min-width:1600px){.intro{top:27%;left:8%}}@media (max-width:900px){.intro{top:19%;left:30px}h1{font-size:45px}.weather-note{top:120px;right:28px}.edition{display:none}#photo-panel{width:230px;top:34%;right:25px}.diagnostics{left:25px}.scene-shade{background:linear-gradient(90deg,#f2efe6ba,#0000 55%),linear-gradient(#0000 73%,#e7e4d8)}}@media (max-width:600px){#app{min-height:720px}header{top:23px;left:21px;right:21px}.brand{gap:8px;font-size:17px}.brand svg{width:29px;height:29px}.brand small{letter-spacing:1px;font-size:5px}.records{padding:10px 12px;font-size:10px}.records span{margin-left:8px}.intro{top:112px;left:25px}.eyebrow{letter-spacing:1.5px;margin:0;font-size:6px}h1{letter-spacing:4px;margin:16px 0 10px;font-size:36px;line-height:1.3}.lede{font-size:10px;line-height:1.9}.intro-rule,.scene-caption{display:none}.weather-note{gap:8px;top:147px;right:22px}.weather-note>span{font-size:21px}.weather-note strong{font-size:9px}.weather-note small{max-width:72px;font-size:7px;line-height:1.7}.scene-shade{background:linear-gradient(#f0eee4cc,#0000 37% 63%,#e7e4d8 89%)}.bottom-ui{gap:11px;width:calc(100% - 30px);bottom:60px}.album-toolbar{flex-direction:column;gap:4px;width:100%;padding:7px 12px}.toolbar-divider{background:#d9ddce80;width:92%;height:1px}.chapter,.scene-controls{justify-content:center;width:100%}.album-toolbar button{padding:9px 15px;font-size:10px}.interaction-hint{letter-spacing:0;font-size:7px}.interaction-hint i{margin:0 4px}.photo-index{gap:7px}.photo-index button{width:23px;height:23px;font-size:8px}footer{letter-spacing:0;font-size:7px;bottom:21px;left:22px;right:22px}footer>span:first-child{display:none}.diagnostics{font-size:7px;bottom:21px;left:auto;right:22px}.diagnostics[open]{bottom:54px}#photo-panel{background:#fffcf0f2;width:auto;padding:12px 16px;inset:auto 20px 230px}.panel-number{display:none}#photo-name{margin:7px 0;font-size:18px}#photo-period{margin:4px 0;font-size:9px}#photo-up{display:none}#photo-detail{margin:10px 0 0;padding:8px 0;font-size:10px}#photo-panel>small{display:none}.panel-top{font-size:8px}.panel-top button{line-height:1}#scene-message{font-size:10px;top:53%}dialog h2{font-size:19px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}