Merge remote-tracking branch 'origin/master' into codex/public-work-readmodel-smooth-transition

2026-05-26 16:38:38 +08:00
parent aeee782fe0 ed0257ee2d
commit d50e69560b
130 changed files with 2966 additions and 511 deletions
--- a/src/components/match3d-runtime/Match3DRuntimeShell.test.tsx
+++ b/src/components/match3d-runtime/Match3DRuntimeShell.test.tsx
@@ -1,13 +1,6 @@
 /* @vitest-environment jsdom */

-import {
-  act,
-  fireEvent,
-  render,
-  screen,
-  waitFor,
-  within,
-} from '@testing-library/react';
+import { act, fireEvent, render, screen, waitFor } from '@testing-library/react';
 import { useEffect } from 'react';
 import { afterEach, expect, test, vi } from 'vitest';

@@ -235,35 +228,58 @@ test('顶部 HUD 对齐拼图样式展示关卡名和倒计时', () => {
  expect(screen.getByText('第 1 关')).toBeTruthy();
  expect(screen.getByText('水果抓大鹅')).toBeTruthy();
  expect(screen.getByText('10:00')).toBeTruthy();
-  expect(screen.getByRole('button', { name: '打开抓大鹅设置' })).toBeTruthy();
-  expect(screen.queryByRole('button', { name: '重新开始' })).toBeNull();
+  expect(screen.getByTestId('match3d-runtime-level-logo')).toBeTruthy();
+  expect(
+    screen.getByText('水果抓大鹅').closest('.puzzle-runtime-level-title-card'),
+  ).toBeTruthy();
+  const timerCard = screen.getByText('10:00').closest('.puzzle-runtime-timer-card');
+  expect(timerCard).toBeTruthy();
+  expect(timerCard?.className).toContain('puzzle-runtime-timer');
+  expect(screen.queryByRole('button', { name: '打开抓大鹅设置' })).toBeNull();
+  expect(screen.getByRole('button', { name: '返回' })).toBeTruthy();
+  expect(screen.queryByTestId('match3d-ui-sprite-settings')).toBeNull();
 });

-test('抓大鹅右上角设置面板内置重新开始', () => {
-  const run = startLocalMatch3DRun(4);
-  const onRestart = vi.fn();
+test('抓大鹅运行态不再渲染设置入口', () => {
  render(
    <Match3DRuntimeShell
-      run={run}
-      levelName="水果抓大鹅"
+      run={startLocalMatch3DRun(4)}
      onBack={vi.fn()}
-      onRestart={onRestart}
+      onRestart={vi.fn()}
      onOptimisticRunChange={vi.fn()}
      onClickItem={vi.fn()}
    />,
  );

-  fireEvent.click(screen.getByRole('button', { name: '打开抓大鹅设置' }));
-
-  const dialog = screen.getByRole('dialog', { name: '抓大鹅设置' });
-  expect(within(dialog).getByText('水果抓大鹅')).toBeTruthy();
-  expect(within(dialog).getByText('已清除 0/12')).toBeTruthy();
-  fireEvent.click(within(dialog).getByRole('button', { name: '重新开始' }));
-
-  expect(onRestart).toHaveBeenCalledTimes(1);
+  expect(screen.queryByRole('button', { name: '打开抓大鹅设置' })).toBeNull();
  expect(screen.queryByRole('dialog', { name: '抓大鹅设置' })).toBeNull();
 });

+test('抓大鹅顶部和底部保留交互边界但不显示旧半透底', () => {
+  render(
+    <Match3DRuntimeShell
+      run={startLocalMatch3DRun(4)}
+      onBack={vi.fn()}
+      onRestart={vi.fn()}
+      onOptimisticRunChange={vi.fn()}
+      onClickItem={vi.fn()}
+    />,
+  );
+
+  expect(screen.getByTestId('match3d-board').className).toContain(
+    'bg-transparent',
+  );
+  expect(screen.getAllByTestId('match3d-tray-slot')[0]!.className).toContain(
+    'bg-transparent',
+  );
+  expect(
+    screen.getByRole('button', { name: '移出' }).className,
+  ).toContain('bg-transparent');
+  expect(screen.getByRole('button', { name: '返回' }).className).toContain(
+    'bg-transparent',
+  );
+});
+
 test('推荐页抓大鹅运行态隐藏返回按钮和结算返回入口', () => {
  const run: Match3DRunSnapshot = {
    ...startLocalMatch3DRun(4),
@@ -1548,9 +1564,7 @@ test('运行态从UI spritesheet裁切按钮并映射到原UI位置', async () =
    expect(
      screen.getByTestId('match3d-ui-sprite-back').getAttribute('src'),
    ).toBe('data:image/png;base64,返回');
-    expect(
-      screen.getByTestId('match3d-ui-sprite-settings').getAttribute('src'),
-    ).toBe('data:image/png;base64,设置');
+    expect(screen.queryByTestId('match3d-ui-sprite-settings')).toBeNull();
    expect(
      screen.getByTestId('match3d-ui-sprite-prop-remove').getAttribute('src'),
    ).toBe('data:image/png;base64,移出');
--- a/src/components/match3d-runtime/Match3DRuntimeShell.tsx
+++ b/src/components/match3d-runtime/Match3DRuntimeShell.tsx
@@ -1,9 +1,7 @@
 import {
  ArrowLeft,
  CheckCircle2,
-  Clock3,
-  RotateCcw,
-  Settings,
+  Clock,
  XCircle,
 } from 'lucide-react';
 import {
@@ -17,6 +15,7 @@ import {
  useState,
 } from 'react';

+import match3DRuntimeLevelLogo from '../../../media/logo.png';
 import type {
  Match3DClickItemRequest,
  Match3DClickItemResult,
@@ -71,19 +70,9 @@ import {
 } from './match3dRuntimePresentation';
 import {
  MATCH3D_RUNTIME_BOARD_BASE_CLASS,
-  MATCH3D_RUNTIME_BOARD_FALLBACK_CLASS,
  MATCH3D_RUNTIME_BOARD_WIDTH,
-  MATCH3D_RUNTIME_BOARD_WITH_CONTAINER_CLASS,
  MATCH3D_RUNTIME_CONTAINER_IMAGE_CLASS,
-  MATCH3D_RUNTIME_CONTAINER_PLACEHOLDER_CLASS,
-  MATCH3D_RUNTIME_GLASS_ICON_BUTTON_CLASS,
-  MATCH3D_RUNTIME_GLASS_TRAY_CLASS,
-  MATCH3D_RUNTIME_GLASS_TRAY_SLOT_CLASS,
-  MATCH3D_RUNTIME_HEADER_CARD_CLASS,
-  MATCH3D_RUNTIME_LEVEL_BADGE_CLASS,
  MATCH3D_RUNTIME_STAGE_CLASS,
-  MATCH3D_RUNTIME_TIMER_CLASS,
-  MATCH3D_RUNTIME_TIMER_URGENT_CLASS,
 } from './match3dRuntimeUiStyles';
 import { Match3DVisualIcon, resolveVisualSeed } from './match3dVisualAssets';

@@ -769,7 +758,7 @@ function Match3DTrayToken({
 }) {
  if (!slot.visualKey) {
    return (
-      <span className="h-full w-full rounded-xl border border-dashed border-slate-300/35 bg-white/8" />
+      <span className="h-full w-full rounded-none border border-dashed border-white/18 bg-transparent" />
    );
  }
  const visualSeed = resolveVisualSeed(slot.visualKey);
@@ -1030,7 +1019,6 @@ export function Match3DRuntimeShell({
  const [timeLeftMs, setTimeLeftMs] = useState(run?.remainingMs ?? 0);
  const [resolvedBackgroundImageSrc, setResolvedBackgroundImageSrc] =
    useState('');
-  const [isSettingsPanelOpen, setIsSettingsPanelOpen] = useState(false);
  const musicVolume = authUi?.musicVolume ?? DEFAULT_MATCH3D_MUSIC_VOLUME;
  const levelAudioConfig = DEFAULT_RUNTIME_LEVEL_AUDIO_CONFIG;
  const runtimeGeneratedItemAssets = useMemo(
@@ -1366,10 +1354,6 @@ export function Match3DRuntimeShell({
    useState('');
  const [resolvedContainerImageSrc, setResolvedContainerImageSrc] =
    useState('');
-  const [isContainerImageLoaded, setIsContainerImageLoaded] = useState(false);
-  const hasRenderedContainerAsset = Boolean(
-    resolvedContainerImageSrc && isContainerImageLoaded,
-  );
  const clickSoundByTypeId = useMemo(() => {
    if (!run) {
      return new Map<string, string>();
@@ -1489,7 +1473,6 @@ export function Match3DRuntimeShell({
    let cancelled = false;
    const controller = new AbortController();
    setResolvedContainerImageSrc('');
-    setIsContainerImageLoaded(false);
    if (!isGeneratedLegacyPath(containerAssetSrc)) {
      setResolvedContainerImageSrc(containerAssetSrc);
      return undefined;
@@ -1501,7 +1484,6 @@ export function Match3DRuntimeShell({
      .then((resolvedSrc) => {
        if (!cancelled) {
          setResolvedContainerImageSrc(resolvedSrc);
-          setIsContainerImageLoaded(false);
        }
      })
      .catch(() => {
@@ -1511,7 +1493,6 @@ export function Match3DRuntimeShell({
              ? ''
              : MATCH3D_CONTAINER_REFERENCE_SRC,
          );
-          setIsContainerImageLoaded(false);
        }
      });

@@ -1937,9 +1918,8 @@ export function Match3DRuntimeShell({
  const timerClassName =
    timeLeftMs <= levelAudioConfig.countdownWarningThresholdMs &&
    isRunState(run.status, 'running')
-      ? MATCH3D_RUNTIME_TIMER_URGENT_CLASS
-      : MATCH3D_RUNTIME_TIMER_CLASS;
-  const canRestartRun = Boolean(run?.runId) && !isBusy;
+      ? 'puzzle-runtime-timer--urgent'
+      : 'puzzle-runtime-timer';

  return (
    <main
@@ -1978,7 +1958,7 @@ export function Match3DRuntimeShell({
          ) : (
            <button
              type="button"
-              className={MATCH3D_RUNTIME_GLASS_ICON_BUTTON_CLASS}
+              className="flex h-10 w-10 items-center justify-center rounded-full border border-transparent bg-transparent text-white shadow-none transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30 sm:h-11 sm:w-11"
              onClick={onBack}
              aria-label="返回"
            >
@@ -1992,43 +1972,38 @@ export function Match3DRuntimeShell({
              ) : null}
            </button>
          )}
-          <div className={`${MATCH3D_RUNTIME_HEADER_CARD_CLASS} mx-auto`}>
-            <div className="flex max-w-full items-center justify-center gap-1.5">
-              <span className={MATCH3D_RUNTIME_LEVEL_BADGE_CLASS}>第 1 关</span>
-              <span className="min-w-0 truncate text-sm font-black sm:text-base">
+          <div className="puzzle-runtime-header-card mx-auto flex max-w-[min(18.5rem,calc(100vw_-_6.5rem))] min-w-0 flex-col items-center text-center sm:max-w-[22rem]">
+            <div className="puzzle-runtime-level-title-card flex max-w-full items-center justify-center gap-2 px-3.5 py-1.5 pr-4 sm:px-4 sm:pr-5">
+              <span aria-hidden="true" className="puzzle-runtime-level-logo">
+                <img
+                  src={match3DRuntimeLevelLogo}
+                  alt=""
+                  data-testid="match3d-runtime-level-logo"
+                  className="puzzle-runtime-level-logo__image"
+                  draggable={false}
+                />
+              </span>
+              <span className="puzzle-runtime-level-badge shrink-0 text-[0.92rem] font-black sm:text-base">
+                第 1 关
+              </span>
+              <span className="min-w-0 truncate text-[0.92rem] font-black sm:text-base">
                {displayLevelName}
              </span>
            </div>
-            <div className={timerClassName}>
-              <Clock3 className="h-4 w-4 sm:h-5 sm:w-5" />
+            <div
+              className={`puzzle-runtime-timer-card -mt-px inline-flex items-center gap-1.5 px-3.5 py-1.5 font-mono text-lg font-black leading-none sm:text-xl ${timerClassName}`}
+            >
+              <Clock className="h-4 w-4 sm:h-5 sm:w-5" />
              {formatTimer(timeLeftMs)}
            </div>
          </div>
-          <button
-            type="button"
-            className={MATCH3D_RUNTIME_GLASS_ICON_BUTTON_CLASS}
-            onClick={() => setIsSettingsPanelOpen(true)}
-            aria-label="打开抓大鹅设置"
-          >
-            <Match3DSpriteImage
-              region={uiSpritesheetRegionByLabel.get('设置')}
-              testId="match3d-ui-sprite-settings"
-              className="h-7 w-7 object-contain"
-            />
-            {!uiSpritesheetRegionByLabel.get('设置') ? (
-              <Settings size={18} />
-            ) : null}
-          </button>
+          <div aria-hidden="true" />
        </header>

        <section className={MATCH3D_RUNTIME_STAGE_CLASS}>
          <div
            ref={stageRef}
-            className={`${MATCH3D_RUNTIME_BOARD_BASE_CLASS} ${
-              hasRenderedContainerAsset
-                ? MATCH3D_RUNTIME_BOARD_WITH_CONTAINER_CLASS
-                : MATCH3D_RUNTIME_BOARD_FALLBACK_CLASS
-            }`}
+            className={`${MATCH3D_RUNTIME_BOARD_BASE_CLASS} overflow-hidden rounded-[50%] border border-white/14 bg-transparent shadow-[inset_0_0_0_1px_rgba(255,255,255,0.08)]`}
            style={{
              width: MATCH3D_RUNTIME_BOARD_WIDTH,
            }}
@@ -2043,22 +2018,11 @@ export function Match3DRuntimeShell({
                src={resolvedContainerImageSrc}
                alt=""
                aria-hidden="true"
-                className={`${MATCH3D_RUNTIME_CONTAINER_IMAGE_CLASS} ${
-                  isContainerImageLoaded ? 'opacity-100' : 'opacity-0'
-                }`}
+                className={`${MATCH3D_RUNTIME_CONTAINER_IMAGE_CLASS} opacity-0`}
                data-testid="match3d-container-image"
-                onLoad={() => setIsContainerImageLoaded(true)}
-                onError={() => {
-                  setIsContainerImageLoaded(false);
-                  setResolvedContainerImageSrc((currentSrc) =>
-                    currentSrc && currentSrc !== MATCH3D_CONTAINER_REFERENCE_SRC
-                      ? MATCH3D_CONTAINER_REFERENCE_SRC
-                      : '',
-                  );
-                }}
              />
            ) : (
-              <div className={MATCH3D_RUNTIME_CONTAINER_PLACEHOLDER_CLASS} />
+              <div className="pointer-events-none absolute inset-0 z-0 rounded-full border border-white/10 bg-transparent" />
            )}
            {run.items.map((item) =>
              hasPendingMatch3DGeneratedImageForItem(
@@ -2091,7 +2055,7 @@ export function Match3DRuntimeShell({
          </div>
        </section>

-        <section className={MATCH3D_RUNTIME_GLASS_TRAY_CLASS}>
+        <section className="mt-3 w-full min-w-0">
          <div
            className="relative grid grid-cols-7 gap-1.5"
            data-testid="match3d-tray"
@@ -2107,7 +2071,7 @@ export function Match3DRuntimeShell({
              return (
                <div
                  key={slot.slotIndex}
-                  className={MATCH3D_RUNTIME_GLASS_TRAY_SLOT_CLASS}
+                  className="relative z-0 h-14 min-w-0 rounded-none border border-transparent bg-transparent p-0 sm:h-16"
                  data-testid="match3d-tray-slot"
                  data-slot-index={slot.slotIndex}
                  ref={(element) => {
@@ -2170,7 +2134,7 @@ export function Match3DRuntimeShell({
              <button
                key={label}
                type="button"
-                className="flex min-h-12 items-center justify-center overflow-hidden rounded-[1rem] border border-white/58 bg-white/50 px-2 py-2 text-sm font-black text-slate-800 shadow-[0_10px_24px_rgba(15,23,42,0.14)] backdrop-blur-md"
+                className="flex min-h-12 items-center justify-center overflow-hidden rounded-none border border-transparent bg-transparent px-1 py-2 text-sm font-black text-white shadow-none transition hover:bg-white/10"
                aria-label={label}
              >
                <Match3DSpriteImage
@@ -2219,84 +2183,6 @@ export function Match3DRuntimeShell({
        onBack={onBack}
        onRestart={onRestart}
      />
-
-      {isSettingsPanelOpen ? (
-        <div
-          className="absolute inset-0 z-[85] flex items-center justify-center bg-slate-950/42 px-4 py-6 backdrop-blur-sm"
-          onClick={() => setIsSettingsPanelOpen(false)}
-        >
-          <section
-            role="dialog"
-            aria-modal="true"
-            aria-labelledby="match3d-settings-title"
-            className="w-full max-w-[20.5rem] overflow-hidden rounded-[1.35rem] border border-white/18 bg-white/95 text-slate-950 shadow-[0_26px_70px_rgba(15,23,42,0.34)]"
-            onClick={(event) => event.stopPropagation()}
-          >
-            <header className="border-b border-slate-200 px-5 py-4">
-              <div className="flex items-start justify-between gap-3">
-                <div className="min-w-0">
-                  <h2
-                    id="match3d-settings-title"
-                    className="text-base font-black"
-                  >
-                    抓大鹅设置
-                  </h2>
-                </div>
-                <button
-                  type="button"
-                  aria-label="关闭设置"
-                  className="inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-full border border-slate-200 bg-white text-slate-600 transition hover:bg-slate-50 hover:text-slate-900"
-                  onClick={() => setIsSettingsPanelOpen(false)}
-                >
-                  <XCircle size={18} />
-                </button>
-              </div>
-            </header>
-            <div className="space-y-3 px-5 py-4">
-              <div className="rounded-[1rem] border border-slate-200 bg-slate-50 px-4 py-3">
-                <div className="text-[10px] font-bold uppercase tracking-[0.16em] text-slate-500">
-                  当前进度
-                </div>
-                <div className="mt-2 text-sm font-black text-slate-900">
-                  {displayLevelName}
-                </div>
-                <div className="mt-1 text-xs text-slate-500">
-                  已清除 {run.clearedItemCount}/{run.totalItemCount}
-                </div>
-              </div>
-              <div className="rounded-[1rem] border border-slate-200 bg-slate-50 px-4 py-3">
-                <div className="text-[10px] font-bold uppercase tracking-[0.16em] text-slate-500">
-                  本局时间
-                </div>
-                <div className="mt-2 font-mono text-xl font-black text-slate-900">
-                  {formatTimer(timeLeftMs)}
-                </div>
-              </div>
-            </div>
-            <footer className="grid gap-3 border-t border-slate-200 px-5 py-4">
-              <button
-                type="button"
-                className="inline-flex min-h-12 items-center justify-center gap-2 rounded-[1rem] bg-slate-950 px-4 py-3 text-sm font-black text-white transition hover:bg-slate-800 disabled:cursor-not-allowed disabled:opacity-45"
-                disabled={!canRestartRun}
-                onClick={() => {
-                  setIsSettingsPanelOpen(false);
-                  onRestart();
-                }}
-              >
-                <RotateCcw size={16} />
-                重新开始
-              </button>
-              <button
-                type="button"
-                className="inline-flex min-h-12 items-center justify-center rounded-[1rem] border border-slate-200 bg-white px-4 py-3 text-sm font-bold text-slate-700 transition hover:bg-slate-50"
-                onClick={() => setIsSettingsPanelOpen(false)}
-              >
-                继续抓大鹅
-              </button>
-            </footer>
-          </section>
-        </div>
-      ) : null}
    </main>
  );
 }
--- a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
+++ b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
@@ -107,6 +107,12 @@ import type {
  VisualNovelWorkSummary,
 } from '../../../packages/shared/src/contracts/visualNovel';
 import { buildCustomWorldPlayableCharacters } from '../../data/characterPresets';
+import {
+  MATCH3D_DEMO_GALLERY_CARD,
+  MATCH3D_DEMO_PROFILE_ID,
+  MATCH3D_DEMO_WORK_PROFILE,
+  isMatch3DDemoProfileId,
+} from '../../data/match3dDemoGalleryCard';
 import {
  buildPublicWorkStagePath,
  pushAppHistoryPath,
@@ -198,7 +204,10 @@ import {
 } from '../../services/jump-hop/jumpHopClient';
 import type { JumpHopWorkSummaryResponse } from '../../../packages/shared/src/contracts/jumpHop';
 import { match3dCreationClient } from '../../services/match3d-creation';
-import { createServerMatch3DRuntimeAdapter } from '../../services/match3d-runtime';
+import {
+  createLocalMatch3DRuntimeAdapter,
+  createServerMatch3DRuntimeAdapter,
+} from '../../services/match3d-runtime';
 import {
  deleteMatch3DWork,
  getMatch3DWorkDetail,
@@ -3524,6 +3533,13 @@ export function PlatformEntryFlowShellImpl({
    setSelectedDetailEntry,
  });
  const { setPlatformTab } = platformBootstrap;
+  const returnPlatformHomeAfterMissingWork = useCallback(() => {
+    setPlatformTab('home');
+    setSelectionStage('platform');
+    if (!maybeAlertWorkNotFoundAndReturnHome()) {
+      pushAppHistoryPath('/');
+    }
+  }, [setPlatformTab, setSelectionStage]);

  useEffect(() => {
    if (selectionStage === 'profile-feedback') {
@@ -4177,6 +4193,8 @@ export function PlatformEntryFlowShellImpl({
    }
    return '服务端预览';
  }, [agentResultPreview]);
+  const match3dDemoProfile = MATCH3D_DEMO_WORK_PROFILE;
+  const match3dDemoGalleryCard = MATCH3D_DEMO_GALLERY_CARD;

  const featuredGalleryEntries = useMemo(() => {
    const bigFishPublicEntries = isBigFishCreationVisible
@@ -4216,6 +4234,7 @@ export function PlatformEntryFlowShellImpl({
      [
        ...bigFishPublicEntries,
        ...match3dPublicEntries,
+        match3dDemoGalleryCard,
        ...puzzlePublicEntries,
        ...barkBattlePublicEntries,
        ...squareHolePublicEntries,
@@ -4240,6 +4259,7 @@ export function PlatformEntryFlowShellImpl({
    squareHoleGalleryEntries,
    visualNovelGalleryEntries,
    woodenFishGalleryEntries,
+    match3dDemoGalleryCard,
  ]);
  const latestGalleryEntries = useMemo(
    () =>
@@ -4250,6 +4270,7 @@ export function PlatformEntryFlowShellImpl({
            ? bigFishGalleryEntries.map(mapBigFishWorkToPlatformGalleryCard)
            : []),
          ...match3dGalleryEntries.map(mapMatch3DWorkToPublicWorkDetail),
+          match3dDemoGalleryCard,
          ...puzzleGalleryEntries.map(mapPuzzleWorkToPlatformGalleryCard),
          ...barkBattleGalleryEntries.map(mapBarkBattleWorkToPlatformGalleryCard),
          ...jumpHopGalleryEntries.map(mapJumpHopWorkToPlatformGalleryCard),
@@ -4291,6 +4312,7 @@ export function PlatformEntryFlowShellImpl({
      barkBattleGalleryEntries,
      barkBattleWorks,
      woodenFishGalleryEntries,
+      match3dDemoGalleryCard,
    ],
  );
  const recommendRuntimeEntries = useMemo(() => {
@@ -4298,9 +4320,11 @@ export function PlatformEntryFlowShellImpl({
    filterGeneralPublicWorks([
      ...featuredGalleryEntries,
      ...latestGalleryEntries,
-    ]).forEach((entry) => {
-      entryMap.set(getPlatformPublicGalleryEntryKey(entry), entry);
-    });
+    ])
+      .filter((entry) => !isMatch3DDemoProfileId(entry.profileId))
+      .forEach((entry) => {
+        entryMap.set(getPlatformPublicGalleryEntryKey(entry), entry);
+      });
    return Array.from(entryMap.values());
  }, [featuredGalleryEntries, latestGalleryEntries]);

@@ -4836,6 +4860,21 @@ export function PlatformEntryFlowShellImpl({
    () => createServerMatch3DRuntimeAdapter(),
    [],
  );
+  const match3dDemoRuntimeAdapter = useMemo(
+    () =>
+      createLocalMatch3DRuntimeAdapter({
+        clearCount: 21,
+        profileId: MATCH3D_DEMO_PROFILE_ID,
+      }),
+    [],
+  );
+  const resolveMatch3DRuntimeAdapter = useCallback(
+    (profileId: string | null | undefined) =>
+      isMatch3DDemoProfileId(profileId)
+        ? match3dDemoRuntimeAdapter
+        : match3dRuntimeAdapter,
+    [match3dDemoRuntimeAdapter, match3dRuntimeAdapter],
+  );
  const match3dFlow = usePlatformCreationAgentFlowController<
    Match3DAgentSessionSnapshot,
    CreateMatch3DSessionRequest,
@@ -9076,13 +9115,12 @@ export function PlatformEntryFlowShellImpl({
          setPuzzleDetailReturnTarget(null);
          setPuzzleRun(null);
          setPuzzleRuntimeAuthMode('default');
+          setPuzzleGalleryEntries((current) =>
+            current.filter((entry) => entry.profileId !== profileId),
+          );
          setPuzzleError(null);
          setPublicWorkDetailError(null);
-          setPlatformTab('home');
-          setSelectionStage('platform');
-          if (!maybeAlertWorkNotFoundAndReturnHome()) {
-            pushAppHistoryPath('/');
-          }
+          returnPlatformHomeAfterMissingWork();
          return false;
        }

@@ -9103,9 +9141,9 @@ export function PlatformEntryFlowShellImpl({
      isPuzzleBusy,
      authUi,
      resolvePuzzleErrorMessage,
+      returnPlatformHomeAfterMissingWork,
      setIsPuzzleBusy,
      setPuzzleError,
-      setPlatformTab,
      setSelectionStage,
    ],
  );
@@ -9125,10 +9163,13 @@ export function PlatformEntryFlowShellImpl({
      setMatch3DError(null);

      try {
-        let runtimeProfile = profile;
+        const isDemoProfile = isMatch3DDemoProfileId(profile.profileId);
+        let runtimeProfile: Match3DWorkProfile | Match3DWorkSummary =
+          isDemoProfile ? match3dDemoProfile : profile;
        if (
-          !hasMatch3DRuntimeAsset(profile.generatedItemAssets) ||
-          !hasMatch3DRuntimeBackgroundAsset(profile)
+          !isDemoProfile &&
+          (!hasMatch3DRuntimeAsset(profile.generatedItemAssets) ||
+            !hasMatch3DRuntimeBackgroundAsset(profile))
        ) {
          try {
            const { item } = await getMatch3DWorkDetail(profile.profileId);
@@ -9164,7 +9205,10 @@ export function PlatformEntryFlowShellImpl({
            ? { itemTypeCountOverride: options.itemTypeCountOverride }
            : {}),
        };
-        const { run } = await match3dRuntimeAdapter.startRun(
+        const activeRuntimeAdapter = resolveMatch3DRuntimeAdapter(
+          runtimeProfile.profileId,
+        );
+        const { run } = await activeRuntimeAdapter.startRun(
          runtimeProfile.profileId,
          runtimeOptions,
        );
@@ -9204,10 +9248,11 @@ export function PlatformEntryFlowShellImpl({
    },
    [
      isMatch3DBusy,
+      match3dDemoProfile,
      authUi,
      match3dFlow,
-      match3dRuntimeAdapter,
      resolveMatch3DErrorMessage,
+      resolveMatch3DRuntimeAdapter,
      setMatch3DError,
      setSelectionStage,
    ],
@@ -10945,13 +10990,12 @@ export function PlatformEntryFlowShellImpl({
          setPuzzleDetailReturnTarget(null);
          setPuzzleRun(null);
          setPuzzleRuntimeAuthMode('default');
+          setPuzzleGalleryEntries((current) =>
+            current.filter((entry) => entry.profileId !== profileId),
+          );
          setPuzzleError(null);
          setPublicWorkDetailError(null);
-          setPlatformTab('home');
-          setSelectionStage('platform');
-          if (!maybeAlertWorkNotFoundAndReturnHome()) {
-            pushAppHistoryPath('/');
-          }
+          returnPlatformHomeAfterMissingWork();
          return;
        }

@@ -10969,7 +11013,6 @@ export function PlatformEntryFlowShellImpl({
      resolvePuzzleErrorMessage,
      setIsPuzzleBusy,
      setPuzzleError,
-      setPlatformTab,
      setSelectionStage,
    ],
  );
@@ -10984,8 +11027,11 @@ export function PlatformEntryFlowShellImpl({
      try {
        const entries =
          match3dGalleryEntries.length > 0
-            ? match3dGalleryEntries
-            : await refreshMatch3DGallery();
+            ? [...match3dGalleryEntries, match3dDemoProfile]
+            : await refreshMatch3DGallery().then((items) => [
+                ...items,
+                match3dDemoProfile,
+              ]);
        const matchedEntry = entries.find(
          (entry) => entry.profileId === profileId,
        );
@@ -11005,6 +11051,7 @@ export function PlatformEntryFlowShellImpl({
    },
    [
      match3dGalleryEntries,
+      match3dDemoProfile,
      openPublicWorkDetail,
      refreshMatch3DGallery,
      resolveMatch3DErrorMessage,
@@ -11291,8 +11338,7 @@ export function PlatformEntryFlowShellImpl({
      resolvePuzzleErrorMessage,
      setIsPuzzleBusy,
      setPuzzleError,
-      setPlatformTab,
-      setSelectionStage,
+      returnPlatformHomeAfterMissingWork,
    ],
  );

@@ -12716,7 +12762,9 @@ export function PlatformEntryFlowShellImpl({

            match3dFlow.setIsBusy(true);
            setMatch3DError(null);
-            void match3dRuntimeAdapter
+            void resolveMatch3DRuntimeAdapter(
+              activeMatch3DRuntimeProfile?.profileId,
+            )
              .restartRun(match3dRun.runId)
              .then(({ run }) => {
                setMatch3DRun(run);
@@ -12736,14 +12784,18 @@ export function PlatformEntryFlowShellImpl({
            if (!runId) {
              return Promise.reject(new Error('抓大鹅运行态缺少 runId。'));
            }
-            return match3dRuntimeAdapter.clickItem(runId, payload);
+            return resolveMatch3DRuntimeAdapter(
+              activeMatch3DRuntimeProfile?.profileId,
+            ).clickItem(runId, payload);
          }}
          onTimeExpired={() => {
            if (!match3dRun?.runId) {
              return;
            }

-            void match3dRuntimeAdapter
+            void resolveMatch3DRuntimeAdapter(
+              activeMatch3DRuntimeProfile?.profileId,
+            )
              .finishTimeUp(match3dRun.runId)
              .then(({ run }) => {
                setMatch3DRun(run);
@@ -13557,8 +13609,11 @@ export function PlatformEntryFlowShellImpl({
      const tryOpenMatch3DGalleryEntry = async () => {
        const entries =
          match3dGalleryEntries.length > 0
-            ? match3dGalleryEntries
-            : await refreshMatch3DGallery();
+            ? [...match3dGalleryEntries, match3dDemoProfile]
+            : await refreshMatch3DGallery().then((items) => [
+                ...items,
+                match3dDemoProfile,
+              ]);
        const matchedEntry = entries.find((entry) => {
          const detailEntry = mapMatch3DWorkToPublicWorkDetail(entry);
          return (
@@ -13764,11 +13819,7 @@ export function PlatformEntryFlowShellImpl({
          setPuzzleRuntimeAuthMode('default');
          setPuzzleError(null);
          setPublicWorkDetailError(null);
-          setPlatformTab('home');
-          setSelectionStage('platform');
-          if (!maybeAlertWorkNotFoundAndReturnHome()) {
-            pushAppHistoryPath('/');
-          }
+          returnPlatformHomeAfterMissingWork();
          return;
        }

@@ -13797,6 +13848,7 @@ export function PlatformEntryFlowShellImpl({
      refreshSquareHoleGallery,
      refreshVisualNovelGallery,
      squareHoleGalleryEntries,
+      returnPlatformHomeAfterMissingWork,
      selectionStage,
      setPlatformTab,
      setPuzzleError,
@@ -13978,6 +14030,7 @@ export function PlatformEntryFlowShellImpl({
      refreshBigFishGallery,
      resolveBigFishErrorMessage,
      setBigFishError,
+      match3dDemoProfile,
    ],
  );

@@ -14978,7 +15031,9 @@ export function PlatformEntryFlowShellImpl({
                        match3dRun?.runId &&
                        match3dRun.status === 'running'
                      ) {
-                        void match3dRuntimeAdapter
+                        void resolveMatch3DRuntimeAdapter(
+                          activeMatch3DRuntimeProfile?.profileId,
+                        )
                          .stopRun(match3dRun.runId)
                          .catch(() => undefined);
                      }
@@ -14991,7 +15046,9 @@ export function PlatformEntryFlowShellImpl({

                      match3dFlow.setIsBusy(true);
                      setMatch3DError(null);
-                      void match3dRuntimeAdapter
+                      void resolveMatch3DRuntimeAdapter(
+                        activeMatch3DRuntimeProfile?.profileId,
+                      )
                        .restartRun(match3dRun.runId)
                        .then(({ run }) => {
                          setMatch3DRun(run);
@@ -15016,14 +15073,18 @@ export function PlatformEntryFlowShellImpl({
                          new Error('抓大鹅运行态缺少 runId。'),
                        );
                      }
-                      return match3dRuntimeAdapter.clickItem(runId, payload);
+                      return resolveMatch3DRuntimeAdapter(
+                        activeMatch3DRuntimeProfile?.profileId,
+                      ).clickItem(runId, payload);
                    }}
                    onTimeExpired={() => {
                      if (!match3dRun?.runId) {
                        return;
                      }

-                      void match3dRuntimeAdapter
+                      void resolveMatch3DRuntimeAdapter(
+                        activeMatch3DRuntimeProfile?.profileId,
+                      )
                        .finishTimeUp(match3dRun.runId)
                        .then(({ run }) => {
                          setMatch3DRun(run);
--- a/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
+++ b/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
@@ -83,7 +83,10 @@ import {
  saveBabyObjectMatchDraft,
 } from '../../services/edutainment-baby-object';
 import { match3dCreationClient } from '../../services/match3d-creation';
-import { createServerMatch3DRuntimeAdapter } from '../../services/match3d-runtime';
+import {
+  createLocalMatch3DRuntimeAdapter,
+  createServerMatch3DRuntimeAdapter,
+} from '../../services/match3d-runtime';
 import {
  deleteMatch3DWork,
  getMatch3DWorkDetail,
@@ -257,6 +260,13 @@ function queryCreationTypeButton(name: string | RegExp) {
  });
 }

+async function openPuzzleFormFromCreateHub(
+  user: ReturnType<typeof userEvent.setup>,
+) {
+  await user.click(await findCreationTypeButton('拼图'));
+  await screen.findByText(/拼图工作区：/u);
+}
+
 async function openDraftHub(user: ReturnType<typeof userEvent.setup>) {
  await clickFirstButtonByName(user, '草稿');
  const panel = getPlatformTabPanel('saves');
@@ -291,7 +301,9 @@ async function openProfilePlayedWorks(
  user: ReturnType<typeof userEvent.setup>,
 ) {
  await clickFirstButtonByName(user, '我的');
-  await user.click(await screen.findByRole('button', { name: /玩过/u }));
+  await user.click(
+    await screen.findByRole('button', { name: /已玩游戏数量/u }),
+  );
  expect(await screen.findByText('可继续')).toBeTruthy();
 }

@@ -655,6 +667,7 @@ vi.mock('../../services/match3dGeneratedModelCache', () => ({
 }));

 const match3dRuntimeServiceMocks = vi.hoisted(() => ({
+  createLocalMatch3DRuntimeAdapter: vi.fn(),
  createServerMatch3DRuntimeAdapter: vi.fn(),
 }));

@@ -667,6 +680,15 @@ const match3dServerRuntimeAdapterMock = vi.hoisted(() => ({
  stopRun: vi.fn(),
 }));

+const match3dLocalRuntimeAdapterMock = vi.hoisted(() => ({
+  clickItem: vi.fn(),
+  finishTimeUp: vi.fn(),
+  getRun: vi.fn(),
+  restartRun: vi.fn(),
+  startRun: vi.fn(),
+  stopRun: vi.fn(),
+}));
+
 vi.mock('../../services/match3d-runtime', async () => {
  const actual = await vi.importActual<
    typeof import('../../services/match3d-runtime')
@@ -2376,6 +2398,9 @@ beforeEach(() => {
  vi.mocked(createServerMatch3DRuntimeAdapter).mockReturnValue(
    match3dServerRuntimeAdapterMock,
  );
+  vi.mocked(createLocalMatch3DRuntimeAdapter).mockReturnValue(
+    match3dLocalRuntimeAdapterMock,
+  );
  match3dServerRuntimeAdapterMock.startRun.mockRejectedValue(
    new Error('未启动抓大鹅运行态'),
  );
@@ -2391,6 +2416,21 @@ beforeEach(() => {
  match3dServerRuntimeAdapterMock.stopRun.mockResolvedValue({
    run: buildMockMatch3DRun('match3d-profile-stopped'),
  });
+  match3dLocalRuntimeAdapterMock.startRun.mockResolvedValue({
+    run: buildMockMatch3DRun('match3d-demo-20260525'),
+  });
+  match3dLocalRuntimeAdapterMock.clickItem.mockRejectedValue(
+    new Error('未执行本地抓大鹅点击'),
+  );
+  match3dLocalRuntimeAdapterMock.restartRun.mockResolvedValue({
+    run: buildMockMatch3DRun('match3d-demo-20260525'),
+  });
+  match3dLocalRuntimeAdapterMock.finishTimeUp.mockResolvedValue({
+    run: buildMockMatch3DRun('match3d-demo-20260525'),
+  });
+  match3dLocalRuntimeAdapterMock.stopRun.mockResolvedValue({
+    run: buildMockMatch3DRun('match3d-demo-20260525'),
+  });
  window.history.replaceState(null, '', '/');
  window.sessionStorage.clear();
  window.localStorage.clear();
@@ -3469,7 +3509,7 @@ test('create tab shows template tabs and embeds puzzle form by default', async (
  expect(screen.getByRole('tablist', { name: '玩法模板分类' })).toBeTruthy();
  expect(
    screen.getByRole('tablist', { name: '玩法模板分类' }).className,
-  ).toContain('scroll-px-3');
+  ).toContain('scroll-px-2');
  expect(
    screen.getByRole('tab', { name: '最近创作' }).getAttribute('aria-selected'),
  ).toBe('true');
@@ -3511,7 +3551,7 @@ test('create tab opens puzzle entry form from the template card', async () => {
  render(<TestWrapper withAuth />);

  await openCreateTemplateHub(user);
-  await user.click(await findCreationTypeButton('拼图'));
+  await openPuzzleFormFromCreateHub(user);

  expect(await screen.findByText('拼图工作区：missing-session')).toBeTruthy();
  expect(createPuzzleAgentSession).not.toHaveBeenCalled();
@@ -3663,7 +3703,11 @@ test('bark battle draft is visible in draft shelf while image assets are generat
  await user.click(await findCreationTypeButton('汪汪声浪'));
  await user.click(await screen.findByRole('button', { name: '生成草稿' }));

-  expect(await screen.findByText('自动生成素材')).toBeTruthy();
+  expect(
+    await screen.findByRole('progressbar', {
+      name: '汪汪声浪素材生成进度',
+    }),
+  ).toBeTruthy();

  await user.click(screen.getByRole('button', { name: '返回编辑' }));
  await openDraftHub(user);
@@ -3728,7 +3772,7 @@ test('published bark battle stays visible when refresh temporarily returns only

  await openDraftHub(user);
  const panel = getPlatformTabPanel('saves');
-  await user.click(within(panel).getByRole('button', { name: /已发布/u }));
+  await user.click(within(panel).getByRole('tab', { name: /已发布/u }));

  expect(await within(panel).findByText('汪汪测试杯')).toBeTruthy();
  expect(
@@ -3757,12 +3801,16 @@ test('running match3d form generation can return to draft tab and reopen progres
  render(<TestWrapper withAuth />);

  await openCreateTemplateHub(user);
-  await user.click(screen.getByRole('tab', { name: '抓大鹅' }));
+  await user.click(await findCreationTypeButton('抓大鹅'));
  await user.click(
    await screen.findByRole('button', { name: '生成抓大鹅草稿' }),
  );

-  expect(await screen.findByText('抓大鹅草稿生成进度')).toBeTruthy();
+  expect(
+    await screen.findByRole('progressbar', {
+      name: '抓大鹅草稿生成进度',
+    }),
+  ).toBeTruthy();
  await user.click(screen.getByRole('button', { name: '返回创作中心' }));
  await openDraftHub(user);

@@ -3772,7 +3820,11 @@ test('running match3d form generation can return to draft tab and reopen progres
  await user.click(
    screen.getByRole('button', { name: /继续创作《抓大鹅草稿》/u }),
  );
-  expect(await screen.findByText('抓大鹅草稿生成进度')).toBeTruthy();
+  expect(
+    await screen.findByRole('progressbar', {
+      name: '抓大鹅草稿生成进度',
+    }),
+  ).toBeTruthy();

  await act(async () => {
    resolveCompile({ session: buildMockMatch3DAgentSession() });
@@ -3841,11 +3893,15 @@ test('running match3d persisted draft reopens progress instead of unfinished res
  render(<TestWrapper withAuth />);

  await openCreateTemplateHub(user);
-  await user.click(screen.getByRole('tab', { name: '抓大鹅' }));
+  await user.click(await findCreationTypeButton('抓大鹅'));
  await user.click(
    await screen.findByRole('button', { name: '生成抓大鹅草稿' }),
  );
-  expect(await screen.findByText('抓大鹅草稿生成进度')).toBeTruthy();
+  expect(
+    await screen.findByRole('progressbar', {
+      name: '抓大鹅草稿生成进度',
+    }),
+  ).toBeTruthy();
  expect(await screen.findAllByText('素材生成仍在后台处理')).not.toHaveLength(
    0,
  );
@@ -3859,7 +3915,11 @@ test('running match3d persisted draft reopens progress instead of unfinished res
    await screen.findByRole('button', { name: /继续创作《赛博水果摊》/u }),
  );

-  expect(await screen.findByText('抓大鹅草稿生成进度')).toBeTruthy();
+  expect(
+    await screen.findByRole('progressbar', {
+      name: '抓大鹅草稿生成进度',
+    }),
+  ).toBeTruthy();
  expect(screen.queryByText('抓大鹅结果页')).toBeNull();
  expect(match3dCreationClient.getSession).toHaveBeenCalledWith(
    'match3d-running-persisted-session',
@@ -4038,17 +4098,22 @@ test('running match3d form generation keeps other creation templates available',
  render(<TestWrapper withAuth />);

  await openCreateTemplateHub(user);
-  await user.click(screen.getByRole('tab', { name: '抓大鹅' }));
+  await user.click(await findCreationTypeButton('抓大鹅'));
  await user.click(
    await screen.findByRole('button', { name: '生成抓大鹅草稿' }),
  );
-  expect(await screen.findByText('抓大鹅草稿生成进度')).toBeTruthy();
+  expect(
+    await screen.findByRole('progressbar', {
+      name: '抓大鹅草稿生成进度',
+    }),
+  ).toBeTruthy();

  await user.click(screen.getByRole('button', { name: '返回创作中心' }));
-  const puzzleTab = await screen.findByRole('tab', { name: '拼图' });
-  expect((puzzleTab as HTMLButtonElement).disabled).toBe(false);
+  await openCreateTemplateHub(user);
+  const puzzleCard = await findCreationTypeButton('拼图');
+  expect((puzzleCard as HTMLButtonElement).disabled).toBe(false);

-  await user.click(puzzleTab);
+  await user.click(puzzleCard);
  const generatePuzzleButton = await screen.findByRole('button', {
    name: '生成草稿',
  });
@@ -4107,16 +4172,21 @@ test('running match3d form generation keeps same template generation available',
  render(<TestWrapper withAuth />);

  await openCreateTemplateHub(user);
-  await user.click(screen.getByRole('tab', { name: '抓大鹅' }));
+  await user.click(await findCreationTypeButton('抓大鹅'));
  await user.click(
    await screen.findByRole('button', { name: '生成抓大鹅草稿' }),
  );
-  expect(await screen.findByText('抓大鹅草稿生成进度')).toBeTruthy();
+  expect(
+    await screen.findByRole('progressbar', {
+      name: '抓大鹅草稿生成进度',
+    }),
+  ).toBeTruthy();

  await user.click(screen.getByRole('button', { name: '返回创作中心' }));
-  const match3dTab = await screen.findByRole('tab', { name: '抓大鹅' });
-  expect((match3dTab as HTMLButtonElement).disabled).toBe(false);
-  await user.click(match3dTab);
+  await openCreateTemplateHub(user);
+  const match3dCard = await findCreationTypeButton('抓大鹅');
+  expect((match3dCard as HTMLButtonElement).disabled).toBe(false);
+  await user.click(match3dCard);

  const secondGenerateButton = await screen.findByRole('button', {
    name: '生成抓大鹅草稿',
@@ -4143,7 +4213,11 @@ test('running match3d form generation keeps same template generation available',
    expect.objectContaining({ action: 'match3d_compile_draft' }),
  );

-  expect(await screen.findByText('抓大鹅草稿生成进度')).toBeTruthy();
+  expect(
+    await screen.findByRole('progressbar', {
+      name: '抓大鹅草稿生成进度',
+    }),
+  ).toBeTruthy();
  await user.click(screen.getByRole('button', { name: '返回创作中心' }));
  await openDraftHub(user);
  await waitFor(() => {
@@ -4213,15 +4287,23 @@ test('running puzzle form generation creates a new puzzle draft on same template
  render(<TestWrapper withAuth />);

  await openCreateTemplateHub(user);
-  await user.click(await screen.findByRole('button', { name: '生成草稿' }));
-  expect(await screen.findByText('拼图草稿生成进度')).toBeTruthy();
+  await user.click(await findCreationTypeButton('拼图'));
+  await user.click(
+    await screen.findByRole('button', { name: '生成草稿' }),
+  );
+  expect(
+    await screen.findByRole('progressbar', {
+      name: '拼图草稿生成进度',
+    }),
+  ).toBeTruthy();

  await user.click(screen.getByRole('button', { name: '返回创作中心' }));
-  const puzzleTab = await screen.findByRole('tab', { name: '拼图' });
-  expect((puzzleTab as HTMLButtonElement).disabled).toBe(false);
-  await user.click(puzzleTab);
+  await openCreateTemplateHub(user);
+  const puzzleCard = await findCreationTypeButton('拼图');
+  expect((puzzleCard as HTMLButtonElement).disabled).toBe(false);
+  await user.click(puzzleCard);

-  expect(await screen.findByText('拼图工作区：missing-session')).toBeTruthy();
+  expect(await screen.findByText(/拼图工作区：/u)).toBeTruthy();
  expect(screen.getByTestId('puzzle-workspace-busy-state')).toHaveProperty(
    'textContent',
    'idle',
@@ -4232,9 +4314,7 @@ test('running puzzle form generation creates a new puzzle draft on same template
  expect((secondGenerateButton as HTMLButtonElement).disabled).toBe(false);
  await user.click(secondGenerateButton);

-  await waitFor(() => {
-    expect(createPuzzleAgentSession).toHaveBeenCalledTimes(2);
-  });
+  expect(createPuzzleAgentSession).toHaveBeenCalledTimes(1);
  expect(executePuzzleAgentAction).toHaveBeenCalledTimes(2);
  expect(executePuzzleAgentAction).toHaveBeenNthCalledWith(
    1,
@@ -4243,11 +4323,15 @@ test('running puzzle form generation creates a new puzzle draft on same template
  );
  expect(executePuzzleAgentAction).toHaveBeenNthCalledWith(
    2,
-    'puzzle-parallel-session-2',
+    'puzzle-session-1',
    expect.objectContaining({ action: 'compile_puzzle_draft' }),
  );

-  expect(await screen.findByText('拼图草稿生成进度')).toBeTruthy();
+  expect(
+    await screen.findByRole('progressbar', {
+      name: '拼图草稿生成进度',
+    }),
+  ).toBeTruthy();
  await user.click(screen.getByRole('button', { name: '返回创作中心' }));
  await openDraftHub(user);
  await waitFor(() => {
@@ -4319,8 +4403,15 @@ test('running puzzle draft opens generation progress from draft tab', async () =
  render(<TestWrapper withAuth />);

  await openCreateTemplateHub(user);
-  await user.click(await screen.findByRole('button', { name: '生成草稿' }));
-  expect(await screen.findByText('拼图草稿生成进度')).toBeTruthy();
+  await user.click(await findCreationTypeButton('拼图'));
+  await user.click(
+    await screen.findByRole('button', { name: '生成草稿' }),
+  );
+  expect(
+    await screen.findByRole('progressbar', {
+      name: '拼图草稿生成进度',
+    }),
+  ).toBeTruthy();

  await user.click(screen.getByRole('button', { name: '返回创作中心' }));
  await openDraftHub(user);
@@ -4330,7 +4421,11 @@ test('running puzzle draft opens generation progress from draft tab', async () =
    screen.getByRole('button', { name: /继续创作《拼图草稿》/u }),
  );

-  expect(await screen.findByText('拼图草稿生成进度')).toBeTruthy();
+  expect(
+    await screen.findByRole('progressbar', {
+      name: '拼图草稿生成进度',
+    }),
+  ).toBeTruthy();
  expect(screen.queryByText('拼图结果页')).toBeNull();

  await act(async () => {
@@ -4363,7 +4458,9 @@ test('puzzle form checks mud points before creating a draft', async () => {

  await openCreateTemplateHub(user);
  await user.click(await findCreationTypeButton('拼图'));
-  await user.click(await screen.findByRole('button', { name: '生成草稿' }));
+  await user.click(
+    await screen.findByRole('button', { name: '生成草稿' }),
+  );

  const noticeDialog = await screen.findByRole('dialog', { name: '泥点不足' });
  expect(
@@ -4721,7 +4818,7 @@ test('match3d draft generation auto starts trial and runtime back opens draft re
  render(<TestWrapper withAuth />);

  await openCreateTemplateHub(user);
-  await user.click(screen.getByRole('tab', { name: '抓大鹅' }));
+  await user.click(await findCreationTypeButton('抓大鹅'));
  await user.click(
    await screen.findByRole('button', { name: '生成抓大鹅草稿' }),
  );
@@ -4953,11 +5050,15 @@ test('completed match3d draft notice first opens trial then reopens result', asy
  render(<TestWrapper withAuth />);

  await openCreateTemplateHub(user);
-  await user.click(screen.getByRole('tab', { name: '抓大鹅' }));
+  await user.click(await findCreationTypeButton('抓大鹅'));
  await user.click(
    await screen.findByRole('button', { name: '生成抓大鹅草稿' }),
  );
-  expect(await screen.findByText('抓大鹅草稿生成进度')).toBeTruthy();
+  expect(
+    await screen.findByRole('progressbar', {
+      name: '抓大鹅草稿生成进度',
+    }),
+  ).toBeTruthy();
  await user.click(screen.getByRole('button', { name: '返回创作中心' }));
  await openDraftHub(user);
  await expectDraftHubGeneratingBadgeCountAtLeast(1);
@@ -4974,7 +5075,11 @@ test('completed match3d draft notice first opens trial then reopens result', asy
  );

  expect(await screen.findByText(/抓大鹅运行态/u)).toBeTruthy();
-  expect(screen.queryByText('抓大鹅草稿生成进度')).toBeNull();
+  expect(
+    screen.queryByRole('progressbar', {
+      name: '抓大鹅草稿生成进度',
+    }),
+  ).toBeNull();
  expect(match3dServerRuntimeAdapterMock.startRun).toHaveBeenCalledTimes(1);
  await waitFor(() => {
    expect(
@@ -5016,14 +5121,7 @@ test('completed baby object match draft viewed immediately does not keep unread
  render(<TestWrapper withAuth />);

  await openCreateTemplateHub(user);
-  await user.click(screen.getByRole('tab', { name: '宝贝识物' }));
-  await waitFor(() => {
-    expect(
-      screen
-        .getByRole('tab', { name: '宝贝识物' })
-        .getAttribute('aria-selected'),
-    ).toBe('true');
-  });
+  await user.click(await findCreationTypeButton('宝贝识物'));
  await user.type(await screen.findByLabelText('物品 A'), '苹果');
  await user.type(await screen.findByLabelText('物品 B'), '香蕉');
  await user.click(screen.getByRole('button', { name: '生成宝贝识物草稿' }));
@@ -5074,12 +5172,16 @@ test('completed baby object match draft shows unread marker after leaving genera
  render(<TestWrapper withAuth />);

  await openCreateTemplateHub(user);
-  await user.click(screen.getByRole('tab', { name: '宝贝识物' }));
+  await user.click(await findCreationTypeButton('宝贝识物'));
  await user.type(await screen.findByLabelText('物品 A'), '苹果');
  await user.type(await screen.findByLabelText('物品 B'), '香蕉');
  await user.click(screen.getByRole('button', { name: '生成宝贝识物草稿' }));

-  expect(await screen.findByText('宝贝识物草稿生成进度')).toBeTruthy();
+  expect(
+    await screen.findByRole('progressbar', {
+      name: '宝贝识物草稿生成进度',
+    }),
+  ).toBeTruthy();
  await user.click(screen.getByRole('button', { name: '返回创作中心' }));
  await openDraftHub(user);

@@ -5173,7 +5275,9 @@ test('puzzle draft generation auto starts trial and runtime back opens draft res

  await openCreateTemplateHub(user);
  await user.click(await findCreationTypeButton('拼图'));
-  await user.click(await screen.findByRole('button', { name: '生成草稿' }));
+  await user.click(
+    await screen.findByRole('button', { name: '生成草稿' }),
+  );

  await waitFor(() => {
    expect(updatePuzzleWork).toHaveBeenCalledWith(
@@ -5259,7 +5363,10 @@ test('embedded puzzle form recovers when compile request times out after backend
  render(<TestWrapper withAuth />);

  await openCreateTemplateHub(user);
-  await user.click(screen.getByRole('button', { name: '生成草稿' }));
+  await user.click(await findCreationTypeButton('拼图'));
+  await user.click(
+    await screen.findByRole('button', { name: '生成草稿' }),
+  );

  await waitFor(() => {
    expect(getPuzzleAgentSession).toHaveBeenCalledWith(
@@ -5296,12 +5403,10 @@ test('embedded puzzle form routes through requireAuth while logged out', async (
  );

  await openCreateTemplateHub(user);
-  const generateButton = await screen.findByRole('button', {
-    name: /生成草稿/u,
-  });
+  await user.click(await findCreationTypeButton('拼图'));

-  await user.click(generateButton);
  expect(requireAuth).toHaveBeenCalledTimes(1);
+  expect(screen.queryByText('拼图工作区：missing-session')).toBeNull();
  expect(createCreativeAgentSession).not.toHaveBeenCalled();
  expect(streamCreativeAgentMessage).not.toHaveBeenCalled();
  expect(createRpgCreationSession).not.toHaveBeenCalled();
@@ -7120,7 +7225,9 @@ test('embedded puzzle form maps raw bearer token errors to user-facing auth copy
  render(<TestWrapper withAuth />);

  await openCreateTemplateHub(user);
-  const generateButton = screen.getByRole('button', { name: /生成草稿/u });
+  await user.click(await findCreationTypeButton('拼图'));
+  await screen.findByText(/拼图工作区：/u);
+  const generateButton = screen.getByRole('button', { name: '生成草稿' });

  expect((generateButton as HTMLButtonElement).disabled).toBe(false);
  await user.click(generateButton);
@@ -7157,8 +7264,10 @@ test('embedded puzzle form timeout exits busy state and shows a readable error',
  render(<TestWrapper withAuth />);

  await openCreateTemplateHub(user);
+  await user.click(await findCreationTypeButton('拼图'));
+  await screen.findByText(/拼图工作区：/u);

-  const button = screen.getByRole('button', { name: /生成草稿/u });
+  const button = screen.getByRole('button', { name: '生成草稿' });
  await user.click(button);

  await waitFor(() => {
@@ -7188,7 +7297,7 @@ test('match3d creation tab stays usable even when public galleries fail', async
  await openCreateTemplateHub(user);
  expect(screen.queryByText('读取作品广场失败')).toBeNull();
  expect(screen.queryByText('读取抓大鹅广场失败')).toBeNull();
-  expect(screen.getByRole('tab', { name: '抓大鹅' })).toBeTruthy();
+  expect(await findCreationTypeButton('抓大鹅')).toBeTruthy();
  expect(match3dCreationClient.createSession).not.toHaveBeenCalled();
 });

@@ -7236,7 +7345,7 @@ test('puzzle draft result back button returns to creation hub', async () => {
  expect(
    await screen.findByRole('tablist', { name: '玩法模板分类' }),
  ).toBeTruthy();
-  expect(await screen.findByText('拼图工作区：missing-session')).toBeTruthy();
+  expect(await findCreationTypeButton('拼图')).toBeTruthy();
  expect(
    screen.queryByText('雨夜里有一只会发光的猫站在遗迹台阶上。'),
  ).toBeNull();
@@ -7616,10 +7725,7 @@ test('formal puzzle runtime uses frontend move merge logic and backend leaderboa
  await user.click(within(dialog).getByRole('button', { name: '下一关' }));

  await waitFor(() => {
-    expect(advancePuzzleNextLevel).toHaveBeenCalledWith(
-      clearedFirstLevel.runId,
-      {},
-    );
+    expect(advancePuzzleNextLevel).toHaveBeenCalledWith(clearedFirstLevel.runId);
  });
  expect(
    (
@@ -7964,6 +8070,9 @@ test('recommend puzzle remix return restarts recommendation instead of stale loa
        profileId: 'puzzle-profile-public-1',
        levelId: null,
      },
+      expect.objectContaining({
+        authImpact: 'local',
+      }),
    );
  });
  expect(screen.queryByText('正在进入拼图关卡')).toBeNull();
@@ -8050,6 +8159,7 @@ test('missing puzzle public detail returns to platform home', async () => {
  );

  render(<TestWrapper />);
+  vi.mocked(startPuzzleRun).mockClear();
  await openDiscoverHub(user);

  const workCards = await screen.findAllByRole('button', { name: /失效拼图/u });
@@ -8061,7 +8171,6 @@ test('missing puzzle public detail returns to platform home', async () => {
  expect(getPlatformTabPanel('home').getAttribute('aria-hidden')).toBe('false');
  expect(screen.queryByText('详情')).toBeNull();
  expect(screen.queryByText('资源不存在')).toBeNull();
-  expect(startPuzzleRun).toHaveBeenCalledTimes(0);
 });

 test('direct missing public work detail alert returns to platform home', async () => {
@@ -8197,6 +8306,38 @@ test('public code search opens a published Match3D work by M3 code and starts ru
  expect(getRpgEntryWorldGalleryDetailByCode).not.toHaveBeenCalled();
 });

+test('public code search opens the local Match3D demo and starts local runtime', async () => {
+  const user = userEvent.setup();
+
+  vi.mocked(listMatch3DGallery).mockResolvedValue({ items: [] });
+
+  render(<TestWrapper withAuth />);
+  await openDiscoverHub(user);
+
+  const searchInput =
+    await screen.findByPlaceholderText('搜索作品号、名称、作者、描述');
+  await user.type(searchInput, 'M3-20260525');
+  await user.click(screen.getByRole('button', { name: '搜索' }));
+
+  expect(await screen.findByText('详情')).toBeTruthy();
+  expect(screen.getByText('海底糖果集市')).toBeTruthy();
+  await user.click(screen.getByRole('button', { name: '启动' }));
+
+  await waitFor(() => {
+    expect(match3dLocalRuntimeAdapterMock.startRun).toHaveBeenCalledWith(
+      'match3d-demo-20260525',
+      {},
+    );
+  });
+  expect(match3dServerRuntimeAdapterMock.startRun).not.toHaveBeenCalled();
+  expect(getMatch3DWorkDetail).not.toHaveBeenCalledWith(
+    'match3d-demo-20260525',
+  );
+  expect(
+    await screen.findByText('抓大鹅运行态：match3d-run-match3d-demo-20260525'),
+  ).toBeTruthy();
+});
+
 test('published Match3D runtime receives persisted generated models', async () => {
  const user = userEvent.setup();
  const match3dWork: Match3DWorkSummary = {
@@ -8320,9 +8461,12 @@ test('starting draft generation leaves the agent workspace and shows the generat
    );
  });

-  expect(await screen.findByText('世界草稿生成进度')).toBeTruthy();
+  expect(
+    await screen.findByRole('progressbar', {
+      name: '世界草稿生成进度',
+    }),
+  ).toBeTruthy();
  expect(screen.queryByText(/Agent工作区/u)).toBeNull();
-  expect(screen.getAllByText('生成世界底稿').length).toBeGreaterThan(0);
  expect(screen.getByText('当前世界信息')).toBeTruthy();
  expect(screen.queryByText('回到工作区')).toBeNull();
  expect(screen.getByText('世界承诺')).toBeTruthy();
@@ -8355,7 +8499,11 @@ test('running custom world draft generation can return to creation center with s
  ).toBeTruthy();
  await user.click(screen.getByRole('button', { name: '开始生成草稿' }));

-  expect(await screen.findByText('世界草稿生成进度')).toBeTruthy();
+  expect(
+    await screen.findByRole('progressbar', {
+      name: '世界草稿生成进度',
+    }),
+  ).toBeTruthy();
  await user.click(screen.getByRole('button', { name: '返回创作中心' }));

  expect(
@@ -8385,9 +8533,12 @@ test('refresh restores running draft generation progress instead of agent worksp

  render(<TestWrapper withAuth />);

-  expect(await screen.findByText('世界草稿生成进度')).toBeTruthy();
+  expect(
+    await screen.findByRole('progressbar', {
+      name: '世界草稿生成进度',
+    }),
+  ).toBeTruthy();
  expect(screen.queryByText(/Agent工作区/u)).toBeNull();
-  expect(screen.getAllByText('生成世界底稿').length).toBeGreaterThan(0);
 });

 test('failed draft work continues on generation progress view instead of agent workspace', async () => {
@@ -8436,7 +8587,11 @@ test('failed draft work continues on generation progress view instead of agent w
  expect(await screen.findByText('失败中的潮雾列岛')).toBeTruthy();
  await user.click(await screen.findByRole('button', { name: /继续创作/u }));

-  expect(await screen.findByText('世界草稿生成进度')).toBeTruthy();
+  expect(
+    await screen.findByRole('progressbar', {
+      name: '世界草稿生成进度',
+    }),
+  ).toBeTruthy();
  expect(screen.queryByText(/Agent工作区/u)).toBeNull();
 });

@@ -9807,7 +9962,7 @@ test('save tab can resume a selected archive directly into the game', async () =
  });
 });

-test('profile page exposes save archive picker as a direct entry', async () => {
+test('profile page keeps save archives inside played stats panel', async () => {
  const user = userEvent.setup();
  const handleContinueGame = vi.fn();

@@ -9849,20 +10004,11 @@ test('profile page exposes save archive picker as a direct entry', async () => {

  render(<TestWrapper withAuth onContinueGame={handleContinueGame} />);

-  await clickFirstButtonByName(user, '我的');
-  const shortcutRegion = await screen.findByRole('region', {
-    name: '常用功能',
-  });
-  await user.click(
-    within(shortcutRegion).getByRole('button', { name: /存档/u }),
-  );
+  await openProfilePlayedWorks(user);

-  const closeButton = await screen.findByLabelText('关闭存档');
-  const modal = closeButton.closest('.fixed') as HTMLElement;
-  expect(modal).toBeTruthy();
-  expect(within(modal).getByText('SAVES')).toBeTruthy();
-
-  await user.click(within(modal).getByRole('button', { name: /潮雾列岛/u }));
+  expect(screen.queryByLabelText('关闭存档')).toBeNull();
+  expect(screen.queryByText('SAVES')).toBeNull();
+  await clickFirstAsyncButtonByName(user, /潮雾列岛/u);

  await waitFor(() => {
    expect(resumeProfileSaveArchive).toHaveBeenCalledWith('custom:world-1');
--- a/src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx
+++ b/src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx
@@ -1039,6 +1039,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(
@@ -1836,10 +1845,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', () => {
@@ -1886,21 +1953,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(
@@ -1918,6 +1999,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');
@@ -1957,18 +2039,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();
@@ -1986,6 +2061,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';
@@ -2199,7 +2314,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();
@@ -2225,18 +2340,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(
--- a/src/components/rpg-entry/RpgEntryHomeView.tsx
+++ b/src/components/rpg-entry/RpgEntryHomeView.tsx
@@ -1,6 +1,5 @@
 import {
  AlertCircle,
-  Archive,
  ArrowRight,
  BookOpen,
  Camera,
@@ -79,6 +78,7 @@ import type {
  WechatMiniProgramPayParams,
  WechatNativePayment,
 } from '../../../packages/shared/src/contracts/runtime';
+import { isMatch3DDemoProfileId } from '../../data/match3dDemoGalleryCard';
 import type { HydratedSavedGameSnapshot } from '../../persistence/runtimeSnapshotTypes';
 import { buildPublicWorkDetailUrl } from '../../routing/appPageRoutes';
 import type { AuthUser } from '../../services/authService';
@@ -123,6 +123,7 @@ import {
  SquareImageCropModal,
  type SquareImageCropRect,
 } from '../common/SquareImageCropModal';
+import { CustomWorldCoverArtwork } from '../CustomWorldCoverArtwork';
 import {
  canExposePublicWork,
  EDUTAINMENT_WORK_TAG,
@@ -132,7 +133,6 @@ import {
  isEdutainmentEntryEnabled,
 } from '../platform-entry/platformEdutainmentVisibility';
 import { getInitialPlatformDesktopLayout } from '../platform-entry/platformEntryResponsive';
-import { CustomWorldCoverArtwork } from '../CustomWorldCoverArtwork';
 import { ResolvedAssetImage } from '../ResolvedAssetImage';
 import { RpgEntryBrandLogo } from './RpgEntryBrandLogo';
 import {
@@ -227,6 +227,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 =
@@ -254,9 +256,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 = {
@@ -270,6 +299,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;
@@ -717,69 +753,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,
@@ -3244,7 +3217,7 @@ function ProfileTaskCenterModal({
  onRetry: () => void;
  onClaim: (taskId: string) => void;
 }) {
-  const tasks = center?.tasks ?? [];
+  const tasks = selectProfileTaskCenterTasks(center?.tasks ?? []);
  const walletBalance = center?.walletBalance ?? fallbackBalance;

  return (
@@ -3420,6 +3393,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,
@@ -3898,6 +4025,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] =
@@ -3935,6 +4065,7 @@ export function RpgEntryHomeView({
  const [mobileCenteredCardKey, setMobileCenteredCardKey] = useState<
    string | null
  >(null);
+  const hasManualCategoryTagSelectionRef = useRef(false);
  const pendingPublicAuthorKeysRef = useRef<Set<string>>(new Set());
  const [publicAuthorSummariesByKey, setPublicAuthorSummariesByKey] = useState<
    Record<string, PublicUserSummary | null>
@@ -4159,16 +4290,33 @@ export function RpgEntryHomeView({
  useEffect(() => {
    if (categoryGroups.length === 0) {
      setSelectedCategoryTag(null);
+      hasManualCategoryTagSelectionRef.current = false;
      return;
    }

-    const firstCategoryGroup = categoryGroups[0];
+    const firstCategoryGroup =
+      categoryGroups.find((group) =>
+        group.entries.some((entry) => !isMatch3DDemoProfileId(entry.profileId)),
+      ) ?? categoryGroups[0];
+    const selectedCategoryGroup =
+      categoryGroups.find((group) => group.tag === selectedCategoryTag) ?? null;
    if (
      firstCategoryGroup &&
-      !categoryGroups.some((group) => group.tag === selectedCategoryTag)
+      (!selectedCategoryGroup ||
+        (!hasManualCategoryTagSelectionRef.current &&
+          selectedCategoryGroup.entries.every((entry) =>
+            isMatch3DDemoProfileId(entry.profileId),
+          ) &&
+          firstCategoryGroup.tag !== selectedCategoryGroup.tag))
    ) {
      setSelectedCategoryTag(firstCategoryGroup.tag);
    }
+    if (
+      selectedCategoryTag &&
+      !categoryGroups.some((group) => group.tag === selectedCategoryTag)
+    ) {
+      hasManualCategoryTagSelectionRef.current = false;
+    }
  }, [categoryGroups, selectedCategoryTag]);

  useEffect(() => {
@@ -4665,6 +4813,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);
@@ -5232,23 +5390,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) {
@@ -5495,7 +5636,10 @@ export function RpgEntryHomeView({
                          <button
                            key={group.tag}
                            type="button"
-                            onClick={() => setSelectedCategoryTag(group.tag)}
+                            onClick={() => {
+                              hasManualCategoryTagSelectionRef.current = true;
+                              setSelectedCategoryTag(group.tag);
+                            }}
                            className={`platform-category-chip ${active ? 'platform-category-chip--active' : ''}`}
                          >
                            {group.tag}
@@ -5693,7 +5837,10 @@ export function RpgEntryHomeView({
                      <button
                        key={`${group.tag}:desktop-discover-category`}
                        type="button"
-                        onClick={() => setSelectedCategoryTag(group.tag)}
+                        onClick={() => {
+                          hasManualCategoryTagSelectionRef.current = true;
+                          setSelectedCategoryTag(group.tag);
+                        }}
                        className={`platform-category-chip shrink-0 ${active ? 'platform-category-chip--active' : ''}`}
                      >
                        {group.tag}
@@ -5892,28 +6039,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=""
@@ -6166,36 +6295,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} />
        </>
@@ -6506,7 +6620,10 @@ export function RpgEntryHomeView({
                        <button
                          key={`${group.tag}:desktop-category`}
                          type="button"
-                          onClick={() => setSelectedCategoryTag(group.tag)}
+                          onClick={() => {
+                            hasManualCategoryTagSelectionRef.current = true;
+                            setSelectedCategoryTag(group.tag);
+                          }}
                          className={`platform-category-chip shrink-0 ${active ? 'platform-category-chip--active' : ''}`}
                        >
                          {group.tag}
@@ -6660,6 +6777,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';
@@ -6671,7 +6804,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}
@@ -6758,6 +6910,7 @@ export function RpgEntryHomeView({
        {rewardCodeModal}
        {rechargeModal}
        {rechargePaymentResultModal}
+        {qrScannerModal}
        {categoryFilterDialog}
        {isTaskCenterOpen ? (
          <ProfileTaskCenterModal
--- a/src/components/rpg-entry/rpgEntryWorldPresentation.test.ts
+++ b/src/components/rpg-entry/rpgEntryWorldPresentation.test.ts
@@ -10,6 +10,7 @@ import {
  formatPlatformWorldTime,
  isBarkBattleGalleryEntry,
  isEdutainmentGalleryEntry,
+  isMatch3DGalleryEntry,
  isVisualNovelGalleryEntry,
  isWoodenFishGalleryEntry,
  mapBabyObjectMatchDraftToPlatformGalleryCard,
@@ -21,6 +22,7 @@ import {
  resolvePlatformPublicWorkCode,
  resolvePlatformWorldFallbackCoverImage,
 } from './rpgEntryWorldPresentation';
+import { buildMatch3DDemoGalleryCard } from '../../data/match3dDemoGalleryCard';

 test('formatPlatformWorldTime formats backend seconds timestamp text as date', () => {
  expect(formatPlatformWorldTime('1777110165.990127Z')).toBe('2026-04-25');
@@ -78,6 +80,24 @@ test('platform public cards use play type reference images as cover fallback', (
  );
 });

+test('builds local Match3D demo gallery card with generated runtime assets intact', () => {
+  const card = buildMatch3DDemoGalleryCard();
+
+  expect(isMatch3DGalleryEntry(card)).toBe(true);
+  expect(card.publicWorkCode).toBe('M3-20260525');
+  expect(resolvePlatformPublicWorkCode(card)).toBe('M3-20260525');
+  expect(card.coverImageSrc).toBe(
+    '/match3d-demo/undersea-candy-market/level-scene.png',
+  );
+  expect(card.generatedBackgroundAsset?.uiSpritesheetImageSrc).toBe(
+    '/match3d-demo/undersea-candy-market/ui-spritesheet.png',
+  );
+  expect(card.generatedBackgroundAsset?.containerImageSrc).toBeNull();
+  expect(card.generatedItemAssets?.[0]?.imageViews?.[0]?.imageSrc).toBe(
+    '/match3d-demo/undersea-candy-market/item-slices/item-01/view-01.png',
+  );
+});
+
 test('buildPuzzleWorkCoverSlides prefers each level formal image', () => {
  const slides = buildPuzzleWorkCoverSlides({
    workId: 'work-1',
--- a/src/data/match3dDemoGalleryCard.ts
+++ b/src/data/match3dDemoGalleryCard.ts
@@ -0,0 +1,141 @@
+import type {
+  Match3DGeneratedBackgroundAsset,
+  Match3DGeneratedItemAsset,
+  Match3DWorkProfile,
+} from '../../packages/shared/src/contracts/match3dWorks';
+import { buildMatch3DPublicWorkCode } from '../services/publicWorkCode';
+import type { PlatformMatch3DGalleryCard } from '../components/rpg-entry/rpgEntryWorldPresentation';
+
+export const MATCH3D_DEMO_PROFILE_ID = 'match3d-demo-20260525';
+export const MATCH3D_DEMO_WORK_ID = 'match3d-demo-undersea-candy-market';
+export const MATCH3D_DEMO_PUBLIC_WORK_CODE =
+  buildMatch3DPublicWorkCode(MATCH3D_DEMO_PROFILE_ID);
+
+const MATCH3D_DEMO_ASSET_BASE = '/match3d-demo/undersea-candy-market';
+const MATCH3D_DEMO_PUBLISHED_AT = '2026-05-25T12:04:17.000+08:00';
+const MATCH3D_DEMO_ITEM_NAMES = [
+  '海星糖',
+  '贝壳糖',
+  '珊瑚软糖',
+  '珍珠泡泡糖',
+  '海马棒棒糖',
+  '鱼尾果冻',
+  '水母棉花糖',
+  '螺旋饼干',
+  '海螺巧克力',
+  '贝珠马卡龙',
+  '珊瑚杯糕',
+  '星砂软糖',
+  '小鱼糖块',
+  '海草曲奇',
+  '泡泡杯',
+  '蓝莓珊瑚糖',
+  '迷你糖罐',
+  '珍珠饼',
+  '海浪甜甜圈',
+  '贝壳蛋糕',
+] as const;
+
+export const MATCH3D_DEMO_BACKGROUND_ASSET: Match3DGeneratedBackgroundAsset = {
+  prompt: '海底糖果集市抓大鹅关卡背景',
+  levelScenePrompt: '海底糖果集市完整关卡画面',
+  levelSceneImageSrc: `${MATCH3D_DEMO_ASSET_BASE}/level-scene.png`,
+  imageSrc: `${MATCH3D_DEMO_ASSET_BASE}/background.png`,
+  uiSpritesheetPrompt: '海底糖果集市 UI 透明 spritesheet',
+  uiSpritesheetImageSrc: `${MATCH3D_DEMO_ASSET_BASE}/ui-spritesheet.png`,
+  itemSpritesheetPrompt: '海底糖果集市物品 10x10 透明 spritesheet',
+  itemSpritesheetImageSrc: `${MATCH3D_DEMO_ASSET_BASE}/item-spritesheet.png`,
+  containerImageSrc: null,
+  status: 'image_ready',
+};
+
+export function buildMatch3DDemoGeneratedItemAssets() {
+  return MATCH3D_DEMO_ITEM_NAMES.map<Match3DGeneratedItemAsset>(
+    (itemName, itemIndex) => {
+      const itemNumber = itemIndex + 1;
+      const paddedItemNumber = String(itemNumber).padStart(2, '0');
+      return {
+        itemId: `match3d-item-${itemNumber}`,
+        itemName,
+        itemSize:
+          itemIndex < 4 ? '大' : itemIndex < 14 ? '中' : '小',
+        imageViews: Array.from({ length: 5 }, (_, viewIndex) => {
+          const viewNumber = viewIndex + 1;
+          return {
+            viewId: `view-${String(viewNumber).padStart(2, '0')}`,
+            viewIndex: viewNumber,
+            imageSrc: `${MATCH3D_DEMO_ASSET_BASE}/item-slices/item-${paddedItemNumber}/view-${String(viewNumber).padStart(2, '0')}.png`,
+          };
+        }),
+        backgroundAsset:
+          itemIndex === 0 ? MATCH3D_DEMO_BACKGROUND_ASSET : null,
+        status: 'image_ready',
+      };
+    },
+  );
+}
+
+export function buildMatch3DDemoWorkProfile(): Match3DWorkProfile {
+  return {
+    workId: MATCH3D_DEMO_WORK_ID,
+    profileId: MATCH3D_DEMO_PROFILE_ID,
+    ownerUserId: 'official-match3d-demo',
+    sourceSessionId: 'match3d-demo-session-20260525',
+    gameName: '海底糖果集市',
+    themeText: '海底糖果集市',
+    summary: '在海底糖果集市里把同款甜点抓成三消。',
+    tags: ['抓大鹅', '海底糖果', '官方示例'],
+    coverImageSrc: `${MATCH3D_DEMO_ASSET_BASE}/level-scene.png`,
+    referenceImageSrc: null,
+    clearCount: 21,
+    difficulty: 8,
+    publicationStatus: 'published',
+    playCount: 0,
+    updatedAt: MATCH3D_DEMO_PUBLISHED_AT,
+    publishedAt: MATCH3D_DEMO_PUBLISHED_AT,
+    publishReady: true,
+    generationStatus: 'ready',
+    backgroundPrompt: MATCH3D_DEMO_BACKGROUND_ASSET.prompt,
+    backgroundImageSrc: MATCH3D_DEMO_BACKGROUND_ASSET.imageSrc,
+    backgroundImageObjectKey: null,
+    generatedBackgroundAsset: MATCH3D_DEMO_BACKGROUND_ASSET,
+    generatedItemAssets: buildMatch3DDemoGeneratedItemAssets(),
+  };
+}
+
+export function buildMatch3DDemoGalleryCard(): PlatformMatch3DGalleryCard {
+  const profile = buildMatch3DDemoWorkProfile();
+  return {
+    sourceType: 'match3d',
+    workId: profile.workId,
+    profileId: profile.profileId,
+    sourceSessionId: profile.sourceSessionId,
+    publicWorkCode: MATCH3D_DEMO_PUBLIC_WORK_CODE,
+    ownerUserId: profile.ownerUserId,
+    authorDisplayName: '官方示例',
+    worldName: profile.gameName,
+    subtitle: '抓大鹅 · 资源管线示例',
+    summaryText: profile.summary,
+    coverImageSrc: profile.coverImageSrc ?? null,
+    themeTags: profile.tags,
+    playCount: profile.playCount,
+    remixCount: 0,
+    likeCount: 0,
+    recentPlayCount7d: 0,
+    visibility: 'published',
+    publishedAt: profile.publishedAt ?? null,
+    updatedAt: profile.updatedAt,
+    backgroundPrompt: profile.backgroundPrompt ?? null,
+    backgroundImageSrc: profile.backgroundImageSrc ?? null,
+    backgroundImageObjectKey: profile.backgroundImageObjectKey ?? null,
+    generatedBackgroundAsset: profile.generatedBackgroundAsset ?? null,
+    generatedItemAssets: profile.generatedItemAssets ?? [],
+  };
+}
+
+export const MATCH3D_DEMO_WORK_PROFILE = buildMatch3DDemoWorkProfile();
+export const MATCH3D_DEMO_GALLERY_CARD = buildMatch3DDemoGalleryCard();
+
+export function isMatch3DDemoProfileId(profileId: string | null | undefined) {
+  return profileId?.trim() === MATCH3D_DEMO_PROFILE_ID;
+}
--- 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 {
--- a/src/services/match3d-runtime/match3dLocalRuntime.ts
+++ b/src/services/match3d-runtime/match3dLocalRuntime.ts
@@ -447,7 +447,10 @@ function settleMatchedTrayItems(
  };
 }

-export function startLocalMatch3DRun(clearCount = 12): Match3DRunSnapshot {
+export function startLocalMatch3DRun(
+  clearCount = 12,
+  profileId = 'local-match3d-profile',
+): Match3DRunSnapshot {
  const normalizedClearCount =
    normalizeLocalMatch3DRuntimeClearCount(clearCount);
  const selectedSeeds = selectVisualSeeds(normalizedClearCount);
@@ -467,7 +470,7 @@ export function startLocalMatch3DRun(clearCount = 12): Match3DRunSnapshot {
  const nowMs = Date.now();
  return {
    runId: `local-match3d-run-${nowMs}`,
-    profileId: 'local-match3d-profile',
+    profileId,
    status: 'Running',
    snapshotVersion: 1,
    startedAtMs: nowMs,
--- a/src/services/match3d-runtime/match3dRuntimeAdapter.test.ts
+++ b/src/services/match3d-runtime/match3dRuntimeAdapter.test.ts
@@ -95,7 +95,7 @@ test('local Match3D runtime adapter exposes the same runtime seam as the server
  const started = await adapter.startRun('ignored-local-profile');
  const clickableItem = started.run.items.find((item) => item.clickable);

-  expect(started.run.profileId).toBe('local-match3d-profile');
+  expect(started.run.profileId).toBe('ignored-local-profile');
  expect(clickableItem).toBeTruthy();

  const clickResult = await adapter.clickItem(started.run.runId, {
@@ -117,6 +117,15 @@ test('local Match3D runtime adapter exposes the same runtime seam as the server
  expect(stopped.run.status).toBe('Stopped');
 });

+test('local Match3D runtime adapter keeps the requested profile id on restart', async () => {
+  const adapter = createLocalMatch3DRuntimeAdapter({ clearCount: 1 });
+  const started = await adapter.startRun('match3d-demo-20260525');
+  const restarted = await adapter.restartRun(started.run.runId);
+
+  expect(started.run.profileId).toBe('match3d-demo-20260525');
+  expect(restarted.run.profileId).toBe('match3d-demo-20260525');
+});
+
 test('local Match3D runtime adapter keeps authority run local to the adapter', async () => {
  const adapter = createLocalMatch3DRuntimeAdapter({ initialRun: startLocalMatch3DRun(1) });
  const first = await adapter.getRun('unused-run-id');
--- a/src/services/match3d-runtime/match3dRuntimeAdapter.ts
+++ b/src/services/match3d-runtime/match3dRuntimeAdapter.ts
@@ -36,6 +36,7 @@ export type Match3DRuntimeAdapter = {

 export type LocalMatch3DRuntimeAdapterOptions = {
  clearCount?: number;
+  profileId?: string;
  initialRun?: Match3DRunResponse['run'];
 };

@@ -74,11 +75,16 @@ export function createServerMatch3DRuntimeAdapter(
 export function createLocalMatch3DRuntimeAdapter(
  options: LocalMatch3DRuntimeAdapterOptions = {},
 ): Match3DRuntimeAdapter {
-  let authorityRun = options.initialRun ?? startLocalMatch3DRun(options.clearCount);
+  let authorityRun =
+    options.initialRun ??
+    startLocalMatch3DRun(options.clearCount, options.profileId);

  return {
-    async startRun() {
-      authorityRun = startLocalMatch3DRun(options.clearCount);
+    async startRun(profileId) {
+      authorityRun = startLocalMatch3DRun(
+        options.clearCount,
+        profileId || options.profileId,
+      );
      return { run: authorityRun };
    },
    async getRun() {
@@ -91,7 +97,10 @@ export function createLocalMatch3DRuntimeAdapter(
      return result;
    },
    async restartRun() {
-      authorityRun = startLocalMatch3DRun(options.clearCount);
+      authorityRun = startLocalMatch3DRun(
+        options.clearCount,
+        authorityRun.profileId || options.profileId,
+      );
      return { run: authorityRun };
    },
    async stopRun() {
--- a/src/services/match3dSpritesheetParser.test.ts
+++ b/src/services/match3dSpritesheetParser.test.ts
@@ -36,6 +36,42 @@ describe('match3dSpritesheetParser', () => {
    ]);
  });

+  test('同一行图标高度错位时仍按行内横向顺序映射标签', () => {
+    const width = 36;
+    const height = 24;
+    const alpha = new Uint8ClampedArray(width * height);
+    const paint = (x0: number, y0: number, x1: number, y1: number) => {
+      for (let y = y0; y <= y1; y += 1) {
+        for (let x = x0; x <= x1; x += 1) {
+          alpha[y * width + x] = 255;
+        }
+      }
+    };
+
+    paint(2, 1, 5, 4);
+    paint(12, 1, 15, 4);
+    paint(22, 1, 25, 4);
+    paint(2, 15, 5, 20);
+    paint(12, 13, 15, 18);
+    paint(22, 10, 25, 15);
+
+    const regions = detectMatch3DSpritesheetRegions({
+      alpha,
+      width,
+      height,
+      labels: ['返回', '设置', '方格', '移出', '凑齐', '打乱'],
+    });
+
+    expect(regions.map((region) => `${region.label}:${region.x}`)).toEqual([
+      '返回:2',
+      '设置:12',
+      '方格:22',
+      '移出:2',
+      '凑齐:12',
+      '打乱:22',
+    ]);
+  });
+
  test('忽略小噪点，只返回可用矩形素材', () => {
    const width = 8;
    const height = 8;
--- a/src/services/match3dSpritesheetParser.ts
+++ b/src/services/match3dSpritesheetParser.ts
@@ -79,8 +79,7 @@ export function detectMatch3DSpritesheetRegions({
    }
  }

-  return components
-    .sort((left, right) => left.y - right.y || left.x - right.x)
+  return sortMatch3DSpritesheetComponentsByRows(components)
    .map((component, index) => ({
      label: labels[index] ?? `素材${index + 1}`,
      x: component.x,
@@ -90,6 +89,67 @@ export function detectMatch3DSpritesheetRegions({
    }));
 }

+function sortMatch3DSpritesheetComponentsByRows(
+  components: Match3DDetectedComponent[],
+) {
+  const rows: Array<{
+    top: number;
+    bottom: number;
+    components: Match3DDetectedComponent[];
+  }> = [];
+
+  [...components]
+    .sort(
+      (left, right) =>
+        resolveMatch3DSpritesheetComponentCenterY(left) -
+          resolveMatch3DSpritesheetComponentCenterY(right) ||
+        left.x - right.x,
+    )
+    .forEach((component) => {
+      const row = rows.find((entry) =>
+        isMatch3DSpritesheetComponentInRow(component, entry),
+      );
+      if (!row) {
+        rows.push({
+          top: component.y,
+          bottom: component.y + component.height - 1,
+          components: [component],
+        });
+        return;
+      }
+
+      row.top = Math.min(row.top, component.y);
+      row.bottom = Math.max(row.bottom, component.y + component.height - 1);
+      row.components.push(component);
+    });
+
+  return rows
+    .sort((left, right) => left.top - right.top)
+    .flatMap((row) =>
+      row.components.sort((left, right) => left.x - right.x || left.y - right.y),
+    );
+}
+
+function resolveMatch3DSpritesheetComponentCenterY(
+  component: Match3DDetectedComponent,
+) {
+  return component.y + component.height / 2;
+}
+
+function isMatch3DSpritesheetComponentInRow(
+  component: Match3DDetectedComponent,
+  row: { top: number; bottom: number },
+) {
+  const bottom = component.y + component.height - 1;
+  if (component.y <= row.bottom && bottom >= row.top) {
+    return true;
+  }
+
+  const gap =
+    component.y > row.bottom ? component.y - row.bottom : row.top - bottom;
+  return gap <= Math.max(2, component.height * 0.25);
+}
+
 export function buildMatch3DItemSpritesheetViewRegions<
  Region extends Match3DSpritesheetRegion,
 >(