/* ========== 钱包弹窗样式（wm- 前缀） ========== */
.wm-box { overflow: hidden; }

/* 余额头部 */
.wm-balance { background: linear-gradient(135deg,#ff6b35 0%,#f7931e 100%); padding: 22px 26px; color: white; position: relative; overflow: hidden; }
.wm-balance::before { content:''; position:absolute; width:180px; height:180px; background:rgba(255,255,255,0.1); border-radius:50%; top:-70px; right:-50px; }
.wm-balance::after { content:''; position:absolute; width:120px; height:120px; background:rgba(255,255,255,0.08); border-radius:50%; bottom:-40px; left:-20px; }
.wm-bal-deco { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); opacity: 0.2; z-index: 0; }
.wm-bal-title { font-size: 13px; opacity: 0.9; position: relative; z-index: 1; }
.wm-bal-row { display: flex; gap: 32px; margin-top: 10px; position: relative; z-index: 1; flex-wrap: wrap; }
.wm-bal-num { font-size: 30px; font-weight: 800; }
.wm-bal-num.sm { font-size: 24px; }
.wm-bal-lbl { font-size: 12px; opacity: 0.85; margin-top: 2px; }

/* 功能入口 */
.wm-actions { display: flex; gap: 10px; padding: 16px 22px 10px; background: #fff; }
.wm-act-btn { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 14px 4px; border-radius: 14px; font-weight: 700; font-size: 13px; transition: all .2s; border: 2px solid transparent; background: #fffaf5; color: #a08070; }
.wm-act-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(255,107,53,0.15); }
.wm-act-transfer { background: linear-gradient(135deg,#fff5f0,#ffe8d8); color: #ff6b35; }
.wm-act-card { background: linear-gradient(135deg,#fff9e6,#fff0d6); color: #f57c00; }
.wm-act-lottery { background: linear-gradient(135deg,#f3e5f5,#e1bee7); color: #8e24aa; }
.wm-act-game { background: linear-gradient(135deg,#e0f7fa,#b2ebf2); color: #00838f; }
.wm-act-recharge { background: linear-gradient(135deg,#ffe9c7,#ffc07a); color: #b45309; box-shadow: inset 0 0 0 2px rgba(180,83,9,0.12); }
.wm-act-records { background: linear-gradient(135deg,#fff5f0,#ffe8d8); color: #ff6b35; }

/* 我的 VIP 会员入口 */
.wm-vip-entry {
  margin: 8px 22px 0; display: flex; align-items: center; gap: 12px; width: calc(100% - 44px);
  padding: 13px 16px; border-radius: 14px; cursor: pointer; text-align: left;
  background: linear-gradient(120deg, #1f1c13 0%, #2a2417 100%);
  border: 1px solid rgba(212,175,55,0.35);
  box-shadow: 0 4px 14px rgba(0,0,0,0.18);
  transition: all .2s; font-family: inherit; color: #f6e7b2;
}
.wm-vip-entry:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(212,175,55,0.22); border-color: rgba(212,175,55,0.6); }
.wm-vip-ico {
  width: 40px; height: 40px; border-radius: 11px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, rgba(212,175,55,0.22), rgba(212,175,55,0.06));
  border: 1px solid rgba(212,175,55,0.5); color: #f3cd6b;
}
.wm-vip-txt { flex: 1; min-width: 0; }
.wm-vip-title { display: block; font-size: 14px; font-weight: 800; letter-spacing: .3px; }
.wm-vip-sub { display: block; font-size: 11px; color: rgba(246,231,178,0.6); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wm-vip-arrow { color: rgba(246,231,178,0.4); flex-shrink: 0; }

/* 充值弹窗 */
.wm-rec-charge-tip { background:#fff8e6; border:1px solid #ffe6b3; color:#8a6d1d; border-radius:10px; padding:10px 12px; font-size:13px; margin-bottom:12px; }
.wm-denoms { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.wm-denom { flex:1 1 30%; min-width:80px; padding:11px 4px; text-align:center; background:#fffaf5; border:2px solid #ffe0cc; border-radius:12px; cursor:pointer; font-size:15px; font-weight:700; color:#a06030; transition:all .15s; font-family:inherit; }
.wm-denom:hover { border-color:#ff9a56; background:#fff5f0; transform:translateY(-1px); }
.wm-denom.active { background:linear-gradient(135deg,#ff6b35,#f7931e); color:#fff; border-color:transparent; box-shadow:0 4px 14px rgba(255,107,53,0.3); }
.wm-gain { display:flex; align-items:center; justify-content:space-between; padding:11px 14px; background:linear-gradient(135deg,#fffaf0,#fff3d6); border:1.5px dashed #ffc46b; border-radius:12px; margin-bottom:14px; }
.wm-gain span { font-size:13px; color:#8a6d1d; font-weight:600; }
.wm-gain b { font-size:20px; font-weight:800; color:#d9730b; }
.wm-payways { display:flex; flex-direction:column; gap:8px; margin-bottom:14px; }
.wm-payway { display:flex; align-items:center; gap:10px; padding:12px 12px; background:#fffaf5; border:2px solid #ffe0cc; border-radius:10px; cursor:pointer; transition:all .15s; }
.wm-payway:hover { border-color:#ff9a56; }
.wm-payway.active { border-color:#ff6b35; background:#fff5f0; box-shadow:0 0 0 3px rgba(255,107,53,0.1); }
.wm-payway .p-ico { width:34px; height:34px; border-radius:9px; display:flex; align-items:center; justify-content:center; color:#fff; flex-shrink:0; }
.wm-payway .p-name { font-size:14px; font-weight:700; color:#333; }
.wm-payway .p-radio { margin-left:auto; width:18px; height:18px; border-radius:50%; border:2px solid #e0c4b0; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.wm-payway.active .p-radio { border-color:#ff6b35; }
.wm-payway.active .p-radio::after { content:''; width:10px; height:10px; border-radius:50%; background:#ff6b35; }
.wm-payway .p-name em { display:block; font-style:normal; font-size:11px; color:#b0a08a; font-weight:400; }
.wm-pay-order { background:#fffaf5; border:1.5px solid #ffe0cc; border-radius:10px; padding:12px; font-size:13px; color:#555; margin-bottom:12px; display:flex; flex-direction:column; gap:4px; }
.wm-pay-order b { color:#ff6b35; }
.wm-pay-tip { background:#eef7ff; border:1px solid #cfe5ff; color:#2563a8; border-radius:10px; padding:10px 12px; font-size:12px; line-height:1.6; margin-top:10px; }
.wm-recharges { display:flex; flex-direction:column; gap:8px; max-height:220px; overflow-y:auto; }

/* ===== 充值弹窗（wmr-） ===== */
.wmr-box { padding: 0; overflow:hidden; }
.wmr-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 22px; background:linear-gradient(135deg,#ff7a3d,#f5a623); color:#fff; position:relative; overflow:hidden; }
.wmr-head::after { content:''; position:absolute; width:120px; height:120px; background:rgba(255,255,255,0.14); border-radius:50%; top:-50px; right:-30px; }
.wmr-head-inner { display:flex; align-items:center; gap:12px; position:relative; z-index:1; }
.wmr-ico { width:44px; height:44px; border-radius:13px; background:rgba(255,255,255,0.22); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.wmr-titles .wmr-title { font-size:18px; font-weight:800; }
.wmr-titles .wmr-sub { font-size:11.5px; opacity:.9; margin-top:2px; display:flex; align-items:center; gap:3px; }
.wmr-titles .wmr-sub b { font-weight:800; margin:0 2px 0 1px; }
.wmr-bal { position:relative; z-index:1; text-align:right; background:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.35); border-radius:12px; padding:8px 12px; }
.wmr-bal span { display:block; font-size:10.5px; opacity:.9; }
.wmr-bal b { font-size:20px; font-weight:800; margin-right:2px; }
.wmr-body { padding:20px 22px 22px; }
.wmr-field { font-size:13px; font-weight:700; color:#6b5b4e; margin-bottom:8px; margin-top:2px; }
.wmr-custom { display:flex; align-items:center; background:#fffaf5; border:2px solid #ffe0cc; border-radius:12px; overflow:hidden; margin-bottom:12px; transition:all .2s; }
.wmr-custom:focus-within { border-color:#ff6b35; box-shadow:0 0 0 4px rgba(255,107,53,0.08); background:#fff; }
.wmr-cur { padding:0 12px; font-size:16px; font-weight:800; color:#b45309; }
.wmr-input { flex:1; border:none; outline:none; background:transparent; padding:12px 12px 12px 0; font-size:15px; font-weight:600; color:#333; font-family:inherit; }
.wmr-submit { width:100%; padding:13px 20px; border:none; border-radius:12px; font-size:15px; font-weight:800; color:#fff; cursor:pointer; background:linear-gradient(135deg,#ff6b35,#f7931e); box-shadow:0 6px 18px rgba(255,107,53,0.35); transition:all .2s; font-family:inherit; }
.wmr-submit:hover { transform:translateY(-1px); box-shadow:0 8px 22px rgba(255,107,53,0.45); filter:brightness(1.04); }
.wmr-submit:disabled { opacity:.6; transform:none; }
.wmr-ghost { width:100%; margin-top:8px; padding:10px; border:none; border-radius:10px; background:#fff5f0; color:#ff6b35; font-size:13px; font-weight:700; cursor:pointer; font-family:inherit; }
.wmr-ghost:hover { background:#ffe8dc; }
.wmr-order-tip { text-align:center; font-size:13px; color:#7a6a58; font-weight:700; margin-bottom:10px; }
.wmr-rec-link { width:100%; margin-top:14px; padding:11px; border:1.5px solid #ffe0cc; border-radius:12px; background:#fffaf7; color:#a06030; font-size:13px; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:space-between; font-family:inherit; transition:all .15s; }
.wmr-rec-link:hover { border-color:#ff9a56; background:#fff5f0; color:#ff6b35; }

/* ===== 充值记录弹窗（wmo-） ===== */
.wmo-box { padding:0; overflow:hidden; }
.wmo-head { display:flex; align-items:center; justify-content:space-between; padding:18px 55px 12px 22px; }
.wmo-title { font-size:17px; font-weight:800; color:#333; display:flex; align-items:center; gap:8px; }
.wmo-title i { color:#ff6b35; }
.wmo-count { font-size:12px; color:#b0a494; }
.wmo-count b { color:#ff6b35; font-weight:800; }
.wmo-body { padding:0 22px 4px; }
.wmo-filters { display:flex; gap:6px; padding:8px 10px; background:#fff8f2; border-radius:10px; margin-bottom:12px; flex-wrap:wrap; }
.wmo-filter { border:none; cursor:pointer; padding:5px 11px; border-radius:8px; font-size:12px; font-weight:700; color:#9a8a78; background:transparent; font-family:inherit; transition:all .15s; display:inline-flex; align-items:center; gap:5px; }
.wmo-filter:hover { background:#ffeede; color:#b45309; }
.wmo-filter.active { background:linear-gradient(135deg,#ff8a3d,#f97316); color:#fff; box-shadow:0 2px 6px rgba(249,115,22,.3); }
.wmo-filter .dot { display:inline-block; width:7px; height:7px; border-radius:50%; }
.wmo-filter .dot-p { background:#ea8a00; }
.wmo-filter .dot-done { background:#2e9e3f; }
.wmo-filter .dot-c { background:#c3cdd6; }
.wmo-filter.active .dot { background:#fff; }
.wmo-list { display:flex; flex-direction:column; gap:9px; height:380px; overflow-y:auto; padding-right:4px; margin-right:-4px; }
.wmo-item { display:flex; align-items:center; gap:12px; background:#fff; border:1.5px solid #f5e3d2; border-radius:14px; padding:12px 13px; box-shadow:0 2px 8px rgba(120,70,30,.04); transition:all .15s; }
.wmo-item:hover { border-color:#ffc49b; box-shadow:0 4px 14px rgba(120,70,30,.08); }
.wmo-ico { width:40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.wmo-ico.st0 { background:#fff3e0; color:#ea8a00; }
.wmo-ico.st1 { background:#e8f5e9; color:#2e9e3f; }
.wmo-ico.st2 { background:#f1f3f5; color:#8a94a0; }
.wmo-ico.st3 { background:#ffecec; color:#d64545; }
.wmo-main { flex:1; min-width:0; }
.wmo-l1 { display:flex; align-items:baseline; gap:8px; }
.wmo-coin { font-size:15px; font-weight:800; color:#d9730b; display:flex; align-items:baseline; gap:3px; }
.wmo-amt { font-size:12px; color:#b0a494; font-weight:600; }
.wmo-no { font-size:10.5px; color:#c0b4a6; margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wmo-time { font-size:11px; color:#b5a99b; margin-top:2px; }
.wmo-r { flex-shrink:0; display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
.wmo-load { text-align:center; padding:10px 0 2px; font-size:12px; color:#c0b4a6; }
.wmo-load .inbox-hint { display:inline-flex; align-items:center; gap:6px; }
.wmo-item .r-st { flex-shrink:0; padding:2px 8px; border-radius:7px; font-size:11px; font-weight:700; }
.wmo-item .r-st.s0 { background:#fff4e5; color:#ea8a00; }
.wmo-item .r-st.s1 { background:#e6f6e6; color:#2e9e3f; }
.wmo-item .r-st.s2 { background:#f1f3f5; color:#8a94a0; }
.wmo-item .r-st.s3 { background:#ffecec; color:#d64545; }
.wmo-item .r-btn { flex-shrink:0; border:none; cursor:pointer; padding:5px 12px; border-radius:7px; font-size:12px; font-weight:700; color:#fff; background:linear-gradient(135deg,#ff8a3d,#f97316); box-shadow:0 2px 6px rgba(249,115,22,.35); font-family:inherit; }
.wmo-item .r-btn:hover { filter:brightness(1.05); }
.wmo-item .r-btn:disabled { opacity:.6; cursor:not-allowed; filter:none; }
.wmo-item .r-btn svg.r-btn-spin { width:14px; height:14px; vertical-align:middle; }
.wmo-item .r-actions { display:flex; gap:6px; }
.wmo-item .r-btn-cancel { background:#f1f3f5; color:#8a94a0; box-shadow:none; }
.wmo-item .r-btn-cancel:hover { background:#e9edf0; filter:none; }
.wmo-empty { padding: 40px 20px 20px; text-align:center; color:#c0b4a6; }
.wmo-empty p { margin-top:8px; font-size:12.5px; }
.wm-recharge-item { display:flex; align-items:center; gap:10px; background:#fffaf5; border:1.5px solid #ffe0cc; border-radius:10px; padding:9px 11px; font-size:13px; }
.wm-recharge-item .r-coin { font-weight:800; color:#b45309; flex-shrink:0; }
.wm-recharge-item .r-info { flex:1; min-width:0; color:#888; font-size:12px; }
.wm-recharge-item .r-st { flex-shrink:0; padding:2px 8px; border-radius:7px; font-size:11px; font-weight:700; }
.wm-recharge-item .r-st.s0 { background:#fff4e5; color:#ea8a00; }
.wm-recharge-item .r-st.s1 { background:#e6f6e6; color:#2e9e3f; }
.wm-recharge-item .r-st.s2 { background:#f1f3f5; color:#8a94a0; }
.wm-recharge-item .r-st.s3 { background:#ffecec; color:#d64545; }
.wm-recharge-item .r-btn { flex-shrink:0; border:none; cursor:pointer; padding:5px 12px; border-radius:7px; font-size:12px; font-weight:700; color:#fff; background:linear-gradient(135deg,#ff8a3d,#f97316); box-shadow:0 2px 6px rgba(249,115,22,.35); }
.wm-recharge-item .r-btn:hover { filter:brightness(1.05); }
.wm-recharge-item .r-btn:disabled { opacity:.6; cursor:not-allowed; filter:none; }
.wm-recharge-item .r-btn img.r-btn-spin { width:14px; height:14px; vertical-align:middle; }
.wm-recharge-item .r-actions { flex-shrink:0; display:flex; gap:6px; }
.wm-recharge-item .r-btn-cancel { background:#f1f3f5; color:#8a94a0; box-shadow:none; }
.wm-recharge-item .r-btn-cancel:hover { background:#e9edf0; filter:none; }

/* 流水记录 */
.wm-records { padding: 0 22px 16px; background: #fff; flex: 1; display: flex; flex-direction: column; min-height: 0; }
.wm-rec-title { font-size: 15px; font-weight: 700; color: #333; display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.wm-rec-title::before { content:''; width:4px; height:16px; background:linear-gradient(180deg,#ff6b35,#f7931e); border-radius:2px; }
.wm-rec-tabs { display: flex; background: #fff5f0; border-radius: 10px; padding: 3px; margin-bottom: 10px; }
.wm-rec-tab { flex: 1; padding: 8px; border-radius: 8px; text-align: center; cursor: pointer; color: #a08070; font-weight: 600; transition: all .2s; font-size: 13px; border: none; background: none; font-family: inherit; }
.wm-rec-tab.active { background: linear-gradient(135deg,#ff6b35,#f7931e); color: white; box-shadow: 0 2px 8px rgba(255,107,53,0.25); }
.wm-rec-list { flex: 1; overflow-y: auto; height: 320px; padding-right: 4px; }
.wm-rec-item { display: flex; align-items: center; gap: 12px; padding: 10px 10px; border-radius: 10px; transition: background .15s; }
.wm-rec-item:hover { background: #fffaf5; }
.wm-rec-ico { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.wm-rec-ico.plus { background: #e8f5e9; color: #43a047; }
.wm-rec-ico.minus { background: #ffebee; color: #e53935; }
.wm-rec-main { flex: 1; min-width: 0; }
.wm-rec-label { font-size: 14px; font-weight: 600; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wm-rec-remark { font-size: 11px; color: #999; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wm-rec-right { text-align: right; flex-shrink: 0; }
.wm-rec-val { font-size: 15px; font-weight: 800; }
.wm-rec-val.plus { color: #43a047; }
.wm-rec-val.minus { color: #e53935; }
.wm-rec-time { font-size: 11px; color: #bbb; margin-top: 2px; }

.wm-empty { padding: 40px 20px; text-align: center; color: #ccc; }
.wm-empty p { margin-top: 8px; font-size: 13px; }

.wm-pager { display: flex; gap: 4px; justify-content: center; align-items: center; margin-top: 10px; flex-wrap: wrap; }
.wm-pager .wm-page-btn { min-width: 32px; height: 32px; border-radius: 8px; border: 1px solid #ffe0cc; background: #fff; color: #a08070; font-size: 13px; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0 8px; transition: all .15s; font-family: inherit; }
.wm-pager .wm-page-btn:hover:not(:disabled) { border-color: #ff9a56; color: #ff6b35; }
.wm-pager .wm-page-btn.active { background: linear-gradient(135deg,#ff6b35,#f7931e); color: white; border-color: transparent; }
.wm-pager .wm-page-btn:disabled { opacity: 0.4; cursor: not-allowed; }

/* 子弹窗通用 */
.wm-sub-box { padding: 24px; }
.wm-sub-body { margin-top: 8px; }

/* 表单 */
.wm-form-group { margin-bottom: 12px; }
.wm-form-label { display: block; font-size: 13px; font-weight: 600; color: #555; margin-bottom: 5px; }
.wm-form-input { width: 100%; padding: 10px 13px; border: 2px solid #ffe0cc; border-radius: 10px; font-size: 14px; transition: all .2s; background: #fffaf5; box-sizing: border-box; font-family: inherit; }
.wm-form-input:focus { border-color: #ff6b35; background: white; box-shadow: 0 0 0 4px rgba(255,107,53,0.08); }
.wm-form-row { display: flex; gap: 10px; }
.wm-form-row > .wm-form-group { flex: 1; }

/* 按钮 */
.wm-btn-primary { width: 100%; padding: 11px 20px; border-radius: 10px; font-size: 14px; font-weight: 700; transition: all .2s; background: linear-gradient(135deg,#ff6b35,#f7931e); color: white; box-shadow: 0 4px 14px rgba(255,107,53,0.25); border: none; cursor: pointer; font-family: inherit; }
.wm-btn-primary:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(255,107,53,0.35); }
.wm-btn-primary:disabled { opacity: 0.6; transform: none; }
.wm-btn-gold { width: 100%; padding: 11px 20px; border-radius: 10px; font-size: 14px; font-weight: 700; transition: all .2s; background: linear-gradient(135deg,#ffd700,#ffab00); color: white; box-shadow: 0 4px 14px rgba(255,171,0,0.28); border: none; cursor: pointer; font-family: inherit; }
.wm-btn-gold:disabled { opacity: 0.6; }
.wm-btn-purple { width: 100%; padding: 11px 20px; border-radius: 10px; font-size: 14px; font-weight: 700; transition: all .2s; background: linear-gradient(135deg,#ba68c8,#7b1fa2); color: white; box-shadow: 0 4px 14px rgba(123,31,162,0.28); border: none; cursor: pointer; font-family: inherit; }
.wm-btn-cyan { width: 100%; padding: 11px 20px; border-radius: 10px; font-size: 14px; font-weight: 700; transition: all .2s; background: linear-gradient(135deg,#4dd0e1,#0097a7); color: white; box-shadow: 0 4px 14px rgba(0,151,167,0.28); border: none; cursor: pointer; font-family: inherit; }
.wm-btn-outline { padding: 10px 18px; border-radius: 10px; font-size: 14px; font-weight: 700; transition: all .2s; background: white; border: 2px solid #ffe0cc; color: #ff6b35; cursor: pointer; font-family: inherit; }
.wm-btn-outline:hover { background: #fff5f0; border-color: #ff9a56; }
.wm-btn-sm { padding: 7px 12px; font-size: 13px; border-radius: 8px; font-weight: 600; }

/* 子tab */
.wm-sub-tabs { display: flex; background: #fff5f0; border-radius: 10px; padding: 3px; margin-bottom: 12px; gap: 3px; }
.wm-sub-tab { flex: 1; padding: 8px; border-radius: 8px; text-align: center; cursor: pointer; color: #a08070; font-weight: 600; font-size: 13px; transition: all .2s; border: none; background: none; font-family: inherit; }
.wm-sub-tab.active { background: white; color: #ff6b35; box-shadow: 0 2px 6px rgba(0,0,0,0.06); }

/* 出拳选择 */
.wm-move-choices { display: flex; gap: 8px; margin: 8px 0; }
.wm-move-choice { flex: 1; padding: 12px 4px; text-align: center; background: #fffaf5; border: 2px solid #ffe0cc; border-radius: 10px; cursor: pointer; transition: all .2s; display: flex; flex-direction: column; align-items: center; gap: 4px; }
.wm-move-choice:hover { background: #fff5f0; border-color: #ff9a56; }
.wm-move-choice.selected { background: linear-gradient(135deg,#ff6b35,#f7931e); color: white; border-color: transparent; box-shadow: 0 4px 14px rgba(255,107,53,0.3); transform: scale(1.03); }
.wm-move-choice .lbl { font-size: 11px; font-weight: 600; }

/* 游戏结果 */
.wm-game-result { padding: 12px; border-radius: 10px; text-align: center; margin-top: 10px; display: none; }
.wm-game-result.show { display: block; animation: fadeIn .3s; }
.wm-game-result.win { background: linear-gradient(135deg,#e8f5e9,#c8e6c9); color: #2e7d32; }
.wm-game-result.lose { background: linear-gradient(135deg,#ffebee,#ffcdd2); color: #c62828; }
.wm-game-result.draw { background: linear-gradient(135deg,#fff3e0,#ffe0b2); color: #e65100; }
.wm-game-result .vs { display: flex; justify-content: center; align-items: center; gap: 16px; font-size: 32px; margin: 6px 0; }
.wm-game-result .vs span { padding: 6px 12px; background: white; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.wm-game-result .msg { font-size: 16px; font-weight: 800; margin-top: 4px; }

/* 抽奖 */
.wm-lot-result { text-align: center; padding: 10px; border-radius: 10px; background: #fff9e6; margin-bottom: 8px; font-weight: 600; min-height: 40px; display: flex; align-items: center; justify-content: center; color: #666; font-size: 13px; }
.wm-lot-result.win { background: linear-gradient(135deg,#fff8e1,#ffe082); color: #f57c00; }
.wm-lot-result.lose { background: #f5f5f5; color: #999; }
.wm-lot-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; aspect-ratio: 1; max-width: 300px; margin: 0 auto; }
.wm-lot-cell { background: white; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 6px 3px; font-size: 11px; color: #555; font-weight: 600; box-shadow: 0 2px 8px rgba(255,171,0,0.12); transition: all .15s; border: 2px solid transparent; }
.wm-lot-cell.active { background: linear-gradient(135deg,#fff1a8,#ffd700); border-color: #ffab00; box-shadow: 0 4px 16px rgba(255,171,0,0.45); transform: scale(1.05); }
.wm-lot-cell.wm-lot-go { background: linear-gradient(135deg,#ff6b35,#f7931e); color: white; cursor: pointer; box-shadow: 0 4px 16px rgba(255,107,53,0.4); }
.wm-lot-cell.wm-lot-go:hover { transform: scale(1.05); }
.wm-lot-ico { margin-bottom: 2px; }
.wm-lot-start { font-size: 16px; font-weight: 800; }
.wm-lot-cost { font-size: 10px; opacity: 0.9; margin-top: 2px; display: flex; align-items: center; gap: 2px; }

/* PVP列表 */
.wm-pvp-list { display: flex; flex-direction: column; gap: 8px; max-height: 280px; overflow-y: auto; }
.wm-pvp-item { background: #fffaf5; border: 1.5px solid #ffe0cc; border-radius: 10px; padding: 10px; transition: all .2s; }
.wm-pvp-item:hover { border-color: #ff9a56; box-shadow: 0 4px 14px rgba(255,107,53,0.1); }
.wm-pvp-head { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.wm-pvp-avatar { width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg,#ffb88c,#ff6b35); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px; overflow: hidden; flex-shrink: 0; }
.wm-pvp-name { font-size: 13px; font-weight: 700; color: #333; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wm-pvp-tag { padding: 2px 7px; border-radius: 7px; font-size: 10px; font-weight: 600; flex-shrink: 0; }
.wm-pvp-tag.type-1 { background: #e3f2fd; color: #1976d2; }
.wm-pvp-tag.type-2 { background: #fce4ec; color: #d81b60; }
.wm-pvp-amount { color: #f57c00; font-weight: 800; font-size: 14px; }
.wm-pvp-foot { display: flex; justify-content: space-between; align-items: center; margin-top: 6px; }
.wm-pvp-time { font-size: 11px; color: #aaa; }

.spin { animation: wm-spin 1s linear infinite; }
@keyframes wm-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

@media (max-width: 500px) {
  .wm-balance { padding: 16px; }
  .wm-bal-row { gap: 20px; }
  .wm-bal-num { font-size: 24px; }
  .wm-bal-num.sm { font-size: 20px; }
  .wm-actions { gap: 6px; padding: 12px 16px 8px; }
  .wm-act-btn { padding: 10px 2px; font-size: 11px; }
  .wm-records { padding: 0 16px 12px; }
}