2026-06-24 工作日志

首页重构 (Flat Design)

用户反馈首页卡片套卡片、图标配色太重、间距不协调。
参考 ui-ux-pro-max Flat Design 风格彻底重构：
- 去掉所有外层白卡 wrapper（快捷工具不再被 bg-white rounded-2xl shadow-sm 包裹）
- 宫格项：纯 icon（28px, #6B7280）+ 文字（12px），无背景色、无阴影
- "更多工具"并入同一个 flex-row 宫格行，不再独立卡片
- "最近动态"不再包在白卡内，时间轴直接平铺在页面背景上
- 统一 Section 标签组件（13px semibold 深灰），替代之前的绿色竖线装饰
- 统一视觉常量：GREEN=#10B981, GRAY_ICON=#6B7280, GRAY_TEXT=#374151, GRAY_MUTED=#9CA3AF, GRAY_LINE=#E5E7EB
删除旧的 SectionTitle（带绿色竖线）、GridRow、MoreToolsCard 组件。
清理 import：不再需要 Clock3。
首页 (home/index.tsx) 时间轴重构 + 头部简化：
- 删除问候语、时间计时器（duration/calcDuration）、定时器 useEffect
- 头部仅保留家庭名称，28px 加粗居中（pt-8 pb-6 items-center）
- 时间轴统一为 activities 页风格：Avatar (heroui-native, size="sm") 替代简单圆点
- 列宽 10→28px，圆点→Avatar w/ 昵称首字 fallback
内容间距 pb-4→pb-6，时间文字 12px→text-xs
import Avatar from heroui-native，新增 nicknames state 存储首字映射

把自封装的 BottomSheet + react-native-ui-datepicker 替换为 components/DateTimeRange.tsx（使用 react-native-dates-picker + HeroUI BottomSheet）
Chip 从 size="sm" 放大到 size="md"
日期选择行已选时显示 X 清除按钮，可直接清空日期区间
移除了 useSafeAreaInsets 和 react-native-ui-datepicker 的引用
loading 改为 useLoading hook（sonner-native toast），统一规范
DateTimeRange BottomSheet 加 backgroundClassName="bg-white" 让背景更明显