html,
body {
  width: 100%;
  height: 100%;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
}
body {
  margin: 0;
  font-family: "Pingfang SC", "Microsoft YaHei", "Monospaced Number", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  line-height: 1.5;
  color: var(--mi-font-color, #333);
  background: var(--mi-dark-grey, #333) !important;
  letter-spacing: 0.125rem;
}
body ::-moz-selection {
  color: var(--mi-font, #fff);
  background: var(--mi-selection, rgba(240, 194, 111, 0.8));
}
body ::selection {
  color: var(--mi-font, #fff);
  background: var(--mi-selection, rgba(240, 194, 111, 0.8));
}
body ::-moz-selection {
  color: var(--mi-font, #fff);
  background: var(--mi-selection, rgba(240, 194, 111, 0.8));
}
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
img {
  width: 100%;
  height: 100%;
}
a {
  color: var(--mi-theme, #f0c26f);
  background-color: transparent;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.4s;
  -webkit-text-decoration-skip: objects;
}
a:active,
a:hover,
a:link {
  color: var(--mi-theme, #f0c26f);
}
pre,
code,
kbd,
samp {
  margin: 0;
  font-family: Lucida Console, Consolas, "Courier New", "Source Code Pro", "Miscrosoft Yahei", "Segoe UI", "Lucida Grande", Helvetica, Arial, FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
pre {
  border-radius: 0.25rem;
}
.theme,
.theme:hover,
.theme:focus {
  color: var(--mi-theme, #f0c26f);
}
.tag {
  background: #ff5500;
  margin-right: 0;
  border-radius: 1rem;
  color: #fff;
  line-height: 1.125rem;
  max-width: 4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  height: 1.25rem;
}
*,
::after,
::before,
[class*=mi-] {
  box-sizing: border-box;
}
::-webkit-scrollbar {
  width: 6px;
  height: 1px;
}
::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  background: var(--mi-white, #fff);
}
::-webkit-scrollbar-track {
  border-radius: 0.5rem;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: var(--mi-gradient-bg, #1d1e23);
  background-image: linear-gradient(315deg, var(--mi-gradient-s, #000) 0%, var(--mi-gradient-e, #434343) 74%);
}
#nprogress .bar {
  background-color: var(--mi-theme, #f0c26f);
  background-image: linear-gradient(127deg, var(--mi-gradient-theme-s, #d2b27d) 0%, var(--mi-gradient-theme-m, #f4d5a9) 52%, var(--mi-gradient-theme-e, #d1a466) 100%);
  z-index: 20220620;
  border-radius: 0.5rem;
}
#nprogress .peg {
  box-shadow: none;
}
#nprogress .spinner-icon {
  border-top-color: var(--mi-theme, #f0c26f);
  border-left-color: var(--mi-theme, #f0c26f);
}