/* ============================================================
   页头统一（2026-09-30）
   问题：5 个页面页头高度不一致
     index    .hero      padding 36/44   h1 24px
     product  .pg-head   padding 30/24   h1 32px
     download .dl-hero   padding 26/12   h1 32px
     about    .page-hd   padding 30/22   h1 32px
     contact  .page-hd   padding 30/22   h1 32px
   目标：桌面 & 移动端都统一
   ⚠️ 必须放在 height-tight.css 之后加载
   ============================================================ */

/* ========== 桌面端统一 ========== */
.hero,
.pg-head,
.dl-hero,
.dl-hero.pg-head,
section.dl-hero,
.page-hd{
  padding:30px 0 24px !important;
}
/* 页头 h1 统一 32px */
.hero h1, .pg-head h1, .dl-hero h1, .page-hd h1{
  font-size:32px !important;
  line-height:1.18 !important;
  letter-spacing:-1.1px !important;
  margin-bottom:9px !important;
  font-weight:800 !important;
}
/* 页头副标题统一 14px */
.hero p, .hero .pg-sub,
.pg-head p, .dl-hero p, .page-hd p{
  font-size:14px !important;
  line-height:1.65 !important;
  margin-bottom:0 !important;
}
/* 页头徽章统一 */
.hero .pg-badge, .pg-head .pg-badge, .dl-hero .pg-badge, .page-hd .kicker{
  margin-bottom:11px !important;
  padding:5px 13px !important;
  font-size:11.5px !important;
}

/* ========== 页头后第一个区块：统一 22px 间隔 ========== */
.hero + .sec > .wrap,
.pg-head + .sec > .wrap,
.dl-hero + .sec > .wrap,
.page-hd + .sec > .wrap{
  padding-top:22px !important;
}

/* ========== 移动端统一（≤900px）========== */
@media (max-width: 900px){
  .hero,
  .pg-head,
  .dl-hero,
  .dl-hero.pg-head,
  section.dl-hero,
  .page-hd{
    padding:22px 0 18px !important;
  }
  .hero h1, .pg-head h1, .dl-hero h1, .page-hd h1{
    font-size:21px !important;
    line-height:1.22 !important;
    letter-spacing:-.5px !important;
    margin-bottom:7px !important;
  }
  .hero p, .hero .pg-sub,
  .pg-head p, .dl-hero p, .page-hd p{
    font-size:12.5px !important;
    line-height:1.6 !important;
    margin-bottom:0 !important;
  }
  .hero .pg-badge, .pg-head .pg-badge, .dl-hero .pg-badge, .page-hd .kicker{
    margin-bottom:8px !important;
    padding:4px 11px !important;
    font-size:10.5px !important;
  }
  /* 页头后第一个区块：移动端 16px */
  .hero + .sec > .wrap,
  .pg-head + .sec > .wrap,
  .dl-hero + .sec > .wrap,
  .page-hd + .sec > .wrap{
    padding-top:16px !important;
  }
  /* 首页 .hero 的特有元素同步收紧 */
  .hero .hero-btns,
  .hero .hero-chips{
    margin-top:16px !important;
    gap:9px !important;
  }
  .hero .hero-btns .btn{
    padding:11px 20px !important;
    font-size:13px !important;
  }
}

/* ========== 小屏（≤420px）========== */
@media (max-width: 420px){
  .hero h1, .pg-head h1, .dl-hero h1, .page-hd h1{
    font-size:19px !important;
  }
  .hero, .pg-head, .dl-hero, .dl-hero.pg-head, section.dl-hero, .page-hd{
    padding:18px 0 15px !important;
  }
}

/* dl-ver 间距 */
.dl-hero .dl-ver{margin-top:9px !important}


/* ============================================================
   顶部导航 · 以首页为标准（2026-09-30）
   ⭐ 所有值均从 index.html 实测提取
   ============================================================ */

/* ========== .hd（桌面端）========== */
.hd{
  position:sticky !important;
  top:0 !important;
  z-index:100 !important;
  background:rgba(255,255,255,.82) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.8) !important;
  backdrop-filter:blur(18px) saturate(1.8) !important;
  border-bottom:1px solid #eef2f8 !important;
}
/* ========== .hd-in ========== */
.hd-in,
.hd .wrap.hd-in{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  padding:12px 24px !important;
  max-width:1200px !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}
/* ========== .logo ========== */
.hd .logo{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex:none !important;
  text-decoration:none !important;
}
.hd .logo-img{
  height:32px !important;
  width:auto !important;
  display:block !important;
}
/* ========== nav.nav ========== */
.hd nav.nav{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  flex-wrap:nowrap !important;
  flex:none !important;
}
/* ========== .nav a ========== */
.hd .nav a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:8px 14px !important;
  margin:0 !important;
  font-size:13.5px !important;
  font-weight:500 !important;
  line-height:1 !important;
  border-radius:8px !important;
  border:1px solid transparent !important;
  color:#4b5563 !important;
  background:transparent !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  transition:background .18s,color .18s,border-color .18s !important;
}
.hd .nav a:hover{
  background:#f7f9fc !important;
  color:#1a2233 !important;
}
/* 当前页高亮 */
.hd .nav a.on{
  background:#eef2ff !important;
  color:#4f46e5 !important;
  border-color:#dbeafe !important;
  font-weight:600 !important;
}

/* ========== 移动端（≤900px）· 以首页实测值 ========== */
@media (max-width:900px){
  .hd-in, .hd .wrap.hd-in{
    padding:8px 14px !important;
    gap:10px !important;
  }
  .hd .logo-img{ height:26px !important }
  .hd nav.nav{
    gap:4px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  .hd nav.nav::-webkit-scrollbar{ display:none !important }
  .hd .nav a{
    padding:7px 12px !important;
    font-size:12.5px !important;
    flex:none !important;
  }
}

/* ========== 小屏（≤420px）========== */
@media (max-width:420px){
  .hd-in, .hd .wrap.hd-in{ padding:7px 12px !important }
  .hd .logo-img{ height:24px !important }
  .hd .nav a{
    padding:6px 10px !important;
    font-size:12px !important;
  }
}