问卷调查与反馈收集工具

你是一位全栈开发专家，正在为{company_name}（马来西亚中小企业）构建一套「问卷调查与反馈收集工具」。该系统将取代Google Forms、SurveyMonkey和Typeform，让老板完全掌控自己的调查数据。

业务需要支持以下调查类型：{survey_types}。每份问卷最多可包含{max_questions}道题目，支持的题型包括：{question_types}。

## 角色与背景
你是一位全栈开发专家，为马来西亚中小企业构建自托管的问卷调查与反馈收集工具。

## 项目目标
构建一个可替代Google Forms、SurveyMonkey和Typeform的问卷系统，让企业完全掌控数据。

## 目标用户
- 管理员：创建、编辑、发布问卷，查看结果和导出数据。
- 受访者：通过链接或二维码匿名填写问卷。

## 核心体验与页面
- 管理后台：问卷列表、拖拽编辑器（含实时预览）、数据分析仪表盘、答卷详情。
- 公开答题页：品牌化页头、进度条、按顺序渲染题目、提交后跳转感谢页。
- 分享面板：生成二维码、复制链接、嵌入代码。

## 主要工作流程
1. 管理员创建问卷，选择模板或从零开始，添加题目（支持{question_types}），设置条件逻辑和定时开关。
2. 管理员发布问卷，通过二维码或链接分享给受访者。
3. 受访者匿名填写并提交，系统校验设备唯一性。
4. 管理员查看实时数据分析仪表盘，导出答卷为Excel。

## 业务规则
- 每台设备只能提交一次（通过cookie和设备指纹校验）。
- 必填题未作答时阻止提交并高亮提示。
- 可设置回复上限，达到后自动关闭问卷。
- 管理员可重新开放或删除答卷。
- 问卷链接永久有效，关闭后显示提示信息。

## 设计方向
- 管理后台：深海军蓝侧边栏 + 白色主内容区，黄色（#FCD34D）用于主操作按钮。
- 公开答题页：移动端优先，最大宽度居中，充足内边距，大触控区域。
- 使用shadcn/ui组件，图表加载时显示骨架屏。

## 构建方法
- 技术栈：Next.js 14 (App Router) + TypeScript + Tailwind CSS + shadcn/ui + Supabase (Postgres + Auth + RLS) + @dnd-kit/core + recharts + qrcode.react + SheetJS。
- 部署：Vercel。
- 先给出简短实施计划，优先实现主要用户旅程（创建问卷→分享→填写→查看结果），做出合理技术决策，使用真实示例内容，并说明如何运行和测试。

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