Wangnov · Wangnov · Jun 11, 2026 · Jun 10, 2026 · Jun 10, 2026 · Jun 10, 2026
diff --git a/.claude/launch.json b/.claude/launch.json
@@ -0,0 +1,11 @@
+{
+  "version": "0.0.1",
+  "configurations": [
+    {
+      "name": "website",
+      "runtimeExecutable": "npm",
+      "runtimeArgs": ["--prefix", "website", "run", "dev", "--", "--port", "5183", "--strictPort"],
+      "port": 5183
+    }
+  ]
+}
diff --git a/README.md b/README.md
@@ -10,6 +10,7 @@
 </p>
 
 <p align="center">
+  <a href="https://codexapp.agentsmirror.com"><img src="https://img.shields.io/badge/website-codexapp.agentsmirror.com-7c83ff" alt="Official website"></a>
   <a href="https://github.com/Wangnov/Codex-App-Manager/releases/latest"><img src="https://img.shields.io/github/downloads/Wangnov/Codex-App-Manager/total?logo=github&label=GitHub%20downloads&color=2ea44f" alt="GitHub release downloads (mirror downloads not counted)"></a>
   <a href="https://github.com/Wangnov/Codex-App-Manager/stargazers"><img src="https://img.shields.io/github/stars/Wangnov/Codex-App-Manager?logo=github&label=stars&color=f5c518" alt="GitHub stars"></a>
   <a href="https://github.com/Wangnov/Codex-App-Manager/releases/latest"><img src="https://img.shields.io/github/v/release/Wangnov/Codex-App-Manager?logo=github&label=release" alt="Latest release"></a>
@@ -23,7 +24,7 @@
 </p>
 
 <p align="center">
-  <a href="#readme-cn">中文</a> · <a href="#readme-en">English</a>
+  <a href="https://codexapp.agentsmirror.com"><b>官网 · Official Website</b></a> · <a href="#readme-cn">中文</a> · <a href="#readme-en">English</a>
 </p>
 
 ---

diff --git a/website/.gitignore b/website/.gitignore
@@ -0,0 +1,5 @@
+node_modules/
+dist/
+assets/raw/
+assets/fonts-src/
+copy-*.json
diff --git a/website/README.md b/website/README.md
@@ -0,0 +1,41 @@
+# Codex App Manager — 官网
+
+中英双语单页官网(滚动叙事 + GSAP ScrollTrigger 管线可视化)。纯静态产物,可直接部署到
+Cloudflare Pages / GitHub Pages(`base: "./"`,任意子路径均可)。
+
+## 开发
+
+```bash
+npm install
+npm run dev        # Vite dev server
+npm run build      # 产出 dist/
+```
+
+## 资产管线
+
+生成素材(git-ignored 的 `assets/raw/`、`assets/fonts-src/`)→ 优化产物(`public/`):
+
+```bash
+npm run fonts      # Source Han Serif SC + Fraunces 子集化 → public/fonts/*.woff2
+npm run images     # assets/raw/*.png → public/img/*.{avif,webp} 多分辨率 + og.jpg
+```
+
+- 装饰图像由 gpt-image-2-skill(DuckCoding provider)生成;透明素材经
+  `transparent generate` / `transparent extract --method dual` 提取并通过 `--strict` 验收。
+- 修改 `src/locales/*.ts` 或 `index.html` 文案后需重跑 `npm run fonts`
+  (子集按实际用字收集,缺字会回退到系统字体)。
+- 真实 logo 来自两个仓库的 `assets/logo.png`,缩放为 192px 后自托管。
+
+## i18n
+
+- 默认 `zh-CN`(HTML 静态文案即中文,SEO 友好);`en` 在运行时通过 `data-i18n` 替换。
+- 首次访问按 `navigator.language` 选择,手动切换持久化于 `localStorage("cam-site-lang")`,
+  并同步 `<html lang>` 与 title/description/og:* 元信息。
+- 文案唯一来源:`src/locales/zh.ts` / `src/locales/en.ts`。
+
+## 动效
+
+- GSAP + ScrollTrigger + MotionPath;桌面端管线段(`#pipeline-scroll`)与管理器三步
+  (`#manager-stage`)为 pin + scrub 叙事。
+- `prefers-reduced-motion: reduce` 或窄屏(< 1024px)时,管线自动切换为纵向时间线
+  (`.pipeline-rail`),所有状态静态落定。
diff --git a/website/index.html b/website/index.html