/* ============================================================
   全站页脚 — 极简版权行
   仅本文件控制 footer 版式；沿用 1200 内容轨，纯白底 + 发丝线，无卡片/阴影/色块
   ============================================================ */
.site-footer {
    margin: 0;
    padding: 21px 0 0;
    background: #fff;
    border-top: 1px solid rgba(15, 23, 42, .06);
    box-shadow: none;
    font-size: 13px;
    line-height: 1.7;
    color: rgba(15, 23, 42, .62);
    box-sizing: border-box;
}

.site-footer .footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
}

/* ---------- 底部版权行 ---------- */
.site-footer .footer-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 14px;
    row-gap: 4px;
    padding: 8px 0 10px;
    border-top: 0;
    font-size: 12px;
    line-height: 1.6;
    color: rgba(15, 23, 42, .45);
}

.site-footer .footer-bottom a {
    color: rgba(15, 23, 42, .55);
    text-decoration: none;
}

.site-footer .footer-bottom a:hover {
    color: #b23a34;
}

.site-footer .footer-bottom span {
    color: inherit;
}

/* ---------- 手机档 ---------- */
@media (max-width: 640px) {
    .site-footer {
        padding-top: 22px;
    }

    .site-footer .footer-inner {
        padding: 0 18px;
    }

    .site-footer .footer-bottom {
        padding: 10px 0 12px;
        font-size: 11.5px;
        column-gap: 10px;
    }
}

/* ---------- 暗色模式 ---------- */
html.io-dark-mode .site-footer {
    background: #0b1120;
    border-top-color: rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .62);
}

html.io-dark-mode .site-footer .footer-bottom a {
    color: rgba(255, 255, 255, .58);
}

html.io-dark-mode .site-footer .footer-bottom a:hover {
    color: #f2a09a;
}