/* matrix-scroll-animation.css - 为matrix板块元素添加滑动后从下往上依次出现的效果 */

.matrix-container {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.matrix-container.animate {
  opacity: 1;
  transform: translateY(0);
}

/* 为每个容器设置不同的延迟，实现依次出现的效果 */
.matrix-column:nth-child(1) .matrix-container:nth-child(1) {
  transition-delay: 0.1s;
}

.matrix-column:nth-child(1) .matrix-container:nth-child(2) {
  transition-delay: 0.3s;
}

.matrix-column:nth-child(2) .matrix-container:nth-child(1) {
  transition-delay: 0.2s;
}

.matrix-column:nth-child(2) .matrix-container:nth-child(3) {
  transition-delay: 0.4s;
}

.matrix-column:nth-child(3) .matrix-container:nth-child(1) {
  transition-delay: 0.3s;
}

.matrix-column:nth-child(3) .matrix-container:nth-child(2) {
  transition-delay: 0.5s;
}

/* Logo容器特殊处理 */
.matrix-column:nth-child(2) > div:nth-child(2) .matrix-container {
  transition-delay: 0.6s;
}