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

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

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

findings.md

@@ -609,3 +609,13 @@
 - 项目编码规则为 2–24 位大写字母、数字、下划线或连字符；可复用既有校验规则，并对 URL 输入统一转大写。
 - 已有有效 Token 最短 40 位，不会与最长 24 位的项目编码冲突，因此可在同一个快照接口中安全区分两类标识。
 - 后台新建项目不生成公示 Token，但项目编码必有值；改用项目编码后，新建项目也能直接打开单项目只读大屏。
+
+# 2026-07-31 单项目公示屏排版问题
+
+- 线上 `/display/YYHHC` 在 1280×720 下稳定复现：当前叫号卡片范围为 `top=140, bottom≈692`，最近叫号栏为 `top=532, bottom=702`，实际纵向重叠约 160px；页面总高度约 1203px。
+- 生效样式中，外层网格被重定义为三行，但旧规则仍把 `.display-current` 放在第 3 行、`.display-secondary` 放在第 4 行，导致右侧“后续号段预计”落到主卡片下方。
+- `.display-secondary .display-history` 又使用 `position: fixed` 固定在视口底部；当主卡片被旧 `min-height: 520px` 撑高时，固定底栏直接覆盖主卡片。
+- 正确结构应重置当前卡片和右侧摘要到同一第 2 行，并在矮屏断点下压缩固定底栏高度、号码区最小高度和上下留白。
+- 修复后 1280×720：当前卡片与右侧摘要均为 `top=124, bottom=542`，最近叫号栏为 `top=558, bottom=702`，重叠量为 0，页面宽高与视口一致。
+- 修复后 1920×1080：主内容与底栏重叠量为 0，页面无横纵向溢出；右侧号码区间和等待时间的测量间距为 18px，不再互相覆盖。
+- 390×844 下页头切换为两行居中布局，日期和时间均落在视口内；内容使用普通纵向滚动，无横向溢出。