/* ============================================================
   对调适配（2026-09-30）
   ① 首页「适用场景」（.sec-scene-home）
   ② 产品页「四类AI员工」（.pg-employee）
   ============================================================ */

/* ① 首页适用场景（青绿家族 + 4 列横排）*/
.sec-scene-home{
  background:linear-gradient(180deg,#fbfffe 0%,#fff 60%) !important;
}
.sec-scene-home .sec-hd .kicker{
  background:#f0fdfa !important;color:#0d9488 !important;
  border-color:#99f6e4 !important;
}
.sec-scene-home .sec-hd h2::after{
  background:linear-gradient(135deg,#0d9488,#14b8a6) !important;
}
.sec-scene-home .scene-row{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;
}
.sec-scene-home .scene-chip{
  display:flex;align-items:flex-start;gap:13px;
  padding:20px 18px;background:#fff;
  border:1px solid #e9eef7;border-left:3px solid #5eead4;border-radius:14px;
  box-shadow:0 1px 2px rgba(16,24,40,.05),0 2px 6px rgba(16,24,40,.05);
  transition:transform .3s cubic-bezier(.34,1.1,.64,1),box-shadow .3s,border-color .3s;
}
.sec-scene-home .scene-chip:hover{transform:translateY(-5px);border-left-color:#0d9488;
  box-shadow:0 12px 28px rgba(13,148,136,.14);
}
.sec-scene-home .sc-ic{
  width:42px;height:42px;border-radius:50%;flex:none;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#ccfbf1,#a7f3d0);
  border:1px solid #5eead4;
  box-shadow:0 3px 10px rgba(13,148,136,.18);
}
.sec-scene-home .sc-txt{min-width:0;flex:1}
.sec-scene-home .sc-txt b{display:block;font-size:14.5px;font-weight:700;color:#0f766e;margin-bottom:5px;line-height:1.4}
.sec-scene-home .sc-txt span{display:block;font-size:12.5px;color:#5a6577;line-height:1.65}

/* ② 产品页四类员工（蓝色流程条）*/
.pg-employee{background:linear-gradient(180deg,#f7faff 0%,#f0f4fa 100%) !important}
.pg-employee .sec-hd .kicker{
  background:#eff6ff !important;color:#2563eb !important;border-color:#bfdbfe !important;
}
.pg-employee .sec-hd h2::after{background:linear-gradient(135deg,#2563eb,#3b82f6) !important}
.pg-employee .tf-item{
  border-top:3px solid #2563eb !important;
  background:linear-gradient(180deg,#fff,#fdfeff) !important;
  border-radius:16px !important;
  box-shadow:0 1px 2px rgba(16,24,40,.05),0 2px 6px rgba(16,24,40,.05) !important;
  transition:transform .3s cubic-bezier(.34,1.1,.64,1),box-shadow .3s !important;
}
.pg-employee .tf-item:hover{transform:translateY(-6px) !important;
  box-shadow:0 14px 34px rgba(37,99,235,.15) !important;
}
.pg-employee .tf-av{
  width:64px !important;height:64px !important;border-radius:18px !important;
  background:linear-gradient(135deg,#eef2ff,#e0e7ff) !important;
  border:1px solid #dbeafe !important;
  box-shadow:0 4px 12px rgba(37,99,235,.13) !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  margin:0 auto 14px !important;
}
.pg-employee .tf-role{font-size:16.5px !important;color:#1e3a8a !important;font-weight:700 !important}
.pg-employee .tf-job{font-size:12.5px !important;color:#5a6577 !important;line-height:1.8 !important}
.pg-employee .tf-arrow{
  align-self:center;color:#2563eb;font-size:18px;
  display:flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:50%;
  background:#eff6ff;flex:none;
}
.pg-employee .team-flow{
  display:flex;align-items:stretch;justify-content:center;
  flex-wrap:wrap;gap:12px;
}

@media (max-width:900px){
  .sec-scene-home .scene-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .sec-scene-home .scene-chip{padding:14px 13px;gap:10px;border-radius:12px}
  .sec-scene-home .sc-ic{width:34px;height:34px}
  .sec-scene-home .sc-txt b{font-size:13px;margin-bottom:3px}
  .sec-scene-home .sc-txt span{font-size:11.5px;line-height:1.6}
  .pg-employee .team-flow{
    display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:11px !important;
  }
  .pg-employee .tf-arrow{display:none !important}
  .pg-employee .tf-av{width:48px !important;height:48px !important;border-radius:14px !important;margin-bottom:10px !important}
  .pg-employee .tf-role{font-size:14px !important}
  .pg-employee .tf-job{font-size:11.5px !important;line-height:1.65 !important}
}
@media (max-width:420px){
  .sec-scene-home .scene-row{grid-template-columns:1fr;gap:9px}
}