/**
 * 整站移动端样式（≤700px）
 *
 * 由 include/header.ftl 统一引入。它在各页专属 CSS 之前加载，同优先级会被后加载的覆盖，
 * 因此本文件的覆盖一律带 !important —— 这是刻意的：移动端只改表现、不改各页 CSS，
 * 避免在十几个历史文件里逐条改数值把桌面端改坏。
 * 桌面端（>700px）不加载到任何规则，零影响。
 */
@media screen and (max-width: 700px) {
  /* ---------- 基础 ---------- */
  body { -webkit-text-size-adjust: 100%; font-size: 14px; }
  .main { width: auto !important; margin: 0 12px !important; }
  img { max-width: 100%; height: auto; }
  .container { display: block !important; }

  /* ---------- 头部 / 导航 / 页脚 ---------- */
  .header { height: auto !important; }
  .header .top { font-size: 12px; }
  .header .top .main { height: auto !important; padding: 6px 12px !important; flex-wrap: wrap; gap: 4px 0; }
  /* 桌面端 17px 高的文字链接在手指下太小，撑到 ~30px 触控高度 */
  .header .top a { padding: 6px 8px !important; display: inline-block; }
  .header .logos { height: auto !important; padding: 10px 0 !important; }
  .header .logos .logo, .header .logos .logo img { height: 42px !important; }
  /* 9 个导航项在 390px 下放不下：换行成两行，而不是横向滚动（横向滚动的导航百度落地页体验会判为不可用） */
  .menu { height: auto !important; line-height: 42px !important; }
  .menu .main { flex-wrap: wrap !important; }
  .menu .main a { padding: 0 12px !important; font-size: 14px !important; }
  /* 栏目标题行的次级链接（「考试记录」「更多 ›」）桌面端只有 17~19px 高，手指点不准 */
  a.links, a.more { padding: 6px 10px !important; display: inline-block; }
  footer { height: auto !important; padding-bottom: 20px !important; line-height: 28px !important; }
  footer a { padding: 5px 7px !important; display: inline-block; }

  /* ---------- 面包屑 ---------- */
  .bread-crumb { height: auto !important; line-height: 1.8 !important; white-space: normal !important; padding: 6px 0; }

  /* ---------- 首页：科目入口 ---------- */
  .main > .mnks { padding: 16px 12px !important; margin: 14px auto !important; }
  .main > .mnks .list { flex-wrap: wrap !important; }
  .main > .mnks .list .it { flex: 0 0 33.33% !important; margin: 8px 0 !important; padding: 8px 2px !important; }
  .main > .mnks .list .it .img { width: 48px !important; height: 48px !important; background-size: 48px !important; margin-bottom: 8px !important; }
  .main > .mnks .list .it .title { font-size: 14px !important; margin-bottom: 4px !important; }
  .main > .mnks .list .it .info { display: none; }
  .banner { height: auto !important; }
  .banner .main { height: 120px !important; background-size: cover !important; margin: 0 12px !important; }

  /* ---------- 题库 / 标志 / 资讯：左右两栏改上下 ---------- */
  .mnks { display: block !important; }
  .mnks .left, .sign .left, .info-page .left { width: auto !important; height: auto !important; margin: 0 0 14px !important; }
  .mnks .right, .sign .right, .info-page .right { width: auto !important; margin-left: 0 !important; }
  .mnks .left .kms { display: flex; flex-wrap: wrap; gap: 8px; }
  .mnks .left .kms a { flex: 0 0 calc(50% - 4px); line-height: 40px !important; margin-bottom: 0 !important; font-size: 14px !important; }
  .sign .right .list { flex-wrap: wrap !important; }
  .sign .right .list .item { width: 50% !important; }
  .sign .right .list .item img { width: 80% !important; }
  .sign .right.detail .img .pre:before, .sign .right.detail .img .next:before { display: none; }

  /* ---------- 模拟考试 / 练习页 ---------- */
  .kaoshi .box { display: block !important; }
  .kaoshi .box .right, .kaoshi .box .left { width: auto !important; position: static !important; float: none !important; }
  .kaoshi .box .right .fixed { position: static !important; width: auto !important; }
  .kaoshi .box .right .ids .id { width: calc(10% - 6px) !important; }

  /* ---------- 弹窗 ---------- */
  .login-box .login-main { width: calc(100% - 24px) !important; height: auto !important; flex-direction: column !important; }
  .login-box .login-main .left { display: none; }
  .login-box .login-main .right .form .item .input { width: 100% !important; }
  .city-select-box { left: 12px !important; right: 12px !important; width: auto !important; height: 70vh !important; top: 90px !important; }
  .city-select-box .pro { height: auto !important; }
}