feat: 开户备注、账单展示优化与后台代理管理增强

- 新增初始上分备注（日常上分/开户赠金/自定义）及前后台校验与展示

- 优化钱包流水类型与备注显示，区分管理员/代理/玩家上下分

- 修复登录后语言被后端覆盖的问题，登录时同步当前语言到服务端

- 后台代理/玩家表格操作栏重构，充值订单增加备注列

- 前台个人中心、充值、账单与验证码组件体验优化

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

apps/player/src/views/WalletDetailView.vue

@@ -4,7 +4,7 @@ import { useRouter } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import api from '../api';
 import { formatMoney } from '../utils/localeDisplay';
-import { isBetType, isDepositType, isWithdrawType, isCashbackType, txTypeKey } from '../utils/walletTx';
+import { isBetType, isDepositType, isWithdrawType, isCashbackType, txTypeKey, txDisplayType, txSummaryLabel } from '../utils/walletTx';
 import GoldSpinner from '../components/GoldSpinner.vue';
 import WalletStatsPanel from '../components/WalletStatsPanel.vue';
 import { usePullToRefresh } from '../composables/usePullToRefresh';
@@ -14,6 +14,10 @@ const { t, locale } = useI18n();
 
 type Transaction = {
   transactionType: string;
+  displayType?: string;
+  summary?: string | null;
+  summaryKind?: 'opening_bonus' | null;
+  referenceType?: string | null;
   amount: string;
   createdAt: string;
   transactionId: string;
@@ -57,13 +61,17 @@ async function fetchCashbackTotal() {
   }
 }
 
-function txLabel(type: string): string {
-  const key = txTypeKey(type);
+function txLabel(tx: Transaction): string {
+  const key = txTypeKey(txDisplayType(tx));
   if (key) {
     const translated = t(key);
     if (translated !== key) return translated;
   }
-  return type;
+  return tx.transactionType;
+}
+
+function txSubtitle(tx: Transaction): string {
+  return txSummaryLabel(tx, t);
 }
 
 function goDetail(tx: Transaction) {
@@ -186,7 +194,10 @@ const pullIndicatorStyle = () => ({
           @click="goDetail(tx)"
         >
           <div class="tx-main">
-            <span class="tx-type">{{ txLabel(tx.transactionType) }}</span>
+            <div class="tx-text">
+              <span class="tx-type">{{ txLabel(tx) }}</span>
+              <span v-if="txSubtitle(tx)" class="tx-summary">{{ txSubtitle(tx) }}</span>
+            </div>
             <span :class="parseFloat(tx.amount) >= 0 ? 'pos' : 'neg'">
               {{ formatMoney(tx.amount, locale) }}
             </span>
@@ -321,6 +332,22 @@ const pullIndicatorStyle = () => ({
   gap: 12px;
 }
 
+.tx-text {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+.tx-summary {
+  font-size: 11px;
+  color: var(--text-muted);
+  font-weight: 600;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .tx-meta {
   display: flex;
   justify-content: space-between;