/**
 * xuye/intro block styles — positioning statement + stats/summary strip.
 * Prototype mirror: prototypes/xuye/styles.css
 *   base:   3125-3128 (.home-intro) / 3130-3142 (.intro-grid h2) /
 *           3144-3167 (.intro-points) / 3996-3999 (.industry-overview)
 *   1080px: 4691-4709 (.intro-grid → 1fr) / 4723-4738 (.intro-points → 2 cols)
 *   680px:  4791-4807 (.intro-points → 1fr)
 * Breakpoints: 1080px / 680px (prototype breaks, no new ones).
 * Note: .home-intro 与 .industry-overview 底色在原型中相同(均 #fff)。
 */
@layer xuye-block {
  .xuye-x-intro {
    padding: clamp(52px, 6vw, 82px) 0;
    background: #fff;
  }

  .xuye-x-intro__grid {
    display: grid;
    grid-template-columns: minmax(260px, 0.64fr) 1fr;
    gap: clamp(44px, 8vw, 112px);
    align-items: center;
  }

  .xuye-x-intro__grid h2 {
    color: var(--wp--preset--color--ink, #0b131a);
    font-size: calc(clamp(1.8rem, 2.75vw, 3.05rem) * 0.75);
    font-weight: 700;
    line-height: 1.08;
  }

  .xuye-x-intro--summary .xuye-x-intro__grid {
    grid-template-columns: 1fr;
  }

  .xuye-x-intro__points {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
  }

  .xuye-x-intro__points article {
    padding: 8px 0 8px 22px;
    border-left: 3px solid var(--wp--preset--color--teal, #008c91);
  }

  .xuye-x-intro__points strong {
    display: block;
    color: var(--wp--preset--color--ink, #0b131a);
    font-size: clamp(1.28rem, 2vw, 2rem);
    line-height: 1;
  }

  .xuye-x-intro__points span {
    display: block;
    margin-top: 10px;
    color: var(--wp--preset--color--muted, #60707b);
    line-height: 1.45;
  }
}

@layer xuye-responsive {
  @media (max-width: 1080px) {
    .xuye-x-intro__grid {
      grid-template-columns: 1fr;
    }

    .xuye-x-intro__points {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 680px) {
    .xuye-x-intro__points {
      grid-template-columns: 1fr;
    }
  }
}