收口前端平台组件能力

新增 PlatformAsyncStatePanel 统一 profile 异步状态骨架
扩展 PlatformSegmentedTabs 支持滚动 tab 并接入创作入口与发现页
统一 PixelCloseButton 复用 PlatformModalCloseButton 像素关闭能力
抽取平台入口泥点前置提示弹层并收紧阻断语义
补充组件收口文档与共享决策记录

src/components/platform-entry/PlatformProfilePlayedWorksModal.tsx

@@ -5,6 +5,7 @@ import type {
   ProfilePlayStatsResponse,
   ProfileSaveArchiveSummary,
 } from '../../../packages/shared/src/contracts/runtime';
+import { PlatformAsyncStatePanel } from '../common/PlatformAsyncStatePanel';
 import { PlatformEmptyState } from '../common/PlatformEmptyState';
 import { PlatformFieldLabel } from '../common/PlatformFieldLabel';
 import { PlatformPillBadge } from '../common/PlatformPillBadge';
@@ -167,13 +168,30 @@ export function PlatformProfilePlayedWorksModal({
         </PlatformStatusMessage>
       ) : null}
 
-      {isLoading ? (
-        <div className="mt-5 space-y-3">
-          {Array.from({ length: 4 }).map((_, index) => (
-            <div key={index} className="h-20 animate-pulse rounded-xl bg-zinc-100" />
-          ))}
-        </div>
-      ) : hasArchiveEntries || hasPlayedWorks ? (
+      <PlatformAsyncStatePanel
+        isLoading={isLoading}
+        loadingState={
+          <div className="mt-5 space-y-3">
+            {Array.from({ length: 4 }).map((_, index) => (
+              <div
+                key={index}
+                className="h-20 animate-pulse rounded-xl bg-zinc-100"
+              />
+            ))}
+          </div>
+        }
+        isEmpty={!hasArchiveEntries && !hasPlayedWorks}
+        emptyState={
+          <PlatformEmptyState
+            surface="subpanel"
+            size="inline"
+            tone="base"
+            className="mt-5 text-left"
+          >
+            暂无玩过
+          </PlatformEmptyState>
+        }
+      >
         <div className="mt-5 space-y-5">
           {hasArchiveEntries ? (
             <section>
@@ -245,16 +263,7 @@ export function PlatformProfilePlayedWorksModal({
             </section>
           ) : null}
         </div>
-      ) : (
-        <PlatformEmptyState
-          surface="subpanel"
-          size="inline"
-          tone="base"
-          className="mt-5 text-left"
-        >
-          暂无玩过
-        </PlatformEmptyState>
-      )}
+      </PlatformAsyncStatePanel>
     </PlatformProfileSecondaryModalShell>
   );
 }