From 70ff18ad90f66b0de14e9a713ad017cf78a3aba0 Mon Sep 17 00:00:00 2001
From: kdletters <kdletters@qq.com>
Date: Wed, 3 Jun 2026 03:31:45 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=94=AF=E6=8C=81=E5=88=9B=E4=BD=9C?=
 =?UTF-8?q?=E5=85=A5=E5=8F=A3=E5=85=AC=E5=91=8A=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .hermes/shared-memory/decision-log.md         |  16 +-
 .hermes/shared-memory/development-workflow.md |   2 +-
 .hermes/shared-memory/pitfalls.md             |  17 +-
 apps/admin-web/src/api/adminApiClient.ts      |  16 +
 apps/admin-web/src/api/adminApiTypes.ts       |  24 +
 apps/admin-web/src/app/AdminApp.tsx           |   7 +
 apps/admin-web/src/app/AdminShell.tsx         |   2 +
 apps/admin-web/src/app/adminRoutes.test.ts    |  16 +
 apps/admin-web/src/app/adminRoutes.ts         |   6 +
 .../AdminCreationEntrySwitchPage.test.tsx     | 132 +++-
 .../pages/AdminCreationEntrySwitchPage.tsx    | 598 +++++++++++++-----
 ...„】server-rs与SpacetimeDBæ•°æ�®å¥‘约-2026-05-15.md |   8 +-
 ...�玩法创作】平�入�与玩法链路-2026-05-15.md |   5 +-
 package-lock.json                             | 405 ++++++++++--
 package.json                                  |   1 +
 server-rs/crates/api-server/src/admin.rs      |  50 +-
 server-rs/crates/api-server/src/app.rs        | 119 ++++
 .../api-server/src/creation_entry_config.rs   |   3 +
 .../crates/api-server/src/modules/admin.rs    |  14 +-
 server-rs/crates/api-server/src/state.rs      |  39 ++
 server-rs/crates/api-server/src/wechat_pay.rs |   8 +-
 .../crates/module-runtime/src/application.rs  | 305 ++++++++-
 server-rs/crates/module-runtime/src/domain.rs |  23 +-
 server-rs/crates/module-runtime/src/lib.rs    | 128 +++-
 .../crates/shared-contracts/src/admin.rs      |  12 +-
 .../src/creation_entry_config.rs              | 110 +++-
 .../crates/spacetime-client/src/jump_hop.rs   |   6 +
 .../src/mapper/bark_battle.rs                 |   1 +
 .../spacetime-client/src/mapper/runtime.rs    |  19 +
 .../spacetime-client/src/module_bindings.rs   |   4 +
 .../creation_entry_config_snapshot_type.rs    |   1 +
 .../creation_entry_config_type.rs             |   3 +
 ...eation_entry_event_banner_snapshot_type.rs |   2 +
 ...y_event_banners_admin_upsert_input_type.rs |  15 +
 ...on_entry_event_banners_config_procedure.rs |  62 ++
 .../crates/spacetime-client/src/runtime.rs    |  28 +
 .../crates/spacetime-module/src/migration.rs  |   3 +
 .../src/runtime/creation_entry_config.rs      |  54 ++
 ...ustomWorldCreationHub.interaction.test.tsx |  90 ++-
 .../CustomWorldCreationHub.test.tsx           | 364 ++++++++++-
 .../CustomWorldCreationHub.tsx                |  58 +-
 .../CustomWorldCreationStartCard.tsx          | 382 +++++++----
 .../custom-world-home/creationWorkShelf.ts    |   3 +
 .../PlatformEntryCreationTypeModal.test.tsx   |   6 +-
 .../PlatformEntryFlowShellImpl.tsx            |  76 ++-
 .../platformEntryCreationTypes.test.ts        |  10 +-
 .../platformEntryCreationTypes.ts             |  14 +-
 ...gEntryFlowShell.agent.interaction.test.tsx | 210 ++++--
 src/index.css                                 |  14 +
 src/index.test.ts                             |  28 +
 src/services/creationEntryConfigService.ts    |  29 +-
 .../miniGameDraftGenerationProgress.ts        |   1 +
 52 files changed, 3045 insertions(+), 504 deletions(-)
 create mode 100644 apps/admin-web/src/app/adminRoutes.test.ts
 create mode 100644 server-rs/crates/spacetime-client/src/module_bindings/creation_entry_event_banners_admin_upsert_input_type.rs
 create mode 100644 server-rs/crates/spacetime-client/src/module_bindings/upsert_creation_entry_event_banners_config_procedure.rs

diff --git a/.hermes/shared-memory/decision-log.md b/.hermes/shared-memory/decision-log.md
index 1299cdbe..284c2347 100644
--- a/.hermes/shared-memory/decision-log.md
+++ b/.hermes/shared-memory/decision-log.md
@@ -16,6 +16,14 @@
 
 ---
 
+## 2026-06-02 底部加�创作入�页 banner 与最近创作�径
+
+- 背景：创作入�页 banner 曾固定为�端两张主题赛�，且模�分类兜底会产生 `recent` / `最近创作` 页签，和���置�真实作�数��径冲�。
+- 决策：点击底部加�进入的创作入�页 banner 改由�端 `eventBanners` 数组�置，多�自动轮播；旧 `eventBanner` ��留��兼容。��公告�置使用表�维护标题与 HTML 内容，�存时�列化为�端 `eventBannersJson` 传输字段；HTML ��许�空�� iframe 展示，�执行 JSX 或直接 DOM 注入。`最近创作` ��作为模�分类，�由真实�稿 / 作�架�端数�决定是�展示，生�失败�稿也必须进入；模�分类缺失或历� `recent` 统一归一到 `recommended` / `热门推�`。移动端�稿页作���止长按选择文字，但输入框和�编辑区域�留选择能力。
+- 影�范围：`server-rs/crates/module-runtime`�`server-rs/crates/spacetime-module`�`server-rs/crates/spacetime-client`�`server-rs/crates/api-server`�`shared-contracts`�`src/components/custom-world-home`�`src/components/platform-entry`�`apps/admin-web`�`src/index.css`。
+- 验�方�：`npm run spacetime:generate`�`npm run check:spacetime-schema`�相关 Rust / Vitest 入��置测试和�览器点击底部加�截图。
+- 关�文档：`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`�`docs/��端架构】server-rs与SpacetimeDB数�契约-2026-05-15.md`。
+
 ## 2026-05-26 微信�程�充值全�接入虚拟支付
 
 - 背景：泥点和会员都属于�程�内由 Genarrative 控制的虚拟资产/�益，继续走普通�程�支付�符�微信虚拟支付接入�径。
@@ -162,10 +170,10 @@
 - 验�方�：点击推�页拼图“下一关��，在 `advancePuzzleNextLevel` 未返回�，页��应�留 `puzzle-board`，且�出现 `加载中...` ��；返回相似作��，当�推��的 `作�信�` 应显示新作�标题。
 - 关�文档：`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
 
-## 2026-05-24 创作 Tab banner 轮播�展示主题赛
+## 2026-05-24 创作入�页 banner 曾固定主题赛
 
-- 背景：创作 Tab banner 曾�把�端入��置里的默认活动横幅和两个主题赛一起轮播，导致首�出现 58000 奖池活动�，和当��强调拼图 / 抓大鹅主题赛的产��径�一致。
-- 决策：创作 Tab 首� banner 轮播�展示 `拼图主题创作赛` 与 `抓大鹅主题创作赛` 两张主题�；�端返回的 `eventBanner` 仅作为开始时间�结�时间等公共字段��，��直接作为一张轮播�渲染。banner 底部顺�固定为开始 / 结�时间�在上�分页点在下，且二者都在��内容底部。
+- 背景：点击底部加�进入的创作入�页 banner 曾�把�端入��置里的默认活动横幅和两个主题赛一起轮播，导致出现 58000 奖池活动�，和当时�强调拼图 / 抓大鹅主题赛的产��径�一致。
+- 决策：当时固定�展示 `拼图主题创作赛` 与 `抓大鹅主题创作赛` 两张主题�；该�径已被 2026-06-02 的�� `eventBanners` �置决策替代。banner 底部顺�固定为开始 / 结�时间�在上�分页点在下，且二者都在��内容底部。
 - 影�范围：`src/components/custom-world-home/CustomWorldCreationStartCard.tsx`�`src/components/custom-world-home/CustomWorldCreationHub.test.tsx`�`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
 - 验�方�：`CustomWorldCreationHub.test.tsx` 应断言默认活动标题�出现在 start-only 创作页，且 `creation-event-banner__timebar` �于 `creation-event-banner__pager` �。
 - 关�文档：`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
@@ -189,7 +197,7 @@
 ## 2026-05-24 创作 Tab 模��点击直达已有玩法入�表�
 
 - 背景：创作 Tab 首�需�对��考图，展示赛事 banner�玩法模�分类和两列模��；点击模��时，空白入�页会让用户多走一层，��感也会让人误以为功能未接好。
-- 决策：`/creation/<play>` 直达对应玩法已有的入�创作表� stage，���留空白创作入�页。RPG�拼图�抓大鹅�汪汪声浪�敲木鱼�视觉�说���识物等都直接进入既有工作�，继续承接�稿��和�续编排。创作 Tab 首� banner 按�考图拆��上泥点胶囊�主体宣传��图文�底部开始/结�时间�和分页点；玩法模��使用独立 `creation-template-card` 白底信�区，��用暗图蒙版 `platform-creation-reference-card`，确�标题��述和“预计消耗 10-20 泥点���。
+- 决策：`/creation/<play>` 直达对应玩法已有的入�创作表� stage，���留空白创作入�页。RPG�拼图�抓大鹅�汪汪声浪�敲木鱼�视觉�说���识物等都直接进入既有工作�，继续承接�稿��和�续编排。点击底部加�进入的创作入�页 banner 按�考图拆��上泥点胶囊�主体宣传��图文�底部开始/结�时间�和分页点；玩法模��使用独立 `creation-template-card` 白底信�区，��用暗图蒙版 `platform-creation-reference-card`，确�标题��述和“预计消耗 10-20 泥点���。
 - 影�范围：`src/components/platform-entry/platformEntryTypes.ts`�`src/routing/appPageRoutes.ts`�`src/components/platform-entry/PlatformEntryFlowShellImpl.tsx`�创作大厅交互测试与平�入�文档。
 - 验�方�：`npm test -- src/routing/appPageRoutes.test.ts`�`npm test -- src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx -t \"create tab opens match3d entry form from the template card|create tab opens puzzle entry form from the template card|create tab opens bark battle entry form from the template card\"`�`npm run typecheck`�`npm run check:encoding` 通过；创作�片点击�应进入对应工作�，��出现空白入�页。
 - 关�文档：`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
diff --git a/.hermes/shared-memory/development-workflow.md b/.hermes/shared-memory/development-workflow.md
index 95eebd5f..6cfb9325 100644
--- a/.hermes/shared-memory/development-workflow.md
+++ b/.hermes/shared-memory/development-workflow.md
@@ -243,7 +243,7 @@ npm run check:server-rs-ddd
 
 - 移动端优先，�兼容网页端。
 - 页��展示�端返回的状�，�自行计算结论型业务状�。
-- 创作中心入��置事实�在 SpacetimeDB，通过 `GET /api/creation-entry/config` 下�；�端�在 `platformEntryCreationTypes.ts` �展示派生，api-server 路由熔断也使用�一份�置，�止���端硬编�入��置文件。
+- 创作中心入��置事实�在 SpacetimeDB，通过 `GET /api/creation-entry/config` 下�；�端�在 `platformEntryCreationTypes.ts` �展示派生，api-server 路由熔断也使用�一份�置，�止���端硬编�入��置文件。底部加�创作入�页公告�也跟��端 `eventBanners` �置，�端��展示和轮播；��公告用表�维护标题与 HTML 内容，�存时��列化为�端 `eventBannersJson` 传输字段。`最近创作` �属于模�分类，�能作为分类缺失兜底；生�中和生�失败的真实�稿摘�都应进入最近创作。
 - 一期统一创作页字段 spec �样跟� `GET /api/creation-entry/config`，由 `creationTypes[].unifiedCreationSpec` 下�；拼图�抓大鹅�敲木鱼之外的模��接入该扩展�，�端��留旧�端缺字段时的兜底默认。
 - 优先�用现有���抽屉�弹窗，�新建独立大系统。
 - �在 UI 中默认写功能说明类文本。
diff --git a/.hermes/shared-memory/pitfalls.md b/.hermes/shared-memory/pitfalls.md
index 99c0eb8c..c365c1a6 100644
--- a/.hermes/shared-memory/pitfalls.md
+++ b/.hermes/shared-memory/pitfalls.md
@@ -106,10 +106,25 @@
 ## 玩法入�分类字段缺失��端兜底
 
 - 现象：平�创作入��始化时，`platformEntryCreationTypes.ts` 直接对 `creationTypes[].categoryId` / `categoryLabel` 调 `trim()`，一旦�端旧数��局部 mock 或异常返回里缺字段，整个创作页会在 `derivePlatformCreationTypes(...)` 里直接炸掉。
-- 处�：`normalizeCategoryId(...)` 和 `normalizeCategoryLabel(...)` 必须接收�空值，并分别回退到 `recent` / `最近创作`。�端这里是展示派生层，�能�求所有历��置都先补�字段。
+- 处�：`normalizeCategoryId(...)` 和 `normalizeCategoryLabel(...)` 必须接收�空值，并分别回退到 `recommended` / `热门推�`；历� `recent` / `最近创作` 也�归一到推�分类。`最近创作` �属于模�分类页签，�能由真实�稿 / 作�架�端数�决定是�展示。
 - 验�：`npm test -- src/components/platform-entry/platformEntryCreationTypes.test.ts`，�打开本地创作页确认能正常进入创作 Tab。
 - 关�：`src/components/platform-entry/platformEntryCreationTypes.ts`�`src/components/platform-entry/platformEntryCreationTypes.test.ts`�`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
 
+## 创作入�公告�����端固定两�
+
+- 现象：点击底部加�进入的创作入�页�展示固定的拼图 / 抓大鹅主题�，��改公告表����没有�化。
+- 原因：�端�新硬编� banner 列表，绕过了 `GET /api/creation-entry/config` 的 `eventBanners` �置。
+- 处�：创作入�页公告�优先读��端 `eventBanners` 数组，多�自动轮播；旧 `eventBanner` ����兼容兜底。��主格�是标题与 HTML 内容表�，�存时�列化为�端 `eventBannersJson` 传输字段，��许�控 HTML 片段�空�� iframe 展示，�执行 JSX 或直接 DOM 注入。
+- 验�：���存两�以上公告�，点击底部加�进入创作入�页应自动轮播这些���置项；`CustomWorldCreationHub` 相关测试应断言标题�自�端�置。
+- 关�：`src/components/custom-world-home/CustomWorldCreationStartCard.tsx`�`server-rs/crates/module-runtime/src/application.rs`�`apps/admin-web/src/pages/AdminCreationEntrySwitchPage.tsx`。
+
+## 移动端�稿���长按选中文字
+
+- 现象：移动端�稿页长按作��标题或摘�时触�系统文字选区，容易误触并打断作�架�作。
+- 处�：移动端�对 `#platform-tab-panel-saves .creation-work-card` �止 `user-select` 和 `-webkit-touch-callout`；输入框�文本域和 `[contenteditable='true']` �留文本选择能力，��破�真实编辑场景。
+- 验�：移动端�稿页长按普通作��文字�出现系统选区；`src/index.test.ts` 应覆盖 CSS 选择器和�编辑控件例外。
+- 关�：`src/index.css`�`src/index.test.ts`�`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
+
 ## �稿页未读点��继续用红色 literal
 
 - 现象：�稿页底部 Tab 和作�架的未读点视觉上��红点，或 glow �带红色阴影，和平�暖棕体系�一致。
diff --git a/apps/admin-web/src/api/adminApiClient.ts b/apps/admin-web/src/api/adminApiClient.ts
index 1b8d7f9c..ef176285 100644
--- a/apps/admin-web/src/api/adminApiClient.ts
+++ b/apps/admin-web/src/api/adminApiClient.ts
@@ -1,4 +1,5 @@
 import type {
+  AdminUpsertCreationEntryEventBannersRequest,
   AdminUpsertCreationEntryTypeConfigRequest,
   AdminCreationEntryConfigResponse,
   AdminDebugHttpRequest,
@@ -197,6 +198,21 @@ export function upsertAdminCreationEntryConfig(
   );
 }
 
+/** �存创作入�公告表��列化�的�端传输字段。 */
+export function upsertAdminCreationEntryBanners(
+  token: string,
+  payload: AdminUpsertCreationEntryEventBannersRequest,
+) {
+  return request<AdminCreationEntryConfigResponse>(
+    '/admin/api/creation-entry/config/banners',
+    {
+      method: 'POST',
+      token,
+      body: payload,
+    },
+  );
+}
+
 export function listAdminWorkVisibility(token: string) {
   return request<AdminWorkVisibilityListResponse>(
     '/admin/api/works/visibility',
diff --git a/apps/admin-web/src/api/adminApiTypes.ts b/apps/admin-web/src/api/adminApiTypes.ts
index 3ba26abc..83672193 100644
--- a/apps/admin-web/src/api/adminApiTypes.ts
+++ b/apps/admin-web/src/api/adminApiTypes.ts
@@ -144,10 +144,25 @@ export interface AdminTrackingEventListQuery {
 }
 
 
+/** ��创作入��置�应，�时包�模�入�和独立公告�置。 */
 export interface AdminCreationEntryConfigResponse {
   entries: AdminCreationEntryTypeConfigPayload[];
+  eventBanners: AdminCreationEntryEventBannerPayload[];
 }
 
+/** ��创作入�公告��置项；旧结构化 banner 字段仅�留兼容。 */
+export interface AdminCreationEntryEventBannerPayload {
+  title: string;
+  description: string;
+  coverImageSrc: string;
+  prizePoolMudPoints: number;
+  startsAtText: string;
+  endsAtText: string;
+  renderMode: 'structured' | 'html';
+  htmlCode?: string | null;
+}
+
+/** ���个创作模�入��置，公告��绑定在�一个入�上。 */
 export interface AdminCreationEntryTypeConfigPayload {
   id: string;
   title: string;
@@ -164,6 +179,7 @@ export interface AdminCreationEntryTypeConfigPayload {
   unifiedCreationSpec?: UnifiedCreationSpecPayload | null;
 }
 
+/** ���存创作模�入�开关与统一创作契约的请求体。 */
 export interface AdminUpsertCreationEntryTypeConfigRequest {
   id: string;
   title: string;
@@ -179,6 +195,13 @@ export interface AdminUpsertCreationEntryTypeConfigRequest {
   unifiedCreationSpec?: UnifiedCreationSpecPayload | null;
 }
 
+/** ���存创作入�公告表��列化结果的请求体。 */
+export interface AdminUpsertCreationEntryEventBannersRequest {
+  /** 传输字段沿用�端契约，内容由��表�生�。 */
+  eventBannersJson: string;
+}
+
+/** ��统一创作工作�契约表�的传输结构。 */
 export interface UnifiedCreationSpecPayload {
   playId: string;
   title: string;
@@ -188,6 +211,7 @@ export interface UnifiedCreationSpecPayload {
   fields: UnifiedCreationFieldPayload[];
 }
 
+/** ��统一创作字段契约，�存�会校验字段类型和必填标记。 */
 export interface UnifiedCreationFieldPayload {
   id: string;
   kind: 'text' | 'select' | 'image' | 'audio';
diff --git a/apps/admin-web/src/app/AdminApp.tsx b/apps/admin-web/src/app/AdminApp.tsx
index e6327c48..9d50f380 100644
--- a/apps/admin-web/src/app/AdminApp.tsx
+++ b/apps/admin-web/src/app/AdminApp.tsx
@@ -200,6 +200,13 @@ export function AdminApp() {
           onResultChange={setInviteResult}
         />
       ) : null}
+      {routeId === 'creation-announcement' ? (
+        <AdminCreationEntrySwitchPage
+          mode="announcements"
+          token={token}
+          onUnauthorized={handleUnauthorized}
+        />
+      ) : null}
       {routeId === 'creation-entry' ? (
         <AdminCreationEntrySwitchPage
           token={token}
diff --git a/apps/admin-web/src/app/AdminShell.tsx b/apps/admin-web/src/app/AdminShell.tsx
index 6729e723..e5908331 100644
--- a/apps/admin-web/src/app/AdminShell.tsx
+++ b/apps/admin-web/src/app/AdminShell.tsx
@@ -3,6 +3,7 @@ import {
   BadgeDollarSign,
   LayoutDashboard,
   LogOut,
+  Megaphone,
   Eye,
   ShieldCheck,
   ListChecks,
@@ -35,6 +36,7 @@ const routeIcons = {
   invite: TicketCheck,
   tasks: ListChecks,
   'recharge-products': BadgeDollarSign,
+  'creation-announcement': Megaphone,
   'creation-entry': SlidersHorizontal,
   'work-visibility': Eye,
 } satisfies Record<AdminRouteId, typeof LayoutDashboard>;
diff --git a/apps/admin-web/src/app/adminRoutes.test.ts b/apps/admin-web/src/app/adminRoutes.test.ts
new file mode 100644
index 00000000..bae46be8
--- /dev/null
+++ b/apps/admin-web/src/app/adminRoutes.test.ts
@@ -0,0 +1,16 @@
+import {expect, test} from 'vitest';
+
+import {adminRoutes, resolveAdminRoute, routeHash} from './adminRoutes';
+
+// 中文注释：��入�公告必须作为独立导航存在，��公告表�被误�在入�开关页。
+test('��入�公告路由�通过导航和 hash 访问', () => {
+  expect(adminRoutes).toContainEqual({
+    id: 'creation-announcement',
+    label: '入�公告',
+    hash: '#creation-announcement',
+  });
+  expect(resolveAdminRoute('#creation-announcement')).toBe(
+    'creation-announcement',
+  );
+  expect(routeHash('creation-announcement')).toBe('#creation-announcement');
+});
diff --git a/apps/admin-web/src/app/adminRoutes.ts b/apps/admin-web/src/app/adminRoutes.ts
index c84459ae..3b6ed6c3 100644
--- a/apps/admin-web/src/app/adminRoutes.ts
+++ b/apps/admin-web/src/app/adminRoutes.ts
@@ -1,3 +1,4 @@
+/** ���页应用�导航的路由标识，入�公告独立于入�开关维护。 */
 export type AdminRouteId =
   | 'overview'
   | 'tables'
@@ -7,9 +8,11 @@ export type AdminRouteId =
   | 'invite'
   | 'tasks'
   | 'recharge-products'
+  | 'creation-announcement'
   | 'creation-entry'
   | 'work-visibility';
 
+/** ��导航项定义，hash 是�览器地��和移动底�共用入�。 */
 export interface AdminRouteDefinition {
   id: AdminRouteId;
   label: string;
@@ -25,10 +28,12 @@ export const adminRoutes: AdminRouteDefinition[] = [
   {id: 'invite', label: '邀请�', hash: '#invite'},
   {id: 'tasks', label: '任务�置', hash: '#tasks'},
   {id: 'recharge-products', label: '充值商�', hash: '#recharge-products'},
+  {id: 'creation-announcement', label: '入�公告', hash: '#creation-announcement'},
   {id: 'creation-entry', label: '入�开关', hash: '#creation-entry'},
   {id: 'work-visibility', label: '作���性', hash: '#work-visibility'},
 ];
 
+/** 根�地�� hash 解���路由，未知 hash 回�到总览页。 */
 export function resolveAdminRoute(hash: string): AdminRouteId {
   const normalizedHash = hash.trim().toLowerCase().split('?')[0] ?? '';
   return (
@@ -37,6 +42,7 @@ export function resolveAdminRoute(hash: string): AdminRouteId {
   );
 }
 
+/** 根���路由标识�查 hash，供导航点击时�步地��。 */
 export function routeHash(routeId: AdminRouteId) {
   return (
     adminRoutes.find((route) => route.id === routeId)?.hash ??
diff --git a/apps/admin-web/src/pages/AdminCreationEntrySwitchPage.test.tsx b/apps/admin-web/src/pages/AdminCreationEntrySwitchPage.test.tsx
index 75c84504..da9362d7 100644
--- a/apps/admin-web/src/pages/AdminCreationEntrySwitchPage.test.tsx
+++ b/apps/admin-web/src/pages/AdminCreationEntrySwitchPage.test.tsx
@@ -6,6 +6,7 @@ import {beforeEach, expect, test, vi} from 'vitest';
 
 import {
   getAdminCreationEntryConfig,
+  upsertAdminCreationEntryBanners,
   upsertAdminCreationEntryConfig,
 } from '../api/adminApiClient';
 import type {
@@ -20,6 +21,7 @@ vi.mock('../api/adminApiClient', () => ({
   ),
   getAdminCreationEntryConfig: vi.fn(),
   isAdminApiError: vi.fn(() => false),
+  upsertAdminCreationEntryBanners: vi.fn(),
   upsertAdminCreationEntryConfig: vi.fn(),
 }));
 
@@ -40,6 +42,18 @@ const puzzleSpec: UnifiedCreationSpecPayload = {
 };
 
 const configResponse: AdminCreationEntryConfigResponse = {
+  eventBanners: [
+    {
+      title: '创作公告',
+      description: '',
+      coverImageSrc: '',
+      prizePoolMudPoints: 0,
+      startsAtText: '',
+      endsAtText: '',
+      renderMode: 'html',
+      htmlCode: '<section>��公告</section>',
+    },
+  ],
   entries: [
     {
       id: 'puzzle',
@@ -50,9 +64,9 @@ const configResponse: AdminCreationEntryConfigResponse = {
       visible: true,
       open: true,
       sortOrder: 30,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
       unifiedCreationSpec: puzzleSpec,
     },
@@ -62,6 +76,7 @@ const configResponse: AdminCreationEntryConfigResponse = {
 beforeEach(() => {
   vi.clearAllMocks();
   vi.mocked(getAdminCreationEntryConfig).mockResolvedValue(configResponse);
+  vi.mocked(upsertAdminCreationEntryBanners).mockResolvedValue(configResponse);
   vi.mocked(upsertAdminCreationEntryConfig).mockResolvedValue(configResponse);
 });
 
@@ -93,7 +108,10 @@ test('创作入���展示并�存统一创作契约', async () => {
 test('创作入���拒� playId �一致的统一创作契约', async () => {
   const user = userEvent.setup();
   render(
-    <AdminCreationEntrySwitchPage token="admin-token" onUnauthorized={vi.fn()} />,
+    <AdminCreationEntrySwitchPage
+      token="admin-token"
+      onUnauthorized={vi.fn()}
+    />,
   );
 
   const textarea = await screen.findByLabelText('契约 JSON');
@@ -110,3 +128,109 @@ test('创作入���拒� playId �一致的统一创作契约', async ()
   expect(await screen.findByText('统一创作契约 playId 必须与入� ID 一致')).toBeTruthy();
   expect(upsertAdminCreationEntryConfig).not.toHaveBeenCalled();
 });
+
+test('创作入���用表��存公告�置', async () => {
+  const user = userEvent.setup();
+  render(
+    <AdminCreationEntrySwitchPage
+      mode="announcements"
+      token="admin-token"
+      onUnauthorized={vi.fn()}
+    />,
+  );
+
+  expect(await screen.findAllByRole('heading', {name: '创作入�公告'})).toHaveLength(2);
+  expect(screen.queryByLabelText('公告代� JSON')).toBeNull();
+  fireEvent.change(await screen.findByLabelText('公告 1 标题'), {
+    target: {value: '周末创作赛'},
+  });
+  fireEvent.change(screen.getByLabelText('公告 1 HTML'), {
+    target: {value: '<section>新的入�公告</section>'},
+  });
+  await user.click(screen.getByRole('button', {name: '新增公告'}));
+  fireEvent.change(screen.getByLabelText('公告 2 标题'), {
+    target: {value: '第二�公告'},
+  });
+  fireEvent.change(screen.getByLabelText('公告 2 HTML'), {
+    target: {value: '<section>轮播第二�</section>'},
+  });
+  await user.click(screen.getByRole('button', {name: '�存公告'}));
+  await user.click(screen.getByRole('button', {name: '确认'}));
+
+  await waitFor(() => {
+    expect(upsertAdminCreationEntryBanners).toHaveBeenCalled();
+  });
+  const [, payload] = vi.mocked(upsertAdminCreationEntryBanners).mock.calls[0]!;
+  expect(JSON.parse(payload.eventBannersJson)).toEqual([
+    {
+      title: '周末创作赛',
+      htmlCode: '<section>新的入�公告</section>',
+    },
+    {
+      title: '第二�公告',
+      htmlCode: '<section>轮播第二�</section>',
+    },
+  ]);
+  expect(JSON.parse(payload.eventBannersJson)[0]).not.toHaveProperty(
+    'description',
+  );
+  expect(JSON.parse(payload.eventBannersJson)[0]).not.toHaveProperty(
+    'coverImageSrc',
+  );
+});
+
+test('创作入���把旧结构化公告回显� HTML 表�', async () => {
+  vi.mocked(getAdminCreationEntryConfig).mockResolvedValueOnce({
+    ...configResponse,
+    eventBanners: [
+      {
+        title: '旧公告 <标题>',
+        description: '旧�述 & 需�转义',
+        coverImageSrc: '/legacy.png',
+        prizePoolMudPoints: 120,
+        startsAtText: '2026-06-01',
+        endsAtText: '2026-06-30',
+        renderMode: 'structured',
+      },
+    ],
+  });
+
+  render(
+    <AdminCreationEntrySwitchPage
+      mode="announcements"
+      token="admin-token"
+      onUnauthorized={vi.fn()}
+    />,
+  );
+
+  expect(await screen.findByLabelText('公告 1 标题')).toHaveProperty(
+    'value',
+    '旧公告 <标题>',
+  );
+  expect(screen.getByLabelText('公告 1 HTML')).toHaveProperty(
+    'value',
+    '<section><h1>旧公告 &lt;标题&gt;</h1><p>旧�述 &amp; 需�转义</p></section>',
+  );
+});
+
+test('创作入���拒�空公告表�', async () => {
+  const user = userEvent.setup();
+  render(
+    <AdminCreationEntrySwitchPage
+      mode="announcements"
+      token="admin-token"
+      onUnauthorized={vi.fn()}
+    />,
+  );
+
+  fireEvent.change(await screen.findByLabelText('公告 1 标题'), {
+    target: {value: ''},
+  });
+  fireEvent.change(screen.getByLabelText('公告 1 HTML'), {
+    target: {value: ''},
+  });
+  await user.click(screen.getByRole('button', {name: '�存公告'}));
+
+  expect(await screen.findByText('公告 1 标题和 HTML 都�能为空')).toBeTruthy();
+  expect(upsertAdminCreationEntryBanners).not.toHaveBeenCalled();
+});
diff --git a/apps/admin-web/src/pages/AdminCreationEntrySwitchPage.tsx b/apps/admin-web/src/pages/AdminCreationEntrySwitchPage.tsx
index 4a06ddd9..9de00709 100644
--- a/apps/admin-web/src/pages/AdminCreationEntrySwitchPage.tsx
+++ b/apps/admin-web/src/pages/AdminCreationEntrySwitchPage.tsx
@@ -1,28 +1,49 @@
-import {RefreshCcw, Save} from 'lucide-react';
-import {FormEvent, useEffect, useState} from 'react';
+import { Plus, RefreshCcw, Save, Trash2 } from 'lucide-react';
+import { FormEvent, useEffect, useState } from 'react';
 
 import {
   getAdminCreationEntryConfig,
+  upsertAdminCreationEntryBanners,
   upsertAdminCreationEntryConfig,
 } from '../api/adminApiClient';
 import type {
+  AdminCreationEntryEventBannerPayload,
   AdminCreationEntryTypeConfigPayload,
   UnifiedCreationFieldPayload,
   UnifiedCreationSpecPayload,
 } from '../api/adminApiTypes';
-import {useAdminWriteConfirm} from '../components/useAdminWriteConfirm';
-import {handlePageError} from './pageUtils';
+import { useAdminWriteConfirm } from '../components/useAdminWriteConfirm';
+import { handlePageError } from './pageUtils';
 
+/** 创作入���页��数；公告模��展示底部加�入�公告表�。 */
 interface AdminCreationEntrySwitchPageProps {
   token: string;
   onUnauthorized: (message?: string) => void;
+  mode?: 'switches' | 'announcements';
 }
 
+/** ��公告表�的一行编辑�，�存时会统一�列化为�端传输字段。 */
+type AnnouncementFormItem = {
+  id: string;
+  title: string;
+  htmlCode: string;
+};
+
+/** 公告表��存�的校验与�列化结果。 */
+type AnnouncementFormBuildResult =
+  | { ok: true; json: string }
+  | { ok: false; message: string };
+
+let announcementFormItemSequence = 0;
+
 export function AdminCreationEntrySwitchPage({
   token,
   onUnauthorized,
+  mode = 'switches',
 }: AdminCreationEntrySwitchPageProps) {
-  const [entries, setEntries] = useState<AdminCreationEntryTypeConfigPayload[]>([]);
+  const [entries, setEntries] = useState<
+    AdminCreationEntryTypeConfigPayload[]
+  >([]);
   const [selectedId, setSelectedId] = useState('puzzle');
   const [title, setTitle] = useState('');
   const [subtitle, setSubtitle] = useState('');
@@ -31,15 +52,21 @@ export function AdminCreationEntrySwitchPage({
   const [visible, setVisible] = useState(true);
   const [open, setOpen] = useState(true);
   const [sortOrder, setSortOrder] = useState('30');
-  const [categoryId, setCategoryId] = useState('recent');
-  const [categoryLabel, setCategoryLabel] = useState('最近创作');
-  const [categorySortOrder, setCategorySortOrder] = useState('10');
+  const [categoryId, setCategoryId] = useState('recommended');
+  const [categoryLabel, setCategoryLabel] = useState('热门推�');
+  const [categorySortOrder, setCategorySortOrder] = useState('20');
   const [unifiedCreationSpecJson, setUnifiedCreationSpecJson] = useState('');
+  const [announcementItems, setAnnouncementItems] = useState<
+    AnnouncementFormItem[]
+  >([]);
   const [isLoading, setIsLoading] = useState(false);
   const [isSaving, setIsSaving] = useState(false);
+  const [isSavingBanners, setIsSavingBanners] = useState(false);
   const [listErrorMessage, setListErrorMessage] = useState('');
   const [errorMessage, setErrorMessage] = useState('');
-  const {confirmWrite, confirmDialog} = useAdminWriteConfirm();
+  const [bannerErrorMessage, setBannerErrorMessage] = useState('');
+  const { confirmWrite, confirmDialog } = useAdminWriteConfirm();
+  const isAnnouncementMode = mode === 'announcements';
 
   useEffect(() => {
     void refreshEntries();
@@ -53,8 +80,11 @@ export function AdminCreationEntrySwitchPage({
       const response = await getAdminCreationEntryConfig(token);
       const nextEntries = sortEntries(response.entries);
       setEntries(nextEntries);
+      setAnnouncementItems(formatEventBannersFormItems(response.eventBanners));
       fillForm(
-        nextEntries.find((entry) => entry.id === selectedId) ?? nextEntries[0] ?? null,
+        nextEntries.find((entry) => entry.id === selectedId) ??
+          nextEntries[0] ??
+          null,
       );
     } catch (error: unknown) {
       handlePageError(error, onUnauthorized, setListErrorMessage);
@@ -105,6 +135,7 @@ export function AdminCreationEntrySwitchPage({
       });
       const nextEntries = sortEntries(response.entries);
       setEntries(nextEntries);
+      setAnnouncementItems(formatEventBannersFormItems(response.eventBanners));
       fillForm(nextEntries.find((entry) => entry.id === targetId) ?? null);
     } catch (error: unknown) {
       handlePageError(error, onUnauthorized, setErrorMessage);
@@ -113,6 +144,40 @@ export function AdminCreationEntrySwitchPage({
     }
   }
 
+  /** �存底部加�创作入�页的多公告表��置。 */
+  async function handleSaveBanners() {
+    if (isSavingBanners) {
+      return;
+    }
+
+    setBannerErrorMessage('');
+    const bannerJsonResult = buildEventBannersJsonFromForm(announcementItems);
+    if (!bannerJsonResult.ok) {
+      setBannerErrorMessage(bannerJsonResult.message);
+      return;
+    }
+    const confirmed = await confirmWrite({
+      action: '�存创作入�公告',
+      target: 'creation-entry-announcements',
+    });
+    if (!confirmed) {
+      return;
+    }
+
+    setIsSavingBanners(true);
+    try {
+      const response = await upsertAdminCreationEntryBanners(token, {
+        eventBannersJson: bannerJsonResult.json,
+      });
+      setEntries(sortEntries(response.entries));
+      setAnnouncementItems(formatEventBannersFormItems(response.eventBanners));
+    } catch (error: unknown) {
+      handlePageError(error, onUnauthorized, setBannerErrorMessage);
+    } finally {
+      setIsSavingBanners(false);
+    }
+  }
+
   function fillForm(entry: AdminCreationEntryTypeConfigPayload | null) {
     if (!entry) {
       return;
@@ -128,15 +193,53 @@ export function AdminCreationEntrySwitchPage({
     setCategoryId(entry.categoryId);
     setCategoryLabel(entry.categoryLabel);
     setCategorySortOrder(String(entry.categorySortOrder));
-    setUnifiedCreationSpecJson(formatUnifiedCreationSpecJson(entry.unifiedCreationSpec));
+    setUnifiedCreationSpecJson(
+      formatUnifiedCreationSpecJson(entry.unifiedCreationSpec),
+    );
+  }
+
+  /** 更新��公告表�字段，����页�直接暴露 JSON 编辑。 */
+  function updateAnnouncementItem(
+    index: number,
+    patch: Partial<Pick<AnnouncementFormItem, 'title' | 'htmlCode'>>,
+  ) {
+    setAnnouncementItems((currentItems) =>
+      currentItems.map((item, itemIndex) =>
+        itemIndex === index ? { ...item, ...patch } : item,
+      ),
+    );
+  }
+
+  /** 新增一�空公告表�行。 */
+  function addAnnouncementItem() {
+    setAnnouncementItems((currentItems) => [
+      ...currentItems,
+      createAnnouncementFormItem('', ''),
+    ]);
+  }
+
+  /** 删除指定公告表�行，至少�留一�空行供继续编辑。 */
+  function removeAnnouncementItem(index: number) {
+    setAnnouncementItems((currentItems) => {
+      const nextItems = currentItems.filter(
+        (_, itemIndex) => itemIndex !== index,
+      );
+      return nextItems.length > 0
+        ? nextItems
+        : [createAnnouncementFormItem('', '')];
+    });
   }
 
   return (
     <section className="admin-page">
       <div className="admin-page-heading">
         <div>
-          <h2>创作入�开关</h2>
-          <p>控制创作中心入�展示与�行�路由�用性</p>
+          <h2>{isAnnouncementMode ? '创作入�公告' : '创作入�开关'}</h2>
+          <p>
+            {isAnnouncementMode
+              ? '�置底部加�创作入�页的公告轮播'
+              : '控制创作中心入�展示与�行�路由�用性'}
+          </p>
         </div>
         <button
           className="admin-secondary-button"
@@ -155,161 +258,255 @@ export function AdminCreationEntrySwitchPage({
         </div>
       ) : null}
 
-      <div className="admin-two-column admin-two-column-wide">
-        <form className="admin-panel admin-form" onSubmit={handleSave}>
-          <div className="admin-form-row">
-            <label className="admin-field admin-field-fill">
-              <span>入� ID</span>
-              <input
-                value={selectedId}
-                onChange={(event) => setSelectedId(event.target.value)}
-              />
-            </label>
-            <label className="admin-switch-field">
-              <input
-                checked={visible}
-                type="checkbox"
-                onChange={(event) => setVisible(event.target.checked)}
-              />
-              <span>展示</span>
-            </label>
-            <label className="admin-switch-field">
-              <input
-                checked={open}
-                type="checkbox"
-                onChange={(event) => setOpen(event.target.checked)}
-              />
-              <span>开放</span>
-            </label>
+      {isAnnouncementMode ? (
+        <section className="admin-panel admin-form">
+          <div className="admin-subsection-heading">
+            <h3>创作入�公告</h3>
+            <span>{announcementItems.length > 0 ? '已�置' : '未�置'}</span>
           </div>
-
-          <div className="admin-form-row">
-            <label className="admin-field">
-              <span>标题</span>
-              <input value={title} onChange={(event) => setTitle(event.target.value)} />
-            </label>
-            <label className="admin-field">
-              <span>角标</span>
-              <input value={badge} onChange={(event) => setBadge(event.target.value)} />
-            </label>
-          </div>
-
-          <label className="admin-field">
-            <span>副标题</span>
-            <input value={subtitle} onChange={(event) => setSubtitle(event.target.value)} />
-          </label>
-
-          <label className="admin-field">
-            <span>图片路径</span>
-            <input value={imageSrc} onChange={(event) => setImageSrc(event.target.value)} />
-          </label>
-
-          <label className="admin-field">
-            <span>排�</span>
-            <input
-              inputMode="numeric"
-              value={sortOrder}
-              onChange={(event) => setSortOrder(event.target.value)}
-            />
-          </label>
-
-          <div className="admin-form-row">
-            <label className="admin-field">
-              <span>分类 ID</span>
-              <input
-                value={categoryId}
-                onChange={(event) => setCategoryId(event.target.value)}
-              />
-            </label>
-            <label className="admin-field">
-              <span>分类�称</span>
-              <input
-                value={categoryLabel}
-                onChange={(event) => setCategoryLabel(event.target.value)}
-              />
-            </label>
-          </div>
-
-          <label className="admin-field">
-            <span>分类排�</span>
-            <input
-              inputMode="numeric"
-              value={categorySortOrder}
-              onChange={(event) => setCategorySortOrder(event.target.value)}
-            />
-          </label>
-
-          <section className="admin-subsection">
-            <div className="admin-subsection-heading">
-              <span>统一创作契约</span>
-              <span>{unifiedCreationSpecJson.trim() ? '已�置' : '未�置'}</span>
-            </div>
-            {unifiedCreationSpecJson.trim() ? (
-              <UnifiedCreationSpecSummary specJson={unifiedCreationSpecJson} />
-            ) : (
-              <div className="admin-muted-text">未�置统一创作页契约</div>
-            )}
-            <label className="admin-field">
-              <span>契约 JSON</span>
-              <textarea
-                rows={12}
-                value={unifiedCreationSpecJson}
-                onChange={(event) => setUnifiedCreationSpecJson(event.target.value)}
-              />
-            </label>
-          </section>
-
-          {errorMessage ? (
-            <div className="admin-alert" role="status">
-              {errorMessage}
-            </div>
-          ) : null}
-
           <div className="admin-form-actions">
-            <button className="admin-primary-button" disabled={isSaving} type="submit">
-              <Save size={17} aria-hidden="true" />
-              <span>{isSaving ? '�存中' : '�存入库'}</span>
+            <button
+              className="admin-secondary-button"
+              type="button"
+              onClick={addAnnouncementItem}
+            >
+              <Plus size={17} aria-hidden="true" />
+              <span>新增公告</span>
             </button>
           </div>
-        </form>
-
-        <section className="admin-panel">
-          <div className="admin-table-wrap">
-            <table className="admin-table admin-table-compact">
-              <thead>
-                <tr>
-                  <th>入�</th>
-                  <th>展示</th>
-                  <th>开放</th>
-                  <th>统一契约</th>
-                  <th>分类</th>
-                  <th>排�</th>
-                </tr>
-              </thead>
-              <tbody>
-                {entries.map((entry) => (
-                  <tr key={entry.id}>
-                    <td>
-                      <button
-                        className="admin-link-button"
-                        type="button"
-                        onClick={() => fillForm(entry)}
-                      >
-                        {entry.title || entry.id}
-                      </button>
-                    </td>
-                    <td>{entry.visible ? '是' : '�'}</td>
-                    <td>{entry.open ? '是' : '�'}</td>
-                    <td>{entry.unifiedCreationSpec ? '是' : '�'}</td>
-                    <td>{entry.categoryLabel || entry.categoryId}</td>
-                    <td>{entry.sortOrder}</td>
-                  </tr>
-                ))}
-              </tbody>
-            </table>
+          {announcementItems.map((item, index) => (
+            <section className="admin-subsection" key={item.id}>
+              <div className="admin-subsection-heading">
+                <span>{`公告 ${index + 1}`}</span>
+                <button
+                  className="admin-link-button"
+                  type="button"
+                  aria-label={`删除公告 ${index + 1}`}
+                  onClick={() => removeAnnouncementItem(index)}
+                >
+                  <Trash2 size={15} aria-hidden="true" />
+                  删除
+                </button>
+              </div>
+              <label className="admin-field">
+                <span>{`公告 ${index + 1} 标题`}</span>
+                <input
+                  value={item.title}
+                  onChange={(event) =>
+                    updateAnnouncementItem(index, { title: event.target.value })
+                  }
+                />
+              </label>
+              <label className="admin-field">
+                <span>{`公告 ${index + 1} HTML`}</span>
+                <textarea
+                  rows={6}
+                  value={item.htmlCode}
+                  onChange={(event) =>
+                    updateAnnouncementItem(index, {
+                      htmlCode: event.target.value,
+                    })
+                  }
+                />
+              </label>
+            </section>
+          ))}
+          {bannerErrorMessage ? (
+            <div className="admin-alert" role="status">
+              {bannerErrorMessage}
+            </div>
+          ) : null}
+          <div className="admin-form-actions">
+            <button
+              className="admin-secondary-button"
+              disabled={isSavingBanners}
+              type="button"
+              onClick={handleSaveBanners}
+            >
+              <Save size={17} aria-hidden="true" />
+              <span>{isSavingBanners ? '�存中' : '�存公告'}</span>
+            </button>
           </div>
         </section>
-      </div>
+      ) : null}
+
+      {!isAnnouncementMode ? (
+        <div className="admin-two-column admin-two-column-wide">
+          <form className="admin-panel admin-form" onSubmit={handleSave}>
+            <div className="admin-form-row">
+              <label className="admin-field admin-field-fill">
+                <span>入� ID</span>
+                <input
+                  value={selectedId}
+                  onChange={(event) => setSelectedId(event.target.value)}
+                />
+              </label>
+              <label className="admin-switch-field">
+                <input
+                  checked={visible}
+                  type="checkbox"
+                  onChange={(event) => setVisible(event.target.checked)}
+                />
+                <span>展示</span>
+              </label>
+              <label className="admin-switch-field">
+                <input
+                  checked={open}
+                  type="checkbox"
+                  onChange={(event) => setOpen(event.target.checked)}
+                />
+                <span>开放</span>
+              </label>
+            </div>
+
+            <div className="admin-form-row">
+              <label className="admin-field">
+                <span>标题</span>
+                <input
+                  value={title}
+                  onChange={(event) => setTitle(event.target.value)}
+                />
+              </label>
+              <label className="admin-field">
+                <span>角标</span>
+                <input
+                  value={badge}
+                  onChange={(event) => setBadge(event.target.value)}
+                />
+              </label>
+            </div>
+
+            <label className="admin-field">
+              <span>副标题</span>
+              <input
+                value={subtitle}
+                onChange={(event) => setSubtitle(event.target.value)}
+              />
+            </label>
+
+            <label className="admin-field">
+              <span>图片路径</span>
+              <input
+                value={imageSrc}
+                onChange={(event) => setImageSrc(event.target.value)}
+              />
+            </label>
+
+            <label className="admin-field">
+              <span>排�</span>
+              <input
+                inputMode="numeric"
+                value={sortOrder}
+                onChange={(event) => setSortOrder(event.target.value)}
+              />
+            </label>
+
+            <div className="admin-form-row">
+              <label className="admin-field">
+                <span>分类 ID</span>
+                <input
+                  value={categoryId}
+                  onChange={(event) => setCategoryId(event.target.value)}
+                />
+              </label>
+              <label className="admin-field">
+                <span>分类�称</span>
+                <input
+                  value={categoryLabel}
+                  onChange={(event) => setCategoryLabel(event.target.value)}
+                />
+              </label>
+            </div>
+
+            <label className="admin-field">
+              <span>分类排�</span>
+              <input
+                inputMode="numeric"
+                value={categorySortOrder}
+                onChange={(event) => setCategorySortOrder(event.target.value)}
+              />
+            </label>
+
+            <section className="admin-subsection">
+              <div className="admin-subsection-heading">
+                <span>统一创作契约</span>
+                <span>
+                  {unifiedCreationSpecJson.trim() ? '已�置' : '未�置'}
+                </span>
+              </div>
+              {unifiedCreationSpecJson.trim() ? (
+                <UnifiedCreationSpecSummary specJson={unifiedCreationSpecJson} />
+              ) : (
+                <div className="admin-muted-text">未�置统一创作页契约</div>
+              )}
+              <label className="admin-field">
+                <span>契约 JSON</span>
+                <textarea
+                  rows={12}
+                  value={unifiedCreationSpecJson}
+                  onChange={(event) =>
+                    setUnifiedCreationSpecJson(event.target.value)
+                  }
+                />
+              </label>
+            </section>
+
+            {errorMessage ? (
+              <div className="admin-alert" role="status">
+                {errorMessage}
+              </div>
+            ) : null}
+
+            <div className="admin-form-actions">
+              <button
+                className="admin-primary-button"
+                disabled={isSaving}
+                type="submit"
+              >
+                <Save size={17} aria-hidden="true" />
+                <span>{isSaving ? '�存中' : '�存入库'}</span>
+              </button>
+            </div>
+          </form>
+
+          <section className="admin-panel">
+            <div className="admin-table-wrap">
+              <table className="admin-table admin-table-compact">
+                <thead>
+                  <tr>
+                    <th>入�</th>
+                    <th>展示</th>
+                    <th>开放</th>
+                    <th>统一契约</th>
+                    <th>分类</th>
+                    <th>排�</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {entries.map((entry) => (
+                    <tr key={entry.id}>
+                      <td>
+                        <button
+                          className="admin-link-button"
+                          type="button"
+                          onClick={() => fillForm(entry)}
+                        >
+                          {entry.title || entry.id}
+                        </button>
+                      </td>
+                      <td>{entry.visible ? '是' : '�'}</td>
+                      <td>{entry.open ? '是' : '�'}</td>
+                      <td>{entry.unifiedCreationSpec ? '是' : '�'}</td>
+                      <td>{entry.categoryLabel || entry.categoryId}</td>
+                      <td>{entry.sortOrder}</td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+          </section>
+        </div>
+      ) : null}
 
       {confirmDialog}
     </section>
@@ -333,6 +530,83 @@ function parseInteger(value: string) {
   return parsed;
 }
 
+/** 为公告表�行生�稳定 key，��编辑时 React �建输入框。 */
+function nextAnnouncementFormItemId() {
+  announcementFormItemSequence += 1;
+  return `announcement-${announcementFormItemSequence}`;
+}
+
+/** 创建公告表�行，��返回为空时也�供一��编辑空行。 */
+function createAnnouncementFormItem(
+  title: string,
+  htmlCode: string,
+): AnnouncementFormItem {
+  return {
+    id: nextAnnouncementFormItemId(),
+    title,
+    htmlCode,
+  };
+}
+
+/** 把��公告快照转��表�行；旧结构化 banner 会�级� HTML 公告片段。 */
+function formatEventBannersFormItems(
+  banners: AdminCreationEntryEventBannerPayload[] | null | undefined,
+): AnnouncementFormItem[] {
+  const formItems = (banners ?? []).map((banner) =>
+    createAnnouncementFormItem(
+      banner.title,
+      banner.renderMode === 'html' && banner.htmlCode
+        ? banner.htmlCode
+        : buildStructuredAnnouncementHtml(banner),
+    ),
+  );
+  return formItems.length > 0
+    ? formItems
+    : [createAnnouncementFormItem('', '')];
+}
+
+/** �存�把公告表��列化为�端传输字段，并先�必填校验。 */
+function buildEventBannersJsonFromForm(
+  items: AnnouncementFormItem[],
+): AnnouncementFormBuildResult {
+  const banners = items.map((item) => ({
+    title: item.title.trim(),
+    htmlCode: item.htmlCode.trim(),
+  }));
+  if (banners.length === 0) {
+    return {ok: false as const, message: '至少需�一�公告'};
+  }
+  const emptyIndex = banners.findIndex(
+    (banner) => !banner.title || !banner.htmlCode,
+  );
+  if (emptyIndex >= 0) {
+    return {
+      ok: false as const,
+      message: `公告 ${emptyIndex + 1} 标题和 HTML 都�能为空`,
+    };
+  }
+
+  return {ok: true as const, json: JSON.stringify(banners, null, 2)};
+}
+
+/** 将旧结构化公告字段转��编辑 HTML，����表�丢失历�公告内容。 */
+function buildStructuredAnnouncementHtml(
+  banner: AdminCreationEntryEventBannerPayload,
+): string {
+  return `<section><h1>${escapeAnnouncementHtmlText(
+    banner.title,
+  )}</h1><p>${escapeAnnouncementHtmlText(banner.description)}</p></section>`;
+}
+
+/** 转义旧结构化文案，确��移到 HTML 表�时�会�外��标签。 */
+function escapeAnnouncementHtmlText(value: string): string {
+  return value
+    .replaceAll('&', '&amp;')
+    .replaceAll('<', '&lt;')
+    .replaceAll('>', '&gt;')
+    .replaceAll('"', '&quot;');
+}
+
 function formatUnifiedCreationSpecJson(
   spec: UnifiedCreationSpecPayload | null | undefined,
 ) {
diff --git a/docs/��端架构】server-rs与SpacetimeDB数�契约-2026-05-15.md b/docs/��端架构】server-rs与SpacetimeDB数�契约-2026-05-15.md
index 0cf69286..1505da66 100644
--- a/docs/��端架构】server-rs与SpacetimeDB数�契约-2026-05-15.md
+++ b/docs/��端架构】server-rs与SpacetimeDB数�契约-2026-05-15.md
@@ -58,7 +58,7 @@ npm run check:server-rs-ddd
 - 个人中心：`/api/profile/*`，包括钱包�水�任务�领奖�充值��馈�邀请�兑��存档�历��览和游玩统计。
 - LLM 与语音：`/api/llm/*`�`/api/speech/volcengine/*`。
 - 资产：`/api/assets/*`，包括直传票��STS�对象确认�实体绑定�读签��读 bytes�历�资产�角色图�/动画和 Hyper3D 代�。
-- 创作入��置：`/api/creation-entry/config` 与�� `/admin/api/creation-entry/config`。
+- 创作入��置：`/api/creation-entry/config`，�� `/admin/api/creation-entry/config` 和 `/admin/api/creation-entry/config/banners`。
 - 自定义世界 / RPG：`/api/runtime/custom-world*`�`/api/story/*`�`/api/runtime/chat/*`。
 - 拼图：`/api/runtime/puzzle/*`。
 - 抓大鹅 Match3D：`/api/creation/match3d/*`�`/api/runtime/match3d/*`。
@@ -330,8 +330,8 @@ npm run check:server-rs-ddd
 
 - Rust 结构体：`CreationEntryConfig`
 - ��：`server-rs/crates/spacetime-module/src/runtime/creation_entry_config.rs`
-- 字段：`config_id`�`start_title`�`start_description`�`start_idle_badge`�`start_busy_badge`�`modal_title`�`modal_description`�`updated_at`�`event_title`�`event_description`�`event_cover_image_src`�`event_prize_pool_mud_points`�`event_starts_at_text`�`event_ends_at_text`。
-- �移兼容：旧�移包缺少活动横幅字段时，由 `migration.rs` 写入 `None` / `58000` 默认值；�行�读�层�按 `module-runtime` 默认横幅归一，�覆盖��已�存�置。
+- 字段：`config_id`�`start_title`�`start_description`�`start_idle_badge`�`start_busy_badge`�`modal_title`�`modal_description`�`updated_at`�`event_title`�`event_description`�`event_cover_image_src`�`event_prize_pool_mud_points`�`event_starts_at_text`�`event_ends_at_text`�`event_banners_json`。
+- �移兼容：旧�移包缺少活动横幅字段时，由 `migration.rs` 写入 `None` / `58000` 默认值；旧库缺少 `event_banners_json` 时写入 `None`，�行�读�层�按 `module-runtime` 默认公告数组归一，�覆盖��已�存�置。HTTP �应�时返回 `eventBanners` 数组和旧 `eventBanner` ��兼容字段，�端优先消费数组；��新�置主格�为 HTML 公告字符串数组或 `{title, htmlCode}` 对象数组，旧结构化 banner 字段仅�留兼容。
 
 ### `creation_entry_type_config`
 
@@ -673,7 +673,7 @@ npm run check:server-rs-ddd
 跨玩法公开作�列表 / 详情主读模型是 `public_work_gallery_entry` 与 `public_work_detail_entry`。拼图�自定义世界等旧玩法公开列表 HTTP 路由�留原�应 shape，由 BFF mapper 从统一 public cache 映射回当� DTO；旧 `*_gallery_card_view` / `*_gallery_view` / `custom_world_gallery_entry` 继续作为 source view 和兼容缓存。�玩法的个人作�列表�详情��布�点赞�游玩记录�Remix 和其它需�鉴�或写入副作用的路径继续走 procedure / reducer；��为了公开列表性能把这些 owner-specific 或 mutation 语义混进 public view。
 
 `GET /api/creation-entry/config` 和入�熔断优先从订阅 cache 读�创作入��置；cache 缺失时使用最近一次�功读�的内存快照，�兜底调用 `get_creation_entry_config` procedure 完�空库��或旧库兼容。
-入��置快照包� start card�类型弹窗�活动横幅和入�类型列表；入�类型列表新增 `category_id`�`category_label`�`category_sort_order` �，�� upsert�`shared-contracts`�`module-runtime` 和 `spacetime-client` binding 必须�步，旧�移 JSON 通过 `migration.rs` 默认值兼容。
+入��置快照包� start card�类型弹窗�公告�兼容字段和入�类型列表；入�类型列表新增 `category_id`�`category_label`�`category_sort_order` �，�� upsert�`shared-contracts`�`module-runtime` 和 `spacetime-client` binding 必须�步，旧�移 JSON 通过 `migration.rs` 默认值兼容。
 
 RPG 创作入�的�置 ID 是 `rpg`，当� `visible=true`�`open=true`；历� `custom-world` 路由�是 RPG 的工程域与�行��类型。入�熔断把 `/api/runtime/custom-world*`�`/api/story/*` 和 `/api/runtime/chat/*` 统一映射到 `rpg`，��新增平行 `airp` 路由或用 `airp` 接管当�文字冒险链路。
 
diff --git a/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md b/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
index d367bf19..8866ce71 100644
--- a/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
+++ b/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
@@ -6,7 +6,7 @@
 
 创作入��置事实�在 SpacetimeDB，通过 `GET /api/creation-entry/config` 下�；��通过 `/admin/api/creation-entry/config` 管�。�端�在展示层派生���片和入�状�，`api-server` 路由熔断也使用�一份�置。�����端硬编�入��置文件。
 
-当�创作 Tab �承载赛事 banner�玩法模�分类和两列模��；点击模���直接进入对应玩法已有的入�创作表� stage，���过空白��页，也�把旧表�嵌进创作 Tab 首�。移动端创作 Tab 顶�在 `陶泥儿` �牌�一行显示真实账户泥点数，数��自 `profileDashboard.walletBalance`，�得�把活动奖池当作账�余�展示。首� banner 结构按�考图拆�横��滑动赛事��主体宣传图文区�奖池胶囊�开始 / 结�时间�和�片内分页点；轮播��留 `拼图主题创作赛` 和 `抓大鹅主题创作赛`，两个主题赛事奖池�为 `1000` 泥点数。玩法列表��套外部边框�片，移动端需�压缩横�边�和两列间�；玩法�统一按“上图�左上状�标签（仅�开放�显示）����下 `10-20泥点数`�下方白底标题/�述�结构展示，�片高度��紧凑但标题��述和预估消耗点数都必须��。创作 Tab 根容器��使用 `platform-page-stage` 这类全局内容�片壳，但继续�留 `platform-remap-surface` 作为主题和输入框样�命中钩�。创作首�字�需�对�平�普通 UI 档�：顶�泥点组件�banner 正文�分类 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`，这些入�继续承接�玩法自己的表���稿��和�续编排，�作为创作 Tab 首�内容。
+当�点击底部加�进入的创作入�页承载��公告��创作入�页签和两列模��；页签中�有真实�端作�架摘�存在时�展示“最近创作�，其余为玩法模�分类。点击模���直接进入对应玩法已有的入�创作表� 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`，这些入�继续承接�玩法自己的表���稿��和�续编排，�作为创作入�页内容。
 
 创作���数��留 `sessionId`�`profileId`�`draftId`�`workId` 这四个�有 query。它们��许在�一�创作链路的结果页�生�页�工作�之间�留；切到首页�公开作�详情�runtime 或�一�玩法链路时必须清掉。生�页等待时间统一以生�状�里的 `startedAtMs` 为准；创建该状�时优先使用�端 session 下�的时间戳，作�摘�里的 `updatedAt` ��用于排�与摘�展示，�作为�端自行推导业务状�的真相。
 
@@ -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` 当作�缺失字段处�，空值统一回退到 `recent` / `最近创作`，��旧数��局部 mock 或异常返回把创作入��始化直接打崩。
+`platformEntryCreationTypes.ts` ���端展示派生，分组时必须把�端 `creationTypes` 里的 `categoryId` / `categoryLabel` 当作�缺失字段处�，空值统一回退到 `recommended` / `热门推�`，并把历� `recent` / `最近创作` 归一到推�分类。`最近创作` �属于模�分类页签，�能由真实�稿 / 作�架�端数�决定是�展示。
 
 移动端底部一级导航是全局平�样�，�按�一玩法分�。当�视觉统一为米白浮动胶囊底座�浅棕分隔线�棕色线性图标�橘色选中�和底部短下划线；中间 `创作` 入���凸起圆形主按钮，但凸起�移�能作用在按钮内容层，�能移动承载分隔线的 Tab 按钮容器，确�创作左�分隔线与其他分隔线垂直�置一致。Tab �称和��性�由现有 `PlatformHomeTab` / 登录�规则决定，样�调整�得改写 Tab 文案或导航状�。
 
@@ -51,6 +51,7 @@
 7. 从�稿 Tab 作�架打开�稿工作区�生�页或结果页时，返回按钮必须回到�稿 Tab 的�一作�架语境；从创作 Tab 新建或直接进入创作链路时�回到创作 Tab。平�壳层需�显�记录本次创作�的返回��，�能让结果页返回动作固定跳到创作入�。
 8. �有 generated 图片必须通过 `ResolvedAssetImage` / `/api/assets/read-url` �签读�。
 9. 敲木鱼作�架读�当�用户作�列表时走 `GET /api/creation/wooden-fish/works`；�布�功�平�壳必须�时刷新作�架与公开广场，��作�刚�布时��留在旧列表。
+10. 移动端�稿页作���止长按选择文字，��误触系统选区；输入框�文本域和�编辑区域�必须�留文本选择能力。
 
 �现 Tab�创作 Tab 与�稿 Tab 的页�根内容区��套 `platform-page-stage` 外层全局�片壳，让列表�筛选和玩法�获得更宽的横�空间；推�页和我的页�按�自页�设计�留原有全局�片�径。移动端“我的�页�按顶部头� / 昵称 / 陶泥��会员横幅�三张统计���日任务�五项常用功能宫格�设置入�和法律信�组织，��留旧的底部“填邀请��次级入�；常用功能当��展示四项常驻入�时必须按四列铺满整行，��留五列网格导致左对�空�；�日任务�必须读� `/api/profile/tasks` 的当�任务摘�并在领���步刷新�片进度。字�必须维�平�普通 UI 档�，�能因为窄�把�片标题�功能 label 或法律信�撑�展示级字�；最�一�内容必须能在底部 dock 上方完整滚动露出，�得被固定底部导航�挡。
 
diff --git a/package-lock.json b/package-lock.json
index 3756b11e..528bddb5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -31,6 +31,7 @@
         "@types/three": "^0.184.0",
         "@typescript-eslint/eslint-plugin": "^6.21.0",
         "@typescript-eslint/parser": "^6.21.0",
+        "@vitest/coverage-v8": "^0.34.6",
         "autoprefixer": "^10.4.21",
         "eslint": "^8.57.1",
         "eslint-config-prettier": "^9.1.0",
@@ -48,6 +49,20 @@
         "vitest": "^0.34.6"
       }
     },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
+      "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/@babel/code-frame": {
       "version": "7.29.0",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
@@ -73,7 +88,6 @@
       "version": "7.29.0",
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
       "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
-      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.29.0",
         "@babel/generator": "^7.29.0",
@@ -302,6 +316,13 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@bcoe/v8-coverage": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
+      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@clack/core": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/@clack/core/-/core-1.3.1.tgz",
@@ -851,6 +872,16 @@
       "deprecated": "Use @eslint/object-schema instead",
       "dev": true
     },
+    "node_modules/@istanbuljs/schema": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.6.tgz",
+      "integrity": "sha512-+Sg6GCR/wy1oSmQDFq4LQDAhm3ETKnorxN+y5nbLULOR3P0c14f2Wurzj3/xqPXtasLFfHd5iRFQ7AJt4KH2cw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/@jest/schemas": {
       "version": "29.6.3",
       "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
@@ -1575,6 +1606,7 @@
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "dev": true,
+      "peer": true,
       "engines": {
         "node": ">=10"
       },
@@ -1587,6 +1619,7 @@
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
       "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "ansi-regex": "^5.0.1",
         "ansi-styles": "^5.0.0",
@@ -1600,7 +1633,8 @@
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "node_modules/@testing-library/react": {
       "version": "16.3.2",
@@ -1663,7 +1697,8 @@
       "version": "5.0.4",
       "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
       "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "node_modules/@types/babel__core": {
       "version": "7.20.5",
@@ -1706,8 +1741,7 @@
       "version": "4.3.20",
       "resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.20.tgz",
       "integrity": "sha512-/pC9HAB5I/xMlc5FP77qjCnI16ChlJfW0tGa0IUcFn38VJrTV6DeZ60NU5KZBtaOZqjdpwTWohz5HU1RrhiYxQ==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/@types/chai-subset": {
       "version": "1.3.6",
@@ -1723,6 +1757,13 @@
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
       "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="
     },
+    "node_modules/@types/istanbul-lib-coverage": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
+      "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/json-schema": {
       "version": "7.0.15",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
@@ -1753,7 +1794,6 @@
       "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
       "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "csstype": "^3.2.2"
       }
@@ -1763,7 +1803,6 @@
       "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
       "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
       "dev": true,
-      "peer": true,
       "peerDependencies": {
         "@types/react": "^19.2.0"
       }
@@ -1855,7 +1894,6 @@
       "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.21.0.tgz",
       "integrity": "sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "6.21.0",
         "@typescript-eslint/types": "6.21.0",
@@ -2079,6 +2117,32 @@
         "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
       }
     },
+    "node_modules/@vitest/coverage-v8": {
+      "version": "0.34.6",
+      "resolved": "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-0.34.6.tgz",
+      "integrity": "sha512-fivy/OK2d/EsJFoEoxHFEnNGTg+MmdZBAVK9Ka4qhXR2K3J0DS08vcGVwzDtXSuUMabLv4KtPcpSKkcMXFDViw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.1",
+        "@bcoe/v8-coverage": "^0.2.3",
+        "istanbul-lib-coverage": "^3.2.0",
+        "istanbul-lib-report": "^3.0.1",
+        "istanbul-lib-source-maps": "^4.0.1",
+        "istanbul-reports": "^3.1.5",
+        "magic-string": "^0.30.1",
+        "picocolors": "^1.0.0",
+        "std-env": "^3.3.3",
+        "test-exclude": "^6.0.0",
+        "v8-to-istanbul": "^9.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "vitest": ">=0.32.0 <1"
+      }
+    },
     "node_modules/@vitest/expect": {
       "version": "0.34.6",
       "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-0.34.6.tgz",
@@ -2186,7 +2250,6 @@
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "dev": true,
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -2277,6 +2340,7 @@
       "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "dequal": "^2.0.3"
       }
@@ -2460,7 +2524,6 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -2824,6 +2887,7 @@
       "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=6"
       }
@@ -2879,7 +2943,8 @@
       "version": "0.5.16",
       "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
       "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "node_modules/domexception": {
       "version": "4.0.0",
@@ -3077,7 +3142,6 @@
       "integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==",
       "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
@@ -3796,6 +3860,13 @@
         "node": ">=12"
       }
     },
+    "node_modules/html-escaper": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
+      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/http-proxy-agent": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
@@ -3964,6 +4035,60 @@
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
       "dev": true
     },
+    "node_modules/istanbul-lib-coverage": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz",
+      "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-report": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
+      "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "istanbul-lib-coverage": "^3.0.0",
+        "make-dir": "^4.0.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-lib-source-maps": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
+      "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "istanbul-lib-coverage": "^3.0.0",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-reports": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.2.0.tgz",
+      "integrity": "sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "html-escaper": "^2.0.0",
+        "istanbul-lib-report": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/jiti": {
       "version": "2.6.1",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
@@ -3994,7 +4119,6 @@
       "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-22.1.0.tgz",
       "integrity": "sha512-/9AVW7xNbsBv6GfWho4TTNjEo9fe6Zhf9O7s0Fhhr3u+awPwAJMKwAMXnkk5vBxflqLW9hTHX/0cs+P3gW+cQw==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "abab": "^2.0.6",
         "cssstyle": "^3.0.0",
@@ -4401,6 +4525,7 @@
       "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
       "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
       "dev": true,
+      "peer": true,
       "bin": {
         "lz-string": "bin/bin.js"
       }
@@ -4413,6 +4538,35 @@
         "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
+    "node_modules/make-dir": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
+      "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.1.tgz",
+      "integrity": "sha512-rkVq3IXh+4FDGch+KwzX3aV9W3kO54GyEgpvBzSyctDA6Xtd7RJQV1xmXbeQp5v7+VzLOfVqiutSE6GICgPFvg==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -4866,7 +5020,6 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -5069,7 +5222,6 @@
       "version": "19.2.4",
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz",
       "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==",
-      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -5078,7 +5230,6 @@
       "version": "19.2.4",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz",
       "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==",
-      "peer": true,
       "dependencies": {
         "scheduler": "^0.27.0"
       },
@@ -5404,6 +5555,16 @@
         "node": ">=8"
       }
     },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -5551,6 +5712,21 @@
         "node": ">=6"
       }
     },
+    "node_modules/test-exclude": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
+      "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@istanbuljs/schema": "^0.1.2",
+        "glob": "^7.1.4",
+        "minimatch": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
@@ -5673,7 +5849,6 @@
       "resolved": "https://registry.npmjs.org/tsx/-/tsx-4.21.0.tgz",
       "integrity": "sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw==",
       "devOptional": true,
-      "peer": true,
       "dependencies": {
         "esbuild": "~0.27.0",
         "get-tsconfig": "^4.7.5"
@@ -5740,7 +5915,6 @@
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
       "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
       "dev": true,
-      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -5826,11 +6000,25 @@
       "license": "MIT",
       "optional": true
     },
+    "node_modules/v8-to-istanbul": {
+      "version": "9.3.0",
+      "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.3.0.tgz",
+      "integrity": "sha512-kiGUalWN+rgBJ/1OHZsBtU4rXZOfj/7rKQxULKlIzwzQSvMJUUNgPwJEEh7gU6xEVxC0ahoOBvN2YI8GH6FNgA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.12",
+        "@types/istanbul-lib-coverage": "^2.0.1",
+        "convert-source-map": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10.12.0"
+      }
+    },
     "node_modules/vite": {
       "version": "6.4.1",
       "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.1.tgz",
       "integrity": "sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==",
-      "peer": true,
       "dependencies": {
         "esbuild": "^0.25.0",
         "fdir": "^6.4.4",
@@ -7647,6 +7835,16 @@
     }
   },
   "dependencies": {
+    "@ampproject/remapping": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
+      "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
+      "dev": true,
+      "requires": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
     "@babel/code-frame": {
       "version": "7.29.0",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
@@ -7666,7 +7864,6 @@
       "version": "7.29.0",
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
       "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
-      "peer": true,
       "requires": {
         "@babel/code-frame": "^7.29.0",
         "@babel/generator": "^7.29.0",
@@ -7825,6 +8022,12 @@
         "@babel/helper-validator-identifier": "^7.28.5"
       }
     },
+    "@bcoe/v8-coverage": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
+      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
+      "dev": true
+    },
     "@clack/core": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/@clack/core/-/core-1.3.1.tgz",
@@ -8089,6 +8292,12 @@
       "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
       "dev": true
     },
+    "@istanbuljs/schema": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.6.tgz",
+      "integrity": "sha512-+Sg6GCR/wy1oSmQDFq4LQDAhm3ETKnorxN+y5nbLULOR3P0c14f2Wurzj3/xqPXtasLFfHd5iRFQ7AJt4KH2cw==",
+      "dev": true
+    },
     "@jest/schemas": {
       "version": "29.6.3",
       "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
@@ -8516,13 +8725,15 @@
           "version": "5.2.0",
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
           "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-          "dev": true
+          "dev": true,
+          "peer": true
         },
         "pretty-format": {
           "version": "27.5.1",
           "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
           "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
           "dev": true,
+          "peer": true,
           "requires": {
             "ansi-regex": "^5.0.1",
             "ansi-styles": "^5.0.0",
@@ -8533,7 +8744,8 @@
           "version": "17.0.2",
           "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
           "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
-          "dev": true
+          "dev": true,
+          "peer": true
         }
       }
     },
@@ -8569,7 +8781,8 @@
       "version": "5.0.4",
       "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
       "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "@types/babel__core": {
       "version": "7.20.5",
@@ -8612,8 +8825,7 @@
       "version": "4.3.20",
       "resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.20.tgz",
       "integrity": "sha512-/pC9HAB5I/xMlc5FP77qjCnI16ChlJfW0tGa0IUcFn38VJrTV6DeZ60NU5KZBtaOZqjdpwTWohz5HU1RrhiYxQ==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "@types/chai-subset": {
       "version": "1.3.6",
@@ -8627,6 +8839,12 @@
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
       "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="
     },
+    "@types/istanbul-lib-coverage": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
+      "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==",
+      "dev": true
+    },
     "@types/json-schema": {
       "version": "7.0.15",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
@@ -8656,7 +8874,6 @@
       "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
       "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
       "dev": true,
-      "peer": true,
       "requires": {
         "csstype": "^3.2.2"
       }
@@ -8666,7 +8883,6 @@
       "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
       "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
       "dev": true,
-      "peer": true,
       "requires": {}
     },
     "@types/semver": {
@@ -8733,7 +8949,6 @@
       "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.21.0.tgz",
       "integrity": "sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==",
       "dev": true,
-      "peer": true,
       "requires": {
         "@typescript-eslint/scope-manager": "6.21.0",
         "@typescript-eslint/types": "6.21.0",
@@ -8864,6 +9079,25 @@
         "react-refresh": "^0.18.0"
       }
     },
+    "@vitest/coverage-v8": {
+      "version": "0.34.6",
+      "resolved": "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-0.34.6.tgz",
+      "integrity": "sha512-fivy/OK2d/EsJFoEoxHFEnNGTg+MmdZBAVK9Ka4qhXR2K3J0DS08vcGVwzDtXSuUMabLv4KtPcpSKkcMXFDViw==",
+      "dev": true,
+      "requires": {
+        "@ampproject/remapping": "^2.2.1",
+        "@bcoe/v8-coverage": "^0.2.3",
+        "istanbul-lib-coverage": "^3.2.0",
+        "istanbul-lib-report": "^3.0.1",
+        "istanbul-lib-source-maps": "^4.0.1",
+        "istanbul-reports": "^3.1.5",
+        "magic-string": "^0.30.1",
+        "picocolors": "^1.0.0",
+        "std-env": "^3.3.3",
+        "test-exclude": "^6.0.0",
+        "v8-to-istanbul": "^9.1.0"
+      }
+    },
     "@vitest/expect": {
       "version": "0.34.6",
       "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-0.34.6.tgz",
@@ -8944,8 +9178,7 @@
       "version": "8.16.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "acorn-jsx": {
       "version": "5.3.2",
@@ -9008,6 +9241,7 @@
       "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
       "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
       "dev": true,
+      "peer": true,
       "requires": {
         "dequal": "^2.0.3"
       }
@@ -9117,7 +9351,6 @@
       "version": "4.28.1",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
       "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
-      "peer": true,
       "requires": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -9368,7 +9601,8 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
       "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "detect-libc": {
       "version": "2.1.2",
@@ -9408,7 +9642,8 @@
       "version": "0.5.16",
       "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
       "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "domexception": {
       "version": "4.0.0",
@@ -9553,7 +9788,6 @@
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.1.tgz",
       "integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==",
       "dev": true,
-      "peer": true,
       "requires": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
@@ -10057,6 +10291,12 @@
         "whatwg-encoding": "^2.0.0"
       }
     },
+    "html-escaper": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
+      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
+      "dev": true
+    },
     "http-proxy-agent": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
@@ -10174,6 +10414,44 @@
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
       "dev": true
     },
+    "istanbul-lib-coverage": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz",
+      "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==",
+      "dev": true
+    },
+    "istanbul-lib-report": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
+      "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==",
+      "dev": true,
+      "requires": {
+        "istanbul-lib-coverage": "^3.0.0",
+        "make-dir": "^4.0.0",
+        "supports-color": "^7.1.0"
+      }
+    },
+    "istanbul-lib-source-maps": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
+      "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.1.1",
+        "istanbul-lib-coverage": "^3.0.0",
+        "source-map": "^0.6.1"
+      }
+    },
+    "istanbul-reports": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.2.0.tgz",
+      "integrity": "sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==",
+      "dev": true,
+      "requires": {
+        "html-escaper": "^2.0.0",
+        "istanbul-lib-report": "^3.0.0"
+      }
+    },
     "jiti": {
       "version": "2.6.1",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
@@ -10198,7 +10476,6 @@
       "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-22.1.0.tgz",
       "integrity": "sha512-/9AVW7xNbsBv6GfWho4TTNjEo9fe6Zhf9O7s0Fhhr3u+awPwAJMKwAMXnkk5vBxflqLW9hTHX/0cs+P3gW+cQw==",
       "dev": true,
-      "peer": true,
       "requires": {
         "abab": "^2.0.6",
         "cssstyle": "^3.0.0",
@@ -10411,7 +10688,8 @@
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
       "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "magic-string": {
       "version": "0.30.21",
@@ -10421,6 +10699,23 @@
         "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
+    "make-dir": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
+      "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
+      "dev": true,
+      "requires": {
+        "semver": "^7.5.3"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "7.8.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.1.tgz",
+          "integrity": "sha512-rkVq3IXh+4FDGch+KwzX3aV9W3kO54GyEgpvBzSyctDA6Xtd7RJQV1xmXbeQp5v7+VzLOfVqiutSE6GICgPFvg==",
+          "dev": true
+        }
+      }
+    },
     "math-intrinsics": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -10740,7 +11035,6 @@
       "version": "8.5.8",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.8.tgz",
       "integrity": "sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==",
-      "peer": true,
       "requires": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -10878,14 +11172,12 @@
     "react": {
       "version": "19.2.4",
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz",
-      "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==",
-      "peer": true
+      "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ=="
     },
     "react-dom": {
       "version": "19.2.4",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz",
       "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==",
-      "peer": true,
       "requires": {
         "scheduler": "^0.27.0"
       }
@@ -11094,6 +11386,12 @@
       "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
       "dev": true
     },
+    "source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true
+    },
     "source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -11206,6 +11504,17 @@
         "readable-stream": "^3.1.1"
       }
     },
+    "test-exclude": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
+      "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
+      "dev": true,
+      "requires": {
+        "@istanbuljs/schema": "^0.1.2",
+        "glob": "^7.1.4",
+        "minimatch": "^3.0.4"
+      }
+    },
     "text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
@@ -11300,7 +11609,6 @@
       "resolved": "https://registry.npmjs.org/tsx/-/tsx-4.21.0.tgz",
       "integrity": "sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw==",
       "devOptional": true,
-      "peer": true,
       "requires": {
         "esbuild": "~0.27.0",
         "fsevents": "~2.3.3",
@@ -11342,8 +11650,7 @@
       "version": "5.8.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
       "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "ufo": {
       "version": "1.6.3",
@@ -11398,11 +11705,21 @@
       "dev": true,
       "optional": true
     },
+    "v8-to-istanbul": {
+      "version": "9.3.0",
+      "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.3.0.tgz",
+      "integrity": "sha512-kiGUalWN+rgBJ/1OHZsBtU4rXZOfj/7rKQxULKlIzwzQSvMJUUNgPwJEEh7gU6xEVxC0ahoOBvN2YI8GH6FNgA==",
+      "dev": true,
+      "requires": {
+        "@jridgewell/trace-mapping": "^0.3.12",
+        "@types/istanbul-lib-coverage": "^2.0.1",
+        "convert-source-map": "^2.0.0"
+      }
+    },
     "vite": {
       "version": "6.4.1",
       "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.1.tgz",
       "integrity": "sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==",
-      "peer": true,
       "requires": {
         "esbuild": "^0.25.0",
         "fdir": "^6.4.4",
diff --git a/package.json b/package.json
index 853c3c9d..82883e4f 100644
--- a/package.json
+++ b/package.json
@@ -88,6 +88,7 @@
     "@types/three": "^0.184.0",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
+    "@vitest/coverage-v8": "^0.34.6",
     "autoprefixer": "^10.4.21",
     "eslint": "^8.57.1",
     "eslint-config-prettier": "^9.1.0",
diff --git a/server-rs/crates/api-server/src/admin.rs b/server-rs/crates/api-server/src/admin.rs
index 956be5e1..69c523f3 100644
--- a/server-rs/crates/api-server/src/admin.rs
+++ b/server-rs/crates/api-server/src/admin.rs
@@ -25,8 +25,8 @@ use shared_contracts::admin::{
     AdminLoginResponse, AdminMeResponse, AdminOverviewResponse, AdminServiceOverviewPayload,
     AdminSessionPayload, AdminTrackingEventEntryPayload, AdminTrackingEventListQuery,
     AdminTrackingEventListResponse, AdminUpdateWorkVisibilityRequest,
-    AdminUpdateWorkVisibilityResponse, AdminUpsertCreationEntryTypeConfigRequest,
-    AdminWorkVisibilityListResponse,
+    AdminUpdateWorkVisibilityResponse, AdminUpsertCreationEntryEventBannersRequest,
+    AdminUpsertCreationEntryTypeConfigRequest, AdminWorkVisibilityListResponse,
 };
 use shared_contracts::creation_entry_config::{
     encode_unified_creation_spec_response, validate_unified_creation_spec_for_play,
@@ -200,6 +200,7 @@ pub async fn admin_list_database_table_rows(
     Ok(json_success_body(Some(&request_context), response))
 }
 
+/// 读���创作入��置，包�模�入�和底部加�入�页公告。
 pub async fn admin_get_creation_entry_config(
     State(state): State<AppState>,
     Extension(request_context): Extension<RequestContext>,
@@ -212,6 +213,7 @@ pub async fn admin_get_creation_entry_config(
     Ok(json_success_body(
         Some(&request_context),
         AdminCreationEntryConfigResponse {
+            event_banners: config.event_banners,
             entries: config
                 .creation_types
                 .into_iter()
@@ -221,6 +223,7 @@ pub async fn admin_get_creation_entry_config(
     ))
 }
 
+/// �存�个创作模�入��置，并返回最新公告与入�快照。
 pub async fn admin_upsert_creation_entry_config(
     State(state): State<AppState>,
     Extension(request_context): Extension<RequestContext>,
@@ -235,6 +238,38 @@ pub async fn admin_upsert_creation_entry_config(
     Ok(json_success_body(
         Some(&request_context),
         AdminCreationEntryConfigResponse {
+            event_banners: config.event_banners,
+            entries: config
+                .creation_types
+                .into_iter()
+                .map(map_admin_creation_entry_type_config)
+                .collect(),
+        },
+    ))
+}
+
+/// �存底部加�创作入�页的多公告表��列化�置。
+pub async fn admin_upsert_creation_entry_event_banners_config(
+    State(state): State<AppState>,
+    Extension(request_context): Extension<RequestContext>,
+    Extension(_admin): Extension<AuthenticatedAdmin>,
+    Json(payload): Json<AdminUpsertCreationEntryEventBannersRequest>,
+) -> Result<Json<Value>, AppError> {
+    let normalized_json =
+        module_runtime::normalize_creation_entry_event_banners_json(&payload.event_banners_json)
+            .map_err(|error| AppError::from_status(StatusCode::BAD_REQUEST).with_message(error))?;
+    let config = state
+        .upsert_creation_entry_event_banners_config(
+            module_runtime::CreationEntryEventBannersAdminUpsertInput {
+                event_banners_json: normalized_json,
+            },
+        )
+        .await
+        .map_err(map_admin_spacetime_error)?;
+    Ok(json_success_body(
+        Some(&request_context),
+        AdminCreationEntryConfigResponse {
+            event_banners: config.event_banners,
             entries: config
                 .creation_types
                 .into_iter()
@@ -321,9 +356,8 @@ fn validate_admin_creation_entry_config(
     let unified_creation_spec_json = unified_creation_spec
         .as_ref()
         .map(|spec| {
-            encode_unified_creation_spec_response(spec).map_err(|error| {
-                AppError::from_status(StatusCode::BAD_REQUEST).with_message(error)
-            })
+            encode_unified_creation_spec_response(spec)
+                .map_err(|error| AppError::from_status(StatusCode::BAD_REQUEST).with_message(error))
         })
         .transpose()?;
     Ok(module_runtime::CreationEntryTypeAdminUpsertInput {
@@ -1503,11 +1537,7 @@ mod tests {
     };
     use axum::{http::StatusCode, response::IntoResponse};
     use serde_json::json;
-    use shared_contracts::admin::{
-        AdminCreationEntryConfigResponse, AdminCreationEntryTypeConfigPayload,
-        AdminDatabaseTableRowsQuery, AdminTrackingEventListQuery,
-        AdminUpsertCreationEntryTypeConfigRequest,
-    };
+    use shared_contracts::admin::{AdminDatabaseTableRowsQuery, AdminTrackingEventListQuery};
 
     #[test]
     fn normalize_debug_path_rejects_absolute_url() {
diff --git a/server-rs/crates/api-server/src/app.rs b/server-rs/crates/api-server/src/app.rs
index e3f92246..106c7d77 100644
--- a/server-rs/crates/api-server/src/app.rs
+++ b/server-rs/crates/api-server/src/app.rs
@@ -518,6 +518,40 @@ mod tests {
             .to_string()
     }
 
+    /// 中文注释：��路由测试通过真实登录�程� token，��绕过鉴�中间件。
+    async fn read_admin_access_token(app: Router) -> String {
+        let response = app
+            .oneshot(
+                Request::builder()
+                    .method("POST")
+                    .uri("/admin/api/login")
+                    .header("content-type", "application/json")
+                    .body(Body::from(
+                        serde_json::json!({
+                            "username": "root",
+                            "password": "secret123"
+                        })
+                        .to_string(),
+                    ))
+                    .expect("admin login request should build"),
+            )
+            .await
+            .expect("admin login request should succeed");
+        let body = response
+            .into_body()
+            .collect()
+            .await
+            .expect("admin login body should collect")
+            .to_bytes();
+        let payload: Value =
+            serde_json::from_slice(&body).expect("admin login payload should be json");
+
+        payload["token"]
+            .as_str()
+            .expect("admin token should exist")
+            .to_string()
+    }
+
     async fn password_login_request(
         app: Router,
         phone_number: &str,
@@ -3980,6 +4014,91 @@ mod tests {
         assert_eq!(response.status(), StatusCode::FORBIDDEN);
     }
 
+    /// 中文注释：验�入�公告表��交的 HTML 会�存进独立公告�置。
+    #[tokio::test]
+    async fn admin_creation_entry_banners_route_saves_html_form_payload() {
+        let mut config = AppConfig::default();
+        config.admin_username = Some("root".to_string());
+        config.admin_password = Some("secret123".to_string());
+        let app = build_router(AppState::new(config).expect("state should build"));
+        let admin_token = read_admin_access_token(app.clone()).await;
+
+        let response = app
+            .oneshot(
+                Request::builder()
+                    .method("POST")
+                    .uri("/admin/api/creation-entry/config/banners")
+                    .header("authorization", format!("Bearer {admin_token}"))
+                    .header("content-type", "application/json")
+                    .body(Body::from(
+                        serde_json::json!({
+                            "eventBannersJson": serde_json::json!([
+                                {
+                                    "title": "��表�公告",
+                                    "htmlCode": "<section>入�公告 HTML</section>"
+                                }
+                            ]).to_string()
+                        })
+                        .to_string(),
+                    ))
+                    .expect("banners request should build"),
+            )
+            .await
+            .expect("banners request should succeed");
+
+        assert_eq!(response.status(), StatusCode::OK);
+        let body = response
+            .into_body()
+            .collect()
+            .await
+            .expect("banners body should collect")
+            .to_bytes();
+        let payload: Value =
+            serde_json::from_slice(&body).expect("banners payload should be json");
+
+        assert_eq!(payload["eventBanners"][0]["title"], "��表�公告");
+        assert_eq!(payload["eventBanners"][0]["renderMode"], "html");
+        assert_eq!(
+            payload["eventBanners"][0]["htmlCode"],
+            "<section>入�公告 HTML</section>"
+        );
+    }
+
+    /// 中文注释：验�入�公告拒��执行脚本，�����置����控注入。
+    #[tokio::test]
+    async fn admin_creation_entry_banners_route_rejects_script_html() {
+        let mut config = AppConfig::default();
+        config.admin_username = Some("root".to_string());
+        config.admin_password = Some("secret123".to_string());
+        let app = build_router(AppState::new(config).expect("state should build"));
+        let admin_token = read_admin_access_token(app.clone()).await;
+
+        let response = app
+            .oneshot(
+                Request::builder()
+                    .method("POST")
+                    .uri("/admin/api/creation-entry/config/banners")
+                    .header("authorization", format!("Bearer {admin_token}"))
+                    .header("content-type", "application/json")
+                    .body(Body::from(
+                        serde_json::json!({
+                            "eventBannersJson": serde_json::json!([
+                                {
+                                    "title": "�险公告",
+                                    "htmlCode": "<script>alert(1)</script>"
+                                }
+                            ]).to_string()
+                        })
+                        .to_string(),
+                    ))
+                    .expect("banners request should build"),
+            )
+            .await
+            .expect("banners request should succeed");
+
+        assert_eq!(response.status(), StatusCode::BAD_REQUEST);
+    }
+
     #[tokio::test]
     async fn admin_debug_http_can_probe_healthz_when_authenticated() {
         let mut config = AppConfig::default();
diff --git a/server-rs/crates/api-server/src/creation_entry_config.rs b/server-rs/crates/api-server/src/creation_entry_config.rs
index ab0e06fc..8707b709 100644
--- a/server-rs/crates/api-server/src/creation_entry_config.rs
+++ b/server-rs/crates/api-server/src/creation_entry_config.rs
@@ -152,7 +152,10 @@ pub(crate) fn default_creation_entry_config_response() -> CreationEntryConfigRes
                 module_runtime::DEFAULT_CREATION_ENTRY_EVENT_PRIZE_POOL_MUD_POINTS,
             starts_at_text: module_runtime::DEFAULT_CREATION_ENTRY_EVENT_STARTS_AT_TEXT.to_string(),
             ends_at_text: module_runtime::DEFAULT_CREATION_ENTRY_EVENT_ENDS_AT_TEXT.to_string(),
+            render_mode: "structured".to_string(),
+            html_code: None,
         },
+        event_banners_json: Some(module_runtime::default_creation_entry_event_banners_json()),
         creation_types: module_runtime::default_creation_entry_type_snapshots(0),
         updated_at_micros: 0,
     })
diff --git a/server-rs/crates/api-server/src/modules/admin.rs b/server-rs/crates/api-server/src/modules/admin.rs
index 345905dc..e572061e 100644
--- a/server-rs/crates/api-server/src/modules/admin.rs
+++ b/server-rs/crates/api-server/src/modules/admin.rs
@@ -1,11 +1,15 @@
-use axum::{Router, middleware, routing::get};
+use axum::{
+    Router, middleware,
+    routing::{get, post},
+};
 
 use crate::{
     admin::{
         admin_debug_http, admin_get_creation_entry_config, admin_list_database_table_rows,
         admin_list_database_tables, admin_list_tracking_events, admin_list_work_visibility,
         admin_login, admin_me, admin_overview, admin_update_work_visibility,
-        admin_upsert_creation_entry_config, require_admin_auth,
+        admin_upsert_creation_entry_config, admin_upsert_creation_entry_event_banners_config,
+        require_admin_auth,
     },
     runtime_profile::{
         admin_disable_profile_redeem_code, admin_disable_profile_task_config,
@@ -71,6 +75,12 @@ pub fn router(state: AppState) -> Router<AppState> {
                     require_admin_auth,
                 )),
         )
+        .route(
+            "/admin/api/creation-entry/config/banners",
+            post(admin_upsert_creation_entry_event_banners_config).route_layer(
+                middleware::from_fn_with_state(state.clone(), require_admin_auth),
+            ),
+        )
         .route(
             "/admin/api/works/visibility",
             get(admin_list_work_visibility)
diff --git a/server-rs/crates/api-server/src/state.rs b/server-rs/crates/api-server/src/state.rs
index 8d70b13e..5a565f36 100644
--- a/server-rs/crates/api-server/src/state.rs
+++ b/server-rs/crates/api-server/src/state.rs
@@ -465,6 +465,45 @@ impl AppState {
         }
     }
 
+    /// 通过 SpacetimeDB �存创作入�页多公告�置，并�步测试缓存。
+    pub async fn upsert_creation_entry_event_banners_config(
+        &self,
+        input: module_runtime::CreationEntryEventBannersAdminUpsertInput,
+    ) -> Result<CreationEntryConfigResponse, SpacetimeClientError> {
+        #[cfg(test)]
+        let test_event_banners_json = input.event_banners_json.clone();
+        match self
+            .spacetime_client
+            .upsert_creation_entry_event_banners_config(input)
+            .await
+        {
+            Ok(config) => {
+                #[cfg(test)]
+                self.cache_test_creation_entry_config(config.clone());
+                Ok(config)
+            }
+            #[cfg(test)]
+            Err(_) => {
+                let mut config = self.read_test_creation_entry_config();
+                if let Ok(banners) = module_runtime::decode_creation_entry_event_banner_snapshots(
+                    test_event_banners_json.as_str(),
+                ) {
+                    config.event_banners = banners
+                        .into_iter()
+                        .map(module_runtime::build_creation_entry_event_banner_response)
+                        .collect();
+                    if let Some(first_banner) = config.event_banners.first().cloned() {
+                        config.event_banner = first_banner;
+                    }
+                    self.cache_test_creation_entry_config(config.clone());
+                }
+                Ok(config)
+            }
+            #[cfg(not(test))]
+            Err(error) => Err(error),
+        }
+    }
+
     pub async fn get_creation_entry_config(
         &self,
     ) -> Result<CreationEntryConfigResponse, SpacetimeClientError> {
diff --git a/server-rs/crates/api-server/src/wechat_pay.rs b/server-rs/crates/api-server/src/wechat_pay.rs
index 010b3ec6..20e948ce 100644
--- a/server-rs/crates/api-server/src/wechat_pay.rs
+++ b/server-rs/crates/api-server/src/wechat_pay.rs
@@ -9,9 +9,7 @@ use axum::{
 };
 use base64::{
     Engine as _, alphabet,
-    engine::general_purpose::{
-        GeneralPurpose, GeneralPurposeConfig, STANDARD as BASE64_STANDARD,
-    },
+    engine::general_purpose::{GeneralPurpose, GeneralPurposeConfig, STANDARD as BASE64_STANDARD},
 };
 use bytes::Bytes;
 use cbc::cipher::{BlockDecryptMut, KeyIvInit, block_padding::NoPadding};
@@ -1152,9 +1150,7 @@ fn resolve_wechat_message_push_verify_response(
         .as_deref()
         .map(str::trim)
         .filter(|value| !value.is_empty())
-        .ok_or_else(|| {
-            WechatPayError::InvalidRequest("微信消�推�校验�数�完整".to_string())
-        })?;
+        .ok_or_else(|| WechatPayError::InvalidRequest("微信消�推�校验�数�完整".to_string()))?;
     if !verify_wechat_message_push_signature(token, timestamp, nonce, "", signature) {
         return Err(WechatPayError::InvalidSignature(
             "微信消�推�校验签�无效".to_string(),
diff --git a/server-rs/crates/module-runtime/src/application.rs b/server-rs/crates/module-runtime/src/application.rs
index e18ddd2e..902089a5 100644
--- a/server-rs/crates/module-runtime/src/application.rs
+++ b/server-rs/crates/module-runtime/src/application.rs
@@ -15,9 +15,19 @@ use shared_contracts::creation_entry_config::{
     encode_unified_creation_spec_response, resolve_unified_creation_spec_response,
 };
 
+/// 将创作入�领域快照转�为���共享的 HTTP 契约�应。
 pub fn build_creation_entry_config_response(
     snapshot: CreationEntryConfigSnapshot,
 ) -> CreationEntryConfigResponse {
+    let event_banners = resolve_creation_entry_event_banner_responses(
+        snapshot.event_banners_json.as_deref(),
+        &snapshot.event_banner,
+    );
+    let event_banner = event_banners
+        .first()
+        .cloned()
+        .unwrap_or_else(|| build_creation_entry_event_banner_response(snapshot.event_banner));
+
     CreationEntryConfigResponse {
         start_card: CreationEntryStartCardResponse {
             title: snapshot.start_card.title,
@@ -29,14 +39,8 @@ pub fn build_creation_entry_config_response(
             title: snapshot.type_modal.title,
             description: snapshot.type_modal.description,
         },
-        event_banner: CreationEntryEventBannerResponse {
-            title: snapshot.event_banner.title,
-            description: snapshot.event_banner.description,
-            cover_image_src: snapshot.event_banner.cover_image_src,
-            prize_pool_mud_points: snapshot.event_banner.prize_pool_mud_points,
-            starts_at_text: snapshot.event_banner.starts_at_text,
-            ends_at_text: snapshot.event_banner.ends_at_text,
-        },
+        event_banner,
+        event_banners,
         creation_types: snapshot
             .creation_types
             .into_iter()
@@ -65,6 +69,273 @@ pub fn build_creation_entry_config_response(
     }
 }
 
+/// 返回平�默认公告�置，用于空库��和旧库兜底。
+pub fn default_creation_entry_event_banner_snapshots() -> Vec<CreationEntryEventBannerSnapshot> {
+    vec![CreationEntryEventBannerSnapshot {
+        title: "创作公告".to_string(),
+        description: String::new(),
+        cover_image_src: String::new(),
+        prize_pool_mud_points: 0,
+        starts_at_text: String::new(),
+        ends_at_text: String::new(),
+        render_mode: "html".to_string(),
+        html_code: Some(
+            r#"<section style="box-sizing:border-box;width:100%;min-height:180px;padding:28px 30px;border-radius:24px;background:#fff7ed;color:#6f2f21;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;"><h1 style="margin:0 0 10px;font-size:28px;">创作公告</h1><p style="margin:0;font-size:16px;line-height:1.7;">这里�以在��替��你的公告 HTML。</p></section>"#
+                .to_string(),
+        ),
+    }]
+}
+
+/// 生�默认公告 JSON，供 SpacetimeDB 表字段�久化。
+pub fn default_creation_entry_event_banners_json() -> String {
+    encode_creation_entry_event_banner_snapshots(&default_creation_entry_event_banner_snapshots())
+        .unwrap_or_else(|_| "[]".to_string())
+}
+
+/// 校验并归一��公告表��列化�的�久化 JSON。
+pub fn normalize_creation_entry_event_banners_json(input: &str) -> Result<String, String> {
+    let trimmed = input.trim();
+    if trimmed.is_empty() {
+        return Ok(default_creation_entry_event_banners_json());
+    }
+
+    let banners = decode_creation_entry_event_banner_snapshots(trimmed)?;
+    encode_creation_entry_event_banner_snapshots(&banners)
+}
+
+/// 解���公告�久化 JSON，输出已归一化的领域快照。
+pub fn decode_creation_entry_event_banner_snapshots(
+    input: &str,
+) -> Result<Vec<CreationEntryEventBannerSnapshot>, String> {
+    let raw_value =
+        serde_json::from_str::<Value>(input).map_err(|error| format!("公告 JSON �法：{error}"))?;
+    let banners = raw_value
+        .as_array()
+        .ok_or_else(|| "公告 JSON 必须是数组".to_string())?;
+    if banners.is_empty() {
+        return Err("公告至少需��置一�".to_string());
+    }
+    if banners.len() > CREATION_ENTRY_EVENT_BANNERS_MAX_COUNT {
+        return Err(format!(
+            "公告最多�置 {} �",
+            CREATION_ENTRY_EVENT_BANNERS_MAX_COUNT
+        ));
+    }
+
+    banners
+        .iter()
+        .enumerate()
+        .map(|(index, banner)| normalize_creation_entry_announcement_banner_value(index, banner))
+        .collect()
+}
+
+/// 归一��公告�置：新格�支� HTML 字符串 / `{title, htmlCode}`，旧结构化 banner ��兼容。
+fn normalize_creation_entry_announcement_banner_value(
+    index: usize,
+    value: &Value,
+) -> Result<CreationEntryEventBannerSnapshot, String> {
+    if let Some(html_code) = value.as_str() {
+        return build_creation_entry_html_announcement_snapshot(index, None, html_code.to_string());
+    }
+
+    let Some(object) = value.as_object() else {
+        return Err(format!("第 {} �公告必须是 HTML 字符串或对象", index + 1));
+    };
+    let explicit_render_mode = value
+        .get("renderMode")
+        .and_then(Value::as_str)
+        .map(str::trim)
+        .unwrap_or_default();
+    if !explicit_render_mode.is_empty() && !explicit_render_mode.eq_ignore_ascii_case("html") {
+        let banner = serde_json::from_value::<CreationEntryEventBannerResponse>(Value::Object(
+            object.clone(),
+        ))
+        .map_err(|error| format!("第 {} �公告对象�法：{error}", index + 1))?;
+        return normalize_creation_entry_event_banner_response(index, banner);
+    }
+    if let Some(html_code) = read_announcement_html_code(value) {
+        return build_creation_entry_html_announcement_snapshot(
+            index,
+            read_announcement_title(value),
+            html_code,
+        );
+    }
+
+    let banner = serde_json::from_value::<CreationEntryEventBannerResponse>(Value::Object(
+        object.clone(),
+    ))
+    .map_err(|error| format!("第 {} �公告对象�法：{error}", index + 1))?;
+    normalize_creation_entry_event_banner_response(index, banner)
+}
+
+/// 将��公告 HTML 代�包装���沙箱 iframe �渲染的 banner 快照。
+fn build_creation_entry_html_announcement_snapshot(
+    index: usize,
+    title: Option<String>,
+    html_code: String,
+) -> Result<CreationEntryEventBannerSnapshot, String> {
+    Ok(CreationEntryEventBannerSnapshot {
+        title: title
+            .map(|value| value.trim().to_string())
+            .filter(|value| !value.is_empty())
+            .unwrap_or_else(|| format!("公告 {}", index + 1)),
+        description: String::new(),
+        cover_image_src: String::new(),
+        prize_pool_mud_points: 0,
+        starts_at_text: String::new(),
+        ends_at_text: String::new(),
+        render_mode: "html".to_string(),
+        html_code: normalize_banner_html_code(index, "html", Some(html_code))?,
+    })
+}
+
+/// 读�公告对象标题，兼容 title/name 两���填写习惯。
+fn read_announcement_title(value: &Value) -> Option<String> {
+    read_string_field(value, &["title", "name"])
+}
+
+/// 读�公告 HTML 代�，兼容 htmlCode/html/code 三���填写习惯。
+fn read_announcement_html_code(value: &Value) -> Option<String> {
+    read_string_field(value, &["htmlCode", "html", "code"])
+}
+
+/// 从 JSON 对象读�第一个�空字符串字段。
+fn read_string_field(value: &Value, field_names: &[&str]) -> Option<String> {
+    field_names.iter().find_map(|field_name| {
+        value
+            .get(*field_name)
+            .and_then(Value::as_str)
+            .map(str::trim)
+            .filter(|value| !value.is_empty())
+            .map(str::to_string)
+    })
+}
+
+/// 把公告领域快照编�为稳定 JSON。
+pub fn encode_creation_entry_event_banner_snapshots(
+    banners: &[CreationEntryEventBannerSnapshot],
+) -> Result<String, String> {
+    if banners.is_empty() {
+        return Err("公告至少需��置一�".to_string());
+    }
+
+    let responses = banners
+        .iter()
+        .cloned()
+        .map(build_creation_entry_event_banner_response)
+        .collect::<Vec<_>>();
+    serde_json::to_string_pretty(&responses)
+        .map_err(|error| format!("公告 JSON �列化失败：{error}"))
+}
+
+/// 根��久化 JSON 或旧��字段得到���渲染公告列表。
+pub fn resolve_creation_entry_event_banner_responses(
+    event_banners_json: Option<&str>,
+    fallback_banner: &CreationEntryEventBannerSnapshot,
+) -> Vec<CreationEntryEventBannerResponse> {
+    event_banners_json
+        .and_then(|raw| decode_creation_entry_event_banner_snapshots(raw).ok())
+        .filter(|banners| !banners.is_empty())
+        .unwrap_or_else(|| vec![fallback_banner.clone()])
+        .into_iter()
+        .map(build_creation_entry_event_banner_response)
+        .collect()
+}
+
+/// 把领域公告快照转�为 HTTP �应字段。
+pub fn build_creation_entry_event_banner_response(
+    banner: CreationEntryEventBannerSnapshot,
+) -> CreationEntryEventBannerResponse {
+    CreationEntryEventBannerResponse {
+        title: banner.title,
+        description: banner.description,
+        cover_image_src: banner.cover_image_src,
+        prize_pool_mud_points: banner.prize_pool_mud_points,
+        starts_at_text: banner.starts_at_text,
+        ends_at_text: banner.ends_at_text,
+        render_mode: normalize_banner_render_mode(&banner.render_mode),
+        html_code: banner.html_code,
+    }
+}
+
+/// 校验旧结构化 banner �应并转�为领域公告快照。
+fn normalize_creation_entry_event_banner_response(
+    index: usize,
+    banner: CreationEntryEventBannerResponse,
+) -> Result<CreationEntryEventBannerSnapshot, String> {
+    let render_mode = normalize_banner_render_mode(&banner.render_mode);
+    let html_code = normalize_banner_html_code(index, render_mode.as_str(), banner.html_code)?;
+    let default_banner = default_creation_entry_event_banner_snapshots()
+        .into_iter()
+        .next()
+        .expect("default banner should exist");
+
+    Ok(CreationEntryEventBannerSnapshot {
+        title: normalize_banner_text(banner.title, default_banner.title),
+        description: normalize_banner_text(banner.description, default_banner.description),
+        cover_image_src: normalize_banner_text(
+            banner.cover_image_src,
+            default_banner.cover_image_src,
+        ),
+        prize_pool_mud_points: banner.prize_pool_mud_points,
+        starts_at_text: normalize_banner_text(banner.starts_at_text, default_banner.starts_at_text),
+        ends_at_text: normalize_banner_text(banner.ends_at_text, default_banner.ends_at_text),
+        render_mode,
+        html_code,
+    })
+}
+
+/// 归一化公告渲染模�，未知值统一回到结构化兼容 UI。
+fn normalize_banner_render_mode(value: &str) -> String {
+    if value.trim().eq_ignore_ascii_case("html") {
+        "html".to_string()
+    } else {
+        "structured".to_string()
+    }
+}
+
+/// 清�旧结构化 banner 文案字段，空值沿用平�默认文案。
+fn normalize_banner_text(value: String, fallback: String) -> String {
+    let trimmed = value.trim();
+    if trimmed.is_empty() {
+        fallback
+    } else {
+        trimmed.to_string()
+    }
+}
+
+/// 校验 HTML 公告片段，��许交给�端沙箱 iframe 展示。
+fn normalize_banner_html_code(
+    index: usize,
+    render_mode: &str,
+    value: Option<String>,
+) -> Result<Option<String>, String> {
+    if render_mode != "html" {
+        return Ok(None);
+    }
+
+    let html_code = value
+        .map(|value| value.trim().to_string())
+        .filter(|value| !value.is_empty())
+        .ok_or_else(|| format!("第 {} � HTML 公告缺少 htmlCode", index + 1))?;
+    if html_code.len() > CREATION_ENTRY_EVENT_BANNER_HTML_CODE_MAX_BYTES {
+        return Err(format!(
+            "第 {} � HTML 公告超过 {} 字节",
+            index + 1,
+            CREATION_ENTRY_EVENT_BANNER_HTML_CODE_MAX_BYTES
+        ));
+    }
+    let lower_html_code = html_code.to_ascii_lowercase();
+    if lower_html_code.contains("<script") || lower_html_code.contains("javascript:") {
+        return Err(format!(
+            "第 {} � HTML 公告�有��许的脚本代�",
+            index + 1
+        ));
+    }
+
+    Ok(Some(html_code))
+}
+
 pub fn default_creation_entry_type_snapshots(
     updated_at_micros: i64,
 ) -> Vec<CreationEntryTypeSnapshot> {
@@ -78,9 +349,9 @@ pub fn default_creation_entry_type_snapshots(
             true,
             true,
             10,
-            "recent",
-            "最近创作",
-            10,
+            "recommended",
+            "热门推�",
+            20,
             updated_at_micros,
         ),
         build_default_creation_entry_type_snapshot(
@@ -106,9 +377,9 @@ pub fn default_creation_entry_type_snapshots(
             true,
             true,
             30,
-            "recent",
-            "最近创作",
-            10,
+            "recommended",
+            "热门推�",
+            20,
             updated_at_micros,
         ),
         build_default_creation_entry_type_snapshot(
@@ -120,9 +391,9 @@ pub fn default_creation_entry_type_snapshots(
             true,
             true,
             40,
-            "recent",
-            "最近创作",
-            10,
+            "recommended",
+            "热门推�",
+            20,
             updated_at_micros,
         ),
         build_default_creation_entry_type_snapshot(
diff --git a/server-rs/crates/module-runtime/src/domain.rs b/server-rs/crates/module-runtime/src/domain.rs
index 3c04d7af..d421ce60 100644
--- a/server-rs/crates/module-runtime/src/domain.rs
+++ b/server-rs/crates/module-runtime/src/domain.rs
@@ -51,8 +51,9 @@ pub const DEFAULT_CREATION_ENTRY_START_IDLE_BADGE: &str = "模� Tab";
 pub const DEFAULT_CREATION_ENTRY_START_BUSY_BADGE: &str = "正在开�";
 pub const DEFAULT_CREATION_ENTRY_MODAL_TITLE: &str = "选择创作类型";
 pub const DEFAULT_CREATION_ENTRY_MODAL_DESCRIPTION: &str = "先选玩法类型，�进入对应创作工作�。";
-pub const DEFAULT_CREATION_ENTRY_CATEGORY_ID: &str = "recent";
-pub const DEFAULT_CREATION_ENTRY_CATEGORY_LABEL: &str = "最近创作";
+/// 创作模�分类缺�回退到推�，��把真实作�维度的“最近创作���模�页签。
+pub const DEFAULT_CREATION_ENTRY_CATEGORY_ID: &str = "recommended";
+pub const DEFAULT_CREATION_ENTRY_CATEGORY_LABEL: &str = "热门推�";
 pub const DEFAULT_CREATION_ENTRY_EVENT_TITLE: &str = "主题创作赛";
 pub const DEFAULT_CREATION_ENTRY_EVENT_DESCRIPTION: &str = "用温暖的色彩，�出秋天的故事。";
 pub const DEFAULT_CREATION_ENTRY_EVENT_COVER_IMAGE_SRC: &str =
@@ -60,6 +61,10 @@ pub const DEFAULT_CREATION_ENTRY_EVENT_COVER_IMAGE_SRC: &str =
 pub const DEFAULT_CREATION_ENTRY_EVENT_PRIZE_POOL_MUD_POINTS: u64 = 58_000;
 pub const DEFAULT_CREATION_ENTRY_EVENT_STARTS_AT_TEXT: &str = "2024.10.20 10:00";
 pub const DEFAULT_CREATION_ENTRY_EVENT_ENDS_AT_TEXT: &str = "2024.11.20 23:59";
+/// ��创作入�公告最多�许�置的轮播�数。
+pub const CREATION_ENTRY_EVENT_BANNERS_MAX_COUNT: usize = 8;
+/// �� HTML 公告的代�大�上�，����误贴超大片段拖慢入�页。
+pub const CREATION_ENTRY_EVENT_BANNER_HTML_CODE_MAX_BYTES: usize = 12_000;
 
 #[cfg_attr(feature = "spacetime-types", derive(SpacetimeType))]
 #[derive(Clone, Debug, PartialEq, Eq, Serialize, Deserialize)]
@@ -77,6 +82,7 @@ pub struct CreationEntryTypeModalSnapshot {
     pub description: String,
 }
 
+/// 创作入�公告快照，支� HTML 公告渲染和旧结构化 banner 兼容。
 #[cfg_attr(feature = "spacetime-types", derive(SpacetimeType))]
 #[derive(Clone, Debug, PartialEq, Eq, Serialize, Deserialize)]
 pub struct CreationEntryEventBannerSnapshot {
@@ -86,6 +92,8 @@ pub struct CreationEntryEventBannerSnapshot {
     pub prize_pool_mud_points: u64,
     pub starts_at_text: String,
     pub ends_at_text: String,
+    pub render_mode: String,
+    pub html_code: Option<String>,
 }
 
 #[cfg_attr(feature = "spacetime-types", derive(SpacetimeType))]
@@ -106,6 +114,7 @@ pub struct CreationEntryTypeSnapshot {
     pub unified_creation_spec_json: Option<String>,
 }
 
+/// 创作入�全局�置快照，供��入�页和���置页共�读�。
 #[cfg_attr(feature = "spacetime-types", derive(SpacetimeType))]
 #[derive(Clone, Debug, PartialEq, Eq, Serialize, Deserialize)]
 pub struct CreationEntryConfigSnapshot {
@@ -113,6 +122,8 @@ pub struct CreationEntryConfigSnapshot {
     pub start_card: CreationEntryStartCardSnapshot,
     pub type_modal: CreationEntryTypeModalSnapshot,
     pub event_banner: CreationEntryEventBannerSnapshot,
+    /// 底部加�创作入�页的多公告 JSON �置；旧库为空时由应用层兜底。
+    pub event_banners_json: Option<String>,
     pub creation_types: Vec<CreationEntryTypeSnapshot>,
     pub updated_at_micros: i64,
 }
@@ -134,6 +145,14 @@ pub struct CreationEntryTypeAdminUpsertInput {
     pub unified_creation_spec_json: Option<String>,
 }
 
+/// ���存创作入�多公告表��列化结果的领域输入。
+#[cfg_attr(feature = "spacetime-types", derive(SpacetimeType))]
+#[derive(Clone, Debug, PartialEq, Eq, Serialize, Deserialize)]
+pub struct CreationEntryEventBannersAdminUpsertInput {
+    /// �久化字段沿用 JSON 字符串，内容由��表�生�。
+    pub event_banners_json: String,
+}
+
 #[cfg_attr(feature = "spacetime-types", derive(SpacetimeType))]
 #[derive(Clone, Debug, PartialEq, Eq, Serialize, Deserialize)]
 pub struct CreationEntryConfigProcedureResult {
diff --git a/server-rs/crates/module-runtime/src/lib.rs b/server-rs/crates/module-runtime/src/lib.rs
index 054ab40e..18a02ee9 100644
--- a/server-rs/crates/module-runtime/src/lib.rs
+++ b/server-rs/crates/module-runtime/src/lib.rs
@@ -253,11 +253,135 @@ mod tests {
         assert!(rpg.open);
         assert_eq!(rpg.badge, "�创建");
         assert_eq!(rpg.sort_order, 10);
-        assert_eq!(rpg.category_id, "recent");
-        assert_eq!(rpg.category_label, "最近创作");
+        assert_eq!(rpg.category_id, "recommended");
+        assert_eq!(rpg.category_label, "热门推�");
+        assert_eq!(rpg.category_sort_order, 20);
         assert_eq!(rpg.image_src, "/creation-type-references/rpg.webp");
     }
 
+    #[test]
+    fn default_creation_entry_types_do_not_seed_recent_as_template_category() {
+        let configs = default_creation_entry_type_snapshots(1);
+
+        assert!(configs.iter().all(|item| item.category_id != "recent"));
+        assert!(configs.iter().all(|item| item.category_label != "最近创作"));
+    }
+
+    #[test]
+    fn creation_entry_event_banners_json_normalizes_multiple_banners() {
+        let normalized = normalize_creation_entry_event_banners_json(
+            r#"[
+              {
+                "title": "  周末拼图赛  ",
+                "description": "  拼一个新主题  ",
+                "coverImageSrc": "/creation-type-references/puzzle.webp",
+                "prizePoolMudPoints": 1200,
+                "startsAtText": "2026-06-01",
+                "endsAtText": "2026-06-30",
+                "renderMode": "structured",
+                "htmlCode": "<div>ignored</div>"
+              },
+              {
+                "title": "HTML 横幅",
+                "description": "沙箱片段",
+                "coverImageSrc": "/creation-type-references/match3d.webp",
+                "prizePoolMudPoints": 900,
+                "startsAtText": "2026-07-01",
+                "endsAtText": "2026-07-31",
+                "renderMode": "html",
+                "htmlCode": "  <section>安全片段</section>  "
+              }
+            ]"#,
+        )
+        .expect("valid banner json should normalize");
+        let banners = decode_creation_entry_event_banner_snapshots(&normalized)
+            .expect("normalized banner json should decode");
+
+        assert_eq!(banners.len(), 2);
+        assert_eq!(banners[0].title, "周末拼图赛");
+        assert_eq!(banners[0].description, "拼一个新主题");
+        assert_eq!(banners[0].render_mode, "structured");
+        assert!(banners[0].html_code.is_none());
+        assert_eq!(banners[1].render_mode, "html");
+        assert_eq!(
+            banners[1].html_code.as_deref(),
+            Some("<section>安全片段</section>")
+        );
+    }
+
+    #[test]
+    fn creation_entry_event_banners_json_empty_input_returns_defaults() {
+        let normalized = normalize_creation_entry_event_banners_json("   ")
+            .expect("blank banner json should use defaults");
+        let banners = decode_creation_entry_event_banner_snapshots(&normalized)
+            .expect("default banner json should decode");
+
+        assert_eq!(banners, default_creation_entry_event_banner_snapshots());
+    }
+
+    #[test]
+    fn creation_entry_event_banners_json_accepts_announcement_html_code() {
+        let normalized = normalize_creation_entry_event_banners_json(
+            r#"[
+              "<section>纯 HTML 公告</section>",
+              {"title": "��公告", "htmlCode": "<article>自定义公告</article>"}
+            ]"#,
+        )
+        .expect("announcement html json should normalize");
+        let banners = decode_creation_entry_event_banner_snapshots(&normalized)
+            .expect("normalized announcement json should decode");
+
+        assert_eq!(banners.len(), 2);
+        assert_eq!(banners[0].title, "公告 1");
+        assert_eq!(banners[0].render_mode, "html");
+        assert_eq!(
+            banners[0].html_code.as_deref(),
+            Some("<section>纯 HTML 公告</section>")
+        );
+        assert_eq!(banners[1].title, "��公告");
+        assert_eq!(
+            banners[1].html_code.as_deref(),
+            Some("<article>自定义公告</article>")
+        );
+    }
+
+    #[test]
+    fn creation_entry_event_banners_json_rejects_script_like_html() {
+        let script_error = normalize_creation_entry_event_banners_json(
+            r#"[
+              {
+                "title": "脚本横幅",
+                "description": "��许脚本",
+                "coverImageSrc": "/creation-type-references/puzzle.webp",
+                "prizePoolMudPoints": 100,
+                "startsAtText": "2026-06-01",
+                "endsAtText": "2026-06-30",
+                "renderMode": "html",
+                "htmlCode": "<script>alert(1)</script>"
+              }
+            ]"#,
+        )
+        .expect_err("script tag should be rejected");
+        let javascript_url_error = normalize_creation_entry_event_banners_json(
+            r#"[
+              {
+                "title": "链接横幅",
+                "description": "��许 javascript URL",
+                "coverImageSrc": "/creation-type-references/puzzle.webp",
+                "prizePoolMudPoints": 100,
+                "startsAtText": "2026-06-01",
+                "endsAtText": "2026-06-30",
+                "renderMode": "html",
+                "htmlCode": "<a href=\"javascript:alert(1)\">bad</a>"
+              }
+            ]"#,
+        )
+        .expect_err("javascript url should be rejected");
+
+        assert!(script_error.contains("脚本代�"));
+        assert!(javascript_url_error.contains("脚本代�"));
+    }
+
     #[test]
     fn default_creation_entry_types_include_bark_battle() {
         let configs = default_creation_entry_type_snapshots(1);
diff --git a/server-rs/crates/shared-contracts/src/admin.rs b/server-rs/crates/shared-contracts/src/admin.rs
index 6574e8af..b800c998 100644
--- a/server-rs/crates/shared-contracts/src/admin.rs
+++ b/server-rs/crates/shared-contracts/src/admin.rs
@@ -1,7 +1,7 @@
 use serde::{Deserialize, Serialize};
 use serde_json::Value;
 
-use crate::creation_entry_config::UnifiedCreationSpecResponse;
+use crate::creation_entry_config::{CreationEntryEventBannerResponse, UnifiedCreationSpecResponse};
 
 // 管����议统一收�在 shared-contracts，��页�脚本和 Rust handler �自手拼字段。
 #[derive(Clone, Debug, Serialize, Deserialize, PartialEq, Eq)]
@@ -18,6 +18,8 @@ pub struct AdminLoginRequest {
 #[serde(rename_all = "camelCase")]
 pub struct AdminCreationEntryConfigResponse {
     pub entries: Vec<AdminCreationEntryTypeConfigPayload>,
+    /// 底部加�创作入�页的��公告列表。
+    pub event_banners: Vec<CreationEntryEventBannerResponse>,
 }
 
 /// ���个创作入�开关�置。
@@ -59,6 +61,14 @@ pub struct AdminUpsertCreationEntryTypeConfigRequest {
     pub unified_creation_spec: Option<UnifiedCreationSpecResponse>,
 }
 
+/// ���存创作入�公告表��列化结果请求。
+#[derive(Clone, Debug, Serialize, Deserialize, PartialEq, Eq)]
+#[serde(rename_all = "camelCase")]
+pub struct AdminUpsertCreationEntryEventBannersRequest {
+    /// 传输字段沿用既有契约，内容由��标题 / HTML 表�生�。
+    pub event_banners_json: String,
+}
+
 /// ��作���性列表项。
 #[derive(Clone, Debug, Serialize, Deserialize, PartialEq, Eq)]
 #[serde(rename_all = "camelCase")]
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 832570ed..5f1cacad 100644
--- a/server-rs/crates/shared-contracts/src/creation_entry_config.rs
+++ b/server-rs/crates/shared-contracts/src/creation_entry_config.rs
@@ -1,16 +1,22 @@
 use serde::{Deserialize, Serialize};
 use std::collections::BTreeSet;
 
-#[derive(Clone, Debug, Serialize, Deserialize, PartialEq)]
+/// ��创作入��置�应。
+///
+/// `event_banner` �留��旧契约兼容；新创作入�公告�应优先读�
+/// `event_banners`，由��表��置多�公告并支�轮播。
+#[derive(Clone, Debug, Serialize, Deserialize, PartialEq, Eq)]
 #[serde(rename_all = "camelCase")]
 pub struct CreationEntryConfigResponse {
     pub start_card: CreationEntryStartCardResponse,
     pub type_modal: CreationEntryTypeModalResponse,
     pub event_banner: CreationEntryEventBannerResponse,
+    pub event_banners: Vec<CreationEntryEventBannerResponse>,
     pub creation_types: Vec<CreationEntryTypeResponse>,
 }
 
-#[derive(Clone, Debug, Serialize, Deserialize, PartialEq)]
+/// 创作入�起始�片文案契约，�留给旧入��片兼容使用。
+#[derive(Clone, Debug, Serialize, Deserialize, PartialEq, Eq)]
 #[serde(rename_all = "camelCase")]
 pub struct CreationEntryStartCardResponse {
     pub title: String,
@@ -19,14 +25,19 @@ pub struct CreationEntryStartCardResponse {
     pub busy_badge: String,
 }
 
-#[derive(Clone, Debug, Serialize, Deserialize, PartialEq)]
+/// 创作类型选择弹层的基础文案契约。
+#[derive(Clone, Debug, Serialize, Deserialize, PartialEq, Eq)]
 #[serde(rename_all = "camelCase")]
 pub struct CreationEntryTypeModalResponse {
     pub title: String,
     pub description: String,
 }
 
-#[derive(Clone, Debug, Serialize, Deserialize, PartialEq)]
+/// 创作入���公告。
+///
+/// `html_code` 是��公告代�的主格�，��许以�端沙箱 iframe 展示；
+/// 结构化字段仅�留旧数�兼容，�能作为�执行 JSX 或��控 DOM 注入。
+#[derive(Clone, Debug, Serialize, Deserialize, PartialEq, Eq)]
 #[serde(rename_all = "camelCase")]
 pub struct CreationEntryEventBannerResponse {
     pub title: String,
@@ -35,9 +46,19 @@ pub struct CreationEntryEventBannerResponse {
     pub prize_pool_mud_points: u64,
     pub starts_at_text: String,
     pub ends_at_text: String,
+    #[serde(default = "default_creation_entry_event_banner_render_mode")]
+    pub render_mode: String,
+    #[serde(skip_serializing_if = "Option::is_none")]
+    pub html_code: Option<String>,
 }
 
-#[derive(Clone, Debug, Serialize, Deserialize, PartialEq)]
+/// 默认渲染模�使用�控结构化 UI，用于旧数�兼容。
+pub fn default_creation_entry_event_banner_render_mode() -> String {
+    "structured".to_string()
+}
+
+/// �个创作模�入��置，决定底部加�入�中的分类�排�和开放状�。
+#[derive(Clone, Debug, Serialize, Deserialize, PartialEq, Eq)]
 #[serde(rename_all = "camelCase")]
 pub struct CreationEntryTypeResponse {
     pub id: String,
@@ -56,6 +77,7 @@ pub struct CreationEntryTypeResponse {
     pub unified_creation_spec: Option<UnifiedCreationSpecResponse>,
 }
 
+/// 统一创作工作�契约，把玩法入�连接到工作��生�页和结果页阶段。
 #[derive(Clone, Debug, Serialize, Deserialize, PartialEq, Eq)]
 #[serde(rename_all = "camelCase")]
 pub struct UnifiedCreationSpecResponse {
@@ -262,8 +284,18 @@ mod tests {
         );
 
         let jump_hop = build_phase1_unified_creation_spec("jump-hop").expect("jump-hop spec");
-        assert!(jump_hop.fields.iter().any(|field| field.id == "stylePreset"));
-        assert!(jump_hop.fields.iter().any(|field| field.id == "endMoodPrompt"));
+        assert!(
+            jump_hop
+                .fields
+                .iter()
+                .any(|field| field.id == "stylePreset")
+        );
+        assert!(
+            jump_hop
+                .fields
+                .iter()
+                .any(|field| field.id == "endMoodPrompt")
+        );
 
         let wooden_fish =
             build_phase1_unified_creation_spec("wooden-fish").expect("wooden-fish spec");
@@ -271,4 +303,68 @@ mod tests {
         assert!(build_phase1_unified_creation_spec("visual-novel").is_none());
         assert!(build_phase1_unified_creation_spec("bark-battle").is_none());
     }
+
+    #[test]
+    fn creation_entry_event_banner_defaults_to_structured_render_mode() {
+        let banner = serde_json::from_str::<CreationEntryEventBannerResponse>(
+            r#"{
+              "title": "旧版横幅",
+              "description": "兼容旧字段",
+              "coverImageSrc": "/creation-type-references/puzzle.webp",
+              "prizePoolMudPoints": 1000,
+              "startsAtText": "2026-06-01",
+              "endsAtText": "2026-06-30"
+            }"#,
+        )
+        .expect("legacy banner json should decode");
+
+        assert_eq!(banner.render_mode, "structured");
+        assert!(banner.html_code.is_none());
+    }
+
+    #[test]
+    fn creation_entry_config_serializes_event_banners_contract() {
+        let response = CreationEntryConfigResponse {
+            start_card: CreationEntryStartCardResponse {
+                title: "新建作�".to_string(),
+                description: "选择模�".to_string(),
+                idle_badge: "模�".to_string(),
+                busy_badge: "开�中".to_string(),
+            },
+            type_modal: CreationEntryTypeModalResponse {
+                title: "选择创作类型".to_string(),
+                description: "先选玩法".to_string(),
+            },
+            event_banner: CreationEntryEventBannerResponse {
+                title: "第一�".to_string(),
+                description: "兼容��".to_string(),
+                cover_image_src: "/creation-type-references/puzzle.webp".to_string(),
+                prize_pool_mud_points: 1000,
+                starts_at_text: "2026-06-01".to_string(),
+                ends_at_text: "2026-06-30".to_string(),
+                render_mode: "structured".to_string(),
+                html_code: None,
+            },
+            event_banners: vec![CreationEntryEventBannerResponse {
+                title: "HTML �".to_string(),
+                description: "沙箱".to_string(),
+                cover_image_src: "/creation-type-references/match3d.webp".to_string(),
+                prize_pool_mud_points: 800,
+                starts_at_text: "2026-07-01".to_string(),
+                ends_at_text: "2026-07-31".to_string(),
+                render_mode: "html".to_string(),
+                html_code: Some("<section>ok</section>".to_string()),
+            }],
+            creation_types: Vec::new(),
+        };
+        let value = serde_json::to_value(response).expect("response should serialize");
+
+        assert_eq!(value["eventBanners"][0]["renderMode"], "html");
+        assert_eq!(
+            value["eventBanners"][0]["htmlCode"],
+            "<section>ok</section>"
+        );
+        assert!(value.get("event_banner").is_none());
+        assert!(value.get("eventBanner").is_some());
+    }
 }
diff --git a/server-rs/crates/spacetime-client/src/jump_hop.rs b/server-rs/crates/spacetime-client/src/jump_hop.rs
index 28a5ed25..16f2eea8 100644
--- a/server-rs/crates/spacetime-client/src/jump_hop.rs
+++ b/server-rs/crates/spacetime-client/src/jump_hop.rs
@@ -1154,9 +1154,11 @@ mod tests {
         );
     }
 
+    /// 构造��带资产覆盖的 JumpHop action，�测按需�覆盖字段。
     fn action(action_type: JumpHopActionType) -> JumpHopActionRequest {
         JumpHopActionRequest {
             action_type,
+            profile_id: None,
             work_title: None,
             work_description: None,
             theme_tags: None,
@@ -1165,6 +1167,10 @@ mod tests {
             character_prompt: None,
             tile_prompt: None,
             end_mood_prompt: None,
+            character_asset: None,
+            tile_atlas_asset: None,
+            tile_assets: None,
+            cover_composite: None,
         }
     }
 
diff --git a/server-rs/crates/spacetime-client/src/mapper/bark_battle.rs b/server-rs/crates/spacetime-client/src/mapper/bark_battle.rs
index ae4c3253..19f51490 100644
--- a/server-rs/crates/spacetime-client/src/mapper/bark_battle.rs
+++ b/server-rs/crates/spacetime-client/src/mapper/bark_battle.rs
@@ -163,6 +163,7 @@ mod tests {
         let row = BarkBattleGalleryViewRow {
             work_id: "BB-33333333".to_string(),
             owner_user_id: "user-3".to_string(),
+            author_display_name: "声浪玩家".to_string(),
             source_draft_id: Some("bark-battle-draft-3".to_string()),
             config_version: 1,
             ruleset_version: "bark-battle-ruleset-v1".to_string(),
diff --git a/server-rs/crates/spacetime-client/src/mapper/runtime.rs b/server-rs/crates/spacetime-client/src/mapper/runtime.rs
index 925d3c17..5b0ef784 100644
--- a/server-rs/crates/spacetime-client/src/mapper/runtime.rs
+++ b/server-rs/crates/spacetime-client/src/mapper/runtime.rs
@@ -19,6 +19,17 @@ impl From<module_runtime::CreationEntryTypeAdminUpsertInput> for CreationEntryTy
     }
 }
 
+/// 将业务层 banner JSON �存输入转�为 SpacetimeDB 生�绑定类型。
+impl From<module_runtime::CreationEntryEventBannersAdminUpsertInput>
+    for CreationEntryEventBannersAdminUpsertInput
+{
+    fn from(input: module_runtime::CreationEntryEventBannersAdminUpsertInput) -> Self {
+        Self {
+            event_banners_json: input.event_banners_json,
+        }
+    }
+}
+
 impl From<module_runtime::AdminWorkVisibilityListInput> for AdminWorkVisibilityListInput {
     fn from(input: module_runtime::AdminWorkVisibilityListInput) -> Self {
         Self {
@@ -233,6 +244,7 @@ fn map_admin_work_visibility_snapshot(
     }
 }
 
+/// 从本地订阅表行组装创作入��置�应，兼容旧�� banner 字段。
 pub(crate) fn build_creation_entry_config_record_from_rows(
     header: CreationEntryConfig,
     mut creation_types: Vec<CreationEntryTypeConfig>,
@@ -278,7 +290,10 @@ pub(crate) fn build_creation_entry_config_record_from_rows(
                     header.event_ends_at_text,
                     module_runtime::DEFAULT_CREATION_ENTRY_EVENT_ENDS_AT_TEXT,
                 ),
+                render_mode: "structured".to_string(),
+                html_code: None,
             },
+            event_banners_json: header.event_banners_json,
             creation_types: creation_types
                 .into_iter()
                 .map(|item| module_runtime::CreationEntryTypeSnapshot {
@@ -308,6 +323,7 @@ pub(crate) fn build_creation_entry_config_record_from_rows(
     )
 }
 
+/// 将 SpacetimeDB procedure 快照映射为 module-runtime 领域快照。
 fn map_creation_entry_config_snapshot(
     snapshot: CreationEntryConfigSnapshot,
 ) -> module_runtime::CreationEntryConfigSnapshot {
@@ -330,7 +346,10 @@ fn map_creation_entry_config_snapshot(
             prize_pool_mud_points: snapshot.event_banner.prize_pool_mud_points,
             starts_at_text: snapshot.event_banner.starts_at_text,
             ends_at_text: snapshot.event_banner.ends_at_text,
+            render_mode: snapshot.event_banner.render_mode,
+            html_code: snapshot.event_banner.html_code,
         },
+        event_banners_json: snapshot.event_banners_json,
         creation_types: snapshot
             .creation_types
             .into_iter()
diff --git a/server-rs/crates/spacetime-client/src/module_bindings.rs b/server-rs/crates/spacetime-client/src/module_bindings.rs
index bcd66689..0018fa5f 100644
--- a/server-rs/crates/spacetime-client/src/module_bindings.rs
+++ b/server-rs/crates/spacetime-client/src/module_bindings.rs
@@ -242,6 +242,7 @@ pub mod creation_entry_config_snapshot_type;
 pub mod creation_entry_config_table;
 pub mod creation_entry_config_type;
 pub mod creation_entry_event_banner_snapshot_type;
+pub mod creation_entry_event_banners_admin_upsert_input_type;
 pub mod creation_entry_start_card_snapshot_type;
 pub mod creation_entry_type_admin_upsert_input_type;
 pub mod creation_entry_type_config_table;
@@ -949,6 +950,7 @@ pub mod update_visual_novel_work_procedure;
 pub mod update_wooden_fish_work_procedure;
 pub mod upsert_chapter_progression_and_return_procedure;
 pub mod upsert_chapter_progression_reducer;
+pub mod upsert_creation_entry_event_banners_config_procedure;
 pub mod upsert_creation_entry_type_config_procedure;
 pub mod upsert_custom_world_agent_operation_progress_procedure;
 pub mod upsert_custom_world_profile_and_return_procedure;
@@ -1281,6 +1283,7 @@ pub use creation_entry_config_snapshot_type::CreationEntryConfigSnapshot;
 pub use creation_entry_config_table::*;
 pub use creation_entry_config_type::CreationEntryConfig;
 pub use creation_entry_event_banner_snapshot_type::CreationEntryEventBannerSnapshot;
+pub use creation_entry_event_banners_admin_upsert_input_type::CreationEntryEventBannersAdminUpsertInput;
 pub use creation_entry_start_card_snapshot_type::CreationEntryStartCardSnapshot;
 pub use creation_entry_type_admin_upsert_input_type::CreationEntryTypeAdminUpsertInput;
 pub use creation_entry_type_config_table::*;
@@ -1988,6 +1991,7 @@ pub use update_visual_novel_work_procedure::update_visual_novel_work;
 pub use update_wooden_fish_work_procedure::update_wooden_fish_work;
 pub use upsert_chapter_progression_and_return_procedure::upsert_chapter_progression_and_return;
 pub use upsert_chapter_progression_reducer::upsert_chapter_progression;
+pub use upsert_creation_entry_event_banners_config_procedure::upsert_creation_entry_event_banners_config;
 pub use upsert_creation_entry_type_config_procedure::upsert_creation_entry_type_config;
 pub use upsert_custom_world_agent_operation_progress_procedure::upsert_custom_world_agent_operation_progress;
 pub use upsert_custom_world_profile_and_return_procedure::upsert_custom_world_profile_and_return;
diff --git a/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_config_snapshot_type.rs b/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_config_snapshot_type.rs
index 0679a45a..5c4c173f 100644
--- a/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_config_snapshot_type.rs
+++ b/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_config_snapshot_type.rs
@@ -16,6 +16,7 @@ pub struct CreationEntryConfigSnapshot {
     pub start_card: CreationEntryStartCardSnapshot,
     pub type_modal: CreationEntryTypeModalSnapshot,
     pub event_banner: CreationEntryEventBannerSnapshot,
+    pub event_banners_json: Option<String>,
     pub creation_types: Vec<CreationEntryTypeSnapshot>,
     pub updated_at_micros: i64,
 }
diff --git a/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_config_type.rs b/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_config_type.rs
index c3234d1d..301d2afb 100644
--- a/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_config_type.rs
+++ b/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_config_type.rs
@@ -21,6 +21,7 @@ pub struct CreationEntryConfig {
     pub event_prize_pool_mud_points: u64,
     pub event_starts_at_text: Option<String>,
     pub event_ends_at_text: Option<String>,
+    pub event_banners_json: Option<String>,
 }
 
 impl __sdk::InModule for CreationEntryConfig {
@@ -45,6 +46,7 @@ pub struct CreationEntryConfigCols {
     pub event_prize_pool_mud_points: __sdk::__query_builder::Col<CreationEntryConfig, u64>,
     pub event_starts_at_text: __sdk::__query_builder::Col<CreationEntryConfig, Option<String>>,
     pub event_ends_at_text: __sdk::__query_builder::Col<CreationEntryConfig, Option<String>>,
+    pub event_banners_json: __sdk::__query_builder::Col<CreationEntryConfig, Option<String>>,
 }
 
 impl __sdk::__query_builder::HasCols for CreationEntryConfig {
@@ -74,6 +76,7 @@ impl __sdk::__query_builder::HasCols for CreationEntryConfig {
                 "event_starts_at_text",
             ),
             event_ends_at_text: __sdk::__query_builder::Col::new(table_name, "event_ends_at_text"),
+            event_banners_json: __sdk::__query_builder::Col::new(table_name, "event_banners_json"),
         }
     }
 }
diff --git a/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_event_banner_snapshot_type.rs b/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_event_banner_snapshot_type.rs
index 9d60ef30..fefaa962 100644
--- a/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_event_banner_snapshot_type.rs
+++ b/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_event_banner_snapshot_type.rs
@@ -13,6 +13,8 @@ pub struct CreationEntryEventBannerSnapshot {
     pub prize_pool_mud_points: u64,
     pub starts_at_text: String,
     pub ends_at_text: String,
+    pub render_mode: String,
+    pub html_code: Option<String>,
 }
 
 impl __sdk::InModule for CreationEntryEventBannerSnapshot {
diff --git a/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_event_banners_admin_upsert_input_type.rs b/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_event_banners_admin_upsert_input_type.rs
new file mode 100644
index 00000000..d16a3a57
--- /dev/null
+++ b/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_event_banners_admin_upsert_input_type.rs
@@ -0,0 +1,15 @@
+// THIS FILE IS AUTOMATICALLY GENERATED BY SPACETIMEDB. EDITS TO THIS FILE
+// WILL NOT BE SAVED. MODIFY TABLES IN YOUR MODULE SOURCE CODE INSTEAD.
+
+#![allow(unused, clippy::all)]
+use spacetimedb_sdk::__codegen::{self as __sdk, __lib, __sats, __ws};
+
+#[derive(__lib::ser::Serialize, __lib::de::Deserialize, Clone, PartialEq, Debug)]
+#[sats(crate = __lib)]
+pub struct CreationEntryEventBannersAdminUpsertInput {
+    pub event_banners_json: String,
+}
+
+impl __sdk::InModule for CreationEntryEventBannersAdminUpsertInput {
+    type Module = super::RemoteModule;
+}
diff --git a/server-rs/crates/spacetime-client/src/module_bindings/upsert_creation_entry_event_banners_config_procedure.rs b/server-rs/crates/spacetime-client/src/module_bindings/upsert_creation_entry_event_banners_config_procedure.rs
new file mode 100644
index 00000000..aea3d28e
--- /dev/null
+++ b/server-rs/crates/spacetime-client/src/module_bindings/upsert_creation_entry_event_banners_config_procedure.rs
@@ -0,0 +1,62 @@
+// THIS FILE IS AUTOMATICALLY GENERATED BY SPACETIMEDB. EDITS TO THIS FILE
+// WILL NOT BE SAVED. MODIFY TABLES IN YOUR MODULE SOURCE CODE INSTEAD.
+
+#![allow(unused, clippy::all)]
+use spacetimedb_sdk::__codegen::{self as __sdk, __lib, __sats, __ws};
+
+use super::creation_entry_config_procedure_result_type::CreationEntryConfigProcedureResult;
+use super::creation_entry_event_banners_admin_upsert_input_type::CreationEntryEventBannersAdminUpsertInput;
+
+#[derive(__lib::ser::Serialize, __lib::de::Deserialize, Clone, PartialEq, Debug)]
+#[sats(crate = __lib)]
+struct UpsertCreationEntryEventBannersConfigArgs {
+    pub input: CreationEntryEventBannersAdminUpsertInput,
+}
+
+impl __sdk::InModule for UpsertCreationEntryEventBannersConfigArgs {
+    type Module = super::RemoteModule;
+}
+
+#[allow(non_camel_case_types)]
+/// Extension trait for access to the procedure `upsert_creation_entry_event_banners_config`.
+///
+/// Implemented for [`super::RemoteProcedures`].
+pub trait upsert_creation_entry_event_banners_config {
+    fn upsert_creation_entry_event_banners_config(
+        &self,
+        input: CreationEntryEventBannersAdminUpsertInput,
+    ) {
+        self.upsert_creation_entry_event_banners_config_then(input, |_, _| {});
+    }
+
+    fn upsert_creation_entry_event_banners_config_then(
+        &self,
+        input: CreationEntryEventBannersAdminUpsertInput,
+
+        __callback: impl FnOnce(
+                &super::ProcedureEventContext,
+                Result<CreationEntryConfigProcedureResult, __sdk::InternalError>,
+            ) + Send
+            + 'static,
+    );
+}
+
+impl upsert_creation_entry_event_banners_config for super::RemoteProcedures {
+    fn upsert_creation_entry_event_banners_config_then(
+        &self,
+        input: CreationEntryEventBannersAdminUpsertInput,
+
+        __callback: impl FnOnce(
+                &super::ProcedureEventContext,
+                Result<CreationEntryConfigProcedureResult, __sdk::InternalError>,
+            ) + Send
+            + 'static,
+    ) {
+        self.imp
+            .invoke_procedure_with_callback::<_, CreationEntryConfigProcedureResult>(
+                "upsert_creation_entry_event_banners_config",
+                UpsertCreationEntryEventBannersConfigArgs { input },
+                __callback,
+            );
+    }
+}
diff --git a/server-rs/crates/spacetime-client/src/runtime.rs b/server-rs/crates/spacetime-client/src/runtime.rs
index 624b706d..db2e0e73 100644
--- a/server-rs/crates/spacetime-client/src/runtime.rs
+++ b/server-rs/crates/spacetime-client/src/runtime.rs
@@ -87,6 +87,34 @@ impl SpacetimeClient {
         Ok(config)
     }
 
+    /// 调用 SpacetimeDB procedure �存创作入�页多 banner �置并刷新缓存。
+    pub async fn upsert_creation_entry_event_banners_config(
+        &self,
+        input: module_runtime::CreationEntryEventBannersAdminUpsertInput,
+    ) -> Result<CreationEntryConfigRecord, SpacetimeClientError> {
+        let procedure_input: CreationEntryEventBannersAdminUpsertInput = input.into();
+        let config = self
+            .call_after_connect(
+                "upsert_creation_entry_event_banners_config",
+                move |connection, sender| {
+                    connection
+                        .procedures()
+                        .upsert_creation_entry_event_banners_config_then(
+                            procedure_input,
+                            move |_, result| {
+                                let mapped = result
+                                    .map_err(SpacetimeClientError::from_sdk_error)
+                                    .and_then(map_creation_entry_config_procedure_result);
+                                send_once(&sender, mapped);
+                            },
+                        );
+                },
+            )
+            .await?;
+        self.cache_creation_entry_config(config.clone()).await;
+        Ok(config)
+    }
+
     pub async fn admin_list_work_visibility(
         &self,
         admin_user_id: String,
diff --git a/server-rs/crates/spacetime-module/src/migration.rs b/server-rs/crates/spacetime-module/src/migration.rs
index 2eacf7ba..d0a0dbd0 100644
--- a/server-rs/crates/spacetime-module/src/migration.rs
+++ b/server-rs/crates/spacetime-module/src/migration.rs
@@ -1180,6 +1180,9 @@ fn normalize_migration_row(table_name: &str, value: &serde_json::Value) -> serde
             object
                 .entry("event_ends_at_text".to_string())
                 .or_insert(serde_json::Value::Null);
+            object
+                .entry("event_banners_json".to_string())
+                .or_insert(serde_json::Value::Null);
         }
     }
     if table_name == "creation_entry_type_config" {
diff --git a/server-rs/crates/spacetime-module/src/runtime/creation_entry_config.rs b/server-rs/crates/spacetime-module/src/runtime/creation_entry_config.rs
index f29ee847..a3daa9b0 100644
--- a/server-rs/crates/spacetime-module/src/runtime/creation_entry_config.rs
+++ b/server-rs/crates/spacetime-module/src/runtime/creation_entry_config.rs
@@ -23,6 +23,9 @@ pub struct CreationEntryConfig {
     pub(crate) event_starts_at_text: Option<String>,
     #[default(None::<String>)]
     pub(crate) event_ends_at_text: Option<String>,
+    /// 底部加�创作入�页的多 banner JSON �置，旧��字段仅用于兼容。
+    #[default(None::<String>)]
+    pub(crate) event_banners_json: Option<String>,
 }
 
 #[spacetimedb::table(
@@ -85,6 +88,27 @@ pub fn upsert_creation_entry_type_config(
     }
 }
 
+#[spacetimedb::procedure]
+/// ���存底部加�创作入�页多 banner �置的过程入�。
+pub fn upsert_creation_entry_event_banners_config(
+    ctx: &mut ProcedureContext,
+    input: CreationEntryEventBannersAdminUpsertInput,
+) -> CreationEntryConfigProcedureResult {
+    match ctx.try_with_tx(|tx| upsert_creation_entry_event_banners_config_in_tx(tx, input.clone()))
+    {
+        Ok(record) => CreationEntryConfigProcedureResult {
+            ok: true,
+            record: Some(record),
+            error_message: None,
+        },
+        Err(message) => CreationEntryConfigProcedureResult {
+            ok: false,
+            record: None,
+            error_message: Some(message),
+        },
+    }
+}
+
 fn upsert_creation_entry_type_config_in_tx(
     ctx: &ReducerContext,
     input: CreationEntryTypeAdminUpsertInput,
@@ -122,6 +146,31 @@ fn upsert_creation_entry_type_config_in_tx(
     get_or_seed_creation_entry_config_snapshot(ctx)
 }
 
+/// 在事务内归一化 banner JSON 并更新全局入��置表头。
+fn upsert_creation_entry_event_banners_config_in_tx(
+    ctx: &ReducerContext,
+    input: CreationEntryEventBannersAdminUpsertInput,
+) -> Result<CreationEntryConfigSnapshot, String> {
+    seed_creation_entry_config_if_missing(ctx);
+    let now = ctx.timestamp;
+    let config_id = CREATION_ENTRY_CONFIG_GLOBAL_ID.to_string();
+    let Some(header) = ctx.db.creation_entry_config().config_id().find(&config_id) else {
+        return Err("创作入��置�始化失败".to_string());
+    };
+    let event_banners_json =
+        module_runtime::normalize_creation_entry_event_banners_json(&input.event_banners_json)?;
+
+    ctx.db
+        .creation_entry_config()
+        .config_id()
+        .update(CreationEntryConfig {
+            updated_at: now,
+            event_banners_json: Some(event_banners_json),
+            ..header
+        });
+    get_or_seed_creation_entry_config_snapshot(ctx)
+}
+
 fn get_or_seed_creation_entry_config_snapshot(
     ctx: &ReducerContext,
 ) -> Result<CreationEntryConfigSnapshot, String> {
@@ -192,12 +241,16 @@ fn get_or_seed_creation_entry_config_snapshot(
                 header.event_ends_at_text.as_deref(),
                 DEFAULT_CREATION_ENTRY_EVENT_ENDS_AT_TEXT,
             ),
+            render_mode: "structured".to_string(),
+            html_code: None,
         },
+        event_banners_json: header.event_banners_json,
         creation_types,
         updated_at_micros: header.updated_at.to_micros_since_unix_epoch(),
     })
 }
 
+/// �始化创作入�全局�置，并为旧库补�默认多 banner JSON。
 fn seed_creation_entry_config_if_missing(ctx: &ReducerContext) {
     let now = ctx.timestamp;
     if ctx
@@ -222,6 +275,7 @@ fn seed_creation_entry_config_if_missing(ctx: &ReducerContext) {
             event_prize_pool_mud_points: DEFAULT_CREATION_ENTRY_EVENT_PRIZE_POOL_MUD_POINTS,
             event_starts_at_text: Some(DEFAULT_CREATION_ENTRY_EVENT_STARTS_AT_TEXT.to_string()),
             event_ends_at_text: Some(DEFAULT_CREATION_ENTRY_EVENT_ENDS_AT_TEXT.to_string()),
+            event_banners_json: Some(module_runtime::default_creation_entry_event_banners_json()),
         });
     }
 
diff --git a/src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx b/src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx
index 1d0d9680..b08fc720 100644
--- a/src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx
+++ b/src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx
@@ -1,6 +1,6 @@
 /* @vitest-environment jsdom */
 
-import { fireEvent, render, screen } from '@testing-library/react';
+import { act, fireEvent, render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { afterEach, expect, test, vi } from 'vitest';
 
@@ -43,9 +43,9 @@ const testEntryConfig = {
       visible: true,
       open: true,
       sortOrder: 10,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
     {
@@ -57,9 +57,9 @@ const testEntryConfig = {
       visible: true,
       open: true,
       sortOrder: 30,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
     {
@@ -71,9 +71,9 @@ const testEntryConfig = {
       visible: true,
       open: true,
       sortOrder: 40,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
     {
@@ -85,9 +85,9 @@ const testEntryConfig = {
       visible: false,
       open: true,
       sortOrder: 50,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
     {
@@ -99,9 +99,9 @@ const testEntryConfig = {
       visible: false,
       open: false,
       sortOrder: 60,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
     {
@@ -113,9 +113,9 @@ const testEntryConfig = {
       visible: true,
       open: false,
       sortOrder: 70,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
   ],
@@ -128,6 +128,7 @@ const testCreationTypes = derivePlatformCreationTypes(
 const originalClipboard = navigator.clipboard;
 
 afterEach(() => {
+  vi.useRealTimers();
   window.sessionStorage.clear();
   Object.defineProperty(navigator, 'clipboard', {
     configurable: true,
@@ -135,6 +136,57 @@ afterEach(() => {
   });
 });
 
+test('creation entry banner automatically rotates through backend configured banners', () => {
+  vi.useFakeTimers();
+  render(
+    <CustomWorldCreationHub
+      items={[]}
+      loading={false}
+      error={null}
+      onRetry={() => {}}
+      onCreateType={noopCreateType}
+      onOpenDraft={() => {}}
+      onEnterPublished={() => {}}
+      entryConfig={{
+        ...testEntryConfig,
+        eventBanners: [
+          {
+            ...testEntryConfig.eventBanner,
+            title: '第一张�� Banner',
+          },
+          {
+            ...testEntryConfig.eventBanner,
+            title: '第二张�� Banner',
+            coverImageSrc: '/creation-type-references/match3d.webp',
+          },
+        ],
+      }}
+      creationTypes={testCreationTypes}
+      mode="start-only"
+    />,
+  );
+
+  const bannerTrack = screen.getByLabelText('创作公告横幅');
+  Object.defineProperty(bannerTrack, 'clientWidth', {
+    configurable: true,
+    value: 360,
+  });
+  const scrollTo = vi.fn();
+  Object.defineProperty(bannerTrack, 'scrollTo', {
+    configurable: true,
+    value: scrollTo,
+  });
+
+  act(() => {
+    vi.advanceTimersByTime(4200);
+  });
+
+  expect(scrollTo).toHaveBeenCalledWith({
+    left: 360,
+    behavior: 'smooth',
+  });
+});
+
 test('creation hub shows published metric growth from cached page snapshot', async () => {
   window.sessionStorage.setItem(
     'genarrative.creationHub.publishedMetrics.v1',
diff --git a/src/components/custom-world-home/CustomWorldCreationHub.test.tsx b/src/components/custom-world-home/CustomWorldCreationHub.test.tsx
index 9f71189a..289dcbc7 100644
--- a/src/components/custom-world-home/CustomWorldCreationHub.test.tsx
+++ b/src/components/custom-world-home/CustomWorldCreationHub.test.tsx
@@ -3,6 +3,7 @@ import { expect, test } from 'vitest';
 
 import type { CreationEntryConfig } from '../../services/creationEntryConfigService';
 import { derivePlatformCreationTypes } from '../platform-entry/platformEntryCreationTypes';
+import { buildCreationWorkShelfItems } from './creationWorkShelf';
 import { CustomWorldCreationHub } from './CustomWorldCreationHub';
 
 const noopCreateType = () => {};
@@ -26,6 +27,26 @@ const testEntryConfig = {
     startsAtText: '2026-05-01',
     endsAtText: '2026-05-31',
   },
+  eventBanners: [
+    {
+      title: '��拼图赛',
+      description: '���置的拼图横幅。',
+      coverImageSrc: '/creation-type-references/puzzle.webp',
+      prizePoolMudPoints: 1000,
+      startsAtText: '2026-05-01',
+      endsAtText: '2026-05-31',
+      renderMode: 'structured',
+    },
+    {
+      title: '��抓大鹅赛',
+      description: '���置的抓大鹅横幅。',
+      coverImageSrc: '/creation-type-references/match3d.webp',
+      prizePoolMudPoints: 1200,
+      startsAtText: '2026-06-01',
+      endsAtText: '2026-06-30',
+      renderMode: 'structured',
+    },
+  ],
   creationTypes: [
     {
       id: 'rpg',
@@ -36,9 +57,9 @@ const testEntryConfig = {
       visible: true,
       open: true,
       sortOrder: 10,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
     {
@@ -50,9 +71,9 @@ const testEntryConfig = {
       visible: true,
       open: true,
       sortOrder: 30,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
     {
@@ -64,9 +85,9 @@ const testEntryConfig = {
       visible: true,
       open: true,
       sortOrder: 40,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
     {
@@ -78,9 +99,9 @@ const testEntryConfig = {
       visible: false,
       open: true,
       sortOrder: 50,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
     {
@@ -92,9 +113,9 @@ const testEntryConfig = {
       visible: false,
       open: false,
       sortOrder: 60,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
     {
@@ -106,9 +127,9 @@ const testEntryConfig = {
       visible: true,
       open: false,
       sortOrder: 70,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
   ],
@@ -186,11 +207,15 @@ test('creation start card renders reference-aligned banner and template metadata
   expect(html).toContain('creation-event-banner__track');
   expect(html).toContain('creation-event-banner__slide');
   expect(html).toContain('creation-event-banner__timebar');
-  expect(html).toContain('拼图主题创作赛');
-  expect(html).toContain('抓大鹅主题创作赛');
+  expect(html).toContain('��拼图赛');
+  expect(html).toContain('��抓大鹅赛');
   expect(html).toContain('1,000');
+  expect(html).toContain('1,200');
   expect(html).toContain('泥点数');
   expect(html).not.toContain('泥点挑战');
+  expect(html).not.toContain('拼图主题创作赛');
+  expect(html).not.toContain('抓大鹅主题创作赛');
+  expect(html).not.toContain('最近创作');
   expect(html).toMatch(
     /creation-event-banner__timebar[\s\S]*creation-event-banner__pager[\s\S]*creation-template-card/u,
   );
@@ -206,6 +231,305 @@ test('creation start card renders reference-aligned banner and template metadata
   expect(html).not.toContain('platform-creation-reference-card');
 });
 
+test('creation start card falls back to legacy single banner when eventBanners is empty', () => {
+  const html = renderToStaticMarkup(
+    <CustomWorldCreationHub
+      items={[]}
+      loading={false}
+      error={null}
+      onRetry={() => {}}
+      onCreateType={noopCreateType}
+      onOpenDraft={() => {}}
+      onEnterPublished={() => {}}
+      entryConfig={{
+        ...testEntryConfig,
+        eventBanners: [],
+      }}
+      creationTypes={testCreationTypes}
+      mode="start-only"
+    />,
+  );
+
+  expect(html).toContain('泥点挑战');
+  expect(html).not.toContain('��拼图赛');
+});
+
+test('creation start card renders html banner in an empty-permission sandbox', () => {
+  const html = renderToStaticMarkup(
+    <CustomWorldCreationHub
+      items={[]}
+      loading={false}
+      error={null}
+      onRetry={() => {}}
+      onCreateType={noopCreateType}
+      onOpenDraft={() => {}}
+      onEnterPublished={() => {}}
+      entryConfig={{
+        ...testEntryConfig,
+        eventBanners: [
+          {
+            ...testEntryConfig.eventBanner,
+            title: 'HTML ��横幅',
+            renderMode: 'html',
+            htmlCode: '<section><h1>自定义横幅</h1></section>',
+          },
+        ],
+      }}
+      creationTypes={testCreationTypes}
+      mode="start-only"
+    />,
+  );
+
+  expect(html).toContain('title="HTML ��横幅"');
+  expect(html).toContain('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', () => {
+  const html = renderToStaticMarkup(
+    <CustomWorldCreationHub
+      items={[
+        {
+          workId: 'draft:recent-session',
+          sourceType: 'agent_session',
+          status: 'draft',
+          title: '�端返回的最近�稿',
+          subtitle: '待完善�稿',
+          summary: '这�内容�自作�架摘�。',
+          coverImageSrc: null,
+          updatedAt: new Date('2026-06-01T12:00:00.000Z').toISOString(),
+          publishedAt: null,
+          stage: 'clarifying',
+          stageLabel: '待完善�稿',
+          playableNpcCount: 0,
+          landmarkCount: 0,
+          sessionId: 'recent-session',
+          profileId: null,
+          canResume: true,
+          canEnterWorld: false,
+        },
+      ]}
+      loading={false}
+      error={null}
+      onRetry={() => {}}
+      onCreateType={noopCreateType}
+      onOpenDraft={() => {}}
+      onEnterPublished={() => {}}
+      entryConfig={testEntryConfig}
+      creationTypes={testCreationTypes}
+      getWorkState={() => ({ isGenerating: true })}
+      mode="start-only"
+    />,
+  );
+
+  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('最近创作');
+  expect(html).toContain('�端返回的最近�稿');
+  expect(html).toContain('这�内容�自作�架摘�');
+  expect(html).toContain('生�中');
+});
+
+test('creation start card prefers backend recent summaries over local pending placeholders', () => {
+  const recentWorkItems = buildCreationWorkShelfItems({
+    rpgItems: [
+      {
+        workId: 'draft:backend-session',
+        sourceType: 'agent_session',
+        status: 'draft',
+        title: '�端最近�稿',
+        subtitle: '真实作�架摘�',
+        summary: '最近创作应该�读��端摘�。',
+        coverImageSrc: null,
+        updatedAt: new Date('2026-06-03T12:00:00.000Z').toISOString(),
+        publishedAt: null,
+        stage: 'failed',
+        stageLabel: '生�失败',
+        playableNpcCount: 0,
+        landmarkCount: 0,
+        sessionId: 'backend-session',
+        profileId: null,
+        canResume: true,
+        canEnterWorld: false,
+      },
+    ],
+    bigFishItems: [],
+    puzzleItems: [],
+  });
+  const html = renderToStaticMarkup(
+    <CustomWorldCreationHub
+      items={[
+        {
+          workId: 'draft:local-pending-session',
+          sourceType: 'agent_session',
+          status: 'draft',
+          title: '本地生�中��',
+          subtitle: '本地��',
+          summary: '这����应该进入最近创作。',
+          coverImageSrc: null,
+          updatedAt: new Date('2026-06-04T12:00:00.000Z').toISOString(),
+          publishedAt: null,
+          stage: 'generating',
+          stageLabel: '生�中',
+          playableNpcCount: 0,
+          landmarkCount: 0,
+          sessionId: 'local-pending-session',
+          profileId: null,
+          canResume: true,
+          canEnterWorld: false,
+        },
+      ]}
+      recentWorkItems={recentWorkItems}
+      loading={false}
+      error={null}
+      onRetry={() => {}}
+      onCreateType={noopCreateType}
+      onOpenDraft={() => {}}
+      onEnterPublished={() => {}}
+      entryConfig={testEntryConfig}
+      creationTypes={testCreationTypes}
+      mode="start-only"
+    />,
+  );
+
+  expect(html).toContain('最近创作');
+  expect(html).toContain('�端最近�稿');
+  expect(html).toContain('最近创作应该�读��端摘�');
+  expect(html).not.toContain('本地生�中��');
+});
+
+test('creation start card marks backend jump-hop generating draft in recent tab', () => {
+  const html = renderToStaticMarkup(
+    <CustomWorldCreationHub
+      items={[]}
+      jumpHopItems={[
+        {
+          runtimeKind: 'jump-hop',
+          workId: 'jump-hop-work-1',
+          profileId: 'jump-hop-profile-1',
+          ownerUserId: 'user-1',
+          sourceSessionId: 'jump-hop-session-1',
+          workTitle: '跳一跳生��稿',
+          workDescription: '�端�在生�跳一跳玩法。',
+          themeTags: ['跳一跳'],
+          difficulty: 'standard',
+          stylePreset: 'minimal-blocks',
+          coverImageSrc: null,
+          publicationStatus: 'draft',
+          playCount: 0,
+          updatedAt: new Date('2026-06-03T13:00:00.000Z').toISOString(),
+          publishedAt: null,
+          publishReady: false,
+          generationStatus: 'generating',
+        },
+      ]}
+      loading={false}
+      error={null}
+      onRetry={() => {}}
+      onCreateType={noopCreateType}
+      onOpenDraft={() => {}}
+      onEnterPublished={() => {}}
+      entryConfig={testEntryConfig}
+      creationTypes={testCreationTypes}
+      onOpenJumpHopDetail={() => {}}
+      mode="start-only"
+    />,
+  );
+
+  expect(html).toContain('最近创作');
+  expect(html).toContain('跳一跳生��稿');
+  expect(html).toContain('�端�在生�跳一跳玩法');
+  expect(html).toContain('生�中');
+});
+
+test('creation start card includes failed drafts in the recent tab', () => {
+  const html = renderToStaticMarkup(
+    <CustomWorldCreationHub
+      items={[
+        {
+          workId: 'draft:failed-session',
+          sourceType: 'agent_session',
+          status: 'draft',
+          title: '失败但����的�稿',
+          subtitle: '生�失败',
+          summary: '失败�稿也�自真实作�架摘�。',
+          coverImageSrc: null,
+          updatedAt: new Date('2026-06-02T12:00:00.000Z').toISOString(),
+          publishedAt: null,
+          stage: 'failed',
+          stageLabel: '生�失败',
+          playableNpcCount: 0,
+          landmarkCount: 0,
+          sessionId: 'failed-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).toContain('最近创作');
+  expect(html).toContain('creation-recent-work-grid');
+  expect(html).toContain('失败但����的�稿');
+  expect(html).toContain('失败�稿也�自真实作�架摘�');
+  expect(html).toContain('生�失败');
+});
+
+test('creation start card maps failed mini-game drafts into recent status labels', () => {
+  const html = renderToStaticMarkup(
+    <CustomWorldCreationHub
+      items={[]}
+      loading={false}
+      error={null}
+      onRetry={() => {}}
+      onCreateType={noopCreateType}
+      onOpenDraft={() => {}}
+      onEnterPublished={() => {}}
+      entryConfig={testEntryConfig}
+      creationTypes={testCreationTypes}
+      match3dItems={[
+        {
+          workId: 'match3d-failed-work',
+          profileId: 'match3d-failed-profile',
+          ownerUserId: 'user-1',
+          gameName: '失败抓大鹅�稿',
+          themeText: '水果',
+          summary: '失败的�玩法�稿也应该进入最近创作。',
+          tags: [],
+          coverImageSrc: null,
+          clearCount: 0,
+          difficulty: 1,
+          publicationStatus: 'draft',
+          playCount: 0,
+          updatedAt: '2026-06-02T13:00:00.000Z',
+          publishedAt: null,
+          publishReady: false,
+          generationStatus: 'failed',
+        },
+      ]}
+      mode="start-only"
+    />,
+  );
+
+  expect(html).toContain('最近创作');
+  expect(html).toContain('失败抓大鹅�稿');
+  expect(html).toContain('失败的�玩法�稿也应该进入最近创作。');
+  expect(html).toContain('生�失败');
+});
+
 test('creation start card keeps typography in compact UI scale', () => {
   const html = renderToStaticMarkup(
     <CustomWorldCreationHub
diff --git a/src/components/custom-world-home/CustomWorldCreationHub.tsx b/src/components/custom-world-home/CustomWorldCreationHub.tsx
index 857f9f48..602cc345 100644
--- a/src/components/custom-world-home/CustomWorldCreationHub.tsx
+++ b/src/components/custom-world-home/CustomWorldCreationHub.tsx
@@ -23,7 +23,10 @@ import {
   type CreationWorkShelfItem,
   type CreationWorkShelfMetricId,
 } from './creationWorkShelf';
-import { CustomWorldCreationStartCard } from './CustomWorldCreationStartCard';
+import {
+  CustomWorldCreationStartCard,
+  type CreationEntryRecentWorkCard,
+} from './CustomWorldCreationStartCard';
 import { CustomWorldWorkCard } from './CustomWorldWorkCard';
 import {
   type CustomWorldWorkFilter,
@@ -86,6 +89,8 @@ type CustomWorldCreationHubProps = {
     item: CreationWorkShelfItem,
   ) => { isGenerating?: boolean; hasUnreadUpdate?: boolean } | null;
   onOpenShelfItem?: (item: CreationWorkShelfItem) => void;
+  // 中文注释：底部加�入�的最近创作�传入�端作�架摘�，��混入本地 pending ��。
+  recentWorkItems?: CreationWorkShelfItem[];
   mode?: 'full' | 'start-only' | 'works-only';
 };
 
@@ -152,6 +157,35 @@ 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,
@@ -197,6 +231,7 @@ export function CustomWorldCreationHub({
   onDeleteVisualNovel = null,
   getWorkState,
   onOpenShelfItem,
+  recentWorkItems: recentWorkSourceItems,
   mode = 'full',
 }: CustomWorldCreationHubProps) {
   const [activeFilter, setActiveFilter] =
@@ -285,7 +320,6 @@ export function CustomWorldCreationHub({
       getWorkState,
       puzzleItems,
       rpgLibraryEntries,
-      onOpenSquareHoleDetail,
       onOpenJumpHopDetail,
       jumpHopItems,
       woodenFishItems,
@@ -311,6 +345,19 @@ export function CustomWorldCreationHub({
       ),
     [activeFilter, shelfItems],
   );
+  // 中文注释：最近创作��自作�架摘�；平�入�会传入��本地 pending ��的�端摘�。
+  const recentWorkItems =
+    mode === 'start-only'
+      ? (recentWorkSourceItems ?? shelfItems).slice(0, 4)
+      : [];
+  const recentWorkCards: CreationEntryRecentWorkCard[] = recentWorkItems.map(
+    (item) => ({
+      id: `${item.kind}:${item.id}`,
+      title: item.title,
+      summary: item.summary,
+      statusLabel: formatRecentWorkStatusLabel(item),
+    }),
+  );
 
   function handleOpenShelfItem(item: CreationWorkShelfItem) {
     onOpenShelfItem?.(item);
@@ -377,7 +424,14 @@ export function CustomWorldCreationHub({
             busy={createBusy}
             entryConfig={entryConfig}
             creationTypes={creationTypes}
+            recentWorks={recentWorkCards}
             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 6647e42c..0b1db6e2 100644
--- a/src/components/custom-world-home/CustomWorldCreationStartCard.tsx
+++ b/src/components/custom-world-home/CustomWorldCreationStartCard.tsx
@@ -1,64 +1,156 @@
 import { Coins, Trophy } from 'lucide-react';
-import { type UIEvent,useMemo, useState } from 'react';
+import { type UIEvent, useEffect, useMemo, useRef, useState } from 'react';
 
-import type { CreationEntryConfig } from '../../services/creationEntryConfigService';
+import type {
+  CreationEntryConfig,
+  CreationEntryEventBannerConfig,
+} from '../../services/creationEntryConfigService';
 import {
   groupVisiblePlatformCreationTypes,
   type PlatformCreationTypeCard,
   type PlatformCreationTypeId,
 } from '../platform-entry/platformEntryCreationTypes';
 
+/** 底部加�创作入�页的渲染�数，最近创作�接�作�架真实摘�。 */
 type CustomWorldCreationStartCardProps = {
   busy?: boolean;
   entryConfig: CreationEntryConfig;
   creationTypes: readonly PlatformCreationTypeCard[];
+  recentWorks?: readonly CreationEntryRecentWorkCard[];
   onCreateType: (type: PlatformCreationTypeId) => void;
+  onOpenRecentWork?: (index: number) => void;
 };
 
-type CreationEventBannerCard = CreationEntryConfig['eventBanner'];
+/** 创作入�公告�兼容结构化和 HTML 两����置。 */
+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();
   return normalizedBadge !== '�创建' && normalizedBadge !== '�创作';
 }
 
+/** 从�端入��置中解�创作入�公告�，�留旧��字段兜底。 */
+export function resolveCreationEntryEventBanners(
+  entryConfig: CreationEntryConfig,
+): CreationEventBannerCard[] {
+  const configuredBanners = Array.isArray(entryConfig.eventBanners)
+    ? entryConfig.eventBanners.filter((banner) => banner.title.trim())
+    : [];
+  return configuredBanners.length > 0
+    ? configuredBanners
+    : [entryConfig.eventBanner];
+}
+
+/** 渲染创作入�公告�当�页指示点。 */
+function CreationEntryBannerPager({
+  banners,
+  activeBannerIndex,
+}: {
+  banners: readonly CreationEventBannerCard[];
+  activeBannerIndex: number;
+}) {
+  return (
+    <div
+      className="creation-event-banner__pager flex items-center justify-center gap-1.5"
+      aria-hidden="true"
+    >
+      {banners.map((dotBanner, dotIndex) => (
+        <span
+          key={`${dotBanner.title}:dot:${dotIndex}`}
+          className={
+            dotIndex === activeBannerIndex
+              ? 'h-1.5 w-5 rounded-full bg-[#d9793f]'
+              : 'h-1.5 w-1.5 rounded-full bg-[#eadfd7]'
+          }
+        />
+      ))}
+    </div>
+  );
+}
+
+/** 渲染底部加�进入的创作入�页，包括��公告�和模�分类。 */
 export function CustomWorldCreationStartCard({
   busy = false,
   entryConfig,
   creationTypes,
+  recentWorks = [],
   onCreateType,
+  onOpenRecentWork,
 }: CustomWorldCreationStartCardProps) {
   const creationTypeGroups = useMemo(
     () => groupVisiblePlatformCreationTypes(creationTypes),
     [creationTypes],
   );
   const [activeCategoryId, setActiveCategoryId] = useState<string | null>(null);
-  const activeGroup =
-    creationTypeGroups.find((group) => group.id === activeCategoryId) ??
-    creationTypeGroups[0] ??
-    null;
+  const hasRecentWorks = recentWorks.length > 0;
+  const activeTabId =
+    activeCategoryId ??
+    (hasRecentWorks
+      ? CREATION_ENTRY_RECENT_TAB_ID
+      : creationTypeGroups[0]?.id ?? null);
+  const isRecentTabActive =
+    hasRecentWorks && activeTabId === CREATION_ENTRY_RECENT_TAB_ID;
+  const activeGroup = isRecentTabActive
+    ? null
+    : creationTypeGroups.find((group) => group.id === activeTabId) ??
+      creationTypeGroups[0] ??
+      null;
   const visibleCreationTypes = activeGroup?.items ?? [];
-  const eventBanners = useMemo<CreationEventBannerCard[]>(
-    () => [
-      {
-        ...entryConfig.eventBanner,
-        title: '拼图主题创作赛',
-        description: '用拼图关�接�本周主题。',
-        coverImageSrc: '/creation-type-references/puzzle.webp',
-        prizePoolMudPoints: 1000,
-      },
-      {
-        ...entryConfig.eventBanner,
-        title: '抓大鹅主题创作赛',
-        description: '把抓大鹅关���主题挑战。',
-        coverImageSrc: '/creation-type-references/match3d.webp',
-        prizePoolMudPoints: 1000,
-      },
-    ],
-    [entryConfig.eventBanner],
+  const eventBanners = useMemo(
+    () => resolveCreationEntryEventBanners(entryConfig),
+    [entryConfig],
   );
   const [activeBannerIndex, setActiveBannerIndex] = useState(0);
+  const bannerTrackRef = useRef<HTMLDivElement | null>(null);
 
+  useEffect(() => {
+    setActiveBannerIndex(0);
+  }, [eventBanners.length]);
+
+  useEffect(() => {
+    if (hasRecentWorks) {
+      return;
+    }
+
+    setActiveCategoryId((currentId) =>
+      currentId === CREATION_ENTRY_RECENT_TAB_ID ? null : currentId,
+    );
+  }, [hasRecentWorks]);
+
+  useEffect(() => {
+    if (eventBanners.length <= 1) {
+      return undefined;
+    }
+
+    const intervalId = window.setInterval(() => {
+      setActiveBannerIndex((currentIndex) => {
+        const nextIndex = (currentIndex + 1) % eventBanners.length;
+        const track = bannerTrackRef.current;
+        if (track && typeof track.scrollTo === 'function') {
+          track.scrollTo({
+            left: track.clientWidth * nextIndex,
+            behavior: 'smooth',
+          });
+        }
+        return nextIndex;
+      });
+    }, CREATION_ENTRY_BANNER_AUTOPLAY_MS);
+
+    return () => window.clearInterval(intervalId);
+  }, [eventBanners.length]);
+
+  /** �步手势滑动�的 banner 页�，��自动轮播和手动滑动状�错�。 */
   function handleBannerScroll(event: UIEvent<HTMLDivElement>) {
     const { clientWidth, scrollLeft } = event.currentTarget;
     if (clientWidth <= 0) {
@@ -78,74 +170,87 @@ export function CustomWorldCreationStartCard({
     <div className="mx-auto flex w-full max-w-5xl flex-col gap-3 sm:gap-5">
       <section className="creation-event-banner relative overflow-hidden rounded-[1.35rem] border border-[#f0d8ca] bg-[#fff8f3] shadow-[0_16px_36px_rgba(174,111,73,0.12)] sm:rounded-[1.65rem]">
         <div
+          ref={bannerTrackRef}
           className="creation-event-banner__track flex snap-x snap-mandatory overflow-x-auto overscroll-x-contain touch-pan-x scrollbar-hide"
           onScroll={handleBannerScroll}
-          aria-label="创作赛事横幅"
+          aria-label="创作公告横幅"
         >
           {eventBanners.map((banner, index) => {
             const prizePoolText =
               banner.prizePoolMudPoints.toLocaleString('zh-CN');
+            const shouldRenderHtmlBanner =
+              banner.renderMode === 'html' && Boolean(banner.htmlCode?.trim());
 
             return (
               <article
                 key={`${banner.title}:${index}`}
                 className="creation-event-banner__slide relative w-full shrink-0 snap-center overflow-hidden"
               >
-                <img
-                  src={banner.coverImageSrc}
-                  alt=""
-                  className="absolute inset-y-0 right-0 h-full w-[58%] object-cover object-[70%_center] opacity-95"
-                  loading={index === 0 ? 'eager' : 'lazy'}
-                />
-                <div className="absolute inset-0 bg-[linear-gradient(90deg,#fff8f3_0%,rgba(255,248,243,0.94)_34%,rgba(255,248,243,0.36)_68%,rgba(255,248,243,0.08)_100%)]" />
-                <div className="relative z-10 flex min-h-[12rem] flex-col justify-between px-4 py-4 sm:min-h-[15rem] sm:px-7 sm:py-6">
-                  <div className="w-[68%] min-w-0 sm:w-[56%]">
-                    <div className="inline-flex max-w-full items-center gap-1.5 rounded-full border border-[#df7949] bg-white/72 px-2.5 py-1 text-xs font-black text-[#cf6332] shadow-sm">
-                      <Trophy className="h-3.5 w-3.5 shrink-0" />
-                      <span className="truncate">{banner.title}</span>
-                    </div>
-                    <div className="mt-3 line-clamp-2 text-sm font-semibold leading-5 text-[#695143] sm:mt-5 sm:leading-6">
-                      {banner.description}
-                    </div>
-                    <div className="mt-3 inline-flex max-w-full items-center gap-1.5 rounded-full bg-white/72 px-2.5 py-1.5 text-xs font-bold text-[#6f5140] shadow-sm">
-                      <span className="grid h-5 w-5 place-items-center rounded-full bg-[#ffb64c] text-white">
-                        <Coins className="h-3 w-3" />
-                      </span>
-                      <span className="shrink-0">奖池</span>
-                      <span className="text-sm font-black text-[#d36b2f]">
-                        {prizePoolText}
-                      </span>
-                      <span className="shrink-0">泥点数</span>
-                    </div>
+                {shouldRenderHtmlBanner ? (
+                  <div className="relative min-h-[12rem] sm:min-h-[15rem]">
+                    <iframe
+                      title={banner.title}
+                      sandbox=""
+                      srcDoc={banner.htmlCode ?? ''}
+                      className="absolute inset-0 h-full w-full border-0 bg-transparent"
+                    />
                   </div>
+                ) : (
+                  <>
+                    <img
+                      src={banner.coverImageSrc}
+                      alt=""
+                      className="absolute inset-y-0 right-0 h-full w-[58%] object-cover object-[70%_center] opacity-95"
+                      loading={index === 0 ? 'eager' : 'lazy'}
+                    />
+                    <div className="absolute inset-0 bg-[linear-gradient(90deg,#fff8f3_0%,rgba(255,248,243,0.94)_34%,rgba(255,248,243,0.36)_68%,rgba(255,248,243,0.08)_100%)]" />
+                    <div className="relative z-10 flex min-h-[12rem] flex-col justify-between px-4 py-4 sm:min-h-[15rem] sm:px-7 sm:py-6">
+                      <div className="w-[68%] min-w-0 sm:w-[56%]">
+                        <div className="inline-flex max-w-full items-center gap-1.5 rounded-full border border-[#df7949] bg-white/72 px-2.5 py-1 text-xs font-black text-[#cf6332] shadow-sm">
+                          <Trophy className="h-3.5 w-3.5 shrink-0" />
+                          <span className="truncate">{banner.title}</span>
+                        </div>
+                        <div className="mt-3 line-clamp-2 text-sm font-semibold leading-5 text-[#695143] sm:mt-5 sm:leading-6">
+                          {banner.description}
+                        </div>
+                        <div className="mt-3 inline-flex max-w-full items-center gap-1.5 rounded-full bg-white/72 px-2.5 py-1.5 text-xs font-bold text-[#6f5140] shadow-sm">
+                          <span className="grid h-5 w-5 place-items-center rounded-full bg-[#ffb64c] text-white">
+                            <Coins className="h-3 w-3" />
+                          </span>
+                          <span className="shrink-0">奖池</span>
+                          <span className="text-sm font-black text-[#d36b2f]">
+                            {prizePoolText}
+                          </span>
+                          <span className="shrink-0">泥点数</span>
+                        </div>
+                      </div>
 
-                  <div className="mt-4 flex flex-col gap-2">
-                    <div className="creation-event-banner__timebar flex min-w-0 items-center justify-center gap-1.5 rounded-full border border-[#e9c5b0] bg-white/72 px-2.5 py-1.5 text-center text-[10px] font-bold text-[#9a5a39] shadow-[0_8px_18px_rgba(174,111,73,0.1)] sm:gap-2 sm:px-5 sm:py-2.5 sm:text-[11px]">
-                      <span className="min-w-0 truncate">
-                        开始时间&nbsp;&nbsp;{banner.startsAtText}
-                      </span>
-                      <span className="shrink-0 text-[#c99373]">|</span>
-                      <span className="min-w-0 truncate">
-                        结�时间&nbsp;&nbsp;{banner.endsAtText}
-                      </span>
-                    </div>
-                    <div
-                      className="creation-event-banner__pager flex items-center justify-center gap-1.5"
-                      aria-hidden="true"
-                    >
-                      {eventBanners.map((dotBanner, dotIndex) => (
-                        <span
-                          key={`${dotBanner.title}:dot:${dotIndex}`}
-                          className={
-                            dotIndex === activeBannerIndex
-                              ? 'h-1.5 w-5 rounded-full bg-[#d9793f]'
-                              : 'h-1.5 w-1.5 rounded-full bg-[#eadfd7]'
-                          }
+                      <div className="mt-4 flex flex-col gap-2">
+                        <div className="creation-event-banner__timebar flex min-w-0 items-center justify-center gap-1.5 rounded-full border border-[#e9c5b0] bg-white/72 px-2.5 py-1.5 text-center text-[10px] font-bold text-[#9a5a39] shadow-[0_8px_18px_rgba(174,111,73,0.1)] sm:gap-2 sm:px-5 sm:py-2.5 sm:text-[11px]">
+                          <span className="min-w-0 truncate">
+                            开始时间&nbsp;&nbsp;{banner.startsAtText}
+                          </span>
+                          <span className="shrink-0 text-[#c99373]">|</span>
+                          <span className="min-w-0 truncate">
+                            结�时间&nbsp;&nbsp;{banner.endsAtText}
+                          </span>
+                        </div>
+                        <CreationEntryBannerPager
+                          banners={eventBanners}
+                          activeBannerIndex={activeBannerIndex}
                         />
-                      ))}
+                      </div>
                     </div>
+                  </>
+                )}
+                {shouldRenderHtmlBanner ? (
+                  <div className="absolute inset-x-0 bottom-3 z-10">
+                    <CreationEntryBannerPager
+                      banners={eventBanners}
+                      activeBannerIndex={activeBannerIndex}
+                    />
                   </div>
-                </div>
+                ) : null}
               </article>
             );
           })}
@@ -156,8 +261,26 @@ export function CustomWorldCreationStartCard({
         <div
           className="-mx-0.5 flex snap-x items-center gap-2 overflow-x-auto px-0.5 pb-1 scrollbar-hide scroll-px-2 sm:gap-3"
           role="tablist"
-          aria-label="玩法模�分类"
+          aria-label="创作入�页签"
         >
+          {hasRecentWorks ? (
+            <button
+              type="button"
+              role="tab"
+              aria-selected={isRecentTabActive}
+              onClick={() => setActiveCategoryId(CREATION_ENTRY_RECENT_TAB_ID)}
+              className={`relative min-h-8 shrink-0 rounded-full px-2.5 text-xs font-black transition sm:min-h-9 sm:px-3.5 sm:text-sm ${
+                isRecentTabActive
+                  ? 'text-[#6f2f21]'
+                  : 'text-[#7a6558] hover:text-[#6f2f21]'
+              }`}
+            >
+              <span>最近创作</span>
+              {isRecentTabActive ? (
+                <span className="absolute bottom-0 left-3 right-3 h-1 rounded-full bg-[#d9793f]" />
+              ) : null}
+            </button>
+          ) : null}
           {creationTypeGroups.map((group) => {
             const selected = group.id === activeGroup?.id;
             return (
@@ -182,55 +305,78 @@ export function CustomWorldCreationStartCard({
           })}
         </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 (
+        {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) => (
               <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' : ''}`}
+                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)}
               >
-                <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 className="line-clamp-1 text-sm font-black text-[#2f211b]">
+                  {item.title}
                 </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 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>
               </button>
-            );
-          })}
-        </div>
+            ))}
+          </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>
+        )}
       </section>
     </div>
   );
diff --git a/src/components/custom-world-home/creationWorkShelf.ts b/src/components/custom-world-home/creationWorkShelf.ts
index 81300a53..d116f3cd 100644
--- a/src/components/custom-world-home/creationWorkShelf.ts
+++ b/src/components/custom-world-home/creationWorkShelf.ts
@@ -1093,6 +1093,9 @@ function isPersistedCreationWorkGenerating(item: CreationWorkShelfItem) {
   switch (item.source.kind) {
     case 'match3d':
       return item.source.item.generationStatus === 'generating';
+    case 'jump-hop':
+      // 中文注释：跳一跳�端生�中�稿也��步到作�架与最近创作状�。
+      return item.source.item.generationStatus === 'generating';
     case 'puzzle':
       return isPersistedPuzzleDraftGenerating(item.source.item);
     case 'wooden-fish':
diff --git a/src/components/platform-entry/PlatformEntryCreationTypeModal.test.tsx b/src/components/platform-entry/PlatformEntryCreationTypeModal.test.tsx
index fdfe2575..a74172df 100644
--- a/src/components/platform-entry/PlatformEntryCreationTypeModal.test.tsx
+++ b/src/components/platform-entry/PlatformEntryCreationTypeModal.test.tsx
@@ -36,9 +36,9 @@ const entryConfig = {
       visible: true,
       open: true,
       sortOrder: 10,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
   ],
diff --git a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
index 1df46027..6e38e1d2 100644
--- a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
+++ b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
@@ -353,6 +353,7 @@ import type { PublishShareModalPayload } from '../common/publishShareModalModel'
 import { UnifiedModal } from '../common/UnifiedModal';
 import { resolveCreativeAgentTargetSelectionStage } from '../creative-agent/creativeAgentViewModel';
 import {
+  buildCreationWorkShelfItems,
   type CreationWorkShelfItem,
   isPersistedBarkBattleDraftGenerating,
   isPersistedPuzzleDraftGenerating,
@@ -2162,35 +2163,24 @@ function buildDraftCompletionDialogSource(
   return formatPlatformTaskCompletionSource('创作�稿', sourceId);
 }
 
+/** 为��的�游��稿�建生��，�留�端开始时间作为进度事实�。 */
 function createMiniGameDraftGenerationStateForRestoredDraft(
   kind: MiniGameDraftGenerationKind,
   metadata?: MiniGameDraftGenerationState['metadata'],
+  startedAtMs = Date.now(),
 ): MiniGameDraftGenerationState {
   return {
-    ...createMiniGameDraftGenerationState(kind),
+    ...createMiniGameDraftGenerationState(kind, startedAtMs),
     ...(metadata ? { metadata } : {}),
   };
 }
 
+/** 清�生��完�时间，��返回生�页�继续沿用结��计时。 */
 function rebaseMiniGameDraftGenerationStateForDisplay(
   state: MiniGameDraftGenerationState,
 ): MiniGameDraftGenerationState {
-  const rebasedStartedAtMs = Date.now();
-
-  if (state.kind === 'puzzle') {
-    const puzzleAiRedraw = state.metadata?.puzzleAiRedraw;
-    return {
-      ...state,
-      startedAtMs: rebasedStartedAtMs,
-      finishedAtMs: undefined,
-      metadata:
-        typeof puzzleAiRedraw === 'boolean' ? { puzzleAiRedraw } : undefined,
-    };
-  }
-
   return {
     ...state,
-    startedAtMs: rebasedStartedAtMs,
     finishedAtMs: undefined,
   };
 }
@@ -14920,6 +14910,19 @@ export function PlatformEntryFlowShellImpl({
   ]);
 
   useEffect(() => {
+    if (
+      platformBootstrap.platformTab === 'create' &&
+      platformBootstrap.canReadProtectedData
+    ) {
+      // 中文注释：底部加�创作入�的“最近创作��赖 RPG works 摘�；
+      // 失败�稿也必须�进入创作页刷新，�能�等�稿页刷新����。
+      void platformBootstrap.refreshCustomWorldWorks().catch((error) => {
+        platformBootstrap.setPlatformError(
+          resolveRpgCreationErrorMessage(error, '读�创作作�列表失败。'),
+        );
+      });
+    }
+
     if (
       (platformBootstrap.platformTab === 'create' ||
         selectionStage === 'platform') &&
@@ -14942,6 +14945,8 @@ export function PlatformEntryFlowShellImpl({
     isVisualNovelCreationOpen,
     platformBootstrap.canReadProtectedData,
     platformBootstrap.platformTab,
+    platformBootstrap.refreshCustomWorldWorks,
+    platformBootstrap.setPlatformError,
     refreshBabyObjectMatchShelf,
     refreshBarkBattleShelf,
     refreshMatch3DShelf,
@@ -14969,6 +14974,46 @@ export function PlatformEntryFlowShellImpl({
     selectionStage,
   ]);
 
+  // 中文注释：最近创作必须由真实作�架/�端�稿摘�决定，�能混入本地生�中��。
+  const backendRecentCreationShelfItems = useMemo(
+    () =>
+      buildCreationWorkShelfItems({
+        rpgItems: creationHubItems,
+        rpgLibraryEntries: platformBootstrap.savedCustomWorldEntries,
+        bigFishItems: isBigFishCreationVisible ? bigFishWorks : [],
+        match3dItems: match3dWorks,
+        squareHoleItems: isSquareHoleCreationVisible ? squareHoleWorks : [],
+        jumpHopItems: isJumpHopCreationVisible ? jumpHopWorks : [],
+        woodenFishItems: woodenFishWorks,
+        puzzleItems: puzzleWorks,
+        babyObjectMatchItems: isBabyObjectMatchVisible
+          ? babyObjectMatchDrafts
+          : [],
+        barkBattleItems: barkBattleWorks,
+        visualNovelItems: isVisualNovelCreationOpen ? visualNovelWorks : [],
+        getItemState: getCreationWorkShelfState,
+      }),
+    [
+      barkBattleWorks,
+      babyObjectMatchDrafts,
+      bigFishWorks,
+      creationHubItems,
+      getCreationWorkShelfState,
+      isBabyObjectMatchVisible,
+      isBigFishCreationVisible,
+      isJumpHopCreationVisible,
+      isSquareHoleCreationVisible,
+      isVisualNovelCreationOpen,
+      jumpHopWorks,
+      match3dWorks,
+      platformBootstrap.savedCustomWorldEntries,
+      puzzleWorks,
+      squareHoleWorks,
+      visualNovelWorks,
+      woodenFishWorks,
+    ],
+  );
+
   const renderCreationHubContent = (
     mode: 'start-only' | 'works-only',
     fallbackLabel: string,
@@ -15065,6 +15110,7 @@ export function PlatformEntryFlowShellImpl({
           }
           entryConfig={creationEntryConfig}
           creationTypes={creationEntryTypes}
+          recentWorkItems={backendRecentCreationShelfItems}
           onCreateType={handleCreationHubCreateType}
           getWorkState={getCreationWorkShelfState}
           onOpenShelfItem={(item) => {
diff --git a/src/components/platform-entry/platformEntryCreationTypes.test.ts b/src/components/platform-entry/platformEntryCreationTypes.test.ts
index 0c8c737b..4daf6829 100644
--- a/src/components/platform-entry/platformEntryCreationTypes.test.ts
+++ b/src/components/platform-entry/platformEntryCreationTypes.test.ts
@@ -306,7 +306,7 @@ test('groups visible platform creation types by backend category metadata', () =
   const groups = groupVisiblePlatformCreationTypes(cards);
 
   expect(groups.map((group) => group.label)).toEqual([
-    '最近创作',
+    '热门推�',
     '节日主题',
   ]);
   expect(groups[0]?.items.map((item) => item.id)).toEqual([
@@ -337,14 +337,14 @@ test('falls back when backend creation type category metadata is missing', () =>
   expect(cards[0]).toEqual(
     expect.objectContaining({
       id: 'legacy-entry',
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
     }),
   );
   expect(groupVisiblePlatformCreationTypes(cards)).toEqual([
     expect.objectContaining({
-      id: 'recent',
-      label: '最近创作',
+      id: 'recommended',
+      label: '热门推�',
     }),
   ]);
 });
diff --git a/src/components/platform-entry/platformEntryCreationTypes.ts b/src/components/platform-entry/platformEntryCreationTypes.ts
index 11c01c12..a87ae967 100644
--- a/src/components/platform-entry/platformEntryCreationTypes.ts
+++ b/src/components/platform-entry/platformEntryCreationTypes.ts
@@ -24,8 +24,9 @@ export type PlatformCreationTypeGroup = {
   items: PlatformCreationTypeCard[];
 };
 
-const FALLBACK_CREATION_CATEGORY_ID = 'recent';
-const FALLBACK_CREATION_CATEGORY_LABEL = '最近创作';
+const RECENT_CREATION_CATEGORY_ID = 'recent';
+const FALLBACK_CREATION_CATEGORY_ID = 'recommended';
+const FALLBACK_CREATION_CATEGORY_LABEL = '热门推�';
 
 export function getVisiblePlatformCreationTypes(
   creationTypes: readonly PlatformCreationTypeCard[],
@@ -55,16 +56,25 @@ export function isPlatformCreationTypeOpen(
   );
 }
 
+/** 归一化模�分类 ID，历� recent 分类会并入推�分类。 */
 function normalizeCategoryId(value: string | null | undefined) {
   const normalized = typeof value === 'string' ? value.trim() : '';
+  if (normalized === RECENT_CREATION_CATEGORY_ID) {
+    return FALLBACK_CREATION_CATEGORY_ID;
+  }
   return normalized || FALLBACK_CREATION_CATEGORY_ID;
 }
 
+/** 归一化模�分类�，��最近创作被误当作模�页签。 */
 function normalizeCategoryLabel(value: string | null | undefined) {
   const normalized = typeof value === 'string' ? value.trim() : '';
+  if (normalized === '最近创作') {
+    return FALLBACK_CREATION_CATEGORY_LABEL;
+  }
   return normalized || FALLBACK_CREATION_CATEGORY_LABEL;
 }
 
+/** 按玩法模�分类分组，旧 recent 分类��作为模�页签展示。 */
 export function groupVisiblePlatformCreationTypes(
   creationTypes: readonly PlatformCreationTypeCard[],
 ): PlatformCreationTypeGroup[] {
diff --git a/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx b/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
index 602d9470..d0e5b70e 100644
--- a/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
+++ b/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
@@ -172,6 +172,7 @@ import {
 } from '../../services/square-hole-works';
 import { listVisualNovelGallery } from '../../services/visual-novel-runtime';
 import { listVisualNovelWorks } from '../../services/visual-novel-works';
+import { woodenFishClient } from '../../services/wooden-fish/woodenFishClient';
 import { type CustomWorldProfile, WorldType } from '../../types';
 import {
   AuthUiContext,
@@ -237,8 +238,12 @@ async function openCreateTemplateHub(user: ReturnType<typeof userEvent.setup>) {
     expect(panel.getAttribute('aria-hidden')).toBe('false');
   });
   expect(
-    await within(panel).findByRole('tablist', { name: '玩法模�分类' }),
+    await within(panel).findByRole('tablist', { name: '创作入�页签' }),
   ).toBeTruthy();
+  // 中文注释：真实最近创作存在时会�为默认页签，模�入�用例需显�切回模�分类。
+  if (!within(panel).queryByRole('button', { name: /拼图/u })) {
+    await user.click(await within(panel).findByRole('tab', { name: '热门推�' }));
+  }
   expect(
     await within(panel).findByRole('button', { name: /拼图/u }),
   ).toBeTruthy();
@@ -368,6 +373,26 @@ const testCreationEntryConfig = {
     startsAtText: '2026-05-01',
     endsAtText: '2026-05-31',
   },
+  eventBanners: [
+    {
+      title: '��拼图赛',
+      description: '���置的拼图横幅。',
+      coverImageSrc: '/creation-type-references/puzzle.webp',
+      prizePoolMudPoints: 1000,
+      startsAtText: '2026-05-01',
+      endsAtText: '2026-05-31',
+      renderMode: 'structured' as const,
+    },
+    {
+      title: '��抓大鹅赛',
+      description: '���置的抓大鹅横幅。',
+      coverImageSrc: '/creation-type-references/match3d.webp',
+      prizePoolMudPoints: 1200,
+      startsAtText: '2026-06-01',
+      endsAtText: '2026-06-30',
+      renderMode: 'structured' as const,
+    },
+  ],
   creationTypes: [
     {
       id: 'rpg',
@@ -378,9 +403,9 @@ const testCreationEntryConfig = {
       visible: true,
       open: true,
       sortOrder: 10,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
     {
@@ -392,9 +417,9 @@ const testCreationEntryConfig = {
       visible: true,
       open: true,
       sortOrder: 30,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
     {
@@ -406,9 +431,9 @@ const testCreationEntryConfig = {
       visible: true,
       open: true,
       sortOrder: 40,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
     {
@@ -420,9 +445,9 @@ const testCreationEntryConfig = {
       visible: true,
       open: true,
       sortOrder: 45,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
     {
@@ -434,9 +459,9 @@ const testCreationEntryConfig = {
       visible: false,
       open: true,
       sortOrder: 50,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
     {
@@ -448,9 +473,9 @@ const testCreationEntryConfig = {
       visible: false,
       open: false,
       sortOrder: 60,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
     {
@@ -462,9 +487,9 @@ const testCreationEntryConfig = {
       visible: true,
       open: false,
       sortOrder: 70,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
     {
@@ -476,9 +501,9 @@ const testCreationEntryConfig = {
       visible: false,
       open: true,
       sortOrder: 80,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
     {
@@ -490,9 +515,9 @@ const testCreationEntryConfig = {
       visible: true,
       open: true,
       sortOrder: 90,
-      categoryId: 'recent',
-      categoryLabel: '最近创作',
-      categorySortOrder: 10,
+      categoryId: 'recommended',
+      categoryLabel: '热门推�',
+      categorySortOrder: 20,
       updatedAtMicros: 1,
     },
   ],
@@ -646,6 +671,22 @@ vi.mock('../../services/jump-hop/jumpHopClient', () => ({
   },
 }));
 
+vi.mock('../../services/wooden-fish/woodenFishClient', () => ({
+  woodenFishClient: {
+    checkpointRun: vi.fn(),
+    createSession: vi.fn(),
+    executeAction: vi.fn(),
+    finishRun: vi.fn(),
+    getGalleryDetail: vi.fn(),
+    getSession: vi.fn(),
+    getWorkDetail: vi.fn(),
+    listGallery: vi.fn(),
+    listWorks: vi.fn(),
+    publishWork: vi.fn(),
+    startRun: vi.fn(),
+  },
+}));
+
 vi.mock('../../services/match3d-creation', () => ({
   match3dCreationClient: {
     createSession: vi.fn(),
@@ -2686,6 +2727,18 @@ beforeEach(() => {
   vi.mocked(jumpHopClient.getWorkDetail).mockRejectedValue(
     new Error('未找到跳一跳作�'),
   );
+  vi.mocked(woodenFishClient.listGallery).mockResolvedValue({
+    items: [],
+    hasMore: false,
+    nextCursor: null,
+  });
+  vi.mocked(woodenFishClient.listWorks).mockResolvedValue({ items: [] });
+  vi.mocked(woodenFishClient.getSession).mockRejectedValue(
+    new Error('未找到敲木鱼会�'),
+  );
+  vi.mocked(woodenFishClient.getWorkDetail).mockRejectedValue(
+    new Error('未找到敲木鱼作�'),
+  );
   vi.mocked(saveBabyObjectMatchDraft).mockImplementation(async (payload) => ({
     draft: payload.draft,
   }));
@@ -3648,14 +3701,17 @@ test('create tab shows template tabs and embeds puzzle form by default', async (
 
   render(<TestWrapper withAuth />);
 
+  expect(screen.queryByText('��拼图赛')).toBeNull();
   await openCreateTemplateHub(user);
 
-  expect(screen.getByRole('tablist', { name: '玩法模�分类' })).toBeTruthy();
+  expect(screen.getByRole('tablist', { name: '创作入�页签' })).toBeTruthy();
+  expect(await screen.findByText('��拼图赛')).toBeTruthy();
+  expect(screen.getByText('��抓大鹅赛')).toBeTruthy();
   expect(
-    screen.getByRole('tablist', { name: '玩法模�分类' }).className,
+    screen.getByRole('tablist', { name: '创作入�页签' }).className,
   ).toContain('scroll-px-2');
   expect(
-    screen.getByRole('tab', { name: '最近创作' }).getAttribute('aria-selected'),
+    screen.getByRole('tab', { name: '热门推�' }).getAttribute('aria-selected'),
   ).toBe('true');
   expect(await findCreationTypeButton('拼图')).toBeTruthy();
   expect(await findCreationTypeButton('文字冒险')).toBeTruthy();
@@ -3665,7 +3721,7 @@ test('create tab shows template tabs and embeds puzzle form by default', async (
   expect(queryCreationTypeButton('智能创作')).toBeNull();
   expect(
     screen
-      .getByRole('tab', { name: '最近创作' })
+      .getByRole('tab', { name: '热门推�' })
       .querySelector('[class*="bg-[#d9793f]"]'),
   ).toBeTruthy();
   expect(screen.queryByRole('button', { name: /智能创作/u })).toBeNull();
@@ -3676,6 +3732,69 @@ 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 () => {
+  const user = userEvent.setup();
+  mockExistingRpgDraftShelf({
+    title: '入���的失败�稿',
+    summary: '失败�稿也�进入创作入�最近创作。',
+    stage: 'failed',
+    stageLabel: '生�失败待处�',
+    updatedAt: '2026-06-02T10:00:00.000Z',
+  });
+
+  render(<TestWrapper withAuth />);
+  await clickFirstButtonByName(user, '创作');
+  const panel = getPlatformTabPanel('create');
+
+  const tablist = await within(panel).findByRole('tablist', {
+    name: '创作入�页签',
+  });
+  expect(tablist).toBeTruthy();
+  expect(
+    within(panel)
+      .getByRole('tab', { name: '最近创作' })
+      .getAttribute('aria-selected'),
+  ).toBe('true');
+  expect(await within(panel).findByText('入���的失败�稿')).toBeTruthy();
+  expect(
+    within(panel).getByText('失败�稿也�进入创作入�最近创作。'),
+  ).toBeTruthy();
+  expect(within(panel).getByText('生�失败待处�')).toBeTruthy();
+});
+
+test('create tab refreshes recent works after opening from an empty draft shelf', async () => {
+  const user = userEvent.setup();
+  const failedDraft = buildExistingRpgDraftWork({
+    title: '点击创作�出现的失败�稿',
+    summary: '创作入�需�在进入时�新读�真实作�架。',
+    stage: 'error',
+    stageLabel: '�生错误',
+    updatedAt: '2026-06-02T10:30:00.000Z',
+  });
+  vi.mocked(listRpgCreationWorks)
+    .mockResolvedValueOnce([])
+    .mockResolvedValue([failedDraft]);
+
+  render(<TestWrapper withAuth />);
+
+  await openDraftHub(user);
+  expect(within(getPlatformTabPanel('saves')).getByText('还没有作�')).toBeTruthy();
+
+  await clickFirstButtonByName(user, '创作');
+  const panel = getPlatformTabPanel('create');
+
+  expect(await within(panel).findByText('点击创作�出现的失败�稿')).toBeTruthy();
+  expect(
+    within(panel).getByText('创作入�需�在进入时�新读�真实作�架。'),
+  ).toBeTruthy();
+  expect(within(panel).getByText('�生错误')).toBeTruthy();
+  await waitFor(() => {
+    expect(
+      vi.mocked(listRpgCreationWorks).mock.calls.length,
+    ).toBeGreaterThanOrEqual(2);
+  });
+});
+
 test('create tab opens match3d entry form from the template card', async () => {
   const user = userEvent.setup();
 
@@ -3824,7 +3943,7 @@ test('bark battle form checks mud points before creating image assets', async ()
     within(noticeDialog).getByText('本次需� 3 泥点，当� 2 泥点。'),
   ).toBeTruthy();
   expect(screen.getByText('汪汪声浪�置表�')).toBeTruthy();
-  expect(screen.queryByRole('tablist', { name: '玩法模�分类' })).toBeNull();
+  expect(screen.queryByRole('tablist', { name: '创作入�页签' })).toBeNull();
   expect((screen.getByLabelText('汪汪作�标题') as HTMLInputElement).value).toBe(
     '自定义声浪�',
   );
@@ -3958,7 +4077,7 @@ test('running match3d form generation can return to draft tab and reopen progres
   await user.click(screen.getByRole('button', { name: '返回创作中心' }));
   await openDraftHub(user);
 
-  expect(await screen.findByText('抓大鹅�稿')).toBeTruthy();
+  expect((await screen.findAllByText('抓大鹅�稿')).length).toBeGreaterThan(0);
   await expectDraftHubGeneratingBadgeCountAtLeast(1);
 
   await user.click(
@@ -4611,7 +4730,7 @@ test('puzzle form checks mud points before creating a draft', async () => {
     within(noticeDialog).getByText('本次需� 2 泥点，当� 1 泥点。'),
   ).toBeTruthy();
   expect(screen.getByText('拼图工作区：missing-session')).toBeTruthy();
-  expect(screen.queryByRole('tablist', { name: '玩法模�分类' })).toBeNull();
+  expect(screen.queryByRole('tablist', { name: '创作入�页签' })).toBeNull();
   expect(createPuzzleAgentSession).not.toHaveBeenCalled();
   expect(executePuzzleAgentAction).not.toHaveBeenCalled();
 });
@@ -4638,7 +4757,7 @@ test('match3d form checks mud points before creating a draft', async () => {
     within(noticeDialog).getByText('本次需� 10 泥点，当� 9 泥点。'),
   ).toBeTruthy();
   expect(screen.getByText('抓大鹅工作区：missing-session')).toBeTruthy();
-  expect(screen.queryByRole('tablist', { name: '玩法模�分类' })).toBeNull();
+  expect(screen.queryByRole('tablist', { name: '创作入�页签' })).toBeNull();
   expect(match3dCreationClient.createSession).not.toHaveBeenCalled();
   expect(match3dCreationClient.executeAction).not.toHaveBeenCalled();
 });
@@ -7457,7 +7576,7 @@ test('embedded puzzle form maps raw bearer token errors to user-facing auth copy
   expect(createPuzzleAgentSession).toHaveBeenCalledTimes(1);
   expect(createCreativeAgentSession).not.toHaveBeenCalled();
   expect(
-    await screen.findByText('当�登录状�已失效，请�新登录�继续。'),
+    (await screen.findAllByText('当�登录状�已失效，请�新登录�继续。')).length,
   ).toBeTruthy();
   expect(screen.queryByText('缺少 Authorization Bearer Token')).toBeNull();
 });
@@ -8748,11 +8867,11 @@ test('running custom world draft generation can return to creation center with s
   await user.click(screen.getByRole('button', { name: '返回创作中心' }));
 
   expect(
-    await screen.findByRole('tablist', { name: '玩法模�分类' }),
+    await screen.findByRole('tablist', { name: '创作入�页签' }),
   ).toBeTruthy();
   await openDraftHub(user);
 
-  expect(await screen.findByText('潮雾列岛')).toBeTruthy();
+  expect((await screen.findAllByText('潮雾列岛')).length).toBeGreaterThan(0);
   await expectDraftHubGeneratingBadgeCountAtLeast(1);
 });
 
@@ -10142,7 +10261,7 @@ test('manual tab switch is preserved after platform bootstrap requests finish',
 
   await clickFirstButtonByName(user, '创作');
   expect(
-    await screen.findByRole('tablist', { name: '玩法模�分类' }),
+    await screen.findByRole('tablist', { name: '创作入�页签' }),
   ).toBeTruthy();
 
   resolveGalleryRequest([]);
@@ -10150,7 +10269,7 @@ test('manual tab switch is preserved after platform bootstrap requests finish',
   await waitFor(() => {
     expect(
       within(getPlatformTabPanel('create')).getByRole('tablist', {
-        name: '玩法模�分类',
+        name: '创作入�页签',
       }),
     ).toBeTruthy();
   });
@@ -10915,8 +11034,13 @@ test('creation hub published work card reveals delete action after card action r
   publishedCard.focus();
   await user.keyboard('{ArrowLeft}');
 
-  expect(screen.getByRole('button', { name: '删除' })).toBeTruthy();
-  await user.click(screen.getByRole('button', { name: '删除' }));
+  const deleteButtons = screen.getAllByRole('button', { name: '删除' });
+  expect(deleteButtons.length).toBeGreaterThan(0);
+  const deleteButton = deleteButtons[0];
+  if (!deleteButton) {
+    throw new Error('delete button should exist after swipe');
+  }
+  await user.click(deleteButton);
 
   const dialog = await screen.findByRole('dialog', { name: '删除作�' });
   expect(dialog.parentElement?.className).toContain('platform-theme--light');
diff --git a/src/index.css b/src/index.css
index d877fcad..8434c797 100644
--- a/src/index.css
+++ b/src/index.css
@@ -4544,6 +4544,20 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
     padding: 0.58rem 0.58rem 0.58rem 0.68rem;
   }
 
+  /* �稿页移动端整体�止长按选择文字，��误触系统选区。 */
+  #platform-tab-panel-saves,
+  #platform-tab-panel-saves * {
+    -webkit-user-select: none;
+    user-select: none;
+    -webkit-touch-callout: none;
+  }
+
+  #platform-tab-panel-saves :is(input, textarea, [contenteditable='true']) {
+    -webkit-user-select: text;
+    user-select: text;
+    -webkit-touch-callout: default;
+  }
+
   .creation-work-card-shell {
     border-radius: 0.86rem;
   }
diff --git a/src/index.test.ts b/src/index.test.ts
index cb40d0bf..b98f01b5 100644
--- a/src/index.test.ts
+++ b/src/index.test.ts
@@ -52,3 +52,31 @@ describe('index stylesheet unread dots', () => {
     }
   });
 });
+
+describe('index stylesheet draft mobile cards', () => {
+  it('disables long-press text selection on the whole mobile draft tab', () => {
+    const css = readIndexCss();
+    const mobileQueryIndex = css.indexOf('@media (max-width: 639px)');
+    expect(mobileQueryIndex).toBeGreaterThanOrEqual(0);
+
+    const draftPanelSelector =
+      '#platform-tab-panel-saves,\n  #platform-tab-panel-saves *';
+    const draftPanelSelectorIndex = css.indexOf(draftPanelSelector, mobileQueryIndex);
+    expect(draftPanelSelectorIndex).toBeGreaterThanOrEqual(0);
+
+    const draftPanelBlock = getCssBlock(css, draftPanelSelector);
+    expect(draftPanelBlock).toContain('-webkit-user-select: none;');
+    expect(draftPanelBlock).toContain('user-select: none;');
+    expect(draftPanelBlock).toContain('-webkit-touch-callout: none;');
+
+    const editableSelector =
+      "#platform-tab-panel-saves :is(input, textarea, [contenteditable='true'])";
+    const editableSelectorIndex = css.indexOf(editableSelector, mobileQueryIndex);
+    expect(editableSelectorIndex).toBeGreaterThanOrEqual(0);
+
+    const editableBlock = getCssBlock(css, editableSelector);
+    expect(editableBlock).toContain('-webkit-user-select: text;');
+    expect(editableBlock).toContain('user-select: text;');
+    expect(editableBlock).toContain('-webkit-touch-callout: default;');
+  });
+});
diff --git a/src/services/creationEntryConfigService.ts b/src/services/creationEntryConfigService.ts
index c3de9f2e..bf6e987f 100644
--- a/src/services/creationEntryConfigService.ts
+++ b/src/services/creationEntryConfigService.ts
@@ -1,5 +1,6 @@
 import { requestJson } from './apiClient';
 
+/** �端下�的�个创作类型入��置，�端��此展示和分�。 */
 export type CreationEntryTypeConfig = {
   id: string;
   title: string;
@@ -16,6 +17,7 @@ export type CreationEntryTypeConfig = {
   unifiedCreationSpec?: UnifiedCreationSpec | null;
 };
 
+/** 统一创作工作�字段契约，用于表�型玩法的最�输入�述。 */
 export type UnifiedCreationField = {
   id: string;
   kind: 'text' | 'select' | 'image' | 'audio';
@@ -23,6 +25,7 @@ export type UnifiedCreationField = {
   required: boolean;
 };
 
+/** 统一创作工作�契约，把入�类型映射到工作��生�页和结果页阶段。 */
 export type UnifiedCreationSpec = {
   playId: 'puzzle' | 'match3d' | 'jump-hop' | 'wooden-fish';
   title: string;
@@ -44,6 +47,19 @@ export type UnifiedCreationSpec = {
   fields: UnifiedCreationField[];
 };
 
+/** 创作入�公告��置，HTML 模�仅用于沙箱预览，结构化字段�留旧数�兼容。 */
+export type CreationEntryEventBannerConfig = {
+  title: string;
+  description: string;
+  coverImageSrc: string;
+  prizePoolMudPoints: number;
+  startsAtText: string;
+  endsAtText: string;
+  renderMode?: 'structured' | 'html';
+  htmlCode?: string | null;
+};
+
+/** 创作入�页完整�置；�端�展示�端事实�，�内置入�默认值。 */
 export type CreationEntryConfig = {
   startCard: {
     title: string;
@@ -55,17 +71,14 @@ export type CreationEntryConfig = {
     title: string;
     description: string;
   };
-  eventBanner: {
-    title: string;
-    description: string;
-    coverImageSrc: string;
-    prizePoolMudPoints: number;
-    startsAtText: string;
-    endsAtText: string;
-  };
+  /** 旧��公告�兼容字段，新代�优先读� eventBanners。 */
+  eventBanner: CreationEntryEventBannerConfig;
+  /** 底部加�创作入�页的多公告轮播�置。 */
+  eventBanners?: CreationEntryEventBannerConfig[];
   creationTypes: CreationEntryTypeConfig[];
 };
 
+/** 拉�底部加�创作入��置；所有入�和公告都以�端事实�为准。 */
 export async function fetchCreationEntryConfig(): Promise<CreationEntryConfig> {
   return requestJson<CreationEntryConfig>(
     '/api/creation-entry/config',
diff --git a/src/services/miniGameDraftGenerationProgress.ts b/src/services/miniGameDraftGenerationProgress.ts
index d92c383a..d7bf09fd 100644
--- a/src/services/miniGameDraftGenerationProgress.ts
+++ b/src/services/miniGameDraftGenerationProgress.ts
@@ -815,6 +815,7 @@ function resolveElapsedActiveStepProgressRatio(
   );
 }
 
+/** 计算拼图生�总进度，�端里程碑决定跨步骤，当�步骤内使用平滑�进度。 */
 function resolvePuzzleOverallProgress(
   state: MiniGameDraftGenerationState,
   activeStepProgressRatio: number,