/* --- 基础状态：添加平滑的过渡动画和鼠标手型 --- */
.tab-image .elementor-widget-image {
    cursor: pointer;
    transition: all 0.3s ease;
    box-sizing: border-box;
    border: 2px solid transparent; /* 预留边框位置，防止跳动 */
    border-radius: 8px; /* 统一圆角 */
}

/* --- 鼠标悬停时的效果（可选，增加交互感） --- */
.tab-image .elementor-widget-image:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* --- active 选中状态：蓝色边框 + 稍微上浮 + 阴影 --- */
.tab-image .elementor-widget-image.active {
    border: 2px solid #23a3ff; /* 匹配你网站 Logo 的蓝色 */
    box-shadow: 0 6px 15px rgba(35, 163, 255, 0.25); /* 蓝色发光阴影 */
    transform: translateY(-4px); /* 选中时明显上浮 */
    border-radius: 8px;
}

/* 如果你的图片本身没有占满容器，建议给 img 标签也加上圆角 */
.tab-image .elementor-widget-image.active img {
    border-radius: 6px; 
}
.custom-tab-content .e-n-tabs-heading{display: none !important;}

@media screen and (max-width: 768px) {
	.custom-tab-content .e-n-tabs-heading{display: flex !important;}
}