/* 手机端适配（媒体查询） */
/* 新增移动端适配 */
@media (max-width: 768px) {
    .section {
        flex-direction: column;
        gap: 20px;
        padding: 15px;
    }

    .magic-card {
        width: 100% !important;
        margin: 0 auto;
    }

    .feature-img {
        width: 100%;
        max-width: 300px;
        margin: 0 auto 20px;
    }

    /* 调整导航栏显示 */
    nav ul {
        flex-wrap: wrap;
        gap: 8px;
    }

    nav li {
        font-size: 14px;
    }
}
/* 原有footer样式可删除或注释，替换为新样式 */
.site-footer {
    background: linear-gradient(135deg, #0088cc, #005aa7); /* 保持主色调渐变 */
    color: white;
    padding: 25px 0;
    width: 100%;
}

.footer-content {
    max-width: 1200px; /* 与页面容器宽度一致 */
    margin: 0 auto;
    display: flex;
    justify-content: space-between; /* 信息分左右两栏 */
    align-items: center;
    padding: 0 20px;
    flex-wrap: wrap; /* 小屏幕自动换行 */
    gap: 20px; /* 元素间距 */
}

.footer-info p,
.footer-record p {
    margin: 8px 0; /* 行间距 */
    font-size: 0.95rem; /* 适当缩小字体 */
    font-weight: 300; /* 与导航文字权重一致 */
}

.footer-social {
    margin-top: 10px; /* 社交图标与备案号间距 */
}

.footer-social img {
    transition: opacity 0.3s; /* 图标悬停效果 */
}

.footer-social img:hover {
    opacity: 0.8; /* 悬停变透明 */
}