/* =========================================================
   站群通用页脚（10 个模板首页 / 详情页共用）
   引入方式：@include('web.footer')
   ========================================================= */
.zk-footer {
  background: var(--footer-bg, #f6f6f6);
  margin-top: 60px;
  padding: 44px 0 56px;
}

.zk-footer-inner {
  max-width: var(--content-max, var(--list-max, 1280px));
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

/* ---------- 左侧：LOGO + 备案信息 ---------- */
.zk-footer-brand { flex: 0 0 220px; }

.zk-footer-logo {
  display: flex;
  align-items: center;
  gap: 10px;
}
.zk-footer-logo img,
.zk-footer-logo-mark {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  flex: 0 0 auto;
}
.zk-footer-logo-mark { background: #606060; }
.zk-footer-logo-text {
  font-size: 16px;
  font-weight: 700;
  color: var(--ink-strong, #3b3b3b);
}

.zk-footer-icp-list { margin-top: 14px; list-style: none; }
.zk-footer-icp-list li { margin-bottom: 2px; }
.zk-footer-icp-list a,
.zk-footer-icp-list span {
  font-size: 12px;
  line-height: 1.9;
  color: var(--ink-meta, #ababab);
}
.zk-footer-icp-list a:hover { color: var(--ink-title, #404040); }

/* ---------- 右侧：链接分组 ---------- */
.zk-footer-links {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
}

.zk-footer-col-title {
  font-size: 13px;
  font-weight: 500;
  color: var(--ink-title, #404040);
  margin-bottom: 16px;
}

.zk-footer-col-list { list-style: none; }
.zk-footer-col-list li { margin-bottom: 9px; }
.zk-footer-col-list a,
.zk-footer-col-list span {
  font-size: 12px;
  color: var(--ink-meta, #ababab);
}
.zk-footer-col-list a:hover { color: var(--ink-title, #404040); }

/* ---------- 响应式 ---------- */
/* 页脚宽度统一由各模板的 --content-max 变量控制（含窄屏 calc 值），
   与正文容器同宽同边界；这里只处理内部排列，不再额外加左右内边距 */
@media (max-width: 900px) {
  .zk-footer-inner {
    flex-direction: column;
    gap: 32px;
  }
  .zk-footer-links { grid-template-columns: repeat(2, 1fr); gap: 24px; }
}

@media (max-width: 520px) {
  .zk-footer { margin-top: 40px; padding: 30px 0 36px; }
  .zk-footer-links { grid-template-columns: 1fr; }
}