/**
 * section-intro block styles（由 style-index.css / style-index-ext.css 迁移拆分）
 */

@layer zj-block {
.zj-x-intro {
  display: grid;
  grid-template-columns: minmax(320px, 0.6fr) minmax(460px, 1fr);
  gap: 56px;
  align-items: start;
}
.zj-x-intro__head h2 {
  margin: 0;
  color: var(--zjx-navy);
  font-size: clamp(30px, 3.4vw, 48px);
  line-height: 1.05;
}
.zj-x-intro--quote .zj-x-intro__body p {
  margin: 0 0 20px;
  padding: 6px 0 6px 34px;
  color: var(--zjx-muted);
  font-size: 20px;
  line-height: 1.6;
  border-left: 4px solid var(--zjx-action);
}
.zj-x-intro--quote .zj-x-intro__body p:last-child {
  margin-bottom: 0;
}
.zj-x-intro--boxes .zj-x-intro__body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.zj-x-intro--boxes .zj-x-intro__body p {
  margin: 0;
  padding: 26px;
  color: var(--zjx-muted);
  line-height: 1.6;
  background: var(--zjx-white);
  border: 1px solid var(--zjx-line);
}
}

@layer zj-responsive {
@media (max-width: 1040px) {
  .zj-x-intro {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .zj-x-intro--boxes .zj-x-intro__body {
    grid-template-columns: 1fr;
  }
}
}