*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg-primary:#0f1419;--bg-secondary:#1a2332;--bg-card:#ffffff0d;--bg-hover:#ffffff14;--bg-input:#ffffff0f;--bg-input-focus:#ffffff14;--bg-login-card:#1a2332e0;--border:#ffffff1a;--text-primary:#eef2f6;--text-secondary:#9aa8b8;--text-muted:#6b7a8a;--accent:#1a9f7a;--accent-light:#3ecf9e;--accent-gradient:linear-gradient(135deg, #0d7a5f 0%, #1a9f7a 50%, #3ecf9e 100%);--success:#1a9f7a;--danger:#e57373;--warning:#f0c14b;--warning-bg:#f0c14b1f;--bubble-self:linear-gradient(135deg, #0d7a5f, #1a9f7a);--bubble-other:#ffffff14;--room-icon-bg:#1a9f7a33;--badge-bg:#1a9f7a4d;--scrollbar-thumb:#ffffff26;--scrollbar-thumb-hover:#ffffff40;--emoji-bg:#1a2332;--shadow:0 8px 32px #00000059;--radius:12px;--radius-sm:8px;--font:"Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}[data-theme=light]{--bg-primary:#f2f5f8;--bg-secondary:#fff;--bg-card:#00000008;--bg-hover:#0000000d;--bg-input:#00000008;--bg-input-focus:#0000000d;--bg-login-card:#fffffff0;--border:#00000014;--text-primary:#1a2332;--text-secondary:#5a6a7a;--text-muted:#9aa8b8;--accent:#0d7a5f;--accent-light:#0d7a5f;--accent-gradient:linear-gradient(135deg, #0d7a5f 0%, #1a9f7a 50%, #3ecf9e 100%);--success:#0d7a5f;--danger:#c62828;--warning:#e65100;--warning-bg:#e651001a;--bubble-self:linear-gradient(135deg, #0d7a5f, #1a9f7a);--bubble-other:#0000000f;--room-icon-bg:#0d7a5f1f;--badge-bg:#0d7a5f26;--scrollbar-thumb:#00000026;--scrollbar-thumb-hover:#00000040;--emoji-bg:#fff;--shadow:0 8px 32px #00000014}html,body,#app{height:100%;font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:background .3s,color .3s}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{border:none;outline:none;font-family:inherit}a{color:var(--accent-light);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}emoji-picker{--background:var(--emoji-bg);--border-color:var(--border);--button-active-background:var(--badge-bg);--input-border-color:var(--border);--input-font-color:var(--text-primary);--input-placeholder-color:var(--text-muted);--outline-color:var(--accent);--category-font-color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}