/* Banner：电脑 Figma 2811:2 / 手机 2811:23 */

.banner {
    position: relative;
    overflow: hidden;
    color: #fff;
}

.banner .banner-img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: top;
}

.banner-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    /* padding-left: 24px;
    padding-right: 24px; */
    pointer-events: none;
}

.banner-inner {
    pointer-events: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    max-width: 100%;
}

.banner-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.banner-title {
    margin: 0;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    font-size: 52px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 2.6px;
    max-width: 794px;
    color: #fff;
}

.banner-lead {
    margin: 0;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.72px;
    text-align: justify;
    min-height: 110px;
    max-width: 676px;
    color: #fff;
}

.banner-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 170px;
    height: 50px;
    padding: 3px 43px;
    border-radius: 25px;
    background: #1d77f8;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.8px;
    color: #fff;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
}

@media screen and (min-width: 1200px) {
    .banner-content {
        /* padding-left: 80px;
        padding-right: 80px; */
    }
}

@media screen and (min-width: 1560px) {
    .banner-content {
        /* padding-left: 180px;
        padding-right: 180px; */
    }
}

@media screen and (max-width: 1375px) and (min-width: 769px) {
    .banner-title {
        font-size: 48px;
        letter-spacing: 2.4px;
    }

    .banner-lead {
        font-size: 16px;
        letter-spacing: 0.64px;
        max-width: 560px;
    }
}

/* 01 系统简介：电脑 Figma 230:754 / 手机 50:27 */

.systemIntroduction {
    position: relative;
    overflow: hidden;
    background: #f7f8ff;
    box-sizing: border-box;
    background: url('/img/waterMeter/waterMeter-bg.png') no-repeat center center;
    background-size: cover;
}

.systemIntroduction .wrapper {
    display: flex;
    flex-direction: column;
    /* gap: 40px; */
    /* padding: 60px 24px 30px; */
    box-sizing: border-box;
}

.systemIntroduction-head {
    padding: 0 0 60px !important;
}

.systemIntroduction .common-reason-title .name-box .code {
    color: #eff0ff;
    letter-spacing: 6.96px;
}

.systemIntroduction .common-reason-title .name-box .name {
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    font-size: 64px;
    font-weight: 700;
    letter-spacing: 2.56px;
    width: 100%;
}

.systemIntroduction .color-blue {
    color: #1d77f8;
}

.systemIntroduction-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    width: 100%;
    max-width: 1560px;
    margin: 0 auto;
}

.systemIntroduction-lead {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    text-align: justify;
}

.systemIntroduction-figure {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding-top: 50px;
    box-sizing: border-box;
    border-radius: 10px;
}

.systemIntroduction-img {
    display: block;
    width: 100%;
    max-width: 1100px;
    height: auto;
    border-radius: 10px;
    vertical-align: top;
}

@media screen and (min-width: 1200px) {
    .systemIntroduction .wrapper {
        /* padding-left: 80px;
        padding-right: 80px; */
    }
}

@media screen and (min-width: 1560px) {
    .systemIntroduction .wrapper {
        /* padding-left: 180px;
        padding-right: 180px; */
    }
}

@media screen and (max-width: 1375px) and (min-width: 769px) {
    .systemIntroduction-lead {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    .systemIntroduction .wrapper {
        padding-top: 50px;
        padding-bottom: 30px;
        /* padding-left: 16px;
        padding-right: 16px; */
        /* gap: 40px; */
    }

    .systemIntroduction-head {
        padding: 0 0 40px !important;
    }

    .systemIntroduction .common-reason-title .name-box .code {
        letter-spacing: 3.76px;
    }

    .systemIntroduction .common-reason-title .name-box .name {
        font-size: 40px;
        letter-spacing: 1.6px;
    }

    .systemIntroduction-lead {
        font-size: 16px;
    }

    .systemIntroduction-figure {
        padding-top: 0;
        min-height: 0;
    }

    .systemIntroduction-img {
        max-width: 100%;
    }

    .banner-content {
        align-items: center;
        justify-content: flex-start;
        padding-top: 360px;
        padding-bottom: 40px;
    }

    .banner-inner {
        align-items: center;
        gap: 30px;
        width: 100%;
    }

    .banner-copy {
        align-items: center;
        gap: 10px;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .banner-title {
        font-size: 24px;
        letter-spacing: 1.2px;
        max-width: none;
        text-align: center;
        white-space: normal;
    }

    .banner-lead {
        font-size: 14px;
        letter-spacing: 0.56px;
        max-width: none;
        text-align: justify;
        min-height: auto;
    }

    .banner-cta {
        min-width: 130px;
        width: 130px;
        height: 40px;
        padding: 3px 24px;
        font-size: 16px;
        letter-spacing: 0.64px;
    }
}

/* 02 核心功能：六张轮播（电脑 64:10 等节点）+ 手机适配 */

.coreFeatures {
    background: #fff;
    box-sizing: border-box;
    padding-bottom: 40px;
}

.coreFeatures .wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 50px 24px 40px;
    box-sizing: border-box;
}

.coreFeatures-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* gap: 30px; */
    width: 100%;
}

.coreFeatures-head {
    width: 100%;
    padding: 0 0 30px !important;
}

.coreFeatures .common-reason-title .name-box .code {
    color: #f2f3ff;
    letter-spacing: 6.96px;
}

.coreFeatures .common-reason-title .name-box .name {
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    font-size: 64px;
    font-weight: 700;
    letter-spacing: 2.56px;
}

.coreFeatures .color-blue {
    color: #1d77f8;
}

.coreFeatures-lead {
    margin: 0;
    width: 100%;
    max-width: 1560px;
    box-sizing: border-box;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    text-align: center;
}

.coreFeatures-swiper {
    position: relative;
    width: 100%;
    /* max-width: 1560px; */
    margin: 0 auto;
    overflow: hidden;
    /* border-radius: 20px; */
    /* margin-top: 40px; */
}

.coreFeatures-swiper .swiper-slide {
    height: auto;
    box-sizing: border-box;
}

/* 窄屏仅 1 张：避免 Swiper 仍按多列宽度计算导致两侧露出 */
@media screen and (max-width: 1023px) {
    .coreFeatures-swiper .swiper-slide {
        width: 100% !important;
    }
}

/* 与 JS 中 slidesPerView>1 + centeredSlides 配合：侧片略窄，主片居中 */
.coreFeatures-swiper .swiper-wrapper {
    align-items: stretch;
}

.coreFeatures-slideCard {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    width: 100%;
    background: #0a5fc4;
}

.coreFeatures-slideImg {
    display: block;
    width: 100%;
    height: auto;
}

/* 文案叠在图左侧（与六张电脑稿一致），底部为分页点留出空间 */
.coreFeatures-slideBody {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 52%;
    max-width: 720px;
    padding: 60px 32px 120px 90px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    z-index: 1;
}

.coreFeatures-slideBody::before {
    content: "";
    position: absolute;
    inset: 0;
    /* background: linear-gradient(90deg, rgba(0, 30, 80, 0.12) 0%, rgba(0, 30, 80, 0.02) 65%, transparent 100%); */
    pointer-events: none;
    z-index: -1;
}

.coreFeatures-slideTitle {
    margin: 0;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.35;
    color: #fff;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.22);
}

.coreFeatures-slideList {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.96);
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}

.coreFeatures-slideList li {
    margin: 0 0 0.35em;
}

.coreFeatures-slideList li:last-child {
    margin-bottom: 0;
}

.coreFeatures-slideText {
    margin: 0;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.96);
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}

.coreFeatures-slideText p {
    margin: 0 0 0.6em;
}

.coreFeatures-slideText p:last-child {
    margin-bottom: 0;
}

/* 第 2、3、5 张：标题与正文 #1d77f8 */
.coreFeatures-slideCard--blueText .coreFeatures-slideTitle,
.coreFeatures-slideCard--blueText .coreFeatures-slideList,
.coreFeatures-slideCard--blueText .coreFeatures-slideList li,
.coreFeatures-slideCard--blueText .coreFeatures-slideText,
.coreFeatures-slideCard--blueText .coreFeatures-slideText p {
    color: #1d77f8;
    text-shadow: none;
}

.coreFeatures-swiper .swiper-pagination {
    position: absolute;
    left: 200px;
    bottom: 90px;
    width: auto;
    margin: 0;
    text-align: left;
    z-index: 2;
}

.coreFeatures-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 6px 0 0 !important;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(29, 119, 248, 0.35);
    opacity: 1;
    vertical-align: middle;
}

.coreFeatures-swiper .swiper-pagination-bullet-active {
    background: #1d77f8;
    border-color: #1d77f8;
}

@media screen and (min-width: 1200px) {
    .coreFeatures .wrapper {
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media screen and (min-width: 1560px) {
    .coreFeatures .wrapper {
        padding-left: 180px;
        padding-right: 180px;
    }
}

@media screen and (max-width: 1375px) and (min-width: 769px) {
    .coreFeatures-lead {
        font-size: 20px;
    }

    .coreFeatures-slideTitle {
        font-size: 40px;
    }

    .coreFeatures-slideBody {
        width: 56%;
        padding-left: 48px;
        padding-right: 24px;
        padding-bottom: 100px;
    }

    .coreFeatures-swiper .swiper-pagination {
        /* left: 48px; */
    }
}

/* 手机端核心功能轮播 Figma 284:119：卡片 343×620、圆角 10、文案区左右 30、标题 22/#1d77f8、正文 14、分页区 10×90、指示点 10² */
@media screen and (max-width: 768px) {
    .coreFeatures {
        padding-bottom: 10px;
    }

    .coreFeatures .wrapper {
        padding: 50px 16px 10px;
        gap: 40px;
    }

    .coreFeatures-head {
        padding: 0 0 30px !important;
    }

    .coreFeatures .common-reason-title .name-box .code {
        letter-spacing: 3.76px;
    }

    .coreFeatures .common-reason-title .name-box .name {
        font-size: 40px;
        letter-spacing: 1.6px;
        width: 100%;
    }

    .coreFeatures-lead {
        font-size: 16px;
        text-align: justify;
    }

    .coreFeatures-swiper {
        overflow: hidden;
        box-sizing: border-box;
        /* padding: 0 16px 40px; */
        border-radius: 0;
        width: calc(100% - 32px);
        margin: 0 16px;
        margin-top: 20px;
    }

    .coreFeatures-swiper .swiper-slide {
        min-height: 620px;
        height: auto;
    }

    .coreFeatures-slideCard {
        display: flex;
        flex-direction: column-reverse;
        /* min-height: 620px; */
        height: 100%;
        overflow: hidden;
        border-radius: 10px;
        background:
            linear-gradient(180deg, rgba(191, 225, 255, 0.85) 0%, rgba(255, 255, 255, 0) 42%),
            #f7f8ff;
    }

    .coreFeatures-slideImg {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .coreFeatures-slideBody {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        justify-content: flex-start;
        width: 100%;
        max-width: none;
        padding: 30px 30px 56px;
        gap: 10px;
        box-sizing: border-box;
    }

    .coreFeatures-slideBody::before {
        display: none;
    }

    .coreFeatures-slideTitle {
        margin: 0;
        font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
        font-size: 22px;
        font-weight: 700;
        line-height: 1.5;
        /* color: #1d77f8; */
        text-align: justify;
        text-shadow: none;
    }

    .coreFeatures-slideList,
    .coreFeatures-slideText {
        font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.6;
        /* color: #333; */
        text-align: justify;
        text-shadow: none;
    }

    .coreFeatures-slideCard--blueText .coreFeatures-slideTitle,
    .coreFeatures-slideCard--blueText .coreFeatures-slideList,
    .coreFeatures-slideCard--blueText .coreFeatures-slideList li,
    .coreFeatures-slideCard--blueText .coreFeatures-slideText,
    .coreFeatures-slideCard--blueText .coreFeatures-slideText p {
        /* color: #333; */
        text-shadow: none;
    }

    .coreFeatures-slideCard--blueText .coreFeatures-slideTitle {
        color: #1d77f8;
    }

    .coreFeatures-swiper .swiper-pagination {
        left: 90px;
        right: 90px;
        bottom: 20px;
        width: auto;
        margin: 0;
        transform: none;
        text-align: center;
    }

    .coreFeatures-swiper .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 6px 0 0 !important;
        background: #fff;
        border: 1px solid rgba(29, 119, 248, 0.35);
        opacity: 1;
        vertical-align: middle;
    }

    .coreFeatures-swiper .swiper-pagination-bullet-active {
        background: #1d77f8;
        border-color: #1d77f8;
    }
}

@media screen and (max-width: 360px) {
    .coreFeatures-swiper .swiper-pagination {
        left: 24px;
        right: 24px;
    }
}

/* 03 系统模块：电脑 Figma 230:829 / 手机 83:36 */

.systemModules {
    position: relative;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
}

.systemModules .wrapper {
    /* display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 90px 24px 0;
    box-sizing: border-box; */
}

.systemModules-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    width: 100%;
}

.systemModules-head {
    width: 100%;
    padding: 20px 0 0 !important;
}

.systemModules .common-reason-title .name-box .code {
    color: #eff0ff;
    letter-spacing: 6.96px;
}

.systemModules .common-reason-title .name-box .name {
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    font-size: 64px;
    font-weight: 700;
    letter-spacing: 2.56px;
    width: 100%;
}

.systemModules .color-blue {
    color: #1d77f8;
}

.systemModules-lead {
    margin: 0;
    width: 100%;
    max-width: 1320px;
    box-sizing: border-box;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    text-align: center;
}

.systemModules-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    gap: 20px 28px;
    width: 100%;
    max-width: 1560px;
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}

.systemModules-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 10px 20px;
    width: 170px;
    height: 170px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 10px rgba(8, 12, 67, 0.12);
    gap: 10px;
    position: relative;
}

.systemModules-cardIcon {
    display: block;
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.systemModules-cardLabel {
    width: 100%;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.7;
    text-align: center;
    color: #000;
}

.systemModules-cta {
    display: flex;
    justify-content: center;
    align-self: stretch;
    width: 100%;
    padding: 0 0 70px;
    box-sizing: border-box;
}

.systemModules-demoBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    max-width: 700px;
    min-height: 110px;
    padding: 0.2em 40px;
    border-radius: 55px;
    background: linear-gradient(90deg, #4a53e6 0%, #1676ff 100%);
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.7;
    text-align: center;
    color: #fff;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.systemModules-demoBtn:hover {
    opacity: 0.92;
}

.systemModules-demoBtn:focus-visible {
    outline: 2px solid #1676ff;
    outline-offset: 3px;
}

@media screen and (min-width: 1200px) {
    .systemModules .wrapper {
        /* padding-left: 80px;
        padding-right: 80px; */
    }
}

@media screen and (min-width: 1560px) {
    .systemModules .wrapper {
        /* padding-left: 180px;
        padding-right: 180px; */
    }
}

@media screen and (max-width: 1375px) and (min-width: 769px) {
    .systemModules-lead {
        font-size: 20px;
    }
}

/* 手机 Figma 83:36：业务范围 padding 50×16、区块 gap 40；网格 space-between + gap 20；卡片 74² 圆角 10；CTA 区 padding 0 60 40 */
@media screen and (max-width: 768px) {
    .systemModules-intro {
        padding: 50px 0 0;
        gap: 40px;
        align-items: stretch;
    }

    .systemModules-head {
        padding: 0 !important;
    }

    .systemModules .common-reason-title .name-box .code {
        letter-spacing: 3.76px;
    }

    /* 设计稿为整行「系统模块」#1D77F8 */
    .systemModules .common-reason-title .name-box .name {
        font-size: 40px;
        font-weight: 700;
        letter-spacing: 1.6px;
        /* color: #1d77f8; */
    }

    .systemModules .common-reason-title .name-box .name .color-blue {
        color: #1d77f8;
    }

    .systemModules-lead {
        max-width: none;
        font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        text-align: justify;
        color: #000;
    }

    .systemModules-grid {
        justify-content: space-between;
        align-content: flex-start;
        gap: 20px;
        max-width: none;
        width: 100%;
    }

    .systemModules-card {
        width: 74px;
        height: 74px;
        padding: 10px 8px;
        border-radius: 10px;
        gap: 3px;
        box-shadow: 0 10px 10px rgba(8, 12, 67, 0.12);
    }

    .systemModules-cardIcon {
        width: 26px;
        height: 26px;
    }

    .systemModules-cardLabel {
        font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.7;
        color: #666;
    }

    /* 与上方 16px 内容区对齐：拉满宽后再按设计稿左右各 60px */
    .systemModules-cta {
        width: calc(100% + 32px);
        max-width: none;
        margin-left: -16px;
        margin-right: -16px;
        padding: 0 60px 40px;
        box-sizing: border-box;
    }

    .systemModules-demoBtn {
        max-width: none;
        min-height: 48px;
        padding: 5px 16px;
        border-radius: 55px;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.7;
    }
}

/* 我们的优势：电脑 Figma 230:940 + 手机 147:238 */

.myAdvantages {
    background: #f2f7ff;
    box-sizing: border-box;
}

.myAdvantages-title-part {
    color: #000;
}

.myAdvantages-title-accent {
    color: #1d77f8;
}

/* ---------- 电脑端 ---------- */
.myAdvantages-pc {
    padding: 40px 24px 60px;
    box-sizing: border-box;
}

@media screen and (min-width: 1200px) {
    .myAdvantages-pc {
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media screen and (min-width: 1560px) {
    .myAdvantages-pc {
        padding-left: 180px;
        padding-right: 180px;
    }
}

.myAdvantages-pcInner {
    max-width: 1560px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.myAdvantages-pcHead {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 0px 0;
    box-sizing: border-box;
    position: relative;
}

@media screen and (min-width: 1200px) {
    .myAdvantages-pcHead {
        padding-left: 120px;
        padding-right: 120px;
    }
}

.myAdvantages-pcCode {
    margin: 0;
    font-family: Arial, "Arial Black", "Helvetica Neue", sans-serif;
    font-weight: 900;
    font-size: 174px;
    line-height: 1;
    color: #eff0ff;
    letter-spacing: 6.96px;
    text-transform: uppercase;
}

.myAdvantages-pcTitle {
    margin: 0;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    font-size: 64px;
    font-weight: 700;
    letter-spacing: 2.56px;
    line-height: 1;
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.myAdvantages-pcLead {
    margin: 0 auto;
    /* max-width: 1320px; */
    /* padding: 0 40px; */
    box-sizing: border-box;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    text-align: center;
}

@media screen and (min-width: 1200px) {
    .myAdvantages-pcLead {
        /* padding-left: 120px;
        padding-right: 120px; */
    }
}

.myAdvantages-pcRows {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.myAdvantages-pcRow {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: stretch;
}

.myAdvantages-pcRow .myAdvantages-pcItem {
    flex: 1 1 calc(50% - 10px);
    min-width: 240px;
}

@media screen and (min-width: 1100px) {
    .myAdvantages-pcRow:not(.myAdvantages-pcRow--three) .myAdvantages-pcItem {
        flex: 1 1 0;
        min-width: 0;
    }
}

.myAdvantages-pcRow--three .myAdvantages-pcItem {
    flex: 1 1 0;
    min-width: 200px;
}

.myAdvantages-pcItem {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding-top: 64px;
    box-sizing: border-box;
    min-height: 0;
}

.myAdvantages-pcBadge {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 128px;
    height: 128px;
    border-radius: 50%;
    border: 14px solid #fff;
    box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.7;
    color: #fff;
}

.myAdvantages-pcItem--orange .myAdvantages-pcBadge {
    background: #f24822;
}

.myAdvantages-pcItem--blue .myAdvantages-pcBadge {
    background: #1d77f8;
}

.myAdvantages-pcCard {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    margin-top: -32px;
    border-radius: 30px;
    padding: 90px 30px 40px;
    text-align: center;
    line-height: 1.7;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.myAdvantages-pcItem--orange .myAdvantages-pcCard {
    background: #ffedeb;
}

.myAdvantages-pcItem--blue .myAdvantages-pcCard {
    background: #eaf1ff;
}

.myAdvantages-pcItem--blue.myAdvantages-pcItem--blueTint .myAdvantages-pcCard {
    background: #e6eaff;
}

.myAdvantages-pcCardTitle {
    margin: 10px 0 10px;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    font-size: 22px;
    font-weight: 700;
    flex-shrink: 0;
}

.myAdvantages-pcItem--orange .myAdvantages-pcCardTitle {
    color: #f24822;
}

.myAdvantages-pcItem--blue .myAdvantages-pcCardTitle {
    color: #1d77f8;
}

.myAdvantages-pcCardText {
    margin: 0;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    text-align: justify;
}

/* ---------- 手机端 ---------- */
.myAdvantages-phone {
    padding: 50px 16px 30px;
    box-sizing: border-box;
}

.myAdvantages-phone .myAdvantages-inner {
    max-width: 414px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.myAdvantages-phone .myAdvantages-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    /* padding-bottom: 40px; */
    box-sizing: border-box;
    position: relative;
}

.myAdvantages-phone .myAdvantages-code {
    margin: 0;
    font-family: Arial, "Arial Black", "Helvetica Neue", sans-serif;
    font-weight: 900;
    font-size: 94px;
    line-height: 1;
    color: #eff0ff;
    letter-spacing: 3.76px;
    text-transform: uppercase;
}

.myAdvantages-phone .myAdvantages-title {
    margin: 0;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 1;
    white-space: nowrap;

    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.myAdvantages-phone .myAdvantages-lead {
    margin: 0;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    text-align: justify;
}

.myAdvantages-phone .myAdvantages-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.myAdvantages-phone .myAdvantages-item {
    position: relative;
    padding-top: 40px;
    margin: 0;
}

.myAdvantages-phone .myAdvantages-badge {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 6px solid #fff;
    box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.7;
    color: #fff;
}

.myAdvantages-phone .myAdvantages-item--orange .myAdvantages-badge {
    background: #f24822;
}

.myAdvantages-phone .myAdvantages-item--blue .myAdvantages-badge {
    background: #1d77f8;
}

.myAdvantages-phone .myAdvantages-card {
    border-radius: 10px;
    padding: 50px 20px 20px;
    text-align: center;
    line-height: 1.7;
    box-sizing: border-box;
}

.myAdvantages-phone .myAdvantages-item--orange .myAdvantages-card {
    background: #ffedeb;
}

.myAdvantages-phone .myAdvantages-item--blue .myAdvantages-card {
    background: #eaf1ff;
}

.myAdvantages-phone .myAdvantages-card-title {
    margin: 0 0 10px;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.myAdvantages-phone .myAdvantages-item--orange .myAdvantages-card-title {
    color: #f24822;
}

.myAdvantages-phone .myAdvantages-item--blue .myAdvantages-card-title {
    color: #1d77f8;
}

.myAdvantages-phone .myAdvantages-card-text {
    margin: 0;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    text-align: justify;
}



/* 翟平手机 */
@media screen and (max-width: 360px) {
    .systemModules-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
        flex-wrap: wrap;
        max-width: none;
        width: 100%;
    }
}


/* 大于 768px 的屏幕 */
@media screen and (min-width: 769px) {
    .systemModules-card {
        transition: all 0.3s ease;
    }

    .systemModules-card:hover {
        transform: scale(1.1);
    }

   
}