diff --git a/core/frontend/src/routes/account.tsx b/core/frontend/src/routes/account.tsx
index 6c0313b..9dfbbb3 100644
--- a/core/frontend/src/routes/account.tsx
+++ b/core/frontend/src/routes/account.tsx
@@ -177,6 +177,7 @@ export function AccountPage({ billing, projects, team, onRecharge }: {
   const selectedCard = RECHARGE.find((item) => item.amt === recharge);
   const effectiveAmount = Number(customAmt) > 0 ? Number(customAmt) : recharge;
   const effectiveBonus = Number(customAmt) > 0 ? 0 : selectedCard?.bonusAmt || 0;
+  const setCustomIntegerAmount = (value: string) => setCustomAmt(value.replace(/\D/g, "").replace(/^0+/, ""));
 
   async function submitRecharge() {
     if (effectiveAmount <= 0) return;
@@ -318,7 +319,7 @@ export function AccountPage({ billing, projects, team, onRecharge }: {
           </div>
           <div className="pay-row">
             <div className="pay-title">自定义金额</div>
-            <input className="input" placeholder="最低 ¥50,可输入任意金额" type="number" value={customAmt} onChange={(event) => setCustomAmt(event.target.value)} />
+            <input className="input" placeholder="最低 ¥50,可输入任意金额" type="text" inputMode="numeric" pattern="[0-9]*" value={customAmt} onChange={(event) => setCustomIntegerAmount(event.target.value)} />
             <div className="pay-btn-row">
               <button className="btn pay-method-btn pay-wechat" type="button" aria-label="微信支付" onClick={() => setTopupChannel("wechat")}>
                 <span className="pay-logo" aria-hidden="true"><img src="/assets/pay-wechat.png" alt="" /></span>