:root{font-family:system-ui,"PingFang SC",sans-serif;color:#20372e;background:#f5f5ef;font-size:15px}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{border:1px solid #aabbb1;background:#fffdf6;color:#1d5546;padding:9px 12px;cursor:pointer}button:hover{background:#e5eee7}button:focus-visible,select:focus-visible,[data-scene]:focus-visible{outline:3px solid #b8874f;outline-offset:2px}a{color:#1d6855}h1{font-family:serif;font-size:28px;margin:4px 0 8px}p{line-height:1.75}.viewer{padding:20px;max-width:1500px;margin:auto}.viewer-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.viewer-head p{margin:0;color:#627368;font-size:13px}.viewer-head small{letter-spacing:.14em;color:#9a6040}.windows{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:16px;margin:18px 0}.original{min-width:0;background:#e6ece6;padding:16px;display:flex;flex-direction:column;justify-content:center}.original video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#102d29}.viewer[data-case=bawangbian] .original video{aspect-ratio:1206/2622;max-width:212px;align-self:center}.original p{font-size:13px;margin:12px 0 0}.original select{margin-bottom:12px;max-width:100%}.scene-wrap{position:relative;min-width:0}.scene{height:440px;touch-action:none}.scene canvas{width:100%;height:100%;display:block}.scene:fullscreen{height:100vh}.scene-tag{position:absolute;pointer-events:none;top:12px;left:14px;color:#e4eadb;font-size:12px;background:#102d29ba;padding:5px 9px}.scene-tools{display:flex;gap:6px;background:#153f34;padding:8px;flex-wrap:wrap}.scene-tools button{padding:7px 10px;font-size:13px}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;margin-top:8px}.legend span:first-child{color:#197661}.legend span:nth-child(2){color:#bc6141}.controls{padding:16px;background:#fffdf8;display:grid;gap:12px}.timeline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.timeline input{flex:1;min-width:100px;accent-color:#1c6652}.timeline output{font-size:13px;font-variant-numeric:tabular-nums}.options{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.options label{display:flex;align-items:center;gap:6px;font-size:13px}.metrics{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:20px;margin-top:18px}.metric-row{padding:12px 0;border-bottom:1px solid #c9d8cc}.metric-row strong{float:right;font-size:22px}.bar{margin-top:12px;height:5px;background:#dfe7dd}.bar i{display:block;height:100%;background:#197661}.metric-row:nth-child(2) .bar i{background:#bc6141}.chart{width:100%;height:180px;display:block;cursor:crosshair}.boundaries{padding:12px 16px;border-left:3px solid #b3864a;background:#eae8dd;font-size:13px;margin-top:18px}.details{font-size:13px;line-height:1.7}.details summary{cursor:pointer;padding:12px 0;color:#315b48}.reference{display:flex;gap:16px;align-items:start}.reference img{width:95px;height:160px;object-fit:contain}.standalone{display:flex;gap:18px;margin-top:14px;font-size:13px}.embedded-viewer{width:100%;border:0;display:block;min-height:1080px}.project-body-window{padding:45px 0;scroll-margin-top:100px}.project-body-window>h2{font-size:32px}.project-body-window>p{max-width:800px}
@media(max-width:650px){.viewer{padding:12px}.viewer-head{display:block}.windows{grid-template-columns:1fr}.scene{height:380px}.viewer[data-case=bawangbian] .original video{max-width:160px}.original{padding:12px}.metrics{grid-template-columns:1fr}.timeline output{width:100%}.scene-tools button{font-size:12px}.viewer-head h1{font-size:24px}.standalone{flex-wrap:wrap}.embedded-viewer{min-height:1550px}}