继续收口账号与运行态弹窗壳层

账号设置弹窗复用认证壳层并保留 direct mode 唯一 dialog 语义

拼图运行态新增本地弹窗壳层收口确认设置退出失败和通关结算

抓大鹅与跳一跳结算弹窗提取本地结算结构并补测试

拼图 onboarding 登录保存覆盖层迁入 UnifiedModal

更新 PlatformUiKit 收口文档和 Hermes 决策记录

src/components/platform-entry/PlatformEntryFlowShellImpl/PuzzleOnboardingView.test.tsx

@@ -1,6 +1,12 @@
 /* @vitest-environment jsdom */
 
-import { cleanup, fireEvent, render, screen } from '@testing-library/react';
+import {
+  cleanup,
+  fireEvent,
+  render,
+  screen,
+  within,
+} from '@testing-library/react';
 import { expect, test, vi } from 'vitest';
 
 import {
@@ -57,6 +63,7 @@ test('PuzzleOnboardingView uses shared dark textarea and error status chrome', (
   expect(screen.getByText('拼图生成失败').className).toContain(
     'border-rose-300/15',
   );
+  expect(screen.queryByRole('dialog')).toBeNull();
 });
 
 test('PuzzleOnboardingView preserves submit, skip, and disabled phase behavior', () => {
@@ -120,6 +127,15 @@ test('PuzzleOnboardingLoginOverlay uses shared error status and keeps login acti
     />,
   );
 
+  const dialog = screen.getByRole('dialog', { name: '登录后保存你的拼图' });
+
+  expect(dialog.className).toContain('platform-modal-shell');
+  expect(dialog.className).toContain('!max-w-[24rem]');
+  expect(dialog.parentElement?.className).toContain('z-[110]');
+  expect(
+    within(dialog).queryByRole('button', { name: '关闭' }),
+  ).toBeNull();
+
   fireEvent.click(screen.getByRole('button', { name: '注册账号 / 登录' }));
 
   expect(onLogin).toHaveBeenCalledTimes(1);

src/components/platform-entry/PlatformEntryFlowShellImpl/PuzzleOnboardingView.tsx

@@ -3,6 +3,7 @@ import { Loader2, Sparkles } from 'lucide-react';
 import { PlatformActionButton } from '../../common/PlatformActionButton';
 import { PlatformStatusMessage } from '../../common/PlatformStatusMessage';
 import { PlatformTextField } from '../../common/PlatformTextField';
+import { UnifiedModal } from '../../common/UnifiedModal';
 
 export type PuzzleOnboardingPhase = 'input' | 'generating' | 'generated';
 
@@ -122,45 +123,57 @@ export function PuzzleOnboardingLoginOverlay({
   onLogin,
 }: PuzzleOnboardingLoginOverlayProps) {
   return (
-    <div className="fixed inset-0 z-[110] flex items-center justify-center bg-slate-950/72 px-4 py-6 text-white backdrop-blur-md">
-      <section className="flex w-full max-w-[24rem] flex-col items-center gap-5 rounded-[1.35rem] border border-white/14 bg-slate-950/94 px-5 py-6 text-center shadow-[0_28px_90px_rgba(0,0,0,0.5)]">
-        <div className="grid h-12 w-12 place-items-center rounded-[1rem] bg-amber-200 text-slate-950">
-          {isSaving ? (
-            <Loader2 className="h-5 w-5 animate-spin" />
-          ) : (
-            <Sparkles className="h-5 w-5" />
-          )}
-        </div>
-        <h2 className="text-2xl font-black leading-tight">{copy}</h2>
-        <PlatformActionButton
-          type="button"
+    <UnifiedModal
+      open
+      title={copy}
+      onClose={() => undefined}
+      portal={false}
+      showHeader={false}
+      showCloseButton={false}
+      closeOnBackdrop={false}
+      closeOnEscape={false}
+      size="sm"
+      zIndexClassName="z-[110]"
+      overlayClassName="!items-center bg-slate-950/72 !px-4 !py-6 text-white backdrop-blur-md"
+      panelClassName="!max-w-[24rem] !rounded-[1.35rem] border border-white/14 bg-slate-950/94 text-white shadow-[0_28px_90px_rgba(0,0,0,0.5)]"
+      bodyClassName="flex flex-col items-center gap-5 !px-5 !py-6 text-center"
+    >
+      <div className="grid h-12 w-12 place-items-center rounded-[1rem] bg-amber-200 text-slate-950">
+        {isSaving ? (
+          <Loader2 className="h-5 w-5 animate-spin" />
+        ) : (
+          <Sparkles className="h-5 w-5" />
+        )}
+      </div>
+      <h2 className="text-2xl font-black leading-tight">{copy}</h2>
+      <PlatformActionButton
+        type="button"
+        surface="editorDark"
+        tone="accent"
+        size="lg"
+        fullWidth
+        disabled={isSaving}
+        onClick={onLogin}
+      >
+        {isSaving ? (
+          <>
+            <Loader2 className="h-4 w-4 animate-spin" />
+            注册账号 / 登录
+          </>
+        ) : (
+          '注册账号 / 登录'
+        )}
+      </PlatformActionButton>
+      {error ? (
+        <PlatformStatusMessage
+          tone="error"
           surface="editorDark"
-          tone="accent"
-          size="lg"
-          fullWidth
-          disabled={isSaving}
-          onClick={onLogin}
+          size="md"
+          className="w-full font-semibold"
         >
-          {isSaving ? (
-            <>
-              <Loader2 className="h-4 w-4 animate-spin" />
-              注册账号 / 登录
-            </>
-          ) : (
-            '注册账号 / 登录'
-          )}
-        </PlatformActionButton>
-        {error ? (
-          <PlatformStatusMessage
-            tone="error"
-            surface="editorDark"
-            size="md"
-            className="w-full font-semibold"
-          >
-            {error}
-          </PlatformStatusMessage>
-        ) : null}
-      </section>
-    </div>
+          {error}
+        </PlatformStatusMessage>
+      ) : null}
+    </UnifiedModal>
   );
 }