fix(frontend): 余额充值弹窗 1:1 对齐 Zibll

- credits-wallet.php：弹窗重写为 Zibll refresh_modal 壳（.modal.flex.jc.fade > .modal-dialog.modal-mini.full-sm）+ zibpay_get_balance_charge_modal 同构内容（balance-charge-form / vip-product.product-box / payment-method-radio hollow-radio / but jb-red initiate-pay），档位与支付方式改为 data-for/data-value 选中模型
- credits.js：initBalanceCharge 改由 Bootstrap modal 运行时驱动（modal('show') + data-dismiss + hidden.bs.modal 中止轮询）；选中为程序赋值 hidden input，selectProduct/selectMethod 内显式 resetOperationKey 保证幂等键随选中内容刷新；提交契约不变
- credits.css：删除 uc-charge-* 全部死样式；新增 .balance-charge-form 作用域内 .zib-widget 基础卡与 .vip-product/.vip-tag 的 Zibll 原值回位（vip-modal.css 全局同名覆盖需在此回位）

验证：php -l 通过；toast-contract + card-pass-universal-redeem + card-pass-order-numbers 契约 26/26；uc-charge/balance_package/data-aksrt-charge-close/旧弹窗 id 引用清零

assets/css/routes/user-center/credits.css

@@ -157,65 +157,64 @@
   margin-left: 6px;
 }
 
-/* Charge packages */
-.uc-charge-packages {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 10px;
-  margin-bottom: 8px;
+/* ===== 余额充值弹窗 — Zibll balance-charge modal parity =====
+   .zib-widget 基础卡样式与 .vip-product/.vip-tag 的 Zibll 原值仅在充值表单内生效
+   （vip-modal.css 在全局以同类名覆盖了它们，这里按 Zibll main.css 5962/5928/5990 回位）。 */
+.balance-charge-form .zib-widget {
+  clear: both;
+  background-color: var(--main-bg-color);
+  padding: 15px;
+  box-shadow: 0 0 10px var(--main-shadow);
+  border-radius: var(--main-radius);
+  margin-bottom: 20px;
 }
-.uc-charge-package {
-  position: relative;
-  display: block;
-  padding: 12px;
-  border: 1px solid var(--color-line, rgba(0, 0, 0, 0.08));
-  border-radius: 8px;
-  cursor: pointer;
-  background: var(--surface-1, #fff);
-}
-.uc-charge-package input {
-  position: absolute;
-  opacity: 0;
-  pointer-events: none;
-}
-.uc-charge-package.is-active,
-.uc-charge-package:has(input:checked) {
-  border-color: var(--focus-color, #f04494);
-  box-shadow: 0 0 0 1px var(--focus-color, #f04494);
-}
-.uc-charge-package__credit {
-  font-size: 1.25rem;
-  font-weight: 700;
-}
-.uc-charge-package__tag {
-  position: absolute;
-  top: 0;
-  right: 0;
-  font-size: 11px;
-  padding: 2px 8px;
-  border-radius: 0 8px 0 8px;
-  background: #fbbf24;
-  color: #333;
-}
-.uc-charge-custom__input {
-  flex: 1;
-  min-width: 0;
-  border: 0;
-  border-bottom: 1px solid var(--color-line, #ddd);
-  padding: 6px 0;
-  font-size: 1.1rem;
-  outline: none;
-}
-.uc-charge-methods {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-}
-.uc-charge-method {
+.balance-charge-form .vip-product {
+  border: 1px solid var(--main-border-color);
+  box-shadow: none;
+  background-color: var(--main-bg-color);
+  min-width: 66px;
+  min-height: 65px;
   display: inline-flex;
+  flex-direction: column;
+  justify-content: space-evenly;
   align-items: center;
-  gap: 6px;
+  margin: 8px;
+  font-weight: normal;
+  gap: 10px;
+  padding: 15px 4px 10px;
   cursor: pointer;
+  transition: 0.15s;
+  position: relative;
+  overflow: unset;
+  border-radius: var(--mini-radius);
+}
+.balance-charge-form .vip-product.active {
+  border-color: var(--focus-color);
+  background: var(--focus-color-opacity05);
+  box-shadow: none;
+}
+.balance-charge-form .vip-product.active::before {
+  content: '\f058';
+  font: normal normal normal 16px/1 FontAwesome;
+  color: var(--focus-color);
+  position: absolute;
+  left: 3px;
+  top: 3px;
+  font-size: 18px;
+}
+.balance-charge-form .vip-product .vip-tag {
+  position: absolute;
+  font-size: 12px;
+  padding: 1px 5px;
+  border-radius: 100px;
+  right: -14px;
+  top: -10px;
+  transform: scale(0.9);
+  background: var(--this-bg);
+  color: var(--this-color);
+  line-height: 1.4;
+  width: auto;
+  z-index: 1;
 }
 
 /* Modal shell */