diff --git a/docs/project-memory/shared-memory/decision-log.md b/docs/project-memory/shared-memory/decision-log.md
index 1a6cf7d07..b1516663c 100644
--- a/docs/project-memory/shared-memory/decision-log.md
+++ b/docs/project-memory/shared-memory/decision-log.md
@@ -24,6 +24,14 @@
 - 验证方式：运行 `editor_generation_config`、公开定价路由、图标素材价格校验、图片画布定价模型和后台定价页相关测试。
 - 关联文档：`docs/【编辑器】模型定价配置管理方案-2026-06-22.md`、`docs/【编辑器】生成类面板Lovart统一改造方案-2026-06-17.md`。
 
+## 2026-06-22 图片画布角色动作主媒体改为透明序列帧
+
+- 背景：角色动作生成后端已经在视频生成后抽取透明 PNG 帧并完成绿幕去背；画板继续把 `previewVideoPath` 当主媒体会让用户看到未扣绿幕视频，下载也拿不到可直接用于游戏素材的帧序列。
+- 决策：`/api/editor/character-animations/generations` 的上游预览视频继续保留为来源信息，但画板落层主类型固定为 `mediaType="image-sequence"`、`assetKind="character-animation"`；图层 `src` / `thumbnailSrc` 使用首帧，完整 `frames` 保存到 `imageSequenceFrames`，画布展示使用序列帧播放器循环播放。单图层下载生成序列帧 ZIP，画布素材 ZIP 中角色动作写入 `sequences/<编号-标题>/frames/`，不再把预览视频作为角色动作下载产物。
+- 影响范围：图片画布角色动作生成、画布图层快照、序列帧播放器、素材导出、角色动作设计文档和排障记忆。
+- 验证方式：运行角色动作图层工厂、画布展示、画布持久化、生成提交和素材导出相关前端测试，执行 `npm run typecheck`、`npm run check:encoding` 和 `git diff --check`。
+- 关联文档：`docs/【编辑器】画板角色形象生成入口设计-2026-06-15.md`。
+
 ## 2026-06-21 图片画布生成完成态由后端写入画布布局
 
 - 背景：图片画布角色形象等长耗时生成在服务端完成后，如果浏览器已刷新或原 HTTP 回调丢失，前端无法再把生成结果图层和 `generation-dialog` 完成态写回 `editor_canvas.layers_json`，用户会继续看到“生成中”卡片。
@@ -75,7 +83,7 @@
 ## 2026-06-18 `/creation` 独立为陶泥儿创作工具主页
 
 - 背景：图片画布项目已经成为独立项目资产，旧“创作”站内 Tab 和一级“草稿”入口不能清晰表达桌面端创作工具主页与项目管理入口。
-- 决策：桌面端新增独立 `/creation` 创作工具主页，桌面端直接打开站点首页 `/` 时也默认展示新版创作主页；顶级“创作”入口跳转 `/creation`，原“草稿”入口替换为“项目”并跳转 `/project`。移动端首页 `/` 继续保持原推荐首页，移动端隐藏“创作”和“项目”入口，但不拦截直接 URL。页面文案统一使用“陶泥儿”，外部品牌只作为设计参考，不进入用户可见 UI、测试名、产品文案或验收口径。`陶泥儿精选` 是用户素材瀑布流，不展示玩法入口列表；创作入口事实源继续来自 `/api/creation-entry/config`，项目入口通过 `createEditorProject` 和 `/editor/canvas?projectid=xxx` 链路进入画布。
+- 决策：桌面端新增独立 `/creation` 创作工具主页，桌面端直接打开站点首页 `/` 时也默认展示新版创作主页；顶级“创作”入口跳转 `/creation`，原“草稿”入口替换为“项目”并跳转 `/project`。移动端首页 `/` 继续保持原推荐首页，移动端隐藏“创作”和“项目”入口；移动端直达 `/creation` 时不加载创作主页，显示桌面端打开引导，`/creation/<play>` 玩法工作台直达仍按原链路进入。页面文案统一使用“陶泥儿”，外部品牌只作为设计参考，不进入用户可见 UI、测试名、产品文案或验收口径。`陶泥儿精选` 是用户素材瀑布流，不展示玩法入口列表；创作入口事实源继续来自 `/api/creation-entry/config`，项目入口通过 `createEditorProject` 和 `/editor/canvas?projectid=xxx` 链路进入画布。
 - 影响范围：平台入口导航、`SelectionStage` 路由、`/creation` 首页、`/project` 项目入口、`/editor/canvas` 项目打开链路、“我的”页快捷入口和创作入口相关测试。
 - 验证方式：桌面 `/` 初始阶段和 `/creation` 解析为创作主页，移动端 `/` 仍是推荐首页，`/creation/<play>` 仍进入对应玩法工作台；桌面导航显示“创作 / 项目”且不显示“草稿”；移动端底部不显示“创作 / 项目”；页面不出现外站品牌或 `Discord` 字样；新建项目进入 `/editor/canvas?projectid=xxx`。
 - 关联文档：`docs/【玩法创作】创作主页与项目入口改版计划-2026-06-18.md`、`docs/【玩法创作】平台入口与玩法链路-2026-05-15.md`。
@@ -254,8 +262,8 @@
 ## 2026-06-19 Jenkins Git 源统一为内网 SSH
 
 - 背景：本地和 Jenkins 流水线改用 Gitea 的 `/git` 前缀内网入口后，继续在 Jenkinsfile 内保留 `http://127.0.0.1:3000/...` 主地址和 `https://git.genarrative.world/...` fallback 会让构建节点误走 localhost 或公网链路。
-- 决策：常规生产构建、数据库导入导出和 `Genarrative-Full-Build-And-Deploy` 的 Jenkinsfile 内部 checkout 统一使用 `ssh://git@192.168.35.82:2222/GenarrativeAI/Genarrative.git`，并显式传入 Jenkins SSH 凭据 `genarrative-local-gitea-ssh`；不再把 `http://genarrative-station/git/GenarrativeAI/Genarrative.git` 作为默认主源或 fallback，也不再回退公网域名。`Genarrative-Server-Provision` 继续要求参数显式填写目标 agent 可访问的本机路径或内网 Git 源。
-- 影响范围：`jenkins/Jenkinsfile.production-api-build`、`jenkins/Jenkinsfile.production-web-build`、`jenkins/Jenkinsfile.production-stdb-module-build`、`jenkins/Jenkinsfile.production-full-build-and-deploy`、`jenkins/Jenkinsfile.production-database-export`、`jenkins/Jenkinsfile.production-database-import`、生产 Jenkins live job SCM 配置和运维文档。
+- 决策：常规生产构建、数据库导入导出和 `Genarrative-Full-Build-And-Deploy` 的 Jenkinsfile 内部 checkout 统一使用 `ssh://git@192.168.35.82:2222/GenarrativeAI/Genarrative.git`，并显式传入 Jenkins SSH 凭据 `genarrative-local-gitea-ssh`；不再把 `http://genarrative-station/git/GenarrativeAI/Genarrative.git` 作为默认主源或 fallback，也不再回退公网域名。`Genarrative-Server-Provision` 不再暴露 `SOURCE_GIT_REMOTE_URL` 参数，由 Jenkins 构建节点使用同一 SSH 源准备 provision 脚本和配置，再上传给目标部署 agent 执行。
+- 影响范围：`jenkins/Jenkinsfile.production-api-build`、`jenkins/Jenkinsfile.production-web-build`、`jenkins/Jenkinsfile.production-stdb-module-build`、`jenkins/Jenkinsfile.production-full-build-and-deploy`、`jenkins/Jenkinsfile.production-database-export`、`jenkins/Jenkinsfile.production-database-import`、`jenkins/Jenkinsfile.production-server-provision`、生产 Jenkins live job SCM 配置和运维文档。
 - 验证方式：Jenkins 内部 `GitSCM checkout` 日志应显示使用 `genarrative-local-gitea-ssh`，不应出现 `No credentials specified`；`rg "git.genarrative.world|127.0.0.1:3000/GenarrativeAI/Genarrative.git|10.2.0.10/GenarrativeAI/Genarrative.git|genarrative-station/git/GenarrativeAI/Genarrative.git" jenkins scripts` 不应命中流水线源码；所有相关 Jenkinsfile 仍保留单分支 refspec、浅克隆、`noTags` 和 `honorRefspec`。
 - 关联文档：`docs/【开发运维】本地开发验证与生产运维-2026-05-15.md`、`docs/project-memory/shared-memory/pitfalls.md`。
 
@@ -263,7 +271,7 @@
 
 - 背景：release / dev 目标 agent 需要从 dev 自托管 Gitea 拉取仓库；继续走 `https://git.genarrative.world/...` 会绕公网链路，`10.2.0.10:3000` 又受云侧端口策略影响不能作为稳定入口。
 - 决策：dev 上 Gitea 进程保持 `HTTP_ADDR = 127.0.0.1`、`HTTP_PORT = 3000`，公网 `ROOT_URL = https://git.genarrative.world/` 不变；新增 Nginx 内网 vhost `/etc/nginx/conf.d/gitea-internal.conf`，只允许 `10.2.0.0/16` 与本机访问，并把 `http://10.2.0.10/` 反代到本机 Gitea。内网 agent 统一使用 `http://10.2.0.10/GenarrativeAI/Genarrative.git` 作为可直连 Git 源。
-- 影响范围：dev Gitea / Nginx 运维配置、Jenkins `SOURCE_GIT_REMOTE_URL`、release / dev 目标 agent checkout 口径。
+- 影响范围：dev Gitea / Nginx 运维配置、历史 `SOURCE_GIT_REMOTE_URL` 参数和旧 release / dev 目标 agent checkout 口径；`Genarrative-Server-Provision` 已于 2026-06-22 改为 Jenkins 上传脚本执行，目标 agent 不再直接 checkout Git。
 - 验证方式：从 release 执行 `git ls-remote http://10.2.0.10/GenarrativeAI/Genarrative.git HEAD` 应返回 HEAD；公网来源伪造 `Host: 10.2.0.10` 访问 dev 公网 80 应返回 `403`；`https://git.genarrative.world/` 原入口应保持 `200`。
 - 关联文档：`docs/【开发运维】本地开发验证与生产运维-2026-05-15.md`。
 
@@ -768,10 +776,11 @@
 ## 2026-06-05 Server-Provision 全程在目标部署 agent 执行且不安装构建链
 
 - 背景：`Genarrative-Server-Provision` 的 `DEPLOY_TARGET=development` 语义是部署到 dev 服务器，不是构建机 dry-run。旧流水线把 development 映射到 `linux && genarrative-build`，还先在 build 节点准备 `provision-tools/` 再 stash 给后续阶段，导致真实 dev 初始化可能跑到 Jenkins controller / build 节点；脚本还安装 clang / lld / pkg-config / OpenSSL headers / sccache 等构建链依赖，超出了服务器初始化职责。
-- 决策：Server-Provision 只做服务器初始化，全程运行在目标部署 agent：development 使用 `linux && genarrative-dev-deploy`，release 使用 `linux && genarrative-release-deploy`。`Prepare Provision Tools` 与 `Provision Server` 在同一个目标 agent workspace 顺序执行，不再切到 `linux && genarrative-build`，不再 `stash/unstash` 工具包。`scripts/jenkins-server-provision.sh` 不再安装 clang / lld / pkg-config / libssl-dev / sccache；当前 OpenSSL 3.2 独立运行时自举会安装 `build-essential` 等最小工具，这是满足 api-server/libcurl 运行时符号的受控例外，不代表 provision 承担 api-server 构建职责。非 dry-run 仍要求目标 dev / release agent 具备 root 权限，因为 provision 会写 systemd、Nginx、`/etc` 和系统用户。Job 的 `Pipeline script from SCM` 与 Jenkinsfile 参数 `SOURCE_GIT_REMOTE_URL` 都必须使用本机路径或目标 agent 可访问的内网 Git 源，不允许公网 Git fallback。
+- 决策：Server-Provision 只做服务器初始化，真实初始化阶段运行在目标部署 agent：development 使用 `linux && genarrative-dev-deploy`，release 使用 `linux && genarrative-release-deploy`。`Prepare Provision Tools` 与 `Provision Server` 在同一个目标 agent workspace 顺序执行，不再把 SpacetimeDB / otelcol 工具包放在 `linux && genarrative-build` 中转。`scripts/jenkins-server-provision.sh` 不再安装 clang / lld / pkg-config / libssl-dev / sccache；当前 OpenSSL 3.2 独立运行时自举会安装 `build-essential` 等最小工具，这是满足 api-server/libcurl 运行时符号的受控例外，不代表 provision 承担 api-server 构建职责。非 dry-run 仍要求目标 dev / release agent 具备 root 权限，因为 provision 会写 systemd、Nginx、`/etc` 和系统用户。Job 的 `Pipeline script from SCM` 必须使用 Jenkins controller 可访问的本机路径或内网 Git 源，不允许公网 Git fallback。
 - 追加决策（2026-06-10）：`Prepare Provision Tools` 必须先读取目标机现状，再准备需要的文件。目标机 `/usr/local/bin/otelcol-contrib` 版本匹配 `OTELCOL_VERSION` 时直接复用；`${SPACETIME_ROOT}/bin/current/spacetimedb-cli` 和 `spacetimedb-standalone` 存在且 CLI 版本匹配 `SPACETIME_EXPECTED_VERSION` 或 `SPACETIME_DOWNLOAD_ROOT` 中的版本时，直接复用当前安装生成 `provision-tools/`。只有目标机缺失、不可执行或版本不匹配时，才消费 `PROVISION_DOWNLOADS_DIR` 中的本地包或进入下载分支。
+- 追加决策（2026-06-22）：Server-Provision 不再要求目标 agent 自己 checkout 仓库，也不再保留 `SOURCE_GIT_REMOTE_URL` 参数。流水线先在 `linux && genarrative-build` 节点使用固定内网 SSH 源 checkout 并通过 `scripts/jenkins-checkout-source.sh` 校验 `SOURCE_BRANCH` / `COMMIT_HASH`，随后只把 provision 脚本、`scripts/deploy/**`、`deploy/**` 和 `.jenkins-source-commit` stash / unstash 到目标 agent。目标 agent 只接收 Jenkins 上传的脚本和配置后执行 `Prepare Provision Tools` / `Provision Server`，不需要访问源码 Git remote。
 - 影响范围：`jenkins/Jenkinsfile.production-server-provision`、`scripts/jenkins-server-provision.sh`、生产运维文档、Server-Provision 排障口径。
-- 验证方式：Jenkins 日志中 Server-Provision 的 `Prepare`、`Checkout Provision Files`、`Prepare Provision Tools` 和 `Provision Server` 都在目标 dev / release agent 上执行；日志不出现 `Running on Jenkins`、`linux && genarrative-build`、`stash 'server-provision-tools'`、`Git 主地址拉取失败...改用备用地址`、`https://git.genarrative.world/GenarrativeAI/Genarrative.git` 或构建依赖 / sccache 安装步骤；`bash -n scripts/jenkins-server-provision.sh` 和编码检查通过。
+- 验证方式：Jenkins 日志中 Server-Provision 的 `Prepare Provision Files` 在 `linux && genarrative-build` 上执行并使用 `genarrative-local-gitea-ssh`；`Provision Target` 下的 `Receive Provision Files`、`Prepare Provision Tools` 和 `Provision Server` 都在目标 dev / release agent 上执行；目标阶段日志不出现 Git checkout、`SOURCE_GIT_REMOTE_URL`、`Git 主地址拉取失败...改用备用地址`、`https://git.genarrative.world/GenarrativeAI/Genarrative.git` 或构建依赖 / sccache 安装步骤；`bash -n scripts/jenkins-server-provision.sh` 和编码检查通过。
 - 关联文档：`docs/【开发运维】本地开发验证与生产运维-2026-05-15.md`。
 
 ## 2026-06-05 api-server 重启先摘流再排空并持久化 outbox
@@ -1382,14 +1391,14 @@
 - 决策：新增 `deploy/container/` 容器化方案，使用 Docker Compose 组合 Linux release `api-server`、容器 SpacetimeDB、容器 Nginx、`otelcol-contrib` debug exporter 和可选 k6。该方案只用于本机或预发压测模拟，不替换当前生产 `systemd + Nginx + Jenkins` 路径。
 - 服务器模拟参数：2026-05-18 通过 `ssh genarrative-release` 采样，目标机器为 2 vCPU / 约 2 GiB RAM / Ubuntu 24.04 / Nginx `worker_connections=768`；容器方案按待发布运行口径使用 `nofile=4096`，并在 compose 中限制 `spacetimedb cpus=1.0 mem_limit=896m`、`api-server cpus=2.0 mem_limit=1g`、`external-generation-worker cpus=2.0 mem_limit=1g`、`nginx cpus=0.5 mem_limit=128m`、`otelcol cpus=0.25 mem_limit=128m`、`k6 cpus=1.0 mem_limit=512m`；Collector 镜像默认使用 `otel/opentelemetry-collector-contrib:0.151.0`。
 - 隔离边界：容器方案使用独立 `deploy/container/api-server.env`、独立 Nginx 配置、独立 compose 命令和默认 `18080` 端口；真实 token 不进入镜像、不提交 Git；生产 systemd 单元、Jenkins 发布脚本和 `deploy/nginx/` 模板仍是正式线上来源。
-- 生产 Collector：server-provision 可安装 `otelcol-contrib.service` 和本机 debug exporter 配置，但二进制由 Jenkins 构建机先准备 `provision-tools/otelcol-contrib` 再上传到 release 部署 agent，目标机不从 GitHub 下载；api-server 是否发送 OTLP 仍由 `GENARRATIVE_OTEL_ENABLED` 控制。
+- 生产 Collector：server-provision 可安装 `otelcol-contrib.service` 和本机 debug exporter 配置；当前二进制准备在目标部署 agent 的 `Prepare Provision Tools` 阶段完成，先复用目标机已有 `otelcol-contrib`，缺失或版本不匹配时再按 `PROVISION_DOWNLOADS_DIR` / `PROVISION_DOWNLOAD_PROXY` / 下载源准备。Jenkins 构建节点只上传 provision 脚本与配置，不上传 `provision-tools/otelcol-contrib`；api-server 是否发送 OTLP 仍由 `GENARRATIVE_OTEL_ENABLED` 控制。
 - 影响范围：`deploy/container/`、`scripts/container-compose.mjs`、`package.json` 容器命令、开发运维文档和容器 build context 排除规则。
 - 验证方式：执行 `npm run container:config` 展开 compose 配置；需要真实运行时再执行 `npm run container:build`、`npm run container:up`、`npm run container:k6`，并结合容器 Nginx log 与 OTLP debug exporter 判断瓶颈。
 - 关联文档：`deploy/container/README.md`、`docs/【开发运维】本地开发验证与生产运维-2026-05-15.md`。
 
 ## 2026-05-19 生产 provision 改为 Windows 下载包后由目标机本地安装
 
-- 后续更新：该口径已被 `2026-06-01 生产 Jenkins 流水线统一改为 Linux 优先并先查 localhost` 取代；当前 `Genarrative-Server-Provision` 不再走 Windows 下载阶段，而是在 Linux build 节点直接准备 `provision-tools/`。
+- 后续更新：该口径已被后续 Linux provision 口径取代；当前 `Genarrative-Server-Provision` 不再走 Windows 下载阶段，也不在 Linux build 节点准备 `provision-tools/`。Jenkins 构建节点只准备并上传 provision 脚本和配置，SpacetimeDB / otelcol 工具包在目标部署 agent 的 `Prepare Provision Tools` 阶段按目标机现状生成。
 - 背景：当前 `development` provision 目标实际就是 Linux agent `genarrative-build-01`，之前把 `Prepare Provision Tools` 放在 `linux && genarrative-build` 会让目标机自己连 GitHub 和 `install.spacetimedb.com`，违背“Windows 本机先下载再传到目标机”的运维要求。
 - 决策：`Genarrative-Server-Provision` 拆成 Windows 下载阶段和 Linux 目标机安装阶段。Windows 节点的 `Download Provision Tool Archives` 只下载 `spacetime-x86_64-unknown-linux-gnu.tar.gz` 和 `otelcol-contrib_0.151.0_linux_amd64.tar.gz`，通过 `stash/unstash` 传到目标 Linux 节点；目标机执行 `scripts/prepare-server-provision-tools.sh` 时设置 `PROVISION_REQUIRE_LOCAL_DOWNLOADS=true`，只消费已下载件生成 `provision-tools/`，缺包直接失败，不回退外网下载。
 - 追加决策：Server-Provision 的 Windows helper 不再对 Jenkins `writeFile` 刚写出的 `.ps1` 做原地 UTF-8 BOM 重写，而是由显式 `powershell.exe` 按 UTF-8 读入脚本文本，并用 `ScriptBlock::Create(...)` 在内存中执行；这样既保留中文脚本内容，又避免同一个 workspace 脚本被立即重写时触发 `拒绝访问`。
diff --git a/docs/project-memory/shared-memory/pitfalls.md b/docs/project-memory/shared-memory/pitfalls.md
index c0803f64f..5bbb63fab 100644
--- a/docs/project-memory/shared-memory/pitfalls.md
+++ b/docs/project-memory/shared-memory/pitfalls.md
@@ -23,12 +23,20 @@
 - 验证：`http://127.0.0.1:3101/v1/ping` 可访问、`http://127.0.0.1:8082/healthz` 返回 200、`http://127.0.0.1:3000/` 和 `http://127.0.0.1:3102/admin/` 可打开。
 - 关联：`scripts/dev.mjs`、`.app/dev-stack.json`、`docs/project-memory/shared-memory/development-workflow.md`。
 
-## 图片画布角色动作结果不能把首帧当主媒体
+## API Build / Deploy 归档清单不能漏掉随包 Pingora 脚本
 
-- 现象：画板里 `生成角色动作` 返回后显示成一张不可播放图片，点击下载或素材 ZIP 导出时拿到的也是 PNG，而不是动作视频。
-- 原因：后端已经生成 `previewVideoPath`，并继续执行抽帧、绿幕去背和帧素材 OSS 落盘；前端落层时却把 `frames[0].imageSrc` 当作图层主 `src`，且没有设置 `mediaType: "video"`，导致预览和导出都按图片处理。
-- 处理：角色动作结果图层主 `src` 必须使用 `previewVideoPath`，`mediaType` 固定为 `video`，`assetKind` 固定为 `character-animation`；首帧透明 PNG 只写入 `thumbnailSrc`，用于 `<video poster>` 和后续动作素材二次生成源。不得移除后端原有视频生成、抽帧、绿幕去背和帧落盘流程。
-- 验证：`ImageCanvasGenerationLayerModel` 应断言动作结果 `src` 为预览视频且 `thumbnailSrc` 为首帧；画布集成测试应出现 `<video controls poster=...>`；导出模型应按 `mediaType="video"` 输出 mp4/webm/mov 等真实视频扩展名。
+- 现象：`Genarrative-Api-Deploy` 在发布阶段报 `发布产物缺少 Pingora TLS 证书同步脚本: build/<version>/scripts/deploy/pingora-tls-cert-sync.mjs`。
+- 原因：`scripts/build-production-release.sh` 已经把脚本复制进 `build/<version>/scripts/deploy/`，但 Jenkins API Build 的 `archiveArtifacts` 和 API Deploy 的 `copyArtifacts` 过滤清单仍可能漏掉新增随包脚本，导致 Deploy 工作区拿到的是残缺发布包。
+- 处理：新增随包部署脚本时，必须同时更新 `jenkins/Jenkinsfile.production-api-build` 的归档清单、`jenkins/Jenkinsfile.production-api-deploy` 的复制清单和 `scripts/check-production-ops-guardrails.mjs` 的字符串门禁；不要在 Deploy Job 里从工作区根目录或源码 checkout 兜底补脚本。
+- 验证：运行 `npm run check:production-ops`、`npm run check:production-api-release` 和 `npm run check:production-api-deploy`，确认构建包、Jenkins 归档链路和 deploy fail-fast 检查口径一致。
+- 关联：`jenkins/Jenkinsfile.production-api-build`、`jenkins/Jenkinsfile.production-api-deploy`、`scripts/deploy/production-api-deploy.sh`、`scripts/check-production-ops-guardrails.mjs`。
+
+## 图片画布角色动作结果主类型是序列帧
+
+- 现象：产品要求画板 `生成角色动作` 返回后按透明序列帧播放和下载，但旧实现或旧测试可能继续把结果当作预览视频处理。
+- 原因：后端仍需要先生成 `previewVideoPath` 再抽帧、绿幕去背和落 OSS；如果前端把预览视频当主媒体，就会绕过已经扣绿幕的 PNG 帧，也无法按序列帧打包下载。
+- 处理：角色动作结果图层主 `src` 使用 `frames[0].imageSrc`，`mediaType` 固定为 `image-sequence`，`assetKind` 固定为 `character-animation`，完整帧列表写入 `imageSequenceFrames`，`previewVideoPath` 只作为来源信息保留。单图层下载必须生成序列帧 ZIP；画布素材 ZIP 中角色动作写入 `sequences/<编号-标题>/frames/`。不得移除后端原有视频生成、抽帧、绿幕去背和帧落盘流程。
+- 验证：`ImageCanvasGenerationLayerModel` 应断言动作结果 `src` 为首帧且 `mediaType="image-sequence"`；画布集成测试应出现 `画布序列帧：角色动作` 图片播放器，不应出现角色动作 `<video>`；导出测试应断言角色动作下载和画布素材导出都包含序列帧 ZIP / frames 目录。
 - 关联：`src/components/image-editor/ImageCanvasGenerationLayerModel.ts`、`src/components/image-editor/ImageCanvasWorldView.tsx`、`src/components/image-editor/ImageCanvasExportModel.ts`、`server-rs/crates/api-server/src/character_animation_assets.rs`、`docs/【编辑器】画板角色形象生成入口设计-2026-06-15.md`。
 
 ## Vidu 文生音频线上网关可能要求 sound 字段
@@ -166,7 +174,6 @@
 - 处理：Windows 本地 dev 脚本应把 `RUSTC_WRAPPER` 和 `CARGO_BUILD_RUSTC_WRAPPER` 显式设为空字符串，让 Cargo 覆盖项目配置并直连真实 rustc；Linux 保持 `/usr/bin/env` 绕过 sccache。
 - 验证：`npm run test -- scripts/dev.test.ts -t "Windows 下本地 dev Rust env 用空 wrapper 覆盖项目 sccache"`，并用 `npm run dev:api-server` 拉起后访问实际 api 端口的 `/healthz` 返回 200。
 - 关联：`scripts/dev.mjs`、`scripts/dev.test.ts`、`docs/【开发运维】本地开发验证与生产运维-2026-05-15.md`。
-
 ## Pingora 直连 80/443 不能只改 env
 
 - 现象：`/etc/genarrative/pingora-gateway.env` 已把 `GENARRATIVE_PINGORA_GATEWAY_TLS_LISTEN` / `HTTP_REDIRECT_LISTEN` 改到 `0.0.0.0:443` / `0.0.0.0:80`，但 `genarrative-pingora-gateway.service` 启动失败，日志出现低端口绑定权限错误。
@@ -1646,12 +1653,12 @@
 - 验证：运行 `git ls-files --stage scripts/prepare-server-provision-tools.sh`，确认 mode 为 `100755`；重新跑 `Genarrative-Server-Provision` 时应进入工具下载/打包日志，而不是停在 `Permission denied`。
 - 关联：`jenkins/Jenkinsfile.production-server-provision`、`scripts/prepare-server-provision-tools.sh`、`scripts/jenkins-checkout-source.sh`、`docs/【开发运维】本地开发验证与生产运维-2026-05-15.md`。
 
-## Server-Provision 工具准备只在目标部署 agent 内做一次
+## Server-Provision 目标机只接收并执行 Jenkins 上传的脚本
 
-- 现象：`Genarrative-Server-Provision` 选择 `DEPLOY_TARGET=development` 时如果阶段跑在 `Running on Jenkins` 或 `linux && genarrative-build`，真实 provision 会落到构建机 / controller，而不是 dev 服务器。
-- 原因：Server-Provision 是服务器初始化流水线，dev / release 都是目标服务器，不应把 development 当成 build 节点预览目标，也不应通过 build 节点 stash 工具包再切回目标机；同时公网 Git fallback 会让目标 agent 内网源不可达时悄悄改从公网拉源码，掩盖服务器路由问题。
-- 处理：Server-Provision 全程运行在目标部署 agent：development 使用 `linux && genarrative-dev-deploy`，release 使用 `linux && genarrative-release-deploy`。`Prepare Provision Tools` 和 `Provision Server` 在同一个目标 agent workspace 内顺序执行，不再使用 `linux && genarrative-build`，也不再 `stash/unstash` 工具包。Job 的 `Pipeline script from SCM` 与参数 `SOURCE_GIT_REMOTE_URL` 都必须指向本机路径或内网 Git 源，不允许 `https://git.genarrative.world/...` 公网地址。
-- 验证：Jenkins 日志中 `Provision Target` 下的 `Prepare`、`Checkout Provision Files`、`Prepare Provision Tools` 和 `Provision Server` 都应运行在目标 dev / release agent；日志不应出现 `stash 'server-provision-tools'`、目标阶段 `unstash`、`Git 主地址拉取失败...改用备用地址` 或 `https://git.genarrative.world/GenarrativeAI/Genarrative.git`。
+- 现象：`Genarrative-Server-Provision` 选择 `DEPLOY_TARGET=development` / `release` 时，目标阶段仍要求填写 `SOURCE_GIT_REMOTE_URL`，或在目标 dev / release agent 上执行 Git checkout。
+- 原因：旧流水线要求目标 agent 自己拉取 provision 脚本，导致服务器初始化依赖目标机到 Git remote 的网络可达性；公网 Git fallback 还会让目标 agent 内网源不可达时悄悄改从公网拉源码，掩盖路由问题。新口径改为 Jenkins 构建节点准备并上传脚本，目标机只接收和执行。
+- 处理：`Prepare Provision Files` 在 `linux && genarrative-build` 上使用固定内网 SSH 源和 Jenkins 凭据 `genarrative-local-gitea-ssh` checkout / 校验 `SOURCE_BRANCH` / `COMMIT_HASH`，并把 provision 脚本、`scripts/deploy/**`、`deploy/**` 和 `.jenkins-source-commit` stash 给目标 agent。`Provision Target` 下的 `Receive Provision Files`、`Prepare Provision Tools` 和 `Provision Server` 必须运行在目标部署 agent：development 使用 `linux && genarrative-dev-deploy`，release 使用 `linux && genarrative-release-deploy`。目标 agent 不再需要 `SOURCE_GIT_REMOTE_URL`，也不再 checkout Git。
+- 验证：Jenkins 日志中应先看到 `Prepare Provision Files` 在 `linux && genarrative-build` 上完成源码准备和 `stash 'server-provision-files'`，再看到 `Provision Target` 下的 `Receive Provision Files`、`Prepare Provision Tools` 和 `Provision Server` 在目标 dev / release agent 上运行；目标阶段日志不应出现 Git checkout、`SOURCE_GIT_REMOTE_URL`、`Git 主地址拉取失败...改用备用地址` 或 `https://git.genarrative.world/GenarrativeAI/Genarrative.git`。
 - 关联：`jenkins/Jenkinsfile.production-server-provision`、`scripts/prepare-server-provision-tools.sh`、`docs/【开发运维】本地开发验证与生产运维-2026-05-15.md`。
 
 ## Server-Provision 不要无条件下载工具包
diff --git a/docs/technical/【前端架构】图片画布素材导出方案-2026-06-15.md b/docs/technical/【前端架构】图片画布素材导出方案-2026-06-15.md
index f35031445..395aae8ca 100644
--- a/docs/technical/【前端架构】图片画布素材导出方案-2026-06-15.md
+++ b/docs/technical/【前端架构】图片画布素材导出方案-2026-06-15.md
@@ -22,6 +22,7 @@
 
 - 导出当前画布中有效图层引用的图片。
 - 包含上传图、生成图、修改生成结果。
+- 角色动作 `image-sequence` 图层导出完整透明 PNG 序列帧。
 - 默认包含隐藏图层。
 - 跳过已被素材库删除且已判定无效的上传图层。
 - 锁定、分组、翻转等状态不影响图片文件导出，但写入元数据。
@@ -50,6 +51,13 @@
 │  ├─ 001-拼图素材.png
 │  ├─ 002-生成图片.png
 │  └─ 003-修改结果.png
+├─ sequences/
+│  └─ 004-角色动作/
+│     ├─ frames/
+│     │  ├─ frame-01.png
+│     │  └─ frame-02.png
+│     ├─ metadata.json
+│     └─ manifest.txt
 ├─ metadata.json
 └─ manifest.txt
 ```
@@ -120,10 +128,11 @@ assetObjectId > objectKey > sourceAssetId > src
 
 1. 从当前 `layers` 取目标图层。
 2. 过滤无效图层，保留隐藏图层。
-3. 按去重 key 合并图片源。
-4. 对每个图片源读取 Blob：
+3. 按去重 key 合并图片源或序列帧源。
+4. 对每个素材源读取 Blob：
    - `data:image/...` 直接转换为 Blob。
    - 同源或可访问 URL 使用 `fetch` 拉取 Blob。
+   - `mediaType="image-sequence"` 逐帧读取 `imageSequenceFrames`，写入 `sequences/<编号-标题>/frames/`。
    - 拉取失败时记录失败项，不中断整个导出。
 5. 使用 `JSZip` 写入 `images/`、`metadata.json` 和 `manifest.txt`。
 6. `zip.generateAsync({ type: 'blob' })` 生成文件。
diff --git a/docs/technical/【前端架构】图片画布编辑器MVP接入方案-2026-06-11.md b/docs/technical/【前端架构】图片画布编辑器MVP接入方案-2026-06-11.md
index e7c0fdfca..486b802c3 100644
--- a/docs/technical/【前端架构】图片画布编辑器MVP接入方案-2026-06-11.md
+++ b/docs/technical/【前端架构】图片画布编辑器MVP接入方案-2026-06-11.md
@@ -9,15 +9,17 @@
 - 主站新增 `/editor/canvas` 路由，进入独立图片画布编辑器阶段。
 - 主站新增 `/project` 项目页，从“我的”页项目入口进入，展示当前用户所有图片画布工程；点击项目进入 `/editor/canvas?projectid=<projectId>`。
 - 创作 Tab 顶部提供编辑器入口，入口只负责跳转，不参与玩法创作链路。
+- 编辑器顶部栏采用紧凑高度，项目标题和重命名入口贴近返回项目按钮；右侧常驻展示当前账号泥点余额，样式对齐创作主页顶部钱包 chip，点击后复用创作主页右上角泥点入口的账户充值 / 兑换码弹窗与支付确认反馈。
 - 编辑器左侧为图片素材栏，可展开 / 收起；移动端优先保持素材栏可折叠。
 - 中央画布支持背景拖拽平移、滚轮缩放、缩放百分比菜单、显示所有元素和固定比例缩放。
 - 画布左下角提供 Lovart 式状态控件：背景色圆点、素材 / 图层入口、小地图开关；小地图显示图层缩略分布和当前视口框，点击小地图执行显示所有元素。
+- 画布 chrome 的边框、hover / 选中态、吸附 / 框选参考线、生成类按钮和通用 active 控件使用陶泥儿暖色主题（以 `--platform-accent`、陶土橙主按钮和深棕文字为基准），不得回退为黑色或蓝色主题；元素类型自身的识别色可继续保留。
 - 画布中的图片可展示、悬浮显示图片 Resolution 尺寸与边框，点击后在图片上方显示浮动工具栏；浮动工具栏只保留当前可执行的编辑动作，不放调整 / 复制 / 删除 / 查看信息占位按钮。图片右上角素材类型标签、图片信息角标和悬浮尺寸标签在画布缩小时必须按 viewport 反向缩放，保持屏幕可读尺寸；无 `assetKind` 的素材右上角显示 `未知` 标签，点击标签弹出独立标签选择菜单并可写回图层 `assetKind`，不能触发图层选择 / 拖拽事件；图片信息角标使用圆形 `i` 图标，不使用中括号或花括号样式。图片不再维护独立展示 `Size` 字段，画布显示宽高统一取 `originalWidth/originalHeight`（图片信息中的 `Resolution`）。
 - 默认工具为选择模式；底部工具栏采用 AI 画布工作流工具组：选择、抓手、上传、生成图片、生成视频、生成音乐、生成规范、生成角色形象、生成图标素材、生成 UI 设计图。底部栏不再展示文字工具、形状标注工具和导出工具；上传与生成图片之间、生成音乐与生成规范之间各有一个半图标高度分割线。
 - 鼠标中键拖拽始终平移画布；长按 Space 临时进入抓手模式，松开后恢复原工具。
 - 图片拖拽时显示水平 / 垂直吸附参考线，吸附到其它图层、生成占位框或画板的边缘与中心线；当移动元素接近两个同轴元素形成的等距位置时，支持横向或纵向等距吸附。
 - 生成资源右上角显示元数据按钮，点击打开独立元数据窗口。图片信息页不展示后端组装后的生图 Prompt，也不提供复制 Prompt；只展示该图片生成时用户在面板里提交的输入快照，包括普通生成提示词、规范表单字段、角色设定、图标素材描述、快速编辑提示词、重绘提示词，以及角色规范 / 常规参考图 / 图标规范 / 编辑参考图等参考图卡片。参考图输入快照只保存 `refType/refId` 行引用，其中 `refType="project-resource"` 指向 `editor_project_resource.resourceId`，`refType="asset"` 指向 `editor_asset.assetId`；不得把图片 Data URL、普通 URL 或 `objectKey` 写入 `generationInputs.references`。旧数据或上传图片没有输入快照时显示 `-`，禁止回退展示内部 Prompt。
-- 对生成资源执行重绘时，在右侧创建新的生成结果图层，并自动调整视图显示原图和新图；重绘面板不因提交成功自动关闭，便于连续改提示词。
+- 对生成资源执行重绘时，在右侧创建新的生成结果图层，并自动调整视图显示原图和新图；重绘面板不因提交成功自动关闭，便于连续改提示词。重绘 / 改造输入框只允许从 `generationInputs.fields` 中恢复用户可见输入快照，例如普通生成提示词、视频描述、音效 `prompt`、背景音乐 `gpt_description_prompt`、角色设定、UI 用户输入、图标素材描述、规范表单和宣发素材字段；禁止回退展示资源 `prompt` / `actualPrompt` 中的后端拼接 Prompt、固定生成模板或模型默认提示词。没有用户输入快照的旧图层打开改造时保持空输入，等待用户重新填写。
 - 图片生成 / 修改统一经 api-server BFF 接入 VectorEngine。普通生成、生成规范和重绘保留既有 `gpt-image-2` 路径；图片快速编辑默认从原图模型和分辨率初始化，但提交使用面板当前选择的 `model/aspectRatio/imageSize`；其中生成规范类图片固定 `16:9`、`2K`、`gpt-image-2`，面板底部用与可编辑面板一致的比例 / 尺寸 / 模型胶囊按钮展示固定参数，但按钮为禁用态，不允许在该面板改比例、尺寸或模型。`生成角色形象` 与 `生成图标素材` 支持 `nanobanana2`（`gemini-3.1-flash-image-preview`）和 `gpt-image-2`，默认 `nanobanana2`，并在两类面板之间沿用用户上次选择的模型。`nanobanana2` 走 `/v1beta/models/{model}:generateContent`，请求体写入 `generationConfig.imageConfig.aspectRatio/imageSize`；`gpt-image-2` 走 `/v1/images/generations` 或 `/v1/images/edits`，请求体按 VectorEngine 文档映射 `size`。宣发素材必须按 workflow 同时提交 `outputSize`、`aspectRatio` 和 `imageSize`，其中游戏首图为 `720x540 / 4:3`、详情单图为 `720x1280 / 9:16`、运营海报为 `1280x720 / 16:9`；生成回填图层优先使用生成占位的 `originalWidth/originalHeight`，即使上游回包尺寸漂移也不得把宣发素材卡片变成随机 `1:1` 或 `4:3`。纯文本生成走 `/api/editor/images/generations`，重绘在前端读入当前图层图片 Data URL 后走同一图片生成 BFF，并在原图右侧生成一张新图；普通图层重绘作为 `quick-edit` 参考图提交，角色图层重绘必须按 `kind: "character"` 提交，继续套用角色生成器提示词限定、透明 PNG 后处理和角色资产持久化。`生成视频` 走 `/api/editor/videos/generations`，前端模型入口仅展示 Seedance 2.0 Fast / Seedance 2.0 / Kling 3.0 / Kling 3.0 Omni，不展示 Veo 入口，默认 Seedance 2.0 Fast；视频参数按当前正式面板支持的比例、时长、清晰度和声音开关提交，且 Seedance Fast 与 Seedance 标准版必须按各自真实模型 ID 独立映射，不得混用。生成结果以视频图层加入画布。纯文本生成入口采用 Lovart 式画布内占位图 + 锚定生成输入框：点击生成图片后以当前视口世界中心为目标，经统一 placement 避让后创建选中的灰色占位框，输入框跟随占位框显示；待生成、生成中和失败后保留的占位图都必须继续支持拖动，生成完成时真实生成图或视频落在最新占位框位置，输入框继续跟随新生成图层；占位图失焦时隐藏高亮边框、左上角生成器名称和右上角原始尺寸，重新聚焦时再显示，且名称 / 尺寸在画布缩小时按 viewport 反向缩放保持屏幕尺寸稳定；点击所有图片 / 视频生成入口并确认请求开始后，必须隐藏对应设置面板，只保留画布内占位图或原图预览，并在预览上显示 Lovart 式生成中遮罩，避免“面板仍占屏”或“预览一起消失”。图片快速编辑和重绘在调用图片 BFF 前必须把当前图层图片源读取为图片 Data URL；视频素材快速编辑走视频生成 BFF，不允许走图片模型；角色动作快速编辑固定使用 `seedance2.0-fast` 动作 / 视频模型。前端不持有 provider 密钥；上游失败或配置缺失时恢复当前生成设置面板展示失败，不创建 mock 成功图。
 - 快速编辑面板对齐其它生成类面板：首行支持额外参考图，最多 8 张；原图 / 原素材自动作为最后一张隐式参考提交，但不在参考图条里固定展示 `图x`。打开快速编辑时画布必须自动平移缩放，让原素材完整落在可视区上半部分，底部面板固定出现在素材下方且不遮挡内容，竖屏 UI 素材也必须完整展示。快速编辑右侧显示矩形、椭圆、画笔框选工具，但进入时不默认启用；点击工具后显示选中态，再点同一工具取消启用。尺寸和模型默认从原素材配置 / 分辨率推断，底部参数胶囊可点击修改；图片快速编辑左下角统一显示 `x:y·xK`，右下角模型胶囊紧贴生成按钮。提交前将提示词里对原素材的 `原图`、`当前图片`、`当前图` 或 `图1` 引用改写为最后一张源素材编号，例如额外 1 张参考图时写成 `图2`。点击快速编辑生成后立即创建独立 `Quick Edit Generator` 画布占位播放生成中动画，不再在原图图层上播放生成中遮罩；该生成中占位可通过键盘 `Delete` / `Backspace` 删除。
 - 底部生成类按钮每次点击都必须创建独立的画布生成对象；新建规范、角色形象或图标素材时，只切换当前编辑面板，不得销毁此前尚未生成或已生成后的其它生成对象状态。归档为非当前编辑对象的生成占位仍可拖动、删除和等待异步完成，完成 / 失败回写必须按生成对象 ID 读取最新占位状态，不能使用提交瞬间的旧快照。
diff --git a/docs/【开发运维】本地开发验证与生产运维-2026-05-15.md b/docs/【开发运维】本地开发验证与生产运维-2026-05-15.md
index fc69301be..ac17e3b2d 100644
--- a/docs/【开发运维】本地开发验证与生产运维-2026-05-15.md
+++ b/docs/【开发运维】本地开发验证与生产运维-2026-05-15.md
@@ -373,7 +373,7 @@ Pingora current release 自审脚本 `scripts/ops/pingora-current-release-audit.
 
 `Genarrative-Web-Build` 打包 `web.tar.gz` 前、`Genarrative-Web-Deploy` 解包后都会把 Web 静态目录规范为目录 `755`、文件 `644`。如果前端页面能打开但 public 图片、字体或音频返回 `403 Forbidden`，优先检查当前 `/srv/genarrative/web` 指向的 release 中对应文件权限是否被异常归档为 `600`，临时恢复可对该 release 的 `web` 目录执行目录 `755`、文件 `644` 的权限修正。
 
-生产 Jenkins 的 `Pipeline script from SCM` 由 Jenkins controller 读取 Jenkinsfile。`Genarrative-Server-Provision` 是服务器初始化流水线，Job 配置里的 SCM URL 必须使用 controller 本机可访问的仓库路径或内网 Gitea 地址，不能使用 `https://git.genarrative.world/...`；否则日志一开始的 `Checking out git ... to read jenkins/Jenkinsfile.production-server-provision` 就会先从公网拉 Jenkinsfile。构建类流水线的 Jenkinsfile 内部 checkout 统一使用 `ssh://git@192.168.35.82:2222/GenarrativeAI/Genarrative.git`，并显式传入 Jenkins SSH 凭据 `genarrative-local-gitea-ssh`；不再配置 `https://git.genarrative.world/...` 公网 fallback，也不再默认使用 `http://genarrative-station/git/GenarrativeAI/Genarrative.git`。所有 `GitSCM checkout` 都必须保留单分支 refspec、`shallow=true`、`depth=1`、`noTags=true` 与 `honorRefspec=true`。API / Web / Stdb 发布类流水线不在目标机器 checkout Git，统一执行上游构建归档里的部署脚本，避免产物 commit 与部署脚本 commit 漂移。
+生产 Jenkins 的 `Pipeline script from SCM` 由 Jenkins controller 读取 Jenkinsfile。`Genarrative-Server-Provision` 是服务器初始化流水线，Job 配置里的 SCM URL 必须使用 controller 本机可访问的仓库路径或内网 Gitea 地址，不能使用 `https://git.genarrative.world/...`；否则日志一开始的 `Checking out git ... to read jenkins/Jenkinsfile.production-server-provision` 就会先从公网拉 Jenkinsfile。构建类流水线和 `Genarrative-Server-Provision` 的 Jenkinsfile 内部源码准备阶段统一使用 `ssh://git@192.168.35.82:2222/GenarrativeAI/Genarrative.git`，并显式传入 Jenkins SSH 凭据 `genarrative-local-gitea-ssh`；不再配置 `https://git.genarrative.world/...` 公网 fallback，也不再默认使用 `http://genarrative-station/git/GenarrativeAI/Genarrative.git`。所有 `GitSCM checkout` 都必须保留单分支 refspec、`shallow=true`、`depth=1`、`noTags=true` 与 `honorRefspec=true`。API / Web / Stdb 发布类流水线不在目标机器 checkout Git，统一执行上游构建归档里的部署脚本，避免产物 commit 与部署脚本 commit 漂移；Server-Provision 也不在目标 dev / release agent checkout Git，而是由 Jenkins 构建节点先准备 provision 脚本与配置并上传给目标 agent。
 
 当前 Jenkins / 本机内网 Git 入口固定为 `ssh://git@192.168.35.82:2222/GenarrativeAI/Genarrative.git`，用于 controller、构建节点和本机 Agent 直接拉取仓库，避免绕公网 `git.genarrative.world`。验证时在具备对应 SSH key 和 known_hosts 的环境执行 `git ls-remote ssh://git@192.168.35.82:2222/GenarrativeAI/Genarrative.git HEAD`，应能返回 HEAD。若机器仍保留旧的 `http://genarrative-station/git/GenarrativeAI/Genarrative.git` 或 `http://10.2.0.10/GenarrativeAI/Genarrative.git` 内网入口，只作为历史兼容和排障参考，新流水线不再默认使用。
 
@@ -383,7 +383,7 @@ Pingora current release 自审脚本 `scripts/ops/pingora-current-release-audit.
 
 `Genarrative-Stdb-Module-Build` 或 SpacetimeDB module 构建失败若出现 Rust `E0425 cannot find function migrate_*`，优先排查 `server-rs/crates/spacetime-module/src/runtime/creation_entry_config.rs` 等同文件内默认种子迁移 helper 是否在分支合并时只保留了调用、漏掉了函数定义。`Genarrative-Stdb-Module-Build` 现在运行在 `linux && genarrative-build` 节点上，Checkout 与 Build 都走 bash + cargo + sccache，不再依赖 Windows PowerShell 或 Git Bash；Stdb module 的 `CARGO_HOME`、`CARGO_TARGET_DIR` 和 `SCCACHE_DIR` 默认落在稳定缓存根 `~/caches/genarrative-jenkins/stdb-module` 下，可用 `GENARRATIVE_STDB_CACHE_ROOT` 覆盖，避免 `WORKSPACE@tmp` 被清理后无改动也触发近似冷构建。修复时不要直接删除迁移调用；应恢复只纠偏历史默认种子且不覆盖后台手动配置的 helper，并用 `cargo check -p spacetime-module --manifest-path server-rs/Cargo.toml` 复现 Jenkins module 编译路径。
 
-`Genarrative-Server-Provision` 只做服务器初始化，不再承担构建职责。流水线全程运行在目标服务器 agent：`DEPLOY_TARGET=development` 使用 `linux && genarrative-dev-deploy`，`DEPLOY_TARGET=release` 使用 `linux && genarrative-release-deploy`；`Prepare Provision Tools` 也在同一个目标 agent 工作区内准备 SpacetimeDB 与 `otelcol-contrib` 交付件，不再切到 `linux && genarrative-build`，也不再 stash 给后续阶段。`SOURCE_GIT_REMOTE_URL` 必须显式填写为目标 agent 可访问的本机路径、`file:///` 地址、localhost / 127.0.0.1、RFC1918 内网 HTTP Git 地址、单标签内网主机名或 `.local` / `.lan` / `.internal` 地址；这条流水线不配置公网 Git 备用地址，目标 agent 拉不到内网源就应直接失败。真实初始化会写入 `/etc` / systemd / Nginx、创建系统用户并修改服务，目标 dev / release agent 非 dry-run 时都必须具备 root 权限。
+`Genarrative-Server-Provision` 只做服务器初始化，不再承担构建职责。流水线先在 `linux && genarrative-build` 节点读取指定 `SOURCE_BRANCH` / `COMMIT_HASH` 的仓库内容，只把 `scripts/jenkins-server-provision.sh`、`scripts/prepare-server-provision-tools.sh`、`scripts/deploy/**`、`deploy/**` 和 `.jenkins-source-commit` 打包上传给目标 agent；目标 agent 不再接收 `SOURCE_GIT_REMOTE_URL`，也不再 checkout Git。真正会读取目标机现状和写系统配置的阶段仍只在目标服务器 agent 执行：`DEPLOY_TARGET=development` 使用 `linux && genarrative-dev-deploy`，`DEPLOY_TARGET=release` 使用 `linux && genarrative-release-deploy`；`Prepare Provision Tools` 与 `Provision Server` 在同一个目标 agent 工作区内顺序执行，前者准备 SpacetimeDB 与 `otelcol-contrib` 交付件，后者写入 `/etc` / systemd / Nginx、创建系统用户并修改服务。目标 dev / release agent 非 dry-run 时必须具备 root 权限。
 
 生产环境变量模板：`deploy/env/api-server.env.example`。真实密钥只放服务器，不提交 Git，不写入文档示例。
 
@@ -398,8 +398,8 @@ Pingora current release 自审脚本 `scripts/ops/pingora-current-release-audit.
 - `api-server` 正常运行时 `/healthz` 只返回进程存活状态，`/readyz` 会同时检查进程是否仍接收新流量和 SpacetimeDB 连接租约是否健康；收到 `SIGINT` / `SIGTERM` 后会先把 readiness 标记为不可用，再让 Axum 停止接新连接并等待已有 HTTP 请求排空。systemd 仍以 `KillSignal=SIGINT` 停服务，`TimeoutStopSec=90` 作为长请求排空上限。
 - SpacetimeDB 健康检查默认使用 `GENARRATIVE_SPACETIME_HEALTH_CHECK_TIMEOUT_SECONDS=2` 的短等待窗口，和业务 procedure 的 `GENARRATIVE_SPACETIME_PROCEDURE_TIMEOUT_SECONDS` 分开。`/readyz` 失败时 `details.spacetime.stage` 会标出当前卡住阶段：`pool_acquire`、`connect_build`、`connect_handshake`、`read_model_subscribe`、`procedure_result`、`reducer_result` 或 `read_cache`；`elapsedMs` / `timeoutMs` 用于确认是否命中健康检查窗口。业务请求日志也会写入 `operation_kind`、`operation_name`、`spacetime_stage` 和 `elapsed_ms`，后续 45 秒超时不再只靠 Nginx `request_time=45s` 推断。
 - `genarrative-api.service` 设置 `LimitNOFILE=65535`、`TasksMax=2048`；上线后用 `systemctl show genarrative-api.service -p LimitNOFILE -p TasksMax -p TimeoutStopUSec` 和 `cat /proc/$(pidof api-server)/limits` 核对。
-- Server provision 不再通过 Windows helper 下载，也不再通过 Linux build 节点中转工具包。`Prepare Provision Tools` 在目标 dev / release agent 工作区内先检查 `/usr/local/bin/otelcol-contrib` 与 `${SPACETIME_ROOT}/bin/current`：版本已满足时直接复用目标机现有文件生成 `provision-tools/`，只有缺失或版本不匹配时才使用 `PROVISION_DOWNLOADS_DIR` 里的本地包或从配置的下载源准备 SpacetimeDB `2.5.0` / `otelcol-contrib 0.151.0`；如果目标服务器下载需要代理，在 `PROVISION_DOWNLOAD_PROXY` 配置目标机可访问的 HTTP 代理。
-- 除 `Genarrative-Server-Provision` 外，`Genarrative-Stdb-Module-Build`、`Genarrative-Web-Build`、`Genarrative-Api-Build`、`Genarrative-*Deploy`、`Genarrative-Database-Import/Export`、`Genarrative-Full-Build-And-Deploy` 和 `Genarrative-Notify-Email` 的生产流水线现都以 Linux agent 为主，仍按各自 Jenkinsfile 的 checkout 口径执行。Server provision 不使用公网备用 Git 源。
+- Server provision 不再通过 Windows helper 下载，也不再通过 Linux build 节点中转 SpacetimeDB / otelcol 工具包；Linux build 节点只负责从内网 Git 源准备 provision 脚本和配置并上传给目标 agent。`Prepare Provision Tools` 在目标 dev / release agent 工作区内先检查 `/usr/local/bin/otelcol-contrib` 与 `${SPACETIME_ROOT}/bin/current`：版本已满足时直接复用目标机现有文件生成 `provision-tools/`，只有缺失或版本不匹配时才使用 `PROVISION_DOWNLOADS_DIR` 里的本地包或从配置的下载源准备 SpacetimeDB `2.5.0` / `otelcol-contrib 0.151.0`；如果目标服务器下载需要代理，在 `PROVISION_DOWNLOAD_PROXY` 配置目标机可访问的 HTTP 代理。
+- 除 `Genarrative-Server-Provision` 外，`Genarrative-Stdb-Module-Build`、`Genarrative-Web-Build`、`Genarrative-Api-Build`、`Genarrative-*Deploy`、`Genarrative-Database-Import/Export`、`Genarrative-Full-Build-And-Deploy` 和 `Genarrative-Notify-Email` 的生产流水线现都以 Linux agent 为主，仍按各自 Jenkinsfile 的 checkout 口径执行。Server provision 不使用公网备用 Git 源，目标部署 agent 也不再需要访问源码 Git remote。
 - `otelcol-contrib.service` 作为可选系统服务加入 provision，默认监听 `127.0.0.1:4317/4318` 并使用 `deploy/otelcol/genarrative-debug.yaml`。api-server 是否发送 OTLP 仍由 `GENARRATIVE_OTEL_ENABLED` 控制，服务 unit 见 `deploy/systemd/otelcol-contrib.service`。该服务必须存在系统用户 / 组 `otelcol`，并且 `/etc/otelcol/genarrative-debug.yaml` 已安装到目标机；若看到 `status=217/USER` 或 `Failed to determine user credentials`，优先检查 `getent passwd otelcol`，再补齐 `/etc/otelcol` 配置目录并重启服务。
 - Nginx `/api/` 与 `/admin/api/` 通过 `genarrative_api` upstream 代理到 `127.0.0.1:8082`，upstream keepalive 为 64；`limit_conn` 负责连接 / 并发保护，`limit_req` 负责入口 RPS 快拒绝。当前模板把公开 gallery list 单独放到 `genarrative_gallery_rps`，默认 `rate=5000r/s`、`burst=4096`、`limit_conn=320`；公开详情和普通 API 放到 `genarrative_api_rps`，后台 API 放到 `genarrative_admin_rps`。通用 `/api` location 设置 `client_max_body_size 64m` 是反代兜底，防止拼图入口页 / 新增关卡本地参考图 Data URL 或旧兼容请求在到达 `api-server` 前被默认 1 MiB 上限拦截；拼图本地参考图前后端统一限制 6MB，历史图片仍提交 `referenceImageAssetObjectId(s)`。若线上出现 `413 Request Entity Too Large` 且 access log 中 `request_time=0.000`、`upstream_status=-`，说明请求在 Nginx 层被拦截，先用 `nginx -T | grep client_max_body_size` 检查 release 模板是否已渲染并 reload，同时检查前端是否超出 6MB 或错误提交了未压缩大图。`limit_conn_status 429` 和 `limit_req_status 429` 必须在 HTTP 与 HTTPS server 中同时生效；若线上压测看到 `limiting connections by zone "genarrative_api_conn"` 却返回 503，优先检查 `nginx -T` 里 HTTPS server 是否缺少这些状态码，以及 `/api/runtime/puzzle/gallery` 是否误落到通用 `location ~ ^/api` 的 `limit_conn=64`。压测时看 `/var/log/nginx/genarrative.access.log` 中的 `request_time`、`upstream_connect_time`、`upstream_header_time`、`upstream_response_time`、`upstream_status`、`request_id`。
 - 作品列表 K6 脚本一次 iteration 默认请求两个公开接口，因此约 50 HTTP req/s 的目标命令使用 `SCENARIO=spike START_RPS=5 PEAK_RPS=25 HOLD=60s END_RPS=5 DETAIL_RATIO=0 npm run loadtest:k6:works`。
diff --git a/docs/【玩法创作】创作主页与项目入口改版计划-2026-06-18.md b/docs/【玩法创作】创作主页与项目入口改版计划-2026-06-18.md
index a8d98456b..363ac3602 100644
--- a/docs/【玩法创作】创作主页与项目入口改版计划-2026-06-18.md
+++ b/docs/【玩法创作】创作主页与项目入口改版计划-2026-06-18.md
@@ -13,7 +13,7 @@
 - 新增桌面端独立 `/creation` 创作工具主页。
 - 桌面端直接打开站点首页 `/` 时默认展示新版创作主页内容；移动端继续保持原推荐首页。
 - 顶级导航中“创作”进入 `/creation`，“草稿”改为“项目”并进入 `/project`。
-- 移动端隐藏“创作”和“项目”入口，只保留浏览和个人相关入口。
+- 移动端隐藏“创作”和“项目”入口，只保留浏览和个人相关入口；移动端直达 `/creation` 时提示用户使用桌面端打开。
 - 登录后在创作主页展示最近项目，并通过新建项目进入 `/editor/canvas?projectid=xxx`。
 - `陶泥儿精选` 展示真实账号素材瀑布流，不使用 mock 素材。
 - 现有 `/creation/<play>` 玩法工作台、草稿、作品架、生成恢复和发布链路保持不变。
@@ -128,7 +128,7 @@ Tab：
 - 桌面端从 `/creation` 切换到 `/project` 后，“项目”页签进入选中态，“创作”页签必须恢复为普通默认态，不保留创作主页的主按钮强调表现。
 - `/project` 项目页头部必须提供 `返回主站` 按钮，点击后切回平台首页 `/`，行为与桌面侧栏切回推荐页保持一致。
 - 移动端导航列表不展示“创作”和“项目”。
-- 移动端不拦截用户直接访问 `/creation` 或 `/project`。
+- 移动端直接访问 `/creation` 时显示桌面端打开引导，不加载创作工具主页；`/creation/<play>` 继续直达对应玩法工作台。`/project` 暂不新增移动端拦截。
 
 ## 实施拆分
 
@@ -137,7 +137,7 @@ Tab：
 - 增加 `/creation` 路由映射和测试。
 - 增加桌面 `/` 初始阶段映射测试，确认不会影响移动端首页。
 - 调整桌面导航文案与点击行为。
-- 移动端导航移除“创作”和“项目”入口。
+- 移动端导航移除“创作”和“项目”入口，并为直达 `/creation` 增加桌面端打开引导。
 - 保持现有 `/creation/<play>` 工作台、生成页、结果页和运行态路由不回归。
 
 ### 创作主页
@@ -194,6 +194,7 @@ git diff --check
 - 桌面导航显示“项目”，不显示“草稿”。
 - `/project` 头部点击“返回主站”回到 `/`，并退出项目页主内容。
 - 移动视口底部不显示“创作”和“项目”。
+- 移动端直达 `/creation` 显示“请在桌面端打开创作主页”，点击“返回首页”回到 `/`。
 - “我的”页没有项目快捷入口。
 - 陶泥儿精选素材瀑布流不出现 mock 素材、假作者或假泥点成本。
 - 陶泥儿精选素材卡按真实素材宽高呈现瀑布流，不退化为固定等高网格。
@@ -205,4 +206,5 @@ git diff --check
 - 不删除现有玩法草稿、作品架、生成恢复、发布或运行态能力。
 - 不恢复前端硬编码创作入口配置。
 - 不用 mock 素材填充用户素材展示。
-- 不在移动端禁止直接 URL 访问 `/creation` 或 `/project`。
+- 不影响 `/creation/<play>` 玩法工作台、生成页、结果页和运行态直达恢复。
+- 不在本轮拦截移动端直接 URL 访问 `/project`。
diff --git a/docs/【玩法创作】平台入口与玩法链路-2026-05-15.md b/docs/【玩法创作】平台入口与玩法链路-2026-05-15.md
index 7b01094e4..66c975cff 100644
--- a/docs/【玩法创作】平台入口与玩法链路-2026-05-15.md
+++ b/docs/【玩法创作】平台入口与玩法链路-2026-05-15.md
@@ -8,6 +8,8 @@
 
 当前点击底部加号进入的创作入口页承载后台公告位、创作入口页签和两列模板卡；页签中只有真实后端作品架摘要存在时才展示“最近创作”，其余为玩法模板分类。点击模板卡后直接进入对应玩法已有的入口创作表单 stage，不再经过空白占位页，也不把旧表单嵌进创作入口页；模板点击的占位 no-op、隐藏模板拦截、未知入口 no-op 和工作台启动目标统一由 `platformCreationLaunchModel.ts` 判定，壳层只执行启动前准备、错误提示和受保护动作。移动端创作入口页顶栏在 `陶泥儿` 品牌同一行显示真实账户泥点数，数据来自 `profileDashboard.walletBalance`，不得再把公告内容或活动奖池当作账号余额展示。创作入口页公告位数据优先读取 `GET /api/creation-entry/config` 的 `eventBanners` 数组，多条配置时前端自动轮播；旧 `eventBanner` 只保留字段回显与旧客户端兼容，不再作为前端公告数组的兜底来源。后台公告配置面向表单：每条公告包含标题和 HTML 内容，后台保存时序列化为后端 `eventBannersJson` 传输字段，由前端空权限沙箱 iframe 展示；旧结构化 banner 字段仅保留回显兼容，不再作为后台公告配置主格式；不得执行 JSX 或把后台代码直接注入 DOM。玩法列表不再套外部边框卡片，移动端需要压缩横向边距和两列间距；玩法卡统一按“上图、左上状态标签（仅非开放态显示）、封面右下显示 `creationTypes[].unifiedCreationSpec.mudPointCost` 经前端格式化后的泥点消耗、下方白底标题/描述”结构展示，旧契约缺少该字段时兜底 `10` 并由前端显示为 `10泥点数`，卡片高度保持紧凑但标题、描述和预估消耗点数都必须可见。创作入口页根容器不再使用 `platform-page-stage` 这类全局内容卡片壳，但继续保留 `platform-remap-surface` 作为主题和输入框样式命中钩子。创作入口页字号需要对齐平台普通 UI 档位：顶栏泥点组件、公告正文、分类 Tab 和玩法卡标题 / 副标题 / 消耗说明优先使用 `11px` 到 `14px`，不使用 `text-lg`、`text-xl` 或更大的展示级字号。草稿 Tab 继续承接作品架；底部加号入口页的“最近创作”只用 7 天内的真实后端作品架摘要判断是否展示，并从摘要里推导最近使用过的模板 ID，页面必须展示“仅显示最近7天内使用过的模板”提示，列表内容必须复用其它页签里的模板卡样式、文案和点击行为，不展示具体作品名称、摘要或生成状态，也不新增独立最近创作卡组件。RPG、RPG 之外的各玩法入口分别落到既有的 `agent-workspace`、`big-fish-agent-workspace`、`match3d-agent-workspace`、`square-hole-agent-workspace`、`jump-hop-workspace`、`wooden-fish-workspace`、`puzzle-agent-workspace`、`bark-battle-workspace`、`visual-novel-agent-workspace`、`baby-object-match-workspace`，这些入口继续承接各玩法自己的表单、草稿恢复和后续编排，不作为创作入口页内容。
 
+`/creation` 是桌面端创作工具主页；移动端直达 `/creation` 时只显示桌面端打开引导，不加载桌面创作主页和项目 / 素材数据。`/creation/<play>` 仍按各玩法路由直达对应工作台、生成页或结果页，不受该引导影响。
+
 旧库或旧迁移包没有 `event_banners_json` 时，后端读取层必须把 `eventBanners` 归一到 `module-runtime` 默认公告数组，不能把旧结构化 `eventBanner` 当成前端优先数组下发。默认公告引用的背景图必须指向 `public/` 下真实存在的站内静态资源，当前默认使用 `/creation-type-references/puzzle.webp`，避免创作入口顶部 banner 出现失效图片。
 
 创作页和草稿页顶栏右上角的泥点余额胶囊是补足泥点入口：如果当前运行环境开启充值入口，点击后直接打开账户充值弹窗；否则直接打开运营兑换码弹窗。该入口不再跳到账户面板或泥点账单，头像 / 设置等账号入口继续保留各自语义。
diff --git a/docs/【编辑器】画板角色形象生成入口设计-2026-06-15.md b/docs/【编辑器】画板角色形象生成入口设计-2026-06-15.md
index fb37da587..a0041276a 100644
--- a/docs/【编辑器】画板角色形象生成入口设计-2026-06-15.md
+++ b/docs/【编辑器】画板角色形象生成入口设计-2026-06-15.md
@@ -163,6 +163,7 @@
 - 抽帧采样必须按目标帧数预留视频尾部安全步长，例如 `32帧·4秒` 最后一帧采 `3.875s`，避免 FFmpeg 在尾点附近返回成功但输出 `0` 帧。
 - 每帧必须执行绿幕去背，输出透明背景 PNG。
 - 抽帧结果写入 OSS，并返回帧路径、帧尺寸、帧数、fps、预览视频路径、模型、价格和实际 prompt。
-- 画板前端回填角色动作结果时，必须以 `previewVideoPath` 创建 `mediaType: "video"`、`assetKind: "character-animation"` 图层，复用视频素材的 `<video controls preload="metadata" playsInline>` 预览和视频下载 / 导出口径；不得把 `frames[0].imageSrc` 作为图层主 `src`。
-- `frames[0].imageSrc` 只作为动作视频图层的 `thumbnailSrc` / poster，以及后续动作素材快速编辑或再次生成动作时的透明帧来源。该规则不得跳过后端原有的视频生成、抽帧、绿幕去背和帧素材落盘流程。
-- 画板前端不把帧序列自动铺到画布上；后续若要展示逐帧图层，必须继续复用画布图层与素材库资源模型。
+- 画板前端回填角色动作结果时，必须以 `frames[0].imageSrc` 创建 `mediaType: "image-sequence"`、`assetKind: "character-animation"` 图层，并把完整 `frames` 保存为图层 `imageSequenceFrames`；`previewVideoPath` 只保留为上游预览视频来源，不作为画布主媒体。
+- 角色动作图层在画布中使用序列帧播放器循环展示透明 PNG 帧；刷新恢复时必须继续读取 `imageSequenceFrames`，不能回退到 `<video>` 预览。
+- 点击角色动作图层下载时，必须打包下载序列帧 ZIP；画布素材 ZIP 导出时，角色动作写入 `sequences/<编号-标题>/frames/`，而不是导出预览视频。
+- `frames[0].imageSrc` 仍作为后续动作素材快速编辑或再次生成动作时的透明帧来源。该规则不得跳过后端原有的视频生成、抽帧、绿幕去背和帧素材落盘流程。
diff --git a/jenkins/Jenkinsfile.production-api-build b/jenkins/Jenkinsfile.production-api-build
index 92591ec19..0a1b0c84a 100644
--- a/jenkins/Jenkinsfile.production-api-build
+++ b/jenkins/Jenkinsfile.production-api-build
@@ -138,7 +138,7 @@ pipeline {
 
     stage('Archive') {
       steps {
-        archiveArtifacts artifacts: "build/${env.EFFECTIVE_BUILD_VERSION}/api-server,build/${env.EFFECTIVE_BUILD_VERSION}/api-server.sha256,build/${env.EFFECTIVE_BUILD_VERSION}/release-manifest.json,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/database-backup-to-oss.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/ops/production-health-patrol.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/ops/pingora-current-release-audit.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/ops/pingora-direct-rehearsal-status.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/ops/pingora-cutover-status-snapshot.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/ops/pingora-cutover-evidence-bundle.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/ops/pingora-cutover-command-evidence.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/ops/pingora-cutover-evidence-verify.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/ops/pingora-cutover-evidence-audit.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/check-production-health-patrol-env.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/check-pingora-release-readiness.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/check-pingora-direct-preflight.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/check-pingora-direct-live.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/check-pingora-canary-live.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/check-pingora-canary-access-log-parity.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/deploy/production-api-deploy.sh,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/deploy/maintenance-on.sh,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/deploy/maintenance-off.sh,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/deploy/pingora-direct-enable.sh,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/deploy/pingora-direct-rollback.sh,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/deploy/pingora-realpath-canary-enable.sh,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/deploy/pingora-realpath-canary-disable.sh,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/deploy/pingora-health-patrol-env-switch.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/deploy/pingora-gateway-env-shadow-switch.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/deploy/systemd/**,build/${env.EFFECTIVE_BUILD_VERSION}/deploy/nginx/**,build/${env.EFFECTIVE_BUILD_VERSION}/deploy/env/**,build/${env.EFFECTIVE_BUILD_VERSION}/deploy/pingora/**", fingerprint: true
+        archiveArtifacts artifacts: "build/${env.EFFECTIVE_BUILD_VERSION}/api-server,build/${env.EFFECTIVE_BUILD_VERSION}/api-server.sha256,build/${env.EFFECTIVE_BUILD_VERSION}/release-manifest.json,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/database-backup-to-oss.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/ops/production-health-patrol.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/ops/pingora-current-release-audit.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/ops/pingora-direct-rehearsal-status.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/ops/pingora-cutover-status-snapshot.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/ops/pingora-cutover-evidence-bundle.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/ops/pingora-cutover-command-evidence.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/ops/pingora-cutover-evidence-verify.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/ops/pingora-cutover-evidence-audit.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/check-production-health-patrol-env.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/check-pingora-release-readiness.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/check-pingora-direct-preflight.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/check-pingora-direct-live.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/check-pingora-canary-live.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/check-pingora-canary-access-log-parity.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/deploy/production-api-deploy.sh,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/deploy/maintenance-on.sh,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/deploy/maintenance-off.sh,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/deploy/pingora-direct-enable.sh,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/deploy/pingora-direct-rollback.sh,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/deploy/pingora-realpath-canary-enable.sh,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/deploy/pingora-realpath-canary-disable.sh,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/deploy/pingora-health-patrol-env-switch.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/deploy/pingora-gateway-env-shadow-switch.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/scripts/deploy/pingora-tls-cert-sync.mjs,build/${env.EFFECTIVE_BUILD_VERSION}/deploy/systemd/**,build/${env.EFFECTIVE_BUILD_VERSION}/deploy/nginx/**,build/${env.EFFECTIVE_BUILD_VERSION}/deploy/env/**,build/${env.EFFECTIVE_BUILD_VERSION}/deploy/pingora/**", fingerprint: true
         script {
           if (params.INCLUDE_PINGORA_GATEWAY) {
             archiveArtifacts artifacts: "build/${env.EFFECTIVE_BUILD_VERSION}/pingora-gateway,build/${env.EFFECTIVE_BUILD_VERSION}/pingora-gateway.sha256", fingerprint: true
diff --git a/jenkins/Jenkinsfile.production-api-deploy b/jenkins/Jenkinsfile.production-api-deploy
index 39fc7e70b..e116474b1 100644
--- a/jenkins/Jenkinsfile.production-api-deploy
+++ b/jenkins/Jenkinsfile.production-api-deploy
@@ -66,7 +66,7 @@ pipeline {
         copyArtifacts(
           projectName: params.BUILD_JOB_NAME,
           selector: specific(params.BUILD_NUMBER_TO_DEPLOY),
-          filter: "build/${params.BUILD_VERSION}/api-server,build/${params.BUILD_VERSION}/api-server.sha256,build/${params.BUILD_VERSION}/release-manifest.json,build/${params.BUILD_VERSION}/scripts/database-backup-to-oss.mjs,build/${params.BUILD_VERSION}/scripts/ops/production-health-patrol.mjs,build/${params.BUILD_VERSION}/scripts/ops/pingora-current-release-audit.mjs,build/${params.BUILD_VERSION}/scripts/ops/pingora-direct-rehearsal-status.mjs,build/${params.BUILD_VERSION}/scripts/ops/pingora-cutover-status-snapshot.mjs,build/${params.BUILD_VERSION}/scripts/ops/pingora-cutover-evidence-bundle.mjs,build/${params.BUILD_VERSION}/scripts/ops/pingora-cutover-command-evidence.mjs,build/${params.BUILD_VERSION}/scripts/ops/pingora-cutover-evidence-verify.mjs,build/${params.BUILD_VERSION}/scripts/ops/pingora-cutover-evidence-audit.mjs,build/${params.BUILD_VERSION}/scripts/check-production-health-patrol-env.mjs,build/${params.BUILD_VERSION}/scripts/check-pingora-release-readiness.mjs,build/${params.BUILD_VERSION}/scripts/check-pingora-direct-preflight.mjs,build/${params.BUILD_VERSION}/scripts/check-pingora-direct-live.mjs,build/${params.BUILD_VERSION}/scripts/check-pingora-canary-live.mjs,build/${params.BUILD_VERSION}/scripts/check-pingora-canary-access-log-parity.mjs,build/${params.BUILD_VERSION}/scripts/deploy/production-api-deploy.sh,build/${params.BUILD_VERSION}/scripts/deploy/maintenance-on.sh,build/${params.BUILD_VERSION}/scripts/deploy/maintenance-off.sh,build/${params.BUILD_VERSION}/scripts/deploy/pingora-direct-enable.sh,build/${params.BUILD_VERSION}/scripts/deploy/pingora-direct-rollback.sh,build/${params.BUILD_VERSION}/scripts/deploy/pingora-realpath-canary-enable.sh,build/${params.BUILD_VERSION}/scripts/deploy/pingora-realpath-canary-disable.sh,build/${params.BUILD_VERSION}/scripts/deploy/pingora-health-patrol-env-switch.mjs,build/${params.BUILD_VERSION}/scripts/deploy/pingora-gateway-env-shadow-switch.mjs,build/${params.BUILD_VERSION}/deploy/systemd/**,build/${params.BUILD_VERSION}/deploy/nginx/**,build/${params.BUILD_VERSION}/deploy/env/**,build/${params.BUILD_VERSION}/deploy/pingora/**",
+          filter: "build/${params.BUILD_VERSION}/api-server,build/${params.BUILD_VERSION}/api-server.sha256,build/${params.BUILD_VERSION}/release-manifest.json,build/${params.BUILD_VERSION}/scripts/database-backup-to-oss.mjs,build/${params.BUILD_VERSION}/scripts/ops/production-health-patrol.mjs,build/${params.BUILD_VERSION}/scripts/ops/pingora-current-release-audit.mjs,build/${params.BUILD_VERSION}/scripts/ops/pingora-direct-rehearsal-status.mjs,build/${params.BUILD_VERSION}/scripts/ops/pingora-cutover-status-snapshot.mjs,build/${params.BUILD_VERSION}/scripts/ops/pingora-cutover-evidence-bundle.mjs,build/${params.BUILD_VERSION}/scripts/ops/pingora-cutover-command-evidence.mjs,build/${params.BUILD_VERSION}/scripts/ops/pingora-cutover-evidence-verify.mjs,build/${params.BUILD_VERSION}/scripts/ops/pingora-cutover-evidence-audit.mjs,build/${params.BUILD_VERSION}/scripts/check-production-health-patrol-env.mjs,build/${params.BUILD_VERSION}/scripts/check-pingora-release-readiness.mjs,build/${params.BUILD_VERSION}/scripts/check-pingora-direct-preflight.mjs,build/${params.BUILD_VERSION}/scripts/check-pingora-direct-live.mjs,build/${params.BUILD_VERSION}/scripts/check-pingora-canary-live.mjs,build/${params.BUILD_VERSION}/scripts/check-pingora-canary-access-log-parity.mjs,build/${params.BUILD_VERSION}/scripts/deploy/production-api-deploy.sh,build/${params.BUILD_VERSION}/scripts/deploy/maintenance-on.sh,build/${params.BUILD_VERSION}/scripts/deploy/maintenance-off.sh,build/${params.BUILD_VERSION}/scripts/deploy/pingora-direct-enable.sh,build/${params.BUILD_VERSION}/scripts/deploy/pingora-direct-rollback.sh,build/${params.BUILD_VERSION}/scripts/deploy/pingora-realpath-canary-enable.sh,build/${params.BUILD_VERSION}/scripts/deploy/pingora-realpath-canary-disable.sh,build/${params.BUILD_VERSION}/scripts/deploy/pingora-health-patrol-env-switch.mjs,build/${params.BUILD_VERSION}/scripts/deploy/pingora-gateway-env-shadow-switch.mjs,build/${params.BUILD_VERSION}/scripts/deploy/pingora-tls-cert-sync.mjs,build/${params.BUILD_VERSION}/deploy/systemd/**,build/${params.BUILD_VERSION}/deploy/nginx/**,build/${params.BUILD_VERSION}/deploy/env/**,build/${params.BUILD_VERSION}/deploy/pingora/**",
           target: '.',
           fingerprintArtifacts: true
         )
@@ -92,7 +92,7 @@ pipeline {
         sh '''
           bash -lc '
             set -euo pipefail
-            chmod +x "build/${BUILD_VERSION}/scripts/deploy/production-api-deploy.sh" "build/${BUILD_VERSION}/scripts/deploy/maintenance-on.sh" "build/${BUILD_VERSION}/scripts/deploy/maintenance-off.sh" "build/${BUILD_VERSION}/scripts/deploy/pingora-direct-enable.sh" "build/${BUILD_VERSION}/scripts/deploy/pingora-direct-rollback.sh" "build/${BUILD_VERSION}/scripts/deploy/pingora-realpath-canary-enable.sh" "build/${BUILD_VERSION}/scripts/deploy/pingora-realpath-canary-disable.sh" "build/${BUILD_VERSION}/scripts/deploy/pingora-health-patrol-env-switch.mjs" "build/${BUILD_VERSION}/scripts/deploy/pingora-gateway-env-shadow-switch.mjs"
+            chmod +x "build/${BUILD_VERSION}/scripts/deploy/production-api-deploy.sh" "build/${BUILD_VERSION}/scripts/deploy/maintenance-on.sh" "build/${BUILD_VERSION}/scripts/deploy/maintenance-off.sh" "build/${BUILD_VERSION}/scripts/deploy/pingora-direct-enable.sh" "build/${BUILD_VERSION}/scripts/deploy/pingora-direct-rollback.sh" "build/${BUILD_VERSION}/scripts/deploy/pingora-realpath-canary-enable.sh" "build/${BUILD_VERSION}/scripts/deploy/pingora-realpath-canary-disable.sh" "build/${BUILD_VERSION}/scripts/deploy/pingora-health-patrol-env-switch.mjs" "build/${BUILD_VERSION}/scripts/deploy/pingora-gateway-env-shadow-switch.mjs" "build/${BUILD_VERSION}/scripts/deploy/pingora-tls-cert-sync.mjs"
             "build/${BUILD_VERSION}/scripts/deploy/production-api-deploy.sh" \
               --source-dir "build/${BUILD_VERSION}" \
               --version "${BUILD_VERSION}" \
diff --git a/jenkins/Jenkinsfile.production-server-provision b/jenkins/Jenkinsfile.production-server-provision
index 18343244e..268eff789 100644
--- a/jenkins/Jenkinsfile.production-server-provision
+++ b/jenkins/Jenkinsfile.production-server-provision
@@ -7,13 +7,17 @@ pipeline {
     buildDiscarder(logRotator(numToKeepStr: '20', artifactNumToKeepStr: '20'))
   }
 
+  environment {
+    GIT_REMOTE_URL = 'ssh://git@192.168.35.82:2222/GenarrativeAI/Genarrative.git'
+    GIT_REMOTE_CREDENTIAL_ID = 'genarrative-local-gitea-ssh'
+  }
+
   parameters {
     choice(name: 'DEPLOY_TARGET', choices: ['development', 'release'], description: '逻辑部署目标；development 使用 dev 服务器部署 agent，release 使用正式服务器部署 agent')
     booleanParam(name: 'CONFIRM_RELEASE_DEPLOY_AGENT', defaultValue: false, description: '确认 release 目标已有独立 release 部署 agent')
     string(name: 'NOTIFICATION_EMAILS', defaultValue: '', description: '本次运行追加通知邮箱；会与 Jenkins Secret Text 凭据 genarrative-notification-emails 合并发送')
     booleanParam(name: 'CONFIRM_PROVISION', defaultValue: false, description: '确认执行服务器初始化；未勾选时只允许 dry-run')
     booleanParam(name: 'DRY_RUN', defaultValue: true, description: '只打印将执行的服务器初始化命令，不写入系统配置')
-    string(name: 'SOURCE_GIT_REMOTE_URL', defaultValue: '', description: '部署脚本 Git 来源；必须是目标 agent 可访问的内网/本机 Gitea 地址，不配置公网备用')
     string(name: 'SOURCE_BRANCH', defaultValue: 'master', description: '部署脚本来源分支')
     string(name: 'COMMIT_HASH', defaultValue: '', description: '部署脚本来源 commit')
     string(name: 'SERVER_NAME', defaultValue: 'genarrative.example.com', description: '证书主域名；也作为 Nginx server_name 的第一个域名')
@@ -36,6 +40,115 @@ pipeline {
   }
 
   stages {
+    stage('Prepare Provision Files') {
+      agent {
+        label 'linux && genarrative-build'
+      }
+      steps {
+        script {
+          if (params.DEPLOY_TARGET == 'release' && !params.CONFIRM_RELEASE_DEPLOY_AGENT) {
+            error('release provision 需要先配置独立 release 部署 agent，并勾选 CONFIRM_RELEASE_DEPLOY_AGENT。')
+          }
+          if (!params.DRY_RUN && !params.CONFIRM_PROVISION) {
+            error('执行服务器初始化前必须勾选 CONFIRM_PROVISION；否则请保持 DRY_RUN=true。')
+          }
+          if (!params.SERVER_NAME?.trim()) {
+            error('SERVER_NAME 不能为空。')
+          }
+          if (!(params.SERVER_NAME.trim() ==~ /^[A-Za-z0-9][A-Za-z0-9.-]*$/)) {
+            error("SERVER_NAME 只能填写单个域名或 IP，不能包含空格、路径或协议: ${params.SERVER_NAME}")
+          }
+          def serverAliases = params.SERVER_ALIASES?.trim()
+          if (serverAliases) {
+            serverAliases.split(/[,\s]+/).findAll { it }.each { aliasName ->
+              if (!(aliasName ==~ /^[A-Za-z0-9][A-Za-z0-9.-]*$/)) {
+                error("SERVER_ALIASES 只能填写域名或 IP，多个用空格或逗号分隔: ${aliasName}")
+              }
+            }
+          }
+          if (!params.PROVISION_TOOLS_DIR?.trim()) {
+            error('PROVISION_TOOLS_DIR 不能为空。')
+          }
+          if (!(params.PROVISION_TOOLS_DIR.trim() ==~ /^[0-9A-Za-z._\/-]+$/) || params.PROVISION_TOOLS_DIR.startsWith('/') || params.PROVISION_TOOLS_DIR.contains('..') || params.PROVISION_TOOLS_DIR.trim() == '.') {
+            error("PROVISION_TOOLS_DIR 只能是工作区内的相对目录，不能包含绝对路径或连续点号: ${params.PROVISION_TOOLS_DIR}")
+          }
+          if (!params.PROVISION_DOWNLOADS_DIR?.trim()) {
+            error('PROVISION_DOWNLOADS_DIR 不能为空。')
+          }
+          if (!(params.PROVISION_DOWNLOADS_DIR.trim() ==~ /^[0-9A-Za-z._\/-]+$/) || params.PROVISION_DOWNLOADS_DIR.startsWith('/') || params.PROVISION_DOWNLOADS_DIR.contains('..') || params.PROVISION_DOWNLOADS_DIR.trim() == '.') {
+            error("PROVISION_DOWNLOADS_DIR 只能是工作区内的相对目录，不能包含绝对路径或连续点号: ${params.PROVISION_DOWNLOADS_DIR}")
+          }
+          def provisionToolsDir = params.PROVISION_TOOLS_DIR.trim()
+          def provisionDownloadsDir = params.PROVISION_DOWNLOADS_DIR.trim()
+          if (provisionToolsDir == provisionDownloadsDir || provisionDownloadsDir.startsWith("${provisionToolsDir}/")) {
+            error("PROVISION_DOWNLOADS_DIR 不能等于或位于 PROVISION_TOOLS_DIR 内，否则目标机生成工具包时会删除下载缓存: ${provisionDownloadsDir}")
+          }
+          def provisionDownloadProxy = params.PROVISION_DOWNLOAD_PROXY?.trim()
+          if (provisionDownloadProxy && !(provisionDownloadProxy ==~ /^https?:\/\/\S+$/)) {
+            error("PROVISION_DOWNLOAD_PROXY 只能填写 http:// 或 https:// 开头的代理地址，当前值: ${params.PROVISION_DOWNLOAD_PROXY}")
+          }
+          if (!(params.OTELCOL_VERSION?.trim() ==~ /^[0-9]+\.[0-9]+\.[0-9]+$/)) {
+            error("OTELCOL_VERSION 格式应为 x.y.z: ${params.OTELCOL_VERSION}")
+          }
+          if (!(params.SPACETIME_DOWNLOAD_ROOT?.trim() ==~ /^https?:\/\/\S+$/)) {
+            error('SPACETIME_DOWNLOAD_ROOT 不能为空。')
+          }
+          if (!(params.SPACETIME_TARGET_HOST?.trim() ==~ /^[0-9A-Za-z._-]+$/)) {
+            error("SPACETIME_TARGET_HOST 只能包含字母、数字、点号、下划线和短横线: ${params.SPACETIME_TARGET_HOST}")
+          }
+          def nginxMode = params.NGINX_CONFIG_MODE?.trim()
+          if (!(nginxMode in ['none', 'production-https', 'development-http'])) {
+            error("NGINX_CONFIG_MODE 只能是 none、production-https 或 development-http，当前值: ${params.NGINX_CONFIG_MODE}")
+          }
+          if (params.DEPLOY_TARGET == 'release' && nginxMode == 'development-http') {
+            error('release 目标禁止安装 development-http Nginx 配置；无证书初始化请使用 NGINX_CONFIG_MODE=none。')
+          }
+          if (!params.DRY_RUN && nginxMode == 'production-https' && params.SERVER_NAME?.trim() == 'genarrative.example.com') {
+            error('真实初始化安装 Nginx 配置时必须把 SERVER_NAME 改成真实域名，不能使用 genarrative.example.com 占位值。证书未准备好时请先保持 NGINX_CONFIG_MODE=none。')
+          }
+
+          def remoteConfig = [
+            url: env.GIT_REMOTE_URL,
+            credentialsId: env.GIT_REMOTE_CREDENTIAL_ID,
+            refspec: "+refs/heads/${params.SOURCE_BRANCH}:refs/remotes/origin/${params.SOURCE_BRANCH}",
+          ]
+          checkout([
+            $class: 'GitSCM',
+            branches: [[name: "*/${params.SOURCE_BRANCH}"]],
+            doGenerateSubmoduleConfigurations: false,
+            extensions: [
+              [$class: 'CleanBeforeCheckout'],
+              [$class: 'CloneOption', shallow: true, depth: 1, noTags: true, timeout: 30, honorRefspec: true],
+            ],
+            userRemoteConfigs: [remoteConfig],
+          ])
+        }
+        withCredentials([sshUserPrivateKey(credentialsId: env.GIT_REMOTE_CREDENTIAL_ID, keyFileVariable: 'GENARRATIVE_GIT_SSH_KEY')]) {
+          sh '''
+            bash -lc '
+              set -euo pipefail
+              chmod +x scripts/jenkins-checkout-source.sh
+              SOURCE_BRANCH="${SOURCE_BRANCH:-master}" \
+              COMMIT_HASH="${COMMIT_HASH:-${SOURCE_COMMIT:-}}" \
+              GIT_REMOTE_URL="${GIT_REMOTE_URL}" \
+              GIT_REMOTE_FALLBACK_URL="" \
+              SOURCE_COMMIT_FILE=".jenkins-source-commit" \
+              GENARRATIVE_JENKINS_REUSE_EXISTING_CHECKOUT="true" \
+              GIT_SSH_COMMAND="ssh -i ${GENARRATIVE_GIT_SSH_KEY:?GENARRATIVE_GIT_SSH_KEY 不能为空} -o IdentitiesOnly=yes -o StrictHostKeyChecking=accept-new" \
+              scripts/jenkins-checkout-source.sh
+            '
+          '''
+        }
+        script {
+          env.SOURCE_COMMIT = readFile('.jenkins-source-commit').trim()
+          echo "Provision 源码 commit=${env.SOURCE_COMMIT}"
+        }
+        stash name: 'server-provision-files',
+          includes: '.jenkins-source-commit,deploy/**,scripts/deploy/**,scripts/jenkins-checkout-source.sh,scripts/jenkins-server-provision.sh,scripts/prepare-server-provision-tools.sh',
+          allowEmpty: false
+      }
+    }
+
     stage('Provision Target') {
       agent {
         label "${params.DEPLOY_TARGET == 'development' ? 'linux && genarrative-dev-deploy' : 'linux && genarrative-release-deploy'}"
@@ -44,109 +157,33 @@ pipeline {
         stage('Prepare') {
           steps {
             script {
-              if (params.DEPLOY_TARGET == 'release' && !params.CONFIRM_RELEASE_DEPLOY_AGENT) {
-                error('release provision 需要先配置独立 release 部署 agent，并勾选 CONFIRM_RELEASE_DEPLOY_AGENT。')
-              }
-              if (!params.DRY_RUN && !params.CONFIRM_PROVISION) {
-                error('执行服务器初始化前必须勾选 CONFIRM_PROVISION；否则请保持 DRY_RUN=true。')
-              }
-              if (!params.SERVER_NAME?.trim()) {
-                error('SERVER_NAME 不能为空。')
-              }
-              def sourceGitRemoteUrl = params.SOURCE_GIT_REMOTE_URL?.trim()
-              if (!sourceGitRemoteUrl) {
-                error('SOURCE_GIT_REMOTE_URL 不能为空。')
-              }
-              def isLocalGitPath = sourceGitRemoteUrl ==~ /^\/[0-9A-Za-z._\/-]+$/
-              def isLocalGitFileUrl = sourceGitRemoteUrl ==~ /^file:\/\/\/\S+$/
-              def isPrivateHttpGitUrl = sourceGitRemoteUrl ==~ /^https?:\/\/(localhost|127(?:\.[0-9]{1,3}){3}|10(?:\.[0-9]{1,3}){3}|192\.168(?:\.[0-9]{1,3}){2}|172\.(?:1[6-9]|2[0-9]|3[0-1])(?:\.[0-9]{1,3}){2}|[A-Za-z0-9-]+|[A-Za-z0-9.-]+\.(?:local|lan|internal))(?::[0-9]+)?\/\S+$/
-              if (!isLocalGitPath && !isLocalGitFileUrl && !isPrivateHttpGitUrl) {
-                error('Genarrative-Server-Provision 不允许使用公网 Git 仓库；SOURCE_GIT_REMOTE_URL 只能是目标 agent 可访问的本机路径、file:/// 地址、localhost/127.0.0.1、RFC1918 内网 HTTP 地址、单标签内网主机名或 .local/.lan/.internal 地址。')
-              }
-              env.EFFECTIVE_GIT_REMOTE_URL = sourceGitRemoteUrl
-              if (!(params.SERVER_NAME.trim() ==~ /^[A-Za-z0-9][A-Za-z0-9.-]*$/)) {
-                error("SERVER_NAME 只能填写单个域名或 IP，不能包含空格、路径或协议: ${params.SERVER_NAME}")
-              }
-              def serverAliases = params.SERVER_ALIASES?.trim()
-              if (serverAliases) {
-                serverAliases.split(/[,\s]+/).findAll { it }.each { aliasName ->
-                  if (!(aliasName ==~ /^[A-Za-z0-9][A-Za-z0-9.-]*$/)) {
-                    error("SERVER_ALIASES 只能填写域名或 IP，多个用空格或逗号分隔: ${aliasName}")
-                  }
-                }
-              }
-              if (!params.PROVISION_TOOLS_DIR?.trim()) {
-                error('PROVISION_TOOLS_DIR 不能为空。')
-              }
-              if (!(params.PROVISION_TOOLS_DIR.trim() ==~ /^[0-9A-Za-z._\/-]+$/) || params.PROVISION_TOOLS_DIR.startsWith('/') || params.PROVISION_TOOLS_DIR.contains('..') || params.PROVISION_TOOLS_DIR.trim() == '.') {
-                error("PROVISION_TOOLS_DIR 只能是工作区内的相对目录，不能包含绝对路径或连续点号: ${params.PROVISION_TOOLS_DIR}")
-              }
-              if (!params.PROVISION_DOWNLOADS_DIR?.trim()) {
-                error('PROVISION_DOWNLOADS_DIR 不能为空。')
-              }
-              if (!(params.PROVISION_DOWNLOADS_DIR.trim() ==~ /^[0-9A-Za-z._\/-]+$/) || params.PROVISION_DOWNLOADS_DIR.startsWith('/') || params.PROVISION_DOWNLOADS_DIR.contains('..') || params.PROVISION_DOWNLOADS_DIR.trim() == '.') {
-                error("PROVISION_DOWNLOADS_DIR 只能是工作区内的相对目录，不能包含绝对路径或连续点号: ${params.PROVISION_DOWNLOADS_DIR}")
-              }
-              def provisionToolsDir = params.PROVISION_TOOLS_DIR.trim()
-              def provisionDownloadsDir = params.PROVISION_DOWNLOADS_DIR.trim()
-              if (provisionToolsDir == provisionDownloadsDir || provisionDownloadsDir.startsWith("${provisionToolsDir}/")) {
-                error("PROVISION_DOWNLOADS_DIR 不能等于或位于 PROVISION_TOOLS_DIR 内，否则目标机生成工具包时会删除下载缓存: ${provisionDownloadsDir}")
-              }
-              def provisionDownloadProxy = params.PROVISION_DOWNLOAD_PROXY?.trim()
-              if (provisionDownloadProxy && !(provisionDownloadProxy ==~ /^https?:\/\/\S+$/)) {
-                error("PROVISION_DOWNLOAD_PROXY 只能填写 http:// 或 https:// 开头的代理地址，当前值: ${params.PROVISION_DOWNLOAD_PROXY}")
-              }
-              if (!(params.OTELCOL_VERSION?.trim() ==~ /^[0-9]+\.[0-9]+\.[0-9]+$/)) {
-                error("OTELCOL_VERSION 格式应为 x.y.z: ${params.OTELCOL_VERSION}")
-              }
-              if (!(params.SPACETIME_DOWNLOAD_ROOT?.trim() ==~ /^https?:\/\/\S+$/)) {
-                error('SPACETIME_DOWNLOAD_ROOT 不能为空。')
-              }
-              if (!(params.SPACETIME_TARGET_HOST?.trim() ==~ /^[0-9A-Za-z._-]+$/)) {
-                error("SPACETIME_TARGET_HOST 只能包含字母、数字、点号、下划线和短横线: ${params.SPACETIME_TARGET_HOST}")
-              }
-              def nginxMode = params.NGINX_CONFIG_MODE?.trim()
-              if (!(nginxMode in ['none', 'production-https', 'development-http'])) {
-                error("NGINX_CONFIG_MODE 只能是 none、production-https 或 development-http，当前值: ${params.NGINX_CONFIG_MODE}")
-              }
-              if (params.DEPLOY_TARGET == 'release' && nginxMode == 'development-http') {
-                error('release 目标禁止安装 development-http Nginx 配置；无证书初始化请使用 NGINX_CONFIG_MODE=none。')
-              }
-              if (!params.DRY_RUN && nginxMode == 'production-https' && params.SERVER_NAME?.trim() == 'genarrative.example.com') {
-                error('真实初始化安装 Nginx 配置时必须把 SERVER_NAME 改成真实域名，不能使用 genarrative.example.com 占位值。证书未准备好时请先保持 NGINX_CONFIG_MODE=none。')
-              }
+              echo "Provision 文件已由 Jenkins 构建节点准备并上传，目标 agent 只接收脚本后执行。"
             }
           }
         }
 
-        stage('Checkout Provision Files') {
+        stage('Receive Provision Files') {
           steps {
-            script {
-              checkout([
-                $class: 'GitSCM',
-                branches: [[name: "*/${params.SOURCE_BRANCH}"]],
-                doGenerateSubmoduleConfigurations: false,
-                extensions: [
-                  [$class: 'CleanBeforeCheckout'],
-                  [$class: 'CloneOption', shallow: true, depth: 1, noTags: true, timeout: 30, honorRefspec: true],
-                ],
-                userRemoteConfigs: [[url: env.EFFECTIVE_GIT_REMOTE_URL, refspec: "+refs/heads/${params.SOURCE_BRANCH}:refs/remotes/origin/${params.SOURCE_BRANCH}"]],
-              ])
-            }
             sh '''
               bash <<'BASH'
                 set -euo pipefail
-                chmod +x scripts/jenkins-checkout-source.sh
-                SOURCE_BRANCH="${SOURCE_BRANCH:-master}" \
-                COMMIT_HASH="${COMMIT_HASH:-${SOURCE_COMMIT:-}}" \
-                GIT_REMOTE_URL="${EFFECTIVE_GIT_REMOTE_URL}" \
-                SOURCE_COMMIT_FILE=".jenkins-source-commit" \
-                scripts/jenkins-checkout-source.sh
+                rm -rf deploy scripts/deploy \
+                  scripts/jenkins-checkout-source.sh \
+                  scripts/jenkins-server-provision.sh \
+                  scripts/prepare-server-provision-tools.sh \
+                  .jenkins-source-commit
+BASH
+            '''
+            unstash 'server-provision-files'
+            sh '''
+              bash <<'BASH'
+                set -euo pipefail
+                chmod +x scripts/prepare-server-provision-tools.sh scripts/jenkins-server-provision.sh
 BASH
             '''
             script {
               env.SOURCE_COMMIT = readFile('.jenkins-source-commit').trim()
-              echo "Provision 源码 commit=${env.SOURCE_COMMIT}"
+              echo "收到 Jenkins 上传的 provision 文件，源码 commit=${env.SOURCE_COMMIT}"
             }
           }
         }
diff --git a/scripts/check-production-ops-guardrails.mjs b/scripts/check-production-ops-guardrails.mjs
index 4ab1e3ff1..948de009a 100644
--- a/scripts/check-production-ops-guardrails.mjs
+++ b/scripts/check-production-ops-guardrails.mjs
@@ -6098,6 +6098,12 @@ const checks = [
       'build/${env.EFFECTIVE_BUILD_VERSION}/scripts/deploy/pingora-gateway-env-shadow-switch.mjs',
     reason: 'API Build 归档必须包含 Pingora gateway env shadow 切换脚本。',
   },
+  {
+    file: 'jenkins/Jenkinsfile.production-api-build',
+    includes:
+      'build/${env.EFFECTIVE_BUILD_VERSION}/scripts/deploy/pingora-tls-cert-sync.mjs',
+    reason: 'API Build 归档必须包含 Pingora TLS 证书同步脚本。',
+  },
   {
     file: 'jenkins/Jenkinsfile.production-api-build',
     includes:
@@ -6246,6 +6252,12 @@ const checks = [
       'build/${params.BUILD_VERSION}/scripts/deploy/pingora-gateway-env-shadow-switch.mjs',
     reason: 'API Deploy 必须复制 build 产物内的 Pingora gateway env shadow 切换脚本。',
   },
+  {
+    file: 'jenkins/Jenkinsfile.production-api-deploy',
+    includes:
+      'build/${params.BUILD_VERSION}/scripts/deploy/pingora-tls-cert-sync.mjs',
+    reason: 'API Deploy 必须复制 build 产物内的 Pingora TLS 证书同步脚本。',
+  },
   {
     file: 'jenkins/Jenkinsfile.production-api-deploy',
     includes: 'build/${params.BUILD_VERSION}/scripts/deploy/maintenance-off.sh',
diff --git a/src/components/image-editor/ImageCanvasEditorGenerationIntegration.test.tsx b/src/components/image-editor/ImageCanvasEditorGenerationIntegration.test.tsx
index 9dd0d5fec..4c5cfac4c 100644
--- a/src/components/image-editor/ImageCanvasEditorGenerationIntegration.test.tsx
+++ b/src/components/image-editor/ImageCanvasEditorGenerationIntegration.test.tsx
@@ -223,7 +223,6 @@ describe('ImageCanvasEditorView generation integration', () => {
     updatedAt: '2026-06-19T00:00:00.000Z',
   });
 
-
   const createGeneratedImageResponse = (
     input: {
       projectId?: string | null;
@@ -274,7 +273,10 @@ describe('ImageCanvasEditorView generation integration', () => {
     },
   ) => {
     const normalizedAsset = asset
-      ? { ...asset, folderId: input.assetFolderId ?? asset.folderId ?? 'project' }
+      ? {
+          ...asset,
+          folderId: input.assetFolderId ?? asset.folderId ?? 'project',
+        }
       : undefined;
     const baseResponse = {
       imageSrc,
@@ -457,9 +459,9 @@ describe('ImageCanvasEditorView generation integration', () => {
     expect(screen.queryByLabelText('图像生成占位图')).toBeNull();
     const generateDialog = screen.getByRole('dialog', { name: '生成图片' });
     expect(generateDialog).toBeTruthy();
-    expect((screen.getByLabelText('生成提示词') as HTMLTextAreaElement).value).toBe(
-      '刷新后恢复生成器',
-    );
+    expect(
+      (screen.getByLabelText('生成提示词') as HTMLTextAreaElement).value,
+    ).toBe('刷新后恢复生成器');
   });
 
   it('restores publication material composer fields and references from saved generator snapshots', async () => {
@@ -517,47 +519,55 @@ describe('ImageCanvasEditorView generation integration', () => {
       name: '运营海报生成卡片',
     });
     expect(
-      (within(publicationDialog).getByRole('textbox', {
-        name: '运营海报游戏名',
-      }) as HTMLInputElement).value,
+      (
+        within(publicationDialog).getByRole('textbox', {
+          name: '运营海报游戏名',
+        }) as HTMLInputElement
+      ).value,
     ).toBe('马戏团午夜惊魂');
     expect(
-      (within(publicationDialog).getByRole('textbox', {
-        name: '运营海报游戏分类',
-      }) as HTMLInputElement).value,
+      (
+        within(publicationDialog).getByRole('textbox', {
+          name: '运营海报游戏分类',
+        }) as HTMLInputElement
+      ).value,
     ).toBe('非对称对抗');
     expect(
-      (within(publicationDialog).getByRole('textbox', {
-        name: '运营海报一句话描述游戏',
-      }) as HTMLTextAreaElement).value,
+      (
+        within(publicationDialog).getByRole('textbox', {
+          name: '运营海报一句话描述游戏',
+        }) as HTMLTextAreaElement
+      ).value,
     ).toBe('找到钥匙，开门逃离马戏团');
     expect(within(publicationDialog).getByLabelText('首图参考')).toBeTruthy();
     expect(screen.getByLabelText('宣发素材生成占位图')).toBeTruthy();
   });
 
   it('opens a canvas generation frame and composer before creating a generated layer', async () => {
-    generateEditorImageMock.mockImplementationOnce(async (input) => createGeneratedImageResponse(input, {
-      imageSrc: 'data:image/png;base64,ZmFrZS1pbWFnZQ==',
-      width: 1024,
-      height: 1024,
-      sourceType: 'generated',
-      prompt: '一张明亮的拼图主视觉',
-      actualPrompt: '一张明亮的拼图主视觉',
-      model: 'gpt-image-2',
-      provider: 'VectorEngine',
-      taskId: 'editor-real-task-1',
-      resource: createGeneratedResource({
-        resourceId: 'resource-generated-image-1',
+    generateEditorImageMock.mockImplementationOnce(async (input) =>
+      createGeneratedImageResponse(input, {
         imageSrc: 'data:image/png;base64,ZmFrZS1pbWFnZQ==',
-        assetKind: 'character',
+        width: 1024,
+        height: 1024,
+        sourceType: 'generated',
+        prompt: '一张明亮的拼图主视觉',
+        actualPrompt: '一张明亮的拼图主视觉',
+        model: 'gpt-image-2',
+        provider: 'VectorEngine',
+        taskId: 'editor-real-task-1',
+        resource: createGeneratedResource({
+          resourceId: 'resource-generated-image-1',
+          imageSrc: 'data:image/png;base64,ZmFrZS1pbWFnZQ==',
+          assetKind: 'character',
+        }),
+        asset: createGeneratedAsset({
+          assetId: 'asset-generated-image-1',
+          label: '生成图片 1',
+          imageSrc: 'data:image/png;base64,ZmFrZS1pbWFnZQ==',
+          assetKind: 'character',
+        }),
       }),
-      asset: createGeneratedAsset({
-        assetId: 'asset-generated-image-1',
-        label: '生成图片 1',
-        imageSrc: 'data:image/png;base64,ZmFrZS1pbWFnZQ==',
-        assetKind: 'character',
-      }),
-    }))
+    );
     render(<ImageCanvasEditorView />);
 
     const bottomToolbar = screen.getByRole('toolbar', { name: 'AI画布工具栏' });
@@ -642,7 +652,9 @@ describe('ImageCanvasEditorView generation integration', () => {
     });
     expect(anchoredGenerateDialog).toBeTruthy();
     expect(
-      Number.isFinite(Number.parseFloat((generatedLayer as HTMLElement).style.top)),
+      Number.isFinite(
+        Number.parseFloat((generatedLayer as HTMLElement).style.top),
+      ),
     ).toBe(true);
     expect(screen.queryByLabelText('图像生成占位图')).toBeNull();
     const metadataButtons = screen.getAllByRole('button', {
@@ -662,17 +674,19 @@ describe('ImageCanvasEditorView generation integration', () => {
   });
 
   it('drags the generation placeholder and places the generated layer there', async () => {
-    generateEditorImageMock.mockImplementationOnce(async (input) => createGeneratedImageResponse(input, {
-      imageSrc: 'data:image/png;base64,ZHJhZ2dlZC1mcmFtZQ==',
-      width: 1024,
-      height: 1024,
-      sourceType: 'generated',
-      prompt: '拖拽后的生成图',
-      actualPrompt: '拖拽后的生成图',
-      model: 'gpt-image-2',
-      provider: 'VectorEngine',
-      taskId: 'editor-drag-frame-1',
-    }))
+    generateEditorImageMock.mockImplementationOnce(async (input) =>
+      createGeneratedImageResponse(input, {
+        imageSrc: 'data:image/png;base64,ZHJhZ2dlZC1mcmFtZQ==',
+        width: 1024,
+        height: 1024,
+        sourceType: 'generated',
+        prompt: '拖拽后的生成图',
+        actualPrompt: '拖拽后的生成图',
+        model: 'gpt-image-2',
+        provider: 'VectorEngine',
+        taskId: 'editor-drag-frame-1',
+      }),
+    );
     render(<ImageCanvasEditorView />);
     await waitFor(() => {
       expect(loadOrCreateRecentEditorProjectMock).toHaveBeenCalled();
@@ -741,11 +755,12 @@ describe('ImageCanvasEditorView generation integration', () => {
 
   it('keeps the generation placeholder draggable while the image is generating', async () => {
     let resolveGeneration!: (value: unknown) => void;
-    generateEditorImageMock.mockImplementationOnce((input) =>
-      new Promise((resolve) => {
-        resolveGeneration = (value) =>
-          resolve(createGeneratedImageResponse(input, value as never));
-      }),
+    generateEditorImageMock.mockImplementationOnce(
+      (input) =>
+        new Promise((resolve) => {
+          resolveGeneration = (value) =>
+            resolve(createGeneratedImageResponse(input, value as never));
+        }),
     );
     render(<ImageCanvasEditorView />);
     await waitFor(() => {
@@ -849,8 +864,12 @@ describe('ImageCanvasEditorView generation integration', () => {
     ).toBeTruthy();
     expect(screen.getByLabelText('图像生成占位图')).toBeTruthy();
 
-    fireEvent.click(within(confirmDialog).getByRole('button', { name: '取消' }));
-    expect(screen.queryByRole('dialog', { name: '删除生成中的占位图' })).toBeNull();
+    fireEvent.click(
+      within(confirmDialog).getByRole('button', { name: '取消' }),
+    );
+    expect(
+      screen.queryByRole('dialog', { name: '删除生成中的占位图' }),
+    ).toBeNull();
     expect(screen.getByLabelText('图像生成占位图')).toBeTruthy();
 
     fireEvent.keyDown(window, { key: 'Delete', code: 'Delete' });
@@ -924,7 +943,9 @@ describe('ImageCanvasEditorView generation integration', () => {
   it('hides quick edit and redraw panels when clicking the canvas outside generation controls', () => {
     render(<ImageCanvasEditorView />);
     const viewport = screen.getByLabelText('画布工作区');
-    const sourceLayer = screen.getByAltText('画布图片：拼图素材').closest('button')!;
+    const sourceLayer = screen
+      .getByAltText('画布图片：拼图素材')
+      .closest('button')!;
 
     fireEvent.pointerDown(sourceLayer, {
       button: 0,
@@ -950,9 +971,7 @@ describe('ImageCanvasEditorView generation integration', () => {
       clientY: 180,
     });
 
-    expect(
-      screen.queryByRole('dialog', { name: '快速编辑图片' }),
-    ).toBeNull();
+    expect(screen.queryByRole('dialog', { name: '快速编辑图片' })).toBeNull();
 
     fireEvent.pointerDown(sourceLayer, {
       button: 0,
@@ -967,9 +986,7 @@ describe('ImageCanvasEditorView generation integration', () => {
     });
     fireEvent.click(screen.getByRole('button', { name: '改造' }));
     expect(screen.getByRole('dialog', { name: '重绘图片' })).toBeTruthy();
-    expect(
-      screen.queryByRole('button', { name: '关闭重绘图片' }),
-    ).toBeNull();
+    expect(screen.queryByRole('button', { name: '关闭重绘图片' })).toBeNull();
 
     fireEvent.pointerDown(viewport, {
       button: 0,
@@ -986,9 +1003,7 @@ describe('ImageCanvasEditorView generation integration', () => {
 
     fireEvent.click(screen.getByRole('button', { name: '生成图片' }));
 
-    expect(
-      screen.queryByRole('button', { name: '关闭生成图片' }),
-    ).toBeNull();
+    expect(screen.queryByRole('button', { name: '关闭生成图片' })).toBeNull();
     expect(screen.getByRole('dialog', { name: '生成图片' })).toBeTruthy();
     expect(screen.getByLabelText('图像生成占位图')).toBeTruthy();
   });
@@ -1180,17 +1195,19 @@ describe('ImageCanvasEditorView generation integration', () => {
   });
 
   it('opens character spec generation form and creates a labeled spec layer', async () => {
-    generateEditorImageMock.mockImplementationOnce(async (input) => createGeneratedImageResponse(input, {
-      imageSrc: 'data:image/png;base64,c3BlYy1yb2xl',
-      width: 2048,
-      height: 1152,
-      sourceType: 'generated',
-      prompt: '角色规范提示词',
-      actualPrompt: '角色规范提示词',
-      model: 'gpt-image-2',
-      provider: 'VectorEngine',
-      taskId: 'editor-spec-role-1',
-    }))
+    generateEditorImageMock.mockImplementationOnce(async (input) =>
+      createGeneratedImageResponse(input, {
+        imageSrc: 'data:image/png;base64,c3BlYy1yb2xl',
+        width: 2048,
+        height: 1152,
+        sourceType: 'generated',
+        prompt: '角色规范提示词',
+        actualPrompt: '角色规范提示词',
+        model: 'gpt-image-2',
+        provider: 'VectorEngine',
+        taskId: 'editor-spec-role-1',
+      }),
+    );
     render(<ImageCanvasEditorView />);
 
     const bottomToolbar = screen.getByRole('toolbar', { name: 'AI画布工具栏' });
@@ -1375,13 +1392,21 @@ describe('ImageCanvasEditorView generation integration', () => {
     ).toBeTruthy();
     const characterDimensionsPanel =
       openGenerationDimensionsPanel(characterPanel);
-    expect(within(characterDimensionsPanel).getByText(/^(?:比例|Aspect ratio)$/u)).toBeTruthy();
-    expect(within(characterDimensionsPanel).getByText(/^(?:尺寸|Size)$/u)).toBeTruthy();
     expect(
-      within(characterDimensionsPanel).getByRole('button', { name: /^(?:比例 )?1:1$/u }),
+      within(characterDimensionsPanel).getByText(/^(?:比例|Aspect ratio)$/u),
     ).toBeTruthy();
     expect(
-      within(characterDimensionsPanel).getByRole('button', { name: /^(?:尺寸 )?1K$/u }),
+      within(characterDimensionsPanel).getByText(/^(?:尺寸|Size)$/u),
+    ).toBeTruthy();
+    expect(
+      within(characterDimensionsPanel).getByRole('button', {
+        name: /^(?:比例 )?1:1$/u,
+      }),
+    ).toBeTruthy();
+    expect(
+      within(characterDimensionsPanel).getByRole('button', {
+        name: /^(?:尺寸 )?1K$/u,
+      }),
     ).toBeTruthy();
     const characterModelPanel = openGenerationModelPanel(characterPanel);
     expect(
@@ -1405,17 +1430,19 @@ describe('ImageCanvasEditorView generation integration', () => {
   });
 
   it('submits character generation with default model and dimension options', async () => {
-    generateEditorImageMock.mockImplementationOnce(async (input) => createGeneratedImageResponse(input, {
-      imageSrc: 'data:image/png;base64,character-model-options',
-      width: 1024,
-      height: 1536,
-      sourceType: 'generated',
-      prompt: '高个子游侠',
-      actualPrompt: '高个子游侠',
-      model: 'gpt-image-2',
-      provider: 'VectorEngine',
-      taskId: 'character-model-options-1',
-    }))
+    generateEditorImageMock.mockImplementationOnce(async (input) =>
+      createGeneratedImageResponse(input, {
+        imageSrc: 'data:image/png;base64,character-model-options',
+        width: 1024,
+        height: 1536,
+        sourceType: 'generated',
+        prompt: '高个子游侠',
+        actualPrompt: '高个子游侠',
+        model: 'gpt-image-2',
+        provider: 'VectorEngine',
+        taskId: 'character-model-options-1',
+      }),
+    );
     render(<ImageCanvasEditorView />);
     await screen.findByAltText('画布图片：拼图素材');
 
@@ -1444,17 +1471,19 @@ describe('ImageCanvasEditorView generation integration', () => {
   });
 
   it('remembers the last selected image model for character and icon generation', async () => {
-    generateEditorImageMock.mockImplementationOnce(async (input) => createGeneratedImageResponse(input, {
-      imageSrc: 'data:image/png;base64,character-gpt-model',
-      width: 1024,
-      height: 1024,
-      sourceType: 'generated',
-      prompt: '蓝衣剑士',
-      actualPrompt: '蓝衣剑士',
-      model: 'gpt-image-2',
-      provider: 'VectorEngine',
-      taskId: 'character-gpt-model-1',
-    }))
+    generateEditorImageMock.mockImplementationOnce(async (input) =>
+      createGeneratedImageResponse(input, {
+        imageSrc: 'data:image/png;base64,character-gpt-model',
+        width: 1024,
+        height: 1024,
+        sourceType: 'generated',
+        prompt: '蓝衣剑士',
+        actualPrompt: '蓝衣剑士',
+        model: 'gpt-image-2',
+        provider: 'VectorEngine',
+        taskId: 'character-gpt-model-1',
+      }),
+    );
     generateEditorIconSpritesheetMock.mockResolvedValueOnce({
       spritesheetImageSrc: 'data:image/png;base64,sheet-gpt-model',
       spritesheetWidth: 1024,
@@ -1587,11 +1616,12 @@ describe('ImageCanvasEditorView generation integration', () => {
 
   it('keeps archived generation logic using the latest placeholder when another object is active', async () => {
     let resolveGeneration!: (value: unknown) => void;
-    generateEditorImageMock.mockImplementationOnce((input) =>
-      new Promise((resolve) => {
-        resolveGeneration = (value) =>
-          resolve(createGeneratedImageResponse(input, value as never));
-      }),
+    generateEditorImageMock.mockImplementationOnce(
+      (input) =>
+        new Promise((resolve) => {
+          resolveGeneration = (value) =>
+            resolve(createGeneratedImageResponse(input, value as never));
+        }),
     );
     render(<ImageCanvasEditorView />);
     await waitFor(() => {
@@ -1776,17 +1806,19 @@ describe('ImageCanvasEditorView generation integration', () => {
   });
 
   it('hides the active generation panel and clears image selection after canvas background focus', async () => {
-    generateEditorImageMock.mockImplementationOnce(async (input) => createGeneratedImageResponse(input, {
-      imageSrc: 'data:image/png;base64,Zm9jdXMtY2xlYXI=',
-      width: 1024,
-      height: 1024,
-      sourceType: 'generated',
-      prompt: '发光蘑菇角色',
-      actualPrompt: '发光蘑菇角色',
-      model: 'gpt-image-2',
-      provider: 'VectorEngine',
-      taskId: 'editor-focus-clear-1',
-    }))
+    generateEditorImageMock.mockImplementationOnce(async (input) =>
+      createGeneratedImageResponse(input, {
+        imageSrc: 'data:image/png;base64,Zm9jdXMtY2xlYXI=',
+        width: 1024,
+        height: 1024,
+        sourceType: 'generated',
+        prompt: '发光蘑菇角色',
+        actualPrompt: '发光蘑菇角色',
+        model: 'gpt-image-2',
+        provider: 'VectorEngine',
+        taskId: 'editor-focus-clear-1',
+      }),
+    );
     render(<ImageCanvasEditorView />);
 
     fireEvent.click(screen.getByRole('button', { name: '生成图片' }));
@@ -1834,17 +1866,19 @@ describe('ImageCanvasEditorView generation integration', () => {
   });
 
   it('builds UI spec prompts from two fields and uses 2K landscape generation', async () => {
-    generateEditorImageMock.mockImplementationOnce(async (input) => createGeneratedImageResponse(input, {
-      imageSrc: 'data:image/png;base64,c3BlYy11aQ==',
-      width: 2048,
-      height: 1152,
-      sourceType: 'generated',
-      prompt: 'UI规范提示词',
-      actualPrompt: 'UI规范提示词',
-      model: 'gpt-image-2',
-      provider: 'VectorEngine',
-      taskId: 'editor-spec-ui-1',
-    }))
+    generateEditorImageMock.mockImplementationOnce(async (input) =>
+      createGeneratedImageResponse(input, {
+        imageSrc: 'data:image/png;base64,c3BlYy11aQ==',
+        width: 2048,
+        height: 1152,
+        sourceType: 'generated',
+        prompt: 'UI规范提示词',
+        actualPrompt: 'UI规范提示词',
+        model: 'gpt-image-2',
+        provider: 'VectorEngine',
+        taskId: 'editor-spec-ui-1',
+      }),
+    );
     render(<ImageCanvasEditorView />);
 
     fireEvent.click(
@@ -1898,17 +1932,19 @@ describe('ImageCanvasEditorView generation integration', () => {
   });
 
   it('uses the custom spec prompt without template rewriting', async () => {
-    generateEditorImageMock.mockImplementationOnce(async (input) => createGeneratedImageResponse(input, {
-      imageSrc: 'data:image/png;base64,c3BlYy1jdXN0b20=',
-      width: 2048,
-      height: 1152,
-      sourceType: 'generated',
-      prompt: '自定义规范提示词',
-      actualPrompt: '自定义规范提示词',
-      model: 'gpt-image-2',
-      provider: 'VectorEngine',
-      taskId: 'editor-spec-custom-1',
-    }))
+    generateEditorImageMock.mockImplementationOnce(async (input) =>
+      createGeneratedImageResponse(input, {
+        imageSrc: 'data:image/png;base64,c3BlYy1jdXN0b20=',
+        width: 2048,
+        height: 1152,
+        sourceType: 'generated',
+        prompt: '自定义规范提示词',
+        actualPrompt: '自定义规范提示词',
+        model: 'gpt-image-2',
+        provider: 'VectorEngine',
+        taskId: 'editor-spec-custom-1',
+      }),
+    );
     render(<ImageCanvasEditorView />);
 
     fireEvent.click(
@@ -2014,20 +2050,22 @@ describe('ImageCanvasEditorView generation integration', () => {
   });
 
   it('supports character generation from a picked canvas spec and numbered references', async () => {
-    generateEditorImageMock.mockImplementationOnce(async (input) => createGeneratedImageResponse(input, {
-      imageSrc: 'data:image/png;base64,Y2hhcmFjdGVy',
-      objectKey:
-        'generated-character-drafts/editor/character-images/editor-character-1/image.png',
-      assetObjectId: 'asset-object-editor-character-1',
-      width: 2048,
-      height: 2048,
-      sourceType: 'generated',
-      prompt: '银发游侠，蓝色披风，弓箭手，适合像素风战棋。',
-      actualPrompt: '银发游侠，蓝色披风，弓箭手，适合像素风战棋。',
-      model: 'gpt-image-2',
-      provider: 'VectorEngine',
-      taskId: 'editor-character-1',
-    }))
+    generateEditorImageMock.mockImplementationOnce(async (input) =>
+      createGeneratedImageResponse(input, {
+        imageSrc: 'data:image/png;base64,Y2hhcmFjdGVy',
+        objectKey:
+          'generated-character-drafts/editor/character-images/editor-character-1/image.png',
+        assetObjectId: 'asset-object-editor-character-1',
+        width: 2048,
+        height: 2048,
+        sourceType: 'generated',
+        prompt: '银发游侠，蓝色披风，弓箭手，适合像素风战棋。',
+        actualPrompt: '银发游侠，蓝色披风，弓箭手，适合像素风战棋。',
+        model: 'gpt-image-2',
+        provider: 'VectorEngine',
+        taskId: 'editor-character-1',
+      }),
+    );
     render(<ImageCanvasEditorView />);
 
     fireEvent.click(screen.getByRole('button', { name: '生成角色形象' }));
@@ -2138,8 +2176,7 @@ describe('ImageCanvasEditorView generation integration', () => {
           fields: expect.arrayContaining([
             expect.objectContaining({
               title: '角色设定',
-              value:
-                '银发游侠，蓝色披风，弓箭手，适合像素风战棋。',
+              value: '银发游侠，蓝色披风，弓箭手，适合像素风战棋。',
             }),
           ]),
         }),
@@ -2381,17 +2418,19 @@ describe('ImageCanvasEditorView generation integration', () => {
   });
 
   it('allows icon asset generation to reference icon specs created from the renamed spec entry', async () => {
-    generateEditorImageMock.mockImplementationOnce(async (input) => createGeneratedImageResponse(input, {
-      imageSrc: 'data:image/png;base64,cmVuYW1lZC1pY29uLXNwZWM=',
-      width: 2048,
-      height: 1152,
-      sourceType: 'generated',
-      prompt: '图标规范提示词',
-      actualPrompt: '图标规范提示词',
-      model: 'gpt-image-2',
-      provider: 'VectorEngine',
-      taskId: 'editor-icon-spec-renamed-1',
-    }))
+    generateEditorImageMock.mockImplementationOnce(async (input) =>
+      createGeneratedImageResponse(input, {
+        imageSrc: 'data:image/png;base64,cmVuYW1lZC1pY29uLXNwZWM=',
+        width: 2048,
+        height: 1152,
+        sourceType: 'generated',
+        prompt: '图标规范提示词',
+        actualPrompt: '图标规范提示词',
+        model: 'gpt-image-2',
+        provider: 'VectorEngine',
+        taskId: 'editor-icon-spec-renamed-1',
+      }),
+    );
     generateEditorIconSpritesheetMock.mockResolvedValueOnce({
       spritesheetImageSrc: 'data:image/png;base64,cmVuYW1lZC1zaGVldA==',
       spritesheetWidth: 512,
@@ -2571,6 +2610,30 @@ describe('ImageCanvasEditorView generation integration', () => {
       fps: 8,
       priceMudPoints: 120,
     });
+    vi.spyOn(globalThis, 'fetch').mockImplementation(async (input) => {
+      const requestUrl =
+        typeof input === 'string'
+          ? input
+          : input instanceof URL
+            ? input.href
+            : input.url;
+      const url = new URL(requestUrl, 'http://localhost');
+      if (url.pathname === '/api/assets/read-url') {
+        const legacyPublicPath =
+          url.searchParams.get('legacyPublicPath') ?? 'generated-frame.png';
+        return new Response(
+          JSON.stringify({
+            signedUrl: `https://assets.test${legacyPublicPath}`,
+            expiresAt: '2099-01-01T00:00:00.000Z',
+          }),
+          {
+            status: 200,
+            headers: { 'Content-Type': 'application/json' },
+          },
+        );
+      }
+      return new Response(null, { status: 404 });
+    });
     render(<ImageCanvasEditorView />);
 
     const propLayer = await screen.findByAltText('画布图片：普通道具');
@@ -2587,9 +2650,7 @@ describe('ImageCanvasEditorView generation integration', () => {
     expect(screen.getByText('角色')).toBeTruthy();
     expect(screen.getByRole('button', { name: '生成动画' })).toBeTruthy();
     expect(screen.queryByRole('dialog', { name: '重绘图片' })).toBeNull();
-    expect(
-      screen.queryByRole('dialog', { name: '快速编辑图片' }),
-    ).toBeNull();
+    expect(screen.queryByRole('dialog', { name: '快速编辑图片' })).toBeNull();
     expect(
       screen.queryByRole('dialog', { name: '角色动画生成面板' }),
     ).toBeNull();
@@ -2600,9 +2661,7 @@ describe('ImageCanvasEditorView generation integration', () => {
     expect(screen.getByRole('menuitem', { name: '生成动画' })).toBeTruthy();
 
     expect(screen.queryByRole('dialog', { name: '重绘图片' })).toBeNull();
-    expect(
-      screen.queryByRole('dialog', { name: '快速编辑图片' }),
-    ).toBeNull();
+    expect(screen.queryByRole('dialog', { name: '快速编辑图片' })).toBeNull();
 
     fireEvent.click(screen.getByRole('button', { name: '生成动画' }));
     expect(
@@ -2669,9 +2728,7 @@ describe('ImageCanvasEditorView generation integration', () => {
     fireEvent.click(
       within(animationMenu).getByRole('button', { name: '时长 48帧·6秒' }),
     );
-    expect(
-      screen.getByRole('menu', { name: '动画参数选项' }),
-    ).toBeTruthy();
+    expect(screen.getByRole('menu', { name: '动画参数选项' })).toBeTruthy();
     expect(
       within(panel).getByRole('button', {
         name: '动画参数 16:9 · 6秒 · 720p',
@@ -2698,14 +2755,17 @@ describe('ImageCanvasEditorView generation integration', () => {
       generateEditorCharacterAnimationMock.mock.calls[0]?.[0]?.promptText,
     ).toBe(precisePrompt);
     await waitFor(() => {
-      expect(screen.getByLabelText('画布视频：角色动作')).toBeTruthy();
+      expect(screen.getByAltText('画布序列帧：角色动作')).toBeTruthy();
     });
-    const actionVideo = screen.getByLabelText('画布视频：角色动作');
-    expect(actionVideo.tagName.toLowerCase()).toBe('video');
-    expect(actionVideo.getAttribute('poster')).toBe(
-      '/generated-character-drafts/editor/frame1.png',
-    );
-    expect(actionVideo.hasAttribute('controls')).toBe(true);
+    const actionFrame = screen.getByAltText('画布序列帧：角色动作');
+    expect(actionFrame.tagName.toLowerCase()).toBe('img');
+    await waitFor(() => {
+      expect(actionFrame.getAttribute('src')).toBe(
+        'https://assets.test/generated-character-drafts/editor/frame1.png',
+      );
+    });
+    expect(screen.getByText('1/48')).toBeTruthy();
+    expect(screen.queryByLabelText('画布视频：角色动作')).toBeNull();
     expect(screen.getByText('动作')).toBeTruthy();
   });
 
@@ -2760,9 +2820,7 @@ describe('ImageCanvasEditorView generation integration', () => {
     });
     render(<ImageCanvasEditorView />);
 
-    const uiDesignImage = await screen.findByAltText(
-      '画布图片：战斗UI设计图',
-    );
+    const uiDesignImage = await screen.findByAltText('画布图片：战斗UI设计图');
     fireEvent.pointerDown(uiDesignImage.closest('button')!, {
       button: 0,
       pointerId: 156,
@@ -3019,17 +3077,19 @@ describe('ImageCanvasEditorView generation integration', () => {
       resources: [],
       updatedAt: '2026-06-15T00:00:00.000Z',
     });
-    generateEditorImageMock.mockImplementationOnce(async (input) => createGeneratedImageResponse(input, {
-      imageSrc: 'data:image/png;base64,cXVpY2stZWRpdA==',
-      width: 1536,
-      height: 1024,
-      sourceType: 'generated',
-      prompt: '增加萤火虫',
-      actualPrompt: '增加萤火虫',
-      model: 'gpt-image-2',
-      provider: 'VectorEngine',
-      taskId: 'quick-edit-task-1',
-    }))
+    generateEditorImageMock.mockImplementationOnce(async (input) =>
+      createGeneratedImageResponse(input, {
+        imageSrc: 'data:image/png;base64,cXVpY2stZWRpdA==',
+        width: 1536,
+        height: 1024,
+        sourceType: 'generated',
+        prompt: '增加萤火虫',
+        actualPrompt: '增加萤火虫',
+        model: 'gpt-image-2',
+        provider: 'VectorEngine',
+        taskId: 'quick-edit-task-1',
+      }),
+    );
     render(<ImageCanvasEditorView />);
 
     const sourceImage = await screen.findByAltText('画布图片：魔法森林');
@@ -3093,9 +3153,12 @@ describe('ImageCanvasEditorView generation integration', () => {
     expect(within(updatedQuickPanel).getByText('星空参考')).toBeTruthy();
     expect(within(updatedQuickPanel).queryByLabelText('原图 图2')).toBeNull();
 
-    fireEvent.change(within(updatedQuickPanel).getByLabelText('快速编辑提示词'), {
-      target: { value: '参考原图增加萤火虫' },
-    });
+    fireEvent.change(
+      within(updatedQuickPanel).getByLabelText('快速编辑提示词'),
+      {
+        target: { value: '参考原图增加萤火虫' },
+      },
+    );
     fireEvent.click(
       within(updatedQuickPanel).getByRole('button', { name: '生成' }),
     );
@@ -3185,17 +3248,19 @@ describe('ImageCanvasEditorView generation integration', () => {
       resources: [],
       updatedAt: '2026-06-15T00:00:00.000Z',
     });
-    generateEditorImageMock.mockImplementationOnce(async (input) => createGeneratedImageResponse(input, {
-      imageSrc: 'data:image/png;base64,Y29udGV4dC1xdWljaw==',
-      width: 1024,
-      height: 1024,
-      sourceType: 'generated',
-      prompt: '换成夜晚',
-      actualPrompt: '换成夜晚',
-      model: 'gpt-image-2',
-      provider: 'VectorEngine',
-      taskId: 'context-quick-task-1',
-    }))
+    generateEditorImageMock.mockImplementationOnce(async (input) =>
+      createGeneratedImageResponse(input, {
+        imageSrc: 'data:image/png;base64,Y29udGV4dC1xdWljaw==',
+        width: 1024,
+        height: 1024,
+        sourceType: 'generated',
+        prompt: '换成夜晚',
+        actualPrompt: '换成夜晚',
+        model: 'gpt-image-2',
+        provider: 'VectorEngine',
+        taskId: 'context-quick-task-1',
+      }),
+    );
     render(<ImageCanvasEditorView />);
 
     const contextImage = await screen.findByAltText('画布图片：右键图片');
@@ -3263,25 +3328,28 @@ describe('ImageCanvasEditorView generation integration', () => {
       resources: [],
       updatedAt: '2026-06-16T00:00:00.000Z',
     });
-    vi.spyOn(globalThis, 'fetch').mockImplementation(async () =>
-      new Response(new Uint8Array([104, 101, 108, 108, 111]), {
-        status: 200,
-        headers: {
-          'Content-Type': 'image/webp',
-        },
+    vi.spyOn(globalThis, 'fetch').mockImplementation(
+      async () =>
+        new Response(new Uint8Array([104, 101, 108, 108, 111]), {
+          status: 200,
+          headers: {
+            'Content-Type': 'image/webp',
+          },
+        }),
+    );
+    generateEditorImageMock.mockImplementationOnce(async (input) =>
+      createGeneratedImageResponse(input, {
+        imageSrc: 'data:image/png;base64,cHVibGljLXF1aWNr',
+        width: 640,
+        height: 640,
+        sourceType: 'generated',
+        prompt: '改成陶泥风格',
+        actualPrompt: '改成陶泥风格',
+        model: 'gpt-image-2',
+        provider: 'VectorEngine',
+        taskId: 'public-quick-edit-task-1',
       }),
     );
-    generateEditorImageMock.mockImplementationOnce(async (input) => createGeneratedImageResponse(input, {
-      imageSrc: 'data:image/png;base64,cHVibGljLXF1aWNr',
-      width: 640,
-      height: 640,
-      sourceType: 'generated',
-      prompt: '改成陶泥风格',
-      actualPrompt: '改成陶泥风格',
-      model: 'gpt-image-2',
-      provider: 'VectorEngine',
-      taskId: 'public-quick-edit-task-1',
-    }))
     render(<ImageCanvasEditorView />);
 
     const sourceImage = await screen.findByAltText('画布图片：公开拼图素材');
@@ -3326,28 +3394,32 @@ describe('ImageCanvasEditorView generation integration', () => {
   });
 
   it('opens generated image info from the corner button and creates a real right-side edit result', async () => {
-    generateEditorImageMock.mockImplementationOnce(async (input) => createGeneratedImageResponse(input, {
-      imageSrc: 'data:image/png;base64,ZmFrZS1pbWFnZQ==',
-      width: 1024,
-      height: 1024,
-      sourceType: 'generated',
-      prompt: '一张可修改的生成图',
-      actualPrompt: '一张可修改的生成图',
-      model: 'gpt-image-2',
-      provider: 'VectorEngine',
-      taskId: 'editor-real-task-2',
-    }))
-    generateEditorImageMock.mockImplementationOnce(async (input) => createGeneratedImageResponse(input, {
-      imageSrc: 'data:image/png;base64,ZWRhd24tcmVkcmF3',
-      width: 1024,
-      height: 1024,
-      sourceType: 'generated',
-      prompt: '把画面改成黄昏光线',
-      actualPrompt: '把画面改成黄昏光线',
-      model: 'gpt-image-2',
-      provider: 'VectorEngine',
-      taskId: 'editor-real-redraw-1',
-    }))
+    generateEditorImageMock.mockImplementationOnce(async (input) =>
+      createGeneratedImageResponse(input, {
+        imageSrc: 'data:image/png;base64,ZmFrZS1pbWFnZQ==',
+        width: 1024,
+        height: 1024,
+        sourceType: 'generated',
+        prompt: '一张可修改的生成图',
+        actualPrompt: '一张可修改的生成图',
+        model: 'gpt-image-2',
+        provider: 'VectorEngine',
+        taskId: 'editor-real-task-2',
+      }),
+    );
+    generateEditorImageMock.mockImplementationOnce(async (input) =>
+      createGeneratedImageResponse(input, {
+        imageSrc: 'data:image/png;base64,ZWRhd24tcmVkcmF3',
+        width: 1024,
+        height: 1024,
+        sourceType: 'generated',
+        prompt: '把画面改成黄昏光线',
+        actualPrompt: '把画面改成黄昏光线',
+        model: 'gpt-image-2',
+        provider: 'VectorEngine',
+        taskId: 'editor-real-redraw-1',
+      }),
+    );
     render(<ImageCanvasEditorView />);
 
     fireEvent.click(screen.getByRole('button', { name: '生成图片' }));
@@ -3372,7 +3444,6 @@ describe('ImageCanvasEditorView generation integration', () => {
     if (!metadataCornerButton) {
       throw new Error('metadata corner button should exist');
     }
-    expect(metadataCornerButton.className).toContain('bg-black/55');
     expect(metadataCornerButton.className).toContain(
       'image-canvas-editor__metadata-corner',
     );
@@ -3505,7 +3576,9 @@ describe('ImageCanvasEditorView generation integration', () => {
     expect(sourceLayer.className).not.toContain(
       'image-canvas-editor__layer--generating',
     );
-    expect(within(editDialog).getByRole('button', { name: '生成中' })).toBeTruthy();
+    expect(
+      within(editDialog).getByRole('button', { name: '生成中' }),
+    ).toBeTruthy();
   });
 
   it('hides the quick edit panel after generation starts while keeping the source preview visible', async () => {
@@ -3578,7 +3651,9 @@ describe('ImageCanvasEditorView generation integration', () => {
       name: '删除生成中的占位图',
     });
     expect(screen.getByLabelText('快速编辑生成占位图')).toBeTruthy();
-    fireEvent.click(within(confirmDialog).getByRole('button', { name: '确认删除' }));
+    fireEvent.click(
+      within(confirmDialog).getByRole('button', { name: '确认删除' }),
+    );
 
     expect(screen.queryByLabelText('快速编辑生成占位图')).toBeNull();
   });
diff --git a/src/components/image-editor/ImageCanvasEditorModel.test.ts b/src/components/image-editor/ImageCanvasEditorModel.test.ts
index f4e324dd5..2c1f980c4 100644
--- a/src/components/image-editor/ImageCanvasEditorModel.test.ts
+++ b/src/components/image-editor/ImageCanvasEditorModel.test.ts
@@ -317,14 +317,29 @@ describe('ImageCanvasEditorModel', () => {
     });
   });
 
-  it('serializes and hydrates video thumbnails for character animation layers', () => {
+  it('serializes and hydrates image sequence frames for character animation layers', () => {
     const layer: CanvasLayer = {
       id: 'layer-action',
       resourceId: 'resource-action',
       title: '角色动作',
-      src: '/generated-character-drafts/editor/preview.mp4',
-      mediaType: 'video',
+      src: '/generated-character-drafts/editor/frame01.png',
+      mediaType: 'image-sequence',
       thumbnailSrc: '/generated-character-drafts/editor/frame01.png',
+      imageSequenceFrames: [
+        {
+          frameIndex: 1,
+          imageSrc: '/generated-character-drafts/editor/frame01.png',
+          width: 1024,
+          height: 1024,
+        },
+        {
+          frameIndex: 2,
+          imageSrc: '/generated-character-drafts/editor/frame02.png',
+          width: 1024,
+          height: 1024,
+        },
+      ],
+      previewVideoPath: '/generated-character-drafts/editor/preview.mp4',
       x: 10,
       y: 20,
       width: 420,
@@ -341,6 +356,8 @@ describe('ImageCanvasEditorModel', () => {
     expect(snapshot.thumbnailSrc).toBe(
       '/generated-character-drafts/editor/frame01.png',
     );
+    expect(snapshot.mediaType).toBe('image-sequence');
+    expect(snapshot.imageSequenceFrames).toHaveLength(2);
 
     const hydrated = hydrateLayer(
       snapshot,
@@ -356,8 +373,10 @@ describe('ImageCanvasEditorModel', () => {
     );
 
     expect(hydrated).toMatchObject({
-      mediaType: 'video',
+      mediaType: 'image-sequence',
       thumbnailSrc: '/generated-character-drafts/editor/frame01.png',
+      imageSequenceFrames: layer.imageSequenceFrames,
+      previewVideoPath: '/generated-character-drafts/editor/preview.mp4',
       assetKind: 'character-animation',
       durationSeconds: 4,
     });
diff --git a/src/components/image-editor/ImageCanvasEditorModel.ts b/src/components/image-editor/ImageCanvasEditorModel.ts
index 522e76f7d..ea803eb85 100644
--- a/src/components/image-editor/ImageCanvasEditorModel.ts
+++ b/src/components/image-editor/ImageCanvasEditorModel.ts
@@ -202,6 +202,8 @@ export function serializeLayer(
     sourceType: layer.sourceType,
     mediaType: layer.mediaType,
     thumbnailSrc: layer.thumbnailSrc,
+    imageSequenceFrames: layer.imageSequenceFrames,
+    previewVideoPath: layer.previewVideoPath,
     prompt: layer.prompt,
     actualPrompt: layer.actualPrompt,
     model: layer.model,
@@ -531,7 +533,11 @@ export function hydrateLayer(
   const layerId = typeof snapshot.layerId === 'string' ? snapshot.layerId : '';
   const resource = resourcesById.get(resourceId);
   const snapshotSrc = typeof snapshot.src === 'string' ? snapshot.src : '';
-  const src = snapshotSrc || resource?.imageSrc || '';
+  const imageSequenceFrames = hydrateImageSequenceFrames(
+    snapshot.imageSequenceFrames,
+  );
+  const firstSequenceFrame = imageSequenceFrames[0]?.imageSrc ?? '';
+  const src = snapshotSrc || firstSequenceFrame || resource?.imageSrc || '';
   const title =
     typeof snapshot.title === 'string' ? snapshot.title : '画布图片';
   if (!resourceId || !layerId || !src) {
@@ -561,11 +567,12 @@ export function hydrateLayer(
     sourceType: isCanvasSourceType(snapshot.sourceType)
       ? snapshot.sourceType
       : 'uploaded',
-    mediaType:
-      snapshot.mediaType === 'video' || snapshot.mediaType === 'audio'
-        ? snapshot.mediaType
-        : 'image',
+    mediaType: resolveHydratedLayerMediaType(snapshot, imageSequenceFrames),
     thumbnailSrc: stringOrNull(snapshot.thumbnailSrc),
+    imageSequenceFrames: imageSequenceFrames.length
+      ? imageSequenceFrames
+      : undefined,
+    previewVideoPath: stringOrNull(snapshot.previewVideoPath),
     prompt: stringOrNull(snapshot.prompt),
     actualPrompt: stringOrNull(snapshot.actualPrompt),
     model: stringOrNull(snapshot.model),
@@ -655,6 +662,25 @@ export function inferEditorAssetMediaType(
   return 'image';
 }
 
+function resolveHydratedLayerMediaType(
+  snapshot: EditorProjectLayerSnapshot,
+  imageSequenceFrames: CanvasLayer['imageSequenceFrames'],
+): CanvasMediaType {
+  if (snapshot.mediaType === 'image-sequence') {
+    return 'image-sequence';
+  }
+  if (
+    snapshot.assetKind === 'character-animation' &&
+    (imageSequenceFrames?.length || stringOrNull(snapshot.thumbnailSrc))
+  ) {
+    return 'image-sequence';
+  }
+  if (snapshot.mediaType === 'video' || snapshot.mediaType === 'audio') {
+    return snapshot.mediaType;
+  }
+  return 'image';
+}
+
 function inferAudioAssetKindFromLabel(label: string): CanvasAssetKind {
   return label.includes('背景音乐') || label.toLowerCase().includes('music')
     ? 'background-music'
@@ -788,6 +814,33 @@ function hydrateCharacterAnimationResult(
   return result as EditorCharacterAnimationGenerationResult;
 }
 
+function hydrateImageSequenceFrames(
+  value: unknown,
+): NonNullable<CanvasLayer['imageSequenceFrames']> {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+  const frames = value.flatMap((frame, index) => {
+    if (!frame || typeof frame !== 'object') {
+      return [];
+    }
+    const snapshot = frame as Record<string, unknown>;
+    const imageSrc = stringOrNull(snapshot.imageSrc);
+    if (!imageSrc) {
+      return [];
+    }
+    return [
+      {
+        frameIndex: numberFromSnapshot(snapshot.frameIndex, index + 1),
+        imageSrc,
+        width: numberFromSnapshot(snapshot.width, 0),
+        height: numberFromSnapshot(snapshot.height, 0),
+      },
+    ];
+  });
+  return frames;
+}
+
 export function booleanFromSnapshot(value: unknown) {
   return value === true;
 }
diff --git a/src/components/image-editor/ImageCanvasEditorShellView.test.tsx b/src/components/image-editor/ImageCanvasEditorShellView.test.tsx
index 0742151e3..9d3b2d3f5 100644
--- a/src/components/image-editor/ImageCanvasEditorShellView.test.tsx
+++ b/src/components/image-editor/ImageCanvasEditorShellView.test.tsx
@@ -98,6 +98,8 @@ function createTopbarProps(): ImageCanvasTopbarViewProps {
     isProjectRenameSaving: false,
     projectRenameError: null,
     layers: [],
+    walletBalanceLabel: '0泥点',
+    isWalletBalanceLoading: false,
     assetExportStatus: null,
     isExportingAssets: false,
     setProjectRenameValue: vi.fn(),
@@ -107,6 +109,7 @@ function createTopbarProps(): ImageCanvasTopbarViewProps {
     resetProjectRenameError: vi.fn(),
     exportCanvasAssets: vi.fn(),
     onOpenShortcuts: vi.fn(),
+    onOpenWallet: vi.fn(),
   };
 }
 
diff --git a/src/components/image-editor/ImageCanvasEditorTypes.ts b/src/components/image-editor/ImageCanvasEditorTypes.ts
index 0b7183f11..98fc276f5 100644
--- a/src/components/image-editor/ImageCanvasEditorTypes.ts
+++ b/src/components/image-editor/ImageCanvasEditorTypes.ts
@@ -1,6 +1,7 @@
 import type {
   EditorAssetSnapshot,
   EditorCharacterAnimationFrameCount,
+  EditorCharacterAnimationFrameResult,
   EditorCharacterAnimationGenerationResult,
   EditorCharacterAnimationRatio,
   EditorCharacterAnimationResolution,
@@ -25,7 +26,7 @@ export type CanvasAssetKind =
   | 'sound-effect'
   | 'background-music';
 
-export type CanvasMediaType = 'image' | 'video' | 'audio';
+export type CanvasMediaType = 'image' | 'video' | 'audio' | 'image-sequence';
 
 export type EditorAsset = {
   id: string;
@@ -100,6 +101,8 @@ export type CanvasLayer = {
   assetKind?: CanvasAssetKind | null;
   generationInputs?: CanvasGenerationInputs | null;
   durationSeconds?: number;
+  imageSequenceFrames?: EditorCharacterAnimationFrameResult[];
+  previewVideoPath?: string | null;
   hidden?: boolean;
   locked?: boolean;
   flipX?: boolean;
diff --git a/src/components/image-editor/ImageCanvasEditorView.test.tsx b/src/components/image-editor/ImageCanvasEditorView.test.tsx
index 126d2a053..54bc91db3 100644
--- a/src/components/image-editor/ImageCanvasEditorView.test.tsx
+++ b/src/components/image-editor/ImageCanvasEditorView.test.tsx
@@ -10,7 +10,7 @@ import {
 } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import JSZip from 'jszip';
-import { describe, expect, it, vi } from 'vitest';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
 import {
   ApiClientError,
@@ -38,6 +38,7 @@ const loadEditorProjectMock = vi.hoisted(() => vi.fn());
 const loadOrCreateRecentEditorProjectMock = vi.hoisted(() => vi.fn());
 const renameEditorProjectMock = vi.hoisted(() => vi.fn());
 const saveEditorProjectLayoutMock = vi.hoisted(() => vi.fn());
+const getPlatformProfileDashboardMock = vi.hoisted(() => vi.fn());
 
 vi.mock('../../services/image-editor/editorProjectClient', async () => {
   const actual = await vi.importActual<
@@ -64,6 +65,10 @@ vi.mock('../../services/image-editor/editorProjectClient', async () => {
   };
 });
 
+vi.mock('../../services/platform-entry/platformProfileClient', () => ({
+  getPlatformProfileDashboard: getPlatformProfileDashboardMock,
+}));
+
 describe('ImageCanvasEditorView', () => {
   setupImageCanvasEditorViewTestLifecycle({
     generateEditorImageMock,
@@ -84,6 +89,19 @@ describe('ImageCanvasEditorView', () => {
     saveEditorProjectLayoutMock,
   });
 
+  beforeEach(() => {
+    getPlatformProfileDashboardMock.mockResolvedValue({
+      walletBalance: 1234,
+      totalPlayTimeMs: 0,
+      playedWorldCount: 0,
+      updatedAt: null,
+    });
+  });
+
+  afterEach(() => {
+    getPlatformProfileDashboardMock.mockReset();
+  });
+
   it('loads the project from projectid query before falling back to recent project', async () => {
     loadEditorProjectMock.mockResolvedValueOnce({
       projectId: 'editor-project-query',
@@ -157,6 +175,67 @@ describe('ImageCanvasEditorView', () => {
     });
   });
 
+  it('shows the live mud point balance in the canvas topbar when logged in', async () => {
+    render(
+      <AuthUiContext.Provider
+        value={createAuthValue({
+          user: {
+            id: 'user-1',
+            publicUserCode: 'U001',
+            displayName: '测试用户',
+            avatarUrl: null,
+            phoneNumberMasked: '138****0000',
+            loginMethod: 'password',
+            bindingStatus: 'active',
+            wechatBound: false,
+          },
+          canAccessProtectedData: true,
+        })}
+      >
+        <ImageCanvasEditorView />
+      </AuthUiContext.Provider>,
+    );
+
+    expect(await screen.findByLabelText('泥点余额 1,234泥点')).toBeTruthy();
+    expect(getPlatformProfileDashboardMock).toHaveBeenCalledWith({
+      authImpact: 'local',
+      skipRefresh: true,
+      notifyAuthStateChange: false,
+      clearAuthOnUnauthorized: false,
+    });
+  });
+
+  it('opens the same account wallet entry from the canvas topbar mud point button', async () => {
+    render(
+      <AuthUiContext.Provider
+        value={createAuthValue({
+          user: {
+            id: 'user-1',
+            publicUserCode: 'U001',
+            displayName: '测试用户',
+            avatarUrl: null,
+            phoneNumberMasked: '138****0000',
+            loginMethod: 'password',
+            bindingStatus: 'active',
+            wechatBound: false,
+          },
+          canAccessProtectedData: true,
+        })}
+      >
+        <ImageCanvasEditorView />
+      </AuthUiContext.Provider>,
+    );
+
+    const walletButton = await screen.findByRole('button', {
+      name: '泥点余额 1,234泥点',
+    });
+
+    fireEvent.click(walletButton);
+
+    expect(await screen.findByRole('dialog', { name: '兑换码' })).toBeTruthy();
+    expect(screen.getByPlaceholderText('输入兑换码')).toBeTruthy();
+  });
+
   it('opens the login modal immediately when entering the editor while logged out', async () => {
     const openLoginModal = vi.fn();
 
@@ -281,6 +360,7 @@ describe('ImageCanvasEditorView', () => {
           originalHeight: 1024,
           zIndex: 3,
           sourceType: 'generated',
+          sourceResourceId: 'resource-generated',
           prompt: '明亮主视觉',
           model: 'gpt-image-2',
           provider: 'VectorEngine',
@@ -299,6 +379,7 @@ describe('ImageCanvasEditorView', () => {
           originalHeight: 120,
           zIndex: 4,
           sourceType: 'generated',
+          sourceResourceId: 'resource-failed',
         },
       ],
       resources: [],
@@ -328,7 +409,8 @@ describe('ImageCanvasEditorView', () => {
     });
     const originalFetch = globalThis.fetch;
     const fetchMock = vi.fn(async (url: string) => {
-      if (url === '/generated-ok.png') {
+      const pathname = new URL(url, 'http://localhost').pathname;
+      if (pathname === '/generated-ok.png') {
         return new Response(new Blob(['generated'], { type: 'image/png' }));
       }
       return new Response(null, { status: 404 });
diff --git a/src/components/image-editor/ImageCanvasEditorView.tsx b/src/components/image-editor/ImageCanvasEditorView.tsx
index 4374aab68..70ea0f28b 100644
--- a/src/components/image-editor/ImageCanvasEditorView.tsx
+++ b/src/components/image-editor/ImageCanvasEditorView.tsx
@@ -14,8 +14,18 @@ import {
   type EditorAssetSnapshot,
   loadEditorGenerationPricing,
 } from '../../services/image-editor/editorProjectClient';
+import { shouldShowRechargeEntry } from '../../services/payment/paymentPlatform';
+import { getPlatformProfileDashboard } from '../../services/platform-entry/platformProfileClient';
 import { useAuthUi } from '../auth/AuthUiContext';
 import { PlatformDangerConfirmDialog } from '../common/PlatformDangerConfirmDialog';
+import { PlatformProfileRechargeModal } from '../platform-entry/PlatformProfileRechargeModal';
+import { PlatformProfileRewardCodeRedeemModal } from '../platform-entry/PlatformProfileRewardCodeRedeemModal';
+import {
+  PlatformRechargePaymentConfirmationMask,
+  PlatformRechargePaymentResultDialog,
+} from '../platform-entry/PlatformRechargePaymentStatusDialogs';
+import { usePlatformProfileCenterController } from '../platform-entry/usePlatformProfileCenterController';
+import { formatDashboardCount } from '../rpg-entry/rpgEntryProfileDashboardPresentation';
 import {
   canvasAssetKindOrNull,
   generationInputsOrNull,
@@ -66,6 +76,10 @@ import {
 export function ImageCanvasEditorView() {
   const authUi = useAuthUi();
   const [, setGenerationPricingVersion] = useState(0);
+  const [walletBalanceLabel, setWalletBalanceLabel] = useState<string | null>(
+    null,
+  );
+  const [isWalletBalanceLoading, setIsWalletBalanceLoading] = useState(false);
   const editorRootRef = useRef<HTMLElement | null>(null);
   const canvasViewportRef = useRef<HTMLDivElement | null>(null);
   const assetListRef = useRef<HTMLDivElement | null>(null);
@@ -87,6 +101,7 @@ export function ImageCanvasEditorView() {
   const publicationReferenceButtonRef = useRef<HTMLButtonElement | null>(null);
   const iconSpecButtonRef = useRef<HTMLButtonElement | null>(null);
   const selectedLayerIdRef = useRef<string | null>(null);
+  const showRechargeEntry = shouldShowRechargeEntry();
 
   useEffect(() => {
     let isMounted = true;
@@ -161,6 +176,56 @@ export function ImageCanvasEditorView() {
     },
     [],
   );
+  const refreshEditorWalletBalance = useCallback(() => {
+    if (!authUiRef.current?.canAccessProtectedData || !authUiRef.current.user) {
+      return;
+    }
+    void getPlatformProfileDashboard({
+      authImpact: 'local',
+      skipRefresh: true,
+      notifyAuthStateChange: false,
+      clearAuthOnUnauthorized: false,
+    })
+      .then((dashboard) => {
+        setWalletBalanceLabel(
+          `${formatDashboardCount(dashboard.walletBalance)}泥点`,
+        );
+      })
+      .catch(() => undefined);
+  }, []);
+  const {
+    activeRechargeTab,
+    buyRechargeProduct,
+    confirmNativeWechatPayment,
+    isLoadingRechargeCenter,
+    isRechargeOpen,
+    isRewardCodeOpen,
+    isSubmittingRewardCode,
+    loadRechargeCenter,
+    nativeWechatPayment,
+    openRechargeOrRewardCodeModal,
+    rechargeCenter,
+    rechargeError,
+    rechargePaymentResult,
+    rewardCodeError,
+    rewardCodeInput,
+    rewardCodeSuccess,
+    setActiveRechargeTab,
+    setIsRechargeOpen,
+    setIsRewardCodeOpen,
+    setRechargePaymentResult,
+    setRewardCodeInput,
+    submittingRechargeProductId,
+    submitRewardCode,
+    wechatRechargeOrderConfirmationState,
+  } = usePlatformProfileCenterController({
+    activeTab: 'editor-canvas',
+    isAuthenticated: Boolean(authUi?.user),
+    showRechargeEntry,
+    onRechargeSuccess: refreshEditorWalletBalance,
+    requestLogin: () => authUiRef.current?.openLoginModal(),
+    currentUser: authUi?.user ?? null,
+  });
 
   useEffect(() => {
     if (!authUi || authUi.user || authUi.canAccessProtectedData) {
@@ -175,6 +240,66 @@ export function ImageCanvasEditorView() {
       window.location.reload();
     });
   }, [authUi]);
+  useEffect(() => {
+    if (!authUi?.canAccessProtectedData || !authUi.user) {
+      setWalletBalanceLabel(null);
+      setIsWalletBalanceLoading(false);
+      return;
+    }
+
+    let isMounted = true;
+    let requestId = 0;
+
+    const refreshWalletBalance = () => {
+      const currentRequestId = requestId + 1;
+      requestId = currentRequestId;
+      setIsWalletBalanceLoading(true);
+      void getPlatformProfileDashboard({
+        authImpact: 'local',
+        skipRefresh: true,
+        notifyAuthStateChange: false,
+        clearAuthOnUnauthorized: false,
+      })
+        .then((dashboard) => {
+          if (!isMounted || currentRequestId !== requestId) {
+            return;
+          }
+          setWalletBalanceLabel(`${formatDashboardCount(dashboard.walletBalance)}泥点`);
+        })
+        .catch(() => {
+          if (!isMounted || currentRequestId !== requestId) {
+            return;
+          }
+          setWalletBalanceLabel(null);
+        })
+        .finally(() => {
+          if (!isMounted || currentRequestId !== requestId) {
+            return;
+          }
+          setIsWalletBalanceLoading(false);
+        });
+    };
+
+    refreshWalletBalance();
+
+    const handleWindowFocus = () => {
+      refreshWalletBalance();
+    };
+    const handleVisibilityChange = () => {
+      if (document.visibilityState === 'visible') {
+        refreshWalletBalance();
+      }
+    };
+
+    window.addEventListener('focus', handleWindowFocus);
+    document.addEventListener('visibilitychange', handleVisibilityChange);
+
+    return () => {
+      isMounted = false;
+      window.removeEventListener('focus', handleWindowFocus);
+      document.removeEventListener('visibilitychange', handleVisibilityChange);
+    };
+  }, [authUi?.canAccessProtectedData, authUi?.user?.id]);
   const {
     projectTitle,
     setProjectTitle,
@@ -1179,6 +1304,8 @@ export function ImageCanvasEditorView() {
     isProjectRenameSaving,
     projectRenameError,
     layers,
+    walletBalanceLabel,
+    isWalletBalanceLoading,
     assetExportStatus,
     isExportingAssets,
     setProjectRenameValue,
@@ -1188,6 +1315,7 @@ export function ImageCanvasEditorView() {
     resetProjectRenameError,
     exportCanvasAssets,
     onOpenShortcuts: () => setIsShortcutDialogOpen(true),
+    onOpenWallet: openRechargeOrRewardCodeModal,
   };
   const stageProps = {
     canvasViewportRef,
@@ -1332,6 +1460,43 @@ export function ImageCanvasEditorView() {
         open={isShortcutDialogOpen}
         onClose={() => setIsShortcutDialogOpen(false)}
       />
+      {isRewardCodeOpen ? (
+        <PlatformProfileRewardCodeRedeemModal
+          value={rewardCodeInput}
+          isSubmitting={isSubmittingRewardCode}
+          error={rewardCodeError}
+          success={rewardCodeSuccess}
+          onChange={setRewardCodeInput}
+          onSubmit={submitRewardCode}
+          onClose={() => setIsRewardCodeOpen(false)}
+        />
+      ) : null}
+      {isRechargeOpen ? (
+        <PlatformProfileRechargeModal
+          center={rechargeCenter}
+          isLoading={isLoadingRechargeCenter}
+          error={rechargeError}
+          submittingProductId={submittingRechargeProductId}
+          nativePayment={nativeWechatPayment}
+          activeTab={activeRechargeTab}
+          onTabChange={setActiveRechargeTab}
+          onClose={() => setIsRechargeOpen(false)}
+          onRetry={loadRechargeCenter}
+          onBuy={buyRechargeProduct}
+          onConfirmNativePayment={confirmNativeWechatPayment}
+        />
+      ) : null}
+      {rechargePaymentResult ? (
+        <PlatformRechargePaymentResultDialog
+          result={rechargePaymentResult}
+          onClose={() => setRechargePaymentResult(null)}
+        />
+      ) : null}
+      {wechatRechargeOrderConfirmationState ? (
+        <PlatformRechargePaymentConfirmationMask
+          orderId={wechatRechargeOrderConfirmationState.orderId}
+        />
+      ) : null}
     </>
   );
 }
diff --git a/src/components/image-editor/ImageCanvasExportModel.test.ts b/src/components/image-editor/ImageCanvasExportModel.test.ts
index 31162993b..a52aea87b 100644
--- a/src/components/image-editor/ImageCanvasExportModel.test.ts
+++ b/src/components/image-editor/ImageCanvasExportModel.test.ts
@@ -41,6 +41,21 @@ describe('ImageCanvasExportModel', () => {
         src: 'data:image/png;base64,one',
       }),
     ).toBe('object-key');
+    expect(
+      getLayerExportKey({
+        ...buildLayer(),
+        mediaType: 'image-sequence',
+        taskId: 'sequence-task',
+        imageSequenceFrames: [
+          {
+            frameIndex: 1,
+            imageSrc: '/generated-character-drafts/editor/frame01.png',
+            width: 1024,
+            height: 1024,
+          },
+        ],
+      }),
+    ).toBe('image-sequence:sequence-task');
   });
 
   it('detects image extensions from content type before falling back to src', () => {
@@ -70,6 +85,13 @@ describe('ImageCanvasExportModel', () => {
         '/generated-audios/effect.wav?token=1',
       ),
     ).toBe('wav');
+    expect(
+      getLayerAssetExtensionFromTypeOrSrc(
+        'image-sequence',
+        '',
+        '/generated-character-drafts/editor/frame01.png',
+      ),
+    ).toBe('zip');
   });
 
   it('converts data URLs and builds layer metadata for manifest files', async () => {
diff --git a/src/components/image-editor/ImageCanvasExportModel.ts b/src/components/image-editor/ImageCanvasExportModel.ts
index 3e5de65b1..d8e7030f6 100644
--- a/src/components/image-editor/ImageCanvasExportModel.ts
+++ b/src/components/image-editor/ImageCanvasExportModel.ts
@@ -25,6 +25,14 @@ export function formatExportDate(date: Date) {
 }
 
 export function getLayerExportKey(layer: CanvasLayer) {
+  if (layer.mediaType === 'image-sequence') {
+    return `image-sequence:${
+      layer.taskId ||
+      layer.sourceResourceId ||
+      layer.imageSequenceFrames?.map((frame) => frame.imageSrc).join('|') ||
+      layer.src
+    }`;
+  }
   return (
     layer.assetObjectId ||
     layer.objectKey ||
@@ -49,7 +57,9 @@ function pickKnownExtension(
   allowedExtensions: string[],
   fallback: string,
 ) {
-  return extension && allowedExtensions.includes(extension) ? extension : fallback;
+  return extension && allowedExtensions.includes(extension)
+    ? extension
+    : fallback;
 }
 
 export function getLayerAssetExtensionFromTypeOrSrc(
@@ -59,6 +69,9 @@ export function getLayerAssetExtensionFromTypeOrSrc(
 ) {
   const normalizedType = type.toLowerCase();
   const extensionFromSrc = getExtensionFromSrc(src);
+  if (mediaType === 'image-sequence') {
+    return 'zip';
+  }
   if (mediaType === 'audio') {
     if (normalizedType.includes('mpeg') || normalizedType.includes('mp3')) {
       return 'mp3';
@@ -129,26 +142,77 @@ export function dataUrlToBlob(dataUrl: string) {
   return new Blob([bytes], { type });
 }
 
-export async function readLayerAssetBlob(layer: CanvasLayer) {
-  if (layer.src.startsWith('data:')) {
-    return dataUrlToBlob(layer.src);
+export async function readAssetSourceBlob({
+  source,
+  objectKey,
+  refreshKey,
+}: {
+  source: string;
+  objectKey?: string | null;
+  refreshKey?: string | number | null;
+}) {
+  if (source.startsWith('data:')) {
+    return dataUrlToBlob(source);
   }
-  const source = layer.objectKey
-    ? await getSignedAssetReadUrl(
-        { objectKey: layer.objectKey },
-        undefined,
-        { cacheVersion: layer.taskId ?? layer.resourceId },
-      )
-    : await resolveAssetReadUrl(layer.src);
-  const response = await fetch(source);
+  const resolvedSource = objectKey
+    ? await getSignedAssetReadUrl({ objectKey }, undefined, {
+        cacheVersion: refreshKey,
+      })
+    : await resolveAssetReadUrl(source, { refreshKey });
+  const response = await fetch(resolvedSource);
   if (!response.ok) {
     throw new Error(`HTTP ${response.status}`);
   }
   return response.blob();
 }
 
+export async function readLayerAssetBlob(layer: CanvasLayer) {
+  return readAssetSourceBlob({
+    source: layer.src,
+    objectKey: layer.objectKey,
+    refreshKey: layer.taskId ?? layer.resourceId,
+  });
+}
+
 export const readLayerImageBlob = readLayerAssetBlob;
 
+export function getLayerImageSequenceFrames(layer: CanvasLayer) {
+  if (layer.imageSequenceFrames?.length) {
+    return layer.imageSequenceFrames;
+  }
+  const fallbackSrc = layer.thumbnailSrc?.trim() || layer.src.trim();
+  return fallbackSrc
+    ? [
+        {
+          frameIndex: 1,
+          imageSrc: fallbackSrc,
+          width: layer.originalWidth,
+          height: layer.originalHeight,
+        },
+      ]
+    : [];
+}
+
+export async function readLayerImageSequenceFrameBlob(
+  layer: CanvasLayer,
+  frame: ReturnType<typeof getLayerImageSequenceFrames>[number],
+) {
+  return readAssetSourceBlob({
+    source: frame.imageSrc,
+    refreshKey: `${layer.taskId ?? layer.resourceId}:${frame.frameIndex}`,
+  });
+}
+
+export function getImageSequenceFrameFileName(
+  frame: ReturnType<typeof getLayerImageSequenceFrames>[number],
+  index: number,
+  blobType = '',
+) {
+  const extension = getImageExtensionFromTypeOrSrc(blobType, frame.imageSrc);
+  const frameNumber = String(frame.frameIndex || index + 1).padStart(2, '0');
+  return `frame-${frameNumber}.${extension}`;
+}
+
 export async function blobToUint8Array(blob: Blob) {
   if (typeof blob.arrayBuffer === 'function') {
     return new Uint8Array(await blob.arrayBuffer());
diff --git a/src/components/image-editor/ImageCanvasGenerationDialogModel.test.ts b/src/components/image-editor/ImageCanvasGenerationDialogModel.test.ts
index 20f4757e4..5b2a8d711 100644
--- a/src/components/image-editor/ImageCanvasGenerationDialogModel.test.ts
+++ b/src/components/image-editor/ImageCanvasGenerationDialogModel.test.ts
@@ -22,6 +22,7 @@ import {
   createIconGenerationDialogDraft,
   createPublicationGenerationDialogDraft,
   createQuickEditPanelDraft,
+  createRedrawPanelDraft,
   createSoundEffectGenerationDialogDraft,
   createSpecDialogDraft,
   createUiDesignGenerationDialogDraft,
@@ -263,7 +264,7 @@ describe('ImageCanvasGenerationDialogModel', () => {
       title: '游戏音效',
       mediaType: 'audio',
       assetKind: 'sound-effect',
-      prompt: '金币收集音',
+      prompt: '【系统内置】完整音效提示词：金币收集音，自动混音，内部参数。',
       generationInputs: {
         fields: [
           { title: 'prompt', value: '金币收集音' },
@@ -315,20 +316,19 @@ describe('ImageCanvasGenerationDialogModel', () => {
     expect(createAudioRedrawGenerationDialogDraft(createLayer())).toBeNull();
   });
 
-  it('uses audio prompt templates when remodeling old audio layers without prompts', () => {
+  it('keeps audio remodel prompts blank when no user input snapshot exists', () => {
     expect(
       createAudioRedrawGenerationDialogDraft(
         createLayer({
           mediaType: 'audio',
           assetKind: 'sound-effect',
-          prompt: '',
+          prompt: '【系统内置】完整音效提示词',
           generationInputs: { fields: [], references: [] },
         }),
       ),
     ).toMatchObject({
       mode: 'audio-sound-effect',
-      prompt:
-        '短促清脆的游戏交互音效，带轻微闪光质感，干净收尾，适合按钮确认或收集奖励。',
+      prompt: '',
     });
     expect(
       createAudioRedrawGenerationDialogDraft(
@@ -336,26 +336,33 @@ describe('ImageCanvasGenerationDialogModel', () => {
           mediaType: 'audio',
           assetKind: 'background-music',
           title: '游戏背景音乐',
-          prompt: '',
-          generationInputs: { fields: [], references: [] },
+          prompt: '【系统内置】完整背景音乐提示词',
+          generationInputs: {
+            fields: [{ title: 'duration', value: '10秒' }],
+            references: [],
+          },
         }),
       ),
     ).toMatchObject({
       mode: 'audio-background-music',
-      prompt: '适合轻松冒险游戏的循环背景音乐，温暖明亮，旋律简洁，不包含人声。',
+      prompt: '',
     });
   });
 
   it('creates edit, quick-edit, and character animation panel drafts', () => {
     const sourceLayer = createLayer({
-      prompt: '原图提示',
+      prompt: '【系统内置】完整拼接提示词：原图提示，自动画质优化。',
       model: 'gpt-image-2',
       assetKind: 'character',
+      generationInputs: {
+        fields: [{ title: '生成提示词', value: '原图提示' }],
+        references: [],
+      },
     });
 
     expect(createEditDialogDraft(sourceLayer)).toEqual({
       mode: 'edit',
-      prompt: '原图提示，在保持主体结构的基础上优化画面细节',
+      prompt: '原图提示',
       status: 'idle',
       composerOpen: true,
       sourceLayerId: 'layer-source',
@@ -371,6 +378,7 @@ describe('ImageCanvasGenerationDialogModel', () => {
       quickEditReferences: [],
       status: 'idle',
     });
+    expect(createRedrawPanelDraft(sourceLayer).prompt).toBe('原图提示');
     expect(createCharacterAnimationPanelDraft(sourceLayer)).toEqual({
       sourceLayerId: 'layer-source',
       promptText: '',
@@ -383,6 +391,86 @@ describe('ImageCanvasGenerationDialogModel', () => {
     expect(createCharacterAnimationPanelDraft(createLayer())).toBeNull();
   });
 
+  it('restores remodel prompts from user-visible generation input snapshots only', () => {
+    const cases: Array<{
+      fields: NonNullable<CanvasLayer['generationInputs']>['fields'];
+      expectedPrompt: string;
+    }> = [
+      {
+        fields: [{ title: '视频描述', value: '用户的视频描述' }],
+        expectedPrompt: '用户的视频描述',
+      },
+      {
+        fields: [{ title: '角色设定', value: '用户的角色设定' }],
+        expectedPrompt: '用户的角色设定',
+      },
+      {
+        fields: [{ title: '用户输入', value: '用户的 UI 需求' }],
+        expectedPrompt: '用户的 UI 需求',
+      },
+      {
+        fields: [{ title: '素材描述', value: '返回按钮\n设置按钮' }],
+        expectedPrompt: '返回按钮\n设置按钮',
+      },
+      {
+        fields: [{ title: '自定义规范提示词', value: '用户自定义规范' }],
+        expectedPrompt: '用户自定义规范',
+      },
+      {
+        fields: [
+          { title: '玩法设定', value: '平台跳跃' },
+          { title: '美术风格', value: '像素风' },
+        ],
+        expectedPrompt: '玩法设定：平台跳跃\n美术风格：像素风',
+      },
+      {
+        fields: [
+          { title: '游戏名', value: '星海远征' },
+          { title: '游戏分类', value: '冒险' },
+          { title: '一句话描述游戏', value: '驾驶飞船探索星云' },
+        ],
+        expectedPrompt:
+          '游戏名：星海远征\n游戏分类：冒险\n一句话描述游戏：驾驶飞船探索星云',
+      },
+      {
+        fields: [{ title: '动作描述', value: '待机动作' }],
+        expectedPrompt: '待机动作',
+      },
+    ];
+
+    for (const testCase of cases) {
+      expect(
+        createRedrawPanelDraft(
+          createLayer({
+            prompt: '【系统内置】完整拼接提示词，包含默认规则和模型约束。',
+            generationInputs: {
+              fields: testCase.fields,
+              references: [],
+            },
+          }),
+        ).prompt,
+      ).toBe(testCase.expectedPrompt);
+    }
+
+    expect(
+      createRedrawPanelDraft(
+        createLayer({
+          prompt: '【系统内置】固定素材提取提示词',
+          generationInputs: {
+            fields: [
+              {
+                title: '提取提示词',
+                value: '仅提取被红色框框选的素材并整理成spritesheet',
+              },
+              { title: 'model', value: 'gpt-image-2' },
+            ],
+            references: [],
+          },
+        }),
+      ).prompt,
+    ).toBe('');
+  });
+
   it('normalizes legacy nanobanana model aliases in quick edit drafts', () => {
     expect(
       createQuickEditPanelDraft(
diff --git a/src/components/image-editor/ImageCanvasGenerationDialogModel.ts b/src/components/image-editor/ImageCanvasGenerationDialogModel.ts
index b05b7f638..bef1636d4 100644
--- a/src/components/image-editor/ImageCanvasGenerationDialogModel.ts
+++ b/src/components/image-editor/ImageCanvasGenerationDialogModel.ts
@@ -416,37 +416,62 @@ function findGenerationInputFieldValue(
   );
 }
 
-function resolveDefaultAudioPrompt(
-  mode: Extract<
-    GenerateDialogState['mode'],
-    'audio-sound-effect' | 'audio-background-music'
-  >,
-) {
-  return mode === 'audio-background-music'
-    ? DEFAULT_BACKGROUND_MUSIC_PROMPT
-    : DEFAULT_SOUND_EFFECT_PROMPT;
+const USER_PROMPT_INPUT_TITLES = new Set(
+  [
+    '生成提示词',
+    '视频描述',
+    'prompt',
+    'sound',
+    'gpt_description_prompt',
+    '音效提示词',
+    '背景音乐提示词',
+    '角色设定',
+    '用户输入',
+    '素材描述',
+    '自定义规范提示词',
+    '修改要求',
+    '快速编辑提示词',
+    '重绘提示词',
+    '动作描述',
+  ].map((title) => title.toLowerCase()),
+);
+
+const STRUCTURED_USER_INPUT_TITLES = new Set(
+  [
+    '玩法设定',
+    '美术风格',
+    '头身比',
+    '角色视角',
+    '游戏名',
+    '游戏分类',
+    '一句话描述游戏',
+  ].map((title) => title.toLowerCase()),
+);
+
+function resolveUserGenerationPromptSnapshot(sourceLayer: CanvasLayer) {
+  const fields = sourceLayer.generationInputs?.fields ?? [];
+  const promptField = fields.find((field) =>
+    USER_PROMPT_INPUT_TITLES.has(field.title.trim().toLowerCase()),
+  );
+  const promptValue = promptField?.value.trim();
+  if (promptValue) {
+    return promptValue;
+  }
+
+  const structuredLines = fields.flatMap((field) => {
+    if (!STRUCTURED_USER_INPUT_TITLES.has(field.title.trim().toLowerCase())) {
+      return [];
+    }
+    const value = field.value.trim();
+    return value ? [`${field.title.trim()}：${value}`] : [];
+  });
+  return structuredLines.join('\n');
 }
 
 function resolveAudioRedrawPrompt(
   sourceLayer: CanvasLayer,
-  mode: Extract<
-    GenerateDialogState['mode'],
-    'audio-sound-effect' | 'audio-background-music'
-  >,
 ) {
-  return (
-    sourceLayer.prompt?.trim() ||
-    findGenerationInputFieldValue(sourceLayer, [
-      'prompt',
-      'sound',
-      'gpt_description_prompt',
-      '生成提示词',
-      '音效提示词',
-      '背景音乐提示词',
-    ])?.trim() ||
-    sourceLayer.generationInputs?.fields[0]?.value?.trim() ||
-    resolveDefaultAudioPrompt(mode)
-  );
+  return resolveUserGenerationPromptSnapshot(sourceLayer);
 }
 
 function resolveAudioRedrawMode(sourceLayer: CanvasLayer) {
@@ -493,7 +518,7 @@ export function createAudioRedrawGenerationDialogDraft(
   const baseDraft = {
     mode,
     sourceLayerId: sourceLayer.id,
-    prompt: resolveAudioRedrawPrompt(sourceLayer, mode),
+    prompt: resolveAudioRedrawPrompt(sourceLayer),
     status: 'idle' as const,
     composerOpen: true,
     placeholder: {
@@ -562,9 +587,7 @@ export function createEditDialogDraft(
 ): GenerateDialogState {
   return {
     mode: 'edit',
-    prompt: sourceLayer.prompt
-      ? `${sourceLayer.prompt}，在保持主体结构的基础上优化画面细节`
-      : '',
+    prompt: resolveUserGenerationPromptSnapshot(sourceLayer),
     status: 'idle',
     composerOpen: true,
     sourceLayerId: sourceLayer.id,
@@ -646,10 +669,7 @@ export function createRedrawPanelDraft(
   return {
     ...createQuickEditPanelDraft(sourceLayer),
     mode: 'redraw',
-    prompt:
-      sourceLayer.prompt?.trim() ||
-      sourceLayer.generationInputs?.fields[0]?.value?.trim() ||
-      '',
+    prompt: resolveUserGenerationPromptSnapshot(sourceLayer),
   };
 }
 
diff --git a/src/components/image-editor/ImageCanvasGenerationLayerModel.test.ts b/src/components/image-editor/ImageCanvasGenerationLayerModel.test.ts
index 13a4e756c..5dabd3961 100644
--- a/src/components/image-editor/ImageCanvasGenerationLayerModel.test.ts
+++ b/src/components/image-editor/ImageCanvasGenerationLayerModel.test.ts
@@ -466,7 +466,7 @@ describe('ImageCanvasGenerationLayerModel', () => {
     });
   });
 
-  it('creates character animation result layers with playable video preview and frame metadata', () => {
+  it('creates character animation result layers as playable image sequences', () => {
     const layer = createCharacterAnimationResultLayer({
       generated: {
         taskId: 'character-animation-task-1',
@@ -508,9 +508,18 @@ describe('ImageCanvasGenerationLayerModel', () => {
       id: 'layer-character-animation-15',
       resourceId: 'local-resource-character-animation-15',
       title: '角色动作',
-      src: '/generated-character-drafts/editor/preview.mp4',
-      mediaType: 'video',
+      src: '/generated-character-drafts/editor/frame1.png',
+      mediaType: 'image-sequence',
       thumbnailSrc: '/generated-character-drafts/editor/frame1.png',
+      imageSequenceFrames: [
+        {
+          frameIndex: 1,
+          imageSrc: '/generated-character-drafts/editor/frame1.png',
+          width: 1024,
+          height: 1024,
+        },
+      ],
+      previewVideoPath: '/generated-character-drafts/editor/preview.mp4',
       x: -222,
       y: -242,
       width: 1024,
diff --git a/src/components/image-editor/ImageCanvasGenerationLayerModel.ts b/src/components/image-editor/ImageCanvasGenerationLayerModel.ts
index c72d88959..5ec21fac3 100644
--- a/src/components/image-editor/ImageCanvasGenerationLayerModel.ts
+++ b/src/components/image-editor/ImageCanvasGenerationLayerModel.ts
@@ -494,9 +494,11 @@ export function createCharacterAnimationResultLayer({
     id: `layer-character-animation-${generatedIndex}`,
     resourceId: `local-resource-character-animation-${generatedIndex}`,
     title,
-    src: generated.previewVideoPath,
-    mediaType: 'video',
+    src: previewFrame.imageSrc,
+    mediaType: 'image-sequence',
     thumbnailSrc: previewFrame.imageSrc,
+    imageSequenceFrames: generated.frames,
+    previewVideoPath: generated.previewVideoPath,
     x: frameX ?? worldCenter.x - width / 2,
     y: frameY ?? worldCenter.y - height / 2,
     width,
diff --git a/src/components/image-editor/ImageCanvasGenerationModel.test.ts b/src/components/image-editor/ImageCanvasGenerationModel.test.ts
index bdf903e14..fb49865aa 100644
--- a/src/components/image-editor/ImageCanvasGenerationModel.test.ts
+++ b/src/components/image-editor/ImageCanvasGenerationModel.test.ts
@@ -399,13 +399,13 @@ describe('ImageCanvasGenerationModel', () => {
     );
   });
 
-  it('uses the extracted transparent frame when reusing a playable character animation layer', () => {
+  it('uses the extracted transparent frame when reusing a character animation sequence layer', () => {
     expect(
       resolveCharacterAnimationSourceImageSrc({
         ...buildSourceLayer(),
         assetKind: 'character-animation',
-        mediaType: 'video',
-        src: '/generated-character-drafts/editor/preview.mp4',
+        mediaType: 'image-sequence',
+        src: '/generated-character-drafts/editor/frame01.png',
         thumbnailSrc: '/generated-character-drafts/editor/frame01.png',
       }),
     ).toBe('/generated-character-drafts/editor/frame01.png');
diff --git a/src/components/image-editor/ImageCanvasGenerationModel.ts b/src/components/image-editor/ImageCanvasGenerationModel.ts
index 49eae3190..791920d3a 100644
--- a/src/components/image-editor/ImageCanvasGenerationModel.ts
+++ b/src/components/image-editor/ImageCanvasGenerationModel.ts
@@ -628,6 +628,9 @@ export function getLayerKindLabel(layer: CanvasLayer) {
   if (layer.mediaType === 'audio') {
     return '音频';
   }
+  if (layer.mediaType === 'image-sequence') {
+    return '序列帧';
+  }
   return null;
 }
 
@@ -649,7 +652,7 @@ export function formatLayerImageType(layer: CanvasLayer) {
     return '角色图片';
   }
   if (layer.assetKind === 'character-animation') {
-    return '角色动作视频';
+    return '角色动作序列帧';
   }
   if (layer.assetKind === 'icon') {
     return '图标素材图片';
@@ -678,6 +681,9 @@ export function formatLayerImageType(layer: CanvasLayer) {
   if (layer.mediaType === 'audio') {
     return '生成音频';
   }
+  if (layer.mediaType === 'image-sequence') {
+    return '序列帧';
+  }
   return isGeneratedLayer(layer) ? '生成图片' : '上传图片';
 }
 
@@ -981,7 +987,10 @@ export function buildVideoGenerationInputs(
   return {
     fields: createGenerationInputField('视频描述', prompt),
     references: (references ?? []).flatMap((reference) => {
-      const mediaType = reference.mediaType ?? 'image';
+      const mediaType =
+        reference.mediaType === 'video' || reference.mediaType === 'audio'
+          ? reference.mediaType
+          : 'image';
       mediaIndexes[mediaType] += 1;
       const title =
         mediaType === 'video'
diff --git a/src/components/image-editor/ImageCanvasMetadataModalView.tsx b/src/components/image-editor/ImageCanvasMetadataModalView.tsx
index 093a23a7c..ca7749893 100644
--- a/src/components/image-editor/ImageCanvasMetadataModalView.tsx
+++ b/src/components/image-editor/ImageCanvasMetadataModalView.tsx
@@ -29,6 +29,8 @@ export function ImageCanvasMetadataModalView({
       ? '音频'
       : layer?.mediaType === 'video'
         ? '视频'
+        : layer?.mediaType === 'image-sequence'
+          ? '序列帧'
         : '图片';
   return (
     <UnifiedModal
diff --git a/src/components/image-editor/ImageCanvasTopbarView.test.tsx b/src/components/image-editor/ImageCanvasTopbarView.test.tsx
index 2648957eb..93f8ca7ca 100644
--- a/src/components/image-editor/ImageCanvasTopbarView.test.tsx
+++ b/src/components/image-editor/ImageCanvasTopbarView.test.tsx
@@ -38,6 +38,8 @@ function renderTopbar(
     isProjectRenameSaving: false,
     projectRenameError: null,
     layers: [],
+    walletBalanceLabel: '1,234泥点',
+    isWalletBalanceLoading: false,
     assetExportStatus: null,
     isExportingAssets: false,
     setProjectRenameValue: vi.fn(),
@@ -47,6 +49,7 @@ function renderTopbar(
     resetProjectRenameError: vi.fn(),
     exportCanvasAssets: vi.fn(),
     onOpenShortcuts: vi.fn(),
+    onOpenWallet: vi.fn(),
     ...overrides,
   };
 
@@ -60,6 +63,7 @@ describe('ImageCanvasTopbarView', () => {
     const props = renderTopbar();
 
     expect(screen.getByRole('heading', { name: '默认项目' })).toBeTruthy();
+    expect(screen.queryByText('画布')).toBeNull();
     expect(
       screen.getByRole('link', { name: '返回项目页面' }).getAttribute('href'),
     ).toBe('/project');
@@ -73,6 +77,24 @@ describe('ImageCanvasTopbarView', () => {
     expect(props.onOpenShortcuts).toHaveBeenCalledTimes(1);
   });
 
+  it('shows the current mud point balance in the topbar', () => {
+    const props = renderTopbar({
+      walletBalanceLabel: '1.2万泥点',
+    });
+    const walletChip = screen.getByRole('button', {
+      name: '泥点余额 1.2万泥点',
+    });
+
+    expect(walletChip.textContent).toBe('1.2万泥点');
+    expect(walletChip.querySelector('img')?.getAttribute('src')).toBe(
+      '/creation-home/topbar-wallet.png',
+    );
+
+    fireEvent.click(walletChip);
+
+    expect(props.onOpenWallet).toHaveBeenCalledTimes(1);
+  });
+
   it('submits, resets, and cancels project rename edits', () => {
     const props = renderTopbar({
       isRenamingProject: true,
@@ -105,6 +127,8 @@ describe('ImageCanvasTopbarView', () => {
         isProjectRenameSaving={false}
         projectRenameError={null}
         layers={[]}
+        walletBalanceLabel="0泥点"
+        isWalletBalanceLoading={false}
         assetExportStatus={null}
         isExportingAssets={false}
         setProjectRenameValue={vi.fn()}
@@ -114,6 +138,7 @@ describe('ImageCanvasTopbarView', () => {
         resetProjectRenameError={vi.fn()}
         exportCanvasAssets={exportCanvasAssets}
         onOpenShortcuts={vi.fn()}
+        onOpenWallet={vi.fn()}
       />,
     );
 
@@ -131,6 +156,8 @@ describe('ImageCanvasTopbarView', () => {
         isProjectRenameSaving={false}
         projectRenameError={null}
         layers={[createLayer()]}
+        walletBalanceLabel="0泥点"
+        isWalletBalanceLoading={false}
         assetExportStatus={{
           tone: 'success',
           message: '画布素材已导出',
@@ -143,6 +170,7 @@ describe('ImageCanvasTopbarView', () => {
         resetProjectRenameError={vi.fn()}
         exportCanvasAssets={exportCanvasAssets}
         onOpenShortcuts={vi.fn()}
+        onOpenWallet={vi.fn()}
       />,
     );
 
diff --git a/src/components/image-editor/ImageCanvasTopbarView.tsx b/src/components/image-editor/ImageCanvasTopbarView.tsx
index 3e02ab576..e4a6ff24d 100644
--- a/src/components/image-editor/ImageCanvasTopbarView.tsx
+++ b/src/components/image-editor/ImageCanvasTopbarView.tsx
@@ -21,6 +21,8 @@ export type ImageCanvasTopbarViewProps = {
   isProjectRenameSaving: boolean;
   projectRenameError: string | null;
   layers: CanvasLayer[];
+  walletBalanceLabel: string | null;
+  isWalletBalanceLoading: boolean;
   assetExportStatus: AssetExportStatus | null;
   isExportingAssets: boolean;
   setProjectRenameValue: (value: string) => void;
@@ -30,6 +32,7 @@ export type ImageCanvasTopbarViewProps = {
   resetProjectRenameError: () => void;
   exportCanvasAssets: () => void | Promise<void>;
   onOpenShortcuts: () => void;
+  onOpenWallet: () => void;
 };
 
 export function ImageCanvasTopbarView({
@@ -40,6 +43,8 @@ export function ImageCanvasTopbarView({
   isProjectRenameSaving,
   projectRenameError,
   layers,
+  walletBalanceLabel,
+  isWalletBalanceLoading,
   assetExportStatus,
   isExportingAssets,
   setProjectRenameValue,
@@ -49,90 +54,96 @@ export function ImageCanvasTopbarView({
   resetProjectRenameError,
   exportCanvasAssets,
   onOpenShortcuts,
+  onOpenWallet,
 }: ImageCanvasTopbarViewProps) {
   const hasExportableLayer = layers.some(
     (layer) => layer.src.trim().length > 0,
   );
+  const walletDisplayLabel = walletBalanceLabel ?? '--泥点';
+  const walletAriaLabel = walletBalanceLabel
+    ? `泥点余额 ${walletBalanceLabel}`
+    : '泥点余额读取中';
 
   return (
     <div className="image-canvas-editor__topbar">
-      <a
-        className="image-canvas-editor__project-back-button"
-        href="/project"
-        aria-label="返回项目页面"
-        title="返回项目"
-      >
-        <ChevronLeft className="h-4 w-4" aria-hidden="true" />
-      </a>
-      <div className="image-canvas-editor__title-block">
-        {isRenamingProject ? (
-          <form
-            className="image-canvas-editor__project-title-form"
-            onSubmit={(event) => {
-              event.preventDefault();
-              submitProjectRename(projectId);
-            }}
-          >
-            <PlatformTextField
-              aria-label="项目名称"
-              value={projectRenameValue}
-              autoFocus
-              disabled={isProjectRenameSaving}
-              className="image-canvas-editor__project-title-input"
-              onChange={(event) => {
-                setProjectRenameValue(event.target.value);
-                resetProjectRenameError();
+      <div className="image-canvas-editor__topbar-project">
+        <a
+          className="image-canvas-editor__project-back-button"
+          href="/project"
+          aria-label="返回项目页面"
+          title="返回项目"
+        >
+          <ChevronLeft className="h-4 w-4" aria-hidden="true" />
+        </a>
+        <div className="image-canvas-editor__title-block">
+          {isRenamingProject ? (
+            <form
+              className="image-canvas-editor__project-title-form"
+              onSubmit={(event) => {
+                event.preventDefault();
+                submitProjectRename(projectId);
               }}
-              onKeyDown={(event) => {
-                if (event.key === 'Escape') {
-                  event.preventDefault();
-                  cancelProjectRename();
-                }
-              }}
-            />
-            <EditorIconButton
-              type="submit"
-              label="保存项目名称"
-              title="保存"
-              icon={Check}
-              disabled={isProjectRenameSaving}
-            />
-            <EditorIconButton
-              label="取消修改项目名称"
-              title="取消"
-              icon={X}
-              disabled={isProjectRenameSaving}
-              onClick={cancelProjectRename}
-            />
-            {projectRenameError ? (
-              <span
-                className="image-canvas-editor__project-title-error"
-                role="alert"
-              >
-                {projectRenameError}
-              </span>
-            ) : null}
-          </form>
-        ) : (
-          <div className="image-canvas-editor__project-title-row">
-            <button
-              type="button"
-              className="image-canvas-editor__project-title-button"
-              onDoubleClick={startProjectRename}
-              aria-label={`编辑项目名称${projectTitle}`}
             >
-              <h1>{projectTitle}</h1>
-            </button>
-            <EditorIconButton
-              className="image-canvas-editor__project-rename-button"
-              label="编辑项目名称"
-              title="编辑项目名称"
-              icon={Pencil}
-              onClick={startProjectRename}
-            />
-          </div>
-        )}
-        <span>画布</span>
+              <PlatformTextField
+                aria-label="项目名称"
+                value={projectRenameValue}
+                autoFocus
+                disabled={isProjectRenameSaving}
+                className="image-canvas-editor__project-title-input"
+                onChange={(event) => {
+                  setProjectRenameValue(event.target.value);
+                  resetProjectRenameError();
+                }}
+                onKeyDown={(event) => {
+                  if (event.key === 'Escape') {
+                    event.preventDefault();
+                    cancelProjectRename();
+                  }
+                }}
+              />
+              <EditorIconButton
+                type="submit"
+                label="保存项目名称"
+                title="保存"
+                icon={Check}
+                disabled={isProjectRenameSaving}
+              />
+              <EditorIconButton
+                label="取消修改项目名称"
+                title="取消"
+                icon={X}
+                disabled={isProjectRenameSaving}
+                onClick={cancelProjectRename}
+              />
+              {projectRenameError ? (
+                <span
+                  className="image-canvas-editor__project-title-error"
+                  role="alert"
+                >
+                  {projectRenameError}
+                </span>
+              ) : null}
+            </form>
+          ) : (
+            <div className="image-canvas-editor__project-title-row">
+              <button
+                type="button"
+                className="image-canvas-editor__project-title-button"
+                onDoubleClick={startProjectRename}
+                aria-label={`编辑项目名称${projectTitle}`}
+              >
+                <h1>{projectTitle}</h1>
+              </button>
+              <EditorIconButton
+                className="image-canvas-editor__project-rename-button"
+                label="编辑项目名称"
+                title="编辑项目名称"
+                icon={Pencil}
+                onClick={startProjectRename}
+              />
+            </div>
+          )}
+        </div>
       </div>
       <div className="image-canvas-editor__topbar-actions">
         <EditorIconButton
@@ -158,6 +169,22 @@ export function ImageCanvasTopbarView({
             {assetExportStatus.message}
           </PlatformStatusMessage>
         ) : null}
+        <button
+          type="button"
+          className="image-canvas-editor__wallet-chip"
+          onClick={onOpenWallet}
+          aria-label={walletAriaLabel}
+          aria-busy={isWalletBalanceLoading}
+          aria-live="polite"
+        >
+          <img
+            src="/creation-home/topbar-wallet.png"
+            alt=""
+            aria-hidden="true"
+            draggable={false}
+          />
+          <span>{walletDisplayLabel}</span>
+        </button>
       </div>
     </div>
   );
diff --git a/src/components/image-editor/ImageCanvasUploadModel.ts b/src/components/image-editor/ImageCanvasUploadModel.ts
index c4d04c9c7..87065ed53 100644
--- a/src/components/image-editor/ImageCanvasUploadModel.ts
+++ b/src/components/image-editor/ImageCanvasUploadModel.ts
@@ -44,6 +44,7 @@ const VIDEO_REFERENCE_LIMITS = {
   video: 3,
   audio: 3,
 } as const;
+type VideoReferenceMediaType = keyof typeof VIDEO_REFERENCE_LIMITS;
 
 export const UPLOAD_LAYER_FALLBACK_SIZE = {
   width: 420,
@@ -213,7 +214,7 @@ export function applyGenerationReferenceUpload({
     target === 'video-reference-video' ||
     target === 'video-reference-audio'
   ) {
-    const mediaType: CanvasMediaType =
+    const mediaType: VideoReferenceMediaType =
       target === 'video-reference-video'
         ? 'video'
         : target === 'video-reference-audio'
@@ -266,7 +267,7 @@ export function applyQuickEditReferenceUpload({
 function appendLimitedVideoReferences(
   currentReferences: CharacterReferenceImage[],
   nextReferences: CharacterReferenceImage[],
-  mediaType: CanvasMediaType,
+  mediaType: VideoReferenceMediaType,
 ) {
   const limit = VIDEO_REFERENCE_LIMITS[mediaType];
   const currentCount = currentReferences.filter(
diff --git a/src/components/image-editor/ImageCanvasWorldView.test.tsx b/src/components/image-editor/ImageCanvasWorldView.test.tsx
index 3f2739fea..c119945c1 100644
--- a/src/components/image-editor/ImageCanvasWorldView.test.tsx
+++ b/src/components/image-editor/ImageCanvasWorldView.test.tsx
@@ -941,6 +941,60 @@ describe('ImageCanvasWorldView', () => {
     );
   });
 
+  it('renders character animation layers as an image sequence player', () => {
+    useResolvedAssetReadUrlMock.mockImplementation((source: string) => ({
+      resolvedUrl:
+        source === '/generated-character-drafts/editor/frame01.png'
+          ? 'https://oss.example.com/frame01.png?signature=1'
+          : source,
+      isResolving: false,
+      shouldResolve: true,
+    }));
+    const layer = createLayer({
+      title: '角色动作',
+      src: '/generated-character-drafts/editor/frame01.png',
+      mediaType: 'image-sequence',
+      assetKind: 'character-animation',
+      thumbnailSrc: '/generated-character-drafts/editor/frame01.png',
+      imageSequenceFrames: [
+        {
+          frameIndex: 1,
+          imageSrc: '/generated-character-drafts/editor/frame01.png',
+          width: 1024,
+          height: 1024,
+        },
+        {
+          frameIndex: 2,
+          imageSrc: '/generated-character-drafts/editor/frame02.png',
+          width: 1024,
+          height: 1024,
+        },
+      ],
+      durationSeconds: 4,
+    });
+
+    renderWorldView({ layers: [layer] });
+
+    const layerButton = screen.getByRole('button', { name: '选择角色动作' });
+    const frame = within(layerButton).getByAltText('画布序列帧：角色动作');
+    const toggle = within(layerButton).getByRole('button', {
+      name: '暂停角色动作序列帧播放',
+    });
+
+    expect(frame.getAttribute('src')).toBe(
+      'https://oss.example.com/frame01.png?signature=1',
+    );
+    expect(within(layerButton).getByText('1/2')).toBeTruthy();
+    expect(within(layerButton).getByText('动作')).toBeTruthy();
+
+    fireEvent.click(toggle);
+    expect(
+      within(layerButton).getByRole('button', {
+        name: '播放角色动作序列帧',
+      }),
+    ).toBeTruthy();
+  });
+
   it('keeps saved generator placeholders hidden after a result layer exists', () => {
     renderWorldView({
       layers: [createLayer({ id: 'layer-generated', title: '生成图片' })],
diff --git a/src/components/image-editor/ImageCanvasWorldView.tsx b/src/components/image-editor/ImageCanvasWorldView.tsx
index 232cb955a..9b9626ebf 100644
--- a/src/components/image-editor/ImageCanvasWorldView.tsx
+++ b/src/components/image-editor/ImageCanvasWorldView.tsx
@@ -168,6 +168,27 @@ function buildInverseScaleStyle(
   };
 }
 
+function isCanvasMediaContainerLayer(layer: CanvasLayer) {
+  return (
+    layer.mediaType === 'audio' ||
+    layer.mediaType === 'video' ||
+    layer.mediaType === 'image-sequence'
+  );
+}
+
+function getLayerMetadataMediaLabel(layer: CanvasLayer) {
+  if (layer.mediaType === 'audio') {
+    return '音频';
+  }
+  if (layer.mediaType === 'video') {
+    return '视频';
+  }
+  if (layer.mediaType === 'image-sequence') {
+    return '序列帧';
+  }
+  return '图片';
+}
+
 const CANVAS_ASSET_KIND_TAG_OPTIONS: Array<{
   value: CanvasAssetKind | null;
   label: string;
@@ -622,6 +643,101 @@ function ImageCanvasImageLayer({
   );
 }
 
+function getLayerImageSequenceFrames(layer: CanvasLayer) {
+  if (layer.imageSequenceFrames?.length) {
+    return layer.imageSequenceFrames;
+  }
+  const fallbackSrc = layer.thumbnailSrc?.trim() || layer.src.trim();
+  return fallbackSrc
+    ? [
+        {
+          frameIndex: 1,
+          imageSrc: fallbackSrc,
+          width: layer.originalWidth,
+          height: layer.originalHeight,
+        },
+      ]
+    : [];
+}
+
+function ImageCanvasImageSequenceLayer({
+  layer,
+  mediaTransform,
+}: {
+  layer: CanvasLayer;
+  mediaTransform?: string;
+}) {
+  const frames = getLayerImageSequenceFrames(layer);
+  const [frameIndex, setFrameIndex] = useState(0);
+  const [isPlaying, setIsPlaying] = useState(frames.length > 1);
+  const currentFrame = frames[Math.min(frameIndex, frames.length - 1)];
+  const { resolvedUrl } = useResolvedAssetReadUrl(currentFrame?.imageSrc, {
+    refreshKey: `${layer.taskId ?? layer.resourceId}:${
+      currentFrame?.frameIndex ?? frameIndex + 1
+    }`,
+  });
+
+  useEffect(() => {
+    setFrameIndex(0);
+    setIsPlaying(frames.length > 1);
+  }, [layer.taskId, layer.resourceId, frames.length]);
+
+  useEffect(() => {
+    if (!isPlaying || frames.length <= 1) {
+      return undefined;
+    }
+    const durationSeconds =
+      typeof layer.durationSeconds === 'number' && layer.durationSeconds > 0
+        ? layer.durationSeconds
+        : frames.length / 8;
+    const intervalMs = Math.max(
+      40,
+      Math.round((durationSeconds * 1000) / frames.length),
+    );
+    const timer = window.setInterval(() => {
+      setFrameIndex((currentIndex) => (currentIndex + 1) % frames.length);
+    }, intervalMs);
+    return () => window.clearInterval(timer);
+  }, [frames.length, isPlaying, layer.durationSeconds]);
+
+  return (
+    <>
+      <img
+        src={resolvedUrl || undefined}
+        alt={`画布序列帧：${layer.title}`}
+        className="image-canvas-editor__layer-image-sequence-frame"
+        style={{ transform: mediaTransform }}
+      />
+      <div
+        className="image-canvas-editor__image-sequence-controls"
+        onPointerDown={(event) => event.stopPropagation()}
+        onClick={(event) => event.stopPropagation()}
+      >
+        <button
+          type="button"
+          className="image-canvas-editor__image-sequence-toggle"
+          aria-label={
+            isPlaying
+              ? `暂停${layer.title}序列帧播放`
+              : `播放${layer.title}序列帧`
+          }
+          disabled={frames.length <= 1}
+          onClick={() => setIsPlaying((currentValue) => !currentValue)}
+        >
+          {isPlaying ? (
+            <Pause className="h-3.5 w-3.5" aria-hidden="true" />
+          ) : (
+            <Play className="h-3.5 w-3.5" aria-hidden="true" />
+          )}
+        </button>
+        <span className="image-canvas-editor__image-sequence-count">
+          {frames.length ? frameIndex + 1 : 0}/{frames.length || 0}
+        </span>
+      </div>
+    </>
+  );
+}
+
 export function ImageCanvasWorldView({
   viewport,
   snapGuide,
@@ -730,14 +846,13 @@ export function ImageCanvasWorldView({
             generateDialog.sourceLayerId === layer.id
               ? '修改中'
               : null;
-          const LayerElement =
-            layer.mediaType === 'audio' || layer.mediaType === 'video'
-              ? 'div'
-              : 'button';
+          const isMediaContainer = isCanvasMediaContainerLayer(layer);
+          const LayerElement = isMediaContainer ? 'div' : 'button';
+          const metadataMediaLabel = getLayerMetadataMediaLabel(layer);
           return (
             <div key={layer.id}>
               <LayerElement
-                {...(layer.mediaType === 'audio' || layer.mediaType === 'video'
+                {...(isMediaContainer
                   ? { role: 'button', tabIndex: 0 }
                   : { type: 'button' })}
                 className={`image-canvas-editor__layer ${isSelected ? 'image-canvas-editor__layer--selected' : ''} ${isHovered ? 'image-canvas-editor__layer--hovered' : ''} ${layerGeneratingLabel ? 'image-canvas-editor__layer--generating' : ''} ${layer.locked ? 'image-canvas-editor__layer--locked' : ''}`}
@@ -759,9 +874,7 @@ export function ImageCanvasWorldView({
                   onLayerContextMenu(event, layer);
                 }}
                 onKeyDown={
-                  layer.mediaType === 'audio' || layer.mediaType === 'video'
-                    ? handleLayerKeyboardActivation
-                    : undefined
+                  isMediaContainer ? handleLayerKeyboardActivation : undefined
                 }
                 onMouseEnter={() => onLayerMouseEnter(layer.id)}
                 onMouseLeave={() => onLayerMouseLeave(layer.id)}
@@ -778,6 +891,11 @@ export function ImageCanvasWorldView({
                     layer={layer}
                     mediaTransform={mediaTransform}
                   />
+                ) : layer.mediaType === 'image-sequence' ? (
+                  <ImageCanvasImageSequenceLayer
+                    layer={layer}
+                    mediaTransform={mediaTransform}
+                  />
                 ) : (
                   <ImageCanvasImageLayer
                     layer={layer}
@@ -812,13 +930,7 @@ export function ImageCanvasWorldView({
                   asChild="spanButton"
                   variant="darkMini"
                   className="image-canvas-editor__metadata-corner"
-                  label={`查看${layer.title}${
-                    layer.mediaType === 'audio'
-                      ? '音频'
-                      : layer.mediaType === 'video'
-                        ? '视频'
-                        : '图片'
-                  }信息`}
+                  label={`查看${layer.title}${metadataMediaLabel}信息`}
                   icon={<Info className="h-3 w-3" />}
                   style={inverseScaleStyle}
                   onClick={(event) => {
diff --git a/src/components/image-editor/useImageCanvasAssetExportWorkflow.test.tsx b/src/components/image-editor/useImageCanvasAssetExportWorkflow.test.tsx
index 795a98e5a..694ffde12 100644
--- a/src/components/image-editor/useImageCanvasAssetExportWorkflow.test.tsx
+++ b/src/components/image-editor/useImageCanvasAssetExportWorkflow.test.tsx
@@ -77,10 +77,11 @@ describe('useImageCanvasAssetExportWorkflow', () => {
   it('exports canvas assets into a zip with metadata and failed image records', async () => {
     const originalFetch = globalThis.fetch;
     const fetchMock = vi.fn(async (url: string) => {
-      if (url === '/generated-ok.png') {
+      const pathname = new URL(url, 'http://localhost').pathname;
+      if (pathname === '/generated-ok.png') {
         return new Response(new Blob(['generated'], { type: 'image/png' }));
       }
-      if (url === '/generated-video.mp4') {
+      if (pathname === '/generated-video.mp4') {
         return new Response(new Blob(['video'], { type: 'video/mp4' }));
       }
       return new Response(null, { status: 404 });
@@ -144,10 +145,35 @@ describe('useImageCanvasAssetExportWorkflow', () => {
               sourceType: 'generated',
               zIndex: 5,
             }),
+            createLayer('sequence', {
+              title: '角色动作',
+              src: 'data:image/png;base64,c2VxMQ==',
+              mediaType: 'image-sequence',
+              assetKind: 'character-animation',
+              imageSequenceFrames: [
+                {
+                  frameIndex: 1,
+                  imageSrc: 'data:image/png;base64,c2VxMQ==',
+                  width: 1024,
+                  height: 1024,
+                },
+                {
+                  frameIndex: 2,
+                  imageSrc: 'data:image/png;base64,c2VxMg==',
+                  width: 1024,
+                  height: 1024,
+                },
+              ],
+              durationSeconds: 4,
+              previewVideoPath:
+                '/generated-character-drafts/editor/preview.mp4',
+              sourceType: 'generated',
+              zIndex: 6,
+            }),
             createLayer('failed', {
               title: '失败图',
               src: '/missing.png',
-              zIndex: 6,
+              zIndex: 7,
             }),
           ]}
         />,
@@ -165,13 +191,26 @@ describe('useImageCanvasAssetExportWorkflow', () => {
       expect(zip.file('导出项目-画布素材/images/002-生成图.png')).toBeTruthy();
       expect(zip.file('导出项目-画布素材/media/003-生成视频.mp4')).toBeTruthy();
       expect(zip.file('导出项目-画布素材/media/004-胜利音效.wav')).toBeTruthy();
-      expect(zip.file('导出项目-画布素材/images/005-失败图.png')).toBeNull();
+      expect(
+        zip.file(
+          '导出项目-画布素材/sequences/005-角色动作/frames/frame-01.png',
+        ),
+      ).toBeTruthy();
+      expect(
+        zip.file(
+          '导出项目-画布素材/sequences/005-角色动作/frames/frame-02.png',
+        ),
+      ).toBeTruthy();
+      expect(
+        zip.file('导出项目-画布素材/sequences/005-角色动作/manifest.txt'),
+      ).toBeTruthy();
+      expect(zip.file('导出项目-画布素材/images/006-失败图.png')).toBeNull();
 
       const metadata = JSON.parse(
         await readZipText(zip, '导出项目-画布素材/metadata.json'),
       );
       expect(metadata.projectId).toBe('project-export');
-      expect(metadata.layers).toHaveLength(6);
+      expect(metadata.layers).toHaveLength(7);
       expect(metadata.layers[0].file).toBe('images/001-素材 A.png');
       expect(metadata.layers[1].file).toBe('images/001-素材 A.png');
       expect(metadata.layers[2].mediaType).toBe('image');
@@ -184,8 +223,12 @@ describe('useImageCanvasAssetExportWorkflow', () => {
       expect(metadata.layers[3].mediaType).toBe('video');
       expect(metadata.layers[4].file).toBe('media/004-胜利音效.wav');
       expect(metadata.layers[4].mediaType).toBe('audio');
-      expect(metadata.layers[5].file).toBeNull();
-      expect(metadata.layers[5].exportError).toContain('404');
+      expect(metadata.layers[5].file).toBe(
+        'sequences/005-角色动作/manifest.txt',
+      );
+      expect(metadata.layers[5].mediaType).toBe('image-sequence');
+      expect(metadata.layers[6].file).toBeNull();
+      expect(metadata.layers[6].exportError).toContain('404');
       expect(metadata.failedImages).toHaveLength(1);
       expect(
         await readZipText(zip, '导出项目-画布素材/manifest.txt'),
@@ -228,7 +271,9 @@ describe('useImageCanvasAssetExportWorkflow', () => {
         ]}
       />,
     );
-    fireEvent.click(screen.getAllByRole('button', { name: '导出单图' }).at(-1)!);
+    fireEvent.click(
+      screen.getAllByRole('button', { name: '导出单图' }).at(-1)!,
+    );
 
     expect(downloadName).toBe('视频导出.webm');
 
@@ -243,4 +288,69 @@ describe('useImageCanvasAssetExportWorkflow', () => {
       );
     });
   });
+
+  it('downloads character animation layers as a zipped image sequence', async () => {
+    let exportedBlob: Blob | null = null;
+    let downloadName = '';
+    Object.defineProperty(URL, 'createObjectURL', {
+      configurable: true,
+      value: vi.fn((blob: Blob) => {
+        exportedBlob = blob;
+        return 'blob:sequence-export';
+      }),
+    });
+    Object.defineProperty(URL, 'revokeObjectURL', {
+      configurable: true,
+      value: vi.fn(),
+    });
+    vi.spyOn(HTMLAnchorElement.prototype, 'click').mockImplementation(
+      function click(this: HTMLAnchorElement) {
+        downloadName = this.download;
+      },
+    );
+
+    try {
+      render(
+        <ExportWorkflowHarness
+          layers={[
+            createLayer('sequence-export', {
+              title: '角色动作/跑步',
+              src: 'data:image/png;base64,c2VxMQ==',
+              mediaType: 'image-sequence',
+              assetKind: 'character-animation',
+              imageSequenceFrames: [
+                {
+                  frameIndex: 1,
+                  imageSrc: 'data:image/png;base64,c2VxMQ==',
+                  width: 1024,
+                  height: 1024,
+                },
+                {
+                  frameIndex: 2,
+                  imageSrc: 'data:image/png;base64,c2VxMg==',
+                  width: 1024,
+                  height: 1024,
+                },
+              ],
+              durationSeconds: 4,
+            }),
+          ]}
+        />,
+      );
+
+      fireEvent.click(screen.getByRole('button', { name: '导出单图' }));
+
+      await waitFor(() => {
+        expect(exportedBlob).toBeTruthy();
+      });
+      expect(downloadName).toBe('角色动作 跑步-序列帧.zip');
+      const zip = await JSZip.loadAsync(exportedBlob!);
+      expect(zip.file('frames/frame-01.png')).toBeTruthy();
+      expect(zip.file('frames/frame-02.png')).toBeTruthy();
+      expect(await readZipText(zip, 'manifest.txt')).toContain('类型：序列帧');
+    } finally {
+      delete (URL as unknown as { createObjectURL?: unknown }).createObjectURL;
+      delete (URL as unknown as { revokeObjectURL?: unknown }).revokeObjectURL;
+    }
+  });
 });
diff --git a/src/components/image-editor/useImageCanvasAssetExportWorkflow.ts b/src/components/image-editor/useImageCanvasAssetExportWorkflow.ts
index 515c0d4a4..a44b58060 100644
--- a/src/components/image-editor/useImageCanvasAssetExportWorkflow.ts
+++ b/src/components/image-editor/useImageCanvasAssetExportWorkflow.ts
@@ -10,9 +10,12 @@ import {
   blobToUint8Array,
   buildLayerExportMetadata,
   formatExportDate,
+  getImageSequenceFrameFileName,
   getLayerAssetExtensionFromTypeOrSrc,
   getLayerExportKey,
+  getLayerImageSequenceFrames,
   readLayerAssetBlob,
+  readLayerImageSequenceFrameBlob,
   sanitizeExportFilePart,
 } from './ImageCanvasExportModel';
 
@@ -27,6 +30,92 @@ type UseImageCanvasAssetExportWorkflowOptions = {
   projectTitle: string;
 };
 
+function triggerBrowserDownload(blob: Blob, downloadName: string) {
+  if (
+    typeof URL.createObjectURL !== 'function' ||
+    typeof URL.revokeObjectURL !== 'function'
+  ) {
+    return false;
+  }
+  const downloadUrl = URL.createObjectURL(blob);
+  const link = document.createElement('a');
+  link.href = downloadUrl;
+  link.download = downloadName;
+  document.body.appendChild(link);
+  link.click();
+  link.remove();
+  URL.revokeObjectURL(downloadUrl);
+  return true;
+}
+
+async function buildImageSequenceZip(layer: CanvasLayer) {
+  const frames = getLayerImageSequenceFrames(layer);
+  if (!frames.length) {
+    throw new Error('序列帧为空');
+  }
+  const zip = new JSZip();
+  const framesFolder = zip.folder('frames') ?? zip;
+  const failedFrames: Array<{
+    frameIndex: number;
+    imageSrc: string;
+    error: string;
+  }> = [];
+  let successCount = 0;
+
+  for (const [index, frame] of frames.entries()) {
+    try {
+      const blob = await readLayerImageSequenceFrameBlob(layer, frame);
+      framesFolder.file(
+        getImageSequenceFrameFileName(frame, index, blob.type),
+        await blobToUint8Array(blob),
+      );
+      successCount += 1;
+    } catch (error) {
+      failedFrames.push({
+        frameIndex: frame.frameIndex || index + 1,
+        imageSrc: frame.imageSrc,
+        error: error instanceof Error ? error.message : '序列帧读取失败',
+      });
+    }
+  }
+
+  if (successCount === 0) {
+    throw new Error('序列帧读取失败');
+  }
+
+  zip.file(
+    'metadata.json',
+    JSON.stringify(
+      {
+        title: layer.title,
+        taskId: layer.taskId ?? null,
+        mediaType: 'image-sequence',
+        frameCount: frames.length,
+        exportedFrameCount: successCount,
+        durationSeconds: layer.durationSeconds ?? null,
+        previewVideoPath: layer.previewVideoPath ?? null,
+        failedFrames,
+      },
+      null,
+      2,
+    ),
+  );
+  zip.file(
+    'manifest.txt',
+    [
+      `素材：${layer.title}`,
+      `类型：序列帧`,
+      `帧数：${successCount}/${frames.length}`,
+      layer.durationSeconds ? `时长：${layer.durationSeconds}s` : null,
+      failedFrames.length ? `失败帧数：${failedFrames.length}` : null,
+    ]
+      .filter(Boolean)
+      .join('\n'),
+  );
+
+  return zip.generateAsync({ type: 'blob' });
+}
+
 export function useImageCanvasAssetExportWorkflow({
   layers,
   projectId,
@@ -40,6 +129,28 @@ export function useImageCanvasAssetExportWorkflow({
     if (!layer) {
       return;
     }
+    if (layer.mediaType === 'image-sequence') {
+      void buildImageSequenceZip(layer)
+        .then((zipBlob) => {
+          const downloaded = triggerBrowserDownload(
+            zipBlob,
+            `${sanitizeExportFilePart(layer.title, '角色动作')}-序列帧.zip`,
+          );
+          if (!downloaded) {
+            setAssetExportStatus({
+              tone: 'error',
+              message: '当前浏览器不支持素材下载',
+            });
+          }
+        })
+        .catch(() => {
+          setAssetExportStatus({
+            tone: 'error',
+            message: '序列帧导出失败',
+          });
+        });
+      return;
+    }
     const link = document.createElement('a');
     link.href = layer.src;
     const extension = getLayerAssetExtensionFromTypeOrSrc(
@@ -101,6 +212,93 @@ export function useImageCanvasAssetExportWorkflow({
             : baseFileName;
 
         try {
+          if (layer.mediaType === 'image-sequence') {
+            const frames = getLayerImageSequenceFrames(layer);
+            if (!frames.length) {
+              throw new Error('序列帧为空');
+            }
+            const sequenceFolderName = `sequences/${indexedFileName}`;
+            const sequenceFolder =
+              rootFolder.folder(sequenceFolderName) ?? rootFolder;
+            const framesFolder =
+              sequenceFolder.folder('frames') ?? sequenceFolder;
+            const failedFrames: Array<{
+              frameIndex: number;
+              imageSrc: string;
+              error: string;
+            }> = [];
+            let successCount = 0;
+
+            for (const [frameArrayIndex, frame] of frames.entries()) {
+              try {
+                const frameBlob = await readLayerImageSequenceFrameBlob(
+                  layer,
+                  frame,
+                );
+                framesFolder.file(
+                  getImageSequenceFrameFileName(
+                    frame,
+                    frameArrayIndex,
+                    frameBlob.type,
+                  ),
+                  await blobToUint8Array(frameBlob),
+                );
+                successCount += 1;
+              } catch (error) {
+                failedFrames.push({
+                  frameIndex: frame.frameIndex || frameArrayIndex + 1,
+                  imageSrc: frame.imageSrc,
+                  error:
+                    error instanceof Error ? error.message : '序列帧读取失败',
+                });
+              }
+            }
+
+            if (successCount === 0) {
+              throw new Error('序列帧读取失败');
+            }
+
+            sequenceFolder.file(
+              'metadata.json',
+              JSON.stringify(
+                {
+                  layerId: layer.id,
+                  title: layer.title,
+                  mediaType: 'image-sequence',
+                  taskId: layer.taskId ?? null,
+                  frameCount: frames.length,
+                  exportedFrameCount: successCount,
+                  durationSeconds: layer.durationSeconds ?? null,
+                  previewVideoPath: layer.previewVideoPath ?? null,
+                  failedFrames,
+                },
+                null,
+                2,
+              ),
+            );
+            sequenceFolder.file(
+              'manifest.txt',
+              [
+                `素材：${layer.title}`,
+                `类型：序列帧`,
+                `帧数：${successCount}/${frames.length}`,
+                layer.durationSeconds
+                  ? `时长：${layer.durationSeconds}s`
+                  : null,
+                failedFrames.length ? `失败帧数：${failedFrames.length}` : null,
+              ]
+                .filter(Boolean)
+                .join('\n'),
+            );
+            imageByKey.set(key, {
+              key,
+              file: `${sequenceFolderName}/manifest.txt`,
+              layer,
+              blob: new Blob([], { type: 'application/zip' }),
+            });
+            continue;
+          }
+
           const blob = await readLayerAssetBlob(layer);
           const mediaType = layer.mediaType ?? 'image';
           const extension = getLayerAssetExtensionFromTypeOrSrc(
@@ -109,7 +307,8 @@ export function useImageCanvasAssetExportWorkflow({
             layer.objectKey ?? layer.src,
           );
           const folderName = mediaType === 'image' ? 'images' : 'media';
-          const targetFolder = mediaType === 'image' ? imagesFolder : mediaFolder;
+          const targetFolder =
+            mediaType === 'image' ? imagesFolder : mediaFolder;
           const file = `${folderName}/${indexedFileName}.${extension}`;
           imageByKey.set(key, {
             key,
diff --git a/src/components/image-editor/useImageCanvasGenerationSubmissionWorkflow.test.tsx b/src/components/image-editor/useImageCanvasGenerationSubmissionWorkflow.test.tsx
index 2610efe27..c79084641 100644
--- a/src/components/image-editor/useImageCanvasGenerationSubmissionWorkflow.test.tsx
+++ b/src/components/image-editor/useImageCanvasGenerationSubmissionWorkflow.test.tsx
@@ -648,10 +648,19 @@ describe('useImageCanvasGenerationSubmissionWorkflow', () => {
         initialLayers={[
           createLayer({
             title: '角色动作',
-            src: 'https://assets.example.test/action-preview.mp4',
-            mediaType: 'video',
+            src: 'generated-character-drafts/editor/actions/frame.png',
+            mediaType: 'image-sequence',
             thumbnailSrc:
               'generated-character-drafts/editor/actions/frame.png',
+            imageSequenceFrames: [
+              {
+                frameIndex: 1,
+                imageSrc: 'generated-character-drafts/editor/actions/frame.png',
+                width: 1024,
+                height: 1024,
+              },
+            ],
+            previewVideoPath: 'https://assets.example.test/action-preview.mp4',
             assetKind: 'character-animation',
             model: 'seedance2.0',
             originalWidth: 1024,
@@ -692,7 +701,7 @@ describe('useImageCanvasGenerationSubmissionWorkflow', () => {
     expect(generateEditorVideoMock).not.toHaveBeenCalled();
     await waitFor(() => {
       expect(screen.getByTestId('layers').textContent).toContain(
-        'layer-character-animation-1:角色动作 快速编辑:resource-source:character-animation:video:/generated-character-drafts/editor/action-preview.mp4:data:image/png;base64,action-frame-edited:4',
+        'layer-character-animation-1:角色动作 快速编辑:resource-source:character-animation:image-sequence:data:image/png;base64,action-frame-edited:data:image/png;base64,action-frame-edited:4',
       );
     });
   });
@@ -1505,7 +1514,7 @@ describe('useImageCanvasGenerationSubmissionWorkflow', () => {
     });
     await waitFor(() => {
       expect(screen.getByTestId('layers').textContent).toContain(
-        'layer-character-animation-1:角色动作:resource-source:character-animation:video:/generated-character-drafts/editor/preview.mp4:data:image/png;base64,action-frame:4',
+        'layer-character-animation-1:角色动作:resource-source:character-animation:image-sequence:data:image/png;base64,action-frame:data:image/png;base64,action-frame:4',
       );
     });
     expect(screen.getByTestId('dialog').textContent).toBe(
diff --git a/src/components/image-editor/useImageCanvasGenerationWorkflow.test.tsx b/src/components/image-editor/useImageCanvasGenerationWorkflow.test.tsx
index a97869b00..389ebb65f 100644
--- a/src/components/image-editor/useImageCanvasGenerationWorkflow.test.tsx
+++ b/src/components/image-editor/useImageCanvasGenerationWorkflow.test.tsx
@@ -168,6 +168,7 @@ function GenerationWorkflowHarness({
           ? `${activeDialog.mode}:${activeDialog.status}:${activeDialog.composerOpen !== false ? 'open' : 'closed'}:${activeDialog.generatedLayerId ?? '-'}:${activeDialog.placeholder ? 'placeholder' : '-'}`
           : '-'}
       </span>
+      <span data-testid="dialog-prompt">{activeDialog?.prompt || '-'}</span>
       <span data-testid="generation-dialogs">
         {dialogs.canvasGenerationDialogs
           .map(
@@ -256,7 +257,7 @@ function GenerationWorkflowHarness({
               height: 120,
               originalWidth: 420,
               originalHeight: 120,
-              prompt: '金币跳出音',
+              prompt: '【系统内置】完整音效提示词：金币跳出音，内部混音参数。',
               generationInputs: {
                 fields: [
                   { title: 'prompt', value: '金币跳出音' },
@@ -296,6 +297,23 @@ function GenerationWorkflowHarness({
       >
         打开图片改造
       </button>
+      <button
+        type="button"
+        onClick={() =>
+          workflow.openRedrawPanel(
+            createLayer({
+              id: 'layer-internal-prompt',
+              prompt: '【系统内置】完整拼接提示词，带默认画质和模型约束。',
+              generationInputs: {
+                fields: [{ title: '视频描述', value: '用户的视频描述' }],
+                references: [],
+              },
+            }),
+          )
+        }
+      >
+        打开用户快照改造
+      </button>
       <button
         type="button"
         onClick={() => workflow.openCropExpandPanel(layers[0]!)}
@@ -684,11 +702,22 @@ describe('useImageCanvasGenerationWorkflow', () => {
     expect(screen.getByTestId('dialog').textContent).toBe(
       'audio-sound-effect:idle:open:-:placeholder',
     );
+    expect(screen.getByTestId('dialog-prompt').textContent).toBe('金币跳出音');
     expect(screen.getByTestId('placeholder').textContent).toBe(
       '572:140:420:120',
     );
   });
 
+  it('opens generated layer remodel with user input snapshot instead of internal prompt', () => {
+    render(<GenerationWorkflowHarness />);
+
+    fireEvent.click(screen.getByRole('button', { name: '打开用户快照改造' }));
+
+    expect(screen.getByTestId('quick-edit').textContent).toBe(
+      'layer-internal-prompt:idle:用户的视频描述',
+    );
+  });
+
   it('keeps the active canvas generator when opening quick edit for another layer', () => {
     render(<GenerationWorkflowHarness />);
 
diff --git a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
index d060c9c6e..b62f82cb3 100644
--- a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
+++ b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
@@ -1,4 +1,4 @@
-import { Loader2 } from 'lucide-react';
+import { Home, Loader2, Monitor } from 'lucide-react';
 
 import { AnimatePresence, motion } from 'motion/react';
 import {
@@ -1636,6 +1636,45 @@ function CreationResultRecoveryPanel({
   );
 }
 
+function MobileCreationDesktopGuide({
+  onReturnHome,
+}: {
+  onReturnHome: () => void;
+}) {
+  return (
+    <main
+      className="flex min-h-full flex-1 items-center justify-center px-4 py-8"
+      aria-label="桌面端创作提示"
+    >
+      <PlatformSubpanel
+        as="section"
+        radius="xl"
+        padding="none"
+        className="platform-remap-surface w-full max-w-sm px-5 py-6 text-center"
+      >
+        <span className="mx-auto flex h-14 w-14 items-center justify-center rounded-[1.05rem] bg-[rgba(199,101,50,0.12)] text-[var(--platform-accent-strong)]">
+          <Monitor aria-hidden="true" className="h-7 w-7" />
+        </span>
+        <h1 className="mt-4 text-xl font-black leading-tight text-[var(--platform-text-strong)]">
+          请在桌面端打开创作主页
+        </h1>
+        <p className="mt-3 text-sm font-semibold leading-6 text-[var(--platform-text-base)]">
+          图片画布、项目管理和素材库需要更大的操作空间。
+        </p>
+        <PlatformActionButton
+          onClick={onReturnHome}
+          size="md"
+          shape="pill"
+          className="mt-5 min-h-11 w-full"
+        >
+          <Home aria-hidden="true" className="h-4 w-4" />
+          返回首页
+        </PlatformActionButton>
+      </PlatformSubpanel>
+    </main>
+  );
+}
+
 export function PlatformEntryFlowShellImpl({
   selectionStage,
   setSelectionStage,
@@ -15238,7 +15277,7 @@ export function PlatformEntryFlowShellImpl({
     'works-only',
     '正在加载草稿列表...',
   );
-  const creationLandingContent = (
+  const creationLandingContent = isDesktopLayout ? (
     <Suspense fallback={<LazyPanelFallback label="正在加载创作主页..." />}>
       <CreationLandingView
         onOpenProject={openEditorProject}
@@ -15250,6 +15289,14 @@ export function PlatformEntryFlowShellImpl({
         ]}
       />
     </Suspense>
+  ) : (
+    <MobileCreationDesktopGuide
+      onReturnHome={() => {
+        pushAppHistoryPath('/');
+        platformBootstrap.setPlatformTab('home');
+        setSelectionStage('platform', { path: '/' });
+      }}
+    />
   );
   const projectGalleryContent = (
     <Suspense fallback={<LazyPanelFallback label="正在加载项目..." />}>
diff --git a/src/components/platform-entry/PlatformRechargePaymentStatusDialogs.tsx b/src/components/platform-entry/PlatformRechargePaymentStatusDialogs.tsx
new file mode 100644
index 000000000..681413d21
--- /dev/null
+++ b/src/components/platform-entry/PlatformRechargePaymentStatusDialogs.tsx
@@ -0,0 +1,53 @@
+import { PlatformAcknowledgeStatusDialog } from '../common/PlatformAcknowledgeStatusDialog';
+import { PlatformStatusDialog } from '../common/PlatformStatusDialog';
+import type { RechargePaymentResult } from './usePlatformProfileCenterController';
+
+const PROFILE_MODAL_OVERLAY_CLASS =
+  'platform-modal-backdrop !items-center !justify-center !px-4 !py-6';
+
+export function PlatformRechargePaymentResultDialog({
+  result,
+  onClose,
+}: {
+  result: RechargePaymentResult;
+  onClose: () => void;
+}) {
+  const status =
+    result.kind === 'success'
+      ? 'success'
+      : result.kind === 'pending'
+        ? 'loading'
+        : result.kind === 'cancel'
+          ? 'cancel'
+          : 'error';
+
+  return (
+    <PlatformAcknowledgeStatusDialog
+      status={status}
+      title={result.title}
+      description={result.message}
+      onClose={onClose}
+      actionSurface="profile"
+      zIndexClassName="z-[90]"
+      overlayClassName={PROFILE_MODAL_OVERLAY_CLASS}
+    />
+  );
+}
+
+export function PlatformRechargePaymentConfirmationMask({
+  orderId,
+}: {
+  orderId: string;
+}) {
+  return (
+    <PlatformStatusDialog
+      status="confirming"
+      title="正在确认支付"
+      description={`订单 ${orderId} 正在同步到账状态，请先停留在当前页面。`}
+      onClose={() => undefined}
+      closeDisabled
+      zIndexClassName="z-[95]"
+      overlayClassName={PROFILE_MODAL_OVERLAY_CLASS}
+    />
+  );
+}
diff --git a/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx b/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
index d2153e61a..c0dce9ae1 100644
--- a/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
+++ b/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
@@ -9267,13 +9267,22 @@ test('project page header can return to main site', async () => {
   expect(window.location.pathname).toBe('/');
 });
 
-test('direct mobile creation home keeps landing content without mobile nav entry', async () => {
+test('direct mobile creation home guides users to desktop without mobile nav entry', async () => {
+  const user = userEvent.setup();
   window.history.replaceState(null, '', '/creation');
   const { container } = render(<TestWrapper withAuth />);
 
   expect(
-    await screen.findByRole('main', { name: '陶泥儿创作主页' }),
+    await screen.findByRole('main', { name: '桌面端创作提示' }),
   ).toBeTruthy();
+  expect(screen.getByText('请在桌面端打开创作主页')).toBeTruthy();
+  expect(
+    screen.getByText('图片画布、项目管理和素材库需要更大的操作空间。'),
+  ).toBeTruthy();
+  expect(
+    screen.queryByRole('main', { name: '陶泥儿创作主页' }),
+  ).toBeNull();
+
   const bottomNav = container.querySelector('.platform-bottom-nav');
   expect(bottomNav).toBeTruthy();
   expect(
@@ -9282,6 +9291,15 @@ test('direct mobile creation home keeps landing content without mobile nav entry
   expect(
     within(bottomNav as HTMLElement).queryByRole('button', { name: '项目' }),
   ).toBeNull();
+
+  await user.click(screen.getByRole('button', { name: /返回首页/u }));
+
+  await waitFor(() => {
+    expect(window.location.pathname).toBe('/');
+    expect(
+      screen.queryByRole('main', { name: '桌面端创作提示' }),
+    ).toBeNull();
+  });
 });
 
 test('embedded puzzle form timeout exits busy state and shows a readable error', async () => {
diff --git a/src/components/rpg-entry/RpgEntryHomeView.tsx b/src/components/rpg-entry/RpgEntryHomeView.tsx
index 005197429..8d587a736 100644
--- a/src/components/rpg-entry/RpgEntryHomeView.tsx
+++ b/src/components/rpg-entry/RpgEntryHomeView.tsx
@@ -74,7 +74,6 @@ import {
 import { shouldShowRechargeEntry } from '../../services/payment/paymentPlatform';
 import type { CustomWorldProfile } from '../../types';
 import { useAuthUi } from '../auth/AuthUiContext';
-import { PlatformAcknowledgeStatusDialog } from '../common/PlatformAcknowledgeStatusDialog';
 import { PlatformAsyncStatePanel } from '../common/PlatformAsyncStatePanel';
 import { CopyFeedbackButton } from '../common/CopyFeedbackButton';
 import { LegalDocumentModal } from '../common/LegalDocumentModal';
@@ -95,7 +94,6 @@ import {
   PlatformOptionSegment,
   PlatformUnderlineTabRail,
 } from '../common/PlatformSegmentedTabPresets';
-import { PlatformStatusDialog } from '../common/PlatformStatusDialog';
 import { PlatformStatusMessage } from '../common/PlatformStatusMessage';
 import { PlatformSubpanel } from '../common/PlatformSubpanel';
 import { PlatformTextField } from '../common/PlatformTextField';
@@ -134,13 +132,16 @@ import { PlatformProfileQrScannerModal } from '../platform-entry/PlatformProfile
 import { PlatformProfileRechargeModal } from '../platform-entry/PlatformProfileRechargeModal';
 import { PlatformProfileReferralModal } from '../platform-entry/PlatformProfileReferralModal';
 import { PlatformProfileRewardCodeRedeemModal } from '../platform-entry/PlatformProfileRewardCodeRedeemModal';
+import {
+  PlatformRechargePaymentConfirmationMask,
+  PlatformRechargePaymentResultDialog,
+} from '../platform-entry/PlatformRechargePaymentStatusDialogs';
 import { PlatformProfileTaskCenterModal } from '../platform-entry/PlatformProfileTaskCenterModal';
 import { PlatformProfileWalletLedgerModal } from '../platform-entry/PlatformProfileWalletLedgerModal';
 import type { ExternalGenerationQueueStatus } from '../platform-entry/platformExternalGenerationQueueStatusModel';
 import { getInitialPlatformDesktopLayout } from '../platform-entry/platformEntryResponsive';
 import {
   type ProfilePopupPanel,
-  type RechargePaymentResult,
   usePlatformProfileCenterController,
 } from '../platform-entry/usePlatformProfileCenterController';
 import { ResolvedAssetImage } from '../ResolvedAssetImage';
@@ -2465,9 +2466,6 @@ function cropAvatarImage(params: {
   });
 }
 
-const PROFILE_MODAL_OVERLAY_CLASS =
-  'platform-modal-backdrop !items-center !justify-center !px-4 !py-6';
-
 function ProfileNicknameModal({
   value,
   error,
@@ -2536,49 +2534,6 @@ function ProfileNicknameModal({
   );
 }
 
-function RechargePaymentResultModal({
-  result,
-  onClose,
-}: {
-  result: RechargePaymentResult;
-  onClose: () => void;
-}) {
-  const status =
-    result.kind === 'success'
-      ? 'success'
-      : result.kind === 'pending'
-        ? 'loading'
-        : result.kind === 'cancel'
-          ? 'cancel'
-          : 'error';
-
-  return (
-    <PlatformAcknowledgeStatusDialog
-      status={status}
-      title={result.title}
-      description={result.message}
-      onClose={onClose}
-      actionSurface="profile"
-      zIndexClassName="z-[90]"
-      overlayClassName={PROFILE_MODAL_OVERLAY_CLASS}
-    />
-  );
-}
-
-function RechargePaymentConfirmationMask({ orderId }: { orderId: string }) {
-  return (
-    <PlatformStatusDialog
-      status="confirming"
-      title="正在确认支付"
-      description={`订单 ${orderId} 正在同步到账状态，请先停留在当前页面。`}
-      onClose={() => undefined}
-      closeDisabled
-      zIndexClassName="z-[95]"
-      overlayClassName={PROFILE_MODAL_OVERLAY_CLASS}
-    />
-  );
-}
-
 export function RpgEntryHomeView({
   activeTab,
   activeDesktopNavTab,
@@ -4920,14 +4875,14 @@ export function RpgEntryHomeView({
     />
   ) : null;
   const rechargePaymentResultModal: ReactNode = rechargePaymentResult ? (
-    <RechargePaymentResultModal
+    <PlatformRechargePaymentResultDialog
       result={rechargePaymentResult}
       onClose={() => setRechargePaymentResult(null)}
     />
   ) : null;
   const rechargePaymentConfirmationMask: ReactNode =
     wechatRechargeOrderConfirmationState ? (
-      <RechargePaymentConfirmationMask
+      <PlatformRechargePaymentConfirmationMask
         orderId={wechatRechargeOrderConfirmationState.orderId}
       />
     ) : null;
diff --git a/src/index.css b/src/index.css
index 0839cd498..0092199f3 100644
--- a/src/index.css
+++ b/src/index.css
@@ -4096,6 +4096,20 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   overflow: hidden;
   background: #ffffff;
   color: #1f2937;
+  --image-canvas-brand-accent: var(--platform-accent, #c7653d);
+  --image-canvas-brand-accent-strong: #6f2f21;
+  --image-canvas-brand-fill: var(
+    --platform-button-primary-fill,
+    linear-gradient(135deg, #df7f40, #b95d3a)
+  );
+  --image-canvas-brand-text-on-fill: var(--platform-button-primary-text, #fffaf5);
+  --image-canvas-brand-border: rgba(204, 117, 76, 0.34);
+  --image-canvas-brand-border-strong: rgba(199, 101, 61, 0.64);
+  --image-canvas-brand-border-soft: rgba(226, 203, 184, 0.82);
+  --image-canvas-brand-soft: rgba(234, 204, 179, 0.28);
+  --image-canvas-brand-soft-strong: rgba(238, 208, 183, 0.46);
+  --image-canvas-brand-shadow: rgba(182, 98, 63, 0.16);
+  --image-canvas-brand-focus-ring: rgba(204, 117, 76, 0.18);
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   user-select: none;
@@ -4171,7 +4185,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   min-width: 15.5rem;
   flex-direction: column;
   overflow: hidden;
-  border-right: 1px solid #d9dee8;
+  border-right: 1px solid var(--image-canvas-brand-border-soft);
   background: #ffffff;
 }
 
@@ -4181,7 +4195,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   align-items: center;
   justify-content: space-between;
   gap: 0.75rem;
-  border-bottom: 1px solid #d9dee8;
+  border-bottom: 1px solid var(--image-canvas-brand-border-soft);
   padding: 0.65rem;
 }
 
@@ -4209,7 +4223,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  border: 1px solid #d9dee8;
+  border: 1px solid var(--image-canvas-brand-border-soft);
   background: #ffffff;
   color: #334155;
   transition:
@@ -4224,9 +4238,9 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 .image-canvas-editor__bottom-toolbar button:hover,
 .image-canvas-editor__reset-button:hover {
   transform: translateY(-1px);
-  border-color: #8fb8ff;
-  background: #eef5ff;
-  color: #1d4ed8;
+  border-color: var(--image-canvas-brand-border-strong);
+  background: var(--image-canvas-brand-soft);
+  color: var(--image-canvas-brand-accent-strong);
 }
 
 .image-canvas-editor__icon-button {
@@ -4274,7 +4288,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 
 .image-canvas-editor__folder-rename-input {
   height: 1.8rem;
-  border: 1px solid #8fb8ff;
+  border: 1px solid var(--image-canvas-brand-border-strong);
   border-radius: 0.35rem;
   background: #ffffff;
   padding: 0 0.45rem;
@@ -4297,9 +4311,9 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 }
 
 .image-canvas-editor__asset-folder-header button:hover {
-  border-color: #d9dee8;
-  background: #f8fafc;
-  color: #1d4ed8;
+  border-color: var(--image-canvas-brand-border);
+  background: var(--image-canvas-brand-soft);
+  color: var(--image-canvas-brand-accent-strong);
 }
 
 .image-canvas-editor__asset-folder-header span {
@@ -4316,9 +4330,9 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 
 .image-canvas-editor__asset-folder--move-target
   > .image-canvas-editor__asset-folder-header {
-  border-color: #93c5fd;
-  background: #eff6ff;
-  color: #1d4ed8;
+  border-color: var(--image-canvas-brand-border-strong);
+  background: var(--image-canvas-brand-soft);
+  color: var(--image-canvas-brand-accent-strong);
 }
 
 .image-canvas-editor__asset-folder-sticky-target {
@@ -4329,14 +4343,14 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   align-items: center;
   gap: 0.4rem;
   margin-bottom: 0.45rem;
-  border: 1px solid #93c5fd;
+  border: 1px solid var(--image-canvas-brand-border-strong);
   border-radius: 0.45rem;
-  background: #eff6ff;
+  background: var(--image-canvas-brand-soft);
   padding: 0.38rem 0.5rem;
-  color: #1d4ed8;
+  color: var(--image-canvas-brand-accent-strong);
   font-size: 0.78rem;
   font-weight: 880;
-  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.12);
+  box-shadow: 0 10px 24px var(--image-canvas-brand-shadow);
 }
 
 .image-canvas-editor__asset-folder-sticky-target span {
@@ -4370,24 +4384,24 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 
 .image-canvas-editor__asset-row:hover {
   transform: translateY(-1px);
-  border-color: #8fb8ff;
-  background: #eef5ff;
+  border-color: var(--image-canvas-brand-border-strong);
+  background: var(--image-canvas-brand-soft);
 }
 
 .image-canvas-editor__asset-row--selected {
-  border-color: #2563eb;
-  background: #dbeafe;
+  border-color: var(--image-canvas-brand-border-strong);
+  background: var(--image-canvas-brand-soft-strong);
 }
 
 .image-canvas-editor__asset-row--uploading {
-  border-color: #bfdbfe;
-  background: #f8fbff;
+  border-color: var(--image-canvas-brand-border);
+  background: rgba(255, 250, 245, 0.96);
 }
 
 .image-canvas-editor__asset-row--uploading:hover {
   transform: none;
-  border-color: #93c5fd;
-  background: #f8fbff;
+  border-color: var(--image-canvas-brand-border-strong);
+  background: rgba(255, 250, 245, 0.96);
 }
 
 .image-canvas-editor__asset-row--upload-failed {
@@ -4400,11 +4414,11 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   z-index: 80;
   max-width: 11rem;
   transform: translate(-50%, -50%);
-  border: 1px solid #bfdbfe;
+  border: 1px solid var(--image-canvas-brand-border);
   border-radius: 999px;
   background: rgba(255, 255, 255, 0.96);
   padding: 0.4rem 0.65rem;
-  color: #1d4ed8;
+  color: var(--image-canvas-brand-accent-strong);
   font-size: 0.78rem;
   font-weight: 880;
   pointer-events: none;
@@ -4417,7 +4431,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   display: grid;
   place-items: center;
   background: rgba(248, 250, 252, 0.74);
-  color: #1d4ed8;
+  color: var(--image-canvas-brand-accent-strong);
   font-size: 0.72rem;
   font-weight: 880;
 }
@@ -4450,7 +4464,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 }
 
 .image-canvas-editor__asset-upload-progress progress::-webkit-progress-value {
-  background: #2563eb;
+  background: var(--image-canvas-brand-accent);
 }
 
 .image-canvas-editor__asset-batch-toolbar {
@@ -4463,16 +4477,16 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 .image-canvas-editor__asset-marquee {
   position: absolute;
   z-index: 4;
-  border: 1px solid #2563eb;
-  background: rgb(37 99 235 / 0.12);
+  border: 1px solid var(--image-canvas-brand-accent);
+  background: rgba(204, 117, 76, 0.12);
   pointer-events: none;
 }
 
 .image-canvas-editor__canvas-marquee {
   position: absolute;
   z-index: 7;
-  border: 1px solid #2563eb;
-  background: rgb(37 99 235 / 0.12);
+  border: 1px solid var(--image-canvas-brand-accent);
+  background: rgba(204, 117, 76, 0.12);
   pointer-events: none;
 }
 
@@ -4483,9 +4497,9 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   place-items: center;
   align-content: center;
   gap: 0.25rem;
-  border: 1px dashed #60a5fa;
-  background: rgba(239, 246, 255, 0.72);
-  color: #1d4ed8;
+  border: 1px dashed var(--image-canvas-brand-border-strong);
+  background: rgba(255, 244, 236, 0.76);
+  color: var(--image-canvas-brand-accent-strong);
   text-align: center;
   pointer-events: none;
   backdrop-filter: blur(2px);
@@ -4636,7 +4650,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 .image-canvas-editor__asset-rename-input {
   min-width: 0;
   height: 1.8rem;
-  border: 1px solid #8fb8ff;
+  border: 1px solid var(--image-canvas-brand-border-strong);
   border-radius: 0.35rem;
   background: #ffffff;
   padding: 0 0.45rem;
@@ -4658,7 +4672,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   height: 1.9rem;
   align-items: center;
   justify-content: center;
-  border: 1px solid #d9dee8;
+  border: 1px solid var(--image-canvas-brand-border-soft);
   border-radius: 0.42rem;
   background: #ffffff;
   color: #475569;
@@ -4666,9 +4680,9 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 
 .image-canvas-editor__asset-actions button:hover,
 .image-canvas-editor__folder-create button:hover {
-  border-color: #8fb8ff;
+  border-color: var(--image-canvas-brand-border-strong);
   background: #ffffff;
-  color: #1d4ed8;
+  color: var(--image-canvas-brand-accent-strong);
 }
 
 .image-canvas-editor__folder-create {
@@ -4676,7 +4690,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   grid-template-columns: minmax(0, 1fr) auto auto;
   align-items: center;
   gap: 0.35rem;
-  border: 1px solid #d9dee8;
+  border: 1px solid var(--image-canvas-brand-border-soft);
   border-radius: 0.45rem;
   background: #f8fafc;
   padding: 0.4rem;
@@ -4685,7 +4699,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 .image-canvas-editor__folder-create-input {
   min-width: 0;
   height: 2rem;
-  border: 1px solid #8fb8ff;
+  border: 1px solid var(--image-canvas-brand-border-strong);
   border-radius: 0.35rem;
   background: #ffffff;
   padding: 0 0.5rem;
@@ -4730,8 +4744,8 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 
 .image-canvas-editor__layer-row:hover,
 .image-canvas-editor__layer-row--selected {
-  border-color: #8fb8ff;
-  background: #eef5ff;
+  border-color: var(--image-canvas-brand-border-strong);
+  background: var(--image-canvas-brand-soft);
 }
 
 .image-canvas-editor__layer-row-thumb {
@@ -4775,13 +4789,21 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 
 .image-canvas-editor__topbar {
   display: flex;
-  min-height: 3.4rem;
+  min-height: 2.86rem;
   align-items: center;
   justify-content: space-between;
-  gap: 0.75rem;
-  border-bottom: 1px solid #d9dee8;
+  gap: 0.55rem;
+  border-bottom: 1px solid var(--image-canvas-brand-border-soft);
   background: #ffffff;
-  padding: 0.55rem 0.7rem;
+  padding: 0.36rem 0.58rem;
+}
+
+.image-canvas-editor__topbar-project {
+  display: inline-flex;
+  min-width: 0;
+  flex: 1 1 auto;
+  align-items: center;
+  gap: 0.34rem;
 }
 
 .image-canvas-editor__topbar-actions {
@@ -4790,7 +4812,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   flex: 0 1 auto;
   align-items: center;
   justify-content: flex-end;
-  gap: 0.45rem;
+  gap: 0.36rem;
 }
 
 .image-canvas-editor__shortcut-modal {
@@ -4851,9 +4873,9 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 .image-canvas-editor__shortcut-row dt > span {
   flex: 0 0 auto;
   border-radius: 999px;
-  background: #e0f2fe;
+  background: var(--image-canvas-brand-soft);
   padding: 0.08rem 0.34rem;
-  color: #0369a1;
+  color: var(--image-canvas-brand-accent-strong);
   font-size: 0.62rem;
   font-weight: 900;
 }
@@ -4893,8 +4915,8 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 }
 
 .image-canvas-editor__project-back-button {
-  width: 2.25rem;
-  height: 2.25rem;
+  width: 2.04rem;
+  height: 2.04rem;
   flex: 0 0 auto;
   border-radius: 0.45rem;
   text-decoration: none;
@@ -4904,12 +4926,12 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   display: inline-flex;
   min-width: 0;
   align-items: center;
-  gap: 0.25rem;
+  gap: 0.18rem;
 }
 
 .image-canvas-editor__project-title-button {
   min-width: 0;
-  max-width: min(24rem, 42vw);
+  max-width: min(22rem, 38vw);
   border: 0;
   background: transparent;
   padding: 0;
@@ -4939,13 +4961,13 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 .image-canvas-editor__project-title-form {
   display: inline-flex;
   min-width: 0;
-  max-width: min(34rem, 58vw);
+  max-width: min(32rem, 54vw);
   align-items: center;
-  gap: 0.35rem;
+  gap: 0.28rem;
 }
 
 .image-canvas-editor__project-title-input {
-  width: clamp(9rem, 28vw, 18rem);
+  width: clamp(8.5rem, 24vw, 16rem);
 }
 
 .image-canvas-editor__project-title-error {
@@ -4958,6 +4980,48 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   white-space: nowrap;
 }
 
+.image-canvas-editor__wallet-chip {
+  display: inline-flex;
+  min-width: 6.65rem;
+  height: 2.04rem;
+  flex: 0 0 auto;
+  align-items: center;
+  justify-content: center;
+  gap: 0.34rem;
+  border: 1px solid rgba(214, 184, 159, 0.72);
+  border-radius: 999px;
+  background: rgba(255, 250, 244, 0.82);
+  padding: 0 0.56rem 0 0.42rem;
+  color: #7a4427;
+  font-size: 0.76rem;
+  font-weight: 860;
+  line-height: 1;
+  white-space: nowrap;
+  transition:
+    transform 160ms ease,
+    background-color 160ms ease,
+    border-color 160ms ease,
+    box-shadow 160ms ease;
+}
+
+.image-canvas-editor__wallet-chip:hover,
+.image-canvas-editor__wallet-chip:focus-visible {
+  transform: translateY(-1px);
+  border-color: rgba(214, 184, 159, 0.92);
+  background: rgba(255, 250, 244, 0.96);
+  box-shadow: 0 0.28rem 0.78rem rgba(112, 62, 32, 0.12);
+}
+
+.image-canvas-editor__wallet-chip img {
+  width: 1.16rem;
+  height: 1.16rem;
+  flex: 0 0 auto;
+  object-fit: cover;
+  object-position: center;
+  filter: drop-shadow(0 0.12rem 0.12rem rgba(112, 62, 32, 0.14));
+  mix-blend-mode: multiply;
+}
+
 .image-canvas-editor__zoom-menu-wrap {
   margin-left: auto;
   position: relative;
@@ -4969,7 +5033,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 .image-canvas-editor__zoom-trigger {
   min-width: 4.15rem;
   height: 2.25rem;
-  border: 1px solid #d9dee8;
+  border: 1px solid var(--image-canvas-brand-border-soft);
   border-radius: 0.45rem;
   background: #ffffff;
   padding: 0 0.65rem;
@@ -4980,9 +5044,9 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 
 .image-canvas-editor__zoom-trigger:hover {
   transform: translateY(-1px);
-  border-color: #8fb8ff;
-  background: #eef5ff;
-  color: #1d4ed8;
+  border-color: var(--image-canvas-brand-border-strong);
+  background: var(--image-canvas-brand-soft);
+  color: var(--image-canvas-brand-accent-strong);
 }
 
 .image-canvas-editor__zoom-menu-item {
@@ -5018,7 +5082,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   flex: 0 0 auto;
   align-self: center;
   border-radius: 999px;
-  background: #d9dee8;
+  background: var(--image-canvas-brand-border-soft);
 }
 
 .image-canvas-editor__floating-toolbar-divider {
@@ -5098,6 +5162,56 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   z-index: 1;
 }
 
+.image-canvas-editor__layer-image-sequence-frame {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+.image-canvas-editor__image-sequence-controls {
+  position: absolute;
+  left: 0.45rem;
+  bottom: 0.45rem;
+  z-index: 4;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  max-width: calc(100% - 0.9rem);
+  border: 1px solid rgba(255, 255, 255, 0.42);
+  border-radius: 999px;
+  background: rgba(15, 23, 42, 0.72);
+  padding: 0.18rem 0.45rem 0.18rem 0.2rem;
+  color: #fff;
+  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.24);
+  backdrop-filter: blur(10px);
+}
+
+.image-canvas-editor__image-sequence-toggle {
+  display: inline-flex;
+  width: 1.35rem;
+  height: 1.35rem;
+  align-items: center;
+  justify-content: center;
+  border: 0;
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.92);
+  color: #1f2937;
+  cursor: pointer;
+}
+
+.image-canvas-editor__image-sequence-toggle:disabled {
+  opacity: 0.58;
+  cursor: default;
+}
+
+.image-canvas-editor__image-sequence-count {
+  min-width: 2.75rem;
+  font-size: 0.72rem;
+  font-weight: 700;
+  line-height: 1;
+  white-space: nowrap;
+}
+
 .image-canvas-editor__audio-card {
   position: relative;
   display: flex;
@@ -5108,7 +5222,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   justify-content: flex-end;
   gap: 0.3rem;
   border-radius: 0.85rem;
-  background: linear-gradient(135deg, #0f172a, #263449);
+  background: linear-gradient(135deg, #6f2f21, #b95d3a);
   padding: 0.7rem;
   box-shadow: 0 16px 38px rgba(15, 23, 42, 0.18);
 }
@@ -5219,7 +5333,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 
 .image-canvas-editor__layer--hovered,
 .image-canvas-editor__layer--selected {
-  border-color: #4bb5aa;
+  border-color: var(--image-canvas-brand-accent);
 }
 
 .image-canvas-editor__layer--selected {
@@ -5279,7 +5393,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 }
 
 .image-canvas-editor__generation-frame--focused {
-  border-color: #2f7df6;
+  border-color: var(--image-canvas-brand-accent);
 }
 
 .image-canvas-editor__generation-frame-label,
@@ -5289,7 +5403,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   display: inline-flex;
   align-items: center;
   gap: 0.25rem;
-  color: #2f7df6;
+  color: var(--image-canvas-brand-accent);
   font-size: 0.76rem;
   font-weight: 850;
   line-height: 1;
@@ -5395,10 +5509,10 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
     ),
     linear-gradient(
       135deg,
-      rgba(240, 247, 255, 0.92),
+      rgba(255, 247, 241, 0.94),
       rgba(232, 236, 244, 0.95)
     );
-  color: #2563eb;
+  color: var(--image-canvas-brand-accent);
   cursor: progress;
   box-shadow:
     0 20px 48px rgba(15, 23, 42, 0.12),
@@ -5417,7 +5531,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
     ),
     repeating-linear-gradient(
       135deg,
-      rgba(47, 125, 246, 0.08) 0 0.4rem,
+      rgba(204, 117, 76, 0.1) 0 0.4rem,
       transparent 0.4rem 0.85rem
     );
   animation: image-canvas-generation-scan 1.7s linear infinite;
@@ -5427,7 +5541,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   .image-canvas-editor__generation-frame-label,
 .image-canvas-editor__generation-frame--generating
   .image-canvas-editor__generation-frame-size {
-  color: #2563eb;
+  color: var(--image-canvas-brand-accent);
 }
 
 .image-canvas-editor__generation-frame--generating
@@ -5436,11 +5550,11 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   z-index: 1;
   width: 5.5rem;
   aspect-ratio: 1;
-  border: 1px solid rgba(37, 99, 235, 0.18);
+  border: 1px solid var(--image-canvas-brand-border);
   border-radius: 1.6rem;
   background: rgba(255, 255, 255, 0.78);
-  color: rgba(37, 99, 235, 0.58);
-  box-shadow: 0 18px 32px rgba(37, 99, 235, 0.12);
+  color: rgba(199, 101, 61, 0.68);
+  box-shadow: 0 18px 32px var(--image-canvas-brand-shadow);
 }
 
 .image-canvas-editor__generation-frame-progress {
@@ -5451,15 +5565,15 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   display: inline-flex;
   align-items: center;
   gap: 0.45rem;
-  border: 1px solid rgba(37, 99, 235, 0.18);
+  border: 1px solid var(--image-canvas-brand-border);
   border-radius: 999px;
   background: rgba(255, 255, 255, 0.86);
   padding: 0.34rem 0.7rem;
-  color: #1d4ed8;
+  color: var(--image-canvas-brand-accent-strong);
   font-size: 0.76rem;
   font-weight: 850;
   transform: translateX(-50%);
-  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.12);
+  box-shadow: 0 12px 24px var(--image-canvas-brand-shadow);
 }
 
 .image-canvas-editor__generation-frame-progress::before {
@@ -5559,21 +5673,21 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 }
 
 .image-canvas-editor__generation-frame--quick-edit {
-  border-color: rgba(99, 102, 241, 0.28);
+  border-color: var(--image-canvas-brand-border);
   background:
-    linear-gradient(135deg, rgba(99, 102, 241, 0.12), rgba(14, 165, 233, 0.08)),
+    linear-gradient(135deg, rgba(204, 117, 76, 0.12), rgba(240, 203, 169, 0.12)),
     rgba(255, 255, 255, 0.72);
 }
 
 .image-canvas-editor__generation-frame--quick-edit.image-canvas-editor__generation-frame--focused {
   box-shadow:
-    0 0 0 1px rgba(99, 102, 241, 0.26),
-    0 22px 54px rgba(99, 102, 241, 0.18);
+    0 0 0 1px var(--image-canvas-brand-border),
+    0 22px 54px var(--image-canvas-brand-shadow);
 }
 
 .image-canvas-editor__generation-frame--quick-edit
   .image-canvas-editor__generation-frame-icon {
-  color: rgba(79, 70, 229, 0.62);
+  color: rgba(199, 101, 61, 0.72);
 }
 
 .image-canvas-editor__generation-frame--publication {
@@ -5605,14 +5719,15 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   height: 1.35rem;
   place-items: center;
   border-radius: 999px;
-  background: rgba(16, 15, 14, 0.78);
-  color: #ffffff;
+  border-color: rgba(255, 255, 255, 0.42);
+  background: rgba(199, 101, 61, 0.92);
+  color: var(--image-canvas-brand-text-on-fill);
   transform: scale(var(--image-canvas-editor-inverse-scale, 1));
   transform-origin: top right;
 }
 
 .image-canvas-editor__metadata-corner:hover {
-  background: rgba(3, 105, 161, 0.88);
+  background: #b95d3a;
 }
 
 .image-canvas-editor__metadata-corner--beside-spec {
@@ -5632,14 +5747,14 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   align-items: center;
   border: 1px solid rgba(255, 255, 255, 0.72);
   border-radius: 999px;
-  background: rgba(37, 99, 235, 0.9);
+  background: rgba(199, 101, 61, 0.92);
   padding: 0.22rem 0.5rem;
   color: #ffffff;
   font-size: 0.72rem;
   font-weight: 900;
   line-height: 1;
   letter-spacing: 0.04em;
-  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.24);
+  box-shadow: 0 8px 18px var(--image-canvas-brand-shadow);
   pointer-events: none;
 }
 
@@ -5674,8 +5789,8 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 }
 
 .image-canvas-editor__kind-badge--spec {
-  background: rgba(37, 99, 235, 0.9);
-  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.24);
+  background: rgba(199, 101, 61, 0.92);
+  box-shadow: 0 8px 18px var(--image-canvas-brand-shadow);
 }
 
 .image-canvas-editor__kind-badge--character {
@@ -5748,8 +5863,8 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 }
 
 .image-canvas-editor__kind-menu-item--active {
-  background: #eff6ff;
-  color: #1d4ed8;
+  background: var(--image-canvas-brand-soft);
+  color: var(--image-canvas-brand-accent-strong);
 }
 
 .image-canvas-editor__size-badge {
@@ -5758,8 +5873,8 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   top: var(--image-canvas-editor-corner-offset, 0.35rem);
   z-index: 2;
   border-color: rgba(255, 255, 255, 0.16);
-  background: rgba(16, 15, 14, 0.82);
-  color: #ffffff;
+  background: rgba(111, 47, 33, 0.88);
+  color: var(--image-canvas-brand-text-on-fill);
   white-space: nowrap;
   transform: scale(var(--image-canvas-editor-inverse-scale, 1));
   transform-origin: top left;
@@ -5771,7 +5886,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   display: inline-flex;
   align-items: center;
   gap: 0.3rem;
-  border: 1px solid #d9dee8;
+  border: 1px solid var(--image-canvas-brand-border-soft);
   border-radius: 0.5rem;
   background: #ffffff;
   padding: 0.28rem;
@@ -5805,7 +5920,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   width: 8.25rem;
   height: 5.25rem;
   overflow: hidden;
-  border: 1px solid #d9dee8;
+  border: 1px solid var(--image-canvas-brand-border-soft);
   border-radius: 0.5rem;
   background: rgba(255, 255, 255, 0.92);
   padding: 0;
@@ -5835,7 +5950,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 }
 
 .image-canvas-editor__minimap-viewport {
-  border: 1.5px solid #aeb7c5;
+  border: 1.5px solid var(--image-canvas-brand-border-strong);
   background: rgba(255, 255, 255, 0.2);
 }
 
@@ -5846,7 +5961,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   z-index: 18;
   display: inline-flex;
   gap: 0.35rem;
-  border: 1px solid #d9dee8;
+  border: 1px solid var(--image-canvas-brand-border-soft);
   border-radius: 0.5rem;
   background: #ffffff;
   padding: 0.35rem;
@@ -5859,7 +5974,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   height: 2.25rem;
   align-items: center;
   justify-content: center;
-  border: 1px solid #d9dee8;
+  border: 1px solid var(--image-canvas-brand-border-soft);
   border-radius: 0.45rem;
   background: #ffffff;
   color: #334155;
@@ -6049,8 +6164,8 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 }
 
 .image-canvas-editor__background-preset[aria-pressed='true'] {
-  border-color: #38bdf8;
-  background: #e0f2fe;
+  border-color: var(--image-canvas-brand-border-strong);
+  background: var(--image-canvas-brand-soft);
 }
 
 .image-canvas-editor__background-preset
@@ -6111,17 +6226,17 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 }
 
 .image-canvas-editor__background-reset:hover {
-  border-color: #38bdf8;
-  background: #eff6ff;
-  color: #0369a1;
+  border-color: var(--image-canvas-brand-border-strong);
+  background: var(--image-canvas-brand-soft);
+  color: var(--image-canvas-brand-accent-strong);
 }
 
 .image-canvas-editor__panel-dock button:hover,
 .image-canvas-editor__panel-dock button[aria-pressed='true'] {
   transform: translateY(-1px);
-  border-color: #38bdf8;
-  background: #e0f2fe;
-  color: #0369a1;
+  border-color: var(--image-canvas-brand-border-strong);
+  background: var(--image-canvas-brand-soft);
+  color: var(--image-canvas-brand-accent-strong);
 }
 
 .image-canvas-editor__bottom-toolbar {
@@ -6133,7 +6248,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   gap: 0.35rem;
   max-width: min(calc(100% - 6.6rem), 34rem);
   overflow-x: auto;
-  border: 1px solid #d9dee8;
+  border: 1px solid var(--image-canvas-brand-border-soft);
   border-radius: 0.5rem;
   background: #ffffff;
   padding: 0.35rem;
@@ -6142,9 +6257,9 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 }
 
 .image-canvas-editor__bottom-toolbar button[aria-pressed='true'] {
-  border-color: #38bdf8;
-  background: #e0f2fe;
-  color: #0369a1;
+  border-color: var(--image-canvas-brand-border-strong);
+  background: var(--image-canvas-brand-soft);
+  color: var(--image-canvas-brand-accent-strong);
 }
 
 .image-canvas-editor__bottom-toolbar-option-wrap,
@@ -6235,6 +6350,13 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   outline: none;
 }
 
+.image-canvas-editor__generation-prompt:focus,
+.image-canvas-editor__video-prompt:focus {
+  border-color: var(--image-canvas-brand-border-strong);
+  background: #ffffff;
+  box-shadow: 0 0 0 3px var(--image-canvas-brand-focus-ring);
+}
+
 .image-canvas-editor__generation-prompt::placeholder {
   color: #94a3b8;
 }
@@ -6703,8 +6825,10 @@ button.image-canvas-editor__reference-chip:disabled {
 }
 
 .image-canvas-editor__option-popover-choice[aria-pressed='true'] {
-  border-color: #202124;
-  box-shadow: inset 0 0 0 1px #202124;
+  border-color: var(--image-canvas-brand-border-strong);
+  background: var(--image-canvas-brand-soft);
+  color: var(--image-canvas-brand-accent-strong);
+  box-shadow: inset 0 0 0 1px var(--image-canvas-brand-border-strong);
 }
 
 .image-canvas-editor__option-popover--audio-options {
@@ -6723,7 +6847,7 @@ button.image-canvas-editor__reference-chip:disabled {
 
 .image-canvas-editor__audio-bpm-control input[type='range'] {
   width: 100%;
-  accent-color: #4f46e5;
+  accent-color: var(--image-canvas-brand-accent);
 }
 
 .image-canvas-editor__video-duration-slider {
@@ -6735,11 +6859,11 @@ button.image-canvas-editor__reference-chip:disabled {
 
 .image-canvas-editor__video-duration-slider input[type='range'] {
   width: 100%;
-  accent-color: #111827;
+  accent-color: var(--image-canvas-brand-accent);
 }
 
 .image-canvas-editor__video-duration-slider span {
-  color: #111827;
+  color: var(--image-canvas-brand-accent-strong);
   font-size: 0.82rem;
   font-weight: 760;
   text-align: right;
@@ -6786,12 +6910,12 @@ button.image-canvas-editor__reference-chip:disabled {
 }
 
 .image-canvas-editor__video-toggle[aria-pressed='true'] {
-  border-color: #202124;
-  box-shadow: inset 0 0 0 1px #202124;
+  border-color: var(--image-canvas-brand-border-strong);
+  box-shadow: inset 0 0 0 1px var(--image-canvas-brand-border-strong);
 }
 
 .image-canvas-editor__video-toggle[aria-pressed='true'] span {
-  background: #111827;
+  background: var(--image-canvas-brand-accent);
 }
 
 .image-canvas-editor__video-toggle[aria-pressed='true'] span::after {
@@ -6811,8 +6935,8 @@ button.image-canvas-editor__reference-chip:disabled {
 }
 
 .image-canvas-editor__audio-bpm-control input[type='number']:focus {
-  border-color: rgba(79, 70, 229, 0.42);
-  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
+  border-color: var(--image-canvas-brand-border-strong);
+  box-shadow: 0 0 0 3px var(--image-canvas-brand-focus-ring);
 }
 
 .image-canvas-editor__option-popover-choice--model {
@@ -6853,7 +6977,7 @@ button.image-canvas-editor__reference-chip:disabled {
   width: 0.92rem;
   height: 0.92rem;
   justify-self: end;
-  color: #111827;
+  color: var(--image-canvas-brand-accent-strong);
   stroke-width: 3;
 }
 
@@ -6939,9 +7063,9 @@ button.image-canvas-editor__reference-chip:disabled {
 
 .image-canvas-editor__generation-composer
   .platform-inline-option-button[aria-pressed='true'] {
-  border-color: rgba(15, 23, 42, 0.14);
-  background: #0f172a;
-  color: #ffffff;
+  border-color: var(--image-canvas-brand-border-strong);
+  background: var(--image-canvas-brand-fill);
+  color: var(--image-canvas-brand-text-on-fill);
 }
 
 .image-canvas-editor__generation-submit {
@@ -6950,14 +7074,14 @@ button.image-canvas-editor__reference-chip:disabled {
   height: 2.25rem;
   gap: 0.4rem;
   border: 0;
-  background: #0f172a;
-  color: #ffffff;
+  background: var(--image-canvas-brand-fill);
+  color: var(--image-canvas-brand-text-on-fill);
   font-size: 0.82rem;
   font-weight: 820;
 }
 
 .image-canvas-editor__generation-submit:not(:disabled) {
-  color: #ffffff;
+  color: var(--image-canvas-brand-text-on-fill);
 }
 
 .image-canvas-editor__generation-submit:disabled {
@@ -7407,8 +7531,8 @@ button.image-canvas-editor__reference-chip:disabled {
 }
 
 .image-canvas-editor__context-menu button:hover:not(:disabled) {
-  background: #eef6ff;
-  color: #0f4a87;
+  background: var(--image-canvas-brand-soft);
+  color: var(--image-canvas-brand-accent-strong);
 }
 
 .image-canvas-editor__context-menu button:disabled {
@@ -7722,15 +7846,15 @@ button.image-canvas-editor__reference-chip:disabled {
 }
 
 .image-canvas-editor__crop-expand-ratio:hover {
-  border-color: rgba(59, 130, 246, 0.46);
-  background: #eff6ff;
-  color: #1d4ed8;
+  border-color: var(--image-canvas-brand-border-strong);
+  background: var(--image-canvas-brand-soft);
+  color: var(--image-canvas-brand-accent-strong);
 }
 
 .image-canvas-editor__crop-expand-ratio--selected {
-  border-color: rgba(37, 99, 235, 0.76);
-  background: #dbeafe;
-  color: #1d4ed8;
+  border-color: var(--image-canvas-brand-border-strong);
+  background: var(--image-canvas-brand-soft-strong);
+  color: var(--image-canvas-brand-accent-strong);
 }
 
 .image-canvas-editor__crop-expand-ratio-shape {
@@ -7825,10 +7949,10 @@ button.image-canvas-editor__reference-chip:disabled {
   position: absolute;
   z-index: 999;
   box-sizing: border-box;
-  border: 2px solid #38bdf8;
+  border: 2px solid var(--image-canvas-brand-accent);
   background:
-    linear-gradient(90deg, rgba(14, 165, 233, 0.2) 1px, transparent 1px),
-    linear-gradient(rgba(14, 165, 233, 0.2) 1px, transparent 1px);
+    linear-gradient(90deg, rgba(204, 117, 76, 0.2) 1px, transparent 1px),
+    linear-gradient(rgba(204, 117, 76, 0.2) 1px, transparent 1px);
   background-size: 33.333% 33.333%;
   box-shadow:
     0 0 0 99999px rgba(15, 23, 42, 0.18),
@@ -7849,8 +7973,8 @@ button.image-canvas-editor__reference-chip:disabled {
   height: 1rem;
   border: 2px solid #ffffff;
   border-radius: 999px;
-  background: #0ea5e9;
-  box-shadow: 0 6px 16px rgba(14, 165, 233, 0.28);
+  background: var(--image-canvas-brand-accent);
+  box-shadow: 0 6px 16px var(--image-canvas-brand-shadow);
   pointer-events: auto;
   touch-action: none;
 }
@@ -7977,8 +8101,8 @@ button.image-canvas-editor__reference-chip:disabled {
   height: 2.25rem;
   gap: 0.4rem;
   border: 0;
-  background: #0f172a;
-  color: #ffffff;
+  background: var(--image-canvas-brand-fill);
+  color: var(--image-canvas-brand-text-on-fill);
 }
 
 .image-canvas-editor__snap-guide {
@@ -8047,9 +8171,9 @@ button.image-canvas-editor__reference-chip:disabled {
 }
 
 .image-canvas-editor__generate-prompt:focus {
-  border-color: #38bdf8;
+  border-color: var(--image-canvas-brand-border-strong);
   background: #ffffff;
-  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.18);
+  box-shadow: 0 0 0 3px var(--image-canvas-brand-focus-ring);
 }
 
 .image-canvas-editor__generate-status {
@@ -8271,7 +8395,21 @@ button.image-canvas-editor__reference-chip:disabled {
   }
 
   .image-canvas-editor__topbar {
-    min-height: 3.2rem;
+    min-height: 2.78rem;
+    padding: 0.34rem 0.48rem;
+  }
+
+  .image-canvas-editor__topbar-project {
+    gap: 0.26rem;
+  }
+
+  .image-canvas-editor__topbar-actions {
+    gap: 0.28rem;
+  }
+
+  .image-canvas-editor__project-back-button {
+    width: 1.94rem;
+    height: 1.94rem;
   }
 
   .image-canvas-editor__shortcut-sections {
@@ -8291,6 +8429,27 @@ button.image-canvas-editor__reference-chip:disabled {
     font-size: 0.84rem;
   }
 
+  .image-canvas-editor__project-title-button {
+    max-width: min(14rem, 34vw);
+  }
+
+  .image-canvas-editor__project-title-input {
+    width: clamp(7rem, 34vw, 11rem);
+  }
+
+  .image-canvas-editor__wallet-chip {
+    min-width: 5.72rem;
+    height: 1.94rem;
+    gap: 0.26rem;
+    padding-inline: 0.34rem 0.42rem;
+    font-size: 0.7rem;
+  }
+
+  .image-canvas-editor__wallet-chip img {
+    width: 1.02rem;
+    height: 1.02rem;
+  }
+
   .image-canvas-editor__floating-toolbar button,
   .image-canvas-editor__bottom-toolbar button,
   .image-canvas-editor__reset-button {
@@ -15814,6 +15973,16 @@ button {
   box-shadow: 0 24px 70px rgba(15, 23, 42, 0.18) !important;
 }
 
+.image-canvas-editor .image-canvas-editor__metadata-corner {
+  border-color: rgba(255, 255, 255, 0.42) !important;
+  background: rgba(199, 101, 61, 0.92) !important;
+  color: var(--image-canvas-brand-text-on-fill) !important;
+}
+
+.image-canvas-editor .image-canvas-editor__metadata-corner:hover {
+  background: #b95d3a !important;
+}
+
 .image-canvas-editor__generation-composer .image-canvas-editor__option-cluster {
   min-height: 2.25rem;
   background: transparent;