diff --git a/.env.example b/.env.example
index e78bbd8..7ceb512 100644
--- a/.env.example
+++ b/.env.example
@@ -1,4 +1,4 @@
-# 即页 环境变量示例
+# 纸鹊 Magpie 环境变量示例
 # 复制为 .env 后填入真实值。docker-compose 会自动读取当前目录的 .env
 
 # 运行环境。生产环境务必设为 production
@@ -9,7 +9,7 @@ PORT=8858
 
 # 数据目录（数据库、会话、上传文件）。留空则默认 ./data。
 # 用于把数据放到独立卷/分区；docker-compose 已把 ./data 挂载到 /app/data，通常无需改动。
-# JPAGE_DATA_DIR=/app/data
+# MAGPIE_DATA_DIR=/app/data
 
 # 管理员用户名。首次启动且 users 表为空时生效；留空则默认 "admin"
 ADMIN_USER=admin
@@ -53,7 +53,7 @@ SMTP_PORT=465
 SMTP_SECURE=true
 SMTP_USER=noreply@example.com
 SMTP_PASS=your-password
-SMTP_FROM="即页 <noreply@example.com>"
+SMTP_FROM="纸鹊 Magpie <noreply@example.com>"
 APP_URL=http://localhost:8858
 
 # --- 反馈邮件接收地址（可选）---
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index 2e28e7a..2600fd6 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -1,87 +1,22 @@
-# npm 自动发版：打 v* tag 触发，跑测试 + 校验版本号一致 + npm publish。
-#
-# 用法（本地）：
-#   1. 改 package.json 的 version（如 1.5.1）
-#   2. commit + push 到 main
-#   3. git tag v1.5.1 && git push origin v1.5.1
-#   4. 本 workflow 自动跑：test → 校验 tag==version → npm publish
-#
-# 前置（仓库设置，一次性）：
-#   GitHub 仓库 Settings → Secrets and variables → Actions → New repository secret
-#   Name: NPM_TOKEN
-#   Value: 在 npm 生成的 granular access token（@code2rich scope, Read and write）
-#   生成地址：https://www.npmjs.com/settings/code2richnpm/tokens/granular-access-tokens/new
-#
-# 版本一致性：tag 名（去 v 前缀）必须等于 package.json 的 version，否则失败。
-# 这样能防止「tag 标 v1.6.0 但 package.json 还写着 1.5.0」这类手滑。
-
-name: Release
-
+# Package preparation only. No registry publication occurs in this workflow.
+name: Prepare npm package
 on:
-  push:
-    tags: ['v*']
-
-# 同一 tag 不要并发跑（理论上 git push tag 是原子的，但保险起见）
-concurrency:
-  group: release-${{ github.ref }}
-  cancel-in-progress: false
-
+  workflow_dispatch:
+permissions:
+  contents: read
 jobs:
-  release:
-    name: Publish to npm
+  package:
     runs-on: ubuntu-latest
-    # 同时跑测试矩阵确认绿（轻量：只 Node 20，CI workflow 已覆盖 20+22）
     steps:
       - uses: actions/checkout@v4
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
+      - uses: actions/setup-node@v4
         with:
-          node-version: '20'
-          # 不启用 cache: 'npm'：见 ci.yml 同款注释（EEXIST bug）
-          registry-url: 'https://registry.npmjs.org'
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Lint
-        run: npm run lint
-
-      - name: Run tests (unit + integration)
-        run: npm test
-
-      - name: Build frontend bundle
-        run: npm run build
-
-      - name: Verify tag matches package version
-        run: |
-          TAG="${GITHUB_REF_NAME#v}"
-          PKG=$(node -p "require('./package.json').version")
-          echo "tag (去 v 前缀): $TAG"
-          echo "package.json version: $PKG"
-          if [ "$TAG" != "$PKG" ]; then
-            echo "::error::tag ($TAG) 与 package.json version ($PKG) 不一致"
-            exit 1
-          fi
-
-      - name: Publish to npm
-        run: npm publish
-        env:
-          # setup-node 配置的 registry 会读这个环境变量做鉴权
-          # publishConfig.access=public 已设，scoped 包公开发布无需 --access
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-      - name: Summary
-        if: always()
-        run: |
-          echo "## Release ${{ github.ref_name }}" >> $GITHUB_STEP_SUMMARY
-          echo "" >> $GITHUB_STEP_SUMMARY
-          if [ "${{ job.status }}" = "success" ]; then
-            echo "✅ 已发布 \`$(node -p "require('./package.json').name")@$(node -p "require('./package.json').version")\`" >> $GITHUB_STEP_SUMMARY
-            echo "" >> $GITHUB_STEP_SUMMARY
-            echo "安装：\`\`\`bash" >> $GITHUB_STEP_SUMMARY
-            echo "npm install -g $(node -p "require('./package.json').name")" >> $GITHUB_STEP_SUMMARY
-            echo "\`\`\`" >> $GITHUB_STEP_SUMMARY
-          else
-            echo "❌ 发布失败，查看上面日志" >> $GITHUB_STEP_SUMMARY
-          fi
+          node-version: '22'
+      - run: npm ci
+      - run: npm run lint
+      - run: npm test
+      - run: npm pack
+      - uses: actions/upload-artifact@v4
+        with:
+          name: magpie-npm-package
+          path: magpie-*.tgz
diff --git a/.gitignore b/.gitignore
index 26cee47..89ff884 100644
--- a/.gitignore
+++ b/.gitignore
@@ -53,3 +53,13 @@ env/
 # Operations docs containing credentials
 docs/market-operations.md
 
+
+# Local release and plugin build artifacts
+*.tgz
+plugin-workspace/dist/
+
+# Local design reviews, backups and preview caches
+.hallmark/
+.impeccable/
+backups/
+.thumbnails/
diff --git a/AGENTS.md b/AGENTS.md
index 0e37c1f..23f6215 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -1,12 +1,12 @@
 # AGENTS.md
 
-本文件为 AI 编程助手（Codex / Claude Code 等）提供即页（jpage）项目的工作指南。读者应假设对项目一无所知；所有改动请以此文件为上下文基准。
+本文件为 AI 编程助手（Codex / Claude Code 等）提供纸鹊 Magpie项目的工作指南。读者应假设对项目一无所知；所有改动请以此文件为上下文基准。
 
 ---
 
 ## 项目概述
 
-**即页（jpage）** 是一个零配置的 HTML / Markdown 即时预览与分享工具。用户上传 `.html`、`.md`/`.markdown` 或 `.zip` 文件后，即可得到在线渲染页面与短链接（`/s/:key`），无需额外部署流程。项目同时面向 AI 工作流：内置 MCP Streamable HTTP 端点与 CLI 工具，支持通过 API Token 自动上传、管理文件。
+**纸鹊 Magpie** 是一个零配置的 HTML / Markdown 即时预览与分享工具。用户上传 `.html`、`.md`/`.markdown` 或 `.zip` 文件后，即可得到在线渲染页面与短链接（`/s/:key`），无需额外部署流程。项目同时面向 AI 工作流：内置 MCP Streamable HTTP 端点与 CLI 工具，支持通过 API Token 自动上传、管理文件。
 
 核心能力：
 
@@ -15,7 +15,7 @@
 - 文件版本历史与回滚
 - 标签、分类、收藏
 - 多用户 + admin / user 角色体系
-- API Token（`jp_` 前缀）与全局 `MCP_TOKEN` 双认证
+- API Token（`mg_` 前缀）与全局 `MCP_TOKEN` 双认证
 - 内容模板市场（用户上架 → 管理员审核 → 公开使用）
 - Skills 注册与打包下载
 
@@ -99,11 +99,11 @@ mcp/                      # MCP 实现
   tools-tags.js           # 标签 tool
   tools-categories.js     # 分类 tool
   tools-content-templates.js # 内容模板 tool
-  resources.js            # jpage://files / jpage://file/{id}
+  resources.js            # magpie://files / magpie://file/{id}
   util.js / constants.js  # 共享
 
-bin/                      # CLI 工具（npm 包入口 `jpage`）
-  jpage.js                # CLI 入口与命令分发
+bin/                      # CLI 工具（npm 包入口 `magpie`）
+  magpie.js                # CLI 入口与命令分发
   args.js / config.js / client.js
   commands/               # upload、ls、cat、url、mv、rm、star、tags、skills、whoami、update
 
@@ -177,7 +177,7 @@ npm run test:integration      # 仅集成测试
 
 - `test/unit/*.test.js`：纯函数与独立模块（util、render-cache、zip、fts、crypto、cli-args、cli-config）。
 - `test/integration/*.test.js`：完整 Express app 集成测试（auth、users、tokens、files、versions、tags、categories、skills、admin、share、content-templates、cli）。
-- `test/helpers/setup.js`：每个测试文件使用独立数据目录 `data-test-<pid>-<n>`，require server 前设置 `JPAGE_DATA_DIR`，避免并发污染。
+- `test/helpers/setup.js`：每个测试文件使用独立数据目录 `data-test-<pid>-<n>`，require server 前设置 `MAGPIE_DATA_DIR`，避免并发污染。
 - 手动 harness：`test/perf-harness.js`、`test/mcp-harness.js`、`test/perf-bench.js`、`test/browser-harness.js`、`test/dispatch-bench.js`、`test/run-server.sh`。
 
 CI（`.github/workflows/ci.yml`）在 Node 20/22 矩阵上执行 `npm run lint`、`npm test`、`npm run build`。
@@ -238,7 +238,7 @@ CI（`.github/workflows/ci.yml`）在 Node 20/22 矩阵上执行 `npm run lint`
 - `data/token-key.key` — API Token 加密密钥（未设置 `TOKEN_ENCRYPTION_KEY` 时自动生成）
 - `data/backups/` — 自动备份目录（`BACKUP_CRON` 启用时）
 
-数据目录可通过 `JPAGE_DATA_DIR` 覆盖，默认 `./data`。
+数据目录可通过 `MAGPIE_DATA_DIR` 覆盖，默认 `./data`。
 
 ### 数据库 Schema
 
@@ -288,7 +288,7 @@ CI（`.github/workflows/ci.yml`）在 Node 20/22 矩阵上执行 `npm run lint`
 ### MCP 端点
 
 - 路径：`POST`/`GET`/`DELETE /mcp`
-- 鉴权：`Authorization: Bearer <MCP_TOKEN>` 或任意用户级 API Token（`jp_` 前缀）。未配置任何 token 时 `/mcp` 禁用。
+- 鉴权：`Authorization: Bearer <MCP_TOKEN>` 或任意用户级 API Token（`mg_` 前缀）。未配置任何 token 时 `/mcp` 禁用。
 - 实现：`mcp/transport.js` 管理 Streamable HTTP session；`mcp/server.js` 注册 **17 个 tools + 2 个 resources**。
 - Tools 类别：
   - 文件：`list_files`、`upload_file`、`get_file_content`、`delete_file`、`rename_file`、`get_file_url`、`star_file`、`unstar_file`
@@ -296,12 +296,12 @@ CI（`.github/workflows/ci.yml`）在 Node 20/22 矩阵上执行 `npm run lint`
   - 标签：`list_tags`、`add_tags_to_file`
   - 分类：`list_categories`、`create_category`、`set_file_category`
   - 内容模板：`list_content_templates`、`get_content_template`
-- Resources：`jpage://files`、`jpage://file/{id}`（内容 ≤ 256KB）
+- Resources：`magpie://files`、`magpie://file/{id}`（内容 ≤ 256KB）
 - 内部：tool 通过 `lib/dispatch.js` 进程内调用 REST API，复用同一 Bearer token，权限/限流/审计与 HTTP 完全一致。
 
 ### CLI
 
-`bin/jpage.js` 提供 `jpage` 命令，token 优先级：`--token` > `JPAGE_TOKEN` 环境变量 > `MCP_TOKEN` 环境变量 > `.env`。
+`bin/magpie.js` 提供 `magpie` 命令，token 优先级：`--token` > `MAGPIE_TOKEN` 环境变量 > `MCP_TOKEN` 环境变量 > `.env`。
 
 命令：`upload`、`ls`、`cat`、`url`、`mv`、`rm`、`star`、`unstar`、`tags`、`skills`、`whoami`、`update`。
 
@@ -311,11 +311,11 @@ CLI 与 MCP 共用同一套 REST API，是对等的两个客户端入口。
 
 ## 安全与权限
 
-- **鉴权三选一**：(1) session cookie `jpage.sid`；(2) 用户级 API Token `jp_...`；(3) 全局 `MCP_TOKEN`（向后兼容）。`requireAuth` 设置 `req.userId` 与 `req.userRole`。
+- **鉴权三选一**：(1) session cookie `magpie.sid`；(2) 用户级 API Token `mg_...`；(3) 全局 `MCP_TOKEN`（向后兼容）。`requireAuth` 设置 `req.userId` 与 `req.userRole`。
 - **角色**：`users.role` 为 `admin` 或 `user`。admin 可访问所有文件与用户；普通用户只能操作自己的文件和公开文件。
 - **文件访问**：`loadFileWithPrivacy` 按 admin / 所有者 / 公开 / 未登录 分层校验；`checkFileOwnership` 用于写操作。
 - **密码**：bcrypt 哈希（cost 10）。
-- **API Token**：`jp_` + 32 位 base62；数据库存 SHA-256 哈希用于鉴权，可选 AES-256-GCM 密文（`token_enc`）用于界面查看/复制。每用户最多 10 个。
+- **API Token**：`mg_` + 32 位 base62；数据库存 SHA-256 哈希用于鉴权，可选 AES-256-GCM 密文（`token_enc`）用于界面查看/复制。每用户最多 10 个。
 - **限流**：
   - 登录 `30 req / 15 min / IP`
   - 注册 `5 req / 15 min / IP`
@@ -374,9 +374,9 @@ CLI 与 MCP 共用同一套 REST API，是对等的两个客户端入口。
 ## 发版与部署
 
 - 版本号以 `package.json` 为准。
-- 推荐发版：`npm version patch|minor|major` → `git push origin main` → `git push origin vX.Y.Z`，由 `.github/workflows/release.yml` 自动执行 lint、test、build、校验 tag、发布到 npm。
+- 当前尚未发布 npm：使用 `npm pack` 制作本地安装包；`.github/workflows/release.yml` 仅手动验证与打包，不执行发布。正式发布前依照 `docs/RELEASING.md` 确认账号、版本及授权。
 - Docker：`Dockerfile` 多阶段构建（builder / frontend / runner），`EXPOSE 8858`；`docker-compose.yml` 映射 host 8858 → container 8858，挂载 `./data:/app/data`。
-- 环境变量完整清单（按需配置）：`PORT`、`NODE_ENV`、`JPAGE_DATA_DIR`、`ADMIN_USER`、`ADMIN_PASSWORD`、`SESSION_SECRET`、`COOKIE_SECURE`、`MCP_TOKEN`、`MCP_IP`、`MCP_PROTOCOL`、`TOKEN_ENCRYPTION_KEY`、`SMTP_HOST`、`SMTP_PORT`、`SMTP_SECURE`、`SMTP_USER`、`SMTP_PASS`、`SMTP_FROM`、`APP_URL`、`FEEDBACK_EMAIL`、`ALLOW_REGISTRATION`、`GITHUB_CLIENT_ID`、`GITHUB_CLIENT_SECRET`、`GOOGLE_CLIENT_ID`、`GOOGLE_CLIENT_SECRET`、`WECHAT_OPEN_APP_ID`、`WECHAT_OPEN_APP_SECRET`、`MAX_FILE_VERSIONS`、`BACKUP_CRON`、`BACKUP_DIR`、`ICP_BEIAN`。
+- 环境变量完整清单（按需配置）：`PORT`、`NODE_ENV`、`MAGPIE_DATA_DIR`、`ADMIN_USER`、`ADMIN_PASSWORD`、`SESSION_SECRET`、`COOKIE_SECURE`、`MCP_TOKEN`、`MCP_IP`、`MCP_PROTOCOL`、`TOKEN_ENCRYPTION_KEY`、`SMTP_HOST`、`SMTP_PORT`、`SMTP_SECURE`、`SMTP_USER`、`SMTP_PASS`、`SMTP_FROM`、`APP_URL`、`FEEDBACK_EMAIL`、`ALLOW_REGISTRATION`、`GITHUB_CLIENT_ID`、`GITHUB_CLIENT_SECRET`、`GOOGLE_CLIENT_ID`、`GOOGLE_CLIENT_SECRET`、`WECHAT_OPEN_APP_ID`、`WECHAT_OPEN_APP_SECRET`、`MAX_FILE_VERSIONS`、`BACKUP_CRON`、`BACKUP_DIR`、`ICP_BEIAN`。
 
 ---
 
diff --git a/CLAUDE.md b/CLAUDE.md
index 5428c36..293da58 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -2,7 +2,7 @@
 
 This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
 
-## Project: 即页 (jpage)
+## Project: 纸鹊 Magpie (magpie)
 
 零配置 HTML / Markdown 即时预览与分享工具。Express 服务（`server.js`）+ MCP server 模块（`mcp-server.js`）+ Skills 注册模块（`skills-registry.js`）。SQLite 存元数据与用户表，磁盘 `data/uploads/` 存原始文件，session 存 `data/sessions.sqlite`。多用户 + 角色体系（admin / 普通用户），bcrypt 密码哈希，可选开放注册（邮箱验证）。支持 Markdown 增强渲染（代码高亮、KaTeX 公式、Mermaid 图表）。
 
@@ -68,7 +68,7 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 
 **REST API**:
 - `GET /api/auth/me` — 当前用户（返回 `{id, username, email, emailVerified, role}`）
-- `POST /api/auth/login` — `{account, password}` 或 `{username, password}`（统一入口，自动识别用户名或邮箱），设置 `jpage.sid` cookie，限流 10/15min
+- `POST /api/auth/login` — `{account, password}` 或 `{username, password}`（统一入口，自动识别用户名或邮箱），设置 `magpie.sid` cookie，限流 10/15min
 - `POST /api/auth/register` — `{email?, username?, password, confirmPassword}`（至少提供 email 或 username，邮箱注册自动生成用户名）
 - `POST /api/auth/logout` — 销毁 session
 - `POST /api/auth/change-password` — `{currentPassword, newPassword}`，所有用户可用
@@ -137,7 +137,7 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 - `GET /api/skills/:name` — skill 详情（含 SKILL.md 内容、文件列表、INSTALL.md 渲染）
 - `GET /api/skills/:name/download` — ZIP 下载整个 skill 目录
 - `GET /api/mcp/config` — 返回 MCP 连接配置（URL、Token 列表、多客户端 mcpServers JSON 片段；仅 MCP 客户端）
-- `GET /api/cli/guide` — 返回 `jpage` CLI 用法指南（baseUrl、渲染后的 guideHtml、纯文本 guideText）；CLI 与 MCP 是并列的两个客户端入口，各自独立端点
+- `GET /api/cli/guide` — 返回 `magpie` CLI 用法指南（baseUrl、渲染后的 guideHtml、纯文本 guideText）；CLI 与 MCP 是并列的两个客户端入口，各自独立端点
 
 **Skills registry** — `skills-registry.js` 自动发现 `skills/*/SKILL.md`，解析 YAML frontmatter（`name`, `description`, `version`, `author`）。Web UI 首页展示 Skills 区块，管理员可查看详情（弹窗）和下载 ZIP。ZIP 包与磁盘目录结构一致，可直接解压到 `~/.claude/skills/`。
 
@@ -150,7 +150,7 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
   - 标签管理：`list_tags`, `add_tags_to_file`
   - 收藏管理：`star_file`, `unstar_file`
   - 分类管理：`list_categories`, `create_category`, `set_file_category`
-- Resources（2 个）：`jpage://files`（列表）, `jpage://file/{id}`（内容，≤ 256KB）
+- Resources（2 个）：`magpie://files`（列表）, `magpie://file/{id}`（内容，≤ 256KB）
 
 **Static + SPA fallback** — `public/` served by `express.static`; `/s/:key` short link route renders files directly; catch-all `app.get('*')` returns `public/index.html` for client-side routing between home and preview views.
 
@@ -164,7 +164,7 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 - **SPA 兜底 + 构建产物注入** — `public/` 的 `express.static` 设 `index:false`（不让 static 自动把 `/` 映射到 index.html），由 `app.get('*')` 的 `getIndexHtml()` 返回 index.html 并按 `public/dist/manifest.json` 把 `/css/style.css?v=` 与 `/js/app.js?v=` 替换为 `/dist/<hash>.css|.js`。无 dist 时回退源文件路径。新增 SPA 路由 hash 时，注意它在 catch-all 之前由前端 `route()` 处理。
 - **数据库共享** — 单个 `db` 连接复用于所有请求。Promise 封装 `dbRun`/`dbGet`/`dbAll` 保持调用简洁。
 - **SQLite 性能 PRAGMA** — `configureDatabase()` 在 `app.listen` 内、migration 之前执行：`journal_mode=WAL`（读写不互斥）、`synchronous=NORMAL`、`busy_timeout=5000`、`cache_size=-20000`、`temp_store=MEMORY`、`mmap_size`。WAL 会生成 `database.sqlite-wal` / `-shm` 文件，属正常。`admin/import` 替换连接后会重新调用 `configureDatabase()`。
-- **数据目录可配置** — `JPAGE_DATA_DIR` 环境变量（可选，默认 `./data`）。docker-compose 已把 `./data` 挂载到 `/app/data`，通常无需设置。
+- **数据目录可配置** — `MAGPIE_DATA_DIR` 环境变量（可选，默认 `./data`）。docker-compose 已把 `./data` 挂载到 `/app/data`，通常无需设置。
 - **时间统一存 UTC** — `now()` 返回 UTC `YYYY-MM-DD HH:MM:SS`，与 SQLite 的 `CURRENT_TIMESTAMP` / `datetime('now')` 一致。展示层负责转本地时区。不要再改回北京时区字符串。
 - **Markdown 渲染缓存** — `RENDER_CACHE` 以 `${fileId}:${stored_name}:${updated_at}:...` 为 key 缓存渲染结果（LRU，上限 256）。覆盖上传/恢复版本会改 `updated_at`/`stored_name` 自动失效；删除文件调 `invalidateRenderCache(id)`。历史版本渲染传入 `{ ...file, stored_name: ver.stored_name }`，故 key 必须含 `stored_name`。
 - **分类名称内存缓存** — `categoryNameCache`（id→name）在启动时 `reloadCategoryNameCache()` 加载，分类增/删/改名/import 后失效重建。`/api/files` 与搜索经 `getCategoryName(id)` 取名，不再每次扫 `categories` 表。
@@ -189,7 +189,7 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 - **鉴权模型** — `requireAuth` 是异步中间件，接受三种认证方式：(1) session cookie，(2) 旧 `MCP_TOKEN` 环境变量（向后兼容），(3) 用户级 API Token（`tokens` 表）。中间件设置 `req.userId` 和 `req.userRole` 供下游使用。`requireAdmin` 检查 `req.userRole === 'admin'`。`loadFileWithPrivacy` 强制文件所有权：admin 可访问一切，普通用户仅可访问自己的文件和公开文件。
 - **角色系统** — `users.role` 列，值为 `admin` 或 `user`。admin 可管理用户、查看所有文件。普通用户只能操作自己的文件。`bootstrapAdmin()` 创建时显式设置 `role='admin'`。
 - **开放注册** — `ALLOW_REGISTRATION=true` 时允许用户自助注册，默认关闭。注册端点 `POST /api/auth/register`，支持邮箱或用户名注册。配合 SMTP 配置实现邮箱验证。环境变量必须在 `.env`、`docker-compose.yml`、`server.js` 三处同步。
-- **API Token** — 每用户最多 10 个，格式 `jp_` + 32 位 base62。DB 存 SHA-256 哈希（鉴权用，不可逆）+ 前 8 位前缀 + AES-256-GCM 密文（`token_enc`，使明文可后续查看/复制，旧令牌为 NULL）。加密密钥来自环境变量 `TOKEN_ENCRYPTION_KEY`，未设置时自动在数据目录生成 `token-key.key` 文件（持久化）。鉴权链路仅用哈希，与密文相互独立。
+- **API Token** — 每用户最多 10 个，格式 `mg_` + 32 位 base62。DB 存 SHA-256 哈希（鉴权用，不可逆）+ 前 8 位前缀 + AES-256-GCM 密文（`token_enc`，使明文可后续查看/复制，旧令牌为 NULL）。加密密钥来自环境变量 `TOKEN_ENCRYPTION_KEY`，未设置时自动在数据目录生成 `token-key.key` 文件（持久化）。鉴权链路仅用哈希，与密文相互独立。
 - **`MCP_TOKEN` 是可选的** — 未设置时仍可通过用户级 Token 访问 MCP。`mountMcpServer` 接受 `authenticateRequest` 函数验证 Token。
 - **`uploaded_by` 从 `req.userId` 设置** — 文件归属隔离：admin 看全部文件，普通用户看自己的 + 公开的。`PUT`/`DELETE` 增加所有权检查（`checkFileOwnership`）。
 - **Markdown 渲染增强** — marked + highlight.js（代码高亮）+ KaTeX（数学公式 `$...$` / `$$...$$`）+ Mermaid（图表，支持深色/浅色主题）。渲染代码在 `server.js` 的 `renderMarkdown` 函数。
@@ -280,7 +280,7 @@ docker-compose.yml       # port 8858, ./data:/app/data volume
 .env.example             # 环境变量模板
 .mcp.json                # Claude Code / Desktop MCP 客户端配置示例
 docs/api.md              # REST API 完整参考
-skills/jpage/            # Claude Code / Desktop 统一技能
+skills/magpie/            # Claude Code / Desktop 统一技能
   SKILL.md
 public/
   index.html             # 两个 <template>: home + preview
diff --git a/README.md b/README.md
index 2f4c747..f62b50f 100644
--- a/README.md
+++ b/README.md
@@ -1,12 +1,16 @@
-# 即页
+# 纸鹊 Magpie
 
-> 拖入文件，即刻成页。
+> 一纸，寄万千。
 
-[![CI](https://github.com/code2rich/jpage/actions/workflows/ci.yml/badge.svg)](https://github.com/code2rich/jpage/actions/workflows/ci.yml)
+纸鹊 Magpie 用于 HTML、Markdown 与 ZIP 的上传、预览和分享，使用 MIT 许可证。
+
+当前 npm 包处于本地打包验证阶段，尚未公开发布；请按下文从源码安装 CLI。默认服务地址为 `http://localhost:8858`，可通过 `MAGPIE_BASE` 或 `--base` 修改。插件源码保留用于开发，网页暂不提供插件入口。
+
+[![CI](https://github.com/enderchen/magpie/actions/workflows/ci.yml/badge.svg)](https://github.com/enderchen/magpie/actions/workflows/ci.yml)
 
 [English](README_EN.md) | 中文
 
-**即页**是一个零配置的 HTML / Markdown 即时预览与分享工具。把写好的文档拖进来，立刻获得一个干净的在线页面——无需部署流程，无需服务器知识。特别适合 AI 生成内容的一键分享。
+**纸鹊 Magpie**是一个零配置的 HTML / Markdown 即时预览与分享工具。把写好的文档拖进来，立刻获得一个干净的在线页面——无需部署流程，无需服务器知识。特别适合 AI 生成内容的一键分享。
 
 ---
 
@@ -66,8 +70,8 @@
 ### Docker 部署（推荐）
 
 ```bash
-git clone https://github.com/code2rich/jpage.git
-cd jpage
+git clone https://github.com/enderchen/magpie.git magpie
+cd magpie
 cp .env.example .env       # 编辑 .env 填入 ADMIN_PASSWORD 和 SESSION_SECRET
 docker-compose up -d
 ```
@@ -103,35 +107,31 @@ node test/mcp-harness.js 8858    # MCP 端点
 node test/perf-bench.js 8858     # 渲染/列表/缓存延迟基准
 ```
 
-### CLI 工具（npm 包已发布）
+### Magpie CLI（从源码安装）
 
-即页随包提供 `jpage` 命令行工具，可通过 REST API 上传 / 列出 / 管理文件，对大文件和 ZIP 走 multipart 二进制流式上传（比 MCP 的 base64 进 token 流更快更省）：
+纸鹊 Magpie随包提供 `magpie` 命令行工具，可通过 REST API 上传 / 列出 / 管理文件，对大文件和 ZIP 走 multipart 二进制流式上传（比 MCP 的 base64 进 token 流更快更省）：
 
 ```bash
-npm install -g @code2rich/jpage
-jpage upload ./report.html --public --token <你的 token>
-jpage ls --kw 季度
-jpage cat 8
-jpage --help
+npm install
+npm link  # 在本项目源码目录执行，注册 magpie 命令
+export MAGPIE_BASE=http://localhost:8858  # 改为你自己的 Magpie 服务地址
+magpie upload ./report.html --public --token <你的 token>
+magpie ls --kw 季度
+magpie cat 8
+magpie --help
 ```
 
-`jpage` 与 MCP 是对称的两个客户端入口，都架在同一套 REST API 之上。详见 `jpage --help`。
+`magpie` 与 MCP 是对称的两个客户端入口，都架在同一套 REST API 之上。详见 `magpie --help`。
 
-更新到最新版（不需 token）：
-
-```bash
-jpage update                  # 自更新到最新版
-jpage update --check          # 只查有没有新版本
-jpage update --registry https://registry.npmmirror.com   # 国内源
-```
+当前 `magpie update` 仅显示源码更新说明，不访问 npm 或安装其他包。正式发布前的打包、安装与发布步骤见下方指南。
 
 ### 发版
 
-维护者发版指南（含 GitHub Actions 自动发版配置、token 轮换、故障排查）见 [`docs/RELEASING.md`](docs/RELEASING.md)。
+维护者打包与后续发布指南见 [`docs/RELEASING.md`](docs/RELEASING.md)。
 
 ## 鉴权与安全
 
-即页支持多用户体系。admin 可管理全部用户和文件，普通用户只能操作自己的文件和公开文件。
+纸鹊 Magpie支持多用户体系。admin 可管理全部用户和文件，普通用户只能操作自己的文件和公开文件。
 
 **内容安全（CSP）**：通过 helmet + 分级策略加固——管理界面下发严格 CSP（仅放行同源 script），用户内容渲染页用 iframe sandbox（无 `allow-same-origin`，阻断对父窗口的访问）隔离，其中 Markdown 页套严格 CSP（内联 mermaid 脚本靠 nonce 放行），HTML 页用宽松 CSP + sandbox 兜底（用户 HTML 常含合法 script）。分享链接（`/api/files/:id/render`、`/s/:key`、下载、源码）在文件标记为公开时可匿名访问；上传时取消勾选「公开访问」可让该文件仅所有者和 admin 可见。
 
@@ -139,8 +139,8 @@ jpage update --registry https://registry.npmmirror.com   # 国内源
 
 API 和 MCP 端点支持三种认证方式：
 
-1. **Session Cookie** — 登录后获得 `jpage.sid`，适合浏览器访问
-2. **API Token** — 用户在设置中创建 `jp_` 前缀的 Token，适合脚本调用
+1. **Session Cookie** — 登录后获得 `magpie.sid`，适合浏览器访问
+2. **API Token** — 用户在设置中创建 `mg_` 前缀的 Token，适合脚本调用
 3. **MCP Token** — 环境变量 `MCP_TOKEN`，适合 AI 工具连接（向后兼容）
 
 ### 环境变量
@@ -152,38 +152,30 @@ API 和 MCP 端点支持三种认证方式：
 | `SESSION_SECRET` | 生产必填 | 加密会话 Cookie；缺失时开发模式自动生成临时密钥，重启会失效 |
 | `NODE_ENV` | 否 | `production` 时 Cookie 仅 HTTPS 下发送，SESSION_SECRET 缺失会拒绝启动 |
 | `PORT` | 否 | 默认 8858 |
-| `MCP_TOKEN` | 否 | `/mcp` 端点的全局 Bearer token（向后兼容）；未设置时仍可用用户级 API Token（`jp_` 前缀）访问 MCP |
+| `MCP_TOKEN` | 否 | `/mcp` 端点的全局 Bearer token（向后兼容）；未设置时仍可用用户级 API Token（`mg_` 前缀）访问 MCP |
 | `ALLOW_REGISTRATION` | 否 | 设为 `true` 开放用户自助注册；默认关闭，仅 admin 可创建用户 |
 | `SMTP_HOST` | 否 | SMTP 服务器地址（如 `smtp.qq.com`），配置后支持邮箱验证 |
 | `SMTP_PORT` | 否 | SMTP 端口（如 `465`） |
 | `SMTP_SECURE` | 否 | 是否使用 SSL（`true`/`false`） |
 | `SMTP_USER` | 否 | SMTP 登录用户名 |
 | `SMTP_PASS` | 否 | SMTP 登录密码或授权码 |
-| `SMTP_FROM` | 否 | 发件人地址（如 `"即页 <user@example.com>"`） |
-| `APP_URL` | 否 | 应用外部访问地址，用于拼接验证链接（如 `https://jpage.cn`） |
+| `SMTP_FROM` | 否 | 发件人地址（如 `"纸鹊 Magpie <user@example.com>"`） |
+| `APP_URL` | 否 | 应用外部访问地址，用于拼接验证链接（如 `http://localhost:8858`） |
 | `FEEDBACK_EMAIL` | 否 | 问题反馈邮件接收地址；留空时回退到首个管理员邮箱 → `SMTP_FROM` |
 | `GOOGLE_CLIENT_ID` | 否 | Google Web 应用 OAuth Client ID；与 `GOOGLE_CLIENT_SECRET` 同时配置后启用 Google 登录 |
 | `GOOGLE_CLIENT_SECRET` | 否 | Google Web 应用 OAuth Client Secret；仅保存在服务端环境变量中 |
 | `GOOGLE_HTTP_TIMEOUT_MS` | 否 | Google Token 与 OIDC 公钥请求超时，范围 1000-60000 毫秒，默认 10000 |
 | `GOOGLE_HTTPS_PROXY` | 否 | 仅供 Google OAuth 出站请求使用的可信 HTTP CONNECT 代理，支持 `http://` 或 `https://` |
-| `JPAGE_DATA_DIR` | 否 | 数据目录，默认 `./data` |
+| `MAGPIE_DATA_DIR` | 否 | 数据目录，默认 `./data` |
 | `COOKIE_SECURE` | 否 | 设为 `true` 时 Cookie 仅 HTTPS 传输（生产推荐） |
 | `MCP_IP` | 否 | MCP 端点日志中显示的主机名，默认 `localhost` |
 | `MCP_PROTOCOL` | 否 | MCP 端点协议，默认 `http` |
 | `TOKEN_ENCRYPTION_KEY` | 否 | API Token 加密密钥（hex 32 字节）；未设置时自动在数据目录生成 `token-key.key` |
 | `MAX_FILE_VERSIONS` | 否 | 单个文件保留的最大版本数，默认 `20` |
 | `BACKUP_CRON` | 否 | 自动备份 cron 表达式（如 `0 3 * * *`） |
-| `BACKUP_DIR` | 否 | 自动备份目录，默认 `<JPAGE_DATA_DIR>/backups` |
-
-如果 `ADMIN_USER` 和 `ADMIN_PASSWORD` 都留空启动，启动日志会输出：
-
-```
-[即页] 已创建初始管理员: admin
-[即页] 初始密码（请妥善保存）: 7Hk2mN9pq4rTv8wX
-[即页] ⚠️  首次登录后请立即修改密码
-```
+| `BACKUP_DIR` | 否 | 自动备份目录，默认 `<MAGPIE_DATA_DIR>/backups` |
 
-复制日志里的密码登录即可。
+如果 `ADMIN_USER` 和 `ADMIN_PASSWORD` 都留空启动，首次初始化日志会提示已创建管理员，并输出生成的初始密码。复制日志里的密码登录，并妥善保存。
 
 `SESSION_SECRET` 推荐生成方式：
 ```bash
@@ -204,7 +196,7 @@ sqlite3 data/database.sqlite "UPDATE users SET password_hash='<上面生成的ha
 ## 项目结构
 
 ```
-jpage/
+magpie/
 ├── server.js           # 入口：app 装配 + 中间件 + 启动编排（业务逻辑已拆分）
 ├── routes/             # 按域拆分的 Express Router
 │   ├── auth.js         # 登录/注册/邮箱验证
@@ -250,7 +242,7 @@ jpage/
 │   ├── api.md          # REST API 完整参考
 │   └── design/         # 设计文档
 ├── skills/
-│   └── jpage/                # Claude Code / Desktop 统一技能：上传、生成内容、幻灯片、模板市场
+│   └── magpie/                # Claude Code / Desktop 统一技能：上传、生成内容、幻灯片、模板市场
 ├── test/               # 单元 + 集成测试（node:test + supertest）+ e2e harness
 ├── data/               # SQLite 数据库、上传文件与会话存储（运行时自动创建）
 └── public/             # 前端静态资源
@@ -383,11 +375,11 @@ jpage/
 
 ## MCP / AI 集成
 
-即页内置 [MCP Streamable HTTP](https://modelcontextprotocol.io) 端点，让 Claude Code、Claude Desktop 等 AI 工具能够直接上传、管理文件。
+纸鹊 Magpie内置 [MCP Streamable HTTP](https://modelcontextprotocol.io) 端点，让 Claude Code、Claude Desktop 等 AI 工具能够直接上传、管理文件。
 
 ### 启用
 
-设置全局 `MCP_TOKEN` 环境变量，或使用任意用户级 API Token（`jp_` 前缀）即可启用 `/mcp`。两者二选一：
+设置全局 `MCP_TOKEN` 环境变量，或使用任意用户级 API Token（`mg_` 前缀）即可启用 `/mcp`。两者二选一：
 
 ```bash
 MCP_TOKEN=your-secret-token
@@ -400,7 +392,7 @@ MCP_TOKEN=your-secret-token
 ```json
 {
   "mcpServers": {
-    "jpage": {
+    "magpie": {
       "type": "http",
       "url": "http://localhost:8858/mcp",
       "headers": {
@@ -441,15 +433,15 @@ MCP_TOKEN=your-secret-token
 
 | URI | 说明 |
 |---|---|
-| `jpage://files` | 所有文件元数据（JSON 列表） |
-| `jpage://file/{id}` | 单文件正文（≤ 256KB） |
+| `magpie://files` | 所有文件元数据（JSON 列表） |
+| `magpie://file/{id}` | 单文件正文（≤ 256KB） |
 
 ### 配套 Skill
 
-仓库内 `skills/jpage/SKILL.md` 是 Claude Code / Desktop 的开箱即用技能。安装后，AI 生成 HTML、Markdown、报告、可视化、幻灯片、使用模板市场风格等内容时会自动上传到即页并返回预览链接。
+仓库内 `skills/magpie/SKILL.md` 是 Claude Code / Desktop 的开箱即用技能。安装后，AI 生成 HTML、Markdown、报告、可视化、幻灯片、使用模板市场风格等内容时会自动上传到纸鹊 Magpie并返回预览链接。
 
 ```bash
-ln -s "$(pwd)/skills/jpage" ~/.claude/skills/jpage
+ln -s "$(pwd)/skills/magpie" ~/.claude/skills/magpie
 ```
 
 ### Web 管理
@@ -474,7 +466,7 @@ npx -y @modelcontextprotocol/inspector http://localhost:8858/mcp
 
 现有的方案要么太重（需要配置服务器、域名、CI），要么太封闭（绑定特定平台）。
 
-即页只想做一件事：让静态内容的分享回归简单。拖入文件，得到一个链接。支持可选的多用户体系，但默认开箱即用——拖入文件即得链接，匿名也能分享公开文件，无需注册。
+纸鹊 Magpie只想做一件事：让静态内容的分享回归简单。拖入文件，得到一个链接。支持可选的多用户体系，但默认开箱即用——拖入文件即得链接，匿名也能分享公开文件，无需注册。
 
 ## 协议
 
diff --git a/README_EN.md b/README_EN.md
index 3d169d1..0cee5d8 100644
--- a/README_EN.md
+++ b/README_EN.md
@@ -1,12 +1,16 @@
-# jpage
+# 纸鹊 Magpie
 
-> Drop a file, get a page — instantly.
+> A page carries a world.
 
-[![CI](https://github.com/code2rich/jpage/actions/workflows/ci.yml/badge.svg)](https://github.com/code2rich/jpage/actions/workflows/ci.yml)
+Magpie provides HTML, Markdown and ZIP preview and sharing under the MIT license.
+
+The npm package is prepared locally and has not been published. Install the CLI from source using the instructions below. It defaults to localhost:8858; set MAGPIE_BASE or --base for another server. Plugin source remains available for development, without a website entrypoint.
+
+[![CI](https://github.com/enderchen/magpie/actions/workflows/ci.yml/badge.svg)](https://github.com/enderchen/magpie/actions/workflows/ci.yml)
 
 [中文](README.md) | English
 
-**jpage** is a zero-config HTML / Markdown instant preview and sharing tool. Drop in a document and instantly get a clean online page — no deployment pipeline, no server knowledge required. Especially great for one-click sharing of AI-generated content.
+**Magpie** is a zero-config HTML / Markdown instant preview and sharing tool. Drop in a document and instantly get a clean online page — no deployment pipeline, no server knowledge required. Especially great for one-click sharing of AI-generated content.
 
 ---
 
@@ -20,7 +24,7 @@
 - [REST API](#rest-api)
 - [MCP / AI Integration](#mcp--ai-integration)
 - [Use Cases](#use-cases)
-- [Why jpage](#why-jpage)
+- [Why magpie](#why-magpie)
 - [License](#license)
 
 ---
@@ -87,8 +91,8 @@
 ### Docker Deploy (Recommended)
 
 ```bash
-git clone https://github.com/code2rich/jpage.git
-cd jpage
+git clone https://github.com/enderchen/magpie.git magpie
+cd magpie
 cp .env.example .env       # Edit .env with ADMIN_PASSWORD and SESSION_SECRET
 docker-compose up -d
 ```
@@ -124,27 +128,23 @@ node test/mcp-harness.js 8858    # MCP endpoint
 node test/perf-bench.js 8858     # Render/list/cache latency benchmarks
 ```
 
-### CLI Tool (Published on npm)
+### CLI Tool (Install from source)
 
-jpage ships with a `jpage` CLI for uploading, listing, and managing files via the REST API. For large files and ZIPs it uses multipart binary streaming, which is faster and cheaper than MCP's base64-in-token flow:
+magpie ships with a `magpie` CLI for uploading, listing, and managing files via the REST API. For large files and ZIPs it uses multipart binary streaming, which is faster and cheaper than MCP's base64-in-token flow:
 
 ```bash
-npm install -g @code2rich/jpage
-jpage upload ./report.html --public --token <your-token>
-jpage ls --kw quarterly
-jpage cat 8
-jpage --help
+npm install
+npm link  # Run in this source checkout
+export MAGPIE_BASE=http://localhost:8858  # Your own Magpie server
+magpie upload ./report.html --public --token <your-token>
+magpie ls --kw quarterly
+magpie cat 8
+magpie --help
 ```
 
-`jpage` and MCP are symmetric client entry points over the same REST API. See `jpage --help` for details.
+`magpie` and MCP are symmetric client entry points over the same REST API. See `magpie --help` for details.
 
-Update to the latest version (no token required):
-
-```bash
-jpage update                  # Self-update to the latest version
-jpage update --check          # Check for updates only
-jpage update --registry https://registry.npmmirror.com   # Mirror registry
-```
+Until the npm release is enabled, `magpie update` only prints source update instructions and does not call npm.
 
 ### Release Process
 
@@ -154,7 +154,7 @@ Maintainer release guide (GitHub Actions automated release, token rotation, trou
 
 ## Auth & Security
 
-jpage supports a multi-user system. The admin manages all users and files; regular users can only access their own files and public files.
+magpie supports a multi-user system. The admin manages all users and files; regular users can only access their own files and public files.
 
 Share links (`/api/files/:id/render`, `/s/:key`, download, source) are anonymously accessible when the file is marked public. Uncheck **Public access** on upload to make the file visible only to the owner and admin.
 
@@ -164,8 +164,8 @@ Share links (`/api/files/:id/render`, `/s/:key`, download, source) are anonymous
 
 API and MCP endpoints support three authentication methods:
 
-1. **Session Cookie** — `jpage.sid` cookie after login, for browser access.
-2. **API Token** — User-created `jp_` prefixed tokens, for script and AI integration.
+1. **Session Cookie** — `magpie.sid` cookie after login, for browser access.
+2. **API Token** — User-created `mg_` prefixed tokens, for script and AI integration.
 3. **MCP Token** — `MCP_TOKEN` environment variable, for AI tool connections (backward compatible).
 
 ### Environment Variables
@@ -177,34 +177,34 @@ API and MCP endpoints support three authentication methods:
 | `SESSION_SECRET` | Production | Encrypts session cookies; in dev mode a temporary key is auto-generated (lost on restart). Missing in production refuses startup. |
 | `NODE_ENV` | No | When `production`, cookies are sent only over HTTPS. |
 | `PORT` | No | Default `8858`. |
-| `MCP_TOKEN` | No | Global Bearer token for the `/mcp` endpoint (backward compatible); when unset, `/mcp` is still accessible via a user-level API token (`jp_` prefix). |
+| `MCP_TOKEN` | No | Global Bearer token for the `/mcp` endpoint (backward compatible); when unset, `/mcp` is still accessible via a user-level API token (`mg_` prefix). |
 | `ALLOW_REGISTRATION` | No | Set to `true` to enable self-service registration; defaults to off (admin-only user creation). |
 | `SMTP_HOST` | No | SMTP server address (e.g. `smtp.qq.com`); enables email verification when configured. |
 | `SMTP_PORT` | No | SMTP port (e.g. `465`). |
 | `SMTP_SECURE` | No | Use SSL (`true`/`false`). |
 | `SMTP_USER` | No | SMTP login username. |
 | `SMTP_PASS` | No | SMTP login password or authorization code. |
-| `SMTP_FROM` | No | Sender address (e.g. `"jpage <user@example.com>"`). |
-| `APP_URL` | No | External app URL used to build verification links (e.g. `https://jpage.cn`). |
+| `SMTP_FROM` | No | Sender address (e.g. `"magpie <user@example.com>"`). |
+| `APP_URL` | No | External app URL used to build verification links (e.g. `http://localhost:8858`). |
 | `GOOGLE_CLIENT_ID` | No | Google Web application OAuth Client ID; enables Google sign-in together with `GOOGLE_CLIENT_SECRET`. |
 | `GOOGLE_CLIENT_SECRET` | No | Google Web application OAuth Client Secret; keep it only in the server-side environment. |
 | `GOOGLE_HTTP_TIMEOUT_MS` | No | Timeout for Google token and OIDC certificate requests, clamped to 1000-60000 ms; defaults to 10000. |
 | `GOOGLE_HTTPS_PROXY` | No | Trusted HTTP CONNECT proxy used only for Google OAuth egress; supports `http://` or `https://`. |
-| `JPAGE_DATA_DIR` | No | Data directory, defaults to `./data`. |
+| `MAGPIE_DATA_DIR` | No | Data directory, defaults to `./data`. |
 | `COOKIE_SECURE` | No | When `true`, cookies are sent only over HTTPS (recommended for production). |
 | `MCP_IP` | No | Hostname shown in MCP endpoint logs, defaults to `localhost`. |
 | `MCP_PROTOCOL` | No | MCP endpoint protocol, defaults to `http`. |
 | `TOKEN_ENCRYPTION_KEY` | No | API token encryption key (hex 32 bytes); if unset, a `token-key.key` is auto-generated in the data directory. |
 | `MAX_FILE_VERSIONS` | No | Maximum number of versions kept per file, defaults to `20`. |
 | `BACKUP_CRON` | No | Automatic backup cron expression (e.g. `0 3 * * *`). |
-| `BACKUP_DIR` | No | Automatic backup directory, defaults to `<JPAGE_DATA_DIR>/backups`. |
+| `BACKUP_DIR` | No | Automatic backup directory, defaults to `<MAGPIE_DATA_DIR>/backups`. |
 
 If both `ADMIN_USER` and `ADMIN_PASSWORD` are left empty, the startup log will output:
 
 ```
-[jpage] Created initial admin: admin
-[jpage] Initial password (save this): 7Hk2mN9pq4rTv8wX
-[jpage] ⚠️  Please change the password after first login
+[magpie] Created initial admin: admin
+[magpie] Initial password (save this): 7Hk2mN9pq4rTv8wX
+[magpie] ⚠️  Please change the password after first login
 ```
 
 Copy the password from the log to log in.
@@ -231,7 +231,7 @@ sqlite3 data/database.sqlite "UPDATE users SET password_hash='<hash-from-above>'
 ## Project Structure
 
 ```
-jpage/
+magpie/
 ├── server.js           # Entry: app assembly + middleware + startup orchestration (logic split out)
 ├── routes/             # Domain-split Express Routers
 │   ├── auth.js         # Login/register/email verification
@@ -277,7 +277,7 @@ jpage/
 │   ├── api.md          # Complete REST API reference
 │   └── design/         # Design documents
 ├── skills/
-│   └── jpage/          # Claude Code / Desktop unified skill: upload, generate content, presentations, templates
+│   └── magpie/          # Claude Code / Desktop unified skill: upload, generate content, presentations, templates
 ├── test/               # Unit + integration tests (node:test + supertest) + e2e harness
 ├── data/               # SQLite databases, uploaded files & sessions (auto-created)
 └── public/             # Frontend static assets
@@ -405,11 +405,11 @@ Port `8858` (overridable via `PORT`). All write endpoints require login or Beare
 
 ## MCP / AI Integration
 
-jpage includes a built-in [MCP Streamable HTTP](https://modelcontextprotocol.io) endpoint, enabling AI tools like Claude Code and Claude Desktop to directly upload and manage files.
+magpie includes a built-in [MCP Streamable HTTP](https://modelcontextprotocol.io) endpoint, enabling AI tools like Claude Code and Claude Desktop to directly upload and manage files.
 
 ### Enable
 
-Set the `MCP_TOKEN` environment variable, or use any user-level API Token (`jp_` prefix). Both work:
+Set the `MCP_TOKEN` environment variable, or use any user-level API Token (`mg_` prefix). Both work:
 
 ```bash
 MCP_TOKEN=your-secret-token
@@ -422,7 +422,7 @@ MCP_TOKEN=your-secret-token
 ```json
 {
   "mcpServers": {
-    "jpage": {
+    "magpie": {
       "type": "http",
       "url": "http://localhost:8858/mcp",
       "headers": {
@@ -463,21 +463,21 @@ MCP_TOKEN=your-secret-token
 
 | URI | Description |
 |---|---|
-| `jpage://files` | All file metadata (JSON list). |
-| `jpage://file/{id}` | Single file content (≤ 256KB). |
+| `magpie://files` | All file metadata (JSON list). |
+| `magpie://file/{id}` | Single file content (≤ 256KB). |
 
 ### Companion Skill
 
-The repo includes `skills/jpage/SKILL.md`, a ready-to-use skill for Claude Code / Desktop. Once installed, AI-generated HTML, Markdown, reports, visualizations, presentations, and template-market-styled content are automatically uploaded to jpage with a preview link.
+The repo includes `skills/magpie/SKILL.md`, a ready-to-use skill for Claude Code / Desktop. Once installed, AI-generated HTML, Markdown, reports, visualizations, presentations, and template-market-styled content are automatically uploaded to magpie with a preview link.
 
 ```bash
-ln -s "$(pwd)/skills/jpage" ~/.claude/skills/jpage
+ln -s "$(pwd)/skills/magpie" ~/.claude/skills/magpie
 ```
 
 Or install via CLI:
 
 ```bash
-jpage skill install
+magpie skill install
 ```
 
 ### Web Management
@@ -503,11 +503,11 @@ npx -y @modelcontextprotocol/inspector http://localhost:8858/mcp
 
 ---
 
-## Why jpage
+## Why magpie
 
 Existing solutions are either too heavy (requiring server setup, domains, CI) or too closed (locked to specific platforms).
 
-jpage does one thing: make static content sharing simple again. Drop a file, get a link. An optional multi-user system exists, but the default is zero-friction — drop a file to get a link, share public files anonymously without registering.
+magpie does one thing: make static content sharing simple again. Drop a file, get a link. An optional multi-user system exists, but the default is zero-friction — drop a file to get a link, share public files anonymously without registering.
 
 ---
 
diff --git a/bin/client.js b/bin/client.js
index a685a6c..f155ec8 100644
--- a/bin/client.js
+++ b/bin/client.js
@@ -22,7 +22,7 @@ class HttpError extends Error {
 /**
  * 创建 API 客户端。
  * @param {object} opts
- * @param {string} opts.base - 服务地址（如 https://jpage.cn），无尾斜杠
+ * @param {string} opts.base - 服务地址（如 http://localhost:8858），无尾斜杠
  * @param {string} [opts.token] - Bearer token；为空时不发 Authorization 头
  * @param {string} [opts.source] - 上传来源标记，写入 X-Upload-Source 头，默认 'cli'
  * @param {function} [opts.fetchImpl] - 可选 fetch 实现（测试注入）
diff --git a/bin/commands/_shared.js b/bin/commands/_shared.js
index f7735e2..17d427f 100644
--- a/bin/commands/_shared.js
+++ b/bin/commands/_shared.js
@@ -1,6 +1,6 @@
 // 命令间共享的输出辅助函数。
 //
-// 设计：命令模块只做「调 API + 格式化输出」，错误码由 bin/jpage.js 统一处理。
+// 设计：命令模块只做「调 API + 格式化输出」，错误码由 bin/magpie.js 统一处理。
 // 这里集中放格式化工具（人类可读的字节/时间、表格），避免命令文件互相重复。
 //
 // I/O 注入：out()/err() 默认写 process.stdout/stderr，但 run() 可通过 setIo()
diff --git a/bin/commands/cat.js b/bin/commands/cat.js
index e60012d..24b7b75 100644
--- a/bin/commands/cat.js
+++ b/bin/commands/cat.js
@@ -7,7 +7,7 @@ const { out } = require('./_shared');
 async function run(client, args) {
   const id = args.sub;
   if (!id) {
-    const e = new Error('用法：jpage cat <id>');
+    const e = new Error('用法：magpie cat <id>');
     e.name = 'UsageError';
     throw e;
   }
diff --git a/bin/commands/mv.js b/bin/commands/mv.js
index ae01e91..f5e2004 100644
--- a/bin/commands/mv.js
+++ b/bin/commands/mv.js
@@ -6,7 +6,7 @@ async function run(client, args) {
   const id = args.sub;
   const newName = args.positional[2];
   if (!id || !newName) {
-    const e = new Error('用法：jpage mv <id> <新文件名>');
+    const e = new Error('用法：magpie mv <id> <新文件名>');
     e.name = 'UsageError';
     throw e;
   }
diff --git a/bin/commands/rm.js b/bin/commands/rm.js
index f7b4594..f44dab2 100644
--- a/bin/commands/rm.js
+++ b/bin/commands/rm.js
@@ -5,7 +5,7 @@ const { out, err } = require('./_shared');
 async function run(client, args, { exit }) {
   const id = args.sub;
   if (!id) {
-    const e = new Error('用法：jpage rm <id>');
+    const e = new Error('用法：magpie rm <id>');
     e.name = 'UsageError';
     throw e;
   }
diff --git a/bin/commands/skill.js b/bin/commands/skill.js
index 7a0ad59..fe853b9 100644
--- a/bin/commands/skill.js
+++ b/bin/commands/skill.js
@@ -1,25 +1,25 @@
-// skill 命令：将本 npm 包内置的 jpage Skill 安装到 Claude / 类似客户端的 skills 目录。
+// skill 命令：将本 npm 包内置的 magpie Skill 安装到 Claude / 类似客户端的 skills 目录。
 //
-//   jpage skill install [--dir <路径>]
-//   jpage skill update                    （install 的别名）
-//   jpage skill uninstall [--dir <路径>]
+//   magpie skill install [--dir <路径>]
+//   magpie skill update                    （install 的别名）
+//   magpie skill uninstall [--dir <路径>]
 
 const fs = require('fs');
 const path = require('path');
 const os = require('os');
 const { out } = require('./_shared');
 
-// Skill 源目录：npm 包内的 skills/jpage/
-const SOURCE_SKILL_DIR = path.resolve(__dirname, '..', '..', 'skills', 'jpage');
+// Skill 源目录：npm 包内的 skills/magpie/
+const SOURCE_SKILL_DIR = path.resolve(__dirname, '..', '..', 'skills', 'magpie');
 
 // 常见 skills 目录候选（按优先级）
 function candidateDirs() {
   const home = os.homedir();
   return [
-    process.env.JPAGE_SKILL_DIR,
-    path.join(home, '.claude', 'skills', 'jpage'),
-    path.join(home, '.claude-code', 'skills', 'jpage'),
-    path.join(home, '.agents', 'skills', 'jpage'),
+    process.env.MAGPIE_SKILL_DIR,
+    path.join(home, '.claude', 'skills', 'magpie'),
+    path.join(home, '.claude-code', 'skills', 'magpie'),
+    path.join(home, '.agents', 'skills', 'magpie'),
   ].filter(Boolean);
 }
 
@@ -31,13 +31,13 @@ function detectTargetDir(explicitDir) {
   for (const c of candidates) {
     if (fs.existsSync(path.dirname(c))) return c;
   }
-  // 都没有则默认 ~/.claude/skills/jpage
+  // 都没有则默认 ~/.claude/skills/magpie
   return candidates[0];
 }
 
 function ensureSource() {
   if (!fs.existsSync(SOURCE_SKILL_DIR)) {
-    throw new Error(`未找到内置 Skill 目录：${SOURCE_SKILL_DIR}。请确认 jpage 安装完整。`);
+    throw new Error(`未找到内置 Skill 目录：${SOURCE_SKILL_DIR}。请确认 magpie 安装完整。`);
   }
 }
 
@@ -55,9 +55,9 @@ async function installSkill(explicitDir) {
   fs.cpSync(SOURCE_SKILL_DIR, target, { recursive: true, preserveTimestamps: true });
 
   const pkg = require('../../package.json');
-  out(`✓ 已安装 jpage Skill v${pkg.version} → ${target}\n`);
-  out(`  使用方式：在 Claude Code / Desktop 的 skills 设置中确认已加载「jpage」\n`);
-  out(`  如需指定目录：jpage skill install --dir /path/to/skills/jpage\n`);
+  out(`✓ 已安装 magpie Skill v${pkg.version} → ${target}\n`);
+  out(`  使用方式：在 Claude Code / Desktop 的 skills 设置中确认已加载「magpie」\n`);
+  out(`  如需指定目录：magpie skill install --dir /path/to/skills/magpie\n`);
 }
 
 async function uninstallSkill(explicitDir) {
@@ -67,7 +67,7 @@ async function uninstallSkill(explicitDir) {
     return;
   }
   fs.rmSync(target, { recursive: true, force: true });
-  out(`✓ 已移除 jpage Skill：${target}\n`);
+  out(`✓ 已移除 magpie Skill：${target}\n`);
 }
 
 async function run(client, args) {
diff --git a/bin/commands/skills.js b/bin/commands/skills.js
index 7b64330..a7e82de 100644
--- a/bin/commands/skills.js
+++ b/bin/commands/skills.js
@@ -12,7 +12,7 @@ async function run(client, args, { base }) {
   }
   const name = args.positional[2];
   if (!name) {
-    const e = new Error('用法：jpage skills get <name> | jpage skills download <name>');
+    const e = new Error('用法：magpie skills get <name> | magpie skills download <name>');
     e.name = 'UsageError';
     throw e;
   }
diff --git a/bin/commands/star.js b/bin/commands/star.js
index 56a54b5..b4c147f 100644
--- a/bin/commands/star.js
+++ b/bin/commands/star.js
@@ -6,7 +6,7 @@ const { out } = require('./_shared');
 async function run(client, args) {
   const id = args.sub;
   if (!id) {
-    const e = new Error('用法：jpage star <id>');
+    const e = new Error('用法：magpie star <id>');
     e.name = 'UsageError';
     throw e;
   }
diff --git a/bin/commands/tags.js b/bin/commands/tags.js
index 01addcc..ea0210b 100644
--- a/bin/commands/tags.js
+++ b/bin/commands/tags.js
@@ -3,10 +3,10 @@
 // 后端语义：PUT /api/files/:id/tags { tagIds:[] } 是「全量替换」，且只收 tag id（数字），
 // 没有「按名字追加」端点。CLI 在客户端封装出更友好的命令：
 //
-//   jpage tags <id>               列出当前标签
-//   jpage tags <id> add a,b,c     把这些标签追加到现有标签（缺失的标签自动创建）
-//   jpage tags <id> set a,b       全量替换为这些标签（缺失的自动创建）
-//   jpage tags <id> clear         清空标签
+//   magpie tags <id>               列出当前标签
+//   magpie tags <id> add a,b,c     把这些标签追加到现有标签（缺失的标签自动创建）
+//   magpie tags <id> set a,b       全量替换为这些标签（缺失的自动创建）
+//   magpie tags <id> clear         清空标签
 //
 // 标签名 → id：GET /api/tags 拿全表按 name 精确匹配；缺失的 POST /api/tags {name} 建。
 
@@ -15,7 +15,7 @@ const { out } = require('./_shared');
 async function run(client, args) {
   const id = args.sub;
   if (!id) {
-    const e = new Error('用法：jpage tags <id> [add|set|clear] [标签名,标签名,...]');
+    const e = new Error('用法：magpie tags <id> [add|set|clear] [标签名,标签名,...]');
     e.name = 'UsageError';
     throw e;
   }
@@ -41,7 +41,7 @@ async function run(client, args) {
   }
 
   if (!namesArg) {
-    const e = new Error(`用法：jpage tags ${id} ${action} <标签名,标签名,...>`);
+    const e = new Error(`用法：magpie tags ${id} ${action} <标签名,标签名,...>`);
     e.name = 'UsageError';
     throw e;
   }
diff --git a/bin/commands/template.js b/bin/commands/template.js
index bac4d33..f45982d 100644
--- a/bin/commands/template.js
+++ b/bin/commands/template.js
@@ -1,8 +1,8 @@
 // template 命令：浏览内容模板市场并使用模板实例化文件。
 //
-//   jpage template ls [--category <slug>] [--file-type html|markdown] [--kw <词>] [--limit N]
-//   jpage template get <shareKey>
-//   jpage template use <shareKey> [--name <文件名>] [--public]
+//   magpie template ls [--category <slug>] [--file-type html|markdown] [--kw <词>] [--limit N]
+//   magpie template get <shareKey>
+//   magpie template use <shareKey> [--name <文件名>] [--public]
 //
 // 市场公开端点使用 share_key 作为标识，不再暴露内部自增 id。
 
@@ -16,7 +16,7 @@ async function run(client, args) {
 
   const shareKey = args.positional[2];
   if (!shareKey) {
-    const e = new Error('用法：jpage template get <shareKey> | jpage template use <shareKey> [--name ...] [--public]');
+    const e = new Error('用法：magpie template get <shareKey> | magpie template use <shareKey> [--name ...] [--public]');
     e.name = 'UsageError';
     throw e;
   }
@@ -58,7 +58,7 @@ async function getTemplate(client, shareKey) {
   out(`${t.share_key || shareKey} ${t.title}\n`);
   out(`类型：${t.file_type}\n`);
   if (t.description) out(`描述：${t.description}\n`);
-  out(`\n使用此模板：jpage template use ${shareKey}\n`);
+  out(`\n使用此模板：magpie template use ${shareKey}\n`);
 }
 
 async function useTemplate(client, shareKey, opts) {
diff --git a/bin/commands/update.js b/bin/commands/update.js
index 30250bf..2846e1d 100644
--- a/bin/commands/update.js
+++ b/bin/commands/update.js
@@ -1,6 +1,6 @@
-// update 命令：把 jpage 自更新到最新版（npm 全局包）。
+// update 命令：把 magpie 自更新到最新版（npm 全局包）。
 //
-// 纯客户端操作：不调后端 API，不需 token（自更新与 jpage 服务端无关）。
+// 纯客户端操作：不调后端 API，不需 token（自更新与 magpie 服务端无关）。
 // 流程：npm view 查最新版本 → 与本地对比 → 有新版则 npm install -g 重装。
 //
 // 可注入 npmExec（形如 (args) => string）：测试时注入假执行器，避免真的跑 npm。
@@ -9,7 +9,7 @@
 const { execFileSync } = require('child_process');
 const { out, err } = require('./_shared');
 
-const PKG_NAME = '@code2rich/jpage';
+const PKG_NAME = require('../../package.json').name;
 const npmBin = process.platform === 'win32' ? 'npm.cmd' : 'npm';
 
 // 默认 npm 执行器：同步拿 stdout（trim 尾部换行）。
@@ -27,10 +27,17 @@ async function run(_client, args, ctx) {
 
   // --registry 后面没给值时，args.js 会把它解析成 true。
   if (o.registry === true) {
-    const e = new Error('用法：jpage update [--registry <url>] [--check]');
+    const e = new Error('用法：magpie update [--registry <url>] [--check]');
     e.name = 'UsageError';
     throw e;
   }
+  // Keep npm updates disabled until this package is published.
+  if (require('../../package.json').private) {
+    out('Magpie 从自己的 Git 仓库更新，当前尚未发布 npm 包。\n');
+    out('请审阅并合并 https://github.com/enderchen/magpie 中的更新。\n');
+    return;
+  }
+
   const registryArgs = o.registry ? ['--registry', o.registry] : [];
 
   const current = require('../../package.json').version;
@@ -68,7 +75,7 @@ async function run(_client, args, ctx) {
     return;
   }
 
-  out(`✓ 已更新到 ${latest}，重新运行 jpage 生效\n`);
+  out(`✓ 已更新到 ${latest}，重新运行 magpie 生效\n`);
 }
 
 module.exports = { run };
diff --git a/bin/commands/upload.js b/bin/commands/upload.js
index 3cf6929..66a6554 100644
--- a/bin/commands/upload.js
+++ b/bin/commands/upload.js
@@ -1,4 +1,4 @@
-// upload 命令：上传本地文件到即页。
+// upload 命令：上传本地文件到纸鹊 Magpie。
 //
 // 后端契约（routes/files/upload.js）：
 //   POST /api/files/upload          multipart，field=file，可选 isPublic=true
@@ -15,7 +15,7 @@ const { formatSize, out } = require('./_shared');
 async function run(client, args, { base }) {
   const filePath = args.sub; // 第一个位置参数（cmd=upload，sub=文件路径）
   if (!filePath) {
-    throw new UsageError('用法：jpage upload <文件路径> [--public] [--overwrite ID]');
+    throw new UsageError('用法：magpie upload <文件路径> [--public] [--overwrite ID]');
   }
 
   const abs = path.resolve(filePath);
@@ -73,7 +73,7 @@ function printResult(data, base) {
   out(`  预览：${url}\n`);
 }
 
-// 命令层专用的用法错误（区别于 HTTP/网络错误），bin/jpage.js 据此打印帮助并退出 2
+// 命令层专用的用法错误（区别于 HTTP/网络错误），bin/magpie.js 据此打印帮助并退出 2
 class UsageError extends Error {
   constructor(message) {
     super(message);
diff --git a/bin/commands/url.js b/bin/commands/url.js
index 8a7125f..111d1c5 100644
--- a/bin/commands/url.js
+++ b/bin/commands/url.js
@@ -6,7 +6,7 @@ const { shareUrl, out, err } = require('./_shared');
 async function run(client, args, { base, exit }) {
   const id = args.sub;
   if (!id) {
-    const e = new Error('用法：jpage url <id>');
+    const e = new Error('用法：magpie url <id>');
     e.name = 'UsageError';
     throw e;
   }
@@ -14,7 +14,7 @@ async function run(client, args, { base, exit }) {
   const url = shareUrl(base, data);
   if (!url) {
     err(
-      `文件 #${id} 没有公开短链（私有文件）。用 \`jpage mv ${id} --public\` 设为公开后再获取链接。\n`
+      `文件 #${id} 没有公开短链（私有文件）。用 \`magpie mv ${id} --public\` 设为公开后再获取链接。\n`
     );
     (exit || ((c) => { process.exitCode = c; }))(1);
     return;
diff --git a/bin/commands/version.js b/bin/commands/version.js
index 18c0e75..842a2b9 100644
--- a/bin/commands/version.js
+++ b/bin/commands/version.js
@@ -1,6 +1,6 @@
 // version 命令：交互式升级项目版本号，自动同步所有相关文件并打 tag。
 //
-//   jpage version bump [--type patch|minor|major] [--target x.y.z] [--yes] [--dry-run]
+//   magpie version bump [--type patch|minor|major] [--target x.y.z] [--yes] [--dry-run]
 //
 // --type 与 --target 二选一；默认会询问确认；--yes 用于脚本/CI 场景。
 
@@ -14,8 +14,8 @@ const REPO_ROOT = path.resolve(__dirname, '..', '..');
 
 // 除 package.json / package-lock.json 外，需要手动同步版本的文件
 const SYNC_FILES = [
-  { path: 'skills/jpage/SKILL.md', pattern: (v) => new RegExp(`^version: ${escapeRegex(v)}$`, 'm'), replacement: (v) => `version: ${v}` },
-  { path: 'docs/skill-integration-design.md', pattern: (v) => new RegExp(`^version: ${escapeRegex(v)}$`, 'm'), replacement: (v) => `version: ${v}` },
+  { path: 'skills/magpie/SKILL.md', pattern: (v) => new RegExp(`^  version: "${escapeRegex(v)}"$`, 'm'), replacement: (v) => `  version: "${v}"` },
+  { path: 'docs/skill-integration-design.md', pattern: (v) => new RegExp(`^  version: "${escapeRegex(v)}"$`, 'm'), replacement: (v) => `  version: "${v}"` },
   { path: 'plugin-workspace/plugin.json', pattern: (v) => new RegExp(`"version": "${escapeRegex(v)}"`, 'g'), replacement: (v) => `"version": "${v}"` },
   { path: 'public/index.html', pattern: (v) => new RegExp(`\\?v=${escapeRegex(v)}`, 'g'), replacement: (v) => `?v=${v}` },
   { path: 'public/js/app.js', pattern: (v) => new RegExp(`\\?v=${escapeRegex(v)}`, 'g'), replacement: (v) => `?v=${v}` },
@@ -57,7 +57,7 @@ async function prompt(q) {
 }
 
 function usageError(msg) {
-  const e = new Error(msg || '用法：jpage version bump [--type patch|minor|major] [--target x.y.z] [--yes] [--dry-run]');
+  const e = new Error(msg || '用法：magpie version bump [--type patch|minor|major] [--target x.y.z] [--yes] [--dry-run]');
   e.name = 'UsageError';
   return e;
 }
diff --git a/bin/commands/whoami.js b/bin/commands/whoami.js
index 9eef416..0846b2e 100644
--- a/bin/commands/whoami.js
+++ b/bin/commands/whoami.js
@@ -17,7 +17,7 @@ async function run(client, _args, { base, token, exit }) {
   } catch (e) {
     if (e.status === 401) {
       err(
-        '✗ token 无效或未设置。用 --token <TOKEN>、JPAGE_TOKEN 环境变量、或 .env 的 MCP_TOKEN 提供。\n'
+        '✗ token 无效或未设置。用 --token <TOKEN>、MAGPIE_TOKEN 环境变量、或 .env 的 MCP_TOKEN 提供。\n'
       );
       (exit || ((c) => { process.exitCode = c; }))(1);
       return;
diff --git a/bin/config.js b/bin/config.js
index 929bcf5..fa839a7 100644
--- a/bin/config.js
+++ b/bin/config.js
@@ -3,15 +3,15 @@
 // 不引入 dotenv。.env 文件按 KEY=VALUE 简单行解析（兼容带引号、注释、空行）。
 //
 // 优先级（高 → 低）：
-//   --token  >  JPAGE_TOKEN env  >  MCP_TOKEN env（环境 + .env 文件）
-//   --base   >  JPAGE_BASE  env  >  默认 https://jpage.cn
+//   --token  >  MAGPIE_TOKEN env  >  MCP_TOKEN env（环境 + .env 文件）
+//   --base   >  MAGPIE_BASE  env  >  默认 http://localhost:8858
 //
-// 设计：让 jpage 默认连接线上实例 https://jpage.cn，同时支持本地开发/远程/CI 场景显式指定。
+// 设计：让 magpie 默认连接本地实例 http://localhost:8858，同时支持本地开发/远程/CI 场景显式指定。
 
 const fs = require('fs');
 const path = require('path');
 
-const DEFAULT_BASE = 'https://jpage.cn';
+const DEFAULT_BASE = 'http://localhost:8858';
 
 // 解析 .env 文件为对象。仅支持最简语法：KEY=VALUE，值可带引号，# 开头为注释。
 // 失败（文件不存在/读错）返回空对象，由调用方决定是否报错。
@@ -70,13 +70,13 @@ function resolveConfig(opts, env = process.env, cwd = process.cwd()) {
 
   const token =
     opts.token ||
-    env.JPAGE_TOKEN ||
-    dotEnv.JPAGE_TOKEN ||
+    env.MAGPIE_TOKEN ||
+    dotEnv.MAGPIE_TOKEN ||
     env.MCP_TOKEN ||
     dotEnv.MCP_TOKEN ||
     null;
 
-  const base = (opts.base || env.JPAGE_BASE || dotEnv.JPAGE_BASE || DEFAULT_BASE)
+  const base = (opts.base || env.MAGPIE_BASE || dotEnv.MAGPIE_BASE || DEFAULT_BASE)
     .replace(/\/+$/, ''); // 去尾部斜杠，避免拼接出 //
 
   return { token, base };
diff --git a/bin/jpage.js b/bin/magpie.js
similarity index 80%
rename from bin/jpage.js
rename to bin/magpie.js
index 4dc62f5..1982a68 100644
--- a/bin/jpage.js
+++ b/bin/magpie.js
@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-// jpage CLI 入口：解析 argv → 解析配置 → 创建 client → dispatch 到命令。
+// magpie CLI 入口：解析 argv → 解析配置 → 创建 client → dispatch 到命令。
 //
 // 分层：
 //   args.js     argv → {cmd, sub, opts, positional}
@@ -40,10 +40,10 @@ const COMMANDS = {
 // 这些命令纯本地执行（不调后端 API），不强制要求 token。
 const NO_TOKEN = new Set(['update', 'skill', 'version']);
 
-const HELP = `jpage —— 即页命令行
+const HELP = `magpie —— 纸鹊 Magpie 命令行
 
 用法：
-  jpage <命令> [参数] [选项]
+  magpie <命令> [参数] [选项]
 
 命令：
   upload <路径> [--public] [--overwrite ID]   上传文件（multipart，ZIP 自动判 bundle/batch）
@@ -57,9 +57,9 @@ const HELP = `jpage —— 即页命令行
   tags <id> [add|set|clear] [名,名,...]        查看 / 追加 / 替换 / 清空标签
   skills ls | get <名> | download <名> [--out 文件]
                                               列出 / 查看 / 下载 Skill（服务器端 skills）
-  skill install [--dir <路径>]                安装本包内置的 jpage Skill 到 Claude
-  skill update                                更新本地 jpage Skill（install 别名）
-  skill uninstall [--dir <路径>]              卸载本地 jpage Skill
+  skill install [--dir <路径>]                安装本包内置的 magpie Skill 到 Claude
+  skill update                                更新本地 magpie Skill（install 别名）
+  skill uninstall [--dir <路径>]              卸载本地 magpie Skill
   version bump [--type patch|minor|major] [--target x.y.z] [--yes] [--dry-run]
                                               交互式升级项目版本号并同步所有文件
   template ls [--category <slug> --file-type html|markdown --kw <词> --limit N]
@@ -68,29 +68,29 @@ const HELP = `jpage —— 即页命令行
   template use <id> [--name <文件名>] [--public]
                                               使用模板创建文件
   whoami                                      校验 token 是否有效
-  update [--registry <url>] [--check]         自更新到最新版（不需 token）
+  update [--registry <url>] [--check]         显示 Magpie 源码更新说明（不需 token）
 
 通用选项：
-  --token <TOKEN>        鉴权 token（jp_ 用户 token 或 MCP_TOKEN）
-  --base <URL>           服务地址（默认 https://jpage.cn）
+  --token <TOKEN>        鉴权 token（mg_ 用户 token 或 MCP_TOKEN）
+  --base <URL>           服务地址（默认 http://localhost:8858）
   --help, -h             显示本帮助
 
-token 优先级：--token > JPAGE_TOKEN 环境变量 > MCP_TOKEN 环境变量 > .env 里的同名变量
-base  优先级：--base  > JPAGE_BASE  环境变量 > 默认 https://jpage.cn
+token 优先级：--token > MAGPIE_TOKEN 环境变量 > MCP_TOKEN 环境变量 > .env 里的同名变量
+base  优先级：--base  > MAGPIE_BASE  环境变量 > 默认 http://localhost:8858
 
-支持的环境变量：JPAGE_TOKEN、JPAGE_BASE、MCP_TOKEN（JPAGE_BASE 可替代 --base）
+支持的环境变量：MAGPIE_TOKEN、MAGPIE_BASE、MCP_TOKEN（MAGPIE_BASE 可替代 --base）
 
 示例：
-  jpage upload ./report.html --public
-  jpage upload ./site.zip --public
-  jpage upload ./x.html --overwrite 12
-  jpage ls --kw 季度 --limit 5
-  jpage cat 8
-  jpage tags 8 add 季度,财报
-  jpage skills download jpage
-  jpage template use 12 --name 季度汇报.html --public
+  magpie upload ./report.html --public
+  magpie upload ./site.zip --public
+  magpie upload ./x.html --overwrite 12
+  magpie ls --kw 季度 --limit 5
+  magpie cat 8
+  magpie tags 8 add 季度,财报
+  magpie skills download magpie
+  magpie template use 12 --name 季度汇报.html --public
 
-详细文档：https://github.com/code2rich/jpage`;
+详细文档：https://github.com/enderchen/magpie`;
 
 /**
  * 运行 CLI。供入口和测试共用。
@@ -131,7 +131,7 @@ async function run(argv, inject = {}) {
   const { token, base } = resolveConfig(opts, inject.env, inject.cwd);
   if (!token && !NO_TOKEN.has(cmd)) {
     stderr.write(
-      '未提供 token。用 --token <TOKEN>、JPAGE_TOKEN 环境变量、或 .env 的 MCP_TOKEN 设置。\n'
+      '未提供 token。用 --token <TOKEN>、MAGPIE_TOKEN 环境变量、或 .env 的 MCP_TOKEN 设置。\n'
     );
     exit(2);
     return;
@@ -157,7 +157,7 @@ function handleError(e, { stderr, exit }) {
   if (e instanceof HttpError) {
     stderr.write(`✗ ${e.message}\n`);
     if (e.status === 401) {
-      stderr.write('  token 无效或已失效。检查 --token / JPAGE_TOKEN / .env 的 MCP_TOKEN。\n');
+      stderr.write('  token 无效或已失效。检查 --token / MAGPIE_TOKEN / .env 的 MCP_TOKEN。\n');
     }
     if (e.status === 429) {
       stderr.write('  请求过于频繁（如上传 50 次/15 分钟）。稍后再试。\n');
@@ -175,7 +175,7 @@ function handleError(e, { stderr, exit }) {
   exit(1);
 }
 
-// 直接执行（node bin/jpage.js ...）
+// 直接执行（node bin/magpie.js ...）
 if (require.main === module) {
   const argv = process.argv.slice(2);
   run(argv).catch((e) => {
diff --git a/docker-compose.yml b/docker-compose.yml
index 73a3bb1..5a1a1a2 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,7 +1,7 @@
 services:
   app:
     build: .
-    container_name: jpage
+    container_name: magpie
     ports:
       - "8858:8858"
     volumes:
@@ -9,7 +9,7 @@ services:
     environment:
       - NODE_ENV=${NODE_ENV:-production}
       - PORT=${PORT:-8858}
-      - JPAGE_DATA_DIR=${JPAGE_DATA_DIR:-/app/data}
+      - MAGPIE_DATA_DIR=${MAGPIE_DATA_DIR:-/app/data}
       - ADMIN_USER=${ADMIN_USER:-admin}
       - ADMIN_PASSWORD=${ADMIN_PASSWORD:-}
       - SESSION_SECRET=${SESSION_SECRET:-}
diff --git a/docs/RELEASING.md b/docs/RELEASING.md
index 5c00c8d..267b702 100644
--- a/docs/RELEASING.md
+++ b/docs/RELEASING.md
@@ -1,209 +1,38 @@
-# 发版指南
+# 纸鹊 Magpie：npm 打包与后续发布
 
-> 维护者文档。记录如何把 `@code2rich/jpage` 发布到 npm，以及 GitHub Actions 自动发版的配置与一次性设置。
+当前包名 `magpie`，命令 `magpie`，版本由 package.json 管理。npm 包尚未发布。`private: true` 阻止误发布，不影响本地打包安装，也不改变 GitHub 可见性。
 
-## TL;DR
+## 本地制作
 
-```bash
-npm version patch          # 1.5.0 → 1.5.1（自动改 package.json + commit + 打 tag）
-git push origin main       # 推 commit
-git push origin v1.5.1     # 推 tag → 触发 GitHub Actions 自动发布
-```
-
-打完 tag 等 Actions 跑完（2-3 分钟），`npm view @code2rich/jpage version` 确认。
-
----
-
-## 前置（一次性配置）
-
-### 1. 生成 npm granular access token
-
-专为 CI 用的 token，不要复用你本地的或之前的。
-
-1. 访问 `https://www.npmjs.com/settings/code2richnpm/tokens/granular-access-tokens/new`
-2. 按以下填：
-   - **Name**: `jpage-ci-publish`（或任意易识别的名字）
-   - **Expiration**: 建议 90 天（到期前轮换）
-   - **Packages and scopes**: `Only select packages and scopes` → 勾 `@code2rich`
-     - 包已存在时可选精确到 `@code2rich/jpage`，权限更小更安全
-   - **Permissions**: `Read and write`
-3. 生成后复制 `npm_xxxx...`（**只显示一次**）
-
-> granular token 在生成时已勾选 bypass 2FA，CI 发布无需 OTP。
-
-### 2. 把 token 存进 GitHub Secrets
-
-1. 访问 `https://github.com/code2rich/jpage/settings/secrets/actions`
-2. **New repository secret**
-   - Name: `NPM_TOKEN`
-   - Value: 上一步复制的 token
-3. Add secret
-
-token 从此只存在 GitHub Secrets，不出现在本地终端、代码、`.npmrc`。
-
-### 3.（强烈建议）给 npm 账号开 2FA
-
-访问 `https://www.npmjs.com/settings/code2richnpm/account/security` → 选 `auth-and-writes`。
-
-- 2FA 保护**账号登录态**（防账号被盗后乱改设置）
-- granular token 的 bypass 2FA 只针对**发布动作**，两者互补不冲突
-
----
-
-## 发版流程
-
-### 常规发版（推荐：自动 CI）
-
-```bash
-# 1. 确认在 main 分支且工作区干净
-git checkout main
-git status
-
-# 2. 升版本号（npm version 会自动改 package.json + commit + 打 tag）
-npm version patch    # 1.5.0 → 1.5.1  修 bug
-# npm version minor  # 1.5.0 → 1.6.0  新功能
-# npm version major  # 1.5.0 → 2.0.0  破坏性变更
-
-# 3. 推送 commit 和 tag
-git push origin main
-git push origin v1.5.1
-
-# 4. 等 GitHub Actions 跑完
-#    进度：https://github.com/code2rich/jpage/actions
-#    成功后验证：
-npm view @code2rich/jpage version
-```
-
-**CI 会做什么**（见 `.github/workflows/release.yml`）：
-
-1. checkout 代码
-2. `npm ci`（用 lockfile 锁定的依赖）
-3. lint + test（全绿才继续）
-4. build 前端产物
-5. **校验 tag 名 == package.json version**（防手滑：tag 标 v1.6.0 但 package.json 还写 1.5.0 会失败）
-6. `npm publish`（用 `NPM_TOKEN` 鉴权）
-7. 在 Actions Summary 写发布结果
-
-### 手动发版（应急，CI 挂了时用）
-
-```bash
-# 1. 确认版本号已改、commit 已推
-npm version patch
-git push origin main
-git push origin v1.5.1
-
-# 2. 本地登录（首次需要）
-npm login
-
-# 3. 发布（账号开了 2FA 时需要 --otp）
-npm publish --otp=<authenticator 当前的 6 位>
-
-# 4. 验证
-npm view @code2rich/jpage version
-```
-
-> 手动发版后建议补打 tag（如果 `npm version` 已打就不用），保持「每个 npm 版本对应一个 git tag」。
-
----
-
-## 版本号约定（语义化版本）
-
-| 改动类型 | 命令 | 例子 | 含义 |
-|---|---|---|---|
-| 修 bug、小优化 | `npm version patch` | 1.5.0 → 1.5.1 | 向后兼容的修复 |
-| 新功能 | `npm version minor` | 1.5.0 → 1.6.0 | 向后兼容的新能力 |
-| 破坏性变更 | `npm version major` | 1.5.0 → 2.0.0 | 不兼容旧版的改动 |
-
-> 重大变更应同步更新 `CHANGELOG`（如果有）或在 GitHub Release 写说明。
-
----
-
-## 预发版（可选，beta/rc）
-
-npm 支持预发布版本号，如 `1.6.0-beta.1`：
+在源码目录执行：
 
 ```bash
-npm version prerelease --preid=beta   # 1.5.0 → 1.6.0-beta.0
-git push origin main
-git push origin v1.6.0-beta.0
-
-# 用户安装 beta：npm install -g @code2rich/jpage@beta
-# 正式版：npm install -g @code2rich/jpage@latest（默认）
+npm ci
+npm run lint
+npm test
+npm pack
 ```
 
-预发版默认不进 `latest` tag，用户不主动指定 `@beta` 不会装到。
-
----
+`prepack` 自动构建前端。package.json 的 files 清单只包含运行所需代码、静态资源、模板、Skill、环境变量示例和许可文档；实际 .env、数据、账号、日志、测试及插件工程不得进入包。
 
-## 回滚 / 撤回
-
-**npm 版本一旦发布，版本号永久占用，无法删除**（只能 deprecate）。
-
-### 标记弃用（deprecate）
+安装已审核的本地压缩包：
 
 ```bash
-# 弃用某个版本（用户安装时会看到警告）
-npm deprecate @code2rich/jpage@1.5.1 "有严重 bug，请用 1.5.2"
+npm install -g ./magpie-1.6.7.tgz
+magpie --help
 ```
 
-### 发布修复版本
-
-发一个新版本（如 `1.5.2`）修正问题，然后 deprecate 坏版本。**不要试图覆盖已发布的版本号**——npm 不允许重复发布同一版本。
-
-### 完全撤下包（72 小时内）
-
-```bash
-# 包发布 72 小时内可 unpublish 整个包（慎用，会破坏所有依赖者）
-# npm unpublish @code2rich/jpage --force
-```
-
-> 超过 72 小时无法 unpublish。一般用 deprecate + 发新版本代替。
-
----
-
-## 故障排查
-
-### CI 发版失败
-
-| 错误 | 原因 | 处理 |
-|---|---|---|
-| `403 Forbidden - Two-factor authentication required` | `NPM_TOKEN` 是 session token 不是 granular token | 重新生成 granular token（bypass 2FA），更新 GitHub Secret |
-| `403 Forbidden - You do not have permission` | token 权限不含 `@code2rich` scope | 重新生成 token，Packages 勾 `@code2rich` |
-| `EPUBLISHCONFLICT - You cannot publish over` | 该版本号已发布过 | 升版本号再发，npm 不允许覆盖 |
-| `tag (x) 与 package.json version (y) 不一致` | tag 名和 package.json 对不上 | 确保 `npm version` 自动打 tag，或手动对齐 |
-| lint/test/build 失败 | 代码有问题 | 看 Actions 日志修，修完不用重打 tag（直接 push commit 到 main，tag 已存在不会重跑——需删 tag 重打） |
-
-**删 tag 重跑**（修完代码后）：
-
-```bash
-git tag -d v1.5.1                  # 删本地
-git push origin :refs/tags/v1.5.1  # 删远程
-# 重新打 tag（指向最新 commit）
-git tag v1.5.1
-git push origin v1.5.1
-```
-
-### `NPM_TOKEN` 过期 / 轮换
-
-1. npm 网站生成新 granular token
-2. 更新 GitHub Secret：`https://github.com/code2rich/jpage/settings/secrets/actions` → `NPM_TOKEN` → Update
-3. 下次发版自动用新 token
-
----
+配置 `MAGPIE_BASE` 和 `MAGPIE_TOKEN`，或使用 `--base` / `--token`。默认地址为 `http://localhost:8858`。也可在源码目录用 `npm link` 注册命令。
 
-## 安全清单（每次发版前后自查）
+运行网页服务请在源码目录设置环境变量并执行 `npm start`；或设置 `MAGPIE_DATA_DIR` 指向可写的持久数据目录后运行包内 server.js。配置必须与实际部署一致。
 
-- [ ] 没有把 npm token / `.npmrc` 含明文 token 的文件 commit 到仓库
-- [ ] `.gitignore` 含 `.npmrc`（防误提交）
-- [ ] CI 的 `NPM_TOKEN` 是 granular token（最小权限），不是账号 session token
-- [ ] npm 账号开了 2FA（`auth-and-writes`）
-- [ ] 过期的 token 已在 npm 网站撤销
+## 发布前需要完成
 
----
+1. 确认 npm 账号及 `magpie` 名称的实际发布权限。未找到公开包不等于已取得名称所有权。
+2. 确认版本号、公开范围及发布内容，复核包中没有账号、Token、数据库或上传文件。
+3. 在获得正式发布授权后移除 `private: true`，重新通过检查并审核 tarball，再手动发布该 tarball。
+4. 发布成功后验证 registry 元信息及全新安装，再把用户安装说明改为 registry 命令。
 
-## 相关文件
+本次不配置 NPM_TOKEN、不执行 npm publish、不创建发布标签。GitHub 的 Prepare npm package 工作流只能手动触发，执行验证和打包并保存构建产物，**不发布 npm**。
 
-- `.github/workflows/release.yml` — 自动发版 workflow（tag 触发）
-- `.github/workflows/ci.yml` — CI 测试 workflow（push/PR 触发）
-- `package.json` 的 `publishConfig.access: "public"` — scoped 包公开发布（必须）
-- `package.json` 的 `bin`、`engines`、`version` — 发布元信息
+CLI 的 update 命令在 private 为 true 时只显示源码更新说明。将来启用发布后，它从 package.json 读取本项目包名，更新到该名称对应的版本。
diff --git a/docs/api.md b/docs/api.md
index 309d1a3..1c93942 100644
--- a/docs/api.md
+++ b/docs/api.md
@@ -1,6 +1,6 @@
-# 即页 REST API 参考
+# 纸鹊 Magpie REST API 参考
 
-端口 `8858`（`PORT` 可覆盖）。所有写入类端点要求登录（session cookie `jpage.sid`）或 Bearer token。
+端口 `8858`（`PORT` 可覆盖）。所有写入类端点要求登录（session cookie `magpie.sid`）或 Bearer token。
 
 ## 通用说明
 
@@ -8,7 +8,7 @@
 |---|---|
 | Base URL | `http://localhost:8858` |
 | 内容类型 | 除 `POST /api/files/upload`（multipart）外均为 `application/json` |
-| 鉴权 | 三选一：session cookie `jpage.sid`（登录后获得）**或** 用户级 API Token（`Authorization: Bearer jp_xxx`）**或** 全局 `MCP_TOKEN`（向后兼容） |
+| 鉴权 | 三选一：session cookie `magpie.sid`（登录后获得）**或** 用户级 API Token（`Authorization: Bearer mg_xxx`）**或** 全局 `MCP_TOKEN`（向后兼容） |
 | 字符集 | UTF-8 |
 | 文件大小上限 | 50 MB |
 | 允许扩展名（上传） | `.html` `.htm` `.md` `.markdown` `.zip` |
@@ -26,7 +26,7 @@
 当前登录信息。返回 `{id, username, email, emailVerified, role}` 或 401。
 
 ```bash
-curl -b jpage.sid=<cookie> http://localhost:8858/api/auth/me
+curl -b magpie.sid=<cookie> http://localhost:8858/api/auth/me
 ```
 
 ### `POST /api/auth/login`
@@ -39,7 +39,7 @@ curl -b jpage.sid=<cookie> http://localhost:8858/api/auth/me
 - 用户名不存在 → 404。
 
 ```bash
-curl -c jpage.sid -X POST http://localhost:8858/api/auth/login \
+curl -c magpie.sid -X POST http://localhost:8858/api/auth/login \
   -H "Content-Type: application/json" \
   -d '{"account":"admin","password":"admin1234"}'
 ```
@@ -138,7 +138,7 @@ Google OIDC 授权回调。服务端校验 state、nonce、签名、issuer 与 a
 - `isPublic` — `true` / `false`（可选，默认 `true`）
 
 ```bash
-curl -b jpage.sid -X POST http://localhost:8858/api/files/upload \
+curl -b magpie.sid -X POST http://localhost:8858/api/files/upload \
   -F "file=@report.html" \
   -F "isPublic=true"
 ```
@@ -168,7 +168,7 @@ curl -b jpage.sid -X POST http://localhost:8858/api/files/upload \
 返回同 multipart 端点。`uploaded_by` 自动取 session 用户 id。同名文件自动覆盖（备份旧版本到 `file_versions`）。
 
 ```bash
-curl -b jpage.sid -X POST http://localhost:8858/api/files/upload-json \
+curl -b magpie.sid -X POST http://localhost:8858/api/files/upload-json \
   -H "Content-Type: application/json" \
   -d '{"name":"hello.html","content":"<h1>hi</h1>"}'
 ```
@@ -187,7 +187,7 @@ MCP `upload_file` 调用的 ZIP 入口。Body: `{name, content(base64), ...}`，
 至少传一个字段。仅 admin 或文件所有者。
 
 ```bash
-curl -b jpage.sid -X PUT http://localhost:8858/api/files/1 \
+curl -b magpie.sid -X PUT http://localhost:8858/api/files/1 \
   -H "Content-Type: application/json" \
   -d '{"name":"new-name.html"}'
 ```
@@ -346,7 +346,7 @@ MCP 使用的 JSON 覆盖上传，自动版本备份。
 
 ## API Token
 
-每用户最多 10 个，格式 `jp_` + 32 位 base62，DB 存 SHA-256 哈希 + 前 8 位前缀，明文仅创建时返回一次。
+每用户最多 10 个，格式 `mg_` + 32 位 base62，DB 存 SHA-256 哈希 + 前 8 位前缀，明文仅创建时返回一次。
 
 | 端点 | 方法 | 说明 |
 |---|---|---|
@@ -397,7 +397,7 @@ MCP 使用的 JSON 覆盖上传，自动版本备份。
 
 ## Skills（AI 技能包）
 
-技能包是与 jpage MCP server 配套的 [Claude Code / Claude Desktop Skill](https://modelcontextprotocol.io) 仓库。Web UI 的"AI 技能"区域支持浏览与下载。
+技能包是与 magpie MCP server 配套的 [Claude Code / Claude Desktop Skill](https://modelcontextprotocol.io) 仓库。Web UI 的"AI 技能"区域支持浏览与下载。
 
 - `GET /api/skills` — 列出 `skills/*/SKILL.md` 中的所有 skill
 - `GET /api/skills/:name` — 返回 skill 详情（含 SKILL.md 正文 + 文件清单）
@@ -413,16 +413,16 @@ MCP 使用的 JSON 覆盖上传，自动版本备份。
 ### `GET /api/skills`
 
 ```bash
-curl -b jpage.sid http://localhost:8858/api/skills
+curl -b magpie.sid http://localhost:8858/api/skills
 ```
 
 ```json
 {
   "skills": [
     {
-      "name": "jpage",
-      "title": "jpage",
-      "description": "即页统一技能：生成 HTML / Markdown 内容、制作幻灯片、使用模板市场、上传文件…",
+      "name": "magpie",
+      "title": "magpie",
+      "description": "纸鹊 Magpie统一技能：生成 HTML / Markdown 内容、制作幻灯片、使用模板市场、上传文件…",
       "version": "",
       "author": "",
       "fileCount": 1,
@@ -435,7 +435,7 @@ curl -b jpage.sid http://localhost:8858/api/skills
 ### `GET /api/skills/:name`
 
 ```bash
-curl -b jpage.sid http://localhost:8858/api/skills/jpage
+curl -b magpie.sid http://localhost:8858/api/skills/magpie
 ```
 
 返回：`{name, title, description, version, author, fileCount, totalSize, files: [...], body: "<SKILL.md 正文 markdown>"}`
@@ -443,10 +443,10 @@ curl -b jpage.sid http://localhost:8858/api/skills/jpage
 ### `GET /api/skills/:name/download`
 
 ```bash
-curl -b jpage.sid -OJ http://localhost:8858/api/skills/jpage/download
+curl -b magpie.sid -OJ http://localhost:8858/api/skills/magpie/download
 ```
 
-下载 `jpage.zip`，解压后是完整的 skill 目录（顶层目录名为 skill 名），可直接复制到 `~/.claude/skills/`。
+下载 `magpie.zip`，解压后是完整的 skill 目录（顶层目录名为 skill 名），可直接复制到 `~/.claude/skills/`。
 
 ---
 
@@ -484,10 +484,10 @@ curl -X POST http://localhost:8858/api/feedback \
 | 项 | 值 |
 |---|---|
 | 路径 | `POST`/`GET`/`DELETE` `/mcp` |
-| 鉴权 | `Authorization: Bearer <MCP_TOKEN>`（全局，向后兼容）**或** 用户级 API Token（`jp_xxx`） |
+| 鉴权 | `Authorization: Bearer <MCP_TOKEN>`（全局，向后兼容）**或** 用户级 API Token（`mg_xxx`） |
 | 协议 | MCP Streamable HTTP（最新规范） |
 | 工具（15 个） | `list_files` / `upload_file` / `get_file_content` / `delete_file` / `rename_file` / `get_file_url` / `list_file_versions` / `restore_file_version` / `list_tags` / `add_tags_to_file` / `star_file` / `unstar_file` / `list_categories` / `create_category` / `set_file_category` |
-| 资源 | `jpage://files` / `jpage://file/{id}`（≤ 256KB） |
+| 资源 | `magpie://files` / `magpie://file/{id}`（≤ 256KB） |
 
 工具和资源**不走 `fetch('http://127.0.0.1:port/...')` 自调用**，而是通过 `lib/dispatch.js` 的进程内分发器直接调用 `app.handle()`，复用同一 Bearer token。绕过 TCP 序列化与二次鉴权 DB 查询（单次调用约快 80%），同时权限、限流、审计与 HTTP 完全一致。
 
@@ -502,7 +502,7 @@ curl -X POST http://localhost:8858/api/feedback \
 | `PORT` | `8858` | HTTP 监听端口 |
 | `NODE_ENV` | `development` | `production` 时强制要求 `SESSION_SECRET`，Cookie 仅 HTTPS 下发送 |
 | `SESSION_SECRET` | 随机生成（开发） | session 签名密钥。生产必设 |
-| `JPAGE_DATA_DIR` | `./data` | 数据目录（数据库、会话、上传文件） |
+| `MAGPIE_DATA_DIR` | `./data` | 数据目录（数据库、会话、上传文件） |
 | `ADMIN_USER` | `admin` | 启动时若 users 表为空，自动创建该用户名的管理员 |
 | `ADMIN_PASSWORD` | — | 管理员密码（≥ 8 位）。留空则自动生成 16 位随机密码并打到启动日志 |
 | `MCP_TOKEN` | — | 全局 `/mcp` Bearer token（可选）。**未设置时仍可用用户级 API Token 访问 `/mcp`** |
diff --git a/docs/design/billing-system.md b/docs/design/billing-system.md
index 9a92772..63e7787 100644
--- a/docs/design/billing-system.md
+++ b/docs/design/billing-system.md
@@ -1,4 +1,4 @@
-# 即页计费与积分消费体系设计文档
+# 纸鹊 Magpie计费与积分消费体系设计文档
 
 > 版本：v3.0 | 日期：2026-06-27 | 状态：设计中
 >
@@ -10,7 +10,7 @@
 
 ## 1. 概述
 
-为即页引入多层级套餐体系与积分消费体系，通过 **存储容量、文件数量、API 调用量、功能权限、积分余额** 等维度区分 Free / Pro / Max 三个套餐。当前采用 **激活码** 模式——管理员生成激活码，用户输入后解锁对应套餐或获得积分，以此验证付费需求，后续再接入在线支付。
+为纸鹊 Magpie引入多层级套餐体系与积分消费体系，通过 **存储容量、文件数量、API 调用量、功能权限、积分余额** 等维度区分 Free / Pro / Max 三个套餐。当前采用 **激活码** 模式——管理员生成激活码，用户输入后解锁对应套餐或获得积分，以此验证付费需求，后续再接入在线支付。
 
 ### 1.1 设计目标
 
@@ -37,7 +37,7 @@
 
 ### 2.1 为什么采用混合模型
 
-jpage 的资源天然分为两类：
+magpie 的资源天然分为两类：
 
 | 资源类型 | 特点 | 适合模型 |
 |---|---|---|
diff --git a/docs/design/content-template-token-binding.md b/docs/design/content-template-token-binding.md
index 9ad2b41..0181ec8 100644
--- a/docs/design/content-template-token-binding.md
+++ b/docs/design/content-template-token-binding.md
@@ -10,7 +10,7 @@
 这个流程存在三个问题：
 
 - **没有真正使用**：没有生成用户可编辑的文件，只是复制了一段提示词。
-- **没有 Token 绑定**：Session Cookie 不是系统级 Token（`jp_...` / `MCP_TOKEN`），无法与 MCP、CLI 的调用链关联。
+- **没有 Token 绑定**：Session Cookie 不是系统级 Token（`mg_...` / `MCP_TOKEN`），无法与 MCP、CLI 的调用链关联。
 - **MCP/CLI 不对称**：MCP 只能查看模板，CLI 完全没有内容模板命令，两者都无法把模板落地成用户文件。
 
 本方案把「使用模板」重新定义为：**通过已认证的 API Token 或 MCP_TOKEN，在调用者账户下实例化出一个可编辑文件**。Web UI 不再直接实例化，而是引导用户通过 MCP 或 CLI 完成绑定后的使用。
@@ -20,7 +20,7 @@
 ## 设计目标
 
 1. **无 Token 不可用**：未携带有效 Bearer token 时，不能将模板实例化为文件。
-2. **与现有 Token 体系绑定**：复用 `jp_...` 用户 API Token 与全局 `MCP_TOKEN`，不引入新 Token 类型。
+2. **与现有 Token 体系绑定**：复用 `mg_...` 用户 API Token 与全局 `MCP_TOKEN`，不引入新 Token 类型。
 3. **MCP / CLI 对称**：两端都支持「列出模板、查看模板、使用模板（实例化）」。
 4. **Web UI 转为引导入口**：市场页面仍允许匿名浏览/预览，但「使用」按钮改为复制 CLI/MCP 命令，不再直接创建文件。
 5. **可追溯**：记录每次实例化使用的 Token 前缀、来源（mcp/cli/web）、产生的文件 ID，便于审计与热度统计。
@@ -62,7 +62,7 @@ if (!colNames.has('token_hash_prefix')) {
 字段含义：
 
 - `source`：实例化来源，`'mcp'` / `'cli'` / `'web'`（预留）。
-- `token_prefix`：用户级 API Token 的明文前缀（如 `jp_a3f9...` 前 8 位）；`MCP_TOKEN` 时记 `'mcp'`。
+- `token_prefix`：用户级 API Token 的明文前缀（如 `mg_a3f9...` 前 8 位）；`MCP_TOKEN` 时记 `'mcp'`。
 - `token_hash_prefix`：用于匿名化审计，取 SHA-256(tokenValue) 前 16 位，既能追溯又避免暴露完整 token。
 
 > 原 `UNIQUE(template_id, user_id)` 保留，表示「同用户对同模板只保留最近一次实例化记录」。如果业务上需要保留历史多次实例化，应去掉该唯一约束；本方案按现有语义保留。
@@ -101,7 +101,7 @@ if (!colNames.has('token_hash_prefix')) {
 
 1. **Token 来源识别**：
    - 若认证走的是 `MCP_TOKEN`，`req.tokenSource = 'mcp'`。
-   - 若认证走的是用户级 `jp_...`，`req.tokenSource = 'cli'`（HTTP 调用时也按此标记，但 CLI 会显式带 `X-Upload-Source: cli`）。
+   - 若认证走的是用户级 `mg_...`，`req.tokenSource = 'cli'`（HTTP 调用时也按此标记，但 CLI 会显式带 `X-Upload-Source: cli`）。
    - 可通过新增中间件或直接在 `requireAuth` 中设置 `req.tokenPrefix` / `req.tokenHashPrefix`。
 
 2. **接收可选请求体**：
@@ -158,8 +158,8 @@ if (!colNames.has('token_hash_prefix')) {
   "templateId": 12,
   "title": "季度汇报 HTML-PPT",
   "fileType": "html",
-  "cli": "jpage template use 12",
-  "cliWithName": "jpage template use 12 --name 季度汇报.html --public",
+  "cli": "magpie template use 12",
+  "cliWithName": "magpie template use 12 --name 季度汇报.html --public",
   "mcp": {
     "tool": "instantiate_content_template",
     "args": { "id": 12 }
@@ -216,27 +216,27 @@ MCP server 注册工具数从 17 变为 18，需同步更新 `mcp/server.js` 注
 
 ## CLI 变更（`bin/commands/`）
 
-新增 `bin/commands/template.js`，并在 `bin/jpage.js` 的 `COMMANDS` 中注册 `template`。
+新增 `bin/commands/template.js`，并在 `bin/magpie.js` 的 `COMMANDS` 中注册 `template`。
 
 ### 命令设计
 
 ```text
-jpage template ls [--category <slug>] [--file-type html|markdown] [--kw <词>] [--limit N]
+magpie template ls [--category <slug>] [--file-type html|markdown] [--kw <词>] [--limit N]
   列出市场模板（公开端点，不需要 token）。
 
-jpage template get <id>
+magpie template get <id>
   查看模板完整内容（公开端点）。
 
-jpage template use <id> [--name <文件名>] [--public]
+magpie template use <id> [--name <文件名>] [--public]
   使用模板创建文件（需要 token）。
 ```
 
-### `jpage template use` 实现要点
+### `magpie template use` 实现要点
 
 ```js
 async function run(client, parsed) {
   const id = parsed.positional[1];
-  if (!id) throw new UsageError('用法：jpage template use <id> [--name <文件名>] [--public]');
+  if (!id) throw new UsageError('用法：magpie template use <id> [--name <文件名>] [--public]');
 
   const body = {};
   if (parsed.opts.name) body.originalName = parsed.opts.name;
@@ -271,7 +271,7 @@ CLI 客户端 `createClient` 的 `source` 默认为 `'cli'`，因此 `files.uplo
 使用此模板（将在您的账户下创建文件）
 
 CLI:
-  jpage template use 12 --name 季度汇报.html
+  magpie template use 12 --name 季度汇报.html
 
 MCP:
   调用工具 instantiate_content_template，参数 { "id": 12 }
@@ -357,7 +357,7 @@ function hashPrefix(tokenValue, len = 16) {
    - 移除或弃用 `/use`。
    - 新增 `/use-guide`。
 4. **MCP**：改造 `mcp/tools-content-templates.js`，新增 `instantiate_content_template`。
-5. **CLI**：新增 `bin/commands/template.js`，注册到 `bin/jpage.js`。
+5. **CLI**：新增 `bin/commands/template.js`，注册到 `bin/magpie.js`。
 6. **前端**：改造 `public/js/pages/market.js` 的按钮行为与弹窗。
 7. **测试**：补充集成测试覆盖：
    - 匿名用户不能实例化。
@@ -372,7 +372,7 @@ function hashPrefix(tokenValue, len = 16) {
 
 - 未登录用户访问 `/market` 仍可浏览、预览，但「使用」只能复制命令，无法直接创建文件。
 - 已登录的 Web 用户同样只能复制命令，无法绕过 Token 机制。
-- CLI 用户执行 `jpage template use 12` 后，账户下出现新文件，且系统能追溯到具体 Token。
+- CLI 用户执行 `magpie template use 12` 后，账户下出现新文件，且系统能追溯到具体 Token。
 - MCP 用户在对话中调用 `instantiate_content_template`，直接生成文件并可继续编辑。
 - 热度统计更准确：`instantiation_count` 只统计真正创建文件的调用。
 
diff --git a/docs/design/db-index-and-healthcheck.md b/docs/design/db-index-and-healthcheck.md
index 003a765..68e2b19 100644
--- a/docs/design/db-index-and-healthcheck.md
+++ b/docs/design/db-index-and-healthcheck.md
@@ -165,12 +165,12 @@ sqlite3 data/database.sqlite "EXPLAIN QUERY PLAN SELECT * FROM files ORDER BY cr
 docker-compose up -d --build
 
 # 查看健康状态（等待 30 秒后）
-docker inspect --format='{{.State.Health.Status}}' jpage
+docker inspect --format='{{.State.Health.Status}}' magpie
 # 预期输出：healthy
 
 # 模拟服务异常，观察状态变化
-docker exec jpage sh -c 'mv server.js server.js.bak && kill 1'
+docker exec magpie sh -c 'mv server.js server.js.bak && kill 1'
 # 等待约 90 秒（3 × 30s retries）后再次查看
-docker inspect --format='{{.State.Health.Status}}' jpage
+docker inspect --format='{{.State.Health.Status}}' magpie
 # 预期输出：unhealthy
 ```
diff --git a/docs/plans/2026-09-27-ui-upgrade.md b/docs/plans/2026-09-27-ui-upgrade.md
new file mode 100644
index 0000000..eee5db7
--- /dev/null
+++ b/docs/plans/2026-09-27-ui-upgrade.md
@@ -0,0 +1,28 @@
+# Magpie UI 升级与阶段状态
+
+## 已确认范围
+
+以现有新首页为基准，升级本期 Web 页面为浅色 Neo-Brutalist 风格。根地址始终展示官网，工作台使用 /app/。市场、插件、历史稿及用户上传内容的内部样式不在本期改版范围。分阶段验收后继续。
+
+## 阶段
+
+1. 首页替换：实现完成，待用户验收。回退基线 aab54f5。根地址提供新首页，/app/ 提供原应用壳；迁移旧业务 hash 链接、OAuth 与邮箱验证回跳，保留首页动画和试用。
+2. 公共样式与账号页：待阶段一验收。统一设计变量、按钮、表单、弹窗和登录注册、验证结果页；本期页面固定浅色。
+3. 工作台：待实施。上传、内容库、筛选搜索、分类标签、收藏、分页与批量操作。
+4. 预览分享：待实施。工具栏、源码、ZIP 树、版本历史、分享设置及异常状态，不覆盖用户正文。
+5. 设置管理：待实施。账号、令牌、AI 接入、用户、数据、用量、反馈。
+6. 辅助页面与回归：待实施。政策条款、示例外围界面及全站验收。
+
+## 验证与交付规则
+
+每阶段执行相关功能测试、Lint、完整测试和构建，使用真实浏览器检查关键交互与受影响视口。数据库回归使用隔离数据，不修改现有用户文件。独立提交，阶段验收前不进入下一阶段。本计划不包含生产部署和 npm 发布。
+
+## 阶段一验证
+
+- Lint、构建通过；362 项自动测试全部通过，新增 6 项首页/应用入口回归测试。
+- Chrome 实测隔离账号登录、工作台入口、登录后根地址保留官网、退出登录、旧首页锚点跳转、带 OAuth 参数的旧登录链接。
+- HTML 与 Markdown 免登录生成、打开分享页、复制链接、空内容提示通过；浏览器检查未见运行错误。
+- 首页在 1440、1280、768、430、390、375、320px 无横向溢出、无损坏图片；手机菜单打开和 Escape 关闭通过。
+- 功能测试使用独立临时数据目录，验收结束恢复原有本地数据服务，端口保持 8858。
+- OAuth 真实第三方授权、真实 SMTP 注册未实测；相关接口和回跳由现有模拟集成测试覆盖。登录及工作台视觉留待后续阶段。
+- 下一步：用户验收根地址首页后，开始第二阶段公共样式与账号页。
diff --git a/docs/skill-integration-design.md b/docs/skill-integration-design.md
index 40b07fa..c333402 100644
--- a/docs/skill-integration-design.md
+++ b/docs/skill-integration-design.md
@@ -1,6 +1,6 @@
-# 即页（jpage）内容生产能力扩展 —— Skill 集成设计方案
+# 纸鹊 Magpie内容生产能力扩展 —— Skill 集成设计方案
 
-> 基于调研报告《开源 Skill 项目探索与即页集成方案》审阅后制定。
+> 基于调研报告《开源 Skill 项目探索与纸鹊 Magpie集成方案》审阅后制定。
 > 本文档是**设计稿**，不含实现代码；审阅通过后再分阶段落地。
 > 评审焦点：**可实现、易扩展、好落地**。
 
@@ -8,7 +8,7 @@
 
 ## 0. TL;DR（一句话方案）
 
-在即页现有的「**Skill 编排 → MCP 工具 → REST/DB 沉淀**」三层插件位上，**以 Skill（SKILL.md）为主载体扩展内容生产纵深**。当前已将 `jpage-upload`、`jpage-presentation`、`jpage-content-template` 合并为统一 `jpage` Skill；后续新增能力（editorial / clone-ui）作为该 Skill 的章节或模板双轨增量。`jpage-chart`（与 Mermaid 重叠）和 Phase 3 的外部市场对接列为「暂缓」。
+在纸鹊 Magpie现有的「**Skill 编排 → MCP 工具 → REST/DB 沉淀**」三层插件位上，**以 Skill（SKILL.md）为主载体扩展内容生产纵深**。当前已将 `magpie-upload`、`magpie-presentation`、`magpie-content-template` 合并为统一 `magpie` Skill；后续新增能力（editorial / clone-ui）作为该 Skill 的章节或模板双轨增量。`magpie-chart`（与 Mermaid 重叠）和 Phase 3 的外部市场对接列为「暂缓」。
 
 报告整体方向正确，但有三处技术判断需修正，本方案已据此调整。
 
@@ -21,7 +21,7 @@
 | 结论 | 评价 |
 |---|---|
 | 三条路径（Fork&Adapt / Inspire&Build / Market&Extend） | ✅ 准确，优先级合理 |
-| revealjs-skill 位于第一象限（高价值 × 低难度） | ✅ 正确，与即页定位契合 |
+| revealjs-skill 位于第一象限（高价值 × 低难度） | ✅ 正确，与纸鹊 Magpie定位契合 |
 | 现有基础设施够用（自动发现/YAML 解析/ZIP 打包/Web UI） | ✅ 属实，加 Skill 几乎零代码 |
 | Phase 3 外部市场对接（Composio/agentskills.so）投入大、收益远 | ✅ 同意，列为暂缓 |
 
@@ -31,26 +31,26 @@
 
 报告说「sandbox 已允许 JS 执行，键盘事件可在 iframe 内处理」。现实是：
 
-- reveal.js 依赖 `keydown`，但即页预览页是 SPA，父页面有全局键盘监听（方向键翻历史等），会和 iframe 抢键。
+- reveal.js 依赖 `keydown`，但纸鹊 Magpie预览页是 SPA，父页面有全局键盘监听（方向键翻历史等），会和 iframe 抢键。
 - 方向键/空格在父页面被消费时，iframe 内的 reveal.js 收不到，表现为「按键没反应」。
 
 **正解**：reveal.js 配置 `embedded: true`（依赖容器内点击聚焦）+ 预览页提供「在新窗口打开 / 全屏」兜底按钮。不假设键盘事件能自动透传。
 
 **② 「自包含化」被低估，且漏了现成的 Bundle 机制（报告 6.2）**
 
-报告在「reveal.js 库内联 / 通过 CDN」二选一里纠结，但**即页已有 `is_bundle` 机制**（ZIP 解压成目录 + `<base>` 注入相对路径）。这是第三条、也是最优解：
+报告在「reveal.js 库内联 / 通过 CDN」二选一里纠结，但**纸鹊 Magpie已有 `is_bundle` 机制**（ZIP 解压成目录 + `<base>` 注入相对路径）。这是第三条、也是最优解：
 
 | 策略 | 体积 | 离线可预览 | 实现成本 | 缺点 |
 |---|---|---|---|---|
-| CDN | 小 | ❌ 断网/内网看不到 | 最低 | 破坏即页核心卖点 |
+| CDN | 小 | ❌ 断网/内网看不到 | 最低 | 破坏纸鹊 Magpie核心卖点 |
 | 全内联 | 每文件 200KB+ | ✅ | 中 | 生成 10 个 PPT 就 2MB+ |
 | **Bundle**（本方案采用） | reveal.js 一份共用 | ✅ | 中 | 必须走 ZIP 上传 |
 
-**③ `jpage-chart` 是伪需求，建议砍掉**
+**③ `magpie-chart` 是伪需求，建议砍掉**
 
-即页 Markdown 渲染**已支持 Mermaid**（流程图/时序图/甘特图），内容模板市场已有 `dashboard` 场景（内含 Chart.js 模板）。单独的 chart Skill 与现有能力重叠，且静态 HTML 写死数据不如让 AI 直接写 Mermaid。
+纸鹊 Magpie Markdown 渲染**已支持 Mermaid**（流程图/时序图/甘特图），内容模板市场已有 `dashboard` 场景（内含 Chart.js 模板）。单独的 chart Skill 与现有能力重叠，且静态 HTML 写死数据不如让 AI 直接写 Mermaid。
 
-**建议**：砍掉 `jpage-chart` Skill；若要增强图表能力，扩 `dashboard`/`report` 场景模板即可，零新代码。
+**建议**：砍掉 `magpie-chart` Skill；若要增强图表能力，扩 `dashboard`/`report` 场景模板即可，零新代码。
 
 ### 1.3 报告工作量需如实标注
 
@@ -62,7 +62,7 @@ Phase 1「1-2 周」含 3-5 套 reveal.js 主题——reveal.js 主题是 **30+
 
 ### 2.1 扩展位分层与职责边界
 
-即页已经为内容生产预留了清晰的三层插件位。本方案严格沿用，**不新增框架**：
+纸鹊 Magpie已经为内容生产预留了清晰的三层插件位。本方案严格沿用，**不新增框架**：
 
 ```
 ┌─────────────────────────────────────────────────────────────┐
@@ -86,13 +86,13 @@ Phase 1「1-2 周」含 3-5 套 reveal.js 主题——reveal.js 主题是 **30+
 
 ### 2.2 Skill 间协作：单一上传中枢
 
-所有生产型能力**统一复用 `jpage` Skill 中的上传中枢**，不各自实现：
+所有生产型能力**统一复用 `magpie` Skill 中的上传中枢**，不各自实现：
 
 ```
 用户："做个 Q3 汇报 PPT"
   │
   ▼
-jpage Skill（编排：规划结构 → 生成 reveal.js HTML → 组装 ZIP）
+magpie Skill（编排：规划结构 → 生成 reveal.js HTML → 组装 ZIP）
   │  复用
   ▼
 upload_file（上传 ZIP → 自动判 bundle → 返回 /s/:key）
@@ -119,26 +119,26 @@ Skill 之间不直接调用，而是**通过共同的工具层间接协作**。
 
 ```
 skills/
-└── jpage/                      # 统一技能：上传中枢 + 内容生成 + 幻灯片 + 模板市场
+└── magpie/                      # 统一技能：上传中枢 + 内容生成 + 幻灯片 + 模板市场
     ├── SKILL.md                # 主技能文档
     └── assets/                 # reveal.js 引擎、主题、插件
 ```
 
-**砍掉 `jpage-chart`**（与 Mermaid + dashboard 模板重叠）。
+**砍掉 `magpie-chart`**（与 Mermaid + dashboard 模板重叠）。
 
 ### 3.1 各 Skill 职责与触发词
 
 | 能力 | 职责 | 触发词 | 落地阶段 |
 |---|---|---|---|
-| **jpage（统一 Skill）** | 上传、生成 HTML/Markdown、reveal.js 幻灯片、查模板市场仿风格 | "上传到即页""生成链接""生成 PPT""参照模板" | 已完成 |
+| **magpie（统一 Skill）** | 上传、生成 HTML/Markdown、reveal.js 幻灯片、查模板市场仿风格 | "上传到纸鹊 Magpie""生成链接""生成 PPT""参照模板" | 已完成 |
 | editorial（Skill 章节或独立指令） | 编辑/杂志风格排版 | "编辑风格""杂志排版""新闻稿" | Phase 2 |
 | clone-ui（Skill 章节或独立指令） | 克隆网站/UI 风格 | "克隆这个网站""参考这个风格" | Phase 2 |
 
 ---
 
-## 4. Phase 1 详细设计：jpage Skill 中的幻灯片能力
+## 4. Phase 1 详细设计：magpie Skill 中的幻灯片能力
 
-这是本轮最高优先级，设计要落到可执行颗粒度。该能力已并入统一 `jpage` Skill。
+这是本轮最高优先级，设计要落到可执行颗粒度。该能力已并入统一 `magpie` Skill。
 
 ### 4.1 工作流（Bundle 模式）
 
@@ -166,7 +166,7 @@ skills/
   ▼
 4. 关键配置：
    - Reveal.initialize({ embedded: true, hash: true, controls: true, ... })
-   - <base> 由即页 bundle 渲染自动注入，资源相对路径指向 /api/files/:id/asset/
+   - <base> 由纸鹊 Magpie bundle 渲染自动注入，资源相对路径指向 /api/files/:id/asset/
   │
   ▼
 5. 上传（二选一，按客户端能力）：
@@ -182,7 +182,7 @@ skills/
 
 ### 4.2 与现有 Bundle 机制的契合点（无需改后端）
 
-即页已有能力，**Phase 1 后端零改动**：
+纸鹊 Magpie已有能力，**Phase 1 后端零改动**：
 
 - `POST /api/files/upload`（multipart）和 `POST /api/files/upload-zip-base64`（MCP）都已支持 ZIP。
 - 服务端按 ZIP 内容**自动判定**：含 `index.html` + 资源目录 → `is_bundle=1`，解压成目录存储。
@@ -223,15 +223,16 @@ reveal.js 主题 = 30+ CSS 变量。四套主题的差异化全靠调这些变
 
 **工时如实标注**：每套主题（调色 + 排版 + 至少 3 种版式验证）≈ 1 天，四套 ≈ 4 天纯设计。
 
-### 4.4 jpage Skill 中幻灯片章节骨架
+### 4.4 magpie Skill 中幻灯片章节骨架
 
 ```markdown
 ---
-name: jpage
-description: 即页统一技能：生成 HTML/Markdown 内容、制作 reveal.js 幻灯片、
-  使用内容模板市场风格、上传到即页并管理文件。
-version: 1.6.6
-author: jpage
+name: magpie
+description: 纸鹊 Magpie统一技能：生成 HTML/Markdown 内容、制作 reveal.js 幻灯片、
+  使用内容模板市场风格、上传到纸鹊 Magpie并管理文件。
+metadata:
+  version: "1.6.7"
+  author: enderchen
 ---
 
 # 核心规则
@@ -266,16 +267,16 @@ author: jpage
 - 纯 MCP：upload_file(name="deck.zip", content=<base64>)（体积大时慢）
 
 # 复用
-- 上传环节统一走 jpage Skill 中的 upload_file 工具，不另造
+- 上传环节统一走 magpie Skill 中的 upload_file 工具，不另造
 ```
 
 ### 4.5 Phase 1 改动清单（审阅用）
 
 | 文件 | 改动 | 类型 |
 |---|---|---|
-| `skills/jpage/SKILL.md` | 新增 / 合并 | Skill |
-| `skills/jpage/assets/themes/*.css` | 新增 4 套主题 | 资源（随 Skill ZIP 下发） |
-| `skills/jpage/assets/reveal.js` | reveal.js 引擎 | 资源 |
+| `skills/magpie/SKILL.md` | 新增 / 合并 | Skill |
+| `skills/magpie/assets/themes/*.css` | 新增 4 套主题 | 资源（随 Skill ZIP 下发） |
+| `skills/magpie/assets/reveal.js` | reveal.js 引擎 | 资源 |
 | `migrations/013_add_presentation_scene.js` | content_templates 的 scene 预置 'presentation' 样例 | migration（可选） |
 | 预览页前端 | 加「新窗口打开」按钮（iframe 键盘兜底） | 小改（可选，Phase 1.5） |
 | 后端 routes/lib | **零改动** | — |
@@ -286,26 +287,26 @@ author: jpage
 
 ## 5. Skill 分发与更新机制
 
-为避免用户每次手动复制 SKILL.md，统一通过 **jpage CLI** 分发和更新：
+为避免用户每次手动复制 SKILL.md，统一通过 **magpie CLI** 分发和更新：
 
 ```bash
-# 安装 jpage CLI 后，一键把内置 jpage Skill 同步到 Claude 的 skills 目录
-jpage skill install
+# 安装 magpie CLI 后，一键把内置 magpie Skill 同步到 Claude 的 skills 目录
+magpie skill install
 
 # 升级 CLI 后，用同一条命令覆盖更新本地 Skill
-jpage skill update
+magpie skill update
 
 # 指定目录（例如 Claude Code 的自定义 skills 路径）
-jpage skill install --dir ~/.claude/skills/jpage
+magpie skill install --dir ~/.claude/skills/magpie
 ```
 
 实现：
 - `bin/commands/skill.js` 纯本地命令，不依赖后端 token。
-- 源目录为 npm 包内的 `skills/jpage/`（含 SKILL.md + assets/）。
+- 源目录为 npm 包内的 `skills/magpie/`（含 SKILL.md + assets/）。
 - 目标目录按 `~/.claude/skills` → `~/.claude-code/skills` → `~/.agents/skills` 顺序自动检测，也可通过 `--dir` 显式指定。
 - 每次安装先清空旧目录再复制，避免残留文件导致版本混乱。
 
-这样 Skill 版本与 npm 包版本保持一致：升级 `npm install -g @code2rich/jpage` 后执行 `jpage skill update` 即可。
+这样 Skill 版本与 npm 包版本保持一致：升级 `npm install && npm link  # 在 Magpie 源码目录执行，npm 包尚未发布` 后执行 `magpie skill update` 即可。
 
 ---
 
@@ -319,12 +320,12 @@ Phase 1 验证「Bundle Skill + 模板双轨」模式跑通后，Phase 2 按同
 
 **落地选择**：**双轨**——
 - 渲染模板 `templates/editorial.html`（第 5 套 Markdown 渲染模板，用户上传 MD 时可选）
-- `jpage` Skill 新增「编辑风格」章节（编排：任意输入 → 编辑风格 HTML → 上传）
+- `magpie` Skill 新增「编辑风格」章节（编排：任意输入 → 编辑风格 HTML → 上传）
 
 **改动**：
 - `templates/editorial.html` 新增（注意：当前 `lib/templates.js` 的 `loadTemplates()` 自动扫描 `templates/*.html`，加文件即生效）
 - `BUILTIN_TEMPLATE_THEMES` 加一行映射
-- `skills/jpage/SKILL.md` 新增 editorial 章节
+- `skills/magpie/SKILL.md` 新增 editorial 章节
 - 字体策略：Google Fonts CDN（编辑风格强依赖特定字体），或降级系统字体栈。**注意**：这破坏离线自包含，需在 SKILL.md 注明权衡。
 
 ### 5.2 clone-ui（UI 风格克隆）
@@ -332,11 +333,11 @@ Phase 1 验证「Bundle Skill + 模板双轨」模式跑通后，Phase 2 按同
 **启发**：santowilem/skills 的 7 阶段反幻觉工作流。
 
 **关键约束（决定能否落地）**：
-- 原版输出 React/Vue 多文件项目 → 即页只收单文件 HTML。**Skill 指令必须强制纯 HTML 输出**。
-- 原版依赖 Playwright 截图对比 → 即页运行环境无 Playwright。**移除验证阶段**，降级为「AI 自检 + 用户反馈迭代」。
+- 原版输出 React/Vue 多文件项目 → 纸鹊 Magpie只收单文件 HTML。**Skill 指令必须强制纯 HTML 输出**。
+- 原版依赖 Playwright 截图对比 → 纸鹊 Magpie运行环境无 Playwright。**移除验证阶段**，降级为「AI 自检 + 用户反馈迭代」。
 - 原版的「学习系统」（lessons log）→ 简化为 Skill 内的「风格特征清单」。
 
-**落地**：在 `skills/jpage/SKILL.md` 中新增 clone-ui 章节，零后端改动。输出单文件 HTML 走 `upload_file`。
+**落地**：在 `skills/magpie/SKILL.md` 中新增 clone-ui 章节，零后端改动。输出单文件 HTML 走 `upload_file`。
 
 ---
 
@@ -344,7 +345,7 @@ Phase 1 验证「Bundle Skill + 模板双轨」模式跑通后，Phase 2 按同
 
 | 报告建议 | 本方案态度 | 理由 |
 |---|---|---|
-| `jpage-chart` Skill | ❌ 砍掉 | 与 Mermaid + dashboard 模板重叠，伪需求 |
+| `magpie-chart` Skill | ❌ 砍掉 | 与 Mermaid + dashboard 模板重叠，伪需求 |
 | 对接 Composio（800+ Skill） | ⏸ 暂缓 | 依赖 Composio 平台（Rube MCP 等），解耦成本高，收益远 |
 | 对接 agentskills.so 市场 | ⏸ 暂缓 | 需 API 集成 + 动态加载安全模型，属 Phase 3 |
 | 用户自定义 Skill 上传 | ⏸ 暂缓 | 需沙箱执行模型，安全风险大，单独立项 |
@@ -360,7 +361,7 @@ Phase 1 验证「Bundle Skill + 模板双轨」模式跑通后，Phase 2 按同
 |---|---|---|
 | 验证 Bundle 渲染 reveal.js | 0.5 天 | 用一个手写 reveal.js ZIP 走 `/api/files/upload`，确认 `<base>` 注入 + 资源加载正常 |
 | 4 套 reveal.js 主题 CSS | 4 天 | **含 UI 设计**：商务/学术/创意/极简，CSS 变量驱动 |
-| `jpage` Skill SKILL.md（含幻灯片、模板市场、上传章节） | 1 天 | 触发词 + Bundle 工作流 + 上传方式 + iframe 注意事项 |
+| `magpie` Skill SKILL.md（含幻灯片、模板市场、上传章节） | 1 天 | 触发词 + Bundle 工作流 + 上传方式 + iframe 注意事项 |
 | presentation 场景模板预置 | 1 天 | scene 数组加项 + 1-2 个内置样例 |
 | 预览页「新窗口打开」按钮 | 0.5 天 | iframe 键盘兜底（可选，Phase 1.5） |
 | 端到端测试 | 1.5 天 | 4 主题 × MCP/curl 两通道 |
@@ -370,8 +371,8 @@ Phase 1 验证「Bundle Skill + 模板双轨」模式跑通后，Phase 2 按同
 | 任务 | 工时 |
 |---|---|
 | `templates/editorial.html` + 主题映射 | 2 天 |
-| `jpage` Skill 新增 editorial 章节 | 1 天 |
-| `jpage` Skill 新增 clone-ui 章节（纯指令，限单文件输出） | 2 天 |
+| `magpie` Skill 新增 editorial 章节 | 1 天 |
+| `magpie` Skill 新增 clone-ui 章节（纯指令，限单文件输出） | 2 天 |
 | 扩充内容模板至 15+（覆盖新 scene） | 3 天 |
 | 文档更新（README、CLAUDE.md、docs/api.md） | 1 天 |
 
@@ -388,7 +389,7 @@ Phase 1 验证「Bundle Skill + 模板双轨」模式跑通后，Phase 2 按同
 | # | 验证点 | 方法 | 阻塞性 |
 |---|---|---|---|
 | 1 | ZIP 含顶层目录时 entry_path 是否正确 | 手写带包裹目录的 reveal.js ZIP 上传，看渲染 | 🔴 高（若错，Bundle 模式不可用） |
-| 2 | reveal.js `embedded:true` 在即页 iframe 内翻页是否可用 | 浏览器实测方向键/空格 | 🟡 中（不可用则强依赖新窗口按钮） |
+| 2 | reveal.js `embedded:true` 在纸鹊 Magpie iframe 内翻页是否可用 | 浏览器实测方向键/空格 | 🟡 中（不可用则强依赖新窗口按钮） |
 | 3 | `<base>` 注入后 reveal.js 插件相对路径加载正常 | 打开 DevTools Network 看资源 200 | 🔴 高 |
 | 4 | upload_file 的 base64 ZIP 在 ~200KB reveal.js 体积下耗时 | 实测 token 流耗时 | 🟡 中（决定是否主推 curl 通道） |
 | 5 | 四套主题在深色/浅色系统模式下都不崩 | 切系统主题逐套看 | 🟢 低 |
@@ -401,4 +402,4 @@ Phase 1 验证「Bundle Skill + 模板双轨」模式跑通后，Phase 2 按同
 
 1. **reveal.js 资源分发**：Phase 1 是否接受「reveal.js 随每个 Skill ZIP 下发一份」（~85KB × 多 Skill 重复）？还是抽到 `skills/_shared/`？后者要改 registry。
 2. **editorial 字体**：Google Fonts CDN（破坏离线）vs 系统字体栈（风格打折）？倾向 CDN + SKILL.md 注明权衡。
-3. **clone-ui 的 Playwright 验证**：是否值得在 Phase 2 给即页加可选的 Playwright 校验能力（显著增加复杂度）？倾向不加，靠 AI 自检。
+3. **clone-ui 的 Playwright 验证**：是否值得在 Phase 2 给纸鹊 Magpie加可选的 Playwright 校验能力（显著增加复杂度）？倾向不加，靠 AI 自检。
diff --git a/docs/template-design-system.md b/docs/template-design-system.md
index 9edf260..5a2c6ff 100644
--- a/docs/template-design-system.md
+++ b/docs/template-design-system.md
@@ -1,6 +1,6 @@
-# 即页模板市场设计系统
+# 纸鹊 Magpie模板市场设计系统
 
-> 目标：让即页模板市场的所有 HTML 模板具备统一的视觉语言、精致的交互体验与可替换的真实内容结构。
+> 目标：让纸鹊 Magpie模板市场的所有 HTML 模板具备统一的视觉语言、精致的交互体验与可替换的真实内容结构。
 
 ---
 
diff --git a/docs/virtual-hosting-feasibility.md b/docs/virtual-hosting-feasibility.md
index 6274d37..668794c 100644
--- a/docs/virtual-hosting-feasibility.md
+++ b/docs/virtual-hosting-feasibility.md
@@ -1,8 +1,8 @@
-# 即页虚拟主机（Virtual Hosting）方案可行性分析
+# 纸鹊 Magpie虚拟主机（Virtual Hosting）方案可行性分析
 
 > ⚠️ **本文为设计/分析提案，尚未实现。** 所有代码片段、migration、表名均为示例。下文 migration 编号 `013` 接续当前最大值（`012_add_email_and_verification.js`）；原始草案写的 `008` 已被 `008_add_fts5.js` 占用，落地时按实际序号续号。
 >
-> 分析日期：基于即页当前代码库（Node.js + Express + SQLite3，端口 8858）。
+> 分析日期：基于纸鹊 Magpie当前代码库（Node.js + Express + SQLite3，端口 8858）。
 
 ---
 
@@ -25,11 +25,11 @@
 
 ### ✅ 总体判断：技术上完全可行，但需要分阶段实施
 
-你描述的 **基于 HTTP Host 头部的虚拟主机** 确实是现代 SaaS 的标准做法。即页当前是 Express 单体应用，改造成本可控，不需要推翻重来。
+你描述的 **基于 HTTP Host 头部的虚拟主机** 确实是现代 SaaS 的标准做法。纸鹊 Magpie当前是 Express 单体应用，改造成本可控，不需要推翻重来。
 
 **但有一个关键前提需要明确：**
 
-> 当前即页部署在内网 IP（`36.138.227.105:8858`），**自定义域名方案要求服务必须暴露在公网**（或至少有一个公网入口），否则企业的 CNAME 无法解析到你的服务器。
+> 当前纸鹊 Magpie部署在内网 IP（`36.138.227.105:8858`），**自定义域名方案要求服务必须暴露在公网**（或至少有一个公网入口），否则企业的 CNAME 无法解析到你的服务器。
 
 ---
 
@@ -45,7 +45,7 @@ app.use(async (req, res, next) => {
   const host = req.headers.host?.split(':')[0]; // 去掉端口
   
   // 跳过平台自有域名和 API 路由
-  if (host === 'jpage.code2rich.com' || host === 'localhost' || req.path.startsWith('/api/')) {
+  if (host === 'magpie.example.com' || host === 'localhost' || req.path.startsWith('/api/')) {
     return next();
   }
   
@@ -96,13 +96,13 @@ module.exports = {
 
 | 方案 | URL 示例 | 说明 |
 |------|---------|------|
-| A. 保留 `/s/:key`，Host 只影响品牌 | `www.jpage.com/s/AmeAQDsZ` | 最简单，Host 只决定渲染时是否显示白标 |
-| B. Host + 路径双重路由 | `www.jpage.com/s/AmeAQDsZ` 或 `www.jpage.com/about` | 需要企业可配置路径映射，复杂度上升 |
-| C. 纯 Host 路由（放弃短链） | `www.jpage.com/` → 企业首页 | 每个域名绑定一个「主文件」，其他文件走子路径 |
+| A. 保留 `/s/:key`，Host 只影响品牌 | `www.magpie.com/s/AmeAQDsZ` | 最简单，Host 只决定渲染时是否显示白标 |
+| B. Host + 路径双重路由 | `www.magpie.com/s/AmeAQDsZ` 或 `www.magpie.com/about` | 需要企业可配置路径映射，复杂度上升 |
+| C. 纯 Host 路由（放弃短链） | `www.magpie.com/` → 企业首页 | 每个域名绑定一个「主文件」，其他文件走子路径 |
 
-**推荐即页现阶段采用方案 A**：
+**推荐纸鹊 Magpie现阶段采用方案 A**：
 - 自定义域名访问 `/s/:key` 时，正常渲染文件
-- 但页面去掉即页 Logo/导航，显示企业品牌（White-label）
+- 但页面去掉纸鹊 Magpie Logo/导航，显示企业品牌（White-label）
 - 企业后台可配置：域名绑定、页面标题、Logo URL、主题色
 
 ### 3.4 SSL 证书：中 ⚠️
@@ -122,7 +122,7 @@ module.exports = {
 当前内网 IP 无法接收公网 CNAME 流量。需要：
 
 1. **公网入口**：云服务器 + 公网 IP，或内网穿透（frp/ngrok，不推荐生产）
-2. **域名解析**：平台需要一个「平台域名」供企业 CNAME 指向，如 `cname.jpage.code2rich.com`
+2. **域名解析**：平台需要一个「平台域名」供企业 CNAME 指向，如 `cname.magpie.example.com`
 3. **防火墙**：开放 80/443，当前 8858 是内部端口
 
 ---
@@ -133,7 +133,7 @@ module.exports = {
 
 ```
 ┌─────────────────┐     CNAME      ┌─────────────────────────────┐
-│  www.jpage.com  │ ──────────────→ │  Cloudflare (CDN + SSL 终止)  │
+│  www.magpie.com  │ ──────────────→ │  Cloudflare (CDN + SSL 终止)  │
 │  (企业自定义域名)  │                │  自动证书 + Host 头部透传      │
 └─────────────────┘                └─────────────────────────────┘
                                                   │
@@ -144,15 +144,15 @@ module.exports = {
                                     │  Caddy/Nginx (反向代理)      │
                                     │    → Host 头部透传给 Express │
                                     │  ─────────────────────────   │
-                                    │  Docker: jpage:8858         │
+                                    │  Docker: magpie:8858         │
                                     │    → SQLite 数据持久化       │
                                     └─────────────────────────────┘
 ```
 
 **阶段一能力：**
-- 企业添加 CNAME → `cname.jpage.code2rich.com`
+- 企业添加 CNAME → `cname.magpie.example.com`
 - Cloudflare 自动处理 SSL
-- 即页读取 Host，渲染时去掉平台品牌，显示企业名称
+- 纸鹊 Magpie读取 Host，渲染时去掉平台品牌，显示企业名称
 - 无需改路由结构，`/s/:key` 继续工作
 
 ### 阶段二：完整多租户（未来）
@@ -196,7 +196,7 @@ module.exports = {
 // 在 server.js 中，session 中间件之后添加
 
 const PLATFORM_DOMAINS = new Set([
-  'jpage.code2rich.com',
+  'magpie.example.com',
   'localhost',
   '127.0.0.1'
 ]);
@@ -275,7 +275,7 @@ app.get('/s/:key', async (req, res) => {
 ```javascript
 // 在 renderFile 中，生成 HTML 模板时：
 function buildPageHtml(content, file, tenant = null) {
-  const brandTitle = tenant?.page_title || '即页';
+  const brandTitle = tenant?.page_title || '纸鹊 Magpie';
   const brandLogo = tenant?.logo_url || '/assets/logo.svg';
   const themeColor = tenant?.theme_color || '#2563eb';
   const showPlatformNav = !tenant; // 自定义域名下隐藏平台导航
@@ -337,7 +337,7 @@ app.post('/api/custom-domains', requireAuth, async (req, res) => {
       [req.userId, domain, page_title || null, logo_url || null, theme_color || '#2563eb']
     );
     
-    res.json({ id: result.lastID, domain, message: '请添加 CNAME 记录指向 cname.jpage.code2rich.com' });
+    res.json({ id: result.lastID, domain, message: '请添加 CNAME 记录指向 cname.magpie.example.com' });
   } catch (e) {
     res.status(500).json({ error: '保存失败' });
   }
@@ -370,7 +370,7 @@ app.delete('/api/custom-domains/:id', requireAuth, async (req, res) => {
 }
 
 # 平台域名
-jpage.code2rich.com {
+magpie.example.com {
     reverse_proxy localhost:8858
 }
 
@@ -388,12 +388,12 @@ jpage.code2rich.com {
 
 ```bash
 # 在内网服务器上安装 cloudflared
-cloudflared tunnel create jpage
-cloudflared route dns jpage cname.jpage.code2rich.com
+cloudflared tunnel create magpie
+cloudflared route dns magpie cname.magpie.example.com
 # 配置 tunnel 指向 localhost:8858
 ```
 
-这样企业 CNAME 到 `cname.jpage.code2rich.com`，流量通过 Cloudflare Tunnel 直达你的内网服务器，**不需要公网 IP、不需要开放端口**。
+这样企业 CNAME 到 `cname.magpie.example.com`，流量通过 Cloudflare Tunnel 直达你的内网服务器，**不需要公网 IP、不需要开放端口**。
 
 ---
 
@@ -426,7 +426,7 @@ cloudflared route dns jpage cname.jpage.code2rich.com
 ### 7.2 域名合规
 
 境内托管自定义域名需要：
-- 平台域名备案（`jpage.code2rich.com` 若使用国内 CDN）
+- 平台域名备案（`magpie.example.com` 若使用国内 CDN）
 - 企业自定义域名**不需要**你备案，由企业自己负责
 - 如果用 Cloudflare（海外 CDN），备案要求宽松
 
@@ -434,7 +434,7 @@ cloudflared route dns jpage cname.jpage.code2rich.com
 
 这个虚拟主机方案可以自然延伸为「数字员工成长系统」的**培训材料托管层**：
 - 每个企业绑定自己的域名
-- 上传培训教材（HTML/Markdown）到即页
+- 上传培训教材（HTML/Markdown）到纸鹊 Magpie
 - 通过自定义域名分享，形成品牌闭环
 
 ---
diff --git a/eslint.config.mjs b/eslint.config.mjs
index f5515c0..e074124 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -82,6 +82,7 @@ const browserGlobals = {
   XMLHttpRequest: 'readonly',
   IntersectionObserver: 'readonly',
   requestAnimationFrame: 'readonly',
+  cancelAnimationFrame: 'readonly',
   CSS: 'readonly', // CSS.escape 用于 bundle 文件树选择器转义
 };
 
@@ -132,6 +133,8 @@ export default [
       'skills/*/assets/',
       // uTools 插件构建产物，每次 pack 重新生成，无需 lint
       'plugin-workspace/dist/',
+      'backups/',
+      '**/*.min.js',
     ],
   },
 
@@ -168,6 +171,18 @@ export default [
     },
   },
 
+  {
+    // 独立首页和历史视觉预览也运行在浏览器中。
+    files: ['public/home-share/**/*.js', 'public/home-brainfish/**/*.js', 'public/home-concept/**/*.js', 'public/logo-exploration/**/*.js'],
+    languageOptions: {
+      globals: { ...nodeGlobals, ...browserGlobals },
+    },
+    rules: {
+      // 这些旧稿已在文件头用 /* global */ 显式声明浏览器对象。
+      'no-redeclare': 'off',
+    },
+  },
+
   {
     // 测试文件：node:test 的 test/describe/it 等 globals
     // + browser-harness.js 注入的 puppeteer 浏览器上下文 globals
@@ -195,7 +210,7 @@ export default [
         ...nodeGlobals,
         ...browserGlobals,
         utools: 'readonly',
-        JP: 'writable',
+        Magpie: 'writable',
         Login: 'readonly',
         Upload: 'readonly',
         Detail: 'readonly',
diff --git a/lib/middleware/auth.js b/lib/middleware/auth.js
index b31f4dd..6e28a70 100644
--- a/lib/middleware/auth.js
+++ b/lib/middleware/auth.js
@@ -135,7 +135,7 @@ function requireAdmin(req, res, next) {
   next();
 }
 
-// 必须使用 Token（MCP_TOKEN 或用户级 jp_...）调用，禁止纯 Session Cookie。
+// 必须使用 Token（MCP_TOKEN 或用户级 mg_...）调用，禁止纯 Session Cookie。
 // 内容模板「使用/实例化」等需要与系统 Token 绑定的端点使用。
 function requireTokenAuth(req, res, next) {
   if (!req.userId) return res.status(401).json({ error: '未登录' });
diff --git a/lib/paths.js b/lib/paths.js
index 8fce4a1..8a94f1d 100644
--- a/lib/paths.js
+++ b/lib/paths.js
@@ -3,7 +3,7 @@
 
 const path = require('path');
 
-const DATA_DIR = process.env.JPAGE_DATA_DIR || path.join(__dirname, '..', 'data');
+const DATA_DIR = process.env.MAGPIE_DATA_DIR || path.join(__dirname, '..', 'data');
 const UPLOAD_DIR = path.join(DATA_DIR, 'uploads');
 
 module.exports = { DATA_DIR, UPLOAD_DIR };
diff --git a/mailer.js b/mailer.js
index da3c517..30b4a9b 100644
--- a/mailer.js
+++ b/mailer.js
@@ -25,7 +25,7 @@ function initMailer() {
     socketTimeout: 30000,
     dnsTimeout: 10000,
   });
-  fromAddress = SMTP_FROM || SMTP_USER || 'noreply@jpage.local';
+  fromAddress = SMTP_FROM || SMTP_USER || 'noreply@magpie.local';
   appUrl = APP_URL || 'http://localhost:8858';
   logger.info({ type: 'app', message: 'SMTP 已配置', host: SMTP_HOST, port: SMTP_PORT || 465 });
   return true;
diff --git a/mcp-server.js b/mcp-server.js
index c00bc2a..8bd90f2 100644
--- a/mcp-server.js
+++ b/mcp-server.js
@@ -11,7 +11,7 @@
 //   tools-tags.js             list_tags / add_tags_to_file
 //   tools-categories.js       list_categories / create_category / set_file_category
 //   tools-content-templates.js list_content_templates / get_content_template
-//   resources.js              jpage://files / jpage://file/{id}
+//   resources.js              magpie://files / magpie://file/{id}
 //   server.js                 createMcpServer 工厂（装配 17 tools + 2 resources）
 //   transport.js              mountMcpServer / closeMcpTransports（会话生命周期）
 //
diff --git a/mcp/constants.js b/mcp/constants.js
index 9d4270c..c5f22ed 100644
--- a/mcp/constants.js
+++ b/mcp/constants.js
@@ -1,6 +1,6 @@
 // MCP 模块共享常量。从 mcp-server.js 提取，行为保持不变。
 
-// 资源（jpage://file/{id}）返回正文的大小上限：超过则提示改用 get_file_content 工具。
+// 资源（magpie://file/{id}）返回正文的大小上限：超过则提示改用 get_file_content 工具。
 const RESOURCE_MAX_BYTES = 256 * 1024;
 
 // upload_file 工具允许的文件扩展名（含 ZIP）。
diff --git a/mcp/resources.js b/mcp/resources.js
index b335c6e..cd78b9f 100644
--- a/mcp/resources.js
+++ b/mcp/resources.js
@@ -1,17 +1,17 @@
-// MCP 资源：jpage://files（全部文件元数据）/ jpage://file/{id}（单文件内容）。
+// MCP 资源：magpie://files（全部文件元数据）/ magpie://file/{id}（单文件内容）。
 // 从 mcp-server.js 提取，行为保持不变。
 
 const { ResourceTemplate } = require('@modelcontextprotocol/sdk/server/mcp.js');
 const { RESOURCE_MAX_BYTES } = require('./constants');
 
 function registerResources(server, { api }) {
-  // --- jpage://files ---
+  // --- magpie://files ---
   server.registerResource(
     'files',
-    'jpage://files',
+    'magpie://files',
     {
       title: 'All Files',
-      description: 'jpage 中所有文件的元数据列表（id, name, type, size, is_public, created_at）。适用于快速浏览文件概况，无需逐个查询。',
+      description: 'magpie 中所有文件的元数据列表（id, name, type, size, is_public, created_at）。适用于快速浏览文件概况，无需逐个查询。',
       mimeType: 'application/json',
     },
     async () => {
@@ -19,7 +19,7 @@ function registerResources(server, { api }) {
       return {
         contents: [
           {
-            uri: 'jpage://files',
+            uri: 'magpie://files',
             mimeType: 'application/json',
             text: JSON.stringify(data.files, null, 2),
           },
@@ -28,10 +28,10 @@ function registerResources(server, { api }) {
     }
   );
 
-  // --- jpage://file/{id} ---
+  // --- magpie://file/{id} ---
   server.registerResource(
     'file',
-    new ResourceTemplate('jpage://file/{id}', { list: undefined }),
+    new ResourceTemplate('magpie://file/{id}', { list: undefined }),
     {
       title: 'Single File Content',
       description:
diff --git a/mcp/server.js b/mcp/server.js
index 8316bad..8973715 100644
--- a/mcp/server.js
+++ b/mcp/server.js
@@ -25,7 +25,7 @@ const { registerResources } = require('./resources');
  */
 function createMcpServer({ port, api, mcpIp, protocol }) {
   const server = new McpServer(
-    { name: 'jpage', version: pkgVersion },
+    { name: 'magpie', version: pkgVersion },
     { capabilities: {} }
   );
 
diff --git a/mcp/tools-files.js b/mcp/tools-files.js
index 950f844..fb369f1 100644
--- a/mcp/tools-files.js
+++ b/mcp/tools-files.js
@@ -15,7 +15,7 @@ function registerFileTools(server, { api, port, mcpIp, protocol }) {
     'list_files',
     {
       title: 'List Files',
-      description: '列出 jpage 中存储的所有 HTML/Markdown 文件元数据。适用于查看已上传文件列表、确认上传结果、或决定后续操作目标。支持分页和排序。',
+      description: '列出 magpie 中存储的所有 HTML/Markdown 文件元数据。适用于查看已上传文件列表、确认上传结果、或决定后续操作目标。支持分页和排序。',
       inputSchema: {
         page: z.number().optional().describe('页码（默认 1）'),
         limit: z.number().optional().describe('每页数量（默认 20，最大 100）'),
@@ -51,7 +51,7 @@ function registerFileTools(server, { api, port, mcpIp, protocol }) {
     {
       title: 'Upload File',
       description:
-        '上传 HTML、Markdown 或 ZIP 文件到 jpage。【生成原则·重要】默认产出**单个自包含 HTML 文件**：CSS 用 `<style>` 内联、JS 用 `<script>` 内联、图片用 data URI 或在线 URL，全部塞进一个 .html，不要拆成 index.html + style.css + app.js 多文件再打包。单文件在即页预览最稳、分享最简单。仅生成幻灯片/演示文稿（reveal.js）或确有大量本地二进制资源时才用 ZIP 网站包。' +
+        '上传 HTML、Markdown 或 ZIP 文件到 magpie。【生成原则·重要】默认产出**单个自包含 HTML 文件**：CSS 用 `<style>` 内联、JS 用 `<script>` 内联、图片用 data URI 或在线 URL，全部塞进一个 .html，不要拆成 index.html + style.css + app.js 多文件再打包。单文件在纸鹊 Magpie预览最稳、分享最简单。仅生成幻灯片/演示文稿（reveal.js）或确有大量本地二进制资源时才用 ZIP 网站包。' +
         'ZIP 支持两种模式：网站包（含 index.html + 资源，作为整体预览）和批量上传（多个独立 HTML/MD，各自创建记录）。' +
         '非 ZIP 文件类型按扩展名自动识别。返回的 url 字段是可公开访问的预览地址。适用于将生成的报告、笔记、可视化页面等内容上传分享。',
       inputSchema: {
diff --git a/migrations/011_content_templates.js b/migrations/011_content_templates.js
index 00e4eec..a18541d 100644
--- a/migrations/011_content_templates.js
+++ b/migrations/011_content_templates.js
@@ -198,7 +198,7 @@ const BUILTIN_TEMPLATES = [
       </div>
     </div>
   </section>
-  <footer>© 2026 即页 — 让创作回归简单</footer>
+  <footer>© 2026 纸鹊 Magpie — 让创作回归简单</footer>
 </body>
 </html>`
   }
diff --git a/package-lock.json b/package-lock.json
index ae47e46..b870ed6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
-  "name": "@code2rich/jpage",
-  "version": "1.6.6",
+  "name": "magpie",
+  "version": "1.6.7",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "@code2rich/jpage",
-      "version": "1.6.6",
+      "name": "magpie",
+      "version": "1.6.7",
       "dependencies": {
         "@modelcontextprotocol/sdk": "^1.29.0",
         "archiver": "^7.0.1",
@@ -32,7 +32,7 @@
         "zod": "^3.25.76"
       },
       "bin": {
-        "jpage": "bin/jpage.js"
+        "magpie": "bin/magpie.js"
       },
       "devDependencies": {
         "@eslint/js": "^10.0.1",
@@ -43,7 +43,8 @@
       },
       "engines": {
         "node": ">=20"
-      }
+      },
+      "license": "MIT"
     },
     "node_modules/@antfu/install-pkg": {
       "version": "1.1.0",
diff --git a/package.json b/package.json
index a5693e2..a87e6cf 100644
--- a/package.json
+++ b/package.json
@@ -1,17 +1,14 @@
 {
-  "name": "@code2rich/jpage",
+  "name": "magpie",
   "version": "1.6.7",
-  "description": "即页 — 零配置 HTML/Markdown 即时预览与分享工具",
+  "description": "纸鹊 Magpie — 一纸，寄万千。HTML / Markdown 预览与分享",
   "main": "server.js",
   "bin": {
-    "jpage": "bin/jpage.js"
+    "magpie": "bin/magpie.js"
   },
   "engines": {
     "node": ">=20"
   },
-  "publishConfig": {
-    "access": "public"
-  },
   "scripts": {
     "start": "node server.js",
     "dev": "nodemon server.js",
@@ -21,7 +18,8 @@
     "lint:fix": "eslint . --fix",
     "test": "node --test test/unit/*.test.js test/integration/*.test.js",
     "test:unit": "node --test test/unit/*.test.js",
-    "test:integration": "node --test test/integration/*.test.js"
+    "test:integration": "node --test test/integration/*.test.js",
+    "prepack": "npm run build"
   },
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.29.0",
@@ -60,5 +58,27 @@
     "make-fetch-happen": "^14.0.1",
     "http-proxy-agent": "^7.0.2",
     "@tootallnate/once": "^2.0.1"
-  }
+  },
+  "private": true,
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/enderchen/magpie.git"
+  },
+  "homepage": "https://github.com/enderchen/magpie",
+  "files": [
+    "*.js",
+    "bin/",
+    "lib/",
+    "routes/",
+    "mcp/",
+    "migrations/",
+    "public/",
+    "templates/",
+    "skills/",
+    ".env.example",
+    "LICENSE",
+    "README.md",
+    "README_EN.md"
+  ]
 }
diff --git a/plugin-workspace/README.md b/plugin-workspace/README.md
index 3698b8f..9668dd3 100644
--- a/plugin-workspace/README.md
+++ b/plugin-workspace/README.md
@@ -1,14 +1,14 @@
-# 即页 uTools 插件
+# 纸鹊 Magpie uTools 插件
 
-在 uTools 中登录即页服务器，直接管理你的 HTML / Markdown 文件——搜索、上传、预览、分享、版本历史、标签分类。
+在 uTools 中登录纸鹊 Magpie服务器，直接管理你的 HTML / Markdown 文件——搜索、上传、预览、分享、版本历史、标签分类。
 
 ## 功能
 
 | 分类 | 能力 |
 |---|---|
-| 🔐 登录 | 配置远程服务器地址 + 账号密码登录（用户名或邮箱），默认服务器 `https://jpage.cn`，session 自动持久化，下次进入免登录 |
+| 🔐 登录 | 配置远程服务器地址 + 账号密码登录（用户名或邮箱），默认服务器 `http://localhost:8858`，session 自动持久化，下次进入免登录 |
 | 📋 文件列表 | 分页、按更新/创建时间/名称/大小排序、按标签/分类/收藏筛选 |
-| 🔍 搜索 | 文件名 + 全文内容搜索（走即页 FTS5 全文索引） |
+| 🔍 搜索 | 文件名 + 全文内容搜索（走纸鹊 Magpie FTS5 全文索引） |
 | ⬆ 上传 | 选择本地 `.html`/`.md`/`.zip` 文件上传；或粘贴 HTML/Markdown 文本新建 |
 | 👁 文件操作 | 预览（短链 `/s/:key`）、复制分享链接、下载、重命名、切换公开/私有、删除（带确认） |
 | ⭐ 收藏 | 一键收藏/取消收藏 |
@@ -18,12 +18,12 @@
 
 ## 鉴权说明
 
-插件使用**用户名/密码登录**走即页的 **session-cookie 鉴权**（cookie 名 `jpage.sid`，7 天有效），与网页端登录完全一致。
+插件使用**用户名/密码登录**走纸鹊 Magpie的 **session-cookie 鉴权**（cookie 名 `magpie.sid`，7 天有效），与网页端登录完全一致。
 
 > **不使用 token**：token（`MCP_TOKEN` / 用户级 API Token）是给 AI / MCP 用的另一条独立鉴权链路，插件不涉及。
 
 **为什么所有网络请求都在 `preload.js`（Node 侧）发出？**
-即页服务端的 CORS 设置是 `Access-Control-Allow-Origin: *`，但**没有** `Access-Control-Allow-Credentials: true`，浏览器侧 `fetch` 无法跨域携带 cookie。而 session 鉴权必须带 cookie，所以请求统一由 preload 用 Node 原生 `http`/`https` + 自带 cookie jar 发出，绕开浏览器 CORS 限制。
+纸鹊 Magpie服务端的 CORS 设置是 `Access-Control-Allow-Origin: *`，但**没有** `Access-Control-Allow-Credentials: true`，浏览器侧 `fetch` 无法跨域携带 cookie。而 session 鉴权必须带 cookie，所以请求统一由 preload 用 Node 原生 `http`/`https` + 自带 cookie jar 发出，绕开浏览器 CORS 限制。
 
 ## 项目结构
 
@@ -51,47 +51,47 @@ plugin-workspace/
 ### 方式一：加载未打包目录（推荐，支持热改）
 
 1. 打开 **uTools 开发者工具**（uTools 内右键 → 开发者工具，或单独下载）
-2. 新建插件 → 「加载未打包插件」→ 选择 `dist/jpage-utools/` 目录（先跑一次 `./pack.sh --dir` 生成）
+2. 新建插件 → 「加载未打包插件」→ 选择 `dist/magpie-utools/` 目录（先跑一次 `./pack.sh --dir` 生成）
 3. 开发时直接改源文件，在开发者工具里点「刷新」即可生效
 
 ```bash
-./pack.sh --dir    # 生成 dist/jpage-utools/ 目录
+./pack.sh --dir    # 生成 dist/magpie-utools/ 目录
 ```
 
 ### 方式二：安装打包好的 .upx
 
 ```bash
-./pack.sh          # 生成 dist/jpage-utools-<version>.upx
+./pack.sh          # 生成 dist/magpie-utools-<version>.upx
 ```
 
 双击 `.upx` 即可安装到 uTools。
 
 ## 使用
 
-1. 在 uTools 主搜索框输入 **「即页」**（或 `jpage`）进入插件
-2. 首次使用：服务器地址默认已填 `https://jpage.cn`（可修改），输入**账号** + **密码** → 登录
+1. 在 uTools 主搜索框输入 **「纸鹊 Magpie」**（或 `magpie`）进入插件
+2. 首次使用：服务器地址默认已填 `http://localhost:8858`（可修改），输入**账号** + **密码** → 登录
 3. 之后进入插件会自动恢复登录态；会话过期（7 天）会自动跳回登录页
 4. 需要清空本地缓存（服务器地址、账号、登录状态）时，在登录页点击「清空缓存」
 5. 在主界面搜索、上传、管理文件
 
-## 调用即页的 API
+## 调用纸鹊 Magpie的 API
 
-插件通过 `window.jpage`（preload 注入）调用以下接口（全部 `/api` 前缀，session 鉴权）：
+插件通过 `window.magpie`（preload 注入）调用以下接口（全部 `/api` 前缀，session 鉴权）：
 
 | 域 | 端点 |
 |---|---|
 | 认证 | `auth/login`, `auth/me`, `auth/logout`, `auth/change-password`, `auth/profile` |
-| 配置 | `jpage.getConfig`, `jpage.setBase`, `jpage.clearCache` |
+| 配置 | `magpie.getConfig`, `magpie.setBase`, `magpie.clearCache` |
 | 文件 | `files`（列表/搜索/分页）, `files/upload`（multipart）, `files/upload-json`, `files/:id`（详情/改/删）, `files/:id/content`, `files/:id/overwrite`, `files/:id/versions`, `files/:id/tags`, `files/:id/star`, `files/:id/category` |
 | 标签 | `tags`（增/查）, `tags/:id`（删） |
 | 分类 | `categories`（增/查）, `categories/:id`（改/删） |
 
-## 配套的即页服务器
+## 配套的纸鹊 Magpie服务器
 
-插件需要一个运行中的即页服务器。部署见即页主项目（`@code2rich/jpage`）。本地开发可快速起一个：
+插件需要一个运行中的纸鹊 Magpie服务器。部署见纸鹊 Magpie主项目（`magpie`）。本地开发可快速起一个：
 
 ```bash
 ADMIN_USER=admin ADMIN_PASSWORD=admin12345 \
 SESSION_SECRET=$(node -e "console.log(require('crypto').randomBytes(32).toString('hex'))") \
-PORT=8858 node node_modules/@code2rich/jpage/server.js
+PORT=8858 npm start  # 在 Magpie 源码目录执行
 ```
diff --git a/plugin-workspace/css/style.css b/plugin-workspace/css/style.css
index 5ea61bb..fc1617b 100644
--- a/plugin-workspace/css/style.css
+++ b/plugin-workspace/css/style.css
@@ -1,4 +1,4 @@
-/* 即页 uTools 插件 · 样式
+/* 纸鹊 Magpie uTools 插件 · 样式
    跟随系统深浅色；CSS 变量集中管理，深色模式自动覆盖 */
 
 :root {
@@ -389,7 +389,7 @@ select {
   background: var(--primary-soft);
 }
 .content.dragover::after {
-  content: "松开以上传到即页";
+  content: "松开以上传到纸鹊 Magpie";
   position: fixed;
   top: 50%;
   left: 50%;
diff --git a/plugin-workspace/diagnose.js b/plugin-workspace/diagnose.js
index 6060732..3055079 100644
--- a/plugin-workspace/diagnose.js
+++ b/plugin-workspace/diagnose.js
@@ -1,6 +1,6 @@
-// 即页「无权操作」诊断脚本
+// 纸鹊 Magpie「无权操作」诊断脚本
 // 用法：node diagnose.js <服务器地址> <账号> <密码> [文件ID]
-// 例：  node diagnose.js http://36.138.227.105:8858 code2rich 你的密码 22
+// 例：  node diagnose.js http://localhost:8858 admin 你的密码 22
 const store = {};
 global.utools = {
   dbStorage: { getItem:(k)=>k in store?store[k]:null, setItem:(k,v)=>{store[k]=v}, removeItem:(k)=>{delete store[k]} },
@@ -8,7 +8,7 @@ global.utools = {
 };
 global.window = {};
 require('./preload.js');
-const jpage = global.window.jpage;
+const magpie = global.window.magpie;
 
 (async () => {
   const [,, base, account, password, fileIdArg] = process.argv;
@@ -16,16 +16,16 @@ const jpage = global.window.jpage;
     console.log('用法: node diagnose.js <服务器地址> <账号> <密码> [文件ID]');
     process.exit(1);
   }
-  jpage.setBase(base);
+  magpie.setBase(base);
 
   console.log('=== 1. 登录 ===');
   let user;
-  try { user = await jpage.login({ account, password }); }
+  try { user = await magpie.login({ account, password }); }
   catch (e) { console.log('✗ 登录失败:', e.message); process.exit(1); }
   console.log('登录用户:', JSON.stringify({ id: user.id, username: user.username, role: user.role }));
 
   console.log('\n=== 2. 文件列表（看 uploaded_by）===');
-  const list = await jpage.listFiles({ limit: 5 });
+  const list = await magpie.listFiles({ limit: 5 });
   console.log('前5个文件:');
   list.files.forEach(f => {
     const mine = Number(f.uploaded_by) === Number(user.id) ? '✓我的' : '✗非我';
@@ -44,17 +44,17 @@ const jpage = global.window.jpage;
   // 先建一个标签
   let tagId;
   try {
-    const tag = await jpage.createTag('诊断测试标签');
+    const tag = await magpie.createTag('诊断测试标签');
     tagId = tag.id;
     console.log('  建标签成功, id:', tagId);
   } catch (e) {
     console.log('  建标签失败:', e.message, '（用已有标签重试）');
-    const tags = await jpage.listTags();
+    const tags = await magpie.listTags();
     tagId = tags.tags[0] && tags.tags[0].id;
   }
   if (tagId) {
     try {
-      await jpage.setFileTags(targetId, [tagId]);
+      await magpie.setFileTags(targetId, [tagId]);
       console.log('  ✓ 打标签成功！');
     } catch (e) {
       console.log('  ✗ 打标签失败:', e.message, '| status:', e.status);
@@ -64,7 +64,7 @@ const jpage = global.window.jpage;
 
   console.log('\n=== 5. 尝试设分类（复现 403）===');
   try {
-    await jpage.setFileCategory(targetId, null);
+    await magpie.setFileCategory(targetId, null);
     console.log('  ✓ 设分类成功（设为空）！');
   } catch (e) {
     console.log('  ✗ 设分类失败:', e.message, '| status:', e.status);
@@ -73,7 +73,7 @@ const jpage = global.window.jpage;
   console.log('\n=== 6. 尝试改文件名（同一套 ownership 校验）===');
   if (target) {
     try {
-      await jpage.updateFile(targetId, { name: target.original_name }); // 改成原名，不应有变化
+      await magpie.updateFile(targetId, { name: target.original_name }); // 改成原名，不应有变化
       console.log('  ✓ 改名成功！');
     } catch (e) {
       console.log('  ✗ 改名失败:', e.message, '| status:', e.status);
diff --git a/plugin-workspace/index.html b/plugin-workspace/index.html
index f8bc226..a7442de 100644
--- a/plugin-workspace/index.html
+++ b/plugin-workspace/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>即页</title>
+    <title>纸鹊 Magpie</title>
     <link rel="stylesheet" href="css/style.css" />
     <script>
       // ★ 全局错误兜底：必须在所有其他脚本之前执行。
@@ -17,7 +17,7 @@
           d.id = 'fatal-err';
           d.style.cssText =
             'position:fixed;top:0;left:0;right:0;padding:16px 20px;background:#fef2f2;color:#991b1b;font-family:Menlo,Monaco,monospace;font-size:12px;z-index:99999;white-space:pre-wrap;max-height:60vh;overflow:auto;border-bottom:2px solid #dc2626;box-shadow:0 2px 8px rgba(0,0,0,.15)';
-          d.textContent = '⚠ 即页插件运行出错：\n\n' + msg + '\n\n（请截图此信息反馈）';
+          d.textContent = '⚠ 纸鹊 Magpie插件运行出错：\n\n' + msg + '\n\n（请截图此信息反馈）';
           (document.body || document.documentElement).appendChild(d);
         }
         window.addEventListener('error', function (e) {
@@ -34,9 +34,9 @@
     <div id="login-view">
       <div class="login-card">
         <div class="login-logo">
-          <img src="logo.png" alt="即页" />
-          <h1>即页</h1>
-          <p id="login-subtitle">登录你的即页账户</p>
+          <img src="magpie-logo.png" alt="纸鹊 Magpie" />
+          <h1>纸鹊 Magpie</h1>
+          <p id="login-subtitle">登录你的纸鹊 Magpie账户</p>
         </div>
 
         <div id="login-error" class="login-error"></div>
@@ -48,7 +48,7 @@ <h1>即页</h1>
               id="server-url"
               class="input"
               type="text"
-              placeholder="https://jpage.cn 或 http://localhost:8858"
+              placeholder="http://localhost:8858 或 http://localhost:8858"
               autocomplete="off"
             />
           </div>
@@ -91,8 +91,8 @@ <h1>即页</h1>
       <!-- 顶栏 -->
       <div class="topbar">
         <div class="topbar-brand">
-          <img src="logo.png" alt="即页" />
-          <span>即页</span>
+          <img src="magpie-logo.png" alt="纸鹊 Magpie" />
+          <span>纸鹊 Magpie</span>
         </div>
         <div class="topbar-search">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -153,7 +153,7 @@ <h1>即页</h1>
             <polyline points="14 2 14 8 20 8" />
           </svg>
           <h3>还没有文件</h3>
-          <p>点击「上传」或「新建文本」开始使用即页</p>
+          <p>点击「上传」或「新建文本」开始使用纸鹊 Magpie</p>
         </div>
         <div id="pagination" class="pagination"></div>
       </div>
diff --git a/plugin-workspace/js/app.js b/plugin-workspace/js/app.js
index 1a480c8..b1524c8 100644
--- a/plugin-workspace/js/app.js
+++ b/plugin-workspace/js/app.js
@@ -1,4 +1,4 @@
-// 即页 uTools 插件 · 主应用逻辑（列表/搜索/分页/筛选 + 入口编排）
+// 纸鹊 Magpie uTools 插件 · 主应用逻辑（列表/搜索/分页/筛选 + 入口编排）
 
 (function () {
   const state = {
@@ -35,14 +35,14 @@
   function renderUser(user) {
     if (!user) return;
     els.userName.textContent = user.username + (user.role === 'admin' ? ' · 管理员' : '');
-    els.userAvatar.textContent = JP.initialOf(user.username);
+    els.userAvatar.textContent = Magpie.initialOf(user.username);
   }
 
   // ---- 文件列表渲染 ----
   function renderFileItem(f) {
     const iconClass = f.is_bundle ? 'zip' : f.file_type;
     const tagsHtml = (f.tags || [])
-      .map((t) => `<span class="meta-tag">${JP.escapeHtml(t.name)}</span>`)
+      .map((t) => `<span class="meta-tag">${Magpie.escapeHtml(t.name)}</span>`)
       .join('');
     const bundleBadge = f.is_bundle
       ? '<span class="meta-tag">📦 bundle</span>'
@@ -54,16 +54,16 @@
 
     return `
       <div class="file-item" data-id="${f.id}">
-        <div class="file-icon ${iconClass}">${JP.fileTypeLabel(f.is_bundle ? 'zip' : f.file_type)}</div>
+        <div class="file-icon ${iconClass}">${Magpie.fileTypeLabel(f.is_bundle ? 'zip' : f.file_type)}</div>
         <div class="file-main">
           <div class="file-name">
-            <span class="name-text">${JP.escapeHtml(f.original_name)}</span>
+            <span class="name-text">${Magpie.escapeHtml(f.original_name)}</span>
             ${visBadge}
             ${star ? `<span class="star-on">${star}</span>` : ''}
           </div>
           <div class="file-meta">
-            <span>${JP.formatSize(f.size)}</span>
-            <span>更新于 ${JP.formatDate(f.updated_at)}</span>
+            <span>${Magpie.formatSize(f.size)}</span>
+            <span>更新于 ${Magpie.formatDate(f.updated_at)}</span>
             <span>👁 ${f.view_count || 0}</span>
             ${bundleBadge}
             ${versionBadge}
@@ -140,22 +140,22 @@
       if (!f) return;
       item.querySelector('.act-open').onclick = (e) => {
         e.stopPropagation();
-        window.jpage.openExternal(window.jpage.getShareUrl(f.share_key));
+        window.magpie.openExternal(window.magpie.getShareUrl(f.share_key));
       };
       item.querySelector('.act-copy').onclick = (e) => {
         e.stopPropagation();
-        window.jpage.copyText(window.jpage.getShareUrl(f.share_key));
-        JP.toast('✓ 已复制分享链接');
+        window.magpie.copyText(window.magpie.getShareUrl(f.share_key));
+        Magpie.toast('✓ 已复制分享链接');
       };
       item.querySelector('.act-star').onclick = async (e) => {
         e.stopPropagation();
         try {
-          if (f.starred) await window.jpage.unstarFile(id);
-          else await window.jpage.starFile(id);
+          if (f.starred) await window.magpie.unstarFile(id);
+          else await window.magpie.starFile(id);
           f.starred = !f.starred;
           load();
         } catch (err) {
-          JP.showError(err);
+          Magpie.showError(err);
         }
       };
     });
@@ -165,10 +165,10 @@
 
   async function openDetail(id) {
     try {
-      const [detail] = await Promise.all([window.jpage.getFile(id)]);
+      const [detail] = await Promise.all([window.magpie.getFile(id)]);
       await Detail.open(detail, state.allTags, state.allCategories);
     } catch (err) {
-      JP.showError(err);
+      Magpie.showError(err);
     }
   }
 
@@ -181,7 +181,7 @@
       // 搜索框有输入时，按文件名过滤（listFiles 的 keyword 走 LIKE 匹配文件名），
       // 不走全文搜索 searchFiles（后者会混入正文内容匹配，且中文分词不准）。
       // 这样还能保留排序/分类/标签筛选的联动。
-      const data = await window.jpage.listFiles({
+      const data = await window.magpie.listFiles({
         page: state.page,
         limit: state.limit,
         sort: state.sort,
@@ -210,8 +210,8 @@
   async function loadFilters() {
     try {
       const [tagRes, catRes] = await Promise.all([
-        window.jpage.listTags(),
-        window.jpage.listCategories(),
+        window.magpie.listTags(),
+        window.magpie.listCategories(),
       ]);
       state.allTags = tagRes.tags || [];
       state.allCategories = catRes.categories || [];
@@ -221,7 +221,7 @@
         state.allTags
           .map(
             (t) =>
-              `<option value="${t.id}" ${String(t.id) === state.tag ? 'selected' : ''}>${JP.escapeHtml(
+              `<option value="${t.id}" ${String(t.id) === state.tag ? 'selected' : ''}>${Magpie.escapeHtml(
                 t.name
               )} (${t.file_count || 0})</option>`
           )
@@ -231,7 +231,7 @@
         state.allCategories
           .map(
             (c) =>
-              `<option value="${c.id}" ${String(c.id) === state.category ? 'selected' : ''}>${JP.escapeHtml(
+              `<option value="${c.id}" ${String(c.id) === state.category ? 'selected' : ''}>${Magpie.escapeHtml(
                 c.name
               )} (${c.file_count || 0})</option>`
           )
@@ -249,17 +249,17 @@
     if (state.entering) return; // 防止重复进入（登录事件 + onPluginEnter 可能并发触发）
     state.entering = true;
     try {
-      renderUser(user || window.jpage.getConfig().user);
+      renderUser(user || window.magpie.getConfig().user);
       Login.hide();
       await loadFilters();
       await load();
     } catch (err) {
       // 任何加载错误都不应白屏：展示主界面骨架 + 错误提示 + 重试
-      console.error('[即页] enterMain 加载失败', err);
+      console.error('[纸鹊 Magpie] enterMain 加载失败', err);
       Login.hide();
       try {
         els.list.innerHTML =
-          '<div class="empty"><h3>加载失败</h3><p>' + JP.escapeHtml(err.message || err) +
+          '<div class="empty"><h3>加载失败</h3><p>' + Magpie.escapeHtml(err.message || err) +
           '</p><p style="margin-top:8px"><button class="btn" onclick="location.reload()">重试</button></p></div>';
       } catch {}
     } finally {
@@ -330,7 +330,7 @@
     setupInternalDrop();
 
     // 登录成功 → 进入主界面，若有拖拽暂存的待上传文件则随后弹上传框
-    document.addEventListener('jpage:logged-in', async (e) => {
+    document.addEventListener('magpie:logged-in', async (e) => {
       await enterMain(e.detail);
       if (state.pendingUploadFiles && state.pendingUploadFiles.length) {
         const files = state.pendingUploadFiles;
@@ -340,7 +340,7 @@
     });
 
     // 刷新
-    document.addEventListener('jpage:refresh', () => {
+    document.addEventListener('magpie:refresh', () => {
       loadFilters();
       load();
     });
@@ -357,10 +357,10 @@
         }
 
         // 尝试恢复会话
-        const cfg = window.jpage.getConfig();
+        const cfg = window.magpie.getConfig();
         if (cfg.base && cfg.hasSession) {
           try {
-            const user = await window.jpage.me();
+            const user = await window.magpie.me();
             await enterMain(user);
             // 若是拖拽进入且有待上传文件，进主界面后直接弹上传框
             if (state.pendingUploadFiles && state.pendingUploadFiles.length) {
@@ -421,18 +421,18 @@
       const files = Array.from(e.dataTransfer.files || []);
       const paths = files.map((f) => f.path).filter(Boolean);
       if (!paths.length) {
-        JP.toast('未获取到文件路径');
+        Magpie.toast('未获取到文件路径');
         return;
       }
-      // 校验扩展名（只接受即页支持的格式）
+      // 校验扩展名（只接受纸鹊 Magpie支持的格式）
       const allowed = /\.(html?|md|markdown|zip)$/i;
       const valid = paths.filter((p) => allowed.test(p));
       const skipped = paths.length - valid.length;
       if (skipped > 0) {
-        JP.toast(`已忽略 ${skipped} 个不支持的文件`);
+        Magpie.toast(`已忽略 ${skipped} 个不支持的文件`);
       }
       if (!valid.length) {
-        JP.toast('没有可上传的文件（仅支持 html/md/zip）');
+        Magpie.toast('没有可上传的文件（仅支持 html/md/zip）');
         return;
       }
       handleDraggedFiles(valid);
@@ -441,17 +441,17 @@
 
   // ---- 设置弹窗 ----
   function openSettings() {
-    const cfg = window.jpage.getConfig();
+    const cfg = window.magpie.getConfig();
     const theme = cfg.theme || 'auto';
     const themeLabel = { auto: '跟随系统', dark: '深色', light: '浅色' };
-    JP.modal({
+    Magpie.modal({
       title: '设置 / 账号',
       bodyHtml: `
         <div class="detail-grid">
           <div class="label">服务器</div>
-          <div class="value">${JP.escapeHtml(cfg.base || '未配置')}</div>
+          <div class="value">${Magpie.escapeHtml(cfg.base || '未配置')}</div>
           <div class="label">当前账户</div>
-          <div class="value">${cfg.user ? JP.escapeHtml(cfg.user.username) : '-'}</div>
+          <div class="value">${cfg.user ? Magpie.escapeHtml(cfg.user.username) : '-'}</div>
           <div class="label">外观</div>
           <div class="value">
             <select id="setting-theme" class="select" style="max-width:140px">
@@ -468,17 +468,17 @@
         </div>`,
       onMount: (mask, close) => {
         mask.querySelector('#setting-theme').onchange = (e) => {
-          window.jpage.setTheme(e.target.value);
-          JP.toast('主题已切换为 ' + themeLabel[e.target.value]);
+          window.magpie.setTheme(e.target.value);
+          Magpie.toast('主题已切换为 ' + themeLabel[e.target.value]);
         };
         mask.querySelector('.jp-switch').onclick = () => {
           close();
           Login.show();
         };
         mask.querySelector('.jp-logout').onclick = async () => {
-          await window.jpage.logout();
+          await window.magpie.logout();
           close();
-          JP.toast('已退出登录');
+          Magpie.toast('已退出登录');
           Login.show();
         };
         mask.querySelector('.jp-reload').onclick = () => {
@@ -492,34 +492,34 @@
 
   // ---- 启动 ----
   // 事件监听器必须在首屏就绑定好（无论当前在登录页还是主界面），
-  // 否则会出现「登录成功发出 jpage:logged-in 事件时，监听器还没注册」的死锁：
+  // 否则会出现「登录成功发出 magpie:logged-in 事件时，监听器还没注册」的死锁：
   //   首次进入无 session → 只显示登录页 → bindEvents 不会被调用 →
   //   登录事件无人接收 → 主界面永不启动。
   // 因此 bindEvents 在启动阶段立即执行，enterMain 只管数据和界面。
   function bootstrap() {
     // 防御：preload 未注入时不白屏，登录页会给出明确提示
-    if (!window.jpage) {
-      console.error('[即页] window.jpage 未注入，preload 可能未加载');
+    if (!window.magpie) {
+      console.error('[纸鹊 Magpie] window.magpie 未注入，preload 可能未加载');
       Login.init();
       return;
     }
     // 应用主题
     try {
-      window.jpage.setTheme(window.jpage.getTheme());
+      window.magpie.setTheme(window.magpie.getTheme());
     } catch (e) {
-      console.warn('[即页] 应用主题失败', e);
+      console.warn('[纸鹊 Magpie] 应用主题失败', e);
     }
     cacheEls();
-    bindEvents(); // ★ 立即绑定所有事件（含 jpage:logged-in 监听）
+    bindEvents(); // ★ 立即绑定所有事件（含 magpie:logged-in 监听）
     Login.init();
 
     // onPluginEnter 驱动首屏（uTools 环境）；无 onPluginEnter 时（浏览器调试）走兜底
     if (window.utools && window.utools.onPluginEnter) {
       // onPluginEnter 已在 bindEvents 中注册
     } else {
-      const cfg = window.jpage.getConfig();
+      const cfg = window.magpie.getConfig();
       if (cfg.base && cfg.hasSession) {
-        window.jpage
+        window.magpie
           .me()
           .then((u) => enterMain(u))
           .catch(() => Login.show());
diff --git a/plugin-workspace/js/detail.js b/plugin-workspace/js/detail.js
index 93725ac..d2a479a 100644
--- a/plugin-workspace/js/detail.js
+++ b/plugin-workspace/js/detail.js
@@ -1,4 +1,4 @@
-// 即页 uTools 插件 · 文件详情弹窗（详情 / 版本 / 标签 / 分类）
+// 纸鹊 Magpie uTools 插件 · 文件详情弹窗（详情 / 版本 / 标签 / 分类）
 
 window.Detail = (function () {
   async function open(file, allTags, allCategories) {
@@ -6,17 +6,17 @@ window.Detail = (function () {
     let templates = [];
     if (detail.file_type === 'markdown' && !detail.is_bundle) {
       try {
-        const res = await window.jpage.listTemplates();
+        const res = await window.magpie.listTemplates();
         templates = (res.templates || []);
       } catch (err) {
         console.warn('加载渲染模板失败', err);
       }
     }
-    const shareUrl = window.jpage.getShareUrl(detail.share_key);
+    const shareUrl = window.magpie.getShareUrl(detail.share_key);
 
     const render = () => {
       const templateOptions = templates.map(
-        (t) => `<option value="${t.id}" ${t.id === detail.template_id ? 'selected' : ''}>${JP.escapeHtml(t.name)}${t.is_builtin ? '（内置）' : ''}</option>`
+        (t) => `<option value="${t.id}" ${t.id === detail.template_id ? 'selected' : ''}>${Magpie.escapeHtml(t.name)}${t.is_builtin ? '（内置）' : ''}</option>`
       ).join('');
       const templateRow = detail.file_type === 'markdown' && !detail.is_bundle
         ? `<div class="label">渲染模板</div>
@@ -29,7 +29,7 @@ window.Detail = (function () {
         : '';
 
       // 对比当前登录用户与文件上传者，帮助定位「无权操作」问题
-      const currentUser = window.jpage.getConfig().user;
+      const currentUser = window.magpie.getConfig().user;
       const isOwner = currentUser && Number(detail.uploaded_by) === Number(currentUser.id);
       const isAdmin = currentUser && currentUser.role === 'admin';
       const ownerMatch = isOwner
@@ -39,18 +39,18 @@ window.Detail = (function () {
         : ' <span style="color:var(--danger)">⚠ 不是你（登录ID: ' + (currentUser ? currentUser.id : '?') + '）→ 无权修改</span>';
       const body = `
         <div class="detail-url-box">
-          <input class="input" id="d-shareurl" value="${JP.escapeHtml(shareUrl)}" readonly />
+          <input class="input" id="d-shareurl" value="${Magpie.escapeHtml(shareUrl)}" readonly />
           <button class="btn btn-sm jp-copy-url">复制链接</button>
           <button class="btn btn-sm btn-primary jp-open">打开</button>
         </div>
 
         <div class="detail-grid">
           <div class="label">文件名</div>
-          <div class="value" id="d-name">${JP.escapeHtml(detail.original_name)}</div>
+          <div class="value" id="d-name">${Magpie.escapeHtml(detail.original_name)}</div>
           <div class="label">类型</div>
-          <div class="value">${detail.is_bundle ? '网站包 (bundle)' : JP.fileTypeLabel(detail.file_type)}</div>
+          <div class="value">${detail.is_bundle ? '网站包 (bundle)' : Magpie.fileTypeLabel(detail.file_type)}</div>
           <div class="label">大小</div>
-          <div class="value">${JP.formatSize(detail.size)}</div>
+          <div class="value">${Magpie.formatSize(detail.size)}</div>
           <div class="label">可见性</div>
           <div class="value">
             <span id="d-visibility">${
@@ -63,7 +63,7 @@ window.Detail = (function () {
             </button>
           </div>
           <div class="label">更新时间</div>
-          <div class="value">${JP.formatDate(detail.updated_at)}</div>
+          <div class="value">${Magpie.formatDate(detail.updated_at)}</div>
           <div class="label">上传者</div>
           <div class="value">ID: ${detail.uploaded_by}${ownerMatch}</div>
           <div class="label">浏览次数</div>
@@ -98,7 +98,7 @@ window.Detail = (function () {
       return body;
     };
 
-    const modal = JP.modal({
+    const modal = Magpie.modal({
       title: detail.original_name,
       wide: true,
       bodyHtml: render(),
@@ -106,11 +106,11 @@ window.Detail = (function () {
       onMount: (mask, close) => {
         // 复制/打开
         mask.querySelector('.jp-copy-url').onclick = () => {
-          window.jpage.copyText(shareUrl);
-          JP.toast('✓ 已复制分享链接');
+          window.magpie.copyText(shareUrl);
+          Magpie.toast('✓ 已复制分享链接');
         };
         mask.querySelector('.jp-open').onclick = () =>
-          window.jpage.openExternal(shareUrl);
+          window.magpie.openExternal(shareUrl);
 
         // 标签编辑器
         renderTagEditor(mask, detail, allTags);
@@ -124,12 +124,12 @@ window.Detail = (function () {
           templateSel.onchange = async () => {
             try {
               const templateId = templateSel.value ? Number(templateSel.value) : null;
-              await window.jpage.updateFile(detail.id, { templateId });
+              await window.magpie.updateFile(detail.id, { templateId });
               detail.template_id = templateId;
-              JP.toast('✓ 渲染模板已更新');
-              document.dispatchEvent(new CustomEvent('jpage:refresh'));
+              Magpie.toast('✓ 渲染模板已更新');
+              document.dispatchEvent(new CustomEvent('magpie:refresh'));
             } catch (err) {
-              JP.showError(err);
+              Magpie.showError(err);
             }
           };
         }
@@ -137,7 +137,7 @@ window.Detail = (function () {
         // 切换公开/私有
         mask.querySelector('.jp-toggle-public').onclick = async () => {
           try {
-            await window.jpage.updateFile(detail.id, { isPublic: !detail.is_public });
+            await window.magpie.updateFile(detail.id, { isPublic: !detail.is_public });
             detail.is_public = detail.is_public ? 0 : 1;
             const vis = mask.querySelector('#d-visibility');
             vis.innerHTML = detail.is_public
@@ -145,10 +145,10 @@ window.Detail = (function () {
               : '<span class="badge-private">🔒 私有</span>';
             mask.querySelector('.jp-toggle-public').textContent =
               '切换为' + (detail.is_public ? '私有' : '公开');
-            JP.toast(detail.is_public ? '已设为公开' : '已设为私有');
-            document.dispatchEvent(new CustomEvent('jpage:refresh'));
+            Magpie.toast(detail.is_public ? '已设为公开' : '已设为私有');
+            document.dispatchEvent(new CustomEvent('magpie:refresh'));
           } catch (err) {
-            JP.showError(err);
+            Magpie.showError(err);
           }
         };
 
@@ -157,15 +157,15 @@ window.Detail = (function () {
 
         // 下载：走 /api/files/:id/download（用文件 ID，不是 share_key）
         mask.querySelector('.jp-download').onclick = () => {
-          const base = window.jpage.getConfig().base;
-          window.jpage.openExternal(`${base}/api/files/${detail.id}/download`);
+          const base = window.magpie.getConfig().base;
+          window.magpie.openExternal(`${base}/api/files/${detail.id}/download`);
         };
 
         // 重命名
         mask.querySelector('.jp-rename').onclick = async () => {
-          void JP.modal({
+          void Magpie.modal({
             title: '重命名',
-            bodyHtml: `<input id="rn-input" class="input" value="${JP.escapeHtml(
+            bodyHtml: `<input id="rn-input" class="input" value="${Magpie.escapeHtml(
               detail.original_name
             )}" />`,
             footerHtml: `<button class="btn jp-close">取消</button><button class="btn btn-primary jp-ok">保存</button>`,
@@ -178,17 +178,17 @@ window.Detail = (function () {
               }, 50);
               m2.querySelector('.jp-ok').onclick = async () => {
                 const name = inp.value.trim();
-                if (!name) return JP.toast('文件名不能为空');
+                if (!name) return Magpie.toast('文件名不能为空');
                 try {
-                  await window.jpage.updateFile(detail.id, { name });
+                  await window.magpie.updateFile(detail.id, { name });
                   detail.original_name = name;
                   mask.querySelector('#d-name').textContent = name;
                   modal.el.querySelector('.modal-header h3').textContent = name;
                   c2();
-                  JP.toast('✓ 已重命名');
-                  document.dispatchEvent(new CustomEvent('jpage:refresh'));
+                  Magpie.toast('✓ 已重命名');
+                  document.dispatchEvent(new CustomEvent('magpie:refresh'));
                 } catch (err) {
-                  JP.showError(err);
+                  Magpie.showError(err);
                 }
               };
             },
@@ -198,13 +198,13 @@ window.Detail = (function () {
         // 分享设置
         mask.querySelector('.jp-share').onclick = () => openShareSettings(detail, (updated) => {
           Object.assign(detail, updated);
-          const newUrl = window.jpage.getShareUrl(detail.share_key);
+          const newUrl = window.magpie.getShareUrl(detail.share_key);
           mask.querySelector('#d-shareurl').value = newUrl;
         });
 
         // 删除
         mask.querySelector('.jp-delete').onclick = async () => {
-          const ok = await JP.confirm({
+          const ok = await Magpie.confirm({
             title: '删除文件',
             message: `确定删除「${detail.original_name}」？\n此操作不可撤销，将同时清理所有版本历史。`,
             danger: true,
@@ -212,12 +212,12 @@ window.Detail = (function () {
           });
           if (!ok) return;
           try {
-            await window.jpage.deleteFile(detail.id);
-            JP.toast('✓ 已删除');
+            await window.magpie.deleteFile(detail.id);
+            Magpie.toast('✓ 已删除');
             close();
-            document.dispatchEvent(new CustomEvent('jpage:refresh'));
+            document.dispatchEvent(new CustomEvent('magpie:refresh'));
           } catch (err) {
-            JP.showError(err);
+            Magpie.showError(err);
           }
         };
       },
@@ -226,21 +226,21 @@ window.Detail = (function () {
 
   // ---- 分享设置弹窗 ----
   function openShareSettings(file, onUpdate) {
-    const shareUrl = window.jpage.getShareUrl(file.share_key);
+    const shareUrl = window.magpie.getShareUrl(file.share_key);
     const expiresValue = file.share_expires_at
       ? new Date(file.share_expires_at).toISOString().slice(0, 16)
       : '';
-    JP.modal({
+    Magpie.modal({
       title: '分享设置',
       bodyHtml: `
         <div class="detail-url-box" style="margin-bottom:12px">
-          <input class="input" value="${JP.escapeHtml(shareUrl)}" readonly />
+          <input class="input" value="${Magpie.escapeHtml(shareUrl)}" readonly />
           <button class="btn btn-sm jp-copy-url">复制</button>
         </div>
         <div class="detail-grid">
           <div class="label">自定义别名</div>
           <div class="value">
-            <input id="share-alias" class="input" value="${JP.escapeHtml(file.share_key)}" placeholder="3-32位字母数字连字符" />
+            <input id="share-alias" class="input" value="${Magpie.escapeHtml(file.share_key)}" placeholder="3-32位字母数字连字符" />
             <div style="font-size:12px;color:var(--text-mute);margin-top:4px">留空并保存可重新生成随机短链</div>
           </div>
           <div class="label">过期时间</div>
@@ -262,26 +262,26 @@ window.Detail = (function () {
         <button class="btn btn-primary jp-save">保存</button>`,
       onMount: (mask, close) => {
         mask.querySelector('.jp-copy-url').onclick = () => {
-          window.jpage.copyText(shareUrl);
-          JP.toast('✓ 已复制分享链接');
+          window.magpie.copyText(shareUrl);
+          Magpie.toast('✓ 已复制分享链接');
         };
         mask.querySelector('.jp-regenerate').onclick = async () => {
-          const ok = await JP.confirm({
+          const ok = await Magpie.confirm({
             title: '重新生成短链',
             message: '旧短链将立即失效，是否继续？',
             confirmText: '重新生成',
           });
           if (!ok) return;
           try {
-            const data = await window.jpage.regenerateShareKey(file.id);
+            const data = await window.magpie.regenerateShareKey(file.id);
             file.share_key = data.share_key;
             file.share_expires_at = data.share_expires_at;
             file.has_share_password = data.has_share_password;
-            JP.toast('✓ 已重新生成短链');
+            Magpie.toast('✓ 已重新生成短链');
             onUpdate({ share_key: data.share_key, share_expires_at: data.share_expires_at, has_share_password: data.has_share_password });
             close();
           } catch (err) {
-            JP.showError(err);
+            Magpie.showError(err);
           }
         };
         mask.querySelector('.jp-save').onclick = async () => {
@@ -305,15 +305,15 @@ window.Detail = (function () {
             return;
           }
           try {
-            const data = await window.jpage.updateShareSettings(file.id, payload);
+            const data = await window.magpie.updateShareSettings(file.id, payload);
             file.share_key = data.share_key;
             file.share_expires_at = data.share_expires_at;
             file.has_share_password = data.has_share_password;
-            JP.toast('✓ 分享设置已保存');
+            Magpie.toast('✓ 分享设置已保存');
             onUpdate({ share_key: data.share_key, share_expires_at: data.share_expires_at, has_share_password: data.has_share_password });
             close();
           } catch (err) {
-            JP.showError(err);
+            Magpie.showError(err);
           }
         };
       },
@@ -332,7 +332,7 @@ window.Detail = (function () {
         if (!t) return;
         const chip = document.createElement('span');
         chip.className = 'tag-chip';
-        chip.innerHTML = `${JP.escapeHtml(t.name)} <span class="remove" data-id="${tid}">×</span>`;
+        chip.innerHTML = `${Magpie.escapeHtml(t.name)} <span class="remove" data-id="${tid}">×</span>`;
         chip.querySelector('.remove').onclick = () => {
           selected.delete(tid);
           save();
@@ -359,12 +359,12 @@ window.Detail = (function () {
             }
           } else {
             try {
-              const created = await window.jpage.createTag(val);
+              const created = await window.magpie.createTag(val);
               allTags.push(created);
               selected.add(created.id);
               save();
             } catch (err) {
-              JP.showError(err);
+              Magpie.showError(err);
             }
           }
           paint();
@@ -375,10 +375,10 @@ window.Detail = (function () {
 
     async function save() {
       try {
-        await window.jpage.setFileTags(detail.id, Array.from(selected));
-        JP.toast('✓ 标签已更新');
+        await window.magpie.setFileTags(detail.id, Array.from(selected));
+        Magpie.toast('✓ 标签已更新');
       } catch (err) {
-        JP.showError(err);
+        Magpie.showError(err);
         console.error('[打标签失败]', 'fileId:', detail.id, 'uploaded_by:', detail.uploaded_by, 'err:', err);
       }
     }
@@ -394,18 +394,18 @@ window.Detail = (function () {
       allCategories
         .map(
           (c) =>
-            `<option value="${c.id}" ${c.id === detail.category_id ? 'selected' : ''}>${JP.escapeHtml(
+            `<option value="${c.id}" ${c.id === detail.category_id ? 'selected' : ''}>${Magpie.escapeHtml(
               c.name
             )} (${c.file_count || 0})</option>`
         )
         .join('');
     sel.onchange = async () => {
       try {
-        await window.jpage.setFileCategory(detail.id, sel.value ? Number(sel.value) : null);
-        JP.toast('✓ 分类已更新');
-        document.dispatchEvent(new CustomEvent('jpage:refresh'));
+        await window.magpie.setFileCategory(detail.id, sel.value ? Number(sel.value) : null);
+        Magpie.toast('✓ 分类已更新');
+        document.dispatchEvent(new CustomEvent('magpie:refresh'));
       } catch (err) {
-        JP.showError(err);
+        Magpie.showError(err);
       }
     };
   }
@@ -415,7 +415,7 @@ window.Detail = (function () {
     const box = mask.querySelector('#d-versions');
     box.innerHTML = '<div class="loading"><span class="spinner"></span><div>加载中…</div></div>';
     try {
-      const data = await window.jpage.listVersions(detail.id);
+      const data = await window.magpie.listVersions(detail.id);
       const list = data.versions || [];
       if (!list.length) {
         box.innerHTML = '<div style="color:var(--text-mute);font-size:13px;padding:8px 0">暂无历史版本（仅当前版本）</div>';
@@ -424,13 +424,13 @@ window.Detail = (function () {
       box.innerHTML =
         '<div class="version-list">' +
         '<div class="version-item current"><div><strong>当前版本</strong></div><div>' +
-        JP.formatSize(data.current.size) + ' · ' + JP.formatDate(data.current.updated_at) +
+        Magpie.formatSize(data.current.size) + ' · ' + Magpie.formatDate(data.current.updated_at) +
         '</div></div>' +
         list
           .map(
             (v) =>
               `<div class="version-item">
-                 <div>v${v.version} · ${JP.formatSize(v.size)} · ${JP.formatDate(v.created_at)}</div>
+                 <div>v${v.version} · ${Magpie.formatSize(v.size)} · ${Magpie.formatDate(v.created_at)}</div>
                  <div style="display:flex;gap:6px">
                    <button class="btn btn-sm jp-restore" data-v="${v.version}">恢复</button>
                  </div>
@@ -441,24 +441,24 @@ window.Detail = (function () {
       box.querySelectorAll('.jp-restore').forEach((btn) => {
         btn.onclick = async () => {
           const v = btn.getAttribute('data-v');
-          const ok = await JP.confirm({
+          const ok = await Magpie.confirm({
             title: '恢复版本',
             message: `恢复到 v${v}？当前版本会自动备份到历史，不会丢失。`,
             confirmText: '恢复',
           });
           if (!ok) return;
           try {
-            await window.jpage.restoreVersion(detail.id, v);
-            JP.toast('✓ 已恢复到 v' + v);
+            await window.magpie.restoreVersion(detail.id, v);
+            Magpie.toast('✓ 已恢复到 v' + v);
             loadVersions(mask, detail);
-            document.dispatchEvent(new CustomEvent('jpage:refresh'));
+            document.dispatchEvent(new CustomEvent('magpie:refresh'));
           } catch (err) {
-            JP.showError(err);
+            Magpie.showError(err);
           }
         };
       });
     } catch (err) {
-      box.innerHTML = '<div style="color:var(--danger);font-size:13px">' + JP.escapeHtml(err.message) + '</div>';
+      box.innerHTML = '<div style="color:var(--danger);font-size:13px">' + Magpie.escapeHtml(err.message) + '</div>';
     }
   }
 
diff --git a/plugin-workspace/js/login.js b/plugin-workspace/js/login.js
index 237f8fa..369c1f5 100644
--- a/plugin-workspace/js/login.js
+++ b/plugin-workspace/js/login.js
@@ -1,4 +1,4 @@
-// 即页 uTools 插件 · 登录/设置逻辑
+// 纸鹊 Magpie uTools 插件 · 登录/设置逻辑
 
 window.Login = (function () {
   const els = {};
@@ -26,14 +26,14 @@ window.Login = (function () {
 
   /** 回填已保存的服务器地址与账号 */
   function prefill() {
-    if (!window.jpage) {
+    if (!window.magpie) {
       // preload 未注入：不白屏，给出明确提示
       showError('插件初始化失败：preload 未加载。请重启插件或在开发者工具中检查 preload.js。');
       els.btnLogin.disabled = true;
       return;
     }
-    const cfg = window.jpage.getConfig();
-    els.serverUrl.value = cfg.base || 'https://jpage.cn';
+    const cfg = window.magpie.getConfig();
+    els.serverUrl.value = cfg.base || 'http://localhost:8858';
     if (cfg.account) els.account.value = cfg.account;
     if (cfg.user) {
       els.subtitle.textContent = `当前账户：${cfg.user.username}（会话已保存，直接登录或重连）`;
@@ -55,22 +55,22 @@ window.Login = (function () {
 
     try {
       // 1. 保存并校验服务器地址
-      window.jpage.setBase(url);
+      window.magpie.setBase(url);
 
-      // 2. ping 一下，确认地址可达且是即页
+      // 2. ping 一下，确认地址可达且是纸鹊 Magpie
       try {
-        await window.jpage.ping();
+        await window.magpie.ping();
       } catch (e) {
         // ping 失败仍尝试登录，有些部署可能关了 /health，但给出提示
         console.warn('ping 失败：', e.message);
       }
 
       // 3. 登录
-      const user = await window.jpage.login({ account, password });
-      JP.toast('✅ 登录成功，欢迎 ' + user.username);
+      const user = await window.magpie.login({ account, password });
+      Magpie.toast('✅ 登录成功，欢迎 ' + user.username);
       els.password.value = '';
       // 触发主界面加载
-      document.dispatchEvent(new CustomEvent('jpage:logged-in', { detail: user }));
+      document.dispatchEvent(new CustomEvent('magpie:logged-in', { detail: user }));
     } catch (err) {
       showError(err.message || '登录失败');
     } finally {
@@ -85,8 +85,8 @@ window.Login = (function () {
     if (!url) return showError('请先填写服务器地址');
     els.linkTest.textContent = '测试中…';
     try {
-      const health = await window.jpage.ping(url);
-      JP.toast('✅ 连接成功 · 即页 v' + (health.version || '?'));
+      const health = await window.magpie.ping(url);
+      Magpie.toast('✅ 连接成功 · 纸鹊 Magpie v' + (health.version || '?'));
     } catch (err) {
       showError('连接失败：' + err.message);
     } finally {
@@ -98,12 +98,12 @@ window.Login = (function () {
     clearError();
     if (!confirm('确定要清空本地缓存吗？\n将清除服务器地址、账号和登录状态。')) return;
     try {
-      window.jpage.clearCache();
-      els.serverUrl.value = 'https://jpage.cn';
+      window.magpie.clearCache();
+      els.serverUrl.value = 'http://localhost:8858';
       els.account.value = '';
       els.password.value = '';
-      els.subtitle.textContent = '登录你的即页账户';
-      JP.toast('✅ 已清空本地缓存');
+      els.subtitle.textContent = '登录你的纸鹊 Magpie账户';
+      Magpie.toast('✅ 已清空本地缓存');
     } catch (err) {
       showError(err.message || '清空失败');
     }
diff --git a/plugin-workspace/js/upload.js b/plugin-workspace/js/upload.js
index 3109213..b46985d 100644
--- a/plugin-workspace/js/upload.js
+++ b/plugin-workspace/js/upload.js
@@ -1,8 +1,8 @@
-// 即页 uTools 插件 · 上传模块（弹窗：本地文件 / 粘贴文本）
+// 纸鹊 Magpie uTools 插件 · 上传模块（弹窗：本地文件 / 粘贴文本）
 
 window.Upload = (function () {
   function openFilePicker() {
-    const result = window.jpage.selectFile('选择要上传到即页的文件');
+    const result = window.magpie.selectFile('选择要上传到纸鹊 Magpie的文件');
     if (result && result[0]) {
       openModal('file', result[0]);
     }
@@ -22,14 +22,14 @@ window.Upload = (function () {
   function openBatch(filePaths) {
     if (!filePaths || !filePaths.length) return;
     const names = filePaths.map((p) => p.split(/[\\/]/).pop()).join('、');
-    JP.modal({
-      title: '批量上传到即页',
+    Magpie.modal({
+      title: '批量上传到纸鹊 Magpie',
       bodyHtml: `
         <p style="font-size:14px;line-height:1.7;margin-bottom:14px">
           将上传 <strong>${filePaths.length}</strong> 个文件：
         </p>
         <div style="background:var(--bg-hover);padding:12px;border-radius:6px;font-size:13px;color:var(--text-soft);max-height:160px;overflow:auto;margin-bottom:16px;word-break:break-all">
-          ${JP.escapeHtml(names)}
+          ${Magpie.escapeHtml(names)}
         </div>
         <div style="display:flex;align-items:center;gap:8px">
           <input id="up-public" type="checkbox" checked />
@@ -48,33 +48,33 @@ window.Upload = (function () {
           for (let i = 0; i < filePaths.length; i++) {
             submitBtn.textContent = `上传中 ${i + 1}/${filePaths.length}…`;
             try {
-              const result = await window.jpage.uploadFile({ filePath: filePaths[i], isPublic });
+              const result = await window.magpie.uploadFile({ filePath: filePaths[i], isPublic });
               ok.push(result);
             } catch (err) {
               fail.push({ name: filePaths[i].split(/[\\/]/).pop(), error: err.message });
             }
           }
           close();
-          JP.toast(`✅ 上传完成：成功 ${ok.length} 个${fail.length ? '，失败 ' + fail.length + ' 个' : ''}`);
+          Magpie.toast(`✅ 上传完成：成功 ${ok.length} 个${fail.length ? '，失败 ' + fail.length + ' 个' : ''}`);
           if (fail.length) {
-            JP.modal({
+            Magpie.modal({
               title: '部分文件上传失败',
               bodyHtml:
                 '<div style="font-size:13px;line-height:1.8">' +
-                fail.map((f) => `<div>${JP.escapeHtml(f.name)}：<span style="color:var(--danger)">${JP.escapeHtml(f.error)}</span></div>`).join('') +
+                fail.map((f) => `<div>${Magpie.escapeHtml(f.name)}：<span style="color:var(--danger)">${Magpie.escapeHtml(f.error)}</span></div>`).join('') +
                 '</div>',
             });
           } else if (ok.length === 1) {
             // 单个成功直接问是否预览
-            const shareUrl = window.jpage.getShareUrl(ok[0].share_key);
-            const open = await JP.confirm({
+            const shareUrl = window.magpie.getShareUrl(ok[0].share_key);
+            const open = await Magpie.confirm({
               title: '上传成功',
               message: `文件「${ok[0].original_name}」已上传。\n\n分享链接：${shareUrl}`,
               confirmText: '打开预览',
             });
-            if (open) window.jpage.openExternal(shareUrl);
+            if (open) window.magpie.openExternal(shareUrl);
           }
-          document.dispatchEvent(new CustomEvent('jpage:refresh'));
+          document.dispatchEvent(new CustomEvent('magpie:refresh'));
         };
       },
     });
@@ -86,7 +86,7 @@ window.Upload = (function () {
       filePath && !isText
         ? `<div class="detail-grid" style="margin-bottom:16px">
              <div class="label">已选文件</div>
-             <div class="value">${JP.escapeHtml(filePath)}</div>
+             <div class="value">${Magpie.escapeHtml(filePath)}</div>
            </div>`
         : '';
 
@@ -94,13 +94,13 @@ window.Upload = (function () {
       ? `
         <div style="margin-bottom:16px">
           <label class="field-label">文件名</label>
-          <input id="up-name" class="input" value="${JP.escapeHtml(
+          <input id="up-name" class="input" value="${Magpie.escapeHtml(
         prefillName || ''
       )}" placeholder="my-note.md" />
         </div>
         <div style="margin-bottom:16px">
           <label class="field-label">内容（HTML 或 Markdown）</label>
-          <textarea id="up-content" class="textarea" style="min-height:240px" placeholder="在此粘贴 HTML / Markdown 内容…">${JP.escapeHtml(
+          <textarea id="up-content" class="textarea" style="min-height:240px" placeholder="在此粘贴 HTML / Markdown 内容…">${Magpie.escapeHtml(
         prefillContent || ''
       )}</textarea>
         </div>
@@ -118,8 +118,8 @@ window.Upload = (function () {
         </div>`
       : '';
 
-    JP.modal({
-      title: isText ? '新建文本文件' : '上传文件到即页',
+    Magpie.modal({
+      title: isText ? '新建文本文件' : '上传文件到纸鹊 Magpie',
       bodyHtml: fileLine + textForm + fileForm,
       footerHtml: `
         <button class="btn jp-close">取消</button>
@@ -142,14 +142,14 @@ window.Upload = (function () {
               if (!/\.(html?|md|markdown)$/i.test(name)) {
                 throw new Error('文件名需以 .html / .htm / .md / .markdown 结尾');
               }
-              result = await window.jpage.uploadText({ name, content, isPublic });
+              result = await window.magpie.uploadText({ name, content, isPublic });
             } else {
               if (!filePath) throw new Error('未选择文件');
-              result = await window.jpage.uploadFile({ filePath, isPublic });
+              result = await window.magpie.uploadFile({ filePath, isPublic });
             }
-            const shareUrl = window.jpage.getShareUrl(result.share_key);
+            const shareUrl = window.magpie.getShareUrl(result.share_key);
             const isOverwrite = result.overwritten === true;
-            JP.toast(
+            Magpie.toast(
               isOverwrite
                 ? '✅ 已覆盖更新（v' + result.version + '）'
                 : '✅ 上传成功（新建）'
@@ -158,12 +158,12 @@ window.Upload = (function () {
             if (!isOverwrite) {
               try {
                 const lower = result.original_name.toLowerCase();
-                const list = await window.jpage.listFiles({ limit: 200 });
+                const list = await window.magpie.listFiles({ limit: 200 });
                 const dup = (list.files || []).find(
                   (f) => f.id !== result.id && f.original_name.toLowerCase() === lower
                 );
                 if (dup) {
-                  JP.toast(
+                  Magpie.toast(
                     '⚠ 发现同名文件「' + dup.original_name + '」(id:' + dup.id +
                     ')，文件名可能大小写/空格不同，未覆盖',
                     5000
@@ -173,16 +173,16 @@ window.Upload = (function () {
             }
             close();
             // 询问是否打开预览
-            const open = await JP.confirm({
+            const open = await Magpie.confirm({
               title: '上传成功',
               message: `文件「${result.original_name}」已上传。\n是否立即在浏览器打开预览？\n\n分享链接：${shareUrl}`,
               confirmText: '打开预览',
             });
-            if (open) window.jpage.openExternal(shareUrl);
+            if (open) window.magpie.openExternal(shareUrl);
             // 刷新列表
-            document.dispatchEvent(new CustomEvent('jpage:refresh'));
+            document.dispatchEvent(new CustomEvent('magpie:refresh'));
           } catch (err) {
-            JP.showError(err);
+            Magpie.showError(err);
             submitBtn.disabled = false;
             submitBtn.textContent = isText ? '上传文本' : '上传文件';
           }
diff --git a/plugin-workspace/js/util.js b/plugin-workspace/js/util.js
index 2352ede..f5c68bc 100644
--- a/plugin-workspace/js/util.js
+++ b/plugin-workspace/js/util.js
@@ -1,6 +1,6 @@
-// 即页 uTools 插件 · 前端工具函数（全局挂在 window.JP）
+// 纸鹊 Magpie uTools 插件 · 前端工具函数（全局挂在 window.Magpie）
 
-window.JP = {
+window.Magpie = {
   // ---- 文本/格式化 ----
   escapeHtml(s) {
     if (s == null) return '';
@@ -126,6 +126,6 @@ window.JP = {
   showError(err) {
     const msg = (err && err.message) || String(err);
     this.toast('❌ ' + msg, 3500);
-    console.error('[即页]', err);
+    console.error('[纸鹊 Magpie]', err);
   },
 };
diff --git a/plugin-workspace/logo.png b/plugin-workspace/logo.png
deleted file mode 100644
index 56f8a95..0000000
Binary files a/plugin-workspace/logo.png and /dev/null differ
diff --git a/plugin-workspace/magpie-logo.png b/plugin-workspace/magpie-logo.png
new file mode 100644
index 0000000..5f9a0ca
Binary files /dev/null and b/plugin-workspace/magpie-logo.png differ
diff --git a/plugin-workspace/pack.sh b/plugin-workspace/pack.sh
index 3ad5d78..43a8aa6 100755
--- a/plugin-workspace/pack.sh
+++ b/plugin-workspace/pack.sh
@@ -1,9 +1,9 @@
 #!/usr/bin/env bash
-# 即页 uTools 插件打包脚本
+# 纸鹊 Magpie uTools 插件打包脚本
 #
 # 用法：
-#   ./pack.sh            # 打包成 dist/jpage-utools-<version>.upx
-#   ./pack.sh --dir      # 只输出 dist/jpage/ 目录（便于 uTools 开发者工具直接加载）
+#   ./pack.sh            # 打包成 dist/magpie-utools-<version>.upx
+#   ./pack.sh --dir      # 只输出 dist/magpie/ 目录（便于 uTools 开发者工具直接加载）
 #
 # 说明：uTools 插件包（.upx）本质就是 zip。uTools 开发者工具也支持
 #      直接「加载未打包插件目录」做开发调试，开发期建议用 --dir。
@@ -13,7 +13,7 @@ set -euo pipefail
 cd "$(dirname "$0")"
 
 VERSION=$(node -pe "require('./plugin.json').version")
-NAME="jpage-utools"
+NAME="magpie-utools"
 DIST="dist"
 DIR="$DIST/$NAME"
 
@@ -23,7 +23,7 @@ mkdir -p "$DIR"
 
 echo "▸ 复制插件文件…"
 # 插件运行所需文件（排除 dist/、pack.sh、README 等）
-for item in plugin.json preload.js logo.png index.html css js; do
+for item in plugin.json preload.js magpie-logo.png index.html css js; do
   [ -e "$item" ] && cp -R "$item" "$DIR/"
 done
 
diff --git a/plugin-workspace/plugin.json b/plugin-workspace/plugin.json
index 6148814..2b6b64f 100644
--- a/plugin-workspace/plugin.json
+++ b/plugin-workspace/plugin.json
@@ -1,30 +1,43 @@
 {
   "main": "index.html",
-  "logo": "logo.png",
+  "logo": "magpie-logo.png",
   "preload": "preload.js",
   "features": [
     {
-      "code": "jpage",
-      "explain": "即页 · 管理你的即页文件（登录、搜索、上传、预览、分享）",
-      "cmds": ["即页", "jpage"]
+      "code": "magpie",
+      "explain": "纸鹊 Magpie · 管理你的纸鹊 Magpie文件（登录、搜索、上传、预览、分享）",
+      "cmds": [
+        "纸鹊 Magpie",
+        "magpie"
+      ]
     },
     {
-      "code": "jpage",
-      "explain": "拖拽上传到即页 · 生成分享链接",
+      "code": "magpie-upload",
+      "explain": "拖拽上传到纸鹊 Magpie · 生成分享链接",
       "cmds": [
         {
           "type": "files",
           "match": {
-            "fileType": ["html", "htm", "md", "markdown", "zip"]
+            "fileType": [
+              "html",
+              "htm",
+              "md",
+              "markdown",
+              "zip"
+            ]
           },
-          "label": "上传到即页"
+          "label": "上传到纸鹊 Magpie"
         }
       ]
     }
   ],
-  "platform": ["darwin", "win32", "linux"],
-  "description": "即页 uTools 插件：登录即页服务器，在 uTools 内直接管理你的 HTML/Markdown 文件——搜索、上传、预览、分享、版本历史、标签分类。",
-  "version": "1.6.6",
-  "author": "jpage",
-  "homepage": "https://jpage.cn"
+  "platform": [
+    "darwin",
+    "win32",
+    "linux"
+  ],
+  "description": "纸鹊 Magpie uTools 插件：登录纸鹊 Magpie服务器，在 uTools 内直接管理你的 HTML/Markdown 文件——搜索、上传、预览、分享、版本历史、标签分类。",
+  "version": "1.6.7",
+  "author": "enderchen",
+  "homepage": "https://github.com/enderchen/magpie"
 }
diff --git a/plugin-workspace/preload.js b/plugin-workspace/preload.js
index 0ff82c3..ab026d8 100644
--- a/plugin-workspace/preload.js
+++ b/plugin-workspace/preload.js
@@ -1,12 +1,12 @@
 /**
- * 即页 uTools 插件 · preload 脚本
+ * 纸鹊 Magpie uTools 插件 · preload 脚本
  *
- * 运行在 Node 环境，通过 window.jpage 把 API 暴露给前端页面。
+ * 运行在 Node 环境，通过 window.magpie 把 API 暴露给前端页面。
  *
  * 为什么所有 HTTP 都在 preload（Node 侧）做？
- *  - 即页服务端 CORS 设的是 `Access-Control-Allow-Origin: *`，但**没有**
+ *  - 纸鹊 Magpie服务端 CORS 设的是 `Access-Control-Allow-Origin: *`，但**没有**
  *    `Access-Control-Allow-Credentials: true`，浏览器 fetch 无法跨域携带 cookie。
- *  - 即页是 session/cookie 鉴权（非 token），cookie 必须随请求带上。
+ *  - 纸鹊 Magpie是 session/cookie 鉴权（非 token），cookie 必须随请求带上。
  *  - 所以用 Node 原生 http/https + 自带 cookie jar 发请求，绕开浏览器 CORS 限制。
  *
  * 只依赖 Node 内置模块（http/https/url/fs/path/crypto），不引第三方包，
@@ -26,11 +26,11 @@ const path = require('path');
 // ---------------------------------------------------------------------------
 
 const DB_KEYS = {
-  base: 'jpage.base',        // 服务器地址，如 https://jpage.example.com
-  account: 'jpage.account',  // 上次登录用的账号（仅用于回填输入框，不存密码）
-  cookies: 'jpage.cookies',  // cookie jar（数组）
-  user: 'jpage.user',        // 上次登录的用户信息
-  theme: 'jpage.theme',      // 'dark' | 'light' | 'auto'
+  base: 'magpie.base',        // 服务器地址，如 https://magpie.example.com
+  account: 'magpie.account',  // 上次登录用的账号（仅用于回填输入框，不存密码）
+  cookies: 'magpie.cookies',  // cookie jar（数组）
+  user: 'magpie.user',        // 上次登录的用户信息
+  theme: 'magpie.theme',      // 'dark' | 'light' | 'auto'
 };
 
 function getCfg(key, fallback) {
@@ -61,7 +61,7 @@ function removeCfg(key) {
 // ---------------------------------------------------------------------------
 
 function getBase() {
-  let base = (getCfg(DB_KEYS.base, 'https://jpage.cn') || '').trim();
+  let base = (getCfg(DB_KEYS.base, 'http://localhost:8858') || '').trim();
   if (base.endsWith('/')) base = base.slice(0, -1);
   return base;
 }
@@ -302,7 +302,7 @@ function buildMultipartBody(mp) {
 }
 
 // ---------------------------------------------------------------------------
-// 即页 API 封装（统一拼 base + /api/...）
+// 纸鹊 Magpie API 封装（统一拼 base + /api/...）
 // ---------------------------------------------------------------------------
 
 function apiUrl(pathAndQuery) {
@@ -380,15 +380,15 @@ function applyTheme(theme) {
       html.classList.add(theme);
     }
   } catch (e) {
-    console.error('[即页] 应用主题失败', e);
+    console.error('[纸鹊 Magpie] 应用主题失败', e);
   }
 }
 
 // ---------------------------------------------------------------------------
-// 暴露给前端的 API：window.jpage
+// 暴露给前端的 API：window.magpie
 // ---------------------------------------------------------------------------
 
-const jpage = {
+const magpie = {
   // ---- 配置 ----
   getConfig() {
     return {
@@ -482,7 +482,7 @@ const jpage = {
     });
   },
 
-  /** 探测目标服务器是否是即页（调 /health） */
+  /** 探测目标服务器是否是纸鹊 Magpie（调 /health） */
   async ping(baseUrl) {
     let target = baseUrl || getBase();
     if (!target) throw new Error('请先填写服务器地址');
@@ -558,7 +558,7 @@ const jpage = {
       ext === '.html' || ext === '.htm' ? 'text/html' :
       ext === '.md' || ext === '.markdown' ? 'text/markdown' :
       'application/octet-stream';
-    const boundary = 'jpage-' + Math.random().toString(16).slice(2) + Date.now().toString(16);
+    const boundary = 'magpie-' + Math.random().toString(16).slice(2) + Date.now().toString(16);
     return api('POST', '/api/files/upload', {
       multipart: {
         boundary,
@@ -665,7 +665,7 @@ const jpage = {
       title: title || '选择文件',
       properties: ['openFile'],
       filters: [
-        { name: '即页支持的文件', extensions: ['html', 'htm', 'md', 'markdown', 'zip'] },
+        { name: '纸鹊 Magpie支持的文件', extensions: ['html', 'htm', 'md', 'markdown', 'zip'] },
         { name: '所有文件', extensions: ['*'] },
       ],
     });
@@ -678,7 +678,7 @@ const jpage = {
 
 // 注入到渲染进程
 try {
-  window.jpage = jpage;
+  window.magpie = magpie;
 } catch (e) {
-  console.error('[即页 preload] 注入 window.jpage 失败', e);
+  console.error('[纸鹊 Magpie preload] 注入 window.magpie 失败', e);
 }
diff --git a/public/css/style.css b/public/css/style.css
index 3a68fea..dd78a2a 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -395,6 +395,12 @@ html.light .theme-toggle .icon-sun { display: block; }
   flex-shrink: 0;
 }
 
+.magpie-icon {
+  display: inline-block;
+  flex-shrink: 0;
+  background: url('/magpie-logo.png') 20% 50% / 210% auto no-repeat;
+}
+
 .brand-text { min-width: 0; }
 
 .header h1 { font-size: 1.125rem; font-weight: 600; letter-spacing: -0.02em; }
@@ -4084,7 +4090,7 @@ html:not(.light) {
   width: 64px; border-right: 1px solid var(--border); padding: 16px 0;
   display: flex; flex-direction: column; align-items: center; gap: 16px;
 }
-.demo-logo { width: 32px; height: 32px; border-radius: 8px; background: var(--primary); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; }
+.demo-logo { width: 32px; height: 32px; border-radius: 8px; background: var(--primary); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 19px; font-weight: 700; }
 .demo-nav-items { display: flex; flex-direction: column; gap: 8px; }
 .demo-nav-items span { width: 24px; height: 6px; border-radius: 3px; background: var(--border); }
 .landing-demo-main { flex: 1; padding: 20px; }
@@ -4305,6 +4311,9 @@ html:not(.light) {
 }
 @media (max-width: 640px) {
   .landing-nav-inner { padding: 0 16px; height: 60px; }
+  .landing-nav-brand { gap: 8px; }
+  .landing-nav-title { font-size: 16px; white-space: nowrap; }
+  .landing-nav-actions .btn { padding: 8px; white-space: nowrap; }
   .landing-hero { padding: 100px 16px 48px; }
   .landing-hero-actions { flex-direction: column; align-items: stretch; }
   .landing-hero-actions .btn { width: 100%; justify-content: center; }
@@ -6099,6 +6108,7 @@ html:not(.light) .btn-danger-soft {
     flex-direction: column;
     text-align: center;
   }
+}
 /* ============================================================
    创作市场 2026：策展式首页
    真实模板预览优先，用层级与留白替代堆叠式筛选面板。
diff --git a/public/home-brainfish/README.md b/public/home-brainfish/README.md
new file mode 100644
index 0000000..8ee5490
--- /dev/null
+++ b/public/home-brainfish/README.md
@@ -0,0 +1,11 @@
+# 纸鹊首页 · Brainfish 风格独立方案
+
+预览：http://localhost:8858/home-brainfish/index.html?v=3
+
+此目录是独立设计方案，原首页与 home-concept 保留。未提交、推送或替换原首页。
+
+采用白底、黄绿色、宋体标题、描边按钮、原创纸舟标志及插画；内容整理自现有 Magpie 功能。登录与模板入口复用现有页面，在线试用连接现有临时分享接口。管理文件区域明确标为能力示意。
+
+本地字体随附 OFL 许可证。中文字体为当前静态文案子集，增改文案时应同步检查新汉字。
+
+验证记录见 `.hallmark/verification.json`；参考风格观察见 `.hallmark/study.json`。
diff --git a/public/home-brainfish/app.js b/public/home-brainfish/app.js
new file mode 100644
index 0000000..c4d4ac4
--- /dev/null
+++ b/public/home-brainfish/app.js
@@ -0,0 +1,136 @@
+/* global document, window, navigator */
+'use strict';
+
+const editor = document.getElementById('content-editor');
+const form = document.getElementById('paste-form');
+const help = document.getElementById('editor-help');
+const generate = document.getElementById('generate');
+const result = document.getElementById('publish-result');
+const urlInput = document.getElementById('share-url');
+const resultNote = document.getElementById('result-note');
+const openLink = document.getElementById('open-link');
+const copyLink = document.getElementById('copy-link');
+const maxBytes = 200 * 1024;
+const samples = {
+  html: editor.value,
+  markdown: '# 把灵感，装进一页。\n\n这是一份可以分享的小小作品。\n\n- 一个还在生长的想法\n- 一份值得被看见的报告\n- 一次新的出发\n\n**一纸，寄万千。**',
+};
+let expiryTimer;
+let expired = false;
+let latestUrl = '';
+
+function message(text, error = false) {
+  help.textContent = text;
+  help.classList.toggle('is-error', error);
+  editor.setAttribute('aria-invalid', String(error));
+}
+
+function updateEditor() {
+  const size = new Blob([editor.value]).size;
+  const type = editor.value.trim().startsWith('<') ? 'HTML' : 'Markdown';
+  document.getElementById('detected-type').textContent = editor.value.trim() ? `自动识别为 ${type}` : '支持 HTML / Markdown';
+  document.getElementById('byte-count').textContent = `${(size / 1024).toFixed(1)} / 200 KB`;
+  message(size > maxBytes ? '内容超过 200 KB，请删减后重试。' : '临时页面公开可见，10 分钟后失效。', size > maxBytes);
+  result.hidden = true;
+  clearInterval(expiryTimer);
+  document.querySelectorAll('[data-sample]').forEach(button => {
+    button.setAttribute('aria-pressed', String(editor.value === samples[button.dataset.sample]));
+  });
+}
+editor.addEventListener('input', updateEditor);
+document.querySelectorAll('[data-sample]').forEach(button => {
+  button.addEventListener('click', () => {
+    editor.value = samples[button.dataset.sample];
+    updateEditor();
+  });
+});
+document.getElementById('clear-editor').addEventListener('click', () => {
+  editor.value = '';
+  updateEditor();
+  editor.focus();
+});
+
+function countdown(expiresAt) {
+  clearInterval(expiryTimer);
+  const end = Date.parse(expiresAt.replace(' ', 'T') + 'Z');
+  const tick = () => {
+    const seconds = Math.max(0, Math.ceil((end - Date.now()) / 1000));
+    expired = seconds <= 0 || !Number.isFinite(seconds);
+    document.getElementById('expiry').textContent = expired ? '链接已过期' : `剩余 ${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, '0')}`;
+    if (expired) {
+      clearInterval(expiryTimer);
+      openLink.removeAttribute('href');
+      openLink.setAttribute('aria-disabled', 'true');
+      copyLink.disabled = true;
+      resultNote.textContent = '临时链接已失效，可重新生成。';
+    }
+  };
+  tick();
+  if (!expired) expiryTimer = setInterval(tick, 1000);
+}
+
+form.addEventListener('submit', async event => {
+  event.preventDefault();
+  if (generate.disabled) return;
+  const content = editor.value;
+  if (!content.trim() || new Blob([content]).size > maxBytes) {
+    message(content.trim() ? '内容超过 200 KB，请删减后重试。' : '内容还是空的。粘贴文件内容，或选择上方示例。', true);
+    editor.focus();
+    return;
+  }
+  generate.disabled = true;
+  generate.textContent = '正在生成…';
+  form.setAttribute('aria-busy', 'true');
+  result.hidden = true;
+  clearInterval(expiryTimer);
+  const controller = new AbortController();
+  const timeout = setTimeout(() => controller.abort(), 20000);
+  try {
+    const response = await fetch('/api/public/try-paste', {
+      method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ content }), signal: controller.signal,
+    });
+    const data = await response.json().catch(() => ({}));
+    if (!response.ok) throw new Error(data.error || '暂时无法生成链接，请稍后重试。');
+    if (!/^\/s\/[\w-]+$/.test(data.url || '')) throw new Error('返回的链接格式异常，请稍后重试。');
+    latestUrl = new URL(data.url, window.location.origin).href;
+    urlInput.value = latestUrl;
+    openLink.href = latestUrl;
+    openLink.removeAttribute('aria-disabled');
+    copyLink.disabled = false;
+    copyLink.textContent = '复制链接';
+    result.hidden = false;
+    resultNote.textContent = ['localhost', '127.0.0.1', '[::1]'].includes(window.location.hostname)
+      ? '当前为本地预览，链接仅本机可访问。' : '拥有链接的人均可查看，10 分钟后自动失效。';
+    message(content === editor.value ? '已生成当前内容的临时页面。编辑后可再次生成。' : '链接对应提交时的内容。新的修改需要再次生成。');
+    countdown(data.expires_at);
+  } catch (error) {
+    message(error.name === 'AbortError' ? '请求超时，请稍后重试。' : error.message || '网络连接失败，请检查连接后重试。', true);
+  } finally {
+    clearTimeout(timeout);
+    generate.disabled = false;
+    generate.textContent = '生成临时链接 ↗';
+    form.setAttribute('aria-busy', 'false');
+  }
+});
+
+copyLink.addEventListener('click', async () => {
+  if (expired) return;
+  try {
+    await navigator.clipboard.writeText(latestUrl);
+    copyLink.textContent = '已复制';
+    setTimeout(() => { copyLink.textContent = '复制链接'; }, 2500);
+  } catch {
+    urlInput.focus(); urlInput.select();
+    resultNote.textContent = '无法自动复制。链接已选中，请使用系统复制快捷键。';
+  }
+});
+
+
+const menuButton = document.getElementById('menu-button');
+const mobileMenu = document.getElementById('mobile-menu');
+function closeMenu() { mobileMenu.hidden = true; menuButton.setAttribute('aria-expanded', 'false'); }
+menuButton.addEventListener('click', () => { const open = mobileMenu.hidden; mobileMenu.hidden = !open; menuButton.setAttribute('aria-expanded', String(open)); });
+mobileMenu.querySelectorAll('a').forEach(link => link.addEventListener('click', closeMenu));
+document.addEventListener('keydown', event => { if (event.key === 'Escape' && !mobileMenu.hidden) { closeMenu(); menuButton.focus(); } });
+document.addEventListener('click', event => { if (!event.target.closest('.site-header')) closeMenu(); });
+updateEditor();
diff --git a/public/home-brainfish/assets/fonts/geist-OFL.txt b/public/home-brainfish/assets/fonts/geist-OFL.txt
new file mode 100644
index 0000000..61f6f4b
--- /dev/null
+++ b/public/home-brainfish/assets/fonts/geist-OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2024 The Geist Project Authors (https://github.com/vercel/geist-font.git)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
\ No newline at end of file
diff --git a/public/home-brainfish/assets/fonts/geist.woff2 b/public/home-brainfish/assets/fonts/geist.woff2
new file mode 100644
index 0000000..8f01e76
Binary files /dev/null and b/public/home-brainfish/assets/fonts/geist.woff2 differ
diff --git a/public/home-brainfish/assets/fonts/noto-sans-sc-OFL.txt b/public/home-brainfish/assets/fonts/noto-sans-sc-OFL.txt
new file mode 100644
index 0000000..1c9f432
--- /dev/null
+++ b/public/home-brainfish/assets/fonts/noto-sans-sc-OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2014-2021 Adobe (http://www.adobe.com/), with Reserved Font Name 'Source'
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/public/home-brainfish/assets/fonts/noto-sans-sc.woff2 b/public/home-brainfish/assets/fonts/noto-sans-sc.woff2
new file mode 100644
index 0000000..7ee4866
Binary files /dev/null and b/public/home-brainfish/assets/fonts/noto-sans-sc.woff2 differ
diff --git a/public/home-brainfish/assets/fonts/noto-serif-sc-OFL.txt b/public/home-brainfish/assets/fonts/noto-serif-sc-OFL.txt
new file mode 100644
index 0000000..94d1bf7
--- /dev/null
+++ b/public/home-brainfish/assets/fonts/noto-serif-sc-OFL.txt
@@ -0,0 +1,94 @@
+Copyright 2012 Google Inc. All Rights Reserved.
+
+This Font Software is licensed under the SIL Open Font License,
+Version 1.1.
+
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font
+creation efforts of academic and linguistic communities, and to
+provide a free and open framework in which fonts may be shared and
+improved in partnership with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply to
+any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software
+components as distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to,
+deleting, or substituting -- in part or in whole -- any of the
+components of the Original Version, by changing formats or by porting
+the Font Software to a new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed,
+modify, redistribute, and sell modified and unmodified copies of the
+Font Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components, in
+Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the
+corresponding Copyright Holder. This restriction only applies to the
+primary font name as presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created using
+the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/public/home-brainfish/assets/fonts/noto-serif-sc.woff2 b/public/home-brainfish/assets/fonts/noto-serif-sc.woff2
new file mode 100644
index 0000000..ac0499e
Binary files /dev/null and b/public/home-brainfish/assets/fonts/noto-serif-sc.woff2 differ
diff --git a/public/home-brainfish/assets/paper-sail.svg b/public/home-brainfish/assets/paper-sail.svg
new file mode 100644
index 0000000..8af9b35
--- /dev/null
+++ b/public/home-brainfish/assets/paper-sail.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 620 520" fill="none" role="img" aria-labelledby="title desc"><title id="title">一页成舟，载着内容出发</title><desc id="desc">一张写有内容的纸折成帆，纸舟沿着细线航向一枚链接。</desc><style>:root{--paper:oklch(99.8% .002 110);--ink:oklch(27% .009 115);--accent:oklch(84.9% .207 128.85);--wash:oklch(97.8% .027 117);--rule:oklch(81% .05 124)}</style>
+<path d="M40 379c57-25 62 60 136 28s92 70 167 44 130 4 161-46 10-91 65-108" stroke="var(--rule)" stroke-width="1.5" stroke-dasharray="5 7"/>
+<path d="M127 467c36-18 39 2 67-4M466 459c28-17 48-9 65-17" stroke="var(--rule)" stroke-width="1.5" stroke-linecap="round"/>
+<g transform="rotate(-7 303 240)"><path d="M222 51h130l60 62v263H222V51Z" fill="var(--wash)" stroke="var(--ink)" stroke-width="2"/><path d="M352 51v62h60" fill="var(--paper)" stroke="var(--ink)" stroke-width="2"/><path d="M246 93h65M246 148h133M246 165h114M246 182h128M246 227h74" stroke="var(--ink)" stroke-width="2" stroke-linecap="round"/><path d="M246 203h132" stroke="var(--rule)" stroke-width="2"/><path d="M238 299 323 162v150H238Z" fill="var(--paper)" stroke="var(--ink)" stroke-width="2.4"/><path d="m336 215 66 96h-66v-96Z" fill="var(--accent)" stroke="var(--ink)" stroke-width="2.4"/><path d="m198 328 45 51h122l61-51H198Z" fill="var(--accent)" stroke="var(--ink)" stroke-width="2.4"/><path d="m198 328 74 30h114" stroke="var(--ink)" stroke-width="2.4"/></g>
+<g transform="rotate(9 491 179)"><rect x="453" y="147" width="77" height="63" rx="14" fill="var(--paper)" stroke="var(--ink)" stroke-width="2"/><path d="m484 177 6-6a10 10 0 0 1 14 14l-6 6m-9-9-6 6a10 10 0 0 1-14-14l6-6m7 15 11-11" stroke="var(--ink)" stroke-width="2.5" stroke-linecap="round"/></g>
+<g transform="rotate(-11 120 201)"><path d="M86 166h48l21 22v55H86v-77Z" fill="var(--paper)" stroke="var(--ink)" stroke-width="1.8"/><path d="M134 166v22h21M100 204h36M100 217h25" stroke="var(--ink)" stroke-width="1.8"/></g>
+<path d="m147 126 5-13m5 22 14-5M429 61l5 10m8-16-3 13" stroke="var(--rule)" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/public/home-brainfish/index.html b/public/home-brainfish/index.html
new file mode 100644
index 0000000..e3f7825
--- /dev/null
+++ b/public/home-brainfish/index.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<html lang="zh-CN">
+<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="robots" content="noindex"><meta name="description" content="纸鹊 Magpie，让 HTML、Markdown 和 ZIP 文件成为可以预览与分享的网页。"><title>纸鹊 Magpie · 好内容，值得被看见。</title><link rel="icon" href="/magpie-logo.png" type="image/svg+xml"><link rel="stylesheet" href="./styles.css?v=3"><link rel="preload" href="./assets/fonts/noto-serif-sc.woff2" as="font" type="font/woff2" crossorigin><script defer src="./app.js?v=1"></script></head>
+<body>
+<a href="#main" class="skip-link">跳到正文</a>
+<header class="site-header"><div class="nav-inner shell"><a class="brand" href="./index.html?v=3" aria-label="纸鹊 Magpie 首页"><img src="/magpie-logo.png" width="44" height="40" alt=""><span>纸鹊<span class="brand-en">Magpie</span></span></a><nav class="desktop-nav" aria-label="主导航"><a href="#possibilities">产品能力</a><a href="#try">在线试用</a><a href="/#/market">模板市场</a><a href="#ai">AI 接入</a></nav><div class="nav-actions"><a class="login-link" href="/#/login">登录</a><a class="button nav-cta" href="/#/login">开始使用 <span aria-hidden="true">↗</span></a><button id="menu-button" class="menu-button" aria-label="展开导航" aria-expanded="false" aria-controls="mobile-menu"><span></span><span></span></button></div></div><nav id="mobile-menu" class="mobile-menu shell" aria-label="移动导航" hidden><a href="#possibilities">产品能力</a><a href="#try">在线试用</a><a href="/#/market">模板市场</a><a href="#ai">AI 接入</a><a href="/#/login">登录 / 注册</a></nav></header>
+<main id="main">
+<section class="hero shell" aria-labelledby="hero-title"><div class="hero-copy"><h1 id="hero-title">好内容，<br>值得被<span class="underline">看见。</span></h1><p class="hero-description">把报告、原型与作品装进一页。<br>上传 HTML、Markdown 或 ZIP，<br>让每一份内容，都有抵达的链接。</p><div class="hero-actions"><a href="/#/login" class="button">上传我的文件 <span aria-hidden="true">↗</span></a><a href="#try" class="button button-outline">先试一页 <span aria-hidden="true">↓</span></a></div><p class="hero-signoff">一纸，寄万千。</p></div><figure class="hero-art"><img src="./assets/paper-sail.svg" width="620" height="520" alt="一张内容纸页折成船帆，载着内容驶向分享链接"><figcaption>从你的桌面，到别人的眼前。</figcaption></figure></section>
+<div class="format-ribbon"><div class="shell ribbon-inner"><span>把创作交给你，把分享交给纸鹊。</span><ul aria-label="产品支持"><li><span aria-hidden="true">✓</span> HTML 网页</li><li><span aria-hidden="true">✓</span> Markdown 文档</li><li><span aria-hidden="true">✓</span> ZIP 静态站点</li><li><span aria-hidden="true">✓</span> MCP 与 API</li></ul></div></div>
+<section id="possibilities" class="possibilities shell" aria-labelledby="possibilities-title"><h2 id="possibilities-title">内容各有模样，<br class="mobile-only">都能好好呈现。</h2><div class="format-grid"><article><span class="format-type">HTML</span><h3>交互原型与作品集</h3><p>保留网页的布局与交互。把完成的页面，直接分享给需要看见的人。</p></article><article><span class="format-type">Markdown</span><h3>文档、笔记与报告</h3><p>代码高亮、数学公式、Mermaid 图表，让文字与知识清晰可读。</p></article><article><span class="format-type">ZIP</span><h3>完整的静态站点</h3><p>页面、样式和图片一起打包，保留相对路径，分享一个完整项目。</p></article></div></section>
+
+<section class="trial-section" id="try" aria-labelledby="try-title"><div class="shell split reverse"><div class="trial-card"><div class="trial-card-title"><span>你的第一张网页</span><span class="trial-tag">免登录</span></div><div class="editor-tools"><button class="sample-button" data-sample="html" aria-pressed="true">HTML 示例</button><button class="sample-button" data-sample="markdown" aria-pressed="false">Markdown 示例</button><button class="quiet-button" id="clear-editor">清空</button></div><form id="paste-form" novalidate><label class="sr-only" for="content-editor">HTML 或 Markdown 内容</label><textarea id="content-editor" spellcheck="false" aria-describedby="editor-help" placeholder="粘贴 HTML 或 Markdown 内容…">&lt;article&gt;
+  &lt;h1&gt;把灵感，装进一页。&lt;/h1&gt;
+  &lt;p&gt;这是一份可以分享的小小作品。&lt;/p&gt;
+  &lt;p&gt;一纸，寄万千。&lt;/p&gt;
+&lt;/article&gt;</textarea><div class="editor-meta"><span id="detected-type">自动识别为 HTML</span><span id="byte-count">0 / 200 KB</span></div><p id="editor-help" class="editor-help" aria-live="polite">临时页面公开可见，10 分钟后失效。</p><button class="button generate-button" id="generate" type="submit">生成临时链接 <span aria-hidden="true">↗</span></button></form><div id="publish-result" class="publish-result" hidden><div class="result-title"><strong>链接已生成</strong><span id="expiry"></span></div><label class="sr-only" for="share-url">临时页面链接</label><input id="share-url" readonly><div class="result-actions"><button id="copy-link" class="quiet-button">复制链接</button><a id="open-link" target="_blank" rel="noopener" class="text-link">打开页面 ↗</a></div><p id="result-note" role="status"></p></div><noscript><p>请启用 JavaScript 使用试用功能，或登录后上传文件。</p></noscript></div><div class="section-copy"><h2 id="try-title">从一段内容，<br>到一个链接。</h2><p>先用一小段 HTML 或 Markdown 试一试。粘贴内容，生成页面，再把链接发出去。</p><ul class="arrow-list"><li>无需登录，即可体验页面分享</li><li>临时链接有效期为 10 分钟</li><li>登录后上传文件，持续管理与更新</li></ul><a href="/#/login" class="text-link">我有现成的文件，直接上传 ↗</a></div></div></section>
+
+<section class="management shell split" aria-labelledby="manage-title"><div class="section-copy"><h2 id="manage-title">发出去的内容，<br>依然在你掌握中。</h2><p>分享只是开始。用自己的工作台整理文件，管理版本，也决定内容如何被访问。</p><ul class="arrow-list"><li>分类、标签与收藏，让资料井井有条</li><li>版本历史与回滚，让修改有迹可循</li><li>分享密码与有效期，让访问有边界</li></ul><a class="text-link" href="/#/login">进入我的工作台 ↗</a></div><div class="management-visual" aria-label="文件管理与分享能力示意"><div class="file-sheet"><div class="sheet-top"><img src="/magpie-logo.png" width="40" height="36" alt=""><span>我的内容</span></div><div class="file-line"><span class="file-symbol" aria-hidden="true">↳</span><span>产品原型.html<small>设计 · 原型</small></span><span class="file-kind">HTML</span></div><div class="file-line"><span class="file-symbol" aria-hidden="true">↳</span><span>项目手记.md<small>知识 · 文档</small></span><span class="file-kind">MD</span></div><div class="file-line"><span class="file-symbol" aria-hidden="true">↳</span><span>作品集.zip<small>创作 · 作品</small></span><span class="file-kind">ZIP</span></div><div class="sheet-bottom"><span>版本可追溯</span><span>分享可控制</span></div></div><p class="visual-caption">能力示意 · 文件内容由你来定义</p></div></section>
+
+<section class="ai-section" id="ai" aria-labelledby="ai-title"><div class="shell split reverse"><div class="workflow" aria-label="从 AI 创作到页面分享的流程"><div class="workflow-source"><span>MCP</span><span>API</span><span>CLI</span></div><svg viewBox="0 0 420 82" fill="none" aria-hidden="true"><path d="M62 0v25q0 13 13 13h122q13 0 13 13v30M210 0v81M358 0v25q0 13-13 13H223q-13 0-13 13v30"/></svg><div class="workflow-core"><img src="/magpie-logo.png" width="52" height="48" alt=""><span>纸鹊 Magpie</span></div><div class="workflow-stem"></div><div class="workflow-result"><span aria-hidden="true">↗</span><span>一个可以分享的页面</span></div></div><div class="section-copy"><h2 id="ai-title">AI 完成创作，<br>纸鹊接着送达。</h2><p>让生成内容进入真正的分享流程。通过 MCP、API 或命令行，把 AI 写出的网页和报告交给纸鹊。</p><p>也可以直接在浏览器上传，沿用你熟悉的方式。</p><a href="https://github.com/enderchen/magpie#readme" class="button button-outline" target="_blank" rel="noopener noreferrer">查看接入指南 <span aria-hidden="true">↗</span></a></div></div></section>
+
+<section class="faq shell" aria-labelledby="faq-title"><h2 id="faq-title">开始之前，<br>你可能想知道。</h2><div class="faq-list"><details><summary>试用链接和正式上传有什么区别？<span aria-hidden="true">+</span></summary><p>试用无需登录，支持最多 200 KB 的 HTML 或 Markdown，链接在 10 分钟后失效。登录后可以上传和管理自己的文件、查看版本历史，并配置分享设置。</p></details><details><summary>接收者需要注册账号吗？<span aria-hidden="true">+</span></summary><p>公开分享链接可直接在浏览器中访问。如果你设置了分享密码，接收者需要输入密码；到期的链接将不能继续访问。</p></details><details><summary>没有现成的页面，从哪里开始？<span aria-hidden="true">+</span></summary><p>可以从上方示例开始体验，也可以到<a href="/#/market">模板市场</a>浏览可用内容，或让 AI 生成 HTML / Markdown 后上传。</p></details></div></section>
+
+<section class="final-cta"><div class="shell final-inner"><div><h2>你的下一页，<br>准备好出发了吗？</h2><p>让报告、原型与作品，抵达更多人的眼前。</p></div><a class="button" href="/#/login">开始分享 <span aria-hidden="true">↗</span></a></div></section>
+</main>
+<footer class="footer shell"><div class="footer-top"><div><a class="brand" href="./index.html?v=3"><img src="/magpie-logo.png" width="44" height="40" alt=""><span>纸鹊<span class="brand-en">Magpie</span></span></a><p>一纸，寄万千。</p></div><nav aria-label="页脚导航"><a href="/#/market">模板市场</a><a href="https://github.com/enderchen/magpie" target="_blank" rel="noopener noreferrer">GitHub ↗</a><a href="/#/">原版首页</a></nav></div><div class="footer-bottom"><span>© 2026 Magpie · Open source</span><div><a href="/privacy">隐私政策</a><a href="/terms">服务条款</a></div></div></footer>
+</body></html>
diff --git a/public/home-brainfish/styles.css b/public/home-brainfish/styles.css
new file mode 100644
index 0000000..c7bffbc
--- /dev/null
+++ b/public/home-brainfish/styles.css
@@ -0,0 +1,35 @@
+/* Hallmark · macrostructure: Split Studio · genre: editorial · theme: studied-DNA (source: https://www.brainfishai.com/)
+ * pre-emit critique: P4 H4 E4 S5 R4 V5
+ * studied: yes · DNA-source: rendered public reference · nav: N1b · footer: Ft1 · enrichment: E5 original SVG
+ * observed: Fraunces + Geist, #ffffff paper, #a3e635 accent · localized: Noto Serif SC + Geist/Noto Sans SC
+ * paper: oklch(99.8% .002 110) · accent: oklch(84.9% .207 128.85) · tone: bright, expressive, composed
+ */
+@import url('./tokens.css');
+@font-face{font-family:'Noto Serif SC';src:url('./assets/fonts/noto-serif-sc.woff2') format('woff2');font-weight:200 900;font-style:normal;font-display:swap}
+@font-face{font-family:'Noto Sans SC';src:url('./assets/fonts/noto-sans-sc.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
+@font-face{font-family:'Geist';src:url('./assets/fonts/geist.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
+*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-padding-top:96px}body{margin:0;background:var(--color-paper);color:var(--color-body);font:400 var(--text-base)/1.75 var(--font-body);-webkit-font-smoothing:antialiased}
+[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--font-display);font-style:normal;font-weight:500;letter-spacing:-.045em;line-height:1.35;color:var(--color-ink);overflow-wrap:anywhere;min-width:0;text-wrap:balance}h1{font-size:var(--text-hero);line-height:1.3}h2{font-size:var(--text-title)}h3{font-size:var(--text-md);line-height:1.4;font-weight:600;color:var(--color-ink);font-style:normal}
+img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button,summary{cursor:pointer}a,button,summary{ -webkit-tap-highlight-color:transparent}button,.button,nav a,.text-link{white-space:nowrap}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.55}form[aria-busy="true"] button:disabled{cursor:wait}a[aria-disabled="true"]{pointer-events:none;opacity:.55;cursor:not-allowed}button:active,.button:active{transform:translate(1px,1px)}a:active{color:var(--color-focus)}.button:active{color:var(--color-accent-ink)}
+:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}::selection{background:var(--color-accent);color:var(--color-ink)}
+.shell{width:min(calc(100% - var(--page-gutter)*2),1280px);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:var(--space-xs);left:var(--space-md);transform:translateY(-180%);z-index:var(--z-nav);padding:var(--space-sm);background:var(--color-paper)}.skip-link:focus{transform:none}
+.site-header{position:sticky;top:0;z-index:var(--z-nav);background:var(--color-paper);border-bottom:1px solid var(--color-rule)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:76px}.brand{display:inline-flex;align-items:center;gap:var(--space-xs);flex-shrink:0;white-space:nowrap;color:var(--color-ink);font-weight:600}.brand>span{display:flex;flex-direction:column;font-size:var(--text-base);line-height:1.25}.brand-en{font-size:var(--text-xs);letter-spacing:-.045em}.brand img{width:34px;height:32px}.desktop-nav,.login-link,.nav-actions .nav-cta{display:none}.nav-actions{display:flex;align-items:center;gap:var(--space-lg)}.menu-button{width:44px;height:44px;border:1px solid var(--color-control);background:var(--color-paper);border-radius:var(--radius-sm);display:grid;align-content:center;gap:6px;padding:var(--space-sm)}.menu-button span{height:1px;background:var(--color-ink);width:100%}.mobile-menu{padding-block:var(--space-sm) var(--space-lg);display:grid;gap:var(--space-xs)}.mobile-menu a{min-height:44px;display:flex;align-items:center;border-bottom:1px solid var(--color-rule)}
+.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-lg);min-height:48px;padding:var(--space-xs) var(--space-lg);border:1px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-accent-ink);box-shadow:2px 2px 0 var(--color-ink);font-weight:500;line-height:1.3;transition:transform var(--dur-micro) var(--ease-out)}.button-outline{background:var(--color-paper)}.text-link{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid var(--color-ink);font-size:var(--text-base);color:var(--color-ink)}
+.hero{display:grid;grid-template-columns:minmax(0,1fr);padding-block:var(--space-xl) var(--space-2xl);gap:var(--space-md)}.hero-copy{min-width:0}.underline{position:relative;white-space:nowrap}.underline:after{content:'';position:absolute;left:0;right:.25em;bottom:0;height:2px;background:var(--color-accent)}.hero-description{font-size:var(--text-base);line-height:1.9;margin-top:var(--space-lg);color:var(--color-body)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);margin-top:var(--space-xl)}.hero-actions .button{padding-inline:var(--space-md);gap:var(--space-sm)}.hero-signoff{margin-top:var(--space-xl);font-size:var(--text-xs);letter-spacing:.15em;color:var(--color-muted)}.hero-art{min-width:0;background:radial-gradient(ellipse at 65% 40%,var(--color-wash-strong),transparent 68%)}.hero-art img{width:100%;height:auto}.hero-art figcaption{font-size:var(--text-xs);text-align:center;color:var(--color-muted);margin-top:calc(var(--space-md)*-1)}
+.format-ribbon{border-block:1px solid var(--color-rule);background:var(--color-wash)}.ribbon-inner{display:flex;flex-direction:column;gap:var(--space-md);padding-block:var(--space-lg)}.ribbon-inner>span{font-size:var(--text-xs);color:var(--color-muted)}.ribbon-inner ul{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm) var(--space-md);list-style:none;margin:0;padding:0;font-size:var(--text-xs)}.ribbon-inner li{display:flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.ribbon-inner li>span{display:grid;place-items:center;background:var(--color-accent);color:var(--color-ink);width:18px;height:18px;border-radius:50%;line-height:1;font-size:var(--text-xs)}
+.possibilities{padding-block:var(--space-2xl)}.format-grid{display:grid;margin-top:var(--space-xl);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-wash);overflow:hidden}.format-grid article{padding:var(--space-lg)}.format-grid article+article{border-top:1px solid var(--color-rule)}.format-type{font-family:var(--font-display);font-size:var(--text-title);color:var(--color-ink);font-weight:500;letter-spacing:-.04em}.format-grid h3{margin-top:var(--space-md);font-size:var(--text-base)}.format-grid p{margin-top:var(--space-sm);color:var(--color-muted);font-size:var(--text-base);max-width:60ch}
+.split{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);align-items:center}.section-copy>p{margin-top:var(--space-lg);max-width:58ch;color:var(--color-muted)}.section-copy>.button,.section-copy>.text-link{margin-top:var(--space-lg)}.arrow-list{list-style:none;margin:var(--space-lg) 0 0;padding:0;display:grid;gap:var(--space-sm);font-size:var(--text-base)}.arrow-list li{position:relative;padding-left:var(--space-lg)}.arrow-list li:before{content:'↗';position:absolute;left:0;color:var(--color-muted)}
+.trial-section{background:var(--color-wash);padding-block:var(--space-2xl)}.reverse>.section-copy{grid-row:1}.trial-card{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-md);min-width:0;box-shadow:0 4px 20px var(--color-shadow)}.trial-card-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding-bottom:var(--space-md);font-weight:500;color:var(--color-ink)}.trial-tag{font-size:var(--text-xs);color:var(--color-muted);font-weight:400}.editor-tools{display:flex;align-items:center;gap:var(--space-xs);border-top:1px solid var(--color-rule);font-size:var(--text-xs)}.sample-button,.quiet-button{min-height:44px;border:0;border-radius:var(--radius-sm);background:transparent;padding:var(--space-xs) var(--space-2xs);font-size:var(--text-xs)}.sample-button[aria-pressed="true"]{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.sample-button[aria-pressed="true"]:after{content:''}.editor-tools .quiet-button{margin-left:auto;color:var(--color-muted)}
+textarea{display:block;resize:vertical;width:100%;height:200px;min-height:160px;padding:var(--space-sm);border:1px solid var(--color-control);border-radius:var(--radius-sm);background:var(--color-wash);color:var(--color-body);font:400 var(--text-xs)/1.9 var(--font-body);outline:2px solid transparent;outline-offset:2px}textarea:focus-visible,input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}textarea[aria-invalid="true"]{border-color:var(--color-error)}textarea::placeholder,input::placeholder{color:var(--color-muted);opacity:1}.editor-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-xs);font-variant-numeric:tabular-nums}.editor-help{min-height:1.75em;font-size:var(--text-xs);margin-block:var(--space-md);color:var(--color-muted)}.editor-help.is-error{color:var(--color-error)}.generate-button{width:100%}.publish-result{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-rule);font-size:var(--text-xs)}.result-title,.result-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.result-title{margin-bottom:var(--space-xs)}input{width:100%;min-height:44px;padding:var(--space-xs);border:1px solid var(--color-control);border-radius:var(--radius-sm);background:var(--color-wash);color:var(--color-body);font-size:var(--text-xs)}.result-actions .text-link{font-size:var(--text-xs);border:0}#result-note{color:var(--color-muted);min-height:1.75em}
+.management{padding-block:var(--space-2xl)}.management-visual{min-width:0;background:var(--color-wash);padding:var(--space-lg);border-radius:var(--radius-lg)}.file-sheet{background:var(--color-paper);padding:var(--space-md);box-shadow:0 4px 20px var(--color-shadow);transform:rotate(-2deg)}.sheet-top{display:flex;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-rule);font-weight:500}.sheet-top img{width:32px;height:30px}.file-line{display:flex;align-items:center;gap:var(--space-xs);padding-block:var(--space-lg);border-bottom:1px solid var(--color-rule);font-size:var(--text-xs)}.file-line small{display:block;font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-2xs)}.file-symbol{font-size:var(--text-md);color:var(--color-control)}.file-kind{margin-left:auto;font-size:var(--text-xs);color:var(--color-muted)}.sheet-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding-top:var(--space-md);font-size:var(--text-xs);color:var(--color-muted)}.visual-caption{text-align:center;font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-lg)}
+.ai-section{padding-block:var(--space-2xl);background:var(--color-wash)}.workflow{display:flex;flex-direction:column;align-items:center;min-width:0;padding:var(--space-lg) 0}.workflow-source{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:var(--space-md)}.workflow-source>span{padding:var(--space-sm);text-align:center;border:1px solid var(--color-rule);background:var(--color-paper);font-size:var(--text-md);border-radius:var(--radius-sm)}.workflow>svg{width:100%;height:82px;stroke:var(--color-diagram);stroke-width:1.5}.workflow-core{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border:1px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-paper);box-shadow:3px 3px 0 var(--color-ink);font-size:var(--text-md);color:var(--color-ink)}.workflow-stem{width:1px;height:48px;background:var(--color-diagram)}.workflow-result{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-paper);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);border:1px solid var(--color-rule)}.workflow-result>span:first-child{color:var(--color-focus)}
+.faq{display:grid;gap:var(--space-xl);padding-block:var(--space-2xl)}.faq-list{min-width:0}details{border-bottom:1px solid var(--color-rule)}details:first-child{border-top:1px solid var(--color-rule)}summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);list-style:none;min-height:76px;padding-block:var(--space-md);font-weight:500;color:var(--color-ink)}summary::-webkit-details-marker{display:none}summary>span{font-size:var(--text-md);flex-shrink:0}details[open] summary>span{transform:rotate(45deg)}details p{padding-bottom:var(--space-lg);color:var(--color-muted);max-width:64ch}details p a{text-decoration:underline;text-underline-offset:3px}
+.final-cta{padding-block:var(--space-2xl);background:var(--color-wash)}.final-inner{display:flex;flex-direction:column;gap:var(--space-xl);align-items:flex-start}.final-inner p{margin-top:var(--space-lg);color:var(--color-muted)}.footer{padding-block:var(--space-xl) var(--space-lg)}.footer-top{display:flex;flex-direction:column;gap:var(--space-lg);padding-bottom:var(--space-xl)}.footer-top p{margin-top:var(--space-sm);color:var(--color-muted);font-size:var(--text-xs)}.footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-lg)}.footer a{min-height:44px;display:inline-flex;align-items:center}.footer nav a,.footer-bottom{font-size:var(--text-xs);color:var(--color-muted)}.footer-bottom{border-top:1px solid var(--color-rule);padding-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.footer-bottom>div{display:flex;align-items:center;gap:var(--space-lg)}
+@media(hover:hover){.button:hover{background:var(--color-accent-hover)}.button-outline:hover{background:var(--color-wash)}nav a:hover,.text-link:hover,summary:hover{color:var(--color-focus)}.sample-button:hover,.quiet-button:hover,.menu-button:hover{background:var(--color-wash-strong)}textarea:hover,input:hover{background:var(--color-wash-strong)}}
+@media(min-width:36rem){.brand>span{flex-direction:row;align-items:baseline;gap:var(--space-xs);font-size:var(--text-md)}.brand-en{font-size:var(--text-md)}.brand img{width:44px;height:40px}.nav-actions .nav-cta{display:inline-flex;font-size:var(--text-xs);min-height:42px;padding:var(--space-xs) var(--space-md);gap:var(--space-md)}.trial-card{padding:var(--space-lg)}.editor-tools{gap:var(--space-md)}.hero-actions .button{padding-inline:var(--space-lg);gap:var(--space-lg)}.management-visual{padding:var(--space-xl)}.file-sheet{padding:var(--space-lg)}.file-line{gap:var(--space-md);font-size:var(--text-base)}.footer-top,.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}.mobile-only{display:none}}
+@media(min-width:50rem){.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:var(--space-lg);padding-top:var(--space-2xl);padding-bottom:var(--space-3xl)}.hero-description{font-size:var(--text-md)}.hero-art{margin-right:calc(var(--space-lg)*-1)}.ribbon-inner{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.ribbon-inner ul{display:flex;gap:var(--space-lg)}.format-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.format-grid article{padding:var(--space-xl) var(--space-lg)}.format-grid article+article{border-top:0;border-left:1px solid var(--color-rule)}.possibilities{padding-block:var(--space-3xl)}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl)}.reverse>.section-copy{grid-row:auto}.trial-section,.management,.ai-section{padding-block:var(--space-3xl)}.faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-2xl);padding-block:var(--space-3xl)}.final-inner{flex-direction:row;align-items:center;justify-content:space-between}.final-inner .button{flex-shrink:0}.trial-card{padding:var(--space-lg)}.management-visual{padding:var(--space-xl)}.file-sheet{padding:var(--space-lg)}}
+@media(min-width:68rem){.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;min-height:80px;gap:var(--space-xl)}.desktop-nav{display:flex;align-items:center;gap:var(--space-lg);font-size:var(--text-base)}.desktop-nav a{display:flex;align-items:center;min-height:44px}.nav-actions{justify-self:end}.login-link{display:inline-flex;align-items:center;min-height:44px}.menu-button{display:none}.mobile-menu{display:none!important}.hero{gap:var(--space-xl)}.hero-art img{max-height:480px;object-fit:contain}.format-grid article{padding:var(--space-xl)}.split{gap:var(--space-3xl)}.management-visual{padding:var(--space-xl)}.hero-signoff{margin-top:var(--space-xl)}}
+@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.file-sheet{transform:none}}
+
+/* Show the approved Magpie bird within legacy preview icon slots. */
+.brand img,.workflow-core img{object-fit:cover;object-position:left center}
diff --git a/public/home-brainfish/tokens.css b/public/home-brainfish/tokens.css
new file mode 100644
index 0000000..08374cf
--- /dev/null
+++ b/public/home-brainfish/tokens.css
@@ -0,0 +1,40 @@
+:root {
+ --color-paper: oklch(99.8% .002 110);
+ --color-ink: oklch(27% .009 115);
+ --color-body: oklch(34% .01 115);
+ --color-muted: oklch(48% .015 115);
+ --color-accent: oklch(84.9% .207 128.85);
+ --color-accent-ink: var(--color-ink);
+ --color-accent-hover: oklch(81% .19 129);
+ --color-wash: oklch(97.8% .027 117);
+ --color-wash-strong: oklch(94% .075 123);
+ --color-rule: oklch(89% .012 115);
+ --color-control: oklch(61% .025 115);
+ --color-focus: oklch(44% .1 130);
+ --color-error: oklch(48% .17 28);
+ --color-diagram: oklch(81% .05 124);
+ --color-shadow: oklch(27% .009 115 / .06);
+ --font-display: 'Noto Serif SC', 'Songti SC', serif;
+ --font-body: 'Geist', 'Noto Sans SC', 'PingFang SC', sans-serif;
+ --text-xs: .875rem;
+ --text-base: 1rem;
+ --text-md: 1.25rem;
+ --text-title: clamp(1.75rem, 3.2vw, 2.75rem);
+ --text-hero: clamp(2.5rem, 4.65vw, 4.5rem);
+ --space-2xs: .25rem;
+ --space-xs: .5rem;
+ --space-sm: .75rem;
+ --space-md: 1rem;
+ --space-lg: 1.5rem;
+ --space-xl: 2.5rem;
+ --space-2xl: 4rem;
+ --space-3xl: 6rem;
+ --page-gutter: clamp(1.25rem, 5vw, 5rem);
+ --radius-sm: 4px;
+ --radius-md: 12px;
+ --radius-lg: 20px;
+ --ease-out: cubic-bezier(.16, 1, .3, 1);
+ --dur-micro: 120ms;
+ --dur-short: 220ms;
+ --z-nav: 200;
+}
diff --git a/public/home-concept/app.js b/public/home-concept/app.js
new file mode 100644
index 0000000..33e7949
--- /dev/null
+++ b/public/home-concept/app.js
@@ -0,0 +1,195 @@
+/* global document, window, navigator */
+'use strict';
+
+const editor = document.getElementById('content-editor');
+const form = document.getElementById('paste-form');
+const help = document.getElementById('editor-help');
+const generate = document.getElementById('generate');
+const result = document.getElementById('publish-result');
+const urlInput = document.getElementById('share-url');
+const resultNote = document.getElementById('result-note');
+const openLink = document.getElementById('open-link');
+const copyLink = document.getElementById('copy-link');
+const maxBytes = 200 * 1024;
+const samples = {
+  html: editor.value,
+  markdown: '# 把灵感，装进一页。\n\n这是一份可以分享的小小作品。\n\n- 一个还在生长的想法\n- 一份值得被看见的报告\n- 一次新的出发\n\n**一纸，寄万千。**',
+};
+let expiryTimer;
+let expired = false;
+let latestUrl = '';
+
+function message(text, error = false) {
+  help.textContent = text;
+  help.classList.toggle('is-error', error);
+  editor.setAttribute('aria-invalid', String(error));
+}
+
+function updateEditor() {
+  const size = new Blob([editor.value]).size;
+  const type = editor.value.trim().startsWith('<') ? 'HTML' : 'Markdown';
+  document.getElementById('detected-type').textContent = editor.value.trim() ? `自动识别为 ${type}` : '支持 HTML / Markdown';
+  document.getElementById('byte-count').textContent = `${(size / 1024).toFixed(1)} / 200 KB`;
+  message(size > maxBytes ? '内容超过 200 KB，请删减后重试。' : '临时页面公开可见，10 分钟后失效。', size > maxBytes);
+  result.hidden = true;
+  clearInterval(expiryTimer);
+  document.querySelectorAll('[data-sample]').forEach(button => {
+    button.setAttribute('aria-pressed', String(editor.value === samples[button.dataset.sample]));
+  });
+}
+editor.addEventListener('input', updateEditor);
+document.querySelectorAll('[data-sample]').forEach(button => {
+  button.addEventListener('click', () => {
+    editor.value = samples[button.dataset.sample];
+    updateEditor();
+  });
+});
+document.getElementById('clear-editor').addEventListener('click', () => {
+  editor.value = '';
+  updateEditor();
+  editor.focus();
+});
+
+function countdown(expiresAt) {
+  clearInterval(expiryTimer);
+  const end = Date.parse(expiresAt.replace(' ', 'T') + 'Z');
+  const tick = () => {
+    const seconds = Math.max(0, Math.ceil((end - Date.now()) / 1000));
+    expired = seconds <= 0 || !Number.isFinite(seconds);
+    document.getElementById('expiry').textContent = expired ? '链接已过期' : `剩余 ${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, '0')}`;
+    if (expired) {
+      clearInterval(expiryTimer);
+      openLink.removeAttribute('href');
+      openLink.setAttribute('aria-disabled', 'true');
+      copyLink.disabled = true;
+      resultNote.textContent = '临时链接已失效，可重新生成。';
+    }
+  };
+  tick();
+  if (!expired) expiryTimer = setInterval(tick, 1000);
+}
+
+form.addEventListener('submit', async event => {
+  event.preventDefault();
+  if (generate.disabled) return;
+  const content = editor.value;
+  if (!content.trim() || new Blob([content]).size > maxBytes) {
+    message(content.trim() ? '内容超过 200 KB，请删减后重试。' : '内容还是空的。粘贴文件内容，或选择上方示例。', true);
+    editor.focus();
+    return;
+  }
+  generate.disabled = true;
+  generate.textContent = '正在生成…';
+  form.setAttribute('aria-busy', 'true');
+  result.hidden = true;
+  clearInterval(expiryTimer);
+  const controller = new AbortController();
+  const timeout = setTimeout(() => controller.abort(), 20000);
+  try {
+    const response = await fetch('/api/public/try-paste', {
+      method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ content }), signal: controller.signal,
+    });
+    const data = await response.json().catch(() => ({}));
+    if (!response.ok) throw new Error(data.error || '暂时无法生成链接，请稍后重试。');
+    if (!/^\/s\/[\w-]+$/.test(data.url || '')) throw new Error('返回的链接格式异常，请稍后重试。');
+    latestUrl = new URL(data.url, window.location.origin).href;
+    urlInput.value = latestUrl;
+    openLink.href = latestUrl;
+    openLink.removeAttribute('aria-disabled');
+    copyLink.disabled = false;
+    copyLink.textContent = '复制链接';
+    result.hidden = false;
+    resultNote.textContent = ['localhost', '127.0.0.1', '[::1]'].includes(window.location.hostname)
+      ? '当前为本地预览，链接仅本机可访问。' : '拥有链接的人均可查看，10 分钟后自动失效。';
+    message(content === editor.value ? '已生成当前内容的临时页面。编辑后可再次生成。' : '链接对应提交时的内容。新的修改需要再次生成。');
+    countdown(data.expires_at);
+  } catch (error) {
+    message(error.name === 'AbortError' ? '请求超时，请稍后重试。' : error.message || '网络连接失败，请检查连接后重试。', true);
+  } finally {
+    clearTimeout(timeout);
+    generate.disabled = false;
+    generate.textContent = '生成临时链接 ↗';
+    form.setAttribute('aria-busy', 'false');
+  }
+});
+
+copyLink.addEventListener('click', async () => {
+  if (expired) return;
+  try {
+    await navigator.clipboard.writeText(latestUrl);
+    copyLink.textContent = '已复制';
+    setTimeout(() => { copyLink.textContent = '复制链接'; }, 2500);
+  } catch {
+    urlInput.focus(); urlInput.select();
+    resultNote.textContent = '无法自动复制。链接已选中，请使用系统复制快捷键。';
+  }
+});
+
+const commandButton = document.getElementById('copy-command');
+commandButton.addEventListener('click', async () => {
+  try {
+    await navigator.clipboard.writeText('node bin/magpie.js upload ./report.html --public');
+    commandButton.textContent = '已复制';
+  } catch { commandButton.textContent = '请选中下方命令复制'; }
+  setTimeout(() => { commandButton.textContent = '复制命令'; }, 2500);
+});
+
+const dialog = document.getElementById('search-dialog');
+const search = document.getElementById('search-input');
+const searchResults = document.getElementById('search-results');
+const destinations = [
+  ['粘贴内容，试用一页', '#try', '试用 html markdown 临时 分享'],
+  ['文件格式与产品能力', '#possibilities', '文件 zip 上传 产品 能力'],
+  ['AI 与命令行接入', '#connect', 'mcp api cli ai 命令 开发'],
+  ['浏览模板市场', '/#/market', '市场 模板'],
+  ['登录，管理我的文件', '/#/login', '注册 登录 上传 工作台 管理'],
+];
+let activeIndex = 0;
+let opener;
+function renderSearch() {
+  const query = search.value.trim().toLowerCase();
+  const matches = destinations.filter(([label, , keywords]) => `${label} ${keywords}`.toLowerCase().includes(query));
+  searchResults.replaceChildren();
+  activeIndex = 0;
+  for (const [label, href] of matches) {
+    const link = document.createElement('a');
+    link.className = 'search-result'; link.href = href; link.textContent = `${label} ↗`;
+    link.addEventListener('click', () => {
+      dialog.close();
+      if (href.startsWith('#')) {
+        const target = document.querySelector(href);
+        target.setAttribute('tabindex', '-1'); target.focus();
+      }
+    });
+    searchResults.append(link);
+  }
+  if (!matches.length) {
+    const empty = document.createElement('p'); empty.className = 'search-empty'; empty.textContent = '没有匹配项。试试“模板”或“文件”。'; searchResults.append(empty);
+  }
+  setActive();
+}
+function setActive() {
+  searchResults.querySelectorAll('a').forEach((link, index) => link.classList.toggle('is-active', index === activeIndex));
+}
+function openSearch() {
+  opener = document.activeElement;
+  search.value = ''; renderSearch(); dialog.showModal(); search.focus();
+}
+document.getElementById('search-open').addEventListener('click', openSearch);
+document.getElementById('search-close').addEventListener('click', () => dialog.close());
+dialog.addEventListener('click', event => { if (event.target === dialog) { const bounds = dialog.getBoundingClientRect(); if (event.clientX < bounds.left || event.clientX > bounds.right || event.clientY < bounds.top || event.clientY > bounds.bottom) dialog.close(); } });
+dialog.addEventListener('close', () => { if (opener && document.contains(opener)) opener.focus(); });
+search.addEventListener('input', renderSearch);
+search.addEventListener('keydown', event => {
+  const links = [...searchResults.querySelectorAll('a')];
+  if (!links.length) return;
+  if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+    event.preventDefault(); activeIndex = (activeIndex + (event.key === 'ArrowDown' ? 1 : -1) + links.length) % links.length; setActive();
+  } else if (event.key === 'Enter') { event.preventDefault(); links[activeIndex].click(); }
+});
+document.addEventListener('keydown', event => {
+  if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === 'k') {
+    event.preventDefault(); if (dialog.open) dialog.close(); else openSearch();
+  }
+});
+updateEditor();
diff --git a/public/home-concept/assets/fonts/jetbrains-mono-OFL.txt b/public/home-concept/assets/fonts/jetbrains-mono-OFL.txt
new file mode 100644
index 0000000..821a3da
--- /dev/null
+++ b/public/home-concept/assets/fonts/jetbrains-mono-OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+
+This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/public/home-concept/assets/fonts/jetbrains-mono.woff2 b/public/home-concept/assets/fonts/jetbrains-mono.woff2
new file mode 100644
index 0000000..5b9b02f
Binary files /dev/null and b/public/home-concept/assets/fonts/jetbrains-mono.woff2 differ
diff --git a/public/home-concept/assets/fonts/noto-sans-sc-OFL.txt b/public/home-concept/assets/fonts/noto-sans-sc-OFL.txt
new file mode 100644
index 0000000..1c9f432
--- /dev/null
+++ b/public/home-concept/assets/fonts/noto-sans-sc-OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2014-2021 Adobe (http://www.adobe.com/), with Reserved Font Name 'Source'
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/public/home-concept/assets/fonts/noto-sans-sc-subset.woff2 b/public/home-concept/assets/fonts/noto-sans-sc-subset.woff2
new file mode 100644
index 0000000..01e3aad
Binary files /dev/null and b/public/home-concept/assets/fonts/noto-sans-sc-subset.woff2 differ
diff --git a/public/home-concept/assets/fonts/space-grotesk-OFL.txt b/public/home-concept/assets/fonts/space-grotesk-OFL.txt
new file mode 100644
index 0000000..cb512b9
--- /dev/null
+++ b/public/home-concept/assets/fonts/space-grotesk-OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2020 The Space Grotesk Project Authors (https://github.com/floriankarsten/space-grotesk)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/public/home-concept/assets/fonts/space-grotesk.woff2 b/public/home-concept/assets/fonts/space-grotesk.woff2
new file mode 100644
index 0000000..7b0e76a
Binary files /dev/null and b/public/home-concept/assets/fonts/space-grotesk.woff2 differ
diff --git a/public/home-concept/index.html b/public/home-concept/index.html
new file mode 100644
index 0000000..6bfdd43
--- /dev/null
+++ b/public/home-concept/index.html
@@ -0,0 +1,84 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="纸鹊 Magpie，将 HTML、Markdown 和 ZIP 文件变成可以预览与分享的网页。">
+  <meta name="robots" content="noindex">
+  <title>纸鹊 Magpie · 一纸，寄万千。</title>
+  <link rel="icon" type="image/png" href="/magpie-logo.png">
+  <link rel="preload" href="./assets/fonts/space-grotesk.woff2?v=2" as="font" type="font/woff2" crossorigin>
+  <link rel="stylesheet" href="./styles.css?v=3">
+  <script src="./app.js?v=2" defer></script>
+</head>
+<body>
+  <a class="skip-link" href="#main">跳到主要内容</a>
+  <header class="site-header">
+    <div class="nav-inner container">
+      <a class="brand" href="./index.html" aria-label="纸鹊 Magpie 首页"><img src="/magpie-logo.png" width="38" height="38" alt=""><span>纸鹊<span class="wordmark">Magpie</span></span></a>
+      <nav class="nav-links" aria-label="主导航"><a href="#possibilities">产品能力</a><a href="/#/market">模板市场</a><a href="#connect">AI 接入</a></nav>
+      <div class="nav-actions"><button id="search-open" class="search-trigger" aria-label="查找页面内容"><svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="10.5" cy="10.5" r="6.5"/><path d="m16 16 5 5"/></svg><span>快速查找</span><kbd>⌘ K</kbd></button><a class="button button-small" href="/#/login">登录<span class="desktop-label"> / 注册</span></a></div>
+    </div>
+  </header>
+  <main id="main">
+    <section class="hero container" aria-labelledby="hero-title">
+      <div class="hero-copy">
+        <p class="brand-line">一纸，寄万千。</p>
+        <h1 id="hero-title">让你的内容，<br>有一个<span class="accent-word">链接。</span></h1>
+        <p class="hero-description">报告、原型、作品集，写好就分享。<br class="wide-only">把 HTML、Markdown 或 ZIP 交给纸鹊，<br class="wide-only">让内容在浏览器里被看见。</p>
+        <div class="hero-actions"><a class="button" href="/#/login">上传我的文件 <span aria-hidden="true">↗</span></a><a class="text-link" href="#try">先试一页 <span aria-hidden="true">↓</span></a></div>
+        <p class="hero-note">保留你的表达，也保留对内容的掌控。</p>
+        <div class="format-line" aria-label="支持的文件类型"><span>HTML</span><span>Markdown</span><span>ZIP</span></div>
+      </div>
+      <section class="try-workbench" id="try" aria-labelledby="try-title">
+        <div class="workbench-heading"><div><h2 id="try-title">从这一页开始</h2><p>粘贴内容，生成临时链接</p></div><span class="small-label">免登录试用</span></div>
+        <div class="editor-tools"><span>示例</span><button class="sample-button" data-sample="html" aria-pressed="true">HTML</button><button class="sample-button" data-sample="markdown" aria-pressed="false">Markdown</button><button class="quiet-button clear-button" id="clear-editor">清空</button></div>
+        <form id="paste-form" novalidate>
+          <label class="sr-only" for="content-editor">HTML 或 Markdown 内容</label>
+          <textarea id="content-editor" spellcheck="false" aria-describedby="editor-help" placeholder="粘贴 HTML 或 Markdown 内容…">&lt;article&gt;
+  &lt;h1&gt;把灵感，装进一页。&lt;/h1&gt;
+  &lt;p&gt;这是一份可以分享的小小作品。&lt;/p&gt;
+  &lt;ul&gt;
+    &lt;li&gt;一个还在生长的想法&lt;/li&gt;
+    &lt;li&gt;一份值得被看见的报告&lt;/li&gt;
+    &lt;li&gt;一次新的出发&lt;/li&gt;
+  &lt;/ul&gt;
+&lt;/article&gt;</textarea>
+          <div class="editor-meta"><span id="detected-type">自动识别为 HTML</span><span id="byte-count">0 / 200 KB</span></div>
+          <p id="editor-help" class="editor-help" aria-live="polite">临时页面公开可见，10 分钟后失效。</p>
+          <button class="button generate-button" id="generate" type="submit">生成临时链接 <span aria-hidden="true">↗</span></button>
+        </form>
+        <div class="publish-result" id="publish-result" hidden>
+          <div class="result-title"><strong>链接已生成</strong><span id="expiry" class="small-label"></span></div>
+          <label class="sr-only" for="share-url">临时页面链接</label><input id="share-url" readonly>
+          <div class="result-actions"><button class="quiet-button" id="copy-link">复制链接</button><a id="open-link" class="text-link" target="_blank" rel="noopener">打开页面 ↗</a></div>
+          <p id="result-note" class="small-label" role="status"></p>
+        </div>
+        <noscript><p>试用需要启用 JavaScript。你仍可通过登录入口上传文件。</p></noscript>
+      </section>
+    </section>
+
+    <section class="content-section container" id="possibilities" aria-labelledby="possibilities-title">
+      <div class="section-heading"><h2 id="possibilities-title">内容有很多种，<br>分享可以很简单。</h2><p>从一个文件到一个页面，<br>把精力留给内容本身。</p></div>
+      <div class="format-table">
+        <article class="format-row"><div class="file-extension">.html</div><div><h3>原型与作品，原样呈现</h3><p>上传网页文件，保留布局、样式与交互。让报告、作品集和产品原型直接在浏览器中打开。</p></div><span class="row-category">报告 · 原型 · 作品集</span></article>
+        <article class="format-row"><div class="file-extension">.md</div><div><h3>文字与知识，认真排版</h3><p>把 Markdown 变成可阅读的页面，支持代码高亮、数学公式与 Mermaid 图表。</p></div><span class="row-category">文档 · 笔记 · 技术分享</span></article>
+        <article class="format-row"><div class="file-extension">.zip</div><div><h3>一个站点，打包带走</h3><p>将页面、图片和样式一起打包上传，保留文件间的相对路径，分享完整的静态站点。</p></div><span class="row-category">多页网站 · 静态项目</span></article>
+      </div>
+    </section>
+
+    <section class="ownership container" aria-labelledby="ownership-title">
+      <div class="ownership-intro"><h2 id="ownership-title">分享出去，<br>也管理得住。</h2><p>文件、版本、访问方式，<br>都留在自己的工作台里。</p><a class="text-link" href="/#/login">进入我的工作台 ↗</a></div>
+      <dl class="capability-list"><div><dt>更新内容，不必重新开始</dt><dd>保留版本历史，需要时回到之前的版本。</dd></div><div><dt>决定谁能看、能看多久</dt><dd>配置分享密码、有效期和自定义链接别名。</dd></div><div><dt>让文件各有其位</dt><dd>用分类、标签和收藏，整理自己的报告与作品。</dd></div></dl>
+    </section>
+
+    <section class="connect-band" id="connect" aria-labelledby="connect-title"><div class="container connect-inner"><div><h2 id="connect-title">AI 写完的下一步，<br>就是分享。</h2><p>通过 MCP、API 或命令行，把内容生成与页面发布连接起来。也可以继续用熟悉的浏览器上传。</p><a class="text-link" href="https://github.com/enderchen/magpie#readme" target="_blank" rel="noopener noreferrer">阅读接入指南 ↗</a></div><div class="code-example"><div class="code-heading"><span>CLI · 上传示例</span><button id="copy-command" class="quiet-button">复制命令</button></div><pre><code><span class="code-comment"># 从项目源码运行，先配置 API Token</span>
+node bin/magpie.js upload ./report.html \
+  --public</code></pre><p>支持 MCP 的 AI 工具也可直接上传与管理文件。</p></div></div></section>
+
+    <section class="closing container" aria-labelledby="closing-title"><div><h2 id="closing-title">下一页，从哪里开始？</h2><p>带上已有的文件，或到模板市场寻找起点。</p></div><div class="closing-links"><a href="/#/login" class="text-link">上传文件 ↗</a><a href="/#/market" class="text-link">浏览模板 ↗</a></div></section>
+  </main>
+  <footer class="site-footer container"><p class="footer-statement">一纸，寄万千。</p><div class="footer-meta"><a class="brand" href="./index.html"><img src="/magpie-logo.png" width="32" height="32" alt=""><span>纸鹊<span class="wordmark">Magpie</span></span></a><span class="copyright">© 2026 Magpie · Open source</span><nav aria-label="页脚导航"><a href="https://github.com/enderchen/magpie" target="_blank" rel="noopener noreferrer">GitHub ↗</a><a href="/privacy">隐私</a><a href="/terms">条款</a><a href="/#/">原版首页</a></nav></div></footer>
+  <dialog id="search-dialog" aria-labelledby="search-title"><div class="search-head"><label for="search-input" id="search-title">查找页面内容</label><button class="quiet-button" id="search-close" aria-label="关闭查找">关闭</button></div><input id="search-input" type="search" placeholder="试用、文件、AI、模板…" autocomplete="off" aria-controls="search-results"><div id="search-results"></div><p class="search-hint">↑ ↓ 选择 · Enter 打开 · Esc 关闭</p></dialog>
+</body>
+</html>
diff --git a/public/home-concept/styles.css b/public/home-concept/styles.css
new file mode 100644
index 0000000..0a024bb
--- /dev/null
+++ b/public/home-concept/styles.css
@@ -0,0 +1,200 @@
+/* Hallmark · macrostructure: Workbench · genre: modern-minimal · theme: Cobalt · enrichment: none, working product UI · nav: N13 · footer: Ft5 */
+@import url('./tokens.css?v=2');
+@font-face { font-family: 'Space Grotesk'; src: url('./assets/fonts/space-grotesk.woff2?v=2') format('woff2'); font-weight: 300 700; font-style: normal; font-display: swap; }
+@font-face { font-family: 'JetBrains Mono'; src: url('./assets/fonts/jetbrains-mono.woff2?v=2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
+@font-face { font-family: 'Noto Sans SC'; src: url('./assets/fonts/noto-sans-sc-subset.woff2?v=2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
+* { box-sizing: border-box; }
+html, body { overflow-x: clip; }
+html { scroll-padding-top: 100px; }
+body { margin: 0; background: var(--color-paper); color: var(--color-body); font: 400 var(--text-base)/1.65 var(--font-body); -webkit-font-smoothing: antialiased; }
+body:has(dialog[open]) { overflow-y: hidden; }
+[hidden] { display: none !important; }
+button, input, textarea { font: inherit; }
+button, a { -webkit-tap-highlight-color: transparent; }
+button, a, input, textarea { touch-action: manipulation; }
+button { cursor: pointer; }
+a { color: inherit; text-decoration: none; }
+button, .button, nav a, .text-link { white-space: nowrap; }
+button:disabled { opacity: .55; cursor: not-allowed; }
+form[aria-busy="true"] button:disabled { cursor: wait; }
+a[aria-disabled="true"] { opacity: .55; cursor: not-allowed; pointer-events: none; }
+button:active, .button:active { transform: translateY(1px); }
+:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 4px; }
+::selection { background: var(--color-accent-soft); color: var(--color-ink); }
+h1, h2, h3, p { margin: 0; }
+h1, h2, h3 { color: var(--color-ink); font-family: var(--font-display); font-style: normal; font-weight: 700; text-wrap: balance; overflow-wrap: anywhere; min-width: 0; }
+h2 { font-size: var(--text-lg); line-height: 1.4; letter-spacing: -.035em; }
+h3 { font-size: var(--text-md); line-height: 1.4; }
+img, svg { display: block; max-width: 100%; }
+.container { width: min(100% - var(--page-gutter) * 2, 1280px); margin-inline: auto; }
+.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
+.skip-link { position: fixed; top: var(--space-xs); left: var(--space-md); transform: translateY(-180%); z-index: var(--z-sticky); background: var(--color-paper); padding: var(--space-sm); }
+.skip-link:focus { transform: none; }
+.site-header { position: sticky; top: 0; z-index: var(--z-sticky); border-bottom: var(--rule-hair) solid var(--color-rule); background: var(--color-paper); }
+.nav-inner { min-height: 88px; display: flex; align-items: center; gap: var(--space-xl); }
+.brand { display: inline-flex; align-items: center; gap: var(--space-sm); white-space: nowrap; color: var(--color-ink); font-weight: 700; line-height: 1.2; flex-shrink: 0; }
+.brand > span { display: flex; gap: var(--space-xs); align-items: baseline; font-size: var(--text-md); }
+.wordmark { font-family: var(--font-display); font-size: var(--text-md); letter-spacing: -.05em; }
+.nav-links { display: flex; align-items: center; gap: var(--space-lg); margin-left: auto; }
+.nav-links a, .footer-meta nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--text-sm); }
+.nav-actions { display: flex; align-items: center; gap: var(--space-lg); }
+.search-trigger { display: flex; align-items: center; gap: var(--space-xs); border: 1px solid var(--color-control); background: transparent; color: var(--color-muted); border-radius: var(--radius-sm); min-height: 44px; padding: 0 var(--space-sm); font-size: var(--text-sm); }
+.search-trigger svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; }
+kbd { font: 400 var(--text-sm) var(--font-display); padding-left: var(--space-xs); }
+.button { display: inline-flex; gap: var(--space-lg); justify-content: center; align-items: center; min-height: 50px; padding: var(--space-sm) var(--space-lg); color: var(--color-accent-ink); background: var(--color-accent); border: 1px solid var(--color-accent); border-radius: var(--radius-sm); font-weight: 600; transition: transform var(--dur-micro) var(--ease-out); }
+.button-small { min-height: 44px; padding: var(--space-xs) var(--space-md); font-size: var(--text-sm); background: var(--color-ink); border-color: var(--color-ink); gap: 0; }
+.text-link { display: inline-flex; align-items: center; min-height: 44px; gap: var(--space-sm); color: var(--color-ink); border-bottom: 1px solid var(--color-control); }
+.hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.04fr); gap: var(--space-2xl); padding-block: var(--space-2xl) var(--space-3xl); align-items: center; }
+.hero-copy { min-width: 0; }
+.brand-line { font-size: var(--text-base); letter-spacing: .16em; color: var(--color-muted); margin-bottom: var(--space-lg); }
+h1 { font-size: var(--text-display); line-height: 1.24; letter-spacing: -.065em; }
+.accent-word { color: var(--color-accent); }
+.hero-description { margin-top: var(--space-lg); line-height: 1.9; color: var(--color-muted); }
+.hero-actions { display: flex; flex-wrap: wrap; gap: var(--space-lg); align-items: center; margin-top: var(--space-xl); }
+.hero-note { margin-top: var(--space-lg); font-size: var(--text-sm); color: var(--color-muted); }
+.format-line { margin-top: var(--space-xl); display: flex; gap: var(--space-lg); font-family: var(--font-display); font-size: var(--text-sm); color: var(--color-muted); }
+.format-line span + span { padding-left: var(--space-lg); border-left: 1px solid var(--color-rule); }
+.try-workbench { min-width: 0; border: 1px solid var(--color-rule); border-radius: var(--radius-md); background: var(--color-panel); padding: var(--space-lg); scroll-margin-top: 110px; }
+.workbench-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-sm); padding-bottom: var(--space-lg); }
+.workbench-heading h2 { font-size: var(--text-md); letter-spacing: -.02em; }
+.workbench-heading p { font-size: var(--text-sm); margin-top: var(--space-2xs); color: var(--color-muted); }
+.small-label { font-size: var(--text-sm); color: var(--color-muted); }
+.workbench-heading > .small-label { padding-top: var(--space-2xs); white-space: nowrap; }
+.editor-tools { display: flex; gap: var(--space-xs); align-items: center; border-top: 1px solid var(--color-rule); font-size: var(--text-sm); }
+.editor-tools > span { margin-right: var(--space-xs); color: var(--color-muted); }
+.sample-button, .quiet-button { padding: var(--space-xs); min-height: 44px; border: 0; color: inherit; background: transparent; border-radius: var(--radius-sm); font-size: var(--text-sm); }
+.sample-button[aria-pressed="true"] { color: var(--color-accent); text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 2px; }
+.clear-button { margin-left: auto; color: var(--color-muted); }
+textarea { display: block; width: 100%; height: 235px; min-height: 180px; resize: vertical; padding: var(--space-md); background: var(--color-surface); border: 1px solid var(--color-control); border-radius: var(--radius-sm); color: var(--color-body); font-family: var(--font-mono); font-size: var(--text-sm); line-height: 1.85; outline: 2px solid transparent; outline-offset: 2px; }
+textarea::placeholder, input::placeholder { color: var(--color-muted); opacity: 1; }
+textarea[aria-invalid="true"] { border-color: var(--color-error); }
+.editor-meta { display: flex; justify-content: space-between; gap: var(--space-xs); margin-top: var(--space-xs); font-size: var(--text-sm); color: var(--color-muted); font-variant-numeric: tabular-nums; }
+.editor-help { min-height: 1.65em; margin-block: var(--space-md) var(--space-sm); font-size: var(--text-sm); color: var(--color-muted); }
+.editor-help.is-error { color: var(--color-error); }
+.generate-button { width: 100%; min-height: 48px; }
+.publish-result { margin-top: var(--space-lg); padding-top: var(--space-md); border-top: 1px solid var(--color-rule); }
+.result-title, .result-actions { display: flex; align-items: center; justify-content: space-between; gap: var(--space-sm); }
+.result-title { margin-bottom: var(--space-xs); }
+input { min-height: 44px; width: 100%; background: var(--color-surface); color: var(--color-ink); border: 1px solid var(--color-control); border-radius: var(--radius-sm); padding: var(--space-xs) var(--space-sm); }
+.result-actions .text-link { font-size: var(--text-sm); border: 0; }
+.content-section { padding-block: var(--space-xl) var(--space-2xl); }
+.section-heading { display: flex; justify-content: space-between; align-items: end; gap: var(--space-xl); padding-bottom: var(--space-xl); }
+.section-heading > p { color: var(--color-muted); padding-right: var(--space-xl); }
+.format-row { display: grid; grid-template-columns: 170px 1fr 240px; align-items: center; gap: var(--space-xl); padding-block: var(--space-xl); border-top: 1px solid var(--color-rule); }
+.file-extension { font-family: var(--font-display); font-size: var(--text-lg); letter-spacing: -.05em; color: var(--color-ink); }
+.format-row h3 { margin-bottom: var(--space-xs); }
+.format-row p { max-width: 40em; color: var(--color-muted); }
+.row-category { font-size: var(--text-sm); color: var(--color-muted); justify-self: end; }
+.ownership { display: grid; grid-template-columns: 1fr 1.04fr; gap: var(--space-2xl); padding-block: var(--space-xl) var(--space-3xl); }
+.ownership-intro p { margin-block: var(--space-lg); color: var(--color-muted); }
+.capability-list { margin: 0; }
+.capability-list > div { padding-block: var(--space-lg); border-bottom: 1px solid var(--color-rule); }
+.capability-list > div:first-child { padding-top: 0; }
+.capability-list dt { font-weight: 600; font-size: var(--text-md); color: var(--color-ink); }
+.capability-list dd { margin: var(--space-xs) 0 0; color: var(--color-muted); }
+.connect-band { background: var(--color-graphite); color: var(--color-on-dark); padding-block: var(--space-2xl); }
+.connect-inner { display: grid; grid-template-columns: 1fr 1.04fr; gap: var(--space-2xl); align-items: center; }
+.connect-inner h2 { color: var(--color-on-dark); }
+.connect-inner > div > p { margin-block: var(--space-lg); max-width: 29em; color: var(--color-dark-muted); }
+.connect-inner .text-link { color: var(--color-on-dark); border-color: var(--color-dark-muted); }
+.code-example { min-width: 0; }
+.code-heading { display: flex; align-items: center; justify-content: space-between; font-size: var(--text-sm); border-bottom: 1px solid var(--color-dark-rule); padding-bottom: var(--space-xs); }
+pre { margin: var(--space-lg) 0; overflow-x: auto; font: 400 var(--text-sm)/2 var(--font-mono); white-space: pre-wrap; overflow-wrap: anywhere; }
+code { font-family: inherit; }
+.code-comment { color: var(--color-dark-muted); }
+.code-example > p { font-size: var(--text-sm); }
+.connect-band :focus-visible { outline-color: var(--color-on-dark); }
+.closing { display: flex; gap: var(--space-xl); justify-content: space-between; align-items: center; padding-block: var(--space-3xl); }
+.closing p { margin-top: var(--space-md); color: var(--color-muted); }
+.closing-links { display: flex; gap: var(--space-xl); }
+.site-footer { border-top: 1px solid var(--color-rule); padding-block: var(--space-xl) var(--space-lg); }
+.footer-statement { font-size: var(--text-lg); font-weight: 700; color: var(--color-ink); letter-spacing: -.045em; margin-bottom: var(--space-xl); }
+.footer-meta { display: flex; gap: var(--space-lg); justify-content: space-between; align-items: center; }
+.copyright { color: var(--color-muted); font-size: var(--text-sm); }
+.footer-meta nav { display: flex; flex-wrap: wrap; gap: var(--space-lg); }
+dialog { position: fixed; inset: 0; margin: auto; height: fit-content; width: min(560px, calc(100% - 32px)); max-height: 80dvh; overflow-y: auto; padding: var(--space-lg); border: 1px solid var(--color-control); border-radius: var(--radius-md); color: var(--color-ink); background: var(--color-paper); }
+dialog::backdrop { background: var(--color-scrim); }
+.search-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-xs); }
+#search-results { display: grid; margin-top: var(--space-md); }
+.search-result { min-height: 52px; display: flex; justify-content: space-between; align-items: center; padding-inline: var(--space-sm); border-radius: var(--radius-sm); }
+.search-result.is-active { background: var(--color-accent-soft); color: var(--color-accent); }
+.search-hint { margin-top: var(--space-md); font-size: var(--text-sm); color: var(--color-muted); }
+.search-empty { padding-block: var(--space-lg); color: var(--color-muted); }
+@media (hover: hover) {
+  .button:hover { background: var(--color-accent-hover); border-color: var(--color-accent-hover); }
+  .nav-links a:hover, .text-link:hover, .footer-meta a:hover { color: var(--color-accent); }
+  .quiet-button:hover, .sample-button:hover, .search-trigger:hover { background: var(--color-accent-soft); color: var(--color-accent); }
+  textarea:hover, input:hover { background: var(--color-surface); }
+  .connect-band .quiet-button:hover { background: var(--color-dark-rule); color: var(--color-on-dark); }
+  .connect-band .text-link:hover { color: var(--color-paper); }
+}
+@media (max-width: 1180px) {
+  .nav-inner { gap: var(--space-lg); }
+  .search-trigger > span { display: none; }
+  .nav-actions { gap: var(--space-md); }
+  .hero, .ownership, .connect-inner { gap: var(--space-xl); }
+  .format-row { grid-template-columns: 120px 1fr; gap: var(--space-lg); }
+  .row-category { display: none; }
+}
+@media (max-width: 900px) {
+  .nav-links { display: none; }
+  .nav-actions { margin-left: auto; }
+  .hero { padding-top: var(--space-xl); grid-template-columns: minmax(0, 1fr); gap: var(--space-xl); }
+  .hero-copy { max-width: 650px; }
+  .hero-description br { display: none; }
+  .hero-description { max-width: 35em; }
+  .format-line { margin-top: var(--space-lg); }
+  .try-workbench { width: 100%; }
+  .section-heading { align-items: start; }
+  .ownership, .connect-inner { grid-template-columns: 1fr; gap: var(--space-xl); }
+  .footer-meta { flex-wrap: wrap; }
+  .footer-meta nav { width: 100%; }
+  .closing { align-items: start; flex-direction: column; gap: var(--space-lg); }
+}
+@media (max-width: 540px) {
+  .nav-inner { min-height: 76px; gap: var(--space-sm); }
+  .brand { gap: var(--space-xs); }
+  .brand > span { flex-direction: column; gap: 0; font-size: var(--text-base); }
+  .brand .wordmark { font-size: var(--text-sm); }
+  .brand img { width: 32px; height: 32px; }
+  .nav-actions { gap: var(--space-xs); }
+  .search-trigger { width: 44px; padding: var(--space-sm); }
+  .search-trigger kbd, .desktop-label { display: none; }
+  .hero { padding-block: var(--space-xl) var(--space-2xl); }
+  .hero-description { font-size: var(--text-base); }
+  .hero-actions { margin-top: var(--space-lg); gap: var(--space-md); }
+  .hero-actions .button { padding-inline: var(--space-md); gap: var(--space-sm); }
+  .try-workbench { padding: var(--space-md); }
+  .workbench-heading { display: grid; grid-template-columns: 1fr auto; gap: var(--space-xs); }
+  .workbench-heading > div { display: contents; }
+  .workbench-heading h2 { grid-column: 1; grid-row: 1; }
+  .workbench-heading p { grid-column: 1 / -1; grid-row: 2; }
+  .workbench-heading > .small-label { grid-column: 2; grid-row: 1; }
+  .workbench-heading h2 { font-size: var(--text-base); }
+  .workbench-heading > .small-label { font-size: var(--text-sm); }
+  textarea { padding: var(--space-sm); height: 270px; }
+  .editor-tools { gap: var(--space-2xs); }
+  .editor-tools > span { display: none; }
+  .section-heading { display: block; }
+  .section-heading > p { padding: 0; margin-top: var(--space-md); }
+  .section-heading > p br { display: none; }
+  .format-row { grid-template-columns: 1fr; gap: var(--space-sm); padding-block: var(--space-lg); }
+  .file-extension { font-size: var(--text-md); }
+  .format-row h3 { font-size: var(--text-md); }
+  .ownership { padding-block: var(--space-lg) var(--space-2xl); }
+  .content-section { padding-bottom: var(--space-xl); }
+  .closing { padding-block: var(--space-2xl); }
+  .copyright { width: 100%; }
+  .footer-meta nav { gap: var(--space-md); }
+  .search-hint { font-size: var(--text-sm); }
+}
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
+}
+
+textarea:focus-visible, input:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
+a:active { color: var(--color-accent); }
+.button:active { color: var(--color-accent-ink); }
+
+/* Show the approved Magpie bird within legacy preview icon slots. */
+.brand img,.workflow-core img{object-fit:cover;object-position:left center}
diff --git a/public/home-concept/tokens.css b/public/home-concept/tokens.css
new file mode 100644
index 0000000..7069658
--- /dev/null
+++ b/public/home-concept/tokens.css
@@ -0,0 +1,44 @@
+:root {
+  --color-paper: oklch(98.5% .004 250);
+  --color-surface: oklch(96.5% .007 250);
+  --color-panel: oklch(99.5% .002 250);
+  --color-ink: oklch(24% .02 258);
+  --color-body: oklch(36% .018 257);
+  --color-muted: oklch(48% .018 257);
+  --color-rule: oklch(86% .012 250);
+  --color-control: oklch(62% .02 250);
+  --color-accent: oklch(49% .215 263);
+  --color-accent-ink: var(--color-paper);
+  --color-accent-hover: oklch(42% .2 263);
+  --color-accent-soft: oklch(94% .024 263);
+  --color-graphite: oklch(23% .018 258);
+  --color-on-dark: oklch(94% .008 250);
+  --color-dark-muted: oklch(77% .015 250);
+  --color-dark-rule: oklch(43% .02 258);
+  --color-error: oklch(48% .17 28);
+  --color-scrim: oklch(24% .02 258 / .42);
+  --font-display: 'Space Grotesk', 'Noto Sans SC', 'PingFang SC', sans-serif;
+  --font-body: 'Noto Sans SC', 'Space Grotesk', 'PingFang SC', sans-serif;
+  --font-mono: 'JetBrains Mono', 'PingFang SC', monospace;
+  --text-sm: .875rem;
+  --text-base: 1rem;
+  --text-md: 1.25rem;
+  --text-lg: clamp(1.625rem, 2.7vw, 2.125rem);
+  --text-display: clamp(2.5rem, 4.1vw, 3.625rem);
+  --space-2xs: .25rem;
+  --space-xs: .5rem;
+  --space-sm: .75rem;
+  --space-md: 1rem;
+  --space-lg: 1.5rem;
+  --space-xl: 2.5rem;
+  --space-2xl: 4rem;
+  --space-3xl: 6rem;
+  --page-gutter: clamp(1.25rem, 4.4vw, 5rem);
+  --radius-sm: 6px;
+  --radius-md: 10px;
+  --rule-hair: 1px;
+  --ease-out: cubic-bezier(.16, 1, .3, 1);
+  --dur-micro: 120ms;
+  --dur-short: 220ms;
+  --z-sticky: 200;
+}
diff --git a/public/home-share/README.md b/public/home-share/README.md
new file mode 100644
index 0000000..c589677
--- /dev/null
+++ b/public/home-share/README.md
@@ -0,0 +1,15 @@
+# 纸鹊首页 · 内容确认版
+
+预览：http://localhost:8858/home-share/index.html?v=3
+
+基于 home-brainfish 新建，保留白底、黄绿色、宋体标题、纸舟标志、描边按钮及交错布局。采用 2026-09-20 用户确认的内容方案；本期移除模板市场的全部首页入口与内容。旧首页和前两份方案保留，不改变后端或登录后的既有功能。
+
+新增首屏发布示例、三步说明、三个自有场景示例、持续管理说明及 FAQ。试用复用原接口；上传进入既有登录/文件路由，已登录用户由该路由返回工作台。
+
+examples/ 包含报告页面与 Markdown 源文件、交互原型、带相对路径 CSS/SVG 的作品集及 ZIP。均标明演示内容。静态报告示例为人工排版预览，不代表逐字渲染 Markdown 的结果。
+
+字体沿用 Noto Serif SC、Noto Sans SC、Geist，新中文文案已重新生成本地字体子集，OFL 许可证随附。
+
+检查：320/375/768/1280 无横向溢出；菜单、FAQ、空内容校验、Markdown 试用生成/打开/复制通过；三个示例打开通过，原型展开操作通过；ZIP 校验与 MD/ZIP 下载响应通过；lint 与 build 通过，浏览器未捕获警告或错误。
+
+本地预览不等于公网发布；未替换原首页，未提交或推送。
diff --git a/public/home-share/app.js b/public/home-share/app.js
new file mode 100644
index 0000000..7d6c07c
--- /dev/null
+++ b/public/home-share/app.js
@@ -0,0 +1,164 @@
+/* global document, window, navigator */
+'use strict';
+
+const editor = document.getElementById('content-editor');
+const form = document.getElementById('paste-form');
+const help = document.getElementById('editor-help');
+const generate = document.getElementById('generate');
+const result = document.getElementById('publish-result');
+const urlInput = document.getElementById('share-url');
+const resultNote = document.getElementById('result-note');
+const openLink = document.getElementById('open-link');
+const copyLink = document.getElementById('copy-link');
+const maxBytes = 200 * 1024;
+const samples = {
+  html: editor.value,
+  markdown: '# 把灵感，装进一页。\n\n这是一份可以分享的小小作品。\n\n- 一个还在生长的想法\n- 一份值得被看见的报告\n- 一次新的出发\n\n**一纸，寄万千。**',
+};
+let expiryTimer;
+let expired = false;
+let latestUrl = '';
+
+function message(text, error = false) {
+  help.textContent = text;
+  help.classList.toggle('is-error', error);
+  editor.setAttribute('aria-invalid', String(error));
+}
+
+function updateEditor() {
+  const size = new Blob([editor.value]).size;
+  const type = editor.value.trim().startsWith('<') ? 'HTML' : 'Markdown';
+  document.getElementById('detected-type').textContent = editor.value.trim() ? `自动识别为 ${type}` : '支持 HTML / Markdown';
+  document.getElementById('byte-count').textContent = `${(size / 1024).toFixed(1)} / 200 KB`;
+  message(size > maxBytes ? '内容超过 200 KB，请删减后重试。' : '临时页面公开可见，10 分钟后失效。', size > maxBytes);
+  result.hidden = true;
+  clearInterval(expiryTimer);
+  document.querySelectorAll('[data-sample]').forEach(button => {
+    button.setAttribute('aria-pressed', String(editor.value === samples[button.dataset.sample]));
+  });
+}
+editor.addEventListener('input', updateEditor);
+document.querySelectorAll('[data-sample]').forEach(button => {
+  button.addEventListener('click', () => {
+    editor.value = samples[button.dataset.sample];
+    updateEditor();
+  });
+});
+document.getElementById('clear-editor').addEventListener('click', () => {
+  editor.value = '';
+  updateEditor();
+  editor.focus();
+});
+
+function countdown(expiresAt) {
+  clearInterval(expiryTimer);
+  const end = Date.parse(expiresAt.replace(' ', 'T') + 'Z');
+  const tick = () => {
+    const seconds = Math.max(0, Math.ceil((end - Date.now()) / 1000));
+    expired = seconds <= 0 || !Number.isFinite(seconds);
+    document.getElementById('expiry').textContent = expired ? '链接已过期' : `剩余 ${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, '0')}`;
+    if (expired) {
+      clearInterval(expiryTimer);
+      openLink.removeAttribute('href');
+      openLink.setAttribute('aria-disabled', 'true');
+      copyLink.disabled = true;
+      resultNote.textContent = '临时链接已失效，可重新生成。';
+    }
+  };
+  tick();
+  if (!expired) expiryTimer = setInterval(tick, 1000);
+}
+
+form.addEventListener('submit', async event => {
+  event.preventDefault();
+  if (generate.disabled) return;
+  const content = editor.value;
+  if (!content.trim() || new Blob([content]).size > maxBytes) {
+    message(content.trim() ? '内容超过 200 KB，请删减后重试。' : '内容还是空的。粘贴文件内容，或选择上方示例。', true);
+    editor.focus();
+    return;
+  }
+  generate.disabled = true;
+  generate.textContent = '正在生成…';
+  form.setAttribute('aria-busy', 'true');
+  result.hidden = true;
+  clearInterval(expiryTimer);
+  const controller = new AbortController();
+  const timeout = setTimeout(() => controller.abort(), 20000);
+  try {
+    const response = await fetch('/api/public/try-paste', {
+      method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ content }), signal: controller.signal,
+    });
+    const data = await response.json().catch(() => ({}));
+    if (!response.ok) throw new Error(data.error || '暂时无法生成链接，请稍后重试。');
+    if (!/^\/s\/[\w-]+$/.test(data.url || '')) throw new Error('返回的链接格式异常，请稍后重试。');
+    latestUrl = new URL(data.url, window.location.origin).href;
+    urlInput.value = latestUrl;
+    openLink.href = latestUrl;
+    openLink.removeAttribute('aria-disabled');
+    copyLink.disabled = false;
+    copyLink.textContent = '复制链接';
+    result.hidden = false;
+    resultNote.textContent = ['localhost', '127.0.0.1', '[::1]'].includes(window.location.hostname)
+      ? '当前为本地预览，链接仅本机可访问。' : '拥有链接的人均可查看，10 分钟后自动失效。';
+    message(content === editor.value ? '已生成当前内容的临时页面。编辑后可再次生成。' : '链接对应提交时的内容。新的修改需要再次生成。');
+    countdown(data.expires_at);
+  } catch (error) {
+    message(error.name === 'AbortError' ? '请求超时，请稍后重试。' : error.message || '网络连接失败，请检查连接后重试。', true);
+  } finally {
+    clearTimeout(timeout);
+    generate.disabled = false;
+    generate.textContent = '生成临时链接 ↗';
+    form.setAttribute('aria-busy', 'false');
+  }
+});
+
+copyLink.addEventListener('click', async () => {
+  if (expired) return;
+  try {
+    await navigator.clipboard.writeText(latestUrl);
+    copyLink.textContent = '已复制';
+    setTimeout(() => { copyLink.textContent = '复制链接'; }, 2500);
+  } catch {
+    urlInput.focus(); urlInput.select();
+    resultNote.textContent = '无法自动复制。链接已选中，请使用系统复制快捷键。';
+  }
+});
+
+
+const menuButton = document.getElementById('menu-button');
+const mobileMenu = document.getElementById('mobile-menu');
+function closeMenu() { mobileMenu.hidden = true; menuButton.setAttribute('aria-expanded', 'false'); menuButton.setAttribute('aria-label', '展开导航'); }
+menuButton.addEventListener('click', () => { const open = mobileMenu.hidden; mobileMenu.hidden = !open; menuButton.setAttribute('aria-expanded', String(open)); menuButton.setAttribute('aria-label', open ? '收起导航' : '展开导航'); });
+mobileMenu.querySelectorAll('a').forEach(link => link.addEventListener('click', closeMenu));
+document.addEventListener('keydown', event => { if (event.key === 'Escape' && !mobileMenu.hidden) { closeMenu(); menuButton.focus(); } });
+document.addEventListener('click', event => { if (!event.target.closest('.site-header')) closeMenu(); });
+updateEditor();
+
+const siteHeader = document.querySelector('.site-header');
+function updateHeaderSurface() {
+  siteHeader.classList.toggle('is-scrolled', window.scrollY > 16);
+}
+window.addEventListener('scroll', updateHeaderSurface, { passive: true });
+window.addEventListener('pageshow', updateHeaderSurface);
+updateHeaderSurface();
+
+// Refresh on pageshow as well, including return from the browser's back cache.
+async function updateWorkspaceLinks() {
+  const controller = new AbortController();
+  const timeout = setTimeout(() => controller.abort(), 5000);
+  let loggedIn = false;
+  try {
+    const response = await fetch('/api/auth/me', {
+      credentials: 'same-origin', cache: 'no-store', signal: controller.signal,
+    });
+    if (response.ok) loggedIn = !!(await response.json()).id;
+  } catch { /* The public homepage remains usable when authentication is unavailable. */ }
+  finally { clearTimeout(timeout); }
+  document.querySelectorAll('[data-workspace-link]').forEach(link => {
+    link.href = loggedIn ? '/app/' : '/app/#/login';
+    const label = link.querySelector('[data-workspace-label]');
+    if (label) label.textContent = loggedIn ? '进入工作台' : '登录上传';
+  });
+}
+window.addEventListener('pageshow', updateWorkspaceLinks);
diff --git a/public/home-share/assets/fonts/geist-OFL.txt b/public/home-share/assets/fonts/geist-OFL.txt
new file mode 100644
index 0000000..61f6f4b
--- /dev/null
+++ b/public/home-share/assets/fonts/geist-OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2024 The Geist Project Authors (https://github.com/vercel/geist-font.git)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
\ No newline at end of file
diff --git a/public/home-share/assets/fonts/geist.woff2 b/public/home-share/assets/fonts/geist.woff2
new file mode 100644
index 0000000..8f01e76
Binary files /dev/null and b/public/home-share/assets/fonts/geist.woff2 differ
diff --git a/public/home-share/assets/fonts/noto-sans-sc-OFL.txt b/public/home-share/assets/fonts/noto-sans-sc-OFL.txt
new file mode 100644
index 0000000..1c9f432
--- /dev/null
+++ b/public/home-share/assets/fonts/noto-sans-sc-OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2014-2021 Adobe (http://www.adobe.com/), with Reserved Font Name 'Source'
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/public/home-share/assets/fonts/noto-sans-sc-content.woff2 b/public/home-share/assets/fonts/noto-sans-sc-content.woff2
new file mode 100644
index 0000000..d435b4b
Binary files /dev/null and b/public/home-share/assets/fonts/noto-sans-sc-content.woff2 differ
diff --git a/public/home-share/assets/fonts/noto-serif-sc-OFL.txt b/public/home-share/assets/fonts/noto-serif-sc-OFL.txt
new file mode 100644
index 0000000..94d1bf7
--- /dev/null
+++ b/public/home-share/assets/fonts/noto-serif-sc-OFL.txt
@@ -0,0 +1,94 @@
+Copyright 2012 Google Inc. All Rights Reserved.
+
+This Font Software is licensed under the SIL Open Font License,
+Version 1.1.
+
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font
+creation efforts of academic and linguistic communities, and to
+provide a free and open framework in which fonts may be shared and
+improved in partnership with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply to
+any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software
+components as distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to,
+deleting, or substituting -- in part or in whole -- any of the
+components of the Original Version, by changing formats or by porting
+the Font Software to a new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed,
+modify, redistribute, and sell modified and unmodified copies of the
+Font Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components, in
+Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the
+corresponding Copyright Holder. This restriction only applies to the
+primary font name as presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created using
+the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/public/home-share/assets/fonts/noto-serif-sc-content.woff2 b/public/home-share/assets/fonts/noto-serif-sc-content.woff2
new file mode 100644
index 0000000..00fede6
Binary files /dev/null and b/public/home-share/assets/fonts/noto-serif-sc-content.woff2 differ
diff --git a/public/home-share/assets/footer-city-line-v1.svg b/public/home-share/assets/footer-city-line-v1.svg
new file mode 100644
index 0000000..554ca4c
--- /dev/null
+++ b/public/home-share/assets/footer-city-line-v1.svg
@@ -0,0 +1,38 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 360" role="img" aria-label="白底手绘城市线稿">
+  <rect width="1600" height="360" fill="#fff"/>
+  <g fill="none" stroke="#b8c5c5" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M54 64q18-16 37-3 11-9 25 1m-62 11q40 5 69-2M333 79q23-14 41 0 16-10 31 0m-71 10q48 4 82-2M1044 54q19-16 39-2 14-9 31 2m-69 11q44 5 76-3M1380 91q20-15 40-2 14-9 32 0m-70 11q47 5 78-3"/>
+    <circle cx="1259" cy="81" r="32"/>
+    <path d="M1247 31l-3-11m51 53 12-2m-69 55-6 12"/>
+  </g>
+  <g fill="#fff" stroke="#17201c" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M-8 330V235l101-4 99 4v95M-4 237l97-37 102 37M34 251v79m120-79v79"/>
+    <path d="M189 330V190l101-4 100 5v139M186 191l102-26 104 26M229 206v124m120-124v124"/>
+    <path d="M389 330V143l82-4 79 4v187M387 145l84-24 82 24M420 160v170m101-170v170"/>
+    <path d="M547 330V105l113-5 113 5v225M545 107l114-32 116 32M582 121v209m154-209v209"/>
+    <path d="M771 330V184l91-5 94 5v146M769 186l93-31 97 31M801 200v130m123-130v130"/>
+    <path d="M954 330V131l103-4 103 4v199M951 133l107-25 105 25M989 147v183m139-183v183"/>
+    <path d="M1157 330V207l101-5 102 5v123M1156 208l103-33 103 33M1192 224v106m134-106v106"/>
+    <path d="M1358 330V169l118-6 129 7v160M1357 171l121-31 126 30M1395 185v145m169-145v145"/>
+  </g>
+  <g fill="#eef8ff" stroke="#17201c" stroke-width="2.5" stroke-linejoin="round">
+    <path d="M38 261h35v31H38zM111 261h35v31h-35zM40 307h31v23H40zM111 307h34v23h-34z"/>
+    <path d="M245 221h29v27h-29zM307 221h29v27h-29zM245 268h29v27h-29zM307 268h29v27h-29z"/>
+    <path d="M434 172h25v27h-25zM482 172h25v27h-25zM434 217h25v27h-25zM482 217h25v27h-25zM434 262h25v27h-25zM482 262h25v27h-25z"/>
+    <path d="M600 133h34v31h-34zM686 133h34v31h-34zM600 183h34v31h-34zM686 183h34v31h-34zM600 233h34v31h-34zM686 233h34v31h-34z"/>
+    <path d="M819 217h28v27h-28zM880 217h28v27h-28zM819 264h28v27h-28zM880 264h28v27h-28z"/>
+    <path d="M1010 160h35v29h-35zM1092 160h35v29h-35zM1010 210h35v29h-35zM1092 210h35v29h-35zM1010 260h35v29h-35zM1092 260h35v29h-35z"/>
+    <path d="M1212 236h33v29h-33zM1284 236h33v29h-33zM1212 282h33v29h-33zM1284 282h33v29h-33z"/>
+    <path d="M1415 201h37v30h-37zM1503 201h37v30h-37zM1415 253h37v30h-37zM1503 253h37v30h-37z"/>
+  </g>
+  <g fill="none" stroke="#17201c" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M274 330v-28q0-8 9-8h19q9 0 9 8v28M637 330v-44q0-12 12-12h21q12 0 12 12v44M848 330v-31q0-9 9-9h18q9 0 9 9v31M1046 330v-28q0-9 9-9h18q9 0 9 9v28M1257 330v-13q0-11 12-11h17q12 0 12 11v13M1461 330v-33q0-11 11-11h19q11 0 11 11v33"/>
+    <path d="M0 332q291-4 572 1 299-5 573 0 221-3 455 0M0 344q265-4 550 1 300-3 570 0 240-3 480 0"/>
+    <path d="M77 177q4 19-1 37m6-33q-21-13-33-1 16 5 30 2 16-15 33-6-15 8-30 5M909 147q-6 20-4 33m-3-25q-20-11-29 1 13 5 29 2 18-14 31-5-13 8-28 5" stroke="#456e59"/>
+    <path d="M161 331v-53m-25 0q20-41 27-55 9 21 28 53l-26-7m-28 10 25-5 29 3M1181 331v-48m-20-3q15-37 22-50 8 22 24 48l-21-6m-24 9 22-6 22 5"/>
+  </g>
+  <g fill="none" stroke="#86949a" stroke-width="1.5" stroke-linecap="round" opacity=".8">
+    <path d="M7 226l64-20m30 4 81 24M397 139l68-14m18 2 51 12M554 101l90-23m29 1 86 24M957 128l88-16m35 1 67 17M1367 165l100-23m25 1 102 24"/>
+    <path d="M206 201l160-4M404 153l133-3M565 114l191-3M971 140l176-3M1374 178l214-3"/>
+  </g>
+</svg>
diff --git a/public/home-share/assets/footer-landscape-v2.png b/public/home-share/assets/footer-landscape-v2.png
new file mode 100644
index 0000000..3706546
Binary files /dev/null and b/public/home-share/assets/footer-landscape-v2.png differ
diff --git a/public/home-share/assets/magpie-courier-flight-v1.png b/public/home-share/assets/magpie-courier-flight-v1.png
new file mode 100644
index 0000000..4848b3b
Binary files /dev/null and b/public/home-share/assets/magpie-courier-flight-v1.png differ
diff --git a/public/home-share/assets/magpie-logo-transparent-v1.png b/public/home-share/assets/magpie-logo-transparent-v1.png
new file mode 100644
index 0000000..5f9a0ca
Binary files /dev/null and b/public/home-share/assets/magpie-logo-transparent-v1.png differ
diff --git a/public/home-share/assets/magpie-logo-v4.png b/public/home-share/assets/magpie-logo-v4.png
new file mode 100644
index 0000000..329bae7
Binary files /dev/null and b/public/home-share/assets/magpie-logo-v4.png differ
diff --git a/public/home-share/assets/magpie-tagline-handwritten-v1.png b/public/home-share/assets/magpie-tagline-handwritten-v1.png
new file mode 100644
index 0000000..3922202
Binary files /dev/null and b/public/home-share/assets/magpie-tagline-handwritten-v1.png differ
diff --git a/public/home-share/assets/magpie-tagline-handwritten-v2.png b/public/home-share/assets/magpie-tagline-handwritten-v2.png
new file mode 100644
index 0000000..f6f9211
Binary files /dev/null and b/public/home-share/assets/magpie-tagline-handwritten-v2.png differ
diff --git a/public/home-share/assets/magpie-tagline-white-v1.png b/public/home-share/assets/magpie-tagline-white-v1.png
new file mode 100644
index 0000000..25456a0
Binary files /dev/null and b/public/home-share/assets/magpie-tagline-white-v1.png differ
diff --git a/public/home-share/assets/mark-github-24.svg b/public/home-share/assets/mark-github-24.svg
new file mode 100644
index 0000000..81949e7
--- /dev/null
+++ b/public/home-share/assets/mark-github-24.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.226 17.284c-2.965-.36-5.054-2.493-5.054-5.256 0-1.123.404-2.336 1.078-3.144-.292-.741-.247-2.314.09-2.965.898-.112 2.111.36 2.83 1.01.853-.269 1.752-.404 2.853-.404 1.1 0 1.999.135 2.807.382.696-.629 1.932-1.1 2.83-.988.315.606.36 2.179.067 2.942.72.854 1.101 2 1.101 3.167 0 2.763-2.089 4.852-5.098 5.234.763.494 1.28 1.572 1.28 2.807v2.336c0 .674.561 1.056 1.235.786 4.066-1.55 7.255-5.615 7.255-10.646C23.5 6.188 18.334 1 11.978 1 5.62 1 .5 6.188.5 12.545c0 4.986 3.167 9.12 7.435 10.669.606.225 1.19-.18 1.19-.786V20.63a2.9 2.9 0 0 1-1.078.224c-1.483 0-2.359-.808-2.987-2.313-.247-.607-.517-.966-1.034-1.033-.27-.023-.359-.135-.359-.27 0-.27.45-.471.898-.471.652 0 1.213.404 1.797 1.235.45.651.921.943 1.483.943.561 0 .92-.202 1.437-.719.382-.381.674-.718.944-.943"/></svg>
\ No newline at end of file
diff --git a/public/home-share/assets/paper-sail.svg b/public/home-share/assets/paper-sail.svg
new file mode 100644
index 0000000..8af9b35
--- /dev/null
+++ b/public/home-share/assets/paper-sail.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 620 520" fill="none" role="img" aria-labelledby="title desc"><title id="title">一页成舟，载着内容出发</title><desc id="desc">一张写有内容的纸折成帆，纸舟沿着细线航向一枚链接。</desc><style>:root{--paper:oklch(99.8% .002 110);--ink:oklch(27% .009 115);--accent:oklch(84.9% .207 128.85);--wash:oklch(97.8% .027 117);--rule:oklch(81% .05 124)}</style>
+<path d="M40 379c57-25 62 60 136 28s92 70 167 44 130 4 161-46 10-91 65-108" stroke="var(--rule)" stroke-width="1.5" stroke-dasharray="5 7"/>
+<path d="M127 467c36-18 39 2 67-4M466 459c28-17 48-9 65-17" stroke="var(--rule)" stroke-width="1.5" stroke-linecap="round"/>
+<g transform="rotate(-7 303 240)"><path d="M222 51h130l60 62v263H222V51Z" fill="var(--wash)" stroke="var(--ink)" stroke-width="2"/><path d="M352 51v62h60" fill="var(--paper)" stroke="var(--ink)" stroke-width="2"/><path d="M246 93h65M246 148h133M246 165h114M246 182h128M246 227h74" stroke="var(--ink)" stroke-width="2" stroke-linecap="round"/><path d="M246 203h132" stroke="var(--rule)" stroke-width="2"/><path d="M238 299 323 162v150H238Z" fill="var(--paper)" stroke="var(--ink)" stroke-width="2.4"/><path d="m336 215 66 96h-66v-96Z" fill="var(--accent)" stroke="var(--ink)" stroke-width="2.4"/><path d="m198 328 45 51h122l61-51H198Z" fill="var(--accent)" stroke="var(--ink)" stroke-width="2.4"/><path d="m198 328 74 30h114" stroke="var(--ink)" stroke-width="2.4"/></g>
+<g transform="rotate(9 491 179)"><rect x="453" y="147" width="77" height="63" rx="14" fill="var(--paper)" stroke="var(--ink)" stroke-width="2"/><path d="m484 177 6-6a10 10 0 0 1 14 14l-6 6m-9-9-6 6a10 10 0 0 1-14-14l6-6m7 15 11-11" stroke="var(--ink)" stroke-width="2.5" stroke-linecap="round"/></g>
+<g transform="rotate(-11 120 201)"><path d="M86 166h48l21 22v55H86v-77Z" fill="var(--paper)" stroke="var(--ink)" stroke-width="1.8"/><path d="M134 166v22h21M100 204h36M100 217h25" stroke="var(--ink)" stroke-width="1.8"/></g>
+<path d="m147 126 5-13m5 22 14-5M429 61l5 10m8-16-3 13" stroke="var(--rule)" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/public/home-share/entry.js b/public/home-share/entry.js
new file mode 100644
index 0000000..bd54050
--- /dev/null
+++ b/public/home-share/entry.js
@@ -0,0 +1,12 @@
+/* global window */
+'use strict';
+
+// Old bookmarks use root-level hash routes. Marketing section anchors stay here.
+function redirectLegacyRoute() {
+  const { hash, search } = window.location;
+  if (/^#\/(?:login|register|view\/[^/?#]+|market(?:\/[^?#]*)?|email-verified|email-verify-failed|email-verify-expired)(?:\?.*)?$/.test(hash)) {
+    window.location.replace('/app/' + search + hash);
+  }
+}
+redirectLegacyRoute();
+window.addEventListener('hashchange', redirectLegacyRoute);
diff --git a/public/home-share/examples/examples.css b/public/home-share/examples/examples.css
new file mode 100644
index 0000000..6879add
--- /dev/null
+++ b/public/home-share/examples/examples.css
@@ -0,0 +1 @@
+@import url('../styles.css');body{padding:clamp(24px,7vw,88px);max-width:1100px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-rule);padding-bottom:24px;margin-bottom:48px;gap:16px}h1{font-size:clamp(32px,5vw,56px);margin:20px 0}h2{font-size:28px;margin:36px 0 16px}p{margin:16px 0}a{text-decoration:underline;text-underline-offset:4px}.sample{color:var(--color-muted);font-size:14px}.lead{font-size:20px;max-width:40em}section{margin-block:40px}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--color-rule);padding:16px 8px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--color-wash);padding:24px;border:1px solid var(--color-rule);border-radius:4px}footer{margin-top:64px;border-top:1px solid var(--color-rule);padding-top:24px;font-size:14px;color:var(--color-muted)}.bars{display:grid;gap:16px}.bar{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:16px}.bar span{display:block;height:18px;background:var(--color-accent)}details{padding-inline:12px}summary{font-size:18px}
\ No newline at end of file
diff --git a/public/home-share/examples/portfolio.zip b/public/home-share/examples/portfolio.zip
new file mode 100644
index 0000000..7db938b
Binary files /dev/null and b/public/home-share/examples/portfolio.zip differ
diff --git a/public/home-share/examples/portfolio/index.html b/public/home-share/examples/portfolio/index.html
new file mode 100644
index 0000000..00e0dc9
--- /dev/null
+++ b/public/home-share/examples/portfolio/index.html
@@ -0,0 +1 @@
+<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>纸页与远方 · 纸鹊作品集示例</title><link rel="stylesheet" href="style.css"><main><header><strong>纸页与远方</strong><small>纸鹊官方示例</small></header><section><div><small>SELECTED WORK / 作品集</small><h1>一张纸，<br>也能驶向远方。</h1><p>这份静态作品集由 HTML、CSS 和 SVG 图片组成。它们使用相对路径关联，可以作为 ZIP 网站包一起上传。</p></div><img src="paper-sail.svg" alt="一张纸折成的绿色帆船"></section><footer><span>演示内容 · 一纸，寄万千。</span><span>HTML / CSS / SVG</span></footer></main></html>
\ No newline at end of file
diff --git a/public/home-share/examples/portfolio/paper-sail.svg b/public/home-share/examples/portfolio/paper-sail.svg
new file mode 100644
index 0000000..8af9b35
--- /dev/null
+++ b/public/home-share/examples/portfolio/paper-sail.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 620 520" fill="none" role="img" aria-labelledby="title desc"><title id="title">一页成舟，载着内容出发</title><desc id="desc">一张写有内容的纸折成帆，纸舟沿着细线航向一枚链接。</desc><style>:root{--paper:oklch(99.8% .002 110);--ink:oklch(27% .009 115);--accent:oklch(84.9% .207 128.85);--wash:oklch(97.8% .027 117);--rule:oklch(81% .05 124)}</style>
+<path d="M40 379c57-25 62 60 136 28s92 70 167 44 130 4 161-46 10-91 65-108" stroke="var(--rule)" stroke-width="1.5" stroke-dasharray="5 7"/>
+<path d="M127 467c36-18 39 2 67-4M466 459c28-17 48-9 65-17" stroke="var(--rule)" stroke-width="1.5" stroke-linecap="round"/>
+<g transform="rotate(-7 303 240)"><path d="M222 51h130l60 62v263H222V51Z" fill="var(--wash)" stroke="var(--ink)" stroke-width="2"/><path d="M352 51v62h60" fill="var(--paper)" stroke="var(--ink)" stroke-width="2"/><path d="M246 93h65M246 148h133M246 165h114M246 182h128M246 227h74" stroke="var(--ink)" stroke-width="2" stroke-linecap="round"/><path d="M246 203h132" stroke="var(--rule)" stroke-width="2"/><path d="M238 299 323 162v150H238Z" fill="var(--paper)" stroke="var(--ink)" stroke-width="2.4"/><path d="m336 215 66 96h-66v-96Z" fill="var(--accent)" stroke="var(--ink)" stroke-width="2.4"/><path d="m198 328 45 51h122l61-51H198Z" fill="var(--accent)" stroke="var(--ink)" stroke-width="2.4"/><path d="m198 328 74 30h114" stroke="var(--ink)" stroke-width="2.4"/></g>
+<g transform="rotate(9 491 179)"><rect x="453" y="147" width="77" height="63" rx="14" fill="var(--paper)" stroke="var(--ink)" stroke-width="2"/><path d="m484 177 6-6a10 10 0 0 1 14 14l-6 6m-9-9-6 6a10 10 0 0 1-14-14l6-6m7 15 11-11" stroke="var(--ink)" stroke-width="2.5" stroke-linecap="round"/></g>
+<g transform="rotate(-11 120 201)"><path d="M86 166h48l21 22v55H86v-77Z" fill="var(--paper)" stroke="var(--ink)" stroke-width="1.8"/><path d="M134 166v22h21M100 204h36M100 217h25" stroke="var(--ink)" stroke-width="1.8"/></g>
+<path d="m147 126 5-13m5 22 14-5M429 61l5 10m8-16-3 13" stroke="var(--rule)" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/public/home-share/examples/portfolio/style.css b/public/home-share/examples/portfolio/style.css
new file mode 100644
index 0000000..3b1279a
--- /dev/null
+++ b/public/home-share/examples/portfolio/style.css
@@ -0,0 +1 @@
+*{box-sizing:border-box}body{margin:0;background:#fff;color:#262626;font:16px/1.8 system-ui,"PingFang SC",sans-serif}main{max-width:1050px;margin:auto;padding:clamp(24px,6vw,72px)}header,footer{border-bottom:1px solid #ddd;padding:24px 0;display:flex;justify-content:space-between;gap:20px}h1{font-family:"Songti SC",serif;font-size:clamp(36px,6vw,64px);line-height:1.3;font-weight:500}section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:64px 0}img{width:100%;background:#f5fae6;border-radius:16px}small{color:#555}a{color:inherit;text-underline-offset:4px}footer{border-top:1px solid #ddd;border-bottom:0}@media(max-width:640px){section{grid-template-columns:1fr;padding:32px 0;gap:20px}}
\ No newline at end of file
diff --git a/public/home-share/examples/prototype.html b/public/home-share/examples/prototype.html
new file mode 100644
index 0000000..d2ac590
--- /dev/null
+++ b/public/home-share/examples/prototype.html
@@ -0,0 +1 @@
+<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>内容评审原型 · 纸鹊官方示例</title><link rel="stylesheet" href="./examples.css"><body><header><a href="../index.html">纸鹊 Magpie ↖</a><span class="sample">官方示例 · 演示内容</span></header><main><p class="sample">INTERACTIVE DEMO / 交互演示</p><h1>下一页，由我们一起完成。</h1><p class="lead">这是一个内容评审原型。点开下面的栏目，查看每一步的检查清单。</p><section><details open><summary>01 · 内容是否说清楚？<span aria-hidden="true">+</span></summary><p>读者是谁？第一屏能否看懂用途？最重要的结论是否已经出现？</p></details><details><summary>02 · 阅读是否顺畅？<span aria-hidden="true">+</span></summary><p>检查手机上的文字大小、段落间距，以及按钮是否容易点击。</p></details><details><summary>03 · 下一步是否明确？<span aria-hidden="true">+</span></summary><p>给读者一个清晰的动作：上传文件、打开示例，或分享给同事。</p></details></section><p class="sample">点击标题可以展开或收起；也可以用键盘 Tab 和 Enter 操作。</p></main><footer>一纸，寄万千。此页面仅用于展示内容效果，不代表真实项目或经营数据。</footer></body></html>
\ No newline at end of file
diff --git a/public/home-share/examples/report.html b/public/home-share/examples/report.html
new file mode 100644
index 0000000..fbc2535
--- /dev/null
+++ b/public/home-share/examples/report.html
@@ -0,0 +1 @@
+<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>项目报告 · 纸鹊官方示例</title><link rel="stylesheet" href="./examples.css"><body><header><a href="../index.html">纸鹊 Magpie ↖</a><span class="sample">官方示例 · 演示内容</span></header><main><p class="sample">PROJECT NOTES / 项目手记</p><h1>把想法，写成下一步。</h1><p class="lead">一份项目报告，不止记录完成了什么，也让下一步变得清楚。这是一份演示文稿。</p><section><h2>这一周的三个进展</h2><table><thead><tr><th>事项</th><th>当前状态</th></tr></thead><tbody><tr><td>明确页面的阅读对象</td><td>已整理</td></tr><tr><td>完成首屏内容初稿</td><td>待评审</td></tr><tr><td>验证手机阅读体验</td><td>准备中</td></tr></tbody></table></section><section><h2>让信息有清晰的顺序</h2><p>先表达结论，再说明依据，最后列出行动。以下为三种内容篇幅的示意，不是项目统计。</p><div class="bars" aria-label="内容篇幅示意：结论简短，依据较长，行动适中"><div class="bar">结论<span style="width:40%"></span></div><div class="bar">依据<span style="width:85%"></span></div><div class="bar">行动<span style="width:60%"></span></div></div></section><section><h2>下一步</h2><p>邀请同事评审，把反馈写回同一个作品，让讨论与内容一起积累。</p><pre><code>内容 → 查看页面 → 分享链接 → 继续更新</code></pre><a href="./report.md" download>下载 Markdown 源文件 ↓</a></section></main><footer>一纸，寄万千。此页面仅用于展示内容效果，不代表真实项目或经营数据。</footer></body></html>
\ No newline at end of file
diff --git a/public/home-share/examples/report.md b/public/home-share/examples/report.md
new file mode 100644
index 0000000..17d5ef4
--- /dev/null
+++ b/public/home-share/examples/report.md
@@ -0,0 +1,28 @@
+# 把想法，写成下一步。
+
+> 纸鹊官方示例，非真实项目数据。
+
+一份项目报告，不止记录完成了什么，也让下一步变得清楚。
+
+## 这一周的三个进展
+
+| 事项 | 当前状态 |
+| --- | --- |
+| 明确页面的阅读对象 | 已整理 |
+| 完成首屏内容初稿 | 待评审 |
+| 验证手机阅读体验 | 准备中 |
+
+## 让信息有清晰的顺序
+
+先表达结论，再说明依据，最后列出行动。
+
+```mermaid
+graph LR
+ A[内容] --> B[查看页面]
+ B --> C[分享链接]
+ C --> D[继续更新]
+```
+
+## 下一步
+
+邀请同事评审，把反馈写回同一个作品，让讨论与内容一起积累。
diff --git a/public/home-share/footer-animation.js b/public/home-share/footer-animation.js
new file mode 100644
index 0000000..f33b272
--- /dev/null
+++ b/public/home-share/footer-animation.js
@@ -0,0 +1,61 @@
+/* global gsap */
+'use strict';
+
+(() => {
+  const stage = document.querySelector('.footer-landscape');
+  const courier = document.querySelector('.footer-courier');
+  const facing = document.getElementById('footer-bird-facing');
+  const body = document.getElementById('footer-bird-bob');
+  const nearWing = document.getElementById('footer-near-wing');
+  const farWing = document.getElementById('footer-far-wing');
+  if (!stage || !courier || !facing || !body || !nearWing || !farWing || typeof gsap === 'undefined') return;
+
+  const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
+  let flight;
+  let wingbeat;
+  let lift;
+  let resizeFrame;
+
+  function buildFlight() {
+    flight?.kill();
+    wingbeat?.kill();
+    lift?.kill();
+    gsap.set([courier, facing, body, nearWing, farWing], { clearProps: 'transform' });
+    gsap.set(nearWing, { rotation: 52, transformOrigin: '108px 78px' });
+    gsap.set(farWing, { rotation: 46, transformOrigin: '116px 78px' });
+
+    if (reducedMotion.matches) {
+      gsap.set(courier, { x: (stage.clientWidth - courier.getBoundingClientRect().width) / 2 });
+      return;
+    }
+
+    const start = -courier.getBoundingClientRect().width - 12;
+    const finish = stage.clientWidth + 12;
+    const duration = Math.max(6, stage.clientWidth / 190);
+    gsap.set(courier, { x: start });
+    gsap.set(facing, { scaleX: 1, transformOrigin: '50% 50%' });
+
+    // Wings rotate about the shoulders. The quicker downstroke gives lift;
+    // the slower recovery returns them above the body without changing span.
+    wingbeat = gsap.timeline({ repeat: -1 })
+      .to(nearWing, { rotation: -48, duration: .36, ease: 'power2.in' }, 0)
+      .to(farWing, { rotation: -43, duration: .36, ease: 'power2.in' }, 0)
+      .to(nearWing, { rotation: 52, duration: .56, ease: 'sine.inOut' }, .36)
+      .to(farWing, { rotation: 46, duration: .56, ease: 'sine.inOut' }, .36);
+    lift = gsap.timeline({ repeat: -1 })
+      .to(body, { y: -7, duration: .36, ease: 'power1.out' })
+      .to(body, { y: 2, duration: .56, ease: 'sine.inOut' });
+    flight = gsap.timeline({ repeat: -1 })
+      .to(courier, { x: finish, duration, ease: 'none' })
+      .set(facing, { scaleX: -1 })
+      .to(courier, { x: start, duration, ease: 'none' })
+      .set(facing, { scaleX: 1 });
+  }
+
+  buildFlight();
+  window.addEventListener('resize', () => {
+    cancelAnimationFrame(resizeFrame);
+    resizeFrame = requestAnimationFrame(buildFlight);
+  });
+  reducedMotion.addEventListener('change', buildFlight);
+})();
diff --git a/public/home-share/hero-animation.css b/public/home-share/hero-animation.css
new file mode 100644
index 0000000..d739d35
--- /dev/null
+++ b/public/home-share/hero-animation.css
@@ -0,0 +1,9 @@
+.hero-animation{--rail:#a7abad;--paper:#fff;--page:#f5f6f0;--ink:#17201c;--green:#a7e600;--green-dark:#7bb528;--blue:#9fcef0;--blue-light:#cbe8fa;--muted:#69736c;--shadow:#26332924;--border:#dde1d4;--font:"PingFang SC","Microsoft YaHei",sans-serif;--ease-out:cubic-bezier(.23,1,.32,1)}
+.hero-animation .line{stroke:var(--ink);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;color:var(--ink)}
+.hero-animation .bird-line{stroke:var(--ink);stroke-width:5.6;stroke-linecap:round;stroke-linejoin:round;color:var(--ink)}
+.hero-animation svg text{stroke:none;fill:var(--ink);font-family:var(--font)}
+.hero-animation .file-label{font-size:22px;font-weight:800}
+.hero-animation .bubble-title{font-size:27px;font-weight:800}
+.hero-animation .bubble-detail{font-size:22px;font-weight:650}
+.hero-animation #conversion,.hero-animation #delivered,.hero-animation #web-face,.hero-animation #link-face{opacity:0}
+.hero-animation #scene{display:block;width:100%;height:auto}.hero-animation [hidden]{display:none!important}
diff --git a/public/home-share/index.html b/public/home-share/index.html
new file mode 100644
index 0000000..dc86425
--- /dev/null
+++ b/public/home-share/index.html
@@ -0,0 +1,87 @@
+<!doctype html>
+<html lang="zh-CN">
+<head><script src="/home-share/entry.js?v=1"></script><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="description" content="纸鹊Magpie，让 HTML、Markdown 和 ZIP 文件成为可以预览与分享的网页。"><title>纸鹊 Magpie · 把文件变成网页，分享只需一个链接。</title><link rel="icon" href="/home-share/assets/magpie-logo-v4.png" type="image/png"><link rel="stylesheet" href="/home-share/styles.css?v=51"><link rel="preload" href="/home-share/assets/fonts/noto-serif-sc-content.woff2" as="font" type="font/woff2" crossorigin><script defer src="/home-share/app.js?v=4"></script><link rel="stylesheet" href="/home-share/hero-animation.css?v=1"><script defer src="/logo-exploration/magpie-upload-motion/gsap.min.js"></script><script defer src="/logo-exploration/magpie-house-scene/animation-v4.js?v=4"></script><script defer src="/home-share/footer-animation.js?v=4"></script></head>
+<body id="home">
+<a href="#main" class="skip-link">跳到正文</a>
+<header class="site-header"><div class="nav-inner shell"><a class="brand magpie-brand" href="/" aria-label="纸鹊 Magpie 首页"><span class="magpie-lockup"><img src="/home-share/assets/magpie-logo-transparent-v1.png" width="1536" height="1024" alt="纸鹊 Magpie"></span></a><p class="nav-motto" lang="en">Ideas Worth Spreading</p><nav class="desktop-nav" aria-label="主导航"><a href="#home">首页</a><a href="#try">在线试用</a><a href="#scenarios">应用场景</a><a href="#ai">AI 接入</a></nav><div class="nav-actions"><a class="button nav-cta" data-workspace-link href="/app/#/login"><span data-workspace-label>登录上传</span> <span aria-hidden="true">↗</span></a><button id="menu-button" class="menu-button" aria-label="展开导航" aria-expanded="false" aria-controls="mobile-menu"><span></span><span></span></button></div></div><nav id="mobile-menu" class="mobile-menu shell" aria-label="移动导航" hidden><a href="#home">首页</a><a href="#try">在线试用</a><a href="#scenarios">应用场景</a><a href="#ai">AI 接入</a><a data-workspace-link href="/app/#/login"><span data-workspace-label>登录上传</span> ↗</a></nav></header>
+<main id="main">
+<div class="hero-band"><section class="hero shell" aria-labelledby="hero-title"><div class="hero-copy"><p class="eyebrow hero-formats"><span><svg viewBox="0 0 28 28" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="22" height="20" rx="2" fill="#fffef4"/><path d="M3 9h22M11 13l-4 3 4 3m6-6 4 3-4 3"/></svg>HTML</span><span><svg viewBox="0 0 28 28" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 3h11l5 5v17H6z" fill="#fffef4"/><path d="M17 3v6h5M9 19v-6l3 3 3-3v6m3-5v6m-2-2 2 2 2-2"/></svg>Markdown</span><span><svg viewBox="0 0 28 28" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 3h11l5 5v17H6z" fill="#fffef4"/><path d="M17 3v6h5M12 4v2m2 1v2m-2 1v2m2 1v2"/><rect x="11" y="17" width="5" height="5" rx="1" fill="#b7eb4a"/></svg>ZIP</span></p><div class="hero-promise"><div class="free-medal"><svg viewBox="0 0 60 44" aria-hidden="true"><path d="M56 4C38 7 19 15 10 37M7 27l3 11 11-5" fill="none" stroke="#17201c" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg><span>永久免费</span></div></div><h1 id="hero-title">把文件变成网页，<br>分享只需<span class="underline">一个链接。</span></h1><p class="hero-description">上传文件，生成可预览、可分享的网页。<span class="hero-management-detail">登录后，在自己的工作台管理文件、更新内容和查看历史版本。</span></p><div class="hero-actions"><a data-workspace-link href="/app/#/login" class="button"><span data-workspace-label>登录上传</span> <span aria-hidden="true">↗</span></a><a href="#try" class="button button-outline">免登录试用 <span aria-hidden="true">↓</span></a></div></div><div class="hero-art hero-animation"><svg id="scene" viewBox="0 0 1536 1024" role="img" aria-labelledby="scene-title scene-desc">
+<title id="scene-title">纸鹊的小楼派送</title><desc id="scene-desc">客户递交 HTML 文件。喜鹊把它变成网页和链接，走上左侧楼梯，将链接送至三个房间。客户收手等待。喜鹊依次派送三个房间，沿原路返回，再接下一份文件。</desc>
+<defs>
+<clipPath id="rail-mask"><path d="M266 370H1421V388H266ZM390 382H404V451H390ZM557 382H572V451H557ZM749 382H764V451H749ZM902 382H916V451H902ZM1060 382H1074V451H1060ZM1221 382H1235V451H1221ZM1401 382H1417V451H1401ZM266 447H1424V488H266Z"/></clipPath>
+<g id="chain" fill="none" stroke="currentColor" stroke-width="7" stroke-linecap="round"><path d="M-8 8L8-8M-4-14L3-21C20-37 39-17 23-1L16 6M4 14L-3 21C-20 37-39 17-23 1L-16-6"/></g>
+<clipPath id="worker-clip-0"><rect x="421" y="130" width="185" height="222"/></clipPath><clipPath id="worker-clip-1"><rect x="714" y="130" width="200" height="222"/></clipPath><clipPath id="worker-clip-2"><rect x="1138" y="130" width="145" height="222"/></clipPath></defs>
+<image href="/logo-exploration/magpie-house-scene/house-clean-v3.png" width="1536" height="1024"/><image id="worker-0" href="/logo-exploration/magpie-house-scene/residents-work-v1.png" width="1536" height="1024" clip-path="url(#worker-clip-0)" opacity="0"/><image id="worker-1" href="/logo-exploration/magpie-house-scene/residents-work-v1.png" width="1536" height="1024" clip-path="url(#worker-clip-1)" opacity="0"/><image id="worker-2" href="/logo-exploration/magpie-house-scene/residents-work-v1.png" width="1536" height="1024" clip-path="url(#worker-clip-2)" opacity="0"/>
+
+<g id="wall-story" opacity=".68" transform="translate(920 610)" class="line"><path d="M-23-33H12L29-16V34H-23Z" fill="var(--paper)"/><path d="M12-33V-16H29M-11 0H15M-11 13H15" fill="none"/><path d="M52 0H84M73-10L84 0 73 10" fill="none"/><rect x="115" y="-30" width="62" height="60" rx="6" fill="var(--paper)"/><path d="M125-13H164M125 1H159M125 15H149M200 0H232M221-10L232 0 221 10" fill="none"/><use href="#chain" x="274"/></g>
+<ellipse id="bird-shadow" cx="0" cy="0" rx="77" ry="10" fill="var(--shadow)"/>
+<g id="bird-position"><g id="bird-scale"><g id="bird-facing"><g id="bird-body" class="bird-line">
+<g id="tail"><g transform="translate(110 -90) scale(.6 1) translate(-110 90)"><path d="M109-111Q46-86-84-74Q-111-70-90-52Q-61-37 123-66Z" fill="var(--green)"/><path d="M-74-62Q25-63 106-92" fill="none" stroke="var(--green-dark)" stroke-width="9"/></g></g>
+<g id="far-wing"><path d="M111-165Q86-162 85-139Q84-117 96-116Q105-115 111-139L120-158Z" fill="var(--green)"/><path d="M98-150Q91-136 97-126" fill="none" stroke="var(--paper)" stroke-width="6"/></g>
+<path id="leg-far" d="M158-37V-8" fill="none" stroke="var(--green-dark)" stroke-width="9"/><path id="leg-near" d="M117-37V-8" fill="none" stroke="var(--green-dark)" stroke-width="9"/><g id="foot-far"><path d="M157-29L158-8Q177-15 182-6Q184 1 170 2H148Q136 4 137-2L143-27" fill="var(--green)"/></g>
+<g id="foot-near"><path d="M121-31L119-10Q145-17 150-6Q151 1 131 1H108Q96 6 97-2L106-32" fill="var(--green)"/></g>
+<path d="M110-171Q84-119 91-75Q94-28 143-26Q185-27 201-71Q219-110 194-159Z" fill="var(--green)"/>
+<path d="M135-156Q125-126 111-104Q99-67 121-47Q149-24 177-56Q199-83 180-137Z" fill="var(--paper)" stroke="none"/>
+<g id="head"><path d="M116-156Q97-186 110-217Q126-245 158-243Q195-243 208-213Q218-185 200-168Q183-153 163-154" fill="var(--green)"/>
+<path d="M181-181Q199-182 204-195Q208-174 193-162Q176-151 161-160" fill="var(--paper)" stroke="none"/>
+<g id="eye"><ellipse cx="177" cy="-207" rx="19" ry="23" fill="var(--paper)" stroke="none"/><ellipse cx="183" cy="-207" rx="11" ry="16" fill="var(--ink)" stroke="none"/><circle cx="187" cy="-214" r="4" fill="var(--paper)" stroke="none"/></g>
+<path d="M207-202L230-193L209-185Z" fill="var(--green-dark)"/>
+<g id="cap"><path d="M104-239Q105-264 137-268Q166-270 180-244L174-234Z" fill="var(--blue)"/><path d="M103-242Q146-235 180-248Q205-255 209-248Q200-232 167-228L111-231Z" fill="var(--blue)"/><path d="M112-239Q141-232 168-237" fill="none" stroke="var(--ink)" stroke-width="7"/><ellipse cx="126" cy="-253" rx="7" ry="5" fill="var(--paper)" stroke="none"/></g></g>
+<path d="M116-169L174-97L163-87L107-160Z" fill="var(--blue)" stroke-width="4"/>
+<g id="bag"><path d="M99-107L169-103L165-43Q165-33 155-33L102-39Q95-40 94-51Z" fill="var(--blue)"/><path d="M100-106L169-103L161-82L106-85Z" fill="var(--blue-light)" stroke-width="4"/><use href="#chain" transform="translate(133 -63) scale(.42)"/></g>
+<g id="near-wing"><path id="wing-shape" fill="var(--green)"/><path id="wing-inset" fill="var(--paper)" stroke="none"/></g>
+</g></g></g></g>
+<g id="customer"><svg id="customer-waiting" x="478.6" y="576" width="170" height="348.16" viewBox="230 0 500 1024"><image href="/logo-exploration/magpie-house-scene/customer-cartoon-ender-v2.png" width="1536" height="1024"/></svg><svg id="customer-offering" x="478.6" y="576" width="221" height="348.16" viewBox="838 0 650 1024"><image href="/logo-exploration/magpie-house-scene/customer-cartoon-ender-v2.png" width="1536" height="1024"/></svg></g>
+<g id="parcel" class="line"><path d="M-38-47H21L40-28V47H-38Z" fill="var(--paper)"/><path d="M21-47V-28H40" fill="var(--green)"/><g id="html-face"><text y="1" text-anchor="middle" class="file-label">HTML</text><path d="M-22 18H24M-22 29H13" stroke="var(--muted)" stroke-width="4"/></g><g id="web-face"><rect x="-23" y="-24" width="47" height="25" rx="3" fill="var(--green)" stroke="none"/><path d="M-23 14H24M-23 26H13" stroke-width="4"/></g><g id="link-face"><use href="#chain" transform="scale(.65)"/></g></g>
+<g id="grip" class="bird-line"><ellipse rx="8" ry="5" fill="var(--green)"/></g><g id="foreground" pointer-events="none"><image href="/logo-exploration/magpie-house-scene/house-clean-v3.png" width="1536" height="1024" clip-path="url(#rail-mask)"/></g>
+<g id="conversion" class="line" transform="translate(820 635)"><rect x="-142" y="-80" width="284" height="116" rx="18" fill="var(--paper)"/><path d="M-68 36L-83 55L-34 36" fill="var(--paper)"/><text x="0" y="-40" text-anchor="middle" class="bubble-title">网页已生成</text><use href="#chain" transform="translate(-91 1) scale(.4)"/><text x="-61" y="8" class="bubble-detail">一个链接，即可分享</text></g>
+<g id="delivered" class="line" transform="translate(516 145)"><rect x="-96" y="-35" width="192" height="60" rx="16" fill="var(--paper)"/><circle cx="-63" cy="-5" r="15" fill="var(--green)" stroke="none"/><path d="M-71-5L-65 1L-55-12" stroke-width="4" fill="none"/><text x="18" y="4" text-anchor="middle" class="bubble-detail">链接已送达</text></g>
+<g id="receipt-0" class="line" transform="translate(505 125)"><rect x="-74" y="-26" width="148" height="44" rx="12" fill="var(--paper)"/><text text-anchor="middle" y="3" class="bubble-detail">✓ 网页已打开</text></g><g id="receipt-1" class="line" transform="translate(852 125)"><rect x="-74" y="-26" width="148" height="44" rx="12" fill="var(--paper)"/><text text-anchor="middle" y="3" class="bubble-detail">✓ 网页已打开</text></g><g id="receipt-2" class="line" transform="translate(1200 125)"><rect x="-74" y="-26" width="148" height="44" rx="12" fill="var(--paper)"/><text text-anchor="middle" y="3" class="bubble-detail">✓ 网页已打开</text></g></svg><div hidden aria-hidden="true"><span id="loading"></span><span id="phase-number"></span><span id="phase-title"></span><span id="phase-copy"></span><button id="toggle" disabled></button><button id="replay" disabled></button><input id="loop" type="checkbox" checked><input id="seek" type="range" min="0" max="50" step=".01" disabled><output id="time"></output><span id="motion-note"></span></div></div></section></div>
+<div class="process-band"><section id="how" class="possibilities process-section shell" aria-labelledby="how-title"><div class="process-heading"><div><p class="process-kicker"><span lang="en">HOW IT WORKS</span><span aria-hidden="true">/</span><span>使用流程</span></p><h2 id="how-title">从你的文件，<br>到别人能打开的网页。</h2></div></div><ol class="process-grid"><li class="process-card"><div class="process-art"><img src="/logo-exploration/magpie-storyboard/01-upload-v3.png" width="1536" height="1024" loading="lazy" alt="喜鹊坐在电脑前，拿着 HTML 文件准备上传"></div><div class="process-card-copy"><span class="process-number">01 <span aria-hidden="true">/</span> 收件</span><h3>上传或粘贴</h3><p>登录上传现成文件，或先免登录粘贴 HTML、Markdown 体验。</p></div></li><li class="process-card"><div class="process-art"><img src="/logo-exploration/magpie-storyboard/02-webpage-v4.png" width="1536" height="1024" loading="lazy" alt="喜鹊指向电脑屏幕，查看文件变成的可预览网页"></div><div class="process-card-copy"><span class="process-number">02 <span aria-hidden="true">/</span> 打开</span><h3>查看页面</h3><p>检查文字、图表、样式与交互，看看内容呈现出来的样子。</p></div></li><li class="process-card"><div class="process-art"><img src="/logo-exploration/magpie-storyboard/03-share-v3.png" width="1536" height="1024" loading="lazy" alt="喜鹊展开翅膀，示意将网页链接分享至手机"></div><div class="process-card-copy"><span class="process-number">03 <span aria-hidden="true">/</span> 派送</span><h3>分享链接</h3><p>复制公开分享链接，发送给需要查看的人，让内容抵达读者。</p></div></li></ol></section></div>
+
+<section class="trial-section" id="try" aria-labelledby="try-title"><div class="shell split reverse"><div class="trial-card"><div class="trial-card-title"><span>你的第一张网页</span><span class="trial-tag">免登录</span></div><div class="editor-tools"><button class="sample-button" data-sample="html" aria-pressed="true">HTML 示例</button><button class="sample-button" data-sample="markdown" aria-pressed="false">Markdown 示例</button><button class="quiet-button" id="clear-editor">清空</button></div><form id="paste-form" novalidate><label class="sr-only" for="content-editor">HTML 或 Markdown 内容</label><textarea id="content-editor" spellcheck="false" aria-describedby="trial-limits editor-help" placeholder="粘贴 HTML 或 Markdown 内容…">&lt;article&gt;
+  &lt;h1&gt;把灵感，装进一页。&lt;/h1&gt;
+  &lt;p&gt;这是一份可以分享的小小作品。&lt;/p&gt;
+  &lt;p&gt;一纸，寄万千。&lt;/p&gt;
+&lt;/article&gt;</textarea><div class="editor-meta"><span id="detected-type">自动识别为 HTML</span><span id="byte-count">0 / 200 KB</span></div><p id="trial-limits" class="editor-help">最多 200 KB · 链接有效期 10 分钟<br>临时页面公开可见，请勿粘贴敏感内容。</p><p id="editor-help" class="editor-help" aria-live="polite">临时页面公开可见，10 分钟后失效。</p><button class="button generate-button" id="generate" type="submit">生成临时链接 <span aria-hidden="true">↗</span></button></form><div id="publish-result" class="publish-result" hidden><div class="result-title"><strong>链接已生成</strong><span id="expiry"></span></div><label class="sr-only" for="share-url">临时页面链接</label><input id="share-url" readonly><div class="result-actions"><button id="copy-link" class="quiet-button">复制链接</button><a id="open-link" target="_blank" rel="noopener" class="text-link">打开页面 ↗</a></div><p id="result-note" role="status"></p></div><noscript><p>请启用 JavaScript 使用试用功能，或登录后上传文件。</p></noscript></div><div class="section-copy trial-copy"><p class="process-kicker"><span lang="en">TRY IT</span><span aria-hidden="true">/</span><span>在线试用</span></p><h2 id="try-title">先粘贴一段，<br>看看分享后的样子。</h2><p>HTML 或 Markdown 都可以。无需登录，生成一个临时分享页面。</p><ul class="trial-benefits"><li><span class="trial-benefit-icon" aria-hidden="true"><svg viewBox="0 0 36 36"><path d="M9 4h14l5 5v23H9zM23 4v6h5"/><path d="m15 15 9 5-9 5z"/></svg></span><span>无需登录，即可体验页面分享</span></li><li><span class="trial-benefit-icon" aria-hidden="true"><svg viewBox="0 0 36 36"><circle cx="18" cy="18" r="13"/><path d="M18 10v9l6 4"/></svg></span><span>临时链接有效期为 10 分钟</span></li><li><span class="trial-benefit-icon" aria-hidden="true"><svg viewBox="0 0 36 36"><path d="M4 11h10l3 3h15v16H4zM4 11V7h10l3 4"/><path d="M14 22h12m-4-4 4 4-4 4"/></svg></span><span>登录后上传文件，持续管理与更新</span></li></ul><a data-workspace-link href="/app/#/login" class="text-link"><span data-workspace-label>登录上传</span>，持续管理你的文件 ↗</a></div></div></section>
+
+<div class="scenarios-band"><section id="scenarios" class="possibilities shell" aria-labelledby="scenarios-title"><p class="section-kicker"><span lang="en">SCENARIOS</span><span aria-hidden="true">/</span><span>应用场景</span></p><h2 id="scenarios-title">报告、原型、作品，<br>都有合适的分享方式。</h2><p class="section-intro">用三个官方示例，看看你的下一份内容可以是什么样子。</p><div class="format-grid scenario-grid"><article><div class="scenario-icon" aria-hidden="true"><svg viewBox="0 0 64 64"><path d="M16 7h26l8 8v42H16zM42 7v9h8M23 27h20M23 36h20M23 45h13"/></svg></div><span class="format-type">Markdown</span><h3>报告与知识文档</h3><p>笔记、手册与 AI 生成报告，都能在线阅读。支持代码高亮、公式与 Mermaid 图表。</p><div class="scenario-actions"><a class="text-link" href="/home-share/examples/report.html" target="_blank" rel="noopener">查看报告示例 ↗</a><a class="source-link" href="/home-share/examples/report.md" download>下载 Markdown 源文件 ↓</a></div></article><article><div class="scenario-icon" aria-hidden="true"><svg viewBox="0 0 64 64"><rect x="8" y="11" width="48" height="42" rx="2"/><path d="M8 21h48M22 34l-8 6 8 6m20-12 8 6-8 6"/></svg></div><span class="format-type">HTML</span><h3>产品原型与演示</h3><p>把原型或演示页的实际效果交给同事与客户查看，让讨论更具体。</p><div class="scenario-actions"><a class="text-link" href="/home-share/examples/prototype.html" target="_blank" rel="noopener">查看交互示例 ↗</a><a class="source-link" href="/home-share/examples/prototype.html" download>下载 HTML 示例 ↓</a></div></article><article><div class="scenario-icon" aria-hidden="true"><svg viewBox="0 0 64 64"><path d="M9 20h20l6 6h20v28H9zM9 20v-7h18l7 7M23 36h18M23 44h13"/></svg></div><span class="format-type">ZIP</span><h3>作品集与静态网站</h3><p>页面、样式和图片一起打包，分享一个包含资源的静态网站。</p><div class="scenario-actions"><a class="text-link" href="/home-share/examples/portfolio/index.html" target="_blank" rel="noopener">查看作品集示例 ↗</a><a class="source-link" href="/home-share/examples/portfolio.zip" download>下载 ZIP 示例 ↓</a></div></article></div><p class="section-note">以上为纸鹊原创演示内容。ZIP 支持静态网站，不运行服务器程序。</p></section></div>
+
+<div class="management-band"><section class="management shell split" aria-labelledby="manage-title"><div class="section-copy"><p class="section-kicker"><span lang="en">YOUR SPACE</span><span aria-hidden="true">/</span><span>文件管理</span></p><h2 id="manage-title">内容会更新，<br>分享不必从头来。</h2><p>在自己的工作台整理文件、更新作品、查看历史版本，继续管理已经分享出去的内容。</p><ul class="arrow-list management-list"><li>覆盖更新同一作品，沿用原分享链接</li><li>查看与恢复历史版本，让修改有据可查</li><li>分类、标签、搜索与收藏，整理自己的文件</li><li>为分享链接设置密码或有效期</li></ul><a class="text-link" data-workspace-link href="/app/#/login">进入我的文件 ↗</a></div><div class="management-visual" aria-label="文件管理与分享能力示意"><div class="file-sheet"><div class="sheet-top"><span class="magpie-symbol" aria-hidden="true"></span><span>我的内容</span></div><div class="file-line"><span class="file-symbol" aria-hidden="true">↳</span><span>产品原型.html<small>设计 · 原型</small></span><span class="file-kind">HTML</span></div><div class="file-line"><span class="file-symbol" aria-hidden="true">↳</span><span>项目手记.md<small>知识 · 文档</small></span><span class="file-kind">MD</span></div><div class="file-line"><span class="file-symbol" aria-hidden="true">↳</span><span>作品集.zip<small>创作 · 作品</small></span><span class="file-kind">ZIP</span></div><div class="sheet-bottom"><span>版本可追溯</span><span>分享可控制</span></div></div><p class="visual-caption">能力示意 · 文件内容由你来定义</p></div></section></div>
+
+<section class="ai-section" id="ai" aria-labelledby="ai-title"><div class="shell split reverse"><div class="workflow" aria-label="从 AI 创作到页面分享的流程"><div class="workflow-source"><span>MCP</span><span>API</span><span>CLI</span></div><svg viewBox="0 0 420 82" fill="none" aria-hidden="true"><path d="M62 0v25q0 13 13 13h122q13 0 13 13v30M210 0v81M358 0v25q0 13-13 13H223q-13 0-13 13v30"/></svg><div class="workflow-core"><span class="magpie-symbol" aria-hidden="true"></span><span>纸鹊 Magpie</span></div><div class="workflow-stem"></div><div class="workflow-result"><span aria-hidden="true">↗</span><span>一个可以分享的页面</span></div></div><div class="section-copy"><p class="section-kicker"><span lang="en">AI ACCESS</span><span aria-hidden="true">/</span><span>AI 接入</span></p><h2 id="ai-title">AI 负责创作，<br>纸鹊负责分享。</h2><p>手动上传 AI 生成的 HTML 或 Markdown，把结果直接分享出去。</p><p>也可以通过 MCP、API 或本地命令行，将上传、更新和获取链接接入你的工作流。</p><a href="https://github.com/enderchen/magpie#readme" class="button button-outline" target="_blank" rel="noopener noreferrer">查看接入指南 <span aria-hidden="true">↗</span></a></div></div></section>
+
+<div class="faq-band"><section class="faq shell" aria-labelledby="faq-title"><div class="faq-heading"><p class="section-kicker"><span lang="en">FAQ</span><span aria-hidden="true">/</span><span>常见问题</span></p><h2 id="faq-title">开始之前，<br>你可能想知道。</h2></div><div class="faq-list"><details><summary>支持哪些文件？<span aria-hidden="true">+</span></summary><p>支持 HTML、Markdown，以及包含网页和静态资源的 ZIP 网站包。免登录试用支持粘贴 HTML 或 Markdown，不支持 ZIP。</p></details><details><summary>试用和登录上传有什么区别？<span aria-hidden="true">+</span></summary><p>试用内容最多 200 KB，生成的链接有效期 10 分钟。登录后可以管理自己的文件、覆盖更新内容、查看历史版本，并设置分享链接。文件大小与使用额度以界面提示为准。</p></details><details><summary>接收者需要注册账号吗？<span aria-hidden="true">+</span></summary><p>公开分享链接可以直接打开。若设置了访问密码，需要先输入密码；链接到期或文件删除后不可继续访问。</p></details><details><summary>更新内容后，需要重新发送链接吗？<span aria-hidden="true">+</span></summary><p>覆盖更新同一个作品时可以沿用原链接。如果删除作品、修改链接别名或重新生成分享链接，原链接可能失效。</p></details><details><summary>需要自己购买服务器吗？<span aria-hidden="true">+</span></summary><p>使用已经部署的纸鹊服务上传文件，无需为每个作品另建服务器。选择自行部署纸鹊时，需要准备运行环境。localhost 本地预览不是公网托管。</p></details><details><summary>纸鹊会自动生成网页吗？<span aria-hidden="true">+</span></summary><p>当前纸鹊接收和分享已有内容。你可以用熟悉的 AI 工具生成 HTML 或 Markdown，再上传或通过接口接入。</p></details></div></section></div>
+
+<section class="final-cta"><div class="shell final-inner"><div><p class="section-kicker"><span lang="en">START SHARING</span><span aria-hidden="true">/</span><span>开始分享</span></p><h2>把下一份内容，<br>变成可以分享的网页。</h2><p>一纸，寄万千。从你的文件，开始下一次分享。</p></div></div></section>
+</main>
+<footer id="footer" class="footer">
+  <div class="footer-landscape" role="img" aria-label="白色手绘城市上空，纸鹊叼信飞行，双翼上下拍动并往返送信">
+    <img class="footer-landscape-art" src="/home-share/assets/footer-city-line-v1.svg" width="1600" height="360" loading="lazy" alt="">
+    <svg class="footer-courier" viewBox="0 0 240 160" aria-hidden="true">
+      <g id="footer-bird-facing"><g id="footer-bird-bob" class="footer-bird-line">
+        <path d="M82 96Q54 89 29 99Q10 107 10 119Q13 131 34 124Q61 117 86 108Z" fill="var(--footer-green)"/>
+        <path d="M28 117Q53 111 77 103" fill="none" stroke="var(--footer-green-dark)" stroke-width="5"/>
+        <g id="footer-far-wing"><path d="M117 77Q87 55 57 59Q38 60 24 70Q27 83 45 82Q39 90 49 95Q74 96 99 83Q112 89 120 82Z" fill="var(--footer-green)"/><path d="M103 75Q67 65 43 73Q65 76 96 81Z" fill="var(--footer-paper)" stroke="none"/></g>
+        <path d="M92 121q-1 13-9 17m31-8q-2 11-9 16" fill="none" stroke="var(--footer-green-dark)" stroke-width="5"/>
+        <path d="M79 138q-10 2-8 7l12 1 9-5m13 4q-9 3-7 7l12-1 8-6" fill="var(--footer-green)"/>
+        <path d="M72 92Q72 62 102 55Q135 46 160 65Q178 81 169 108Q160 136 132 141Q101 146 81 124Q70 112 72 92Z" fill="var(--footer-green)"/>
+        <path d="M105 80Q98 102 105 122Q112 139 132 138Q154 136 165 114Q171 99 159 85Q143 98 128 99Q114 98 105 80Z" fill="var(--footer-paper)" stroke="none"/>
+        <path d="M141 56Q141 33 161 25Q182 19 197 38Q211 56 201 76Q192 92 170 91Q148 86 143 69Z" fill="var(--footer-green)"/>
+        <path d="M177 76Q192 80 201 69Q199 87 184 89Q174 89 166 82Z" fill="var(--footer-paper)" stroke="none"/>
+        <ellipse cx="183" cy="55" rx="11" ry="13" fill="var(--footer-paper)" stroke="none"/><ellipse cx="187" cy="55" rx="6" ry="9" fill="var(--footer-ink)" stroke="none"/><circle cx="190" cy="51" r="2.5" fill="var(--footer-paper)" stroke="none"/>
+        <path d="M201 65l23 8-22 6Z" fill="var(--footer-green-dark)"/>
+        <path d="M151 31Q151 13 174 13Q193 13 199 32L193 38Q172 34 151 37Z" fill="var(--footer-blue)"/><path d="M149 36Q174 40 198 31Q220 30 217 40Q202 47 179 46L153 42Z" fill="var(--footer-blue)"/>
+        <path d="M107 68l42 41-6 7-45-38Z" fill="var(--footer-blue)" stroke-width="3"/>
+        <path d="M93 96l52 5-3 33q-4 7-12 7l-31-7q-9-2-9-10Z" fill="var(--footer-blue)"/><path d="M94 98l51 3-5 13-45-2Z" fill="var(--footer-blue-light)" stroke-width="3"/><path d="M111 121q9-9 18 0m-12 6q9-9 18 0" fill="none" stroke="var(--footer-ink)" stroke-width="3"/>
+        <g id="footer-near-wing"><path d="M111 74Q79 53 52 56Q29 56 17 72Q18 86 40 85Q35 95 45 100Q68 101 91 84Q106 92 117 83Z" fill="var(--footer-green)"/><path d="M101 73Q71 64 42 72Q59 83 94 83Z" fill="var(--footer-paper)" stroke="none"/></g>
+        <g transform="translate(218 64) rotate(7)"><rect x="0" y="0" width="21" height="17" rx="1.5" fill="var(--footer-paper)" stroke-width="3"/><path d="M1 2l9 7 10-7" fill="none" stroke-width="2"/></g>
+      </g></g>
+    </svg>
+  </div>
+  <div class="shell"><!-- {{ICP_BEIAN_PLACEHOLDER}} --><div class="footer-bottom">
+    <span>© 2026 Magpie · Designed by Ender</span>
+    <div><a class="footer-github" href="https://github.com/enderchen/magpie" target="_blank" rel="noopener noreferrer" aria-label="在 GitHub 查看 Magpie" title="GitHub"><img src="/home-share/assets/mark-github-24.svg" width="24" height="24" alt=""></a><a href="/privacy">隐私政策</a><a href="/terms">服务条款</a></div>
+  </div></div>
+</footer>
+</body></html>
diff --git a/public/home-share/styles.css b/public/home-share/styles.css
new file mode 100644
index 0000000..518522d
--- /dev/null
+++ b/public/home-share/styles.css
@@ -0,0 +1,378 @@
+/* Hallmark · macrostructure: Split Studio · genre: editorial · theme: studied-DNA (source: https://www.brainfishai.com/)
+ * pre-emit critique: P4 H4 E4 S5 R4 V5
+ * studied: yes · DNA-source: rendered public reference · nav: N1b · footer: Ft1 · enrichment: E5 original SVG
+ * observed: Fraunces + Geist, #ffffff paper, #a3e635 accent · localized: Noto Serif SC + Geist/Noto Sans SC
+ * paper: oklch(99.8% .002 110) · accent: oklch(84.9% .207 128.85) · tone: bright, expressive, composed
+ */
+@import url('./tokens.css');
+@font-face{font-family:'Noto Serif SC';src:url('./assets/fonts/noto-serif-sc-content.woff2') format('woff2');font-weight:200 900;font-style:normal;font-display:swap}
+@font-face{font-family:'Noto Sans SC';src:url('./assets/fonts/noto-sans-sc-content.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
+@font-face{font-family:'Geist';src:url('./assets/fonts/geist.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
+*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-padding-top:96px}body{margin:0;background:var(--color-paper);color:var(--color-body);font:400 var(--text-base)/1.75 var(--font-body);-webkit-font-smoothing:antialiased}
+[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--font-display);font-style:normal;font-weight:500;letter-spacing:-.045em;line-height:1.35;color:var(--color-ink);overflow-wrap:anywhere;min-width:0;text-wrap:balance}h1{font-size:var(--text-hero);line-height:1.3}h2{font-size:var(--text-title)}h3{font-size:var(--text-md);line-height:1.4;font-weight:600;color:var(--color-ink);font-style:normal}
+img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button,summary{cursor:pointer}a,button,summary{ -webkit-tap-highlight-color:transparent}button,.button,nav a,.text-link{white-space:nowrap}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.55}form[aria-busy="true"] button:disabled{cursor:wait}a[aria-disabled="true"]{pointer-events:none;opacity:.55;cursor:not-allowed}button:active,.button:active{transform:translate(1px,1px)}a:active{color:var(--color-focus)}.button:active{color:var(--color-accent-ink)}
+:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}::selection{background:var(--color-accent);color:var(--color-ink)}
+.shell{width:min(calc(100% - var(--page-gutter)*2),1280px);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:var(--space-xs);left:var(--space-md);transform:translateY(-180%);z-index:var(--z-nav);padding:var(--space-sm);background:var(--color-paper)}.skip-link:focus{transform:none}
+.site-header{position:sticky;top:0;z-index:var(--z-nav);background:var(--color-paper);border-bottom:1px solid var(--color-rule)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:76px}.brand{display:inline-flex;align-items:center;gap:var(--space-xs);flex-shrink:0;white-space:nowrap;color:var(--color-ink);font-weight:600}.brand>span{display:flex;flex-direction:column;font-size:var(--text-base);line-height:1.25}.brand-en{font-size:var(--text-xs);letter-spacing:-.045em}.brand img{width:34px;height:32px}.desktop-nav,.login-link,.nav-actions .nav-cta{display:none}.nav-actions{display:flex;align-items:center;gap:var(--space-lg)}.menu-button{width:44px;height:44px;border:1px solid var(--color-control);background:var(--color-paper);border-radius:var(--radius-sm);display:grid;align-content:center;gap:6px;padding:var(--space-sm)}.menu-button span{height:1px;background:var(--color-ink);width:100%}.mobile-menu{padding-block:var(--space-sm) var(--space-lg);display:grid;gap:var(--space-xs)}.mobile-menu a{min-height:44px;display:flex;align-items:center;border-bottom:1px solid var(--color-rule)}
+.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-lg);min-height:48px;padding:var(--space-xs) var(--space-lg);border:1px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-accent-ink);box-shadow:2px 2px 0 var(--color-ink);font-weight:500;line-height:1.3;transition:transform var(--dur-micro) var(--ease-out)}.button-outline{background:var(--color-paper)}.text-link{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid var(--color-ink);font-size:var(--text-base);color:var(--color-ink)}
+.hero{display:grid;grid-template-columns:minmax(0,1fr);padding-block:var(--space-xl) var(--space-2xl);gap:var(--space-md)}.hero-copy{min-width:0}.underline{position:relative;white-space:nowrap}.underline:after{content:'';position:absolute;left:0;right:.25em;bottom:0;height:2px;background:var(--color-accent)}.hero-description{font-size:var(--text-base);line-height:1.9;margin-top:var(--space-lg);color:var(--color-body)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);margin-top:var(--space-xl)}.hero-actions .button{padding-inline:var(--space-md);gap:var(--space-sm)}.hero-signoff{margin-top:var(--space-xl);font-size:var(--text-xs);letter-spacing:.15em;color:var(--color-muted)}.hero-art{min-width:0;background:radial-gradient(ellipse at 65% 40%,var(--color-wash-strong),transparent 68%)}.hero-art img{width:100%;height:auto}.hero-art figcaption{font-size:var(--text-xs);text-align:center;color:var(--color-muted);margin-top:calc(var(--space-md)*-1)}
+.possibilities{padding-block:var(--space-2xl)}.format-grid{display:grid;margin-top:var(--space-xl);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-wash);overflow:hidden}.format-grid article{padding:var(--space-lg)}.format-grid article+article{border-top:1px solid var(--color-rule)}.format-type{font-family:var(--font-display);font-size:var(--text-title);color:var(--color-ink);font-weight:500;letter-spacing:-.04em}.format-grid h3{margin-top:var(--space-md);font-size:var(--text-base)}.format-grid p{margin-top:var(--space-sm);color:var(--color-muted);font-size:var(--text-base);max-width:60ch}
+.split{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);align-items:center}.section-copy>p{margin-top:var(--space-lg);max-width:58ch;color:var(--color-muted)}.section-copy>.button,.section-copy>.text-link{margin-top:var(--space-lg)}.arrow-list{list-style:none;margin:var(--space-lg) 0 0;padding:0;display:grid;gap:var(--space-sm);font-size:var(--text-base)}.arrow-list li{position:relative;padding-left:var(--space-lg)}.arrow-list li:before{content:'↗';position:absolute;left:0;color:var(--color-muted)}
+.trial-section{background:var(--color-wash);padding-block:var(--space-2xl)}.reverse>.section-copy{grid-row:1}.trial-card{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-md);min-width:0;box-shadow:0 4px 20px var(--color-shadow)}.trial-card-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding-bottom:var(--space-md);font-weight:500;color:var(--color-ink)}.trial-tag{font-size:var(--text-xs);color:var(--color-muted);font-weight:400}.editor-tools{display:flex;align-items:center;gap:var(--space-xs);border-top:1px solid var(--color-rule);font-size:var(--text-xs)}.sample-button,.quiet-button{min-height:44px;border:0;border-radius:var(--radius-sm);background:transparent;padding:var(--space-xs) var(--space-2xs);font-size:var(--text-xs)}.sample-button[aria-pressed="true"]{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.sample-button[aria-pressed="true"]:after{content:''}.editor-tools .quiet-button{margin-left:auto;color:var(--color-muted)}
+textarea{display:block;resize:vertical;width:100%;height:200px;min-height:160px;padding:var(--space-sm);border:1px solid var(--color-control);border-radius:var(--radius-sm);background:var(--color-wash);color:var(--color-body);font:400 var(--text-xs)/1.9 var(--font-body);outline:2px solid transparent;outline-offset:2px}textarea:focus-visible,input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}textarea[aria-invalid="true"]{border-color:var(--color-error)}textarea::placeholder,input::placeholder{color:var(--color-muted);opacity:1}.editor-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-xs);font-variant-numeric:tabular-nums}.editor-help{min-height:1.75em;font-size:var(--text-xs);margin-block:var(--space-md);color:var(--color-muted)}.editor-help.is-error{color:var(--color-error)}.generate-button{width:100%}.publish-result{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-rule);font-size:var(--text-xs)}.result-title,.result-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.result-title{margin-bottom:var(--space-xs)}input{width:100%;min-height:44px;padding:var(--space-xs);border:1px solid var(--color-control);border-radius:var(--radius-sm);background:var(--color-wash);color:var(--color-body);font-size:var(--text-xs)}.result-actions .text-link{font-size:var(--text-xs);border:0}#result-note{color:var(--color-muted);min-height:1.75em}
+.management{padding-block:var(--space-2xl)}.management-visual{min-width:0;background:var(--color-wash);padding:var(--space-lg);border-radius:var(--radius-lg)}.file-sheet{background:var(--color-paper);padding:var(--space-md);box-shadow:0 4px 20px var(--color-shadow);transform:rotate(-2deg)}.sheet-top{display:flex;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-rule);font-weight:500}.sheet-top img{width:32px;height:30px}.file-line{display:flex;align-items:center;gap:var(--space-xs);padding-block:var(--space-lg);border-bottom:1px solid var(--color-rule);font-size:var(--text-xs)}.file-line small{display:block;font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-2xs)}.file-symbol{font-size:var(--text-md);color:var(--color-control)}.file-kind{margin-left:auto;font-size:var(--text-xs);color:var(--color-muted)}.sheet-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding-top:var(--space-md);font-size:var(--text-xs);color:var(--color-muted)}.visual-caption{text-align:center;font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-lg)}
+.ai-section{padding-block:var(--space-2xl);background:var(--color-wash)}.workflow{display:flex;flex-direction:column;align-items:center;min-width:0;padding:var(--space-lg) 0}.workflow-source{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:var(--space-md)}.workflow-source>span{padding:var(--space-sm);text-align:center;border:1px solid var(--color-rule);background:var(--color-paper);font-size:var(--text-md);border-radius:var(--radius-sm)}.workflow>svg{width:100%;height:82px;stroke:var(--color-diagram);stroke-width:1.5}.workflow-core{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border:1px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-paper);box-shadow:3px 3px 0 var(--color-ink);font-size:var(--text-md);color:var(--color-ink)}.workflow-stem{width:1px;height:48px;background:var(--color-diagram)}.workflow-result{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-paper);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);border:1px solid var(--color-rule)}.workflow-result>span:first-child{color:var(--color-focus)}
+.faq{display:grid;gap:var(--space-xl);padding-block:var(--space-2xl)}.faq-list{min-width:0}details{border-bottom:1px solid var(--color-rule)}details:first-child{border-top:1px solid var(--color-rule)}summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);list-style:none;min-height:76px;padding-block:var(--space-md);font-weight:500;color:var(--color-ink)}summary::-webkit-details-marker{display:none}summary>span{font-size:var(--text-md);flex-shrink:0}details[open] summary>span{transform:rotate(45deg)}details p{padding-bottom:var(--space-lg);color:var(--color-muted);max-width:64ch}details p a{text-decoration:underline;text-underline-offset:3px}
+.final-cta{padding-block:var(--space-2xl);background:var(--color-wash)}.final-inner{display:flex;flex-direction:column;gap:var(--space-xl);align-items:flex-start}.final-inner p{margin-top:var(--space-lg);color:var(--color-muted)}.footer{padding-block:var(--space-xl) var(--space-lg)}.footer-top{display:flex;flex-direction:column;gap:var(--space-lg);padding-bottom:var(--space-xl)}.footer-top p{margin-top:var(--space-sm);color:var(--color-muted);font-size:var(--text-xs)}.footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-lg)}.footer a{min-height:44px;display:inline-flex;align-items:center}.footer nav a,.footer-bottom{font-size:var(--text-xs);color:var(--color-muted)}.footer-bottom{border-top:1px solid var(--color-rule);padding-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.footer-bottom>div{display:flex;align-items:center;gap:var(--space-lg)}
+@media(hover:hover) and (pointer:fine){.button:hover{background:var(--color-accent-hover)}.button-outline:hover{background:var(--color-wash)}nav a:hover,.text-link:hover,summary:hover{color:var(--color-focus)}.sample-button:hover,.quiet-button:hover,.menu-button:hover{background:var(--color-wash-strong)}textarea:hover,input:hover{background:var(--color-wash-strong)}}
+@media(min-width:36rem){.brand>span{flex-direction:row;align-items:baseline;gap:var(--space-xs);font-size:var(--text-md)}.brand-en{font-size:var(--text-md)}.brand img{width:44px;height:40px}.nav-actions .nav-cta{display:inline-flex;font-size:var(--text-xs);min-height:42px;padding:var(--space-xs) var(--space-md);gap:var(--space-md)}.trial-card{padding:var(--space-lg)}.editor-tools{gap:var(--space-md)}.hero-actions .button{padding-inline:var(--space-lg);gap:var(--space-lg)}.management-visual{padding:var(--space-xl)}.file-sheet{padding:var(--space-lg)}.file-line{gap:var(--space-md);font-size:var(--text-base)}.footer-top,.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}.mobile-only{display:none}}
+@media(min-width:50rem){.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:var(--space-lg);padding-top:var(--space-2xl);padding-bottom:var(--space-3xl)}.hero-description{font-size:var(--text-md)}.hero-art{margin-right:calc(var(--space-lg)*-1)}.format-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.format-grid article{padding:var(--space-xl) var(--space-lg)}.format-grid article+article{border-top:0;border-left:1px solid var(--color-rule)}.possibilities{padding-block:var(--space-3xl)}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl)}.reverse>.section-copy{grid-row:auto}.trial-section,.management,.ai-section{padding-block:var(--space-3xl)}.faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-2xl);padding-block:var(--space-3xl)}.final-inner{flex-direction:row;align-items:center;justify-content:space-between}.trial-card{padding:var(--space-lg)}.management-visual{padding:var(--space-xl)}.file-sheet{padding:var(--space-lg)}}
+@media(min-width:68rem){.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;min-height:80px;gap:var(--space-xl)}.desktop-nav{display:flex;align-items:center;gap:var(--space-lg);font-size:var(--text-base)}.desktop-nav a{display:flex;align-items:center;min-height:44px}.nav-actions{justify-self:end}.login-link{display:inline-flex;align-items:center;min-height:44px}.menu-button{display:none}.mobile-menu{display:none!important}.hero{gap:var(--space-xl)}.hero-art img{max-height:480px;object-fit:contain}.format-grid article{padding:var(--space-xl)}.split{gap:var(--space-3xl)}.management-visual{padding:var(--space-xl)}.hero-signoff{margin-top:var(--space-xl)}}
+@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.file-sheet{transform:none}}
+
+/* Approved content revision; retains the existing Brainfish-derived design system. */
+.eyebrow{font-size:var(--text-xs);letter-spacing:.08em;color:var(--color-muted);margin-bottom:var(--space-lg)}
+.hero h1{font-size:clamp(2rem,3.6vw,3.75rem)}.hero-note,.section-note{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-lg)}.hero-signoff{margin-top:var(--space-lg)}
+.delivery-art{padding:var(--space-lg);margin:0}.delivery-source{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xs)}.sample-label{margin-left:auto;color:var(--color-muted)}.delivery-arrow{text-align:center;font-size:var(--text-md);color:var(--color-muted);padding:var(--space-xs)}
+.report-preview{display:block;background:var(--color-paper);border:1px solid var(--color-ink);border-radius:var(--radius-sm);box-shadow:4px 4px 0 var(--color-ink);padding:var(--space-lg);transform:rotate(-2deg)}.report-kicker{font-size:var(--text-xs);letter-spacing:.06em;color:var(--color-muted)}.report-preview h2{margin-top:var(--space-lg);font-size:var(--text-title)}.report-preview p{margin-top:var(--space-md);color:var(--color-muted);font-size:var(--text-xs)}.report-lines{margin-block:var(--space-lg);display:grid;gap:var(--space-xs)}.report-lines i{height:7px;background:var(--color-wash-strong);width:85%}.report-lines i:nth-child(2){width:65%;background:var(--color-accent)}.report-lines i:nth-child(3){width:72%}.report-bottom{border-top:1px solid var(--color-rule);padding-top:var(--space-md);display:flex;justify-content:space-between;font-size:var(--text-xs)}.delivery-link{display:flex;justify-content:space-between;align-items:center;min-height:48px;background:var(--color-accent);border:1px solid var(--color-ink);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-md);margin:var(--space-lg) var(--space-md)}.delivery-art figcaption{margin-top:var(--space-md)}
+.section-intro{margin-top:var(--space-lg);color:var(--color-muted)}.scenario-grid .format-type{font-size:var(--text-md)}.scenario-grid .text-link{margin-top:var(--space-lg)}.source-link{display:block;width:fit-content;min-height:44px;padding-block:var(--space-xs);font-size:var(--text-xs);color:var(--color-muted);text-decoration:underline;text-underline-offset:4px}
+@media(min-width:50rem){.delivery-art{padding:var(--space-lg) var(--space-xl)}.hero-description{font-size:var(--text-base)}}
+@media(prefers-reduced-motion:reduce){.report-preview{transform:none}}
+.delivery-source img{width:36px;height:34px;flex-shrink:0}.delivery-source>span{white-space:nowrap}.report-preview:hover{background:var(--color-wash)}
+
+/* Approved Magpie artwork: crop only its canvas margins in CSS; source stays intact. */
+.magpie-brand{flex-shrink:0}
+.brand.magpie-brand>.magpie-lockup{display:block;position:relative;width:148px;height:71px;overflow:hidden;isolation:isolate;mix-blend-mode:multiply}
+.brand.magpie-brand .magpie-lockup img{position:absolute;max-width:none;width:166px;height:auto;left:-10px;top:-16px}
+.magpie-symbol{display:inline-block;flex-shrink:0;width:64px;height:31px;background:url('./assets/magpie-logo-v4.png') -4px -7px / 72px auto no-repeat;mix-blend-mode:multiply}
+.workflow-core .magpie-symbol{width:80px;height:39px;background-size:90px auto;background-position:-5px -9px}
+@media(min-width:68rem){.brand.magpie-brand>.magpie-lockup{width:168px;height:80px}.brand.magpie-brand .magpie-lockup img{width:188px;left:-11px;top:-18px}.nav-inner{min-height:96px}}
+
+/* Floating navigation: opaque at the top, frosted after scrolling. */
+body{padding-top:104px}
+html{scroll-padding-top:112px}
+.site-header{position:fixed;top:12px;left:50%;transform:translateX(-50%);width:calc(100% - 24px);max-width:1280px;background:#fff;border:1px solid rgba(32,33,28,.06);border-radius:10px;box-shadow:0 6px 24px rgba(32,33,28,.08);transition:background-color .2s ease,box-shadow .2s ease}
+.site-header.is-scrolled{background:rgba(255,255,255,.82);box-shadow:0 8px 28px rgba(32,33,28,.12)}
+@supports ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))){.site-header.is-scrolled{background:rgba(255,255,255,.72);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}}
+.site-header .nav-inner{width:100%;padding:4px 16px;min-height:72px;gap:16px}
+.site-header .brand.magpie-brand>.magpie-lockup{width:132px;height:63px}
+.site-header .brand.magpie-brand .magpie-lockup img{width:148px;left:-9px;top:-14px}
+.site-header .desktop-nav{font-weight:600;gap:28px}
+.site-header .nav-actions{gap:20px}
+.site-header .mobile-menu{width:100%;padding:0 20px 16px;max-height:calc(100dvh - 104px);overflow-y:auto}
+.site-header .menu-button{background:transparent;border-color:transparent}
+.site-header .nav-cta{box-shadow:2px 2px 0 var(--color-ink)}
+@media(min-width:68rem){body{padding-top:116px}html{scroll-padding-top:120px}.site-header{top:24px;width:calc(100% - 96px)}.site-header .nav-inner{display:flex;min-height:80px;padding:4px 24px}.site-header .desktop-nav{margin-left:auto}.site-header .nav-actions{margin-left:20px}.site-header .brand.magpie-brand>.magpie-lockup{width:144px;height:69px}.site-header .brand.magpie-brand .magpie-lockup img{width:161px;left:-10px;top:-15px}}
+
+/* Compact approved logo with the product promise beside it. */
+.site-header .brand.magpie-brand>.magpie-lockup{width:108px;height:52px}
+.site-header .brand.magpie-brand .magpie-lockup img{width:121px;left:-7px;top:-12px}
+.nav-tagline{margin:0;flex-shrink:0;color:#427A12;font-size:16px;font-weight:750;white-space:nowrap;letter-spacing:.03em}
+.site-header .nav-inner{gap:14px}
+@media(max-width:67.999rem){.site-header .nav-actions{margin-left:auto}.nav-tagline{font-size:14px}.site-header .nav-inner{gap:10px}}
+@media(max-width:359px){.site-header .nav-inner{padding-inline:10px;gap:6px}.site-header .brand.magpie-brand>.magpie-lockup{width:92px;height:44px}.site-header .brand.magpie-brand .magpie-lockup img{width:103px;left:-6px;top:-10px}.nav-tagline{font-size:13px;letter-spacing:0}}
+
+/* Smooth anchor navigation; respect the system reduced-motion preference. */
+@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
+
+/* Approved house animation: only the scene, without preview chrome. */
+.hero-animation{background:none;align-self:center;margin:0;width:100%;aspect-ratio:3/2;overflow:hidden}
+
+/* Give the approved animation more room while keeping the headline readable. */
+@media(min-width:50rem){.hero{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);column-gap:24px}}
+
+/* Neo-Brutalist hero: full-width green field, ink typography and hard edges. */
+.hero-band{background:#b7eb4a;border-bottom:3px solid #17201c}
+.hero-band .hero{color:#17201c}
+.hero-band .hero h1{font-family:var(--font-body);font-weight:850;letter-spacing:-.055em;color:#17201c;line-height:1.3}
+.hero-band .eyebrow{display:inline-block;padding:6px 12px;background:#f8f9ef;border:2px solid #17201c;color:#17201c;font-weight:700;letter-spacing:.05em}
+.hero-band .hero-description{color:#24351b;font-weight:500}
+.hero-band .hero-note,.hero-band .hero-signoff{color:#2c401e}
+.hero-band .hero-signoff{font-weight:750;letter-spacing:.08em}
+.hero-band .underline:after{background:#17201c;height:4px;bottom:-3px}
+.hero-band .hero-actions .button{background:#fffef4;color:#17201c;border:2px solid #17201c;border-radius:3px;box-shadow:5px 5px 0 #17201c;font-weight:750;min-height:52px}
+.hero-band .hero-actions .button-outline{background:transparent}
+.hero-band .hero-animation{background:#fff;border:3px solid #17201c;border-radius:4px;box-shadow:8px 8px 0 #17201c;overflow:hidden}
+@media(hover:hover) and (pointer:fine){.hero-band .hero-actions .button:hover{background:#17201c;color:#fffef4}}
+@media(max-width:49.999rem){.hero-band .hero{gap:32px}.hero-band .hero-animation{box-shadow:5px 5px 0 #17201c}.hero-band .hero h1{font-size:clamp(1.75rem,7.6vw,2.5rem)}}
+
+/* Continue the hero green behind the floating white navigation. */
+body{background-image:linear-gradient(#b7eb4a,#b7eb4a);background-repeat:no-repeat;background-size:100% 104px}
+@media(min-width:68rem){body{background-size:100% 116px}}
+
+/* Shorter navigation with the handwritten brand promise. */
+body{padding-top:80px;background-size:100% 80px}
+html{scroll-padding-top:88px}
+.site-header .nav-inner{min-height:56px;padding-block:3px}
+.site-header .brand.magpie-brand>.magpie-lockup{width:90px;height:43px}
+.site-header .brand.magpie-brand .magpie-lockup img{width:101px;left:-6px;top:-10px}
+.nav-tagline{width:120px;height:30px;position:relative;overflow:hidden}
+.nav-tagline img{position:absolute;width:100%;max-width:none;height:auto;left:0;top:50%;transform:translateY(-50%)}
+.site-header .mobile-menu{max-height:calc(100dvh - 80px)}
+@media(min-width:68rem){
+ body{padding-top:100px;background-size:100% 100px}
+ html{scroll-padding-top:108px}
+ .site-header .nav-inner{min-height:64px}
+ .site-header .brand.magpie-brand>.magpie-lockup{width:96px;height:46px}
+ .site-header .brand.magpie-brand .magpie-lockup img{width:108px;left:-7px;top:-11px}
+ .nav-tagline{width:138px;height:34px;margin-left:6px}
+}
+@media(max-width:359px){
+ .site-header .brand.magpie-brand>.magpie-lockup{width:80px;height:38px}
+ .site-header .brand.magpie-brand .magpie-lockup img{width:90px;left:-5px;top:-9px}
+ .nav-tagline{width:110px;height:28px}
+}
+
+/* File formats: unboxed labels with matching outlined SVG symbols. */
+.hero-band .hero-formats{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:8px;padding:0;border:0;background:transparent;letter-spacing:0}
+.hero-formats>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
+.hero-formats svg{width:24px;height:24px;flex-shrink:0}
+@media(max-width:359px){.hero-band .hero-formats{gap:12px}.hero-formats>span{gap:4px}.hero-formats svg{width:22px;height:22px}}
+
+/* Hero refinements: free medal, aligned copy, and tactile actions. */
+.site-header .brand.magpie-brand>.magpie-lockup{mix-blend-mode:normal}
+.hero-band .hero-copy{position:relative}
+.hero-band .hero-description{width:min(100%,27rem);text-align:start;text-wrap:pretty}
+.free-medal{display:inline-flex;align-items:center;gap:4px;flex:none;padding:0;margin:0;background:transparent;color:#17201c;border:0;border-radius:0;box-shadow:none;transform:rotate(-5deg);font-size:20px;font-weight:850;line-height:1.1;letter-spacing:0;white-space:nowrap;pointer-events:none}
+.free-medal svg{flex:none;width:54px;height:40px}
+.free-medal span{position:relative;isolation:isolate;white-space:nowrap}
+.free-medal span::after{content:"";position:absolute;z-index:-1;left:-3px;right:-5px;bottom:-2px;height:9px;background:#ffd85b;clip-path:polygon(0 20%,26% 0,55% 12%,84% 0,100% 32%,97% 100%,35% 84%,3% 100%);transform:rotate(-2deg)}
+.hero-band .hero-actions .button-outline{background:#fffef4}
+.hero-band .hero-actions .button{transition:transform 180ms ease,box-shadow 180ms ease,background-color 180ms ease}
+@media(hover:hover) and (pointer:fine){
+ .hero-band .hero-actions .button:hover{background:#fffef4;color:#17201c;transform:translate(-3px,-4px);box-shadow:8px 9px 0 #17201c}
+ .hero-band .hero-actions .button-outline:hover{background:#fff4dc}
+}
+.hero-band .hero-actions .button:focus-visible{outline:3px solid #17201c;outline-offset:5px}
+.hero-band .hero-actions .button:active{transform:translate(3px,3px);box-shadow:2px 2px 0 #17201c}
+@media(prefers-reduced-motion:reduce){.hero-band .hero-actions .button{transition:none}}
+
+/* An editorial note points from the format list toward the headline. */
+.hero-promise{display:flex;justify-content:flex-end;align-items:center;min-height:40px;margin:0 0 -2px}
+.hero-promise .free-medal{margin-bottom:0;flex-shrink:0}
+@media(max-width:359px){.hero-promise{min-height:36px}.hero-promise .free-medal{font-size:18px}.hero-promise .free-medal svg{width:45px;height:34px}}
+
+/* A quiet English motto beside the navigation logo. */
+.nav-motto{margin:0;min-width:0;color:var(--color-ink);font-size:14px;font-weight:600;line-height:1.3;letter-spacing:-.02em}
+@media(min-width:68rem){.nav-motto{font-size:16px;white-space:nowrap;margin-left:4px}}
+@media(max-width:359px){.nav-motto{max-width:130px;font-size:12px}}
+
+/* Keep the house scene and calls to action legible through tablet widths. */
+@media(min-width:50rem) and (max-width:63.999rem){
+ .hero-band .hero{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:40px 56px}
+ .hero-band .hero-animation{width:min(100%,760px);justify-self:center;margin:0}
+ .hero-band .hero-actions{flex-wrap:nowrap}
+}
+@media(max-width:49.999rem){
+ .hero-management-detail{display:none}
+}
+@media(max-width:359px){
+ .site-header .brand.magpie-brand>.magpie-lockup{width:88px;height:42px}
+ .site-header .brand.magpie-brand .magpie-lockup img{width:99px;left:-6px;top:-10px}
+ .site-header .nav-inner{gap:5px}
+ .site-header .nav-motto{max-width:none;font-size:12px;letter-spacing:-.045em;white-space:nowrap}
+}
+/* Both hero actions use warm white; shadow depth distinguishes the primary path. */
+.hero-band .hero-actions .button:not(.button-outline){background:#fffef4;color:#17201c}
+.hero-band .hero-actions .button-outline{box-shadow:2px 2px 0 #17201c;font-weight:700}
+@media(hover:hover) and (pointer:fine){
+ .hero-band .hero-actions .button:not(.button-outline):hover{background:#fff4dc;color:#17201c}
+ .hero-band .hero-actions .button-outline:hover{box-shadow:6px 7px 0 #17201c}
+}
+
+/* A three-scene guide that carries the courier character beyond the hero. */
+.process-band{background:#e7f5cf}
+.process-section{padding-block:52px 88px}
+.process-heading{display:block}
+.process-kicker,.section-kicker{display:flex;align-items:center;gap:10px;width:fit-content;margin:0 0 18px;padding:0;background:transparent;border:0;box-shadow:none;color:#17201c;font-size:14px;font-weight:750;letter-spacing:.04em;line-height:1.5}
+.process-kicker::before,.section-kicker::before{content:"";display:block;flex:none;width:3px;height:16px;background:currentColor}
+.section-copy>.process-kicker,.section-copy>.section-kicker{margin-top:0;color:#17201c}
+.process-heading h2{font-family:var(--font-body);font-size:clamp(2rem,4vw,3.5rem);font-weight:850;letter-spacing:-.055em;line-height:1.2;color:#17201c}
+.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;margin:42px 8px 8px 0;padding:0}
+.process-card{position:relative;display:flex;min-width:0;flex-direction:column;background:#fff;border:3px solid #17201c;border-radius:3px;box-shadow:8px 8px 0 #17201c}
+.process-art{width:100%;aspect-ratio:1.9;overflow:hidden;background:#fff;border-bottom:3px solid #17201c}
+.process-art img{width:100%;height:100%;object-fit:cover;object-position:center 50%}
+.process-card-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:22px 22px 24px;background:#fff}
+.process-number{display:inline-block;padding:3px 9px;background:#17201c;color:#fffef4;font-size:14px;font-weight:800;letter-spacing:.02em;line-height:1.5}
+.process-number span{color:#b7eb4a}
+.process-card h3{margin-top:14px;color:#17201c;font-family:var(--font-body);font-size:clamp(22px,2vw,28px);font-weight:850;letter-spacing:-.04em;line-height:1.3}
+.process-card p{margin-top:10px;color:#28352f;font-size:16px;line-height:1.65}
+.process-card:not(:last-child)::after{content:'→';position:absolute;z-index:1;top:calc(29% - 22px);right:-37px;display:grid;place-items:center;width:44px;height:44px;background:#b7eb4a;border:2px solid #17201c;border-radius:50%;box-shadow:3px 3px 0 #17201c;color:#17201c;font:800 26px/1 var(--font-body)}
+@media(max-width:767px){
+ .process-section{padding-block:36px 72px}
+ .process-kicker{margin-bottom:16px}
+ .process-grid{grid-template-columns:1fr;gap:30px;margin-top:28px}
+ .process-card-copy{padding:18px 20px 22px}
+ .process-card:not(:last-child)::after{content:'↓';top:auto;right:calc(50% - 22px);bottom:-27px}
+}
+
+/* The trial editor reads like a terminal while keeping the original form behavior. */
+.trial-section{background:#d8f4ef;border-top:3px solid #17201c}
+.trial-section .split{align-items:start}
+.trial-copy{min-width:0}
+.trial-copy .process-kicker{margin-top:0;margin-bottom:18px}
+.trial-copy h2{font-family:var(--font-body);font-size:clamp(2rem,4vw,3.5rem);font-weight:850;letter-spacing:-.055em;line-height:1.2;color:#17201c}
+.trial-copy>p:not(.process-kicker){margin-top:24px;color:#28352f}
+.trial-benefits{list-style:none;display:grid;gap:18px;margin:30px 0 0;padding:0}
+.trial-benefits li{display:flex;align-items:center;gap:15px;min-width:0;color:#17201c;font-size:17px;font-weight:650;line-height:1.5}
+.trial-benefit-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:2px solid #17201c;border-radius:2px;box-shadow:3px 3px 0 #17201c}
+.trial-benefits li:nth-child(1) .trial-benefit-icon{background:#fff1c5}
+.trial-benefits li:nth-child(2) .trial-benefit-icon{background:#d8efff}
+.trial-benefits li:nth-child(3) .trial-benefit-icon{background:#b7eb4a}
+.trial-benefit-icon svg{width:27px;height:27px;fill:none;stroke:#17201c;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
+@media(max-width:767px){.trial-benefits{gap:16px;margin-top:24px}.trial-benefits li{font-size:16px}}
+.trial-section .trial-card{background:#111917;color:#eef9e8;border:3px solid #17201c;border-radius:4px;box-shadow:8px 8px 0 #17201c}
+.trial-card .trial-card-title{justify-content:flex-start;gap:14px;color:#f6fbef;font-size:16px;font-weight:750;border-bottom:1px solid #43534b;padding-bottom:18px}
+.trial-card .trial-card-title::before{content:"";display:block;flex:0 0 10px;width:10px;height:10px;margin-right:32px;border-radius:50%;background:#ffd85b;box-shadow:16px 0 #b7eb4a,32px 0 #9dd4f5}
+.trial-card .trial-tag{margin-left:auto;padding:2px 8px;border:1px solid #b7eb4a;border-radius:2px;color:#b7eb4a;font-size:13px;font-weight:700;white-space:nowrap}
+.trial-card .editor-tools{gap:6px;border-top:0;border-bottom:1px solid #43534b;padding-block:8px}
+.trial-card .sample-button,.trial-card .quiet-button{border-radius:2px;color:#c5d4c9;font-size:14px;font-weight:650;padding-inline:10px}
+.trial-card .sample-button[aria-pressed="true"]{background:#26392e;color:#d9ffad;text-decoration:none;box-shadow:inset 0 -3px #b7eb4a}
+.trial-card .editor-tools .quiet-button{color:#b8c8bd}
+@media(hover:hover) and (pointer:fine){.trial-card .sample-button:hover,.trial-card .quiet-button:hover{background:#2b3e33;color:#fff}}
+.trial-card .sample-button:focus-visible,.trial-card .quiet-button:focus-visible,.trial-card .button:focus-visible,.trial-card .text-link:focus-visible{outline-color:#b7eb4a}
+.trial-card #paste-form::before{content:'›  粘贴内容';display:block;margin:14px 0 8px;color:#b7eb4a;font:700 14px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
+.trial-card textarea{min-height:190px;height:220px;background:#090e0c;color:#e4fbe0;border:2px solid #526b58;border-radius:2px;padding:14px;caret-color:#b7eb4a;font:500 14px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
+.trial-card textarea:hover,.trial-card textarea:focus{background:#090e0c}
+.trial-card textarea::placeholder{color:#9eb3a2}
+.trial-card textarea:focus-visible,.trial-card input:focus-visible{outline:2px solid #b7eb4a;outline-offset:2px}
+.trial-card textarea[aria-invalid="true"]{border-color:#ff9f75}
+.trial-card .editor-meta{color:#bcd0bd;font:500 13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
+.trial-card .editor-help{color:#c6d7c7;font-size:14px;line-height:1.55}
+.trial-card .editor-help.is-error{color:#ffb38d}
+.trial-card .generate-button{margin-top:6px;min-height:52px;background:#b7eb4a;color:#17201c;border:2px solid #17201c;border-radius:2px;box-shadow:4px 4px 0 #556c4e;font-weight:800}
+@media(hover:hover) and (pointer:fine){.trial-card .generate-button:hover{background:#d8ff8a}}
+.trial-card .publish-result{border-top:1px solid #526b58;color:#eef9e8;font-size:14px}
+.trial-card .publish-result input{background:#090e0c;color:#d9ffad;border:2px solid #526b58;border-radius:2px;font:500 14px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
+.trial-card .publish-result .text-link{color:#d9ffad;font-size:14px}
+.trial-card #result-note{color:#c6d7c7}
+.trial-card noscript{color:#eef9e8}
+@media(max-width:359px){.trial-section .shell{width:calc(100% - 32px)}.trial-card .trial-card-title{gap:10px;font-size:14px}.trial-card .trial-card-title::before{margin-right:28px}.trial-card .sample-button,.trial-card .quiet-button{padding-inline:4px;font-size:13px}.trial-card .editor-tools .quiet-button{min-width:44px}}
+
+/* Remaining homepage sections: distinct colors, one shared Neo-Brutalist language. */
+.scenarios-band{background:#fff1c5;border-top:3px solid #17201c}
+.management-band{background:#d8efff;border-top:3px solid #17201c}
+.ai-section{background:#eae5ff;border-top:3px solid #17201c}
+.faq-band{background:#ffe8dc;border-top:3px solid #17201c}
+.final-cta{background:#fff;border-top:3px solid #17201c}
+.footer{background:#f0f7e7;border-top:3px solid #17201c}
+.scenarios-band h2,.management-band h2,.ai-section h2,.faq-band h2,.final-cta h2{font-family:var(--font-body);font-size:clamp(2rem,4vw,3.5rem);font-weight:850;letter-spacing:-.055em;line-height:1.2;color:#17201c}
+.scenarios-band .possibilities{padding-block:80px 92px}
+.scenarios-band .section-intro{margin-top:22px;color:#28352f;font-size:17px}
+.scenario-grid{gap:24px;overflow:visible;border:0;border-radius:0;background:transparent;margin:36px 8px 8px 0}
+.scenario-grid article,.scenario-grid article+article{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:370px;padding:26px;background:#fffef8;border:3px solid #17201c;border-radius:3px;box-shadow:8px 8px 0 #17201c}
+.scenario-icon{display:grid;place-items:center;width:72px;height:72px;border:2px solid #17201c;border-radius:3px;box-shadow:4px 4px 0 #17201c;background:#b7eb4a}
+.scenario-grid article:nth-child(2) .scenario-icon{background:#d8efff}
+.scenario-grid article:nth-child(3) .scenario-icon{background:#eae5ff}
+.scenario-icon svg{width:52px;height:52px;fill:none;stroke:#17201c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
+.scenario-grid .format-type{display:inline-block;margin-top:26px;padding:3px 9px;background:#17201c;color:#fffef4;font:800 14px/1.5 var(--font-body);letter-spacing:.025em}
+.scenario-grid h3{margin-top:12px;color:#17201c;font-family:var(--font-body);font-size:clamp(21px,2vw,27px);font-weight:850;letter-spacing:-.04em}
+.scenario-grid p{margin-top:10px;margin-bottom:22px;color:#28352f;font-size:16px;line-height:1.65}
+.scenario-grid .text-link{margin-top:auto;padding:8px 12px;min-height:44px;background:#b7eb4a;border:2px solid #17201c;border-radius:2px;box-shadow:3px 3px 0 #17201c;font-size:15px;font-weight:750}
+.scenario-grid .source-link{color:#17201c;font-size:14px;font-weight:650}
+.scenarios-band .section-note{color:#38483c;font-size:14px}
+.management-band .management{padding-block:88px}
+.management-band .section-copy>p:not(.section-kicker),.ai-section .section-copy>p:not(.section-kicker){color:#28352f;font-size:17px;line-height:1.7}
+.management-list{gap:11px;margin-top:28px}
+.management-list li{padding:11px 14px 11px 42px;background:#fffef8;border:2px solid #17201c;border-radius:2px;box-shadow:3px 3px 0 #17201c;color:#17201c;font-size:16px;font-weight:650;line-height:1.5}
+.management-list li::before{left:13px;top:10px;color:#17201c;font-weight:850}
+.management-band .section-copy>.text-link{color:#17201c;font-weight:750}
+.management-band .management-visual{padding:24px;background:#b7eb4a;border:3px solid #17201c;border-radius:3px;box-shadow:8px 8px 0 #17201c}
+.management-band .file-sheet{padding:22px;background:#fffef8;border:2px solid #17201c;border-radius:2px;box-shadow:4px 4px 0 #17201c;transform:none}
+.management-band .sheet-top{border-bottom:2px solid #17201c;color:#17201c;font-size:19px;font-weight:850}
+.management-band .file-line{border-bottom:1px solid #75807a;color:#17201c;font-weight:650}
+.management-band .file-line small{color:#4e5c52;font-weight:400}
+.management-band .file-symbol{color:#17201c}
+.management-band .file-kind{padding:2px 7px;background:#d8efff;border:1px solid #17201c;color:#17201c;font-size:12px;font-weight:800}
+.management-band .file-line:nth-of-type(3) .file-kind{background:#fff1c5}
+.management-band .file-line:nth-of-type(4) .file-kind{background:#eae5ff}
+.management-band .sheet-bottom{color:#17201c;font-size:14px;font-weight:750}
+.management-band .visual-caption{margin-top:16px;color:#17201c;font-size:13px;font-weight:650}
+.ai-section{padding-block:88px}
+.ai-section .workflow{padding:28px;background:#fffef8;border:3px solid #17201c;border-radius:3px;box-shadow:8px 8px 0 #17201c}
+.ai-section .workflow-source{gap:12px}
+.ai-section .workflow-source>span{padding:12px 6px;background:#d8efff;border:2px solid #17201c;border-radius:2px;box-shadow:3px 3px 0 #17201c;color:#17201c;font-size:18px;font-weight:850}
+.ai-section .workflow-source>span:nth-child(2){background:#fff1c5}
+.ai-section .workflow-source>span:nth-child(3){background:#b7eb4a}
+.ai-section .workflow>svg{stroke:#17201c;stroke-width:2.5}
+.ai-section .workflow-core{gap:12px;padding:12px 14px;background:#b7eb4a;border:3px solid #17201c;border-radius:3px;box-shadow:4px 4px 0 #17201c;font-size:18px;font-weight:850}
+.ai-section .workflow-core .magpie-symbol{width:64px;height:32px;background-size:72px auto;background-position:-4px -7px}
+.ai-section .workflow-core span:last-child{white-space:nowrap}
+.ai-section .workflow-stem{width:3px;background:#17201c}
+.ai-section .workflow-result{background:#d8efff;border:2px solid #17201c;border-radius:3px;box-shadow:3px 3px 0 #17201c;color:#17201c;font-weight:750}
+.ai-section .workflow-result>span:first-child{color:#17201c;font-weight:850}
+.ai-section .button{background:#b7eb4a;border:2px solid #17201c;border-radius:3px;box-shadow:4px 4px 0 #17201c;color:#17201c;font-weight:800}
+.faq-band .faq{align-items:start;padding-block:88px}
+.faq-list{display:grid;gap:12px}
+.faq-list details,.faq-list details:first-child{background:#fffef8;border:2px solid #17201c;border-radius:3px;box-shadow:4px 4px 0 #17201c}
+.faq-list summary{min-height:72px;padding:14px 18px;color:#17201c;font-size:17px;font-weight:750;line-height:1.45}
+.faq-list summary>span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;background:#b7eb4a;border:2px solid #17201c;border-radius:2px;font:800 24px/1 var(--font-body)}
+.faq-list details[open] summary{background:#f2facd}
+.faq-list details p{max-width:none;padding:12px 18px 20px;color:#28352f;font-size:15px;line-height:1.75}
+.final-cta{padding-block:78px 84px}
+.final-cta .section-kicker{margin-top:0;color:#17201c}
+.final-cta h2{color:#17201c}
+.final-inner>div>p:not(.section-kicker){margin-top:22px;color:#38483c;font-size:17px}
+.footer{padding-block:40px 28px}
+.footer-top{align-items:center}
+.footer-top p{color:#28352f;font-size:15px;font-weight:650}
+.footer nav a{color:#17201c;font-size:15px;font-weight:750}
+.footer-bottom{border-top:2px solid #17201c;color:#38483c;font-size:13px}
+.footer-bottom a{color:#17201c}
+@media(max-width:49.999rem){
+ .scenarios-band .possibilities,.management-band .management,.ai-section,.faq-band .faq{padding-block:60px 72px}
+ .scenario-grid{grid-template-columns:1fr;gap:20px;margin-top:28px}
+ .scenario-grid article,.scenario-grid article+article{min-height:0;padding:22px;box-shadow:6px 6px 0 #17201c}
+ .management-band .management-visual,.ai-section .workflow{box-shadow:6px 6px 0 #17201c}
+ .final-cta{padding-block:64px 72px}
+}
+@media(max-width:359px){
+ .management-band .management-visual,.ai-section .workflow{padding:16px}
+ .management-band .file-sheet{padding:14px}
+ .management-band .file-kind{font-size:11px}
+ .faq-list summary{font-size:16px}
+ .footer nav{gap:16px}
+}
+
+/* Design engineering consistency pass. */
+:root{--format-html:#d8efff;--format-markdown:#b7eb4a;--format-zip:#eae5ff}
+.hero-formats>span:nth-child(1) svg rect:first-child{fill:var(--format-html)}
+.hero-formats>span:nth-child(2) svg path:first-child{fill:var(--format-markdown)}
+.hero-formats>span:nth-child(3) svg path:first-child{fill:var(--format-zip)}
+.hero-formats>span:nth-child(3) svg rect{fill:#fffef4}
+.scenario-grid .scenario-icon{background:var(--format-markdown)}
+.scenario-grid article:nth-child(2) .scenario-icon{background:var(--format-html)}
+.scenario-grid article:nth-child(3) .scenario-icon{background:var(--format-zip)}
+.management-band .file-kind{background:var(--format-html)}
+.management-band .file-line:nth-of-type(3) .file-kind{background:var(--format-markdown)}
+.management-band .file-line:nth-of-type(4) .file-kind{background:var(--format-zip)}
+.site-header .mobile-menu a:last-child{justify-content:center;min-height:48px;margin-top:8px;padding:8px 16px;background:#b7eb4a;border:2px solid #17201c;border-radius:3px;box-shadow:3px 3px 0 #17201c;color:#17201c;font-weight:800}
+.management-list li{padding-left:44px;border:1px solid #17201c;border-left:4px solid #17201c;box-shadow:none}
+.management-list li::before{content:'✓';left:14px;top:10px;color:#17201c}
+.scenario-actions{display:flex;flex-direction:column;align-items:flex-start;min-height:88px;margin-top:auto}
+.scenario-grid .scenario-actions .text-link{margin-top:0}
+.scenario-grid .scenario-actions .source-link{display:inline-flex;align-items:center}
+.button,.scenario-grid .text-link{transition:transform 160ms cubic-bezier(.23,1,.32,1),box-shadow 160ms cubic-bezier(.23,1,.32,1),background-color 160ms ease,color 160ms ease}
+@media(hover:hover) and (pointer:fine){
+ .site-header .nav-cta:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #17201c}
+ .trial-card .generate-button:hover,.ai-section .button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #17201c}
+ .scenario-grid .text-link:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #17201c;background:#c8f568;color:#17201c}
+ .site-header .mobile-menu a:last-child:hover{background:#d8ff8a;color:#17201c}
+}
+.button:active,.hero-band .hero-actions .button:active,.scenario-grid .text-link:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #17201c}
+.faq-list summary>span{transition:transform 150ms cubic-bezier(.23,1,.32,1)}
+
+/* City line art and articulated courier reuse the hero's ink and color language. */
+.footer{padding:0;background:#fff;border-top:0}
+.footer-landscape{position:relative;width:100%;height:clamp(240px,26vw,370px);overflow:hidden;background:#fff;border-bottom:3px solid #17201c}
+.footer-landscape-art{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
+.footer-courier{--footer-paper:#fff;--footer-ink:#17201c;--footer-green:#a7e600;--footer-green-dark:#7bb528;--footer-blue:#9fcef0;--footer-blue-light:#cbe8fa;position:absolute;top:20%;left:0;width:clamp(95px,8.5vw,120px);height:auto;overflow:visible;will-change:transform}
+.footer-bird-line{stroke:var(--footer-ink);stroke-width:5.6;stroke-linecap:round;stroke-linejoin:round}
+.footer-bottom{border:0;padding:18px 0 22px;gap:16px;background:#fff}
+.footer-bottom>div{gap:20px}
+.footer-bottom .footer-github{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;transition:opacity 160ms ease}
+.footer-github img{display:block;width:24px;height:24px}
+.footer-bottom a:focus-visible{outline:3px solid #17201c;outline-offset:4px}
+@media(hover:hover) and (pointer:fine){.footer-bottom .footer-github:hover{opacity:.65}}
+@media(max-width:35.999rem){.footer-landscape{height:240px}.footer-courier{top:18%;width:82.5px}.footer-bottom{padding-block:16px 22px}.footer-bottom>div{gap:16px}}
+@media(prefers-reduced-motion:reduce){.footer-courier{left:calc(50% - 41px);will-change:auto}.footer-bottom .footer-github{transition:none}}
diff --git a/public/home-share/tokens.css b/public/home-share/tokens.css
new file mode 100644
index 0000000..08374cf
--- /dev/null
+++ b/public/home-share/tokens.css
@@ -0,0 +1,40 @@
+:root {
+ --color-paper: oklch(99.8% .002 110);
+ --color-ink: oklch(27% .009 115);
+ --color-body: oklch(34% .01 115);
+ --color-muted: oklch(48% .015 115);
+ --color-accent: oklch(84.9% .207 128.85);
+ --color-accent-ink: var(--color-ink);
+ --color-accent-hover: oklch(81% .19 129);
+ --color-wash: oklch(97.8% .027 117);
+ --color-wash-strong: oklch(94% .075 123);
+ --color-rule: oklch(89% .012 115);
+ --color-control: oklch(61% .025 115);
+ --color-focus: oklch(44% .1 130);
+ --color-error: oklch(48% .17 28);
+ --color-diagram: oklch(81% .05 124);
+ --color-shadow: oklch(27% .009 115 / .06);
+ --font-display: 'Noto Serif SC', 'Songti SC', serif;
+ --font-body: 'Geist', 'Noto Sans SC', 'PingFang SC', sans-serif;
+ --text-xs: .875rem;
+ --text-base: 1rem;
+ --text-md: 1.25rem;
+ --text-title: clamp(1.75rem, 3.2vw, 2.75rem);
+ --text-hero: clamp(2.5rem, 4.65vw, 4.5rem);
+ --space-2xs: .25rem;
+ --space-xs: .5rem;
+ --space-sm: .75rem;
+ --space-md: 1rem;
+ --space-lg: 1.5rem;
+ --space-xl: 2.5rem;
+ --space-2xl: 4rem;
+ --space-3xl: 6rem;
+ --page-gutter: clamp(1.25rem, 5vw, 5rem);
+ --radius-sm: 4px;
+ --radius-md: 12px;
+ --radius-lg: 20px;
+ --ease-out: cubic-bezier(.16, 1, .3, 1);
+ --dur-micro: 120ms;
+ --dur-short: 220ms;
+ --z-nav: 200;
+}
diff --git a/public/index.html b/public/index.html
index 90b5bc6..2c4ca7b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,359 +3,15 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<meta name="description" content="即页，拖入 HTML 或 Markdown 文件，即刻获得在线预览页面。">
-<title>即页 — 拖入文件，即刻成页</title>
-<link rel="icon" type="image/svg+xml" href="/jpage_logo/favicon.svg">
-<link rel="icon" type="image/png" sizes="32x32" href="/jpage_logo/favicons/favicon-32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="/jpage_logo/favicons/favicon-16.png">
-<link rel="apple-touch-icon" sizes="180x180" href="/jpage_logo/jpage-app-icon-180.png">
+<meta name="description" content="纸鹊 Magpie，拖入 HTML 或 Markdown 文件，即刻获得在线预览页面。">
+<title>纸鹊 Magpie — 一纸，寄万千。</title>
+<link rel="icon" type="image/png" href="/magpie-logo.png">
 <link rel="stylesheet" href="/css/style.css?v=1.6.7">
 </head>
 <body>
 <div id="app"></div>
 
-<!-- 落地页模板 -->
-<template id="landing-template">
-<div class="landing-page">
-  <!-- 导航栏 -->
-  <nav class="landing-nav">
-    <div class="landing-nav-inner">
-      <div class="landing-nav-brand">
-        <img class="brand-mark" src="/jpage_logo/jpage-app-icon.svg" alt="即页" aria-hidden="true">
-        <span class="landing-nav-title">即页</span>
-      </div>
-      <div class="landing-nav-actions">
-        <a class="header-tool-link" id="landing-market-link" href="#/market" aria-label="创作市场" title="创作市场">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18l-2 7H5L3 3z"/><path d="M4 10v10a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V10"/><path d="M9 21V10"/><path d="M15 21V10"/></svg>
-        </a>
-        <a class="header-tool-link" id="landing-github-link" href="https://github.com/code2rich/jpage" target="_blank" rel="noopener noreferrer" aria-label="GitHub 项目" title="GitHub 项目">
-          <svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M12 .5A11.5 11.5 0 0 0 .5 12a11.5 11.5 0 0 0 7.86 10.92c.58.1.79-.25.79-.56v-2c-3.2.7-3.88-1.37-3.88-1.37-.53-1.34-1.3-1.7-1.3-1.7-1.06-.72.08-.71.08-.71 1.17.08 1.79 1.2 1.79 1.2 1.04 1.78 2.73 1.27 3.4.97.1-.76.41-1.27.74-1.56-2.56-.29-5.26-1.28-5.26-5.7 0-1.26.45-2.29 1.19-3.1-.12-.29-.52-1.46.11-3.05 0 0 .97-.31 3.18 1.18a11 11 0 0 1 5.8 0c2.2-1.49 3.17-1.18 3.17-1.18.63 1.59.23 2.76.11 3.05.74.81 1.19 1.84 1.19 3.1 0 4.43-2.7 5.41-5.27 5.69.42.37.8 1.1.8 2.22v3.29c0 .31.21.67.8.56A11.5 11.5 0 0 0 23.5 12 11.5 11.5 0 0 0 12 .5z"/></svg>
-        </a>
-        <a class="header-tool-link" id="landing-utools-link" href="https://www.u-tools.cn/plugins/detail/jpage/" target="_blank" rel="noopener noreferrer" aria-label="uTools 插件" title="uTools 插件">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg>
-        </a>
-        <button class="theme-toggle" aria-label="切换主题">
-          <svg class="icon-moon" viewBox="0 0 24 24"><path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/></svg>
-          <svg class="icon-sun" viewBox="0 0 24 24"><path d="M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41M12 6a6 6 0 100 12 6 6 0 000-12z"/></svg>
-        </button>
-        <a class="btn btn-ghost btn-sm" href="#/login">登录</a>
-      </div>
-    </div>
-  </nav>
-
-  <!-- Hero -->
-  <section class="landing-hero">
-    <div class="landing-hero-bg" aria-hidden="true">
-      <div class="blob blob-1"></div>
-      <div class="blob blob-2"></div>
-      <div class="blob blob-3"></div>
-      <div class="landing-grid" aria-hidden="true"></div>
-    </div>
-    <div class="landing-hero-content reveal">
-      <p class="landing-hero-eyebrow"><span class="badge-dot"></span>HTML · Markdown · ZIP · 创作市场 · 即时预览分享</p>
-      <h1 class="landing-hero-title"><em>即页</em> <small>jpage</small></h1>
-      <p class="landing-hero-sub">零配置的内容发布引擎</p>
-      <p class="landing-hero-slogan">拖入文件，即刻成页。AI 工具直连，一键分享。<br>为 AI 时代重新设计的内容预览与分发工作流。</p>
-      <div class="landing-hero-actions">
-        <a class="btn btn-primary btn-lg" href="#/login">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
-          开始使用
-        </a>
-        <a class="btn btn-ghost btn-lg" id="landing-github-btn" href="https://github.com/code2rich/jpage" target="_blank" rel="noopener noreferrer">
-          <svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M12 .5A11.5 11.5 0 0 0 .5 12a11.5 11.5 0 0 0 7.86 10.92c.58.1.79-.25.79-.56v-2c-3.2.7-3.88-1.37-3.88-1.37-.53-1.34-1.3-1.7-1.3-1.7-1.06-.72.08-.71.08-.71 1.17.08 1.79 1.2 1.79 1.2 1.04 1.78 2.73 1.27 3.4.97.1-.76.41-1.27.74-1.56-2.56-.29-5.26-1.28-5.26-5.7 0-1.26.45-2.29 1.19-3.1-.12-.29-.52-1.46.11-3.05 0 0 .97-.31 3.18 1.18a11 11 0 0 1 5.8 0c2.2-1.49 3.17-1.18 3.17-1.18.63 1.59.23 2.76.11 3.05.74.81 1.19 1.84 1.19 3.1 0 4.43-2.7 5.41-5.27 5.69.42.37.8 1.1.8 2.22v3.29c0 .31.21.67.8.56A11.5 11.5 0 0 0 23.5 12 11.5 11.5 0 0 0 12 .5z"/></svg>
-          GitHub
-        </a>
-      </div>
-      <div class="landing-hero-tags">
-        <span class="landing-tag">Express</span>
-        <span class="landing-tag">SQLite</span>
-        <span class="landing-tag">Vanilla JS</span>
-        <span class="landing-tag">MCP</span>
-        <span class="landing-tag">uTools</span>
-        <span class="landing-tag">Docker</span>
-        <span class="landing-tag">ESM</span>
-      </div>
-    </div>
-    <div class="landing-demo reveal">
-      <div class="landing-demo-window">
-        <div class="landing-demo-header">
-          <div class="landing-demo-dots"><span></span><span></span><span></span></div>
-          <div class="landing-demo-title">index.html</div>
-        </div>
-        <div class="landing-demo-body">
-          <div class="landing-demo-sidebar">
-            <div class="demo-logo">JP</div>
-            <div class="demo-nav-items"><span></span><span></span><span></span></div>
-          </div>
-          <div class="landing-demo-main">
-            <div class="demo-upload">
-              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>
-              <span>拖入文件，即刻成页</span>
-            </div>
-            <div class="demo-file-list">
-              <div class="demo-file"><span class="demo-file-icon html">HTML</span><span class="demo-file-name">report.html</span><span class="demo-file-meta">2.4 MB · 刚刚</span></div>
-              <div class="demo-file"><span class="demo-file-icon md">MD</span><span class="demo-file-name">README.md</span><span class="demo-file-meta">12 KB · 1 分钟前</span></div>
-              <div class="demo-file"><span class="demo-file-icon zip">ZIP</span><span class="demo-file-name">portfolio.zip</span><span class="demo-file-meta">8.1 MB · 5 分钟前</span></div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <!-- 粘贴试用 -->
-  <section class="landing-sec landing-sec-try" id="try-paste">
-    <div class="landing-sec-inner">
-      <div class="landing-sec-tag reveal">Try it now</div>
-      <h2 class="landing-sec-title reveal">不用注册，粘贴即可预览</h2>
-      <p class="landing-sec-lead reveal">把 AI 生成的 HTML 或 Markdown 直接贴进来，10 分钟内获得一个可分享的短链接。</p>
-      <div class="try-paste-box reveal">
-        <div class="try-paste-tabs">
-          <button type="button" class="try-paste-tab active" data-mode="auto">自动识别</button>
-          <button type="button" class="try-paste-tab" data-mode="html">HTML</button>
-          <button type="button" class="try-paste-tab" data-mode="markdown">Markdown</button>
-        </div>
-        <textarea class="try-paste-editor" placeholder="在此粘贴 HTML 或 Markdown 内容..." spellcheck="false"></textarea>
-        <div class="try-paste-footer">
-          <span class="try-paste-hint">最多 200KB · 10 分钟有效 · 无需登录</span>
-          <button type="button" class="btn btn-primary btn-lg try-paste-submit">
-            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
-            生成临时页面
-          </button>
-        </div>
-        <div class="try-paste-result" hidden>
-          <div class="try-paste-result-label">临时链接（10 分钟内有效）</div>
-          <div class="try-paste-result-url">
-            <input type="text" class="try-paste-url-input" readonly>
-            <button type="button" class="btn btn-small try-paste-copy">复制</button>
-            <a class="btn btn-small" target="_blank" rel="noopener noreferrer">打开</a>
-          </div>
-          <div class="try-paste-countdown"></div>
-        </div>
-        <div class="try-paste-error" role="alert" hidden></div>
-      </div>
-    </div>
-  </section>
-
-  <!-- 特性 -->
-  <section class="landing-sec" id="features">
-    <div class="landing-sec-inner">
-      <div class="landing-sec-tag reveal">Features</div>
-      <h2 class="landing-sec-title reveal">不只是预览，是完整的内容发布工作流</h2>
-      <div class="landing-features-grid">
-        <div class="landing-feature-card reveal landing-feature-large">
-          <div class="feature-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><polyline points="13 2 13 9 20 9"/></svg></div>
-          <h3>HTML / Markdown / ZIP 全能渲染</h3>
-          <p>代码高亮、KaTeX 公式、Mermaid 图表完整呈现。ZIP 网站包自动解压并渲染入口页。</p>
-          <div class="feature-tags"><span>180+ 语言</span><span>行内公式</span><span>流程图</span></div>
-        </div>
-        <div class="landing-feature-card reveal">
-          <div class="feature-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg></div>
-          <h3>短链即分享</h3>
-          <p>上传即得 /s/:key 短链接。支持别名、过期时间与密码保护。</p>
-        </div>
-        <div class="landing-feature-card reveal">
-          <div class="feature-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="4 17 10 11 4 5"/><line x1="12" y1="19" x2="20" y2="19"/></svg></div>
-          <h3>CLI / MCP / uTools 三端入口</h3>
-          <p>网页拖拽、uTools 插件、jpage CLI、MCP Server 共用同一套权限与审计，各端用户都能一键上传。</p>
-        </div>
-        <div class="landing-feature-card reveal">
-          <div class="feature-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/></svg></div>
-          <h3>版本与组织</h3>
-          <p>完整版本历史、标签、分类、收藏，让文件从临时分享进化为知识库。</p>
-        </div>
-        <div class="landing-feature-card reveal landing-feature-wide">
-          <div class="feature-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><line x1="3" y1="9" x2="21" y2="9"/><line x1="9" y1="21" x2="9" y2="9"/></svg></div>
-          <h3>内容模板市场</h3>
-          <p>内置 9 大场景模板，支持用户上架与管理员审核。AI 可以学习风格，批量生成一致审美。</p>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <!-- 创作市场 -->
-  <section class="landing-sec landing-sec-market" id="market-preview">
-    <div class="landing-sec-inner">
-      <div class="landing-sec-tag reveal">Template Market</div>
-      <h2 class="landing-sec-title reveal">把风格变成资产，让 AI 学会你的审美</h2>
-      <p class="landing-sec-lead reveal">创作市场不只是模板库。你可以把任意文件上架为风格模板，管理员审核后即可被自己和团队反复调用；AI 也能读取这些模板，批量生成一致审美的 HTML / Markdown。</p>
-      <div class="market-preview-grid reveal">
-        <div class="market-preview-card">
-          <div class="mp-icon">🎓</div>
-          <h4>学术报告</h4>
-          <p>KaTeX 公式、代码块、引用样式一键就绪</p>
-        </div>
-        <div class="market-preview-card">
-          <div class="mp-icon">🚀</div>
-          <h4>产品官网</h4>
-          <p>Hero、特性、CTA 模块，快速上线介绍页</p>
-        </div>
-        <div class="market-preview-card">
-          <div class="mp-icon">📊</div>
-          <h4>数据看板</h4>
-          <p>图表、指标卡片、响应式布局拿来即用</p>
-        </div>
-        <div class="market-preview-card">
-          <div class="mp-icon">🧑‍💻</div>
-          <h4>个人简历</h4>
-          <p>时间线、技能标签、项目展示专业呈现</p>
-        </div>
-        <div class="market-preview-card">
-          <div class="mp-icon">🎤</div>
-          <h4>演讲稿</h4>
-          <p>大字报、分页、高对比，适合投影演示</p>
-        </div>
-        <div class="market-preview-card">
-          <div class="mp-icon">🎨</div>
-          <h4>作品集</h4>
-          <p>画廊网格、灯箱、作品详情页一应俱全</p>
-        </div>
-        <div class="market-preview-card">
-          <div class="mp-icon">📘</div>
-          <h4>文档手册</h4>
-          <p>侧边目录、搜索友好、多级标题自动排版</p>
-        </div>
-        <div class="market-preview-card">
-          <div class="mp-icon">✍️</div>
-          <h4>博客文章</h4>
-          <p>阅读体验优先，注释、代码、引用完整支持</p>
-        </div>
-        <div class="market-preview-card">
-          <div class="mp-icon">🎯</div>
-          <h4>营销落地页</h4>
-          <p>转化导向的模块组合，快速验证活动效果</p>
-        </div>
-      </div>
-      <div class="market-preview-cta reveal">
-        <a class="btn btn-primary btn-lg" href="#/market">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18l-2 7H5L3 3z"/><path d="M4 10v10a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V10"/><path d="M9 21V10"/><path d="M15 21V10"/></svg>
-          浏览创作市场
-        </a>
-        <span class="mp-hint">已有 9+ 官方场景 · 支持自定义上架</span>
-      </div>
-    </div>
-  </section>
-
-  <!-- 三步流程 -->
-  <section class="landing-sec landing-sec-alt" id="workflow">
-    <div class="landing-sec-inner">
-      <div class="landing-sec-tag reveal">How it works</div>
-      <h2 class="landing-sec-title reveal">三步，从文件到链接</h2>
-      <div class="landing-steps">
-        <div class="landing-step reveal">
-          <div class="step-num">01</div>
-          <div class="step-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg></div>
-          <h3>拖入文件</h3>
-          <p>网页、uTools 插件、CLI 均支持拖拽或流式上传 HTML、Markdown、ZIP。</p>
-        </div>
-        <div class="landing-step-divider reveal" aria-hidden="true"></div>
-        <div class="landing-step reveal">
-          <div class="step-num">02</div>
-          <div class="step-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="5 3 19 12 5 21 5 3"/></svg></div>
-          <h3>即时渲染</h3>
-          <p>自动识别文件类型，Markdown 套用模板，HTML 进入 iframe Sandbox 安全预览。</p>
-        </div>
-        <div class="landing-step-divider reveal" aria-hidden="true"></div>
-        <div class="landing-step reveal">
-          <div class="step-num">03</div>
-          <div class="step-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/></svg></div>
-          <h3>一键分享</h3>
-          <p>复制短链接，或让 AI 通过 MCP 直接读取、更新、管理你的内容。</p>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <!-- 数据指标 -->
-  <section class="landing-sec" id="stats">
-    <div class="landing-sec-inner">
-      <div class="landing-stats reveal">
-        <div class="stat"><strong>17+</strong><span>MCP Tools</span></div>
-        <div class="stat"><strong>11</strong><span>CLI 命令</span></div>
-        <div class="stat"><strong>9+</strong><span>内容场景</span></div>
-        <div class="stat"><strong>4</strong><span>渲染模板</span></div>
-        <div class="stat"><strong>0</strong><span>配置成本</span></div>
-      </div>
-    </div>
-  </section>
-
-  <!-- 版本进化 -->
-  <section class="landing-sec landing-sec-alt" id="versions">
-    <div class="landing-sec-inner">
-      <div class="landing-sec-tag reveal">Version History</div>
-      <h2 class="landing-sec-title reveal">持续进化的产品能力</h2>
-      <div class="landing-versions">
-        <div class="ver reveal">
-          <div class="ver-dot"></div>
-          <div class="ver-card">
-            <div class="ver-head">
-              <span class="ver-num">V1.5</span>
-              <span class="ver-date">2026-06</span>
-              <span class="ver-title">双客户端 + AI 演示 + 卡片视图</span>
-            </div>
-            <p class="ver-desc">jpage CLI 成为与 MCP 并列的第二客户端入口；新增 uTools 插件，支持在 uTools 中直接拖拽上传；整合 jpage-upload / jpage-presentation / jpage-content-template 为统一 jpage Skill；文件列表卡片视图用 iframe 实时缩略图。</p>
-          </div>
-        </div>
-        <div class="ver reveal">
-          <div class="ver-dot"></div>
-          <div class="ver-card">
-            <div class="ver-head">
-              <span class="ver-num">V1.4</span>
-              <span class="ver-date">2026-06</span>
-              <span class="ver-title">内容模板市场 + 风格化渲染</span>
-            </div>
-            <p class="ver-desc">内容模板市场让 AI 学会风格参考；4 种 Markdown 渲染模板、FTS5 全文搜索、链接访问统计。</p>
-          </div>
-        </div>
-        <div class="ver reveal">
-          <div class="ver-dot"></div>
-          <div class="ver-card">
-            <div class="ver-head">
-              <span class="ver-num">V1.0</span>
-              <span class="ver-date">2026-05</span>
-              <span class="ver-title">诞生：从第一行代码到品牌确立</span>
-            </div>
-            <p class="ver-desc">AI 生成的 HTML 不再沦为截图或附件。拖拽上传，秒级预览，短链接即分享——即页的第一个版本，只做一件事：让内容被完整地看见。</p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <!-- 设计理念 -->
-  <section class="landing-sec" id="philosophy">
-    <div class="landing-sec-inner">
-      <div class="landing-sec-tag reveal">Design Philosophy</div>
-      <h2 class="landing-sec-title reveal">设计理念</h2>
-      <div class="landing-philos">
-        <div class="phi reveal"><div class="phi-ico">⚡</div><h3>零配置哲学</h3><p>docker-compose up — 三秒启动，五秒上传，八秒分享。开发者的内容工具应该像呼吸一样自然。</p></div>
-        <div class="phi reveal"><div class="phi-ico">🤖</div><h3>AI-Native</h3><p>不是给产品加 AI 功能，而是以 AI 为中心重新设计内容发布流程。MCP 让 Claude 成为内容助手，uTools 插件让本地工作流也能秒级成页。</p></div>
-        <div class="phi reveal"><div class="phi-ico">✂️</div><h3>极简主义</h3><p>无框架前端、无构建工具、无 npm script 魔法。Vanilla JS 写出的代码，十年后还能读懂。</p></div>
-        <div class="phi reveal"><div class="phi-ico">🌱</div><h3>渐进增强</h3><p>从文件预览器到模板市场。每个功能都是自然生长的结果，不是预先设计的冗余。</p></div>
-      </div>
-    </div>
-  </section>
-
-  <!-- CTA -->
-  <section class="landing-sec landing-sec-cta" id="cta">
-    <div class="landing-sec-inner">
-      <div class="landing-cta reveal">
-        <h2>准备好让内容流动起来了吗？</h2>
-        <p>即页 jpage — 拖入文件，即刻成页。</p>
-        <a class="btn btn-primary btn-lg" href="#/login">立即开始</a>
-      </div>
-    </div>
-  </section>
-
-  <!-- 页脚 -->
-  <footer class="landing-footer">
-    <p>&copy; 2026 即页 · <a href="https://github.com/code2rich/jpage" target="_blank">GitHub</a> · <a href="/privacy">隐私政策</a> · <a href="/terms">服务条款</a> · <a href="mailto:code2rich@qq.com">联系</a> · <a href="javascript:void(0)" id="landing-feedback-link">问题反馈</a></p>
-    <!-- {{ICP_BEIAN_PLACEHOLDER}} -->
-  </footer>
-</div>
-</template>
-
-<!-- 登录/注册模板 -->
+<!-- 登录与工作台应用壳 -->
 <template id="login-template">
 <div class="layout login-layout">
 <button class="theme-toggle login-theme-toggle" aria-label="切换主题">
@@ -363,12 +19,12 @@ <h2>准备好让内容流动起来了吗？</h2>
   <svg class="icon-sun" viewBox="0 0 24 24"><path d="M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41M12 6a6 6 0 100 12 6 6 0 000-12z"/></svg>
 </button>
 <main class="login-main">
-  <section class="login-story" aria-label="即页产品介绍">
-    <a class="login-brand" href="#/" aria-label="返回即页首页">
-      <img class="brand-mark" src="/jpage_logo/jpage-app-icon.svg" alt="" aria-hidden="true">
+  <section class="login-story" aria-label="纸鹊 Magpie产品介绍">
+    <a class="login-brand" href="/" aria-label="返回纸鹊 Magpie首页">
+      <span class="brand-mark magpie-icon" aria-hidden="true"></span>
       <span class="login-brand-copy">
-        <strong class="login-title">即页</strong>
-        <span class="login-subtitle">JPage · Instant publishing</span>
+        <strong class="login-title">纸鹊 Magpie</strong>
+        <span class="login-subtitle">Magpie · 一纸，寄万千。</span>
       </span>
     </a>
     <div class="login-story-copy">
@@ -376,7 +32,7 @@ <h2>准备好让内容流动起来了吗？</h2>
       <h1 class="login-story-title">让创作离开本地，<br>在链接里继续生长。</h1>
       <p class="login-story-desc">上传 HTML、Markdown 或演示文稿，即刻获得可预览、可分享、可迭代的在线页面。</p>
     </div>
-    <ol class="login-flow" aria-label="即页工作流">
+    <ol class="login-flow" aria-label="纸鹊 Magpie工作流">
       <li><span>01</span><div><strong>上传</strong><small>拖入文件或交给 AI</small></div></li>
       <li><span>02</span><div><strong>预览</strong><small>保留排版与交互</small></div></li>
       <li><span>03</span><div><strong>分享</strong><small>一个链接直达内容</small></div></li>
@@ -385,7 +41,7 @@ <h1 class="login-story-title">让创作离开本地，<br>在链接里继续生
   </section>
 
   <section class="login-card" aria-labelledby="login-heading">
-    <a class="login-back" href="#/">
+    <a class="login-back" href="/">
       <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M19 12H5m6 6-6-6 6-6"/></svg>
       返回首页
     </a>
@@ -434,7 +90,7 @@ <h2 class="login-headline" id="login-heading">继续你的下一页</h2>
       </button>
     </form>
     <form class="login-form auth-panel" id="register-extra" autocomplete="on" hidden>
-      <p class="register-hint">完成邮箱验证，创建你的即页工作台。</p>
+      <p class="register-hint">完成邮箱验证，创建你的纸鹊 Magpie工作台。</p>
       <label class="login-field">
         <span>邮箱</span>
         <input type="email" name="email" id="register-email" autocomplete="email" readonly>
@@ -463,7 +119,7 @@ <h2 class="login-headline" id="login-heading">继续你的下一页</h2>
     </form>
     <p class="auth-security">
       <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3 5 6v5c0 4.9 3 8.3 7 10 4-1.7 7-5.1 7-10V6l-7-3Z"/><path d="m9 12 2 2 4-4"/></svg>
-      登录信息仅用于身份验证，即页不会获得你的 Google 密码。
+      登录信息仅用于身份验证，纸鹊 Magpie不会获得你的 Google 密码。
     </p>
     <p class="auth-terms">继续即表示你同意<a href="/terms" target="_blank">服务条款</a>和<a href="/privacy" target="_blank">隐私政策</a></p>
   </section>
@@ -476,10 +132,10 @@ <h2 class="login-headline" id="login-heading">继续你的下一页</h2>
 <div class="layout workspace-layout">
 <header class="header workspace-header">
 <div class="header-left">
-<img class="brand-mark" src="/jpage_logo/jpage-app-icon.svg" alt="即页" aria-hidden="true">
+<a class="brand-mark magpie-icon" href="/" aria-label="返回纸鹊首页" title="返回首页"></a>
 <div class="brand-text">
-<h1>即页</h1>
-<p class="header-tagline">拖入文件，即刻成页</p>
+<h1>纸鹊 Magpie</h1>
+<p class="header-tagline">一纸，寄万千。</p>
 </div>
 </div>
 <div class="header-right">
@@ -487,12 +143,9 @@ <h1>即页</h1>
   <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18l-2 7H5L3 3z"/><path d="M4 10v10a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V10"/><path d="M9 21V10"/><path d="M15 21V10"/></svg>
   <span class="header-tool-label">创作市场</span>
 </a>
-<a class="header-tool-link" id="github-link" href="https://github.com/code2rich/jpage" target="_blank" rel="noopener noreferrer" aria-label="GitHub 项目" title="GitHub 项目">
+<a class="header-tool-link" id="github-link" href="https://github.com/enderchen/magpie" target="_blank" rel="noopener noreferrer" aria-label="GitHub 项目" title="GitHub 项目">
   <svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M12 .5A11.5 11.5 0 0 0 .5 12a11.5 11.5 0 0 0 7.86 10.92c.58.1.79-.25.79-.56v-2c-3.2.7-3.88-1.37-3.88-1.37-.53-1.34-1.3-1.7-1.3-1.7-1.06-.72.08-.71.08-.71 1.17.08 1.79 1.2 1.79 1.2 1.04 1.78 2.73 1.27 3.4.97.1-.76.41-1.27.74-1.56-2.56-.29-5.26-1.28-5.26-5.7 0-1.26.45-2.29 1.19-3.1-.12-.29-.52-1.46.11-3.05 0 0 .97-.31 3.18 1.18a11 11 0 0 1 5.8 0c2.2-1.49 3.17-1.18 3.17-1.18.63 1.59.23 2.76.11 3.05.74.81 1.19 1.84 1.19 3.1 0 4.43-2.7 5.41-5.27 5.69.42.37.8 1.1.8 2.22v3.29c0 .31.21.67.8.56A11.5 11.5 0 0 0 23.5 12 11.5 11.5 0 0 0 12 .5z"/></svg>
 </a>
-<a class="header-tool-link" id="utools-link" href="https://www.u-tools.cn/plugins/detail/jpage/" target="_blank" rel="noopener noreferrer" aria-label="uTools 插件" title="uTools 插件">
-  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg>
-</a>
 <button class="theme-toggle" aria-label="切换主题">
   <svg class="icon-moon" viewBox="0 0 24 24"><path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/></svg>
   <svg class="icon-sun" viewBox="0 0 24 24"><path d="M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41M12 6a6 6 0 100 12 6 6 0 000-12z"/></svg>
@@ -817,7 +470,7 @@ <h2 id="mcp-config-title">MCP 配置</h2>
 <div class="modal-backdrop" id="cli-config-modal" hidden aria-hidden="true" role="dialog" aria-modal="true" aria-labelledby="cli-config-title">
 <div class="modal-panel">
 <div class="modal-header">
-<h2 id="cli-config-title">jpage CLI</h2>
+<h2 id="cli-config-title">Magpie CLI</h2>
 <button type="button" class="btn btn-small modal-close" id="cli-config-close" aria-label="关闭">×</button>
 </div>
 <div class="modal-body">
@@ -840,7 +493,7 @@ <h2 id="skills-list-title">AI 技能 (Skills)</h2>
 <button type="button" class="btn btn-small modal-close" id="skills-list-close" aria-label="关闭">×</button>
 </div>
 <div class="modal-body">
-<p class="skills-hint">MCP 已启用后，可下载 Skill 包并安装到 Claude Code / Claude Desktop，让 AI 直接上传文件到即页。</p>
+<p class="skills-hint">MCP 已启用后，可下载 Skill 包并安装到 Claude Code / Claude Desktop，让 AI 直接上传文件到纸鹊 Magpie。</p>
 <div class="skills-list" id="skills-list" aria-busy="false"></div>
 <div class="empty-state empty-state-sm" id="skills-empty" style="display:none">
 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M12 2L2 7l10 5 10-5-10-5z"></path><polyline points="2 17 12 22 22 17"></polyline><polyline points="2 12 12 17 22 12"></polyline></svg>
@@ -1072,13 +725,12 @@ <h2 id="feedback-modal-title">问题反馈</h2>
 </label>
 </div>
 <div class="login-error" id="feedback-error" role="alert" hidden></div>
-<!-- 公众号展示区 -->
+<!-- 项目反馈入口 -->
 <div class="feedback-wechat">
 <div class="feedback-wechat-info">
-<span class="feedback-wechat-label">关注公众号，获取更多更新与使用技巧</span>
-<span class="feedback-wechat-id">公众号：code2rich</span>
+<span class="feedback-wechat-label">项目更新与反馈</span>
+<span class="feedback-wechat-id"><a href="https://github.com/enderchen/magpie" target="_blank" rel="noopener noreferrer">Magpie · GitHub</a></span>
 </div>
-<img class="feedback-wechat-qr" id="feedback-wechat-qr" src="/jpage_logo/wechat-code2rich.png" alt="公众号 code2rich 二维码" hidden>
 </div>
 </div>
 <div class="modal-footer">
@@ -1261,6 +913,6 @@ <h2 id="share-settings-title">分享设置</h2>
 </div>
 </div>
 
-<script type="module" src="/js/app.js?v=1.6.7"></script>
+<script type="module" src="/js/app.js?v=1.6.7-home-entry"></script>
 </body>
 </html>
diff --git a/public/jpage_logo/LICENSE-ASSETS.txt b/public/jpage_logo/LICENSE-ASSETS.txt
deleted file mode 100644
index 95c3973..0000000
--- a/public/jpage_logo/LICENSE-ASSETS.txt
+++ /dev/null
@@ -1,7 +0,0 @@
-JPage 即页品牌资产包使用说明
-
-本资产包为用户指定项目 jpage / 即页生成，供项目内部网站、文档与产品界面使用。
-Logo、商标名称与品牌权益应归项目所有者或其指定主体所有。
-本文件不构成法律商标注册、版权归属或授权范围意见。
-
-字体文件未包含在本资产包中。SVG 仅声明字体栈，运行时使用系统或网站已授权字体。
diff --git a/public/jpage_logo/favicon.svg b/public/jpage_logo/favicon.svg
deleted file mode 100644
index 731c021..0000000
--- a/public/jpage_logo/favicon.svg
+++ /dev/null
@@ -1,22 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96" fill="none" role="img" aria-labelledby="title desc">
-  <title id="title">JPage 即页标识</title>
-  <desc id="desc">一个带折角的页面符号，内部包含代表即时生成的闪电与 J 形动线。</desc>
-  <defs>
-    <linearGradient id="jpBg" x1="8" y1="88" x2="88" y2="8" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#2563EB"/><stop offset=".52" stop-color="#7C3AED"/><stop offset="1" stop-color="#22D3EE"/>
-    </linearGradient>
-    <linearGradient id="jpSpark" x1="34" y1="72" x2="66" y2="28" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#F59E0B"/><stop offset="1" stop-color="#22D3EE"/>
-    </linearGradient>
-    <filter id="softShadow" x="0" y="0" width="96" height="96" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feDropShadow dx="0" dy="8" stdDeviation="8" flood-color="#0B1020" flood-opacity=".22"/>
-    </filter>
-  </defs>
-  <rect x="4" y="4" width="88" height="88" rx="22" fill="url(#jpBg)"/>
-  <g filter="url(#softShadow)">
-    <path d="M28 18h31.5L72 30.5V74a8 8 0 0 1-8 8H28a8 8 0 0 1-8-8V26a8 8 0 0 1 8-8Z" fill="#FFFFFF"/>
-    <path d="M59.5 18v11.5a1 1 0 0 0 1 1H72L59.5 18Z" fill="#DBF8FF"/>
-    <path d="M47 31 34 53h13l-5 20 22-29H50l6-13h-9Z" fill="url(#jpSpark)"/>
-    <path d="M58 38v19.5C58 70 50.3 76 39.6 76c-5.4 0-10-1.5-13.6-4.2" stroke="#0B1020" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round" opacity=".92"/>
-  </g>
-</svg>
\ No newline at end of file
diff --git a/public/jpage_logo/favicons/apple-touch-icon.png b/public/jpage_logo/favicons/apple-touch-icon.png
deleted file mode 100644
index 4924851..0000000
Binary files a/public/jpage_logo/favicons/apple-touch-icon.png and /dev/null differ
diff --git a/public/jpage_logo/favicons/favicon-16.png b/public/jpage_logo/favicons/favicon-16.png
deleted file mode 100644
index 3804034..0000000
Binary files a/public/jpage_logo/favicons/favicon-16.png and /dev/null differ
diff --git a/public/jpage_logo/favicons/favicon-32.png b/public/jpage_logo/favicons/favicon-32.png
deleted file mode 100644
index ad1573d..0000000
Binary files a/public/jpage_logo/favicons/favicon-32.png and /dev/null differ
diff --git a/public/jpage_logo/favicons/favicon-48.png b/public/jpage_logo/favicons/favicon-48.png
deleted file mode 100644
index 8d5181c..0000000
Binary files a/public/jpage_logo/favicons/favicon-48.png and /dev/null differ
diff --git a/public/jpage_logo/favicons/favicon-96.png b/public/jpage_logo/favicons/favicon-96.png
deleted file mode 100644
index 43d13ee..0000000
Binary files a/public/jpage_logo/favicons/favicon-96.png and /dev/null differ
diff --git a/public/jpage_logo/favicons/favicon.ico b/public/jpage_logo/favicons/favicon.ico
deleted file mode 100644
index c25477b..0000000
Binary files a/public/jpage_logo/favicons/favicon.ico and /dev/null differ
diff --git a/public/jpage_logo/favicons/favicon.svg b/public/jpage_logo/favicons/favicon.svg
deleted file mode 100644
index 731c021..0000000
--- a/public/jpage_logo/favicons/favicon.svg
+++ /dev/null
@@ -1,22 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96" fill="none" role="img" aria-labelledby="title desc">
-  <title id="title">JPage 即页标识</title>
-  <desc id="desc">一个带折角的页面符号，内部包含代表即时生成的闪电与 J 形动线。</desc>
-  <defs>
-    <linearGradient id="jpBg" x1="8" y1="88" x2="88" y2="8" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#2563EB"/><stop offset=".52" stop-color="#7C3AED"/><stop offset="1" stop-color="#22D3EE"/>
-    </linearGradient>
-    <linearGradient id="jpSpark" x1="34" y1="72" x2="66" y2="28" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#F59E0B"/><stop offset="1" stop-color="#22D3EE"/>
-    </linearGradient>
-    <filter id="softShadow" x="0" y="0" width="96" height="96" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feDropShadow dx="0" dy="8" stdDeviation="8" flood-color="#0B1020" flood-opacity=".22"/>
-    </filter>
-  </defs>
-  <rect x="4" y="4" width="88" height="88" rx="22" fill="url(#jpBg)"/>
-  <g filter="url(#softShadow)">
-    <path d="M28 18h31.5L72 30.5V74a8 8 0 0 1-8 8H28a8 8 0 0 1-8-8V26a8 8 0 0 1 8-8Z" fill="#FFFFFF"/>
-    <path d="M59.5 18v11.5a1 1 0 0 0 1 1H72L59.5 18Z" fill="#DBF8FF"/>
-    <path d="M47 31 34 53h13l-5 20 22-29H50l6-13h-9Z" fill="url(#jpSpark)"/>
-    <path d="M58 38v19.5C58 70 50.3 76 39.6 76c-5.4 0-10-1.5-13.6-4.2" stroke="#0B1020" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round" opacity=".92"/>
-  </g>
-</svg>
\ No newline at end of file
diff --git a/public/jpage_logo/favicons/icon-192.png b/public/jpage_logo/favicons/icon-192.png
deleted file mode 100644
index 654e8f5..0000000
Binary files a/public/jpage_logo/favicons/icon-192.png and /dev/null differ
diff --git a/public/jpage_logo/favicons/icon-512.png b/public/jpage_logo/favicons/icon-512.png
deleted file mode 100644
index c5691ce..0000000
Binary files a/public/jpage_logo/favicons/icon-512.png and /dev/null differ
diff --git a/public/jpage_logo/favicons/site.webmanifest b/public/jpage_logo/favicons/site.webmanifest
deleted file mode 100644
index f582647..0000000
--- a/public/jpage_logo/favicons/site.webmanifest
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-  "name": "即页 jpage",
-  "short_name": "即页",
-  "description": "零配置 HTML / Markdown 即时预览与分享工具，面向 AI 生成内容的完整呈现、管理与风格化。",
-  "start_url": "/",
-  "display": "standalone",
-  "background_color": "#0B1020",
-  "theme_color": "#2563EB",
-  "icons": [
-    {
-      "src": "/favicons/icon-192.png",
-      "sizes": "192x192",
-      "type": "image/png"
-    },
-    {
-      "src": "/favicons/icon-512.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/public/jpage_logo/jpage-app-icon-180.png b/public/jpage_logo/jpage-app-icon-180.png
deleted file mode 100644
index 4924851..0000000
Binary files a/public/jpage_logo/jpage-app-icon-180.png and /dev/null differ
diff --git a/public/jpage_logo/jpage-app-icon-192.png b/public/jpage_logo/jpage-app-icon-192.png
deleted file mode 100644
index 654e8f5..0000000
Binary files a/public/jpage_logo/jpage-app-icon-192.png and /dev/null differ
diff --git a/public/jpage_logo/jpage-app-icon-512.png b/public/jpage_logo/jpage-app-icon-512.png
deleted file mode 100644
index c5691ce..0000000
Binary files a/public/jpage_logo/jpage-app-icon-512.png and /dev/null differ
diff --git a/public/jpage_logo/jpage-app-icon.svg b/public/jpage_logo/jpage-app-icon.svg
deleted file mode 100644
index 731c021..0000000
--- a/public/jpage_logo/jpage-app-icon.svg
+++ /dev/null
@@ -1,22 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96" fill="none" role="img" aria-labelledby="title desc">
-  <title id="title">JPage 即页标识</title>
-  <desc id="desc">一个带折角的页面符号，内部包含代表即时生成的闪电与 J 形动线。</desc>
-  <defs>
-    <linearGradient id="jpBg" x1="8" y1="88" x2="88" y2="8" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#2563EB"/><stop offset=".52" stop-color="#7C3AED"/><stop offset="1" stop-color="#22D3EE"/>
-    </linearGradient>
-    <linearGradient id="jpSpark" x1="34" y1="72" x2="66" y2="28" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#F59E0B"/><stop offset="1" stop-color="#22D3EE"/>
-    </linearGradient>
-    <filter id="softShadow" x="0" y="0" width="96" height="96" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feDropShadow dx="0" dy="8" stdDeviation="8" flood-color="#0B1020" flood-opacity=".22"/>
-    </filter>
-  </defs>
-  <rect x="4" y="4" width="88" height="88" rx="22" fill="url(#jpBg)"/>
-  <g filter="url(#softShadow)">
-    <path d="M28 18h31.5L72 30.5V74a8 8 0 0 1-8 8H28a8 8 0 0 1-8-8V26a8 8 0 0 1 8-8Z" fill="#FFFFFF"/>
-    <path d="M59.5 18v11.5a1 1 0 0 0 1 1H72L59.5 18Z" fill="#DBF8FF"/>
-    <path d="M47 31 34 53h13l-5 20 22-29H50l6-13h-9Z" fill="url(#jpSpark)"/>
-    <path d="M58 38v19.5C58 70 50.3 76 39.6 76c-5.4 0-10-1.5-13.6-4.2" stroke="#0B1020" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round" opacity=".92"/>
-  </g>
-</svg>
\ No newline at end of file
diff --git a/public/jpage_logo/jpage-logo-horizontal.svg b/public/jpage_logo/jpage-logo-horizontal.svg
deleted file mode 100644
index 9409498..0000000
--- a/public/jpage_logo/jpage-logo-horizontal.svg
+++ /dev/null
@@ -1,22 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="640" height="160" viewBox="0 0 640 160" fill="none" role="img" aria-labelledby="title desc">
-  <title id="title">JPage 即页横版 Logo</title>
-  <desc id="desc">JPage 即页品牌横版组合标识。</desc>
-  <defs>
-    <linearGradient id="jpBg" x1="8" y1="88" x2="88" y2="8" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#2563EB"/><stop offset=".52" stop-color="#7C3AED"/><stop offset="1" stop-color="#22D3EE"/>
-    </linearGradient>
-    <linearGradient id="jpSpark" x1="34" y1="72" x2="66" y2="28" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#F59E0B"/><stop offset="1" stop-color="#22D3EE"/>
-    </linearGradient>
-  </defs>
-  <g transform="translate(36 32) scale(1)">
-    <rect x="4" y="4" width="88" height="88" rx="22" fill="url(#jpBg)"/>
-    <path d="M28 18h31.5L72 30.5V74a8 8 0 0 1-8 8H28a8 8 0 0 1-8-8V26a8 8 0 0 1 8-8Z" fill="#FFFFFF"/>
-    <path d="M59.5 18v11.5a1 1 0 0 0 1 1H72L59.5 18Z" fill="#DBF8FF"/>
-    <path d="M47 31 34 53h13l-5 20 22-29H50l6-13h-9Z" fill="url(#jpSpark)"/>
-    <path d="M58 38v19.5C58 70 50.3 76 39.6 76c-5.4 0-10-1.5-13.6-4.2" stroke="#0B1020" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round" opacity=".92"/>
-  </g>
-  <text x="156" y="82" font-family="Inter Display, Inter, Arial, sans-serif" font-size="54" font-weight="800" letter-spacing="-2" fill="#0F172A">jpage</text>
-  <text x="326" y="82" font-family="Noto Sans CJK SC, PingFang SC, Microsoft YaHei, sans-serif" font-size="46" font-weight="800" letter-spacing="2" fill="#0F172A">即页</text>
-  <text x="158" y="116" font-family="Noto Sans CJK SC, Inter, sans-serif" font-size="18" font-weight="600" fill="#64748B">拖入文件，即刻成页 · 选择模板，即刻有风格</text>
-</svg>
\ No newline at end of file
diff --git a/public/jpage_logo/jpage-logo-stacked.svg b/public/jpage_logo/jpage-logo-stacked.svg
deleted file mode 100644
index 4e9278a..0000000
--- a/public/jpage_logo/jpage-logo-stacked.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="420" height="420" viewBox="0 0 420 420" fill="none" role="img" aria-labelledby="title desc">
-  <title id="title">JPage 即页竖版 Logo</title>
-  <desc id="desc">JPage 即页品牌竖版组合标识。</desc>
-  <g transform="translate(162 52)"></g>
-  <defs>
-    <linearGradient id="jpBg" x1="8" y1="88" x2="88" y2="8" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2563EB"/><stop offset=".52" stop-color="#7C3AED"/><stop offset="1" stop-color="#22D3EE"/></linearGradient>
-    <linearGradient id="jpSpark" x1="34" y1="72" x2="66" y2="28" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#F59E0B"/><stop offset="1" stop-color="#22D3EE"/></linearGradient>
-  </defs>
-  <g transform="translate(162 52)">
-    <rect x="4" y="4" width="88" height="88" rx="22" fill="url(#jpBg)"/>
-    <path d="M28 18h31.5L72 30.5V74a8 8 0 0 1-8 8H28a8 8 0 0 1-8-8V26a8 8 0 0 1 8-8Z" fill="#FFFFFF"/>
-    <path d="M59.5 18v11.5a1 1 0 0 0 1 1H72L59.5 18Z" fill="#DBF8FF"/>
-    <path d="M47 31 34 53h13l-5 20 22-29H50l6-13h-9Z" fill="url(#jpSpark)"/>
-    <path d="M58 38v19.5C58 70 50.3 76 39.6 76c-5.4 0-10-1.5-13.6-4.2" stroke="#0B1020" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round" opacity=".92"/>
-  </g>
-  <text x="210" y="212" text-anchor="middle" font-family="Inter Display, Inter, Arial, sans-serif" font-size="58" font-weight="850" letter-spacing="-2" fill="#0F172A">jpage</text>
-  <text x="210" y="264" text-anchor="middle" font-family="Noto Sans CJK SC, PingFang SC, Microsoft YaHei, sans-serif" font-size="48" font-weight="800" letter-spacing="3" fill="#0F172A">即页</text>
-  <text x="210" y="314" text-anchor="middle" font-family="Noto Sans CJK SC, Inter, sans-serif" font-size="20" font-weight="600" fill="#64748B">让 AI 生成的内容也有审美</text>
-</svg>
\ No newline at end of file
diff --git a/public/jpage_logo/jpage-mark.svg b/public/jpage_logo/jpage-mark.svg
deleted file mode 100644
index 4dcafd9..0000000
--- a/public/jpage_logo/jpage-mark.svg
+++ /dev/null
@@ -1,22 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96" fill="none" role="img" aria-labelledby="title desc">
-  <title id="title">JPage 即页标识</title>
-  <desc id="desc">一个带折角的页面符号，内部包含代表即时生成的闪电与 J 形动线。</desc>
-  <defs>
-    <linearGradient id="jpBg" x1="8" y1="88" x2="88" y2="8" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#2563EB"/><stop offset=".52" stop-color="#7C3AED"/><stop offset="1" stop-color="#22D3EE"/>
-    </linearGradient>
-    <linearGradient id="jpSpark" x1="34" y1="72" x2="66" y2="28" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#F59E0B"/><stop offset="1" stop-color="#22D3EE"/>
-    </linearGradient>
-    <filter id="softShadow" x="0" y="0" width="96" height="96" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feDropShadow dx="0" dy="8" stdDeviation="8" flood-color="#0B1020" flood-opacity=".22"/>
-    </filter>
-  </defs>
-  
-  <g>
-    <path d="M28 18h31.5L72 30.5V74a8 8 0 0 1-8 8H28a8 8 0 0 1-8-8V26a8 8 0 0 1 8-8Z" fill="#FFFFFF"/>
-    <path d="M59.5 18v11.5a1 1 0 0 0 1 1H72L59.5 18Z" fill="#DBF8FF"/>
-    <path d="M47 31 34 53h13l-5 20 22-29H50l6-13h-9Z" fill="url(#jpSpark)"/>
-    <path d="M58 38v19.5C58 70 50.3 76 39.6 76c-5.4 0-10-1.5-13.6-4.2" stroke="#0B1020" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round" opacity=".92"/>
-  </g>
-</svg>
\ No newline at end of file
diff --git a/public/js/app.js b/public/js/app.js
index 69280fd..112b3d0 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -1,6 +1,6 @@
 // 入口：路由初始化、全局状态、hash change 监听
 //
-// 路由级代码分割：各页面（landing/login/home/preview）用动态 import() 按需加载，
+// 路由级代码分割：各页面（login/home/preview）用动态 import() 按需加载，
 // 经 esbuild splitting 产出独立 chunk，首屏只下载当前路由所需代码。
 
 import { api } from './api.js';
@@ -36,12 +36,12 @@ function navigate(path) {
 // 绕过 immutable 长缓存。字面量（非模板）能被 esbuild 正确分割。
 async function loadHome() { const m = await import('./pages/home.js?v=1.6.7'); return m.renderHome; }
 async function loadLogin() { const m = await import('./pages/login.js?v=1.6.7'); return m.renderLogin; }
-async function loadLanding() { const m = await import('./pages/landing.js?v=1.6.7'); return m.renderLanding; }
 async function loadPreview() { const m = await import('./pages/preview.js?v=1.6.7'); return m.renderPreview; }
 async function loadMarket() { const m = await import('./pages/market.js?v=1.6.7'); return m.renderMarket; }
 
 function route() {
   const hash = location.hash.replace('#', '') || '/';
+  const routePath = hash.split('?')[0];
   const appEl = document.getElementById('app');
 
   // 邮箱验证结果页（纯静态，无需加载页面模块）
@@ -78,7 +78,7 @@ function route() {
   }
 
   if (state.currentUser) {
-    if (hash === '/login' || hash === '/register') { navigate('/'); return; }
+    if (routePath === '/login' || routePath === '/register') { navigate('/'); return; }
     loadHome().then((renderHome) => {
       renderHome(appEl);
       setupThemeToggle(appEl);
@@ -86,12 +86,12 @@ function route() {
     return;
   }
 
-  if (hash === '/login') {
+  if (routePath === '/login') {
     loadLogin().then((renderLogin) => { renderLogin(appEl, 'login'); setupThemeToggle(appEl); });
-  } else if (hash === '/register') {
+  } else if (routePath === '/register') {
     loadLogin().then((renderLogin) => { renderLogin(appEl, 'register'); setupThemeToggle(appEl); });
   } else {
-    loadLanding().then((renderLanding) => { renderLanding(appEl); setupThemeToggle(appEl); });
+    navigate('/login');
   }
 }
 
diff --git a/public/js/components/feedback-modal.js b/public/js/components/feedback-modal.js
index 628ab4d..3528abb 100644
--- a/public/js/components/feedback-modal.js
+++ b/public/js/components/feedback-modal.js
@@ -112,19 +112,6 @@ function openFeedbackModal() {
   bindOnce(modal);
   resetForm(modal);
 
-  // 二维码：图片存在才显示，避免破图
-  const qr = modal.querySelector('#feedback-wechat-qr');
-  if (qr && qr.dataset.checked !== '1') {
-    qr.dataset.checked = '1';
-    qr.addEventListener('error', () => { qr.hidden = true; });
-    // 测试图片可达性：先隐藏，加载成功后显示
-    qr.hidden = true;
-    const test = new Image();
-    test.onload = () => { qr.hidden = false; };
-    test.onerror = () => { qr.hidden = true; };
-    test.src = qr.src;
-  }
-
   openModal(modal);
   // 自动聚焦内容框
   setTimeout(() => modal.querySelector('#feedback-content')?.focus(), 0);
diff --git a/public/js/pages/home.js b/public/js/pages/home.js
index 89bbd12..d53514f 100644
--- a/public/js/pages/home.js
+++ b/public/js/pages/home.js
@@ -23,7 +23,7 @@ let homeAbortController = null;
 let versionUploadTarget = null;
 
 // ---------- 视图模式（列表 / 卡片） ----------
-const FILE_VIEW_KEY = 'jpage-file-view';
+const FILE_VIEW_KEY = 'magpie-file-view';
 let viewMode = (() => { try { return localStorage.getItem(FILE_VIEW_KEY) === 'card' ? 'card' : 'list'; } catch { return 'list'; } })();
 function setViewMode(mode) {
   viewMode = mode;
diff --git a/public/js/pages/landing.js b/public/js/pages/landing.js
deleted file mode 100644
index 9e2abd5..0000000
--- a/public/js/pages/landing.js
+++ /dev/null
@@ -1,196 +0,0 @@
-// 落地页：产品介绍（纯静态展示）+ 粘贴试用（免登录生成临时页面）。
-// 模板展示功能已迁移至独立的 /market 页面，本页不再调用模板 API。
-
-import { state, navigate } from '../app.js';
-import { api } from '../api.js';
-import { copyToClipboard } from '../utils.js';
-
-function renderLanding(container) {
-  if (state.currentUser) { navigate('/'); return; }
-  const tmpl = document.getElementById('landing-template');
-  container.innerHTML = '';
-  container.appendChild(tmpl.content.cloneNode(true));
-
-  const el = container.querySelector('.landing-page');
-  if (!el) return;
-
-  // 导航栏滚动吸顶效果
-  const nav = el.querySelector('.landing-nav');
-  if (nav) {
-    const onScroll = () => {
-      if (window.scrollY > 40) {
-        nav.classList.add('scrolled');
-      } else {
-        nav.classList.remove('scrolled');
-      }
-    };
-    window.addEventListener('scroll', onScroll, { passive: true });
-    onScroll();
-  }
-
-  // 滚动渐入动画
-  const reveals = el.querySelectorAll('.reveal');
-  if (reveals.length && 'IntersectionObserver' in window) {
-    const observer = new IntersectionObserver((entries) => {
-      entries.forEach((entry) => {
-        if (entry.isIntersecting) {
-          entry.target.classList.add('is-visible');
-          observer.unobserve(entry.target);
-        }
-      });
-    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });
-    reveals.forEach((r) => observer.observe(r));
-  } else {
-    reveals.forEach((r) => r.classList.add('is-visible'));
-  }
-
-  // 特性卡片聚光灯效果（跟随鼠标更新 CSS 变量 --x --y）
-  el.querySelectorAll('.landing-feature-card').forEach((card) => {
-    card.addEventListener('mousemove', (e) => {
-      const rect = card.getBoundingClientRect();
-      card.style.setProperty('--x', `${e.clientX - rect.left}px`);
-      card.style.setProperty('--y', `${e.clientY - rect.top}px`);
-    });
-  });
-
-  bindTryPaste(el);
-  bindFeedback(el);
-}
-
-// 问题反馈：落地页页脚「问题反馈」入口，动态加载组件（不进首屏 chunk）。
-function bindFeedback(el) {
-  const link = el.querySelector('#landing-feedback-link');
-  if (!link) return;
-  link.addEventListener('click', async () => {
-    const { openFeedbackModal } = await import('../components/feedback-modal.js');
-    openFeedbackModal();
-  });
-}
-
-// 粘贴试用：免登录将 HTML/Markdown 生成 10 分钟临时页面。
-function bindTryPaste(el) {
-  const box = el.querySelector('.try-paste-box');
-  if (!box) return;
-
-  const tabs = box.querySelectorAll('.try-paste-tab');
-  const editor = box.querySelector('.try-paste-editor');
-  const submitBtn = box.querySelector('.try-paste-submit');
-  const resultEl = box.querySelector('.try-paste-result');
-  const urlInput = box.querySelector('.try-paste-url-input');
-  const copyBtn = box.querySelector('.try-paste-copy');
-  const openLink = resultEl?.querySelector('a');
-  const countdownEl = box.querySelector('.try-paste-countdown');
-  const errorEl = box.querySelector('.try-paste-error');
-
-  let selectedMode = 'auto';
-  let countdownTimer = null;
-
-  function showError(msg) {
-    if (!errorEl) return;
-    errorEl.textContent = msg;
-    errorEl.hidden = false;
-  }
-
-  function hideError() {
-    if (!errorEl) return;
-    errorEl.hidden = true;
-  }
-
-  function setLoading(loading) {
-    if (!submitBtn) return;
-    submitBtn.disabled = loading;
-    submitBtn.innerHTML = loading
-      ? '<span class="spinner"></span> 生成中...'
-      : '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg> 生成临时页面';
-  }
-
-  function detectType(content) {
-    const trimmed = content.trim();
-    if (/^\s*</.test(trimmed)) return 'html';
-    return 'markdown';
-  }
-
-  tabs.forEach((tab) => {
-    tab.addEventListener('click', () => {
-      tabs.forEach((t) => t.classList.remove('active'));
-      tab.classList.add('active');
-      selectedMode = tab.dataset.mode;
-      const placeholderMap = {
-        auto: '在此粘贴 HTML 或 Markdown 内容...',
-        html: '在此粘贴 HTML 内容...',
-        markdown: '在此粘贴 Markdown 内容...'
-      };
-      editor.placeholder = placeholderMap[selectedMode];
-    });
-  });
-
-  function startCountdown(expiresAt) {
-    if (countdownTimer) clearInterval(countdownTimer);
-    const end = new Date(expiresAt + 'Z').getTime();
-    const tick = () => {
-      const remaining = Math.max(0, Math.floor((end - Date.now()) / 1000));
-      const m = Math.floor(remaining / 60).toString().padStart(2, '0');
-      const s = (remaining % 60).toString().padStart(2, '0');
-      if (countdownEl) countdownEl.textContent = `剩余有效期 ${m}:${s}`;
-      if (remaining <= 0) {
-        clearInterval(countdownTimer);
-        if (countdownEl) countdownEl.textContent = '链接已过期';
-      }
-    };
-    tick();
-    countdownTimer = setInterval(tick, 1000);
-  }
-
-  function resetResult() {
-    if (resultEl) resultEl.hidden = true;
-    if (countdownTimer) {
-      clearInterval(countdownTimer);
-      countdownTimer = null;
-    }
-  }
-
-  submitBtn?.addEventListener('click', async () => {
-    const raw = editor.value || '';
-    const trimmed = raw.trim();
-    if (!trimmed) {
-      showError('请先粘贴内容');
-      return;
-    }
-    hideError();
-    resetResult();
-    setLoading(true);
-
-    try {
-      const fileType = selectedMode === 'auto' ? detectType(raw) : selectedMode;
-      // 后端会根据 content 再次判断类型；这里显式传 mode 仅作为提示（未来可扩展）。
-      const data = await api('/api/public/try-paste', {
-        method: 'POST',
-        body: { content: raw, mode: fileType }
-      });
-      const fullUrl = `${window.location.origin}${data.url}`;
-      if (urlInput) urlInput.value = fullUrl;
-      if (openLink) openLink.href = data.url;
-      if (resultEl) resultEl.hidden = false;
-      startCountdown(data.expires_at);
-      editor.value = '';
-    } catch (e) {
-      showError(e.message || '生成失败，请稍后重试');
-    } finally {
-      setLoading(false);
-    }
-  });
-
-  copyBtn?.addEventListener('click', async () => {
-    const ok = await copyToClipboard(urlInput.value);
-    if (ok) {
-      copyBtn.textContent = '已复制';
-      setTimeout(() => { copyBtn.textContent = '复制'; }, 2000);
-    }
-  });
-
-  editor?.addEventListener('input', () => {
-    hideError();
-  });
-}
-
-export { renderLanding };
diff --git a/public/js/pages/market.js b/public/js/pages/market.js
index aa9ec1e..e63c9fe 100644
--- a/public/js/pages/market.js
+++ b/public/js/pages/market.js
@@ -148,8 +148,8 @@ function renderMarketShell(container, { active, navigate }) {
     <div class="market-page mw-market-page">
       <aside class="mw-sidebar">
         <a href="#/" class="mw-brand" aria-label="返回首页">
-          <img class="mw-brand-mark" src="/jpage_logo/jpage-app-icon.svg" alt="即页">
-          <span class="mw-brand-text">JPage<br><strong>Market</strong></span>
+          <span class="mw-brand-mark magpie-icon" aria-hidden="true"></span>
+          <span class="mw-brand-text">Magpie<br><strong>Market</strong></span>
         </a>
         <nav class="mw-side-nav">
           <a href="#/market" class="${active === 'home' ? 'active' : ''}">首页</a>
@@ -164,7 +164,7 @@ function renderMarketShell(container, { active, navigate }) {
         </div>` : ''}
         <div class="mw-side-footer">
           <a href="#/">${isLoggedIn ? '返回我的页面' : '返回首页'}</a>
-          ${window.__JPAGE_ICP_BEIAN__ ? `<p class="mw-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">${window.__JPAGE_ICP_BEIAN__}</a></p>` : ''}
+          ${window.__MAGPIE_ICP_BEIAN__ ? `<p class="mw-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">${window.__MAGPIE_ICP_BEIAN__}</a></p>` : ''}
         </div>
       </aside>
       <main class="mw-main" id="market-body"></main>
@@ -252,7 +252,7 @@ function renderHome(container, navigate) {
   body.innerHTML = `
     <header class="mw-page-intro">
       <div>
-        <span class="mw-page-kicker">JPage Market</span>
+        <span class="mw-page-kicker">Magpie Market</span>
         <h1>创作市场</h1>
         <p>精选高质量模板，激发灵感，助你高效创作。</p>
       </div>
@@ -571,7 +571,7 @@ function createCurationCard(t, index) {
       <span class="mw-curation-format">${typeLabel}</span>
       <h3>${escapeHtml(t.title)}</h3>
       <p>${escapeHtml(description)}</p>
-      <span class="mw-curation-author">by ${escapeHtml(t.uploader_name || 'JPage 创作者')}</span>
+      <span class="mw-curation-author">by ${escapeHtml(t.uploader_name || 'Magpie 创作者')}</span>
     </div>
   </article>`;
 }
@@ -654,13 +654,13 @@ async function showTemplateUseGuide({ shareKey, title }) {
             <div class="use-template-option">
               <div class="option-icon" aria-hidden="true">📥</div>
               <div class="option-title">方式一：下载源文件</div>
-              <div class="option-desc">适合大部分用户。下载后在本地用任意编辑器修改，再上传到即页即可预览分享。</div>
+              <div class="option-desc">适合大部分用户。下载后在本地用任意编辑器修改，再上传到纸鹊 Magpie即可预览分享。</div>
               ${downloadLink}
             </div>
             <div class="use-template-option">
               <div class="option-icon" aria-hidden="true">⌨️</div>
               <div class="option-title">方式二：CLI 命令行</div>
-              <div class="option-desc">已安装 jpage CLI 并配置 Token 的用户，复制后在终端执行。</div>
+              <div class="option-desc">已安装 magpie CLI 并配置 Token 的用户，复制后在终端执行。</div>
               <div class="use-template-field">
                 <div class="use-template-field-header">
                   <label>CLI 命令</label>
diff --git a/public/js/pages/preview.js b/public/js/pages/preview.js
index 25b2485..930f1b9 100644
--- a/public/js/pages/preview.js
+++ b/public/js/pages/preview.js
@@ -10,7 +10,7 @@ import { openShareSettings } from './share-settings.js';
 
 // ---------- Preview Header State ----------
 let previewAbortController = null;
-const PREVIEW_HEADER_COLLAPSED_KEY = 'jpage_preview_header_collapsed';
+const PREVIEW_HEADER_COLLAPSED_KEY = 'magpie_preview_header_collapsed';
 
 function syncPreviewHeaderState(layout, expandFloatingBtn, toggleHeaderBtn) {
   const collapsed = layout.classList.contains('preview-header-collapsed');
diff --git a/public/js/theme.js b/public/js/theme.js
index 8936867..063dc01 100644
--- a/public/js/theme.js
+++ b/public/js/theme.js
@@ -1,4 +1,4 @@
-const STORAGE_KEY = 'jpage-theme';
+const STORAGE_KEY = 'magpie-theme';
 
 function getSystemPreference() {
   return window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark';
diff --git a/public/legal.css b/public/legal.css
index 8abacd5..ad475a5 100644
--- a/public/legal.css
+++ b/public/legal.css
@@ -45,11 +45,17 @@ body {
   text-decoration: none;
 }
 
-.legal-brand img {
+.legal-brand .legal-mark {
   width: 38px;
   height: 38px;
 }
 
+.magpie-icon {
+  display: inline-block;
+  flex-shrink: 0;
+  background: url('/magpie-logo.png') 20% 50% / 210% auto no-repeat;
+}
+
 .legal-back {
   color: var(--muted);
   font-size: 13px;
diff --git a/public/logo-exploration/README.md b/public/logo-exploration/README.md
new file mode 100644
index 0000000..4801b50
--- /dev/null
+++ b/public/logo-exploration/README.md
@@ -0,0 +1,26 @@
+# 纸鹊 Logo · 三方向初稿
+
+预览：http://localhost:8858/logo-exploration/index.html
+
+用户要求使用 huashu-design 设计新 Logo，颜色风格与已确认首页一致。此目录独立存在，未替换 public/index.html、home-share、home-brainfish 或 home-concept 中的内容。
+
+## 交付
+- index.html：三版并排比较，点击「放入导航」切换顶部标志。
+- a.html：A 折页成帆，编辑式排版与纸页展开的构成。
+- b.html：B 页面之 P，沿用既有首页参考站的视觉语法，采用字母轮廓及帆的负空间。
+- c.html：C 一纸轻舟，借鉴减法与材料语义的思考方式，以纸舟呼应品牌名。
+- assets/a.png、b.png、c.png：生成式图形初稿；不是最终矢量资产，存在轻微生成纹理和色值误差。
+- previews/：真实 Chrome 浏览器截图，包括三版桌面、手机及比较页。
+- brand-spec.md、product-facts.md：品牌依据与设计边界。
+
+## 验证（2026-09-20）
+- 四个页面均在当前本地服务中打开，图片与字体加载可用。
+- 浏览器实看三份桌面稿、390px 手机布局；未发现横向溢出（document scrollWidth 不超过 innerWidth）。
+- 三份移动菜单都能展开，导航指向既有首页对应板块及登录入口。
+- 比较页 A/B/C 三种切换通过。最初内联脚本被站点 CSP 限制，已改为本站外部 preview.js，未修改安全策略。
+- 手机文字检查并将 B/C 中两处过小说明调整为 12px。
+- 最终比较页浏览器工具未返回错误日志。
+- 此任务仅增加独立设计预览；未运行后端回归测试，未改业务逻辑，未推送或发布。
+
+## 待选定后
+根据用户选择精修图形、制作正式 SVG、单色及反白版本和站点图标，再接入指定的新首页。当前未获得方向选择，不创建 direction-approved.md，不替换原有标志。
diff --git a/public/logo-exploration/a-notes.md b/public/logo-exploration/a-notes.md
new file mode 100644
index 0000000..536a7f2
--- /dev/null
+++ b/public/logo-exploration/a-notes.md
@@ -0,0 +1,11 @@
+# 方向 A · 折页成帆
+
+- 状态：候选视觉初稿，未替换首页。
+- 设计方法：共同输入见 brand-spec.md；秒数轮盘 52，兼容子集顺序为编辑式排版 / 几何构成 / 瑞士网格 / 人文衬线，52 % 4 + 1 = 1，采用编辑式排版。
+- 图形：深墨色纸页构成承载轮廓，青柠色折角展开成帆，避免普通双三角帆船。
+- 图形由 image_gen 生成，原始输出已原样复制为 assets/a.png；未通过 Python 或矢量代码重绘。
+- 原始文件：/Users/enderchen/.codex/generated_images/01a0bce3-80de-73f2-b03d-c5c7aac0b5b5/exec-8d63270c-8ffe-458b-8736-2338ac57accb.png
+- a.html：内联样式，本地 PNG，复用首页本地 Noto Serif SC / Noto Sans SC / Geist 字体。76 px 导航；桌面导航和移动 details 菜单均指向既有首页对应区域或 /#/login。
+- 展示：标志大样、中文英文组合、24 / 32 / 48 px 图片样本、原版配色。
+- 限制：此轮是生成式光栅方向稿，尚未做正式矢量化、精确色值归一、轮廓修整、商标检索；小尺寸显示为原始图片缩放。生成画面存在轻微纹理/色彩偏差，选定方向后需进一步清理。
+- 浏览器验证由主代理统一执行，当前不宣称浏览器验收通过。
diff --git a/public/logo-exploration/a.html b/public/logo-exploration/a.html
new file mode 100644
index 0000000..d96d4f8
--- /dev/null
+++ b/public/logo-exploration/a.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<!-- 方向 A：折页成帆。初稿待选，不替换首页；导航复用首页入口。52 % 4 + 1 = 1：编辑式排版。 -->
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="robots" content="noindex">
+<title>纸鹊 Magpie · A 折页成帆</title>
+<style>
+@font-face{font-family:Geist;src:url('../home-share/assets/fonts/geist.woff2') format('woff2');font-weight:100 900;font-display:swap}
+@font-face{font-family:'Noto Serif SC';src:url('../home-share/assets/fonts/noto-serif-sc-content.woff2') format('woff2');font-weight:200 900;font-display:swap}
+@font-face{font-family:'Noto Sans SC';src:url('../home-share/assets/fonts/noto-sans-sc-content.woff2') format('woff2');font-weight:100 900;font-display:swap}
+:root{--paper:oklch(99.8% .002 110);--ink:oklch(27% .009 115);--lime:oklch(84.9% .207 128.85);--rule:oklch(89% .012 115);--muted:oklch(48% .015 115);--display:'Noto Serif SC','Songti SC',serif;--body:Geist,'Noto Sans SC','PingFang SC',sans-serif}
+*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.7 var(--body)}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}img{display:block;max-width:100%;object-fit:contain}p,h1,h2,figure{margin:0}.shell{width:min(1280px,calc(100% - 96px));margin:auto}header{border-bottom:1px solid var(--rule);background:#fff}.navigation{height:76px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand .mark{width:42px;height:42px}.brand-cn{font:600 25px/1 var(--display);letter-spacing:-.06em}.brand-en{font:500 19px/1 Geist,sans-serif;margin-left:8px;letter-spacing:-.6px}.links{display:flex;gap:27px;margin-left:auto;font-size:14px}.actions{display:flex;align-items:center;gap:24px;font-size:14px}.upload{background:var(--lime);padding:10px 18px;border-radius:5px;white-space:nowrap}.mobile{display:none;margin-left:auto}.mobile summary{cursor:pointer;list-style:none;font-size:14px;padding:10px 0}.mobile summary::-webkit-details-marker{display:none}.mobile summary::after{content:'＋';margin-left:8px}.mobile[open] summary::after{content:'−'}.mobile-panel{position:absolute;top:76px;left:0;right:0;padding:20px 24px;background:white;border-bottom:1px solid var(--rule);z-index:10;display:grid;gap:8px;box-shadow:0 12px 18px #292b2508}.mobile-panel a{padding:10px 8px}.intro{padding:36px 0 0;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted);letter-spacing:.08em}.intro strong{font-weight:500;color:var(--ink)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:32px 0 54px;min-height:565px}.copy{align-self:center}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:500;margin-bottom:28px}.eyebrow::before{content:'';display:inline-block;width:28px;height:3px;background:var(--lime);vertical-align:middle;margin-right:12px}h1{font:500 clamp(42px,5vw,72px)/1.25 var(--display);letter-spacing:-.075em;text-wrap:balance}.description{margin-top:28px;font-size:16px;line-height:1.9;max-width:28em;color:var(--muted);text-wrap:pretty}.wordmark{display:flex;gap:18px;align-items:baseline;margin-top:44px}.wordmark .cn{font:600 44px/1.25 var(--display);letter-spacing:-.075em}.wordmark .en{font:500 39px/1.2 Geist,sans-serif;letter-spacing:-1.9px}.hero-art{display:flex;align-items:center;justify-content:center;background:#fff;aspect-ratio:1;max-width:540px;width:100%;justify-self:end}.hero-art img{width:100%;height:100%;mix-blend-mode:multiply}.caption-line{padding:22px 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);gap:48px}.caption-line p{font-size:14px;color:var(--muted)}.caption-line strong{font-weight:500;color:var(--ink);margin-right:24px}.samples{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:38px 0 44px}.sample-heading{font-size:12px;letter-spacing:.08em;color:var(--muted);margin-bottom:22px}.sizes{display:flex;gap:44px;align-items:flex-end}.size{display:flex;flex-direction:column;align-items:center;gap:14px}.size span{font-size:12px;color:var(--muted);white-space:nowrap}.size-icon{display:flex;align-items:center;height:52px}.size-icon img{max-width:none}.swatches{display:flex;gap:12px}.swatch{width:84px}.chip{height:36px;border:1px solid var(--rule);margin-bottom:10px}.swatch span{font:400 12px/1.2 Geist,sans-serif;color:var(--muted)}footer{border-top:1px solid var(--rule);padding:20px 0 30px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:20px}
+@media(min-width:1450px){.hero{min-height:600px}}@media(max-width:1100px){.shell{width:calc(100% - 48px)}.navigation{gap:22px}.links{gap:18px}.brand-en{font-size:17px}.actions{gap:16px}.hero{gap:24px}.wordmark .en{font-size:34px}.caption-line,.samples{gap:24px}}@media(max-width:900px){.links,.actions{display:none}.mobile{display:block}.hero{min-height:490px}h1{font-size:44px}.wordmark{gap:12px}.wordmark .cn{font-size:36px}.wordmark .en{font-size:29px}}@media(max-width:620px){.shell{width:calc(100% - 40px)}.intro{padding-top:24px;font-size:12px;letter-spacing:.02em;gap:16px}.hero{grid-template-columns:1fr;gap:24px;padding:40px 0 32px}.copy{order:0}h1{font-size:48px}.description{margin-top:22px;font-size:14px;max-width:27em}.eyebrow{margin-bottom:20px}.wordmark{margin-top:28px}.hero-art{max-width:390px;justify-self:center}.caption-line{grid-template-columns:1fr;gap:14px;padding-block:18px}.caption-line strong{display:inline-block;min-width:72px;margin-right:14px}.samples{grid-template-columns:1fr;gap:32px;padding-block:30px}.sizes{gap:44px}footer{font-size:12px;flex-direction:column;gap:4px}.brand-cn{font-size:24px}.brand-en{font-size:18px}.brand .mark{width:40px;height:40px}}
+</style></head>
+<body>
+<header><div class="navigation shell"><a class="brand" href="/home-share/index.html" aria-label="纸鹊 Magpie 首页"><img class="mark" src="assets/a.png" width="42" height="42" alt=""><span class="brand-cn">纸鹊<span class="brand-en">Magpie</span></span></a><nav class="links" aria-label="主导航"><a href="/home-share/index.html#how">如何使用</a><a href="/home-share/index.html#scenarios">应用场景</a><a href="/home-share/index.html#try">在线试用</a><a href="/home-share/index.html#ai">AI 接入</a></nav><div class="actions"><a href="/#/login">登录</a><a class="upload" href="/#/login">上传文件 ↗</a></div><details class="mobile"><summary>菜单</summary><nav class="mobile-panel" aria-label="移动导航"><a href="/home-share/index.html#how">如何使用</a><a href="/home-share/index.html#scenarios">应用场景</a><a href="/home-share/index.html#try">在线试用</a><a href="/home-share/index.html#ai">AI 接入</a><a href="/#/login">登录</a><a class="upload" href="/#/login">上传文件 ↗</a></nav></details></div></header>
+<main class="shell"><div class="intro"><strong>MAGPIE / BRAND EXPLORATION</strong><span>方向 A · 视觉初稿</span></div><section class="hero" aria-labelledby="title"><div class="copy"><p class="eyebrow">A — THE FOLDED PAGE</p><h1 id="title">折页成帆</h1><p class="description">一页内容，向外展开。<br>把纸页的折角化作帆，让「页」与「舟」<br>收在同一个轮廓里。</p><div class="wordmark" aria-label="纸鹊 Magpie"><span class="cn">纸鹊</span><span class="en">Magpie</span></div></div><figure class="hero-art"><img src="assets/a.png" width="1024" height="1024" alt="折页成帆标志：深墨纸页与青柠折角形成舒展的帆舟轮廓"></figure></section><section class="caption-line" aria-label="设计说明"><p><strong>图形语言</strong>纸页 · 折角 · 承载</p><p><strong>品牌气质</strong>清晰、轻盈，有向前的动势。</p></section><section class="samples" aria-label="小尺寸与配色"><div><h2 class="sample-heading">小尺寸识别 / ACTUAL SIZE</h2><div class="sizes"><div class="size"><div class="size-icon"><img src="assets/a.png" width="24" height="24" alt="24像素标志"></div><span>24 px</span></div><div class="size"><div class="size-icon"><img src="assets/a.png" width="32" height="32" alt="32像素标志"></div><span>32 px</span></div><div class="size"><div class="size-icon"><img src="assets/a.png" width="48" height="48" alt="48像素标志"></div><span>48 px</span></div></div></div><div><h2 class="sample-heading">沿用原版色彩 / COLOR PALETTE</h2><div class="swatches"><div class="swatch"><div class="chip" style="background:var(--ink)"></div><span>INK</span></div><div class="swatch"><div class="chip" style="background:var(--lime)"></div><span>LIME</span></div><div class="swatch"><div class="chip" style="background:#fff"></div><span>PAPER</span></div></div></div></section><footer><span>概念初稿 · 待选定后深化为正式矢量资产</span><span>纸鹊 Magpie</span></footer></main>
+</body></html>
diff --git a/public/logo-exploration/assets/a.png b/public/logo-exploration/assets/a.png
new file mode 100644
index 0000000..fb27044
Binary files /dev/null and b/public/logo-exploration/assets/a.png differ
diff --git a/public/logo-exploration/assets/b.png b/public/logo-exploration/assets/b.png
new file mode 100644
index 0000000..a857ef4
Binary files /dev/null and b/public/logo-exploration/assets/b.png differ
diff --git a/public/logo-exploration/assets/c.png b/public/logo-exploration/assets/c.png
new file mode 100644
index 0000000..668c4be
Binary files /dev/null and b/public/logo-exploration/assets/c.png differ
diff --git a/public/logo-exploration/b-notes.md b/public/logo-exploration/b-notes.md
new file mode 100644
index 0000000..70f1c67
--- /dev/null
+++ b/public/logo-exploration/b-notes.md
@@ -0,0 +1,12 @@
+# 方向 B：P 内的一页与一帆
+
+- 共同输入：已读取 brand-spec.md；未查看其他候选方向。
+- 设计意图：首先形成清晰粗壮的 P 轮廓，再通过碗部负空间识别页面与帆。墨色建立产品识别，青柠绿为单点强调。
+- 生成成功：内置 image_gen 工具产生 1254 × 1254 PNG，已原样复制到 assets/b.png；未通过 Python 或其他图像工具修改。
+- 原始生成文件：/Users/enderchen/.codex/generated_images/01a0bce3-c375-7be1-bc94-30ba02783427/exec-da8715ba-8496-426f-b69f-35560ad57872.png
+- 工具实际输出具有 alpha 通道，预览以本站纸白作为底色；部分墨色/青柠区域有轻微生成纹理，并非已经精修为纯平色的正式矢量资产。
+- b.html 为本地依赖独立预览：内联 CSS，使用 assets/b.png 和首页已有字体；桌面导航高 76px，窄屏使用 details 折叠菜单。
+- 导航目标保留 /home-share/index.html 的 how、scenarios、try、ai；登录和上传均指向 /#/login。
+- 小尺寸应用包含 24、32、48px。PNG 留白以 CSS 统一缩放，未编辑图像本身。
+- 目前为候选视觉初稿，未替换正式首页，也未完成商标检索。若选定需进一步处理纯平色、正式矢量、单色与小尺寸光学校正。
+- 浏览器 QA 由主代理统一执行；此子任务仅完成文件与资源存在性检查。
diff --git a/public/logo-exploration/b.html b/public/logo-exploration/b.html
new file mode 100644
index 0000000..3252a58
--- /dev/null
+++ b/public/logo-exploration/b.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
+<title>纸鹊 Magpie · 方向 B</title>
+<style>
+@font-face{font-family:'Noto Serif SC';src:url('../home-share/assets/fonts/noto-serif-sc-content.woff2') format('woff2');font-weight:200 900;font-display:swap}
+@font-face{font-family:'Noto Sans SC';src:url('../home-share/assets/fonts/noto-sans-sc-content.woff2') format('woff2');font-weight:100 900;font-display:swap}
+@font-face{font-family:Geist;src:url('../home-share/assets/fonts/geist.woff2') format('woff2');font-weight:100 900;font-display:swap}
+:root{--paper:oklch(99.8% .002 110);--ink:oklch(27% .009 115);--muted:oklch(48% .015 115);--lime:oklch(84.9% .207 128.85);--rule:oklch(89% .012 115);--wash:oklch(97.8% .027 117)}
+*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:400 14px/1.6 Geist,'Noto Sans SC',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:5px}a,summary{touch-action:manipulation}.shell{width:min(1200px,calc(100% - 64px));margin:auto}.header{border-bottom:1px solid var(--rule);position:relative;z-index:2}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.mark{display:inline-block;flex-shrink:0;position:relative;width:var(--size,32px);height:var(--size,32px);overflow:hidden}.mark img{position:absolute;width:139%;height:139%;max-width:none;left:-19.5%;top:-19.5%;object-fit:contain}.brand-copy{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.cn{font-family:'Noto Serif SC',serif;font-weight:600;letter-spacing:-.04em}.brand .cn{font-size:23px}.brand .en{font-size:17px;font-weight:550;letter-spacing:-.05em}.nav-links,.actions{display:flex;align-items:center;gap:26px}.nav-links a,.actions a{min-height:44px;display:flex;align-items:center;white-space:nowrap}.nav-links a:hover,.login:hover{text-decoration:underline;text-underline-offset:5px}.actions{gap:22px}.upload{border:1px solid var(--ink);background:var(--lime);border-radius:4px;padding:0 19px;box-shadow:2px 2px 0 var(--ink);font-weight:550}.mobile{display:none}.eyebrow{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:37px;color:var(--muted);font-size:12px;letter-spacing:.07em}.direction{display:flex;gap:12px;align-items:center}.letter{display:grid;place-items:center;width:28px;height:28px;background:var(--lime);color:var(--ink);font-size:14px;font-weight:600;border-radius:50%}.candidate{letter-spacing:0}.stage{display:flex;align-items:center;justify-content:center;min-height:450px;padding:48px 0 55px}.hero-lockup{display:flex;align-items:center;gap:32px}.hero-lockup .mark{--size:172px}.hero-copy .cn{display:block;font-size:83px;line-height:1.18;font-weight:550}.hero-copy .en{display:block;font-size:44px;line-height:1.25;font-weight:480;letter-spacing:-.06em;margin-top:3px}.caption{display:flex;justify-content:space-between;gap:32px;align-items:baseline;padding-bottom:27px;border-bottom:1px solid var(--rule)}h1{font-size:20px;font-family:'Noto Serif SC',serif;font-weight:550;margin:0}.caption p{font-size:14px;color:var(--muted);margin:0;max-width:520px}.scale-strip{display:grid;grid-template-columns:140px repeat(3,minmax(0,1fr));min-height:145px;align-items:center;border-bottom:1px solid var(--rule)}.scale-title{font-size:12px;color:var(--muted)}.sample{display:flex;align-items:center;justify-content:center;gap:20px;min-height:80px;border-left:1px solid var(--rule)}.sample-label{font-size:12px;color:var(--muted)}.sample-brand{display:flex;align-items:center;gap:8px}.sample-brand .cn{font-size:21px}.sample-brand .en{font-size:15px;letter-spacing:-.04em}.note{font-size:12px;color:var(--muted);padding:22px 0 28px;margin:0}
+@media(max-width:1050px){.nav-links{gap:18px}.nav{gap:18px}.brand-copy{display:block}.brand .en{display:block;font-size:12px;line-height:1}.brand .cn{font-size:20px;line-height:1.2}.actions{gap:15px}}
+@media(max-width:850px){.shell{width:calc(100% - 40px)}.nav-links,.actions{display:none}.brand-copy{display:flex}.brand .en{font-size:15px}.brand .cn{font-size:22px}.mobile{display:block}.mobile summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:64px;height:44px;border:1px solid var(--rule);border-radius:4px;font-size:14px}.mobile summary::-webkit-details-marker{display:none}.mobile[open] summary{background:var(--wash)}.mobile-menu{position:absolute;left:0;right:0;top:76px;display:grid;padding:10px 20px 20px;background:var(--paper);border-bottom:1px solid var(--rule)}.mobile-menu a{min-height:46px;display:flex;align-items:center;border-bottom:1px solid var(--rule)}.mobile-menu .upload{margin-top:12px;justify-content:center;border:1px solid var(--ink)}.stage{min-height:400px}.caption{align-items:flex-start;flex-direction:column;gap:10px}.scale-strip{grid-template-columns:1fr 1fr 1fr;padding:18px 0 24px;gap:14px}.scale-title{grid-column:1/-1}.sample{flex-direction:column;gap:12px;border:0}.sample-brand{gap:5px}.sample-brand .cn{font-size:17px}.sample-brand .en{display:none}}
+@media(max-width:520px){.shell{width:calc(100% - 32px)}.eyebrow{padding-top:26px;gap:8px}.candidate{font-size:12px}.direction{gap:8px;letter-spacing:0}.stage{min-height:370px;padding:44px 0}.hero-lockup{gap:18px}.hero-lockup .mark{--size:108px}.hero-copy .cn{font-size:56px}.hero-copy .en{font-size:30px}.caption p{font-size:14px;line-height:1.8}.sample{gap:13px;min-width:0}.sample-brand{flex-direction:column;gap:8px}.sample-brand .cn{font-size:16px}.note{line-height:1.8}}
+</style>
+</head>
+<body>
+<header class="header"><div class="shell nav">
+<a class="brand" href="/home-share/index.html" aria-label="纸鹊 Magpie 首页"><span class="mark"><img src="assets/b.png" alt="" width="1254" height="1254"></span><span class="brand-copy"><span class="cn">纸鹊</span><span class="en">Magpie</span></span></a>
+<nav class="nav-links" aria-label="主导航"><a href="/home-share/index.html#how">如何使用</a><a href="/home-share/index.html#scenarios">应用场景</a><a href="/home-share/index.html#try">在线试用</a><a href="/home-share/index.html#ai">AI 接入</a></nav>
+<div class="actions"><a class="login" href="/#/login">登录</a><a class="upload" href="/#/login">上传文件 <span aria-hidden="true">&nbsp;↗</span></a></div>
+<details class="mobile"><summary aria-label="展开导航菜单">菜单</summary><nav class="mobile-menu" aria-label="移动导航"><a href="/home-share/index.html#how">如何使用</a><a href="/home-share/index.html#scenarios">应用场景</a><a href="/home-share/index.html#try">在线试用</a><a href="/home-share/index.html#ai">AI 接入</a><a href="/#/login">登录</a><a class="upload" href="/#/login">上传文件 ↗</a></nav></details>
+</div></header>
+<main class="shell">
+<div class="eyebrow"><span class="direction"><span class="letter">B</span> LETTER / PAGE / SAIL</span><span class="candidate">品牌标志探索 · 初稿</span></div>
+<section class="stage" aria-label="方向 B 大型组合标志"><div class="hero-lockup"><span class="mark"><img src="assets/b.png" alt="P 字母中的白色页面与青柠帆" width="1254" height="1254"></span><div class="hero-copy"><span class="cn">纸鹊</span><span class="en">Magpie</span></div></div></section>
+<div class="caption"><h1>把一页，藏进一个 P。</h1><p>用清晰的字母轮廓建立识别；负空间里的页面与帆，让分享的含义留在细节中。</p></div>
+<section class="scale-strip" aria-label="小尺寸应用预览"><span class="scale-title">导航中的真实尺寸</span><div class="sample"><span class="sample-label">24 px</span><span class="sample-brand"><span class="mark" style="--size:24px"><img src="assets/b.png" alt="24像素标志"></span><span class="cn">纸鹊</span></span></div><div class="sample"><span class="sample-label">32 px</span><span class="sample-brand"><span class="mark" style="--size:32px"><img src="assets/b.png" alt="32像素标志"></span><span class="cn">纸鹊</span><span class="en">Magpie</span></span></div><div class="sample"><span class="sample-label">48 px</span><span class="sample-brand"><span class="mark" style="--size:48px"><img src="assets/b.png" alt="48像素标志"></span><span class="cn">纸鹊</span><span class="en">Magpie</span></span></div></section>
+<p class="note">候选方向 B · 图形为生成式视觉初稿。选定后再精修轮廓、比例与小尺寸表现。</p>
+</main>
+</body>
+</html>
diff --git a/public/logo-exploration/brand-spec.md b/public/logo-exploration/brand-spec.md
new file mode 100644
index 0000000..0ed6205
--- /dev/null
+++ b/public/logo-exploration/brand-spec.md
@@ -0,0 +1,21 @@
+# 纸鹊 Magpie · Logo 探索
+
+状态：三方向初稿，等待用户选择，未替换任何现有首页。
+
+## 已有品牌依据
+- 名称：纸鹊 Magpie；不重新命名，不增加新口号。
+- 当前基准：../home-share/index.html、tokens.css、styles.css；浏览器已核对真实首页。
+- 现有 Logo：../home-share/assets/mark.svg，仅作为历史参考，本次明确设计新标志。
+- 青柠绿：oklch(84.9% .207 128.85)，参考十六进制 #A3E635。
+- 墨色：oklch(27% .009 115)；纸白：oklch(99.8% .002 110)。预览直接复用首页变量。
+- 中文字体：Noto Serif SC 标题，Noto Sans SC 正文；英文 Geist。字体使用 ../home-share/assets/fonts 中已有资源。
+- 首页界面：白底、细线、少量青柠绿、清晰按钮；禁止引入霓虹、渐变、集团品牌、吉祥物或模板市场。
+
+## 共同设计输入
+纸鹊是一款把内容文件变成可访问网页、便于分享并可在登录后管理文件的产品。此次设计只解决顶部导航的品牌识别，不改变功能、注册登录流程、页面结构与已确认的首页内容。Logo 面向创作者、需要展示成果的普通用户及开发者，既应让初次访问者感到轻松易用，也要呈现可靠的产品工具感。核心隐喻来自产品名称本身：页是内容与网页，舟是承载与传递；不使用与内容发布无关的抽象科技符号。
+
+视觉必须与已确认的 Brainfish 参考首页保持同一体系：纸白为底，深墨色提供主要识别和文字对比，青柠绿作为点睛。中文名称保留清晰的衬线气质，英文 Magpie 使用首页的 Geist，建立中文文化意味与数字工具感的平衡。Logo 应在导航约三十二像素高度下仍能识别，不能依赖微小细线、复杂折痕或渐变才能成立。图形应有一个明确主体，最多辅以一处承载含义的负空间或折角。设计不以旧帆船图标加细节为目标，而是尝试更鲜明的符号轮廓。
+
+交付采用三份实际图形初稿及对应 HTML 导航预览，每份包含标志大样、中文英文组合、原有导航入口和小尺寸应用。比较页提供三个方向切换，另有三个独立页面便于回看。三版统一色彩与真实内容，差异来自图形结构和品牌组合，而不是仅改颜色。预览需适应桌面与手机；导航在窄屏可收起菜单，不能造成水平溢出。文字正文至少十四像素，说明不小于十二像素，正文保持足够对比。品牌图形的青柠色不承担正文信息。
+
+三版是候选，不作为已批准品牌资产。用户选定后才深化为正式矢量与单色、反白、站点图标等完整资产，并接入指定新首页。这一轮不推送、不发布、不覆盖既有原型。假设延续用户已经确认的原版配色方向及不使用集团品牌的选择。
diff --git a/public/logo-exploration/c-notes.md b/public/logo-exploration/c-notes.md
new file mode 100644
index 0000000..2b8733e
--- /dev/null
+++ b/public/logo-exploration/c-notes.md
@@ -0,0 +1,22 @@
+# 方向 C：纸页成舟
+
+状态：原创视觉初稿，待用户选择；未接入首页。
+
+## 方法与图形
+- 以原研哉相关设计思考中的减法、留白和材料语义为方法参考，不宣称本人参与或背书。
+- 一张纸的折叠对应“页”，敞开的纸舟对应承载和分享；青柠绿作为翻起的一角。
+- 已调用 image_gen 生成真实 PNG，并执行一轮减法调整，放大折页间的留白、压低中央折角。
+- 保存的 assets/c.png 为工具第二次生成的原文件，未经 Python 或其他图像工具重绘、编辑。
+
+## 页面
+- c.html 是独立页面，样式内嵌；依赖同目录 assets/c.png 及 ../home-share/assets/fonts 中已有本地字体。
+- 使用首页纸白、墨色、青柠绿变量值；中文标题 Noto Serif SC、正文 Noto Sans SC、英文 Geist。
+- 76px 顶部导航包含真实产品名称和所有指定链接，移动端使用 details 原生折叠菜单。
+- 左右不等宽分栏：左侧大图形，右侧品牌字样和短说明；底部列出 24/32/48px 图形容器高度样本。
+- CSS 仅通过 object-fit 展示原图，不改变图像文件。
+
+## 验证与限制
+- 已核对本地图片、字体路径和首页实际锚点：how / scenarios / try / ai。
+- 浏览器布局与交互验收由主代理统一执行。
+- PNG 属于生成式位图候选，非正式矢量资产；精确纯色、抗锯齿和细小纹理尚未按品牌母版标准完成规范化。
+- 图形偏横向，24px 小尺寸下折缝和舟形辨识需结合浏览器实际样本评审；正式落地前应在选定方向后深化简化与矢量化。
diff --git a/public/logo-exploration/c.html b/public/logo-exploration/c.html
new file mode 100644
index 0000000..8c9bcc3
--- /dev/null
+++ b/public/logo-exploration/c.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="robots" content="noindex">
+<title>纸鹊 Magpie · 方向 C 纸页成舟</title>
+<style>
+@font-face{font-family:Geist;src:url('../home-share/assets/fonts/geist.woff2') format('woff2');font-weight:100 900;font-display:swap}
+@font-face{font-family:'Noto Serif SC';src:url('../home-share/assets/fonts/noto-serif-sc-content.woff2') format('woff2');font-weight:100 900;font-display:swap}
+@font-face{font-family:'Noto Sans SC';src:url('../home-share/assets/fonts/noto-sans-sc-content.woff2') format('woff2');font-weight:100 900;font-display:swap}
+:root{--paper:oklch(99.8% .002 110);--ink:oklch(27% .009 115);--body:oklch(34% .01 115);--muted:oklch(48% .015 115);--accent:oklch(84.9% .207 128.85);--rule:oklch(89% .012 115);--wash:oklch(97.8% .027 117)}
+*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Geist,'Noto Sans SC',sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:2px solid #45782b;outline-offset:5px}img{display:block;max-width:100%}.shell{max-width:1240px;margin:auto;padding:0 40px}.site-header{border-bottom:1px solid var(--rule);background:var(--paper)}.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.mark{width:72px;height:32px;object-fit:cover;mix-blend-mode:multiply}.brand-name{font-family:'Noto Serif SC',serif;font-size:25px;font-weight:650;white-space:nowrap}.brand-en{font-family:Geist,sans-serif;font-size:17px;font-weight:500;margin-left:9px;letter-spacing:-.5px}.desktop-nav,.nav-actions{display:flex;align-items:center;gap:26px;white-space:nowrap;font-size:14px}.nav-actions{gap:20px}.button{padding:10px 18px;background:var(--accent);border:1px solid var(--ink);border-radius:4px;font-weight:550;display:inline-flex;gap:14px;align-items:center;justify-content:center}.button:hover{background:#b3ed59;text-decoration:none}.mobile-nav{display:none;position:relative}.mobile-nav summary{list-style:none;cursor:pointer;font-size:14px;border:1px solid var(--rule);border-radius:4px;padding:8px 12px}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav[open] nav{position:absolute;right:0;top:48px;width:220px;z-index:10;background:var(--paper);border:1px solid var(--rule);padding:14px;box-shadow:0 10px 28px #292c2610}.mobile-nav nav a{display:block;padding:10px 12px}.skip{position:absolute;top:-80px;left:20px;background:var(--ink);color:white;padding:10px;z-index:30}.skip:focus{top:10px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);margin:0}.intro{display:flex;align-items:center;justify-content:space-between;padding-top:42px;gap:20px}.status{font-size:12px;color:var(--muted);border:1px solid var(--rule);padding:5px 10px;border-radius:30px;white-space:nowrap}.hero{display:grid;grid-template-columns:1.32fr 1fr;min-height:510px;align-items:center;gap:66px;padding-block:36px 60px}.symbol-stage{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:390px}.hero-mark{width:100%;height:320px;object-fit:cover;mix-blend-mode:multiply}.symbol-stage figcaption{margin-top:20px;font-size:12px;color:var(--muted);letter-spacing:1px}.brand-lockup{margin:0 0 28px}.brand-lockup h1{font-family:'Noto Serif SC',serif;font-weight:500;font-size:clamp(64px,7.3vw,96px);line-height:1.2;letter-spacing:.1em;margin:0 0 10px}.wordmark{display:block;font-size:clamp(34px,3.7vw,50px);letter-spacing:-2px;line-height:1.15;font-weight:450}.concept-title{font-family:'Noto Serif SC',serif;font-size:24px;font-weight:550;line-height:1.5;margin:0 0 15px}.description{font-size:15px;color:var(--body);max-width:365px;margin:0;line-height:1.9}.detail{font-size:12px;color:var(--muted);max-width:365px;margin:20px 0 0;line-height:1.8}.application{border-top:1px solid var(--rule);padding:28px 0 36px;display:grid;grid-template-columns:200px 1fr;gap:38px}.application h2{font-size:14px;margin:0 0 6px;font-weight:500}.application p{font-size:12px;color:var(--muted);margin:0}.samples{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.sample{min-width:0}.sample-logo{height:62px;display:flex;align-items:center;gap:12px}.sample-logo img{object-fit:cover;mix-blend-mode:multiply;flex-shrink:0}.sample-logo span{font-family:'Noto Serif SC',serif;font-size:19px;font-weight:550}.size{font-size:12px;color:var(--muted);margin-top:8px}.footer{border-top:1px solid var(--rule);padding-block:22px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}
+@media(max-width:1050px){.shell{padding-inline:28px}.desktop-nav{gap:16px}.nav-inner{gap:18px}.brand-en{display:none}.hero{gap:34px}.application{grid-template-columns:170px 1fr}}
+@media(max-width:760px){.shell{padding-inline:22px}.desktop-nav,.nav-actions{display:none}.brand-en{display:inline}.mobile-nav{display:block}.nav-inner{height:76px;gap:12px}.brand-name{font-size:23px}.brand-en{font-size:15px}.mark{width:62px;height:29px}.intro{padding-top:28px;align-items:flex-start}.eyebrow{font-size:12px;letter-spacing:1px}.status{font-size:12px}.hero{grid-template-columns:1fr;gap:8px;padding-block:8px 40px}.symbol-stage{min-height:260px}.hero-mark{width:min(100%,460px);height:240px}.symbol-stage figcaption{margin-top:0}.hero-copy{padding-top:25px}.brand-lockup{display:flex;align-items:baseline;gap:22px;margin-bottom:24px;flex-wrap:wrap}.brand-lockup h1{font-size:62px;letter-spacing:.04em;margin:0}.wordmark{font-size:36px;letter-spacing:-1.5px}.concept-title{font-size:22px}.description,.detail{max-width:none}.application{grid-template-columns:1fr;gap:20px}.samples{gap:16px}.sample-logo{gap:5px;height:60px}.sample-logo span{display:none}.footer{flex-direction:column;gap:5px}}
+@media(prefers-reduced-motion:no-preference){a{transition:background-color .15s}}
+</style></head>
+<body><a class="skip" href="#main">跳到正文</a>
+<header class="site-header"><div class="shell nav-inner"><a class="brand" href="/home-share/index.html" aria-label="纸鹊 Magpie 首页"><img class="mark" src="assets/c.png" alt="" width="72" height="32"><span class="brand-name">纸鹊<span class="brand-en">Magpie</span></span></a><nav class="desktop-nav" aria-label="主导航"><a href="/home-share/index.html#how">如何使用</a><a href="/home-share/index.html#scenarios">应用场景</a><a href="/home-share/index.html#try">在线试用</a><a href="/home-share/index.html#ai">AI 接入</a></nav><div class="nav-actions"><a href="/#/login">登录</a><a class="button" href="/#/login">上传文件 <span aria-hidden="true">↗</span></a></div><details class="mobile-nav"><summary>菜单 <span aria-hidden="true">＋</span></summary><nav aria-label="移动导航"><a href="/home-share/index.html#how">如何使用</a><a href="/home-share/index.html#scenarios">应用场景</a><a href="/home-share/index.html#try">在线试用</a><a href="/home-share/index.html#ai">AI 接入</a><a href="/#/login">登录</a><a class="button" href="/#/login">上传文件 ↗</a></nav></details></div></header>
+<main id="main" class="shell"><div class="intro"><p class="eyebrow">C / PAPER INTO A BOAT</p><span class="status">标志探索 · 待选初稿</span></div><section class="hero" aria-labelledby="concept-title"><figure class="symbol-stage"><img class="hero-mark" src="assets/c.png" width="600" height="320" alt="深墨色纸页折成纸舟，一处青柠绿折角和清晰的白色折缝"><figcaption>一张纸的折叠，成为内容的载体。</figcaption></figure><div class="hero-copy"><div class="brand-lockup"><h1>纸鹊</h1><span class="wordmark" lang="en">Magpie</span></div><h2 id="concept-title" class="concept-title">纸页成舟</h2><p class="description">用纸张的折叠回应“页”，用敞开的舟形回应“舟”。留白勾勒折痕，青柠绿轻轻点出纸页翻起的一角。</p><p class="detail">探索重点：让承载与分享的含义，落在一个可以被记住的轮廓里。</p></div></section><section class="application" aria-labelledby="application-title"><div><h2 id="application-title">小尺寸应用</h2><p>导航中的实际图形高度参考</p></div><div class="samples"><div class="sample"><div class="sample-logo"><img src="assets/c.png" width="64" height="24" alt="24像素高标志"><span>纸鹊</span></div><div class="size">24 px · 紧凑入口</div></div><div class="sample"><div class="sample-logo"><img src="assets/c.png" width="84" height="32" alt="32像素高标志"><span>纸鹊</span></div><div class="size">32 px · 顶部导航</div></div><div class="sample"><div class="sample-logo"><img src="assets/c.png" width="126" height="48" alt="48像素高标志"></div><div class="size">48 px · 品牌组合</div></div></div></section></main><footer class="shell footer"><span>纸鹊 Magpie · 原创标志方向 C</span><span>候选视觉稿，尚未替换当前首页标志。</span></footer>
+</body></html>
diff --git a/public/logo-exploration/index.html b/public/logo-exploration/index.html
new file mode 100644
index 0000000..66287b3
--- /dev/null
+++ b/public/logo-exploration/index.html
@@ -0,0 +1,36 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
+<title>纸鹊 · Logo 三方向预览</title>
+<style>
+@import url('../home-share/tokens.css');
+@font-face{font-family:Geist;src:url('../home-share/assets/fonts/geist.woff2');font-weight:100 900;font-display:swap}
+@font-face{font-family:'Noto Serif SC';src:url('../home-share/assets/fonts/noto-serif-sc-content.woff2');font-weight:200 900;font-display:swap}
+@font-face{font-family:'Noto Sans SC';src:url('../home-share/assets/fonts/noto-sans-sc-content.woff2');font-weight:100 900;font-display:swap}
+*{box-sizing:border-box}body{margin:0;background:var(--color-paper);color:var(--color-ink);font:16px/1.6 Geist,'Noto Sans SC','PingFang SC',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.wrap{max-width:1280px;width:calc(100% - 96px);margin:auto}.top{border-bottom:1px solid var(--color-rule)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:20px;font-weight:600}.cn{font-family:'Noto Serif SC','Songti SC',serif}.brand img{width:44px;height:44px;object-fit:contain;mix-blend-mode:multiply}.links{display:flex;gap:28px;font-size:14px}.actions{display:flex;gap:24px;align-items:center;font-size:14px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:9px 18px;background:var(--color-accent);border:1px solid var(--color-ink);border-radius:4px;box-shadow:2px 2px 0 var(--color-ink)}.mobile{display:none}.intro{padding:48px 0 30px;display:flex;align-items:end;justify-content:space-between;gap:32px}.eyebrow{font-size:12px;letter-spacing:.14em;margin:0 0 8px;color:var(--color-muted)}h1{font-family:'Noto Serif SC','Songti SC',serif;font-size:42px;line-height:1.3;font-weight:500;margin:0;letter-spacing:-.04em}.intro>p{max-width:390px;margin:0;color:var(--color-muted);font-size:14px}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--color-rule)}article{min-width:0;padding:24px 28px 28px}article:first-child{padding-left:0}article:last-child{padding-right:0}article+article{border-left:1px solid var(--color-rule)}.label{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--color-muted)}.mark{height:245px;display:grid;place-items:center}.mark img{width:240px;height:240px;max-width:100%;object-fit:contain;mix-blend-mode:multiply}article:last-child .mark img{width:300px;height:180px;object-fit:cover}.brand img[data-wide=true]{width:64px;height:34px;object-fit:cover}.wordmark{display:flex;gap:14px;justify-content:center;align-items:baseline;font-size:27px;font-weight:600;letter-spacing:-.035em;margin-bottom:26px}.wordmark .cn{font-size:30px;letter-spacing:.02em}h2{font-size:18px;margin:0 0 7px;font-weight:500}article p{font-size:14px;line-height:1.7;min-height:48px;color:var(--color-muted);margin:0 0 20px}.choice-actions{display:flex;gap:18px;align-items:center;font-size:14px;flex-wrap:wrap}.select{background:transparent;border:1px solid var(--color-control);border-radius:4px;padding:9px 13px;font-size:14px}.select[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-ink)}.detail{text-decoration:underline;text-underline-offset:4px}.bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;color:var(--color-muted);font-size:12px}.swatches{display:flex;gap:14px;align-items:center}.swatches span{display:flex;gap:6px;align-items:center}.swatches i{width:12px;height:12px;border:1px solid var(--color-rule)}.status{font-size:12px;color:var(--color-muted);margin:12px 0 0;min-height:20px}.note{border-top:1px solid var(--color-rule);font-size:12px;color:var(--color-muted);padding:18px 0 32px;margin-top:10px}button:hover,a:hover{text-decoration:underline;text-underline-offset:4px}.cta:hover{background:var(--color-accent-hover)}
+@media(max-width:1050px){.links{gap:16px}.brand{font-size:18px}.wrap{width:calc(100% - 48px)}.actions{gap:14px}.mark{height:210px}.mark img{width:205px;height:205px}article{padding-inline:20px}.wordmark{font-size:23px}}
+@media(max-width:800px){.links,.actions{display:none}.mobile{display:block;position:relative}.mobile summary{padding:10px 16px;border:1px solid var(--color-rule);cursor:pointer;list-style:none}.mobile nav{position:absolute;right:0;top:52px;width:200px;padding:12px 20px;background:var(--color-paper);border:1px solid var(--color-rule);z-index:2;box-shadow:3px 3px 0 var(--color-ink);display:grid}.mobile nav a{padding:10px 0}.intro{align-items:start;flex-direction:column;gap:16px;padding-top:32px}h1{font-size:34px}.choices{grid-template-columns:1fr}article,article:first-child,article:last-child{padding:26px 0}article+article{border-left:0;border-top:1px solid var(--color-rule)}.mark{height:230px}.mark img{width:240px;height:240px}.wordmark{margin-bottom:22px}.bottom{align-items:start;flex-direction:column;gap:12px}.wrap{width:calc(100% - 40px)}.note{line-height:1.8}}
+</style>
+</head>
+<body>
+<!-- 候选展示：沿用首页品牌色和字体；不写入已生效首页，不代表用户已选定。 -->
+<header class="top"><div class="wrap nav">
+<a class="brand" href="/home-share/index.html" aria-label="纸鹊 Magpie 首页"><img id="nav-mark" src="assets/a.png" alt=""><span class="cn">纸鹊</span><span>Magpie</span></a>
+<nav class="links" aria-label="首页导航"><a href="/home-share/index.html#how">如何使用</a><a href="/home-share/index.html#scenarios">应用场景</a><a href="/home-share/index.html#try">在线试用</a><a href="/home-share/index.html#ai">AI 接入</a></nav>
+<div class="actions"><a href="/#/login">登录</a><a class="cta" href="/#/login">上传文件 <span aria-hidden="true">↗</span></a></div>
+<details class="mobile"><summary>菜单</summary><nav aria-label="移动导航"><a href="/home-share/index.html#how">如何使用</a><a href="/home-share/index.html#scenarios">应用场景</a><a href="/home-share/index.html#try">在线试用</a><a href="/home-share/index.html#ai">AI 接入</a><a href="/#/login">登录</a><a href="/#/login">上传文件 ↗</a></nav></details>
+</div></header>
+<main class="wrap">
+<div class="intro"><div><p class="eyebrow">MAGPIE / LOGO EXPLORATION</p><h1>页与舟，三种表达。</h1></div><p>保留首页的青柠绿与纸白。<br>点击「放入导航」，比较标志在真实尺寸下的效果。</p></div>
+<section class="choices" aria-label="三个 Logo 方向">
+<article><div class="label"><span>01 / 编辑式构成</span><span>折页成帆</span></div><div class="mark"><img src="assets/a.png" alt="方向 A：折页成帆图形"></div><div class="wordmark"><span class="cn">纸鹊</span><span>Magpie</span></div><h2>A · 折页成帆</h2><p>从纸页的折角出发，<br>让内容有出发的姿态。</p><div class="choice-actions"><button class="select" aria-pressed="true" data-mark="a">放入导航</button><a class="detail" href="a.html">查看完整方案 ↗</a></div></article>
+<article><div class="label"><span>02 / 产品符号</span><span>页面之 P</span></div><div class="mark"><img src="assets/b.png" alt="方向 B：P 与页面结合图形"></div><div class="wordmark"><span class="cn">纸鹊</span><span>Magpie</span></div><h2>B · 页面之 P</h2><p>把 Magpie 的首字母，<br>收进一个简洁的页面符号。</p><div class="choice-actions"><button class="select" aria-pressed="false" data-mark="b">放入导航</button><a class="detail" href="b.html">查看完整方案 ↗</a></div></article>
+<article><div class="label"><span>03 / 留白与纸感</span><span>一纸轻舟</span></div><div class="mark"><img src="assets/c.png" alt="方向 C：纸页折成轻舟图形"></div><div class="wordmark"><span class="cn">纸鹊</span><span>Magpie</span></div><h2>C · 一纸轻舟</h2><p>用纸舟的轮廓呼应名字，<br>保留一点中文的诗意。</p><div class="choice-actions"><button class="select" aria-pressed="false" data-mark="c">放入导航</button><a class="detail" href="c.html">查看完整方案 ↗</a></div></article>
+</section>
+<p class="status" role="status" id="status">当前导航预览：A · 折页成帆</p>
+<div class="bottom"><div class="swatches"><span><i style="background:var(--color-accent)"></i>青柠绿</span><span><i style="background:var(--color-ink)"></i>墨色</span><span><i style="background:var(--color-paper)"></i>纸白</span></div><span>三版初稿 · 尚未替换现有首页</span></div>
+<p class="note">本轮展示图形方向与导航适配。选定后再精修轮廓，制作正式矢量、单色与站点图标。</p>
+</main>
+<script src="preview.js" defer></script>
+</body></html>
diff --git a/public/logo-exploration/magpie-house-scene/ANIMATION-PREVIEW.md b/public/logo-exploration/magpie-house-scene/ANIMATION-PREVIEW.md
new file mode 100644
index 0000000..f75e45b
--- /dev/null
+++ b/public/logo-exploration/magpie-house-scene/ANIMATION-PREVIEW.md
@@ -0,0 +1,29 @@
+# 小楼网页动画 · 首段预览
+
+日期：2026-09-21。独立预览，原首页未改。
+
+地址：http://localhost:8858/logo-exploration/magpie-house-scene/animation.html?v=4
+
+## 实现
+
+原生 HTML/CSS、SVG 关节层、复用本地 GSAP；没有视频元素，没有视频导出依赖。背景净版由内置 imagegen 基于已确认场景 v2 去除纸鹊和纸张生成。喜鹊按确认造型手工重建 SVG，属于可动候选，非原插画像素级拆层。头、眼睛、尾羽、两翼、两脚和包独立控制。世界坐标脚步用于台阶，前景栏杆独立覆盖。
+
+17 秒范围：0–2.2 接件；2.2–4.6 HTML 变网页及链接；4.6–7.5 走向楼梯；7.5–12.6 上楼；12.6–14 走向首间房；14–17 链接送达。支持暂停、播放、重播、手动进度与可选重复预览。页面隐藏和场景离开可视区暂停；减少动态效果偏好默认不自动播放。
+
+## 验证
+
+- Node 语法检查通过；项目 ESLint 对新增动作脚本检查通过。
+- 现有 8858 服务返回独立预览 HTTP 200。
+- 真实 IAB 浏览器检查 0、3.3、9.3、15.8 秒，修复图层 opacity 被样式覆盖、台阶线路和栏杆白块遮挡。
+- 暂停和进度拖动有效；末尾 16.8 秒开启播放及循环后，观察到时间重新进入 9.6 秒，循环可用。
+- 320/375/414/768 宽度无横向溢出，按钮高度 42px；1280 宽度也无溢出。手机完整场景细节仍偏小，正式首页需另做简化构图。
+- 浏览器采集无 error 日志。
+- 减少动态效果与离屏暂停已实现，未模拟系统偏好变化，未声称完成该项行为验收。
+
+## 当前边界
+
+客户与三位住户目前仍为背景中的静态人物；链接通过移动卡片及送达提示表达，住户伸手、打开网页的角色动作尚未完成。三房间完整派送与下楼回程尚未实现；“循环预览”只是首段从头重播，不是完整无缝故事循环。尚待用户审阅可动喜鹊造型与动作节奏。
+
+## 背景净版提示词
+
+Precise production background clean-plate edit of this approved illustration for web animation. Preserve exact 1536x1024 composition, all architecture staircase balcony floor sparse railings, 3 upstairs people devices and furniture, downstairs male customer glasses hair clothes pose and extended empty right hand. Remove ONLY the green magpie courier completely including cap wings feet tail blue bag and its cast shadow, and remove the HTML paper from customer's extended hand. Reconstruct the unobstructed pale pavement and counter behind removed bird seamlessly. Customer right hand remains extended naturally EMPTY, with existing fingers intact. Do not move or rescale anything. No new elements no text no bird no floating paper no arrows. Preserve same illustration style colors crisp outlines. Full landscape image matching reference geometry.
diff --git a/public/logo-exploration/magpie-house-scene/CUSTOMER-WAITING.md b/public/logo-exploration/magpie-house-scene/CUSTOMER-WAITING.md
new file mode 100644
index 0000000..daa9d84
--- /dev/null
+++ b/public/logo-exploration/magpie-house-scene/CUSTOMER-WAITING.md
@@ -0,0 +1,11 @@
+# 送件人等待姿势
+
+2026-09-22，使用内置 image_gen 生成，尚未替换网页动画。
+
+输出：customer-waiting-v1.png
+
+参考：customer-character-v1.png。保持已确认角色身份、衣着和插画风格，改为单人全身自然站立等待。
+
+## 生成提示词
+
+Use case: identity-preserve. Create ONE full-body cartoon character sprite of the SAME male customer from the attached approved character sheet, now standing calmly WAITING after giving away his HTML file. Reference image role: identity, exact clothing, face, hairstyle, glasses, adult body proportions and cartoon line/shading style. Single person ONLY, not a character sheet. Keep swept short black hair, black round glasses, warm friendly face, navy short-sleeve crewneck T-shirt, charcoal trousers, white sneakers with small lime heel accents. Standing naturally with both feet fully grounded shoulder width apart, knees relaxed, body in slight three-quarter view toward screen RIGHT, head gently looking to the right where courier will return. Both arms relaxed down beside the body, elbows only slightly bent, empty hands naturally relaxed with anatomically plausible fingers; no extended arm, no offering gesture, no crossed arms, no objects, no paper, no bird. Calm patient slight smile. Preserve recognizable face and adult proportions of reference, crisp bold near-black outlines, clean flat cartoon cel shading. Whole head and both shoes entirely in frame with generous padding. Isolated on genuine transparent background, no background scene, no glow, no lettering, no watermark. This is a polished standalone waiting-pose asset for an existing website cartoon animation.
diff --git a/public/logo-exploration/magpie-house-scene/KEY-POSES.md b/public/logo-exploration/magpie-house-scene/KEY-POSES.md
new file mode 100644
index 0000000..16a76e8
--- /dev/null
+++ b/public/logo-exploration/magpie-house-scene/KEY-POSES.md
@@ -0,0 +1,18 @@
+# 四个关键动作候选
+
+2026-09-21，基于已确认 house-scene-v2.png，使用内置 imagegen 生成 key-poses-v1.png。未修改首页。
+
+- 接件：客户持纸上缘，喜鹊伸翼接纸下缘，另一翼收在身侧。
+- 上楼：朝右上方行进，两脚分别落在不同台阶，尾羽朝后，背包贴身。
+- 递链接：一翼递出链接卡片，另一翼收拢；住户走至门口接件。
+- 返回：面朝左下方，两脚交替下楼，空翼返回。
+
+图像检查：四格均能辨认两翼两脚，方向符合楼梯坡向，第三格已使用链接符号而非 HTML。当前是姿态候选，并非拆层动画素材；连续步态、远侧翼的遮挡、背包固定肩侧仍需在动画 rig 中统一，不能直接镜像替代转身。栏杆最终需独立前景层。HTML 变网页的过渡需另外编排，不能从四格中省略该产品环节。
+
+## 制作顺序
+
+姿势确认后：制作背景净版、前景栏杆、客户与住户、喜鹊关节图层；先完成交件到上楼至首间房的小段网页动画，再扩展三个房间与回程循环。全部在独立预览实现，保留原首页。
+
+## 生成提示词
+
+Create an animation key-pose approval board, 2x2 panels, landscape high resolution, clean white gutters. Use attached approved house scene as strict CHARACTER AND ENVIRONMENT reference: same round lime-green magpie white belly and wing patches black outlines green courier cap long tail light blue crossbody bag with chain symbol, same bespectacled navy-shirt male customer, same cream/light blue house and sparse black railing. Four coherent CLOSE-UP story moments, no tiny whole houses. Exactly ONE magpie per panel, EXACTLY TWO WINGS and TWO bird feet with clear shoulder attachment, wings are feathered never human hands, bag strap not limb, long tail originates rump. Maintain identical proportions and cap/bag details throughout. Panel upper left labeled '01 接件': customer facing right hands white HTML paper to magpie facing left at ground floor; one wing reaches paper lower edge, other folds by torso, both feet planted. Panel upper right labeled '02 上楼': magpie clearly side profile facing RIGHT ascending staircase that rises from LOWER LEFT to UPPER RIGHT, one foot on upper tread, other foot on lower tread, body leans forward slightly, near wing holds bag stable and far wing slightly back for balance, tail trailing LEFT above steps, no floating feet, no third wing. Stairs and sparse railing are physical same as reference. Panel lower left labeled '03 递链接': magpie stands on upstairs walkway facing RIGHT, gives a small WHITE card with black CHAIN LINK symbol to a standing room resident on right wearing coral shirt, hand meets wingtip at card, bird other wing folded clearly visible, feet grounded, tail left; doorway behind resident, foreground railing at bottom below the handoff so nothing obscures paper. This is digital-link metaphor, not HTML file at this stage. Panel lower right labeled '04 返回': magpie side profile facing LEFT DESCENDING SAME staircase sloping lower-left to upper-right, one foot reaches a lower tread to LEFT, other remains upper tread to RIGHT, tail trailing RIGHT, wings relaxed one balancing, bag same side of body as anatomical reference, NO paper in wing, satisfied gentle expression; no human in this panel. Essential directional logic: upper-right ascending right/up, lower-right descending left/down. Keep all feet contacting appropriate treads. No extra props no bonus panels no explanatory paragraphs. Cheerful restrained flat cartoon near-black thick lines white background light blue environment lime main character, not 3D not painterly. Labels only the four Chinese labels above plus HTML and chain icon. Do not mirror text.
diff --git a/public/logo-exploration/magpie-house-scene/LOOP-REVISION-v2.md b/public/logo-exploration/magpie-house-scene/LOOP-REVISION-v2.md
new file mode 100644
index 0000000..7af2c9b
--- /dev/null
+++ b/public/logo-exploration/magpie-house-scene/LOOP-REVISION-v2.md
@@ -0,0 +1,29 @@
+# 完整循环修订 02
+
+日期：2026-09-22。独立预览，未替换首页、未推送。
+
+入口：`animation-v2.html`（本地 http://localhost:8858/logo-exploration/magpie-house-scene/animation-v2.html?v=2）。旧 animation.html 和 handoff.html 保留。
+
+## 本轮变更
+
+- 使用已确认 customer-waiting-v1.png 作为完整等待人物，取消代码绘制的人物与拼接手臂。
+- 补充 customer-offering-v1.png，保持同样面孔、衣服、脚的位置，通过 0.2 秒姿势淡化衔接交件/等待。
+- 46 秒循环：交件 → 生成网页 → 上楼 → 三房间分别送达 → 原路下楼 → 回到客户前 → 下一份文件。
+- 从收件后至喜鹊回到楼下，客户始终保持等待，不再提前伸手。
+- 喜鹊比例固定；楼梯采用逐级短跳，尾巴抬起避免出框，取消原先身体缩放和过长腿部补偿。
+- 暂停、拖动、重播、关闭循环，系统减少动态效果、后台和不可见时暂停。
+
+## 已执行验证
+
+- Node 语法检查、限定文件 ESLint、git diff --check 通过。
+- 真实浏览器检查 1.3 秒交件、10 秒楼梯、14.5 秒楼梯顶端、28.7 秒三房间送达。
+- 从 43.8 秒播放，确认越过结尾后进入下一轮，未出现页面运行错误。
+- 320px 视口文档宽度 320px，无横向溢出；恢复默认视口。
+
+## 表现边界
+
+这是网页插画动画修订稿，不是逐帧角色表演。送件人用两张完整素材短暂淡化切换，尚无连续收臂帧；楼上居民仍是背景插画，收到链接以状态气泡表示。完整循环已连接，视觉效果待用户审阅。
+
+## 新增递件素材
+
+由内置 image_gen 使用 customer-waiting-v1.png 进行姿势编辑生成。提示词要求：保持同一画布、透明背景、脸型、发型、眼镜、躯干、衣服、双腿与脚位置，仅调整画面右侧手臂为自然伸出、手指握住 HTML 纸张；另一只手垂放，单人完整全身，无额外背景。实际输出保留为 customer-offering-v1.png。
diff --git a/public/logo-exploration/magpie-house-scene/LOOP-REVISION-v3.md b/public/logo-exploration/magpie-house-scene/LOOP-REVISION-v3.md
new file mode 100644
index 0000000..1303eb3
--- /dev/null
+++ b/public/logo-exploration/magpie-house-scene/LOOP-REVISION-v3.md
@@ -0,0 +1,20 @@
+# 小楼动画修订 03
+
+2026-09-22；独立入口 animation-v3.html?v=4，原首页和 v2 均保留。
+
+## 调整
+
+- house-clean-v3.png 删除楼梯斜栏杆和立柱，保留二楼水平栏杆；同时移除原 SVG 重叠楼梯栏杆。
+- residents-work-v1.png 是三位住户的第二工作姿势，只在人物区域显示，按不同周期切换打字、平板和手机动作。为两帧插画循环，不是完整骨骼动画；暂停和拖动与主时间线同步。
+- 楼梯脚步：一脚支撑，另一脚抬起落到下一台阶，再交换支撑；上下楼共用落脚逻辑。
+- 网页生成气泡锚定喜鹊上方，不再固定在远处墙面。
+- customer-cartoon-poses-v1.png 重新绘制卡通寄件人递件/等待姿势，保留眼镜、黑发、蓝衣；按二楼人物头部和肩宽重新校准，人物显示高度为 348 场景单位（266 版本已按用户反馈调整）。纸张接触位置随之调整。
+- 喜鹊帽子改为浅蓝色；远侧翅膀改为肩部下方自然贴身轮廓。
+
+## 验证
+
+Node 语法与限定文件 ESLint 通过。浏览器检查 3.1 秒弹窗、10.1 秒上楼落脚、37.2 秒下楼与人物比例，未记录页面运行错误。检查主时间线中的两脚变换不同，三位住户采用独立动作节奏。
+
+## 图片生成记录
+
+使用内置 image_gen。house-clean-v3：仅移除左侧楼梯栏杆，其余场景不变。residents-work-v1：保持建筑家具不动，仅改变三位住户手部操作与轻微低头姿势。customer-cartoon-poses-v1：以上层住户为风格参考、原寄件人为身份参考，简化卡通描边和阴影，输出同尺寸递件与等待双姿势透明素材。
diff --git a/public/logo-exploration/magpie-house-scene/LOOP-REVISION-v4.md b/public/logo-exploration/magpie-house-scene/LOOP-REVISION-v4.md
new file mode 100644
index 0000000..16209dc
--- /dev/null
+++ b/public/logo-exploration/magpie-house-scene/LOOP-REVISION-v4.md
@@ -0,0 +1,14 @@
+# 小楼动画修订 04
+
+2026-09-22。入口 animation-v4.html?v=2，独立预览，旧版和首页未替换。
+
+- 将寄件人绘制层放到喜鹊之上，去楼梯和回程经过寄件人时从身后通过。
+- 保留完整下楼后步行回程，44 秒回到开场位置；增加转身、停稳，48 秒寄件人拿出下一封，50 秒衔接开场。循环仍默认开启。
+- 尾巴以根部为锚缩短 40%，同样应用于站立、平地行走和上下楼。
+- Node 语法、限定 ESLint 通过。浏览器检查 5 秒人物遮挡、46 秒归位等待、49.8 秒下一封、12.2 秒短尾上楼姿势。
+
+## 首页接入
+
+已接入 public/home-share/index.html 主视觉右侧，直接使用 SVG 场景及原动画脚本；使用局部 hero-animation.css 避免影响首页其余样式。播放状态控件隐藏，无可见按钮、进度条或演示说明。循环默认开启，保留减少动态效果、页面后台及离开视口时暂停。
+
+验证：1440px 桌面右侧展示、390px 手机文案下方展示，两种宽度均无横向溢出；播放时间持续推进、循环为开启、可见动画控制元素数量为 0，页面未记录运行错误。未修改根目录原版首页或发布到远程。
diff --git a/public/logo-exploration/magpie-house-scene/PROMPTS.md b/public/logo-exploration/magpie-house-scene/PROMPTS.md
new file mode 100644
index 0000000..0710811
--- /dev/null
+++ b/public/logo-exploration/magpie-house-scene/PROMPTS.md
@@ -0,0 +1,15 @@
+# 小楼派送场景候选 v1
+
+使用内置 imagegen 生成，2026-09-21。客户人物与场景均为审阅稿，不替换首页，不是可运行动画。
+
+## 客户角色生成提示词
+
+Use case: illustration-story. Create a polished cartoon CHARACTER MODEL SHEET for a friendly adult male customer for the Magpie HTML-sharing website. Reference image 1 is identity reference: preserve distinctive swept side-part black hair, rounded black framed glasses, gentle smile, face proportions, dark navy short sleeve T shirt. Simplify into bold confident near-black outlines, flat color fills, restrained one-step shadows, rounded friendly Neo-Brutalist mascot illustration, white background. Adult cartoon about 4 heads tall, not baby chibi. Full body with simple charcoal trousers and white sneakers. Three spacious separate views of the SAME consistent man: front relaxed standing, three-quarter facing right extending a single white paper labeled HTML in his right hand, side walking right. Exactly two arms two legs, anatomically coherent hands, no duplicated limbs; clearly separate silhouettes suitable for future rigging. Navy and warm natural skin anchor with tiny lime green details, no gradients, no realistic painterly rendering. No other people, no bird, no scene, no labels or captions except HTML on the paper. Landscape sheet.
+
+## 场景生成提示词
+
+Use case: illustration-story. Create ONE polished wide master scene concept for a future 2D browser animation, not a video, no storyboard panels. Input1 cartoon man character reference, preserve his glasses swept black hair navy short sleeve shirt charcoal trousers white sneakers but simplify to rounder flat cartoon. Input2 green magpie reference, preserve round head large expressive eye white belly and white wing patch long green tail black outlines, NOT the computer or desk. White/offwhite background, flat lime green + black bold outline Neo-Brutalist playful cartoon, pale sky blue room walls and subtle peach accents, very restrained cel shading, NO dark background, NO glows. A charming TWO-STOREY cutaway house seen straight-on with slight depth. Upper floor: EXACTLY three adjacent open-front rooms, each with ONE different adult resident, respectively at laptop, holding tablet, holding phone, showing same tiny green webpage composition. A clear continuous balcony corridor IN FRONT of all three rooms, each room opens directly onto corridor through an unblocked doorway. A SINGLE simple straight external staircase on LEFT connects ground pavement to left end of that corridor, correct landing, no floating steps or blocked paths. Building centered, whole roof and staircase visible. Ground level FOREGROUND RIGHT of staircase: the reference male customer faces RIGHT and offers a white sheet marked HTML to ONE magpie courier facing LEFT. Bird height about 60% of man, exactly two anatomically connected feathered wings and two feet, no human hands, one wing receives lower corner of paper while customer holds upper corner, other wing rests naturally by body. Magpie wears small green courier cap and a small pale-blue crossbody postal bag with link-chain icon; bag strap does not replace a wing. Both feet on same pavement. Single bird only, not repeated on stairs. Ground floor sparse mail counter behind them with tiny symbolic paper -> webpage -> chain graphic, no extra person. Frame left staircase, top rooms, bottom customer and courier clearly, readable at homepage hero size. Residents mildly expressive, not busy. No arrows painted over routes, no numbered labels, no marketing headings, no text except HTML on paper. This is a spatial scene design for reviewing character scale and coherent walking route. White negative space around building, consistent black outline weight, clean and engaging.
+
+## 审阅记录
+
+已检查生成图：场景中一个客户、一只喜鹊、三个住户，楼梯连接二层，纸张标记 HTML，喜鹊具有两翼两脚。人物稿背景未遵从纯白要求，呈暗色背景；场景稿已采用白底。当前上层走廊深度及住户家具边界需要在动画分层时明确；静态概念图不证明运动路线可直接使用。网页动画制作前还需角色与背景拆层、路径及遮挡检查。
diff --git a/public/logo-exploration/magpie-house-scene/REVISION-v2.md b/public/logo-exploration/magpie-house-scene/REVISION-v2.md
new file mode 100644
index 0000000..d05cf27
--- /dev/null
+++ b/public/logo-exploration/magpie-house-scene/REVISION-v2.md
@@ -0,0 +1,11 @@
+# 场景稿 v2
+
+内置 imagegen 编辑，保留 v1。修正三个设备朝向，各屏幕朝使用者，观众主要看到设备背面；中间平板放大并横持，区别右侧手机。家具后移、连续前廊扩宽、栏杆稀疏、屋顶与柜台减淡、减少装饰。初始状态不展示三个已送达网页。图像检查通过上述视觉项目；角色路径、遮挡及小屏可读性尚待实际网页动画验证。未改首页。
+
+## 首轮编辑提示词
+
+Edit this supplied Magpie house scene into version 2. Preserve overall two-storey cutaway house, single staircase on left, EXACTLY three upstairs residents in three rooms, same downstairs bespectacled navy-shirt customer giving HTML paper to same green white-bellied magpie courier with cap and light-blue link-symbol bag. Preserve lower character likeness anatomy pose and cartoon black-outline style. CRITICAL FIX: physically correct orientation of ALL THREE devices relative to user. Redraw upstairs users in clear SIDE PROFILE facing RIGHT, devices to their RIGHT, each gaze goes toward the display in front of them. Laptop left room: woman seated at desk, laptop keyboard between her and hinged display, display front faces LEFT toward her eyes, plain unbranded back faces right; screen visible only obliquely if physically possible. Middle man holding tablet in front to right, screen faces LEFT toward him; we may see plain light grey tablet back or thin edge, NEVER screen drawn on its back. Right woman similarly holds phone to her right facing her eyes LEFT, visible back has small camera and NO webpage. Do not orient any screen toward camera at expense of its user. Small neutral unreadable screens are fine, this is INITIAL story state before delivery, NOT all three displaying green webpage already. Add a clearly EMPTY continuous balcony walkway IN FRONT of three room entrances, visibly deep enough for courier, move all furniture and residents BACK behind thresholds. Stair top landing directly connects this walkway; no walls, plants or furniture obstructing path. Sparse foreground balustrade with fewer vertical bars, rail lower so future courier face wings and bag will stay visible; structurally plausible landing. Simplify background: pale desaturated sky-blue roof and counter, cream walls, reduce plants to 2 or 3 total, remove excessive room wall art and roof seam details. Brightest lime green concentrated on courier and paper folded corner, greenery muted. Downstairs wall diagram small subdued paper -> plain content card -> link icon, no browser traffic-light chrome. Clear white outside background. This should be coherent polished flat cartoon scene for animation blocking, not a schematic. No extra bird or people, no extra limbs, no new labels. All three devices must be logically facing their owners even when this means the viewer cannot read them.
+
+## 二次定向修正
+
+将中间设备改为横向大平板、双手握持，屏幕朝使用者而非观众；家具和住户后移，明确房门阈值与前景栏杆之间的连续空走廊，楼梯接入此通道；减淡屋顶和柜台。保留楼下人物交接、喜鹊身份与两翼两脚、HTML 纸张及包上链接标记。
diff --git a/public/logo-exploration/magpie-house-scene/animation-v2.html b/public/logo-exploration/magpie-house-scene/animation-v2.html
new file mode 100644
index 0000000..c3b237d
--- /dev/null
+++ b/public/logo-exploration/magpie-house-scene/animation-v2.html
@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="zh-CN">
+<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>纸鹊 · 小楼派送动作预览</title><link rel="stylesheet" href="animation.css?v=4"><script defer src="../magpie-upload-motion/gsap.min.js"></script><script defer src="animation-v2.js?v=2"></script></head>
+<body><main>
+<header><a class="brand" href="../../home-share/index.html">纸鹊 <span>Magpie</span></a><span class="draft">小楼派送 · 完整循环 · 修订 02</span></header>
+<div class="intro"><h1>一纸，寄万千。</h1><p>从一份 HTML，到别人眼前的网页。</p></div>
+<section class="theatre" aria-label="纸鹊接件、生成网页、上楼派送的动画">
+<svg id="scene" viewBox="0 0 1536 1024" role="img" aria-labelledby="scene-title scene-desc">
+<title id="scene-title">纸鹊的小楼派送</title><desc id="scene-desc">客户递交 HTML 文件。喜鹊把它变成网页和链接，走上左侧楼梯，将链接送至三个房间。客户收手等待。喜鹊依次派送三个房间，沿原路返回，再接下一份文件。</desc>
+<defs>
+<clipPath id="rail-mask"><path d="M266 370H1421V388H266ZM390 382H404V451H390ZM557 382H572V451H557ZM749 382H764V451H749ZM902 382H916V451H902ZM1060 382H1074V451H1060ZM1221 382H1235V451H1221ZM1401 382H1417V451H1401ZM266 447H1424V488H266Z"/></clipPath>
+<g id="chain" fill="none" stroke="currentColor" stroke-width="7" stroke-linecap="round"><path d="M-8 8L8-8M-4-14L3-21C20-37 39-17 23-1L16 6M4 14L-3 21C-20 37-39 17-23 1L-16-6"/></g>
+</defs>
+<image href="house-clean-v2.png" width="1536" height="1024"/>
+<g id="customer"><image id="customer-waiting" href="customer-waiting-v1.png" x="430" y="540" width="250" height="375"/><image id="customer-offering" href="customer-offering-v1.png" x="430" y="540" width="250" height="375"/></g>
+<g id="wall-story" opacity=".68" transform="translate(920 610)" class="line"><path d="M-23-33H12L29-16V34H-23Z" fill="var(--paper)"/><path d="M12-33V-16H29M-11 0H15M-11 13H15" fill="none"/><path d="M52 0H84M73-10L84 0 73 10" fill="none"/><rect x="115" y="-30" width="62" height="60" rx="6" fill="var(--paper)"/><path d="M125-13H164M125 1H159M125 15H149M200 0H232M221-10L232 0 221 10" fill="none"/><use href="#chain" x="274"/></g>
+<ellipse id="bird-shadow" cx="0" cy="0" rx="77" ry="10" fill="var(--shadow)"/>
+<g id="bird-position"><g id="bird-scale"><g id="bird-facing"><g id="bird-body" class="bird-line">
+<g id="tail"><path d="M109-111Q46-86-84-74Q-111-70-90-52Q-61-37 123-66Z" fill="var(--green)"/><path d="M-74-62Q25-63 106-92" fill="none" stroke="var(--green-dark)" stroke-width="9"/></g>
+<g id="far-wing"><path d="M120-157Q83-155 60-179Q55-187 66-186L83-183Q62-202 77-200L110-186Q112-171 131-171Z" fill="var(--green)"/><path d="M78-182L103-172" fill="none" stroke="var(--paper)" stroke-width="9"/></g>
+<path id="leg-far" d="M158-37V-8" fill="none" stroke="var(--green-dark)" stroke-width="9"/><path id="leg-near" d="M117-37V-8" fill="none" stroke="var(--green-dark)" stroke-width="9"/><g id="foot-far"><path d="M157-29L158-8Q177-15 182-6Q184 1 170 2H148Q136 4 137-2L143-27" fill="var(--green)"/></g>
+<g id="foot-near"><path d="M121-31L119-10Q145-17 150-6Q151 1 131 1H108Q96 6 97-2L106-32" fill="var(--green)"/></g>
+<path d="M110-171Q84-119 91-75Q94-28 143-26Q185-27 201-71Q219-110 194-159Z" fill="var(--green)"/>
+<path d="M135-156Q125-126 111-104Q99-67 121-47Q149-24 177-56Q199-83 180-137Z" fill="var(--paper)" stroke="none"/>
+<g id="head"><path d="M116-156Q97-186 110-217Q126-245 158-243Q195-243 208-213Q218-185 200-168Q183-153 163-154" fill="var(--green)"/>
+<path d="M181-181Q199-182 204-195Q208-174 193-162Q176-151 161-160" fill="var(--paper)" stroke="none"/>
+<g id="eye"><ellipse cx="177" cy="-207" rx="19" ry="23" fill="var(--paper)" stroke="none"/><ellipse cx="183" cy="-207" rx="11" ry="16" fill="var(--ink)" stroke="none"/><circle cx="187" cy="-214" r="4" fill="var(--paper)" stroke="none"/></g>
+<path d="M207-202L230-193L209-185Z" fill="var(--green-dark)"/>
+<g id="cap"><path d="M104-239Q105-264 137-268Q166-270 180-244L174-234Z" fill="var(--green)"/><path d="M103-242Q146-235 180-248Q205-255 209-248Q200-232 167-228L111-231Z" fill="var(--green)"/><path d="M112-239Q141-232 168-237" fill="none" stroke="var(--ink)" stroke-width="7"/><ellipse cx="126" cy="-253" rx="7" ry="5" fill="var(--paper)" stroke="none"/></g></g>
+<path d="M116-169L174-97L163-87L107-160Z" fill="var(--blue)" stroke-width="4"/>
+<g id="bag"><path d="M99-107L169-103L165-43Q165-33 155-33L102-39Q95-40 94-51Z" fill="var(--blue)"/><path d="M100-106L169-103L161-82L106-85Z" fill="var(--blue-light)" stroke-width="4"/><use href="#chain" transform="translate(133 -63) scale(.42)"/></g>
+<g id="near-wing"><path id="wing-shape" fill="var(--green)"/><path id="wing-inset" fill="var(--paper)" stroke="none"/></g>
+</g></g></g></g>
+<g id="parcel" class="line"><path d="M-38-47H21L40-28V47H-38Z" fill="var(--paper)"/><path d="M21-47V-28H40" fill="var(--green)"/><g id="html-face"><text y="1" text-anchor="middle" class="file-label">HTML</text><path d="M-22 18H24M-22 29H13" stroke="var(--muted)" stroke-width="4"/></g><g id="web-face"><rect x="-23" y="-24" width="47" height="25" rx="3" fill="var(--green)" stroke="none"/><path d="M-23 14H24M-23 26H13" stroke-width="4"/></g><g id="link-face"><use href="#chain" transform="scale(.65)"/></g></g>
+<g id="grip" class="bird-line"><ellipse rx="8" ry="5" fill="var(--green)"/></g><g id="foreground" pointer-events="none"><image href="house-clean-v2.png" width="1536" height="1024" clip-path="url(#rail-mask)"/><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M84 718L265 314M84 718V821M132 613V720M175 516V613M218 421V508M266 315V437" stroke="var(--ink)" stroke-width="14"/><path d="M84 718L265 314M84 718V821M132 613V720M175 516V613M218 421V508M266 315V437" stroke="var(--rail)" stroke-width="6"/></g></g>
+<g id="conversion" class="line" transform="translate(1070 574)"><rect x="-142" y="-80" width="284" height="116" rx="18" fill="var(--paper)"/><path d="M-68 36L-83 55L-34 36" fill="var(--paper)"/><text x="0" y="-40" text-anchor="middle" class="bubble-title">网页已生成</text><use href="#chain" transform="translate(-91 1) scale(.4)"/><text x="-61" y="8" class="bubble-detail">一个链接，即可分享</text></g>
+<g id="delivered" class="line" transform="translate(516 145)"><rect x="-96" y="-35" width="192" height="60" rx="16" fill="var(--paper)"/><circle cx="-63" cy="-5" r="15" fill="var(--green)" stroke="none"/><path d="M-71-5L-65 1L-55-12" stroke-width="4" fill="none"/><text x="18" y="4" text-anchor="middle" class="bubble-detail">链接已送达</text></g>
+<g id="receipt-0" class="line" transform="translate(505 125)"><rect x="-74" y="-26" width="148" height="44" rx="12" fill="var(--paper)"/><text text-anchor="middle" y="3" class="bubble-detail">✓ 网页已打开</text></g><g id="receipt-1" class="line" transform="translate(852 125)"><rect x="-74" y="-26" width="148" height="44" rx="12" fill="var(--paper)"/><text text-anchor="middle" y="3" class="bubble-detail">✓ 网页已打开</text></g><g id="receipt-2" class="line" transform="translate(1200 125)"><rect x="-74" y="-26" width="148" height="44" rx="12" fill="var(--paper)"/><text text-anchor="middle" y="3" class="bubble-detail">✓ 网页已打开</text></g></svg>
+<div id="loading" role="status">正在准备纸鹊的小楼…</div>
+</section>
+<div class="playback"><div class="status"><span id="phase-number">01</span><div><h2 id="phase-title">接过你的创作</h2><p id="phase-copy">把 HTML 文件交给纸鹊。</p></div></div><div class="buttons"><button id="toggle" type="button" disabled>暂停</button><button id="replay" type="button" disabled>重播</button><label class="loop"><input id="loop" type="checkbox" checked>循环预览</label></div></div>
+<div class="scrubber"><label for="seek">动画进度</label><input id="seek" type="range" min="0" max="46" step="0.01" value="0" disabled><output id="time" for="seek">0.0 / 46.0 秒</output></div>
+<p class="footnote">完整循环预览 · 交件、等待、三房间派送、原路返回。<span id="motion-note">可暂停或拖动进度逐帧查看。</span></p>
+<noscript><p>请启用 JavaScript 查看动画。静态场景仍可浏览。</p></noscript>
+</main></body></html>
diff --git a/public/logo-exploration/magpie-house-scene/animation-v2.js b/public/logo-exploration/magpie-house-scene/animation-v2.js
new file mode 100644
index 0000000..677b704
--- /dev/null
+++ b/public/logo-exploration/magpie-house-scene/animation-v2.js
@@ -0,0 +1,55 @@
+/* global gsap, document, window, IntersectionObserver, Image */
+(() => {
+  'use strict';
+  const $=id=>document.getElementById(id), duration=46, clock={t:0};
+  const reduced=window.matchMedia('(prefers-reduced-motion: reduce)');
+  const clamp=x=>Math.max(0,Math.min(1,x)), seg=(t,a,b)=>clamp((t-a)/(b-a));
+  const ease=gsap.parseEase('power2.inOut'), mix=(a,b,u)=>a+(b-a)*u;
+  const tr=(id,v)=>$(id).setAttribute('transform',v), op=(id,v)=>{$(id).style.opacity=clamp(v);};
+  let timeline, wantsPlay=!reduced.matches, onScreen=true;
+  const treads=[[80,827],[93,790],[108,755],[120,722],[134,689],[148,657],[161,624],[175,592],[190,559],[203,529],[218,500],[233,470],[253,450],[285,433]];
+  // Each short hop starts and lands on an actual tread. No changing character scale or stretching legs.
+  function stairs(u,reverse){const steps=reverse?[...treads].reverse():treads;const p=clamp(u)*(steps.length-1),i=Math.min(steps.length-2,Math.floor(p)),v=p-i,a=steps[i],b=steps[i+1];return{x:mix(a[0],b[0],v),y:mix(a[1],b[1],v)-Math.sin(Math.PI*v)*12,motion:Math.sin(Math.PI*v)};}
+  function wing(target){const s={x:124,y:-165},dx=target.x-s.x,dy=target.y-s.y,d=Math.hypot(dx,dy),nx=-dy/d,ny=dx/d,m={x:(s.x+target.x)/2,y:(s.y+target.y)/2},v=(p,w)=>`${p.x+nx*w} ${p.y+ny*w}`; $('wing-shape').setAttribute('d',`M${v(s,16)}Q${v(m,23)} ${v(target,8)}Q${target.x+dx/d*11} ${target.y+dy/d*11} ${v(target,-8)}Q${v(m,-14)} ${v(s,-16)}Z`);$('wing-inset').setAttribute('d',`M${v(s,4)}Q${v(m,12)} ${v(target,2)}Q${v(m,2)} ${v(s,-3)}Z`);}
+  function render(t){
+    let x=715,y=875,dir=-1,walk=0,hop=0,inStairs=false;
+    const s=.65;
+    const travel=(a,b,from,to)=>{const u=seg(t,a,b);x=mix(from[0],to[0],u);y=mix(from[1],to[1],u);walk=Math.sin(u*Math.PI*Math.max(2,Math.round(Math.abs(to[0]-from[0])/24/2)*2));dir=to[0]>from[0]?1:-1;};
+    if(t>=4&&t<8)travel(4,8,[715,875],treads[0]);
+    else if(t>=8&&t<15){const p=stairs(seg(t,8,15),false);x=p.x;y=p.y;hop=p.motion;dir=1;inStairs=true;}
+    else if(t>=15&&t<17)travel(15,17,treads[13],[460,433]);
+    else if(t>=17&&t<19){x=460;y=433;dir=1;}
+    else if(t>=19&&t<22)travel(19,22,[460,433],[800,433]);
+    else if(t>=22&&t<24){x=800;y=433;dir=1;}
+    else if(t>=24&&t<27)travel(24,27,[800,433],[1140,433]);
+    else if(t>=27&&t<29){x=1140;y=433;dir=1;}
+    else if(t>=29&&t<34)travel(29,34,[1140,433],treads[13]);
+    else if(t>=34&&t<40){const p=stairs(seg(t,34,40),true);x=p.x;y=p.y;hop=p.motion;dir=-1;inStairs=true;}
+    else if(t>=40&&t<44)travel(40,44,treads[0],[715,875]);
+    tr('bird-position',`translate(${x} ${y})`);tr('bird-scale',`scale(${s})`);tr('bird-facing',`scale(${dir} 1) translate(-140 0)`);tr('bird-body',`translate(0 ${-Math.abs(walk)*2})`);
+    tr('bird-shadow',`translate(${x} ${y+5}) scale(${s})`);op('bird-shadow',inStairs?0:.65);
+    tr('tail',`rotate(${70*(seg(t,7.4,8)*(1-seg(t,15,15.5))+seg(t,33.4,34)*(1-seg(t,40,40.5)))+walk*2} 110 -90)`);tr('head',`rotate(${t>=44&&t<45?Math.sin((t-44)*Math.PI)*4:0} 153 -165)`);
+    tr('eye',`translate(0 -207) scale(1 ${t>3.4&&t<3.55?.15:1}) translate(0 207)`);tr('bag',`rotate(${-walk*2} 133 -108)`);tr('far-wing',`rotate(${-walk*5-hop*8} 118 -161)`);
+    ['near','far'].forEach((name,i)=>{const w=walk*(i?-1:1);tr(`foot-${name}`,`translate(${w*12} ${-Math.max(0,w)*11-hop*3})`);$( `leg-${name}`).setAttribute('d',`M${i?158:117} -37L${(i?158:117)+w*12} ${-8-Math.max(0,w)*11-hop*3}`);});
+    const waiting=seg(t,1.5,1.7)*(1-seg(t,45.3,45.5));op('customer-waiting',waiting);op('customer-offering',1-waiting);
+    $('scene').dataset.customerState=t<1.7?'offering':t<44?'waiting':t<45.3?'returned':'offering-next';
+    $('scene').dataset.route=inStairs?'stairs':y<500?'upstairs':'downstairs';
+    let target={x:135,y:-123},px=655,py=690,ps=.42,po=0;
+    const worldToLocal=(gx,gy)=>({x:140+(gx-x)/(s*dir),y:(gy-y)/s});
+    if(t<2.5){const q=ease(seg(t,.3,1.2)),contact=worldToLocal(668,709);target={x:mix(135,contact.x,q),y:mix(-123,contact.y,q)};if(t>=1.5){const u=ease(seg(t,1.5,2.5));px=mix(655,720,u);py=mix(690,829,u);ps=mix(.42,.28,u);po=seg(t,1.5,1.7)*(1-seg(t,2.3,2.5));target=worldToLocal(px+13*ps/.42,py+19*ps/.42);}}
+    const delivery=t>=17&&t<19?0:t>=22&&t<24?1:t>=27&&t<29?2:-1;
+    if(delivery>=0){const start=[17,22,27][delivery],u=seg(t,start,start+1);target={x:mix(135,205,Math.sin(u*Math.PI/2)),y:mix(-123,-153,Math.sin(u*Math.PI/2))};px=x+(target.x-140)*s+13;py=y+target.y*s;ps=.38;po=seg(t,start,start+.25)*(1-seg(t,start+1.3,start+1.6));const flight=ease(seg(t,start+.7,start+1.3));px=mix(px,[555,853,1240][delivery],flight);py=mix(py,235,flight);ps=mix(.38,.27,flight);}
+    wing(target);tr('parcel',`translate(${px} ${py}) scale(${ps})`);op('parcel',po);
+    tr('grip',`translate(${px+13*ps/.42} ${py+19*ps/.42})`);op('grip',t>=1.2&&t<2.4?1:0);
+    op('html-face',t<3?1:0);op('web-face',0);op('link-face',t>=3?1:0);
+    op('conversion',seg(t,2.5,2.8)*(1-seg(t,3.7,4)));op('delivered',0);
+    // Foreground railing must not hide the bird while it is still outside the upper landing.
+    op('foreground',inStairs?0:1);
+    [18.2,23.2,28.2].forEach((start,i)=>op(`receipt-${i}`,seg(t,start,start+.25)*(1-seg(t,44.5,45))));
+    const phase=t<1.7?['01','接过你的创作','喜鹊接稳文件，送件人松手。']:t<4?['02','生成网页与链接','送件人收手，开始等待。']:t<17?['03','沿楼梯上楼','逐级落脚，前往楼上房间。']:t<29?['04','把网页分享给三位读者','电脑、平板、手机，分别收到同一个链接。']:t<44?['05','沿原路返回','送件人保持等待，不提前递出下一份。']:['06','回来后，再接下一份','喜鹊回到交件位置，送件人重新递出文件。'];
+    ['phase-number','phase-title','phase-copy'].forEach((id,i)=>{$(id).textContent=phase[i];});$('seek').value=t;$('time').value=`${t.toFixed(1)} / ${duration}.0 秒`;
+  }
+  function sync(){if(!timeline)return; if(wantsPlay&&onScreen&&!document.hidden)timeline.play();else timeline.pause();$('toggle').textContent=wantsPlay?'暂停':'播放';}
+  function start(){timeline=gsap.to(clock,{t:duration,duration,ease:'none',paused:true,onUpdate:()=>render(clock.t),onComplete:()=>{if($('loop').checked&&!reduced.matches)timeline.restart();else wantsPlay=false;sync();}});render(0);$('loading').hidden=true;['toggle','replay','seek'].forEach(id=>{$(id).disabled=false;});$('toggle').onclick=()=>{wantsPlay=!wantsPlay;if(wantsPlay&&clock.t>=duration)timeline.restart();sync();};$('replay').onclick=()=>{timeline.pause(0);render(0);wantsPlay=!reduced.matches;sync();};$('seek').oninput=()=>{wantsPlay=false;timeline.pause(Number($('seek').value));render(clock.t);sync();};$('loop').onchange=()=>{if($('loop').checked&&clock.t>=duration&&!reduced.matches){timeline.restart();wantsPlay=true;sync();}};document.addEventListener('visibilitychange',sync);new IntersectionObserver(([e])=>{onScreen=e.isIntersecting;sync();},{threshold:.1}).observe($('scene'));reduced.addEventListener('change',()=>{if(reduced.matches){wantsPlay=false;$('loop').checked=false;}sync();});if(reduced.matches){$('loop').checked=false;$('motion-note').textContent='已关闭自动播放；可手动播放或拖动查看。';}sync();}
+  Promise.all(['house-clean-v2.png','customer-waiting-v1.png','customer-offering-v1.png'].map(src=>new Promise((resolve,reject)=>{const img=new Image();img.onload=resolve;img.onerror=reject;img.src=src;}))).then(start).catch(()=>{$('loading').textContent='素材加载失败，请刷新重试。';});
+})();
diff --git a/public/logo-exploration/magpie-house-scene/animation-v3.html b/public/logo-exploration/magpie-house-scene/animation-v3.html
new file mode 100644
index 0000000..02c14c2
--- /dev/null
+++ b/public/logo-exploration/magpie-house-scene/animation-v3.html
@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="zh-CN">
+<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>纸鹊 · 小楼派送动作预览</title><link rel="stylesheet" href="animation.css?v=4"><script defer src="../magpie-upload-motion/gsap.min.js"></script><script defer src="animation-v3.js?v=4"></script></head>
+<body><main>
+<header><a class="brand" href="../../home-share/index.html">纸鹊 <span>Magpie</span></a><span class="draft">小楼派送 · 完整循环 · 修订 03</span></header>
+<div class="intro"><h1>一纸，寄万千。</h1><p>从一份 HTML，到别人眼前的网页。</p></div>
+<section class="theatre" aria-label="纸鹊接件、生成网页、上楼派送的动画">
+<svg id="scene" viewBox="0 0 1536 1024" role="img" aria-labelledby="scene-title scene-desc">
+<title id="scene-title">纸鹊的小楼派送</title><desc id="scene-desc">客户递交 HTML 文件。喜鹊把它变成网页和链接，走上左侧楼梯，将链接送至三个房间。客户收手等待。喜鹊依次派送三个房间，沿原路返回，再接下一份文件。</desc>
+<defs>
+<clipPath id="rail-mask"><path d="M266 370H1421V388H266ZM390 382H404V451H390ZM557 382H572V451H557ZM749 382H764V451H749ZM902 382H916V451H902ZM1060 382H1074V451H1060ZM1221 382H1235V451H1221ZM1401 382H1417V451H1401ZM266 447H1424V488H266Z"/></clipPath>
+<g id="chain" fill="none" stroke="currentColor" stroke-width="7" stroke-linecap="round"><path d="M-8 8L8-8M-4-14L3-21C20-37 39-17 23-1L16 6M4 14L-3 21C-20 37-39 17-23 1L-16-6"/></g>
+<clipPath id="worker-clip-0"><rect x="421" y="130" width="185" height="222"/></clipPath><clipPath id="worker-clip-1"><rect x="714" y="130" width="200" height="222"/></clipPath><clipPath id="worker-clip-2"><rect x="1138" y="130" width="145" height="222"/></clipPath></defs>
+<image href="house-clean-v3.png" width="1536" height="1024"/><image id="worker-0" href="residents-work-v1.png" width="1536" height="1024" clip-path="url(#worker-clip-0)" opacity="0"/><image id="worker-1" href="residents-work-v1.png" width="1536" height="1024" clip-path="url(#worker-clip-1)" opacity="0"/><image id="worker-2" href="residents-work-v1.png" width="1536" height="1024" clip-path="url(#worker-clip-2)" opacity="0"/>
+<g id="customer"><svg id="customer-waiting" x="478.6" y="576" width="170" height="348.16" viewBox="230 0 500 1024"><image href="customer-cartoon-poses-v1.png" width="1536" height="1024"/></svg><svg id="customer-offering" x="478.6" y="576" width="221" height="348.16" viewBox="838 0 650 1024"><image href="customer-cartoon-poses-v1.png" width="1536" height="1024"/></svg></g>
+<g id="wall-story" opacity=".68" transform="translate(920 610)" class="line"><path d="M-23-33H12L29-16V34H-23Z" fill="var(--paper)"/><path d="M12-33V-16H29M-11 0H15M-11 13H15" fill="none"/><path d="M52 0H84M73-10L84 0 73 10" fill="none"/><rect x="115" y="-30" width="62" height="60" rx="6" fill="var(--paper)"/><path d="M125-13H164M125 1H159M125 15H149M200 0H232M221-10L232 0 221 10" fill="none"/><use href="#chain" x="274"/></g>
+<ellipse id="bird-shadow" cx="0" cy="0" rx="77" ry="10" fill="var(--shadow)"/>
+<g id="bird-position"><g id="bird-scale"><g id="bird-facing"><g id="bird-body" class="bird-line">
+<g id="tail"><path d="M109-111Q46-86-84-74Q-111-70-90-52Q-61-37 123-66Z" fill="var(--green)"/><path d="M-74-62Q25-63 106-92" fill="none" stroke="var(--green-dark)" stroke-width="9"/></g>
+<g id="far-wing"><path d="M111-165Q86-162 85-139Q84-117 96-116Q105-115 111-139L120-158Z" fill="var(--green)"/><path d="M98-150Q91-136 97-126" fill="none" stroke="var(--paper)" stroke-width="6"/></g>
+<path id="leg-far" d="M158-37V-8" fill="none" stroke="var(--green-dark)" stroke-width="9"/><path id="leg-near" d="M117-37V-8" fill="none" stroke="var(--green-dark)" stroke-width="9"/><g id="foot-far"><path d="M157-29L158-8Q177-15 182-6Q184 1 170 2H148Q136 4 137-2L143-27" fill="var(--green)"/></g>
+<g id="foot-near"><path d="M121-31L119-10Q145-17 150-6Q151 1 131 1H108Q96 6 97-2L106-32" fill="var(--green)"/></g>
+<path d="M110-171Q84-119 91-75Q94-28 143-26Q185-27 201-71Q219-110 194-159Z" fill="var(--green)"/>
+<path d="M135-156Q125-126 111-104Q99-67 121-47Q149-24 177-56Q199-83 180-137Z" fill="var(--paper)" stroke="none"/>
+<g id="head"><path d="M116-156Q97-186 110-217Q126-245 158-243Q195-243 208-213Q218-185 200-168Q183-153 163-154" fill="var(--green)"/>
+<path d="M181-181Q199-182 204-195Q208-174 193-162Q176-151 161-160" fill="var(--paper)" stroke="none"/>
+<g id="eye"><ellipse cx="177" cy="-207" rx="19" ry="23" fill="var(--paper)" stroke="none"/><ellipse cx="183" cy="-207" rx="11" ry="16" fill="var(--ink)" stroke="none"/><circle cx="187" cy="-214" r="4" fill="var(--paper)" stroke="none"/></g>
+<path d="M207-202L230-193L209-185Z" fill="var(--green-dark)"/>
+<g id="cap"><path d="M104-239Q105-264 137-268Q166-270 180-244L174-234Z" fill="var(--blue)"/><path d="M103-242Q146-235 180-248Q205-255 209-248Q200-232 167-228L111-231Z" fill="var(--blue)"/><path d="M112-239Q141-232 168-237" fill="none" stroke="var(--ink)" stroke-width="7"/><ellipse cx="126" cy="-253" rx="7" ry="5" fill="var(--paper)" stroke="none"/></g></g>
+<path d="M116-169L174-97L163-87L107-160Z" fill="var(--blue)" stroke-width="4"/>
+<g id="bag"><path d="M99-107L169-103L165-43Q165-33 155-33L102-39Q95-40 94-51Z" fill="var(--blue)"/><path d="M100-106L169-103L161-82L106-85Z" fill="var(--blue-light)" stroke-width="4"/><use href="#chain" transform="translate(133 -63) scale(.42)"/></g>
+<g id="near-wing"><path id="wing-shape" fill="var(--green)"/><path id="wing-inset" fill="var(--paper)" stroke="none"/></g>
+</g></g></g></g>
+<g id="parcel" class="line"><path d="M-38-47H21L40-28V47H-38Z" fill="var(--paper)"/><path d="M21-47V-28H40" fill="var(--green)"/><g id="html-face"><text y="1" text-anchor="middle" class="file-label">HTML</text><path d="M-22 18H24M-22 29H13" stroke="var(--muted)" stroke-width="4"/></g><g id="web-face"><rect x="-23" y="-24" width="47" height="25" rx="3" fill="var(--green)" stroke="none"/><path d="M-23 14H24M-23 26H13" stroke-width="4"/></g><g id="link-face"><use href="#chain" transform="scale(.65)"/></g></g>
+<g id="grip" class="bird-line"><ellipse rx="8" ry="5" fill="var(--green)"/></g><g id="foreground" pointer-events="none"><image href="house-clean-v3.png" width="1536" height="1024" clip-path="url(#rail-mask)"/></g>
+<g id="conversion" class="line" transform="translate(820 635)"><rect x="-142" y="-80" width="284" height="116" rx="18" fill="var(--paper)"/><path d="M-68 36L-83 55L-34 36" fill="var(--paper)"/><text x="0" y="-40" text-anchor="middle" class="bubble-title">网页已生成</text><use href="#chain" transform="translate(-91 1) scale(.4)"/><text x="-61" y="8" class="bubble-detail">一个链接，即可分享</text></g>
+<g id="delivered" class="line" transform="translate(516 145)"><rect x="-96" y="-35" width="192" height="60" rx="16" fill="var(--paper)"/><circle cx="-63" cy="-5" r="15" fill="var(--green)" stroke="none"/><path d="M-71-5L-65 1L-55-12" stroke-width="4" fill="none"/><text x="18" y="4" text-anchor="middle" class="bubble-detail">链接已送达</text></g>
+<g id="receipt-0" class="line" transform="translate(505 125)"><rect x="-74" y="-26" width="148" height="44" rx="12" fill="var(--paper)"/><text text-anchor="middle" y="3" class="bubble-detail">✓ 网页已打开</text></g><g id="receipt-1" class="line" transform="translate(852 125)"><rect x="-74" y="-26" width="148" height="44" rx="12" fill="var(--paper)"/><text text-anchor="middle" y="3" class="bubble-detail">✓ 网页已打开</text></g><g id="receipt-2" class="line" transform="translate(1200 125)"><rect x="-74" y="-26" width="148" height="44" rx="12" fill="var(--paper)"/><text text-anchor="middle" y="3" class="bubble-detail">✓ 网页已打开</text></g></svg>
+<div id="loading" role="status">正在准备纸鹊的小楼…</div>
+</section>
+<div class="playback"><div class="status"><span id="phase-number">01</span><div><h2 id="phase-title">接过你的创作</h2><p id="phase-copy">把 HTML 文件交给纸鹊。</p></div></div><div class="buttons"><button id="toggle" type="button" disabled>暂停</button><button id="replay" type="button" disabled>重播</button><label class="loop"><input id="loop" type="checkbox" checked>循环预览</label></div></div>
+<div class="scrubber"><label for="seek">动画进度</label><input id="seek" type="range" min="0" max="46" step="0.01" value="0" disabled><output id="time" for="seek">0.0 / 46.0 秒</output></div>
+<p class="footnote">完整循环预览 · 交件、等待、三房间派送、原路返回。<span id="motion-note">可暂停或拖动进度逐帧查看。</span></p>
+<noscript><p>请启用 JavaScript 查看动画。静态场景仍可浏览。</p></noscript>
+</main></body></html>
diff --git a/public/logo-exploration/magpie-house-scene/animation-v3.js b/public/logo-exploration/magpie-house-scene/animation-v3.js
new file mode 100644
index 0000000..b72a5dc
--- /dev/null
+++ b/public/logo-exploration/magpie-house-scene/animation-v3.js
@@ -0,0 +1,67 @@
+/* global gsap, document, window, IntersectionObserver, Image */
+(() => {
+  'use strict';
+  const $=id=>document.getElementById(id), duration=46, clock={t:0};
+  const reduced=window.matchMedia('(prefers-reduced-motion: reduce)');
+  const clamp=x=>Math.max(0,Math.min(1,x)), seg=(t,a,b)=>clamp((t-a)/(b-a));
+  const ease=gsap.parseEase('power2.inOut'), mix=(a,b,u)=>a+(b-a)*u;
+  const tr=(id,v)=>$(id).setAttribute('transform',v), op=(id,v)=>{$(id).style.opacity=clamp(v);};
+  let timeline, wantsPlay=!reduced.matches, onScreen=true;
+  const treads=[[80,827],[93,790],[108,755],[120,722],[134,689],[148,657],[161,624],[175,592],[190,559],[203,529],[218,500],[233,470],[253,450],[285,433]];
+  // One foot supports the body while the other clears the next tread; then the trailing foot follows.
+  function stairs(u,reverse){
+    const steps=reverse?[...treads].reverse():treads,p=clamp(u)*(steps.length-1),i=Math.min(steps.length-2,Math.floor(p)),v=p-i,a=steps[i],b=steps[i+1];
+    const feet=[0,1].map(j=>{const lead=(i%2===j),f=clamp(lead?v*2:(v-.5)*2),q=ease(f);return [mix(a[0],b[0],q)+(j?12:-12),mix(a[1],b[1],q)-Math.sin(Math.PI*f)*14];});
+    return {x:(feet[0][0]+feet[1][0])/2,y:(feet[0][1]+feet[1][1])/2,motion:Math.sin(Math.PI*v),feet};
+  }
+  function wing(target){const s={x:124,y:-165},dx=target.x-s.x,dy=target.y-s.y,d=Math.hypot(dx,dy),nx=-dy/d,ny=dx/d,m={x:(s.x+target.x)/2,y:(s.y+target.y)/2},v=(p,w)=>`${p.x+nx*w} ${p.y+ny*w}`; $('wing-shape').setAttribute('d',`M${v(s,16)}Q${v(m,23)} ${v(target,8)}Q${target.x+dx/d*11} ${target.y+dy/d*11} ${v(target,-8)}Q${v(m,-14)} ${v(s,-16)}Z`);$('wing-inset').setAttribute('d',`M${v(s,4)}Q${v(m,12)} ${v(target,2)}Q${v(m,2)} ${v(s,-3)}Z`);}
+  function render(t){
+    let x=715,y=875,dir=-1,walk=0,hop=0,inStairs=false,stairFeet=null;
+    const s=.65;
+    const travel=(a,b,from,to)=>{const u=seg(t,a,b);x=mix(from[0],to[0],u);y=mix(from[1],to[1],u);walk=Math.sin(u*Math.PI*Math.max(2,Math.round(Math.abs(to[0]-from[0])/24/2)*2));dir=to[0]>from[0]?1:-1;};
+    if(t>=4&&t<8)travel(4,8,[715,875],treads[0]);
+    else if(t>=8&&t<15){const p=stairs(seg(t,8,15),false);x=p.x;y=p.y;hop=p.motion;stairFeet=p.feet;dir=1;inStairs=true;}
+    else if(t>=15&&t<17)travel(15,17,treads[13],[460,433]);
+    else if(t>=17&&t<19){x=460;y=433;dir=1;}
+    else if(t>=19&&t<22)travel(19,22,[460,433],[800,433]);
+    else if(t>=22&&t<24){x=800;y=433;dir=1;}
+    else if(t>=24&&t<27)travel(24,27,[800,433],[1140,433]);
+    else if(t>=27&&t<29){x=1140;y=433;dir=1;}
+    else if(t>=29&&t<34)travel(29,34,[1140,433],treads[13]);
+    else if(t>=34&&t<40){const p=stairs(seg(t,34,40),true);x=p.x;y=p.y;hop=p.motion;stairFeet=p.feet;dir=-1;inStairs=true;}
+    else if(t>=40&&t<44)travel(40,44,treads[0],[715,875]);
+    tr('bird-position',`translate(${x} ${y})`);tr('bird-scale',`scale(${s})`);tr('bird-facing',`scale(${dir} 1) translate(-140 0)`);tr('bird-body',`translate(0 ${-Math.abs(walk)*2})`);
+    tr('bird-shadow',`translate(${x} ${y+5}) scale(${s})`);op('bird-shadow',inStairs?0:.65);
+    tr('tail',`rotate(${70*(seg(t,7.4,8)*(1-seg(t,15,15.5))+seg(t,33.4,34)*(1-seg(t,40,40.5)))+walk*2} 110 -90)`);tr('head',`rotate(${t>=44&&t<45?Math.sin((t-44)*Math.PI)*4:0} 153 -165)`);
+    tr('eye',`translate(0 -207) scale(1 ${t>3.4&&t<3.55?.15:1}) translate(0 207)`);tr('bag',`rotate(${-walk*2} 133 -108)`);tr('far-wing',`rotate(${-walk*5-hop*8} 118 -161)`);
+    ['near','far'].forEach((name,i)=>{
+      const origin=i?158:117,w=walk*(i?-1:1);
+      const dx=stairFeet?(stairFeet[i][0]-x)/(s*dir)+140-origin:w*12;
+      const dy=stairFeet?(stairFeet[i][1]-y)/s:-Math.max(0,w)*11;
+      tr(`foot-${name}`,`translate(${dx} ${dy})`);
+      $(`leg-${name}`).setAttribute('d',`M${origin} -37Q${origin+dx*.65+5} ${-22+dy*.35} ${origin+dx} ${dy-8}`);
+    });
+    [46/56,46/28,46/20].forEach((period,i)=>{const phase=(t/period+i*.31)%1;const work=phase<.48?0:1;op(`worker-${i}`,work);});
+    tr('conversion',`translate(${x+105} ${y-240})`);
+    const waiting=seg(t,1.5,1.7)*(1-seg(t,45.3,45.5));op('customer-waiting',waiting);op('customer-offering',1-waiting);
+    $('scene').dataset.customerState=t<1.7?'offering':t<44?'waiting':t<45.3?'returned':'offering-next';
+    $('scene').dataset.route=inStairs?'stairs':y<500?'upstairs':'downstairs';
+    let target={x:135,y:-123},px=651,py=688,ps=.58,po=0;
+    const worldToLocal=(gx,gy)=>({x:140+(gx-x)/(s*dir),y:(gy-y)/s});
+    if(t<2.5){const q=ease(seg(t,.3,1.2)),contact=worldToLocal(670,714);target={x:mix(135,contact.x,q),y:mix(-123,contact.y,q)};if(t>=1.5){const u=ease(seg(t,1.5,2.5));px=mix(651,720,u);py=mix(688,829,u);ps=mix(.58,.28,u);po=seg(t,1.5,1.7)*(1-seg(t,2.3,2.5));target=worldToLocal(px+13*ps/.42,py+19*ps/.42);}}
+    const delivery=t>=17&&t<19?0:t>=22&&t<24?1:t>=27&&t<29?2:-1;
+    if(delivery>=0){const start=[17,22,27][delivery],u=seg(t,start,start+1);target={x:mix(135,205,Math.sin(u*Math.PI/2)),y:mix(-123,-153,Math.sin(u*Math.PI/2))};px=x+(target.x-140)*s+13;py=y+target.y*s;ps=.38;po=seg(t,start,start+.25)*(1-seg(t,start+1.3,start+1.6));const flight=ease(seg(t,start+.7,start+1.3));px=mix(px,[555,853,1240][delivery],flight);py=mix(py,235,flight);ps=mix(.38,.27,flight);}
+    wing(target);tr('parcel',`translate(${px} ${py}) scale(${ps})`);op('parcel',po);
+    tr('grip',`translate(${px+13*ps/.42} ${py+19*ps/.42})`);op('grip',t>=1.2&&t<2.4?1:0);
+    op('html-face',t<3?1:0);op('web-face',0);op('link-face',t>=3?1:0);
+    op('conversion',seg(t,2.5,2.8)*(1-seg(t,3.7,4)));op('delivered',0);
+    // Foreground railing must not hide the bird while it is still outside the upper landing.
+    op('foreground',inStairs?0:1);
+    [18.2,23.2,28.2].forEach((start,i)=>op(`receipt-${i}`,seg(t,start,start+.25)*(1-seg(t,44.5,45))));
+    const phase=t<1.7?['01','接过你的创作','喜鹊接稳文件，送件人松手。']:t<4?['02','生成网页与链接','送件人收手，开始等待。']:t<17?['03','沿楼梯上楼','逐级落脚，前往楼上房间。']:t<29?['04','把网页分享给三位读者','电脑、平板、手机，分别收到同一个链接。']:t<44?['05','沿原路返回','送件人保持等待，不提前递出下一份。']:['06','回来后，再接下一份','喜鹊回到交件位置，送件人重新递出文件。'];
+    ['phase-number','phase-title','phase-copy'].forEach((id,i)=>{$(id).textContent=phase[i];});$('seek').value=t;$('time').value=`${t.toFixed(1)} / ${duration}.0 秒`;
+  }
+  function sync(){if(!timeline)return; if(wantsPlay&&onScreen&&!document.hidden)timeline.play();else timeline.pause();$('toggle').textContent=wantsPlay?'暂停':'播放';}
+  function start(){timeline=gsap.to(clock,{t:duration,duration,ease:'none',paused:true,onUpdate:()=>render(clock.t),onComplete:()=>{if($('loop').checked&&!reduced.matches)timeline.restart();else wantsPlay=false;sync();}});render(0);$('loading').hidden=true;['toggle','replay','seek'].forEach(id=>{$(id).disabled=false;});$('toggle').onclick=()=>{wantsPlay=!wantsPlay;if(wantsPlay&&clock.t>=duration)timeline.restart();sync();};$('replay').onclick=()=>{timeline.pause(0);render(0);wantsPlay=!reduced.matches;sync();};$('seek').oninput=()=>{wantsPlay=false;timeline.pause(Number($('seek').value));render(clock.t);sync();};$('loop').onchange=()=>{if($('loop').checked&&clock.t>=duration&&!reduced.matches){timeline.restart();wantsPlay=true;sync();}};document.addEventListener('visibilitychange',sync);new IntersectionObserver(([e])=>{onScreen=e.isIntersecting;sync();},{threshold:.1}).observe($('scene'));reduced.addEventListener('change',()=>{if(reduced.matches){wantsPlay=false;$('loop').checked=false;}sync();});if(reduced.matches){$('loop').checked=false;$('motion-note').textContent='已关闭自动播放；可手动播放或拖动查看。';}sync();}
+  Promise.all(['house-clean-v3.png','customer-cartoon-poses-v1.png','residents-work-v1.png'].map(src=>new Promise((resolve,reject)=>{const img=new Image();img.onload=resolve;img.onerror=reject;img.src=src;}))).then(start).catch(()=>{$('loading').textContent='素材加载失败，请刷新重试。';});
+})();
diff --git a/public/logo-exploration/magpie-house-scene/animation-v4.html b/public/logo-exploration/magpie-house-scene/animation-v4.html
new file mode 100644
index 0000000..53a9c83
--- /dev/null
+++ b/public/logo-exploration/magpie-house-scene/animation-v4.html
@@ -0,0 +1,46 @@
+<!doctype html>
+<html lang="zh-CN">
+<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>纸鹊 · 小楼派送动作预览</title><link rel="stylesheet" href="animation.css?v=4"><script defer src="../magpie-upload-motion/gsap.min.js"></script><script defer src="animation-v4.js?v=3"></script></head>
+<body><main>
+<header><a class="brand" href="../../home-share/index.html">纸鹊 <span>Magpie</span></a><span class="draft">小楼派送 · 完整循环 · 修订 04</span></header>
+<div class="intro"><h1>一纸，寄万千。</h1><p>从一份 HTML，到别人眼前的网页。</p></div>
+<section class="theatre" aria-label="纸鹊接件、生成网页、上楼派送的动画">
+<svg id="scene" viewBox="0 0 1536 1024" role="img" aria-labelledby="scene-title scene-desc">
+<title id="scene-title">纸鹊的小楼派送</title><desc id="scene-desc">客户递交 HTML 文件。喜鹊把它变成网页和链接，走上左侧楼梯，将链接送至三个房间。客户收手等待。喜鹊依次派送三个房间，沿原路返回，再接下一份文件。</desc>
+<defs>
+<clipPath id="rail-mask"><path d="M266 370H1421V388H266ZM390 382H404V451H390ZM557 382H572V451H557ZM749 382H764V451H749ZM902 382H916V451H902ZM1060 382H1074V451H1060ZM1221 382H1235V451H1221ZM1401 382H1417V451H1401ZM266 447H1424V488H266Z"/></clipPath>
+<g id="chain" fill="none" stroke="currentColor" stroke-width="7" stroke-linecap="round"><path d="M-8 8L8-8M-4-14L3-21C20-37 39-17 23-1L16 6M4 14L-3 21C-20 37-39 17-23 1L-16-6"/></g>
+<clipPath id="worker-clip-0"><rect x="421" y="130" width="185" height="222"/></clipPath><clipPath id="worker-clip-1"><rect x="714" y="130" width="200" height="222"/></clipPath><clipPath id="worker-clip-2"><rect x="1138" y="130" width="145" height="222"/></clipPath></defs>
+<image href="house-clean-v3.png" width="1536" height="1024"/><image id="worker-0" href="residents-work-v1.png" width="1536" height="1024" clip-path="url(#worker-clip-0)" opacity="0"/><image id="worker-1" href="residents-work-v1.png" width="1536" height="1024" clip-path="url(#worker-clip-1)" opacity="0"/><image id="worker-2" href="residents-work-v1.png" width="1536" height="1024" clip-path="url(#worker-clip-2)" opacity="0"/>
+
+<g id="wall-story" opacity=".68" transform="translate(920 610)" class="line"><path d="M-23-33H12L29-16V34H-23Z" fill="var(--paper)"/><path d="M12-33V-16H29M-11 0H15M-11 13H15" fill="none"/><path d="M52 0H84M73-10L84 0 73 10" fill="none"/><rect x="115" y="-30" width="62" height="60" rx="6" fill="var(--paper)"/><path d="M125-13H164M125 1H159M125 15H149M200 0H232M221-10L232 0 221 10" fill="none"/><use href="#chain" x="274"/></g>
+<ellipse id="bird-shadow" cx="0" cy="0" rx="77" ry="10" fill="var(--shadow)"/>
+<g id="bird-position"><g id="bird-scale"><g id="bird-facing"><g id="bird-body" class="bird-line">
+<g id="tail"><g transform="translate(110 -90) scale(.6 1) translate(-110 90)"><path d="M109-111Q46-86-84-74Q-111-70-90-52Q-61-37 123-66Z" fill="var(--green)"/><path d="M-74-62Q25-63 106-92" fill="none" stroke="var(--green-dark)" stroke-width="9"/></g></g>
+<g id="far-wing"><path d="M111-165Q86-162 85-139Q84-117 96-116Q105-115 111-139L120-158Z" fill="var(--green)"/><path d="M98-150Q91-136 97-126" fill="none" stroke="var(--paper)" stroke-width="6"/></g>
+<path id="leg-far" d="M158-37V-8" fill="none" stroke="var(--green-dark)" stroke-width="9"/><path id="leg-near" d="M117-37V-8" fill="none" stroke="var(--green-dark)" stroke-width="9"/><g id="foot-far"><path d="M157-29L158-8Q177-15 182-6Q184 1 170 2H148Q136 4 137-2L143-27" fill="var(--green)"/></g>
+<g id="foot-near"><path d="M121-31L119-10Q145-17 150-6Q151 1 131 1H108Q96 6 97-2L106-32" fill="var(--green)"/></g>
+<path d="M110-171Q84-119 91-75Q94-28 143-26Q185-27 201-71Q219-110 194-159Z" fill="var(--green)"/>
+<path d="M135-156Q125-126 111-104Q99-67 121-47Q149-24 177-56Q199-83 180-137Z" fill="var(--paper)" stroke="none"/>
+<g id="head"><path d="M116-156Q97-186 110-217Q126-245 158-243Q195-243 208-213Q218-185 200-168Q183-153 163-154" fill="var(--green)"/>
+<path d="M181-181Q199-182 204-195Q208-174 193-162Q176-151 161-160" fill="var(--paper)" stroke="none"/>
+<g id="eye"><ellipse cx="177" cy="-207" rx="19" ry="23" fill="var(--paper)" stroke="none"/><ellipse cx="183" cy="-207" rx="11" ry="16" fill="var(--ink)" stroke="none"/><circle cx="187" cy="-214" r="4" fill="var(--paper)" stroke="none"/></g>
+<path d="M207-202L230-193L209-185Z" fill="var(--green-dark)"/>
+<g id="cap"><path d="M104-239Q105-264 137-268Q166-270 180-244L174-234Z" fill="var(--blue)"/><path d="M103-242Q146-235 180-248Q205-255 209-248Q200-232 167-228L111-231Z" fill="var(--blue)"/><path d="M112-239Q141-232 168-237" fill="none" stroke="var(--ink)" stroke-width="7"/><ellipse cx="126" cy="-253" rx="7" ry="5" fill="var(--paper)" stroke="none"/></g></g>
+<path d="M116-169L174-97L163-87L107-160Z" fill="var(--blue)" stroke-width="4"/>
+<g id="bag"><path d="M99-107L169-103L165-43Q165-33 155-33L102-39Q95-40 94-51Z" fill="var(--blue)"/><path d="M100-106L169-103L161-82L106-85Z" fill="var(--blue-light)" stroke-width="4"/><use href="#chain" transform="translate(133 -63) scale(.42)"/></g>
+<g id="near-wing"><path id="wing-shape" fill="var(--green)"/><path id="wing-inset" fill="var(--paper)" stroke="none"/></g>
+</g></g></g></g>
+<g id="customer"><svg id="customer-waiting" x="478.6" y="576" width="170" height="348.16" viewBox="230 0 500 1024"><image href="customer-cartoon-ender-v2.png" width="1536" height="1024"/></svg><svg id="customer-offering" x="478.6" y="576" width="221" height="348.16" viewBox="838 0 650 1024"><image href="customer-cartoon-ender-v2.png" width="1536" height="1024"/></svg></g>
+<g id="parcel" class="line"><path d="M-38-47H21L40-28V47H-38Z" fill="var(--paper)"/><path d="M21-47V-28H40" fill="var(--green)"/><g id="html-face"><text y="1" text-anchor="middle" class="file-label">HTML</text><path d="M-22 18H24M-22 29H13" stroke="var(--muted)" stroke-width="4"/></g><g id="web-face"><rect x="-23" y="-24" width="47" height="25" rx="3" fill="var(--green)" stroke="none"/><path d="M-23 14H24M-23 26H13" stroke-width="4"/></g><g id="link-face"><use href="#chain" transform="scale(.65)"/></g></g>
+<g id="grip" class="bird-line"><ellipse rx="8" ry="5" fill="var(--green)"/></g><g id="foreground" pointer-events="none"><image href="house-clean-v3.png" width="1536" height="1024" clip-path="url(#rail-mask)"/></g>
+<g id="conversion" class="line" transform="translate(820 635)"><rect x="-142" y="-80" width="284" height="116" rx="18" fill="var(--paper)"/><path d="M-68 36L-83 55L-34 36" fill="var(--paper)"/><text x="0" y="-40" text-anchor="middle" class="bubble-title">网页已生成</text><use href="#chain" transform="translate(-91 1) scale(.4)"/><text x="-61" y="8" class="bubble-detail">一个链接，即可分享</text></g>
+<g id="delivered" class="line" transform="translate(516 145)"><rect x="-96" y="-35" width="192" height="60" rx="16" fill="var(--paper)"/><circle cx="-63" cy="-5" r="15" fill="var(--green)" stroke="none"/><path d="M-71-5L-65 1L-55-12" stroke-width="4" fill="none"/><text x="18" y="4" text-anchor="middle" class="bubble-detail">链接已送达</text></g>
+<g id="receipt-0" class="line" transform="translate(505 125)"><rect x="-74" y="-26" width="148" height="44" rx="12" fill="var(--paper)"/><text text-anchor="middle" y="3" class="bubble-detail">✓ 网页已打开</text></g><g id="receipt-1" class="line" transform="translate(852 125)"><rect x="-74" y="-26" width="148" height="44" rx="12" fill="var(--paper)"/><text text-anchor="middle" y="3" class="bubble-detail">✓ 网页已打开</text></g><g id="receipt-2" class="line" transform="translate(1200 125)"><rect x="-74" y="-26" width="148" height="44" rx="12" fill="var(--paper)"/><text text-anchor="middle" y="3" class="bubble-detail">✓ 网页已打开</text></g></svg>
+<div id="loading" role="status">正在准备纸鹊的小楼…</div>
+</section>
+<div class="playback"><div class="status"><span id="phase-number">01</span><div><h2 id="phase-title">接过你的创作</h2><p id="phase-copy">把 HTML 文件交给纸鹊。</p></div></div><div class="buttons"><button id="toggle" type="button" disabled>暂停</button><button id="replay" type="button" disabled>重播</button><label class="loop"><input id="loop" type="checkbox" checked>循环预览</label></div></div>
+<div class="scrubber"><label for="seek">动画进度</label><input id="seek" type="range" min="0" max="50" step="0.01" value="0" disabled><output id="time" for="seek">0.0 / 50.0 秒</output></div>
+<p class="footnote">完整循环预览 · 交件、等待、三房间派送、原路返回。<span id="motion-note">可暂停或拖动进度逐帧查看。</span></p>
+<noscript><p>请启用 JavaScript 查看动画。静态场景仍可浏览。</p></noscript>
+</main></body></html>
diff --git a/public/logo-exploration/magpie-house-scene/animation-v4.js b/public/logo-exploration/magpie-house-scene/animation-v4.js
new file mode 100644
index 0000000..cb2368e
--- /dev/null
+++ b/public/logo-exploration/magpie-house-scene/animation-v4.js
@@ -0,0 +1,69 @@
+/* global gsap, document, window, IntersectionObserver, Image */
+(() => {
+  'use strict';
+  const $=id=>document.getElementById(id), duration=50, clock={t:0};
+  const reduced=window.matchMedia('(prefers-reduced-motion: reduce)');
+  const clamp=x=>Math.max(0,Math.min(1,x)), seg=(t,a,b)=>clamp((t-a)/(b-a));
+  const ease=gsap.parseEase('power2.inOut'), mix=(a,b,u)=>a+(b-a)*u;
+  const tr=(id,v)=>$(id).setAttribute('transform',v), op=(id,v)=>{$(id).style.opacity=clamp(v);};
+  let timeline, wantsPlay=!reduced.matches, onScreen=true;
+  const treads=[[80,827],[93,790],[108,755],[120,722],[134,689],[148,657],[161,624],[175,592],[190,559],[203,529],[218,500],[233,470],[253,450],[285,433]];
+  // One foot supports the body while the other clears the next tread; then the trailing foot follows.
+  function stairs(u,reverse){
+    const steps=reverse?[...treads].reverse():treads,p=clamp(u)*(steps.length-1),i=Math.min(steps.length-2,Math.floor(p)),v=p-i,a=steps[i],b=steps[i+1];
+    const feet=[0,1].map(j=>{const lead=(i%2===j),f=clamp(lead?v*2:(v-.5)*2),q=ease(f);return [mix(a[0],b[0],q)+(j?12:-12),mix(a[1],b[1],q)-Math.sin(Math.PI*f)*14];});
+    return {x:(feet[0][0]+feet[1][0])/2,y:(feet[0][1]+feet[1][1])/2,motion:Math.sin(Math.PI*v),feet};
+  }
+  function wing(target){const s={x:124,y:-165},dx=target.x-s.x,dy=target.y-s.y,d=Math.hypot(dx,dy),nx=-dy/d,ny=dx/d,m={x:(s.x+target.x)/2,y:(s.y+target.y)/2},v=(p,w)=>`${p.x+nx*w} ${p.y+ny*w}`; $('wing-shape').setAttribute('d',`M${v(s,16)}Q${v(m,23)} ${v(target,8)}Q${target.x+dx/d*11} ${target.y+dy/d*11} ${v(target,-8)}Q${v(m,-14)} ${v(s,-16)}Z`);$('wing-inset').setAttribute('d',`M${v(s,4)}Q${v(m,12)} ${v(target,2)}Q${v(m,2)} ${v(s,-3)}Z`);}
+  function render(t){
+    let x=715,y=875,dir=-1,walk=0,hop=0,inStairs=false,stairFeet=null;
+    const s=.65;
+    const travel=(a,b,from,to)=>{const u=seg(t,a,b);x=mix(from[0],to[0],u);y=mix(from[1],to[1],u);walk=Math.sin(u*Math.PI*Math.max(2,Math.round(Math.abs(to[0]-from[0])/24/2)*2));dir=to[0]>from[0]?1:-1;};
+    if(t>=4&&t<8)travel(4,8,[715,875],treads[0]);
+    else if(t>=8&&t<15){const p=stairs(seg(t,8,15),false);x=p.x;y=p.y;hop=p.motion;stairFeet=p.feet;dir=1;inStairs=true;}
+    else if(t>=15&&t<17)travel(15,17,treads[13],[460,433]);
+    else if(t>=17&&t<19){x=460;y=433;dir=1;}
+    else if(t>=19&&t<22)travel(19,22,[460,433],[800,433]);
+    else if(t>=22&&t<24){x=800;y=433;dir=1;}
+    else if(t>=24&&t<27)travel(24,27,[800,433],[1140,433]);
+    else if(t>=27&&t<29){x=1140;y=433;dir=1;}
+    else if(t>=29&&t<34)travel(29,34,[1140,433],treads[13]);
+    else if(t>=34&&t<40){const p=stairs(seg(t,34,40),true);x=p.x;y=p.y;hop=p.motion;stairFeet=p.feet;dir=-1;inStairs=true;}
+    else if(t>=40&&t<44)travel(40,44,treads[0],[715,875]);
+    // Return to the exact opening position before turning and accepting the next file.
+    if(t>=44&&t<44.6)dir=Math.cos(Math.PI*ease(seg(t,44,44.6)));
+    tr('bird-position',`translate(${x} ${y})`);tr('bird-scale',`scale(${s})`);tr('bird-facing',`scale(${dir} 1) translate(-140 0)`);tr('bird-body',`translate(0 ${-Math.abs(walk)*2})`);
+    tr('bird-shadow',`translate(${x} ${y+5}) scale(${s})`);op('bird-shadow',inStairs?0:.65);
+    tr('tail',`rotate(${70*(seg(t,7.4,8)*(1-seg(t,15,15.5))+seg(t,33.4,34)*(1-seg(t,40,40.5)))+walk*2} 110 -90)`);tr('head',`rotate(${t>=44&&t<45?Math.sin((t-44)*Math.PI)*4:0} 153 -165)`);
+    tr('eye',`translate(0 -207) scale(1 ${t>3.4&&t<3.55?.15:1}) translate(0 207)`);tr('bag',`rotate(${-walk*2} 133 -108)`);tr('far-wing',`rotate(${-walk*5-hop*8} 118 -161)`);
+    ['near','far'].forEach((name,i)=>{
+      const origin=i?158:117,w=walk*(i?-1:1);
+      const dx=stairFeet?(stairFeet[i][0]-x)/(s*dir)+140-origin:w*12;
+      const dy=stairFeet?(stairFeet[i][1]-y)/s:-Math.max(0,w)*11;
+      tr(`foot-${name}`,`translate(${dx} ${dy})`);
+      $(`leg-${name}`).setAttribute('d',`M${origin} -37Q${origin+dx*.65+5} ${-22+dy*.35} ${origin+dx} ${dy-8}`);
+    });
+    [50/60,50/30,50/22].forEach((period,i)=>{const phase=(t/period+i*.31)%1;const work=phase<.48?0:1;op(`worker-${i}`,work);});
+    tr('conversion',`translate(${x+105} ${y-240})`);
+    const waiting=seg(t,1.5,1.7)*(1-seg(t,48,48.3));op('customer-waiting',waiting);op('customer-offering',1-waiting);
+    $('scene').dataset.customerState=t<1.7?'offering':t<44?'waiting':t<48?'returned':'offering-next';
+    $('scene').dataset.route=inStairs?'stairs':y<500?'upstairs':'downstairs';
+    let target={x:135,y:-123},px=651,py=688,ps=.58,po=0;
+    const worldToLocal=(gx,gy)=>({x:140+(gx-x)/(s*dir),y:(gy-y)/s});
+    if(t<2.5){const q=ease(seg(t,.3,1.2)),contact=worldToLocal(670,714);target={x:mix(135,contact.x,q),y:mix(-123,contact.y,q)};if(t>=1.5){const u=ease(seg(t,1.5,2.5));px=mix(651,720,u);py=mix(688,829,u);ps=mix(.58,.28,u);po=seg(t,1.5,1.7)*(1-seg(t,2.3,2.5));target=worldToLocal(px+13*ps/.42,py+19*ps/.42);}}
+    const delivery=t>=17&&t<19?0:t>=22&&t<24?1:t>=27&&t<29?2:-1;
+    if(delivery>=0){const start=[17,22,27][delivery],u=seg(t,start,start+1);target={x:mix(135,205,Math.sin(u*Math.PI/2)),y:mix(-123,-153,Math.sin(u*Math.PI/2))};px=x+(target.x-140)*s+13;py=y+target.y*s;ps=.38;po=seg(t,start,start+.25)*(1-seg(t,start+1.3,start+1.6));const flight=ease(seg(t,start+.7,start+1.3));px=mix(px,[555,853,1240][delivery],flight);py=mix(py,235,flight);ps=mix(.38,.27,flight);}
+    wing(target);tr('parcel',`translate(${px} ${py}) scale(${ps})`);op('parcel',po);
+    tr('grip',`translate(${px+13*ps/.42} ${py+19*ps/.42})`);op('grip',t>=1.2&&t<2.4?1:0);
+    op('html-face',t<3?1:0);op('web-face',0);op('link-face',t>=3?1:0);
+    op('conversion',seg(t,2.5,2.8)*(1-seg(t,3.7,4)));op('delivered',0);
+    // Foreground railing must not hide the bird while it is still outside the upper landing.
+    op('foreground',inStairs?0:1);
+    [18.2,23.2,28.2].forEach((start,i)=>op(`receipt-${i}`,seg(t,start,start+.25)*(1-seg(t,44.5,45))));
+    const phase=t<1.7?['01','接过你的创作','喜鹊接稳文件，送件人松手。']:t<4?['02','生成网页与链接','送件人收手，开始等待。']:t<17?['03','沿楼梯上楼','逐级落脚，前往楼上房间。']:t<29?['04','把网页分享给三位读者','电脑、平板、手机，分别收到同一个链接。']:t<44?['05','沿原路返回','送件人保持等待，不提前递出下一份。']:t<44.6?['06','回到寄件人面前','喜鹊走完回程，转身面对寄件人。']:t<48?['06','停稳，准备再接一封','寄件人等喜鹊站稳，再拿出下一份文件。']:['01','接过你的创作','喜鹊接稳文件，送件人松手。'];
+    ['phase-number','phase-title','phase-copy'].forEach((id,i)=>{$(id).textContent=phase[i];});$('seek').value=t;$('time').value=`${t.toFixed(1)} / ${duration}.0 秒`;
+  }
+  function sync(){if(!timeline)return; if(wantsPlay&&onScreen&&!document.hidden)timeline.play();else timeline.pause();$('toggle').textContent=wantsPlay?'暂停':'播放';}
+  function start(){timeline=gsap.to(clock,{t:duration,duration,ease:'none',paused:true,onUpdate:()=>render(clock.t),onComplete:()=>{if($('loop').checked&&!reduced.matches)timeline.restart();else wantsPlay=false;sync();}});render(0);$('loading').hidden=true;['toggle','replay','seek'].forEach(id=>{$(id).disabled=false;});$('toggle').onclick=()=>{wantsPlay=!wantsPlay;if(wantsPlay&&clock.t>=duration)timeline.restart();sync();};$('replay').onclick=()=>{timeline.pause(0);render(0);wantsPlay=!reduced.matches;sync();};$('seek').oninput=()=>{wantsPlay=false;timeline.pause(Number($('seek').value));render(clock.t);sync();};$('loop').onchange=()=>{if($('loop').checked&&clock.t>=duration&&!reduced.matches){timeline.restart();wantsPlay=true;sync();}};document.addEventListener('visibilitychange',sync);new IntersectionObserver(([e])=>{onScreen=e.isIntersecting;sync();},{threshold:.1}).observe($('scene'));reduced.addEventListener('change',()=>{if(reduced.matches){wantsPlay=false;$('loop').checked=false;}sync();});if(reduced.matches){$('loop').checked=false;$('motion-note').textContent='已关闭自动播放；可手动播放或拖动查看。';}sync();}
+  Promise.all(['house-clean-v3.png','customer-cartoon-ender-v2.png','residents-work-v1.png'].map(src=>new Promise((resolve,reject)=>{const img=new Image();img.onload=resolve;img.onerror=reject;img.src=new URL(src,document.currentScript.src).href;}))).then(start).catch(()=>{$('loading').textContent='素材加载失败，请刷新重试。';});
+})();
diff --git a/public/logo-exploration/magpie-house-scene/animation.css b/public/logo-exploration/magpie-house-scene/animation.css
new file mode 100644
index 0000000..17dc10c
--- /dev/null
+++ b/public/logo-exploration/magpie-house-scene/animation.css
@@ -0,0 +1,3 @@
+/* Magpie house motion · approved scene v2 · isolated preview */
+:root{--rail:#a7abad;--paper:#fff;--page:#f5f6f0;--ink:#17201c;--green:#a7e600;--green-dark:#7bb528;--blue:#9fcef0;--blue-light:#cbe8fa;--muted:#69736c;--shadow:#26332924;--border:#dde1d4;--font:"PingFang SC","Microsoft YaHei",sans-serif;--ease-out:cubic-bezier(.23,1,.32,1)}
+*{box-sizing:border-box}html,body{margin:0;overflow-x:clip;background:var(--page);color:var(--ink);font-family:var(--font)}main{max-width:1120px;margin:auto;padding:26px 32px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:23px;font-weight:800;text-decoration:none;color:var(--ink)}.brand span{font-size:14px;margin-left:7px}.draft{font-size:12px;color:var(--muted)}.intro{margin:26px 0 17px;display:flex;align-items:baseline;gap:20px}h1{font-size:32px;letter-spacing:-1px;margin:0;overflow-wrap:anywhere}.intro p{font-size:14px;color:var(--muted);margin:0}.theatre{position:relative;background:var(--paper);border:1px solid var(--border);border-radius:20px;overflow:clip}#scene{display:block;width:100%;height:auto}.line{stroke:var(--ink);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;color:var(--ink)}.bird-line{stroke:var(--ink);stroke-width:5.6;stroke-linecap:round;stroke-linejoin:round;color:var(--ink)}svg text{stroke:none;fill:var(--ink);font-family:var(--font)}.file-label{font-size:22px;font-weight:800}.bubble-title{font-size:27px;font-weight:800}.bubble-detail{font-size:22px;font-weight:650}#conversion,#delivered,#web-face,#link-face{opacity:0}#loading{position:absolute;inset:0;background:var(--paper);display:grid;place-items:center;font-size:15px;color:var(--muted)}#loading[hidden]{display:none}.playback{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.status{display:flex;align-items:center;gap:13px}#phase-number{display:grid;place-items:center;background:var(--green);border:2px solid var(--ink);border-radius:9px;min-width:42px;height:42px;font-weight:800;font-size:18px}h2{font-size:17px;margin:0 0 5px}.status p{font-size:13px;color:var(--muted);margin:0}.buttons{display:flex;align-items:center;gap:10px}button{font:700 13px var(--font);color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);border-radius:8px;padding:10px 16px;cursor:pointer;white-space:nowrap;min-height:42px}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--ink);outline-offset:4px}#toggle{background:var(--green)}.loop{font-size:12px;display:flex;align-items:center;gap:5px;white-space:nowrap}.loop input{accent-color:var(--ink);width:16px;height:16px}.scrubber{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:11px;color:var(--muted)}.scrubber input{flex:1;min-width:0;accent-color:var(--ink);height:24px;cursor:pointer}.scrubber output{font-variant-numeric:tabular-nums;min-width:86px}.footnote{font-size:11px;color:var(--muted);margin-top:13px}.footnote span{margin-left:6px}@media(hover:hover) and (pointer:fine){button:hover{background:var(--blue-light)}}@media(max-width:600px){main{padding:18px 12px}.brand{font-size:20px}.draft{font-size:10px}.intro{display:block;margin:24px 0 15px}.intro h1{font-size:28px}.intro p{margin-top:7px;font-size:12px}.theatre{border-radius:12px}.playback{align-items:flex-start;flex-direction:column;gap:15px}.buttons{width:100%}.loop{margin-left:auto}.status p{font-size:12px}.scrubber{gap:6px}.scrubber label{position:absolute;width:1px;height:1px;clip-path:inset(50%)}.footnote{line-height:1.7}.footnote span{display:block;margin:0}}@media(prefers-reduced-motion:reduce){button:active{transform:none}}
diff --git a/public/logo-exploration/magpie-house-scene/animation.html b/public/logo-exploration/magpie-house-scene/animation.html
new file mode 100644
index 0000000..2f18d77
--- /dev/null
+++ b/public/logo-exploration/magpie-house-scene/animation.html
@@ -0,0 +1,44 @@
+<!doctype html>
+<html lang="zh-CN">
+<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>纸鹊 · 小楼派送动作预览</title><link rel="stylesheet" href="animation.css?v=4"><script defer src="../magpie-upload-motion/gsap.min.js"></script><script defer src="animation.js?v=4"></script></head>
+<body><main>
+<header><a class="brand" href="../../home-share/index.html">纸鹊 <span>Magpie</span></a><span class="draft">小楼派送 · 动作预览 01</span></header>
+<div class="intro"><h1>一纸，寄万千。</h1><p>从一份 HTML，到别人眼前的网页。</p></div>
+<section class="theatre" aria-label="纸鹊接件、生成网页、上楼派送的动画">
+<svg id="scene" viewBox="0 0 1536 1024" role="img" aria-labelledby="scene-title scene-desc">
+<title id="scene-title">纸鹊的小楼派送</title><desc id="scene-desc">客户递交 HTML 文件。喜鹊把它变成网页和链接，走上左侧楼梯，将链接送至第一间房。此为前半段动作预览。</desc>
+<defs>
+<clipPath id="rail-mask"><path d="M266 370H1421V388H266ZM390 382H404V451H390ZM557 382H572V451H557ZM749 382H764V451H749ZM902 382H916V451H902ZM1060 382H1074V451H1060ZM1221 382H1235V451H1221ZM1401 382H1417V451H1401ZM266 447H1424V488H266Z"/></clipPath>
+<g id="chain" fill="none" stroke="currentColor" stroke-width="7" stroke-linecap="round"><path d="M-8 8L8-8M-4-14L3-21C20-37 39-17 23-1L16 6M4 14L-3 21C-20 37-39 17-23 1L-16-6"/></g>
+</defs>
+<image href="house-clean-v1.png" width="1536" height="1024"/>
+<g id="wall-story" opacity=".68" transform="translate(920 610)" class="line"><path d="M-23-33H12L29-16V34H-23Z" fill="var(--paper)"/><path d="M12-33V-16H29M-11 0H15M-11 13H15" fill="none"/><path d="M52 0H84M73-10L84 0 73 10" fill="none"/><rect x="115" y="-30" width="62" height="60" rx="6" fill="var(--paper)"/><path d="M125-13H164M125 1H159M125 15H149M200 0H232M221-10L232 0 221 10" fill="none"/><use href="#chain" x="274"/></g>
+<ellipse id="bird-shadow" cx="0" cy="0" rx="77" ry="10" fill="var(--shadow)"/>
+<g id="bird-position"><g id="bird-scale"><g id="bird-facing"><g id="bird-body" class="bird-line">
+<g id="tail"><path d="M109-111Q46-86-84-74Q-111-70-90-52Q-61-37 123-66Z" fill="var(--green)"/><path d="M-74-62Q25-63 106-92" fill="none" stroke="var(--green-dark)" stroke-width="9"/></g>
+<g id="far-wing"><path d="M120-157Q83-155 60-179Q55-187 66-186L83-183Q62-202 77-200L110-186Q112-171 131-171Z" fill="var(--green)"/><path d="M78-182L103-172" fill="none" stroke="var(--paper)" stroke-width="9"/></g>
+<path id="leg-far" d="M158-37V-8" fill="none" stroke="var(--green-dark)" stroke-width="9"/><path id="leg-near" d="M117-37V-8" fill="none" stroke="var(--green-dark)" stroke-width="9"/><g id="foot-far"><path d="M157-29L158-8Q177-15 182-6Q184 1 170 2H148Q136 4 137-2L143-27" fill="var(--green)"/></g>
+<g id="foot-near"><path d="M121-31L119-10Q145-17 150-6Q151 1 131 1H108Q96 6 97-2L106-32" fill="var(--green)"/></g>
+<path d="M110-171Q84-119 91-75Q94-28 143-26Q185-27 201-71Q219-110 194-159Z" fill="var(--green)"/>
+<path d="M135-156Q125-126 111-104Q99-67 121-47Q149-24 177-56Q199-83 180-137Z" fill="var(--paper)" stroke="none"/>
+<g id="head"><path d="M116-156Q97-186 110-217Q126-245 158-243Q195-243 208-213Q218-185 200-168Q183-153 163-154" fill="var(--green)"/>
+<path d="M181-181Q199-182 204-195Q208-174 193-162Q176-151 161-160" fill="var(--paper)" stroke="none"/>
+<g id="eye"><ellipse cx="177" cy="-207" rx="19" ry="23" fill="var(--paper)" stroke="none"/><ellipse cx="183" cy="-207" rx="11" ry="16" fill="var(--ink)" stroke="none"/><circle cx="187" cy="-214" r="4" fill="var(--paper)" stroke="none"/></g>
+<path d="M207-202L230-193L209-185Z" fill="var(--green-dark)"/>
+<g id="cap"><path d="M104-239Q105-264 137-268Q166-270 180-244L174-234Z" fill="var(--green)"/><path d="M103-242Q146-235 180-248Q205-255 209-248Q200-232 167-228L111-231Z" fill="var(--green)"/><path d="M112-239Q141-232 168-237" fill="none" stroke="var(--ink)" stroke-width="7"/><ellipse cx="126" cy="-253" rx="7" ry="5" fill="var(--paper)" stroke="none"/></g></g>
+<path d="M116-169L174-97L163-87L107-160Z" fill="var(--blue)" stroke-width="4"/>
+<g id="bag"><path d="M99-107L169-103L165-43Q165-33 155-33L102-39Q95-40 94-51Z" fill="var(--blue)"/><path d="M100-106L169-103L161-82L106-85Z" fill="var(--blue-light)" stroke-width="4"/><use href="#chain" transform="translate(133 -63) scale(.42)"/></g>
+<g id="near-wing"><path d="M127-171Q152-181 165-154Q174-130 154-119Q149-116 145-123Q140-111 131-117Q124-110 117-120Q99-129 105-149Q109-163 127-171Z" fill="var(--green)"/><path d="M117-143Q128-154 137-143Q140-153 147-144Q157-137 150-130Q145-124 139-134Q132-123 126-134Q116-126 114-136Z" fill="var(--paper)" stroke="none"/></g>
+</g></g></g></g>
+<g id="parcel" class="line"><path d="M-38-47H21L40-28V47H-38Z" fill="var(--paper)"/><path d="M21-47V-28H40" fill="var(--green)"/><g id="html-face"><text y="1" text-anchor="middle" class="file-label">HTML</text><path d="M-22 18H24M-22 29H13" stroke="var(--muted)" stroke-width="4"/></g><g id="web-face"><rect x="-23" y="-24" width="47" height="25" rx="3" fill="var(--green)" stroke="none"/><path d="M-23 14H24M-23 26H13" stroke-width="4"/></g><g id="link-face"><use href="#chain" transform="scale(.65)"/></g></g>
+<g id="foreground" pointer-events="none"><image href="house-clean-v1.png" width="1536" height="1024" clip-path="url(#rail-mask)"/><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M84 718L265 314M84 718V821M132 613V720M175 516V613M218 421V508M266 315V437" stroke="var(--ink)" stroke-width="14"/><path d="M84 718L265 314M84 718V821M132 613V720M175 516V613M218 421V508M266 315V437" stroke="var(--rail)" stroke-width="6"/></g></g>
+<g id="conversion" class="line" transform="translate(1070 574)"><rect x="-142" y="-80" width="284" height="116" rx="18" fill="var(--paper)"/><path d="M-68 36L-83 55L-34 36" fill="var(--paper)"/><text x="0" y="-40" text-anchor="middle" class="bubble-title">网页已生成</text><use href="#chain" transform="translate(-91 1) scale(.4)"/><text x="-61" y="8" class="bubble-detail">一个链接，即可分享</text></g>
+<g id="delivered" class="line" transform="translate(516 145)"><rect x="-96" y="-35" width="192" height="60" rx="16" fill="var(--paper)"/><circle cx="-63" cy="-5" r="15" fill="var(--green)" stroke="none"/><path d="M-71-5L-65 1L-55-12" stroke-width="4" fill="none"/><text x="18" y="4" text-anchor="middle" class="bubble-detail">链接已送达</text></g>
+</svg>
+<div id="loading" role="status">正在准备纸鹊的小楼…</div>
+</section>
+<div class="playback"><div class="status"><span id="phase-number">01</span><div><h2 id="phase-title">接过你的创作</h2><p id="phase-copy">把 HTML 文件交给纸鹊。</p></div></div><div class="buttons"><button id="toggle" type="button" disabled>暂停</button><button id="replay" type="button" disabled>重播</button><label class="loop"><input id="loop" type="checkbox">循环预览</label></div></div>
+<div class="scrubber"><label for="seek">动画进度</label><input id="seek" type="range" min="0" max="17" step="0.01" value="0" disabled><output id="time" for="seek">0.0 / 17.0 秒</output></div>
+<p class="footnote">前半段动作预览 · 接件、生成网页、首间房派送。<span id="motion-note">可暂停或拖动进度逐帧查看。</span></p>
+<noscript><p>请启用 JavaScript 查看动画。静态场景仍可浏览。</p></noscript>
+</main></body></html>
diff --git a/public/logo-exploration/magpie-house-scene/animation.js b/public/logo-exploration/magpie-house-scene/animation.js
new file mode 100644
index 0000000..f86fd49
--- /dev/null
+++ b/public/logo-exploration/magpie-house-scene/animation.js
@@ -0,0 +1,111 @@
+/* global gsap, document, window, IntersectionObserver, Image */
+(() => {
+  'use strict';
+  const $ = (id) => document.getElementById(id);
+  const el = Object.fromEntries(['bird-position','bird-scale','bird-facing','bird-body','bird-shadow','tail','head','eye','near-wing','far-wing','foot-near','foot-far','leg-near','leg-far','bag','parcel','html-face','web-face','link-face','conversion','delivered','phase-number','phase-title','phase-copy','toggle','replay','seek','loop','time','loading','motion-note'].map(id => [id,$(id)]));
+  const duration = 17;
+  const clock = {t:0};
+  const reduced = window.matchMedia('(prefers-reduced-motion: reduce)');
+  let wantsPlay = !reduced.matches, onScreen = true, timeline, lastPhase = -1;
+  const clamp = (x) => Math.min(1,Math.max(0,x));
+  const lerp = (a,b,t) => a+(b-a)*t;
+  const smooth = (x) => { const t=clamp(x); return t*t*(3-2*t); };
+  const segment = (t,a,b) => clamp((t-a)/(b-a));
+  const transform = (id,value) => el[id].setAttribute('transform',value);
+  const opacity = (id,v) => el[id].style.opacity=v.toFixed(3);
+  const phases = [
+    ['01','接过你的创作','把 HTML 文件交给纸鹊。'],
+    ['02','变成可以分享的网页','文件生成网页，再得到分享链接。'],
+    ['03','带着链接，出发','纸鹊沿楼梯走向楼上的房间。'],
+    ['04','送到第一位读者面前','链接送达，读者打开你的网页。']
+  ];
+  // World-space treads. Feet remain planted while the opposite foot travels.
+  const stairs = [[120,825],[135,788],[151,752],[167,716],[183,680],[199,644],[215,608],[231,572],[247,536],[263,500],[279,467],[298,440],[321,416],[346,414]];
+  function stairPose(p) {
+    const n = Math.min(stairs.length-2,Math.floor(p));
+    const u = p-n;
+    const a = stairs[n], b=stairs[n+1], c=stairs[Math.max(0,n-1)];
+    const moving=[lerp(c[0],b[0],smooth(u)),lerp(c[1],b[1],smooth(u))-Math.sin(Math.PI*u)*18];
+    const fixed=a;
+    const feet=n%2 ? [fixed,moving] : [moving,fixed];
+    return {x:(feet[0][0]+feet[1][0])/2,y:(feet[0][1]+feet[1][1])/2,feet};
+  }
+  function render(t) {
+    let x=890,y=916,s=.84,dir=-1,walk=0,stair=null;
+    if(t>=4.6 && t<7.5){const u=segment(t,4.6,7.5);x=lerp(890,120,smooth(u));y=916-91*smooth(u);s=lerp(.84,.62,smooth(u));walk=Math.sin(u*Math.PI*16);}
+    else if(t>=7.5 && t<12.6){stair=stairPose(segment(t,7.5,12.6)*(stairs.length-1-.001));x=stair.x;y=stair.y;s=.62;dir=1;}
+    else if(t>=12.6){const u=smooth(segment(t,12.6,14));x=lerp(335,451,u);y=414;s=.62;dir=1;walk=t<14?Math.sin(segment(t,12.6,14)*Math.PI*6):0;}
+    transform('bird-position',`translate(${x} ${y})`);
+    transform('bird-scale',`scale(${s*1.18} ${s})`);
+    transform('bird-facing',`scale(${dir} 1) translate(-140 0)`);
+    transform('bird-body',`translate(0 ${-Math.abs(walk)*3})`);
+    transform('bird-shadow',`translate(${x} ${y+6}) scale(${s} ${s})`);
+    opacity('bird-shadow',stair?0:.7);
+    transform('tail',`rotate(${walk*3+(stair?25:0)} 110 -90) translate(110 -90) scale(${stair?.75:1} 1) translate(-110 90)`);
+    transform('head',`rotate(${t>15?Math.sin(segment(t,15,16)*Math.PI)*5:0} 153 -165)`);
+    const blink=(t>1.05&&t<1.22)||(t>15.7&&t<15.88);
+    transform('eye',`translate(0 -207) scale(1 ${blink?.13:1}) translate(0 207)`);
+    let wingAngle=0;
+    if(t<2)wingAngle=-65*Math.sin(Math.PI*segment(t,0,2));
+    if(t>=14&&t<15.8)wingAngle=-72*Math.sin(Math.PI*segment(t,14,15.8));
+    transform('near-wing',`rotate(${wingAngle+walk*6} 124 -165)`);
+    transform('far-wing',`rotate(${stair?-12:walk*-8} 118 -161)`);
+    transform('bag',`rotate(${walk*-3} 133 -108)`);
+    if(stair){
+      const origins=[117,158];
+      ['foot-near','foot-far'].forEach((id,i)=>{
+        const dx=(stair.feet[i][0]-x)/(s*1.18)+140-origins[i];
+        const dy=(stair.feet[i][1]-y)/s;
+        transform(id,`translate(${dx} ${dy})`);
+        el[i===0?'leg-near':'leg-far'].setAttribute('d',`M${origins[i]} -37L${origins[i]+dx} ${dy-8}`);
+      });
+    }else{
+      el['leg-near'].setAttribute('d',`M117 -37L${117+walk*9} ${-Math.max(0,walk)*11-8}`);
+      el['leg-far'].setAttribute('d',`M158 -37L${158-walk*9} ${-Math.max(0,-walk)*11-8}`);
+      transform('foot-near',`translate(${walk*9} ${-Math.max(0,walk)*11})`);
+      transform('foot-far',`translate(${-walk*9} ${-Math.max(0,-walk)*11})`);
+    }
+    let px=750,py=718,ps=1,pr=-12,po=1;
+    if(t>=.7&&t<1.8){const u=smooth(segment(t,.7,1.8));px=lerp(750,899,u);py=lerp(718,855,u)-Math.sin(Math.PI*u)*18;ps=lerp(1,.62,u);pr=lerp(-12,0,u);}
+    else if(t>=1.8&&t<2.2){px=899;py=855;ps=.62;po=1-segment(t,1.8,2.1);}
+    else if(t>=2.2&&t<4.6){const u=smooth(segment(t,2.2,2.75));px=lerp(899,945,u);py=lerp(855,672,u);ps=lerp(.62,1.1,u);pr=0;po=segment(t,2.2,2.45)*(1-segment(t,4.1,4.55));}
+    else if(t>=4.6&&t<14){po=0;}
+    else if(t>=14){const u=smooth(segment(t,14.15,15.35));px=lerp(497,562,u);py=lerp(322,254,u)-Math.sin(u*Math.PI)*32;ps=lerp(.68,.36,u);pr=0;po=segment(t,14,14.2)*(1-segment(t,15.2,15.55));}
+    transform('parcel',`translate(${px} ${py}) rotate(${pr}) scale(${ps})`);opacity('parcel',po);
+    opacity('html-face',1-segment(t,2.65,2.95));
+    opacity('web-face',segment(t,2.85,3.1)*(1-segment(t,3.55,3.8)));
+    opacity('link-face',segment(t,3.55,3.85));
+    opacity('conversion',segment(t,2.9,3.15)*(1-segment(t,4.1,4.5)));
+    opacity('delivered',segment(t,15.3,15.6));
+    const phase=t<2.2?0:t<4.6?1:t<14?2:3;
+    if(phase!==lastPhase){['phase-number','phase-title','phase-copy'].forEach((id,i)=>{el[id].textContent=phases[phase][i];});lastPhase=phase;}
+    el.seek.value=t;el.time.value=`${t.toFixed(1)} / 17.0 秒`;
+  }
+  function sync(){
+    if(!timeline)return;
+    const play=wantsPlay&&onScreen&&!document.hidden;
+    if(play)timeline.play();else timeline.pause();
+    el.toggle.textContent=wantsPlay?'暂停':'播放';
+    el.toggle.setAttribute('aria-label',wantsPlay?'暂停动画':'播放动画');
+  }
+  function start(){
+    if(!window.gsap){el.loading.textContent='动画暂时无法加载，请刷新重试。';return;}
+    render(0);
+    timeline=gsap.to(clock,{t:duration,duration,ease:'none',paused:true,onUpdate:()=>render(clock.t),onComplete:()=>{
+      if(el.loop.checked&&!reduced.matches){timeline.restart();sync();}
+      else{wantsPlay=false;sync();}
+    }});
+    el.loading.hidden=true;
+    ['toggle','replay','seek'].forEach(id=>{el[id].disabled=false;});
+    el.toggle.addEventListener('click',()=>{wantsPlay=!wantsPlay;if(wantsPlay&&clock.t>=duration)timeline.restart();sync();});
+    el.replay.addEventListener('click',()=>{timeline.pause(0);wantsPlay=!reduced.matches;render(0);sync();});
+    el.seek.addEventListener('input',()=>{wantsPlay=false;timeline.pause(Number(el.seek.value));render(clock.t);sync();});
+    el.loop.addEventListener('change',()=>{if(el.loop.checked&&clock.t>=duration&&!reduced.matches){timeline.restart();wantsPlay=true;sync();}});
+    reduced.addEventListener('change',()=>{if(reduced.matches){wantsPlay=false;el.loop.checked=false;}updateMotionNote();sync();});
+    document.addEventListener('visibilitychange',sync);
+    new IntersectionObserver(([entry])=>{onScreen=entry.isIntersecting;sync();},{threshold:.1}).observe($('scene'));
+    updateMotionNote();sync();
+  }
+  function updateMotionNote(){el['motion-note'].textContent=reduced.matches?'已按系统偏好关闭自动播放；可手动播放或拖动查看。':'可暂停或拖动进度逐帧查看。';}
+  const img=new Image();img.onload=start;img.onerror=()=>{el.loading.textContent='场景图片加载失败，请刷新重试。';};img.src='house-clean-v1.png';
+})();
diff --git a/public/logo-exploration/magpie-house-scene/customer-cartoon-ender-v2.png b/public/logo-exploration/magpie-house-scene/customer-cartoon-ender-v2.png
new file mode 100644
index 0000000..66a374e
Binary files /dev/null and b/public/logo-exploration/magpie-house-scene/customer-cartoon-ender-v2.png differ
diff --git a/public/logo-exploration/magpie-house-scene/customer-cartoon-poses-v1.png b/public/logo-exploration/magpie-house-scene/customer-cartoon-poses-v1.png
new file mode 100644
index 0000000..7447ae8
Binary files /dev/null and b/public/logo-exploration/magpie-house-scene/customer-cartoon-poses-v1.png differ
diff --git a/public/logo-exploration/magpie-house-scene/customer-character-v1.png b/public/logo-exploration/magpie-house-scene/customer-character-v1.png
new file mode 100644
index 0000000..f828260
Binary files /dev/null and b/public/logo-exploration/magpie-house-scene/customer-character-v1.png differ
diff --git a/public/logo-exploration/magpie-house-scene/customer-offering-v1.png b/public/logo-exploration/magpie-house-scene/customer-offering-v1.png
new file mode 100644
index 0000000..a080db3
Binary files /dev/null and b/public/logo-exploration/magpie-house-scene/customer-offering-v1.png differ
diff --git a/public/logo-exploration/magpie-house-scene/customer-waiting-v1.png b/public/logo-exploration/magpie-house-scene/customer-waiting-v1.png
new file mode 100644
index 0000000..94cfa94
Binary files /dev/null and b/public/logo-exploration/magpie-house-scene/customer-waiting-v1.png differ
diff --git a/public/logo-exploration/magpie-house-scene/handoff.css b/public/logo-exploration/magpie-house-scene/handoff.css
new file mode 100644
index 0000000..fbc9bcb
--- /dev/null
+++ b/public/logo-exploration/magpie-house-scene/handoff.css
@@ -0,0 +1 @@
+:root{--skin:#f5bc8c;--navy:#182d43}.person-line{stroke:var(--ink);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}#stage{display:block;width:100%;height:auto}.return-row{display:flex;gap:18px;align-items:center;margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.return-row p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.return-row button{background:var(--blue-light)}@media(max-width:600px){.return-row{align-items:flex-start;flex-direction:column;gap:8px}.buttons{justify-content:flex-start}}
\ No newline at end of file
diff --git a/public/logo-exploration/magpie-house-scene/handoff.html b/public/logo-exploration/magpie-house-scene/handoff.html
new file mode 100644
index 0000000..99aa82c
--- /dev/null
+++ b/public/logo-exploration/magpie-house-scene/handoff.html
@@ -0,0 +1,38 @@
+<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>纸鹊 · 交件与等待</title><link rel="stylesheet" href="animation.css?v=4"><link rel="stylesheet" href="handoff.css?v=1"><script defer src="../magpie-upload-motion/gsap.min.js"></script><script defer src="handoff.js?v=2"></script></head><body><main><header><span class="brand">纸鹊 <span>Magpie</span></span><span class="draft">动作修订 · 交件与等待</span></header><div class="intro"><h1>接稳了，再出发。</h1><p>先把一次交接做好。</p></div><section class="theatre"><svg id="stage" viewBox="420 462 780 530" role="img" aria-label="客户递出文件，纸鹊接稳，客户收手后保持自然等待姿势"><defs><g id="chain" fill="none" stroke="currentColor" stroke-width="7" stroke-linecap="round"><path d="M-8 8L8-8M-4-14L3-21C20-37 39-17 23-1L16 6M4 14L-3 21C-20 37-39 17-23 1L-16-6"/></g></defs><image href="house-clean-v2.png" width="1536" height="1024"/><g id="customer" transform="translate(620 927)" class="person-line">
+<ellipse cx="5" cy="-1" rx="94" ry="11" fill="var(--shadow)" stroke="none"/>
+<path d="M-39-158L-38-87L-45-16L-8-14L8-108L30-15L66-14L49-158Z" fill="#43454a"/>
+<path d="M6-145L8-106M-34-81L-13-73M35-88L52-77" fill="none" stroke="#30353a" stroke-width="3"/>
+<path d="M-47-26L-9-24L-7-11L11-4Q20 8 8 12H-58Q-65 7-60-4Z" fill="var(--paper)"/>
+<path d="M30-24L65-24L72-10L96-2Q107 9 93 13H31Q24 9 26-4Z" fill="var(--paper)"/>
+<path d="M-49 1H0M37 2H89M-37-15L-16-13M43-13L62-10" fill="none" stroke-width="3"/>
+<path d="M-43-244Q-67-220-65-194L-52-153Q-44-136-37-143L-29-158L-38-184L-37-225Z" fill="var(--skin)"/>
+<path d="M-38-281Q-59-278-67-248L-51-228L-41-232L-42-157Q-1-139 53-159L51-231L68-231L73-260Q44-282 25-282Z" fill="var(--navy)"/>
+<path d="M-37-274L-24-252M43-270L50-233M-34-171Q7-163 44-177" stroke="#263e55" fill="none" stroke-width="4"/>
+<g id="customer-head"><path d="M-9-307L-12-280Q5-263 27-281L28-307" fill="var(--skin)"/>
+<ellipse cx="-41" cy="-343" rx="10" ry="16" fill="var(--skin)"/><ellipse cx="48" cy="-344" rx="8" ry="14" fill="var(--skin)"/>
+<path d="M-40-373Q-35-407 7-402Q48-398 51-367L45-324Q38-299 12-296Q-15-297-32-321Z" fill="var(--skin)"/>
+<path d="M-41-345Q-55-377-35-398Q-43-403-34-411Q-9-433 17-419Q44-416 53-397Q67-382 52-351L41-370L34-389Q5-378-12-385Q-31-377-35-351Z" fill="#272321"/>
+<path d="M-30-403Q-8-416 25-400M-20-392Q4-402 30-395" stroke="#4d3c31" stroke-width="3" fill="none"/>
+<g id="glasses" fill="none" stroke-width="3.8"><path d="M-38-355Q-19-366-3-355L-4-339Q-11-327-27-334Q-38-340-38-355ZM7-356Q27-367 43-355L40-339Q30-328 16-334Q7-339 7-356ZM-3-352H8M-45-356L-38-355"/></g>
+<g id="customer-eyes" stroke="none" fill="var(--ink)"><ellipse cx="-17" cy="-348" rx="3.6" ry="5.5"/><ellipse cx="27" cy="-348" rx="3.6" ry="5.5"/></g>
+<path d="M9-343L5-329L13-327M-5-314Q10-306 24-316" fill="none" stroke-width="2.7"/>
+</g>
+<g id="customer-arm"><path id="upper-arm" fill="none" stroke="var(--ink)" stroke-width="26"/><path id="upper-skin" fill="none" stroke="var(--skin)" stroke-width="18"/><path id="fore-arm" fill="none" stroke="var(--ink)" stroke-width="24"/><path id="fore-skin" fill="none" stroke="var(--skin)" stroke-width="17"/>
+<g id="customer-hand"><path d="M-8-5Q-2-12 6-8L17-3Q23 0 18 5L7 3Q23 7 17 11L3 9Q-4 10-9 4Z" fill="var(--skin)"/><path id="thumb" d="M-3-3Q9-12 13-5L8 1" fill="var(--skin)" stroke-width="3"/></g></g>
+</g><g id="bird-position"><g id="bird-scale"><g id="bird-facing"><g id="bird-body" class="bird-line">
+<g id="tail"><path d="M109-111Q46-86-84-74Q-111-70-90-52Q-61-37 123-66Z" fill="var(--green)"/><path d="M-74-62Q25-63 106-92" fill="none" stroke="var(--green-dark)" stroke-width="9"/></g>
+<g id="far-wing"><path d="M120-157Q83-155 60-179Q55-187 66-186L83-183Q62-202 77-200L110-186Q112-171 131-171Z" fill="var(--green)"/><path d="M78-182L103-172" fill="none" stroke="var(--paper)" stroke-width="9"/></g>
+<path id="leg-far" d="M158-37V-8" fill="none" stroke="var(--green-dark)" stroke-width="9"/><path id="leg-near" d="M117-37V-8" fill="none" stroke="var(--green-dark)" stroke-width="9"/><g id="foot-far"><path d="M157-29L158-8Q177-15 182-6Q184 1 170 2H148Q136 4 137-2L143-27" fill="var(--green)"/></g>
+<g id="foot-near"><path d="M121-31L119-10Q145-17 150-6Q151 1 131 1H108Q96 6 97-2L106-32" fill="var(--green)"/></g>
+<path d="M110-171Q84-119 91-75Q94-28 143-26Q185-27 201-71Q219-110 194-159Z" fill="var(--green)"/>
+<path d="M135-156Q125-126 111-104Q99-67 121-47Q149-24 177-56Q199-83 180-137Z" fill="var(--paper)" stroke="none"/>
+<g id="head"><path d="M116-156Q97-186 110-217Q126-245 158-243Q195-243 208-213Q218-185 200-168Q183-153 163-154" fill="var(--green)"/>
+<path d="M181-181Q199-182 204-195Q208-174 193-162Q176-151 161-160" fill="var(--paper)" stroke="none"/>
+<g id="eye"><ellipse cx="177" cy="-207" rx="19" ry="23" fill="var(--paper)" stroke="none"/><ellipse cx="183" cy="-207" rx="11" ry="16" fill="var(--ink)" stroke="none"/><circle cx="187" cy="-214" r="4" fill="var(--paper)" stroke="none"/></g>
+<path d="M207-202L230-193L209-185Z" fill="var(--green-dark)"/>
+<g id="cap"><path d="M104-239Q105-264 137-268Q166-270 180-244L174-234Z" fill="var(--green)"/><path d="M103-242Q146-235 180-248Q205-255 209-248Q200-232 167-228L111-231Z" fill="var(--green)"/><path d="M112-239Q141-232 168-237" fill="none" stroke="var(--ink)" stroke-width="7"/><ellipse cx="126" cy="-253" rx="7" ry="5" fill="var(--paper)" stroke="none"/></g></g>
+<path d="M116-169L174-97L163-87L107-160Z" fill="var(--blue)" stroke-width="4"/>
+<g id="bag"><path d="M99-107L169-103L165-43Q165-33 155-33L102-39Q95-40 94-51Z" fill="var(--blue)"/><path d="M100-106L169-103L161-82L106-85Z" fill="var(--blue-light)" stroke-width="4"/><use href="#chain" transform="translate(133 -63) scale(.42)"/></g>
+<g id="near-wing"><path id="wing-shape" fill="var(--green)"/><path id="wing-white" fill="var(--paper)" stroke="none"/></g>
+</g></g></g></g>
+<g id="paper" class="line"><path d="M0 0H65L82 18V100H0Z" fill="var(--paper)"/><path d="M65 0V18H82" fill="var(--green)"/><text x="40" y="49" text-anchor="middle" class="file-label">HTML</text><path d="M15 67H64M15 80H51" stroke="var(--muted)" stroke-width="4"/></g><g id="fingers-top" class="person-line"><path id="finger-cover" d="M0 0Q5-7 10-2L8 6" fill="var(--skin)" stroke-width="3"/></g><g id="wing-tip-cover" class="bird-line"><path id="tip-cover" fill="var(--green)"/></g><g id="bag-front-cover" class="line"><path d="M-27-2Q0 9 29 0V40Q0 48-27 40Z" fill="var(--blue)"/><use href="#chain" transform="translate(0 24) scale(.33)"/></g></svg><div id="loading" role="status">准备角色图层…</div></section><div class="playback"><div class="status"><span id="phase-number">01</span><div><h2 id="phase-title">客户持有文件</h2><p id="phase-copy">喜鹊接稳前，客户不会松手。</p></div></div><div class="buttons"><button id="toggle" disabled>暂停</button><button id="replay" disabled>重播交件</button></div></div><div class="scrubber"><label for="seek">动作进度</label><input id="seek" type="range" min="0" max="5" step="0.01" value="0" disabled><output id="time">0.0 / 5.0 秒</output></div><div class="return-row"><button id="returned" disabled>测试：喜鹊已返回</button><p id="return-note">交件完成后，客户保持等待。此按钮仅用于测试返回事件。</p></div><p class="footnote">这是交件与等待的局部动作测试；楼梯与三房间派送仍在后续修订范围。<span id="motion-note"></span></p></main></body></html>
\ No newline at end of file
diff --git a/public/logo-exploration/magpie-house-scene/handoff.js b/public/logo-exploration/magpie-house-scene/handoff.js
new file mode 100644
index 0000000..bf86529
--- /dev/null
+++ b/public/logo-exploration/magpie-house-scene/handoff.js
@@ -0,0 +1,26 @@
+/* global document, window, Image, gsap, IntersectionObserver */
+(() => {
+'use strict';
+const $=id=>document.getElementById(id), clamp=v=>Math.min(1,Math.max(0,v)), smooth=v=>{const t=clamp(v);return t*t*(3-2*t);}, phase=(t,a,b)=>smooth((t-a)/(b-a)),mix=(a,b,t)=>a+(b-a)*t,point=(a,b,t)=>({x:mix(a.x,b.x,t),y:mix(a.y,b.y,t)});
+const attr=(id,k,v)=>$(id).setAttribute(k,v),tr=(id,v)=>attr(id,'transform',v),op=(id,v)=>{$(id).style.opacity=v;};
+const shoulder={x:51,y:-248},offer={x:130,y:-225},wait={x:62,y:-142},bird={x:890,y:916,sx:-.9912,sy:.84},root={x:124,y:-165},rest={x:135,y:-123};
+const world=p=>({x:bird.x+(p.x-140)*bird.sx,y:bird.y+p.y*bird.sy}),local=p=>({x:140+(p.x-bird.x)/bird.sx,y:(p.y-bird.y)/bird.sy});
+const paperStart={x:742,y:698},contact={x:817,y:770},bagTarget={x:891,y:850},clock={t:0},reduced=window.matchMedia('(prefers-reduced-motion: reduce)');
+let tl,preparing=null,wantsPlay=!reduced.matches,visible=true,last=-1;
+function elbow(a,b,l1,l2,sign=1){const dx=b.x-a.x,dy=b.y-a.y,d=Math.hypot(dx,dy),c=Math.min(1,Math.max(-1,(l1*l1+d*d-l2*l2)/(2*l1*d))),angle=Math.atan2(dy,dx)+sign*Math.acos(c);return{x:a.x+Math.cos(angle)*l1,y:a.y+Math.sin(angle)*l1};}
+function arm(h,grip){const e=elbow(shoulder,h,52,67);const d1=`M${shoulder.x} ${shoulder.y}L${e.x} ${e.y}`,d2=`M${e.x} ${e.y}L${h.x} ${h.y}`;['upper-arm','upper-skin'].forEach(id=>attr(id,'d',d1));['fore-arm','fore-skin'].forEach(id=>attr(id,'d',d2));tr('customer-hand',`translate(${h.x} ${h.y}) rotate(${grip?-5:65})`);tr('fingers-top',`translate(${620+h.x-8} ${927+h.y-4})`);op('fingers-top',grip?1:0);}
+function wing(t,grip){const s=root,dx=t.x-s.x,dy=t.y-s.y,d=Math.hypot(dx,dy),nx=-dy/d,ny=dx/d;const v=(p,w)=>`${p.x+nx*w} ${p.y+ny*w}`,m=point(s,t,.5);attr('wing-shape','d',`M${v(s,16)}Q${v(m,23)} ${v(t,8)}Q${t.x+dx/d*13} ${t.y+dy/d*13} ${v(t,-8)}Q${v(m,-14)} ${v(s,-16)}Q${s.x-dx/d*12} ${s.y-dy/d*12} ${v(s,16)}Z`);const inset=point(s,t,.22),end=point(s,t,.82);attr('wing-white','d',`M${v(inset,7)}Q${v(m,13)} ${v(end,3)}Q${v(m,3)} ${v(inset,-1)}Z`);const w=world(t);attr('tip-cover','d',`M${w.x-7} ${w.y-5}Q${w.x+8} ${w.y-12} ${w.x+9} ${w.y-2}L${w.x+4} ${w.y+5}Q${w.x-3} ${w.y+9} ${w.x-7} ${w.y-5}Z`);op('wing-tip-cover',grip?1:0);}
+function paper(p,s,o){tr('paper',`translate(${p.x} ${p.y}) scale(${s})`);op('paper',o);}
+function status(n,title,copy){if(n!==last){$('phase-number').textContent=String(n).padStart(2,'0');$('phase-title').textContent=title;$('phase-copy').textContent=copy;last=n;}}
+function render(t){
+tr('bird-position',`translate(${bird.x} ${bird.y})`);tr('bird-scale',`scale(${Math.abs(bird.sx)} ${bird.sy})`);tr('bird-facing','scale(-1 1) translate(-140 0)');tr('foot-near','translate(0 0)');tr('foot-far','translate(0 0)');attr('leg-near','d','M117-37V-8');attr('leg-far','d','M158-37V-8');tr('head',`rotate(${-4*Math.sin(Math.PI*phase(t,1.5,2.5))} 153 -165)`);tr('customer-head',`rotate(${3*Math.sin(Math.PI*phase(t,1.6,2.7))} 8 -286)`);const blink=t>3.6&&t<3.75;tr('customer-eyes',`translate(0 -348) scale(1 ${blink?.15:1}) translate(0 348)`);tr('bag-front-cover','translate(897 848)');op('bag-front-cover',t>2.2?phase(t,2.2,2.45):0);
+let h=offer,p=paperStart,s=1,o=1,target=point(rest,local(contact),phase(t,.25,1.15));
+if(t>=1.6){h=point(offer,wait,phase(t,1.6,2.8));const q=phase(t,1.6,2.85),g=point(contact,bagTarget,q);s=mix(1,.52,q);target=local(g);p={x:g.x-75*s,y:g.y-72*s};o=1-phase(t,2.85,3.1);if(t>=3.1)target=point(local(bagTarget),rest,phase(t,3.1,3.65));}
+arm(h,t<1.6);wing(target,t>=1.15&&t<2.95);paper(p,s,o);
+if(t<1.15)status(1,'客户仍握着文件','喜鹊伸翼接近，纸张还在客户手中。');else if(t<1.6)status(2,'双方接稳，短暂停留','客户握住上缘，喜鹊托住下角。');else if(t<3.65)status(3,'接稳后，松手收臂','文件跟随翅膀放入包中，客户收回手臂。');else status(4,'自然等待，直到喜鹊返回','手臂放松停在腰侧；没有返回信号，就不再递件。');
+$('returned').disabled=t<4.5||!!preparing;$('seek').value=t;$('time').value=`${t.toFixed(1)} / 5.0 秒`;$('stage').dataset.paperOwner=t<1.15?'customer':t<1.6?'both':t<3.1?'magpie':'bag';$('stage').dataset.customerState=t<1.6?'offering':t<3.65?'retracting':'waiting';}
+function sync(){if(!tl)return;const active=wantsPlay&&visible&&!document.hidden,current=preparing||tl;if(active)current.play();else current.pause();$('toggle').textContent=wantsPlay?'暂停':'播放';}
+function returned(){if(clock.t<4.5||preparing)return;const prep={p:0};wantsPlay=!reduced.matches;$('returned').disabled=true;$('seek').disabled=true;status(5,'看见喜鹊回来，准备下一份','返回事件已收到，客户重新拿出文件并伸手。');preparing=gsap.to(prep,{p:1,duration:1.8,ease:'none',paused:true,onUpdate:()=>{const u=smooth(prep.p),h=point(wait,offer,u);arm(h,true);paper({x:620+h.x-8,y:927+h.y-4},1,phase(prep.p,0,.25));wing(rest,false);op('bag-front-cover',0);tr('customer-head',`rotate(${-3*Math.sin(u*Math.PI)} 8 -286)`);$('stage').dataset.customerState='preparing-next';$('stage').dataset.paperOwner='customer';},onComplete:()=>{preparing=null;$('seek').disabled=false;tl.pause(0);render(0);wantsPlay=!reduced.matches;sync();}});sync();}
+function start(){if(!window.gsap){$('loading').textContent='动作脚本加载失败，请刷新重试。';return;}tl=gsap.to(clock,{t:5,duration:5,ease:'none',paused:true,onUpdate:()=>render(clock.t),onComplete:()=>{wantsPlay=false;sync();}});render(0);$('loading').hidden=true;['toggle','replay','seek'].forEach(id=>{$(id).disabled=false;});$('toggle').onclick=()=>{if(!preparing&&clock.t>=5){tl.pause(0);render(0);}wantsPlay=!wantsPlay;sync();};$('replay').onclick=()=>{if(preparing){preparing.kill();preparing=null;}$('seek').disabled=false;tl.pause(0);render(0);wantsPlay=!reduced.matches;sync();};$('seek').oninput=()=>{wantsPlay=false;tl.pause(Number($('seek').value));render(clock.t);sync();};$('returned').onclick=returned;document.addEventListener('visibilitychange',sync);new IntersectionObserver(([entry])=>{visible=entry.isIntersecting;sync();},{threshold:.1}).observe($('stage'));reduced.addEventListener('change',()=>{if(reduced.matches){wantsPlay=false;sync();}});if(reduced.matches)$('motion-note').textContent='已按系统偏好关闭自动播放。';sync();}
+const image=new Image();image.onload=start;image.onerror=()=>{$('loading').textContent='场景加载失败，请刷新重试。';};image.src='house-clean-v2.png';
+})();
diff --git a/public/logo-exploration/magpie-house-scene/house-clean-v1.png b/public/logo-exploration/magpie-house-scene/house-clean-v1.png
new file mode 100644
index 0000000..a77825b
Binary files /dev/null and b/public/logo-exploration/magpie-house-scene/house-clean-v1.png differ
diff --git a/public/logo-exploration/magpie-house-scene/house-clean-v2.png b/public/logo-exploration/magpie-house-scene/house-clean-v2.png
new file mode 100644
index 0000000..603a1b7
Binary files /dev/null and b/public/logo-exploration/magpie-house-scene/house-clean-v2.png differ
diff --git a/public/logo-exploration/magpie-house-scene/house-clean-v3.png b/public/logo-exploration/magpie-house-scene/house-clean-v3.png
new file mode 100644
index 0000000..1265322
Binary files /dev/null and b/public/logo-exploration/magpie-house-scene/house-clean-v3.png differ
diff --git a/public/logo-exploration/magpie-house-scene/house-scene-v1.png b/public/logo-exploration/magpie-house-scene/house-scene-v1.png
new file mode 100644
index 0000000..b022886
Binary files /dev/null and b/public/logo-exploration/magpie-house-scene/house-scene-v1.png differ
diff --git a/public/logo-exploration/magpie-house-scene/house-scene-v2.png b/public/logo-exploration/magpie-house-scene/house-scene-v2.png
new file mode 100644
index 0000000..6ba14a5
Binary files /dev/null and b/public/logo-exploration/magpie-house-scene/house-scene-v2.png differ
diff --git a/public/logo-exploration/magpie-house-scene/key-poses-v1.png b/public/logo-exploration/magpie-house-scene/key-poses-v1.png
new file mode 100644
index 0000000..1ae8195
Binary files /dev/null and b/public/logo-exploration/magpie-house-scene/key-poses-v1.png differ
diff --git a/public/logo-exploration/magpie-house-scene/residents-work-v1.png b/public/logo-exploration/magpie-house-scene/residents-work-v1.png
new file mode 100644
index 0000000..a01766a
Binary files /dev/null and b/public/logo-exploration/magpie-house-scene/residents-work-v1.png differ
diff --git a/public/logo-exploration/magpie-mascot/README.md b/public/logo-exploration/magpie-mascot/README.md
new file mode 100644
index 0000000..b7db823
--- /dev/null
+++ b/public/logo-exploration/magpie-mascot/README.md
@@ -0,0 +1,10 @@
+# 纸鹊 Magpie · 卡通粗描边候选
+
+按本轮实际图片展示顺序：
+- option-1.png：衔页小信使，蓝绿配色，眨眼衔纸。
+- option-2.png：展翼寄远，珊瑚橙与奶油色强调，纸翼飞行。
+- option-3.png：纸间探头，紫色与青柠绿，纸后探头。
+
+均由内置 image_gen 独立生成，1536×1024 位图，保留原始输出。用户参考图已保存在 style-reference.png，角色与道具没有照搬；提示词见 prompts.md。
+
+已直接查看三图：名称纸鹊 Magpie及口号一纸，寄万千可读，配色与动作有差别，版面无明显裁切。生成结果比提示词多出少量阴影与细节，作为概念方案保留；正式导航标志仍需选定后简化与小尺寸验证。底部是缩小示意，不能视为实际32px验收。未替换已有首页，未改仓库、目录或业务名称。
diff --git a/public/logo-exploration/magpie-mascot/flying-green-black-v4-prompt.md b/public/logo-exploration/magpie-mascot/flying-green-black-v4-prompt.md
new file mode 100644
index 0000000..f6f6183
--- /dev/null
+++ b/public/logo-exploration/magpie-mascot/flying-green-black-v4-prompt.md
@@ -0,0 +1,15 @@
+# 纸鹊 Magpie 黑色描边版 v4
+
+模式：内置 image_gen 编辑。候选稿，未替换首页。
+
+输入：flying-green-blue-v3.png
+输出：flying-green-black-v4.png
+
+核对：白色背景、绿色与白色羽色、黑色粗描边、飞翔叼纸、中英文字齐全。生成结果将文字同步为近黑色。
+
+## 最终提示词
+
+Use case: precise-object-edit. Edit the supplied logo with one targeted change: replace ALL BLUE OUTLINES on the flying magpie mascot and the paper in its beak with the website's near-black ink color, target oklch(27% .009 115), visually warm charcoal black. This must visibly read as BLACK thick outlines, never blue/navy outlines. Include wing edges, head, belly contour, tail, feet, beak, paper perimeter and all blue structural lines. Change the blue eye pupil to the same black ink while preserving the white highlights. Preserve stroke thickness and smooth bold rounded cartoon/Neo-Brutalist contours.
+Keep everything else unchanged: exact green crown/back/outer wings/long tail, large connected white cheek/chest/belly, large white patches inside both raised wings, green beak and feet, white paper with green folded corner and two gray lines. Preserve the flying pose, anatomy, smile, silhouette, generous white background, horizontal bird-left wordmark-right composition, exact dark wordmark typography Chinese "纸鹊" above English "Magpie", text positions, proportions and framing. No slogan. No new objects. No redesign. Single finished logo, same landscape canvas. Flat crisp clean edges. The intended adjustment is matching a green-and-black website's bold black borders while retaining the approved white-space color blocking.
+CRITICAL BACKGROUND REQUIREMENT: Entire canvas background must be SOLID OPAQUE PURE WHITE (#FFFFFF), exactly as in the supplied source image. No black background, no transparency, no glow, no vignette, no shadows behind the logo. The Chinese and English wordmark must be fully visible and sharply legible against WHITE. Only recolor the existing blue strokes to charcoal black.
+
diff --git a/public/logo-exploration/magpie-mascot/flying-green-black-v4.png b/public/logo-exploration/magpie-mascot/flying-green-black-v4.png
new file mode 100644
index 0000000..329bae7
Binary files /dev/null and b/public/logo-exploration/magpie-mascot/flying-green-black-v4.png differ
diff --git a/public/logo-exploration/magpie-mascot/flying-green-blue-prompt.md b/public/logo-exploration/magpie-mascot/flying-green-blue-prompt.md
new file mode 100644
index 0000000..c1a02cd
--- /dev/null
+++ b/public/logo-exploration/magpie-mascot/flying-green-blue-prompt.md
@@ -0,0 +1,16 @@
+# 纸鹊 Magpie · 飞翔衔纸修改版
+
+模式：内置 image_gen。参考顺序：option-2.png 为飞翔姿态主图；option-1.png 提供嘴叼纸动作。按用户要求只生成一套：绿色与浅蓝色为主，左图右文，中英文名，不含口号。原有候选及首页不变。
+
+## 完整提示词
+
+Use case: compositing / logo-brand refinement.
+Create ONE revised logo lockup for 纸鹊 Magpie by combining the two attached concepts exactly as requested.
+Input Image 1: PRIMARY edit/design target for the bird's FLYING POSE: rising diagonally right, both wings open upward, long tail flowing down-left, lively cute expression, rounded bold outline. Preserve this flying silhouette and friendly cartoon style.
+Input Image 2: SUPPORTING reference ONLY for the beak gripping a paper sheet. Transfer this action to the flying bird. Do not copy the standing pose or feet-on-ground.
+Mandatory changes:
+1. The flying bird carries ONE clearly visible small white page in its BEAK like image 2, with a folded corner and at most two simple pale lines. The page hangs from the beak, not from the wing or claws. Convert the paper-shaped wing in image 1 back into a regular simplified feather wing; there must be only one paper, in the mouth.
+2. Main colors are GREEN and LIGHT BLUE. Use fresh lime green #A3E635 for the head/body or major wing planes, and light sky blue #8BD5F5 for complementary broad wings/tail planes. White belly and cheek. Dark ink-navy #18243C only for the thick crisp outlines, eyes, small beak and typography, NOT as a dominant dark body fill. No orange, coral, yellow, purple or royal-blue areas. Green and LIGHT blue must visibly dominate the bird.
+3. HORIZONTAL logo composition: bird on the LEFT, text on the RIGHT. Text block two lines: Chinese "纸鹊" on top, English "Magpie" below; capital M only. Bold rounded friendly lettering, beautifully balanced alignment, not cramped. Both wordmark lines fully legible and no overlap with the bird or paper.
+4. NO slogan whatsoever. In particular remove 一纸，寄万千 from ALL places. No small bottom repeats, no alternate options, no labels, no guidelines: ONE single finished logo lockup only.
+Target dimensions 1536 x 1024, center the horizontal combination on a pure opaque WHITE background with generous but not excessive margins. Flat cartoon/sticker graphic, dark clean thick outlines, restrained flat cel-shading, simple memorable shapes, no 3D, no glow, no gradients, no textures. Show the complete bird with enough space around raised wings and tail. Keep the mascot recognizably a magpie, not a parrot, panda or duck. Do not add accessories.
diff --git a/public/logo-exploration/magpie-mascot/flying-green-blue-v1.png b/public/logo-exploration/magpie-mascot/flying-green-blue-v1.png
new file mode 100644
index 0000000..8759ac1
Binary files /dev/null and b/public/logo-exploration/magpie-mascot/flying-green-blue-v1.png differ
diff --git a/public/logo-exploration/magpie-mascot/flying-green-blue-v2-prompt.md b/public/logo-exploration/magpie-mascot/flying-green-blue-v2-prompt.md
new file mode 100644
index 0000000..051a0fd
--- /dev/null
+++ b/public/logo-exploration/magpie-mascot/flying-green-blue-v2-prompt.md
@@ -0,0 +1,10 @@
+# 全绿喜鹊、蓝色描边
+
+内置 image_gen 编辑 flying-green-blue-v1.png；另存 v2，原图保留。
+
+Edit this exact logo image. Make ONLY the following bird color changes, preserving the precise composition, flying pose, beak holding the paper, shape proportions, typography, text and white background.
+The ENTIRE magpie must be GREEN: head, torso, belly, cheeks, both wings, every feather patch, long tail, feet and beak. Replace ALL light blue, cyan, white feather/belly and dark body/feet/beak fills with fresh green. Use main lime #A3E635 and a slightly darker leaf green #7BBC35 only for restrained flat shadow areas. No blue-filled feathers, no white belly or white wing patches, no dark feet or dark beak.
+All outer bird outlines and inner feather/separation strokes must be BLUE #2366BC, consistent clean thick stroke. Eye contour/pupil may use the same blue, with a tiny white eye catchlight for readability; the eye is the only tiny white detail allowed ON THE BIRD.
+The paper held in the beak stays WHITE with its green folded corner and two gray text lines. Give the paper outline the same blue #2366BC to harmonize. Keep the bird's beak visibly gripping the paper.
+Do not recolor or redraw the right-hand wordmark: preserve exact dark navy "纸鹊" above "Magpie", their original position, size and font. NO slogan, no extra words, no extra mini versions.
+Preserve the fully opaque pure WHITE background. Same 1536x1024 canvas. Keep the reference's rounded cartoon style, but use clean flat color patches. Do not add gradients, texture, glow, accessories, decorations or any new elements. This is a precise recolor, not a redesign.
diff --git a/public/logo-exploration/magpie-mascot/flying-green-blue-v2.png b/public/logo-exploration/magpie-mascot/flying-green-blue-v2.png
new file mode 100644
index 0000000..c442a58
Binary files /dev/null and b/public/logo-exploration/magpie-mascot/flying-green-blue-v2.png differ
diff --git a/public/logo-exploration/magpie-mascot/flying-green-blue-v3-prompt.md b/public/logo-exploration/magpie-mascot/flying-green-blue-v3-prompt.md
new file mode 100644
index 0000000..c09742a
--- /dev/null
+++ b/public/logo-exploration/magpie-mascot/flying-green-blue-v3-prompt.md
@@ -0,0 +1,13 @@
+# 纸鹊 Magpie 留白版 v3
+
+模式：内置 image_gen 编辑。仅生成候选，不替换首页。
+
+输入：flying-green-blue-v2.png
+输出：flying-green-blue-v3.png
+
+## 最终提示词
+
+Use case: precise-object-edit. Edit the supplied Magpie logo, preserving its exact overall composition, bird silhouette and flying pose, paper held in its beak, friendly rounded cartoon style with thick outlines, and the right-side wordmark Chinese "纸鹊" above English "Magpie". Produce one refined logo on a clean white background, same landscape framing.
+Change only the bird's internal color blocking and slightly soften the blue outlines: green back and white belly, white wing patches. Keep the crown, upper head, back, upper/outer wing areas and long tail bright brand lime green (target #A3E635), with at most one flat darker green shadow tone. Add a LARGE CONTINUOUS WHITE patch that flows from the lower cheek down the chest into the rounded belly, taking up most of the breast and belly. Both raised wings need a broad clean white patch across their inner/lower feather area, with green shoulders/upper edges/tips retained. White areas should be large simple anatomical shapes, not small speckles or busy feather detail. Preserve white eye sclera. White areas are opaque white fills, not transparency.
+Keep all thick external outlines and structural lines BLUE, a slightly calmer ink blue around #285EAA, still clearly blue and not black. Keep the beak and tiny feet green with blue contours. Paper remains white with a small green folded corner and minimal pale gray lines, distinctly separated from the white chest by blue outline. Keep the existing dark navy wordmark shape, scale, text and positioning unchanged. Flat clean vector-like cel illustration, crisp smooth edges; no gradients, texture, extra decorative objects or extra colors. No slogan. Do not add a surrounding frame. This is a restrained palette correction, not a redesign of the mascot.
+
diff --git a/public/logo-exploration/magpie-mascot/flying-green-blue-v3.png b/public/logo-exploration/magpie-mascot/flying-green-blue-v3.png
new file mode 100644
index 0000000..e3060dd
Binary files /dev/null and b/public/logo-exploration/magpie-mascot/flying-green-blue-v3.png differ
diff --git a/public/logo-exploration/magpie-mascot/option-1.png b/public/logo-exploration/magpie-mascot/option-1.png
new file mode 100644
index 0000000..9229c07
Binary files /dev/null and b/public/logo-exploration/magpie-mascot/option-1.png differ
diff --git a/public/logo-exploration/magpie-mascot/option-2.png b/public/logo-exploration/magpie-mascot/option-2.png
new file mode 100644
index 0000000..433dc6e
Binary files /dev/null and b/public/logo-exploration/magpie-mascot/option-2.png differ
diff --git a/public/logo-exploration/magpie-mascot/option-3.png b/public/logo-exploration/magpie-mascot/option-3.png
new file mode 100644
index 0000000..551f28c
Binary files /dev/null and b/public/logo-exploration/magpie-mascot/option-3.png differ
diff --git a/public/logo-exploration/magpie-mascot/prompts.md b/public/logo-exploration/magpie-mascot/prompts.md
new file mode 100644
index 0000000..df4610f
--- /dev/null
+++ b/public/logo-exploration/magpie-mascot/prompts.md
@@ -0,0 +1,43 @@
+# 纸鹊 Magpie · 卡通粗描边三方向
+
+模式：内置 image_gen；三份独立图像。用户提供的熊猫图只作为风格参考，主体重新设计为原创喜鹊。用户同意扩充色彩。名称与口号：纸鹊 Magpie｜一纸，寄万千。
+
+## 衔页小信使
+
+Use case: logo-brand. Create one polished ORIGINAL mascot-based product logo for 纸鹊 Magpie, an app turning a page/file into a shareable web link. Approved slogan: 一纸，寄万千.
+Input Image 1 is the user's STYLE reference: thick very dark blue outlines, rounded adorable confident character, vibrant color blocking, expressive face, crisp two-tone cel shading and sticker-like graphic appeal. Borrow the visual language, NOT the panda, clothing, skateboard, drink, hat or pose. Design a distinctive MAGPIE bird with a dark head, white chest/wing patch, short beak and recognizably long tail. No mammalian ears or panda eye patches. Keep it simpler than the reference so it reads as a PRODUCT LOGO, not a full poster illustration. One bird plus ONE meaningful paper element, no scene/background objects.
+New requested style takes priority over previous angular abstract Neo-Brutalist drafts. Organic bold contour, friendly expressive face, carefully shaped broad color areas, restrained flat shadow patches only. No photorealism, no 3D, no glossy gradients, no fuzzy textures, no glows.
+Target dimensions 1536 x 1024. Fully opaque white/very pale cream background, NOT transparent. Focused premium identity presentation, one distinct logo concept, lots of whitespace. Primary emblem dominates upper 65%; bilingual brand name and slogan clearly readable alongside or directly below; one simple lower strip presents the exact same identity at compact navigation scale (do not create another mascot design). No annotations, numbers, labels, website UI, mock products or decorative panels.
+Exact visible text only: "纸鹊" and "Magpie" and "一纸，寄万千". Spell M-a-g-p-i-e with only capital M. Accurate Chinese characters, bold friendly sans Chinese lettering, compact rounded-heavy English lettering; slogan smaller clean regular-weight type, not distorted or cartoonized. Avoid old names 纸鹊 Magpie Paperjay.
+Simplicity: one instantly recognizable strong silhouette, one expressive eye arrangement, maximum 4 main colors plus paper white, only 1-2 flat shadow shapes. No detailed feathers, fingers, sneaker laces, clothes, tiny accessories, confetti, speed lines or sparkles. No generic circular badge or rounded-square app-icon enclosure. Aim for clean memorable branding, not an esports team logo.
+Direction name: 衔页小信使.
+Design a compact three-quarter view cheerful magpie, large expressive head, ONE eye winking and the other a clean oval. A short golden-yellow beak gently holds a single small white page with one lime-green folded corner. Body charcoal/navy, bright azure-blue wing, white belly and one long simplified tapered tail. The bird looks confidently friendly, no arms or hands, no clothes. Maintain a compact balanced silhouette, not an elongated realistic bird.
+Palette: deep navy #141847, azure #29ABE2, lime #A3E635, small warm yellow beak #FFD85A, white. Rounded thick navy contour of consistent weight, one slightly darker blue cel-shadow patch only.
+Composition: mascot large left, bilingual name right stacked, tagline underneath, lower horizontal mini lockup. White background. Put the bird in a gentle forward lean, not a copy of the reference pose.
+
+## 展翼寄远
+
+Use case: logo-brand. Create one polished ORIGINAL mascot-based product logo for 纸鹊 Magpie, an app turning a page/file into a shareable web link. Approved slogan: 一纸，寄万千.
+Input Image 1 is the user's STYLE reference: thick very dark blue outlines, rounded adorable confident character, vibrant color blocking, expressive face, crisp two-tone cel shading and sticker-like graphic appeal. Borrow the visual language, NOT the panda, clothing, skateboard, drink, hat or pose. Design a distinctive MAGPIE bird with a dark head, white chest/wing patch, short beak and recognizably long tail. No mammalian ears or panda eye patches. Keep it simpler than the reference so it reads as a PRODUCT LOGO, not a full poster illustration. One bird plus ONE meaningful paper element, no scene/background objects.
+New requested style takes priority over previous angular abstract Neo-Brutalist drafts. Organic bold contour, friendly expressive face, carefully shaped broad color areas, restrained flat shadow patches only. No photorealism, no 3D, no glossy gradients, no fuzzy textures, no glows.
+Target dimensions 1536 x 1024. Fully opaque white/very pale cream background, NOT transparent. Focused premium identity presentation, one distinct logo concept, lots of whitespace. Primary emblem dominates upper 65%; bilingual brand name and slogan clearly readable alongside or directly below; one simple lower strip presents the exact same identity at compact navigation scale (do not create another mascot design). No annotations, numbers, labels, website UI, mock products or decorative panels.
+Exact visible text only: "纸鹊" and "Magpie" and "一纸，寄万千". Spell M-a-g-p-i-e with only capital M. Accurate Chinese characters, bold friendly sans Chinese lettering, compact rounded-heavy English lettering; slogan smaller clean regular-weight type, not distorted or cartoonized. Avoid old names 纸鹊 Magpie Paperjay.
+Simplicity: one instantly recognizable strong silhouette, one expressive eye arrangement, maximum 4 main colors plus paper white, only 1-2 flat shadow shapes. No detailed feathers, fingers, sneaker laces, clothes, tiny accessories, confetti, speed lines or sparkles. No generic circular badge or rounded-square app-icon enclosure. Aim for clean memorable branding, not an esports team logo.
+Direction name: 展翼寄远.
+Design a lively, compact MAGPIE in a simple buoyant flying pose, wings formed from TWO broad rounded shapes, long tail visible as one bold diagonal stroke. Dark head, white chest, happy open beak, two small uncomplicated eyes. Integrate ONE cream paper sheet as its front wing: the wing/page fold is a simple triangular corner tinted coral. This is a bird lifting a page into flight, not riding a paper airplane, no accessory in its beak. Energetic and warm, clear single silhouette. The head and body must still read as a magpie, not a duck, chicken, owl or penguin.
+Palette: midnight navy #18213E, coral orange #FF7860, butter yellow #FFE493, tiny lime accent #A3E635 at the page fold's edge, white. Deliberate flat bold color areas, no gradients.
+Composition: mascot above a single-line bilingual wordmark centered, tagline below, restrained small-size lockup along lower edge. Mostly white background with NO circular colored backdrop.
+
+## 纸间探头
+
+Use case: logo-brand. Create one polished ORIGINAL mascot-based product logo for 纸鹊 Magpie, an app turning a page/file into a shareable web link. Approved slogan: 一纸，寄万千.
+Input Image 1 is the user's STYLE reference: thick very dark blue outlines, rounded adorable confident character, vibrant color blocking, expressive face, crisp two-tone cel shading and sticker-like graphic appeal. Borrow the visual language, NOT the panda, clothing, skateboard, drink, hat or pose. Design a distinctive MAGPIE bird with a dark head, white chest/wing patch, short beak and recognizably long tail. No mammalian ears or panda eye patches. Keep it simpler than the reference so it reads as a PRODUCT LOGO, not a full poster illustration. One bird plus ONE meaningful paper element, no scene/background objects.
+New requested style takes priority over previous angular abstract Neo-Brutalist drafts. Organic bold contour, friendly expressive face, carefully shaped broad color areas, restrained flat shadow patches only. No photorealism, no 3D, no glossy gradients, no fuzzy textures, no glows.
+Target dimensions 1536 x 1024. Fully opaque white/very pale cream background, NOT transparent. Focused premium identity presentation, one distinct logo concept, lots of whitespace. Primary emblem dominates upper 65%; bilingual brand name and slogan clearly readable alongside or directly below; one simple lower strip presents the exact same identity at compact navigation scale (do not create another mascot design). No annotations, numbers, labels, website UI, mock products or decorative panels.
+Exact visible text only: "纸鹊" and "Magpie" and "一纸，寄万千". Spell M-a-g-p-i-e with only capital M. Accurate Chinese characters, bold friendly sans Chinese lettering, compact rounded-heavy English lettering; slogan smaller clean regular-weight type, not distorted or cartoonized. Avoid old names 纸鹊 Magpie Paperjay.
+Simplicity: one instantly recognizable strong silhouette, one expressive eye arrangement, maximum 4 main colors plus paper white, only 1-2 flat shadow shapes. No detailed feathers, fingers, sneaker laces, clothes, tiny accessories, confetti, speed lines or sparkles. No generic circular badge or rounded-square app-icon enclosure. Aim for clean memorable branding, not an esports team logo.
+Direction name: 纸间探头.
+Design a compact bust/logo of a mischievously curious MAGPIE peeking over ONE folded lime paper sheet. Its big rounded black/navy head tilts slightly; two friendly curious eyes (one slightly narrower) and a short tiny lilac beak. Show a white cheek/chest patch, one purple wing curled simply around the paper edge, and a small glimpse of a long tapered tail extending sideways. No hands, no paws. The page has just ONE white folded corner, NO written lines, NO symbols. The paper and bird interlock as one compact recognizable silhouette. More intimate and witty than an action pose; very simple.
+Palette: deep purple-ink #252044, lively lavender #9C85F5, lime #A3E635, white, a tiny soft pink cheek accent only if needed. Thick dark contour and restrained flat cel shading. Avoid thick outer circular badge or app-icon rounded square.
+Composition: large emblem upper center, bilingual name beneath as a horizontal lockup, tagline smaller below. Tiny repetition for navigation at bottom. Opaque white background.
+
diff --git a/public/logo-exploration/magpie-mascot/style-reference.png b/public/logo-exploration/magpie-mascot/style-reference.png
new file mode 100644
index 0000000..ca01c7a
Binary files /dev/null and b/public/logo-exploration/magpie-mascot/style-reference.png differ
diff --git a/public/logo-exploration/magpie-neo-brutalist/generation-notes.md b/public/logo-exploration/magpie-neo-brutalist/generation-notes.md
new file mode 100644
index 0000000..6de061a
--- /dev/null
+++ b/public/logo-exploration/magpie-neo-brutalist/generation-notes.md
@@ -0,0 +1,21 @@
+
+## 修正与最终映射
+
+最初第一张出现暗背景和辉光异常，已明确作废，不计入三套候选。最终编号按之后三张白底有效图实际展示顺序：option-1.png 折纸成鹊（修正稿）、option-2.png 衔纸报喜、option-3.png M翼。
+
+### 第一张修正提示词
+
+Edit the attached identity sheet. Correct ONLY the broken background/contrast/rendering. Replace the entire black dark glowing background with a completely opaque solid white #FFFFFF background. The bird and all lettering should be fully opaque solid dark charcoal #25271F with flat lime #A3E635 wing. Remove ALL glow, gradients and translucency. Keep the exact folded-paper magpie silhouette, layout, typography wording 纸鹊 Magpie and slogan 一纸，寄万千, and bottom small copies. Make all words sharply visible, black on white. It must look like a flat graphic design printed on a white sheet, NOT a neon scene. Output opaque RGB white background, NOT transparent. 1536x1024.
+
+### 第二张追加约束
+
+CRITICAL: use a FULLY OPAQUE PURE WHITE RGB BACKGROUND. No alpha/transparency, no black backdrop, no glowing areas. Fully opaque ink shapes and text, like flat print on white paper.
+
+### 第三张追加约束
+
+CRITICAL: FULLY OPAQUE PURE WHITE BACKGROUND, flat dark ink text and mark. No transparency, no black background or glowing effects.
+
+## 检查与边界
+
+已直接检查三张最终图，产品名均为纸鹊 Magpie，口号为一纸，寄万千；三种轮廓与构图有明确区别，尺寸均为1536×1024。位图仍有轻微生成纹理，不是正式纯色矢量。底部样本仅示意小尺寸，未作实际24px图标验收；第一套底部仍为彩色重复，而不是独立单色版。现有首页未替换，仓库和项目目录名未修改。
+
diff --git a/public/logo-exploration/magpie-neo-brutalist/option-1.png b/public/logo-exploration/magpie-neo-brutalist/option-1.png
new file mode 100644
index 0000000..33e3332
Binary files /dev/null and b/public/logo-exploration/magpie-neo-brutalist/option-1.png differ
diff --git a/public/logo-exploration/magpie-neo-brutalist/option-2.png b/public/logo-exploration/magpie-neo-brutalist/option-2.png
new file mode 100644
index 0000000..1ebc67e
Binary files /dev/null and b/public/logo-exploration/magpie-neo-brutalist/option-2.png differ
diff --git a/public/logo-exploration/magpie-neo-brutalist/option-3.png b/public/logo-exploration/magpie-neo-brutalist/option-3.png
new file mode 100644
index 0000000..8dbcdac
Binary files /dev/null and b/public/logo-exploration/magpie-neo-brutalist/option-3.png differ
diff --git a/public/logo-exploration/magpie-neo-brutalist/prompts.md b/public/logo-exploration/magpie-neo-brutalist/prompts.md
new file mode 100644
index 0000000..ce16dbe
--- /dev/null
+++ b/public/logo-exploration/magpie-neo-brutalist/prompts.md
@@ -0,0 +1,45 @@
+# 纸鹊 Magpie · Neo-Brutalist Logo 方案
+
+模式：内置 image_gen，三次独立生成。新名称：纸鹊 Magpie；确认口号：一纸，寄万千。保持已有青柠绿/墨色/白色色系。本轮仅交付位图候选，不替换首页，不将现有目录或仓库改名。
+
+参考图仅用于颜色及粗体字调性，其旧名称和标志不沿用。
+
+## 折纸成鹊
+
+Use case: logo-brand. Create a refined, memorable and radically SIMPLE product logo concept for the newly renamed Chinese web publishing tool 纸鹊 Magpie. A user uploads a page/file and shares it by link. Brand meaning: paper carries ideas, the magpie delivers them. The approved poetic slogan is 一纸，寄万千.
+Style: Neo-Brutalist UI distilled into a real brand mark: decisive thick geometry, bold black mass, balanced negative space, flat punchy lime, sharp purposeful corners. Not a cartoon mascot, not a bird illustration, not a stock icon. Maximum 3-5 large structural forms. Recognizable silhouette when small. Deliberate playful character, professionally balanced.
+Target dimensions: 1536 x 1024 landscape. An identity concept sheet for ONE logo only. Main large logo with bilingual wordmark and slogan occupying upper two thirds; small single-color and navigation-size versions of the EXACT SAME mark in restrained lower band separated by one thin line. Generous whitespace. Strong hierarchy, intentional type and purposeful spacing. No website/dashboard design, no extra panels, no option labels, no numbers, no annotations. Do not stretch or warp typography.
+Input image 1: reference for PALETTE and bold typography tone ONLY, NOT an edit target. The brand and logo in that image are OBSOLETE. Do not copy its page-arrow graphic, its wording or name. This is an entirely new identity.
+Colors: white #FFFFFF, deep ink #25271F, lime #A3E635 ONLY. Solid fills with no gradients, no textures, no blur, no lighting, no highlights, no rendered material, no 3D, no bevels, no soft shadows. Crisp vector-like edges in a raster image.
+Exact text only: "纸鹊" "Magpie" "一纸，寄万千". English must spell M-a-g-p-i-e with capital M only. Chinese must be accurate and comfortably readable. Main bilingual name: bold clean contemporary sans serif, Chinese optically balanced with English. Slogan much smaller, regular weight, airy. Avoid old names 纸鹊, Magpie, Paperjay entirely. No additional slogan or English translation.
+Avoid: intricate feathers, tiny toes, multiple eyes, swallows/doves/owls/eagles, round app-icon enclosures, hearts, envelopes covered in lines, trees/branches, stars/sparkles, motion lines, decorative badges. The mark must work in monochrome and without its wordmark. Do not add a separate cartoon beside a letter symbol. A single integrated emblem is essential.
+Distinct direction: 折纸成鹊 / FOLDED MAGPIE.
+Design an angular magpie silhouette built from one folded page: a strong long tapered tail angled down-left, a compact head with a short pointed beak facing right, and one broad lime folded wing. The white negative-space fold is the essential memorable detail connecting paper to bird. Reduce the body to just two ink planes plus one lime wing, no eye needed, no feet. Asymmetric clever geometry, a solid chunky silhouette, no many little triangles, no realistic origami rendering. It should feel like a bird cut from one thick piece of paper, not a paper airplane.
+Composition: emblem large on left and bilingual name to right on two aligned lines, slogan directly underneath; generous margins. Lower specimens repeat this same emblem, one ink-only, one small with name.
+
+## 衔纸报喜
+
+Use case: logo-brand. Create a refined, memorable and radically SIMPLE product logo concept for the newly renamed Chinese web publishing tool 纸鹊 Magpie. A user uploads a page/file and shares it by link. Brand meaning: paper carries ideas, the magpie delivers them. The approved poetic slogan is 一纸，寄万千.
+Style: Neo-Brutalist UI distilled into a real brand mark: decisive thick geometry, bold black mass, balanced negative space, flat punchy lime, sharp purposeful corners. Not a cartoon mascot, not a bird illustration, not a stock icon. Maximum 3-5 large structural forms. Recognizable silhouette when small. Deliberate playful character, professionally balanced.
+Target dimensions: 1536 x 1024 landscape. An identity concept sheet for ONE logo only. Main large logo with bilingual wordmark and slogan occupying upper two thirds; small single-color and navigation-size versions of the EXACT SAME mark in restrained lower band separated by one thin line. Generous whitespace. Strong hierarchy, intentional type and purposeful spacing. No website/dashboard design, no extra panels, no option labels, no numbers, no annotations. Do not stretch or warp typography.
+Input image 1: reference for PALETTE and bold typography tone ONLY, NOT an edit target. The brand and logo in that image are OBSOLETE. Do not copy its page-arrow graphic, its wording or name. This is an entirely new identity.
+Colors: white #FFFFFF, deep ink #25271F, lime #A3E635 ONLY. Solid fills with no gradients, no textures, no blur, no lighting, no highlights, no rendered material, no 3D, no bevels, no soft shadows. Crisp vector-like edges in a raster image.
+Exact text only: "纸鹊" "Magpie" "一纸，寄万千". English must spell M-a-g-p-i-e with capital M only. Chinese must be accurate and comfortably readable. Main bilingual name: bold clean contemporary sans serif, Chinese optically balanced with English. Slogan much smaller, regular weight, airy. Avoid old names 纸鹊, Magpie, Paperjay entirely. No additional slogan or English translation.
+Avoid: intricate feathers, tiny toes, multiple eyes, swallows/doves/owls/eagles, round app-icon enclosures, hearts, envelopes covered in lines, trees/branches, stars/sparkles, motion lines, decorative badges. The mark must work in monochrome and without its wordmark. Do not add a separate cartoon beside a letter symbol. A single integrated emblem is essential.
+Distinct direction: 衔纸报喜 / PAPER MESSENGER.
+Create a minimal compact upright magpie in SIDE PROFILE facing right, designed as one bold ink silhouette: a rounded-square head flows into a sturdy black body and a decisive long narrow tail dropping diagonally left. Include exactly one white wing patch as a large negative-space cut. Its very short beak holds ONE small lime rectangular paper slip, blank with no fold or lines. The bird and paper should read instantly, playful and composed, not cute or anthropomorphic. No legs, no eyeball unless a single tiny knockout is absolutely necessary. The small green paper is the sole accent and memorable communicative gesture. No flying wings and no letterform monogram.
+Composition: large emblem centered above horizontal bilingual wordmark; slogan below; quiet lower monochrome/nav specimens. Flat white backdrop.
+
+## M翼
+
+Use case: logo-brand. Create a refined, memorable and radically SIMPLE product logo concept for the newly renamed Chinese web publishing tool 纸鹊 Magpie. A user uploads a page/file and shares it by link. Brand meaning: paper carries ideas, the magpie delivers them. The approved poetic slogan is 一纸，寄万千.
+Style: Neo-Brutalist UI distilled into a real brand mark: decisive thick geometry, bold black mass, balanced negative space, flat punchy lime, sharp purposeful corners. Not a cartoon mascot, not a bird illustration, not a stock icon. Maximum 3-5 large structural forms. Recognizable silhouette when small. Deliberate playful character, professionally balanced.
+Target dimensions: 1536 x 1024 landscape. An identity concept sheet for ONE logo only. Main large logo with bilingual wordmark and slogan occupying upper two thirds; small single-color and navigation-size versions of the EXACT SAME mark in restrained lower band separated by one thin line. Generous whitespace. Strong hierarchy, intentional type and purposeful spacing. No website/dashboard design, no extra panels, no option labels, no numbers, no annotations. Do not stretch or warp typography.
+Input image 1: reference for PALETTE and bold typography tone ONLY, NOT an edit target. The brand and logo in that image are OBSOLETE. Do not copy its page-arrow graphic, its wording or name. This is an entirely new identity.
+Colors: white #FFFFFF, deep ink #25271F, lime #A3E635 ONLY. Solid fills with no gradients, no textures, no blur, no lighting, no highlights, no rendered material, no 3D, no bevels, no soft shadows. Crisp vector-like edges in a raster image.
+Exact text only: "纸鹊" "Magpie" "一纸，寄万千". English must spell M-a-g-p-i-e with capital M only. Chinese must be accurate and comfortably readable. Main bilingual name: bold clean contemporary sans serif, Chinese optically balanced with English. Slogan much smaller, regular weight, airy. Avoid old names 纸鹊, Magpie, Paperjay entirely. No additional slogan or English translation.
+Avoid: intricate feathers, tiny toes, multiple eyes, swallows/doves/owls/eagles, round app-icon enclosures, hearts, envelopes covered in lines, trees/branches, stars/sparkles, motion lines, decorative badges. The mark must work in monochrome and without its wordmark. Do not add a separate cartoon beside a letter symbol. A single integrated emblem is essential.
+Distinct direction: M翼 / WINGED M.
+Design an abstract black capital M that also reads as a magpie opening two wings, a compact nearly-square emblem made from thick interlocking angular strokes. Outer diagonals are broad wings, central white V is a folded page, and ONE lime parallelogram on the right wing marks the paper fold. There is a small decisive beak-like cut in one upper edge to give it avian personality, but no literal bird body, no realistic head, no feather drawing. Build a unique typographic brand stamp: readable M first, paper-bird meaning second. Keep it spare and confident, avoid conventional corporate symmetric wing logos, no enclosure. A single geometric mass with at most two negative-space cuts, deliberate slight asymmetry.
+Composition: oversized standalone emblem centered upper half, smaller bilingual wordmark on one line below, slogan beneath; same-mark black/nav specimens in the bottom strip.
+
diff --git a/public/logo-exploration/magpie-storyboard/01-upload-v2.png b/public/logo-exploration/magpie-storyboard/01-upload-v2.png
new file mode 100644
index 0000000..eefbf24
Binary files /dev/null and b/public/logo-exploration/magpie-storyboard/01-upload-v2.png differ
diff --git a/public/logo-exploration/magpie-storyboard/01-upload-v3.png b/public/logo-exploration/magpie-storyboard/01-upload-v3.png
new file mode 100644
index 0000000..9e083fa
Binary files /dev/null and b/public/logo-exploration/magpie-storyboard/01-upload-v3.png differ
diff --git a/public/logo-exploration/magpie-storyboard/01-upload.png b/public/logo-exploration/magpie-storyboard/01-upload.png
new file mode 100644
index 0000000..1277b85
Binary files /dev/null and b/public/logo-exploration/magpie-storyboard/01-upload.png differ
diff --git a/public/logo-exploration/magpie-storyboard/02-webpage-v2.png b/public/logo-exploration/magpie-storyboard/02-webpage-v2.png
new file mode 100644
index 0000000..86a3ecc
Binary files /dev/null and b/public/logo-exploration/magpie-storyboard/02-webpage-v2.png differ
diff --git a/public/logo-exploration/magpie-storyboard/02-webpage-v3.png b/public/logo-exploration/magpie-storyboard/02-webpage-v3.png
new file mode 100644
index 0000000..c4e23c8
Binary files /dev/null and b/public/logo-exploration/magpie-storyboard/02-webpage-v3.png differ
diff --git a/public/logo-exploration/magpie-storyboard/02-webpage-v4.png b/public/logo-exploration/magpie-storyboard/02-webpage-v4.png
new file mode 100644
index 0000000..e437418
Binary files /dev/null and b/public/logo-exploration/magpie-storyboard/02-webpage-v4.png differ
diff --git a/public/logo-exploration/magpie-storyboard/02-webpage.png b/public/logo-exploration/magpie-storyboard/02-webpage.png
new file mode 100644
index 0000000..3fdad8a
Binary files /dev/null and b/public/logo-exploration/magpie-storyboard/02-webpage.png differ
diff --git a/public/logo-exploration/magpie-storyboard/03-share-v2.png b/public/logo-exploration/magpie-storyboard/03-share-v2.png
new file mode 100644
index 0000000..34c61d9
Binary files /dev/null and b/public/logo-exploration/magpie-storyboard/03-share-v2.png differ
diff --git a/public/logo-exploration/magpie-storyboard/03-share-v3.png b/public/logo-exploration/magpie-storyboard/03-share-v3.png
new file mode 100644
index 0000000..fa6ccd3
Binary files /dev/null and b/public/logo-exploration/magpie-storyboard/03-share-v3.png differ
diff --git a/public/logo-exploration/magpie-storyboard/03-share.png b/public/logo-exploration/magpie-storyboard/03-share.png
new file mode 100644
index 0000000..6ba97cf
Binary files /dev/null and b/public/logo-exploration/magpie-storyboard/03-share.png differ
diff --git a/public/logo-exploration/magpie-storyboard/README.md b/public/logo-exploration/magpie-storyboard/README.md
new file mode 100644
index 0000000..a8e6137
--- /dev/null
+++ b/public/logo-exploration/magpie-storyboard/README.md
@@ -0,0 +1,25 @@
+# 纸鹊首屏动画关键帧
+
+使用内置 image_gen。三张静态分镜待审，不是成品动画，未替换首页。
+
+1. 01-upload.png：纸鹊来到电脑前，上传文件。
+2. 02-webpage.png：文件成为可预览网页。
+3. 03-share.png：链接送达另一设备。
+
+后续制作需将角色、屏幕和链接拆分为可独立动画元素；当前画面仅供方向确认。
+
+## 画面 1 最终提示词
+
+Create a single polished storyboard keyframe for the website hero animation of 纸鹊 Magpie, an HTML/Markdown/ZIP file publishing and link-sharing tool. Reference image is the approved mascot identity ONLY, not a layout to copy: lime green crown/back/long tail, broad white belly and wing patches, black thick rounded outlines, expressive big black eyes. Preserve bird identity. Anthropomorphic using wings as hands and small bird feet, NO human arms, no clothing. Flat clean vector-like 2D cel illustration, restrained Neo-Brutalist product illustration, no 3D, no gradients, no realistic texture. Palette white, lime #A3E635, charcoal black, very pale green shadows. White background. Landscape 1536x1024. Fixed 3/4 frontal view: bird seated on simple low stool at left, minimalist desk across center, desktop monitor centered slightly right with screen clearly visible to viewer, keyboard on desk. Keep entire scene inside generous margins; no giant brand wordmark, no slogan, no paragraph copy, no panel borders. Design as an animation-ready uncluttered scene, charming but functional.
+KEYFRAME 1 of 3: Ready to upload. Bird has just perched on stool, long tail behind it; it holds one white sheet with folded green corner labeled "HTML" in its beak, one wing poised over keyboard. Monitor shows a very simple upload interface: large dashed drop zone, upload arrow, one large button labeled "上传文件". A small Markdown/ZIP card stack on desk subtly indicates formats. Bird looks eager and slightly leans toward computer. Top-left small caption exactly "01 / 上传文件". No other captions. Make the file, screen and character action immediately understandable.
+MANDATORY: Background is SOLID OPAQUE PURE WHITE #FFFFFF across the entire canvas. No transparency, black background, glow, vignette or cinematic lighting. Clean flat illustration on plain white paper. All captions black and legible on white.
+
+## 画面 2 最终提示词
+
+Edit this storyboard keyframe into keyframe TWO of the SAME scene. Keep exact same bird identity, desk, stool, monitor position, camera angle, dimensions, white background and thick black outline illustration style. This is a continuation, not another design. Change top-left caption to "02 / 变成网页". Bird no longer holds the HTML paper in its beak; paper has been uploaded. Bird leans eagerly toward the monitor with one wing pointing at the screen and the other resting near keyboard, happy proud expression. On monitor replace upload drop zone with an attractive, immediately legible website preview: header title "我的作品", a green landscape illustration block, a few dark text lines, a simple three-bar green chart and a small green check badge labeled "已生成". Show one small folded-corner HTML file at the left edge of screen transitioning into the webpage using a short curved arrow, so the transformation is obvious. No floating clutter. MD and ZIP cards remain on right side of desk. Keep opaque pure WHITE background #FFFFFF, absolutely no dark background, transparency, glow, vignettes or lighting effects. No slogan, no logo wordmark. Landscape 1536x1024.
+ANATOMY CRITICAL: bird has exactly TWO wings TOTAL. One far wing raised behind its head (left in image), one near wing pointing at the monitor (right in image). REMOVE the extra lower wing resting near the keyboard. Lower belly is one smooth white rounded oval with NO third wing or feather projection across it. Exactly two feet on stool.
+
+## 画面 3 最终提示词
+
+Edit supplied storyboard into KEYFRAME THREE of same animation, exact same camera, bird identity, black contours, white belly and wing patches, lime green, desk, stool and monitor. Top-left caption "03 / 分享出去". EXACTLY TWO WINGS TOTAL. Bird remains on stool at left, happy wink, one wing raised in celebration and the other pointing toward screen. No extra wing at belly, no human hands. Keep monitor and desk fixed. Monitor retains same "我的作品" website (green hills picture, gray text, green bar chart), now with a wide link strip below preview showing a chain-link icon and "链接已复制". On the right replace MD and ZIP paper cards with a clearly separated small upright recipient smartphone displaying the SAME green hills website. A simple curved green arrow travels from the desktop screen to that phone, with one small chain-link token along the arrow, explaining delivery. Phone has a small green checkmark beside it. One or two modest celebration strokes near bird, no confetti cloud. Keep all content clearly arranged and not overlapping. Pure SOLID OPAQUE WHITE #FFFFFF background; no dark background, no transparency, no glow, no vignette. Same landscape canvas 1536x1024, flat clean illustration, no slogan or brand wordmark. This is a product-sharing process, not AI creating content.
+
diff --git a/public/logo-exploration/magpie-storyboard/REVISION-stage2-v4.md b/public/logo-exploration/magpie-storyboard/REVISION-stage2-v4.md
new file mode 100644
index 0000000..461a109
--- /dev/null
+++ b/public/logo-exploration/magpie-storyboard/REVISION-stage2-v4.md
@@ -0,0 +1,12 @@
+# 第二幕 v4
+
+模式：内置 image_gen 编辑。仅第二幕修正，未替换首页。
+
+检查：两只完整可见翅膀，一侧抬起指向电脑，另一侧横向展开；两翼与身体相连；无第三翼，双脚落在凳面。保留展示动作，区别于上传和分享庆祝。
+
+当前候选组合：01-upload-v3.png、02-webpage-v4.png、03-share-v3.png。
+
+## 提示词
+
+Precise local correction to this storyboard. KEEP everything unchanged EXCEPT the missing-looking wing on the VIEWER'S LEFT of the bird. There must be TWO CLEARLY VISIBLE COMPLETE WINGS, not one wing plus tiny hidden tips. Existing viewer-right wing pointing up at the monitor stays unchanged. Replace the tiny feather stub behind the bird's viewer-left waist with a full anatomically connected wing: root at the LEFT UPPER SIDE of torso just below neck/shoulder level (not waist), smoothly extend the wing outward to the left and slightly down, like an open welcoming arm, with three broad rounded feather tips, lime green outer area and large white inner patch, thick black outline. It should extend to about x100 from shoulder around x310, at y390-520, visibly SEPARATE ABOVE the long tail, with clear white background gap between wing and tail. Make root and overall wing shape readable. Exactly two wings, exactly two feet; no extra appendage, no tiny third wing remnant. Bird remains looking toward monitor, proudly presenting webpage; this is not the both-wings-up final celebration pose. Preserve head/face, white belly, existing pointing wing, feet on stool, tail, desk, computer webpage, all text and props and camera. Top caption remains "02 / 变成网页". OPAQUE PURE WHITE background. No dark backdrop, glow, transparency. Same image size and composition.
+
diff --git a/public/logo-exploration/magpie-storyboard/REVISION-v2.md b/public/logo-exploration/magpie-storyboard/REVISION-v2.md
new file mode 100644
index 0000000..38937f6
--- /dev/null
+++ b/public/logo-exploration/magpie-storyboard/REVISION-v2.md
@@ -0,0 +1,18 @@
+# 分镜 v2：结构与流程修正
+
+内置 image_gen 编辑。三张均为待审静态分镜，不是分层动画素材。旧版保留，后续请以 v2 为准。
+
+修正：统一侧身坐姿，只显示近侧操作翅膀，远侧翅膀由身体遮挡；上传操作在屏幕内完成；网页就绪表示已有文件可预览；分享发送和接收端打开分开呈现。对方已打开为叙事注释，并非产品已读回执功能。
+
+## 1
+
+Correct this storyboard image's anatomy and interaction logic. Same green white black Magpie mascot, same desk, monitor, stool, style, pure opaque WHITE background and framing. Caption "01 / 上传文件". Bird must sit in SIDE PROFILE facing right toward computer. REMOVE the huge raised wing behind head entirely. Far wing is fully OCCLUDED by torso and NOT visible. Exactly ONE visible wing: a compact rounded green wing with a white patch rooted high on the visible SIDE of torso just below neck, extending FORWARD slightly downward to rest its feather tip on keyboard. Do not draw a separate wing across belly, no extra arms, no flying wings. Belly is smooth continuous white oval without scalloped feather edges. Two small bird feet on stool, one long tail behind. Beak CLOSED and EMPTY; move the HTML file from beak to computer screen inside dashed upload area, labeled "HTML". A cursor on upload button labeled "上传文件" shows this is a digital file operation, not paper being fed into a monitor. Keep MD and ZIP cards on desk. Eye looks at screen with focused friendly expression. Bird seated upright, no floating. Keep the original look but fix anatomy unambiguously. No dark backdrop, transparency, glow or vignette.
+
+## 2
+
+Edit the supplied corrected seated magpie storyboard to next step. Preserve EXACT SAME bird anatomy, silhouette, position, single visible near wing resting on keyboard, far wing completely hidden by torso, same TWO feet on stool, same tail, desk, monitor, MD and ZIP cards, perspective, thick black outlines and white backdrop. Do NOT raise or add wings. Change only screen and expression and caption: caption "02 / 网页就绪". Monitor now shows a browser preview titled "我的作品" with green hills illustration, gray text lines and three green chart bars, badge "可预览". A small HTML file icon with a short right arrow into preview communicates rendering existing uploaded content. Bird looks happily at screen, closed beak with slight smile, no open mouth, no extra appendages. Keep actual preview as hero of monitor. No magical content generation, no flying paper outside screen. SOLID OPAQUE WHITE #FFFFFF background, no glow, no dark background or transparency.
+
+## 3
+
+Make frame THREE from this corrected seated bird scene. Keep EXACT same bird anatomy and seated pose: only ONE visible near wing rooted at side and reaching keyboard, far wing fully occluded; no raised wings, extra limbs or human arms. Same green white black character, stool desk monitor framing. Caption "03 / 分享送达". Keep SAME website preview with green hills, text and chart on monitor. Replace small HTML conversion icon on monitor with a link icon. Add legible strip below website preview inside monitor: "分享链接". On right replace MD/ZIP cards with recipient phone showing the same green hills website. Show a green curved arrow from monitor to phone with a small paper-plane SEND icon on path and small label "发送链接". Beside phone a check and label "对方已打开". These labels are explanatory storyboard annotations of a user manually sending a link then recipient opening it, not an app read-receipt feature. No "已复制" claiming successful delivery. Bird may wink happily, but keep wing and body positions fixed. White background MUST remain SOLID OPAQUE PURE WHITE #FFFFFF, no dark backdrop, glow, transparency, vignette. Same landscape aspect ratio.
+
diff --git a/public/logo-exploration/magpie-storyboard/REVISION-v3.md b/public/logo-exploration/magpie-storyboard/REVISION-v3.md
new file mode 100644
index 0000000..dfe2af2
--- /dev/null
+++ b/public/logo-exploration/magpie-storyboard/REVISION-v3.md
@@ -0,0 +1,22 @@
+# 分镜 v3：恢复分阶段动作
+
+内置 image_gen 编辑；静态分镜待审，未替换首页。
+
+上传：叼文件，近侧翅膀敲键盘，远侧收起。
+网页：嘴中不再有文件，近侧翅膀抬起展示网页，挺身看屏幕。
+分享：转向观众眨眼，两翼展开庆祝，链接到达手机。
+
+检查：每张没有第三只翅膀；翅膀与白色腹部区分；固定桌椅场景。仍为生成式静态分镜，实际动画制作需固定角色比例与分层。
+
+## 提示词 1
+
+Revise this Magpie storyboard keyframe, preserving the first version's lively UPLOAD ACTION: bird holding HTML paper in beak, leaning toward keyboard, perched on stool. Keep green white black mascot, desk, monitor, MD/ZIP cards, white background, caption "01 / 上传文件", upload UI. Fix wing anatomy clearly: exactly TWO wings attached at opposite shoulders. FAR wing is tucked behind torso, only a small feather tip may show behind back, not a giant upright wing. NEAR wing is clearly attached at SIDE of upper torso below neck, extending forward/down to tap keyboard; one single coherent green wing with white feather patch and three rounded tips. The white belly is a separate continuous smooth oval, no feather scallops on belly, no second forearm, no extra wing, no wing coming from waist. Keep HTML paper held visibly in beak and curious open eye; this is symbolic carrying a digital file. Two feet on stool, long tail trailing backward. Make wing root easy to read by clear black boundary at side. Do NOT make all stages the same pose. Opaque pure WHITE #FFFFFF canvas, no black background/glow/transparency. Clean thick black outlines, flat cheerful illustration.
+
+## 提示词 2
+
+Create stage TWO of supplied Magpie storyboard. Preserve same bird design, proportions, monitor desk stool MD ZIP cards, camera, lime green white black palette and opaque WHITE background. Restore expressive first-version action: bird lifts its NEAR wing UPWARD/FORWARD to point proudly at website on monitor, no wing resting on keyboard now; far wing remains tucked behind torso, only tiny tip visible. Exactly TWO wings in anatomy, ONE prominent pointing wing rooted at side of upper torso, no third limb, smooth separate white belly. Bird stretches upward on stool, both feet planted, beak empty and slightly open in delighted expression, eye wide and looking at screen. The HTML paper has left beak and is now a small icon INSIDE screen followed by arrow into full webpage. Screen shows "我的作品", green hills image, text lines, three green chart bars, small badge "可预览". Caption top-left "02 / 变成网页". The gesture must differ clearly from upload's lowered keyboard-tapping wing. Do not keep typing pose. No new limbs or human hands. Same scene framing, flat clean thick black outlines, solid white backdrop, NO glow/dark background/transparency.
+
+## 提示词 3
+
+Make stage THREE of same storyboard, preserving desk, monitor, stool, fixed camera, approved green white black magpie identity. Restore first version's cheerful wink-and-wings celebration, with correct anatomy. Bird stands on stool with two feet, turns its face slightly toward viewer and WINKS happily, beak smiling open. Spread EXACTLY TWO wings in a clear joyful V: near wing rises toward monitor, far wing fans up and backward on image left. Each has a distinct shoulder root on opposite side of upper torso. NO third wing at belly or keyboard; white belly is one smooth oval, no feather scallops there. Compared to frame two's pointing, this is a visibly more expansive triumphant wave. Same body size, long tail behind, no extra hands. Monitor shows same "我的作品" webpage with same green hills, gray text, three bars, a link strip "分享链接". Replace desk MD/ZIP cards at right with phone showing same webpage. Curved green arrow from monitor to phone, chain-link icon on arrow, small narrative label "发送链接". Small checkmark near phone. Top-left caption "03 / 分享出去". Keep desk and composition fixed. Flat bold clean outline illustration, SOLID OPAQUE PURE WHITE #FFFFFF background. No black background, glow, transparency, slogan, confetti cloud.
+
diff --git a/public/logo-exploration/magpie-upload-motion/AGENTS.md b/public/logo-exploration/magpie-upload-motion/AGENTS.md
new file mode 100644
index 0000000..45aa30b
--- /dev/null
+++ b/public/logo-exploration/magpie-upload-motion/AGENTS.md
@@ -0,0 +1,103 @@
+# HyperFrames Composition Project
+
+## Skills — USE THESE FIRST
+
+**Always invoke the relevant skill before writing or modifying compositions.** Skills encode framework-specific patterns (e.g., `window.__timelines` registration, `data-*` attribute semantics, shader-compatible CSS rules) that are NOT in generic web docs. Skipping them produces broken compositions.
+
+**Doing anything with HyperFrames?** Start at `/hyperframes` — it tells you what HyperFrames can do and which skill or workflow handles your intent (make a video, TTS / BGM, prep footage, author / animate, render, install blocks), confirms your brief up front (the intent layer), and routes every "make me a…" request (a video, a deck, a composition port) to the right workflow. Read it first, especially when there's no project context to orient you. The workflows it routes to:
+
+- `/product-launch-video` — any **website** URL or brief / script → a product launch / SaaS / promo video, or a site tour / showcase featuring the site's own captured visuals.
+- `/faceless-explainer` — arbitrary text (topic / article / notes), **no URL, no website capture** → 60-90s faceless explainer.
+- `/embedded-captions` — an existing talking-head video (MP4) → the same footage with captions / subtitles added (rail + embed, or pure-cinematic embed); the footage itself is untouched.
+- `/talking-head-recut` — an existing talking-head / interview / podcast video (MP4) → the same footage **packaged with designed graphic overlays** (kinetic titles, lower-thirds, data callouts, pull-quotes, side panels, pip) synced to the transcript; the clip plays unchanged underneath. (Plain captions/subtitles → `/embedded-captions`.)
+- `/pr-to-video` — a GitHub PR (URL / `owner/repo#N` / "this PR") → 30-90s code-change explainer (changelog / feature reveal / fix / refactor).
+- `/motion-graphics` — a short (typically under 10s) design-led **motion graphic**, motion-is-the-message, no narration: kinetic type, a stat / number count-up, a chart, a logo sting, a lower-third / overlay, or an animated tweet / headline / captured-page highlight; rendered to MP4 or a transparent overlay. Longer / narrated / custom → `/general-video`.
+- `/music-to-video` — a **music track** (audio file, video to pull audio from, or one generated from a mood brief) → beat-synced video (lyric / slideshow / kinetic promo). Music drives pacing; user-supplied images / videos are cut onto the same beat grid.
+- `/slideshow` — a **presentation / pitch deck / interactive deck** — discrete slides, fragment reveals, branching, hotspot navigation, presenter mode. Output is a navigable deck, not a rendered video.
+- `/general-video` — fallback for any other video (title card, longer brand / sizzle reel, multi-scene montage, static loop, custom composition) and the home of **companion mode** — co-create with the full HyperFrames toolbox; the original hyperframes authoring flow, any length.
+
+**Porting an existing composition?** `/remotion-to-hyperframes` translates a Remotion (React) composition into HyperFrames HTML — a source migration, separate from the creation workflows above.
+
+The domain skills (`/hyperframes-core`, `/hyperframes-animation`, `/hyperframes-keyframes`, `/hyperframes-creative`, `/hyperframes-cli`, `/media-use`, `/hyperframes-audio`, `/hyperframes-registry`, `/figma`) and the full capability map live inside `/hyperframes` — it is the single source of truth for which skill handles which intent.
+
+**Changing how real footage or images look or reveal?** Load `/media-use` and read its `references/media-treatments.md` before editing, even when the request only says dark, flat, boring, retro, private, or “make the reveal cooler.” It governs how footage is treated, never whether media may be used. Use canonical media treatments and seek-safe motion; do not improvise equivalent CSS/SVG filters or overlays.
+
+> **Tailwind v4 projects** (`hyperframes init --tailwind`): see `/hyperframes-core` → `references/tailwind.md`.
+
+> **Skill missing or stale?** Run `npx hyperframes skills update <name>` to install/refresh
+> the specific skill you need (the `/hyperframes` router does this automatically before
+> entering a workflow), or bare `npx hyperframes skills update` to refresh the core set plus
+> everything already installed — neither pulls the full set. Restart the agent session so
+> newly installed skills load.
+
+## Commands
+
+```bash
+npm run dev          # human-operated foreground preview (blocks until stopped)
+npx hyperframes preview --background  # agent-safe persistent Studio preview
+npx hyperframes preview --status      # verify the persistent preview is listening
+npx hyperframes preview --stop        # stop it when review is finished
+npm run check        # lint + runtime + layout + motion + contrast (one command)
+npm run render       # render to MP4
+npm run publish      # publish and get a shareable link
+npx hyperframes lint --verbose  # include info-level findings
+npx hyperframes lint --json     # machine-readable output for CI
+npx hyperframes docs <topic> # reference docs in terminal
+```
+
+> **Agents must use `npx hyperframes preview --background` for Studio handoff.** Do not rely
+> on a shell/tool `run_in_background` wrapper around `npm run dev`: that foreground process
+> remains owned by the invoking session and can disappear while the browser stays open,
+> leaving refreshes at `ERR_CONNECTION_TIMED_OUT`. Verify with `preview --status`, keep it
+> alive through review, and stop it explicitly with `preview --stop` afterward.
+
+> **Pinned CLI version.** These scripts pin an exact `hyperframes@X.Y.Z` so this project re-renders identically over time. Weeks later that pin lags fixes shipped since. To move up: `npx hyperframes@latest upgrade --project . --check` (shows the delta), then `npx hyperframes@latest upgrade --project .` to rewrite the pins. Always unpinned — the pinned script re-runs the old version against itself.
+
+## Documentation
+
+**For quick reference**, use the local CLI docs command (no network required):
+
+```bash
+npx hyperframes docs <topic>
+```
+
+Topics: `data-attributes`, `gsap`, `compositions`, `rendering`, `examples`, `troubleshooting`
+
+**For full documentation**, discover pages via the machine-readable index — do NOT guess URLs:
+
+```
+https://hyperframes.heygen.com/llms.txt
+```
+
+## Project Structure
+
+- `index.html` — main composition (root timeline)
+- `compositions/` — sub-compositions referenced via `data-composition-src`
+- `meta.json` — project metadata (id, name)
+- `transcript.json` — whisper word-level transcript (if generated)
+
+## Linting — ALWAYS RUN AFTER CHANGES
+
+After creating or editing any `.html` composition, **always** run the full check before considering the task complete:
+
+```bash
+npm run check
+```
+
+Fix all errors before presenting the result. Warnings should be reviewed before rendering.
+
+## Key Rules
+
+1. Every timed element needs `data-start` and a duration. `data-start` is what marks it as timed; `data-track-index` is an optional Studio display lane the render never reads
+2. Give timed visual elements `class="clip"`. The framework keys visibility off `data-start`, not the class, but the shared `.clip` CSS is what gives a scene its full-frame box, and `lint` warns without it
+3. Register one paused root timeline per composition on `window.__timelines`:
+   ```js
+   window.__timelines = window.__timelines || {};
+   window.__timelines["composition-id"] = gsap.timeline({ paused: true });
+   ```
+   Scene timelines manually added to this root must not be paused. A paused
+   child does not advance when the root is seeked. The runtime activates
+   registered composition siblings, not arbitrary nested scene timelines.
+4. Videos use `muted` with a separate `<audio>` element for the audio track
+5. Sub-compositions use `data-composition-src="compositions/file.html"` to reference other HTML files
+6. Only deterministic logic — no `Date.now()`, no `Math.random()`, no network fetches
diff --git a/public/logo-exploration/magpie-upload-motion/CLAUDE.md b/public/logo-exploration/magpie-upload-motion/CLAUDE.md
new file mode 100644
index 0000000..45aa30b
--- /dev/null
+++ b/public/logo-exploration/magpie-upload-motion/CLAUDE.md
@@ -0,0 +1,103 @@
+# HyperFrames Composition Project
+
+## Skills — USE THESE FIRST
+
+**Always invoke the relevant skill before writing or modifying compositions.** Skills encode framework-specific patterns (e.g., `window.__timelines` registration, `data-*` attribute semantics, shader-compatible CSS rules) that are NOT in generic web docs. Skipping them produces broken compositions.
+
+**Doing anything with HyperFrames?** Start at `/hyperframes` — it tells you what HyperFrames can do and which skill or workflow handles your intent (make a video, TTS / BGM, prep footage, author / animate, render, install blocks), confirms your brief up front (the intent layer), and routes every "make me a…" request (a video, a deck, a composition port) to the right workflow. Read it first, especially when there's no project context to orient you. The workflows it routes to:
+
+- `/product-launch-video` — any **website** URL or brief / script → a product launch / SaaS / promo video, or a site tour / showcase featuring the site's own captured visuals.
+- `/faceless-explainer` — arbitrary text (topic / article / notes), **no URL, no website capture** → 60-90s faceless explainer.
+- `/embedded-captions` — an existing talking-head video (MP4) → the same footage with captions / subtitles added (rail + embed, or pure-cinematic embed); the footage itself is untouched.
+- `/talking-head-recut` — an existing talking-head / interview / podcast video (MP4) → the same footage **packaged with designed graphic overlays** (kinetic titles, lower-thirds, data callouts, pull-quotes, side panels, pip) synced to the transcript; the clip plays unchanged underneath. (Plain captions/subtitles → `/embedded-captions`.)
+- `/pr-to-video` — a GitHub PR (URL / `owner/repo#N` / "this PR") → 30-90s code-change explainer (changelog / feature reveal / fix / refactor).
+- `/motion-graphics` — a short (typically under 10s) design-led **motion graphic**, motion-is-the-message, no narration: kinetic type, a stat / number count-up, a chart, a logo sting, a lower-third / overlay, or an animated tweet / headline / captured-page highlight; rendered to MP4 or a transparent overlay. Longer / narrated / custom → `/general-video`.
+- `/music-to-video` — a **music track** (audio file, video to pull audio from, or one generated from a mood brief) → beat-synced video (lyric / slideshow / kinetic promo). Music drives pacing; user-supplied images / videos are cut onto the same beat grid.
+- `/slideshow` — a **presentation / pitch deck / interactive deck** — discrete slides, fragment reveals, branching, hotspot navigation, presenter mode. Output is a navigable deck, not a rendered video.
+- `/general-video` — fallback for any other video (title card, longer brand / sizzle reel, multi-scene montage, static loop, custom composition) and the home of **companion mode** — co-create with the full HyperFrames toolbox; the original hyperframes authoring flow, any length.
+
+**Porting an existing composition?** `/remotion-to-hyperframes` translates a Remotion (React) composition into HyperFrames HTML — a source migration, separate from the creation workflows above.
+
+The domain skills (`/hyperframes-core`, `/hyperframes-animation`, `/hyperframes-keyframes`, `/hyperframes-creative`, `/hyperframes-cli`, `/media-use`, `/hyperframes-audio`, `/hyperframes-registry`, `/figma`) and the full capability map live inside `/hyperframes` — it is the single source of truth for which skill handles which intent.
+
+**Changing how real footage or images look or reveal?** Load `/media-use` and read its `references/media-treatments.md` before editing, even when the request only says dark, flat, boring, retro, private, or “make the reveal cooler.” It governs how footage is treated, never whether media may be used. Use canonical media treatments and seek-safe motion; do not improvise equivalent CSS/SVG filters or overlays.
+
+> **Tailwind v4 projects** (`hyperframes init --tailwind`): see `/hyperframes-core` → `references/tailwind.md`.
+
+> **Skill missing or stale?** Run `npx hyperframes skills update <name>` to install/refresh
+> the specific skill you need (the `/hyperframes` router does this automatically before
+> entering a workflow), or bare `npx hyperframes skills update` to refresh the core set plus
+> everything already installed — neither pulls the full set. Restart the agent session so
+> newly installed skills load.
+
+## Commands
+
+```bash
+npm run dev          # human-operated foreground preview (blocks until stopped)
+npx hyperframes preview --background  # agent-safe persistent Studio preview
+npx hyperframes preview --status      # verify the persistent preview is listening
+npx hyperframes preview --stop        # stop it when review is finished
+npm run check        # lint + runtime + layout + motion + contrast (one command)
+npm run render       # render to MP4
+npm run publish      # publish and get a shareable link
+npx hyperframes lint --verbose  # include info-level findings
+npx hyperframes lint --json     # machine-readable output for CI
+npx hyperframes docs <topic> # reference docs in terminal
+```
+
+> **Agents must use `npx hyperframes preview --background` for Studio handoff.** Do not rely
+> on a shell/tool `run_in_background` wrapper around `npm run dev`: that foreground process
+> remains owned by the invoking session and can disappear while the browser stays open,
+> leaving refreshes at `ERR_CONNECTION_TIMED_OUT`. Verify with `preview --status`, keep it
+> alive through review, and stop it explicitly with `preview --stop` afterward.
+
+> **Pinned CLI version.** These scripts pin an exact `hyperframes@X.Y.Z` so this project re-renders identically over time. Weeks later that pin lags fixes shipped since. To move up: `npx hyperframes@latest upgrade --project . --check` (shows the delta), then `npx hyperframes@latest upgrade --project .` to rewrite the pins. Always unpinned — the pinned script re-runs the old version against itself.
+
+## Documentation
+
+**For quick reference**, use the local CLI docs command (no network required):
+
+```bash
+npx hyperframes docs <topic>
+```
+
+Topics: `data-attributes`, `gsap`, `compositions`, `rendering`, `examples`, `troubleshooting`
+
+**For full documentation**, discover pages via the machine-readable index — do NOT guess URLs:
+
+```
+https://hyperframes.heygen.com/llms.txt
+```
+
+## Project Structure
+
+- `index.html` — main composition (root timeline)
+- `compositions/` — sub-compositions referenced via `data-composition-src`
+- `meta.json` — project metadata (id, name)
+- `transcript.json` — whisper word-level transcript (if generated)
+
+## Linting — ALWAYS RUN AFTER CHANGES
+
+After creating or editing any `.html` composition, **always** run the full check before considering the task complete:
+
+```bash
+npm run check
+```
+
+Fix all errors before presenting the result. Warnings should be reviewed before rendering.
+
+## Key Rules
+
+1. Every timed element needs `data-start` and a duration. `data-start` is what marks it as timed; `data-track-index` is an optional Studio display lane the render never reads
+2. Give timed visual elements `class="clip"`. The framework keys visibility off `data-start`, not the class, but the shared `.clip` CSS is what gives a scene its full-frame box, and `lint` warns without it
+3. Register one paused root timeline per composition on `window.__timelines`:
+   ```js
+   window.__timelines = window.__timelines || {};
+   window.__timelines["composition-id"] = gsap.timeline({ paused: true });
+   ```
+   Scene timelines manually added to this root must not be paused. A paused
+   child does not advance when the root is seeked. The runtime activates
+   registered composition siblings, not arbitrary nested scene timelines.
+4. Videos use `muted` with a separate `<audio>` element for the audio track
+5. Sub-compositions use `data-composition-src="compositions/file.html"` to reference other HTML files
+6. Only deterministic logic — no `Date.now()`, no `Math.random()`, no network fetches
diff --git a/public/logo-exploration/magpie-upload-motion/DESIGN.md b/public/logo-exploration/magpie-upload-motion/DESIGN.md
new file mode 100644
index 0000000..9e53c8b
--- /dev/null
+++ b/public/logo-exploration/magpie-upload-motion/DESIGN.md
@@ -0,0 +1,15 @@
+# 纸鹊上传动作样片
+## Style Prompt
+依据确认的 01-upload-v3 分镜，分层重建纸鹊与电脑；白底、绿色白腹、黑色圆润粗描边。5.4 秒无声动作测试，只呈现上传阶段。保留叼纸、敲键盘，使用翼根旋转而非变形生成。该重建是动画候选，不宣称与栅格分镜逐像素相同。
+## Colors
+- #FFFFFF 白底与腹部
+- #A3E635 品牌绿
+- #20211C 轮廓与文字
+- #EDF7D5 浅绿界面
+- #EEE4D2 桌椅
+## Typography
+使用首页 Noto Sans SC 本地字体；沿用已确认中文品牌风格，优先于技能默认字体禁用列表。
+## Motion
+落座 0.2–0.85s；敲击 1.05–2.25s；文件进入屏幕 2.35–3.2s；进度填满 3.3–4.35s；确认与停留 4.4–5.4s。
+## What NOT to Do
+不增加第三翼；不将尾羽画成翅膀；不让翅膀脱离肩部；不更换已确认的品牌；不用整张图平移代替角色动作；不修改首页。
diff --git a/public/logo-exploration/magpie-upload-motion/QA.md b/public/logo-exploration/magpie-upload-motion/QA.md
new file mode 100644
index 0000000..5f73ba6
--- /dev/null
+++ b/public/logo-exploration/magpie-upload-motion/QA.md
@@ -0,0 +1,27 @@
+# 上传动作样片 v1
+
+日期：2026-09-20。候选样片，尚待用户审阅；没有修改首页。
+
+## 交付
+
+- `renders/magpie-upload-sample-v1.mp4`：H.264，1536×1024，30 fps，162 帧，5.4 秒，无声，666955 字节。
+- Studio：http://localhost:3002/#project/magpie-upload-motion
+- `index.html`：SVG 分层与 GSAP 时间线；根据已确认上传分镜重建，非原 PNG 的逐像素动画。
+- `renders/qa-contact.png`：1.5、2.7、4.8 秒关键帧，检查翅膀完整、纸张入屏和上传反馈。
+
+## 验证
+
+HyperFrames 0.8.55 check：lint/runtime/motion 均零错误、零警告；9 个采样布局无问题；39/39 文字对比度检查通过。最终视频成功导出并用 ffprobe 核验规格。Studio 播放按钮切换为暂停，播放位置向前推进；预览服务仍运行。
+
+本次只完成上传阶段。生成网页、分享及完整循环尚未制作；样片的矢量画风与动作需先审阅。
+
+## 复现
+
+在此目录运行（使用临时 npm 缓存并关闭遥测）：
+
+```sh
+HYPERFRAMES_NO_TELEMETRY=1 npm_config_cache=/private/tmp/magpie-npm-cache npx --yes hyperframes@0.8.55 check
+HYPERFRAMES_NO_TELEMETRY=1 npm_config_cache=/private/tmp/magpie-npm-cache npx --yes hyperframes@0.8.55 render --output renders/magpie-upload-sample-v1.mp4 --fps 30 --quality standard --workers 1
+```
+
+上述检查和渲染会启动临时浏览器，须遵守工作区浏览器权限规则。Studio 预览使用 3002 端口，首页原服务端口保持不变。
diff --git a/public/logo-exploration/magpie-upload-motion/brand-font.woff2 b/public/logo-exploration/magpie-upload-motion/brand-font.woff2
new file mode 100644
index 0000000..d435b4b
Binary files /dev/null and b/public/logo-exploration/magpie-upload-motion/brand-font.woff2 differ
diff --git a/public/logo-exploration/magpie-upload-motion/gsap.min.js b/public/logo-exploration/magpie-upload-motion/gsap.min.js
new file mode 100644
index 0000000..fde57af
--- /dev/null
+++ b/public/logo-exploration/magpie-upload-motion/gsap.min.js
@@ -0,0 +1,11 @@
+/*!
+ * GSAP 3.14.2
+ * https://gsap.com
+ * 
+ * @license Copyright 2025, GreenSock. All rights reserved.
+ * Subject to the terms at https://gsap.com/standard-license.
+ * @author: Jack Doyle, jack@greensock.com
+ */
+
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prototype=Object.create(e.prototype),(t.prototype.constructor=t).__proto__=e}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function r(t){return"string"==typeof t}function s(t){return"function"==typeof t}function t(t){return"number"==typeof t}function u(t){return void 0===t}function v(t){return"object"==typeof t}function w(t){return!1!==t}function x(){return"undefined"!=typeof window}function y(t){return s(t)||r(t)}function R(t){return(i=bt(t,ht))&&Fe}function S(t,e){return console.warn("Invalid property",t,"set to",e,"Missing plugin? gsap.registerPlugin()")}function T(t,e){return!e&&console.warn(t)}function U(t,e){return t&&(ht[t]=e)&&i&&(i[t]=e)||ht}function V(){return 0}function ga(t){var e,r,i=t[0];if(v(i)||s(i)||(t=[t]),!(e=(i._gsap||{}).harness)){for(r=yt.length;r--&&!yt[r].targetTest(i););e=yt[r]}for(r=t.length;r--;)t[r]&&(t[r]._gsap||(t[r]._gsap=new Xt(t[r],e)))||t.splice(r,1);return t}function ha(t){return t._gsap||ga(Pt(t))[0]._gsap}function ia(t,e,r){return(r=t[e])&&s(r)?t[e]():u(r)&&t.getAttribute&&t.getAttribute(e)||r}function ja(t,e){return(t=t.split(",")).forEach(e)||t}function ka(t){return Math.round(1e5*t)/1e5||0}function la(t){return Math.round(1e7*t)/1e7||0}function ma(t,e){var r=e.charAt(0),i=parseFloat(e.substr(2));return t=parseFloat(t),"+"===r?t+i:"-"===r?t-i:"*"===r?t*i:t/i}function na(t,e){for(var r=e.length,i=0;t.indexOf(e[i])<0&&++i<r;);return i<r}function oa(){var t,e,r=pt.length,i=pt.slice(0);for(_t={},t=pt.length=0;t<r;t++)(e=i[t])&&e._lazy&&(e.render(e._lazy[0],e._lazy[1],!0)._lazy=0)}function pa(t){return!!(t._initted||t._startAt||t.add)}function qa(t,e,r,i){pt.length&&!I&&oa(),t.render(e,r,i||!!(I&&e<0&&pa(t))),pt.length&&!I&&oa()}function ra(t){var e=parseFloat(t);return(e||0===e)&&(t+"").match(ot).length<2?e:r(t)?t.trim():t}function sa(t){return t}function ta(t,e){for(var r in e)r in t||(t[r]=e[r]);return t}function wa(t,e){for(var r in e)"__proto__"!==r&&"constructor"!==r&&"prototype"!==r&&(t[r]=v(e[r])?wa(t[r]||(t[r]={}),e[r]):e[r]);return t}function xa(t,e){var r,i={};for(r in t)r in e||(i[r]=t[r]);return i}function ya(t){var e=t.parent||L,r=t.keyframes?function _setKeyframeDefaults(i){return function(t,e){for(var r in e)r in t||"duration"===r&&i||"ease"===r||(t[r]=e[r])}}($(t.keyframes)):ta;if(w(t.inherit))for(;e;)r(t,e.vars.defaults),e=e.parent||e._dp;return t}function Aa(t,e,r,i,n){void 0===r&&(r="_first"),void 0===i&&(i="_last");var a,s=t[i];if(n)for(a=e[n];s&&s[n]>a;)s=s._prev;return s?(e._next=s._next,s._next=e):(e._next=t[r],t[r]=e),e._next?e._next._prev=e:t[i]=e,e._prev=s,e.parent=e._dp=t,e}function Ba(t,e,r,i){void 0===r&&(r="_first"),void 0===i&&(i="_last");var n=e._prev,a=e._next;n?n._next=a:t[r]===e&&(t[r]=a),a?a._prev=n:t[i]===e&&(t[i]=n),e._next=e._prev=e.parent=null}function Ca(t,e){t.parent&&(!e||t.parent.autoRemoveChildren)&&t.parent.remove&&t.parent.remove(t),t._act=0}function Da(t,e){if(t&&(!e||e._end>t._dur||e._start<0))for(var r=t;r;)r._dirty=1,r=r.parent;return t}function Fa(t,e,r,i){return t._startAt&&(I?t._startAt.revert(ft):t.vars.immediateRender&&!t.vars.autoRevert||t._startAt.render(e,!0,i))}function Ha(t){return t._repeat?wt(t._tTime,t=t.duration()+t._rDelay)*t:0}function Ja(t,e){return(t-e._start)*e._ts+(0<=e._ts?0:e._dirty?e.totalDuration():e._tDur)}function Ka(t){return t._end=la(t._start+(t._tDur/Math.abs(t._ts||t._rts||q)||0))}function La(t,e){var r=t._dp;return r&&r.smoothChildTiming&&t._ts&&(t._start=la(r._time-(0<t._ts?e/t._ts:((t._dirty?t.totalDuration():t._tDur)-e)/-t._ts)),Ka(t),r._dirty||Da(r,t)),t}function Ma(t,e){var r;if((e._time||!e._dur&&e._initted||e._start<t._time&&(e._dur||!e.add))&&(r=Ja(t.rawTime(),e),(!e._dur||Mt(0,e.totalDuration(),r)-e._tTime>q)&&e.render(r,!0)),Da(t,e)._dp&&t._initted&&t._time>=t._dur&&t._ts){if(t._dur<t.duration())for(r=t;r._dp;)0<=r.rawTime()&&r.totalTime(r._tTime),r=r._dp;t._zTime=-q}}function Na(e,r,i,n){return r.parent&&Ca(r),r._start=la((t(i)?i:i||e!==L?Ot(e,i,r):e._time)+r._delay),r._end=la(r._start+(r.totalDuration()/Math.abs(r.timeScale())||0)),Aa(e,r,"_first","_last",e._sort?"_start":0),xt(r)||(e._recent=r),n||Ma(e,r),e._ts<0&&La(e,e._tTime),e}function Oa(t,e){return(ht.ScrollTrigger||S("scrollTrigger",e))&&ht.ScrollTrigger.create(e,t)}function Pa(t,e,r,i,n){return Qt(t,e,n),t._initted?!r&&t._pt&&!I&&(t._dur&&!1!==t.vars.lazy||!t._dur&&t.vars.lazy)&&f!==It.frame?(pt.push(t),t._lazy=[n,i],1):void 0:1}function Ua(t,e,r,i){var n=t._repeat,a=la(e)||0,s=t._tTime/t._tDur;return s&&!i&&(t._time*=a/t._dur),t._dur=a,t._tDur=n?n<0?1e10:la(a*(n+1)+t._rDelay*n):a,0<s&&!i&&La(t,t._tTime=t._tDur*s),t.parent&&Ka(t),r||Da(t.parent,t),t}function Va(t){return t instanceof Zt?Da(t):Ua(t,t._dur)}function Ya(e,r,i){var n,a,s=t(r[1]),o=(s?2:1)+(e<2?0:1),u=r[o];if(s&&(u.duration=r[1]),u.parent=i,e){for(n=u,a=i;a&&!("immediateRender"in n);)n=a.vars.defaults||{},a=w(a.vars.inherit)&&a.parent;u.immediateRender=w(n.immediateRender),e<2?u.runBackwards=1:u.startAt=r[o-1]}return new te(r[0],u,r[1+o])}function Za(t,e){return t||0===t?e(t):e}function _a(t,e){return r(t)&&(e=ut.exec(t))?e[1]:""}function cb(t,e){return t&&v(t)&&"length"in t&&(!e&&!t.length||t.length-1 in t&&v(t[0]))&&!t.nodeType&&t!==h}function fb(r){return r=Pt(r)[0]||T("Invalid scope")||{},function(t){var e=r.current||r.nativeElement||r;return Pt(t,e.querySelectorAll?e:e===r?T("Invalid scope")||a.createElement("div"):r)}}function gb(t){return t.sort(function(){return.5-Math.random()})}function hb(t){if(s(t))return t;var p=v(t)?t:{each:t},_=Vt(p.ease),m=p.from||0,g=parseFloat(p.base)||0,y={},e=0<m&&m<1,T=isNaN(m)||e,b=p.axis,w=m,x=m;return r(m)?w=x={center:.5,edges:.5,end:1}[m]||0:!e&&T&&(w=m[0],x=m[1]),function(t,e,r){var i,n,a,s,o,u,h,l,f,d=(r||p).length,c=y[d];if(!c){if(!(f="auto"===p.grid?0:(p.grid||[1,X])[1])){for(h=-X;h<(h=r[f++].getBoundingClientRect().left)&&f<d;);f<d&&f--}for(c=y[d]=[],i=T?Math.min(f,d)*w-.5:m%f,n=f===X?0:T?d*x/f-.5:m/f|0,l=X,u=h=0;u<d;u++)a=u%f-i,s=n-(u/f|0),c[u]=o=b?Math.abs("y"===b?s:a):J(a*a+s*s),h<o&&(h=o),o<l&&(l=o);"random"===m&&gb(c),c.max=h-l,c.min=l,c.v=d=(parseFloat(p.amount)||parseFloat(p.each)*(d<f?d-1:b?"y"===b?d/f:f:Math.max(f,d/f))||0)*("edges"===m?-1:1),c.b=d<0?g-d:g,c.u=_a(p.amount||p.each)||0,_=_&&d<0?jt(_):_}return d=(c[t]-c.min)/c.max||0,la(c.b+(_?_(d):d)*c.v)+c.u}}function ib(i){var n=Math.pow(10,((i+"").split(".")[1]||"").length);return function(e){var r=la(Math.round(parseFloat(e)/i)*i*n);return(r-r%1)/n+(t(e)?0:_a(e))}}function jb(h,e){var l,f,r=$(h);return!r&&v(h)&&(l=r=h.radius||X,h.values?(h=Pt(h.values),(f=!t(h[0]))&&(l*=l)):h=ib(h.increment)),Za(e,r?s(h)?function(t){return f=h(t),Math.abs(f-t)<=l?f:t}:function(e){for(var r,i,n=parseFloat(f?e.x:e),a=parseFloat(f?e.y:0),s=X,o=0,u=h.length;u--;)(r=f?(r=h[u].x-n)*r+(i=h[u].y-a)*i:Math.abs(h[u]-n))<s&&(s=r,o=u);return o=!l||s<=l?h[o]:e,f||o===e||t(e)?o:o+_a(e)}:ib(h))}function kb(t,e,r,i){return Za($(t)?!e:!0===r?!!(r=0):!i,function(){return $(t)?t[~~(Math.random()*t.length)]:(r=r||1e-5)&&(i=r<1?Math.pow(10,(r+"").length-2):1)&&Math.floor(Math.round((t-r/2+Math.random()*(e-t+.99*r))/r)*r*i)/i})}function ob(e,r,t){return Za(t,function(t){return e[~~r(t)]})}function rb(t){return t.replace(tt,function(t){var e=t.indexOf("[")+1,r=t.substring(e||7,e?t.indexOf("]"):t.length-1).split(et);return kb(e?r:+r[0],e?0:+r[1],+r[2]||1e-5)})}function ub(t,e,r){var i,n,a,s=t.labels,o=X;for(i in s)(n=s[i]-e)<0==!!r&&n&&o>(n=Math.abs(n))&&(a=i,o=n);return a}function wb(t){return Ca(t),t.scrollTrigger&&t.scrollTrigger.kill(!!I),t.progress()<1&&Dt(t,"onInterrupt"),t}function zb(t){if(t)if(t=!t.name&&t.default||t,x()||t.headless){var e=t.name,r=s(t),i=e&&!r&&t.init?function(){this._props=[]}:t,n={init:V,render:ve,add:Jt,kill:Te,modifier:ye,rawVars:0},a={targetTest:0,get:0,getSetter:le,aliases:{},register:0};if(Lt(),t!==i){if(mt[e])return;ta(i,ta(xa(t,n),a)),bt(i.prototype,bt(n,xa(t,a))),mt[i.prop=e]=i,t.targetTest&&(yt.push(i),ct[e]=1),e=("css"===e?"CSS":e.charAt(0).toUpperCase()+e.substr(1))+"Plugin"}U(e,i),t.register&&t.register(Fe,i,we)}else St.push(t)}function Cb(t,e,r){return(6*(t+=t<0?1:1<t?-1:0)<1?e+(r-e)*t*6:t<.5?r:3*t<2?e+(r-e)*(2/3-t)*6:e)*zt+.5|0}function Db(e,r,i){var n,a,s,o,u,h,l,f,d,c,p=e?t(e)?[e>>16,e>>8&zt,e&zt]:0:Et.black;if(!p){if(","===e.substr(-1)&&(e=e.substr(0,e.length-1)),Et[e])p=Et[e];else if("#"===e.charAt(0)){if(e.length<6&&(e="#"+(n=e.charAt(1))+n+(a=e.charAt(2))+a+(s=e.charAt(3))+s+(5===e.length?e.charAt(4)+e.charAt(4):"")),9===e.length)return[(p=parseInt(e.substr(1,6),16))>>16,p>>8&zt,p&zt,parseInt(e.substr(7),16)/255];p=[(e=parseInt(e.substr(1),16))>>16,e>>8&zt,e&zt]}else if("hsl"===e.substr(0,3))if(p=c=e.match(rt),r){if(~e.indexOf("="))return p=e.match(it),i&&p.length<4&&(p[3]=1),p}else o=+p[0]%360/360,u=p[1]/100,n=2*(h=p[2]/100)-(a=h<=.5?h*(u+1):h+u-h*u),3<p.length&&(p[3]*=1),p[0]=Cb(o+1/3,n,a),p[1]=Cb(o,n,a),p[2]=Cb(o-1/3,n,a);else p=e.match(rt)||Et.transparent;p=p.map(Number)}return r&&!c&&(n=p[0]/zt,a=p[1]/zt,s=p[2]/zt,h=((l=Math.max(n,a,s))+(f=Math.min(n,a,s)))/2,l===f?o=u=0:(d=l-f,u=.5<h?d/(2-l-f):d/(l+f),o=l===n?(a-s)/d+(a<s?6:0):l===a?(s-n)/d+2:(n-a)/d+4,o*=60),p[0]=~~(o+.5),p[1]=~~(100*u+.5),p[2]=~~(100*h+.5)),i&&p.length<4&&(p[3]=1),p}function Eb(t){var r=[],i=[],n=-1;return t.split(Rt).forEach(function(t){var e=t.match(nt)||[];r.push.apply(r,e),i.push(n+=e.length+1)}),r.c=i,r}function Fb(t,e,r){var i,n,a,s,o="",u=(t+o).match(Rt),h=e?"hsla(":"rgba(",l=0;if(!u)return t;if(u=u.map(function(t){return(t=Db(t,e,1))&&h+(e?t[0]+","+t[1]+"%,"+t[2]+"%,"+t[3]:t.join(","))+")"}),r&&(a=Eb(t),(i=r.c).join(o)!==a.c.join(o)))for(s=(n=t.replace(Rt,"1").split(nt)).length-1;l<s;l++)o+=n[l]+(~i.indexOf(l)?u.shift()||h+"0,0,0,0)":(a.length?a:u.length?u:r).shift());if(!n)for(s=(n=t.split(Rt)).length-1;l<s;l++)o+=n[l]+u[l];return o+n[s]}function Ib(t){var e,r=t.join(" ");if(Rt.lastIndex=0,Rt.test(r))return e=Ft.test(r),t[1]=Fb(t[1],e),t[0]=Fb(t[0],e,Eb(t[1])),!0}function Rb(t){var e=(t+"").split("("),r=Bt[e[0]];return r&&1<e.length&&r.config?r.config.apply(null,~t.indexOf("{")?[function _parseObjectInString(t){for(var e,r,i,n={},a=t.substr(1,t.length-3).split(":"),s=a[0],o=1,u=a.length;o<u;o++)r=a[o],e=o!==u-1?r.lastIndexOf(","):r.length,i=r.substr(0,e),n[s]=isNaN(i)?i.replace(Nt,"").trim():+i,s=r.substr(e+1).trim();return n}(e[1])]:function _valueInParentheses(t){var e=t.indexOf("(")+1,r=t.indexOf(")"),i=t.indexOf("(",e);return t.substring(e,~i&&i<r?t.indexOf(")",r+1):r)}(t).split(",").map(ra)):Bt._CE&&Yt.test(t)?Bt._CE("",t):r}function Tb(t,e){for(var r,i=t._first;i;)i instanceof Zt?Tb(i,e):!i.vars.yoyoEase||i._yoyo&&i._repeat||i._yoyo===e||(i.timeline?Tb(i.timeline,e):(r=i._ease,i._ease=i._yEase,i._yEase=r,i._yoyo=e)),i=i._next}function Vb(t,e,r,i){void 0===r&&(r=function easeOut(t){return 1-e(1-t)}),void 0===i&&(i=function easeInOut(t){return t<.5?e(2*t)/2:1-e(2*(1-t))/2});var n,a={easeIn:e,easeOut:r,easeInOut:i};return ja(t,function(t){for(var e in Bt[t]=ht[t]=a,Bt[n=t.toLowerCase()]=r,a)Bt[n+("easeIn"===e?".in":"easeOut"===e?".out":".inOut")]=Bt[t+"."+e]=a[e]}),a}function Wb(e){return function(t){return t<.5?(1-e(1-2*t))/2:.5+e(2*(t-.5))/2}}function Xb(r,t,e){function Lm(t){return 1===t?1:i*Math.pow(2,-10*t)*G((t-a)*n)+1}var i=1<=t?t:1,n=(e||(r?.3:.45))/(t<1?t:1),a=n/Z*(Math.asin(1/i)||0),s="out"===r?Lm:"in"===r?function(t){return 1-Lm(1-t)}:Wb(Lm);return n=Z/n,s.config=function(t,e){return Xb(r,t,e)},s}function Yb(e,r){function Tm(t){return t?--t*t*((r+1)*t+r)+1:0}void 0===r&&(r=1.70158);var t="out"===e?Tm:"in"===e?function(t){return 1-Tm(1-t)}:Wb(Tm);return t.config=function(t){return Yb(e,t)},t}var F,I,l,L,h,n,a,i,o,f,d,c,p,_,m,g,b,k,O,M,C,P,A,D,z,E,B,Y,N={autoSleep:120,force3D:"auto",nullTargetWarn:1,units:{lineHeight:""}},j={duration:.5,overwrite:!1,delay:0},X=1e8,q=1/X,Z=2*Math.PI,W=Z/4,H=0,J=Math.sqrt,Q=Math.cos,G=Math.sin,K="function"==typeof ArrayBuffer&&ArrayBuffer.isView||function(){},$=Array.isArray,tt=/random\([^)]+\)/g,et=/,\s*/g,rt=/(?:-?\.?\d|\.)+/gi,it=/[-+=.]*\d+[.e\-+]*\d*[e\-+]*\d*/g,nt=/[-+=.]*\d+[.e-]*\d*[a-z%]*/g,at=/[-+=.]*\d+\.?\d*(?:e-|e\+)?\d*/gi,st=/[+-]=-?[.\d]+/,ot=/[^,'"\[\]\s]+/gi,ut=/^[+\-=e\s\d]*\d+[.\d]*([a-z]*|%)\s*$/i,ht={},lt={suppressEvents:!0,isStart:!0,kill:!1},ft={suppressEvents:!0,kill:!1},dt={suppressEvents:!0},ct={},pt=[],_t={},mt={},gt={},vt=30,yt=[],Tt="",bt=function _merge(t,e){for(var r in e)t[r]=e[r];return t},wt=function _animationCycle(t,e){var r=Math.floor(t=la(t/e));return t&&r===t?r-1:r},xt=function _isFromOrFromStart(t){var e=t.data;return"isFromStart"===e||"isStart"===e},kt={_start:0,endTime:V,totalDuration:V},Ot=function _parsePosition(t,e,i){var n,a,s,o=t.labels,u=t._recent||kt,h=t.duration()>=X?u.endTime(!1):t._dur;return r(e)&&(isNaN(e)||e in o)?(a=e.charAt(0),s="%"===e.substr(-1),n=e.indexOf("="),"<"===a||">"===a?(0<=n&&(e=e.replace(/=/,"")),("<"===a?u._start:u.endTime(0<=u._repeat))+(parseFloat(e.substr(1))||0)*(s?(n<0?u:i).totalDuration()/100:1)):n<0?(e in o||(o[e]=h),o[e]):(a=parseFloat(e.charAt(n-1)+e.substr(n+1)),s&&i&&(a=a/100*($(i)?i[0]:i).totalDuration()),1<n?_parsePosition(t,e.substr(0,n-1),i)+a:h+a)):null==e?h:+e},Mt=function _clamp(t,e,r){return r<t?t:e<r?e:r},Ct=[].slice,Pt=function toArray(t,e,i){return l&&!e&&l.selector?l.selector(t):!r(t)||i||!n&&Lt()?$(t)?function _flatten(t,e,i){return void 0===i&&(i=[]),t.forEach(function(t){return r(t)&&!e||cb(t,1)?i.push.apply(i,Pt(t)):i.push(t)})||i}(t,i):cb(t)?Ct.call(t,0):t?[t]:[]:Ct.call((e||a).querySelectorAll(t),0)},At=function mapRange(e,t,r,i,n){var a=t-e,s=i-r;return Za(n,function(t){return r+((t-e)/a*s||0)})},Dt=function _callback(t,e,r){var i,n,a,s=t.vars,o=s[e],u=l,h=t._ctx;if(o)return i=s[e+"Params"],n=s.callbackScope||t,r&&pt.length&&oa(),h&&(l=h),a=i?o.apply(n,i):o.call(n),l=u,a},St=[],zt=255,Et={aqua:[0,zt,zt],lime:[0,zt,0],silver:[192,192,192],black:[0,0,0],maroon:[128,0,0],teal:[0,128,128],blue:[0,0,zt],navy:[0,0,128],white:[zt,zt,zt],olive:[128,128,0],yellow:[zt,zt,0],orange:[zt,165,0],gray:[128,128,128],purple:[128,0,128],green:[0,128,0],red:[zt,0,0],pink:[zt,192,203],cyan:[0,zt,zt],transparent:[zt,zt,zt,0]},Rt=function(){var t,e="(?:\\b(?:(?:rgb|rgba|hsl|hsla)\\(.+?\\))|\\B#(?:[0-9a-f]{3,4}){1,2}\\b";for(t in Et)e+="|"+t+"\\b";return new RegExp(e+")","gi")}(),Ft=/hsl[a]?\(/,It=(O=Date.now,M=500,C=33,P=O(),A=P,z=D=1e3/240,g={time:0,frame:0,tick:function tick(){Al(!0)},deltaRatio:function deltaRatio(t){return b/(1e3/(t||60))},wake:function wake(){o&&(!n&&x()&&(h=n=window,a=h.document||{},ht.gsap=Fe,(h.gsapVersions||(h.gsapVersions=[])).push(Fe.version),R(i||h.GreenSockGlobals||!h.gsap&&h||{}),St.forEach(zb)),m="undefined"!=typeof requestAnimationFrame&&requestAnimationFrame,p&&g.sleep(),_=m||function(t){return setTimeout(t,z-1e3*g.time+1|0)},c=1,Al(2))},sleep:function sleep(){(m?cancelAnimationFrame:clearTimeout)(p),c=0,_=V},lagSmoothing:function lagSmoothing(t,e){M=t||1/0,C=Math.min(e||33,M)},fps:function fps(t){D=1e3/(t||240),z=1e3*g.time+D},add:function add(n,t,e){var a=t?function(t,e,r,i){n(t,e,r,i),g.remove(a)}:n;return g.remove(n),E[e?"unshift":"push"](a),Lt(),a},remove:function remove(t,e){~(e=E.indexOf(t))&&E.splice(e,1)&&e<=k&&k--},_listeners:E=[]}),Lt=function _wake(){return!c&&It.wake()},Bt={},Yt=/^[\d.\-M][\d.\-,\s]/,Nt=/["']/g,jt=function _invertEase(e){return function(t){return 1-e(1-t)}},Vt=function _parseEase(t,e){return t&&(s(t)?t:Bt[t]||Rb(t))||e};function Al(t){var e,r,i,n,a=O()-A,s=!0===t;if((M<a||a<0)&&(P+=a-C),(0<(e=(i=(A+=a)-P)-z)||s)&&(n=++g.frame,b=i-1e3*g.time,g.time=i/=1e3,z+=e+(D<=e?4:D-e),r=1),s||(p=_(Al)),r)for(k=0;k<E.length;k++)E[k](i,b,n,t)}function jn(t){return t<Y?B*t*t:t<.7272727272727273?B*Math.pow(t-1.5/2.75,2)+.75:t<.9090909090909092?B*(t-=2.25/2.75)*t+.9375:B*Math.pow(t-2.625/2.75,2)+.984375}ja("Linear,Quad,Cubic,Quart,Quint,Strong",function(t,e){var r=e<5?e+1:e;Vb(t+",Power"+(r-1),e?function(t){return Math.pow(t,r)}:function(t){return t},function(t){return 1-Math.pow(1-t,r)},function(t){return t<.5?Math.pow(2*t,r)/2:1-Math.pow(2*(1-t),r)/2})}),Bt.Linear.easeNone=Bt.none=Bt.Linear.easeIn,Vb("Elastic",Xb("in"),Xb("out"),Xb()),B=7.5625,Y=1/2.75,Vb("Bounce",function(t){return 1-jn(1-t)},jn),Vb("Expo",function(t){return Math.pow(2,10*(t-1))*t+t*t*t*t*t*t*(1-t)}),Vb("Circ",function(t){return-(J(1-t*t)-1)}),Vb("Sine",function(t){return 1===t?1:1-Q(t*W)}),Vb("Back",Yb("in"),Yb("out"),Yb()),Bt.SteppedEase=Bt.steps=ht.SteppedEase={config:function config(t,e){void 0===t&&(t=1);var r=1/t,i=t+(e?0:1),n=e?1:0;return function(t){return((i*Mt(0,.99999999,t)|0)+n)*r}}},j.ease=Bt["quad.out"],ja("onComplete,onUpdate,onStart,onRepeat,onReverseComplete,onInterrupt",function(t){return Tt+=t+","+t+"Params,"});var Ut,Xt=function GSCache(t,e){this.id=H++,(t._gsap=this).target=t,this.harness=e,this.get=e?e.get:ia,this.set=e?e.getSetter:le},qt=((Ut=Animation.prototype).delay=function delay(t){return t||0===t?(this.parent&&this.parent.smoothChildTiming&&this.startTime(this._start+t-this._delay),this._delay=t,this):this._delay},Ut.duration=function duration(t){return arguments.length?this.totalDuration(0<this._repeat?t+(t+this._rDelay)*this._repeat:t):this.totalDuration()&&this._dur},Ut.totalDuration=function totalDuration(t){return arguments.length?(this._dirty=0,Ua(this,this._repeat<0?t:(t-this._repeat*this._rDelay)/(this._repeat+1))):this._tDur},Ut.totalTime=function totalTime(t,e){if(Lt(),!arguments.length)return this._tTime;var r=this._dp;if(r&&r.smoothChildTiming&&this._ts){for(La(this,t),!r._dp||r.parent||Ma(r,this);r&&r.parent;)r.parent._time!==r._start+(0<=r._ts?r._tTime/r._ts:(r.totalDuration()-r._tTime)/-r._ts)&&r.totalTime(r._tTime,!0),r=r.parent;!this.parent&&this._dp.autoRemoveChildren&&(0<this._ts&&t<this._tDur||this._ts<0&&0<t||!this._tDur&&!t)&&Na(this._dp,this,this._start-this._delay)}return(this._tTime!==t||!this._dur&&!e||this._initted&&Math.abs(this._zTime)===q||!this._initted&&this._dur&&t||!t&&!this._initted&&(this.add||this._ptLookup))&&(this._ts||(this._pTime=t),qa(this,t,e)),this},Ut.time=function time(t,e){return arguments.length?this.totalTime(Math.min(this.totalDuration(),t+Ha(this))%(this._dur+this._rDelay)||(t?this._dur:0),e):this._time},Ut.totalProgress=function totalProgress(t,e){return arguments.length?this.totalTime(this.totalDuration()*t,e):this.totalDuration()?Math.min(1,this._tTime/this._tDur):0<=this.rawTime()&&this._initted?1:0},Ut.progress=function progress(t,e){return arguments.length?this.totalTime(this.duration()*(!this._yoyo||1&this.iteration()?t:1-t)+Ha(this),e):this.duration()?Math.min(1,this._time/this._dur):0<this.rawTime()?1:0},Ut.iteration=function iteration(t,e){var r=this.duration()+this._rDelay;return arguments.length?this.totalTime(this._time+(t-1)*r,e):this._repeat?wt(this._tTime,r)+1:1},Ut.timeScale=function timeScale(t,e){if(!arguments.length)return this._rts===-q?0:this._rts;if(this._rts===t)return this;var r=this.parent&&this._ts?Ja(this.parent._time,this):this._tTime;return this._rts=+t||0,this._ts=this._ps||t===-q?0:this._rts,this.totalTime(Mt(-Math.abs(this._delay),this.totalDuration(),r),!1!==e),Ka(this),function _recacheAncestors(t){for(var e=t.parent;e&&e.parent;)e._dirty=1,e.totalDuration(),e=e.parent;return t}(this)},Ut.paused=function paused(t){return arguments.length?(this._ps!==t&&((this._ps=t)?(this._pTime=this._tTime||Math.max(-this._delay,this.rawTime()),this._ts=this._act=0):(Lt(),this._ts=this._rts,this.totalTime(this.parent&&!this.parent.smoothChildTiming?this.rawTime():this._tTime||this._pTime,1===this.progress()&&Math.abs(this._zTime)!==q&&(this._tTime-=q)))),this):this._ps},Ut.startTime=function startTime(t){if(arguments.length){this._start=la(t);var e=this.parent||this._dp;return!e||!e._sort&&this.parent||Na(e,this,this._start-this._delay),this}return this._start},Ut.endTime=function endTime(t){return this._start+(w(t)?this.totalDuration():this.duration())/Math.abs(this._ts||1)},Ut.rawTime=function rawTime(t){var e=this.parent||this._dp;return e?t&&(!this._ts||this._repeat&&this._time&&this.totalProgress()<1)?this._tTime%(this._dur+this._rDelay):this._ts?Ja(e.rawTime(t),this):this._tTime:this._tTime},Ut.revert=function revert(t){void 0===t&&(t=dt);var e=I;return I=t,pa(this)&&(this.timeline&&this.timeline.revert(t),this.totalTime(-.01,t.suppressEvents)),"nested"!==this.data&&!1!==t.kill&&this.kill(),I=e,this},Ut.globalTime=function globalTime(t){for(var e=this,r=arguments.length?t:e.rawTime();e;)r=e._start+r/(Math.abs(e._ts)||1),e=e._dp;return!this.parent&&this._sat?this._sat.globalTime(t):r},Ut.repeat=function repeat(t){return arguments.length?(this._repeat=t===1/0?-2:t,Va(this)):-2===this._repeat?1/0:this._repeat},Ut.repeatDelay=function repeatDelay(t){if(arguments.length){var e=this._time;return this._rDelay=t,Va(this),e?this.time(e):this}return this._rDelay},Ut.yoyo=function yoyo(t){return arguments.length?(this._yoyo=t,this):this._yoyo},Ut.seek=function seek(t,e){return this.totalTime(Ot(this,t),w(e))},Ut.restart=function restart(t,e){return this.play().totalTime(t?-this._delay:0,w(e)),this._dur||(this._zTime=-q),this},Ut.play=function play(t,e){return null!=t&&this.seek(t,e),this.reversed(!1).paused(!1)},Ut.reverse=function reverse(t,e){return null!=t&&this.seek(t||this.totalDuration(),e),this.reversed(!0).paused(!1)},Ut.pause=function pause(t,e){return null!=t&&this.seek(t,e),this.paused(!0)},Ut.resume=function resume(){return this.paused(!1)},Ut.reversed=function reversed(t){return arguments.length?(!!t!==this.reversed()&&this.timeScale(-this._rts||(t?-q:0)),this):this._rts<0},Ut.invalidate=function invalidate(){return this._initted=this._act=0,this._zTime=-q,this},Ut.isActive=function isActive(){var t,e=this.parent||this._dp,r=this._start;return!(e&&!(this._ts&&this._initted&&e.isActive()&&(t=e.rawTime(!0))>=r&&t<this.endTime(!0)-q))},Ut.eventCallback=function eventCallback(t,e,r){var i=this.vars;return 1<arguments.length?(e?(i[t]=e,r&&(i[t+"Params"]=r),"onUpdate"===t&&(this._onUpdate=e)):delete i[t],this):i[t]},Ut.then=function then(t){var i=this,n=i._prom;return new Promise(function(e){function Fo(){var t=i.then;i.then=null,n&&n(),s(r)&&(r=r(i))&&(r.then||r===i)&&(i.then=t),e(r),i.then=t}var r=s(t)?t:sa;i._initted&&1===i.totalProgress()&&0<=i._ts||!i._tTime&&i._ts<0?Fo():i._prom=Fo})},Ut.kill=function kill(){wb(this)},Animation);function Animation(t){this.vars=t,this._delay=+t.delay||0,(this._repeat=t.repeat===1/0?-2:t.repeat||0)&&(this._rDelay=t.repeatDelay||0,this._yoyo=!!t.yoyo||!!t.yoyoEase),this._ts=1,Ua(this,+t.duration,1,1),this.data=t.data,l&&(this._ctx=l).data.push(this),c||It.wake()}ta(qt.prototype,{_time:0,_start:0,_end:0,_tTime:0,_tDur:0,_dirty:0,_repeat:0,_yoyo:!1,parent:null,_initted:!1,_rDelay:0,_ts:1,_dp:0,ratio:0,_zTime:-q,_prom:0,_ps:!1,_rts:1});var Zt=function(i){function Timeline(t,e){var r;return void 0===t&&(t={}),(r=i.call(this,t)||this).labels={},r.smoothChildTiming=!!t.smoothChildTiming,r.autoRemoveChildren=!!t.autoRemoveChildren,r._sort=w(t.sortChildren),L&&Na(t.parent||L,_assertThisInitialized(r),e),t.reversed&&r.reverse(),t.paused&&r.paused(!0),t.scrollTrigger&&Oa(_assertThisInitialized(r),t.scrollTrigger),r}_inheritsLoose(Timeline,i);var e=Timeline.prototype;return e.to=function to(t,e,r){return Ya(0,arguments,this),this},e.from=function from(t,e,r){return Ya(1,arguments,this),this},e.fromTo=function fromTo(t,e,r,i){return Ya(2,arguments,this),this},e.set=function set(t,e,r){return e.duration=0,e.parent=this,ya(e).repeatDelay||(e.repeat=0),e.immediateRender=!!e.immediateRender,new te(t,e,Ot(this,r),1),this},e.call=function call(t,e,r){return Na(this,te.delayedCall(0,t,e),r)},e.staggerTo=function staggerTo(t,e,r,i,n,a,s){return r.duration=e,r.stagger=r.stagger||i,r.onComplete=a,r.onCompleteParams=s,r.parent=this,new te(t,r,Ot(this,n)),this},e.staggerFrom=function staggerFrom(t,e,r,i,n,a,s){return r.runBackwards=1,ya(r).immediateRender=w(r.immediateRender),this.staggerTo(t,e,r,i,n,a,s)},e.staggerFromTo=function staggerFromTo(t,e,r,i,n,a,s,o){return i.startAt=r,ya(i).immediateRender=w(i.immediateRender),this.staggerTo(t,e,i,n,a,s,o)},e.render=function render(t,e,r){var i,n,a,s,o,u,h,l,f,d,c,p,_=this._time,m=this._dirty?this.totalDuration():this._tDur,g=this._dur,v=t<=0?0:la(t),y=this._zTime<0!=t<0&&(this._initted||!g);if(this!==L&&m<v&&0<=t&&(v=m),v!==this._tTime||r||y){if(_!==this._time&&g&&(v+=this._time-_,t+=this._time-_),i=v,f=this._start,u=!(l=this._ts),y&&(g||(_=this._zTime),!t&&e||(this._zTime=t)),this._repeat){if(c=this._yoyo,o=g+this._rDelay,this._repeat<-1&&t<0)return this.totalTime(100*o+t,e,r);if(i=la(v%o),v===m?(s=this._repeat,i=g):((s=~~(d=la(v/o)))&&s===d&&(i=g,s--),g<i&&(i=g)),d=wt(this._tTime,o),!_&&this._tTime&&d!==s&&this._tTime-d*o-this._dur<=0&&(d=s),c&&1&s&&(i=g-i,p=1),s!==d&&!this._lock){var T=c&&1&d,b=T===(c&&1&s);if(s<d&&(T=!T),_=T?0:v%g?g:v,this._lock=1,this.render(_||(p?0:la(s*o)),e,!g)._lock=0,this._tTime=v,!e&&this.parent&&Dt(this,"onRepeat"),this.vars.repeatRefresh&&!p&&(this.invalidate()._lock=1,d=s),_&&_!==this._time||u!=!this._ts||this.vars.onRepeat&&!this.parent&&!this._act)return this;if(g=this._dur,m=this._tDur,b&&(this._lock=2,_=T?g:-1e-4,this.render(_,!0),this.vars.repeatRefresh&&!p&&this.invalidate()),this._lock=0,!this._ts&&!u)return this;Tb(this,p)}}if(this._hasPause&&!this._forcing&&this._lock<2&&(h=function _findNextPauseTween(t,e,r){var i;if(e<r)for(i=t._first;i&&i._start<=r;){if("isPause"===i.data&&i._start>e)return i;i=i._next}else for(i=t._last;i&&i._start>=r;){if("isPause"===i.data&&i._start<e)return i;i=i._prev}}(this,la(_),la(i)))&&(v-=i-(i=h._start)),this._tTime=v,this._time=i,this._act=!l,this._initted||(this._onUpdate=this.vars.onUpdate,this._initted=1,this._zTime=t,_=0),!_&&v&&g&&!e&&!d&&(Dt(this,"onStart"),this._tTime!==v))return this;if(_<=i&&0<=t)for(n=this._first;n;){if(a=n._next,(n._act||i>=n._start)&&n._ts&&h!==n){if(n.parent!==this)return this.render(t,e,r);if(n.render(0<n._ts?(i-n._start)*n._ts:(n._dirty?n.totalDuration():n._tDur)+(i-n._start)*n._ts,e,r),i!==this._time||!this._ts&&!u){h=0,a&&(v+=this._zTime=-q);break}}n=a}else{n=this._last;for(var w=t<0?t:i;n;){if(a=n._prev,(n._act||w<=n._end)&&n._ts&&h!==n){if(n.parent!==this)return this.render(t,e,r);if(n.render(0<n._ts?(w-n._start)*n._ts:(n._dirty?n.totalDuration():n._tDur)+(w-n._start)*n._ts,e,r||I&&pa(n)),i!==this._time||!this._ts&&!u){h=0,a&&(v+=this._zTime=w?-q:q);break}}n=a}}if(h&&!e&&(this.pause(),h.render(_<=i?0:-q)._zTime=_<=i?1:-1,this._ts))return this._start=f,Ka(this),this.render(t,e,r);this._onUpdate&&!e&&Dt(this,"onUpdate",!0),(v===m&&this._tTime>=this.totalDuration()||!v&&_)&&(f!==this._start&&Math.abs(l)===Math.abs(this._ts)||this._lock||(!t&&g||!(v===m&&0<this._ts||!v&&this._ts<0)||Ca(this,1),e||t<0&&!_||!v&&!_&&m||(Dt(this,v===m&&0<=t?"onComplete":"onReverseComplete",!0),!this._prom||v<m&&0<this.timeScale()||this._prom())))}return this},e.add=function add(e,i){var n=this;if(t(i)||(i=Ot(this,i,e)),!(e instanceof qt)){if($(e))return e.forEach(function(t){return n.add(t,i)}),this;if(r(e))return this.addLabel(e,i);if(!s(e))return this;e=te.delayedCall(0,e)}return this!==e?Na(this,e,i):this},e.getChildren=function getChildren(t,e,r,i){void 0===t&&(t=!0),void 0===e&&(e=!0),void 0===r&&(r=!0),void 0===i&&(i=-X);for(var n=[],a=this._first;a;)a._start>=i&&(a instanceof te?e&&n.push(a):(r&&n.push(a),t&&n.push.apply(n,a.getChildren(!0,e,r)))),a=a._next;return n},e.getById=function getById(t){for(var e=this.getChildren(1,1,1),r=e.length;r--;)if(e[r].vars.id===t)return e[r]},e.remove=function remove(t){return r(t)?this.removeLabel(t):s(t)?this.killTweensOf(t):(t.parent===this&&Ba(this,t),t===this._recent&&(this._recent=this._last),Da(this))},e.totalTime=function totalTime(t,e){return arguments.length?(this._forcing=1,!this._dp&&this._ts&&(this._start=la(It.time-(0<this._ts?t/this._ts:(this.totalDuration()-t)/-this._ts))),i.prototype.totalTime.call(this,t,e),this._forcing=0,this):this._tTime},e.addLabel=function addLabel(t,e){return this.labels[t]=Ot(this,e),this},e.removeLabel=function removeLabel(t){return delete this.labels[t],this},e.addPause=function addPause(t,e,r){var i=te.delayedCall(0,e||V,r);return i.data="isPause",this._hasPause=1,Na(this,i,Ot(this,t))},e.removePause=function removePause(t){var e=this._first;for(t=Ot(this,t);e;)e._start===t&&"isPause"===e.data&&Ca(e),e=e._next},e.killTweensOf=function killTweensOf(t,e,r){for(var i=this.getTweensOf(t,r),n=i.length;n--;)Wt!==i[n]&&i[n].kill(t,e);return this},e.getTweensOf=function getTweensOf(e,r){for(var i,n=[],a=Pt(e),s=this._first,o=t(r);s;)s instanceof te?na(s._targets,a)&&(o?(!Wt||s._initted&&s._ts)&&s.globalTime(0)<=r&&s.globalTime(s.totalDuration())>r:!r||s.isActive())&&n.push(s):(i=s.getTweensOf(a,r)).length&&n.push.apply(n,i),s=s._next;return n},e.tweenTo=function tweenTo(t,e){e=e||{};var r,i=this,n=Ot(i,t),a=e.startAt,s=e.onStart,o=e.onStartParams,u=e.immediateRender,h=te.to(i,ta({ease:e.ease||"none",lazy:!1,immediateRender:!1,time:n,overwrite:"auto",duration:e.duration||Math.abs((n-(a&&"time"in a?a.time:i._time))/i.timeScale())||q,onStart:function onStart(){if(i.pause(),!r){var t=e.duration||Math.abs((n-(a&&"time"in a?a.time:i._time))/i.timeScale());h._dur!==t&&Ua(h,t,0,1).render(h._time,!0,!0),r=1}s&&s.apply(h,o||[])}},e));return u?h.render(0):h},e.tweenFromTo=function tweenFromTo(t,e,r){return this.tweenTo(e,ta({startAt:{time:Ot(this,t)}},r))},e.recent=function recent(){return this._recent},e.nextLabel=function nextLabel(t){return void 0===t&&(t=this._time),ub(this,Ot(this,t))},e.previousLabel=function previousLabel(t){return void 0===t&&(t=this._time),ub(this,Ot(this,t),1)},e.currentLabel=function currentLabel(t){return arguments.length?this.seek(t,!0):this.previousLabel(this._time+q)},e.shiftChildren=function shiftChildren(t,e,r){void 0===r&&(r=0);var i,n=this._first,a=this.labels;for(t=la(t);n;)n._start>=r&&(n._start+=t,n._end+=t),n=n._next;if(e)for(i in a)a[i]>=r&&(a[i]+=t);return Da(this)},e.invalidate=function invalidate(t){var e=this._first;for(this._lock=0;e;)e.invalidate(t),e=e._next;return i.prototype.invalidate.call(this,t)},e.clear=function clear(t){void 0===t&&(t=!0);for(var e,r=this._first;r;)e=r._next,this.remove(r),r=e;return this._dp&&(this._time=this._tTime=this._pTime=0),t&&(this.labels={}),Da(this)},e.totalDuration=function totalDuration(t){var e,r,i,n=0,a=this,s=a._last,o=X;if(arguments.length)return a.timeScale((a._repeat<0?a.duration():a.totalDuration())/(a.reversed()?-t:t));if(a._dirty){for(i=a.parent;s;)e=s._prev,s._dirty&&s.totalDuration(),o<(r=s._start)&&a._sort&&s._ts&&!a._lock?(a._lock=1,Na(a,s,r-s._delay,1)._lock=0):o=r,r<0&&s._ts&&(n-=r,(!i&&!a._dp||i&&i.smoothChildTiming)&&(a._start+=la(r/a._ts),a._time-=r,a._tTime-=r),a.shiftChildren(-r,!1,-Infinity),o=0),s._end>n&&s._ts&&(n=s._end),s=e;Ua(a,a===L&&a._time>n?a._time:n,1,1),a._dirty=0}return a._tDur},Timeline.updateRoot=function updateRoot(t){if(L._ts&&(qa(L,Ja(t,L)),f=It.frame),It.frame>=vt){vt+=N.autoSleep||120;var e=L._first;if((!e||!e._ts)&&N.autoSleep&&It._listeners.length<2){for(;e&&!e._ts;)e=e._next;e||It.sleep()}}},Timeline}(qt);ta(Zt.prototype,{_lock:0,_hasPause:0,_forcing:0});function dc(t,e,i,n,a,o){var u,h,l,f;if(mt[t]&&!1!==(u=new mt[t]).init(a,u.rawVars?e[t]:function _processVars(t,e,i,n,a){if(s(t)&&(t=Gt(t,a,e,i,n)),!v(t)||t.style&&t.nodeType||$(t)||K(t))return r(t)?Gt(t,a,e,i,n):t;var o,u={};for(o in t)u[o]=Gt(t[o],a,e,i,n);return u}(e[t],n,a,o,i),i,n,o)&&(i._pt=h=new we(i._pt,a,t,0,1,u.render,u,0,u.priority),i!==d))for(l=i._ptLookup[i._targets.indexOf(a)],f=u._props.length;f--;)l[u._props[f]]=h;return u}function jc(t,r,e,i){var n,a,s=r.ease||i||"power1.inOut";if($(r))a=e[t]||(e[t]=[]),r.forEach(function(t,e){return a.push({t:e/(r.length-1)*100,v:t,e:s})});else for(n in r)a=e[n]||(e[n]=[]),"ease"===n||a.push({t:parseFloat(t),v:r[n],e:s})}var Wt,Ht,Jt=function _addPropTween(t,e,i,n,a,o,u,h,l,f){s(n)&&(n=n(a||0,t,o));var d,c=t[e],p="get"!==i?i:s(c)?l?t[e.indexOf("set")||!s(t["get"+e.substr(3)])?e:"get"+e.substr(3)](l):t[e]():c,_=s(c)?l?ue:re:ee;if(r(n)&&(~n.indexOf("random(")&&(n=rb(n)),"="===n.charAt(1)&&(!(d=ma(p,n)+(_a(p)||0))&&0!==d||(n=d))),!f||p!==n||Ht)return isNaN(p*n)||""===n?(c||e in t||S(e,n),function _addComplexStringPropTween(t,e,r,i,n,a,s){var o,u,h,l,f,d,c,p,_=new we(this._pt,t,e,0,1,ge,null,n),m=0,g=0;for(_.b=r,_.e=i,r+="",(c=~(i+="").indexOf("random("))&&(i=rb(i)),a&&(a(p=[r,i],t,e),r=p[0],i=p[1]),u=r.match(at)||[];o=at.exec(i);)l=o[0],f=i.substring(m,o.index),h?h=(h+1)%5:"rgba("===f.substr(-5)&&(h=1),l!==u[g++]&&(d=parseFloat(u[g-1])||0,_._pt={_next:_._pt,p:f||1===g?f:",",s:d,c:"="===l.charAt(1)?ma(d,l)-d:parseFloat(l)-d,m:h&&h<4?Math.round:0},m=at.lastIndex);return _.c=m<i.length?i.substring(m,i.length):"",_.fp=s,(st.test(i)||c)&&(_.e=0),this._pt=_}.call(this,t,e,p,n,_,h||N.stringFilter,l)):(d=new we(this._pt,t,e,+p||0,n-(p||0),"boolean"==typeof c?_e:ce,0,_),l&&(d.fp=l),u&&d.modifier(u,this,t),this._pt=d)},Qt=function _initTween(t,e,r){var i,n,a,s,o,u,h,l,f,d,c,p,_,m=t.vars,g=m.ease,v=m.startAt,y=m.immediateRender,T=m.lazy,b=m.onUpdate,x=m.runBackwards,k=m.yoyoEase,O=m.keyframes,M=m.autoRevert,C=t._dur,P=t._startAt,A=t._targets,D=t.parent,S=D&&"nested"===D.data?D.vars.targets:A,z="auto"===t._overwrite&&!F,E=t.timeline;if(!E||O&&g||(g="none"),t._ease=Vt(g,j.ease),t._yEase=k?jt(Vt(!0===k?g:k,j.ease)):0,k&&t._yoyo&&!t._repeat&&(k=t._yEase,t._yEase=t._ease,t._ease=k),t._from=!E&&!!m.runBackwards,!E||O&&!m.stagger){if(p=(l=A[0]?ha(A[0]).harness:0)&&m[l.prop],i=xa(m,ct),P&&(P._zTime<0&&P.progress(1),e<0&&x&&y&&!M?P.render(-1,!0):P.revert(x&&C?ft:lt),P._lazy=0),v){if(Ca(t._startAt=te.set(A,ta({data:"isStart",overwrite:!1,parent:D,immediateRender:!0,lazy:!P&&w(T),startAt:null,delay:0,onUpdate:b&&function(){return Dt(t,"onUpdate")},stagger:0},v))),t._startAt._dp=0,t._startAt._sat=t,e<0&&(I||!y&&!M)&&t._startAt.revert(ft),y&&C&&e<=0&&r<=0)return void(e&&(t._zTime=e))}else if(x&&C&&!P)if(e&&(y=!1),a=ta({overwrite:!1,data:"isFromStart",lazy:y&&!P&&w(T),immediateRender:y,stagger:0,parent:D},i),p&&(a[l.prop]=p),Ca(t._startAt=te.set(A,a)),t._startAt._dp=0,t._startAt._sat=t,e<0&&(I?t._startAt.revert(ft):t._startAt.render(-1,!0)),t._zTime=e,y){if(!e)return}else _initTween(t._startAt,q,q);for(t._pt=t._ptCache=0,T=C&&w(T)||T&&!C,n=0;n<A.length;n++){if(h=(o=A[n])._gsap||ga(A)[n]._gsap,t._ptLookup[n]=d={},_t[h.id]&&pt.length&&oa(),c=S===A?n:S.indexOf(o),l&&!1!==(f=new l).init(o,p||i,t,c,S)&&(t._pt=s=new we(t._pt,o,f.name,0,1,f.render,f,0,f.priority),f._props.forEach(function(t){d[t]=s}),f.priority&&(u=1)),!l||p)for(a in i)mt[a]&&(f=dc(a,i,t,c,o,S))?f.priority&&(u=1):d[a]=s=Jt.call(t,o,a,"get",i[a],c,S,0,m.stringFilter);t._op&&t._op[n]&&t.kill(o,t._op[n]),z&&t._pt&&(Wt=t,L.killTweensOf(o,d,t.globalTime(e)),_=!t.parent,Wt=0),t._pt&&T&&(_t[h.id]=1)}u&&be(t),t._onInit&&t._onInit(t)}t._onUpdate=b,t._initted=(!t._op||t._pt)&&!_,O&&e<=0&&E.render(X,!0,!0)},Gt=function _parseFuncOrString(t,e,i,n,a){return s(t)?t.call(e,i,n,a):r(t)&&~t.indexOf("random(")?rb(t):t},Kt=Tt+"repeat,repeatDelay,yoyo,repeatRefresh,yoyoEase,autoRevert",$t={};ja(Kt+",id,stagger,delay,duration,paused,scrollTrigger",function(t){return $t[t]=1});var te=function(R){function Tween(e,r,i,n){var a;"number"==typeof r&&(i.duration=r,r=i,i=null);var s,o,u,h,l,f,d,c,p=(a=R.call(this,n?r:ya(r))||this).vars,_=p.duration,m=p.delay,g=p.immediateRender,b=p.stagger,x=p.overwrite,k=p.keyframes,O=p.defaults,M=p.scrollTrigger,C=p.yoyoEase,P=r.parent||L,A=($(e)||K(e)?t(e[0]):"length"in r)?[e]:Pt(e);if(a._targets=A.length?ga(A):T("GSAP target "+e+" not found. https://gsap.com",!N.nullTargetWarn)||[],a._ptLookup=[],a._overwrite=x,k||b||y(_)||y(m)){if(r=a.vars,(s=a.timeline=new Zt({data:"nested",defaults:O||{},targets:P&&"nested"===P.data?P.vars.targets:A})).kill(),s.parent=s._dp=_assertThisInitialized(a),s._start=0,b||y(_)||y(m)){if(h=A.length,d=b&&hb(b),v(b))for(l in b)~Kt.indexOf(l)&&((c=c||{})[l]=b[l]);for(o=0;o<h;o++)(u=xa(r,$t)).stagger=0,C&&(u.yoyoEase=C),c&&bt(u,c),f=A[o],u.duration=+Gt(_,_assertThisInitialized(a),o,f,A),u.delay=(+Gt(m,_assertThisInitialized(a),o,f,A)||0)-a._delay,!b&&1===h&&u.delay&&(a._delay=m=u.delay,a._start+=m,u.delay=0),s.to(f,u,d?d(o,f,A):0),s._ease=Bt.none;s.duration()?_=m=0:a.timeline=0}else if(k){ya(ta(s.vars.defaults,{ease:"none"})),s._ease=Vt(k.ease||r.ease||"none");var D,S,z,E=0;if($(k))k.forEach(function(t){return s.to(A,t,">")}),s.duration();else{for(l in u={},k)"ease"===l||"easeEach"===l||jc(l,k[l],u,k.easeEach);for(l in u)for(D=u[l].sort(function(t,e){return t.t-e.t}),o=E=0;o<D.length;o++)(z={ease:(S=D[o]).e,duration:(S.t-(o?D[o-1].t:0))/100*_})[l]=S.v,s.to(A,z,E),E+=z.duration;s.duration()<_&&s.to({},{duration:_-s.duration()})}}_||a.duration(_=s.duration())}else a.timeline=0;return!0!==x||F||(Wt=_assertThisInitialized(a),L.killTweensOf(A),Wt=0),Na(P,_assertThisInitialized(a),i),r.reversed&&a.reverse(),r.paused&&a.paused(!0),(g||!_&&!k&&a._start===la(P._time)&&w(g)&&function _hasNoPausedAncestors(t){return!t||t._ts&&_hasNoPausedAncestors(t.parent)}(_assertThisInitialized(a))&&"nested"!==P.data)&&(a._tTime=-q,a.render(Math.max(0,-m)||0)),M&&Oa(_assertThisInitialized(a),M),a}_inheritsLoose(Tween,R);var e=Tween.prototype;return e.render=function render(t,e,r){var i,n,a,s,o,u,h,l,f,d=this._time,c=this._tDur,p=this._dur,_=t<0,m=c-q<t&&!_?c:t<q?0:t;if(p){if(m!==this._tTime||!t||r||!this._initted&&this._tTime||this._startAt&&this._zTime<0!=_||this._lazy){if(i=m,l=this.timeline,this._repeat){if(s=p+this._rDelay,this._repeat<-1&&_)return this.totalTime(100*s+t,e,r);if(i=la(m%s),m===c?(a=this._repeat,i=p):(a=~~(o=la(m/s)))&&a===o?(i=p,a--):p<i&&(i=p),(u=this._yoyo&&1&a)&&(f=this._yEase,i=p-i),o=wt(this._tTime,s),i===d&&!r&&this._initted&&a===o)return this._tTime=m,this;a!==o&&(l&&this._yEase&&Tb(l,u),this.vars.repeatRefresh&&!u&&!this._lock&&i!==s&&this._initted&&(this._lock=r=1,this.render(la(s*a),!0).invalidate()._lock=0))}if(!this._initted){if(Pa(this,_?t:i,r,e,m))return this._tTime=0,this;if(!(d===this._time||r&&this.vars.repeatRefresh&&a!==o))return this;if(p!==this._dur)return this.render(t,e,r)}if(this._tTime=m,this._time=i,!this._act&&this._ts&&(this._act=1,this._lazy=0),this.ratio=h=(f||this._ease)(i/p),this._from&&(this.ratio=h=1-h),!d&&m&&!e&&!o&&(Dt(this,"onStart"),this._tTime!==m))return this;for(n=this._pt;n;)n.r(h,n.d),n=n._next;l&&l.render(t<0?t:l._dur*l._ease(i/this._dur),e,r)||this._startAt&&(this._zTime=t),this._onUpdate&&!e&&(_&&Fa(this,t,0,r),Dt(this,"onUpdate")),this._repeat&&a!==o&&this.vars.onRepeat&&!e&&this.parent&&Dt(this,"onRepeat"),m!==this._tDur&&m||this._tTime!==m||(_&&!this._onUpdate&&Fa(this,t,0,!0),!t&&p||!(m===this._tDur&&0<this._ts||!m&&this._ts<0)||Ca(this,1),e||_&&!d||!(m||d||u)||(Dt(this,m===c?"onComplete":"onReverseComplete",!0),!this._prom||m<c&&0<this.timeScale()||this._prom()))}}else!function _renderZeroDurationTween(t,e,r,i){var n,a,s,o=t.ratio,u=e<0||!e&&(!t._start&&function _parentPlayheadIsBeforeStart(t){var e=t.parent;return e&&e._ts&&e._initted&&!e._lock&&(e.rawTime()<0||_parentPlayheadIsBeforeStart(e))}(t)&&(t._initted||!xt(t))||(t._ts<0||t._dp._ts<0)&&!xt(t))?0:1,h=t._rDelay,l=0;if(h&&t._repeat&&(l=Mt(0,t._tDur,e),a=wt(l,h),t._yoyo&&1&a&&(u=1-u),a!==wt(t._tTime,h)&&(o=1-u,t.vars.repeatRefresh&&t._initted&&t.invalidate())),u!==o||I||i||t._zTime===q||!e&&t._zTime){if(!t._initted&&Pa(t,e,i,r,l))return;for(s=t._zTime,t._zTime=e||(r?q:0),r=r||e&&!s,t.ratio=u,t._from&&(u=1-u),t._time=0,t._tTime=l,n=t._pt;n;)n.r(u,n.d),n=n._next;e<0&&Fa(t,e,0,!0),t._onUpdate&&!r&&Dt(t,"onUpdate"),l&&t._repeat&&!r&&t.parent&&Dt(t,"onRepeat"),(e>=t._tDur||e<0)&&t.ratio===u&&(u&&Ca(t,1),r||I||(Dt(t,u?"onComplete":"onReverseComplete",!0),t._prom&&t._prom()))}else t._zTime||(t._zTime=e)}(this,t,e,r);return this},e.targets=function targets(){return this._targets},e.invalidate=function invalidate(t){return t&&this.vars.runBackwards||(this._startAt=0),this._pt=this._op=this._onUpdate=this._lazy=this.ratio=0,this._ptLookup=[],this.timeline&&this.timeline.invalidate(t),R.prototype.invalidate.call(this,t)},e.resetTo=function resetTo(t,e,r,i,n){c||It.wake(),this._ts||this.play();var a,s=Math.min(this._dur,(this._dp._time-this._start)*this._ts);return this._initted||Qt(this,s),a=this._ease(s/this._dur),function _updatePropTweens(t,e,r,i,n,a,s,o){var u,h,l,f,d=(t._pt&&t._ptCache||(t._ptCache={}))[e];if(!d)for(d=t._ptCache[e]=[],l=t._ptLookup,f=t._targets.length;f--;){if((u=l[f][e])&&u.d&&u.d._pt)for(u=u.d._pt;u&&u.p!==e&&u.fp!==e;)u=u._next;if(!u)return Ht=1,t.vars[e]="+=0",Qt(t,s),Ht=0,o?T(e+" not eligible for reset"):1;d.push(u)}for(f=d.length;f--;)(u=(h=d[f])._pt||h).s=!i&&0!==i||n?u.s+(i||0)+a*u.c:i,u.c=r-u.s,h.e&&(h.e=ka(r)+_a(h.e)),h.b&&(h.b=u.s+_a(h.b))}(this,t,e,r,i,a,s,n)?this.resetTo(t,e,r,i,1):(La(this,0),this.parent||Aa(this._dp,this,"_first","_last",this._dp._sort?"_start":0),this.render(0))},e.kill=function kill(t,e){if(void 0===e&&(e="all"),!(t||e&&"all"!==e))return this._lazy=this._pt=0,this.parent?wb(this):this.scrollTrigger&&this.scrollTrigger.kill(!!I),this;if(this.timeline){var i=this.timeline.totalDuration();return this.timeline.killTweensOf(t,e,Wt&&!0!==Wt.vars.overwrite)._first||wb(this),this.parent&&i!==this.timeline.totalDuration()&&Ua(this,this._dur*this.timeline._tDur/i,0,1),this}var n,a,s,o,u,h,l,f=this._targets,d=t?Pt(t):f,c=this._ptLookup,p=this._pt;if((!e||"all"===e)&&function _arraysMatch(t,e){for(var r=t.length,i=r===e.length;i&&r--&&t[r]===e[r];);return r<0}(f,d))return"all"===e&&(this._pt=0),wb(this);for(n=this._op=this._op||[],"all"!==e&&(r(e)&&(u={},ja(e,function(t){return u[t]=1}),e=u),e=function _addAliasesToVars(t,e){var r,i,n,a,s=t[0]?ha(t[0]).harness:0,o=s&&s.aliases;if(!o)return e;for(i in r=bt({},e),o)if(i in r)for(n=(a=o[i].split(",")).length;n--;)r[a[n]]=r[i];return r}(f,e)),l=f.length;l--;)if(~d.indexOf(f[l]))for(u in a=c[l],"all"===e?(n[l]=e,o=a,s={}):(s=n[l]=n[l]||{},o=e),o)(h=a&&a[u])&&("kill"in h.d&&!0!==h.d.kill(u)||Ba(this,h,"_pt"),delete a[u]),"all"!==s&&(s[u]=1);return this._initted&&!this._pt&&p&&wb(this),this},Tween.to=function to(t,e,r){return new Tween(t,e,r)},Tween.from=function from(t,e){return Ya(1,arguments)},Tween.delayedCall=function delayedCall(t,e,r,i){return new Tween(e,0,{immediateRender:!1,lazy:!1,overwrite:!1,delay:t,onComplete:e,onReverseComplete:e,onCompleteParams:r,onReverseCompleteParams:r,callbackScope:i})},Tween.fromTo=function fromTo(t,e,r){return Ya(2,arguments)},Tween.set=function set(t,e){return e.duration=0,e.repeatDelay||(e.repeat=0),new Tween(t,e)},Tween.killTweensOf=function killTweensOf(t,e,r){return L.killTweensOf(t,e,r)},Tween}(qt);ta(te.prototype,{_targets:[],_lazy:0,_startAt:0,_op:0,_onInit:0}),ja("staggerTo,staggerFrom,staggerFromTo",function(r){te[r]=function(){var t=new Zt,e=Ct.call(arguments,0);return e.splice("staggerFromTo"===r?5:4,0,0),t[r].apply(t,e)}});function rc(t,e,r){return t.setAttribute(e,r)}function zc(t,e,r,i){i.mSet(t,e,i.m.call(i.tween,r,i.mt),i)}var ee=function _setterPlain(t,e,r){return t[e]=r},re=function _setterFunc(t,e,r){return t[e](r)},ue=function _setterFuncWithParam(t,e,r,i){return t[e](i.fp,r)},le=function _getSetter(t,e){return s(t[e])?re:u(t[e])&&t.setAttribute?rc:ee},ce=function _renderPlain(t,e){return e.set(e.t,e.p,Math.round(1e6*(e.s+e.c*t))/1e6,e)},_e=function _renderBoolean(t,e){return e.set(e.t,e.p,!!(e.s+e.c*t),e)},ge=function _renderComplexString(t,e){var r=e._pt,i="";if(!t&&e.b)i=e.b;else if(1===t&&e.e)i=e.e;else{for(;r;)i=r.p+(r.m?r.m(r.s+r.c*t):Math.round(1e4*(r.s+r.c*t))/1e4)+i,r=r._next;i+=e.c}e.set(e.t,e.p,i,e)},ve=function _renderPropTweens(t,e){for(var r=e._pt;r;)r.r(t,r.d),r=r._next},ye=function _addPluginModifier(t,e,r,i){for(var n,a=this._pt;a;)n=a._next,a.p===i&&a.modifier(t,e,r),a=n},Te=function _killPropTweensOf(t){for(var e,r,i=this._pt;i;)r=i._next,i.p===t&&!i.op||i.op===t?Ba(this,i,"_pt"):i.dep||(e=1),i=r;return!e},be=function _sortPropTweensByPriority(t){for(var e,r,i,n,a=t._pt;a;){for(e=a._next,r=i;r&&r.pr>a.pr;)r=r._next;(a._prev=r?r._prev:n)?a._prev._next=a:i=a,(a._next=r)?r._prev=a:n=a,a=e}t._pt=i},we=(PropTween.prototype.modifier=function modifier(t,e,r){this.mSet=this.mSet||this.set,this.set=zc,this.m=t,this.mt=r,this.tween=e},PropTween);function PropTween(t,e,r,i,n,a,s,o,u){this.t=e,this.s=i,this.c=n,this.p=r,this.r=a||ce,this.d=s||this,this.set=o||ee,this.pr=u||0,(this._next=t)&&(t._prev=this)}ja(Tt+"parent,duration,ease,delay,overwrite,runBackwards,startAt,yoyo,immediateRender,repeat,repeatDelay,data,paused,reversed,lazy,callbackScope,stringFilter,id,yoyoEase,stagger,inherit,repeatRefresh,keyframes,autoRevert,scrollTrigger",function(t){return ct[t]=1}),ht.TweenMax=ht.TweenLite=te,ht.TimelineLite=ht.TimelineMax=Zt,L=new Zt({sortChildren:!1,defaults:j,autoRemoveChildren:!0,id:"root",smoothChildTiming:!0}),N.stringFilter=Ib;function Hc(t){return(Oe[t]||Me).map(function(t){return t()})}function Ic(){var t=Date.now(),o=[];2<t-Ce&&(Hc("matchMediaInit"),ke.forEach(function(t){var e,r,i,n,a=t.queries,s=t.conditions;for(r in a)(e=h.matchMedia(a[r]).matches)&&(i=1),e!==s[r]&&(s[r]=e,n=1);n&&(t.revert(),i&&o.push(t))}),Hc("matchMediaRevert"),o.forEach(function(e){return e.onMatch(e,function(t){return e.add(null,t)})}),Ce=t,Hc("matchMedia"))}var xe,ke=[],Oe={},Me=[],Ce=0,Pe=0,De=((xe=Context.prototype).add=function add(t,i,n){function Jw(){var t,e=l,r=a.selector;return e&&e!==a&&e.data.push(a),n&&(a.selector=fb(n)),l=a,t=i.apply(a,arguments),s(t)&&a._r.push(t),l=e,a.selector=r,a.isReverted=!1,t}s(t)&&(n=i,i=t,t=s);var a=this;return a.last=Jw,t===s?Jw(a,function(t){return a.add(null,t)}):t?a[t]=Jw:Jw},xe.ignore=function ignore(t){var e=l;l=null,t(this),l=e},xe.getTweens=function getTweens(){var e=[];return this.data.forEach(function(t){return t instanceof Context?e.push.apply(e,t.getTweens()):t instanceof te&&!(t.parent&&"nested"===t.parent.data)&&e.push(t)}),e},xe.clear=function clear(){this._r.length=this.data.length=0},xe.kill=function kill(i,t){var n=this;if(i?function(){for(var t,e=n.getTweens(),r=n.data.length;r--;)"isFlip"===(t=n.data[r]).data&&(t.revert(),t.getChildren(!0,!0,!1).forEach(function(t){return e.splice(e.indexOf(t),1)}));for(e.map(function(t){return{g:t._dur||t._delay||t._sat&&!t._sat.vars.immediateRender?t.globalTime(0):-1/0,t:t}}).sort(function(t,e){return e.g-t.g||-1/0}).forEach(function(t){return t.t.revert(i)}),r=n.data.length;r--;)(t=n.data[r])instanceof Zt?"nested"!==t.data&&(t.scrollTrigger&&t.scrollTrigger.revert(),t.kill()):t instanceof te||!t.revert||t.revert(i);n._r.forEach(function(t){return t(i,n)}),n.isReverted=!0}():this.data.forEach(function(t){return t.kill&&t.kill()}),this.clear(),t)for(var e=ke.length;e--;)ke[e].id===this.id&&ke.splice(e,1)},xe.revert=function revert(t){this.kill(t||{})},Context);function Context(t,e){this.selector=e&&fb(e),this.data=[],this._r=[],this.isReverted=!1,this.id=Pe++,t&&this.add(t)}var Se,Ee=((Se=MatchMedia.prototype).add=function add(t,e,r){v(t)||(t={matches:t});var i,n,a,s=new De(0,r||this.scope),o=s.conditions={};for(n in l&&!s.selector&&(s.selector=l.selector),this.contexts.push(s),e=s.add("onMatch",e),s.queries=t)"all"===n?a=1:(i=h.matchMedia(t[n]))&&(ke.indexOf(s)<0&&ke.push(s),(o[n]=i.matches)&&(a=1),i.addListener?i.addListener(Ic):i.addEventListener("change",Ic));return a&&e(s,function(t){return s.add(null,t)}),this},Se.revert=function revert(t){this.kill(t||{})},Se.kill=function kill(e){this.contexts.forEach(function(t){return t.kill(e,!0)})},MatchMedia);function MatchMedia(t){this.contexts=[],this.scope=t,l&&l.data.push(this)}var Re={registerPlugin:function registerPlugin(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];e.forEach(function(t){return zb(t)})},timeline:function timeline(t){return new Zt(t)},getTweensOf:function getTweensOf(t,e){return L.getTweensOf(t,e)},getProperty:function getProperty(i,t,e,n){r(i)&&(i=Pt(i)[0]);var a=ha(i||{}).get,s=e?sa:ra;return"native"===e&&(e=""),i?t?s((mt[t]&&mt[t].get||a)(i,t,e,n)):function(t,e,r){return s((mt[t]&&mt[t].get||a)(i,t,e,r))}:i},quickSetter:function quickSetter(r,e,i){if(1<(r=Pt(r)).length){var n=r.map(function(t){return Fe.quickSetter(t,e,i)}),a=n.length;return function(t){for(var e=a;e--;)n[e](t)}}r=r[0]||{};var s=mt[e],o=ha(r),u=o.harness&&(o.harness.aliases||{})[e]||e,h=s?function(t){var e=new s;d._pt=0,e.init(r,i?t+i:t,d,0,[r]),e.render(1,e),d._pt&&ve(1,d)}:o.set(r,u);return s?h:function(t){return h(r,u,i?t+i:t,o,1)}},quickTo:function quickTo(t,i,e){function by(t,e,r){return n.resetTo(i,t,e,r)}var r,n=Fe.to(t,ta(((r={})[i]="+=0.1",r.paused=!0,r.stagger=0,r),e||{}));return by.tween=n,by},isTweening:function isTweening(t){return 0<L.getTweensOf(t,!0).length},defaults:function defaults(t){return t&&t.ease&&(t.ease=Vt(t.ease,j.ease)),wa(j,t||{})},config:function config(t){return wa(N,t||{})},registerEffect:function registerEffect(t){var i=t.name,n=t.effect,e=t.plugins,a=t.defaults,r=t.extendTimeline;(e||"").split(",").forEach(function(t){return t&&!mt[t]&&!ht[t]&&T(i+" effect requires "+t+" plugin.")}),gt[i]=function(t,e,r){return n(Pt(t),ta(e||{},a),r)},r&&(Zt.prototype[i]=function(t,e,r){return this.add(gt[i](t,v(e)?e:(r=e)&&{},this),r)})},registerEase:function registerEase(t,e){Bt[t]=Vt(e)},parseEase:function parseEase(t,e){return arguments.length?Vt(t,e):Bt},getById:function getById(t){return L.getById(t)},exportRoot:function exportRoot(t,e){void 0===t&&(t={});var r,i,n=new Zt(t);for(n.smoothChildTiming=w(t.smoothChildTiming),L.remove(n),n._dp=0,n._time=n._tTime=L._time,r=L._first;r;)i=r._next,!e&&!r._dur&&r instanceof te&&r.vars.onComplete===r._targets[0]||Na(n,r,r._start-r._delay),r=i;return Na(L,n,0),n},context:function context(t,e){return t?new De(t,e):l},matchMedia:function matchMedia(t){return new Ee(t)},matchMediaRefresh:function matchMediaRefresh(){return ke.forEach(function(t){var e,r,i=t.conditions;for(r in i)i[r]&&(i[r]=!1,e=1);e&&t.revert()})||Ic()},addEventListener:function addEventListener(t,e){var r=Oe[t]||(Oe[t]=[]);~r.indexOf(e)||r.push(e)},removeEventListener:function removeEventListener(t,e){var r=Oe[t],i=r&&r.indexOf(e);0<=i&&r.splice(i,1)},utils:{wrap:function wrap(e,t,r){var i=t-e;return $(e)?ob(e,wrap(0,e.length),t):Za(r,function(t){return(i+(t-e)%i)%i+e})},wrapYoyo:function wrapYoyo(e,t,r){var i=t-e,n=2*i;return $(e)?ob(e,wrapYoyo(0,e.length-1),t):Za(r,function(t){return e+(i<(t=(n+(t-e)%n)%n||0)?n-t:t)})},distribute:hb,random:kb,snap:jb,normalize:function normalize(t,e,r){return At(t,e,0,1,r)},getUnit:_a,clamp:function clamp(e,r,t){return Za(t,function(t){return Mt(e,r,t)})},splitColor:Db,toArray:Pt,selector:fb,mapRange:At,pipe:function pipe(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return function(t){return e.reduce(function(t,e){return e(t)},t)}},unitize:function unitize(e,r){return function(t){return e(parseFloat(t))+(r||_a(t))}},interpolate:function interpolate(e,i,t,n){var a=isNaN(e+i)?0:function(t){return(1-t)*e+t*i};if(!a){var s,o,u,h,l,f=r(e),d={};if(!0===t&&(n=1)&&(t=null),f)e={p:e},i={p:i};else if($(e)&&!$(i)){for(u=[],h=e.length,l=h-2,o=1;o<h;o++)u.push(interpolate(e[o-1],e[o]));h--,a=function func(t){t*=h;var e=Math.min(l,~~t);return u[e](t-e)},t=i}else n||(e=bt($(e)?[]:{},e));if(!u){for(s in i)Jt.call(d,e,s,"get",i[s]);a=function func(t){return ve(t,d)||(f?e.p:e)}}}return Za(t,a)},shuffle:gb},install:R,effects:gt,ticker:It,updateRoot:Zt.updateRoot,plugins:mt,globalTimeline:L,core:{PropTween:we,globals:U,Tween:te,Timeline:Zt,Animation:qt,getCache:ha,_removeLinkedListItem:Ba,reverting:function reverting(){return I},context:function context(t){return t&&l&&(l.data.push(t),t._ctx=l),l},suppressOverwrites:function suppressOverwrites(t){return F=t}}};ja("to,from,fromTo,delayedCall,set,killTweensOf",function(t){return Re[t]=te[t]}),It.add(Zt.updateRoot),d=Re.to({},{duration:0});function Mc(t,e){for(var r=t._pt;r&&r.p!==e&&r.op!==e&&r.fp!==e;)r=r._next;return r}function Oc(t,a){return{name:t,headless:1,rawVars:1,init:function init(t,n,e){e._onInit=function(t){var e,i;if(r(n)&&(e={},ja(n,function(t){return e[t]=1}),n=e),a){for(i in e={},n)e[i]=a(n[i]);n=e}!function _addModifiers(t,e){var r,i,n,a=t._targets;for(r in e)for(i=a.length;i--;)(n=(n=t._ptLookup[i][r])&&n.d)&&(n._pt&&(n=Mc(n,r)),n&&n.modifier&&n.modifier(e[r],t,a[i],r))}(t,n)}}}}var Fe=Re.registerPlugin({name:"attr",init:function init(t,e,r,i,n){var a,s,o;for(a in this.tween=r,e)o=t.getAttribute(a)||"",(s=this.add(t,"setAttribute",(o||0)+"",e[a],i,n,0,0,a)).op=a,s.b=o,this._props.push(a)},render:function render(t,e){for(var r=e._pt;r;)I?r.set(r.t,r.p,r.b,r):r.r(t,r.d),r=r._next}},{name:"endArray",headless:1,init:function init(t,e){for(var r=e.length;r--;)this.add(t,r,t[r]||0,e[r],0,0,0,0,0,1)}},Oc("roundProps",ib),Oc("modifiers"),Oc("snap",jb))||Re;te.version=Zt.version=Fe.version="3.14.2",o=1,x()&&Lt();function yd(t,e){return e.set(e.t,e.p,Math.round(1e4*(e.s+e.c*t))/1e4+e.u,e)}function zd(t,e){return e.set(e.t,e.p,1===t?e.e:Math.round(1e4*(e.s+e.c*t))/1e4+e.u,e)}function Ad(t,e){return e.set(e.t,e.p,t?Math.round(1e4*(e.s+e.c*t))/1e4+e.u:e.b,e)}function Bd(t,e){return e.set(e.t,e.p,1===t?e.e:t?Math.round(1e4*(e.s+e.c*t))/1e4+e.u:e.b,e)}function Cd(t,e){var r=e.s+e.c*t;e.set(e.t,e.p,~~(r+(r<0?-.5:.5))+e.u,e)}function Dd(t,e){return e.set(e.t,e.p,t?e.e:e.b,e)}function Ed(t,e){return e.set(e.t,e.p,1!==t?e.b:e.e,e)}function Fd(t,e,r){return t.style[e]=r}function Gd(t,e,r){return t.style.setProperty(e,r)}function Hd(t,e,r){return t._gsap[e]=r}function Id(t,e,r){return t._gsap.scaleX=t._gsap.scaleY=r}function Jd(t,e,r,i,n){var a=t._gsap;a.scaleX=a.scaleY=r,a.renderTransform(n,a)}function Kd(t,e,r,i,n){var a=t._gsap;a[e]=r,a.renderTransform(n,a)}function Nd(t,e){var r=this,i=this.target,n=i.style,a=i._gsap;if(t in hr&&n){if(this.tfm=this.tfm||{},"transform"===t)return mr.transform.split(",").forEach(function(t){return Nd.call(r,t,e)});if(~(t=mr[t]||t).indexOf(",")?t.split(",").forEach(function(t){return r.tfm[t]=xr(i,t)}):this.tfm[t]=a.x?a[t]:xr(i,t),t===vr&&(this.tfm.zOrigin=a.zOrigin),0<=this.props.indexOf(gr))return;a.svg&&(this.svgo=i.getAttribute("data-svg-origin"),this.props.push(vr,e,"")),t=gr}(n||e)&&this.props.push(t,e,n[t])}function Od(t){t.translate&&(t.removeProperty("translate"),t.removeProperty("scale"),t.removeProperty("rotate"))}function Pd(){var t,e,r=this.props,i=this.target,n=i.style,a=i._gsap;for(t=0;t<r.length;t+=3)r[t+1]?2===r[t+1]?i[r[t]](r[t+2]):i[r[t]]=r[t+2]:r[t+2]?n[r[t]]=r[t+2]:n.removeProperty("--"===r[t].substr(0,2)?r[t]:r[t].replace(cr,"-$1").toLowerCase());if(this.tfm){for(e in this.tfm)a[e]=this.tfm[e];a.svg&&(a.renderTransform(),i.setAttribute("data-svg-origin",this.svgo||"")),(t=Ue())&&t.isStart||n[gr]||(Od(n),a.zOrigin&&n[vr]&&(n[vr]+=" "+a.zOrigin+"px",a.zOrigin=0,a.renderTransform()),a.uncache=1)}}function Qd(t,e){var r={target:t,props:[],revert:Pd,save:Nd};return t._gsap||Fe.core.getCache(t),e&&t.style&&t.nodeType&&e.split(",").forEach(function(t){return r.save(t)}),r}function Sd(t,e){var r=Le.createElementNS?Le.createElementNS((e||"http://www.w3.org/1999/xhtml").replace(/^https/,"http"),t):Le.createElement(t);return r&&r.style?r:Le.createElement(t)}function Td(t,e,r){var i=getComputedStyle(t);return i[e]||i.getPropertyValue(e.replace(cr,"-$1").toLowerCase())||i.getPropertyValue(e)||!r&&Td(t,Tr(e)||e,1)||""}function Wd(){(function _windowExists(){return"undefined"!=typeof window})()&&window.document&&(Ie=window,Le=Ie.document,Ye=Le.documentElement,je=Sd("div")||{style:{}},Sd("div"),gr=Tr(gr),vr=gr+"Origin",je.style.cssText="border-width:0;line-height:0;position:absolute;padding:0",Xe=!!Tr("perspective"),Ue=Fe.core.reverting,Ne=1)}function Xd(t){var e,r=t.ownerSVGElement,i=Sd("svg",r&&r.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),n=t.cloneNode(!0);n.style.display="block",i.appendChild(n),Ye.appendChild(i);try{e=n.getBBox()}catch(t){}return i.removeChild(n),Ye.removeChild(i),e}function Yd(t,e){for(var r=e.length;r--;)if(t.hasAttribute(e[r]))return t.getAttribute(e[r])}function Zd(e){var r,i;try{r=e.getBBox()}catch(t){r=Xd(e),i=1}return r&&(r.width||r.height)||i||(r=Xd(e)),!r||r.width||r.x||r.y?r:{x:+Yd(e,["x","cx","x1"])||0,y:+Yd(e,["y","cy","y1"])||0,width:0,height:0}}function $d(t){return!(!t.getCTM||t.parentNode&&!t.ownerSVGElement||!Zd(t))}function _d(t,e){if(e){var r,i=t.style;e in hr&&e!==vr&&(e=gr),i.removeProperty?("ms"!==(r=e.substr(0,2))&&"webkit"!==e.substr(0,6)||(e="-"+e),i.removeProperty("--"===r?e:e.replace(cr,"-$1").toLowerCase())):i.removeAttribute(e)}}function ae(t,e,r,i,n,a){var s=new we(t._pt,e,r,0,1,a?Ed:Dd);return(t._pt=s).b=i,s.e=n,t._props.push(r),s}function de(t,e,r,i){var n,a,s,o,u=parseFloat(r)||0,h=(r+"").trim().substr((u+"").length)||"px",l=je.style,f=pr.test(e),d="svg"===t.tagName.toLowerCase(),c=(d?"client":"offset")+(f?"Width":"Height"),p="px"===i,_="%"===i;if(i===h||!u||br[i]||br[h])return u;if("px"===h||p||(u=de(t,e,r,"px")),o=t.getCTM&&$d(t),(_||"%"===h)&&(hr[e]||~e.indexOf("adius")))return n=o?t.getBBox()[f?"width":"height"]:t[c],ka(_?u/n*100:u/100*n);if(l[f?"width":"height"]=100+(p?h:i),a="rem"!==i&&~e.indexOf("adius")||"em"===i&&t.appendChild&&!d?t:t.parentNode,o&&(a=(t.ownerSVGElement||{}).parentNode),a&&a!==Le&&a.appendChild||(a=Le.body),(s=a._gsap)&&_&&s.width&&f&&s.time===It.time&&!s.uncache)return ka(u/s.width*100);if(!_||"height"!==e&&"width"!==e)!_&&"%"!==h||wr[Td(a,"display")]||(l.position=Td(t,"position")),a===t&&(l.position="static"),a.appendChild(je),n=je[c],a.removeChild(je),l.position="absolute";else{var m=t.style[e];t.style[e]=100+i,n=t[c],m?t.style[e]=m:_d(t,e)}return f&&_&&((s=ha(a)).time=It.time,s.width=a[c]),ka(p?n*u/100:n&&u?100/n*u:0)}function fe(t,e,r,i){if(!r||"none"===r){var n=Tr(e,t,1),a=n&&Td(t,n,1);a&&a!==r?(e=n,r=a):"borderColor"===e&&(r=Td(t,"borderTopColor"))}var s,o,u,h,l,f,d,c,p,_,m,g=new we(this._pt,t.style,e,0,1,ge),v=0,y=0;if(g.b=r,g.e=i,r+="","var(--"===(i+="").substring(0,6)&&(i=Td(t,i.substring(4,i.indexOf(")")))),"auto"===i&&(f=t.style[e],t.style[e]=i,i=Td(t,e)||i,f?t.style[e]=f:_d(t,e)),Ib(s=[r,i]),i=s[1],u=(r=s[0]).match(nt)||[],(i.match(nt)||[]).length){for(;o=nt.exec(i);)d=o[0],p=i.substring(v,o.index),l?l=(l+1)%5:"rgba("!==p.substr(-5)&&"hsla("!==p.substr(-5)||(l=1),d!==(f=u[y++]||"")&&(h=parseFloat(f)||0,m=f.substr((h+"").length),"="===d.charAt(1)&&(d=ma(h,d)+m),c=parseFloat(d),_=d.substr((c+"").length),v=nt.lastIndex-_.length,_||(_=_||N.units[e]||m,v===i.length&&(i+=_,g.e+=_)),m!==_&&(h=de(t,e,f,_)||0),g._pt={_next:g._pt,p:p||1===y?p:",",s:h,c:c-h,m:l&&l<4||"zIndex"===e?Math.round:0});g.c=v<i.length?i.substring(v,i.length):""}else g.r="display"===e&&"none"===i?Ed:Dd;return st.test(i)&&(g.e=0),this._pt=g}function he(t){var e=t.split(" "),r=e[0],i=e[1]||"50%";return"top"!==r&&"bottom"!==r&&"left"!==i&&"right"!==i||(t=r,r=i,i=t),e[0]=kr[r]||r,e[1]=kr[i]||i,e.join(" ")}function ie(t,e){if(e.tween&&e.tween._time===e.tween._dur){var r,i,n,a=e.t,s=a.style,o=e.u,u=a._gsap;if("all"===o||!0===o)s.cssText="",i=1;else for(n=(o=o.split(",")).length;-1<--n;)r=o[n],hr[r]&&(i=1,r="transformOrigin"===r?vr:gr),_d(a,r);i&&(_d(a,gr),u&&(u.svg&&a.removeAttribute("transform"),s.scale=s.rotate=s.translate="none",Pr(a,1),u.uncache=1,Od(s)))}}function me(t){return"matrix(1, 0, 0, 1, 0, 0)"===t||"none"===t||!t}function ne(t){var e=Td(t,gr);return me(e)?Mr:e.substr(7).match(it).map(ka)}function oe(t,e){var r,i,n,a,s=t._gsap||ha(t),o=t.style,u=ne(t);return s.svg&&t.getAttribute("transform")?"1,0,0,1,0,0"===(u=[(n=t.transform.baseVal.consolidate().matrix).a,n.b,n.c,n.d,n.e,n.f]).join(",")?Mr:u:(u!==Mr||t.offsetParent||t===Ye||s.svg||(n=o.display,o.display="block",(r=t.parentNode)&&(t.offsetParent||t.getBoundingClientRect().width)||(a=1,i=t.nextElementSibling,Ye.appendChild(t)),u=ne(t),n?o.display=n:_d(t,"display"),a&&(i?r.insertBefore(t,i):r?r.appendChild(t):Ye.removeChild(t))),e&&6<u.length?[u[0],u[1],u[4],u[5],u[12],u[13]]:u)}function pe(t,e,r,i,n,a){var s,o,u,h=t._gsap,l=n||oe(t,!0),f=h.xOrigin||0,d=h.yOrigin||0,c=h.xOffset||0,p=h.yOffset||0,_=l[0],m=l[1],g=l[2],v=l[3],y=l[4],T=l[5],b=e.split(" "),w=parseFloat(b[0])||0,x=parseFloat(b[1])||0;r?l!==Mr&&(o=_*v-m*g)&&(u=w*(-m/o)+x*(_/o)-(_*T-m*y)/o,w=w*(v/o)+x*(-g/o)+(g*T-v*y)/o,x=u):(w=(s=Zd(t)).x+(~b[0].indexOf("%")?w/100*s.width:w),x=s.y+(~(b[1]||b[0]).indexOf("%")?x/100*s.height:x)),i||!1!==i&&h.smooth?(y=w-f,T=x-d,h.xOffset=c+(y*_+T*g)-y,h.yOffset=p+(y*m+T*v)-T):h.xOffset=h.yOffset=0,h.xOrigin=w,h.yOrigin=x,h.smooth=!!i,h.origin=e,h.originIsAbsolute=!!r,t.style[vr]="0px 0px",a&&(ae(a,h,"xOrigin",f,w),ae(a,h,"yOrigin",d,x),ae(a,h,"xOffset",c,h.xOffset),ae(a,h,"yOffset",p,h.yOffset)),t.setAttribute("data-svg-origin",w+" "+x)}function se(t,e,r){var i=_a(e);return ka(parseFloat(e)+parseFloat(de(t,"x",r+"px",i)))+i}function ze(t,e,i,n,a){var s,o,u=360,h=r(a),l=parseFloat(a)*(h&&~a.indexOf("rad")?lr:1)-n,f=n+l+"deg";return h&&("short"===(s=a.split("_")[1])&&(l%=u)!==l%180&&(l+=l<0?u:-u),"cw"===s&&l<0?l=(l+36e9)%u-~~(l/u)*u:"ccw"===s&&0<l&&(l=(l-36e9)%u-~~(l/u)*u)),t._pt=o=new we(t._pt,e,i,n,l,zd),o.e=f,o.u="deg",t._props.push(i),o}function Ae(t,e){for(var r in e)t[r]=e[r];return t}function Be(t,e,r){var i,n,a,s,o,u,h,l=Ae({},r._gsap),f=r.style;for(n in l.svg?(a=r.getAttribute("transform"),r.setAttribute("transform",""),f[gr]=e,i=Pr(r,1),_d(r,gr),r.setAttribute("transform",a)):(a=getComputedStyle(r)[gr],f[gr]=e,i=Pr(r,1),f[gr]=a),hr)(a=l[n])!==(s=i[n])&&"perspective,force3D,transformOrigin,svgOrigin".indexOf(n)<0&&(o=_a(a)!==(h=_a(s))?de(r,n,a,h):parseFloat(a),u=parseFloat(s),t._pt=new we(t._pt,i,n,o,u-o,yd),t._pt.u=h||0,t._props.push(n));Ae(i,l)}var Ie,Le,Ye,Ne,je,Ve,Ue,Xe,qe=Bt.Power0,Ze=Bt.Power1,We=Bt.Power2,He=Bt.Power3,Je=Bt.Power4,Qe=Bt.Linear,Ge=Bt.Quad,Ke=Bt.Cubic,$e=Bt.Quart,tr=Bt.Quint,er=Bt.Strong,rr=Bt.Elastic,ir=Bt.Back,nr=Bt.SteppedEase,ar=Bt.Bounce,sr=Bt.Sine,or=Bt.Expo,ur=Bt.Circ,hr={},lr=180/Math.PI,fr=Math.PI/180,dr=Math.atan2,cr=/([A-Z])/g,pr=/(left|right|width|margin|padding|x)/i,_r=/[\s,\(]\S/,mr={autoAlpha:"opacity,visibility",scale:"scaleX,scaleY",alpha:"opacity"},gr="transform",vr=gr+"Origin",yr="O,Moz,ms,Ms,Webkit".split(","),Tr=function _checkPropPrefix(t,e,r){var i=(e||je).style,n=5;if(t in i&&!r)return t;for(t=t.charAt(0).toUpperCase()+t.substr(1);n--&&!(yr[n]+t in i););return n<0?null:(3===n?"ms":0<=n?yr[n]:"")+t},br={deg:1,rad:1,turn:1},wr={grid:1,flex:1},xr=function _get(t,e,r,i){var n;return Ne||Wd(),e in mr&&"transform"!==e&&~(e=mr[e]).indexOf(",")&&(e=e.split(",")[0]),hr[e]&&"transform"!==e?(n=Pr(t,i),n="transformOrigin"!==e?n[e]:n.svg?n.origin:Ar(Td(t,vr))+" "+n.zOrigin+"px"):(n=t.style[e])&&"auto"!==n&&!i&&!~(n+"").indexOf("calc(")||(n=Or[e]&&Or[e](t,e,r)||Td(t,e)||ia(t,e)||("opacity"===e?1:0)),r&&!~(n+"").trim().indexOf(" ")?de(t,e,n,r)+r:n},kr={top:"0%",bottom:"100%",left:"0%",right:"100%",center:"50%"},Or={clearProps:function clearProps(t,e,r,i,n){if("isFromStart"!==n.data){var a=t._pt=new we(t._pt,e,r,0,0,ie);return a.u=i,a.pr=-10,a.tween=n,t._props.push(r),1}}},Mr=[1,0,0,1,0,0],Cr={},Pr=function _parseTransform(t,e){var r=t._gsap||new Xt(t);if("x"in r&&!e&&!r.uncache)return r;var i,n,a,s,o,u,h,l,f,d,c,p,_,m,g,v,y,T,b,w,x,k,O,M,C,P,A,D,S,z,E,R,F=t.style,I=r.scaleX<0,L="deg",B=getComputedStyle(t),Y=Td(t,vr)||"0";return i=n=a=u=h=l=f=d=c=0,s=o=1,r.svg=!(!t.getCTM||!$d(t)),B.translate&&("none"===B.translate&&"none"===B.scale&&"none"===B.rotate||(F[gr]=("none"!==B.translate?"translate3d("+(B.translate+" 0 0").split(" ").slice(0,3).join(", ")+") ":"")+("none"!==B.rotate?"rotate("+B.rotate+") ":"")+("none"!==B.scale?"scale("+B.scale.split(" ").join(",")+") ":"")+("none"!==B[gr]?B[gr]:"")),F.scale=F.rotate=F.translate="none"),m=oe(t,r.svg),r.svg&&(M=r.uncache?(C=t.getBBox(),Y=r.xOrigin-C.x+"px "+(r.yOrigin-C.y)+"px",""):!e&&t.getAttribute("data-svg-origin"),pe(t,M||Y,!!M||r.originIsAbsolute,!1!==r.smooth,m)),p=r.xOrigin||0,_=r.yOrigin||0,m!==Mr&&(T=m[0],b=m[1],w=m[2],x=m[3],i=k=m[4],n=O=m[5],6===m.length?(s=Math.sqrt(T*T+b*b),o=Math.sqrt(x*x+w*w),u=T||b?dr(b,T)*lr:0,(f=w||x?dr(w,x)*lr+u:0)&&(o*=Math.abs(Math.cos(f*fr))),r.svg&&(i-=p-(p*T+_*w),n-=_-(p*b+_*x))):(R=m[6],z=m[7],A=m[8],D=m[9],S=m[10],E=m[11],i=m[12],n=m[13],a=m[14],h=(g=dr(R,S))*lr,g&&(M=k*(v=Math.cos(-g))+A*(y=Math.sin(-g)),C=O*v+D*y,P=R*v+S*y,A=k*-y+A*v,D=O*-y+D*v,S=R*-y+S*v,E=z*-y+E*v,k=M,O=C,R=P),l=(g=dr(-w,S))*lr,g&&(v=Math.cos(-g),E=x*(y=Math.sin(-g))+E*v,T=M=T*v-A*y,b=C=b*v-D*y,w=P=w*v-S*y),u=(g=dr(b,T))*lr,g&&(M=T*(v=Math.cos(g))+b*(y=Math.sin(g)),C=k*v+O*y,b=b*v-T*y,O=O*v-k*y,T=M,k=C),h&&359.9<Math.abs(h)+Math.abs(u)&&(h=u=0,l=180-l),s=ka(Math.sqrt(T*T+b*b+w*w)),o=ka(Math.sqrt(O*O+R*R)),g=dr(k,O),f=2e-4<Math.abs(g)?g*lr:0,c=E?1/(E<0?-E:E):0),r.svg&&(M=t.getAttribute("transform"),r.forceCSS=t.setAttribute("transform","")||!me(Td(t,gr)),M&&t.setAttribute("transform",M))),90<Math.abs(f)&&Math.abs(f)<270&&(I?(s*=-1,f+=u<=0?180:-180,u+=u<=0?180:-180):(o*=-1,f+=f<=0?180:-180)),e=e||r.uncache,r.x=i-((r.xPercent=i&&(!e&&r.xPercent||(Math.round(t.offsetWidth/2)===Math.round(-i)?-50:0)))?t.offsetWidth*r.xPercent/100:0)+"px",r.y=n-((r.yPercent=n&&(!e&&r.yPercent||(Math.round(t.offsetHeight/2)===Math.round(-n)?-50:0)))?t.offsetHeight*r.yPercent/100:0)+"px",r.z=a+"px",r.scaleX=ka(s),r.scaleY=ka(o),r.rotation=ka(u)+L,r.rotationX=ka(h)+L,r.rotationY=ka(l)+L,r.skewX=f+L,r.skewY=d+L,r.transformPerspective=c+"px",(r.zOrigin=parseFloat(Y.split(" ")[2])||!e&&r.zOrigin||0)&&(F[vr]=Ar(Y)),r.xOffset=r.yOffset=0,r.force3D=N.force3D,r.renderTransform=r.svg?Fr:Xe?Rr:Dr,r.uncache=0,r},Ar=function _firstTwoOnly(t){return(t=t.split(" "))[0]+" "+t[1]},Dr=function _renderNon3DTransforms(t,e){e.z="0px",e.rotationY=e.rotationX="0deg",e.force3D=0,Rr(t,e)},Sr="0deg",zr="0px",Er=") ",Rr=function _renderCSSTransforms(t,e){var r=e||this,i=r.xPercent,n=r.yPercent,a=r.x,s=r.y,o=r.z,u=r.rotation,h=r.rotationY,l=r.rotationX,f=r.skewX,d=r.skewY,c=r.scaleX,p=r.scaleY,_=r.transformPerspective,m=r.force3D,g=r.target,v=r.zOrigin,y="",T="auto"===m&&t&&1!==t||!0===m;if(v&&(l!==Sr||h!==Sr)){var b,w=parseFloat(h)*fr,x=Math.sin(w),k=Math.cos(w);w=parseFloat(l)*fr,b=Math.cos(w),a=se(g,a,x*b*-v),s=se(g,s,-Math.sin(w)*-v),o=se(g,o,k*b*-v+v)}_!==zr&&(y+="perspective("+_+Er),(i||n)&&(y+="translate("+i+"%, "+n+"%) "),!T&&a===zr&&s===zr&&o===zr||(y+=o!==zr||T?"translate3d("+a+", "+s+", "+o+") ":"translate("+a+", "+s+Er),u!==Sr&&(y+="rotate("+u+Er),h!==Sr&&(y+="rotateY("+h+Er),l!==Sr&&(y+="rotateX("+l+Er),f===Sr&&d===Sr||(y+="skew("+f+", "+d+Er),1===c&&1===p||(y+="scale("+c+", "+p+Er),g.style[gr]=y||"translate(0, 0)"},Fr=function _renderSVGTransforms(t,e){var r,i,n,a,s,o=e||this,u=o.xPercent,h=o.yPercent,l=o.x,f=o.y,d=o.rotation,c=o.skewX,p=o.skewY,_=o.scaleX,m=o.scaleY,g=o.target,v=o.xOrigin,y=o.yOrigin,T=o.xOffset,b=o.yOffset,w=o.forceCSS,x=parseFloat(l),k=parseFloat(f);d=parseFloat(d),c=parseFloat(c),(p=parseFloat(p))&&(c+=p=parseFloat(p),d+=p),d||c?(d*=fr,c*=fr,r=Math.cos(d)*_,i=Math.sin(d)*_,n=Math.sin(d-c)*-m,a=Math.cos(d-c)*m,c&&(p*=fr,s=Math.tan(c-p),n*=s=Math.sqrt(1+s*s),a*=s,p&&(s=Math.tan(p),r*=s=Math.sqrt(1+s*s),i*=s)),r=ka(r),i=ka(i),n=ka(n),a=ka(a)):(r=_,a=m,i=n=0),(x&&!~(l+"").indexOf("px")||k&&!~(f+"").indexOf("px"))&&(x=de(g,"x",l,"px"),k=de(g,"y",f,"px")),(v||y||T||b)&&(x=ka(x+v-(v*r+y*n)+T),k=ka(k+y-(v*i+y*a)+b)),(u||h)&&(s=g.getBBox(),x=ka(x+u/100*s.width),k=ka(k+h/100*s.height)),s="matrix("+r+","+i+","+n+","+a+","+x+","+k+")",g.setAttribute("transform",s),w&&(g.style[gr]=s)};ja("padding,margin,Width,Radius",function(e,r){var t="Right",i="Bottom",n="Left",o=(r<3?["Top",t,i,n]:["Top"+n,"Top"+t,i+t,i+n]).map(function(t){return r<2?e+t:"border"+t+e});Or[1<r?"border"+e:e]=function(e,t,r,i,n){var a,s;if(arguments.length<4)return a=o.map(function(t){return xr(e,t,r)}),5===(s=a.join(" ")).split(a[0]).length?a[0]:s;a=(i+"").split(" "),s={},o.forEach(function(t,e){return s[t]=a[e]=a[e]||a[(e-1)/2|0]}),e.init(t,s,n)}});var Ir,Lr,Br,Yr={name:"css",register:Wd,targetTest:function targetTest(t){return t.style&&t.nodeType},init:function init(t,e,i,n,a){var s,o,u,h,l,f,d,c,p,_,m,g,v,y,T,b,w,x=this._props,k=t.style,O=i.vars.startAt;for(d in Ne||Wd(),this.styles=this.styles||Qd(t),b=this.styles.props,this.tween=i,e)if("autoRound"!==d&&(o=e[d],!mt[d]||!dc(d,e,i,n,t,a)))if(l=typeof o,f=Or[d],"function"===l&&(l=typeof(o=o.call(i,n,t,a))),"string"===l&&~o.indexOf("random(")&&(o=rb(o)),f)f(this,t,d,o,i)&&(T=1);else if("--"===d.substr(0,2))s=(getComputedStyle(t).getPropertyValue(d)+"").trim(),o+="",Rt.lastIndex=0,Rt.test(s)||(c=_a(s),(p=_a(o))?c!==p&&(s=de(t,d,s,p)+p):c&&(o+=c)),this.add(k,"setProperty",s,o,n,a,0,0,d),x.push(d),b.push(d,0,k[d]);else if("undefined"!==l){if(O&&d in O?(s="function"==typeof O[d]?O[d].call(i,n,t,a):O[d],r(s)&&~s.indexOf("random(")&&(s=rb(s)),_a(s+"")||"auto"===s||(s+=N.units[d]||_a(xr(t,d))||""),"="===(s+"").charAt(1)&&(s=xr(t,d))):s=xr(t,d),h=parseFloat(s),(_="string"===l&&"="===o.charAt(1)&&o.substr(0,2))&&(o=o.substr(2)),u=parseFloat(o),d in mr&&("autoAlpha"===d&&(1===h&&"hidden"===xr(t,"visibility")&&u&&(h=0),b.push("visibility",0,k.visibility),ae(this,k,"visibility",h?"inherit":"hidden",u?"inherit":"hidden",!u)),"scale"!==d&&"transform"!==d&&~(d=mr[d]).indexOf(",")&&(d=d.split(",")[0])),m=d in hr){if(this.styles.save(d),w=o,"string"===l&&"var(--"===o.substring(0,6)){if("calc("===(o=Td(t,o.substring(4,o.indexOf(")")))).substring(0,5)){var M=t.style.perspective;t.style.perspective=o,o=Td(t,"perspective"),M?t.style.perspective=M:_d(t,"perspective")}u=parseFloat(o)}if(g||((v=t._gsap).renderTransform&&!e.parseTransform||Pr(t,e.parseTransform),y=!1!==e.smoothOrigin&&v.smooth,(g=this._pt=new we(this._pt,k,gr,0,1,v.renderTransform,v,0,-1)).dep=1),"scale"===d)this._pt=new we(this._pt,v,"scaleY",v.scaleY,(_?ma(v.scaleY,_+u):u)-v.scaleY||0,yd),this._pt.u=0,x.push("scaleY",d),d+="X";else{if("transformOrigin"===d){b.push(vr,0,k[vr]),o=he(o),v.svg?pe(t,o,0,y,0,this):((p=parseFloat(o.split(" ")[2])||0)!==v.zOrigin&&ae(this,v,"zOrigin",v.zOrigin,p),ae(this,k,d,Ar(s),Ar(o)));continue}if("svgOrigin"===d){pe(t,o,1,y,0,this);continue}if(d in Cr){ze(this,v,d,h,_?ma(h,_+o):o);continue}if("smoothOrigin"===d){ae(this,v,"smooth",v.smooth,o);continue}if("force3D"===d){v[d]=o;continue}if("transform"===d){Be(this,o,t);continue}}}else d in k||(d=Tr(d)||d);if(m||(u||0===u)&&(h||0===h)&&!_r.test(o)&&d in k)u=u||0,(c=(s+"").substr((h+"").length))!==(p=_a(o)||(d in N.units?N.units[d]:c))&&(h=de(t,d,s,p)),this._pt=new we(this._pt,m?v:k,d,h,(_?ma(h,_+u):u)-h,m||"px"!==p&&"zIndex"!==d||!1===e.autoRound?yd:Cd),this._pt.u=p||0,m&&w!==o?(this._pt.b=s,this._pt.e=w,this._pt.r=Bd):c!==p&&"%"!==p&&(this._pt.b=s,this._pt.r=Ad);else if(d in k)fe.call(this,t,d,s,_?_+o:o);else if(d in t)this.add(t,d,s||t[d],_?_+o:o,n,a);else if("parseTransform"!==d){S(d,o);continue}m||(d in k?b.push(d,0,k[d]):"function"==typeof t[d]?b.push(d,2,t[d]()):b.push(d,1,s||t[d])),x.push(d)}T&&be(this)},render:function render(t,e){if(e.tween._time||!Ue())for(var r=e._pt;r;)r.r(t,r.d),r=r._next;else e.styles.revert()},get:xr,aliases:mr,getSetter:function getSetter(t,e,r){var i=mr[e];return i&&i.indexOf(",")<0&&(e=i),e in hr&&e!==vr&&(t._gsap.x||xr(t,"x"))?r&&Ve===r?"scale"===e?Id:Hd:(Ve=r||{})&&("scale"===e?Jd:Kd):t.style&&!u(t.style[e])?Fd:~e.indexOf("-")?Gd:le(t,e)},core:{_removeProperty:_d,_getMatrix:oe}};Fe.utils.checkPrefix=Tr,Fe.core.getStyleSaver=Qd,Br=ja((Ir="x,y,z,scale,scaleX,scaleY,xPercent,yPercent")+","+(Lr="rotation,rotationX,rotationY,skewX,skewY")+",transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective",function(t){hr[t]=1}),ja(Lr,function(t){N.units[t]="deg",Cr[t]=1}),mr[Br[13]]=Ir+","+Lr,ja("0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY",function(t){var e=t.split(":");mr[e[1]]=Br[e[0]]}),ja("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective",function(t){N.units[t]="px"}),Fe.registerPlugin(Yr);var Nr=Fe.registerPlugin(Yr)||Fe,jr=Nr.core.Tween;e.Back=ir,e.Bounce=ar,e.CSSPlugin=Yr,e.Circ=ur,e.Cubic=Ke,e.Elastic=rr,e.Expo=or,e.Linear=Qe,e.Power0=qe,e.Power1=Ze,e.Power2=We,e.Power3=He,e.Power4=Je,e.Quad=Ge,e.Quart=$e,e.Quint=tr,e.Sine=sr,e.SteppedEase=nr,e.Strong=er,e.TimelineLite=Zt,e.TimelineMax=Zt,e.TweenLite=te,e.TweenMax=jr,e.default=Nr,e.gsap=Nr;if (typeof(window)==="undefined"||window!==e){Object.defineProperty(e,"__esModule",{value:!0})} else {delete e.default}});
+
diff --git a/public/logo-exploration/magpie-upload-motion/hyperframes.json b/public/logo-exploration/magpie-upload-motion/hyperframes.json
new file mode 100644
index 0000000..dc9ec2e
--- /dev/null
+++ b/public/logo-exploration/magpie-upload-motion/hyperframes.json
@@ -0,0 +1,12 @@
+{
+  "$schema": "https://hyperframes.heygen.com/schema/hyperframes.json",
+  "registry": "https://raw.githubusercontent.com/heygen-com/hyperframes/main/registry",
+  "paths": {
+    "blocks": "compositions",
+    "components": "compositions/components",
+    "assets": "assets"
+  },
+  "media": {
+    "autoProxy": true
+  }
+}
diff --git a/public/logo-exploration/magpie-upload-motion/index.html b/public/logo-exploration/magpie-upload-motion/index.html
new file mode 100644
index 0000000..3f0d2d0
--- /dev/null
+++ b/public/logo-exploration/magpie-upload-motion/index.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=1536,height=1024"><title>纸鹊 · 上传动作样片</title><script src="./gsap.min.js"></script><style>
+@font-face{font-family:'PingFang SC';src:local('PingFang SC')}@font-face{font-family:Brand;src:url('./brand-font.woff2')}*{box-sizing:border-box}html,body{margin:0;width:1536px;height:1024px;overflow:hidden;background:#fff;color:#20211c;font-family:Brand,'PingFang SC',sans-serif}#root{width:1536px;height:1024px;position:relative}.scene-content{width:100%;height:100%;padding:42px 48px;display:flex;flex-direction:column;gap:20px}.heading{display:flex;align-items:center;gap:22px;height:84px}.step{font:800 38px Brand;background:#a3e635;border:3px solid #20211c;border-radius:15px;padding:8px 18px}h1{font-size:58px;font-weight:800;letter-spacing:-.035em;margin:0}.note{margin-left:auto;font-size:22px;color:#55594b}.art{width:1440px;height:815px;flex-shrink:0;overflow:visible}svg text{font-family:Brand,'PingFang SC',sans-serif;fill:#20211c;stroke:none}.outline{stroke:#20211c;stroke-width:10;stroke-linejoin:round;stroke-linecap:round}.fine{stroke:#20211c;stroke-width:6;stroke-linejoin:round;stroke-linecap:round}.green{fill:#a3e635}.white{fill:#fff}.caption{position:absolute;bottom:27px;left:48px;font-size:20px;color:#5b6050}.caption strong{color:#20211c}#progress,#success,#receipt,#inside-file{opacity:0}
+</style></head><body><div data-hf-id="hf-xd3u" id="root" data-composition-id="main" data-start="0" data-duration="5.4" data-width="1536" data-height="1024"><div data-hf-id="hf-cn5c" class="scene-content">
+<div data-hf-id="hf-b5he" class="heading" id="heading"><span data-hf-id="hf-kf04" class="step">01</span><h1 data-hf-id="hf-6wfq">带上创作，轻松上传。</h1><span data-hf-id="hf-s2cv" class="note">纸鹊 Magpie · 动作样片</span></div>
+<svg data-hf-id="hf-51xz" class="art" viewBox="0 130 1536 870" role="img" aria-label="纸鹊叼着 HTML 文件到电脑前，敲击键盘，将文件上传。">
+<defs data-hf-id="hf-mh0t"><clippath data-hf-id="hf-xvso" id="screen-clip"><rect data-hf-id="hf-j4q4" x="712" y="230" width="540" height="326" rx="15" /></clippath></defs>
+<g data-hf-id="hf-ziiu" id="set" class="outline">
+<ellipse data-hf-id="hf-wnvg" cx="360" cy="911" rx="184" ry="20" fill="#edf7d5" stroke="none" /><ellipse data-hf-id="hf-djpx" cx="1000" cy="928" rx="485" ry="20" fill="#f5f8ed" stroke="none" />
+<path data-hf-id="hf-xj55" d="M543 741L517 934Q515 946 531 946L553 946L601 742M1430 741L1460 936L1490 936L1468 733" fill="#e6e5df" />
+<path data-hf-id="hf-fwgl" d="M266 768L237 919Q232 930 247 931L266 931L305 771M398 770L425 925L451 925L440 770M336 775L334 910L357 910L366 774" fill="#e6e5df" />
+<ellipse data-hf-id="hf-xo6h" cx="350" cy="766" rx="125" ry="37" fill="#eee4d2" /><path data-hf-id="hf-hehz" d="M225 763V786Q350 835 475 786V764Q350 810 225 763" fill="#eee4d2" />
+<path data-hf-id="hf-ia4x" d="M503 720Q529 706 586 706H1464Q1510 706 1510 725V746Q1050 804 503 752Z" fill="#eee4d2" />
+<path data-hf-id="hf-anj2" d="M910 586L901 660H1062L1044 586" fill="#e2e4df" /><path data-hf-id="hf-655b" d="M860 654H1090Q1110 658 1111 674H838Q836 662 860 654" fill="#fff" />
+<rect data-hf-id="hf-5ovj" x="689" y="196" width="590" height="432" rx="26" fill="#20211c" />
+<rect data-hf-id="hf-wmaz" x="712" y="218" width="540" height="339" rx="16" fill="#fff" stroke="none" />
+<path data-hf-id="hf-15u5" d="M704 574H1263V605Q1263 619 1249 619H719Q704 619 704 605Z" fill="#f0f1ed" stroke="none" /><circle data-hf-id="hf-i8k3" cx="980" cy="596" r="10" fill="#20211c" stroke="none" />
+<path data-hf-id="hf-lzqa" d="M620 688H913L968 724Q785 742 567 722Z" fill="#fff" />
+<g data-hf-id="hf-447m" stroke="#b5b9b0" stroke-width="5"><path data-hf-id="hf-5zq3" d="M632 700H914M611 712H935M654 691L632 724M695 691L674 728M738 691L720 730M781 691L766 731M825 691L817 731M868 691L863 728" /></g>
+<path data-hf-id="hf-o1ii" d="M1062 695Q1102 657 1147 692Q1165 714 1109 718H1066Q1054 710 1062 695Z" fill="#fff" /><path data-hf-id="hf-tyvu" d="M1109 718L1121 679" class="fine" fill="none" />
+</g>
+<g data-hf-id="hf-nfd6" id="screen" clip-path="url(#screen-clip)">
+<rect data-hf-id="hf-xm57" x="712" y="218" width="540" height="34" fill="#eef0eb" /><circle data-hf-id="hf-ng3f" cx="735" cy="236" r="5" fill="#20211c" /><circle data-hf-id="hf-w44q" cx="753" cy="236" r="5" fill="#91bf42" /><circle data-hf-id="hf-7jtd" cx="771" cy="236" r="5" fill="#c7dc9a" />
+<rect data-hf-id="hf-0t52" x="762" y="279" width="438" height="171" rx="18" fill="#f4fae7" stroke="#b6c69b" stroke-width="4" stroke-dasharray="12 12" />
+<g data-hf-id="hf-qky4" id="upload-arrow" fill="none" stroke="#80b923" stroke-width="15" stroke-linecap="round" stroke-linejoin="round"><path data-hf-id="hf-irf0" d="M981 386V315M949 345L981 313L1013 345M940 389V412H1022V389" /></g>
+<g data-hf-id="hf-mkeq" id="inside-file"><path data-hf-id="hf-p9ga" d="M939 294H997L1026 324V422H939Z" fill="#fff" stroke="#20211c" stroke-width="5" /><path data-hf-id="hf-njaj" d="M997 294V326H1026" fill="#a3e635" stroke="#20211c" stroke-width="5" /><text data-hf-id="hf-v7x2" x="981" y="367" text-anchor="middle" font-size="25" font-weight="800">HTML</text><path data-hf-id="hf-obwg" d="M956 385H1008M956 399H995" stroke="#c0c4ba" stroke-width="6" stroke-linecap="round" /></g>
+<rect data-hf-id="hf-5y62" x="798" y="479" width="365" height="61" rx="15" fill="#a3e635" stroke="#20211c" stroke-width="5" /><text data-hf-id="hf-clrl" id="button-text" x="980" y="521" text-anchor="middle" font-size="32" font-weight="800">上传文件</text>
+<g data-hf-id="hf-pz16" id="progress"><rect data-hf-id="hf-r5og" x="798" y="479" width="365" height="61" rx="15" fill="#edf7d5" stroke="#20211c" stroke-width="5" /><rect data-hf-id="hf-7uwx" id="progress-fill" x="808" y="489" width="345" height="41" rx="9" fill="#a3e635" /><text data-hf-id="hf-ugjy" x="980" y="519" text-anchor="middle" font-size="26" font-weight="700">正在上传</text></g>
+<g data-hf-id="hf-k3wg" id="success"><rect data-hf-id="hf-197i" x="798" y="479" width="365" height="61" rx="15" fill="#a3e635" stroke="#20211c" stroke-width="5" /><path data-hf-id="hf-cd6g" d="M836 509L846 519L865 500" fill="none" stroke="#20211c" stroke-width="6" stroke-linecap="round" /><text data-hf-id="hf-xqcp" x="1000" y="520" text-anchor="middle" font-size="29" font-weight="800">上传完成</text></g>
+</g>
+<g data-hf-id="hf-w6nv" id="format-cards" class="fine"><path data-hf-id="hf-c4rc" d="M1240 629H1301L1327 656V725H1240Z" fill="#fff" /><path data-hf-id="hf-et8l" d="M1301 629V656H1327" fill="#a3e635" /><text data-hf-id="hf-p6x7" x="1281" y="699" text-anchor="middle" font-size="28" font-weight="800">MD</text><path data-hf-id="hf-vja5" d="M1350 615H1411L1439 643V725H1350Z" fill="#fff" /><path data-hf-id="hf-fqfk" d="M1411 615V643H1439" fill="#a3e635" /><text data-hf-id="hf-vc6e" x="1394" y="693" text-anchor="middle" font-size="28" font-weight="800">ZIP</text></g>
+<g data-hf-id="hf-09hr" id="bird" class="outline">
+<g data-hf-id="hf-eygh" id="tail"><path data-hf-id="hf-n2oh" d="M314 588Q187 623 56 742Q8 787 51 791Q190 768 339 651Z" fill="#a3e635" /><path data-hf-id="hf-oj35" d="M78 778Q224 676 329 623L331 649Q200 753 78 778" fill="#83be29" stroke="none" /></g>
+<g data-hf-id="hf-xrfe" id="far-wing"><path data-hf-id="hf-7har" d="M338 494Q285 463 231 466Q224 480 258 502Q213 491 224 512Q242 543 309 564Z" fill="#a3e635" /><path data-hf-id="hf-c860" d="M288 504Q252 484 245 485L275 513L250 511Q269 536 310 542Z" fill="#fff" stroke="none" /></g>
+<g data-hf-id="hf-3j1h" id="feet" fill="#a3e635"><path data-hf-id="hf-5vdh" d="M353 708L343 737Q310 734 315 749L345 747L369 761Q384 764 377 748L371 731L376 709Z" /><path data-hf-id="hf-xp7r" d="M409 710L404 738Q389 739 389 749L414 748L441 760Q454 760 447 748L432 737L431 707Z" /></g>
+<path data-hf-id="hf-9uee" id="torso" d="M530 392Q557 460 538 551Q552 633 489 695Q431 754 349 715Q263 674 291 573Q306 517 341 459Z" fill="#a3e635" />
+<path data-hf-id="hf-i6j9" d="M502 421Q539 456 520 532Q542 612 478 683Q422 733 350 699Q298 671 311 626Q330 568 368 519Q390 488 413 525Q443 561 467 510Z" fill="#fff" stroke="none" />
+<g data-hf-id="hf-tgo1" id="head"><path data-hf-id="hf-rifn" d="M340 477Q344 440 364 394Q390 328 448 322Q512 315 550 357L564 394Q548 425 537 461L532 499Q513 511 493 493L457 458Q414 434 390 476" fill="#a3e635" />
+<path data-hf-id="hf-u8b8" d="M493 424Q529 416 541 402Q539 449 530 484Q521 500 507 486L462 453Z" fill="#fff" stroke="none" />
+<g data-hf-id="hf-f9gu" id="eye"><ellipse data-hf-id="hf-5p7z" cx="480" cy="389" rx="32" ry="39" fill="#fff" stroke="none" /><ellipse data-hf-id="hf-hsmi" cx="490" cy="388" rx="20" ry="29" fill="#20211c" stroke="none" /><circle data-hf-id="hf-bsyt" cx="496" cy="374" r="8" fill="#fff" stroke="none" /><circle data-hf-id="hf-8jsb" cx="480" cy="403" r="4" fill="#fff" stroke="none" /></g>
+<path data-hf-id="hf-v315" id="beak" d="M542 376Q567 354 604 390Q578 420 543 412Q532 401 542 376Z" fill="#a3e635" /><path data-hf-id="hf-vg59" d="M542 393L597 390" class="fine" fill="none" />
+</g>
+<g data-hf-id="hf-nl53" id="near-wing"><path data-hf-id="hf-1gzj" d="M419 490Q463 483 531 529Q587 564 650 643Q661 659 644 662L608 645Q636 678 614 679Q594 677 572 656Q588 684 567 680Q474 656 428 601Q402 558 419 490Z" fill="#a3e635" /><path data-hf-id="hf-fgil" d="M465 550Q497 532 531 559Q535 572 515 572Q560 597 569 619Q568 633 548 622L522 602Q548 641 532 644Q511 639 490 611Q502 643 482 631Q450 600 465 550Z" fill="#fff" stroke="none" /></g>
+</g>
+<g data-hf-id="hf-4seu" id="paper" class="fine"><path data-hf-id="hf-ne0b" d="M568 400L663 380L705 410L733 548L609 574Z" fill="#fff" /><path data-hf-id="hf-06ni" d="M663 380L673 422L705 410Z" fill="#a3e635" /><text data-hf-id="hf-c0wz" x="644" y="471" transform="rotate(-11 644 471)" text-anchor="middle" font-size="33" font-weight="800">HTML</text><path data-hf-id="hf-1gmp" d="M625 503L695 489M629 524L681 513" stroke="#b9beb3" stroke-width="8" stroke-linecap="round" /></g>
+<g data-hf-id="hf-uya7" id="tap" stroke="#80b923" stroke-width="7" stroke-linecap="round"><path data-hf-id="hf-9iwu" d="M655 673L671 658M671 685L692 684M642 662L645 647" /></g>
+<g data-hf-id="hf-0fzl" id="receipt"><rect data-hf-id="hf-bf19" x="838" y="360" width="284" height="68" rx="15" fill="#fff" stroke="#20211c" stroke-width="4" /><circle data-hf-id="hf-ocim" cx="877" cy="394" r="19" fill="#a3e635" /><path data-hf-id="hf-i952" d="M868 394L875 400L887 386" fill="none" stroke="#20211c" stroke-width="4" /><text data-hf-id="hf-qqun" x="993" y="404" font-size="26" font-weight="700" text-anchor="middle">文件已收到</text></g>
+</svg></div><div data-hf-id="hf-e0wp" class="caption"><strong data-hf-id="hf-nz74">上传动作测试</strong> · 叼纸入场 / 翅膀敲击 / 文件上传</div></div>
+<script>
+const tl=gsap.timeline({paused:true});window.__timelines=window.__timelines||{};window.__timelines.main=tl;
+tl.from('#heading',{opacity:0,y:12,duration:.35,ease:'power2.out'},.1);
+tl.from('#set',{opacity:0,duration:.3,ease:'sine.out'},.1);
+tl.from('#screen',{opacity:0,duration:.3,ease:'sine.out'},.15);
+tl.from('#format-cards',{opacity:0,y:10,duration:.4,ease:'back.out(1.1)'},.2);
+tl.from('#bird',{x:-70,y:-30,opacity:0,duration:.65,ease:'power3.out'},.2);
+tl.from('#paper',{x:-70,y:-30,opacity:0,duration:.65,ease:'power3.out'},.2);
+tl.from('.caption',{opacity:0,duration:.3,ease:'sine.out'},.3);
+tl.set('#tap',{opacity:0},0);
+tl.set('#near-wing',{rotation:9,svgOrigin:'426 500'},0);
+tl.to('#near-wing',{rotation:4,svgOrigin:'426 500',duration:.18,ease:'sine.inOut',repeat:5,yoyo:true},1.05);
+tl.to('#far-wing',{rotation:5,svgOrigin:'331 510',duration:.32,repeat:3,yoyo:true,ease:'sine.inOut'},1.04);
+tl.fromTo('#tap',{opacity:0},{opacity:1,duration:.12,repeat:5,yoyo:true,ease:'steps(1)'},1.23);
+tl.to('#eye',{scaleY:.08,svgOrigin:'480 389',duration:.08,repeat:1,yoyo:true,ease:'power1.inOut'},1.0);
+tl.to('#paper',{x:312,y:-151,scale:.65,rotation:11,svgOrigin:'650 474',duration:.85,ease:'power2.inOut'},2.3);
+tl.to('#upload-arrow',{opacity:0,duration:.18,ease:'sine.in'},2.8);
+tl.to('#paper',{opacity:0,duration:.15,ease:'sine.in'},3.08);
+tl.to('#inside-file',{opacity:1,duration:.15,ease:'sine.out'},3.1);
+tl.to('#progress',{opacity:1,duration:.15,ease:'sine.out'},3.18);
+tl.fromTo('#progress-fill',{scaleX:0,svgOrigin:'808 509'},{scaleX:1,duration:1.05,ease:'power1.inOut'},3.25);
+tl.to('#success',{opacity:1,duration:.2,ease:'power2.out'},4.28);
+tl.to('#inside-file',{opacity:0,duration:.15,ease:'sine.in'},4.3);
+tl.fromTo('#receipt',{opacity:0,y:10},{opacity:1,y:0,duration:.3,ease:'back.out(1.3)'},4.35);
+tl.to('#head',{rotation:3,svgOrigin:'438 469',duration:.16,repeat:1,yoyo:true,ease:'sine.inOut'},4.65);
+tl.to('#eye',{scaleY:.08,svgOrigin:'480 389',duration:.09,repeat:1,yoyo:true,ease:'power1.inOut'},4.9);
+tl.to('#tail',{rotation:2,svgOrigin:'311 610',duration:.25,repeat:1,yoyo:true,ease:'sine.inOut'},4.9);
+</script></body></html>
diff --git a/public/logo-exploration/magpie-upload-motion/meta.json b/public/logo-exploration/magpie-upload-motion/meta.json
new file mode 100644
index 0000000..342b84d
--- /dev/null
+++ b/public/logo-exploration/magpie-upload-motion/meta.json
@@ -0,0 +1,5 @@
+{
+  "id": "magpie-upload-motion",
+  "name": "magpie-upload-motion",
+  "createdAt": "2026-09-20T12:24:44.650Z"
+}
\ No newline at end of file
diff --git a/public/logo-exploration/magpie-upload-motion/package.json b/public/logo-exploration/magpie-upload-motion/package.json
new file mode 100644
index 0000000..a0ce5bc
--- /dev/null
+++ b/public/logo-exploration/magpie-upload-motion/package.json
@@ -0,0 +1,11 @@
+{
+  "name": "magpie-upload-motion",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "npx --yes hyperframes@0.8.55 preview",
+    "check": "npx --yes hyperframes@0.8.55 check",
+    "render": "npx --yes hyperframes@0.8.55 render",
+    "publish": "npx --yes hyperframes@0.8.55 publish"
+  }
+}
diff --git a/public/logo-exploration/magpie-upload-motion/renders/magpie-upload-sample-v1.mp4 b/public/logo-exploration/magpie-upload-motion/renders/magpie-upload-sample-v1.mp4
new file mode 100644
index 0000000..2eeac64
Binary files /dev/null and b/public/logo-exploration/magpie-upload-motion/renders/magpie-upload-sample-v1.mp4 differ
diff --git a/public/logo-exploration/magpie-upload-motion/renders/qa-contact.png b/public/logo-exploration/magpie-upload-motion/renders/qa-contact.png
new file mode 100644
index 0000000..24a2c3c
Binary files /dev/null and b/public/logo-exploration/magpie-upload-motion/renders/qa-contact.png differ
diff --git a/public/logo-exploration/neo-brutalist/option-1.png b/public/logo-exploration/neo-brutalist/option-1.png
new file mode 100644
index 0000000..2aafdbd
Binary files /dev/null and b/public/logo-exploration/neo-brutalist/option-1.png differ
diff --git a/public/logo-exploration/neo-brutalist/option-2.png b/public/logo-exploration/neo-brutalist/option-2.png
new file mode 100644
index 0000000..a8387f2
Binary files /dev/null and b/public/logo-exploration/neo-brutalist/option-2.png differ
diff --git a/public/logo-exploration/neo-brutalist/option-3.png b/public/logo-exploration/neo-brutalist/option-3.png
new file mode 100644
index 0000000..1c54e52
Binary files /dev/null and b/public/logo-exploration/neo-brutalist/option-3.png differ
diff --git a/public/logo-exploration/neo-brutalist/prompts.md b/public/logo-exploration/neo-brutalist/prompts.md
new file mode 100644
index 0000000..ecbd7eb
--- /dev/null
+++ b/public/logo-exploration/neo-brutalist/prompts.md
@@ -0,0 +1,50 @@
+# Neo-Brutalist Logo · 三套方案
+
+模式：内置 image_gen；三次独立生成；当前为位图概念稿，不是正式矢量资产。
+
+产品：纸鹊 Magpie。用户要求简约、令人印象深刻、Neo-Brutalist UI 风格。保留原首页，不进行页面实现。
+
+参考图片：/Users/enderchen/Desktop/OpenGecko/Codex_Code/JPage本地部署-2026-09-17/magpie/public/logo-exploration/previews/comparison.png。仅作为现有产品配色参考，不复用其中已被否定的标志。
+
+显示顺序已核对：方案1＝折角页签；方案2＝出页；方案3＝舟字印。编号按本轮图片实际显示顺序建立。
+
+## 方案1完整提示词
+
+Use case: logo-brand.
+Create a production-quality visual identity concept for 纸鹊 Magpie, a simple product that turns uploaded HTML/content files into shareable web pages. This task is LOGO design only, not a website redesign. The user asks for Neo-Brutalist UI style, radical simplicity and memorability.
+Target dimensions: 1536 x 1024 landscape identity presentation. One logo idea only per image. Strong hierarchy, crisp typography, purposeful spacing. White background, large principal mark and bilingual wordmark; one restrained bottom row shows the SAME identity in solid black and at small navigation scale. No giant brand guideline document, no cards, no annotations or invented content.
+Image 1 is a PALETTE AND EXISTING PRODUCT CONTEXT REFERENCE ONLY. All three pictured previous logos were REJECTED by the user. DO NOT reuse their sailboats, P-with-sail, curving ribbon, typography layout, or their shapes. Reinterpret from scratch in the requested new style.
+Palette: flat solid lime #A3E635, ink #25271F, white #FFFFFF only. Neo-brutalist grammar: heavy precise black contours, sturdy block geometry, few forms, optional short hard-edged black offset built into the mark. NO soft shadows, NO gradients, NO grain, NO bevels, NO highlights, NO 3D, NO perspective mockups, NO textures. More reductive than decorative.
+Text verbatim: "纸鹊" and "Magpie". Spell P-a-g-e-S-a-i-l, exactly that capitalization. No slogan. No other text. Chinese lettering should be bold, clean, readable modern sans, English bold compact grotesk, optically aligned and balanced with Chinese. Keep the logo as hero and the lettering subordinate. Avoid tiny internal details and disconnected embellishments. The silhouette must hold at 24px. Do not make a collage of competing logo ideas; all repetitions use the identical main mark.
+Direction name: 折角页签 / PAGE TAB.
+Subject and construction: a single assertive upright page silhouette, almost square with the upper right corner decisively cut and folded. A thick uninterrupted ink outline, lime fill, exactly one white triangular fold; a short solid black offset to the lower right makes it feel like a tactile Neo-Brutalist UI stamp. Reduce to two or three closed shapes, no text lines inside the page, no generic file-icon detailing, no rounded app-icon enclosure. Give it an unusual stepped lower edge as a tiny signature, while keeping the overall silhouette instantly readable. A strong quiet emblem with witty one-corner geometry, not a complex illustration.
+Composition: large icon above a centered one-line bilingual wordmark, generous white space. Small monochrome and nav scale specimens below a single black hairline.
+
+## 方案2完整提示词
+
+Use case: logo-brand.
+Create a production-quality visual identity concept for 纸鹊 Magpie, a simple product that turns uploaded HTML/content files into shareable web pages. This task is LOGO design only, not a website redesign. The user asks for Neo-Brutalist UI style, radical simplicity and memorability.
+Target dimensions: 1536 x 1024 landscape identity presentation. One logo idea only per image. Strong hierarchy, crisp typography, purposeful spacing. White background, large principal mark and bilingual wordmark; one restrained bottom row shows the SAME identity in solid black and at small navigation scale. No giant brand guideline document, no cards, no annotations or invented content.
+Image 1 is a PALETTE AND EXISTING PRODUCT CONTEXT REFERENCE ONLY. All three pictured previous logos were REJECTED by the user. DO NOT reuse their sailboats, P-with-sail, curving ribbon, typography layout, or their shapes. Reinterpret from scratch in the requested new style.
+Palette: flat solid lime #A3E635, ink #25271F, white #FFFFFF only. Neo-brutalist grammar: heavy precise black contours, sturdy block geometry, few forms, optional short hard-edged black offset built into the mark. NO soft shadows, NO gradients, NO grain, NO bevels, NO highlights, NO 3D, NO perspective mockups, NO textures. More reductive than decorative.
+Text verbatim: "纸鹊" and "Magpie". Spell P-a-g-e-S-a-i-l, exactly that capitalization. No slogan. No other text. Chinese lettering should be bold, clean, readable modern sans, English bold compact grotesk, optically aligned and balanced with Chinese. Keep the logo as hero and the lettering subordinate. Avoid tiny internal details and disconnected embellishments. The silhouette must hold at 24px. Do not make a collage of competing logo ideas; all repetitions use the identical main mark.
+Direction name: 出页 / OPEN PAGE.
+Subject and construction: a single bold black page-shaped outline whose upper-right side opens into a short outward arrow. Arrow and page must be ONE connected custom geometric silhouette, not a generic arrow pasted onto a file. The page is a slightly squat upright rectangle with a decisive 45-degree sliced corner. Lime is one small flat fill on the page face; chunky black geometry and a clear white aperture carry recognition. Only one meaningful negative space. No duplicate stacked pages, no folded sailing motifs, no cursive P, no enclosing round square. This represents the transformation from private file to public link, with energy and immediate readability.
+Composition: one large horizontal combination, icon left, bold Chinese name right with smaller Magpie aligned beneath it. A very spare bottom row with the SAME mark in solid black and at navigation size. Flat white background.
+
+## 方案3完整提示词
+
+Use case: logo-brand.
+Create a production-quality visual identity concept for 纸鹊 Magpie, a simple product that turns uploaded HTML/content files into shareable web pages. This task is LOGO design only, not a website redesign. The user asks for Neo-Brutalist UI style, radical simplicity and memorability.
+Target dimensions: 1536 x 1024 landscape identity presentation. One logo idea only per image. Strong hierarchy, crisp typography, purposeful spacing. White background, large principal mark and bilingual wordmark; one restrained bottom row shows the SAME identity in solid black and at small navigation scale. No giant brand guideline document, no cards, no annotations or invented content.
+Image 1 is a PALETTE AND EXISTING PRODUCT CONTEXT REFERENCE ONLY. All three pictured previous logos were REJECTED by the user. DO NOT reuse their sailboats, P-with-sail, curving ribbon, typography layout, or their shapes. Reinterpret from scratch in the requested new style.
+Palette: flat solid lime #A3E635, ink #25271F, white #FFFFFF only. Neo-brutalist grammar: heavy precise black contours, sturdy block geometry, few forms, optional short hard-edged black offset built into the mark. NO soft shadows, NO gradients, NO grain, NO bevels, NO highlights, NO 3D, NO perspective mockups, NO textures. More reductive than decorative.
+Text verbatim: "纸鹊" and "Magpie". Spell P-a-g-e-S-a-i-l, exactly that capitalization. No slogan. No other text. Chinese lettering should be bold, clean, readable modern sans, English bold compact grotesk, optically aligned and balanced with Chinese. Keep the logo as hero and the lettering subordinate. Avoid tiny internal details and disconnected embellishments. The silhouette must hold at 24px. Do not make a collage of competing logo ideas; all repetitions use the identical main mark.
+Direction name: 舟字印 / ZHOU GLYPH.
+Subject and construction: a compact original geometric emblem abstracted from the Chinese character 舟. Preserve the recognizable logic of 舟 but redraw with brutally simple thick straight strokes, squared-off ends, broad angular outer hull and two deliberately oversized negative-space cuts. Do NOT draw a literal paper boat or sailboat. It should feel like an ultra-modern Chinese printer's stamp: bold, unconventional, almost pixel-like but not jagged or retro gaming. No seal border or containing square. One small lime rectangular stroke within the largely ink-black glyph provides the signature; the whole silhouette works in one ink. At most 5 structural strokes/shapes; no thin rules, wave lines or decorative dots.
+Composition: oversized emblem centered, bilingual name smaller below in one line, highly confident generous white space; very restrained lower edge specimens of exactly the same emblem in black-only and small navigation size.
+
+## 图像检查
+
+三幅图均已直接查看：纸鹊、Magpie 名称可读，三种结构有差别，统一青柠绿、墨色、白底，具备大标志及小尺寸示意。保留生成式图像的轻微纹理，后续若选中需做精确轮廓与纯色色值整理；不把概念图视为已验证的24px矢量资产。第三幅采用抽象字形，识读是否足够直接由用户选择时评估。
+
diff --git a/public/logo-exploration/preview.js b/public/logo-exploration/preview.js
new file mode 100644
index 0000000..80c0422
--- /dev/null
+++ b/public/logo-exploration/preview.js
@@ -0,0 +1,8 @@
+const names={a:'A · 折页成帆',b:'B · 页面之 P',c:'C · 一纸轻舟'};
+document.querySelectorAll('[data-mark]').forEach(button=>button.addEventListener('click',()=>{
+ const key=button.dataset.mark;
+ document.querySelector('#nav-mark').src=`assets/${key}.png`;
+ document.querySelector('#nav-mark').dataset.wide=String(key==='c');
+ document.querySelectorAll('[data-mark]').forEach(item=>item.setAttribute('aria-pressed',String(item===button)));
+ document.querySelector('#status').textContent=`当前导航预览：${names[key]}`;
+}));
diff --git a/public/logo-exploration/previews/a-desktop.png b/public/logo-exploration/previews/a-desktop.png
new file mode 100644
index 0000000..fc77eac
Binary files /dev/null and b/public/logo-exploration/previews/a-desktop.png differ
diff --git a/public/logo-exploration/previews/a-mobile.png b/public/logo-exploration/previews/a-mobile.png
new file mode 100644
index 0000000..216b73c
Binary files /dev/null and b/public/logo-exploration/previews/a-mobile.png differ
diff --git a/public/logo-exploration/previews/b-desktop.png b/public/logo-exploration/previews/b-desktop.png
new file mode 100644
index 0000000..c3e2e97
Binary files /dev/null and b/public/logo-exploration/previews/b-desktop.png differ
diff --git a/public/logo-exploration/previews/b-mobile.png b/public/logo-exploration/previews/b-mobile.png
new file mode 100644
index 0000000..070197c
Binary files /dev/null and b/public/logo-exploration/previews/b-mobile.png differ
diff --git a/public/logo-exploration/previews/c-desktop.png b/public/logo-exploration/previews/c-desktop.png
new file mode 100644
index 0000000..4519efb
Binary files /dev/null and b/public/logo-exploration/previews/c-desktop.png differ
diff --git a/public/logo-exploration/previews/c-mobile.png b/public/logo-exploration/previews/c-mobile.png
new file mode 100644
index 0000000..130fe85
Binary files /dev/null and b/public/logo-exploration/previews/c-mobile.png differ
diff --git a/public/logo-exploration/previews/comparison-mobile.png b/public/logo-exploration/previews/comparison-mobile.png
new file mode 100644
index 0000000..54059e6
Binary files /dev/null and b/public/logo-exploration/previews/comparison-mobile.png differ
diff --git a/public/logo-exploration/previews/comparison.png b/public/logo-exploration/previews/comparison.png
new file mode 100644
index 0000000..1b3528a
Binary files /dev/null and b/public/logo-exploration/previews/comparison.png differ
diff --git a/public/logo-exploration/product-facts.md b/public/logo-exploration/product-facts.md
new file mode 100644
index 0000000..04af33e
--- /dev/null
+++ b/public/logo-exploration/product-facts.md
@@ -0,0 +1,6 @@
+# 事实与依据
+
+- 产品名称与用途来自用户本任务明确说明及本地首页：纸鹊 Magpie，上传内容生成网页并分享，登录后管理文件。
+- 用户提供仓库：https://github.com/enderchen/magpie 。本轮网络搜索未得到可用索引结果，不据此判断项目状态或虚构版本。
+- 参考网站：https://www.brainfishai.com/ ，本轮已联网确认站点存在；视觉以用户已接受的本地 home-share 页面及浏览器实看为准。
+- 三方向仅探索标志形态，不作新功能或商标注册可用性承诺。
diff --git a/public/magpie-logo.png b/public/magpie-logo.png
new file mode 100644
index 0000000..5f9a0ca
Binary files /dev/null and b/public/magpie-logo.png differ
diff --git a/public/privacy.html b/public/privacy.html
index e35ecdb..e6d8fb7 100644
--- a/public/privacy.html
+++ b/public/privacy.html
@@ -3,32 +3,32 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta name="description" content="即页 JPage 隐私政策">
-  <title>隐私政策 · 即页</title>
+  <meta name="description" content="纸鹊 Magpie 隐私政策">
+  <title>隐私政策 · 纸鹊 Magpie</title>
   <link rel="stylesheet" href="/legal.css">
 </head>
 <body>
   <div class="legal-shell">
     <nav class="legal-nav" aria-label="页面导航">
       <a class="legal-brand" href="/">
-        <img src="/jpage_logo/jpage-app-icon.svg" alt="">
-        <span>即页 JPage</span>
+        <span class="magpie-icon legal-mark" aria-hidden="true"></span>
+        <span>纸鹊 Magpie</span>
       </a>
-      <a class="legal-back" href="/#/login">返回登录</a>
+      <a class="legal-back" href="/app/#/login">返回登录</a>
     </nav>
     <main class="legal-paper">
       <header class="legal-hero">
         <span class="legal-kicker">PRIVACY POLICY</span>
         <h1>隐私政策</h1>
-        <p>生效日期：2026 年 7 月 25 日</p>
+        <p>本地预览草案 · 正式发布前需确认运营主体与条款</p>
       </header>
       <article class="legal-content">
-        <p class="legal-summary">即页只收集提供预览、分享、账号和安全能力所必需的信息。我们不会出售你的个人信息，也不会获取你的 Google 密码。</p>
+        <p class="legal-summary">纸鹊 Magpie只收集提供预览、分享、账号和安全能力所必需的信息。我们不会出售你的个人信息，也不会获取你的 Google 密码。</p>
 
         <h2>1. 我们收集的信息</h2>
         <ul>
           <li>账号信息：用户名、邮箱、头像，以及第三方登录服务提供的稳定账号标识。</li>
-          <li>Google 登录信息：Google OpenID Connect 返回的账号标识（sub）、已验证邮箱、姓名和头像。即页不会保存你的 Google 密码。</li>
+          <li>Google 登录信息：Google OpenID Connect 返回的账号标识（sub）、已验证邮箱、姓名和头像。纸鹊 Magpie不会保存你的 Google 密码。</li>
           <li>内容与文件：你主动上传的 HTML、Markdown、ZIP、演示文稿及相关元数据、版本、标签和分享设置。</li>
           <li>使用与安全信息：登录时间、请求路径、来源、浏览器信息、IP 派生的安全记录、错误与审计日志。</li>
           <li>会话信息：用于维持登录状态的安全 Cookie。</li>
@@ -38,31 +38,31 @@ <h2>2. 信息使用目的</h2>
         <p>我们使用上述信息提供账号登录、文件管理、在线预览、版本历史、内容分享、模板市场、用量统计、安全防护、故障诊断与客户支持。</p>
 
         <h2>3. Google 用户数据</h2>
-        <p>即页仅请求 <code>openid</code>、<code>email</code> 和 <code>profile</code> 基础身份范围，用于确认身份、创建或绑定即页账号。我们不会使用 Google 登录访问 Gmail、Google Drive、Google Calendar 或其他 Google 产品数据。</p>
+        <p>纸鹊 Magpie仅请求 <code>openid</code>、<code>email</code> 和 <code>profile</code> 基础身份范围，用于确认身份、创建或绑定纸鹊 Magpie账号。我们不会使用 Google 登录访问 Gmail、Google Drive、Google Calendar 或其他 Google 产品数据。</p>
 
         <h2>4. 信息共享</h2>
-        <p>我们仅在实现服务所必需、遵守法律要求、处理安全事件或获得你明确授权时共享必要信息。Google 负责完成 Google 账号身份验证；即页不会向广告商出售或出租个人数据。</p>
+        <p>我们仅在实现服务所必需、遵守法律要求、处理安全事件或获得你明确授权时共享必要信息。Google 负责完成 Google 账号身份验证；纸鹊 Magpie不会向广告商出售或出租个人数据。</p>
 
         <h2>5. 内容公开性</h2>
         <p>你可以将内容设置为公开或私有。公开内容及分享链接可能被任何获得链接的人访问；私有内容仅向账号所有者和获得授权的管理员开放。请勿在公开页面中上传不希望公开的信息。</p>
 
         <h2>6. 保存与安全</h2>
-        <p>我们采用 HTTPS、HttpOnly 会话 Cookie、访问控制、哈希存储、限流和审计日志等措施保护信息。信息在提供服务、满足安全和法律义务所需的期限内保存；不再需要时会删除或去标识化。</p>
+        <p>正式部署应配置 HTTPS；本地预览使用 HTTP。系统采用 HttpOnly 会话 Cookie、访问控制、哈希存储、限流和审计日志等措施保护信息。信息在提供服务、满足安全和法律义务所需的期限内保存；不再需要时会删除或去标识化。</p>
 
         <h2>7. 你的权利</h2>
         <p>你可以查看和修改账号资料、管理或删除上传内容、撤销分享链接，并联系我们申请访问、更正或删除个人信息。解除 Google 授权也可以在 Google 账号的第三方应用连接设置中完成。</p>
 
         <h2>8. 儿童隐私</h2>
-        <p>即页不面向未满适用法律规定最低年龄的儿童。如果发现未经适当同意收集了儿童信息，我们会采取措施删除。</p>
+        <p>纸鹊 Magpie不面向未满适用法律规定最低年龄的儿童。如果发现未经适当同意收集了儿童信息，我们会采取措施删除。</p>
 
         <h2>9. 政策更新</h2>
         <p>服务或法律要求变化时，我们可能更新本政策，并在本页面标注新的生效日期。重大变更会通过适当方式提示。</p>
 
         <h2>10. 联系我们</h2>
-        <p>有关隐私或数据处理的问题，请发送邮件至 <a href="mailto:code2rich@qq.com">code2rich@qq.com</a>。</p>
+        <p>有关隐私或数据处理的问题，请通过 <a href="https://github.com/enderchen/magpie">Magpie 项目主页</a>联系维护者；请勿在公开讨论中提交个人敏感信息。</p>
       </article>
     </main>
-    <footer class="legal-footer">© 2026 即页 JPage · 让内容被完整地看见</footer>
+    <footer class="legal-footer">© 2026 纸鹊 Magpie · 一纸，寄万千。</footer>
   </div>
 </body>
 </html>
diff --git a/public/terms.html b/public/terms.html
index 4abd1c5..fb0332e 100644
--- a/public/terms.html
+++ b/public/terms.html
@@ -3,36 +3,36 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta name="description" content="即页 JPage 服务条款">
-  <title>服务条款 · 即页</title>
+  <meta name="description" content="纸鹊 Magpie 服务条款">
+  <title>服务条款 · 纸鹊 Magpie</title>
   <link rel="stylesheet" href="/legal.css">
 </head>
 <body>
   <div class="legal-shell">
     <nav class="legal-nav" aria-label="页面导航">
       <a class="legal-brand" href="/">
-        <img src="/jpage_logo/jpage-app-icon.svg" alt="">
-        <span>即页 JPage</span>
+        <span class="magpie-icon legal-mark" aria-hidden="true"></span>
+        <span>纸鹊 Magpie</span>
       </a>
-      <a class="legal-back" href="/#/login">返回登录</a>
+      <a class="legal-back" href="/app/#/login">返回登录</a>
     </nav>
     <main class="legal-paper">
       <header class="legal-hero">
         <span class="legal-kicker">TERMS OF SERVICE</span>
         <h1>服务条款</h1>
-        <p>生效日期：2026 年 7 月 25 日</p>
+        <p>本地预览草案 · 正式发布前需确认运营主体与条款</p>
       </header>
       <article class="legal-content">
-        <p class="legal-summary">使用即页即表示你同意遵守本条款。你保留上传内容的权利，同时需要对内容及其分享范围负责。</p>
+        <p class="legal-summary">使用纸鹊 Magpie即表示你同意遵守本条款。你保留上传内容的权利，同时需要对内容及其分享范围负责。</p>
 
         <h2>1. 服务说明</h2>
-        <p>即页提供 HTML、Markdown、ZIP 和演示内容的上传、渲染、版本管理、模板使用与链接分享能力，并提供网页、API、CLI 和 MCP 等访问方式。</p>
+        <p>纸鹊 Magpie提供 HTML、Markdown、ZIP 和演示内容的上传、渲染、版本管理、模板使用与链接分享能力，并提供网页、API、CLI 和 MCP 等访问方式。</p>
 
         <h2>2. 账号与安全</h2>
         <p>你应提供准确的账号信息，妥善保护密码、API Token、第三方登录账号和会话。通过你的账号发生的操作由你负责；发现未经授权使用时应及时联系我们。</p>
 
         <h2>3. 用户内容</h2>
-        <p>你保留对上传内容的所有权，并授予即页为存储、处理、渲染和分享该内容所必需的有限许可。你应确保有权上传和分享相关内容，并正确选择公开或私有状态。</p>
+        <p>你保留对上传内容的所有权，并授予纸鹊 Magpie为存储、处理、渲染和分享该内容所必需的有限许可。你应确保有权上传和分享相关内容，并正确选择公开或私有状态。</p>
 
         <h2>4. 禁止行为</h2>
         <ul>
@@ -43,7 +43,7 @@ <h2>4. 禁止行为</h2>
         </ul>
 
         <h2>5. 第三方登录</h2>
-        <p>Google、GitHub、微信等第三方登录由相应平台提供。你使用第三方登录时还应遵守该平台条款。第三方服务中断、账号限制或授权撤销可能影响登录，但不会改变你在即页中的内容权利。</p>
+        <p>Google、GitHub、微信等第三方登录由相应平台提供。你使用第三方登录时还应遵守该平台条款。第三方服务中断、账号限制或授权撤销可能影响登录，但不会改变你在纸鹊 Magpie中的内容权利。</p>
 
         <h2>6. 服务变更与可用性</h2>
         <p>我们会努力保持服务可靠，但不保证永不中断。维护、安全事件、不可抗力或第三方依赖故障可能导致暂时不可用。重大功能变化会尽可能提前说明。</p>
@@ -52,16 +52,16 @@ <h2>7. 账号限制与终止</h2>
         <p>对于违反本条款、危害安全或侵犯他人权利的行为，我们可以限制内容公开、暂停接口或终止账号。合理情况下会提供说明和申诉渠道，并依法处理相关数据。</p>
 
         <h2>8. 责任限制</h2>
-        <p>在法律允许范围内，即页按现状提供服务，不对间接损失、利润损失或因用户公开分享、凭据泄露、第三方服务及不可控制事件导致的损失承担超出法律要求的责任。</p>
+        <p>在法律允许范围内，纸鹊 Magpie按现状提供服务，不对间接损失、利润损失或因用户公开分享、凭据泄露、第三方服务及不可控制事件导致的损失承担超出法律要求的责任。</p>
 
         <h2>9. 条款更新</h2>
         <p>服务或法律要求变化时，我们可能更新条款，并在本页面标明新的生效日期。继续使用更新后的服务即表示接受新条款。</p>
 
         <h2>10. 联系我们</h2>
-        <p>有关服务条款、账号或内容的问题，请发送邮件至 <a href="mailto:code2rich@qq.com">code2rich@qq.com</a>。</p>
+        <p>有关服务条款、账号或内容的问题，请通过 <a href="https://github.com/enderchen/magpie">Magpie 项目主页</a>联系维护者；请勿在公开讨论中提交个人敏感信息。</p>
       </article>
     </main>
-    <footer class="legal-footer">© 2026 即页 JPage · 让内容被完整地看见</footer>
+    <footer class="legal-footer">© 2026 纸鹊 Magpie · 一纸，寄万千。</footer>
   </div>
 </body>
 </html>
diff --git a/routes/admin.js b/routes/admin.js
index 625e94a..d010024 100644
--- a/routes/admin.js
+++ b/routes/admin.js
@@ -45,7 +45,7 @@ function createBackupArchive() {
 router.get('/export', requireAuth, requireAdmin, (req, res) => {
   try {
     const date = new Date().toISOString().slice(0, 10);
-    const fname = `jpage-backup-${date}.zip`;
+    const fname = `magpie-backup-${date}.zip`;
     const encoded = encodeURIComponent(fname);
     res.setHeader('Content-Type', 'application/zip');
     res.setHeader('Content-Disposition', `attachment; filename="${encoded}"; filename*=UTF-8''${encoded}`);
diff --git a/routes/auth.js b/routes/auth.js
index f7836d4..024bb66 100644
--- a/routes/auth.js
+++ b/routes/auth.js
@@ -94,7 +94,7 @@ async function sendVerificationEmail(userId, email, type, newEmail) {
   const appUrl = getAppUrl();
   const link = `${appUrl}/api/auth/verify-email?token=${token}`;
   // 后台异步发信：验证记录已入库，接口立即响应，不阻塞请求
-  sendMailBackground(targetEmail, '验证你的邮箱 — 即页',
+  sendMailBackground(targetEmail, '验证你的邮箱 — 纸鹊 Magpie',
     `<div style="max-width:480px;margin:0 auto;font-family:system-ui,sans-serif;padding:24px">
       <h2 style="color:#1a1a1a">验证你的邮箱</h2>
       <p style="color:#555;font-size:15px">请点击以下按钮验证你的邮箱地址：</p>
@@ -140,7 +140,7 @@ async function sendRegisterCode(email) {
   );
 
   // 后台异步发信：验证码已入库，接口立即响应，不阻塞请求
-  sendMailBackground(email, '注册验证码 — 即页',
+  sendMailBackground(email, '注册验证码 — 纸鹊 Magpie',
     `<div style="max-width:480px;margin:0 auto;padding:32px 24px;font-family:system-ui,-apple-system,sans-serif;color:#333">
       <h2 style="margin:0 0 24px;font-size:20px;color:#111">注册验证码</h2>
       <p style="margin:0 0 16px;font-size:15px">你的注册验证码是：</p>
@@ -172,7 +172,7 @@ function appBaseUrl(req) {
 
 function redirectForReturnTo(req, returnTo) {
   const path = normalizeReturnTo(returnTo);
-  return `${appBaseUrl(req)}/#${path}`;
+  return `${appBaseUrl(req)}/app/#${path}`;
 }
 
 function sanitizeWechatUsername(raw) {
@@ -362,7 +362,7 @@ async function fetchGithubUser(token) {
       'Authorization': `Bearer ${token}`,
       'Accept': 'application/vnd.github+json',
       'X-GitHub-Api-Version': '2022-11-28',
-      'User-Agent': 'jpage'
+      'User-Agent': 'magpie'
     }
   });
 }
@@ -373,7 +373,7 @@ async function fetchGithubPrimaryEmail(token) {
       'Authorization': `Bearer ${token}`,
       'Accept': 'application/vnd.github+json',
       'X-GitHub-Api-Version': '2022-11-28',
-      'User-Agent': 'jpage'
+      'User-Agent': 'magpie'
     }
   });
   if (!Array.isArray(emails) || emails.length === 0) return null;
@@ -675,7 +675,7 @@ router.get('/wechat/start', oauthLimiter, (req, res) => {
 router.get('/wechat/callback', oauthLimiter, async (req, res) => {
   const fail = (reason, status = 302) => {
     logger.audit('wechat.login', { success: false, reason, ip: clientIp(req) });
-    return res.status(status).redirect(`${appBaseUrl(req)}/#/login`);
+    return res.status(status).redirect(`${appBaseUrl(req)}/app/#/login`);
   };
   if (!isWechatLoginEnabled()) return fail('not_configured');
   const saved = req.session.wechatOAuthState;
@@ -754,7 +754,7 @@ router.get('/github/start', oauthLimiter, (req, res) => {
 router.get('/github/callback', oauthLimiter, async (req, res) => {
   const fail = (reason, status = 302) => {
     logger.audit('github.login', { success: false, reason, ip: clientIp(req) });
-    return res.status(status).redirect(`${appBaseUrl(req)}/#/login`);
+    return res.status(status).redirect(`${appBaseUrl(req)}/app/#/login`);
   };
   if (!isGithubLoginEnabled()) return fail('not_configured');
   const saved = req.session.githubOAuthState;
@@ -855,7 +855,7 @@ router.get('/google/start', oauthLimiter, (req, res) => {
 router.get('/google/callback', oauthLimiter, async (req, res) => {
   const fail = (reason, status = 302) => {
     logger.audit('google.login', { success: false, reason, ip: clientIp(req) });
-    return res.status(status).redirect(`${appBaseUrl(req)}/#/login?oauth=google_failed`);
+    return res.status(status).redirect(`${appBaseUrl(req)}/app/#/login?oauth=google_failed`);
   };
   if (!isGoogleLoginEnabled()) return fail('not_configured');
   const saved = req.session.googleOAuthState;
@@ -979,7 +979,7 @@ router.post('/register', registerLimiter, async (req, res) => {
 router.post('/logout', (req, res) => {
   const userId = req.session?.userId;
   req.session.destroy(() => {
-    res.clearCookie('jpage.sid');
+    res.clearCookie('magpie.sid');
     logger.audit('logout', { userId, ip: clientIp(req) });
     res.json({ success: true });
   });
@@ -1047,14 +1047,14 @@ router.post('/profile', requireAuth, async (req, res) => {
 // GET /api/auth/verify-email?token=...
 router.get('/verify-email', async (req, res) => {
   const { token } = req.query;
-  if (!token) return res.redirect('/#/email-verify-failed');
+  if (!token) return res.redirect('/app/#/email-verify-failed');
   try {
     const hash = crypto.createHash('sha256').update(token).digest('hex');
     const row = await dbGet('SELECT * FROM email_verifications WHERE token_hash = ?', [hash]);
-    if (!row) return res.redirect('/#/email-verify-failed');
+    if (!row) return res.redirect('/app/#/email-verify-failed');
     if (new Date(row.expires_at) < new Date()) {
       await dbRun('DELETE FROM email_verifications WHERE id = ?', [row.id]);
-      return res.redirect('/#/email-verify-expired');
+      return res.redirect('/app/#/email-verify-expired');
     }
     if (row.type === 'verify_email') {
       await dbRun('UPDATE users SET email_verified = 1 WHERE id = ?', [row.user_id]);
@@ -1063,10 +1063,10 @@ router.get('/verify-email', async (req, res) => {
     }
     await dbRun('DELETE FROM email_verifications WHERE id = ?', [row.id]);
     logger.audit('email.verify', { userId: row.user_id, type: row.type });
-    res.redirect('/#/email-verified');
+    res.redirect('/app/#/email-verified');
   } catch (e) {
     logger.error({ type: 'app', message: '邮箱验证失败', error: e.message });
-    res.redirect('/#/email-verify-failed');
+    res.redirect('/app/#/email-verify-failed');
   }
 });
 
diff --git a/routes/content-templates.js b/routes/content-templates.js
index f1dd269..b0ce023 100644
--- a/routes/content-templates.js
+++ b/routes/content-templates.js
@@ -568,7 +568,7 @@ router.post('/:id/use', (req, res) => {
 
 // 实例化模板 → 在用户文件列表创建一个新文件（基于模板内容），并记录追溯。
 // 语义：「使用模板」= 用户真正得到一个可编辑的文件，而非空计数。
-// 仅对 approved+visible 模板生效；必须通过 Token（MCP_TOKEN 或 jp_...）调用，禁止 Session Cookie。
+// 仅对 approved+visible 模板生效；必须通过 Token（MCP_TOKEN 或 mg_...）调用，禁止 Session Cookie。
 // 同用户对同模板可多次实例化（每次得到新文件）。
 router.post('/:shareKey/instantiate', uploadLimiter, requireAuth, requireTokenAuth, async (req, res) => {
   try {
@@ -681,13 +681,13 @@ router.get('/:shareKey/use-guide', loadSession, marketBotFilter, marketPreviewLi
       shareKey,
       title: t.title,
       fileType: t.file_type,
-      cli: `jpage template use ${shareKey}`,
-      cliWithName: `jpage template use ${shareKey} --name "${defaultName}"`,
+      cli: `magpie template use ${shareKey}`,
+      cliWithName: `magpie template use ${shareKey} --name "${defaultName}"`,
       mcp: {
         tool: 'instantiate_content_template',
         args: { shareKey },
       },
-      hint: '使用此模板需要有效的 API Token（jp_...）或 MCP_TOKEN，将在您的账户下创建一个新文件。',
+      hint: '使用此模板需要有效的 API Token（mg_...）或 MCP_TOKEN，将在您的账户下创建一个新文件。',
     });
   } catch (e) {
     logger.error({ type: 'app', msg: '获取模板使用引导失败', error: e.message });
diff --git a/routes/feedback.js b/routes/feedback.js
index 4ffbd78..cf8a8c1 100644
--- a/routes/feedback.js
+++ b/routes/feedback.js
@@ -65,7 +65,7 @@ function buildFeedbackHtml({ name, contact, category, content, userId, ip }) {
     </table>
     <p style="margin:0 0 8px;color:#555;font-size:14px">反馈内容：</p>
     <pre style="background:#f6f8fa;border-radius:6px;padding:14px 16px;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:#24292f;margin:0">${escapeHtmlText(content)}</pre>
-    <p style="margin:16px 0 0;color:#888;font-size:12px">来自即页 jpage ${appUrl}</p>
+    <p style="margin:16px 0 0;color:#888;font-size:12px">来自纸鹊 Magpie ${appUrl}</p>
   </div>`;
 }
 
@@ -105,7 +105,7 @@ router.post('/', feedbackLimiter, loadSession, async (req, res) => {
     // 发信：后台异步，不阻塞请求。成功后回填 email_sent。
     const to = await resolveFeedbackEmail();
     if (to && isMailerConfigured()) {
-      sendMailBackground(to, `[即页反馈] ${CATEGORY_LABELS[cat]}`, buildFeedbackHtml({
+      sendMailBackground(to, `[纸鹊 Magpie反馈] ${CATEGORY_LABELS[cat]}`, buildFeedbackHtml({
         name: trimmedName, contact: trimmedContact, category: cat, content: content.trim(), userId, ip
       })).then(() => {
         dbRun('UPDATE feedback SET email_sent = 1 WHERE id = ?', [feedbackId]).catch(e => {
diff --git a/routes/skills.js b/routes/skills.js
index 678385f..6964b4e 100644
--- a/routes/skills.js
+++ b/routes/skills.js
@@ -33,7 +33,7 @@ router.get('/skills/:name', requireAuth, async (req, res) => {
 function buildServerConfig(url, token) {
   return {
     mcpServers: {
-      jpage: {
+      magpie: {
         type: 'http',
         url,
         headers: { Authorization: `Bearer ${token || '<YOUR_TOKEN>'}` }
@@ -45,14 +45,18 @@ function buildServerConfig(url, token) {
 // 生成 CLI 用法文档 Markdown。
 // baseUrl 预填进示例，方便用户复制即用；真实 token 用 <YOUR_TOKEN> 占位，不在弹窗中泄露。
 function buildCliGuide(baseUrl) {
-  return `# jpage CLI
+  return `# magpie CLI
 
-\`jpage\` 是即页的命令行工具，与 MCP 并列、基于同一套 REST API。适合 Bash/脚本/CI/Agent 场景，multipart 上传大文件更省流。
+\`magpie\` 是纸鹊 Magpie 的命令行工具，与 MCP 并列、基于同一套 REST API。适合 Bash/脚本/CI/Agent 场景，multipart 上传大文件更省流。
 
-## 安装
+## 安装（尚未发布 npm 包，从源码安装）
 
 \`\`\`bash
-npm install -g @code2rich/jpage
+git clone https://github.com/enderchen/magpie.git magpie
+cd magpie
+npm install
+npm link
+export MAGPIE_BASE=${baseUrl}
 \`\`\`
 
 ## 认证
@@ -60,13 +64,13 @@ npm install -g @code2rich/jpage
 在「API 令牌」页创建 token 后，任选一种方式注入：
 
 \`\`\`bash
-export JPAGE_TOKEN=<YOUR_TOKEN>   # 推荐
-jpage <命令> --token <YOUR_TOKEN> # 单条命令
+export MAGPIE_TOKEN=<YOUR_TOKEN>   # 推荐
+magpie <命令> --token <YOUR_TOKEN> # 单条命令
 \`\`\`
 
-token 优先级：\`--token\` > \`JPAGE_TOKEN\` > \`MCP_TOKEN\`。  
-服务地址优先级：\`--base\` > \`JPAGE_BASE\` > 默认 \`https://jpage.cn\`。  
-以下示例默认使用 \`${baseUrl}\`。
+token 优先级：\`--token\` > \`MAGPIE_TOKEN\` > \`MCP_TOKEN\`。
+服务地址优先级：\`--base\` > \`MAGPIE_BASE\` > 默认 \`http://localhost:8858\`。
+MAGPIE_BASE 应指向你自己的服务。以下示例使用 \`${baseUrl}\`。
 
 ## 命令速查
 
@@ -82,20 +86,20 @@ token 优先级：\`--token\` > \`JPAGE_TOKEN\` > \`MCP_TOKEN\`。
 | \`tags <id> [add|set|clear] [名,名,...]\` | 标签管理 |
 | \`skills ls | get <名> | download <名>\` | Skill 包 |
 | \`whoami\` | 校验 token |
-| \`update [--check] [--registry <url>]\` | 自更新（**不需 token**） |
+| \`update [--check] [--registry <url>]\` | 源码更新说明（**不需 token**；npm 尚未发布） |
 
 ## 常用示例
 
 \`\`\`bash
-jpage upload ./report.html --public --base ${baseUrl}
-jpage ls --kw 季度
-jpage cat 8
-jpage tags 8 add Q3,财报
-jpage url 8
-jpage update
+magpie upload ./report.html --public --base ${baseUrl}
+magpie ls --kw 季度
+magpie cat 8
+magpie tags 8 add Q3,财报
+magpie url 8
+magpie update
 \`\`\`
 
-完整说明请运行 \`jpage --help\`。
+完整说明请运行 \`magpie --help\`。
 `;
 }
 
diff --git a/routes/tokens.js b/routes/tokens.js
index d5b3886..f0d8bb4 100644
--- a/routes/tokens.js
+++ b/routes/tokens.js
@@ -16,7 +16,7 @@ const router = express.Router();
 function generateApiToken() {
   const chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
   const bytes = crypto.randomBytes(32);
-  let token = 'jp_';
+  let token = 'mg_';
   for (let i = 0; i < 32; i++) {
     token += chars[bytes[i] % chars.length];
   }
diff --git a/server.js b/server.js
index cf3a09d..3b7bcfa 100644
--- a/server.js
+++ b/server.js
@@ -1,4 +1,4 @@
-// 即页 jpage 服务端入口。
+// 纸鹊 Magpie 服务端入口。
 // 仅负责：app 创建、中间件装配、路由挂载、MCP/静态/catch-all、全局错误处理、启动编排与关闭钩子。
 // 业务逻辑分布在 lib/（共享层）与 routes/（按域拆分的 Router）。
 
@@ -115,7 +115,7 @@ app.use(session({
   secret: sessionSecret,
   resave: false,
   saveUninitialized: false,
-  name: 'jpage.sid',
+  name: 'magpie.sid',
   cookie: {
     httpOnly: true,
     sameSite: 'lax',
@@ -355,61 +355,53 @@ app.use('/vendor/katex', express.static(path.join(NODE_MODULES, 'katex', 'dist')
 app.use('/vendor/highlight.js', express.static(path.join(NODE_MODULES, 'highlight.js'), STATIC_OPTS));
 app.use('/vendor/mermaid', express.static(path.join(NODE_MODULES, 'mermaid', 'dist'), STATIC_OPTS));
 
-// index:false —— 不让 static 自动把 / 映射到 index.html（由下方 catch-all 注入哈希资源路径后返回）
+// index:false：官网与应用壳由下方各自入口提供，避免静态目录默认首页。
+// Canonical entrypoints must precede static HTML files. Fragments survive redirects.
+app.get(['/home-share', '/home-share/', '/home-share/index.html'], (req, res) => {
+  res.redirect(302, '/' + (req.url.includes('?') ? req.url.slice(req.url.indexOf('?')) : ''));
+});
+app.get([/^\/app$/, '/index.html'], (req, res) => {
+  res.redirect(302, '/app/' + (req.url.includes('?') ? req.url.slice(req.url.indexOf('?')) : ''));
+});
 app.use(express.static(path.join(__dirname, 'public'), { ...STATIC_OPTS, index: false }));
 app.get('/privacy', (_req, res) => res.sendFile(path.join(__dirname, 'public', 'privacy.html')));
 app.get('/terms', (_req, res) => res.sendFile(path.join(__dirname, 'public', 'terms.html')));
 
-// --- SPA 兜底：返回 index.html，注入打包后的带哈希资源路径（若已 build）---
+// --- 官网与应用壳：共享配置注入，应用壳优先使用构建后的哈希资源 ---
 const INDEX_HTML_PATH = path.join(__dirname, 'public', 'index.html');
 const DIST_MANIFEST_PATH = path.join(__dirname, 'public', 'dist', 'manifest.json');
 const ICP_BEIAN = process.env.ICP_BEIAN || '';
-let _indexHtmlCache = { html: null, manifestMtime: 0, manifest: null };
 function escapeHtml(text) {
-  return String(text)
-    .replace(/&/g, '&amp;')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;')
-    .replace(/"/g, '&quot;')
-    .replace(/'/g, '&#39;');
+  return String(text).replace(/&/g, '&amp;').replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;');
 }
-function getIndexHtml(nonce) {
-  let manifest = null, manifestMtime = 0;
-  try {
-    const st = fs.statSync(DIST_MANIFEST_PATH);
-    manifestMtime = st.mtimeMs;
-    if (_indexHtmlCache.html && _indexHtmlCache.manifestMtime === manifestMtime && _indexHtmlCache.nonce === nonce) {
-      return _indexHtmlCache.html; // manifest 与 nonce 均未变，用缓存
-    }
-    manifest = JSON.parse(fs.readFileSync(DIST_MANIFEST_PATH, 'utf8'));
-  } catch {
-    // 无构建产物 → 返回源 index.html（引用源文件 /css、/js）
-    if (_indexHtmlCache.html && !_indexHtmlCache.manifest && _indexHtmlCache.nonce === nonce) return _indexHtmlCache.html;
-    const html = fs.readFileSync(INDEX_HTML_PATH, 'utf8');
-    _indexHtmlCache = { html, manifestMtime: 0, manifest: null, nonce };
-    return html;
-  }
-  // 注入哈希路径
-  let html = fs.readFileSync(INDEX_HTML_PATH, 'utf8');
-  if (manifest['style.css']) {
-    html = html.replace(/\/css\/style\.css\?v=[^"']+/g, '/dist/' + manifest['style.css']);
-  }
-  if (manifest['app.js']) {
-    html = html.replace(/\/js\/app\.js\?v=[^"']+/g, '/dist/' + manifest['app.js']);
-  }
-  // 备案号：服务端注入，未配置则不显示
+
+function injectSiteConfig(html, nonce) {
   const icpHtml = ICP_BEIAN
     ? `<p class="landing-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">${escapeHtml(ICP_BEIAN)}</a></p>`
     : '';
-  html = html.replace('<!-- {{ICP_BEIAN_PLACEHOLDER}} -->', icpHtml);
-  html = html.replace('</head>', `<script nonce="${nonce}">window.__JPAGE_ICP_BEIAN__ = ${JSON.stringify(ICP_BEIAN)};</script></head>`);
-  _indexHtmlCache = { html, manifestMtime, manifest, nonce };
-  return html;
+  const config = JSON.stringify(ICP_BEIAN).replace(/</g, '\\u003c');
+  return html.replace('<!-- {{ICP_BEIAN_PLACEHOLDER}} -->', icpHtml)
+    .replace('</head>', `<script nonce="${nonce}">window.__MAGPIE_ICP_BEIAN__ = ${config};</script></head>`);
+}
+
+function getIndexHtml(nonce) {
+  let html = fs.readFileSync(INDEX_HTML_PATH, 'utf8');
+  try {
+    const manifest = JSON.parse(fs.readFileSync(DIST_MANIFEST_PATH, 'utf8'));
+    if (manifest['style.css']) html = html.replace(/\/css\/style\.css\?v=[^"']+/g, '/dist/' + manifest['style.css']);
+    if (manifest['app.js']) html = html.replace(/\/js\/app\.js\?v=[^"']+/g, '/dist/' + manifest['app.js']);
+  } catch { /* Development uses source files when no build manifest exists. */ }
+  return injectSiteConfig(html, nonce);
 }
 
-app.get('*', (req, res) => {
-  res.setHeader('Content-Type', 'text/html; charset=utf-8');
-  res.send(getIndexHtml(req.cspNonce));
+app.get('/', (req, res) => {
+  res.setHeader('Cache-Control', 'no-cache');
+  res.type('html').send(injectSiteConfig(fs.readFileSync(path.join(__dirname, 'public/home-share/index.html'), 'utf8'), req.cspNonce));
+});
+app.get(['/app/', '/app/*'], (req, res) => {
+  res.setHeader('Cache-Control', 'no-cache');
+  res.type('html').send(getIndexHtml(req.cspNonce));
 });
 
 // --- 全局错误处理 ---
@@ -498,14 +490,14 @@ if (require.main === module) {
         cron.schedule(backupCron, () => {
           try {
             const ts = new Date().toISOString().replace(/[:.]/g, '-').slice(0, 19);
-            const fname = `jpage-backup-${ts}.zip`;
+            const fname = `magpie-backup-${ts}.zip`;
             const fpath = path.join(backupDir, fname);
             const output = fs.createWriteStream(fpath);
             const archive = createBackupArchive();
             output.on('close', () => {
               logger.info({ type: 'app', message: '自动备份完成', file: fpath });
               const backups = fs.readdirSync(backupDir)
-                .filter(f => f.startsWith('jpage-backup-') && f.endsWith('.zip'))
+                .filter(f => f.startsWith('magpie-backup-') && f.endsWith('.zip'))
                 .sort();
               while (backups.length > 7) {
                 fs.unlinkSync(path.join(backupDir, backups.shift()));
diff --git a/skills-registry.js b/skills-registry.js
index 4b25d40..843e356 100644
--- a/skills-registry.js
+++ b/skills-registry.js
@@ -50,6 +50,14 @@ function parseFrontmatter(text) {
       meta[kv[1]] = v;
     }
   }
+  // Skill metadata follows the standard nested metadata block.
+  const metadata = m[1].match(/^metadata:\s*\n((?:[ \t]+[^\n]*(?:\n|$))*)/m);
+  if (metadata) {
+    for (const line of metadata[1].split(/\r?\n/)) {
+      const kv = line.match(/^[ ]{2}(version|author):\s*["']?([^"'\n]+?)["']?\s*$/);
+      if (kv) meta[kv[1]] = kv[2];
+    }
+  }
   return { meta, body: m[2] };
 }
 
diff --git a/skills/jpage/SKILL.md b/skills/magpie/SKILL.md
similarity index 86%
rename from skills/jpage/SKILL.md
rename to skills/magpie/SKILL.md
index 6c0ff03..8249da5 100644
--- a/skills/jpage/SKILL.md
+++ b/skills/magpie/SKILL.md
@@ -1,8 +1,9 @@
 ---
-name: jpage
-description: 即页（jpage）统一技能：生成 HTML/Markdown 内容、制作 reveal.js 幻灯片、使用内容模板市场风格、上传到即页并管理文件。所有内容生产与文件管理操作都通过本技能完成。
-version: 1.6.6
-author: jpage
+name: magpie
+description: 纸鹊 Magpie统一技能：生成 HTML/Markdown 内容、制作 reveal.js 幻灯片、使用内容模板市场风格、上传到纸鹊 Magpie并管理文件。所有内容生产与文件管理操作都通过本技能完成。
+metadata:
+  version: "1.6.7"
+  author: enderchen
 ---
 
 # 核心规则
@@ -12,40 +13,40 @@ author: jpage
 - 生成 HTML 页面、Markdown 文档、报告、仪表板、简历、可视化等可预览内容
 - 制作 PPT / 幻灯片 / 演示文稿 / deck
 - 参照模板市场风格生成内容
-- 上传到即页、获取预览链接、管理已上传文件
+- 上传到纸鹊 Magpie、获取预览链接、管理已上传文件
 
 **统一走本技能的工作流**。
 
-> 内容生成后必须调用 `upload_file` 上传到即页，返回预览链接；不要只输出代码块让用户自己复制。
+> 内容生成后必须调用 `upload_file` 上传到纸鹊 Magpie，返回预览链接；不要只输出代码块让用户自己复制。
 > 大段 base64 上传很慢且费 token，本地已有的大文件 / ZIP 优先用 CLI 或 curl multipart 上传。
 
 ---
 
 # 安装 CLI
 
-本 Skill 推荐配合 **jpage CLI** 使用。只要当前环境有 Node.js ≥ 20，就可以全局安装：
+本 Skill 推荐配合 **magpie CLI** 使用。当前尚未发布 npm 包。准备好 Node.js ≥ 20 并取得 Magpie 源码后，在源码目录安装：
 
 ```bash
-npm install -g @code2rich/jpage
+npm install && npm link  # 在 Magpie 源码目录执行，npm 包尚未发布
 ```
 
 安装后验证：
 
 ```bash
-jpage --version
+magpie --version
 ```
 
 配置 Token（三选一即可）：
 
 ```bash
 # 1. 环境变量
-export JPAGE_TOKEN="jp_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
+export MAGPIE_TOKEN="mg_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
 
 # 2. 当前目录 .env
-# echo 'JPAGE_TOKEN=jp_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' > .env
+# echo 'MAGPIE_TOKEN=mg_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' > .env
 
 # 3. 临时命令参数
-jpage whoami --token jp_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+magpie whoami --token mg_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
 ```
 
 > 没有 npm / 无法安装 CLI / 没有 Bash 能力的纯 MCP 客户端，直接调用下方的 MCP 工具即可，无需安装。
@@ -56,36 +57,36 @@ CLI 安装好后，把本 Skill 同步到 Claude Code / Desktop 的 skills 目
 
 ```bash
 # 自动安装到默认 skills 目录（按 ~/.claude/skills → ~/.claude-code/skills → ~/.agents/skills 顺序检测）
-jpage skill install
+magpie skill install
 
 # 或指定目录
-jpage skill install --dir ~/.claude/skills/jpage
+magpie skill install --dir ~/.claude/skills/magpie
 ```
 
-后续升级 jpage 后，用同一条命令覆盖更新：
+后续升级 magpie 后，用同一条命令覆盖更新：
 
 ```bash
-jpage skill update
+magpie skill update
 ```
 
-> 该命令会把 npm 包内置的 `skills/jpage/` 完整复制到目标目录，包括 SKILL.md 和 assets/ 资源。
+> 该命令会把 npm 包内置的 `skills/magpie/` 完整复制到目标目录，包括 SKILL.md 和 assets/ 资源。
 
 ---
 
 # 入口优先级：CLI 优先，MCP 兜底
 
-本 Skill 同时对应 **jpage CLI（命令行）** 与 **MCP 工具** 两套入口。执行上传、模板实例化、批量管理等任何操作时：
+本 Skill 同时对应 **magpie CLI（命令行）** 与 **MCP 工具** 两套入口。执行上传、模板实例化、批量管理等任何操作时：
 
-1. **优先使用 jpage CLI**。只要当前环境能调用 `jpage` 命令（或可通过 npm/pnpm 安装），就先走 CLI：二进制流式上传、base64 不进模型、速度最快、token 消耗最少。
+1. **优先使用 magpie CLI**。只要当前环境能调用 `magpie` 命令（或可通过 npm/pnpm 安装），就先走 CLI：二进制流式上传、base64 不进模型、速度最快、token 消耗最少。
 2. **CLI 不可用时，再调用 MCP 工具**。纯 MCP 客户端（无 Bash、无法执行命令、无法安装 CLI）才通过 `upload_file`、`instantiate_content_template` 等 tool 完成。
 
-> 判断标准：能否在当前环境执行 `jpage --version` 并成功返回版本号？能 → CLI；不能 → MCP。
+> 判断标准：能否在当前环境执行 `magpie --version` 并成功返回版本号？能 → CLI；不能 → MCP。
 
 ---
 
 # 触发场景
 
-- 「上传到即页」「发到即页」「生成链接」
+- 「上传到纸鹊 Magpie」「发到纸鹊 Magpie」「生成链接」
 - 生成 HTML 页面、网页、落地页、仪表板、报告、邮件模板
 - 生成 Markdown 笔记、文档、README
 - 创建简历、名片、个人主页、作品展示页
@@ -93,7 +94,7 @@ jpage skill update
 - 将代码片段转为可预览的 HTML 展示页
 - 生成 PPT / 幻灯片 / 演示文稿 / deck / 答辩 slides
 - 「参照模板生成…」「用模板风格生成…」「从模板市场找一个…」
-- 管理即页文件：列表、查看、修改、标签、分类、版本、删除、分享链接
+- 管理纸鹊 Magpie文件：列表、查看、修改、标签、分类、版本、删除、分享链接
 
 ---
 
@@ -108,7 +109,7 @@ jpage skill update
 - 图片用 data URI 或在线 URL
 - 全部塞进一个 `.html` 里
 
-不要把普通页面拆成 `index.html + style.css + app.js` 再打 ZIP——单文件在即页里预览最稳、分享最简单。
+不要把普通页面拆成 `index.html + style.css + app.js` 再打 ZIP——单文件在纸鹊 Magpie里预览最稳、分享最简单。
 
 ### HTML 文件必须包含
 
@@ -137,7 +138,7 @@ jpage skill update
 
 ### Markdown 文件
 
-即页 Markdown 渲染引擎支持：
+纸鹊 Magpie Markdown 渲染引擎支持：
 
 - 代码高亮（highlight.js）
 - 数学公式：行内 `$...$`，块级 `$$...$$`（KaTeX）
@@ -148,7 +149,7 @@ jpage skill update
 
 # 幻灯片 / PPT 工作流（Bundle 模式）
 
-reveal.js 引擎 ~85KB，单文件内联会让每个 PPT 膨胀。即页有 **Bundle 机制**（ZIP 解压成目录，资源共用），必须走这条路。
+reveal.js 引擎 ~85KB，单文件内联会让每个 PPT 膨胀。纸鹊 Magpie有 **Bundle 机制**（ZIP 解压成目录，资源共用），必须走这条路。
 
 ## 1. 规划结构
 
@@ -242,7 +243,7 @@ deck/
 reveal.js 引擎 + 基础 CSS + 4 套主题 + notes/highlight 插件骨架**已随本 Skill 包下发**（`assets/` 目录）。生成幻灯片时直接复制：
 
 ```bash
-SKILL=~/.claude/skills/jpage
+SKILL=~/.claude/skills/magpie
 
 mkdir -p deck/assets/plugin/notes deck/assets/plugin/highlight
 cp "$SKILL/assets/reveal.js"              deck/assets/
@@ -284,8 +285,8 @@ mv deck/assets/reveal.css deck/assets/reveal-base.css
 # 打 ZIP（flat 结构）
 cd deck && zip -rq ../deck.zip index.html assets/ && cd ..
 
-# 用 jpage CLI 上传（推荐）
-jpage upload deck.zip --public
+# 用 magpie CLI 上传（推荐）
+magpie upload deck.zip --public
 
 # 或 curl multipart
 curl -sS -X POST "$BASE/api/files/upload" \
@@ -334,7 +335,7 @@ upload_file(
    - 使用的 CSS 技术（Grid/Flexbox/absolute 等）
    - 特殊效果（渐变、阴影、动画等）
 5. 根据用户的具体内容需求，生成风格一致但内容全新的 HTML/Markdown
-6. 调 upload_file 上传到即页，返回预览链接
+6. 调 upload_file 上传到纸鹊 Magpie，返回预览链接
 ```
 
 ## 场景二：自动推荐模板
@@ -371,10 +372,10 @@ upload_file(
 
 ```bash
 # 查看市场模板列表
-jpage template ls --category html-book --limit 5
+magpie template ls --category html-book --limit 5
 
 # 使用指定模板实例化（默认私有）
-jpage template use 42 --name "我的报告.html" --public
+magpie template use 42 --name "我的报告.html" --public
 ```
 
 **CLI 不可用时，再调用 MCP 工具**：
@@ -388,7 +389,7 @@ instantiate_content_template(
 ```
 
 > 注意：
-> - `instantiate_content_template` 需要有效的 API Token（`jp_...`）或 `MCP_TOKEN`，Session Cookie 会被拒绝。
+> - `instantiate_content_template` 需要有效的 API Token（`mg_...`）或 `MCP_TOKEN`，Session Cookie 会被拒绝。
 > - 实例化成功后会在用户账户下创建一个真实文件，返回 `url` 可直接分享。
 
 ## 分类与关键词对照
@@ -437,7 +438,7 @@ AI 拿到样例后应学习的维度（按优先级）：
   "size": 12345,
   "is_public": 1,
   "share_key": "abc12345",
-  "url": "http://jpage.example.com/s/abc12345"
+  "url": "http://magpie.example.com/s/abc12345"
 }
 ```
 
@@ -498,7 +499,7 @@ restore_file_version(fileId=42, version=3)
 
 ```
 调 get_file_url(id=42)
-→ 返回 { id: 42, url: "http://jpage.example.com/s/abc12345" }
+→ 返回 { id: 42, url: "http://magpie.example.com/s/abc12345" }
 ```
 
 短链接格式 `/s/:key` 是最佳分享方式，公开文件无需登录即可访问。
@@ -522,10 +523,10 @@ restore_file_version(fileId=42, version=3)
 有 Bash 时，直接走 REST multipart，二进制流式上传，base64 完全不进模型：
 
 ```bash
-# 推荐：jpage CLI
-jpage upload ./site.zip --public
-jpage upload ./report.html --public
-jpage upload ./x.html --overwrite 42
+# 推荐：magpie CLI
+magpie upload ./site.zip --public
+magpie upload ./report.html --public
+magpie upload ./x.html --overwrite 42
 
 # 或 curl multipart
 curl -sS -X POST "$BASE/api/files/upload" \
@@ -534,7 +535,7 @@ curl -sS -X POST "$BASE/api/files/upload" \
   -F "isPublic=true"
 ```
 
-> token 三选一：`.env` 里的 `MCP_TOKEN`、`.mcp.json` 里的 Bearer、用户给的 `jp_` 用户 token。
+> token 三选一：`.env` 里的 `MCP_TOKEN`、`.mcp.json` 里的 Bearer、用户给的 `mg_` 用户 token。
 
 ## 模型现场生成的多文件站点 → Write 写盘 → zip → 上传
 
@@ -542,7 +543,7 @@ curl -sS -X POST "$BASE/api/files/upload" \
 
 ```bash
 zip -r site.zip index.html assets/
-jpage upload site.zip --public
+magpie upload site.zip --public
 ```
 
 ## 模型刚生成的 HTML/MD（含大文件）→ 直接 upload_file
diff --git a/skills/jpage/assets/plugin/highlight/monokai.css b/skills/magpie/assets/plugin/highlight/monokai.css
similarity index 100%
rename from skills/jpage/assets/plugin/highlight/monokai.css
rename to skills/magpie/assets/plugin/highlight/monokai.css
diff --git a/skills/jpage/assets/plugin/highlight/plugin.js b/skills/magpie/assets/plugin/highlight/plugin.js
similarity index 100%
rename from skills/jpage/assets/plugin/highlight/plugin.js
rename to skills/magpie/assets/plugin/highlight/plugin.js
diff --git a/skills/jpage/assets/plugin/notes/notes.js b/skills/magpie/assets/plugin/notes/notes.js
similarity index 100%
rename from skills/jpage/assets/plugin/notes/notes.js
rename to skills/magpie/assets/plugin/notes/notes.js
diff --git a/skills/jpage/assets/reveal-base.css b/skills/magpie/assets/reveal-base.css
similarity index 100%
rename from skills/jpage/assets/reveal-base.css
rename to skills/magpie/assets/reveal-base.css
diff --git a/skills/jpage/assets/reveal.js b/skills/magpie/assets/reveal.js
similarity index 100%
rename from skills/jpage/assets/reveal.js
rename to skills/magpie/assets/reveal.js
diff --git a/skills/jpage/assets/themes/academic.css b/skills/magpie/assets/themes/academic.css
similarity index 97%
rename from skills/jpage/assets/themes/academic.css
rename to skills/magpie/assets/themes/academic.css
index fb6155e..7f4d18a 100644
--- a/skills/jpage/assets/themes/academic.css
+++ b/skills/magpie/assets/themes/academic.css
@@ -1,5 +1,5 @@
 /**
- * jpage-presentation · 学术主题 (academic)
+ * magpie-presentation · 学术主题 (academic)
  * 深灰墨色 + 米白底 + 衬线标题，适合论文答辩、学术分享、研究报告。
  */
 :root {
diff --git a/skills/jpage/assets/themes/business.css b/skills/magpie/assets/themes/business.css
similarity index 97%
rename from skills/jpage/assets/themes/business.css
rename to skills/magpie/assets/themes/business.css
index 75c07ee..fca47b5 100644
--- a/skills/jpage/assets/themes/business.css
+++ b/skills/magpie/assets/themes/business.css
@@ -1,5 +1,5 @@
 /**
- * jpage-presentation · 商务主题 (business)
+ * magpie-presentation · 商务主题 (business)
  * 深蓝主色 + 白底 + 稳重无衬线，适合季度汇报、商业提案、年终总结。
  * 仅覆盖 reveal.js 的 CSS 变量与少量排版；基础布局由 reveal.js 引擎提供。
  */
diff --git a/skills/jpage/assets/themes/creative.css b/skills/magpie/assets/themes/creative.css
similarity index 97%
rename from skills/jpage/assets/themes/creative.css
rename to skills/magpie/assets/themes/creative.css
index 3e0e1b8..f79fc7c 100644
--- a/skills/jpage/assets/themes/creative.css
+++ b/skills/magpie/assets/themes/creative.css
@@ -1,5 +1,5 @@
 /**
- * jpage-presentation · 创意主题 (creative)
+ * magpie-presentation · 创意主题 (creative)
  * 高饱和渐变 + 几何无衬线，适合产品发布、创意提案、活动 keynote。
  */
 :root {
diff --git a/skills/jpage/assets/themes/minimal.css b/skills/magpie/assets/themes/minimal.css
similarity index 98%
rename from skills/jpage/assets/themes/minimal.css
rename to skills/magpie/assets/themes/minimal.css
index e783643..c6daf7e 100644
--- a/skills/jpage/assets/themes/minimal.css
+++ b/skills/magpie/assets/themes/minimal.css
@@ -1,5 +1,5 @@
 /**
- * jpage-presentation · 极简主题 (minimal)
+ * magpie-presentation · 极简主题 (minimal)
  * 黑白 + 一个强调色 + 大字号留白，keynote/苹果风，适合极简主义、产品哲学分享。
  */
 :root {
diff --git a/start.sh b/start.sh
index 8800e97..ccbda8b 100755
--- a/start.sh
+++ b/start.sh
@@ -1,5 +1,5 @@
 #!/usr/bin/env bash
-# jpage 一键启动脚本
+# magpie 一键启动脚本
 #
 # 功能：前置检查（node_modules/.env）→ 端口占用处理 → 可选前端构建 → 启动服务。
 # 支持 dev（前台 nodemon）/ 生产（后台 nohup）两种模式。
@@ -15,7 +15,7 @@
 #
 # 说明：
 #   - 端口取值优先级：--port 参数 > .env 的 PORT > 默认 8858。
-#   - 若本服务由 systemd 管理（jpage.service），建议改用 `sudo systemctl restart jpage`，
+#   - 若本服务由 systemd 管理（magpie.service），建议改用 `sudo systemctl restart magpie`，
 #     本脚本的 --restart 仅处理"裸进程"占用，不动 systemd 单元。
 
 set -euo pipefail
@@ -95,7 +95,7 @@ fi
 
 # 1d. server.js 存在
 if [ ! -f "server.js" ]; then
-  err "未找到 server.js，当前目录不是 jpage 项目根目录：$PROJECT_DIR"
+  err "未找到 server.js，当前目录不是 magpie 项目根目录：$PROJECT_DIR"
   exit 1
 fi
 
@@ -142,7 +142,7 @@ if [ -n "$OLD_PID" ]; then
   else
     err "端口 $PORT 已被占用（PID $OLD_PID / $OLD_CMD）"
     dim "若要重启旧实例，加 --restart 参数；或用 --port 指定其他端口"
-    dim "若由 systemd 管理，请改用：sudo systemctl restart jpage"
+    dim "若由 systemd 管理，请改用：sudo systemctl restart magpie"
     exit 1
   fi
 fi
diff --git a/test/browser-harness.js b/test/browser-harness.js
index 43897e4..b74a5ed 100644
--- a/test/browser-harness.js
+++ b/test/browser-harness.js
@@ -7,7 +7,8 @@
 // 依赖：playwright-core（通过 NODE_PATH 指向 npx 缓存）+ 系统 Chromium
 const PORT = parseInt(process.argv[2] || '8890', 10);
 const BASE = `http://127.0.0.1:${PORT}`;
-const CHROMIUM = '/Users/code2rich/Library/Caches/ms-playwright/chromium-1223/chrome-mac-arm64/Google Chrome for Testing.app/Contents/MacOS/Google Chrome for Testing';
+const CHROMIUM = process.env.CHROMIUM_PATH;
+if (!CHROMIUM) throw new Error('Set CHROMIUM_PATH to an isolated test browser executable');
 
 let pass = 0, fail = 0;
 const failures = [];
@@ -53,7 +54,7 @@ async function main() {
 
   // 落地页应含标题/hero
   const bodyText = await page.textContent('body');
-  check('落地页渲染内容（含"即页"或 hero）', /即页|jpage|开始使用/i.test(bodyText || ''), (bodyText || '').slice(0, 100));
+  check('落地页渲染内容（含"纸鹊 Magpie"或 hero）', /纸鹊 Magpie|magpie|开始使用/i.test(bodyText || ''), (bodyText || '').slice(0, 100));
 
   // 2) 代码分割验证：落地页加载了 app + 共享 chunk + landing，但不应加载 home/preview chunk
   const distReqs = requested.filter(r => r.url.includes('/dist/')).map(r => r.url);
diff --git a/test/dispatch-bench.js b/test/dispatch-bench.js
index 65aaac0..2e093ba 100644
--- a/test/dispatch-bench.js
+++ b/test/dispatch-bench.js
@@ -2,7 +2,7 @@
 // 直接对比两种调用 /api/files 的方式：进程内 dispatcher vs TCP fetch 自调用
 // 在真实 server 进程内运行（require server.js 的 app），避免 SSE 噪声。
 process.env.PORT = process.env.PORT || '8895';
-process.env.JPAGE_DATA_DIR = require('path').join(__dirname, '..', 'data-bench-tmp');
+process.env.MAGPIE_DATA_DIR = require('path').join(__dirname, '..', 'data-bench-tmp');
 process.env.NODE_ENV = 'development';
 process.env.ADMIN_USER = 'admin';
 process.env.ADMIN_PASSWORD = 'testpassword123';
@@ -10,8 +10,8 @@ process.env.MCP_TOKEN = 'bench-mcp-token';
 
 const fs = require('fs');
 // 清理临时目录
-fs.rmSync(process.env.JPAGE_DATA_DIR, { recursive: true, force: true });
-fs.mkdirSync(process.env.JPAGE_DATA_DIR, { recursive: true });
+fs.rmSync(process.env.MAGPIE_DATA_DIR, { recursive: true, force: true });
+fs.mkdirSync(process.env.MAGPIE_DATA_DIR, { recursive: true });
 
 const http = require('http');
 const express = require('express');
@@ -65,7 +65,7 @@ async function main() {
   console.log(`  → dispatcher 比 fetch 快 ${((fm - dm) / fm * 100).toFixed(1)}% (每次省 ${(fm - dm).toFixed(3)}ms)`);
 
   server.close();
-  fs.rmSync(process.env.JPAGE_DATA_DIR, { recursive: true, force: true });
+  fs.rmSync(process.env.MAGPIE_DATA_DIR, { recursive: true, force: true });
   process.exit(0);
 }
 main().catch(e => { console.error(e); process.exit(1); });
diff --git a/test/helpers/setup.js b/test/helpers/setup.js
index c239a6f..d0aea3a 100644
--- a/test/helpers/setup.js
+++ b/test/helpers/setup.js
@@ -9,8 +9,8 @@ let counter = 0;
 
 function createTestEnv() {
   const dataDir = path.join(__dirname, '..', '..', `data-test-${process.pid}-${counter++}`);
-  // 在 require server.js 之前设好环境变量（lib/paths 在 require 时读取 JPAGE_DATA_DIR）
-  process.env.JPAGE_DATA_DIR = dataDir;
+  // 在 require server.js 之前设好环境变量（lib/paths 在 require 时读取 MAGPIE_DATA_DIR）
+  process.env.MAGPIE_DATA_DIR = dataDir;
   process.env.NODE_ENV = 'test';
   process.env.SESSION_SECRET = process.env.SESSION_SECRET || 'test-session-secret-fixed';
   process.env.ADMIN_USER = 'admin';
diff --git a/test/integration/auth.test.js b/test/integration/auth.test.js
index a76c35d..5c36710 100644
--- a/test/integration/auth.test.js
+++ b/test/integration/auth.test.js
@@ -30,7 +30,7 @@ async function withMockedGoogle(payloadFactory, run, options = {}) {
 
   process.env.GOOGLE_CLIENT_ID = 'google-test-client.apps.googleusercontent.com';
   process.env.GOOGLE_CLIENT_SECRET = 'google-test-secret';
-  process.env.APP_URL = 'https://jpage.cn';
+  process.env.APP_URL = 'http://localhost:8858';
   if (options.timeout !== undefined) process.env.GOOGLE_HTTP_TIMEOUT_MS = String(options.timeout);
   else delete process.env.GOOGLE_HTTP_TIMEOUT_MS;
   if (options.proxy !== undefined) process.env.GOOGLE_HTTPS_PROXY = String(options.proxy);
@@ -102,9 +102,9 @@ test('正确登录 → 200，返回用户信息', async () => {
   assert.strictEqual(res.body.username, 'admin');
   assert.strictEqual(res.body.role, 'admin');
   assert.ok(res.body.id);
-  // Set-Cookie 带 jpage.sid
+  // Set-Cookie 带 magpie.sid
   assert.ok(res.headers['set-cookie']);
-  assert.ok(res.headers['set-cookie'].some(c => c.startsWith('jpage.sid=')));
+  assert.ok(res.headers['set-cookie'].some(c => c.startsWith('magpie.sid=')));
 });
 
 test('带 cookie 访问 /api/auth/me → 200', async () => {
@@ -171,7 +171,7 @@ test('微信扫码回调可首次创建用户并建立 session', async () => {
   const oldFetch = global.fetch;
   process.env.WECHAT_OPEN_APP_ID = 'wx-test-appid';
   process.env.WECHAT_OPEN_APP_SECRET = 'wechat-secret';
-  process.env.APP_URL = 'https://jpage.cn';
+  process.env.APP_URL = 'http://localhost:8858';
   global.fetch = async (url) => {
     const u = new URL(url);
     if (u.pathname.endsWith('/sns/oauth2/access_token')) {
@@ -204,13 +204,13 @@ test('微信扫码回调可首次创建用户并建立 session', async () => {
     assert.strictEqual(loginUrl.hostname, 'open.weixin.qq.com');
     assert.strictEqual(loginUrl.searchParams.get('appid'), 'wx-test-appid');
     assert.strictEqual(loginUrl.searchParams.get('scope'), 'snsapi_login');
-    assert.strictEqual(loginUrl.searchParams.get('redirect_uri'), 'https://jpage.cn/api/auth/wechat/callback');
+    assert.strictEqual(loginUrl.searchParams.get('redirect_uri'), 'http://localhost:8858/api/auth/wechat/callback');
     const state = loginUrl.searchParams.get('state');
     assert.ok(state);
 
     const callback = await agent.get(`/api/auth/wechat/callback?code=mock-code&state=${state}`);
     assert.strictEqual(callback.status, 302);
-    assert.strictEqual(callback.headers.location, 'https://jpage.cn/#/');
+    assert.strictEqual(callback.headers.location, 'http://localhost:8858/app/#/');
 
     const me = await agent.get('/api/auth/me');
     assert.strictEqual(me.status, 200);
@@ -234,7 +234,7 @@ test('已绑定的微信号不能被其他登录用户转绑', async () => {
   const oldFetch = global.fetch;
   process.env.WECHAT_OPEN_APP_ID = 'wx-test-appid';
   process.env.WECHAT_OPEN_APP_SECRET = 'wechat-secret';
-  process.env.APP_URL = 'https://jpage.cn';
+  process.env.APP_URL = 'http://localhost:8858';
   global.fetch = async (url) => {
     const u = new URL(url);
     if (u.pathname.endsWith('/sns/oauth2/access_token')) {
@@ -264,7 +264,7 @@ test('已绑定的微信号不能被其他登录用户转绑', async () => {
     const state = loginUrl.searchParams.get('state');
     const callback = await regularAgent.get(`/api/auth/wechat/callback?code=mock-code&state=${state}`);
     assert.strictEqual(callback.status, 302);
-    assert.strictEqual(callback.headers.location, 'https://jpage.cn/#/login');
+    assert.strictEqual(callback.headers.location, 'http://localhost:8858/app/#/login');
     const stillRegular = await regularAgent.get('/api/auth/me');
     assert.strictEqual(stillRegular.status, 200);
     assert.strictEqual(stillRegular.body.username, 'regular');
@@ -348,7 +348,7 @@ test('GitHub 回调可首次创建用户并建立 session', async () => {
   const oldFetch = global.fetch;
   process.env.GITHUB_CLIENT_ID = 'gh-test-client-id';
   process.env.GITHUB_CLIENT_SECRET = 'gh-test-client-secret';
-  process.env.APP_URL = 'https://jpage.cn';
+  process.env.APP_URL = 'http://localhost:8858';
   global.fetch = async (url) => {
     const u = new URL(url);
     if (u.pathname.endsWith('/login/oauth/access_token')) {
@@ -389,7 +389,7 @@ test('GitHub 回调可首次创建用户并建立 session', async () => {
 
     const callback = await agent.get(`/api/auth/github/callback?code=mock-code&state=${state}`);
     assert.strictEqual(callback.status, 302);
-    assert.strictEqual(callback.headers.location, 'https://jpage.cn/#/');
+    assert.strictEqual(callback.headers.location, 'http://localhost:8858/app/#/');
 
     const me = await agent.get('/api/auth/me');
     assert.strictEqual(me.status, 200);
@@ -413,7 +413,7 @@ test('已绑定的 GitHub 账号不能被其他登录用户转绑', async () =>
   const oldFetch = global.fetch;
   process.env.GITHUB_CLIENT_ID = 'gh-test-client-id';
   process.env.GITHUB_CLIENT_SECRET = 'gh-test-client-secret';
-  process.env.APP_URL = 'https://jpage.cn';
+  process.env.APP_URL = 'http://localhost:8858';
   global.fetch = async (url) => {
     const u = new URL(url);
     if (u.pathname.endsWith('/login/oauth/access_token')) {
@@ -436,7 +436,7 @@ test('已绑定的 GitHub 账号不能被其他登录用户转绑', async () =>
     const state = loginUrl.searchParams.get('state');
     const callback = await regularAgent.get(`/api/auth/github/callback?code=mock-code&state=${state}`);
     assert.strictEqual(callback.status, 302);
-    assert.strictEqual(callback.headers.location, 'https://jpage.cn/#/login');
+    assert.strictEqual(callback.headers.location, 'http://localhost:8858/app/#/login');
     const stillRegular = await regularAgent.get('/api/auth/me');
     assert.strictEqual(stillRegular.status, 200);
     assert.strictEqual(stillRegular.body.username, 'regular');
@@ -467,7 +467,7 @@ test('GitHub 邮箱已存在且已验证时自动绑定到现有用户', async (
   const oldFetch = global.fetch;
   process.env.GITHUB_CLIENT_ID = 'gh-test-client-id';
   process.env.GITHUB_CLIENT_SECRET = 'gh-test-client-secret';
-  process.env.APP_URL = 'https://jpage.cn';
+  process.env.APP_URL = 'http://localhost:8858';
   global.fetch = async (url) => {
     const u = new URL(url);
     if (u.pathname.endsWith('/login/oauth/access_token')) {
@@ -493,7 +493,7 @@ test('GitHub 邮箱已存在且已验证时自动绑定到现有用户', async (
     const state = loginUrl.searchParams.get('state');
     const callback = await githubAgent.get(`/api/auth/github/callback?code=mock-code&state=${state}`);
     assert.strictEqual(callback.status, 302);
-    assert.strictEqual(callback.headers.location, 'https://jpage.cn/#/');
+    assert.strictEqual(callback.headers.location, 'http://localhost:8858/app/#/');
 
     const me = await githubAgent.get('/api/auth/me');
     assert.strictEqual(me.status, 200);
@@ -542,7 +542,7 @@ test('Google OAuth 使用专用请求超时和 HTTPS 代理配置', async () =>
     setExpectedNonce(loginUrl.searchParams.get('nonce'));
 
     const callback = await agent.get(`/api/auth/google/callback?code=mock-code&state=${loginUrl.searchParams.get('state')}`);
-    assert.strictEqual(callback.headers.location, 'https://jpage.cn/#/');
+    assert.strictEqual(callback.headers.location, 'http://localhost:8858/app/#/');
     assert.deepStrictEqual(getTransporterOptions(), {
       timeout: 2500,
       proxy: 'https://proxy.example.com:8443/'
@@ -575,7 +575,7 @@ test('Google OAuth 将底层 AbortError 安全分类为上游超时', async () =
       const start = await agent.get('/api/auth/google/start');
       const loginUrl = new URL(start.headers.location);
       const callback = await agent.get(`/api/auth/google/callback?code=mock-code&state=${loginUrl.searchParams.get('state')}`);
-      assert.strictEqual(callback.headers.location, 'https://jpage.cn/#/login?oauth=google_failed');
+      assert.strictEqual(callback.headers.location, 'http://localhost:8858/app/#/login?oauth=google_failed');
       assert.strictEqual(failureReason, 'google_upstream_timeout');
     }, {
       tokenError: Object.assign(new Error('The operation was aborted.'), {
@@ -603,7 +603,7 @@ test('Google OIDC 首次登录创建用户、绑定账号并建立 session', asy
     const loginUrl = new URL(start.headers.location);
     assert.strictEqual(loginUrl.hostname, 'accounts.google.com');
     assert.strictEqual(loginUrl.searchParams.get('client_id'), 'google-test-client.apps.googleusercontent.com');
-    assert.strictEqual(loginUrl.searchParams.get('redirect_uri'), 'https://jpage.cn/api/auth/google/callback');
+    assert.strictEqual(loginUrl.searchParams.get('redirect_uri'), 'http://localhost:8858/api/auth/google/callback');
     assert.deepStrictEqual(
       new Set(loginUrl.searchParams.get('scope').split(' ')),
       new Set(['openid', 'email', 'profile'])
@@ -616,7 +616,7 @@ test('Google OIDC 首次登录创建用户、绑定账号并建立 session', asy
 
     const callback = await agent.get(`/api/auth/google/callback?code=mock-code&state=${state}`);
     assert.strictEqual(callback.status, 302);
-    assert.strictEqual(callback.headers.location, 'https://jpage.cn/#/');
+    assert.strictEqual(callback.headers.location, 'http://localhost:8858/app/#/');
 
     const me = await agent.get('/api/auth/me');
     assert.strictEqual(me.status, 200);
@@ -673,7 +673,7 @@ test('Google 已验证邮箱可绑定到已验证的现有用户', async () => {
     const loginUrl = new URL(start.headers.location);
     setExpectedNonce(loginUrl.searchParams.get('nonce'));
     const callback = await googleAgent.get(`/api/auth/google/callback?code=mock-code&state=${loginUrl.searchParams.get('state')}`);
-    assert.strictEqual(callback.headers.location, 'https://jpage.cn/#/');
+    assert.strictEqual(callback.headers.location, 'http://localhost:8858/app/#/');
     const me = await googleAgent.get('/api/auth/me');
     assert.strictEqual(me.status, 200);
     assert.strictEqual(me.body.username, 'googleexisting');
@@ -696,7 +696,7 @@ test('已绑定 Google 账号不能被其他登录用户转绑', async () => {
     const loginUrl = new URL(start.headers.location);
     setExpectedNonce(loginUrl.searchParams.get('nonce'));
     const callback = await regularAgent.get(`/api/auth/google/callback?code=mock-code&state=${loginUrl.searchParams.get('state')}`);
-    assert.strictEqual(callback.headers.location, 'https://jpage.cn/#/login?oauth=google_failed');
+    assert.strictEqual(callback.headers.location, 'http://localhost:8858/app/#/login?oauth=google_failed');
     const me = await regularAgent.get('/api/auth/me');
     assert.strictEqual(me.status, 200);
     assert.strictEqual(me.body.username, 'regular');
@@ -717,7 +717,7 @@ test('Google nonce 校验失败时拒绝登录', async () => {
     const loginUrl = new URL(start.headers.location);
     setExpectedNonce(loginUrl.searchParams.get('nonce'));
     const callback = await agent.get(`/api/auth/google/callback?code=mock-code&state=${loginUrl.searchParams.get('state')}`);
-    assert.strictEqual(callback.headers.location, 'https://jpage.cn/#/login?oauth=google_failed');
+    assert.strictEqual(callback.headers.location, 'http://localhost:8858/app/#/login?oauth=google_failed');
     const me = await agent.get('/api/auth/me');
     assert.strictEqual(me.status, 401);
   });
@@ -734,7 +734,7 @@ test('Google state 不匹配时拒绝登录且不交换 token', async () => {
     const agent = request.agent(env.app);
     await agent.get('/api/auth/google/start');
     const callback = await agent.get('/api/auth/google/callback?code=mock-code&state=tampered');
-    assert.strictEqual(callback.headers.location, 'https://jpage.cn/#/login?oauth=google_failed');
+    assert.strictEqual(callback.headers.location, 'http://localhost:8858/app/#/login?oauth=google_failed');
     const me = await agent.get('/api/auth/me');
     assert.strictEqual(me.status, 401);
   });
diff --git a/test/integration/cli.test.js b/test/integration/cli.test.js
index c38f1f9..1c9342a 100644
--- a/test/integration/cli.test.js
+++ b/test/integration/cli.test.js
@@ -14,7 +14,7 @@ const path = require('path');
 const os = require('os');
 const request = require('supertest');
 const { createTestEnv } = require('../helpers/setup');
-const { run } = require('../../bin/jpage');
+const { run } = require('../../bin/magpie');
 const { resetIo } = require('../../bin/commands/_shared');
 
 // fetch → supertest 桥。
@@ -115,7 +115,7 @@ test.before(async () => {
   await env.ready();
   agent = request.agent(env.app);
   await agent.post('/api/auth/login').send({ username: 'admin', password: 'testpassword123' });
-  // 建一个 jp_ token 供 CLI 用
+  // 建一个 mg_ token 供 CLI 用
   const created = await agent.post('/api/tokens').send({ name: 'CLI Test' });
   token = created.body.token;
 });
@@ -255,17 +255,17 @@ test('CLI skills: ls / get / download', async () => {
   const lsS = makeSinks();
   await run(['skills', 'ls', '--token', token], ctx(lsS));
   assert.strictEqual(lsS.code(), 0);
-  assert.match(lsS.out(), /jpage/);
+  assert.match(lsS.out(), /magpie/);
 
   const getS = makeSinks();
-  await run(['skills', 'get', 'jpage', '--token', token], ctx(getS));
+  await run(['skills', 'get', 'magpie', '--token', token], ctx(getS));
   assert.strictEqual(getS.code(), 0);
-  assert.match(getS.out(), /jpage/);
+  assert.match(getS.out(), /magpie/);
 
   // download：写到 env.dataDir，避免污染仓库
   const outFile = path.join(env.dataDir, 'skill.zip');
   const dlS = makeSinks();
-  await run(['skills', 'download', 'jpage', '--out', outFile, '--token', token], ctx(dlS));
+  await run(['skills', 'download', 'magpie', '--out', outFile, '--token', token], ctx(dlS));
   assert.strictEqual(dlS.code(), 0);
   assert.match(dlS.out(), /已下载/);
   assert.ok(fs.existsSync(outFile));
@@ -283,7 +283,7 @@ test('CLI whoami: 有效 token', async () => {
 
 test('CLI whoami: 无效 token → 退出 1', async () => {
   const s = makeSinks();
-  await run(['whoami', '--token', 'jp_invalid_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'], ctx(s));
+  await run(['whoami', '--token', 'mg_invalid_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'], ctx(s));
   assert.strictEqual(s.code(), 1);
   assert.match(s.err(), /无效|未设置|token/);
 });
@@ -309,114 +309,42 @@ test('CLI: 未知命令 → 退出 2', async () => {
 test('CLI: --help 打印帮助', async () => {
   const s = makeSinks();
   await run(['--help'], ctx(s));
-  assert.match(s.out(), /jpage —— 即页命令行/);
+  assert.match(s.out(), /magpie —— 纸鹊 Magpie 命令行/);
   assert.match(s.out(), /upload/);
 });
 
-// --- update ---
-// update 纯本地操作（npm 自更新），不调后端 API，用注入的 npmExec 假执行器，
-// 避免测试真的跑 npm。默认让 view 返回一个比当前版本更高的版本号。
-function makeFakeNpmExec(calls, { latestVersion } = {}) {
-  const current = require('../../package.json').version;
-  const latest = latestVersion !== undefined ? latestVersion : bumpVersion(current);
-  return (args) => {
-    calls.push(args);
-    if (args[0] === 'view') return latest + '\n';
-    return ''; // install 不输出
-  };
-}
-
-// 给 x.y.z 的 patch 位 +1，造一个"比当前新"的版本号（保证不等）。
-function bumpVersion(v) {
-  const [a, b, c] = v.split('.').map(Number);
-  return `${a}.${b}.${c + 1}`;
+// --- Magpie fork updates ---
+for (const argv of [['update'], ['update', '--check'], ['update', '--registry', 'https://registry.npmjs.org']]) {
+  test(`Magpie ${argv.join(' ')} never queries or installs the upstream package`, async () => {
+    const s = makeSinks();
+    const calls = [];
+    await run(argv, ctx(s, {
+      env: {}, cwd: os.tmpdir(), npmExec: (args) => { calls.push(args); return ''; },
+    }));
+    assert.strictEqual(s.code(), 0);
+    assert.deepStrictEqual(calls, [], 'must not call npm for an unpublished fork');
+    // The repository URL remains reachable under its current name until GitHub is renamed.
+    assert.match(s.out(), /github\.com\/enderchen\/magpie/);
+  });
 }
 
-test('CLI update: 发现新版本 → 自动更新', async () => {
-  const s = makeSinks();
-  const calls = [];
-  await run(['update'], ctx(s, {
-    env: {}, cwd: os.tmpdir(), npmExec: makeFakeNpmExec(calls),
-  }));
-  assert.strictEqual(s.code(), 0);
-  assert.match(s.out(), /发现新版本/);
-  assert.match(s.out(), /已更新/);
-  // 第二次调用是 install，应含 -g 和 @latest
-  const installCall = calls.find((a) => a[0] === 'install');
-  assert.ok(installCall, '应触发 npm install');
-  assert.ok(installCall.includes('-g'), '应全局安装');
-  assert.ok(installCall.includes('@code2rich/jpage@latest'), '应装 latest');
-});
-
-test('CLI update: --check 只查不更新', async () => {
-  const s = makeSinks();
-  const calls = [];
-  await run(['update', '--check'], ctx(s, {
-    env: {}, cwd: os.tmpdir(), npmExec: makeFakeNpmExec(calls),
-  }));
-  assert.strictEqual(s.code(), 0);
-  assert.match(s.out(), /发现新版本/);
-  assert.doesNotMatch(s.out(), /已更新/);
-  // 只应有一次 view，不应有 install
-  assert.ok(calls.find((a) => a[0] === 'view'), '应查版本');
-  assert.ok(!calls.find((a) => a[0] === 'install'), '--check 不应触发 install');
-});
-
-test('CLI update: 已是最新版', async () => {
+test('CLI update: missing registry still reports usage error', async () => {
   const s = makeSinks();
-  const calls = [];
-  const current = require('../../package.json').version;
-  await run(['update'], ctx(s, {
-    env: {}, cwd: os.tmpdir(), npmExec: makeFakeNpmExec(calls, { latestVersion: current }),
-  }));
-  assert.strictEqual(s.code(), 0);
-  assert.match(s.out(), /已是最新版/);
-  assert.ok(!calls.find((a) => a[0] === 'install'), '无需 install');
-});
-
-test('CLI update: --registry 透传给 npm', async () => {
-  const s = makeSinks();
-  const calls = [];
-  await run(['update', '--check', '--registry', 'https://registry.npmmirror.com'], ctx(s, {
-    env: {}, cwd: os.tmpdir(), npmExec: makeFakeNpmExec(calls),
-  }));
-  const viewCall = calls.find((a) => a[0] === 'view');
-  assert.ok(viewCall.includes('--registry'), 'view 应带 --registry');
-  assert.ok(viewCall.includes('https://registry.npmmirror.com'), 'registry 值应透传');
-});
-
-test('CLI update: --registry 缺值 → UsageError 退出 2', async () => {
-  const s = makeSinks();
-  const calls = [];
-  await run(['update', '--registry'], ctx(s, {
-    env: {}, cwd: os.tmpdir(), npmExec: makeFakeNpmExec(calls),
-  }));
+  await run(['update', '--registry'], ctx(s, { env: {}, cwd: os.tmpdir() }));
   assert.strictEqual(s.code(), 2);
-  assert.match(s.err(), /用法/);
-});
-
-test('CLI update: 不需要 token（无 token 也能跑）', async () => {
-  const s = makeSinks();
-  const calls = [];
-  // 故意不传 token、cwd 指向 /tmp（排除 .env 的 MCP_TOKEN）
-  await run(['update', '--check'], ctx(s, {
-    env: {}, cwd: os.tmpdir(), npmExec: makeFakeNpmExec(calls),
-  }));
-  assert.strictEqual(s.code(), 0);
-  assert.doesNotMatch(s.err(), /token/);
 });
 
 // --- skill install/update/uninstall（纯本地，不依赖后端）---
-const skillTestDir = path.join(os.tmpdir(), `jpage-cli-skill-test-${process.pid}`);
+const skillTestDir = path.join(os.tmpdir(), `magpie-cli-skill-test-${process.pid}`);
 
-test('CLI skill install: 安装内置 jpage Skill 到指定目录', async () => {
+test('CLI skill install: 安装内置 magpie Skill 到指定目录', async () => {
   const target = path.join(skillTestDir, 'install');
   const s = makeSinks();
   await run(['skill', 'install', '--dir', target], ctx(s));
   assert.strictEqual(s.code(), 0, s.err());
   assert.ok(fs.existsSync(path.join(target, 'SKILL.md')), '应复制 SKILL.md');
   assert.ok(fs.existsSync(path.join(target, 'assets', 'reveal.js')), '应复制 assets');
-  assert.match(s.out(), /已安装 jpage Skill v\d+\.\d+\.\d+/);
+  assert.match(s.out(), /已安装 magpie Skill v\d+\.\d+\.\d+/);
 });
 
 test('CLI skill update: install 别名，覆盖旧版本', async () => {
diff --git a/test/integration/page-entry.test.js b/test/integration/page-entry.test.js
new file mode 100644
index 0000000..242e72e
--- /dev/null
+++ b/test/integration/page-entry.test.js
@@ -0,0 +1,81 @@
+const test = require('node:test');
+const assert = require('node:assert/strict');
+const request = require('supertest');
+const { createTestEnv } = require('../helpers/setup');
+const fs = require('node:fs');
+const path = require('node:path');
+const vm = require('node:vm');
+
+let env;
+const oldIcp = process.env.ICP_BEIAN;
+test.before(async () => {
+  process.env.ICP_BEIAN = '测试备案 <script> &';
+  env = createTestEnv();
+  await env.ready();
+});
+test.after(() => {
+  env.cleanup();
+  if (oldIcp === undefined) delete process.env.ICP_BEIAN;
+  else process.env.ICP_BEIAN = oldIcp;
+});
+
+test('root shows the approved homepage for anonymous and authenticated visitors', async () => {
+  const agent = request.agent(env.app);
+  await agent.post('/api/auth/login').send({ account: 'admin', password: 'testpassword123' }).expect(200);
+  for (const client of [request(env.app), agent]) {
+    const res = await client.get('/').expect(200);
+    assert.match(res.text, /id="hero-title"/);
+    assert.match(res.text, /id="paste-form"/);
+    assert.doesNotMatch(res.text, /id="home-template"|noindex|id="landing-template"/);
+    assert.match(res.text, /测试备案 &lt;script&gt; &amp;/);
+    assert.match(res.headers['content-security-policy'], /script-src 'self' 'nonce-/);
+    assert.equal(res.headers['cache-control'], 'no-cache');
+  }
+});
+
+test('application shell remains separate and uses versioned assets', async () => {
+  const res = await request(env.app).get('/app/').expect(200);
+  assert.match(res.text, /id="login-template"/);
+  assert.match(res.text, /id="home-template"/);
+  assert.doesNotMatch(res.text, /id="landing-template"|id="hero-title"/);
+  assert.match(res.text, /(?:\/dist\/app-[^" ]+\.js|\/js\/app\.js\?v=)/);
+  const nonce = res.headers['content-security-policy'].match(/'nonce-([^']+)'/)[1];
+  assert.ok(res.text.includes(`nonce="${nonce}"`));
+});
+
+test('old HTML entrypoints redirect with query parameters intact', async () => {
+  for (const [url, target] of [
+    ['/home-share/index.html?v=51', '/?v=51'],
+    ['/home-share/', '/'], ['/app?source=home', '/app/?source=home'],
+    ['/index.html', '/app/'],
+  ]) {
+    const res = await request(env.app).get(url).expect(302);
+    assert.equal(res.headers.location, target);
+  }
+});
+
+test('homepage static assets and examples resolve without returning app HTML', async () => {
+  const res = await request(env.app).get('/');
+  const urls = [...res.text.matchAll(/(?:src|href)="(\/(?:home-share|logo-exploration)\/[^"#]+)"/g)].map(m => m[1]);
+  for (const url of new Set(urls)) {
+    const asset = await request(env.app).get(url).expect(200);
+    if (!/\.html(?:\?|$)/.test(url)) assert.doesNotMatch(asset.headers['content-type'], /text\/html/);
+  }
+});
+
+test('legacy business fragments move to app; homepage section anchors stay put', () => {
+  const script = fs.readFileSync(path.join(__dirname, '../../public/home-share/entry.js'), 'utf8');
+  for (const hash of ['#/login?oauth=google_failed', '#/register', '#/view/42?mode=source', '#/market/starred', '#/email-verify-expired']) {
+    let redirect;
+    vm.runInNewContext(script, { window: { location: { hash, search: '?source=old', replace: value => { redirect = value; } }, addEventListener() {} } });
+    assert.equal(redirect, '/app/?source=old' + hash);
+  }
+  for (const hash of ['', '#/', '#try', '#home', '#scenarios', '#ai', '#//evil.example']) {
+    vm.runInNewContext(script, { window: { location: { hash, search: '', replace() { assert.fail('Unexpected redirect'); } }, addEventListener() {} } });
+  }
+});
+
+test('email verification failures return to the application result page', async () => {
+  const res = await request(env.app).get('/api/auth/verify-email').expect(302);
+  assert.equal(res.headers.location, '/app/#/email-verify-failed');
+});
diff --git a/test/integration/public.test.js b/test/integration/public.test.js
index be8e04f..0cfa80f 100644
--- a/test/integration/public.test.js
+++ b/test/integration/public.test.js
@@ -24,7 +24,7 @@ test('POST /api/public/try-paste → 空内容返回 400', async () => {
 test('POST /api/public/try-paste → HTML 内容生成临时页面', async () => {
   const res = await request(env.app)
     .post('/api/public/try-paste')
-    .send({ content: '<h1>Hello jpage</h1>' });
+    .send({ content: '<h1>Hello magpie</h1>' });
   assert.strictEqual(res.status, 200);
   assert.ok(res.body.id);
   assert.strictEqual(res.body.file_type, 'html');
@@ -35,7 +35,7 @@ test('POST /api/public/try-paste → HTML 内容生成临时页面', async () =>
   // 短链可公开访问
   const shareRes = await request(env.app).get(res.body.url);
   assert.strictEqual(shareRes.status, 200);
-  assert.match(shareRes.text, /Hello jpage/);
+  assert.match(shareRes.text, /Hello magpie/);
 });
 
 test('POST /api/public/try-paste → Markdown 内容生成临时页面', async () => {
diff --git a/test/integration/skills.test.js b/test/integration/skills.test.js
index 7e6de35..ea66a06 100644
--- a/test/integration/skills.test.js
+++ b/test/integration/skills.test.js
@@ -1,6 +1,6 @@
 // Skills 集成测试：列表 / 详情 / 下载 zip / mcp/config 结构 / cli 指南。全部 requireAuth。
 // 挂载点 /api（/skills、/skills/:name、/skills/:name/download、/mcp/config、/cli/guide）。
-// 依赖仓库内 skills/jpage/SKILL.md（内置 skill）。
+// 依赖仓库内 skills/magpie/SKILL.md（内置 skill）。
 const test = require('node:test');
 const assert = require('node:assert');
 const request = require('supertest');
@@ -34,19 +34,21 @@ test('未登录 GET /api/skills → 401', async () => {
 });
 
 // --- 列表 ---
-test('GET /api/skills → 200，含内置 jpage skill', async () => {
+test('GET /api/skills → 200，含内置 magpie skill', async () => {
   const res = await agent.get('/api/skills');
   assert.strictEqual(res.status, 200);
   assert.ok(Array.isArray(res.body.skills));
-  // 仓库内置 jpage skill 应被发现
-  assert.ok(res.body.skills.some(s => s.name === 'jpage'), '应含 jpage skill');
+  // 仓库内置 magpie skill 应被发现
+  assert.ok(res.body.skills.some(s => s.name === 'magpie'), '应含 magpie skill');
 });
 
 // --- 详情 ---
-test('GET /api/skills/jpage → 200', async () => {
-  const res = await agent.get('/api/skills/jpage');
+test('GET /api/skills/magpie → 200', async () => {
+  const res = await agent.get('/api/skills/magpie');
   assert.strictEqual(res.status, 200);
-  assert.strictEqual(res.body.name, 'jpage');
+  assert.strictEqual(res.body.name, 'magpie');
+  assert.strictEqual(res.body.version, require('../../package.json').version);
+  assert.strictEqual(res.body.author, 'enderchen');
 });
 
 test('GET /api/skills/不存在 → 404', async () => {
@@ -55,8 +57,8 @@ test('GET /api/skills/不存在 → 404', async () => {
 });
 
 // --- 下载 ---
-test('GET /api/skills/jpage/download → 200，application/zip', async () => {
-  const res = await agent.get('/api/skills/jpage/download').buffer(true).parse(binaryParser);
+test('GET /api/skills/magpie/download → 200，application/zip', async () => {
+  const res = await agent.get('/api/skills/magpie/download').buffer(true).parse(binaryParser);
   assert.strictEqual(res.status, 200);
   assert.match(res.headers['content-type'] || '', /application\/zip/);
   // Content-Disposition 是附件
@@ -73,14 +75,14 @@ test('GET /api/skills/不存在/download → 404', async () => {
 });
 
 // --- mcp/config ---
-test('GET /api/mcp/config → 200，含 config.mcpServers.jpage', async () => {
+test('GET /api/mcp/config → 200，含 config.mcpServers.magpie', async () => {
   const res = await agent.get('/api/mcp/config');
   assert.strictEqual(res.status, 200);
   assert.ok(res.body.config);
   assert.ok(res.body.config.mcpServers);
-  assert.ok(res.body.config.mcpServers.jpage);
-  assert.ok(res.body.config.mcpServers.jpage.url);
-  assert.strictEqual(res.body.config.mcpServers.jpage.type, 'http');
+  assert.ok(res.body.config.mcpServers.magpie);
+  assert.ok(res.body.config.mcpServers.magpie.url);
+  assert.strictEqual(res.body.config.mcpServers.magpie.type, 'http');
   // tokens 是当前用户的 token 列表
   assert.ok(Array.isArray(res.body.tokens));
 });
@@ -102,9 +104,9 @@ test('GET /api/mcp/config → 200，含多客户端 configs 数组（仅 MCP 客
     assert.ok(c.label, `${c.id} 应有 label`);
     assert.ok('path' in c, `${c.id} 应有 path`);
   });
-  // 每项都是 MCP 客户端，config.mcpServers.jpage 必有
+  // 每项都是 MCP 客户端，config.mcpServers.magpie 必有
   res.body.configs.forEach(c => {
-    assert.ok(c.config && c.config.mcpServers && c.config.mcpServers.jpage, `${c.id} config 应含 mcpServers.jpage`);
+    assert.ok(c.config && c.config.mcpServers && c.config.mcpServers.magpie, `${c.id} config 应含 mcpServers.magpie`);
   });
 });
 
@@ -114,7 +116,7 @@ test('GET /api/cli/guide → 200，返回 CLI 用法指南（与 MCP 并列的
   assert.strictEqual(res.body.enabled, true);
   assert.ok(typeof res.body.baseUrl === 'string' && res.body.baseUrl.length > 0, 'baseUrl 应为非空');
   assert.ok(typeof res.body.guideHtml === 'string' && res.body.guideHtml.length > 0, 'guideHtml 应为非空 HTML');
-  assert.ok(res.body.guideHtml.includes('jpage'), 'guideHtml 应含 jpage 说明');
+  assert.ok(res.body.guideHtml.includes('magpie'), 'guideHtml 应含 magpie 说明');
   assert.ok(typeof res.body.guideText === 'string' && res.body.guideText.length > 0, 'guideText 应为非空文档');
   // guideText 里 baseUrl 应已被替换为实际服务地址（不含 <baseUrl> 占位）
   assert.ok(!res.body.guideText.includes('<baseUrl>'), 'guideText 不应残留 baseUrl 占位符');
diff --git a/test/integration/tokens.test.js b/test/integration/tokens.test.js
index 11368cb..8ef4ccc 100644
--- a/test/integration/tokens.test.js
+++ b/test/integration/tokens.test.js
@@ -18,10 +18,10 @@ test.after(() => {
   env.cleanup();
 });
 
-test('创建令牌 → 返回明文且带 jp_ 前缀', async () => {
+test('创建令牌 → 返回明文且带 mg_ 前缀', async () => {
   const res = await agent.post('/api/tokens').send({ name: 'CI Token' });
   assert.strictEqual(res.status, 200);
-  assert.ok(res.body.token.startsWith('jp_'));
+  assert.ok(res.body.token.startsWith('mg_'));
   assert.strictEqual(res.body.name, 'CI Token');
   assert.ok(res.body.token_prefix);
 });
diff --git a/test/mcp-harness.js b/test/mcp-harness.js
index 05e28df..303c091 100644
--- a/test/mcp-harness.js
+++ b/test/mcp-harness.js
@@ -1,6 +1,6 @@
 // MCP 端到端验证：通过 /mcp 端点验证 tool 调用（走进程内 dispatcher，非 fetch 自调用）
 // 覆盖 list_files / upload_file / get_file_content / rename_file / get_file_url / delete_file
-// 以及资源 jpage://files
+// 以及资源 magpie://files
 const http = require('http');
 
 const PORT = parseInt(process.argv[2] || process.env.PORT || '8890', 10);
@@ -67,6 +67,7 @@ async function run() {
   check('initialize → 200', r.status === 200, `status=${r.status}`);
   const initObj = parseSseResult(r.text, 1);
   check('initialize 返回 serverInfo', !!(initObj && initObj.result && initObj.result.serverInfo), r.text.slice(0, 200));
+  check('serverInfo.name 为 magpie', initObj?.result?.serverInfo?.name === 'magpie');
   const sessionId = r.headers['mcp-session-id'];
   check('返回 mcp-session-id', !!sessionId, JSON.stringify(r.headers).slice(0, 200));
   if (!sessionId) { console.log('无法继续：无 session'); process.exit(1); }
@@ -136,13 +137,13 @@ async function run() {
   r = await callTool(headers, sessionId, 'get_file_content', { id: fileId });
   check('删除后 get_file_content 失败（isError 或无内容）', !!(r.obj && (r.obj.result.isError || (r.obj.error))), r.text.slice(0, 200));
 
-  // 10. 资源 jpage://files
+  // 10. 资源 magpie://files
   r = await rawReq('POST', '/mcp', {
     headers: { ...headers, 'mcp-session-id': sessionId, Accept: 'application/json, text/event-stream' },
-    body: { jsonrpc: '2.0', id: 99, method: 'resources/read', params: { uri: 'jpage://files' } },
+    body: { jsonrpc: '2.0', id: 99, method: 'resources/read', params: { uri: 'magpie://files' } },
   });
   const resObj = parseSseResult(r.text, 99);
-  check('resources/read jpage://files 成功', !!(resObj && resObj.result && resObj.result.contents), r.text.slice(0, 200));
+  check('resources/read magpie://files 成功', !!(resObj && resObj.result && resObj.result.contents), r.text.slice(0, 200));
 
   console.log(`\n=== MCP 结果: ${pass} 通过, ${fail} 失败 ===`);
   if (fail > 0) { console.log('失败项:'); failures.forEach(f => console.log('  - ' + f)); process.exit(1); }
diff --git a/test/perf-bench.js b/test/perf-bench.js
index eb0d27d..14d08b2 100644
--- a/test/perf-bench.js
+++ b/test/perf-bench.js
@@ -46,7 +46,7 @@ function stats(arr) {
 }
 
 async function run() {
-  console.log(`\n=== jpage 性能基准 (port ${PORT}) ===\n`);
+  console.log(`\n=== magpie 性能基准 (port ${PORT}) ===\n`);
   const auth = await login();
 
   // 上传一篇含代码块+公式的 Markdown（渲染开销大）
diff --git a/test/perf-harness.js b/test/perf-harness.js
index ca102f8..eecd456 100644
--- a/test/perf-harness.js
+++ b/test/perf-harness.js
@@ -40,7 +40,7 @@ function req(method, path, { body, headers = {}, raw, formData } = {}) {
 
 // 多部分表单：单字段 file
 async function run() {
-  console.log(`\n=== jpage 验证套件 (port ${PORT}) ===\n`);
+  console.log(`\n=== magpie 验证套件 (port ${PORT}) ===\n`);
 
   // 1. 健康检查
   let r = await req('GET', '/health');
@@ -66,7 +66,7 @@ async function run() {
   check('GET /api/auth/me → 200 (带 cookie)', r.status === 200, `status=${r.status}`);
 
   // 5. 上传 Markdown (JSON)
-  const mdContent = '# 标题\n\n```js\nconsole.log("hi");\n```\n\n行内公式 $a^2+b^2=c^2$\n\n搜索关键词 jpage_unique_token_alpha';
+  const mdContent = '# 标题\n\n```js\nconsole.log("hi");\n```\n\n行内公式 $a^2+b^2=c^2$\n\n搜索关键词 magpie_unique_token_alpha';
   r = await req('POST', '/api/files/upload-json', { headers: auth, body: { name: 'perf-test.md', content: mdContent, isPublic: true } });
   check('upload-json markdown → 200', r.status === 200, `status=${r.status} ${r.text}`);
   let upload = {};
@@ -99,7 +99,7 @@ async function run() {
 
   // 10. 搜索（FTS）
   await new Promise(res => setTimeout(res, 400)); // 等 FTS 异步索引
-  r = await req('GET', `/api/files/search?q=${encodeURIComponent('jpage_unique_token_alpha')}`, { headers: auth });
+  r = await req('GET', `/api/files/search?q=${encodeURIComponent('magpie_unique_token_alpha')}`, { headers: auth });
   check('FTS 搜索 → 200', r.status === 200, `status=${r.status}`);
   let search = {};
   try { search = JSON.parse(r.text); } catch {}
diff --git a/test/run-server.sh b/test/run-server.sh
index 2d95088..c11428d 100644
--- a/test/run-server.sh
+++ b/test/run-server.sh
@@ -1,15 +1,15 @@
 #!/usr/bin/env bash
-# 启动一个隔离的 jpage 实例用于测试
+# 启动一个隔离的 magpie 实例用于测试
 # 用法: PORT=8891 bash test/run-server.sh &   (后台)
 #       bash test/run-server.sh                (前台)
 set -euo pipefail
 PORT="${PORT:-8890}"
-DATA_DIR="${JPAGE_DATA_DIR:-$(pwd)/data-test-$PORT}"
-export PORT NODE_ENV ADMIN_USER ADMIN_PASSWORD JPAGE_DATA_DIR MCP_TOKEN
+DATA_DIR="${MAGPIE_DATA_DIR:-$(pwd)/data-test-$PORT}"
+export PORT NODE_ENV ADMIN_USER ADMIN_PASSWORD MAGPIE_DATA_DIR MCP_TOKEN
 NODE_ENV="${NODE_ENV:-development}"
 ADMIN_USER="${ADMIN_USER:-admin}"
 ADMIN_PASSWORD="${ADMIN_PASSWORD:-testpassword123}"
-JPAGE_DATA_DIR="$DATA_DIR"
+MAGPIE_DATA_DIR="$DATA_DIR"
 MCP_TOKEN="${MCP_TOKEN:-test-mcp-token-abc}"
 mkdir -p "$DATA_DIR"
 exec node server.js
diff --git a/test/unit/cli-config.test.js b/test/unit/cli-config.test.js
index 2253205..d7cb835 100644
--- a/test/unit/cli-config.test.js
+++ b/test/unit/cli-config.test.js
@@ -8,10 +8,10 @@ const { resolveConfig, parseEnvFile, loadEnvUp, DEFAULT_BASE } = require('../../
 
 test('parseEnvFile: 基本 KEY=VALUE', () => {
   const tmp = path.join(os.tmpdir(), '.env-test-' + process.pid);
-  fs.writeFileSync(tmp, 'MCP_TOKEN=abc123\nJPAGE_BASE=http://1.2.3.4:8858\n');
+  fs.writeFileSync(tmp, 'MCP_TOKEN=abc123\nMAGPIE_BASE=http://1.2.3.4:8858\n');
   const parsed = parseEnvFile(tmp);
   assert.strictEqual(parsed.MCP_TOKEN, 'abc123');
-  assert.strictEqual(parsed.JPAGE_BASE, 'http://1.2.3.4:8858');
+  assert.strictEqual(parsed.MAGPIE_BASE, 'http://1.2.3.4:8858');
   fs.unlinkSync(tmp);
 });
 
@@ -29,12 +29,12 @@ test('parseEnvFile: 不存在返回空对象', () => {
 });
 
 test('resolveConfig: --token 最高优先级', () => {
-  const r = resolveConfig({ token: 'cli' }, { JPAGE_TOKEN: 'env', MCP_TOKEN: 'global' });
+  const r = resolveConfig({ token: 'cli' }, { MAGPIE_TOKEN: 'env', MCP_TOKEN: 'global' });
   assert.strictEqual(r.token, 'cli');
 });
 
-test('resolveConfig: JPAGE_TOKEN 高于 MCP_TOKEN', () => {
-  const r = resolveConfig({}, { JPAGE_TOKEN: 'jp', MCP_TOKEN: 'mc' });
+test('resolveConfig: MAGPIE_TOKEN 高于 MCP_TOKEN', () => {
+  const r = resolveConfig({}, { MAGPIE_TOKEN: 'jp', MCP_TOKEN: 'mc' });
   assert.strictEqual(r.token, 'jp');
 });
 
@@ -45,7 +45,7 @@ test('resolveConfig: 回退 MCP_TOKEN', () => {
 
 test('resolveConfig: 无 token 返回 null', () => {
   // 用临时 cwd，避免读到项目根的 .env（其中有 MCP_TOKEN）造成泄漏
-  const cleanCwd = fs.mkdtempSync(path.join(os.tmpdir(), 'jpage-clean-'));
+  const cleanCwd = fs.mkdtempSync(path.join(os.tmpdir(), 'magpie-clean-'));
   try {
     const r = resolveConfig({}, {}, cleanCwd);
     assert.strictEqual(r.token, null);
@@ -55,7 +55,7 @@ test('resolveConfig: 无 token 返回 null', () => {
 });
 
 test('resolveConfig: --base 优先于环境变量', () => {
-  const r = resolveConfig({ base: 'http://cli:9' }, { JPAGE_BASE: 'http://env:9' });
+  const r = resolveConfig({ base: 'http://cli:9' }, { MAGPIE_BASE: 'http://env:9' });
   assert.strictEqual(r.base, 'http://cli:9');
 });
 
@@ -65,23 +65,24 @@ test('resolveConfig: base 去尾部斜杠', () => {
 });
 
 test('resolveConfig: 默认 base', () => {
+  assert.strictEqual(DEFAULT_BASE, 'http://localhost:8858', 'Magpie must default to its local service');
   assert.strictEqual(resolveConfig({}, {}).base, DEFAULT_BASE);
 });
 
 test('loadEnvUp: 向上查找 .env 并合并', () => {
   // 在临时目录树里放 .env，验证向上查找
-  const root = fs.mkdtempSync(path.join(os.tmpdir(), 'jpage-env-'));
+  const root = fs.mkdtempSync(path.join(os.tmpdir(), 'magpie-env-'));
   const sub = path.join(root, 'a', 'b');
   fs.mkdirSync(sub, { recursive: true });
-  fs.writeFileSync(path.join(root, '.env'), 'MCP_TOKEN=root-token\nJPAGE_BASE=http://root:9\n');
+  fs.writeFileSync(path.join(root, '.env'), 'MCP_TOKEN=root-token\nMAGPIE_BASE=http://root:9\n');
   const loaded = loadEnvUp(sub);
   assert.strictEqual(loaded.MCP_TOKEN, 'root-token');
-  assert.strictEqual(loaded.JPAGE_BASE, 'http://root:9');
+  assert.strictEqual(loaded.MAGPIE_BASE, 'http://root:9');
   fs.rmSync(root, { recursive: true, force: true });
 });
 
 test('resolveConfig: .env 里的 MCP_TOKEN 被用作回退', () => {
-  const root = fs.mkdtempSync(path.join(os.tmpdir(), 'jpage-env2-'));
+  const root = fs.mkdtempSync(path.join(os.tmpdir(), 'magpie-env2-'));
   fs.writeFileSync(path.join(root, '.env'), 'MCP_TOKEN=from-file\n');
   const r = resolveConfig({}, {}, root);
   assert.strictEqual(r.token, 'from-file');
diff --git a/test/unit/crypto.test.js b/test/unit/crypto.test.js
index 22e9d85..073add2 100644
--- a/test/unit/crypto.test.js
+++ b/test/unit/crypto.test.js
@@ -9,7 +9,7 @@ const crypto = require('crypto');
 const TMP_DATA = path.join(__dirname, '..', `data-crypto-${process.pid}-${Date.now()}`);
 
 function freshCrypto() {
-  // 清除缓存，让 lib/crypto.js 重新读取 JPAGE_DATA_DIR / 环境变量
+  // 清除缓存，让 lib/crypto.js 重新读取 MAGPIE_DATA_DIR / 环境变量
   delete require.cache[require.resolve('../../lib/paths')];
   delete require.cache[require.resolve('../../lib/crypto')];
   return require('../../lib/crypto');
@@ -19,7 +19,7 @@ test.beforeEach(() => {
   fs.rmSync(TMP_DATA, { recursive: true, force: true });
   fs.mkdirSync(TMP_DATA, { recursive: true });
   delete process.env.TOKEN_ENCRYPTION_KEY;
-  process.env.JPAGE_DATA_DIR = TMP_DATA;
+  process.env.MAGPIE_DATA_DIR = TMP_DATA;
 });
 
 test.afterEach(() => {
@@ -29,7 +29,7 @@ test.afterEach(() => {
 
 test('加密后解密能还原原文', () => {
   const { encryptToken, decryptToken } = freshCrypto();
-  const plain = 'jp_abcdefghijklmnopqrstuvwxyz123456';
+  const plain = 'mg_abcdefghijklmnopqrstuvwxyz123456';
   const enc = encryptToken(plain);
   assert.notStrictEqual(enc, plain, '密文不应等于明文');
   assert.strictEqual(decryptToken(enc), plain);
@@ -37,7 +37,7 @@ test('加密后解密能还原原文', () => {
 
 test('同一明文每次加密结果不同（随机 IV）', () => {
   const { encryptToken } = freshCrypto();
-  const plain = 'jp_sametokenvalue';
+  const plain = 'mg_sametokenvalue';
   const a = encryptToken(plain);
   const b = encryptToken(plain);
   assert.notStrictEqual(a, b, '不同次加密应产生不同密文');
@@ -45,7 +45,7 @@ test('同一明文每次加密结果不同（随机 IV）', () => {
 
 test('密文格式为 iv : ciphertext : authTag 三段 base64', () => {
   const { encryptToken } = freshCrypto();
-  const enc = encryptToken('jp_test');
+  const enc = encryptToken('mg_test');
   const parts = enc.split(':');
   assert.strictEqual(parts.length, 3);
   // 每段都是合法 base64
@@ -54,7 +54,7 @@ test('密文格式为 iv : ciphertext : authTag 三段 base64', () => {
 
 test('密钥文件自动生成在数据目录并持久化', () => {
   const { encryptToken } = freshCrypto();
-  const enc = encryptToken('jp_persist');
+  const enc = encryptToken('mg_persist');
   const keyFile = path.join(TMP_DATA, 'token-key.key');
   assert.ok(fs.existsSync(keyFile), '应生成 token-key.key 文件');
   const hex = fs.readFileSync(keyFile, 'utf8').trim();
@@ -62,12 +62,12 @@ test('密钥文件自动生成在数据目录并持久化', () => {
 
   // 再次 require（重新读文件）应能解密旧密文
   const { decryptToken: decryptAgain } = freshCrypto();
-  assert.strictEqual(decryptAgain(enc), 'jp_persist');
+  assert.strictEqual(decryptAgain(enc), 'mg_persist');
 });
 
 test('密文被篡改 → 解密抛错（GCM 完整性校验）', () => {
   const { encryptToken, decryptToken } = freshCrypto();
-  const enc = encryptToken('jp_tamper');
+  const enc = encryptToken('mg_tamper');
   const parts = enc.split(':');
   // 篡改 ciphertext 段的第一个字符
   const tamperedData = Buffer.from(parts[1], 'base64');
@@ -85,14 +85,14 @@ test('格式错误的密文 → 解密抛错', () => {
 test('环境变量 TOKEN_ENCRYPTION_KEY 优先于密钥文件（合法 hex）', () => {
   process.env.TOKEN_ENCRYPTION_KEY = crypto.randomBytes(32).toString('hex');
   const { encryptToken, decryptToken } = freshCrypto();
-  const enc = encryptToken('jp_env_key');
-  assert.strictEqual(decryptToken(enc), 'jp_env_key');
+  const enc = encryptToken('mg_env_key');
+  assert.strictEqual(decryptToken(enc), 'mg_env_key');
   assert.ok(!fs.existsSync(path.join(TMP_DATA, 'token-key.key')), '用环境变量时不应生成密钥文件');
 });
 
 test('reloadKey() 切换密钥后旧密文无法解密', () => {
   const mod = freshCrypto();
-  const enc = mod.encryptToken('jp_rotate');
+  const enc = mod.encryptToken('mg_rotate');
   // 换一个新环境变量密钥并 reload
   process.env.TOKEN_ENCRYPTION_KEY = crypto.randomBytes(32).toString('hex');
   mod.reloadKey();
diff --git a/test/unit/zip.test.js b/test/unit/zip.test.js
index d790e80..0e84c11 100644
--- a/test/unit/zip.test.js
+++ b/test/unit/zip.test.js
@@ -145,7 +145,7 @@ test('validateZipEntries：文件数超上限 → 拒绝', async () => {
 
 test('extractEntries：条目逃逸 targetDir → 拒绝（path.resolve 兜底）', async () => {
   // 即便上游漏过了校验，extractEntries 的 resolve().startsWith() 仍拦截越界写入
-  const tmp = fs.mkdtempSync(path.join(os.tmpdir(), 'jpage-zip-'));
+  const tmp = fs.mkdtempSync(path.join(os.tmpdir(), 'magpie-zip-'));
   try {
     const zip = fakeExtractableZip([{ name: '../escape.txt', content: 'evil' }]);
     const entries = [{ name: '../escape.txt', originalName: '../escape.txt' }];
@@ -159,7 +159,7 @@ test('extractEntries：条目逃逸 targetDir → 拒绝（path.resolve 兜底
 });
 
 test('extractEntries：正常条目写入 targetDir 内', async () => {
-  const tmp = fs.mkdtempSync(path.join(os.tmpdir(), 'jpage-zip-'));
+  const tmp = fs.mkdtempSync(path.join(os.tmpdir(), 'magpie-zip-'));
   try {
     const zip = fakeExtractableZip([{ name: 'index.html', content: '<p>ok</p>' }]);
     const entries = [{ name: 'index.html', originalName: 'index.html' }];
@@ -202,7 +202,7 @@ test('validateZipEntries：符号链接错误标记为用户错误 400', async (
 });
 
 test('extractEntries：超单文件限制错误标记为用户错误 400', async () => {
-  const tmp = fs.mkdtempSync(path.join(os.tmpdir(), 'jpage-zip-'));
+  const tmp = fs.mkdtempSync(path.join(os.tmpdir(), 'magpie-zip-'));
   try {
     const tooBig = Buffer.alloc(ZIP_MAX_SINGLE_FILE_SIZE + 1, 'x');
     const zip = fakeExtractableZip([{ name: 'big.html', content: tooBig }]);
diff --git a/upgrade.sh b/upgrade.sh
index a1859f1..922be9b 100755
--- a/upgrade.sh
+++ b/upgrade.sh
@@ -1,5 +1,5 @@
 #!/usr/bin/env bash
-# jpage 一键升级脚本
+# magpie 一键升级脚本
 #
 # 功能：拉取最新代码 → 安装依赖 → 构建前端 → 重启 systemd 服务。
 # 用法：
@@ -10,14 +10,14 @@
 
 set -euo pipefail
 
-PROJECT_DIR="/home/jpage/jpage"
-SERVICE="jpage"
-USER="jpage"
+PROJECT_DIR="${MAGPIE_PROJECT_DIR:-$(cd "$(dirname "$0")" && pwd)}"
+SERVICE="${MAGPIE_SERVICE:-magpie}"
+SERVICE_USER="${MAGPIE_SERVICE_USER:-magpie}"
 BRANCH=""
 DO_PULL=true
 
 print_help() {
-  sed -n '/^# jpage 一键升级脚本/,/^$/p' "$0" | sed 's/^# //'
+  sed -n '/^# magpie 一键升级脚本/,/^$/p' "$0" | sed 's/^# //'
   exit 0
 }
 
@@ -39,7 +39,7 @@ fi
 cd "$PROJECT_DIR"
 
 run_as_user() {
-  sudo -u "$USER" -H "$@"
+  sudo -u "$SERVICE_USER" -H "$@"
 }
 
 if [ "$DO_PULL" = true ]; then