/* ============================================================
   齐讯网安 · 全站布局与移动端统一优化 (v29)
   所有页面通过 <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; }
}