feat: 优化内容

components/NutritionRecordCard.tsx

@@ -231,6 +231,13 @@ export function NutritionRecordCard({
 const styles = StyleSheet.create({
   container: {
     marginBottom: 12,
+    // iOS 阴影效果 - 更自然的阴影
+    shadowColor: '#000000',
+    shadowOffset: { width: 0, height: 1 },
+    shadowOpacity: 0.08,
+    shadowRadius: 4,
+    // Android 阴影效果
+    elevation: 2,
   },
   card: {
     flex: 1,
@@ -238,12 +245,8 @@ const styles = StyleSheet.create({
     backgroundColor: '#FFFFFF',
     borderRadius: 12,
     padding: 12,
-    marginHorizontal: 4,
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 1 },
-    shadowOpacity: 0.05,
-    shadowRadius: 6,
-    elevation: 2,
+
+
   },
   mainContent: {
     flex: 1,
@@ -348,11 +351,17 @@ const styles = StyleSheet.create({
   },
   popoverContainer: {
     borderRadius: 12,
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.1,
-    shadowRadius: 8,
-    elevation: 5,
+    backgroundColor: '#FFFFFF',
+    // iOS 阴影效果
+    shadowColor: '#000000',
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.15,
+    shadowRadius: 12,
+    // Android 阴影效果
+    elevation: 8,
+    // 添加边框
+    borderWidth: 0.5,
+    borderColor: 'rgba(0, 0, 0, 0.08)',
   },
   popoverBackground: {
     backgroundColor: 'rgba(0, 0, 0, 0.3)',