/* ═══════════════════════════════════════════════════════════════
   全站移动端适配（H5 响应式补强层）
   断点：768px（手机/小平板）· 480px（小屏手机）
   说明：本文件叠加在既有主题样式之上，只补关键缺口，
   不覆盖桌面端已有样式。
   ═══════════════════════════════════════════════════════════════ */

/* ── 登录 / 注册页：表单全宽、品牌区收窄 ── */
@media (max-width: 900px) {
  .auth-form-wrap { padding: 24px 16px; }
  .auth-card { width: 100%; max-width: 460px; padding: 28px 22px; }
}

@media (max-width: 768px) {
  /* 顶栏：品牌文字小字号，保持一行 */
  .ks-brand-text { font-size: 15px; }

  /* 岗位卡片网格：手机单列 */
  .job-grid { grid-template-columns: 1fr; gap: 14px; }

  /* 会话弹窗：全屏化，体验接近原生聊天窗口 */
  .chat-modal {
    width: 100vw !important;
    max-width: none !important;
    height: 100vh !important;
    max-height: none !important;
    border-radius: 0 !important;
  }
  .chat-modal-overlay { align-items: stretch !important; }

  /* 会话弹窗内部：候选人面板与聊天区纵向堆叠，可滚动 */
  .chat-modal .chat-body { padding: 10px 10px 6px; }
  .chat-modal .chat-cands { flex: none; max-height: 40vh; overflow-y: auto; }

  /* 订单卡片 / 结算卡片：操作区按钮换行不溢出 */
  .order-card .actions,
  .order-card .ops,
  .order-foot { flex-wrap: wrap; gap: 6px; }
  .order-card .btn,
  .card .btn { min-height: 38px; }

  /* 保期倒计时圆环：小屏防溢出 */
  .cand-countdown-row { flex-wrap: wrap; gap: 6px; }
  .cd-bar { max-width: 100%; }

  /* 数据看板：统计卡两列 */
  .stat-cards { grid-template-columns: repeat(2, 1fr); }

  /* 筛选区：保持横向滑动（既有 .ks-frow 已处理），搜索按钮全宽 */
  .ks-search-btn { width: 100%; }

  /* 页脚：堆叠为单列 */
  .ks-foot-inner { grid-template-columns: 1fr; gap: 18px; }
  .ks-foot-bar { flex-direction: column; gap: 6px; text-align: center; }

  /* 通用：避免长内容溢出视口 */
  pre, code, .resume-row, .cand-resume-row { overflow-x: auto; }
  .ks-commline, .ks-baseline { flex-wrap: wrap; }
}

/* ── 小屏手机：进一步收紧 ── */
@media (max-width: 480px) {
  .ks-brand-text { font-size: 14px; }
  .auth-card { padding: 22px 16px; gap: 16px; }
  .auth-card h2 { font-size: 21px; }
  .stat-cards { grid-template-columns: 1fr; }
  .ks-ph-title { font-size: 20px; }
  .btn { font-size: 14px; }
  .job-card { padding: 14px; }
  .job-card .title { font-size: 15px; }
  .ks-foot { padding: 24px 14px 18px; }
  /* 触控友好：主操作按钮不低于 40px 高度 */
  .btn-primary, .btn-success, .ks-hero-btn { min-height: 42px; }
}

/* 平滑滚动 & 触控优化（全站） */
html { -webkit-text-size-adjust: 100%; }
button, a { touch-action: manipulation; }
