/* pages/home_clients.css — 首页「客户」logo 墙（.clients / .client-logo--N）
   拆自 pages/home.css（2026-10-12 拆分，纯搬移）；页面源 bundle 2:53「终稿-首页-初稿 5.0」（1920×6660）。 */

/* ---------- 客户（1920×600） ---------- */
.clients {
  background: var(--color-gray-100);
  padding: var(--space-16) var(--space-6) var(--space-16);
}

.clients .section-title {
  margin-top: var(--space-5);
}

.clients__desc {
  max-width: 50.625rem; /* 810 */
  margin-top: var(--space-5);
  font-size: var(--font-size-body-md);
  line-height: 1.625rem; /* 26 */
  color: var(--color-text-2);
}

.clients__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 10.625rem)); /* 170×80 白卡 */
  gap: var(--space-10);
  margin-top: var(--space-12);
}

.client-logo {
  display: grid;
  place-items: center;
  height: 5rem;
  border-radius: var(--radius-sm);
  background: var(--color-bg-card);
}

.client-logo img {
  object-fit: contain;
}

/* logo 尺寸为 170×80 白卡的占比（1920 时与设计 px 一致，随卡流式缩放） */
.client-logo--1 img { width: 37.059%; height: 87.5%; }
.client-logo--2 img { width: 77.059%; height: 47.5%; }
.client-logo--3 img { width: 88.235%; height: 67.5%; }
/* BAHTI：设计稿拆层（图 40×42 + 9px 文字）已合成单图 143×63（含图标 80×84@2x + 文字），与其它卡同构 */
.client-logo--4 img { width: 84.118%; height: 78.75%; }
.client-logo--5 img { width: 88.235%; height: 41.25%; }
.client-logo--6 img { width: 88.235%; height: 31.25%; }
.client-logo--7 img { width: 88.235%; height: 58.75%; }
.client-logo--8 img { width: 88.235%; height: 66.25%; }

@media (min-width: 1280px) {
  .clients {
    height: 37.5rem;
    padding: 8.8125rem 0 0 3.5rem; /* 眉题 (56,141) */
  }

  .clients__desc {
    max-width: min(50.625rem, 42.1875%); /* 810@1920，随视口收缩避让右侧卡组 */
  }

  .clients__grid {
    position: absolute;
    left: 54.84375%;  /* x=1053 */
    right: 3.4896%;   /* 右缘 x=1853，随视口流式 */
    top: 14.0625rem;  /* y=225 */
    grid-template-columns: repeat(4, minmax(0, 1fr)); /* 170@1920 */
    gap: 2.5rem;
    margin: 0;
  }
}