.elementor-1698 .elementor-element.elementor-element-2240abef{--display:flex;--min-height:450px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overlay-opacity:0.5;--margin-top:-18px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-1698 .elementor-element.elementor-element-2240abef:not(.elementor-motion-effects-element-type-background), .elementor-1698 .elementor-element.elementor-element-2240abef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ww2.edroptech.com/wp-content/uploads/2025/12/Video-03.webp");background-position:center center;background-size:cover;}.elementor-1698 .elementor-element.elementor-element-2240abef::before, .elementor-1698 .elementor-element.elementor-element-2240abef > .elementor-background-video-container::before, .elementor-1698 .elementor-element.elementor-element-2240abef > .e-con-inner > .elementor-background-video-container::before, .elementor-1698 .elementor-element.elementor-element-2240abef > .elementor-background-slideshow::before, .elementor-1698 .elementor-element.elementor-element-2240abef > .e-con-inner > .elementor-background-slideshow::before, .elementor-1698 .elementor-element.elementor-element-2240abef > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-1698 .elementor-element.elementor-element-6e0e8b4d > .elementor-widget-container{margin:0% 0% 10% 0%;}.elementor-1698 .elementor-element.elementor-element-6e0e8b4d{text-align:start;}.elementor-1698 .elementor-element.elementor-element-6e0e8b4d .elementor-heading-title{font-size:40px;font-weight:600;text-transform:capitalize;color:#FFFFFF;}.elementor-1698 .elementor-element.elementor-element-b647ae6 .woocommerce-breadcrumb{color:var( --e-global-color-4b4b772 );font-size:14px;font-weight:500;text-transform:capitalize;}.elementor-1698 .elementor-element.elementor-element-b647ae6 .woocommerce-breadcrumb > a{color:#00000073;}.elementor-1698 .elementor-element.elementor-element-e76bfb0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1698 .elementor-element.elementor-element-e76bfb0:not(.elementor-motion-effects-element-type-background), .elementor-1698 .elementor-element.elementor-element-e76bfb0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-1698 .elementor-element.elementor-element-ea9ee71 > .elementor-widget-container{margin:50px 0px 50px 0px;}.elementor-1698 .elementor-element.elementor-element-5c03145{--grid-columns:3;}.elementor-1698 .elementor-element.elementor-element-5c03145 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1698 .elementor-element.elementor-element-5c03145 .e-loop-item > .elementor-section, .elementor-1698 .elementor-element.elementor-element-5c03145 .e-loop-item > .elementor-section > .elementor-container, .elementor-1698 .elementor-element.elementor-element-5c03145 .e-loop-item > .e-con, .elementor-1698 .elementor-element.elementor-element-5c03145 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1698 .elementor-element.elementor-element-5c03145 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-1698 .elementor-element.elementor-element-5c03145 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1698 .elementor-element.elementor-element-5c03145 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1698 .elementor-element.elementor-element-5c03145 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1698 .elementor-element.elementor-element-5c03145 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}body.elementor-page-1698:not(.elementor-motion-effects-element-type-background), body.elementor-page-1698 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F9FF;}@media(max-width:1400px){.elementor-1698 .elementor-element.elementor-element-5c03145{--grid-columns:2;}}@media(min-width:951px){.elementor-1698 .elementor-element.elementor-element-2240abef{--content-width:1400px;}.elementor-1698 .elementor-element.elementor-element-e76bfb0{--content-width:1400px;}}@media(max-width:950px){.elementor-1698 .elementor-element.elementor-element-2240abef{--min-height:255px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1698 .elementor-element.elementor-element-6e0e8b4d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1698 .elementor-element.elementor-element-6e0e8b4d{text-align:center;}.elementor-1698 .elementor-element.elementor-element-6e0e8b4d .elementor-heading-title{font-size:15px;}.elementor-1698 .elementor-element.elementor-element-b647ae6 .woocommerce-breadcrumb{text-align:center;}.elementor-1698 .elementor-element.elementor-element-e76bfb0{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1698 .elementor-element.elementor-element-5c03145{--grid-columns:1;}.elementor-1698 .elementor-element.elementor-element-5c03145 > .elementor-widget-container{padding:0px 0px 50px 0px;}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-b647ae6 */.woocommerce-breadcrumb,.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb{font-size:14px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.woocommerce-breadcrumb a,.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb a{color:inherit!important;text-decoration:none!important;transition:color .3s ease}.woocommerce-breadcrumb a:hover,.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb a:hover{color:#468FFC!important}.woocommerce-breadcrumb span,.woocommerce-breadcrumb bdi{color:#F6A303!important}.woocommerce-breadcrumb a+span::before,.woocommerce-breadcrumb a+bdi::before{color:#999!important}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-5c03145 *//* ==================================== */
/* 🚀 基础样式及布局 (PC端和移动端通用) */
/* ==================================== */
.elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px; /* 按钮之间的间距 */
    padding: 20px 0;
}

/* ==================================== */
/* 🔢 分页按钮样式 (优化为药丸形，防止在移动端被压扁) */
/* ==================================== */
.page-numbers {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    
    /* 关键：使用 min-width 和 padding 确保按钮不会被压缩 */
    min-width: 40px; /* 确保最小宽度，防止被压扁 */
    height: 40px;   /* 确保高度 */
    padding: 0 12px; /* 左右内边距，使其呈药丸形 */
    box-sizing: border-box; /* 确保边框和内边距不增加总宽度 */
    white-space: nowrap; /* 防止文本换行 */
    
    border: 1px solid #ddd;
    border-radius: 20px; /* 药丸形圆角 */
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* ==================================== */
/* ✅ 当前页和悬停效果 */
/* ==================================== */

/* 当前页样式 */
.page-numbers.current {
    background-color: #3458a4; /* 指定的深蓝色 */
    color: #fff;
    border-color: #3458a4;
}

/* 悬停效果 */
.page-numbers:hover:not(.current) {
    background-color: #f3f4f6;
    border-color: #ccc;
}

/* ==================================== */
/* ◀️ Prev/Next (上一页/下一页) 按钮样式 */
/* ==================================== */
.page-numbers.prev,
.page-numbers.next {
    background-color: #f5f9ff; /* 浅蓝色背景 */
    width: auto;
    padding: 10px 15px; /* 添加内边距以适应文字 */
    font-weight: normal;
    border-radius: 20px; /* 统一圆角 */
}

/* 上一页和下一页按钮悬停效果 */
.page-numbers.prev:hover,
.page-numbers.next:hover {
    background-color: #f3f4f6;
}

/* ==================================== */
/* ⚙️ 辅助样式 (隐藏屏幕阅读器文本) */
/* ==================================== */
.elementor-screen-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* ==================================== */
/* 📱 移动端响应式优化 (解决被压扁问题) */
/* ==================================== */
@media (max-width: 600px) {
    .elementor-pagination {
        gap: 8px; /* 减小间距 */
        /* 可以在这里添加 padding: 0 10px; 防止分页组件过于贴边 */
    }

    .page-numbers {
        min-width: 36px; /* 减小最小宽度 */
        height: 36px;
        padding: 0 10px; /* 减小左右内边距 */
        font-size: 14px; /* 减小字体大小 */
    }
    
    .page-numbers.prev,
    .page-numbers.next {
        padding: 8px 12px; /* 减小上一页/下一页按钮的内边距 */
        font-size: 14px;
    }
}/* End custom CSS */