From 3f742fbaca16ffa74f3f541223dc5c3ae3d5b934 Mon Sep 17 00:00:00 2001
From: kdletters <kdletters@qq.com>
Date: Wed, 3 Jun 2026 10:24:03 +0800
Subject: [PATCH] feat: unify creation entry templates

---
 .hermes/shared-memory/decision-log.md         |   8 +
 .hermes/shared-memory/pitfalls.md             |   8 +
 ...�玩法创作】平�入�与玩法链路-2026-05-15.md |   8 +-
 .../src/creation_entry_config.rs              |  91 +++++-
 .../BigFishAgentWorkspace.tsx                 |   3 +
 .../CreationAgentWorkspace.test.tsx           |  10 +-
 .../creation-agent/CreationAgentWorkspace.tsx |  40 +--
 .../creative-agent/CreativeAgentWorkspace.tsx |  28 +-
 .../CustomWorldAgentWorkspace.tsx             |   3 +
 .../CustomWorldCreationHub.test.tsx           | 126 +++++++--
 .../CustomWorldCreationHub.tsx                |  68 ++---
 .../CustomWorldCreationStartCard.tsx          | 154 +++++-----
 .../custom-world-home/creationWorkShelf.ts    |   2 +-
 .../PlatformEntryFlowShellImpl.tsx            | 266 +++++++++++-------
 ...gEntryFlowShell.agent.interaction.test.tsx |  32 ++-
 .../SquareHoleAgentWorkspace.tsx              |   3 +
 .../UnifiedCreationPage.test.tsx              |   4 +-
 .../unified-creation/UnifiedCreationPage.tsx  |   8 +-
 .../UnifiedGenerationPage.tsx                 |   4 +-
 .../unifiedCreationSpecs.test.ts              |  38 ++-
 .../unified-creation/unifiedCreationSpecs.ts  | 172 ++++++++++-
 .../unified-creation/unifiedGenerationCopy.ts |   9 +-
 src/index.css                                 |  40 +++
 src/index.test.ts                             |  21 ++
 src/services/creationEntryConfigService.ts    |  20 +-
 25 files changed, 820 insertions(+), 346 deletions(-)

diff --git a/.hermes/shared-memory/decision-log.md b/.hermes/shared-memory/decision-log.md
index bdc69789..2a616fff 100644
--- a/.hermes/shared-memory/decision-log.md
+++ b/.hermes/shared-memory/decision-log.md
@@ -16,6 +16,14 @@
 
 ---
 
+## 2026-06-03 最近创作��用创作模�入�
+
+- 背景：底部加�创作入�的“最近创作�最�由真实作�架摘�驱动，但页�曾按作�标题�摘�和生�状�渲染独立最近创作�，和其它模�页签的�片样��点击语义�一致。
+- 决策：“最近创作���由真实�端作�架摘�决定是�展示，但�纳入 `updatedAt` 在最近 7 天内的摘�，且摘��用于推导最近使用过的模� ID；实际列表必须从�端入��置的 `creationTypes` 中筛出对应模�，�用其它页签的模��结构�文案和 `onCreateType` 点击行为，�展示具体作��称�作�摘�或�稿 / 生�状�，也�新增独立最近创作组件。最近创作页签激活时，页�必须显示“仅显示最近7天内使用过的模��。
+- 影�范围：`src/components/custom-world-home/CustomWorldCreationStartCard.tsx`�`src/components/custom-world-home/CustomWorldCreationHub.tsx`�`src/components/platform-entry`�创作入�相关测试与玩法链路文档。
+- 验�方�：`CustomWorldCreationHub` 测试应断言最近创作页签包� `creation-template-card`�模�标题 / 副标题，并且�出现旧 `creation-recent-work-grid`�作�标题�作�摘�或“打开最近创作�按钮文案；RPG 入�交互测试应断言最近创作默认页签展示“文字冒险�模��。
+- 关�文档：`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
+
 ## 2026-06-02 底部加�创作入�页 banner 与最近创作�径
 
 - 背景：创作入�页 banner 曾固定为�端两张主题赛�，且模�分类兜底会产生 `recent` / `最近创作` 页签，和���置�真实作�数��径冲�。
diff --git a/.hermes/shared-memory/pitfalls.md b/.hermes/shared-memory/pitfalls.md
index b80df113..8fb8aacb 100644
--- a/.hermes/shared-memory/pitfalls.md
+++ b/.hermes/shared-memory/pitfalls.md
@@ -23,6 +23,14 @@
 - 验�：触�任一平�级异步失败时，页�应出现包�“错误���和“错误内容�的弹窗；�制内容应包���和错误正文；旧页�内错误 banner ����出现。
 - 关�：`src/components/platform-entry/PlatformEntryFlowShellImpl.tsx`�`src/components/platform-entry/PlatformErrorDialog.tsx`�`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
 
+## 暗色创作进度���被 platform-remap-surface 改�深色文字
+
+- 现象：统一创作页里的暗色进度�背景是深绿 / 深�，但“创作进度��百分比和进度�示显示�深色，移动端几乎看�清。
+- 原因：`platform-remap-surface` 在浅色主题下会把�代 `[class*='text-white']` 强制�映射� `var(--platform-text-strong)`，并且使用 `!important`；暗色 hero �片如果�写通用 `text-white*`，刷新��会被全局 remap 覆盖�深色。早期还混用了 `text-white/72`�`text-white/88`�`border-white/14`�`bg-white/12` 等�稳�明度档�，进一步放大了问题。
+- 处�：给暗色 hero 加组件专属 class，例如 `creation-agent-hero__progress-label`�`creation-agent-hero__progress-value`�`creation-agent-hero__progress-hint`，并在 `src/index.css` 的 remap 规则之�用更具体选择器和 `!important` 固定白色�明度�边框和进度�底色。
+- 验�：`CreationAgentWorkspace` 测试应断言进度标题�百分比和�示文本带专属 class；`src/index.test.ts` 应断言这些 class 在 remap surface 内有白色覆盖规则；移动端截图中暗色�片文字应���读。
+- 关�：`src/components/creation-agent/CreationAgentWorkspace.tsx`�`src/components/creation-agent/CreationAgentWorkspace.test.tsx`�`src/index.css`�`src/index.test.ts`�`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
+
 ## VectorEngine 图片生� SendRequest 超时�按传输失败排查
 
 - 现象：`external_api_call_failure` 里看到 `failureStage=request_send`�`timeout=true`�`statusCode=null`，`errorSource` �能是 `client error (SendRequest)` 或更完整的 reqwest 底层错误链，�端�知�图片生�失败。
diff --git a/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md b/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
index 414a976c..b5d29797 100644
--- a/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
+++ b/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
@@ -1,16 +1,16 @@
 # 平�入�与玩法链路
 
-更新时间：`2026-05-15`
+更新时间：`2026-06-03`
 
 ## 平�创作入�
 
 创作入��置事实�在 SpacetimeDB，通过 `GET /api/creation-entry/config` 下�；��通过 `/admin/api/creation-entry/config` 管�。�端�在展示层派生���片和入�状�，`api-server` 路由熔断也使用�一份�置。�����端硬编�入��置文件。
 
-当�点击底部加�进入的创作入�页承载��公告��创作入�页签和两列模��；页签中�有真实�端作�架摘�存在时�展示“最近创作�，其余为玩法模�分类。点击模���直接进入对应玩法已有的入�创作表� stage，���过空白��页，也�把旧表�嵌进创作入�页。移动端创作入�页顶�在 `陶泥儿` �牌�一行显示真实账户泥点数，数��自 `profileDashboard.walletBalance`，�得�把公告内容或活动奖池当作账�余�展示。创作入�页公告�数�优先读� `GET /api/creation-entry/config` 的 `eventBanners` 数组，多��置时�端自动轮播，旧 `eventBanner` 仅作为��兼容兜底。��公告�置��表�：��公告包�标题和 HTML 内容，���存时�列化为�端 `eventBannersJson` 传输字段，由�端空��沙箱 iframe 展示；旧结构化 banner 字段仅�留回显兼容，��作为��公告�置主格�；�得执行 JSX 或把��代�直接注入 DOM。玩法列表��套外部边框�片，移动端需�压缩横�边�和两列间�；玩法�统一按“上图�左上状�标签（仅�开放�显示）����下 `10-20泥点数`�下方白底标题/�述�结构展示，�片高度��紧凑但标题��述和预估消耗点数都必须��。创作入�页根容器��使用 `platform-page-stage` 这类全局内容�片壳，但继续�留 `platform-remap-surface` 作为主题和输入框样�命中钩�。创作入�页字�需�对�平�普通 UI 档�：顶�泥点组件�公告正文�分类 Tab 和玩法�标题 / 副标题 / 消耗说明优先使用 `11px` 到 `14px`，�使用 `text-lg`�`text-xl` 或更大的展示级字�。�稿 Tab 继续承接作�架；底部加�入�页的“最近创作��自真实�端作�架摘�，生�中和生�失败的�稿摘�都应进入最近创作并显示对应状�。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`，这些入�继续承接�玩法自己的表���稿��和�续编排，�作为创作入�页内容。
+当�点击底部加�进入的创作入�页承载��公告��创作入�页签和两列模��；页签中�有真实�端作�架摘�存在时�展示“最近创作�，其余为玩法模�分类。点击模���直接进入对应玩法已有的入�创作表� stage，���过空白��页，也�把旧表�嵌进创作入�页。移动端创作入�页顶�在 `陶泥儿` �牌�一行显示真实账户泥点数，数��自 `profileDashboard.walletBalance`，�得�把公告内容或活动奖池当作账�余�展示。创作入�页公告�数�优先读� `GET /api/creation-entry/config` 的 `eventBanners` 数组，多��置时�端自动轮播，旧 `eventBanner` 仅作为��兼容兜底。��公告�置��表�：��公告包�标题和 HTML 内容，���存时�列化为�端 `eventBannersJson` 传输字段，由�端空��沙箱 iframe 展示；旧结构化 banner 字段仅�留回显兼容，��作为��公告�置主格�；�得执行 JSX 或把��代�直接注入 DOM。玩法列表��套外部边框�片，移动端需�压缩横�边�和两列间�；玩法�统一按“上图�左上状�标签（仅�开放�显示）����下 `10-20泥点数`�下方白底标题/�述�结构展示，�片高度��紧凑但标题��述和预估消耗点数都必须��。创作入�页根容器��使用 `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`，这些入�继续承接�玩法自己的表���稿��和�续编排，�作为创作入�页内容。
 
 创作���数��留 `sessionId`�`profileId`�`draftId`�`workId` 这四个�有 query。它们��许在�一�创作链路的结果页�生�页�工作�之间�留；切到首页�公开作�详情�runtime 或�一�玩法链路时必须清掉。生�页等待时间统一以生�状�里的 `startedAtMs` 为准；创建该状�时优先使用�端 session 下�的时间戳，作�摘�里的 `updatedAt` ��用于排�与摘�展示，�作为�端自行推导业务状�的真相。
 
-一期创作�程统一化覆盖拼图�抓大鹅�跳一跳和敲木鱼。四者在�端统一�过 `UnifiedCreationWorkspace` 和 `UnifiedGenerationPage`：`UnifiedCreationWorkspace` 作为平�壳唯一�赖的统一创作编排层，�内部调用 `src/components/unified-creation/workspaces/` 下的 `PuzzleCreationWorkspace`�`Match3DCreationWorkspace`�`JumpHopCreationWorkspace` 和 `WoodenFishCreationWorkspace`；创作页字段清�由�端在 `GET /api/creation-entry/config` 的 `creationTypes[].unifiedCreationSpec` 下�，�端仅在该扩展�缺失时回退到本地默认 spec；首期字段类型��留 `text`�`select`�`image`�`audio`。`UnifiedCreationPage` �供统一标题��统一返回入��页�级纵�滚动�内容区和��字段契约，�在 UI 中�外展示字段说明 chip；竖�移动端必须能从标题�表�一路滑到�交按钮。�玩法工作�负责渲染真实输入控件�上传�历�素��校验和�交，但返回按钮��留在统一页头，工作�内部����渲染。拼图�抓大鹅�跳一跳和敲木鱼的工作�实现都已收�到统一目录，��留�自输入逻辑�素�选择和�交校验，��由平�壳直接�赖旧工作�文件。敲木鱼的音效和功德�����得放进独立内部滚动容器，移动端应跟�页�自然滚动展开。生�页统一展示阶段�当�步骤�总进度�错误和�试动作。视觉�说�`airp`�`component`�汪汪声浪�方洞�大鱼和��识物�进入一期接线范围，已有链路��现状。
+统一创作入�覆盖当��进入创作链路的已有模�：`rpg`�`big-fish`�`puzzle`�`match3d`�`jump-hop`�`wooden-fish`�`square-hole`�`bark-battle`�`visual-novel`�`baby-object-match` 和 `creative-agent`；`airp` �是未开放��，�作为当�统一创作链路目标。拼图�抓大鹅�跳一跳和敲木鱼在�端继续�过 `UnifiedCreationWorkspace` 和 `UnifiedGenerationPage`：`UnifiedCreationWorkspace` 作为平�壳�赖的统一创作编排层，�内部调用 `src/components/unified-creation/workspaces/` 下的 `PuzzleCreationWorkspace`�`Match3DCreationWorkspace`�`JumpHopCreationWorkspace` 和 `WoodenFishCreationWorkspace`。其它已有模�由平�壳用 `UnifiedCreationPage` 包�既有工作�，�用统一标题��返回入��页�级纵�滚动和��字段契约，�时�留�玩法自己的表���稿��和�续编排。创作页字段清�由�端在 `GET /api/creation-entry/config` 的 `creationTypes[].unifiedCreationSpec` 下�，�端仅在该扩展�缺失时回退到本地默认 spec；字段类型��留 `text`�`select`�`image`�`audio`。`UnifiedCreationPage` �在 UI 中�外展示字段说明 chip，也�在�上角显示内部 `playId`�模� ID 或工作�阶段�；竖�移动端必须能从标题�表�一路滑到�交按钮。�玩法工作�负责渲染真实输入控件�上传�历�素��校验和�交，但返回按钮��留在统一页头，工作�内部����渲染。暗色创作进度�片�于 `platform-remap-surface` 内时，必须用组件专属 class 覆盖浅色主题 remap，确�白字�浅色边框和进度�底色�会被全局规则改�深色；����赖通用 `text-white*` 类。敲木鱼的音效和功德�����得放进独立内部滚动容器，移动端应跟�页�自然滚动展开。生�页统一展示阶段�当�步骤�总进度�错误和�试动作。
 
 创作表��交�的泥点余��置校验��许用独立弹窗�示失败原因，�得把用户退回创作入�或玩法模�列表，也�得清空当�表�状�。当�适用拼图�抓大鹅和汪汪声浪等会在�端�交�校验泥点的生�入�；余��足�余�读�失败都应�留在当�工作�，由用户关闭�示�继续编辑或自行补足泥点。
 
@@ -20,7 +20,7 @@
 
 `PlatformEntryFlowShellImpl.tsx` �是平�入�编排壳，�续维护时应优先把独立 UI 片段�公开作�映射��稿生� notice 和�行�状� helper 拆到 `src/components/platform-entry/PlatformEntryFlowShellImpl/` 或�目录紧邻 helper 文件。拆分��许改�文件组织，�改�入��置事实��默认导出�props�页�阶段�UI 文案或现有交互；其中拼图首访 onboarding 已拆为 `PlatformEntryFlowShellImpl/PuzzleOnboardingView.tsx`。
 
-`platformEntryCreationTypes.ts` ���端展示派生，分组时必须把�端 `creationTypes` 里的 `categoryId` / `categoryLabel` 当作�缺失字段处�，空值统一回退到 `recommended` / `热门推�`，并把历� `recent` / `最近创作` 归一到推�分类。`最近创作` �属于模�分类页签，�能由真实�稿 / 作�架�端数�决定是�展示。
+`platformEntryCreationTypes.ts` ���端展示派生，分组时必须把�端 `creationTypes` 里的 `categoryId` / `categoryLabel` 当作�缺失字段处�，空值统一回退到 `recommended` / `热门推�`，并把历� `recent` / `最近创作` 归一到推�分类。`最近创作` �属于模�分类页签，�能由 7 天内的真实�稿 / 作�架�端数�决定是�展示；展示内容�然从�端入��置的模��中筛选，�读�或渲染作�标题�作�摘���稿阶段文案。
 
 移动端底部一级导航是全局平�样�，�按�一玩法分�。当�视觉统一为米白浮动胶囊底座�浅棕分隔线�棕色线性图标�橘色选中�和底部短下划线；中间 `创作` 入���凸起圆形主按钮，但凸起�移�能作用在按钮内容层，�能移动承载分隔线的 Tab 按钮容器，确�创作左�分隔线与其他分隔线垂直�置一致。Tab �称和��性�由现有 `PlatformHomeTab` / 登录�规则决定，样�调整�得改写 Tab 文案或导航状�。
 
diff --git a/server-rs/crates/shared-contracts/src/creation_entry_config.rs b/server-rs/crates/shared-contracts/src/creation_entry_config.rs
index 5f1cacad..03525884 100644
--- a/server-rs/crates/shared-contracts/src/creation_entry_config.rs
+++ b/server-rs/crates/shared-contracts/src/creation_entry_config.rs
@@ -102,6 +102,18 @@ pub const UNIFIED_CREATION_FIELD_KINDS: [&str; 4] = ["text", "select", "image",
 
 pub fn build_phase1_unified_creation_spec(play_id: &str) -> Option<UnifiedCreationSpecResponse> {
     let (workspace_stage, generation_stage, result_stage, fields) = match play_id {
+        "rpg" => (
+            "agent-workspace",
+            "custom-world-generating",
+            "custom-world-result",
+            vec![unified_creation_field("message", "text", "创作想法", true)],
+        ),
+        "big-fish" => (
+            "big-fish-agent-workspace",
+            "big-fish-generating",
+            "big-fish-result",
+            vec![unified_creation_field("message", "text", "玩法想法", true)],
+        ),
         "puzzle" => (
             "puzzle-agent-workspace",
             "puzzle-generating",
@@ -147,6 +159,62 @@ pub fn build_phase1_unified_creation_spec(play_id: &str) -> Option<UnifiedCreati
                 unified_creation_field("floatingWords", "text", "功德有什么", true),
             ],
         ),
+        "square-hole" => (
+            "square-hole-agent-workspace",
+            "square-hole-generating",
+            "square-hole-result",
+            vec![unified_creation_field("message", "text", "玩法想法", true)],
+        ),
+        "bark-battle" => (
+            "bark-battle-workspace",
+            "bark-battle-generating",
+            "bark-battle-result",
+            vec![
+                unified_creation_field("title", "text", "作�标题", true),
+                unified_creation_field("themeDescription", "text", "主题/场景�述", true),
+                unified_creation_field(
+                    "playerImageDescription",
+                    "text",
+                    "玩家形象�述",
+                    true,
+                ),
+                unified_creation_field(
+                    "opponentImageDescription",
+                    "text",
+                    "对手形象�述",
+                    true,
+                ),
+                unified_creation_field("onomatopoeia", "text", "拟声�", false),
+                unified_creation_field("difficultyPreset", "select", "难度", true),
+            ],
+        ),
+        "visual-novel" => (
+            "visual-novel-agent-workspace",
+            "visual-novel-generating",
+            "visual-novel-result",
+            vec![
+                unified_creation_field("ideaText", "text", "一��创作", true),
+                unified_creation_field("visualStyleId", "select", "视觉画风", true),
+            ],
+        ),
+        "baby-object-match" => (
+            "baby-object-match-workspace",
+            "baby-object-match-generating",
+            "baby-object-match-result",
+            vec![
+                unified_creation_field("itemAName", "text", "物� A", true),
+                unified_creation_field("itemBName", "text", "物� B", true),
+            ],
+        ),
+        "creative-agent" => (
+            "creative-agent-workspace",
+            "puzzle-generating",
+            "puzzle-result",
+            vec![
+                unified_creation_field("message", "text", "创作想法", true),
+                unified_creation_field("referenceImage", "image", "�考图", false),
+            ],
+        ),
         _ => return None,
     };
 
@@ -268,7 +336,7 @@ mod tests {
     use super::*;
 
     #[test]
-    fn phase1_unified_creation_specs_cover_four_templates() {
+    fn phase1_unified_creation_specs_cover_existing_templates() {
         let puzzle = build_phase1_unified_creation_spec("puzzle").expect("puzzle spec");
         assert_eq!(puzzle.fields[0].id, "pictureDescription");
         assert_eq!(puzzle.fields[1].kind, "image");
@@ -300,8 +368,25 @@ mod tests {
         let wooden_fish =
             build_phase1_unified_creation_spec("wooden-fish").expect("wooden-fish spec");
         assert!(wooden_fish.fields.iter().any(|field| field.kind == "audio"));
-        assert!(build_phase1_unified_creation_spec("visual-novel").is_none());
-        assert!(build_phase1_unified_creation_spec("bark-battle").is_none());
+
+        let visual_novel =
+            build_phase1_unified_creation_spec("visual-novel").expect("visual-novel spec");
+        assert_eq!(visual_novel.workspace_stage, "visual-novel-agent-workspace");
+
+        let bark_battle =
+            build_phase1_unified_creation_spec("bark-battle").expect("bark-battle spec");
+        assert_eq!(bark_battle.generation_stage, "bark-battle-generating");
+
+        let baby_object_match = build_phase1_unified_creation_spec("baby-object-match")
+            .expect("baby-object-match spec");
+        assert_eq!(
+            baby_object_match
+                .fields
+                .iter()
+                .filter(|field| field.kind == "text")
+                .count(),
+            2
+        );
     }
 
     #[test]
diff --git a/src/components/big-fish-creation/BigFishAgentWorkspace.tsx b/src/components/big-fish-creation/BigFishAgentWorkspace.tsx
index f6578817..c650a34f 100644
--- a/src/components/big-fish-creation/BigFishAgentWorkspace.tsx
+++ b/src/components/big-fish-creation/BigFishAgentWorkspace.tsx
@@ -26,6 +26,7 @@ type BigFishAgentWorkspaceProps = {
   onBack: () => void;
   onSubmitMessage: (payload: SendBigFishMessageRequest) => void;
   onExecuteAction: (payload: ExecuteBigFishActionRequest) => void;
+  showBackButton?: boolean;
 };
 
 const BIG_FISH_AGENT_THEME: CreationAgentTheme = {
@@ -87,6 +88,7 @@ export function BigFishAgentWorkspace({
   onBack,
   onSubmitMessage,
   onExecuteAction,
+  showBackButton = true,
 }: BigFishAgentWorkspaceProps) {
   return (
     <CreationAgentWorkspace
@@ -100,6 +102,7 @@ export function BigFishAgentWorkspace({
       isBusy={isBusy}
       error={error}
       quickActions={createCreationAgentChatQuickActions()}
+      showBackButton={showBackButton}
       onBack={onBack}
       onSubmitText={(text) => {
         onSubmitMessage(
diff --git a/src/components/creation-agent/CreationAgentWorkspace.test.tsx b/src/components/creation-agent/CreationAgentWorkspace.test.tsx
index b5c9b4b2..2ceaa232 100644
--- a/src/components/creation-agent/CreationAgentWorkspace.test.tsx
+++ b/src/components/creation-agent/CreationAgentWorkspace.test.tsx
@@ -359,7 +359,15 @@ test('creation agent workspace hides hero copy area when title and summary are a
   );
 
   expect(screen.queryByText('统一共创')).toBeNull();
-  expect(screen.getByText('创作进度')).toBeTruthy();
+  expect(screen.getByText('创作进度').className).toContain(
+    'creation-agent-hero__progress-label',
+  );
+  expect(screen.getByText('60%').className).toContain(
+    'creation-agent-hero__progress-value',
+  );
+  expect(screen.getByText(/方�已��形/u).className).toContain(
+    'creation-agent-hero__progress-hint',
+  );
 });
 
 test('creation agent workspace stops auto-follow when user scrolls away from bottom', () => {
diff --git a/src/components/creation-agent/CreationAgentWorkspace.tsx b/src/components/creation-agent/CreationAgentWorkspace.tsx
index 1bfa19e1..50c93d3d 100644
--- a/src/components/creation-agent/CreationAgentWorkspace.tsx
+++ b/src/components/creation-agent/CreationAgentWorkspace.tsx
@@ -78,6 +78,7 @@ type CreationAgentWorkspaceProps = {
   referenceImagePreviewSrc?: string | null;
   referenceImageLabel?: string | null;
   referenceImageError?: string | null;
+  showBackButton?: boolean;
   onBack: () => void;
   onSubmitText: (text: string, quickActionKey?: string) => void;
   onPrimaryAction: () => void;
@@ -299,6 +300,7 @@ export function CreationAgentWorkspace({
   referenceImagePreviewSrc = null,
   referenceImageLabel = null,
   referenceImageError = null,
+  showBackButton = true,
   onBack,
   onSubmitText,
   onPrimaryAction,
@@ -465,18 +467,22 @@ export function CreationAgentWorkspace({
   return (
     <div className="mx-auto flex h-full min-h-0 w-full max-w-6xl flex-col gap-3 overflow-hidden px-1 sm:px-0">
       <div
-        className={`relative overflow-hidden rounded-[1.8rem] px-4 py-4 text-white shadow-[0_20px_60px_rgba(15,23,42,0.18)] sm:px-5 ${theme.heroClass}`}
+        className={`creation-agent-hero relative overflow-hidden rounded-[1.8rem] px-4 py-4 text-white shadow-[0_20px_60px_rgba(15,23,42,0.18)] sm:px-5 ${theme.heroClass}`}
       >
         <div className="flex items-start justify-between gap-3">
-          <button
-            type="button"
-            aria-label="返回"
-            onClick={onBack}
-            disabled={isBusy}
-            className="inline-flex h-10 w-10 items-center justify-center rounded-full border border-white/16 bg-white/10 text-white/84 disabled:opacity-45"
-          >
-            <ArrowLeft className="h-4 w-4" />
-          </button>
+          {showBackButton ? (
+            <button
+              type="button"
+              aria-label="返回"
+              onClick={onBack}
+              disabled={isBusy}
+              className="creation-agent-hero__icon-button inline-flex h-10 w-10 items-center justify-center rounded-full border border-white/20 bg-white/10 text-white/80 disabled:opacity-45"
+            >
+              <ArrowLeft className="h-4 w-4" />
+            </button>
+          ) : (
+            <span aria-hidden="true" />
+          )}
           {canShowPrimaryAction ? (
             <button
               type="button"
@@ -498,7 +504,7 @@ export function CreationAgentWorkspace({
               </div>
             ) : null}
             {session.assistantSummary ? (
-              <div className="mt-2 max-w-2xl text-sm leading-6 text-white/76">
+              <div className="creation-agent-hero__summary mt-2 max-w-2xl text-sm leading-6 text-white/75">
                 {session.assistantSummary}
               </div>
             ) : null}
@@ -507,15 +513,15 @@ export function CreationAgentWorkspace({
 
         <div className={hasHeroCopy ? 'mt-4' : 'mt-6'}>
           <div className="mb-2 flex items-center justify-between gap-3">
-            <span className="text-xs font-semibold tracking-[0.14em] text-white/72">
+            <span className="creation-agent-hero__progress-label text-xs font-semibold tracking-[0.14em] text-white/75">
               创作进度
             </span>
-            <span className="text-sm font-semibold text-white/88">
+            <span className="creation-agent-hero__progress-value text-sm font-semibold text-white/90">
               {progress}%
             </span>
           </div>
           <div
-            className="h-2 overflow-hidden rounded-full bg-white/12"
+            className="creation-agent-hero__progress-track h-2 overflow-hidden rounded-full bg-white/20"
             role="progressbar"
             aria-valuemin={0}
             aria-valuemax={100}
@@ -526,7 +532,7 @@ export function CreationAgentWorkspace({
               style={{ width: progressFillWidth }}
             />
           </div>
-          <div className="mt-2 text-xs leading-5 text-white/64">
+          <div className="creation-agent-hero__progress-hint mt-2 text-xs leading-5 text-white/70">
             {resolveCreationAgentProgressHint(progress, progressCopy)}
           </div>
         </div>
@@ -539,7 +545,7 @@ export function CreationAgentWorkspace({
                 type="button"
                 disabled={isBusy}
                 onClick={() => onQuickAction?.(action)}
-                className="rounded-full border border-white/14 bg-white/10 px-3 py-1.5 text-xs font-semibold text-white/78 disabled:cursor-not-allowed disabled:opacity-45"
+                className="creation-agent-hero__quick-action rounded-full border border-white/20 bg-white/10 px-3 py-1.5 text-xs font-semibold text-white/80 disabled:cursor-not-allowed disabled:opacity-45"
               >
                 {action.label}
               </button>
@@ -582,7 +588,7 @@ export function CreationAgentWorkspace({
           </div>
 
           {referenceImagePreviewSrc ? (
-            <div className="mx-4 mb-3 flex items-center gap-3 rounded-[1rem] border border-[var(--platform-subpanel-border)] bg-white/72 px-3 py-2">
+            <div className="mx-4 mb-3 flex items-center gap-3 rounded-[1rem] border border-[var(--platform-subpanel-border)] bg-white/70 px-3 py-2">
               <div className="h-12 w-12 shrink-0 overflow-hidden rounded-[0.9rem] bg-[var(--platform-track-fill)]">
                 <img
                   src={referenceImagePreviewSrc}
diff --git a/src/components/creative-agent/CreativeAgentWorkspace.tsx b/src/components/creative-agent/CreativeAgentWorkspace.tsx
index 30d527aa..e54497c8 100644
--- a/src/components/creative-agent/CreativeAgentWorkspace.tsx
+++ b/src/components/creative-agent/CreativeAgentWorkspace.tsx
@@ -28,6 +28,7 @@ type CreativeAgentWorkspaceProps = {
   error: string | null;
   eventLog: CreativeAgentSseEvent[];
   onBack: () => void;
+  showBackButton?: boolean;
   onSubmitMessage: (payload: {
     clientMessageId: string;
     content: CreativeAgentInputPart[];
@@ -101,6 +102,7 @@ export function CreativeAgentWorkspace({
   error,
   eventLog,
   onBack,
+  showBackButton = true,
   onSubmitMessage,
   onConfirmTemplate,
   onCancelTemplate,
@@ -131,17 +133,21 @@ export function CreativeAgentWorkspace({
   return (
     <div className="platform-remap-surface mx-auto flex h-full min-h-0 w-full flex-col xl:max-w-[min(100%,88rem)] xl:px-1">
       <div className="mb-3 flex items-center justify-between gap-3">
-        <button
-          type="button"
-          onClick={onBack}
-          disabled={isBusy}
-          className={`platform-button platform-button--ghost min-h-0 px-3 py-1.5 text-[11px] ${isBusy ? 'opacity-45' : ''}`}
-        >
-          <span className="inline-flex items-center gap-1.5">
-            <ArrowLeft className="h-3.5 w-3.5" />
-            返回
-          </span>
-        </button>
+        {showBackButton ? (
+          <button
+            type="button"
+            onClick={onBack}
+            disabled={isBusy}
+            className={`platform-button platform-button--ghost min-h-0 px-3 py-1.5 text-[11px] ${isBusy ? 'opacity-45' : ''}`}
+          >
+            <span className="inline-flex items-center gap-1.5">
+              <ArrowLeft className="h-3.5 w-3.5" />
+              返回
+            </span>
+          </button>
+        ) : (
+          <span aria-hidden="true" />
+        )}
         <div className="platform-pill platform-pill--cool px-3 text-[11px]">
           {CREATIVE_AGENT_STAGE_LABEL[stage]}
         </div>
diff --git a/src/components/custom-world-agent/CustomWorldAgentWorkspace.tsx b/src/components/custom-world-agent/CustomWorldAgentWorkspace.tsx
index 542f6e83..c7a260d2 100644
--- a/src/components/custom-world-agent/CustomWorldAgentWorkspace.tsx
+++ b/src/components/custom-world-agent/CustomWorldAgentWorkspace.tsx
@@ -27,6 +27,7 @@ type CustomWorldAgentWorkspaceProps = {
   onBack: () => void;
   onSubmitMessage: (payload: SendCustomWorldAgentMessageRequest) => void;
   onExecuteAction: (payload: CustomWorldAgentActionRequest) => void;
+  showBackButton?: boolean;
 };
 
 const CUSTOM_WORLD_AGENT_THEME: CreationAgentTheme = {
@@ -164,6 +165,7 @@ export function CustomWorldAgentWorkspace({
   onBack,
   onSubmitMessage,
   onExecuteAction,
+  showBackButton = true,
 }: CustomWorldAgentWorkspaceProps) {
   const isBusy =
     isCreationAgentOperationBusy(activeOperation) || isStreamingReply;
@@ -194,6 +196,7 @@ export function CustomWorldAgentWorkspace({
       isStreamingReply={isStreamingReply}
       isBusy={isBusy}
       quickActions={createCreationAgentChatQuickActions()}
+      showBackButton={showBackButton}
       onBack={onBack}
       onSubmitText={(text) => {
         submitMessage(text);
diff --git a/src/components/custom-world-home/CustomWorldCreationHub.test.tsx b/src/components/custom-world-home/CustomWorldCreationHub.test.tsx
index 289dcbc7..43d0ebea 100644
--- a/src/components/custom-world-home/CustomWorldCreationHub.test.tsx
+++ b/src/components/custom-world-home/CustomWorldCreationHub.test.tsx
@@ -7,6 +7,11 @@ import { buildCreationWorkShelfItems } from './creationWorkShelf';
 import { CustomWorldCreationHub } from './CustomWorldCreationHub';
 
 const noopCreateType = () => {};
+const DAY_MS = 24 * 60 * 60 * 1000;
+
+function buildUpdatedAtDaysAgo(daysAgo: number) {
+  return new Date(Date.now() - daysAgo * DAY_MS).toISOString();
+}
 
 const testEntryConfig = {
   startCard: {
@@ -90,6 +95,20 @@ const testEntryConfig = {
       categorySortOrder: 20,
       updatedAtMicros: 1,
     },
+    {
+      id: 'jump-hop',
+      title: '跳一跳',
+      subtitle: '节�跳跃挑战',
+      badge: '�创建',
+      imageSrc: '/creation-type-references/jump-hop.webp',
+      visible: true,
+      open: true,
+      sortOrder: 45,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
+      updatedAtMicros: 1,
+    },
     {
       id: 'square-hole',
       title: '方洞',
@@ -285,7 +304,7 @@ test('creation start card renders html banner in an empty-permission sandbox', (
   expect(html).toContain('&lt;section&gt;&lt;h1&gt;自定义横幅&lt;/h1&gt;&lt;/section&gt;');
 });
 
-test('creation start card renders recent tab from real shelf summaries', () => {
+test('creation start card renders recent tab with the same template cards', () => {
   const html = renderToStaticMarkup(
     <CustomWorldCreationHub
       items={[
@@ -297,7 +316,7 @@ test('creation start card renders recent tab from real shelf summaries', () => {
           subtitle: '待完善�稿',
           summary: '这�内容�自作�架摘�。',
           coverImageSrc: null,
-          updatedAt: new Date('2026-06-01T12:00:00.000Z').toISOString(),
+          updatedAt: buildUpdatedAtDaysAgo(1),
           publishedAt: null,
           stage: 'clarifying',
           stageLabel: '待完善�稿',
@@ -317,7 +336,6 @@ test('creation start card renders recent tab from real shelf summaries', () => {
       onEnterPublished={() => {}}
       entryConfig={testEntryConfig}
       creationTypes={testCreationTypes}
-      getWorkState={() => ({ isGenerating: true })}
       mode="start-only"
     />,
   );
@@ -325,12 +343,16 @@ test('creation start card renders recent tab from real shelf summaries', () => {
   expect(html).toContain('aria-label="创作入�页签"');
   expect(html).toContain('role="tab"');
   expect(html).toContain('aria-selected="true"');
-  expect(html).toContain('creation-recent-work-grid');
-  expect(html).toContain('aria-label="打开最近创作 1"');
+  expect(html).toContain('creation-template-list__grid');
+  expect(html).toContain('creation-template-card');
   expect(html).toContain('最近创作');
-  expect(html).toContain('�端返回的最近�稿');
-  expect(html).toContain('这�内容�自作�架摘�');
-  expect(html).toContain('生�中');
+  expect(html).toContain('仅显示最近7天内使用过的模�');
+  expect(html).toContain('文字冒险');
+  expect(html).toContain('�典 RPG 体验');
+  expect(html).not.toContain('creation-recent-work-grid');
+  expect(html).not.toContain('打开最近创作');
+  expect(html).not.toContain('�端返回的最近�稿');
+  expect(html).not.toContain('这�内容�自作�架摘�');
 });
 
 test('creation start card prefers backend recent summaries over local pending placeholders', () => {
@@ -344,7 +366,7 @@ test('creation start card prefers backend recent summaries over local pending pl
         subtitle: '真实作�架摘�',
         summary: '最近创作应该�读��端摘�。',
         coverImageSrc: null,
-        updatedAt: new Date('2026-06-03T12:00:00.000Z').toISOString(),
+        updatedAt: buildUpdatedAtDaysAgo(1),
         publishedAt: null,
         stage: 'failed',
         stageLabel: '生�失败',
@@ -370,7 +392,7 @@ test('creation start card prefers backend recent summaries over local pending pl
           subtitle: '本地��',
           summary: '这����应该进入最近创作。',
           coverImageSrc: null,
-          updatedAt: new Date('2026-06-04T12:00:00.000Z').toISOString(),
+          updatedAt: buildUpdatedAtDaysAgo(0),
           publishedAt: null,
           stage: 'generating',
           stageLabel: '生�中',
@@ -396,12 +418,56 @@ test('creation start card prefers backend recent summaries over local pending pl
   );
 
   expect(html).toContain('最近创作');
-  expect(html).toContain('�端最近�稿');
-  expect(html).toContain('最近创作应该�读��端摘�');
+  expect(html).toContain('文字冒险');
+  expect(html).toContain('�典 RPG 体验');
+  expect(html).not.toContain('�端最近�稿');
+  expect(html).not.toContain('最近创作应该�读��端摘�');
   expect(html).not.toContain('本地生�中��');
 });
 
-test('creation start card marks backend jump-hop generating draft in recent tab', () => {
+test('creation start card excludes works older than the recent window', () => {
+  const html = renderToStaticMarkup(
+    <CustomWorldCreationHub
+      items={[
+        {
+          workId: 'draft:old-session',
+          sourceType: 'agent_session',
+          status: 'draft',
+          title: '八天�的�稿',
+          subtitle: '旧�稿',
+          summary: '这��稿已�超过最近创作期�。',
+          coverImageSrc: null,
+          updatedAt: buildUpdatedAtDaysAgo(8),
+          publishedAt: null,
+          stage: 'clarifying',
+          stageLabel: '待完善�稿',
+          playableNpcCount: 0,
+          landmarkCount: 0,
+          sessionId: 'old-session',
+          profileId: null,
+          canResume: true,
+          canEnterWorld: false,
+        },
+      ]}
+      loading={false}
+      error={null}
+      onRetry={() => {}}
+      onCreateType={noopCreateType}
+      onOpenDraft={() => {}}
+      onEnterPublished={() => {}}
+      entryConfig={testEntryConfig}
+      creationTypes={testCreationTypes}
+      mode="start-only"
+    />,
+  );
+
+  expect(html).not.toContain('最近创作');
+  expect(html).not.toContain('仅显示最近7天内使用过的模�');
+  expect(html).not.toContain('八天�的�稿');
+  expect(html).not.toContain('这��稿已�超过最近创作期�');
+});
+
+test('creation start card maps backend jump-hop draft to template card', () => {
   const html = renderToStaticMarkup(
     <CustomWorldCreationHub
       items={[]}
@@ -420,7 +486,7 @@ test('creation start card marks backend jump-hop generating draft in recent tab'
           coverImageSrc: null,
           publicationStatus: 'draft',
           playCount: 0,
-          updatedAt: new Date('2026-06-03T13:00:00.000Z').toISOString(),
+          updatedAt: buildUpdatedAtDaysAgo(1),
           publishedAt: null,
           publishReady: false,
           generationStatus: 'generating',
@@ -440,9 +506,11 @@ test('creation start card marks backend jump-hop generating draft in recent tab'
   );
 
   expect(html).toContain('最近创作');
-  expect(html).toContain('跳一跳生��稿');
-  expect(html).toContain('�端�在生�跳一跳玩法');
-  expect(html).toContain('生�中');
+  expect(html).toContain('跳一跳');
+  expect(html).toContain('节�跳跃挑战');
+  expect(html).toContain('creation-template-card');
+  expect(html).not.toContain('跳一跳生��稿');
+  expect(html).not.toContain('�端�在生�跳一跳玩法');
 });
 
 test('creation start card includes failed drafts in the recent tab', () => {
@@ -457,7 +525,7 @@ test('creation start card includes failed drafts in the recent tab', () => {
           subtitle: '生�失败',
           summary: '失败�稿也�自真实作�架摘�。',
           coverImageSrc: null,
-          updatedAt: new Date('2026-06-02T12:00:00.000Z').toISOString(),
+          updatedAt: buildUpdatedAtDaysAgo(1),
           publishedAt: null,
           stage: 'failed',
           stageLabel: '生�失败',
@@ -482,13 +550,15 @@ test('creation start card includes failed drafts in the recent tab', () => {
   );
 
   expect(html).toContain('最近创作');
-  expect(html).toContain('creation-recent-work-grid');
-  expect(html).toContain('失败但����的�稿');
-  expect(html).toContain('失败�稿也�自真实作�架摘�');
-  expect(html).toContain('生�失败');
+  expect(html).toContain('creation-template-list__grid');
+  expect(html).toContain('文字冒险');
+  expect(html).toContain('�典 RPG 体验');
+  expect(html).not.toContain('creation-recent-work-grid');
+  expect(html).not.toContain('失败但����的�稿');
+  expect(html).not.toContain('失败�稿也�自真实作�架摘�');
 });
 
-test('creation start card maps failed mini-game drafts into recent status labels', () => {
+test('creation start card maps failed mini-game drafts into recent template cards', () => {
   const html = renderToStaticMarkup(
     <CustomWorldCreationHub
       items={[]}
@@ -514,7 +584,7 @@ test('creation start card maps failed mini-game drafts into recent status labels
           difficulty: 1,
           publicationStatus: 'draft',
           playCount: 0,
-          updatedAt: '2026-06-02T13:00:00.000Z',
+          updatedAt: buildUpdatedAtDaysAgo(1),
           publishedAt: null,
           publishReady: false,
           generationStatus: 'failed',
@@ -525,9 +595,11 @@ test('creation start card maps failed mini-game drafts into recent status labels
   );
 
   expect(html).toContain('最近创作');
-  expect(html).toContain('失败抓大鹅�稿');
-  expect(html).toContain('失败的�玩法�稿也应该进入最近创作。');
-  expect(html).toContain('生�失败');
+  expect(html).toContain('抓大鹅');
+  expect(html).toContain('3D 消除关�');
+  expect(html).toContain('creation-template-card');
+  expect(html).not.toContain('失败抓大鹅�稿');
+  expect(html).not.toContain('失败的�玩法�稿也应该进入最近创作。');
 });
 
 test('creation start card keeps typography in compact UI scale', () => {
diff --git a/src/components/custom-world-home/CustomWorldCreationHub.tsx b/src/components/custom-world-home/CustomWorldCreationHub.tsx
index 425a427e..971a8f31 100644
--- a/src/components/custom-world-home/CustomWorldCreationHub.tsx
+++ b/src/components/custom-world-home/CustomWorldCreationHub.tsx
@@ -20,13 +20,13 @@ import type {
 import { isPlatformCreationTypeVisible } from '../platform-entry/platformEntryCreationTypes';
 import {
   buildCreationWorkShelfItems,
+  getCreationWorkShelfItemTime,
   type CreationWorkShelfItem,
   type CreationWorkShelfMetricId,
   type CreationWorkShelfRuntimeState,
 } from './creationWorkShelf';
 import {
   CustomWorldCreationStartCard,
-  type CreationEntryRecentWorkCard,
 } from './CustomWorldCreationStartCard';
 import { CustomWorldWorkCard } from './CustomWorldWorkCard';
 import {
@@ -37,6 +37,9 @@ import {
 const WORK_GRID_CLASS =
   'creation-work-list grid min-w-0 gap-3 sm:gap-3.5 xl:gap-4';
 const WORK_METRIC_CACHE_KEY = 'genarrative.creationHub.publishedMetrics.v1';
+const RECENT_CREATION_WINDOW_DAYS = 7;
+const RECENT_CREATION_WINDOW_MS =
+  RECENT_CREATION_WINDOW_DAYS * 24 * 60 * 60 * 1000;
 
 type WorkMetricSnapshot = Record<
   string,
@@ -92,7 +95,7 @@ type CustomWorldCreationHubProps = {
     item: CreationWorkShelfItem,
   ) => CreationWorkShelfRuntimeState | null;
   onOpenShelfItem?: (item: CreationWorkShelfItem) => void;
-  // 中文注释：底部加�入�的最近创作�传入�端作�架摘�，��混入本地 pending ��。
+  // 中文注释：底部加�入��传入�端作�架摘�，用于推导最近使用过的模�。
   recentWorkItems?: CreationWorkShelfItem[];
   mode?: 'full' | 'start-only' | 'works-only';
 };
@@ -160,35 +163,7 @@ function writeWorkMetricSnapshot(items: CreationWorkShelfItem[]) {
   }
 }
 
-/** 格�化入�页最近创作状�，失败�稿和生�中�稿都�留真实�端摘�语义。 */
-function formatRecentWorkStatusLabel(item: CreationWorkShelfItem) {
-  if (item.isGenerating) {
-    return '生�中';
-  }
-
-  if (item.status === 'published') {
-    return '已�布';
-  }
-
-  switch (item.source.kind) {
-    case 'rpg':
-      return item.source.item.stageLabel?.trim() || '�稿';
-    case 'match3d':
-    case 'jump-hop':
-    case 'wooden-fish':
-      return item.source.item.generationStatus === 'failed'
-        ? '生�失败'
-        : '�稿';
-    case 'bark-battle':
-      return item.source.item.generationStatus === 'partial_failed'
-        ? '生�失败'
-        : '�稿';
-    default:
-      return '�稿';
-  }
-}
-
-/** 渲染底部加�创作入�页与�稿作�架，入�页最近创作��自�端作�摘�。 */
+/** 渲染底部加�创作入�页与�稿作�架，最近创作�用最近使用过的模�入�。 */
 export function CustomWorldCreationHub({
   items,
   loading,
@@ -348,19 +323,21 @@ export function CustomWorldCreationHub({
       ),
     [activeFilter, shelfItems],
   );
-  // 中文注释：最近创作��自作�架摘�；平�入�会传入��本地 pending ��的�端摘�。
+  // 中文注释：最近创作�� 7 天内作�架摘�，�推导模� ID �用模�入��片。
+  const recentCreationCutoffMs = Date.now() - RECENT_CREATION_WINDOW_MS;
   const recentWorkItems =
     mode === 'start-only'
-      ? (recentWorkSourceItems ?? shelfItems).slice(0, 4)
+      ? (recentWorkSourceItems ?? shelfItems)
+          .filter(
+            (item) =>
+              getCreationWorkShelfItemTime(item.updatedAt) >=
+              recentCreationCutoffMs,
+          )
+          .slice(0, 4)
       : [];
-  const recentWorkCards: CreationEntryRecentWorkCard[] = recentWorkItems.map(
-    (item) => ({
-      id: `${item.kind}:${item.id}`,
-      title: item.title,
-      summary: item.summary,
-      statusLabel: formatRecentWorkStatusLabel(item),
-    }),
-  );
+  const recentCreationTypeIds = [
+    ...new Set(recentWorkItems.map((item) => item.kind)),
+  ];
 
   function handleOpenShelfItem(item: CreationWorkShelfItem) {
     onOpenShelfItem?.(item);
@@ -427,14 +404,9 @@ export function CustomWorldCreationHub({
             busy={createBusy}
             entryConfig={entryConfig}
             creationTypes={creationTypes}
-            recentWorks={recentWorkCards}
+            recentCreationTypeIds={recentCreationTypeIds}
+            recentWindowDays={RECENT_CREATION_WINDOW_DAYS}
             onCreateType={onCreateType}
-            onOpenRecentWork={(index) => {
-              const item = recentWorkItems[index];
-              if (item) {
-                handleOpenShelfItem(item);
-              }
-            }}
           />
         ) : null}
 
diff --git a/src/components/custom-world-home/CustomWorldCreationStartCard.tsx b/src/components/custom-world-home/CustomWorldCreationStartCard.tsx
index 0b1db6e2..4b423f45 100644
--- a/src/components/custom-world-home/CustomWorldCreationStartCard.tsx
+++ b/src/components/custom-world-home/CustomWorldCreationStartCard.tsx
@@ -11,14 +11,14 @@ import {
   type PlatformCreationTypeId,
 } from '../platform-entry/platformEntryCreationTypes';
 
-/** 底部加�创作入�页的渲染�数，最近创作�接�作�架真实摘�。 */
+/** 底部加�创作入�页的渲染�数，最近创作用作�架摘�推导模�入�。 */
 type CustomWorldCreationStartCardProps = {
   busy?: boolean;
   entryConfig: CreationEntryConfig;
   creationTypes: readonly PlatformCreationTypeCard[];
-  recentWorks?: readonly CreationEntryRecentWorkCard[];
+  recentCreationTypeIds?: readonly PlatformCreationTypeId[];
+  recentWindowDays?: number;
   onCreateType: (type: PlatformCreationTypeId) => void;
-  onOpenRecentWork?: (index: number) => void;
 };
 
 /** 创作入�公告�兼容结构化和 HTML 两����置。 */
@@ -26,14 +26,6 @@ type CreationEventBannerCard = CreationEntryEventBannerConfig;
 const CREATION_ENTRY_BANNER_AUTOPLAY_MS = 4200;
 const CREATION_ENTRY_RECENT_TAB_ID = '__recent_creation__';
 
-/** 底部加�创作入�页最近创作页签的展示数�，��自�端作�架摘�。 */
-export type CreationEntryRecentWorkCard = {
-  id: string;
-  title: string;
-  summary: string;
-  statusLabel: string;
-};
-
 /** 判断模� badge 是�需�展示，普通�创建���外�用�片空间。 */
 function shouldShowCreationBadge(badge: string) {
   const normalizedBadge = badge.trim();
@@ -84,29 +76,41 @@ export function CustomWorldCreationStartCard({
   busy = false,
   entryConfig,
   creationTypes,
-  recentWorks = [],
+  recentCreationTypeIds = [],
+  recentWindowDays = 7,
   onCreateType,
-  onOpenRecentWork,
 }: CustomWorldCreationStartCardProps) {
   const creationTypeGroups = useMemo(
     () => groupVisiblePlatformCreationTypes(creationTypes),
     [creationTypes],
   );
+  const recentCreationTypes = useMemo(() => {
+    const creationTypeById = new Map(
+      creationTypes
+        .filter((item) => !item.hidden)
+        .map((item) => [item.id, item] as const),
+    );
+    return [...new Set(recentCreationTypeIds)]
+      .map((id) => creationTypeById.get(id))
+      .filter((item): item is PlatformCreationTypeCard => Boolean(item));
+  }, [creationTypes, recentCreationTypeIds]);
   const [activeCategoryId, setActiveCategoryId] = useState<string | null>(null);
-  const hasRecentWorks = recentWorks.length > 0;
+  const hasRecentCreationTypes = recentCreationTypes.length > 0;
   const activeTabId =
     activeCategoryId ??
-    (hasRecentWorks
+    (hasRecentCreationTypes
       ? CREATION_ENTRY_RECENT_TAB_ID
       : creationTypeGroups[0]?.id ?? null);
   const isRecentTabActive =
-    hasRecentWorks && activeTabId === CREATION_ENTRY_RECENT_TAB_ID;
+    hasRecentCreationTypes && activeTabId === CREATION_ENTRY_RECENT_TAB_ID;
   const activeGroup = isRecentTabActive
     ? null
     : creationTypeGroups.find((group) => group.id === activeTabId) ??
       creationTypeGroups[0] ??
       null;
-  const visibleCreationTypes = activeGroup?.items ?? [];
+  const visibleCreationTypes = isRecentTabActive
+    ? recentCreationTypes
+    : activeGroup?.items ?? [];
   const eventBanners = useMemo(
     () => resolveCreationEntryEventBanners(entryConfig),
     [entryConfig],
@@ -119,14 +123,14 @@ export function CustomWorldCreationStartCard({
   }, [eventBanners.length]);
 
   useEffect(() => {
-    if (hasRecentWorks) {
+    if (hasRecentCreationTypes) {
       return;
     }
 
     setActiveCategoryId((currentId) =>
       currentId === CREATION_ENTRY_RECENT_TAB_ID ? null : currentId,
     );
-  }, [hasRecentWorks]);
+  }, [hasRecentCreationTypes]);
 
   useEffect(() => {
     if (eventBanners.length <= 1) {
@@ -263,7 +267,7 @@ export function CustomWorldCreationStartCard({
           role="tablist"
           aria-label="创作入�页签"
         >
-          {hasRecentWorks ? (
+          {hasRecentCreationTypes ? (
             <button
               type="button"
               role="tab"
@@ -306,77 +310,59 @@ export function CustomWorldCreationStartCard({
         </div>
 
         {isRecentTabActive ? (
-          <div className="creation-recent-work-grid mt-2 grid grid-cols-2 gap-2 sm:mt-3 sm:gap-3">
-            {recentWorks.map((item, index) => (
+          <div className="creation-template-list__recent-window mt-2 text-[11px] font-bold leading-4 text-[#8b6654] sm:text-xs">
+            仅显示最近{recentWindowDays}天内使用过的模�
+          </div>
+        ) : null}
+
+        <div className="creation-template-list__grid mt-2 grid grid-cols-2 gap-2 sm:mt-3 sm:gap-3">
+          {visibleCreationTypes.map((item) => {
+            const disabled = item.locked || busy;
+
+            return (
               <button
                 key={item.id}
                 type="button"
-                aria-label={`打开最近创作 ${index + 1}`}
-                className="creation-recent-work-card min-h-[7.5rem] rounded-[1rem] border border-[#eadbd3] bg-white p-3 text-left shadow-[0_10px_22px_rgba(174,111,73,0.1)]"
-                onClick={() => onOpenRecentWork?.(index)}
+                disabled={disabled}
+                onClick={() => {
+                  onCreateType(item.id);
+                }}
+                className={`creation-template-card platform-interactive-card relative flex min-h-[12.5rem] flex-col overflow-hidden rounded-[1rem] border bg-white p-0 text-left transition sm:min-h-[15rem] sm:rounded-[1.2rem] ${
+                  item.locked
+                    ? 'cursor-not-allowed border-[#eadbd3] text-[#725b4d] opacity-72'
+                    : 'border-[#eadbd3] text-[#2f211b] hover:border-[#dc9a72] hover:shadow-[0_16px_34px_rgba(174,111,73,0.14)]'
+                } ${busy && !item.locked ? 'opacity-70' : ''}`}
               >
-                <div className="line-clamp-1 text-sm font-black text-[#2f211b]">
-                  {item.title}
+                <div className="creation-template-card__media relative aspect-[1.32/1] w-full overflow-hidden bg-[#f7ebe3]">
+                  <img
+                    src={item.imageSrc}
+                    alt=""
+                    className="h-full w-full object-cover"
+                    loading="lazy"
+                  />
+                  {shouldShowCreationBadge(item.badge) ? (
+                    <span className="absolute left-2 top-2 max-w-[calc(100%-1rem)] rounded-full bg-[#b66a3e] px-2 py-0.5 text-xs font-black text-white shadow-sm sm:left-3 sm:top-3 sm:px-2.5 sm:py-1">
+                      {item.badge}
+                    </span>
+                  ) : null}
+                  <span className="creation-template-card__cost-badge absolute bottom-2 right-2 inline-flex max-w-[calc(100%-1rem)] items-center gap-1 rounded-full bg-[#fff7ec]/92 px-2 py-1 text-[11px] font-black leading-4 text-[#b65f2c] shadow-[0_8px_18px_rgba(119,72,44,0.16)]">
+                    <Coins className="h-3 w-3 shrink-0" />
+                    <span className="truncate">10-20泥点数</span>
+                  </span>
                 </div>
-                <div className="mt-1 line-clamp-3 text-xs font-semibold leading-4 text-[#6f5a4c]">
-                  {item.summary}
-                </div>
-                <div className="mt-2 text-[11px] font-bold text-[#b65f2c]">
-                  {item.statusLabel}
+
+                <div className="creation-template-card__body flex min-h-[4.6rem] flex-1 flex-col bg-white px-2.5 pb-2.5 pt-2.5 text-[#2f211b] sm:min-h-[5.4rem] sm:px-3.5 sm:pb-3.5">
+                  <div className="creation-template-card__title line-clamp-1 text-sm font-black leading-5 text-[#2f211b]">
+                    {item.title}
+                  </div>
+                  <div className="creation-template-card__subtitle mt-1 line-clamp-2 text-xs font-semibold leading-4 text-[#6f5a4c] sm:leading-5">
+                    {item.subtitle}
+                  </div>
                 </div>
               </button>
-            ))}
-          </div>
-        ) : (
-          <div className="creation-template-list__grid mt-2 grid grid-cols-2 gap-2 sm:mt-3 sm:gap-3">
-            {visibleCreationTypes.map((item) => {
-              const disabled = item.locked || busy;
-
-              return (
-                <button
-                  key={item.id}
-                  type="button"
-                  disabled={disabled}
-                  onClick={() => {
-                    onCreateType(item.id);
-                  }}
-                  className={`creation-template-card platform-interactive-card relative flex min-h-[12.5rem] flex-col overflow-hidden rounded-[1rem] border bg-white p-0 text-left transition sm:min-h-[15rem] sm:rounded-[1.2rem] ${
-                    item.locked
-                      ? 'cursor-not-allowed border-[#eadbd3] text-[#725b4d] opacity-72'
-                      : 'border-[#eadbd3] text-[#2f211b] hover:border-[#dc9a72] hover:shadow-[0_16px_34px_rgba(174,111,73,0.14)]'
-                  } ${busy && !item.locked ? 'opacity-70' : ''}`}
-                >
-                  <div className="creation-template-card__media relative aspect-[1.32/1] w-full overflow-hidden bg-[#f7ebe3]">
-                    <img
-                      src={item.imageSrc}
-                      alt=""
-                      className="h-full w-full object-cover"
-                      loading="lazy"
-                    />
-                    {shouldShowCreationBadge(item.badge) ? (
-                      <span className="absolute left-2 top-2 max-w-[calc(100%-1rem)] rounded-full bg-[#b66a3e] px-2 py-0.5 text-xs font-black text-white shadow-sm sm:left-3 sm:top-3 sm:px-2.5 sm:py-1">
-                        {item.badge}
-                      </span>
-                    ) : null}
-                    <span className="creation-template-card__cost-badge absolute bottom-2 right-2 inline-flex max-w-[calc(100%-1rem)] items-center gap-1 rounded-full bg-[#fff7ec]/92 px-2 py-1 text-[11px] font-black leading-4 text-[#b65f2c] shadow-[0_8px_18px_rgba(119,72,44,0.16)]">
-                      <Coins className="h-3 w-3 shrink-0" />
-                      <span className="truncate">10-20泥点数</span>
-                    </span>
-                  </div>
-
-                  <div className="creation-template-card__body flex min-h-[4.6rem] flex-1 flex-col bg-white px-2.5 pb-2.5 pt-2.5 text-[#2f211b] sm:min-h-[5.4rem] sm:px-3.5 sm:pb-3.5">
-                    <div className="creation-template-card__title line-clamp-1 text-sm font-black leading-5 text-[#2f211b]">
-                      {item.title}
-                    </div>
-                    <div className="creation-template-card__subtitle mt-1 line-clamp-2 text-xs font-semibold leading-4 text-[#6f5a4c] sm:leading-5">
-                      {item.subtitle}
-                    </div>
-                  </div>
-                </button>
-              );
-            })}
-          </div>
-        )}
+            );
+          })}
+        </div>
       </section>
     </div>
   );
diff --git a/src/components/custom-world-home/creationWorkShelf.ts b/src/components/custom-world-home/creationWorkShelf.ts
index 600694a2..1b12420f 100644
--- a/src/components/custom-world-home/creationWorkShelf.ts
+++ b/src/components/custom-world-home/creationWorkShelf.ts
@@ -1113,7 +1113,7 @@ function isPersistedCreationWorkGenerating(item: CreationWorkShelfItem) {
     case 'match3d':
       return item.source.item.generationStatus === 'generating';
     case 'jump-hop':
-      // 中文注释：跳一跳�端生�中�稿也��步到作�架与最近创作状�。
+      // 中文注释：跳一跳�端生�中�稿也��步到作�架，并�与最近模�推导。
       return item.source.item.generationStatus === 'generating';
     case 'puzzle':
       return isPersistedPuzzleDraftGenerating(item.source.item);
diff --git a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
index ba98a989..b305027c 100644
--- a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
+++ b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
@@ -222,7 +222,11 @@ import {
   type MiniGameDraftGenerationState,
 } from '../../services/miniGameDraftGenerationProgress';
 import { getPlatformProfileDashboard } from '../../services/platform-entry/platformProfileClient';
-import { getUnifiedCreationSpec } from '../unified-creation/unifiedCreationSpecs';
+import { UnifiedCreationPage } from '../unified-creation/UnifiedCreationPage';
+import {
+  getUnifiedCreationSpec,
+  type UnifiedCreationPlayId,
+} from '../unified-creation/unifiedCreationSpecs';
 import {
   buildBabyObjectMatchPublicWorkCode,
   buildBarkBattlePublicWorkCode,
@@ -3825,6 +3829,11 @@ export function PlatformEntryFlowShellImpl({
     const entries = creationEntryConfig?.creationTypes ?? [];
     return new Map(entries.map((entry) => [entry.id, entry]));
   }, [creationEntryConfig]);
+  const getUnifiedSpec = useCallback(
+    (playId: UnifiedCreationPlayId) =>
+      getUnifiedCreationSpec(playId, unifiedCreationConfigById.get(playId)),
+    [unifiedCreationConfigById],
+  );
   const isBigFishCreationVisible = isPlatformCreationTypeVisible(
     creationEntryTypes,
     'big-fish',
@@ -16614,30 +16623,42 @@ export function PlatformEntryFlowShellImpl({
                 <LazyPanelFallback label="正在加载 Agent 共创工作区..." />
               }
             >
-              {sessionController.agentSession ? (
-                <CustomWorldAgentWorkspace
-                  session={sessionController.agentSession}
-                  activeOperation={sessionController.agentOperation}
-                  streamingReplyText={sessionController.streamingAgentReplyText}
-                  isStreamingReply={sessionController.isStreamingAgentReply}
-                  onBack={leaveAgentWorkspace}
-                  onSubmitMessage={(payload) => {
-                    void sessionController.submitAgentMessage(payload);
-                  }}
-                  onExecuteAction={(payload) => {
-                    void sessionController.executeAgentAction(payload);
-                  }}
-                />
-              ) : (
-                <div className="flex h-full items-center justify-center">
-                  <div className="platform-subpanel rounded-2xl px-5 py-4 text-sm text-[var(--platform-text-base)]">
-                    {sessionController.isLoadingAgentSession
-                      ? '正在准备 Agent 共创工作区...'
-                      : sessionController.agentWorkspaceRestoreError ||
-                        '正在��创作工作区...'}
+              <UnifiedCreationPage
+                spec={getUnifiedSpec('rpg')}
+                onBack={leaveAgentWorkspace}
+                isBackDisabled={
+                  sessionController.isStreamingAgentReply ||
+                  Boolean(sessionController.agentOperation)
+                }
+              >
+                {sessionController.agentSession ? (
+                  <CustomWorldAgentWorkspace
+                    session={sessionController.agentSession}
+                    activeOperation={sessionController.agentOperation}
+                    streamingReplyText={
+                      sessionController.streamingAgentReplyText
+                    }
+                    isStreamingReply={sessionController.isStreamingAgentReply}
+                    onBack={leaveAgentWorkspace}
+                    showBackButton={false}
+                    onSubmitMessage={(payload) => {
+                      void sessionController.submitAgentMessage(payload);
+                    }}
+                    onExecuteAction={(payload) => {
+                      void sessionController.executeAgentAction(payload);
+                    }}
+                  />
+                ) : (
+                  <div className="flex h-full items-center justify-center">
+                    <div className="platform-subpanel rounded-2xl px-5 py-4 text-sm text-[var(--platform-text-base)]">
+                      {sessionController.isLoadingAgentSession
+                        ? '正在准备 Agent 共创工作区...'
+                        : sessionController.agentWorkspaceRestoreError ||
+                          '正在��创作工作区...'}
+                    </div>
                   </div>
-                </div>
-              )}
+                )}
+              </UnifiedCreationPage>
             </Suspense>
           </motion.div>
         )}
@@ -16655,20 +16676,27 @@ export function PlatformEntryFlowShellImpl({
                 <LazyPanelFallback label="正在加载大鱼��鱼共创工作区..." />
               }
             >
-              <BigFishAgentWorkspace
-                session={bigFishSession}
-                streamingReplyText={streamingBigFishReplyText}
-                isStreamingReply={isStreamingBigFishReply}
-                isBusy={isBigFishBusy || isStreamingBigFishReply}
-                error={bigFishError}
+              <UnifiedCreationPage
+                spec={getUnifiedSpec('big-fish')}
                 onBack={leaveBigFishFlow}
-                onSubmitMessage={(payload) => {
-                  void submitBigFishMessage(payload);
-                }}
-                onExecuteAction={(payload) => {
-                  void executeBigFishAction(payload);
-                }}
-              />
+                isBackDisabled={isBigFishBusy || isStreamingBigFishReply}
+              >
+                <BigFishAgentWorkspace
+                  session={bigFishSession}
+                  streamingReplyText={streamingBigFishReplyText}
+                  isStreamingReply={isStreamingBigFishReply}
+                  isBusy={isBigFishBusy || isStreamingBigFishReply}
+                  error={bigFishError}
+                  onBack={leaveBigFishFlow}
+                  showBackButton={false}
+                  onSubmitMessage={(payload) => {
+                    void submitBigFishMessage(payload);
+                  }}
+                  onExecuteAction={(payload) => {
+                    void executeBigFishAction(payload);
+                  }}
+                />
+              </UnifiedCreationPage>
             </Suspense>
           </motion.div>
         )}
@@ -16807,10 +16835,7 @@ export function PlatformEntryFlowShellImpl({
             >
               <UnifiedCreationWorkspace
                 playId="match3d"
-                spec={getUnifiedCreationSpec(
-                  'match3d',
-                  unifiedCreationConfigById.get('match3d'),
-                )}
+                spec={getUnifiedSpec('match3d')}
                 session={match3dSession}
                 isBusy={isStreamingMatch3DReply}
                 error={match3dError}
@@ -17058,15 +17083,23 @@ export function PlatformEntryFlowShellImpl({
             <Suspense
               fallback={<LazyPanelFallback label="正在加载��识物创作..." />}
             >
-              <BabyObjectMatchWorkspace
-                isBusy={isBabyObjectMatchBusy}
-                error={babyObjectMatchError}
+              <UnifiedCreationPage
+                spec={getUnifiedSpec('baby-object-match')}
                 onBack={leaveBabyObjectMatchFlow}
-                initialPayload={babyObjectMatchFormPayload}
-                onCreateDraft={(payload) => {
-                  void createBabyObjectMatchDraftFromForm(payload);
-                }}
-              />
+                isBackDisabled={isBabyObjectMatchBusy}
+              >
+                <BabyObjectMatchWorkspace
+                  isBusy={isBabyObjectMatchBusy}
+                  error={babyObjectMatchError}
+                  onBack={leaveBabyObjectMatchFlow}
+                  showBackButton={false}
+                  title={null}
+                  initialPayload={babyObjectMatchFormPayload}
+                  onCreateDraft={(payload) => {
+                    void createBabyObjectMatchDraftFromForm(payload);
+                  }}
+                />
+              </UnifiedCreationPage>
             </Suspense>
           </motion.div>
         )}
@@ -17219,14 +17252,22 @@ export function PlatformEntryFlowShellImpl({
             <Suspense
               fallback={<LazyPanelFallback label="正在加载汪汪声浪创作..." />}
             >
-              <BarkBattleConfigEditor
-                isBusy={isBarkBattleBusy}
-                error={barkBattleError}
+              <UnifiedCreationPage
+                spec={getUnifiedSpec('bark-battle')}
                 onBack={leaveBarkBattleFlow}
-                onPreview={(payload) => {
-                  void createBarkBattleGeneratingDraft(payload);
-                }}
-              />
+                isBackDisabled={isBarkBattleBusy}
+              >
+                <BarkBattleConfigEditor
+                  isBusy={isBarkBattleBusy}
+                  error={barkBattleError}
+                  onBack={leaveBarkBattleFlow}
+                  showBackButton={false}
+                  title={null}
+                  onPreview={(payload) => {
+                    void createBarkBattleGeneratingDraft(payload);
+                  }}
+                />
+              </UnifiedCreationPage>
             </Suspense>
           </motion.div>
         )}
@@ -17244,20 +17285,27 @@ export function PlatformEntryFlowShellImpl({
                 <LazyPanelFallback label="正在加载方洞挑战共创工作区..." />
               }
             >
-              <SquareHoleAgentWorkspace
-                session={squareHoleSession}
-                streamingReplyText={streamingSquareHoleReplyText}
-                isStreamingReply={isStreamingSquareHoleReply}
-                isBusy={isSquareHoleBusy || isStreamingSquareHoleReply}
-                error={squareHoleError}
+              <UnifiedCreationPage
+                spec={getUnifiedSpec('square-hole')}
                 onBack={leaveSquareHoleFlow}
-                onSubmitMessage={(payload) => {
-                  void submitSquareHoleMessage(payload);
-                }}
-                onExecuteAction={(payload) => {
-                  void executeSquareHoleAction(payload);
-                }}
-              />
+                isBackDisabled={isSquareHoleBusy || isStreamingSquareHoleReply}
+              >
+                <SquareHoleAgentWorkspace
+                  session={squareHoleSession}
+                  streamingReplyText={streamingSquareHoleReplyText}
+                  isStreamingReply={isStreamingSquareHoleReply}
+                  isBusy={isSquareHoleBusy || isStreamingSquareHoleReply}
+                  error={squareHoleError}
+                  onBack={leaveSquareHoleFlow}
+                  showBackButton={false}
+                  onSubmitMessage={(payload) => {
+                    void submitSquareHoleMessage(payload);
+                  }}
+                  onExecuteAction={(payload) => {
+                    void executeSquareHoleAction(payload);
+                  }}
+                />
+              </UnifiedCreationPage>
             </Suspense>
           </motion.div>
         )}
@@ -17462,10 +17510,7 @@ export function PlatformEntryFlowShellImpl({
             >
               <UnifiedCreationWorkspace
                 playId="jump-hop"
-                spec={getUnifiedCreationSpec(
-                  'jump-hop',
-                  unifiedCreationConfigById.get('jump-hop'),
-                )}
+                spec={getUnifiedSpec('jump-hop')}
                 isBusy={isJumpHopBusy}
                 error={jumpHopError}
                 onBack={leaveJumpHopFlow}
@@ -17605,10 +17650,7 @@ export function PlatformEntryFlowShellImpl({
             >
               <UnifiedCreationWorkspace
                 playId="wooden-fish"
-                spec={getUnifiedCreationSpec(
-                  'wooden-fish',
-                  unifiedCreationConfigById.get('wooden-fish'),
-                )}
+                spec={getUnifiedSpec('wooden-fish')}
                 isBusy={isWoodenFishBusy}
                 error={woodenFishError}
                 onBack={leaveWoodenFishFlow}
@@ -17724,23 +17766,30 @@ export function PlatformEntryFlowShellImpl({
             <Suspense
               fallback={<LazyPanelFallback label="正在加载智能创作..." />}
             >
-              <CreativeAgentWorkspace
-                session={creativeAgentSession}
-                isBusy={isCreativeAgentBusy || isPuzzleBusy}
-                isStreaming={isCreativeAgentStreaming}
-                error={creativeAgentError}
-                eventLog={creativeAgentEvents}
+              <UnifiedCreationPage
+                spec={getUnifiedSpec('creative-agent')}
                 onBack={leaveCreativeAgentWorkspace}
-                onSubmitMessage={(payload) => {
-                  void submitCreativeAgentMessage(payload);
-                }}
-                onConfirmTemplate={(selection) => {
-                  void confirmCreativeTemplateSelection(selection);
-                }}
-                onOpenTarget={() => {
-                  void openCreativeAgentTarget();
-                }}
-              />
+                isBackDisabled={isCreativeAgentBusy || isPuzzleBusy}
+              >
+                <CreativeAgentWorkspace
+                  session={creativeAgentSession}
+                  isBusy={isCreativeAgentBusy || isPuzzleBusy}
+                  isStreaming={isCreativeAgentStreaming}
+                  error={creativeAgentError}
+                  eventLog={creativeAgentEvents}
+                  onBack={leaveCreativeAgentWorkspace}
+                  showBackButton={false}
+                  onSubmitMessage={(payload) => {
+                    void submitCreativeAgentMessage(payload);
+                  }}
+                  onConfirmTemplate={(selection) => {
+                    void confirmCreativeTemplateSelection(selection);
+                  }}
+                  onOpenTarget={() => {
+                    void openCreativeAgentTarget();
+                  }}
+                />
+              </UnifiedCreationPage>
             </Suspense>
           </motion.div>
         )}
@@ -17758,10 +17807,7 @@ export function PlatformEntryFlowShellImpl({
             >
               <UnifiedCreationWorkspace
                 playId="puzzle"
-                spec={getUnifiedCreationSpec(
-                  'puzzle',
-                  unifiedCreationConfigById.get('puzzle'),
-                )}
+                spec={getUnifiedSpec('puzzle')}
                 session={puzzleSession}
                 isBusy={isStreamingPuzzleReply}
                 error={puzzleError}
@@ -17895,16 +17941,24 @@ export function PlatformEntryFlowShellImpl({
             <Suspense
               fallback={<LazyPanelFallback label="正在加载视觉�说创作..." />}
             >
-              <VisualNovelAgentWorkspace
-                session={visualNovelSession}
-                isBusy={isVisualNovelBusy || isVisualNovelStreamingReply}
-                error={visualNovelError}
+              <UnifiedCreationPage
+                spec={getUnifiedSpec('visual-novel')}
                 onBack={leaveVisualNovelFlow}
-                initialFormPayload={visualNovelFormDraftPayload}
-                onCreateFromForm={(payload) => {
-                  void createVisualNovelDraftFromForm(payload);
-                }}
-              />
+                isBackDisabled={isVisualNovelBusy || isVisualNovelStreamingReply}
+              >
+                <VisualNovelAgentWorkspace
+                  session={visualNovelSession}
+                  isBusy={isVisualNovelBusy || isVisualNovelStreamingReply}
+                  error={visualNovelError}
+                  onBack={leaveVisualNovelFlow}
+                  showBackButton={false}
+                  title={null}
+                  initialFormPayload={visualNovelFormDraftPayload}
+                  onCreateFromForm={(payload) => {
+                    void createVisualNovelDraftFromForm(payload);
+                  }}
+                />
+              </UnifiedCreationPage>
             </Suspense>
           </motion.div>
         )}
diff --git a/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx b/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
index 04a3e7fd..37bfb3ee 100644
--- a/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
+++ b/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
@@ -3752,14 +3752,14 @@ test('create tab shows template tabs and embeds puzzle form by default', async (
   expect(createPuzzleAgentSession).not.toHaveBeenCalled();
 });
 
-test('create tab shows recent tab when backend returns failed drafts', async () => {
+test('create tab shows recent template cards when backend returns failed drafts', async () => {
   const user = userEvent.setup();
   mockExistingRpgDraftShelf({
     title: '入���的失败�稿',
     summary: '失败�稿也�进入创作入�最近创作。',
     stage: 'failed',
     stageLabel: '生�失败待处�',
-    updatedAt: '2026-06-02T10:00:00.000Z',
+    updatedAt: new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString(),
   });
 
   render(<TestWrapper withAuth />);
@@ -3775,11 +3775,18 @@ test('create tab shows recent tab when backend returns failed drafts', async ()
       .getByRole('tab', { name: '最近创作' })
       .getAttribute('aria-selected'),
   ).toBe('true');
-  expect(await within(panel).findByText('入���的失败�稿')).toBeTruthy();
   expect(
-    within(panel).getByText('失败�稿也�进入创作入�最近创作。'),
+    await within(panel).findByRole('button', { name: /文字冒险/u }),
   ).toBeTruthy();
-  expect(within(panel).getByText('生�失败待处�')).toBeTruthy();
+  expect(
+    within(panel).getByText('仅显示最近7天内使用过的模�'),
+  ).toBeTruthy();
+  expect(within(panel).getByText('�典 RPG 体验')).toBeTruthy();
+  expect(within(panel).queryByText('入���的失败�稿')).toBeNull();
+  expect(
+    within(panel).queryByText('失败�稿也�进入创作入�最近创作。'),
+  ).toBeNull();
+  expect(within(panel).queryByText('生�失败待处�')).toBeNull();
 });
 
 test('create tab refreshes recent works after opening from an empty draft shelf', async () => {
@@ -3789,7 +3796,7 @@ test('create tab refreshes recent works after opening from an empty draft shelf'
     summary: '创作入�需�在进入时�新读�真实作�架。',
     stage: 'error',
     stageLabel: '�生错误',
-    updatedAt: '2026-06-02T10:30:00.000Z',
+    updatedAt: new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString(),
   });
   vi.mocked(listRpgCreationWorks)
     .mockResolvedValueOnce([])
@@ -3803,11 +3810,18 @@ test('create tab refreshes recent works after opening from an empty draft shelf'
   await clickFirstButtonByName(user, '创作');
   const panel = getPlatformTabPanel('create');
 
-  expect(await within(panel).findByText('点击创作�出现的失败�稿')).toBeTruthy();
   expect(
-    within(panel).getByText('创作入�需�在进入时�新读�真实作�架。'),
+    await within(panel).findByRole('button', { name: /文字冒险/u }),
   ).toBeTruthy();
-  expect(within(panel).getByText('�生错误')).toBeTruthy();
+  expect(
+    within(panel).getByText('仅显示最近7天内使用过的模�'),
+  ).toBeTruthy();
+  expect(within(panel).getByText('�典 RPG 体验')).toBeTruthy();
+  expect(within(panel).queryByText('点击创作�出现的失败�稿')).toBeNull();
+  expect(
+    within(panel).queryByText('创作入�需�在进入时�新读�真实作�架。'),
+  ).toBeNull();
+  expect(within(panel).queryByText('�生错误')).toBeNull();
   await waitFor(() => {
     expect(
       vi.mocked(listRpgCreationWorks).mock.calls.length,
diff --git a/src/components/square-hole-creation/SquareHoleAgentWorkspace.tsx b/src/components/square-hole-creation/SquareHoleAgentWorkspace.tsx
index b8bbccad..4f7f254d 100644
--- a/src/components/square-hole-creation/SquareHoleAgentWorkspace.tsx
+++ b/src/components/square-hole-creation/SquareHoleAgentWorkspace.tsx
@@ -26,6 +26,7 @@ type SquareHoleAgentWorkspaceProps = {
   onBack: () => void;
   onSubmitMessage: (payload: SendSquareHoleMessageRequest) => void;
   onExecuteAction: (payload: ExecuteSquareHoleActionRequest) => void;
+  showBackButton?: boolean;
 };
 
 const SQUARE_HOLE_AGENT_THEME: CreationAgentTheme = {
@@ -108,6 +109,7 @@ export function SquareHoleAgentWorkspace({
   onBack,
   onSubmitMessage,
   onExecuteAction,
+  showBackButton = true,
 }: SquareHoleAgentWorkspaceProps) {
   return (
     <CreationAgentWorkspace
@@ -121,6 +123,7 @@ export function SquareHoleAgentWorkspace({
       isBusy={isBusy}
       error={error}
       quickActions={SQUARE_HOLE_QUICK_ACTIONS}
+      showBackButton={showBackButton}
       onBack={onBack}
       onSubmitText={(text) => {
         onSubmitMessage(buildSquareHoleChatPayload({ text }));
diff --git a/src/components/unified-creation/UnifiedCreationPage.test.tsx b/src/components/unified-creation/UnifiedCreationPage.test.tsx
index ec6c0c07..5f47c6fa 100644
--- a/src/components/unified-creation/UnifiedCreationPage.test.tsx
+++ b/src/components/unified-creation/UnifiedCreationPage.test.tsx
@@ -43,9 +43,7 @@ describe('UnifiedCreationPage', () => {
     ]);
     expect(fields[2]?.getAttribute('data-field-kind')).toBe('audio');
     expect(fields[3]?.getAttribute('data-required')).toBe('true');
-    expect(screen.getByTestId('unified-creation-play-badge').textContent).toBe(
-      'wooden-fish',
-    );
+    expect(screen.queryByTestId('unified-creation-play-badge')).toBeNull();
     fireEvent.click(screen.getByRole('button', { name: '返回' }));
     expect(onBack).toHaveBeenCalledTimes(1);
     expect(screen.queryByLabelText('创作字段')).toBeNull();
diff --git a/src/components/unified-creation/UnifiedCreationPage.tsx b/src/components/unified-creation/UnifiedCreationPage.tsx
index ddfc2580..1f027c06 100644
--- a/src/components/unified-creation/UnifiedCreationPage.tsx
+++ b/src/components/unified-creation/UnifiedCreationPage.tsx
@@ -26,7 +26,7 @@ export function UnifiedCreationPage({
       data-result-stage={spec.resultStage}
     >
       <header className="unified-creation-page__header shrink-0 pb-3">
-        <div className="mb-2 flex items-center justify-between gap-3">
+        <div className="mb-2 flex items-center gap-3">
           {onBack ? (
             <button
               type="button"
@@ -42,12 +42,6 @@ export function UnifiedCreationPage({
           ) : (
             <span aria-hidden="true" className="min-h-8 w-0 shrink-0" />
           )}
-          <span
-            className="unified-creation-page__play-badge shrink-0 rounded-full border border-[var(--platform-subpanel-border)] bg-white/80 px-3 py-1 text-[11px] font-black text-[var(--platform-text-soft)]"
-            data-testid="unified-creation-play-badge"
-          >
-            {spec.playId}
-          </span>
         </div>
         <div className="flex items-center justify-between gap-3">
           <h1 className="m-0 min-w-0 truncate text-[1.35rem] font-black leading-tight tracking-normal text-[var(--platform-text-strong)] sm:text-[1.65rem]">
diff --git a/src/components/unified-creation/UnifiedGenerationPage.tsx b/src/components/unified-creation/UnifiedGenerationPage.tsx
index b15c5d1e..95ea551f 100644
--- a/src/components/unified-creation/UnifiedGenerationPage.tsx
+++ b/src/components/unified-creation/UnifiedGenerationPage.tsx
@@ -1,11 +1,11 @@
 import type { CustomWorldGenerationProgress } from '../../../packages/shared/src/contracts/runtime';
 import type { CustomWorldStructuredAnchorEntry } from '../../services/customWorldAgentGenerationProgress';
 import { CustomWorldGenerationView } from '../CustomWorldGenerationView';
-import type { UnifiedCreationPlayId } from './unifiedCreationSpecs';
 import { getUnifiedGenerationCopy } from './unifiedGenerationCopy';
+import type { UnifiedGenerationPlayId } from './unifiedGenerationCopy';
 
 type UnifiedGenerationPageProps = {
-  playId: UnifiedCreationPlayId;
+  playId: UnifiedGenerationPlayId;
   settingText: string;
   anchorEntries?: CustomWorldStructuredAnchorEntry[];
   progress: CustomWorldGenerationProgress | null;
diff --git a/src/components/unified-creation/unifiedCreationSpecs.test.ts b/src/components/unified-creation/unifiedCreationSpecs.test.ts
index cebb5657..8e6daa98 100644
--- a/src/components/unified-creation/unifiedCreationSpecs.test.ts
+++ b/src/components/unified-creation/unifiedCreationSpecs.test.ts
@@ -6,9 +6,21 @@ import {
 } from './unifiedCreationSpecs';
 
 describe('unified creation specs', () => {
-  test('统一壳当�覆盖拼图�抓大鹅�跳一跳和敲木鱼', () => {
+  test('统一壳覆盖所有已有创作模�工作�', () => {
     expect(listUnifiedCreationSpecs().map((spec) => spec.playId).sort()).toEqual(
-      ['jump-hop', 'match3d', 'puzzle', 'wooden-fish'],
+      [
+        'baby-object-match',
+        'bark-battle',
+        'big-fish',
+        'creative-agent',
+        'jump-hop',
+        'match3d',
+        'puzzle',
+        'rpg',
+        'square-hole',
+        'visual-novel',
+        'wooden-fish',
+      ],
     );
   });
 
@@ -22,7 +34,12 @@ describe('unified creation specs', () => {
     expect([...fieldKinds].sort()).toEqual(['audio', 'image', 'select', 'text']);
   });
 
-  test('四�链路都映射到统一创作�生��结果阶段', () => {
+  test('主�链路都映射到统一创作�生��结果阶段', () => {
+    expect(getUnifiedCreationSpec('rpg')).toMatchObject({
+      workspaceStage: 'agent-workspace',
+      generationStage: 'custom-world-generating',
+      resultStage: 'custom-world-result',
+    });
     expect(getUnifiedCreationSpec('puzzle')).toMatchObject({
       workspaceStage: 'puzzle-agent-workspace',
       generationStage: 'puzzle-generating',
@@ -43,5 +60,20 @@ describe('unified creation specs', () => {
       generationStage: 'wooden-fish-generating',
       resultStage: 'wooden-fish-result',
     });
+    expect(getUnifiedCreationSpec('bark-battle')).toMatchObject({
+      workspaceStage: 'bark-battle-workspace',
+      generationStage: 'bark-battle-generating',
+      resultStage: 'bark-battle-result',
+    });
+    expect(getUnifiedCreationSpec('visual-novel')).toMatchObject({
+      workspaceStage: 'visual-novel-agent-workspace',
+      generationStage: 'visual-novel-generating',
+      resultStage: 'visual-novel-result',
+    });
+    expect(getUnifiedCreationSpec('baby-object-match')).toMatchObject({
+      workspaceStage: 'baby-object-match-workspace',
+      generationStage: 'baby-object-match-generating',
+      resultStage: 'baby-object-match-result',
+    });
   });
 });
diff --git a/src/components/unified-creation/unifiedCreationSpecs.ts b/src/components/unified-creation/unifiedCreationSpecs.ts
index 170ef6e2..2996ea9d 100644
--- a/src/components/unified-creation/unifiedCreationSpecs.ts
+++ b/src/components/unified-creation/unifiedCreationSpecs.ts
@@ -3,13 +3,58 @@ import type {
   UnifiedCreationSpec,
 } from '../../services/creationEntryConfigService';
 
-export type UnifiedCreationPlayId = UnifiedCreationSpec['playId'];
+export const UNIFIED_CREATION_PLAY_IDS = [
+  'rpg',
+  'big-fish',
+  'puzzle',
+  'match3d',
+  'jump-hop',
+  'wooden-fish',
+  'square-hole',
+  'bark-battle',
+  'visual-novel',
+  'baby-object-match',
+  'creative-agent',
+] as const;
+
+export type UnifiedCreationPlayId =
+  (typeof UNIFIED_CREATION_PLAY_IDS)[number];
 export type { UnifiedCreationSpec };
 
 const FALLBACK_UNIFIED_CREATION_SPECS: Record<
   UnifiedCreationPlayId,
   UnifiedCreationSpec
 > = {
+  rpg: {
+    playId: 'rpg',
+    title: '想�个什么玩法？',
+    workspaceStage: 'agent-workspace',
+    generationStage: 'custom-world-generating',
+    resultStage: 'custom-world-result',
+    fields: [
+      {
+        id: 'message',
+        kind: 'text',
+        label: '创作想法',
+        required: true,
+      },
+    ],
+  },
+  'big-fish': {
+    playId: 'big-fish',
+    title: '想�个什么玩法？',
+    workspaceStage: 'big-fish-agent-workspace',
+    generationStage: 'big-fish-generating',
+    resultStage: 'big-fish-result',
+    fields: [
+      {
+        id: 'message',
+        kind: 'text',
+        label: '玩法想法',
+        required: true,
+      },
+    ],
+  },
   puzzle: {
     playId: 'puzzle',
     title: '想�个什么玩法？',
@@ -148,12 +193,135 @@ const FALLBACK_UNIFIED_CREATION_SPECS: Record<
       },
     ],
   },
+  'square-hole': {
+    playId: 'square-hole',
+    title: '想�个什么玩法？',
+    workspaceStage: 'square-hole-agent-workspace',
+    generationStage: 'square-hole-generating',
+    resultStage: 'square-hole-result',
+    fields: [
+      {
+        id: 'message',
+        kind: 'text',
+        label: '玩法想法',
+        required: true,
+      },
+    ],
+  },
+  'bark-battle': {
+    playId: 'bark-battle',
+    title: '想�个什么玩法？',
+    workspaceStage: 'bark-battle-workspace',
+    generationStage: 'bark-battle-generating',
+    resultStage: 'bark-battle-result',
+    fields: [
+      {
+        id: 'title',
+        kind: 'text',
+        label: '作�标题',
+        required: true,
+      },
+      {
+        id: 'themeDescription',
+        kind: 'text',
+        label: '主题/场景�述',
+        required: true,
+      },
+      {
+        id: 'playerImageDescription',
+        kind: 'text',
+        label: '玩家形象�述',
+        required: true,
+      },
+      {
+        id: 'opponentImageDescription',
+        kind: 'text',
+        label: '对手形象�述',
+        required: true,
+      },
+      {
+        id: 'onomatopoeia',
+        kind: 'text',
+        label: '拟声�',
+        required: false,
+      },
+      {
+        id: 'difficultyPreset',
+        kind: 'select',
+        label: '难度',
+        required: true,
+      },
+    ],
+  },
+  'visual-novel': {
+    playId: 'visual-novel',
+    title: '想�个什么玩法？',
+    workspaceStage: 'visual-novel-agent-workspace',
+    generationStage: 'visual-novel-generating',
+    resultStage: 'visual-novel-result',
+    fields: [
+      {
+        id: 'ideaText',
+        kind: 'text',
+        label: '一��创作',
+        required: true,
+      },
+      {
+        id: 'visualStyleId',
+        kind: 'select',
+        label: '视觉画风',
+        required: true,
+      },
+    ],
+  },
+  'baby-object-match': {
+    playId: 'baby-object-match',
+    title: '想�个什么玩法？',
+    workspaceStage: 'baby-object-match-workspace',
+    generationStage: 'baby-object-match-generating',
+    resultStage: 'baby-object-match-result',
+    fields: [
+      {
+        id: 'itemAName',
+        kind: 'text',
+        label: '物� A',
+        required: true,
+      },
+      {
+        id: 'itemBName',
+        kind: 'text',
+        label: '物� B',
+        required: true,
+      },
+    ],
+  },
+  'creative-agent': {
+    playId: 'creative-agent',
+    title: '想�个什么玩法？',
+    workspaceStage: 'creative-agent-workspace',
+    generationStage: 'puzzle-generating',
+    resultStage: 'puzzle-result',
+    fields: [
+      {
+        id: 'message',
+        kind: 'text',
+        label: '创作想法',
+        required: true,
+      },
+      {
+        id: 'referenceImage',
+        kind: 'image',
+        label: '�考图',
+        required: false,
+      },
+    ],
+  },
 };
 
 export function getUnifiedCreationSpec(
   playId: UnifiedCreationPlayId,
   configType?: CreationEntryTypeConfig | null,
-) {
+): UnifiedCreationSpec {
   return (
     configType?.unifiedCreationSpec ?? FALLBACK_UNIFIED_CREATION_SPECS[playId]
   );
diff --git a/src/components/unified-creation/unifiedGenerationCopy.ts b/src/components/unified-creation/unifiedGenerationCopy.ts
index 4b3bdd2d..ec02f145 100644
--- a/src/components/unified-creation/unifiedGenerationCopy.ts
+++ b/src/components/unified-creation/unifiedGenerationCopy.ts
@@ -1,5 +1,10 @@
 import type { UnifiedCreationPlayId } from './unifiedCreationSpecs';
 
+export type UnifiedGenerationPlayId = Extract<
+  UnifiedCreationPlayId,
+  'puzzle' | 'match3d' | 'jump-hop' | 'wooden-fish'
+>;
+
 const UNIFIED_GENERATION_COPY = {
   puzzle: {
     retryLabel: '�新生�图片',
@@ -26,7 +31,7 @@ const UNIFIED_GENERATION_COPY = {
     activeBadgeLabel: '素�生�中',
   },
 } as const satisfies Record<
-  UnifiedCreationPlayId,
+  UnifiedGenerationPlayId,
   {
     retryLabel: string;
     settingTitle: string;
@@ -35,6 +40,6 @@ const UNIFIED_GENERATION_COPY = {
   }
 >;
 
-export function getUnifiedGenerationCopy(playId: UnifiedCreationPlayId) {
+export function getUnifiedGenerationCopy(playId: UnifiedGenerationPlayId) {
   return UNIFIED_GENERATION_COPY[playId];
 }
diff --git a/src/index.css b/src/index.css
index 8509abaa..4df24a40 100644
--- a/src/index.css
+++ b/src/index.css
@@ -7096,6 +7096,46 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   color: var(--platform-text-base) !important;
 }
 
+.platform-theme--light
+  .platform-remap-surface
+  .creation-agent-hero
+  :where(
+    .creation-agent-hero__icon-button,
+    .creation-agent-hero__quick-action
+  ) {
+  border-color: rgba(255, 255, 255, 0.2) !important;
+  background: rgba(255, 255, 255, 0.1) !important;
+  color: rgba(255, 255, 255, 0.82) !important;
+}
+
+.platform-theme--light
+  .platform-remap-surface
+  .creation-agent-hero
+  :where(.creation-agent-hero__summary, .creation-agent-hero__progress-label) {
+  color: rgba(255, 255, 255, 0.76) !important;
+}
+
+.platform-theme--light
+  .platform-remap-surface
+  .creation-agent-hero
+  .creation-agent-hero__progress-value {
+  color: rgba(255, 255, 255, 0.92) !important;
+}
+
+.platform-theme--light
+  .platform-remap-surface
+  .creation-agent-hero
+  .creation-agent-hero__progress-hint {
+  color: rgba(255, 255, 255, 0.72) !important;
+}
+
+.platform-theme--light
+  .platform-remap-surface
+  .creation-agent-hero
+  .creation-agent-hero__progress-track {
+  background: rgba(255, 255, 255, 0.2) !important;
+}
+
 .platform-theme--light
   .platform-remap-surface
   :where(
diff --git a/src/index.test.ts b/src/index.test.ts
index b98f01b5..6a54c2f9 100644
--- a/src/index.test.ts
+++ b/src/index.test.ts
@@ -80,3 +80,24 @@ describe('index stylesheet draft mobile cards', () => {
     expect(editableBlock).toContain('-webkit-touch-callout: default;');
   });
 });
+
+describe('index stylesheet creation agent hero contrast', () => {
+  it('keeps dark creation progress hero text light inside remap surfaces', () => {
+    const css = readIndexCss();
+
+    expect(css).toContain('.platform-remap-surface');
+    expect(css).toContain('.creation-agent-hero');
+
+    const labelBlock = getCssBlock(
+      css,
+      ':where(.creation-agent-hero__summary, .creation-agent-hero__progress-label)',
+    );
+    expect(labelBlock).toContain('rgba(255, 255, 255, 0.76) !important');
+
+    const valueBlock = getCssBlock(css, '.creation-agent-hero__progress-value');
+    expect(valueBlock).toContain('rgba(255, 255, 255, 0.92) !important');
+
+    const hintBlock = getCssBlock(css, '.creation-agent-hero__progress-hint');
+    expect(hintBlock).toContain('rgba(255, 255, 255, 0.72) !important');
+  });
+});
diff --git a/src/services/creationEntryConfigService.ts b/src/services/creationEntryConfigService.ts
index bf6e987f..7ca6adef 100644
--- a/src/services/creationEntryConfigService.ts
+++ b/src/services/creationEntryConfigService.ts
@@ -27,23 +27,11 @@ export type UnifiedCreationField = {
 
 /** 统一创作工作�契约，把入�类型映射到工作��生�页和结果页阶段。 */
 export type UnifiedCreationSpec = {
-  playId: 'puzzle' | 'match3d' | 'jump-hop' | 'wooden-fish';
+  playId: string;
   title: string;
-  workspaceStage:
-    | 'puzzle-agent-workspace'
-    | 'match3d-agent-workspace'
-    | 'jump-hop-workspace'
-    | 'wooden-fish-workspace';
-  generationStage:
-    | 'puzzle-generating'
-    | 'match3d-generating'
-    | 'jump-hop-generating'
-    | 'wooden-fish-generating';
-  resultStage:
-    | 'puzzle-result'
-    | 'match3d-result'
-    | 'jump-hop-result'
-    | 'wooden-fish-result';
+  workspaceStage: string;
+  generationStage: string;
+  resultStage: string;
   fields: UnifiedCreationField[];
 };