.elementor-795 .elementor-element.elementor-element-0f39916{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-795 .elementor-element.elementor-element-0f39916:not(.elementor-motion-effects-element-type-background), .elementor-795 .elementor-element.elementor-element-0f39916 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-795 .elementor-element.elementor-element-586abad{--display:flex;}.elementor-795 .elementor-element.elementor-element-586abad:not(.elementor-motion-effects-element-type-background), .elementor-795 .elementor-element.elementor-element-586abad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-795 .elementor-element.elementor-element-97ad786 > .elementor-widget-container{margin:25px 25px 25px 25px;}.elementor-795 .elementor-element.elementor-element-97ad786 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:35px;font-weight:700;color:#FFFFFF;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-795 .elementor-element.elementor-element-df49314{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-795 .elementor-element.elementor-element-df49314 > .elementor-widget-container{padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 0px;border-radius:8px 8px 8px 8px;}.elementor-795 .elementor-element.elementor-element-df49314 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-795 .elementor-element.elementor-element-df49314:after{content:"0.5";}.elementor-795 .elementor-element.elementor-element-df49314 .elementor-post__thumbnail__link{width:100%;}.elementor-795 .elementor-element.elementor-element-df49314 .elementor-post__meta-data span + span:before{content:"•";}.elementor-795 .elementor-element.elementor-element-df49314 .elementor-post__text{margin-top:20px;}.elementor-795 .elementor-element.elementor-element-df49314 .elementor-post__badge{right:0;}.elementor-795 .elementor-element.elementor-element-df49314 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-795 .elementor-element.elementor-element-df49314 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-795 .elementor-element.elementor-element-df49314 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-795 .elementor-element.elementor-element-df49314 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-795 .elementor-element.elementor-element-df49314 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-795 .elementor-element.elementor-element-df49314 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:767px){.elementor-795 .elementor-element.elementor-element-df49314 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-795 .elementor-element.elementor-element-df49314:after{content:"0.5";}.elementor-795 .elementor-element.elementor-element-df49314 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-795 .elementor-element.elementor-element-0f39916{--content-width:780px;}}/* Start custom CSS for posts, class: .elementor-element-df49314 *//* 1. 确保最外层容器样式不变 (就是那个灰色的背景块) */
.news-post-item {
    background-color: #f9f9f9; /* 沿用你现有的灰色背景 */
    padding: 25px; /* 稍微增加一点内边距 */
    margin-bottom: 30px;
    border-radius: 4px; /* 可选：加一点圆角更现代 */
}

/* 2. 设置 Flex 容器，让内部元素左右排列 */
.post-flex-wrapper {
    display: flex;
    gap: 25px; /* 图片和文字之间的间距 */
    align-items: flex-start; /* 让图片和文字顶部对齐 */
}

/* 3. 设置左侧图片容器 */
.post-thumbnail {
    /* 固定宽度，例如 250px，或者使用百分比 flex: 0 0 25%; */
    flex: 0 0 250px; 
    /* 关键：防止图片被压缩 */
    flex-shrink: 0; 
}

/* 4. 确保图片自适应容器并保持美观 */
.post-thumbnail img {
    width: 100%;
    height: auto; /* 保持比例 */
    display: block;
    border-radius: 4px; /* 可选：给图片加圆角 */
    object-fit: cover; /* 如果你强制设置了高度，这个属性可以防止图片变形 */
    border: 1px solid #e0e0e0; /* 可选：加个细边框增加精致感 */
}

/* 5. 设置右侧文字容器占据剩余空间 */
.post-content {
    flex: 1; /* 占据所有剩余宽度 */
    /* 修正：你当前的标题上方可能默认有 margin，在 flex 布局中需要去掉顶部 margin 以便和图片对齐 */
}
.post-content h3 {
    margin-top: 0; 
}


/* --- 响应式处理 (手机端适配) --- */
/* 当屏幕宽度小于 768px 时 (平板和手机) */
@media (max-width: 768px) {
    .post-flex-wrapper {
        flex-direction: column; /* 改为上下排列 */
    }

    .post-thumbnail {
        width: 100%; /* 图片宽度占满 */
        flex: 0 0 auto;
        margin-bottom: 15px; /* 图片和下方文字的间距 */
    }
    
    .post-thumbnail img {
        max-height: 250px; /* 限制手机上图片的最大高度，防止太占地方 */
        object-fit: cover;
    }
}/* End custom CSS */