/* 2026-10-31 首页规模条（200+ / 4 亿㎡+ / 整季）统一
   问题：多版补丁叠加后，首格没有竖线、三格文字起点与线距不一致、数值上标大小不一、
       第三格说明文字明显比前两格长。
   处理：三格统一「左侧 2px 竖线 + 22px 字线间距 + 同一套数值/上标/说明层级」，
       竖线随格子等高（grid stretch 保证三格等高），因此三格线长严格一致。 */

body.v5-site .v3-proof-band{padding:34px 0 !important;background:#fff !important}

body.v5-site .v3-proof-band .wrap.v3-proof-inner{
  width:min(1200px,calc(100% - 64px)) !important;
  max-width:1200px !important;
  margin-inline:auto !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:0 !important;
  align-items:stretch !important;
}

/* 每格：左 22px 给竖线让位，右 36px 作为格与格的呼吸 */
body.v5-site .v3-proof-band .v3-proof-inner>div{
  position:relative !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  padding:2px 36px 2px 22px !important;
  margin:0 !important;
  border:0 !important;
  background:none !important;
}

/* 竖线：三格都有，贴在每格左边界；上下拉到格子高度，故三格等长 */
body.v5-site .v3-proof-band .v3-proof-inner>div::before{
  content:'' !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:2px !important;
  height:auto !important;
  background:#ed8b11 !important;
  transform:none !important;
}

/* 旧补丁在格子右侧画的分隔线全部撤掉，避免出现两套线 */
body.v5-site .v3-proof-band .v3-proof-inner>div::after{
  content:none !important;
  display:none !important;
}
/* 上面这条被 :not(:last-child) 的更高特异性规则压住，必须同等特异性再覆盖一次，
   否则一、二格右侧会多出一条短线，与左侧竖线并成 4px 双线。 */
body.v5-site .v3-proof-band .v3-proof-inner>div:not(:last-child)::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* 关键：旧补丁用 :first-child / :last-child 把首末格内边距清零，
   特异性更高，必须同权重覆盖，否则首格的字会贴住竖线。 */
body.v5-site .v3-proof-band .v3-proof-inner>div:first-child{
  padding-left:22px !important;
}
body.v5-site .v3-proof-band .v3-proof-inner>div:last-child{
  padding-right:36px !important;
}

/* 数值：三格同字号同字重 */
body.v5-site .v3-proof-band .v3-proof-inner>div>strong{
  display:block !important;
  margin:0 !important;
  font-size:clamp(26px,2.7vw,38px) !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  letter-spacing:-.01em !important;
  color:#253256 !important;
  white-space:nowrap !important;
}

/* 上标：+ 与 ㎡+ 用同一套缩小与抬升量，不再一大一小 */
body.v5-site .v3-proof-band .v3-proof-inner>div>strong sup{
  font-size:.46em !important;
  font-weight:700 !important;
  line-height:0 !important;
  position:relative !important;
  top:-.42em !important;
  margin-left:.05em !important;
  letter-spacing:0 !important;
  vertical-align:baseline !important;
}

/* 说明文字：三格同字号、同基线、单行不折 */
body.v5-site .v3-proof-band .v3-proof-inner>div>span{
  display:block !important;
  margin:10px 0 0 !important;
  padding:0 !important;
  font-size:13px !important;
  line-height:1.5 !important;
  color:#5a698c !important;
  white-space:nowrap !important;
}

@media(max-width:760px){
  body.v5-site .v3-proof-band{padding:26px 0 !important}
  body.v5-site .v3-proof-band .wrap.v3-proof-inner{
    width:calc(100% - 40px) !important;
    grid-template-columns:1fr !important;
    row-gap:16px !important;          /* 让三格的竖线断开，不连成一条长线 */
  }
  body.v5-site .v3-proof-band .v3-proof-inner>div{
    padding:6px 0 6px 18px !important;
    justify-content:flex-start !important;
  }
  body.v5-site .v3-proof-band .v3-proof-inner>div:first-child{padding-left:18px !important}
  body.v5-site .v3-proof-band .v3-proof-inner>div:last-child{padding-right:0 !important}
  body.v5-site .v3-proof-band .v3-proof-inner>div>strong{font-size:26px !important}
  body.v5-site .v3-proof-band .v3-proof-inner>div>span{
    font-size:12px !important;
    white-space:normal !important;
  }
}