/* ==========================================================================
   移动端适配层（mobile.css）
   --------------------------------------------------------------------------
   背景：原站按 PC 设计，主容器 .container 写死 1440px，登录/注册页左右分栏
         在窄屏下会把表单压成 0 宽度（输入框看不见、点不到）。
   原则：
     1. 只做「小于 1020px」的覆盖，PC 端完全不受影响（与系统现有 #PC/#H5 断点一致）
     2. 不改原 style.css，出问题直接删掉这个文件的引用即可回滚
     3. 触摸目标高度 ≥44px，正文 ≥15px，输入框 16px（iOS 聚焦不会自动放大页面）
   ========================================================================== */

@media (max-width: 1020px) {

  /* ---------- 全局容器：解除 1440px 固定宽 ---------- */
  .container {
    width: 100% !important;
    padding-left: 12px;
    padding-right: 12px;
  }

  /* ---------- 登录页 ---------- */
  /* 左侧装饰大图在小屏上占掉 34% 宽度，直接隐藏，把空间全给表单 */
  .login_bo1 {
    display: none !important;
  }

  .login_bo {
    width: 100% !important;
    margin: 20px 0 40px !important;
    flex-direction: column;
    border-radius: 8px;
  }

  .login_bo2 {
    width: 100% !important;
    padding: 24px 16px !important;
    box-sizing: border-box;
  }

  .login_bo3_1 {
    font-size: 22px !important;
  }

  .login_bo4 {
    width: 100% !important;
    margin-top: 18px !important;
  }

  /* 标签改成独占一行，输入框占满整行 —— 原样式是「标签 65px + 输入框 calc(100%-65px)」并排 */
  .login_bo6_1 {
    flex-wrap: wrap;
    margin-bottom: 14px !important;
  }

  .login_bo6_1_1 {
    width: 100% !important;
    line-height: 1.9 !important;
    font-size: 15px !important;
  }

  .login_bo6_1_2,
  .login_bo6_1_3 {
    width: 100% !important;
    height: 46px !important;
    box-sizing: border-box;
    font-size: 16px !important;
  }

  .login_bo5_1 {
    padding: 0 10px;
    font-size: 16px;
  }

  .login_bo7 {
    height: 46px !important;
    margin-top: 24px !important;
    font-size: 17px !important;
    line-height: 46px;
  }

  /* ---------- 注册页 ---------- */
  /* 原本左右各 50% 且右侧 padding 85px 100px，窄屏下内容区宽度会算成负数 */
  .register_bo {
    flex-direction: column;
  }

  .register_left,
  .register_right {
    width: 100% !important;
    padding: 20px 16px !important;
    box-sizing: border-box;
  }

  .register_right {
    border-left: none !important;
    border-top: 1px solid #E6E6E6;
  }

  .register_lec1 {
    height: 46px;
  }

  .register_lec1_1 {
    width: 88px !important;
    line-height: 46px !important;
    font-size: 14px !important;
  }

  .register_lec1_2 {
    width: calc(100% - 88px) !important;
    font-size: 15px !important;
  }

  /* 营业执照上传：按钮换行到下方，避免跟虚线框挤在一行 */
  .register_led {
    flex-wrap: wrap;
  }

  .register_led1 {
    width: 100% !important;
  }

  .register_led1_2 {
    width: 100% !important;
    height: 38px !important;
    line-height: 38px !important;
    margin: 10px 0 0 !important;
    font-size: 15px !important;
  }

  /* ---------- 表单控件通用触摸优化 ---------- */
  input[type="text"],
  input[type="password"],
  input[type="tel"],
  input[type="number"],
  textarea,
  select {
    font-size: 16px !important; /* 低于 16px 时 iOS 聚焦会自动放大整页 */
  }

  /* 按钮统一最小触摸高度，避免手指点不中 */
  button,
  .btn {
    min-height: 44px;
  }
}