@media screen and (max-width: 768px) {
    /* === 全局基础优化 === */
    section {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    
    /* 定义通用的横向滚动容器类 (mixins concept) */
    .mobile-horizontal-scroll {
        display: flex !important;
        overflow-x: auto !important;
        gap: 1.5rem !important;
        padding-bottom: 2rem !important;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        margin-left: -1.25rem !important;
        margin-right: -1.25rem !important;
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }
    
    .mobile-horizontal-scroll::-webkit-scrollbar {
        display: none;
    }
    
    .mobile-horizontal-scroll > div {
        min-width: 280px !important;
        flex-shrink: 0 !important;
        scroll-snap-align: center;
    }

    /* === 数字成就版块优化 === */
    #achievements .grid {
        /* 改为2列网格，不再横向滚动 */
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1rem !important;
        overflow-x: visible !important;
        padding-bottom: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    #achievements .grid > div {
        min-width: 0 !important; /* 移除最小宽度 */
        width: 100% !important;
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.1);
        padding: 1.5rem !important; /* 减少内边距 */
    }

    #achievements .count-number, 
    #achievements .counter {
        font-size: 2rem !important; /* 进一步缩小数字 */
        margin-bottom: 0.25rem !important;
    }

    #achievements p {
        font-size: 0.8rem !important; /* 缩小文字 */
        margin-bottom: 0;
    }

    /* 修复数字为0的问题：确保元素有足够的高度触发可见性 */
    #achievements .p-6 {
        min-height: auto !important; /* 移除固定高度 */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    /* === 服务流程版块优化 === */
    #process .container > div:nth-child(2) {
        display: flex !important;
        overflow-x: auto !important;
        gap: 1.5rem !important;
        padding-bottom: 2rem !important;
        /* scroll-snap-type: x mandatory;  <-- 移除吸附效果，避免与自动滚动冲突 */
        -webkit-overflow-scrolling: touch;
        margin-left: -1.25rem !important;
        margin-right: -1.25rem !important;
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }
    
    #process .container > div:nth-child(2)::-webkit-scrollbar {
        display: none;
    }

    #process .container > div:nth-child(2) > div {
        min-width: 260px !important;
        flex-shrink: 0 !important;
        /* scroll-snap-align: center; <-- 移除吸附 */
        background: #fff;
        border-radius: 1rem;
        padding: 1.5rem;
        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
        border: 1px solid rgba(0,0,0,0.03);
    }
    
    #process .w-20.h-20 {
        width: 3.5rem !important;
        height: 3.5rem !important;
        font-size: 1.25rem !important;
        margin-bottom: 1rem !important;
        box-shadow: none !important;
    }

    #process h3 {
        font-size: 1.1rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    #process p {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
        color: #666;
    }

    /* 保障承诺版块 - 保持垂直单列 */
    #process .container > div:nth-child(3) {
        margin-top: 1rem !important;
        gap: 1rem !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
    }
    
    #process .container > div:nth-child(3) > div {
        padding: 1.25rem !important;
        display: flex;
        align-items: center;
        text-align: left;
        gap: 1rem;
    }

    #process .container > div:nth-child(3) .w-12 {
        margin-bottom: 0 !important;
        flex-shrink: 0;
    }
    
    #process .container > div:nth-child(3) h3 {
        margin-bottom: 0.25rem !important;
        font-size: 1rem !important;
    }
    
    #process .container > div:nth-child(3) p {
        font-size: 0.8rem !important;
        margin-bottom: 0 !important;
    }

    /* === 技术优势版块优化 === */
    /* 核心优势卡片：横向滚动 */
    #advantages .grid.md\:grid-cols-2.lg\:grid-cols-3 {
        display: flex !important;
        overflow-x: auto !important;
        gap: 1rem !important;
        padding-bottom: 2rem !important;
        /* scroll-snap-type: x mandatory;  <-- 移除吸附效果，避免与自动滚动冲突 */
        -webkit-overflow-scrolling: touch;
        margin-left: -1.25rem !important;
        margin-right: -1.25rem !important;
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
        margin-bottom: 2rem !important;
    }

    #advantages .grid.md\:grid-cols-2.lg\:grid-cols-3::-webkit-scrollbar {
        display: none;
    }

    #advantages .grid.md\:grid-cols-2.lg\:grid-cols-3 > div {
        min-width: 240px !important; 
        flex-shrink: 0 !important;
        /* scroll-snap-align: center; <-- 移除吸附 */
        padding: 1.25rem !important; 
        height: auto !important; 
    }
    
    #advantages .text-xl.font-semibold {
        font-size: 1.1rem !important; /* 减小标题 */
        margin-bottom: 0.5rem !important;
    }
    
    #advantages .text-tech-100 {
        font-size: 0.85rem !important; /* 减小正文 */
        line-height: 1.5 !important;
    }

    /* 研发标准：保持网格布局但更紧凑 */
    #advantages .grid.md\:grid-cols-4 {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.75rem !important;
    }

    #advantages .grid.md\:grid-cols-4 > div {
        padding: 1rem !important;
        background: rgba(255,255,255,0.03);
        border-radius: 0.75rem;
        /* 移除 flex，确保垂直堆叠 */
        display: block !important; 
        text-align: center;
    }

    #advantages .w-16.h-16 {
        width: 2.5rem !important; /* 缩小图标容器 */
        height: 2.5rem !important;
        margin-bottom: 0.5rem !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    #advantages .w-16.h-16 i {
        font-size: 1rem !important; /* 缩小图标 */
    }
    
    /* 研发标准标题 */
    #advantages .text-lg.font-medium.text-white {
        font-size: 0.9rem !important;
        margin-bottom: 0.25rem !important;
    }
    
    /* 研发标准描述 */
    #advantages .text-tech-200.text-sm {
        font-size: 0.7rem !important;
        line-height: 1.4 !important;
    }

    /* === 行业解决方案版块优化 === */
    /* 解决方案卡片：横向滚动 */
    #solutions .grid.md\:grid-cols-2.lg\:grid-cols-3 {
        display: flex !important;
        overflow-x: auto !important;
        gap: 1.5rem !important;
        padding-bottom: 2rem !important;
        /* scroll-snap-type: x mandatory; */
        -webkit-overflow-scrolling: touch;
        margin-left: -1.25rem !important;
        margin-right: -1.25rem !important;
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }

    #solutions .grid.md\:grid-cols-2.lg\:grid-cols-3::-webkit-scrollbar {
        display: none;
    }

    #solutions .grid.md\:grid-cols-2.lg\:grid-cols-3 > div {
        min-width: 280px !important;
        flex-shrink: 0 !important;
        /* scroll-snap-align: center; */
    }

    #solutions .h-64 {
        height: 12rem !important;
    }
    
    #solutions h3 {
        font-size: 1.1rem !important;
    }

    /* === 案例/产品版块优化 === */
    /* 筛选按钮组：横向滚动 */
    #cases .flex.flex-wrap.justify-center {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        justify-content: flex-start !important;
        gap: 0.75rem !important;
        padding-bottom: 1rem !important;
        margin-left: -1.25rem !important;
        margin-right: -1.25rem !important;
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
        margin-bottom: 1.5rem !important;
    }

    #cases .flex.flex-wrap.justify-center::-webkit-scrollbar {
        display: none;
    }
    
    #cases button {
        flex-shrink: 0 !important;
        padding: 0.4rem 1.2rem !important;
        font-size: 0.9rem !important;
    }

    /* 案例卡片：横向滚动 */
    #cases .grid.md\:grid-cols-2.lg\:grid-cols-3 {
        display: flex !important;
        overflow-x: auto !important;
        gap: 1.5rem !important;
        padding-bottom: 2rem !important;
        /* scroll-snap-type: x mandatory; */
        -webkit-overflow-scrolling: touch;
        margin-left: -1.25rem !important;
        margin-right: -1.25rem !important;
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }

    #cases .grid.md\:grid-cols-2.lg\:grid-cols-3::-webkit-scrollbar {
        display: none;
    }

    #cases .grid.md\:grid-cols-2.lg\:grid-cols-3 > div {
        min-width: 300px !important;
        flex-shrink: 0 !important;
        /* scroll-snap-align: center; */
    }
    
    #cases .h-64 {
        height: 11rem !important;
    }
    
    #cases .p-6 {
        padding: 1.25rem !important;
    }
    
    #cases h4.text-xl {
        font-size: 1.1rem !important;
        margin-bottom: 0.25rem !important;
    }
    
    #cases .flex.flex-wrap.gap-2 span {
        padding: 0.2rem 0.5rem !important;
        font-size: 0.75rem !important;
    }

    /* === 企业文化版块优化 === */
    #culture .grid.md\:grid-cols-4 {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* 强制2列 */
        gap: 0.75rem !important;
    }
    
    #culture .grid.md\:grid-cols-4 > div {
        padding: 1rem !important;
        height: auto !important; /* 让高度自适应 */
    }
    
    /* 文化图标 */
    #culture .w-14.h-14 {
        width: 2.5rem !important;
        height: 2.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    #culture .w-14.h-14 i {
        font-size: 1.2rem !important;
    }
    
    /* 文化标题 */
    #culture h3.text-xl {
        font-size: 0.95rem !important;
        margin-bottom: 0.25rem !important;
    }
    
    /* 文化描述 */
    #culture p.text-sm {
        font-size: 0.7rem !important;
        line-height: 1.4 !important;
    }

    /* === 关于我们 - 核心优势卡片优化 === */
    #about .grid.grid-cols-2 {
        gap: 0.5rem !important;
    }
    
    #about .bg-tech-50.p-3 {
        padding: 0.75rem !important;
        flex-direction: column !important; /* 改为垂直排列 */
        text-align: center !important;
        align-items: center !important;
    }
    
    #about .bg-tech-50.p-3 i {
        margin-right: 0 !important;
        margin-bottom: 0.5rem !important;
        font-size: 1.5rem !important;
    }
    
    #about .bg-tech-50.p-3 h4 {
        font-size: 0.85rem !important;
        margin-bottom: 0.1rem !important;
    }
    
    #about .bg-tech-50.p-3 p {
        font-size: 0.65rem !important;
        line-height: 1.2 !important;
        margin-bottom: 0 !important;
        text-align: center !important;
    }

    /* === 关于我们 - 地球容器优化 === */
    #about .relative.h-96 {
        height: 18rem !important; /* 降低容器高度 288px */
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    /* 优化地球内的装饰元素 */
    #about .absolute.top-10.left-10 {
        top: 1rem !important;
        left: 1rem !important;
    }

    #about .absolute.bottom-10.right-10 {
        bottom: 1rem !important;
        right: 1rem !important;
    }
    
    #about .text-xs {
        font-size: 0.6rem !important; /* 缩小装饰文字 */
    }

    /* 缩小 EZENT 品牌字母 */
    #about .text-5xl.font-bold.text-white {
        font-size: 2rem !important; /* 3rem -> 2rem */
        letter-spacing: -0.05em !important;
    }
    
    /* 调整 EZENT 上方的 TECHNOLOGY 小字 */
    #about .text-blue-200.font-mono.text-xs {
        font-size: 0.5rem !important;
    }
    
    /* 调整右侧品牌标识容器位置，防止溢出 */
    #about .absolute.top-1\/2.right-8 {
        right: 1rem !important; /* 靠右距离减少 */
    }

    /* 信任标识区域优化 */
    .mt-16.text-tech-100 {
        margin-top: 1rem !important; /* 进一步减小顶部间距 */
    }

    .mt-16.text-tech-100 p.mb-4 {
        margin-bottom: 0.5rem !important;
        font-size: 0.8rem !important; /* 缩小标题 */
    }

    .mt-16.text-tech-100 .flex.flex-wrap {
        gap: 0.25rem !important; /* 减小标签间距 */
        justify-content: center !important; /* 居中对齐 */
    }
    
    .mt-16.text-tech-100 span.text-xs {
        font-size: 0.7rem !important; /* 缩小标签文字 */
        padding: 0.1rem 0.25rem !important; /* 减少标签内边距 */
    }

    /* 滚动提示优化 */
    .absolute.bottom-10 {
        bottom: 0.5rem !important; /* 底部距离调整 */
    }
    
    .absolute.bottom-10 span {
        font-size: 0.65rem !important;
        margin-bottom: 0.1rem !important;
    }
    
    .absolute.bottom-10 i {
        font-size: 1rem !important;
    }

    /* 主视觉容器内边距 */
    section.min-h-\[100dvh\] .container {
        padding-top: 3rem !important; /* 减少顶部padding */
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100vh; /* 确保垂直居中 */
    }

    /* 优化回到顶部按钮 (移动端缩小) */
    #backToTop {
        width: 2.5rem !important;  /* w-10 */
        height: 2.5rem !important; /* h-10 */
        right: 1rem !important;    /* right-4 */
        bottom: 2rem !important;   /* bottom-8 */
    }
    
    #backToTop i {
        font-size: 1.125rem !important; /* text-lg */
    }
}