/**

 * 全站顶栏：向下滚动超过阈值后 fixed + fadeInDown（与 Eduport 模板一致），

 * 并扩展到移动端；由 plugins/site-sticky-header.client.ts 切换 navbar-sticky-on。

 */



:root {

  --site-header-bg: #d8e6f8;

}



/* 顶栏在首屏正常文档流，不预先 sticky */

header.navbar-sticky {

  z-index: 1030;

}



/* 全站公共顶栏：与首页 hero 渐变起点同色 */

header.site-header-public.navbar-sticky {

  background-color: var(--site-header-bg);

}



header.site-header-public.navbar-sticky .navbar {

  background-color: transparent;

}



#sticky-space {

  display: block;

  height: 0;

  overflow: hidden;

  pointer-events: none;

}



/* 模板仅在 xl 生效，此处扩展到全端 + 略加强阴影 */

header.navbar-sticky.navbar-sticky-on {

  position: fixed;

  z-index: 1030;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  border-bottom: 1px solid var(--bs-border-color);

  box-shadow: 0 0.35rem 1.25rem rgba(29, 58, 83, 0.1);

  -webkit-animation: fadeInDown 0.5s;

  animation: fadeInDown 0.5s;

}



header.site-header-public.navbar-sticky.navbar-sticky-on {

  background-color: var(--site-header-bg);

  border-bottom-color: rgba(var(--bs-primary-rgb), 0.12);

}



header.navbar-sticky.navbar-sticky-on .navbar-brand {

  padding-top: 0.875rem;

  padding-bottom: 0.875rem;

}



@media (prefers-reduced-motion: reduce) {

  header.navbar-sticky.navbar-sticky-on {

    -webkit-animation: none;

    animation: none;

  }

}



/* 个人中心右侧顶栏：内容区滚动时轻量吸顶（无滑入动画） */

.user-center-topbar.site-sticky-topbar {

  position: sticky;

  top: 0;

  z-index: 1025;

  background-color: var(--bs-body-bg);

}



.user-center-topbar.site-sticky-topbar.navbar-sticky-on {

  box-shadow: 0 0.25rem 1rem rgba(29, 58, 83, 0.08);

}