移动端构建提示：01 - 首页（圣殿）

目标

设计"圣殿"首页——用户的每日祭坛。这是其灵性实践的中心枢纽，从刻板的导航转向模块化的、基于仪式的仪表板。

设计约束（参考 总设计指南）

• 主题： OLED Noir（#000000）基底配 Ethereal Glaze 强调色。
• 理念： "仪式即服务"——首页小组件必须像祭坛上的物理物品一样。
• 节奏： "慢 UI"——交错的、刻意的入场动画（交错 withSpring 动画）。
• 美学： "反 AI"——所有玻璃容器上有高质量噪点覆盖层，避免完美的线性渐变。
• 交互： 有机运动——所有小组件交互必须触发触感触觉反馈。

实现任务

1. 模块化"祭坛"网格

• 使用 FlashList 配合瀑布流列来实现模块化、自定义小组件的感觉。
• 小组件：
  • DailyDrawWidget：交互式卡片，屏幕的焦点。
  • EnergyAura：Reanimated 驱动的、液态变形 SVG 径向渐变，根据时间段（太阳色 vs. 月光色调色板）变化色相。
  • RitualFAB：用于发起解读的悬浮操作按钮（"仪式"按钮）。
• 设计： 小组件必须使用悬浮玻璃效果（低不透明度、重模糊、噪点覆盖层）。

2. 交互与触觉

• 触觉： 每次交互（拖拽、展开）触发 HapticEngine.trigger('TICK')（轻量级）。
• 物理效果： 小组件必须使用 withSpring（高阻尼、低质量）来模拟在轻触下移动的物理对象。
• 入场： 交错淡入（每个小组件延迟 100ms），以强化有意的"慢"入场。

3. 视觉细节

• 整个容器上持续的噪点覆盖层。
• 生物响应颜色（早晨太阳/金色 vs. 夜晚月光/深邃）集成到容器渐变逻辑中。

技术规范

• 布局： FlashList（瀑布流）。
• 视觉效果： BlurView、Skia（用于噪点/覆盖层）、react-native-reanimated（物理效果）。
• 主题： OLED Noir（#000000）。

AI 开发者提示

"将 HomeScreen.tsx 构建为'圣殿'祭坛。

1. 布局： 实现 FlashList 瀑布流网格用于模块化小组件。
2. 主题： 深 OLED 黑色背景（#000000）。小组件必须使用悬浮玻璃效果（模糊、噪点覆盖纹理）。
3. 小组件：
   • DailyDrawWidget：焦点组件。
   • EnergyAura：有机的、液态变形 SVG 径向渐变。渐变色相必须在暖色/太阳色调（早晨）和冷色/月光色调（夜晚）之间切换。
   • RitualFAB：带有微妙循环脉冲动画的悬浮按钮，使用 withRepeat 和 withSequence。
4. 动画： 使用 withSpring（高阻尼）实现小组件的交错优雅淡入。确保感觉像物理揭示。
5. 美学： 在背景上应用持续的噪点覆盖层以稳固 UI。
6. 交互： 任何交互触发 HapticEngine.trigger('TICK')。
7. 隐私： 隐私优先设计：确保本地数据访问标记可见。"