继续沉淀工具信息弹窗与个人中心内容骨架

新增PlatformUtilityInfoModal统一工具信息弹窗白底骨架
收口profile副弹层的摘要头列表骨架与内容行
同步更新PlatformUiKit收口计划与共享决策记录

src/components/platform-entry/PlatformProfilePlayedWorksModal.tsx

@@ -8,9 +8,11 @@ import type {
 import { PlatformAsyncStatePanel } from '../common/PlatformAsyncStatePanel';
 import { PlatformEmptyState } from '../common/PlatformEmptyState';
 import { PlatformFieldLabel } from '../common/PlatformFieldLabel';
+import { PlatformProfileContentRow } from '../common/PlatformProfileContentRow';
+import { PlatformProfileSkeletonList } from '../common/PlatformProfileSkeletonList';
+import { PlatformProfileSummaryHeader } from '../common/PlatformProfileSummaryHeader';
 import { PlatformPillBadge } from '../common/PlatformPillBadge';
 import { PlatformStatusMessage } from '../common/PlatformStatusMessage';
-import { PlatformSubpanel } from '../common/PlatformSubpanel';
 import { ResolvedAssetImage } from '../ResolvedAssetImage';
 import { PlatformProfileSecondaryModalShell } from './PlatformProfileModalShell';
 import {
@@ -143,19 +145,19 @@ export function PlatformProfilePlayedWorksModal({
       panelClassName="relative !max-h-[min(92vh,42rem)] !max-w-[38rem] bg-white text-zinc-950 shadow-2xl !rounded-[1.35rem] sm:!rounded-[1.35rem]"
       contentClassName="relative max-h-[min(92vh,42rem)] overflow-y-auto px-4 pb-5 pt-4 sm:px-5"
     >
-      <div className="pr-10">
-        <div className="text-[10px] font-black tracking-[0.22em] text-[#ff4056]">
-          PLAYED
-        </div>
-        <div className="mt-1 text-2xl font-black">玩过</div>
-        <PlatformPillBadge
-          tone="profile"
-          icon={<Clock3 className="h-3.5 w-3.5 text-[#ff4056]" />}
-          className="mt-2"
-        >
-          {formatTotalPlayTimeHours(stats?.totalPlayTimeMs ?? 0)}
-        </PlatformPillBadge>
-      </div>
+      <PlatformProfileSummaryHeader
+        kicker="PLAYED"
+        title="玩过"
+        badge={
+          <PlatformPillBadge
+            tone="profile"
+            icon={<Clock3 className="h-3.5 w-3.5 text-[#ff4056]" />}
+          >
+            {formatTotalPlayTimeHours(stats?.totalPlayTimeMs ?? 0)}
+          </PlatformPillBadge>
+        }
+        badgeClassName="mt-2"
+      />
 
       {error ? (
         <PlatformStatusMessage tone="error" className="mt-4">
@@ -171,14 +173,11 @@ export function PlatformProfilePlayedWorksModal({
       <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>
+          <PlatformProfileSkeletonList
+            count={4}
+            containerClassName="mt-5 space-y-3"
+            itemClassName="h-20"
+          />
         }
         isEmpty={!hasArchiveEntries && !hasPlayedWorks}
         emptyState={
@@ -218,9 +217,8 @@ export function PlatformProfilePlayedWorksModal({
               </PlatformFieldLabel>
               <div className="space-y-3">
                 {playedWorks.map((work) => (
-                  <PlatformSubpanel
+                  <PlatformProfileContentRow
                     as="button"
-                    type="button"
                     key={`${work.worldKey}:${work.lastPlayedAt}`}
                     onClick={() => onOpenWork?.(work)}
                     surface="flat"
@@ -244,20 +242,20 @@ export function PlatformProfilePlayedWorksModal({
                         tone="profileAccent"
                         size="xs"
                         className="shrink-0 border-transparent"
-                      >
-                        {formatPlayedWorkType(work.worldType)}
-                      </PlatformPillBadge>
-                    </div>
-                    <div className="mt-3 grid gap-2 text-xs text-zinc-500 sm:grid-cols-3">
+                    >
+                      {formatPlayedWorkType(work.worldType)}
+                    </PlatformPillBadge>
+                  </div>
+                  <div className="mt-3 grid gap-2 text-xs text-zinc-500 sm:grid-cols-3">
                       <span className="truncate">作品号 {formatPlayedWorkId(work)}</span>
                       <span className="truncate">
                         最近 {formatSnapshotTime(work.lastPlayedAt)}
                       </span>
                       <span className="truncate">
-                        时长 {formatCompactPlayTime(work.lastObservedPlayTimeMs)}
-                      </span>
-                    </div>
-                  </PlatformSubpanel>
+                      时长 {formatCompactPlayTime(work.lastObservedPlayTimeMs)}
+                    </span>
+                  </div>
+                  </PlatformProfileContentRow>
                 ))}
               </div>
             </section>