@charset "UTF-8";
._Choose_Main_1kza1_1 {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  z-index: 13;
  background: #0000000d;
}
._Choose_item_1kza1_13 {
  font-family: WebgalUI, serif;
  cursor: pointer;
  min-width: 50%;
  padding: 0.25em 1em;
  font-size: 265%;
  color: #8e354a;
  text-align: center;
  border-radius: 4px;
  border: 3px solid rgba(0, 0, 0, 0);
  box-shadow: 0 0 25px #00000040;
  background: #ffffffa6;
  margin: 0.25em 0;
  transition:
    background-color 0.5s,
    border 0.5s,
    font-weight 0.5s,
    box-shadow 0.5s;
}
._Choose_item_1kza1_13:hover {
  background: #ffffffe6;
  box-shadow: 0 0 25px #00000059;
  border: 3px solid #8e354a;
}
._Choose_item_disabled_1kza1_34 {
  font-family: WebgalUI, serif;
  cursor: not-allowed;
  min-width: 50%;
  padding: 0.25em 1em;
  font-size: 265%;
  color: #8e354a80;
  text-align: center;
  border-radius: 4px;
  border: 3px solid rgba(0, 0, 0, 0);
  box-shadow: 0 0 25px #00000040;
  background: #ffffff80;
  margin: 0.25em 0;
  transition:
    background-color 0.5s,
    border 0.5s,
    font-weight 0.5s,
    box-shadow 0.5s;
}
._Choose_item_outer_1kza1_50 {
  color: #000;
  min-width: 50%;
}
._Choose_Main_4xkm5_1 {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  z-index: 13;
  background: #0000000d;
}
._Choose_item_4xkm5_13 {
  cursor: pointer;
  min-width: 50%;
  padding: 0.25em 1em;
  font-size: 265%;
  color: #005caf;
  text-align: center;
  border-radius: 4px;
  border: 3px solid rgba(0, 0, 0, 0);
  box-shadow: 0 0 25px #00000040;
  background: #ffffffa6;
  margin: 0.25em 0;
  transition:
    background-color 0.5s,
    border 0.5s,
    font-weight 0.5s,
    box-shadow 0.5s;
}
._glabalDialog_container_inner_4xkm5_28 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  background: linear-gradient(to right, #005caf00, #005caf80 33%, #005cafd9 50%, #005caf80 66%, #005caf00);
  padding: 1em 5em 1.5em;
}
._glabalDialog_container_4xkm5_28 {
  color: #fff;
  width: 100%;
  border-top: 4px solid;
  border-bottom: 4px solid;
  border-image: linear-gradient(to right, #ffffff0d, #ffffffd9 33%, #fff 50%, #ffffffd9 66%, #ffffff0d) 1;
}
._title_4xkm5_47 {
  font-size: 300%;
  letter-spacing: 0.05em;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
._Choose_item_4xkm5_13:hover {
  background: #ffffffe6;
  box-shadow: 0 0 25px #00000059;
  border: 3px solid #005caf;
}
._button_4xkm5_59 {
  font-size: 200%;
  padding: 0.15em 1em;
  margin: 0.2em 1em;
  cursor: pointer;
  transition:
    background-color 0.33s,
    color 0.33s,
    font-weight 0.33s,
    transform 0.33s;
  text-shadow: 0 0 10px rgb(255, 255, 255);
  border-radius: 5px;
}
._button_4xkm5_59:hover {
  font-weight: 700;
  color: #005caf;
  transform: scale(1.1);
  text-shadow: 0 0 15px rgba(0, 0, 0, 0);
  background: #ffffffd9;
}
._GlobalDialog_main_u8t2b_2 {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 20;
  background: #0f254063;
  color: #fff;
  opacity: 0.5;
  animation: _showGlobalDialog_u8t2b_1 0.33s forwards;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 资源圆体, serif;
}
._glabalDialog_container_inner_u8t2b_17 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  background: linear-gradient(to right, #005caf00, #005caf80 33%, #005cafd9 50%, #005caf80 66%, #005caf00);
  padding: 1em 5em 1.5em;
}
._glabalDialog_container_u8t2b_17 {
  height: 20%;
  width: 100%;
  border-top: 4px solid;
  border-bottom: 4px solid;
  border-image: linear-gradient(to right, #ffffff0d, #ffffffd9 33%, #fff 50%, #ffffffd9 66%, #ffffff0d) 1;
}
._title_u8t2b_36 {
  font-size: 300%;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
._button_list_u8t2b_41 {
  display: flex;
  margin: auto 0 0;
}
._button_u8t2b_41 {
  font-size: 200%;
  padding: 0.15em 1em;
  margin: 0.2em 1em;
  cursor: pointer;
  transition:
    background-color 0.33s,
    color 0.33s,
    font-weight 0.33s,
    transform 0.33s;
  text-shadow: 0 0 10px rgb(255, 255, 255);
  border-radius: 5px;
}
._button_u8t2b_41:hover {
  font-weight: 700;
  color: #005caf;
  transform: scale(1.1);
  text-shadow: 0 0 15px rgba(0, 0, 0, 0);
  background: #ffffffd9;
}
@keyframes _showGlobalDialog_u8t2b_1 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._FullScreenPerform_main_1jj6x_2 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
._FullScreenPerform_element_1jj6x_9 {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 11;
}
._fullScreen_video_1jj6x_17 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 11;
}
@keyframes _slideIn_1jj6x_80 {
  0% {
    transform: translate(-100%);
    opacity: 0;
  }
  to {
    transform: translate(0);
    opacity: 1;
  }
}
@keyframes _typing_1jj6x_86 {
  0% {
    width: 0;
    height: 0;
  }
  to {
    width: 100%;
    height: auto;
    border-right: 1px solid;
  }
}
@keyframes _blinkCursor_1jj6x_1 {
  50% {
    border-color: transparent;
  }
}
@keyframes _pixelateAnimation_1jj6x_1 {
  0% {
    filter: none;
    opacity: 0;
  }
  50% {
    filter: blur(5px);
  }
  to {
    filter: none;
    opacity: 1;
  }
}
@keyframes _revealAnimation_1jj6x_101 {
  0% {
    opacity: 0;
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  }
  to {
    opacity: 1;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
._fadeIn_1jj6x_74 {
  opacity: 0;
  animation: _intro_showSoftly_1jj6x_1 1.5s ease-out forwards;
  font-family: 资源圆体, serif;
}
._slideIn_1jj6x_80 {
  opacity: 0;
  animation: _slideIn_1jj6x_80 1.5s forwards;
  font-family: 资源圆体, serif;
}
._typingEffect_1jj6x_86 {
  display: block;
  overflow: hidden;
  white-space: pre-line;
  width: 0;
  animation:
    _typing_1jj6x_86 1.5s forwards,
    _blinkCursor_1jj6x_1 1s infinite 1.5s;
  font-family: 资源圆体, serif;
}
._pixelateEffect_1jj6x_95 {
  opacity: 0;
  animation: _pixelateAnimation_1jj6x_1 3s forwards;
  font-family: 资源圆体, serif;
}
._revealAnimation_1jj6x_101 {
  opacity: 0;
  animation: _revealAnimation_1jj6x_101 3s forwards;
  font-family: 资源圆体, serif;
}
@keyframes _intro_showSoftly_1jj6x_1 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._videoContainer_1jj6x_115 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 11;
  background: #000;
}
._main_rdjpk_1 {
  position: absolute;
  bottom: 20px;
  z-index: 9;
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 70px;
  right: 20px;
  border-radius: 35px;
  padding: 0.15em 1.75em;
  font-size: 80%;
}
._button_rdjpk_16 {
  position: relative;
  top: 2px;
  padding: 0;
  filter: drop-shadow(1px 1px 5px rgb(0, 0, 0));
}
._button_text_rdjpk_23 {
  position: relative;
  bottom: 8px;
  color: #fff;
  text-shadow: 1px 1px 5px rgb(0, 0, 0);
  padding-left: 3px;
}
._button_on_rdjpk_31 {
  height: 100%;
  display: inline-block;
  font-size: 150%;
  padding: 0.25em 0.3em 0 0.15em;
  transition: background-color 0.5s;
  background: #ffffff4d;
  border-radius: 4px;
  margin: 0 0.1em;
}
._singleButton_rdjpk_42 {
  height: 100%;
  display: inline-block;
  color: #fff;
  font-size: 150%;
  padding: 0.3em 0.3em 0 0.15em;
  transition: background-color 0.5s;
  cursor: pointer;
  border-radius: 4px;
  margin: 0 0.1em;
  position: relative;
}
._singleButton_rdjpk_42:hover,
._singleButton_active_rdjpk_55 {
  background-color: #ffffff4d;
}
._fastSlPreview_rdjpk_59 {
  position: absolute;
  top: -250px;
  right: 0;
  background: linear-gradient(315deg, #fdfbfbe6, #ebedeed9);
  width: 900px;
  height: 230px;
  color: #005caf;
  border-radius: 5px;
  display: none;
  animation: _fastSlEnter_rdjpk_1 0.33s;
  transition: opacity 0.33s;
}
._fastsave_rdjpk_73:hover ._fastSPreview_rdjpk_73,
._fastload_rdjpk_77:hover ._fastLPreview_rdjpk_77 {
  display: block;
}
@keyframes _fastSlEnter_rdjpk_1 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._slPreviewMain_rdjpk_89 {
  padding: 0.5em;
  display: flex;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
._imgContainer_rdjpk_97 {
  display: flex;
  overflow: hidden;
  border-radius: 5px;
  flex-shrink: 0;
  height: 100%;
}
._textContainer_rdjpk_105 {
  overflow: hidden;
  padding: 0 0 0 0.5em;
}
._TextBox_EventHandler_zzlub_2 {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 6;
  top: 0;
}
._TextBox_Container_zzlub_10 {
  position: absolute;
  z-index: 6;
  bottom: 0;
  width: 100%;
  animation: _showSoftly_zzlub_1 0.7s ease-out forwards;
}
._TextBox_main_zzlub_18 {
  z-index: 3;
  position: absolute;
  right: 25px;
  min-height: 330px;
  max-height: 330px;
  background-blend-mode: darken;
  border-radius: 165px 20px 20px 165px;
  bottom: 20px;
  left: 275px;
  font-weight: 700;
  color: #fff;
  padding: 1em 50px 70px 200px;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  letter-spacing: 0.2em;
  transition: left 0.33s;
}
._TextBox_main_miniavatarOff_zzlub_39 {
  left: 25px;
}
._TextBox_Background_zzlub_43 {
  z-index: 2;
  background: linear-gradient(#f5f7fa, #bdc6de);
}
@keyframes _showSoftly_zzlub_1 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._TextBox_textElement_start_zzlub_56 {
  position: relative;
  animation: _TextDelayShow_zzlub_1 1s ease-out forwards;
  opacity: 0;
  display: inline-flex;
  align-content: space-between;
}
._outer_zzlub_64 {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  background-image: linear-gradient(#0b346e, #141423);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  z-index: 2;
  display: inline-block;
  vertical-align: middle;
}
._inner_zzlub_78 {
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-text-stroke: 0.1em rgb(255, 255, 255);
  z-index: 1;
  display: inline-block;
  vertical-align: middle;
}
._zhanwei_zzlub_89 {
  color: transparent;
  white-space: nowrap;
  display: inline-block;
  vertical-align: baseline;
  position: relative;
}
._TextBox_textElement_Settled_zzlub_97 {
  position: relative;
  opacity: 1;
  display: inline-flex;
  align-content: space-between;
}
._TextBox_showName_zzlub_104 {
  font-size: 85%;
  padding: 0 2em;
  position: absolute;
  left: 150px;
  top: -68px;
  height: 80px;
  line-height: 68px;
  border-radius: 40px;
  z-index: 3;
  border: 4px solid rgba(255, 255, 255, 0);
}
._TextBox_ShowName_Background_zzlub_117 {
  z-index: 2;
  background: #0b346e;
  border: 4px solid rgba(255, 255, 255, 0.75);
  box-shadow: 3px 3px 10px #64646480;
}
@keyframes _TextDelayShow_zzlub_1 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._miniAvatarContainer_zzlub_132 {
  position: absolute;
  height: 450px;
  width: 450px;
  bottom: 0;
  left: -250px;
  border-radius: 100% 0 0 100%;
  overflow: hidden;
}
._miniAvatarImg_zzlub_142 {
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  bottom: 0;
  filter: drop-shadow(15px 0 3px rgba(0, 0, 0, 0.5));
}
._nameContainer_zzlub_150 {
  position: absolute;
  left: 2em;
  top: -3.5em;
}
._outerName_zzlub_156 {
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(150deg, #fff, #fff 35%, #a5d4e4);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  z-index: 2;
}
._innerName_zzlub_167 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
._text_zzlub_174 {
  overflow: hidden;
}
._readText_zzlub_178 {
  --webgal-read-text: 1;
}
._readTextOuter_zzlub_182 {
  background-image: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
  color: silver;
}
._readTextInner_zzlub_189 {
  --webgal-read-text-inner: 1;
}
._trans_1oupq_2 {
  height: 100%;
  width: 100%;
  background-image: linear-gradient(225deg, #a3bded, #6991c7);
  position: absolute;
  z-index: 20;
}
._langWrapper_1oupq_10 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  flex-flow: column;
}
._lang_1oupq_10 {
  width: 100%;
  text-align: center;
  font-family: 资源圆体, serif;
  color: transparent;
  font-size: 300%;
  background: linear-gradient(150deg, #fff, #fff 75%, #51a8dd);
  -webkit-background-clip: text;
}
._langSelect_1oupq_29 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px;
  width: 90%;
  max-width: 1200px;
  box-sizing: border-box;
  padding: 50px;
}
._langSelectButton_1oupq_40 {
  max-width: 100%;
  box-sizing: border-box;
  font-family: 资源圆体, serif;
  cursor: pointer;
  font-size: 200%;
  color: #fff;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  padding: 10px 50px;
  text-align: center;
  transition:
    color 0.33s,
    background-color 0.33s;
}
._langSelectButton_1oupq_40:hover {
  background: #fff;
  color: #93a5cf;
}
._MainStage_main_9enex_1 {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: 1;
  overflow: hidden;
}
._MainStage_main_container_9enex_10 {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}
._MainStage_bgContainer_9enex_17 {
  top: 0;
  position: absolute;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
  animation: _MainStage_showBgSoftly_9enex_1 1s forwards ease-in-out;
}
._MainStage_bgContainer_Settled_9enex_27 {
  top: 0;
  position: absolute;
  background-size: cover;
  width: 100%;
  height: 100%;
  animation: _MainStage_showBgSoftly_9enex_1 1ms forwards;
  z-index: 1;
}
._MainStage_oldBgContainer_9enex_37 {
  background-size: cover;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  animation: _MainStage_oldBgFadeout_9enex_1 3s forwards;
}
._MainStage_oldBgContainer_Settled_9enex_47 {
  background-size: cover;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
@keyframes _MainStage_showBgSoftly_9enex_1 {
  0% {
    opacity: 0.15;
  }
  to {
    opacity: 1;
  }
}
@keyframes _MainStage_oldBgFadeout_9enex_1 {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
._pixiContainer_9enex_72 {
  position: absolute;
  z-index: 5;
}
._chooseContainer_9enex_77 {
  z-index: 8;
}
._TextBox_EventHandler_1a401_2 {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 6;
  top: 0;
}
._TextBox_main_1a401_10 {
  font-family: 资源圆体, serif;
  font-style: italic;
  position: absolute;
  z-index: 6;
  width: 100%;
  height: 12%;
  background-color: #000;
  bottom: 0;
  color: #fff;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-flow: column;
  align-items: center;
  animation: _showSoftly_1a401_1 0.7s ease-out forwards;
  letter-spacing: 0.2em;
  justify-content: center;
}
@keyframes _showSoftly_1a401_1 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._TextBox_textElement_1a401_38 {
  opacity: 0;
  animation: _showSoftly_1a401_1 1s forwards;
}
._TextBox_textElement_start_1a401_43 {
  animation: _TextDelayShow_1a401_1 0.7s ease-out forwards;
  opacity: 0;
}
._TextBox_textElement_Settled_1a401_48 {
  opacity: 1;
}
._TextBox_showName_1a401_52 {
  font-size: 85%;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
  min-width: 50%;
  padding: 0 0.2em 0.2em 0.3em;
  margin: 0 0 0.2em;
}
@keyframes _TextDelayShow_1a401_1 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._miniAvatarContainer_1a401_68 {
  position: absolute;
  height: 80%;
  width: 17%;
  bottom: 0;
  left: 0.5em;
}
._miniAvatarImg_1a401_76 {
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  bottom: 0;
}
._Backlog_main_1mift_2 {
  font-family: 思源宋体, serif;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: #000000b3;
  padding: 2em 0;
  animation: _backlog_soft_in_1mift_1 0.7s ease-out forwards;
  box-sizing: border-box;
}
._Backlog_main_out_1mift_15 {
  font-family: 思源宋体, serif;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: #000000b3;
  padding: 2em 0;
  animation: _backlog_soft_out_1mift_1 0.7s ease-out forwards;
  box-sizing: border-box;
}
._Backlog_main_out_IndexHide_1mift_28 {
  z-index: -10;
}
._Backlog_main_DisableScroll_1mift_32 {
  overflow: hidden !important;
}
._backlog_top_1mift_36 {
  padding: 0 0 0 1em;
  display: flex;
  height: 10%;
}
._backlog_top_icon_1mift_42 {
  padding: 0.6em 0.6em 0;
  border-radius: 1000px;
  transform: translateY(-13px);
  cursor: pointer;
}
._backlog_top_icon_1mift_42:hover {
  background: #ffffff40;
  animation: _backlog_icon_softin_1mift_1 0.25s ease-out forwards;
}
@keyframes _backlog_icon_softin_1mift_1 {
  0% {
    background: #fff0;
  }
  to {
    background: #ffffff40;
  }
}
._backlog_title_1mift_62 {
  height: 100%;
  line-height: 100%;
  font-size: 360%;
  font-weight: 700;
  color: transparent;
  background: linear-gradient(150deg, #fff, #fff 35%, #a5d4e4);
  -webkit-background-clip: text;
}
._backlog_content_1mift_72 {
  font-family: 资源圆体, serif;
  position: absolute;
  height: 80%;
  padding: 1em 10em;
  overflow: auto;
  display: flex;
  flex-flow: column-reverse;
  font-weight: 400;
  width: 100%;
  box-sizing: border-box;
}
._backlog_item_1mift_85 {
  display: flex;
  color: #fff;
  font-size: 165%;
  opacity: 0;
  animation: _backlog_item_in_1mift_1 0.5s ease-out forwards;
  margin: 1.25em 0 0;
  width: 100%;
}
._backlog_item_out_1mift_95 {
  display: flex;
  color: #fff;
  font-size: 165%;
  opacity: 0;
  animation: _backlog_item_out_1mift_95 0.5s ease-out forwards;
  margin: 1.25em 0 0;
  width: 100%;
}
._backlog_func_area_1mift_105 {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  width: 30%;
  max-width: 30%;
  min-width: 30%;
}
._backlog_item_content_name_1mift_114 {
  font-weight: 700;
  color: transparent;
  background: linear-gradient(150deg, #fff, #fff 35%, #a5d4e4);
  -webkit-background-clip: text;
  margin: 0 0 0 auto;
  overflow-wrap: break-word;
  box-sizing: border-box;
  border-radius: 7px;
  padding: 0.2em 0.5em;
  font-size: 115%;
  width: 50%;
  text-align: left;
  letter-spacing: 0.1em;
}
._backlog_item_content_1mift_114 {
  font-size: 115%;
  width: 82.5%;
  box-sizing: border-box;
  padding: 0.2em 0 0 1em;
  letter-spacing: 0.05em;
}
._backlog_item_button_list_1mift_138 {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  margin: 0.35em 0 0;
}
._backlog_item_button_element_1mift_145 {
  cursor: pointer;
  padding: 0.01em 0.75em 0;
  margin: 0 0 0 0.5em;
  background: #ffffff13;
  border-radius: 7px;
  display: flex;
}
._backlog_item_button_element_1mift_145:hover {
  background: #ffffff40;
}
._backlog_item_content_text_1mift_158 {
  box-sizing: border-box;
}
@keyframes _backlog_soft_in_1mift_1 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _backlog_soft_out_1mift_1 {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes _backlog_item_in_1mift_1 {
  0% {
    opacity: 0;
    transform: scale(1.05) translate(-15px, 10px) rotateX(-5deg) rotateY(-5deg);
  }
  to {
    opacity: 1;
    transform: scale(1) translate(0);
  }
}
@keyframes _backlog_item_out_1mift_95 {
  0% {
    opacity: 1;
    transform: scale(1) translate(0);
  }
  to {
    opacity: 0;
    transform: scale(1.05) translate(-15px, 10px) rotateX(-5deg) rotateY(-5deg);
    background-color: #fff3;
  }
}
._introContainer_119k8_1 {
  box-sizing: border-box;
  position: absolute;
  z-index: 11;
  width: 100%;
  height: 100%;
  color: #fff;
  display: none;
}
._Save_Load_main_1jtts_2 {
  height: 90%;
  width: 100%;
  position: absolute;
  cursor: default;
}
._Save_Load_top_1jtts_9 {
  height: 10%;
  width: 100%;
  display: flex;
  animation: _Elements_in_1jtts_1 ease-out 1s forwards;
  justify-content: center;
}
._Save_Load_title_1jtts_17 {
  font-family: 思源宋体, serif;
  letter-spacing: 0.1em;
  width: auto;
  font-size: 500%;
  min-width: 350px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 20px;
  top: 0;
  z-index: -1;
  opacity: 0.2;
  transform: translateY(-10px);
}
._Save_title_text_1jtts_35 {
  font-weight: 700;
  color: transparent;
  background: linear-gradient(135deg, #77428d, #b28fce);
  text-shadow: 2px 2px 15px rgba(255, 255, 255, 0.5);
  -webkit-background-clip: text;
}
._Load_title_text_1jtts_43 {
  font-weight: 700;
  color: transparent;
  background: linear-gradient(135deg, #005caf, #2ea9df);
  text-shadow: 2px 2px 15px rgba(255, 255, 255, 0.5);
  -webkit-background-clip: text;
}
._Save_Load_top_buttonList_1jtts_51 {
  height: 100%;
  display: flex;
}
._Save_Load_top_button_1jtts_51 {
  cursor: pointer;
  font-size: 200%;
  width: 2.05em;
  text-align: center;
  color: #00000080;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-bottom: 4px solid rgba(0, 0, 0, 0);
  transition:
    background-color 0.7s,
    border-bottom-width 0.7s;
}
._Save_Load_top_button_text_1jtts_69 {
  text-align: center;
  width: 100%;
  padding: 0 0 3px;
  border-left: 2px solid rgba(0, 0, 0, 0.1);
}
._Save_Load_top_button_1jtts_51:first-child > div {
  border-left: 2px solid rgba(0, 0, 0, 0);
}
._Save_Load_top_button_on_1jtts_80 {
  font-weight: 700;
  border-bottom: 4px solid #77428d;
  color: #77428d;
  background-color: #77428d0d;
}
._Save_Load_top_button_1jtts_51:hover {
  color: #77428d;
  font-weight: 700;
  border-bottom: 4px solid #77428d;
}
._Load_top_button_on_1jtts_93 {
  font-weight: 700;
  border-bottom: 5px solid #005caf;
  color: #005caf;
  background-color: #005caf1a;
}
._Load_top_button_1jtts_93:hover {
  color: #005caf;
  font-weight: 700;
  border-bottom: 5px solid #005caf;
}
._Save_Load_content_1jtts_106 {
  height: 90%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}
._Save_Load_content_element_1jtts_115 {
  background: linear-gradient(-45deg, #0000000d, #00000013);
  overflow: hidden;
  width: 17.5%;
  height: 45%;
  animation:
    _Elements_in_1jtts_1 1s ease-out forwards,
    _Elements_in_transform_1jtts_1 1s ease-out;
  opacity: 0;
  border-radius: 4px;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
  cursor: pointer;
}
._Save_Load_content_element_1jtts_115:hover {
  transform: scale(1.05) translate(-0.2em, -0.2em);
}
._Save_Load_content_element_top_1jtts_131 {
  font-family: 资源圆体, serif;
  width: 100%;
  height: 12%;
  display: flex;
}
._Save_Load_content_element_top_index_1jtts_138 {
  color: #fff;
  text-align: center;
  font-size: 155%;
  height: 100%;
  width: 20%;
  background-color: #b28fce;
}
._Load_content_elememt_top_index_1jtts_147 {
  background-color: #51a8dd;
}
._Save_Load_content_element_top_date_1jtts_151 {
  padding: 0.425em 0 0 0.5em;
  background-color: #77428d;
  color: #fff;
  font-size: 115%;
  height: 100%;
  width: 80%;
  font-family: WebgalUI, serif;
  letter-spacing: 0.1em;
}
._Load_content_element_top_date_1jtts_162 {
  background-color: #005caf;
}
._Save_Load_content_text_1jtts_166 {
  font-family: WebgalUI, sans-serif;
  letter-spacing: 0.05em;
  color: #373c38;
  background: linear-gradient(-45deg, #ffffffbf, #fff);
  font-size: 120%;
  height: 40%;
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}
._Save_Load_content_text_padding_1jtts_180 {
  padding: 0.2em 0.75em;
}
._Save_Load_content_speaker_1jtts_184 {
  box-sizing: border-box;
  font-weight: 700;
  color: #77428d;
  padding: 0.35em 0.8em 0.25em;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
._Load_content_speaker_1jtts_193 {
  color: #005caf;
}
._Load_content_text_1jtts_197 {
  background-color: #005cafbf;
}
._Save_Load_content_miniRen_1jtts_201 {
  width: 100%;
  height: 48%;
  position: relative;
  background-size: cover;
}
._Save_Load_content_miniRen_bg_1jtts_208 {
  background-size: cover;
  height: 100%;
  width: 100%;
  background-position: center;
}
._Save_Load_content_miniRen_figure_1jtts_215 {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  bottom: 0;
}
._Save_Load_content_miniRen_figLeft_1jtts_223 {
  bottom: 0;
  left: 0;
}
._Save_Load_content_miniRen_figRight_1jtts_228 {
  bottom: 0;
  right: 0;
}
@keyframes _Elements_in_1jtts_1 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _Elements_in_transform_1jtts_1 {
  0% {
    transform: scale(1.05) translate(-25px, -20px) rotateY(15deg) rotateX(-15deg);
  }
  to {
    transform: scale(1) translate(0);
  }
}
._tag_yghix_2 {
  position: absolute;
  top: 2.5%;
  left: 2.5%;
  color: #fff;
  z-index: 10;
  padding: 10px 10px 5px;
  border-radius: 100px;
  transition: background-color 0.33s;
}
._tag_yghix_2:hover {
  background-color: #ffffff80;
}
._container_yghix_17 {
  color: #fff;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  background-color: #000000b3;
  z-index: 9;
  padding: 7em 5em 5em 10em;
  opacity: 0;
  animation: _showContainer_yghix_1 1s forwards;
  transition: background-color 0.33s;
}
._singleButton_yghix_33 {
  padding: 0.5em 0;
}
._button_text_yghix_37 {
  font-family: 思源宋体, serif;
  font-size: 250%;
  letter-spacing: 0.07em;
  transition: text-shadow 0.33s;
}
._button_text_yghix_37:hover {
  text-shadow: 0 0 15px rgb(255, 255, 255);
}
@keyframes _showContainer_yghix_1 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._Title_main_1jbo0_1 {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 13;
}
._Title_buttonList_1jbo0_8 {
  display: flex;
  position: absolute;
  left: 0;
  min-width: 25%;
  height: 100%;
  justify-content: center;
  align-items: flex-start;
  flex-flow: column;
  transition: background 0.75s;
  padding-left: 120px;
}
._Title_button_1jbo0_8 {
  font-weight: 700;
  text-align: center;
  flex: 0 1 auto;
  cursor: pointer;
  padding: 1em 2em;
  margin: 20px 0;
  transition: all 0.33s;
  background: #ffffff26;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 4px;
  transform: skew(-10deg);
  background: linear-gradient(to right, #0000004d, #0000001a);
}
._Title_button_1jbo0_8:hover {
  text-shadow: 0 0 10px rgb(255, 255, 255);
  padding: 1em 6em 1em 3em;
}
._Title_button_text_1jbo0_41 {
  font-size: 165%;
  color: #fbfbfb;
  padding: 0 0.5em;
  letter-spacing: 0.2em;
}
._Title_button_text_outer_1jbo0_48,
._Title_button_text_inner_1jbo0_52 {
  display: none;
}
._Title_backup_background_1jbo0_56 {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 13;
  background: linear-gradient(135deg, #fdfbfb, #dcddde);
}
._Title_button_disabled_1jbo0_64 {
  cursor: not-allowed !important;
  opacity: 0.5;
}
._Logo_main_1t2wi_1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  animation: _change-img-anim_1t2wi_1 5s forwards;
  background-size: cover;
  z-index: 14;
}
@keyframes _change-img-anim_1t2wi_1 {
  0% {
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  to {
    opacity: 0;
    display: none;
  }
}
._Logo_Back_1t2wi_32 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  bottom: 0;
  background-size: cover;
  z-index: 14;
  background: #fff;
}
._animationActive_1t2wi_46 {
  animation: _fadeout_1t2wi_1 5s forwards;
}
@keyframes _fadeout_1t2wi_1 {
  0% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  to {
    opacity: 0;
    display: none;
  }
}
._extra_16jj3_2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 14;
  background-image: linear-gradient(135deg, #93a5cf, #e4efe9);
  padding: 2em;
  box-sizing: border-box;
}
._extra_top_16jj3_14 {
  padding: 0;
  display: flex;
  height: 10%;
}
._extra_top_icon_16jj3_20 {
  padding: 0.6em 0.6em 0;
  border-radius: 1000px;
  transform: translateY(-13px);
  cursor: pointer;
}
._extra_top_icon_16jj3_20:hover {
  background: #ffffff40;
  animation: _extra_icon_softin_16jj3_1 0.25s ease-out forwards;
}
@keyframes _extra_icon_softin_16jj3_1 {
  0% {
    background: #fff0;
  }
  to {
    background: #00000040;
  }
}
._extra_title_16jj3_40 {
  font-family: 思源宋体, serif;
  height: 100%;
  line-height: 100%;
  font-size: 325%;
  font-weight: 700;
  color: transparent;
  background: linear-gradient(150deg, #fff, #fff 75%, #51a8dd);
  -webkit-background-clip: text;
}
._mainContainer_16jj3_51 {
  box-sizing: border-box;
  padding: 0 2em;
  display: flex;
  height: 92%;
  flex-flow: column;
}
._bgmContainer_16jj3_59 {
  left: 50px;
  right: 50px;
  bottom: 30px;
  position: absolute;
  overflow: auto;
  box-sizing: border-box;
  display: flex;
  flex-flow: column-reverse;
  align-content: center;
  background-image: linear-gradient(315deg, #a3bdedf2, #6991c7f2);
  padding: 1em 2em;
  border-radius: 4px;
  transition: max-height 0.5s;
  z-index: 2;
}
._bgmListContainer_16jj3_76 {
  z-index: 2;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex: 1;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 0 15px;
  flex-wrap: wrap;
  overflow: auto;
}
._bgmPlayerMain_16jj3_91 {
  display: flex;
}
._bgmControlButton_16jj3_95 {
  padding: 0.6em 1.2em 0.2em;
  margin: 0 5px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition:
    background-color 0.33s,
    color 0.33s;
  flex-shrink: 0;
}
._bgmControlButton_16jj3_95:hover {
  box-shadow: 0 0 10px 5px #ffffff59;
}
._bgmName_16jj3_110 {
  color: #fffc;
  font-family: 资源圆体, serif;
  font-size: 155%;
  margin: 5px 5px 0 15px;
  overflow: hidden;
}
._bgmElement_16jj3_118 {
  font-family: 资源圆体, serif;
  padding: 0.5em 1em;
  overflow: hidden;
  background-color: #0000001a;
  border-radius: 5px;
  color: #fff;
  font-size: 125%;
  margin: 0.5em 1em 0.5em 0.5em;
  transition:
    background-color 1s,
    color 1s;
  opacity: 1;
  cursor: pointer;
  width: 28%;
  flex-shrink: 0;
}
@keyframes _bgmElement_In_16jj3_1 {
  0% {
    opacity: 0.95;
  }
  to {
    opacity: 1;
  }
}
._bgmElement_16jj3_118:hover {
  background-color: #ffffffa6;
  color: #666;
  transition:
    background-color 0.5s,
    color 0.5s;
}
._bgmElement_active_16jj3_148 {
  background-color: #ffffffd9 !important;
  color: #666;
}
._cgMain_16jj3_153 {
  width: 100%;
  height: 88%;
}
._cgContainer_16jj3_158 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  height: 90%;
  box-sizing: border-box;
  padding: 4em 0 0 2em;
}
._cgElement_16jj3_170 {
  width: 22.5%;
  height: 37.5%;
  background-color: #ffffffbf;
  box-shadow: 0 0 15px 5px #00000059;
  box-sizing: border-box;
  padding: 0.75em;
  opacity: 0;
  margin: 1em;
  animation-delay: 0.1s;
  z-index: 1;
  position: relative;
  cursor: pointer;
}
._cgElementStack_16jj3_185 {
  background-color: transparent;
  box-shadow: none;
}
._cgStackItem_16jj3_190 {
  position: absolute;
  top: 0.6em;
  right: 0.6em;
  bottom: 0.6em;
  left: 0.6em;
  box-sizing: border-box;
  padding: 0.75em;
  background-color: #ffffffd9;
  box-shadow: 0 0 15px 5px #00000047;
  transform-origin: center 70%;
  opacity: 0;
  animation: _cgStackItemIn_16jj3_1 1.5s ease-out both;
}
@keyframes _cgStackItemIn_16jj3_1 {
  0% {
    opacity: 0;
    transform: var(--cg-stack-start-transform);
  }
  20% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: var(--cg-stack-end-transform);
  }
}
._cgShowDiv_16jj3_215 {
  height: 8%;
  width: 100%;
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
}
._cgShowDivWarpper_16jj3_224 {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  border-radius: 7px;
  padding: 12px 15px;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
}
._cgNav_16jj3_239 {
  font-size: 170%;
  background-color: #ffffff80;
  color: #666;
  padding: 0.12em 1em;
  margin: 0 0.25em;
  text-align: center;
  cursor: pointer;
  transition:
    background-color 0.5s,
    color 0.5s,
    font-weight 0.5s;
  border-radius: 7px;
  flex-shrink: 0;
}
._cgNav_16jj3_239:first-child {
  margin-left: 0;
}
._cgNav_16jj3_239:last-child {
  margin-right: 0;
}
._cgNav_active_16jj3_260 {
  background-color: #ffffffb3 !important;
  color: #005caf;
}
._cgNav_16jj3_239:hover {
  color: #005caf;
  background-color: #fff9;
}
._showFullContainer_16jj3_270 {
  z-index: 13;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0000001a;
  display: flex;
  justify-content: center;
  align-items: center;
}
._showFullCgMain_16jj3_283 {
  cursor: pointer;
  width: 80%;
  height: 80%;
  box-sizing: border-box;
  padding: 2em;
  background: #fffffff2;
  animation: _fullCgIn_16jj3_1 0.5s ease-out forwards;
  opacity: 0;
}
@keyframes _fullCgIn_16jj3_1 {
  0% {
    opacity: 0;
    transform: scale(1.05) translate(-25px, -50px) rotateX(-10deg) rotateY(10deg);
  }
  to {
    opacity: 1;
    transform: scale(1) translateZ(0);
  }
}
@keyframes cg_softIn_-5 {
  0% {
    opacity: 0;
    transform: scale(1.15) translate(-50px, -125px) rotateX(-25deg) rotateY(25deg) rotate(10deg);
  }
  70% {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(-7deg);
  }
  to {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(-5deg);
  }
}
@keyframes cg_softIn_-4 {
  0% {
    opacity: 0;
    transform: scale(1.15) translate(-50px, -125px) rotateX(-25deg) rotateY(25deg) rotate(8deg);
  }
  70% {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(-5.6deg);
  }
  to {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(-4deg);
  }
}
@keyframes cg_softIn_-3 {
  0% {
    opacity: 0;
    transform: scale(1.15) translate(-50px, -125px) rotateX(-25deg) rotateY(25deg) rotate(6deg);
  }
  70% {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(-4.2deg);
  }
  to {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(-3deg);
  }
}
@keyframes cg_softIn_-2 {
  0% {
    opacity: 0;
    transform: scale(1.15) translate(-50px, -125px) rotateX(-25deg) rotateY(25deg) rotate(4deg);
  }
  70% {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(-2.8deg);
  }
  to {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(-2deg);
  }
}
@keyframes cg_softIn_-1 {
  0% {
    opacity: 0;
    transform: scale(1.15) translate(-50px, -125px) rotateX(-25deg) rotateY(25deg) rotate(2deg);
  }
  70% {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(-1.4deg);
  }
  to {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(-1deg);
  }
}
@keyframes cg_softIn_0 {
  0% {
    opacity: 0;
    transform: scale(1.15) translate(-50px, -125px) rotateX(-25deg) rotateY(25deg) rotate(0);
  }
  70% {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(0);
  }
  to {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(0);
  }
}
@keyframes cg_softIn_1 {
  0% {
    opacity: 0;
    transform: scale(1.15) translate(-50px, -125px) rotateX(-25deg) rotateY(25deg) rotate(-2deg);
  }
  70% {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(1.4deg);
  }
  to {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(1deg);
  }
}
@keyframes cg_softIn_2 {
  0% {
    opacity: 0;
    transform: scale(1.15) translate(-50px, -125px) rotateX(-25deg) rotateY(25deg) rotate(-4deg);
  }
  70% {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(2.8deg);
  }
  to {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(2deg);
  }
}
@keyframes cg_softIn_3 {
  0% {
    opacity: 0;
    transform: scale(1.15) translate(-50px, -125px) rotateX(-25deg) rotateY(25deg) rotate(-6deg);
  }
  70% {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(4.2deg);
  }
  to {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(3deg);
  }
}
@keyframes cg_softIn_4 {
  0% {
    opacity: 0;
    transform: scale(1.15) translate(-50px, -125px) rotateX(-25deg) rotateY(25deg) rotate(-8deg);
  }
  70% {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(5.6deg);
  }
  to {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(4deg);
  }
}
@keyframes cg_softIn_5 {
  0% {
    opacity: 0;
    transform: scale(1.15) translate(-50px, -125px) rotateX(-25deg) rotateY(25deg) rotate(-10deg);
  }
  70% {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(7deg);
  }
  to {
    opacity: 1;
    transform: scale(1) translateZ(0) rotate(5deg);
  }
}
._Menu_main_1a7i6_1 {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 16;
  animation: _Menu_ShowSoftly_1a7i6_1 0.5s forwards;
  background-image: linear-gradient(to top, #accbee, #e7f0fd);
}
._Menu_TagContent_1a7i6_10 {
  width: 100%;
  height: 90%;
}
@keyframes _Menu_ShowSoftly_1a7i6_1 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._MenuPanel_main_1c9ky_1 {
  width: 100%;
  height: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 55px;
}
._MenuPanel_button_1c9ky_10 {
  padding: 0.25em 15px 0;
  margin-right: 15px;
  display: flex;
  justify-content: center;
  font-size: 200%;
  text-align: center;
  border-radius: 6px;
  min-width: 12.5%;
  cursor: pointer;
  color: #7b90a9;
  background: #0000;
  overflow: hidden;
  transition:
    text-shadow 0.7s,
    background-color 0.7s;
}
._MenuPanel_button_1c9ky_10:last-child {
  margin-right: 0;
}
._MenuPanel_button_1c9ky_10:hover {
  background-color: #f5f6f726;
}
._MenuPanel_button_1c9ky_10:last-child {
  border-right: none;
}
._MenuPanel_button_icon_1c9ky_38 {
  transform: translateY(0.125em);
  padding: 0 0.15em 0 0;
  margin: 0 0.15em 0 0;
}
._MenuPanel_button_hl_1c9ky_44 {
  background-color: #f5f6f759 !important;
}
._Options_main_18ca6_2 {
  position: absolute;
  cursor: default;
  height: 90%;
  width: 100%;
}
._Options_top_18ca6_9 {
  height: 15%;
  width: 100%;
  display: flex;
  align-items: flex-start;
}
._Options_title_18ca6_16 {
  font-family: 思源宋体, serif;
  letter-spacing: 0.1em;
  font-size: 225%;
  margin: 0.5em 0;
  padding: 0.2em 2em 0.2em 1.1em;
  box-sizing: border-box;
}
._Option_title_text_18ca6_25 {
  font-size: 165%;
  font-weight: 700;
  color: transparent;
  background: linear-gradient(to left, #227d51, #516e41);
  -webkit-background-clip: text;
  animation: _Elements_in_18ca6_1 ease-out 0.7s forwards;
}
._Option_title_text_shadow_18ca6_34 {
  position: absolute;
  color: #0000;
  -webkit-text-stroke: 3px rgb(0, 0, 0);
  z-index: -1;
}
._Option_title_text_ts_18ca6_41 {
  position: absolute;
  color: #0000;
  text-shadow:
    0.04em 0.04em rgba(81, 110, 65, 0.9),
    0.05em 0.05em rgba(81, 110, 65, 0.9),
    0.06em 0.06em rgba(81, 110, 65, 0.9),
    0.07em 0.07em rgba(81, 110, 65, 0.9);
  z-index: -1;
}
._Options_main_content_18ca6_48 {
  display: flex;
  flex: 1;
  padding: 0 0 0 3em;
  overflow: auto;
}
._Options_main_content_half_18ca6_55 {
  width: 95%;
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  padding: 0 1em;
  position: relative;
}
._About_title_text_18ca6_66 {
  margin: 0.2em 1em;
  padding: 0.2em;
  position: absolute;
  top: 10px;
  right: 10px;
  animation: _Elements_in_18ca6_1 ease-out 0.7s forwards;
  cursor: pointer;
}
._About_text_18ca6_76 {
  font-weight: 700;
  color: transparent;
  background: linear-gradient(to left, #227d51a6, #516e41a6);
  -webkit-background-clip: text;
  font-size: 135%;
  text-decoration: underline;
}
@keyframes _Elements_in_18ca6_1 {
  0% {
    opacity: 0;
    transform: scale(1.03) translate(-25px, -20px);
  }
  to {
    opacity: 1;
    transform: scale(1) translate(0);
  }
}
._Options_page_container_18ca6_95 {
  height: 85%;
  display: flex;
  padding: 1em 3.75em;
}
._Options_button_list_18ca6_101 {
  animation: _Elements_in_18ca6_1 ease-out 0.7s forwards;
}
._Option_select_18ca6_105 {
  position: relative;
  max-width: 100%;
  font-size: 150%;
}
._Option_select_button_18ca6_111,
._Option_select_item_18ca6_112 {
  box-sizing: border-box;
  border: 0;
  border-bottom: 2px solid transparent;
  background: #3232320d;
  color: #a0aaa0;
  font: inherit;
  cursor: pointer;
}
._Option_select_button_18ca6_111 {
  min-width: 10em;
  padding: 0.2em 1em;
  text-align: left;
}
._Option_select_button_18ca6_111:hover,
._Option_select_button_18ca6_111:focus-visible,
._Option_select_button_active_18ca6_130 {
  border-bottom-color: #516e41e6;
  color: #516e41e6;
  font-weight: 700;
}
._Option_select_menu_18ca6_136 {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  display: grid;
  min-width: 100%;
  padding: 0.25em;
  background: #ebf3fa;
  box-shadow: 0 0.2em 0.8em #224b3733;
}
._Option_select_item_18ca6_112 {
  padding: 0.35em 0.75em;
  background: #ebf3fa;
  text-align: left;
  white-space: nowrap;
}
._Option_select_item_18ca6_112:hover,
._Option_select_item_18ca6_112:focus-visible,
._Option_select_item_active_18ca6_157 {
  background: #516e4126;
  border-bottom-color: #516e41e6;
  color: #516e41e6;
  font-weight: 700;
}
._Options_page_button_18ca6_164 {
  font-family: 思源宋体, serif;
  font-size: 300%;
  font-weight: 700;
  color: transparent;
  background: linear-gradient(to left, #227d51, #516e41);
  opacity: 0.35;
  -webkit-background-clip: text;
  transition:
    color 0.33s,
    background-image 0.33s,
    opacity 0.33s;
  cursor: pointer;
}
._Options_page_button_active_18ca6_176 {
  background-image: linear-gradient(to left, #227d51, #516e41);
  -webkit-background-clip: text;
  opacity: 1;
}
._Options_page_button_18ca6_164:hover {
  opacity: 1;
}
._NormalOption_ogzuv_1 {
  margin: 0.2em 1em;
  padding: 0.2em;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  animation: _Elements_in_ogzuv_1 ease-out 0.7s forwards;
}
._NormalOption_title_ogzuv_10 {
  color: transparent;
  background: linear-gradient(to left, #227d51, #516e41);
  -webkit-background-clip: text;
  font-size: 200%;
  padding: 0.15em 0.5em 0.15em 0.1em;
  font-weight: 700;
}
._NormalOption_title_bef_ogzuv_19 {
  font-weight: 700;
  font-size: 200%;
  content: attr(data-text);
  position: absolute;
  -webkit-text-stroke: 3px rgb(0, 0, 0);
  z-index: -1;
  padding: 0.15em 0.5em 0.15em 0.1em;
}
._NormalOption_title_sd_ogzuv_29 {
  font-weight: 700;
  color: #0000;
  font-size: 200%;
  position: absolute;
  z-index: -1;
  padding: 0.15em 0.5em 0.15em 0.1em;
  text-shadow:
    0.04em 0.04em rgba(81, 110, 65, 0.9),
    0.05em 0.05em rgba(81, 110, 65, 0.9),
    0.06em 0.06em rgba(81, 110, 65, 0.9),
    0.07em 0.07em rgba(81, 110, 65, 0.9),
    0.08em 0.08em rgba(81, 110, 65, 0.9),
    0.09em 0.09em rgba(81, 110, 65, 0.9),
    0.1em 0.1em rgba(81, 110, 65, 0.9);
}
._NormalOption_buttonList_ogzuv_39 {
  padding: 0.5em 0;
  display: flex;
}
@keyframes _Elements_in_ogzuv_1 {
  0% {
    opacity: 0;
    transform: scale(1.03) translate(-25px, -20px);
  }
  to {
    opacity: 1;
    transform: scale(1) translate(0);
  }
}
._NormalButton_1qk3b_1 {
  font-size: 150%;
  box-sizing: border-box;
  padding: 0.2em 1em;
  background-color: #3232320d;
  margin: 0 0.4em 0 0;
  color: #a0aaa0;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
._NormalButton_1qk3b_1:hover {
  border-bottom: 2px solid rgba(81, 110, 65, 0.9);
  color: #516e41e6;
  font-weight: 700;
}
._NormalButtonChecked_1qk3b_18 {
  background-color: #516e4126;
  border-bottom: 2px solid rgba(81, 110, 65, 0.9);
  color: #516e41e6;
  font-weight: 700;
}
._backButton_qbk37_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background: #0000001a;
  border-radius: 4px;
  cursor: pointer;
}
._backButton_qbk37_1:hover {
  background: #0003;
}
._about_qbk37_16 {
  padding: 10px 0 0;
}
._icon_qbk37_20 {
  display: inline-flex;
}
._title_qbk37_24 {
  color: transparent;
  background: linear-gradient(to left, #227d51, #516e41);
  -webkit-background-clip: text;
  font-size: 200%;
  padding: 0.15em 0.5em 0.15em 0.1em;
  font-weight: 700;
  margin-top: 20px;
}
._text_qbk37_34 {
  color: #516e41;
  padding: 0 0 0 10px;
  font-size: 135%;
}
._text_qbk37_34 a {
  color: #516e41;
}
._contributor_qbk37_43 {
  padding: 0 10px 0 0;
}
input[type="range"] {
  -webkit-appearance: none;
  width: 500px;
  height: 50px;
  background: transparent;
  font-size: 100%;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
input[type="range"]:focus {
  outline: none;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 375%;
  width: 7.2%;
  border-radius: 5em;
  background: #fff;
  cursor: pointer;
  margin-top: -14px;
  box-shadow: 0 0 5px #00000080;
}
input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 20%;
  cursor: pointer;
  box-shadow: 1px 1px 7px #0000004d;
  background: #516e41e6;
  border-radius: 2em;
}
input[type="range"]:focus::-webkit-slider-runnable-track {
  background: #516e41e6;
}
input[type="range"]::-moz-range-thumb {
  height: 36px;
  width: 7.2%;
  border-radius: 5em;
  background: #fff;
  cursor: pointer;
  box-shadow: 0 0 5px #00000080;
}
input[type="range"]::-moz-range-track {
  width: 100%;
  height: 20%;
  cursor: pointer;
  box-shadow: 1px 1px 7px #0000004d;
  background: #516e41e6;
  border-radius: 2em;
}
.Option_WebGAL_slider {
  position: relative;
}
.bubble {
  position: absolute;
  bottom: calc(100% + 10px);
  transform: translate(-50%);
  background: #000000d9;
  color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  font-weight: 700;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  animation: bubbleFadeIn 0.2s ease-out forwards;
}
.bubble:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent;
}
@keyframes bubbleFadeIn {
  0% {
    opacity: 0;
    transform: translate(-50%) translateY(4px);
  }
  to {
    opacity: 1;
    transform: translate(-50%) translateY(0);
  }
}
._textPreviewMain_nolr3_1 {
  z-index: 1;
  padding: 1em;
  min-height: 480px;
  width: 100%;
}
._textbox_nolr3_8 {
  width: 100%;
  height: 100%;
  position: relative;
}
._yoozle_blue_1r48o_1 {
  color: #4285f4;
}
._yoozle_red_1r48o_5 {
  color: #db4437;
}
._yoozle_yellow_1r48o_9 {
  color: #f4b400;
}
._yoozle_green_1r48o_13 {
  color: #0f9d58;
}
._yoozle_e_rotate_1r48o_17 {
  display: inline-block;
  transform: rotate(-12deg);
}
._yoozle_container_1r48o_22 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
._yoozle_title_1r48o_28 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 80px;
  font-family: arial, sans-serif;
  font-size: 90px;
}
._yoozle_search_1r48o_37 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 10px;
}
._yoozle_search_bar_1r48o_44 {
  width: 40%;
  line-height: 32px;
  font-family: arial, sans-serif;
  font-size: 18px;
}
._yoozle_search_buttons_1r48o_51 {
  padding-top: 13px;
}
._yoozle_button_1r48o_55 {
  background-color: #f8f9fa;
  border: 1px solid #f8f9fa;
  border-radius: 4px;
  color: #3c4043;
  font-family: arial, sans-serif;
  font-size: 14px;
  margin: 11px 4px;
  padding: 0 16px;
  line-height: 27px;
  height: 36px;
  min-width: 54px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
._yoozle_button_1r48o_55:hover {
  box-shadow: 0 1px 1px #0000001a;
  border: 1px solid #dadce0;
  color: #202124;
}
._yoozle_button_1r48o_55:focus {
  border: 1px solid #4285f4;
  outline: none;
}
._panic_overlay_main_1ysz4_1 {
  margin: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 256;
}
._devPanelMain_11x6i_1 {
  font-size: 150%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 35%;
  background: #ffffffbf;
  z-index: 99;
  overflow: auto;
}
._devPanelOpener_11x6i_13 {
  position: absolute;
  right: 5px;
  top: 5px;
  background: #ffffffbf;
  z-index: 100;
  padding: 3px 7px;
  border-radius: 4px;
  cursor: pointer;
}
@font-face {
  font-family: 资源圆体;
  src: url(./ResourceHanRoundedCN-Regular-C1HdCLVq.ttf) format("truetype");
}
@font-face {
  font-family: 思源宋体;
  src: url(./SourceHanSerifCN-Regular-B_f-kQ2u.ttf) format("truetype");
}
@font-face {
  font-family: WebgalUI;
  src: url(./OPPOSans-R-tAcFw8I3.ttf) format("truetype");
}
a {
  transition: color 1s;
}
a:link,
a:visited,
a:hover,
a:active {
  color: #434343;
}
body {
  background-color: #000;
  font-size: 16px;
  margin: 0;
  font-family:
    WebgalUI,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    Fira Sans,
    Droid Sans,
    Helvetica Neue,
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
}
code {
  font-family:
    source-code-pro,
    Menlo,
    Monaco,
    Consolas,
    Courier New,
    monospace;
}
#root {
  width: 2560px;
  height: 1440px;
  overflow: hidden;
  font-size: 160%;
}
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  box-shadow: 0 0 10px #fff3;
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
  background: #fff3;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #ffffff80;
  box-shadow: 0 0 10px #00000026;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.App {
  height: 100%;
  width: 100%;
  background: #000;
  overflow: hidden;
  perspective: 0;
  -webkit-overflow-scrolling: auto;
}
#pixiCanvas {
  z-index: 5;
}
@keyframes centerIn {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes upIn {
  0% {
    opacity: 0;
    transform: scale(1) translateY(3%);
  }
  to {
    opacity: 1;
    transform: scale(1) translate(0);
  }
}
@keyframes leftIn {
  0% {
    opacity: 0;
    transform: scale(1) translate(-3%);
  }
  to {
    opacity: 1;
    transform: scale(1) translate(0);
  }
}
@keyframes rightIn {
  0% {
    opacity: 0;
    transform: scale(1) translate(3%);
  }
  to {
    opacity: 1;
    transform: scale(1) translate(0);
  }
}
@keyframes bg_down {
  0% {
    opacity: 0;
    transform: scale(1.1) translateY(-3%);
  }
  to {
    opacity: 1;
    transform: scale(1) translate(0);
  }
}
@keyframes bg_softIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes hideBG {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes shake {
  0% {
    transform: translate(0);
  }
  25% {
    transform: translate(-2%);
  }
  75% {
    transform: translate(2%);
  }
  to {
    transform: translate(0);
  }
}
@keyframes moveBaF {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
@keyframes showSoftly {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes elementFadeIn {
  0% {
    transform: translate(-15px, -20px) scale(1.03);
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes controlButtonHover {
  0% {
    background-color: #0000;
    box-shadow: none;
  }
  to {
    background-color: #ffffff40;
    box-shadow: 5px 5px 15px #000000a6;
  }
}
@keyframes controlButtonHoverBack {
}
@keyframes TitleButtonOnChoose {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(1.1);
  }
}
@keyframes TitleButtonNoneChoose {
  0% {
    transform: scale(1.1);
  }
}
@keyframes TitleModelHover {
  0% {
    background-color: #00000059;
  }
  to {
    background-color: #000000a6;
  }
}
@keyframes TitleModelNoneHover {
  0% {
    background-color: #000000a6;
  }
  to {
    background-color: #00000059;
  }
}
@keyframes bg_focusLeft {
  0% {
    transform: scale(1) translate(0);
    filter: blur(0);
  }
  to {
    transform: scale(1.15) translate(5%);
    filter: blur(1px);
  }
}
@keyframes bg_focusRight {
  0% {
    transform: scale(1) translate(0);
    filter: blur(0);
  }
  to {
    transform: scale(1.15) translate(-5%);
    filter: blur(1px);
  }
}
@keyframes bg_LtoR {
  0% {
    transform: scale(1.15) translate(5%);
    filter: blur(1px);
  }
  to {
    transform: scale(1.15) translate(-5%);
    filter: blur(1px);
  }
}
@keyframes bg_RtoL {
  0% {
    transform: scale(1.15) translate(-5%);
    filter: blur(1px);
  }
  to {
    transform: scale(1.15) translate(5%);
    filter: blur(1px);
  }
}
@keyframes bg_LtoC {
  0% {
    transform: scale(1.15) translate(5%);
    filter: blur(1px);
  }
  to {
    transform: scale(1) translate(0);
    filter: blur(0);
  }
}
@keyframes bg_RtoC {
  0% {
    transform: scale(1.15) translate(-5%);
    filter: blur(1px);
  }
  to {
    transform: scale(1) translate(0);
    filter: blur(0);
  }
}
@keyframes bg_focus {
  0% {
    transform: scale(1) translate(0);
    filter: blur(0);
  }
  to {
    transform: scale(1.15);
    filter: blur(1px);
  }
}
@keyframes bg_LtoF {
  0% {
    transform: scale(1.15) translate(5%);
    filter: blur(1px);
  }
  to {
    transform: scale(1.15);
    filter: blur(1px);
  }
}
@keyframes bg_RtoF {
  0% {
    transform: scale(1.15) translate(-5%);
    filter: blur(1px);
  }
  to {
    transform: scale(1.15);
    filter: blur(1px);
  }
}
@keyframes bg_FtoL {
  0% {
    transform: scale(1.15);
    filter: blur(1px);
  }
  to {
    transform: scale(1.15) translate(5%);
    filter: blur(1px);
  }
}
@keyframes bg_FtoR {
  0% {
    transform: scale(1.15);
    filter: blur(1px);
  }
  to {
    transform: scale(1.15) translate(-5%);
    filter: blur(1px);
  }
}
@keyframes bg_FtoC {
  0% {
    transform: scale(1.15);
    filter: blur(1px);
  }
  to {
    transform: scale(1) translate(0);
    filter: blur(0);
  }
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}
ul[role="list"],
ol[role="list"] {
  list-style: none;
}
html:focus-within {
  scroll-behavior: smooth;
}
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
}
img,
picture {
  max-width: 100%;
  display: block;
}
input,
button,
textarea,
select {
  font: inherit;
}
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *:before,
  *:after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}