/* 登录页手机端适配
   1) body.mobile-login：服务器按 UA 判定手机时无条件生效（不依赖屏幕宽度）
   2) @media (max-width: 768px)：窄窗口兜底
   桌面（非手机 UA、宽屏）保持原版设计 */

body.mobile-login,
body.mobile-login html { background: #f2f5f7; }

body.mobile-login .connext {
  width: 100% !important;
  padding: 0 !important;
  min-width: 0 !important;
}

body.mobile-login .LoginBox {
  width: calc(100% - 32px) !important;
  max-width: 420px !important;
  margin: 6vh auto 24px !important;
  padding: 8px 22px 26px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 14px 34px rgba(9, 30, 38, .14);
}

body.mobile-login .LoginLog {
  height: 108px !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  margin-top: 6px;
}

body.mobile-login .Loginc {
  background: none !important;
  width: 100% !important;
  height: auto !important;
  margin-top: 4px !important;
}

/* 关键：桌面版 .loginInputc 有 margin-left:100px，手机上必须清掉，否则输入框横向溢出 */
body.mobile-login .loginInputc,
body.mobile-login .loginInputc.loginInputc {
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  padding-top: 0 !important;
}

body.mobile-login .logininput {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: 46px !important;
  line-height: 46px !important;
  margin-top: 12px !important;
  padding: 0 14px !important;
  font-size: 16px !important;
  box-sizing: border-box;
  border: 1px solid #dcdfe4 !important;
  border-radius: 10px !important;
  background: #fff !important;
  -webkit-appearance: none;
}

body.mobile-login .logininput:focus {
  border-color: #1b96a9 !important;
  box-shadow: 0 0 0 3px rgba(27, 150, 169, .12);
  outline: 0;
}

body.mobile-login .checkMMBox {
  margin: 14px 0 0 !important;
  font-size: 15px;
}

body.mobile-login .checkboxfalse,
body.mobile-login .checkboxtrue {
  height: 26px !important;
  line-height: 26px !important;
  padding-left: 34px !important;
  font-size: 15px !important;
  background-size: 24px 24px !important;
  background-position: left center !important;
}

body.mobile-login .LoginBtn {
  margin: 18px 0 0 !important;
  width: 100% !important;
  text-align: center;
}

body.mobile-login .loginBtn {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: 48px !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat;
  border-radius: 12px;
  cursor: pointer;
}

body.mobile-login #loginerror {
  font-size: 14px !important;
  margin-top: 10px;
}

/* ---------- 窄窗口兜底（非手机 UA，但窗口很窄时） ---------- */
@media (max-width: 768px) {
  html, body {
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }
  .connext { width: 100% !important; padding: 0 !important; }

  .LoginBox {
    width: calc(100% - 32px) !important;
    max-width: 420px !important;
    margin: 5vh auto 24px !important;
    padding: 8px 20px 24px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 14px 34px rgba(9, 30, 38, .14);
  }
  .LoginLog {
    height: 100px !important;
    background-size: contain !important;
    background-position: center center !important;
  }
  .Loginc { background: none !important; height: auto !important; width: 100% !important; margin-top: 4px !important; }
  .loginInputc { margin-left: 0 !important; margin-bottom: 0 !important; width: 100% !important; padding-top: 0 !important; }
  .logininput {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: 44px !important;
    line-height: 44px !important;
    margin-top: 12px !important;
    padding: 0 14px !important;
    font-size: 16px !important;
    box-sizing: border-box;
    border: 1px solid #dcdfe4 !important;
    border-radius: 10px !important;
    background: #fff !important;
  }
  .logininput:focus { border-color: #1b96a9 !important; box-shadow: 0 0 0 3px rgba(27, 150, 169, .12); outline: 0; }
  .checkMMBox { margin: 14px 0 0 !important; }
  .LoginBtn { margin: 16px 0 0 !important; width: 100% !important; text-align: center; }
  .loginBtn {
    width: 100% !important;
    max-width: 100% !important;
    height: 46px !important;
    background-size: 100% 100% !important;
    cursor: pointer;
  }
  #loginerror { font-size: 14px !important; }
}