/* ============================================================
   Puchuan — section-cases.css
   客户案例卡片（v1.3.2 重新设计：编辑式编号卡，无封面图）
   方向：内容优先 —— 白卡 + 顶部渐变细线 + 大号渐变序号，
   与「川」三笔 Logo 的扁平克制语言一致（DESIGN-SPEC §5.6）
   ============================================================ */

/* 卡片：基础样式走 .section-card（白底/1.5rem 圆角/边框/卡片阴影）
   padding 20px（p-5），hover 上移 + 深阴影由工具类承担 */

/* 顶部渐变细线（四档 pc-gradient-* 复用 base.css 渐变） */
.pc-case-keyline {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  pointer-events: none;
}

/* 大号渐变序号（背景裁剪文字，复用四档渐变 class） */
.pc-case-num {
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

/* 行业标签：浅主色底 + 深主色字（令牌，规范 §2.6） */
.pc-case-tag {
  padding: 0.25rem 0.625rem;
  border-radius: 999px;
  background: var(--color-primary-tint-10);
  color: var(--color-primary-700);
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}

/* 成效数据行：与描述区隔，下缘对齐（卡片底部） */
.pc-case-metric {
  margin-top: auto;
  padding-top: 0.875rem;
  border-top: 1px solid var(--color-border-light);
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}

.pc-case-metric-value {
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
  color: var(--color-primary-600);
  /* 数字对齐（DESIGN-SPEC §3.3） */
  font-variant-numeric: tabular-nums;
}

.pc-case-metric-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--color-text-muted);
}

/* 减少动态偏好：无自身动画，预留（规范 §7.4） */
@media (prefers-reduced-motion: reduce) {
  .pc-case-keyline,
  .pc-case-num,
  .pc-case-tag,
  .pc-case-metric {
    transition: none;
  }
}