From 5a6e68b6dc7aa7c780398cfcda5613ea446392e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AB=98=E7=89=A9?= <253518756@qq.com>
Date: Mon, 25 May 2026 22:57:14 +0800
Subject: [PATCH] 1

---
 .hermes/shared-memory/pitfalls.md             |  12 +-
 docs/README.md                                |   2 +
 ...Ÿæˆ�高质é‡�2Då°�游æˆ�高一致性美术素æ��的解决方案-2026-05-25.md | 184 +++++++++
 ...�玩法创作】平�入�与玩法链路-2026-05-15.md |   2 +-
 ...�项目基线】当�产�与工程约�-2026-05-15.md |   6 +-
 .../RpgEntryHomeView.recharge.test.tsx        | 185 +++++++--
 src/components/rpg-entry/RpgEntryHomeView.tsx | 375 ++++++++++++------
 src/index.css                                 |  63 +--
 8 files changed, 627 insertions(+), 202 deletions(-)
 create mode 100644 docs/�专利交底】一��低�本快速生�高质�2D�游�高一致性美术素�的解决方案-2026-05-25.md

diff --git a/.hermes/shared-memory/pitfalls.md b/.hermes/shared-memory/pitfalls.md
index 682af630..1259be9d 100644
--- a/.hermes/shared-memory/pitfalls.md
+++ b/.hermes/shared-memory/pitfalls.md
@@ -1456,10 +1456,10 @@
 - 验�：`curl.exe -i http://127.0.0.1:8082/api/creation-entry/config` 返回 `200` 且包� `baby-object-match`；�端�稿页作�架�新渲染。
 - 关�：`server-rs/crates/api-server/src/state.rs`�`server-rs/crates/api-server/src/creation_entry_config.rs`�`docs/�开��维】本地开�验�与生产�维-2026-05-15.md`。
 
-## 存档选择入�����在“玩过�弹窗里
+## 个人中心���留直达“存档�按钮入�
 
-- 现象：用户有 RPG / 拼图�行�存档，但平�底部 `�稿` Tab �展示作�架，个人中心�有点击 `玩过` ���能看到“�继续�，导致看起�没有存档选择入�。
-- 原因：`/api/profile/save-archives` 已在入� bootstrap 加载，但�端�把 `saveEntries` 注入 `ProfilePlayedWorksModal`；没有独立的存档入�。
-- 处�：个人中心 `常用功能` 必须�留 `存档` 快�入�，点击�打开独立存档选择弹窗并�用 `SaveArchiveCard`；���走 `/api/profile/save-archives/{worldKey}`，拼图存档继续走拼图 resume 分支，RPG 走 `handleContinueGame(snapshot)`。
-- 验�：`npm run test -- src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx -t "profile page exposes save archive picker"`。
-- 关�：`src/components/rpg-entry/RpgEntryHomeView.tsx`�`src/components/platform-entry/PlatformEntryFlowShellImpl.tsx`�`src/components/rpg-entry/useRpgEntryBootstrap.ts`�`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
+- 现象：2026-05-25 起，移动端“我的�页顶部改为�牌行 + 扫� / 设置按钮，设置区和次级入����供独立的 `存档` 按钮；用户��在“玩过�弹窗里查看�继续存档。
+- 原因：产�布局收��，个人中心��留设置�扫��常用功能和�件性次级入�，存档��继续以�端 `/api/profile/save-archives` 真相为准，但��作为页�直达入�。
+- 处�：�续如果需��新暴露存档入�，优先评估是�应回到“玩过�或别的独立弹窗�程，��默认把存档�塞回常用功能宫格或设置列表。
+- 验�：`npm test -- src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx -t "mobile profile page matches the reference layout sections|profile scan action opens camera scanner instead of recharge panel"`。
+- 关�：`src/components/rpg-entry/RpgEntryHomeView.tsx`�`docs/�项目基线】当�产�与工程约�-2026-05-15.md`�`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
diff --git a/docs/README.md b/docs/README.md
index 030744a9..39af032a 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -17,6 +17,8 @@
 
 拼图生�页步骤真进度�步骤内�进度和精简展示�径� [�玩法创作】拼图生�页进度�径-2026-05-23.md](./%E3%80%90%E7%8E%A9%E6%B3%95%E5%88%9B%E4%BD%9C%E3%80%91%E6%8B%BC%E5%9B%BE%E7%94%9F%E6%88%90%E9%A1%B5%E8%BF%9B%E5%BA%A6%E5%8F%A3%E5%BE%84-2026-05-23.md)。
 
+从文字需求生�高一致性美术素��程抽象出的�明专利交底稿� [�专利交底】一��低�本快速生�高质�2D�游�高一致性美术素�的解决方案-2026-05-25.md](./%E3%80%90%E4%B8%93%E5%88%A9%E4%BA%A4%E5%BA%95%E3%80%91%E4%B8%80%E7%A7%8D%E6%9E%81%E4%BD%8E%E6%88%90%E6%9C%AC%E5%BF%AB%E9%80%9F%E7%94%9F%E6%88%90%E9%AB%98%E8%B4%A8%E9%87%8F2D%E5%B0%8F%E6%B8%B8%E6%88%8F%E9%AB%98%E4%B8%80%E8%87%B4%E6%80%A7%E7%BE%8E%E6%9C%AF%E7%B4%A0%E6%9D%90%E7%9A%84%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88-2026-05-25.md)。
+
 生产部署切�到 systemd + Nginx + SpacetimeDB 自托管的总方案� [PRODUCTION_DEPLOYMENT_PLAN_2026-05-02.md](./technical/PRODUCTION_DEPLOYMENT_PLAN_2026-05-02.md)，该文档也是当�生产 Jenkinsfile 的唯一入�。SpacetimeDB 表结构�更�自动�移边界和�留旧数�的分阶段�移�程� [SPACETIMEDB_SCHEMA_CHANGE_CONSTRAINTS.md](./technical/SPACETIMEDB_SCHEMA_CHANGE_CONSTRAINTS.md)；private 表�移 JSON 导入导出�HTTP 413 分片导入和旧数�库�移�水线�验� [SPACETIMEDB_JSON_STRING_MIGRATION_PROCEDURE_2026-04-27.md](./technical/SPACETIMEDB_JSON_STRING_MIGRATION_PROCEDURE_2026-04-27.md) 与 [JENKINS_SPACETIMEDB_DATABASE_MIGRATION_PIPELINES_2026-04-29.md](./technical/JENKINS_SPACETIMEDB_DATABASE_MIGRATION_PIPELINES_2026-04-29.md)；��管�独立�端工程技术方案� [ADMIN_WEB_CONSOLE_TECHNICAL_SOLUTION_2026-04-30.md](./technical/ADMIN_WEB_CONSOLE_TECHNICAL_SOLUTION_2026-04-30.md)。
 
 SpacetimeDB 表结构�更�自动�移边界和�留旧数�的分阶段�移�程� [SPACETIMEDB_SCHEMA_CHANGE_CONSTRAINTS.md](./technical/SPACETIMEDB_SCHEMA_CHANGE_CONSTRAINTS.md)。
diff --git a/docs/�专利交底】一��低�本快速生�高质�2D�游�高一致性美术素�的解决方案-2026-05-25.md b/docs/�专利交底】一��低�本快速生�高质�2D�游�高一致性美术素�的解决方案-2026-05-25.md
new file mode 100644
index 00000000..391e1d69
--- /dev/null
+++ b/docs/�专利交底】一��低�本快速生�高质�2D�游�高一致性美术素�的解决方案-2026-05-25.md
@@ -0,0 +1,184 @@
+# 一��低�本快速生�高质�2D�游�高一致性美术素�的解决方案
+
+更新时间：`2026-05-25`
+
+> 本文为内部�明专利交底稿，目标是把“文字需求 -> 画�图 -> �明 spritesheet -> 自动边界检测 -> 元素绑定�这一�高一致性美术素�生�链路抽象为�申请的通用技术方案。
+
+## 摘�
+
+本�明涉�一��低�本快速生�高质� 2D �游�高一致性美术素�的解决方案。该方案接收文字形�的需求�述，调用图片生�模型生�一张用于表达整体视觉关系的游�画�图；�以所述游�画�图作为�考，继续调用图片生�模型生�一张�明背景的 spritesheet 图片，所述 spritesheet 图片承载需����设备分辨率自适应调整�置的素�；��基于自动边界检测算法对所述 spritesheet 图片中的素�进行�一解�，按照从上到下�从左到�的顺�，将解�出的素�与文字形�需求�述中的画�元素一一对应，并将代�中的元素标识与对应素�绑定。该方案通过�次文字输入驱动画�图生��基于画�图派生�明 spritesheet�自动边界检测替代人工切图�顺�映射替代手工命�和手工对图，从而在较少人工干预和较低��生��本下，快速得到风格统一��直接绑定代�的高一致性美术素�。
+
+## 技术领域
+
+本�明属于人工智能图�生��2D �游�美术素�生产�图�分割解�和元素绑定技术领域，具体涉�一�根�文字需求�述自动生�游�画�图�spritesheet 美术素�和元素映射关系的方法�系统。
+
+## 背景技术
+
+现有 2D �游�的美术素�生产通常包�以下步骤：先由设计人员撰写文字需求，�由美术人员分别绘制画�图�按钮图�状�图和装饰图，之�由�端或游�程�员进行切图�命��排布和代�绑定。该�程存在如下问题：
+
+1. 素�往往分散生�，整体风格�统一。
+2. 多分辨率适�时，需�人工调整大�元素�置，维护�本高。
+3. 切图和命��赖人工，容易出现���错�和绑定错误。
+4. 文字需求与最终代�元素之间缺少稳定映射，�续修改代价大。
+5. 若�个素�分别生�，会增加生�次数和等待�本。
+
+因此，需�一�能够把文字需求直接转化为�套美术素�，并且能够自动解��自动映射�自动绑定到代�中的方法。
+
+## �明内容
+
+### �解决的技术问题
+
+本�明主�解决以下技术问题：
+
+1. 如何根�文字形�的需求�述快速生�一张完整游�画�图。
+2. 如何基于该画�图进一步生��明背景的 spritesheet 图片。
+3. 如何基于自动边界检测算法�一解� spritesheet 中的素�。
+4. 如何按照从上到下�从左到�的顺�将素�与文字�述中的画�元素一一对应。
+5. 如何将映射结果稳定绑定到代�，�少人工切图和手工�置�本。
+
+### 技术方案
+
+本�明�供一�高一致性美术素�生�方法，包括如下步骤：
+
+```text
+文字形�需求�述
+  -> 游�画�图生�
+  -> �明背景 spritesheet 生�
+  -> 自动边界检测解�素�
+  -> 顺�映射文字元素
+  -> 代�绑定
+```
+
+其中，所述文字形�需求�述至少包�画�元素�称�语义说明�布局�图和顺�信�。所述游�画�图用于表达整体视觉风格和元素关系；所述 spritesheet 图片用于承载需����设备分辨率自适应调整�置的素�；所述自动边界检测算法用于把 spritesheet 中的独立素�一一切分出�；所述顺�映射用于将解�结果与文字�述中的元素一一对应；所述代�绑定用于将元素标识�资�地��边界框或布局�数写入代��置或元素表。
+
+### 有益效果
+
+与现有技术相比，本�明至少具有以下效果：
+
+1. �低人工切图�本。
+2. �低人工命�和代�绑定�本。
+3. ��整体美术素�一致性。
+4. ��多分辨率适�效率。
+5. �少��生�和��调整次数。
+6. 让文字需求到代�元素的映射更稳定�更�维护。
+
+## 附图说明
+
+图 1 为本�明从文字需求�述到元素绑定的总体�程图。
+
+图 2 为游�画�图生�与 spritesheet 生�的派生关系示�图。
+
+图 3 为自动边界检测算法解��明背景 spritesheet 的�程图。
+
+图 4 为素�顺�与文字形�需求�述中的画�元素一一对应的映射关系示�图。
+
+## 具体实施方�
+
+### 一�系统组�
+
+本�明的系统�以包括如下模�：
+
+1. 输入采集模�：用于接收文字形�需求�述。
+2. 图�生�模�：用于根�文字形�需求�述生�游�画�图。
+3. 图集生�模�：用于根�游�画�图生��明背景 spritesheet 图片。
+4. 边界检测模�：用于对 spritesheet 图片执行自动边界检测算法。
+5. 顺�映射模�：用于将解�出的素�按照从上到下�从左到�的顺�与文字�述中的画�元素对应。
+6. 代�绑定模�：用于将元素标识与对应素�绑定。
+
+### 二�方法步骤
+
+#### S100：接收文字形�需求�述
+
+系统接收用户输入的文字形�需求�述。该需求�述�写�一段自然语言，也�写�按元素顺�排列的结构化文本。需求�述中应至少能够识别出画�元素�称�语义�义和布局顺�。
+
+#### S200：生�游�画�图
+
+图�生�模�调用图片生�模型，根�所述文字形�需求�述生�一张完整游�画�图。所述游�画�图用于表达整体视觉关系�主次层级和风格基调，为�续 spritesheet 生��供统一�考。
+
+#### S300：生��明背景 spritesheet 图片
+
+图集生�模�以所述游�画�图为�考，�次调用图片生�模型，生�一张�明背景的 spritesheet 图片。所述 spritesheet 图片中包�需����设备分辨率自适应调整�置的素�，例如按钮�状����示气泡�装饰元素或其他需�由代�控制�置的元素。
+
+#### S400：自动边界检测解�素�
+
+边界检测模�对所述 spritesheet 图片执行自动边界检测算法，对�明背景中的�个独立素�进行�一解�，输出素�边界框�素�索引和必�的资�属性。所述自动边界检测算法优选采用 alpha 通�连通域检测�边界矩形检测或二者组�；在一个优选实施方�中，��用拼图场景中已验�的自动边界检测�路，以�高解�稳定性。
+
+#### S500：按照顺�映射文字元素
+
+顺�映射模�将解�出的素�按照从上到下�从左到�的顺�进行排列，并与文字形�需求�述中的画�元素内容一一对应。若需求�述中已显�给出元素顺�，则优先按该顺�映射；若仅给出自然语言�述，则�先抽�元素列表，�按布局顺�排�。由此形�元素索引与语义�称之间的稳定映射关系。
+
+#### S600：代�绑定
+
+代�绑定模�将所述映射关系写入代��置�元素表或资�清�中。代�侧�需读�元素标识，��找到对应素�的资�地��边界框和布局�数，从而完�美术素�与程�逻辑之间的直接绑定。
+
+#### S700：输出美术素�包
+
+系统最终输出至少包括游�画�图��明背景 spritesheet 图片�素�映射表和代�绑定结果。由于 spritesheet 图片与游�画�图�自�一视觉链路，且素�顺�与文字�述顺�一一对应，因此�得到风格统一��直接绑定��适�多分辨率的高一致性美术素�包。
+
+### 三�核心机制
+
+1. 文字驱动：一次文字�述��驱动画�图和 spritesheet 生�。
+2. �图派生：spritesheet 以游�画�图为�考生�，�少风格漂移。
+3. 自动解�：边界检测算法替代人工切图。
+4. 顺�对应：素�顺�与文字元素顺�一致，�少命�和对图错误。
+5. 代�绑定：映射结果�直接进入代��置或资�表。
+
+### 四�实施例
+
+#### 实施例一：界�型 2D �游�素�生�
+
+用户输入“科技实验室界�，顶部标题�，中部主角色，底部三个�作按钮，�侧状��示�。系统先生�一张完整游�画�图，�生�一张�明背景 spritesheet 图片。边界检测模�解�出标题��主角色��作按钮和状��示等素�，顺�映射模�按从上到下�从左到�的顺�将其与文字�述对应，代�绑定模�将这些元素写入代��置，最终形��直接用于界�装�的素�包。
+
+#### 实施例二：需�自适应�置的素�生�
+
+用户输入“横版战斗界�，血��技能按钮��示气泡��具��。系统将这些需��设备分辨率自适应调整�置的元素集中生�到�一张 spritesheet 图片中。�行时，代�根�元素绑定结果对血��按钮和�示元素进行�置调整，而�改�它们对应的语义关系。
+
+#### 实施例三：代�与元素一一绑定
+
+系统为解�出的�个素�分�唯一元素标识，例如 `top_title_bar`�`center_character`�`bottom_actions`�`right_status_hint`。代�侧通过元素标识直接读�对应素�的边界框和资�路径，从而消除人工对图和人工命�的步骤。
+
+## �利�求书�案
+
+1. 一��低�本快速生�高质� 2D �游�高一致性美术素�的方法，其特�在于，包括：接收文字形�需求�述；根�所述文字形�需求�述调用图片生�模型生�游�画�图；以所述游�画�图为�考图�次调用图片生�模型生��明背景的 spritesheet 图片；对所述 spritesheet 图片执行自动边界检测算法，�一解�素�边界；按照从上到下�从左到�的顺�将解�出的素�与所述文字形�需求�述中的画�元素一一对应；将代�中的元素标识与对应素�绑定。
+
+2. 根��利�求 1 所述的方法，其特�在于，所述文字形�需求�述至少包括画�元素�称�语义说明和布局顺�。
+
+3. 根��利�求 1 所述的方法，其特�在于，所述游�画�图用于表达整体视觉风格和元素关系，所述 spritesheet 图片用于承载需����设备分辨率自适应调整�置的素�。
+
+4. 根��利�求 1 所述的方法，其特�在于，所述 spritesheet 图片具有�明背景，且素�之间通过�明区域分隔。
+
+5. 根��利�求 1 所述的方法，其特�在于，所述自动边界检测算法包括基于 alpha 通�的连通域检测�边界矩形检测或二者组�。
+
+6. 根��利�求 5 所述的方法，其特�在于，所述自动边界检测算法�用拼图场景中已验�的素�边界解��路。
+
+7. 根��利�求 1 所述的方法，其特�在于，所述从上到下�从左到�的顺�用于建立元素索引与语义�称之间的映射表。
+
+8. 根��利�求 1 所述的方法，其特�在于，所述代�绑定包括为�一素�写入唯一元素标识，并在代�中通过所述元素标识读�对应素�的资�地��边界框或布局�数。
+
+9. 根��利�求 1 所述的方法，其特�在于，所述 spritesheet 图片中的素�包括按钮�状����示元素�装饰元素或其他需�自适应布局的画�元素。
+
+10. 根��利�求 1 所述的方法，其特�在于，所述游�画�图与所述 spritesheet 图片由�一视觉链路生�，以��美术素�的一致性。
+
+11. 根��利�求 1 所述的方法，其特�在于，所述元素绑定结果用于在��设备分辨率下动�调整素��置，而�改�元素语义对应关系。
+
+12. 一��低�本快速生�高质� 2D �游�高一致性美术素�的系统，其特�在于，包括输入采集模��图�生�模��图集生�模��边界检测模��顺�映射模�和代�绑定模�；所述�模�被�置为执行�利�求 1 至 11 任一项所述的方法。
+
+13. 一�电�设备，包括处�器和存储器，所述存储器中存储有计算机程�，其特�在于，所述计算机程�被所述处�器执行时实现�利�求 1 至 11 任一项所述的方法。
+
+14. 一�计算机�读存储介质，其上存储有计算机程�，其特�在于，所述计算机程�被处�器执行时实现�利�求 1 至 11 任一项所述的方法。
+
+## ��点�护的创新点
+
+1. 文字需求直接驱动一张游�画�图。
+2. 基于该画�图�生��明背景 spritesheet。
+3. 自动边界检测替代人工切图。
+4. 按从上到下�从左到�的顺�把素�与文字元素一一对应。
+5. 通过元素标识直接绑定代�与素�，�少人工命�和对图�本。
+
+## 正�申请�建议
+
+1. 检索是�已有“文字生�画�图 + spritesheet 自动解� + 元素绑定�的相近专利，�确定独立�利�求的�护�心。
+2. 将“�低�本�“高质��等效果性表述尽�放在说明书效果部分，�利�求中改写为“�少人工切图�“�少��生��“�高一致性�等技术特�。
+3. ��在�利�求中绑定特定供应商或模型�称；模型�称��留在实施例中。
+4. 如需扩大�护范围，�将“2D �游��进一步上�为“交互�图�驱动应用�的美术素�生�方法。
+5. 如需增强授�稳定性，�将“文字驱动生� + �明 spritesheet + 自动边界检测 + 顺�映射 + 代�绑定�组�为主�利�求的必�技术特�。
diff --git a/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md b/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
index a538870c..04728f45 100644
--- a/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
+++ b/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
@@ -66,7 +66,7 @@ RPG 从作�架�广场详情或作���索点击“�动��，入�
 
 RPG �行�的战斗终局�继续冒险�继续探索和切场景都属于�务端 runtime 快照真相：`module-runtime-story` 必须在终局战斗 action �调用 post-battle finalization，�久写入 `story_continue_adventure`�`deferredOptions`�`deferredRuntimeState.storyEngineMemory.currentSceneActState` 和清��的战斗状�；`idle_travel_next_scene` / `camp_travel_home_scene` 必须由�端写入新的 `currentScenePreset`�`currentSceneActState`�`currentEncounter` 和 `runtimeStats.scenesTraveled`。�端�播放退场�进场和继续按钮表现，�能用默认 `观察/试探/调�` fallback 或本地动画�装推进剧情。旧 bootstrap 快照�能�有 `connectedSceneIds` / `forwardSceneId` 而没有 `connections`，�端生�战�旅行选项时必须兼容这些字段。
 
-RPG / 拼图等�行�存档选择入�统一在个人中心 `次级入� > 存档` 和设置入�区�留为独立弹窗；“玩过�弹窗�以继续�并展示�继续存档，但�能�为唯一入�。移动端“我的�页的五项常用功能宫格�放泥点充值�邀请好��兑���玩家社区��馈与建议，��把存档挤入主宫格破��考图布局。�端�展示 `/api/profile/save-archives` 返回的列表并在用户选择�调用对应��接�，�能本地拼装或筛选正�存档真相。
+RPG / 拼图等�行�存档�以 `/api/profile/save-archives` 的�端列表为真相，��动作继续走对应��接�，但移动端“我的�页已����供独立的 `次级入� > 存档` 和设置入�存档按钮；“玩过�弹窗�以继续�并展示�继续存档，个人中心��留设置�扫��常用功能和�件性次级入�。移动端“我的�页的五项常用功能宫格�放泥点充值�邀请好��兑���玩家社区��馈与建议，��把存档挤入主宫格破��考图布局。�端�展示 `/api/profile/save-archives` 返回的列表并在用户选择�调用对应��接�，�能本地拼装或筛选正�存档真相。
 
 ## 拼图
 
diff --git a/docs/�项目基线】当�产�与工程约�-2026-05-15.md b/docs/�项目基线】当�产�与工程约�-2026-05-15.md
index 8ea8b30f..0007216b 100644
--- a/docs/�项目基线】当�产�与工程约�-2026-05-15.md
+++ b/docs/�项目基线】当�产�与工程约�-2026-05-15.md
@@ -93,9 +93,9 @@ server-rs + Axum + SpacetimeDB
 7. 主站入�已�定移动端页�级缩放；�个游�页������实现整页缩放�定。
 8. 图�输入通用 UI 统一走 `src/components/common/CreativeImageInputPanel.tsx`。外层页��有业务状�，组件�承担上传��预览��考图缩略图�AI �绘开关�错误展示和�交按钮。
 9. �现页 `分类` �频�的筛选必须打开独立 dialog / drawer / modal，至少支�玩法类型过滤与排�切�；筛选结果为空时显示空状�，�把筛选内容展开在当�列表下方。
-10. 移动端“我的�页按�考图顺�组织为顶部头� / 昵称 / 陶泥��会员横幅�三张统计���日任务�五项常用功能宫格�设置入��次级入�带和法律信�；`media/profile/` 中的陶泥素�作为该页图形资产。常用功能宫格固定承载泥点充值�邀请好��兑���玩家社区��馈与建议；存档和填邀请��留在次级入�带，�挤入五宫格。
-11. “我的�页泥点�游�时长�已玩游�数�三张统计��展示�自标签和值，内容��行，�在统计区底部展示“更新于�时间，字�维�平�普通 UI 档�；移动端昵称�会员���日任务�常用功能和法律信�也应�� `10px` 到 `14px` 的普通 UI 字�区间，��展示级字�挤压内容。
-12. 移动端“我的�页需�兼容窄�：头� / 昵称 / 陶泥��三张统计���日任务�五项常用功能�次级入�和法律信�都必须能在底部固定 TabBar 上方完整滚动露出，�得与底部 dock�刘海 safe-area 或相邻 UI 元素�挡��。
+10. 移动端“我的�页顶部�牌行承载扫�和设置入�，正文按�考图顺�组织为头� / 昵称 / 陶泥��会员横幅�三张统计���日任务�五项常用功能宫格�设置入���选次级入�和法律信�；`media/profile/` 中的陶泥素�作为该页图形资产。常用功能宫格固定承载泥点充值�邀请好��兑���玩家社区��馈与建议；页����供独立存档按钮入�，填邀请�仅在新用户�填写窗�内展示为次级入�。
+11. “我的�页泥点�游�时长�已玩游�数�三张统计��展示�自标签和值，三个统计 icon 使用�尺寸普通 UI 档�，内容��行，�在统计区底部展示“更新于�时间；移动端昵称�会员���日任务�常用功能和法律信�也应�� `10px` 到 `14px` 的普通 UI 字�区间，��展示级字�挤压内容。
+12. 移动端“我的�页需�兼容窄�：头� / 昵称 / 陶泥��三张统计���日任务�五项常用功能��选次级入�和法律信�都必须能在底部固定 TabBar 上方完整滚动露出，�得与底部 dock�刘海 safe-area 或相邻 UI 元素�挡��。
 13. RPG 等�行�的战斗飘字�血��化和�时�馈必须在暗色�噪声高的场景背景上���读：使用高亮文字�深色�边�强阴影或��积��明底，���赖红/绿文字本身表达伤害或治疗。
 14. 平�亮色 UI �色以陶泥儿主视觉为准：暖白 / 米�底�陶土橙主按钮�深棕正文与浅�边框；新增界�优先�用 `src/index.css` 的 `--platform-*` 主题��和 `apps/admin-web/src/styles/admin.css` 的�系色值，��引入粉红��绿等独立主色方案。
 
diff --git a/src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx b/src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx
index a7c4e5a4..103781a9 100644
--- a/src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx
+++ b/src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx
@@ -1035,6 +1035,15 @@ afterEach(() => {
   vi.clearAllMocks();
   vi.unstubAllEnvs();
   vi.unstubAllGlobals();
+  Object.defineProperty(HTMLMediaElement.prototype, 'play', {
+    configurable: true,
+    value: vi.fn(async () => undefined),
+  });
+  Object.defineProperty(navigator, 'mediaDevices', {
+    configurable: true,
+    value: undefined,
+  });
+  Reflect.deleteProperty(globalThis as Record<string, unknown>, 'BarcodeDetector');
   window.wx = undefined;
   document
     .querySelectorAll(
@@ -1832,10 +1841,68 @@ test('profile daily task shortcut opens task center and claims reward', async ()
   });
   expect(onRechargeSuccess).toHaveBeenCalledTimes(1);
   expect(await screen.findByText('已领� 10 泥点')).toBeTruthy();
-  expect(
-    (screen.getByRole('button', { name: '已领�' }) as HTMLButtonElement)
-      .disabled,
-  ).toBe(true);
+  expect(screen.queryByRole('button', { name: '已领�' })).toBeNull();
+  expect(screen.getByText('暂无任务')).toBeTruthy();
+});
+
+test('profile task center keeps only the highest priority actionable task', async () => {
+  const user = userEvent.setup();
+
+  mockGetRpgProfileTasks.mockResolvedValueOnce(
+    mockBuildTaskCenter({
+      tasks: [
+        {
+          taskId: 'claimed_low',
+          title: '低优先级已完�',
+          description: '',
+          eventKey: 'profile.task.claimed_low',
+          cycle: 'daily',
+          threshold: 1,
+          progressCount: 1,
+          rewardPoints: 5,
+          status: 'claimed',
+          dayKey: 20260503,
+          claimedAt: '2026-05-03T08:01:00Z',
+          updatedAt: '2026-05-03T08:01:00Z',
+        },
+        {
+          taskId: 'claimable_mid',
+          title: '中优先级�领�',
+          description: '',
+          eventKey: 'profile.task.claimable_mid',
+          cycle: 'daily',
+          threshold: 2,
+          progressCount: 2,
+          rewardPoints: 10,
+          status: 'claimable',
+          dayKey: 20260503,
+          claimedAt: null,
+          updatedAt: '2026-05-03T08:01:00Z',
+        },
+        {
+          taskId: 'incomplete_high',
+          title: '高优先级未完�',
+          description: '',
+          eventKey: 'profile.task.incomplete_high',
+          cycle: 'daily',
+          threshold: 3,
+          progressCount: 1,
+          rewardPoints: 20,
+          status: 'incomplete',
+          dayKey: 20260503,
+          claimedAt: null,
+          updatedAt: '2026-05-03T08:01:00Z',
+        },
+      ],
+    }),
+  );
+
+  renderProfileView();
+  await user.click(screen.getByRole('button', { name: /�日任务/u }));
+
+  expect(await screen.findByText('中优先级�领�')).toBeTruthy();
+  expect(screen.queryByText('高优先级未完�')).toBeNull();
+  expect(screen.queryByText('低优先级已完�')).toBeNull();
 });
 
 test('profile total play time card always uses hours', () => {
@@ -1882,21 +1949,35 @@ test('profile stats cards are centered without update timestamp', () => {
 });
 
 test('mobile profile page matches the reference layout sections', async () => {
-  mockWechatMobileLayout();
+  mockNarrowMobileLayout();
 
   const { container } = renderProfileView(vi.fn(), {
     walletBalance: 70,
     totalPlayTimeMs: 0,
     playedWorldCount: 0,
-  }, { createdAt: buildFreshProfileCreatedAt() });
+  });
 
   const profilePage = container.querySelector('.platform-profile-page');
   expect(profilePage).toBeTruthy();
-  expect(profilePage?.classList.contains('platform-page-stage')).toBe(true);
+  expect(profilePage?.classList.contains('platform-page-stage')).toBe(false);
   expect(profilePage?.querySelector('.platform-profile-scene-decor')).toBeTruthy();
   expect(profilePage?.classList.contains('platform-profile-page')).toBe(true);
   expect(profilePage?.getAttribute('style') ?? '').not.toContain('overflow: hidden');
 
+  const topbar = container.querySelector('.platform-mobile-topbar');
+  expect(topbar).toBeTruthy();
+  expect(
+    within(topbar as HTMLElement).getByRole('button', { name: '扫�' }),
+  ).toBeTruthy();
+  expect(
+    within(topbar as HTMLElement).getByRole('button', { name: '打开设置' }),
+  ).toBeTruthy();
+  expect(
+    within(topbar as HTMLElement).queryByRole('button', {
+      name: /充值/u,
+    }),
+  ).toBeNull();
+
   const membershipCard = screen.getByRole('button', { name: '查看�益' });
   expect(membershipCard.className).toContain('platform-profile-membership-card');
   expect(
@@ -1914,6 +1995,7 @@ test('mobile profile page matches the reference layout sections', async () => {
   expect(
     within(statPanel).getByRole('button', { name: /泥点余�\s*70/u }).className,
   ).toContain('platform-profile-stat-card');
+  expect(statPanel.querySelectorAll('.platform-profile-stat-card__icon')).toHaveLength(3);
 
   const dailyTask = screen.getByRole('button', { name: /�日任务/u });
   expect(dailyTask.className).toContain('platform-profile-daily-task-card');
@@ -1953,18 +2035,11 @@ test('mobile profile page matches the reference layout sections', async () => {
       within(settingsRegion).getByRole('button', { name: new RegExp(label, 'u') }),
     ).toBeTruthy();
   }
+  expect(
+    within(settingsRegion).queryByRole('button', { name: /存档/u }),
+  ).toBeNull();
 
-  const secondaryShortcuts = screen.getByRole('region', {
-    name: '次级入�',
-  });
-  expect(
-    within(secondaryShortcuts).getByRole('button', { name: /存档/u }),
-  ).toBeTruthy();
-  expect(
-    await within(secondaryShortcuts).findByRole('button', {
-      name: /填邀请�/u,
-    }),
-  ).toBeTruthy();
+  expect(screen.queryByRole('region', { name: '次级入�' })).toBeNull();
 
   const profileHeader = profilePage?.querySelector('.platform-profile-header');
   expect(profileHeader).toBeTruthy();
@@ -1982,6 +2057,46 @@ test('mobile profile page matches the reference layout sections', async () => {
   expect(legalRegion.querySelector('.platform-profile-legal-strip__link')).toBeTruthy();
 });
 
+test('profile scan action opens camera scanner instead of recharge panel', async () => {
+  const user = userEvent.setup();
+  const stopTrack = vi.fn();
+  const stream = {
+    getTracks: () => [{ stop: stopTrack }],
+  } as unknown as MediaStream;
+  const getUserMedia = vi.fn(async () => stream);
+
+  mockNarrowMobileLayout();
+  Object.defineProperty(globalThis, 'BarcodeDetector', {
+    configurable: true,
+    value: class {
+      async detect() {
+        return [];
+      }
+    },
+  });
+  Object.defineProperty(navigator, 'mediaDevices', {
+    configurable: true,
+    value: { getUserMedia },
+  });
+
+  renderProfileView();
+  const topbar = document.querySelector('.platform-mobile-topbar');
+  expect(topbar).toBeTruthy();
+
+  await user.click(
+    within(topbar as HTMLElement).getByRole('button', { name: '扫�' }),
+  );
+
+  expect(await screen.findByRole('dialog', { name: '扫�' })).toBeTruthy();
+  await waitFor(() => {
+    expect(getUserMedia).toHaveBeenCalledWith({
+      audio: false,
+      video: { facingMode: { ideal: 'environment' } },
+    });
+  });
+  expect(mockGetRpgProfileRechargeCenter).not.toHaveBeenCalled();
+});
+
 test('desktop account entry uses saved avatar image when available', () => {
   mockDesktopLayout();
   const avatarUrl = 'data:image/png;base64,AAAA';
@@ -2195,7 +2310,7 @@ test('opens reward code modal from profile action on mobile', async () => {
   expect(screen.getByLabelText('关闭兑��')).toBeTruthy();
 });
 
-test('profile page shows legal entries and ICP record link', async () => {
+test('profile page shows legal entries and hides archive shortcuts', async () => {
   const user = userEvent.setup();
 
   renderProfileView();
@@ -2221,18 +2336,9 @@ test('profile page shows legal entries and ICP record link', async () => {
 
   const settingsRegion = screen.getByRole('region', { name: '设置入�' });
   expect(
-    within(settingsRegion).getByRole('button', { name: /存档/u }),
-  ).toBeTruthy();
-
-  const secondaryShortcuts = screen.getByRole('region', {
-    name: '次级入�',
-  });
-  expect(
-    within(secondaryShortcuts).getByRole('button', { name: /存档/u }),
-  ).toBeTruthy();
-  expect(
-    within(secondaryShortcuts).queryByRole('button', { name: /填邀请�/u }),
+    within(settingsRegion).queryByRole('button', { name: /存档/u }),
   ).toBeNull();
+  expect(screen.queryByRole('region', { name: '次级入�' })).toBeNull();
 
   const legalRegion = screen.getByRole('region', { name: '法律信�' });
   expect(
@@ -2697,7 +2803,7 @@ test('logged out mobile shell defaults to discover tab', () => {
   ).toBeNull();
 });
 
-test('logged out recommend tab opens login modal and shows cover only', async () => {
+test('logged out recommend tab opens recommend runtime directly', async () => {
   const user = userEvent.setup();
   const { container, openLoginModal } = renderStatefulLoggedOutHomeView({
     latestEntries: [puzzlePublicEntry],
@@ -2715,17 +2821,17 @@ test('logged out recommend tab opens login modal and shows cover only', async ()
   expect(openLoginModal).toHaveBeenCalledTimes(1);
   expect(
     container.querySelector('.platform-recommend-cover-only'),
-  ).toBeTruthy();
+  ).toBeNull();
   expect(container.querySelector('.platform-mobile-topbar')).toBeNull();
   expect(
     container.querySelector('.platform-mobile-entry-shell--recommend'),
   ).toBeTruthy();
-  expect(screen.queryByTestId('recommend-runtime')).toBeNull();
-  expect(screen.queryByLabelText('奇幻拼图 作�信�')).toBeNull();
+  expect(screen.getByTestId('recommend-runtime')).toBeTruthy();
+  expect(screen.getByLabelText('奇幻拼图 作�信�')).toBeTruthy();
   expect(screen.getAllByText('奇幻拼图').length).toBeGreaterThan(0);
 });
 
-test('logged out recommend cover opens login modal again', async () => {
+test('logged out recommend meta keeps gallery detail gated', async () => {
   const user = userEvent.setup();
   const onOpenGalleryDetail = vi.fn();
   const { openLoginModal } = renderStatefulLoggedOutHomeView({
@@ -2741,12 +2847,9 @@ test('logged out recommend cover opens login modal again', async () => {
   await user.click(
     within(bottomNav as HTMLElement).getByRole('button', { name: '推�' }),
   );
-  await user.click(
-    screen.getByRole('button', { name: /登录�游玩 奇幻拼图/u }),
-  );
+  await user.click(screen.getByLabelText('奇幻拼图 作�信�'));
 
-  expect(openLoginModal).toHaveBeenCalledTimes(2);
-  expect(openLoginModal).toHaveBeenLastCalledWith();
+  expect(openLoginModal).toHaveBeenCalledTimes(1);
   expect(onOpenGalleryDetail).not.toHaveBeenCalled();
 });
 
@@ -3082,7 +3185,7 @@ test('mobile recommend meta loads real author avatar from public user summary',
   await waitFor(() => {
     expect(
       document
-        .querySelector('.platform-recommend-cover-only__author img')
+        .querySelector('.platform-recommend-work-meta__avatar img')
         ?.getAttribute('src'),
     ).toBe('data:image/png;base64,AUTHOR');
   });
diff --git a/src/components/rpg-entry/RpgEntryHomeView.tsx b/src/components/rpg-entry/RpgEntryHomeView.tsx
index 30017806..ba98c461 100644
--- a/src/components/rpg-entry/RpgEntryHomeView.tsx
+++ b/src/components/rpg-entry/RpgEntryHomeView.tsx
@@ -1,6 +1,5 @@
 import {
   AlertCircle,
-  Archive,
   ArrowRight,
   BookOpen,
   Camera,
@@ -123,6 +122,7 @@ import {
   SquareImageCropModal,
   type SquareImageCropRect,
 } from '../common/SquareImageCropModal';
+import { CustomWorldCoverArtwork } from '../CustomWorldCoverArtwork';
 import {
   canExposePublicWork,
   EDUTAINMENT_WORK_TAG,
@@ -131,7 +131,6 @@ import {
   findPublicWorkForHistoryEntry,
   isEdutainmentEntryEnabled,
 } from '../platform-entry/platformEdutainmentVisibility';
-import { CustomWorldCoverArtwork } from '../CustomWorldCoverArtwork';
 import { ResolvedAssetImage } from '../ResolvedAssetImage';
 import { RpgEntryBrandLogo } from './RpgEntryBrandLogo';
 import {
@@ -225,6 +224,8 @@ const HERO_SURFACE_CLASS =
   'platform-surface platform-surface--hero platform-interactive-card min-w-0';
 const MOBILE_PAGE_STAGE_CLASS =
   'platform-page-stage platform-remap-surface min-w-0 space-y-4 overflow-hidden pb-2';
+const MOBILE_PROFILE_PAGE_STAGE_CLASS =
+  'platform-remap-surface min-w-0 space-y-4 pb-2';
 const MOBILE_RECOMMEND_PAGE_STAGE_CLASS =
   'platform-page-stage min-w-0 space-y-4 overflow-hidden pb-2';
 const MOBILE_DISCOVER_PAGE_STAGE_CLASS =
@@ -253,9 +254,36 @@ const RECOMMEND_ENTRY_DRAG_LIMIT_PX = 160;
 const WECHAT_JS_SDK_URL = 'https://res.wx.qq.com/open/js/jweixin-1.6.0.js';
 const WECHAT_PAY_CONFIRM_RETRY_DELAYS_MS = [800, 1600, 3000] as const;
 const WECHAT_NATIVE_PAY_QR_IMAGE_SIZE = 180;
+const PROFILE_TASK_STATUS_PRIORITY_RANK: Record<ProfileTaskItem['status'], number> = {
+  claimable: 2,
+  incomplete: 1,
+  disabled: 0,
+  claimed: -1,
+};
+const PROFILE_QR_SCAN_INTERVAL_MS = 360;
+
+function selectProfileTaskCenterTasks(tasks: ProfileTaskItem[]) {
+  return tasks
+    .map((task, index) => ({ task, index }))
+    .filter(({ task }) => task.status === 'claimable' || task.status === 'incomplete')
+    .sort(
+      (left, right) =>
+        PROFILE_TASK_STATUS_PRIORITY_RANK[right.task.status] -
+          PROFILE_TASK_STATUS_PRIORITY_RANK[left.task.status] ||
+        left.index - right.index,
+    )
+    .slice(0, 1)
+    .map(({ task }) => task);
+}
 
 type ProfileReferralPanel = 'invite' | 'redeem' | 'community';
 type ProfilePopupPanel = ProfileReferralPanel | 'saveArchives';
+type BarcodeDetectorLike = {
+  detect: (source: CanvasImageSource) => Promise<Array<{ rawValue?: string }>>;
+};
+type BarcodeDetectorConstructorLike = new (options?: {
+  formats?: string[];
+}) => BarcodeDetectorLike;
 type RechargeTab = 'points' | 'membership';
 type WechatMiniProgramPaymentStatus = 'success' | 'fail' | 'cancel';
 type WechatPayResult = {
@@ -269,6 +297,13 @@ type RechargePaymentResult = {
   title: string;
   message: string;
 };
+
+function getBarcodeDetectorConstructor(): BarcodeDetectorConstructorLike | null {
+  const maybeDetector = (globalThis as unknown as {
+    BarcodeDetector?: BarcodeDetectorConstructorLike;
+  }).BarcodeDetector;
+  return typeof maybeDetector === 'function' ? maybeDetector : null;
+}
 type NativeWechatPaymentState = WechatNativePayment & {
   orderId: string;
   isConfirming: boolean;
@@ -756,69 +791,6 @@ function WorldCard({
   );
 }
 
-function RecommendCoverOnlyCard({
-  entry,
-  authorAvatarUrl,
-  onClick,
-}: {
-  entry: PlatformPublicGalleryCard;
-  authorAvatarUrl?: string | null;
-  onClick: () => void;
-}) {
-  const coverImage = resolvePlatformWorldCoverImage(entry);
-  const fallbackCoverImage = resolvePlatformWorldFallbackCoverImage(entry);
-  const displayName = formatPlatformWorkDisplayName(entry.worldName);
-  const typeLabel = describePublicGalleryCardKind(entry);
-  const authorName = entry.authorDisplayName.trim() || '玩家';
-  const authorAvatarLabel = getPublicAuthorAvatarLabel(authorName);
-  const normalizedAuthorAvatarUrl = authorAvatarUrl?.trim() ?? '';
-
-  return (
-    <button
-      type="button"
-      onClick={onClick}
-      aria-label={`登录�游玩 ${entry.worldName}`}
-      className="platform-recommend-cover-only"
-    >
-      {coverImage ? (
-        <PlatformWorkCoverArtwork
-          entry={entry}
-          imageSrc={coverImage}
-          fallbackSrc={fallbackCoverImage}
-          alt={entry.worldName}
-          className="absolute inset-0 h-full w-full object-cover"
-        />
-      ) : (
-        <div className="absolute inset-0 bg-[radial-gradient(circle_at_18%_16%,rgba(255,255,255,0.28),transparent_30%),linear-gradient(135deg,rgba(255,118,117,0.42),rgba(89,164,255,0.34))]" />
-      )}
-      <div className="absolute inset-0 bg-[linear-gradient(180deg,rgba(0,0,0,0.04),rgba(0,0,0,0.42))]" />
-      <div className="platform-recommend-cover-only__body">
-        <span className="platform-public-work-card__kind">{typeLabel}</span>
-        <span className="platform-recommend-cover-only__title">
-          {displayName}
-        </span>
-        <span className="platform-recommend-cover-only__author">
-          <span
-            aria-hidden="true"
-            className="platform-public-work-card__author-avatar"
-          >
-            {normalizedAuthorAvatarUrl ? (
-              <img
-                src={normalizedAuthorAvatarUrl}
-                alt=""
-                className="platform-public-work-card__author-avatar-image"
-              />
-            ) : (
-              authorAvatarLabel
-            )}
-          </span>
-          <span className="truncate">{authorName}</span>
-        </span>
-      </div>
-    </button>
-  );
-}
-
 function CreationLibraryCard({
   entry,
   onClick,
@@ -3283,7 +3255,7 @@ function ProfileTaskCenterModal({
   onRetry: () => void;
   onClaim: (taskId: string) => void;
 }) {
-  const tasks = center?.tasks ?? [];
+  const tasks = selectProfileTaskCenterTasks(center?.tasks ?? []);
   const walletBalance = center?.walletBalance ?? fallbackBalance;
 
   return (
@@ -3459,6 +3431,160 @@ function RewardCodeRedeemModal({
   );
 }
 
+function ProfileQrScannerModal({
+  error,
+  result,
+  onClose,
+  onError,
+  onResult,
+}: {
+  error: string | null;
+  result: string | null;
+  onClose: () => void;
+  onError: (message: string) => void;
+  onResult: (value: string) => void;
+}) {
+  const videoRef = useRef<HTMLVideoElement | null>(null);
+  const streamRef = useRef<MediaStream | null>(null);
+
+  useEffect(() => {
+    const videoElement = videoRef.current;
+    if (!videoElement) {
+      return;
+    }
+
+    let isMounted = true;
+    let scanTimer: number | null = null;
+    const detectorCtor = getBarcodeDetectorConstructor();
+    const detector = detectorCtor
+      ? new detectorCtor({ formats: ['qr_code'] })
+      : null;
+
+    const clearScanTimer = () => {
+      if (scanTimer !== null) {
+        window.clearTimeout(scanTimer);
+        scanTimer = null;
+      }
+    };
+    const stopCamera = () => {
+      const stream = streamRef.current;
+      streamRef.current = null;
+      if (stream) {
+        stream.getTracks().forEach((track) => track.stop());
+      }
+      videoElement.srcObject = null;
+    };
+
+    const scanVideo = async () => {
+      if (!isMounted || !detector || videoElement.readyState < 2) {
+        if (isMounted && detector) {
+          scanTimer = window.setTimeout(scanVideo, PROFILE_QR_SCAN_INTERVAL_MS);
+        }
+        return;
+      }
+
+      try {
+        const codes = await detector.detect(videoElement);
+        const rawValue = codes[0]?.rawValue?.trim();
+        if (rawValue) {
+          clearScanTimer();
+          stopCamera();
+          onResult(rawValue);
+          return;
+        }
+      } catch {
+        onError('扫�识别失败，请调整二维��置');
+      }
+
+      if (isMounted) {
+        scanTimer = window.setTimeout(scanVideo, PROFILE_QR_SCAN_INTERVAL_MS);
+      }
+    };
+
+    const startCamera = async () => {
+      if (typeof navigator === 'undefined' || !navigator.mediaDevices?.getUserMedia) {
+        onError('当��览器�支�摄�头扫�');
+        return;
+      }
+
+      try {
+        const stream = await navigator.mediaDevices.getUserMedia({
+          audio: false,
+          video: { facingMode: { ideal: 'environment' } },
+        });
+
+        if (!isMounted) {
+          stream.getTracks().forEach((track) => track.stop());
+          return;
+        }
+
+        streamRef.current?.getTracks().forEach((track) => track.stop());
+        streamRef.current = stream;
+        videoElement.srcObject = stream;
+        await videoElement.play();
+        if (!detector) {
+          onError('当��览器暂�支�二维�识别');
+          return;
+        }
+        scanTimer = window.setTimeout(scanVideo, PROFILE_QR_SCAN_INTERVAL_MS);
+      } catch {
+        onError('无法打开摄�头，请检查��');
+      }
+    };
+
+    void startCamera();
+
+    return () => {
+      isMounted = false;
+      clearScanTimer();
+      stopCamera();
+    };
+  }, [onError, onResult]);
+
+  return (
+    <div
+      className="platform-modal-backdrop fixed inset-0 z-[80] flex items-center justify-center px-4 py-6"
+      role="dialog"
+      aria-modal="true"
+      aria-label="扫�"
+    >
+      <div className="platform-qr-scanner-modal w-full max-w-sm overflow-hidden rounded-[1.4rem]">
+        <div className="flex items-center justify-between border-b border-white/10 px-5 py-4">
+          <div className="text-base font-black">扫�</div>
+          <button
+            type="button"
+            aria-label="关闭扫�"
+            onClick={onClose}
+            className="platform-modal-close flex h-9 w-9 items-center justify-center rounded-full"
+          >
+            ×
+          </button>
+        </div>
+        <div className="space-y-3 px-5 py-5">
+          <div className="platform-qr-scanner-modal__viewport">
+            <video
+              ref={videoRef}
+              className="h-full w-full object-cover"
+              playsInline
+              muted
+            />
+            <span className="platform-qr-scanner-modal__frame" />
+          </div>
+          {result ? (
+            <div className="platform-profile-success rounded-2xl px-3 py-2 text-xs font-semibold">
+              已识别：{result}
+            </div>
+          ) : error ? (
+            <div className="platform-profile-error rounded-2xl px-3 py-2 text-xs font-semibold">
+              {error}
+            </div>
+          ) : null}
+        </div>
+      </div>
+    </div>
+  );
+}
+
 function ProfileReferralModal({
   panel,
   center,
@@ -3936,6 +4062,9 @@ export function RpgEntryHomeView({
   const [isLoadingTaskCenter, setIsLoadingTaskCenter] = useState(false);
   const [claimingTaskId, setClaimingTaskId] = useState<string | null>(null);
   const [taskClaimSuccess, setTaskClaimSuccess] = useState<string | null>(null);
+  const [isQrScannerOpen, setIsQrScannerOpen] = useState(false);
+  const [qrScannerError, setQrScannerError] = useState<string | null>(null);
+  const [qrScannerResult, setQrScannerResult] = useState<string | null>(null);
   const [profilePopupPanel, setProfilePopupPanel] =
     useState<ProfilePopupPanel | null>(null);
   const [referralCenter, setReferralCenter] =
@@ -4702,6 +4831,16 @@ export function RpgEntryHomeView({
     setTaskClaimSuccess(null);
     loadTaskCenter();
   };
+  const openQrScannerPanel = () => {
+    if (!authUi?.user) {
+      authUi?.openLoginModal();
+      return;
+    }
+
+    setQrScannerError(null);
+    setQrScannerResult(null);
+    setIsQrScannerOpen(true);
+  };
   const loadReferralCenter = useCallback(() => {
     setIsLoadingReferral(true);
     setIsReferralCenterInitialized(false);
@@ -5264,23 +5403,6 @@ export function RpgEntryHomeView({
     },
     [],
   );
-  const openActiveRecommendEntry = useCallback(() => {
-    if (!activeRecommendEntry) {
-      return;
-    }
-
-    if (!isAuthenticated) {
-      authUi?.openLoginModal();
-      return;
-    }
-
-    openRecommendGalleryDetail(activeRecommendEntry);
-  }, [
-    activeRecommendEntry,
-    authUi,
-    isAuthenticated,
-    openRecommendGalleryDetail,
-  ]);
   const leadPublicEntry = featuredShelf[0] ?? generalLatestEntries[0] ?? null;
   const openLeadPublicEntry = () => {
     if (leadPublicEntry) {
@@ -5924,28 +6046,10 @@ export function RpgEntryHomeView({
   const savesContent: ReactNode = draftTabContent ?? fallbackDraftContent;
 
   const profileContent: ReactNode = (
-    <div className={`${MOBILE_PAGE_STAGE_CLASS} platform-profile-page`}>
+    <div className={`${MOBILE_PROFILE_PAGE_STAGE_CLASS} platform-profile-page`}>
       {authUi?.user ? (
         <>
           <section className="platform-profile-header">
-            <div className="platform-profile-header__actions">
-              <button
-                type="button"
-                onClick={openRechargeOrRewardCodeModal}
-                className="platform-profile-header__icon-button"
-                aria-label="打开充值入�"
-              >
-                <ScanLine className="h-5 w-5" />
-              </button>
-              <button
-                type="button"
-                onClick={() => authUi.openSettingsModal()}
-                className="platform-profile-header__icon-button"
-                aria-label="打开设置"
-              >
-                <Settings className="h-5 w-5" />
-              </button>
-            </div>
             <img
               src={profileStillLifeImage}
               alt=""
@@ -6198,36 +6302,21 @@ export function RpgEntryHomeView({
               icon={Settings}
               onClick={() => authUi.openSettingsModal()}
             />
-            <ProfileSettingsRow
-              label="存档"
-              icon={Archive}
-              onClick={() => setProfilePopupPanel('saveArchives')}
-            />
           </section>
 
-          <section
-            className="platform-profile-secondary-shortcuts"
-            aria-label="次级入�"
-          >
-            <ProfileSecondaryShortcutButton
-              label="存档"
-              subLabel={
-                saveEntries.length > 0
-                  ? `${saveEntries.length}个�继续`
-                  : '继续游玩'
-              }
-              icon={Archive}
-              onClick={() => setProfilePopupPanel('saveArchives')}
-            />
-            {canShowReferralRedeemShortcut ? (
+          {canShowReferralRedeemShortcut ? (
+            <section
+              className="platform-profile-secondary-shortcuts"
+              aria-label="次级入�"
+            >
               <ProfileSecondaryShortcutButton
                 label="填邀请�"
                 subLabel="新用户奖励"
                 icon={Ticket}
                 onClick={() => openProfilePopupPanel('redeem')}
               />
-            ) : null}
-          </section>
+            </section>
+          ) : null}
 
           <ProfileLegalSection onOpenDocument={setActiveLegalDocumentId} />
         </>
@@ -6695,6 +6784,22 @@ export function RpgEntryHomeView({
       onClose={() => setIsCategoryFilterPanelOpen(false)}
     />
   ) : null;
+  const qrScannerModal: ReactNode = isQrScannerOpen ? (
+    <ProfileQrScannerModal
+      error={qrScannerError}
+      result={qrScannerResult}
+      onClose={() => {
+        setIsQrScannerOpen(false);
+        setQrScannerError(null);
+        setQrScannerResult(null);
+      }}
+      onError={setQrScannerError}
+      onResult={(value) => {
+        setQrScannerError(null);
+        setQrScannerResult(value);
+      }}
+    />
+  ) : null;
 
   if (!isDesktopLayout) {
     const isMobileRecommendTab = activeTab === 'home';
@@ -6706,7 +6811,26 @@ export function RpgEntryHomeView({
         {!isMobileRecommendTab ? (
           <div className="platform-mobile-topbar mb-3 flex shrink-0 items-center justify-between gap-3 px-0.5">
             <RpgEntryBrandLogo />
-            {isAuthenticated && activeTab === 'create' ? (
+            {isAuthenticated && activeTab === 'profile' ? (
+              <div className="flex items-center gap-2.5">
+                <button
+                  type="button"
+                  onClick={openQrScannerPanel}
+                  className="platform-profile-header__icon-button"
+                  aria-label="扫�"
+                >
+                  <ScanLine className="h-5 w-5" />
+                </button>
+                <button
+                  type="button"
+                  onClick={() => authUi?.openSettingsModal()}
+                  className="platform-profile-header__icon-button"
+                  aria-label="打开设置"
+                >
+                  <Settings className="h-5 w-5" />
+                </button>
+              </div>
+            ) : isAuthenticated && activeTab === 'create' ? (
               <button
                 type="button"
                 onClick={openUserSurface}
@@ -6799,6 +6923,7 @@ export function RpgEntryHomeView({
         {rewardCodeModal}
         {rechargeModal}
         {rechargePaymentResultModal}
+        {qrScannerModal}
         {categoryFilterDialog}
         {isTaskCenterOpen ? (
           <ProfileTaskCenterModal
diff --git a/src/index.css b/src/index.css
index e1df53c6..d1807475 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5685,26 +5685,17 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   box-shadow: 0 20px 50px rgba(112, 57, 30, 0.12);
 }
 
-.platform-profile-header__actions {
-  position: absolute;
-  right: 0.8rem;
-  top: 0.72rem;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  gap: 0.85rem;
-}
-
 .platform-profile-header__icon-button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 2.2rem;
   height: 2.2rem;
-  border: 0;
+  border: 1px solid rgba(232, 214, 201, 0.82);
   border-radius: 9999px;
-  background: transparent;
+  background: rgba(255, 252, 248, 0.9);
   color: #1e120c;
+  box-shadow: 0 8px 18px rgba(112, 57, 30, 0.06);
 }
 
 .platform-profile-scene-decor {
@@ -5725,8 +5716,8 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   flex-direction: column;
   gap: 0.75rem;
   min-width: 0;
-  padding-top: 2.6rem;
-  padding-right: 6.75rem;
+  padding-top: 0.2rem;
+  padding-right: 4.25rem;
 }
 
 .platform-profile-edit-button {
@@ -5825,14 +5816,40 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 2.8rem;
-  height: 2.8rem;
+  width: 2.35rem;
+  height: 2.35rem;
   flex: none;
   border-radius: 9999px;
   background: rgba(255, 243, 230, 0.9);
   color: #bc5f34;
 }
 
+.platform-qr-scanner-modal {
+  border: 1px solid var(--platform-modal-border);
+  background: var(--platform-modal-fill);
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.1),
+    0 24px 80px rgba(0, 0, 0, 0.18);
+}
+
+.platform-qr-scanner-modal__viewport {
+  position: relative;
+  aspect-ratio: 1;
+  overflow: hidden;
+  border-radius: 1.1rem;
+  background: rgba(18, 16, 14, 0.92);
+}
+
+.platform-qr-scanner-modal__frame {
+  position: absolute;
+  inset: 18%;
+  border: 2px solid rgba(255, 244, 230, 0.92);
+  border-radius: 1rem;
+  box-shadow:
+    0 0 0 999px rgba(0, 0, 0, 0.18),
+    0 0 24px rgba(244, 138, 70, 0.28);
+}
+
 .platform-profile-daily-task-card {
   display: flex;
   align-items: center;
@@ -6011,15 +6028,9 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
     border-radius: 1.4rem;
   }
 
-  .platform-profile-header__actions {
-    right: 0.64rem;
-    top: 0.6rem;
-    gap: 0.5rem;
-  }
-
   .platform-profile-header__identity {
-    padding-top: 2.45rem;
-    padding-right: 4.9rem;
+    padding-top: 0;
+    padding-right: 3.55rem;
   }
 
   .platform-profile-header__identity-row {
@@ -6103,8 +6114,8 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   }
 
   .platform-profile-stat-card__icon {
-    width: 2.35rem;
-    height: 2.35rem;
+    width: 1.95rem;
+    height: 1.95rem;
   }
 
   .platform-profile-stat-card__value {