*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #3b82f6;--primary-dark: #2563eb;--success: #22c55e;--danger: #ef4444;--bg: #f3f4f6;--panel: #ffffff;--border: #e5e7eb;--text: #111827;--text-secondary: #6b7280;--bubble-mine: #95ec69;--bubble-other: #ffffff}html,body,#app{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg);font-size:14px;-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{font-family:inherit;border:none;outline:none}a{color:var(--primary);text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:14px;transition:all .2s;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.form-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s}.form-input:focus{border-color:var(--primary)}.text-center{text-align:center}.muted{color:var(--text-secondary)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}