/* 导航菜单悬停效果 */
.nav-item:hover > div {
    display: block;
}

/* 图片轮播样式 */
.slider-container {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%;
    height: 100%; /* 强制子图片继承容器高度 */
}

.slider-container img {
    flex-shrink: 0;
    width: 100%;
    height: 100%; /* 高度撑满容器 */
    object-fit: fill; /* 保持比例并裁剪超出部分 */
}

/* 选项卡过渡效果 */
.group:hover .group-hover\:rotate-180 {
    transform: rotate(180deg);
}

/* 新闻滚动效果 */
.news-ticker {
    height: 240px;
    overflow: hidden;
    position: relative;
    mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        black 10%,
        black 90%,
        transparent 100%
    );
}

.news-items {
    animation: scrollNews 20s linear infinite;
}

.news-item {
    padding: 12px;
    opacity: 0.8;
    transition: all 0.3s ease;
}

.news-item:hover {
    opacity: 1;
    transform: translateX(10px);
}

@keyframes scrollNews {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(calc(-100% + 240px));
    }
}

.news-ticker:hover .news-items {
    animation-play-state: paused;
}

/* 标签页动画 */
.tab-button {
    position: relative;
    transition: all 0.3s ease;
}

.tab-button::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #2563eb;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.tab-button:hover::after,
.tab-button.active::after {
    transform: scaleX(1);
}

.tab-content {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

.tab-content.active {
    opacity: 1;
    transform: translateY(0);
}