/* =========================================
       全局模块容器配置
       ========================================= */
    .custom-service-module {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        /* 左右强制保留 60px 间隙，上下留白 50px */
        padding: 50px 60px; 
        background-color: #ffffff;
        font-family: 'Arial', 'Microsoft YaHei', sans-serif;
    }

    /* CSS 网格系统：默认3列 */
    .service-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 40px 30px; /* 上下间距40px，左右间距30px */
    }

    /* 单个卡片容器 */
    .service-card {
        display: flex;
        flex-direction: column;
        text-align: left; /* 强制左对齐 */
    }

    /* 图片区域：强制正方形 1:1 */
    .service-img-wrapper {
        width: 100%;
        aspect-ratio: 1 / 1;
        overflow: hidden;
        margin-bottom: 20px; /* 图片与标题的间距 */
        background-color: #f0f0f0; /* 图片加载前的占位色 */
    }

    .service-img-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* 保证图片铺满正方形且不拉伸变形 */
        display: block;
        transition: transform 0.4s ease;
    }

    /* 鼠标悬停时图片轻微放大特效 (可选) */
    .service-card:hover .service-img-wrapper img {
        transform: scale(1.03);
    }

    /* 文字内容区域 */
    .service-text-content {
        /* ✅ 修改：基准字体放大 30% (原为 14px，14 * 1.3 = 18.2px) */
        font-size: 18.2px; 
        color: #333333;
    }

    /* 标题：严格设置为正文字体的 120% (1.2em) */
    .service-title {
        font-size: 1.2em; /* 因为父级放大了，这里会自动跟随等比放大 30% */
        /* ✅ 修改：将标题加粗 */
        font-weight: bold; 
        color: #222222;
        margin: 0 0 15px 0;
        line-height: 1.3;
    }

    /* 列表文本样式优化 */
    .service-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .service-list li {
        position: relative;
        padding-left: 14px; /* 根据字号稍微拉大了一点点圆点间距 */
        margin-bottom: 4px;
        line-height: 1.5;
    }

    /* 自定义列表的小圆点，使其更贴近设计图 */
    .service-list li::before {
        content: "•";
        position: absolute;
        left: 0;
        top: 0;
        color: #555555;
        font-size: 1em;
    }

    /* =========================================
       媒体查询：响应式适配平板和手机
       ========================================= */
    @media (max-width: 1024px) {
        /* 平板端改为 2 列，缩小左右边距防止过窄 */
        .service-grid {
            grid-template-columns: repeat(2, 1fr);
        }
        .custom-service-module {
            padding: 40px 30px; 
        }
    }

    @media (max-width: 768px) {
        /* 手机端改为 1 列 */
        .service-grid {
            grid-template-columns: 1fr;
        }
        .custom-service-module {
            padding: 30px 15px; 
        }
    }