/* ============================================================
   VaultEX Theme v3.0  —  Web3 Exchange Grade UI
   Deep black + #00E4FF cyan + glass morphism + neon glow
   2026-05-15
   ============================================================ */

/* ── CSS 变量 ─────────────────────────────────────────────── */
:root {
  --vex-bg:         #02040A;
  --vex-bg2:        #060810;
  --vex-surface:    rgba(11,14,20,0.95);
  --vex-surface2:   rgba(16,21,32,0.9);
  --vex-surface3:   rgba(22,28,42,0.8);
  --vex-border:     rgba(0,228,255,0.12);
  --vex-border2:    rgba(0,228,255,0.25);
  --vex-accent:     #00E4FF;
  --vex-accent-dim: rgba(0,228,255,0.15);
  --vex-accent-glow:rgba(0,228,255,0.35);
  --vex-blue:       #0066FF;
  --vex-text:       #E8EBF0;
  --vex-text2:      #A0AAB8;
  --vex-muted:      #5A6478;
  --vex-up:         #00C076;
  --vex-up-glow:    rgba(0,192,118,0.2);
  --vex-down:       #FF4D4F;
  --vex-down-glow:  rgba(255,77,79,0.2);
  --vex-gold:       #F0B429;
  --vex-radius:     12px;
  --vex-radius-lg:  18px;
  --vex-glow:       0 0 30px rgba(0,228,255,0.12),
                    0 2px 8px rgba(0,0,0,0.8);
  --vex-glow-lg:    0 0 60px rgba(0,228,255,0.15),
                    0 8px 32px rgba(0,0,0,0.9);
}

/* ══════════════════════════════════════════════════════════
   1. 全局背景 — 深黑 + 径向光晕 + 网格纹理
   ══════════════════════════════════════════════════════════ */
html, body {
  background: var(--vex-bg) !important;
  margin: 0 !important;
}

#app {
  background:
    /* 顶部青色光晕 */
    radial-gradient(ellipse 80% 40% at 50% -5%,
      rgba(0,228,255,0.07) 0%, transparent 70%),
    /* 右下蓝色暗光 */
    radial-gradient(ellipse 60% 50% at 100% 100%,
      rgba(0,102,255,0.05) 0%, transparent 60%),
    /* 左侧暗紫光 */
    radial-gradient(ellipse 50% 60% at -10% 50%,
      rgba(100,0,255,0.03) 0%, transparent 60%),
    var(--vex-bg) !important;
  min-height: 100vh !important;
  /* 细网格叠加 */
  background-image:
    radial-gradient(ellipse 80% 40% at 50% -5%,
      rgba(0,228,255,0.07) 0%, transparent 70%),
    linear-gradient(rgba(0,228,255,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,228,255,0.025) 1px, transparent 1px) !important;
  background-size: 100% 100%, 60px 60px, 60px 60px !important;
  background-position: 0 0, -1px -1px, -1px -1px !important;
}

/* ══════════════════════════════════════════════════════════
   2. 导航栏 — 玻璃态 + 发光底边
   ══════════════════════════════════════════════════════════ */
.head {
  background: rgba(2,4,10,0.88) !important;
  backdrop-filter: blur(24px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(160%) !important;
  border-bottom: 1px solid var(--vex-border2) !important;
  box-shadow: 0 1px 0 rgba(0,228,255,0.1),
              0 4px 24px rgba(0,0,0,0.6) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}

.head .hd-left .hl-item .jy-text,
.head .hd-left .hl-item .h-item,
.head .hd-left .hl-item {
  color: #B0BAC8 !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  transition: color 0.2s, text-shadow 0.2s !important;
}

.head .hd-left .hl-item:hover .jy-text,
.head .hd-left .hl-item .h-item:hover {
  color: var(--vex-accent) !important;
  text-shadow: 0 0 12px rgba(0,228,255,0.6) !important;
}

.head .hd-left .hl-item.active .jy-text,
.head .hd-left #h-tabs .h-item.active,
.head .hd-left #h-tabs .h-item.is-active {
  color: var(--vex-accent) !important;
  text-shadow: 0 0 10px rgba(0,228,255,0.5) !important;
  border-bottom: 2px solid var(--vex-accent) !important;
}

/* 导航 LOGO 区 */
.head .hd-left .logo,
.head .hd-left .logo img { filter: brightness(1.1) !important; }

/* 导航右侧图标 */
.head .hd-right .hr-item,
.head .hd-right .icon,
.head .hd-right i { color: #8090A8 !important; transition: color 0.2s, text-shadow 0.2s !important; }
.head .hd-right .hr-item:hover,
.head .hd-right .icon:hover { color: var(--vex-accent) !important; text-shadow: 0 0 10px rgba(0,228,255,0.6) !important; }

/* 登录/注册按钮（导航栏） */
.head .hd-right .login-btn,
.head .hd-right .goLogin,
.head .hd-right .go-login,
.head .hd-right .loginBtn {
  background: transparent !important;
  border: 1px solid var(--vex-accent) !important;
  color: var(--vex-accent) !important;
  border-radius: 20px !important;
  padding: 6px 18px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: all 0.2s !important;
}
.head .hd-right .login-btn:hover,
.head .hd-right .goLogin:hover {
  background: var(--vex-accent) !important;
  color: #000 !important;
  box-shadow: 0 0 20px rgba(0,228,255,0.5) !important;
}

/* ══════════════════════════════════════════════════════════
   3. 下拉菜单 — 暗黑玻璃
   ══════════════════════════════════════════════════════════ */
.nav-sub, .nav-drop,
.el-dropdown-menu,
.el-select-dropdown,
.el-popper {
  background: rgba(8,12,20,0.97) !important;
  border: 1px solid var(--vex-border2) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.9),
              0 0 0 1px rgba(0,228,255,0.06) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(20px) !important;
}
.el-dropdown-menu__item { color: #A0AAB8 !important; font-size: 13px !important; }
.el-dropdown-menu__item:hover,
.el-dropdown-menu__item:focus {
  background: rgba(0,228,255,0.08) !important;
  color: var(--vex-accent) !important;
}

/* ══════════════════════════════════════════════════════════
   4. 卡片 & 面板 — 发光边框 + 玻璃底
   ══════════════════════════════════════════════════════════ */
.card, .card-1, .card-2,
.panel, .module-box, .home-module,
.deal-center-box, .lever-box,
.startup-list-container,
.assets-page > div,
.bonus_card__DTeDv,
._page-main__content__table {
  background: var(--vex-surface) !important;
  border: 1px solid var(--vex-border) !important;
  border-radius: var(--vex-radius-lg) !important;
  box-shadow: var(--vex-glow) !important;
  transition: border-color 0.3s, box-shadow 0.3s !important;
}

.card:hover, .card-1:hover, .card-2:hover,
.startup-project-item:hover,
.startup-inProgress-item:hover {
  border-color: var(--vex-border2) !important;
  box-shadow: var(--vex-glow-lg) !important;
}

/* IEO 卡片 */
.startup-project-item,
.startup-inProgress-item {
  background: linear-gradient(135deg,
    rgba(11,14,20,0.98) 0%,
    rgba(16,21,33,0.95) 100%) !important;
  border: 1px solid rgba(0,228,255,0.15) !important;
  border-radius: var(--vex-radius-lg) !important;
  box-shadow: 0 0 0 1px rgba(0,228,255,0.05),
              0 8px 32px rgba(0,0,0,0.7) !important;
  overflow: hidden !important;
  transition: all 0.3s !important;
}
.startup-project-item:hover,
.startup-inProgress-item:hover {
  border-color: rgba(0,228,255,0.35) !important;
  box-shadow: 0 0 30px rgba(0,228,255,0.15),
              0 12px 40px rgba(0,0,0,0.8) !important;
  transform: translateY(-2px) !important;
}

/* IEO 横幅 */
.startup-list-banner {
  background: linear-gradient(135deg,
    rgba(0,40,80,0.4) 0%,
    rgba(0,20,40,0.2) 50%,
    rgba(0,228,255,0.05) 100%) !important;
  border-bottom: 1px solid var(--vex-border) !important;
}

.banner-title1 {
  background: linear-gradient(90deg, #fff 0%, var(--vex-accent) 70%, #fff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-shadow: none !important;
  font-weight: 700 !important;
}

/* 统计数字 */
.header-data-number,
.banner-data-item-num {
  color: var(--vex-accent) !important;
  font-weight: 700 !important;
  text-shadow: 0 0 12px rgba(0,228,255,0.4) !important;
  font-variant-numeric: tabular-nums !important;
}

.header-data-item,
.banner-data-item {
  background: rgba(0,228,255,0.04) !important;
  border: 1px solid rgba(0,228,255,0.1) !important;
  border-radius: 10px !important;
}

/* ══════════════════════════════════════════════════════════
   5. 按钮系统 — 霓虹发光
   ══════════════════════════════════════════════════════════ */

/* 主按钮 — 渐变青色 */
.btn-primary,
.el-button--primary,
.ant-btn-primary,
.xdButt,
.btn-blue,
.jump_uorder,
.baseborderBtn {
  background: linear-gradient(135deg, #00E4FF 0%, #00B8CC 100%) !important;
  border: none !important;
  color: #000 !important;
  border-radius: 24px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 0 20px rgba(0,228,255,0.35),
              0 4px 12px rgba(0,0,0,0.4) !important;
  transition: all 0.25s !important;
  text-transform: none !important;
}
.btn-primary:hover, .el-button--primary:hover,
.ant-btn-primary:hover, .xdButt:hover, .jump_uorder:hover {
  background: linear-gradient(135deg, #33EEFF 0%, #00C4DE 100%) !important;
  box-shadow: 0 0 30px rgba(0,228,255,0.55),
              0 6px 18px rgba(0,0,0,0.4) !important;
  transform: translateY(-1px) !important;
  color: #000 !important;
}

/* 买入按钮 — 绿色发光 */
.btn-green, .buy-btn, .btn-in,
.el-button.green, [class*="buy"],
.active-btn-bg.buy {
  background: linear-gradient(135deg, #00C076 0%, #00965C 100%) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  box-shadow: 0 0 20px rgba(0,192,118,0.3),
              0 4px 12px rgba(0,0,0,0.4) !important;
  transition: all 0.25s !important;
}
.btn-green:hover, .buy-btn:hover, .btn-in:hover {
  box-shadow: 0 0 30px rgba(0,192,118,0.5),
              0 4px 16px rgba(0,0,0,0.4) !important;
  transform: translateY(-1px) !important;
}

/* 卖出按钮 — 红色发光 */
.btn-err, .btn-out, .sell-btn,
[class*="sell"] {
  background: linear-gradient(135deg, #FF4D4F 0%, #CC2426 100%) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  box-shadow: 0 0 20px rgba(255,77,79,0.3),
              0 4px 12px rgba(0,0,0,0.4) !important;
  transition: all 0.25s !important;
}
.btn-err:hover, .btn-out:hover, .sell-btn:hover {
  box-shadow: 0 0 30px rgba(255,77,79,0.5) !important;
  transform: translateY(-1px) !important;
}

/* 空心边框按钮 */
.btn-back, .bk-btn, .all-btn,
.el-button--default, .ant-btn:not(.ant-btn-primary) {
  background: transparent !important;
  border: 1px solid rgba(0,228,255,0.25) !important;
  color: var(--vex-text2) !important;
  border-radius: 10px !important;
  transition: all 0.2s !important;
}
.btn-back:hover, .bk-btn:hover, .all-btn:hover {
  border-color: var(--vex-accent) !important;
  color: var(--vex-accent) !important;
  background: rgba(0,228,255,0.06) !important;
}

/* ══════════════════════════════════════════════════════════
   6. 输入框 — 深色玻璃
   ══════════════════════════════════════════════════════════ */
.el-input__inner,
.el-textarea__inner,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input.ant-input {
  background: rgba(10,14,22,0.9) !important;
  border: 1px solid rgba(0,228,255,0.18) !important;
  color: var(--vex-text) !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  transition: all 0.2s !important;
}
.el-input__inner:focus,
.el-textarea__inner:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input.ant-input:focus {
  border-color: var(--vex-accent) !important;
  background: rgba(0,228,255,0.04) !important;
  box-shadow: 0 0 0 3px rgba(0,228,255,0.12),
              0 0 15px rgba(0,228,255,0.08) !important;
  outline: none !important;
}
input::placeholder,
.el-input__inner::placeholder {
  color: var(--vex-muted) !important;
  opacity: 1 !important;
}

/* 数量输入框 */
.el-input-number__decrease,
.el-input-number__increase {
  background: rgba(0,228,255,0.08) !important;
  border-color: var(--vex-border) !important;
  color: var(--vex-accent) !important;
}

/* ══════════════════════════════════════════════════════════
   7. Tab 标签 — 青色激活发光
   ══════════════════════════════════════════════════════════ */
/* Element UI Tabs */
.el-tabs__header { border-bottom: 1px solid var(--vex-border) !important; }
.el-tabs__item { color: var(--vex-muted) !important; font-size: 13.5px !important; }
.el-tabs__item.is-active {
  color: var(--vex-accent) !important;
  text-shadow: 0 0 10px rgba(0,228,255,0.5) !important;
}
.el-tabs__active-bar { background: var(--vex-accent) !important; height: 2px !important; }

/* Ant Design Tabs */
.ant-tabs-tab { color: var(--vex-muted) !important; font-size: 13.5px !important; }
.ant-tabs-tab-active .ant-tabs-tab-btn,
.ant-tabs-tab.ant-tabs-tab-active {
  color: var(--vex-accent) !important;
  text-shadow: 0 0 10px rgba(0,228,255,0.4) !important;
}
.ant-tabs-ink-bar {
  background: var(--vex-accent) !important;
  box-shadow: 0 0 8px rgba(0,228,255,0.6) !important;
  height: 2px !important;
}
.ant-tabs-nav { border-bottom: 1px solid var(--vex-border) !important; }

/* 自定义 tab 按钮 */
._page-tab-li { color: var(--vex-muted) !important; }
._page-tab-li-active,
._page-tab-li.active {
  color: var(--vex-accent) !important;
  border-bottom: 2px solid var(--vex-accent) !important;
}

/* cm-tabs (行情/交易页) */
.cm-tab { color: var(--vex-muted) !important; }
.cm-tab-active,
.cm-tab.active { color: var(--vex-accent) !important; }
.cm-tabs-line,
.cm-tabs-start-line { background: var(--vex-accent) !important; }

/* ══════════════════════════════════════════════════════════
   8. 表格 — 透明背景 + 青色行悬停
   ══════════════════════════════════════════════════════════ */
.el-table { background: transparent !important; color: var(--vex-text) !important; }
.el-table::before { display: none !important; }
.el-table tr,
.el-table th.el-table__cell,
.el-table td.el-table__cell {
  background: transparent !important;
  border-bottom: 1px solid rgba(0,228,255,0.06) !important;
}
.el-table th.el-table__cell {
  color: var(--vex-muted) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}
.el-table td.el-table__cell { color: var(--vex-text) !important; font-size: 13px !important; }
.el-table--striped .el-table__body tr.el-table__row--striped > td {
  background: rgba(255,255,255,0.015) !important;
}
.el-table__body tr:hover > td {
  background: rgba(0,228,255,0.05) !important;
  cursor: pointer !important;
}
.el-table__empty-block { background: transparent !important; }
.el-table__body-wrapper { background: transparent !important; }

/* 普通列表表格 */
._table th { color: var(--vex-muted) !important; font-size: 12px !important; }
._table td { color: var(--vex-text) !important; border-color: var(--vex-border) !important; }
._table tr:hover td { background: rgba(0,228,255,0.04) !important; }

/* ══════════════════════════════════════════════════════════
   9. 价格 & 涨跌颜色 — 霓虹发光
   ══════════════════════════════════════════════════════════ */
.up, .rise, .green, .up-text,
[class*="up-color"], [class*="rise"],
.coinPrice.up, .changePercent.up {
  color: var(--vex-up) !important;
  text-shadow: 0 0 8px rgba(0,192,118,0.4) !important;
  font-weight: 600 !important;
}
.down, .fall, .red, .down-text,
[class*="down-color"], [class*="fall"],
.coinPrice.down, .changePercent.down {
  color: var(--vex-down) !important;
  text-shadow: 0 0 8px rgba(255,77,79,0.4) !important;
  font-weight: 600 !important;
}

/* 涨跌背景标签 */
.up-bg, .tag-up {
  background: rgba(0,192,118,0.15) !important;
  color: var(--vex-up) !important;
  border-radius: 4px !important;
  padding: 2px 6px !important;
}
.down-bg, .tag-down {
  background: rgba(255,77,79,0.15) !important;
  color: var(--vex-down) !important;
  border-radius: 4px !important;
  padding: 2px 6px !important;
}

/* ══════════════════════════════════════════════════════════
   10. 币种列表行 — 交易市场页
   ══════════════════════════════════════════════════════════ */
.coinlist .coinbox,
.coin-wrap,
.coin {
  border-bottom: 1px solid rgba(0,228,255,0.05) !important;
  transition: background 0.2s !important;
}
.coinlist .coinbox:hover,
.coin-wrap:hover,
.coin:hover {
  background: rgba(0,228,255,0.04) !important;
}

.coin-title, .coin-text,
.coinbox .name { color: var(--vex-text) !important; font-weight: 600 !important; }
.coinbox .sub,
.coin-text.muted { color: var(--vex-muted) !important; }

/* ══════════════════════════════════════════════════════════
   11. 弹窗 & 模态框 — 黑玻璃
   ══════════════════════════════════════════════════════════ */
.el-dialog,
.el-drawer,
.el-message-box {
  background: rgba(8,12,20,0.97) !important;
  border: 1px solid var(--vex-border2) !important;
  border-radius: 18px !important;
  box-shadow: 0 0 80px rgba(0,228,255,0.12),
              0 20px 60px rgba(0,0,0,0.95) !important;
  backdrop-filter: blur(24px) !important;
}
.el-dialog__header,
.el-dialog__title {
  color: var(--vex-text) !important;
  border-bottom: 1px solid var(--vex-border) !important;
  font-weight: 600 !important;
}
.el-dialog__close { color: var(--vex-muted) !important; }
.el-dialog__close:hover { color: var(--vex-accent) !important; }
.el-dialog__body { color: var(--vex-text2) !important; }

/* overlay 遮罩 */
.el-overlay,
.el-overlay-dialog { background: rgba(0,0,0,0.75) !important; }

/* ══════════════════════════════════════════════════════════
   12. Select 选择框
   ══════════════════════════════════════════════════════════ */
.el-select .el-input__inner,
.el-select-dropdown__item {
  background: rgba(10,14,22,0.9) !important;
  color: var(--vex-text) !important;
  border-color: var(--vex-border) !important;
}
.el-select-dropdown__item:hover,
.el-select-dropdown__item.hover {
  background: rgba(0,228,255,0.08) !important;
  color: var(--vex-accent) !important;
}
.el-select-dropdown__item.selected {
  color: var(--vex-accent) !important;
  font-weight: 600 !important;
}

/* ══════════════════════════════════════════════════════════
   13. 行情页 / 交易中心
   ══════════════════════════════════════════════════════════ */
.deal-center-box,
.lever-box,
.fast-deal {
  background: var(--vex-surface) !important;
  border: 1px solid var(--vex-border) !important;
  border-radius: var(--vex-radius) !important;
}

/* 买卖区域 */
.buy-border {
  border: 1px solid rgba(0,192,118,0.2) !important;
  border-radius: 10px !important;
  background: rgba(0,192,118,0.03) !important;
}

/* 委托列表深度图 */
.ceilorder { background: transparent !important; }
.ceilorder .order-row {
  color: var(--vex-text2) !important;
  font-size: 12px !important;
  font-variant-numeric: tabular-nums !important;
}

/* 交易对选择 */
.coin-select {
  color: var(--vex-text) !important;
  font-weight: 600 !important;
  font-size: 16px !important;
}
.coin-arrow { color: var(--vex-muted) !important; }

/* ══════════════════════════════════════════════════════════
   14. 移动端底部导航栏
   ══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .tabbar,
  .tab-bar,
  [class*="tabBar"],
  .bottom-nav {
    background: rgba(4,6,14,0.97) !important;
    backdrop-filter: blur(20px) !important;
    border-top: 1px solid var(--vex-border2) !important;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.6) !important;
  }

  .tabbar .tab-item,
  .bottom-nav .nav-item { color: var(--vex-muted) !important; }

  .tabbar .tab-item.active,
  .tabbar .tab-item.is-active,
  .bottom-nav .nav-item.active {
    color: var(--vex-accent) !important;
    filter: drop-shadow(0 0 6px rgba(0,228,255,0.6)) !important;
  }

  /* 移动端卡片 */
  .card, .card-1, .card-2,
  .module-box, .home-module {
    border-radius: 14px !important;
    margin: 8px !important;
  }

  /* 移动端内容区域 */
  #app, body { overflow-x: hidden !important; }
}

/* ══════════════════════════════════════════════════════════
   15. 滚动条 — 极细深色
   ══════════════════════════════════════════════════════════ */
::-webkit-scrollbar { width: 4px !important; height: 4px !important; }
::-webkit-scrollbar-track { background: rgba(0,0,0,0.2) !important; }
::-webkit-scrollbar-thumb {
  background: rgba(0,228,255,0.2) !important;
  border-radius: 2px !important;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0,228,255,0.4) !important;
}

/* ══════════════════════════════════════════════════════════
   16. 页面加载进度条
   ══════════════════════════════════════════════════════════ */
#nprogress .bar {
  background: var(--vex-accent) !important;
  box-shadow: 0 0 10px rgba(0,228,255,0.8) !important;
}

/* ══════════════════════════════════════════════════════════
   17. 文字层级
   ══════════════════════════════════════════════════════════ */
h1, h2, h3, h4, h5, h6 {
  color: var(--vex-text) !important;
  font-weight: 700 !important;
}
p, span, div { color: inherit; }
a { color: var(--vex-accent) !important; text-decoration: none !important; }
a:hover { text-shadow: 0 0 8px rgba(0,228,255,0.5) !important; }

/* 页面主标题渐变 */
.page-title,
.startup-list-common-title,
.startup-finish-title,
.banner-title1 {
  background: linear-gradient(135deg, #FFFFFF 0%, var(--vex-accent) 60%, #FFFFFF 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

/* 进行中 / 状态标签 */
.tag-ing, .tag-active,
[class*="status-ing"],
.startup-inProgress .status-tag {
  background: rgba(0,228,255,0.12) !important;
  color: var(--vex-accent) !important;
  border: 1px solid rgba(0,228,255,0.3) !important;
  border-radius: 20px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 2px 10px !important;
}

/* "进行中" 胶囊标签的发光 */
[class*="进行中"],
.label-active { box-shadow: 0 0 10px rgba(0,228,255,0.25) !important; }

/* ══════════════════════════════════════════════════════════
   18. 资产页
   ══════════════════════════════════════════════════════════ */
.assets-page,
.ap-header {
  background: transparent !important;
}
.assets-page .total-assets {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--vex-accent) !important;
  text-shadow: 0 0 20px rgba(0,228,255,0.4) !important;
}

/* ══════════════════════════════════════════════════════════
   19. 复制交易 / AI 页
   ══════════════════════════════════════════════════════════ */
.ai-order-details,
.bk-copy-btn,
.activity-home .card {
  background: var(--vex-surface) !important;
  border: 1px solid var(--vex-border) !important;
  border-radius: var(--vex-radius) !important;
}

/* ══════════════════════════════════════════════════════════
   20. 通知 & Toast
   ══════════════════════════════════════════════════════════ */
.el-notification {
  background: rgba(8,12,20,0.96) !important;
  border: 1px solid var(--vex-border2) !important;
  border-radius: 12px !important;
  box-shadow: 0 0 30px rgba(0,228,255,0.1),
              0 8px 32px rgba(0,0,0,0.8) !important;
}
.el-notification__title { color: var(--vex-text) !important; }
.el-notification__content { color: var(--vex-text2) !important; }
.el-message {
  background: rgba(8,12,20,0.95) !important;
  border: 1px solid var(--vex-border2) !important;
  border-radius: 10px !important;
  color: var(--vex-text) !important;
}

/* ══════════════════════════════════════════════════════════
   21. 分页
   ══════════════════════════════════════════════════════════ */
.el-pagination button,
.el-pagination .el-pager li {
  background: transparent !important;
  color: var(--vex-muted) !important;
  border: 1px solid var(--vex-border) !important;
  border-radius: 6px !important;
}
.el-pagination .el-pager li.active,
.el-pagination .el-pager li:hover {
  background: var(--vex-accent-dim) !important;
  color: var(--vex-accent) !important;
  border-color: var(--vex-accent) !important;
}

/* ══════════════════════════════════════════════════════════
   22. 修复白色背景残留
   ══════════════════════════════════════════════════════════ */
.el-table__fixed-right,
.el-table__fixed,
.el-table__fixed-right-patch { background: var(--vex-bg) !important; }

.el-loading-mask { background: rgba(2,4,10,0.85) !important; }
.el-loading-spinner .el-loading-text { color: var(--vex-accent) !important; }
.el-loading-spinner .path { stroke: var(--vex-accent) !important; }

/* 白色 section 背景强制覆盖 */
section, article, main,
.main-content, .page-content,
.page-wrap, .content-wrap {
  background: transparent !important;
}

/* ══════════════════════════════════════════════════════════
   23. 语言切换器
   ══════════════════════════════════════════════════════════ */
.lang-select,
.language-selector {
  color: var(--vex-text2) !important;
  border-color: var(--vex-border) !important;
}

/* ══════════════════════════════════════════════════════════
   24. 细节打磨
   ══════════════════════════════════════════════════════════ */

/* 数字等宽字体 */
.price, .amount, .volume,
.coinPrice, .change-percent,
[class*="price"], [class*="amount"],
[class*="volume"] {
  font-variant-numeric: tabular-nums !important;
  letter-spacing: 0 !important;
}

/* SVG 图标颜色 */
svg path[fill="#2563EB"],
svg path[fill="#3B82F6"],
svg path[fill="#1E40AF"] { fill: var(--vex-accent) !important; }

/* 选中文字颜色 */
::selection {
  background: rgba(0,228,255,0.25) !important;
  color: #fff !important;
}