/* ============================================================
   GOLDEX · 黄金专版「高端黑金」皮肤 + 全端移动自适应
   ------------------------------------------------------------
   设计语言：曜黑丝绒 + 24K 鎏金 · 定制级交易终端质感
   · 叠加在 style.css / neon.css / chat.css 之后统一生效
   · 覆盖用户交易端（body[data-page="trade"]）与后台（body[data-page="admin"]）
   ============================================================ */

/* ================= 0. 主题令牌：曜黑金（暗色 · 默认） ================= */
body[data-page="trade"],
body[data-page="admin"] {
  --bg0: #0a0805;
  --bg1: #100d08;
  --bg2: #151009;
  --grid-line: rgba(231, 184, 82, 0.05);

  --panel: rgba(26, 21, 13, 0.8);
  --panel-solid: #131009;
  --panel-hi: rgba(232, 193, 122, 0.07);
  --panel2: rgba(255, 255, 255, 0.045);
  --panel3: rgba(255, 255, 255, 0.028);

  --line: rgba(228, 180, 94, 0.16);
  --line2: rgba(230, 188, 108, 0.2);
  --line3: rgba(238, 208, 144, 0.34);

  --acc: #e6b04a;
  --acc-hi: #ffd97e;
  --acc-deep: #ab7d22;
  --acc-soft: rgba(230, 176, 74, 0.15);
  --acc-glow: rgba(234, 180, 74, 0.4);

  --metal: #eec15c;
  --metal2: #ffe6ae;
  --oil: #f2a33c;
  --oil2: #ffd9a0;
  --coin: #f0c96b;
  --fut: #b39aff;
  --fut2: #ffd47a;

  --txt: #f6efdc;
  --txt2: #b4a88e;
  --txt3: #7d725c;

  --up: #1fd6a0;
  --down: #ff5f6f;
  --up-bg: rgba(31, 214, 160, 0.12);
  --down-bg: rgba(255, 95, 111, 0.12);
  --up-brd: rgba(31, 214, 160, 0.4);
  --down-brd: rgba(255, 95, 111, 0.42);

  --radius: 18px;
  --radius-s: 12px;
  --sh-card: 0 26px 64px -30px rgba(0, 0, 0, 0.78), 0 0 0 1px rgba(233, 186, 96, 0.045);
  --sh-pop: 0 26px 66px -20px rgba(0, 0, 0, 0.82);
}

/* ================= 0.1 主题令牌：鎏金白（亮色） ================= */
html[data-theme="light"] body[data-page="trade"],
html[data-theme="light"] body[data-page="admin"] {
  --bg0: #f7f3e9;
  --bg1: #efe9da;
  --bg2: #fbf7ee;
  --grid-line: rgba(150, 105, 20, 0.05);

  --panel: rgba(255, 255, 255, 0.92);
  --panel-solid: #fffdf8;
  --panel-hi: rgba(160, 115, 25, 0.06);
  --panel2: rgba(150, 110, 25, 0.05);
  --panel3: rgba(150, 110, 25, 0.028);

  --line: rgba(160, 115, 25, 0.16);
  --line2: rgba(160, 115, 25, 0.2);
  --line3: rgba(150, 110, 25, 0.32);

  --acc: #a57514;
  --acc-hi: #8a5f08;
  --acc-deep: #8a5f08;
  --acc-soft: rgba(165, 117, 20, 0.1);
  --acc-glow: rgba(165, 117, 20, 0.26);

  --metal: #a57514;
  --oil: #a8650f;
  --oil2: #c07a1c;
  --coin: #b3841c;
  --fut: #6f55d6;
  --fut2: #c79a1e;

  --txt: #1a1408;
  --txt2: #5c533f;
  --txt3: #93896f;

  --up: #05a86f;
  --down: #e33a52;
  --up-bg: rgba(5, 168, 111, 0.1);
  --down-bg: rgba(227, 58, 82, 0.1);
  --up-brd: rgba(5, 168, 111, 0.35);
  --down-brd: rgba(227, 58, 82, 0.36);

  --sh-card: 0 20px 48px -28px rgba(120, 90, 25, 0.3);
  --sh-pop: 0 20px 48px -20px rgba(120, 90, 25, 0.34);
}

/* ================= 0.2 页面背景 =================
   「曜金流纹壁纸」整页底景（与昨日皮肤一致的整幅图方案）：
   用 body::before 全屏固定承载（position:fixed + z-index:-1），
   避免背景随文档高度拉伸失真，长页面滚动到底也不会只剩纯色。 */
body[data-page="trade"]::before,
body[data-page="admin"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='gx'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.02 0'/%3E%3C/filter%3E%3Crect width='170' height='170' filter='url(%23gx)'/%3E%3C/svg%3E"),
    radial-gradient(72% 38% at 50% -3%, rgba(255, 238, 200, 0.12), transparent 62%),
    linear-gradient(180deg, rgba(6, 5, 3, 0.3) 0%, rgba(6, 5, 3, 0.42) 46%, rgba(6, 5, 3, 0.68) 100%),
    url("/img/bg-trade-dark.png") center top / cover no-repeat,
    var(--bg0);
}
html[data-theme="light"] body[data-page="trade"]::before,
html[data-theme="light"] body[data-page="admin"]::before {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='gx'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.86  0 0 0 0 0.7  0 0 0 0 0.38  0 0 0 0.015 0'/%3E%3C/filter%3E%3Crect width='170' height='170' filter='url(%23gx)'/%3E%3C/svg%3E"),
    radial-gradient(70% 36% at 50% -3%, rgba(230, 184, 106, 0.18), transparent 62%),
    linear-gradient(180deg, rgba(250, 247, 240, 0.28) 0%, rgba(250, 247, 240, 0.42) 48%, rgba(250, 247, 240, 0.62) 100%),
    url("/img/bg-trade-light.png") center top / cover no-repeat,
    var(--bg0);
}

::selection { background: rgba(230, 176, 74, 0.3); color: var(--txt); }

/* ================= 1. 顶栏 · 金线 ================= */
body[data-page="trade"] .topbar,
body[data-page="admin"] .topbar {
  background: color-mix(in srgb, var(--bg1) 74%, transparent);
  backdrop-filter: blur(22px) saturate(1.5);
  -webkit-backdrop-filter: blur(22px) saturate(1.5);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 16px 38px -30px rgba(0, 0, 0, 0.85);
}
body[data-page="trade"] .topbar::after,
body[data-page="admin"] .topbar::after {
  background: linear-gradient(90deg, transparent, rgba(230, 176, 74, 0.65), rgba(255, 217, 126, 0.4), transparent);
  opacity: 1;
}

body[data-page="trade"] .logo-badge,
body[data-page="admin"] .logo-badge {
  background: linear-gradient(140deg, #f4cd76, #d4a63c 48%, #a97c22);
  box-shadow: 0 8px 22px -8px rgba(232, 178, 70, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  color: #1a1206;
}
body[data-page="trade"] .logo-tx b { background: linear-gradient(90deg, #ffe4a8, #e6b04a); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
html[data-theme="light"] body[data-page="trade"] .logo-tx b { background: linear-gradient(90deg, #8a5f08, #c79a2e); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* 顶栏板块导航 */
body[data-page="trade"] .mnav-shell {
  background: rgba(10, 8, 5, 0.55);
  border-color: var(--line2);
}
html[data-theme="light"] body[data-page="trade"] .mnav-shell { background: rgba(250, 246, 236, 0.7); }
body[data-page="trade"] .nav-tab.active[data-g="metal"],
body[data-page="trade"] .nav-tab.on {
  color: #ffd97e;
  background: rgba(230, 176, 74, 0.13);
  border-color: rgba(230, 176, 74, 0.42);
  box-shadow: 0 0 0 1px rgba(230, 176, 74, 0.08) inset, 0 8px 24px -12px rgba(230, 176, 74, 0.55);
}
html[data-theme="light"] body[data-page="trade"] .nav-tab.active[data-g="metal"],
html[data-theme="light"] body[data-page="trade"] .nav-tab.on { color: #8a5f08; background: rgba(165, 117, 20, 0.1); border-color: rgba(165, 117, 20, 0.35); box-shadow: none; }

body[data-page="trade"] .announce {
  color: #ffe3a1;
  background: rgba(230, 176, 74, 0.12);
  border-color: rgba(230, 176, 74, 0.34);
}
body[data-page="trade"] .demo-pill b { color: #e6b04a; }
html[data-theme="light"] body[data-page="trade"] .announce { color: #a57514; }

body[data-page="trade"] .mkt-search:focus-within { border-color: var(--acc); }
body[data-page="trade"] .trow.active {
  border-color: rgba(230, 176, 74, 0.5);
  box-shadow: 0 10px 26px -14px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(230, 176, 74, 0.1);
}

/* ================= 2. 交易端三栏布局（贵金属多品种：左列表 · 中主图 · 右下单） ================= */
body[data-page="trade"] .trade {
  max-width: 1560px;
  margin-inline: auto;
  padding: 18px 22px 40px;
  grid-template-columns: 292px minmax(0, 1fr) 384px;
  gap: 16px;
}
/* 左栏行情列表：恢复展示（桌面端独立滚动） */
@media (min-width: 1241px) {
  body[data-page="trade"] .trade .mkts {
    display: flex;
    flex-direction: column;
    align-self: start;
    position: sticky;
    top: calc(var(--nav-h, 62px) + 14px);
    max-height: calc(100vh - var(--nav-h, 62px) - 32px);
    overflow: hidden;
  }
  body[data-page="trade"] .trade .mkts .mkt-list {
    overflow-y: auto;
    min-height: 0;
    margin: 0;
    padding: 10px 12px 14px;
  }
  body[data-page="trade"] .trade .mkts .mkt-hd { padding: 14px 14px 6px; }
}
@media (max-width: 1440px) {
  body[data-page="trade"] .trade { grid-template-columns: 248px minmax(0, 1fr) 358px; }
}

/* 面板：深金玻璃 */
body[data-page="trade"] .panel {
  background: linear-gradient(180deg, rgba(240, 200, 120, 0.055), transparent 30%), var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--sh-card);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
body[data-page="trade"] .panel::before {
  background: linear-gradient(90deg, transparent, rgba(240, 205, 130, 0.5), transparent);
}

body[data-page="trade"] .rail {
  display: grid;
  gap: 16px;
  align-self: start;
}

/* ---------- 报价头 ---------- */
body[data-page="trade"] .quote-head {
  padding: 22px 24px 16px;
  position: relative;
}
body[data-page="trade"] .ctag {
  border-radius: 10px;
  color: #e6b04a;
  border-color: rgba(230, 176, 74, 0.5);
  background: rgba(230, 176, 74, 0.1);
  box-shadow: 0 0 0 1px rgba(240, 200, 120, 0.12) inset;
  font-weight: 800;
}
body[data-page="trade"] .vsym {
  color: #ffd97e;
  border-color: rgba(230, 176, 74, 0.45);
  background: rgba(230, 176, 74, 0.08);
  font-weight: 800;
  letter-spacing: .6px;
}
html[data-theme="light"] body[data-page="trade"] .ctag { color: #a57514; background: rgba(165, 117, 20, 0.08); }
html[data-theme="light"] body[data-page="trade"] .vsym { color: #8a5f08; border-color: rgba(165, 117, 20, 0.3); background: rgba(165, 117, 20, 0.07); }

body[data-page="trade"] .gline {
  background: linear-gradient(90deg, rgba(230, 176, 74, 0.55), transparent);
}

/* 大字价格：鎏金渐变 */
body[data-page="trade"] .big-price {
  font-size: 46px;
  font-weight: 850;
  letter-spacing: .4px;
  font-variant-numeric: tabular-nums;
  background: linear-gradient(115deg, #fff8e2 0%, #ffe2a0 28%, #f0b64c 60%, #d9a437 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 0 42px rgba(230, 176, 74, 0.18);
}
html[data-theme="light"] body[data-page="trade"] .big-price {
  background: linear-gradient(115deg, #1a1408 0%, #a57514 60%, #8a5f08 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  text-shadow: none;
}
body[data-page="trade"] .big-price .unit { color: var(--txt3); -webkit-text-fill-color: var(--txt3); font-weight: 600; }

body[data-page="trade"] .chg-pill {
  letter-spacing: .6px;
  font-variant-numeric: tabular-nums;
}
body[data-page="trade"] .mini-stats .ms b { font-variant-numeric: tabular-nums; }
body[data-page="trade"] .mini-stats .ms span { letter-spacing: 1px; }

/* ---------- 图表区 ---------- */
body[data-page="trade"] .chart-box { border-top: 1px solid var(--line); }
body[data-page="trade"] .chart-box canvas { display: block; }

/* 现货持仓横条 */
body[data-page="trade"] .band {
  margin: 0 18px;
  border-radius: 14px;
  border-color: var(--line);
  background: linear-gradient(90deg, rgba(230, 176, 74, 0.06), transparent 60%);
}
body[data-page="trade"] .band-l b { font-variant-numeric: tabular-nums; }
body[data-page="trade"] .bcell b { font-variant-numeric: tabular-nums; }
body[data-page="trade"] .bcell .mb i {
  background: linear-gradient(90deg, #f0c14b, #e0a83c);
  box-shadow: 0 0 12px rgba(230, 176, 74, 0.6);
}

/* ---------- 下单卡片 ---------- */
body[data-page="trade"] .ocard { padding: 18px 18px 20px; }
body[data-page="trade"] .o-spot::before {
  background: linear-gradient(90deg, rgba(240, 201, 106, 0.95), rgba(255, 214, 122, 0.5), transparent 74%);
  box-shadow: 0 0 16px -2px rgba(230, 176, 74, 0.55);
}
body[data-page="trade"] .o-fut::before {
  background: linear-gradient(90deg, rgba(179, 154, 255, 0.95), rgba(255, 212, 122, 0.5), transparent 74%);
  box-shadow: 0 0 16px -2px rgba(179, 154, 255, 0.5);
}
body[data-page="trade"] .o-asset::before {
  background: linear-gradient(90deg, rgba(230, 176, 74, 0.9), rgba(255, 217, 126, 0.5), transparent 70%);
}

body[data-page="trade"] .ocard-tx b { letter-spacing: .4px; }
body[data-page="trade"] .ocard-tx span { letter-spacing: .5px; }
body[data-page="trade"] .ocard-ic { font-family: var(--num); }
body[data-page="trade"] .o-spot .ocard-ic {
  color: #ffd97e;
  background: rgba(230, 176, 74, 0.12);
  border-color: rgba(230, 176, 74, 0.4);
  box-shadow: 0 0 22px -6px rgba(230, 176, 74, 0.7);
}
html[data-theme="light"] body[data-page="trade"] .o-spot .ocard-ic { color: #a57514; background: rgba(165, 117, 20, 0.1); box-shadow: none; }
body[data-page="trade"] .t-spot {
  color: #ffd97e;
  background: rgba(230, 176, 74, 0.12);
  border-color: rgba(230, 176, 74, 0.4);
  text-shadow: 0 0 14px rgba(230, 176, 74, 0.4);
}
html[data-theme="light"] body[data-page="trade"] .t-spot { color: #a57514; background: rgba(165, 117, 20, 0.08); border-color: rgba(165, 117, 20, 0.3); text-shadow: none; }

/* 分段按钮 */
body[data-page="trade"] .seg {
  background: rgba(10, 8, 5, 0.55);
  border-color: var(--line2);
}
html[data-theme="light"] body[data-page="trade"] .seg { background: var(--panel2); }
body[data-page="trade"] .seg button.on-buy {
  background: linear-gradient(135deg, #1fd6a0, #0bb57b);
  box-shadow: 0 8px 26px -10px rgba(31, 214, 160, 0.65);
}
body[data-page="trade"] .seg button.on-sell {
  background: linear-gradient(135deg, #ff6b7a, #e83d51);
  box-shadow: 0 8px 26px -10px rgba(255, 95, 111, 0.65);
}

/* 表单输入 */
body[data-page="trade"] .input-wrap {
  background: rgba(10, 8, 5, 0.55);
  border-color: var(--line2);
}
html[data-theme="light"] body[data-page="trade"] .input-wrap { background: var(--panel2); }
body[data-page="trade"] .input-wrap:focus-within { border-color: #e6b04a; box-shadow: 0 0 0 3px var(--acc-soft); }
body[data-page="trade"] .input-wrap input { font-variant-numeric: tabular-nums; }
body[data-page="trade"] .quick button {
  border-color: var(--line2);
  background: var(--panel2);
  font-variant-numeric: tabular-nums;
}
body[data-page="trade"] .quick button:hover {
  color: #1a1206;
  border-color: #e6b04a;
  background: linear-gradient(135deg, #ffd97e, #e6b04a);
  box-shadow: 0 5px 16px -8px rgba(230, 176, 74, 0.7);
}
html[data-theme="light"] body[data-page="trade"] .quick button:hover { color: #fff; background: linear-gradient(135deg, #b3841c, #a57514); box-shadow: none; }

/* 杠杆 */
body[data-page="trade"] .lev-pill.on { background: linear-gradient(135deg, #b39aff, #9a7ff0); }
body[data-page="trade"] .lev-top b { color: #d4c2ff; }
body[data-page="trade"] .lev-range .lval { color: #d4c2ff; }

/* 预估面板 */
body[data-page="trade"] .est-panel {
  background: rgba(10, 8, 5, 0.42);
  border-color: var(--line2);
}
html[data-theme="light"] body[data-page="trade"] .est-panel { background: var(--panel2); }

/* 下单大按钮 */
body[data-page="trade"] .trade-btn { letter-spacing: 3px; font-weight: 800; }
body[data-page="trade"] .trade-btn.buy, body[data-page="trade"] .trade-btn.long,
body[data-page="trade"] .trade-btn.sell, body[data-page="trade"] .trade-btn.short {
  box-shadow: 0 14px 34px -14px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

/* ---------- 资产卡 ---------- */
body[data-page="trade"] .equity {
  background: linear-gradient(110deg, #fff6de, #ffe3a4 42%, #f2bb5a 78%, #e9ad41);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  font-weight: 850;
}
html[data-theme="light"] body[data-page="trade"] .equity {
  background: linear-gradient(110deg, #1a1408, #8a5f08 70%, #a57514);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
body[data-page="trade"] .ai { background: rgba(10, 8, 5, 0.4); border-color: var(--line2); }
html[data-theme="light"] body[data-page="trade"] .ai { background: var(--panel2); }
body[data-page="trade"] .ai .v { font-variant-numeric: tabular-nums; }
body[data-page="trade"] .asset-ft { border-color: var(--line2); }

/* 区块标题 */
body[data-page="trade"] .sec-head { letter-spacing: .5px; }
body[data-page="trade"] .sq {
  background: linear-gradient(180deg, #ffd97e, #b39aff);
  box-shadow: 0 0 14px rgba(230, 176, 74, 0.7);
}
body[data-page="trade"] .mini-seg button.on {
  background: linear-gradient(135deg, #d4a63c, #e6b04a);
  color: #1a1206;
}
html[data-theme="light"] body[data-page="trade"] .mini-seg button.on { background: linear-gradient(135deg, #b3841c, #a57514); color: #fff; }
body[data-page="trade"] .mini-seg button.on.fut { background: linear-gradient(135deg, #9a7ff0, #b39aff); color: #fff; }

/* 成交表 */
body[data-page="trade"] .tbl th { letter-spacing: 1.4px; }
body[data-page="trade"] .tbl td { font-variant-numeric: tabular-nums; }
body[data-page="trade"] .tbl-wrap { overflow-x: auto; }

/* ---------- 客服（顶部耳机图标 + 未读角标） ---------- */
.cs-fab-dot { border-color: var(--bg0); }
.cs-hd { background: linear-gradient(135deg, var(--acc-soft), transparent 80%); }

/* ================= 3. 登录 / 弹窗 ================= */
.cover { background: rgba(8, 6, 4, 0.6); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
html[data-theme="light"] .cover { background: rgba(40, 30, 12, 0.24); }
.cover-card { width: min(392px, calc(100vw - 28px)); }
body[data-page="admin"] .cover-card { box-shadow: var(--sh-pop); }
.amodal { border-color: var(--line3); }
.amodal::before {
  background: linear-gradient(90deg, #f0c14b, #b39aff, transparent);
}
.am-tab.on { background: linear-gradient(140deg, #f4cd76, #d4a63c 50%, #b8892a); color: #1a1206; box-shadow: 0 6px 18px -8px rgba(230, 176, 74, 0.6); }
html[data-theme="light"] .am-tab.on { color: #fff; background: linear-gradient(135deg, #b3841c, #a57514); }
.am-logo { background: linear-gradient(140deg, #f4cd76, #d4a63c 50%, #ab7d22); color: #1a1206; }
.auth-btn, .gm-btn, .login-btn, .am-sub {
  background: linear-gradient(140deg, #f4cd76, #d4a63c 48%, #b8892a);
  color: #1a1206;
  text-shadow: none;
  box-shadow: 0 10px 26px -12px rgba(230, 176, 74, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
html[data-theme="light"] .auth-btn, html[data-theme="light"] .gm-btn,
html[data-theme="light"] .login-btn, html[data-theme="light"] .am-sub { color: #fff; background: linear-gradient(135deg, #b3841c, #a57514); }
.auth-btn:hover, .gm-btn:hover, .login-btn:hover, .am-sub:hover:not(:disabled) { filter: brightness(1.06); }
.gm-emblem { color: #ffd97e; border-color: rgba(240, 193, 75, 0.4); background: radial-gradient(circle at 32% 26%, rgba(255, 217, 122, 0.18), rgba(230, 176, 74, 0.04) 70%); }
.login-input:focus { border-color: var(--acc); }

/* ================= 4. 后台 · 高定 ================= */
body[data-page="admin"] .wrap { max-width: 1760px; }

body[data-page="admin"] .card {
  background: linear-gradient(180deg, rgba(240, 200, 120, 0.05), transparent 24%), var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--sh-card);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
body[data-page="admin"] .card::before {
  background: linear-gradient(90deg, transparent, rgba(240, 205, 130, 0.5), transparent);
}
body[data-page="admin"] .card-hd { padding: 14px 18px; }
body[data-page="admin"] .card-hd .t { letter-spacing: .5px; }
body[data-page="admin"] .card-hd .t .dot { box-shadow: 0 0 12px var(--acc-glow); }
body[data-page="admin"] .card-hd .t .dot.fut { background: var(--fut); box-shadow: 0 0 12px rgba(179, 154, 255, 0.5); }

/* 后台顶栏身份 */
body[data-page="admin"] .topbar .pill.mode-badge { margin-right: 4px; }
.am-uav { background: linear-gradient(140deg, #f4cd76, #d4a63c 50%, #b8892a); color: #1a1206; }
body[data-page="admin"] .logo-badge { color: #1a1206; }

/* 左侧导航 */
body[data-page="admin"] .adm-nav { position: sticky; top: calc(var(--nav-h, 62px) + 14px); }
body[data-page="admin"] .nav-i { border-radius: 12px; }
body[data-page="admin"] .nav-i.on {
  background: linear-gradient(90deg, var(--acc-soft), transparent 92%);
}
body[data-page="admin"] .nav-i.on::before { box-shadow: 0 0 12px var(--acc-glow); }
body[data-page="admin"] .nav-i.fut.on::before { background: var(--fut); }

/* 全局受控条 */
body[data-page="admin"] .adm-gbar .board-mini {
  border-color: var(--line2);
  background: var(--panel3);
}
body[data-page="admin"] .adm-gbar .board-mini.metal { border-top: 2px solid rgba(230, 176, 74, 0.7); }
body[data-page="admin"] .ctrl-chip.on {
  border-color: rgba(230, 176, 74, 0.6);
  background: var(--acc-soft);
  box-shadow: 0 4px 18px -8px var(--acc-glow);
}
body[data-page="admin"] .ctrl-chip.on .chip-i { color: #1a1206; background: linear-gradient(140deg, #ffd97e, #d4a63c); border-color: transparent; }
body[data-page="admin"] .ctl-btn.blue { color: var(--metal); border-color: rgba(230, 176, 74, 0.4); background: var(--acc-soft); }
body[data-page="admin"] .ctl-btn.blue:hover { color: #1a1206; background: linear-gradient(135deg, #ffd97e, #d4a63c); border-color: transparent; }
html[data-theme="light"] body[data-page="admin"] .ctl-btn.blue:hover { color: #fff; background: linear-gradient(135deg, #b3841c, #a57514); }
body[data-page="admin"] .mode-badge.auto { color: var(--metal); background: var(--acc-soft); border-color: rgba(230, 176, 74, 0.4); }

/* 脉冲 · 控盘按钮微调 */
body[data-page="admin"] .ctl-btn.armed { border-color: var(--up-brd); color: var(--up); }
body[data-page="admin"] .prem-hero { background: linear-gradient(100deg, rgba(179, 154, 255, 0.1), transparent 70%); }
body[data-page="admin"] .pill.gold { background: linear-gradient(140deg, #f4cd76, #d4a63c 55%, #b8892a); color: #1a1206; box-shadow: 0 5px 16px -8px var(--acc-glow); }
html[data-theme="light"] body[data-page="admin"] .pill.gold { color: #fff; }
body[data-page="admin"] .ftm-sw.on { background: linear-gradient(135deg, #1fd6a0, #0bb57b); }

/* 后台报价大字 */
body[data-page="admin"] .big-price {
  background: linear-gradient(115deg, #fff8e2, #ffe2a0 30%, #f0b64c 62%, #d9a437);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
html[data-theme="light"] body[data-page="admin"] .big-price {
  background: linear-gradient(115deg, #1a1408, #a57514 70%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}

/* 表格 */
body[data-page="admin"] .tbl th { letter-spacing: 1.2px; }
body[data-page="admin"] .tbl td { font-variant-numeric: tabular-nums; }
body[data-page="admin"] .rp-super { color: #ffd97e; border-color: rgba(255, 217, 126, 0.45); background: rgba(230, 176, 74, 0.12); }
body[data-page="admin"] .rp-admin { color: var(--metal); border-color: rgba(230, 176, 74, 0.4); background: var(--acc-soft); }

/* 滑块 */
input[type="range"] { accent-color: #e6b04a; }
input[type="range"].fut { accent-color: #b39aff; }

/* ================= 5. 窄屏：平板（≤1240） ================= */
@media (max-width: 1240px) {
  body[data-page="trade"] .trade { grid-template-columns: 1fr; gap: 14px; padding: 12px 12px 30px; }
  /* JS 已把右栏插入图表下方；此处两卡一行 */
  body[data-page="trade"] .rail { grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 2px; }
  body[data-page="trade"] .rail .o-asset { grid-column: 1 / -1; }
  body[data-page="trade"] .rail .panel { margin-bottom: 0; }
  body[data-page="trade"] .mid { overflow: visible; }
  body[data-page="trade"] .panel.mid { box-shadow: var(--sh-card); }
  body[data-page="trade"] .quote-head { padding: 18px 18px 14px; }
  body[data-page="trade"] .band { margin: 0 14px; }
  body[data-page="trade"] .chart-box canvas { height: 360px !important; }
}

@media (min-width: 1241px) and (max-width: 1560px) {
  body[data-page="trade"] .trade { grid-template-columns: 244px minmax(0, 1fr) 350px; gap: 14px; }
  body[data-page="trade"] .quote-head { padding: 18px 20px 14px; }
}

/* ================= 6. 窄屏：小平板 / 大屏手机（≤900） ================= */
@media (max-width: 900px) {
  .top-search { display: none; }
  body[data-page="trade"] .mnav-shell { display: none; }
  body[data-page="trade"] .rail { grid-template-columns: 1fr; }
  body[data-page="trade"] .big-price { font-size: 38px; }
  body[data-page="admin"] .wrap { padding: 14px 12px 60px; }
}

/* ================= 7. 手机（≤700） ================= */
@media (max-width: 700px) {
  /* --- 顶栏 --- */
  body[data-page="trade"] .topbar,
  body[data-page="admin"] .topbar {
    height: auto;
    min-height: calc(var(--nav-h, 62px) - 2px);
    flex-wrap: wrap;
    padding: 6px 10px;
    gap: 4px 8px;
    row-gap: 2px;
  }
  body[data-page="trade"] .logo-tx b { font-size: 15px; }
  body[data-page="trade"] .logo-tx small { font-size: 8px; letter-spacing: 1px; }
  .logo-badge { width: 32px; height: 32px; border-radius: 10px; font-size: 15px; }
  .logo { gap: 8px; }
  .clock, body[data-page="admin"] .topbar .clock { display: none; }
  .userchip .uo { font-size: 10px; }
  .unm { max-width: 64px; }
  .auth-btn span { display: none; }
  .auth-btn { padding: 0 11px; height: 32px; }
  .userzone { margin-left: 0; gap: 5px; }
  .theme-btn { width: 32px; height: 32px; }
  .lang-btn { height: 32px; padding: 0 8px 0 10px; font-size: 11.5px; }
  .lang-btn .lg-code { max-width: 78px; overflow: hidden; text-overflow: ellipsis; }
  .lang-menu { right: 0; }
  /* 公告占整行 */
  body[data-page="trade"] .topbar .announce {
    order: 8; width: 100%; justify-content: center; margin: 2px 0 0;
    font-size: 11px;
  }

  /* --- 页面 --- */
  body[data-page="trade"] .trade { padding: 10px 10px 96px; gap: 12px; }
  body[data-page="trade"] .quote-head { padding: 16px 14px 12px; }
  body[data-page="trade"] .big-price { font-size: 32px; }
  body[data-page="trade"] .mini-stats { gap: 10px; justify-content: space-between; }
  body[data-page="trade"] .mini-stats .ms { flex: 1; text-align: right; }
  body[data-page="trade"] .mini-stats .ms:first-child { text-align: left; }
  body[data-page="trade"] .chart-box canvas { height: 288px !important; }
  body[data-page="trade"] .rail { gap: 12px; }
  body[data-page="trade"] .ocard { padding: 16px 14px 18px; }

  /* 现货持仓横条 → 两列宫格 */
  body[data-page="trade"] .band {
    margin: 2px 10px 0;
    padding: 14px 4px 8px;
    grid-template-columns: 1fr 1fr;
    gap: 8px 6px;
  }
  body[data-page="trade"] .band-l { grid-column: 1 / -1; border-bottom: 1px dashed var(--line2); padding-bottom: 9px; margin-bottom: 2px; border-right: none; }
  body[data-page="trade"] .bcell { justify-content: space-between; padding: 3px 8px; border-radius: 10px; background: var(--panel3); }
  body[data-page="trade"] .bcell .mb { width: 100%; }
  body[data-page="trade"] .bcell.bpos { grid-column: 1 / -1; }

  /* 成交表：横滑保持可读 */
  body[data-page="trade"] .tbl { min-width: 660px; }

  /* 区块与记录头 */
  body[data-page="trade"] .sec-head { padding: 14px 14px 8px; }
  body[data-page="trade"] .ft-wrap { margin: 0 12px; }
  body[data-page="trade"] .ft-sum { padding: 0 12px; }

  /* 客服面板：手机端整屏对话（与设计稿一致） */
  .cs-panel {
    top: 0; right: 0; bottom: 0; left: 0;
    width: 100%; height: 100%; max-width: 100%; max-height: 100%;
    border: none; border-radius: 0;
  }

  /* --- 登录/弹窗 --- */
  .amask { padding: 14px; }
  .amodal { padding: 18px 16px 14px; }
  .cover-card { padding: 26px 20px; }
  .card.cover-card { padding: 26px 20px; }

  /* --- 后台 --- */
  body[data-page="admin"] .adm-nav {
    position: static;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    -webkit-overflow-scrolling: touch;
  }
  body[data-page="admin"] .adm-nav::-webkit-scrollbar { height: 0; }
  body[data-page="admin"] .nav-sec,
  body[data-page="admin"] .nav-sec + .nav-sec {
    flex: none; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 6px;
    margin: 0; padding: 0; border: 0;   /* 横向排列时取消分组间隔与分隔线 */
  }
  body[data-page="admin"] .nav-t { display: none; }
  body[data-page="admin"] .nav-i { flex: none; padding: 7px 12px; }
  body[data-page="admin"] .nav-i i { display: none; }
  body[data-page="admin"] .nav-i span { font-size: 12px; }
  body[data-page="admin"] .nav-badge { margin-left: 4px; }
  body[data-page="admin"] .adm-nav-hd { display: none; }

  body[data-page="admin"] .adm-gbar { padding: 12px 14px; }
  body[data-page="admin"] .adm-gbar .gbar-lb { width: 100%; }

  body[data-page="admin"] .grid-admin { gap: 12px; }
  body[data-page="admin"] .card .card-body { padding: 13px 14px; }
  body[data-page="admin"] .card-hd { padding: 12px 14px; flex-wrap: wrap; gap: 8px; }
  body[data-page="admin"] .card-hd .acc-sub { display: none; }
  body[data-page="admin"] .tbl { min-width: 760px; }
  body[data-page="admin"] .mod[data-v="users"] .card > div:last-child,
  body[data-page="admin"] .mod[data-v="admins"] .card > div:last-child { overflow-x: auto !important; }

  /* 后台：在线账户 / 子账号表 → 卡片式 */
  body[data-page="admin"] #userTbl, body[data-page="admin"] #acctTbl { min-width: 0; }
  body[data-page="admin"] #userTbl thead, body[data-page="admin"] #acctTbl thead { display: none; }
  body[data-page="admin"] #userTbl, body[data-page="admin"] #userTbl tbody,
  body[data-page="admin"] #userTbl tr, body[data-page="admin"] #userTbl td,
  body[data-page="admin"] #acctTbl, body[data-page="admin"] #acctTbl tbody,
  body[data-page="admin"] #acctTbl tr, body[data-page="admin"] #acctTbl td { display: block; width: 100%; }
  body[data-page="admin"] #userTbl tr, body[data-page="admin"] #acctTbl tr {
    margin-bottom: 12px; padding: 12px 14px;
    background: var(--panel3); border: 1px solid var(--line2); border-radius: 14px;
  }
  body[data-page="admin"] #userTbl td, body[data-page="admin"] #acctTbl td {
    display: flex; justify-content: space-between; align-items: flex-start; gap: 10px;
    padding: 7px 0; border: 0; text-align: right; flex-wrap: wrap;
  }
  body[data-page="admin"] #userTbl td::before, body[data-page="admin"] #acctTbl td::before {
    content: attr(data-k);
    flex: none; color: var(--txt3); font-size: 11px; font-weight: 700;
    letter-spacing: .6px; padding-top: 3px; text-align: left; width: 88px;
  }
  body[data-page="admin"] #userTbl td > *, body[data-page="admin"] #acctTbl td > * { margin-left: auto; max-width: calc(100% - 100px); }
  body[data-page="admin"] #userTbl .pos-cell { max-width: none; }
  body[data-page="admin"] #userTbl .row-op { justify-content: flex-end; max-width: none; width: 100%; margin-left: auto; }
  body[data-page="admin"] #userTbl td .acct-cell, body[data-page="admin"] #acctTbl td .acct-cell { justify-content: flex-end; }
  body[data-page="admin"] #userTbl td:nth-child(1) { border-bottom: 1px dashed var(--line2); padding-bottom: 10px; margin-bottom: 4px; }
  body[data-page="admin"] #acctTbl td:nth-child(1) { border-bottom: 1px dashed var(--line2); padding-bottom: 10px; margin-bottom: 4px; }

  /* 后台：提现 / 充值 / 注册 / KYC 审核 · 契约控制（含归档）→ 卡片式（复用在线账户卡片模式） */
  body[data-page="admin"] :is(#wdTbl, #dpTbl, #regTbl, #kycTbl, #contractTbl, #contractHistTbl) { min-width: 0; }
  body[data-page="admin"] :is(#wdTbl, #dpTbl, #regTbl, #kycTbl, #contractTbl, #contractHistTbl) thead { display: none; }
  body[data-page="admin"] :is(#wdTbl, #dpTbl, #regTbl, #kycTbl, #contractTbl, #contractHistTbl),
  body[data-page="admin"] :is(#wdTbl, #dpTbl, #regTbl, #kycTbl, #contractTbl, #contractHistTbl) tbody,
  body[data-page="admin"] :is(#wdTbl, #dpTbl, #regTbl, #kycTbl, #contractTbl, #contractHistTbl) tr,
  body[data-page="admin"] :is(#wdTbl, #dpTbl, #regTbl, #kycTbl, #contractTbl, #contractHistTbl) td { display: block; width: 100%; }
  body[data-page="admin"] :is(#wdTbl, #dpTbl, #regTbl, #kycTbl, #contractTbl, #contractHistTbl) tr {
    margin-bottom: 12px; padding: 12px 14px;
    background: var(--panel3); border: 1px solid var(--line2); border-radius: 14px;
  }
  body[data-page="admin"] :is(#wdTbl, #dpTbl, #regTbl, #kycTbl, #contractTbl, #contractHistTbl) td {
    display: flex; justify-content: space-between; align-items: flex-start; gap: 10px;
    padding: 7px 0; border: 0; text-align: right; flex-wrap: wrap;
  }
  body[data-page="admin"] :is(#wdTbl, #dpTbl, #regTbl, #kycTbl, #contractTbl, #contractHistTbl) td::before {
    content: attr(data-k);
    flex: none; color: var(--txt3); font-size: 11px; font-weight: 700;
    letter-spacing: .6px; padding-top: 3px; text-align: left; width: 88px;
  }
  body[data-page="admin"] :is(#wdTbl, #dpTbl, #regTbl, #kycTbl, #contractTbl, #contractHistTbl) td > * { margin-left: auto; max-width: calc(100% - 100px); }
  /* 操作按钮列：占满整行，按钮换行排列 */
  body[data-page="admin"] :is(#wdTbl, #dpTbl, #regTbl, #kycTbl, #contractTbl, #contractHistTbl) .row-op {
    justify-content: flex-start; flex-wrap: wrap; gap: 8px;
    max-width: none; width: 100%; margin-left: auto; padding-top: 10px;
    border-top: 1px dashed var(--line2); margin-top: 4px;
  }
  body[data-page="admin"] :is(#wdTbl, #dpTbl, #regTbl, #kycTbl, #contractTbl, #contractHistTbl) .row-op > * { margin-left: 0; max-width: 100%; }
  /* 首列（时间 / 用户）加虚线分隔，形成卡片头 */
  body[data-page="admin"] :is(#wdTbl, #dpTbl, #regTbl, #kycTbl, #contractTbl, #contractHistTbl) td:nth-child(1) {
    border-bottom: 1px dashed var(--line2); padding-bottom: 10px; margin-bottom: 4px;
  }
  /* 空状态行（colspan）：还原为居中文本，不参与卡片网格 */
  body[data-page="admin"] :is(#wdTbl, #dpTbl, #regTbl, #kycTbl, #contractTbl, #contractHistTbl) td[colspan] {
    display: block; text-align: center; padding: 18px 0; border: 0; margin: 0;
  }
  body[data-page="admin"] :is(#wdTbl, #dpTbl, #regTbl, #kycTbl, #contractTbl, #contractHistTbl) td[colspan]::before { content: none; }
  /* 卡片头（首个数据列）内的用户/品种可换行 */
  body[data-page="admin"] :is(#contractTbl, #contractHistTbl) td:first-child { font-weight: 800; }
  /* KYC 证件照：卡片内缩略图自适应 */
  body[data-page="admin"] #kycTbl .kyc-shots { display: flex; gap: 8px; }
  body[data-page="admin"] #kycTbl .kyc-shot { width: 96px; height: auto; }

  /* 后台：客服中心移动端纵向布局 */
  body[data-page="admin"] .cs-card { height: calc(100dvh - 96px); min-height: 560px; }
  body[data-page="admin"] .cs-layout { flex-direction: column; }
  body[data-page="admin"] .cs-side {
    width: 100%; border-right: 0; border-bottom: 1px solid var(--line);
    max-height: 150px;
  }
  body[data-page="admin"] .cs-side-hd { flex: none; }
  body[data-page="admin"] .cs-list { display: flex; gap: 6px; overflow-y: hidden; overflow-x: auto; padding: 8px; }
  body[data-page="admin"] .cs-item { flex: 0 0 190px; margin-bottom: 0; }
  body[data-page="admin"] .cs-main { min-height: 340px; }
  body[data-page="admin"] .cs-msgs { max-height: none; }

  /* 后台表单单列化 */
  body[data-page="admin"] input.ctl, body[data-page="admin"] input[type="number"].ctl { width: 100%; }
  body[data-page="admin"] .mod[data-v="goto"] .card-body > .grp:first-child > div:last-child,
  body[data-page="admin"] .mod[data-v="burst"] .card-body div:not(.grp):not(.btn-row) > input { flex-direction: column; align-items: stretch; }
  body[data-page="admin"] .slider-row { flex-wrap: wrap; }
  body[data-page="admin"] .btn-row .ctl-btn { flex: 1 1 auto; }
  body[data-page="admin"] #userTbl .row-op input { flex: 1 1 90px; }
}

/* ================= 8. 超窄屏（≤420） ================= */
@media (max-width: 420px) {
  body[data-page="trade"] .big-price { font-size: 28px; }
  body[data-page="trade"] .quote-head { gap: 8px; }
  body[data-page="trade"] .mini-stats .ms span { font-size: 9px; }
  body[data-page="admin"] #userTbl td::before, body[data-page="admin"] #acctTbl td::before { width: 76px; }
  body[data-page="admin"] #userTbl td > *, body[data-page="admin"] #acctTbl td > * { max-width: calc(100% - 88px); }
}

/* ================= 9. 细节润色 ================= */
body[data-page="trade"] .site-ft { letter-spacing: .4px; }
.chg-pill { font-variant-numeric: tabular-nums; }
.pos-item { font-variant-numeric: tabular-nums; }
.mode-badge, .fpill, .pill { font-variant-numeric: tabular-nums; }

/* 保险：安全区内边距 */
@supports (padding: max(0px)) {
  .cs-panel { padding-bottom: env(safe-area-inset-bottom); }
}

/* 低动效偏好 */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

/* ============================================================
   提现（用户端：资产卡入口 / 申请弹窗 / 申请列表 · 后台：提现审核）
   ============================================================ */

/* ---- 资产卡头部操作 ---- */
.hd-links { display: inline-flex; align-items: center; gap: 12px; }

/* 提现入口：金色实心胶囊，突出于同排的普通文字链接 */
.wd-entry {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 6px 14px; border: none; border-radius: 999px; cursor: pointer;
  background: linear-gradient(135deg, var(--acc), var(--acc-deep));
  color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .6px; font-family: inherit;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .28);
  box-shadow: 0 6px 16px -8px var(--acc-glow), inset 0 1px 0 rgba(255, 255, 255, .28);
  transition: transform .15s, filter .15s, box-shadow .15s;
}
.wd-entry i { font-style: normal; font-size: 12px; line-height: 1; }
.wd-entry:hover {
  filter: brightness(1.08); transform: translateY(-1px);
  box-shadow: 0 10px 22px -8px var(--acc-glow), inset 0 1px 0 rgba(255, 255, 255, .34);
}
.wd-entry:active { transform: translateY(0); filter: brightness(.98); }

/* ---- 资产卡：提现处理中提示 ---- */
.wd-frozen {
  display: flex; align-items: center; gap: 7px;
  margin: 2px 0 10px; padding: 8px 11px;
  border: 1px dashed var(--line3); border-radius: var(--radius-s);
  background: var(--panel2); font-size: 11.5px; color: var(--txt2);
}
.wd-frozen i { font-style: normal; font-size: 10px; color: var(--acc); }
.wd-frozen span { font-variant-numeric: tabular-nums; }

/* ---- 提现申请弹窗 ---- */
.wd-modal { max-width: 560px; width: 100%; max-height: 88vh; overflow-y: auto; }
.wd-head {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  margin-bottom: 14px; padding: 11px 13px;
  border: 1px solid var(--line2); border-radius: var(--radius-s); background: var(--panel2);
}
.wd-hd-l { display: flex; flex-direction: column; gap: 3px; }
.wd-hd-l span { font-size: 11px; color: var(--txt3); letter-spacing: .4px; }
.wd-hd-l b { font-size: 19px; color: var(--txt); font-variant-numeric: tabular-nums; }
.wd-head em { font-style: normal; font-size: 11px; color: var(--txt3); }
.wd-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.wd-sel { appearance: none; -webkit-appearance: none; cursor: pointer; }
.wd-sel option { background: var(--panel-solid); color: var(--txt); }
.wd-quick { display: flex; gap: 8px; margin: 12px 0 2px; }
.wd-quick button {
  flex: 1; padding: 7px 0; cursor: pointer; transition: .16s;
  border: 1px solid var(--line2); border-radius: 9px; background: var(--panel2);
  color: var(--txt2); font-size: 11.5px; font-variant-numeric: tabular-nums;
}
.wd-quick button:hover { color: var(--acc); border-color: var(--acc); background: var(--acc-soft); }

/* ---- 我的提现申请列表 ---- */
.wd-list { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--line2); }
.wd-list-hd { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; }
.wd-list-hd span { font-size: 12px; font-weight: 700; letter-spacing: .3px; color: var(--txt2); }
.wd-list-hd em { font-style: normal; font-size: 11px; color: var(--txt3); }
.wd-items { display: flex; flex-direction: column; gap: 8px; max-height: 236px; overflow-y: auto; }
.wd-item {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 10px 12px; border: 1px solid var(--line2); border-radius: var(--radius-s);
  background: var(--panel2);
}
.wd-item.wait { border-color: var(--acc); background: var(--acc-soft); }
.wd-item.ok { border-color: var(--up-brd); background: var(--up-bg); }
.wd-item.bad { border-color: var(--down-brd); background: var(--down-bg); }
.wd-it-l { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.wd-it-l b { font-size: 14px; font-variant-numeric: tabular-nums; }
.wd-it-l span { font-size: 11px; color: var(--txt3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wd-rs { font-size: 11px; color: var(--down); }
.wd-it-r { display: flex; flex: none; flex-direction: column; align-items: flex-end; gap: 4px; }
.wd-it-r small { font-size: 10.5px; color: var(--txt3); font-variant-numeric: tabular-nums; }
.wd-st {
  padding: 2px 8px; border: 1px solid var(--line3); border-radius: 999px;
  font-style: normal; font-size: 10.5px; color: var(--txt2);
}
.wd-st.wait { color: var(--acc); border-color: var(--acc); }
.wd-st.ok { color: var(--up); border-color: var(--up-brd); }
.wd-st.bad { color: var(--down); border-color: var(--down-brd); }
.wd-empty {
  padding: 18px 10px; text-align: center; font-size: 12px; color: var(--txt3);
  border: 1px dashed var(--line2); border-radius: var(--radius-s);
}

/* ---- 后台：提现审核 ---- */
.wd-tools { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 14px; border-bottom: 1px solid var(--line2); }
.wd-seg { display: inline-flex; gap: 8px; }
.wd-seg .mini-btn.on { color: var(--acc); border-color: var(--acc); background: var(--acc-soft); }
.wd-pill {
  display: inline-block; padding: 3px 9px; border: 1px solid var(--line3); border-radius: 999px;
  font-size: 10.5px; font-weight: 700; color: var(--txt2);
}
.wd-pill.wait { color: var(--acc); border-color: var(--acc); background: var(--acc-soft); }
.wd-pill.ok { color: var(--up); border-color: var(--up-brd); background: var(--up-bg); }
.wd-pill.bad { color: var(--down); border-color: var(--down-brd); background: var(--down-bg); }

/* 窄屏：提现表单改为单列，入口按钮保持紧凑但依然醒目 */
@media (max-width: 560px) {
  .wd-grid { grid-template-columns: 1fr; }
  .wd-modal { max-height: 92vh; }
  .hd-links { gap: 9px; }
  .wd-entry { padding: 5px 11px; font-size: 11.5px; letter-spacing: .3px; }
}

/* ================= 后台：身份认证审核 ================= */
/* 证件照缩略图（点击放大核对） */
body[data-page="admin"] .kyc-shots { display: flex; gap: 8px; }
body[data-page="admin"] .kyc-shot {
  width: 76px; height: 50px; border-radius: 8px; object-fit: cover; display: block;
  cursor: zoom-in; border: 1px solid var(--line3); background: var(--panel2);
}
body[data-page="admin"] .kyc-shot:hover { border-color: var(--acc); box-shadow: 0 0 0 2px var(--acc-soft); }
body[data-page="admin"] .kyc-shot-lb { font-size: 10px; color: var(--txt3); margin-top: 3px; text-align: center; }
body[data-page="admin"] .kyc-miss {
  width: 76px; height: 50px; border-radius: 8px; display: grid; place-items: center;
  font-size: 10.5px; color: var(--txt3); border: 1px dashed var(--line3);
}
/* 放大查看弹层 */
body[data-page="admin"] .img-view {
  width: min(720px, 92vw); max-height: 90vh; display: flex; flex-direction: column;
  background: var(--panel-solid); border: 1px solid var(--line); border-radius: 16px;
  box-shadow: var(--sh-card); overflow: hidden;
}
body[data-page="admin"] .img-view-hd {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 12px 14px; border-bottom: 1px solid var(--line); font-size: 14px; font-weight: 800;
}
body[data-page="admin"] .img-view-bd { padding: 12px; overflow: auto; text-align: center; background: var(--panel2); }
body[data-page="admin"] .img-view-bd img { max-width: 100%; max-height: 74vh; border-radius: 10px; display: block; margin: 0 auto; }

/* ============ 用户策略配置模块 ============ */
body[data-page="admin"] .stg-tools {
  display: flex; align-items: center; gap: 9px; flex-wrap: wrap;
  padding-top: 0; padding-bottom: 0;
}
body[data-page="admin"] .stg-tools input.ctl.stg-q { width: 200px; flex: 0 0 auto; }
body[data-page="admin"] select.stg-sel {
  background: var(--bg0); border: 1px solid var(--line2); color: var(--txt);
  border-radius: 9px; padding: 7px 9px; font-size: 12.5px; outline: none;
  cursor: pointer; transition: .15s; font-family: inherit;
}
body[data-page="admin"] select.stg-sel:focus { border-color: var(--acc); box-shadow: 0 0 0 3px var(--acc-soft); }
body[data-page="admin"] .stg-foot {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  border-top: 1px solid var(--line);
}
body[data-page="admin"] .stg-page { flex-wrap: nowrap; }
body[data-page="admin"] #stgTbl th.stg-sort { cursor: pointer; user-select: none; }
body[data-page="admin"] #stgTbl th.stg-sort:hover { color: var(--acc); }
body[data-page="admin"] #stgTbl th.stg-sort::after { content: '⇅'; font-size: 10px; margin-left: 5px; opacity: .45; }
body[data-page="admin"] .stg-tg {
  display: inline-block; padding: 4px 10px; margin: 0 6px 6px 0; border-radius: 999px;
  background: var(--acc-soft); color: var(--acc); border: 1px solid var(--line2);
  font-size: 12px; font-weight: 700; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
body[data-page="admin"] .stg-targets { max-height: 150px; overflow: auto; }
body[data-page="admin"] .stg-chk, body[data-page="admin"] #stgAll { accent-color: var(--acc); width: 15px; height: 15px; cursor: pointer; }
/* 策略弹窗 · 百分比模式输入与实时计算 */
body[data-page="admin"] .stg-calc-row { display: flex; gap: 8px; }
body[data-page="admin"] .stg-calc-item { flex: 1; }
body[data-page="admin"] .stg-calc-item span { display: block; font-size: 10.5px; color: var(--txt3); margin-bottom: 4px; }
body[data-page="admin"] .stg-calc-item .ctl { width: 100%; font-size: 13px; padding: 9px 10px; }
body[data-page="admin"] .stg-calc-out {
  margin-top: 10px; padding: 10px 12px; border-radius: 10px; font-size: 12px; line-height: 1.7;
  background: var(--panel2); border: 1px solid var(--line2); color: var(--txt3);
}
body[data-page="admin"] .stg-calc-out b { font-family: var(--num); font-size: 13.5px; }
body[data-page="admin"] .stg-calc-out.win { color: var(--up); border-color: var(--up-brd); background: var(--up-bg); }
body[data-page="admin"] .stg-calc-out.lose { color: var(--down); border-color: var(--down-brd); background: var(--down-bg); }
body[data-page="admin"] .stg-calc-out.bad { color: var(--down); border-color: var(--down-brd); }