@charset "utf-8";
/*
 *Last modified: 2025-02-19 10:14:19
 *Url: https://www.axui.cn
*/
html,
body {
  height: 100%;
  width: 100%;
}
body {
  --body-d: flex;
  --body-bg: url(../images/login-bg.jpg);
  background-image: var(--body-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: var(--body-d);
  align-items: center;
  justify-content: center;
}
.login {
  --login-r: calc(var(--_r)*6);
  --login-w: 400px;
  --login-bg: var(--_c-stage);
  --login-sd: 0 0.5rem 2rem rgba(0, 0, 0, 0.1);
  width: var(--login-w);
  background-color: var(--login-bg);
  box-shadow: var(--login-sd);
  border-radius: var(--login-r);
  position: relative;
  z-index: 2;
}
.login-head {
  background-image: url(../images/login-img.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 200px;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-head > i {
  color: rgba(255, 255, 255, 0.8);
  font-size: 68px;
  height: 80px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  text-align: center;
  line-height: 80px;
  background-color: rgba(255, 255, 255, 0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.footer {
  --footer-pos: absolute;
  --footer-c: rgba(255, 255, 255, 0.5);
  color: var(--footer-c);
  width: 100%;
  text-align: center;
  padding: var(--_rem-font) 0;
  box-sizing: border-box;
  position: var(--footer-pos);
  left: 0;
  bottom: 0;
  z-index: 2;
}
.footer a {
  --_link-c: var(--footer-c);
}
@media screen and (max-width: 900px) {
  html,
  body {
    height: auto;
  }
  body {
    --body-d: block;
    --body-bg: none;
  }
  .login {
    --login-r: 0;
    --login-w: 100%;
    --login-sd: none;
  }
  .footer {
    --footer-pos: inherit;
    --footer-c: var(--_c-brief);
  }
  .footer a {
    --_link-c: var(--_c-brief);
  }
}