/* ════════════════════════════════════════════════════════════════════════
 * Jiguang Trust App · Jiguang Pro 视觉系统 (redesign-pro 2026-07)
 *
 * 设计方向: 高端 / 专业 / 大平台安全靠谱质感 (Institutional Trust)
 *  - 主色: 权威蓝 #2154E8 (深一档的机构蓝, 替代原玩具感亮青 #18AFFF)
 *  - 墨蓝: #0A1A3C (标题/Hero/Footer 深海军蓝)
 *  - 底色: #F5F7FB 冷灰蓝 + 白卡片 + 精细 1px 描边 + 极轻分层阴影
 *  - 字体: 系统级无衬线 + 数字 tabular-nums, 标题收紧字距
 *  - 形态: 卡片 14px / 按钮 10px 圆角, 摒弃全圆 pill 大按钮
 *
 * 加载顺序: tailwind → main.css → bitget-light.css → 【jiguang-pro.css 最后】
 * 本文件是全站唯一生效视觉层, 通过令牌重定义 + 显式覆盖双管齐下。
 * 兼容约束: 不改任何 JS 钩子 (id / data-* / 结构 class 语义保持不变)
 * ════════════════════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────────────────────────────
 * 1. 设计令牌 — 同时重定义 --bg-* (bitget 层) 与 --jg-* (tokens 层)
 * ────────────────────────────────────────────────────────────────────── */
:root {
  /* 品牌主色: 权威蓝 */
  --bg-primary: #2154E8;
  --bg-primary-hover: #1A46C9;
  --bg-primary-active: #1539A6;
  --bg-primary-soft: rgba(33, 84, 232, 0.08);
  --bg-primary-soft-2: rgba(33, 84, 232, 0.14);

  /* 墨蓝 (标题 / hero / footer) */
  --jp-ink: #0A1A3C;
  --jp-ink-2: #10265C;
  --jp-navy-deep: #071230;
  --jp-navy-mid: #0C1F55;
  --jp-navy-hi: #14337F;

  /* 辅助色 */
  --bg-accent: #4F7DF3;
  --bg-accent-2: #6E96F6;
  --bg-accent-mint: #E7F0FF;

  /* 中性色 — 浅色模式 */
  --bg-bg: #F5F7FB;
  --bg-surface: #FFFFFF;
  --bg-surface-2: #F3F5FA;
  --bg-surface-3: #E9EDF6;
  --bg-text-primary: #131E36;
  --bg-text-secondary: #5C6B87;
  --bg-text-tertiary: #93A0B8;
  --bg-border: #E4E9F3;
  --bg-border-soft: #EEF1F8;
  --bg-divider: rgba(92, 107, 135, 0.14);

  /* 语义色 (收敛饱和度, 更稳重) */
  --bg-success: #0E9F6E;
  --bg-success-soft: rgba(14, 159, 110, 0.10);
  --bg-danger: #DC3D43;
  --bg-danger-soft: rgba(220, 61, 67, 0.10);
  --bg-warning: #C77414;
  --bg-warning-soft: rgba(199, 116, 20, 0.10);

  /* 阴影 — 分层且极轻 (大平台克制感) */
  --bg-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.05);
  --bg-shadow: 0 1px 3px rgba(16, 24, 40, 0.06), 0 1px 2px rgba(16, 24, 40, 0.04);
  --bg-shadow-md: 0 4px 12px rgba(16, 24, 40, 0.07), 0 2px 4px rgba(16, 24, 40, 0.04);
  --bg-shadow-lg: 0 12px 32px rgba(10, 26, 60, 0.10), 0 4px 8px rgba(10, 26, 60, 0.05);
  --bg-shadow-card: 0 1px 3px rgba(16, 24, 40, 0.05), 0 1px 2px rgba(16, 24, 40, 0.03);

  /* 圆角 — 收敛为专业形态 */
  --bg-radius-sm: 8px;
  --bg-radius: 10px;
  --bg-radius-md: 14px;
  --bg-radius-lg: 18px;
  --bg-radius-pill: 9999px;

  /* jiguang-tokens 层令牌同步 */
  --jg-blue: #2154E8;
  --jg-blue-600: #1A46C9;
  --jg-blue-400: #4F7DF3;
  --jg-blue-200: #C6D5FB;
  --jg-blue-50: #EDF2FE;
  --jg-bg: #F5F7FB;
  --jg-bg-subtle: #EDF1F8;
  --jg-card: #FFFFFF;
  --jg-line: #E4E9F3;
  --jg-text: #131E36;
  --jg-text-2: #5C6B87;
  --jg-text-3: #93A0B8;
  --grade-a: #2154E8;
  --tier-e1: #2154E8;
  --jg-radius-card: 14px;
  --jg-radius-sm: 10px;
  --jg-radius-chip: 8px;
  --jg-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.05);
  --jg-shadow-card: 0 1px 3px rgba(16, 24, 40, 0.05), 0 1px 2px rgba(16, 24, 40, 0.03);
  --jg-shadow-pop: 0 12px 32px rgba(10, 26, 60, 0.12);
}

/* 深色模式 — 深海军蓝基调 (更接近机构终端) */
html[data-theme="dark"] {
  --bg-bg: #0A1226;
  --bg-surface: #101A33;
  --bg-surface-2: #16224240;
  --bg-surface-2: #16224280;
  --bg-surface-2: #162242;
  --bg-surface-3: #1D2B52;
  --bg-text-primary: #EDF1F9;
  --bg-text-secondary: #93A3C2;
  --bg-text-tertiary: #64749A;
  --bg-border: rgba(122, 143, 189, 0.22);
  --bg-border-soft: rgba(122, 143, 189, 0.12);
  --bg-divider: rgba(122, 143, 189, 0.16);
  --bg-primary-soft: rgba(79, 125, 243, 0.14);
  --bg-primary-soft-2: rgba(79, 125, 243, 0.22);
  --bg-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.35);
  --bg-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.40);
  --jg-bg: #0A1226;
  --jg-bg-subtle: #0E1830;
  --jg-card: #101A33;
  --jg-line: rgba(122, 143, 189, 0.22);
  --jg-text: #EDF1F9;
  --jg-text-2: #93A3C2;
  --jg-text-3: #64749A;
}

/* ──────────────────────────────────────────────────────────────────────
 * 2. 全局基础 — 背景 / 字体 / 数字
 * ────────────────────────────────────────────────────────────────────── */
html, body {
  background: var(--bg-bg) !important;
  color: var(--bg-text-primary) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI',
    'PingFang SC', 'HarmonyOS Sans SC', 'Microsoft YaHei', 'Noto Sans SC', Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4 {
  color: var(--bg-text-primary);
  letter-spacing: -0.015em;
  font-weight: 800;
}
/* bitget 层把所有 span/div 压成 14px, 导致标题内 <span data-i18n> 缩成小字 —
   标题与 Banner 文案的子级一律继承父级字号 */
h1 > span, h2 > span, h3 > span, h4 > span,
.jdex-hero-title span, .jdex-hero-slogan span, .jdex-hero-subtitle span,
.home-banner-title span, .home-banner-sub span,
.home-entry-title span, .jdex-section-title span,
.wc-section-title span, .market-header h1 span {
  font-size: inherit !important;
  font-weight: inherit;
  line-height: inherit;
}

/* 数字全部用等宽数字 — 专业行情终端质感 */
.data-table td,
.data-table th,
.font-mono,
[class*="price"],
[class*="stat-value"],
[class*="amount"] {
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum' 1;
}

::selection { background: rgba(33, 84, 232, 0.16); }

/* 滚动条精细化 */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: rgba(92, 107, 135, 0.28); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgba(92, 107, 135, 0.45); }
::-webkit-scrollbar-track { background: transparent; }

/* ──────────────────────────────────────────────────────────────────────
 * 3. Navbar — 干净的白色系统栏 + 墨蓝品牌 + 下划线式激活态
 * ────────────────────────────────────────────────────────────────────── */
nav,
.navbar,
header.navbar,
nav.jdex-nav,
nav.glass-nav {
  background: rgba(255, 255, 255, 0.86) !important;
  backdrop-filter: saturate(160%) blur(16px);
  -webkit-backdrop-filter: saturate(160%) blur(16px);
  border-bottom: 1px solid var(--bg-border) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] nav,
html[data-theme="dark"] .navbar {
  background: rgba(10, 18, 38, 0.88) !important;
  border-bottom-color: var(--bg-border) !important;
}

/* 品牌 Logo: 恢复真实横版 Logo 图片 (覆盖 bitget 层的 CSS 艺术字 hack) */
.navbar .brand-logo img,
.brand-logo img.brand-logo-mark {
  display: inline-block !important;
}
.brand-logo::before,
.brand-logo::after,
.brand-logo > div > span:first-child::after,
.brand-logo > div.flex > span:first-child::after,
.brand-logo > div > span:last-child::after,
.brand-logo > div.flex > span:last-child::after {
  content: none !important;
  display: none !important;
}
.brand-logo { align-items: center !important; }
/* 明暗主题双 Logo 切换 (需覆盖上方 display:inline-block 的恢复规则) */
html:not([data-theme="dark"]) .brand-logo img.brand-img-dark { display: none !important; }
html[data-theme="dark"] .brand-logo img.brand-img-light { display: none !important; }
html[data-theme="dark"] .brand-logo img.brand-img-dark { display: inline-block !important; }
/* 原始 PNG 四周留白较大, 放大高度补偿视觉尺寸 (CSS !important 覆盖 inline style) */
.navbar .brand-logo.brand-logo-wide img {
  height: 44px !important;
  margin: -4px 0;
}

/* 导航链接: 去图标干扰, 墨蓝文字 + 底部指示条 (大平台常见形态) */
@media (min-width: 1024px) {
  .nav-desktop-grid { gap: 4px; }
  .nav-desktop-grid .nav-link i { display: none !important; }
  .nav-desktop-grid .nav-link {
    position: relative;
    padding: 8px 13px !important;
    font-size: 14px !important;
    font-weight: 600;
    border-radius: 8px;
  }
}
.nav-link {
  color: var(--bg-text-secondary) !important;
  background: transparent !important;
}
.nav-link:hover,
.navbar .nav-link:hover {
  color: var(--bg-text-primary) !important;
  background: var(--bg-surface-2) !important;
}
.nav-link.active,
.navbar .nav-link.active {
  color: var(--bg-primary) !important;
  background: var(--bg-primary-soft) !important;
  font-weight: 700;
}
/* 「我的」独立胶囊: 用主题令牌, 修复暗色模式下白块问题 */
.navbar .nav-link.nav-account {
  background: var(--bg-surface-2) !important;
  color: var(--bg-text-primary) !important;
}
.navbar .nav-link.nav-account:hover {
  background: var(--bg-surface-3) !important;
  color: var(--bg-primary) !important;
}
@media (min-width: 1024px) {
  .nav-desktop-grid .nav-link.active {
    background: transparent !important;
  }
  .nav-desktop-grid .nav-link.active::after {
    content: '';
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: -13px;
    height: 3px;
    border-radius: 2px 2px 0 0;
    background: var(--bg-primary);
  }
}

/* 钱包按钮: 从"悬浮圆形图标"升级为正式的连接钱包主按钮 */
#wallet-connect-btn,
.navbar-wallet-icon {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 16px !important;
  width: auto !important;
  border-radius: 10px !important;
  background: var(--bg-primary) !important;
  color: #fff !important;
  border: 0 !important;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 1px 2px rgba(21, 57, 166, 0.35) !important;
  transition: background 0.15s ease, box-shadow 0.15s ease;
  cursor: pointer;
}
#wallet-connect-btn:hover {
  background: var(--bg-primary-hover) !important;
  transform: none !important;
  box-shadow: 0 2px 6px rgba(21, 57, 166, 0.40) !important;
}
#wallet-connect-btn i { font-size: 13px !important; color: #fff !important; }
/* 文字从 sr-only 释放出来 (桌面端显示) */
#wallet-connect-btn #wallet-btn-text {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums;
}
/* 连接状态点: 移到按钮内部作为状态灯 */
.navbar-wallet-dot {
  position: static !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.45) !important;
  border: 0 !important;
  box-shadow: none !important;
  order: -1;
}
#wallet-connect-btn.connected,
#wallet-connect-btn[data-connected="true"] {
  background: var(--bg-surface) !important;
  color: var(--bg-text-primary) !important;
  border: 1px solid var(--bg-border) !important;
  box-shadow: var(--bg-shadow-sm) !important;
}
#wallet-connect-btn.connected i,
#wallet-connect-btn[data-connected="true"] i { color: var(--bg-primary) !important; }
#wallet-connect-btn.connected .navbar-wallet-dot,
#wallet-connect-btn[data-connected="true"] .navbar-wallet-dot {
  background: var(--bg-success) !important;
  box-shadow: 0 0 0 3px var(--bg-success-soft) !important;
}
/* 移动端: 收窄为紧凑按钮, 仅图标+状态灯 */
@media (max-width: 767px) {
  #wallet-connect-btn { height: 34px; padding: 0 12px !important; }
  #wallet-connect-btn #wallet-btn-text { display: none !important; }
}

/* 移动端菜单按钮 */
#mobile-menu-btn {
  background: transparent !important;
  border: 1px solid var(--bg-border) !important;
  color: var(--bg-text-primary) !important;
  border-radius: 10px !important;
  width: 38px;
  height: 38px;
}

/* 移动端抽屉菜单 — 白底干净分组
   注: bitget 层 §R8.2 的 `.navbar > div { height:60px !important }` 会把抽屉压成 60px
   导致内容溢出到页面上, 此处强制恢复自适应高度 + 可滚动 */
#mobile-menu,
.navbar > div#mobile-menu {
  height: auto !important;
  min-height: 0 !important;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
  background: var(--bg-surface) !important;
  border-top: 1px solid var(--bg-border) !important;
  box-shadow: var(--bg-shadow-lg);
}
#mobile-menu.hidden { display: none !important; }
#mobile-menu .nav-link {
  background: transparent !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 11px 12px !important;
  color: var(--bg-text-primary) !important;
  font-weight: 600;
}
#mobile-menu .nav-link:hover { background: var(--bg-surface-2) !important; }
#mobile-menu .nav-link.active {
  background: var(--bg-primary-soft) !important;
  color: var(--bg-primary) !important;
}
#mobile-menu .nav-link i { color: var(--bg-text-tertiary) !important; }
#mobile-menu .nav-link.active i { color: var(--bg-primary) !important; }
/* 分组标题统一为中性小字 */
#mobile-menu .text-cyan-400\/80,
#mobile-menu .text-blue-400\/80,
#mobile-menu [class*="text-cyan-400"],
#mobile-menu [class*="text-blue-400"] {
  color: var(--bg-text-tertiary) !important;
}
/* 核心工具高亮块: 中性浅底描边卡 + 品牌蓝图标 */
#mobile-menu .mobile-menu-core-item {
  background: var(--bg-surface-2) !important;
  border: 1px solid var(--bg-border) !important;
  border-radius: 10px !important;
  padding: 11px 12px !important;
}
#mobile-menu .mobile-menu-core-item i { color: var(--bg-primary) !important; }
#mobile-menu a .text-cyan-300,
#mobile-menu a i.text-cyan-300 { color: var(--bg-primary) !important; }
#mobile-menu a .text-gray-100 { color: var(--bg-text-primary) !important; }

/* ──────────────────────────────────────────────────────────────────────
 * 4. 按钮系统 — 权威蓝实心 / 精细描边 / 无弹跳
 * ────────────────────────────────────────────────────────────────────── */
.btn, button.btn {
  border-radius: 10px;
  font-weight: 600;
}
.btn-primary,
.btn.btn-primary,
button.btn-primary,
.jdex-btn-primary,
.jdex-btn.jdex-btn-primary,
.jdex-hero-cta-primary,
.swap-primary-btn,
.vf-btn-primary,
.vf-btn,
.bg-btn-primary {
  background: var(--bg-primary) !important;
  color: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 2px rgba(21, 57, 166, 0.30) !important;
}
.btn-primary:hover,
.btn.btn-primary:hover,
.jdex-btn-primary:hover,
.jdex-hero-cta-primary:hover,
.swap-primary-btn:hover,
.vf-btn-primary:hover,
.vf-btn:hover,
.bg-btn-primary:hover {
  background: var(--bg-primary-hover) !important;
  transform: none !important;
  box-shadow: 0 2px 8px rgba(21, 57, 166, 0.35) !important;
}
.btn-primary:active { background: var(--bg-primary-active) !important; }

.btn-secondary,
.jdex-btn-secondary,
.vf-btn-secondary,
.bg-btn-secondary {
  background: var(--bg-surface) !important;
  color: var(--bg-primary) !important;
  border: 1px solid rgba(33, 84, 232, 0.40) !important;
  border-radius: 10px !important;
}
.btn-secondary:hover,
.jdex-btn-secondary:hover {
  background: var(--jg-blue-50) !important;
  border-color: var(--bg-primary) !important;
}

.hero-search-go {
  background: var(--bg-primary) !important;
  border-radius: 0 !important;
}
.hero-search-go:hover { background: var(--bg-primary-hover) !important; }

/* ──────────────────────────────────────────────────────────────────────
 * 5. 卡片 — 白底 14px 圆角 + 1px 精细描边 + 极轻阴影
 * ────────────────────────────────────────────────────────────────────── */
.card,
.bg-card,
.jdex-feature-card,
.jdex-trust-card,
.swap-card,
.swap-side-card,
.market-cta-card,
.jg-card {
  background: var(--bg-surface) !important;
  border: 1px solid var(--bg-border) !important;
  border-radius: var(--bg-radius-md) !important;
  box-shadow: var(--bg-shadow-card) !important;
}
.jdex-feature-card:hover,
.market-cta-card:hover {
  transform: translateY(-1px);
  box-shadow: var(--bg-shadow-md) !important;
  border-color: rgba(33, 84, 232, 0.35) !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 6. 输入框 / 搜索
 * ────────────────────────────────────────────────────────────────────── */
input:focus, textarea:focus, select:focus,
.swap-amount-input:focus {
  border-color: var(--bg-primary) !important;
  box-shadow: 0 0 0 3px rgba(33, 84, 232, 0.12) !important;
}
.hero-search {
  border-radius: 12px !important;
  border: 1px solid var(--bg-border) !important;
  box-shadow: var(--bg-shadow-sm) !important;
}
.hero-search:focus-within {
  border-color: var(--bg-primary) !important;
  box-shadow: 0 0 0 3px rgba(33, 84, 232, 0.12), var(--bg-shadow-sm) !important;
}
.hero-search-icon { color: var(--bg-text-tertiary) !important; }

/* ──────────────────────────────────────────────────────────────────────
 * 7. Chips / Tabs / Pills — 中性底 + 激活态权威蓝
 * ────────────────────────────────────────────────────────────────────── */
.chain-tab, .tf-tab, .list-tab,
.market-chain-chip, .market-subtab,
.swap-chain-pill {
  border-radius: 8px !important;
  font-weight: 600;
}
.chain-tab.active, .tf-tab.active, .list-tab.active,
.chain-tab.bg-blue-500\/15, .tf-tab.bg-blue-500\/15, .list-tab.bg-blue-500\/15 {
  background: var(--jp-ink) !important;
  color: #fff !important;
}
.swap-chain-pill.active {
  background: var(--bg-primary) !important;
  border-color: var(--bg-primary) !important;
}
.home-filter-inner {
  background: var(--bg-surface) !important;
  border: 1px solid var(--bg-border) !important;
  border-radius: 10px !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 8. 表格 — 行情终端级: 表头小号大写字距 + 行 hover + 等宽数字
 * ────────────────────────────────────────────────────────────────────── */
.data-table thead th {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--bg-text-tertiary) !important;
  background: var(--bg-surface) !important;
  border-bottom: 1px solid var(--bg-border) !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.data-table tbody td {
  border-bottom: 1px solid var(--bg-border-soft) !important;
  font-size: 13.5px;
}
.data-table tbody tr { transition: background 0.12s ease; }
.data-table tbody tr:hover { background: var(--bg-surface-2) !important; }
.data-table tbody tr:last-child td { border-bottom: 0 !important; }

/* 涨跌色收敛 */
.text-green-400, .text-green-500, .text-emerald-400 { color: var(--bg-success) !important; }
.text-red-400, .text-red-500 { color: var(--bg-danger) !important; }

/* ──────────────────────────────────────────────────────────────────────
 * 9. 首页 Banner — 统一深海军蓝制式 (不再五张五色), 高端克制
 * ────────────────────────────────────────────────────────────────────── */
.home-banner-wrap { position: relative; }
.home-banner-slide,
.home-banner-slide.bn-radar,
.home-banner-slide.bn-detect,
.home-banner-slide.bn-launch,
.home-banner-slide.bn-score,
.home-banner-slide.bn-wallet {
  background:
    radial-gradient(90% 160% at 88% -20%, rgba(56, 108, 255, 0.38) 0%, transparent 55%),
    radial-gradient(70% 130% at 8% 110%, rgba(20, 51, 127, 0.55) 0%, transparent 60%),
    linear-gradient(118deg, #060D24 0%, #0A1A44 52%, #10306F 100%) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(122, 154, 240, 0.16);
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 10px;
}
/* 第 4 张 (认证发射) 允许一点金色点缀作为 premium 记忆点 */
.home-banner-slide.bn-score {
  background:
    radial-gradient(80% 150% at 90% -10%, rgba(201, 169, 106, 0.20) 0%, transparent 50%),
    radial-gradient(70% 130% at 8% 110%, rgba(20, 51, 127, 0.55) 0%, transparent 60%),
    linear-gradient(118deg, #060D24 0%, #0A1A44 52%, #10306F 100%) !important;
}
.home-banner-badge {
  position: static !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #C9D7F8 !important;
  font-size: 11px !important;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  backdrop-filter: blur(4px);
}
.home-banner-title {
  position: static !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
  text-shadow: none !important;
  margin: 0 !important;
}
html .home-banner-wrap .home-banner-sub,
.home-banner-sub {
  position: static !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-weight: 400;
  margin: 0 !important;
  max-width: 560px;
  opacity: 1 !important;
}
.home-banner-cta {
  position: static !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #FFFFFF !important;
  color: var(--jp-ink) !important;
  font-weight: 700 !important;
  font-size: 13px;
  padding: 10px 20px !important;
  border-radius: 10px !important;
  margin-top: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.home-banner-slide:hover .home-banner-cta {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.30);
}
/* 背景特效收敛: 保留网格+光晕, 关掉光束/粒子/雷达等花哨元素 */
.home-banner-fx .bfx-beam,
.home-banner-fx .bfx-dot,
.home-banner-fx .bfx-ring,
.home-banner-fx .bfx-scan,
.home-banner-fx .bfx-radar,
.home-banner-fx .bfx-badge-fx { display: none !important; }
.home-banner-fx .bfx-grid { opacity: 0.5; }
.home-banner-dot { background: rgba(19, 30, 54, 0.18); }
.home-banner-dot.active { background: var(--bg-primary) !important; }
@media (max-width: 768px) {
  .home-banner-slide { height: auto !important; min-height: 208px; padding: 22px 20px !important; }
  .home-banner-title { font-size: 21px !important; line-height: 1.25 !important; }
  .home-banner-sub { font-size: 12.5px !important; line-height: 1.5; }
}

/* ──────────────────────────────────────────────────────────────────────
 * 10. 首页 平台信任条 (新增组件) — 大平台安全靠谱的关键触点
 * ────────────────────────────────────────────────────────────────────── */
.jp-trust-strip {
  max-width: var(--jg-container, 1440px);
  margin: 14px auto 0;
  padding: 0 16px;
}
@media (min-width: 768px) { .jp-trust-strip { padding: 0 24px; } }
@media (min-width: 1280px) { .jp-trust-strip { padding: 0 32px; } }
.jp-trust-strip-inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: var(--bg-border);
  border: 1px solid var(--bg-border);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: var(--bg-shadow-card);
}
@media (min-width: 900px) { .jp-trust-strip-inner { grid-template-columns: repeat(4, 1fr); } }
.jp-trust-item {
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--bg-surface);
  padding: 14px 18px;
}
.jp-trust-item i {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: var(--jg-blue-50);
  color: var(--bg-primary);
  font-size: 15px;
}
.jp-trust-item-name {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--bg-text-primary);
  line-height: 1.3;
}
a.jp-trust-item-name { text-decoration: none; color: inherit; }
.jp-trust-item-desc {
  font-size: 11.5px;
  color: var(--bg-text-tertiary);
  line-height: 1.4;
  margin-top: 2px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 480px) {
  .jp-trust-item { padding: 12px 14px; gap: 10px; }
  .jp-trust-item i { width: 32px; height: 32px; font-size: 13px; }
  .jp-trust-item-desc { display: none; }
}

/* ──────────────────────────────────────────────────────────────────────
 * 11. 首页 快捷入口 — 统一墨蓝图标系统 (替代彩虹色), 克制专业
 * ────────────────────────────────────────────────────────────────────── */
.home-entry-title {
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em;
  color: var(--bg-text-primary) !important;
}
.home-entry-card {
  background: var(--bg-surface) !important;
  border: 1px solid var(--bg-border) !important;
  border-radius: 14px !important;
  box-shadow: var(--bg-shadow-card) !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.home-entry-card:hover {
  border-color: rgba(33, 84, 232, 0.35) !important;
  box-shadow: var(--bg-shadow-md) !important;
  transform: translateY(-1px);
}
/* 图标统一: 浅权威蓝底 + 主蓝图标 (取消橙/绿/紫散色) */
.home-entry-icon,
.e-radar .home-entry-icon, .e-market .home-entry-icon, .e-detect .home-entry-icon,
.e-launch .home-entry-icon, .e-wallet .home-entry-icon, .e-whale .home-entry-icon,
.e-score .home-entry-icon, .e-liquidity .home-entry-icon,
.e-discover .home-entry-icon, .e-circle .home-entry-icon,
.e-partner .home-entry-icon, .e-ucard .home-entry-icon {
  background: var(--jg-blue-50) !important;
  color: var(--bg-primary) !important;
  border-radius: 12px !important;
}
html[data-theme="dark"] .home-entry-icon,
html[data-theme="dark"] .e-radar .home-entry-icon, html[data-theme="dark"] .e-market .home-entry-icon,
html[data-theme="dark"] .e-detect .home-entry-icon, html[data-theme="dark"] .e-launch .home-entry-icon,
html[data-theme="dark"] .e-wallet .home-entry-icon, html[data-theme="dark"] .e-whale .home-entry-icon,
html[data-theme="dark"] .e-score .home-entry-icon, html[data-theme="dark"] .e-liquidity .home-entry-icon,
html[data-theme="dark"] .e-discover .home-entry-icon, html[data-theme="dark"] .e-circle .home-entry-icon,
html[data-theme="dark"] .e-partner .home-entry-icon, html[data-theme="dark"] .e-ucard .home-entry-icon {
  background: var(--bg-primary-soft) !important;
  color: var(--bg-accent) !important;
}
.home-entry-name { color: var(--bg-text-primary) !important; font-weight: 700 !important; }
.home-entry-desc { color: var(--bg-text-tertiary) !important; }

/* 区块标题统一 */
.jdex-section-title {
  color: var(--bg-text-primary) !important;
  font-weight: 800 !important;
  letter-spacing: -0.015em;
}
.jdex-view-all { color: var(--bg-primary) !important; font-weight: 600; }
/* 移动端 Trending 摘要入口卡: 标题压回 15px (对齐 bitget §R11 设计意图,
   否则 clamp 24px 大标题在 358px 卡片内换行溢出) */
@media (max-width: 768px) {
  #trending-section .jdex-section-title { font-size: 15px !important; margin: 0 !important; }
  #trending-section .jdex-trending-header {
    background: var(--bg-surface) !important;
    border: 1px solid var(--bg-border) !important;
    border-radius: 14px !important;
    box-shadow: var(--bg-shadow-card) !important;
  }
  #trending-section .jdex-view-all {
    background: var(--jg-blue-50) !important;
    color: var(--bg-primary) !important;
    border-radius: 10px !important;
  }
}

/* ──────────────────────────────────────────────────────────────────────
 * 12. 移动端 Tabbar — 白底毛玻璃 + 权威蓝激活 + 墨蓝中心键
 * ────────────────────────────────────────────────────────────────────── */
.mobile-tabbar {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: saturate(160%) blur(18px);
  -webkit-backdrop-filter: saturate(160%) blur(18px);
  border-top: 1px solid var(--bg-border) !important;
  box-shadow: 0 -4px 20px rgba(10, 26, 60, 0.06) !important;
}
html[data-theme="dark"] .mobile-tabbar {
  background: rgba(10, 18, 38, 0.92) !important;
}
.mobile-tab {
  color: var(--bg-text-tertiary) !important;
  font-weight: 600;
}
.mobile-tab.active { color: var(--bg-primary) !important; }
.mobile-tab i { transition: transform 0.15s ease; }
.mobile-tab.active i { transform: translateY(-1px); }
/* 中心发射键: 墨蓝→权威蓝纵向渐变方圆键, 更稳重 */
.mobile-tabbar .mobile-tab-swap-btn {
  background: linear-gradient(160deg, #10306F 0%, #2154E8 100%) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 12px rgba(21, 57, 166, 0.35), 0 0 0 4px var(--bg-surface) !important;
}
.mobile-tabbar .mobile-tab-swap.active .mobile-tab-swap-btn {
  background: linear-gradient(160deg, #14337F 0%, #1A46C9 100%) !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 13. Footer — 深海军蓝大平台落款 (品牌信任面)
 * ────────────────────────────────────────────────────────────────────── */
footer.jp-footer {
  margin-top: 64px !important;
  border-top: 0 !important;
  background:
    radial-gradient(80% 120% at 90% -20%, rgba(33, 84, 232, 0.18) 0%, transparent 55%),
    linear-gradient(180deg, #081231 0%, #060D24 100%) !important;
  color: #93A3C2 !important;
}
/* 中和 bitget 层 [class*="footer"] 通配污染 (会给所有 jp-footer-* 子元素刷白底+描边) */
footer.jp-footer [class*="footer"] {
  background: transparent !important;
  border-top: 0 !important;
  color: inherit !important;
}
footer.jp-footer .jp-footer-divider {
  border-top: 1px solid rgba(122, 143, 189, 0.14) !important;
}
footer.jp-footer h4 {
  color: #E8EEFB !important;
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
}
footer.jp-footer a { color: #93A3C2 !important; }
footer.jp-footer a:hover { color: #FFFFFF !important; }
footer.jp-footer .jp-footer-brand-name { color: #FFFFFF; font-weight: 700; font-size: 14px; }
footer.jp-footer .jp-footer-brand-sub { color: #64749A; font-size: 12px; }
footer.jp-footer .jp-footer-tagline {
  color: #7C8CB0;
  font-size: 12.5px;
  line-height: 1.7;
  max-width: 380px;
  margin-top: 10px;
}
/* 安全承诺清单 */
.jp-footer-security li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12.5px;
  color: #93A3C2;
  line-height: 1.6;
}
.jp-footer-security li i {
  color: #3FA97C;
  font-size: 11px;
  margin-top: 4px;
  flex-shrink: 0;
}
footer.jp-footer .jp-footer-divider {
  border-top: 1px solid rgba(122, 143, 189, 0.14) !important;
}
footer.jp-footer .jp-footer-meta { color: #64749A; font-size: 11px; }
footer.jp-footer .jp-footer-copy { color: #7C8CB0; font-size: 12px; }
footer.jp-footer .dot-live {
  width: 7px; height: 7px; border-radius: 50%;
  background: #3FA97C;
  box-shadow: 0 0 0 3px rgba(63, 169, 124, 0.18);
}
/* 覆盖 Layout 内旧灰字工具类 */
footer.jp-footer .text-gray-500,
footer.jp-footer .text-gray-600,
footer.jp-footer .text-gray-700,
footer.jp-footer .text-gray-300 { color: inherit !important; }
footer.jp-footer .text-cyan-600 { color: #6E96F6 !important; }

/* ──────────────────────────────────────────────────────────────────────
 * 14. 品牌色残留清理 — 旧 #18AFFF 显式覆盖
 * ────────────────────────────────────────────────────────────────────── */
/* gradient 艺术字 → 全部收敛为墨蓝实色 (高端 = 少用渐变文字) */
.gradient-text,
html[data-page="account"] h1 .gradient-text,
html[data-page="account"] .gradient-text {
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--bg-text-primary) !important;
}
/* detect 页主色文本 */
.text-\[\#18AFFF\], [style*="#18AFFF"], [style*="#18afff"] { color: var(--bg-primary) !important; }

/* 亮青色链接/强调统一替换 */
a.text-cyan-400, .text-cyan-400, .text-cyan-500, .text-cyan-600 { color: var(--bg-primary) !important; }

/* dot-live 全局 */
.dot-live { background: var(--bg-success) !important; }

/* skeleton 骨架 */
.skeleton {
  background: linear-gradient(90deg, var(--bg-surface-2) 25%, var(--bg-surface-3) 50%, var(--bg-surface-2) 75%) !important;
  background-size: 200% 100% !important;
  border-radius: 8px;
}

/* ──────────────────────────────────────────────────────────────────────
 * 15. Swap 页 — 交易面板专业化
 * ────────────────────────────────────────────────────────────────────── */
.swap-card { border-radius: 16px !important; }
.swap-flip-btn {
  border: 1px solid var(--bg-border) !important;
  background: var(--bg-surface) !important;
  color: var(--bg-primary) !important;
  box-shadow: var(--bg-shadow) !important;
}
.swap-flip-btn:hover { border-color: var(--bg-primary) !important; }
/* swap 顶部 hero 区淡化处理 */
html[data-page="swap"] .jdex-hero-title,
html[data-page="swap"] h1 {
  font-family: inherit !important;
  font-style: normal !important;
  letter-spacing: -0.02em !important;
}

/* jdex-hero 标题艺术字 hack 全局回收 → 正体墨蓝 */
.jdex-hero-title {
  font-family: inherit !important;
  font-style: normal !important;
  font-weight: 800 !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--bg-text-primary) !important;
  letter-spacing: -0.02em !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 16. Detect / Account / Market 细节
 * ────────────────────────────────────────────────────────────────────── */
/* detect 按钮 (绿色 detect.start) → 收敛主蓝 */
#detect-btn,
.detect-start-btn,
button[class*="detect-start"] {
  background: var(--bg-primary) !important;
  border-color: var(--bg-primary) !important;
  color: #fff !important;
  box-shadow: 0 1px 2px rgba(21, 57, 166, 0.30) !important;
}
#detect-btn:hover { background: var(--bg-primary-hover) !important; }

/* market 页大标题 */
.market-header h1 {
  letter-spacing: -0.02em !important;
}

/* 风险徽章维持语义色, 但形态统一方胶囊 */
.jg-risk { border-radius: 6px; font-weight: 700; }

/* 空态图标 */
#market-empty i { color: var(--bg-text-tertiary); }

/* toast / modal 提升质感 */
.modal-content {
  border-radius: 16px !important;
  border: 1px solid var(--bg-border) !important;
  box-shadow: var(--bg-shadow-lg) !important;
  background: var(--bg-surface) !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 17. 页面锚点净化 — 移除旧霓虹/深紫残留
 * ────────────────────────────────────────────────────────────────────── */
.bg-deep-800\/80, .bg-deep-800\/60, .bg-deep-900\/95,
[class*="bg-deep-"] {
  background-color: var(--bg-surface) !important;
}
[class*="border-deep-"] { border-color: var(--bg-border) !important; }
.text-gray-100, .text-gray-200 { color: var(--bg-text-primary) !important; }
.text-gray-300 { color: var(--bg-text-secondary) !important; }
.text-gray-400, .placeholder\:text-gray-400::placeholder { color: var(--bg-text-tertiary) !important; }

/* 搜索结果下拉等浮层 */
.search-dropdown, .autocomplete-panel {
  background: var(--bg-surface) !important;
  border: 1px solid var(--bg-border) !important;
  border-radius: 12px !important;
  box-shadow: var(--bg-shadow-lg) !important;
}

/* 暗色工具类残留全局重映射 (pool/launch 等页面还在用旧暗色 Tailwind 工具类) */
[class*="bg-gray-900"], [class*="bg-gray-800"] {
  background-color: var(--bg-surface-2) !important;
  color: var(--bg-text-primary) !important;
}
[class*="border-gray-700"], [class*="border-gray-600"] {
  border-color: var(--bg-border) !important;
}
.text-gray-500 { color: var(--bg-text-tertiary) !important; }
/* 亮青操作色 → 权威蓝 */
.bg-cyan-500, .hover\:bg-cyan-600:hover {
  background-color: var(--bg-primary) !important;
}
.bg-cyan-500:hover { background-color: var(--bg-primary-hover) !important; }
.text-cyan-300, .hover\:text-cyan-300:hover { color: var(--bg-primary) !important; }
.bg-cyan-500\/20 { background-color: var(--bg-primary-soft) !important; }
/* 红色警示块: 浅底深字 (可读性优先) */
.text-red-200, .text-red-300, [class*="text-red-200"] { color: #9F1D22 !important; }
.bg-red-500\/10 { background-color: rgba(220, 61, 67, 0.06) !important; }
.border-red-500\/40 { border-color: rgba(220, 61, 67, 0.35) !important; }
/* emerald 徽章 */
.bg-emerald-500\/20 { background-color: var(--bg-success-soft) !important; }
.text-emerald-700 { color: var(--bg-success) !important; }

/* 页面主内容与 tabbar 底部安全区 */
@media (max-width: 1023px) {
  .page-root { padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 74px); }
}

/* ──────────────────────────────────────────────────────────────────────
 * 18. Detect 页 — 合约安全检测: 收敛绿色/紫色, 统一权威蓝安全语言
 * ────────────────────────────────────────────────────────────────────── */
/* 标题艺术渐变 → 墨蓝正体 */
.gradient-text-green,
html[data-page="detect"] .gradient-text-green {
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--bg-text-primary) !important;
}
/* 顶部徽章: 绿色胶囊 → 蓝色安全徽章 */
html[data-page="detect"] .detect-badge-pulse,
.detect-badge-pulse {
  background: var(--jg-blue-50) !important;
  border: 1px solid rgba(33, 84, 232, 0.25) !important;
  color: var(--bg-primary) !important;
  animation: none !important;
}
.detect-badge-pulse i { color: var(--bg-primary) !important; }
/* 指标数字: 绿/青/紫 → 统一墨蓝等宽数字 */
.detect-stat-pill {
  background: var(--bg-surface) !important;
  border: 1px solid var(--bg-border) !important;
  border-radius: 12px !important;
  box-shadow: var(--bg-shadow-card) !important;
}
html .detect-stat-pill .text-green-300,
html .detect-stat-pill .text-cyan-300,
html .detect-stat-pill .text-purple-300,
html[data-theme="light"] .detect-stat-pill .text-green-300,
html[data-theme="light"] .detect-stat-pill .text-cyan-300,
html[data-theme="light"] .detect-stat-pill .text-purple-300 {
  color: var(--bg-text-primary) !important;
}
/* 检测按钮: 绿色呼吸灯 → 权威蓝稳态按钮 (专业感 = 无闪烁) */
#detect-btn.detect-btn-glow,
.detect-btn-glow {
  background: var(--bg-primary) !important;
  color: #fff !important;
  animation: none !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 2px rgba(21, 57, 166, 0.30) !important;
}
#detect-btn.detect-btn-glow:hover,
.detect-btn-glow:hover {
  background: var(--bg-primary-hover) !important;
  box-shadow: 0 2px 8px rgba(21, 57, 166, 0.35) !important;
}
/* hero 光晕淡化为冷蓝 */
.detect-hero-glow {
  background: radial-gradient(60% 60% at 50% 30%, rgba(33, 84, 232, 0.10) 0%, transparent 70%) !important;
  filter: none !important;
}
.detect-hero {
  background: transparent !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 19. Account 页 — 钱包总览卡: 亮青渐变 → 深海军蓝资产卡 (私行质感)
 * ────────────────────────────────────────────────────────────────────── */
.wc-overview {
  background:
    radial-gradient(90% 160% at 88% -20%, rgba(56, 108, 255, 0.35) 0%, transparent 55%),
    linear-gradient(118deg, #060D24 0%, #0A1A44 52%, #10306F 100%) !important;
  border: 1px solid rgba(122, 154, 240, 0.16) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(7, 18, 48, 0.28) !important;
}
.wc-overview-icon {
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px !important;
}
.wc-btn-connect {
  background: #FFFFFF !important;
  color: var(--jp-ink) !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
}
/* 快捷操作图标统一权威蓝系 */
.wc-quick-icon,
.q-assets .wc-quick-icon, .q-history .wc-quick-icon, .q-approve .wc-quick-icon,
.q-score .wc-quick-icon, .q-risk .wc-quick-icon, .q-gas .wc-quick-icon {
  background: var(--jg-blue-50) !important;
  color: var(--bg-primary) !important;
}
.wc-quick-item {
  border-radius: 14px !important;
  border: 1px solid var(--bg-border) !important;
  box-shadow: var(--bg-shadow-card) !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 20. Swap 页 — 交易台专业化
 * ────────────────────────────────────────────────────────────────────── */
/* hero 收紧 + 文案层级 */
html[data-page="swap"] .jdex-hero {
  padding: 44px 16px 8px !important;
  background: transparent !important;
}
html[data-page="swap"] .jdex-hero-title { font-size: clamp(26px, 3vw, 38px) !important; }
.jdex-hero-slogan { color: var(--bg-text-secondary) !important; font-weight: 500; }
.jdex-hero-subtitle { color: var(--bg-text-tertiary) !important; }
/* hero 装饰圆环收敛为冷蓝 */
.jdex-hero::before {
  background: radial-gradient(circle at center, rgba(33, 84, 232, 0.06), transparent 70%) !important;
}
.jdex-hero::after {
  background: radial-gradient(circle at center, rgba(33, 84, 232, 0.05), transparent 70%) !important;
}
/* 翻转按钮图标确保可见 */
.swap-flip-btn i,
.swap-flip-btn svg { color: var(--bg-primary) !important; font-size: 14px; }
.swap-flip-btn svg { width: 18px; height: 18px; display: block; }

/* ──────────────────────────────────────────────────────────────────────
 * 21. Market / 首页表格 行内操作按钮 — 主次分明
 * ────────────────────────────────────────────────────────────────────── */
/* 交易 = 实心权威蓝 */
.market-action-btn.market-action-trade,
.market-action-trade {
  background: var(--bg-primary) !important;
  background-image: none !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-weight: 700;
  box-shadow: 0 1px 2px rgba(21, 57, 166, 0.25) !important;
}
.market-action-trade:hover { background: var(--bg-primary-hover) !important; }
/* 检测 = 描边次级 */
.market-action-btn.market-action-detect,
.market-action-detect {
  background: var(--bg-surface) !important;
  background-image: none !important;
  color: var(--bg-primary) !important;
  border: 1px solid rgba(33, 84, 232, 0.35) !important;
  border-radius: 8px !important;
  font-weight: 600;
}
.market-action-detect:hover {
  background: var(--jg-blue-50) !important;
  border-color: var(--bg-primary) !important;
}
/* 首页表格 quickBuy (btn-success) → 品牌蓝 */
.data-table .btn-success,
#market-tbody .btn-success {
  background: var(--bg-primary) !important;
  background-image: none !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 2px rgba(21, 57, 166, 0.25) !important;
}
.data-table .btn-success:hover,
#market-tbody .btn-success:hover { background: var(--bg-primary-hover) !important; }
/* market 搜索圆钮: 渐变圆形 → 方圆一致的品牌蓝 (含移动端高优先级版本) */
.market-search .search-button,
#market-search-btn.search-button,
html[data-page="market"] .market-search .search-button,
html[data-page="market"] #market-search-btn.search-button {
  background-color: var(--bg-primary) !important;
  background-image: none !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 2px rgba(21, 57, 166, 0.30) !important;
}
#market-search-btn.search-button:hover,
html[data-page="market"] #market-search-btn.search-button:hover {
  background-image: none !important;
  background-color: var(--bg-primary-hover) !important;
  transform: none !important;
}
/* 移动端行情卡片: 检测大按钮渐变 → 描边次级 (视觉主次: 整卡可点为主) */
.mkt-card {
  border-radius: 14px !important;
  border: 1px solid var(--bg-border) !important;
  box-shadow: var(--bg-shadow-card) !important;
}
.mkt-card-detect,
html[data-page="market"] .mkt-card-detect {
  background: var(--jg-blue-50) !important;
  color: var(--bg-primary) !important;
  border: 1px solid rgba(33, 84, 232, 0.30) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}
.mkt-card-icon {
  background: var(--jg-blue-50) !important;
  color: var(--bg-primary) !important;
  border-color: var(--bg-border) !important;
}

/* r159: lean trading terminal shell — no brochure cards */
.term-shell { padding: 12px 0 4px; }
.term-cmd { display: flex; flex-direction: column; gap: 10px; }
.term-search .hero-search {
  border: 1px solid var(--bg-border);
  border-radius: 10px;
  background: var(--bg-surface);
}
.term-search .hero-search-go {
  background: var(--bg-primary) !important;
  color: #fff !important;
  border: 0;
}
.term-cmd-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.term-cmd-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid var(--bg-border);
  background: var(--bg-surface);
  color: var(--bg-text-primary) !important;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}
.term-cmd-link:hover { border-color: var(--bg-primary); color: var(--bg-primary) !important; }
.term-risk {
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 1.45;
  color: var(--bg-text-secondary);
}
.market-term-links { margin: 16px 0 8px; }
.term-market-header { padding: 8px 0 12px !important; }
.term-market-header .market-title { font-size: 20px !important; font-weight: 700 !important; margin: 0 !important; }

.nav-more { position: relative; }
.nav-more > summary { list-style: none; cursor: pointer; }
.nav-more > summary::-webkit-details-marker { display: none; }
.nav-more-menu {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 168px;
  padding: 8px;
  border-radius: 10px;
  border: 1px solid var(--bg-border);
  background: var(--bg-surface);
  box-shadow: var(--bg-shadow-card, 0 8px 24px rgba(15, 23, 42, 0.12));
  z-index: 60;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.nav-more-menu .nav-link { justify-content: flex-start !important; width: 100%; }

footer.jp-footer-lean { margin-top: 24px; }
footer.jp-footer-lean .jp-footer-lean-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
}
footer.jp-footer-lean .jp-footer-lean-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #93A3C2 !important;
  font-size: 12px;
}
footer.jp-footer-lean .jp-footer-lean-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  font-size: 13px;
}
footer.jp-footer-lean .jp-footer-lean-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(147, 163, 194, 0.16);
  font-size: 11px;
}
footer.jp-footer-lean .term-risk { color: #93A3C2; }

/* Home market table: hide brochure-density columns; keep pair / price / 24h / liq / vol / trade */
.term-table .data-table { min-width: 0; width: 100%; }
.term-table thead th:nth-child(4),
.term-table tbody td:nth-child(4),
.term-table thead th:nth-child(5),
.term-table tbody td:nth-child(5),
.term-table thead th:nth-child(8),
.term-table tbody td:nth-child(8),
.term-table thead th:nth-child(9),
.term-table tbody td:nth-child(9),
.term-table thead th:nth-child(11),
.term-table tbody td:nth-child(11),
.term-table thead th:nth-child(12),
.term-table tbody td:nth-child(12) { display: none; }
@media (max-width: 720px) {
  .term-table thead th:nth-child(1),
  .term-table tbody td:nth-child(1),
  .term-table thead th:nth-child(7),
  .term-table tbody td:nth-child(7),
  .term-table thead th:nth-child(10),
  .term-table tbody td:nth-child(10) { display: none; }
}