/**
 * 「下班后®」Footer 组件
 * 
 * 提供统一的页脚样式，包含：
 * - 品牌信息
 * - 站点链接
 * - 版权声明
 * 
 * 使用方式：在页面底部添加以下 HTML
 */

.xia-footer {
  margin-top: auto;
  padding: var(--space-8) 0;
  border-top: 1px solid var(--border);
  background: var(--bg);
}

.xia-footer-inner {
  max-width: var(--container-xl);
  margin: 0 auto;
  padding: 0 var(--space-6);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  text-align: center;
}

.xia-footer-brand {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--text);
  text-decoration: none;
}

.xia-footer-brand:hover {
  color: var(--site-accent);
  text-decoration: none;
}

.xia-footer-links {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  flex-wrap: wrap;
  justify-content: center;
}

.xia-footer-links a {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  text-decoration: none;
  transition: color var(--duration-fast) var(--ease-out);
}

.xia-footer-links a:hover {
  color: var(--site-accent);
}

.xia-footer-links .separator {
  color: var(--border-strong);
  user-select: none;
}

.xia-footer-meta {
  font-size: var(--text-xs);
  color: var(--text-tertiary);
}

.xia-footer-meta a {
  color: var(--text-secondary);
}

@media (max-width: 768px) {
  .xia-footer-inner {
    padding: 0 var(--space-4);
  }

  .xia-footer-links {
    gap: var(--space-3);
  }
}