docs: update 3.2 changelog with mobile-first UI redesign

Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>

docs/changelog/3.2.md

@@ -61,12 +61,42 @@
 - 新增 `resolvePosterUrl` 工具函数，统一处理外部 URL 和本地路径
 - 重新设计 LLM 设置面板
 - 重新设计设置、下载器、播放器、日志页面样式
+- 全新移动端优先响应式设计
+  - 三层断点系统：手机 (<640px)、平板 (640-1023px)、桌面 (≥1024px)
+  - 手机端底部导航栏（带图标和文字标签）
+  - 平板端迷你侧边栏（56px 图标导航）
+  - 移动端弹出框自动切换为底部抽屉（Bottom Sheet）
+  - 下拉刷新（Pull-to-Refresh）支持
+  - 水平滑动容器（Swipe Container）支持
+  - 移动端卡片列表替代数据表格（RSS 页面）
+  - CSS Grid 响应式布局（Bangumi 卡片网格）
+  - 表单标签在移动端垂直堆叠，输入框全宽
+  - 触摸目标最小 44px，符合无障碍标准
+  - 安全区域适配（刘海屏设备）
+  - `100dvh` 动态视口高度（解决移动浏览器地址栏问题）
+  - `viewport-fit=cover` 支持全面屏设备
+
+### New Components
+
+- `ab-bottom-sheet` — 触摸驱动的底部抽屉组件（拖拽关闭、最大高度限制）
+- `ab-adaptive-modal` — 自适应弹窗（移动端底部抽屉 / 桌面端居中对话框）
+- `ab-pull-refresh` — 下拉刷新包装组件
+- `ab-swipe-container` — 水平滑动容器（CSS scroll-snap）
+- `ab-data-list` — 移动端友好的卡片列表（替代 NDataTable）
+- `ab-mobile-nav` — 增强型底部导航栏（图标 + 标签 + 活动指示器）
+- `useSafeArea` — 安全区域 composable
 
 ### Changes
 
 - 重构搜索逻辑，移除 rxjs 依赖
 - 搜索 Store 导出重构，匹配组件期望格式
 - 升级前端依赖
+- 断点系统从单一 1024px 扩展为 640px + 1024px 两级
+- `useBreakpointQuery` 新增 `isTablet`、`isMobileOrTablet`、`isTabletOrPC`
+- `media-query.vue` 新增 `#tablet` 插槽（回退到 `#mobile`）
+- UnoCSS 新增 `sm: 640px` 断点
+- `ab-input` 样式移动端全宽 + 增高触摸目标
+- 布局使用 `dvh` 单位替代 `vh`，支持 safe-area-inset
 
 ## CI/Infrastructure