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

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

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

progress.md

@@ -698,3 +698,13 @@
 - 已实现项目编码规范化与查询分支：合法短编码按 `projects.code` 查询，其他标识仍按原 Token 长度与哈希规则处理。
 - 已补充单元测试、前端 API 路径测试及 PostgreSQL 项目编码路由集成回归。
 - 全量验证通过：`go test ./... -count=1`、`go vet ./...`、`go build ./...`；前端 18 个测试文件共 61 项通过，TypeScript 检查与 Vite 生产构建成功；`git diff --check` 无格式错误。
+
+# Session: 2026-07-31（单项目公示屏排版修复）
+
+- 已通过线上截图确认 `/display/YYHHC` 的最近叫号栏覆盖当前叫号卡片，且右侧预计区域落到首屏以下。
+- 已用浏览器布局坐标建立 1280×720 复现信号，并确认页面纵向溢出。
+- 已定位根因：后续视觉覆盖层没有重置早期 CSS 的 `grid-row`，固定底栏与 520px 主卡片最小高度进一步放大冲突。
+- 已修正主内容网格行，使用同一响应式变量协调底栏高度与预留空间，并让主号码区随视口高度收缩。
+- 已提高右侧摘要标题对比度、将统计信息改为稳定双行，并限制号码区间字号以适应窄侧栏。
+- 已使用本地页面代理真实 `YYHHC` 数据完成 1280×720、1920×1080 与 390×844 视觉验收；临时配置和本地服务均已清理。
+- 前端 18 个测试文件共 61 项全部通过，TypeScript 类型检查及 Vite 生产构建成功。