/* ============================================================
   DSH 前端修复（二）：窄卡片内的成对/三并排字段自动堆叠
   ------------------------------------------------------------
   实测：AB 包管理页三张卡片本身只有 ~328px 宽，
   卡片内又用 Row/Col 把宽度分成 8/12 栅格 → 每个字段仅剩 ~101px，
   「更新日期 Oct 14, 2026」「大小 65 MB」这类值会被裁掉。
   这里用容器查询：卡片内容区窄于 430px 时，内部栅格一律独占整行；
   页面放大（等效容器变窄）时自动生效，宽屏下保持原来的并排布局。
   ============================================================ */

/* 只在含输入框的卡片上建立容器上下文，避免影响其它页面 */
.ant-card-body:has(.ant-input-group) {
  container-type: inline-size;
}

@container (max-width: 430px) {
  .ant-col-6,
  .ant-col-8,
  .ant-col-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .ant-col-6 + .ant-col-6,
  .ant-col-8 + .ant-col-8,
  .ant-col-12 + .ant-col-12 {
    margin-top: 8px !important;
  }
}

/* 兼容不支持 :has/容器查询的老浏览器：窄卡片用栅格类名兜底 */
.ant-col-lg-8 .ant-col-12 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
.ant-col-lg-8 .ant-col-12 + .ant-col-12 {
  margin-top: 8px !important;
}