/* ===== home_footer.css : 固定底部 · 透明背景 =====
 * 修改要点：footer 固定在视口底部，背景透明，与页面背景自然融合；
 * 仅调整样式，不改动 HTML 结构（直接作用于 .home-footer）。
 * ================================================================== */

/* 固定底部 · 透明 · 不参与文档流 */
.home-footer {
  position: static;
  flex: 0 0 auto;
  margin-top: auto;
  background: transparent;
  border-top: none;
  box-shadow: none;
}

/* 主容器：透明背景,内容两栏布局居中,最大宽度 1280px */
.home-footer .app-footer-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 12px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: transparent;
  /* 侧栏展开时让出 248px */
  padding-left: calc(248px + 22px);
}

/* 透明背景：所有文字元素不加重底色 */
.home-footer .app-footer-brand,
.home-footer .app-footer-support,
.home-footer .app-footer-meta,
.home-footer .app-footer-icp,
.home-footer .app-footer-sep {
  background: transparent;
}

/* 文字配色（保持浅色,融入透明页脚） */
.home-footer .app-footer-brand {
  font-weight: 800;
  color: #063fb4;
  letter-spacing: 0.02em;
}
.home-footer .app-footer-sep { color: #c2cddd; }
.home-footer .app-footer-support,
.home-footer .app-footer-meta { color: #5b6b86; font-size: 13px; }
.home-footer .app-footer-icp {
  color: #5b6b86;
  text-decoration: none;
  transition: color 0.15s ease;
}
.home-footer .app-footer-icp:hover {
  color: #063fb4;
  text-decoration: underline;
}

/* 内容避让：固定页脚脱离文档流,给页面底部预留空间,防止最后内容被遮挡 */
body {
  padding-bottom: 0;
}

/* 移动端 / 侧栏收起:恢复左右内边距 */
@media (max-width: 991.98px) {
  .home-footer .app-footer-inner {
    padding-left: 22px;
    padding-right: 22px;
    flex-direction: column;
    text-align: center;
  }
  body {
    padding-bottom: 0;
  }
}

/* Keep the user footer quiet and aligned with the shared navigation shell. */
.home-footer .app-footer-inner {
  max-width: none;
  padding-top: 20px;
  padding-bottom: 20px;
  color: rgba(32, 74, 124, 0.68);
}

.home-footer .app-footer-support,
.home-footer .app-footer-meta,
.home-footer .app-footer-icp {
  color: rgba(32, 74, 124, 0.66);
}

.home-footer .app-footer-icp:hover {
  color: #0a63d8;
}

@media (max-width: 991.98px) {
  .home-footer .app-footer-inner {
    padding: 22px 16px 28px;
    gap: 8px;
    font-size: 12px;
  }
}