/* 共享页面容器与数据卡片 —— 所有页面统一使用,保证视觉一致 */

.content {
  padding: 24px 28px 48px;
  width: 100%;
  box-sizing: border-box;
  max-width: 1280px;
  margin: 0 auto;
}

/* 数据展示卡片(表格 / JSON 树 / 日志等内容的容器) */
.card {
  background: var(--semi-color-bg-1);
  border: 1px solid var(--semi-color-fill-2);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(var(--semi-grey-9), 0.04), 0 2px 6px rgba(var(--semi-grey-9), 0.03);
  overflow: hidden;
}

/* KPI 概览条(与主页 overview 同款) */
.kpiStrip {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  align-items: center;
  padding: 13px 20px;
  margin-bottom: 24px;
  background: var(--semi-color-bg-1);
  border: 1px solid var(--semi-color-fill-2);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(var(--semi-grey-9), 0.04), 0 2px 6px rgba(var(--semi-grey-9), 0.03);
}

.kpiItem {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  color: var(--semi-color-text-2);
}

.kpiItem b {
  font-size: 15px;
  font-weight: 650;
  color: var(--semi-color-text-0);
  font-variant-numeric: tabular-nums;
}

@media (max-width: 880px) {
  .content {
    padding: 18px 16px 36px;
  }
}