/* ============================================================
   智派科技官网 · 移动端适配增强（2026-09-30）
   覆盖 v2 新增的全部组件 + 原有组件的移动端细节
   断点：≤900px（平板）/ ≤640px（大屏手机）/ ≤420px（小屏手机）
   ============================================================ */

/* ============ ≤900px（平板 / 横屏手机）============ */
@media (max-width: 900px) {
  /* --- 版块内边距收窄 --- */
  .sec { padding: 60px 0; }
  .page-hd { padding: 48px 0 40px; }

  /* --- 标题体系（kicker 缩小、下划线缩窄）--- */
  .sec-hd { margin-bottom: 36px; }
  .sec-hd h2 { font-size: 27px; letter-spacing: -.5px; padding-bottom: 14px; }
  .sec-hd h2::after { width: 44px; height: 3px; }
  .sec-hd p { font-size: 14.5px; padding: 0 4px; }
  .sec-hd .kicker { font-size: 11px; letter-spacing: 1.4px; padding: 4px 12px; margin-bottom: 12px; }
  .sec-hd .kicker i { width: 18px; height: 18px; font-size: 10px; }

  /* --- 数据条：4 列 → 2×2 --- */
  .stat-strip { padding: 34px 0; }
  .stat-strip .wrap { grid-template-columns: repeat(2, 1fr); gap: 24px 18px; }
  .stat-item .n { font-size: 30px; letter-spacing: -1px; }
  .stat-item .l { font-size: 12.5px; }

  /* --- 流程条：横向 → 纵向（箭头旋转 90°）--- */
  .team-flow { flex-direction: column; gap: 8px; }
  .tf-item { min-width: 0; width: 100%; padding: 22px 18px; }
  .tf-arrow {
    transform: rotate(90deg);
    align-self: center;
    margin: 2px 0;
  }

  /* --- 卡片网格统一单列 --- */
  .grid2, .grid3, .grid4 { grid-template-columns: 1fr; gap: 16px; }
  .card, .feat, .value-card, .aud-card { padding: 24px 20px; }

  /* --- 痛点卡：左边条保留，图标缩小 --- */
  .value-ic { width: 48px; height: 48px; border-radius: 12px; font-size: 23px; }
  .value-card { gap: 14px; }

  /* --- 场景卡：圆形图标缩小 --- */
  .aud-ic { width: 52px; height: 52px; }

  /* --- 核心能力（深色）：卡片间距收窄 --- */
  .sec-power .feat { padding: 22px 18px; }
  .sec-power .feat-n { font-size: 22px; }

  /* --- 产品界面：4 列 → 1 列 --- */
  .shot-grid { grid-template-columns: 1fr; gap: 16px; }
  .shot-main { margin-bottom: 18px; }
  .shot-cap { padding: 14px 16px 16px; }

  /* --- 产品组成表：横向可滚（避免挤压）--- */
  .prod-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .prod-table { min-width: 560px; font-size: 13.5px; }
  .prod-table thead th { padding: 13px 14px; font-size: 12.5px; }
  .prod-table td { padding: 13px 14px; }
  /* 移动端表格滚动提示 */
  .prod-table-wrap { position: relative; }
  .prod-table-wrap::after {
    content: '← 左右滑动查看 →';
    display: block; text-align: center;
    font-size: 11.5px; color: #98a0ae;
    padding: 9px 0 2px;
  }

  /* --- 首屏 --- */
  .hero { padding: 52px 0 48px; }
  .hero-in { grid-template-columns: 1fr; gap: 32px; }
  .hero h1 { font-size: 32px; letter-spacing: -.5px; }
  .hero-sub { font-size: 15px; margin-bottom: 26px; }
  .hero-btns { gap: 11px; }
  .btn { padding: 12px 24px; font-size: 14.5px; }
  .hero-chips { gap: 8px; margin-top: 20px; }
  .chip { font-size: 12px; padding: 5px 12px; }
  .hv-body { padding: 15px; }
  .hv-row { padding: 10px 11px; }

  /* --- 内页 --- */
  .about-brief, .about-grid, .contact-grid, .prod-item { grid-template-columns: 1fr; gap: 28px; }
  .about-brief h2, .page-hd h1 { font-size: 26px; }
  .prod-item h3 { font-size: 21px; }
  .ft-in { grid-template-columns: 1fr; gap: 26px; }
  .cta { padding: 52px 0; }
  .cta h2 { font-size: 24px; }
}

/* ============ ≤640px（大屏手机）============ */
@media (max-width: 640px) {
  .wrap { padding: 0 18px; }

  .sec { padding: 48px 0; }
  .sec-hd { margin-bottom: 28px; }
  .sec-hd h2 { font-size: 23px; padding-bottom: 12px; }
  .sec-hd h2::after { width: 38px; height: 3px; }
  .sec-hd p { font-size: 13.5px; line-height: 1.85; }

  /* 数据条：2 列 → 更紧凑 */
  .stat-strip { padding: 28px 0; }
  .stat-strip .wrap { gap: 20px 14px; }
  .stat-item .n { font-size: 26px; }
  .stat-item .l { font-size: 11.5px; line-height: 1.65; }

  /* 卡片更紧凑 */
  .card, .feat, .value-card, .aud-card, .tf-item { padding: 20px 17px; }
  .card h3 { font-size: 17px; }
  .feat h4 { font-size: 15px; }
  .value-card h3 { font-size: 15.5px; }

  /* 产品组成：表格改卡片式（每行变一块）—— 更易读 */
  .prod-table-wrap { border: none; border-radius: 0; }
  .prod-table { min-width: 0; display: block; }
  .prod-table thead { display: none; }
  .prod-table tbody, .prod-table tr, .prod-table td { display: block; width: 100%; }
  .prod-table tr {
    background: #fff; border: 1px solid var(--line);
    border-left: 3px solid var(--c-stack);
    border-radius: 12px; margin-bottom: 12px; padding: 4px 0;
  }
  .prod-table td {
    border: none; padding: 9px 16px; font-size: 13px;
  }
  .prod-table td:first-child {
    padding-top: 14px;
    border-bottom: 1px solid #f0f2f6;
    margin-bottom: 4px;
  }
  .prod-table td:last-child { padding-bottom: 14px; }
  .prod-table-wrap::after { content: ''; }   /* 卡片式无需滑动提示 */

  /* 内页标题 */
  .page-hd { padding: 40px 0 32px; }
  .page-hd h1 { font-size: 23px; }
  .prod-item { padding: 40px 0; }
  .prod-visual { padding: 30px 20px; }
  .prod-visual .em { font-size: 48px; }

  /* 联系页 */
  .cbox { padding: 24px 20px; }
  .crow { gap: 11px; padding: 13px 0; }
  .crow .cv { font-size: 14px; }

  /* 关于页 */
  .info-row { flex-direction: column; gap: 3px; }
  .info-row b { width: auto; font-size: 12.5px; }
}

/* ============ ≤420px（小屏手机）============ */
@media (max-width: 420px) {
  .wrap { padding: 0 15px; }

  .sec { padding: 40px 0; }
  .sec-hd h2 { font-size: 21px; }
  .sec-hd p { font-size: 13px; }
  .sec-hd .kicker { font-size: 10px; letter-spacing: 1px; padding: 4px 10px; }

  .hero { padding: 40px 0 36px; }
  .hero h1 { font-size: 27px; }
  .hero-sub { font-size: 14px; }
  .hero-badge { font-size: 11.5px; padding: 5px 12px; }
  .btn { padding: 11px 20px; font-size: 14px; width: 100%; text-align: center; }
  .hero-btns { flex-direction: column; }
  .hero-btns .btn { width: 100%; }

  .stat-item .n { font-size: 23px; }
  .stat-item .l { font-size: 11px; }

  .card, .feat, .value-card, .aud-card, .tf-item { padding: 18px 15px; }
  .value-ic { width: 44px; height: 44px; font-size: 21px; }
  .aud-ic { width: 48px; height: 48px; }
  .tf-av { width: 54px; height: 54px; }

  .shot-cap { padding: 13px 14px 15px; }
  .shot-cap b { font-size: 14px; }
  .shot-cap span { font-size: 12.5px; }

  .cta { padding: 42px 0; }
  .cta h2 { font-size: 21px; }
  .cta p { font-size: 14px; }

  .ft { padding: 40px 0 0; }
  .ft-bar .wrap { flex-direction: column; gap: 6px; text-align: center; }
}

/* ============ 触屏优化（无 hover 的设备）============ */
@media (hover: none) {
  /* 去掉依赖 hover 的效果（触屏上会"粘住"） */
  .card:hover, .feat:hover, .value-card:hover, .aud-card:hover,
  .tf-item:hover, .shot-item:hover, .btn-p:hover {
    transform: none;
  }
  .shot-item::after, .shot-main::after { display: none; }  /* 放大提示靠点击，不靠 hover */
  .nav a:hover { background: transparent; }
}

/* ============ 安全区（iPhone 刘海屏）============ */
@supports (padding: env(safe-area-inset-left)) {
  @media (max-width: 900px) {
    .hd-in, .wrap {
      padding-left: max(18px, env(safe-area-inset-left));
      padding-right: max(18px, env(safe-area-inset-right));
    }
  }
}


/* ============ 导航移动端优化（汉堡菜单）============ */
/* ≤900px：导航折行 → 改为可横向滚动的胶囊条（保点按目标 ≥44px） */
@media (max-width: 900px) {
  .hd-in {
    height: auto; min-height: 60px;
    flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px;
    gap: 8px;
  }
  .nav {
    width: 100%; margin-left: 0;
    overflow-x: auto; -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap; gap: 6px;
    padding-bottom: 3px;
    scrollbar-width: none;             /* Firefox 隐藏滚动条 */
  }
  .nav::-webkit-scrollbar { display: none; }
  .nav a {
    flex: none;
    min-height: 38px; padding: 9px 15px;
    display: inline-flex; align-items: center;
    white-space: nowrap; font-size: 14px;
    background: #f7f9fc; border: 1px solid var(--line);
  }
  .nav a.on { background: var(--blue-l); border-color: #dbeafe; }
}

/* iPad 段落行宽限制（提升可读性）*/
@media (max-width: 900px) {
  .hero-sub { max-width: 100%; }
  .sec-hd p { max-width: 100%; }
  .about-brief p, .about-grid p, .prod-item p { max-width: 62ch; }
}
@media (min-width: 641px) and (max-width: 900px) {
  /* 平板：限制正文行宽，避免一行太长 */
  .sec-hd p { max-width: 58ch; margin-left: auto; margin-right: auto; }
  .about-brief p, .about-grid p { max-width: 60ch; }
}

/* ≤640px：导航更紧凑 */
@media (max-width: 640px) {
  .hd-in { min-height: 56px; padding-top: 8px; padding-bottom: 8px; }
  .nav a { min-height: 36px; padding: 8px 13px; font-size: 13.5px; }
  .logo-img { height: 32px; }
}

/* ≤420px：导航最多显示、次要项可缩 */
@media (max-width: 420px) {
  .nav a { min-height: 34px; padding: 7px 11px; font-size: 13px; }
}


/* ============ 移动端 kicker 增强（避免缩小后"消失"）============ */
@media (max-width: 900px) {
  .sec-hd .kicker {
    display: inline-flex !important;    /* 防被覆盖 */
    font-size: 12.5px !important;       /* ⭐ 10.5→12.5（原太小，视觉上像"细线"）*/
    letter-spacing: 1px !important;
    padding: 6px 15px !important;
    border-radius: 99px !important;
    margin-bottom: 14px !important;
    font-weight: 700 !important;
    /* 加边框 + 更实底色 → 明确是"胶囊"而非"下划线" */
    border: 1px solid currentColor;
    border-color: color-mix(in srgb, currentColor 30%, transparent);
    background-clip: padding-box;
  }
  .sec-hd .kicker i {
    width: 21px !important; height: 21px !important;
    font-size: 11.5px !important;
    border-radius: 50% !important;
    margin-right: 7px !important;
  }
}
@media (max-width: 640px) {
  .sec-hd .kicker { font-size: 12px !important; padding: 6px 13px !important; letter-spacing: .8px !important; }
  .sec-hd .kicker i { width: 20px !important; height: 20px !important; font-size: 11px !important; }
}
@media (max-width: 420px) {
  .sec-hd .kicker { font-size: 11.5px !important; padding: 5px 12px !important; letter-spacing: .6px !important; }
  .sec-hd .kicker i { width: 18px !important; height: 18px !important; font-size: 10px !important; }
}

/* ============ 移动端导航：加"可滑动"视觉提示 ============ */
@media (max-width: 900px) {
  .nav {
    /* 右侧渐隐提示"还有更多" */
    mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 22px), transparent 100%);
    -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 22px), transparent 100%);
  }
  /* 滚到底部时取消渐隐（用 JS 切换类）*/
  .nav.at-end {
    mask-image: none;
    -webkit-mask-image: none;
  }
}