继续扩展首页可导航扁平行

扩展 PlatformNavigableListItem 接入桌面今日游戏趋势行
补充首页桌面趋势行的共享行组件回归测试
更新 PlatformUiKit 收口计划与共享决策记录

src/components/rpg-entry/RpgEntryHomeView.tsx

@@ -1916,24 +1916,28 @@ function DesktopTrendingItem({
   const tags = buildPlatformWorldDisplayTags(entry, 2);
 
   return (
-    <button
-      type="button"
+    <PlatformNavigableListItem
       onClick={onClick}
-      className="platform-desktop-trending-item flex items-start gap-4 px-4 py-4 text-left"
+      align="start"
+      className="platform-desktop-trending-item px-4 py-4"
+      leading={
+        <div className="relative h-[5.5rem] w-[4.3rem] shrink-0 overflow-hidden rounded-[1rem] border border-[var(--platform-subpanel-border)] bg-[rgba(255,255,255,0.66)]">
+          {coverImage ? (
+            <PlatformWorkCoverArtwork
+              entry={entry}
+              imageSrc={coverImage}
+              alt={entry.worldName}
+              className="h-full w-full object-cover"
+            />
+          ) : null}
+          <div className="absolute inset-0 bg-[linear-gradient(180deg,rgba(255,255,255,0.04),rgba(91,24,46,0.26))]" />
+        </div>
+      }
+      trailing={
+        <ChevronRight className="h-4 w-4 shrink-0 text-[var(--platform-text-soft)]" />
+      }
     >
-      <div className="relative h-[5.5rem] w-[4.3rem] shrink-0 overflow-hidden rounded-[1rem] border border-[var(--platform-subpanel-border)] bg-[rgba(255,255,255,0.66)]">
-        {coverImage ? (
-          <PlatformWorkCoverArtwork
-            entry={entry}
-            imageSrc={coverImage}
-            alt={entry.worldName}
-            className="h-full w-full object-cover"
-          />
-        ) : null}
-        <div className="absolute inset-0 bg-[linear-gradient(180deg,rgba(255,255,255,0.04),rgba(91,24,46,0.26))]" />
-      </div>
-
-      <div className="min-w-0 flex-1">
+      <div className="min-w-0">
         <div className="flex items-center gap-2 text-[10px] tracking-[0.18em] text-[var(--platform-text-soft)]">
           <span>{`${rank}`.padStart(2, '0')}</span>
           <span className="truncate">
@@ -1975,9 +1979,7 @@ function DesktopTrendingItem({
           )}
         </div>
       </div>
-
-      <ChevronRight className="h-4 w-4 shrink-0 text-[var(--platform-text-soft)]" />
-    </button>
+    </PlatformNavigableListItem>
   );
 }