feat: 优化目标创建成功提示及任务筛选功能

- 将目标创建成功后的提示从系统默认的 Alert.alert 改为使用自定义确认弹窗，提升用户体验和视觉一致性
- 在任务筛选中新增“已跳过”选项，支持用户更好地管理任务状态
- 更新任务卡片和进度卡片，展示跳过任务的数量和状态
- 调整相关组件样式，确保界面一致性和美观性
- 编写相关文档，详细描述新功能和使用方法

components/TaskCard.tsx

@@ -100,7 +100,7 @@ export const TaskCard: React.FC<TaskCardProps> = ({
     showConfirm(
       {
         title: '确认跳过任务',
-        message: `确定要跳过任务"${task.title}"吗？跳过后将无法恢复。`,
+        message: `确定要跳过任务"${task.title}"吗？\n\n跳过后的任务将不会显示在任务列表中，且无法恢复。`,
         confirmText: '跳过',
         cancelText: '取消',
         destructive: true,
@@ -189,11 +189,24 @@ export const TaskCard: React.FC<TaskCardProps> = ({
           style={[
             styles.progressFill,
             {
-              width: `${Math.min(task.progressPercentage, 100)}%`,
-              backgroundColor: colorTokens.primary,
+              width: task.progressPercentage > 0 ? `${Math.min(task.progressPercentage, 100)}%` : '2%',
+              backgroundColor: task.progressPercentage >= 100 
+                ? '#10B981' 
+                : task.progressPercentage >= 50 
+                ? '#F59E0B' 
+                : task.progressPercentage > 0
+                ? colorTokens.primary
+                : '#E5E7EB',
             },
           ]}
         />
+        {task.progressPercentage > 0 && task.progressPercentage < 100 && (
+          <View style={styles.progressGlow} />
+        )}
+        {/* 进度百分比文本 */}
+        <View style={styles.progressTextContainer}>
+          <Text style={styles.progressText}>{Math.round(task.progressPercentage)}%</Text>
+        </View>
       </View>
 
       {/* 底部信息 */}
@@ -314,15 +327,57 @@ const styles = StyleSheet.create({
     color: '#FFFFFF',
   },
   progressBar: {
-    height: 2,
-    backgroundColor: '#E5E7EB',
-    borderRadius: 1,
+    height: 6,
+    backgroundColor: '#F3F4F6',
+    borderRadius: 3,
     marginBottom: 16,
-    overflow: 'hidden',
+    overflow: 'visible',
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 1 },
+    shadowOpacity: 0.1,
+    shadowRadius: 2,
+    elevation: 2,
+    position: 'relative',
   },
   progressFill: {
     height: '100%',
-    borderRadius: 1,
+    borderRadius: 3,
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 1 },
+    shadowOpacity: 0.2,
+    shadowRadius: 2,
+    elevation: 3,
+  },
+  progressGlow: {
+    position: 'absolute',
+    right: 0,
+    top: 0,
+    width: 8,
+    height: '100%',
+    backgroundColor: 'rgba(255, 255, 255, 0.6)',
+    borderRadius: 3,
+  },
+  progressTextContainer: {
+    position: 'absolute',
+    right: 0,
+    top: -6,
+    backgroundColor: '#FFFFFF',
+    paddingHorizontal: 6,
+    paddingVertical: 2,
+    borderRadius: 8,
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 1 },
+    shadowOpacity: 0.1,
+    shadowRadius: 2,
+    elevation: 2,
+    borderWidth: 1,
+    borderColor: '#E5E7EB',
+    zIndex: 1,
+  },
+  progressText: {
+    fontSize: 10,
+    fontWeight: '600',
+    color: '#374151',
   },
   footer: {
     flexDirection: 'row',