/* 
 * 简化版CSS主文件 - Tailwind CSS优先
 * 仅保留必要的交互逻辑和动画效果
 */

/* 图片轮播样式 */
.carousel-slide {
    transition: opacity 0.5s ease-in-out;
}

/* 三级下拉菜单过渡动画 */
.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}

.group:hover .group-hover\:visible {
    visibility: visible;
}

.group/submenu:hover .group-hover\/submenu\:opacity-100 {
    opacity: 1;
}

.group/submenu:hover .group-hover\/submenu\:visible {
    visibility: visible;
}

/* 导航栏阴影过渡 */
header {
    transition: box-shadow 0.3s ease-in-out;
}

/* 筛选标签样式 */
.filter-chip {
    transition: all 0.2s;
}

.filter-chip.active {
    background-color: #2563eb;
    /* blue-600 */
    color: white;
    font-weight: 500;
}

.filter-chip:not(.active):hover {
    color: #2563eb;
    background-color: #eff6ff;
    /* blue-50 */
}