feat: 手动充值、邀请码注册与后台管理增强

新增玩家手动充值全流程（收款方式配置、充值下单/审核、钱包上分），
支持邀请码注册、邀请历史与专属返水率；完善后台代理/玩家管理与响应式操作栏，
并补充前台注册、充值页及多语言错误码。

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/player/src/views/ProfileView.vue

@@ -3,7 +3,7 @@ import { ref, onMounted, computed } from 'vue';
 import { useRouter, RouterLink } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import api from '../api';
-import { formatMoney } from '../utils/localeDisplay';
+import { formatMoney, formatMoneyCompact } from '../utils/localeDisplay';
 import LocaleFlag from '../components/LocaleFlag.vue';
 import { useAuthStore } from '../stores/auth';
 import { useAppLocale } from '../composables/useAppLocale';
@@ -53,7 +53,7 @@ function runCountUp(target: number) {
 const displayedBalance = computed(() =>
   animating.value
     ? formatMoney(displayAmount.value, locale.value)
-    : formatMoney(profile.value?.wallet?.availableBalance, locale.value),
+    : formatMoneyCompact(profile.value?.wallet?.availableBalance, locale.value),
 );
 
 async function fetchProfile() {
@@ -93,7 +93,7 @@ function logout() {
       <GoldSpinner v-if="spinning" :size="28" :progress="progress" :active="spinning" />
     </div>
 
-    <div class="wallet-banner" @click="router.push('/wallet/detail')">
+    <div class="wallet-banner">
       <img class="wallet-banner-img" :src="walletBg" alt="" />
       <img src="/logo.png" alt="TheBet365" class="wallet-card-logo" />
       <div class="wallet-banner-info">
@@ -102,7 +102,12 @@ function logout() {
             <LocaleFlag :locale="locale" :size="14" />
             {{ t('wallet.balance') }}
           </span>
-          <p class="card-balance">{{ displayedBalance }}</p>
+          <div class="card-balance-row">
+            <p class="card-balance">{{ displayedBalance }}</p>
+            <button type="button" class="card-recharge-btn" @click.stop="router.push('/wallet/recharge')">
+              {{ t('recharge.title') }}
+            </button>
+          </div>
         </div>
         <div class="card-foot">
           <div class="card-holder">
@@ -197,15 +202,9 @@ function logout() {
   margin-left: -5px;
   margin-right: -5px;
   line-height: 0;
-  cursor: pointer;
   box-sizing: border-box;
 }
 
-.wallet-banner:active .wallet-banner-img {
-  filter: brightness(0.9);
-  transition: filter 0.1s;
-}
-
 .wallet-banner-img {
   width: 100%;
   height: auto;
@@ -265,8 +264,6 @@ function logout() {
 
 .card-balance {
   margin: 0;
-  width: 100%;
-  max-width: 100%;
   font-size: clamp(22px, 6.8vw, 36px);
   font-weight: 900;
   letter-spacing: -0.02em;
@@ -283,6 +280,12 @@ function logout() {
     drop-shadow(0 0 10px rgba(212, 175, 55, 0.22));
 }
 
+.card-balance-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
 .card-foot {
   display: flex;
   align-items: flex-end;
@@ -336,6 +339,30 @@ function logout() {
   white-space: nowrap;
 }
 
+.card-recharge-btn {
+  z-index: 3;
+  background: linear-gradient(135deg, #f0d060, #d4a830);
+  color: #1a1a1a;
+  border: none;
+  border-radius: 16px;
+  padding: 5px 14px;
+  font-size: 12px;
+  font-weight: 800;
+  letter-spacing: 0.04em;
+  cursor: pointer;
+  box-shadow:
+    0 2px 8px rgba(0, 0, 0, 0.4),
+    0 0 12px rgba(212, 175, 55, 0.25);
+  pointer-events: auto;
+  transition: transform 0.1s;
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+
+.card-recharge-btn:active {
+  transform: scale(0.95);
+}
+
 .settings-group {
   background: var(--bg-card);
   border: 1px solid var(--border);