/* ai-tools.html 决策漏斗 · 引流与转化 v20260723 */
.ai-leader-funnel {
  max-width: 960px;
  margin: 0 auto 1rem;
  padding: 1rem 1.125rem 1.125rem;
  border: 1px solid #fcd34d;
  border-left: 4px solid #f59e0b;
  border-radius: 14px;
  background: linear-gradient(135deg, #fffbeb 0%, #fff 55%, #F0F5FF 100%);
}
.ai-leader-funnel__eyebrow {
  margin: 0 0 0.75rem;
  font-size: 0.75rem;
  font-weight: 800;
  color: #92400e;
  letter-spacing: 0.02em;
}
.ai-leader-funnel__steps {
  list-style: none;
  margin: 0 0 0.85rem;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr));
  gap: 8px;
}
.ai-leader-funnel__steps li,
.ai-leader-funnel__steps a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid #DEE0E3;
  background: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  color: #334155;
  text-decoration: none;
  line-height: 1.35;
}
.ai-leader-funnel__steps span:first-child {
  font-size: 0.6875rem;
  color: #64748b;
  font-weight: 800;
}
.ai-leader-funnel__steps em {
  font-style: normal;
  font-size: 0.625rem;
  font-weight: 600;
  color: #1456F0;
}
.ai-leader-funnel__steps li.is-here {
  border-color: #86efac;
  background: #EFF4FF;
}
.ai-leader-funnel__steps a:hover {
  border-color: #3370FF;
  box-shadow: 0 4px 14px rgba(51, 112, 255, 0.12);
}
.ai-leader-funnel__steps a.is-money {
  border-color: #fbbf24;
  background: #fff7ed;
  color: #9a3412;
}
.ai-leader-funnel__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.ai-leader-funnel__primary {
  display: inline-flex;
  align-items: center;
  padding: 0.55rem 1rem;
  border-radius: 10px;
  font-size: 0.8125rem;
  font-weight: 800;
  color: #fff !important;
  background: linear-gradient(135deg, #3370FF, #1456F0);
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(51, 112, 255, 0.25);
}
.ai-leader-funnel__primary:hover {
  filter: brightness(1.05);
}
.ai-leader-funnel__ghost {
  font-size: 0.75rem;
  font-weight: 700;
  color: #1D4ED8;
  text-decoration: none;
  padding: 0.45rem 0.65rem;
  border: 1px solid #B8CCFF;
  border-radius: 8px;
  background: #fff;
}
.ai-leader-funnel__ghost:hover {
  background: #EFF4FF;
}
.ai-tools-read-path__money {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: #fff !important;
  border-color: transparent;
}
@media (max-width: 640px) {
  .ai-leader-funnel__cta {
    flex-direction: column;
    align-items: stretch;
  }
  .ai-leader-funnel__primary,
  .ai-leader-funnel__ghost {
    justify-content: center;
    text-align: center;
  }
}