feat: 新增动画资源与庆祝效果，优化布局与标签页配置

app/(tabs)/statistics.tsx

@@ -33,6 +33,7 @@ import { debounce } from 'lodash';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import {
   AppState,
+  Image,
   SafeAreaView,
   ScrollView,
   StyleSheet,
@@ -565,10 +566,10 @@ export default function ExploreScreen() {
     <View style={styles.container}>
       {/* 背景渐变 */}
       <LinearGradient
-        colors={['#F0F9FF', '#E0F2FE']}
+        colors={['#b9e4f5ff', '#b3f6f8ff', '#e6e5e8ff', '#F3F4F6']}
         style={styles.gradientBackground}
         start={{ x: 0, y: 0 }}
-        end={{ x: 1, y: 1 }}
+        end={{ x: 0, y: 1 }}
       />
 
       {/* 装饰性圆圈 */}
@@ -581,6 +582,23 @@ export default function ExploreScreen() {
           contentContainerStyle={{ paddingBottom: bottomPadding }}
           showsVerticalScrollIndicator={false}
         >
+          {/* 顶部信息栏 */}
+          <View style={styles.headerContainer}>
+            <View style={styles.headerContent}>
+              {/* 左边logo */}
+              <Image
+                source={require('@/assets/images/Sealife.jpeg')}
+                style={styles.logoImage}
+                resizeMode="cover"
+              />
+
+              {/* 右边文字区域 */}
+              <View style={styles.headerTextContainer}>
+                <Text style={styles.headerTitle}>海豹健康</Text>
+              </View>
+            </View>
+          </View>
+
           <WeightHistoryCard />
 
           {/* 日期选择器 */}
@@ -749,6 +767,28 @@ const styles = StyleSheet.create({
     flex: 1,
     paddingHorizontal: 20,
   },
+  headerContainer: {
+    marginBottom: 20,
+  },
+  headerContent: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+  },
+  logoImage: {
+    width: 36,
+    height: 36,
+    borderRadius: 20,
+  },
+  headerTextContainer: {
+    flex: 1,
+    marginLeft: 12,
+  },
+  headerTitle: {
+    fontSize: 16,
+    fontWeight: '500',
+    color: '#192126',
+  },
 
 
   sectionTitle: {