yidaconnector 2026.6.11

package/project/prd/demo-dingtalk-ai-solution-center.md

@@ -0,0 +1,425 @@
+# 钉钉 AI 解决方案中心 — 面向 SA 的方案生产系统
+
+> 目标不是再做一个方案展示门户，而是做成 SA 从客户需求到可演示 Demo 的 AI 方案作战台。
+
+## 一、产品定位
+
+钉钉 AI 解决方案中心面向所有钉钉 SA、解决方案架构师、行业专家和生态交付同学，提供从客户需求识别、行业方案匹配、悟空 Prompt 生成、YidaConnector 一键搭建样板应用，到客户版交付材料生成的完整工作流。
+
+一句话定位：
+
+**让 SA 输入客户需求，快速生成可演示、可交付、可复用的钉钉 AI 解决方案。**
+
+核心价值：
+
+| 对象 | 价值 |
+| --- | --- |
+| 一线 SA | 少找资料，少从零写方案，快速准备客户拜访和演示 |
+| 行业专家 | 把专家经验沉淀为可复用方案包、Prompt、Demo 模板 |
+| 交付团队 | 方案边界、应用结构、交付清单更标准，减少返工 |
+| YidaConnector | 把 AI 生成的方案变成宜搭里真实可运行的应用 |
+| 悟空 | 承担方案理解、生成、改写、话术、材料生产和质检 |
+
+## 二、关键判断
+
+现有「AI 宜搭体验中心」更像样板间，核心是展示应用能力和入口。新的中心需要面向 SA 的真实工作流，核心是生产方案、演示方案和沉淀方案。
+
+设计原则：
+
+1. **需求优先**：入口从「客户要解决什么问题」开始，而不是从「有哪些产品功能」开始。
+2. **AI 优先**：每个方案都能被悟空理解、改写、生成话术和交付材料。
+3. **可执行优先**：每个重点方案都要尽量有 YidaConnector 一键搭建路径。
+4. **资产化优先**：方案、Prompt、Demo、PPT、交付清单都作为版本化资产管理。
+5. **SA 效率优先**：默认高信息密度，适合检索、比较、复用和现场准备。
+
+## 三、核心用户场景
+
+### 3.1 客户拜访前
+
+SA 输入客户行业、规模、当前系统、会议纪要或商机描述，AI 自动输出：
+
+- 客户需求摘要
+- 推荐行业方案
+- 推荐钉钉能力组合
+- 可复用 Demo
+- 客户版演示话术
+- 需要客户补充的信息
+
+### 3.2 客户现场演示前
+
+SA 选择方案后，一键生成：
+
+- 宜搭样板应用
+- 表单、流程、报表、权限、连接器清单
+- 演示数据
+- 演示路径
+- 常见异议处理
+
+### 3.3 客户确认方向后
+
+SA 将客户反馈输入 AI，生成：
+
+- 需求差异分析
+- PRD 草稿
+- 交付计划
+- 验收清单
+- 项目风险提示
+
+### 3.4 方案沉淀
+
+SA 或行业专家提交方案，中心通过 AI 质检：
+
+- 是否有明确行业和客户对象
+- 是否有业务价值
+- 是否有可执行应用结构
+- 是否有演示路径
+- 是否有交付边界
+- 是否可被 YidaConnector 自动搭建
+
+## 四、首页信息架构
+
+首页不是传统门户，而是一个 SA 工作台。
+
+### 4.1 首屏
+
+模块：
+
+- AI 需求输入框：贴入客户需求、会议纪要、商机描述
+- 快捷动作：生成方案、匹配 Demo、生成客户话术、创建宜搭样板
+- 关键指标：可一键搭建方案数、本周新增方案、高复用方案、待审核共创方案
+- 最近工作：我最近生成的方案、我创建的 Demo、我收藏的行业方案
+
+主标题建议：
+
+**钉钉 AI 解决方案中心**
+
+副标题建议：
+
+**用悟空理解客户，用 YidaConnector 搭出可演示方案。**
+
+### 4.2 主体布局
+
+| 区域 | 内容 |
+| --- | --- |
+| 左侧导航 | 工作台、客户拜访、主管看板、行业作战地图、方案包、悟空 Prompt、YidaConnector 搭建、共创审核、客户材料 |
+| 中间主区 | AI 需求诊断、推荐方案、行业方案地图、方案成熟度排行 |
+| 右侧辅助区 | AI 方案助理、我的方案包、最近 Demo、待办审核 |
+
+## 五、核心模块设计
+
+### 5.1 AI 需求诊断器
+
+输入：
+
+- 客户名称
+- 行业
+- 客户规模
+- 当前业务痛点
+- 会议纪要或商机描述
+- 已知钉钉/宜搭使用情况
+
+输出：
+
+- 需求摘要
+- 业务场景分类
+- 推荐方案 Top 3
+- 推荐切入话术
+- Demo 搭建建议
+- 下一步客户问题清单
+
+### 5.2 可执行方案包
+
+每个方案不只是文章，而是一个可执行资产包。
+
+| 资产 | 说明 |
+| --- | --- |
+| 方案概览 | 客户问题、价值主张、适用行业、客户规模 |
+| 应用蓝图 | 表单、流程、报表、权限、连接器、数据模型 |
+| 悟空 Prompt | 需求分析、行业改写、话术生成、异议处理、PRD 生成 |
+| YidaConnector 动作 | 创建应用、创建表单、创建流程、发布页面、生成报表 |
+| 演示资产 | 演示路径、演示数据、客户版话术、FAQ |
+| 交付资产 | 交付计划、验收清单、边界说明、风险提示 |
+
+### 5.3 行业作战地图
+
+首批行业建议：
+
+- 制造
+- 零售
+- 教育
+- 地产物业
+- 医疗健康
+- 物流供应链
+- 政企
+- 金融服务
+
+每个行业沉淀：
+
+- 高频客户痛点
+- 推荐钉钉能力组合
+- 标准切入场景
+- 标杆方案
+- 成功案例
+- 常见异议
+- 可一键搭建 Demo
+
+### 5.4 悟空 Prompt 资产库
+
+Prompt 应和方案强绑定，不做孤立 Prompt 展示。
+
+Prompt 分类：
+
+- 客户需求分析 Prompt
+- 行业方案生成 Prompt
+- 场景改写 Prompt
+- 演示话术 Prompt
+- 客户异议处理 Prompt
+- PRD 生成 Prompt
+- 交付计划 Prompt
+- 方案质检 Prompt
+
+### 5.5 YidaConnector 一键搭建
+
+YidaConnector 在中心里的角色：
+
+**把 AI 生成的方案，变成宜搭里真实可运行的应用。**
+
+第一阶段支持：
+
+- 创建样板应用
+- 创建核心表单
+- 创建流程表单
+- 创建自定义首页
+- 创建经营看板
+- 生成测试数据
+- 输出应用地址和交付清单
+
+第二阶段支持：
+
+- 根据客户反馈增量改版
+- 生成连接器模板
+- 生成权限组
+- 生成客户专属演示数据
+- 回收 Demo 环境和版本归档
+
+### 5.6 SA 客户拜访工作台
+
+客户拜访模块服务单个 SA 的客户经营，不只记录拜访日程，还要把拜访前、中、后的 AI 动作串起来。
+
+核心链路：
+
+**拜访计划 → 客户画像 → 方案准备 → 现场记录 → 会后纪要 → 下一步推进 → 主管可见状态**
+
+关键能力：
+
+| 能力 | 说明 |
+| --- | --- |
+| 今日 / 本周拜访 | 展示待拜访客户、时间、阶段、目标和准备状态 |
+| 拜访前准备 | AI 基于客户行业、商机阶段、历史记录推荐方案、Demo、话术 |
+| 拜访纪要生成 | 从钉钉会议、闪记或手工记录生成客户需求摘要 |
+| 客户状态更新 | 自动更新客户阶段、意向等级、风险、下一步动作 |
+| 方案包绑定 | 每次拜访绑定推荐方案、客户材料、YidaConnector Demo |
+| 会后跟进 | 自动生成待办、客户问题清单、补充材料和下次拜访建议 |
+
+拜访状态建议：
+
+- 待准备
+- 已准备
+- 已拜访待纪要
+- 待客户反馈
+- 方案确认中
+- Demo 已演示
+- 转交付
+- 暂缓 / 风险
+
+拜访记录最小字段：
+
+| 字段 | 说明 |
+| --- | --- |
+| 客户名称 | 客户主数据 |
+| SA | 负责人 |
+| 行业 | 行业作战地图入口 |
+| 商机阶段 | 初访、需求确认、方案演示、商务推进、交付评估 |
+| 拜访目标 | 本次拜访要推进什么 |
+| 推荐方案 | 绑定方案包 |
+| Demo 状态 | 未创建、已创建、已演示、需改版 |
+| 下一步动作 | 会后必须有明确动作 |
+| 风险标签 | 预算、决策链、竞品、交付边界、集成复杂度 |
+
+### 5.7 SA 主管看板
+
+主管看板服务 SA 老大，核心不是看静态报表，而是快速判断团队大盘、个人状态、客户风险和资源投入方向。
+
+主管需要回答 5 个问题：
+
+1. 现在大盘健康吗？
+2. 哪些客户值得重点推进？
+3. 哪些客户有风险？
+4. 哪些 SA 需要支持？
+5. 哪些方案和 Demo 正在真正带来复用？
+
+建议看板结构：
+
+| 模块 | 指标 |
+| --- | --- |
+| 大盘状态 | 活跃客户数、近 7 天拜访数、方案演示数、Demo 创建数、转阶段客户数 |
+| 漏斗状态 | 初访、需求确认、方案演示、POC/Demo、商务推进、交付评估 |
+| 个人状态 | 每个 SA 的客户数、拜访数、跟进逾期、Demo 数、方案演示数、风险客户数 |
+| 客户风险 | 高价值但停滞、竞品介入、无下一步、Demo 未跟进、决策链不清 |
+| 方案复用 | 方案被推荐次数、客户材料生成次数、Demo 创建次数、演示反馈 |
+| 管理动作 | 需要主管协同拜访、需要行业专家支持、需要交付预评估 |
+
+个人状态不建议只看拜访数量，应该看“推进质量”：
+
+| 指标 | 解释 |
+| --- | --- |
+| 准备完成率 | 拜访前是否生成方案包、话术、客户材料 |
+| 会后纪要率 | 拜访后是否沉淀需求和下一步动作 |
+| 下一步明确率 | 客户是否有明确 owner、时间点和推进事项 |
+| Demo 跟进率 | 创建 Demo 后是否完成演示、反馈和改版 |
+| 风险处理率 | 风险客户是否被标记、升级和处理 |
+
+主管看板可以给出 AI 管理建议：
+
+- 本周建议主管陪访的 Top 5 客户
+- 需要行业专家支持的客户
+- 已停滞超过 14 天的高价值客户
+- Demo 创建后 7 天未演示的客户
+- 方案演示后无下一步的客户
+- 每位 SA 的下周重点动作
+
+## 六、数据模型与应用蓝图
+
+第一版样板应用建议包含 7 张核心表单和 1 个自定义首页。
+
+| 表单 | 作用 | 字段定义 |
+| --- | --- | --- |
+| 客户档案 | 客户基础信息、行业、阶段、负责 SA、客户意向、重点诉求 | `fields/customer-fields.json` |
+| 客户拜访 | 拜访计划、拜访状态、推荐方案、Demo 状态、纪要和下一步动作 | `fields/visit-fields.json` |
+| 方案包 | 行业方案、成熟度、YidaConnector 覆盖度、Prompt 和交付资产 | `fields/solution-package-fields.json` |
+| Demo 实例 | YidaConnector 样板应用、搭建任务、页面地址、演示反馈 | `fields/demo-instance-fields.json` |
+| 拜访纪要 | 钉钉会议/闪记沉淀、AI 需求摘要、客户异议、会后待办 | `fields/meeting-note-fields.json` |
+| SA 周报 | 每个 SA 的周期性经营指标、风险和主管支持需求 | `fields/sa-weekly-report-fields.json` |
+| 风险客户 | 高风险客户、风险类型、AI 建议动作、主管介入和处理状态 | `fields/risk-customer-fields.json` |
+
+应用蓝图文件：
+
+- `project/prd/demo-dingtalk-ai-solution-center/app-blueprint.json`
+- `project/prd/demo-dingtalk-ai-solution-center/yidaconnector-build-plan.md`
+- `project/prd/demo-dingtalk-ai-solution-center/field-map.template.json`
+- `project/prd/demo-dingtalk-ai-solution-center/data-binding-guide.md`
+
+第一版为了保证表单可直接创建，客户和方案引用先用文本字段承载。真实搭建后，再基于 `yidaconnector get-schema` 拿到真实 `formUuid` 和主字段 `fieldId`，将客户、方案等字段升级为 `AssociationFormField`。
+
+## 七、方案成熟度评分
+
+每个方案进入中心时自动生成评分。
+
+| 维度 | 权重 | 说明 |
+| --- | ---: | --- |
+| 行业匹配度 | 20 | 是否有明确行业、客户类型、痛点 |
+| 业务价值 | 20 | 是否能讲清 ROI、效率、风险、体验价值 |
+| 可演示度 | 20 | 是否有 Demo、演示路径、演示数据 |
+| 可交付度 | 20 | 是否有应用蓝图、交付清单、边界说明 |
+| AI 化程度 | 10 | 是否有悟空 Prompt 和 AI 助理流程 |
+| YidaConnector 覆盖度 | 10 | 是否支持一键搭建或半自动搭建 |
+
+评分结果：
+
+- S 级：可直接客户演示和复制交付
+- A 级：可演示，需要少量客户化
+- B 级：可参考，需要补齐 Demo 或交付资产
+- C 级：仅概念，需要行业专家完善
+
+## 八、MVP 范围
+
+第一版只做三个闭环。
+
+### 7.1 闭环一：客户需求到推荐方案
+
+SA 输入客户需求，AI 输出推荐方案 Top 3，并说明推荐理由、适用边界和下一步动作。
+
+### 7.2 闭环二：方案到可演示 Demo
+
+SA 选择方案，YidaConnector 创建样板应用或生成搭建任务清单。
+
+### 7.3 闭环三：方案到客户材料
+
+SA 一键生成客户版方案摘要、演示话术、FAQ、交付清单。
+
+### 7.4 闭环四：拜访到团队经营
+
+SA 每次拜访都沉淀客户状态、方案包、Demo 状态和下一步动作，主管看板自动汇总团队大盘和个人状态。
+
+## 九、第一版页面清单
+
+| 页面 | 优先级 | 说明 |
+| --- | --- | --- |
+| 首页工作台 | P0 | AI 输入、方案推荐、最近方案、关键指标 |
+| 客户拜访工作台 | P0 | 拜访计划、拜访准备、纪要沉淀、下一步动作 |
+| SA 主管看板 | P0 | 团队大盘、个人状态、客户风险、方案复用 |
+| 方案详情页 | P0 | 可执行方案包详情 |
+| 行业作战地图 | P0 | 行业场景和标杆方案浏览 |
+| YidaConnector 搭建任务页 | P0 | 展示一键搭建进度和结果 |
+| 悟空 Prompt 库 | P1 | Prompt 资产管理和复制 |
+| 共创审核台 | P1 | SA 提交方案，AI 质检，专家审核 |
+| 客户材料页 | P1 | PPT、PDF、话术、PRD、交付清单 |
+
+## 十、首批方案建议
+
+| 行业 | 方案 | YidaConnector Demo |
+| --- | --- | --- |
+| 制造 | 设备巡检与异常闭环 | 巡检表、异常流程、维修看板 |
+| 制造 | 质量追溯与来料检验 | 质检表、供应商档案、质量看板 |
+| 零售 | 门店巡检与整改闭环 | 门店检查、整改流程、区域排行 |
+| 地产物业 | 工单报修与服务评价 | 报修表、派单流程、满意度看板 |
+| 教育 | 招生线索与跟进转化 | 线索表、回访记录、转化漏斗 |
+| 物流 | 车辆调度与异常上报 | 派车表、异常流程、运输看板 |
+| 政企 | 督办事项与任务闭环 | 督办表、责任流转、进度驾驶舱 |
+
+## 十一、衡量指标
+
+| 指标 | 目标 |
+| --- | --- |
+| SA 方案准备时间 | 从小时级降到 15 分钟内 |
+| 可一键搭建方案数 | 第一阶段不少于 10 个 |
+| 方案复用次数 | 每周持续增长 |
+| Demo 创建成功率 | 大于 90% |
+| 客户材料生成满意度 | 大于 4/5 |
+| 共创方案审核通过率 | 持续提升 |
+| 拜访前准备完成率 | 大于 85% |
+| 会后纪要沉淀率 | 大于 90% |
+| 下一步明确率 | 大于 80% |
+| 主管风险客户识别率 | 大于 90% |
+
+## 十二、风险与约束
+
+| 风险 | 应对 |
+| --- | --- |
+| 方案质量不稳定 | 引入成熟度评分和专家审核 |
+| AI 输出过泛 | 强制方案绑定行业、场景、Demo、交付资产 |
+| YidaConnector 自动搭建覆盖不足 | 先覆盖标准表单、流程、报表、自定义页 |
+| SA 不愿维护资产 | 用复用次数、推荐位和优秀方案激励 |
+| 客户材料泄露内部信息 | 区分内部版和客户版，一键脱敏 |
+
+## 十三、推荐推进节奏
+
+### 第 1 周：定义样板
+
+- 完成首页工作台原型
+- 完成 3 个标准方案包
+- 跑通一个 YidaConnector 一键 Demo
+
+### 第 2-3 周：形成闭环
+
+- AI 需求诊断器可用
+- 方案详情页可用
+- 客户版材料生成可用
+- YidaConnector 搭建任务页可用
+
+### 第 4 周：试点共创
+
+- 邀请 10-20 位 SA 试用
+- 收集高频需求
+- 建立共创审核机制
+- 沉淀首批行业方案地图

package/project/prd/demo-future-vision-2026.md

@@ -0,0 +1,78 @@
+# 为"未来视野2026"线上发布会创建高转化率报名页。
+
+## 转化策略
+- 紧迫感：倒计时+席位稀缺+早鸟限时
+- 社交证明：实时报名动态+企业Logo墙+往届92%满意度
+- 低摩擦：4字段表单+智能填充+LinkedIn/微信一键登录
+- 价值前置：白皮书预承诺+顶级嘉宾+5000+创新者社群
+
+## 页面结构
+
+### 1. 固定顶部栏
+- 背景：动态渐变（深蓝#0F172A→紫#7C3AED→粉#EC4899）
+- Logo"未来视野2026"+实时倒计时+CTA"立即锁定席位"
+
+### 2. Hero区
+- 视频背景：科技粒子/光线流动（移动端降级为渐变）
+- 标签"2026年度科技趋势发布会·线上直播"
+- 主标题：渐变文字+轻微故障艺术
+- 副标题"与全球5000+创新者共同预见下一个十年"
+- 信息卡：2026.3.15 | 14:00-17:00 GMT+8 | 线上直播+互动问答
+- 双CTA："免费报名"（粉→橙渐变，悬停发光）+"查看议程"（透明边框）
+- 底部：实时报名动态"刚刚：张经理来自字节跳动完成报名"（10秒轮换）
+
+### 3. 价值主张（3列卡片）
+- 趋势首发：2026白皮书独家首发（价值¥1999）
+- 顶级嘉宾：3位领袖+2位神秘大咖
+- 资源网络：加入5000+创新者社群
+- 数据背书：往届92%满意、平均观看2.5小时
+
+### 4. 议程时间轴
+14:00-14:10 开场 | 14:10-14:50 AI重构商业逻辑 | 14:50-15:30 碳中和圆桌 | 15:30-15:45 中场+VR抽奖 | 15:45-16:30 神秘新品发布 | 16:30-17:00 互动问答+资料包
+- 悬停显示详情，垂直线条发光效果
+
+### 5. 嘉宾阵容
+- 头像+姓名职位+领域标签+一句话简介
+- 第5位剪影问号"3月10日揭晓"
+
+### 6. 社交证明
+- Logo墙：华为/腾讯/阿里/蔚来/理想（灰度悬停彩色）
+- 评价轮播：往届参会者视频/文字
+- 实时数据："已有3,847人报名"（数字跳动）
+
+### 7. 报名表单
+- 头部："锁定席位"+"免费报名，仅限5000人"+进度条"剩余1,153"
+- 字段：姓名*、公司*、职位*（下拉）、工作邮箱*（企业邮箱验证）
+- 增强：智能填充、社交登录、默认勾选接收提醒（GDPR合规）
+- 提交："立即报名，获取专属席位"+加载动画
+- 安全提示："信息严格保密"
+
+### 8. 成功状态
+- Confetti动画+对勾绘制
+- 显示确认信息+日历.ics下载+社交分享链接+预览资料下载+社群入口
+
+### 9. 邮件营销
+- 即时：凭证+日历+指南
+- D+3：嘉宾预告 | D+7：资料包 | D+1：最后提醒 | D+0：1小时提醒 | D+1：回放+调查
+- 工具：Mailchimp/SendGrid API
+
+## 设计规范
+
+**色彩**：深空黑#0B0F19（背景）、霓虹蓝#3B82F6、电光紫#8B5CF6、赛博粉#EC4899（CTA）、能量橙#F59E0B、纯白#FFFFFF、玻璃态rgba(255,255,255,0.1)
+
+**字体**：标题Inter Bold大字号紧凑、正文Inter Regular 16-18px、数据DIN Alternate等宽
+
+**动效**：渐变网格背景、鼠标跟随粒子、按钮磁性悬停、倒计时翻转动画、卡片3D倾斜
+
+## 技术实现
+- 框架：Next.js/React + Tailwind CSS + Framer Motion
+- 表单：React Hook Form + Zod验证
+- 后端：Node.js/Serverless + MongoDB/PostgreSQL
+- 邮件：SendGrid/Mailchimp API
+- 分析：Google Analytics 4 + Hotjar热力图
+
+## A/B测试
+- 标题："未来视野2026" vs "预见2026：科技趋势发布会"
+- CTA颜色：赛博粉 vs 电光紫
+- 表单：4字段 vs 3字段（去掉职位）
+- 社交证明位置：Hero区 vs 表单上方

package/project/prd/demo-salary-calculator.md

@@ -0,0 +1,101 @@
+# 构建专业级"个人薪资计算器"工具页，帮助职场人精准估算收入结构。
+
+## 核心定位
+薪资结构分析师——让用户看清每一分钱的去向。
+
+## 功能模块
+
+### 1. 智能输入区
+**基础字段**：
+- 月薪（元）：数字输入，税前/税后切换，placeholder"例如：25000"
+- 工作城市：下拉选择（一线+新一线+自定义），自动匹配社保公积金比例
+- 年终奖月数：滑块0-6个月，快捷按钮（13/14/15薪）
+- 缴纳基数：默认等于月薪，可展开自定义（城市自动限制上下限）
+
+**高级设置（可折叠）**：
+- 公积金比例：5%-12%（默认12%）
+- 社保方案：按实际工资/最低基数/上限基数
+- 专项扣除：子女教育、房贷利息、赡养老人等
+- 补充公积金/企业年金：可选
+
+**输入辅助**：
+- 实时验证：非法字符红色提示，有效绿色对勾
+- 智能记忆：localStorage保存，下次自动填充
+- 城市联动：切换城市时社保比例平滑过渡
+
+### 2. 计算引擎
+**核心公式**：
+1. 税前年薪 = 月薪×12 + 月薪×年终奖月数
+2. 平均时薪 = 税前年薪 ÷ (21.75天×8小时×12月)
+3. 五险一金 = 各险种基数×比例之和（养老8%+医疗2%+失业0.5%+公积金12%）
+4. 应纳税所得额 = 税前年收入 - 6万免征额 - 五险一金年缴 - 专项扣除年总额
+5. 个税：累进税率（3%-45%），年终奖单独/合并计税可选
+6. 税后月收入 = 月薪 - 五险一金个人部分 - 月度个税
+7. 税后年薪 = 税后月收入×12 + 年终奖税后金额
+
+**精度**：分位四舍五入，保留2位小数。
+
+### 3. 可视化结果区
+**核心指标（4宫格）**：
+- 税前年薪：大字号绿色，标注"¥"
+- 平均时薪："¥/小时"，附注"按176小时/月"
+- 税后月收入：最大卡片，绿色渐变背景
+- 税后年薪：汇总值，附注"实际到手"
+
+**拆解图表**：
+- 环形图：年薪构成（基本+年终奖占比）
+- 堆叠柱状图：每月资金流向（到手、五险一金、个税）
+- 瀑布图：税前到税后的层层扣除过程
+
+**对比功能**：
+- 城市对比：并排显示两地税后差异（如北京vs杭州）
+- 方案对比：保存当前方案，调整参数后对比（如涨薪30%）
+
+### 4. 结果操作
+- 一键复制：结构化文本（适合微信/备忘录）
+- 生成图片：HTML2Canvas导出，带品牌水印
+- 保存方案：本地存储，支持命名（如"当前工作"、"offer A"）
+- 分享链接：URL参数编码，打开自动填充
+
+## 设计风格
+
+**色彩**：
+- 主绿#10B981（信任、收益）、深绿#059669（强调）、浅绿#D1FAE5（高亮）
+- 中性灰#F3F4F6（背景）、#6B7280（次要）、#1F2937（主文字）
+- 警示橙#F59E0B（错误提示）
+- 图表：绿#10B981（到手）、蓝#3B82F6（扣除）、灰#9CA3AF（个税）
+
+**布局**：
+- 桌面：左右分栏（输入40%+结果60%），sticky输入区
+- 移动：上下堆叠，输入折叠为步骤条
+- 留白充足，卡片圆角8px，阴影柔和
+
+**字体**：
+- 数字：SF Mono/Roboto Mono（等宽）
+- 中文：Inter/思源黑体
+- 金额：24-32px粗体绿色
+
+## 交互细节
+- 实时计算：防抖300ms，结果区即时反馈
+- 输入框：focus边框变绿，label上浮
+- 图表：hover显示精确值，图例可点击隐藏
+- 复制成功：toast提示，按钮变勾号2秒恢复
+- 响应式：640/768/1024/1280px断点，移动端数字键盘优化
+
+## 数据可信度
+- 社保比例：内置2026年各城市数据，可手动更新
+- 个税税率：最新累进表，年终奖政策至2027年
+- 版本号显示，过期提示"数据可能不是最新"
+- 底部声明："计算结果仅供参考，以实际劳动合同和当地政策为准"
+
+## 技术实现
+- 框架：React/Vue + TypeScript
+- 图表：Chart.js/ECharts
+- 导出：html2canvas + Clipboard API
+- 优化：计算缓存、图表懒加载、城市数据JSON按需加载
+
+## 扩展功能（V2.0）
+- 反向计算：输入期望税后，反推税前薪资
+- 跳槽模拟器：对比offer差异（含股票、公积金）
+- 年度汇算：模拟个税汇算，预估退补税
+- 家庭模式：夫妻合并计算，优化专项扣除