/* web/components/site-footer/site-footer.css
   网站页脚 - 就近样式（.site-footer__ 前缀，令牌驱动）

   职责：页脚只保留"虚线以下"的收尾（版权 + 备案号），是内容层底部一行简洁收尾。
   跟随内容滚动，不悬浮、不遮客服按钮。颜色/字号/间距全走 var(--bp-*)。 */

.site-footer {
  display: flex;
  flex-direction: column;
  gap: var(--bp-space-2);
  padding: var(--bp-space-4) 0 var(--bp-space-5);
  color: var(--bp-color-text-muted);
}

/* ─── 版权：虚线以上由 border-top 分隔（这就是"虚线"） ─── */
.site-footer__copyright {
  margin: 0;
  padding-top: var(--bp-space-4);
  border-top: 1px dashed var(--bp-color-border);
  font-size: var(--bp-font-2xs);
  color: var(--bp-color-text-faint);
  text-align: center;
}

/* ─── 备案号区（有备案号才显示；空则不占位） ─── */
.site-footer__beian {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--bp-space-2) var(--bp-space-4);
  font-size: var(--bp-font-2xs);
  color: var(--bp-color-text-faint);
}

.site-footer__beian-link {
  color: var(--bp-color-text-faint);
  text-decoration: none;
  transition: color var(--bp-dur-fast) var(--bp-ease);
}

.site-footer__beian-link:hover {
  color: var(--bp-color-primary);
}