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

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

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

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

components/profile/profile-error-state.tsx

@@ -0,0 +1,106 @@
+import React from 'react';
+import { View, TouchableOpacity } from 'react-native';
+import MaterialIcons from '@expo/vector-icons/MaterialIcons';
+import { ThemedText } from '@/components/themed-text';
+import { useColorScheme } from '@/hooks/use-color-scheme';
+
+export function ProfileErrorState({ onRetry }: { onRetry: () => void }) {
+  const colorScheme = useColorScheme();
+  const palette = colorScheme === 'dark' ? darkPalette : lightPalette;
+
+  return (
+    <View style={styles.emptyWrap}>
+      <View
+        style={[
+          styles.emptyGlyph,
+          {
+            backgroundColor: palette.glyphBackdrop,
+            borderColor: palette.border,
+          },
+        ]}
+      >
+        <MaterialIcons name="error-outline" size={40} color={palette.textSecondary} />
+      </View>
+      <ThemedText style={[styles.emptyTitle, { color: palette.textPrimary }]}>Failed to load</ThemedText>
+      <ThemedText style={[styles.emptySubtitle, { color: palette.textSecondary }]}>
+        There was an error loading your content
+      </ThemedText>
+      <TouchableOpacity
+        activeOpacity={0.9}
+        onPress={onRetry}
+        style={[
+          styles.generateButton,
+          {
+            borderColor: palette.accent,
+            backgroundColor: palette.elevated,
+          },
+        ]}
+      >
+        <MaterialIcons name="refresh" size={18} color={palette.accent} style={styles.generateIcon} />
+        <ThemedText style={[styles.generateLabel, { color: palette.accent }]}>Retry</ThemedText>
+      </TouchableOpacity>
+    </View>
+  );
+}
+
+const darkPalette = {
+  textPrimary: '#F6F7FA',
+  textSecondary: '#8E9098',
+  glyphBackdrop: '#18181D',
+  border: '#1D1E24',
+  accent: '#B7FF2F',
+  elevated: '#101014',
+};
+
+const lightPalette = {
+  textPrimary: '#0F1320',
+  textSecondary: '#5E6474',
+  glyphBackdrop: '#E8EBF4',
+  border: '#E2E5ED',
+  accent: '#405CFF',
+  elevated: '#F0F2F8',
+};
+
+const styles = {
+  emptyWrap: {
+    alignItems: 'center' as const,
+    paddingTop: 32,
+  },
+  emptyGlyph: {
+    width: 112,
+    height: 112,
+    borderRadius: 28,
+    borderWidth: 1,
+    alignItems: 'center' as const,
+    justifyContent: 'center' as const,
+    marginBottom: 24,
+  },
+  emptyTitle: {
+    fontSize: 18,
+    fontWeight: '700' as const,
+    marginBottom: 6,
+  },
+  emptySubtitle: {
+    fontSize: 14,
+    lineHeight: 20,
+    textAlign: 'center' as const,
+    marginBottom: 28,
+    paddingHorizontal: 24,
+  },
+  generateButton: {
+    borderWidth: 1,
+    borderRadius: 999,
+    paddingHorizontal: 28,
+    paddingVertical: 12,
+    flexDirection: 'row' as const,
+    alignItems: 'center' as const,
+    justifyContent: 'center' as const,
+  },
+  generateIcon: {
+    marginRight: 8,
+  },
+  generateLabel: {
+    fontSize: 15,
+    fontWeight: '700' as const,
+  },
+};