收口个人中心已玩弹窗组件

迁移个人中心存档和玩过弹窗简单空态到 PlatformEmptyState

迁移玩过弹窗分区标题到 PlatformFieldLabel

迁移已玩作品按钮卡到 PlatformSubpanel 并保留粉色 hover 边框

补充已玩弹窗公共组件断言并更新 PlatformUiKit 文档和 Hermes 决策记录

src/components/rpg-entry/RpgEntryHomeView.tsx

@@ -122,6 +122,7 @@ import {
 } from '../common/legalDocuments';
 import { PlatformActionButton } from '../common/PlatformActionButton';
 import { PlatformEmptyState } from '../common/PlatformEmptyState';
+import { PlatformFieldLabel } from '../common/PlatformFieldLabel';
 import { PlatformIconButton } from '../common/PlatformIconButton';
 import { PlatformModalCloseButton } from '../common/PlatformModalCloseButton';
 import { PlatformPillBadge } from '../common/PlatformPillBadge';
@@ -4070,9 +4071,13 @@ function ProfileSaveArchivesModal({
               ))}
             </div>
           ) : (
-            <div className="mt-5 rounded-xl bg-zinc-50 px-4 py-5 text-center text-sm font-semibold text-zinc-500">
+            <PlatformEmptyState
+              surface="subpanel"
+              size="inline"
+              className="mt-5"
+            >
               暂无存档
-            </div>
+            </PlatformEmptyState>
           )}
         </div>
       </div>
@@ -4153,9 +4158,9 @@ function ProfilePlayedWorksModal({
             <div className="mt-5 space-y-5">
               {hasArchiveEntries ? (
                 <section>
-                  <div className="mb-2 text-xs font-black text-zinc-500">
+                  <PlatformFieldLabel variant="section" className="mb-2 block">
                     可继续
-                  </div>
+                  </PlatformFieldLabel>
                   <div className="grid gap-3">
                     {saveEntries.map((entry) => (
                       <SaveArchiveCard
@@ -4171,16 +4176,21 @@ function ProfilePlayedWorksModal({
 
               {hasPlayedWorks ? (
                 <section>
-                  <div className="mb-2 text-xs font-black text-zinc-500">
+                  <PlatformFieldLabel variant="section" className="mb-2 block">
                     玩过
-                  </div>
+                  </PlatformFieldLabel>
                   <div className="space-y-3">
                     {playedWorks.map((work) => (
-                      <button
+                      <PlatformSubpanel
+                        as="button"
                         type="button"
                         key={`${work.worldKey}:${work.lastPlayedAt}`}
                         onClick={() => onOpenWork?.(work)}
-                        className="w-full rounded-2xl border border-zinc-200 bg-zinc-50 px-4 py-3 text-left transition hover:border-[#ff4056] hover:bg-white"
+                        surface="flat"
+                        radius="sm"
+                        padding="md"
+                        interactive
+                        className="w-full hover:border-[#ff4056]"
                       >
                         <div className="flex min-w-0 items-start justify-between gap-3">
                           <div className="min-w-0">
@@ -4213,16 +4223,21 @@ function ProfilePlayedWorksModal({
                             {formatCompactPlayTime(work.lastObservedPlayTimeMs)}
                           </span>
                         </div>
-                      </button>
+                      </PlatformSubpanel>
                     ))}
                   </div>
                 </section>
               ) : null}
             </div>
           ) : (
-            <div className="mt-5 rounded-xl border border-zinc-200 bg-zinc-50 px-4 py-4 text-sm text-zinc-600">
+            <PlatformEmptyState
+              surface="subpanel"
+              size="inline"
+              tone="base"
+              className="mt-5 text-left"
+            >
               暂无玩过
-            </div>
+            </PlatformEmptyState>
           )}
         </div>
       </div>