/* ============================================================
   适用场景区块 · 方案 A（明黄 #eab308 · 真互补色）
   2026-09-30
   色彩理论：靛蓝 #6366f1 (H=239°) 与明黄 (H=58°) 相差 180° → 完全互补
   ⚠️ 只作用于首页的 .sec-scene-home（其它页面/区块不动）
   ============================================================ */

/* ① kicker 胶囊 */
html body .sec-scene-home .kicker,
html body section.sec-scene-home .kicker,
html body .sec-scene-home .sec-hd .kicker{
  background:#fefce8 !important;
  border:1px solid #fde68a !important;
  border-color:#fde68a !important;
  color:#854d0e !important;
}
html body .sec-scene-home .kicker *,
html body .sec-scene-home .kicker span,
html body .sec-scene-home .kicker b{
  color:#854d0e !important;
}
html body .sec-scene-home .kicker::before,
html body .sec-scene-home .kicker i,
html body .sec-scene-home .kicker .dot{
  background:#eab308 !important;
  border-color:#eab308 !important;
}

/* ② 标题下划线 */
html body .sec-scene-home h2::after,
html body .sec-scene-home .sec-hd h2::after{
  background:linear-gradient(90deg,#eab308,#facc15) !important;
}

/* ③ 卡片左色条 */
html body .sec-scene-home .scene-chip{
  border-left-color:#eab308 !important;
}
html body .sec-scene-home .scene-chip:hover{
  border-left-color:#ca8a04 !important;
  box-shadow:0 6px 20px rgba(234,179,8,.18) !important;
}

/* ④ 图标（底 + 线条）→ 明黄 */
html body .sec-scene-home .scene-chip .ci,
html body .sec-scene-home .scene-chip [class*="ic"],
html body .sec-scene-home .scene-chip > span:first-child,
html body .sec-scene-home .scene-chip > div:first-child{
  background:linear-gradient(135deg,#fefce8,#fef9c3) !important;
  border-color:#fde68a !important;
  color:#854d0e !important;
}
html body .sec-scene-home .scene-chip svg,
html body .sec-scene-home .scene-chip svg *{
  stroke:#854d0e !important;
}

/* ⑤ 文字色 */
html body .sec-scene-home .scene-chip .ct,
html body .sec-scene-home .scene-chip h3,
html body .sec-scene-home .scene-chip b,
html body .sec-scene-home .scene-chip strong{
  color:#0b1220 !important;
}
html body .sec-scene-home .scene-chip .cd,
html body .sec-scene-home .scene-chip p{
  color:#5a6577 !important;
}


/* ============================================================
   加深一档（2026-09-30）
   视觉模型反馈：金色偏浅，白底上像米色而非金
   改法：图标底加深 + 线条加粗色深 + 左色条加宽
   ============================================================ */

/* ① 图标底：加深到明显金色 */
html body .sec-scene-home .scene-chip .ci,
html body .sec-scene-home .scene-chip [class*="ic"],
html body .sec-scene-home .scene-chip > span:first-child,
html body .sec-scene-home .scene-chip > div:first-child{
  background:linear-gradient(135deg,#fef3c7,#fde68a) !important;
  border:1px solid #fcd34d !important;
  color:#a16207 !important;
}
/* ② 图标线条：加深 */
html body .sec-scene-home .scene-chip svg,
html body .sec-scene-home .scene-chip svg *{
  stroke:#a16207 !important;
  stroke-width:2.1 !important;
}
/* ③ 左色条：3px → 4px，色更深 */
html body .sec-scene-home .scene-chip{
  border-left:4px solid #eab308 !important;
}
html body .sec-scene-home .scene-chip:hover{
  border-left:4px solid #ca8a04 !important;
}
/* ④ kicker 文字更深 */
html body .sec-scene-home .kicker,
html body .sec-scene-home .kicker *{
  color:#a16207 !important;
}
html body .sec-scene-home .kicker{
  border-color:#fcd34d !important;
  background:#fef9c3 !important;
}


/* ============================================================
   修：「02」数字与底色同色（2026-09-30）
   问题：.kicker i{background:#eab308 黄; color:#a16207 棕} → 同色系看不清
   修法：深金/棕底 + 纯白数字（或反之）→ 强对比
   ============================================================ */

html body .sec-scene-home .kicker i,
html body .sec-scene-home .kicker > i,
html body section.sec-scene-home .kicker i{
  background:#b45309 !important;        /* 深琥珀棕底 */
  background-image:linear-gradient(135deg,#b45309,#d97706) !important;
  color:#ffffff !important;             /* 白字 */
  font-weight:700 !important;
  font-size:11px !important;
  line-height:20px !important;
  text-align:center !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:20px !important;
  height:20px !important;
  border-radius:50% !important;
  margin-right:7px !important;
  flex:none !important;
}
/* kicker 本身文字保持深棕 */
html body .sec-scene-home .kicker{
  color:#78350f !important;
}


/* ============================================================
   「02」加深（2026-09-30 第二轮）
   视觉模型：白字+琥珀底在小尺寸下偏软
   改法：深棕底 #78350f + 纯白字 → 对比度 10:1
   ============================================================ */

html body .sec-scene-home .kicker i,
html body .sec-scene-home .kicker > i,
html body section.sec-scene-home .kicker i{
  background:#78350f !important;
  background-image:linear-gradient(135deg,#78350f,#92400e) !important;
  color:#ffffff !important;
  font-weight:800 !important;
  font-size:10.5px !important;
  line-height:20px !important;
  text-shadow:none !important;
  box-shadow:0 1px 3px rgba(120,53,15,.30) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:20px !important;
  height:20px !important;
  border-radius:50% !important;
  margin-right:7px !important;
  flex:none !important;
}
