/* 深色底栏样式（横向排版） */
.footer-dark {
    background: #1f2727;
    color: #cfd7d7;
    font-size: 14px;
    line-height: 1.8;
}

.footer-dark a {
    color: #cfe9f3;
    text-decoration: none;
}
.footer-dark a:hover {
    color: #7fd3e6;
    text-decoration: underline;
}

/* 容器 */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

/* 顶部区域：左品牌 + 右三列并排 */
.footer-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
    padding: 32px 0 24px;
}

/* 左侧品牌块 */
.footer-brand {
    flex: 0 0 320px; /* 固定左侧宽度，避免被挤压为竖排 */
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}
.footer-logo {
    max-height: 48px;
    width: auto;
}
.footer-sitename {
    font-size: 20px;
    font-weight: 600;
    color: #eaf2f2;
}
.footer-tagline {
    font-size: 13px;
    color: #9fb7b7;
}

/* 右侧三列 */
.footer-columns {
    flex: 1 1 auto;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    align-items: flex-start;
    /* 不换行，保证桌面横向排列 */
    flex-wrap: nowrap;
}
.footer-col {
    flex: 1 1 0;
    min-width: 200px; /* 避免过窄导致换行 */
}
.footer-col h4 {
    font-size: 15px;
    color: #eaf2f2;
    margin: 0 0 12px 0;
    font-weight: 600;
}
.footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-col li {
    margin: 6px 0;
}
.footer-links {
    padding: 0;
}
.footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-links li {
    margin: 6px 0;
}

.contact-list li {
    color: #cfd7d7;
}

/* 分隔线 */
.footer-divider {
    height: 1px;
    background: #2a3232;
    margin: 8px 0 0;
}

/* 底部版权条 */
.footer-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 12px 0 20px;
    text-align: center;
    color: #a9b7b7;
    font-size: 12px;
}
.footer-bottom .copyright {
    margin: 0;
}
.footer-bottom .powered-by {
    margin: 0;
}
.footer-bottom .icp {
    margin: 0;
    color: #a9b7b7;
}
.footer-bottom .icp a {
    color: #a9d3e6;
}
.footer-bottom .icp a:hover {
    color: #7fd3e6;
}

/* 小工具区（如启用） */
.footer-widgets {
    padding: 16px 0 24px;
}

/* 响应式：窄屏下允许换行为两列/一列 */
@media (max-width: 992px) {
    .footer-top {
        flex-direction: column;
    }
    .footer-brand {
        flex: 0 0 auto;
    }
    .footer-columns {
        flex-wrap: wrap;
        gap: 20px;
    }
    .footer-col {
        flex: 1 1 calc(50% - 20px);
        min-width: 260px;
    }
}
@media (max-width: 600px) {
    .footer-col {
        flex: 1 1 100%;
        min-width: 0;
    }
    .footer-bottom {
        font-size: 11px;
    }
}