/* ==========================================================================
   首页案例卡（.vcard / .vc-kpi）2026-10-30
   目标：三张卡片底部 KPI 区视觉节奏一致
   1) 三列严格等宽 —— 原 1.24fr/1fr/1fr 造成竖线间距一大一小
   2) 三列字号统一 —— 原按列单独设字号，数字高矮不齐
   3) 竖线改为定高垂直居中对齐 —— 原整格 border-right 随内容长短不齐
   4) 摘要行统一占两行高 —— 三卡 KPI 顶线（border-top）齐平
   本文件必须最后加载。
   ========================================================================== */

body.v5-site .home-real-cases .vc-kpi{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  column-gap:0!important;
  padding-top:16px;
}

body.v5-site .home-real-cases .vc-kpi>div{
  padding:0 10px!important;
  border-right:0!important;
  border-left:0!important;
  position:relative;
  min-height:44px;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  overflow:visible!important;
}

/* 定高竖线：只在第 2、3 格左侧，32px 垂直居中 */
body.v5-site .home-real-cases .vc-kpi>div+div::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:32px;
  background:#d7deed;
}

body.v5-site .home-real-cases .vc-kpi>div:first-child{padding-left:0!important}
body.v5-site .home-real-cases .vc-kpi>div:last-child{padding-right:0!important}

/* 数字统一字号，不再按列区别对待 */
body.v5-site .home-real-cases .vc-kpi b{
  font-size:clamp(13px,1.03vw,16.5px)!important;
  letter-spacing:-.02em!important;
  line-height:1.3!important;
  white-space:nowrap!important;
}
body.v5-site .home-real-cases .vc-kpi span{
  font-size:11px!important;
  line-height:1.4!important;
  margin-top:3px!important;
  white-space:nowrap!important;
}

/* 摘要统一两行高：三卡 KPI 顶线齐平，也让 H3 之后的节奏一致 */
body.v5-site .home-real-cases .vc-sub{
  min-height:45.9px; /* 13.5px × 1.7 × 2 行 */
}

/* ---------- 窄屏 ---------- */
@media (max-width:900px){
  body.v5-site .home-real-cases .vc-kpi>div{padding:0 7px!important}
  body.v5-site .home-real-cases .vc-kpi b{font-size:13px!important}
  body.v5-site .home-real-cases .vc-sub{min-height:0}
}
@media (max-width:560px){
  body.v5-site .home-real-cases .vc-kpi b{font-size:12.5px!important;letter-spacing:-.03em!important}
  body.v5-site .home-real-cases .vc-kpi span{font-size:10.5px!important}
  body.v5-site .home-real-cases .vc-kpi>div{padding:0 6px!important;min-height:40px}
  body.v5-site .home-real-cases .vc-kpi>div+div::before{height:28px}
}