/**
 * transitions.css - 为原生JavaScript实现提供过渡效果
 * 用于替代jQuery动画效果
 */

/* 通用过渡效果 */
.fade-transition {
    transition: opacity 0.3s ease;
}

/* 移动菜单过渡效果 */
.mobile-menu-overlay {
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* 滑动效果 */
.slide-transition {
    transition: height 0.3s ease, opacity 0.3s ease;
    overflow: hidden;
}

/* 导航菜单悬停效果 */
#nav .a {
    transition: all 0.3s ease;
}

#nav .a.hover {
    color: #0066cc;
}

/* 返回顶部按钮过渡效果 */
#gotop_box {
    transition: opacity 0.3s ease;
}

/* 轮播图过渡效果 */
#banner .bd li {
    transition: opacity 1.2s ease;
}

#banner .bd li.active {
    opacity: 1;
}

#banner .bd li:not(.active) {
    opacity: 0;
}