继续收口平台分段与泥点确认

新增泥点确认状态机共享 hook 并接入拼图与抓大鹅工作台

将首页发现页与个人中心剩余切换条收口到 PlatformSegmentedTabs

统一平台弹窗 header 关闭入口并补齐相关测试

更新前端组件收口文档与团队决策记录

src/components/CustomWorldEntityCatalog.tsx

@@ -30,6 +30,7 @@ import { PlatformEmptyState } from './common/PlatformEmptyState';
 import { PlatformMediaFrame } from './common/PlatformMediaFrame';
 import { PlatformPillBadge } from './common/PlatformPillBadge';
 import { PlatformProgressBar } from './common/PlatformProgressBar';
+import { PlatformSegmentedTabs } from './common/PlatformSegmentedTabs';
 import { PlatformStatGrid } from './common/PlatformStatGrid';
 import { PlatformStatusMessage } from './common/PlatformStatusMessage';
 import { PlatformSubpanel } from './common/PlatformSubpanel';
@@ -833,6 +834,22 @@ export function CustomWorldEntityCatalog({
       1 +
       (pendingGeneratedEntity?.kind === 'landmark' ? 1 : 0),
   } satisfies Record<ResultTab, number>;
+  const resultTabItems = useMemo(
+    () =>
+      RESULT_TABS.map((tab) => ({
+        id: tab.id,
+        ariaLabel: `${tab.label} ${counts[tab.id]}`,
+        label: (
+          <div className="text-left">
+            <div className="font-semibold">{tab.label}</div>
+            <div className="mt-1 text-[10px] tracking-[0.16em] text-[var(--platform-text-soft)]">
+              {counts[tab.id]}
+            </div>
+          </div>
+        ),
+      })),
+    [counts],
+  );
   const worldStatItems = [
     { label: '可扮演角色', value: profile.playableNpcs.length },
     { label: '场景角色', value: profile.storyNpcs.length },
@@ -974,22 +991,28 @@ export function CustomWorldEntityCatalog({
       </div>
 
       <div className="platform-sticky-fade sticky top-0 z-10 -mx-1 space-y-3 px-1 pb-3 pt-1 backdrop-blur-sm xl:rounded-[1.75rem] xl:border xl:border-[var(--platform-subpanel-border)] xl:bg-white/70 xl:px-4 xl:py-3 xl:shadow-[0_16px_48px_rgba(112,57,30,0.08)]">
-        <div className="flex gap-2 overflow-x-auto pb-1 scrollbar-hide xl:pb-0">
-          {RESULT_TABS.map((tab) => (
-            <div key={tab.id}>
-              <button
-                type="button"
-                onClick={() => onActiveTabChange(tab.id)}
-                className={`platform-tab px-3 py-2 text-left text-sm xl:min-w-[5.25rem] xl:px-4 xl:py-2 ${activeTab === tab.id ? 'platform-tab--active' : ''}`}
-              >
-                <div className="font-semibold">{tab.label}</div>
-                <div className="mt-1 text-[10px] tracking-[0.16em] text-[var(--platform-text-soft)]">
-                  {counts[tab.id]}
-                </div>
-              </button>
-            </div>
-          ))}
-        </div>
+        <PlatformSegmentedTabs
+          items={resultTabItems}
+          activeId={activeTab}
+          onChange={onActiveTabChange}
+          layout="scroll"
+          gap="md"
+          frame="bare"
+          surface="transparent"
+          size="sm"
+          tone="neutral"
+          semantics="tabs"
+          ariaLabel="世界实体目录"
+          className="pb-1 xl:pb-0"
+          itemClassName={(_, active) =>
+            [
+              'platform-tab shrink-0 !min-h-0 !rounded-full !px-3 !py-2 xl:min-w-[5.25rem] xl:!px-4 xl:!py-2',
+              active ? 'platform-tab--active' : null,
+            ]
+              .filter(Boolean)
+              .join(' ')
+          }
+        />
 
         {activeTab !== 'world' ? (
           <div className="flex flex-col gap-2 sm:flex-row sm:items-center xl:gap-3">