feat(web): unify data panel hierarchy

vehicle-data-platform/design-qa.md

@@ -151,4 +151,51 @@
 - 首次截图在 SideSheet 进入动画期间截到不完整底栏；等待动画稳定后复核，重置与应用按钮完整可见。
 - 同视口对比确认新增摘要没有压缩关键输入、日期范围和来源选择，未发现 P0、P1 或 P2 问题。
 
+## 共享数据面板标题 Semi UI Design QA
+
+- source visual truth: ECS 生产端里程查询、告警中心、接入管理与运维质量结果面板
+- source screenshots:
+  - statistics baseline: `/Users/lingniu/project/ai-coding/lingniu-vehicle-ingest/.codex-audit/semi-panel-hierarchy-20260720/desktop-statistics-after.png`
+  - mobile statistics baseline: `/Users/lingniu/project/ai-coding/lingniu-vehicle-ingest/.codex-audit/semi-panel-hierarchy-20260720/mobile-statistics-after.png`
+- implementation screenshots:
+  - statistics desktop: `/Users/lingniu/project/ai-coding/lingniu-vehicle-ingest/.codex-audit/semi-panel-hierarchy-20260720/desktop-statistics-fixed.png`
+  - statistics mobile: `/Users/lingniu/project/ai-coding/lingniu-vehicle-ingest/.codex-audit/semi-panel-hierarchy-20260720/mobile-statistics-fixed.png`
+  - alert center desktop: `/Users/lingniu/project/ai-coding/lingniu-vehicle-ingest/.codex-audit/semi-panel-hierarchy-20260720/desktop-alerts-fixed.png`
+  - access center desktop: `/Users/lingniu/project/ai-coding/lingniu-vehicle-ingest/.codex-audit/semi-panel-hierarchy-20260720/desktop-access-fixed.png`
+  - operations desktop: `/Users/lingniu/project/ai-coding/lingniu-vehicle-ingest/.codex-audit/semi-panel-hierarchy-20260720/desktop-operations-fixed.png`
+- viewport and state:
+  - mobile `390 × 844`
+  - desktop `1440 × 900`
+  - 管理员权限、生产数据、默认查询状态
+
+### Fidelity Ledger
+
+| Surface | Required fidelity | Implementation evidence | Result |
+| --- | --- | --- | --- |
+| Semantic hierarchy | 高频结果区必须先说明数据语境，再给出当前任务标题。 | 共享 `WorkspacePanelHeader` 新增真实眉题层；里程、告警、接入、历史、对账和运维分别使用“每日统计”“实时队列”“接入差异”等业务语义。 | Improved. |
+| Tone consistency | 不同业务状态需要可辨认，但不能形成高饱和装饰色块。 | 使用共享 primary、warning、health 等低对比度语义变量，只在顶部细线、眉题与轻微渐变中表达状态。 | Passed. |
+| Data density | 标题升级不能挤压表格、统计条和分页主体。 | `1440 × 900` 下四个生产结果页保留原表格行数、筛选条件、分页和滚动边界。 | Preserved. |
+| Mobile hierarchy | 眉题、结果标题、车辆数量和操作不能在窄屏互相遮挡。 | 里程结果头在 `390px` 下缩短描述并收敛文本轨道；车辆数量、刷新和导出仍完整可见。 | Passed. |
+| Action continuity | 刷新、导出和结果计数仍需保持原按钮语义与点击范围。 | 共享组件只调整标题结构，原 Semi Button、Tag、事件处理器和可访问名称均未替换。 | Preserved. |
+| Shared implementation | 页面不能各自复制标题视觉规则。 | 六个页面复用同一 `WorkspacePanelHeader` 与统一 tone 类型，样式集中在 `workspace.css`。 | Passed. |
+| Desktop stability | 共享视觉层不得产生横向溢出、截断或固定列错位。 | 里程、告警、接入和运维生产截图均无标题裁切，列表滚动条、固定列及分页位置正常。 | Passed. |
+
+### Interaction And Accessibility Checks
+
+- 结果标题继续输出正确的 Heading 层级，眉题使用 Semi Typography 文本而不是模拟标题；
+- 里程查询的“刷新里程数据”和“导出 Excel”保留完整可访问名称；
+- 告警、接入和运维结果列表保留原筛选、刷新、分页与纵向滚动交互；
+- `390 × 844` 下里程矩阵车牌列与区间总里程列继续固定，日期列可横向浏览；
+- `1440 × 900` 下四个重点页面没有出现标题折断、操作区覆盖或列表主体缩水；
+- 生产发布版本 `semi-panel-hierarchy-20260720031800` 完成资源烟测与登录态复核。
+
+### Comparison History
+
+#### Pass 1 — fixed
+
+- 首轮移动端复核发现新增眉题、结果标题和车辆数量在同一窄轨道内显得拥挤。
+- 通过共享标题的移动端两级文本布局和里程结果区专用宽度约束，减少无效描述占位，同时保留结果计数与操作。
+- 第二轮同视口截图确认“每日统计—车辆每日里程—20 / 1024 辆”层级可辨，刷新、导出和首屏表格均可达。
+- 桌面端里程、告警、接入与运维四个结果面板语义色克制、密度稳定，未发现 P0、P1 或 P2 视觉与交互问题。
+
 final result: passed