feat: 优化签名热力图与金额展示

src/apps/client/ClientHome.tsx

@@ -10,7 +10,7 @@ import {
   WalletCards,
 } from 'lucide-react';
 import { useNavigate } from 'react-router-dom';
-import { Button, Chart, Table, Tag, type TableColumn } from '@/components/ui';
+import { Button, Chart, MoneyText, Table, Tag, type TableColumn } from '@/components/ui';
 import { clientApi, type DashboardResponse } from '@/api/adminApi';
 import { createLineOption, createPieOption } from '@/theme/chartOptions';
 import { formatDateTime } from '@/utils/dateTime';
@@ -101,8 +101,8 @@ export function ClientHome() {
       <div className="dashboard-grid dashboard-grid--four">
         <div className="surface metric-card metric-card--featured">
           <span>可用发送额度</span>
-          <strong>¥{formatAmount(availableBalance)}</strong>
-          <small>现金余额 ¥{formatCents(account?.balanceCents)}</small>
+          <strong><MoneyText>¥{formatAmount(availableBalance)}</MoneyText></strong>
+          <small>现金余额 <MoneyText>¥{formatCents(account?.balanceCents)}</MoneyText></small>
         </div>
         <div className="surface metric-card">
           <span>今日发送</span>
@@ -111,12 +111,12 @@ export function ClientHome() {
         </div>
         <div className="surface metric-card">
           <span>今日消费金额</span>
-          <strong>¥{formatCents(dashboard?.today.spendCents)}</strong>
+          <strong><MoneyText>¥{formatCents(dashboard?.today.spendCents)}</MoneyText></strong>
           <small>企业今日实际消费</small>
         </div>
         <div className="surface metric-card">
           <span>今日返还金额</span>
-          <strong>¥{formatCents(todayRefundCents)}</strong>
+          <strong><MoneyText>¥{formatCents(todayRefundCents)}</MoneyText></strong>
           <small>异常回执与退费返还</small>
         </div>
       </div>
@@ -175,7 +175,7 @@ export function ClientHome() {
             </div>
             <div>
               <span>最近充值</span>
-              <strong>{latestRecharge ? `¥${formatCents(latestRecharge.amountCents)}` : '暂无充值'}</strong>
+              <strong>{latestRecharge ? <MoneyText>¥{formatCents(latestRecharge.amountCents)}</MoneyText> : '暂无充值'}</strong>
             </div>
           </div>
           <div>