feat: 实现减脂体重管理App完整功能

- 实现拍照识别食物功能（集成大语言模型视觉能力）
- 实现智能对话功能（集成大语言模型流式输出）
- 实现食物记录和卡路里管理功能
- 实现体重记录和统计功能
- 实现健康数据管理页面
- 配置数据库表结构（用户、食物记录、体重记录）
- 实现Express后端API路由
- 配置Tab导航和前端页面
- 采用健康运动配色方案

client/screens/record/styles.ts

@@ -0,0 +1,163 @@
+import { StyleSheet, Image } from 'react-native';
+import { Spacing, BorderRadius, Theme } from '@/constants/theme';
+
+export const createStyles = (theme: Theme) => {
+  return StyleSheet.create({
+    scrollContent: {
+      flexGrow: 1,
+      paddingHorizontal: Spacing.lg,
+      paddingTop: Spacing.xl,
+      paddingBottom: Spacing["5xl"],
+    },
+    title: {
+      marginBottom: Spacing.xl,
+    },
+    methodButtons: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      gap: Spacing.md,
+      marginBottom: Spacing.xl,
+    },
+    methodButton: {
+      flex: 1,
+      padding: Spacing.xl,
+      borderRadius: BorderRadius.xl,
+      alignItems: 'center',
+      shadowColor: theme.primary,
+      shadowOffset: { width: 0, height: 2 },
+      shadowOpacity: 0.15,
+      shadowRadius: 8,
+      elevation: 3,
+    },
+    cameraButton: {
+      backgroundColor: theme.primary,
+    },
+    galleryButton: {
+      backgroundColor: '#10B981',
+    },
+    buttonText: {
+      marginTop: Spacing.sm,
+    },
+    manualSection: {
+      padding: Spacing.xl,
+      borderRadius: BorderRadius.xl,
+      marginBottom: Spacing.xl,
+    },
+    sectionTitle: {
+      marginBottom: Spacing.lg,
+    },
+    inputGroup: {
+      marginBottom: Spacing.lg,
+    },
+    inputRow: {
+      flexDirection: 'row',
+      gap: Spacing.md,
+    },
+    halfInput: {
+      flex: 1,
+    },
+    label: {
+      marginBottom: Spacing.sm,
+    },
+    input: {
+      backgroundColor: theme.backgroundTertiary,
+      borderRadius: BorderRadius.lg,
+      paddingHorizontal: Spacing.lg,
+      paddingVertical: Spacing.md,
+      color: theme.textPrimary,
+      fontSize: 16,
+    },
+    mealTypes: {
+      flexDirection: 'row',
+      gap: Spacing.sm,
+    },
+    mealTypeButton: {
+      flex: 1,
+      paddingVertical: Spacing.md,
+      borderRadius: BorderRadius.lg,
+      backgroundColor: theme.backgroundTertiary,
+      alignItems: 'center',
+      borderWidth: 1,
+      borderColor: theme.border,
+    },
+    mealTypeButtonActive: {
+      backgroundColor: theme.primary,
+      borderColor: theme.primary,
+    },
+    saveButton: {
+      backgroundColor: theme.primary,
+      paddingVertical: Spacing.lg,
+      borderRadius: BorderRadius.lg,
+      alignItems: 'center',
+      marginTop: Spacing.md,
+      shadowColor: theme.primary,
+      shadowOffset: { width: 0, height: 2 },
+      shadowOpacity: 0.2,
+      shadowRadius: 8,
+      elevation: 3,
+    },
+    modalContainer: {
+      flex: 1,
+      backgroundColor: 'rgba(0, 0, 0, 0.5)',
+      justifyContent: 'flex-end',
+    },
+    modalContent: {
+      borderTopLeftRadius: BorderRadius["2xl"],
+      borderTopRightRadius: BorderRadius["2xl"],
+      maxHeight: '80%',
+    },
+    modalHeader: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      padding: Spacing.xl,
+      borderBottomWidth: 1,
+      borderBottomColor: theme.border,
+    },
+    modalBody: {
+      padding: Spacing.xl,
+    },
+    previewImage: {
+      width: '100%',
+      height: 200,
+      borderRadius: BorderRadius.lg,
+      marginBottom: Spacing.lg,
+    },
+    resultItem: {
+      marginBottom: Spacing.lg,
+    },
+    resultInput: {
+      backgroundColor: theme.backgroundTertiary,
+      borderRadius: BorderRadius.lg,
+      paddingHorizontal: Spacing.lg,
+      paddingVertical: Spacing.md,
+      color: theme.textPrimary,
+      fontSize: 16,
+      marginTop: Spacing.sm,
+    },
+    modalFooter: {
+      flexDirection: 'row',
+      gap: Spacing.md,
+      padding: Spacing.xl,
+      borderTopWidth: 1,
+      borderTopColor: theme.border,
+    },
+    modalButton: {
+      flex: 1,
+      paddingVertical: Spacing.lg,
+      borderRadius: BorderRadius.lg,
+      alignItems: 'center',
+    },
+    cancelButton: {
+      backgroundColor: theme.backgroundTertiary,
+    },
+    confirmButton: {
+      backgroundColor: theme.primary,
+      shadowColor: theme.primary,
+      shadowOffset: { width: 0, height: 2 },
+      shadowOpacity: 0.2,
+      shadowRadius: 8,
+      elevation: 3,
+    },
+  });
+};