/* ============================================================
   备案信息条 —— 全站页面最底部
   ------------------------------------------------------------
   依据：《非经营性互联网信息服务备案管理办法》（原信息产业部令第 33 号）第十三条
     非经营性互联网信息服务提供者应当在其网站开通时在主页底部的中央位置
     标明其备案编号，并链接至工信部备案管理系统网址 https://beian.miit.gov.cn，
     供公众查询核对。
   上海市通信管理局《上海市 ICP 备案规则》：
     已备案成功取得备案号的网站必须可访问，并在网站底部悬挂网站备案号
     并链接至工信部备案平台。
   ------------------------------------------------------------
   三条硬约束（改动时别破坏）：
     1. 备案号必须是「纯文字 + 可点击链接」，不能用图片，不能折叠/弹窗/悬浮替代，
        必须直接渲染在 HTML 结构里。
     2. 必须居中、清晰可辨认，不能用白色字隐藏，不能把字号设成 0 或透明。
     3. 备案号要带 -n 序号（沪ICP备20002182号-5），只有广东省才挂主体号。
   ------------------------------------------------------------
   为什么用 div 而不是 <footer>：
     metal-chains 各页有 footer{...!important} 的元素级选择器，
     会把备案条染成它们的深色样式。改用 div + role="contentinfo"。
   ============================================================ */
.icp-bar{
  box-sizing:border-box;
  display:block;
  width:100%;
  margin:0;
  padding:15px 20px;
  background:#f7fbff;
  border-top:1px solid #dce9f7;
  font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;
  font-size:13px;
  line-height:1.75;
  color:#7c96b8;
  text-align:center;
  -webkit-text-size-adjust:100%;
}
.icp-bar *{box-sizing:border-box}
.icp-inner{
  max-width:1320px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:2px 14px;
}
.icp-cr{white-space:nowrap}
/* 备案号：必须可点击、指向工信部备案系统 */
.icp-no{
  white-space:nowrap;
  color:#0b6be0;
  font-weight:600;
  text-decoration:none;
}
.icp-no:hover,
.icp-no:focus{text-decoration:underline}
@media(max-width:640px){
  .icp-bar{padding:14px 16px;font-size:12.5px}
  .icp-inner{flex-direction:column;gap:3px}
}