fix(button): 解决按钮高度抖动问题

- 分析发现字符 ↻ 在某些字体下被当作大尺寸字符导致换行
- 修复方案将按钮拆分为图标和文字两层结构
- 使用 inline-flex 布局配合固定高度防止高度变化
- 替换不稳定字符 ↻ 为更稳定的 ⟳ (U+27F3)
- 添加 flex-shrink:0 防止被父容器压缩
- 通过独立选择器控制文字更新保留图标结构

.workbuddy/memory/2026-07-17.md

@@ -143,3 +143,16 @@
 - 原因：Flask 开发服务器缓存静态文件，修改后需重启服务才能生效
 - 解决：pkill + 重启 app.py
 - 提示用户浏览器也要 Cmd+Shift+R 强制刷新清除缓存
+
+## 13:27 按钮高度抖动根因：↻ 字符渲染异常 + width 限制
+
+- 截图分析：按钮变成竖长方形，"⟳"和"同步中..."分两行显示
+- 根因：字符 ↻ (U+21BB) 在某些字体下被当成大尺寸字符
+  - 配合 width:120px，文字强制换行成两行
+  - 高度从 36px 暴涨到 150px+
+- 修复方案：
+  - HTML: 拆成 <span class="btn-icon"> + <span class="btn-text"> 两层结构
+  - CSS: display:inline-flex + align-items:center + 固定 height:36px
+  - 图标字符: ↻ → ⟳ (U+27F3)，更稳定
+  - JS: 通过 .btn-text 选择器单独更新文字，保留图标 span
+- 关键 CSS: flex-shrink:0 防止被 flex 父容器压缩