/* 通知公告 */
/* 通知公告左右板块渐入动画基础类 */
.notice-bar-left,
.notice-bar-right {
  opacity: 0;
  transition: opacity 1.5s ease, transform 1.5s ease;
}

/* 左侧板块：从左向右渐入（初始左移+透明） */
.notice-bar-left {
  transform: translateX(-60px);
}

/* 右侧板块：从右向左渐入（初始右移+透明） */
.notice-bar-right {
  transform: translateX(60px);
}

/* 动画激活类：元素进入视口后添加，实现渐入效果 */
.notice-bar-left.animate-in,
.notice-bar-right.animate-in {
  opacity: 1;
  transform: translateX(0);
}

/* 确保动画不影响原有布局和功能 */
.notice-bar-left .notice-carousel,
.notice-bar-right .msg_list {
  height: 100%;
}