/* 星耀棋牌 - H5 自适应主题 */
:root,
html[data-theme="dark"] {
  --bg0: #0a0e1a;
  --bg1: #12182b;
  --bg2: #1a2340;
  --card: rgba(255,255,255,0.06);
  --border: rgba(255,255,255,0.1);
  --gold: #d4a017;
  --gold2: #f0c14b;
  --teal: #2dd4bf;
  --rose: #fb7185;
  --text: #e8ecf4;
  --muted: #8b95a8;
  --ok: #34d399;
  --danger: #f87171;
  --radius: 16px;
  --shadow: 0 12px 40px rgba(0,0,0,.45);
  --font: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --display: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --topbar-bg: rgba(10,14,26,.75);
  --atmosphere: radial-gradient(ellipse 80% 50% at 20% -10%, rgba(212,160,23,.25), transparent 55%),
    radial-gradient(ellipse 60% 40% at 90% 10%, rgba(45,212,191,.12), transparent 50%),
    radial-gradient(ellipse 50% 50% at 50% 100%, rgba(26,35,64,.9), var(--bg0));
  --chat-mine: rgba(212,160,23,.25);
  --chat-theirs: rgba(255,255,255,.08);
  --tabbar-bg: rgba(10,14,26,.38);
}

html[data-theme="light"] {
  --bg0: #f3f5f9;
  --bg1: #ffffff;
  --bg2: #e8eef8;
  --card: rgba(255,255,255,0.92);
  --border: rgba(15,23,42,0.1);
  --gold: #92400e;
  --gold2: #a16207;
  --teal: #0d9488;
  --rose: #e11d48;
  --text: #1e293b;
  --muted: #64748b;
  --ok: #059669;
  --danger: #dc2626;
  --shadow: 0 12px 36px rgba(15,23,42,.12);
  --topbar-bg: rgba(255,255,255,.88);
  --atmosphere: radial-gradient(ellipse 80% 50% at 20% -10%, rgba(212,160,23,.18), transparent 55%),
    radial-gradient(ellipse 60% 40% at 90% 10%, rgba(13,148,136,.1), transparent 50%),
    linear-gradient(180deg, #eef2ff 0%, #f3f5f9 45%, #e2e8f0 100%);
  --chat-mine: rgba(212,160,23,.22);
  --chat-theirs: #e2e8f0;
  --tabbar-bg: rgba(255,255,255,.36);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  font-family: var(--font);
  background: var(--bg0);
  color: var(--text);
  line-height: 1.5;
  -webkit-tap-highlight-color: transparent;
  min-height: 100vh;
}

a { color: var(--gold2); text-decoration: none; }
img { max-width: 100%; display: block; }

.bg-atmosphere {
  min-height: 100vh;
  background: var(--atmosphere);
}
body.app-scroll.bg-atmosphere{
  min-height: 0;
}

/* 顶栏：始终单行 */
.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 12px;
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(12px);
  background: var(--topbar-bg);
  border-bottom: 1px solid var(--border);
  flex-wrap: nowrap;
}
.topbar .brand {
  position: relative;
  z-index: 0;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: clamp(1.2rem, 5vw, 1.55rem);
  line-height: 1.15;
  padding: 5px 12px 5px 11px;
  margin-right: 4px;
  isolation: isolate;
}
/* 金边毛边框：柔光描边 + 外沿虚化 */
.topbar .brand::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 11px;
  pointer-events: none;
  background:
    radial-gradient(120% 140% at 15% 0%, rgba(253, 230, 138, .14), transparent 55%),
    linear-gradient(165deg, rgba(255, 255, 255, .06), rgba(15, 23, 42, .22));
  border: 1px solid rgba(251, 191, 36, .42);
  box-shadow:
    0 0 0 1px rgba(251, 191, 36, .12),
    0 0 0 3px rgba(251, 191, 36, .06),
    0 1px 0 rgba(255, 247, 214, .18) inset,
    0 -1px 0 rgba(0, 0, 0, .2) inset,
    0 0 8px rgba(251, 191, 36, .28),
    0 0 16px rgba(245, 158, 11, .14),
    1px 0 4px rgba(253, 230, 138, .12),
    -1px 0 4px rgba(212, 160, 23, .1),
    0 2px 8px rgba(0, 0, 0, .22);
}
.topbar .brand::after {
  content: "";
  position: absolute;
  inset: 2px;
  z-index: -1;
  border-radius: 9px;
  pointer-events: none;
  border: 1px solid rgba(253, 230, 138, .14);
  box-shadow:
    0 0 10px rgba(251, 191, 36, .1) inset,
    0 0 1px rgba(255, 247, 214, .2);
  opacity: .9;
}
/*
 * 顶栏站名：渐变必须写在内层 .brand-name 上。
 * 写在 .brand 上时，透明字会透出 ::before 浅底，明亮模式几乎看不见。
 */
.topbar .brand {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: inherit;
  -webkit-text-fill-color: initial;
  animation: none !important;
  filter: none !important;
}
.topbar .brand .brand-name {
  background: linear-gradient(
    110deg,
    #fff7d6 0%,
    #fde68a 18%,
    #f0c14b 36%,
    #fbbf24 50%,
    #d4a017 68%,
    #f0c14b 82%,
    #fff7d6 100%
  );
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: heroGoldShine 3.6s linear infinite;
}
.topbar .brand .brand-dot {
  color: var(--teal);
  -webkit-text-fill-color: var(--teal);
  background: none;
  animation: none;
}
/* 明亮：淡黄/琥珀流光（字色略深才压得住浅底，避免“空白字”） */
html[data-theme="light"] .topbar .brand .brand-name {
  background: linear-gradient(
    110deg,
    #a16207 0%,
    #ca8a04 18%,
    #eab308 42%,
    #facc15 55%,
    #eab308 68%,
    #ca8a04 84%,
    #a16207 100%
  );
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: heroGoldShine 3.6s linear infinite;
}
html[data-theme="light"] .topbar .brand .brand-dot {
  color: #0d9488;
  -webkit-text-fill-color: #0d9488;
}
html[data-theme="light"] .topbar .brand::before {
  background:
    radial-gradient(120% 140% at 18% 0%, rgba(253, 224, 71, .35), transparent 55%),
    linear-gradient(165deg, #fffbeb 0%, #fef9c3 45%, #fffef5 100%);
  border: 1.5px solid rgba(202, 138, 4, .45);
  box-shadow:
    0 0 0 1px rgba(234, 179, 8, .16),
    0 0 0 3px rgba(253, 224, 71, .18),
    0 1px 0 rgba(255, 255, 255, .95) inset,
    0 0 12px rgba(234, 179, 8, .22),
    0 0 18px rgba(202, 138, 4, .12),
    1px 0 5px rgba(250, 204, 21, .14),
    -1px 0 5px rgba(161, 98, 7, .1),
    0 2px 8px rgba(15, 23, 42, .06);
}
html[data-theme="light"] .topbar .brand::after {
  border-color: rgba(202, 138, 4, .28);
  box-shadow: 0 0 8px rgba(234, 179, 8, .12) inset;
}
.topbar .user-chip {
  flex: 0 0 auto;
  flex-wrap: nowrap;
  gap: 6px;
  max-width: 58%;
}

/* 滚动公告 */
.notice-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: linear-gradient(90deg, rgba(212,160,23,.12), rgba(45,212,191,.08), rgba(251,113,133,.1));
  border-bottom: 1px solid var(--border);
  overflow: hidden;
}
.notice-label {
  flex-shrink: 0;
  font-size: .72rem;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 6px;
  background: rgba(212,160,23,.2);
  color: var(--gold2);
  letter-spacing: .06em;
}
.notice-track {
  flex: 1;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.notice-marquee {
  display: inline-flex;
  white-space: nowrap;
  will-change: transform;
  animation: noticeScroll 22s linear infinite;
}
.notice-text {
  display: inline-block;
  padding-right: 4rem;
  font-size: .92rem;
  font-weight: 700;
  letter-spacing: .08em;
  background: linear-gradient(
    90deg,
    #f0c14b,
    #2dd4bf,
    #fb7185,
    #60a5fa,
    #a78bfa,
    #f0c14b
  );
  background-size: 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: noticeGradient 4s linear infinite;
}
@keyframes noticeScroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@keyframes noticeGradient {
  0% { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}
.brand {
  font-family: var(--display);
  font-weight: 800;
  font-size: 1.25rem;
  letter-spacing: .04em;
  background: linear-gradient(
    110deg,
    #fff7d6 0%,
    #fde68a 18%,
    #f0c14b 36%,
    #fbbf24 50%,
    #d4a017 68%,
    #f0c14b 82%,
    #fff7d6 100%
  );
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: heroGoldShine 3.6s linear infinite;
}
.brand .brand-dot,
.brand > span:not(.brand-name) {
  color: var(--teal);
  -webkit-text-fill-color: var(--teal);
  background: none;
  animation: none;
}
/* 明亮（无内层时，如德州页）：青蓝紫流光，不用金色 */
html[data-theme="light"] .brand:not(:has(.brand-name)) {
  background: linear-gradient(
    110deg,
    #a16207 0%,
    #ca8a04 18%,
    #eab308 42%,
    #facc15 55%,
    #eab308 68%,
    #ca8a04 84%,
    #a16207 100%
  );
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: heroGoldShine 3.6s linear infinite;
}

.user-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .85rem;
  color: var(--muted);
  min-width: 0;
}
.user-chip .uname {
  display: inline-block;
  max-width: 3.6em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 800;
  letter-spacing: .02em;
  vertical-align: bottom;
  background: linear-gradient(110deg, #fff7d6 0%, #fde68a 28%, #f0c14b 55%, #fbbf24 78%, #fff7d6 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: heroGoldShine 3.6s linear infinite;
}
.uname-wrap{position:relative;flex-shrink:1;min-width:0}
.uname-btn{
  -webkit-appearance:none;appearance:none;font:inherit;
  display:inline-flex;align-items:center;gap:3px;
  max-width:5.2rem;height:32px;padding:0 2px 0 0;
  border:1px solid transparent;border-radius:999px;
  background:transparent;color:var(--gold2);cursor:pointer;
  transition:opacity .15s;
  min-width:0;
}
.uname-btn:hover,.uname-btn[aria-expanded="true"]{
  opacity:.92;
}
.uname-btn .uname{color:inherit;-webkit-text-fill-color:transparent}
.uname-caret{
  font-size:.55rem;opacity:.8;line-height:1;color:#f0c14b;
  transition:transform .18s ease;
}
.uname-btn[aria-expanded="true"] .uname-caret{transform:rotate(180deg)}
.uname-pop{
  position:absolute;right:0;top:calc(100% + 8px);z-index:95;
  min-width:168px;padding:8px;border-radius:14px;
  border:1px solid rgba(240,193,75,.28);
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(253,230,138,.12), transparent 55%),
    linear-gradient(165deg, rgba(26,34,56,.98), rgba(12,16,28,.98));
  box-shadow:
    0 14px 32px rgba(0,0,0,.4),
    0 0 0 1px rgba(255,255,255,.04) inset,
    inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(10px);
}
.uname-pop-item{
  display:flex; align-items:center; gap:8px;
  padding:11px 12px; border-radius:10px;
  color:var(--text); text-decoration:none;
  font-size:.84rem; font-weight:700; line-height:1.2;
  border:1px solid transparent;
  transition:background .15s ease, border-color .15s ease, color .15s ease, transform .12s ease;
}
.uname-pop-item + .uname-pop-item{margin-top:4px}
.uname-pop-item::before{
  content:"";
  width:18px; height:18px; flex-shrink:0;
  background:currentColor; opacity:.9;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;
}
.uname-pop-item:hover{
  color:#fde68a;
  border-color:rgba(240,193,75,.35);
  background:linear-gradient(165deg, rgba(240,193,75,.16), rgba(240,193,75,.06));
}
.uname-pop-item.is-danger{
  color:#fda4af;
}
.uname-pop-item.is-danger::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.uname-pop-item.is-danger:hover{
  color:#fecdd3;
  border-color:rgba(251,113,133,.4);
  background:linear-gradient(165deg, rgba(251,113,133,.18), rgba(251,113,133,.06));
}
html[data-theme="light"] .uname-pop{
  border-color:rgba(202,138,4,.22);
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(253,230,138,.35), transparent 55%),
    linear-gradient(165deg, #ffffff, #f8fafc);
  box-shadow:
    0 12px 28px rgba(15,23,42,.12),
    inset 0 1px 0 #fff;
}
html[data-theme="light"] .uname-pop-item{color:#1e293b}
html[data-theme="light"] .uname-pop-item:hover{
  color:#92400e;
  border-color:rgba(202,138,4,.35);
  background:linear-gradient(165deg, #fffbeb, #fef3c7);
}
html[data-theme="light"] .uname-pop-item.is-danger{color:#be123c}
html[data-theme="light"] .uname-pop-item.is-danger:hover{
  color:#9f1239;
  border-color:rgba(225,29,72,.28);
  background:linear-gradient(165deg, #fff1f2, #ffe4e6);
}
.user-chip .pts {
  color: var(--gold2);
  font-weight: 700;
}
html[data-theme="light"] .user-chip .uname{
  background: linear-gradient(110deg, #92400e 0%, #a16207 35%, #d97706 65%, #b45309 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
html[data-theme="light"] .uname-caret{color:#a16207}
.wallet-wrap {
  position: relative;
  flex-shrink: 0;
}
.wallet-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 10.2rem;
  height: 32px;
  padding: 0 8px 0 4px;
  border-radius: 999px;
  border: 1px solid transparent;
  background:
    linear-gradient(var(--bg1), var(--bg1)) padding-box,
    linear-gradient(135deg, rgba(240,193,75,.85), rgba(212,160,23,.35), rgba(45,212,191,.55)) border-box;
  color: var(--gold2);
  font-size: .8rem;
  font-weight: 700;
  cursor: pointer;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 4px 14px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.wallet-chip:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(212,160,23,.22), inset 0 1px 0 rgba(255,255,255,.12);
}
.wallet-chip:active { transform: translateY(0); }
.wallet-chip.is-usdt {
  background:
    linear-gradient(var(--bg1), var(--bg1)) padding-box,
    linear-gradient(135deg, rgba(45,212,191,.9), rgba(13,148,136,.4), rgba(240,193,75,.45)) border-box;
  color: var(--teal);
  box-shadow: 0 4px 14px rgba(45,212,191,.16), inset 0 1px 0 rgba(255,255,255,.08);
}
.wallet-chip .wallet-ico {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: radial-gradient(circle at 35% 30%, #ffe8a3, #d4a017 55%, #8a6a12);
  color: #3b2a05;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: -.02em;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.45), 0 1px 2px rgba(0,0,0,.25);
}
.wallet-chip.is-usdt .wallet-ico {
  background: radial-gradient(circle at 35% 30%, #99f6e4, #14b8a6 55%, #0f766e);
  color: #042f2e;
}
.wallet-chip .wallet-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  min-width: 0;
  line-height: 1.05;
}
.wallet-chip .wallet-tag {
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .04em;
  color: var(--muted);
  text-transform: none;
}
.wallet-chip .wallet-amt {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 5.6rem;
  font-variant-numeric: tabular-nums;
  font-size: .78rem;
  color: inherit;
}
.wallet-chip .wallet-caret {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: .55rem;
  color: var(--muted);
  background: var(--bg2);
  transition: transform .18s ease;
}
.wallet-chip[aria-expanded="true"] .wallet-caret {
  transform: rotate(180deg);
}
.wallet-pop {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 80;
  min-width: 188px;
  padding: 8px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: var(--bg1);
  box-shadow: var(--shadow);
  animation: walletPopIn .16s ease;
}
@keyframes walletPopIn {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}
.wallet-pop::before {
  content: "";
  position: absolute;
  right: 18px;
  top: -5px;
  width: 10px;
  height: 10px;
  background: var(--bg1);
  border-left: 1px solid var(--border);
  border-top: 1px solid var(--border);
  transform: rotate(45deg);
}
.wallet-pop-hd {
  padding: 4px 8px 8px;
  font-size: .7rem;
  color: var(--muted);
  letter-spacing: .06em;
}
.wallet-pop-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 9px 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: var(--bg2);
  color: var(--muted);
  font-size: .8rem;
  cursor: pointer;
  text-align: left;
  margin-bottom: 6px;
  transition: border-color .15s, transform .12s;
}
.wallet-pop-row:last-child { margin-bottom: 0; }
.wallet-pop-row:hover {
  border-color: rgba(212,160,23,.35);
  transform: translateY(-1px);
}
.wallet-pop-row[data-cur="usdt"]:hover {
  border-color: rgba(45,212,191,.4);
}
.wallet-pop-row .wallet-pop-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.wallet-pop-row .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--gold2);
  box-shadow: 0 0 0 3px rgba(212,160,23,.15);
}
.wallet-pop-row[data-cur="usdt"] .dot {
  background: var(--teal);
  box-shadow: 0 0 0 3px rgba(45,212,191,.15);
}
.wallet-pop-row b {
  color: var(--gold2);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.wallet-pop-row[data-cur="usdt"] b {
  color: var(--teal);
}
html[data-theme="light"] .wallet-chip {
  box-shadow: 0 3px 12px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.9);
}
html[data-theme="light"] .wallet-chip.is-usdt {
  box-shadow: 0 3px 12px rgba(13,148,136,.12), inset 0 1px 0 rgba(255,255,255,.9);
}

/* 容器 */
.wrap { max-width: 960px; margin: 0 auto; padding: 16px; padding-bottom: 88px; }

/* 自定义金额数字键盘（百家乐同款，全游戏共用） */
.qp-amt-pad{
  position:fixed; inset:0; z-index:12050; display:none;
  align-items:flex-end; justify-content:center;
  padding:12px 14px calc(12px + env(safe-area-inset-bottom, 0px));
  box-sizing:border-box;
}
.qp-amt-pad.on{ display:flex; }
.qp-amt-pad.is-hosted{
  position:absolute; z-index:100;
}
.qp-amt-pad-mask{ position:absolute; inset:0; background:rgba(0,0,0,.48); }
.qp-amt-pad-panel{
  position:relative; z-index:1; width:min(360px,92%);
  border-radius:14px; padding:12px;
  background:rgba(8,28,20,.96); border:1px solid rgba(251,191,36,.4);
  box-shadow:0 16px 40px rgba(0,0,0,.5);
  writing-mode:horizontal-tb;
}
.qp-amt-pad-title{
  text-align:center; font-size:.78rem; font-weight:700; color:#94a3b8;
  margin:0 0 8px; letter-spacing:.04em;
}
.qp-amt-pad-val{
  height:44px; margin:0 0 10px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(0,0,0,.4); border:1px solid rgba(251,191,36,.35);
  color:#fde68a; font-size:1.2rem; font-weight:800; letter-spacing:.04em;
}
.qp-amt-pad-keys{
  display:grid; grid-template-columns:repeat(3,1fr); gap:8px;
}
.qp-amt-pad-keys button{
  height:44px; border-radius:10px; border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08); color:#e2e8f0;
  font-size:1.05rem; font-weight:800; cursor:pointer; font-family:inherit;
}
.qp-amt-pad-keys button.act{
  background:rgba(251,191,36,.18); border-color:rgba(251,191,36,.45); color:#fde68a; font-size:.88rem;
}
.qp-amt-pad-keys button.ok{
  background:linear-gradient(180deg,#fde68a,#c9a227); border-color:rgba(201,162,39,.85);
  color:#0f172a; font-size:.88rem;
}
input.js-bet-custom-amt[readonly]{
  cursor:pointer;
  caret-color:transparent;
}

/* 前台：禁用浏览器整页滚动，仅主内容区内滚动 + 美化滚动条 */
html:has(body.app-scroll){
  height: 100%;
  overflow: hidden;
}
body.app-scroll{
  height: 100%;
  max-height: 100vh;
  max-height: 100dvh;
  min-height: 0;
  overflow: hidden;
  overscroll-behavior: none;
  display: flex;
  flex-direction: column;
}
body.app-scroll > .topbar,
body.app-scroll > .game-header,
body.app-scroll > .notice-bar{
  flex-shrink: 0;
  position: relative;
  top: auto;
}
body.app-scroll > main.wrap,
body.app-scroll > .wrap,
body.app-scroll > main.rc-box,
body.app-scroll > .rc-box{
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
body.app-scroll > .tabbar{
  flex-shrink: 0;
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
}
/* 百家乐大厅：壳内主区滚动 */
body.app-scroll > .game-shell.bc-lobby-shell{
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  max-height: none;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
body.app-scroll > .game-shell.bc-lobby-shell > .game-header{ flex-shrink: 0; }
body.app-scroll > .game-shell.bc-lobby-shell > .bc-lobby{
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
/* 主内容区内边距：底栏已进文档流或无底栏时，不必再预留 88px */
body.app-scroll > main.wrap,
body.app-scroll > .wrap,
body.app-scroll > main.rc-box,
body.app-scroll > .rc-box{
  padding-bottom: 16px;
}

/* 前台内置滚动条美化 */
body.app-scroll > main.wrap,
body.app-scroll > .wrap,
body.app-scroll > main.rc-box,
body.app-scroll > .rc-box,
body.app-scroll .bc-lobby,
body.app-scroll .admin-scroll,
.game-shell .game-stage,
.pc-shell .game-stage,
.dc-shell .game-stage,
.as-shell .game-stage,
.ms-shell .game-stage,
body.app-scroll .table-wrap,
body.app-scroll .ag-users-list,
body.app-scroll .ag-ops-layout .table-wrap,
body.app-scroll .ag-rake-list{
  scrollbar-width: thin;
  scrollbar-color: rgba(212,160,23,.45) rgba(15,23,42,.28);
}
body.app-scroll > main.wrap::-webkit-scrollbar,
body.app-scroll > .wrap::-webkit-scrollbar,
body.app-scroll > main.rc-box::-webkit-scrollbar,
body.app-scroll > .rc-box::-webkit-scrollbar,
body.app-scroll .bc-lobby::-webkit-scrollbar,
.game-shell .game-stage::-webkit-scrollbar,
.pc-shell .game-stage::-webkit-scrollbar,
.dc-shell .game-stage::-webkit-scrollbar,
.as-shell .game-stage::-webkit-scrollbar,
.ms-shell .game-stage::-webkit-scrollbar,
body.app-scroll .table-wrap::-webkit-scrollbar,
body.app-scroll .ag-users-list::-webkit-scrollbar,
body.app-scroll .ag-ops-layout .table-wrap::-webkit-scrollbar,
body.app-scroll .ag-rake-list::-webkit-scrollbar{
  width: 8px;
  height: 8px;
}
body.app-scroll > main.wrap::-webkit-scrollbar-track,
body.app-scroll > .wrap::-webkit-scrollbar-track,
body.app-scroll > main.rc-box::-webkit-scrollbar-track,
body.app-scroll > .rc-box::-webkit-scrollbar-track,
body.app-scroll .bc-lobby::-webkit-scrollbar-track,
.game-shell .game-stage::-webkit-scrollbar-track,
.pc-shell .game-stage::-webkit-scrollbar-track,
.dc-shell .game-stage::-webkit-scrollbar-track,
.as-shell .game-stage::-webkit-scrollbar-track,
.ms-shell .game-stage::-webkit-scrollbar-track,
body.app-scroll .table-wrap::-webkit-scrollbar-track,
body.app-scroll .ag-users-list::-webkit-scrollbar-track,
body.app-scroll .ag-ops-layout .table-wrap::-webkit-scrollbar-track,
body.app-scroll .ag-rake-list::-webkit-scrollbar-track{
  background: rgba(15,23,42,.28);
  border-radius: 999px;
}
body.app-scroll > main.wrap::-webkit-scrollbar-thumb,
body.app-scroll > .wrap::-webkit-scrollbar-thumb,
body.app-scroll > main.rc-box::-webkit-scrollbar-thumb,
body.app-scroll > .rc-box::-webkit-scrollbar-thumb,
body.app-scroll .bc-lobby::-webkit-scrollbar-thumb,
.game-shell .game-stage::-webkit-scrollbar-thumb,
.pc-shell .game-stage::-webkit-scrollbar-thumb,
.dc-shell .game-stage::-webkit-scrollbar-thumb,
.as-shell .game-stage::-webkit-scrollbar-thumb,
.ms-shell .game-stage::-webkit-scrollbar-thumb,
body.app-scroll .table-wrap::-webkit-scrollbar-thumb,
body.app-scroll .ag-users-list::-webkit-scrollbar-thumb,
body.app-scroll .ag-ops-layout .table-wrap::-webkit-scrollbar-thumb,
body.app-scroll .ag-rake-list::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg, rgba(253,230,138,.55), rgba(212,160,23,.4));
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
body.app-scroll > main.wrap::-webkit-scrollbar-thumb:hover,
body.app-scroll > .wrap::-webkit-scrollbar-thumb:hover,
body.app-scroll > main.rc-box::-webkit-scrollbar-thumb:hover,
body.app-scroll > .rc-box::-webkit-scrollbar-thumb:hover,
body.app-scroll .bc-lobby::-webkit-scrollbar-thumb:hover,
.game-shell .game-stage::-webkit-scrollbar-thumb:hover,
.pc-shell .game-stage::-webkit-scrollbar-thumb:hover,
.dc-shell .game-stage::-webkit-scrollbar-thumb:hover,
.as-shell .game-stage::-webkit-scrollbar-thumb:hover,
.ms-shell .game-stage::-webkit-scrollbar-thumb:hover{
  background: linear-gradient(180deg, rgba(253,230,138,.75), rgba(240,193,75,.55));
}

/* 德州牌桌 / 百家乐牌桌：禁止整页滚动 */
html:has(body.tx-shell),
body.tx-shell{
  height: 100%;
  max-height: 100dvh;
  overflow: hidden;
  overscroll-behavior: none;
}
body.tx-shell{
  min-height: 0;
}
body.tx-shell .game-shell{
  height: 100dvh;
  max-height: 100dvh;
}

/* Hero */
.hero {
  position: relative;
  margin: 8px 0 18px;
  padding: 34px 22px 28px;
  text-align: center;
  border-radius: 22px;
  border: 3px solid transparent;
  background:
    linear-gradient(
      165deg,
      rgba(26,34,56,.92),
      rgba(12,16,28,.88)
    ) padding-box,
    linear-gradient(
      135deg,
      rgba(255,247,214,.95) 0%,
      rgba(240,193,75,.95) 28%,
      rgba(45,212,191,.55) 52%,
      rgba(251,191,36,.9) 78%,
      rgba(255,247,214,.85) 100%
    ) border-box;
  box-shadow:
    0 0 0 1px rgba(240,193,75,.2),
    0 14px 36px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.1),
    inset 0 0 40px rgba(240,193,75,.06);
  backdrop-filter: blur(8px);
  animation: fadeUp .6s ease both;
  overflow: hidden;
}
.hero::before{
  content:"";
  position:absolute; inset:10px;
  border-radius:16px;
  border:1.5px solid rgba(240,193,75,.28);
  pointer-events:none;
  box-shadow:inset 0 0 24px rgba(240,193,75,.06);
}
.hero::after{
  content:"";
  position:absolute;
  left:18%; right:18%; top:0; height:3px;
  border-radius:0 0 8px 8px;
  background:linear-gradient(90deg, transparent, rgba(253,230,138,.9), rgba(45,212,191,.55), rgba(253,230,138,.9), transparent);
  pointer-events:none;
}
.hero h1 {
  position: relative; z-index: 1;
  margin: 0;
  font-size: clamp(1.8rem, 6vw, 2.6rem);
  font-weight: 800;
  letter-spacing: .06em;
  line-height: 1.2;
  background: linear-gradient(
    110deg,
    #fff7d6 0%,
    #fde68a 18%,
    #f0c14b 36%,
    #fbbf24 50%,
    #d4a017 68%,
    #f0c14b 82%,
    #fff7d6 100%
  );
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: heroGoldShine 3.6s linear infinite;
}
.hero p {
  position: relative; z-index: 1;
  margin-top: 12px;
  font-size: .95rem;
  font-weight: 700;
  letter-spacing: .04em;
  background: linear-gradient(135deg, #fff7d6 0%, #fde68a 28%, #f0c14b 55%, #d4a017 78%, #b45309 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
/* 首页黄历信息条 */
.home-almanac{
  margin: -6px 0 18px;
  display:flex; justify-content:center; align-items:center;
  padding:0 2px;
}
.home-almanac-pill{
  position:relative;
  width:100%; max-width:100%;
  box-sizing:border-box;
  text-align:center;
  padding:9px 16px;
  border-radius:999px;
  border:2px solid transparent;
  background:
    linear-gradient(165deg, rgba(28,18,10,.92), rgba(12,10,8,.9)) padding-box,
    linear-gradient(
      110deg,
      #fff7d6 0%,
      #fde68a 18%,
      #f0c14b 36%,
      #fbbf24 50%,
      #d4a017 68%,
      #f0c14b 82%,
      #fff7d6 100%
    ) border-box;
  background-size:100% 100%, 220% 100%;
  animation: homeAlmanacBorder 3.6s linear infinite;
  font-size:clamp(.68rem, 2.6vw, .82rem);
  font-weight:800;
  letter-spacing:.03em;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-shadow:
    0 0 0 1px rgba(240,193,75,.22),
    0 6px 18px rgba(0,0,0,.28),
    0 0 20px rgba(240,193,75,.12),
    inset 0 1px 0 rgba(255,255,255,.1);
}
.home-almanac-pill::before{
  content:"";
  position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:0;
  background:radial-gradient(120% 80% at 10% 0%, rgba(253,230,138,.14), transparent 50%);
}
.home-almanac-text{
  position:relative; z-index:1;
  display:inline-block;
  max-width:100%;
  background:linear-gradient(
    110deg,
    #fff7d6 0%,
    #fde68a 18%,
    #f0c14b 36%,
    #fbbf24 50%,
    #d4a017 68%,
    #f0c14b 82%,
    #fff7d6 100%
  );
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  animation: homeAlmanacShine 3.6s linear infinite;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.35));
}
@keyframes homeAlmanacShine{
  0%{ background-position:0% 50%; }
  100%{ background-position:220% 50%; }
}
@keyframes homeAlmanacBorder{
  0%{ background-position:0% 50%, 0% 50%; }
  100%{ background-position:0% 50%, 220% 50%; }
}
html[data-theme="light"] .home-almanac-pill{
  background:
    linear-gradient(165deg, #fffef8, #fff7ed) padding-box,
    linear-gradient(
      110deg,
      #fde68a 0%,
      #f59e0b 25%,
      #d97706 50%,
      #f0c14b 75%,
      #fde68a 100%
    ) border-box;
  background-size:100% 100%, 220% 100%;
  box-shadow:
    0 0 0 1px rgba(217,119,6,.2),
    0 6px 16px rgba(15,23,42,.1),
    inset 0 1px 0 rgba(255,255,255,.9);
}
html[data-theme="light"] .home-almanac-text{
  background:linear-gradient(
    110deg,
    #92400e 0%,
    #b45309 25%,
    #d97706 50%,
    #a16207 75%,
    #92400e 100%
  );
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  filter:none;
}
html[data-theme="light"] .hero {
  border: 3px solid transparent;
  background:
    linear-gradient(165deg, #ffffff, #f8fafc) padding-box,
    linear-gradient(
      135deg,
      #fde68a 0%,
      #f59e0b 30%,
      #14b8a6 55%,
      #d97706 80%,
      #fef3c7 100%
    ) border-box;
  box-shadow:
    0 0 0 1px rgba(202,138,4,.12),
    0 12px 28px rgba(15,23,42,.1),
    inset 0 1px 0 #fff;
  backdrop-filter: none;
}
html[data-theme="light"] .hero::before{
  border-color:rgba(202,138,4,.22);
  box-shadow:inset 0 0 20px rgba(251,191,36,.08);
}
html[data-theme="light"] .hero::after{
  background:linear-gradient(90deg, transparent, #fbbf24, #14b8a6, #fbbf24, transparent);
}
html[data-theme="light"] .hero h1 {
  background: linear-gradient(
    110deg,
    #fef3c7 0%,
    #fbbf24 18%,
    #f59e0b 36%,
    #d97706 50%,
    #b45309 68%,
    #f59e0b 82%,
    #fef3c7 100%
  );
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: heroGoldShine 3.6s linear infinite;
}
html[data-theme="light"] .hero p {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 35%, #d97706 65%, #b45309 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

@keyframes heroGoldShine {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: none; }
}
@keyframes pulseGlow {
  0%,100% { box-shadow: 0 0 0 0 rgba(212,160,23,.35); }
  50% { box-shadow: 0 0 24px 4px rgba(212,160,23,.2); }
}

/* 游戏网格 — 毛玻璃高端卡 */
.game-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 10px;
}
@media (min-width: 720px) {
  .game-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; }
}

.game-tile {
  --tile-accent: #d4a017;
  --tile-accent-soft: rgba(212, 160, 23, .22);
  --tile-glow: rgba(212, 160, 23, .2);
  --accent: var(--tile-accent-soft);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-radius: 20px;
  padding: 20px 14px 16px;
  min-height: 148px;
  border: 1px solid rgba(255, 255, 255, .14);
  background:
    linear-gradient(155deg, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, .03) 38%, transparent 62%),
    linear-gradient(165deg, rgba(28, 34, 52, .72) 0%, rgba(14, 18, 30, .78) 100%);
  backdrop-filter: blur(18px) saturate(1.35);
  -webkit-backdrop-filter: blur(18px) saturate(1.35);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, .32),
    0 0 0 1px rgba(255, 255, 255, .04) inset,
    inset 0 1px 0 rgba(255, 255, 255, .14),
    0 0 28px var(--tile-glow);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition:
    transform .28s cubic-bezier(.2, .8, .2, 1),
    border-color .28s ease,
    box-shadow .28s ease,
    background .28s ease;
  animation: fadeUp .5s ease both;
  text-decoration: none;
  color: inherit;
}
.game-tile:nth-child(1) { animation-delay: .05s; }
.game-tile:nth-child(2) { animation-delay: .1s; }
.game-tile:nth-child(3) { animation-delay: .15s; }
.game-tile:nth-child(4) { animation-delay: .2s; }
.game-tile:nth-child(5) { animation-delay: .25s; }
.game-tile:nth-child(6) { animation-delay: .3s; }
.game-tile:nth-child(7) { animation-delay: .35s; }
.game-tile:nth-child(8) { animation-delay: .4s; }

.game-tile::before {
  content: "";
  position: absolute;
  inset: -45% -30% auto;
  height: 88%;
  background:
    radial-gradient(circle at 50% 30%, var(--tile-accent-soft), transparent 68%),
    radial-gradient(ellipse at 80% 0%, rgba(255, 255, 255, .08), transparent 45%);
  pointer-events: none;
  z-index: 0;
}
.game-tile::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .1), transparent 28%),
    radial-gradient(120% 60% at 50% 120%, var(--tile-glow), transparent 60%);
  opacity: .85;
  z-index: 0;
}
.game-tile:active,
.game-tile:hover {
  transform: translateY(-4px) scale(1.015);
  border-color: color-mix(in srgb, var(--tile-accent) 55%, rgba(255, 255, 255, .35));
  box-shadow:
    0 18px 44px rgba(0, 0, 0, .38),
    0 0 0 1px rgba(255, 255, 255, .06) inset,
    inset 0 1px 0 rgba(255, 255, 255, .18),
    0 0 36px var(--tile-glow);
}

.game-tile .icon {
  position: relative;
  z-index: 1;
  width: 72px;
  height: 72px;
  margin: 0 auto 12px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
  font-size: 0;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .03)),
    linear-gradient(160deg, var(--tile-accent-soft), rgba(0, 0, 0, .32));
  border: 1px solid rgba(255, 255, 255, .18);
  box-shadow:
    0 12px 24px rgba(0, 0, 0, .34),
    inset 0 1px 0 rgba(255, 255, 255, .22),
    0 0 18px var(--tile-glow);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.game-tile .icon svg {
  width: 64px;
  height: 64px;
  display: block;
  flex-shrink: 0;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .4));
}
.game-tile .icon-flag {
  width: 72px;
  height: 72px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow:
    0 12px 24px rgba(0, 0, 0, .34),
    inset 0 1px 0 rgba(255, 255, 255, .18);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .2);
}
.game-tile .icon-flag svg,
.game-tile .icon-flag img {
  width: 64px;
  height: 64px;
  display: block;
  object-fit: cover;
}

.game-tile h3 {
  font-size: 1.06rem;
  font-weight: 800;
  letter-spacing: .02em;
  position: relative;
  z-index: 1;
  margin: 0;
  width: 100%;
  text-align: center;
  background: linear-gradient(
    105deg,
    #ffffff 0%,
    #fff8e7 18%,
    var(--tile-accent) 38%,
    #ffffff 52%,
    var(--tile-accent) 72%,
    #fff8e7 88%,
    #ffffff 100%
  );
  background-size: 240% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: tileTitleShine 4.8s linear infinite;
  filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .28));
}
.game-tile .tag {
  font-size: .72rem;
  margin-top: 5px;
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: center;
  background: linear-gradient(
    100deg,
    rgba(226, 232, 240, .75) 0%,
    #ffffff 32%,
    #fde68a 52%,
    rgba(226, 232, 240, .8) 100%
  );
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: tileTitleShine 6.5s ease-in-out infinite;
}
.game-tile .tile-meta {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  margin-top: 8px;
  padding: 6px 10px;
  border-radius: 12px;
  background: rgba(8, 12, 20, .38);
  border: 1px solid rgba(255, 255, 255, .1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}
.game-tile .tile-period {
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1.2;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: linear-gradient(95deg, #fde68a, #fff7ed, #fbbf24, #fde68a);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: tileTitleShine 5.5s linear infinite;
}
.game-tile .tile-cd {
  font-size: .8rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: .04em;
  line-height: 1.2;
  background: linear-gradient(
    100deg,
    #ffffff 0%,
    var(--tile-accent) 40%,
    #ffffff 70%,
    var(--tile-accent) 100%
  );
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: tileTitleShine 3.8s linear infinite;
}
@keyframes tileTitleShine {
  0% { background-position: 100% 50%; }
  100% { background-position: -100% 50%; }
}

.game-tile.pc28 {
  --tile-accent: #2dd4bf;
  --tile-accent-soft: rgba(45, 212, 191, .28);
  --tile-glow: rgba(45, 212, 191, .22);
}
.game-tile.airship {
  --tile-accent: #60a5fa;
  --tile-accent-soft: rgba(96, 165, 250, .28);
  --tile-glow: rgba(96, 165, 250, .22);
}
.game-tile.pc28 .icon,
.game-tile.macau6 .icon,
.game-tile.hk6 .icon,
.game-tile.dice .icon,
.game-tile.airship .icon,
.game-tile.user .icon {
  width: 96px;
  height: 96px;
  margin: -12px auto 0;
  overflow: hidden;
  padding: 0;
  flex-shrink: 0;
}
.game-tile.pc28 .icon img,
.game-tile.macau6 .icon img,
.game-tile.hk6 .icon img,
.game-tile.dice .icon img,
.game-tile.airship .icon img,
.game-tile.user .icon img,
.game-tile.pc28 .icon svg,
.game-tile.macau6 .icon svg,
.game-tile.hk6 .icon svg,
.game-tile.dice .icon svg,
.game-tile.airship .icon svg,
.game-tile.user .icon svg {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: inherit;
}
.game-tile.baccarat {
  --tile-accent: #fb7185;
  --tile-accent-soft: rgba(251, 113, 133, .28);
  --tile-glow: rgba(251, 113, 133, .22);
}
.game-tile.texas {
  --tile-accent: #f0c14b;
  --tile-accent-soft: rgba(240, 193, 75, .3);
  --tile-glow: rgba(240, 193, 75, .24);
}
.game-tile.baccarat,
.game-tile.texas {
  justify-content: center;
  align-items: center;
  text-align: center;
}
.game-tile.baccarat .icon,
.game-tile.texas .icon {
  width: 128px;
  height: 128px;
  margin: 0 auto 8px;
  overflow: hidden;
  padding: 0;
  flex-shrink: 0;
}
.game-tile.baccarat .icon img,
.game-tile.texas .icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: inherit;
}
.game-tile.dice {
  --tile-accent: #a78bfa;
  --tile-accent-soft: rgba(167, 139, 250, .28);
  --tile-glow: rgba(167, 139, 250, .22);
}
.game-tile.hk6 {
  --tile-accent: #f87171;
  --tile-accent-soft: rgba(248, 113, 113, .3);
  --tile-glow: rgba(248, 113, 113, .22);
}
.game-tile.macau6 {
  --tile-accent: #4ade80;
  --tile-accent-soft: rgba(74, 222, 128, .28);
  --tile-glow: rgba(74, 222, 128, .22);
}
.game-tile.user {
  --tile-accent: #94a3b8;
  --tile-accent-soft: rgba(148, 163, 184, .26);
  --tile-glow: rgba(148, 163, 184, .18);
}

html[data-theme="light"] .game-tile {
  border-color: rgba(15, 23, 42, .1);
  background:
    linear-gradient(155deg, rgba(255, 255, 255, .82) 0%, rgba(255, 255, 255, .48) 42%, rgba(248, 250, 252, .55) 100%),
    linear-gradient(165deg, rgba(255, 255, 255, .7), rgba(241, 245, 249, .65));
  backdrop-filter: blur(16px) saturate(1.25);
  -webkit-backdrop-filter: blur(16px) saturate(1.25);
  box-shadow:
    0 12px 28px rgba(15, 23, 42, .1),
    inset 0 1px 0 rgba(255, 255, 255, .9),
    0 0 22px var(--tile-glow);
}
html[data-theme="light"] .game-tile::before {
  opacity: .7;
}
html[data-theme="light"] .game-tile:hover,
html[data-theme="light"] .game-tile:active {
  border-color: color-mix(in srgb, var(--tile-accent) 40%, rgba(15, 23, 42, .15));
  box-shadow:
    0 16px 34px rgba(15, 23, 42, .14),
    inset 0 1px 0 rgba(255, 255, 255, .95),
    0 0 28px var(--tile-glow);
}
html[data-theme="light"] .game-tile .icon {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(255, 255, 255, .55)),
    linear-gradient(160deg, var(--tile-accent-soft), rgba(248, 250, 252, .9));
  border-color: rgba(15, 23, 42, .1);
  box-shadow:
    0 10px 20px rgba(15, 23, 42, .1),
    inset 0 1px 0 rgba(255, 255, 255, .95),
    0 0 14px var(--tile-glow);
}
html[data-theme="light"] .game-tile .icon svg {
  filter: drop-shadow(0 2px 3px rgba(15, 23, 42, .12));
}
html[data-theme="light"] .game-tile h3 {
  background: linear-gradient(
    105deg,
    #0f172a 0%,
    #334155 16%,
    var(--tile-accent) 40%,
    #0f172a 55%,
    var(--tile-accent) 78%,
    #1e293b 100%
  );
  background-size: 240% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 1px 1px rgba(255, 255, 255, .5));
}
html[data-theme="light"] .game-tile .tag {
  background: linear-gradient(
    100deg,
    #64748b 0%,
    #475569 28%,
    #b45309 55%,
    #64748b 100%
  );
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
html[data-theme="light"] .game-tile .tile-meta {
  background: rgba(255, 255, 255, .72);
  border-color: rgba(15, 23, 42, .08);
}
html[data-theme="light"] .game-tile .tile-period {
  background: linear-gradient(95deg, #b45309, #d97706, #f59e0b, #b45309);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
html[data-theme="light"] .game-tile .tile-cd {
  background: linear-gradient(
    100deg,
    #0f172a 0%,
    var(--tile-accent) 45%,
    #0f172a 75%,
    var(--tile-accent) 100%
  );
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* 表单 */
.auth-box {
  max-width: 400px;
  margin: 40px auto;
  padding: 28px 22px;
  border-radius: 20px;
  background: rgba(18,24,43,.9);
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
  animation: fadeUp .5s ease;
  color: var(--text);
}
.auth-box h2 {
  text-align: center;
  margin-bottom: 6px;
  font-size: 1.5rem;
  color: var(--text);
}
.auth-box .sub {
  text-align: center;
  color: var(--muted);
  font-size: .85rem;
  margin-bottom: 22px;
}
html[data-theme="light"] .auth-box {
  background: rgba(255,255,255,.96);
  border-color: rgba(15,23,42,.1);
  box-shadow: 0 16px 40px rgba(15,23,42,.1);
  color: var(--text);
}
html[data-theme="light"] .auth-box h2 {
  background: linear-gradient(135deg, #f59e0b, #d97706, #b45309);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
html[data-theme="light"] .auth-box .form-group label {
  color: #475569;
}
html[data-theme="light"] .auth-box .form-group input,
html[data-theme="light"] .auth-box .form-group select {
  background: #f8fafc;
  color: #1e293b;
  border-color: rgba(15,23,42,.14);
}
html[data-theme="light"] .auth-box .form-group input::placeholder {
  color: #94a3b8;
}
html[data-theme="light"] .auth-box a {
  color: var(--gold2);
  font-weight: 700;
}

.form-group { margin-bottom: 14px; }
.form-group label {
  display: block;
  font-size: .8rem;
  color: var(--muted);
  margin-bottom: 6px;
}
.form-group input, .form-group select, .form-group textarea {
  width: 100%;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--bg0);
  color: var(--text);
  font-size: 1rem;
  outline: none;
  transition: border-color .2s;
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
  border-color: var(--gold);
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 20px;
  border: none;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: transform .15s, opacity .15s;
}
.btn:active { transform: scale(.97); }
.btn-block { width: 100%; }
.btn-primary {
  background: linear-gradient(135deg, var(--gold2), var(--gold));
  color: #1a1200;
  animation: pulseGlow 2.5s ease infinite;
}
.btn-ghost {
  background: transparent;
  border: 1px solid var(--border);
  color: var(--text);
}
.btn-teal {
  background: linear-gradient(135deg, #2dd4bf, #0d9488);
  color: #042f2e;
}
.btn-danger {
  background: linear-gradient(135deg, #fb7185, #e11d48);
  color: #fff;
}
.btn-sm { padding: 6px 12px; font-size: .8rem; border-radius: 8px; }

.alert {
  padding: 10px 12px;
  border-radius: 10px;
  margin-bottom: 14px;
  font-size: .88rem;
}
.alert-err { background: rgba(248,113,113,.15); color: var(--danger); border: 1px solid rgba(248,113,113,.3); }
.alert-ok { background: rgba(52,211,153,.15); color: var(--ok); border: 1px solid rgba(52,211,153,.3); }

/* 提现地址：前台用户/代理统一红色（随暗夜/明亮 --danger） */
.wd-addr{
  color: var(--danger) !important;
  font-weight: 700;
  word-break: break-all;
}
input.wd-addr,
textarea.wd-addr{
  color: var(--danger) !important;
  font-weight: 700;
  opacity: 1 !important;
  -webkit-text-fill-color: var(--danger);
}

/* 底栏 */
.tabbar {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  display: flex;
  gap: 6px;
  background: var(--tabbar-bg);
  backdrop-filter: blur(16px) saturate(1.15);
  -webkit-backdrop-filter: blur(16px) saturate(1.15);
  border-top: 1px solid rgba(201,162,39,.35);
  z-index: 60;
  padding: 6px 6px calc(6px + env(safe-area-inset-bottom));
  color: var(--text);
  box-shadow: 0 -6px 18px rgba(0,0,0,.18);
}
.tabbar a {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 8px 4px 6px;
  color: var(--muted);
  font-size: .72rem;
  font-weight: 700;
  line-height: 1.2;
  border: 1.5px solid rgba(148,163,184,.4);
  border-radius: 12px;
  background: linear-gradient(165deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  box-shadow: 0 2px 6px rgba(0,0,0,.12);
  transition: border-color .15s, background .15s, color .15s, box-shadow .15s, transform .12s;
}
.tabbar a:hover {
  color: var(--gold2);
  border-color: rgba(240,193,75,.55);
}
.tabbar a.active {
  color: #1c1917;
  border-color: #f0c14b;
  background: linear-gradient(135deg, #f0c14b, #c9a227);
  box-shadow: 0 0 0 2px rgba(240,193,75,.28), 0 6px 14px rgba(201,162,39,.35);
  transform: translateY(-1px);
}
.tabbar .ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 22px;
  margin-bottom: 2px;
  font-size: 1.2rem;
  line-height: 1;
}
.tabbar a.active .ico { filter: drop-shadow(0 1px 0 rgba(255,255,255,.25)); }
.tabbar .ico-pc28 { line-height: 0; }
.tabbar .ico-pc28 svg {
  display: block;
  width: 26px;
  height: 16px;
}
html[data-theme="light"] .tabbar {
  border-top-color: rgba(146,64,14,.28);
  box-shadow: 0 -4px 14px rgba(15,23,42,.08);
}
html[data-theme="light"] .tabbar a {
  border-color: rgba(15,23,42,.2);
  background: linear-gradient(165deg, #ffffff, #f1f5f9);
  color: #64748b;
  box-shadow: 0 2px 6px rgba(15,23,42,.06);
}
html[data-theme="light"] .tabbar a:hover {
  color: #a16207;
  border-color: rgba(202,138,4,.45);
}
html[data-theme="light"] .tabbar a.active {
  color: #1c1917;
  border-color: #ca8a04;
  background: linear-gradient(135deg, #f0c14b, #c9a227);
  box-shadow: 0 0 0 2px rgba(202,138,4,.2), 0 6px 14px rgba(201,162,39,.28);
}

/* 面板 */
.panel {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 16px;
  margin-bottom: 14px;
}
.panel h3 { font-size: 1rem; margin-bottom: 10px; }
.stat-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.stat {
  background: var(--bg1);
  border-radius: 12px;
  padding: 14px;
  text-align: center;
}
.stat .n { font-size: 1.35rem; font-weight: 700; color: var(--gold2); }
.stat .l { font-size: .75rem; color: var(--muted); margin-top: 2px; }

/* 代理后台：统计卡片背景（暗夜 / 明亮） */
.ag-stat-row{ margin-bottom:14px; gap:12px; }
.ag-stat{
  position:relative;
  overflow:hidden;
  display:flex; flex-direction:column; align-items:center;
  border-radius:14px;
  padding:16px 12px 14px;
  border:1px solid rgba(255,255,255,.1);
  background:
    radial-gradient(120% 90% at 10% 0%, rgba(255,255,255,.08), transparent 55%),
    linear-gradient(165deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  box-shadow:0 8px 22px rgba(0,0,0,.22);
  backdrop-filter:blur(6px);
}
.ag-stat::before{
  content:"";
  position:absolute; left:12px; right:12px; top:0; height:3px;
  border-radius:0 0 6px 6px;
  background:linear-gradient(90deg, rgba(240,193,75,.2), rgba(240,193,75,.85), rgba(240,193,75,.2));
}
.ag-stat .n{
  position:relative; z-index:1;
  font-size:1.28rem; font-weight:800; letter-spacing:.01em;
  line-height:1.2; word-break:break-all;
}
.ag-stat .l{
  position:relative; z-index:1;
  margin-top:6px; font-size:.76rem; font-weight:600; color:var(--muted);
}
.ag-stat-sub{
  position:relative; z-index:1;
  font-size:.72rem; color:var(--muted); margin-top:4px;
}
.ag-stat-btn{ margin-top:8px; position:relative; z-index:1; }
.ag-stat-btn + .ag-stat-btn{ margin-top:6px; }
.ag-stat-center{ justify-content:center; min-height:96px; }

.ag-stat-sky{
  border-color:rgba(96,165,250,.35);
  background:
    radial-gradient(120% 90% at 12% 0%, rgba(96,165,250,.22), transparent 55%),
    linear-gradient(165deg, rgba(30,58,138,.38), rgba(15,23,42,.35));
}
.ag-stat-sky::before{ background:linear-gradient(90deg, transparent, #60a5fa, transparent); }
.ag-stat-sky .n{ color:#93c5fd; }

.ag-stat-gold{
  border-color:rgba(240,193,75,.4);
  background:
    radial-gradient(120% 90% at 12% 0%, rgba(240,193,75,.22), transparent 55%),
    linear-gradient(165deg, rgba(120,83,14,.42), rgba(15,23,42,.35));
}
.ag-stat-gold::before{ background:linear-gradient(90deg, transparent, #f0c14b, transparent); }
.ag-stat-gold .n{ color:var(--gold2); }

.ag-stat-ok{
  border-color:rgba(52,211,153,.38);
  background:
    radial-gradient(120% 90% at 12% 0%, rgba(52,211,153,.2), transparent 55%),
    linear-gradient(165deg, rgba(6,78,59,.4), rgba(15,23,42,.35));
}
.ag-stat-ok::before{ background:linear-gradient(90deg, transparent, #34d399, transparent); }
.ag-stat-ok .n{ color:var(--ok); }

.ag-stat-teal{
  border-color:rgba(45,212,191,.4);
  background:
    radial-gradient(120% 90% at 12% 0%, rgba(45,212,191,.2), transparent 55%),
    linear-gradient(165deg, rgba(19,78,74,.42), rgba(15,23,42,.35));
}
.ag-stat-teal::before{ background:linear-gradient(90deg, transparent, #2dd4bf, transparent); }
.ag-stat-teal .n{ color:var(--teal); }

.ag-stat-amber{
  border-color:rgba(251,191,36,.4);
  background:
    radial-gradient(120% 90% at 12% 0%, rgba(251,191,36,.2), transparent 55%),
    linear-gradient(165deg, rgba(120,53,15,.4), rgba(15,23,42,.35));
}
.ag-stat-amber::before{ background:linear-gradient(90deg, transparent, #fbbf24, transparent); }
.ag-stat-amber .n{ color:#fbbf24; }

.ag-stat-rose{
  border-color:rgba(251,113,133,.38);
  background:
    radial-gradient(120% 90% at 12% 0%, rgba(251,113,133,.18), transparent 55%),
    linear-gradient(165deg, rgba(136,19,55,.38), rgba(15,23,42,.35));
}
.ag-stat-rose::before{ background:linear-gradient(90deg, transparent, #fb7185, transparent); }
.ag-stat-rose .n{ color:#fb7185; }

html[data-theme="light"] .ag-stat{
  box-shadow:0 6px 18px rgba(15,23,42,.08);
  backdrop-filter:none;
  background:
    radial-gradient(120% 90% at 10% 0%, rgba(15,23,42,.03), transparent 55%),
    linear-gradient(165deg, #ffffff, #f8fafc);
  border-color:rgba(15,23,42,.08);
}
html[data-theme="light"] .ag-stat-sky{
  border-color:rgba(37,99,235,.28);
  background:
    radial-gradient(120% 90% at 12% 0%, rgba(59,130,246,.14), transparent 55%),
    linear-gradient(165deg, #eff6ff, #ffffff);
}
html[data-theme="light"] .ag-stat-sky .n{ color:#1d4ed8; }
html[data-theme="light"] .ag-stat-gold{
  border-color:rgba(202,138,4,.35);
  background:
    radial-gradient(120% 90% at 12% 0%, rgba(251,191,36,.18), transparent 55%),
    linear-gradient(165deg, #fffbeb, #ffffff);
}
html[data-theme="light"] .ag-stat-gold .n{ color:#a16207; }
html[data-theme="light"] .ag-stat-ok{
  border-color:rgba(5,150,105,.3);
  background:
    radial-gradient(120% 90% at 12% 0%, rgba(16,185,129,.14), transparent 55%),
    linear-gradient(165deg, #ecfdf5, #ffffff);
}
html[data-theme="light"] .ag-stat-ok .n{ color:#047857; }
html[data-theme="light"] .ag-stat-teal{
  border-color:rgba(13,148,136,.3);
  background:
    radial-gradient(120% 90% at 12% 0%, rgba(20,184,166,.14), transparent 55%),
    linear-gradient(165deg, #f0fdfa, #ffffff);
}
html[data-theme="light"] .ag-stat-teal .n{ color:#0f766e; }
html[data-theme="light"] .ag-stat-amber{
  border-color:rgba(217,119,6,.3);
  background:
    radial-gradient(120% 90% at 12% 0%, rgba(245,158,11,.16), transparent 55%),
    linear-gradient(165deg, #fff7ed, #ffffff);
}
html[data-theme="light"] .ag-stat-amber .n{ color:#b45309; }
html[data-theme="light"] .ag-stat-rose{
  border-color:rgba(225,29,72,.28);
  background:
    radial-gradient(120% 90% at 12% 0%, rgba(244,63,94,.12), transparent 55%),
    linear-gradient(165deg, #fff1f2, #ffffff);
}
html[data-theme="light"] .ag-stat-rose .n{ color:#be123c; }

/* 表格 + 横向滚动条 */
.table-wrap{
  overflow-x:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(20,184,166,.55) rgba(15,23,42,.35);
}
.table-wrap::-webkit-scrollbar{height:10px}
.table-wrap::-webkit-scrollbar-track{background:rgba(15,23,42,.35);border-radius:999px}
.table-wrap::-webkit-scrollbar-thumb{
  background:linear-gradient(90deg,rgba(20,184,166,.65),rgba(251,191,36,.55));
  border-radius:999px;border:2px solid rgba(15,23,42,.35);
}
.table-wrap::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#14b8a6,#fbbf24)}
table.data {
  width: 100%;
  border-collapse: collapse;
  font-size: .85rem;
}
table.data th, table.data td {
  padding: 10px 8px;
  text-align: left;
  border-bottom: 1px solid var(--border);
}
table.data th { color: var(--muted); font-weight: 500; }

/* 游戏页（跟随明亮/暗夜；百家乐桌内、德州桌内页面单独硬编码氛围，不套用） */
.game-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  color: var(--text);
  background:
    radial-gradient(ellipse 80% 45% at 15% -5%, rgba(212,160,23,.18), transparent 55%),
    radial-gradient(ellipse 60% 40% at 95% 8%, rgba(45,212,191,.1), transparent 50%),
    radial-gradient(ellipse 50% 45% at 50% 100%, rgba(26,35,64,.55), transparent 60%),
    var(--bg0);
}
.game-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  padding: 10px 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.06), transparent), var(--topbar-bg);
  border-bottom: 1px solid rgba(201,162,39,.28);
  color: var(--text);
  box-shadow: 0 4px 16px rgba(0,0,0,.12);
  backdrop-filter: blur(10px);
  position: relative;
  z-index: 5;
  flex-wrap: nowrap;
}
.game-header > .nav-back{ flex-shrink: 0; position: relative; z-index: 2; }
/* 页面名称绝对居中（可带首页同款图标） */
.game-header > strong,
.game-header > .game-hd-brand{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  margin: 0;
  max-width: min(70%, 16em);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;
}
.game-header > .game-hd-brand{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  overflow: visible;
  text-overflow: unset;
}
.game-header > .game-hd-brand strong{
  position: static;
  left: auto;
  top: auto;
  transform: none;
  max-width: none;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}
.game-header > .game-hd-brand .game-hd-ico{
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid rgba(201,162,39,.55);
  box-sizing: border-box;
  object-fit: cover;
  display: block;
  background: rgba(15,23,42,.35);
  box-shadow: 0 2px 8px rgba(0,0,0,.28);
  overflow: hidden;
}
.game-header > .game-hd-brand .game-hd-ico.svg-wrap{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
}
.game-header > .game-hd-brand .game-hd-ico.svg-wrap svg{
  width: 100%;
  height: 100%;
  display: block;
}
.game-header > .game-player-bar.is-identity{
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  margin: 0 0 0 auto; /* 把头像名称+全屏一起顶到右侧 */
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  justify-content: flex-start;
  gap: 5px;
  position: relative;
  z-index: 2;
}
.game-header > .fs-btn{
  margin-left: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}
.game-header > .game-player-bar.is-identity .avatar-xs{
  width: 26px;
  height: 26px;
}
.game-header > .game-player-bar.is-identity .game-player-name{
  max-width: 4.2em;
  font-size: .74rem;
}
/* 游客：标题右侧登录 */
.game-header > .game-guest-auth{
  flex: 0 0 auto;
  margin: 0 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  z-index: 2;
}
.game-guest-auth .game-guest-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 12px;
  border-radius: 8px;
  font-size: .78rem;
  font-weight: 700;
  text-decoration: none;
  color: #fde68a;
  border: 1px solid rgba(251,191,36,.45);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(0,0,0,.22));
  white-space: nowrap;
}
.game-guest-auth .game-guest-btn.is-reg{
  color: #0f172a;
  border-color: rgba(251,191,36,.7);
  background: linear-gradient(180deg, #fde68a, #d4a017);
}
.game-guest-auth .game-guest-btn:active{ opacity: .88; }
html[data-theme="light"] .game-guest-auth .game-guest-btn{
  color: #92400e;
  border-color: rgba(180,83,9,.35);
  background: #fffbeb;
}
html[data-theme="light"] .game-guest-auth .game-guest-btn.is-reg{
  color: #78350f;
  background: linear-gradient(180deg, #fef3c7, #f59e0b);
}
/* 游客只看开奖：隐藏下注相关 UI（加拿大28 刮刮乐保留，见下方覆盖） */
.game-shell.is-guest-view .pc-topbar,
.game-shell.is-guest-view .dc-topbar,
.game-shell.is-guest-view .as-topbar,
.game-shell.is-guest-view .ms-topbar,
.game-shell.is-guest-view .wallet-field-bar,
.game-shell.is-guest-view .pc-tip-stack,
.game-shell.is-guest-view .dc-tip-stack,
.game-shell.is-guest-view .as-tip-stack,
.game-shell.is-guest-view .ms-tip-stack,
.game-shell.is-guest-view .gb-action-row,
.game-shell.is-guest-view .pc-play-mode,
.game-shell.is-guest-view .pc-mode-meta,
.game-shell.is-guest-view .pc-limit-row,
.game-shell.is-guest-view .pc-tabs,
.game-shell.is-guest-view .pc-panel,
.game-shell.is-guest-view .as-tabs,
.game-shell.is-guest-view .as-panel,
.game-shell.is-guest-view .ms-tabs,
.game-shell.is-guest-view .ms-panel,
.game-shell.is-guest-view .bet-opts,
.game-shell.is-guest-view .dc-sum-label,
.game-shell.is-guest-view .game-footer,
.game-shell.is-guest-view .dc-scratch-btn,
.game-shell.is-guest-view .as-scratch-btn,
.game-shell.is-guest-view .ms-scratch-btn,
.game-shell.is-guest-view .pc-odds-mask,
.game-shell.is-guest-view .dc-odds-mask,
.game-shell.is-guest-view .as-odds-mask,
.game-shell.is-guest-view .ms-mask{
  display: none !important;
}
/* 游客加拿大28：刮刮乐显示在倒计时左侧（.pc-head-right 内原有顺序） */
.game-shell.is-guest-view.pc-shell .pc-scratch-btn{
  display: inline-flex !important;
}
/* 游客：历史开奖默认展开，占满页面下方剩余空间 */
.game-shell.is-guest-view{
  height: 100vh;
  height: 100dvh;
  max-height: 100vh;
  max-height: 100dvh;
  min-height: 0;
  overflow: hidden;
}
.game-shell.is-guest-view > .game-header{
  flex-shrink: 0;
}
.game-shell.is-guest-view > .game-stage{
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  width: 100%;
  padding-bottom: max(10px, env(safe-area-inset-bottom));
}
.game-shell.is-guest-view .pc-draw-wrap,
.game-shell.is-guest-view .as-draw-wrap,
.game-shell.is-guest-view .ms-draw-wrap,
.game-shell.is-guest-view .dc-wrap{
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
}
.game-shell.is-guest-view .pc-card,
.game-shell.is-guest-view .as-card,
.game-shell.is-guest-view .ms-card,
.game-shell.is-guest-view .dc-card{
  flex-shrink: 0;
}
/* 游客六合彩：最新开奖上方显示首页同款黄历条 */
.game-shell.is-guest-view .ms-guest-almanac{
  margin: 0 0 10px;
  flex-shrink: 0;
  width: 100%;
}
.game-shell.is-guest-view .ms-guest-almanac .home-almanac-pill{
  font-size: clamp(.62rem, 2.4vw, .76rem);
  padding: 8px 12px;
}
.game-shell.is-guest-view .pc-hist-box.open,
.game-shell.is-guest-view .as-hist-box.open,
.game-shell.is-guest-view .ms-hist-box.open,
.game-shell.is-guest-view .dc-hist-box.open{
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}
.game-shell.is-guest-view .pc-hist-box.open .pc-hist-toggle,
.game-shell.is-guest-view .as-hist-box.open .as-hist-toggle,
.game-shell.is-guest-view .ms-hist-box.open .ms-hist-toggle,
.game-shell.is-guest-view .dc-hist-box.open .dc-hist-toggle{
  flex-shrink: 0;
}
.game-shell.is-guest-view .pc-hist-box.open .pc-hist-panel,
.game-shell.is-guest-view .as-hist-box.open .as-hist-panel,
.game-shell.is-guest-view .ms-hist-box.open .ms-hist-panel,
.game-shell.is-guest-view .dc-hist-box.open .dc-hist-panel{
  display: block !important;
  flex: 1 1 auto;
  min-height: 140px;
  max-height: none !important;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.game-header::after{
  content:"";
  position:absolute; left:12%; right:12%; bottom:0; height:1px;
  background:linear-gradient(90deg, transparent, rgba(240,193,75,.55), transparent);
  pointer-events:none;
}
/* 游戏页顶栏标题：与德州大厅 brand 同款金黄渐变流动 */
.game-header > strong,
.game-header > .game-hd-brand strong {
  font-weight: 800;
  letter-spacing: .04em;
  background: linear-gradient(
    110deg,
    #fff7d6 0%,
    #fde68a 18%,
    #f0c14b 36%,
    #fbbf24 50%,
    #d4a017 68%,
    #f0c14b 82%,
    #fff7d6 100%
  );
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: heroGoldShine 3.6s linear infinite;
}
html[data-theme="light"] .game-header > strong,
html[data-theme="light"] .game-header > .game-hd-brand strong {
  background: linear-gradient(
    110deg,
    #fef3c7 0%,
    #fbbf24 18%,
    #f59e0b 36%,
    #d97706 50%,
    #b45309 68%,
    #f59e0b 82%,
    #fef3c7 100%
  );
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: heroGoldShine 3.6s linear infinite;
}
.game-stage {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 14px 12px 18px;
  position: relative;
}
.game-footer {
  padding: 12px 14px calc(12px + env(safe-area-inset-bottom));
  background: linear-gradient(0deg, rgba(255,255,255,.04), transparent), var(--tabbar-bg);
  border-top: 1px solid rgba(201,162,39,.28);
  box-shadow: 0 -6px 18px rgba(0,0,0,.14);
  backdrop-filter: blur(10px);
}

/* 开奖卡片统一金边光泽（PC28 / 飞艇 / 六合彩 / 骰子） */
.pc-card,
.as-card,
.ms-card,
.dc-card{
  position: relative;
  overflow: hidden;
  border-radius: 16px !important;
  border: 1px solid rgba(201,162,39,.38) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(253,230,138,.12) !important;
  background:
    radial-gradient(ellipse at 20% 0%, rgba(251,191,36,.14), transparent 45%),
    radial-gradient(ellipse at 90% 100%, rgba(45,212,191,.1), transparent 42%),
    linear-gradient(165deg, #1a2230 0%, #121820 55%, #0e141c 100%) !important;
}
.pc-card::before,
.as-card::before,
.ms-card::before,
.dc-card::before{
  content:"";
  position:absolute; left:12px; right:12px; top:0; height:2px;
  background:linear-gradient(90deg, transparent, rgba(251,191,36,.75), transparent);
  opacity:.85; pointer-events:none; z-index:2;
}

/* 通用游戏面板在明亮模式下可读 */
html[data-theme="light"] .game-shell{
  background:
    radial-gradient(ellipse 80% 45% at 15% -5%, rgba(251,191,36,.16), transparent 55%),
    radial-gradient(ellipse 60% 40% at 95% 8%, rgba(20,184,166,.08), transparent 50%),
    linear-gradient(180deg, #eef2ff 0%, #f3f5f9 45%, #e2e8f0 100%);
}
html[data-theme="light"] .game-header{
  background: rgba(255,255,255,.92);
  border-bottom-color: rgba(146,64,14,.22);
  box-shadow: 0 4px 14px rgba(15,23,42,.06);
}

/* 前台统一返回按钮：金色胶囊 + SVG 箭头 */
.nav-back,
.pf-back,
.wd-back,
.sec-back,
.ag-back{
  --nav-back-fg: #fde68a;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px 0 9px;
  margin: 0;
  border-radius: 999px;
  border: 1px solid rgba(240,193,75,.48);
  background:
    radial-gradient(120% 140% at 18% 20%, rgba(253,230,138,.35), transparent 52%),
    linear-gradient(165deg, rgba(240,193,75,.28) 0%, rgba(180,83,9,.22) 55%, rgba(15,23,42,.45) 100%);
  box-shadow:
    0 4px 14px rgba(212,160,23,.28),
    0 0 0 1px rgba(253,230,138,.08),
    inset 0 1px 0 rgba(255,255,255,.22);
  color: var(--nav-back-fg) !important;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .03em;
  line-height: 1;
  text-decoration: none !important;
  white-space: nowrap;
  flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
  transition: color .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease, transform .12s ease;
}
.nav-back::before,
.pf-back::before,
.wd-back::before,
.sec-back::before,
.ag-back::before{
  content: "";
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background: currentColor;
  filter: drop-shadow(0 0 4px rgba(253,230,138,.35));
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2.55' stroke-linecap='round' stroke-linejoin='round' d='M15.5 5.5L9 12l6.5 6.5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2.55' stroke-linecap='round' stroke-linejoin='round' d='M15.5 5.5L9 12l6.5 6.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.nav-back:hover,
.pf-back:hover,
.wd-back:hover,
.sec-back:hover,
.ag-back:hover{
  --nav-back-fg: #fff7d6;
  border-color: rgba(253,230,138,.72);
  background:
    radial-gradient(120% 140% at 18% 20%, rgba(255,247,214,.45), transparent 55%),
    linear-gradient(165deg, rgba(251,191,36,.42) 0%, rgba(217,119,6,.32) 55%, rgba(15,23,42,.42) 100%);
  box-shadow:
    0 6px 18px rgba(212,160,23,.38),
    0 0 0 3px rgba(240,193,75,.16),
    inset 0 1px 0 rgba(255,255,255,.28);
  transform: translateY(-1px);
}
.nav-back:active,
.pf-back:active,
.wd-back:active,
.sec-back:active,
.ag-back:active{
  transform: translateY(0) scale(.96);
}
.nav-back.is-icon{
  width: 34px;
  padding: 0;
  gap: 0;
}
.nav-back.is-icon::before{
  width: 18px;
  height: 18px;
}
.pf-back,
.wd-back,
.sec-back{ margin-bottom: 12px; }
.ag-page-head .ag-back{ width: fit-content; margin-bottom: 0; }
html[data-theme="light"] .nav-back,
html[data-theme="light"] .pf-back,
html[data-theme="light"] .wd-back,
html[data-theme="light"] .sec-back,
html[data-theme="light"] .ag-back{
  --nav-back-fg: #92400e;
  border-color: rgba(202,138,4,.42);
  background:
    radial-gradient(120% 140% at 20% 15%, rgba(253,230,138,.75), transparent 55%),
    linear-gradient(165deg, #fffbeb 0%, #fef3c7 45%, #fde68a 100%);
  box-shadow:
    0 4px 12px rgba(161,98,7,.16),
    inset 0 1px 0 rgba(255,255,255,.95);
}
html[data-theme="light"] .nav-back:hover,
html[data-theme="light"] .pf-back:hover,
html[data-theme="light"] .wd-back:hover,
html[data-theme="light"] .sec-back:hover,
html[data-theme="light"] .ag-back:hover{
  --nav-back-fg: #78350f;
  border-color: rgba(180,83,9,.5);
  background:
    radial-gradient(120% 140% at 20% 15%, #fff7d6, transparent 55%),
    linear-gradient(165deg, #fef3c7 0%, #fde68a 50%, #fbbf24 100%);
  box-shadow:
    0 6px 16px rgba(161,98,7,.2),
    0 0 0 3px rgba(251,191,36,.18),
    inset 0 1px 0 #fff;
}
html[data-theme="light"] .game-footer{
  background: rgba(255,255,255,.96);
  border-top-color: rgba(146,64,14,.22);
  box-shadow: 0 -4px 14px rgba(15,23,42,.05);
}
html[data-theme="light"] .pc-card,
html[data-theme="light"] .as-card,
html[data-theme="light"] .ms-card,
html[data-theme="light"] .dc-card {
  background:
    radial-gradient(ellipse at 20% 0%, rgba(212,160,23,.12), transparent 45%),
    radial-gradient(ellipse at 90% 100%, rgba(13,148,136,.08), transparent 42%),
    linear-gradient(165deg, #ffffff 0%, #f3f5f9 55%, #e8eef8 100%) !important;
  border-color: rgba(184,134,11,.35) !important;
  color: var(--text);
  box-shadow:
    0 10px 24px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}
html[data-theme="light"] .pc-topbar,
html[data-theme="light"] .as-topbar,
html[data-theme="light"] .ms-topbar,
html[data-theme="light"] .dc-topbar {
  background: var(--topbar-bg) !important;
  border-bottom-color: var(--border) !important;
}
html[data-theme="light"] .pc-shell .game-footer,
html[data-theme="light"] .as-shell .game-footer,
html[data-theme="light"] .ms-shell .game-footer,
html[data-theme="light"] .dc-shell .game-footer {
  background: rgba(255,255,255,.98) !important;
  border-top-color: rgba(146,64,14,.28) !important;
  box-shadow: 0 -6px 16px rgba(15,23,42,.08) !important;
}
html[data-theme="light"] .pc-shell .pc-footer-tip,
html[data-theme="light"] .as-shell .as-footer-tip,
html[data-theme="light"] .ms-shell .ms-footer-tip,
html[data-theme="light"] .dc-shell .dc-footer-tip {
  color: #92400e !important;
  -webkit-text-fill-color: #92400e !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  background: none !important;
  animation: none !important;
}
html[data-theme="light"] .pc-shell .chip,
html[data-theme="light"] .as-shell .chip,
html[data-theme="light"] .ms-shell .chip,
html[data-theme="light"] .dc-shell .chip {
  background: linear-gradient(180deg, #fffbeb, #fef3c7) !important;
  border-color: rgba(146,64,14,.45) !important;
  color: #92400e !important;
}
html[data-theme="light"] .pc-shell .chip.active,
html[data-theme="light"] .as-shell .chip.active,
html[data-theme="light"] .ms-shell .chip.active,
html[data-theme="light"] .dc-shell .chip.active {
  background: linear-gradient(180deg, #fbbf24, #d97706) !important;
  color: #1c1917 !important;
  border-color: rgba(146,64,14,.55) !important;
}
html[data-theme="light"] .pc-shell .pc-custom-amt input,
html[data-theme="light"] .as-shell .as-custom-amt input,
html[data-theme="light"] .ms-shell .ms-custom-amt input,
html[data-theme="light"] .dc-shell .dc-custom-amt input {
  background: #fff !important;
  color: #92400e !important;
  border-color: rgba(146,64,14,.4) !important;
}
html[data-theme="light"] .pc-shell .pc-custom-label,
html[data-theme="light"] .as-shell .as-custom-label,
html[data-theme="light"] .ms-shell .ms-custom-label,
html[data-theme="light"] .dc-shell .dc-custom-label {
  color: #92400e !important;
}
html[data-theme="light"] .pc-shell #btnBet.btn-primary,
html[data-theme="light"] .as-shell #btnBet.btn-primary,
html[data-theme="light"] .ms-shell #btnBet.btn-primary,
html[data-theme="light"] .dc-shell #btnBet.btn-primary {
  background: linear-gradient(135deg, #f59e0b, #d97706, #b45309) !important;
  color: #1c1917 !important;
  box-shadow: 0 4px 12px rgba(180,83,9,.28);
}
/* 六合彩对照表：明亮模式文字对比度 */
html[data-theme="light"] .ms-shell .ms-ref-row .nums,
html[data-theme="light"] .ms-shell .ms-ref-zchip {
  color: #1e293b !important;
}
html[data-theme="light"] .ms-shell .ms-ref-zchip {
  background: #f1f5f9 !important;
  border-color: rgba(15,23,42,.12) !important;
}
html[data-theme="light"] .ms-shell .ms-ref-row .chong,
html[data-theme="light"] .ms-shell .ms-ref-sec .hint,
html[data-theme="light"] .ms-shell .ms-odds-sec .hint {
  color: #64748b !important;
}
html[data-theme="light"] .ms-shell .ms-ref-row {
  border-bottom-color: rgba(15,23,42,.08) !important;
}
html[data-theme="light"] .pc-bet-panel,
html[data-theme="light"] .as-bet-panel,
html[data-theme="light"] .ms-bet-panel,
html[data-theme="light"] .dc-bet-panel {
  background: var(--card) !important;
  border-color: var(--border) !important;
  color: var(--text);
}
html[data-theme="light"] .pc-pending-summary,
html[data-theme="light"] .as-pending-summary,
html[data-theme="light"] .ms-pending-summary,
html[data-theme="light"] .dc-pending-summary {
  background:
    radial-gradient(120% 100% at 0% 0%, rgba(253,230,138,.45), transparent 50%),
    linear-gradient(120deg, #fffbeb 0%, #ffffff 55%, #f0fdfa 100%) !important;
  border-color: rgba(180,83,9,.35) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 3px 10px rgba(15,23,42,.06) !important;
  color: var(--text);
}
html[data-theme="light"] .pc-topbar,
html[data-theme="light"] .as-topbar,
html[data-theme="light"] .ms-topbar,
html[data-theme="light"] .dc-topbar {
  background: linear-gradient(180deg, #fffbeb, #ffffff) !important;
}
html[data-theme="light"] .pc-shell,
html[data-theme="light"] .as-shell,
html[data-theme="light"] .ms-shell,
html[data-theme="light"] .dc-shell {
  background:
    radial-gradient(ellipse 80% 45% at 15% -5%, rgba(251,191,36,.16), transparent 55%),
    radial-gradient(ellipse 60% 40% at 95% 8%, rgba(20,184,166,.08), transparent 50%),
    linear-gradient(180deg, #eef2ff 0%, #f3f5f9 45%, #e2e8f0 100%) !important;
  color: var(--text);
}
html[data-theme="light"] .pc-title,
html[data-theme="light"] .as-title,
html[data-theme="light"] .ms-title,
html[data-theme="light"] .dc-title {
  color: #0f172a !important;
}
html[data-theme="light"] .pc-title em,
html[data-theme="light"] .as-title em,
html[data-theme="light"] .ms-title em,
html[data-theme="light"] .dc-title em {
  color: #be123c !important;
  background: rgba(248,113,113,.12) !important;
  border-color: rgba(225,29,72,.3) !important;
}
html[data-theme="light"] .pc-cd,
html[data-theme="light"] .as-cd,
html[data-theme="light"] .ms-cd,
html[data-theme="light"] .dc-cd {
  color: #be123c !important;
  border-color: rgba(225,29,72,.4) !important;
  background: rgba(254,226,226,.85) !important;
}
html[data-theme="light"] .pc-meta,
html[data-theme="light"] .as-meta,
html[data-theme="light"] .ms-meta,
html[data-theme="light"] .dc-meta,
html[data-theme="light"] .pc-sub,
html[data-theme="light"] .as-sub,
html[data-theme="light"] .ms-sub {
  color: var(--muted) !important;
}
html[data-theme="light"] .pc-bet-tab,
html[data-theme="light"] .as-bet-tab,
html[data-theme="light"] .ms-bet-tab,
html[data-theme="light"] .dc-bet-tab {
  color: var(--text);
  border-color: var(--border);
  background: var(--bg1);
}
html[data-theme="light"] .pc-pad,
html[data-theme="light"] .as-pad,
html[data-theme="light"] .ms-pad,
html[data-theme="light"] .dc-pad,
html[data-theme="light"] .pc-chip,
html[data-theme="light"] .as-chip,
html[data-theme="light"] .ms-chip,
html[data-theme="light"] .dc-chip {
  color: var(--text);
  border-color: var(--border);
  background: var(--bg2);
}
html[data-theme="light"] .bc-lobby,
html[data-theme="light"] .bc-lobby h2 {
  color: var(--text);
}
html[data-theme="light"] .pc-hist-panel,
html[data-theme="light"] .as-hist-panel,
html[data-theme="light"] .ms-hist-panel,
html[data-theme="light"] .dc-hist-panel {
  background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
  border-color: rgba(146,64,14,.28) !important;
}
html[data-theme="light"] .pc-hist-toggle,
html[data-theme="light"] .as-hist-toggle,
html[data-theme="light"] .ms-hist-toggle,
html[data-theme="light"] .dc-hist-toggle {
  background: #fff !important;
  border-color: rgba(146,64,14,.28) !important;
  color: #1e293b !important;
}
html[data-theme="light"] .pc-hist-box.open .pc-hist-toggle,
html[data-theme="light"] .as-hist-box.open .as-hist-toggle,
html[data-theme="light"] .ms-hist-box.open .ms-hist-toggle,
html[data-theme="light"] .dc-hist-box.open .dc-hist-toggle {
  background: #fffbeb !important;
  border-color: rgba(180,83,9,.5) !important;
  color: #92400e !important;
}
html[data-theme="light"] .pc-combo,
html[data-theme="light"] .pc-op,
html[data-theme="light"] .as-op,
html[data-theme="light"] .ms-op {
  color: var(--text) !important;
}
html[data-theme="light"] .pc-odds-hd,
html[data-theme="light"] .as-odds-hd,
html[data-theme="light"] .ms-odds-hd,
html[data-theme="light"] .dc-odds-hd {
  background: var(--bg1) !important;
  border-bottom-color: var(--border) !important;
  color: var(--text);
}
html[data-theme="light"] .tx-lobby-frame {
  background:
    linear-gradient(165deg, rgba(201,162,39,.12), rgba(255,255,255,.55) 45%, rgba(226,232,240,.8)),
    var(--bg1);
  border-color: rgba(184,134,11,.35);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 8px 20px rgba(15,23,42,.08);
}
html[data-theme="light"] .tx-lobby-card {
  background: linear-gradient(120deg, #ffffff, #f1f5f9);
  border-color: rgba(184,134,11,.35);
  color: var(--text);
  box-shadow: 0 6px 16px rgba(15,23,42,.08);
}
html[data-theme="light"] .tx-lobby-card .title,
html[data-theme="light"] .tx-lobby-card .side .num {
  color: #b45309 !important;
}
html[data-theme="light"] .tx-lobby-card .side .lbl,
html[data-theme="light"] .tx-lobby-card .meta-row {
  color: var(--muted) !important;
}
html[data-theme="light"] .tx-lobby-card .meta-row b {
  color: var(--text) !important;
}
html[data-theme="light"] .tx-lobby-card.locked .go {
  background: var(--bg2) !important;
  color: var(--text) !important;
}
html[data-theme="light"] .tx-lobby-card .tag {
  color: #047857 !important;
  background: rgba(4,120,87,.12) !important;
  border-color: rgba(4,120,87,.4) !important;
}
html[data-theme="light"] .tx-lobby-card .tag.low {
  color: #be123c !important;
  background: rgba(190,18,60,.1) !important;
  border-color: rgba(190,18,60,.4) !important;
}
html[data-theme="light"] .tx-club-card {
  background: linear-gradient(165deg, #fffbeb, #ffffff 55%, #f8fafc) !important;
  border-color: rgba(184,134,11,.35) !important;
  color: var(--text);
}

/* 明亮模式：游戏内硬编码浅金/浅灰 → 深琥珀/正文色，保证可读 */
html[data-theme="light"] .pc-shell .pc-ps-total,
html[data-theme="light"] .as-shell .as-ps-total,
html[data-theme="light"] .ms-shell .ms-ps-total,
html[data-theme="light"] .dc-shell .dc-ps-total,
html[data-theme="light"] .pc-shell .pc-ps-toggle,
html[data-theme="light"] .as-shell .as-ps-toggle,
html[data-theme="light"] .ms-shell .ms-ps-toggle,
html[data-theme="light"] .dc-shell .dc-ps-toggle,
html[data-theme="light"] .pc-shell .pc-bet-panel h4,
html[data-theme="light"] .as-shell .as-bet-panel h4,
html[data-theme="light"] .ms-shell .ms-bet-panel h4,
html[data-theme="light"] .dc-shell .dc-bet-panel h4,
html[data-theme="light"] .pc-shell .pc-bet-item .amt,
html[data-theme="light"] .as-shell .as-bet-item .amt,
html[data-theme="light"] .ms-shell .ms-bet-item .amt,
html[data-theme="light"] .dc-shell .dc-bet-item .amt,
html[data-theme="light"] .pc-shell .pc-bet-item .wait,
html[data-theme="light"] .as-shell .as-bet-item .wait,
html[data-theme="light"] .ms-shell .ms-bet-item .wait,
html[data-theme="light"] .dc-shell .dc-bet-item .wait,
html[data-theme="light"] .pc-shell .pc-custom-label,
html[data-theme="light"] .as-shell .as-custom-label,
html[data-theme="light"] .ms-shell .ms-custom-label,
html[data-theme="light"] .dc-shell .dc-custom-label,
html[data-theme="light"] .pc-shell .pc-custom-amt input,
html[data-theme="light"] .as-shell .as-custom-amt input,
html[data-theme="light"] .ms-shell .ms-custom-amt input,
html[data-theme="light"] .dc-shell .dc-custom-amt input,
html[data-theme="light"] .pc-shell .pc-odds-hd strong,
html[data-theme="light"] .as-shell .as-odds-hd strong,
html[data-theme="light"] .ms-shell .ms-modal-hd strong,
html[data-theme="light"] .dc-shell .dc-odds-hd strong,
html[data-theme="light"] .pc-shell .pc-odds-sec h5,
html[data-theme="light"] .as-shell .as-odds-sec h5,
html[data-theme="light"] .ms-shell .ms-odds-sec h5,
html[data-theme="light"] .ms-shell .ms-ref-sec h5,
html[data-theme="light"] .dc-shell .dc-odds-sec h5,
html[data-theme="light"] .pc-shell .pc-odds-cell .v,
html[data-theme="light"] .as-shell .as-odds-cell .v,
html[data-theme="light"] .ms-shell .ms-odds-cell .v,
html[data-theme="light"] .dc-shell .dc-odds-cell .v,
html[data-theme="light"] .pc-shell .pc-limit-row b,
html[data-theme="light"] .as-shell .as-gy-sel b,
html[data-theme="light"] .ms-shell .ms-row-t,
html[data-theme="light"] .ms-shell .ms-ref-row .k,
html[data-theme="light"] .dc-shell .dc-cup-tip {
  color: var(--gold2) !important;
}
html[data-theme="light"] .dc-shell .dc-cup-tip.is-drawn {
  /* 明亮：金黄渐变，白底也醒目 */
  color: #b45309 !important;
  background: linear-gradient(180deg, #fffbeb 0%, #fbbf24 38%, #f59e0b 72%, #b45309 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 0 10px rgba(245,158,11,.55)) !important;
  text-shadow: none !important;
}
html[data-theme="light"] .pc-shell .pc-ps-bal,
html[data-theme="light"] .as-shell .as-ps-bal,
html[data-theme="light"] .ms-shell .ms-ps-bal,
html[data-theme="light"] .dc-shell .dc-ps-bal,
html[data-theme="light"] .pc-shell .pc-ps-title,
html[data-theme="light"] .as-shell .as-ps-title,
html[data-theme="light"] .ms-shell .ms-ps-title,
html[data-theme="light"] .dc-shell .dc-ps-title,
html[data-theme="light"] .pc-shell .pc-limit-row,
html[data-theme="light"] .pc-shell .pc-rule,
html[data-theme="light"] .as-shell .as-rule,
html[data-theme="light"] .ms-shell .ms-rule {
  color: var(--muted) !important;
}
html[data-theme="light"] .pc-shell .pc-ps-bal b,
html[data-theme="light"] .as-shell .as-ps-bal b,
html[data-theme="light"] .ms-shell .ms-ps-bal b,
html[data-theme="light"] .dc-shell .dc-ps-bal b {
  color: #047857 !important;
}
html[data-theme="light"] .pc-shell .pc-custom-amt input,
html[data-theme="light"] .as-shell .as-custom-amt input,
html[data-theme="light"] .ms-shell .ms-custom-amt input,
html[data-theme="light"] .dc-shell .dc-custom-amt input {
  background: #fff !important;
  border-color: rgba(146,64,14,.35) !important;
}
html[data-theme="light"] .pc-shell .pc-limit-row,
html[data-theme="light"] .pc-shell .pc-pending-detail,
html[data-theme="light"] .as-shell .as-pending-detail,
html[data-theme="light"] .ms-shell .ms-pending-detail,
html[data-theme="light"] .dc-shell .dc-pending-detail {
  background: var(--bg2) !important;
  border-color: var(--border) !important;
  color: var(--text);
}
html[data-theme="light"] .pc-shell .pc-odds-modal,
html[data-theme="light"] .as-shell .as-odds-modal,
html[data-theme="light"] .ms-shell .ms-modal,
html[data-theme="light"] .dc-shell .dc-odds-modal {
  background: linear-gradient(180deg, #ffffff, #f3f5f9) !important;
  color: var(--text) !important;
  border-color: rgba(146,64,14,.35) !important;
}
html[data-theme="light"] .pc-shell .pc-odds-hd,
html[data-theme="light"] .as-shell .as-odds-hd,
html[data-theme="light"] .ms-shell .ms-modal-hd,
html[data-theme="light"] .dc-shell .dc-odds-hd {
  background: var(--bg1) !important;
  border-bottom-color: var(--border) !important;
}
html[data-theme="light"] .pc-shell .pc-odds-cell,
html[data-theme="light"] .as-shell .as-odds-cell,
html[data-theme="light"] .ms-shell .ms-odds-cell,
html[data-theme="light"] .dc-shell .dc-odds-cell {
  background: var(--bg2) !important;
  border-color: var(--border) !important;
  color: var(--text);
}
html[data-theme="light"] .pc-shell .pc-bet-item,
html[data-theme="light"] .as-shell .as-bet-item,
html[data-theme="light"] .ms-shell .ms-bet-item,
html[data-theme="light"] .dc-shell .dc-bet-item {
  background: var(--bg2) !important;
  border-color: var(--border) !important;
  color: var(--text);
}
html[data-theme="light"] .pc-tabs .bet-opt,
html[data-theme="light"] .as-tabs .bet-opt,
html[data-theme="light"] .dc-shell .bet-opt {
  background: linear-gradient(165deg, #ffffff, #f1f5f9);
  border: 2px solid rgba(15,23,42,.28);
  color: var(--text);
  font-weight: 700;
  box-shadow: 0 2px 6px rgba(15,23,42,.06);
}
html[data-theme="light"] .pc-tabs .bet-opt.active,
html[data-theme="light"] .as-tabs .bet-opt.active,
html[data-theme="light"] .dc-shell .bet-opt.active {
  border-color: #ca8a04;
  background: linear-gradient(135deg, #f0c14b, #c9a227);
  color: #1c1917;
  box-shadow: 0 0 0 2px rgba(202,138,4,.2), 0 6px 14px rgba(201,162,39,.28);
}

/* 六合彩：投注方式 + 选号面板明亮模式 */
html[data-theme="light"] .ms-tabs .bet-opt {
  background: linear-gradient(180deg, #ffffff, #f1f5f9) !important;
  border-color: rgba(146,64,14,.32) !important;
  color: var(--text) !important;
  box-shadow: 0 2px 8px rgba(15,23,42,.06) !important;
}
html[data-theme="light"] .ms-tabs .bet-opt.active {
  border-color: rgba(180,83,9,.55) !important;
  background: linear-gradient(180deg, #f0c14b, #c9a227) !important;
  color: #1c1917 !important;
  box-shadow: 0 4px 14px rgba(201,162,39,.28) !important;
}
html[data-theme="light"] .ms-panel {
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(212,160,23,.08), transparent 55%),
    linear-gradient(180deg, #ffffff, #f3f5f9) !important;
  border-color: rgba(146,64,14,.28) !important;
  box-shadow: 0 8px 22px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.9) !important;
  color: var(--text);
}
html[data-theme="light"] .ms-row {
  background: rgba(15,23,42,.03) !important;
  border-color: var(--border) !important;
}
html[data-theme="light"] .ms-rule {
  background: rgba(146,64,14,.05) !important;
  border-color: rgba(146,64,14,.22) !important;
  color: var(--muted) !important;
}
html[data-theme="light"] .ms-zodiac-pad .ms-opt,
html[data-theme="light"] .ms-tail-pad .ms-opt {
  background: linear-gradient(180deg, #ffffff, #f1f5f9) !important;
  border-color: rgba(146,64,14,.28) !important;
  color: var(--text) !important;
  box-shadow: 0 2px 8px rgba(15,23,42,.06) !important;
}
html[data-theme="light"] .ms-zodiac-pad .ms-opt small,
html[data-theme="light"] .ms-tail-pad .ms-opt small,
html[data-theme="light"] .ms-num-pad .ms-opt small {
  color: var(--muted) !important;
}
html[data-theme="light"] .ms-zodiac-pad .ms-opt.active,
html[data-theme="light"] .ms-tail-pad .ms-opt.active {
  border: 2px solid #b45309 !important;
  background: linear-gradient(180deg, #fbbf24, #d97706) !important;
  color: #1c1917 !important;
  box-shadow:
    0 0 0 2px rgba(245,158,11,.4),
    0 4px 14px rgba(180,83,9,.28) !important;
}
html[data-theme="light"] .ms-zodiac-pad .ms-opt.active small,
html[data-theme="light"] .ms-tail-pad .ms-opt.active small {
  color: rgba(28,25,23,.78) !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .ms-num-pad .ms-opt.active .ms-opt-n {
  border-color: #b45309 !important;
  box-shadow:
    0 0 0 3px #f59e0b,
    0 0 0 5px rgba(245,158,11,.35),
    0 0 12px rgba(180,83,9,.45),
    0 2px 8px rgba(15,23,42,.18) !important;
}
html[data-theme="light"] .ms-num-pad .ms-opt.active small {
  color: #b45309 !important;
  font-weight: 800 !important;
}
html[data-theme="light"] .ms-plus {
  color: var(--text) !important;
}
html[data-theme="light"] .ms-ref-row .nums {
  color: var(--text) !important;
}
html[data-theme="light"] .ms-shell .ms-odds-btn,
html[data-theme="light"] .ms-shell .ms-ref-btn,
html[data-theme="light"] .pc-shell .pc-odds-btn,
html[data-theme="light"] .as-shell .as-odds-btn,
html[data-theme="light"] .as-shell .as-gy-add:not(.on),
html[data-theme="light"] .dc-shell .dc-odds-btn {
  color: var(--gold2) !important;
  border-color: rgba(146,64,14,.4) !important;
  background: rgba(146,64,14,.08) !important;
}
html[data-theme="light"] .pc-shell .pc-sel-tip,
html[data-theme="light"] .as-shell .as-sel-tip,
html[data-theme="light"] .ms-shell .ms-sel-tip,
html[data-theme="light"] .dc-shell .dc-sel-tip {
  background: rgba(15,23,42,.04) !important;
  border-color: rgba(15,23,42,.1) !important;
  color: #475569 !important;
}
html[data-theme="light"] .pc-shell .pc-sel-tip b,
html[data-theme="light"] .as-shell .as-sel-tip b,
html[data-theme="light"] .ms-shell .ms-sel-tip b,
html[data-theme="light"] .dc-shell .dc-sel-tip b {
  color: #a16207 !important;
}
html[data-theme="light"] .pc-shell .pc-sel-detail,
html[data-theme="light"] .as-shell .as-sel-detail,
html[data-theme="light"] .ms-shell .ms-sel-detail,
html[data-theme="light"] .dc-shell .dc-sel-detail {
  background: rgba(15,23,42,.03) !important;
  border-color: rgba(15,23,42,.1) !important;
}
html[data-theme="light"] .pc-shell .pc-sel-row,
html[data-theme="light"] .as-shell .as-sel-row,
html[data-theme="light"] .ms-shell .ms-sel-row,
html[data-theme="light"] .dc-shell .dc-sel-row {
  background: rgba(15,23,42,.04) !important;
  border-color: rgba(15,23,42,.08) !important;
  color: #0f172a !important;
}
html[data-theme="light"] .pc-shell .pc-sel-odds,
html[data-theme="light"] .as-shell .as-sel-odds,
html[data-theme="light"] .ms-shell .ms-sel-odds,
html[data-theme="light"] .dc-shell .dc-sel-odds {
  color: #a16207 !important;
}
html[data-theme="light"] .pc-shell .pc-sel-x,
html[data-theme="light"] .as-shell .as-sel-x,
html[data-theme="light"] .ms-shell .ms-sel-x,
html[data-theme="light"] .dc-shell .dc-sel-x {
  color: #b91c1c !important;
  border-color: rgba(185, 28, 28, .42) !important;
  background: rgba(254, 226, 226, .95) !important;
}
html[data-theme="light"] .pc-shell .pc-sel-x:hover,
html[data-theme="light"] .as-shell .as-sel-x:hover,
html[data-theme="light"] .ms-shell .ms-sel-x:hover,
html[data-theme="light"] .dc-shell .dc-sel-x:hover {
  color: #991b1b !important;
  border-color: rgba(153, 27, 27, .55) !important;
  background: rgba(254, 202, 202, .98) !important;
}
html[data-theme="light"] .pc-shell .pc-btn-clear-sel,
html[data-theme="light"] .as-shell .as-btn-clear-sel,
html[data-theme="light"] .ms-shell .ms-btn-clear-sel,
html[data-theme="light"] .dc-shell .dc-btn-clear-sel {
  color: #b91c1c !important;
  border-color: rgba(185, 28, 28, .42) !important;
  background: rgba(254, 226, 226, .95) !important;
}
html[data-theme="light"] .pc-shell .pc-btn-clear-sel:hover,
html[data-theme="light"] .as-shell .as-btn-clear-sel:hover,
html[data-theme="light"] .ms-shell .ms-btn-clear-sel:hover,
html[data-theme="light"] .dc-shell .dc-btn-clear-sel:hover {
  color: #991b1b !important;
  border-color: rgba(153, 27, 27, .55) !important;
  background: rgba(254, 202, 202, .98) !important;
}
html[data-theme="light"] .pc-shell .pc-odds-cell .n,
html[data-theme="light"] .as-shell .as-odds-cell .n,
html[data-theme="light"] .ms-shell .ms-odds-cell .n,
html[data-theme="light"] .dc-shell .dc-odds-cell .n,
html[data-theme="light"] .ms-shell .ms-ref-row .chong {
  color: var(--muted) !important;
}
html[data-theme="light"] .dc-shell .dc-hist-panel,
html[data-theme="light"] .as-shell .as-hist-panel {
  background: linear-gradient(180deg, #ffffff, #f1f5f9) !important;
  border-color: rgba(146,64,14,.28) !important;
}
html[data-theme="light"] .dc-shell .dc-hist-row,
html[data-theme="light"] .as-shell .as-hist-row {
  border-bottom-color: rgba(15,23,42,.08) !important;
}
html[data-theme="light"] .dc-shell .dc-hist-row .dc-period,
html[data-theme="light"] .as-shell .as-hist-row .as-period {
  color: var(--muted) !important;
}
html[data-theme="light"] .dc-shell .dc-bet-panel h4 {
  color: var(--gold2) !important;
}

/* 提示区与下方按钮：禁止被 flex 压缩导致文字盖住按钮 */
.pc-shell .pc-tip-stack,
.as-shell .as-tip-stack,
.ms-shell .ms-tip-stack,
.dc-shell .dc-tip-stack,
.pc-shell .gb-action-row,
.as-shell .gb-action-row,
.ms-shell .gb-action-row,
.ms-shell .ms-action-row,
.dc-shell .gb-action-row {
  flex-shrink: 0 !important;
  min-height: auto !important;
}

/* 投注成功 / 可投注期号：上下分栏，禁止叠盖 */
html[data-theme="light"] .pc-shell .pc-msg,
html[data-theme="light"] .as-shell .as-msg,
html[data-theme="light"] .ms-shell .ms-msg,
html[data-theme="light"] .dc-shell .dc-msg {
  background: rgba(16,185,129,.12) !important;
  border-color: rgba(5,150,105,.35) !important;
  color: #047857 !important;
}
html[data-theme="light"] .pc-shell .pc-bet-lock,
html[data-theme="light"] .as-shell .as-bet-lock,
html[data-theme="light"] .ms-shell .ms-bet-lock,
html[data-theme="light"] .dc-shell .dc-bet-lock {
  background: rgba(244,63,94,.08) !important;
  border-color: rgba(190,18,60,.28) !important;
  color: #be123c !important;
}

/* 明亮模式：本期已下注 / 取消 / 锁定提示 — 浅粉改为深红，避免发糊 */
html[data-theme="light"] .pc-shell .pc-btn-cancel-all,
html[data-theme="light"] .as-shell .as-btn-cancel-all,
html[data-theme="light"] .ms-shell .ms-btn-cancel-all,
html[data-theme="light"] .dc-shell .dc-btn-cancel-all,
html[data-theme="light"] .pc-shell .pc-bet-lock,
html[data-theme="light"] .as-shell .as-bet-lock,
html[data-theme="light"] .ms-shell .ms-bet-lock,
html[data-theme="light"] .dc-shell .dc-bet-lock,
html[data-theme="light"] .pc-shell .pc-bet-item .lose,
html[data-theme="light"] .as-shell .as-bet-item .lose,
html[data-theme="light"] .ms-shell .ms-bet-item .lose,
html[data-theme="light"] .dc-shell .dc-bet-item .lose,
html[data-theme="light"] .pc-shell .js-cancel-bet,
html[data-theme="light"] .as-shell .js-cancel-bet,
html[data-theme="light"] .ms-shell .js-cancel-bet,
html[data-theme="light"] .dc-shell .js-cancel-bet,
html[data-theme="light"] .as-shell .as-gy-add.on,
html[data-theme="light"] .dc-shell .dc-title em,
html[data-theme="light"] .dc-shell .dc-cd {
  color: #be123c !important;
}
html[data-theme="light"] .pc-shell .pc-btn-cancel-all,
html[data-theme="light"] .as-shell .as-btn-cancel-all,
html[data-theme="light"] .ms-shell .ms-btn-cancel-all,
html[data-theme="light"] .dc-shell .dc-btn-cancel-all,
html[data-theme="light"] .as-shell .as-gy-add.on,
html[data-theme="light"] .dc-shell .dc-title em,
html[data-theme="light"] .dc-shell .dc-cd {
  border-color: rgba(190,18,60,.45) !important;
  background: rgba(190,18,60,.1) !important;
}
html[data-theme="light"] .pc-shell .pc-cd,
html[data-theme="light"] .as-shell .as-cd,
html[data-theme="light"] .ms-shell .ms-cd {
  color: #be123c !important;
  border-color: rgba(190,18,60,.5) !important;
}

/* 德州大厅 / 百家乐大厅：浅金标题与表单在明亮下加深 */
html[data-theme="light"] .tx-copy-tip h4,
html[data-theme="light"] .tx-club-modal h4,
html[data-theme="light"] .tx-mem-pager-info,
html[data-theme="light"] .tx-club-rename-label,
html[data-theme="light"] .tx-pwd-edit-label,
html[data-theme="light"] .tx-create-modal .form-group label {
  color: var(--gold2) !important;
}
html[data-theme="light"] .tx-copy-tip p,
html[data-theme="light"] .tx-club-modal .tx-club-mem-meta,
html[data-theme="light"] .tx-create-modal .form-hint {
  color: var(--muted) !important;
}
html[data-theme="light"] .tx-club-modal .tx-club-mem-name {
  color: var(--text) !important;
}
html[data-theme="light"] .tx-club-rename input[name="club_name"],
html[data-theme="light"] .tx-pwd-edit input[name="new_password"],
html[data-theme="light"] .tx-create-modal .form-group input,
html[data-theme="light"] .tx-create-modal .form-group select {
  background: #fff !important;
  color: var(--text) !important;
  border-color: rgba(146,64,14,.35) !important;
}
html[data-theme="light"] .tx-mem-pager-btn {
  color: var(--gold2) !important;
  background: rgba(146,64,14,.08) !important;
}
html[data-theme="light"] .tx-pwd-edit .btn-enter {
  color: var(--text) !important;
  background: var(--bg2) !important;
  border-color: var(--border) !important;
}
html[data-theme="light"] .tx-copy-tip,
html[data-theme="light"] .tx-club-modal,
html[data-theme="light"] .tx-create-modal {
  background: linear-gradient(165deg, #fffbeb, #ffffff 55%, #f8fafc) !important;
  color: var(--text) !important;
  border-color: rgba(146,64,14,.35) !important;
}
html[data-theme="light"] .tx-copy-tip.ok h4 { color: #047857 !important; }
html[data-theme="light"] .tx-copy-tip.info h4 { color: #0369a1 !important; }
html[data-theme="light"] .tx-copy-tip.warn h4 { color: #b91c1c !important; }
html[data-theme="light"] .tx-copy-tip.warn p { color: #b91c1c !important; }
html[data-theme="light"] .tx-mem-pager-info small {
  color: var(--muted) !important;
}
html[data-theme="light"] body.bg-atmosphere,
html[data-theme="light"] body.bg-atmosphere .wrap {
  color: var(--text);
}
html[data-theme="light"] .bc-lobby .tip {
  color: var(--muted) !important;
}
html[data-theme="light"] .dc-shell .dc-cup-tip:not(.is-drawn) {
  text-shadow: 0 1px 2px rgba(255,255,255,.8), 0 0 10px rgba(146,64,14,.2) !important;
}

.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 10px 0;
}
.chip {
  min-width: 52px;
  height: 40px;
  padding: 0 12px;
  border-radius: 999px;
  border: 2px solid var(--gold);
  background: radial-gradient(circle at 30% 30%, #3a2a0a, #1a1205);
  color: var(--gold2);
  font-weight: 700;
  cursor: pointer;
}
.chip.active { background: var(--gold); color: #1a1200; }

.bet-opts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.bet-opt {
  padding: 10px 16px;
  border-radius: 10px;
  border: 2px solid rgba(148,163,184,.45);
  background: var(--bg2);
  color: var(--text);
  cursor: pointer;
  font-size: .9rem;
  font-weight: 700;
  box-shadow: 0 2px 6px rgba(0,0,0,.12);
  transition: border-color .15s, background .15s, color .15s, box-shadow .15s, transform .12s;
}
.bet-opt.active {
  border-color: #f0c14b;
  background: linear-gradient(135deg, #f0c14b, #c9a227);
  color: #1c1917;
  box-shadow: 0 0 0 2px rgba(240,193,75,.28), 0 6px 14px rgba(201,162,39,.35);
  transform: translateY(-1px);
}

.result-board {
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-align: center;
  margin: 16px 0;
}
.balls {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.ball {
  width: 48px; height: 48px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-weight: 800;
  font-size: 1.2rem;
  background: linear-gradient(145deg, #f0c14b, #b8860b);
  color: #1a1200;
  box-shadow: 0 4px 12px rgba(0,0,0,.4);
  animation: fadeUp .4s ease;
}

.fs-btn {
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 10px;
  border: 1px solid rgba(240,193,75,.42);
  background:
    radial-gradient(120% 140% at 30% 20%, rgba(253,230,138,.28), transparent 55%),
    linear-gradient(165deg, rgba(240,193,75,.22), rgba(15,23,42,.4));
  box-shadow:
    0 3px 10px rgba(212,160,23,.2),
    inset 0 1px 0 rgba(255,255,255,.14);
  color: #fde68a;
  font-size: 1.05rem;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform .12s ease, border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.fs-btn:hover{
  border-color: rgba(253,230,138,.65);
  background:
    radial-gradient(120% 140% at 30% 20%, rgba(255,247,214,.4), transparent 55%),
    linear-gradient(165deg, rgba(251,191,36,.34), rgba(15,23,42,.42));
  box-shadow:
    0 5px 14px rgba(212,160,23,.28),
    0 0 0 3px rgba(240,193,75,.12),
    inset 0 1px 0 rgba(255,255,255,.2);
  transform: translateY(-1px);
}
.fs-btn:active{ transform: translateY(0) scale(.96); }
html[data-theme="light"] .fs-btn{
  color: #92400e;
  border-color: rgba(202,138,4,.38);
  background: linear-gradient(165deg, #fffbeb, #fef3c7);
  box-shadow: 0 3px 10px rgba(161,98,7,.12), inset 0 1px 0 #fff;
}
html[data-theme="light"] .fs-btn:hover{
  border-color: rgba(180,83,9,.5);
  background: linear-gradient(165deg, #fef3c7, #fde68a);
}

/* 德州房间卡片 */
.room-list { display: flex; flex-direction: column; gap: 10px; }
.room-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 14px 16px;
  border-radius: 14px;
  background: linear-gradient(90deg, var(--bg2), var(--bg1));
  border: 1px solid var(--border);
}
.room-item h4 { font-size: 1rem; }
.room-item .meta { font-size: .78rem; color: var(--muted); margin-top: 4px; }

/* 管理后台：锁定页面滚动，仅侧栏/主区内部滚动 + 美化滚动条 */
html.admin-html,
body.admin-body{
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  overscroll-behavior: none;
}
body.admin-body{
  min-height: 0;
}
.admin-layout{
  display: flex;
  height: 100vh;
  height: 100dvh;
  max-height: 100vh;
  max-height: 100dvh;
  min-height: 0;
  overflow: hidden;
}
/* 统一美化后台内滚动条（主区、侧栏、弹层、表格等） */
.admin-body .admin-main,
.admin-body .admin-nav,
.admin-body .admin-scroll,
.admin-body .admin-main *,
.admin-body .adm-sec-dlg,
.admin-body .adm-modal,
.admin-body .as-modal{
  scrollbar-width: thin;
  scrollbar-color: rgba(212,160,23,.42) rgba(15,23,42,.35);
}
.admin-body .admin-main::-webkit-scrollbar,
.admin-body .admin-nav::-webkit-scrollbar,
.admin-body .admin-scroll::-webkit-scrollbar,
.admin-body .admin-main *::-webkit-scrollbar,
.admin-body .adm-sec-dlg::-webkit-scrollbar,
.admin-body .adm-modal::-webkit-scrollbar,
.admin-body .as-modal::-webkit-scrollbar{
  width: 8px;
  height: 8px;
}
.admin-body .admin-main::-webkit-scrollbar-track,
.admin-body .admin-nav::-webkit-scrollbar-track,
.admin-body .admin-scroll::-webkit-scrollbar-track,
.admin-body .admin-main *::-webkit-scrollbar-track,
.admin-body .adm-sec-dlg::-webkit-scrollbar-track,
.admin-body .adm-modal::-webkit-scrollbar-track,
.admin-body .as-modal::-webkit-scrollbar-track{
  background: rgba(15,23,42,.28);
  border-radius: 999px;
}
.admin-body .admin-main::-webkit-scrollbar-thumb,
.admin-body .admin-nav::-webkit-scrollbar-thumb,
.admin-body .admin-scroll::-webkit-scrollbar-thumb,
.admin-body .admin-main *::-webkit-scrollbar-thumb,
.admin-body .adm-sec-dlg::-webkit-scrollbar-thumb,
.admin-body .adm-modal::-webkit-scrollbar-thumb,
.admin-body .as-modal::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg, rgba(253,230,138,.55), rgba(212,160,23,.4));
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
  box-shadow: inset 0 0 0 1px rgba(212,160,23,.25);
}
.admin-body .admin-main::-webkit-scrollbar-thumb:hover,
.admin-body .admin-nav::-webkit-scrollbar-thumb:hover,
.admin-body .admin-scroll::-webkit-scrollbar-thumb:hover,
.admin-body .admin-main *::-webkit-scrollbar-thumb:hover,
.admin-body .adm-sec-dlg::-webkit-scrollbar-thumb:hover,
.admin-body .adm-modal::-webkit-scrollbar-thumb:hover,
.admin-body .as-modal::-webkit-scrollbar-thumb:hover{
  background: linear-gradient(180deg, rgba(253,230,138,.75), rgba(240,193,75,.55));
}
.admin-body .admin-main::-webkit-scrollbar-corner,
.admin-body .admin-nav::-webkit-scrollbar-corner,
.admin-body .admin-scroll::-webkit-scrollbar-corner,
.admin-body .admin-main *::-webkit-scrollbar-corner{
  background: transparent;
}

/* 管理后台侧栏布局 */
.admin-side {
  width: 232px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  padding: 0;
  position: relative;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  border-right: 1px solid rgba(212,160,23,.22);
  background:
    radial-gradient(120% 70% at 0% 0%, rgba(251,191,36,.12), transparent 48%),
    radial-gradient(90% 50% at 100% 100%, rgba(45,212,191,.06), transparent 42%),
    linear-gradient(180deg, #121826 0%, #0b101a 55%, #090e16 100%);
  box-shadow: inset -1px 0 0 rgba(255,255,255,.03);
}
.admin-side .logo {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 14px 10px;
  padding: 14px 14px;
  border-radius: 14px;
  border: 1px solid rgba(212,160,23,.32);
  background:
    linear-gradient(135deg, rgba(253,230,138,.12), transparent 55%),
    rgba(255,255,255,.03);
  box-shadow: inset 0 1px 0 rgba(253,230,138,.1);
}
.admin-logo-mark{
  width: 30px; height: 30px; border-radius: 10px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: .9rem; font-weight: 800; color: #1c1917;
  background: linear-gradient(180deg, #fde68a, #d4a017);
  box-shadow: 0 4px 12px rgba(201,162,39,.28);
  flex-shrink: 0;
}
.admin-logo-text{
  font-weight: 800;
  font-size: 1.02rem;
  letter-spacing: .04em;
  color: #fde68a;
  background: linear-gradient(110deg, #fff7d6, #f0c14b 45%, #d4a017 75%, #fff7d6);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.admin-nav{
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 6px 12px 18px;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.admin-side a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 4px;
  padding: 10px 12px;
  border-radius: 11px;
  color: #94a3b8;
  font-size: .86rem;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid transparent;
  transition: color .15s ease, background .15s ease, border-color .15s ease, transform .12s ease, box-shadow .15s ease;
}
.admin-side a::before{
  content: "";
  width: 7px; height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
  background: rgba(148,163,184,.35);
  box-shadow: 0 0 0 3px rgba(148,163,184,.08);
  transition: background .15s, box-shadow .15s, transform .15s;
}
.admin-side a:hover{
  color: #e2e8f0;
  background: rgba(255,255,255,.045);
  border-color: rgba(148,163,184,.16);
}
.admin-side a:hover::before{
  background: #fde68a;
  box-shadow: 0 0 0 3px rgba(253,230,138,.12);
}
.admin-side a.active{
  color: #fde68a;
  background:
    linear-gradient(90deg, rgba(212,160,23,.2), rgba(212,160,23,.07) 72%, transparent);
  border-color: rgba(212,160,23,.3);
  box-shadow: inset 0 1px 0 rgba(253,230,138,.08);
}
.admin-side a.active::before{
  background: #f0c14b;
  box-shadow: 0 0 0 3px rgba(240,193,75,.18), 0 0 10px rgba(240,193,75,.35);
  transform: scale(1.08);
}
.admin-side a.active::after{
  content: "";
  position: absolute;
  right: 8px; top: 50%;
  width: 3px; height: 16px;
  border-radius: 999px;
  transform: translateY(-50%);
  background: linear-gradient(180deg, #fde68a, #d4a017);
}
.admin-nav-badge{
  margin-left: auto !important;
  font-size: .68rem !important;
  vertical-align: middle;
  flex-shrink: 0;
}
.admin-side a.active .admin-nav-badge{ margin-right: 12px; }
.admin-side a.is-logout{
  margin-top: 10px;
  color: #fca5a5;
  justify-content: center;
  font-weight: 700;
  border-style: dashed;
  border-color: rgba(248,113,113,.22);
  background: rgba(248,113,113,.05);
}
.admin-side a.is-logout::before{
  background: rgba(248,113,113,.55);
  box-shadow: 0 0 0 3px rgba(248,113,113,.12);
}
.admin-side a.is-logout:hover{
  color: #fecaca;
  background: rgba(248,113,113,.12);
  border-color: rgba(248,113,113,.35);
}
.admin-side a.is-logout.active::after{ display: none; }
.admin-main {
  flex: 1;
  min-width: 0;
  min-height: 0;
  height: 100%;
  padding: 20px;
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  background: var(--bg0);
}
.admin-main h1 { font-size: 1.35rem; margin-bottom: 16px; }

/* 后台双列排版 */
.adm-layout{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  align-items:start;
  margin-bottom:16px;
}
.adm-layout > .panel{max-width:none !important;margin:0 !important;height:100%}
.adm-span-2{grid-column:1 / -1}
.adm-stack{display:grid;gap:16px}
/* 提现页：手续费窄栏 + 列表主栏 */
.adm-layout-wd{
  display:grid;
  grid-template-columns:minmax(260px,320px) minmax(0,1fr);
  gap:16px;
  align-items:start;
  margin-bottom:16px;
}
.adm-layout-wd > .panel{max-width:none !important;margin:0 !important}
.adm-fee-compact .adm-fee-item{
  border:1px solid rgba(148,163,184,.22);border-radius:12px;padding:10px 12px;margin-bottom:10px;
  background:linear-gradient(165deg,rgba(255,255,255,.03),rgba(15,23,42,.22));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.adm-fee-compact .adm-fee-item .ttl{font-size:.82rem;font-weight:700;margin-bottom:8px;color:#e2e8f0}
.adm-fee-compact .form-group{margin-bottom:8px}
.adm-fee-compact .form-group:last-child{margin-bottom:0}
.adm-fee-compact label{font-size:.72rem;color:#94a3b8}
.adm-fee-compact select,
.adm-fee-compact input[type=number],
.adm-fee-compact input[type=text],
.adm-fee-compact input:not([type]){
  appearance:none;-webkit-appearance:none;
  width:100%;max-width:100%;box-sizing:border-box;
  height:36px;font-size:.84rem;padding:0 12px;
  border-radius:10px;border:1px solid rgba(148,163,184,.35);
  background-color:rgba(15,23,42,.55);color:inherit;outline:none;
  transition:border-color .15s,box-shadow .15s,background-color .15s;
}
.adm-fee-compact select{
  padding-right:36px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%94a3b8' d='M1.4.6L6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;
}
.adm-fee-compact select:hover,
.adm-fee-compact input[type=number]:hover,
.adm-fee-compact input[type=text]:hover,
.adm-fee-compact input:not([type]):hover{
  border-color:rgba(20,184,166,.45);
}
.adm-fee-compact select:focus,
.adm-fee-compact input[type=number]:focus,
.adm-fee-compact input[type=text]:focus,
.adm-fee-compact input:not([type]):focus{
  border-color:rgba(20,184,166,.75);
  box-shadow:0 0 0 3px rgba(20,184,166,.18);
  background-color:rgba(15,23,42,.72);
}
.adm-file-btn{
  position:relative;display:inline-flex;align-items:center;gap:8px;
  height:38px;padding:0 14px;border-radius:10px;cursor:pointer;
  border:1px solid rgba(20,184,166,.45);
  background:linear-gradient(180deg,rgba(20,184,166,.22),rgba(15,23,42,.55));
  color:#99f6e4;font-size:.84rem;font-weight:700;
}
.adm-file-btn input[type=file]{
  position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;
}
.adm-file-name{font-size:.75rem;color:var(--muted);margin-top:6px;word-break:break-all}
.adm-upload-progress{margin-top:10px}
.adm-upload-bar{
  height:8px;border-radius:999px;background:rgba(15,23,42,.45);overflow:hidden;
  border:1px solid var(--border);
}
.adm-upload-bar i{
  display:block;height:100%;width:0;
  background:linear-gradient(90deg,#14b8a6,#fbbf24);
  transition:width .15s ease;
}
.adm-upload-pct{font-size:.75rem;color:var(--muted);margin-top:4px}
.adm-upload-tip{font-size:.82rem;margin-top:8px;padding:8px 10px;border-radius:8px}
.adm-upload-tip.ok{color:#34d399;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.35)}
.adm-upload-tip.err{color:#f87171;background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.35)}
/* 充值管理左侧「充值入口与收款通道」滚动条 */
.adm-rc-scroll{
  max-height:85vh;overflow:auto;overflow-x:hidden;
  padding-right:4px;
  scrollbar-width:thin;
  scrollbar-color:rgba(212,160,23,.65) rgba(15,23,42,.4);
}
.adm-rc-scroll::-webkit-scrollbar{width:8px}
.adm-rc-scroll::-webkit-scrollbar-track{
  margin:8px 0;background:rgba(15,23,42,.4);border-radius:999px;
  border:1px solid rgba(255,255,255,.04);
}
.adm-rc-scroll::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:linear-gradient(180deg,#f0c14b,#c9a227 50%,#0d9488);
  border:1px solid rgba(253,230,138,.3);
  box-shadow:0 0 8px rgba(212,160,23,.2);
}
.adm-rc-scroll::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#fde68a,#d4a017 45%,#14b8a6);
}
.adm-rc-scroll::-webkit-scrollbar-corner{background:transparent}
.adm-qr-preview{
  max-width:140px;width:100%;border-radius:10px;border:1px solid var(--border);
  display:block;margin:6px 0 8px;background:rgba(15,23,42,.35);
}
.rc-qr{
  display:block;max-width:220px;width:100%;height:auto;
  border-radius:12px;border:1px solid var(--border);margin-top:8px;
  background:#fff;padding:6px;
}
.rc-pay .v.copyable{cursor:pointer}
.rc-pay .v.copyable:hover{text-decoration:underline}
/* 后台充值方式标签 */
.adm-pay-m{
  display:inline-block;padding:3px 8px;border-radius:999px;font-size:.75rem;font-weight:700;
  border:1px solid var(--border);white-space:nowrap;
}
.adm-pay-alipay{color:#38bdf8;background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.4)}
.adm-pay-wechat{color:#4ade80;background:rgba(74,222,128,.12);border-color:rgba(74,222,128,.4)}
.adm-pay-usdt{color:#2dd4bf;background:rgba(45,212,191,.12);border-color:rgba(45,212,191,.45)}
.adm-pay-bank{color:#fbbf24;background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.4)}
.adm-pay-union{color:#c084fc;background:rgba(192,132,252,.12);border-color:rgba(192,132,252,.4)}
.adm-pay-unk{color:var(--muted)}
/* 收款码原图预览 */
.rc-img-mask{
  position:fixed;inset:0;z-index:1400;display:none;align-items:center;justify-content:center;
  padding:16px;background:rgba(0,0,0,.82);
}
.rc-img-mask.show{display:flex}
.rc-img-box{
  width:min(420px,100%);max-height:92vh;overflow:auto;text-align:center;
  background:var(--bg1);border:1px solid var(--border);border-radius:14px;padding:14px;
}
.rc-img-box img{max-width:100%;height:auto;border-radius:8px;background:#fff;display:block;margin:0 auto}
.rc-img-box .tip{color:var(--muted);font-size:.78rem;margin:10px 0 8px;line-height:1.45}
.rc-img-box .acts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:4px}
.rc-qr-wrap{cursor:zoom-in;position:relative}
.rc-qr-wrap::after{
  content:'点击查看原图';position:absolute;left:8px;bottom:8px;padding:2px 8px;border-radius:999px;
  font-size:.68rem;color:#fff;background:rgba(0,0,0,.55);pointer-events:none;
}
.rc-preview{cursor:zoom-in}
.adm-gr-modal{width:min(980px,100%);max-height:90vh}
.adm-online{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:700}
.adm-online .dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}
.adm-online.on{color:#34d399}
.adm-online.on .dot{background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.2)}
.adm-online.off{color:#94a3b8}
.adm-topbar{
  display:flex; justify-content:space-between; align-items:center; gap:12px;
  margin-bottom:14px;
}
.adm-topbar h1{ margin:0; font-size:1.35rem; }
.adm-admin-chip{
  display:inline-flex; align-items:center; gap:8px;
  margin:0; padding:7px 12px 7px 10px;
  border-radius:999px; cursor:pointer; font-family:inherit;
  border:1px solid rgba(212,160,23,.42);
  background:
    radial-gradient(120% 160% at 0% 0%, rgba(253,230,138,.18), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.18));
  color:var(--text); box-shadow:0 4px 14px rgba(0,0,0,.18);
  transition: transform .12s ease, border-color .15s, box-shadow .15s;
}
.adm-admin-chip:hover{
  border-color:rgba(240,193,75,.7);
  box-shadow:0 6px 18px rgba(201,162,39,.22);
  transform:translateY(-1px);
}
.adm-admin-chip:active{ transform:scale(.98); }
.adm-admin-chip-ico{
  width:22px; height:22px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:.72rem; color:#1c1917; font-weight:800;
  background:linear-gradient(180deg,#fde68a,#d4a017);
}
.adm-admin-chip-name{ font-size:.86rem; font-weight:700; color:#fde68a; }
.adm-admin-chip-hint{
  font-size:.68rem; color:var(--muted); padding:2px 7px; border-radius:999px;
  border:1px solid rgba(148,163,184,.28); background:rgba(255,255,255,.04);
}
.adm-admin-chip-caret{
  width:0; height:0; margin-left:2px;
  border-left:4px solid transparent; border-right:4px solid transparent;
  border-top:5px solid rgba(253,230,138,.75);
  transition: transform .15s ease;
}
.adm-admin-menu{ position:relative; flex-shrink:0; }
.adm-admin-menu.is-open .adm-admin-chip{
  border-color:rgba(240,193,75,.85);
  box-shadow:0 6px 18px rgba(201,162,39,.28);
}
.adm-admin-menu.is-open .adm-admin-chip-caret{ transform:rotate(180deg); }
.adm-admin-menu.is-open .adm-admin-chip-hint{ color:#fde68a; border-color:rgba(240,193,75,.35); }
.adm-admin-dropdown{
  position:absolute; right:0; top:calc(100% + 8px); z-index:80;
  min-width:188px; padding:6px;
  border-radius:14px;
  border:1px solid rgba(212,160,23,.4);
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(253,230,138,.12), transparent 50%),
    linear-gradient(180deg, #151c2a, #0d1320);
  box-shadow:0 14px 36px rgba(0,0,0,.42);
}
.adm-admin-dropdown[hidden]{ display:none !important; }
.adm-admin-dd-item{
  display:flex; align-items:center; gap:10px; width:100%;
  margin:0; padding:10px 12px; border:0; border-radius:10px;
  background:transparent; color:#e2e8f0; font:inherit; font-size:.86rem; font-weight:700;
  text-decoration:none; cursor:pointer; text-align:left;
  transition: background .12s ease, color .12s ease;
}
.adm-admin-dd-item .ico{ width:1.2em; text-align:center; opacity:.9; }
.adm-admin-dd-item:hover{
  background:rgba(253,230,138,.1); color:#fde68a;
}
.adm-admin-dd-item.is-on{
  background:rgba(212,160,23,.16); color:#fde68a;
}
html[data-theme="light"] .adm-admin-chip-name{ color:#92400e; }
html[data-theme="light"] .adm-admin-chip{
  background:#fffbeb; border-color:rgba(180,83,9,.28);
}
html[data-theme="light"] .adm-admin-chip-caret{ border-top-color:#b45309; }
html[data-theme="light"] .adm-admin-dropdown{
  background:#fff; border-color:rgba(180,83,9,.22);
  box-shadow:0 14px 32px rgba(15,23,42,.14);
}
html[data-theme="light"] .adm-admin-dd-item{ color:#334155; }
html[data-theme="light"] .adm-admin-dd-item:hover,
html[data-theme="light"] .adm-admin-dd-item.is-on{
  background:#fffbeb; color:#92400e;
}

/* 安全弹窗：改密 / 游戏控制 */
.adm-sec-mask{
  position:fixed; inset:0; z-index:21000;
  display:none; align-items:center; justify-content:center;
  padding:18px; background:rgba(4,10,14,.68);
  backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px);
}
.adm-sec-mask.show{ display:flex; }
.adm-sec-dlg{
  position:relative; width:min(92vw,420px); overflow:hidden;
  border-radius:20px; padding:22px 20px 18px;
  border:1px solid rgba(212,160,23,.45);
  background:linear-gradient(165deg, rgba(38,34,18,.99), rgba(12,16,18,.99));
  box-shadow:0 24px 56px rgba(0,0,0,.55), inset 0 1px 0 rgba(253,230,138,.14);
  color:#e2e8f0;
  animation:admSecIn .2s ease;
}
.adm-sec-dlg.is-narrow{ width:min(92vw,380px); }
@keyframes admSecIn{
  from{ opacity:0; transform:translateY(10px) scale(.97); }
  to{ opacity:1; transform:none; }
}
.adm-sec-glow{
  position:absolute; left:-20%; right:-20%; top:-40%; height:140px; pointer-events:none;
  background:radial-gradient(ellipse at center, rgba(251,191,36,.22), transparent 68%);
}
.adm-sec-glow.is-warn{
  background:radial-gradient(ellipse at center, rgba(248,113,113,.18), transparent 68%);
}
.adm-sec-hd{
  position:relative; z-index:1;
  display:flex; align-items:flex-start; gap:12px; margin-bottom:16px;
}
.adm-sec-hd h3{ margin:0 0 4px; font-size:1.05rem; font-weight:800; color:#fde68a; letter-spacing:.02em; }
.adm-sec-hd p{ margin:0; font-size:.78rem; color:#94a3b8; line-height:1.45; }
.adm-sec-ico{
  width:44px; height:44px; border-radius:14px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  font-size:1.1rem; font-weight:800; color:#1c1917;
  background:linear-gradient(180deg,#fde68a,#d4a017);
  border:1px solid rgba(253,230,138,.5);
  box-shadow:0 6px 16px rgba(201,162,39,.28);
}
.adm-sec-ico.is-lock{
  font-size:1.2rem; color:#fff;
  background:linear-gradient(180deg,#f87171,#b91c1c);
  border-color:rgba(248,113,113,.45);
  box-shadow:0 6px 16px rgba(185,28,28,.28);
}
.adm-sec-close{
  margin-left:auto; border:0; background:transparent; color:#94a3b8;
  font-size:1.4rem; line-height:1; cursor:pointer; padding:2px 6px; border-radius:8px;
}
.adm-sec-close:hover{ color:#fde68a; background:rgba(255,255,255,.05); }
.adm-sec-field{ margin:0 0 12px; position:relative; z-index:1; }
.adm-sec-field label{
  display:block; margin:0 0 6px; font-size:.78rem; font-weight:700; color:#cbd5e1;
}
.adm-sec-field input{
  width:100%; box-sizing:border-box; padding:11px 12px; border-radius:12px;
  border:1px solid rgba(212,160,23,.35); background:rgba(8,10,12,.75);
  color:#fde68a; font-size:.9rem; outline:none; font-family:inherit;
}
.adm-sec-field input:focus{
  border-color:rgba(212,160,23,.75);
  box-shadow:0 0 0 3px rgba(212,160,23,.12);
}
.adm-sec-err,.adm-sec-ok{
  margin:0 0 12px; font-size:.82rem; line-height:1.4; text-align:center;
}
.adm-sec-err{ color:#fca5a5; }
.adm-sec-ok{ color:#6ee7b7; }
.adm-sec-actions{ display:flex; gap:10px; position:relative; z-index:1; }
.adm-sec-btn{
  flex:1; height:42px; border-radius:12px; border:1px solid transparent;
  font-size:.9rem; font-weight:700; cursor:pointer; font-family:inherit;
  transition:transform .12s, box-shadow .15s, background .15s;
}
.adm-sec-btn:active{ transform:scale(.98); }
.adm-sec-btn:disabled{ opacity:.55; cursor:wait; }
.adm-sec-btn.ghost{
  background:rgba(255,255,255,.04); border-color:rgba(148,163,184,.35); color:#e2e8f0;
}
.adm-sec-btn.ghost:hover{ background:rgba(255,255,255,.07); }
.adm-sec-btn.primary{
  background:linear-gradient(180deg,#f0c14b,#c9a227);
  border-color:rgba(240,193,75,.75); color:#1c1917;
  box-shadow:0 6px 16px rgba(201,162,39,.28);
}
.adm-sec-btn.primary:hover{ box-shadow:0 8px 20px rgba(201,162,39,.38); }

.adm-gc-gate{
  min-height:58vh; display:flex; align-items:center; justify-content:center; padding:24px 8px;
}
.adm-gc-gate-card{
  width:min(100%,420px); padding:28px 24px 22px; border-radius:20px; text-align:center;
  border:1px solid rgba(212,160,23,.42);
  background:
    radial-gradient(120% 80% at 50% -10%, rgba(251,191,36,.16), transparent 50%),
    linear-gradient(165deg, rgba(36,32,18,.98), rgba(12,16,18,.98));
  box-shadow:0 22px 48px rgba(0,0,0,.4);
}
.adm-gc-gate-ico{
  width:56px; height:56px; margin:0 auto 14px; border-radius:16px;
  display:flex; align-items:center; justify-content:center; font-size:1.5rem;
  background:linear-gradient(180deg, rgba(248,113,113,.25), rgba(185,28,28,.2));
  border:1px solid rgba(248,113,113,.4);
}
.adm-gc-gate-card h2{ margin:0 0 8px; font-size:1.15rem; color:#fde68a; }
.adm-gc-gate-card > p{ margin:0 0 18px; font-size:.84rem; color:#94a3b8; line-height:1.55; }
.adm-gc-gate-label{
  display:block; text-align:left; margin:0 0 6px; font-size:.78rem; font-weight:700; color:#cbd5e1;
}
.adm-gc-gate-input{
  width:100%; box-sizing:border-box; padding:12px 14px; border-radius:12px; margin-bottom:10px;
  border:1px solid rgba(212,160,23,.35); background:rgba(8,10,12,.75);
  color:#fde68a; font-size:.95rem; outline:none; font-family:inherit;
}
.adm-gc-gate-input:focus{ border-color:rgba(212,160,23,.75); box-shadow:0 0 0 3px rgba(212,160,23,.12); }
.adm-gc-gate-err{ margin:0 0 10px; color:#fca5a5; font-size:.82rem; }
.adm-gc-gate-actions{ display:flex; gap:10px; margin-top:6px; }
.adm-gc-gate-actions .btn{ flex:1; }

.adm-modal-mask{position:fixed;inset:0;z-index:1200;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.55)}
.adm-modal-mask.show{display:flex}
.adm-modal{width:min(720px,100%);max-height:88vh;overflow:auto;border-radius:14px;border:1px solid var(--border);background:var(--bg1);box-shadow:0 18px 48px rgba(0,0,0,.45);padding:16px}
.adm-modal h3{margin:0 0 12px}
.adm-modal .adm-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
html[data-theme="light"] .adm-modal-mask{background:rgba(15,23,42,.4)}
html[data-theme="light"] .adm-modal{
  background:#fff; border-color:rgba(15,23,42,.1);
  box-shadow:0 18px 48px rgba(15,23,42,.18);
}
.adm-pager{
  display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px;
  margin-top:14px; padding-top:12px; border-top:1px solid var(--border);
}
.adm-pager-btn{
  min-width:36px; height:36px; padding:0 12px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:10px; border:1px solid var(--border);
  background:var(--bg2); color:var(--text); font-size:.8rem; font-weight:600;
  text-decoration:none; cursor:pointer; font-family:inherit;
  transition:border-color .15s, background .15s, color .15s, transform .12s;
}
.adm-pager-btn:hover{border-color:var(--gold2); color:var(--gold2); transform:translateY(-1px)}
.adm-pager-btn.active{
  background:linear-gradient(135deg, rgba(212,160,23,.35), rgba(212,160,23,.18));
  border-color:var(--gold2); color:var(--gold2);
  box-shadow:0 0 0 1px rgba(212,160,23,.2) inset;
}
.adm-pager-btn:disabled,
.adm-pager-btn.disabled,
.adm-pager-btn:disabled:hover,
.adm-pager-btn.disabled:hover{
  opacity:.38; pointer-events:none; transform:none; border-color:var(--border); color:var(--muted); cursor:default;
}
.adm-pager-info{font-size:.76rem; color:var(--muted); padding:0 6px; white-space:nowrap}

@media (max-width: 1100px) {
  .adm-layout{grid-template-columns:1fr}
  .adm-layout-wd{grid-template-columns:1fr}
}
@media (max-width: 768px) {
  .admin-layout { flex-direction: column; }
  .admin-side {
    width: 100%;
    height: auto;
    max-height: none;
    flex-shrink: 0;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0;
    border-right: none;
    border-bottom: 1px solid rgba(212,160,23,.22);
    box-shadow: none;
  }
  .admin-side .logo { display: none; }
  .admin-nav{
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 8px 10px;
    gap: 4px;
    flex: none;
    min-height: 0;
  }
  .admin-main{
    flex: 1;
    min-height: 0;
  }
  .admin-side a {
    white-space: nowrap;
    margin: 0;
    padding: 10px 12px;
    flex-shrink: 0;
  }
  .admin-side a.active::after{ display: none; }
  .admin-side a.is-logout{
    margin-top: 0;
    justify-content: flex-start;
  }
}

.badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: .72rem;
  background: rgba(45,212,191,.2);
  color: var(--teal);
}
.badge-warn { background: rgba(240,193,75,.2); color: var(--gold2); }

/* 代理后台：操作页双列（表单 + 列表） */
/* 资金冻结标记 */
.fund-frozen{
  color:var(--danger); font-size:.78em; font-weight:700;
  margin-left:2px; letter-spacing:.02em; white-space:nowrap;
}
.wallet-amt .fund-frozen{font-size:.72em}
.uc-bal .amt .fund-frozen{font-size:.8rem}

/* 代理后台：下线管理卡片入口 */
.ag-mgmt-cards{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}
.ag-mgmt-card{
  position:relative; overflow:hidden;
  display:flex; flex-direction:column; gap:4px;
  padding:14px 14px 12px;
  border-radius:14px;
  border:1px solid var(--border);
  background:linear-gradient(165deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  text-decoration:none; color:var(--text);
  transition:border-color .15s, transform .12s, background .15s, box-shadow .15s;
  min-height:96px;
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset, 0 6px 16px rgba(0,0,0,.12);
}
.ag-mgmt-card::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:rgba(148,163,184,.45);
}
.ag-mgmt-card:hover{
  transform:translateY(-1px);
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset, 0 10px 24px rgba(0,0,0,.22);
}
.ag-mgmt-card-ico{
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; margin-bottom:2px; border-radius:9px;
  font-size:.85rem; font-weight:800; line-height:1;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08);
  color:#e2e8f0;
}
.ag-mgmt-card-gold{
  border-color:rgba(251,191,36,.45);
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(253,230,138,.28), transparent 48%),
    linear-gradient(155deg, rgba(120,80,10,.55), rgba(20,18,12,.92));
}
.ag-mgmt-card-gold::before{background:linear-gradient(180deg,#fde68a,#c9a227)}
.ag-mgmt-card-gold .ag-mgmt-card-ico{
  color:#1c1917; background:linear-gradient(180deg,#fef3c7,#f0c14b); border-color:rgba(253,230,138,.55);
}
.ag-mgmt-card-gold:hover{border-color:rgba(251,191,36,.75)}
.ag-mgmt-card-teal{
  border-color:rgba(45,212,191,.45);
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(45,212,191,.28), transparent 48%),
    linear-gradient(155deg, rgba(8,70,62,.58), rgba(12,20,22,.94));
}
.ag-mgmt-card-teal::before{background:linear-gradient(180deg,#5eead4,#14b8a6)}
.ag-mgmt-card-teal .ag-mgmt-card-ico{
  color:#042f2e; background:linear-gradient(180deg,#99f6e4,#2dd4bf); border-color:rgba(45,212,191,.55);
}
.ag-mgmt-card-teal:hover{border-color:rgba(45,212,191,.75)}
.ag-mgmt-card-violet{
  border-color:rgba(167,139,250,.45);
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(167,139,250,.28), transparent 48%),
    linear-gradient(155deg, rgba(60,30,100,.58), rgba(16,14,28,.94));
}
.ag-mgmt-card-violet::before{background:linear-gradient(180deg,#c4b5fd,#8b5cf6)}
.ag-mgmt-card-violet .ag-mgmt-card-ico{
  color:#2e1065; background:linear-gradient(180deg,#ddd6fe,#a78bfa); border-color:rgba(167,139,250,.55);
}
.ag-mgmt-card-violet:hover{border-color:rgba(167,139,250,.75)}
.ag-mgmt-card-blue{
  border-color:rgba(96,165,250,.45);
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(96,165,250,.28), transparent 48%),
    linear-gradient(155deg, rgba(20,50,100,.58), rgba(12,16,28,.94));
}
.ag-mgmt-card-blue::before{background:linear-gradient(180deg,#93c5fd,#3b82f6)}
.ag-mgmt-card-blue .ag-mgmt-card-ico{
  color:#1e3a8a; background:linear-gradient(180deg,#bfdbfe,#60a5fa); border-color:rgba(96,165,250,.55);
}
.ag-mgmt-card-blue:hover{border-color:rgba(96,165,250,.75)}
.ag-mgmt-card-disabled{
  opacity:.5; cursor:default; pointer-events:none; filter:grayscale(.25);
}
.ag-mgmt-card-title{
  font-size:.92rem; font-weight:800; line-height:1.3;
  display:flex; align-items:center; flex-wrap:wrap; gap:6px;
  color:#f8fafc;
}
.ag-mgmt-card-desc{
  font-size:.74rem; color:rgba(226,232,240,.78); line-height:1.4;
}
html[data-theme="light"] .ag-mgmt-card{
  box-shadow:0 1px 0 #fff inset, 0 6px 16px rgba(15,23,42,.06);
  color:#1e293b;
}
html[data-theme="light"] .ag-mgmt-card-title{color:#0f172a}
html[data-theme="light"] .ag-mgmt-card-desc{color:#64748b}
html[data-theme="light"] .ag-mgmt-card-gold{
  background:radial-gradient(120% 90% at 100% 0%, rgba(253,230,138,.65), transparent 48%), linear-gradient(155deg,#fffbeb,#ffffff 55%,#f8fafc);
}
html[data-theme="light"] .ag-mgmt-card-teal{
  background:radial-gradient(120% 90% at 100% 0%, rgba(45,212,191,.35), transparent 48%), linear-gradient(155deg,#ecfdf5,#ffffff 55%,#f8fafc);
}
html[data-theme="light"] .ag-mgmt-card-violet{
  background:radial-gradient(120% 90% at 100% 0%, rgba(167,139,250,.35), transparent 48%), linear-gradient(155deg,#f5f3ff,#ffffff 55%,#f8fafc);
}
html[data-theme="light"] .ag-mgmt-card-blue{
  background:radial-gradient(120% 90% at 100% 0%, rgba(96,165,250,.35), transparent 48%), linear-gradient(155deg,#eff6ff,#ffffff 55%,#f8fafc);
}
/* 手机端同样一行 2 个卡片 */
@media (max-width:520px){
  .ag-mgmt-cards{grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px}
  .ag-mgmt-card{padding:12px 10px 10px; min-height:88px; border-radius:12px}
  .ag-mgmt-card-title{font-size:.84rem}
  .ag-mgmt-card-desc{font-size:.68rem}
  .ag-mgmt-card-ico{width:24px;height:24px;font-size:.75rem;border-radius:8px}
}

/* 代理：下线提现审核记录（对齐个人中心高频记录卡片） */
.ag-wd-list{display:flex;flex-direction:column;gap:0}
.ag-wd-item{
  display:flex;flex-direction:column;gap:4px;padding:10px 12px;margin:0 0 8px;
  border-radius:10px;border:1px solid var(--border);background:var(--bg2);font-size:.8rem;
}
.ag-wd-item .row1{display:flex;justify-content:space-between;gap:8px;align-items:center}
.ag-wd-item .uname{font-weight:800;color:var(--gold2)}
.ag-wd-item .uid{font-weight:600;color:var(--muted);font-size:.72rem;margin-left:4px}
.ag-wd-item .st{font-weight:700;font-size:.72rem}
.ag-wd-item .st.wait{color:#fbbf24}
.ag-wd-item .st.ok{color:#34d399}
.ag-wd-item .st.no{color:#f87171}
.ag-wd-item .row2{color:var(--text);font-weight:600;line-height:1.4}
.ag-wd-item .row2 b{color:#fde68a;font-weight:800}
.ag-wd-item .row-meta,.ag-wd-item .row-addr{
  font-size:.74rem;line-height:1.4;color:var(--muted);
}
.ag-wd-item .row-meta b,.ag-wd-item .row-addr b{color:var(--text);font-weight:700}
.ag-wd-item .row-addr .addr,
.ag-wd-item .row-addr .wd-addr{color:var(--danger);font-weight:700;word-break:break-all}
.ag-wd-item .row3{
  color:var(--muted);font-size:.72rem;display:flex;flex-wrap:wrap;gap:8px;
  justify-content:space-between;align-items:flex-start;margin-top:2px;
}
.ag-wd-item .net{color:#86efac;font-weight:800}
.ag-wd-item .ops{display:flex;flex-direction:column;gap:6px;margin-top:6px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}
.ag-wd-item .ops-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ag-wd-item .ops input[name="remark"]{
  flex:1;min-width:160px;height:34px;padding:0 10px;border-radius:8px;
  border:1px solid var(--border);background:var(--bg0);color:var(--text);font-size:.78rem;
}
.ag-wd-item .remark{font-size:.72rem;color:var(--muted);line-height:1.4}
.ag-wd-empty{padding:20px 12px;text-align:center;color:var(--muted);font-size:.82rem}
html[data-theme="light"] .ag-wd-item{
  background:#fff;border-color:rgba(15,23,42,.08);
}
html[data-theme="light"] .ag-wd-item .uname{color:#a16207 !important}
html[data-theme="light"] .ag-wd-item .row2 b{color:#a16207 !important}
html[data-theme="light"] .ag-wd-item .row-addr .addr,
html[data-theme="light"] .ag-wd-item .row-addr .wd-addr{color:var(--danger) !important}
html[data-theme="light"] .ag-wd-item .st.wait{color:#b45309 !important}
html[data-theme="light"] .ag-wd-item .st.ok{color:#047857 !important}
html[data-theme="light"] .ag-wd-item .st.no{color:#be123c !important}
html[data-theme="light"] .ag-wd-item .net{color:#047857 !important}
html[data-theme="light"] .ag-wd-item .ops{border-top-color:rgba(15,23,42,.08)}

/* 代理：名下用户入口 + 弹窗卡片列表 */
.ag-users-entry{
  display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
}
.ag-users-entry-txt{min-width:0; flex:1}
.ag-users-entry-txt h3{margin:0 0 4px}
.ag-users-entry-txt p{margin:0; font-size:.82rem; color:var(--muted); line-height:1.4}
.ag-users-modal{width:min(560px,100%)}
.ag-users-modal .adm-modal-hd{
  display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:12px;
}
.ag-users-modal .adm-modal-hd h3{margin:0; line-height:1.3}
.ag-users-modal .adm-modal-hd .sub{display:block; margin-top:4px; font-size:.78rem; color:var(--muted); font-weight:400}
.ag-user-tabs{
  display:flex; gap:6px; margin:0 0 12px; padding:4px;
  border-radius:12px; border:1px solid var(--border);
  background:rgba(0,0,0,.16);
}
.ag-user-tab{
  flex:1; min-width:0; text-align:center; text-decoration:none;
  padding:8px 6px; border-radius:9px; font-size:.78rem; font-weight:700;
  color:var(--muted); border:1px solid transparent;
  transition:background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.ag-user-tab em{
  display:inline-block; margin-left:2px; font-style:normal; font-weight:800;
  color:inherit; opacity:.85;
}
.ag-user-tab:hover{color:var(--text); background:rgba(255,255,255,.04)}
.ag-user-tab.is-on{
  color:#1c1917;
  background:linear-gradient(135deg, #f0c14b, #c9a227);
  border-color:rgba(240,193,75,.7);
  box-shadow:0 3px 10px rgba(201,162,39,.28);
}
.ag-user-tab.is-on em{opacity:1}
.ag-users-list{display:flex; flex-direction:column; gap:0; max-height:min(52vh,480px); overflow:auto; padding-right:2px}
html[data-theme="light"] .ag-user-tabs{
  background:rgba(15,23,42,.04); border-color:rgba(15,23,42,.08);
}
html[data-theme="light"] .ag-user-tab:hover{background:rgba(15,23,42,.04)}
html[data-theme="light"] .ag-user-tab.is-on{color:#1c1917}
.ag-user-item{
  display:flex; flex-direction:column; gap:4px; padding:10px 12px; margin:0 0 8px;
  border-radius:10px; border:1px solid var(--border); background:var(--bg2); font-size:.8rem;
}
.ag-user-item.is-active{
  border-color:rgba(212,160,23,.45);
  background:linear-gradient(165deg, rgba(212,160,23,.12), var(--bg2));
}
.ag-user-item .row1{display:flex; justify-content:space-between; gap:8px; align-items:center}
.ag-user-item .uname{font-weight:800; color:var(--gold2)}
.ag-user-item .uid{font-weight:600; color:var(--muted); font-size:.72rem; margin-left:4px}
.ag-user-item .role{font-weight:700; font-size:.72rem; color:var(--muted)}
.ag-user-item .row2{color:var(--text); font-weight:600; line-height:1.45}
.ag-user-item .row2 b{color:#fde68a; font-weight:800}
.ag-user-item .row3{
  color:var(--muted); font-size:.72rem; display:flex; flex-wrap:wrap; gap:8px;
  justify-content:space-between; align-items:center; margin-top:2px;
}
.ag-user-item .ops{
  display:flex; flex-wrap:wrap; gap:8px; margin-top:6px; padding-top:8px;
  border-top:1px solid rgba(255,255,255,.06);
}
.ag-users-empty{padding:28px 12px; text-align:center; color:var(--muted); font-size:.82rem}
html[data-theme="light"] .ag-user-item{
  background:#fff; border-color:rgba(15,23,42,.08);
}
html[data-theme="light"] .ag-user-item.is-active{
  background:linear-gradient(165deg, rgba(251,191,36,.14), #fff);
  border-color:rgba(202,138,4,.35);
}
html[data-theme="light"] .ag-user-item .uname{color:#a16207 !important}
html[data-theme="light"] .ag-user-item .row2 b{color:#a16207 !important}
html[data-theme="light"] .ag-user-item .ops{border-top-color:rgba(15,23,42,.08)}

/* 代理：分成明细弹窗卡片 */
.ag-comm-item{
  display:flex; flex-direction:column; gap:4px; padding:10px 12px; margin:0 0 8px;
  border-radius:10px; border:1px solid var(--border); background:var(--bg2); font-size:.8rem;
}
.ag-comm-item .row1{display:flex; justify-content:space-between; gap:8px; align-items:center}
.ag-comm-item .gname{font-weight:800; color:var(--gold2)}
.ag-comm-item .amt{font-weight:800; color:#86efac; font-size:.86rem}
.ag-comm-item .row2{color:var(--text); font-weight:600; line-height:1.45}
.ag-comm-item .row2 b{color:#fde68a; font-weight:800}
.ag-comm-item .row3{
  color:var(--muted); font-size:.72rem; display:flex; flex-wrap:wrap; gap:8px;
  justify-content:space-between; align-items:center; margin-top:2px;
}
html[data-theme="light"] .ag-comm-item{
  background:#fff; border-color:rgba(15,23,42,.08);
}
html[data-theme="light"] .ag-comm-item .gname{color:#a16207 !important}
html[data-theme="light"] .ag-comm-item .row2 b{color:#a16207 !important}
html[data-theme="light"] .ag-comm-item .amt{color:#047857 !important}

.ag-ops-layout{
  display:grid;
  grid-template-columns:minmax(280px, 380px) minmax(0, 1fr);
  gap:14px;
  align-items:start;
  margin-bottom:14px;
}
.ag-ops-layout > .panel{margin-bottom:0; max-width:none}
.ag-ops-layout .table-wrap{max-height:min(70vh,640px); overflow:auto}
.ag-ops-full{margin-bottom:14px}
@media (max-width:800px){
  .ag-ops-layout{grid-template-columns:1fr}
  .ag-ops-layout .table-wrap{max-height:none}
}

/* 代理后台：整页容器美化（暗夜 / 明亮） */
.ag-dash .ag-topbar-nav{
  display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px;
}
.ag-dash .ag-logout{
  display:inline-flex; align-items:center; gap:6px;
  height:34px; padding:0 12px 0 10px;
  border-radius:999px;
  border:1px solid rgba(251,113,133,.4);
  background:
    radial-gradient(120% 140% at 20% 20%, rgba(251,113,133,.22), transparent 55%),
    linear-gradient(165deg, rgba(136,19,55,.35), rgba(15,23,42,.4));
  box-shadow:
    0 3px 10px rgba(251,113,133,.18),
    inset 0 1px 0 rgba(255,255,255,.1);
  color:#fda4af !important;
  font-size:.78rem; font-weight:800; letter-spacing:.02em;
  flex-shrink:0; text-decoration:none !important; line-height:1; white-space:nowrap;
  transition:transform .12s ease, border-color .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
}
.ag-dash .ag-logout::before{
  content:"";
  width:14px; height:14px; flex-shrink:0;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.ag-dash .ag-logout:hover{
  color:#fecdd3 !important;
  border-color:rgba(251,113,133,.62);
  background:
    radial-gradient(120% 140% at 20% 20%, rgba(251,113,133,.32), transparent 55%),
    linear-gradient(165deg, rgba(190,18,60,.4), rgba(15,23,42,.42));
  box-shadow:
    0 5px 14px rgba(251,113,133,.26),
    0 0 0 3px rgba(251,113,133,.12),
    inset 0 1px 0 rgba(255,255,255,.16);
  transform:translateY(-1px);
}
.ag-dash .ag-logout:active{transform:translateY(0) scale(.97)}
html[data-theme="light"] .ag-dash .ag-logout{
  color:#be123c !important;
  border-color:rgba(225,29,72,.28);
  background:linear-gradient(165deg, #fff1f2, #ffffff);
  box-shadow:0 3px 10px rgba(190,18,60,.1), inset 0 1px 0 #fff;
}
html[data-theme="light"] .ag-dash .ag-logout:hover{
  color:#9f1239 !important;
  border-color:rgba(190,18,60,.42);
  background:linear-gradient(165deg, #ffe4e6, #fff1f2);
  box-shadow:0 5px 14px rgba(190,18,60,.14), 0 0 0 3px rgba(251,113,133,.12);
}
.ag-dash .ag-panel,
.ag-dash .panel.ag-panel{
  position:relative;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.1);
  background:
    radial-gradient(120% 80% at 8% 0%, rgba(240,193,75,.1), transparent 50%),
    radial-gradient(90% 70% at 100% 100%, rgba(45,212,191,.08), transparent 45%),
    linear-gradient(165deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
  box-shadow:0 10px 28px rgba(0,0,0,.24);
  backdrop-filter:blur(6px);
}
.ag-dash .ag-panel::after{
  content:"";
  position:absolute; left:0; right:0; top:0; height:2px;
  background:linear-gradient(90deg, transparent, rgba(240,193,75,.55), rgba(45,212,191,.4), transparent);
  pointer-events:none;
}
.ag-dash .ag-panel h3{position:relative; z-index:1}
.ag-dash .ag-panel-desc{
  position:relative; z-index:1;
  color:var(--muted); font-size:.85rem; margin:0 0 12px; line-height:1.45;
}
.ag-dash .ag-wallet-panel{
  margin-bottom:14px;
  border-color:rgba(240,193,75,.35);
  background:
    radial-gradient(120% 90% at 10% 0%, rgba(240,193,75,.22), transparent 55%),
    linear-gradient(165deg, rgba(120,83,14,.38), rgba(15,23,42,.4));
}
.ag-dash .ag-wallet-inner{
  position:relative; z-index:1;
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;
}
.ag-dash .ag-wallet-bal .lab{
  display:block; font-size:.78rem; color:var(--muted); margin-bottom:4px; font-weight:600;
}
.ag-dash .ag-wallet-bal .amt{
  display:block; font-size:1.35rem; font-weight:800; color:var(--gold2); line-height:1.2;
}
.ag-dash .ag-wallet-actions{display:flex; gap:8px; flex-wrap:wrap}
.ag-dash .ag-rates{
  position:relative; z-index:1;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px;
}
.ag-dash .ag-rate{
  text-align:center; padding:12px 8px; border-radius:12px;
  border:1px solid rgba(240,193,75,.28);
  background:linear-gradient(165deg, rgba(240,193,75,.12), rgba(255,255,255,.03));
}
.ag-dash .ag-rate em{
  display:block; font-style:normal; font-size:.72rem; color:var(--muted); margin-bottom:4px; font-weight:600;
}
.ag-dash .ag-rate b{font-size:1.15rem; color:var(--gold2); font-weight:800}
html[data-theme="light"] .ag-dash .ag-panel,
html[data-theme="light"] .ag-dash .panel.ag-panel{
  backdrop-filter:none;
  box-shadow:0 8px 22px rgba(15,23,42,.08);
  border-color:rgba(15,23,42,.08);
  background:
    radial-gradient(120% 80% at 8% 0%, rgba(251,191,36,.12), transparent 50%),
    radial-gradient(90% 70% at 100% 100%, rgba(20,184,166,.08), transparent 45%),
    linear-gradient(165deg, #ffffff, #f8fafc);
}
html[data-theme="light"] .ag-dash .ag-wallet-panel{
  border-color:rgba(202,138,4,.3);
  background:
    radial-gradient(120% 90% at 10% 0%, rgba(251,191,36,.2), transparent 55%),
    linear-gradient(165deg, #fffbeb, #ffffff);
}
html[data-theme="light"] .ag-dash .ag-wallet-bal .amt{color:#a16207}
html[data-theme="light"] .ag-dash .ag-rate{
  background:linear-gradient(165deg, #fffbeb, #ffffff);
  border-color:rgba(202,138,4,.22);
}
html[data-theme="light"] .ag-dash .ag-rate b{color:#a16207}
html[data-theme="light"] .ag-dash .ag-invite-block{
  background:linear-gradient(165deg, #fffbeb, #ffffff);
  border-color:rgba(202,138,4,.22);
  box-shadow:0 2px 8px rgba(15,23,42,.04);
}

/* ========== 代理代吃：入口 / 页内按钮 / 弹窗 ========== */
.ag-banker-entry{
  position:relative; display:flex; align-items:center; gap:14px;
  margin:0 0 14px; padding:16px 16px 16px 14px; text-decoration:none; color:inherit;
  border-radius:16px; overflow:hidden;
  border:1.5px solid rgba(240,193,75,.48);
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(251,113,133,.18), transparent 50%),
    radial-gradient(90% 80% at 100% 100%, rgba(240,193,75,.2), transparent 48%),
    linear-gradient(135deg, rgba(120,53,15,.45), rgba(15,23,42,.5));
  box-shadow:
    0 12px 28px rgba(0,0,0,.28),
    0 0 0 1px rgba(253,230,138,.08) inset,
    inset 0 1px 0 rgba(255,255,255,.1);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, filter .16s ease;
}
.ag-banker-entry::before{
  content:""; position:absolute; left:14px; right:14px; top:0; height:2px;
  background:linear-gradient(90deg, transparent, rgba(253,230,138,.85), rgba(251,113,133,.55), transparent);
  pointer-events:none;
}
.ag-banker-entry:hover{
  transform:translateY(-2px);
  border-color:rgba(253,230,138,.7);
  box-shadow:
    0 16px 34px rgba(0,0,0,.34),
    0 0 0 3px rgba(240,193,75,.12),
    inset 0 1px 0 rgba(255,255,255,.14);
  filter:brightness(1.04);
}
.ag-banker-entry:active{ transform:scale(.985); }
.ag-banker-entry-ico{
  position:relative; z-index:1; flex-shrink:0;
  width:52px; height:52px; border-radius:16px;
  display:flex; align-items:center; justify-content:center;
  background:
    radial-gradient(circle at 30% 25%, rgba(255,255,255,.55), transparent 42%),
    linear-gradient(160deg, #1c1917 0%, #44403c 45%, #292524 100%);
  border:1.5px solid rgba(253,230,138,.7);
  box-shadow:
    0 8px 18px rgba(0,0,0,.35),
    0 0 0 3px rgba(240,193,75,.12),
    inset 0 1px 0 rgba(255,255,255,.2);
}
.ag-banker-entry-ico::after{ display:none; }
.ag-banker-entry-svg{
  display:block; width:30px; height:30px;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));
}
.ag-banker-entry-ico-dot{
  position:absolute; right:6px; top:6px; width:9px; height:9px; border-radius:50%;
  background:#22c55e; box-shadow:0 0 0 2px rgba(28,25,23,.9), 0 0 10px rgba(34,197,94,.75);
  animation:agBankerPulse 1.8s ease-in-out infinite;
}
@keyframes agBankerPulse{
  0%,100%{ transform:scale(1); opacity:1; }
  50%{ transform:scale(1.15); opacity:.75; }
}
.ag-banker-entry-main{
  position:relative; z-index:1; flex:1; min-width:0;
  display:flex; flex-direction:column; gap:4px;
}
.ag-banker-entry-title{
  font-size:1.05rem; font-weight:900; letter-spacing:.04em;
  background:linear-gradient(110deg, #fff7d6, #fde68a 35%, #f0c14b 70%, #fff7d6);
  background-size:200% 100%;
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}
.ag-banker-entry-desc{
  font-size:.78rem; font-weight:600; color:rgba(226,232,240,.78); line-height:1.4;
}
.ag-banker-entry-go{
  position:relative; z-index:1; flex-shrink:0;
  padding:8px 14px; border-radius:999px; font-size:.8rem; font-weight:800;
  color:#1c1917; white-space:nowrap;
  background:linear-gradient(135deg, #fde68a, #f0c14b 55%, #d4a017);
  border:1px solid rgba(253,230,138,.7);
  box-shadow:0 4px 12px rgba(201,162,39,.35);
}
html[data-theme="light"] .ag-banker-entry{
  border-color:rgba(202,138,4,.4);
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(251,113,133,.1), transparent 50%),
    radial-gradient(90% 80% at 100% 100%, rgba(251,191,36,.18), transparent 48%),
    linear-gradient(135deg, #fff7ed, #ffffff);
  box-shadow:0 10px 24px rgba(15,23,42,.08), inset 0 1px 0 #fff;
}
html[data-theme="light"] .ag-banker-entry-desc{ color:#64748b; }
html[data-theme="light"] .ag-banker-entry-title{
  background:linear-gradient(110deg, #92400e, #b45309 40%, #d97706 75%);
  background-size:200% 100%;
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}

/* 代理：积分 / USDT 划转弹窗 */
.ag-xfer-modal{
  width:min(480px,100%) !important;
  border-radius:18px !important;
  border:1.5px solid rgba(240,193,75,.42) !important;
  background:
    radial-gradient(120% 70% at 8% 0%, rgba(240,193,75,.16), transparent 50%),
    radial-gradient(90% 60% at 100% 0%, rgba(52,211,153,.1), transparent 45%),
    linear-gradient(165deg, rgba(30,41,59,.98), rgba(15,23,42,.98)) !important;
  box-shadow:0 22px 56px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.05) !important;
  padding:0 !important;
  overflow:hidden;
}
.ag-xfer-modal.is-usdt{
  border-color:rgba(45,212,191,.45) !important;
  background:
    radial-gradient(120% 70% at 8% 0%, rgba(45,212,191,.18), transparent 50%),
    radial-gradient(90% 60% at 100% 0%, rgba(96,165,250,.1), transparent 45%),
    linear-gradient(165deg, rgba(15,40,45,.98), rgba(15,23,42,.98)) !important;
}
.ag-xfer-hd{
  display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
  margin:0 !important; padding:14px 16px 12px;
  border-bottom:1px solid rgba(240,193,75,.22);
  background:linear-gradient(180deg, rgba(240,193,75,.1), transparent);
}
.ag-xfer-modal.is-usdt .ag-xfer-hd{
  border-bottom-color:rgba(45,212,191,.25);
  background:linear-gradient(180deg, rgba(45,212,191,.12), transparent);
}
.ag-xfer-hd-main{
  display:flex; align-items:flex-start; gap:10px; min-width:0; flex:1;
}
.ag-xfer-hd-mark{
  width:10px; height:10px; border-radius:3px; flex-shrink:0; margin-top:6px;
  background:linear-gradient(135deg, #fde68a, #f0c14b 50%, #b45309);
  box-shadow:0 0 0 3px rgba(240,193,75,.2);
}
.ag-xfer-modal.is-usdt .ag-xfer-hd-mark{
  background:linear-gradient(135deg, #99f6e4, #2dd4bf 50%, #0f766e);
  box-shadow:0 0 0 3px rgba(45,212,191,.22);
}
.ag-xfer-modal .ag-xfer-hd h3{
  margin:0;
  font-size:1.05rem; font-weight:900; letter-spacing:.03em;
  background:linear-gradient(110deg, #fff7d6, #fde68a 45%, #f0c14b);
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}
.ag-xfer-modal.is-usdt .ag-xfer-hd h3{
  background:linear-gradient(110deg, #ccfbf1, #5eead4 45%, #2dd4bf);
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}
.ag-xfer-close{
  border-radius:10px !important;
  border-color:rgba(240,193,75,.35) !important;
  background:linear-gradient(165deg, rgba(240,193,75,.12), rgba(255,255,255,.04)) !important;
}
.ag-xfer-form{ padding:14px 16px 16px; }
.ag-xfer-snap{
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px;
  margin:0 0 14px;
}
.ag-xfer-snap-item{
  position:relative; overflow:hidden;
  border-radius:12px; padding:10px 8px; text-align:center;
  border:1px solid rgba(255,255,255,.1);
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.08), transparent 55%),
    linear-gradient(165deg, rgba(255,255,255,.06), rgba(0,0,0,.2));
  box-shadow:0 4px 12px rgba(0,0,0,.14);
}
.ag-xfer-snap-item em{
  display:block; font-style:normal; font-size:.68rem; font-weight:700;
  color:var(--muted); margin-bottom:4px;
}
.ag-xfer-snap-item b{
  display:block; font-size:.92rem; font-weight:800; line-height:1.25;
  color:var(--text); word-break:break-all;
}
.ag-xfer-snap-item.is-bal b{ color:#93c5fd; }
.ag-xfer-snap-item.is-avail b{ color:var(--ok); }
.ag-xfer-snap-item.is-total b{ color:var(--gold2); }
.ag-xfer-modal.is-usdt .ag-xfer-snap-item.is-bal b{ color:#7dd3fc; }
.ag-xfer-modal.is-usdt .ag-xfer-snap-item.is-avail b{ color:var(--teal); }
.ag-xfer-modal.is-usdt .ag-xfer-snap-item.is-total b{ color:#5eead4; }
.ag-xfer-field{ margin-bottom:14px; }
.ag-xfer-field > label{
  display:block; margin-bottom:8px;
  font-size:.8rem; font-weight:800; color:var(--muted);
}
.ab-opt-seg{
  display:flex; gap:0; padding:4px; border-radius:12px;
  border:1px solid rgba(148,163,184,.28);
  background:rgba(0,0,0,.22);
}
.ab-opt-seg-2 .ab-opt-seg-item{ flex:1; min-width:0; }
.ab-opt-seg-3 .ab-opt-seg-item{ flex:1; min-width:0; }
.ab-opt-seg-item{
  position:relative; cursor:pointer; margin:0;
  display:block;
}
.ab-opt-seg-item input{
  position:absolute; opacity:0; pointer-events:none; width:0; height:0;
}
.ab-opt-seg-item span{
  display:flex; align-items:center; justify-content:center;
  min-height:40px; padding:8px 10px; border-radius:9px;
  text-align:center; font-size:.78rem; font-weight:800; line-height:1.25;
  color:var(--muted); border:1px solid transparent;
  transition: background .15s, color .15s, border-color .15s, box-shadow .15s;
}
.ab-opt-seg-item:hover span{
  color:var(--text); background:rgba(255,255,255,.04);
}
.ab-opt-seg-item input:checked + span{
  color:#1c1917;
  background:linear-gradient(135deg, #fde68a, #f0c14b 55%, #d4a017);
  border-color:rgba(240,193,75,.7);
  box-shadow:0 3px 10px rgba(201,162,39,.3);
}
.ag-xfer-modal.is-usdt .ab-opt-seg-item input:checked + span{
  background:linear-gradient(135deg, #99f6e4, #2dd4bf 55%, #0d9488);
  border-color:rgba(45,212,191,.7);
  box-shadow:0 3px 10px rgba(13,148,136,.28);
}

/* ===== 后台 · 代理代吃页表单 / 筛选 / 吃单记录弹窗 ===== */
.ab-field{ margin:0 0 12px; }
.ab-field > label{
  display:block; margin-bottom:6px;
  font-size:.78rem; font-weight:800; color:var(--muted);
}
.ab-input{
  width:100%; box-sizing:border-box;
  height:40px; padding:0 12px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,.32);
  background:rgba(0,0,0,.22);
  color:var(--text);
  font-size:.86rem; font-weight:650;
  outline:none;
  transition: border-color .15s, box-shadow .15s;
}
.ab-input:focus{
  border-color:rgba(240,193,75,.55);
  box-shadow:0 0 0 3px rgba(240,193,75,.12);
}
.ab-check{
  display:inline-flex; align-items:center; gap:8px;
  margin:0 14px 8px 0;
  font-size:.84rem; font-weight:700; color:var(--text);
  cursor:pointer; user-select:none;
}
.ab-check input[type="checkbox"]{
  width:16px; height:16px; accent-color:#f0c14b; cursor:pointer;
}
.ab-game-checks{
  display:flex; flex-wrap:wrap; gap:8px 14px;
  padding:10px 12px; border-radius:12px;
  border:1px solid rgba(148,163,184,.25);
  background:rgba(0,0,0,.16);
}
.ab-game-checks .ab-check{ margin:0; }

.ab-filter-seg,
.ab-rake-seg{
  display:inline-flex; gap:0; padding:4px; border-radius:12px;
  border:1px solid rgba(148,163,184,.28);
  background:rgba(0,0,0,.22);
  vertical-align:middle;
}
.ab-filter-seg-item,
.ab-rake-seg-item{
  position:relative; cursor:pointer; margin:0; display:block; flex:1; min-width:0;
}
.ab-filter-seg-item input,
.ab-rake-seg-item input{
  position:absolute; opacity:0; pointer-events:none; width:0; height:0;
}
.ab-filter-seg-item span,
.ab-rake-seg-item span{
  display:flex; align-items:center; justify-content:center;
  min-height:36px; padding:7px 12px; border-radius:9px;
  text-align:center; font-size:.78rem; font-weight:800; line-height:1.25;
  color:var(--muted); border:1px solid transparent; white-space:nowrap;
  transition: background .15s, color .15s, border-color .15s, box-shadow .15s;
}
.ab-filter-seg-item:hover span,
.ab-rake-seg-item:hover span{
  color:var(--text); background:rgba(255,255,255,.04);
}
.ab-filter-seg-item input:checked + span,
.ab-rake-seg-item input:checked + span{
  color:#1c1917;
  background:linear-gradient(135deg, #fde68a, #f0c14b 55%, #d4a017);
  border-color:rgba(240,193,75,.7);
  box-shadow:0 3px 10px rgba(201,162,39,.3);
}
.ab-tax-warn{
  display:none; margin-top:8px; padding:10px 12px; border-radius:10px;
  font-size:.78rem; line-height:1.5; font-weight:700;
  color:#fdba74;
  border:1px solid rgba(251,146,60,.4);
  background:rgba(234,88,12,.12);
}
.ab-tax-warn.is-on{ display:block; }

.ab-adm-logs-modal{
  width:min(980px,100%);
  max-height:min(90vh,860px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border-radius:16px !important;
  border:1.5px solid rgba(240,193,75,.35) !important;
  background:
    radial-gradient(120% 70% at 10% 0%, rgba(240,193,75,.12), transparent 50%),
    linear-gradient(165deg, rgba(30,41,59,.98), rgba(15,23,42,.98)) !important;
  box-shadow:0 22px 56px rgba(0,0,0,.5) !important;
}
.ab-adm-logs-scroll{
  flex:1 1 auto;
  min-height:180px;
  max-height:min(58vh,560px);
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  padding:4px 2px 8px;
}
.ab-adm-logs-modal .adm-modal-hd{
  display:flex; align-items:flex-start; justify-content:space-between; gap:10px;
  flex-shrink:0; margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(240,193,75,.2);
}
.ab-adm-logs-modal .adm-modal-hd h3{ margin:0; color:var(--gold2); }

html[data-theme="light"] .ab-input{
  background:#fff; border-color:rgba(15,23,42,.14); color:#0f172a;
}
html[data-theme="light"] .ab-game-checks,
html[data-theme="light"] .ab-filter-seg,
html[data-theme="light"] .ab-rake-seg{
  background:#f8fafc; border-color:rgba(15,23,42,.12);
}
html[data-theme="light"] .ab-filter-seg-item span,
html[data-theme="light"] .ab-rake-seg-item span{ color:#64748b; }
html[data-theme="light"] .ab-filter-seg-item:hover span,
html[data-theme="light"] .ab-rake-seg-item:hover span{
  color:#0f172a; background:rgba(15,23,42,.04);
}
html[data-theme="light"] .ab-tax-warn{
  color:#c2410c; background:#fff7ed; border-color:rgba(251,146,60,.45);
}
html[data-theme="light"] .ab-adm-logs-modal{
  background:
    radial-gradient(120% 70% at 10% 0%, rgba(251,191,36,.1), transparent 50%),
    linear-gradient(165deg, #ffffff, #f8fafc) !important;
  border-color:rgba(202,138,4,.3) !important;
  box-shadow:0 18px 40px rgba(15,23,42,.14) !important;
}
html[data-theme="light"] .ab-adm-logs-modal .adm-modal-hd h3{ color:#a16207; }

.ag-xfer-amt{
  width:100%; box-sizing:border-box;
  height:46px; padding:0 14px !important;
  border-radius:12px !important;
  font-size:1.05rem !important; font-weight:800 !important;
  color:var(--gold2) !important;
  border:1.5px solid rgba(240,193,75,.4) !important;
  background:rgba(0,0,0,.28) !important;
  outline:none;
}
.ag-xfer-modal.is-usdt .ag-xfer-amt{
  color:var(--teal) !important;
  border-color:rgba(45,212,191,.45) !important;
}
.ag-xfer-amt:focus{
  border-color:rgba(240,193,75,.7) !important;
  box-shadow:0 0 0 3px rgba(240,193,75,.15);
}
.ag-xfer-modal.is-usdt .ag-xfer-amt:focus{
  border-color:rgba(45,212,191,.7) !important;
  box-shadow:0 0 0 3px rgba(45,212,191,.15);
}
.ag-xfer-hint{
  margin:8px 0 0 !important;
  font-size:.76rem !important;
  color:var(--muted);
}
.ag-xfer-actions{
  margin-top:4px !important;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.06);
  gap:10px !important;
}
.ag-xfer-submit{
  min-width:110px;
  font-weight:800 !important;
  box-shadow:0 4px 14px rgba(201,162,39,.3);
}
.ag-xfer-modal.is-usdt .ag-xfer-submit{
  background:linear-gradient(135deg, #2dd4bf, #0d9488) !important;
  border-color:rgba(45,212,191,.7) !important;
  box-shadow:0 4px 14px rgba(13,148,136,.3);
}

html[data-theme="light"] .ag-xfer-modal{
  background:
    radial-gradient(120% 70% at 8% 0%, rgba(251,191,36,.14), transparent 50%),
    linear-gradient(165deg, #ffffff, #f8fafc) !important;
  border-color:rgba(202,138,4,.35) !important;
  box-shadow:0 18px 40px rgba(15,23,42,.12) !important;
}
html[data-theme="light"] .ag-xfer-modal.is-usdt{
  background:
    radial-gradient(120% 70% at 8% 0%, rgba(45,212,191,.14), transparent 50%),
    linear-gradient(165deg, #f0fdfa, #ffffff) !important;
  border-color:rgba(13,148,136,.32) !important;
}
html[data-theme="light"] .ag-xfer-modal .ag-xfer-hd h3{
  background:linear-gradient(110deg, #92400e, #b45309 50%, #d97706);
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}
html[data-theme="light"] .ag-xfer-modal.is-usdt .ag-xfer-hd h3{
  background:linear-gradient(110deg, #115e59, #0f766e 50%, #0d9488);
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}
html[data-theme="light"] .ag-xfer-snap-item{
  background:linear-gradient(165deg, #ffffff, #f8fafc);
  border-color:rgba(15,23,42,.08);
  box-shadow:0 2px 8px rgba(15,23,42,.04);
}
html[data-theme="light"] .ag-xfer-snap-item.is-bal b{ color:#1d4ed8; }
html[data-theme="light"] .ag-xfer-snap-item.is-avail b{ color:#047857; }
html[data-theme="light"] .ag-xfer-snap-item.is-total b{ color:#a16207; }
html[data-theme="light"] .ag-xfer-modal.is-usdt .ag-xfer-snap-item.is-total b{ color:#0f766e; }
html[data-theme="light"] .ab-opt-seg{
  background:rgba(15,23,42,.04); border-color:rgba(15,23,42,.1);
}
html[data-theme="light"] .ag-xfer-amt{
  background:#fff !important;
  color:#a16207 !important;
}
html[data-theme="light"] .ag-xfer-modal.is-usdt .ag-xfer-amt{
  color:#0f766e !important;
}
html[data-theme="light"] .ag-xfer-actions{
  border-top-color:rgba(15,23,42,.08);
}

.ab-page-head{ margin-bottom:16px; }
.ab-page-title{
  gap:10px;
}
.ab-page-title-mark{
  width:10px; height:10px; border-radius:3px; flex-shrink:0;
  background:linear-gradient(135deg, #fde68a, #f0c14b 50%, #b45309);
  box-shadow:0 0 0 3px rgba(240,193,75,.2), 0 2px 8px rgba(201,162,39,.45);
}
.ab-page-title-text{
  background:linear-gradient(110deg, #fff7d6, #fde68a 40%, #f0c14b);
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  font-weight:900; letter-spacing:.04em;
}
html[data-theme="light"] .ab-page-title-text{
  background:linear-gradient(110deg, #92400e, #b45309 50%, #d97706);
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}

.ab-quota-panel{ margin-bottom:16px; }
.ab-quota-title{
  display:flex; align-items:center; gap:8px; margin:0 0 12px;
  font-size:.98rem; font-weight:800;
}
.ab-quota-title-mark{
  width:8px; height:8px; border-radius:50%;
  background:linear-gradient(135deg, #34d399, #059669);
  box-shadow:0 0 0 3px rgba(52,211,153,.2);
}
.ab-quota-grid{
  position:relative; z-index:1;
  display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px;
}
.ab-quota-item{
  position:relative; overflow:hidden;
  border-radius:14px; padding:12px 12px 10px;
  border:1px solid rgba(255,255,255,.1);
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(255,255,255,.08), transparent 55%),
    linear-gradient(165deg, rgba(255,255,255,.06), rgba(0,0,0,.18));
  box-shadow:0 6px 16px rgba(0,0,0,.16);
}
.ab-quota-item .lab{
  display:block; font-size:.7rem; font-weight:700; color:var(--muted); margin-bottom:4px;
}
.ab-quota-item b{
  display:block; font-size:1.05rem; font-weight:800; line-height:1.25; color:var(--text);
  word-break:break-all;
}
.ab-quota-item b.gold{ color:var(--gold2); }
.ab-quota-item b.ok{ color:var(--ok); }
.ab-quota-item em{
  display:block; margin-top:4px; font-style:normal; font-size:.68rem; color:var(--muted); line-height:1.35;
}
.ab-quota-item.is-points{ border-color:rgba(52,211,153,.35); }
.ab-quota-item.is-usdt{ border-color:rgba(45,212,191,.35); }
.ab-quota-item.is-usdt b{ color:var(--teal); }
.ab-quota-item.is-sum{
  border-color:rgba(240,193,75,.42);
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(240,193,75,.2), transparent 55%),
    linear-gradient(165deg, rgba(120,83,14,.35), rgba(15,23,42,.35));
}
.ab-quota-item.is-remain{
  grid-column:1 / -1;
  border-color:rgba(52,211,153,.45);
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(52,211,153,.18), transparent 55%),
    linear-gradient(165deg, rgba(6,78,59,.35), rgba(15,23,42,.35));
}
.ab-quota-reserved-col{
  display:flex; flex-direction:column; gap:8px;
}
.ab-quota-tip{ margin:12px 0 0; font-size:.78rem; }
.ab-pnl-open{
  position:relative; overflow:hidden;
  display:flex; align-items:center; justify-content:center; gap:8px;
  width:100%; padding:11px 12px; border-radius:12px; cursor:pointer;
  font-size:.84rem; font-weight:800; color:#1c1917;
  border:1px solid rgba(253,230,138,.65);
  background:linear-gradient(135deg, #fff7d6 0%, #fde68a 40%, #f0c14b 75%, #d4a017 100%);
  box-shadow:0 6px 16px rgba(201,162,39,.35), inset 0 1px 0 rgba(255,255,255,.55);
  transition: transform .14s ease, box-shadow .14s ease, filter .14s ease;
}
.ab-pnl-open:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
  box-shadow:0 8px 20px rgba(201,162,39,.42), 0 0 0 3px rgba(240,193,75,.15);
}
.ab-pnl-open:active{ transform:scale(.98); }
.ab-pnl-open-ico{
  width:16px; height:16px; border-radius:4px; flex-shrink:0;
  background:
    linear-gradient(#1c1917,#1c1917) 20% 30%/60% 2px no-repeat,
    linear-gradient(#1c1917,#1c1917) 20% 50%/60% 2px no-repeat,
    linear-gradient(#1c1917,#1c1917) 20% 70%/40% 2px no-repeat,
    linear-gradient(135deg, rgba(28,25,23,.12), transparent);
  opacity:.85;
}

.ab-entry-grid{
  display:grid; grid-template-columns:1fr; gap:12px; margin-bottom:24px;
}
@media (min-width:520px){
  .ab-entry-grid{ grid-template-columns:repeat(3, minmax(0,1fr)); }
  .ab-quota-grid{ grid-template-columns:repeat(3, minmax(0,1fr)); }
  .ab-quota-item.is-remain{ grid-column:auto; }
}
.ab-entry-btn{
  position:relative; overflow:hidden; cursor:pointer; text-align:left;
  display:flex; flex-direction:column; align-items:flex-start; gap:6px;
  min-height:108px; padding:16px 16px 14px;
  border-radius:16px; border:1.5px solid rgba(255,255,255,.12);
  color:inherit; font:inherit;
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(255,255,255,.1), transparent 55%),
    linear-gradient(165deg, rgba(255,255,255,.07), rgba(0,0,0,.22));
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, filter .15s ease;
}
.ab-entry-btn::before{
  content:""; position:absolute; left:14px; right:14px; top:0; height:2px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent);
  pointer-events:none;
}
.ab-entry-btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
  box-shadow:0 14px 30px rgba(0,0,0,.28), 0 0 0 3px rgba(255,255,255,.06);
}
.ab-entry-btn:active{ transform:scale(.985); }
.ab-entry-ico{
  width:36px; height:36px; border-radius:11px; margin-bottom:2px;
  display:flex; align-items:center; justify-content:center;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 4px 12px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.25);
}
.ab-entry-ico::after{
  content:""; width:14px; height:14px; border-radius:3px;
  background:currentColor; opacity:.9;
  mask:linear-gradient(#000 0 0) center/100% 2.5px no-repeat,
       linear-gradient(#000 0 0) center/2.5px 100% no-repeat;
  -webkit-mask:linear-gradient(#000 0 0) center/100% 2.5px no-repeat,
               linear-gradient(#000 0 0) center/2.5px 100% no-repeat;
}
.ab-entry-lab{
  position:relative; z-index:1;
  font-size:1.02rem; font-weight:900; letter-spacing:.03em;
}
.ab-entry-sub{
  position:relative; z-index:1;
  font-size:.76rem; font-weight:600; color:rgba(226,232,240,.72); line-height:1.4;
}
.ab-entry-btn.is-pending{
  border-color:rgba(96,165,250,.5);
  color:#93c5fd;
  background:
    radial-gradient(120% 90% at 8% 0%, rgba(96,165,250,.28), transparent 52%),
    linear-gradient(165deg, rgba(30,58,138,.5), rgba(15,23,42,.42));
}
.ab-entry-btn.is-pending .ab-entry-ico{
  color:#1e3a8a;
  background:linear-gradient(160deg, #dbeafe, #60a5fa 55%, #2563eb);
}
.ab-entry-btn.is-pending .ab-entry-lab{ color:#bfdbfe; }
.ab-entry-btn.is-logs{
  border-color:rgba(251,191,36,.5);
  color:#fde68a;
  background:
    radial-gradient(120% 90% at 8% 0%, rgba(251,191,36,.26), transparent 52%),
    linear-gradient(165deg, rgba(120,53,15,.48), rgba(15,23,42,.42));
}
.ab-entry-btn.is-logs .ab-entry-ico{
  color:#78350f;
  background:linear-gradient(160deg, #fff7d6, #f0c14b 55%, #b45309);
}
.ab-entry-btn.is-logs .ab-entry-lab{ color:#fde68a; }
.ab-entry-btn.is-logs .ab-entry-ico::after{
  mask:linear-gradient(#000 0 0) 30% 35%/55% 2px no-repeat,
       linear-gradient(#000 0 0) 30% 55%/55% 2px no-repeat,
       linear-gradient(#000 0 0) 30% 75%/35% 2px no-repeat;
  -webkit-mask:linear-gradient(#000 0 0) 30% 35%/55% 2px no-repeat,
               linear-gradient(#000 0 0) 30% 55%/55% 2px no-repeat,
               linear-gradient(#000 0 0) 30% 75%/35% 2px no-repeat;
  background:#78350f;
}
.ab-entry-btn.is-settled{
  border-color:rgba(52,211,153,.5);
  color:#6ee7b7;
  background:
    radial-gradient(120% 90% at 8% 0%, rgba(52,211,153,.26), transparent 52%),
    linear-gradient(165deg, rgba(6,78,59,.48), rgba(15,23,42,.42));
}
.ab-entry-btn.is-settled .ab-entry-ico{
  color:#064e3b;
  background:linear-gradient(160deg, #d1fae5, #34d399 55%, #059669);
}
.ab-entry-btn.is-settled .ab-entry-lab{ color:#a7f3d0; }
.ab-entry-btn.is-settled .ab-entry-ico::after{
  border-radius:50%;
  mask:none; -webkit-mask:none;
  background:radial-gradient(circle at 50% 50%, currentColor 0 35%, transparent 36%),
             linear-gradient(currentColor, currentColor) 50% 70%/2px 40% no-repeat;
}

.ab-pnl-modal,
.ab-list-modal{
  width:min(640px,100%);
  border-radius:18px !important;
  border:1.5px solid rgba(240,193,75,.4) !important;
  background:
    radial-gradient(120% 70% at 10% 0%, rgba(240,193,75,.14), transparent 50%),
    radial-gradient(90% 60% at 100% 0%, rgba(96,165,250,.1), transparent 45%),
    linear-gradient(165deg, rgba(30,41,59,.98), rgba(15,23,42,.98)) !important;
  box-shadow:0 22px 56px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.04) inset !important;
  padding:0 !important;
  overflow:hidden;
  display:flex; flex-direction:column; max-height:88vh;
}
.ab-pnl-modal .adm-modal-hd,
.ab-list-modal .ab-list-hd{
  position:relative;
  margin:0 !important;
  padding:14px 16px 12px;
  border-bottom:1px solid rgba(240,193,75,.22);
  background:linear-gradient(180deg, rgba(240,193,75,.1), transparent);
}
.ab-pnl-modal .adm-modal-hd h3,
.ab-list-modal .ab-list-hd h3{
  font-size:1.05rem; font-weight:900; letter-spacing:.03em;
  background:linear-gradient(110deg, #fff7d6, #fde68a 50%, #f0c14b);
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}
.ab-list-hd-acts{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.ab-list-hd-acts .ab-settled-only[hidden]{ display:none !important; }
.ab-list-hd-acts .btn{
  border-radius:10px; font-weight:700;
  border-color:rgba(240,193,75,.35) !important;
  background:linear-gradient(165deg, rgba(240,193,75,.12), rgba(255,255,255,.04)) !important;
}
.ab-list-hd-acts .btn:hover{
  border-color:rgba(240,193,75,.55) !important;
  background:linear-gradient(165deg, rgba(240,193,75,.2), rgba(255,255,255,.06)) !important;
}
.ab-list-toolbar{
  padding:10px 14px 8px;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(0,0,0,.14);
}
.ab-pnl-scroll,
.ab-list-scroll{
  flex:1; min-height:0;
  max-height:min(58vh,560px);
  padding:12px 14px;
  overflow:auto;
}
.ab-pnl-pager,
.ab-list-pager{
  margin:0 !important;
  padding:10px 14px 14px;
  border-top:1px solid rgba(240,193,75,.18);
  background:rgba(0,0,0,.16);
}
.ab-list-hd-acts .ab-btn-clear{
  border-color:rgba(248,113,113,.4) !important;
  color:#fecaca !important;
  background:linear-gradient(165deg, rgba(248,113,113,.14), rgba(255,255,255,.03)) !important;
}
.ab-list-hd-acts .ab-btn-clear:hover{
  border-color:rgba(248,113,113,.6) !important;
  background:linear-gradient(165deg, rgba(248,113,113,.22), rgba(255,255,255,.05)) !important;
}
.ab-list-hd-acts .ab-btn-clear-hist{
  border-color:rgba(56,189,248,.4) !important;
  color:#bae6fd !important;
  background:linear-gradient(165deg, rgba(56,189,248,.12), rgba(255,255,255,.03)) !important;
}
.ab-list-hd-acts .ab-btn-clear-hist:hover{
  border-color:rgba(56,189,248,.55) !important;
  background:linear-gradient(165deg, rgba(56,189,248,.2), rgba(255,255,255,.05)) !important;
}
.ab-pager-pretty{
  display:flex; flex-direction:column; align-items:center; gap:10px;
}
.ab-pager-pretty .ab-pager-row{
  display:flex; flex-wrap:wrap; gap:6px; justify-content:center; align-items:center;
}
.ab-pager-pretty .adm-pager-btn{
  min-width:36px; height:34px; padding:0 12px;
  border-radius:10px; font-size:.78rem; font-weight:700;
  border:1px solid rgba(148,163,184,.28);
  background:linear-gradient(165deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
  color:var(--text);
  transition: transform .12s, border-color .15s, background .15s, box-shadow .15s;
}
.ab-pager-pretty .adm-pager-btn:hover:not(:disabled):not(.active){
  border-color:rgba(240,193,75,.5);
  background:linear-gradient(165deg, rgba(240,193,75,.16), rgba(255,255,255,.05));
  transform:translateY(-1px);
}
.ab-pager-pretty .adm-pager-btn.active{
  color:#1c1917;
  border-color:rgba(240,193,75,.7);
  background:linear-gradient(135deg, #fde68a, #f0c14b 55%, #d4a017);
  box-shadow:0 3px 10px rgba(201,162,39,.28);
}
.ab-pager-pretty .adm-pager-btn:disabled{
  opacity:.42; cursor:not-allowed;
}
.ab-pager-pretty .ab-pg-nav{ min-width:52px; }
.ab-pager-pretty .ab-pager-info,
.ab-pager-pretty .adm-pager-info{
  font-size:.72rem; color:var(--muted); text-align:center; line-height:1.4;
}

.ab-clear-mask{ z-index:10060; }
.ab-clear-modal{
  width:min(400px,92vw);
  border-radius:18px !important;
  border:1.5px solid rgba(248,113,113,.4) !important;
  background:
    radial-gradient(120% 70% at 8% 0%, rgba(248,113,113,.16), transparent 48%),
    linear-gradient(165deg, rgba(36,20,24,.99), rgba(12,14,18,.99)) !important;
  box-shadow:0 22px 56px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.04) inset !important;
  padding:0 !important; overflow:hidden;
}
.ab-clear-modal-hd{
  padding:20px 18px 12px; text-align:center;
  border-bottom:1px solid rgba(248,113,113,.2);
}
.ab-clear-ico{
  width:46px; height:46px; margin:0 auto 10px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  font-size:1.25rem; font-weight:800; color:#fecaca;
  background:rgba(248,113,113,.16); border:1px solid rgba(248,113,113,.45);
}
.ab-clear-modal-hd h3{
  margin:0 0 8px; font-size:1.05rem; font-weight:900; color:#fecaca;
}
.ab-clear-desc{
  margin:0; font-size:.8rem; line-height:1.55; color:#fda4af; text-align:left;
}
.ab-clear-modal-body{ padding:14px 18px 6px; }
.ab-clear-lab{
  display:block; margin-bottom:6px; font-size:.8rem; font-weight:700; color:#fde68a;
}
.ab-clear-input{
  width:100%; height:42px; box-sizing:border-box; border-radius:12px;
  border:1px solid rgba(248,113,113,.4);
  background:rgba(8,10,12,.75); color:#fecaca;
  font-size:.92rem; padding:0 12px; outline:none;
}
.ab-clear-input:focus{
  border-color:rgba(251,191,36,.55);
  box-shadow:0 0 0 3px rgba(251,191,36,.12);
}
.ab-clear-hint{
  margin:8px 0 0; font-size:.78rem; color:#f87171; line-height:1.4;
}
.ab-clear-modal-acts{
  display:flex; gap:10px; padding:12px 18px 18px;
}
.ab-clear-modal-acts .btn{ flex:1; border-radius:12px; font-weight:800; }
.ab-clear-ok{
  background:linear-gradient(180deg, #ef4444, #b91c1c) !important;
  border:1px solid #f87171 !important; color:#fff !important;
}

.ab-clear-hist-modal{
  width:min(640px,100%);
  border-radius:18px !important;
  border:1.5px solid rgba(56,189,248,.4) !important;
  background:
    radial-gradient(120% 70% at 10% 0%, rgba(56,189,248,.14), transparent 50%),
    radial-gradient(90% 60% at 100% 0%, rgba(240,193,75,.08), transparent 45%),
    linear-gradient(165deg, rgba(30,41,59,.98), rgba(15,23,42,.98)) !important;
  box-shadow:0 22px 56px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.04) inset !important;
  padding:0 !important; overflow:hidden;
  display:flex; flex-direction:column; max-height:88vh;
}
.ab-clear-hist-hd{
  margin:0 !important; padding:14px 16px 12px;
  border-bottom:1px solid rgba(56,189,248,.22);
  background:linear-gradient(180deg, rgba(56,189,248,.1), transparent);
}
.ab-clear-hist-hd h3{
  font-size:1.05rem; font-weight:900; letter-spacing:.03em;
  background:linear-gradient(110deg, #e0f2fe, #7dd3fc 50%, #38bdf8);
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}
.ab-clear-hist-scroll{
  flex:1; min-height:0; max-height:min(58vh,560px);
  padding:12px 14px; overflow:auto;
}
.ab-clear-hist-list{ display:flex; flex-direction:column; gap:10px; }
.ab-clear-hist-item{
  position:relative; border-radius:14px; padding:12px 12px 10px 14px;
  border:1px solid rgba(56,189,248,.22);
  background:linear-gradient(165deg, rgba(56,189,248,.08), rgba(255,255,255,.02));
  box-shadow:0 6px 16px rgba(0,0,0,.18);
}
.ab-clear-hist-item::before{
  content:""; position:absolute; left:0; top:10px; bottom:10px; width:3px; border-radius:0 3px 3px 0;
  background:linear-gradient(180deg, #38bdf8, #0ea5e9);
}
.ab-clear-hist-top{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;
}
.ab-clear-hist-badge{
  display:inline-flex; align-items:center; padding:2px 8px; border-radius:999px;
  font-size:.68rem; font-weight:800; color:#bae6fd;
  background:rgba(56,189,248,.14); border:1px solid rgba(56,189,248,.35);
}
.ab-clear-hist-n{ flex:1; min-width:0; font-size:.88rem; color:#e0f2fe; }
.ab-clear-hist-net{ font-size:.82rem; font-weight:800; }
.ab-clear-hist-net.up{ color:var(--ok); }
.ab-clear-hist-net.down{ color:var(--danger); }
.ab-clear-hist-body{ display:flex; flex-direction:column; gap:4px; }
.ab-clear-hist-row{
  display:flex; justify-content:space-between; gap:10px;
  font-size:.76rem; color:var(--muted);
}
.ab-clear-hist-row b{ color:var(--text); font-weight:700; }
.ab-clear-hist-row b.up{ color:var(--ok); }
.ab-clear-hist-row b.down{ color:var(--danger); }

.ab-game-filter{
  display:flex; flex-wrap:wrap; gap:6px; margin-bottom:8px;
}
.ab-game-filter-item{
  padding:7px 12px; border-radius:999px; cursor:pointer;
  font-size:.76rem; font-weight:700; color:var(--muted);
  border:1px solid rgba(148,163,184,.3);
  background:rgba(255,255,255,.04);
  transition: background .15s, color .15s, border-color .15s, box-shadow .15s;
}
.ab-game-filter-item:hover{ color:var(--text); border-color:rgba(240,193,75,.4); }
.ab-game-filter-item.is-on{
  color:#1c1917;
  border-color:rgba(240,193,75,.7);
  background:linear-gradient(135deg, #fde68a, #f0c14b 60%, #d4a017);
  box-shadow:0 3px 10px rgba(201,162,39,.3);
}
.ab-pick-bar,
.ab-modal-pick{
  display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;
  padding:10px 12px; border-radius:12px;
  border:1px solid rgba(240,193,75,.35);
  background:linear-gradient(165deg, rgba(240,193,75,.14), rgba(255,255,255,.03));
  font-size:.8rem; color:var(--muted);
}
.ab-pick-bar b,
.ab-modal-pick b{ color:var(--gold2); font-weight:800; }

.ab-bet-list,
.ab-pnl-list{ display:flex; flex-direction:column; gap:0; }
.ab-bet-card,
.ab-log-card,
.ab-pnl-item{
  position:relative; overflow:hidden;
  margin:0 0 10px; padding:12px 12px 10px; border-radius:14px;
  border:1px solid rgba(255,255,255,.1);
  background:
    radial-gradient(120% 80% at 0% 0%, rgba(255,255,255,.07), transparent 50%),
    linear-gradient(165deg, rgba(255,255,255,.05), rgba(0,0,0,.16));
  box-shadow:0 6px 16px rgba(0,0,0,.14);
  font-size:.8rem;
}
.ab-bet-card::before,
.ab-log-card::before,
.ab-pnl-item::before{
  content:""; position:absolute; left:12px; right:12px; top:0; height:2px;
  background:linear-gradient(90deg, transparent, rgba(240,193,75,.45), transparent);
  pointer-events:none;
}
.ab-bet-top{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;
}
.ab-bet-check{
  display:inline-flex; align-items:center; gap:4px;
  padding:4px 8px; border-radius:8px; cursor:pointer;
  border:1px solid rgba(96,165,250,.4);
  background:rgba(59,130,246,.12);
  font-size:.72rem; font-weight:800; color:#93c5fd;
}
.ab-bet-who{ flex:1; min-width:0; display:flex; align-items:baseline; gap:6px; }
.ab-bet-who strong{ font-weight:800; color:var(--gold2); }
.ab-bet-who span{ font-size:.72rem; color:var(--muted); }
.ab-bet-game{
  padding:3px 8px; border-radius:999px; font-size:.7rem; font-weight:800;
  color:#1c1917; background:linear-gradient(135deg, #fde68a, #f0c14b);
}
.ab-bet-chips{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:8px; }
.ab-bet-chips .chip{
  padding:3px 8px; border-radius:8px; font-size:.7rem; font-weight:700;
  color:var(--text); border:1px solid rgba(148,163,184,.25);
  background:rgba(0,0,0,.2);
}
.ab-bet-chips .chip.gold{ color:#fde68a; border-color:rgba(240,193,75,.4); background:rgba(240,193,75,.1); }
.ab-bet-chips .chip.ab-bet-pick{ color:#93c5fd; border-color:rgba(96,165,250,.35); }
.ab-draw-cd{
  display:flex; align-items:center; gap:8px; margin-bottom:8px;
  padding:7px 10px; border-radius:10px;
  border:1px solid rgba(251,113,133,.3);
  background:rgba(251,113,133,.08);
  font-size:.76rem;
}
.ab-draw-cd-lab{ font-weight:800; color:#fda4af; }
.ab-draw-cd strong{ color:#fecdd3; font-weight:800; }
.ab-bet-pct{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  padding-top:8px; border-top:1px solid rgba(255,255,255,.06);
}
.ab-bet-pct label{ font-size:.74rem; font-weight:700; color:var(--muted); }
.ab-table-input{
  width:72px; height:36px; padding:0 8px; border-radius:10px; text-align:center;
  font-weight:800; color:var(--gold2);
  border:1px solid rgba(240,193,75,.4);
  background:rgba(0,0,0,.25);
}
.ab-bet-need{ font-size:.74rem; color:var(--muted); }
.ab-bet-need b{ color:var(--gold2); }

.ab-log-line{
  display:flex; gap:8px; margin:4px 0; line-height:1.45;
}
.ab-log-k{
  flex-shrink:0; min-width:2.5em; font-weight:700; color:var(--muted); font-size:.72rem;
}
.ab-log-v{ flex:1; min-width:0; color:var(--text); font-weight:600; }
.ab-log-st{
  display:inline-flex; align-items:center; padding:3px 8px; border-radius:999px;
  font-size:.7rem; font-weight:800;
  color:#fde68a; border:1px solid rgba(240,193,75,.4);
  background:rgba(240,193,75,.12);
}
.ab-log-card.is-pending .ab-log-st,
.ab-log-card.is-wait .ab-log-st{
  color:#93c5fd; border-color:rgba(96,165,250,.4); background:rgba(59,130,246,.12);
}
.ab-log-card.is-settled .ab-log-st,
.ab-log-card.is-done .ab-log-st{
  color:#6ee7b7; border-color:rgba(52,211,153,.4); background:rgba(16,185,129,.12);
}
.ab-log-main{ margin-bottom:6px; }
.ab-log-pick{ color:#93c5fd !important; font-weight:800 !important; }
.ab-log-meta{
  margin-top:6px; font-size:.7rem; color:var(--muted); font-weight:600;
}
.ab-log-acts{
  margin-top:8px; padding-top:8px; border-top:1px solid rgba(255,255,255,.06);
  display:flex; justify-content:flex-end;
}
.ab-draw-cd.is-inline{
  display:inline-flex; margin:0; padding:2px 8px;
  border-radius:8px;
}
.ab-pnl-tag{
  display:inline-flex; align-items:center; padding:2px 8px; border-radius:999px;
  font-size:.7rem; font-weight:800; letter-spacing:.02em;
}
.ab-pnl-tag.is-win,
.ab-pnl-inline.is-win{ color:#6ee7b7; background:rgba(16,185,129,.15); border:1px solid rgba(52,211,153,.35); }
.ab-pnl-tag.is-lose,
.ab-pnl-inline.is-lose{ color:#fda4af; background:rgba(244,63,94,.12); border:1px solid rgba(251,113,133,.35); }
.ab-pnl-tag.is-tie,
.ab-pnl-inline.is-tie{ color:#fde68a; background:rgba(240,193,75,.12); border:1px solid rgba(240,193,75,.35); }
.ab-pnl-item-top{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;
}
.ab-pnl-game{ flex:1; min-width:0; font-weight:800; color:var(--gold2); }
.ab-pnl-amt{ font-weight:900; font-size:.9rem; }
.ab-pnl-amt.up, .ab-pnl-row b.up{ color:var(--ok); }
.ab-pnl-amt.down, .ab-pnl-row b.down{ color:var(--danger); }
.ab-pnl-item-body{ display:flex; flex-direction:column; gap:4px; }
.ab-pnl-row{
  display:flex; justify-content:space-between; gap:10px; align-items:flex-start;
  font-size:.76rem;
}
.ab-pnl-row span{ color:var(--muted); font-weight:600; flex-shrink:0; }
.ab-pnl-row b{ color:var(--text); font-weight:700; text-align:right; }

html[data-theme="light"] .ab-quota-item{
  background:linear-gradient(165deg, #ffffff, #f8fafc);
  border-color:rgba(15,23,42,.08);
  box-shadow:0 4px 12px rgba(15,23,42,.05);
}
html[data-theme="light"] .ab-quota-item.is-sum{
  background:linear-gradient(165deg, #fffbeb, #ffffff);
  border-color:rgba(202,138,4,.3);
}
html[data-theme="light"] .ab-quota-item.is-remain{
  background:linear-gradient(165deg, #ecfdf5, #ffffff);
  border-color:rgba(5,150,105,.28);
}
html[data-theme="light"] .ab-entry-btn.is-pending{
  background:linear-gradient(165deg, #eff6ff, #ffffff);
  border-color:rgba(37,99,235,.3);
}
html[data-theme="light"] .ab-entry-btn.is-pending .ab-entry-lab{ color:#1d4ed8; }
html[data-theme="light"] .ab-entry-btn.is-pending .ab-entry-sub{ color:#64748b; }
html[data-theme="light"] .ab-entry-btn.is-logs{
  background:linear-gradient(165deg, #fffbeb, #ffffff);
  border-color:rgba(202,138,4,.35);
}
html[data-theme="light"] .ab-entry-btn.is-logs .ab-entry-lab{ color:#a16207; }
html[data-theme="light"] .ab-entry-btn.is-logs .ab-entry-sub{ color:#64748b; }
html[data-theme="light"] .ab-entry-btn.is-settled{
  background:linear-gradient(165deg, #ecfdf5, #ffffff);
  border-color:rgba(5,150,105,.32);
}
html[data-theme="light"] .ab-entry-btn.is-settled .ab-entry-lab{ color:#047857; }
html[data-theme="light"] .ab-entry-btn.is-settled .ab-entry-sub{ color:#64748b; }
html[data-theme="light"] .ab-pnl-modal,
html[data-theme="light"] .ab-list-modal{
  background:
    radial-gradient(120% 70% at 10% 0%, rgba(251,191,36,.12), transparent 50%),
    linear-gradient(165deg, #ffffff, #f8fafc) !important;
  border-color:rgba(202,138,4,.35) !important;
  box-shadow:0 18px 40px rgba(15,23,42,.14) !important;
}
html[data-theme="light"] .ab-clear-hist-modal{
  background:
    radial-gradient(120% 70% at 10% 0%, rgba(14,165,233,.1), transparent 50%),
    linear-gradient(165deg, #ffffff, #f8fafc) !important;
  border-color:rgba(14,165,233,.3) !important;
}
html[data-theme="light"] .ab-clear-modal{
  background:
    radial-gradient(120% 70% at 8% 0%, rgba(248,113,113,.1), transparent 48%),
    linear-gradient(165deg, #ffffff, #fff5f5) !important;
  border-color:rgba(248,113,113,.35) !important;
}
html[data-theme="light"] .ab-clear-modal-hd h3{ color:#b91c1c; }
html[data-theme="light"] .ab-clear-desc{ color:#9f1239; }
html[data-theme="light"] .ab-clear-input{
  background:#fff; color:#0f172a; border-color:rgba(248,113,113,.35);
}
html[data-theme="light"] .ab-clear-hist-item{
  background:linear-gradient(165deg, rgba(14,165,233,.05), #fff);
  border-color:rgba(14,165,233,.22);
}
html[data-theme="light"] .ab-clear-hist-n{ color:#0c4a6e; }
html[data-theme="light"] .ab-pager-pretty .adm-pager-btn{
  background:#fff; border-color:rgba(148,163,184,.35); color:#0f172a;
}
html[data-theme="light"] .ab-pnl-modal .adm-modal-hd h3,
html[data-theme="light"] .ab-list-modal .ab-list-hd h3{
  background:linear-gradient(110deg, #92400e, #b45309 50%, #d97706);
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}
html[data-theme="light"] .ab-list-toolbar,
html[data-theme="light"] .ab-pnl-pager,
html[data-theme="light"] .ab-list-pager{
  background:rgba(15,23,42,.03);
}
html[data-theme="light"] .ab-bet-card,
html[data-theme="light"] .ab-log-card,
html[data-theme="light"] .ab-pnl-item{
  background:linear-gradient(165deg, #ffffff, #f8fafc);
  border-color:rgba(15,23,42,.08);
  box-shadow:0 4px 12px rgba(15,23,42,.05);
}
html[data-theme="light"] .ab-bet-who strong,
html[data-theme="light"] .ab-pnl-game{ color:#a16207; }
html[data-theme="light"] .ab-entry-sub{ color:rgba(100,116,139,.9); }

/* 代理子页：上下分 / 提现审核 / 抽水设置 */
.ag-page-head{
  display:flex; flex-direction:column; gap:6px; margin-bottom:14px;
}
.ag-page-title{
  margin:0; font-size:1.2rem; font-weight:800; letter-spacing:.02em; color:var(--text);
  display:flex; align-items:center; flex-wrap:wrap; gap:8px;
}
.ag-page-title .badge{font-size:.72rem; font-weight:700}
.ag-quota-row{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:14px;
}
.ag-quota-card{
  position:relative; overflow:hidden; border-radius:14px; padding:12px 14px;
  border:1px solid rgba(240,193,75,.32);
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(240,193,75,.16), transparent 55%),
    linear-gradient(165deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.ag-quota-card.ag-quota-usdt{
  border-color:rgba(45,212,191,.35);
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(45,212,191,.16), transparent 55%),
    linear-gradient(165deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
}
.ag-quota-card .lab{display:block; font-size:.72rem; color:var(--muted); font-weight:600; margin-bottom:4px}
.ag-quota-card .avail{display:block; font-size:1.15rem; font-weight:800; color:var(--gold2); line-height:1.2}
.ag-quota-card.ag-quota-usdt .avail{color:var(--teal)}
.ag-quota-card .sub{display:block; margin-top:4px; font-size:.7rem; color:var(--muted)}
.ag-filter-tabs{
  display:flex; gap:6px; flex-wrap:wrap; margin:0;
  padding:4px; border-radius:12px; border:1px solid var(--border);
  background:rgba(0,0,0,.16);
}
.ag-filter-tab{
  flex:1; min-width:64px; text-align:center; text-decoration:none;
  padding:8px 10px; border-radius:9px; font-size:.78rem; font-weight:700;
  color:var(--muted); border:1px solid transparent;
  transition:background .15s, color .15s, border-color .15s, box-shadow .15s;
}
.ag-filter-tab:hover{color:var(--text); background:rgba(255,255,255,.04)}
.ag-filter-tab.is-on{
  color:#1c1917;
  background:linear-gradient(135deg, #f0c14b, #c9a227);
  border-color:rgba(240,193,75,.7);
  box-shadow:0 3px 10px rgba(201,162,39,.28);
}
.ag-form-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:10px 12px;
}
.ag-form-grid .form-group{margin-bottom:0}
.ag-form-grid .ag-span-2{grid-column:1 / -1}
.ag-target-chip{
  display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center;
  margin:0 0 12px; padding:10px 12px; border-radius:12px;
  border:1px solid rgba(240,193,75,.3);
  background:linear-gradient(165deg, rgba(240,193,75,.12), rgba(255,255,255,.03));
  font-size:.84rem; color:var(--muted);
}
.ag-target-chip b{color:var(--gold2); font-weight:800}
.ag-target-chip .ok{color:var(--ok)}
.ag-log-list{display:flex; flex-direction:column; gap:0}
.ag-log-item{
  display:flex; flex-direction:column; gap:4px; padding:10px 12px; margin:0 0 8px;
  border-radius:12px; border:1px solid var(--border);
  background:linear-gradient(165deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  font-size:.8rem; box-shadow:0 4px 12px rgba(0,0,0,.12);
}
.ag-log-item .row1{display:flex; justify-content:space-between; gap:8px; align-items:center}
.ag-log-item .uname{font-weight:800; color:var(--gold2)}
.ag-log-item .amt{font-weight:800}
.ag-log-item .amt.up{color:var(--ok)}
.ag-log-item .amt.down{color:var(--danger)}
.ag-log-item .row2{color:var(--text); font-weight:600; line-height:1.4}
.ag-log-item .row3{color:var(--muted); font-size:.72rem; display:flex; flex-wrap:wrap; gap:8px; justify-content:space-between}
.ag-custom-user{
  display:flex; flex-direction:column; gap:4px; padding:10px 12px; margin:0 0 8px;
  border-radius:12px; border:1px solid var(--border);
  background:linear-gradient(165deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  font-size:.8rem; box-shadow:0 4px 12px rgba(0,0,0,.12);
}
.ag-custom-user .row1{display:flex; justify-content:space-between; gap:8px; align-items:center}
.ag-custom-user .uname{font-weight:800; color:var(--gold2)}
.ag-custom-user .row2{color:var(--muted); font-size:.74rem}
.ag-custom-user .ops{margin-top:6px; padding-top:8px; border-top:1px solid rgba(255,255,255,.06)}
.ag-rake-game{
  border:1px solid rgba(240,193,75,.28); border-radius:14px; padding:12px;
  background:
    radial-gradient(120% 80% at 0% 0%, rgba(240,193,75,.1), transparent 50%),
    linear-gradient(165deg, rgba(255,255,255,.05), rgba(0,0,0,.14));
  margin-bottom:12px; box-shadow:0 6px 16px rgba(0,0,0,.14);
}
.ag-rake-game-hd{
  font-weight:800; color:var(--gold2); margin-bottom:10px;
  display:flex; align-items:baseline; gap:8px; flex-wrap:wrap;
}
.ag-rake-game-hd small{font-weight:500; color:var(--muted); font-size:.72rem}
.ag-rake-curs{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.ag-rake-cur{
  border:1px solid rgba(148,163,184,.25); border-radius:12px; padding:10px;
  background:rgba(0,0,0,.18);
}
.ag-rake-cur-title{
  font-size:.8rem; font-weight:700; margin-bottom:8px; color:var(--text);
  padding-bottom:6px; border-bottom:1px solid rgba(148,163,184,.2);
}
.ag-rake-cur .form-group{margin-bottom:8px}
.ag-rake-cur .form-group:last-child{margin-bottom:0}
.ag-rake-cur .form-group label{font-size:.75rem; color:var(--muted); margin-bottom:4px}
.ag-rake-cur select,
.ag-rake-cur input,
#rakeMask .ag-rake-cur select,
#rakeMask .ag-rake-cur input{
  width:100%; max-width:100%; box-sizing:border-box;
  height:40px; min-height:40px;
  padding:0 12px !important;
  font-size:.84rem !important; line-height:40px !important;
  color:var(--text) !important;
  -webkit-text-fill-color:var(--text) !important;
  background:var(--bg0) !important;
  border:1px solid var(--border) !important;
  border-radius:10px !important;
  outline:none;
}
.ag-rake-cur select,
#rakeMask .ag-rake-cur select{
  appearance:none; -webkit-appearance:none;
  padding-right:30px !important;
  background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
  background-position:calc(100% - 14px) calc(50% - 2px), calc(100% - 9px) calc(50% - 2px);
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
}
.ag-rake-cur input[type=number],
#rakeMask .ag-rake-cur input[type=number]{
  line-height:normal !important;
  padding:0 12px !important;
}
#rakeMask .adm-modal{max-width:720px}
#rakeUserForm .ag-rake-list{max-height:58vh; overflow:auto; padding-right:4px}
@media (max-width:640px){
  .ag-quota-row{grid-template-columns:1fr}
  .ag-form-grid{grid-template-columns:1fr}
  .ag-rake-curs{grid-template-columns:1fr}
}
html[data-theme="light"] .ag-quota-card{
  background:linear-gradient(165deg, #fffbeb, #ffffff);
  border-color:rgba(202,138,4,.28); box-shadow:0 6px 16px rgba(15,23,42,.06);
}
html[data-theme="light"] .ag-quota-card.ag-quota-usdt{
  background:linear-gradient(165deg, #f0fdfa, #ffffff);
  border-color:rgba(13,148,136,.28);
}
html[data-theme="light"] .ag-quota-card .avail{color:#a16207}
html[data-theme="light"] .ag-quota-card.ag-quota-usdt .avail{color:#0f766e}
html[data-theme="light"] .ag-filter-tabs{
  background:rgba(15,23,42,.04); border-color:rgba(15,23,42,.08);
}
html[data-theme="light"] .ag-filter-tab:hover{background:rgba(15,23,42,.04)}
html[data-theme="light"] .ag-filter-tab.is-on{color:#1c1917}
html[data-theme="light"] .ag-target-chip{
  background:linear-gradient(165deg, #fffbeb, #ffffff);
  border-color:rgba(202,138,4,.25);
}
html[data-theme="light"] .ag-log-item,
html[data-theme="light"] .ag-custom-user{
  background:#fff; border-color:rgba(15,23,42,.08); box-shadow:0 4px 12px rgba(15,23,42,.05);
}
html[data-theme="light"] .ag-log-item .uname,
html[data-theme="light"] .ag-custom-user .uname{color:#a16207}
html[data-theme="light"] .ag-custom-user .ops{border-top-color:rgba(15,23,42,.08)}
html[data-theme="light"] .ag-rake-game{
  background:linear-gradient(165deg, #fffbeb, #ffffff);
  border-color:rgba(202,138,4,.25); box-shadow:0 4px 14px rgba(15,23,42,.05);
}
html[data-theme="light"] .ag-rake-game-hd{color:#a16207}
html[data-theme="light"] .ag-rake-cur{
  background:#f8fafc; border-color:rgba(15,23,42,.08);
}
html[data-theme="light"] .ag-rake-cur select,
html[data-theme="light"] .ag-rake-cur input,
html[data-theme="light"] #rakeMask .ag-rake-cur select,
html[data-theme="light"] #rakeMask .ag-rake-cur input{
  background:#fff !important;
  color:#1e293b !important;
  -webkit-text-fill-color:#1e293b !important;
  border-color:rgba(15,23,42,.14) !important;
}

/* 增强：提现审核卡片 */
.ag-dash .ag-wd-item{
  border-radius:12px;
  background:linear-gradient(165deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  box-shadow:0 4px 14px rgba(0,0,0,.14);
  border-color:rgba(148,163,184,.22);
}
.ag-dash .ag-wd-item .st{
  padding:3px 8px; border-radius:999px; font-size:.68rem;
  border:1px solid transparent;
}
.ag-dash .ag-wd-item .st.wait{
  background:rgba(251,191,36,.14); border-color:rgba(251,191,36,.4); color:#fbbf24;
}
.ag-dash .ag-wd-item .st.ok{
  background:rgba(52,211,153,.12); border-color:rgba(52,211,153,.35); color:#34d399;
}
.ag-dash .ag-wd-item .st.no{
  background:rgba(248,113,113,.12); border-color:rgba(248,113,113,.35); color:#f87171;
}
html[data-theme="light"] .ag-dash .ag-wd-item{
  background:#fff; box-shadow:0 4px 12px rgba(15,23,42,.05);
}
html[data-theme="light"] .ag-dash .ag-wd-item .st.wait{color:#b45309}
html[data-theme="light"] .ag-dash .ag-wd-item .st.ok{color:#047857}
html[data-theme="light"] .ag-dash .ag-wd-item .st.no{color:#be123c}

.ag-wd-pager.adm-pager{
  margin-top:14px; padding:12px 8px 2px;
  border-top:1px solid rgba(201,162,39,.22);
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px;
}
.ag-wd-pager .adm-pager-btn{
  min-width:42px; height:36px; padding:0 12px;
  border-radius:10px; font-size:.8rem; font-weight:600;
  display:inline-flex; align-items:center; justify-content:center;
  text-decoration:none; color:var(--text);
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
  border:1px solid rgba(148,163,184,.3);
  box-shadow:0 2px 8px rgba(0,0,0,.12);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.ag-wd-pager a.adm-pager-btn:hover{
  background:linear-gradient(180deg, rgba(212,160,23,.2), rgba(212,160,23,.08));
  border-color:rgba(212,160,23,.55);
  color:var(--gold2);
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(212,160,23,.18);
}
.ag-wd-pager .adm-pager-btn.active{
  background:linear-gradient(135deg, #f0c14b, #c9a227);
  border-color:rgba(240,193,75,.85);
  color:#1c1917;
  box-shadow:0 4px 14px rgba(201,162,39,.35);
}
.ag-wd-pager .adm-pager-btn.disabled{
  opacity:.38; cursor:not-allowed; transform:none; box-shadow:none;
}
.ag-wd-pager .adm-pager-info{
  width:100%; text-align:center; margin-top:4px;
  font-size:.74rem; color:var(--muted);
}
html[data-theme="light"] .ag-wd-pager .adm-pager-btn{
  background:linear-gradient(180deg, #fff, #f8fafc);
  border-color:rgba(15,23,42,.12);
  box-shadow:0 1px 4px rgba(15,23,42,.06);
}

/* 代理后台：顶部资料区（对齐个人中心） */
.ag-profile{text-align:left; padding:14px 14px 12px}
.ag-profile-top{
  display:flex; align-items:center; gap:12px;
}
.ag-profile-avatar{
  flex-shrink:0; display:block; line-height:0;
  border-radius:50%;
  transition:transform .15s ease, box-shadow .15s ease;
}
.ag-profile-avatar:hover{transform:translateY(-1px)}
.ag-profile-avatar .avatar-lg{
  width:58px; height:58px; display:block; object-fit:cover; border-radius:50%;
  border:2.5px solid rgba(240,193,75,.55); background:var(--bg2);
  box-shadow:
    0 0 0 3px rgba(240,193,75,.14),
    0 6px 16px rgba(212,160,23,.28);
}
.ag-profile-meta{min-width:0; flex:1}
.ag-profile-edit{
  display:inline-flex; align-items:center; gap:4px;
  height:24px; padding:0 9px 0 8px;
  border-radius:999px;
  border:1px solid rgba(240,193,75,.38);
  background:linear-gradient(165deg, rgba(240,193,75,.2), rgba(240,193,75,.06));
  box-shadow:
    0 2px 8px rgba(212,160,23,.16),
    inset 0 1px 0 rgba(255,255,255,.14);
  color:var(--gold2) !important;
  font-size:.68rem; font-weight:800; letter-spacing:.03em;
  text-decoration:none !important; line-height:1; white-space:nowrap;
  transition:transform .12s ease, border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.ag-profile-edit::after{
  content:"";
  width:10px; height:10px; flex-shrink:0; opacity:.9;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' d='M9 5.5L15.5 12 9 18.5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' d='M9 5.5L15.5 12 9 18.5'/%3E%3C/svg%3E") center/contain no-repeat;
}
.ag-profile-edit:hover{
  border-color:rgba(240,193,75,.62);
  background:linear-gradient(165deg, rgba(240,193,75,.3), rgba(240,193,75,.1));
  box-shadow:
    0 4px 12px rgba(212,160,23,.22),
    0 0 0 3px rgba(240,193,75,.12),
    inset 0 1px 0 rgba(255,255,255,.18);
  transform:translateY(-1px);
  color:#fde68a !important;
}
.ag-profile-edit:active{transform:translateY(0) scale(.97)}
.ag-id-line{
  margin-top:8px;
  display:flex; align-items:center; flex-wrap:wrap; gap:8px;
}
.ag-profile-invite{margin-top:12px; display:flex; flex-direction:column; gap:8px}
.ag-invite-block{
  padding:12px 14px; border-radius:12px;
  border:1px solid rgba(240,193,75,.28);
  background:
    radial-gradient(120% 90% at 8% 0%, rgba(240,193,75,.14), transparent 55%),
    linear-gradient(165deg, rgba(255,255,255,.05), rgba(0,0,0,.12));
  box-shadow:0 4px 14px rgba(0,0,0,.12);
}
.ag-invite-lab{
  display:block; font-size:.74rem; color:var(--muted); margin-bottom:4px;
}
.ag-invite-block .invite-code-copy{
  color:var(--gold2); font-size:1.25rem; letter-spacing:.14em; cursor:pointer;
  font-weight:800;
}
.ag-invite-block .invite-link-copy{
  color:var(--ok); font-size:.8rem; word-break:break-all; cursor:pointer; line-height:1.45;
  display:block;
}
.ag-invite-tip{
  margin:0; font-size:.76rem; color:var(--muted); line-height:1.45;
}
html[data-theme="light"] .ag-invite-block{
  background:#fff; border-color:rgba(15,23,42,.08);
}

/* 代理后台：名称 / ID / 等级 */
.ag-head-line{
  display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap;
  gap:8px; max-width:100%; margin:0; padding:0;
}
.ag-head-name{
  font-size:1.2rem; font-weight:800; line-height:1.2; letter-spacing:.02em;
  max-width:min(100%, 12rem); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  background:linear-gradient(110deg, #fff7d6 0%, #fde68a 28%, #f0c14b 55%, #fbbf24 78%, #fff7d6 100%);
  background-size:220% 100%;
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  animation:heroGoldShine 3.6s linear infinite;
}
.ag-head-id{
  display:inline-flex; align-items:center; gap:0;
  max-width:100%;
  height:28px; padding:0 4px 0 8px;
  border-radius:999px;
  border:1px solid rgba(45,212,191,.38);
  background:
    radial-gradient(120% 140% at 18% 20%, rgba(45,212,191,.22), transparent 55%),
    linear-gradient(165deg, rgba(19,78,74,.42), rgba(15,23,42,.38));
  box-shadow:
    0 3px 10px rgba(45,212,191,.16),
    inset 0 1px 0 rgba(255,255,255,.1);
  color:#99f6e4;
  font-size:.78rem; font-weight:700;
  font-variant-numeric:tabular-nums;
  line-height:1; white-space:nowrap; flex-shrink:0;
}
.ag-id-lab{
  flex-shrink:0;
  font-size:.62rem; font-weight:800; letter-spacing:.08em;
  color:rgba(153,246,228,.78);
  margin-right:5px;
}
.ag-id-num{
  font-weight:800; color:#ccfbf1;
  letter-spacing:.02em;
  margin-right:6px;
}
.ag-id-copy{
  width:22px; height:22px; margin:0; padding:0;
  border:1px solid rgba(45,212,191,.4);
  border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(165deg, rgba(45,212,191,.28), rgba(13,148,136,.18));
  box-shadow:0 2px 6px rgba(45,212,191,.18), inset 0 1px 0 rgba(255,255,255,.16);
  color:#a5f3fc; cursor:pointer; flex-shrink:0; line-height:1;
  transition:transform .12s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease, color .15s ease;
}
.ag-id-copy:hover{
  color:#ecfeff;
  border-color:rgba(103,232,249,.65);
  background:linear-gradient(165deg, rgba(45,212,191,.42), rgba(13,148,136,.28));
  box-shadow:0 3px 10px rgba(45,212,191,.28), 0 0 0 3px rgba(45,212,191,.14), inset 0 1px 0 rgba(255,255,255,.22);
  transform:translateY(-1px);
}
.ag-id-copy:active{transform:translateY(0) scale(.94)}
.ag-id-copy svg{width:12px;height:12px;display:block}
.ag-head-line .ag-grade{flex-shrink:0}
html[data-theme="light"] .ag-profile-avatar .avatar-lg{
  border-color:rgba(202,138,4,.45);
  box-shadow:
    0 0 0 3px rgba(234,179,8,.16),
    0 6px 16px rgba(180,83,9,.16);
}
html[data-theme="light"] .ag-head-name{
  background:linear-gradient(110deg, #92400e 0%, #a16207 35%, #d97706 65%, #b45309 100%);
  background-size:220% 100%;
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}
html[data-theme="light"] .ag-profile-edit{
  color:#92400e !important;
  border-color:rgba(202,138,4,.35);
  background:linear-gradient(165deg, #fffbeb, #fef3c7);
  box-shadow:0 2px 8px rgba(180,83,9,.1), inset 0 1px 0 #fff;
}
html[data-theme="light"] .ag-profile-edit:hover{
  color:#78350f !important;
  border-color:rgba(180,83,9,.45);
  background:linear-gradient(165deg, #fef3c7, #fde68a);
}
html[data-theme="light"] .ag-head-id{
  color:#0f766e;
  border-color:rgba(13,148,136,.28);
  background:linear-gradient(165deg, #f0fdfa, #ffffff);
  box-shadow:0 3px 10px rgba(13,148,136,.1), inset 0 1px 0 #fff;
}
html[data-theme="light"] .ag-id-lab{color:rgba(15,118,110,.7)}
html[data-theme="light"] .ag-id-num{color:#115e59}
html[data-theme="light"] .ag-id-copy{
  color:#0f766e;
  border-color:rgba(13,148,136,.3);
  background:linear-gradient(165deg, #ccfbf1, #f0fdfa);
  box-shadow:0 2px 6px rgba(13,148,136,.12), inset 0 1px 0 #fff;
}
html[data-theme="light"] .ag-id-copy:hover{
  color:#134e4a;
  border-color:rgba(13,148,136,.5);
  background:linear-gradient(165deg, #99f6e4, #ccfbf1);
}

/* 代理等级：标签与徽章同一行 */
.ag-grade-wrap,
.uc-grade-row .ag-grade-wrap{
  display:inline-flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:6px;
  max-width:100%;
  white-space:nowrap;
  vertical-align:middle;
}
.ag-grade-row,
.uc-grade-row{
  margin-top:6px;
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  min-width:0;
}
.ag-grade-wrap .ag-grade{flex-shrink:0}

/* 代理等级：金黄渐变动态文字 */
.ag-grade-label{
  display:inline-block;
  flex-shrink:0;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.04em;
  line-height:1.2;
  white-space:nowrap;
  background:linear-gradient(
    100deg,
    #8a6914 0%,
    #c9a227 18%,
    #ffe9a3 38%,
    #f0c14b 52%,
    #fff3c4 68%,
    #c9a227 82%,
    #8a6914 100%
  );
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  animation:ag-grade-label-shine 2.8s linear infinite;
  filter:drop-shadow(0 0 6px rgba(240,193,75,.35));
}
@keyframes ag-grade-label-shine{
  0%{ background-position:0% 50%; }
  100%{ background-position:220% 50%; }
}
html[data-theme="light"] .ag-grade-label{
  background:linear-gradient(
    100deg,
    #92400e 0%,
    #b45309 18%,
    #f59e0b 38%,
    #fbbf24 52%,
    #fde68a 68%,
    #b45309 82%,
    #92400e 100%
  );
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  filter:drop-shadow(0 1px 0 rgba(180,83,9,.15));
  animation:ag-grade-label-shine 2.8s linear infinite;
}
@media (prefers-reduced-motion: reduce){
  .ag-grade-label{ animation:none; background-position:40% 50%; }
}

/* 代理额度等级徽章 */
.ag-grade{
  display:inline-flex; align-items:center; gap:6px;
  vertical-align:middle; line-height:1.1;
  padding:3px 8px 3px 4px; border-radius:999px;
  border:1px solid transparent;
  background:var(--bg2); color:var(--text);
  font-weight:700; white-space:nowrap;
}
.ag-grade-sm{font-size:.72rem; gap:4px; padding:2px 7px 2px 3px}
.ag-grade-md{font-size:.82rem; padding:4px 10px 4px 5px}
.ag-grade-lg{font-size:.95rem; gap:8px; padding:6px 12px 6px 6px}
.ag-grade-ico{
  display:inline-flex; align-items:center; justify-content:center;
  width:1.55em; height:1.55em; border-radius:50%;
  background:rgba(255,255,255,.08);
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset;
}
.ag-grade-lg .ag-grade-ico{width:2.1em; height:2.1em}
.ag-grade-ico svg{display:block; width:1em; height:1em}
.ag-grade-shield{fill:currentColor; opacity:.95}
.ag-grade-star{fill:#fff; opacity:.95}
.ag-grade-text{display:inline-flex; align-items:baseline; gap:4px}
.ag-grade-lv{font-variant-numeric:tabular-nums; letter-spacing:.02em}
.ag-grade-name{font-size:.92em; font-weight:600; opacity:.88}
.ag-grade-tone-1{color:#cd7f32; border-color:rgba(205,127,50,.45); background:linear-gradient(135deg,rgba(205,127,50,.18),rgba(205,127,50,.06))}
.ag-grade-tone-2{color:#94a3b8; border-color:rgba(148,163,184,.5); background:linear-gradient(135deg,rgba(148,163,184,.22),rgba(148,163,184,.06))}
.ag-grade-tone-3{color:#eab308; border-color:rgba(234,179,8,.5); background:linear-gradient(135deg,rgba(234,179,8,.22),rgba(234,179,8,.07))}
.ag-grade-tone-4{color:#38bdf8; border-color:rgba(56,189,248,.5); background:linear-gradient(135deg,rgba(56,189,248,.22),rgba(56,189,248,.07))}
.ag-grade-tone-5{color:#a78bfa; border-color:rgba(167,139,250,.5); background:linear-gradient(135deg,rgba(167,139,250,.22),rgba(167,139,250,.07))}
.ag-grade-tone-6{color:#f472b6; border-color:rgba(244,114,182,.45); background:linear-gradient(135deg,rgba(244,114,182,.2),rgba(244,114,182,.06))}
.ag-grade-tone-7,.ag-grade-tone-8,.ag-grade-tone-9,.ag-grade-tone-10,.ag-grade-tone-11,.ag-grade-tone-12{
  color:var(--gold2); border-color:rgba(212,160,23,.5);
  background:linear-gradient(135deg,rgba(212,160,23,.25),rgba(45,212,191,.1));
}
.badge-off { background: rgba(248,113,113,.2); color: var(--danger); }

/* 单点登录挤下线提示 */
.kick-mask{
  position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;
  padding:20px;background:rgba(0,0,0,.72);backdrop-filter:blur(4px);
}
.kick-card{
  width:min(400px,100%);padding:22px 18px 16px;border-radius:16px;
  border:1px solid var(--border);background:var(--bg1);box-shadow:var(--shadow);text-align:center;
}
.kick-card .kick-ico{
  width:44px;height:44px;margin:0 auto 10px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:1.35rem;font-weight:800;color:#fff;background:#ef4444;
}
.kick-card h3{margin:0 0 8px;font-size:1.1rem;color:var(--text)}
.kick-card p{margin:0 0 16px;font-size:.88rem;line-height:1.55;color:var(--muted);text-align:left}

/* 全局顶部提示：始终水平居中（动画必须带 translateX(-50%)，否则会偏右） */
.toast {
  position: fixed;
  top: calc(18px + env(safe-area-inset-top, 0px));
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  z-index: 12050;
  box-sizing: border-box;
  width: max-content;
  max-width: min(88vw, 360px);
  padding: 11px 16px 11px 14px;
  border-radius: 14px;
  font-size: .86rem;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
  letter-spacing: .02em;
  color: #fef3c7;
  pointer-events: none;
  border: 1px solid rgba(251, 191, 36, .45);
  background:
    radial-gradient(120% 100% at 12% 0%, rgba(253, 230, 138, .22), transparent 50%),
    linear-gradient(165deg, rgba(36, 32, 18, .96), rgba(12, 16, 22, .97));
  box-shadow:
    0 1px 0 rgba(255, 247, 214, .14) inset,
    0 0 0 1px rgba(251, 191, 36, .1),
    0 0 16px rgba(251, 191, 36, .16),
    0 10px 28px rgba(0, 0, 0, .4);
  animation: toastIn .28s cubic-bezier(.2, .8, .2, 1) both;
}
.toast.is-out {
  animation: toastOut .22s ease forwards;
}
@keyframes toastIn {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(-12px) scale(.96);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
  }
}
@keyframes toastOut {
  from {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateX(-50%) translateY(-8px) scale(.97);
  }
}
html[data-theme="light"] .toast {
  color: #92400e;
  border-color: rgba(180, 83, 9, .35);
  background:
    radial-gradient(120% 100% at 12% 0%, rgba(253, 230, 138, .55), transparent 50%),
    linear-gradient(165deg, #fffbeb, #ffffff);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .95) inset,
    0 0 0 1px rgba(251, 191, 36, .12),
    0 0 14px rgba(245, 158, 11, .14),
    0 10px 24px rgba(15, 23, 42, .12);
}

/* 登录/注册成功美化弹层（明暗主题） */
.auth-ok-mask {
  position: fixed;
  inset: 0;
  z-index: 12080;
  display: none;
  align-items: center;
  justify-content: center;
  padding: max(16px, env(safe-area-inset-top)) 16px;
  box-sizing: border-box;
  background: rgba(4, 10, 14, .58);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  pointer-events: none;
}
.auth-ok-mask.show { display: flex; }
.auth-ok-card {
  width: min(86vw, 300px);
  border-radius: 20px;
  padding: 26px 20px 22px;
  text-align: center;
  border: 1px solid rgba(52, 211, 153, .42);
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(52, 211, 153, .18), transparent 55%),
    linear-gradient(165deg, rgba(16, 32, 28, .98), rgba(10, 14, 16, .98));
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .08) inset,
    0 18px 44px rgba(0, 0, 0, .52),
    0 0 28px rgba(52, 211, 153, .12);
  animation: authOkIn .32s cubic-bezier(.2, .85, .2, 1) both;
}
.auth-ok-mask.is-out .auth-ok-card {
  animation: authOkOut .24s ease forwards;
}
.auth-ok-register .auth-ok-card {
  border-color: rgba(251, 191, 36, .48);
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(251, 191, 36, .2), transparent 55%),
    linear-gradient(165deg, rgba(36, 28, 14, .98), rgba(12, 14, 16, .98));
  box-shadow:
    0 1px 0 rgba(255, 247, 214, .1) inset,
    0 18px 44px rgba(0, 0, 0, .52),
    0 0 28px rgba(251, 191, 36, .14);
}
.auth-ok-ring {
  width: 58px;
  height: 58px;
  margin: 0 auto 14px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(52, 211, 153, .1);
  border: 1px solid rgba(52, 211, 153, .35);
  box-shadow: 0 0 0 6px rgba(52, 211, 153, .08);
  animation: authOkPulse 1.1s ease-out both;
}
.auth-ok-register .auth-ok-ring {
  background: rgba(251, 191, 36, .12);
  border-color: rgba(251, 191, 36, .42);
  box-shadow: 0 0 0 6px rgba(251, 191, 36, .1);
}
.auth-ok-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  font-weight: 800;
  color: #6ee7b7;
  background: linear-gradient(160deg, rgba(52, 211, 153, .35), rgba(16, 185, 129, .18));
  border: 1px solid rgba(110, 231, 183, .45);
}
.auth-ok-register .auth-ok-icon {
  color: #fde68a;
  background: linear-gradient(160deg, rgba(251, 191, 36, .4), rgba(217, 119, 6, .18));
  border-color: rgba(253, 230, 138, .5);
}
.auth-ok-card h4 {
  margin: 0 0 8px;
  font-size: 1.12rem;
  font-weight: 800;
  letter-spacing: .03em;
  color: #d1fae5;
}
.auth-ok-register .auth-ok-card h4 { color: #fde68a; }
.auth-ok-card p {
  margin: 0;
  font-size: .8rem;
  line-height: 1.5;
  color: #94a3b8;
}
@keyframes authOkIn {
  from { opacity: 0; transform: translateY(12px) scale(.94); }
  to { opacity: 1; transform: none; }
}
@keyframes authOkOut {
  from { opacity: 1; transform: none; }
  to { opacity: 0; transform: translateY(-6px) scale(.97); }
}
@keyframes authOkPulse {
  0% { transform: scale(.72); opacity: .4; }
  70% { transform: scale(1.06); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}
html[data-theme="light"] .auth-ok-mask {
  background: rgba(15, 23, 42, .28);
}
html[data-theme="light"] .auth-ok-card {
  border-color: rgba(5, 150, 105, .28);
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(167, 243, 208, .55), transparent 55%),
    linear-gradient(165deg, #ecfdf5, #ffffff);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .95) inset,
    0 16px 36px rgba(15, 23, 42, .14),
    0 0 20px rgba(16, 185, 129, .1);
}
html[data-theme="light"] .auth-ok-register .auth-ok-card {
  border-color: rgba(180, 83, 9, .28);
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(254, 243, 199, .7), transparent 55%),
    linear-gradient(165deg, #fffbeb, #ffffff);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .95) inset,
    0 16px 36px rgba(15, 23, 42, .12),
    0 0 20px rgba(245, 158, 11, .12);
}
html[data-theme="light"] .auth-ok-ring {
  background: rgba(16, 185, 129, .1);
  border-color: rgba(16, 185, 129, .3);
  box-shadow: 0 0 0 6px rgba(16, 185, 129, .08);
}
html[data-theme="light"] .auth-ok-register .auth-ok-ring {
  background: rgba(245, 158, 11, .12);
  border-color: rgba(217, 119, 6, .32);
  box-shadow: 0 0 0 6px rgba(245, 158, 11, .08);
}
html[data-theme="light"] .auth-ok-icon {
  color: #047857;
  background: linear-gradient(160deg, #a7f3d0, #d1fae5);
  border-color: rgba(5, 150, 105, .35);
}
html[data-theme="light"] .auth-ok-register .auth-ok-icon {
  color: #b45309;
  background: linear-gradient(160deg, #fde68a, #fef3c7);
  border-color: rgba(217, 119, 6, .35);
}
html[data-theme="light"] .auth-ok-card h4 { color: #047857; }
html[data-theme="light"] .auth-ok-register .auth-ok-card h4 { color: #b45309; }
html[data-theme="light"] .auth-ok-card p { color: #64748b; }

/* 复制成功美化弹层 */
.copy-tip-mask {
  position: fixed; inset: 0; z-index: 10000;
  display: none; align-items: center; justify-content: center;
  padding: 20px;
  background: rgba(4, 8, 6, .55);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.copy-tip-mask.show { display: flex; }
.copy-tip-card {
  width: min(88vw, 300px);
  border-radius: 16px;
  padding: 22px 18px 18px;
  text-align: center;
  border: 1px solid rgba(52, 211, 153, .45);
  background: linear-gradient(165deg, rgba(12, 28, 22, .98), rgba(10, 14, 12, .98));
  box-shadow: 0 16px 40px rgba(0, 0, 0, .5);
  animation: copyTipIn .22s ease-out;
}
@keyframes copyTipIn {
  from { opacity: 0; transform: translateY(8px) scale(.96); }
  to { opacity: 1; transform: none; }
}
.copy-tip-icon {
  width: 46px; height: 46px; margin: 0 auto 10px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: rgba(52, 211, 153, .15);
  border: 1px solid rgba(52, 211, 153, .45);
  color: #34d399; font-size: 1.25rem; font-weight: 700;
}
.copy-tip-card h4 { margin: 0 0 6px; font-size: 1rem; color: #d1fae5; }
.copy-tip-card p { margin: 0; font-size: .8rem; color: #94a3b8; line-height: 1.45; }
.invite-code-copy {
  cursor: pointer;
  border-bottom: 1px dashed rgba(251, 191, 36, .45);
  user-select: none;
}
.invite-code-copy:active { opacity: .85; }

.theme-toggle {
  box-sizing: border-box;
  flex: 0 0 34px;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  min-width: 34px;
  max-width: 34px;
  min-height: 34px;
  max-height: 34px;
  aspect-ratio: 1 / 1;
  padding: 0;
  margin: 0;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg2);
  color: var(--text);
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-recharge {
  border: none;
  background: linear-gradient(135deg, var(--gold2), var(--gold));
  color: #1a1200;
  font-weight: 700;
  font-size: .8rem;
  padding: 6px 12px;
  border-radius: 999px;
  cursor: pointer;
}
.user-avatar-link { display: inline-flex; line-height: 0; flex-shrink: 0; }
.user-avatar-link .avatar-sm,
.topbar .avatar-sm,
.topbar .avatar-xs{
  border: 1.5px solid rgba(240,193,75,.55);
  box-shadow:
    0 0 0 2px rgba(240,193,75,.12),
    0 3px 10px rgba(212,160,23,.22);
}
.avatar-xs {
  width: 22px; height: 22px;
  border-radius: 50%;
  object-fit: cover;
  border: 1.5px solid rgba(240,193,75,.45);
  background: var(--bg2);
  flex-shrink: 0;
  vertical-align: middle;
  box-shadow: 0 2px 8px rgba(212,160,23,.18);
}
.avatar-sm {
  width: 26px; height: 26px;
  border-radius: 50%;
  object-fit: cover;
  border: 1.5px solid rgba(240,193,75,.5);
  background: var(--bg2);
  vertical-align: middle;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(212,160,23,.2);
}
.avatar-lg {
  width: 36px; height: 36px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid var(--border);
  background: var(--bg2);
}
.avatar-md {
  width: 48px; height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid var(--border);
  background: var(--bg2);
}
.game-player-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: .8rem;
  color: var(--muted);
  margin: 0 auto 10px;
  flex-wrap: wrap;
  width: fit-content;
  max-width: 100%;
  text-align: center;
  box-sizing: border-box;
  padding: 5px 10px 5px 5px;
  border-radius: 999px;
  border: 1px solid rgba(240,193,75,.35);
  background:
    radial-gradient(120% 140% at 12% 20%, rgba(253,230,138,.18), transparent 52%),
    linear-gradient(165deg, rgba(255,255,255,.08), rgba(15,23,42,.42));
  box-shadow:
    0 4px 14px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.1);
}
a.game-player-bar{
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
a.game-player-bar:hover,
a.game-player-bar:active{
  text-decoration: none;
  color: inherit;
  filter: brightness(1.06);
}
.topbar .user-chip.tx-lobby-user{
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
/* 德州大厅顶栏：与六合彩 game-header 同款（标题居中金黄流光） */
.game-header.tx-lobby-header{
  position: sticky;
  top: 0;
  z-index: 50;
}
.game-player-bar .avatar-xs {
  width: 28px;
  height: 28px;
  border-color: rgba(251,191,36,.55);
  box-shadow: 0 0 0 2px rgba(240,193,75,.12), 0 3px 8px rgba(0,0,0,.2);
}
.game-player-name {
  font-weight: 800;
  letter-spacing: .02em;
  max-width: 36vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: linear-gradient(110deg, #fff7d6 0%, #fde68a 28%, #f0c14b 55%, #fbbf24 78%, #fff7d6 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: heroGoldShine 3.6s linear infinite;
}
.game-player-pts {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  border: 1px solid rgba(45,212,191,.38);
  background:
    radial-gradient(120% 140% at 20% 20%, rgba(45,212,191,.22), transparent 55%),
    linear-gradient(165deg, rgba(19,78,74,.4), rgba(15,23,42,.35));
  color: #99f6e4;
  font-size: .7rem;
  font-weight: 700;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}
.game-player-pts.is-footer{
  flex: 0 0 auto;
  height: 34px;
  padding: 0 10px;
  font-size: .72rem;
}
.game-player-pts strong {
  color: #fde68a;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
html[data-theme="light"] .user-avatar-link .avatar-sm,
html[data-theme="light"] .topbar .avatar-sm,
html[data-theme="light"] .topbar .avatar-xs,
html[data-theme="light"] .avatar-xs,
html[data-theme="light"] .avatar-sm{
  border-color: rgba(202,138,4,.45);
  box-shadow: 0 0 0 2px rgba(251,191,36,.12), 0 2px 8px rgba(161,98,7,.12);
}
html[data-theme="light"] .game-player-bar{
  border-color: rgba(202,138,4,.32);
  background: linear-gradient(165deg, #fffbeb, #ffffff);
  box-shadow: 0 4px 12px rgba(15,23,42,.08), inset 0 1px 0 #fff;
}
html[data-theme="light"] .game-player-name{
  background: linear-gradient(110deg, #92400e 0%, #a16207 35%, #d97706 65%, #b45309 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
html[data-theme="light"] .game-player-pts{
  color: #0f766e;
  border-color: rgba(13,148,136,.3);
  background: linear-gradient(165deg, #f0fdfa, #ffffff);
}
html[data-theme="light"] .game-player-pts strong{ color: #a16207; }

.modal-mask {
  position: fixed; inset: 0; z-index: 200;
  background: rgba(0,0,0,.55);
  display: flex; align-items: center; justify-content: center;
  padding: 16px;
}
.modal-mask[hidden] { display: none !important; }
.modal-box {
  width: min(92vw, 380px);
  background: var(--bg1);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 22px 18px;
  box-shadow: var(--shadow);
}
.modal-box h3 { margin-bottom: 10px; text-align: center; }
.modal-desc { color: var(--muted); font-size: .9rem; margin-bottom: 16px; text-align: center; line-height: 1.6; }

.chat-fab {
  position: fixed;
  right: 14px;
  bottom: calc(76px + env(safe-area-inset-bottom));
  z-index: 180;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 12px;
  border: 1px solid rgba(45, 212, 191, .45);
  background:
    radial-gradient(120% 100% at 28% 18%, rgba(45, 212, 191, .38), transparent 55%),
    linear-gradient(165deg, rgba(19, 78, 74, .92), rgba(15, 23, 42, .95));
  color: #5eead4;
  box-shadow:
    0 6px 16px rgba(0, 0, 0, .28),
    0 0 0 1px rgba(45, 212, 191, .12),
    inset 0 1px 0 rgba(255, 255, 255, .14);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform .14s ease, box-shadow .15s ease, border-color .15s ease, color .15s ease;
}
.chat-fab:hover {
  color: #a5f3fc;
  border-color: rgba(45, 212, 191, .7);
  transform: translateY(-1px);
  box-shadow:
    0 8px 18px rgba(45, 212, 191, .22),
    0 0 0 3px rgba(45, 212, 191, .12),
    inset 0 1px 0 rgba(255, 255, 255, .18);
}
.chat-fab:active {
  transform: translateY(0) scale(.96);
}
.chat-fab-ico {
  width: 18px;
  height: 18px;
  display: block;
  position: relative;
  z-index: 1;
}
.chat-fab-ring {
  position: absolute;
  inset: 3px;
  border-radius: 9px;
  border: 1px solid rgba(94, 234, 212, .18);
  pointer-events: none;
}
.chat-fab.has-unread {
  animation: chatFabPulse 1.2s ease-in-out infinite;
  border-color: rgba(248, 113, 113, .75);
}
.chat-fab.has-unread::after{
  content:"";
  position:absolute; inset:-4px; border-radius:14px;
  border:2px solid rgba(248,113,113,.55);
  animation: chatFabRing 1.2s ease-out infinite;
  pointer-events:none;
}
.chat-unread-badge {
  position: absolute;
  top: -7px;
  right: -7px;
  z-index: 2;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 999px;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: .72rem;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  background: linear-gradient(135deg, #fb7185, #e11d48);
  box-shadow: 0 0 0 2px rgba(15,23,42,.85), 0 4px 12px rgba(225, 29, 72, .55);
  border: 1px solid rgba(255, 255, 255, .45);
  pointer-events: none;
}
.chat-unread-badge:not([hidden]) { display: inline-flex; }
@keyframes chatFabPulse {
  0%, 100% { box-shadow: 0 6px 16px rgba(0, 0, 0, .28), 0 0 0 0 rgba(248, 113, 113, .45); }
  50% { box-shadow: 0 8px 20px rgba(248, 113, 113, .35), 0 0 0 6px rgba(248, 113, 113, .12); }
}
@keyframes chatFabRing {
  0% { transform: scale(.92); opacity: .9; }
  100% { transform: scale(1.25); opacity: 0; }
}
.chat-fab[hidden] { display: none !important; }
html[data-theme="light"] .chat-fab {
  color: #0f766e;
  border-color: rgba(13, 148, 136, .35);
  background:
    radial-gradient(120% 100% at 28% 18%, rgba(45, 212, 191, .22), transparent 55%),
    linear-gradient(165deg, #f0fdfa, #ffffff);
  box-shadow: 0 4px 12px rgba(15, 23, 42, .1), inset 0 1px 0 rgba(255, 255, 255, .95);
}
html[data-theme="light"] .chat-fab:hover {
  color: #0d9488;
  border-color: rgba(13, 148, 136, .55);
  box-shadow: 0 6px 14px rgba(13, 148, 136, .16), 0 0 0 3px rgba(45, 212, 191, .12);
}
html[data-theme="light"] .chat-fab-ring {
  border-color: rgba(13, 148, 136, .16);
}
.modal-mask { pointer-events: auto; }
.modal-box { pointer-events: auto; position: relative; z-index: 201; }
.chat-panel {
  position: fixed;
  right: 12px;
  bottom: calc(16px + env(safe-area-inset-bottom));
  z-index: 120;
  width: min(94vw, 360px);
  height: min(70vh, 520px);
  background: var(--bg1);
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: var(--shadow);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.chat-panel[hidden] { display: none !important; }
.chat-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 12px;
  border-bottom: 1px solid var(--border);
  background: var(--bg2);
}
.chat-body {
  flex: 1;
  overflow-y: auto;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.chat-msg { max-width: 82%; display: flex; flex-direction: column; }
.chat-msg.mine { align-self: flex-end; align-items: flex-end; }
.chat-msg.theirs { align-self: flex-start; align-items: flex-start; }
.chat-msg .bubble {
  padding: 8px 12px;
  border-radius: 14px;
  font-size: .9rem;
  word-break: break-word;
  background: var(--chat-theirs);
}
.chat-msg.mine .bubble { background: var(--chat-mine); }
.chat-msg .bubble img { max-width: 200px; border-radius: 8px; cursor: pointer; }
.chat-msg .bubble video { max-width: 220px; border-radius: 8px; }
.chat-time { font-size: .68rem; color: var(--muted); margin-top: 2px; }
.chat-tools {
  display: flex; gap: 6px; padding: 4px 10px;
  border-top: 1px solid var(--border);
}
.tool-btn {
  border: none; background: transparent; font-size: 1.15rem;
  cursor: pointer; padding: 4px 6px; line-height: 1;
}
.chat-emoji {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 2px;
  padding: 8px;
  max-height: 180px;
  overflow-y: auto;
  border-top: 1px solid var(--border);
  background: var(--bg2);
  flex-shrink: 0;
}
.chat-emoji[hidden] { display: none !important; }
.chat-emoji button {
  border: none;
  background: transparent;
  font-size: 1.35rem;
  line-height: 1.35;
  cursor: pointer;
  padding: 6px 2px;
  min-height: 36px;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}
.chat-input-row {
  display: flex; gap: 8px; padding: 8px 10px 10px;
  border-top: 1px solid var(--border);
}
.chat-input-row input {
  flex: 1;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--bg0);
  color: var(--text);
  outline: none;
}

.cs-online-live{
  display:inline-flex; align-items:center; gap:5px;
  margin-left:8px; padding:2px 7px; border-radius:999px;
  font-size:.62rem; font-weight:800; letter-spacing:.08em;
  color:#6ee7b7; vertical-align:middle;
  border:1px solid rgba(52,211,153,.35);
  background:rgba(16,185,129,.12);
}
.cs-online-live::before{
  content:""; width:6px; height:6px; border-radius:50%;
  background:#34d399; box-shadow:0 0 0 0 rgba(52,211,153,.55);
  animation:csLivePulse 1.6s ease infinite;
}
@keyframes csLivePulse{
  0%{ box-shadow:0 0 0 0 rgba(52,211,153,.55); }
  70%{ box-shadow:0 0 0 7px rgba(52,211,153,0); }
  100%{ box-shadow:0 0 0 0 rgba(52,211,153,0); }
}
.cs-online-ago{
  font-size:.72rem; color:var(--muted); white-space:nowrap;
}

/* 管理后台登录页 */
.adm-login-page{
  min-height:100vh; height:100vh; height:100dvh; margin:0;
  display:flex; align-items:center; justify-content:center;
  position:relative; overflow:auto;
  overscroll-behavior:none;
  color:#e2e8f0;
  background:#070b12;
  scrollbar-width: thin;
  scrollbar-color: rgba(212,160,23,.42) rgba(15,23,42,.35);
}
.adm-login-page::-webkit-scrollbar{ width: 8px; height: 8px; }
.adm-login-page::-webkit-scrollbar-track{
  background: rgba(15,23,42,.28);
  border-radius: 999px;
}
.adm-login-page::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg, rgba(253,230,138,.55), rgba(212,160,23,.4));
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.adm-login-bg{
  position:absolute; inset:0; pointer-events:none; overflow:hidden;
  background:
    radial-gradient(120% 80% at 10% 0%, rgba(251,191,36,.16), transparent 45%),
    radial-gradient(90% 70% at 100% 100%, rgba(45,212,191,.12), transparent 42%),
    linear-gradient(160deg, #0b1220 0%, #070b12 45%, #0a1018 100%);
}
.adm-login-grid{
  position:absolute; inset:0; opacity:.22;
  background-image:
    linear-gradient(rgba(148,163,184,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,.08) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse at center, #000 30%, transparent 78%);
}
.adm-login-orb{
  position:absolute; border-radius:50%; filter:blur(40px); opacity:.55;
}
.adm-login-orb-a{
  width:340px; height:340px; left:-80px; top:-60px;
  background:rgba(240,193,75,.28);
  animation:admLoginFloat 12s ease-in-out infinite;
}
.adm-login-orb-b{
  width:280px; height:280px; right:-40px; bottom:8%;
  background:rgba(45,212,191,.18);
  animation:admLoginFloat 15s ease-in-out infinite reverse;
}
.adm-login-orb-c{
  width:180px; height:180px; left:42%; bottom:-40px;
  background:rgba(251,146,60,.16);
  animation:admLoginFloat 10s ease-in-out infinite;
}
@keyframes admLoginFloat{
  0%,100%{ transform:translate(0,0) scale(1); }
  50%{ transform:translate(18px,-22px) scale(1.06); }
}
.adm-login-wrap{
  position:relative; z-index:1;
  width:100%; max-width:440px;
  padding:24px 16px;
  box-sizing:border-box;
}
.adm-login-card{
  padding:28px 24px 24px;
  border-radius:22px;
  border:1px solid rgba(212,160,23,.4);
  background:
    linear-gradient(165deg, rgba(40,34,18,.92), rgba(12,16,22,.94) 55%, rgba(10,14,18,.96));
  box-shadow:
    0 28px 60px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(253,230,138,.14);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  animation: fadeUp .55s ease;
}
.adm-login-brand{
  text-align:center; margin-bottom:22px;
}
.adm-login-mark{
  display:inline-flex; align-items:center; justify-content:center;
  width:52px; height:52px; border-radius:16px; margin-bottom:12px;
  font-size:1.25rem; font-weight:800; color:#1c1917;
  background:linear-gradient(180deg,#fde68a,#d4a017);
  box-shadow:0 10px 24px rgba(201,162,39,.35);
}
.adm-login-brand h1{
  margin:0 0 6px; font-size:1.45rem; font-weight:800; letter-spacing:.04em;
  background:linear-gradient(110deg,#fff7d6,#f0c14b 42%,#d4a017 78%,#fff7d6);
  background-size:200% 100%;
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.adm-login-brand p{
  margin:0; font-size:.84rem; color:#94a3b8;
}
.adm-login-form .form-group{ margin-bottom:14px; }
.adm-login-form label{
  display:block; margin:0 0 6px; font-size:.8rem; font-weight:700; color:#cbd5e1;
}
.adm-login-form input{
  width:100%; box-sizing:border-box;
  height:44px; padding:0 14px; border-radius:12px;
  border:1px solid rgba(212,160,23,.32);
  background:rgba(8,10,14,.72); color:#fde68a;
  font-size:.95rem; outline:none; font-family:inherit;
  transition:border-color .15s, box-shadow .15s;
}
.adm-login-form input::placeholder{ color:#64748b; }
.adm-login-form input:focus{
  border-color:rgba(240,193,75,.75);
  box-shadow:0 0 0 3px rgba(212,160,23,.14);
}
.adm-login-submit{
  margin-top:8px; height:46px; border-radius:12px;
  font-size:1rem; font-weight:800; letter-spacing:.12em;
  box-shadow:0 10px 24px rgba(201,162,39,.28);
}
.adm-login-card .alert{ margin-bottom:14px; }
@media (max-width:480px){
  .adm-login-wrap{ padding:16px 12px; }
  .adm-login-card{ padding:22px 16px 18px; border-radius:18px; }
  .adm-login-brand h1{ font-size:1.28rem; }
}

.cs-layout { display: grid; grid-template-columns: 300px 1fr; gap: 12px; min-height: 70vh; }
@media (max-width: 800px) { .cs-layout { grid-template-columns: 1fr; } }
.cs-side {
  display: flex; flex-direction: column; gap: 10px; min-height: 0; max-height: 70vh;
}
.cs-online-panel {
  background: var(--card); border: 1px solid var(--border); border-radius: 12px;
  display: flex; flex-direction: column; min-height: 0; flex: 0 1 46%;
  overflow: hidden;
}
.cs-online-hd {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 10px 12px; border-bottom: 1px solid var(--border); flex-shrink: 0;
}
.cs-online-hd strong { font-size: .88rem; }
.cs-online-actions { display: flex; align-items: center; gap: 8px; }
.cs-check-all {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: .78rem; color: var(--muted); cursor: pointer; user-select: none;
}
.cs-check-all input { width: auto; margin: 0; }
.cs-online-list {
  overflow: auto; flex: 1; min-height: 80px; max-height: 280px;
  padding: 0;
  scrollbar-width: thin;
  scrollbar-color: rgba(45,212,191,.45) transparent;
}
.cs-online-list::-webkit-scrollbar,
.cs-list::-webkit-scrollbar,
.cs-main .chat-body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.cs-online-list::-webkit-scrollbar-track,
.cs-list::-webkit-scrollbar-track,
.cs-main .chat-body::-webkit-scrollbar-track {
  background: transparent;
  margin: 4px 0;
}
.cs-online-list::-webkit-scrollbar-thumb,
.cs-list::-webkit-scrollbar-thumb,
.cs-main .chat-body::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(45,212,191,.55), rgba(13,148,136,.4));
  border-radius: 999px;
  border: 1px solid transparent;
  background-clip: padding-box;
}
.cs-online-list::-webkit-scrollbar-thumb:hover,
.cs-list::-webkit-scrollbar-thumb:hover,
.cs-main .chat-body::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(45,212,191,.8), rgba(20,184,166,.6));
}
.cs-list {
  scrollbar-width: thin;
  scrollbar-color: rgba(240,193,75,.45) transparent;
}
.cs-list::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(240,193,75,.55), rgba(212,160,23,.35));
}
.cs-list::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(251,191,36,.75), rgba(212,160,23,.55));
}
.cs-main .chat-body {
  scrollbar-width: thin;
  scrollbar-color: rgba(148,163,184,.4) transparent;
}
.cs-user-group { border-bottom: 1px solid var(--border); }
.cs-user-group:last-child { border-bottom: 0; }
.cs-user-group-hd {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 12px; position: sticky; top: 0; z-index: 1;
  background: var(--bg2); border-bottom: 1px solid var(--border);
  font-size: .8rem; cursor: pointer; user-select: none;
  transition: background .15s ease;
}
.cs-user-group-hd:hover { background: rgba(45,212,191,.08); }
.cs-user-group-hd:focus { outline: none; }
.cs-user-group-hd:focus-visible { box-shadow: inset 0 0 0 2px rgba(45,212,191,.35); }
.cs-fold-ico {
  width: 14px; height: 14px; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--muted);
  transition: transform .18s ease, color .15s ease;
}
.cs-fold-ico::before {
  content: "";
  width: 0; height: 0;
  border-left: 5px solid currentColor;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  transform: rotate(90deg);
  transition: transform .18s ease;
}
.cs-user-group.is-collapsed .cs-fold-ico::before {
  transform: rotate(0deg);
}
.cs-user-group.is-collapsed .cs-user-group-hd {
  border-bottom-color: transparent;
}
.cs-user-group-body {
  overflow: hidden;
  max-height: 2000px;
  transition: max-height .22s ease, opacity .18s ease;
  opacity: 1;
}
.cs-user-group.is-collapsed .cs-user-group-body {
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}
.cs-user-group-hd strong { flex: 1; font-size: .8rem; }
.cs-user-group-hd .cs-check-all { margin-left: auto; cursor: pointer; }
.cs-dot {
  width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0;
  display: inline-block;
}
.cs-dot.online {
  background: #22c55e;
  box-shadow: 0 0 0 3px rgba(34,197,94,.18);
}
.cs-dot.offline {
  background: #94a3b8;
  box-shadow: 0 0 0 3px rgba(148,163,184,.12);
}
.badge-ok {
  background: rgba(34,197,94,.18); color: #86efac; border: 1px solid rgba(34,197,94,.35);
}
.cs-online-empty {
  padding: 12px; color: var(--muted); font-size: .8rem;
}
.cs-online-item {
  display: flex; align-items: center; gap: 8px;
  padding: 7px 12px; cursor: pointer; font-size: .82rem;
  border-bottom: 1px solid rgba(255,255,255,.04);
  user-select: none;
}
.cs-online-item.is-online:hover { background: rgba(34,197,94,.08); }
.cs-online-item.is-offline:hover { background: rgba(148,163,184,.08); }
.cs-online-check {
  display: inline-flex; align-items: center; cursor: pointer; flex-shrink: 0;
}
.cs-online-item input { width: auto; margin: 0; flex-shrink: 0; }
.cs-online-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cs-online-id { color: var(--muted); font-size: .72rem; flex-shrink: 0; }
.cs-dbl-tip {
  margin: 0 0 6px; font-size: .72rem; color: var(--muted); line-height: 1.4;
}
.cs-broadcast {
  display: flex; flex-direction: column; gap: 8px;
  padding: 10px 12px; border-top: 1px solid var(--border); flex-shrink: 0;
}
.cs-broadcast textarea {
  width: 100%; min-height: 54px; resize: vertical;
  border-radius: 8px; border: 1px solid var(--border);
  background: var(--bg0); color: var(--text); padding: 8px 10px;
  font-size: .84rem; font-family: inherit; box-sizing: border-box;
}
.cs-list {
  background: var(--card); border: 1px solid var(--border); border-radius: 12px;
  overflow: auto; flex: 1 1 54%; min-height: 160px;
}
.cs-item {
  padding: 12px; border-bottom: 1px solid var(--border); cursor: pointer;
  transition: background .15s ease;
}
.cs-item:hover, .cs-item.active { background: rgba(212,160,23,.12); }
.cs-item.has-unread{
  background: linear-gradient(90deg, rgba(248,113,113,.14), rgba(248,113,113,.04) 70%, transparent);
  border-left: 3px solid #f87171;
}
.cs-item-top{
  display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-bottom:4px;
  font-size:.88rem; font-weight:700;
}
.cs-item-name{ min-width:0; }
.cs-unread-pill{
  display:inline-flex; align-items:center;
  padding:2px 8px; border-radius:999px;
  font-size:.68rem; font-weight:800; letter-spacing:.02em;
  color:#fff;
  background:linear-gradient(135deg,#fb7185,#e11d48);
  box-shadow:0 2px 8px rgba(225,29,72,.35);
  animation: csUnreadBlink 1.4s ease-in-out infinite;
}
@keyframes csUnreadBlink{
  0%,100%{ filter:brightness(1); }
  50%{ filter:brightness(1.18); }
}
.cs-item .t { font-size: .85rem; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.admin-nav-badge.is-hot{
  background:linear-gradient(135deg,#fb7185,#e11d48)!important;
  color:#fff!important;
  animation:csUnreadBlink 1.4s ease-in-out infinite;
}
.cs-main {
  background: var(--card); border: 1px solid var(--border); border-radius: 12px;
  display: flex; flex-direction: column; min-height: 70vh;
}
.cs-main .chat-body { flex: 1; max-height: none; overflow: auto; }

/* ===== 个人中心 / 德州共用：俱乐部主卡（与德州大厅一致） ===== */
.tx-hub-club{
  position:relative; overflow:hidden; min-height:168px;
  display:flex; flex-direction:column; justify-content:space-between; gap:14px;
  padding:20px 18px 16px; border-radius:20px;
  border:1.5px solid rgba(251,191,36,.5);
  background:
    radial-gradient(120% 90% at 10% 0%, rgba(253,230,138,.35), transparent 50%),
    radial-gradient(90% 80% at 100% 100%, rgba(245,158,11,.22), transparent 50%),
    linear-gradient(145deg, #3b2a12 0%, #1c140a 48%, #0f1118 100%);
  box-shadow:
    0 14px 36px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.05) inset,
    inset 0 1px 0 rgba(255,247,214,.12);
}
.tx-hub-club::before{
  content:"";
  position:absolute; left:14px; right:14px; top:0; height:2px;
  background:linear-gradient(90deg, transparent, #fde68a, #f59e0b, #fde68a, transparent);
  pointer-events:none;
}
.tx-hub-club-hd{position:relative; z-index:1; padding-right:86px}
.tx-hub-club-hd em{
  display:block; font-style:normal; margin-bottom:6px;
  font-size:.66rem; font-weight:800; letter-spacing:.16em; color:rgba(253,230,138,.7);
}
.tx-hub-club-hd strong{
  display:block; margin-bottom:8px;
  font-size:clamp(1.25rem, 4.5vw, 1.55rem); font-weight:900; letter-spacing:.06em; line-height:1.15;
  background:linear-gradient(110deg, #fff7d6 0%, #fde68a 30%, #fbbf24 55%, #f59e0b 78%, #fff7d6 100%);
  background-size:220% 100%;
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  animation:heroGoldShine 3.6s linear infinite;
}
.tx-hub-club-hd span{
  display:block; font-size:.78rem; font-weight:600; color:rgba(254,243,199,.72); line-height:1.45;
}
.tx-hub-club-btns{position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:10px}
.tx-hub-club-btns .tx-hub-pill{
  position:relative; min-width:88px; height:40px; padding:0 18px; border-radius:999px;
  border:1px solid transparent; font-family:inherit; font-size:.88rem; font-weight:800; cursor:pointer;
  letter-spacing:.04em;
  transition:transform .12s ease, box-shadow .15s ease, filter .12s ease, border-color .15s ease;
}
.tx-hub-club-btns .tx-hub-pill:active{transform:scale(.97)}
.tx-hub-club-btns .tx-hub-pill.ghost{
  color:#fde68a;
  border-color:rgba(251,191,36,.45);
  background:linear-gradient(165deg, rgba(251,191,36,.18), rgba(15,23,42,.35));
  box-shadow:0 4px 12px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.1);
}
.tx-hub-club-btns .tx-hub-pill.ghost:hover{
  border-color:rgba(251,191,36,.7);
  background:linear-gradient(165deg, rgba(251,191,36,.28), rgba(15,23,42,.4));
}
.tx-hub-club-btns .tx-hub-pill.solid{
  color:#1c1917;
  border-color:rgba(253,230,138,.65);
  background:linear-gradient(180deg, #fde68a 0%, #f59e0b 55%, #d97706 100%);
  box-shadow:0 6px 18px rgba(217,119,6,.35), inset 0 1px 0 rgba(255,255,255,.45);
}
.tx-hub-club-btns .tx-hub-pill.solid:hover{
  filter:brightness(1.05);
  box-shadow:0 8px 22px rgba(217,119,6,.42), inset 0 1px 0 rgba(255,255,255,.5);
}
.tx-hub-club-btns .tx-hub-pill .badge{
  position:absolute; top:-3px; left:-2px; width:9px; height:9px; border-radius:50%;
  background:#ef4444; border:2px solid #3b2a12; box-sizing:content-box;
}
.tx-hub-club-deco{
  position:absolute; right:-4px; top:46%; transform:translateY(-50%);
  width:88px; height:88px; opacity:.92; pointer-events:none; z-index:0;
}
.tx-hub-club-deco svg{width:100%;height:100%;display:block;filter:drop-shadow(0 10px 18px rgba(180,83,9,.4))}
html[data-theme="light"] .tx-hub-club{
  border-color:rgba(202,138,4,.35);
  background:
    radial-gradient(120% 90% at 10% 0%, rgba(253,230,138,.55), transparent 50%),
    linear-gradient(145deg, #fffbeb 0%, #fef3c7 42%, #ffedd5 100%);
  box-shadow:0 12px 28px rgba(180,83,9,.12), inset 0 1px 0 #fff;
}
html[data-theme="light"] .tx-hub-club-hd em{color:#b45309}
html[data-theme="light"] .tx-hub-club-hd strong{
  background:linear-gradient(110deg, #92400e 0%, #a16207 35%, #d97706 65%, #b45309 100%);
  background-size:220% 100%;
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}
html[data-theme="light"] .tx-hub-club-hd span{color:rgba(120,53,15,.72)}
html[data-theme="light"] .tx-hub-club-btns .tx-hub-pill.ghost{
  color:#92400e; border-color:rgba(202,138,4,.4);
  background:linear-gradient(165deg, #ffffff, #fffbeb);
  box-shadow:0 3px 10px rgba(180,83,9,.1), inset 0 1px 0 #fff;
}
html[data-theme="light"] .tx-hub-club-btns .tx-hub-pill.solid{
  color:#78350f;
  box-shadow:0 5px 14px rgba(217,119,6,.25), inset 0 1px 0 rgba(255,255,255,.6);
}
html[data-theme="light"] .tx-hub-club-btns .tx-hub-pill .badge{border-color:#fffbeb}

/* ===== 个人中心：所属团队 ===== */
.uc-team-row{
  margin-top:10px;
  width:100%;
}
.uc-team-box{
  margin-top:0;
  display:flex;
  align-items:stretch;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  border-radius:999px;
  border:1px solid rgba(240,193,75,.4);
  background:
    linear-gradient(165deg, rgba(240,193,75,.14), rgba(15,23,42,.28));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  position:relative;
}
.uc-team-box .uc-team-lab{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  padding:8px 12px;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.04em;
  color:#fde68a;
  white-space:nowrap;
  border-right:1px solid rgba(240,193,75,.28);
}
.uc-team-form{
  position:relative;
  flex:1 1 auto;
  min-width:0;
  max-width:100%;
  display:flex;
  align-items:stretch;
}
.uc-team-trigger{
  width:100%;
  min-width:0;
  max-width:100%;
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:6px 12px 6px 10px;
  border:0;
  background:transparent;
  color:#fde68a;
  font:inherit;
  cursor:pointer;
  text-align:left;
}
.uc-team-trigger-txt{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.02em;
  color:#fde68a;
}
.uc-team-caret{
  flex:0 0 auto;
  width:8px;
  height:8px;
  border-right:2px solid rgba(253,230,138,.75);
  border-bottom:2px solid rgba(253,230,138,.75);
  transform:rotate(45deg) translateY(-2px);
  transition:transform .15s ease;
  opacity:.9;
}
.uc-team-box.is-open{
  z-index:30;
}
.uc-team-box.is-open .uc-team-caret{transform:rotate(225deg) translateY(-1px)}
.uc-team-box.is-pick{
  border-color:rgba(251,146,60,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 2px rgba(251,146,60,.12);
}
.uc-team-box.is-pick .uc-team-trigger-txt{color:#fdba74}
.uc-team-menu{
  position:absolute;
  left:0;right:0;top:calc(100% + 6px);
  z-index:40;
  min-width:100%;
  max-height:min(52vh,280px);
  overflow:auto;
  padding:8px;
  border-radius:16px;
  border:1px solid rgba(240,193,75,.38);
  background:
    radial-gradient(120% 80% at 0% 0%, rgba(240,193,75,.12), transparent 50%),
    linear-gradient(165deg, rgba(28,34,52,.98), rgba(10,14,24,.98));
  box-shadow:0 16px 36px rgba(0,0,0,.48);
}
.uc-team-opt{
  width:100%;
  display:flex;flex-direction:column;align-items:flex-start;gap:8px;
  padding:12px 12px;
  margin-bottom:6px;
  border:1px solid rgba(240,193,75,.16);
  border-radius:12px;
  background:rgba(255,255,255,.03);
  color:var(--text);
  cursor:pointer;
  text-align:left;
  transition:border-color .15s ease, background .15s ease, transform .12s ease;
}
.uc-team-opt:last-child{margin-bottom:0}
.uc-team-opt-main{
  display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;
}
.uc-team-opt .ot{
  font-size:.9rem;font-weight:900;letter-spacing:.02em;line-height:1.25;
  color:#f8fafc;
}
.uc-team-opt-badge{
  flex:0 0 auto;
  padding:2px 8px;border-radius:999px;
  font-size:.66rem;font-weight:800;
  color:#1a1205;
  background:linear-gradient(165deg,#fde68a,#f0c14b);
}
.uc-team-opt-meta{
  display:flex;flex-wrap:wrap;gap:6px;
}
.uc-team-opt-meta .chip{
  display:inline-flex;align-items:center;
  padding:3px 9px;border-radius:999px;
  font-size:.7rem;font-weight:750;line-height:1.2;
}
.uc-team-opt-meta .chip-agent{
  color:#99f6e4;
  border:1px solid rgba(45,212,191,.35);
  background:rgba(45,212,191,.12);
}
.uc-team-opt-meta .chip-id{
  color:#fde68a;
  border:1px solid rgba(240,193,75,.35);
  background:rgba(240,193,75,.12);
}
.uc-team-opt:hover{
  border-color:rgba(240,193,75,.42);
  background:rgba(240,193,75,.1);
  transform:translateY(-1px);
}
.uc-team-opt.is-on{
  border-color:rgba(240,193,75,.55);
  background:
    linear-gradient(165deg, rgba(240,193,75,.18), rgba(240,193,75,.06));
  box-shadow:inset 0 0 0 1px rgba(240,193,75,.12);
}
.uc-team-opt.is-on .ot{color:#fde68a}
html[data-theme="light"] .uc-team-box{
  background:linear-gradient(165deg, rgba(253,230,138,.35), #fff);
  border-color:rgba(180,140,40,.4);
}
html[data-theme="light"] .uc-team-box .uc-team-lab{
  color:#92400e;
  border-right-color:rgba(180,140,40,.28);
}
html[data-theme="light"] .uc-team-trigger,
html[data-theme="light"] .uc-team-trigger-txt{color:#92400e}
html[data-theme="light"] .uc-team-caret{
  border-right-color:rgba(146,64,14,.7);
  border-bottom-color:rgba(146,64,14,.7);
}
html[data-theme="light"] .uc-team-box.is-pick .uc-team-trigger-txt{color:#c2410c}
html[data-theme="light"] .uc-team-menu{
  background:
    radial-gradient(120% 80% at 0% 0%, rgba(253,230,138,.35), transparent 50%),
    #fff;
  border-color:rgba(180,140,40,.35);
  box-shadow:0 12px 28px rgba(15,23,42,.12);
}
html[data-theme="light"] .uc-team-opt{
  background:#fffbeb;border-color:rgba(202,138,4,.2);
}
html[data-theme="light"] .uc-team-opt .ot{color:#1f2937}
html[data-theme="light"] .uc-team-opt.is-on{
  background:linear-gradient(165deg,#fef3c7,#fffbeb);
  border-color:rgba(202,138,4,.45);
}
html[data-theme="light"] .uc-team-opt.is-on .ot{color:#92400e}
html[data-theme="light"] .uc-team-opt-meta .chip-agent{
  color:#0f766e;background:#ecfdf5;border-color:rgba(13,148,136,.3);
}
html[data-theme="light"] .uc-team-opt-meta .chip-id{
  color:#92400e;background:#fff7ed;border-color:rgba(202,138,4,.35);
}

/* 个人中心：俱乐部列表卡 */
.uc-clubs-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.uc-club-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(240,193,75,.28);
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(240,193,75,.1), transparent 55%),
    linear-gradient(165deg, rgba(255,255,255,.05), rgba(0,0,0,.22));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.uc-club-card.is-owner{
  border-color:rgba(251,191,36,.45);
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(251,191,36,.16), transparent 55%),
    linear-gradient(165deg, rgba(240,193,75,.12), rgba(15,23,42,.28));
}
.uc-club-card .nm{
  font-size:.9rem;
  font-weight:800;
  color:#fde68a;
  margin:0 0 6px;
}
.uc-club-card .meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.uc-club-card .chip{
  display:inline-flex;
  align-items:center;
  height:22px;
  padding:0 8px;
  border-radius:999px;
  font-size:.68rem;
  font-weight:700;
  border:1px solid rgba(148,163,184,.28);
  background:rgba(15,23,42,.35);
  color:#cbd5e1;
}
.uc-club-card .chip-id{
  border-color:rgba(240,193,75,.35);
  color:#fde68a;
  background:rgba(240,193,75,.12);
}
.uc-club-card .tag-owner,
.uc-club-card .tag-home{
  display:inline-block;
  margin-left:4px;
  padding:1px 7px;
  border-radius:999px;
  font-size:.65rem;
  font-weight:800;
  vertical-align:middle;
}
.uc-club-card .tag-owner{
  color:#1c1917;
  background:linear-gradient(180deg,#fde68a,#f59e0b);
}
.uc-club-card .tag-home{
  color:#ecfdf5;
  background:rgba(16,185,129,.28);
  border:1px solid rgba(52,211,153,.4);
}
html[data-theme="light"] .uc-club-card{
  border-color:rgba(202,138,4,.28);
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(251,191,36,.12), transparent 55%),
    linear-gradient(165deg, #fffdf7, #ffffff);
  box-shadow:0 4px 14px rgba(15,23,42,.06), inset 0 1px 0 #fff;
}
html[data-theme="light"] .uc-club-card .nm{ color:#92400e; }
html[data-theme="light"] .uc-club-card .chip{
  background:#fff;
  border-color:rgba(15,23,42,.1);
  color:#475569;
}
html[data-theme="light"] .uc-club-card .chip-id{
  color:#92400e;
  border-color:rgba(202,138,4,.35);
  background:#fffbeb;
}