/* 页尾样式 */
.footer {
    text-align: center;
    font-family: "经典隶变简", sans-serif;
}

.footer-content {
    display: inline-block;
    padding-bottom: 20px; /* 增大文字下方空间 */
}

.footer-content a {
    font-size: 15px;
    color: #5e5e5e; /* 设置字体颜色 */
    text-decoration: none; /* 去除下划线 */
    opacity: 0.8;
}

.footer-logo {
    width: 20px; /* 调整图片大小 */
    height: auto; /* 保持宽高比 */
    vertical-align: middle; /* 垂直居中 */
    opacity: 0.6;
}

.footer-links {
    padding-top: 40px; /* 增大文字上方空间 */
    padding-bottom: 40px; /* 增大文字下方空间 */
}

.footer-links a {
    color: #5e5e5e; /* 设置字体颜色 */
    text-decoration: none; /* 去除下划线 */
    margin: 0 10px; /* 增大文字左右间距 */
    font-size: 1.2em; /* 增大文字大小 */
    transition: font-size 0.3s, font-weight 0.3s; /* 添加过渡效果 */
}

.footer-links a:hover {
    font-size: 1.3em; /* 悬停时增大字体大小 */
    font-weight: bold; /* 悬停时加粗字体 */
}

/* 响应式布局 */
@media (max-width: 768px) {
    .footer-content a {
        font-size: 14px; /* 减小字体大小 */
    }

    .footer-logo {
        width: 18px; /* 调整图片大小 */
    }

    .footer-links {
        padding-top: 30px; /* 减小文字上方空间 */
        padding-bottom: 30px; /* 减小文字下方空间 */
    }

    .footer-links a {
        font-size: 1em; /* 减小文字大小 */
        margin: 0 5px; /* 减小文字左右间距 */
    }
}

@media (max-width: 480px) {
    .footer-content a {
        font-size: 9px; /* 进一步减小字体大小 */
        font-family: "经典隶变简", sans-serif;
    }

    .footer-logo {
        width: 16px; /* 进一步调整图片大小 */
    }

    .footer-links {
        padding-top: 20px; /* 进一步减小文字上方空间 */
        padding-bottom: 20px; /* 进一步减小文字下方空间 */
    }

    .footer-links a {
        font-size: 0.9em; /* 进一步减小文字大小 */
        margin: 0 3px; /* 进一步减小文字左右间距 */
    }
}