UI 精修：全面视觉评审后的集中打磨（浅色/深色双主题复验通过）

- 层次：浅色底色加深（#e8edf5），侧栏白面板与主区对比清晰
- 按钮：secondary 边框加深 + hover 转 accent；禁用态灰字（不再与启用态混淆）
- 方法标签：GET/POST/PUT/… 七色 chip 着色（14% 底 + 方法色文字）
- 设置弹窗：左导航 active 竖条指示、开关 40px + 阴影圆点 + 弹性动画、分组标题层级提升
- 顶栏：主题按钮前补分隔线；只读输入框不再显示聚焦环
- 侧栏：清空历史危险红样式；官网与价格改为 accent 链接
- 登录弹窗提示文案精简
- 评审方式：主界面(浅)25 条 + Mock 弹窗 + 设置弹窗逐条修复；浅/深主题复验截图评审通过

packages/ui/src/components/Sidebar.tsx

@@ -107,7 +107,7 @@ export function Sidebar() {
               </button>
             ))}
             {history.length > 0 && (
-              <button className="ops-btn ops-btn-ghost w-full py-1 text-[11px]" onClick={clearHistory}>
+              <button className="ops-btn ops-btn-ghost ops-danger w-full py-1 text-[11px]" onClick={clearHistory}>
                 清空历史
               </button>
             )}
@@ -125,7 +125,7 @@ export function Sidebar() {
           <Icon name="list-checks" size={13} /> 自动化测试
         </button>
         <a
-          className="ops-btn ops-btn-ghost w-full text-[11px]"
+          className="ops-link flex items-center justify-center gap-1 py-1 text-[11px]"
           href="/home"
           target="_blank"
           rel="noopener noreferrer"

packages/ui/src/components/TopBar.tsx

@@ -273,6 +273,7 @@ export function TopBar() {
 
         <div className="mx-1 h-5 w-px" style={{ background: "var(--border)" }} />
 
+        <div className="mx-1 h-5 w-px" style={{ background: "var(--border)" }} />
         <button
           className="ops-btn ops-btn-ghost"
           onClick={() => setTheme(settings.theme === "dark" ? "light" : "dark")}

packages/ui/src/components/dialogs/AccountDialogs.tsx

@@ -59,7 +59,7 @@ export function AuthDialog() {
       <div className="space-y-3">
         <div className="ops-hint">
           <Icon name="info" size={14} />
-          <span>账号数据保存在本机服务（SQLite），用于个人 / 团队云端空间同步</span>
+          <span>数据保存在本机 SQLite，仅用于云端空间同步</span>
         </div>
         {mode === "register" && (
           <div>