feat: 支持食物库接口

app/nutrition/records.tsx

@@ -1,12 +1,11 @@
+import { DateSelector } from '@/components/DateSelector';
 import { NutritionRecordCard } from '@/components/NutritionRecordCard';
 import { HeaderBar } from '@/components/ui/HeaderBar';
 import { Colors } from '@/constants/Colors';
-import { DateSelector } from '@/components/DateSelector';
 import { useColorScheme } from '@/hooks/useColorScheme';
 import { DietRecord, deleteDietRecord, getDietRecords } from '@/services/dietRecords';
 import { getMonthDaysZh, getMonthTitleZh, getTodayIndexInMonth } from '@/utils/date';
 import { Ionicons } from '@expo/vector-icons';
-import dayjs from 'dayjs';
 import { router } from 'expo-router';
 import React, { useEffect, useRef, useState } from 'react';
 import {
@@ -202,21 +201,14 @@ export default function NutritionRecordsScreen() {
 
   const renderEmptyState = () => (
     <View style={styles.emptyContainer}>
-      <View style={styles.emptyTimelineContainer}>
-        <View style={styles.emptyTimeline}>
-          <View style={[styles.emptyTimelineDot, { backgroundColor: colorTokens.primary }]}>
-            <Ionicons name="add-outline" size={16} color="#FFFFFF" />
-          </View>
-        </View>
-        <View style={styles.emptyContent}>
-          <Ionicons name="restaurant-outline" size={48} color={colorTokens.textSecondary} />
-          <Text style={[styles.emptyTitle, { color: colorTokens.text }]}>
-            {viewMode === 'daily' ? '今天还没有记录' : '暂无营养记录'}
-          </Text>
-          <Text style={[styles.emptySubtitle, { color: colorTokens.textSecondary }]}>
-            {viewMode === 'daily' ? '开始记录今日营养摄入' : '开始记录你的营养摄入吧'}
-          </Text>
-        </View>
+      <View style={styles.emptyContent}>
+        <Ionicons name="restaurant-outline" size={48} color={colorTokens.textSecondary} />
+        <Text style={[styles.emptyTitle, { color: colorTokens.text }]}>
+          {viewMode === 'daily' ? '今天还没有记录' : '暂无营养记录'}
+        </Text>
+        <Text style={[styles.emptySubtitle, { color: colorTokens.textSecondary }]}>
+          {viewMode === 'daily' ? '开始记录今日营养摄入' : '开始记录你的营养摄入吧'}
+        </Text>
       </View>
     </View>
   );
@@ -389,33 +381,10 @@ const styles = StyleSheet.create({
     paddingVertical: 60,
     paddingHorizontal: 16,
   },
-  emptyTimelineContainer: {
-    flexDirection: 'row',
+  emptyContent: {
     alignItems: 'center',
     maxWidth: 320,
   },
-  emptyTimeline: {
-    width: 64,
-    alignItems: 'center',
-    paddingTop: 8,
-  },
-  emptyTimelineDot: {
-    width: 32,
-    height: 32,
-    borderRadius: 16,
-    justifyContent: 'center',
-    alignItems: 'center',
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.1,
-    shadowRadius: 4,
-    elevation: 2,
-  },
-  emptyContent: {
-    flex: 1,
-    alignItems: 'center',
-    marginLeft: 16,
-  },
   emptyTitle: {
     fontSize: 18,
     fontWeight: '700',