优化领取页第一步布局与第二步操作提示

- 去掉与顶部重复的商品信息，压缩间距便于一屏展示
- 移动端步骤指示器保持右上角
- 更新 UID、换绑角色增加悬浮功能说明

apps/frontend/src/pages/claim/ClaimUidStep.tsx

@@ -1,6 +1,4 @@
 import { Button, Card, Input, Space, Typography } from 'antd'
-import type { ClaimProductInfo } from '@/types/claim'
-import { ClaimProductItems, InfoTile } from './claim-shared'
 import gameRoleIdGuide from '@/assets/claim/game-role-id-guide.jpg'
 
 export function ClaimUidStep({
@@ -8,29 +6,22 @@ export function ClaimUidStep({
   submitting,
   onChange,
   onSubmit,
-  product,
 }: {
   uidInput: string
   submitting: boolean
   onChange: (value: string) => void
   onSubmit: () => void
-  product: ClaimProductInfo | null
 }) {
   return (
-    <Card className="claim-content-card">
-      <Typography.Title level={2}>第 1 步：填写游戏编号（数字的那个）</Typography.Title>
-      <p className="claim-muted">
-        请填写你要领取的游戏角色编号（纯数字）。提交后系统会按平台继续绑定或跳转领取。
+    <Card className="claim-content-card claim-uid-step">
+      <Typography.Title level={3} className="claim-uid-step-title">
+        第 1 步：填写游戏编号（数字的那个）
+      </Typography.Title>
+      <p className="claim-muted claim-uid-step-desc">
+        请填写游戏内角色编号（纯数字），提交后继续绑定或领取。
       </p>
 
-      <div className="claim-info-grid claim-info-grid-compact">
-        <InfoTile label="领取商品" value={product?.title || '-'} />
-        <InfoTile label="商品数量" value={String(product?.quantity || 0)} />
-      </div>
-
-      <ClaimProductItems product={product} compact />
-
-      <Space direction="vertical" size={12} style={{ width: '100%' }}>
+      <Space direction="vertical" size={10} style={{ width: '100%' }}>
         <Input
           size="large"
           placeholder="请输入游戏编号（纯数字）"