.tg-enter-splash{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  background:#071f18;
  color:#e8f6d8;
  font-family:Inter,"Noto Sans SC","PingFang SC",Arial,sans-serif;
  -webkit-tap-highlight-color:transparent;
}
.tg-enter-splash.is-out{
  opacity:0;
  pointer-events:none;
  transition:opacity .5s ease-out;
}
.tg-enter-splash__box{
  width:100%;
  max-width:320px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:32px;
}
.tg-enter-splash__logo-wrap{
  animation:tgEnterLogo .6s cubic-bezier(.4,0,.2,1);
}
.tg-enter-splash__logo{
  display:block;
  width:min(220px,72vw);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 8px 28px rgba(188,235,57,.28));
}
.tg-enter-splash__status{
  min-height:28px;
  font-size:14px;
  font-weight:600;
  letter-spacing:.04em;
  line-height:1.5;
  text-align:center;
  color:rgba(232,246,216,.72);
  animation:tgEnterFade .6s cubic-bezier(.4,0,.2,1) .2s both;
}
.tg-enter-splash__status.is-ok{color:#bce66d}
.tg-enter-splash__status.is-err{color:#ff8b7a}
.tg-enter-splash__bar{
  width:100%;
  height:4px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.12);
  animation:tgEnterFade .6s cubic-bezier(.4,0,.2,1) .3s both;
}
.tg-enter-splash__fill{
  height:100%;
  width:0;
  border-radius:999px;
  background:linear-gradient(90deg,#bce66d,#67bf50);
  position:relative;
  overflow:hidden;
  transition:width .4s cubic-bezier(.4,0,.2,1);
}
.tg-enter-splash__fill:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);
  animation:tgEnterShimmer 1.5s ease-in-out infinite;
}
.tg-enter-splash__retry{
  display:none;
  margin-top:4px;
  min-height:46px;
  padding:0 22px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#d7f483,#67bf50);
  color:#123f2a;
  font-size:15px;
  font-weight:850;
  animation:tgEnterFade .6s cubic-bezier(.4,0,.2,1) .4s both;
}
.tg-enter-splash__retry.is-show{display:inline-flex;align-items:center;justify-content:center}
@keyframes tgEnterLogo{
  0%{opacity:0;transform:scale(.95)}
  100%{opacity:1;transform:scale(1)}
}
@keyframes tgEnterFade{
  0%{opacity:0}
  100%{opacity:1}
}
@keyframes tgEnterShimmer{
  0%{transform:translateX(-100%)}
  100%{transform:translateX(100%)}
}
@media (max-height:600px){
  .tg-enter-splash__box{gap:24px}
  .tg-enter-splash__logo{width:min(180px,64vw)}
}
@media (max-height:500px){
  .tg-enter-splash__box{gap:18px}
  .tg-enter-splash__logo{width:min(150px,58vw)}
}