/* ==========================================================================
   服务 service_7 —— 三行图文交替(圆角图 + 标题 + 说明 + 描边胶囊按钮)
   作用域类: .deco-module-service (.ly_service_7)
   模块级 CSS 变量由模板 <style th:inline="text"> 注入(--s7-* 前缀)
   设计来源: D:/desktop/0921/服务.png 区块7(y 4695-7039, 图 750x705, 行距 107/122)
   ========================================================================== */

.ly_service_7 {
    box-sizing: border-box;
    overflow: hidden;
    background-color: var(--s7-bg-color, #FFFFFF);
}

.ly_service_7 .s7-container { margin: 0 auto; box-sizing: border-box; }
.ly_service_7 .s7-container.module_width_1440 { width: 1440px; max-width: 100%; }
.ly_service_7 .s7-container.module_width_full { width: 100%; }
.ly_service_7 .s7-container.module_width_global { width: var(--deco-module-width, 1440px); max-width: 100%; }

/* 一行: 图 47% + 间隔 9% + 文字; 偶数行图右文左 */
.ly_service_7 .s7-row { display: flex; align-items: center; gap: 9%; }
.ly_service_7 .s7-row + .s7-row { margin-top: 100px; }
.ly_service_7 .s7-row.is_reverse { flex-direction: row-reverse; }

.ly_service_7 .s7-pic { flex: 0 0 47%; min-width: 0; border-radius: 24px; overflow: hidden; }
.ly_service_7 .s7-pic picture { display: block; }
.ly_service_7 .s7-pic img {
    display: block;
    width: 100%;
    aspect-ratio: 750 / 705;
    object-fit: cover;
}

.ly_service_7 .s7-text { flex: 1; min-width: 0; max-width: 420px; }

.ly_service_7 .s7-title {
    font-size: var(--s7-title-font-size, 32px);
    font-weight: 600;
    line-height: 1.35;
    color: var(--s7-title-color, #0B1B2B);
}

.ly_service_7 .s7-desc {
    margin-top: 20px;
    font-size: var(--s7-desc-font-size, 14px);
    line-height: 1.7;
    color: var(--s7-desc-color, #6B7280);
}

.ly_service_7 .s7-desc p { margin: 0; }

.ly_service_7 .s7-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 34px;
    padding: 0 32px;
    height: 52px;
    box-sizing: border-box;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}

/* PC 端间距 */
@media screen and (min-width: 1001px) {
    .ly_service_7 {
        padding-top: var(--s7-pc-pad-top, 170px);
        padding-bottom: var(--s7-pc-pad-bottom, 170px);
        padding-left: var(--s7-pc-pad-left, 0%);
        padding-right: var(--s7-pc-pad-right, 0%);
    }
}

/* 移动端 (1000px-): 上下堆叠, 一律图在上 */
@media screen and (max-width: 1000px) {
    .ly_service_7 {
        padding-top: var(--s7-mobile-pad-top, 60px);
        padding-bottom: var(--s7-mobile-pad-bottom, 60px);
        padding-left: max(16px, var(--s7-mobile-pad-left, 0%));
        padding-right: max(16px, var(--s7-mobile-pad-right, 0%));
    }
    .ly_service_7 .s7-row,
    .ly_service_7 .s7-row.is_reverse { flex-direction: column; align-items: stretch; gap: 24px; }
    .ly_service_7 .s7-row + .s7-row { margin-top: 48px; }
    .ly_service_7 .s7-pic { flex: none; border-radius: 16px; }
    .ly_service_7 .s7-pic img { aspect-ratio: 750 / 560; }
    .ly_service_7 .s7-text { max-width: none; }
    .ly_service_7 .s7-desc { margin-top: 12px; }
    .ly_service_7 .s7-btn { margin-top: 22px; height: 46px; padding: 0 26px; }
}