# 云酒馆前端

现代化的 SillyTavern UI，采用 Glassmorphism 风格和深色主题。

## 技术栈

- React 18 + TypeScript
- Tailwind CSS
- Vite
- React Router
- Lucide Icons

## 开发

```bash
npm install
npm run dev
```

## 构建

```bash
npm run build
npm run preview
```

## 项目结构

```
src/
├── components/       # 可复用组件
│   ├── Navbar.tsx
│   ├── Sidebar.tsx
│   ├── ChatArea.tsx
│   └── ...
├── pages/           # 页面组件
│   ├── HomePage.tsx
│   ├── CharacterMarket.tsx
│   ├── CharacterManagePage.tsx
│   ├── PresetManagePage.tsx
│   └── ...
├── App.tsx          # 路由配置
├── main.tsx         # 入口文件
└── index.css        # 全局样式
```

## 设计系统

- 主色调: #7C3AED (紫色)
- 次要色: #A78BFA (淡紫色)
- 强调色: #F97316 (橙色)
- 字体: Inter
- 风格: Glassmorphism + 深色主题

详见 [设计系统文档](../docs/design-system/)