From cd8088d1fde7230de1343efd08aa67fd44822211 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=94=E9=A6=99=E4=B8=B8=E5=AD=90?= <15518898337@163.com>
Date: Fri, 5 Jun 2026 22:55:40 +0800
Subject: [PATCH] feat: polish jump hop themed runtime assets

---
 .hermes/shared-memory/decision-log.md         |   8 +
 .hermes/shared-memory/pitfalls.md             |   8 +
 ...„】server-rs与SpacetimeDBæ•°æ�®å¥‘约-2026-05-15.md |   2 +-
 ...�玩法创作】平�入�与玩法链路-2026-05-15.md |   8 +-
 packages/shared/src/contracts/jumpHop.ts      |   3 +
 server-rs/crates/api-server/src/jump_hop.rs   | 222 +++++-
 .../crates/shared-contracts/src/jump_hop.rs   |   6 +
 .../crates/spacetime-client/src/jump_hop.rs   |  14 +
 .../spacetime-client/src/mapper/jump_hop.rs   |   3 +
 .../get_jump_hop_leaderboard_procedure.rs     |  16 +-
 .../jump_hop_draft_compile_input_type.rs      |   1 +
 .../jump_hop_draft_snapshot_type.rs           |   1 +
 .../jump_hop_work_profile_row_type.rs         |   6 +
 .../jump_hop_work_snapshot_type.rs            |   1 +
 .../crates/spacetime-module/src/jump_hop.rs   |  25 +
 .../spacetime-module/src/jump_hop/tables.rs   |   3 +
 .../spacetime-module/src/jump_hop/types.rs    |   3 +
 .../crates/spacetime-module/src/migration.rs  |   6 +
 .../JumpHopResultView.test.tsx                |   2 +
 .../JumpHopRuntimeShell.test.tsx              |  83 ++-
 .../jump-hop-runtime/JumpHopRuntimeShell.tsx  | 650 +++++++++---------
 ...gEntryFlowShell.agent.interaction.test.tsx |   2 +
 22 files changed, 719 insertions(+), 354 deletions(-)

diff --git a/.hermes/shared-memory/decision-log.md b/.hermes/shared-memory/decision-log.md
index 81b5c42a..f1bca0e8 100644
--- a/.hermes/shared-memory/decision-log.md
+++ b/.hermes/shared-memory/decision-log.md
@@ -40,6 +40,14 @@
 - 验�方�：`cargo test -p platform-oss --manifest-path server-rs/Cargo.toml`；真实�调时按 `provider=aliyun-oss` 与 `operation` 过滤日志，确认�出现对象定�和状�字段，�出现签��料。
 - 关�文档：`server-rs/crates/platform-oss/README.md`�`docs/��端架构】server-rs与SpacetimeDB数�契约-2026-05-15.md`�`docs/�开��维】本地开�验�与生产�维-2026-05-15.md`。
 
+## 2026-06-05 跳一跳返回按钮改为独立主题资产
+
+- 背景：跳一跳�行�曾把左上角返回按钮视觉锚点写进背景 image2 prompt，导致返回按钮���背景元素，�能替代真实�点击按钮。
+- 决策：跳一跳背景 prompt �止生�任何 UI 或左上角图标；返回按钮由 `backButtonAsset` �独生� 1:1 纯绿 key 图，�端去绿�作为�明 PNG �久化到作� profile，�行�左上角真实按钮优先渲染该资产。顶部得分 HUD �用拼图模�结构，包�陶泥儿 IP logo�标题牌和下挂数字�。
+- 影�范围：`packages/shared/src/contracts/jumpHop.ts`�`shared-contracts`�`spacetime-module` / `spacetime-client` bindings�`api-server` 跳一跳生�链路�`JumpHopRuntimeShell`�玩法链路文档和�端数�契约文档。
+- 验�方�：`npm run spacetime:generate`�`cargo test -p api-server jump_hop --manifest-path server-rs/Cargo.toml`�`npm run test -- src/components/jump-hop-runtime/JumpHopRuntimeShell.test.tsx`�`npm run check:spacetime-schema`。
+- 关�文档：`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`�`docs/��端架构】server-rs与SpacetimeDB数�契约-2026-05-15.md`。
+
 ## 2026-06-03 创作入�关闭�下架已�布作�
 
 - 背景：`creation_entry_disabled` 曾由 api-server 按 runtime 路由�缀统一熔断，导致用户进入平�首页或�动已�布作�时也�能看到“创作入�已关闭�错误。
diff --git a/.hermes/shared-memory/pitfalls.md b/.hermes/shared-memory/pitfalls.md
index d6bae5a0..feb5b666 100644
--- a/.hermes/shared-memory/pitfalls.md
+++ b/.hermes/shared-memory/pitfalls.md
@@ -1660,6 +1660,14 @@
 - 验�：`jump_hop.rs` �应�调用通用物�行数模型处�地�图集；公开结果里应能拿到 25 个独立 `JumpHopTileAsset`，�行�无�路径从地�池�机��。
 - 关�：`server-rs/crates/api-server/src/jump_hop.rs`�`docs/prd/�玩法创作】跳一跳俯视角玩法模�PRD-2026-05-19.md`�`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
 
+## 跳一跳��梦主题地�图集 safety rejection ��专项改写
+
+- 现象：跳一跳�稿使用“��梦 / Pokemon / 皮�丘 / 精���等主题时，背景底图和返回按钮�能已生��功，但地�图集的 VectorEngine 请求返回 `Your request was rejected by the safety system`，日志里 `failure_context="跳一跳地�图集生�失败"`�`status=429`�`code="invalid_prompt"`。
+- 原因：25 个�点图集 prompt 会把这些�放进“主题物体图集�语境，容易被上游�解为�求生�具体��梦角色或标志�具，触�安全拦截；这�是普通平�造型��抠图或超时问题。
+- 处�：仅在跳一跳图片生� prompt 文本命中��梦相关�时�生�侧替�，把 `��梦 / 神奇�� / �袋妖怪 / Pokemon` 改为“原创幻想�宠冒险�具�，把 `精��` 改为“彩色冒险能���，把 `皮�丘 / Pikachu` 改为“黄色闪电�宠符��；��把所有主题都加全局 IP �止约�，用户�稿标题和主题展示也�改。
+- 验�：`cargo test -p api-server jump_hop --manifest-path server-rs/Cargo.toml` 应覆盖��梦�专项替�；真实�调时�一�稿�试�，地�图集请求的 prompt ��包���梦相关�。
+- 关�：`server-rs/crates/api-server/src/jump_hop.rs`�`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
+
 ## 跳一跳地�切片��按 tileType �用资产槽�
 
 - 现象：跳一跳生�完��，�行�看起���在显示默认几何地�，或者地�图片在加载时频闪；结果页地�池也�能�看到少���素�。
diff --git a/docs/��端架构】server-rs与SpacetimeDB数�契约-2026-05-15.md b/docs/��端架构】server-rs与SpacetimeDB数�契约-2026-05-15.md
index 530b7179..a5fc8c2b 100644
--- a/docs/��端架构】server-rs与SpacetimeDB数�契约-2026-05-15.md
+++ b/docs/��端架构】server-rs与SpacetimeDB数�契约-2026-05-15.md
@@ -423,7 +423,7 @@ npm run check:server-rs-ddd
 
 - Rust 结构体：`JumpHopWorkProfileRow`
 - ��：`server-rs/crates/spacetime-module/src/jump_hop/tables.rs`
-- 说明：作�投影�久化独立 `theme_text`，用于生�主题和公开�片主题展示；历�行为空时按 `work_title` 兜底。
+- 说明：作�投影�久化独立 `theme_text`，用于生�主题和公开�片主题展示；历�行为空时按 `work_title` 兜底。`back_button_asset_json` �存 image2 �独生�并去绿�的 1:1 左上角返回按钮资产快照；旧�移数�按 `None` 兼容，�行�缺失该字段时使用�尺寸 CSS 主题按钮兜底。
 
 ### SpacetimeDB view：`jump_hop_gallery_card_view`
 
diff --git a/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md b/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
index cebf146d..6c68b970 100644
--- a/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
+++ b/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
@@ -146,19 +146,19 @@ RPG / 拼图等�行�存档�以 `/api/profile/save-archives` 的�端列
 
 1. 创作端��留主题输入，作�标题�简介�标签和地��示�由系统派生；
 2. v1 ���独生�角色图片，�行�固定使用抠除白底�的陶泥儿 logo �明 PNG 作为玩家角色；
-3. 地��调用一次 image2，输出一张 `5行*5列`�`1:1`��一纯洋红 `#FF00FF` key 背景的主题地�图集；跳一跳地�常包��地�花�雪�白石和云朵，�端�明化必须使用跳一跳专用洋红 key，��用近白底扣除，也�清��边缘连通的 key 色�素，��把绿色或白色主体误扣；�处�必须对边缘连通 key 色�容差清��去彩边 defringe 和底部残影清�，主体图�得自带洋红阴影�紫色底边�粉色�边�彩色光晕或�光底边，�行�阴影统一由 DOM 绘制；地�造型�示��求以主题物体本身外轮廓为准，�许苹果近似圆形�香蕉近似长�或长方形�西瓜近似扇形等自然差异，�统一�格规格�安全留白�正�30度视角和 2D/2.5D 手绘风格包装；所有地�素�必须��统一正�30度视角，相机�于物体正�方略高�置�镜头�下约30度，必须看到清晰正��侧��下沿�明显自身厚度和少�上表�，主体正�或侧����积必须接近或大于顶��积，顶��能作为辅助���；水果主题需�明确�求橙瓣看到橙皮正�外侧和果肉厚度�椰�看到壳的正�侧�和切�厚度�浆果�能�是从上往下看的圆形�顶；��生�纯俯视�正上方俯��鸟瞰地图��平铺俯��圆形顶视图或�平图标；主题物体本身必须是唯一��脚体，�能用自身切��边缘厚度�花瓣层或果皮边表现承�，�止在主题物体下方�外垫石��土墩�木��圆��托盘�岛屿底座或通用地�；�端和�端默认 `tilePrompt` 都必须使用“正�30度视角主题物体图集，物体本身作为跳跃�点�的�径，���交“平�素� / 跳� / 地� / 地砖�等会把模型拉回通用平�造型的�，�端生��也会清洗旧�稿�留的这些�；
-4. 背景底图�样由 image2 生�，�用现有 `coverComposite` / `coverImageSrc` 作为�行�背景读写字段，OSS 槽�固定为 `background/image.png`，�新增 SpacetimeDB 字段；�示�必须严格以用户主题关键�为背景主题，结构以左�两侧氛围为主，中央纵轴 1/2 区域��少元素�简���读且有纵深感，两侧�许更强立体层次和行进感；背景�作为底图，�止生�跳��地���脚物�角色�UI�文字�路径箭头或海报排版；
+3. 地��调用一次 image2，输出一张 `5行*5列`�`1:1`��一纯洋红 `#FF00FF` key 背景的主题地�图集；跳一跳地�常包��地�花�雪�白石和云朵，�端�明化必须使用跳一跳专用洋红 key，��用近白底扣除，也�清��边缘连通的 key 色�素，��把绿色或白色主体误扣；�处�必须对边缘连通 key 色�容差清��去彩边 defringe 和底部残影清�，主体图�得自带洋红阴影�紫色底边�粉色�边�彩色光晕或�光底边，�行�阴影统一由 DOM 绘制；地�造型�示��求以主题物体本身外轮廓为准，�许苹果近似圆形�香蕉近似长�或长方形�西瓜近似扇形等自然差异，�统一�格规格�安全留白�正�30度视角和 2D/2.5D 手绘风格包装；所有地�素�必须��统一正�30度视角，相机�于物体正�方略高�置�镜头�下约30度，必须看到清晰正��侧��下沿�明显自身厚度和少�上表�，主体正�或侧����积必须接近或大于顶��积，顶��能作为辅助���；水果主题需�明确�求橙瓣看到橙皮正�外侧和果肉厚度�椰�看到壳的正�侧�和切�厚度�浆果�能�是从上往下看的圆形�顶；��生�纯俯视�正上方俯��鸟瞰地图��平铺俯��圆形顶视图或�平图标；主题物体本身必须是唯一��脚体，�能用自身切��边缘厚度�花瓣层或果皮边表现承�，�止在主题物体下方�外垫石��土墩�木��圆��托盘�岛屿底座或通用地�；�端和�端默认 `tilePrompt` 都必须使用“正�30度视角主题物体图集，物体本身作为跳跃�点�的�径，���交“平�素� / 跳� / 地� / 地砖�等会把模型拉回通用平�造型的�，�端生��也会清洗旧�稿�留的这些�；当主题或地��示�命中��梦 / 神奇�� / �袋妖怪 / Pokemon / Pikachu / 精��等��梦相关�时，仅生图请求侧改写为“原创幻想�宠冒险�具 / 彩色冒险能�� / 黄色闪电�宠符��，用户�稿标题和主题展示�改；
+4. 背景底图�样由 image2 生�，�用现有 `coverComposite` / `coverImageSrc` 作为�行�背景读写字段，OSS 槽�固定为 `background/image.png`；�示�必须严格以用户主题关键�为背景主题，结构以左�两侧氛围为主，中央纵轴 1/2 区域��少元素�简���读且有纵深感，两侧�许更强立体层次和行进感；背景�作为底图，�止生�跳��地���脚物�角色�UI�返回按钮�文字�路径箭头或海报排版；左上角返回按钮��许画进背景，而是�独生� `backButtonAsset` �明 PNG，OSS 槽�固定为 `back-button/image.png`，�示��求标准圆形�主题色�质包装�居中左箭头�纯绿色 key 背景，�端去绿�写入作� profile；
 5. �端按从上到下�从左到��匀切分为 `tile-01` 到 `tile-25` 的�明 PNG，�个切片必须使用唯一 slot/path �久化，�能按��的 `tileType` �用槽�；
 6. 结果页�展示陶泥儿 logo �明角色预览�地�池预览和首� 3 地�预览；���供旧角色图生�槽；
 7. �端跳一跳创作 client 的创建会�与执行生�动作请求都必须使用 20 分钟等待窗�，��背景底图�地�图集�切片�抠图和 OSS 写入�在�端执行时被共创会�默认 15 秒超时中断。
 
 �行�规则真相必须沉到 `module-jump-hop`，�端��拖拽蓄力�角色�移�投影和�地�馈。失败��功跳跃次数�游�时长冻结��行�快照和�布作�状�以�端为准。v1 ��留公开 combo / perfect / 通关语义，旧 `score` 兼容映射为�功跳跃次数。公开列表应走 `jump_hop_gallery_card_view` 订阅缓存，���次 HTTP 请求调用 procedure 组装全�列表。
 
-���展示 3 个地�：当�地��目标地�和下一预览地�。平��按�一 seed 无�生�，�端�得自行生�正�路径。�行� HUD 顶部��留返回按钮和�功跳跃次数，�展示计时器或�上角�开按钮；舞�区域�得�表现为带边框�片，游玩中�显示左下角“进行中�状�，也�在�幕底部常驻排行榜。排行榜按作�维度展示玩家 ID��功跳跃次数和游�时长；��玩家��留 1 �最佳记录，排�固定为 `�功跳跃次数 desc -> 游�时长 asc -> 更新时间 asc`，并�在失败结算弹窗内展示，弹窗�留�开和返回动作。
+���展示 3 个地�：当�地��目标地�和下一预览地�。平��按�一 seed 无�生�，�端�得自行生�正�路径。�行� HUD 顶部��留返回按钮和�功跳跃次数，�展示计时器或�上角�开按钮；生�背景和游�舞�必须覆盖整个�行�视�，HUD 直接�对定�压在背景上，��用外层白底�居中窄���片边框或游�区域圆角�切背景。返回按钮固定在左上角安全区，交互热区固定为移动端 `56px`�桌�约 `62px`，�显示“返回�文字，并通过顶部锚点微调与得分标题牌���调；�行�优先使用独立 `backButtonAsset` �明 PNG 作为真实�点击按钮图，旧作�缺失该字段时�使用�尺寸 CSS 主题色圆形按钮兜底。上方�功跳跃次数 UI �用拼图模�顶部 HUD 结构：`puzzle-runtime-header-card` 内包�陶泥儿 IP logo�居中的“得分�标题牌，以�下挂 `puzzle-runtime-timer-card / puzzle-runtime-timer` 居中数字�；数字�展示�功跳跃次数而�是倒计时。游玩中�显示左下角“进行中�状�，也�在�幕底部常驻排行榜。排行榜按作�维度展示玩家 ID��功跳跃次数和游�时长；��玩家��留 1 �最佳记录，排�固定为 `�功跳跃次数 desc -> 游�时长 asc -> 更新时间 asc`，并�在失败结算弹窗内展示，弹窗�留�开和返回动作。
 
 �行�渲染分层固定为：舞�底层 `.jump-hop-runtime__scene-backdrop` 优先使用 `coverComposite` / `coverImageSrc` 中的 image2 背景底图，图片读�继续走平�资产�签，没有背景时�回退到内置��；DOM 平�层直接使用 `tileAssets[]` 的生�切片图片显示地�，图片读�继续走平�资产�签，并以 `assetObjectId` 作为刷新键���生��沿用旧签�或旧图片缓存；�个地�下方的统一软椭圆阴影�自�行� DOM 的 `.jump-hop-runtime__platform-shadow`，�是 image2 地�切片的必需内容，调整阴影优先改�行� CSS；有真实地�图片 URL 时�得在加载空档显示 fallback 原型地�，下一�预览地�必须在进入相机视野���预加载；DOM 角色层固定使用 `public/branding/jump-hop-taonier-character.png` 陶泥儿 logo �明 PNG 并��最高层级；Three.js �明画布仅作为�续扩展层。拖拽蓄力�计时刷新和角色�置�化�能更新 refs 或 DOM 状�，�得销��建�明画布�背景或平�图片层，�则会造�背景�地�和角色层频闪。
 
-跳一跳当�拖拽手感统一采用 `chargeToDistanceRatio=0.008`，用于把�等跳跃�离所需拖拽�离缩短到旧 `0.004` 的一�；如果历�路径��存旧系数，`start_run` 会在开局归一化到新系数。�手��行�必须立�生� `visualJump`，用当�角色�置作为起点��端预测�点作为终点，播放约 `560ms` 的角色飞行动画：蓄力时角色沿拖拽方�明显拉长，角色弹�预测�点，�地���方�回弹两次；动画路径�得等待�端新 run。若�端新 run 晚于飞行动画返回，角色必须�在预测�点等待，直到新 run 到达��把显示�切到�端最新 run，并用约 `1440ms` 的相机层推进过渡承接新窗�。推进时地� DOM 层和 DOM 角色层统一包在�一个 camera layer 下移动，旧当�地�自然离开视野，新预览地�从上方露出，�止用 p1/p2 �自 `top/left` 过渡造�角色和地���步。相机层推进必须�时使用 X/Y �移，从旧目标地��置斜�滑到新当�地��焦�置，�得先横�瞬切到居中�纵�滑动。地��许�留当� / 目标 / 预览的深度尺寸差异，但该差异必须通过固定基准宽高上的 `transform: scale(...)` 缓动呈现，并与相机推进使用�一 `1440ms` 节�；��直接修改宽高造�瞬切，也���给当���外� CSS scale。相机推进期间角色自身必须�用 `left/top` transition，��许父级 camera layer 负责�移，�则角色局部�标切�和相机推进会�加，表现为�地��从�幕外闪回。
+跳一跳当�拖拽手感统一采用 `chargeToDistanceRatio=0.008`，用于把�等跳跃�离所需拖拽�离缩短到旧 `0.004` 的一�；如果历�路径��存旧系数，`start_run` 会在开局归一化到新系数。拖拽中�显示弹弓拉线，�显示�点辅助点�投影圈或其它命中�示。�手��行�必须立�生� `visualJump`，用当�角色�置作为起点��端预测�点作为终点，播放约 `560ms` 的角色飞行动画：蓄力时角色沿拖拽方�明显拉长，角色弹�预测�点，�地���方�回弹两次；动画路径�得等待�端新 run。若�端新 run 晚于飞行动画返回，角色必须�在预测�点等待，直到新 run 到达��把显示�切到�端最新 run，并用约 `1440ms` 的相机层推进过渡承接新窗�。推进时地� DOM 层和 DOM 角色层统一包在�一个 camera layer 下移动，旧当�地�自然离开视野，新预览地�从上方露出，�止用 p1/p2 �自 `top/left` 过渡造�角色和地���步。相机层推进必须�时使用 X/Y �移，从旧目标地��置斜�滑到新当�地��焦�置，�得先横�瞬切到居中�纵�滑动。地��许�留当� / 目标 / 预览的深度尺寸差异，但该差异必须通过固定基准宽高上的 `transform: scale(...)` 缓动呈现，并与相机推进使用�一 `1440ms` 节�；��直接修改宽高造�瞬切，也���给当���外� CSS scale。相机推进期间角色自身必须�用 `left/top` transition，��许父级 camera layer 负责�移，�则角色局部�标切�和相机推进会�加，表现为�地��从�幕外闪回。
 
 平�首页推��精选�最新�公开详情��索�已玩作�和公开试玩统一按 `sourceType='jump-hop'` 与 `JH-*` 公开作��识别跳一跳作�；从公开详情或推���动�行�时，若�片摘��足以�带地�图集和路径�置，必须先补读完整 work profile �传入�行�。平�壳层必须�步注册 `jump-hop-workspace`�`jump-hop-generating`�`jump-hop-result`�`jump-hop-runtime`�`jump-hop-gallery-detail` 阶段，并在 `appPageRoutes.ts` 映射 `/creation/jump-hop/workspace`�`/creation/jump-hop/generating`�`/creation/jump-hop/result`�`/gallery/jump-hop/detail`�`/runtime/jump-hop`，�时�有 session�work�run�gallery�busy/error 与生�进度状�，����入渲染分支但��状��或分享路径导致 typecheck 失败�刷新回首页。
 
diff --git a/packages/shared/src/contracts/jumpHop.ts b/packages/shared/src/contracts/jumpHop.ts
index 2127fd7f..a5b6d9e9 100644
--- a/packages/shared/src/contracts/jumpHop.ts
+++ b/packages/shared/src/contracts/jumpHop.ts
@@ -61,6 +61,7 @@ export interface JumpHopActionRequest {
   tileAtlasAsset?: JumpHopCharacterAsset | null;
   tileAssets?: JumpHopTileAsset[] | null;
   coverComposite?: string | null;
+  backButtonAsset?: JumpHopCharacterAsset | null;
 }
 
 export interface JumpHopCharacterAsset {
@@ -153,6 +154,7 @@ export interface JumpHopDraftResponse {
   tileAssets: JumpHopTileAsset[];
   path: JumpHopPath | null;
   coverComposite: string | null;
+  backButtonAsset?: JumpHopCharacterAsset | null;
   generationStatus: JumpHopGenerationStatus;
 }
 
@@ -204,6 +206,7 @@ export interface JumpHopWorkProfileResponse {
   characterAsset: JumpHopCharacterAsset;
   tileAtlasAsset: JumpHopCharacterAsset;
   tileAssets: JumpHopTileAsset[];
+  backButtonAsset?: JumpHopCharacterAsset | null;
 }
 
 export interface JumpHopWorksResponse {
diff --git a/server-rs/crates/api-server/src/jump_hop.rs b/server-rs/crates/api-server/src/jump_hop.rs
index dcc06949..762f7c24 100644
--- a/server-rs/crates/api-server/src/jump_hop.rs
+++ b/server-rs/crates/api-server/src/jump_hop.rs
@@ -61,6 +61,9 @@ const JUMP_HOP_TILE_ATLAS_KEY_HEX: &str = "#FF00FF";
 const JUMP_HOP_BACKGROUND_IMAGE_SIZE: &str = "1024*1536";
 const JUMP_HOP_BACKGROUND_IMAGE_WIDTH: u32 = 1024;
 const JUMP_HOP_BACKGROUND_IMAGE_HEIGHT: u32 = 1536;
+const JUMP_HOP_BACK_BUTTON_IMAGE_SIZE: &str = "1024*1024";
+const JUMP_HOP_BACK_BUTTON_IMAGE_WIDTH: u32 = 1024;
+const JUMP_HOP_BACK_BUTTON_IMAGE_HEIGHT: u32 = 1024;
 
 #[derive(Clone, Debug, PartialEq, Eq)]
 struct JumpHopTileAtlasSlice {
@@ -444,8 +447,12 @@ async fn maybe_generate_jump_hop_assets(
         .map(str::trim)
         .filter(|value| !value.is_empty())
         .is_some_and(|value| !is_jump_hop_legacy_cover_composite_placeholder(value));
+    let has_back_button_asset = payload
+        .back_button_asset
+        .as_ref()
+        .is_some_and(is_jump_hop_image_asset_usable);
 
-    if has_complete_tile_assets && has_real_background {
+    if has_complete_tile_assets && has_real_background && has_back_button_asset {
         return Ok(());
     }
     let profile_id = payload
@@ -529,6 +536,58 @@ async fn maybe_generate_jump_hop_assets(
         payload.cover_composite = Some(background_asset.image_src);
     }
 
+    if !has_back_button_asset {
+        let back_button_prompt = build_jump_hop_back_button_prompt(theme_text.as_str());
+        let back_button_generated = create_openai_image_generation(
+            &http_client,
+            &settings,
+            back_button_prompt.as_str(),
+            Some(build_jump_hop_back_button_negative_prompt()),
+            JUMP_HOP_BACK_BUTTON_IMAGE_SIZE,
+            1,
+            &[],
+            "跳一跳返回按钮图生�失败",
+        )
+        .await
+        .map_err(|error| {
+            jump_hop_error_response(request_context, JUMP_HOP_CREATION_PROVIDER, error)
+        })?;
+        let back_button_image =
+            back_button_generated
+                .images
+                .into_iter()
+                .next()
+                .ok_or_else(|| {
+                    jump_hop_error_response(
+                        request_context,
+                        JUMP_HOP_CREATION_PROVIDER,
+                        AppError::from_status(StatusCode::BAD_GATEWAY).with_details(json!({
+                            "provider": "vector-engine",
+                            "message": "跳一跳返回按钮图生��功但未返回图片。",
+                        })),
+                    )
+                })?;
+        let back_button_image =
+            prepare_jump_hop_green_screen_image_for_persist(back_button_image, "跳一跳返回按钮图")
+                .map_err(|error| {
+                    jump_hop_error_response(request_context, JUMP_HOP_CREATION_PROVIDER, error)
+                })?;
+        let back_button_asset = persist_jump_hop_generated_image_asset(
+            state,
+            owner_user_id,
+            profile_id.as_str(),
+            "back-button",
+            back_button_prompt.as_str(),
+            back_button_image,
+            LegacyAssetPrefix::JumpHopAssets,
+            JUMP_HOP_BACK_BUTTON_IMAGE_WIDTH,
+            JUMP_HOP_BACK_BUTTON_IMAGE_HEIGHT,
+            request_context,
+        )
+        .await?;
+        payload.back_button_asset = Some(back_button_asset);
+    }
+
     if !has_complete_tile_assets {
         let sheet_prompt =
             build_jump_hop_tile_atlas_prompt(theme_text.as_str(), tile_prompt.as_str());
@@ -604,33 +663,110 @@ fn is_jump_hop_legacy_cover_composite_placeholder(value: &str) -> bool {
         && (value.ends_with("/cover-composite.png") || value.contains("/cover-composite-"))
 }
 
-fn build_jump_hop_background_prompt(theme_text: &str) -> String {
+fn is_jump_hop_image_asset_usable(asset: &JumpHopCharacterAsset) -> bool {
+    !asset.image_src.trim().is_empty()
+        && !asset.image_object_key.trim().is_empty()
+        && !asset.asset_object_id.trim().is_empty()
+        && !asset.generation_provider.trim().is_empty()
+}
+
+fn prepare_jump_hop_green_screen_image_for_persist(
+    image: crate::openai_image_generation::DownloadedOpenAiImage,
+    failure_label: &str,
+) -> Result<crate::openai_image_generation::DownloadedOpenAiImage, AppError> {
+    let source = image::load_from_memory(image.bytes.as_slice()).map_err(|error| {
+        AppError::from_status(StatusCode::BAD_GATEWAY).with_details(json!({
+            "provider": JUMP_HOP_CREATION_PROVIDER,
+            "message": format!("{failure_label}解�失败：{error}"),
+        }))
+    })?;
+    let mut encoded = std::io::Cursor::new(Vec::new());
+    crate::generated_asset_sheets::apply_generated_asset_sheet_green_screen_alpha(source)
+        .write_to(&mut encoded, image::ImageFormat::Png)
+        .map_err(|error| {
+            AppError::from_status(StatusCode::BAD_GATEWAY).with_details(json!({
+                "provider": JUMP_HOP_CREATION_PROVIDER,
+                "message": format!("{failure_label}绿幕去背失败：{error}"),
+            }))
+        })?;
+
+    Ok(crate::openai_image_generation::DownloadedOpenAiImage {
+        bytes: encoded.into_inner(),
+        mime_type: "image/png".to_string(),
+        extension: "png".to_string(),
+    })
+}
+
+fn normalize_jump_hop_generation_theme_text(theme_text: &str) -> String {
     let theme_text = theme_text.trim();
-    let theme_text = if theme_text.is_empty() {
-        "跳一跳"
-    } else {
-        theme_text
-    };
+    if theme_text.is_empty() {
+        return "跳一跳".to_string();
+    }
+
+    replace_jump_hop_pokemon_prompt_terms(theme_text)
+}
+
+fn replace_jump_hop_pokemon_prompt_terms(value: &str) -> String {
+    let mut value = value.trim().to_string();
+    if value.is_empty() {
+        return value;
+    }
+
+    // 中文注释：仅对��梦相关��生�侧脱�，��地�图集触�上游安全拦截。
+    const POKEMON_REPLACEMENTS: [(&str, &str); 15] = [
+        ("��梦", "原创幻想�宠冒险�具"),
+        ("神奇��", "原创幻想�宠冒险�具"),
+        ("�袋妖怪", "原创幻想�宠冒险�具"),
+        ("精��", "彩色冒险能��"),
+        ("皮�丘", "黄色闪电�宠符�"),
+        ("Pokémon", "原创幻想�宠冒险�具"),
+        ("Pokemon", "原创幻想�宠冒险�具"),
+        ("POKEMON", "原创幻想�宠冒险�具"),
+        ("pokemon", "原创幻想�宠冒险�具"),
+        ("Pikachu", "黄色闪电�宠符�"),
+        ("PIKACHU", "黄色闪电�宠符�"),
+        ("pikachu", "黄色闪电�宠符�"),
+        ("Poké Ball", "彩色冒险能��"),
+        ("Poke Ball", "彩色冒险能��"),
+        ("pokeball", "彩色冒险能��"),
+    ];
+
+    for (from, to) in POKEMON_REPLACEMENTS {
+        value = value.replace(from, to);
+    }
+
+    value
+}
+
+fn build_jump_hop_background_prompt(theme_text: &str) -> String {
+    let theme_text = normalize_jump_hop_generation_theme_text(theme_text);
 
     format!(
-        "生�一张9:16竖版跳一跳游�背景底图，主题关键�严格�使用“{theme_text}�，���外改�主题；整体风格需�和�一主题的跳一跳游�元素一致。\n画�结构必须以左�两侧氛围为主：左侧和�侧�以使用符�主题的环境元素�装饰层次��中�景�挡��视节�和行进感，让玩家感到从画�下方�上方�进。\n中央纵轴1/2区域必须是清爽的跳跃路径视觉走廊，从画�底部延伸到上方；该区域�能使用少�低对比度纹��柔和光影�空气�视和纵深引导线，�止堆放大型主体。\n中央纵轴1/2区域�有明显纵深感，但元素数�必须少，�能抢跳��角色和交互层的视觉；两侧�以更有立体感�空间层次和主题氛围。\n背景�作为底图，�画任何跳��地���脚物�角色�UI按钮�标题�文字�路径箭头�分数�边框�海报排版�Logo或水�。\n视角��正�约30度的2D/2.5D休闲手游视角，相机�于场景正�方略高�置，画�有轻微�上行进的纵深，��画�纯俯视地图�平铺俯���平�纸或真实摄影。\n色彩清爽自然，哑光手绘质感，柔和光照，主体背景�油亮��厚�CG��暗黑；中央区域需�给�行�地�和陶泥儿角色留出干净�读空间。\nEnglish guardrail: vertical 9:16 mobile game background only, theme keywords strictly from \"{theme_text}\", left and right sides carry the atmosphere, the central vertical half-width corridor stays simple with sparse low-contrast details and clear depth, no platforms, no landing objects, no character, no UI, no text, consistent 2D/2.5D front-facing 30-degree game perspective."
+        "生�一张9:16竖版跳一跳游�背景底图，主题关键�严格�使用“{theme_text}�，���外改�主题；整体风格需�和�一主题的跳一跳游�元素一致。\n画�结构必须以左�两侧氛围为主：左侧和�侧�以使用符�主题的环境元素�装饰层次��中�景�挡��视节�和行进感，让玩家感到从画�下方�上方�进。\n中央纵轴1/2区域必须是清爽的跳跃路径视觉走廊，从画�底部延伸到上方；该区域�能使用少�低对比度纹��柔和光影�空气�视和纵深引导线，�止堆放大型主体。\n中央纵轴1/2区域�有明显纵深感，但元素数�必须少，�能抢跳��角色和交互层的视觉；两侧�以更有立体感�空间层次和主题氛围。\n背景�作为底图，�画任何跳��地���脚物�角色�UI按钮�标题�文字�路径箭头�分数�边框�海报排版�Logo或水�；左上角也��画返回按钮或任何固定图标，�行�会�加独立�点击按钮资产。\n视角��正�约30度的2D/2.5D休闲手游视角，相机�于场景正�方略高�置，画�有轻微�上行进的纵深，��画�纯俯视地图�平铺俯���平�纸或真实摄影。\n色彩清爽自然，哑光手绘质感，柔和光照，主体背景�油亮��厚�CG��暗黑；中央区域需�给�行�地�和陶泥儿角色留出干净�读空间。\nEnglish guardrail: vertical 9:16 mobile game background only, theme keywords strictly from \"{theme_text}\", left and right sides carry the atmosphere, the central vertical half-width corridor stays simple with sparse low-contrast details and clear depth, no platforms, no landing objects, no character, no UI, no top-left back button, no score UI, no other UI panels, consistent 2D/2.5D front-facing 30-degree game perspective."
     )
 }
 
 fn build_jump_hop_background_negative_prompt() -> &'static str {
-    "文字�Logo�水��UI按钮�标题�说明文字�分数�边框�海报排版�角色�人物�跳��地���脚物�平���路箭头�棋盘�格��中心大型主体�中央堆满元素�中央�挡�中央高对比装饰�中央��花纹�纯俯视地图�平铺俯���平�纸�真实摄影�暗黑幻想风�厚�CG渲染�油亮高光�塑料质感"
+    "文字�Logo�水��UI按钮�返回按钮�左上角图标��上角按钮�底部按钮�UI���标题�说明文字�分数�边框�海报排版�角色�人物�跳��地���脚物�平���路箭头�棋盘�格��中心大型主体�中央堆满元素�中央�挡�中央高对比装饰�中央��花纹�纯俯视地图�平铺俯���平�纸�真实摄影�暗黑幻想风�厚�CG渲染�油亮高光�塑料质感"
+}
+
+fn build_jump_hop_back_button_prompt(theme_text: &str) -> String {
+    let theme_text = normalize_jump_hop_generation_theme_text(theme_text);
+
+    format!(
+        "生�跳一跳�行�左上角返回按钮的独立�明素�。主题关键�严格�使用“{theme_text}�，按钮的底色��质��边和轻微装饰跟�该主题，但必须�然是清晰�识别的游� UI 返回按钮。\n按钮必须是�个标准圆形图标，圆心居中，主体视觉尺寸�画布约72%-82%，外沿有一圈干净�边，内部�有一个居中的�左箭头；��写“返回�文字，��数字�Logo�水��按钮外标签或�外 UI ��。\n�许在圆形底色里�很轻的主题�质包装，例如水果主题�用果皮色和果肉色�森林主题�用�片色和木质�边�未�主题�用金属边和�光内环；但��把按钮画�主题物体本身，��继承��花纹�浮雕边�异形外框�贴纸堆�或徽章装饰。\n尺寸1:1，输出绿色背景主体图，背景必须是�一纯绿色 #00FF00 且平整无纹��无���无阴影；按钮主体边缘干净，�续由�务端扣除绿色背景。按钮底色��使用与绿幕接近的纯绿色，若主题天然包�绿色，请使用�深��黄或��的主题绿色，并用高对比箭头颜色区分。\nEnglish guardrail: one standalone circular mobile game back button asset only, theme-styled colors/materials from \"{theme_text}\", centered left arrow only, no text, no logo, no extra UI, no complex badge, no object silhouette, solid #00FF00 green-screen background for later alpha removal."
+    )
+}
+
+fn build_jump_hop_back_button_negative_prompt() -> &'static str {
+    "文字�返回文字�Logo�水��数字�多个按钮�UI���海报排版���徽章�花盘�浮雕边�异形外框�主题物体主体�木槌�角色�跳��地���脚物�平���明棋盘格�白底�黑底��底�真实摄影�厚�CG�暗黑幻想风�油亮塑料�纯绿色按钮主体�与绿幕混在一起"
 }
 
 fn build_jump_hop_tile_atlas_prompt(theme_text: &str, tile_prompt: &str) -> String {
-    let theme_text = theme_text.trim();
-    let theme_text = if theme_text.is_empty() {
-        "跳一跳"
-    } else {
-        theme_text
-    };
+    let theme_text = normalize_jump_hop_generation_theme_text(theme_text);
     let sanitized_tile_prompt = sanitize_jump_hop_tile_prompt(tile_prompt);
     let subject_text = if sanitized_tile_prompt.is_empty() {
-        theme_text
+        theme_text.as_str()
     } else {
         sanitized_tile_prompt.as_str()
     };
@@ -649,6 +785,7 @@ fn sanitize_jump_hop_tile_prompt(tile_prompt: &str) -> String {
     if value.is_empty() {
         return value;
     }
+    value = replace_jump_hop_pokemon_prompt_terms(value.as_str());
 
     const REPLACEMENTS: [(&str, &str); 18] = [
         ("俯视角", "正�30度视角"),
@@ -1134,6 +1271,7 @@ fn build_jump_hop_draft(payload: &JumpHopWorkspaceCreateRequest) -> JumpHopDraft
         tile_assets: Vec::new(),
         path: None,
         cover_composite: None,
+        back_button_asset: None,
         generation_status: JumpHopGenerationStatus::Draft,
     }
 }
@@ -1376,13 +1514,32 @@ mod tests {
         assert!(prompt.contains("中央纵轴1/2区域�有明显纵深感"));
         assert!(prompt.contains("两侧�以更有立体感�空间层次和主题氛围"));
         assert!(prompt.contains("�画任何跳��地���脚物�角色�UI按钮"));
+        assert!(prompt.contains("左上角也��画返回按钮或任何固定图标"));
+        assert!(prompt.contains("�行�会�加独立�点击按钮资产"));
         assert!(prompt.contains("视角��正�约30度"));
         assert!(prompt.contains("中央区域需�给�行�地�和陶泥儿角色留出干净�读空间"));
         assert!(prompt.contains("English guardrail"));
         assert!(prompt.contains("left and right sides carry the atmosphere"));
         assert!(prompt.contains("central vertical half-width corridor stays simple"));
+        assert!(prompt.contains("no top-left back button"));
         assert!(prompt.contains("no platforms"));
         assert!(prompt.contains("no landing objects"));
+        assert!(prompt.contains("no other UI panels"));
+    }
+
+    #[test]
+    fn jump_hop_back_button_prompt_builds_standalone_green_screen_asset() {
+        let prompt = build_jump_hop_back_button_prompt("水果");
+
+        assert!(prompt.contains("独立�明素�"));
+        assert!(prompt.contains("主题关键�严格�使用“水果�"));
+        assert!(prompt.contains("�个标准圆形图标"));
+        assert!(prompt.contains("内部�有一个居中的�左箭头"));
+        assert!(prompt.contains("��写“返回�文字"));
+        assert!(prompt.contains("背景必须是�一纯绿色 #00FF00"));
+        assert!(prompt.contains("�续由�务端扣除绿色背景"));
+        assert!(prompt.contains("one standalone circular mobile game back button asset only"));
+        assert!(prompt.contains("solid #00FF00 green-screen background"));
     }
 
     #[test]
@@ -1394,6 +1551,11 @@ mod tests {
         assert!(negative_prompt.contains("�脚物"));
         assert!(negative_prompt.contains("角色"));
         assert!(negative_prompt.contains("UI按钮"));
+        assert!(negative_prompt.contains("返回按钮"));
+        assert!(negative_prompt.contains("左上角图标"));
+        assert!(negative_prompt.contains("�上角按钮"));
+        assert!(negative_prompt.contains("底部按钮"));
+        assert!(negative_prompt.contains("UI��"));
         assert!(negative_prompt.contains("中央堆满元素"));
         assert!(negative_prompt.contains("中央�挡"));
         assert!(negative_prompt.contains("纯俯视地图"));
@@ -1416,6 +1578,34 @@ mod tests {
         ));
     }
 
+    #[test]
+    fn jump_hop_generation_prompt_only_rewrites_pokemon_terms() {
+        let background_prompt = build_jump_hop_background_prompt("��梦");
+        assert!(background_prompt.contains("主题关键�严格�使用“原创幻想�宠冒险�具�"));
+        assert!(!background_prompt.contains("��梦"));
+
+        let back_button_prompt = build_jump_hop_back_button_prompt("Pokemon");
+        assert!(back_button_prompt.contains("主题关键�严格�使用“原创幻想�宠冒险�具�"));
+        assert!(!back_button_prompt.contains("Pokemon"));
+
+        let tile_prompt = build_jump_hop_tile_atlas_prompt(
+            "��梦",
+            "��梦主题的正�30度视角主题物体图集，包�皮�丘和精��装饰",
+        );
+        assert!(tile_prompt.contains("主题为“原创幻想�宠冒险�具�"));
+        assert!(tile_prompt.contains("画�内容是原创幻想�宠冒险�具主题"));
+        assert!(tile_prompt.contains("黄色闪电�宠符�"));
+        assert!(tile_prompt.contains("彩色冒险能��"));
+        assert!(!tile_prompt.contains("��梦"));
+        assert!(!tile_prompt.contains("皮�丘"));
+        assert!(!tile_prompt.contains("精��"));
+
+        let normal_prompt =
+            build_jump_hop_tile_atlas_prompt("水果", "水果主题的正�30度视角主题物体图集");
+        assert!(normal_prompt.contains("主题为“水果�"));
+        assert!(normal_prompt.contains("画�内容是水果主题的正�30度视角主题物体图集"));
+    }
+
     #[test]
     fn jump_hop_tile_prompt_sanitizes_legacy_platform_words() {
         let prompt = build_jump_hop_tile_atlas_prompt(
diff --git a/server-rs/crates/shared-contracts/src/jump_hop.rs b/server-rs/crates/shared-contracts/src/jump_hop.rs
index 0684a314..cbad6f68 100644
--- a/server-rs/crates/shared-contracts/src/jump_hop.rs
+++ b/server-rs/crates/shared-contracts/src/jump_hop.rs
@@ -121,6 +121,8 @@ pub struct JumpHopActionRequest {
     pub tile_assets: Option<Vec<JumpHopTileAsset>>,
     #[serde(default)]
     pub cover_composite: Option<String>,
+    #[serde(default)]
+    pub back_button_asset: Option<JumpHopCharacterAsset>,
 }
 
 #[derive(Clone, Debug, Serialize, Deserialize, PartialEq)]
@@ -240,6 +242,8 @@ pub struct JumpHopDraftResponse {
     pub path: Option<JumpHopPath>,
     #[serde(default)]
     pub cover_composite: Option<String>,
+    #[serde(default)]
+    pub back_button_asset: Option<JumpHopCharacterAsset>,
     pub generation_status: JumpHopGenerationStatus,
 }
 
@@ -308,6 +312,8 @@ pub struct JumpHopWorkProfileResponse {
     pub character_asset: JumpHopCharacterAsset,
     pub tile_atlas_asset: JumpHopCharacterAsset,
     pub tile_assets: Vec<JumpHopTileAsset>,
+    #[serde(default)]
+    pub back_button_asset: Option<JumpHopCharacterAsset>,
 }
 
 #[derive(Clone, Debug, Serialize, Deserialize, PartialEq)]
diff --git a/server-rs/crates/spacetime-client/src/jump_hop.rs b/server-rs/crates/spacetime-client/src/jump_hop.rs
index 4f3ed703..8470345b 100644
--- a/server-rs/crates/spacetime-client/src/jump_hop.rs
+++ b/server-rs/crates/spacetime-client/src/jump_hop.rs
@@ -706,6 +706,14 @@ fn merge_action_into_draft(
     {
         draft.cover_composite = Some(value.to_string());
     }
+    if matches!(
+        scope,
+        JumpHopDraftMergeScope::CompileDraft | JumpHopDraftMergeScope::RegenerateTiles
+    ) {
+        if let Some(asset) = payload.back_button_asset.clone() {
+            draft.back_button_asset = Some(asset);
+        }
+    }
     if draft.work_title.trim().is_empty() {
         return Err(SpacetimeClientError::validation_failed(
             "jump-hop work_title �能为空",
@@ -763,6 +771,11 @@ fn build_compile_input(
         tile_atlas_asset_json: Some(json_string(&tile_atlas_asset)?),
         tile_assets_json: Some(json_string(&tile_assets)?),
         cover_composite,
+        back_button_asset_json: draft
+            .back_button_asset
+            .as_ref()
+            .map(json_string)
+            .transpose()?,
         generation_status: Some("ready".to_string()),
         compiled_at_micros: now_micros,
     })
@@ -848,6 +861,7 @@ fn default_draft() -> JumpHopDraftResponse {
         tile_assets: Vec::new(),
         path: None,
         cover_composite: None,
+        back_button_asset: None,
         generation_status: JumpHopGenerationStatus::Draft,
     }
 }
diff --git a/server-rs/crates/spacetime-client/src/mapper/jump_hop.rs b/server-rs/crates/spacetime-client/src/mapper/jump_hop.rs
index 6836d6e2..eec6ba97 100644
--- a/server-rs/crates/spacetime-client/src/mapper/jump_hop.rs
+++ b/server-rs/crates/spacetime-client/src/mapper/jump_hop.rs
@@ -159,6 +159,7 @@ fn map_jump_hop_work_snapshot(
             .collect(),
         path: Some(map_jump_hop_path(snapshot.path.clone())),
         cover_composite: snapshot.cover_composite.clone(),
+        back_button_asset: snapshot.back_button_asset.clone().map(map_character_asset),
         generation_status: parse_generation_status(&snapshot.generation_status),
     };
     let character_asset = draft
@@ -201,6 +202,7 @@ fn map_jump_hop_work_snapshot(
             .into_iter()
             .map(map_tile_asset)
             .collect(),
+        back_button_asset: snapshot.back_button_asset.map(map_character_asset),
     })
 }
 
@@ -233,6 +235,7 @@ fn map_jump_hop_draft_snapshot(snapshot: JumpHopDraftSnapshot) -> JumpHopDraftRe
             .collect(),
         path: snapshot.path.map(map_jump_hop_path),
         cover_composite: snapshot.cover_composite,
+        back_button_asset: snapshot.back_button_asset.map(map_character_asset),
         generation_status: parse_generation_status(&snapshot.generation_status),
     }
 }
diff --git a/server-rs/crates/spacetime-client/src/module_bindings/get_jump_hop_leaderboard_procedure.rs b/server-rs/crates/spacetime-client/src/module_bindings/get_jump_hop_leaderboard_procedure.rs
index 519e5acd..93176d49 100644
--- a/server-rs/crates/spacetime-client/src/module_bindings/get_jump_hop_leaderboard_procedure.rs
+++ b/server-rs/crates/spacetime-client/src/module_bindings/get_jump_hop_leaderboard_procedure.rs
@@ -31,10 +31,10 @@ pub trait get_jump_hop_leaderboard {
         input: JumpHopLeaderboardGetInput,
 
         __callback: impl FnOnce(
-            &super::ProcedureEventContext,
-            Result<JumpHopLeaderboardProcedureResult, __sdk::InternalError>,
-        ) + Send
-        + 'static,
+                &super::ProcedureEventContext,
+                Result<JumpHopLeaderboardProcedureResult, __sdk::InternalError>,
+            ) + Send
+            + 'static,
     );
 }
 
@@ -44,10 +44,10 @@ impl get_jump_hop_leaderboard for super::RemoteProcedures {
         input: JumpHopLeaderboardGetInput,
 
         __callback: impl FnOnce(
-            &super::ProcedureEventContext,
-            Result<JumpHopLeaderboardProcedureResult, __sdk::InternalError>,
-        ) + Send
-        + 'static,
+                &super::ProcedureEventContext,
+                Result<JumpHopLeaderboardProcedureResult, __sdk::InternalError>,
+            ) + Send
+            + 'static,
     ) {
         self.imp
             .invoke_procedure_with_callback::<_, JumpHopLeaderboardProcedureResult>(
diff --git a/server-rs/crates/spacetime-client/src/module_bindings/jump_hop_draft_compile_input_type.rs b/server-rs/crates/spacetime-client/src/module_bindings/jump_hop_draft_compile_input_type.rs
index d8f3e7f5..df9575f0 100644
--- a/server-rs/crates/spacetime-client/src/module_bindings/jump_hop_draft_compile_input_type.rs
+++ b/server-rs/crates/spacetime-client/src/module_bindings/jump_hop_draft_compile_input_type.rs
@@ -25,6 +25,7 @@ pub struct JumpHopDraftCompileInput {
     pub tile_atlas_asset_json: Option<String>,
     pub tile_assets_json: Option<String>,
     pub cover_composite: Option<String>,
+    pub back_button_asset_json: Option<String>,
     pub generation_status: Option<String>,
     pub compiled_at_micros: i64,
 }
diff --git a/server-rs/crates/spacetime-client/src/module_bindings/jump_hop_draft_snapshot_type.rs b/server-rs/crates/spacetime-client/src/module_bindings/jump_hop_draft_snapshot_type.rs
index cc2f6d8d..adfeae68 100644
--- a/server-rs/crates/spacetime-client/src/module_bindings/jump_hop_draft_snapshot_type.rs
+++ b/server-rs/crates/spacetime-client/src/module_bindings/jump_hop_draft_snapshot_type.rs
@@ -28,6 +28,7 @@ pub struct JumpHopDraftSnapshot {
     pub tile_assets: Vec<JumpHopTileAssetSnapshot>,
     pub path: Option<JumpHopPath>,
     pub cover_composite: Option<String>,
+    pub back_button_asset: Option<JumpHopCharacterAssetSnapshot>,
     pub generation_status: String,
 }
 
diff --git a/server-rs/crates/spacetime-client/src/module_bindings/jump_hop_work_profile_row_type.rs b/server-rs/crates/spacetime-client/src/module_bindings/jump_hop_work_profile_row_type.rs
index c95dc8c9..3a8b9e68 100644
--- a/server-rs/crates/spacetime-client/src/module_bindings/jump_hop_work_profile_row_type.rs
+++ b/server-rs/crates/spacetime-client/src/module_bindings/jump_hop_work_profile_row_type.rs
@@ -33,6 +33,7 @@ pub struct JumpHopWorkProfileRow {
     pub published_at: Option<__sdk::Timestamp>,
     pub visible: bool,
     pub theme_text: Option<String>,
+    pub back_button_asset_json: Option<String>,
 }
 
 impl __sdk::InModule for JumpHopWorkProfileRow {
@@ -69,6 +70,7 @@ pub struct JumpHopWorkProfileRowCols {
     pub published_at: __sdk::__query_builder::Col<JumpHopWorkProfileRow, Option<__sdk::Timestamp>>,
     pub visible: __sdk::__query_builder::Col<JumpHopWorkProfileRow, bool>,
     pub theme_text: __sdk::__query_builder::Col<JumpHopWorkProfileRow, Option<String>>,
+    pub back_button_asset_json: __sdk::__query_builder::Col<JumpHopWorkProfileRow, Option<String>>,
 }
 
 impl __sdk::__query_builder::HasCols for JumpHopWorkProfileRow {
@@ -110,6 +112,10 @@ impl __sdk::__query_builder::HasCols for JumpHopWorkProfileRow {
             published_at: __sdk::__query_builder::Col::new(table_name, "published_at"),
             visible: __sdk::__query_builder::Col::new(table_name, "visible"),
             theme_text: __sdk::__query_builder::Col::new(table_name, "theme_text"),
+            back_button_asset_json: __sdk::__query_builder::Col::new(
+                table_name,
+                "back_button_asset_json",
+            ),
         }
     }
 }
diff --git a/server-rs/crates/spacetime-client/src/module_bindings/jump_hop_work_snapshot_type.rs b/server-rs/crates/spacetime-client/src/module_bindings/jump_hop_work_snapshot_type.rs
index d72083f8..969a4297 100644
--- a/server-rs/crates/spacetime-client/src/module_bindings/jump_hop_work_snapshot_type.rs
+++ b/server-rs/crates/spacetime-client/src/module_bindings/jump_hop_work_snapshot_type.rs
@@ -31,6 +31,7 @@ pub struct JumpHopWorkSnapshot {
     pub path: JumpHopPath,
     pub cover_image_src: String,
     pub cover_composite: Option<String>,
+    pub back_button_asset: Option<JumpHopCharacterAssetSnapshot>,
     pub publication_status: String,
     pub publish_ready: bool,
     pub play_count: u32,
diff --git a/server-rs/crates/spacetime-module/src/jump_hop.rs b/server-rs/crates/spacetime-module/src/jump_hop.rs
index 7eb34301..0ff204da 100644
--- a/server-rs/crates/spacetime-module/src/jump_hop.rs
+++ b/server-rs/crates/spacetime-module/src/jump_hop.rs
@@ -312,6 +312,7 @@ fn create_jump_hop_agent_session_tx(
         tile_assets: Vec::new(),
         path: None,
         cover_composite: None,
+        back_button_asset: None,
         generation_status: JUMP_HOP_GENERATION_DRAFT.to_string(),
     };
     ctx.db
@@ -391,6 +392,11 @@ fn compile_jump_hop_draft_tx(
             .unwrap_or_default(),
         path: Some(path.clone()),
         cover_composite: input.cover_composite.as_deref().and_then(clean_optional),
+        back_button_asset: input
+            .back_button_asset_json
+            .as_deref()
+            .map(parse_json)
+            .transpose()?,
         generation_status: input
             .generation_status
             .clone()
@@ -425,6 +431,7 @@ fn compile_jump_hop_draft_tx(
         path_json: to_json_string(&path),
         cover_image_src: draft.cover_composite.clone().unwrap_or_default(),
         cover_composite: draft.cover_composite.clone().unwrap_or_default(),
+        back_button_asset_json: draft.back_button_asset.as_ref().map(to_json_string),
         generation_status: draft.generation_status.clone(),
         publication_status: JUMP_HOP_PUBLICATION_DRAFT.to_string(),
         play_count: 0,
@@ -830,6 +837,12 @@ fn build_work_snapshot(row: &JumpHopWorkProfileRow) -> Result<JumpHopWorkSnapsho
         path,
         cover_image_src: row.cover_image_src.clone(),
         cover_composite: clean_optional(&row.cover_composite),
+        back_button_asset: row
+            .back_button_asset_json
+            .as_deref()
+            .and_then(clean_optional)
+            .map(|value| parse_json(&value))
+            .transpose()?,
         publication_status: row.publication_status.clone(),
         publish_ready: is_publish_ready(row),
         play_count: row.play_count,
@@ -889,6 +902,12 @@ fn sync_session_from_work_update(
         tile_assets: parse_json_or_default(&work.tile_assets_json),
         path: Some(parse_json(&work.path_json)?),
         cover_composite: clean_optional(&work.cover_composite),
+        back_button_asset: work
+            .back_button_asset_json
+            .as_deref()
+            .and_then(clean_optional)
+            .map(|value| parse_json(&value))
+            .transpose()?,
         generation_status: work.generation_status.clone(),
     };
 
@@ -1209,6 +1228,11 @@ fn is_publish_ready(row: &JumpHopWorkProfileRow) -> bool {
         && !row.tile_atlas_asset_json.trim().is_empty()
         && !row.tile_assets_json.trim().is_empty()
         && !row.path_json.trim().is_empty()
+        && row
+            .back_button_asset_json
+            .as_deref()
+            .and_then(clean_optional)
+            .is_some()
 }
 
 fn default_config_from_seed(seed_text: &str) -> JumpHopCreatorConfigSnapshot {
@@ -1399,6 +1423,7 @@ fn clone_work(row: &JumpHopWorkProfileRow) -> JumpHopWorkProfileRow {
         published_at: row.published_at,
         visible: row.visible,
         theme_text: row.theme_text.clone(),
+        back_button_asset_json: row.back_button_asset_json.clone(),
     }
 }
 
diff --git a/server-rs/crates/spacetime-module/src/jump_hop/tables.rs b/server-rs/crates/spacetime-module/src/jump_hop/tables.rs
index 4806fbac..c5b66771 100644
--- a/server-rs/crates/spacetime-module/src/jump_hop/tables.rs
+++ b/server-rs/crates/spacetime-module/src/jump_hop/tables.rs
@@ -59,6 +59,9 @@ pub struct JumpHopWorkProfileRow {
     // 跳一跳生�主题独立于作�标题；旧行按 work_title 兜底。
     #[default(None::<String>)]
     pub(crate) theme_text: Option<String>,
+    // 跳一跳左上角真实�点击返回按钮的独立�明资产快照；旧行为空时�行�使用样�兜底。
+    #[default(None::<String>)]
+    pub(crate) back_button_asset_json: Option<String>,
 }
 
 #[spacetimedb::table(
diff --git a/server-rs/crates/spacetime-module/src/jump_hop/types.rs b/server-rs/crates/spacetime-module/src/jump_hop/types.rs
index 6edb7312..45441a3d 100644
--- a/server-rs/crates/spacetime-module/src/jump_hop/types.rs
+++ b/server-rs/crates/spacetime-module/src/jump_hop/types.rs
@@ -56,6 +56,7 @@ pub struct JumpHopDraftCompileInput {
     pub tile_atlas_asset_json: Option<String>,
     pub tile_assets_json: Option<String>,
     pub cover_composite: Option<String>,
+    pub back_button_asset_json: Option<String>,
     pub generation_status: Option<String>,
     pub compiled_at_micros: i64,
 }
@@ -248,6 +249,7 @@ pub struct JumpHopDraftSnapshot {
     pub tile_assets: Vec<JumpHopTileAssetSnapshot>,
     pub path: Option<module_jump_hop::JumpHopPath>,
     pub cover_composite: Option<String>,
+    pub back_button_asset: Option<JumpHopCharacterAssetSnapshot>,
     pub generation_status: String,
 }
 
@@ -291,6 +293,7 @@ pub struct JumpHopWorkSnapshot {
     pub path: module_jump_hop::JumpHopPath,
     pub cover_image_src: String,
     pub cover_composite: Option<String>,
+    pub back_button_asset: Option<JumpHopCharacterAssetSnapshot>,
     pub publication_status: String,
     pub publish_ready: bool,
     pub play_count: u32,
diff --git a/server-rs/crates/spacetime-module/src/migration.rs b/server-rs/crates/spacetime-module/src/migration.rs
index dc95fad8..dfd882fb 100644
--- a/server-rs/crates/spacetime-module/src/migration.rs
+++ b/server-rs/crates/spacetime-module/src/migration.rs
@@ -1330,6 +1330,12 @@ fn normalize_migration_row(table_name: &str, value: &serde_json::Value) -> serde
             object
                 .entry("visible".to_string())
                 .or_insert_with(|| serde_json::Value::Bool(true));
+            if table_name == "jump_hop_work_profile" {
+                // 中文注释：跳一跳主题返回按钮资产晚于首版作�表加入，旧�移包按未生�按钮兼容。
+                object
+                    .entry("back_button_asset_json".to_string())
+                    .or_insert(serde_json::Value::Null);
+            }
         }
     }
     if table_name == "match_3_d_work_profile" || table_name == "match3d_work_profile" {
diff --git a/src/components/jump-hop-result/JumpHopResultView.test.tsx b/src/components/jump-hop-result/JumpHopResultView.test.tsx
index 07287372..f19ec837 100644
--- a/src/components/jump-hop-result/JumpHopResultView.test.tsx
+++ b/src/components/jump-hop-result/JumpHopResultView.test.tsx
@@ -168,6 +168,7 @@ function buildProfile(
       tileAssets: [],
       path: null,
       coverComposite: null,
+      backButtonAsset: null,
       generationStatus: 'ready',
     },
     path: null as never,
@@ -199,5 +200,6 @@ function buildProfile(
       height: 0,
     },
     tileAssets: [],
+    backButtonAsset: null,
   };
 }
diff --git a/src/components/jump-hop-runtime/JumpHopRuntimeShell.test.tsx b/src/components/jump-hop-runtime/JumpHopRuntimeShell.test.tsx
index e882b62e..c6332727 100644
--- a/src/components/jump-hop-runtime/JumpHopRuntimeShell.test.tsx
+++ b/src/components/jump-hop-runtime/JumpHopRuntimeShell.test.tsx
@@ -253,6 +253,70 @@ test('跳一跳�行�游玩中��留得分并��常驻排行榜', () =>
   expect(screen.queryByRole('button', { name: /^èµ·è·³$/ })).toBeNull();
 });
 
+test('跳一跳�行�背景和游�舞�覆盖全部界�且 HUD 使用独立主题按钮和拼图顶部样�', () => {
+  const backButtonAsset = {
+    assetId: 'jump-hop-back-button',
+    imageSrc: '/generated-jump-hop-assets/jump-hop-profile-test/back-button/image.png',
+    imageObjectKey:
+      'generated-jump-hop-assets/jump-hop-profile-test/back-button/image.png',
+    assetObjectId: 'asset-back-button',
+    generationProvider: 'vector-engine-gpt-image-2',
+    prompt: '主题返回按钮',
+    width: 1024,
+    height: 1024,
+  } satisfies NonNullable<JumpHopWorkProfileResponse['backButtonAsset']>;
+
+  render(
+    <JumpHopRuntimeShell
+      profile={buildProfile({ backButtonAsset })}
+      run={buildRun()}
+      onJump={vi.fn().mockResolvedValue(undefined)}
+      onRestart={() => {}}
+    />,
+  );
+
+  const stage = screen.getByTestId('jump-hop-stage');
+  expect(stage.className).toContain('absolute');
+  expect(stage.className).toContain('inset-0');
+  expect(stage.className).toContain('h-full');
+  expect(stage.className).toContain('w-full');
+  expect(stage.className).not.toContain('rounded-[1.5rem]');
+
+  const backButton = screen.getByRole('button', { name: '返回' });
+  expect(backButton.className).toContain('pointer-events-auto');
+  expect(backButton.className).toContain('jump-hop-runtime__back-button');
+  expect(backButton.className).toContain('h-14');
+  expect(backButton.className).toContain('w-14');
+  expect(backButton.className).toContain('sm:h-[3.875rem]');
+  expect(backButton.className).toContain('sm:w-[3.875rem]');
+  expect(backButton.getAttribute('data-has-asset')).toBe('true');
+  expect(backButton.textContent).toBe('');
+  expect(
+    screen
+      .getByTestId('jump-hop-runtime-back-button-asset')
+      .getAttribute('src'),
+  ).toBe(backButtonAsset.imageSrc);
+
+  const header = backButton.closest('header');
+  expect(header?.className).toContain('absolute');
+  expect(header?.className).toContain('top-0');
+  expect(header?.className).toContain('z-[130]');
+  expect(header?.querySelector('.puzzle-runtime-header-card')).toBeTruthy();
+  const titleCard = header?.querySelector('.puzzle-runtime-level-title-card');
+  expect(titleCard).toBeTruthy();
+  expect(titleCard?.className).toContain('jump-hop-runtime__score-title-card');
+  expect(screen.getByTestId('jump-hop-runtime-level-logo')).toBeTruthy();
+  expect(screen.getByText('得分')).toBeTruthy();
+  expect(screen.queryByText('跳一跳')).toBeNull();
+
+  const scoreCard = screen.getByTestId('jump-hop-score-card');
+  expect(scoreCard.className).toContain('puzzle-runtime-timer-card');
+  expect(scoreCard.className).toContain('puzzle-runtime-timer');
+  expect(scoreCard.className).toContain('jump-hop-runtime__score-value-card');
+  expect(scoreCard.className).toContain('justify-center');
+  expect(scoreCard.className).toContain('text-center');
+});
+
 test('跳一跳�行�失败�在弹窗中展示排行榜', () => {
   const runtimeRequestOptions = {
     runtimeGuestToken: 'runtime-guest-token',
@@ -333,7 +397,7 @@ test('跳一跳角色层永远压在地�层之上', () => {
   );
 });
 
-test('跳一跳�点辅助标识会��拖拽方�和�离实时移动', async () => {
+test('跳一跳拖拽时���点辅助标识但�留弹弓拉线', async () => {
   const onJump = vi.fn().mockResolvedValue(undefined);
 
   render(
@@ -354,8 +418,6 @@ test('跳一跳�点辅助标识会��拖拽方�和�离实时移动', as
     });
   });
 
-  expect(screen.queryByTestId('jump-hop-landing-assist')).toBeNull();
-
   await act(async () => {
     dispatchPointerEvent(stage, 'pointermove', {
       pointerId: 1,
@@ -364,11 +426,8 @@ test('跳一跳�点辅助标识会��拖拽方�和�离实时移动', as
     });
   });
 
-  const firstAssist = screen.getByTestId('jump-hop-landing-assist');
-  const firstLeft = firstAssist.style.left;
-  const firstTop = firstAssist.style.top;
-  expect(firstAssist.getAttribute('data-target-index')).toBe('1');
-  expect(firstLeft).not.toBe('62.288%');
+  expect(screen.queryByTestId('jump-hop-landing-assist')).toBeNull();
+  expect(stage.querySelector('.jump-hop-runtime__slingshot-guide')).toBeTruthy();
 
   await act(async () => {
     dispatchPointerEvent(stage, 'pointermove', {
@@ -378,9 +437,8 @@ test('跳一跳�点辅助标识会��拖拽方�和�离实时移动', as
     });
   });
 
-  const secondAssist = screen.getByTestId('jump-hop-landing-assist');
-  expect(secondAssist.style.left).not.toBe(firstLeft);
-  expect(secondAssist.style.top).not.toBe(firstTop);
+  expect(screen.queryByTestId('jump-hop-landing-assist')).toBeNull();
+  expect(stage.querySelector('.jump-hop-runtime__slingshot-guide')).toBeTruthy();
 });
 
 test('跳一跳�行�直接渲染生�的地�切片图片', () => {
@@ -958,6 +1016,7 @@ function buildProfile(options: {
   tileAssets?: JumpHopWorkProfileResponse['tileAssets'];
   coverComposite?: string | null;
   coverImageSrc?: string | null;
+  backButtonAsset?: JumpHopWorkProfileResponse['backButtonAsset'];
   publicationStatus?: JumpHopWorkProfileResponse['summary']['publicationStatus'];
 } = {}): JumpHopWorkProfileResponse {
   const characterAsset = {
@@ -1016,6 +1075,7 @@ function buildProfile(options: {
       tileAssets: options.tileAssets ?? [],
       path: buildRun().path,
       coverComposite: options.coverComposite ?? null,
+      backButtonAsset: options.backButtonAsset ?? null,
       generationStatus: 'ready',
     },
     path: buildRun().path,
@@ -1029,6 +1089,7 @@ function buildProfile(options: {
     characterAsset,
     tileAtlasAsset: characterAsset,
     tileAssets: options.tileAssets ?? [],
+    backButtonAsset: options.backButtonAsset ?? null,
   };
 }
 
diff --git a/src/components/jump-hop-runtime/JumpHopRuntimeShell.tsx b/src/components/jump-hop-runtime/JumpHopRuntimeShell.tsx
index 86dba72d..09f47e17 100644
--- a/src/components/jump-hop-runtime/JumpHopRuntimeShell.tsx
+++ b/src/components/jump-hop-runtime/JumpHopRuntimeShell.tsx
@@ -11,6 +11,7 @@ import {
   useState,
 } from 'react';
 
+import jumpHopRuntimeLevelLogo from '../../../media/logo.png';
 import type {
   JumpHopRuntimeRunSnapshotResponse,
   JumpHopTileAsset,
@@ -622,6 +623,20 @@ export function JumpHopRuntimeShell({
       refreshKey: stageBackgroundSource,
     },
   );
+  const backButtonAssetSource =
+    profile?.backButtonAsset?.imageSrc?.trim() ||
+    profile?.draft.backButtonAsset?.imageSrc?.trim() ||
+    null;
+  const { resolvedUrl: backButtonAssetUrl } = useResolvedAssetReadUrl(
+    backButtonAssetSource,
+    {
+      refreshKey:
+        profile?.backButtonAsset?.assetObjectId ||
+        profile?.draft.backButtonAsset?.assetObjectId ||
+        backButtonAssetSource ||
+        undefined,
+    },
+  );
 
   useEffect(() => {
     activeRunRef.current = activeRun;
@@ -717,8 +732,6 @@ export function JumpHopRuntimeShell({
     stageRun?.path,
     visiblePlatforms.length,
   ]);
-  const showLandingAssist =
-    import.meta.env.MODE !== 'production' && isCharging && !isJumpAnimating;
   const characterPosition = getJumpHopCharacterVisualPosition(
     stageRun,
     visiblePlatforms,
@@ -829,17 +842,6 @@ export function JumpHopRuntimeShell({
     landingAssistStageSize.width,
     visualJump,
   ]);
-  const landingAssistPosition = showLandingAssist
-    ? getJumpHopLandingAssistVisualPosition(
-        stageRun,
-        visiblePlatforms,
-        visualCharacterPosition,
-        landingAssistStageSize,
-        dragDistance,
-        dragVector.x,
-        dragVector.y,
-      )
-    : null;
   const jumpFeedbackForDisplay = getJumpHopJumpFeedbackLabel(stageRun);
   const isSettled =
     stageRun?.status === 'failed' || stageRun?.status === 'cleared';
@@ -1308,299 +1310,344 @@ export function JumpHopRuntimeShell({
   };
 
   return (
-    <div className="platform-remap-surface jump-hop-runtime relative flex h-full min-h-0 w-full flex-col overflow-hidden bg-[#fffdf9] text-slate-950">
-      <div className="jump-hop-runtime__sky" />
-      <div className="pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_50%_18%,rgba(255,255,255,0.82),transparent_30%),linear-gradient(180deg,rgba(255,255,255,0.18),rgba(234,204,179,0.24))]" />
+    <div className="platform-remap-surface jump-hop-runtime relative h-full min-h-dvh w-full overflow-hidden bg-[#fffdf9] text-slate-950">
+      <section
+        ref={stageRef}
+        data-testid="jump-hop-stage"
+        data-charging={isCharging ? 'true' : 'false'}
+        data-jump-animating={isJumpAnimating ? 'true' : 'false'}
+        data-platform-advancing={isPlatformAdvancing ? 'true' : 'false'}
+        className="jump-hop-runtime__stage absolute inset-0 h-full w-full touch-none select-none overflow-hidden"
+        onPointerDown={beginCharge}
+        onPointerMove={updateDragVector}
+        onPointerUp={(event) => void finishCharge(event)}
+        onPointerCancel={cancelCharge}
+      >
+        <div
+          aria-hidden="true"
+          className="jump-hop-runtime__scene-backdrop"
+          data-has-background={stageBackgroundUrl ? 'true' : 'false'}
+        >
+          {stageBackgroundUrl ? (
+            <img
+              src={stageBackgroundUrl}
+              alt=""
+              draggable={false}
+              data-testid="jump-hop-stage-background-image"
+              className="jump-hop-runtime__scene-background-image"
+            />
+          ) : null}
+        </div>
+        <div
+          data-testid="jump-hop-camera-layer"
+          data-platform-advancing={isPlatformAdvancing ? 'true' : 'false'}
+          className="jump-hop-runtime__camera-layer"
+          style={
+            {
+              '--jump-hop-camera-shift-x': `${platformAdvanceCameraOffsetX}%`,
+              '--jump-hop-camera-shift-y': `${-platformAdvanceCameraOffsetY}%`,
+            } as CSSProperties
+          }
+        >
+          <JumpHopThreeScene
+            characterPosition={visualCharacterPosition}
+            chargeRatio={chargeRatio}
+            isJumpAnimating={isJumpAnimating}
+            platformCount={platformRenderItems.length}
+            renderCharacter={false}
+            onCharacterLayerReadyChange={setIsThreeCharacterLayerReady}
+          />
 
-      <header className="relative z-20 grid grid-cols-[1fr_auto_1fr] items-center gap-2 px-3 pb-2 pt-[max(0.75rem,env(safe-area-inset-top))] sm:px-4">
+          {platformRenderItems.map((item) => {
+            const { width, height } = getJumpHopPlatformVisualSize(
+              item.platform,
+              1,
+            );
+            const style = {
+              left: `${item.screenX}%`,
+              top: `${item.screenY}%`,
+              width,
+              height,
+              '--jump-hop-platform-scale': item.scale,
+              zIndex:
+                item.advanceState === 'exiting' ? 12 + item.index : 20 + item.index,
+            } as CSSProperties;
+            const isCurrent =
+              item.advanceState !== 'exiting' &&
+              item.index === stageRun?.currentPlatformIndex;
+
+            return (
+              <div
+                key={item.renderKey}
+                className="jump-hop-runtime__platform"
+                style={style}
+                data-current={isCurrent ? 'true' : 'false'}
+                data-advance-state={item.advanceState}
+                data-platform-id={item.platform.platformId}
+                data-platform-index={item.index}
+              >
+                <div className="jump-hop-runtime__platform-shadow" />
+                <JumpHopTileImage
+                  asset={item.asset}
+                  platform={item.platform}
+                />
+              </div>
+            );
+          })}
+
+          {preloadTileAssets.length > 0 ? (
+            <div className="jump-hop-runtime__tile-preload" aria-hidden="true">
+              {preloadTileAssets.map((asset) => (
+                <JumpHopTilePreloadImage
+                  key={getJumpHopTileAssetRefreshKey(asset) ?? asset.imageSrc}
+                  asset={asset}
+                />
+              ))}
+            </div>
+          ) : null}
+
+          {visualCharacterPosition && !isThreeCharacterLayerReady ? (
+            <div
+              className="jump-hop-runtime__character"
+              data-charging={isCharging ? 'true' : 'false'}
+              data-jump-animating={isJumpAnimating ? 'true' : 'false'}
+              data-landing-recoil={
+                isLandingRecoilAnimating ? 'true' : 'false'
+              }
+              data-miss={visualCharacterPosition.isMiss ? 'true' : 'false'}
+              style={
+                {
+                  left: `${visualCharacterPosition.screenX}%`,
+                  top: `${visualCharacterPosition.screenY}%`,
+                  '--jump-hop-charge': chargeRatio,
+                  '--jump-hop-character-stretch-transform':
+                    characterMotionStyle.stretchTransform,
+                  '--jump-hop-flight-from-x':
+                    characterMotionStyle.flightFromX,
+                  '--jump-hop-flight-from-y':
+                    characterMotionStyle.flightFromY,
+                  '--jump-hop-recoil-x': characterMotionStyle.recoilX,
+                  '--jump-hop-recoil-y': characterMotionStyle.recoilY,
+                } as CSSProperties
+              }
+              >
+                <div className="jump-hop-runtime__character-shadow" />
+              <img
+                src={JUMP_HOP_TAONIER_CHARACTER_IMAGE_SRC}
+                alt=""
+                draggable={false}
+                className="jump-hop-runtime__character-image"
+                data-testid="jump-hop-character-logo"
+              />
+            </div>
+          ) : null}
+        </div>
+
+        {isCharging && dragPointerPosition && characterPosition ? (
+          <div
+            aria-hidden="true"
+            className="jump-hop-runtime__slingshot-guide"
+            style={
+              (() => {
+                const anchorX =
+                  stageSize.width * (characterPosition.screenX / 100);
+                const anchorY =
+                  stageSize.height * (characterPosition.screenY / 100);
+                const deltaX = dragPointerPosition.x - anchorX;
+                const deltaY = dragPointerPosition.y - anchorY;
+                const distance = Math.max(48, Math.hypot(deltaX, deltaY));
+                const angle = (Math.atan2(deltaY, deltaX) * 180) / Math.PI;
+                return {
+                  '--jump-hop-anchor-x': `${anchorX}px`,
+                  '--jump-hop-anchor-y': `${anchorY}px`,
+                  '--jump-hop-aim-x': `${dragPointerPosition.x}px`,
+                  '--jump-hop-aim-y': `${dragPointerPosition.y}px`,
+                  '--jump-hop-line-angle': `${angle}deg`,
+                  '--jump-hop-line-length': `${distance}px`,
+                } as CSSProperties;
+              })()
+            }
+          >
+            <div className="jump-hop-runtime__slingshot-line" />
+            <div className="jump-hop-runtime__slingshot-anchor" />
+            <div className="jump-hop-runtime__slingshot-aim" />
+          </div>
+        ) : null}
+
+        {jumpFeedbackForDisplay ? (
+          <div
+            key={`${stageRun?.currentPlatformIndex}-${stageRun?.lastJump?.result}`}
+            className="jump-hop-runtime__feedback"
+          >
+            {jumpFeedbackForDisplay}
+          </div>
+        ) : null}
+
+        {!stageRun ? (
+          <div className="absolute inset-0 grid place-items-center bg-white/35 text-sm font-black text-slate-600 backdrop-blur-sm">
+            等待开局
+          </div>
+        ) : null}
+
+        {isSettled ? (
+          <div className="absolute inset-0 z-[120] grid place-items-center bg-slate-950/28 px-6 backdrop-blur-[2px]">
+            <div
+              role="dialog"
+              aria-modal="true"
+              aria-labelledby="jump-hop-result-title"
+              className="w-full max-w-[24rem] rounded-[1.25rem] border border-white/70 bg-white/90 p-4 text-center shadow-[0_18px_50px_rgba(15,23,42,0.22)]"
+            >
+              <div className="text-2xl font-black">
+                <span id="jump-hop-result-title">
+                  {getJumpHopStatusLabel(stageRun?.status)}
+                </span>
+              </div>
+              <div className="mt-2 flex justify-center gap-4 text-sm font-bold text-slate-600">
+                <span>{successfulJumpCount} è·³</span>
+                <span>{durationLabel}</span>
+              </div>
+              {shouldShowFailureLeaderboard ? (
+                <JumpHopLeaderboardPanel
+                  profileId={profile?.summary.profileId}
+                  runtimeRequestOptions={runtimeRequestOptions}
+                />
+              ) : null}
+              <div className="mt-4 grid grid-cols-2 gap-2">
+                <button
+                  type="button"
+                  onClick={onRestart}
+                  disabled={isBusy}
+                  className="platform-button platform-button--primary min-h-11 px-3 py-2 text-sm"
+                >
+                  �开
+                </button>
+                <button
+                  type="button"
+                  onClick={exitHandler}
+                  className="platform-button platform-button--ghost min-h-11 bg-white px-3 py-2 text-sm"
+                >
+                  返回
+                </button>
+              </div>
+            </div>
+          </div>
+        ) : null}
+      </section>
+
+      <header className="pointer-events-none absolute inset-x-0 top-0 z-[130] grid grid-cols-[3.5rem_minmax(0,1fr)_3.5rem] items-start gap-2 px-3 pt-[calc(env(safe-area-inset-top,0px)+0.65rem)] sm:grid-cols-[3.875rem_minmax(0,1fr)_3.875rem] sm:px-4">
         <button
           type="button"
           onClick={exitHandler}
-          className="platform-button platform-button--ghost min-h-0 justify-self-start rounded-full bg-white/80 px-3 py-2 text-sm shadow-sm backdrop-blur"
+          aria-label="返回"
+          title="返回"
+          data-has-asset={backButtonAssetUrl ? 'true' : 'false'}
+          className="jump-hop-runtime__back-button pointer-events-auto -mt-0.5 inline-flex h-14 w-14 items-center justify-center justify-self-start rounded-full transition hover:-translate-y-px hover:brightness-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60 sm:-mt-1 sm:h-[3.875rem] sm:w-[3.875rem]"
         >
-          <ArrowLeft className="h-4 w-4" />
-          返回
+          {backButtonAssetUrl ? (
+            <img
+              src={backButtonAssetUrl}
+              alt=""
+              aria-hidden="true"
+              draggable={false}
+              data-testid="jump-hop-runtime-back-button-asset"
+              className="jump-hop-runtime__back-button-image"
+            />
+          ) : (
+            <ArrowLeft className="h-7 w-7 drop-shadow-[0_1px_2px_rgba(255,255,255,0.74)] sm:h-[2.1rem] sm:w-[2.1rem]" />
+          )}
         </button>
-        <div className="flex items-center gap-2 rounded-full border border-white/70 bg-white/82 px-3 py-2 text-sm font-black shadow-sm backdrop-blur">
-          <span>{successfulJumpCount}</span>
+        <div className="puzzle-runtime-header-card pointer-events-auto mx-auto flex max-w-[min(18.5rem,calc(100vw_-_8rem))] min-w-0 flex-col items-center text-center sm:max-w-[22rem]">
+          <div className="puzzle-runtime-level-title-card jump-hop-runtime__score-title-card flex max-w-full items-center justify-center gap-2 px-3.5 py-1.5 sm:px-4">
+            <span
+              aria-hidden="true"
+              className="puzzle-runtime-level-logo jump-hop-runtime__score-title-logo"
+            >
+              <img
+                src={jumpHopRuntimeLevelLogo}
+                alt=""
+                data-testid="jump-hop-runtime-level-logo"
+                className="puzzle-runtime-level-logo__image"
+                draggable={false}
+              />
+            </span>
+            <span className="puzzle-runtime-level-badge jump-hop-runtime__score-title-text text-[0.92rem] font-black sm:text-base">
+              得分
+            </span>
+          </div>
+          <div
+            data-testid="jump-hop-score-card"
+            className="puzzle-runtime-timer-card puzzle-runtime-timer jump-hop-runtime__score-value-card -mt-px inline-flex items-center justify-center gap-1.5 px-3.5 py-1.5 text-center font-mono text-lg font-black leading-none sm:text-xl"
+          >
+            <span>{successfulJumpCount}</span>
+          </div>
         </div>
         <div aria-hidden="true" />
       </header>
 
-      <main className="relative z-10 mx-auto flex w-full max-w-[30rem] flex-1 flex-col px-3 pb-[max(0.75rem,env(safe-area-inset-bottom))] sm:px-4">
-        <section
-          ref={stageRef}
-          data-testid="jump-hop-stage"
-          data-charging={isCharging ? 'true' : 'false'}
-          data-jump-animating={isJumpAnimating ? 'true' : 'false'}
-          data-platform-advancing={isPlatformAdvancing ? 'true' : 'false'}
-          className="jump-hop-runtime__stage relative min-h-0 flex-1 touch-none select-none overflow-hidden rounded-[1.5rem]"
-          onPointerDown={beginCharge}
-          onPointerMove={updateDragVector}
-          onPointerUp={(event) => void finishCharge(event)}
-          onPointerCancel={cancelCharge}
-        >
-          <div
-            aria-hidden="true"
-            className="jump-hop-runtime__scene-backdrop"
-            data-has-background={stageBackgroundUrl ? 'true' : 'false'}
-          >
-            {stageBackgroundUrl ? (
-              <img
-                src={stageBackgroundUrl}
-                alt=""
-                draggable={false}
-                data-testid="jump-hop-stage-background-image"
-                className="jump-hop-runtime__scene-background-image"
-              />
-            ) : null}
+      {error ? (
+        <footer className="pointer-events-none absolute inset-x-0 bottom-[max(0.75rem,env(safe-area-inset-bottom))] z-[130] flex items-center justify-center px-3">
+          <div className="pointer-events-auto min-w-0 rounded-full bg-white/82 px-3 py-2 text-sm font-bold text-[var(--platform-button-danger-text)] shadow-sm backdrop-blur">
+            {error}
           </div>
-          <div
-            data-testid="jump-hop-camera-layer"
-            data-platform-advancing={isPlatformAdvancing ? 'true' : 'false'}
-            className="jump-hop-runtime__camera-layer"
-            style={
-              {
-                '--jump-hop-camera-shift-x': `${platformAdvanceCameraOffsetX}%`,
-                '--jump-hop-camera-shift-y': `${-platformAdvanceCameraOffsetY}%`,
-              } as CSSProperties
-            }
-          >
-            <JumpHopThreeScene
-              characterPosition={visualCharacterPosition}
-              chargeRatio={chargeRatio}
-              isJumpAnimating={isJumpAnimating}
-              platformCount={platformRenderItems.length}
-              renderCharacter={false}
-              onCharacterLayerReadyChange={setIsThreeCharacterLayerReady}
-            />
-
-            {platformRenderItems.map((item) => {
-              const { width, height } = getJumpHopPlatformVisualSize(
-                item.platform,
-                1,
-              );
-              const style = {
-                left: `${item.screenX}%`,
-                top: `${item.screenY}%`,
-                width,
-                height,
-                '--jump-hop-platform-scale': item.scale,
-                zIndex:
-                  item.advanceState === 'exiting' ? 12 + item.index : 20 + item.index,
-              } as CSSProperties;
-              const isCurrent =
-                item.advanceState !== 'exiting' &&
-                item.index === stageRun?.currentPlatformIndex;
-
-              return (
-                <div
-                  key={item.renderKey}
-                  className="jump-hop-runtime__platform"
-                  style={style}
-                  data-current={isCurrent ? 'true' : 'false'}
-                  data-advance-state={item.advanceState}
-                  data-platform-id={item.platform.platformId}
-                  data-platform-index={item.index}
-                >
-                  <div className="jump-hop-runtime__platform-shadow" />
-                  <JumpHopTileImage
-                    asset={item.asset}
-                    platform={item.platform}
-                  />
-                </div>
-              );
-            })}
-
-            {preloadTileAssets.length > 0 ? (
-              <div className="jump-hop-runtime__tile-preload" aria-hidden="true">
-                {preloadTileAssets.map((asset) => (
-                  <JumpHopTilePreloadImage
-                    key={getJumpHopTileAssetRefreshKey(asset) ?? asset.imageSrc}
-                    asset={asset}
-                  />
-                ))}
-              </div>
-            ) : null}
-
-            {visualCharacterPosition && !isThreeCharacterLayerReady ? (
-              <div
-                className="jump-hop-runtime__character"
-                data-charging={isCharging ? 'true' : 'false'}
-                data-jump-animating={isJumpAnimating ? 'true' : 'false'}
-                data-landing-recoil={
-                  isLandingRecoilAnimating ? 'true' : 'false'
-                }
-                data-miss={visualCharacterPosition.isMiss ? 'true' : 'false'}
-                style={
-                  {
-                    left: `${visualCharacterPosition.screenX}%`,
-                    top: `${visualCharacterPosition.screenY}%`,
-                    '--jump-hop-charge': chargeRatio,
-                    '--jump-hop-character-stretch-transform':
-                      characterMotionStyle.stretchTransform,
-                    '--jump-hop-flight-from-x':
-                      characterMotionStyle.flightFromX,
-                    '--jump-hop-flight-from-y':
-                      characterMotionStyle.flightFromY,
-                    '--jump-hop-recoil-x': characterMotionStyle.recoilX,
-                    '--jump-hop-recoil-y': characterMotionStyle.recoilY,
-                  } as CSSProperties
-                }
-                >
-                  <div className="jump-hop-runtime__character-shadow" />
-                <img
-                  src={JUMP_HOP_TAONIER_CHARACTER_IMAGE_SRC}
-                  alt=""
-                  draggable={false}
-                  className="jump-hop-runtime__character-image"
-                  data-testid="jump-hop-character-logo"
-                />
-              </div>
-            ) : null}
-          </div>
-
-          {landingAssistPosition ? (
-            (() => {
-              return (
-                <div
-                  aria-hidden="true"
-                  data-testid="jump-hop-landing-assist"
-                  data-target-index={landingAssistPosition.targetPlatformIndex}
-                  className="jump-hop-runtime__landing-assist"
-                  style={
-                    {
-                      left: `${landingAssistPosition.screenX}%`,
-                      top: `${landingAssistPosition.screenY}%`,
-                      width: 28,
-                      height: 28,
-                    } as CSSProperties
-                  }
-                >
-                  <div className="jump-hop-runtime__landing-assist-core" />
-                </div>
-              );
-            })()
-          ) : null}
-
-          {isCharging && dragPointerPosition && characterPosition ? (
-            <div
-              aria-hidden="true"
-              className="jump-hop-runtime__slingshot-guide"
-              style={
-                (() => {
-                  const anchorX =
-                    stageSize.width * (characterPosition.screenX / 100);
-                  const anchorY =
-                    stageSize.height * (characterPosition.screenY / 100);
-                  const deltaX = dragPointerPosition.x - anchorX;
-                  const deltaY = dragPointerPosition.y - anchorY;
-                  const distance = Math.max(48, Math.hypot(deltaX, deltaY));
-                  const angle = (Math.atan2(deltaY, deltaX) * 180) / Math.PI;
-                  return {
-                    '--jump-hop-anchor-x': `${anchorX}px`,
-                    '--jump-hop-anchor-y': `${anchorY}px`,
-                    '--jump-hop-aim-x': `${dragPointerPosition.x}px`,
-                    '--jump-hop-aim-y': `${dragPointerPosition.y}px`,
-                    '--jump-hop-line-angle': `${angle}deg`,
-                    '--jump-hop-line-length': `${distance}px`,
-                  } as CSSProperties;
-                })()
-              }
-            >
-              <div className="jump-hop-runtime__slingshot-line" />
-              <div className="jump-hop-runtime__slingshot-anchor" />
-              <div className="jump-hop-runtime__slingshot-aim" />
-            </div>
-          ) : null}
-
-          {jumpFeedbackForDisplay ? (
-            <div
-              key={`${stageRun?.currentPlatformIndex}-${stageRun?.lastJump?.result}`}
-              className="jump-hop-runtime__feedback"
-            >
-              {jumpFeedbackForDisplay}
-            </div>
-          ) : null}
-
-          {!stageRun ? (
-            <div className="absolute inset-0 grid place-items-center bg-white/35 text-sm font-black text-slate-600 backdrop-blur-sm">
-              等待开局
-            </div>
-          ) : null}
-
-          {isSettled ? (
-            <div className="absolute inset-0 z-[120] grid place-items-center bg-slate-950/28 px-6 backdrop-blur-[2px]">
-              <div
-                role="dialog"
-                aria-modal="true"
-                aria-labelledby="jump-hop-result-title"
-                className="w-full max-w-[24rem] rounded-[1.25rem] border border-white/70 bg-white/90 p-4 text-center shadow-[0_18px_50px_rgba(15,23,42,0.22)]"
-              >
-                <div className="text-2xl font-black">
-                  <span id="jump-hop-result-title">
-                    {getJumpHopStatusLabel(stageRun?.status)}
-                  </span>
-                </div>
-                <div className="mt-2 flex justify-center gap-4 text-sm font-bold text-slate-600">
-                  <span>{successfulJumpCount} è·³</span>
-                  <span>{durationLabel}</span>
-                </div>
-                {shouldShowFailureLeaderboard ? (
-                  <JumpHopLeaderboardPanel
-                    profileId={profile?.summary.profileId}
-                    runtimeRequestOptions={runtimeRequestOptions}
-                  />
-                ) : null}
-                <div className="mt-4 grid grid-cols-2 gap-2">
-                  <button
-                    type="button"
-                    onClick={onRestart}
-                    disabled={isBusy}
-                    className="platform-button platform-button--primary min-h-11 px-3 py-2 text-sm"
-                  >
-                    �开
-                  </button>
-                  <button
-                    type="button"
-                    onClick={exitHandler}
-                    className="platform-button platform-button--ghost min-h-11 bg-white px-3 py-2 text-sm"
-                  >
-                    返回
-                  </button>
-                </div>
-              </div>
-            </div>
-          ) : null}
-        </section>
-
-        {error ? (
-          <footer className="relative z-20 mt-3 flex items-center justify-between gap-3">
-            <div className="min-w-0 text-sm font-bold text-slate-700">
-              <span className="text-[var(--platform-button-danger-text)]">
-                {error}
-              </span>
-            </div>
-          </footer>
-        ) : null}
-      </main>
+        </footer>
+      ) : null}
 
       <style>{`
-        .jump-hop-runtime__sky {
-          position: absolute;
-          inset: 0;
-          background:
-            radial-gradient(circle at 18% 18%, rgba(253, 230, 138, 0.36), transparent 24%),
-            radial-gradient(circle at 82% 22%, rgba(226, 171, 134, 0.34), transparent 28%),
-            linear-gradient(180deg, #fffdf9 0%, #f8efe7 52%, #f4e5d7 100%);
-        }
-
         .jump-hop-runtime__stage {
-          min-height: 31rem;
           isolation: isolate;
           cursor: pointer;
         }
 
+        .jump-hop-runtime__back-button {
+          border: 2px solid rgba(255, 216, 173, 0.72);
+          background:
+            radial-gradient(circle at 38% 26%, rgba(255, 242, 216, 0.9), transparent 28%),
+            linear-gradient(135deg, #d7803f 0%, #b95527 58%, #8e3e22 100%);
+          color: #fffaf2;
+          box-shadow:
+            inset 0 1px 0 rgba(255, 255, 255, 0.42),
+            0 8px 18px rgba(86, 43, 18, 0.18);
+        }
+
+        .jump-hop-runtime__back-button[data-has-asset='true'] {
+          border-color: transparent;
+          background: transparent;
+          box-shadow: none;
+        }
+
+        .jump-hop-runtime__back-button-image {
+          width: 100%;
+          height: 100%;
+          object-fit: contain;
+          pointer-events: none;
+          user-select: none;
+          filter: drop-shadow(0 8px 14px rgba(63, 36, 18, 0.22));
+        }
+
+        .jump-hop-runtime__score-title-card {
+          padding-left: 3.35rem;
+          padding-right: 3.35rem;
+        }
+
+        .jump-hop-runtime__score-title-logo {
+          position: absolute;
+          left: 0.45rem;
+          top: 50%;
+          margin: 0;
+          transform: translateY(-50%);
+        }
+
+        .jump-hop-runtime__score-title-text {
+          display: block;
+          min-width: 2.5rem;
+          text-align: center;
+        }
+
+        .jump-hop-runtime__score-value-card {
+          justify-content: center;
+          text-align: center;
+        }
+
         .jump-hop-runtime__stage[data-charging='true'] {
           cursor: grabbing;
         }
@@ -1743,30 +1790,6 @@ export function JumpHopRuntimeShell({
           height: 1px;
         }
 
-        .jump-hop-runtime__landing-assist {
-          position: absolute;
-          z-index: 110;
-          display: grid;
-          place-items: center;
-          transform: translate(-50%, -50%);
-          border: 2px dashed rgba(17, 94, 89, 0.82);
-          border-radius: 999px;
-          background:
-            radial-gradient(circle, rgba(16, 185, 129, 0.28) 0 20%, rgba(167, 243, 208, 0.16) 21% 48%, transparent 49%);
-          box-shadow:
-            0 0 0 4px rgba(255, 255, 255, 0.56),
-            0 0 18px rgba(17, 94, 89, 0.18);
-          pointer-events: none;
-        }
-
-        .jump-hop-runtime__landing-assist-core {
-          width: 0.68rem;
-          height: 0.68rem;
-          border-radius: 999px;
-          background: #0f766e;
-          box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.78);
-        }
-
         .jump-hop-runtime__fallback-tile {
           position: relative;
           width: 100%;
@@ -2070,8 +2093,7 @@ export function JumpHopRuntimeShell({
 
         @media (max-width: 430px) {
           .jump-hop-runtime__stage {
-            min-height: min(68vh, 36rem);
-            border-radius: 1.25rem;
+            min-height: 100%;
           }
 
           .jump-hop-runtime__character {
diff --git a/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx b/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
index 3460ff1f..c2ff40bb 100644
--- a/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
+++ b/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
@@ -1634,6 +1634,7 @@ function buildMockJumpHopWork(
     tileAssets,
     path,
     coverComposite: 'data:image/png;base64,cover',
+    backButtonAsset: null,
     generationStatus: 'ready' as const,
   };
 
@@ -1664,6 +1665,7 @@ function buildMockJumpHopWork(
     characterAsset,
     tileAtlasAsset,
     tileAssets,
+    backButtonAsset: null,
   };
 }