/* 智数量策 · 开盘啦/全球市场新页面样式（2026-11-06） */
.global-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 10px;
  margin-top: 12px;
}
.global-card {
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 12px 14px;
  background: var(--bg-card);
  cursor: pointer;
  transition: border-color .15s, box-shadow .15s;
}
.global-card:hover {
  border-color: var(--accent-blue);
  box-shadow: 0 2px 12px rgba(29, 78, 216, .10);
}
.global-card-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.global-name { font-size: 15px; font-weight: 600; color: var(--text-primary); }
.global-price { font-size: 24px; font-weight: 700; color: var(--text-primary); margin-top: 8px; font-variant-numeric: tabular-nums; }
.global-chg { font-size: 14px; margin-top: 4px; font-variant-numeric: tabular-nums; }
.global-meta { display: flex; justify-content: space-between; gap: 8px; margin-top: 8px; font-size: 12px; color: var(--text-muted); }
.global-time { margin-top: 4px; font-size: 12px; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.gm-kv {
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 10px 12px;
  background: var(--bg-secondary);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.gm-kv span { font-size: 12px; color: var(--text-muted); }
.gm-kv b { font-size: 18px; color: var(--text-primary); font-variant-numeric: tabular-nums; }

.lr-stat-grid, .gl-stat-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}
.lr-stat, .gl-stat {
  min-width: 92px;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 10px 14px;
  background: var(--bg-card);
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.lr-stat b, .gl-stat b { font-size: 20px; color: var(--text-primary); font-variant-numeric: tabular-nums; }
.lr-stat span, .gl-stat span { font-size: 12px; color: var(--text-muted); }

@media (max-width: 720px) {
  .global-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .global-price { font-size: 19px; }
  .lr-stat, .gl-stat { flex: 1 1 30%; min-width: 0; }
}
.kpl-table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
@media (max-width: 720px) {
  .kpl-table-wrap .el-table { min-width: 900px; }
}