:root{--bg: #0a1628;--bg2: #0e1e38;--glass: rgba(16, 34, 64, .72);--line: rgba(140, 190, 255, .22);--txt: #eef4ff;--dim: #9db4d4;--brand: #4da3ff;--brand2: #bfe0ff;--ok: #4ade80;--warn: #fbbf24;--bad: #f87171;--r: 16px;--font: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 800px at 70% -10%,#16305c 0%,var(--bg) 55%) fixed,var(--bg);color:var(--txt);font-family:var(--font)}#root{min-height:100vh}a{color:var(--brand2)}button,input,select{font:inherit}.shell{max-width:1080px;margin:0 auto;padding:0 12px 96px}.statusbar{position:sticky;top:0;z-index:20;display:flex;gap:10px;align-items:center;padding:10px 14px;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:0 0 var(--r) var(--r)}.statusbar .logo{font-weight:800;letter-spacing:2px;color:var(--brand2)}.pill{border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:12px;color:var(--dim)}.pill b{color:var(--txt)}.nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;gap:4px;justify-content:center;padding:8px;background:#081224e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.nav button{background:none;border:1px solid transparent;color:var(--dim);border-radius:12px;padding:8px 12px;cursor:pointer}.nav button.on{color:var(--txt);border-color:var(--line);background:var(--glass)}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);padding:14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card h3{margin:0 0 6px}.card p{margin:4px 0;color:var(--dim);font-size:14px}.card .src{font-size:12px;color:var(--dim);border-top:1px dashed var(--line);margin-top:8px;padding-top:6px}.btn{background:var(--brand);color:#06121f;border:none;border-radius:12px;padding:9px 14px;font-weight:700;cursor:pointer}.btn.ghost{background:transparent;color:var(--brand2);border:1px solid var(--line)}.btn.danger{background:var(--bad);color:#2a0a0a}.btnrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.tag{display:inline-block;font-size:12px;border:1px solid var(--line);border-radius:999px;padding:1px 8px;margin:2px 4px 2px 0;color:var(--dim)}.tag.ok{color:var(--ok)}.tag.warn{color:var(--warn)}.tag.bad{color:var(--bad)}.win{border:1px solid var(--line);border-radius:var(--r);background:#0a1830eb;margin-top:12px;overflow:hidden}.win.focused{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand),0 12px 40px #4da3ff40}.winbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#4da3ff1a;border-bottom:1px solid var(--line)}.winbar .t{font-weight:700;flex:1}.winbody{padding:12px}.win.min{opacity:.75}iframe.apprun{width:100%;height:420px;border:1px solid var(--line);border-radius:12px;background:#fff}input[type=text],input[type=search],select,textarea{background:#0b1a33;color:var(--txt);border:1px solid var(--line);border-radius:10px;padding:8px 10px;width:100%}.kbd{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin-top:8px}.kbd button{padding:12px 0;border-radius:10px;border:1px solid var(--line);background:#10294f;color:var(--txt);font-size:16px}.st View,.stereo{display:flex;gap:8px}.stereo .eye{flex:1;border:1px solid var(--line);border-radius:var(--r);min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#050b18;position:relative}.reticle{width:22px;height:22px;border:2px solid var(--brand2);border-radius:50%;margin:12px auto}.gaze-ring{height:6px;background:#123;border-radius:3px;overflow:hidden;width:180px;margin:8px auto}.gaze-ring i{display:block;height:100%;background:var(--brand);width:0}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:640px){.shell{padding:0 8px 110px}.kbd{grid-template-columns:repeat(7,1fr)}}