/* ===== 亚泰娱乐 · 个人中心 ===== */

.mb-main { padding: 24px 0 110px; }

/* ── 顶部身份 + 余额 ── */
.mb-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  padding: 22px 24px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(212, 175, 93, 0.15), rgba(11, 21, 30, 0.92));
  border: 1px solid rgba(212, 175, 93, 0.22);
  box-shadow: var(--shadow);
}
.mb-id-row { display: flex; align-items: center; gap: 16px; min-width: 0; }
.mb-avatar {
  width: 58px; height: 58px;
  flex: 0 0 auto;
  display: grid; place-items: center;
  border-radius: 50%;
  font-size: 1.5rem; font-weight: 800;
  color: #2a1c06;
  background: linear-gradient(150deg, #ffd75e, #e8b23a 55%, #a9741a);
  box-shadow: 0 6px 18px rgba(232, 178, 58, 0.35);
}
.mb-id { min-width: 0; }
.mb-id h2 { margin: 0 0 4px; font-size: 1.25rem; font-weight: 800; }
.mb-id p { margin: 0 0 6px; font-size: 0.78rem; color: var(--muted); }
.mb-vip { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mb-vip-badge {
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  border: 1px solid currentColor;
}

.mb-balance { text-align: right; }
.mb-balance span { display: block; font-size: 0.74rem; color: var(--muted); }
.mb-balance strong {
  display: block;
  font-size: 1.9rem;
  line-height: 1.2;
  color: var(--gold-2);
  font-variant-numeric: tabular-nums;
  margin: 2px 0 8px;
}

/* ── 快捷操作 ── */
.mb-actions { display: flex; gap: 12px; margin: 16px 0; }
.mb-actions .btn { flex: 1; justify-content: center; padding: 13px; font-size: 0.98rem; font-weight: 700; }

/* ── VIP 进度 ── */
.mb-vip-card {
  padding: 16px 20px;
  border-radius: 16px;
  background: var(--panel);
  border: 1px solid var(--line);
  margin-bottom: 16px;
}
.mb-vip-top {
  display: flex; align-items: center; justify-content: space-between;
  font-size: 0.86rem; margin-bottom: 10px;
}
.mb-vip-top b { color: var(--gold-2); font-size: 0.82rem; }
.mb-vip-bar {
  height: 8px; border-radius: 999px; overflow: hidden;
  background: rgba(255, 255, 255, 0.07);
}
.mb-vip-bar i {
  display: block; height: 100%; width: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #a9741a, #ffd75e);
  transition: width 0.5s ease;
}
.mb-vip-foot { margin-top: 8px; font-size: 0.74rem; color: var(--muted); }

/* ── 统计 ── */
.mb-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 18px;
}
.mb-stats article {
  padding: 14px 10px;
  border-radius: 14px;
  text-align: center;
  background: var(--panel);
  border: 1px solid var(--line);
}
.mb-stats b {
  display: block;
  font-size: 1.15rem;
  color: var(--gold-2);
  font-variant-numeric: tabular-nums;
  margin-bottom: 3px;
}
.mb-stats span { font-size: 0.72rem; color: var(--muted); }

/* ── 面板（提现 / 改密 / 注单） ── */
.mb-panel {
  margin-bottom: 18px;
  padding: 18px 20px;
  border-radius: 16px;
  background: var(--panel);
  border: 1px solid rgba(212, 175, 93, 0.28);
  animation: mbIn 0.22s ease;
}
@keyframes mbIn {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}
.mb-panel-head {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 14px;
}
.mb-panel-head h3 { margin: 0; font-size: 1rem; }
.mb-close {
  background: none; border: 0; color: var(--muted);
  font-size: 1rem; cursor: pointer; padding: 4px 8px;
}
.mb-close:hover { color: var(--text); }

.mb-form { display: flex; flex-direction: column; gap: 12px; }
.mb-form label {
  display: flex; flex-direction: column; gap: 6px;
  font-size: 0.8rem; color: var(--muted);
}
.mb-form input, .mb-form select {
  padding: 11px 13px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.04);
  color: var(--text);
  font-size: 0.9rem;
  outline: none;
}
.mb-form input:focus, .mb-form select:focus { border-color: rgba(212, 175, 93, 0.55); }
.mb-form .btn { justify-content: center; padding: 12px; font-weight: 700; }
.mb-hint { margin: 0; font-size: 0.74rem; color: var(--muted); }
.mb-hint.ok { color: var(--green); }
.mb-hint.err { color: var(--red); }

/* ── 注单表 ── */
.mb-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.mb-table { width: 100%; border-collapse: collapse; font-size: 0.78rem; min-width: 560px; }
.mb-table th {
  text-align: left; padding: 8px 10px;
  color: var(--muted); font-weight: 600;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
}
.mb-table td {
  padding: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  white-space: nowrap;
}
.mb-table tbody tr:last-child td { border-bottom: 0; }
.st-paid { color: var(--green); }
.st-pending { color: var(--orange); }
.st-settled { color: var(--blue); }
.st-lose { color: var(--muted); }

@media (max-width: 720px) {
  .mb-main { padding-bottom: 84px; }
  .mb-head { padding: 18px; }
  .mb-balance { text-align: left; width: 100%; }
  .mb-balance strong { font-size: 1.6rem; }
  .mb-stats { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .mb-stats b { font-size: 1rem; }
}


/* ===================== VIP 等级 Logo（2026-11-07 新增） ===================== */

/* 徽章 Logo */
.mb-vip-logo {
  display: block;
  flex: 0 0 auto;
  filter: drop-shadow(0 3px 9px rgba(0, 0, 0, .5));
}
.mb-vip-logo.sm {
  display: inline-block;
  vertical-align: -5px;
  margin-right: 6px;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .45));
}
.mb-vip-rebate { font-size: .74rem; color: var(--muted); }

/* 头像按等级描边（颜色由 JS 注入） */
.mb-avatar {
  border: 2px solid transparent;
  transition: border-color .2s ease, box-shadow .2s ease;
}

/* VIP 进度卡跟随等级配色 */
.mb-vip-card { position: relative; overflow: hidden; }
.mb-vip-card::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(190px 92px at 96% -32%, var(--vc, #e8b23a), transparent 72%);
  opacity: .16;
}
.mb-vip-bar i {
  background: linear-gradient(90deg, var(--vc, #a9741a), #fff);
}

/* 移动端微调 */
@media (max-width: 600px) {
  .mb-vip-logo { width: 26px; height: 26px; }
  .mb-avatar { width: 52px; height: 52px; font-size: 1.35rem; }
}


/* ===================== Telegram 绑定（2026-11-07 新增） ===================== */
.mb-tg {
  display: flex; align-items: center; justify-content: space-between;
  gap: 14px; flex-wrap: wrap;
  margin: 0 0 16px; padding: 14px 18px; border-radius: 16px;
  background: linear-gradient(135deg, rgba(41,171,235,.13), rgba(11,21,30,.9));
  border: 1px solid rgba(41,171,235,.3);
}
.mb-tg-left { display: flex; align-items: center; gap: 12px; min-width: 0; }
.mb-tg-ico {
  width: 40px; height: 40px; flex: 0 0 40px; border-radius: 12px;
  display: grid; place-items: center;
  background: rgba(41,171,235,.18);
  border: 1px solid rgba(41,171,235,.45);
  color: #6fc7ef;
}
.mb-tg-info b { display: block; font-size: .92rem; margin-bottom: 3px; }
.mb-tg-info span { font-size: .76rem; color: var(--muted); line-height: 1.5; }
.mb-tg-info span b { display: inline; color: #6fc7ef; }
.mb-tg-right { display: flex; gap: 8px; }
.mb-tg-wait {
  flex: 1 1 100%; display: flex; align-items: center; gap: 9px;
  margin-top: 10px; padding: 9px 12px; border-radius: 10px;
  background: rgba(41,171,235,.1);
  border: 1px solid rgba(41,171,235,.35);
  font-size: .76rem; color: #a8e2ff;
}
.mb-tg-wait[hidden] { display: none; }
.mb-tg-wait a { margin-left: auto; color: var(--gold-2); text-decoration: none; font-size: .74rem; }
.mb-tg-spin {
  width: 13px; height: 13px; flex: 0 0 13px; border-radius: 50%;
  border: 2px solid rgba(111,199,239,.3);
  border-top-color: #6fc7ef;
  animation: mbtgspin .8s linear infinite;
}
@keyframes mbtgspin { to { transform: rotate(360deg); } }

@media (max-width: 600px) {
  .mb-tg { padding: 12px 14px; }
  .mb-tg-right { width: 100%; }
  .mb-tg-right .btn { flex: 1; justify-content: center; }
}

/* ── VIP 等级仅在游戏大厅展示，个人中心不显示（2026-11-07） ── */
#mbVip,
#mbVipCard { display: none !important; }