* {
    box-sizing: border-box;
}

.module_box_content.center {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

/* ===== 板块一 Hero ===== */
.distributor_header {
    width: 100%;
    padding: 150px 0 0;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.distributor_header::before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 836px;
    background: url(/static/cn/images/public_page/distributor/header_bg.webp?v={$res_ver}) no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
    z-index: -1;
}

.distributor_header_inner {
    margin-top: -32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
}

/* 左侧文字区 */
.dist_header_left {
    flex: 0 0 auto;
    max-width: 550px;
}

.dist_label {
    display: inline-block;
    padding: 0 19px;
    border-radius: 30px;
    background: linear-gradient(90deg, #e8f3ff 0%, #f0f8ff 100%);
    border: 1px solid #dae6ff;
    align-self: center;
}

.dist_label span {
    font-family: OPPO;
    font-weight: 500;
    font-size: 15px;
    line-height: 34px;

    /* 文字渐变核心代码 */
    background: linear-gradient(90deg, #267aff 0%, #5a57ff 50%, #2bacff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.dist_h1 {
    margin-top: 18px;
    font-family: OPPO;
    font-weight: 600;
    font-size: 50px;
    line-height: 59px;
    color: #333333;
}

.dist_desc {
    margin-top: 18px;
    font-family: OPPO;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #606368;
}

.dist_feature_list {
    list-style: none;
    margin-top: 30px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.dist_feature_list li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: OPPO;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #606368;
}

.dist_feature_list li::before {
    content: '';
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background: url(/static/cn/images/public_page/locations/country/vector1.webp?v={$res_ver}) no-repeat;
    background-size: cover;
}

.dist_apply_btn {
    margin-top: 50px;
    display: inline-block;
    padding: 12px 30px;
    height: 42px;
    border-radius: 30px;
    background: linear-gradient(90deg, #2e7eff 0%, #57abff 50%, #2bc3ff 100%);
    box-shadow:
        2px 4px 11px 0px #0a4bcd1a,
        7px 18px 19px 0px #0a4bcd17,
        17px 40px 26px 0px #0a4bcd0d,
        30px 71px 31px 0px #0a4bcd03,
        47px 110px 34px 0px #0a4bcd00;

    font-family: OPPO;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #ffffff;
}

/* 右侧 Dashboard 卡片 */
.dist_header_right {
    flex: 0 0 auto;
    width: 624px;
}

.dist_header_right img {
    width: 100%;
}

/* ===== 板块二 完善的基础设施 ===== */
.dist_infra_section {
    padding: 82px 0 120px;
    background: #ffffff;
}

.section2_list {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(auto-fill, 386px);
    justify-content: center;
    row-gap: 18px;
    column-gap: 20px;
}

.section2_list_item {
    width: 100%;
    padding: 30px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid #f7f7f7;
}

.section2_list_item:hover {
    border-color: #d9e8ff;
    box-shadow: 0px 0px 30px 0px #0000000d;
}

.item_icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #ebf4ff;

    display: flex;
    align-items: center;
    justify-content: center;
}

.item_icon img {
    width: 30px;
    height: 30px;
}

.item_title {
    margin-top: 24px;
    font-family: OPPO;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #333333;
}

.item_desc {
    margin-top: 16px;
    font-family: OPPO;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #606368;
}

/* ===== 板块三 产品资源线 ===== */
.section3_list {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.section3_list_item {
    width: 100%;
    padding: 20px 123px 20px 30px;
    position: relative;
    z-index: 0;
    min-height: 122px;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid #f3f4f5;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.section3_list_item:hover {
    border-color: #d9e8ff;
    box-shadow: 0px 4px 2px 0px #abcbff4d;
}

.section3_list_item.dynamic::before {
    content: '';
    width: 86px;
    height: 66px;
    background: url(/static/cn/images/public_page/distributor/dynamic_left.webp?v={$res_ver}) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.section3_list_item.dynamic::after {
    content: '';
    width: 123px;
    height: 122px;
    background: url(/static/cn/images/public_page/distributor/dynamic_right.webp?v={$res_ver}) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.section3_list_item.static::before {
    content: '';
    width: 86px;
    height: 66px;
    background: url(/static/cn/images/public_page/distributor/static_left.webp?v={$res_ver}) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.section3_list_item.static::after {
    content: '';
    width: 123px;
    height: 122px;
    background: url(/static/cn/images/public_page/distributor/static_right.webp?v={$res_ver}) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.section3_list_item.unlimited::before {
    content: '';
    width: 86px;
    height: 66px;
    background: url(/static/cn/images/public_page/distributor/unlimited_left.webp?v={$res_ver}) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.section3_list_item.unlimited::after {
    content: '';
    width: 123px;
    height: 122px;
    background: url(/static/cn/images/public_page/distributor/unlimited_right.webp?v={$res_ver}) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.section3_item_left {
    flex: 0 0 auto;
    width: 640px;
}

.section3_item_left .section3_header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.section3_item_left .section3_header .section3_icon {
    width: 26px;
    height: 26px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
}

.section3_item_left .section3_header .section3_icon img {
    width: 16px;
    height: auto;
}

.dynamic .section3_icon {
    background: #f6f1ff;
    border: 1px solid #a16aff;
}

.static .section3_icon {
    background: #dff8ff;
    border: 1px solid #05c9ff;
}

.unlimited .section3_icon {
    background: #eef5ff;
    border: 1px solid #276bd8;
}

.section3_item_left .section3_header .section3_title {
    font-family: OPPO;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #333333;
}

.section3_item_left .section3_desc {
    margin-top: 10px;
    font-family: OPPO;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    color: #606368;
}

.section3_item_right {
    width: 160px;
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.section3_item_right li {
    display: flex;
    align-items: center;
    gap: 9px;
    font-family: OPPO;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}

.section3_item_right li::before {
    content: '';
    flex-shrink: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #468dff;
}

/* ===== 板块四 可信赖的合作伙伴 ===== */
.section4_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.section4_header_title {
    max-width: 670px;
    font-family: OPPO;
    font-weight: 600;
    font-size: 40px;
    line-height: 47px;
    color: #333333;
}

.section4_header_desc {
    margin-top: 16px;
    max-width: 390px;
    font-family: OPPO;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #606368;
}

.section4_content {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(auto-fill, 286px);
    justify-content: center;
    gap: 18px;
}

.section4_content .section4_item {
    width: 100%;
    padding: 30px 20px;
    border-radius: 12px;
    background: #fcfcfc;
    border: 1px solid #f3f4f5;
}

.section4_content .section4_item:hover {
    background: #ffffff;
    border: 1px solid #d9e8ff;
    box-shadow: 0px 0px 30px 0px #0000000d;
}

.section4_content .section4_item .title {
    font-family: OPPO;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #333333;
}

.section4_content .section4_item .desc {
    margin-top: 16px;
    font-family: OPPO;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #606368;
}

/* ===== 板块五 权益 ===== */
.section5_grid {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    width: 100%;
}

.section5_grid .section5_item.item1 {
    grid-column: span 2;
    flex-direction: row;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section5_grid .section5_item.item1 img {
    width: 262px;
    height: 194px;
}

.section5_grid .section5_item.item2 {
    border-radius: 12px;
    grid-column: span 1;
    grid-row: span 2;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.section5_grid .section5_item.item2 img {
    width: 270px;
    height: 214px;
}

.section5_grid .section5_item.item3 {
    border-radius: 12px;
    grid-column: span 1;
    grid-row: span 1;
    padding: 30px 20px;
}

.section5_grid .section5_item {
    border-radius: 12px;
    border: 1px solid transparent;
}

.section5_grid .section5_item.EDF3FF {
    background: #edf3ff;
    border-color: transparent;
}

.section5_grid .section5_item.FFFFFF {
    background: #ffffff;
    border-color: #f3f4f5;
}

.section5_grid .section5_item:hover {
    border-color: #d9e8ff;
    box-shadow: 0px 0px 30px 0px #0000000d;
}

.section5_grid .section5_item .title {
    font-family: OPPO;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #333333;
}

.section5_grid .section5_item .desc {
    margin-top: 16px;
    font-family: OPPO;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #606368;
}

/* ===== 板块六 即刻开始 ===== */
.module_box.section6_bg {
    background: url(/static/cn/images/public_page/distributor/section6_bg.webp?v={$res_ver}) no-repeat;
    background-size: 100% 100%;
}

.section6_flex {
    margin-top: 50px;
    display: flex;
    align-items: center;
}

.section6_arrow {
    flex-shrink: 0;
    margin-top: 12px;
    width: 60px;
    height: 9px;
}

.section6_item {
    flex: 1;
    margin-top: 12px;
    padding: 38px 30px 30px;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid #dee5f1;
    box-shadow: 0px 0px 13px 0px #276bd81a;
    position: relative;
}

.section6_item .step {
    display: inline-block;
    padding: 0 10px;
    height: 24px;
    border-radius: 17px;
    background: #333333;

    font-family: Montserrat;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #ffffff;

    position: absolute;
    left: 50%;
    top: -12px;
    transform: translateX(-50%);
}

.section6_item .title {
    font-family: OPPO;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #333333;
}

.section6_item .desc {
    margin-top: 20px;
    font-family: OPPO;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    color: #606368;
}

.section6_item:hover {
    background: #f1f6ff;
    border: 1px solid #66a1ff;
    box-shadow: 0px 0px 20px 0px #276bd833;
}

.section6_item:hover .step {
    background: #276bd8;
    color: #ffffff;
}

/* ===== 板块八 CTA ===== */
.distributor_title {
    margin-top: 16px;
    font-family: OPPO;
    font-weight: 600;
    font-size: 40px;
    line-height: 47px;
    text-align: center;
    background: linear-gradient(90deg, #267aff 0%, #5a57ff 50%, #2bacff 100%);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.distributor_text {
    margin-top: 18px;
    max-width: 900px;
    font-family: OPPO;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #606368;
}

/* ===== 小屏幕适配 ≤1024px ===== */
@media (max-width: 1024px) {
    /* 板块一 Hero */
    .dist_header_left {
        max-width: 100%;
    }

    .dist_header_right {
        width: 400px;
    }

    .dist_h1 {
        font-size: 36px;
        line-height: 44px;
    }

    /* 板块三 产品资源线 */
    .section3_item_left {
        width: auto;
        flex: 1;
    }

    /* 板块四 可信赖的合作伙伴 */
    .section4_header_title {
        font-size: 30px;
        line-height: 38px;
        max-width: 400px;
    }

    /* 板块五 权益 */
    .section5_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .section5_grid .section5_item.item1 {
        grid-column: span 2;
    }

    .section5_grid .section5_item.item2 {
        grid-column: span 1;
        grid-row: span 1;
    }

    .section5_grid .section5_item.item2 img {
        width: 100%;
        height: auto;
    }
}

/* ===== 小屏幕适配 ≤768px ===== */
@media (max-width: 768px) {
    /* 板块一 Hero */
    .distributor_header {
        padding: 100px 16px 0;
    }

    .distributor_header::before {
        background-size: cover;
        height: 100%;
    }

    .distributor_header_inner {
        flex-direction: column;
        margin-top: 20px;
        gap: 30px;
    }

    .dist_header_left {
        max-width: 100%;
    }

    .dist_h1 {
        font-size: 28px;
        line-height: 36px;
    }

    .dist_desc {
        font-size: 14px;
        line-height: 22px;
    }

    .dist_feature_list {
        margin-top: 20px;
        gap: 12px;
    }

    .dist_apply_btn {
        margin-top: 30px;
    }

    .dist_header_right {
        width: 100%;
    }

    /* 板块二 完善的基础设施 */
    .dist_infra_section {
        padding: 60px 16px 80px;
    }

    .section2_list {
        grid-template-columns: 1fr;
        margin-top: 30px;
    }

    /* 板块三 产品资源线 */
    .section3_list {
        margin-top: 30px;
        padding: 0 16px;
    }

    .section3_list_item {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 20px 20px 20px;
        min-height: unset;
        gap: 16px;
    }

    .section3_list_item::after {
        display: none;
    }

    .section3_item_left {
        width: 100%;
    }

    .section3_item_right {
        width: 100%;
    }

    /* 板块四 可信赖的合作伙伴 */
    .section4_header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 0 16px;
    }

    .section4_header_title {
        font-size: 26px;
        line-height: 34px;
        max-width: 100%;
    }

    .section4_header_right {
        width: 100%;
    }

    .section4_header_desc {
        max-width: 100%;
    }

    .section4_content {
        grid-template-columns: 1fr;
        margin-top: 30px;
        padding: 0 16px;
    }

    /* 板块五 权益 */
    .section5_grid {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 30px;
        padding: 0 16px;
    }

    .section5_grid .section5_item.item1 {
        grid-column: span 1;
        flex-direction: column;
        align-items: flex-start;
    }

    .section5_grid .section5_item.item1 img {
        width: 100%;
        height: auto;
    }

    .section5_grid .section5_item.item2 {
        grid-column: span 1;
        grid-row: span 1;
    }

    .section5_grid .section5_item.item2 img {
        width: 100%;
        height: auto;
        align-self: center;
    }

    .section5_grid .section5_item.item3 {
        grid-column: span 1;
        grid-row: span 1;
    }

    /* 板块六 即刻开始 */
    .section6_flex {
        flex-direction: column;
        gap: 30px;
        margin-top: 30px;
        padding: 0 16px;
    }

    .section6_arrow {
        display: none;
    }

    .section6_item {
        width: 100%;
        max-width: 100% !important;
        margin-top: 0;
    }

    /* 板块七 FAQ */
    .ai_faq_wrap {
        flex-direction: column;
        gap: 20px;
        padding: 0 16px;
    }

    .left_faq_wrap {
        width: 100%;
    }

    .faq_tit {
        font-size: 26px;
        line-height: 34px;
    }

    .right_faq_wrap {
        width: 100%;
    }

    .h_panel_nine.mb120 {
        margin-bottom: 60px;
    }

    /* 板块八 CTA */
    .buy_box_content {
        padding: 0 16px;
    }

    .distributor_title {
        font-size: 26px;
        line-height: 34px;
    }

    .distributor_text {
        font-size: 14px;
        line-height: 22px;
        padding: 0 8px;
    }

    /* 公共模块 */
    .module_box {
        padding: 60px 0;
    }

    .module_box_content {
        padding: 0 16px;
    }

    .public_title {
        font-size: 26px;
        line-height: 34px;
        padding: 0 8px;
    }

    .public_des {
        font-size: 14px;
        line-height: 22px;
        padding: 0 8px;
    }
}

/* ===== 超小屏幕适配 ≤480px ===== */
@media (max-width: 480px) {
    /* 板块一 Hero */
    .distributor_header {
        padding: 80px 12px 0;
    }

    .dist_h1 {
        font-size: 22px;
        line-height: 30px;
    }

    .dist_desc {
        font-size: 13px;
    }

    .dist_apply_btn {
        width: 100%;
        text-align: center;
        padding: 12px 20px;
    }

    /* 板块四 可信赖的合作伙伴 */
    .section4_header_title {
        font-size: 22px;
        line-height: 30px;
    }

    /* 板块五 权益 */
    .section5_grid .section5_item.item1 > div {
        padding: 20px 16px !important;
    }

    /* 板块六 即刻开始 */
    .section6_item .title {
        font-size: 16px;
    }

    /* 板块八 CTA */
    .distributor_title {
        font-size: 22px;
        line-height: 30px;
    }

    .distributor_text {
        font-size: 13px;
    }

    /* 公共模块 */
    .public_title {
        font-size: 22px;
        line-height: 30px;
    }
}