/* player-wallet-desktop-wide-v1-20260907
   钱包页桌面端铺开成横的。

   问题：钱包页走的是 player-action-shell（进去以后连侧边栏和顶栏都没有），
   内容区被 theme-runtime-critical-v1-20260801.css 里的

     .wallet-page[data-wallet-option…] .wallet-cards,
     .wallet-page[data-wallet-option…] .table-panel {
       width: min(382px, 100% - 48px) !important;
       max-width: 382px !important;
       margin-inline: auto !important;
     }

   钉死在 382px。1440 宽下内容只占 382px（x=529 起），左右各空 500 多像素。
   那条规则是给手机写的，桌面没有对应的放宽。

   做法（≥1100px）：
   1. .wallet-cards / .table-panel 上限 382 → 1100px
   2. .wallet-cards 本来就是 grid（单列），改成两列 —— 现金钱包与游戏币并排

   为什么敢放宽：这一页的卡片内部是流式的，实测从 382 拉到 1100px
   不出现任何裁切或横向滚动（不像「我的中心」那几张卡是按固定宽度硬调的，
   见 release-profile-desktop-theme-20260907/README.md）。

   实测（线上登录态，注入完全相同的 CSS）：
     1440 → 内容 1100px，两张卡各 543px；
     1200 → 内容 1100px，各 543px；
     1100 → 内容 1052px，各 519px；
     375  → 单列 343px，与改前一致（min-width:1100px 闸门）。
   四档均无横向滚动、无新增裁切。 */
@media screen and (min-width: 1100px) {
  html body #root .app-shell.player-shell .wallet-page .wallet-cards,
  html body #root .app-shell.player-shell .wallet-page .table-panel {
    width: min(1100px, 100% - 48px) !important;
    max-width: 1100px !important;
  }

  html body #root .app-shell.player-shell .wallet-page .wallet-cards {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 14px !important;
  }
}