/* ════════════════════════════════════════════════════════════════════════
 * Jiguang Trust App · Bitget Light 视觉系统 (vFinal-Complete)
 * 日期: 2026-05-28
 *
 * 设计基准: Bitget Wallet 移动端 (浅色 / 大气 / 留白 / 大圆角 / 字体 14px)
 * 主色: #18AFFF (纯色, 无渐变)
 *
 * 引入顺序: main.css → bitget-light.css (最后, 覆盖一切)
 *
 * 强制规则:
 *  1. 默认浅色, html[data-theme="dark"] 才是深色
 *  2. 所有按钮/Logo/导航 = #18AFFF 纯色
 *  3. 卡片白底 + 16-20px 圆角 + 柔和阴影
 *  4. 字体基础 14px
 *  5. 主容器 max-width: 1440px
 * ════════════════════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────────────────────────────
 * 1. CSS 变量 — Bitget Light Design Tokens
 * ────────────────────────────────────────────────────────────────────── */
:root {
  /* 主品牌色 */
  --bg-primary: #18AFFF;
  --bg-primary-hover: #0E9CE9;
  --bg-primary-active: #0987CC;
  --bg-primary-soft: rgba(24, 175, 255, 0.10);
  --bg-primary-soft-2: rgba(24, 175, 255, 0.16);

  /* 辅助色 */
  --bg-accent: #6FD3FF;
  --bg-accent-2: #22D3EE;
  --bg-accent-mint: #D4F7E7;  /* Bitget 截图中的薄荷绿胶囊底 */

  /* 中性色 — 浅色模式 */
  --bg-bg: #F8FAFC;
  --bg-surface: #FFFFFF;
  --bg-surface-2: #F1F5F9;        /* 输入框/次卡片 */
  --bg-surface-3: #E2E8F0;        /* 三级背景 */
  --bg-text-primary: #0F172A;
  --bg-text-secondary: #64748B;
  --bg-text-tertiary: #94A3B8;
  --bg-border: #E2E8F0;
  --bg-border-soft: #F1F5F9;
  --bg-divider: rgba(148, 163, 184, 0.18);

  /* 语义色 */
  --bg-success: #10B981;
  --bg-success-soft: rgba(16, 185, 129, 0.12);
  --bg-danger: #EF4444;
  --bg-danger-soft: rgba(239, 68, 68, 0.12);
  --bg-warning: #F59E0B;
  --bg-warning-soft: rgba(245, 158, 11, 0.12);

  /* 阴影 */
  --bg-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
  --bg-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
  --bg-shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08);
  --bg-shadow-lg: 0 8px 32px rgba(15, 23, 42, 0.10);
  --bg-shadow-card: 0 2px 12px rgba(15, 23, 42, 0.05);

  /* 圆角 */
  --bg-radius-sm: 8px;
  --bg-radius: 12px;
  --bg-radius-md: 16px;
  --bg-radius-lg: 20px;
  --bg-radius-pill: 9999px;

  /* 间距 */
  --bg-space-xs: 4px;
  --bg-space-sm: 8px;
  --bg-space: 12px;
  --bg-space-md: 16px;
  --bg-space-lg: 24px;
  --bg-space-xl: 32px;

  /* 容器 */
  --bg-container-max: 1440px;

  /* 字体 */
  --bg-font-base: 14px;
  --bg-font-sm: 12px;
  --bg-font-md: 16px;
  --bg-font-lg: 20px;
  --bg-font-xl: 28px;
  --bg-font-2xl: 36px;
  --bg-font-hero: clamp(32px, 5vw, 56px);
}

/* 深色模式备用 (用户主动切换) */
html[data-theme="dark"] {
  --bg-bg: #0B1220;
  --bg-surface: #131A2B;
  --bg-surface-2: #1A2236;
  --bg-surface-3: #232C45;
  --bg-text-primary: #F1F5F9;
  --bg-text-secondary: #94A3B8;
  --bg-text-tertiary: #64748B;
  --bg-border: rgba(148, 163, 184, 0.18);
  --bg-border-soft: rgba(148, 163, 184, 0.10);
  --bg-divider: rgba(148, 163, 184, 0.16);

  --bg-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  --bg-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.5);
  --bg-shadow-card: 0 2px 12px rgba(0, 0, 0, 0.4);
}

/* ──────────────────────────────────────────────────────────────────────
 * 2. 全局重置 — 覆盖 renderer body bg-deep-950
 * ────────────────────────────────────────────────────────────────────── */
html, body {
  background: var(--bg-bg) !important;
  color: var(--bg-text-primary) !important;
  font-size: var(--bg-font-base) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
               'Microsoft YaHei', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 关闭旧的深色海洋背景 (覆盖) */
.ocean-bg,
#ocean-bg {
  display: none !important;
}
.ocean-toggle {
  display: none !important;
}

/* page-content 容器 */
.page-content {
  background: var(--bg-bg);
  min-height: 100vh;
}

/* 默认链接 */
a {
  color: var(--bg-primary);
  text-decoration: none;
}
a:hover {
  color: var(--bg-primary-hover);
}

/* 文本颜色覆盖 Tailwind 旧深色类 */
.text-gray-100,
.text-gray-200,
.text-gray-300,
.text-white {
  color: var(--bg-text-primary) !important;
}
.text-gray-400,
.text-gray-500 {
  color: var(--bg-text-secondary) !important;
}
.text-gray-600 {
  color: var(--bg-text-tertiary) !important;
}

/* deep-* 背景类全部映射到浅色卡片 */
.bg-deep-950,
.bg-deep-900,
.bg-deep-800 {
  background-color: var(--bg-surface) !important;
}
.bg-deep-700,
.bg-deep-600 {
  background-color: var(--bg-surface-2) !important;
}
.bg-deep-800\/60,
.bg-deep-800\/80,
.bg-deep-800\/90,
.bg-deep-900\/95,
.bg-deep-900\/60 {
  background-color: var(--bg-surface) !important;
}
.border-deep-600,
.border-deep-600\/30,
.border-deep-600\/40,
.border-deep-600\/50,
.border-deep-600\/60 {
  border-color: var(--bg-border) !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 3. 容器 — max-width 1440 + 响应式 padding
 * ────────────────────────────────────────────────────────────────────── */
.vf-container,
.bg-container,
.page-content > .page-root {
  width: 100%;
}
.vf-container,
.bg-container {
  max-width: var(--bg-container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .vf-container, .bg-container { padding-left: 24px; padding-right: 24px; }
}
@media (min-width: 1280px) {
  .vf-container, .bg-container { padding-left: 32px; padding-right: 32px; }
}

/* ──────────────────────────────────────────────────────────────────────
 * 4. Navbar — 浅色 sticky header
 * ────────────────────────────────────────────────────────────────────── */
nav,
.navbar,
header.navbar,
nav.jdex-nav,
nav.glass-nav {
  position: sticky !important;
  top: 0;
  z-index: 50;
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: saturate(180%) blur(14px);
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  border-bottom: 1px solid var(--bg-border) !important;
  box-shadow: var(--bg-shadow-sm);
}

/* nav-link */
.nav-link {
  color: var(--bg-text-secondary) !important;
  border-radius: var(--bg-radius);
  padding: 8px 12px;
  font-weight: 600;
  transition: all 0.15s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.nav-link:hover {
  color: var(--bg-primary) !important;
  background: var(--bg-primary-soft);
}
.nav-link.active {
  color: var(--bg-primary) !important;
  background: var(--bg-primary-soft) !important;
}

/* Round 13: PC 顶部导航 11 项平铺密度收紧 (允许 13px / 紧凑 padding, 防止换行/拥挤) */
@media (min-width: 1024px) {
  .nav-desktop-grid { gap: 2px; }
  .nav-desktop-grid .nav-link {
    padding: 7px 9px;
    font-size: 13px;
    white-space: nowrap;
  }
  .nav-desktop-grid .nav-link i { font-size: 11px; }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .nav-desktop-grid .nav-link { padding: 6px 7px; font-size: 12.5px; gap: 4px; }
}

/* nav-chain-status / realtime badge */
.nav-chain-status {
  background: var(--bg-surface-2) !important;
  border: 1px solid var(--bg-border) !important;
  color: var(--bg-text-secondary) !important;
}
.realtime-badge {
  background: var(--bg-success-soft);
  color: var(--bg-success);
  border: 1px solid rgba(16, 185, 129, 0.25);
  padding: 4px 8px;
  border-radius: var(--bg-radius-pill);
  font-size: 11px;
  font-weight: 600;
}

/* Brand 文字 */
.brand-text-wordmark,
nav .text-base.font-extrabold {
  color: var(--bg-text-primary) !important;
}
nav .text-\[10px\].text-gray-500.tracking-wider {
  color: var(--bg-text-secondary) !important;
}

/* 主题切换按钮 */
.theme-toggle,
#theme-toggle-btn {
  background: var(--bg-surface-2) !important;
  border: 1px solid var(--bg-border) !important;
  color: var(--bg-text-primary) !important;
  border-radius: var(--bg-radius-pill);
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
}
.theme-toggle:hover {
  background: var(--bg-primary-soft) !important;
  color: var(--bg-primary) !important;
  border-color: var(--bg-primary) !important;
}
.theme-toggle .icon-sun { display: inline-block; }
.theme-toggle .icon-moon { display: none; }
html[data-theme="dark"] .theme-toggle .icon-sun { display: none; }
html[data-theme="dark"] .theme-toggle .icon-moon { display: inline-block; }

/* 钱包连接按钮 (主品牌色) */
#wallet-connect-btn {
  background: var(--bg-primary) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: var(--bg-radius-pill);
  padding: 8px 16px;
  font-weight: 700;
  transition: all 0.15s ease;
  box-shadow: 0 2px 8px rgba(24, 175, 255, 0.25);
}
#wallet-connect-btn:hover {
  background: var(--bg-primary-hover) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(24, 175, 255, 0.35);
}

/* mobile menu btn */
#mobile-menu-btn {
  background: var(--bg-surface-2) !important;
  border: 1px solid var(--bg-border) !important;
  color: var(--bg-text-primary) !important;
  border-radius: var(--bg-radius);
}

/* mobile menu drawer */
#mobile-menu {
  background: var(--bg-surface) !important;
  border-top: 1px solid var(--bg-border) !important;
}
#mobile-menu .nav-link {
  background: var(--bg-surface-2) !important;
  border: 1px solid var(--bg-border) !important;
}
#mobile-menu .nav-link.active {
  background: var(--bg-primary-soft) !important;
  border-color: var(--bg-primary) !important;
  color: var(--bg-primary) !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 5. 按钮系统 — 全站统一纯色 #18AFFF
 * ────────────────────────────────────────────────────────────────────── */
.btn,
button.btn {
  font-family: inherit;
  font-size: var(--bg-font-base);
  font-weight: 700;
  border-radius: var(--bg-radius);
  padding: 10px 18px;
  border: 0;
  cursor: pointer;
  transition: all 0.15s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.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;
  background-image: none !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 2px 8px rgba(24, 175, 255, 0.25);
}
.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: translateY(-1px);
  box-shadow: 0 4px 14px rgba(24, 175, 255, 0.35);
}
.btn-primary:active,
.jdex-btn-primary:active {
  background: var(--bg-primary-active) !important;
  transform: translateY(0);
}
.btn-primary:disabled,
.btn-primary[disabled] {
  background: var(--bg-surface-3) !important;
  color: var(--bg-text-tertiary) !important;
  cursor: not-allowed;
  box-shadow: none;
}

/* 辅助按钮 (描边) */
.btn-secondary,
.jdex-btn-secondary,
.jdex-btn.jdex-btn-secondary,
.vf-btn-secondary,
.bg-btn-secondary {
  background: var(--bg-surface) !important;
  background-image: none !important;
  color: var(--bg-primary) !important;
  border: 1px solid var(--bg-primary) !important;
}
.btn-secondary:hover,
.jdex-btn-secondary:hover,
.vf-btn-secondary:hover,
.bg-btn-secondary:hover {
  background: var(--bg-primary-soft) !important;
}

/* Ghost 按钮 */
.btn-ghost {
  background: transparent !important;
  color: var(--bg-text-secondary) !important;
  border: 0 !important;
}
.btn-ghost:hover {
  background: var(--bg-surface-2) !important;
  color: var(--bg-text-primary) !important;
}

/* 杀死所有渐变按钮 */
.swap-primary-btn,
.jdex-hero-cta-primary,
.jdex-feature-cta,
.swap-flip-btn:hover,
.swap-chain-pill.active,
.hero-search-go,
.bg-gradient-to-r,
.bg-gradient-to-br,
.bg-gradient-to-l,
.bg-gradient-to-tr,
.bg-gradient-to-tl,
.bg-gradient-to-b,
.bg-gradient-to-t {
  background-image: none !important;
}

.hero-search-go {
  background: var(--bg-primary) !important;
  color: #fff !important;
}
.hero-search-go:hover {
  background: var(--bg-primary-hover) !important;
}

.jdex-feature-cta {
  color: var(--bg-primary) !important;
  background: transparent !important;
}

/* swap-chain-pill */
.swap-chain-pill {
  background: var(--bg-surface-2) !important;
  border: 1px solid var(--bg-border) !important;
  color: var(--bg-text-primary) !important;
  border-radius: var(--bg-radius-pill);
}
.swap-chain-pill.active {
  background: var(--bg-primary) !important;
  color: #fff !important;
  border-color: var(--bg-primary) !important;
}
/* Round 13: 链选择按钮使用官方链 Logo, 替代单字母圆点 */
.swap-chain-pill .swap-chain-icon-img {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  object-fit: cover;
  background: #fff;
  flex-shrink: 0;
}
.swap-chain-pill.active .swap-chain-icon-img {
  box-shadow: 0 0 0 1.5px rgba(255,255,255,.55);
}

/* swap-flip-btn (中间翻转圆) */
.swap-flip-btn {
  background: var(--bg-surface) !important;
  border: 1px solid var(--bg-border) !important;
  color: var(--bg-text-primary) !important;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--bg-shadow);
}
.swap-flip-btn:hover {
  background: var(--bg-surface-2) !important;
  color: var(--bg-primary) !important;
  border-color: var(--bg-primary) !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 6. 卡片系统 — 白底 + 大圆角 + 柔和阴影
 * ────────────────────────────────────────────────────────────────────── */
.card,
.bg-card,
.jdex-feature-card,
.jdex-trust-card,
.swap-card,
.swap-side-card,
.market-cta-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;
  color: var(--bg-text-primary) !important;
  transition: all 0.2s ease;
}
.jdex-feature-card:hover,
.market-cta-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--bg-shadow-md) !important;
  border-color: rgba(24, 175, 255, 0.30) !important;
}

/* 二级卡片（输入框背景） */
.bg-surface-2,
.swap-pay-block,
.swap-amount-input {
  background: var(--bg-surface-2) !important;
  border: 1px solid var(--bg-border-soft) !important;
  border-radius: var(--bg-radius-md) !important;
  color: var(--bg-text-primary) !important;
}
.swap-amount-input:focus,
input:focus {
  border-color: var(--bg-primary) !important;
  outline: none;
  box-shadow: 0 0 0 3px var(--bg-primary-soft);
}

/* ──────────────────────────────────────────────────────────────────────
 * 7. Input / Select
 * ────────────────────────────────────────────────────────────────────── */
input[type="text"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="password"],
textarea,
select {
  background: var(--bg-surface) !important;
  border: 1px solid var(--bg-border) !important;
  color: var(--bg-text-primary) !important;
  border-radius: var(--bg-radius);
  padding: 10px 14px;
  font-size: var(--bg-font-base);
  font-family: inherit;
  transition: all 0.15s ease;
}
input::placeholder,
textarea::placeholder {
  color: var(--bg-text-tertiary) !important;
}
input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--bg-primary) !important;
  box-shadow: 0 0 0 3px var(--bg-primary-soft);
}

/* hero-search */
.hero-search {
  background: var(--bg-surface) !important;
  border: 1px solid var(--bg-border) !important;
  border-radius: var(--bg-radius-lg) !important;
  box-shadow: var(--bg-shadow-sm);
}
.hero-search:focus-within {
  border-color: var(--bg-primary) !important;
  box-shadow: 0 0 0 4px var(--bg-primary-soft), var(--bg-shadow);
}
.hero-search input {
  background: transparent !important;
  border: 0 !important;
  color: var(--bg-text-primary) !important;
  box-shadow: none !important;
}
.hero-search input:focus {
  box-shadow: none !important;
}
.hero-search-icon {
  color: var(--bg-primary) !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 8. Hero 区 — 浅色大气 (Bitget 风格)
 * ────────────────────────────────────────────────────────────────────── */
.jdex-hero {
  background: linear-gradient(180deg, #F0F9FF 0%, var(--bg-bg) 100%) !important;
  background-image: linear-gradient(180deg, #F0F9FF 0%, var(--bg-bg) 100%) !important;
  padding: 64px 16px 48px !important;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .jdex-hero { padding: 80px 32px 64px !important; }
}
@media (min-width: 1280px) {
  .jdex-hero { padding: 96px 48px 80px !important; }
}

/* 装饰圆环 — 留白大气感 */
.jdex-hero::before {
  content: "";
  position: absolute;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  background: radial-gradient(circle at center, rgba(24, 175, 255, 0.08), transparent 70%);
  top: -120px;
  right: -120px;
  pointer-events: none;
}
.jdex-hero::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: radial-gradient(circle at center, rgba(111, 211, 255, 0.10), transparent 70%);
  bottom: -100px;
  left: -100px;
  pointer-events: none;
}

.jdex-hero-inner {
  max-width: 1440px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 1;
}
.vf-hero-text {
  max-width: 760px;
  margin: 0 auto;
}
.jdex-hero-logo {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
.jdex-hero-logo img {
  height: 64px;
  width: auto;
  filter: none !important;
}
@media (min-width: 768px) {
  .jdex-hero-logo img { height: 80px; }
}

.jdex-hero-title {
  color: var(--bg-text-primary) !important;
  font-size: var(--bg-font-hero) !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 16px !important;
  line-height: 1.1 !important;
  background: none !important;
  background-image: none !important;
  -webkit-text-fill-color: var(--bg-text-primary) !important;
}
.jdex-hero-slogan {
  color: var(--bg-primary) !important;
  font-size: clamp(20px, 3vw, 28px) !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
  background: none !important;
  -webkit-text-fill-color: var(--bg-primary) !important;
}
.jdex-hero-slogan-en {
  color: var(--bg-text-secondary) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  margin-bottom: 18px !important;
  letter-spacing: 0.01em;
}
.jdex-hero-subtitle {
  color: var(--bg-text-secondary) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  max-width: 600px;
  margin: 0 auto 32px !important;
}
.jdex-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-bottom: 24px;
}
.jdex-btn {
  padding: 14px 28px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border-radius: var(--bg-radius-pill) !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.15s ease;
}
.jdex-hero-disclaimer {
  color: var(--bg-text-tertiary) !important;
  font-size: 12px !important;
  margin-top: 8px;
}

/* ──────────────────────────────────────────────────────────────────────
 * 9. Feature Cards (4 大卡片)
 * ────────────────────────────────────────────────────────────────────── */
.jdex-section {
  padding: 48px 16px !important;
  background: transparent !important;
}
@media (min-width: 768px) {
  .jdex-section { padding: 64px 32px !important; }
}

.jdex-section-title {
  color: var(--bg-text-primary) !important;
  font-size: clamp(22px, 3vw, 32px) !important;
  font-weight: 800 !important;
  text-align: center;
  margin-bottom: 8px !important;
  background: none !important;
  -webkit-text-fill-color: var(--bg-text-primary) !important;
}
.jdex-section-subtitle {
  color: var(--bg-text-secondary) !important;
  font-size: 14px !important;
  text-align: center;
  margin-bottom: 32px !important;
}

.jdex-feature-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  max-width: 1280px;
  margin: 0 auto;
}
@media (min-width: 640px) { .jdex-feature-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .jdex-feature-grid { grid-template-columns: repeat(4, 1fr); } }

.jdex-feature-card {
  padding: 28px 22px !important;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  background: var(--bg-surface) !important;
}
.jdex-feature-card .jdex-feature-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--bg-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  font-size: 22px;
  background: var(--bg-primary-soft) !important;
  color: var(--bg-primary) !important;
  background-image: none !important;
}
.jdex-feature-card[data-color="purple"] .jdex-feature-icon {
  background: rgba(139, 92, 246, 0.10) !important;
  color: #8B5CF6 !important;
}
.jdex-feature-card[data-color="cyan"] .jdex-feature-icon {
  background: rgba(34, 211, 238, 0.12) !important;
  color: #0891B2 !important;
}
.jdex-feature-card[data-color="pink"] .jdex-feature-icon {
  background: rgba(236, 72, 153, 0.10) !important;
  color: #DB2777 !important;
}
.jdex-feature-title {
  color: var(--bg-text-primary) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
}
.jdex-feature-desc {
  color: var(--bg-text-secondary) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  margin-bottom: 16px !important;
  flex: 1;
}
.jdex-feature-cta {
  color: var(--bg-primary) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* ──────────────────────────────────────────────────────────────────────
 * 10. Trust Section (4 列卖点)
 * ────────────────────────────────────────────────────────────────────── */
.jdex-trust-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  max-width: 1280px;
  margin: 0 auto;
}
@media (min-width: 640px) { .jdex-trust-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .jdex-trust-grid { grid-template-columns: repeat(4, 1fr); } }

.jdex-trust-card {
  padding: 24px 20px !important;
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.jdex-trust-icon {
  width: 42px;
  height: 42px;
  border-radius: var(--bg-radius);
  background: var(--bg-primary-soft) !important;
  color: var(--bg-primary) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}
.jdex-trust-title {
  color: var(--bg-text-primary) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  margin-bottom: 4px !important;
}
.jdex-trust-desc {
  color: var(--bg-text-secondary) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 11. Trending / Market 区 (首页表格)
 * ────────────────────────────────────────────────────────────────────── */
.jdex-trending-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.jdex-view-all {
  color: var(--bg-primary) !important;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.home-sticky-header {
  background: var(--bg-bg) !important;
  border: 0 !important;
}
.home-filter-bar > .home-filter-inner,
.home-filter-inner {
  background: var(--bg-surface) !important;
  border: 1px solid var(--bg-border) !important;
  border-radius: var(--bg-radius-pill) !important;
  padding: 4px !important;
}
.list-tab,
.chain-tab,
.tf-tab {
  background: transparent !important;
  color: var(--bg-text-secondary) !important;
  border-radius: var(--bg-radius-pill) !important;
  font-weight: 600 !important;
}
.list-tab.active,
.chain-tab.active,
.tf-tab.active {
  background: var(--bg-primary) !important;
  color: #fff !important;
}

/* 行情表 */
.data-table,
#market-table table,
.market-table {
  background: var(--bg-surface) !important;
  border: 0 !important;
  color: var(--bg-text-primary) !important;
  width: 100%;
  border-collapse: collapse;
}
.data-table thead,
.market-table thead {
  background: var(--bg-surface-2) !important;
}
.data-table thead th,
.market-table thead th {
  color: var(--bg-text-secondary) !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  padding: 12px !important;
  border-bottom: 1px solid var(--bg-border) !important;
  text-transform: none;
  letter-spacing: 0;
}
.data-table tbody tr,
.market-table tbody tr {
  background: var(--bg-surface) !important;
  border-bottom: 1px solid var(--bg-border-soft) !important;
  transition: background 0.1s ease;
}
.data-table tbody tr:hover,
.market-table tbody tr:hover {
  background: var(--bg-surface-2) !important;
}
.data-table tbody td,
.market-table tbody td {
  padding: 12px !important;
  color: var(--bg-text-primary) !important;
  font-size: 13px;
  border-color: var(--bg-border-soft) !important;
}

/* 行情卡片包装 */
#market-table.card {
  border-radius: var(--bg-radius-md) !important;
  overflow: hidden;
  background: var(--bg-surface) !important;
  border: 1px solid var(--bg-border) !important;
}

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

/* ──────────────────────────────────────────────────────────────────────
 * 12. /market 完整页 (vFinal)
 * ────────────────────────────────────────────────────────────────────── */
.market-page {
  background: var(--bg-bg);
}
.market-title {
  color: var(--bg-text-primary) !important;
  background: none !important;
  -webkit-text-fill-color: var(--bg-text-primary) !important;
}
.market-subtitle {
  color: var(--bg-text-secondary) !important;
}
.market-header-sticky {
  background: var(--bg-bg) !important;
  border-bottom: 1px solid var(--bg-border) !important;
  position: sticky;
  top: 64px;
  z-index: 40;
  padding: 12px 0;
  backdrop-filter: blur(10px);
}
.market-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
.market-search {
  flex: 1 1 280px;
  min-width: 240px;
  position: relative;
  background: var(--bg-surface) !important;
  border: 1px solid var(--bg-border) !important;
  border-radius: var(--bg-radius-pill) !important;
  display: flex;
  align-items: center;
  gap: 8px;
  /* §R11 右侧圆形搜索按钮: 左侧文字缩进, 右侧留按钮空间 */
  padding: 0 6px 0 16px;
  transition: all 0.15s ease;
}
.market-search:focus-within {
  border-color: var(--bg-primary) !important;
  box-shadow: 0 0 0 3px var(--bg-primary-soft);
}
.market-search input {
  order: 1;
  background: transparent !important;
  border: 0 !important;
  padding: 10px 0 !important;
  flex: 1;
  min-width: 0;
  outline: none;
  font-size: 14px;
  color: var(--bg-text-primary) !important;
  box-shadow: none !important;
}
.market-search input::placeholder { color: var(--bg-text-tertiary); }
.market-search input:focus { box-shadow: none !important; }
/* §R11 放大镜 -> 右侧圆形蓝色搜索按钮 (PC + 移动通用基础样式)
   注: 用 id+class 复合选择器提升优先级, 覆盖旧的 #market-search-btn 矩形按钮规则 */
.market-search .search-button,
#market-search-btn.search-button {
  order: 2 !important;
  width: 38px !important; height: 38px !important; border-radius: 50% !important;
  flex: 0 0 auto !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  background-color: transparent !important;
  background-image: linear-gradient(135deg, #18AFFF, #2E6BF0) !important;
  color: #FFFFFF !important; border: 0 !important; padding: 0 !important; cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(46,107,240,0.24) !important;
  transition: transform 0.12s ease !important;
}
.market-search .search-button i,
#market-search-btn.search-button i { color: #FFFFFF !important; font-size: 14px !important; }
#market-search-btn.search-button:hover { transform: translateY(-1px) !important; background-image: linear-gradient(135deg, #0F9FEF, #2456D8) !important; }
#market-search-btn.search-button:active { transform: scale(0.94) !important; }

.market-chain-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.market-chain-chip {
  background: var(--bg-surface) !important;
  border: 1px solid var(--bg-border) !important;
  color: var(--bg-text-secondary) !important;
  border-radius: var(--bg-radius-pill) !important;
  padding: 6px 12px !important;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: all 0.12s ease;
}
.market-chain-chip:hover {
  border-color: var(--bg-primary) !important;
  color: var(--bg-primary) !important;
}
.market-chain-chip.active {
  background: var(--bg-primary) !important;
  color: #fff !important;
  border-color: var(--bg-primary) !important;
}
.market-chain-icon {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.market-demo-banner {
  background: var(--bg-warning-soft) !important;
  border: 1px solid rgba(245, 158, 11, 0.25) !important;
  color: #92400E !important;
  padding: 10px 14px !important;
  border-radius: var(--bg-radius) !important;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0;
}
.market-table-wrap {
  background: var(--bg-surface) !important;
  border: 1px solid var(--bg-border) !important;
  border-radius: var(--bg-radius-md) !important;
  overflow: hidden;
  margin-top: 12px;
}
.market-token-cell {
  display: flex;
  align-items: center;
  gap: 10px;
}
.market-token-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--bg-primary-soft);
  color: var(--bg-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 12px;
  flex-shrink: 0;
}
.market-token-sym {
  color: var(--bg-text-primary);
  font-weight: 700;
  font-size: 14px;
}
.market-num-up { color: var(--bg-success) !important; font-weight: 600; }
.market-num-down { color: var(--bg-danger) !important; font-weight: 600; }
.market-risk-tag {
  display: inline-block;
  padding: 3px 9px;
  border-radius: var(--bg-radius-pill);
  font-size: 11px;
  font-weight: 700;
}
.market-risk-tag.low {
  background: var(--bg-success-soft);
  color: var(--bg-success);
}
.market-risk-tag.medium {
  background: var(--bg-warning-soft);
  color: #B45309;
}
.market-risk-tag.high {
  background: var(--bg-danger-soft);
  color: var(--bg-danger);
}
.market-empty {
  padding: 60px 20px;
  text-align: center;
  color: var(--bg-text-tertiary);
}
.market-empty i {
  font-size: 36px;
  opacity: 0.4;
  margin-bottom: 12px;
  display: block;
}

.market-cta-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 768px) {
  .market-cta-row { grid-template-columns: repeat(3, 1fr); }
}
.market-cta-card {
  padding: 24px 20px !important;
  text-decoration: none;
  display: block;
}
.market-cta-card-icon {
  width: 44px;
  height: 44px;
  border-radius: var(--bg-radius);
  background: var(--bg-primary-soft) !important;
  color: var(--bg-primary) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-bottom: 14px;
}
.market-cta-card-title {
  color: var(--bg-text-primary) !important;
  font-size: 15px !important;
  font-weight: 700;
  margin-bottom: 6px !important;
}
.market-cta-card-desc {
  color: var(--bg-text-secondary) !important;
  font-size: 13px;
  line-height: 1.6;
}
.market-cta-card-enter {
  color: var(--bg-primary) !important;
  font-weight: 700;
  font-size: 13px;
  margin-top: 12px;
  display: inline-block;
}

/* ──────────────────────────────────────────────────────────────────────
 * 13. /swap 跨链闪兑 — Bitget 风格重构
 * ────────────────────────────────────────────────────────────────────── */
.swap-card,
.swap-side-card {
  background: var(--bg-surface) !important;
  border: 1px solid var(--bg-border) !important;
  border-radius: var(--bg-radius-lg) !important;
  box-shadow: var(--bg-shadow-card) !important;
  padding: 20px !important;
}
.swap-card-title {
  color: var(--bg-text-primary) !important;
  font-weight: 700;
}
.swap-pay-block {
  background: var(--bg-surface-2) !important;
  border-radius: var(--bg-radius-md) !important;
  border: 1px solid var(--bg-border-soft) !important;
  padding: 18px !important;
  margin-bottom: 12px;
}
.swap-amount-input {
  background: transparent !important;
  border: 0 !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  padding: 0 !important;
  color: var(--bg-text-primary) !important;
  width: 100%;
  outline: none !important;
  box-shadow: none !important;
}
.swap-amount-input:focus {
  box-shadow: none !important;
}
.swap-amount-input::placeholder {
  color: var(--bg-text-tertiary) !important;
}
.swap-quote-summary {
  background: var(--bg-surface-2) !important;
  border: 1px solid var(--bg-border-soft) !important;
  border-radius: var(--bg-radius) !important;
  padding: 12px !important;
  color: var(--bg-text-secondary) !important;
}
.swap-demo-notice {
  background: var(--bg-warning-soft) !important;
  border: 1px solid rgba(245, 158, 11, 0.25) !important;
  color: #92400E !important;
  border-radius: var(--bg-radius) !important;
}

/* swap modal */
.jdex-modal-content,
.swap-modal {
  background: var(--bg-surface) !important;
  color: var(--bg-text-primary) !important;
  border-radius: var(--bg-radius-lg) !important;
  border: 1px solid var(--bg-border) !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 14. MobileTabbar — 胶囊式 (Bitget 截图风格)
 * ────────────────────────────────────────────────────────────────────── */
.mobile-tabbar,
#mobile-tabbar,
.tabbar,
[class*="mobile-tabbar"] {
  background: var(--bg-surface) !important;
  border-top: 1px solid var(--bg-border) !important;
  box-shadow: 0 -2px 12px rgba(15, 23, 42, 0.05);
  padding: 8px 12px 14px !important;
}
.mobile-tabbar a,
.mobile-tabbar button,
.tabbar a {
  color: var(--bg-text-tertiary) !important;
  background: transparent !important;
  border-radius: var(--bg-radius);
  transition: all 0.15s ease;
}
.mobile-tabbar a.active,
.mobile-tabbar button.active,
.tabbar a.active {
  color: var(--bg-primary) !important;
  background: var(--bg-primary-soft) !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 15. Footer
 * ────────────────────────────────────────────────────────────────────── */
footer,
.footer,
[class*="footer"] {
  background: var(--bg-surface) !important;
  border-top: 1px solid var(--bg-border) !important;
  color: var(--bg-text-secondary) !important;
}
footer a,
.footer a {
  color: var(--bg-text-secondary) !important;
}
footer a:hover,
.footer a:hover {
  color: var(--bg-primary) !important;
}
footer h3, footer h4, footer .font-bold {
  color: var(--bg-text-primary) !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 16. Detect 页
 * ────────────────────────────────────────────────────────────────────── */
.detect-hero {
  background: linear-gradient(180deg, #F0F9FF 0%, var(--bg-bg) 100%) !important;
  padding: 40px 16px !important;
}
.detect-input-wrap {
  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);
}

/* ──────────────────────────────────────────────────────────────────────
 * 17. 杂项: skeleton / loading / toasts / modals
 * ────────────────────────────────────────────────────────────────────── */
.skeleton {
  background: linear-gradient(90deg,
    var(--bg-surface-2) 0%,
    var(--bg-surface-3) 50%,
    var(--bg-surface-2) 100%) !important;
  background-size: 200% 100% !important;
  border-radius: var(--bg-radius-sm);
  animation: bg-skeleton 1.5s ease-in-out infinite;
}
@keyframes bg-skeleton {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* 风险横幅 (Footer 上方) */
.risk-banner,
[class*="risk-banner"] {
  background: var(--bg-warning-soft) !important;
  border-bottom: 1px solid rgba(245, 158, 11, 0.25) !important;
  color: #92400E !important;
}

/* Tab / Filter inline bars */
.home-filter-bar {
  background: transparent !important;
}

/* 链 marquee */
.chain-marquee,
[class*="chain-marquee"] {
  background: var(--bg-surface) !important;
  border-bottom: 1px solid var(--bg-border) !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 18. 字体大小全局收紧到 14px (Bitget 截图等效)
 * ────────────────────────────────────────────────────────────────────── */
body, p, span, div, a, button, input, td, th, li {
  font-size: var(--bg-font-base);
}
small, .text-xs, .text-\[11px\], .text-\[10px\] { font-size: 12px; }
h1 { font-size: clamp(24px, 3vw, 32px); }
h2 { font-size: clamp(20px, 2.5vw, 26px); }
h3 { font-size: clamp(16px, 2vw, 20px); }
h4 { font-size: 15px; }
h5 { font-size: 14px; }

/* 大字段保留(金额/Hero) */
.jdex-hero-title { font-size: var(--bg-font-hero) !important; }
.swap-amount-input { font-size: 28px !important; }

/* ──────────────────────────────────────────────────────────────────────
 * 19. 杀掉旧的紫色/青色玻璃效果残留 (覆盖 main.css)
 * ────────────────────────────────────────────────────────────────────── */
.glass,
.glass-nav,
.glass-card {
  background: var(--bg-surface) !important;
  border: 1px solid var(--bg-border) !important;
  backdrop-filter: none !important;
}

/* 旧的 jdex-hero-title gradient text 强制覆盖 */
.jdex-hero-title,
.jdex-hero-slogan,
.market-title,
.jdex-section-title,
[class*="gradient-text"] {
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 20. 响应式: 移动端关键调整
 * ────────────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  body { font-size: 13px; }
  .jdex-hero { padding: 40px 16px 32px !important; }
  .jdex-hero-logo img { height: 56px; }
  .jdex-feature-card { padding: 20px 16px !important; }
  .jdex-section { padding: 32px 12px !important; }
  .swap-amount-input { font-size: 24px !important; }
  .market-toolbar { flex-direction: column; align-items: stretch; }
  .market-chain-filter { overflow-x: auto; flex-wrap: nowrap; }
}

/* ──────────────────────────────────────────────────────────────────────
 * 21. Layout.tsx 硬编码 Tailwind 深色类 兼容补丁
 *     (Layout.tsx 中部分行内 className 还在用 bg-deep-900 / border-deep-600,
 *      统一在浅色层强制覆盖, 避免回到 Layout.tsx 改 JSX)
 * ────────────────────────────────────────────────────────────────────── */

/* PC 更多下拉浅色 */
#nav-more-dropdown {
  background: #FFFFFF !important;
  border: 1px solid var(--bg-border) !important;
  backdrop-filter: none !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08) !important;
  border-radius: 12px !important;
}
#nav-more-dropdown a {
  color: var(--bg-text-primary) !important;
}
#nav-more-dropdown a:hover {
  background: #F0F9FF !important;
  color: var(--bg-primary) !important;
}

/* 移动菜单浅色 */
#mobile-menu {
  background: #FFFFFF !important;
  border-top: 1px solid var(--bg-border) !important;
  backdrop-filter: none !important;
}
#mobile-menu .nav-link {
  color: var(--bg-text-primary) !important;
}
#mobile-menu .nav-link:hover,
#mobile-menu .nav-link.active {
  background: #F0F9FF !important;
  color: var(--bg-primary) !important;
}
/* 核心工具组高亮区改成浅色青底 */
#mobile-menu .nav-link[style*="rgba(34,211,238"] {
  background: #ECFEFF !important;
  border-color: #A5F3FC !important;
  color: var(--bg-text-primary) !important;
}
#mobile-menu .nav-link[style*="rgba(34,211,238"] i {
  color: var(--bg-primary) !important;
}
#mobile-menu .nav-link[style*="rgba(34,211,238"] span {
  color: var(--bg-text-primary) !important;
}
/* 分区标题颜色 */
#mobile-menu .text-cyan-400\/80,
#mobile-menu .text-gray-500 {
  color: var(--bg-text-secondary) !important;
}

/* nav-chain-status / realtime-badge 浅色 */
.nav-chain-status {
  background: #F0F9FF !important;
  border: 1px solid #BAE6FD !important;
  color: var(--bg-text-secondary) !important;
}
.nav-chain-status span {
  color: var(--bg-text-secondary) !important;
}
.realtime-badge {
  background: #ECFDF5 !important;
  border: 1px solid #A7F3D0 !important;
  color: var(--bg-success) !important;
}

/* BrandLogo 文字颜色 (Layout.tsx 用了 text-gray-500 在副标题) */
.brand-logo span:first-of-type {
  color: var(--bg-text-primary) !important;
}
.brand-logo span:last-of-type,
.brand-logo .text-gray-500 {
  color: var(--bg-text-secondary) !important;
}
.brand-logo {
  text-decoration: none !important;
}

/* Footer 全站底部浅色 (Layout 用了 border-deep-600/30 + text-gray-* 内联) */
footer {
  background: #FFFFFF !important;
  border-top: 1px solid var(--bg-border) !important;
  color: var(--bg-text-primary) !important;
}
footer .text-gray-500,
footer .text-gray-600,
footer .text-gray-400 {
  color: var(--bg-text-secondary) !important;
}
footer a {
  color: var(--bg-text-primary) !important;
}
footer a:hover {
  color: var(--bg-primary) !important;
}

/* RiskBanner 浅色 */
.risk-banner,
[class*="risk-banner"] {
  background: #FFF7ED !important;
  border-bottom: 1px solid #FED7AA !important;
  color: #9A3412 !important;
}

/* 通用 Tailwind 深色类批量兜底 (在浅色主题下若元素未被显式样式覆盖, 把背景拉回白) */
html[data-theme="light"] .bg-deep-950,
html[data-theme="light"] .bg-deep-900,
html[data-theme="light"] .bg-deep-800,
html[data-theme="light"] .bg-deep-700,
html[data-theme="light"] [class*="bg-deep-"] {
  background-color: #FFFFFF !important;
}
html[data-theme="light"] [class*="border-deep-"] {
  border-color: var(--bg-border) !important;
}
html[data-theme="light"] .text-gray-100,
html[data-theme="light"] .text-gray-200,
html[data-theme="light"] .text-gray-300 {
  color: var(--bg-text-primary) !important;
}
html[data-theme="light"] .text-gray-400,
html[data-theme="light"] .text-gray-500,
html[data-theme="light"] .text-gray-600 {
  color: var(--bg-text-secondary) !important;
}

/* 主题切换按钮浅色化 */
#theme-toggle-btn,
.theme-toggle {
  background: #F0F9FF !important;
  border: 1px solid #BAE6FD !important;
  color: var(--bg-primary) !important;
  border-radius: var(--bg-radius-pill) !important;
  width: 36px;
  height: 36px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#theme-toggle-btn:hover {
  background: #E0F2FE !important;
}
/* 浅色主题下显示太阳, 隐藏月亮 (深色反过来) */
html[data-theme="light"] #theme-toggle-btn .icon-moon,
html[data-theme="light"] .theme-toggle .icon-moon { display: none !important; }
html[data-theme="light"] #theme-toggle-btn .icon-sun,
html[data-theme="light"] .theme-toggle .icon-sun { display: inline-block !important; }
html[data-theme="dark"] #theme-toggle-btn .icon-sun,
html[data-theme="dark"] .theme-toggle .icon-sun { display: none !important; }
html[data-theme="dark"] #theme-toggle-btn .icon-moon,
html[data-theme="dark"] .theme-toggle .icon-moon { display: inline-block !important; }

/* mobile-menu-btn 浅色 */
#mobile-menu-btn {
  background: #F1F5F9 !important;
  border: 1px solid var(--bg-border) !important;
  color: var(--bg-text-primary) !important;
  border-radius: 10px !important;
}
#mobile-menu-btn:hover {
  background: #E2E8F0 !important;
}

/* 钱包连接按钮 #18AFFF */
#wallet-connect-btn,
#wallet-connect-btn.btn-primary {
  background: var(--bg-primary) !important;
  background-image: none !important;
  border: 0 !important;
  color: #FFFFFF !important;
  border-radius: var(--bg-radius-pill) !important;
  font-weight: 700 !important;
  padding: 8px 18px !important;
  box-shadow: 0 4px 12px rgba(24, 175, 255, 0.25) !important;
}
#wallet-connect-btn:hover {
  background: var(--bg-primary-hover) !important;
}

/* nav-link 浅色 */
.navbar .nav-link {
  color: var(--bg-text-secondary) !important;
  background: transparent !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  font-weight: 600 !important;
  font-size: 14px;
  transition: all .15s ease;
  text-decoration: none !important;
}
.navbar .nav-link:hover {
  background: #F0F9FF !important;
  color: var(--bg-primary) !important;
}
.navbar .nav-link.active {
  background: #18AFFF1A !important;
  color: var(--bg-primary) !important;
}
.navbar .nav-link.nav-account {
  background: #F1F5F9 !important;
  color: var(--bg-text-primary) !important;
}
.navbar .nav-link.nav-account:hover {
  background: #E2E8F0 !important;
  color: var(--bg-primary) !important;
}

/* lang-switcher mount 容器浅色 (内部组件 js 渲染, 这里只控制外壳) */
.lang-switcher-mount button,
.lang-switcher-mount [class*="dropdown"] {
  background: #F1F5F9 !important;
  border: 1px solid var(--bg-border) !important;
  color: var(--bg-text-primary) !important;
  border-radius: 10px !important;
}

/* page-content 移除最小高度限制下的深色填充 */
.page-content {
  background: transparent !important;
}

/* ══════════════════════════════════════════════════════════════════════
 * vFinal-Bitget Light v1.1 (2026-05-28) 高级感升级
 * 三大升级:
 *   ① Hero 科技感渐变 + 大圆光晕 + 文字微高亮 + 3 信任徽章 + 数据条
 *   ② Market 表格 56px 行高 + hover 放大 + 涨跌加粗 + 胶囊操作按钮
 *   ③ Search / Trade / Operation 按钮统一 #18AFFF, hover #0F93D2
 * ══════════════════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────────────────────────────
 * 22. Hero 区高级感升级 (替代 §8 的简单浅色 Hero)
 * ────────────────────────────────────────────────────────────────────── */

/* 主 Hero 容器: 极浅蓝渐变 + 右上巨型柔光圆 + 左下小辅助光 */
.jdex-hero,
.hero,
section.hero {
  background: linear-gradient(135deg, #F8FAFC 0%, #E6F6FF 100%) !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 72px 16px 56px !important;
}

/* 右上 600px 主光晕 */
.jdex-hero::before,
.hero::before {
  content: '' !important;
  position: absolute !important;
  top: -20% !important;
  right: -20% !important;
  width: 600px !important;
  height: 600px !important;
  background: radial-gradient(circle, rgba(24, 175, 255, 0.12) 0%, transparent 70%) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 左下辅助小光晕 + 网格线 (科技感) */
.jdex-hero::after,
.hero::after {
  content: '' !important;
  position: absolute !important;
  bottom: -30% !important;
  left: -10% !important;
  width: 420px !important;
  height: 420px !important;
  background: radial-gradient(circle, rgba(34, 211, 238, 0.08) 0%, transparent 70%) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* Hero 内部所有内容抬到光晕之上 */
.jdex-hero > *,
.hero > * {
  position: relative;
  z-index: 1;
}

/* Hero 主标题: 字号更大 + 微光晕文字阴影 (不要 webkit-gradient 渐变, 维持深色#0F172A) */
.jdex-hero-title,
.hero h1,
.hero-title {
  color: #0F172A !important;
  font-size: clamp(36px, 5.5vw, 60px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.1 !important;
  text-shadow: 0 2px 12px rgba(24, 175, 255, 0.10) !important;
  margin-bottom: 16px !important;
}

/* Hero 副标题 */
.jdex-hero-slogan,
.jdex-hero-subtitle,
.hero p {
  color: #475569 !important;
  font-size: clamp(15px, 1.8vw, 18px) !important;
  max-width: 720px !important;
  margin: 0 auto 32px !important;
  line-height: 1.6 !important;
}

/* Hero badge "10条链聚合交易" 高级感升级 */
.jdex-hero-badge,
.hero-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 16px !important;
  background: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(24, 175, 255, 0.25) !important;
  border-radius: 9999px !important;
  color: var(--bg-primary) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 12px rgba(24, 175, 255, 0.08) !important;
  margin-bottom: 24px !important;
}
.jdex-hero-badge::before,
.hero-badge::before {
  content: '' !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: var(--bg-success) !important;
  box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.15) !important;
  animation: jdex-pulse-dot 2s ease-in-out infinite !important;
}
@keyframes jdex-pulse-dot {
  0%, 100% { box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.15); }
  50% { box-shadow: 0 0 0 8px rgba(16, 185, 129, 0.05); }
}

/* ──────────────────────────────────────────────────────────────────────
 * 23. 信任徽章三件套 (.jdex-trust-badges)
 *     home.tsx 会插入 3 个 .jdex-trust-item
 * ────────────────────────────────────────────────────────────────────── */
.jdex-trust-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 12px !important;
  margin: 24px auto 0 !important;
  max-width: 720px !important;
}
.jdex-trust-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 18px !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 9999px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #0F172A !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  transition: all 0.2s ease !important;
}
.jdex-trust-item:hover {
  border-color: rgba(24, 175, 255, 0.35) !important;
  box-shadow: 0 4px 16px rgba(24, 175, 255, 0.12) !important;
  transform: translateY(-2px) !important;
}
.jdex-trust-item i,
.jdex-trust-item svg {
  color: var(--bg-primary) !important;
  font-size: 14px !important;
}
.jdex-trust-item .trust-num {
  color: var(--bg-primary) !important;
  font-weight: 800 !important;
  font-size: 14px !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 24. 数据条 (.jdex-stats-bar) - "10+ 主流公链 · 20+ 风险检测点 · 0 资产托管"
 * ────────────────────────────────────────────────────────────────────── */
.jdex-stats-bar {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  max-width: 960px !important;
  margin: 40px auto 0 !important;
  padding: 24px !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.04) !important;
}
.jdex-stats-bar .stat-item {
  text-align: center !important;
  padding: 0 8px !important;
  position: relative !important;
}
.jdex-stats-bar .stat-item:not(:last-child)::after {
  content: '' !important;
  position: absolute !important;
  right: 0 !important;
  top: 20% !important;
  bottom: 20% !important;
  width: 1px !important;
  background: #E2E8F0 !important;
}
.jdex-stats-bar .stat-num {
  display: block !important;
  font-size: clamp(22px, 3vw, 32px) !important;
  font-weight: 900 !important;
  color: var(--bg-primary) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
}
.jdex-stats-bar .stat-label {
  display: block !important;
  font-size: 12px !important;
  color: #64748B !important;
  margin-top: 6px !important;
  font-weight: 500 !important;
}
@media (max-width: 640px) {
  .jdex-stats-bar { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; padding: 16px !important; }
  .jdex-stats-bar .stat-item:nth-child(2)::after { display: none !important; }
}

/* ──────────────────────────────────────────────────────────────────────
 * 25. Market 表格大气化 (覆盖 §13)
 *     - 行高 56px, hover 浅蓝 + 轻微放大
 *     - 涨跌颜色加粗加深
 *     - 交易按钮胶囊形 #18AFFF
 * ────────────────────────────────────────────────────────────────────── */

/* 表格容器: 白底大圆角 + 阴影 */
.market-table-wrap,
#market-table-wrap,
.home-market-table-wrap {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.04) !important;
  overflow: hidden !important;
}

/* 表头浅色背景 + 阴影下分隔 */
.market-table thead,
#market-table thead,
table.market-table thead,
.home-market-table thead {
  background: #F8FAFC !important;
}
.market-table thead th,
#market-table thead th,
.home-market-table thead th {
  color: #64748B !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid #E2E8F0 !important;
  background: #F8FAFC !important;
  /* 修复: sticky 在 overflow:hidden 容器内导致表头错位到首行下方, 改为 static */
  position: static !important;
  z-index: 2 !important;
}

/* 行: 56px 高 + 平滑过渡 */
.market-table tbody tr,
#market-table tbody tr,
.home-market-table tbody tr {
  background: #FFFFFF !important;
  border-bottom: 1px solid #F1F5F9 !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}
.market-table tbody tr:hover,
#market-table tbody tr:hover,
.home-market-table tbody tr:hover {
  background: #F0F9FF !important;
  transform: scale(1.005) !important;
  box-shadow: 0 4px 16px rgba(24, 175, 255, 0.08) !important;
  z-index: 1 !important;
  position: relative !important;
}
.market-table tbody td,
#market-table tbody td,
.home-market-table tbody td {
  padding: 0 16px !important;
  height: 56px !important;
  color: #0F172A !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-bottom: 1px solid #F1F5F9 !important;
  vertical-align: middle !important;
}

/* 交易对名 + 代币图标: 更大更显眼 */
.market-table tbody .pair-cell,
.market-table tbody .token-cell,
.home-market-table tbody .pair-cell {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-weight: 700 !important;
  color: #0F172A !important;
}
.market-table tbody img.token-icon,
.home-market-table tbody img.token-icon,
.market-table tbody .token-cell img,
.home-market-table tbody .token-cell img {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #F1F5F9 !important;
  border: 1px solid #E2E8F0 !important;
}

/* 价格列: 数字字体 + 加粗 */
.market-table tbody .price-cell,
.market-table tbody td.price,
.home-market-table tbody .price-cell {
  font-variant-numeric: tabular-nums !important;
  font-weight: 700 !important;
  color: #0F172A !important;
}

/* 涨跌: 绿涨 #10B981 / 红跌 #EF4444 加粗 + 背景轻色块 */
.market-table tbody .change-up,
.market-table tbody .price-up,
.market-table tbody .up,
.home-market-table tbody .change-up,
.text-green-500.font-bold,
[class*="positive"].pct,
td.pct.up {
  color: #10B981 !important;
  font-weight: 800 !important;
  background: rgba(16, 185, 129, 0.08) !important;
  padding: 4px 10px !important;
  border-radius: 8px !important;
  display: inline-block !important;
  font-variant-numeric: tabular-nums !important;
}
.market-table tbody .change-down,
.market-table tbody .price-down,
.market-table tbody .down,
.home-market-table tbody .change-down,
.text-red-500.font-bold,
[class*="negative"].pct,
td.pct.down {
  color: #EF4444 !important;
  font-weight: 800 !important;
  background: rgba(239, 68, 68, 0.08) !important;
  padding: 4px 10px !important;
  border-radius: 8px !important;
  display: inline-block !important;
  font-variant-numeric: tabular-nums !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 26. Search / Trade / Operation 按钮统一品牌色 (#18AFFF / hover #0F93D2)
 * ────────────────────────────────────────────────────────────────────── */

/* 搜索按钮 - 所有变体 */
.search-btn,
.hero-search-go,
#hero-search-go,
button.search-btn,
.btn-search,
.search-submit,
.market-search-btn,
#market-search-btn {
  background-color: #18AFFF !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 9999px !important;
  font-weight: 700 !important;
  padding: 10px 22px !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
  box-shadow: 0 2px 8px rgba(24, 175, 255, 0.22) !important;
}
.search-btn:hover,
.hero-search-go:hover,
#hero-search-go:hover,
.btn-search:hover,
.search-submit:hover,
.market-search-btn:hover,
#market-search-btn:hover {
  background-color: #0F93D2 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 16px rgba(15, 147, 210, 0.32) !important;
}

/* 行情/交易表 交易按钮 - 全部胶囊形 #18AFFF */
.trade-btn,
.market-trade-btn,
.operation-btn,
.home-trade-btn,
button.trade-btn,
a.trade-btn,
.market-action-btn,
.market-table .action-btn,
.home-market-table .action-btn,
td.actions a,
td.actions button {
  background-color: #18AFFF !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 9999px !important;
  padding: 7px 18px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, transform 0.15s ease !important;
  box-shadow: 0 2px 6px rgba(24, 175, 255, 0.18) !important;
}
.trade-btn:hover,
.market-trade-btn:hover,
.operation-btn:hover,
.home-trade-btn:hover,
.market-action-btn:hover,
.market-table .action-btn:hover,
.home-market-table .action-btn:hover,
td.actions a:hover,
td.actions button:hover {
  background-color: #0F93D2 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(15, 147, 210, 0.32) !important;
}

/* "检测"按钮副品牌 (浅蓝边框版, 用于 Market 行检测) */
.detect-btn,
.market-detect-btn,
.home-detect-btn,
.market-action-btn.secondary {
  background-color: #FFFFFF !important;
  color: #18AFFF !important;
  border: 1px solid #BAE6FD !important;
  border-radius: 9999px !important;
  padding: 6px 16px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}
.detect-btn:hover,
.market-detect-btn:hover,
.home-detect-btn:hover,
.market-action-btn.secondary:hover {
  background-color: #F0F9FF !important;
  border-color: #18AFFF !important;
  color: #0F93D2 !important;
  transform: translateY(-1px) !important;
}

/* 主按钮 hover 全站统一深色 #0F93D2 (覆盖 --bg-primary-hover) */
:root { --bg-primary-hover: #0F93D2 !important; }
.btn-primary:hover,
.swap-primary-btn:hover,
.jdex-hero-cta-primary:hover,
.jdex-feature-cta:hover,
#wallet-connect-btn:hover {
  background-color: #0F93D2 !important;
  background-image: none !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 27. Header REAL-TIME 徽章高级感 + 玻璃化 sticky navbar
 * ────────────────────────────────────────────────────────────────────── */

.navbar {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.6) !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.02), 0 4px 24px rgba(15, 23, 42, 0.04) !important;
}

/* REAL-TIME 徽章高级化 */
.realtime-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 11px !important;
  background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%) !important;
  border: 1px solid #A7F3D0 !important;
  color: #047857 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  border-radius: 9999px !important;
  text-transform: uppercase !important;
}
.realtime-badge::before {
  content: '' !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #10B981 !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2) !important;
  animation: jdex-pulse-dot 1.6s ease-in-out infinite !important;
}

/* 链状态条 (10 链) 高级感 */
.nav-chain-status {
  background: linear-gradient(135deg, #F0F9FF 0%, #E0F2FE 100%) !important;
  border: 1px solid #BAE6FD !important;
}
.nav-chain-status .dot-live {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: var(--bg-primary) !important;
  box-shadow: 0 0 0 3px rgba(24, 175, 255, 0.2) !important;
  display: inline-block !important;
  animation: jdex-pulse-dot 1.6s ease-in-out infinite !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 28. Feature Cards 高级感升级 (Hero 下方 4 个特性卡)
 * ────────────────────────────────────────────────────────────────────── */
.jdex-feature-card,
.feature-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 20px !important;
  padding: 28px 24px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}
.jdex-feature-card::before,
.feature-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #18AFFF 0%, #6FD3FF 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}
.jdex-feature-card:hover,
.feature-card:hover {
  border-color: rgba(24, 175, 255, 0.3) !important;
  box-shadow: 0 12px 32px rgba(24, 175, 255, 0.12) !important;
  transform: translateY(-4px) !important;
}
.jdex-feature-card:hover::before,
.feature-card:hover::before {
  opacity: 1 !important;
}
.jdex-feature-card .icon-wrap,
.jdex-feature-card-icon,
.feature-card .icon-wrap {
  width: 56px !important;
  height: 56px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #E6F6FF 0%, #BAE6FD 100%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--bg-primary) !important;
  font-size: 24px !important;
  margin-bottom: 16px !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 29. Footer 安全认证条
 * ────────────────────────────────────────────────────────────────────── */
.jdex-security-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 20px 16px !important;
  margin: 24px auto 0 !important;
  max-width: 1200px !important;
  border-top: 1px solid #E2E8F0 !important;
  border-bottom: 1px solid #E2E8F0 !important;
}
.jdex-security-strip .sec-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 12px !important;
  color: #64748B !important;
  font-weight: 600 !important;
}
.jdex-security-strip .sec-item i {
  color: var(--bg-primary) !important;
  font-size: 16px !important;
}

/* ══════════════════════════════════════════════════════════════════════
 * vFinal v1.2 (2026-05-28) 移动端深度改造
 *   ① 杀绝所有绿色 (#10B981 / green / emerald → 蓝色)
 *   ② Logo 纯文字化 (倾斜艺术英文 + 锋刃 X)
 *   ③ Hero / 检测页 / 闪兑页 多余文案隐藏
 *   ④ /market 顶栏吸顶 + 去排名列 + 蓝色椭圆交易按钮
 *   ⑤ Tabbar 中心按钮闪电改蓝色
 *   ⑥ 仅首页保留 Features + Footer + RiskBanner, 其他页 footer 隐藏
 * ══════════════════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────────────────────────────
 * 30. 杀绝绿色 (全局)
 *     注: 上涨数据保留 #10B981 绿色 (金融语义), 其余 UI 一律改蓝
 * ────────────────────────────────────────────────────────────────────── */

/* Tabbar 中心按钮 (mobile-tab-swap-btn) 强制蓝色, 不再绿色 */
.mobile-tabbar .mobile-tab-swap-btn,
.mobile-tab-swap .mobile-tab-swap-btn,
.mobile-tab.mobile-tab-swap .mobile-tab-swap-btn {
  background: linear-gradient(135deg, #18AFFF 0%, #0F93D2 100%) !important;
  background-image: linear-gradient(135deg, #18AFFF 0%, #0F93D2 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 16px rgba(24, 175, 255, 0.4), 0 0 0 4px rgba(255, 255, 255, 1) !important;
  border: 0 !important;
}
.mobile-tabbar .mobile-tab-swap-btn i,
.mobile-tab-swap .mobile-tab-swap-btn i {
  color: #FFFFFF !important;
}
.mobile-tabbar .mobile-tab-swap.active .mobile-tab-swap-btn {
  background: linear-gradient(135deg, #0F93D2 0%, #18AFFF 100%) !important;
}

/* Hero badge 脉冲点 改蓝色 */
.jdex-hero-badge::before,
.hero-badge::before {
  background: var(--bg-primary) !important;
  box-shadow: 0 0 0 4px rgba(24, 175, 255, 0.15) !important;
}

/* REAL-TIME 徽章 改蓝色版本 */
.realtime-badge {
  background: linear-gradient(135deg, #E0F2FE 0%, #BAE6FD 100%) !important;
  border: 1px solid #7DD3FC !important;
  color: #0369A1 !important;
}
.realtime-badge::before {
  background: #18AFFF !important;
  box-shadow: 0 0 0 3px rgba(24, 175, 255, 0.25) !important;
}

/* Footer Live 标签 / 各处绿色徽章 → 蓝色 */
.text-green-500,
.text-green-400,
.text-emerald-500,
.text-emerald-400,
[class*="text-green"]:not(.market-table *):not(td):not(.pct):not(.up):not(.change-up):not(.price-up),
[class*="text-emerald"]:not(.market-table *) {
  color: var(--bg-primary) !important;
}
.bg-green-500,
.bg-emerald-500,
.bg-green-400,
.bg-emerald-400 {
  background-color: var(--bg-primary) !important;
}
.border-green-500,
.border-emerald-500,
.border-green-400,
.border-emerald-400 {
  border-color: var(--bg-primary) !important;
}

/* 检测页 "开始检测" / "detect.start" 按钮 改纯蓝 */
.detect-submit,
#detect-submit,
.detect-start-btn,
button[data-i18n*="detect.start"],
button[data-i18n*="detect.btn"],
.detect-btn-primary {
  background: var(--bg-primary) !important;
  background-image: none !important;
  background-color: var(--bg-primary) !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 9999px !important;
  font-weight: 700 !important;
}
.detect-submit:hover,
#detect-submit:hover {
  background-color: #0F93D2 !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 31. Logo 纯文字化 + 艺术倾斜字体 + 锋刃 X
 *     替代 Brand 组件中的 img+文字 双段视觉, 把图片隐藏只留艺术字
 * ────────────────────────────────────────────────────────────────────── */

/* 隐藏 Navbar 中 Brand 组件的 img (Logo 改为纯文字) */
.brand-logo img.brand-logo-mark,
.navbar .brand-logo img {
  display: none !important;
}

/* Brand Logo 整体: 把"Jiguang / JIGUANG TRUST APP"上下两行 → 单行艺术字 */
.brand-logo {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
/* 覆盖 Tailwind 的 .flex-col, 强制单行 row 排列 */
.brand-logo > div,
.brand-logo > div.flex,
.brand-logo > div.flex-col {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
  gap: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
/* 主字 "Jiguang" */
.brand-logo > div > span:first-child,
.brand-logo > div.flex > span:first-child {
  font-family: 'Georgia', 'Cambria', 'Times New Roman', serif !important;
  font-style: italic !important;
  font-weight: 900 !important;
  font-size: 22px !important;
  letter-spacing: -0.01em !important;
  background: linear-gradient(135deg, #6FD3FF 0%, #18AFFF 50%, #0F93D2 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  position: relative !important;
}
/* 副字 "JIGUANG TRUST APP" → 替换成锋刃 "X" (用 CSS 内容覆盖) */
.brand-logo > div > span:last-child,
.brand-logo > div.flex > span:last-child {
  display: inline-block !important;
  font-family: 'Bebas Neue', 'Anton', 'Arial Black', 'Helvetica', sans-serif !important;
  font-weight: 900 !important;
  font-style: italic !important;
  font-size: 28px !important;
  background: linear-gradient(135deg, #0F93D2 0%, #18AFFF 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  letter-spacing: -0.02em !important;
  text-transform: uppercase !important;
  margin-left: 4px !important;
  font-variant: normal !important;
  transform: skewX(-12deg) !important;
  transform-origin: bottom left !important;
  text-shadow: 0 2px 8px rgba(24, 175, 255, 0.2) !important;
  /* 把 "JIGUANG TRUST APP" 文本完全隐藏, 用 ::after 注入锋刃 X */
  font-size: 0 !important;
}
.brand-logo > div > span:last-child::after,
.brand-logo > div.flex > span:last-child::after {
  content: 'X' !important;
  display: inline-block !important;
  font-family: 'Bebas Neue', 'Anton', 'Impact', 'Arial Black', sans-serif !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  font-style: italic !important;
  background: linear-gradient(135deg, #0F93D2 0%, #18AFFF 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  letter-spacing: -0.02em !important;
  position: relative !important;
}
/* 主字 "Jiguang" 后追加 " DE" 来构成 "Jiguang Trust App" 视觉 */
.brand-logo > div > span:first-child::after,
.brand-logo > div.flex > span:first-child::after {
  content: ' DE' !important;
  font-family: 'Georgia', 'Cambria', serif !important;
  font-style: italic !important;
  font-weight: 900 !important;
  font-size: 22px !important;
  background: linear-gradient(135deg, #6FD3FF 0%, #18AFFF 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  letter-spacing: -0.01em !important;
}

/* Hero 区主 Logo 图片 → 也隐藏, 改为纯文字标题 */
.jdex-hero-logo {
  display: none !important;
}
.jdex-hero-logo img {
  display: none !important;
}

/* Hero 主标题(Jiguang Trust App) 升级为艺术字 */
.jdex-hero-title {
  font-family: 'Georgia', 'Cambria', serif !important;
  font-style: italic !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, #6FD3FF 0%, #18AFFF 40%, #0F93D2 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;
  display: inline-block !important;
  letter-spacing: -0.02em !important;
}
/* Hero 标题中的 "X" 替换成更锋刃版本 (通过把 "Jiguang Trust App" 拆开) */
.jdex-hero-title {
  position: relative;
}

/* ──────────────────────────────────────────────────────────────────────
 * 32. 首页 / 瘦身: 去掉 10 链滚动条 (ChainMarquee)
 * ────────────────────────────────────────────────────────────────────── */
.chain-marquee,
.chain-marquee-wrap,
.ChainMarquee,
[class*="chain-marquee"],
[class*="ChainMarquee"] {
  display: none !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 33. /market 行情页瘦身 + 吸顶 + 去排名列
 * ────────────────────────────────────────────────────────────────────── */

/* 行情页顶栏(搜索 + tabs + 链筛选)全部吸顶 */
html[data-page="market"] .market-toolbar,
body .market-toolbar,
.market-page-header,
.market-sticky-header,
#market-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-bottom: 1px solid #E2E8F0 !important;
  padding: 12px 16px !important;
}

/* /market 页 Hero / banner / 介绍文案 隐藏 */
html[data-page="market"] .jdex-section-subtitle,
html[data-page="market"] .market-demo-banner,
.market-banner,
.market-intro,
.market-hero,
.market-page-hero {
  display: none !important;
}

/* v1.2 patch2: 移动端隐藏 /market 页的大标题 "行情" 和副标题
   PC 端保留, 不影响桌面观感 */
@media (max-width: 768px) {
  html[data-page="market"] .market-header,
  html[data-page="market"] .market-title,
  html[data-page="market"] .market-subtitle {
    display: none !important;
  }
}

/* 行情表格: 仅隐藏真正的排名(rank)列, 不再误隐藏第一列(交易对列) */
table.market-table thead th.rank-col,
table.market-table tbody td.rank-col,
.market-table thead th.rank-col,
.market-table tbody td.rank-col,
#market-table thead th.rank-col,
#market-table tbody td.rank-col,
.home-market-table thead th.rank-col,
.home-market-table tbody td.rank-col,
.rank-cell,
.market-rank,
.token-rank,
[data-col="rank"] {
  display: none !important;
}

/* 移动端 /market: 行高紧凑 + 文字尺寸调整 */
@media (max-width: 768px) {
  .market-table tbody td,
  .home-market-table tbody td,
  #market-table tbody td {
    height: 64px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
  }
  .market-table tbody img.token-icon,
  .home-market-table tbody img.token-icon {
    width: 36px !important;
    height: 36px !important;
  }
  /* 表格首列 (本来是 rank) 隐藏后, 让代币列吃满左 padding */
  .market-table thead th:nth-child(2),
  .market-table tbody td:nth-child(2),
  .home-market-table tbody td:nth-child(2) {
    padding-left: 16px !important;
  }
}

/* 移动端交易按钮: 椭圆胶囊 + 纯蓝, 不要绿色不要方形不要闪电 */
@media (max-width: 768px) {
  .market-table .action-btn,
  .home-market-table .action-btn,
  .trade-btn,
  .market-trade-btn,
  td.actions a,
  td.actions button {
    padding: 6px 16px !important;
    font-size: 12px !important;
    border-radius: 9999px !important;
    background: linear-gradient(135deg, #18AFFF 0%, #0F93D2 100%) !important;
    background-color: #18AFFF !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 6px rgba(24, 175, 255, 0.3) !important;
  }
  /* 隐藏交易按钮里的闪电 icon */
  .market-table .action-btn i.fa-bolt,
  .home-market-table .action-btn i.fa-bolt,
  .trade-btn i.fa-bolt,
  .market-trade-btn i.fa-bolt {
    display: none !important;
  }
}

/* ──────────────────────────────────────────────────────────────────────
 * 34. /swap 闪兑页瘦身
 *     - 移动端隐藏 Hero 文案 (多链聚合 Swap / 标语 / 描述)
 *     - 卡片缩窄 + 居中
 *     - 头栏固定
 *     - 闪电翻转按钮改蓝色
 * ────────────────────────────────────────────────────────────────────── */

/* 移动端 /swap 隐藏 Hero 文案区 */
@media (max-width: 768px) {
  html[data-page="swap"] .swap-hero,
  html[data-page="swap"] .swap-page-hero,
  html[data-page="swap"] .jdex-hero,
  html[data-page="swap"] .swap-intro,
  .swap-hero-title,
  .swap-hero-subtitle,
  .swap-hero-tagline,
  .swap-hero-desc,
  .swap-page-title,
  .swap-page-subtitle {
    display: none !important;
  }
}

/* 闪兑卡片缩窄居中, 移动端最大 380px */
.swap-card,
.swap-panel,
.swap-container {
  max-width: 480px !important;
  margin: 16px auto !important;
}
@media (max-width: 768px) {
  .swap-card,
  .swap-panel,
  .swap-container {
    max-width: 100% !important;
    margin: 12px 8px !important;
  }
}

/* 中间翻转按钮: 全部蓝色, 不要绿色 */
.swap-flip-btn,
.swap-switch-btn,
#swap-flip,
.flip-direction-btn,
button.swap-flip,
.swap-arrow-btn {
  background: linear-gradient(135deg, #18AFFF 0%, #0F93D2 100%) !important;
  background-color: #18AFFF !important;
  color: #FFFFFF !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(24, 175, 255, 0.35) !important;
}
.swap-flip-btn i,
.swap-switch-btn i,
#swap-flip i,
.flip-direction-btn i,
.swap-arrow-btn i {
  color: #FFFFFF !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 35. /detect 检测页瘦身
 *     - 移动端隐藏 Hero / 统计卡 / 介绍文案
 *     - 头栏吸顶
 * ────────────────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
  html[data-page="detect"] .detect-hero,
  html[data-page="detect"] .jdex-hero,
  html[data-page="detect"] .detect-badge,
  html[data-page="detect"] .detect-title,
  html[data-page="detect"] .detect-subtitle,
  html[data-page="detect"] .detect-intro,
  html[data-page="detect"] .detect-stats,
  html[data-page="detect"] .detect-stats-row,
  html[data-page="detect"] .detect-stat-card,
  .detect-stats-grid,
  .detect-page-hero,
  .detect-hero-title,
  .detect-hero-desc {
    display: none !important;
  }
}

/* 检测页输入区吸顶 (mobile only) */
@media (max-width: 768px) {
  html[data-page="detect"] .detect-search-card,
  html[data-page="detect"] .detect-input-wrap,
  html[data-page="detect"] .detect-form,
  html[data-page="detect"] #detect-input-section {
    position: sticky !important;
    top: 56px !important;  /* leave room for navbar */
    z-index: 20 !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-bottom: 1px solid #E2E8F0 !important;
  }
  /* detect badge "Risks Detected" 也用蓝色 */
  html[data-page="detect"] .gradient-text-green {
    background: linear-gradient(135deg, #6FD3FF 0%, #18AFFF 50%, #0F93D2 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
  }
}

/* ──────────────────────────────────────────────────────────────────────
 * 36. 只在首页保留 Footer / RiskBanner / 平台介绍
 *     其他 4 个 Tab 页 (/market /swap /detect /account) 隐藏 footer
 * ────────────────────────────────────────────────────────────────────── */

/* 默认隐藏 Footer + RiskBanner */
html[data-page="market"] footer,
html[data-page="market"] .risk-banner,
html[data-page="market"] [class*="risk-banner"],
html[data-page="swap"] footer,
html[data-page="swap"] .risk-banner,
html[data-page="swap"] [class*="risk-banner"],
html[data-page="detect"] footer,
html[data-page="detect"] .risk-banner,
html[data-page="detect"] [class*="risk-banner"],
html[data-page="account"] footer,
html[data-page="account"] .risk-banner,
html[data-page="account"] [class*="risk-banner"],
html[data-page="ai-agent"] footer,
html[data-page="ai-agent"] .risk-banner,
html[data-page="ai-agent"] [class*="risk-banner"] {
  display: none !important;
}

/* 我的页面 (account) 上下交换在 JSX 层处理, 这里只兜底隐藏介绍 */
html[data-page="account"] .account-intro,
html[data-page="account"] .account-platform-desc,
html[data-page="account"] .account-about,
html[data-page="account"] .jdex-section-subtitle {
  display: none !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 37. Tabbar 移动端样式收紧 (5 格更紧凑 + 中心按钮更突出)
 * ────────────────────────────────────────────────────────────────────── */
.mobile-tabbar {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-top: 1px solid rgba(226, 232, 240, 0.6) !important;
  box-shadow: 0 -2px 24px rgba(15, 23, 42, 0.06) !important;
}
.mobile-tab {
  color: #64748B !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 8px 4px !important;
  flex: 1 1 0% !important;
}
.mobile-tab i {
  font-size: 18px !important;
  color: #64748B !important;
}
.mobile-tab.active {
  color: var(--bg-primary) !important;
}
.mobile-tab.active i {
  color: var(--bg-primary) !important;
}

/* Tabbar 中心按钮 (闪兑) 上突 */
.mobile-tab-swap {
  position: relative !important;
}
.mobile-tab-swap .mobile-tab-swap-btn {
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
  margin-top: -22px !important;
  position: relative !important;
}
.mobile-tab-swap span:last-child {
  color: var(--bg-primary) !important;
}

/* 关键 fix: Tabbar 不该跟着深色 ChainMarquee + 顶导航一块隐藏 */
.mobile-tabbar { display: flex !important; }

/* ──────────────────────────────────────────────────────────────────────
 * 38. /account 页面重排
 *     - 钱包/资产区 (.account-wallet-block) 上移
 *     - 用户中心快捷区 (.account-user-center) 下移
 *     使用 flex-direction:column-reverse + JSX order 调整组合实现
 *     由于这两块在 JSX 中是顺序：[user-center, guest-view 或 user-view],
 *     用 column-reverse 翻转后变成 [user-view, user-center]
 * ────────────────────────────────────────────────────────────────────── */

html[data-page="account"] .max-w-\[1200px\] {
  /* 让 h1 + user-center + wallet-block 都参与 flex */
  display: flex !important;
  flex-direction: column !important;
}
html[data-page="account"] .max-w-\[1200px\] > h1 {
  order: 0 !important;
}
/* §R12: 钱包中心统一顺序 (高特异性子选择器 + !important, 覆盖 Tailwind .order-1)
   标题(0) → 钱包总览(1) → 快捷操作(2) → 最近使用(3) → 钱包面板(4) → 核心功能(5) → 设置中心(6) */
html[data-page="account"] .max-w-\[1200px\] > #wallet-center-overview { order: 1 !important; }
html[data-page="account"] .max-w-\[1200px\] > .wc-quick-section { order: 2 !important; }
html[data-page="account"] .max-w-\[1200px\] > .wc-recent-section { order: 3 !important; }
html[data-page="account"] .max-w-\[1200px\] > .account-wallet-block,
html[data-page="account"] .max-w-\[1200px\] > #guest-view,
html[data-page="account"] .max-w-\[1200px\] > #user-view {
  order: 4 !important;  /* 钱包面板 (资产/历史/授权占位) */
}
html[data-page="account"] .max-w-\[1200px\] > .account-user-center {
  order: 5 !important;  /* 核心功能快捷区 */
  margin-top: 24px !important;
}
html[data-page="account"] .max-w-\[1200px\] > .account-settings-block {
  order: 6 !important;  /* 设置中心置底 */
}

/* 隐藏 account 页可能的"平台介绍" intro 文案 (如果存在) */
html[data-page="account"] .account-intro,
html[data-page="account"] .account-platform-desc,
html[data-page="account"] .account-about,
html[data-page="account"] .jdex-section-subtitle {
  display: none !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 39. ChainMarquee + 中心 swap 按钮颜色巩固 (kill green final pass)
 *     上一版 §30 已写, 但 .text-green-300 / .from-green-* 这类 Tailwind class
 *     在 account.tsx / detect.tsx / swap.tsx 大量出现, 这里做最终覆盖
 * ────────────────────────────────────────────────────────────────────── */

/* account 钱包身份卡 chain badge 绿色 → 蓝色 */
html[data-page="account"] .badge-green,
html[data-page="account"] [class*="bg-green-500"],
html[data-page="account"] [class*="from-green-500"],
html[data-page="account"] [class*="to-green-500"],
html[data-page="account"] [class*="border-green-500"] {
  background-color: rgba(24, 175, 255, 0.12) !important;
  border-color: rgba(24, 175, 255, 0.35) !important;
}
html[data-page="account"] .text-green-300,
html[data-page="account"] .text-green-400,
html[data-page="account"] .text-green-500 {
  color: #18AFFF !important;
}
/* detect badge 蓝色 */
html[data-page="detect"] [class*="bg-green-500"],
html[data-page="detect"] [class*="border-green-500"] {
  background-color: rgba(24, 175, 255, 0.10) !important;
  border-color: rgba(24, 175, 255, 0.30) !important;
}
html[data-page="detect"] .text-green-300,
html[data-page="detect"] .text-green-400,
html[data-page="detect"] .text-emerald-300,
html[data-page="detect"] .text-emerald-400 {
  color: #18AFFF !important;
}
/* 全局: emerald 系列也清掉 */
.bg-emerald-500\/10, .bg-emerald-500\/15, .bg-emerald-500\/20,
.border-emerald-500\/30, .border-emerald-500\/40 {
  background-color: rgba(24, 175, 255, 0.10) !important;
  border-color: rgba(24, 175, 255, 0.30) !important;
}
.text-emerald-300, .text-emerald-400 { color: #18AFFF !important; }

/* gradient-text-green → gradient-text-blue */
.gradient-text-green {
  background: linear-gradient(135deg, #6FD3FF 0%, #18AFFF 50%, #0F93D2 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 40. v1.2 hotfix-1 (post-deploy 截图修正):
 *     A) Logo: 强制 row + nowrap, 防止 .flex-col 让 X 跑到第二行
 *     B) /market: 移动端隐藏大标题 + chip 区域横向滚动 + 表格 border-radius 压扁
 *     C) /account: "用户中心" 标题 gradient-text → 蓝色 (kill green badge)
 *     D) Footer 在 /market /swap /detect /account /ai-agent 上隐藏 (再加固一遍)
 * ────────────────────────────────────────────────────────────────────── */

/* A) Logo 加固: 不管父 div 是什么 class, 强制单行 */
.brand-logo,
.brand-logo > * {
  white-space: nowrap !important;
}
.brand-logo > div {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

/* B-1) /market 移动端: 链 chip 容器横向滚动, 避免占用过多垂直空间 */
@media (max-width: 768px) {
  html[data-page="market"] .market-chain-filter {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    padding-bottom: 4px !important;
    width: 100% !important;
  }
  html[data-page="market"] .market-chain-filter::-webkit-scrollbar { display: none !important; }
  html[data-page="market"] .market-chain-chip {
    flex-shrink: 0 !important;
  }
  /* market-toolbar 改为垂直堆: 搜索一行 + chip 一行 */
  html[data-page="market"] .market-toolbar {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
  }
  /* 表格容器圆角压扁, 让骨架不再"椭圆化" */
  html[data-page="market"] .market-table-wrap {
    border-radius: 12px !important;
    margin-top: 8px !important;
  }
  /* market-header-sticky 内 padding 收紧 */
  html[data-page="market"] .market-header-sticky {
    padding: 8px 12px !important;
  }
  /* CTA 区域在移动端隐藏 (项目方服务 3 张卡) */
  html[data-page="market"] .market-cta-section {
    display: none !important;
  }
}

/* C) /account "用户中心" 标题 gradient-text 在 light 主题下确认是蓝色而非绿色 */
html[data-page="account"] h1 .gradient-text,
html[data-page="account"] .gradient-text {
  background: linear-gradient(135deg, #6FD3FF 0%, #18AFFF 50%, #0F93D2 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* D) Footer 隐藏加固 — 涵盖 footer + footer.mt-16 + body > footer 等 */
html[data-page="market"] body footer,
html[data-page="market"] footer.mt-16,
html[data-page="swap"] body footer,
html[data-page="swap"] footer.mt-16,
html[data-page="detect"] body footer,
html[data-page="detect"] footer.mt-16,
html[data-page="account"] body footer,
html[data-page="account"] footer.mt-16,
html[data-page="ai-agent"] body footer,
html[data-page="ai-agent"] footer.mt-16 {
  display: none !important;
}

/* E) market-cta-section 在桌面端保留, 移动端在 §40 B-1 已隐藏 */
/* F) Tabbar 中心闪兑按钮不能被 logo X 的 ::after 文字遮挡 — Tabbar z-index 提到顶层 */
.mobile-tabbar {
  z-index: 1000 !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * 41. v1.2 Stage A: /market 子 Tab 分类样式
 *     - 横向滚动行
 *     - active 蓝色下划线
 * ────────────────────────────────────────────────────────────────────── */

.market-subtabs {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 10px;
  padding: 0 2px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  border-bottom: 1px solid rgba(226, 232, 240, 0.6);
}
.market-subtabs::-webkit-scrollbar { display: none; }

.market-subtab {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  background: transparent;
  border: none;
  color: #64748B;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  transition: color 0.15s ease;
  white-space: nowrap;
  font-family: inherit;
}
.market-subtab i { font-size: 12px; opacity: 0.7; }

.market-subtab:hover {
  color: #18AFFF;
}

.market-subtab.active {
  color: #0F93D2;
}
.market-subtab.active i { opacity: 1; }
.market-subtab.active::after {
  content: '';
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: -1px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, #6FD3FF 0%, #18AFFF 50%, #0F93D2 100%);
}

/* 移动端: padding 更紧凑 */
@media (max-width: 768px) {
  .market-subtabs {
    margin-top: 8px;
    gap: 2px;
  }
  .market-subtab {
    padding: 9px 10px;
    font-size: 13px;
  }
  .market-subtab i { display: none; }  /* 移动端只显示文字, 节省横向空间 */
}

/* ──────────────────────────────────────────────────────────────────────
 * 42. v1.2 Stage B: Navbar 极简钱包图标 + /account 设置中心样式
 * ────────────────────────────────────────────────────────────────────── */

/* 极简钱包图标 (替代原 .btn.btn-primary 大按钮) */
.navbar-wallet-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(24, 175, 255, 0.10) 0%, rgba(15, 147, 210, 0.06) 100%);
  border: 1px solid rgba(24, 175, 255, 0.25);
  color: #0F93D2;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.18s ease;
  flex-shrink: 0;
}
.navbar-wallet-icon:hover {
  background: linear-gradient(135deg, rgba(24, 175, 255, 0.18) 0%, rgba(15, 147, 210, 0.10) 100%);
  border-color: rgba(24, 175, 255, 0.45);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(24, 175, 255, 0.18);
}
.navbar-wallet-icon i {
  font-size: 15px;
}
/* 状态点 - 默认灰色 (未连), 已连时 .connected 给绿色 */
.navbar-wallet-dot {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #94A3B8;
  border: 2px solid #FFFFFF;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06);
  transition: background 0.2s ease;
}
.navbar-wallet-icon.connected,
.navbar-wallet-icon[data-connected="true"] {
  background: linear-gradient(135deg, #18AFFF 0%, #0F93D2 100%);
  border-color: #0F93D2;
  color: #FFFFFF;
}
.navbar-wallet-icon.connected .navbar-wallet-dot,
.navbar-wallet-icon[data-connected="true"] .navbar-wallet-dot {
  background: #10B981;
  box-shadow: 0 0 0 1px rgba(16, 185, 129, 0.3), 0 0 8px rgba(16, 185, 129, 0.5);
  animation: pulse-dot 2s ease-in-out infinite;
}
@keyframes pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.7; transform: scale(0.85); }
}

/* sr-only utility (visually hidden, accessible to screen readers) */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* /account 设置中心卡片 */
.account-settings-block {
  margin-bottom: 24px;
}
.account-setting-card {
  transition: all 0.18s ease;
}
.account-setting-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
}
/* 让 lang-switcher-mount 内的下拉对齐右侧 */
.account-setting-card .lang-switcher-mount {
  min-width: 100px;
}
/* 主题切换按钮在 account 设置卡里的大小 */
.account-setting-card .theme-toggle {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(245, 158, 11, 0.08);
  border: 1px solid rgba(245, 158, 11, 0.25);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #F59E0B;
  transition: all 0.18s ease;
}
.account-setting-card .theme-toggle:hover {
  background: rgba(245, 158, 11, 0.15);
}

/* 移动端: 3 卡变 1 列 */
@media (max-width: 768px) {
  .account-settings-block .grid {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================ */
/* §43 v1.2 Stage C: /swap 右侧/移动端下方 功能跳转卡            */
/* 5 张卡: 合约检测 / 发币 / 流动性启动 / 量化机器人 / AI Agent  */
/* ============================================================ */
.swap-quick-links {
  background: #FFFFFF !important;
  border: 1px solid rgba(24, 175, 255, 0.10) !important;
  border-radius: 14px !important;
  padding: 14px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03) !important;
}
.swap-quick-links .swap-side-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.swap-quick-links .swap-side-card-header h4 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #0F172A;
  margin: 0;
}
.swap-quick-links .swap-side-card-header h4 i {
  color: #18AFFF;
  font-size: 13px;
}
.swap-quick-links-grid {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.swap-quick-link {
  display: flex !important;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #F8FAFC;
  border: 1px solid rgba(15, 23, 42, 0.04);
  text-decoration: none !important;
  color: inherit !important;
  transition: all 0.18s ease;
  cursor: pointer;
}
.swap-quick-link:hover {
  background: #FFFFFF;
  border-color: rgba(24, 175, 255, 0.30);
  box-shadow: 0 4px 14px rgba(24, 175, 255, 0.10);
  transform: translateY(-1px);
}
.swap-quick-link:hover .swap-quick-link-arrow {
  color: #18AFFF;
  transform: translateX(2px);
}
/* Round 13: Swap From/To 币种图标 — 官方 Logo 图片填满, 去单字母/占位圆点 */
.swap-token-icon.swap-token-icon-img {
  background: #FFFFFF !important;
  overflow: hidden;
  padding: 0;
}
.swap-token-icon.swap-token-icon-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
/* To 未选币种占位: 由粉紫改为中性浅蓝 (不抢眼, 提示"选择代币") */
.swap-token-icon.swap-token-icon-purple {
  background: linear-gradient(135deg, #93C5FD, #60A5FA) !important;
}

.swap-quick-link-icon {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #6FD3FF 0%, #18AFFF 50%, #0F93D2 100%);
  color: #FFFFFF;
  font-size: 15px;
  box-shadow: 0 2px 6px rgba(24, 175, 255, 0.25);
}
.swap-quick-link-body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.swap-quick-link-title {
  font-size: 13px;
  font-weight: 600;
  color: #0F172A;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.swap-quick-link-desc {
  font-size: 11px;
  color: #64748B;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.swap-quick-link-arrow {
  flex: 0 0 auto;
  color: #CBD5E1;
  font-size: 11px;
  transition: all 0.18s ease;
}

/* 每个卡片的图标主题色微调 (区分功能类别) */
.swap-quick-link[data-link-type="detect"] .swap-quick-link-icon {
  background: linear-gradient(135deg, #34D399 0%, #10B981 50%, #059669 100%);
  box-shadow: 0 2px 6px rgba(16, 185, 129, 0.25);
}
.swap-quick-link[data-link-type="launch"] .swap-quick-link-icon {
  background: linear-gradient(135deg, #FBBF24 0%, #F59E0B 50%, #D97706 100%);
  box-shadow: 0 2px 6px rgba(245, 158, 11, 0.25);
}
.swap-quick-link[data-link-type="pool"] .swap-quick-link-icon {
  background: linear-gradient(135deg, #6FD3FF 0%, #18AFFF 50%, #0F93D2 100%);
  box-shadow: 0 2px 6px rgba(24, 175, 255, 0.25);
}
/* Round 13: 量化机器人改青绿色 (去紫) */
.swap-quick-link[data-link-type="quant"] .swap-quick-link-icon {
  background: linear-gradient(135deg, #2DD4BF 0%, #14B8A6 50%, #0D9488 100%);
  box-shadow: 0 2px 6px rgba(20, 184, 166, 0.25);
}
/* Round 13: AI Agent 改微信聊天绿 (去粉红) */
.swap-quick-link[data-link-type="ai-agent"] .swap-quick-link-icon {
  background: linear-gradient(135deg, #4ADE80 0%, #22C55E 50%, #10B981 100%);
  box-shadow: 0 2px 6px rgba(34, 197, 94, 0.25);
}

/* 移动端: swap-hub-grid 已是 auto stack, 这里仅微调内边距 */
@media (max-width: 768px) {
  .swap-quick-links {
    padding: 12px !important;
  }
  .swap-quick-link {
    padding: 10px;
  }
  .swap-quick-link-icon {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    font-size: 14px;
  }
  .swap-quick-link-title {
    font-size: 13px;
  }
  .swap-quick-link-desc {
    font-size: 11px;
  }
}

/* ──────────────────────────────────────────────────────────────────────
 * 50. 移动端底部导航 — 悬浮胶囊重设计 (FINAL OVERRIDE)
 *     首页 / 雷达 / 发射(中间凸起主按钮) / 检测 / 我的
 *     此块为全站最后加载, 统一覆盖 main.css + 本文件前面所有 tabbar 旧样式
 * ────────────────────────────────────────────────────────────────────── */

/* 仅移动端显示, PC/desktop 隐藏 */
.mobile-tabbar { display: none !important; }

@media (max-width: 767px) {
  .mobile-tabbar,
  [class*="mobile-tabbar"] {
    display: block !important;
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    top: auto !important;
    height: 72px !important;
    padding: 0 8px !important;
    border-radius: 28px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
    backdrop-filter: blur(16px) saturate(160%) !important;
    border: 1px solid rgba(15, 23, 42, 0.06) !important;
    border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.14) !important;
    z-index: 1000 !important;
    overflow: visible !important;
  }

  .mobile-tabbar .mobile-tabbar-inner {
    display: flex !important;
    height: 72px !important;
    align-items: center !important;
    justify-content: space-around !important;
    overflow: visible !important;
  }

  /* 普通导航项 */
  .mobile-tabbar .mobile-tab {
    flex: 1 1 0% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    height: 72px !important;
    padding: 0 2px !important;
    margin: 0 !important;
    text-decoration: none !important;
    color: #8A95A6 !important;
    background: transparent !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    transition: color 0.18s ease !important;
  }
  .mobile-tabbar .mobile-tab i {
    font-size: 23px !important;
    color: #8A95A6 !important;
    transition: color 0.18s ease, filter 0.18s ease !important;
  }
  .mobile-tabbar .mobile-tab span {
    color: inherit !important;
  }

  /* 选中态 */
  .mobile-tabbar .mobile-tab.active {
    color: #1E90FF !important;
    background: transparent !important;
  }
  .mobile-tabbar .mobile-tab.active i {
    color: #1E90FF !important;
    filter: drop-shadow(0 2px 6px rgba(30, 144, 255, 0.35)) !important;
  }

  /* 中间"发射"主按钮 — 圆形凸起 */
  .mobile-tabbar .mobile-tab.mobile-tab-swap {
    position: relative !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    overflow: visible !important;
  }
  .mobile-tabbar .mobile-tab-swap .mobile-tab-swap-btn {
    width: 58px !important;
    height: 58px !important;
    border-radius: 50% !important;
    margin-top: -28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    color: #FFFFFF !important;
    background: linear-gradient(135deg, #2EA8FF 0%, #1E90FF 55%, #0F77E0 100%) !important;
    box-shadow: 0 10px 24px rgba(30, 144, 255, 0.45), 0 0 0 5px rgba(255, 255, 255, 0.95) !important;
    border: 0 !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease !important;
  }
  .mobile-tabbar .mobile-tab-swap .mobile-tab-swap-btn i {
    color: #FFFFFF !important;
    font-size: 24px !important;
    filter: none !important;
  }
  .mobile-tabbar .mobile-tab-swap span:last-child {
    color: #1E90FF !important;
    font-size: 11px !important;
    font-weight: 700 !important;
  }
  .mobile-tabbar .mobile-tab-swap.active .mobile-tab-swap-btn,
  .mobile-tabbar .mobile-tab-swap:active .mobile-tab-swap-btn {
    transform: translateY(-1px) scale(1.03) !important;
    box-shadow: 0 14px 30px rgba(30, 144, 255, 0.55), 0 0 0 5px rgba(255, 255, 255, 1) !important;
  }

  /* 内容不被悬浮底栏遮挡 */
  body {
    padding-bottom: 104px !important;
  }
}

/* 深色页面(如 /radar)适配: 底栏保持浅色玻璃, 不跟随深色主题变黑 */
html[data-theme="dark"] .mobile-tabbar,
html:not([data-theme="light"]) .mobile-tabbar {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
}

/* ════════════════════════════════════════════════════════════════════════
 * §R8 ROUND 8 — 移动端 UI/UX 统一与视觉打磨 (2026-06-02)
 * 参考 Bitget Wallet 移动端密度 (仅结构/字号层级/按钮质感/卡片密度)
 * 保持 Jiguang Trust 自有品牌色 #1E90FF / #2E6BF0 / #18AFFF
 * 本段位于文件末尾 = 最高优先级, 覆盖前序规则.
 * ════════════════════════════════════════════════════════════════════════ */

/* ─── §R8.1 全局字体规范 (移动端, 浅色模式) ─── */
@media (max-width: 768px) {
  html[data-theme="light"] body,
  body {
    -webkit-font-smoothing: antialiased;
  }
  /* 页面主标题 24-28 / 800 / #0F172A */
  .market-title,
  .jdex-section-title,
  .radar-title-cn,
  h1.text-2xl {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #0F172A !important;
    line-height: 1.25 !important;
  }
  /* 模块标题 18-20 / 800 */
  .jdex-section .jdex-section-title,
  .market-cta-title,
  .radar-card-title {
    font-weight: 800 !important;
    color: #0F172A !important;
  }
  /* 卡片标题 15-16 / 700 */
  .jdex-feature-card h3,
  .market-cta-card-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
  }
  /* 数值 tabular-nums */
  .market-col-price,
  .market-col-change,
  .market-col-vol,
  .market-col-liq,
  .mkt-card-num,
  .radar-chip-v,
  .rt-v {
    font-variant-numeric: tabular-nums !important;
  }
}

/* ─── §R8.2 顶部 Header 空白压缩 (移动端 64-72px, gap 12-20px) ─── */
@media (max-width: 768px) {
  .navbar > div {
    height: 60px !important;
    min-height: 60px !important;
  }
  /* 页面主内容上间距收紧, 避免 >100px 空白 */
  .market-page,
  .radar-page {
    padding-top: 14px !important;
  }
  .market-header { margin-bottom: 12px !important; }
  .market-header .market-subtitle { margin-top: 4px !important; }
  /* 首页 Hero 区不再大留白 (已改 Banner, 见 §R8.4) */
  .jdex-hero { display: none !important; }
  /* 首页 Banner 紧贴跑马灯下方 */
  .home-banner-wrap { margin-top: 12px !important; }
}

/* ─── §R8.3 统一 pill chip 规范 (二级Tab/筛选/链选择) ─── */
.r8-pill-row,
.market-subtabs,
.market-chain-filter {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  padding-bottom: 2px !important;
}
.r8-pill-row::-webkit-scrollbar,
.market-subtabs::-webkit-scrollbar,
.market-chain-filter::-webkit-scrollbar { display: none !important; height: 0 !important; }

.market-subtab,
.market-chain-chip {
  flex: 0 0 auto !important;
  height: 34px !important;
  border-radius: 999px !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  background: #FFFFFF !important;
  border: 1px solid #D9E2F1 !important;
  color: #64748B !important;
  transition: all 0.16s ease !important;
  cursor: pointer !important;
}
.market-chain-chip.active {
  background: #EAF3FF !important;
  border-color: #60A5FA !important;
  color: #1E5FE6 !important;
  font-weight: 800 !important;
}

/* ─── §R8.3b Market 筛选多色 (全部/关注/新币/涨幅/热门/聪明钱) ─── */
.market-subtab[data-subtab="all"].active        { background: linear-gradient(90deg,#1E90FF,#2E6BF0) !important; border-color: transparent !important; color:#fff !important; }
.market-subtab[data-subtab="watch"].active       { background: linear-gradient(90deg,#7C3AED,#6366F1) !important; border-color: transparent !important; color:#fff !important; }
.market-subtab[data-subtab="new"].active          { background: linear-gradient(90deg,#06B6D4,#22D3EE) !important; border-color: transparent !important; color:#fff !important; }
.market-subtab[data-subtab="gainers"].active      { background: linear-gradient(90deg,#16B877,#22C55E) !important; border-color: transparent !important; color:#fff !important; }
.market-subtab[data-subtab="trending"].active     { background: linear-gradient(90deg,#F59E0B,#F97316) !important; border-color: transparent !important; color:#fff !important; }
.market-subtab[data-subtab="smart_money"].active  { background: linear-gradient(90deg,#EAB308,#FACC15) !important; border-color: transparent !important; color:#0F172A !important; }
/* 未选中态图标也带主色提示 */
.market-subtab[data-subtab="all"] i        { color:#1E90FF; }
.market-subtab[data-subtab="watch"] i       { color:#7C3AED; }
.market-subtab[data-subtab="new"] i          { color:#06B6D4; }
.market-subtab[data-subtab="gainers"] i      { color:#16B877; }
.market-subtab[data-subtab="trending"] i     { color:#F59E0B; }
.market-subtab[data-subtab="smart_money"] i  { color:#EAB308; }
.market-subtab.active i { color:#fff !important; }
.market-subtab[data-subtab="smart_money"].active i { color:#0F172A !important; }

/* ─── §R8.4 首页 Banner 轮播 ─── */
.home-banner-wrap {
  position: relative;
  margin: 16px;
  max-width: 1200px;
}
@media (min-width: 1024px) { .home-banner-wrap { margin: 20px auto; } }
.home-banner-track {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  gap: 0;
  border-radius: 24px;
}
.home-banner-track::-webkit-scrollbar { display: none; }
.home-banner-slide {
  flex: 0 0 100%;
  scroll-snap-align: center;
  position: relative;
  height: 240px;
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 28px 26px;
  text-decoration: none;
  color: #fff;
}
@media (max-width: 768px) { .home-banner-slide { height: 230px; padding: 24px 22px; } }
.home-banner-slide::after {
  content: "";
  position: absolute; inset: 0; z-index: 2;
  background: radial-gradient(130% 120% at 88% 12%, rgba(0,229,255,0.14), transparent 52%);
  pointer-events: none;
}
/* §R9 动态科技海报底: 深蓝科技底 + 电光蓝 + 激光紫 + 青色 (少量金色仅 bn-score) */
.home-banner-slide.bn-radar  { background: radial-gradient(120% 140% at 12% 18%, #123A8C 0%, transparent 55%), radial-gradient(120% 140% at 92% 88%, #0B3A6B 0%, transparent 55%), linear-gradient(125deg,#070E22 0%,#0E2050 48%,#123A8C 100%); }
.home-banner-slide.bn-detect { background: radial-gradient(120% 140% at 12% 18%, #0E2E6B 0%, transparent 55%), radial-gradient(120% 140% at 92% 88%, #0B3F66 0%, transparent 55%), linear-gradient(125deg,#060C1F 0%,#0C2350 46%,#0E3C6E 100%); }
.home-banner-slide.bn-launch { background: radial-gradient(120% 140% at 12% 18%, #2A1F66 0%, transparent 55%), radial-gradient(120% 140% at 92% 88%, #123A8C 0%, transparent 55%), linear-gradient(125deg,#0A0820 0%,#1B1B52 46%,#2A2A78 100%); }
.home-banner-slide.bn-score  { background: radial-gradient(120% 140% at 12% 18%, #123A8C 0%, transparent 55%), radial-gradient(120% 140% at 92% 88%, #4A3A12 0%, transparent 58%), linear-gradient(125deg,#070E22 0%,#102A5C 48%,#1E4E9E 100%); }
.home-banner-slide.bn-wallet { background: radial-gradient(120% 140% at 12% 18%, #143066 0%, transparent 55%), radial-gradient(120% 140% at 92% 88%, #0E3C6E 0%, transparent 55%), linear-gradient(125deg,#060C1F 0%,#0E2350 46%,#16407E 100%); }

/* ═══ §R9 海报动态 FX 层 (轻动态: 不卡顿, 不阻塞首屏) ═══ */
.home-banner-fx { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; }
.home-banner-badge, .home-banner-title, .home-banner-sub, .home-banner-cta { z-index: 3 !important; }
/* 科技网格 */
.bfx-grid {
  position: absolute; inset: -10%;
  background-image:
    linear-gradient(rgba(120,190,255,0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120,190,255,0.07) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: radial-gradient(80% 80% at 70% 30%, #000 0%, transparent 75%);
  -webkit-mask-image: radial-gradient(80% 80% at 70% 30%, #000 0%, transparent 75%);
}
/* 缓慢移动的光束 */
.bfx-beam { position: absolute; width: 160%; height: 38%; border-radius: 50%; filter: blur(26px); opacity: 0.5; }
.bfx-beam-1 { top: -14%; left: -30%; background: linear-gradient(90deg, transparent, rgba(0,200,255,0.55), transparent); animation: bfx-beam-move 14s ease-in-out infinite; }
.bfx-beam-2 { bottom: -16%; right: -30%; background: linear-gradient(90deg, transparent, rgba(139,92,246,0.5), transparent); animation: bfx-beam-move 18s ease-in-out infinite reverse; }
@keyframes bfx-beam-move { 0%,100% { transform: translateX(-6%) rotate(-6deg); } 50% { transform: translateX(8%) rotate(-2deg); } }
/* 渐变光晕缓慢呼吸 */
.bfx-glow { position: absolute; border-radius: 50%; filter: blur(30px); }
.bfx-glow-a { top: -20%; right: 6%; width: 200px; height: 200px; background: radial-gradient(circle, rgba(0,229,255,0.4), transparent 70%); animation: bfx-pulse 9s ease-in-out infinite; }
.bfx-glow-b { bottom: -24%; left: 8%; width: 220px; height: 220px; background: radial-gradient(circle, rgba(99,102,241,0.36), transparent 70%); animation: bfx-pulse 11s ease-in-out infinite 1s; }
.bfx-glow-gold { background: radial-gradient(circle, rgba(245,200,90,0.3), transparent 70%) !important; }
@keyframes bfx-pulse { 0%,100% { opacity: 0.45; transform: scale(1); } 50% { opacity: 0.8; transform: scale(1.12); } }
/* 漂浮粒子 */
.bfx-dot { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: rgba(120,225,255,0.9); box-shadow: 0 0 8px rgba(0,229,255,0.9); }
.bfx-dot-1 { top: 24%; right: 26%; animation: bfx-float 7s ease-in-out infinite; }
.bfx-dot-2 { top: 56%; right: 14%; width: 3px; height: 3px; background: rgba(167,139,250,0.95); box-shadow: 0 0 7px rgba(139,92,246,0.9); animation: bfx-float 9s ease-in-out infinite 0.6s; }
.bfx-dot-3 { top: 38%; right: 40%; width: 4px; height: 4px; animation: bfx-float 8s ease-in-out infinite 1.2s; }
@keyframes bfx-float { 0%,100% { transform: translateY(0); opacity: 0.55; } 50% { transform: translateY(-12px); opacity: 1; } }
/* 主题专属元素 */
.bfx-ring { position: absolute; top: 50%; right: 26px; width: 120px; height: 120px; transform: translateY(-50%); border-radius: 50%; border: 2px solid rgba(0,229,255,0.28); box-shadow: 0 0 0 8px rgba(0,229,255,0.05), inset 0 0 24px rgba(0,229,255,0.18); animation: bfx-spin 22s linear infinite; }
.bfx-ring::before { content: ""; position: absolute; inset: 16px; border-radius: 50%; border: 1px dashed rgba(167,139,250,0.4); }
@keyframes bfx-spin { to { transform: translateY(-50%) rotate(360deg); } }
.bfx-scan { position: absolute; top: 0; bottom: 0; right: 30%; width: 2px; background: linear-gradient(180deg, transparent, rgba(0,229,255,0.7), transparent); animation: bfx-scan-move 6s ease-in-out infinite; }
@keyframes bfx-scan-move { 0%,100% { transform: translateX(60px); opacity: 0.3; } 50% { transform: translateX(-90px); opacity: 0.9; } }
.bfx-radar { position: absolute; top: 50%; right: 28px; width: 130px; height: 130px; transform: translateY(-50%); border-radius: 50%; background: conic-gradient(from 0deg, rgba(0,229,255,0.32), transparent 28%); border: 1px solid rgba(0,229,255,0.25); animation: bfx-spin 5s linear infinite; }
.bfx-badge-fx { position: absolute; top: 50%; right: 34px; width: 96px; height: 96px; transform: translateY(-50%); border-radius: 18px; border: 1.5px solid rgba(245,200,90,0.45); box-shadow: inset 0 0 26px rgba(245,200,90,0.18), 0 0 22px rgba(245,200,90,0.1); animation: bfx-pulse 6s ease-in-out infinite; }
/* 性能与可访问性: 用户偏好减少动效时关闭所有动画 */
@media (prefers-reduced-motion: reduce) {
  .bfx-beam, .bfx-glow, .bfx-dot, .bfx-ring, .bfx-scan, .bfx-radar, .bfx-badge-fx { animation: none !important; }
}
.home-banner-badge {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.92);
  background: rgba(255,255,255,0.16); border: 1px solid rgba(255,255,255,0.22);
  padding: 4px 11px; border-radius: 999px; margin-bottom: 12px; width: fit-content;
  position: relative; z-index: 1;
}
.home-banner-title {
  font-size: 27px; font-weight: 800; line-height: 1.15; margin: 0 0 8px;
  text-shadow: 0 2px 12px rgba(0,0,0,0.18); position: relative; z-index: 1;
}
@media (max-width: 768px) { .home-banner-title { font-size: 25px; } }
.home-banner-sub {
  font-size: 14px; font-weight: 500; line-height: 1.5; margin: 0 0 18px;
  color: rgba(255,255,255,0.92); max-width: 90%; position: relative; z-index: 1;
}
@media (max-width: 768px) { .home-banner-sub { font-size: 13px; } }
.home-banner-cta {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 14px; font-weight: 800; color: #1E5FE6;
  background: #FFFFFF; border-radius: 999px; padding: 9px 18px;
  width: fit-content; position: relative; z-index: 1;
  box-shadow: 0 6px 18px rgba(0,0,0,0.16);
}
.home-banner-dots {
  display: flex; justify-content: center; gap: 7px; margin-top: 12px;
}
.home-banner-dot {
  width: 7px; height: 7px; border-radius: 999px;
  background: #CBD5E1; border: none; padding: 0; cursor: pointer;
  transition: all 0.2s ease;
}
.home-banner-dot.active { width: 22px; background: #2E6BF0; }

/* ─── §R8.5 Market 移动端卡片列表 ─── */
/* 桌面: 保持表格. 表头改 static —— sticky 在 .market-table-wrap(overflow:hidden) 容器内
   无法正常吸顶, 反而把表头错位到首行下方, 故 PC 端取消 sticky, 跟随页面滚动即可 */
@media (min-width: 769px) {
  /* 覆盖 main.css §5372/§5662 的 thead / thead th sticky (top:72px/80px),
     这些在 .market-table-wrap(overflow:hidden) 容器内会把表头错位到首行下方 */
  .market-table thead,
  #market-table thead,
  table.market-table thead,
  .home-market-table thead {
    position: static !important;
    top: auto !important;
  }
  .market-table thead th,
  #market-table thead th,
  table.market-table thead th,
  .home-market-table thead th {
    position: static !important;
    top: auto !important;
    background: #FFFFFF !important;
    box-shadow: 0 1px 0 rgba(15,23,42,0.06);
  }
  html[data-theme="dark"] .market-table thead th { background: #0d1426 !important; }
  /* 隐藏移动端卡片容器 */
  #market-card-list { display: none !important; }
}
/* 移动端: 隐藏桌面表格, 显示卡片列表 */
@media (max-width: 768px) {
  .market-table-wrap .market-table { display: none !important; }
  /* §R9.2 防溢出: 容器与卡片统一 box-sizing + 宽度收口, 390px 不横向滚动 */
  .market-table-wrap { overflow: hidden !important; }
  #market-card-list {
    display: flex !important; flex-direction: column; gap: 12px;
    width: 100%; max-width: 100%; box-sizing: border-box; padding: 12px;
  }
  #market-card-list * { box-sizing: border-box; }
  .mkt-card {
    /* §R9.3 关键修复: 强制纵向 flex, 子行 stretch 满宽 (此前误被 display:flex row 横排导致 r1/r3 塌缩挤压) */
    display: flex !important; flex-direction: column !important; align-items: stretch !important;
    background: #FFFFFF;
    border: 1px solid #E8EEF7;
    border-radius: 16px;
    padding: 14px;
    box-shadow: 0 1px 2px rgba(15,23,42,0.04);
    width: 100%; max-width: 100%; box-sizing: border-box; overflow: hidden;
  }
  /* §R9.3 卡片内各行强制满宽, 防止 flex item 收缩 */
  .mkt-card > .mkt-card-r1,
  .mkt-card > .mkt-card-r2,
  .mkt-card > .mkt-card-r3,
  .mkt-card > .mkt-card-detect { width: 100%; flex: 0 0 auto; }
  .mkt-card-r1 { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; min-width: 0; }
  .mkt-card-icon {
    width: 34px; height: 34px; border-radius: 999px; flex: 0 0 auto;
    display: grid; place-items: center; font-weight: 800; font-size: 14px;
    color: #1E5FE6; background: #EAF3FF; border: 1px solid #D9E2F1;
  }
  .mkt-card-pair {
    font-size: 14px; font-weight: 700; color: #0F172A; line-height: 1.2;
    flex: 1 1 auto; min-width: 0;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .mkt-card-pair .q { color: #94A3B8; font-weight: 600; font-size: 12px; }
  .mkt-card-risk {
    margin-left: auto; flex: 0 0 auto;
    font-size: 11px; font-weight: 700; padding: 3px 9px; border-radius: 999px;
    white-space: nowrap;
  }
  .mkt-card-risk.low    { color:#16A34A; background:#E8F8EF; }
  .mkt-card-risk.medium { color:#D97706; background:#FEF6E7; }
  .mkt-card-risk.high   { color:#DC2626; background:#FDECEC; }
  .mkt-card-r2 {
    display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-bottom: 10px;
    font-size: 11.5px; color: #64748B; min-width: 0; max-width: 100%;
  }
  .mkt-card-r2 > span {
    min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;
  }
  .mkt-card-r2 .addr {
    font-size: 10.5px; color: #94A3B8; font-family: 'JetBrains Mono', monospace;
    flex: 0 0 auto;
  }
  .mkt-card-r3 {
    display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px;
    margin-bottom: 12px; width: 100%;
  }
  .mkt-card-stat { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
  .mkt-card-stat .k {
    font-size: 10.5px; color: #94A3B8; font-weight: 500;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .mkt-card-stat .v {
    font-size: 12px; font-weight: 700; color: #334155; font-variant-numeric: tabular-nums;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .mkt-card-stat .v.up   { color:#16A34A; }
  .mkt-card-stat .v.down { color:#DC2626; }
  .mkt-card-detect {
    display: flex; align-items: center; justify-content: center; gap: 7px;
    width: 100%; height: 40px; border-radius: 12px;
    font-size: 14px; font-weight: 800; text-decoration: none;
    color: #FFFFFF; background: linear-gradient(90deg,#1E90FF,#2E6BF0);
    box-shadow: 0 4px 12px rgba(46,107,240,0.28);
    box-sizing: border-box;
  }
  /* §R9.2 全局: 移动端禁止页面级横向滚动 + 隐藏 hero 装饰光晕(防溢出圆) */
  html[data-page="market"] body,
  html[data-page="market"] { overflow-x: hidden !important; }
  .market-page .hero::before, .market-page .hero::after,
  .market-search:focus-within { box-shadow: none !important; }
  /* §R9.3 隐藏搜索/工具栏区域大型圆形装饰伪元素 (移动端第一屏干净, 防止覆盖搜索框) */
  .market-header-sticky::before, .market-header-sticky::after,
  .market-toolbar::before, .market-toolbar::after,
  .market-search::before, .market-search::after { display: none !important; content: none !important; }
  /* §R10 关键修复: 移动端 toolbar 为 column 布局时, flex:1 1 280px 的 flex-basis 落在主轴(纵向)
     被错误撑成 280px 高 + border-radius:9999px => 渲染成巨大圆形.
     强制横向胶囊输入框: 固定高度 52px, flex 不参与撑高, 胶囊圆角 26px. */
  html[data-page="market"] .market-search,
  .market-toolbar .market-search,
  .market-search {
    flex: 0 0 auto !important;
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 56px !important;
    border-radius: 26px !important;
    aspect-ratio: auto !important;
    /* §R11 右侧留出圆形搜索按钮空间, 左侧文字常规缩进 */
    padding: 0 8px 0 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #FFFFFF !important;
    border: 1px solid #D9E2F1 !important;
    box-shadow: 0 8px 22px rgba(15,23,42,0.06) !important;
    box-sizing: border-box !important;
  }
  /* §R11 input 在左, placeholder 从左侧正常开始 */
  html[data-page="market"] .market-search input,
  .market-search input {
    order: 1;
    flex: 1 1 auto; min-width: 0;
    height: 100%; padding: 0 !important;
    font-size: 14px; line-height: 1;
    color: #0F172A !important; background: transparent !important; border: 0 !important;
  }
  .market-search input::placeholder { color: #94A3B8; }
  /* §R11 放大镜移到右侧, 圆形蓝色搜索按钮 (id+class 复合提升优先级) */
  html[data-page="market"] .market-search .search-button,
  html[data-page="market"] #market-search-btn.search-button {
    order: 2 !important;
    width: 40px !important; height: 40px !important; border-radius: 50% !important;
    flex: 0 0 auto !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    background-color: transparent !important;
    background-image: linear-gradient(135deg, #18AFFF, #2E6BF0) !important;
    color: #FFFFFF !important; border: 0 !important; padding: 0 !important; cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(46,107,240,0.28) !important;
    transition: transform 0.12s ease !important;
  }
  html[data-page="market"] .market-search .search-button i,
  html[data-page="market"] #market-search-btn.search-button i { font-size: 15px !important; color: #FFFFFF !important; }
  html[data-page="market"] #market-search-btn.search-button:active { transform: scale(0.94) !important; }
  /* 移动端关注空状态 */
  #market-watch-empty {
    text-align: center; padding: 40px 20px; color: #64748B;
  }
  #market-watch-empty i { font-size: 32px; color: #94A3B8; margin-bottom: 10px; display: block; }
  #market-watch-empty p { font-size: 13px; color: #64748B; }
  /* §R8.6 移动端隐藏 demo banner (去 demo) */
  #market-demo-banner { display: none !important; }
  /* 项目方 CTA 区下边距, 避免被底栏遮挡 */
  .market-cta-section { padding-bottom: 24px; }
}

/* ─── §R8.7 Account 语言/主题下拉遮挡修复 (z-index + overflow) ─── */
.account-setting-card,
.account-settings-block .card,
.account-setting-card .lang-switcher-mount,
.account-setting-card .lang-switcher {
  overflow: visible !important;
}
.account-settings-block { overflow: visible !important; }
.account-setting-card .lang-dropdown,
.lang-switcher-mount .lang-dropdown {
  z-index: 9999 !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 40px rgba(15,23,42,0.16) !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(15,23,42,0.08) !important;
}
/* 移动端: 语言下拉改为固定弹层, 彻底不被任何卡片遮挡 */
@media (max-width: 768px) {
  .account-setting-card .lang-switcher.open .lang-dropdown {
    position: fixed !important;
    left: 16px !important;
    right: 16px !important;
    top: auto !important;
    bottom: 120px !important;
    min-width: 0 !important;
    width: auto !important;
    z-index: 10000 !important;
    max-height: 50vh !important;
    overflow-y: auto !important;
  }
  /* 弹层遮罩 */
  .account-setting-card .lang-switcher.open::before {
    content: "";
    position: fixed; inset: 0;
    background: rgba(15,23,42,0.35);
    z-index: 9998;
  }
  .account-setting-card .lang-item { padding: 12px 14px !important; font-size: 14px !important; }
}

/* ─── §R8.8 Swap 交易设置弹窗文字清晰度 (浅色) ─── */
html[data-theme="light"] .modal-content h3 { color: #0F172A !important; font-weight: 800 !important; }
html[data-theme="light"] .modal-content .text-gray-500,
html[data-theme="light"] .modal-content .text-gray-400 { color: #64748B !important; font-weight: 500 !important; line-height: 1.6 !important; }
html[data-theme="light"] .modal-content .text-yellow-500\/90,
html[data-theme="light"] .modal-content .text-yellow-500\/80 { color: #B45309 !important; }
html[data-theme="light"] .modal-content .input {
  color: #0F172A !important;
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
}
html[data-theme="light"] .modal-content .input::placeholder { color: #94A3B8 !important; }
/* 滑点按钮 (slip-opt) 未选中 / 选中 */
html[data-theme="light"] .slip-opt.btn-secondary,
html[data-theme="light"] .am-opt.btn-secondary {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #334155 !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .slip-opt.btn-primary,
html[data-theme="light"] .am-opt.btn-primary {
  background: #EAF3FF !important;
  border: 1px solid #2E6BF0 !important;
  color: #1E5FE6 !important;
  font-weight: 800 !important;
}
/* 弹窗遮罩 + 容器 (浅色) */
html[data-theme="light"] .modal-backdrop {
  background: rgba(15,23,42,0.45) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
html[data-theme="light"] .modal-content {
  background: #FFFFFF !important;
  border: 1px solid rgba(15,23,42,0.08) !important;
  box-shadow: 0 24px 80px rgba(15,23,42,0.24) !important;
}

/* ─── §R8.17 卡片密度 (移动端) ─── */
@media (max-width: 768px) {
  .vf-container,
  .market-page { padding-left: 16px !important; padding-right: 16px !important; }
  body { padding-bottom: 104px; }
}

/* ─── §R8.12 Swap 链选择官方 LOGO (透明底, 20-24px, 8px gap) ─── */
/* 浅色模式: 链图标去掉深色圆底, 用浅底承托官方透明 LOGO, 不再露字母占位 */
html[data-theme="light"] .chain-select-bar {
  background: #F4F7FD !important;
  border: 1px solid #E2E8F0 !important;
}
html[data-theme="light"] .chain-select {
  color: #334155 !important;
  gap: 8px !important;
}
html[data-theme="light"] .chain-select.active {
  background: #EAF3FF !important;
  color: #1E5FE6 !important;
}
html[data-theme="light"] .chain-select .chain-icon:has(.chain-logo-img) {
  background: #FFFFFF !important;
  box-shadow: 0 0 0 1px #E2E8F0 inset !important;
}
.chain-select .chain-icon-md { width: 22px !important; height: 22px !important; }
.chain-select .chain-select-name { font-size: 13px; font-weight: 700; }

/* ═══════════════════ §R11 首页功能入口区 (App 式快捷入口) ═══════════════════ */
.home-entry-section {
  margin-top: 18px;
  margin-bottom: 8px;
}
.home-entry-title {
  font-size: 16px;
  font-weight: 800;
  color: #0F172A;
  margin: 0 0 12px;
  padding: 0 4px;
}
html[data-theme="dark"] .home-entry-title { color: #E8EEF7; }
.home-entry-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.home-entry-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 6px;
  padding: 14px 8px;
  border-radius: 18px;
  background: #FFFFFF;
  border: 1px solid #EBF1F9;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
  text-decoration: none;
  transition: transform 0.12s ease, box-shadow 0.12s ease;
  min-width: 0;
  box-sizing: border-box;
}
.home-entry-card:active { transform: scale(0.97); }
.home-entry-card:hover { box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08); }
.home-entry-icon {
  width: 46px; height: 46px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; flex: 0 0 auto;
}
.home-entry-name {
  font-size: 13px; font-weight: 700; color: #0F172A; line-height: 1.2;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
}
.home-entry-desc {
  font-size: 11px; color: #64748B; line-height: 1.3;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
}
/* 各入口不同浅色图标背景 */
.e-radar     .home-entry-icon { background: #EAF3FF; color: #1E5FE6; }
.e-market    .home-entry-icon { background: #EAF7FF; color: #18AFFF; }
.e-detect    .home-entry-icon { background: #EEF0FF; color: #5B6CF0; }
.e-launch    .home-entry-icon { background: #FFF6E8; color: #E0902B; }
.e-wallet    .home-entry-icon { background: #ECFBF3; color: #14B86B; }
.e-whale     .home-entry-icon { background: #EAF1FF; color: #2E6BF0; }
.e-score     .home-entry-icon { background: #F3EEFF; color: #8B5CF6; }
.e-liquidity .home-entry-icon { background: #E8FAFB; color: #0EA5C7; }

/* 桌面: 一行 8 个 */
@media (min-width: 769px) {
  .home-entry-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 12px; }
  .home-entry-icon { width: 50px; height: 50px; font-size: 24px; }
}
/* 移动端: 4 列 x 2 行, 一屏内展示完整, 不横向溢出 */
@media (max-width: 768px) {
  .home-entry-section { padding-left: 12px; padding-right: 12px; }
  .home-entry-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
  .home-entry-card { padding: 12px 4px; border-radius: 16px; gap: 5px; }
  .home-entry-icon { width: 42px; height: 42px; font-size: 20px; border-radius: 12px; }
  .home-entry-name { font-size: 12px; }
  .home-entry-desc { font-size: 11px; }
}
/* 暗色模式 */
html[data-theme="dark"] .home-entry-card {
  background: #131c33; border-color: #1f2a44; box-shadow: none;
}
html[data-theme="dark"] .home-entry-name { color: #E8EEF7; }
html[data-theme="dark"] .home-entry-desc { color: #94A3B8; }

/* ═══════════════════ §R11 首页移动端瘦身: Trending 区折叠为摘要入口 ═══════════════════ */
@media (max-width: 768px) {
  /* 隐藏 Trending 区的内嵌搜索 / 榜单 Tabs / 链筛选 / 时间框 / 表格 (功能已由"行情榜单"入口承接, 避免首页过长) */
  #trending-section #home-sticky-header,
  #trending-section #market-table,
  #trending-section #market-banner,
  #trending-section .pagination-bar,
  #trending-section #pagination-bar { display: none !important; }
  /* Trending 区只保留标题 + 查看全部, 改为一个简短摘要入口卡 */
  #trending-section {
    margin-top: 6px;
  }
  #trending-section .jdex-trending-header {
    display: flex; align-items: center; justify-content: space-between;
    background: #FFFFFF; border: 1px solid #EBF1F9; border-radius: 16px;
    padding: 16px; box-shadow: 0 2px 10px rgba(15,23,42,0.04);
  }
  #trending-section .jdex-section-title { font-size: 15px; font-weight: 800; margin: 0; }
  #trending-section .jdex-view-all {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 13px; font-weight: 700; color: #1E5FE6;
    background: #EAF3FF; padding: 8px 14px; border-radius: 999px; text-decoration: none;
  }
  html[data-theme="dark"] #trending-section .jdex-trending-header { background: #131c33; border-color: #1f2a44; box-shadow: none; }
  /* 首页底部留白, 防止底栏遮挡 */
  html[data-page="home"] .page-root,
  html[data-page="home"] main { padding-bottom: 96px; }
}

/* ════════════════════════════════════════════════════════════════════════
 * §R12 移动端 UI 深度打磨 (2026-06-02)
 * 范围: /account 钱包中心 + 移动端字体精修 + 搜索框统一 + 分段按钮统一
 * 约束: 字体/间距/密度改动一律包在 @media (max-width:768px) 内, 不影响 PC
 * ════════════════════════════════════════════════════════════════════════ */

/* ─── §R12.1 /account 钱包中心头部总览 ─── */
.wc-overview {
  background: linear-gradient(135deg, #1E5FE6 0%, #18AFFF 100%);
  border-radius: 20px;
  padding: 20px;
  color: #FFFFFF;
  box-shadow: 0 10px 28px rgba(30, 95, 230, 0.22);
  margin-bottom: 16px;
}
.wc-overview-top { display: flex; align-items: center; gap: 12px; }
.wc-overview-icon {
  width: 44px; height: 44px; border-radius: 14px;
  background: rgba(255, 255, 255, 0.18);
  display: flex; align-items: center; justify-content: center;
  font-size: 20px; color: #FFFFFF; flex: 0 0 auto;
}
.wc-overview-meta { min-width: 0; }
.wc-wallet-name { font-size: 16px; font-weight: 800; color: #FFFFFF; line-height: 1.2; }
.wc-wallet-tag {
  display: inline-flex; align-items: center; gap: 5px; margin-top: 3px;
  font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, 0.88);
}
.wc-overview-balance { margin-top: 16px; }
.wc-balance-label { font-size: 12px; font-weight: 500; color: rgba(255, 255, 255, 0.82); }
.wc-balance-amount {
  font-size: 26px; font-weight: 800; color: #FFFFFF; line-height: 1.2; margin-top: 4px;
  font-variant-numeric: tabular-nums;
}
.wc-overview-actions { margin-top: 16px; display: flex; gap: 10px; }
.wc-btn-connect {
  flex: 1; height: 44px; border: 0; border-radius: 14px; cursor: pointer;
  background: #FFFFFF; color: #1E5FE6; font-size: 14px; font-weight: 800;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.wc-btn-connect:hover { box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12); }
.wc-btn-connect:active { transform: scale(0.98); }
html[data-theme="dark"] .wc-overview { box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4); }

/* ─── §R12.2 快捷操作区 (6 入口) ─── */
.wc-quick-section, .wc-recent-section { margin-bottom: 16px; }
.wc-section-title {
  font-size: 16px; font-weight: 800; color: #0F172A; margin: 0 0 10px; padding: 0 2px;
}
html[data-theme="dark"] .wc-section-title { color: #E8EEF7; }
.wc-quick-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px;
}
.wc-quick-item {
  display: flex; flex-direction: column; align-items: center; gap: 7px;
  padding: 14px 6px; border-radius: 18px; text-decoration: none;
  background: #FFFFFF; border: 1px solid #EBF1F9;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
  transition: transform 0.12s ease, box-shadow 0.12s ease; min-width: 0;
}
.wc-quick-item:active { transform: scale(0.97); }
.wc-quick-item:hover { box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08); }
.wc-quick-icon {
  width: 40px; height: 40px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; flex: 0 0 auto;
  background: #EAF3FF; color: #1E5FE6;
}
.wc-quick-name {
  font-size: 12px; font-weight: 700; color: #334155; line-height: 1.2; text-align: center;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
}
/* 图标统一蓝色系, 略作深浅区分 */
.q-assets  .wc-quick-icon { background: #EAF3FF; color: #1E5FE6; }
.q-history .wc-quick-icon { background: #EAF7FF; color: #18AFFF; }
.q-approve .wc-quick-icon { background: #E8F0FF; color: #2E6BF0; }
.q-score   .wc-quick-icon { background: #EEF2FF; color: #4F77F2; }
.q-risk    .wc-quick-icon { background: #EAF6FF; color: #0E9CE9; }
.q-gas     .wc-quick-icon { background: #E8FAFB; color: #0EA5C7; }
html[data-theme="dark"] .wc-quick-item { background: #131c33; border-color: #1f2a44; box-shadow: none; }
html[data-theme="dark"] .wc-quick-name { color: #C7D2E5; }

/* ─── §R12.3 最近使用 (横向胶囊, 可横滑) ─── */
.wc-recent-row {
  display: flex; gap: 8px; overflow-x: auto; -webkit-overflow-scrolling: touch;
  padding-bottom: 4px; scrollbar-width: none;
}
.wc-recent-row::-webkit-scrollbar { display: none; }
.wc-recent-chip {
  display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto;
  height: 38px; padding: 0 14px; border-radius: 999px; text-decoration: none;
  background: #F1F6FD; border: 1px solid #E4ECF7;
  font-size: 13px; font-weight: 700; color: #334155; white-space: nowrap;
}
.wc-recent-chip i { color: #1E5FE6; font-size: 13px; }
.wc-recent-chip:active { background: #E4ECF7; }
html[data-theme="dark"] .wc-recent-chip { background: #15203a; border-color: #243150; color: #C7D2E5; }
html[data-theme="dark"] .wc-recent-chip i { color: #6FB6FF; }

/* PC 端钱包总览宽度收敛 + 快捷区列数加大 */
@media (min-width: 769px) {
  .wc-overview { max-width: 560px; }
  .wc-quick-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

/* ─── §R12.4 移动端 /account 标题清晰度 (顺序统一在 §R12 基础规则) ─── */
@media (max-width: 768px) {
  /* 标题清晰: 不用低对比渐变, 移动端用纯深色 */
  html[data-page="account"] .account-page-title .gradient-text {
    background: none !important; -webkit-text-fill-color: #0F172A !important; color: #0F172A !important;
  }
  html[data-theme="dark"][data-page="account"] .account-page-title .gradient-text {
    -webkit-text-fill-color: #E8EEF7 !important; color: #E8EEF7 !important;
  }
}

/* ════════════════ §R12.5 移动端字体精修 (仅 max-width:768px) ════════════════
 * 参考 Bitget Wallet 字号/字重/密度: 收紧但不发虚, 颜色不低于规范下限
 * 普通正文 ≥ #64748B / 重要正文 ≥ #334155 / 标题 #0F172A / placeholder ≥ #94A3B8
 * 不使用 #CBD5E1 / #D1D5DB 作为正文
 * ──────────────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  /* 页面主标题 */
  .market-title,
  html[data-page="account"] .account-page-title {
    font-size: 24px !important; font-weight: 800 !important; color: #0F172A !important;
    line-height: 1.25 !important;
  }
  html[data-theme="dark"] .market-title { color: #E8EEF7 !important; }

  /* 模块标题 */
  .wc-section-title,
  .home-entry-title,
  .market-cta-title { font-size: 18px !important; font-weight: 800 !important; }

  /* 正文 / 辅助说明颜色下限保护: 把过淡的灰统一抬到 #64748B */
  .text-gray-400, .text-gray-500 { color: #64748B !important; }
  .text-gray-300, .text-gray-200, .text-gray-100 { color: #334155 !important; }
  html[data-theme="dark"] .text-gray-400,
  html[data-theme="dark"] .text-gray-500 { color: #94A3B8 !important; }
  html[data-theme="dark"] .text-gray-300,
  html[data-theme="dark"] .text-gray-200,
  html[data-theme="dark"] .text-gray-100 { color: #C7D2E5 !important; }

  /* 数字加粗 + tabular */
  .market-cell-price, .market-cell-vol, .market-cell-liq,
  .wc-balance-amount, .market-card-price {
    font-weight: 700 !important; font-variant-numeric: tabular-nums !important;
  }

  /* placeholder 下限 */
  input::placeholder, textarea::placeholder { color: #94A3B8 !important; }
}

/* ════════════════ §R12.6 移动端搜索框统一为横向胶囊 ════════════════ */
@media (max-width: 768px) {
  .market-search,
  .vf-search-bar,
  .global-search-bar {
    height: 50px !important;
    border-radius: 25px !important;
    padding: 0 8px 0 16px !important;
    display: flex !important; align-items: center !important; gap: 8px !important;
    background: #FFFFFF !important; border: 1px solid #D9E2F1 !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05) !important;
    width: 100% !important; box-sizing: border-box !important;
  }
  .market-search input,
  .vf-search-bar input,
  .global-search-bar input {
    order: 1 !important; flex: 1 1 auto !important; min-width: 0 !important;
    font-size: 14px !important; color: #0F172A !important;
    background: transparent !important; border: 0 !important; outline: none !important;
  }
  html[data-page="market"] .market-search .search-button,
  html[data-page="market"] #market-search-btn.search-button {
    order: 2 !important; width: 40px !important; height: 40px !important;
    border-radius: 50% !important; flex: 0 0 auto !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    background-image: linear-gradient(135deg, #18AFFF, #2E6BF0) !important;
    background-color: transparent !important; color: #FFFFFF !important;
    padding: 0 !important; border: 0 !important;
  }
  html[data-theme="dark"] .market-search,
  html[data-theme="dark"] .vf-search-bar { background: #131c33 !important; border-color: #1f2a44 !important; }
}

/* ════════════════ §R12.7 移动端子页面分段按钮统一 (胶囊) ════════════════ */
@media (max-width: 768px) {
  .market-subtab,
  .list-tab, .chain-tab, .tf-tab,
  .radar-seg-btn, .detect-seg-btn {
    height: 38px !important; border-radius: 999px !important;
    padding: 0 14px !important; font-size: 14px !important; font-weight: 700 !important;
    display: inline-flex !important; align-items: center !important; gap: 6px !important;
  }
  /* 未选中: 浅色低饱和 */
  .market-subtab:not(.active),
  .list-tab:not(.active), .chain-tab:not(.active), .tf-tab:not(.active) {
    background: #F1F6FD !important; color: #64748B !important;
  }
  /* 选中: 品牌蓝, 明确 */
  .market-subtab.active,
  .list-tab.active, .chain-tab.active, .tf-tab.active {
    background: #18AFFF !important; color: #FFFFFF !important;
  }
  html[data-theme="dark"] .market-subtab:not(.active),
  html[data-theme="dark"] .list-tab:not(.active),
  html[data-theme="dark"] .chain-tab:not(.active),
  html[data-theme="dark"] .tf-tab:not(.active) { background: #15203a !important; color: #94A3B8 !important; }
}

/* ─── §R12.8 Footer 风险提示横条可读性修复 ─── */
/* 浅色主题: yellow-300 (#FDE047) 在白底对比度极低(看似被裁切), 改深琥珀色 */
html[data-theme="light"] .risk-banner,
.risk-banner {
  background: #FFFBEB !important;          /* amber-50 浅琥珀底 */
  border-color: #FCD34D !important;        /* amber-300 边 */
}
html[data-theme="light"] .risk-banner-text,
.risk-banner-text {
  color: #92400E !important;               /* amber-800 深琥珀字, 高对比可读 */
}
html[data-theme="light"] .risk-banner-text i.fa-triangle-exclamation,
.risk-banner-text i.fa-triangle-exclamation {
  color: #D97706 !important;               /* amber-600 图标 */
}
html[data-theme="light"] .risk-banner-text [data-i18n="footer.risk_warn_label"],
.risk-banner-text [data-i18n="footer.risk_warn_label"] {
  color: #B45309 !important;               /* amber-700 加粗标签 */
}
/* 暗色主题: 保持原亮黄 (深底上可读) */
html[data-theme="dark"] .risk-banner {
  background: rgba(234, 179, 8, 0.05) !important;
}
html[data-theme="dark"] .risk-banner-text {
  color: rgba(253, 224, 71, 0.9) !important;
}

/* ════════════════ §R13 Launch 页面合约检测绿色按钮 + 呼吸灯 ════════════════ */
/* 绿色检测按钮 - 醒目的绿色渐变，吸引用户点击 */
.btn-detect-green {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  background: linear-gradient(135deg, #10B981, #059669);
  border: 2px solid #10B981;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
}

.btn-detect-green:hover {
  background: linear-gradient(135deg, #059669, #047857);
  border-color: #059669;
  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.5);
  transform: translateY(-2px);
}

.btn-detect-green:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}

/* 呼吸灯动画 - 绿色脉冲圆点 */
.detect-pulse-dot {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 12px;
  height: 12px;
  background: #10B981;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
  animation: detect-pulse 2s ease-out infinite;
}

@keyframes detect-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    opacity: 1;
  }
  50% {
    box-shadow: 0 0 0 12px rgba(16, 185, 129, 0);
    opacity: 0.8;
  }
  100% {
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
    opacity: 1;
  }
}

/* 移动端适配 */
@media (max-width: 768px) {
  .btn-detect-green {
    padding: 10px 22px;
    font-size: 14px;
  }
  .detect-pulse-dot {
    top: -4px;
    right: -4px;
    width: 10px;
    height: 10px;
  }
}

/* 暗色主题适配 */
html[data-theme="dark"] .btn-detect-green {
  background: linear-gradient(135deg, #10B981, #059669);
  border-color: #10B981;
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.4);
}

html[data-theme="dark"] .btn-detect-green:hover {
  background: linear-gradient(135deg, #059669, #047857);
  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.6);
}

html[data-theme="dark"] .detect-pulse-dot {
  background: #10B981;
  box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.9);
}

/* ════════════════════════════════════════════════════════════════════════
 * Round 13 · PC 端视觉与导航收口
 * ════════════════════════════════════════════════════════════════════════ */

/* 1) 顶部导航: 去掉 More 后,桌面端平铺并保持“我的”在末位 */
@media (min-width: 1024px) {
  .nav-desktop-grid {
    flex-wrap: wrap;
    row-gap: 4px;
  }
  .nav-desktop-grid .nav-link {
    font-size: 13px;
    padding: 8px 10px;
  }
  .nav-desktop-grid .nav-link.nav-account {
    margin-left: 2px;
  }
}
#nav-more-wrap,
#nav-more-dropdown,
#nav-more-btn {
  display: none !important;
}

/* 2) Market: 清除右侧黑色操作列 + 序号清晰 + 表头 sticky + logo */
.market-page .market-table-wrap {
  overflow: auto !important;
}
.market-page .market-table {
  min-width: 980px;
}
.market-page .market-table thead,
.market-page .market-table thead th {
  position: sticky !important;
  top: 134px !important;
  z-index: 32 !important;
  background: #F8FAFC !important;
}
.market-col-index {
  width: 56px;
  min-width: 56px;
}
.market-rank-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 14px;
  color: #0F172A;
  background: #EAF4FF;
  border: 1px solid #BFDBFE;
  font-variant-numeric: tabular-nums;
}
.market-token-icon-wrap {
  position: relative;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
}
.market-token-logo {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  object-fit: cover;
  border: 1px solid #E2E8F0;
  background: #F8FAFC;
}
.market-token-chain {
  font-size: 12px;
  color: #64748B !important;
}
.market-inline-actions {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.market-col-actions,
.market-row-actions {
  display: none !important;
}
.market-action-btn,
.market-action-trade,
.market-action-detect {
  background: #18AFFF !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  box-shadow: 0 3px 10px rgba(24, 175, 255, 0.22) !important;
}
.market-action-detect {
  background: #EAF4FF !important;
  color: #0F93D2 !important;
  border: 1px solid #BAE6FD !important;
  box-shadow: none !important;
}
.market-action-btn:hover {
  transform: translateY(-1px);
}

/* Round 14 PC 修正: 真实 DOM 是 #market-full-table (id, 非 class),
   旧规则用 .market-full-table(class) 永不命中 → 交易按钮回退荧光绿.
   改用 id 选择器, 且不强依赖 data-page (JS 才注入), 保证桌面交易按钮品牌蓝. */
@media (min-width: 1024px) {
  #market-full-table .market-inline-actions a.market-action-trade {
    background: linear-gradient(135deg, #18AFFF, #2E6BF0) !important;
    background-color: #18AFFF !important;
    color: #FFFFFF !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    height: 34px !important;
    padding: 0 14px !important;
    box-shadow: 0 8px 18px rgba(30,107,240,.22) !important;
  }

  #market-full-table .market-inline-actions a.market-action-trade:hover {
    background: linear-gradient(135deg, #139FE8, #245BDA) !important;
    box-shadow: 0 10px 20px rgba(30,107,240,.28) !important;
  }

  /* 检测按钮: 浅蓝描边 (区分主交易按钮), 桌面行内 */
  #market-full-table .market-inline-actions a.market-action-detect {
    background: #EAF4FF !important;
    color: #0F93D2 !important;
    border: 1px solid #BAE6FD !important;
    box-shadow: none !important;
  }

  /* 问题2: 任何遗留操作列/行内操作容器一律无黑色背景 */
  #market-full-table .market-col-actions,
  #market-full-table .market-row-actions {
    display: none !important;
  }
  #market-full-table td,
  #market-full-table th {
    background: transparent !important;
  }
}

/* 3) Footer 风险提示可读性 */
.risk-banner-text {
  color: #92400E !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
}
.risk-banner-text .font-semibold {
  color: #78350F !important;
}

/* 4) Radar 标题清晰化 */
.radar-title-en {
  font-size: 34px;
  font-weight: 900;
  letter-spacing: -0.35px;
}
.radar-title-cn {
  font-size: 22px;
  font-weight: 800;
}

/* 5) Launch CTA 全部品牌蓝 */
.btn-detect-green {
  background: #18AFFF !important;
  border-color: #18AFFF !important;
  box-shadow: 0 4px 14px rgba(24, 175, 255, 0.35) !important;
}
.btn-detect-green:hover {
  background: #0F93D2 !important;
  border-color: #0F93D2 !important;
  box-shadow: 0 6px 20px rgba(15, 147, 210, 0.5) !important;
}

/* 6) Swap: 文字/图标清晰 + 链按钮/风险概览按钮品牌区分 */
.swap-token-input .text-gray-400,
.swap-token-input .text-gray-500,
.swap-panel .text-gray-400,
.swap-panel .text-gray-500 {
  color: #475569 !important;
}
.swap-token-select {
  background: #F8FAFC !important;
  border: 1px solid #DCE6F4 !important;
  color: #0F172A !important;
  font-weight: 700 !important;
}
.swap-token-select i,
#to-token-symbol,
#from-token-symbol,
#th-symbol,
#th-name {
  color: #0F172A !important;
}
.chain-select,
.swap-chain-chip,
.swap-chain-pill {
  border-color: #BFDBFE !important;
  color: #0F172A !important;
  background: #EFF6FF !important;
}
.chain-select.active,
.swap-chain-chip.active,
.swap-chain-pill.active {
  background: #18AFFF !important;
  border-color: #18AFFF !important;
  color: #FFFFFF !important;
}
#detail-detect-link {
  background: #EEF7FF;
  border: 1px solid #BAE6FD;
  color: #0F93D2 !important;
  padding: 4px 10px;
  border-radius: 999px;
  text-decoration: none !important;
  font-weight: 700;
}
#detail-detect-link:hover {
  background: #DCEFFF;
}

/* Round 14 PC Market 按钮终极收口: 仅桌面, 交易按钮强制品牌蓝
   (去掉 data-page 前缀依赖, id 直选; 修正错误的 td:last-child) */
@media (min-width: 1024px) {
  #market-full-table a.market-action-trade,
  #market-full-table .market-row-actions a.primary,
  #market-full-table a.trade-btn {
    background: linear-gradient(135deg, #18AFFF, #2E6BF0) !important;
    background-color: #18AFFF !important;
    color: #FFFFFF !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    height: 34px !important;
    padding: 0 14px !important;
    border: 0 !important;
    box-shadow: 0 8px 18px rgba(30,107,240,.22) !important;
  }

  #market-full-table a.market-action-trade:hover,
  #market-full-table .market-row-actions a.primary:hover,
  #market-full-table a.trade-btn:hover {
    background: linear-gradient(135deg, #139FE8, #245BDA) !important;
    color: #FFFFFF !important;
    box-shadow: 0 10px 20px rgba(30,107,240,.28) !important;
  }
}

/* ──────────────────────────────────────────────────────────────────────
 * Round 13 · §10.5 Swap 风险概览六小块 — 浅色突出标签块 (不灰暗)
 * ────────────────────────────────────────────────────────────────────── */
.security-checklist { gap: 6px; }
.security-row {
  border-radius: 12px !important;
  border: 1px solid transparent !important;
  padding: 9px 12px !important;
  font-weight: 600;
}
.security-row .security-row-label { font-weight: 700 !important; }
.security-row.ok {
  background: #DCFCE7 !important;
  border-color: #86EFAC !important;
}
.security-row.ok .security-row-label { color: #15803D !important; }
.security-row.ok .security-row-icon i { color: #16A34A !important; }
.security-row.warn {
  background: #FEF9C3 !important;
  border-color: #FDE047 !important;
}
.security-row.warn .security-row-label { color: #A16207 !important; }
.security-row.warn .security-row-icon i { color: #CA8A04 !important; }
.security-row.fail {
  background: #FEE2E2 !important;
  border-color: #FCA5A5 !important;
}
.security-row.fail .security-row-label { color: #B91C1C !important; }
.security-row.fail .security-row-icon i { color: #DC2626 !important; }

/* §10.6 综合安全信用分 — 数字提亮加粗 */
.security-summary-badge,
#security-summary-badge {
  font-weight: 800 !important;
  color: var(--bg-primary, #18AFFF) !important;
}
.credit-score-value,
.security-score-num {
  font-weight: 800 !important;
  color: #0F172A !important;
}

/* ──────────────────────────────────────────────────────────────────────
 * Round 13 · §11.3 合约检测按钮 — 绿色呼吸灯
 * ────────────────────────────────────────────────────────────────────── */
#detect-btn.detect-btn-glow,
.detect-btn-glow {
  background: linear-gradient(135deg, #22C55E, #10B981) !important;
  border: 0 !important;
  color: #fff !important;
  animation: detectBreath 2s ease-in-out infinite;
}
#detect-btn.detect-btn-glow:hover,
.detect-btn-glow:hover {
  background: linear-gradient(135deg, #16A34A, #059669) !important;
}
@keyframes detectBreath {
  0%, 100% { box-shadow: 0 0 0 0 rgba(34,197,94,.45); }
  50%      { box-shadow: 0 0 18px 4px rgba(34,197,94,.55); }
}

/* ──────────────────────────────────────────────────────────────────────
 * Round 14 · §1.4 Swap 交易详情页 4 色块功能按钮
 * 浏览器蓝 / 复制青 / 地址紫 / 分析报告橙 (暗色页面下高对比)
 * ────────────────────────────────────────────────────────────────────── */
.th-action-bar {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.th-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 11px;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all .15s ease;
  white-space: nowrap;
  text-decoration: none;
}
.th-action-btn i { font-size: 11px; }
.th-action-explorer { background: #3B82F6; color: #fff !important; }
.th-action-explorer:hover { background: #2563EB; transform: translateY(-1px); }
.th-action-copy { background: #06B6D4; color: #fff !important; }
.th-action-copy:hover { background: #0891B2; transform: translateY(-1px); }
.th-action-address { background: #8B5CF6; color: #fff !important; }
.th-action-address:hover { background: #7C3AED; transform: translateY(-1px); }
.th-action-report { background: #F59E0B; color: #1F2937 !important; }
.th-action-report:hover { background: #D97706; color: #fff !important; transform: translateY(-1px); }

/* ──────────────────────────────────────────────────────────────────────
 * Round 14 · §5 移动端字体清晰度统一 (仅 ≤640px, 不影响 PC)
 * 普通正文 ≥#64748B, 重要文字 ≥#334155, 标题 #0F172A
 * ────────────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  html[data-theme="light"] .text-gray-600,
  html[data-theme="light"] .text-gray-500 {
    color: #475569 !important; /* 比 #64748B 更清晰一档, 移动端不发虚 */
  }
  html[data-theme="light"] .text-gray-400 {
    color: #64748B !important; /* 普通正文不低于 #64748B */
  }
  html[data-theme="light"] .text-gray-700,
  html[data-theme="light"] .text-gray-800 {
    color: #334155 !important; /* 重要文字 */
  }
  html[data-theme="light"] h1,
  html[data-theme="light"] h2,
  html[data-theme="light"] h3 {
    color: #0F172A;
  }
  /* 数字加粗 (移动端) */
  html[data-theme="light"] .font-mono {
    font-weight: 600;
  }
}

/* ════════════════════════════════════════════════════════════════════════
 * §51 移动端字体与按钮密度二次压缩 (2026-06-03)
 *  目标: 接近 Bitget Wallet 信息密度。仅在 @media (max-width:768px) 内生效,
 *        PC (≥769px) 完全不受影响。不改结构 / 不改业务逻辑 / 不改路由。
 *  字体层级:
 *    页面主标题 22–26 / 模块标题 16–18 / 卡片标题 14–15 / 正文 12.5–13.5
 *    辅助 11.5–12.5 / 弱提示 11–12 / 数值 12.5–14 / 大金额 28–34 / 底栏 10.5–11.5
 *  清晰度: 正文不低于 #334155, 辅助 #64748B, 弱提示 #94A3B8 (不发虚)
 * ════════════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  /* ── 51.1 标题层级 ── */
  h1, .page-title, .vf-page-title { font-size: 24px !important; font-weight: 800 !important; line-height: 1.2 !important; }
  h2, .section-title, .vf-section-title { font-size: 17px !important; font-weight: 800 !important; line-height: 1.25 !important; }
  h3, .card-title, .vf-card-title { font-size: 14.5px !important; font-weight: 700 !important; line-height: 1.3 !important; }
  h4, h5 { font-size: 13px !important; font-weight: 700 !important; }

  /* Tailwind 字号原子类移动端收紧一档 (仅常见大字) */
  .text-3xl { font-size: 24px !important; line-height: 1.2 !important; }
  .text-2xl { font-size: 20px !important; line-height: 1.25 !important; }
  .text-xl  { font-size: 17px !important; line-height: 1.3 !important; }
  .text-lg  { font-size: 15px !important; line-height: 1.35 !important; }
  .text-base { font-size: 13.5px !important; line-height: 1.5 !important; }
  .text-sm  { font-size: 12.5px !important; line-height: 1.5 !important; }
  .text-xs  { font-size: 11.5px !important; line-height: 1.45 !important; }

  /* ── 51.2 正文 / 辅助 / 弱提示 颜色清晰度 (浅色模式, 不发虚) ── */
  html[data-theme="light"] p,
  html[data-theme="light"] li,
  html[data-theme="light"] .text-body { color: #334155 !important; }
  html[data-theme="light"] .text-muted,
  html[data-theme="light"] .text-secondary { color: #64748B !important; }
  html[data-theme="light"] .text-hint,
  html[data-theme="light"] .text-tertiary { color: #94A3B8 !important; }

  /* ── 51.3 大数字 / 资产金额 ── */
  .stat-value, .asset-amount, .balance-value, .vf-stat-value { font-size: 30px !important; font-weight: 800 !important; line-height: 1.1 !important; }

  /* ── 51.4 主/次按钮高度压缩 ── */
  .btn, .vf-btn, .btn-primary, .btn-secondary, .vf-btn-primary, .vf-btn-secondary,
  .btn-ghost, button.btn, a.btn {
    min-height: 42px !important; height: auto !important;
    padding: 0 15px !important; font-size: 13.5px !important; font-weight: 700 !important;
    border-radius: 12px !important;
  }
  /* 小按钮 / 行内操作 */
  .btn-sm, .btn-small, .vf-btn-sm, .btn-search, .btn-detect-green {
    min-height: 32px !important; padding: 0 11px !important; font-size: 12.5px !important;
  }
  /* 筛选 chip / 标签胶囊 */
  .chip, .filter-chip, .tag-chip, .pill, .chain-chip {
    min-height: 31px !important; padding: 0 11px !important; font-size: 12.5px !important; font-weight: 700 !important;
  }
  /* 链选择按钮 */
  .chain-btn, .chain-select-btn, .network-btn {
    min-height: 34px !important; padding: 0 11px !important; font-size: 12.5px !important;
  }
  /* 按钮内图标收一档 */
  .btn i, .vf-btn i, .btn-primary i, .btn-secondary i { font-size: 14px !important; }

  /* ── 51.5 Tab 收紧 ── */
  .tab, .nav-tab, .vf-tab, .segment-tab {
    font-size: 13px !important; font-weight: 700 !important; padding: 8px 12px !important;
  }

  /* ── 51.6 卡片密度 (padding / 圆角) ── */
  .card, .vf-card, .panel, .vf-panel {
    padding: 13px !important; border-radius: 18px !important;
  }
  /* 列表行间距收紧 */
  .list-row, .vf-list-row, .row-item { padding-top: 10px !important; padding-bottom: 10px !important; }
}

/* ════════════════════════════════════════════════════════════════════════
 * §51.NAV 底部导航微调 (仅移动端, 结构不变: 首页/雷达/发射/检测/我的)
 *  在 §50 基础上再精致一档: 底栏 70px / 中间按钮 56px / 图标 22px / 文字 11px
 * ════════════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .mobile-tabbar,
  [class*="mobile-tabbar"] { height: 70px !important; }
  .mobile-tabbar .mobile-tabbar-inner { height: 70px !important; }
  .mobile-tabbar .mobile-tab { height: 70px !important; gap: 3px !important; font-size: 11px !important; }
  .mobile-tabbar .mobile-tab i { font-size: 22px !important; }
  .mobile-tabbar .mobile-tab-swap .mobile-tab-swap-btn {
    width: 56px !important; height: 56px !important; margin-top: -27px !important; font-size: 23px !important;
  }
  .mobile-tabbar .mobile-tab-swap .mobile-tab-swap-btn i { font-size: 23px !important; }
  .mobile-tabbar .mobile-tab-swap span:last-child { font-size: 11px !important; }
}

/* ════════════════════════════════════════════════════════════════════════
 * §52 移动端 UI 密度三次压缩 — 对标真实金融行情 App (2026-06-03)
 *  仅参考真实金融 App 的 UI 密度/排版 (Tab 字号/卡片密度/底栏厚度),
 *  不复制任何品牌 / 文案 / 图标素材。仅 @media (max-width:768px), PC 不动。
 *  目标密度: 一级 Tab 16-18 / 二级 Tab 13-14 / 卡片标题 13 / 数值 20 /
 *            热门板块卡 标题12·数值14·辅助10.5 / 底栏 图标22·文字10.5 / 卡间距12 模块间距16
 * ════════════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  /* ── 52.1 顶部一级导航 Tab (移动端抽屉/横排) ── */
  .nav-link { font-size: 15px !important; }
  .nav-link.active, .navbar .nav-link.active { font-weight: 800 !important; }

  /* ── 52.2 二级 Tab (页面内: ave-main-tab / ave-sub-tab / market-subtab) ── */
  .ave-main-tab, .market-subtab {
    font-size: 14px !important; font-weight: 700 !important;
    padding: 7px 10px !important; min-height: 32px !important; line-height: 1.2 !important;
  }
  .ave-sub-tab {
    font-size: 13px !important; padding: 6px 9px !important; min-height: 30px !important;
  }
  .ave-main-tab.active, .market-subtab.active, .ave-sub-tab.active { font-weight: 800 !important; }
  /* 链/榜单切换 chip (chain-tab / list-tab / bot-tab) 收紧到 30-32px */
  .chain-tab, .list-tab, .bot-tab {
    font-size: 12.5px !important; padding: 5px 10px !important; min-height: 31px !important;
  }

  /* ── 52.3 数据卡片: 标题 13 / 数值 20 (1:1.5 比例) ── */
  .data-card-title, .stat-card-title, .metric-title { font-size: 13px !important; font-weight: 600 !important; }
  .data-card-value, .stat-card-value, .metric-value { font-size: 20px !important; font-weight: 800 !important; line-height: 1.15 !important; }

  /* ── 52.4 热门板块小卡片 (3 列网格) ── */
  .sector-card, .hot-sector-card, .trending-card {
    padding: 12px !important; border-radius: 14px !important;
  }
  .sector-card-title, .hot-sector-title { font-size: 12px !important; font-weight: 700 !important; }
  .sector-card-pct, .hot-sector-pct { font-size: 14px !important; font-weight: 800 !important; }
  .sector-card-sub, .hot-sector-sub { font-size: 10.5px !important; font-weight: 500 !important; }

  /* ── 52.5 整体字号再收一档 (覆盖 §51, 更贴近真实 App) ── */
  h1, .page-title, .vf-page-title { font-size: 23px !important; }   /* 主标题 22-26 取偏低 */
  h2, .section-title, .vf-section-title { font-size: 16.5px !important; }  /* 模块标题 16-18 */
  h3, .card-title, .vf-card-title { font-size: 14px !important; }   /* 卡片标题 14-15 */
  .text-base { font-size: 13px !important; }       /* 正文 12.5-13.5 */
  .text-sm  { font-size: 12.5px !important; }       /* 辅助 11.5-12.5 上限 */
  .text-xs  { font-size: 11.5px !important; }       /* 弱提示 11-12 */
  .font-mono, .num, .value { font-size: 13px !important; }  /* 普通数值 12.5-14 */

  /* ── 52.6 卡片密度 + 模块间距 (卡 padding 12-14 / 间距 12-16) ── */
  .card, .vf-card, .panel, .vf-panel {
    padding: 13px !important; border-radius: 16px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;  /* 轻阴影 */
    margin-bottom: 12px !important;
  }
  /* 主区块纵向节奏: 相邻卡片/模块间距 12-16px */
  .space-y-6 > * + * { margin-top: 14px !important; }
  .space-y-4 > * + * { margin-top: 12px !important; }
  .gap-6 { gap: 14px !important; }
  .gap-4 { gap: 12px !important; }

  /* ── 52.7 主按钮高度 40-44 (取 41) ── */
  .btn, .vf-btn, .btn-primary, .btn-secondary, .vf-btn-primary, .vf-btn-secondary, .btn-ghost {
    min-height: 41px !important; font-size: 13.5px !important;
  }
}

/* ── §52.NAV 底部导航再薄一档 (图标 22 / 文字 10.5 / 底栏 68) ── */
@media (max-width: 767px) {
  .mobile-tabbar, [class*="mobile-tabbar"] { height: 68px !important; }
  .mobile-tabbar .mobile-tabbar-inner { height: 68px !important; }
  .mobile-tabbar .mobile-tab { height: 68px !important; font-size: 10.5px !important; }
  .mobile-tabbar .mobile-tab i { font-size: 22px !important; }
  .mobile-tabbar .mobile-tab-swap span:last-child { font-size: 10.5px !important; }
}

/* ============================================================
   §53 生态扩展 (eco-expand 2026-06-03) — 激光发现/光速圈子/光速合伙人/光速U卡
   蓝白科技风: 白底/浅蓝底 + 圆角卡片 + 轻阴影 + 蓝色科技图标
   移动端优先, 不横向溢出. 全站唯一视觉层内, 不影响既有页面.
   ============================================================ */

/* 53.0 首页生态入口图标色 + 生态二级标题 */
.e-discover .home-entry-icon { background: #EAF3FF; color: #1E5FE6; }
.e-circle   .home-entry-icon { background: #EAF7FF; color: #18AFFF; }
.e-partner  .home-entry-icon { background: #EEF0FF; color: #5B6CF0; }
.e-ucard    .home-entry-icon { background: #E8FAFB; color: #0EA5C7; }
.home-entry-title-eco { margin-top: 18px; }

/* 53.1 页面容器 */
.eco-page { background: #F5F8FD; min-height: 100vh; }
html[data-theme="dark"] .eco-page { background: #0b1120; }
.eco-wrap {
  max-width: 760px; margin: 0 auto; padding: 16px 16px 96px;
  width: 100%; box-sizing: border-box;
}
@media (min-width: 769px) { .eco-wrap { max-width: 960px; padding: 28px 24px 60px; } }

/* 53.2 Hero 标题区 */
.eco-hero {
  background: linear-gradient(135deg, #EAF3FF 0%, #F3F8FF 60%, #FFFFFF 100%);
  border: 1px solid #DCE8FB; border-radius: 20px;
  padding: 22px 18px; margin-bottom: 16px;
  box-shadow: 0 2px 10px rgba(30, 95, 230, 0.06);
}
html[data-theme="dark"] .eco-hero { background: linear-gradient(135deg,#13213f,#0f1830); border-color: #1f2a44; }
.eco-hero-badge {
  display: inline-flex; align-items: center; gap: 6px;
  background: #FFFFFF; border: 1px solid #CFE0FB; color: #1E5FE6;
  font-size: 12px; font-weight: 700; padding: 5px 12px; border-radius: 999px; margin-bottom: 10px;
}
.eco-hero-badge-light { background: rgba(255,255,255,0.85); }
html[data-theme="dark"] .eco-hero-badge { background:#0f1830; border-color:#2a3a5c; color:#7fb0ff; }
.eco-hero-title { font-size: 22px; font-weight: 800; color: #0F2546; margin: 0 0 6px; line-height: 1.25; }
html[data-theme="dark"] .eco-hero-title { color: #E8EEF7; }
.eco-hero-sub { font-size: 13.5px; color: #5A6B86; line-height: 1.5; margin: 0; }
html[data-theme="dark"] .eco-hero-sub { color: #9fb0cc; }
.eco-hero-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.eco-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }

/* 53.3 搜索框 */
.eco-search {
  display: flex; align-items: center; gap: 8px; margin-top: 16px;
  background: #FFFFFF; border: 1.5px solid #D6E3F7; border-radius: 14px;
  padding: 4px 6px 4px 14px;
}
html[data-theme="dark"] .eco-search { background:#0f1830; border-color:#2a3a5c; }
.eco-search-ico { color: #1E5FE6; font-size: 14px; }
.eco-search-input { flex: 1; min-width: 0; border: none; outline: none; background: transparent; font-size: 13.5px; color: #0F2546; padding: 9px 0; }
html[data-theme="dark"] .eco-search-input { color:#E8EEF7; }
.eco-search-input::placeholder { color: #97A6BE; }
.eco-search-btn {
  flex-shrink: 0; background: linear-gradient(135deg,#2E6BF0,#1E5FE6); color: #fff;
  border: none; font-size: 13px; font-weight: 700; padding: 9px 16px; border-radius: 11px; cursor: pointer;
}

/* 53.4 Banner */
.eco-banner-row { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-bottom: 16px; }
.eco-banner {
  display: flex; align-items: center; gap: 12px; padding: 14px;
  border-radius: 16px; text-decoration: none; color: #0F2546;
  border: 1px solid #DCE8FB; box-shadow: 0 1px 4px rgba(15,23,42,0.05);
}
.eco-banner.eb-a { background: linear-gradient(135deg,#E8F1FF,#F4F9FF); }
.eco-banner.eb-b { background: linear-gradient(135deg,#EDEFFF,#F6F7FF); }
html[data-theme="dark"] .eco-banner { background:#101a30; border-color:#1f2a44; color:#E8EEF7; }
.eco-banner-ico {
  width: 42px; height: 42px; flex-shrink: 0; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  background: #FFFFFF; color: #1E5FE6; font-size: 18px; box-shadow: 0 1px 3px rgba(30,95,230,0.12);
}
html[data-theme="dark"] .eco-banner-ico { background:#16223c; }
.eco-banner-t { font-size: 14px; font-weight: 700; }
.eco-banner-s { font-size: 11.5px; color: #6A7A93; margin-top: 2px; }
html[data-theme="dark"] .eco-banner-s { color:#8fa0bd; }

/* 53.5 分类 Tab (横向滚动, 不溢出) */
.eco-tabs { display: flex; gap: 8px; overflow-x: auto; padding: 2px 0 10px; margin-bottom: 6px; -webkit-overflow-scrolling: touch; }
.eco-tabs::-webkit-scrollbar { display: none; }
.eco-tab {
  flex-shrink: 0; text-decoration: none; font-size: 13px; font-weight: 600;
  color: #5A6B86; background: #FFFFFF; border: 1px solid #DCE8FB;
  padding: 7px 14px; border-radius: 999px; white-space: nowrap;
}
.eco-tab.active { color: #fff; background: linear-gradient(135deg,#2E6BF0,#1E5FE6); border-color: transparent; }
html[data-theme="dark"] .eco-tab { background:#101a30; border-color:#1f2a44; color:#9fb0cc; }

/* 53.6 区块 + 标题 */
.eco-sec { margin-bottom: 18px; }
.eco-sec-title {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  font-size: 16px; font-weight: 800; color: #0F2546; margin: 0 0 12px;
}
.eco-sec-title i { color: #1E5FE6; font-size: 15px; }
html[data-theme="dark"] .eco-sec-title { color:#E8EEF7; }
.eco-sec-note { font-size: 12px; color: #6A7A93; margin: -6px 0 12px; line-height: 1.5; }
html[data-theme="dark"] .eco-sec-note { color:#8fa0bd; }

/* 53.7 网格 */
.eco-grid { display: grid; gap: 12px; }
.eco-grid-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.eco-grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width: 520px) { .eco-grid-3 { grid-template-columns: repeat(2, minmax(0,1fr)); } }

/* 53.8 卡片 */
.eco-card, .eco-tile, .eco-stat {
  background: #FFFFFF; border: 1px solid #E4ECF8; border-radius: 16px;
  box-shadow: 0 1px 4px rgba(15,23,42,0.05);
}
html[data-theme="dark"] .eco-card,
html[data-theme="dark"] .eco-tile,
html[data-theme="dark"] .eco-stat { background:#101a30; border-color:#1f2a44; box-shadow:none; }
.eco-card { display: flex; align-items: center; gap: 12px; padding: 13px; text-decoration: none; color: inherit; }
.eco-card-link { transition: box-shadow .15s, transform .1s; }
.eco-card-link:active { transform: scale(0.99); }
.eco-card-link:hover { box-shadow: 0 6px 16px rgba(30,95,230,0.1); }
.eco-card-plain { align-items: flex-start; }
.eco-card-body { flex: 1; min-width: 0; }
.eco-card-title {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  font-size: 14px; font-weight: 700; color: #0F2546;
}
html[data-theme="dark"] .eco-card-title { color:#E8EEF7; }
.eco-card-desc { font-size: 12px; color: #6A7A93; line-height: 1.45; margin-top: 3px; }
html[data-theme="dark"] .eco-card-desc { color:#8fa0bd; }
.eco-card-arrow { color: #B8C6DD; font-size: 12px; flex-shrink: 0; }

/* 53.9 图标 */
.eco-ico {
  width: 44px; height: 44px; flex-shrink: 0; border-radius: 13px;
  display: flex; align-items: center; justify-content: center; font-size: 18px;
}
.eco-ico-sm { width: 36px; height: 36px; border-radius: 11px; font-size: 15px; }
.tone-blue   { background: #EAF3FF; color: #1E5FE6; }
.tone-sky    { background: #EAF7FF; color: #18AFFF; }
.tone-indigo { background: #EEF0FF; color: #5B6CF0; }
.tone-cyan   { background: #E8FAFB; color: #0EA5C7; }
html[data-theme="dark"] .tone-blue   { background:#16294e; }
html[data-theme="dark"] .tone-sky    { background:#13314a; }
html[data-theme="dark"] .tone-indigo { background:#1d2150; }
html[data-theme="dark"] .tone-cyan   { background:#0f3340; }

/* 53.10 Tile (竖排小卡) */
.eco-tile { padding: 14px; text-align: center; }
.eco-tile .eco-ico { margin: 0 auto 8px; }
.eco-tile-title { font-size: 13px; font-weight: 700; color: #0F2546; }
html[data-theme="dark"] .eco-tile-title { color:#E8EEF7; }
.eco-tile-desc { font-size: 11px; color: #6A7A93; line-height: 1.4; margin-top: 3px; }
html[data-theme="dark"] .eco-tile-desc { color:#8fa0bd; }

/* 53.11 列表行 */
.eco-list { display: flex; flex-direction: column; gap: 10px; }
.eco-row {
  display: flex; align-items: flex-start; gap: 12px; padding: 12px 13px;
  background: #FFFFFF; border: 1px solid #E4ECF8; border-radius: 14px; box-shadow: 0 1px 4px rgba(15,23,42,0.05);
}
html[data-theme="dark"] .eco-row { background:#101a30; border-color:#1f2a44; box-shadow:none; }
.eco-row-body { flex: 1; min-width: 0; }
.eco-row-title { font-size: 13.5px; font-weight: 700; color: #0F2546; }
html[data-theme="dark"] .eco-row-title { color:#E8EEF7; }
.eco-row-desc { font-size: 12px; color: #6A7A93; line-height: 1.45; margin-top: 2px; }
html[data-theme="dark"] .eco-row-desc { color:#8fa0bd; }

/* 53.12 标签 */
.eco-tag { display: inline-flex; align-items: center; font-size: 11px; font-weight: 700; padding: 2px 9px; border-radius: 999px; }
.eco-tag-soft { background: #EAF1FF; color: #2E6BF0; }
html[data-theme="dark"] .eco-tag-soft { background:#16294e; color:#7fb0ff; }

/* 53.13 按钮 */
.eco-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  font-size: 13.5px; font-weight: 700; min-height: 42px; padding: 0 18px;
  border-radius: 12px; border: none; cursor: pointer; text-decoration: none;
}
.eco-btn-primary { background: linear-gradient(135deg,#2E6BF0,#1E5FE6); color: #fff; }
.eco-btn-primary[disabled] { opacity: .6; cursor: not-allowed; }
.eco-btn-ghost { background: #FFFFFF; border: 1px solid #D6E3F7; color: #1E5FE6; }
html[data-theme="dark"] .eco-btn-ghost { background:#101a30; border-color:#2a3a5c; color:#7fb0ff; }
.eco-btn-full { width: 100%; margin-top: 12px; }

/* 53.14 风险提醒块 */
.eco-warn {
  background: #FFF8EC; border: 1px solid #F5E2BC; border-radius: 16px; padding: 14px;
}
html[data-theme="dark"] .eco-warn { background:#2a230f; border-color:#4a3d18; }
.eco-warn-list { list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.eco-warn-list li { display: flex; align-items: flex-start; gap: 9px; font-size: 12.5px; color: #6B5418; line-height: 1.45; }
html[data-theme="dark"] .eco-warn-list li { color:#d8c48f; }
.eco-warn-list i { color: #E0902B; font-size: 13px; margin-top: 1px; flex-shrink: 0; }

/* 53.15 合规提示 / 信息条 */
.eco-notice {
  display: flex; align-items: flex-start; gap: 10px; padding: 14px;
  background: #EFF5FF; border: 1px solid #D6E3F7; border-radius: 14px;
  font-size: 12px; color: #4A5C78; line-height: 1.55;
}
.eco-notice i { color: #2E6BF0; font-size: 14px; margin-top: 1px; flex-shrink: 0; }
.eco-notice p { margin: 0; }
.eco-notice-warn { background: #FFF8EC; border-color: #F5E2BC; color: #6B5418; }
.eco-notice-warn i { color: #E0902B; }
html[data-theme="dark"] .eco-notice { background:#101a30; border-color:#1f2a44; color:#9fb0cc; }
html[data-theme="dark"] .eco-notice-warn { background:#2a230f; border-color:#4a3d18; color:#d8c48f; }

/* 53.16 空态 */
.eco-empty {
  text-align: center; padding: 28px 16px;
  background: #FFFFFF; border: 1px dashed #D6E3F7; border-radius: 16px;
}
html[data-theme="dark"] .eco-empty { background:#101a30; border-color:#2a3a5c; }
.eco-empty-ico { font-size: 30px; color: #B8C6DD; margin-bottom: 10px; }
.eco-empty-title { font-size: 14px; font-weight: 700; color: #0F2546; }
html[data-theme="dark"] .eco-empty-title { color:#E8EEF7; }
.eco-empty-desc { font-size: 12px; color: #6A7A93; margin-top: 4px; line-height: 1.5; }
html[data-theme="dark"] .eco-empty-desc { color:#8fa0bd; }

/* 53.17 邀请卡 (合伙人) */
.eco-invite-card {
  background: #FFFFFF; border: 1px solid #E4ECF8; border-radius: 16px; padding: 16px;
  box-shadow: 0 1px 4px rgba(15,23,42,0.05);
}
html[data-theme="dark"] .eco-invite-card { background:#101a30; border-color:#1f2a44; box-shadow:none; }
.eco-invite-row { padding: 8px 0; border-bottom: 1px dashed #E4ECF8; }
.eco-invite-row:last-of-type { border-bottom: none; }
html[data-theme="dark"] .eco-invite-row { border-color:#1f2a44; }
.eco-invite-label { font-size: 11.5px; color: #8094B0; margin-bottom: 4px; }
.eco-invite-val { font-size: 14px; font-weight: 700; color: #0F2546; word-break: break-all; }
html[data-theme="dark"] .eco-invite-val { color:#E8EEF7; }
.eco-invite-val.mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.eco-invite-link { font-size: 12.5px; color: #1E5FE6; }
.eco-invite-hint { display: flex; align-items: center; gap: 6px; font-size: 11.5px; color: #8094B0; margin-top: 10px; }
.eco-invite-hint i { color: #2E6BF0; }

/* 53.18 推广数据 stat */
.eco-stat { padding: 14px; text-align: center; }
.eco-stat .eco-ico-sm { margin: 0 auto 8px; }
.eco-stat-label { font-size: 11.5px; color: #6A7A93; }
html[data-theme="dark"] .eco-stat-label { color:#8fa0bd; }
.eco-stat-val { font-size: 12.5px; font-weight: 700; color: #97A6BE; margin-top: 3px; }

/* 53.19 任务行 */
.eco-task-row {
  display: flex; align-items: center; gap: 10px; padding: 12px 13px;
  background: #FFFFFF; border: 1px solid #E4ECF8; border-radius: 14px; box-shadow: 0 1px 4px rgba(15,23,42,0.05);
}
html[data-theme="dark"] .eco-task-row { background:#101a30; border-color:#1f2a44; box-shadow:none; }
.eco-task-no {
  width: 22px; height: 22px; flex-shrink: 0; border-radius: 7px;
  display: flex; align-items: center; justify-content: center;
  background: #EAF3FF; color: #1E5FE6; font-size: 12px; font-weight: 700;
}
html[data-theme="dark"] .eco-task-no { background:#16294e; color:#7fb0ff; }
.eco-task-text { flex: 1; min-width: 0; font-size: 12.5px; color: #3A4C68; line-height: 1.4; }
html[data-theme="dark"] .eco-task-text { color:#c0cee3; }

/* 53.20 表单卡 */
.eco-form-card { flex-direction: column; align-items: stretch; }
.eco-form-fields { display: flex; flex-direction: column; gap: 12px; width: 100%; }
.eco-form-field { display: flex; flex-direction: column; gap: 5px; }
.eco-form-label { font-size: 12px; font-weight: 600; color: #4A5C78; }
html[data-theme="dark"] .eco-form-label { color:#9fb0cc; }
.eco-form-input-disabled {
  font-size: 12px; color: #97A6BE; background: #F5F8FD; border: 1px dashed #D6E3F7;
  border-radius: 10px; padding: 10px 12px;
}
html[data-theme="dark"] .eco-form-input-disabled { background:#0f1830; border-color:#2a3a5c; }
.eco-form-note { font-size: 11.5px; color: #97A6BE; text-align: center; margin-top: 8px; }

/* 53.21 U 卡视觉 */
.eco-hero-card { text-align: center; }
.eco-hero-partner .eco-hero-title, .eco-hero-card .eco-hero-title { margin-top: 4px; }
.eco-ucard {
  max-width: 320px; margin: 4px auto 16px; aspect-ratio: 16 / 10;
  background: linear-gradient(135deg,#1E5FE6 0%, #2E6BF0 45%, #18AFFF 100%);
  border-radius: 18px; padding: 18px; color: #fff;
  display: flex; flex-direction: column; justify-content: space-between;
  box-shadow: 0 10px 28px rgba(30,95,230,0.28);
}
.eco-ucard-top { display: flex; align-items: center; justify-content: space-between; }
.eco-ucard-brand { font-size: 13px; font-weight: 800; letter-spacing: .5px; }
.eco-ucard-nfc { font-size: 16px; opacity: .85; }
.eco-ucard-no { font-size: 17px; font-weight: 700; letter-spacing: 2px; font-family: ui-monospace, monospace; }
.eco-ucard-bottom { display: flex; align-items: flex-end; justify-content: space-between; }
.eco-ucard-name { font-size: 12px; font-weight: 600; opacity: .95; }
.eco-ucard-logo { font-size: 26px; font-weight: 900; opacity: .9; }

/* 53.22 预约条 */
.eco-reserve {
  display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap;
  background: linear-gradient(135deg,#EAF3FF,#F4F9FF); border: 1px solid #DCE8FB;
  border-radius: 16px; padding: 16px;
}
html[data-theme="dark"] .eco-reserve { background:linear-gradient(135deg,#13213f,#0f1830); border-color:#1f2a44; }
.eco-reserve-body { flex: 1; min-width: 180px; }
.eco-reserve-title { font-size: 14px; font-weight: 700; color: #0F2546; }
html[data-theme="dark"] .eco-reserve-title { color:#E8EEF7; }
.eco-reserve-desc { font-size: 12px; color: #6A7A93; margin-top: 3px; }
html[data-theme="dark"] .eco-reserve-desc { color:#8fa0bd; }

/* 53.23 FAQ */
.eco-faq { display: flex; flex-direction: column; gap: 10px; }
.eco-faq-item {
  background: #FFFFFF; border: 1px solid #E4ECF8; border-radius: 14px; padding: 0 14px;
  box-shadow: 0 1px 4px rgba(15,23,42,0.05);
}
html[data-theme="dark"] .eco-faq-item { background:#101a30; border-color:#1f2a44; box-shadow:none; }
.eco-faq-q {
  font-size: 13.5px; font-weight: 700; color: #0F2546; cursor: pointer;
  padding: 13px 0; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 10px;
}
.eco-faq-q::-webkit-details-marker { display: none; }
.eco-faq-q::after { content: "\002B"; color: #1E5FE6; font-weight: 700; }
.eco-faq-item[open] .eco-faq-q::after { content: "\2212"; }
html[data-theme="dark"] .eco-faq-q { color:#E8EEF7; }
.eco-faq-a { font-size: 12.5px; color: #6A7A93; line-height: 1.55; padding: 0 0 13px; }
html[data-theme="dark"] .eco-faq-a { color:#8fa0bd; }

/* 53.24 移动端微调 */
@media (max-width: 768px) {
  .eco-hero-title { font-size: 20px; }
  .eco-banner-row { grid-template-columns: 1fr; }
  .eco-sec-title { font-size: 15px; }
}

/* ═══════════════════════════════════════════════════════════════════
   §54  /discover 移动端层级精简 (2026-06-03 r2)
   核心入口大卡 · 分组层级 · 折叠区 · 极简 Footer
   ─ 蓝色科技色板: #1E5FE6 / #2E6BF0 / #18AFFF / #0EA5C7
   ═══════════════════════════════════════════════════════════════════ */

/* ── 54.1 Tab 对齐 4 大分组 (横向不溢出, 可滑动) ── */
.disc-tabs { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.disc-tabs::-webkit-scrollbar { display: none; }

/* ── 54.2 核心入口 4 大卡 (突出优先级) ── */
.disc-core-sec { margin-top: 4px; }
.disc-core-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.disc-core-card {
  display: flex; align-items: center; gap: 11px;
  padding: 14px 13px;
  background: #FFFFFF;
  border: 1px solid #E2ECFB;
  border-radius: 16px;
  box-shadow: 0 4px 14px rgba(30,95,230,0.06);
  text-decoration: none; color: inherit;
  transition: box-shadow .15s, transform .1s;
}
.disc-core-card:active { transform: scale(0.99); }
.disc-core-card:hover { box-shadow: 0 8px 20px rgba(30,95,230,0.12); }
.disc-core-card .eco-ico { width: 44px; height: 44px; font-size: 19px; flex-shrink: 0; }
.disc-core-body { flex: 1; min-width: 0; }
.disc-core-title {
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
  font-size: 15px; font-weight: 700; color: #0F2546; line-height: 1.25;
}
.disc-core-desc {
  font-size: 11.5px; color: #6A7A93; line-height: 1.35; margin-top: 3px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html[data-theme="dark"] .disc-core-card { background:#10182B; border-color:#22304d; box-shadow:none; }
html[data-theme="dark"] .disc-core-title { color:#E8EEF7; }
html[data-theme="dark"] .disc-core-desc { color:#8fa0bd; }

/* ── 54.3 分组区块层级 (大分组标题加重, 顶部分隔) ── */
.disc-group { margin-top: 22px; padding-top: 18px; border-top: 1px solid #EAF0FA; }
.disc-group:first-of-type { border-top: none; padding-top: 4px; }
.disc-group-title { font-size: 16px; font-weight: 800; }
html[data-theme="dark"] .disc-group { border-top-color:#1c2740; }
.disc-sub-title {
  display: flex; align-items: center; gap: 7px;
  font-size: 13px; font-weight: 700; color: #41506A;
  margin: 16px 0 8px;
}
.disc-sub-title i { color: #1E5FE6; font-size: 12px; }
html[data-theme="dark"] .disc-sub-title { color:#aab8d2; }

/* 工具卡: 普通生态工具卡, 只一行说明 */
.disc-tool-card .eco-card-desc {
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* ── 54.4 折叠区 (summary + 查看更多) ── */
.disc-fold { margin-top: 10px; }
.disc-fold-sum {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  list-style: none; cursor: pointer;
  padding: 9px 14px;
  font-size: 12.5px; font-weight: 600; color: #1E5FE6;
  background: #F2F7FF;
  border: 1px solid #DCE8FB;
  border-radius: 12px;
  user-select: none;
}
.disc-fold-sum::-webkit-details-marker { display: none; }
.disc-fold-sum i { font-size: 10px; transition: transform .2s; }
.disc-fold[open] > .disc-fold-sum i { transform: rotate(180deg); }
.disc-fold-body { margin-top: 10px; }
.disc-fold-inwarn { margin-top: 8px; }
.disc-fold-inwarn .disc-fold-sum { background: rgba(224,144,43,0.08); border-color: rgba(224,144,43,0.25); color: #C9781E; }
html[data-theme="dark"] .disc-fold-sum { background:#141d31; border-color:#26324d; color:#7fb0ff; }
html[data-theme="dark"] .disc-fold-inwarn .disc-fold-sum { background:rgba(224,144,43,0.12); border-color:rgba(224,144,43,0.3); color:#e3a857; }

/* 用户反馈卡 (风险分组内) */
.disc-feedback { margin-top: 12px; }

/* ── 54.5 极简 Footer ── */
.disc-footer {
  margin-top: 28px;
  padding: 20px 16px calc(76px + env(safe-area-inset-bottom, 0px));
  background: #F5F8FD;
  border-top: 1px solid #E6EEFA;
}
html[data-theme="dark"] .disc-footer { background:#0c1322; border-top-color:#1c2740; }
.disc-footer-brand { margin-bottom: 14px; }
.disc-footer-name { font-size: 14px; font-weight: 800; color: #0F2546; }
.disc-footer-tag { font-size: 11.5px; color: #6A7A93; line-height: 1.5; margin-top: 4px; }
html[data-theme="dark"] .disc-footer-name { color:#E8EEF7; }
html[data-theme="dark"] .disc-footer-tag { color:#8fa0bd; }
.disc-foot-fold { border-top: 1px solid #E6EEFA; }
html[data-theme="dark"] .disc-foot-fold { border-top-color:#1c2740; }
.disc-foot-sum {
  display: flex; align-items: center; justify-content: space-between;
  list-style: none; cursor: pointer;
  padding: 12px 2px;
  font-size: 13px; font-weight: 700; color: #41506A;
  user-select: none;
}
.disc-foot-sum::-webkit-details-marker { display: none; }
.disc-foot-sum i { font-size: 11px; color: #9DB0CE; transition: transform .2s; }
.disc-foot-fold[open] > .disc-foot-sum i { transform: rotate(180deg); }
html[data-theme="dark"] .disc-foot-sum { color:#aab8d2; }
.disc-foot-links { display: flex; flex-direction: column; gap: 8px; padding: 2px 2px 12px; }
.disc-foot-links a { font-size: 12.5px; color: #6A7A93; text-decoration: none; }
.disc-foot-links a:hover { color: #1E5FE6; }
html[data-theme="dark"] .disc-foot-links a { color:#8fa0bd; }
.disc-footer-copy {
  margin-top: 14px; padding-top: 12px;
  border-top: 1px solid #E6EEFA;
  font-size: 10.5px; color: #93A2BC; line-height: 1.5;
}
html[data-theme="dark"] .disc-footer-copy { border-top-color:#1c2740; color:#6a7894; }

/* ── 54.6 移动端密度微调 ── */
@media (max-width: 768px) {
  .disc-core-title { font-size: 14px; }
  .disc-group-title { font-size: 15px; }
  /* 桌面端核心入口 4 列, 移动保持 2 列已在 base 定义 */
}
/* 桌面端: 核心入口 4 列展开 */
@media (min-width: 769px) {
  .disc-core-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .disc-footer { padding-bottom: 24px; }
  .disc-foot-fold[open] > .disc-foot-sum i,
  .disc-footer { /* 桌面 footer 仍保持折叠交互, 不强制展开 */ }
}

/* ============================================================
   §55 交易安全闸门二次确认弹窗 txGuard — r148 2026-06-03
   真实交易开关 ON 时弹出; 展示动作/链/合约/金额; 不改既有页面结构
   ============================================================ */
.txg-modal { max-width: 420px; }
.txg-x {
  border: none; background: #f1f5f9; color: #64748b;
  width: 30px; height: 30px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; cursor: pointer;
}
.txg-x:hover { background: #e2e8f0; }
.txg-rows {
  display: flex; flex-direction: column; gap: 8px;
  background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px;
  padding: 12px 14px; margin-bottom: 12px;
}
.txg-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 13px; }
.txg-row-k { color: #64748b; white-space: nowrap; }
.txg-row-k i { width: 16px; text-align: center; margin-right: 5px; color: #94a3b8; }
.txg-row-v { color: #0f172a; font-weight: 600; text-align: right; word-break: break-all; }
.txg-warn {
  display: flex; gap: 7px; align-items: flex-start;
  font-size: 12px; color: #b45309; line-height: 1.5;
  background: #fffbeb; border: 1px solid #fde68a; border-radius: 10px;
  padding: 9px 11px; margin-bottom: 14px;
}
.txg-warn i { margin-top: 1px; }
/* r149: 网络校验不通过时的红色错误提示框 */
.txg-mismatch {
  display: flex; gap: 7px; align-items: flex-start;
  font-size: 12px; color: #dc2626; line-height: 1.5;
  background: #fef2f2; border: 1px solid #fecaca; border-radius: 10px;
  padding: 9px 11px; margin: 0 0 14px;
}
.txg-mismatch i { margin-top: 1px; }
.txg-actions { display: flex; gap: 10px; }
.txg-btn {
  flex: 1; padding: 11px 14px; border-radius: 10px;
  font-size: 14px; font-weight: 600; cursor: pointer; border: 1px solid transparent;
  transition: filter 0.15s, background 0.15s;
}
.txg-btn-cancel { background: #f1f5f9; color: #475569; border-color: #e2e8f0; }
.txg-btn-cancel:hover { background: #e2e8f0; }
.txg-btn-ok { background: #f59e0b; color: #fff; }
.txg-btn-ok:hover { filter: brightness(1.06); }

html[data-theme="dark"] .txg-x { background: #334155; color: #cbd5e1; }
html[data-theme="dark"] .txg-rows { background: #0f172a; border-color: #334155; }
html[data-theme="dark"] .txg-row-k { color: #94a3b8; }
html[data-theme="dark"] .txg-row-v { color: #e2e8f0; }
html[data-theme="dark"] .txg-warn { background: rgba(180,83,9,0.12); border-color: rgba(253,230,138,0.25); color: #fbbf24; }
html[data-theme="dark"] .txg-mismatch { background: rgba(220,38,38,0.12); border-color: rgba(248,113,113,0.30); color: #f87171; }
html[data-theme="dark"] .txg-btn-ok:disabled,
.txg-btn-ok:disabled { opacity: 0.5; cursor: not-allowed; filter: none; }
html[data-theme="dark"] .txg-btn-cancel { background: #1e293b; color: #cbd5e1; border-color: #334155; }
html[data-theme="dark"] .txg-btn-cancel:hover { background: #334155; }