解决card组件废弃属性

video-gen-admin/src/pages/AdminCreditRatios.tsx

@@ -243,7 +243,7 @@ const AdminCreditRatios: React.FC = () => {
   return (
     <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
       {/* Text Credit Rate */}
-      <Card bordered={false} style={{ borderRadius: 12, border: '1px solid #f0f0f5' }}>
+      <Card variant="outlined" style={{ borderRadius: 12, border: '1px solid #f0f0f5' }}>
         <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 16 }}>
           <Space>
             <FontSizeOutlined style={{ fontSize: 18, color: '#f59e0b' }} />
@@ -258,16 +258,18 @@ const AdminCreditRatios: React.FC = () => {
         </Typography.Text>
         <div style={{ display: 'flex', alignItems: 'center', gap: 16 }}>
           <Typography.Text>每1000 token消耗积分：</Typography.Text>
-          <InputNumber
-            min={0}
-            max={1000}
-            step={0.01}
-            value={textRate}
-            onChange={(v) => setTextRate(v || 0)}
-            size="large"
-            style={{ width: 160 }}
-            addonAfter="积分"
-          />
+          <Space.Compact style={{ width: 160 }}>
+            <InputNumber
+              min={0}
+              max={1000}
+              step={0.01}
+              value={textRate}
+              onChange={(v) => setTextRate(v || 0)}
+              size="large"
+              style={{ width: '100%' }}
+            />
+            <Typography.Text>积分</Typography.Text>
+          </Space.Compact>
           <Typography.Text type="secondary" style={{ fontSize: 12 }}>
             示例：1000 token = {textRate} 积分，500 token = {(500 * textRate / 1000).toFixed(4)} 积分
           </Typography.Text>
@@ -275,7 +277,7 @@ const AdminCreditRatios: React.FC = () => {
       </Card>
 
       {/* Generation Credit Ratios */}
-      <Card bordered={false} style={{ borderRadius: 12, border: '1px solid #f0f0f5' }}>
+      <Card variant="outlined" style={{ borderRadius: 12, border: '1px solid #f0f0f5' }}>
         <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: 16 }}>
           <Space>
             <CalculatorOutlined style={{ fontSize: 18, color: '#6366f1' }} />