/* ══════════════════════════════════════
   技术支持 Hub 页 · tech-support.mobile.css
   差异模式：只写需要覆写 PC 的属性
   配对: css/tech-support.css
   断点: (max-width: 768px)
   ══════════════════════════════════════ */

.mkl-support-page {
  padding: 0 16px 64px;
}

.mkl-support-page .mkl-hero {
  padding-top: 48px;
}

.mkl-support-page .mkl-hero__title {
  font-size: 26px;
}

.mkl-support-page .mkl-hero__subtitle {
  font-size: 15px;
}

.mkl-support-page .mkl-faq-section {
  margin-top: 40px;
}

.mkl-support-page .mkl-pill-tab {
  padding: 8px 20px;
  font-size: 13px;
}

.mkl-support-page .mkl-faq-q {
  padding: 15px 0;
  font-size: 14px;
}

.mkl-support-page .mkl-faq-a {
  padding: 0 0 14px 12px;
}

.mkl-support-page .mkl-article-entry-wrap {
  margin-top: 36px;
}

.mkl-support-page .mkl-article-entry {
  padding: 18px 20px;
  gap: 14px;
}

.mkl-support-page .mkl-article-entry__icon {
  width: 26px;
  height: 26px;
}

/* 热门文章：两列 → 单列 */
.mkl-support-page .mkl-hot-articles {
  grid-template-columns: 1fr;
  gap: 16px;
}

.mkl-support-page .mkl-form-section {
  margin-top: 48px;
  padding-top: 40px;
}

.mkl-support-page .mkl-form-section__title {
  font-size: 20px;
}

.mkl-support-page .mkl-form-section__subtitle {
  font-size: 14px;
}

/* Form grid：1fr 200px → 单列 */
.mkl-support-page .mkl-form-grid {
  grid-template-columns: 1fr;
  gap: 0;
  margin-top: 28px;
}

/* 联系人 + 电话 → 纵向堆叠 */
.mkl-support-page .mkl-field-row {
  grid-template-columns: 1fr;
  gap: 0;
}

.mkl-support-page .mkl-field__input {
  font-size: 16px;
}

.mkl-support-page .mkl-field__textarea {
  font-size: 16px;
}

.mkl-support-page .mkl-submit-btn {
  width: 100%;
  padding: 0 24px;
}

.mkl-support-page .mkl-submit-area {
  margin-top: 24px;
}

/* 微信列：grid 下沉后居中纵向展示 */
.mkl-support-page .mkl-wechat-col {
  flex-direction: column;
  align-items: center;
  align-self: auto;
  justify-content: center;
  gap: 0;
  padding-bottom: 0;
  padding-top: 32px;
  border-top: 1px solid var(--mkl-border-light, #E5E5EA);
  margin-top: 16px;
}

.mkl-support-page .mkl-wechat-qr {
  width: 96px;
  height: 96px;
  flex-shrink: 0;
}

.mkl-support-page .mkl-wechat-label {
  margin-top: 12px;
  font-size: 14px;
}

.mkl-support-page .mkl-wechat-desc {
  margin-top: 2px;
  font-size: 12px;
}

.mkl-support-page .mkl-wechat-email {
  margin-top: 8px;
  font-size: 12px;
}

.mkl-support-page .mkl-footer-info {
  margin-top: 20px;
  font-size: 12px;
}