/* Footer响应式布局修复 */

/* 修复footer-container固定宽度问题 */
.footer-container {
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}

/* 修复footer-copyright响应式问题 */
.footer-copyright {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
}

.footer-copyright .container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

/* 修复pull-left和pull-right在小屏幕的布局 */
.footer-copyright .pull-left,
.footer-copyright .pull-right {
    width: 100%;
    float: none;
    text-align: center;
}

/* 修复图片和文字换行问题 */
.footer-copyright .pull-left a {
    display: inline-block;
    margin: 5px 0;
    word-wrap: break-word;
    word-break: break-all;
}

/* 响应式媒体查询 */
@media screen and (max-width: 1200px) {
    .footer-container {
        width: 100%;
        padding: 0 20px;
    }
}

@media screen and (max-width: 767px) {
    /* 移动端不隐藏footer-copyright */
    .footer-copyright {
        display: block !important;
    }
    
    /* 移动端显示pull-right（二维码） */
    .pull-right {
        display: block !important;
        float: none;
        text-align: center;
        margin: 15px auto;
    }
    
    .footer-copyright .pull-left {
        font-size: 12px;
        line-height: 1.6;
    }
    
    .footer-copyright .pull-left a {
        font-size: 12px;
    }
    
    /* 认证图标在移动端自适应 */
    .footer-copyright .pull-left a img {
        max-width: 70px;
        height: auto;
        margin: 3px;
    }
}

@media screen and (max-width: 480px) {
    .footer-container {
        padding: 0 10px;
    }
    
    .footer-copyright {
        padding: 10px;
    }
    
    .footer-copyright .pull-left {
        font-size: 11px;
    }
    
    .footer-copyright .pull-left a img {
        max-width: 60px;
    }
}