/* ============================================================
   首页首屏 · 间距加大 v2（2026-09-30）
   用户：行高可以高一点，文字都挤到一起了，不够大气
   v2：再加大一档 + chips 改 2×2 消孤儿
   ============================================================ */

.hero{
  padding:68px 0 60px !important;
}
.hero-in{
  row-gap:30px !important;
}

/* badge */
.hero-badge{
  margin-bottom:28px !important;
  padding:8px 17px !important;
  font-size:13px !important;
  line-height:1.55 !important;
}

/* ⭐ 主标题 */
.hero h1{
  font-size:clamp(32px, 3.6vw, 46px) !important;
  line-height:1.30 !important;
  letter-spacing:-1px !important;
  margin:0 0 30px !important;
}

/* ⭐ 正文 */
.hero-sub,
.hero p{
  font-size:15.5px !important;
  line-height:2.0 !important;
  margin:0 0 40px !important;
  max-width:620px !important;
  color:#5a6577 !important;
}

/* 按钮组 */
.hero-btns{
  margin:0 !important;
  gap:16px !important;
}
.hero-btns .btn{
  padding:15px 32px !important;
  font-size:15px !important;
  line-height:1.45 !important;
}

/* ⭐ chips：改 2×2 网格（消除孤儿）*/
.hero-chips{
  margin-top:40px !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, max-content)) !important;
  gap:12px 14px !important;
  max-width:440px !important;
}
.hero-chips .chip,
.hero-chips > *{
  padding:9px 17px !important;
  font-size:12.5px !important;
  line-height:1.5 !important;
  justify-content:flex-start !important;
  white-space:nowrap !important;
}

/* ========== 移动端 ========== */
@media (max-width:900px){
  .hero{padding:34px 0 32px !important}
  .hero-badge{margin-bottom:16px !important;padding:6px 13px !important;font-size:11.5px !important}
  .hero h1{
    font-size:27px !important;
    line-height:1.34 !important;
    margin:0 0 18px !important;
    letter-spacing:-.5px !important;
  }
  .hero-sub, .hero p{
    font-size:13px !important;
    line-height:1.88 !important;
    margin:0 0 22px !important;
  }
  .hero-btns{gap:10px !important}
  .hero-btns .btn{padding:11px 20px !important;font-size:13px !important}
  .hero-chips{
    margin-top:22px !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:8px !important;
    max-width:100% !important;
  }
  .hero-chips .chip, .hero-chips > *{
    padding:7px 12px !important;
    font-size:11px !important;
    white-space:normal !important;
  }
}
@media (max-width:420px){
  .hero h1{font-size:24px !important;line-height:1.36 !important;margin-bottom:15px !important}
  .hero-sub, .hero p{font-size:12.5px !important;line-height:1.82 !important;margin-bottom:18px !important}
  .hero-chips{margin-top:18px !important}
}


/* ============================================================
   v3 微调（2026-09-30）
   ① badge→h1 28 → 34px
   ② chips 行距 12 → 16px（≥ 列距）
   ③ hero 顶部 padding 68 → 80px
   ④ chips 加大（padding + 字号）
   ============================================================ */

.hero{
  padding:80px 0 64px !important;
}
.hero-badge{
  margin-bottom:34px !important;
  padding:9px 18px !important;
  font-size:13px !important;
}
.hero h1{
  margin:0 0 32px !important;
}
.hero-chips{
  margin-top:44px !important;
  gap:16px 16px !important;
}
.hero-chips .chip,
.hero-chips > *{
  padding:11px 19px !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

/* ========== 移动端 ========== */
@media (max-width:900px){
  .hero{padding:36px 0 34px !important}
  .hero-badge{margin-bottom:18px !important;padding:7px 14px !important;font-size:11.5px !important}
  .hero h1{margin-bottom:20px !important}
  .hero-chips{margin-top:24px !important;gap:9px 9px !important}
  .hero-chips .chip, .hero-chips > *{padding:8px 13px !important;font-size:11.5px !important}
}