/* ════════════════════════════════════════════════════════════════════
   全站统一页脚 · 2026-09-26
   结构照 minimax.cn 主页页脚：**左边公众号 + 右边分类导航 + 底部法务行**。
   放在每个页面（用户明确：有分类导航就该配公众号，不用只在首页，别太死板）。
   为什么单独一个文件而不塞进 portal.css：
     站里有些页面（about / contact / nongchanpin 等）不引 portal.css，
     独立文件能被任何页面复用，省得各自复制一套样式。
   ════════════════════════════════════════════════════════════════════ */

.site-footer {
  background: #f7f8fc;
  border-top: 1px solid #e3e7f0;
  padding: 40px 20px 20px;
  text-align: left;
}
.site-footer .pf-wrap { max-width: 1180px; margin: 0 auto; }

/* ── 主区：左公众号 + 右分类列 ── */
.site-footer .pf-main {
  display: grid;
  grid-template-columns: 214px minmax(0, 1fr);
  gap: 36px;
  padding-bottom: 26px;
  border-bottom: 1px solid #e8ecf4;
}

/* 左：品牌 + 公众号二维码 */
.site-footer .pf-aside .pf-logo {
  display: flex; align-items: center; gap: 9px; margin-bottom: 14px;
}
.site-footer .pf-aside .pf-logo img { width: 32px; height: 32px; border-radius: 8px; object-fit: cover; }
.site-footer .pf-aside .pf-logo b { color: #1f2430; font-size: .98rem; }
.site-footer .pf-qr {
  display: flex; align-items: center; gap: 11px;
}
.site-footer .pf-qr img {
  width: 84px; height: 84px; border-radius: 9px;
  background: #fff; padding: 5px; flex: none;
  border: 1px solid #e3e7f0;
}
.site-footer .pf-qr .pf-qr-txt { min-width: 0; }
.site-footer .pf-qr .pf-qr-txt b { display: block; color: #1f2430; font-size: .84rem; margin-bottom: 3px; }
.site-footer .pf-qr .pf-qr-txt span { color: #7f8aa3; font-size: .74rem; line-height: 1.5; display: block; }

/* 右：四列分类导航 */
.site-footer .pf-cols {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
.site-footer .pf-col h6 {
  font-size: .83rem; color: #1f2430; font-weight: 700;
  margin: 0 0 11px; letter-spacing: .5px;
}
.site-footer .pf-col a {
  display: block; color: #5b6b8c; font-size: .81rem;
  line-height: 1.95; text-decoration: none;
  transition: color .16s ease, transform .16s ease;
}
.site-footer .pf-col a:hover { color: #4f46e5; transform: translateX(2px); }
.site-footer .pf-col a .tag {
  font-size: .67rem; color: #047857; background: rgba(4, 120, 87, .09);
  padding: 1px 6px; border-radius: 6px; margin-left: 5px; vertical-align: 1px;
}

/* ── 底部法务行 ── */
.site-footer .pf-legal { padding-top: 16px; text-align: center; }
.site-footer .pf-legal p { color: #7f8aa3; font-size: .77rem; line-height: 1.9; margin: 4px 0; }
.site-footer .pf-legal a { color: #7f8aa3; text-decoration: none; }
.site-footer .pf-legal a:hover { color: #4f46e5; }
.site-footer .pf-legal .pf-links {
  display: flex; align-items: center; justify-content: center;
  gap: 18px; flex-wrap: wrap;
}

/* ── 覆盖旧页脚样式 ──
   旧 .portal-footer 是给深色页写的：background: rgba(0,0,0,.4)。
   浅色主题下那是条灰带子（黑 40% 压白底 = #999），必须覆盖掉。 */
footer.portal-footer, footer.sv-footer, footer.cases-footer,
footer.ai-cases-footer, footer.dailyqa-footer, footer.academy-footer {
  background: #f7f8fc;
  border-top: 1px solid #e3e7f0;
  text-align: left;
  padding: 40px 20px 20px;
}
footer.portal-footer p, footer.sv-footer p, footer.cases-footer p,
footer.ai-cases-footer p, footer.dailyqa-footer p, footer.academy-footer p {
  color: #7f8aa3;
}

/* ── 响应式 ── */
@media (max-width: 900px) {
  .site-footer { padding: 30px 16px 16px; }
  .site-footer .pf-main { grid-template-columns: 1fr; gap: 22px; }
  .site-footer .pf-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
}
@media (max-width: 380px) {
  .site-footer .pf-cols { grid-template-columns: 1fr; }
}