.app-root[data-v-67d4dd83]{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.ws-badge[data-v-67d4dd83]{position:fixed;top:10px;right:12px;z-index:9999;font-size:12px;padding:4px 10px;border-radius:12px;background:#0000008c;border:1px solid var(--border);color:var(--muted);display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ws-badge .dot[data-v-67d4dd83]{width:8px;height:8px;border-radius:50%;background:#888}.ws-badge.connected .dot[data-v-67d4dd83]{background:#2ecc71}.ws-badge.connecting .dot[data-v-67d4dd83]{background:#f1c40f}.ws-badge.disconnected .dot[data-v-67d4dd83],.ws-badge.error .dot[data-v-67d4dd83]{background:#e74c3c}.fade-enter-active[data-v-67d4dd83],.fade-leave-active[data-v-67d4dd83]{transition:opacity .25s ease}.fade-enter-from[data-v-67d4dd83],.fade-leave-to[data-v-67d4dd83]{opacity:0}*{box-sizing:border-box;margin:0;padding:0}:root{--bg1: #0a0a0a;--bg2: #1a1a2e;--bg3: #16213e;--gold: #d4af37;--gold-soft: #b8941f;--red: #c0392b;--red-soft: #922b21;--green: #27ae60;--blue: #2980b9;--text: #e8e8e8;--muted: #8a8a99;--card: #161622;--card-2: #1f1f2e;--border: #2a2a3a;--shadow: 0 6px 24px rgba(0, 0, 0, .5)}html,body,#app{height:100%;min-height:100dvh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,sans-serif;color:var(--text);background:linear-gradient(135deg,var(--bg1) 0%,var(--bg2) 55%,var(--bg3) 100%);background-attachment:fixed;min-height:100vh;min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;color:var(--text);background:transparent}input,textarea{font-family:inherit;color:var(--text)}a{color:var(--gold);text-decoration:none}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#ffffff08}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border-radius:8px;font-size:14px;font-weight:600;transition:all .2s ease;background:var(--card-2);border:1px solid var(--border);color:var(--text)}.btn:hover{background:#2a2a3e;border-color:var(--gold-soft)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--gold-soft),var(--gold));color:#1a1a1a;border-color:var(--gold)}.btn-primary:hover{filter:brightness(1.08);background:linear-gradient(135deg,var(--gold),var(--gold-soft))}.btn-danger{background:linear-gradient(135deg,var(--red-soft),var(--red));border-color:var(--red);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn-ghost{background:transparent;border:1px solid var(--border)}.btn-sm{padding:4px 10px;font-size:12px}.panel{background:#161622d9;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.text-gold{color:var(--gold)}.text-red{color:var(--red)}.text-green{color:var(--green)}.text-muted{color:var(--muted)}.center{display:flex;align-items:center;justify-content:center}.flex{display:flex}.col{flex-direction:column}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.w-full{width:100%}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}