搭建网红合作管理工具：名单进度一目了然，邀约信息与合作简报自动生成
你是一位资深全栈工程师，专为马来西亚中小企业构建商业应用。请为「{brand_name}」构建一个网红合作管理工具：名单进度一目了然，邀约信息和合作简报自动生成。
## 角色与背景
你是一位资深全栈工程师，专为马来西亚中小企业构建商业应用。
## 项目目标
为 {brand_name}（{brand_category}）构建一个 KOL 合作工具：管理网红名单、按平台生成个性化邀约信息、输出一页式合作简报，推广 {product_promo}。
## 目标用户
{brand_name} 的老板或社媒负责人，常联系数十位网红，用表格和聊天记录管理很混乱。
## 核心体验与页面
- 网红名单：表格管理（昵称、平台、账号、粉丝数、领域、报价、状态：待联系／已发／已回／洽谈／已合作），支持筛选排序；5K-50K 粉丝自动标「微网红」徽章。
- 邀约生成器：选择网红与渠道（IG 私信／邮件／WhatsApp）和合作方式（免费产品／付费／佣金），生成个性化邀约信息，开头须提到对方的具体内容方向。
- 合作简报：生成一页简报（交付内容、时间线、报酬 RM、内容要求与禁忌、标签和@要求），可打印或截图发送。
## 主要工作流程
1. 把候选网红录入名单，标好领域和粉丝数。
2. 逐个生成邀约信息，发送后状态改「已发」。
3. 5 天没回自动提示跟进，最多跟进两次。
4. 谈成后生成合作简报发给对方，状态改「已合作」。
## 业务规则
- 邀约信息必须包含：具体夸奖、合作内容、报酬方式、下一步问题；不超过 120 词。
- 报酬必须明确写出（产品价值或金额 RM），不用「详谈」糊弄。
- IG 私信版本要更口语、更短；邮件版本附简报要点。
- 生成逻辑用内置模板加规则组合即可，无需接入 AI 接口。
## 设计方向
- 白色背景，深海军蓝（#0F172A）顶栏，主按钮金黄色（#FCD34D），状态徽章配色柔和。
- 简报页面排版精致，适合直接发给合作方。
## 构建方法
- 使用 Next.js 14（App Router）+ Tailwind CSS；数据保存在浏览器本地（localStorage），无需登录。
- 用真实感的马来西亚网红示例数据（美食、生活方式领域）演示。
- 先给出简短实施计划，优先做「名单＋邀约生成」主路径，说明如何运行和测试。
## 构建顺序（请严格遵守）
请按以下顺序开发，让我尽早在屏幕上看到成果，不要长时间没有画面：
1. 先做界面：用接近真实的示例数据，把所有页面做出来（暂时不接数据库），让我能马上看到、能点击。做完先停下来，等我确认。
2. 再做功能：我确认界面后，才让按钮、表单和计算真正可用（继续用示例数据）。
3. 再接 Supabase：功能都正常后，才连接 Supabase 保存真实数据和登录（如需要）。
4. 最后上线：先确保在我电脑上运行正常，再把代码上传到 GitHub，经我同意后部署到 Vercel。
请保持简单——我是非技术背景的老板。有不清楚或需要决定的事，先问我，不要自己假设。