# 真人验收清单 · 设置弹窗尺寸与分区菜单（BUG-698 + 分区菜单产品决策）

- 日期：2026-09-16
- 分支：`codex/settings-dialog-size-and-nav-20260916`
- 对应：`docs/tasks/TASK-settings-dialog-size-and-nav-20260915.md`、`docs/tasks/PROGRESS-settings-dialog-size-and-nav-20260916.md`

会话侧已经量过的（**不用再做**）：真实产物 CSS + 复刻 DOM 的离线页面上，四个分区在支持与不支持 `dvh` 两种引擎下都恒定 866.80 × 640px。下面全是会话做不了的：需要登录态、真实内容、真实设备、以及人眼。

---

## A. 尺寸：四个分区切换不跳变

1. 登录后打开设置弹窗。
2. 依次点 个人资料 → 星盘资料 → 账户与点数 → 通用设置 → 再点回 个人资料。
3. **看外框四条边有没有动。** 尤其是底边：星盘资料内容最多、通用设置最少，是最容易露馅的一对。
4. 通过标准：外框纹丝不动，只有右侧内容区在换；左侧 176px 导航与标题栏不动。

在这几种窗口下各走一遍：

| 场景 | 怎么弄 | 预期 |
|---|---|---|
| 桌面常规 | 浏览器最大化 | 宽 880px 上限，高 640px，四分区全等 |
| 矮窗口 | 把窗口高度拖到 600px 左右 | 高度变成 84% 视口高，**四分区仍全等** |
| 窄窗口 | 宽度拖到 900px 以下 | 宽度跟着收，四分区仍全等 |
| 手机宽度 375px | DevTools 设备模拟 或 真机 | 弹窗全屏，导航变顶部四栏，切换不跳 |

5. **星盘资料分区要展开到最满再切**：进列表 → 点开某个人的详情 → 再切到 通用设置。内容最多的一刻切走，是本 Bug 最容易复现的时机。

## B. 尺寸：旧引擎（本 Bug 的真正目标环境）

本条是**定位用**的，不是回归用的。BUG-698 停在 `investigating` 就是因为没人知道用户当时用的什么浏览器。

1. 产品负责人回忆并回答：出现「选别的就立马缩小」时，用的是**哪个浏览器、哪个版本、什么设备**？是电脑浏览器，还是微信 / QQ 里点开的？窗口多大？能否截图？
2. 若手边有 iOS 15.0–15.3 的旧 iPad / iPhone，或较老的安卓机（System WebView 低于 108），在上面走一遍 A 的第 1–4 步。
   - 修复前：高度会随分区跳（这就是用户看到的）。
   - 修复后：应当恒定。
3. 若产品负责人当时用的是**新版 Chrome / Safari**，那么本轮的修复解释不了那次现象，需要带着截图另开一轮 —— 请如实回报，不要因为现在看着正常就当作已修。

## C. 分区菜单：三态可分辨

1. 打开设置弹窗，鼠标**不要**碰导航，看当前分区那一项：应是**实心浅底 + 深墨字**。
2. 鼠标划过另外三项：应出现**比选中更淡的一层底**，字仍是次级墨（比选中浅一档）。
3. 通过标准：
   - **没有任何左侧竖色条**（这是本轮产品要求删掉的东西）。
   - 选中项与悬停项**一眼能分出谁是当前**：选中的底更实、字更黑。
   - 字**没有变粗**（产品明确不要加粗）。
4. 把鼠标移到当前分区上（同时是选中 + 悬停）：不应闪烁或变得比不悬停时更淡。

## D. 分区菜单：深色主题

1. 系统或应用切到深色，重复 C 的 1–4。
2. 通过标准：深色下悬停那层淡底**仍然看得见**（这是 55% 混透明，深色底上对比最容易不够，是本轮最需要人眼确认的一点）；选中仍比悬停重一档。
3. 若深色下悬停几乎看不出来，如实回报，把 55% 调高即可 —— 不要改成加色条或加粗。

## E. 移动端（≤767px）

1. 375px 宽下打开设置弹窗：导航是顶部四栏。
2. 通过标准：当前那一栏是实心底 + 深墨字；**底部没有横向色条**（本轮删掉的）；四栏等宽，点哪栏切哪栏。
3. 触摸设备没有 hover，所以这里只需确认「当前」这一态够明显。

## F. 不该被碰到的（回归检查）

1. 左侧会话列表里当前会话的 **2px 竖色条仍在** —— 本轮只删设置弹窗的，会话列表那条产品说了不动。两处观感暂时不一致是已知且授权的。
2. 键盘 Tab 走到分区按钮上，**焦点描边仍在**。
3. 退出登录确认弹窗仍是 400px 的小框，没被撑成大弹窗。
4. 登录页、后台页面（`/admin`）、移动端侧栏抽屉的满屏高度正常 —— 本轮一并改了它们的 dvh 写法。