.elementor-8809 .elementor-element.elementor-element-512afa7{--display:flex;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8809 .elementor-element.elementor-element-3daff63 .elementor-repeater-item-22c11a1 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://3dcgvault.com/wp-content/uploads/2025/10/27d83038-60bc-4c67-8416-0da2a6b15cde-转换自-png.webp);background-size:cover;}.elementor-8809 .elementor-element.elementor-element-3daff63 .elementor-repeater-item-d1c14c5 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://3dcgvault.com/wp-content/uploads/2025/10/20251008180924-转换自-png.webp);background-size:cover;}.elementor-8809 .elementor-element.elementor-element-3daff63 .elementor-repeater-item-1a38eeb .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://3dcgvault.com/wp-content/uploads/2025/10/20251008181559-转换自-png-scaled.webp);background-size:cover;}.elementor-8809 .elementor-element.elementor-element-3daff63 .elementor-repeater-item-48be1f1 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://3dcgvault.com/wp-content/uploads/2025/10/c23b8ef0-a183-4b66-911d-854da57d3e1-转换自-png.webp);background-size:cover;}.elementor-8809 .elementor-element.elementor-element-3daff63 .swiper-slide{transition-duration:calc(1000ms*1.2);height:800px;}.elementor-8809 .elementor-element.elementor-element-3daff63 .swiper-slide-contents{max-width:66%;}.elementor-8809 .elementor-element.elementor-element-3daff63 .swiper-slide-inner{text-align:center;}.elementor-8809 .elementor-element.elementor-element-499a2f6{--display:flex;}/* Start custom CSS for slides, class: .elementor-element-3daff63 *//*
 * ===================================================================
 * 将 Elementor 幻灯片组件整体封装为高级卡片 (V2)
 * - 移除顶部装饰条
 * - 恢复内部幻灯片的圆角
 * 目标组件: .elementor-element-3daff63 (已根据您的HTML更新)
 * ===================================================================
 */

/* --- 1. 定义卡片的主体样式 --- */
.elementor-element-3daff63 {
    /* 卡片背景和布局 */
    background-color: #ffffff;
    border-radius: 16px; /* 卡片容器的圆角 */
    padding: 16px; /* 在卡片内部创建留白，这个值可以根据喜好调整 */
    margin: 24px 0;
    box-sizing: border-box;
    position: relative;
    
    /* 核心：精致的多层阴影 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.08);

    /* 边框样式 */
    border: 1px solid rgba(0, 0, 0, 0.08);

    /* 从示例中借鉴的微妙背景纹理 */
    background-image: radial-gradient(circle at 1px 1px, rgba(0,0,0,0.02) 1px, transparent 0);
    background-size: 20px 20px;

    /* 平滑的过渡动画，用于悬停效果 */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}


/* --- 2. 添加悬停时的交互效果 --- */
.elementor-element-3daff63:hover {
    /* 鼠标悬停时，阴影变得更深、更弥散 */
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18), 0 6px 18px rgba(0, 0, 0, 0.12);
    
    /* 悬停时卡片轻微向上浮动 */
    transform: translateY(-4px);

    /* 悬停时边框变色，增加细节 */
    border-color: rgba(102, 126, 234, 0.2);
}


/* --- 3. 【已移除】顶部的装饰性渐变条 --- */
/* * 我们把 .elementor-element-3daff63::before 规则整个删除了，
 * 顶部的蓝条就消失了。
 */


/* --- 4. 【已修改】内部元素微调 --- */

/* * 恢复内部幻灯片（swiper）的圆角和溢出隐藏
 * 这样内部的图片也会被裁剪成圆角
*/
.elementor-element-3daff63 .elementor-swiper {
    border-radius: 10px; /* 设置内部幻灯片的圆角，可以比外部容器小一点，更有层次感 */
    overflow: hidden; /* 必须！裁剪内部超出圆角范围的图片 */
    box-shadow: none; /* 确保内部没有多余的阴影 */
}

/* * 调整箭头位置，让它们在卡片内但又不会离图片太近
*/
.elementor-element-3daff63 .elementor-swiper-button {
    /* 之前的样式可以保留，这里主要是位置调整 */
    /* 示例：将箭头放在更靠近边缘的位置 */
    top: 50%;
    transform: translateY(-50%);
}

.elementor-element-3daff63 .elementor-swiper-button-prev {
    left: 25px; /* 调整此值 */
}

.elementor-element-3daff63 .elementor-swiper-button-next {
    right: 25px; /* 调整此值 */
}


/* --- 5. 保留之前的需求：隐藏按钮 --- */
.elementor-element-3daff63 .swiper-slide-contents:has(.elementor-slide-button) {
    display: none !important;
}


/* --- 6. 响应式设计：在移动设备上优化 --- */
@media (max-width: 768px) {
    .elementor-element-3daff63 {
        padding: 12px; /* 移动端减少内边距 */
        margin: 16px 0;
        border-radius: 12px;
    }

    .elementor-element-3daff63 .elementor-swiper {
        border-radius: 8px; /* 移动端内部圆角也相应减小 */
    }

    .elementor-element-3daff63 .elementor-swiper-button {
        width: 35px;
        height: 35px;
    }
    
    .elementor-element-3daff63 .elementor-swiper-button-prev {
        left: 20px;
    }
    
    .elementor-element-3daff63 .elementor-swiper-button-next {
        right: 20px;
    }
}/* End custom CSS */