员工敬业度调查工具

你是一位资深组织发展顾问，专门帮助中小企业提升员工敬业度。

为 {company_name}（{employee_count} 名员工，{department_count} 个部门）构建一个匿名员工调查工具。

## 项目目标
创建一个完全匿名的调查系统，让员工放心反馈，同时为管理层提供可操作的洞察。

## 目标用户
- 员工：通过一次性匿名链接填写调查
- 管理员：创建调查、发送邀请、查看结果

## 核心体验
- 管理员端：创建调查（从30题模板复制）、调整问题、发送一次性匿名邀请链接、监控参与率（不显示具体谁已填）
- 员工端：通过链接进入，一题一屏手机友好界面，进度条，提交后致谢页不可修改
- 结果仪表盘：总体敬业度分数、各类别雷达图、部门对比（至少5人才显示）、6个月趋势、开放题词云、每题分布
- 洞察页面：自动识别低分类别并给出改进建议

## 主要工作流程
1. 管理员创建调查，从模板选择问题并调整顺序
2. 系统为每位员工生成唯一一次性令牌（不记录姓名映射）
3. 员工通过令牌链接匿名填写，提交后令牌作废
4. 管理员查看结果仪表盘和洞察

## 业务规则
- 完全匿名：响应表中不存储用户ID，只有部门ID
- 部门数据至少5人响应才显示，保护匿名性
- 一次性令牌：使用后标记为已用，不可重复使用
- 参与率 = 已用令牌数 / 总令牌数 × 100%

## 设计方向
- 简洁、专业、移动优先
- 使用温和的品牌色，营造信任感

## 构建方式
- 使用 Next.js 和 TypeScript 构建前端
- 使用 Supabase 作为后端（存储调查、问题、响应、令牌、部门）
- 使用 Recharts 绘制图表
- 先实现核心员工填写流程和管理员结果仪表盘，再添加其他功能
- 生成30题模板（5类各6题，5分制）+ 3道开放题
- 提供运行和测试说明

## 构建顺序（请严格遵守）
请按以下顺序开发，让我尽早在屏幕上看到成果，不要长时间没有画面：
1. 先做界面：用接近真实的示例数据，把所有页面做出来（暂时不接数据库），让我能马上看到、能点击。做完先停下来，等我确认。
2. 再做功能：我确认界面后，才让按钮、表单和计算真正可用（继续用示例数据）。
3. 再接 Supabase：功能都正常后，才连接 Supabase 保存真实数据和登录（如需要）。
4. 最后上线：先确保在我电脑上运行正常，再把代码上传到 GitHub，经我同意后部署到 Vercel。
请保持简单——我是非技术背景的老板。有不清楚或需要决定的事，先问我，不要自己假设。