/* 客户CRM移动端样式 */

@media (max-width: 768px) {
    .carousel-text h2 {
        font-size: 24px;
    }

    .carousel-text .pc-subtitle {
        font-size: 14px;
        line-height: 1.6;
    }

    /* Banner文案 */
    .carousel-text .mb0 {
        font-size: 22px;
    }

    /* value-card样式 */
    .value-card {
        padding: 16px;
    }

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

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

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

    /* 核心痛点卡片 */
    .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-tit {
        font-size: 14px;
    }

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

    /* 功能模块卡片 */
    .card-item {
        flex-direction: column;
    }

    .card-item .img-box {
        width: 100%;
        margin-bottom: 16px;
    }

    .card-item .img-box img {
        width: 100%;
        height: auto;
    }

    .card-item .card-list {
        width: 100%;
        padding: 16px;
    }

    .card-item .card-list .tit {
        font-size: 18px;
    }

    .card-item .card-list .tit2 {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .card-item .card-list .card {
        margin-bottom: 12px;
    }

    .card-item .card-list .card .title-box span {
        font-size: 14px;
    }

    .card-item .card-list .card .desc {
        font-size: 12px;
        line-height: 1.5;
    }

    /* RFM可视化 */
    .rfm-visual-box {
        flex-wrap: wrap;
        gap: 8px;
    }

    .rfm-item {
        flex: 1 1 45%;
        min-width: 100px;
        padding: 12px;
    }

    .rfm-item .icon {
        width: 32px;
        height: 32px;
    }

    .rfm-item .label {
        font-size: 12px;
    }

    .rfm-item .desc {
        font-size: 10px;
    }

    /* 生命周期阶段 */
    .lifecycle-stages {
        flex-wrap: wrap;
        gap: 4px;
    }

    .lifecycle-stage {
        flex: 1 1 30%;
        min-width: 60px;
        padding: 8px;
    }

    .lifecycle-stage .name {
        font-size: 12px;
    }

    .lifecycle-stage .icon {
        font-size: 20px;
    }

    .lifecycle-arrow {
        display: none;
    }

    /* 风险等级指示器 */
    .risk-level-indicator {
        flex-wrap: wrap;
        gap: 4px;
    }

    .risk-level-item {
        flex: 1 1 45%;
        font-size: 10px;
        padding: 4px 8px;
    }

    /* 客户案例卡片 */
    .grid-cols-3 {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .card-box .content-box .title {
        font-size: 14px;
    }

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

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

    /* 常见问题 */
    .question-item .faq-question .question {
        font-size: 14px;
    }

    .question-item .faq-answer {
        font-size: 12px;
        line-height: 1.6;
    }

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

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

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

    /* AI分析模块 */
    .ai-analysis-highlight {
        padding: 12px;
    }

    .ai-analysis-highlight::before {
        font-size: 10px;
        padding: 2px 6px;
    }

    /* 痛点卡片图标 */
    .grid-cols-4-card-box.crm-pain-card .grid-img-box {
        width: 60px;
        height: 60px;
        padding: 12px;
    }

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

    /* 客户分群标识 */
    .segment-badge {
        font-size: 10px;
        padding: 2px 8px;
    }

    /* 跟进记录时间轴 */
    .followup-timeline {
        padding-left: 16px;
    }

    .followup-timeline::before {
        left: 6px;
    }

    .followup-item::before {
        left: -14px;
        width: 8px;
        height: 8px;
    }

    .followup-item .time {
        font-size: 10px;
    }

    .followup-item .content {
        font-size: 12px;
    }

    /* 标题字体 */
    .title.fs40 {
        font-size: 24px;
    }

    .subtitle {
        font-size: 14px;
    }
}

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

    .carousel-text .mobile-subtitle {
        font-size: 12px;
    }

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

    .grid-cols-4.personal-grid-cols-4 {
        gap: 8px;
    }

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

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

    .grid-cols-4-card-box .content {
        font-size: 10px;
    }

    .card-item .card-list .tit {
        font-size: 16px;
    }

    .card-item .card-list .card .title-box span {
        font-size: 12px;
    }

    .card-item .card-list .card .desc {
        font-size: 10px;
    }

    .rfm-item {
        min-width: 80px;
        padding: 8px;
    }

    .rfm-item .label {
        font-size: 10px;
    }

    .lifecycle-stage {
        min-width: 50px;
        padding: 6px;
    }

    .lifecycle-stage .name {
        font-size: 10px;
    }

    .title.fs40 {
        font-size: 20px;
    }
}