.bar-container {
  padding: 16px;
  border-bottom: 1px solid #cecece;
  opacity: 0;
  position: absolute;
  top: -100px;
  display: flex;
  align-items: center;
  user-select: none;
}

/* 设置滚动条的样式 */
.bar-container::-webkit-scrollbar {
  height: 5px;
}
/* 滚动槽 */
.bar-container::-webkit-scrollbar-track {
  box-shadow: inset 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
/* 滚动条滑块 */
.bar-container::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 6px rgba(0, 0, 0, 0.5);
}
.bar-container::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 0, 0, 0.4);
}

.arrow-active {
  animation: followpath 2.5s linear infinite;
}

@keyframes followpath {
  0% {
    offset-distance: 0%;
    opacity: 0;
    transform: scale(1);
  }
  50% {
    motion-offset: 40%;
    offset-distance: 40%;
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    motion-offset: 100%;
    offset-distance: 100%;
    opacity: 0.5;
    transform: scale(0.5);
  }
}