/* 时间流 */
.stream {
  transform: translateY(calc(-100% + 100vh));
}
@keyframes stream {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(calc(-100% + 100vh));
  }
}
/* 闪动 */
.waver {
  position: relative;
  height: 100%;
}
.waver .photo-box {
  display: none;
  position: absolute;
  top: 50%;
  transform: scale(1) translateY(-50%);
  animation: waver 1s ease-in-out;
}
@keyframes waver {
  0% {
    opacity: 0;
    transform: scale(1.3) translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(-50%);
  }
}
/* 轮播 */
.slider {
  position: relative;
  height: 100%;
}
.slider .photo-box {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  animation: slider 1s ease-in-out;
}
@keyframes slider {
  0% {
    transform: translateX(100%) rotate(15deg) translateY(-50%);
  }
  100% {
    transform: translateX(0) translateY(-50%);
  }
}
/* 卡点 */
.beat {
  position: relative;
  height: 100%;
}
.beat .photo-box {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
}
.beat .photo-box:nth-of-type(4n + 1) {
  animation-name: beat1;
}
.beat .photo-box:nth-of-type(4n + 2) {
  animation-name: beat2;
}
.beat .photo-box:nth-of-type(4n + 3) {
  animation-name: beat3;
}
.beat .photo-box:nth-of-type(4n + 4) {
  animation-name: beat4;
}
@keyframes beat1 {
  0% {
    transform: scale(0.6) translateY(-50%);
  }
  100% {
    transform: scale(1) translateY(-50%);
  }
}
@keyframes beat2 {
  0% {
    transform: rotate(-5deg) scale(1.1) translateY(-100%);
  }
  100% {
    transform: rotate(-5deg) scale(1) translateY(-50%);
  }
}
@keyframes beat3 {
  0% {
    transform: scale(0.6) rotate(-15deg) translateY(-100%);
  }
  100% {
    transform: scale(1) rotate(0) translateY(-50%);
  }
}
@keyframes beat4 {
  0% {
    transform: scale(1.2) translateY(-50%);
  }
  100% {
    transform: scale(1) translateY(-50%);
  }
}


#album-container {
  height: 100%;
}

.cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}