/* ============================================================
   齐讯网安 · 全站布局与移动端统一优化 (v32)
   所有页面通过 <link rel="stylesheet" href="/common.css"> 引入
   ============================================================ */

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
img { max-width: 100%; }

/* ---- 桌面端布局微调 ---- */
.footer-top { align-items: start; }

/* ---- 平板 (≤1024px) ---- */
@media (max-width: 1024px) {
  /* 资质证书栅格统一 4 列，卡片数 8~9 时排列整齐 */
  .cert-grid { grid-template-columns: repeat(4, 1fr) !important; }
}

/* ---- 手机 (≤720px) ---- */
@media (max-width: 720px) {
  .container { padding: 0 18px; }

  /* 首页 hero 按钮竖排铺满，方便触控 */
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn { width: 100%; justify-content: center; text-align: center; box-sizing: border-box; }

  /* 资质/团队栅格手机两列 */
  .cert-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px; }

  /* 长表格横向滚动，避免撑破屏幕 */
  table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }

  /* 页脚：底部信息纵向排列 */
  .footer-bottom { flex-direction: column; gap: 8px; }
  .wx-cards { gap: 12px; }

  /* 触控体验 */
  a, button { -webkit-tap-highlight-color: rgba(124, 58, 237, 0.25); }
  .btn { min-height: 44px; }
}

/* ============================================================
   备案信息区（v32）
   工信部 ICP 备案号 + 公安联网备案号
   管局核查要求：网站底部【中央】悬挂备案号，并可跳转工信部备案系统

   布局：页脚改为三列 grid —— 左信息 / 中备案号 / 右导航，
        左右两列各为 1fr，中间 auto，因此备案号【严格居中】。
   ============================================================ */
.footer-inner,
.footer-bottom {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}
.footer-inner > *:last-child,
.footer-bottom > *:last-child { justify-self: end; }

/* 备案号（与版权 / 域名同一行） */
.footer-beian {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 4px 16px;
  font-family: ui-monospace, "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  font-size: 12px;
  line-height: 1.9;
  letter-spacing: 0.4px;
  color: rgba(255, 255, 255, 0.62);
  white-space: nowrap;
}
.footer-beian a {
  display: inline-flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.28);
  padding-bottom: 1px;
  /* 归零左右外边距：14 个二级页的内嵌样式里有
     `.footer-inner a { margin-left: 18px }`（用于导航链接间距），
     它会一并作用到备案号链接上，使居中的备案号整体右偏约 9px。 */
  margin-left: 0;
  margin-right: 0;
  transition: color 0.2s ease, border-color 0.2s ease;
}
.footer-beian a:hover { color: #67e8f9; border-bottom-color: #67e8f9; border-bottom-style: solid; }

/* 公安联网备案 —— 编号核准下发前保持隐藏。
   启用方法（详见《备案整改_上传说明》）：
     ① 删除下面这一条 display:none 规则；
     ② 全站把占位文本「京公网安备 XXXXXXXXXX 号」替换为真实编号。 */
.footer-beian a.beian-gongan { display: none; }

/* 窄屏：三列折为竖排居中 */
@media (max-width: 720px) {
  .footer-inner,
  .footer-bottom {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: 10px;
  }
  .footer-inner > *:last-child,
  .footer-bottom > *:last-child { justify-self: center; }
  .footer-beian { gap: 4px 12px; font-size: 11.5px; white-space: normal; }
}