*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;background:#05060a;color:#cfe6ff;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#hud{position:fixed;top:16px;left:16px;z-index:10;background:#0a12208c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(120,200,255,.15);border-radius:10px;padding:10px 14px;font-size:12px;line-height:1.7;pointer-events:none}.hud-row{display:flex;gap:14px;align-items:center}.hud-row.hint{color:#8aa9c9;font-size:11px}.dot{width:8px;height:8px;border-radius:50%;background:#555;display:inline-block}.dot.on{background:#4ade80;box-shadow:0 0 8px #4ade80}#cam-preview{position:fixed;bottom:16px;right:16px;width:220px;height:165px;border-radius:10px;overflow:hidden;border:1px solid rgba(120,200,255,.25);box-shadow:0 6px 24px #00000080;display:none;z-index:10;background:#000}#cam-preview.on{display:block}#cam-video,#cam-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:scaleX(-1)}#cam-toggle{position:fixed;bottom:16px;left:16px;z-index:10;padding:10px 18px;border-radius:999px;border:1px solid rgba(120,200,255,.35);background:#0a122099;color:#cfe6ff;font-size:13px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s}#cam-toggle:hover{background:#28508c99}#cam-toggle.on{background:#2878508c;border-color:#4ade80}.particle-card{pointer-events:auto;width:240px;padding:14px 16px;background:#0a1628d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(120,200,255,.35);border-radius:12px;box-shadow:0 12px 40px #003c7866;font-size:12px;color:#cfe6ff;transform:translate(20px,-50%);animation:cardIn .25s ease-out}@keyframes cardIn{0%{opacity:0;transform:translate(40px,-50%) scale(.9)}to{opacity:1;transform:translate(20px,-50%) scale(1)}}.particle-card h3{font-size:14px;font-weight:600;color:#7fd4ff;margin-bottom:8px;letter-spacing:.5px}.particle-card .meta{display:flex;justify-content:space-between;color:#6a8ab0;font-size:11px;margin-bottom:8px}.particle-card p{line-height:1.6;color:#aac6e3}.particle-card .close{position:absolute;top:6px;right:10px;cursor:pointer;color:#6a8ab0;font-size:14px}.particle-card .close:hover{color:#fff}#cursor-ring{position:fixed;width:36px;height:36px;border:2px solid rgba(127,212,255,.6);border-radius:50%;pointer-events:none;z-index:5;display:none;transform:translate(-50%,-50%);transition:width .15s,height .15s,border-color .15s}#cursor-ring.active{width:52px;height:52px;border-color:#7fd4ff;box-shadow:0 0 20px #7fd4ff99}#cursor-ring .progress{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid transparent;border-top-color:#7fd4ff;animation:spin 1s linear infinite;display:none}#cursor-ring.dwelling .progress{display:block}@keyframes spin{to{transform:rotate(360deg)}}