/* ==========================================================
   关于我们：公司简介（内容来自客户的公司简介展板）
   上：标题与导语（导语铺满整行）；下：三张卡片横向排列。
   卡片层次：图标 + 标题 → 要点句（加深加粗）→ 说明文字。
   ========================================================== */
/* 标题在上，导语在下：导语从左边起头、铺满整行，与下方三张卡片左右对齐 */
.profile-head { margin-bottom: clamp(2.25rem, 4vw, 3rem); container-type: inline-size; }
.profile-intro {
  margin-top: 1.25rem;
  /* 字号随内容宽度变化：导语共 114 字，宽屏下正好排满两行，避免末行只剩一两个字；
     修改导语字数后请同步调整 1.68cqw（≈ 100 ÷ 每行字数） */
  font-size: clamp(1.1875rem, 1rem + .45vw, 1.4375rem);
  font-size: clamp(1.125rem, 1.68cqw, 1.5rem);
  line-height: 1.85;
  font-weight: 500;
  color: var(--text);
  text-wrap: pretty;
}

.profile {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.25rem, 2vw, 1.75rem);
}
.profile__item {
  position: relative;
  display: flex; flex-direction: column;
  padding: clamp(1.75rem, 2.4vw, 2.5rem);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;
  transition: border-color .25s, box-shadow .25s, background-color .25s;
}
.profile__item::before {                 /* 顶部标志蓝细条 */
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--brand-blue);
}
.profile__item:hover { background: #fff; border-color: var(--line-strong); box-shadow: 0 18px 40px rgba(19, 44, 134, .08); }

.profile__top { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }
.profile__icon {
  flex: none; display: grid; place-items: center;
  width: 3.25rem; height: 3.25rem; border-radius: 50%;
  background: var(--brand-blue);
}
.profile__icon svg {
  width: 1.625rem; height: 1.625rem;
  fill: none; stroke: #fff; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;
}
.profile__item h3 { font-size: clamp(1.3125rem, 1.15rem + .3vw, 1.5rem); line-height: 1.35; color: var(--text); }

/* 要点句：每张卡片最重要的一句，加深加粗，与说明文字拉开层次 */
.profile__key {
  margin-bottom: 1.25rem; padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--line);
  font-size: 1.125rem; line-height: 1.75; font-weight: 600; color: var(--brand-blue);
}
.profile__item p:not(.profile__key) { font-size: 1rem; line-height: 1.9; color: var(--muted); }
.profile__item p:not(.profile__key) + p { margin-top: .75rem; }

/* 段首小标题（技术设备配置中的两类设备）：与正文同字号，加深加粗 */
.profile__item p:not(.profile__key) b { font-weight: 600; color: var(--text); }

@media (max-width: 1180px) {
  .profile { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .profile__item:last-child { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .profile { grid-template-columns: minmax(0, 1fr); }
  .profile__item { padding: 1.5rem; }
}