fix(frontend): 充值弹窗打开态改为 flex，修正对话框定位

无头 Chrome 对 Zibll 真实 CSS 的几何实证：bootstrap modal('show') 的
内联 display:block 下，.modal.flex .modal-dialog{margin:0} 使对话框
顶在左上角（l=0,t=0）；Zibll 生产环境打开态实为 CSS 的 display:flex
（壳的 .flex.jc 双轴居中，jQuery .show() 对 computed≠none 的壳是空
操作，内联 display 从未写入）。AKSRT 上一版把打开态定为 display:block，
导致对话框定位错误。

修复：credits.css 的 .modal[data-aksrt-charge-modal].in 改为
display:flex；credits.js openChargeModal 内联 display 同步改 flex。
静止态 display:none 规则不变。

几何复测（AKSRT 真实 CSS）：打开态中心与视口中心、与 Zibll 参考
逐像素一致（dlgCenter=vpCenter=379,213）；静止态 display:none。
契约 29/29 通过（新增 flex 断言与 block 禁令）。

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

@@ -169,8 +169,14 @@
 .modal[data-aksrt-charge-modal] {
   display: none;
 }
+/* 打开态必须是 flex（而非 bootstrap 的内联 display:block）：无头 Chrome
+   对 Zibll 真实 CSS 的几何实证显示，display:block 下 .modal.flex
+   .modal-dialog{margin:0} 使对话框顶在左上角；flex 下由壳上的 .flex.jc
+   （align-items:center;justify-content:center）双轴居中——Zibll 生产环境
+   即此形态（其 jQuery .show() 对 computed≠none 的壳是空操作，内联
+   display 从未写入）。 */
 .modal[data-aksrt-charge-modal].in {
-  display: block;
+  display: flex;
 }
 
 .balance-charge-form .zib-widget {