@keyframes scale-in {
  from {
      /* opacity: 0; */
      scale: var(--scale, 0.9);
  }
  to {
      /* opacity: var(--opacity, 1); */
      scale: 1;
  }
}
@keyframes fade-in-out {
  from {
      opacity: 0;
  }
  30% {
      opacity: 1;
  }
  75% {
      opacity: 1;
  }
  to {
      opacity: 0;
  }
}
@keyframes in-out {
  from {
      scale: 0.92;
  }
  50% {
      scale: 1.04;
  } 
  to {
      scale: 0.92;
  }
}

@keyframes fade-in {
  from {
      opacity: 0;
  }
  to {
      opacity: var(--opacity, 1);
  }
}
@keyframes fade-out {
  from {
      opacity: 1;
  }
  to {
      opacity: 0;
  }
}

@keyframes scale-out {
  to {
      opacity: 0;
      scale: var(--scale, 0.90);
  }
}

@keyframes fly-away {
  from {
      transform: translateY(var(--from, 0));
  }
  to {
      transform: translateY(var(--to, -60px))
  }
}
@keyframes fade-away {
  to {
      transform: scale(0.92);
      opacity: 0;
      display: none;
  }
}
@keyframes left-in {
  from {
      opacity: 0;
      translate: -10px 0;
  }
  to {
      scale: 1;
      translate: 0 0;
  }
}
@keyframes pop-up {
  from {
      top: 100vh
  }
  to {
      top: 0;
  }
}
@keyframes pop-down {
  to {
      top: 100vh;
  }
}
@keyframes come-up {
  from {
      scale: 0.6;
      bottom: -10vh;
  }
  to {
      scale: 1;
      bottom: var(--bottom, 0);
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Nunito;
}

.btn.icon::before {
    content: var(--icon, "");
    font-family: 'Iconfont';
    font-size: 3.5rem;
    color: var(--color, #e41404);
}

[of="balance"]::before {
  content: '¥ ';
}

/* 闪烁 + scale 动画 */
@keyframes pulse-blink {
  0% {
    opacity: var(--opacity, 1);
    transform: scale(1);
  }
  30% {
    opacity: 0.2;
    transform: scale(1.12); /* 稍微放大一点点 */
  }
  60% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: var(--opacity, 1);
    transform: scale(1);
  }
}


::-webkit-scrollbar {
    display: none;
}