OPC-site 🚀

# 1. 生成项目骨架
node .opc-site/templates/project-skeleton/scripts/scaffold.js \
  --title "我的技术服务" \
  --description "专业个人技术咨询服务" \
  --features booking,payment \
  --output ./my-opc-site

# 2. 安装并初始化
cd ./my-opc-site
npm run setup

# 3. 启动开发服务器
npm run dev

# 1. 复制骨架
cp -r .opc-site/templates/project-skeleton ./my-site
cd ./my-site

# 2. 安装依赖
npm install

# 3. 生成 Prisma 客户端并建表
npx prisma generate
npx prisma db push

# 4. 写入种子数据（管理员 + 示例服务）
node scripts/post-gen.js

# 5. 启动
npm run dev

my-opc-site/
├── package.json              # 项目依赖与脚本
├── tsconfig.json             # TypeScript 配置
├── prisma/
│   ├── schema.prisma         # 7 个数据模型定义
│   └── dev.db                # SQLite 数据库文件（自动生成）
├── src/
│   ├── app.ts                # Fastify 应用入口
│   ├── config.ts             # 环境配置管理
│   ├── middleware/
│   │   ├── auth.ts           # JWT 认证中间件
│   │   └── error-handler.ts  # 统一错误处理
│   ├── routes/               # 8 条业务路由
│   │   ├── auth.ts           # 注册/登录/获取用户
│   │   ├── services.ts       # 服务 CRUD
│   │   ├── booking.ts        # 预约管理
│   │   ├── payments.ts       # 支付处理
│   │   ├── clients.ts        # 客户管理
│   │   ├── messages.ts       # 消息咨询
│   │   ├── admin.ts          # 后台管理
│   │   └── agent.ts          # AI 顾问（SSE 流式）
│   ├── services/
│   │   ├── ai-agent.ts       # AI 对话服务
│   │   └── payment.ts        # 支付集成服务
│   └── utils/
│       ├── jwt.ts            # JWT 签名/验证
│       └── response.ts       # 统一响应格式
├── public/
│   ├── css/
│   │   ├── style.css         # 前台样式（CSS 变量主题）
│   │   └── admin.css         # 后台样式
│   ├── js/
│   │   └── app.js            # 公共工具库（api/toast/modal/format/auth）
│   └── pages/                # 10 个前台页面
│       ├── index.html        # 首页
│       ├── services.html     # 服务列表
│       ├── pricing.html      # 定价方案
│       ├── about.html        # 关于我们
│       ├── contact.html      # 联系咨询
│       ├── booking.html      # 在线预约
│       ├── blog.html         # 博客
│       ├── faq.html          # 常见问题
│       ├── portfolio.html    # 作品案例
│       ├── testimonials.html # 客户评价
│       └── login.html        # 登录
├── admin/                    # 7 个后台管理页面
│   ├── dashboard.html        # 运营仪表盘
│   ├── services-mgmt.html    # 服务管理
│   ├── bookings.html         # 预约管理
│   ├── clients.html          # 客户管理
│   ├── payments.html         # 支付记录
│   ├── messages.html         # 消息管理
│   └── settings.html         # 站点设置
├── edge-functions/
│   ├── _middleware.ts         # 边缘中间件（路由分发 + JWT 校验 + 安全头）
│   └── api-proxy.ts          # API 代理转发
└── cloud-functions/
    └── deploy-hook.ts        # 部署后自动执行种子数据

:root {
  --primary: #3b82f6;       /* 主色 */
  --primary-dark: #2563eb;   /* 主色深色 */
  --primary-light: #93c5fd;  /* 主色浅色 */
  --accent: #8b5cf6;        /* 强调色 */
  --bg: #ffffff;             /* 背景色 */
  --text: #1e293b;           /* 文字色 */
}