/*
 * 登录页移动端兼容补丁。
 *
 * 系统样式使用 Media Queries Level 4 的范围语法 (width <= 768px)。
 * 部分 iOS Safari 会忽略该断点，导致 el-col-16 继续保持 66.67% 宽度。
 * 此文件使用传统 max-width 写法补齐同等规则，不修改系统编译文件。
 */
@media screen and (max-width: 768px) {
  .login .el-col.el-col-16.el-col-xs-24 {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .login .login-box {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 440px !important;
    margin: 0 auto !important;
    padding: 0 32px 28px !important;
  }

  /* 避免 iOS Safari 聚焦小字号输入框时自动放大页面。 */
  .login .el-input__inner {
    font-size: 16px;
  }
}