feat: 更新个人页面和活动热图组件

- 在个人页面中新增鱼干记录展示，优化用户界面
- 修改活动热图组件，增加信息弹窗，提供小鱼干使用说明
- 调整样式，提升整体视觉效果和用户体验
- 更新颜色常量，确保一致性

constants/Colors.ts

@@ -8,7 +8,7 @@ export const palette = {
   // 灰色系统 - 中性色，UI设计的基础
   gray: {
     25: '#fcfcfd',
-    50: '#ebecee', 
+    50: '#ebecee',
     100: '#c0c4ca',
     200: '#a2a7b0',
     300: '#777f8c',
@@ -19,7 +19,7 @@ export const palette = {
     800: '#1d232e',
     900: '#161b23',
   },
-  
+
   // 紫色系统 - 品牌主色，用于交互元素
   purple: {
     25: '#fafaff',
@@ -34,7 +34,7 @@ export const palette = {
     800: '#4a1fb8',
     900: '#3e1c96',
   },
-  
+
   // 成功色系统 - 绿色，用于正面反馈
   success: {
     25: '#f6fef9',
@@ -49,7 +49,7 @@ export const palette = {
     800: '#0e623d',
     900: '#0b4b2e',
   },
-  
+
   // 错误色系统 - 红色，用于错误状态和破坏性操作
   error: {
     25: '#fffbfa',
@@ -64,7 +64,7 @@ export const palette = {
     800: '#892f2f',
     900: '#692424',
   },
-  
+
   // 警告色系统 - 黄色/橙色，用于警告和确认
   warning: {
     25: '#fff7ec',
@@ -79,7 +79,7 @@ export const palette = {
     800: '#8c5f24',
     900: '#6b491c',
   },
-  
+
   // 基础色
   base: {
     white: '#ffffff',
@@ -100,7 +100,7 @@ export const Colors = {
     textMuted: palette.gray[400],      // 浅灰色用于静音文本
     background: palette.base.white,
     surface: palette.base.white,
-    card: palette.gray[25],            // 最浅灰色用于卡片背景
+    card: '#ffffff',            // 最浅灰色用于卡片背景
 
     // 品牌与可交互主色
     tint: tintColorLight,