body::-webkit-scrollbar {
  display: none; /* 直接隐藏滚动条容器 */
}

/* 可选：如果页面有横向滚动需求，也隐藏水平滚动条 */
body {
  -ms-overflow-style: none; /* IE/旧版 Edge 兼容 */
  scrollbar-width: none; /* Firefox 兼容 */
  overflow-x: auto; /* 保留横向滚动（如需） */
  overflow-y: auto; /* 保留纵向滚动（核心） */
}
.top-line {
  width: 100%;
  height: 78px;
  background: linear-gradient( 0deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
  border-radius: 0px 0px 0px 0px;
  display: none;
  justify-content: space-between;
  position: fixed;
  z-index: 999;
}
.top-line .logo {
  padding: 20px;
}
.top-line .logo img {
  width: 120px;
  height: 37px;
}
.top-line .nav-line {
  display: flex;
  align-items: center;
}
.top-line .nav-line .navitem {
  height: 78px;
  padding: 0 20px;
}
.top-line .nav-line .navitem:hover {
  background: linear-gradient( 0deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
}
.top-line .nav-line .navitem a {
  font-weight: 500;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 78px;
  display: block;
  white-space: nowrap;
  width: 80px;
  text-align: center;
}
.top-line .nav-line .navitem.active {
  background: linear-gradient( 0deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
}
.navbar-hidden {
  transform: translateY(-100%); /* 向上移出视口 */
}
.page-content {

}