.toast {
  display: none;
  position: fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 18rem;
  height: 18rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: rgb(103 194 58 / 66%);
  border-radius: 1rem;
  color: #f0f0f0;
  font-size: 2.5rem;
  z-index: 9999;
 }
 .load {
   display: inline-block;
   margin-bottom: 1.5rem;
   height: 4rem;
   width: 4rem;
   border: 0.4rem solid transparent;
   border-top-color: white;
   border-left-color: white;
   border-bottom-color: white;
   animation: circle 1s infinite linear;
   -webkit-animation: circle 1s infinite linear; /* Safari 和 Chrome */
   border-radius: 50%
  }
  
  @-webkit-keyframes circle {
   0% {
    transform: rotate(0deg);
   }
   100% {
    transform: rotate(-360deg)
   }
  }