*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:Noto Sans TC,PingFang TC,system-ui,sans-serif;background:#dfe9f3}#c{display:block;width:100vw;height:100vh;cursor:grab}.hud{position:fixed;left:16px;top:16px;padding:12px 14px;border-radius:12px;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #0000001f;font-size:13px;color:#333}.title{font-weight:700;font-size:15px;margin-bottom:8px}.title span{font-weight:400;color:#777;margin-left:6px}.row{display:flex;gap:6px;margin-bottom:8px}.row button{border:1px solid #bbb;background:#fff;border-radius:8px;padding:6px 12px;cursor:pointer;font:inherit}.hint{color:#777}.label{position:fixed;left:0;top:0;padding:6px 10px;border-radius:8px;background:#14141ed9;color:#fff;font-size:13px;pointer-events:none;opacity:0;transition:opacity .12s;white-space:nowrap}.label.show{opacity:1}