/* ================= 核心动画定义 ================= */

/* 1. 滚动进入效果 (Scroll Reveal) */
.reveal-item {
    opacity: 0;
    transform: translateY(40px);
    transition: all 1s ease-out;
}

.reveal-item.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* 2. 新闻快门遮罩效果 (News Shutter) */
.shutter-mask {
    transform: scaleY(0);
    transform-origin: center;
    transition: transform 0.4s ease-in-out;
}
.group:hover .shutter-mask {
    transform: scaleY(1);
}
/* 3. 移动端菜单过渡 */
#mobile-menu {
    transition: max-height 0.3s ease-in-out;
}
/* 跑马灯容器设置 */
.marquee-container:hover .animate-marquee {
    animation-play-state: paused; /* 鼠标悬停暂停滚动 */
}
/* 表单输入框聚焦动画 */
.input-focus { transition: border-color 0.3s ease; }
/* 新闻列表项 Hover 效果 */
.news-item:hover .date-box { transform: scale(1.05); }
.pages .pages-numbar a {
    @apply w-8 h-8 flex items-center justify-center bg-gray-100 text-secondary text-sm hover:bg-primary hover:text-white transition rounded-sm
}
.pages .pages-numbar a.page-num-current{
    @apply bg-primary text-white
}
/* 文章内容样式重置 */
.article-content p { margin-bottom: 1.5rem; text-align: justify; }
.article-content img { max-width: 100%; height: auto; margin: 2rem auto; border-radius: 2px; }
.icon-theme-color {
    filter: brightness(0) saturate(100%) invert(53%) sepia(63%) saturate(2526%) hue-rotate(152deg) brightness(93%) contrast(101%);
}

/* 鼠标悬停时保持颜色或变深一点，这里保持一致 */
.group:hover .icon-theme-color {
    opacity: 0.8; 
}
.group:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
/* 移动端子菜单动画 */
.mobile-submenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}
.mobile-submenu.open {
    max-height: 1000px;
}