/* =========================================================
   全站手机端体验优化补丁 (2026-07-18)
   仅在 max-width:768px / 480px 生效，不影响电脑端。
   首页 index.html 已单独做过精细优化，这里主要补齐：
   关于我们 / 联系我们 / 相机回收 / 镜头回收 / 全国城市（41个城市页）
   这些子页面之前只有基础响应式，没有像首页一样精细压缩。
   本文件只做"覆盖式"调整（不加 !important），不会破坏原有样式。
   ========================================================= */

@media (max-width: 768px) {

  /* ---- 防止任何元素把页面撑宽出现左右晃动 ---- */
  html, body { max-width: 100%; overflow-x: hidden; }
  body { padding-bottom: calc(98px + env(safe-area-inset-bottom)); }

  /* ---- 顶部导航统一压缩（原来在手机上偏高，占用首屏空间） ---- */
  .navbar-inner { height: 56px; min-height: 56px; padding: 6px 14px; }
  .nav-logo { gap: 8px; min-width: 0; }
  .nav-logo-img { width: 38px; height: 38px; flex: 0 0 38px; }
  .nav-logo-name { font-size: 16px; line-height: 1.2; white-space: nowrap; }
  .nav-logo-tagline { font-size: 10px; line-height: 1.25; white-space: nowrap; }
  .nav-toggle { width: 38px; height: 38px; padding: 8px; flex: 0 0 38px; }
  .nav-menu.open { top: 56px; max-height: calc(100vh - 56px); overflow-y: auto; }
  .navbar .nav-right,
  .navbar .nav-phone,
  .navbar .nav-right .btn,
  .navbar .nav-right .btn-sm {
    display: none !important;
    visibility: hidden !important;
  }

  .container { padding-left: 16px; padding-right: 16px; }

  /* ---- 通用子页头部（关于我们/联系我们/相机回收/镜头回收等） ---- */
  .page-hero { padding: 86px 0 36px; }
  .page-hero-title,
  .page-hero-content h1,
  .page-hero.service-hero h1 { font-size: 1.65rem; line-height: 1.32; }
  .page-hero-desc,
  .page-hero-content > p { font-size: 15px; line-height: 1.75; }
  .page-hero-actions { flex-direction: column; align-items: stretch; gap: 10px; }
  .page-hero-actions a { width: 100%; min-height: 46px; text-align: center; justify-content: center; }

  .content-section { padding: 36px 0 48px; }
  .about-grid { padding: 40px 0; gap: 28px; }
  .contact-grid { padding: 36px 0 48px; gap: 28px; }
  .contact-form-wrap { padding: 22px 18px; }

  /* ---- 城市页（41个城市共用 city.css，之前没有精细压缩） ---- */
  .city-hero { padding: 96px 0 34px !important; }
  .city-hero h1 { font-size: 1.55rem; line-height: 1.3; }
  .city-hero-desc { font-size: 14px; line-height: 1.7; }
  .city-hero-actions { gap: 10px; }
  .city-hero-actions a,
  .city-hero-actions button { width: 100%; justify-content: center; min-height: 46px; }
  .city-stats { gap: 18px; }

  .city-prices,
  .city-process,
  .city-case-reference,
  .city-areas,
  .city-faq { padding: 42px 0; }
  .city-cta { padding: 42px 0; }
  .city-list-hero { padding: 96px 0 42px !important; }
  .city-list-section { padding: 34px 0; }
  .footer,
  .footer-bottom-bar { padding-bottom: calc(104px + env(safe-area-inset-bottom)); }
  .float-consult { bottom: calc(100px + env(safe-area-inset-bottom)); }
  .float-btn-phone,
  .float-btn-wechat { display: none; }
  .float-btn-top { width: 42px; height: 42px; }

  /* ---- 表格兜底：没做过手机适配的表格自动横向滚动，不撑破布局 ---- */
  table:not(.std-table):not(.q-table):not(.brand-table):not(.guide-table) {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* ---- 保证主要按钮达到方便点击的最小高度 ---- */
  .btn-primary,
  .btn-white,
  .btn-wechat,
  .form-submit { min-height: 46px; }
}

@media (max-width: 900px) {
  .navbar .nav-right,
  .navbar .nav-phone,
  .navbar .nav-right .btn,
  .navbar .nav-right .btn-sm {
    display: none !important;
    visibility: hidden !important;
  }
}

@media (max-width: 480px) {
  .page-hero-title,
  .page-hero-content h1,
  .page-hero.service-hero h1 { font-size: 1.45rem; }
  .city-hero h1 { font-size: 1.35rem; }
  .city-stats { gap: 12px; }
}