/* Login-only typography and a consistent rounded outline icon set. */
#userLayout .login-main {
  font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}

#userLayout .login-main .login-panel-head h3 {
  max-width: 100%;
  color: #203653;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 1px;
}

#userLayout .login-main .welcome-copy {
  color: #637b99;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
}

#userLayout .login-main .user-layout-login input,
#userLayout .login-main .campus-select,
#userLayout .login-main .login-button,
.login-campus-dropdown {
  font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
}

#userLayout .login-main .user-layout-login .ant-input-affix-wrapper .ant-input {
  padding-left: 38px;
  color: #263e5c;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .3px;
}

#userLayout .login-main .user-layout-login .ant-input::placeholder {
  color: #7388a2;
  font-weight: 400;
  opacity: 1;
}

#userLayout .login-main .campus-select .ant-select-selection-selected-value,
#userLayout .login-main .campus-select .ant-select-selection__placeholder,
#userLayout .login-main .campus-select .ant-select-search__field {
  font-size: 15px;
  font-weight: 500;
}

#userLayout .login-main .campus-select .ant-select-selection__placeholder {
  color: #7388a2;
}

#userLayout .login-main .user-layout-login .ant-input-prefix,
#userLayout .login-main .campus-select-mark {
  left: 10px;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border-radius: 9px;
  background: linear-gradient(145deg, #f7fbff, #deedff);
  box-shadow: inset 0 0 0 1px rgba(73, 133, 207, .08);
  pointer-events: none;
}

#userLayout .login-main .ant-input-prefix .anticon,
#userLayout .login-main .campus-select-mark .anticon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#userLayout .login-main .ant-input-prefix .anticon > svg,
#userLayout .login-main .campus-select-mark .anticon > svg {
  display: none;
}

#userLayout .login-main .ant-input-prefix .anticon::after,
#userLayout .login-main .campus-select-mark .anticon::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

#userLayout .login-main .ant-input-prefix .anticon-user::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%233a79c5' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5' fill='%23e2efff'/%3E%3Cpath d='M5 20v-1.5a7 7 0 0 1 14 0V20'/%3E%3C/svg%3E");
}

#userLayout .login-main .ant-input-prefix .anticon-lock::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%233a79c5' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='11' rx='3' fill='%23e2efff'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3Ccircle cx='12' cy='15' r='1' fill='%233a79c5' stroke='none'/%3E%3Cpath d='M12 16v2'/%3E%3C/svg%3E");
}

#userLayout .login-main .campus-select-mark .anticon::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%233a79c5' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-6 9 6M5 10v10h14V10'/%3E%3Cpath d='M9 20v-5h6v5M8 11h1m6 0h1M3 21h18'/%3E%3C/svg%3E");
}

#userLayout .login-main .login-button {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2px;
}

@media (max-width: 480px) {
  #userLayout .login-main .login-panel-head h3 {
    font-size: 25px;
    letter-spacing: .5px;
  }
}