feat: 优化营养记录和卡路里环图组件，增加毛玻璃背景和动画效果

app/(tabs)/statistics.tsx

@@ -660,13 +660,7 @@ export default function ExploreScreen() {
               />
             </FloatingCard>
 
-            {/* 饮水记录卡片 */}
-            <FloatingCard style={styles.masonryCard} delay={500}>
-              <WaterIntakeCard
-                selectedDate={currentSelectedDateString}
-                style={styles.waterCardOverride}
-              />
-            </FloatingCard>
+
 
             <FloatingCard style={styles.masonryCard} delay={0}>
               <StressMeter
@@ -684,6 +678,19 @@ export default function ExploreScreen() {
                 heartRate={heartRate}
               />
             </FloatingCard>
+
+            <FloatingCard style={styles.masonryCard}>
+              <View style={styles.cardHeaderRow}>
+                <Text style={styles.cardTitle}>睡眠</Text>
+              </View>
+              {sleepDuration != null ? (
+                <Text style={styles.sleepValue}>
+                  {Math.floor(sleepDuration / 60)}小时{Math.floor(sleepDuration % 60)}分钟
+                </Text>
+              ) : (
+                <Text style={styles.sleepValue}>——</Text>
+              )}
+            </FloatingCard>
           </View>
 
           {/* 右列 */}
@@ -699,20 +706,15 @@ export default function ExploreScreen() {
                 resetToken={animToken}
               />
             </FloatingCard>
-
-            <FloatingCard style={styles.masonryCard}>
-              <View style={styles.cardHeaderRow}>
-                <Text style={styles.cardTitle}>睡眠</Text>
-              </View>
-              {sleepDuration != null ? (
-                <Text style={styles.sleepValue}>
-                  {Math.floor(sleepDuration / 60)}小时{Math.floor(sleepDuration % 60)}分钟
-                </Text>
-              ) : (
-                <Text style={styles.sleepValue}>——</Text>
-              )}
+            {/* 饮水记录卡片 */}
+            <FloatingCard style={styles.masonryCard} delay={500}>
+              <WaterIntakeCard
+                selectedDate={currentSelectedDateString}
+                style={styles.waterCardOverride}
+              />
             </FloatingCard>
 
+
             {/* 基础代谢卡片 */}
             <FloatingCard style={styles.masonryCard} delay={1250}>
               <BasalMetabolismCard

app/nutrition/records.tsx

@@ -22,7 +22,6 @@ import dayjs from 'dayjs';
 import { router } from 'expo-router';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import {
-  ActivityIndicator,
   FlatList,
   RefreshControl,
   StyleSheet,
@@ -394,7 +393,6 @@ export default function NutritionRecordsScreen() {
         metabolism={healthData?.basalEnergyBurned || 1482}
         exercise={healthData?.activeEnergyBurned || 0}
         consumed={nutritionSummary?.totalCalories || 0}
-        goal={0}
         protein={nutritionSummary?.totalProtein || 0}
         fat={nutritionSummary?.totalFat || 0}
         carbs={nutritionSummary?.totalCarbohydrate || 0}
@@ -403,14 +401,7 @@ export default function NutritionRecordsScreen() {
         carbsGoal={nutritionGoals.carbsGoal}
       />
 
-      {loading ? (
-        <View style={styles.loadingContainer}>
-          <ActivityIndicator size="large" color={colorTokens.primary} />
-          <Text style={[styles.loadingText, { color: colorTokens.textSecondary }]}>
-            加载中...
-          </Text>
-        </View>
-      ) : (
+      {(
         <FlatList
           data={displayRecords}
           renderItem={({ item, index }) => renderRecord({ item, index })}