footer {}
footer .footer {background: #676F78FF;overflow: hidden;}
footer .footer .title {font-size: 36px;font-weight: 400;color: #FFFFFFFF;text-align: center;vertical-align: top;margin: 50px 0 32px;}
footer .footer .footer-box {display: flex;align-items: center;justify-content: center;gap: 154px;margin-bottom: 50px;}
footer .footer .footer-box .footer-li {display: flex;align-items: center;gap: 10px;}
footer .footer .footer-box .footer-li .img {  height: 20px;}
footer .footer .footer-box .footer-li .img img {width: 100%;height: 100%;object-fit: cover;}
footer .footer .footer-box .footer-li .txt {font-size: 14px;font-weight: 400;color: #FFFFFFFF;}
footer .footer-end {background: #494E52FF;}
footer .footer-end .end-text {display: flex;align-items: center;padding: 16px 0;justify-content: center;color: #E5E5E5FF;gap: 20px;font-size: 12px;font-weight: 400;}
footer .footer-end .end-text .endtext {}
footer .footer-end .end-text .beeianhao {color: #E5E5E5FF;}

@media (max-width: 1300px) {
    footer .footer .footer-box{
        gap: 100px;
    }
}

@media (max-width: 1040px) {
    footer .footer .footer-box{
        gap: 50px;
    }
}

/* 手机端适配：屏幕宽度 ≤ 768px */
@media (max-width: 768px) {
    /* 顶部标题适配 */
    footer .footer .title {
        font-size: 24px; /* 缩小字体，适配手机屏幕 */
        margin: 30px 0 20px; /* 减小上下间距，更紧凑 */
        padding: 0 15px; /* 左右内边距，防止文字贴边 */
    }

    /* 中间内容盒子适配 */
    footer .footer .footer-box {
        gap: 30px; /* 大幅减小列间距，适配手机窄屏 */
        margin-bottom: 30px; /* 减小底部间距 */
        flex-wrap: wrap; /* 允许内容换行，避免小屏溢出 */
        padding: 0 15px; /* 左右内边距，优化边距效果 */
    }

    /* 列表项适配 */
    footer .footer .footer-box .footer-li {
        gap: 8px; /* 减小图标与文字间距 */
    }

    /* 图标适配 */
    footer .footer .footer-box .footer-li .img {
        height: 16px; /* 缩小图标尺寸，更协调 */
    }

    /* 文字适配 */
    footer .footer .footer-box .footer-li .txt {
        font-size: 12px; /* 缩小文字，适配手机 */
    }

    /* 底部版权区域适配 */
    footer .footer-end .end-text {
        flex-direction: column; /* 改为垂直排列，避免横向溢出 */
        gap: 8px; /* 减小垂直间距 */
        padding: 12px 0; /* 减小上下内边距 */
        font-size: 11px; /* 略微缩小字体 */
        text-align: center; /* 文字居中，提升美观度 */
    }
}

/* 小屏手机额外优化：屏幕宽度 ≤ 375px（如iPhone SE等） */
@media (max-width: 375px) {
    footer .footer .title {
        font-size: 20px; /* 进一步缩小标题字体 */
    }

    footer .footer .footer-box {
        gap: 20px; /* 进一步减小列间距 */
    }
}