/* beian.css —— ICP 备案号页脚，所有对外页面共用。
 *
 * 为什么单独一个文件、而不是各页抄一份：备案号是**会变的**（主体变更、增加域名都要
 * 换号），而它必须出现在每一个对外页面上。抄 8 份的话下次换号一定漏掉一两页，而漏掉
 * 的那一页正是复查会打开的那一页。2026-09-17 收到工信部整改通知（"网站底部未显示正确
 * 备案编号或编号上链接未指向工信部网页"）就是因为一开始一份都没有。
 *
 * 改备案号只需改各页 HTML 里那一行 <a>；改样式只需改这里。
 *
 * 两个形态：
 *   .site-foot            正常文档流页脚，贴在内容末尾（协议页 / 文档页 / 体验页 …）
 *   .site-foot.foot-bar   固定高度的全宽细条，给 index.html 那种 height:100vh 的
 *                         应用外壳用 —— 那种页面 body 是 overflow:hidden 的，
 *                         普通页脚会被直接裁掉看不见。配合 style.css 里
 *                         .app-shell { height: calc(100vh - var(--foot-h, 0px)) }，
 *                         两者加起来正好一屏。
 *
 * --foot-h 定义在这里而不是 style.css：它是**这个页脚的**高度，改高度就该只动这一个
 * 文件。style.css 那边用 var(--foot-h, 0px) 取值，回落 0px —— 万一哪天这个文件没被
 * 引上，应用外壳退回原来的满屏 100vh，只是少个页脚，不会错位。
 */
:root {
    --foot-h: 30px;
}

.site-foot {
    padding: 14px 16px 18px;
    text-align: center;
    font-size: 12px;
    line-height: 1.6;
    color: #9aa0a6;
}
.site-foot a {
    color: #9aa0a6;
    text-decoration: none;
}
.site-foot a:hover {
    color: #14b8a6;
    text-decoration: underline;
}

/* 全宽细条形态。用 flex 居中而不是 line-height：高度只有 30px，
   line-height 对不同字号的中英文混排会差出一两像素。 */
.site-foot.foot-bar {
    height: var(--foot-h);
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #fff;
    border-top: 1px solid #f0f1f3;
    /* 应用外壳里有一堆 z-index 上百的浮层（侧栏 100、弹窗更高）。这条不参与那套
       层叠，但也不该被同级元素的负 margin 之类盖住，给个小的正值兜底。 */
    position: relative;
    z-index: 1;
}