✨ feat: 应用界面重构 - 从模板中心到AI内容生成平台

- 重构首页：从模板列表展示改为AI功能展示界面
- 更新底部导航：将explore改为content，index改为home
- 新增多个页面：积分、兑换、历史记录、结果展示、设置等
- 优化UI组件：新增通用按钮、分类标签、加载状态等组件
- 清理冗余文件：删除旧的认证文档和积分详情页面
- 更新主题配置：调整配色方案和视觉风格
- 修复导入路径：优化组件导入结构

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

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

components/LoadingState.tsx

@@ -0,0 +1,48 @@
+import { ActivityIndicator, View, Text, StyleSheet, StyleProp, ViewStyle } from 'react-native';
+import { Colors, Spacing, FontSize } from '@/constants/theme';
+
+export interface LoadingStateProps {
+  text?: string;
+  subText?: string;
+  size?: 'small' | 'large';
+  color?: string;
+  style?: StyleProp<ViewStyle>;
+}
+
+export function LoadingState({
+  text = '加载中...',
+  subText,
+  size = 'large',
+  color = Colors.brand.primary,
+  style,
+}: LoadingStateProps) {
+  return (
+    <View style={[styles.container, style]}>
+      <ActivityIndicator size={size} color={color} />
+      {text && <Text style={styles.text}>{text}</Text>}
+      {subText && <Text style={styles.subText}>{subText}</Text>}
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: Colors.background.secondary,
+    paddingHorizontal: Spacing.xl,
+  },
+  text: {
+    marginTop: Spacing.lg,
+    fontSize: FontSize.sm,
+    color: Colors.text.secondary,
+    textAlign: 'center',
+  },
+  subText: {
+    marginTop: Spacing.sm,
+    fontSize: FontSize.xs,
+    color: Colors.text.tertiary,
+    textAlign: 'center',
+  },
+});