:root{--ink:#45465d;--muted:#858098;--cream:#f2e6dd;--vermilion:#b66a62}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:#16283e}#scene{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;background:linear-gradient(180deg,#080f20,#16283e 58%,#32435a)}#scene:not(.ready) canvas{visibility:hidden}#scene:not(.ready):after{content:"湖畔景色准备中…";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#f2e6dd;font-size:14px;letter-spacing:.18em;white-space:nowrap}canvas{display:block;width:100%;height:100%}#reset-view{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(76px,calc(env(safe-area-inset-bottom) + 66px));z-index:2;min-height:42px;padding:9px 14px;border:1px solid rgba(59,95,86,.34);border-radius:24px;background:#f6f4e9e3;color:var(--ink);font:600 12px PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:.04em;box-shadow:0 3px 14px #1b393321;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#reset-view:hover{background:var(--cream)}#reset-view:focus-visible{outline:2px solid #407c70;outline-offset:3px}#reset-view[hidden]{display:none}#reset-view span{margin-left:3px}#error{position:absolute;left:20px;top:20px;color:#8b3939;background:#fff;display:none;padding:15px;z-index:10}#time-panel{--time-position:91.667%;--hud-ink:#f2e6dd;--hud-shadow:#050d22;position:absolute;z-index:3;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(420px,calc(100% - 112px));height:44px;color:var(--hud-ink)}.time-track{position:relative;height:44px}.time-colors{position:absolute;top:21px;left:0;right:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#67768e,#aa9eb5 18%,#dbb5ad 25%,#c0d4ce 40%,#93b9c5 52%,#ddc1a4 70%,#b38ba0 78%,#67768e 92%,#67768e);box-shadow:0 1px 3px #050d2260}#day-time{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:44px;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize;touch-action:pan-y}#day-time::-webkit-slider-runnable-track{height:2px;background:transparent}#day-time::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:10px;height:10px;margin-top:-4px;border-radius:50%;background:var(--vermilion);border:1.5px solid #f5e8d7;box-shadow:0 1px 4px #050d2255}#day-time::-moz-range-track{height:2px;background:transparent}#day-time::-moz-range-thumb{width:7px;height:7px;background:var(--vermilion);border:1.5px solid #f5e8d7;border-radius:50%}#time-value{position:absolute;bottom:40px;left:clamp(24px,var(--time-position),calc(100% - 24px));transform:translate(-50%);font:12px Georgia,serif;font-variant-numeric:tabular-nums;letter-spacing:.07em;text-shadow:0 1px 4px var(--hud-shadow);opacity:0;pointer-events:none;transition:opacity .18s}#time-play{position:absolute;left:-44px;top:0;width:40px;height:44px;border:0;background:none;color:inherit;font-size:17px;text-shadow:0 1px 4px var(--hud-shadow);padding:0;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .18s}#time-panel:focus-within #time-value,#time-panel[data-active=true] #time-value,#time-panel:focus-within #time-play,#time-panel[data-active=true] #time-play,#time-play[aria-pressed=true]{opacity:1;pointer-events:auto}@media(hover:hover){#time-panel:hover #time-value,#time-panel:hover #time-play{opacity:1;pointer-events:auto}}#time-play:focus-visible,#day-time:focus-visible{outline:1px solid var(--hud-ink);outline-offset:3px;border-radius:3px}@media(max-height:480px){#time-panel{bottom:6px}#reset-view{bottom:62px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}