喝水提醒小组件

# 喝水提醒小组件 — design.md

内容版本：sha256:6f938ec027c8b9d83fcf8b857e33cc919068e72c9d2ca50a988c25e8ca626b19

本文件由当前元数据、实现摘要和实际文件列表确定性生成。元数据记录是资料声明；未提供的数值不作推断。实现建议须在后续开发中选择和验收。

## 元数据记录

- 资产：layouts/water-reminder-widget；语义类型：layout-reference。
- 分类：其他。
- 标签：小组件、喝水提醒。
- 场景：手机桌面喝水提醒、日常饮水管理、健康类小组件参考。
- 平台：未提供。
- 风格：未提供。

### 亮点声明

- 桌面提醒：将喝水提醒放在小组件中，方便用户日常查看。
- AI 描述方式：描述为喝水提醒桌面小组件；可用 160×160 px 草图尺寸呈现提醒信息，具体样式需对照原图。

### 实际文件与参考资源

- `meta.yml`
- `refs/01.png`（sha256:28f120d00a1449b750bfcc982c737b84b0fd92d9cb0fb6d79339ab6ea1827f8a）
- 参考图：`refs/01.png`；周报中的喝水提醒小组件相关配图，画面对应关系待核对。
- 实现摘要：未提供 demo.html。

## 未提供

- 未结构化记录的容器宽度、栅格列数、间距标尺、精确比例、断点与响应式重排规则不作推断；亮点描述属于元数据声明，参考图不等于可运行布局。

## 实现建议

- 先定义内容区域、导航、主次栏和阅读顺序，再制定适合内容的容器与栅格。
- 设置断点及折叠、换行、重排规则，用真实长文本和空状态检查布局。
- 验证键盘阅读顺序、滚动区域、固定元素遮挡与窄屏信息保留。