*{
  padding: 0;
  margin: 0;
  user-select: none;
}
/*加载图标*/
#loading {
    position: fixed;
    left: calc(50% - 40px);
    top: calc(50% - 40px);
    transition: opacity 1s, visibility 1s;
}
.loader {
  width: 80px;
  aspect-ratio: 1;
  display: grid;
}
.loader::before,
.loader::after {
  content:"";
  grid-area: 1/1;
  --c:no-repeat radial-gradient(farthest-side, rgba(234, 99, 160, 0.62) 92%,#0000);
  background:
    var(--c) 50%  0,
    var(--c) 50%  100%,
    var(--c) 100% 50%,
    var(--c) 0    50%;
  background-size: 12px 12px;
  animation: l12 1s infinite;
}
.loader::before {
  margin: 4px;
  filter: hue-rotate(45deg);
  background-size: 8px 8px;
  animation-timing-function: linear
}

@keyframes l12 {
  100%{transform: rotate(.5turn)}
}

/*背景图片容器*/
#background-svg-container {
  transition: bottom 1s;
}

/*所有iframe样式初始化*/
iframe {
  border: none;
}

/*iframe 容器*/
#iframe-container {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 100%;
  transition: bottom 2s;
}