/* 移动端与触屏适配：点击区域尺寸、16px 输入字号、长表格横滑、安全区。
   产物样式带 data-v 属性，特异性更高，故尺寸类属性用 !important。 */

/* ---------- 通用：字号与安全区 ---------- */
html {
  -webkit-text-size-adjust: 100%;
}

@media (max-width: 900px) {
  /* iOS 聚焦缩放：input 小于 16px 会强制放大整页 */
  input,
  select,
  textarea {
    font-size: 16px !important;
  }

  /* 长表格一律可横向滑动，并给出惯性滚动 */
  table,
  .tbl {
    -webkit-overflow-scrolling: touch;
  }
}

/* ---------- 触屏：放大可点区域 ---------- */
@media (pointer: coarse), (max-width: 900px) {
  button,
  .btn,
  a[href].btn,
  label.btn {
    min-height: 40px !important;
  }

  /* 顶部模块页签 */
  .tab {
    min-height: 44px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* 考试页工具条上的小按钮（A−/A+、反色、隐藏、答题卡） */
  .ftn,
  .ftools button,
  .ftools .btn,
  .rb-nums button {
    min-width: 38px !important;
    min-height: 38px !important;
  }

  /* 题号按钮（原来 22×22，手指根本点不准） */
  .ftn {
    min-width: 38px !important;
    min-height: 38px !important;
    font-size: 13px !important;
  }

  /* 列表筛选 chip */
  .chip,
  .filters button {
    min-height: 38px !important;
  }

  /* 答题卡上的「标记本题」图标按钮、右上角头像按钮 */
  .bm,
  .ahd-ava {
    min-width: 38px !important;
  }

  /* 考试页顶部工具条（A−/A+、反色、隐藏、答题卡）与左右翻部分箭头 */
  .hic,
  .ft-arrow {
    min-width: 40px !important;
    min-height: 40px !important;
  }
}

/* ---------- 窄屏：内边距收紧，避免内容挤成一列字 ---------- */
@media (max-width: 480px) {
  .card {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* 考试页左右分栏在手机上改为上下堆叠 */
  .exam-wrap,
  .split {
    display: block !important;
  }
}

/* ---------- 刘海屏安全区 ---------- */
@supports (padding: env(safe-area-inset-bottom)) {
  .topbar,
  .navbar {
    padding-left: max(12px, env(safe-area-inset-left)) !important;
    padding-right: max(12px, env(safe-area-inset-right)) !important;
  }
}

/* ---------- 窄屏：操作按钮组换行，避免被裁掉一半 ---------- */
@media (max-width: 520px) {
  .hero-act {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  .hero-act > * {
    max-width: 100% !important;
  }
}

/* ---------- 窄屏：页签换行，避免右侧被裁掉且没有滚动提示 ---------- */
@media (max-width: 520px) {
  .tabs {
    flex-wrap: wrap !important;
    row-gap: 6px !important;
  }
}

/* 题库页只保留「全部 / 进行中 / 未开始」 */
.glass.lib .g-hd > .chip { display: none !important; }
.glass.lib .libbar { display: none !important; }

/* ---------- 题库清单：窄屏重排（隐藏统计列，标题换行，状态筛选单独一行） ---------- */
@media (max-width: 720px) {
  .glass.lib nav.parts {
    flex-wrap: wrap !important;
    overflow: visible !important;
    height: auto !important;       /* 原为 40px，换行会压住卡片 */
    min-height: 40px !important;
    row-gap: 8px !important;
    padding-bottom: 4px !important;
  }
  .glass.lib .stf {
    display: flex !important;      /* 原样式在手机端隐藏了它 */
    flex-wrap: wrap !important;
    gap: 8px !important;
    height: auto !important;
    margin-left: 0 !important;
    width: 100% !important;
    order: 9 !important;
    justify-content: flex-start !important;
  }
  .glass.lib .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    height: auto !important;
    padding: 12px !important;
    gap: 8px 10px !important;
  }
  .glass.lib .row .c-t {
    flex: 1 1 60% !important;
    min-width: 0 !important;
  }
  .glass.lib .row .c-t b {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    display: block !important;
  }
  .glass.lib .row .c-stat { display: none !important; }
  .glass.lib .row .go {
    flex: 0 0 auto !important;
    min-width: 72px !important;
    margin-left: auto !important;
  }
}