fix(ui): restore mobile scroll and theme layout

docs/BUG_HISTORY.md

@@ -3273,3 +3273,19 @@
 - 防复发：任何 revision state 快路径都必须验证可读性，并保留容器镜像 revision 的只读回退，不得仅以路径存在作为可消费条件。
 - 相关记录：BUG-083、BUG-192
 - 修复版本：本次 staging 集成提交（精确 SHA 以远端 staging 与部署结果为准）
+
+## BUG-194 | 移动端出生资料空状态无法滚动且主题问题被压成窄列
+
+- 状态：resolved（待 staging 精确 SHA 验收）
+- 首次发现：2026-08-15
+- 最近更新：2026-08-15
+- 影响面：首页空会话出生资料填写、移动端内部滚动容器、首页主题问题入口。
+- 用户现象：手机上填写出生资料时无法继续向下滚动，底部字段与“继续”按钮不能进入视口；首页十个主题问题在桌面横向挤成窄条，中文几乎逐字换行。
+- 触发条件：宽度不超过 767px 的空会话首页内容高于可视区域；或桌面显示完整主题问题集合。
+- 根因：早期移动端 `.conversation.is-empty { display: block; }` 声明位于后续桌面 `.conversation.is-empty { display: grid; place-items: center; }` 之前，被级联顺序覆盖；外层页面又固定为隐藏溢出，只能依赖该内部容器滚动。主题区同时使用单排 flex 并让所有问题共享整体边框，十项内容被压缩到不可读宽度。
+- 修复：把移动端空状态覆盖移动到桌面 Grid 规则之后，恢复独立纵向滚动、iOS 惯性滚动，并为动态视口高度增加 `100vh` 回退和 `100dvh`；主题入口改为带独立边框和圆角的响应式 Grid，桌面、平板、手机分别为 3、2、1 列，同时沿用按压态底色与仅桌面 hover 箭头反馈。
+- 验证：移动端滚动与主题布局契约测试、首页入口回归、目标 ESLint 和 `git diff --check` 通过；真实浏览器在 1440、820、390 宽度下无水平或文字溢出，390×844 与模拟键盘高度 390×500 均可滚动到底部并显示“继续”。
+- 防复发：移动端覆盖必须位于桌面空状态 Grid 之后；测试锁定滚动容器、`vh`/`dvh` 顺序、iOS 惯性滚动和主题区 3/2/1 列断点，并禁止恢复为单排 flex 压缩布局。
+- 相关记录：BUG-042、BUG-048、BUG-140
+- 复发自：无
+- 修复版本：本次 staging 集成提交（精确 SHA 以远端 `staging` 核对结果为准）