@charset "UTF-8";
@font-face {
  font-family: "Roboto-default";
  src: url(/static/fonts/Roboto-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MaterialSymbolsOutlined";
  src: url(/static/fonts/MaterialSymbolsOutlined.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
* {
  font-family: "Roboto-default";
}

/* App webview 短 token 自动登录期间的加载覆盖层（统一 loading 视觉，全程一致） */
.app-bridge-loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.app-bridge-loading::before {
  content: "";
  width: 38px;
  height: 38px;
  border: 3px solid #e4e7ed;
  border-top-color: #4986fc;
  border-radius: 50%;
  animation: app-bridge-loading-spin 0.8s linear infinite;
}
.app-bridge-loading::after {
  content: "Loading...";
  margin-top: 14px;
  font-size: 14px;
  color: #606266;
}
@keyframes app-bridge-loading-spin {
to {
    transform: rotate(360deg);
}
}