/* ============================================================
   站点统一备案号（工信部要求：需可见、可点击）
   ------------------------------------------------------------
   演进：
   1) 最初每页各塞一个裸 <div>，在 100vh 全屏页被截断/挤变形 → 突兀
   2) 上一版改为固定底条，但黑底横条视觉过重，且 z-index 高于 cookie 弹窗
      （被弹窗压住）、移动端还忽略安全区 → 用户反馈"放得非常奇怪"
   3) 弱化为「状态栏附注」——无底色、极低对比、居中小字，
      只保留一条极淡的上分隔线；同时修正层叠与安全区。

   4) 【现行做法】只保留在网站主页 landing.html，其余页面全部移除。
      依据：工信部只要求网站首页底部可见可点，内页并不需要。
      此前 59 个页面各挂一次，滚动到页底总有一条附注，反而干扰阅读。
      —— 本文件现仅由 landing.html 引用，其余页面不得再引入。

   为什么主页仍固定在底部：备案号必须始终可见可点，若放进文档流，
   在全屏 overflow:hidden 版式上会被裁掉。固定细条是唯一能兼顾
   「合规」与「不破坏版式」的做法。
   ============================================================ */
.icp-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  /* 低于 cookie 同意条(z-index 通常 9000+)，避免互相压盖 */
  z-index: 3000;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  /* 用高度 + 内边距容纳移动端安全区，避免被 Home 指示条遮住 */
  min-height: 22px;
  padding: 0 10px calc(2px + env(safe-area-inset-bottom, 0px));

  margin: 0;
  font-family: "SF Mono", "Courier New", "PingFang SC", "Microsoft YaHei", monospace;
  font-size: 10.5px;
  line-height: 1.6;
  letter-spacing: 0.06em;

  /* 视觉弱化：无底色、低对比，像状态栏附注而不是一条横幅 */
  color: rgba(170, 156, 132, 0.42);
  background: none;
  border-top: 1px solid rgba(184, 148, 75, 0.10);
  text-align: center;

  /* 除了链接本身，不拦截点击，尽量不干扰下面的界面 */
  pointer-events: none;
  opacity: 1 !important;   /* 覆盖老页面残留的内联 opacity */
}

.icp-footer a {
  pointer-events: auto;
  color: rgba(180, 162, 132, 0.55);
  text-decoration: none;
  transition: color 0.2s ease;
}

.icp-footer a:hover {
  color: #d9b563;
}

/* 需要给底栏让位、否则内容会被压住的页面，可加这个类 */
.has-icp-footer {
  padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 600px) {
  .icp-footer { font-size: 10px; letter-spacing: 0.03em; }
}