:root{color-scheme:light;--paper:#f7f7ee;--ink:#294d48;--muted:#748477;--accent:#df7a5c;--line:#dce3d4;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none}
html{scrollbar-gutter:stable}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible,.scene-viewport:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{color:var(--ink)}[hidden]{display:none!important}
.topbar{max-width:1440px;margin:auto;padding:23px 40px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:16px;font-weight:650;letter-spacing:1px}.brand svg{width:42px;height:42px}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:1.3px;margin-top:4px;color:var(--muted)}.view-tabs{display:flex;gap:5px;padding:5px;border-radius:50px;background:#e9ecdf;border:1px solid #dde3d5}.view-tabs button{border:0;background:none;padding:10px 23px;border-radius:50px;font-size:14px;white-space:nowrap;transition:background .18s,color .18s}.view-tabs .active{background:var(--ink);color:#fffdf1}.view-tabs button:not(.active):hover{background:#dce4d3}
main{max-width:1440px;margin:auto;padding:0 40px}.scene-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:20px 0 21px}h1{font-size:clamp(21px,2.1vw,29px);font-weight:600;letter-spacing:1.2px;margin:0}.edition{font-size:12px;letter-spacing:2px;color:#899784}.stage{position:relative;background:#e4eee6;border:1px solid #d9e3d5;border-radius:24px;overflow:hidden;height:clamp(440px,66svh,760px);isolation:isolate;overflow-anchor:none}.stage.is-ready{transition:height .38s cubic-bezier(.22,.61,.36,1)}.stage[data-view="2d"]{height:clamp(320px,calc((100vw - 80px)*.5416667),736.67px)}.scene-viewport{position:absolute;inset:0;touch-action:none;cursor:grab}.scene-viewport:active{cursor:grabbing}.scene-viewport:focus-visible{outline-offset:-4px}.scene-layer{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}#scene-2d{opacity:0}#scene-2d svg{display:block;width:100%;height:100%;transform-origin:center}.stage.is-ready .scene-layer{transition:opacity .3s ease}.stage[data-view="2d"] #scene{opacity:0}.stage[data-view="2d"] #scene-2d{opacity:1}.stage-label{position:absolute;top:24px;left:27px;font-size:13px;letter-spacing:1.2px;pointer-events:none;display:flex;gap:9px;align-items:center;color:#6b8977}.sun-icon{font-size:20px;color:#bb9b5c}.camera-tools{position:absolute;right:22px;top:22px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px;border:1px solid #d5dfce;border-radius:18px;background:#f9f9eeed;box-shadow:0 5px 15px #526c4e08}.camera-tools button{width:40px;height:40px;padding:10px;border:0;border-radius:12px;background:none}.camera-tools button:hover{background:#e4ecd9}.camera-tools svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none}.tool-divider{width:22px;height:1px;background:#dfe5d6;margin:3px}.gesture-hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);margin:0;white-space:nowrap;font-size:13px;color:#68816f;letter-spacing:.7px;pointer-events:none;padding:8px 15px;border-radius:30px;background:#f7f7eeae}.touch-hint{display:none}.ride-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:23px 0}.ride-copy{display:flex;flex-direction:column;gap:6px}.ride-copy strong{font-size:15px;font-weight:600}.ride-copy span{font-size:12px;color:var(--muted)}.transport{display:flex;gap:26px;align-items:center}.play{display:flex;gap:9px;align-items:center;justify-content:center;min-height:44px;min-width:116px;padding:0 18px;background:#e8edde;border:1px solid #d6dece;border-radius:30px;font-size:14px}.play:hover{background:#dfe7d4}.play svg{height:16px;width:16px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}.speed{display:flex;gap:13px;align-items:center;min-width:0}.speed label{font-size:13px;color:var(--muted);white-space:nowrap}.speed output{font-size:13px;min-width:34px;white-space:nowrap;font-variant-numeric:tabular-nums}#speed{width:115px;min-width:45px;height:30px;margin:0;accent-color:var(--ink);cursor:pointer}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:17px 0 22px;font-size:12px;color:#8a9683}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#e4eee6;font-size:15px;letter-spacing:2px;pointer-events:none}.fallback{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#edf0e4eF;padding:30px;text-align:center;gap:10px}.fallback h2{font-size:22px;margin:0}.fallback p{font-size:15px;line-height:1.7}.fallback div{display:flex;gap:10px;flex-wrap:wrap}.fallback button{border:1px solid #c4d1bc;background:#f7f8ed;border-radius:30px;padding:12px 18px}.noscript{padding:20px;text-align:center}
@media(pointer:coarse){.touch-hint{display:inline}.mouse-hint{display:none}}
@media(max-width:650px){.topbar{padding:18px 16px;gap:12px}.brand{gap:8px;font-size:14px;letter-spacing:.5px}.brand svg{width:34px;height:34px}.brand small{font-size:8px;letter-spacing:.4px}.view-tabs{padding:4px;gap:1px}.view-tabs button{padding:9px 13px;font-size:13px}main{padding:0 16px}.scene-heading{margin:12px 0 17px}.scene-heading h1{font-size:22px}.edition{display:none}.stage{height:clamp(360px,58svh,610px);border-radius:19px}.stage[data-view="2d"]{height:clamp(290px,calc((100vw - 32px)*.845),440px)}.stage-label{left:17px;top:16px;font-size:12px;gap:6px}.camera-tools{right:13px;top:15px;border-radius:15px;padding:3px}.camera-tools button{height:40px;width:40px}.gesture-hint{bottom:15px;font-size:12px;padding:7px 12px}.ride-controls{align-items:stretch;flex-direction:column;gap:18px;margin:20px 0}.ride-copy{gap:5px}.transport{justify-content:space-between;gap:16px}.play{min-width:111px}.speed{gap:9px;flex:1;justify-content:flex-end}#speed{width:100%;max-width:125px}.speed label{font-size:12px}footer{font-size:12px;padding-bottom:20px}.keyboard-hint{display:none}}
@media(max-width:360px){.brand small{display:none}.view-tabs button{padding:9px 10px}.transport{gap:10px}.play{min-width:100px;padding:0 12px}.speed{gap:6px}.speed label{max-width:26px;white-space:normal;line-height:1.4}.scene-heading h1{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}