# PRD: Product Website & Privacy Policy for App Store

## 1. 需求概述

为 MeeYao Divination (觅爻签问) iOS 应用创建一个产品技术网站，满足 Apple App Store 审核对 Support URL 和 Privacy Policy URL 的要求。

**核心目标**:
- 提供 App Store 审核所需的公开网站（Support URL + Privacy Policy URL）
- 展示产品信息，建立可信度
- 隐私政策页面完整、合规

## 2. 背景与合规要求

### App Store 审核要求
- **Guideline 1.5**: app 和 Support URL 必须包含方便用户联系的方式
- **Guideline 2.1**: 提交审核时所有 URL 必须完整可用，不接受占位内容或空网站
- **Guideline 5.1**: 涉及个人数据收集的 app 必须提供隐私政策，且链接在 App Store Connect 中填写
- **App Store Connect**: 自 2018 年 10 月起，所有新 app 和更新必须填写 Privacy Policy URL

### 当前状态
- 应用隐私政策文本已存在: `apps/assets/legal/{en,zh,zh_Hant}/privacy_policy.md`
- 应用服务条款已存在: `apps/assets/legal/{en,zh,zh_Hant}/terms_of_service.md`
- 关于我们已存在: `apps/assets/legal/{en,zh,zh_Hant}/about_us.md`
- 但尚无公开可访问的网站托管这些内容

## 3. 技术方案

### 3.1 技术栈

- **纯静态 HTML/CSS/JS** (无需构建工具或框架)
- **Tailwind CSS** via CDN（快速样式开发）
- **单页面应用**：两个路由通过 hash 路由或简单文件切换实现
- 部署为静态文件，可托管在任何静态托管服务上

### 3.2 文件结构

```
web/
├── index.html              # 产品主页 (Support URL 指向此页面)
├── privacy.html            # 隐私政策页 (Privacy Policy URL 指向此页面)
├── assets/
│   ├── logo.png            # 应用 Logo (从 apps/assets/images/logo.png 复制)
│   ├── icon-1024.png       # App Store 图标 (从 iOS AppIcon 复制)
│   ├── css/
│   │   └── style.css       # 自定义样式覆盖
│   └── js/
│       └── main.js         # 交互逻辑（语言切换等）
└── README.md               # 部署说明
```

### 3.3 路由设计

| 路由 | 对应 App Store 字段 | 用途 |
|------|---------------------|------|
| `/` (index.html) | Support URL | 产品介绍、功能说明、联系方式 |
| `/privacy.html` | Privacy Policy URL | 完整隐私政策文档 |

## 4. 页面设计要求

### 4.1 产品主页 (index.html)

**定位**: Support URL 落地页，用户从 App Store 点击"支持"后到达此页。

**内容板块**:
1. **Hero 区域**: 应用名称、Logo、一句话描述
2. **产品介绍**: MeeYao 是什么 - AI 辅助六爻文化参考工具
3. **核心功能**: 手动起卦、自动起卦、AI 解读、历史记录
4. **文化背景**: 六爻与易经文化简介
5. **免责声明**: 娱乐和文化参考用途声明
6. **联系方式**: 开发者邮箱 ann@xunmee.com
7. **页脚**: 版权信息、隐私政策链接、服务条款链接

**设计风格**:
- 与 App 视觉语言一致：紫色品牌色系 (#673AB7, #9C27B0)
- 安静、可信、温暖的视觉基调
- 响应式设计，移动端优先
- 无多余动画，保持简洁专业

### 4.2 隐私政策页 (privacy.html)

**定位**: Privacy Policy URL 落地页，满足 App Store Connect 要求。

**内容**:
- 直接使用已有的英文隐私政策文本（面向全球用户）
- 结构化展示：信息收集、使用方式、数据存储、用户权利等
- 包含最后更新日期
- 顶部导航回到主页

**设计风格**:
- 干净的文档阅读体验
- 清晰的标题层级
- 与主页一致的配色和字体

## 5. 素材来源

| 素材 | 来源路径 | 目标路径 |
|------|----------|----------|
| 应用 Logo | `apps/assets/images/logo.png` | `web/assets/logo.png` |
| App Store 图标 | `apps/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png` | `web/assets/icon-1024.png` |
| 隐私政策文本 (EN) | `apps/assets/legal/en/privacy_policy.md` | 转为 HTML 内容 |
| 隐私政策文本 (ZH) | `apps/assets/legal/zh/privacy_policy.md` | 参考用 |
| 服务条款 (EN) | `apps/assets/legal/en/terms_of_service.md` | 参考用 |
| 关于我们 (EN) | `apps/assets/legal/en/about_us.md` | 参考用 |

## 6. 品牌配色 (来自 visual_design_language.md)

- Primary Purple: `#673AB7`
- Accent Purple: `#9C27B0`
- Light Purple Surface: `#F0E6FF`
- Background Gray: `#F8F8F8`
- Text Dark: `#333333`
- Text Medium: `#666666`
- Text Light: `#999999`
- Tag Gold: bg `#FFF8E1`, text `#FFB300`

## 7. 实现步骤

### Phase 1: 项目初始化
- [ ] 创建 `web/` 目录结构
- [ ] 复制素材资源（logo、图标）
- [ ] 准备隐私政策 HTML 内容

### Phase 2: 设计与实现
- [ ] 使用 UI skill 设计主页布局
- [ ] 实现 index.html 产品主页
- [ ] 实现 privacy.html 隐私政策页
- [ ] 实现响应式适配

### Phase 3: 验证
- [ ] 浏览器测试页面渲染
- [ ] 移动端响应式验证
- [ ] 验证所有链接可点击
- [ ] 确认隐私政策内容完整

## 8. 验收标准

1. 两个 HTML 文件均可直接在浏览器中打开，无构建依赖
2. 产品主页包含：应用名称、Logo、功能描述、免责声明、联系方式
3. 隐私政策页包含：完整的英文隐私政策文本、更新日期、联系方式
4. 移动端和桌面端均可正常浏览
5. 配色与 App 视觉语言一致
6. 所有图片资源本地可用（无外部依赖）

## 9. 不做的事

- 不做多语言切换（英文为主，满足 App Store 全球审核）
- 不做后端服务、表单提交
- 不做 SEO 优化（仅满足 App Store 审核）
- 不做域名配置/部署（仅产出静态文件）
- 不做服务条款独立页面（在主页底部简要链接即可）