:root{--brand-primary: #2563eb;--brand-primary-hover: #1d4ed8;--brand-primary-soft: #dbeafe;--brand-success: #16a34a;--brand-warning: #f59e0b;--brand-danger: #dc2626;--brand-radius: 12px;--brand-radius-sm: 8px;--brand-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif}:root{--bg: #f3f4f6;--panel: #ffffff;--panel-2: #f9fafb;--border: #e5e7eb;--text: #111827;--text-2: #6b7280;--text-3: #9ca3af;--primary: var(--brand-primary);--primary-2: var(--brand-primary-hover);--primary-soft: var(--brand-primary-soft);--success: var(--brand-success);--warning: var(--brand-warning);--danger: var(--brand-danger);--bubble-me: var(--brand-primary);--bubble-me-text: #ffffff;--bubble-them: #ffffff;--radius: var(--brand-radius);--shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .06);--font: var(--brand-font);color-scheme:light}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);line-height:1.2;white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--panel-2)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-2)}.btn-danger{color:var(--danger)}.btn-sm{padding:5px 10px;font-size:13px}.btn-icon{padding:8px;width:36px;height:36px;border-radius:8px}.input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.muted{color:var(--text-2)}.small{font-size:12px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--danger);color:#fff;font-size:12px;font-weight:600}.error-text{color:var(--danger)}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){body{font-size:15px}}