/* ============================================================
   Puchuan — section-stats.css
   数据统计：深蓝渐变背景 + pc-count-up 数字滚动
   ============================================================ */

#block-stats {
  position: relative;
  overflow: hidden;
  padding: 4rem 0;
  /* 固定深蓝装饰渐变，保留原始端点：区块默认 color_scheme 为 scheme-1（浅色，
     --color-background 解析为 #f8fafc），语义令牌在默认配色下会渲染成浅底；
     仅当区块切到 scheme-2（深色）时 --color-background 才等于 #0f172a。
     stats.liquid 内联 background 同值且优先于本规则。 */
  background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);
}

.stats-glow {
  pointer-events: none;
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 80% at 85% 15%, rgba(14, 165, 233, 0.18), transparent 55%),
    radial-gradient(ellipse 55% 75% at 8% 90%, rgba(37, 99, 235, 0.22), transparent 55%);
}

.stats-inner {
  position: relative;
  margin: 0 auto;
  max-width: var(--page-width);
  padding: 0 1rem;
}

.stats-head {
  margin-bottom: 3rem;
  text-align: center;
}

.stats-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: var(--color-sky-300);
}

.stats-eyebrow::before {
  content: '';
  width: 1.5rem;
  height: 0.125rem;
  border-radius: 999px;
  background: linear-gradient(to right, var(--color-sky-400), var(--color-cyan-300));
}

.stats-title {
  margin-top: 1rem;
  font-size: 1.875rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  /* 深蓝底白字：默认 scheme-1 下 --color-foreground 解析为深色 #0f172a，保留原始值 */
  color: #ffffff;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2.5rem;
}

.stat-item {
  text-align: center;
}

.stat-number {
  display: flex;
  align-items: baseline;
  justify-content: center;
  /* 深蓝底白字：默认 scheme-1 下 --color-foreground 解析为深色 #0f172a，保留原始值 */
  color: #ffffff;
}

/* pc-count-up 渲染值（与静态页 index.html 内联样式一致） */
.pc-count-value {
  font-size: 2.25rem;
  line-height: 1.15;
  font-weight: 800;
  /* 深蓝底白字：默认 scheme-1 下 --color-foreground 解析为深色 #0f172a，保留原始值 */
  color: #ffffff;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}

.pc-count-suffix {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-sky-300);
  margin-left: 3px;
  font-variant-numeric: tabular-nums;
}

.stat-label {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-text-on-dark-muted);
}

@media (min-width: 768px) {
  #block-stats {
    padding: 5rem 0;
  }

  .stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .stats-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 2.5rem;
  }

  .stats-title {
    font-size: 2.25rem;
  }
}

@media (max-width: 640px) {
  .pc-count-value {
    font-size: 1.75rem;
  }

  .pc-count-suffix {
    font-size: 1rem;
  }
}