:root {
    --ft-bg: #0f172a; /* 深色背景（slate-900） */
    --ft-fg: #94a3b8; /* 文本色（slate-400） */
    --ft-fg-strong: #cbd5e1; /* 高亮文本色 */
    --ft-link: #e2e8f0; /* 链接色 */
    --ft-border: #1e293b; /* 分隔线 */
}

@media (prefers-color-scheme: light) {
    :root {
        --ft-bg: #f8fafc; /* 浅色背景 */
        --ft-fg: #475569; /* 文本色 */
        --ft-fg-strong: #0f172a; /* 高亮 */
        --ft-link: #0f172a; /* 链接 */
        --ft-border: #e2e8f0; /* 分隔线 */
    }
}

.site-footer {
    background: var(--ft-bg);
    color: var(--ft-fg);
    font-size: 14px;
    line-height: 1.6;
    border-top: 1px solid var(--ft-border);
}

.footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 14px 16px;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-left, .footer-right {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.site-footer a {
    color: var(--ft-link);
    text-decoration: none;
    opacity: .9;
}

    .site-footer a:hover {
        opacity: 1;
        text-decoration: underline;
    }

.link {
    border-left: 1px solid var(--ft-border);
    padding-left: 12px;
    margin-left: 6px;
}

.ico {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    vertical-align: -2px;
    fill: currentColor;
    opacity: .8;
}

.icp, .police {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

@media (max-width:640px) {
    .footer-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .link {
        border-left: none;
        padding-left: 0;
        margin-left: 0;
    }
}