帮我设计一个健康档案的app风格按照如下描述：一、整体设计风格 视觉基调
主色调：医疗蓝（#2A9DCC） + 活力绿（#4CAF50） + 中性灰（#F5F7FA）
字体：中英文搭配（如 PingFang SC + Roboto），标题18-20pt，正文14-16pt
图标：线性扁平化风格，关键功能采用填充色强调
安全提示：医疗警告使用标准红色（#FF5252）
核心交互模式
底部导航栏：首页/AI诊断/健康档案/设备/我的
全局角色切换：左上角头像下拉菜单（支持绑定≥5个角色）
数据可视化：折线图（健康趋势）+ 环形进度条（指标完成度） 二、页面布局清单（8大核心页面）
手机号快捷登录 + 第三方登录（微信/Apple ID）
新用户引导浮层：突出AI诊断和档案创建
[健康卡片区]
[功能入口网格] 采用4x2布局：
AR面部网格覆盖（自动识别眼袋/面色等）
生成《面部健康报告》（含色斑分布/气色评分） 4. 健康档案系统 [档案首页]
[详情页设计]
[支持设备库]
[数据看板]
[智能提醒设置]
[答题页设计]
[报告生成]
[系统设置]
三、关键交互细节 角色切换流程
点击头像 → 弹出半屏菜单 → 滑动选择角色 → 数据无缝切换（带动画）
儿童角色自动隐藏不适用功能（如用药提醒）
医疗安全机制
异常值二次确认（血压＞140时弹出复核提示）
用药冲突检查（如“阿司匹林与布洛芬不宜同服”）
无障碍设计
老年模式（放大图标+语音播报按钮）
高对比度主题（适用于色弱用户）
四、设计交付清单 Figma/XD设计稿包含：
8大主页面 + 12个子页面（含空状态/加载态）
医疗图标库（≥80个矢量图标）
动态组件库（按钮/卡片/弹窗交互状态）
开发标注重点：
健康数据看板的响应式布局规则
家族遗传树的树状图绘制算法
用药提醒的本地通知触发逻辑
Loading...
我来为您用Flutter重写这个健康档案APP，包含从登录注册开始的完整流程和固定的底部导航栏。
我已经为您创建了一个完整的Flutter健康档案应用，包含以下特性：
✅ 完整的应用流程
✅ 设计规范严格遵循
#2A9DCC）+ 活力绿（#4CAF50）+ 中性灰（#F5F7FA）#FF5252）✅ 首页健康总览
✅ 交互体验优化
flutter pub getflutter run 启动应用应用从登录页面开始，完成登录后进入带固定底部导航栏的主界面，完全符合您的需求！