收口大鱼关卡元信息标签

将大鱼吃小鱼关卡元信息迁移到 PlatformPillBadge

补充关卡元信息公共胶囊断言

更新 PlatformUiKit 文档和 Hermes 决策记录

src/components/big-fish-result/BigFishResultView.test.tsx

@@ -210,6 +210,14 @@ describe('BigFishResultView', () => {
       findNearestClassName(screen.getByText('荧潮幼体'), 'platform-subpanel')
         ?.className,
     ).toContain('rounded-[1.5rem]');
+    for (const label of ['猎物 1', '威胁 2', '主图 已生成']) {
+      const badge = screen.getByText(label);
+
+      expect(badge.className).toContain('rounded-full');
+      expect(badge.className).toContain(
+        'bg-[var(--platform-subpanel-fill)]',
+      );
+    }
     expect(
       findNearestClassName(screen.getByText('场地背景'), 'platform-subpanel')
         ?.className,

src/components/big-fish-result/BigFishResultView.tsx

@@ -279,14 +279,20 @@ function BigFishLevelCard({
           <div className="mt-2 line-clamp-2 text-sm leading-5 text-[var(--platform-text-base)]">
             {level.oneLineFantasy}
           </div>
-          <div className="mt-3 flex flex-wrap gap-2 text-xs text-[var(--platform-text-soft)]">
-            <span>猎物 {level.preyWindow.join('/') || '-'}</span>
-            <span>威胁 {level.threatWindow.join('/') || '-'}</span>
-            <span>主图 {assetReadyLabel(mainImageSlot)}</span>
-            <span>
+          <div className="mt-3 flex flex-wrap gap-2">
+            <PlatformPillBadge tone="muted" size="xxs">
+              猎物 {level.preyWindow.join('/') || '-'}
+            </PlatformPillBadge>
+            <PlatformPillBadge tone="muted" size="xxs">
+              威胁 {level.threatWindow.join('/') || '-'}
+            </PlatformPillBadge>
+            <PlatformPillBadge tone="muted" size="xxs">
+              主图 {assetReadyLabel(mainImageSlot)}
+            </PlatformPillBadge>
+            <PlatformPillBadge tone="muted" size="xxs">
               动作{' '}
               {[assetReadyLabel(idleSlot), assetReadyLabel(moveSlot)].join('/')}
-            </span>
+            </PlatformPillBadge>
           </div>
         </div>
       </div>