.bottom_logo, .contact_info ul li, .social_media li {
    opacity: 0;
    transform: translateY(50px); /* 初始下移状态 */
}

.social_media li {
    transform: scale(0.5); /* 初始缩小状态 */
}

/* 动画效果 */
.animate-fly-in {
    animation: flyInFromBottom 0.8s ease-out forwards; /* forwards 确保动画完成后停留 */
}

.animate-zoom-in {
    animation: zoomIn 0.8s ease-out forwards; /* forwards 确保动画完成后停留 */
}

/* 动画完成后的状态 */
.animation-hold {
    opacity: 1 !important; /* 确保元素保持可见 */
    transform: translateY(0) !important; /* 停留在最终位置 */
}

.social_media li.animation-hold {
    transform: scale(1) !important; /* 停留在最终缩放状态 */
}

/* 延迟控制 */
.bottom_logo {
    animation-delay: 0s; /* 无延迟 */
}

.contact_info ul li {
    animation-delay: 0s; /* 基础延迟 */
}

/* 添加延迟效果到子元素 */
.contact_info ul li:nth-child(1) {
    animation-delay: 0.2s;
}

.contact_info ul li:nth-child(2) {
    animation-delay: 0.4s;
}

.contact_info ul li:nth-child(3) {
    animation-delay: 0.6s;
}

.contact_info ul li:nth-child(4) {
    animation-delay: 0.8s; /* 确保第 4 个 li 延迟生效 */
}

/* 关键帧动画 */
@keyframes flyInFromBottom {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}


.social_media ul li a img { transform: scale(1);-webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
.social_media ul li a:hover img {
   -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  
}