/* ============ 玻璃拟态皮肤（参考 mobile-h5-build / glassmorphism） ============
   启用方式：<body class="skin-glass">，index.html 已引入本文件。
   关闭方式：移除 body 上的 skin-glass 类即可回到原深色主题。
   仅覆盖视觉，不改任何布局结构与交互逻辑。 */

/* 参考模板同款字体：Inter（本地自托管，unicode-range 分包） */
@font-face {
  font-family: "InterVar";
  src: url("../fonts/Inter-latin.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "InterVar";
  src: url("../fonts/Inter-latin-ext.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

body.skin-glass {
  --bg: #070b1a;
  --bg-deep: rgba(7, 11, 26, .82);
  --panel: rgba(18, 22, 45, .55);
  --panel-2: rgba(255, 255, 255, .05);
  --line: rgba(255, 255, 255, .07);
  --text: #e2e8f0;
  --text-2: #94a3b8;
  --text-3: #64748b;
  --accent: #8b5cf6;
  --accent-2: #6366f1;
  --up: #34d399;
  --down: #f87171;
  --glass-blur: 16px;
  --radius: 18px;
  --header-h: 52px;
  --tabbar-h: 74px;
  background: #070b1a;
  color: var(--text);
  font-family: "InterVar", "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  position: relative;
  overflow-x: hidden;
}
/* 全屏氛围光晕 */
body.skin-glass::before {
  content: "";
  position: fixed; inset: 0;
  background:
    radial-gradient(ellipse at 15% 38%, rgba(99, 102, 241, .14) 0%, transparent 52%),
    radial-gradient(ellipse at 85% 22%, rgba(139, 92, 246, .10) 0%, transparent 52%),
    radial-gradient(ellipse at 50% 82%, rgba(59, 130, 246, .07) 0%, transparent 55%);
  pointer-events: none;
  z-index: 0;
}
body.skin-glass #app { position: relative; z-index: 1; }

/* 漂浮粒子 */
body.skin-glass .animated-bg { position: fixed; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; }
body.skin-glass .particle {
  position: absolute; border-radius: 50%;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  opacity: .07;
  animation: float 8s ease-in-out infinite;
}
body.skin-glass .particle-1 { width: 250px; height: 250px; top: 8%; left: 3%; animation-delay: 0s; }
body.skin-glass .particle-2 { width: 180px; height: 180px; top: 55%; right: 8%; animation-delay: 2s; }
body.skin-glass .particle-3 { width: 140px; height: 140px; bottom: 25%; left: 35%; animation-delay: 4s; }
body.skin-glass .particle-4 { width: 200px; height: 200px; top: 35%; right: 25%; animation-delay: 1s; }
body.skin-glass .particle-5 { width: 120px; height: 120px; top: 65%; left: 55%; animation-delay: 3s; }
@keyframes float {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-30px) scale(1.1); }
}

/* ---- 顶栏 ---- */
body.skin-glass .app-header {
  background: rgba(7, 11, 26, .78);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  height: 52px;
}
body.skin-glass .header-inner { padding: 0 16px; }
body.skin-glass .header-logo { color: #fff; font-size: 18px; font-weight: 700; letter-spacing: .2px; }
body.skin-glass .header-logo .logo-img { height: 26px; border-radius: 8px; margin-right: 8px; box-shadow: 0 4px 14px rgba(99, 102, 241, .35); }
body.skin-glass .header-right a { color: var(--text-2); }
body.skin-glass .header-right a:active { color: #a78bfa; }
body.skin-glass .lang-menu {
  background: rgba(18, 22, 45, .92);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .5);
  padding: 6px;
}
body.skin-glass .lang-menu a { border-radius: 10px; font-size: 13px; }
body.skin-glass .lang-menu a:hover { background: rgba(255, 255, 255, .06); }
body.skin-glass .lang-menu a.active { color: #a78bfa; }

/* ---- 底部标签栏 ---- */
body.skin-glass .tabbar {
  background: rgba(7, 11, 26, .86);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-top: 1px solid rgba(255, 255, 255, .06);
  height: 74px;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, .35);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
body.skin-glass .tab-item { color: #64748b; transition: color .25s ease; }
body.skin-glass .tab-item.active { color: #a78bfa; }
body.skin-glass .tab-icon { width: 30px; height: 30px; margin-bottom: 4px; filter: invert(1) opacity(.42); }
body.skin-glass .tab-text { font-size: 13px; letter-spacing: .3px; }
body.skin-glass .tab-item.active .tab-icon { filter: invert(62%) sepia(52%) saturate(2600%) hue-rotate(228deg) brightness(105%); }
body.skin-glass .tab-item.active .tab-text { text-shadow: 0 0 14px rgba(139, 92, 246, .55); }

/* ---- 卡片 ---- */
body.skin-glass .card,
body.skin-glass .sec-card,
body.skin-glass .chart-panel,
body.skin-glass .asset-top,
body.skin-glass .option-head-card,
body.skin-glass .game-over .go-card {
  background: rgba(18, 22, 45, .55);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: var(--radius);
  box-shadow: 0 15px 40px rgba(0, 0, 0, .32);
}
body.skin-glass .card { margin: 10px 14px; }
body.skin-glass .sec-card { margin: 10px 14px; padding: 16px; }
body.skin-glass .section-title { color: #f1f5f9; font-size: 16px; letter-spacing: .2px; padding: 18px 16px 8px; }
body.skin-glass .card-title { padding: 15px 16px 0; font-size: 14.5px; }
body.skin-glass .dim, body.skin-glass .dimmer { color: var(--text-2); }

/* 顶部资产卡（首页 hero） */
body.skin-glass .asset-top {
  background: linear-gradient(135deg, rgba(99, 102, 241, .18), rgba(139, 92, 246, .08) 55%, rgba(18, 22, 45, .55));
  border: 1px solid rgba(139, 92, 246, .22);
  box-shadow: 0 18px 46px rgba(99, 102, 241, .18);
  padding: 20px 16px;
  margin: 12px 14px;
}
body.skin-glass .asset-top .total-num {
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -.6px;
  background: linear-gradient(135deg, #e0e7ff, #a78bfa 60%, #818cf8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.skin-glass .asset-top .total-label { color: var(--text-2); font-size: 12.5px; }

/* ---- 按钮 ---- */
body.skin-glass .btn {
  border-radius: 14px;
  padding: 12px;
  font-weight: 700;
  letter-spacing: .2px;
  transition: transform .2s ease, box-shadow .25s ease, filter .2s ease;
}
body.skin-glass .btn:active { transform: scale(.985); }
body.skin-glass .btn-accent,
body.skin-glass .coin-action-btn:first-of-type,
body.skin-glass .send-btn {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  color: #fff;
  box-shadow: 0 10px 26px rgba(99, 102, 241, .38);
}
body.skin-glass .btn-buy {
  background: linear-gradient(135deg, #10b981, #34d399);
  box-shadow: 0 10px 26px rgba(16, 185, 129, .3);
}
body.skin-glass .btn-sell {
  background: linear-gradient(135deg, #ef4444, #f87171);
  box-shadow: 0 10px 26px rgba(239, 68, 68, .3);
}
body.skin-glass .btn-ghost,
body.skin-glass .coin-action-btn:last-of-type {
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .08);
  color: var(--text);
}
body.skin-glass .btn-gold { background: linear-gradient(135deg, #f59e0b, #fbbf24); color: #3a2500; }
body.skin-glass .send-btn { border-radius: 12px; }
/* 注册/登录页验证码行：输入框收窄，按钮与输入框等高 */
body.skin-glass .code-row { margin-bottom: 12px; }
body.skin-glass .code-row .input { flex: 0 0 54%; margin-bottom: 0; padding: 11px 12px; }
body.skin-glass .code-row .send-btn {
  flex: 1 1 auto; min-width: 0; padding: 0 10px;
  font-size: 12.5px; letter-spacing: .2px; white-space: nowrap;
  display: flex; align-items: center; justify-content: center;
}
body.skin-glass .send-btn:disabled { background: rgba(255, 255, 255, .12); box-shadow: none; }

/* ---- 输入 ---- */
body.skin-glass .input,
body.skin-glass .form-row .input-row,
body.skin-glass .coin-addr-box,
body.skin-glass .addr-item,
body.skin-glass .pick-item,
body.skin-glass .img-upload {
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  color: var(--text);
}
body.skin-glass .input { padding: 11px 12px; }
body.skin-glass .input:focus { border-color: rgba(139, 92, 246, .8); box-shadow: 0 0 0 3px rgba(139, 92, 246, .15); background: rgba(255, 255, 255, .06); }
body.skin-glass .form-row .input-row input { padding: 11px 12px; }
body.skin-glass .form-row .input-row .unit { padding-right: 12px; }

/* ---- 首页 banner ---- */
body.skin-glass .banner {
  border-radius: 20px;
  margin: 12px 14px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .4);
  border: 1px solid rgba(139, 92, 246, .18);
}
body.skin-glass .banner-slide {
  background: linear-gradient(135deg, rgba(99, 102, 241, .35), rgba(14, 20, 45, .95) 60%, rgba(7, 11, 26, 1));
}
body.skin-glass .banner-slide .banner-title { font-size: 20px; letter-spacing: .3px; }
body.skin-glass .banner-dots i.on { background: #a78bfa; box-shadow: 0 0 12px rgba(139, 92, 246, .8); }

/* ---- 快捷入口（图标由渐变底块自身呈现，容器不再上色） ---- */
body.skin-glass .quick-grid { gap: 6px; padding: 14px 10px 16px; }
body.skin-glass .quick-item .qi-icon {
  width: auto; height: auto;
  border-radius: 0;
  background: none !important;
  box-shadow: none !important;
  font-size: 0;
  margin-bottom: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.skin-glass .quick-item .qi-text { color: var(--text-2); font-size: 11.5px; }

/* ---- 统计条 ---- */
body.skin-glass .stat-row { padding: 14px 16px; }
body.skin-glass .stat-cell .stat-num { font-size: 18px; font-weight: 800; color: #fff; }
body.skin-glass .stat-cell .stat-label { color: var(--text-2); }

/* ---- 币种列表 ---- */
body.skin-glass .coin-row { border-bottom: 1px solid rgba(255, 255, 255, .055); padding: 13px 16px; transition: background .2s ease; }
/* 资产列表三列：币种 / 冻结（屏幕正中） / 可用 */
body.skin-glass .card-title.asset-head {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  padding: 15px 16px 11px;
  font-size: 14.5px;
}
body.skin-glass .card-title.asset-head .ah-frozen {
  text-align: center;
  font-size: 12px; font-weight: 400; color: #94a3b8; letter-spacing: .4px;
}
body.skin-glass .card-title.asset-head .more {
  text-align: right; font-size: 12px; font-weight: 400; color: #94a3b8;
}
body.skin-glass .coin-row.asset-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  padding: 14px 16px;
}
body.skin-glass .asset-frozen {
  text-align: center;
  font-size: 12px; font-weight: 400; color: #94a3b8;
  font-variant-numeric: tabular-nums;
}
body.skin-glass .asset-bal {
  text-align: right; font-size: 14px; font-weight: 600; color: #f1f5f9;
  font-variant-numeric: tabular-nums;
}
body.skin-glass .coin-row:active { background: rgba(99, 102, 241, .08); }
body.skin-glass .coin-symbol { font-size: 14.5px; }
body.skin-glass .coin-full { color: var(--text-3); }
body.skin-glass .coin-side .p { color: #f1f5f9; }
body.skin-glass .chg-badge { border-radius: 8px; }
body.skin-glass .chg-badge.up { background: rgba(52, 211, 153, .14); color: #34d399; }
body.skin-glass .chg-badge.down { background: rgba(248, 113, 113, .14); color: #f87171; }

/* ---- 行情速览表格（参考模板：大写小表头 + 三列对齐 + 等宽数字） ---- */
body.skin-glass .mk-head {
  display: grid;
  grid-template-columns: 1.45fr 1fr .85fr;
  align-items: center;
  height: 46px;
  padding: 0 16px;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  color: #7c8798;
  white-space: nowrap;
}
body.skin-glass .mk-head span:nth-child(3) { text-align: right; }
body.skin-glass .mk-tr {
  display: grid;
  grid-template-columns: 1.45fr 1fr .85fr;
  align-items: center;
  padding: 13.5px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, .055);
  transition: background .2s ease;
}
body.skin-glass .mk-tr:last-child { border-bottom: none; }
body.skin-glass .mk-tr:active { background: rgba(99, 102, 241, .08); }
body.skin-glass .mk-pair {
  display: flex; align-items: center; min-width: 0;
  font-size: 14px; font-weight: 600; color: #f1f5f9; letter-spacing: .2px;
}
body.skin-glass .mk-pair b { font-weight: 600; }
body.skin-glass .mk-pair em { font-style: normal; font-weight: 500; font-size: 12.5px; color: #6b7688; }
body.skin-glass .mk-dot {
  width: 20px; height: 20px; border-radius: 50%;
  margin-right: 9px; flex: none;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 9.5px; font-weight: 800; color: #fff; letter-spacing: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 2px 6px rgba(0, 0, 0, .35);
}
body.skin-glass .mk-price {
  font-size: 14px; font-weight: 500; color: #dbe2ee;
  font-variant-numeric: tabular-nums; letter-spacing: .1px;
}
body.skin-glass .mk-chg {
  text-align: right; font-size: 14px; font-weight: 600;
  font-variant-numeric: tabular-nums;
}

/* ---- 公告 ---- */
body.skin-glass .notice-item,
body.skin-glass .announce-item { border-bottom: 1px solid rgba(255, 255, 255, .055); padding: 12px 16px; color: var(--text-2); }
body.skin-glass .notice-item .dot,
body.skin-glass .announce-item .ann-dot { background: #a78bfa; box-shadow: 0 0 8px rgba(139, 92, 246, .8); }
body.skin-glass .notice-item .nd,
body.skin-glass .announce-item .ad { color: var(--text-3); }

/* ---- 行情/合约/交易 标签 ---- */
body.skin-glass .market-tabs,
body.skin-glass .search-box { background: transparent; }
body.skin-glass .market-tabs .mt { border-bottom-color: transparent; }
body.skin-glass .market-tabs .mt.active {
  color: #c4b5fd;
  border-bottom-color: #8b5cf6;
  text-shadow: 0 0 16px rgba(139, 92, 246, .5);
}
body.skin-glass .sub-tabs span,
body.skin-glass .ct-tabs2 span,
body.skin-glass .trade-type-tabs span { border-bottom-color: rgba(255, 255, 255, .06); color: var(--text-2); }
body.skin-glass .sub-tabs span.active,
body.skin-glass .ct-tabs2 span.active,
body.skin-glass .trade-type-tabs span.tt-active {
  color: #c4b5fd;
  border-bottom-color: #8b5cf6;
  font-weight: 700;
}
body.skin-glass .order-tabs,
body.skin-glass .ct-tabs {
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 12px;
  padding: 4px;
}
body.skin-glass .order-tabs span,
body.skin-glass .ct-tabs span { border-radius: 9px; color: var(--text-2); }
body.skin-glass .order-tabs span.active,
body.skin-glass .ct-tabs span.active {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  color: #fff;
  box-shadow: 0 6px 18px rgba(99, 102, 241, .35);
}
body.skin-glass .ct-lever span {
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 10px;
  color: var(--text-2);
}
body.skin-glass .ct-lever span.active {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 6px 18px rgba(99, 102, 241, .35);
}
body.skin-glass .chart-time span { background: rgba(255, 255, 255, .05); border-radius: 8px; color: var(--text-2); }
body.skin-glass .chart-time span.active { background: linear-gradient(135deg, #6366f1, #8b5cf6); box-shadow: 0 6px 16px rgba(99, 102, 241, .35); }
body.skin-glass .opt-chart .ct-btn.active,
body.skin-glass .opt-chart .ci-btn.active { background: rgba(139, 92, 246, .22); color: #c4b5fd; }

/* ---- 表格样列表 ---- */
body.skin-glass .ct-row { border-bottom: 1px solid rgba(255, 255, 255, .055); padding: 11px 0; font-size: 12.5px; }
body.skin-glass .ct-row.ct-clickable:active { background: rgba(99, 102, 241, .10); }
body.skin-glass .ct-close {
  background: rgba(248, 113, 113, .14);
  color: #f87171;
  border-radius: 8px;
  padding: 5px 10px;
  font-weight: 600;
}
body.skin-glass .trade-list-row { border-bottom: 1px solid rgba(255, 255, 255, .04); }

/* ---- 详情弹窗（玻璃） ---- */
body.skin-glass .ct-detail { background: rgba(4, 7, 16, .72); backdrop-filter: blur(6px); }
body.skin-glass .ct-detail .ctd-box {
  background: linear-gradient(160deg, rgba(30, 36, 66, .92), rgba(14, 18, 38, .96));
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 22px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .6), 0 0 0 1px rgba(139, 92, 246, .08) inset;
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}
body.skin-glass .ct-detail .ctd-hero { border-bottom: 1px solid rgba(255, 255, 255, .08); }
body.skin-glass .ct-detail .ctd-title { color: var(--text-2); }
body.skin-glass .ct-detail .ctd-row { border-bottom: 1px solid rgba(255, 255, 255, .055); }
body.skin-glass .ct-detail .ctd-value { color: #f1f5f9; }

/* ---- 其它浮层 ---- */
body.skin-glass .pair-picker,
body.skin-glass .coin-action-mask,
body.skin-glass .wheel-mask { background: rgba(4, 7, 16, .75); backdrop-filter: blur(8px); }
body.skin-glass .pair-picker .pp-box,
body.skin-glass .coin-action-box,
body.skin-glass .wheel-box .go-card {
  background: rgba(18, 22, 45, .92);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 20px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .55);
}
body.skin-glass .pair-picker .pp-head,
body.skin-glass .pair-picker .pp-search { border-bottom: 1px solid rgba(255, 255, 255, .06); }
body.skin-glass .toast { background: rgba(12, 16, 32, .9); border: 1px solid rgba(139, 92, 246, .3); border-radius: 12px; backdrop-filter: blur(14px); }
body.skin-glass .loading { background: rgba(4, 7, 16, .65); }
body.skin-glass .loading .ld { border-top-color: #a78bfa; }

/* ---- 资产/我的 ---- */
body.skin-glass .user-avatar {
  background: linear-gradient(135deg, #3a3320, #1b2637);
  border: 1px solid rgba(242, 192, 55, .38);
  box-shadow: 0 8px 22px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .08);
  border-radius: 16px;
}
body.skin-glass .user-avatar .av-plate {
  width: 36px; height: 36px; border-radius: 50%;
  background: linear-gradient(135deg, #f7d06a, #e0a92a);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
  display: flex; align-items: center; justify-content: center;
}
body.skin-glass .user-avatar .av-ic { width: 24px; height: 24px; fill: #0a0a0a; }
body.skin-glass .user-avatar.av-user { color: #f2c037; }
body.skin-glass .menu-item { border-bottom: 1px solid rgba(255, 255, 255, .055); }
body.skin-glass .menu-item:active { background: rgba(99, 102, 241, .07); }
body.skin-glass .menu-item .mi-arrow { color: var(--text-3); }
body.skin-glass .page-head .ph-title { color: #fff; }
body.skin-glass .page-head .ph-back { color: var(--text-2); }

/* ---- 活动 / 签到 / 榜单 ---- */
body.skin-glass .sign-hero .btn,
body.skin-glass .wheel-card .btn { box-shadow: 0 10px 26px rgba(99, 102, 241, .32); }
body.skin-glass .frag-slot { background: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, .08); }
body.skin-glass .tier-bar { background: rgba(255, 255, 255, .07); }
body.skin-glass .rank-no { background: rgba(255, 255, 255, .07); color: var(--text-2); }
body.skin-glass .rank-no.top { background: linear-gradient(135deg, #6366f1, #8b5cf6); color: #fff; box-shadow: 0 4px 14px rgba(99, 102, 241, .4); }
body.skin-glass .rank-item { border-bottom: 1px solid rgba(255, 255, 255, .055); }
body.skin-glass .status-badge.ok { background: rgba(52, 211, 153, .14); color: #34d399; }
body.skin-glass .status-badge.pending { background: rgba(245, 158, 11, .14); color: #fbbf24; }
body.skin-glass .status-badge.fail { background: rgba(248, 113, 113, .14); color: #f87171; }
body.skin-glass .id-tab { background: rgba(255, 255, 255, .04); border-color: rgba(255, 255, 255, .08); border-radius: 10px; }
body.skin-glass .id-tab.active { background: rgba(139, 92, 246, .16); border-color: rgba(139, 92, 246, .7); color: #c4b5fd; }

/* ---- 图表 / 期权 / 游戏容器底色 ---- */
body.skin-glass .tv-box { background: rgba(8, 12, 28, .9); border: 1px solid rgba(255, 255, 255, .05); border-radius: 14px; }
body.skin-glass .game-entry,
body.skin-glass .rebirth-entry {
  background: linear-gradient(135deg, rgba(99, 102, 241, .18), rgba(18, 22, 45, .6));
  border-radius: 16px;
  border-color: rgba(255, 255, 255, .07);
}
body.skin-glass .game-entry .ge-icon,
body.skin-glass .rebirth-entry .ge-icon { display: flex; align-items: center; justify-content: center; }
/* 重生模拟器入口：只用黑色图形本身，不加任何底色圆盘 */
body.skin-glass .ge-person {
  width: 34px; height: 34px; border-radius: 0;
  display: flex; align-items: center; justify-content: center;
  background: none; box-shadow: none;
}
body.skin-glass .ge-person svg { width: 100%; height: 100%; display: block; }
body.skin-glass .game-ctrl { background: rgba(7, 11, 26, .9); }
/* 重生模拟器主按钮改用与天才交易员一致的紫色，取消金色 */
body.skin-glass .rb-cont,
body.skin-glass .rb-s-card .rb-s-btn {
  color: #fff;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  border-radius: 14px;
  box-shadow: 0 10px 26px rgba(99, 102, 241, .38);
}
body.skin-glass .game-wrap { border-radius: 16px; }
body.skin-glass .rb-wealth,
body.skin-glass .rb-card,
body.skin-glass .rb-screen .rb-s-card { background: rgba(18, 22, 45, .75); border-color: rgba(255, 255, 255, .08); border-radius: 16px; }
body.skin-glass .rb-choice { background: rgba(255, 255, 255, .04); border-color: rgba(255, 255, 255, .08); border-radius: 12px; }
body.skin-glass .rb-choice:active { border-color: #a78bfa; background: rgba(139, 92, 246, .14); }

/* ---- 客服聊天 ---- */
body.skin-glass .chat-msg.bot { background: rgba(255, 255, 255, .06); }
body.skin-glass .chat-msg.user { background: linear-gradient(135deg, #6366f1, #8b5cf6); box-shadow: 0 6px 18px rgba(99, 102, 241, .3); }
body.skin-glass .chat-input { border-top: 1px solid rgba(255, 255, 255, .07); }

/* ---- 细节 ---- */
body.skin-glass .up { color: var(--up) !important; }
body.skin-glass .down { color: var(--down) !important; }
body.skin-glass .rank-total { color: #c4b5fd; }
body.skin-glass .anv-title { background: linear-gradient(135deg, #c4b5fd, #a78bfa, #818cf8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
body.skin-glass .frag-slot.on { border-color: #8b5cf6; box-shadow: 0 0 16px rgba(139, 92, 246, .5); animation: fragGlowGlass 1.6s ease-in-out infinite; }
@keyframes fragGlowGlass {
  0%, 100% { box-shadow: 0 0 8px rgba(139, 92, 246, .3); }
  50% { box-shadow: 0 0 20px rgba(139, 92, 246, .65); }
}
body.skin-glass .sv-dot { background: #34d399; box-shadow: 0 0 10px rgba(52, 211, 153, .8); }
body.skin-glass .game-profit .gp-label,
body.skin-glass .game-profit .gp-val { color: #fbbf24; }

/* ================= 渐变底块图标（白色实心） ================= */
.ui-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.ic-tile {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 44px; height: 44px; border-radius: 13px;
  background: var(--g);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .26), 0 6px 16px var(--sh);
}
.ic-tile svg { width: 62%; height: 62%; fill: #fff; }
.ic-tile.sm {
  width: 34px; height: 34px; border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 4px 12px var(--sh);
}
.c-violet { --g: linear-gradient(145deg, #a78bfa 0%, #7c5cf6 55%, #6a4bee 100%); --sh: rgba(124, 92, 246, .42); }
.c-blue   { --g: linear-gradient(145deg, #74a2ff 0%, #4a7bf7 55%, #3a67ea 100%); --sh: rgba(74, 123, 247, .42); }
.c-green  { --g: linear-gradient(145deg, #3ee0a3 0%, #22c58c 55%, #12b17c 100%); --sh: rgba(34, 197, 140, .40); }
.c-orange { --g: linear-gradient(145deg, #fdc25a 0%, #f79009 55%, #ef7c02 100%); --sh: rgba(247, 144, 9, .42); }
.c-teal   { --g: linear-gradient(145deg, #4adcd0 0%, #22c1b6 55%, #12aca2 100%); --sh: rgba(34, 193, 182, .40); }
.c-pink   { --g: linear-gradient(145deg, #fda4af 0%, #f4566f 55%, #e63e5c 100%); --sh: rgba(244, 86, 111, .40); }

/* 菜单行：图标容器不再吃字体字号 */
.menu-item .mi-icon { width: auto; font-size: 0; display: flex; align-items: center; }

/* ================= 首页中文文字统一为参考图例的高亮白色 ================= */
body.skin-glass[data-page="home"] .asset-top .total-label,
body.skin-glass[data-page="home"] .quick-item .qi-text,
body.skin-glass[data-page="home"] .game-entry .ge-title,
body.skin-glass[data-page="home"] .rebirth-entry .ge-title,
body.skin-glass[data-page="home"] .game-entry .ge-sub,
body.skin-glass[data-page="home"] .rebirth-entry .ge-sub,
body.skin-glass[data-page="home"] .stat-cell .stat-label,
body.skin-glass[data-page="home"] .section-title,
body.skin-glass[data-page="home"] .section-title .dim,
body.skin-glass[data-page="home"] .card-title,
body.skin-glass[data-page="home"] .mk-head span,
body.skin-glass[data-page="home"] .notice-item .nt { color: #fff; }

/* ---- 平台公告详情 ---- */
body.skin-glass .ann-detail { line-height: 1.75; }
body.skin-glass .ann-d-title { font-size: 17px; font-weight: 700; color: #fff; line-height: 1.5; }
body.skin-glass .ann-d-time { margin-top: 8px; font-size: 11.5px; color: var(--text-3); }
body.skin-glass .ann-d-body { margin-top: 14px; font-size: 13.5px; color: #c9d3e2; }
body.skin-glass .ann-d-body p { margin: 0 0 10px; }
body.skin-glass .ann-d-body h3 { margin: 0 0 12px; font-size: 15px; font-weight: 700; color: #e8eeff; line-height: 1.55; }
body.skin-glass .ann-d-body h4 { margin: 16px 0 6px; font-size: 14px; font-weight: 700; color: #fff; line-height: 1.55; }
body.skin-glass .ann-d-body strong { color: #fff; }
body.skin-glass .ann-d-body img { max-width: 100%; height: auto; border-radius: 10px; }
body.skin-glass .notice-item, body.skin-glass .announce-item { cursor: pointer; }

/* ---- 合约下单：杠杆行右侧显示可用余额 ---- */
body.skin-glass .ct-row-top { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 5px; }
body.skin-glass .ct-row-top label { margin-bottom: 0; }
body.skin-glass .ct-avail { font-size: 11.5px; color: var(--text-2); white-space: nowrap; }
body.skin-glass .ct-avail b { color: #fff; font-weight: 600; margin-left: 2px; }
/* 可用余额已移到下单框内，顶部账户行只剩占用保证金，改为靠右 */
body.skin-glass .contract-acc { justify-content: flex-end; }

/* ---- 闪兑：数量框右侧「全部」按钮 ---- */
body.skin-glass .fs-amt-row { position: relative; }
body.skin-glass .fs-amt-row .input { padding-right: 72px; }
body.skin-glass .fs-amt-row input[type=number]::-webkit-outer-spin-button,
body.skin-glass .fs-amt-row input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
body.skin-glass .fs-all-btn {
  position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
  height: 26px; padding: 0 12px; border-radius: 8px;
  border: 1px solid rgba(139, 92, 246, .45);
  background: rgba(139, 92, 246, .16);
  color: #c7bcff; font-size: 12px; font-weight: 600;
  display: flex; align-items: center; justify-content: center;
}
body.skin-glass .fs-all-btn:active { background: rgba(139, 92, 246, .3); }