/* 响应式设计优化 - 确保在不同屏幕分辨率下实现同比例适配显示 */

/* 基础样式优化 */
body {
    font-size: clamp(14px, 2vw, 16px);
    line-height: 1.6;
}

/* 通用响应式文字样式 */
h1, h2, h3, h4, h5, h6 {
    font-size: clamp(1.5rem, 5vw, 3rem);
    line-height: 1.2;
    margin-bottom: 1rem;
}

h2 {
    font-size: clamp(1.25rem, 4vw, 2.5rem);
}

h3 {
    font-size: clamp(1.125rem, 3vw, 2rem);
}

p {
    font-size: clamp(1rem, 2vw, 1.125rem);
}

/* 响应式间距 */
.py-10 {
    padding-top: clamp(2rem, 5vw, 6rem);
    padding-bottom: clamp(2rem, 5vw, 6rem);
}

.py-20 {
    padding-top: clamp(3rem, 8vw, 8rem);
    padding-bottom: clamp(3rem, 8vw, 8rem);
}

.mb-4 {
    margin-bottom: clamp(0.5rem, 2vw, 1rem);
}

.mb-6 {
    margin-bottom: clamp(1rem, 3vw, 1.5rem);
}

.mb-8 {
    margin-bottom: clamp(1.5rem, 4vw, 2rem);
}

.mb-10 {
    margin-bottom: clamp(2rem, 5vw, 3rem);
}

.mb-16 {
    margin-bottom: clamp(3rem, 7vw, 4rem);
}

/* 响应式图片 */
img {
    max-width: 100%;
    height: auto;
}

/* 响应式容器宽度 */
.container {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}

/* 响应式图标 */
.feature-icon {
    font-size: clamp(24px, 5vw, 36px);
}

/* 优化所有Font Awesome图标在手机端的显示 */
@media (max-width: 767px) {
    /* 增强图标可读性 */
    .fa, .fas {
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    }
    
    /* 增加触摸目标大小 */
    .icon-container {
        width: clamp(40px, 15vw, 60px) !important;
        height: clamp(40px, 15vw, 60px) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 auto 10px auto !important;
    }
    
    /* 优化特性卡片中的图标 */
    .feature-item .icon {
        width: clamp(36px, 12vw, 48px) !important;
        height: clamp(36px, 12vw, 48px) !important;
        line-height: clamp(36px, 12vw, 48px) !important;
        font-size: clamp(18px, 6vw, 24px) !important;
        margin-bottom: 12px !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    }
    
    /* 优化流程步骤图标 */
    .flow-step {
        width: clamp(60px, 20vw, 100px) !important;
        height: clamp(60px, 20vw, 100px) !important;
        margin: 0 auto 10px auto !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
    }
    
    /* 优化圆形图标背景 */
    .circle-icon {
        width: clamp(40px, 12vw, 50px) !important;
        height: clamp(40px, 12vw, 50px) !important;
        line-height: clamp(40px, 12vw, 50px) !important;
        font-size: clamp(16px, 5vw, 20px) !important;
        margin: 0 auto 8px auto !important;
    }
    
    /* 优化图片中的图标显示 */
    .image-with-icon {
        position: relative;
        overflow: hidden;
        border-radius: 8px !important;
    }
    
    .image-with-icon .icon-overlay {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: rgba(255, 255, 255, 0.9) !important;
        padding: 12px !important;
        border-radius: 50% !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
        font-size: clamp(24px, 8vw, 32px) !important;
    }
    
    /* 优化霓虹效果图标 */
    .btn-neon i, .btn-neon-outline i {
        font-size: clamp(18px, 5vw, 24px) !important;
        margin-right: 8px !important;
    }
    
    /* 优化服务卡片图标 */
    .service-card i {
        font-size: clamp(24px, 7vw, 32px) !important;
        margin-bottom: 12px !important;
        color: var(--primary-color) !important;
    }
    
    /* 优化企业大脑生态系统示意图 - 手机端 */
    @media (max-width: 767px) {
        /* 缩小生态系统图整体尺寸 */
        .ecosystem-diagram {
            min-height: 400px !important;
            padding: 20px !important;
        }
        
        /* 缩小中心企业大脑 */
        .ecosystem-center {
            width: clamp(120px, 40vw, 160px) !important;
            height: clamp(120px, 40vw, 160px) !important;
            box-shadow: 0 0 25px rgba(41, 196, 255, 0.5) !important;
        }
        
        .ecosystem-center i {
            font-size: clamp(28px, 8vw, 36px) !important;
            margin-bottom: 8px !important;
        }
        
        .ecosystem-center .text-lg {
            font-size: clamp(14px, 5vw, 16px) !important;
        }
        
        .ecosystem-center .text-xs {
            font-size: clamp(10px, 3vw, 12px) !important;
        }
        
        /* 调整外层圆环尺寸 */
        .ecosystem-ring:first-of-type {
            width: clamp(280px, 80vw, 320px) !important;
            height: clamp(280px, 80vw, 320px) !important;
        }
        
        .ecosystem-ring:last-of-type {
            width: clamp(380px, 90vw, 420px) !important;
            height: clamp(380px, 90vw, 420px) !important;
        }
        
        /* 调整智能体节点样式和位置 */
        .ecosystem-agent {
            width: clamp(90px, 28vw, 120px) !important;
            height: clamp(90px, 28vw, 120px) !important;
            transform: translate(-50%, -50%) !important;
            left: 50% !important;
            top: auto !important;
            bottom: auto !important;
            right: auto !important;
            background: linear-gradient(135deg, rgba(138, 43, 226, 0.3), rgba(41, 196, 255, 0.3)) !important;
            border-color: rgba(255, 255, 255, 0.2) !important;
        }
        
        /* 重新定位智能体节点 - 形成一个更紧凑的环形 */
        .ecosystem-agent:nth-child(3) { /* HRBP智能体 */
            top: 10% !important;
            left: 50% !important;
        }
        
        .ecosystem-agent:nth-child(4) { /* 销冠智能体 */
            top: 30% !important;
            left: 80% !important;
        }
        
        .ecosystem-agent:nth-child(5) { /* 客情智能体 */
            top: 70% !important;
            left: 80% !important;
        }
        
        .ecosystem-agent:nth-child(6) { /* 私域智能体 */
            top: 90% !important;
            left: 50% !important;
        }
        
        .ecosystem-agent:nth-child(7) { /* 获客智能体 */
            top: 70% !important;
            left: 20% !important;
        }
        
        .ecosystem-agent:nth-child(8) { /* 电话智能体 */
            top: 30% !important;
            left: 20% !important;
        }
        
        /* 调整智能体图标 */
        .agent-icon {
            font-size: clamp(18px, 6vw, 22px) !important;
            margin-bottom: 4px !important;
        }
        
        /* 调整智能体文本 */
        .ecosystem-agent .text-sm {
            font-size: clamp(11px, 4vw, 13px) !important;
            padding: 0 5px !important;
            line-height: 1.2 !important;
        }
        
        /* 优化智能体悬停效果 */
        .ecosystem-agent:hover {
            transform: translate(-50%, -50%) scale(1.1) !important;
            box-shadow: 0 0 15px rgba(41, 196, 255, 0.4) !important;
        }
        
        /* 增加触摸目标大小 */
        .ecosystem-agent {
            cursor: pointer !important;
            transition: all 0.2s ease !important;
        }
    }
    
    /* 优化OEM小官网展示卡片 */
    .websites-showcase {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding: 0 10px !important;
    }
    
    .website-card {
        width: 100% !important;
        max-width: 350px !important;
        margin: 0 auto !important;
    }
    
    .website-preview {
        min-height: 120px !important;
        height: auto !important;
        position: relative !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%) !important;
    }
    
    .preview-overlay {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 20px !important;
        text-align: center !important;
        background-color: rgba(0, 0, 0, 0.6) !important;
        transition: all 0.3s ease !important;
    }
    
    /* 优化核心功能区块 */
    .feature-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .feature-item {
        padding: 16px !important;
        border-radius: 12px !important;
        background: rgba(255, 255, 255, 0.05) !important;
        backdrop-filter: blur(10px) !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
    }
    
    .feature-number {
        display: inline-block !important;
        width: 28px !important;
        height: 28px !important;
        line-height: 28px !important;
        text-align: center !important;
        border-radius: 50% !important;
        background: linear-gradient(45deg, var(--neon-pink), var(--neon-blue)) !important;
        color: white !important;
        font-size: 14px !important;
        margin-right: 8px !important;
    }
    
    /* 优化业务合作模式和权限区块 */
    .business-model {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 15px !important;
    }
    
    .business-item {
        padding: 15px !important;
        text-align: center !important;
        border-radius: 12px !important;
    }
    
    .business-permission {
        margin-bottom: 25px !important;
        padding: 15px !important;
        border-radius: 12px !important;
    }
    
    .permission-header {
        flex-direction: column !important;
        text-align: center !important;
        gap: 10px !important;
    }
    
    .permission-icon {
        width: 60px !important;
        height: 60px !important;
        margin: 0 auto !important;
    }
    
    /* 优化GEO行业前景与收益区域 */
    .col-md-6 {
        width: 100% !important;
        flex: none !important;
        max-width: 100% !important;
    }
    
    /* 特别优化GEO行业前景与收益信息区块 */
    .mt-5.p-4.rounded-lg {
        background: rgba(0, 212, 255, 0.08) !important;
        border: 1px solid rgba(0, 212, 255, 0.2) !important;
        padding: 20px 15px !important;
        border-radius: 12px !important;
        margin: 20px 10px !important;
    }
    
    /* 优化列表项中的图标显示 */
    ul.text-left li {
        position: relative !important;
        padding-left: 32px !important;
        padding-bottom: 10px !important;
        font-size: clamp(14px, 4vw, 16px) !important;
        line-height: 1.5 !important;
    }
    
    ul.text-left li i {
        position: absolute !important;
        left: 0 !important;
        top: 2px !important;
        font-size: clamp(16px, 5vw, 18px) !important;
        width: 24px !important;
        height: 24px !important;
        line-height: 24px !important;
        text-align: center !important;
        background: rgba(52, 152, 219, 0.2) !important;
        border-radius: 50% !important;
        color: #3498DB !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* 移除margin-right */
    .mr-2 {
        margin-right: 0 !important;
    }
    
    /* 优化列表容器 */
    ul.text-left {
        padding-left: 0 !important;
        margin-bottom: 10px !important;
    }
    
    /* 优化列表样式 */
    ul {
        padding-left: 20px !important;
    }
    
    li {
        margin-bottom: 8px !important;
        font-size: clamp(14px, 3vw, 16px) !important;
    }
    
    /* 优化联系表单区域 */
    .feature-card {
        padding: 25px 15px !important;
        margin: 0 10px !important;
    }
    
    /* 优化按钮响应式显示 */
    .btn {
        padding: 10px 20px !important;
        font-size: clamp(14px, 3vw, 16px) !important;
        display: block !important;
        width: 100% !important;
        margin: 10px 0 !important;
        text-align: center !important;
    }
    
    /* 优化卡片内容区域 */
    .feature-card h5,
    .feature-card h4 {
        font-size: clamp(16px, 4vw, 20px) !important;
        margin-bottom: 10px !important;
        text-align: center !important;
    }
    
    .feature-card p {
        font-size: clamp(14px, 3vw, 16px) !important;
        line-height: 1.6 !important;
    }
    
    /* 优化标题和描述文字的响应式显示 */
    .gradient-text {
        font-size: clamp(18px, 5vw, 22px) !important;
        text-align: center !important;
        line-height: 1.3 !important;
    }
    
    h2.gradient-text {
        font-size: clamp(20px, 6vw, 26px) !important;
        margin-bottom: 15px !important;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
    }
    
    .lead {
        font-size: clamp(14px, 3vw, 16px) !important;
        line-height: 1.6 !important;
        text-align: center !important;
        padding: 0 10px !important;
    }
    
    /* 优化价格范围显示 */
    .price-range {
        text-align: center !important;
        margin: 20px 0 !important;
        font-size: clamp(14px, 3vw, 16px) !important;
        padding: 0 10px !important;
    }
    
    .price-highlight {
        font-weight: bold !important;
        color: var(--neon-blue) !important;
        font-size: clamp(16px, 4vw, 18px) !important;
    }
    
    /* 优化公司名称显示 */
    .company-name {
        text-align: center !important;
        font-size: clamp(16px, 4vw, 18px) !important;
        margin: 10px 0 !important;
        padding: 0 10px !important;
    }
    
    /* 优化核心技术标签 */
    .tech-badge {
        display: inline-block !important;
        margin: 5px !important;
        padding: 5px 10px !important;
        font-size: clamp(12px, 2.5vw, 14px) !important;
    }
    
    /* 优化联系电话 */
    .contact-phone {
        display: block !important;
        text-align: center !important;
        font-size: clamp(16px, 4vw, 18px) !important;
        margin: 15px 0 !important;
        padding: 10px !important;
    }
}

.private-data-number {
    font-size: clamp(2rem, 8vw, 3rem);
}

/* 响应式流程图 */
.private-flow {
    min-height: 250px;
    height: auto;
    padding: 20px 0;
}

.flow-step {
    width: clamp(80px, 25vw, 150px);
    height: clamp(80px, 25vw, 150px);
}

.flow-arrow {
    font-size: clamp(16px, 4vw, 24px);
}

/* 响应式移动端导航 */
/* 图标基础样式 */
.nav-icon {
    font-size: clamp(18px, 6vw, 24px) !important;
    width: clamp(28px, 8vw, 32px) !important;
    height: clamp(28px, 8vw, 32px) !important;
    line-height: clamp(28px, 8vw, 32px) !important;
}

/* 移动端选中状态样式 */
@media (max-width: 767px) {
    .mobile-nav-item.active .nav-icon {
        width: clamp(28px, 10vw, 36px) !important;
        height: clamp(28px, 10vw, 36px) !important;
        line-height: clamp(28px, 10vw, 36px) !important;
        font-size: clamp(18px, 7vw, 24px) !important;
    }
    
    .nav-icon {
        font-size: clamp(18px, 7vw, 24px) !important;
        width: clamp(28px, 10vw, 36px) !important;
        height: clamp(28px, 10vw, 36px) !important;
        line-height: clamp(28px, 10vw, 36px) !important;
    }
    
    .mobile-nav-item span {
        font-size: clamp(10px, 3vw, 12px) !important;
    }
}

/* 小屏幕适配 */
@media (max-width: 360px) {
    .nav-icon {
        font-size: clamp(16px, 6vw, 20px) !important;
        width: clamp(24px, 9vw, 28px) !important;
        height: clamp(24px, 9vw, 28px) !important;
        line-height: clamp(24px, 9vw, 28px) !important;
    }
    
    .mobile-nav-item span {
        font-size: clamp(9px, 2.5vw, 11px) !important;
    }
}

/* 优化技术沉淀与项目概述区域 - 手机端 */
@media (max-width: 767px) {
    /* 技术沉淀卡片样式优化 */
    .bg-gradient-to-br.from-primary\/20.to-secondary\/20,
    .bg-gradient-to-br.from-secondary\/20.to-green-500\/20 {
        padding: 20px 15px !important;
        margin: 0 10px 20px 10px !important;
        border-radius: 16px !important;
    }
    
    /* 图标样式优化 */
    .bg-white\/10.p-6.rounded-full {
        width: clamp(80px, 25vw, 120px) !important;
        height: clamp(80px, 25vw, 120px) !important;
        padding: 15px !important;
        margin: 0 auto 15px auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* AI电销软件图标优化 */
    .fas.fa-mobile-alt.text-5xl {
        font-size: clamp(32px, 10vw, 48px) !important;
    }
    
    /* 标题和描述文字优化 */
    .bg-gradient-to-br h4 {
        font-size: clamp(16px, 5vw, 20px) !important;
        text-align: center !important;
        margin-bottom: 12px !important;
    }
    
    .bg-gradient-to-br p {
        font-size: clamp(14px, 3.5vw, 16px) !important;
        line-height: 1.6 !important;
        text-align: center !important;
        padding: 0 8px !important;
        margin-bottom: 15px !important;
    }
    
    /* 日期信息卡片优化 */
    .bg-white\/10.p-4.rounded-lg {
        padding: 12px 10px !important;
        text-align: center !important;
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 300px !important;
    }
    
    .bg-white\/10.p-4.rounded-lg p {
        font-size: clamp(12px, 3vw, 14px) !important;
        margin-bottom: 5px !important;
        line-height: 1.4 !important;
    }
    
    /* 优化联系咨询表单区域 */
    #contact {
        padding: 40px 15px !important;
        text-align: center !important;
    }
    
    #contact a {
        display: block !important;
        width: 100% !important;
        max-width: 320px !important;
        margin: 0 auto 20px auto !important;
        padding: 15px 20px !important;
        font-size: clamp(15px, 4vw, 18px) !important;
        text-align: center !important;
    }
    
    /* 联系方式区域优化 */
    #contact .flex.flex-col.md\:flex-row {
        flex-direction: column !important;
        gap: 15px !important;
        align-items: center !important;
    }
    
    #contact .flex.items-center {
        width: 100% !important;
        justify-content: center !important;
    }
    
    #contact i {
        font-size: clamp(18px, 6vw, 24px) !important;
        margin-right: 12px !important;
    }
    
    #contact .text-white\/60 {
        font-size: clamp(12px, 3vw, 14px) !important;
    }
    
    #contact .text-white.font-medium {
        font-size: clamp(14px, 4vw, 16px) !important;
    }
    
    /* 优化市场定位与业务模式卡片 */
    .bg-white\/5.backdrop-blur-sm.p-8 {
        padding: 20px 15px !important;
        margin: 0 10px 20px 10px !important;
    }
    
    .bg-white\/5 h3 {
        font-size: clamp(18px, 5vw, 22px) !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }
    
    .bg-white\/5 h4 {
        font-size: clamp(16px, 4.5vw, 20px) !important;
        margin-bottom: 12px !important;
        text-align: center !important;
    }
    
    /* 业务模式网格优化 */
    .grid.grid-cols-1.md\:grid-cols-3 {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    .bg-white\/10.p-4 {
        padding: 15px !important;
        text-align: center !important;
    }
    
    .bg-white\/10 i {
        font-size: clamp(24px, 8vw, 32px) !important;
        margin-bottom: 10px !important;
        display: block !important;
    }
    
    .bg-white\/10 h5 {
        font-size: clamp(14px, 4vw, 16px) !important;
        margin-bottom: 8px !important;
    }
    
    .bg-white\/10 p {
        font-size: clamp(13px, 3.5vw, 15px) !important;
        line-height: 1.5 !important;
    }
    
    /* 优化公司历程时间线 */
    .space-y-6.relative {
        padding-left: 10px !important;
    }
    
    .absolute.left-4.top-0.bottom-0.w-0.5 {
        left: 6px !important;
        width: 3px !important;
    }
    
    .relative.pl-12 {
        padding-left: 24px !important;
    }
    
    .absolute.left-2.w-6.h-6 {
        left: 0 !important;
        width: 14px !important;
        height: 14px !important;
        border-width: 3px !important;
    }
    
    .relative.pl-12 h4 {
        font-size: clamp(15px, 4.5vw, 18px) !important;
        margin-bottom: 8px !important;
    }
    
    .relative.pl-12 p {
        font-size: clamp(13px, 3.5vw, 15px) !important;
        line-height: 1.5 !important;
    }
    
    /* 优化数据统计卡片 */
    .grid.grid-cols-2.md\:grid-cols-4 {
        grid-template-columns: 1fr 1fr !important;
        gap: 15px !important;
        padding: 0 10px !important;
    }
    
    .stat-card {
        padding: 15px 10px !important;
        border-radius: 12px !important;
    }
    
    .stat-number {
        font-size: clamp(2rem, 10vw, 2.5rem) !important;
        margin-bottom: 5px !important;
    }
    
    .stat-card .text-white\/80 {
        font-size: clamp(12px, 3vw, 14px) !important;
    }
    
    /* 优化页脚区域 */
    .footer {
        padding: 30px 15px !important;
    }
    
    .footer p {
        font-size: clamp(12px, 3vw, 14px) !important;
    }
    
    /* 优化产品卡片和行业解决方案卡片 */
    .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3 {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
        padding: 0 10px !important;
    }
    
    .product-card,
    .industry-card,
    .bg-white\/5.backdrop-blur-sm.p-6 {
        padding: 20px 15px !important;
        text-align: center !important;
    }
    
    .product-icon {
        font-size: clamp(36px, 12vw, 48px) !important;
        margin-bottom: 15px !important;
    }
    
    .product-card h3,
    .industry-card h3 {
        font-size: clamp(16px, 5vw, 20px) !important;
        margin-bottom: 12px !important;
    }
    
    .product-card p,
    .industry-card p {
        font-size: clamp(14px, 3.5vw, 16px) !important;
        line-height: 1.6 !important;
        margin-bottom: 15px !important;
    }
    
    .industry-card .flex.flex-wrap {
        justify-content: center !important;
    }
    
    /* 优化英雄区布局 */
    .flex.flex-col.md\:flex-row {
        flex-direction: column !important;
        gap: 20px !important;
    }
    
    .md\:w-1\/2 {
        width: 100% !important;
        text-align: center !important;
    }
    
    h1.text-4xl.md\:text-6xl {
        font-size: clamp(2rem, 8vw, 3rem) !important;
        margin-bottom: 15px !important;
    }
    
    h1.text-4xl.md\:text-6xl br {
        display: none !important;
    }
    
    .flex.flex-wrap.gap-4 {
        justify-content: center !important;
        gap: 10px !important;
    }
    
    .flex.flex-wrap.gap-4 a {
        width: 100% !important;
        max-width: 280px !important;
        font-size: clamp(14px, 3.5vw, 16px) !important;
    }
    
    /* 核心优势标签优化 */
    .mt-12.flex.flex-wrap.gap-3 {
        justify-content: center !important;
        margin-top: 20px !important;
    }
    
    .px-4.py-2.rounded-full.bg-white\/10 {
        margin: 5px !important;
        font-size: clamp(12px, 3vw, 14px) !important;
    }
}

/* 确保汉堡菜单在小屏幕上正常显示 */
@media (max-width: 767px) {
    #mobileMenuBtn {
        font-size: clamp(20px, 8vw, 24px);
    }
}

/* 优化导航栏在滚动时的表现 */
nav {}

/* 优化响应式网格布局 */
@media (max-width: 640px) {
    .sm:grid-cols-2 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .md:grid-cols-2,
    .md:grid-cols-3 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    
    .md:flex-row {
        flex-direction: column;
    }
}

/* 优化按钮响应式显示 */
@media (max-width: 767px) {
    .md:w-auto {
        width: 100%;
    }
}

/* 企业大脑生态图移动端适配 */
@media (max-width: 767px) {
    .ecosystem-diagram {
        min-height: auto;
        width: 100%;
        position: relative;
        padding: 20px 15px;
    }
    
    /* 调整中心大脑大小和样式 */
    .ecosystem-center {
        font-size: 16px !important;
        margin-bottom: 20px !important;
        display: inline-block !important;
        width: auto !important;
        height: auto !important;
        z-index: 10 !important;
    }
    
    /* 隐藏连接线背景，避免在小屏幕上混乱 */
    .ecosystem-diagram .absolute.inset-0.opacity-20 {
        display: none !important;
    }
    
    /* 优化智能体卡片布局 */
    .ecosystem-agents {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
        margin-top: 30px !important;
        padding: 0 10px !important;
    }
    
    /* 调整智能体卡片大小 */
    .ecosystem-agent {
        width: 100% !important;
        min-height: 100px !important;
        padding: 12px !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }
    
    /* 调整智能体卡片内文本大小 */
    .ecosystem-agent .text-secondary.text-xs {
        font-size: 10px !important;
        margin-bottom: 6px !important;
    }
    
    .ecosystem-agent i.fa {
        font-size: 20px !important;
        margin-bottom: 6px !important;
    }
    
    .ecosystem-agent > div:nth-child(3) {
        font-size: 12px !important;
        margin-bottom: 4px !important;
    }
    
    .ecosystem-agent .text-gray-400.text-xs {
        font-size: 9px !important;
        line-height: 1.2 !important;
        text-align: center !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        max-height: 2.4em !important;
        width: 100% !important;
    }
    
    /* 调整标题和描述文字大小 */
    .ecosystem-diagram h3 {
        font-size: 16px !important;
        line-height: 1.3 !important;
        margin-bottom: 10px !important;
    }
    
    .ecosystem-diagram p {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }
    
    /* 调整流程步骤显示 */
    .ecosystem-diagram .flex.justify-center.mb-6 {
        flex-wrap: wrap !important;
        gap: 10px !important;
        margin-bottom: 15px !important;
    }
    
    .ecosystem-diagram .flex.space-x-4.items-center {
        flex-wrap: wrap !important;
        gap: 10px !important;
        justify-content: center !important;
    }
    
    .ecosystem-diagram i.fa-long-arrow-right {
        display: none !important;
    }
    
    /* 调整底部文字大小和间距 */
    .ecosystem-diagram .text-center.mt-8 {
        margin-top: 25px !important;
        padding: 0 10px !important;
    }
    
    .ecosystem-diagram .text-center.mt-8 p {
        font-size: 11px !important;
        margin-bottom: 8px !important;
    }
}