# Fmode 落地页 UI MVP

单页宣传站，零构建、零外部请求（字体与图标全部本地），双击 `index.html` 即可打开。

## 本地预览

```bash
node server.mjs        # http://localhost:4173
```

直接双击 `index.html` 也能用（`file://` 下所有资源都是相对路径）。

## 目录

```
index.html   页面结构（11 个区块）
landing.css  全部样式：令牌 → 组件 → 动效 → 响应式 → 动效降级
landing.js   全部交互：主题、导航、滚动揭示、协作演示、实验室四面板、产品预览
404.html     自定义 404
server.mjs   本地预览服务（仅演示用）
assets/fonts/   Geist / Geist Mono（woff2 + LICENSE）
assets/icons/   Phosphor regular / bold / fill（woff2 + css + LICENSE）
```

## 改哪里

| 想改 | 位置 |
|---|---|
| 配色与字号 | `landing.css` 顶部 `:root` 与 `:root[data-theme="light"]` |
| Hero 演示脚本 | `landing.js` 的 `HERO_SCRIPT`（按消息顺序改文案与工具步骤） |
| 实验室面板内容 | `landing.js` 的 `STREAM_LINES` / `TOOL_SCRIPT` / `THINK_TEXT` / `DIFF_LINES` |
| 产品预览里的会话与成果 | `landing.js` 的 `LIST` / `chatLog` |
| 文案与问答 | `index.html` 对应区块 |

## 注意

- 本页**不是产品界面**，只是宣传落地页；内容真实性分级见
  `docs/04-quality/review/2026-10-27-落地页UI-MVP-验证与缺口清单.md`。
- 字体与图标许可见 `assets/*/LICENSE-*.txt`。
- 设计依据：`docs/02-design/plans/2026-10-27-landing-UI-MVP-方案.md`。

## 验证

```bash
node -e "new Function(require('fs').readFileSync('landing.js','utf8'))"   # 语法检查
```

浏览器侧验证（控制台错误、横向溢出、对比度、键盘、减少动效）记录在
`docs/04-quality/review/2026-10-27-落地页UI-MVP-验证与缺口清单.md` §四。