# 用户端首页服务归属视觉验收

## 验收基线

- 视觉事实源：`D:\5k\platforms\docs\设计参考\用户端首页_服务归属方案1.png`
- 实现截图：`D:\5k\platforms\apps\user_app\design-qa\用户端首页_服务归属实现.png`
- 验收视口：390 × 844 CSS 像素，设备像素比 1
- 页面状态：固定示例数据；所属气站“和气城南气站”，服务配送点“安顺路配送点”，公告 6 条
- 事实源像素尺寸：853 × 1844；按 390 × 844 归一化后与实现截图比较
- 实现截图像素尺寸：390 × 844；截图尺寸与 CSS 视口一致，无额外密度换算

## 对照证据

- 全页对照：`D:\5k\platforms\apps\user_app\design-qa\对照_全页.png`，左侧为归一化事实源，右侧为实现
- 服务归属局部对照：`D:\5k\platforms\apps\user_app\design-qa\对照_服务归属卡片.png`，截取相同视口区域，左侧为事实源，右侧为实现

## 比较记录

1. 第一轮发现 P1：实现卡片使用 20 像素内边距和 72 像素图标底座，导致标题与两行字段整体比事实源右移约 12 像素，卡片高度也偏高约 7 像素。
2. 修正为 16 像素内边距和 64 像素图标底座后重新截图；标题、标签、值、分隔线与图标的相对位置已与事实源对齐。
3. 第二轮未发现 P0、P1 或 P2 视觉问题。页面无横向溢出，底部导航无遮挡，卡片边框、圆角、行距和信息层级一致。

## 最终结果

passed