/* ==========================================================================
 * 青草工程咨询案例库 · 移动端适配补丁 v1
 * 目标设备：iPhone 16 Max (CSS 430×932 px, dpr 3, env safe-area)
 * 关键修复：
 *   - .nav-search 在原 style.css max-width:1080px display:none，移动端需要恢复
 *   - 适配刘海/灵动岛 + 底部 home indicator
 *   - 触摸目标 ≥44pt
 *   - 防 iOS Safari 自动缩放：input font-size ≥16px
 * 设计原则：不动 PC 端任何样式，全部 @media 包裹
 * ========================================================================== */

/* ============== 工具类（PC 端默认） ============== */
.qc-sricon{ display:inline-block; margin-right:6px; color:var(--text-light); font-style:normal; }
.nav-search{ position:relative; }
.nav-search input{ padding-left:30px !important; }

/* ============== 平板（1080-769）恢复 .nav-search ============== */
@media (max-width: 1080px) {
  /* 覆盖 style.css 的 .nav-search{display:none} */
  .site-header .nav-search{ display:inline-flex !important; }
  .site-header .nav-search input{ width:130px; }
  .site-header .nav-search input:focus{ width:170px; }
}

/* ============== 移动端 (≤ 760) ============== */
@media (max-width: 760px) {
  html, body{ overflow-x:hidden; -webkit-text-size-adjust:100%; }

  /* 顶栏：紧凑、强制 nav-search 显示 */
  .site-header{ height:auto !important; min-height:var(--header-h); padding-top:env(safe-area-inset-top, 0px) !important; }
  .site-header .wrap{ gap:10px !important; flex-wrap:nowrap !important; }
  .site-header .brand{ font-size:1.0rem !important; letter-spacing:.5px !important; min-width:0; }
  .site-header .brand small{ display:none !important; }
  .site-header .brand-logo{ width:38px !important; height:38px !important; }
  .site-header .nav-search{ display:inline-flex !important; flex:1 !important; min-width:0 !important; margin-left:0 !important; }
  .site-header .nav-search input{ width:100% !important; height:38px; padding:6px 12px !important; font-size:14px; }
  .site-header .nav-search input:focus{ width:100% !important; }
  .site-header .menu-toggle{ width:42px !important; height:42px !important; flex-shrink:0; }

  /* 移动菜单 (nav.open)：撑到刘海安全区 + 含 safe-area */
  .site-header .nav{ top:var(--header-h) !important; padding:18px 20px calc(20px + env(safe-area-inset-bottom, 0px)) !important; max-height:calc(100vh - var(--header-h)); overflow-y:auto; }
  .site-header .nav a{ padding:14px 14px !important; font-size:1.06rem !important; }
}

/* ============== iPhone 16 Max 兜底 (≤ 480) ============== */
@media (max-width: 480px) {
  /* 顶栏：safe-area + 紧凑 */
  .site-header{ min-height:calc(var(--header-h) + env(safe-area-inset-top, 0px)) !important; padding-top:env(safe-area-inset-top, 0px) !important; }
  .site-header .wrap{ padding:6px 14px !important; gap:8px !important; }
  .site-header .brand{ font-size:.95rem !important; gap:8px !important; }
  .site-header .brand small{ display:none !important; }
  .site-header .brand-logo{ width:34px !important; height:34px !important; border-radius:8px !important; }
  .site-header .nav-search input{ height:36px; font-size:14px; padding:5px 10px !important; }
  .site-header .menu-toggle{ width:44px; height:44px; font-size:1.2rem; }

  /* Hero */
  .hero{ padding:48px 0 36px !important; }
  .hero-tag{ font-size:.75rem !important; padding:4px 12px !important; letter-spacing:2px !important; margin-bottom:16px !important; }
  .hero h1{ font-size:24px !important; line-height:1.3 !important; margin-bottom:12px !important; }
  .hero-sub{ font-size:15px !important; margin-bottom:14px !important; }
  .hero-desc{ font-size:14px !important; line-height:1.7 !important; }
  .hero-cta{ gap:10px !important; }
  .hero-cta .btn{ font-size:.95rem !important; padding:10px 20px !important; }
  .hero-cta .btn-primary, .hero-cta .btn-ghost{ flex:1; text-align:center; }

  /* Stats */
  .stats-band{ padding:48px 0 !important; }
  .stats-band .wrap{ grid-template-columns:1fr 1fr !important; gap:18px !important; }
  .stat-item{ padding:24px 12px 20px !important; }
  .stat-num{ font-size:36px !important; margin-bottom:10px !important; }
  .stat-label{ font-size:.75rem !important; letter-spacing:2px !important; }

  /* Section */
  .section.alt{ padding-bottom:36px !important; margin-top:36px !important; }
  .sec-head{ margin-bottom:24px !important; }
  .sec-head h2{ font-size:20px !important; }
  .sec-head h2::after{ width:40px !important; height:2px !important; margin-top:8px !important; }
  .sec-kicker{ font-size:.7rem !important; letter-spacing:3px !important; }
  .sec-desc{ font-size:14px !important; }

  /* Charts */
  .chart-grid{ gap:14px !important; }
  .chart-card{ padding:14px !important; }
  .chart-card h3{ font-size:1.0rem !important; }
  .chart-card .chart-sub{ font-size:.78rem !important; }
  .hbar{ grid-template-columns:80px 1fr 36px !important; gap:8px !important; margin-bottom:8px !important; }
  .hbar .hb-name{ font-size:.78rem !important; }
  .hbar .hb-num{ font-size:.78rem !important; }
  .hbar .hb-track{ height:14px !important; }

  /* 案例块 */
  .cat-block{ padding:16px !important; }
  .cat-block-head{ font-size:.95rem !important; gap:10px !important; }
  .cat-block-no{ font-size:1.5rem !important; }
  .toc-item{ padding:10px 0 !important; gap:8px !important; }
  .toc-num{ font-size:.75rem !important; min-width:32px !important; }
  .toc-title{ font-size:.88rem !important; }
  .toc-count{ font-size:.7rem !important; }
  .cat-block-more{ font-size:.85rem !important; padding:10px !important; }

  /* Case 卡片 */
  .case-card{ padding:14px !important; }
  .case-card h3{ font-size:.95rem !important; }
  .case-card .cc-desc{ font-size:.82rem !important; -webkit-line-clamp:2; }

  /* 客户卡片 */
  .cust-card{ padding:12px 14px !important; }
  .cust-name{ font-size:.95rem !important; }
  .cust-year, .cust-service{ font-size:.75rem !important; }

  /* 搜索框 (cases.html 主体) */
  .search-row{ flex-direction:column; align-items:stretch !important; gap:10px !important; }
  .search-box{ min-width:0 !important; padding:10px 14px !important; }
  .search-box input{ font-size:16px !important; }

  /* 案例详情：版式A 侧栏 */
  .layout-a .case-body-grid{ grid-template-columns:1fr !important; gap:20px !important; }
  .layout-a .side-toc{ position:static !important; padding:14px !important; }
  .layout-a .side-toc a{ font-size:.85rem !important; padding:6px 8px !important; }
  .layout-a .a-sec{ padding:18px 18px !important; }
  .layout-a .a-sec h2{ font-size:1.0rem !important; }

  .layout-b .b-grid{ grid-template-columns:1fr !important; gap:14px !important; }
  .layout-b .b-sec{ padding:18px !important; }
  .layout-b .b-sec h2{ font-size:1.0rem !important; }

  .layout-c .c-cols{ column-count:1 !important; }
  .layout-c .c-sec h2{ font-size:1.1rem !important; padding-left:14px !important; }
  .case-body{ font-size:1.0rem !important; line-height:1.8 !important; }
  .case-hero{ padding:40px 0 28px !important; }
  .case-hero h1{ font-size:20px !important; line-height:1.4 !important; margin:10px 0 8px !important; }
  .case-hero .ch-sub{ font-size:14px !important; }
  .ch-meta{ gap:6px 16px !important; font-size:.8rem !important; }

  /* Footer */
  .site-footer{ margin-top:48px !important; padding:24px 0 !important; }
  .site-footer .f-brand{ font-size:.85rem !important; }
  .site-footer .f-cols{ grid-template-columns:1fr !important; gap:18px !important; }
  .site-footer .f-cols b{ font-size:.85rem !important; }
  .site-footer .f-cols div{ font-size:.8rem !important; line-height:1.7 !important; }
  .site-footer .f-links{ flex-direction:column; gap:6px !important; font-size:.75rem !important; }
  .site-footer .f-note{ font-size:.7rem !important; line-height:1.5 !important; }

  /* 客户价值实证 */
  .value-proof{ padding:28px 18px !important; margin-top:28px !important; }
  .vp-card{ padding:14px 16px !important; }
  .vp-card b{ font-size:.88rem !important; }
  .vp-card span{ font-size:.75rem !important; }
}

/* ============== iPhone 16 Max 横屏 (932×430) ============== */
@media (max-width: 932px) and (orientation: landscape) {
  .site-header{ padding-left:max(16px, env(safe-area-inset-left, 0px)); padding-right:max(16px, env(safe-area-inset-right, 0px)); }
  .site-header .nav{ top:var(--header-h) !important; }
}