/* ============================================================
   mh-content.css —— 内页 / 首页「后台可编辑内容」通用样式
   作用：为 inc/content/*.html 与首页模块提供干净、可维护的版式。
   配色沿用本主题还原的丰收黄 / 棕调（#b1874c 金、#48382b 深棕）。
   所有内容统一包裹在 .mhc-wrap 内，避免与原站遗留 CSS 互相干扰。
   ============================================================ */

.mhc-wrap { font-family: inherit; color: #555; }

/* 区块容器 */
.mhc-section { max-width: 1200px; margin: 0 auto; padding: 50px 20px; }
.mhc-section.mhc-tight { padding: 32px 20px; }

/* 区块标题 */
.mhc-sec-head { text-align: center; margin-bottom: 34px; }
.mhc-sec-head h2 {
  font-size: 30px; color: #48382b; margin: 0 0 8px;
  font-weight: 700; letter-spacing: 2px;
}
.mhc-sec-head .mhc-en {
  display: block; font-size: 13px; color: #b1874c;
  letter-spacing: 3px; text-transform: uppercase; margin-bottom: 10px;
}
.mhc-sec-head .mhc-line {
  width: 48px; height: 3px; background: #b1874c;
  margin: 14px auto 0; border-radius: 2px;
}

/* 引导语 */
.mhc-lead {
  font-size: 16px; line-height: 2; color: #555;
  text-align: center; max-width: 900px; margin: 0 auto 30px;
}

/* 图文两栏 */
.mhc-cols { display: flex; gap: 44px; align-items: center; flex-wrap: wrap; }
.mhc-cols .mhc-figure { flex: 1 1 360px; }
.mhc-cols .mhc-figure img { width: 100%; border-radius: 8px; display: block; box-shadow: 0 6px 22px rgba(72,56,43,.12); }
.mhc-cols .mhc-body { flex: 1 1 360px; }
.mhc-cols .mhc-body p { font-size: 15px; line-height: 2.1; color: #555; margin: 0 0 14px; }

/* 数字统计 */
.mhc-nums { display: flex; flex-wrap: wrap; justify-content: center; gap: 26px; margin-top: 6px; }
.mhc-nums .mhc-num { text-align: center; flex: 1 1 150px; max-width: 220px; }
.mhc-nums .mhc-num b { display: block; font-size: 40px; color: #b1874c; line-height: 1.1; font-weight: 700; }
.mhc-nums .mhc-num span { font-size: 14px; color: #888; }

/* 卡片 */
.mhc-cards { display: flex; flex-wrap: wrap; gap: 22px; }
.mhc-cards .mhc-card {
  flex: 1 1 280px; background: #faf6ef; border: 1px solid #efe4d2;
  border-radius: 10px; padding: 28px 24px; transition: box-shadow .2s, transform .2s;
}
.mhc-cards .mhc-card:hover { box-shadow: 0 10px 26px rgba(72,56,43,.12); transform: translateY(-3px); }
.mhc-cards .mhc-card h3 { color: #48382b; font-size: 19px; margin: 0 0 12px; }
.mhc-cards .mhc-card p { color: #666; font-size: 14px; line-height: 1.95; margin: 0; }

/* 资质 / 标签 */
.mhc-certs { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }
.mhc-certs .mhc-cert {
  background: #fff; border: 1px solid #e7dcc8; border-radius: 6px;
  padding: 14px 22px; color: #7a6a52; font-size: 15px; font-weight: 600;
}

/* 列表 */
.mhc-list { max-width: 900px; margin: 0 auto; padding-left: 0; list-style: none; }
.mhc-list li {
  font-size: 15px; line-height: 2; color: #555; margin-bottom: 10px;
  padding-left: 22px; position: relative;
}
.mhc-list li::before { content: ""; position: absolute; left: 0; top: 12px; width: 8px; height: 8px; background: #b1874c; border-radius: 50%; }

/* 画廊 */
.mhc-gallery { display: flex; flex-wrap: wrap; gap: 16px; }
.mhc-gallery img { flex: 1 1 260px; width: 100%; height: 220px; object-fit: cover; border-radius: 8px; }

/* 整宽图片 */
.mhc-figure-full img { width: 100%; border-radius: 8px; display: block; margin: 0 auto; }

/* 联系信息 */
.mhc-contact-grid { display: flex; flex-wrap: wrap; gap: 34px; align-items: flex-start; }
.mhc-contact-grid .mhc-cinfo { flex: 1 1 320px; }
.mhc-contact-grid .mhc-cinfo p { font-size: 16px; line-height: 2.1; color: #444; margin: 0 0 10px; }
.mhc-contact-grid .mhc-cinfo p b { color: #48382b; }
.mhc-contact-grid .mhc-cmap { flex: 1 1 320px; }
.mhc-contact-grid .mhc-cmap img { width: 100%; border-radius: 8px; display: block; }

/* 按钮 */
.mhc-btn {
  display: inline-block; background: #b1874c; color: #fff;
  padding: 12px 32px; border-radius: 4px; text-decoration: none;
  font-size: 15px; transition: background .2s;
}
.mhc-btn:hover { background: #9a7239; color: #fff; }

/* 小提示（占位说明） */
.mhc-note { font-size: 12px; color: #b3a890; margin-top: 14px; }

/* 分隔小标题 */
.mhc-sub { font-size: 18px; color: #48382b; margin: 28px 0 14px; font-weight: 700; }

/* 响应式 */
@media (max-width: 768px) {
  .mhc-section { padding: 34px 16px; }
  .mhc-sec-head h2 { font-size: 24px; }
  .mhc-cols { flex-direction: column; gap: 22px; }
  .mhc-cols .mhc-figure, .mhc-cols .mhc-body { flex: 1 1 auto; }
  .mhc-nums .mhc-num b { font-size: 32px; }
}