From 50e335ba479c3ad16f5a1787fb49a048db09a126 Mon Sep 17 00:00:00 2001
From: kdletters <kdletters@qq.com>
Date: Sat, 6 Jun 2026 21:36:38 +0800
Subject: [PATCH] fix: polish platform creation flow interactions

---
 .hermes/shared-memory/pitfalls.md             |  16 ++
 ...�玩法创作】平�入�与玩法链路-2026-05-15.md |  11 +-
 .../common/CreativeImageInputPanel.test.tsx   | 112 +++++++++++++
 .../common/CreativeImageInputPanel.tsx        | 148 ++++++++++++++----
 .../PlatformEntryFlowShellImpl.tsx            |  55 ++++++-
 .../puzzle-result/PuzzleResultView.test.tsx   |  13 ++
 .../puzzle-result/PuzzleResultView.tsx        |   2 +
 ...gEntryFlowShell.agent.interaction.test.tsx |  50 ++++++
 .../RpgEntryHomeView.recharge.test.tsx        |  12 +-
 src/components/rpg-entry/RpgEntryHomeView.tsx |  60 +------
 src/index.css                                 |  29 +++-
 src/index.test.ts                             |  28 ++++
 12 files changed, 434 insertions(+), 102 deletions(-)

diff --git a/.hermes/shared-memory/pitfalls.md b/.hermes/shared-memory/pitfalls.md
index 811f055b..f38cafb3 100644
--- a/.hermes/shared-memory/pitfalls.md
+++ b/.hermes/shared-memory/pitfalls.md
@@ -1876,3 +1876,19 @@
 - 处�：�中文�示�的 live 验�优先写� UTF-8 `.mjs` 文件�执行，或使用能确认 UTF-8 的�行入�；执行�先检查本次 `request.json` 是��留真实中文，�判断生图质�。��基于 `????` prompt 生�的图片调整项目�示�。
 - 验�：生���检查 `request.json`，其中 `prompt` 字段应显示中文而�是问�；�一�示�在 UTF-8 文件脚本下应能得到符�主题的图。
 - 关�：`.codex/skills/gpt-image-2-apimart/SKILL.md`�`server-rs/crates/api-server/src/jump_hop.rs`。
+
+## 自动试玩退出��回到生�页
+
+- 现象：拼图�稿生�完��自动进入试玩，用户从试玩退出或使用系统返回时�回生�进度页，页�还暴露“�新生��按钮。
+- 原因：自动试玩�如果没有先把 `/creation/puzzle/result` 写� `/runtime/puzzle` 的�览器历��一站，系统返回会命中旧的生�页历�项；仅��行�内部 `returnStage='puzzle-result'` �能覆盖�行�按钮返回，�能覆盖�览器 / WebView 系统返回。
+- 处�：所有“生�完��自动进入�稿试玩�的分支在 `openPuzzleRuntimeStage(...)` �都必须调用结果页历�写入 helper，把 `/creation/puzzle/result` 与当� `sessionId/profileId/workId` 写入历�；�行�按钮返回到 `puzzle-result` 时也�步写回创作�� query。
+- 验�：`npm run test -- src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx -t "puzzle draft generation auto starts trial and runtime back opens draft result"`。
+- 关�：`src/components/platform-entry/PlatformEntryFlowShellImpl.tsx`�`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
+
+## CreativeImageInputPanel 主图点击默认预览
+
+- 现象：�用 `CreativeImageInputPanel` 的结果页 / 编辑页已有主图时，用户点击图片�触�上传，无法直接查看大图；��玩法若�自手写上传按钮会让主图�历�图�AI �绘和�考图行为�次分�。
+- 原因：旧主图�整�是上传 label，缺少主图预览模�和上传 / 历�入�的显�控制�数。
+- 处�：通用��已有主图时默认点击主图打开全�预览，上传 / 更�收�到�下角 `ImagePlus` 图标按钮；无图时��许点击空图�上传。调用方用 `canUploadMainImage` 和 `canUseImageHistory` 分别控制上传与历�按钮，���制��或用样��挡按钮。
+- 验�：`npm run test -- src/components/common/CreativeImageInputPanel.test.tsx src/components/puzzle-result/PuzzleResultView.test.tsx`。
+- 关�：`src/components/common/CreativeImageInputPanel.tsx`�`src/components/puzzle-result/PuzzleResultView.tsx`�`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
diff --git a/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md b/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
index 630ff6e4..4b2381bd 100644
--- a/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
+++ b/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
@@ -1,6 +1,6 @@
 # 平�入�与玩法链路
 
-更新时间：`2026-06-03`
+更新时间：`2026-06-06`
 
 ## 平�创作入�
 
@@ -40,7 +40,7 @@
 
 默认工作���交结构化表��图片槽�和�置 payload，�默认增加�天输入区���消�区或轻输入 Agent。确需�离该模�时，必须先在 PRD 和本文档写明例外原因�影�范围和回退方�，�进入编�。
 
-�图资产编辑统一通过 `CreativeImageInputPanel` 承载上传�AI �绘��考图�历�图和删除确认；新玩法页��得��手写这些交互。系列素�图集生�统一走“批�规划 -> sheet 生图 -> �端切图 -> �明化 -> OSS �久化 -> 状�回写 -> 局部�生���程，玩法��供 `sheetSpec`�`slotSpecs`��示�和字段映射，�把任一玩法专属素� DTO 当作平�通用模型。
+�图资产编辑统一通过 `CreativeImageInputPanel` 承载上传�AI �绘��考图�历�图�主图预览和删除确认；新玩法页��得��手写这些交互。主图已有图片时，默认点击图片打开全�预览，上传 / 更�收�到�下角 `ImagePlus` 图标按钮；无图时��许点击空图�上传。调用方�能通过 `canUploadMainImage`�`canUseImageHistory` 等�控�数开关上传和历�入�，�得用�制组件或样��挡改行为。系列素�图集生�统一走“批�规划 -> sheet 生图 -> �端切图 -> �明化 -> OSS �久化 -> 状�回写 -> 局部�生���程，玩法��供 `sheetSpec`�`slotSpecs`��示�和字段映射，�把任一玩法专属素� DTO 当作平�通用模型。
 
 通用系列素�图集能力的实现真相�在 `platform-image::generated_asset_sheets`：`n` 是必选�数，模�负责组装 `n*n` sheet prompt�按 `n*n` 切片�默认绿幕 / 近白底�明化�导出 PNG 和 OSS �久化请求；高风险撞色玩法�显�使用专用 key 色�关闭近白扣除并�制为边缘连通背景扣除。`api-server::generated_asset_sheets` ��留 `AppError` / `AppState` 适�，��承载图�处�和 OSS 请求构造细节。物��称 prompt 和特殊设定 prompt 是�选输入；调用方�传入类似“�个物�生�五个��视图�的视角约�，通用模�会把 sheet prompt�物�行 prompt�特殊设定 prompt 编�写入 OSS 元数�。玩法�负责计费�物�规划�slot 映射�失败回写和把通用切片结果映射回自己的�稿 / profile / runtime 字段。
 
@@ -62,8 +62,12 @@
 
 �现页 / 推�页公开作��的作者行�显示公开昵称或账�生�的脱�手机�；�得把纯 `SY-*` 陶泥�或作��当作�片作者�。陶泥��索�作���制和完整作�身份�在�索�详情页或明确的�制入�展示，���片列表暴露�外账�标识。
 
+移动端底部导航的创作按钮在登录��必须���一个图片化创作图标，�因登录�切��加�。
+
 �现 Tab�创作 Tab 与�稿 Tab 的页�根内容区��套 `platform-page-stage` 外层全局�片壳，让列表�筛选和玩法�获得更宽的横�空间；推�页和我的页�按�自页�设计�留原有全局�片�径。移动端“我的�页�按顶部头� / 昵称 / 陶泥��会员横幅�三张统计���日任务�五项常用功能宫格�设置入�和法律信�组织，��留旧的底部“填邀请��次级入�；常用功能当��展示四项常驻入�时必须按四列铺满整行，��留五列网格导致左对�空�；�日任务�必须读� `/api/profile/tasks` 的当�任务摘�并在领���步刷新�片进度。字�必须维�平�普通 UI 档�，�能因为窄�把�片标题�功能 label 或法律信�撑�展示级字�；最�一�内容必须能在底部 dock 上方完整滚动露出，�得被固定底部导航�挡。
 
+平�应用���览器根节点 `html` / `body` / `#root` 和平�页�级滚动容器的最外层滚动���轨�；弹窗�列表��行�侧�等内部滚动容器继续使用原有滚动�样�或显� `.scrollbar-hide` 控制。
+
 ## RPG / 自定义世界
 
 当� RPG 创作入�使用 `playId = rpg`，工程域和�行��类型沿用历� `custom-world`。默认入�状�为 `visible=true`�`open=true`，对外展示为“文字冒险�；`airp` �是独立的“AI RPG���入�，�� `open=false`，��把它当作当� RPG 创作链路开放。
@@ -107,7 +111,7 @@ RPG / 拼图等�行�存档�以 `/api/profile/save-archives` 的�端列
 - 支�画��述生图�多�考图生图�上传或历�生�主图� AI �绘�上传或历�生�主图���绘；主链�求�览器先� `/api/assets/direct-upload-tickets` 直传 OSS 并确认 `asset_object`，创作 action ��交 `referenceImageAssetObjectId(s)`，由�端校验 owner / bucket / kind / MIME / size �签� OSS �读 URL 并下载为 VectorEngine `/v1/images/edits` 的 multipart `image` part。本地上传 Data URL 与历� `/generated-*` 图片路径仅�留为旧�稿�旧入�或未�移客户端的兼容输入；关闭 AI �绘时，�端统一解�为首关或当�关�正�图���久化，�调用第一段拼图首图生�。
 - �稿生�会先�久化 `generationStatus=generating` 的作�摘�，生�完�并回写关�拼图画��关�画��考图�UI spritesheet 和关�背景图���为 `ready`；当��自动生�背景音�。生�页步骤推进必须跟��端 session `progressPercent` 的真实里程碑：`88` 表示�稿编译完�并进入出图步骤，`94` 表示生�图已�存并进入 UI / 背景步骤，`96` 表示正�图与 UI 背景已确认并进入写入步骤，最终 action �功或�布�进入完��；�个步骤内部�以按实际等待时间使用�进度平滑推进。`88/94/96` �负责切�当�步骤，�作为总进度地�；总进度按已完�步骤��加当�步骤内�进度推导，�完��最多�在 `98%`。任一�步 action 回包到达时立�以真实完�/失败结果冻结进度。
 - 作�架拼图�稿的“生�中��罩�表示�始�稿还没有�查看结果；��作�摘��首关��或任一关�候选图已��用，�续 UI 背景�生�和追加关�生图都必须作为结果页局部生��处�，�能阻止打开�稿结果页。生�失败�，�一�览器会�内的失败 notice 必须覆盖�端�能�短暂返回的 `generationStatus=generating` 摘�，作�架�留对应�稿�但��显示“生�中�，点击�回到失败 / �试状�。
-- 拼图�稿编译是长耗时 action，�端 action 请求默认等待 `1_800_000ms`（30 分钟）且�自动�试。�次图片生�调用的预期用时按 90 秒计算，但 `生�拼图首图` �独按 4 分钟展示；完整 AI �绘路径为 `编译首关�稿` 8 秒�`生�关��称` 10 秒�`生�拼图首图` 4 分钟�`生�关�画�` 90 秒�`生�UI与背景` 90 秒�`写入正��稿` 10 秒，�计约 448 秒。上传图且关闭 AI �绘时必须跳过 `生�拼图首图`，直接进入 `生�关�画�` 和 `生�UI与背景`，�计约 208 秒。生�页��时必须使用�端 session `updatedAt` 或作�摘� `updatedAt` 作为原始 `startedAtMs`；失败/完��用 `finishedAtMs` 冻结耗时。未收到对应�端里程碑�，�续步骤��待处�；�使当�步骤预计时长耗尽，也�能让当�步骤内部进度�在 `98%` 内，�能自动完�当�步骤或跳到�续步骤。生�页�个步骤�展示标题和进度，�展示步骤详细�述。
+- 拼图�稿编译是长耗时 action，�端 action 请求默认等待 `1_800_000ms`（30 分钟）且�自动�试。�次图片生�调用的预期用时按 90 秒计算，但 `生�拼图首图` �独按 4 分钟展示；完整 AI �绘路径为 `编译首关�稿` 8 秒�`生�关��称` 10 秒�`生�拼图首图` 4 分钟�`生�关�画�` 90 秒�`生�UI与背景` 90 秒�`写入正��稿` 10 秒，�计约 448 秒。上传图且关闭 AI �绘时必须跳过 `生�拼图首图`，直接进入 `生�关�画�` 和 `生�UI与背景`，�计约 208 秒。生�页��时必须使用�端 session `updatedAt` 或作�摘� `updatedAt` 作为原始 `startedAtMs`；失败/完��用 `finishedAtMs` 冻结耗时。生�完��若自动进入�稿试玩，进入 `/runtime/puzzle` �必须先把 `/creation/puzzle/result` 和当� `sessionId/profileId/workId` 写��览器历��一站；�行�返回按钮和系统返回都应回到结果页，�得退回生�进度页或暴露�新生�入�。未收到对应�端里程碑�，�续步骤��待处�；�使当�步骤预计时长耗尽，也�能让当�步骤内部进度�在 `98%` 内，�能自动完�当�步骤或跳到�续步骤。生�页�个步骤�展示标题和进度，�展示步骤详细�述。
 - �端创作�结果页�生�页和错误�示�展示 GPT / Gemini 等具体模型�称；如需在内部�留模型路由，UI �使用“标准模��“创�模��等产�化�称。
 - 若�览器�����或网络切�导致 compile 请求失败，�端在标记失败�必须先�读 `getPuzzleAgentSession(sessionId)`；�有最新 session �缺 `draft.coverImageSrc`�首关 `coverImageSrc` 或候选图时�展示失败，�读到已生��稿时按�功收尾�刷新作�架并继续自动试玩/结果页链路。
 - 拼图�考图 AI �绘走 VectorEngine `/v1/images/edits`；无�考图时走 `/v1/images/generations`。两者模型都使用 `gpt-image-2`，�考图由�端作为 multipart `image` part 传入编辑接�。
@@ -127,6 +131,7 @@ RPG / 拼图等�行�存档�以 `/api/profile/save-archives` 的�端列
 - 拼图�行�进行中关�的 `elapsedMs` �是结算字段，设置��的“当�用时�必须按 `startedAtMs`�暂�累计和冻结累计实时派生；��直接把进行中的 `currentLevel.elapsedMs` 当作展示值。
 - 推�页嵌入拼图�行�时，通关结算弹层必须挂到页�级 fixed 浮层，�能留在推��片视觉区内的 absolute 覆盖层；推�页滑动�片和�行�视�都使用 `overflow: hidden`，��内容区会�剪排行榜�下一关按钮和相似作��。
 - 推�页嵌入拼图�行�时，“下一关�应优先切到相似作�；如果当�推�候选为空，�回退到�作�下一关，��匿�推��在多关�作�上�续�留在�一作�内。下一关请求 pending 期间必须�留当� `PuzzleRuntimeShell` 和棋盘，�得把推��整体切回 `加载中...` ���；局部�步状�由拼图�行�自己的 busy 表现承接。�端返回的新关�属于其它作�时，�端必须�步 `selectedPuzzleDetail`�推�页 `puzzleGalleryEntries` 缓存和 `activeRecommendEntryKey`，让底部作�信��分享 / 点赞 / 改造和下一次“下一个�基准都指�新作�；但这�属于�一个 runtime run 内部推进，�能触�推� rail 切�动画�纵��移或�动���置，已挂载且 ready 的�行�画�应��稳定，��默更新作�信�和�作基准。
+- 推�页作�信�区的分享按钮统一唤起�布分享弹窗 `PublishShareModal`，�在推��内部�独拼接分享文案或��剪贴��制�馈；拼图推�作�的分享链接继续沿用 `/gallery/puzzle/detail?work=...`，其它统一公开作�默认走 `/works/detail?work=...`。
 - 推�页里的拼图作�如果从�行�进入“改造�结果页，返回平���清掉推�嵌入�的 `activeRecommendEntryKey` / `activeRecommendRuntimeKind` / `isStartingRecommendEntry`，��新按推�页自动�动逻辑进入作�，�能�用已�被清空的旧 `puzzleRun`。
 - 拼图�行��许�端低延迟交互表现，但通关�排行榜�奖励和作�状��以�端确认为准。
 
diff --git a/src/components/common/CreativeImageInputPanel.test.tsx b/src/components/common/CreativeImageInputPanel.test.tsx
index c5d8dacf..e21ef9bd 100644
--- a/src/components/common/CreativeImageInputPanel.test.tsx
+++ b/src/components/common/CreativeImageInputPanel.test.tsx
@@ -287,6 +287,118 @@ test('creative image input panel supports a preview-only main image mode', () =>
   expect(onSubmit).toHaveBeenCalledTimes(1);
 });
 
+test('creative image input panel can preview the main image and keep upload on a corner button', () => {
+  const onMainImageFileSelect = vi.fn();
+  const inputClickSpy = vi
+    .spyOn(HTMLInputElement.prototype, 'click')
+    .mockImplementation(() => undefined);
+
+  try {
+    render(
+      <CreativeImageInputPanel
+        mainImageClickMode="preview"
+        uploadedImageSrc="/generated-puzzle-assets/session/level/image.png"
+        uploadedImageAlt="拼图关�图"
+        mainImageInputId="level-image-upload-input"
+        promptTextareaId="level-prompt-input"
+        prompt="旧街�牌下的猫。"
+        promptLabel="画��述"
+        aiRedraw
+        promptReferenceImages={[]}
+        imageModelPicker={null}
+        submitLabel="�新生�画�"
+        submitDisabled={false}
+        labels={{
+          imageField: '画�图',
+          uploadImage: '上传�考图',
+          replaceImage: '更��考图',
+          emptyImageHint: '上传图片/填写画��述',
+          removeImage: '移除�考图',
+          removeImageConfirmTitle: '移除�考图？',
+          removeImageConfirmBody: '移除���新上传或选择历�图片。',
+          promptReferenceUpload: '上传�考图',
+          promptReferencePreviewAlt: '�考图预览',
+          closePromptReferencePreview: '关闭�考图预览',
+          previewMainImage: '查看关�图片',
+          closeMainImagePreview: '关闭关�图片预览',
+        }}
+        onMainImageFileSelect={onMainImageFileSelect}
+        onMainImageRemove={() => {}}
+        onAiRedrawChange={() => {}}
+        onPromptChange={() => {}}
+        onSubmit={() => {}}
+      />,
+    );
+
+    fireEvent.click(screen.getByRole('button', { name: '查看关�图片' }));
+    expect(screen.getByRole('dialog', { name: '查看关�图片' })).toBeTruthy();
+    expect(screen.getAllByAltText('拼图关�图').length).toBeGreaterThanOrEqual(2);
+    fireEvent.click(
+      screen.getByRole('button', { name: '关闭关�图片预览' }),
+    );
+
+    fireEvent.click(screen.getByRole('button', { name: '更��考图' }));
+    expect(inputClickSpy).toHaveBeenCalledTimes(1);
+
+    fireEvent.change(screen.getByLabelText('上传�考图', { selector: 'input' }), {
+      target: {
+        files: [new File(['a'], 'level-reference.png', { type: 'image/png' })],
+      },
+    });
+    expect(onMainImageFileSelect).toHaveBeenCalledWith(expect.any(File));
+  } finally {
+    inputClickSpy.mockRestore();
+  }
+});
+
+test('creative image input panel can hide upload and history controls independently', () => {
+  render(
+    <CreativeImageInputPanel
+      uploadedImageSrc="/generated-puzzle-assets/session/level/image.png"
+      uploadedImageAlt="拼图关�图"
+      canUploadMainImage={false}
+      canUseImageHistory={false}
+      mainImageInputId="level-image-upload-input"
+      promptTextareaId="level-prompt-input"
+      prompt="旧街�牌下的猫。"
+      promptLabel="画��述"
+      aiRedraw
+      promptReferenceImages={[]}
+      imageModelPicker={null}
+      submitLabel="�新生�画�"
+      submitDisabled={false}
+      labels={{
+        imageField: '画�图',
+        uploadImage: '上传�考图',
+        replaceImage: '更��考图',
+        emptyImageHint: '上传图片/填写画��述',
+        removeImage: '移除�考图',
+        removeImageConfirmTitle: '移除�考图？',
+        removeImageConfirmBody: '移除���新上传或选择历�图片。',
+        promptReferenceUpload: '上传�考图',
+        promptReferencePreviewAlt: '�考图预览',
+        closePromptReferencePreview: '关闭�考图预览',
+        previewMainImage: '查看关�图片',
+        closeMainImagePreview: '关闭关�图片预览',
+        history: '选择历�图片',
+      }}
+      onMainImageFileSelect={() => {}}
+      onMainImageRemove={() => {}}
+      onAiRedrawChange={() => {}}
+      onPromptChange={() => {}}
+      onHistoryClick={() => {}}
+      onSubmit={() => {}}
+    />,
+  );
+
+  expect(screen.getByRole('button', { name: '查看关�图片' })).toBeTruthy();
+  expect(screen.queryByRole('button', { name: '更��考图' })).toBeNull();
+  expect(
+    screen.queryByLabelText('上传�考图', { selector: 'input' }),
+  ).toBeNull();
+  expect(screen.queryByRole('button', { name: '选择历�图片' })).toBeNull();
+});
+
 test('creative image input panel does not show empty upload hint over a non-removable image', () => {
   render(
     <CreativeImageInputPanel
diff --git a/src/components/common/CreativeImageInputPanel.tsx b/src/components/common/CreativeImageInputPanel.tsx
index 1271dbd3..8fd4c45b 100644
--- a/src/components/common/CreativeImageInputPanel.tsx
+++ b/src/components/common/CreativeImageInputPanel.tsx
@@ -6,7 +6,7 @@ import {
   Trash2,
   X,
 } from 'lucide-react';
-import { type ReactNode, useEffect, useState } from 'react';
+import { type ReactNode, useEffect, useRef, useState } from 'react';
 
 import { ResolvedAssetImage } from '../ResolvedAssetImage';
 
@@ -28,6 +28,8 @@ export type CreativeImageInputPanelLabels = {
   promptReferenceUpload: string;
   promptReferencePreviewAlt: string;
   closePromptReferencePreview: string;
+  previewMainImage?: string;
+  closeMainImagePreview?: string;
   history?: string;
 };
 
@@ -37,6 +39,9 @@ export type CreativeImageInputPanelProps = {
   disabled?: boolean;
   isSubmitting?: boolean;
   mainImageMode?: 'edit' | 'preview';
+  mainImageClickMode?: 'upload' | 'preview';
+  canUploadMainImage?: boolean;
+  canUseImageHistory?: boolean;
   canRemoveMainImage?: boolean;
   canToggleAiRedraw?: boolean;
   canUploadPromptReferences?: boolean;
@@ -82,6 +87,9 @@ export function CreativeImageInputPanel({
   disabled = false,
   isSubmitting = false,
   mainImageMode = 'edit',
+  mainImageClickMode = 'preview',
+  canUploadMainImage = true,
+  canUseImageHistory = true,
   canRemoveMainImage = true,
   canToggleAiRedraw = true,
   canUploadPromptReferences,
@@ -117,8 +125,10 @@ export function CreativeImageInputPanel({
   onHistoryClick,
   onSubmit,
 }: CreativeImageInputPanelProps) {
+  const mainImageInputRef = useRef<HTMLInputElement | null>(null);
   const [previewReferenceImage, setPreviewReferenceImage] =
     useState<CreativeImageInputReferenceImage | null>(null);
+  const [isMainImagePreviewOpen, setIsMainImagePreviewOpen] = useState(false);
   const [isRemoveImageConfirmOpen, setIsRemoveImageConfirmOpen] =
     useState(false);
   const showPrompt = mainImageMode === 'preview' || !uploadedImageSrc || aiRedraw;
@@ -127,10 +137,19 @@ export function CreativeImageInputPanel({
   const promptReferenceUploadDisabled =
     disabled || promptReferenceImages.length >= promptReferenceLimit;
   const canEditMainImage = mainImageMode === 'edit';
+  const isMainImageUploadEnabled = canEditMainImage && canUploadMainImage;
+  const shouldShowHistoryButton =
+    canEditMainImage && canUseImageHistory && Boolean(onHistoryClick);
+  const shouldPreviewMainImage =
+    mainImageClickMode === 'preview' && Boolean(uploadedImageSrc);
+  const shouldShowMainImageUploadButton =
+    isMainImageUploadEnabled && shouldPreviewMainImage;
 
   useEffect(() => {
     if (uploadedImageSrc) {
       setPreviewReferenceImage(null);
+    } else {
+      setIsMainImagePreviewOpen(false);
     }
   }, [uploadedImageSrc]);
 
@@ -187,35 +206,48 @@ export function CreativeImageInputPanel({
               </div>
               <div className={imageFrameClassName}>
                 <div className={imageCardClassName}>
-                  {canEditMainImage ? (
-                    <>
-                      <input
-                        id={mainImageInputId}
-                        type="file"
-                        accept={mainImageAccept}
-                        disabled={disabled}
-                        aria-label={labels.uploadImage}
-                        onChange={(event) => {
-                          const file = event.currentTarget.files?.[0] ?? null;
-                          event.currentTarget.value = '';
-                          if (file) {
-                            onMainImageFileSelect(file);
-                          }
-                        }}
-                        className="sr-only"
-                      />
-                      <label
-                        htmlFor={mainImageInputId}
-                        className={`absolute inset-0 z-0 cursor-pointer ${disabled ? 'cursor-not-allowed' : ''}`}
-                        title={
-                          uploadedImageSrc ? labels.replaceImage : labels.uploadImage
+                  {isMainImageUploadEnabled ? (
+                    <input
+                      ref={mainImageInputRef}
+                      id={mainImageInputId}
+                      type="file"
+                      accept={mainImageAccept}
+                      disabled={disabled}
+                      aria-label={labels.uploadImage}
+                      onChange={(event) => {
+                        const file = event.currentTarget.files?.[0] ?? null;
+                        event.currentTarget.value = '';
+                        if (file) {
+                          onMainImageFileSelect(file);
                         }
-                      >
-                        <span className="sr-only">
-                          {uploadedImageSrc ? labels.replaceImage : labels.uploadImage}
-                        </span>
-                      </label>
-                    </>
+                      }}
+                      className="sr-only"
+                    />
+                  ) : null}
+                  {shouldPreviewMainImage ? (
+                    <button
+                      type="button"
+                      className="absolute inset-0 z-[2] cursor-zoom-in"
+                      aria-label={labels.previewMainImage ?? uploadedImageAlt}
+                      title={labels.previewMainImage ?? uploadedImageAlt}
+                      onClick={() => setIsMainImagePreviewOpen(true)}
+                    />
+                  ) : isMainImageUploadEnabled ? (
+                    <label
+                      htmlFor={mainImageInputId}
+                      className={`absolute inset-0 z-0 cursor-pointer ${disabled ? 'cursor-not-allowed' : ''}`}
+                      title={
+                        uploadedImageSrc
+                          ? labels.replaceImage
+                          : labels.uploadImage
+                      }
+                    >
+                      <span className="sr-only">
+                        {uploadedImageSrc
+                          ? labels.replaceImage
+                          : labels.uploadImage}
+                      </span>
+                    </label>
                   ) : null}
                   {uploadedImageSrc ? (
                     <ResolvedAssetImage
@@ -232,7 +264,19 @@ export function CreativeImageInputPanel({
                     </span>
                   )}
                   <div className="pointer-events-none absolute inset-0 z-[1] bg-[linear-gradient(180deg,rgba(255,255,255,0.12)_0%,rgba(255,255,255,0.04)_42%,rgba(255,255,255,0.18)_100%)]" />
-                  {canEditMainImage && onHistoryClick ? (
+                  {shouldShowMainImageUploadButton ? (
+                    <button
+                      type="button"
+                      disabled={disabled}
+                      onClick={() => mainImageInputRef.current?.click()}
+                      className="absolute bottom-3 right-3 z-10 inline-flex h-10 w-10 items-center justify-center rounded-full border border-white/80 bg-white/94 text-[var(--platform-text-strong)] shadow-sm backdrop-blur transition hover:text-[var(--platform-accent)] disabled:cursor-not-allowed disabled:opacity-55"
+                      aria-label={labels.replaceImage}
+                      title={labels.replaceImage}
+                    >
+                      <ImagePlus className="h-4 w-4" />
+                    </button>
+                  ) : null}
+                  {shouldShowHistoryButton ? (
                     <button
                       type="button"
                       disabled={disabled}
@@ -284,7 +328,7 @@ export function CreativeImageInputPanel({
                     >
                       <Trash2 className="h-4 w-4" />
                     </button>
-                  ) : canEditMainImage && !uploadedImageSrc ? (
+                  ) : isMainImageUploadEnabled && !uploadedImageSrc ? (
                     <label
                       htmlFor={mainImageInputId}
                       className={`absolute bottom-9 left-1/2 z-10 -translate-x-1/2 whitespace-nowrap text-center text-sm font-black text-[var(--platform-text-strong)] drop-shadow-[0_1px_0_rgba(255,255,255,0.82)] transition hover:text-[var(--platform-accent)] sm:bottom-10 ${
@@ -477,6 +521,48 @@ export function CreativeImageInputPanel({
         </div>
       ) : null}
 
+      {isMainImagePreviewOpen && uploadedImageSrc ? (
+        <div
+          className="platform-modal-backdrop fixed inset-0 z-[82] flex items-center justify-center px-4 py-6"
+          onClick={() => setIsMainImagePreviewOpen(false)}
+        >
+          <div
+            role="dialog"
+            aria-modal="true"
+            aria-labelledby="creative-image-main-preview-title"
+            className="platform-modal-shell platform-remap-surface w-full max-w-4xl rounded-[1.35rem] p-3 shadow-[0_24px_70px_rgba(15,23,42,0.22)]"
+            onClick={(event) => event.stopPropagation()}
+          >
+            <div className="mb-3 flex items-center justify-between gap-3 px-1">
+              <div
+                id="creative-image-main-preview-title"
+                className="min-w-0 truncate text-sm font-black text-[var(--platform-text-strong)]"
+              >
+                {labels.previewMainImage ?? uploadedImageAlt}
+              </div>
+              <button
+                type="button"
+                aria-label={
+                  labels.closeMainImagePreview ?? labels.closePromptReferencePreview
+                }
+                onClick={() => setIsMainImagePreviewOpen(false)}
+                className="platform-profile-icon-button flex h-8 w-8 shrink-0 items-center justify-center rounded-full"
+              >
+                <X className="h-4 w-4" />
+              </button>
+            </div>
+            <div className="max-h-[82vh] overflow-hidden rounded-[1rem] bg-black/5">
+              <ResolvedAssetImage
+                src={uploadedImageSrc}
+                refreshKey={uploadedImageRefreshKey}
+                alt={uploadedImageAlt}
+                className="h-full max-h-[82vh] w-full object-contain"
+              />
+            </div>
+          </div>
+        </div>
+      ) : null}
+
       {isRemoveImageConfirmOpen ? (
         <div className="platform-modal-backdrop fixed inset-0 z-[80] flex items-center justify-center px-4 py-6">
           <div
diff --git a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
index c26882b7..a111afc8 100644
--- a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
+++ b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
@@ -726,6 +726,20 @@ function getPlatformRecommendRuntimeKind(
   return 'rpg';
 }
 
+function resolveRecommendEntryShareStage(
+  entry: PlatformPublicGalleryCard,
+): PublishShareModalPayload['stage'] {
+  if (isBigFishGalleryEntry(entry)) {
+    return 'big-fish-runtime';
+  }
+
+  if (isPuzzleGalleryEntry(entry)) {
+    return 'puzzle-gallery-detail';
+  }
+
+  return 'work-detail';
+}
+
 function isRecommendRuntimeReadyForEntry(
   entry: PlatformPublicGalleryCard,
   state: RecommendRuntimeState,
@@ -1900,6 +1914,13 @@ function buildPuzzleCreationUrlState(
   };
 }
 
+function pushPuzzleResultHistoryEntry(
+  session: PuzzleAgentSessionSnapshot | null,
+) {
+  pushAppHistoryPath('/creation/puzzle/result');
+  writeCreationUrlState(buildPuzzleCreationUrlState(session));
+}
+
 function buildPuzzleDraftRuntimeUrlState(
   item: PuzzleWorkSummary,
   levelId?: string | null,
@@ -4997,6 +5018,22 @@ export function PlatformEntryFlowShellImpl({
     [],
   );
 
+  const openRecommendShareModal = useCallback(
+    (entry: PlatformPublicGalleryCard) => {
+      const publicWorkCode = resolvePlatformPublicWorkCode(entry)?.trim();
+      if (!publicWorkCode) {
+        return;
+      }
+
+      openPublishShareModal({
+        title: entry.worldName,
+        publicWorkCode,
+        stage: resolveRecommendEntryShareStage(entry),
+      });
+    },
+    [openPublishShareModal],
+  );
+
   const openRpgPublishShareModal = useCallback(
     async (profile: CustomWorldProfile | null | undefined) => {
       const profileId = profile?.id?.trim();
@@ -6398,6 +6435,7 @@ export function PlatformEntryFlowShellImpl({
             setPuzzleRun(run);
             setPuzzleRuntimeAuthMode('default');
             setPuzzleRuntimeReturnStage('puzzle-result');
+            pushPuzzleResultHistoryEntry(response.session);
             openPuzzleRuntimeStage(
               setSelectionStage,
               buildPuzzleDraftRuntimeUrlState(item, null),
@@ -6763,6 +6801,7 @@ export function PlatformEntryFlowShellImpl({
         setPuzzleRun(run);
         setPuzzleRuntimeAuthMode('default');
         setPuzzleRuntimeReturnStage('puzzle-result');
+        pushPuzzleResultHistoryEntry(latestSession);
         openPuzzleRuntimeStage(
           setSelectionStage,
           buildPuzzleDraftRuntimeUrlState(item, null),
@@ -7721,6 +7760,7 @@ export function PlatformEntryFlowShellImpl({
             setPuzzleRun(run);
             setPuzzleRuntimeAuthMode('default');
             setPuzzleRuntimeReturnStage('puzzle-result');
+            pushPuzzleResultHistoryEntry(response.session);
             openPuzzleRuntimeStage(
               setSelectionStage,
               buildPuzzleDraftRuntimeUrlState(item, null),
@@ -11156,6 +11196,7 @@ export function PlatformEntryFlowShellImpl({
         setPuzzleRun(run);
         setPuzzleRuntimeAuthMode('default');
         setPuzzleRuntimeReturnStage('puzzle-result');
+        pushPuzzleResultHistoryEntry(puzzleSession);
         openPuzzleRuntimeStage(
           setSelectionStage,
           buildPuzzleDraftRuntimeUrlState(item, options.levelId ?? null),
@@ -11170,8 +11211,7 @@ export function PlatformEntryFlowShellImpl({
     },
     [
       isPuzzleBusy,
-      puzzleSession?.publishedProfileId,
-      puzzleSession?.sessionId,
+      puzzleSession,
       resolvePuzzleErrorMessage,
       setIsPuzzleBusy,
       setPuzzleError,
@@ -16552,6 +16592,9 @@ export function PlatformEntryFlowShellImpl({
               onLikeRecommendEntry={(entry) => {
                 likePublicWork(entry);
               }}
+              onShareRecommendEntry={(entry) => {
+                openRecommendShareModal(entry);
+              }}
               onRemixRecommendEntry={(entry) => {
                 remixPublicWork(entry);
               }}
@@ -18332,7 +18375,13 @@ export function PlatformEntryFlowShellImpl({
                 error={puzzleError}
                 hideBackButton={Boolean(puzzleOnboardingDraft)}
                 onBack={() => {
-                  setSelectionStage(puzzleRuntimeReturnStage);
+                  const returnStage = puzzleRuntimeReturnStage;
+                  setSelectionStage(returnStage);
+                  if (returnStage === 'puzzle-result') {
+                    writeCreationUrlState(
+                      buildPuzzleCreationUrlState(puzzleSession),
+                    );
+                  }
                 }}
                 onRemodelWork={
                   selectedPuzzleDetail?.publicationStatus === 'published'
diff --git a/src/components/puzzle-result/PuzzleResultView.test.tsx b/src/components/puzzle-result/PuzzleResultView.test.tsx
index 018ce784..ae00d640 100644
--- a/src/components/puzzle-result/PuzzleResultView.test.tsx
+++ b/src/components/puzzle-result/PuzzleResultView.test.tsx
@@ -427,6 +427,19 @@ describe('PuzzleResultView', () => {
     const formalImageCard = formalImageTitle
       .closest('.creative-image-input-panel__image-field')
       ?.querySelector('.puzzle-image-upload-card');
+    fireEvent.click(
+      within(dialog).getByRole('button', { name: '查看关�图片' }),
+    );
+    const imagePreviewDialog = screen.getByRole('dialog', {
+      name: '查看关�图片',
+    });
+    expect(within(imagePreviewDialog).getByAltText('暖�猫街')).toBeTruthy();
+    fireEvent.click(
+      within(imagePreviewDialog).getByRole('button', {
+        name: '关闭关�图片预览',
+      }),
+    );
+    expect(within(dialog).getByRole('button', { name: '更��考图' })).toBeTruthy();
     const pictureDescriptionInput = within(dialog).getByLabelText('画��述');
     expect(levelNameInput.closest('.platform-subpanel')).toBeNull();
     expect(formalImageTitle.closest('.platform-subpanel')).toBeNull();
diff --git a/src/components/puzzle-result/PuzzleResultView.tsx b/src/components/puzzle-result/PuzzleResultView.tsx
index ce517815..eaaa4917 100644
--- a/src/components/puzzle-result/PuzzleResultView.tsx
+++ b/src/components/puzzle-result/PuzzleResultView.tsx
@@ -867,6 +867,8 @@ function PuzzleLevelDetailDialog({
                   promptReferenceUpload: '上传�考图',
                   promptReferencePreviewAlt: '�考图预览',
                   closePromptReferencePreview: '关闭�考图预览',
+                  previewMainImage: '查看关�图片',
+                  closeMainImagePreview: '关闭关�图片预览',
                   history: '选择历�图片',
                 }}
                 onMainImageFileSelect={(file) => {
diff --git a/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx b/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
index a674387a..45cc1ee4 100644
--- a/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
+++ b/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
@@ -6103,10 +6103,19 @@ test('puzzle draft generation auto starts trial and runtime back opens draft res
     );
   });
 
+  await act(async () => {
+    window.history.back();
+  });
+  await waitFor(() => {
+    expect(window.location.pathname).toBe('/creation/puzzle/result');
+  });
   await user.click(await screen.findByRole('button', { name: '返回上一页' }));
 
   expect(await screen.findByText('拼图结果页')).toBeTruthy();
   expect(screen.getByDisplayValue('雨夜猫街')).toBeTruthy();
+  const creationParams = new URLSearchParams(window.location.search);
+  expect(creationParams.get('sessionId')).toBe('puzzle-session-auto-1');
+  expect(creationParams.get('profileId')).toBe('puzzle-profile-auto-1');
 });
 
 test('embedded puzzle form recovers when compile request times out after backend completion', async () => {
@@ -7309,6 +7318,47 @@ test('home recommendation starts embedded puzzle without global auth reset on lo
   });
 });
 
+test('home recommendation share opens publish share modal', async () => {
+  const user = userEvent.setup();
+  const publishedPuzzleWork = {
+    workId: 'puzzle-work-share-1',
+    profileId: 'SHARE001',
+    ownerUserId: 'user-2',
+    sourceSessionId: 'puzzle-session-share-1',
+    authorDisplayName: '拼图作者',
+    levelName: '星桥分享关',
+    summary: '旋转碎片并接通星桥机关。',
+    themeTags: ['机关', '星桥'],
+    coverImageSrc: null,
+    coverAssetId: null,
+    publicationStatus: 'published',
+    updatedAt: '2026-04-25T09:00:00.000Z',
+    publishedAt: '2026-04-25T09:00:00.000Z',
+    playCount: 3,
+    likeCount: 0,
+    publishReady: true,
+  } satisfies PuzzleWorkSummary;
+
+  vi.mocked(listPuzzleGallery).mockResolvedValue({
+    items: [publishedPuzzleWork],
+  });
+  vi.mocked(getPuzzleGalleryDetail).mockResolvedValue({
+    item: publishedPuzzleWork,
+  });
+
+  render(<TestWrapper withAuth />);
+
+  const meta = await screen.findByLabelText('星桥分享关 作�信�');
+  await user.click(within(meta).getByRole('button', { name: '分享' }));
+
+  expect(
+    await screen.findByRole('dialog', { name: '分享给朋�' }),
+  ).toBeTruthy();
+  expect(screen.getByText(/作��：PZ-SHARE001/u)).toBeTruthy();
+  expect(screen.getByText(/\/gallery\/puzzle\/detail\?work=PZ-SHARE001/u))
+    .toBeTruthy();
+});
+
 test('home recommendation keeps logged-in puzzle start on default auth instead of guest token', async () => {
   const publishedPuzzleWork = {
     workId: 'puzzle-work-public-2',
diff --git a/src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx b/src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx
index 20f7a2f9..3b055333 100644
--- a/src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx
+++ b/src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx
@@ -3849,6 +3849,7 @@ test('logged in recommend runtime preloads adjacent work previews and drag switc
   const onSelectNextRecommendEntry = vi.fn();
   const onSelectPreviousRecommendEntry = vi.fn();
   const onLikeRecommendEntry = vi.fn();
+  const onShareRecommendEntry = vi.fn();
   const onRemixRecommendEntry = vi.fn();
   const firstEntry = {
     ...puzzlePublicEntry,
@@ -3934,6 +3935,7 @@ test('logged in recommend runtime preloads adjacent work previews and drag switc
         onSelectNextRecommendEntry={onSelectNextRecommendEntry}
         onSelectPreviousRecommendEntry={onSelectPreviousRecommendEntry}
         onLikeRecommendEntry={onLikeRecommendEntry}
+        onShareRecommendEntry={onShareRecommendEntry}
         onRemixRecommendEntry={onRemixRecommendEntry}
         onOpenLibraryDetail={vi.fn()}
         onSearchPublicCode={vi.fn()}
@@ -3952,11 +3954,6 @@ test('logged in recommend runtime preloads adjacent work previews and drag switc
   expect(screen.getAllByText('上一拼图').length).toBeGreaterThanOrEqual(2);
   expect(screen.queryByText('评论')).toBeNull();
   expect(screen.queryByLabelText(/游玩/u)).toBeNull();
-  const clipboardWriteText = vi.fn().mockResolvedValue(undefined);
-  Object.defineProperty(navigator, 'clipboard', {
-    configurable: true,
-    value: { writeText: clipboardWriteText },
-  });
 
   const meta = screen.getByLabelText('当�拼图 作�信�') as HTMLElement;
   expect(meta.closest('[data-recommend-swipe-zone="true"]')).toBeTruthy();
@@ -3978,10 +3975,9 @@ test('logged in recommend runtime preloads adjacent work previews and drag switc
   fireEvent.click(remixButton);
 
   expect(onLikeRecommendEntry).toHaveBeenCalledWith(firstEntry);
+  expect(onShareRecommendEntry).toHaveBeenCalledWith(firstEntry);
   expect(onRemixRecommendEntry).toHaveBeenCalledWith(firstEntry);
-  expect(clipboardWriteText).toHaveBeenCalledWith(
-    expect.stringContaining('作��：PZ-FEED1'),
-  );
+  expect(activeRecommendCard.getByRole('button', { name: '分享' })).toBeTruthy();
 
   act(() => {
     dispatchPointerEvent(meta, 'pointerdown', { pointerId: 1, clientY: 300 });
diff --git a/src/components/rpg-entry/RpgEntryHomeView.tsx b/src/components/rpg-entry/RpgEntryHomeView.tsx
index 6766dbc8..876f49e1 100644
--- a/src/components/rpg-entry/RpgEntryHomeView.tsx
+++ b/src/components/rpg-entry/RpgEntryHomeView.tsx
@@ -19,7 +19,6 @@ import {
   Loader2,
   Palette,
   Pencil,
-  Plus,
   ScanLine,
   Search,
   Settings,
@@ -80,7 +79,6 @@ import type {
   WechatNativePayment,
 } from '../../../packages/shared/src/contracts/runtime';
 import type { HydratedSavedGameSnapshot } from '../../persistence/runtimeSnapshotTypes';
-import { buildPublicWorkDetailUrl } from '../../routing/appPageRoutes';
 import type { AuthUser } from '../../services/authService';
 import {
   getPublicAuthUserByCode,
@@ -154,7 +152,6 @@ import {
   type PlatformPublicGalleryCard,
   type PlatformWorldCardLike,
   resolvePlatformWorkAuthorDisplayName,
-  resolvePlatformPublicWorkCode,
   resolvePlatformWorldCoverImage,
   resolvePlatformWorldCoverSlides,
   resolvePlatformWorldFallbackCoverImage,
@@ -201,6 +198,7 @@ export interface RpgEntryHomeViewProps {
   onSelectNextRecommendEntry?: (activeEntryKey?: string | null) => void;
   onSelectPreviousRecommendEntry?: (activeEntryKey?: string | null) => void;
   onLikeRecommendEntry?: (entry: PlatformPublicGalleryCard) => void;
+  onShareRecommendEntry?: (entry: PlatformPublicGalleryCard) => void;
   onRemixRecommendEntry?: (entry: PlatformPublicGalleryCard) => void;
   onOpenLibraryDetail: (
     entry: CustomWorldLibraryEntry<CustomWorldProfile>,
@@ -1063,7 +1061,6 @@ function RecommendSwipeCard({
   authorSummary,
   isActive,
   visual,
-  shareState,
   onDragPointerDown,
   onDragPointerMove,
   onDragPointerUp,
@@ -1077,7 +1074,6 @@ function RecommendSwipeCard({
   authorSummary?: PublicUserSummary | null;
   isActive: boolean;
   visual: ReactNode;
-  shareState?: 'idle' | 'copied' | 'failed';
   onDragPointerDown?: (event: PointerEvent<HTMLElement>) => void;
   onDragPointerMove?: (event: PointerEvent<HTMLElement>) => void;
   onDragPointerUp?: (event: PointerEvent<HTMLElement>) => void;
@@ -1101,7 +1097,6 @@ function RecommendSwipeCard({
           authorAvatarUrl={authorAvatarUrl}
           authorSummary={authorSummary}
           isActive={isActive}
-          shareState={shareState}
           onDragPointerDown={onDragPointerDown}
           onDragPointerMove={onDragPointerMove}
           onDragPointerUp={onDragPointerUp}
@@ -1123,7 +1118,6 @@ function RecommendRuntimeMeta({
   onDragPointerMove,
   onDragPointerUp,
   onDragPointerCancel,
-  shareState = 'idle',
   onLike,
   onShare,
   onRemix,
@@ -1136,7 +1130,6 @@ function RecommendRuntimeMeta({
   onDragPointerMove?: (event: PointerEvent<HTMLElement>) => void;
   onDragPointerUp?: (event: PointerEvent<HTMLElement>) => void;
   onDragPointerCancel?: (event: PointerEvent<HTMLElement>) => void;
-  shareState?: 'idle' | 'copied' | 'failed';
   onLike?: () => void;
   onShare?: () => void;
   onRemix?: () => void;
@@ -1227,13 +1220,7 @@ function RecommendRuntimeMeta({
               onShare?.();
             }}
             disabled={!isActive || !onShare}
-            aria-label={
-              shareState === 'copied'
-                ? '分享内容已�制'
-                : shareState === 'failed'
-                  ? '分享内容�制失败'
-                  : '分享'
-            }
+            aria-label="分享"
             title="分享"
           >
             <Share2 className="h-5 w-5" aria-hidden="true" />
@@ -4139,6 +4126,7 @@ export function RpgEntryHomeView({
   onSelectNextRecommendEntry,
   onSelectPreviousRecommendEntry,
   onLikeRecommendEntry,
+  onShareRecommendEntry,
   onRemixRecommendEntry,
   onOpenLibraryDetail,
   onDeleteLibraryEntry,
@@ -4420,7 +4408,7 @@ export function RpgEntryHomeView({
     ? {
         home: Sparkles,
         category: Compass,
-        create: Plus,
+        create: Sparkles,
         saves: Pencil,
         profile: UserRound,
       }
@@ -5531,13 +5519,9 @@ export function RpgEntryHomeView({
   const [recommendDragOffsetY, setRecommendDragOffsetY] = useState(0);
   const [recommendDragCommitDirection, setRecommendDragCommitDirection] =
     useState<1 | -1 | null>(null);
-  const [recommendShareState, setRecommendShareState] = useState<
-    'idle' | 'copied' | 'failed'
-  >('idle');
   const activeRecommendEntryKeyForSelection = activeRecommendEntry
     ? buildPublicGalleryCardKey(activeRecommendEntry)
     : null;
-  const recommendShareResetTimerRef = useRef<number | null>(null);
   const recommendCardStageRef = useRef<HTMLDivElement | null>(null);
   const recommendDragStartRef = useRef<{
     pointerId: number;
@@ -5675,39 +5659,6 @@ export function RpgEntryHomeView({
     onSelectNextRecommendEntry,
     recommendedFeedEntries.length,
   ]);
-  useEffect(
-    () => () => {
-      if (recommendShareResetTimerRef.current !== null) {
-        window.clearTimeout(recommendShareResetTimerRef.current);
-      }
-    },
-    [],
-  );
-  useEffect(() => {
-    setRecommendShareState('idle');
-  }, [activeRecommendEntryKey]);
-  const shareRecommendEntry = useCallback(
-    (entry: PlatformPublicGalleryCard) => {
-      const publicWorkCode = resolvePlatformPublicWorkCode(entry)?.trim();
-      if (!publicWorkCode) {
-        setRecommendShareState('failed');
-        return;
-      }
-
-      const shareText = `邀请你�玩《${entry.worldName}》\n作��：${publicWorkCode}\n${buildPublicWorkDetailUrl(publicWorkCode)}`;
-      void copyTextToClipboard(shareText).then((copied) => {
-        setRecommendShareState(copied ? 'copied' : 'failed');
-        if (recommendShareResetTimerRef.current !== null) {
-          window.clearTimeout(recommendShareResetTimerRef.current);
-        }
-        recommendShareResetTimerRef.current = window.setTimeout(() => {
-          recommendShareResetTimerRef.current = null;
-          setRecommendShareState('idle');
-        }, 1400);
-      });
-    },
-    [],
-  );
   const leadPublicEntry = featuredShelf[0] ?? generalLatestEntries[0] ?? null;
   const openLeadPublicEntry = () => {
     if (leadPublicEntry) {
@@ -5851,9 +5802,8 @@ export function RpgEntryHomeView({
                 onDragPointerMove={moveRecommendDrag}
                 onDragPointerUp={endRecommendDrag}
                 onDragPointerCancel={cancelRecommendDrag}
-                shareState={recommendShareState}
                 onLike={() => onLikeRecommendEntry?.(activeRecommendEntry)}
-                onShare={() => shareRecommendEntry(activeRecommendEntry)}
+                onShare={() => onShareRecommendEntry?.(activeRecommendEntry)}
                 onRemix={() => onRemixRecommendEntry?.(activeRecommendEntry)}
               />
             </div>
diff --git a/src/index.css b/src/index.css
index fc2baa82..eaf1aa37 100644
--- a/src/index.css
+++ b/src/index.css
@@ -40,11 +40,36 @@
 
 html,
 body,
-#root {
+#root,
+.platform-viewport-shell,
+.platform-tab-panel,
+.platform-page-stage,
+.unified-creation-page,
+.platform-work-detail__scroll {
   width: 100%;
-  height: 100%;
   min-width: 0;
   overflow-x: hidden;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+html::-webkit-scrollbar,
+body::-webkit-scrollbar,
+#root::-webkit-scrollbar,
+.platform-viewport-shell::-webkit-scrollbar,
+.platform-tab-panel::-webkit-scrollbar,
+.platform-page-stage::-webkit-scrollbar,
+.unified-creation-page::-webkit-scrollbar,
+.platform-work-detail__scroll::-webkit-scrollbar {
+  display: none;
+  width: 0;
+  height: 0;
+}
+
+html,
+body,
+#root {
+  height: 100%;
 }
 
 body {
diff --git a/src/index.test.ts b/src/index.test.ts
index 6a54c2f9..d01d35b4 100644
--- a/src/index.test.ts
+++ b/src/index.test.ts
@@ -31,6 +31,34 @@ function getCssBlock(source: string, selector: string) {
 }
 
 describe('index stylesheet unread dots', () => {
+  it('hides the outer page scrollbar without changing inner scroll helpers', () => {
+    const css = readIndexCss();
+
+    const rootBlock = getCssBlock(css, 'html,\nbody,\n#root');
+    expect(rootBlock).toContain('overflow-x: hidden;');
+    expect(rootBlock).toContain('-ms-overflow-style: none;');
+    expect(rootBlock).toContain('scrollbar-width: none;');
+    expect(css).toContain(
+      'html,\nbody,\n#root,\n.platform-viewport-shell,\n.platform-tab-panel,\n.platform-page-stage,\n.unified-creation-page,\n.platform-work-detail__scroll',
+    );
+
+    const webkitRootBlock = getCssBlock(
+      css,
+      'html::-webkit-scrollbar,\nbody::-webkit-scrollbar,\n#root::-webkit-scrollbar',
+    );
+    expect(webkitRootBlock).toContain('display: none;');
+    expect(webkitRootBlock).toContain('width: 0;');
+    expect(webkitRootBlock).toContain('height: 0;');
+    expect(css).toContain('.platform-viewport-shell::-webkit-scrollbar');
+    expect(css).toContain('.platform-tab-panel::-webkit-scrollbar');
+    expect(css).toContain('.platform-page-stage::-webkit-scrollbar');
+    expect(css).toContain('.unified-creation-page::-webkit-scrollbar');
+    expect(css).toContain('.platform-work-detail__scroll::-webkit-scrollbar');
+
+    expect(css).toContain('.scrollbar-hide');
+    expect(css).toContain('::-webkit-scrollbar-thumb');
+  });
+
   it('uses warm brown tokens for draft unread markers instead of red literals', () => {
     const css = readIndexCss();