/* 页脚开始 */
.footer-container {
    background: #1e1e1e;
    width: 100%;
    /*min-height: 35vh;*/
    /*padding: 2rem 0;*/
    display: flex;
    flex-direction: column;
    margin-top: auto; /* 确保页脚始终在底部 */
    position: relative;
}

html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* 内容子容器 */
.foot-subcon {
    width: 100%;
    max-width: 1200px; /* 控制最大宽度 */
    margin: 0 auto;
    flex: 1;
    padding: 55px 20px;
    /*margin-top: 30px;*/
}

main {
    flex: 1;
}

/* 导航栏布局 */
.foot-navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 2rem;
}

/* 标题样式 */
.foot-title {
    font-size:28px;
    font-family: Sans-serif;
}
.foot-title1 { color: #0a8704; }
.foot-title2 { color: #71767b; }

/* 导航链接 */
.foot-nav {
    display: flex;
    gap: 4rem; /* 现代间距方案 */
}
.foot-nav a {
    font-size:1rem;
    color: #383a3c;
    text-decoration: none;
    transition: color 0.3s;
}
.foot-nav a:hover { color: #0a8704; }

/* 分割线 */
.foot-solid {
    width: 100%;
    height: 1px;
    background: #232323;
    margin: 1.5rem 0;
}

/* 联系信息 */
.foot-contact {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 11rem;
    font-size:0.9rem;
    color: #393635;
    text-align: center;
    line-height: 1.6;
}

/* 底部栏 */
.footer {
    background: #2b2b2b;
    width: 100%;
    height: 4vh;
    min-height: 40px;
    display: grid;
    place-items: center;
    color: #818384;
    /*margin-top: auto; !* 确保始终在底部 *!*/
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .foot-subcon {
        margin-top: 15px; /* 在移动端调整下移距离 */
    }
    .foot-navbar {
        flex-direction: column;
        text-align: center;
    }
    .foot-nav {
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }
    .foot-contact {
        flex-direction: column;
        gap: 1rem;
    }
}
/* 页脚结束 */
