/* 全站页脚。自带退路色值：404 / 50x 不加载 style.css，只有这一份。 */
[hidden] { display: none !important; }
.siteFoot { max-width: 1180px; margin: 48px auto 0; padding: 22px 16px 28px;
            border-top: 1px solid var(--line, rgba(128, 128, 128, .22));
            text-align: center; font-size: 12.5px; line-height: 1.8;
            color: var(--faint, #8a8f9c); }
.siteFoot a { color: var(--dim, #9aa0ad); text-decoration: none; }
.siteFoot a:hover { color: var(--fg, inherit); text-decoration: underline; }
.siteFoot p { margin: 0; }
/* 夹在一句话里的链接（联系邮箱）要有下划线：只靠颜色，和旁边的字只差 1.4:1。 */
.sfWho a { text-decoration: underline; text-underline-offset: 2px; }
.sfLinks { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 16px; margin-bottom: 6px; }
.sfBeian { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px 18px; }
/* 页面内容短的时候，页脚也贴在最底下，而不是跟在内容后面停在半屏。
   滚动区是一列 flex，页脚 margin-top:auto 把自己推到底。 */
.libScroll, .meBody { display: flex; flex-direction: column; }
.libScroll > .siteFoot, .meBody > .siteFoot { margin-top: auto; width: 100%; }
.libScroll > .songs, .libScroll > .libEmpty, .meBody > .meLayout { flex: none; }