移动端构建提示：03 - 个人资料页（灵魂日记）

目标

设计个人资料页（"灵魂日记"）——用户历史神秘之旅的私密、安全且亲密的圣殿。

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

• 主题： OLED Noir（#000000）基底配 Ethereal Glaze 强调色（暮蓝色、鼠尾草绿）。
• 理念： "隐私优先的仪式"——清晰的 UI 信号表明数据是安全的且存储在本地。
• 美学： "反 AI"——容器上有高质量噪点覆盖层，避免完美的线性美学。
• 触觉： "触感隐私"——开关和按钮有微妙的反馈（Haptic Impact Light）。

实现任务

1. 布局与组件

• 顶部区域： 用户资料 + "灵魂统计"（如"能量积累"、"仪式连续性"）。
• 灵魂旅程时间线： 解读历史的纵向线性展示，配合滚动触发的节点动画。
• PrivacyShieldWidget： 显著的 UI 信号（图标 + 文字）表明"仅本地数据"状态。

2. 交互与触觉

• 触觉： 所有菜单开关、按钮点击和历史展开触发 HapticEngine.trigger('TICK')（轻量级）。
• 物理效果： 平滑的纵向列表滚动，配合 react-native-reanimated 历史项的入场过渡动画。

3. 视觉细节

• 容器上持续的噪点覆盖层。
• Ethereal Glaze 强调色（暮蓝色）用于主要操作。
• 头部图片的视差驱动分层以增加深度。

技术规范

• 布局： FlashList 用于历史时间线。
• 视觉效果： react-native-reanimated（时间线节点的滚动关联动画）。
• 主题： OLED Noir（#000000）。

AI 开发者提示

"构建 ProfileScreen.tsx。

1. 布局： 顶部为资料/统计（能量/连续性），中间为 SoulJourneyTimeline，底部为设置列表。
2. 主题： OLED 黑色基底（#000000）。使用'Ethereal Glaze'强调色（暮蓝色）用于按钮和指示器。
3. 组件：
   • SoulJourneyTimeline：使用 FlashList 配合滚动关联的节点揭示动画实现（使用 useAnimatedStyle 控制不透明度/缩放）。
   • PrivacyShieldWidget：简洁、极简的 UI 模块，表明所有解读数据存储在本地。
4. 触觉： 所有交互（开关、按钮）触发 HapticEngine.trigger('TICK')。
5. 美学： 在整个屏幕上应用一致的噪点覆盖层。
6. 隐私： 确保界面体现'反 AI'美学——避免完美干净、消毒过的布局；使用手绘图标或纹理。"