/* 分销裂变推广页面 - 移动端样式 */

@media (max-width: 768px) {
    /* Banner 移动端调整 */
    .carousel-text h2:first-child {
        font-size: 24px;
    }

    .carousel-text h2:not(:first-child) {
        font-size: 18px;
    }

    .carousel-text .pc-subtitle {
        display: none;
    }

    .carousel-text .mobile-subtitle {
        display: block;
        font-size: 14px;
        color: #475569;
        line-height: 1.6;
        margin-top: 12px;
    }

    .carousel-text .btn-group {
        flex-direction: row;
        gap: 12px;
        justify-content: center;
        margin-top: 20px;
    }

    .carousel-text .btn-group .btn {
        padding: 10px 24px;
        font-size: 14px;
    }

    /* 核心痛点卡片 */
    .floor-wrap-box .floor-box .grid-cols-4.personal-grid-cols-4 {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .grid-cols-4-card-box {
        padding: 16px;
    }

    .grid-cols-4-card-box .grid-img-box {
        margin-bottom: 8px;
    }

    .grid-cols-4-card-box .grid-img-box svg {
        width: 36px;
        height: 36px;
    }

    .grid-cols-4-card-box .grid-tit {
        font-size: 14px;
    }

    .grid-cols-4-card-box .content {
        font-size: 12px;
        line-height: 1.5;
    }

    /* 裂变关系图移动端 */
    .solution-diagram {
        gap: 12px;
    }

    .center-node {
        padding: 12px 20px;
    }

    .center-node svg {
        width: 32px;
        height: 32px;
    }

    .diagram-level-1 {
        gap: 6px;
    }

    .diagram-level-2 {
        gap: 4px;
    }

    .diagram-level-3 {
        gap: 3px;
    }

    .diagram-caption {
        font-size: 12px;
        margin-top: 16px;
    }

    /* floor-2 移动端 */
    .floor-wrap-box .floor-box .floor-2 .card-item,
    .floor-wrap-box .floor-box .floor-2 .card-item2 {
        flex-direction: column;
        padding: 16px;
    }

    .floor-wrap-box .floor-box .floor-2 .card-item .img-box,
    .floor-wrap-box .floor-box .floor-2 .card-item2 .img-box {
        width: 100%;
        padding: 0 0 16px 0;
    }

    .floor-wrap-box .floor-box .floor-2 .card-item .card-list,
    .floor-wrap-box .floor-box .floor-2 .card-item2 .card-list {
        padding: 0;
    }

    .floor-wrap-box .floor-box .floor-2 .card-item .card-list .tit,
    .floor-wrap-box .floor-box .floor-2 .card-item2 .card-list .tit {
        font-size: 18px;
    }

    .floor-wrap-box .floor-box .floor-2 .card-item .card-list .tit2,
    .floor-wrap-box .floor-box .floor-2 .card-item2 .card-list .tit2 {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .floor-wrap-box .floor-box .floor-2 .card-item .card-list .card,
    .floor-wrap-box .floor-box .floor-2 .card-item2 .card-list .card {
        padding: 12px;
        margin-bottom: 12px;
    }

    .floor-wrap-box .floor-box .floor-2 .card-item .card-list .card .title-box img,
    .floor-wrap-box .floor-box .floor-2 .card-item2 .card-list .card .title-box img {
        width: 20px;
        height: 20px;
    }

    .floor-wrap-box .floor-box .floor-2 .card-item .card-list .card .title-box span,
    .floor-wrap-box .floor-box .floor-2 .card-item2 .card-list .card .title-box span {
        font-size: 14px;
    }

    .floor-wrap-box .floor-box .floor-2 .card-item .card-list .card .desc,
    .floor-wrap-box .floor-box .floor-2 .card-item2 .card-list .card .desc {
        font-size: 12px;
    }

    /* floor-4 移动端 */
    .floor-wrap-box .floor-box .floor-4 .card-item {
        flex-direction: column;
        padding: 16px;
    }

    .floor-wrap-box .floor-box .floor-4 .card-item .img-box {
        width: 100%;
        padding: 0 0 16px 0;
    }

    .floor-wrap-box .floor-box .floor-4 .card-item .card-list {
        padding: 0;
    }

    /* floor-6 移动端 */
    .floor-wrap-box .floor-box .floor-6 .card-item,
    .floor-wrap-box .floor-box .floor-6 .card-item2 {
        flex-direction: column;
        padding: 16px;
    }

    .floor-wrap-box .floor-box .floor-6 .card-item .img-box,
    .floor-wrap-box .floor-box .floor-6 .card-item2 .img-box {
        width: 100%;
        padding: 0 0 16px 0;
    }

    .floor-wrap-box .floor-box .floor-6 .card-item .card-list,
    .floor-wrap-box .floor-box .floor-6 .card-item2 .card-list {
        padding: 0;
    }

    .floor-wrap-box .floor-box .floor-6 .card-item .card-list .tit,
    .floor-wrap-box .floor-box .floor-6 .card-item2 .card-list .tit {
        font-size: 18px;
    }

    .floor-wrap-box .floor-box .floor-6 .card-item .card-list .tit2,
    .floor-wrap-box .floor-box .floor-6 .card-item2 .card-list .tit2 {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .floor-wrap-box .floor-box .floor-6 .card-item .card-list .card,
    .floor-wrap-box .floor-box .floor-6 .card-item2 .card-list .card {
        padding: 12px;
        margin-bottom: 12px;
    }

    /* 数据价值卡片 */
    .value-card {
        padding: 16px;
    }

    .value-number {
        font-size: 28px;
    }

    .value-label {
        font-size: 14px;
    }

    .value-desc {
        font-size: 12px;
        margin-top: 8px;
    }

    /* 客户案例 */
    .choose-ys-box .service-capacity-box {
        padding: 32px 16px;
    }

    .choose-ys-box .service-capacity-box .title {
        font-size: 20px;
    }

    .choose-ys-box .grid-cols-3 {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .choose-ys-box .card-box .content-box .title {
        font-size: 16px;
    }

    .choose-ys-box .card-box .content-box .address {
        font-size: 12px;
    }

    .choose-ys-box .card-box .content-box .sub-txt {
        font-size: 12px;
        line-height: 1.5;
    }

    /* FAQ */
    .common-questions-box {
        padding: 32px 16px;
    }

    .common-questions-box .title {
        font-size: 20px;
    }

    .common-questions-box .subtitle {
        font-size: 14px;
    }

    .question-item .faq-question .question {
        font-size: 14px;
    }

    .question-item .faq-answer {
        font-size: 12px;
        padding: 12px;
    }

    .other-question-item {
        padding: 16px;
    }

    .other-question-item .tit {
        font-size: 16px;
    }

    .other-question-item .desc {
        font-size: 12px;
    }

    .other-question-btn-group {
        flex-direction: column;
        gap: 12px;
    }

    .other-question-btn-group .btn {
        padding: 10px 16px;
        font-size: 12px;
    }

    /* 触摸优化 */
    .level-node:active {
        transform: scale(0.98);
    }
}

/* 小屏幕手机适配 */
@media (max-width: 375px) {
    .carousel-text h2:first-child {
        font-size: 20px;
    }

    .carousel-text h2:not(:first-child) {
        font-size: 16px;
    }

    .grid-cols-4.personal-grid-cols-4 {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .diagram-level-1,
    .diagram-level-2,
    .diagram-level-3 {
        gap: 4px;
    }

    .value-number {
        font-size: 24px;
    }
}