/* ============================================================
   全站统一页脚 —— 与首页同一套
   ------------------------------------------------------------
   和顶栏一个道理：原来只有首页和列表页有页脚，阅读页收在一行小字、
   识字/数学各写一句自造的话、诗词页干脆没有。同一个站走到页面底部就散了。

   一条纪律：每个 var() 都带兜底值 —— 子页面不加载 tokens.css。

   内容只有一份真源：`scripts/sync_footer.py` 把首页那段页脚同步到所有页面，
   `tests/verify-footer.mjs` 检查八页一字不差。改文案只改首页，然后跑同步脚本。
   ============================================================ */

.site-footer {
  border-top: 1px solid var(--color-line, rgba(59, 51, 42, .16));
  padding: var(--space-6, 64px) 0;
  text-align: center; /* 口号那一行居中 */
}

.site-footer .wrap {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 var(--space-5, 40px);
}

.site-footer .slogan {
  margin: 0 0 var(--space-2, 8px);
  /* base.css 给所有 p 限了 62ch 行宽，口号会被限宽后靠左 —— 页脚里必须放开 */
  max-width: none;
  font-family: var(--font-display, "Kaiti SC", "STKaiti", "楷体", serif);
  font-size: 22px;
  line-height: 1.6;
  letter-spacing: .06em;
  color: var(--color-deep, #2F4B3C);
}

.site-footer small {
  display: block;
  max-width: none;
  font-size: var(--fs-small, 13px);
  line-height: 2;
  color: var(--color-muted, #6B5E50);
}

.site-footer a.foot-mail {
  color: var(--color-deep, #2F4B3C);
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 1px;
  transition: color 200ms ease;
}
.site-footer a.foot-mail:hover {
  color: var(--color-accent, #B04A1E);
  border-bottom-color: var(--color-accent, #B04A1E);
}

@media (max-width: 820px) {
  .site-footer { padding: var(--space-5, 40px) 0; }
  .site-footer .wrap { padding: 0 var(--space-4, 24px); }
  .site-footer .slogan { font-size: 18px; letter-spacing: .04em; }
}

/* 打印：页脚不上纸（阅读页纸面里那行 .a-foot 是另一份，仍会打印） */
@media print {
  .site-footer { display: none !important; }
}