feat(ui): 统一健康卡片标题图标并优化语音录音稳定性

- 为所有健康数据卡片添加对应功能图标，提升视觉一致性
- 将“小鱼干”文案统一为“能量值”，并更新获取说明
- 语音录音页面增加组件卸载保护、错误提示与资源清理逻辑
- 个人页支持毛玻璃按钮样式，默认用户名置空
- 新增血氧、饮食、心情、压力、睡眠、步数、体重等图标资源
- 升级 react-native-purchases 至 9.4.3
- 移除 useAuthGuard 调试日志

components/statistic/HealthDataCard.tsx

@@ -1,3 +1,4 @@
+import { Image } from 'expo-image';
 import React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
@@ -22,7 +23,17 @@ const HealthDataCard: React.FC<HealthDataCardProps> = ({
       style={[styles.card, style]}
     >
       <View style={styles.content}>
-        <Text style={styles.title}>{title}</Text>
+        <View style={{
+          flexDirection: 'row',
+          alignItems: 'center',
+          marginBottom: 14,
+        }}>
+          <Image
+            source={require('@/assets/images/icons/icon-blood-oxygen.png')}
+            style={styles.titleIcon}
+          />
+          <Text style={styles.title}>{title}</Text>
+        </View>
         <View style={styles.valueContainer}>
           <Text style={styles.value}>{value}</Text>
           <Text style={styles.unit}>{unit}</Text>
@@ -51,10 +62,16 @@ const styles = StyleSheet.create({
     flex: 1,
     justifyContent: 'center',
   },
+  titleIcon: {
+    width: 16,
+    height: 16,
+    marginRight: 6,
+    resizeMode: 'contain',
+  },
   title: {
     fontSize: 14,
     color: '#192126',
-    marginBottom: 14,
+    fontWeight: '600',
   },
   valueContainer: {
     flexDirection: 'row',

components/statistic/SleepCard.tsx

@@ -1,4 +1,5 @@
 import { fetchCompleteSleepData, formatSleepTime } from '@/utils/sleepHealthKit';
+import { Image } from 'expo-image';
 import React, { useEffect, useState } from 'react';
 import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 
@@ -39,6 +40,10 @@ const SleepCard: React.FC<SleepCardProps> = ({
   const CardContent = (
     <View style={[styles.container, style]}>
       <View style={styles.cardHeaderRow}>
+        <Image
+          source={require('@/assets/images/icons/icon-sleep.png')}
+          style={styles.titleIcon}
+        />
         <Text style={styles.cardTitle}>睡眠</Text>
       </View>
       <Text style={styles.sleepValue}>
@@ -65,11 +70,18 @@ const styles = StyleSheet.create({
   cardHeaderRow: {
     flexDirection: 'row',
     alignItems: 'center',
-    justifyContent: 'space-between',
+    justifyContent: 'flex-start',
+  },
+  titleIcon: {
+    width: 16,
+    height: 16,
+    marginRight: 6,
+    resizeMode: 'contain',
   },
   cardTitle: {
     fontSize: 14,
     color: '#192126',
+    fontWeight: '600',
   },
   sleepValue: {
     fontSize: 16,