feat: 新增任务管理功能及相关组件

- 将目标页面改为任务列表，支持任务的创建、完成和跳过功能
- 新增任务卡片和任务进度卡片组件，展示任务状态和进度
- 实现任务数据的获取和管理，集成Redux状态管理
- 更新API服务，支持任务相关的CRUD操作
- 编写任务管理功能实现文档，详细描述功能和组件架构

app/(tabs)/coach.tsx

@@ -1827,12 +1827,17 @@ export default function CoachScreen() {
 
   return (
     <View style={styles.screen}>
+      {/* 背景渐变 */}
       <LinearGradient
-        colors={[theme.backgroundGradientStart, theme.backgroundGradientEnd]}
+        colors={['#F0F9FF', '#E0F2FE']}
         style={styles.gradientBackground}
         start={{ x: 0, y: 0 }}
-        end={{ x: 0, y: 1 }}
+        end={{ x: 1, y: 1 }}
       />
+
+      {/* 装饰性圆圈 */}
+      <View style={styles.decorativeCircle1} />
+      <View style={styles.decorativeCircle2} />
       {/* 顶部标题区域，显示教练名称、新建会话和历史按钮 */}
       <View
         style={[styles.header, { paddingTop: insets.top + 10 }]}
@@ -2124,6 +2129,34 @@ const styles = StyleSheet.create({
     paddingHorizontal: 16,
     paddingBottom: 10,
   },
+  gradientBackground: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+    opacity: 0.6,
+  },
+  decorativeCircle1: {
+    position: 'absolute',
+    top: -20,
+    right: -20,
+    width: 60,
+    height: 60,
+    borderRadius: 30,
+    backgroundColor: '#0EA5E9',
+    opacity: 0.1,
+  },
+  decorativeCircle2: {
+    position: 'absolute',
+    bottom: -15,
+    left: -15,
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    backgroundColor: '#0EA5E9',
+    opacity: 0.05,
+  },
   headerLeft: {
     flexDirection: 'row',
     alignItems: 'center',
@@ -2673,13 +2706,7 @@ const styles = StyleSheet.create({
     fontWeight: '600',
     color: '#FF4444',
   },
-  gradientBackground: {
-    position: 'absolute',
-    left: 0,
-    right: 0,
-    top: 0,
-    bottom: 0,
-  },
+
   // 饮食方案卡片样式
   dietPlanContainer: {
     backgroundColor: 'rgba(255,255,255,0.95)',