# 系统架构全景

<div class="text-sm mt-2">

```
┌─────────────────────────────────────────────────────┐
│          Frontend (React + Vite + TypeScript)         │
│   项目画廊 · 工作台 · 结果预览 · 风格编辑器           │
│          Zustand 状态管理 · react-router v7           │
└─────────────────────────┬───────────────────────────┘
                          │ HTTP / WebSocket
┌─────────────────────────▼───────────────────────────┐
│          Backend (Go + Gin + Eino)                    │
│                                                      │
│   Handler: JWT 中间件 · 请求校验 · 错误处理           │
│                        ↓                             │
│   Service:  Eino compose.Graph Pipeline              │
│             PromptOptimizer → AssetGenerator          │
│             → QualitySupervisor → FormatAdapter       │
│             项目管理 · 风格系统 · 用户认证             │
│                        ↓                             │
│   Data:     GORM + SQLite · sync.Map 缓存            │
│                                                      │
│   外部: DeepSeek LLM · Stability AI · 七牛云 Kodo    │
└──────────────────────────────────────────────────────┘
```

</div>