/* ==========================================================================
   XBOSS 运营概览 · 深色金融风卡片增强（v2，配套 dashboard-overview-enhance.js）
   2026-08-07
   仅作用于被注入 JS 标记了 .xb-dash-card 的概览页卡片，不影响其他页面
   ========================================================================== */

.xb-dash-card { position: relative; overflow: hidden; }

/* 左侧渐变色条 */
.xb-dash-card::before {
  content: "";
  position: absolute;
  top: 12px; left: 0; bottom: 12px;
  width: 3px; border-radius: 3px;
}
.xb-dash-card.tone-success::before { background: linear-gradient(180deg,#34d399,#0fa86f); }
.xb-dash-card.tone-primary::before { background: linear-gradient(180deg,#38bdf8,#1e7bd1); }
.xb-dash-card.tone-info::before    { background: linear-gradient(180deg,#60a5fa,#3b82f6); }
.xb-dash-card.tone-warning::before { background: linear-gradient(180deg,#fbbf24,#d97706); }

/* 涨跌颜色 */
.delta-up   { color: #34d399; font-weight: 700; }
.delta-down { color: #f87171; font-weight: 700; }
.delta-flat { color: #9aa6b8; font-weight: 700; }
.delta-ongoing { color: #60a5fa; font-weight: 700; }

/* 主卡：今日交易额（发光边框 + 渐变数字 + 微渐变底 · 加强版） */
.xb-dash-card.xb-dash-featured {
  border-color: #2f4a78 !important;
  background:
    linear-gradient(180deg, rgba(56,189,248,.10) 0%, rgba(56,189,248,.03) 40%, transparent 70%) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.30),
    0 6px 28px rgba(56,189,248,.20),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.xb-dash-card.xb-dash-featured::before {
  width: 4px !important;
  background: linear-gradient(180deg,#818cf8 0%,#38bdf8 50%,#34d399 100%) !important;
  box-shadow: 0 0 12px rgba(56,189,248,.55);
}
.xb-dash-card.xb-dash-featured .money {
  font-size: 32px !important;
  font-weight: 800 !important;
  background: linear-gradient(90deg,#a5b4fc 0%,#7dd3fc 45%,#38bdf8 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: 0 0 28px rgba(125,211,252,.35);
  letter-spacing: -0.4px;
}

@media (max-width: 640px) {
  .xb-dash-card.xb-dash-featured .money { font-size: 26px !important; }
}