# 我的元素：按日主五行显示图标

## 已确认口径

入口复用当前元素报告的 `masterElement`，不按五行最高占比或喜用元素选择。

| 日主天干 | 元素 | 图标 |
| --- | --- | --- |
| 甲、乙 | 木 | 绿色叶片 |
| 丙、丁 | 火 | 橙色火焰 |
| 戊、己 | 土 | 棕色石块 |
| 庚、辛 | 金 | 金色圆币 |
| 壬、癸 | 水 | 蓝色水滴 |

保留“我的元素”标题和原有入口布局，图形加元素小标识；个人默认头像及上传头像不参与这套映射。
资料缺失或不能计算有效报告时，显示中性问号，点开沿用原有完善出生信息提示，不虚构默认五行。

## 更新与接口

- 继续使用既有资料 GET `/api/user/profile` 提供的生日和出生时辰，在前端生成同一份报告。
- 编辑资料保存仍使用 PUT `/api/user/profile`。保存回传资料通过现有订阅更新报告与入口图标，无需新接口。
- 仅日主五行发生变化时图标才变化。同五行的不同生日，以及只改昵称、头像或其他非排盘字段，不要求更换图标。
- 不修改后端报告、计算规则或个人头像；没有新增后端接口，也没有操作真实用户资料。

## 验收

1. 微信开发者工具重新编译，进入我的，查看元素入口图标。点开报告，确认图标与“日主”属性一致，而非最大百分比。
2. 无需为测试消耗真实账号的半年修改额度。使用 H5 隔离演示入口 `http://127.0.0.1:4173/?avatarDemo=1#/pages/my/index` 验证修改联动。
3. 演示时辰保持辰时，生日从 `1998-06-18` 起依次改为 `20`、`22`、`24`、`26` 日并保存，分别应显示火、土、金、水、木；默认头像保持不变。演示仅在本地保存，刷新重置。
4. 进入编辑页后不修改直接返回，元素图标不应变形；入口图标与生肖图标保持对齐，底部导航不遮挡。

## 已完成检查

- 58 项前端测试、TypeScript 检查、H5／微信构建通过。
- 13 个产物 WXSS 通过微信开发者工具自带编译器检查。
- 浏览器隔离演示实际验证五个日期的保存切换，以及入口与日主详情一致、窄屏对齐；没有将模拟资料写入真实后端。
- 截图：`/private/tmp/hera-day-master-fire.png`、`/private/tmp/hera-day-master-earth.png`、`/private/tmp/hera-day-master-metal.png`、`/private/tmp/hera-day-master-water.png`、`/private/tmp/hera-day-master-wood.png`。