# 常用项目配置

## 前端项目结构
```
src/
├── app/           # Next.js App Router 页面
├── components/    # 可复用组件
│   ├── ui/        # 基础 UI 组件
│   └── layout/    # 布局组件
├── contexts/      # React Context
├── hooks/         # 自定义 Hooks
├── lib/           # 工具函数
├── services/      # API 服务层
└── types/         # TypeScript 类型定义
```

## 主题系统实现
```css
:root { --color-primary-500: #3b82f6; }
[data-theme="dark"] { --color-primary-500: #60a5fa; }
[data-theme="pink"] { --color-primary-500: #ec4899; }
[data-theme="green"] { --color-primary-500: #22c55e; }
```