/*#footer-header {*/
/*    background: linear-gradient(to bottom, #1a4c88 0%, #1a4c88 100%);*/
/*    padding: 20px 0;*/
/*    width: 100%;*/

/*    text-align: center; !* 让footer整体居中 *!*/
/*}*/

/*#footer-header-content {*/
/*    width: 1200px;*/
/*    margin: 0 auto;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    flex-wrap: wrap; !* 允许子元素换行 *!*/
/*}*/

/*#footer-logo-section {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    margin-bottom: 10px; !* 为了避免小屏幕时与其他内容重叠 *!*/
/*    justify-content: center; !* 使logo居中 *!*/
/*}*/

/*#footer-logo {*/
/*    width: 100px;*/
/*    !*height: 60px;*!*/
/*    margin-right: 15px;*/
/*}*/

/*#footer-site-title {*/
/*    color: white;*/
/*    font-size: 24px;*/
/*    border-left: 1px solid rgba(255, 255, 255, 0.3);*/
/*    padding-left: 15px;*/
/*    white-space: nowrap; !* 防止标题在大屏幕时换行 *!*/
/*    text-align: left; !* 默认左对齐 *!*/
/*}*/

/*#footer-contact-info {*/
/*    color: white;*/
/*    font-size: 14px;*/
/*    text-align: right;*/
/*    line-height: 1.5;*/
/*    white-space: normal; !* 允许换行 *!*/
/*}*/

/*!* 移动端适配 *!*/
/*@media (max-width: 768px) {*/
/*    #footer-header-content {*/
/*        width: 100%; !* 更改为90%宽度以增加一些边距 *!*/
/*        flex-direction: column; !* 切换为垂直布局 *!*/
/*        align-items: center; !* 元素居中对齐 *!*/
/*        justify-content: center; !* 垂直居中对齐 *!*/
/*        text-align: center; !* 设置文本为居中 *!*/
/*    }*/

/*    #footer-logo-section {*/
/*        margin-bottom: 10px; !* 添加底部间距 *!*/
/*        justify-content: center; !* 居中显示logo *!*/
/*    }*/

/*    !*#footer-logo {*!*/
/*    !*    width: 50px; !* 缩小logo的大小 *!*!*/
/*    !*    height: 50px;*!*/
/*    !*}*!*/

/*    #footer-site-title {*/
/*        font-size: 20px; !* 调小字体 *!*/
/*        padding-left: 10px; !* 减少内边距 *!*/
/*        border-left: none; !* 移除左边的边框 *!*/
/*        margin-top: 10px; !* 在小屏幕上增加一些间隔 *!*/
/*        text-align: center; !* 居中文本 *!*/
/*    }*/

/*    #footer-contact-info {*/
/*        font-size: 12px; !* 缩小字体 *!*/
/*        text-align: center; !* 居中显示联系信息 *!*/
/*        margin-top: 10px; !* 增加上边距 *!*/
/*    }*/
/*}*/

/*!* 极小屏幕优化（如手机） *!*/
/*@media (max-width: 480px) {*/
/*    #footer-header-content {*/
/*        width: 100%; !* 使用100%宽度 *!*/
/*        padding: 10px 0; !* 减少顶部和底部内边距 *!*/
/*    }*/

/*    #footer-site-title {*/
/*        font-size: 18px; !* 进一步减小字体 *!*/
/*        padding-left: 0; !* 去除内边距 *!*/
/*        margin-top: 5px; !* 增加上边距 *!*/
/*        text-align: center; !* 居中文本 *!*/
/*    }*/

/*    #footer-contact-info {*/
/*        font-size: 12px;*/
/*        text-align: center; !* 居中 *!*/
/*        margin-top: 5px;*/
/*    }*/
/*}*/



#footer-header {
    background: linear-gradient(to bottom, #0a5cad 0%, #0a5cad 100%); /* 主题蓝色 */
    padding: 20px 0;
    width: 100%;
    text-align: center; /* 让footer整体居中 */
}

#footer-header-content {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /* 允许子元素换行 */
}

#footer-logo-section {
    display: flex;
    align-items: center;
    margin-bottom: 10px; /* 为了避免小屏幕时与其他内容重叠 */
    justify-content: center; /* 使logo居中 */
}

#footer-logo {
    width: 100px;
    /*height: 60px;*/
    margin-right: 15px;
}

#footer-site-title {
    color: white;
    font-size: 24px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    padding-left: 15px;
    white-space: nowrap; /* 防止标题在大屏幕时换行 */
    text-align: left; /* 默认左对齐 */
}

#footer-contact-info {
    color: white;
    font-size: 14px;
    text-align: right;
    line-height: 1.5;
    white-space: normal; /* 允许换行 */
}

/* 移动端适配 */
@media (max-width: 768px) {
    #footer-header-content {
        width: 100%; /* 更改为90%宽度以增加一些边距 */
        flex-direction: column; /* 切换为垂直布局 */
        align-items: center; /* 元素居中对齐 */
        justify-content: center; /* 垂直居中对齐 */
        text-align: center; /* 设置文本为居中 */
    }

    #footer-logo-section {
        margin-bottom: 10px; /* 添加底部间距 */
        justify-content: center; /* 居中显示logo */
    }

    /*#footer-logo {*/
    /*    width: 50px; !* 缩小logo的大小 *!*/
    /*    height: 50px;*/
    /*}*/

    #footer-site-title {
        font-size: 20px; /* 调小字体 */
        padding-left: 10px; /* 减少内边距 */
        border-left: none; /* 移除左边的边框 */
        margin-top: 10px; /* 在小屏幕上增加一些间隔 */
        text-align: center; /* 居中文本 */
    }

    #footer-contact-info {
        font-size: 12px; /* 缩小字体 */
        text-align: center; /* 居中显示联系信息 */
        margin-top: 10px; /* 增加上边距 */
    }
}

/* 极小屏幕优化（如手机） */
@media (max-width: 480px) {
    #footer-header-content {
        width: 100%; /* 使用100%宽度 */
        padding: 10px 0; /* 减少顶部和底部内边距 */
    }

    #footer-site-title {
        font-size: 18px; /* 进一步减小字体 */
        padding-left: 0; /* 去除内边距 */
        margin-top: 5px; /* 增加上边距 */
        text-align: center; /* 居中文本 */
    }

    #footer-contact-info {
        font-size: 12px;
        text-align: center; /* 居中 */
        margin-top: 5px;
    }
}