feat: 全面UI改造 — 报告/饮食/运动/用药/侧边栏/对话流/胶囊

- 报告模块：重写AI解读页，统一白色卡片+三栏布局(指标→解读→医生审核)；加删除功能+后端删接口；VLM自动识别报告类型生成中文标题；去五颜六色
- 饮食分析：全面重设计，暖橙主题配色，图片自适应，餐次emoji选择器，去紫色
- 运动确认卡片：修复duration_minutes JSON类型转换，支持中文数字识别(三十分钟/半小时→30)；主区域只显示运动名，字段行改为横向排列
- 流式输出：简化为最基础逐字追加，去buffer+Timer+淡入动画
- 欢迎卡片：每智能体独立渐变色(青/橙/蓝/紫/绿/粉)，加卡片入场滑入+淡入动画(600ms)
- 确认卡片：头部去紫色背景改浅灰白，字段行去图标改纯信息横排，编辑框去双重边框
- 用药管理：胶囊改TabBar，添加按钮改右下FAB；打卡按钮改对号圆圈形式；药丸图标白底
- 侧边栏：加VIP服务/保险栏+图标，标题字体放大；服务包去查看更多+去VIP金色标签
- 胶囊：首页智能体胶囊白底深色字; side胶囊加阴影
- 对话流：reverse=false，今日健康出现在顶部; 对话页input bar匹配主页面样式
- 其他：个人资料去紫色+去多余入口；设置页白底图标；蓝牙页加返回按钮；报告管理改名
- 后端：加DELETE /api/reports/{id}; 修复manage_exercise数据类型转换；AI提示优化中文数字

health_app/lib/pages/report/ai_analysis_page.dart

@@ -19,7 +19,6 @@ class _AiAnalysisPageState extends ConsumerState<AiAnalysisPage> {
   void initState() {
     super.initState();
     WidgetsBinding.instance.addPostFrameCallback((_) {
-      ref.read(reportProvider.notifier).loadReports();
       ref.read(reportProvider.notifier).fetchReportDetail(widget.id);
     });
   }
@@ -31,18 +30,20 @@ class _AiAnalysisPageState extends ConsumerState<AiAnalysisPage> {
     final reportItem = reports.where((r) => r.id == widget.id).firstOrNull;
 
     if (analysis == null) {
-      return Scaffold(
-        appBar: AppBar(title: const Text('AI 解读')),
-        body: const Center(child: CircularProgressIndicator(color: AppTheme.primary)),
+      return GradientScaffold(
+        appBar: AppBar(title: const Text('报告解读')),
+        body: const Center(child: CircularProgressIndicator(color: AppColors.primary)),
       );
     }
 
-    return Scaffold(
-      backgroundColor: AppTheme.bg,
+    final displayType = _displayName(analysis.reportType);
+    final isReviewed = reportItem?.status == 'DoctorReviewed';
+
+    return GradientScaffold(
       appBar: AppBar(
-        title: const Text('AI 智能解读'),
+        title: Text(displayType, style: const TextStyle(fontSize: 19, fontWeight: FontWeight.w600, color: AppColors.textPrimary)),
         leading: IconButton(
-          icon: const Icon(Icons.arrow_back),
+          icon: const Icon(Icons.arrow_back, color: AppColors.textPrimary),
           onPressed: () {
             ref.read(reportProvider.notifier).clearAnalysis();
             popRoute(ref);
@@ -52,190 +53,123 @@ class _AiAnalysisPageState extends ConsumerState<AiAnalysisPage> {
       body: SingleChildScrollView(
         padding: const EdgeInsets.all(16),
         child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
-          // 报告标题
-          _buildHeader(analysis),
-          const SizedBox(height: 16),
-          // 审核状态
-          if (reportItem != null) _buildStatusBadge(reportItem),
-          if (reportItem != null) const SizedBox(height: 16),
-          // 指标分析
-          _buildIndicators(analysis),
-          const SizedBox(height: 16),
-          // AI 总结
-          _buildSummary(analysis),
-          const SizedBox(height: 16),
-          // 医生审核意见
-          if (reportItem != null && reportItem.status == 'DoctorReviewed')
-            _buildDoctorReview(reportItem),
+          // ── 1. 指标分析 ──
+          if (analysis.indicators.isNotEmpty) ...[
+            _sectionTitle('指标分析'),
+            const SizedBox(height: 8),
+            Container(
+              decoration: _cardDeco(),
+              child: Column(
+                children: analysis.indicators.map((ind) => _indicatorRow(ind)).toList(),
+              ),
+            ),
+            const SizedBox(height: 20),
+          ],
+          // ── 2. 综合解读 ──
+          _sectionTitle('综合解读'),
+          const SizedBox(height: 8),
+          Container(
+            padding: const EdgeInsets.all(16),
+            decoration: _cardDeco(),
+            child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
+              Text(analysis.summary.isNotEmpty ? analysis.summary : 'AI 正在分析中，请稍后刷新查看',
+                style: const TextStyle(fontSize: 16, color: AppColors.textPrimary, height: 1.7)),
+              const SizedBox(height: 10),
+              Container(
+                padding: const EdgeInsets.all(10),
+                decoration: BoxDecoration(color: AppColors.cardInner, borderRadius: BorderRadius.circular(10)),
+                child: const Text('以上为AI预解读，具体请以医生诊断为准',
+                  style: TextStyle(fontSize: 13, color: AppColors.textHint)),
+              ),
+            ]),
+          ),
+          const SizedBox(height: 20),
+          // ── 3. 医生审核意见 ──
+          _sectionTitle('医生审核意见'),
+          const SizedBox(height: 8),
+          if (isReviewed)
+            _doctorReviewCard(reportItem!)
+          else
+            Container(
+              padding: const EdgeInsets.all(16),
+              decoration: _cardDeco(),
+              child: const Row(children: [
+                Icon(Icons.hourglass_empty, size: 18, color: AppColors.textHint),
+                SizedBox(width: 8),
+                Text('待审核', style: TextStyle(fontSize: 16, color: AppColors.textSecondary)),
+                Spacer(),
+                Text('AI 预解读', style: TextStyle(fontSize: 14, color: AppColors.textHint)),
+              ]),
+            ),
+          const SizedBox(height: 30),
         ]),
       ),
     );
   }
 
-  Widget _buildHeader(ReportAnalysis analysis) {
-    return Container(
-      width: double.infinity, padding: const EdgeInsets.all(16),
-      decoration: BoxDecoration(color: AppTheme.surface, borderRadius: BorderRadius.circular(AppTheme.rLg),
-        boxShadow: [AppTheme.shadowCard]),
-      child: Row(children: [
-        Container(width: 48, height: 48, decoration: BoxDecoration(color: AppTheme.primaryLight, borderRadius: BorderRadius.circular(12)),
-          child: const Icon(Icons.auto_awesome, size: 28, color: AppTheme.primary)),
-        const SizedBox(width: 14),
-        Expanded(child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
-          Text(analysis.reportType, style: const TextStyle(fontSize: 21, fontWeight: FontWeight.w700)),
-          const SizedBox(height: 4),
-          const Text('AI 预解读结果 · 待医生确认', style: TextStyle(fontSize: 16, color: AppColors.textSecondary)),
-        ])),
-      ]),
-    );
-  }
+  BoxDecoration _cardDeco() => BoxDecoration(
+    color: Colors.white,
+    borderRadius: BorderRadius.circular(16),
+    boxShadow: AppColors.cardShadowLight,
+  );
 
-  Widget _buildStatusBadge(ReportItem report) {
-    final isReviewed = report.status == 'DoctorReviewed';
-    return Container(
-      width: double.infinity, padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 10),
-      decoration: BoxDecoration(
-        color: isReviewed ? AppColors.successLight : AppColors.warningLight,
-        borderRadius: BorderRadius.circular(10),
-      ),
-      child: Row(mainAxisSize: MainAxisSize.min, children: [
-        Icon(isReviewed ? Icons.check_circle : Icons.hourglass_empty, size: 21,
-          color: isReviewed ? AppTheme.success : AppColors.warning),
-        const SizedBox(width: 8),
-        Text(isReviewed ? '已通过医生审核' : '等待医生审核中',
-          style: TextStyle(fontSize: 17, fontWeight: FontWeight.w500,
-            color: isReviewed ? AppTheme.success : AppColors.warning)),
-      ]),
-    );
-  }
+  Widget _sectionTitle(String text) => Row(children: [
+    Container(width: 4, height: 16, decoration: BoxDecoration(color: AppColors.primary, borderRadius: BorderRadius.circular(2))),
+    const SizedBox(width: 8),
+    Text(text, style: const TextStyle(fontSize: 17, fontWeight: FontWeight.w700, color: AppColors.textPrimary)),
+  ]);
 
-  Widget _buildIndicators(ReportAnalysis analysis) {
+  Widget _indicatorRow(Indicator ind) {
+    final (color, icon) = switch (ind.status) {
+      'high' => (AppColors.error, Icons.arrow_upward),
+      'low' => (AppColors.warning, Icons.arrow_downward),
+      _ => (AppColors.success, Icons.check_circle),
+    };
     return Container(
-      width: double.infinity,
-      decoration: BoxDecoration(color: AppTheme.surface, borderRadius: BorderRadius.circular(AppTheme.rLg)),
-      child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
-        const Padding(
-          padding: EdgeInsets.fromLTRB(16, 16, 16, 8),
-          child: Text('指标分析', style: TextStyle(fontSize: 19, fontWeight: FontWeight.w700)),
-        ),
-        ...analysis.indicators.map((ind) => _buildIndicatorRow(ind)),
-        const SizedBox(height: 8),
-      ]),
-    );
-  }
-
-  Widget _buildIndicatorRow(Indicator ind) {
-    final Color color;
-    final IconData icon;
-    switch (ind.status) {
-      case 'high': color = AppTheme.error; icon = Icons.arrow_upward; break;
-      case 'low': color = AppColors.warning; icon = Icons.arrow_downward; break;
-      default: color = AppTheme.success; icon = Icons.check_circle;
-    }
-    return Container(
-      margin: const EdgeInsets.symmetric(horizontal: 16),
-      padding: const EdgeInsets.symmetric(vertical: 12),
-      decoration: BoxDecoration(border: Border(bottom: BorderSide(color: AppColors.border))),
+      padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+      decoration: const BoxDecoration(border: Border(bottom: BorderSide(color: AppColors.borderLight))),
       child: Row(children: [
         Expanded(
           child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
-            Text(ind.name, style: const TextStyle(fontSize: 18, fontWeight: FontWeight.w500)),
+            Text(ind.name, style: const TextStyle(fontSize: 16, fontWeight: FontWeight.w500, color: AppColors.textPrimary)),
             if (ind.referenceRange != null && ind.referenceRange!.isNotEmpty)
-              Text('参考值: ${ind.referenceRange}', style: TextStyle(fontSize: 15, color: AppColors.textHint)),
+              Text('参考值: ${ind.referenceRange}', style: const TextStyle(fontSize: 13, color: AppColors.textHint)),
           ]),
         ),
-        Column(crossAxisAlignment: CrossAxisAlignment.end, children: [
-          Text('${ind.value} ${ind.unit}',
-            style: TextStyle(fontSize: 19, fontWeight: FontWeight.w600, color: color)),
-          Icon(icon, size: 17, color: color),
-        ]),
+        Icon(icon, size: 14, color: color),
+        const SizedBox(width: 4),
+        Text('${ind.value} ${ind.unit}', style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: color)),
       ]),
     );
   }
 
-  Widget _buildSummary(ReportAnalysis analysis) {
+  Widget _doctorReviewCard(ReportItem report) {
     return Container(
-      width: double.infinity, padding: const EdgeInsets.all(16),
-      decoration: BoxDecoration(color: AppColors.warningLight, borderRadius: BorderRadius.circular(AppTheme.rLg),
-        border: Border.all(color: AppColors.warning.withAlpha(80))),
+      padding: const EdgeInsets.all(16),
+      decoration: _cardDeco(),
       child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
-        Row(children: [
-          const Text('💡', style: TextStyle(fontSize: 21)),
-          const SizedBox(width: 8),
-          Text('综合解读', style: TextStyle(fontSize: 19, fontWeight: FontWeight.w700, color: AppColors.warning)),
-        ]),
-        const SizedBox(height: 10),
-        Text(analysis.summary.isNotEmpty ? analysis.summary : '暂无 AI 解读结果',
-          style: TextStyle(fontSize: 17, color: AppColors.warning, height: 1.6)),
-        const SizedBox(height: 10),
-        Container(
-          width: double.infinity, padding: const EdgeInsets.all(10),
-          decoration: BoxDecoration(color: AppTheme.surface, borderRadius: BorderRadius.circular(AppTheme.rSm)),
-          child: Text('⚠️ AI 解读仅供参考，请以医生诊断为准',
-            style: TextStyle(fontSize: 15, color: AppColors.warning)),
-        ),
-      ]),
-    );
-  }
-
-  Widget _buildDoctorReview(ReportItem report) {
-    return Container(
-      width: double.infinity, padding: const EdgeInsets.all(16),
-      decoration: BoxDecoration(color: AppColors.successLight, borderRadius: BorderRadius.circular(AppTheme.rLg),
-        border: Border.all(color: AppColors.success.withAlpha(80))),
-      child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
-        Row(children: [
-          const Text('✅', style: TextStyle(fontSize: 21)),
-          const SizedBox(width: 8),
-          Text('医生审核意见', style: TextStyle(fontSize: 19, fontWeight: FontWeight.w700, color: AppColors.success)),
-        ]),
-        if (report.doctorName != null) ...[
-          const SizedBox(height: 4),
-          Text('审核医生：${report.doctorName}', style: TextStyle(fontSize: 16, color: AppColors.success)),
-        ],
-        if (report.reviewedAt != null) ...[
-          const SizedBox(height: 2),
-          Text('审核时间：${report.reviewedAt!.toLocal().toString().substring(0, 16)}',
-            style: TextStyle(fontSize: 15, color: AppColors.success.withAlpha(180))),
-        ],
-        if (report.severity != null) ...[
-          const SizedBox(height: 8),
-          _severityBadge(report.severity!),
-        ],
+        if (report.doctorName != null)
+          Text('审核医生：${report.doctorName}  |  ${report.reviewedAt?.toLocal().toString().substring(0, 16) ?? ''}',
+            style: const TextStyle(fontSize: 14, color: AppColors.textHint)),
         if (report.doctorComment != null && report.doctorComment!.isNotEmpty) ...[
           const SizedBox(height: 10),
           Container(
-            width: double.infinity, padding: const EdgeInsets.all(12),
-            decoration: BoxDecoration(color: AppTheme.surface, borderRadius: BorderRadius.circular(AppTheme.rSm)),
-            child: Text('💬 ${report.doctorComment!}',
-              style: TextStyle(fontSize: 18, color: AppColors.textPrimary, height: 1.5)),
+            padding: const EdgeInsets.all(12),
+            decoration: BoxDecoration(color: AppColors.cardInner, borderRadius: BorderRadius.circular(12)),
+            child: Text(report.doctorComment!, style: const TextStyle(fontSize: 16, color: AppColors.textPrimary, height: 1.5)),
           ),
         ],
         if (report.doctorRecommendation != null && report.doctorRecommendation!.isNotEmpty) ...[
           const SizedBox(height: 8),
           Container(
-            width: double.infinity, padding: const EdgeInsets.all(12),
-            decoration: BoxDecoration(color: AppTheme.surface, borderRadius: BorderRadius.circular(AppTheme.rSm)),
-            child: Text('📝 ${report.doctorRecommendation!}',
-              style: TextStyle(fontSize: 17, color: AppColors.textPrimary, height: 1.5)),
+            padding: const EdgeInsets.all(12),
+            decoration: BoxDecoration(color: AppColors.cardInner, borderRadius: BorderRadius.circular(12)),
+            child: Text(report.doctorRecommendation!, style: const TextStyle(fontSize: 16, color: AppColors.textPrimary, height: 1.5)),
           ),
         ],
       ]),
     );
   }
 
-  Widget _severityBadge(String severity) {
-    final (label, color, bg) = switch (severity) {
-      'Normal' => ('🟢 正常', AppTheme.success, AppColors.successLight),
-      'Abnormal' => ('🟡 轻度异常', AppColors.warning, AppColors.warningLight),
-      'Severe' => ('🟠 中度异常', AppColors.error, AppColors.errorLight),
-      'Critical' => ('🔴 重度异常', AppColors.error, AppColors.errorLight),
-      _ => (severity, AppColors.textHint, AppColors.borderLight),
-    };
-    return Container(
-      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
-      decoration: BoxDecoration(color: bg, borderRadius: BorderRadius.circular(6)),
-      child: Text(label, style: TextStyle(fontSize: 15, fontWeight: FontWeight.w500, color: color)),
-    );
-  }
+  String _displayName(String t) => (t == 'Other' || t == 'other') ? '检查报告' : t;
 }