/* ==========================================================================
   Linkshing 官网 · 联系我们页样式（contact.html）
   板块：内页 Hero → 联系信息（左）+ 咨询表单（右）→ 底部 CTA
   说明：表单与联系卡基础样式定义在 pages/pages.css，本文件补充本页微调。
   ========================================================================== */

/* 左侧联系卡的补充说明（英文公司名，弱化处理） */
.contact-info__note {
  margin-top: 8px;
  font-size: var(--fs-small);
  color: var(--color-text-muted);
  line-height: var(--lh-body);
}

/* 无图标的信息卡（运营总部）：用浅底弱化，与上方三张区分层级 */
.contact-info__card--plain {
  background-color: var(--color-primary-light);
  border-color: transparent;
  box-shadow: none;
}

.contact-info__card--plain .contact-info__value {
  color: var(--color-primary);
}

/* 表单容器：白底卡片包裹，与左侧形成对称视觉 */
.contact-form-wrap {
  padding: var(--space-4);
  background-color: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
}

/* 表单内标题：取消居中，左对齐更贴合表单流 */
.contact-form-wrap .section-head {
  margin-bottom: var(--space-3);
}

/* 提交说明小字 */
.form__agreement {
  font-size: var(--fs-small);
  color: var(--color-text-muted);
  line-height: var(--lh-body);
}

/* 移动端：卡片内边距收紧 */
@media (max-width: 767px) {
  .contact-form-wrap {
    padding: var(--space-4) var(--space-3);
  }
}