.elementor-3532 .elementor-element.elementor-element-dd89985{--display:flex;}.elementor-3532 .elementor-element.elementor-element-e25c566{--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;}.elementor-3532 .elementor-element.elementor-element-7e1248f{--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;}.elementor-3532 .elementor-element.elementor-element-a7f319b{--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;}.elementor-3532 .elementor-element.elementor-element-049a28e{--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;}.elementor-3532 .elementor-element.elementor-element-6e568e9{--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;}@media(min-width:768px){.elementor-3532 .elementor-element.elementor-element-dd89985{--content-width:1200px;}}/* Start custom CSS *//* ==================================================
   EPORDO CASE STUDY TEMPLATE
   Scope: .case-wrapper
   Does NOT affect global .prose
================================================== */


/* =========================
   PAGE WRAPPER
========================= */

.case-wrapper{
    background:#fff;
    width:100%;
}

/* Elementor 主内容区 */
.case-wrapper > .e-con-inner{
    max-width:1200px;
    margin:0 auto;
    padding:50px 20px 80px;
}


/* =========================
   HERO SECTION
========================= */

.case-hero{
    max-width:1000px;
    margin:0 auto 50px;
}

.case-hero h1{
    font-size:42px;
    line-height:1.15;
    font-weight:700;
    color:#111;
    letter-spacing:-0.02em;
    margin:0;
}


/* =========================
   CONTENT SECTION
========================= */

.case-section{
    max-width:940px;
    margin:0 auto 60px;
}

.case-section:last-child{
    margin-bottom:0;
}


/* =========================
   PROSE OVERRIDE
   只影响 Case 页面
========================= */

.case-section .prose{
    width:100%;
}


/* =========================
   HEADINGS
========================= */

.case-section .prose h2{
    font-size:28px;
    line-height:1.3;
    margin:0 0 20px;

    border-left:4px solid #1677ff;
    padding-left:14px;
}

.case-section .prose h3{
    font-size:22px;
    line-height:1.4;
    margin-top:28px;
}


/* =========================
   PARAGRAPHS
========================= */

.case-section .prose p{
    margin-bottom:18px;
}


/* =========================
   IMAGES
========================= */

.case-section .prose img{
    display:block;
    width:100%;
    height:auto;

    border-radius:10px;

    margin:22px 0;

    box-shadow:
        0 8px 24px rgba(0,0,0,.08);

    transition:all .25s ease;
}

.case-section .prose img:hover{
    transform:translateY(-2px);
}


/* =========================
   LISTS
========================= */

.case-section .prose ul,
.case-section .prose ol{
    margin:18px 0 22px;
}

.case-section .prose li{
    margin-bottom:10px;
}


/* =========================
   BLOCKQUOTE
========================= */

.case-section .prose blockquote{
    margin:24px 0;
}


/* =========================
   TABLE
========================= */

.case-section .prose table{
    margin:24px 0;
}


/* =========================
   SECTION SEPARATION
========================= */

.case-section{
    position:relative;
}

.case-section:not(:last-child)::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:-30px;

    height:1px;

    background:
    linear-gradient(
        to right,
        transparent,
        #e5e7eb,
        transparent
    );
}


/* =========================
   TABLET
========================= */

@media (max-width:1024px){

    .case-hero{
        max-width:900px;
    }

    .case-section{
        max-width:820px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width:768px){

    .case-wrapper > .e-con-inner{
        padding:25px 16px 50px;
    }

    .case-hero{
        margin-bottom:35px;
    }

    .case-hero h1{
        font-size:30px;
        line-height:1.2;
    }

    .case-section{
        max-width:100%;
        margin-bottom:40px;
    }

    .case-section .prose h2{
        font-size:22px;
    }

    .case-section .prose h3{
        font-size:18px;
    }

    .case-section .prose img{
        border-radius:8px;
        margin:18px 0;
    }

}

/* 两张图片自动并排 */
.case-section .prose p:has(img + img){
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    margin:24px 0;
}

.case-section .prose p:has(img + img) img{
    width:100%;
    margin:0;
}

@media(max-width:768px){

    .case-section .prose p:has(img + img){
        grid-template-columns:1fr;
    }

}/* End custom CSS */