.box-header {
  width: 100%;
  z-index: 9999;
  transition: all 0.3s ease;
  /* 初始正常状态 */
  position: relative;
  background: transparent;
}

/* 滚动向下 触发吸顶动画样式 */
.box-header.sticky-active {
  position: fixed;
  top:0;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
  /* 可加高度缩小、内边距变小实现导航收缩效果 */
/*   padding: 10px 0 !important; */
}

/* 占位防抖动，不塌陷 */
/* body.header-fixed-padding {
  padding-top: var(--h-height) !important;
} */