提示 03：个人资料与设置标签页（我的）

目标

为 MysticX Expo 移动应用构建 Profile（我的）界面。这是账户管理、积分余额、当前配置（读牌师/皮肤）、订阅状态和 AI 记忆控制的中心枢纽。

设计约束（来自主设计指南）

• 视觉： "OLED Noir"（#000000 基底）。高端、专属俱乐部的质感。
• 排版： 双字体系统。使用 Playfair Display 作为用户名和等级状态。使用 Inter 作为设置菜单和工具文本。
• 隐私优先： 通过适当的图标（锁/盾牌）和独特的视觉权重，清楚标识安全区域（如 AI 记忆和账户删除）。

需求

1. 组件： ProfileTabView。
2. 顶部区域（身份与等级）：
   • 居中的大头像。
   • 用户名（衬线体，金色 #c5a059）。
   • 订阅等级徽章（如"免费版"、"黄金版"、"钻石版"）。徽章应根据等级颜色有微妙的发光边框。
3. 中间区域（快捷统计与配置）：
   • 水平布局显示可用积分和总解读次数。
   • "我的配置"卡片：当前读牌师（头像 + 名称）和当前卡牌皮肤（缩略牌背 + 名称）。
4. 列表区域（导航菜单）：
   • 可点击行的纵向列表：账户、设置、订阅、积分、AI 记忆。
   • 每行需要一个右向箭头（›）。
   • 在行之间实现 1px 分隔线（#121212 或极低透明度的白色）。
5. 危险区域/底部：
   • "退出登录"或"删除账户"选项位于最底部，样式独特（如淡红色文本，无背景）。

实现指南

• 触觉反馈： 点击任何导航行时触发 expo-haptics 的 selectionAsync()。
• 动画： 点击行时，使用 react-native-reanimated 在按下时轻微缩小行（0.98），释放时恢复大小，模拟柔软的触感按钮。
• 积分余额高亮： 确保"积分"统计或行稍微突出（如古金色文本），因为它是核心变现驱动力。