/* ==========================================================================
 * 快写官网 · 移动端适配补丁 v1
 * 目标设备：iPhone 16 Max (CSS 430×932 px, dpr 3, env safe-area)
 * 设计原则：
 *   1. 不动 PC 端任何样式（本文件全部用 @media 包裹）
 *   2. 触摸目标 ≥44px（iOS HIG）
 *   3. 防 iOS Safari 自动缩放：input/select 字号 ≥16px
 *   4. 适配刘海/灵动岛/底部 home indicator（env safe-area）
 *   5. iPhone 16 Max 宽度 430px，落点 max-width:480px
 * ========================================================================== */

/* ============== 基础（顶栏搜索框默认显示，PC/移动都可见） ============== */
.kx-header-search{ display:inline-flex; align-items:center; position:relative; }
.kx-header-search .kx-sricon{
  position:absolute; left:14px; top:50%; transform:translateY(-50%);
  color:var(--faint); font-size:13px; pointer-events:none;
}
.kx-header-search input{
  width:220px; height:38px; padding:0 14px 0 36px; font-size:14px; color:var(--ink);
  background:rgba(255,255,255,.88); border:1px solid var(--line); border-radius:999px;
  font-family:var(--sans); outline:none; -webkit-appearance:none; appearance:none;
  transition:border-color .2s, width .2s;
}
.kx-header-search input:focus{ border-color:var(--accent); width:260px; }

/* ============== 中间断点 1080-481：搜索框收紧 ============== */
@media (max-width: 1080px) and (min-width: 961px) {
  .kx-header-search input{ width:170px; }
  .kx-header-search input:focus{ width:200px; }
}
@media (max-width: 960px) and (min-width: 481px) {
  .kx-header-search{ flex:1; min-width:0; }
  .kx-header-search input{ width:100% !important; max-width:none; height:38px; }
  .kx-header-search input:focus{ width:100% !important; }
}

/* ============== iPhone 16 Max 兜底（@media 480） ============== */
@media (max-width: 480px) {

  /* 全局：禁止横向滚动 */
  html, body{ overflow-x:hidden; -webkit-text-size-adjust:100%; }

  /* 顶栏：撑开刘海/灵动岛 + 增加高度 */
  .header{
    height:auto !important;
    min-height:calc(var(--header-h) + env(safe-area-inset-top, 0px)) !important;
    padding-top:env(safe-area-inset-top, 0px) !important;
  }
  .header-inner{ min-height:var(--header-h); padding:6px 16px; gap:8px !important; }
  .brand-name{ font-size:16px !important; letter-spacing:.5px !important; }
  .brand-name small{ font-size:9px !important; }
  .brand-logo{ width:38px !important; height:38px !important; border-radius:10px !important; }
  .brand-logo .iconfont{ font-size:25px !important; }

  /* 顶栏 CTA 内的搜索框（移动端占满剩余宽度） */
  .kx-header-search{ flex:1; min-width:0; }
  .kx-header-search input{
    width:100% !important; max-width:none;
    height:36px; padding:0 12px 0 34px !important; font-size:14px; color:var(--ink);
  }
  .kx-header-search .kx-sricon{ left:10px !important; font-size:12px !important; }

  /* 汉堡按钮：iOS 标准 44pt 触摸 */
  .menu-toggle{ width:44px; height:44px; font-size:18px; }

  /* 移动菜单：全屏 + safe-area + 顶部搜索 */
  .mobile-nav{
    top:calc(var(--header-h) + env(safe-area-inset-top, 0px)) !important;
    padding:18px 22px calc(40px + env(safe-area-inset-bottom, 0px)) !important;
    background:rgba(246,248,251,.99) !important;
  }
  .mobile-nav .kx-mnav-search{
    position:sticky; top:0; margin:-18px -22px 18px; padding:14px 22px 12px;
    background:rgba(246,248,251,.98); border-bottom:1px solid var(--line-soft);
    z-index:2; padding-top:calc(14px + env(safe-area-inset-top, 0px));
  }
  .mobile-nav .kx-mnav-search input{
    width:100%; height:46px; padding:0 16px 0 42px; font-size:16px; color:var(--ink);
    background:#fff; border:1px solid var(--line); border-radius:14px;
    font-family:var(--sans); outline:none; -webkit-appearance:none; appearance:none;
    box-shadow:0 1px 2px rgba(21,44,84,.04);
  }
  .mobile-nav .kx-mnav-search input:focus{ border-color:var(--accent); }
  .mobile-nav .kx-mnav-search{ position:relative; }
  .mobile-nav .kx-mnav-search .kx-sricon{
    position:absolute; left:38px; top:50%; transform:translateY(-50%);
    color:var(--faint); font-size:14px; pointer-events:none;
  }
  .mobile-nav a{ font-size:18px !important; padding:14px 0 !important; }
  .mobile-nav .btn{ margin-top:22px; }

  /* Hero */
  .hero{
    padding:calc(var(--header-h) + env(safe-area-inset-top, 0px) + 16px) 0 32px !important;
  }
  .hero h1{ font-size:26px !important; line-height:1.3 !important; letter-spacing:.3px !important; }
  .hero-desc{ font-size:15px !important; line-height:1.7 !important; }
  .hero-eyebrow{ font-size:12px !important; padding:7px 14px !important; }
  .hero-tags{ gap:8px !important; }
  .tag{ font-size:12.5px !important; padding:5px 12px !important; }
  .hero-actions{ gap:10px !important; }
  .hero-actions .btn{ font-size:14px !important; padding:11px 18px !important; }
  .hero-photo{ max-height:240px !important; padding:8px !important; }
  .hero-photo img{ max-height:216px !important; }
  .hero-stats{ grid-template-columns:1fr 1fr !important; }
  .hstat{ padding:14px 10px !important; }
  .hstat .n{ font-size:20px !important; }
  .hstat .l{ font-size:11px !important; }
  .hero-stats-note{ font-size:11px !important; }

  /* Section 通用 */
  .section{ padding:48px 0 !important; }
  .sec-head{ margin-bottom:28px !important; padding-bottom:18px !important; }
  .sec-head::before{ font-size:54px !important; top:-6px !important; }
  .sec-title{ font-size:24px !important; letter-spacing:.3px !important; }
  .sec-sub{ font-size:14px !important; line-height:1.7 !important; }

  /* 服务卡片 */
  .svc{ padding:22px 18px 20px !important; border-radius:16px !important; }
  .svc h3{ font-size:18px !important; }
  .svc ul{ font-size:13.5px !important; line-height:1.9 !important; }

  /* 流程 */
  .step{ padding:54px 18px 22px !important; }
  .step-num{ width:54px; height:54px; font-size:20px !important; top:-18px !important; }
  .step h4{ font-size:16px !important; }

  /* 案例故事 */
  .case-story{ padding:22px 20px !important; border-radius:16px !important; }
  .case-story h3{ font-size:18px !important; }
  .cs-row{ font-size:12.5px !important; }

  /* 客户评价 */
  .quote-card{ padding:0 0 0 22px !important; }
  .quote-card::before{ font-size:64px !important; top:-20px !important; }
  .quote-card p{ font-size:16px !important; }

  /* 行业卡片 */
  .ind-card{ padding:18px 16px !important; }

  /* 客户列表 */
  .cl-group{ padding:18px 18px 14px !important; }
  .cl-head{ font-size:14px !important; }
  .cl-head b{ font-size:17px !important; }
  .citem{ font-size:12.5px !important; }

  /* News cards (如果有) */
  .news-card{ padding:22px 20px 18px !important; }
  .news-card h3{ font-size:16px !important; }

  /* CTA band */
  .cta-band{ padding:36px 22px !important; border-radius:18px !important; }
  .cta-band h3{ font-size:22px !important; }
  .cta-band p{ font-size:14px !important; }
  .qr-box{ width:170px; height:170px !important; }

  /* Credit */
  #credit .mag-split{ grid-template-columns:1fr !important; gap:24px !important; }
  #credit .split-right{ grid-template-columns:1fr !important; gap:14px !important; }
  #credit .credit-cta h3{ font-size:22px !important; }
  #credit .credit-checks,
  #credit .credit-steps,
  #credit .credit-contact{ padding:20px 18px !important; }
  #credit .credit-steps-grid{ grid-template-columns:1fr 1fr !important; gap:14px !important; }
  #credit .qr-small{ width:140px !important; height:140px !important; }

  /* Footer */
  .footer{ padding:40px 0 0 !important; margin-top:48px !important; }
  .footer-top{ grid-template-columns:1fr !important; gap:24px !important; padding-bottom:28px !important; }
  .footer h5{ font-size:14px !important; margin-bottom:12px !important; }
  .footer p, .footer li{ font-size:12.5px !important; line-height:1.85 !important; }
  .footer-bottom{ font-size:11.5px !important; padding:16px 0 !important; gap:6px !important; }

  /* 回到顶部：放到 home indicator 上方 */
  #backTop{ right:16px !important; bottom:calc(20px + env(safe-area-inset-bottom, 0px)) !important; width:42px !important; height:42px !important; font-size:16px !important; }

  /* Plat strip */
  .plat-strip{ gap:6px 10px !important; padding:8px 0 0 !important; }
  .plat-strip p{ font-size:12px !important; }
}

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

/* ============== 平板及以上不应用（默认不写） ============== */