/* RPET 产品展示样式 */

    .custom-capabilities-section {

        background-color: #f5f5f5;

        padding: 30px 10px;

        text-align: center;

    }



    .section-title {

        font-size: 28px;

        font-weight: bold;

        color: #333;

        margin-bottom: 40px;

    }



    .capabilities-container {

        display: flex;

        flex-wrap: wrap;

        justify-content: center;

        gap: 30px;

        max-width: 1200px;

        margin: 0 auto;

    }



    .capability-item {

        /* PC 端：每排 3 个 */

        width: calc((100% - 2 * 30px) / 3);

        max-width: 380px;

        background-color: #f5f5f5;

        padding: 0px;

        border-radius: 8px;

        text-align: left;

    }



    .capability-image {

        margin-bottom: 20px;

    }



    .capability-image img {

        width: 100%;

        height: auto;

        display: block;

        border-radius: 4px;

    }



    .capability-title {

        font-size: 18px;

        font-weight: bold;

        color: #333;

        margin-bottom: 10px;

    }



    .button-container {

        margin-top: 30px;

    }



    .custom-button {

        display: inline-block;

        padding: 12px 30px;

        background-color: #2a494a;

        color: #fff;

        text-decoration: none;

        border-radius: 5px;

        font-size: 16px;

        font-weight: 500;

        transition: background-color 0.3s ease;

        border: none;

        cursor: pointer;

    }



    .custom-button:hover {

        background-color: #3e6d6e;

    }

    @media (max-width: 768px) {

        .banner-container {

            min-height: 470px;
            overflow: hidden;

        }

        .banner-container picture,
        .banner-container picture img,
        .banner-image {

            height: 470px !important;
            min-height: 470px !important;
            max-height: none !important;
            object-fit: cover;

        }

        .banner-text {

            width: 100%;
            max-width: 100%;
            padding: 24px 18px 28px;
            box-sizing: border-box;

        }

        .banner-text h1 {

            margin-bottom: 14px;
            line-height: 1.16;

        }

        .banner-text h1 span {

            display: block;
            font-size: 32px !important;
            line-height: 1.16 !important;

        }

        .banner-text h3 {

            max-width: 320px;
            margin-left: auto;
            margin-right: auto;
            line-height: 1.35;

        }

        .banner-text h3 span {

            font-size: 16px !important;
            line-height: 1.35 !important;

        }

        .banner-buttons {

            display: flex;
            justify-content: center;
            margin-top: 18px;

        }

        .banner-buttons .banner-btn {

            width: 100%;
            max-width: 320px;
            padding: 12px 16px;
            font-size: 16px;
            line-height: 1.3;
            white-space: normal;
            box-sizing: border-box;

        }

    }

    @media (max-width: 420px) {

        .banner-container {

            min-height: 500px;

        }

        .banner-container picture,
        .banner-container picture img,
        .banner-image {

            height: 500px !important;
            min-height: 500px !important;

        }

        .banner-text h1 span {

            font-size: 31px !important;

        }

        .banner-buttons .banner-btn {

            max-width: 310px;

        }

    }

    @media (max-width: 360px) {

        .banner-container {

            min-height: 520px;

        }

        .banner-container picture,
        .banner-container picture img,
        .banner-image {

            height: 520px !important;
            min-height: 520px !important;

        }

        .banner-text h1 span {

            font-size: 28px !important;

        }

        .banner-text h3 span,
        .banner-buttons .banner-btn {

            font-size: 15px !important;

        }

    }

    @media (max-width: 768px) {

        .visual_plugins_container[data-type="blog"],
        .visual_plugins_container[data-type="blog"] .ly_blog_1,
        .visual_plugins_container[data-type="blog"] .wide,
        .visual_plugins_container[data-type="blog"] .section,
        .visual_plugins_container[data-type="blog"] .box {

            width: 100% !important;
            max-width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            box-sizing: border-box !important;
            overflow-x: hidden !important;

        }

        .visual_plugins_container[data-type="blog"] .box {

            display: flex !important;
            flex-direction: column !important;
            flex-wrap: nowrap !important;
            gap: 18px !important;

        }

        .visual_plugins_container[data-type="blog"] .blog_item.themes_blog.imagebottom,
        .visual_plugins_container[data-type="blog"] .blog_item.themes_blog.imagebottom .img_box,
        .visual_plugins_container[data-type="blog"] .blog_item.themes_blog.imagebottom .compute_item_img,
        .visual_plugins_container[data-type="blog"] .blog_item.themes_blog.imagebottom .compute_process_img,
        .visual_plugins_container[data-type="blog"] .blog_item.themes_blog.imagebottom .info_box {

            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            box-sizing: border-box !important;

        }

        .visual_plugins_container[data-type="blog"] .blog_item.themes_blog.imagebottom img {

            max-width: 100% !important;
            height: auto;

        }

    }