:root{color-scheme:dark;font-family:system-ui,"Microsoft YaHei",sans-serif;background:#0b1015;color:#e4edf2}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column}header,footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:#111922}header strong{letter-spacing:.12em}header span{font-size:12px;color:#9cafbb;margin-left:12px;letter-spacing:0}nav{display:flex;align-items:center;gap:18px}a{color:#80d9dc;text-decoration:none}button{font:inherit;background:#233440;border:1px solid #496270;color:#e4edf2;border-radius:6px;padding:8px 14px;cursor:pointer}button:disabled{opacity:.4}main{flex:1;display:grid;place-items:center;padding:12px}#stage{position:relative;width:100%;height:calc(100dvh - 140px);background:#080b10;overflow:hidden;border:1px solid #263440;border-radius:8px}canvas{width:100%;height:100%;display:block}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#101922;padding:24px;text-align:center}#loading[hidden]{display:none}h1{font-size:24px}#status{max-width:650px;color:#aac0cc;overflow-wrap:anywhere}progress{width:min(360px,80%);accent-color:#69d1d2;height:8px;margin:16px}footer{font-size:12px;color:#9cafbb}#stage:fullscreen{height:100vh;border:0;border-radius:0}@media(max-width:600px){header,footer{padding:12px;flex-wrap:wrap}header span{display:none}nav{gap:12px;font-size:13px}}