:root{--bg: #14101f;--bg-soft: #1c1730;--card: #241d3d;--card-2: #2c2449;--line: #3a3160;--text: #efeaff;--text-dim: #a89fc9;--text-faint: #7d759f;--primary: #8b7cf7;--primary-2: #b39dfc;--accent: #f7b267;--danger: #f27059;--ok: #6ee7b7;--border: var(--line);--warn: var(--accent);--radius: 16px;--radius-sm: 10px;--shadow: 0 8px 32px rgba(0, 0, 0, .35);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-h: 60px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{height:100%}body{min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,HarmonyOS Sans SC,Noto Sans SC,Microsoft YaHei,sans-serif;background:radial-gradient(1200px 600px at 80% -10%,rgba(139,124,247,.18),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(247,178,103,.1),transparent 55%),var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}#app{min-height:100dvh;display:flex;flex-direction:column}a{color:var(--primary-2);text-decoration:none}button{font-family:inherit}.card{background:linear-gradient(160deg,var(--card),var(--bg-soft));border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid transparent;background:linear-gradient(135deg,var(--primary),#6d5ae0);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .12s,filter .12s,opacity .12s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:transparent;border-color:var(--line);color:var(--text-dim)}.btn.ghost:disabled{opacity:.35}.btn.danger{background:linear-gradient(135deg,var(--danger),#d9534f)}.btn.small{min-height:36px;padding:0 14px;font-size:14px}.input,textarea.input,select.input{width:100%;min-height:48px;padding:12px 16px;background:#00000040;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font-size:16px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--primary)}.input::placeholder{color:var(--text-faint)}textarea.input{min-height:90px;resize:vertical;line-height:1.6}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}.field{margin-bottom:16px}.field label{display:block;margin-bottom:8px;font-size:14px;color:var(--text-dim)}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:12px;background:#8b7cf726;color:var(--primary-2);border:1px solid rgba(139,124,247,.25)}.toast{position:fixed;left:50%;top:calc(var(--safe-top) + 70px);transform:translate(-50%);z-index:999;padding:10px 22px;border-radius:999px;background:#14101ff2;border:1px solid var(--line);color:var(--text);font-size:14px;max-width:86vw;text-align:center;box-shadow:var(--shadow);animation:toast-in .25s ease}.toast.flow{position:sticky;top:8px;left:auto;transform:none;width:fit-content;margin:0 auto 12px;z-index:5;animation:toast-in-flow .25s ease}.toast.err{border-color:#f2705999;color:#ffb3a5}.toast.ok{border-color:#6ee7b780;color:var(--ok)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}@keyframes toast-in-flow{0%{opacity:0;transform:translateY(-8px)}}.empty{text-align:center;color:var(--text-faint);padding:40px 16px;font-size:14px}.page{width:100%;max-width:640px;margin:0 auto;padding:20px 16px calc(var(--nav-h) + var(--safe-bottom) + 24px)}.page-title{font-size:22px;font-weight:700;margin-bottom:6px}.page-sub{color:var(--text-dim);font-size:14px;margin-bottom:20px}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;padding-top:calc(10px + var(--safe-top));background:#14101fd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar .brand{font-weight:800;font-size:17px;letter-spacing:.5px}.topbar .right{display:flex;align-items:center;gap:10px;min-width:0}.topbar .right .tag{display:inline-block;max-width:34vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;padding-bottom:var(--safe-bottom);background:#14101feb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;color:var(--text-faint);font-size:11px}.tabbar a .icon{font-size:22px;line-height:1.2}.tabbar a.router-link-active{color:var(--primary-2)}.topbar .links{display:none}@media(min-width:768px){.tabbar{display:none}.page{max-width:760px;padding-bottom:48px}.topbar .links{display:flex;gap:4px}.topbar .links a{padding:8px 16px;border-radius:999px;color:var(--text-dim);font-size:14px}.topbar .links a.router-link-active{background:#8b7cf726;color:var(--primary-2)}}.room-wrap{display:flex;flex-direction:column;height:100dvh}.room-header{display:flex;align-items:center;gap:10px;padding:10px 14px;padding-top:calc(10px + var(--safe-top));background:#14101fe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:10}.room-body{flex:1;overflow-y:auto;padding:16px 14px 20px;overscroll-behavior:contain}.room-footer{padding:10px 14px calc(10px + var(--safe-bottom));background:#14101feb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.msg{margin-bottom:14px;display:flex;flex-direction:column}.msg .meta{font-size:12px;color:var(--text-faint);margin-bottom:4px;padding:0 4px}.msg .bubble{max-width:92%;padding:12px 16px;border-radius:18px;font-size:15px;white-space:pre-wrap;word-break:break-word;animation:msg-in .25s ease}.msg.ai,.msg.mirror,.msg.result,.msg.ending,.msg.question{align-items:flex-start}.msg.ai .bubble,.msg.mirror .bubble,.msg.result .bubble,.msg.ending .bubble{background:var(--card);border:1px solid var(--line);border-bottom-left-radius:6px}.msg.question .bubble{background:linear-gradient(135deg,#8b7cf738,#8b7cf714);border:1px solid rgba(139,124,247,.45);border-bottom-left-radius:6px;padding:16px 18px}.msg.answer{align-items:flex-end}.msg.answer .bubble{background:linear-gradient(135deg,var(--primary),#6d5ae0);border-bottom-right-radius:6px;color:#fff}.msg.answer.other .bubble{background:var(--card-2);border:1px solid var(--line);color:var(--text)}.msg.system{align-items:center}.msg.system .bubble{background:none;border:none;color:var(--text-faint);font-size:12.5px;max-width:100%;text-align:center}.msg.safety{align-items:center}.msg.safety .bubble{background:#f7b2671f;border:1px dashed rgba(247,178,103,.5);color:var(--accent);font-size:13px}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}}.typing{display:inline-flex;gap:5px;align-items:center;padding:6px 2px}.typing i{width:7px;height:7px;border-radius:50%;background:var(--text-dim);animation:blink 1.2s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,70%,to{opacity:.25}35%{opacity:1}}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.mt16{margin-top:16px}.mt8{margin-top:8px}.grid-2{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:640px){.grid-2{grid-template-columns:1fr 1fr}}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:640px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px;text-align:center}.stat .num{font-size:24px;font-weight:800;color:var(--primary-2)}.stat .label{font-size:12px;color:var(--text-dim);margin-top:2px}table.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.table th{color:var(--text-faint);font-weight:500;font-size:12.5px;white-space:nowrap}.table-scroll{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card)}.pager{display:flex;gap:8px;justify-content:center;margin-top:14px;align-items:center;font-size:13px;color:var(--text-dim)}.avatar-pick{display:flex;flex-wrap:wrap;gap:8px}.avatar-pick button{width:44px;height:44px;border-radius:12px;font-size:22px;background:var(--card);border:1px solid var(--line);cursor:pointer}.avatar-pick button.active{border-color:var(--primary);background:#8b7cf733}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a0812b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center}@media(min-width:640px){.modal-mask{align-items:center}}.modal{width:100%;max-width:520px;max-height:86dvh;overflow-y:auto;background:var(--bg-soft);border:1px solid var(--line);border-radius:20px 20px 0 0;padding:20px}@media(min-width:640px){.modal{border-radius:20px}}.modal h3{margin-bottom:14px}