/* =========================================================
   移动端适配层 —— 在线考试系统（/exam）
   仅在小屏（<768px）生效，解决表格溢出 / 表单聚焦缩放 / 触控区过小
   表格采用 table-layout: fixed + 强制换行，保证「操作记录」等宽表格在手机上不横向溢出
   ========================================================= */
@media (max-width: 767px) {
  html, body {
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
  }

  /* 表格：固定布局 + 内容换行，避免列被撑开导致整页横向溢出 */
  table {
    table-layout: fixed;
    width: 100%;
  }
  thead th,
  tbody td {
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal !important;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  /* 横向滚动区可触控滑动 */
  .overflow-x-auto {
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  /* 输入控件字号 ≥16px：防止 iOS 聚焦时页面自动放大 */
  input,
  select,
  textarea {
    font-size: 16px !important;
  }

  /* 触控友好：按钮 / 链接最小高度 */
  button,
  a {
    min-height: 32px;
  }
  .cursor-pointer {
    touch-action: manipulation;
  }

  /* 页面主容器收紧留白，给表格让出宽度 */
  .max-w-3xl,
  .max-w-4xl,
  .max-w-5xl {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  /* 头部 / 侧边栏抽屈层不遮挡内容 */
  aside + div {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}