官话翻译器 - AI把官方文件翻译成大白话产品系统Vibe Coding

立项原因：每个人都会遇到看不懂的官方文件——社保通知、劳动合同、学校公告、体检报告、保险条款、银行协议。这些文件充满专业术语和法律黑话，普通人读完也不知道「对我有什么影响」「接下来该做什么」。现有的大模型聊天工具缺乏专门为文件解读设计的结构化输出，律师等专业人士咨询成本高、不及时。本项目旨在用AI能力，为每个普通人提供即时的、结构化的文件解读服务，降低信息理解门槛。

行业场景和业务背景：本产品横跨多个高频场景——劳动者签合同时需要识别模糊条款中的风险、患者拿到体检报告后需要对医学术语的白话解读、子女帮父母理解养老金政策通知、消费者购买理财或保险产品前需要清楚了解条款内容。这些场景的共同特点是：用户面对的是非自己专业的正式文书，需要快速理解并知道接下来怎么做，但市面上没有一个专门为此设计的轻量工具。官话翻译器填补了这个空白。

1. 大白话翻译：将用户粘贴的官方文件全文用日常语言重写一遍，像朋友在给你解释，所有专业术语附带口语化说明，数字和日期保留并解释其含义。

2. 关键点提取：从原文中自动提炼最重要的3个要点，每条不超过30字，站在读者的角度说明「这件事对我意味着什么」。

3. 隐藏风险识别：自动扫描原文中的模糊条款、时间限制、免责声明、前置条件等可能坑到读者的内容，逐一标注并解释风险。

4. 行动清单生成：根据文件内容，生成1-2-3步骤式的下一步操作指南，让用户看完就知道该怎么办。

附加功能包括：7个常见场景卡片（社保、合同、学校、体检、保险、银行、万能解读）点击即可查看示例效果；条款比对支持同时对比两份文件差异；解读历史自动保存在本地浏览器；一键复制分享解读结果。

我的角色和负责任务：用 AI 工具（TRAE）通过自然语言构建。包括从零进行产品定位和用户需求分析、设计页面结构和交互流程、编写AI翻译的提示词工程、完成前端页面搭建和功能实现、准备7个场景的预设示例文本、进行移动端适配和整体测试。

技术栈和架构：前端使用HTML5 + CSS3 + JavaScript构建单页面应用，采用响应式设计适配PC和移动端。核心翻译功能通过调用大模型API实现，为四个输出模块分别设计了精准的系统提示词，确保每个模块的输出格式和质量稳定。使用localStorage实现翻译历史的本地持久化存储，无需后端服务器，所有用户数据仅在本地处理。

实现亮点：四模块结构化输出设计——不是简单的一问一答，而是将文件解读拆解为「翻译→关键点→风险→行动」四个层次，覆盖用户阅读文件时的完整心理链路。七场景卡片引导设计，让用户在3秒内理解产品价值并立即体验。纯前端实现，零服务器成本，用户隐私安全有保障。

难点：提示词工程的调优是最大难点——需要让AI对不同类型文件（政策、合同、医疗报告、金融协议）都能输出准确、有用、格式一致的结构化结果，同时避免AI幻觉导致的错误解读。另外移动端四模块从2×2网格到单列的流畅切换也需要细致的CSS适配。