feat: 更新统计标签和标题，优化健康数据卡片样式，调整步数和健康相关组件的样式

components/BasalMetabolismCard.tsx

@@ -115,8 +115,7 @@ const styles = StyleSheet.create({
     borderBottomRightRadius: 2,
   },
   title: {
-    fontSize: 16,
-    fontWeight: '700',
+    fontSize: 14,
     color: '#0F172A',
   },
   statusBadge: {

components/DateSelector.tsx

@@ -185,7 +185,7 @@ const styles = StyleSheet.create({
     paddingVertical: 8,
   },
   monthTitle: {
-    fontSize: 24,
+    fontSize: 18,
     fontWeight: '800',
     color: '#192126',
     marginBottom: 14,
@@ -234,7 +234,7 @@ const styles = StyleSheet.create({
   },
   dayDate: {
     fontSize: 12,
-    fontWeight: '800',
+    fontWeight: '600',
     color: 'gray',
   },
   dayDateSelected: {

components/MoodCard.tsx

@@ -42,7 +42,6 @@ const styles = StyleSheet.create({
 
   cardTitle: {
     fontSize: 14,
-    fontWeight: '800',
     color: '#192126',
   },
 

components/NutritionRadarCard.tsx

@@ -100,7 +100,7 @@ export function NutritionRadarCard({
         <View style={styles.cardRightContainer}>
           <Text style={styles.cardSubtitle}>更新: {dayjs(nutritionSummary?.updatedAt).format('MM-DD HH:mm')}</Text>
           <TouchableOpacity style={styles.addButton} onPress={handleAddFood}>
-            <Ionicons name="add" size={16} color="#FFFFFF" />
+            <Ionicons name="add" size={12} color="#514b4bff" />
           </TouchableOpacity>
         </View>
       </View>
@@ -185,11 +185,10 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     justifyContent: 'space-between',
     alignItems: 'center',
-    marginBottom: 16,
+    marginBottom: 8,
   },
   cardTitle: {
-    fontSize: 18,
-    fontWeight: '800',
+    fontSize: 14,
     color: '#192126',
   },
   cardRightContainer: {
@@ -198,7 +197,7 @@ const styles = StyleSheet.create({
     gap: 4,
   },
   cardSubtitle: {
-    fontSize: 12,
+    fontSize: 10,
     color: '#9AA3AE',
     fontWeight: '600',
   },
@@ -230,15 +229,14 @@ const styles = StyleSheet.create({
     marginRight: 8,
   },
   statLabel: {
-    fontSize: 12,
+    fontSize: 10,
     color: '#9AA3AE',
-    fontWeight: '600',
     flex: 1,
   },
   statValue: {
     fontSize: 12,
     color: '#192126',
-    fontWeight: '700',
+    fontWeight: '600',
   },
   // 卡路里相关样式
   calorieSection: {
@@ -272,12 +270,12 @@ const styles = StyleSheet.create({
     gap: 4,
   },
   mainValue: {
-    fontSize: 24,
-    fontWeight: '800',
+    fontSize: 14,
+    fontWeight: '600',
     color: '#192126',
   },
   calculationText: {
-    fontSize: 14,
+    fontSize: 12,
     fontWeight: '600',
     color: '#64748B',
   },
@@ -287,12 +285,12 @@ const styles = StyleSheet.create({
     gap: 2,
   },
   calculationLabel: {
-    fontSize: 10,
+    fontSize: 8,
     color: '#64748B',
     fontWeight: '500',
   },
   calculationValue: {
-    fontSize: 12,
+    fontSize: 10,
     fontWeight: '700',
     color: '#192126',
   },
@@ -315,10 +313,10 @@ const styles = StyleSheet.create({
     fontSize: 24,
   },
   addButton: {
-    width: 18,
-    height: 18,
+    width: 16,
+    height: 16,
     borderRadius: 8,
-    backgroundColor: '#9AA3AE',
+    backgroundColor: '#e5e8ecff',
     marginLeft: 8,
     alignItems: 'center',
     justifyContent: 'center',

components/StepsCard.tsx

@@ -106,8 +106,7 @@ const styles = StyleSheet.create({
     alignItems: 'center',
   },
   title: {
-    fontSize: 16,
-    fontWeight: '700',
+    fontSize: 14,
     color: '#192126',
   },
   footprintIcons: {

components/StressMeter.tsx

@@ -145,7 +145,6 @@ const styles = StyleSheet.create({
   },
   title: {
     fontSize: 14,
-    fontWeight: '800',
     color: '#192126',
   },
   valueSection: {

components/statistic/HealthDataCard.tsx

@@ -55,7 +55,6 @@ const styles = StyleSheet.create({
     fontSize: 14,
     color: '#192126',
     marginBottom: 14,
-    fontWeight: '800',
   },
   valueContainer: {
     flexDirection: 'row',

components/weight/WeightHistoryCard.tsx

@@ -11,13 +11,12 @@ import { LinearGradient } from 'expo-linear-gradient';
 import React, { useEffect, useState } from 'react';
 import {
   Dimensions,
-  Image,
   Modal,
   ScrollView,
   StyleSheet,
   Text,
   TouchableOpacity,
-  View,
+  View
 } from 'react-native';
 import Animated, {
   Extrapolation,
@@ -201,9 +200,6 @@ export function WeightHistoryCard() {
     return (
       <TouchableOpacity style={styles.card} onPress={navigateToWeightRecords} activeOpacity={0.8}>
         <View style={styles.cardHeader}>
-          <View style={styles.iconSquare}>
-            <Image source={require('@/assets/images/icons/iconWeight.png')} style={{ width: 18, height: 18 }} />
-          </View>
           <Text style={styles.cardTitle}>体重记录</Text>
         </View>
         <View style={styles.emptyContent}>
@@ -218,9 +214,6 @@ export function WeightHistoryCard() {
     return (
       <TouchableOpacity style={styles.card} onPress={navigateToWeightRecords} activeOpacity={0.8}>
         <View style={styles.cardHeader}>
-          <View style={styles.iconSquare}>
-            <Image source={require('@/assets/images/icons/iconWeight.png')} style={{ width: 18, height: 18 }} />
-          </View>
           <Text style={styles.cardTitle}>体重记录</Text>
         </View>
 
@@ -254,9 +247,6 @@ export function WeightHistoryCard() {
     return (
       <TouchableOpacity style={styles.card} onPress={navigateToWeightRecords} activeOpacity={0.8}>
         <View style={styles.cardHeader}>
-          <View style={styles.iconSquare}>
-            <Image source={require('@/assets/images/icons/iconWeight.png')} style={{ width: 18, height: 18 }} />
-          </View>
           <Text style={styles.cardTitle}>体重记录</Text>
         </View>
 
@@ -308,9 +298,6 @@ export function WeightHistoryCard() {
   return (
     <TouchableOpacity style={styles.card} onPress={navigateToWeightRecords} activeOpacity={0.8}>
       <View style={styles.cardHeader}>
-        <View style={styles.iconSquare}>
-          <Image source={require('@/assets/images/icons/iconWeight.png')} style={{ width: 18, height: 18 }} />
-        </View>
         <Text style={styles.cardTitle}>体重记录</Text>
         <View style={styles.headerButtons}>
           <TouchableOpacity
@@ -580,8 +567,8 @@ const styles = StyleSheet.create({
   card: {
     backgroundColor: '#FFFFFF',
     borderRadius: 22,
-    padding: 18,
-    marginBottom: 8,
+    padding: 16,
+    marginBottom: 4,
     shadowColor: '#000',
     shadowOffset: { width: 0, height: 2 },
     shadowOpacity: 0.1,
@@ -591,7 +578,6 @@ const styles = StyleSheet.create({
   cardHeader: {
     flexDirection: 'row',
     alignItems: 'center',
-    marginBottom: 16,
   },
   iconSquare: {
     width: 30,
@@ -603,7 +589,6 @@ const styles = StyleSheet.create({
   },
   cardTitle: {
     fontSize: 14,
-    fontWeight: '800',
     color: '#192126',
     flex: 1,
   },
@@ -675,9 +660,6 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     justifyContent: 'space-around',
     width: '100%',
-    paddingTop: 16,
-    borderTopWidth: 1,
-    borderTopColor: '#F0F0F0',
   },
   infoItem: {
     alignItems: 'center',