修复单项目公示屏布局重叠

问题：/display/YYHHC 在 1280x720 下主卡片、右侧预计和最近叫号区域错位重叠。

实现：重置主内容网格行，统一底栏高度与预留空间，优化侧栏字号和窄屏页头；完成三种视口及前端全量验证。

task_plan.md

@@ -4,7 +4,7 @@
 在已确认的产品、技术与设计基线上，交付可运行的景区排队叫号系统纵向切片，并以自动化测试验证多项目隔离、幂等叫号与隐私边界。
 
 ## Current Phase
-Phase 46（单项目大屏支持项目编码路由）
+Phase 47（单项目公示屏排版修复）
 
 ## Phases
 
@@ -593,3 +593,27 @@ Phase 46（单项目大屏支持项目编码路由）
 |---|---:|---|
 | 新增回归测试在旧实现下找不到 `normalizeDisplayProjectCode` | 1 | 作为项目编码解析缺口的失败基线，随后实现解析函数 |
 | 解析函数对非法编码返回了规范化文本和 `false`，与失败契约不一致 | 1 | 非法输入统一返回空字符串和 `false`，避免调用方误用无效编码 |
+
+### Phase 47: 单项目公示屏排版修复（2026-07-31）
+- [x] 在线上 1280×720 视口复现卡片重叠与纵向溢出
+- [x] 定位旧网格行号与固定底栏共同导致的布局冲突
+- [x] 修正主内容网格行并压缩矮屏垂直节奏
+- [x] 完成桌面、矮屏与窄屏视觉回归
+- [x] 通过前端测试、类型检查与生产构建
+- **Status:** complete
+
+#### Confirmed Decisions
+| Decision | Result | Why it matters |
+|---|---|---|
+| 修复范围 | 只调整单项目公示屏生效中的 CSS，不改叫号数据和播报逻辑 | 避免把视觉问题扩大为业务改动 |
+| 桌面结构 | 页头占第一行，当前叫号与后续预计并排占第二行，最近叫号固定在底部 | 恢复设计原意，并避免右栏落到主卡片下方 |
+| 矮屏策略 | 使用高度断点压缩间距、卡片标题和号码区最小高度 | 兼容 1280×720 等现场常见分辨率 |
+
+#### Errors Encountered
+| Error | Attempt | Resolution |
+|---|---:|---|
+| 应用内浏览器首次导航在页面资源加载期间超时 | 1 | 读取超时后已完成页面的截图和布局坐标，成功建立重叠复现 |
+| 切换 1920×1080 视口时浏览器会话超时并重置 | 1 | 不重复同一路径；改用源码网格分析与后续本地构建进行多尺寸验证 |
+| `planning-with-files-zh` 会话恢复脚本缺少本机 Python | 1 | 记录后跳过脚本，直接读取现有三份规划文件并核对 Git 状态 |
+| 将启动服务与轮询拼在同一 PowerShell 命令时被策略拒绝 | 1 | 拆分为显式 `Start-Process -WindowStyle Hidden` 和独立就绪检查 |
+| 通过运行时 `pnpm` 包装器启动时触发依赖安装，服务未按时就绪 | 1 | 终止本轮创建的进程，改用项目本地 `node_modules/.bin/vite.cmd` 直接启动 |