/* ============================================================
   mz-footer.css —— 米折版权区重设计（2026-10-11）
   ------------------------------------------------------------
   为什么单独建文件：原站 footer 只有 .g-footer / .gft-links /
   .gft-copyRight 三行文字（见 indexV4.css），承载不了
   「品牌简介 + 二维码 + 分栏导航 + 合作伙伴 + 备案号」这套结构。
   本文件用 mz- 前缀自建类（不受「只用原站 class」铁律约束，
   该铁律针对 PC 皮肤骨架），集中放置便于站方后续自行调整。
   品牌色沿用 #EE4444；容器 1120px。
   ============================================================ */

.mz-footer {
  background: #f7f8fa;
  border-top: 1px solid #ececec;
  color: #666;
  font-size: 13px;
  line-height: 1.8;
  margin-top: 40px;
  padding: 0;
}
.mz-footer a {
  color: #666;
  transition: color .15s linear;
}
.mz-footer a:hover {
  color: #ee4444;
}

/* ---------- 主区：品牌介绍 + 链接分栏 ---------- */
.mz-footer .mz-ft-main {
  width: 1120px;
  margin: 0 auto;
  padding: 36px 0 28px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.mz-footer .mz-ft-brand {
  width: 330px;
  flex: 0 0 330px;
}
.mz-footer .mz-ft-brand .mz-ft-logo {
  display: block;
  width: 120px;
  height: 33px;
  background: var(--brand-logo) no-repeat left center;
  background-size: contain;
  margin-bottom: 14px;
}
.mz-footer .mz-ft-brand p {
  margin: 0;
  color: #888;
  font-size: 13px;
  line-height: 24px;
}
.mz-footer .mz-ft-brand .mz-ft-tel {
  margin-top: 12px;
  color: #ee4444;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .5px;
}
.mz-footer .mz-ft-brand .mz-ft-tel small {
  display: block;
  color: #999;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
}

/* 二维码组 */
.mz-footer .mz-ft-qr {
  display: flex;
  margin-top: 16px;
}
.mz-footer .mz-ft-qr figure {
  margin: 0 18px 0 0;
  text-align: center;
}
.mz-footer .mz-ft-qr img {
  display: block;
  width: 74px;
  height: 74px;
  border: 1px solid #ebebeb;
  border-radius: 6px;
  padding: 3px;
  background: #fff;
}
.mz-footer .mz-ft-qr figcaption {
  margin-top: 5px;
  color: #999;
  font-size: 12px;
}

/* 链接分栏 */
.mz-footer .mz-ft-links {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  gap: 0;
}
.mz-footer .mz-ft-col {
  width: 132px;
  flex: 0 0 132px;
}
.mz-footer .mz-ft-col h4 {
  margin: 0 0 12px;
  color: #333;
  font-size: 15px;
  font-weight: 700;
}
.mz-footer .mz-ft-col a {
  display: block;
  padding: 3px 0;
  font-size: 13px;
  white-space: nowrap;
}

/* ---------- 合作伙伴 ---------- */
.mz-footer .mz-ft-partner {
  width: 1120px;
  margin: 0 auto;
  padding: 16px 0;
  border-top: 1px dashed #e4e6eb;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.mz-footer .mz-ft-partner h4 {
  margin: 0 16px 0 0;
  color: #999;
  font-size: 13px;
  font-weight: 400;
}
.mz-footer .mz-ft-partner .mz-ft-plats {
  display: flex;
  flex: 1;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 10px;
}
.mz-footer .mz-ft-partner .mz-ft-plats span {
  display: inline-block;
  padding: 3px 12px;
  border: 1px solid #e4e6eb;
  border-radius: 14px;
  background: #fff;
  color: #888;
  font-size: 12px;
  line-height: 18px;
}

/* ---------- 底部备案行 ---------- */
.mz-footer .mz-ft-bottom {
  background: #2f3338;
  color: #9aa0a6;
  font-size: 12px;
  line-height: 22px;
  padding: 14px 0;
}
.mz-footer .mz-ft-bottom .mz-ft-bottom-in {
  width: 1120px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 18px;
}
.mz-footer .mz-ft-bottom a {
  color: #9aa0a6;
}
.mz-footer .mz-ft-bottom a:hover {
  color: #ee4444;
}
.mz-footer .mz-ft-bottom .mz-ft-record {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
.mz-footer .mz-ft-bottom .mz-ft-record img {
  display: block;
  width: 14px;
  height: 14px;
}

/* ---------- 平板 / 手机 ---------- */
@media (max-width: 1023px) {
  .mz-footer .mz-ft-main {
    width: auto;
    padding: 24px 12px 18px;
    flex-wrap: wrap;
  }
  .mz-footer .mz-ft-brand {
    width: 100%;
    flex: 0 0 100%;
    margin-bottom: 18px;
  }
  .mz-footer .mz-ft-links {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .mz-footer .mz-ft-col {
    width: 33.33%;
    flex: 0 0 33.33%;
    margin-bottom: 12px;
  }
  .mz-footer .mz-ft-partner,
  .mz-footer .mz-ft-bottom .mz-ft-bottom-in {
    width: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
  .mz-footer .mz-ft-bottom .mz-ft-record {
    margin-left: 0;
  }
}