/* =====================================================================
   卡3176 · 全站页脚备案信息（统一组件，勿逐页手写覆盖）
   ---------------------------------------------------------------------
   每页页脚只出现一次（备案号不得重复堆叠）：
     <span class="aisland-legal">© 2026 北京阔屿科技有限公司 ·
       <a class="aisland-legal__icp" href="https://beian.miit.gov.cn/"
          target="_blank" rel="noopener noreferrer">京ICP备2026077630号-1</a></span>

   设计纪律：
   1. 颜色 / 字号 / 字体全部 inherit 所在页脚——一处定义，各页零手写样式；
   2. 覆盖页脚手写的装饰性字距（letter-spacing:normal）并白名单 nowrap 只给
      备案号本体，390 视口下整行可换行但备案号不拆字，不产生横向滚动；
   3. 链接下划线用 currentColor，深浅页脚/四主题下都可见。
   ===================================================================== */

.aisland-legal {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 6px;
  max-width: 100%;
  min-width: 0;
  font: inherit;
  letter-spacing: normal;      /* 覆盖页脚装饰字距，保证窄屏可容纳 */
  line-height: 1.6;
  white-space: normal;
  overflow-wrap: anywhere;
  color: inherit;
}

.aisland-legal__icp {
  color: inherit;
  font: inherit;
  letter-spacing: normal;
  text-decoration: none;
  white-space: nowrap;         /* 备案号本体不拆行 */
  border-bottom: 1px solid currentColor;
  pointer-events: auto;        /* 覆盖 fp 页固定脚线的 pointer-events:none */
  transition: opacity 0.2s ease;
}

.aisland-legal__icp:hover { opacity: 0.72; }

.aisland-legal__icp:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-radius: 2px;
}

/* fp 第一人称入口页（/enterprise、/personal）：底栏是 26% 透明度的装饰条，
   备案行单独提亮到可读，窄屏独占一行右对齐，不挤掉原有状态文案。 */
.fp-foot .aisland-legal { color: rgba(232, 238, 241, 0.72); font-size: 11px; }

@media (max-width: 820px) {
  .fp-foot .aisland-legal {
    flex: 1 0 100%;
    justify-content: flex-end;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aisland-legal__icp { transition: none; }
}