:root{--bg: #f3f5f9;--bg-panel: #ffffff;--bg-elev: #ffffff;--bg-hover: #eef1f7;--bg-active: #e6ebf5;--border: rgba(23, 32, 56, .08);--border-strong: rgba(23, 32, 56, .16);--text: #1b2334;--text-2: #5c6579;--text-3: #98a0b3;--accent: #3d6df6;--accent-2: #7a5cff;--accent-grad: linear-gradient(135deg, #3d6df6, #7a5cff);--accent-soft: rgba(61, 109, 246, .12);--focus-ring: rgba(61, 109, 246, .45);--focus-shadow: 0 0 0 3px rgba(61, 109, 246, .16);--green: #16a34a;--red: #e5484d;--avatar-grad: linear-gradient(135deg, #dfe7fa, #cdd9f6);--avatar-text: #3d5387;--avatar-group-grad: linear-gradient(135deg, #d3f1e2, #b9e8d1);--avatar-group-text: #1f6b45;--mine-bubble-shadow: 0 3px 12px rgba(61, 109, 246, .22);--badge-grad: linear-gradient(135deg, #ff5d5d, #ff7a45);--chat-glow: radial-gradient(1100px 520px at 50% -12%, rgba(61, 109, 246, .06) 0%, transparent 62%);--glow-a: rgba(61, 109, 246, .14);--glow-b: rgba(122, 92, 255, .12);--logo-ghost: linear-gradient(135deg, #d3ddf3, #c3cfee);--shadow-card: 0 12px 40px rgba(23, 32, 56, .1);--panel-blur: rgba(255, 255, 255, .85);--radius: 12px;--scrollbar: rgba(23, 32, 56, .18);--scrollbar-hover: rgba(23, 32, 56, .3);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}:root[data-theme=dark]{--bg: #0a0c11;--bg-panel: #10131b;--bg-elev: #151a24;--bg-hover: #1a1f2c;--bg-active: #1d2536;--border: rgba(148, 163, 198, .1);--border-strong: rgba(148, 163, 198, .2);--text: #e9edf5;--text-2: #9aa3b8;--text-3: #5d6679;--accent: #4f7cff;--accent-2: #7a5cff;--accent-grad: linear-gradient(135deg, #4f7cff, #7a5cff);--accent-soft: rgba(79, 124, 255, .16);--focus-ring: rgba(79, 124, 255, .55);--focus-shadow: 0 0 0 3px rgba(79, 124, 255, .14);--green: #34d399;--red: #ff5d5d;--avatar-grad: linear-gradient(135deg, #263455, #35477a);--avatar-text: #d5e2ff;--avatar-group-grad: linear-gradient(135deg, #1f513f, #2c7a58);--avatar-group-text: #c8f5de;--mine-bubble-shadow: 0 3px 12px rgba(79, 124, 255, .28);--badge-grad: linear-gradient(135deg, #ff5d5d, #ff7a45);--chat-glow: radial-gradient(1100px 520px at 50% -12%, rgba(79, 124, 255, .07) 0%, transparent 62%);--glow-a: rgba(79, 124, 255, .16);--glow-b: rgba(122, 92, 255, .13);--logo-ghost: linear-gradient(135deg, #22304f, #2c3a63);--shadow-card: 0 12px 40px rgba(0, 0, 0, .45);--panel-blur: rgba(21, 26, 36, .82);--scrollbar: rgba(148, 163, 198, .16);--scrollbar-hover: rgba(148, 163, 198, .28);color-scheme:dark}html{overflow:hidden}body{margin:0;min-height:100vh;overflow:hidden;background:var(--bg);transition:background-color .25s ease,color .25s ease}a{color:var(--accent);text-decoration:none}*{box-sizing:border-box}input,button,textarea{font-family:inherit}input::placeholder{color:var(--text-3)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}::-webkit-scrollbar-track{background:transparent}.conn-banner{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:3200;display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:12px;background:rgba(220,92,92,.14);border:1px solid rgba(220,92,92,.42);color:var(--text);font-size:12.5px;box-shadow:0 10px 30px #00000038}.conn-text{white-space:nowrap}.conn-btn{border:1px solid var(--border-strong);background:var(--bg-panel);color:var(--text);font-size:12px;padding:4px 10px;border-radius:8px;cursor:pointer}.conn-btn:hover{border-color:var(--accent)}.conn-btn.ghost{background:transparent;color:var(--text-2)}.friend-toast{position:fixed;right:20px;bottom:92px;z-index:3000;display:flex;align-items:center;gap:12px;padding:12px 14px;min-width:268px;max-width:350px;background:var(--bg-panel);border:1px solid var(--border-strong);color:var(--text);border-radius:14px;box-shadow:0 14px 44px #00000047;cursor:pointer;animation:friend-toast-in .22s ease-out}.friend-toast:hover{border-color:var(--accent)}.toast-avatar{width:38px;height:38px;border-radius:11px;object-fit:cover;flex:none;background:var(--avatar-grad);color:var(--avatar-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}.toast-body{flex:1;min-width:0}.toast-title{font-size:13.5px;font-weight:650}.toast-sub{font-size:12px;color:var(--text-2);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-go{color:var(--accent);font-size:12.5px;font-weight:600;flex:none}@keyframes friend-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}