继续收口工具弹窗与分段切换预设

新增 PlatformToolModalShell 承接白底工具弹窗壳层和固定可访问名称

新增 PlatformSegmentedTabPresets 沉淀频道下划线、创作 pill rail 与二列 option segment

迁移拼图、抓大鹅、历史素材弹窗和首页 / 作品架 / 充值切换的重复组件写法

同步 PlatformUiKit 文档和 Hermes 决策记录

src/components/platform-entry/PlatformProfileRechargeModal.tsx

@@ -10,7 +10,7 @@ import { PlatformAsyncStatePanel } from '../common/PlatformAsyncStatePanel';
 import { PlatformEmptyState } from '../common/PlatformEmptyState';
 import { PlatformPillBadge } from '../common/PlatformPillBadge';
 import { PlatformProfileSkeletonList } from '../common/PlatformProfileSkeletonList';
-import { PlatformSegmentedTabs } from '../common/PlatformSegmentedTabs';
+import { PlatformOptionSegment } from '../common/PlatformSegmentedTabPresets';
 import { PlatformStatusMessage } from '../common/PlatformStatusMessage';
 import { PlatformSubpanel } from '../common/PlatformSubpanel';
 import { PlatformProfileModalShell } from './PlatformProfileModalShell';
@@ -173,29 +173,12 @@ export function PlatformProfileRechargeModal({
       panelClassName="platform-recharge-modal !max-w-[34rem] rounded-[1.4rem]"
       bodyClassName="max-h-[min(76vh,36rem)] overflow-y-auto px-5 py-5"
     >
-      <PlatformSegmentedTabs
+      <PlatformOptionSegment
         items={RECHARGE_TAB_ITEMS}
         activeId={activeTab}
         onChange={onTabChange}
-        columns="two"
-        layout="grid"
-        gap="sm"
-        frame="bare"
-        surface="transparent"
-        size="sm"
-        tone="neutral"
-        semantics="tabs"
+        variant="profile"
         ariaLabel="充值类型"
-        itemClassName={(_, active) =>
-          [
-            'w-full !min-h-[2.25rem] !rounded-[0.78rem] !border !px-3 !text-sm !font-extrabold !shadow-none',
-            active
-              ? '!border-[var(--platform-cool-border)] !bg-[var(--platform-cool-bg)] !text-[var(--platform-cool-text)]'
-              : '!border-[var(--platform-subpanel-border)] !bg-[rgba(255,255,255,0.04)] !text-[var(--platform-text-base)] hover:!bg-[rgba(255,255,255,0.08)]',
-          ]
-            .filter(Boolean)
-            .join(' ')
-        }
       />
 
       <PlatformAsyncStatePanel