/* ==========================================================================
   服务 service_6 —— 白底居中标题 + 四张浅灰卡(白色圆角图标块)
   作用域类: .deco-module-service (.ly_service_6)
   模块级 CSS 变量由模板 <style th:inline="text"> 注入(--s6-* 前缀)
   设计来源: D:/desktop/0921/服务.png 区块6(y 3859-4348)
   ========================================================================== */

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

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

.ly_service_6 .s6-head { text-align: center; }

.ly_service_6 .s6-title {
    margin: 0;
    font-size: var(--s6-title-font-size, 32px);
    font-weight: 600;
    line-height: 1.25;
    color: var(--s6-title-color, #0B1B2B);
}

.ly_service_6 .s6-sub {
    margin: 18px auto 0;
    max-width: 560px;
    font-size: var(--s6-sub-font-size, 15px);
    line-height: 1.6;
    color: var(--s6-sub-color, #8A8F95);
}

.ly_service_6 .s6-sub p { margin: 0; }

.ly_service_6 .s6-list {
    margin-top: 62px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.ly_service_6 .s6-card {
    box-sizing: border-box;
    padding: 56px 32px 48px;
    border-radius: 8px;
    background-color: var(--s6-card-bg, #F7F8FA);
}

.ly_service_6 .s6-iconbox {
    width: 72px;
    height: 72px;
    border-radius: 12px;
    background-color: var(--s6-icon-bg, #FFFFFF);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ly_service_6 .s6-iconbox img {
    display: block;
    height: var(--s6-icon-height, 34px);
    width: auto;
    max-width: 70%;
    object-fit: contain;
}

.ly_service_6 .s6-ctitle {
    margin-top: 34px;
    font-size: var(--s6-card-title-font-size, 16px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--s6-card-title-color, #0B1B2B);
}

.ly_service_6 .s6-cdesc {
    margin-top: 12px;
    font-size: var(--s6-card-desc-font-size, 13px);
    line-height: 1.65;
    color: var(--s6-card-desc-color, #6B7280);
}

.ly_service_6 .s6-cdesc p { margin: 0; }

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

/* 移动端 (1000px-): 2 列 2 行 */
@media screen and (max-width: 1000px) {
    .ly_service_6 {
        padding-top: var(--s6-mobile-pad-top, 60px);
        padding-bottom: var(--s6-mobile-pad-bottom, 50px);
        padding-left: max(16px, var(--s6-mobile-pad-left, 0%));
        padding-right: max(16px, var(--s6-mobile-pad-right, 0%));
    }
    .ly_service_6 .s6-sub { margin-top: 12px; max-width: none; }
    .ly_service_6 .s6-list { margin-top: 32px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .ly_service_6 .s6-card { padding: 28px 20px 24px; }
    .ly_service_6 .s6-iconbox { width: 56px; height: 56px; border-radius: 10px; }
    .ly_service_6 .s6-ctitle { margin-top: 20px; }
}