/**
 * 全站統一頁尾（品牌宣告 + CC 授權 + 瀏覽計數）
 * 各主題以 --line / --muted / --fg / --accent 等變數覆寫配色。
 */

.fate-site-footer {
    box-sizing: border-box;
    max-width: 72rem;
    margin: 0 auto;
    padding: 1rem 1.25rem 1.15rem;
    border-top: 1px solid var(--line, rgba(255, 255, 255, 0.065));
    text-align: center;
    font-size: 0.78rem;
    color: var(--muted, #868c9a);
    line-height: 1.55;
}

.fate-site-footer--layout-minimal {
    max-width: 52rem;
}

.fate-site-footer__line {
    margin: 0 0 0.4rem;
}

.fate-site-footer__cc {
    font-size: 0.76rem;
    opacity: 0.92;
    margin-bottom: 0;
}

.fate-site-footer__stats {
    margin: 0.65rem 0 0;
    font-size: 0.8125rem;
    letter-spacing: 0.02em;
    color: var(--muted, #868c9a);
}

.fate-site-footer__stats-num {
    font-weight: 600;
    color: var(--fg, #e9ebf0);
}

.fate-site-footer__stats-online {
    color: #22c55e;
}

.fate-site-footer__stats-online::before {
    content: "";
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    margin-right: 0.35em;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 0.18em rgba(34, 197, 94, 0.25);
    vertical-align: baseline;
}

.fate-site-footer__stats--muted {
    opacity: 0.85;
}

.fate-site-footer a {
    color: var(--accent, #7ab8ff);
    text-decoration: none;
}

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

@media (max-width: 480px) {
    .fate-site-footer {
        padding: 0.85rem 1rem 1rem;
        font-size: 0.74rem;
    }

    .fate-site-footer__cc {
        font-size: 0.72rem;
    }

    .fate-site-footer__stats {
        font-size: 0.78rem;
    }
}
