作为一名资深APP UI设计师，请根据以下详细的产品需求和设计规范，为一款中文的“显化应用 (Manifestation App)”创建一套完整的UI界面设计方案，并最终生成一个包含所有设计页面的、符合技术规格的**单一HTML文件**。
## 1. 应用概念与核心功能
* **应用名称:** (暂定) MindBloom / Aura / ManifestMe (选择一个或保留占位符)
* **核心理念:** 帮助用户设定意图、培养积极心态、可视化目标、记录感恩，从而更好地实践吸引力法则，显化理想生活。
* **核心模块与功能:**
* **启动页 (Splash Screen):** 应用加载时的品牌展示，可采用霓虹Logo或核心图形。
* **主页/仪表盘 (Home/Dashboard):**
* 显示问候语和用户昵称。
* 展示“今日意图”或随机一条用户收藏的肯定语。
* 关键目标摘要卡片（如1-2个核心目标）。
* 快速访问入口按钮（如“添加新目标”、“查看肯定语”、“记录感恩”）。
* (可选) 一个小的感恩摘要或可视化提醒。
* **目标设定与管理 (Goals):**
* **目标列表页:** 以卡片形式展示所有目标，包含目标名称、状态（进行中/已完成）、缩略图（可选）。
* **目标详情页:**
* 目标名称、描述、设定的截止日期（若有）。
* 关联的肯定语列表。
* 关联的愿景板图片展示区域。
* **进度追踪模块:**
* 包含一个**动态折线图**，展示用户自我评估的信心指数或相关行动频率随时间的变化（数据为示例）。图表加载时使用 `stroke-dasharray` 动画。
* 手动添加进度记录的入口。
* **创建/编辑目标表单页:**
* 输入目标名称（必填）。
* 输入目标详细描述（多行文本）。
* 选择目标分类（可选，如事业、健康等）。
* 上传关联图片（用于愿景板/目标）。
* 设定截止日期（日期选择器概念）。
* 表单采用**无边框设计**，仅保留圆角背景。
* **肯定语 (Affirmations):**
* **肯定语列表页:** 展示应用内置或用户自定义/收藏的肯定语列表。提供分类筛选。
* **肯定语详情/练习页 (可选):** 单独展示一条肯定语，可能有背景音乐播放或计时器辅助练习。
* **感恩日记 (Gratitude Journal):**
* **日记列表页:** 按日期展示过往的感恩记录条目摘要。
* **添加/查看日记页:** 用于输入/编辑当日的感恩内容（至少3条），查看单条详情。
* **愿景板 (Vision Board):**
* 展示用户上传和排版的图片、文字，形成可视化看板。
* **设置 (Settings):**
* 账户信息（昵称、头像）。
* 通知提醒设置。
* 外观主题（虽然我们定义了，但可以放个入口概念）。
* 关于/帮助。
* **主要导航:**
* 使用**底部标签栏 (Bottom Tab Bar)**，包含5个主要入口：主页、目标、肯定语、日记/愿景板 (合并或取舍)、设置。
## 2. 新视觉风格 (霓虹渐变风格 Neon Gradient Style)
* **核心元素风格:**
* **霓虹渐变色:** 关键UI元素（如卡片、按钮、底部导航栏、模态框、重要图标）广泛使用**高饱和度的霓虹渐变色**。色彩组合以**紫色、蓝色、洋红/粉色**为主，形成冷暖对比（例如：`linear-gradient(135deg, #6A0DAD, #0077FF, #FF00FF)` 或类似的多色渐变）。
* **发光效果 (Glow):** 通过 CSS `box-shadow` 或 `filter: drop-shadow()` 为关键元素（特别是按钮、选中项、卡片边缘）添加**同色系或白色的柔和发光效果**，模拟霓虹灯管的辉光感。例如 `box-shadow: 0 0 15px 5px rgba(0, 119, 255, 0.5);`。
* **背景与层级:**
* **深邃背景:** 整体页面背景采用**深色调**，如深蓝 (`#0A0F2C`)、深紫 (`#2C0A2C`) 或近乎黑色 (`#121212`)，以**最大化霓虹色彩的对比度和视觉冲击力**。背景可带有极其微妙的噪点、星空纹理或微弱的径向渐变来增加神秘感和空间感。
* **光影层次:** 利用**渐变方向、光源暗示**（例如，假设顶部或某个角落有虚拟光源）以及**发光强度和阴影**（使用深色、柔和的 `drop-shadow` 来制造深度，与发光形成对比）来塑造**空间层级感**。前景元素更亮、发光更强。
* **配色方案:**
* **主导色:** 霓虹渐变色（紫、蓝、洋红为主）。
* **背景色:** 深蓝、深紫或近黑。
* **主文字:** **白色 (`#FFFFFF`)** 或极浅灰色 (`#E0E0E0`)，确保在深色背景上的**高可读性**。
* **次要文字/提示文字:** 中等亮度灰色 (`#A0A0A0` 或 `#BDBDBD`)。
* **强调色/交互色:** 选择一种**明亮的霓虹色**（如亮粉 `#FF00FF`、亮蓝 `#00BFFF` 或亮青色 `#00FFFF`）用于交互反馈（如按钮悬停/激活、选中状态、图表线条、焦点指示）。
* **极简字体排版:**
* 字体: 优先使用 `Poppins`, `Roboto`, `思源黑体` (Sans-serif)。
* 显示：文字显示为中文
* 层级: (字号保持不变，颜色已调整)
* 大标题: `30px` Bold, `#FFFFFF`。可考虑添加细微的同色系 `text-shadow` 增加霓虹感。
* 卡片标题/重要标签: `20px` Medium, `#FFFFFF` 或 `#E0E0E0`。
* 正文/列表项: `16px` Regular, `#E0E0E0` 或 `#BDBDBD`。
* 小字号/说明文字: `14px` Regular, `#A0A0A0`。
* **表单优化:**
* 输入框 (``, `
分类