/* ============================================================
   子页面移动端 · 第二轮（2026-09-30）
   针对 product / download 的具体结构做精修
   ============================================================ */

/* ========== product.html：3 个 prod-item 压缩 ========== */
@media (max-width: 900px) {
  .prod-item {
    padding: 24px 0 !important;
    gap: 14px !important;
  }
  .prod-item h3 { font-size: 17px !important; margin-bottom: 8px !important; }
  .prod-item p { font-size: 12.5px !important; line-height: 1.75 !important; margin-bottom: 8px !important; }
  /* 第二段说明在手机上折叠（只留一段）*/
  .prod-item p + p { display: none !important; }
  .prod-visual { padding: 18px 14px !important; }
  .prod-visual .em { font-size: 34px !important; margin-bottom: 8px !important; }
  .prod-visual .tt { font-size: 13px !important; }
  .prod-visual .dd { font-size: 11.5px !important; }
  /* 图片卡更矮 */
  .prod-visual-img img { aspect-ratio: 16 / 8 !important; }
  /* tags 更小 */
  .prod-tags { gap: 5px !important; margin-top: 9px !important; }
  .prod-tags .tag { padding: 4px 10px !important; font-size: 11px !important; }
}

/* ========== download.html：下载卡 2 列紧凑 + 说明折叠 ========== */
@media (max-width: 900px) {
  /* ① 平台卡（plat-grid）→ 2 列紧凑 */
  .plat-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 11px !important;
  }
  .plat {
    padding: 15px 13px !important;
    border-radius: 12px !important;
  }
  .plat h3 { font-size: 14px !important; margin-bottom: 7px !important; }
  .plat .sub { font-size: 11.5px !important; line-height: 1.6 !important; margin-bottom: 9px !important; }
  .plat .sub br { display: none; }        /* 去掉换行，省高度 */
  .plat-ic { width: 34px !important; height: 34px !important; margin-bottom: 9px !important; }
  .plat-ic svg { width: 17px !important; height: 17px !important; }
  /* 元信息一行 */
  .plat-meta { font-size: 10.5px !important; gap: 8px !important; margin-bottom: 10px !important; }
  .plat-meta b { font-size: 11px !important; }
  /* 按钮满宽小尺寸 */
  .plat .btn { width: 100% !important; text-align: center !important; padding: 9px 12px !important; font-size: 12.5px !important; }
  /* 提示文字缩小 */
  .plat-note { font-size: 10.5px !important; line-height: 1.55 !important; margin-top: 8px !important; }
  .plat-note br { display: none; }
  .plat-tag { font-size: 10px !important; padding: 3px 9px !important; }
  .plat.pri { grid-column: 1 / -1; }      /* 推荐的 Windows 横跨整行 */

  /* ② 安装步骤：横向步骤 → 紧凑列表 */
  .steps, .step-list, .install-steps {
    gap: 10px !important;
  }
  .step, .step-item, .steps > li {
    padding: 12px 13px !important;
    font-size: 12.5px !important;
  }
  .steps > li br { display: none; }
  /* 步骤里的图片/代码 */
  .step-img, .install-steps img { max-width: 100% !important; height: auto !important; }

  /* ③ FAQ（下载与安装常见问题）：手风琴折叠 */
  .faq-item, .qa-item, details.faq {
    border: 1px solid #e9eef7 !important;
    border-radius: 11px !important;
    margin-bottom: 8px !important;
    background: #fff !important;
    overflow: hidden;
  }
  .faq-q, .qa-q, .faq-item h4, .qa-item h4, details summary {
    padding: 13px 15px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer;
    display: flex; align-items: center; justify-content: space-between;
    margin: 0 !important;
  }
  .faq-a, .qa-a, .faq-item > div, .qa-item > div {
    padding: 0 15px 13px !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
    color: #5a6577;
  }
  /* 若 FAQ 未做成手风琴 → 折叠：只显示问题行，答案默认隐藏（点击展开由 JS 控制）*/
  .faq-item.collapsed .faq-a,
  .qa-item.collapsed .qa-a { display: none; }
  .faq-item .faq-q::after,
  .qa-item .qa-q::after {
    content: '＋'; font-size: 15px; color: #9aa6b8; font-weight: 400;
    transition: transform .25s;
  }
  .faq-item.open .faq-q::after,
  .qa-item.open .qa-q::after { transform: rotate(45deg); }

  /* ④ 校验值代码块：横向可滚 */
  .hash-list, .md5-list, .checksum { overflow-x: auto !important; }
  .hash-list code, .md5-list code, .checksum code { font-size: 11px !important; white-space: nowrap; }
}

/* ========== about.html 再压 ========== */
@media (max-width: 900px) {
  .about-grid { gap: 16px !important; }
  .about-grid h2 { font-size: 17px !important; margin-bottom: 9px !important; }
  .about-grid p { font-size: 12.5px !important; line-height: 1.8 !important; margin-bottom: 9px !important; }
  /* 第三段起折叠 */
  .about-grid p:nth-child(n+3) { display: none !important; }
  .info-list { padding: 15px 14px !important; }
  .info-row { font-size: 12.5px !important; padding: 8px 0 !important; }
}

@media (max-width: 420px) {
  .plat-grid { grid-template-columns: 1fr !important; }
  .prod-item h3 { font-size: 16px !important; }
}


/* ============================================================
   FAQ（实际结构 .faq-i）移动端折叠
   ============================================================ */
@media (max-width: 900px) {
  .faq { display: block !important; }
  .faq-i {
    background: #fff !important;
    border: 1px solid #e9eef7 !important;
    border-radius: 11px !important;
    margin-bottom: 8px !important;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(16,24,40,.04) !important;
  }
  .faq-i h4 {
    margin: 0 !important;
    padding: 14px 15px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px;
    cursor: pointer;
    position: relative;
  }
  .faq-i h4::after {
    content: '＋';
    font-size: 16px;
    color: #9aa6b8;
    font-weight: 400;
    flex: none;
    line-height: 1.3;
    transition: transform .25s;
  }
  .faq-i.open h4::after { transform: rotate(45deg); }
  .faq-i p {
    padding: 0 15px 14px !important;
    margin: 0 !important;
    font-size: 12.5px !important;
    line-height: 1.8 !important;
    color: #5a6577 !important;
    display: none;
  }
  .faq-i.open p { display: block !important; }
}

/* ========== product：prod-item 再压（3 个共 1176px → 目标 700px）========== */
@media (max-width: 900px) {
  .prod-item {
    padding: 20px 0 !important;
    gap: 12px !important;
  }
  /* 图片卡改横向小图（不再占 238px 高）*/
  .prod-visual-img img { aspect-ratio: 16 / 7 !important; }
  .prod-visual { padding: 14px 12px !important; }
  .prod-visual .em { font-size: 28px !important; margin-bottom: 6px !important; }
  .prod-visual .tt { font-size: 12.5px !important; }
  .prod-visual .dd { font-size: 11px !important; margin-top: 3px !important; }
  /* 标签只留 3 个 */
  .prod-tags .tag:nth-child(n+4) { display: none !important; }
}

/* ========== sec-ui：产品界面再压 ========== */
@media (max-width: 900px) {
  .sec-ui .shot-item-main > img { aspect-ratio: 16 / 7 !important; }
  .sec-ui .shot-item-main .shot-cap { padding: 9px 4px 2px !important; }
  .sec-ui .shot-item-main .shot-cap span { -webkit-line-clamp: 1 !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
}

/* ========== sec-stack：产品组成再压 ========== */
@media (max-width: 900px) {
  .sec-stack .prod-table tr { margin-bottom: 8px !important; }
  .sec-stack .prod-table td { padding: 6px 14px !important; font-size: 12px !important; line-height: 1.7 !important; }
  .sec-stack .prod-table td:first-child { padding-top: 10px !important; }
  .sec-stack .prod-table td:last-child { padding-bottom: 10px !important; }
}

/* ========== about：公司简介再压 ========== */
@media (max-width: 900px) {
  .sec:has(.about-grid) { padding: 32px 0 !important; }
  .about-grid p { margin-bottom: 7px !important; }
  .about-grid p:nth-child(n+2) { display: none !important; }   /* 只留第一段 */
}