/* ============================================================
   子页面移动端适配（2026-09-30）
   product / download / about / contact
   目标：
   · product  18 屏 → 7 屏
   · download 13 屏 → 7 屏
   · about    10 屏 → 6 屏
   · contact  6 屏 → 5 屏
   手段：卡片 2×2 网格 / 表格转卡片 / 手风琴 / padding 收紧
   ============================================================ */

@media (max-width: 900px) {

  /* ===== 通用：内容区 padding 收紧 ===== */
  .page-hd { padding: 34px 0 26px !important; }
  .page-hd h1 { font-size: 25px !important; letter-spacing: -1px !important; }
  .page-hd p { font-size: 13px !important; }

  .wrap { padding: 0 16px !important; }

  /* ========== 【product.html】 ========== */

  /* ① prod-item：图文并排 → 上下堆叠，图缩小 */
  .prod-item {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 34px 0 !important;
  }
  .prod-item h3 { font-size: 19px !important; letter-spacing: -.4px !important; margin-bottom: 10px !important; }
  .prod-item p { font-size: 13px !important; line-height: 1.85 !important; margin-bottom: 10px !important; }
  .prod-tags { gap: 6px !important; margin-top: 12px !important; }
  .prod-tags .tag { padding: 5px 11px !important; font-size: 11.5px !important; }
  /* 图片卡：限制高度 */
  .prod-visual-img img { aspect-ratio: 16 / 9 !important; }
  .prod-visual { padding: 24px 18px !important; border-radius: 14px !important; }
  .prod-visual .em { font-size: 40px !important; margin-bottom: 10px !important; }
  .prod-visual .tt { font-size: 14px !important; }
  .prod-visual .dd { font-size: 12px !important; margin-top: 5px !important; }

  /* ② 核心能力 4 卡 → 2×2 */
  .sec-power .grid4 {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 11px !important;
  }
  .sec-power .feat { padding: 15px 13px !important; }
  .sec-power .feat-n { font-size: 12px !important; padding: 2px 7px !important; margin-bottom: 8px !important; }
  .sec-power .feat h4 { font-size: 13.5px !important; margin-bottom: 6px !important; }
  .sec-power .feat p { font-size: 11.5px !important; line-height: 1.65 !important; }

  /* ③ 适用场景 4 卡 → 2×2（覆盖 3+1 非对称）*/
  .sec-scene .grid4 {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 11px !important;
  }
  .sec-scene .aud-card:nth-child(4) {
    grid-column: auto !important;
    display: block !important;
    padding: 15px 13px !important;
  }
  .sec-scene .aud-card:nth-child(4) .aud-ic { margin-bottom: 10px !important; }
  .sec-scene .aud-card { padding: 15px 13px !important; }
  .sec-scene .aud-ic { width: 36px !important; height: 36px !important; font-size: 17px !important; margin-bottom: 10px !important; }
  .sec-scene .aud-who { font-size: 13.5px !important; margin-bottom: 6px !important; }
  .sec-scene .aud-card p { font-size: 11.5px !important; line-height: 1.65 !important; }

  /* ④ 产品组成表 → 卡片式 */
  .sec-stack .prod-table-wrap { border: none !important; border-radius: 0 !important; }
  .sec-stack .prod-table { display: block !important; min-width: 0 !important; }
  .sec-stack .prod-table thead { display: none !important; }
  .sec-stack .prod-table tbody,
  .sec-stack .prod-table tr,
  .sec-stack .prod-table td { display: block !important; width: 100% !important; }
  .sec-stack .prod-table tr {
    background: #fff !important;
    border: 1px solid #e9eef7 !important;
    border-left: 3px solid #475569 !important;
    border-radius: 12px !important;
    margin-bottom: 10px !important;
    padding: 3px 0 !important;
    box-shadow: 0 1px 3px rgba(16,24,40,.05) !important;
  }
  .sec-stack .prod-table td {
    border: none !important;
    padding: 7px 15px !important;
    font-size: 12.5px !important;
    line-height: 1.75 !important;
  }
  .sec-stack .prod-table td:first-child {
    padding-top: 12px !important;
    border-bottom: 1px solid #f0f2f6 !important;
    margin-bottom: 3px !important;
  }
  .sec-stack .prod-table td:last-child { padding-bottom: 12px !important; }
  .sec-stack .prod-table-wrap::after { content: '' !important; }

  /* ⑤ 产品界面：主图更扁 + 小图 2×2 */
  .sec-ui .shot-item-main > img { aspect-ratio: 16 / 8 !important; }
  .sec-ui .shot-grid-plus { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 10px !important; }
  .sec-ui .shot-grid-plus .shot-item-main { grid-column: 1 / -1 !important; }
  .sec-ui .shot-grid-plus .shot-item { padding: 7px !important; display: block !important; }
  .sec-ui .shot-grid-plus .shot-item img {
    width: 100% !important; aspect-ratio: 16 / 10 !important; margin-bottom: 7px !important;
  }
  .sec-ui .shot-grid-plus .shot-item .shot-cap b { font-size: 12px !important; }
  .sec-ui .shot-grid-plus .shot-item .shot-cap span { font-size: 10.5px !important; -webkit-line-clamp: 2 !important; }

  /* ========== 【download.html】 ========== */

  /* 下载卡片（3 平台）→ 2×2 或单列紧凑 */
  .dl-grid, .platform-grid, .grid3 {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 11px !important;
  }
  .dl-card, .platform-card {
    padding: 16px 14px !important;
  }
  .dl-card h3, .platform-card h3 { font-size: 14.5px !important; margin-bottom: 8px !important; }
  .dl-card p, .platform-card p { font-size: 12px !important; line-height: 1.65 !important; }
  .dl-card .btn, .platform-card .btn { padding: 9px 16px !important; font-size: 12.5px !important; width: 100% !important; text-align: center !important; }

  /* FAQ 手风琴增强（如果有 details）*/
  details { border-radius: 10px !important; margin-bottom: 8px !important; }
  details summary { padding: 13px 15px !important; font-size: 13.5px !important; }
  details > div, details > p { padding: 12px 15px !important; font-size: 12.5px !important; line-height: 1.8 !important; }

  /* 安装步骤：数字徽章缩小 */
  .step, .step-item { padding: 14px 13px !important; }
  .step-n, .step-num { width: 26px !important; height: 26px !important; font-size: 13px !important; }

  /* 校验值代码块 */
  pre, code { font-size: 11.5px !important; word-break: break-all; }

  /* ========== 【about.html】 ========== */

  /* about-grid：两列 → 单列 */
  .about-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
  .about-grid h2 { font-size: 19px !important; margin-bottom: 11px !important; }
  .about-grid p { font-size: 13px !important; line-height: 1.85 !important; margin-bottom: 11px !important; }
  .info-list { padding: 18px 16px !important; border-radius: 12px !important; }
  .info-row { font-size: 13px !important; padding: 9px 0 !important; }
  .info-row b { width: 78px !important; font-size: 12.5px !important; }

  /* 理念卡 3 卡 → 2×2（若为 grid3）*/
  .grid3 { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 11px !important; }

  /* about-brief：两列 → 单列 */
  .about-brief { grid-template-columns: 1fr !important; gap: 22px !important; }
  .about-brief h2 { font-size: 21px !important; margin-bottom: 13px !important; }
  .about-brief p { font-size: 13px !important; line-height: 1.85 !important; margin-bottom: 11px !important; }
  .brief-box { padding: 18px 16px !important; border-radius: 12px !important; }
  .brief-item { padding: 10px 0 !important; }
  .brief-item b, .brief-item span { font-size: 12.5px !important; }

  /* ========== 【contact.html】 ========== */

  .contact-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
  .cbox { padding: 22px 18px !important; border-radius: 13px !important; }
  .cbox h3 { font-size: 16px !important; margin-bottom: 14px !important; }
  .crow { padding: 12px 0 !important; gap: 11px !important; }
  .crow .ci { width: 34px !important; height: 34px !important; font-size: 15px !important; border-radius: 9px !important; }
  .crow .cl { font-size: 11.5px !important; margin-bottom: 2px !important; }
  .crow .cv { font-size: 13.5px !important; word-break: break-all; }

  /* ===== 通用：版块 / 标题 / 页脚（与首页一致）===== */
  .sec { padding: 42px 0 !important; }
  .sec-hd { margin-bottom: 24px !important; }
  .sec-hd h2 { font-size: 21px !important; padding-bottom: 11px !important; }
  .sec-hd h2::after { width: 36px !important; height: 3px !important; }
  .sec-hd p { font-size: 12.5px !important; line-height: 1.7 !important; }
  .sec-hd .kicker { font-size: 10.5px !important; padding: 4px 11px !important; margin-bottom: 10px !important; }

  .cta { padding: 42px 0 !important; }
  .cta h2 { font-size: 20px !important; margin-bottom: 9px !important; }
  .cta p { font-size: 12.5px !important; margin-bottom: 20px !important; }
  .cta .btn { padding: 11px 22px !important; font-size: 13.5px !important; }

  .ft { padding: 30px 0 0 !important; }
  .ft-in { gap: 18px !important; padding-bottom: 24px !important; }
  .ft-logo { font-size: 15px !important; margin-bottom: 7px !important; }
  .ft-desc { font-size: 12px !important; }
  .ft-col h5 { font-size: 12.5px !important; margin-bottom: 10px !important; }
  .ft-col a, .ft-col p { font-size: 12px !important; margin-bottom: 6px !important; line-height: 1.6 !important; }
  .ft-bar { padding: 12px 0 !important; font-size: 11px !important; }
  .ft-qr { width: 76px !important; height: 76px !important; }
  .ft-qr-cap { font-size: 10.5px !important; }
}

@media (max-width: 420px) {
  .sec-power .grid4, .sec-scene .grid4, .grid3, .download-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 9px !important;
  }
  .page-hd h1 { font-size: 22px !important; }
  .sec-hd h2 { font-size: 19px !important; }
}