feat: 添加训练计划和打卡功能

- 新增训练计划页面，允许用户制定个性化的训练计划
- 集成打卡功能，用户可以记录每日的训练情况
- 更新 Redux 状态管理，添加训练计划相关的 reducer
- 在首页中添加训练计划卡片，支持用户点击跳转
- 更新样式和布局，以适应新功能的展示和交互
- 添加日期选择器和相关依赖，支持用户选择训练日期

app/(tabs)/explore.tsx

@@ -3,6 +3,7 @@ import { CircularRing } from '@/components/CircularRing';
 import { ProgressBar } from '@/components/ProgressBar';
 import { Colors } from '@/constants/Colors';
 import { getTabBarBottomPadding } from '@/constants/TabBar';
+import { useColorScheme } from '@/hooks/useColorScheme';
 import { getMonthDaysZh, getMonthTitleZh, getTodayIndexInMonth } from '@/utils/date';
 import { ensureHealthPermissions, fetchHealthDataForDate, fetchTodayHealthData } from '@/utils/health';
 import { Ionicons } from '@expo/vector-icons';
@@ -20,6 +21,8 @@ import {
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 export default function ExploreScreen() {
+  const theme = (useColorScheme() ?? 'light') as 'light' | 'dark';
+  const colorTokens = Colors[theme];
   // 使用 dayjs：当月日期与默认选中“今天”
   const days = getMonthDaysZh();
   const [selectedIndex, setSelectedIndex] = useState(getTodayIndexInMonth());
@@ -104,8 +107,8 @@ export default function ExploreScreen() {
 
 
   return (
-    <View style={styles.container}>
-      <SafeAreaView style={styles.safeArea}>
+    <View style={[styles.container, { backgroundColor: theme === 'light' ? colorTokens.pageBackgroundEmphasis : colorTokens.background }]}>
+      <SafeAreaView style={[styles.safeArea, { backgroundColor: theme === 'light' ? colorTokens.pageBackgroundEmphasis : colorTokens.background }]}>
         <ScrollView
           style={styles.scrollView}
           contentContainerStyle={{ paddingBottom: bottomPadding }}