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

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

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

@@ -178,15 +178,19 @@ function ClaimBindingStep({
         <Button size="large" icon={<ReloadOutlined />} loading={refreshingRole} onClick={onRefreshRole}>
           刷新角色信息
         </Button>
-        <Button
-          size="large"
-          icon={<SwapOutlined />}
-          loading={rebindingRole}
-          disabled={confirmingRole || redeeming}
-          onClick={onRebindRole}
-        >
-          换绑角色
-        </Button>
+        <Tooltip title="角色绑定错误时，请点击「换绑角色」，然后重新扫码绑定正确的角色">
+          <span className="claim-action-tooltip-wrap">
+            <Button
+              size="large"
+              icon={<SwapOutlined />}
+              loading={rebindingRole}
+              disabled={confirmingRole || redeeming}
+              onClick={onRebindRole}
+            >
+              换绑角色
+            </Button>
+          </span>
+        </Tooltip>
         {snapshot.isUidMatched ? (
           <Button
             type="primary"
@@ -262,15 +266,19 @@ function ClaimConfirmStep({
       <Alert type="warning" showIcon message="兑换后不可取消，也不可退货。" />
 
       <Space size={12} wrap className="claim-action-row">
-        <Button
-          size="large"
-          icon={<SwapOutlined />}
-          loading={rebindingRole}
-          disabled={redeeming}
-          onClick={onRebindRole}
-        >
-          换绑角色
-        </Button>
+        <Tooltip title="角色绑定错误时，请点击「换绑角色」，然后重新扫码绑定正确的角色">
+          <span className="claim-action-tooltip-wrap">
+            <Button
+              size="large"
+              icon={<SwapOutlined />}
+              loading={rebindingRole}
+              disabled={redeeming}
+              onClick={onRebindRole}
+            >
+              换绑角色
+            </Button>
+          </span>
+        </Tooltip>
         <Button
           type="primary"
           size="large"

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

@@ -333,7 +333,6 @@ export default function ClaimPage() {
           submitting={submittingUid}
           onChange={setUidInput}
           onSubmit={() => void handleSubmitUid()}
-          product={snapshot.product}
         />
       ) : snapshot.hasRedeemResult ? (
         snapshot.isFeifeiFlow ? (

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="请输入游戏编号（纯数字）"

apps/frontend/src/pages/claim/claim-shared.tsx

@@ -1,4 +1,4 @@
-import { Button, Input, Space } from 'antd'
+import { Button, Input, Space, Tooltip } from 'antd'
 import type { ClaimProductInfo } from '@/types/claim'
 
 export function ClaimProductItems({
@@ -51,13 +51,15 @@ export function UidEditRow({
         size="large"
         value={uidInput}
         maxLength={64}
-        placeholder="游戏 UID"
+        placeholder="游戏编号"
         onChange={(event) => onChange(event.target.value)}
         onPressEnter={onSubmit}
       />
-      <Button size="large" loading={submitting} onClick={onSubmit}>
-        更新 UID
-      </Button>
+      <Tooltip title="游戏编号填错时，修改为正确编号后点击「更新 UID」即可">
+        <Button size="large" loading={submitting} onClick={onSubmit}>
+          更新 UID
+        </Button>
+      </Tooltip>
     </Space.Compact>
   )
 }