:root,
page {
  --theme-color-body-bg: rgba(255, 255, 255, 0);
}
.ves-tw-rounded {
  border-radius: 0.5rem;
  padding: 0.5rem;
  box-shadow: 0 0 30px #7d7d7d24;
}
header {
  text-align: center;
  padding-top: 5rem;
}
header .logo a {
  display: inline-block;
}
header .logo a img {
  height: 4.5rem;
}
header .slogan {
  text-align: center;
  color: #9e9e9e;
  margin-top: 0.2rem;
}
header .slogan p{
  height: 0.65rem;
}
header .menu {
  text-align: center;
  margin-top: 1rem;
}
header .menu .nav-item {
  display: inline-block;
  position: relative;
  margin: 0 0.5rem;
}
header .menu .nav-item:hover .sub-nav {
  display: block;
}
header .menu .nav-item .sub-title {
  display: inline-block;
}
header .menu .nav-item .sub-title a {
  color: var(--color-primary);
  font-size: 0.8rem;
}
header .menu .nav-item .sub-nav {
  position: absolute;
  background: #FFF;
  padding: 0.5rem;
  border-radius: 0.25rem;
  box-shadow: 0 0 5px #eee;
  display: none;
}
header .menu .nav-item .sub-nav .sub-nav-item {
  white-space: nowrap;
  padding: 0.25rem 0;
  color: var(--color-primary);
}
header .menu > a {
  color: var(--color-primary);
  font-size: 0.8rem;
  margin: 0 0.5rem;
}
.ub-container.narrow,
.ub-mobile-container.narrow {
  max-width: 60rem;
  display: block;
  min-height: 50vh;
}
.parent-div {
  width: 500px;
  height: 500px;
  overflow: hidden;
  position: relative;
}
.wavearr {
  position: relative;
}
.content-div {
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* 隐藏超出部分 */
}
.wave {
  background: rgba(90, 126, 223, 0.25);
  border-radius: 1000% 1000% 0 0;
  position: absolute;
  width: 200%;
  height: 12em;
  animation: wave 10s -3s linear infinite;
  transform: translate3d(0, 0, 0);
  opacity: 0.8;
  bottom: 0;
  left: 0;
  z-index: 99;
}
.wave::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: inherit;
  top: 0;
  left: 0;
  z-index: 100;
}
.wave:nth-of-type(2) {
  bottom: -1.25em;
  animation: wave 18s linear reverse infinite;
  opacity: 0.8;
}
.wave:nth-of-type(3) {
  bottom: -2.5em;
  animation: wave 20s -1s reverse infinite;
  opacity: 0.9;
}
@keyframes wave {
  2% {
    transform: translateX(1);
  }
  25% {
    transform: translateX(-25%);
  }
  50% {
    transform: translateX(-50%);
  }
  75% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(1);
  }
}
.waves {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
/*# sourceMappingURL=style.css.map */