/* 白屏阶段会执行的 CSS 加载动画 */

@font-face {
  font-family: "Mp-font";
  src:
    local("Mp-font"),
    url("./font.ttf") format("woff2");
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  unicode-range:
    U+9ED7, U+9ED9-9EDA, U+9EE1, U+9EE3-9EE4, U+9EE6, U+9EEB-9EEE, U+9EF0-9EF1, U+9EF3, U+9EF5-9EF6, U+9EF8, U+9EFA,
    U+9F00-9F08, U+9F0A, U+9F0C, U+9F0F, U+9F11-9F12, U+9F14-9F16, U+9F18, U+9F1A-9F1F, U+9F21, U+9F23-9F2B,
    U+9F2D-9F2E, U+9F30-9F33, U+9F35-9F36, U+9F38, U+9F3A, U+9F3C, U+9F3F-9F43, U+9F45-9F49, U+9F4C-9F4D, U+9F53,
    U+9F55-9F58, U+9F5A-9F5B, U+9F5D-9F5E, U+9F62-9F65, U+9F68-9F69, U+9F6B, U+9F6D-9F71, U+9F73-9F75, U+9F78-9F7E,
    U+9F81-9F82, U+9F8E-9F8F, U+9F91-9F93, U+9F96-9F98, U+9F9D-9F9E, U+9FA1-9FA5, U+E78D-E796, U+E816-E818, U+E81E,
    U+E826, U+E82B-E82C, U+E831-E832, U+E83B, U+E843, U+E854-E855, U+E864, U+F92C, U+F979, U+F995, U+F9E7, U+F9F1,
    U+FA0C-FA0F, U+FA11, U+FA13-FA14, U+FA18, U+FA1F-FA21, U+FA23-FA24, U+FA27-FA29, U+FE10-FE19, U+FE30-FE31,
    U+FE33-FE44, U+FE49-FE52, U+FE54-FE57, U+FE59-FE62, U+FE64-FE66, U+FE68-FE6B;
}

:root {
  font-family: Mp-font, sans-serif;
  line-height: 1.5;
  font-weight: 400;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

#app-loading {
  position: relative;
  top: 45vh;
  margin: 0 auto;
  color: #409eff;
  font-size: 12px;
}

#app-loading,
#app-loading::before,
#app-loading::after {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  animation: 2s ease-in-out infinite app-loading-animation;
}

#app-loading::before,
#app-loading::after {
  content: "";
  position: absolute;
}

#app-loading::before {
  left: -4em;
  animation-delay: -0.2s;
}

#app-loading::after {
  left: 4em;
  animation-delay: 0.2s;
}

@keyframes app-loading-animation {
  0%,
  80%,
  100% {
    box-shadow: 0 2em 0 -2em;
  }
  40% {
    box-shadow: 0 2em 0 0;
  }
}