✨ feat: 完整应用重构 - 优化界面架构与用户体验

主要变更：
- 重构应用界面：优化首页、登录、认证流程
- 新增用户档案模块：包含完整的档案管理组件
- 优化路由结构：重新组织页面布局和导航
- 改进API集成：新增活动、内容分类等API模块
- 删除冗余组件：清理不必要的文件和依赖

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

components/bestai/feature-carousel.tsx

@@ -1,10 +1,10 @@
+import { Image } from 'expo-image';
 import { memo } from 'react';
 import { Dimensions, FlatList, ListRenderItem, Pressable, StyleSheet, Text, View } from 'react-native';
-import { Image } from 'expo-image';
 
 const WINDOW_WIDTH = Dimensions.get('window').width;
 const CARD_HORIZONTAL_GUTTER = 18;
-const CARD_WIDTH = Math.min(WINDOW_WIDTH - 64, 360);
+const CARD_WIDTH = Math.min(WINDOW_WIDTH - 124, 360);
 
 export type FeatureItem = {
   id: string;
@@ -20,7 +20,7 @@ type FeatureCarouselProps = {
 
 export function FeatureCarousel({ items, onPress }: FeatureCarouselProps) {
   const cardInterval = CARD_WIDTH + CARD_HORIZONTAL_GUTTER;
- 
+
   const renderItem: ListRenderItem<FeatureItem> = ({ item }) => <FeatureCard item={item} onPress={onPress} />;
 
   return (
@@ -54,7 +54,9 @@ const FeatureCard = memo(({ item, onPress }: FeatureCardProps) => {
         },
       ]}
     >
-      <Image source={{ uri: item.image }} style={styles.image} contentFit="cover" />
+      <View style={styles.imageContainer}>
+        <Image source={{ uri: item.image }} style={styles.image} contentFit="cover" />
+      </View>
       <View style={styles.cardContent}>
         <Text style={styles.cardTitle}>{item.title}</Text>
         <Text style={styles.cardSubtitle}>{item.subtitle}</Text>
@@ -66,36 +68,47 @@ FeatureCard.displayName = 'FeatureCard';
 
 const styles = StyleSheet.create({
   contentContainer: {
-    paddingVertical: 18,
+    paddingVertical: 12,
     paddingRight: 24,
   },
   card: {
     width: CARD_WIDTH,
     marginRight: CARD_HORIZONTAL_GUTTER,
-    borderRadius: 22,
-    overflow: 'hidden',
+    borderRadius: 24,
+    padding: 0,
+    paddingBottom: 16,
     borderWidth: 1,
     borderColor: '#1B1C20',
     backgroundColor: '#0F1013',
+    shadowColor: '#000000',
+    shadowOpacity: 0.28,
+    shadowRadius: 18,
+    shadowOffset: { width: 0, height: 12 },
+    elevation: 12,
+  },
+  imageContainer: {
+    borderRadius: 18,
+    overflow: 'hidden',
+    marginBottom: 16,
   },
   image: {
     width: '100%',
     height: 184,
   },
   cardContent: {
-    padding: 18,
-    backgroundColor: '#111115',
+    paddingHorizontal: 2,
   },
   cardTitle: {
     fontSize: 16,
     fontWeight: '800',
     color: '#F4F8FF',
+    textTransform: 'uppercase',
     marginBottom: 6,
-    letterSpacing: 0.8,
+    letterSpacing: 1.2,
   },
   cardSubtitle: {
     fontSize: 13,
-    color: '#9AA0AD',
+    color: '#B4BBC5',
     lineHeight: 18,
   },
 });