/* ============================================================
   备案号与合规声明样式
   来源：原 fragments/footer.html 内联 <style>（第 1 段），原位抽离
   注意：本文件由 footer 片段在 body 内原位引入，请勿移动到 <head>，
         否则会改变它与页面自身样式的层叠顺序。
   ============================================================ */
.beian { text-align:center; font-size:.74rem; color:#9aa3ad; margin-top:6px; line-height:1.8; }
.beian a { color:#9aa3ad; text-decoration:none; }
.beian a:hover { color:#b47a2a; }
.beian .beian-sep { margin:0 8px; color:#d8dde2; }
.compliance-note { max-width:920px; margin:10px auto 0; text-align:center; font-size:.72rem;
    color:#aab2bb; line-height:1.7; padding:0 12px; }
.compliance-note b { color:#c0392b; font-weight:600; }
@media (max-width:768px){ .compliance-note{ font-size:.68rem; } }
/* ============================================================================
   ★页脚整体「压矮」到 150px 以内（2026-10-06）
   ----------------------------------------------------------------------------
   原来 footer 高约 266px：
     footer padding 40/24 + .footer-links margin-bottom 32 + .footer-brand padding 18/14(+34px logo)
     + .copyright + .beian + .compliance-note(2 行) —— 一屏内占掉太多。
   这里在**页脚自己的样式表**里覆盖（common.css 里的 footer 规则在前，同名选择器后者胜；
   footer.css 由 footer 片段在 body 内原位引入，层叠顺序本来就在页面样式之后）。
   策略：① 收紧内外边距；② 品牌区由「上下 padding + 两行文字」改成一行（logo 20px + 名称 + 口号同行）；
        ③ 版权与备案改成 inline-block 同行居中（容器 text-align:center）；④ 合规声明字号/行距收一档。
   ============================================================================ */
footer {
    padding: 12px 0 10px;
    margin-top: 24px;
}

footer .container {
    text-align: center;
}

footer .footer-links {
    justify-content: center;
    gap: 4px 18px;
    margin-bottom: 6px;
    font-size: 0.8rem;
}

footer .footer-brand {
    justify-content: center;
    gap: 8px;
    padding: 5px 0 0;
    margin-top: 0;
}

footer .footer-brand-logo {
    width: 20px;
    height: 20px;
}

footer .footer-brand-text {
    flex-direction: row;      /* 名称与口号同行 */
    align-items: baseline;
    gap: 8px;
    line-height: 1.3;
}

footer .footer-brand-text strong {
    font-size: 0.9rem;
}

footer .footer-brand-text span {
    font-size: 0.7rem;
}

/* 版权 + 备案：两行压成一行居中 */
footer .copyright {
    display: inline-block;
    margin: 4px 0 0;
    font-size: 0.74rem;
    color: #8a847a;
    line-height: 1.6;
}

footer .beian {
    display: inline-block;
    margin: 4px 0 0 8px;
    font-size: 0.7rem;
    line-height: 1.6;
    vertical-align: top;
}

footer .compliance-note {
    margin: 4px auto 0;
    font-size: 0.68rem;
    line-height: 1.55;
}

@media (max-width: 768px) {
    footer {
        padding: 10px 0 8px;
    }
    footer .footer-brand-text {
        flex-direction: column;
        align-items: center;
        gap: 0;
    }
    footer .beian {
        margin-left: 0;
        display: block;
    }
    footer .compliance-note {
        font-size: 0.66rem;
    }
}