/* ============================================================
   全站页脚 · 协议入口 + 备案号悬挂（2026-09-21 加）
   ------------------------------------------------------------
   合规依据：《非经营性互联网信息服务备案管理办法》
             （原信息产业部令第 33 号）第十三条 ——
     “非经营性互联网信息服务提供者应当在其网站开通时在主页底部的
      中央位置标明其备案编号，并在备案编号下方按要求链接信息产业部
      备案管理系统网址，供公众查询核对。”
   未悬挂 / 未链接 / 链接地址错误的：由住所所在地省通信管理局
   责令改正，并处 5000 元以上 1 万元以下罚款。

   ⚠️⚠️ 三条硬要求，后续改这里时别破坏（这是真会被罚款的项）：
     ① 必须写**网站备案号**「苏ICP备2026070748号-1」，
        **不能**写主体备案号「苏ICP备2026070748号」
        （除广东省标主体备案号外，各省都必须带 -1 / -2 这类序号）
     ② 必须**带超链接**且指向 https://beian.miit.gov.cn
        —— 纯文本、链接打不开、链接地址错，三者都算不合规
     ③ 全站**每个页面**都要有（首页 + 登录 + 条款 + 个人中心 + 后台），
        手机端也要能看到；只在首页挂是常见扣分项

   本文件被所有页面共用，所以样式用「兜底变量」写法
   （var(--accent, #E8547C)），后台页没引入 style.css 时也不会失效。

   ⚠️⚠️ 公安联网备案（2026-09-29 通过）：除 ICP 备案号外，页脚还须并列标注
     「苏公网安备32058102003200号」+ 官方警徽图标 + 链接指向
     https://beian.mps.gov.cn/#/query/webSearch?code=32058102003200
     同样要求**全站 7 页都有**（index/login/account/admin/terms/privacy/refund）。
     图标文件 static/beian-ga.png（取自官方 ghs.png，20×20，显示时须保持正方形）。
   ============================================================ */

.site-foot {
  max-width: 1440px;
  margin: 14px auto 0;
  padding: 26px 32px 34px;
  text-align: center;                 /* ★ 备案号须在「底部中央位置」 */
  border-top: 1px solid var(--line, #E8E8E4);
}

/* ---------- 协议入口（顺带把三份法律文件放全站可查） ---------- */
.sf-nav {
  display: flex; justify-content: center; flex-wrap: wrap;
  align-items: center; gap: 8px 10px;
  margin-bottom: 12px;
}
.sf-nav a {
  font-size: 12.5px; color: #5B6B85;
  text-decoration: none;
  display: inline-flex; align-items: center;
  min-height: 24px;                   /* 触屏可点 */
  transition: color .15s;
}
.sf-nav a:hover { color: var(--accent, #E8547C); }
.sf-nav i { font-style: normal; color: #C9CFDA; font-size: 11px; }

/* ---------- 备案号（★ 合规核心，别改动） ---------- */
.sf-beian {
  font-size: 12px; line-height: 2; color: #A0A8B8;
  margin: 0;
}
.sf-beian a {
  color: #A0A8B8;
  text-decoration: none;
  display: inline-flex; align-items: center; gap: 5px;
  min-height: 24px;
  transition: color .15s;
}
.sf-beian a:hover { color: var(--accent, #E8547C); }
.sf-sep { color: #D5D9E0; margin: 0 7px; }
/* 公安联网备案的官方小图标（beian-ga.png，原图 20×20 方形）
   ⚠️ 必须保持正方形比例，写成 14×15 会把警徽压扁。 */
.sf-ga-icon { width: 14px; height: 14px; display: block; flex: 0 0 14px; }

.sf-copy {
  font-size: 12px; color: #B9BFC9;
  margin: 5px 0 0;
}

/* ---------- 手机端：页脚收紧，且给底部操作条让位 ---------- */
@media (max-width: 720px) {
  .site-foot {
    padding: 20px 14px 26px;
    margin-top: 10px;
  }
  .sf-nav { gap: 6px 8px; margin-bottom: 10px; }
  /* 手机上底部有固定操作条（.mbar），页脚要额外留出它的高度，
     否则备案号会被操作条盖住 —— 而它恰好是核查时最先看的地方。 */
  body.mbar-on .site-foot {
    padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px));
  }
}

@media (max-width: 420px) {
  .sf-beian { font-size: 11.5px; }
  .sf-copy { font-size: 11.5px; }
}