/* ============================================================
   kicker 数字圆点 · 补全缺失 + 统一（2026-09-30）
   
   问题：theme-v2.css 只定义了 .sec-problem/.sec-employee/.sec-scene 的
        .kicker i 背景色，【缺 .sec-stack / .pg-modules / .pg-ui 等】
        → 数字圆点无背景 → 白字透明底 → 看不见
   ============================================================ */

/* ========== 兜底：所有 kicker 的数字圆点都有底色 ========== */
html body .kicker i,
html body .sec-hd .kicker i,
html body .page-hd .kicker i{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:20px !important;
  height:20px !important;
  border-radius:50% !important;
  flex:none !important;
  font-style:normal !important;
  font-weight:800 !important;
  font-size:10.5px !important;
  line-height:20px !important;
  color:#fff !important;
  background:#6366f1 !important;      /* 兜底靛蓝 */
  margin-right:7px !important;
  text-shadow:none !important;
}

/* ========== 按区块给不同色（保留家族色体系）========== */

/* 首页 - 痛点（琥珀）*/
html body .sec-problem .sec-hd .kicker i{background:#d97706 !important}
/* 首页 - 适用场景（明黄→深棕，已改）*/
html body .sec-scene-home .sec-hd .kicker i,
html body .sec-scene-home .kicker i{background:#78350f !important;background-image:linear-gradient(135deg,#78350f,#92400e) !important}

/* 产品页 - 01 角色（蓝）*/
html body .pg-employee .sec-hd .kicker i,
html body .sec-employee .sec-hd .kicker i{background:#2563eb !important}
/* 产品页 - 02 能力（靛，深色区块用亮色）*/
html body .pg-power .sec-hd .kicker i,
html body .sec-power .sec-hd .kicker i{background:#818cf8 !important;color:#fff !important}
/* 产品页 - 03 界面（天蓝）*/
html body .pg-ui .sec-hd .kicker i,
html body .sec-ui .sec-hd .kicker i{background:#0284c7 !important}
/* ⭐ 产品页 - 04 产品模块（紫罗兰）← 原来缺失 */
html body .pg-modules .sec-hd .kicker i,
html body .sec-stack .sec-hd .kicker i{background:#7c3aed !important}

/* 关于我们 / 联系方式 等页面 */
html body .page-hd .kicker i,
html body .sec .sec-hd .kicker i{background:#6366f1 !important}

/* ========== 移动端 ========== */
@media (max-width:900px){
  html body .kicker i,
  html body .sec-hd .kicker i,
  html body .page-hd .kicker i{
    width:18px !important;height:18px !important;
    font-size:10px !important;line-height:18px !important;
    margin-right:6px !important;
  }
}


/* ============================================================
   ⭐ 分区块着色（提高特异性，覆盖兜底）
   兜底是 `html body .kicker i` (0,1,3)
   这里用 `html body section.XXX .sec-hd .kicker i` (0,3,4+) → 更高
   ============================================================ */

/* 产品页 - 01 角色（蓝）*/
html body section.pg-employee .sec-hd .kicker i,
html body section.sec-employee .sec-hd .kicker i,
html body section[class*="pg-employee"] .kicker i{
  background:#2563eb !important;
}
/* 产品页 - 02 能力（深色区块 → 亮靛）*/
html body section.pg-power .sec-hd .kicker i,
html body section.sec-power .sec-hd .kicker i,
html body section[class*="pg-power"] .kicker i{
  background:#818cf8 !important;
}
/* 产品页 - 03 界面（天蓝）*/
html body section.pg-ui .sec-hd .kicker i,
html body section.sec-ui .sec-hd .kicker i,
html body section[class*="pg-ui"] .kicker i{
  background:#0284c7 !important;
}
/* ⭐ 产品页 - 04 产品模块（紫罗兰）*/
html body section.pg-modules .sec-hd .kicker i,
html body section.sec-stack .sec-hd .kicker i,
html body section[class*="pg-modules"] .kicker i,
html body section[class*="sec-stack"] .kicker i{
  background:#7c3aed !important;
}
/* 首页 - 痛点（琥珀）*/
html body section.sec-problem .sec-hd .kicker i{
  background:#d97706 !important;
}
/* 首页 - 适用场景（深棕，已定）*/
html body section.sec-scene-home .sec-hd .kicker i,
html body section.sec-scene-home .kicker i{
  background:#78350f !important;
  background-image:linear-gradient(135deg,#78350f,#92400e) !important;
}