body {
  min-height: 100vh;
  overflow-y: hidden;
}

.warp-box {
  min-width: 1920px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.warp-box .warp-main {
  width: 1920px;
  height: 100%;
  margin: 0 auto;
}

.pagewarp {
  width: 100%;
  height: 100vh;
  min-height: 900px;
  transition: all 0.5s ease;
}

.one-warp {
  background: #11131d;
  padding-top: 160px;
  position: relative;
}
.one-warp .layout-header-box .bnav a {
  color: #fff;
}
.one-warp .layout-header-box .blogin .nbox i {
  background: url(./../image/common/la2.png) no-repeat center center;
  background-size: contain;
}
.one-warp .layout-header-box .blogin .nbox span {
  color: #fff;
}
.one-warp .layout-header-box .blogin .lbox .acontent .tt {
  color: #fff;
}
.one-warp .headerbox {
  width: 100%;
  height: 96px;
  margin-bottom: 20px;
  background: url(./../image/common/hbg.png) no-repeat center center;
  background-size: contain;
  position: relative;
  z-index: 1099;
}
.one-warp .headerbox .logo {
  position: absolute;
  left: 262px;
  top: 20px;
}
.one-warp .headerbox .nav {
  position: absolute;
  left: 50%;
  top: 8px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 10px;
}
.one-warp .headerbox .nav a, .one-warp .headerbox .nav i {
  display: block;
  height: 49px;
  cursor: pointer;
}
.one-warp .headerbox .nav a.nav-home, .one-warp .headerbox .nav i.nav-home {
  width: 120px;
  background: url(./../image/nav/home.png) no-repeat center center;
  background-size: contain;
}
.one-warp .headerbox .nav a.nav-about, .one-warp .headerbox .nav i.nav-about {
  width: 150px;
  background: url(./../image/nav/about.png) no-repeat center center;
  background-size: contain;
}
.one-warp .headerbox .nav a.nav-product, .one-warp .headerbox .nav i.nav-product {
  width: 170px;
  background: url(./../image/nav/ztcp.png) no-repeat center center;
  background-size: contain;
}
.one-warp .headerbox .nav a.nav-strategy, .one-warp .headerbox .nav i.nav-strategy {
  width: 180px;
  background: url(./../image/nav/clbbx.png) no-repeat center center;
  background-size: contain;
}
.one-warp .headerbox .nav a.nav-academy, .one-warp .headerbox .nav i.nav-academy {
  width: 170px;
  background: url(./../image/nav/lhdmy.png) no-repeat center center;
  background-size: contain;
}
.one-warp .headerbox .nav a.nav-download, .one-warp .headerbox .nav i.nav-download {
  width: 170px;
  background: url(./../image/nav/download.png) no-repeat center center;
  background-size: contain;
}
.one-warp .headerbox .nav a.active.nav-home, .one-warp .headerbox .nav a:hover.nav-home, .one-warp .headerbox .nav i.active.nav-home, .one-warp .headerbox .nav i:hover.nav-home {
  background: url(./../image/nav/home-a.png) no-repeat center center;
  background-size: contain;
}
.one-warp .headerbox .nav a.active.nav-about, .one-warp .headerbox .nav a:hover.nav-about, .one-warp .headerbox .nav i.active.nav-about, .one-warp .headerbox .nav i:hover.nav-about {
  background: url(./../image/nav/about-a.png) no-repeat center center;
  background-size: contain;
}
.one-warp .headerbox .nav a.active.nav-product, .one-warp .headerbox .nav a:hover.nav-product, .one-warp .headerbox .nav i.active.nav-product, .one-warp .headerbox .nav i:hover.nav-product {
  background: url(./../image/nav/ztcp-a.png) no-repeat center center;
  background-size: contain;
}
.one-warp .headerbox .nav a.active.nav-strategy, .one-warp .headerbox .nav a:hover.nav-strategy, .one-warp .headerbox .nav i.active.nav-strategy, .one-warp .headerbox .nav i:hover.nav-strategy {
  background: url(./../image/nav/clbbx-a.png) no-repeat center center;
  background-size: contain;
}
.one-warp .headerbox .nav a.active.nav-academy, .one-warp .headerbox .nav a:hover.nav-academy, .one-warp .headerbox .nav i.active.nav-academy, .one-warp .headerbox .nav i:hover.nav-academy {
  background: url(./../image/nav/lhdmy-a.png) no-repeat center center;
  background-size: contain;
}
.one-warp .headerbox .nav a.active.nav-download, .one-warp .headerbox .nav a:hover.nav-download, .one-warp .headerbox .nav i.active.nav-download, .one-warp .headerbox .nav i:hover.nav-download {
  background: url(./../image/nav/download-a.png) no-repeat center center;
  background-size: contain;
}
.one-warp .headerbox .login {
  position: absolute;
  right: 120px;
  top: 19px;
  z-index: 10;
  cursor: pointer;
}
.one-warp .headerbox .login .nbox {
  display: flex;
  align-items: center;
  gap: 10px;
}
.one-warp .headerbox .login .nbox i {
  display: block;
  width: 28px;
  height: 28px;
  background: url(./../image/common/login.png) no-repeat center center;
  background-size: contain;
}
.one-warp .headerbox .login .nbox span {
  font-size: 18px;
  letter-spacing: 2px;
  color: #0a59dc;
}
.one-warp .headerbox .login .lbox {
  display: flex;
  align-items: center;
  gap: 20px;
}
.one-warp .headerbox .login .lbox .aimg {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.one-warp .headerbox .login .lbox .aimg img {
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 50%;
}
.one-warp .headerbox .login .lbox .acontent {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}
.one-warp .headerbox .login .lbox .acontent .tt {
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}
.one-warp .headerbox .login .lbox .acontent i {
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.2s;
}
.one-warp .headerbox .login .lbox .acontent i::before {
  content: "";
  width: 14px;
  height: 2px;
  background: #fff;
  position: absolute;
  left: -2px;
  top: 10px;
  transform-origin: center;
  transform: rotate(45deg);
}
.one-warp .headerbox .login .lbox .acontent i::after {
  content: "";
  width: 14px;
  height: 2px;
  background: #fff;
  position: absolute;
  right: -2px;
  top: 10px;
  transform-origin: center;
  transform: rotate(-45deg);
}
.one-warp .headerbox .login .lbox .acontent i.up {
  transform: rotate(180deg);
}
.one-warp .headerbox .login .lbox .acontent .downbox {
  display: none;
  position: absolute;
  right: 0;
  top: 32px;
  z-index: 999999999999;
  width: 300px;
  background: #fff;
  border-radius: 7px;
  padding: 10px 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.one-warp .headerbox .login .lbox .acontent .downbox .img {
  width: 60px;
  height: 60px;
  margin: 0 auto 10px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.one-warp .headerbox .login .lbox .acontent .downbox .img img {
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 50%;
}
.one-warp .headerbox .login .lbox .acontent .downbox .x-list {
  margin-bottom: 20px;
}
.one-warp .headerbox .login .lbox .acontent .downbox .x-list .titem {
  display: block;
  padding: 5px 0;
  border-bottom: 1px dashed rgba(52, 152, 253, 0.2);
  font-size: 14px;
  letter-spacing: 1px;
  color: #333;
  cursor: pointer;
  text-decoration: none;
  padding-left: 5px;
}
.one-warp .headerbox .login .lbox .acontent .downbox .x-list .titem:hover {
  color: #f57808;
}
.one-warp .headerbox .login .lbox .acontent .downbox .x-list .titem:last-of-type {
  border-bottom: 0;
}
.one-warp .headerbox .login .lbox .acontent .downbox .x-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.one-warp .headerbox .login .lbox .acontent .downbox .x-btn .outbtn {
  padding: 5px 18px;
  font-size: 12px;
  border-radius: 3px;
  border: 1px solid #dcdfe6;
  cursor: pointer;
  background: #3498fd;
  color: #fff;
}
.one-warp .headerbox .login .lbox .acontent .downbox .x-btn .outbtn:hover {
  background: #66b1ff;
  border-color: #66b1ff;
}
.one-warp .mainbox {
  position: relative;
  z-index: 10;
}
.one-warp .mainbox .videobox {
  width: 1500px;
  height: 576px;
  margin: 0 auto 30px auto;
  position: relative;
}
.one-warp .mainbox .videobox video {
  display: block;
  width: 100%;
  height: 100%;
}
.one-warp .mainbox .videobox .text {
  position: absolute;
  right: 5px;
  bottom: -27px;
  color: #0078ff;
  font-size: 16px;
}
.one-warp .mainbox .navbox {
  width: 100%;
  height: 100px;
  position: relative;
}
.one-warp .mainbox .navbox .bg {
  width: 100%;
  height: 100%;
  background: url(./../image/product/vbg.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
}
.one-warp .mainbox .navbox .dhb {
  display: flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  top: 25px;
  z-index: 13;
  cursor: pointer;
}
.one-warp .mainbox .navbox .dhb.dleft {
  left: 383px;
}
.one-warp .mainbox .navbox .dhb.dright {
  right: 431px;
}
.one-warp .mainbox .navbox .dhb span {
  font-size: 26px;
  letter-spacing: 2px;
  color: #fff;
}
.one-warp .mainbox .navbox .dhb i {
  display: block;
  width: 25px;
  height: 24px;
  background: url(./../image/product/ticon.png) no-repeat center center;
  background-size: contain;
  animation: scaleAnimate 0.8s infinite;
}
.one-warp .mainbox .navbox .title {
  padding-top: 20px;
  position: relative;
  z-index: 12;
}
.one-warp .mainbox .navbox .title img {
  margin: 0 auto;
}
.one-warp .downicon {
  position: absolute;
  right: 67px;
  top: 50%;
  margin-top: -34px;
  width: 68px;
  height: 67px;
  z-index: 20;
  background: url(./../image/product/down-icon.png) no-repeat center center;
  background-size: contain;
  cursor: pointer;
  animation: beatAnimate 0.8s infinite;
}
.one-warp .one-canvas {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 1;
}
.one-warp .one-canvas canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.two-warp {
  background: url(./../image/product/tbg.jpg) no-repeat center center;
  background-size: cover;
}
.two-warp .theader {
  width: 100%;
  height: 182px;
  background: url(./../image/product/tvbg.png) no-repeat center center;
  background-size: contain;
  position: relative;
}
.two-warp .theader .tit {
  position: absolute;
  left: 50%;
  top: 50px;
  transform: translateX(-46%);
}
.two-warp .kbox {
  width: 1500px;
  height: 650px;
  border: 1px solid #434d8e;
  margin: 0 auto 15px auto;
  position: relative;
}
.two-warp .kbox .lh {
  width: 77px;
  height: 42px;
  position: absolute;
  background: url(./../image/product/xfg.png) no-repeat center center;
  background-size: contain;
}
.two-warp .kbox .lh.lh1 {
  left: -8px;
  top: -8px;
}
.two-warp .kbox .lh.lh2 {
  right: -8px;
  top: -8px;
  transform: rotateY(-180deg);
}
.two-warp .kbox .lh.lh3 {
  left: -8px;
  bottom: -8px;
  transform: rotateX(-180deg);
}
.two-warp .kbox .lh.lh4 {
  right: -8px;
  bottom: -8px;
  transform: rotate(180deg);
}
.two-warp .kbox .tip {
  position: absolute;
  left: 0;
  top: -35px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 14px;
}
.two-warp .kbox .tip span {
  color: #7b91da;
  font-style: italic;
  letter-spacing: 1px;
}
.two-warp .kbox .ekv {
  position: relative;
  z-index: 12;
}
.two-warp .kbox .lkbox {
  width: 401px;
  padding: 20px 0 0 0;
  height: 110px;
  background: url(./../image/product/xq.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 50%;
  bottom: -70px;
  z-index: 10;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b8bfe1;
  font-size: 22px;
  letter-spacing: 1px;
  cursor: pointer;
}
.two-warp .kbox .lkbox:hover {
  color: #fff;
}

.three-warp {
  background: url(./../image/product/dsbg.jpg) no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.three-warp .leftbox {
  padding-left: 20px;
  flex-shrink: 0;
}
.three-warp .rightbox {
  flex: 1;
}
.three-warp .rightbox .t1 {
  padding-right: 260px;
  transform: translateX(300%);
  opacity: 0;
}
.three-warp .rightbox .t1 .it {
  display: inline-block;
  background: linear-gradient(to right, #3f59f8 0%, #5b82f6 50%, #2141e5 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-size: 62px;
  letter-spacing: 1px;
  position: relative;
  transition: all 0.5s;
}
.three-warp .rightbox .t1 .it .ic {
  position: absolute;
  right: -90px;
  top: -5px;
  border: 1px solid #fff;
  background: #f57808;
  border-radius: 8px;
  font-size: 22px;
  color: #fff;
  padding: 2px 10px;
}
.three-warp .rightbox .t1 .it .ic:after {
  content: "";
  position: absolute;
  top: 10px;
  left: -8px;
  width: 9px;
  height: 11px;
  background: url(./../image/product/ri.png) no-repeat center center;
  background-size: contain;
}
.three-warp .rightbox .t2 {
  padding-right: 260px;
  transform: translateX(300%);
  opacity: 0;
  background: linear-gradient(to right, #3f59f8 0%, #5b82f6 50%, #2141e5 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  opacity: 0.7;
  font-size: 14px;
  margin-bottom: 20px;
  letter-spacing: 1px;
}
.three-warp .rightbox .t3 {
  padding-right: 260px;
  transform: translateY(1000px);
  opacity: 0;
  font-size: 16px;
  color: #333;
  line-height: 32px;
  margin-bottom: 40px;
}
.three-warp .rightbox .tbtn {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 20px;
}
.three-warp .rightbox .tbtn .nt {
  opacity: 0;
  width: 260px;
  height: 40px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #9db3f2;
  box-shadow: 0 0 10px #cddbf6;
  border-radius: 5px;
  padding-left: 20px;
  letter-spacing: 1px;
}
.three-warp .rightbox .tbtn .nt .it {
  color: #3b64ed;
  font-size: 16px;
}
.three-warp .rightbox .tbtn .nt .ic {
  color: #fff;
  font-size: 13px;
  background: #f57808;
  padding: 2px 6px;
  border-radius: 4px;
}
.three-warp .rightbox .fly-in {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.8s ease 0.2s;
}
.three-warp .rightbox .fly-up {
  opacity: 1;
  transform: translateY(0);
  transition: all 1s ease 0.2s;
}
.three-warp .rightbox .fly-show1 {
  opacity: 1 !important;
  transition: all 0.8s ease 1s;
}
.three-warp .rightbox .fly-show2 {
  opacity: 1 !important;
  transition: all 0.8s ease 1.2s;
}
.three-warp .rightbox .fly-show3 {
  opacity: 1 !important;
  transition: all 0.8s ease 1.4s;
}
.three-warp .rightbox .fly-show4 {
  opacity: 1 !important;
  transition: all 0.8s ease 1.6s;
}
.three-warp .rightbox .fly-show5 {
  opacity: 1 !important;
  transition: all 0.8s ease 1.8s;
}

.scroll-indicator {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 2rem;
  animation: bounce 2s infinite;
  z-index: 100;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  40% {
    transform: translateX(-50%) translateY(-20px);
  }
  60% {
    transform: translateX(-50%) translateY(-10px);
  }
}
@keyframes scaleAnimate {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes beatAnimate {
  0% {
    transform: translateY(-15px);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(-15px);
  }
}
@keyframes flyInFromRight {
  0% {
    transform: translateX(300%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
div.starfield {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  overflow: hidden;
}

div.starfield .moving-1 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  transform-origin: 0vw 37vh;
  box-shadow: 70vw -78vh 1px 0.75px #fcfbfc, 33vw -85vh 1px 0.75px #f7f3fe, -89vw 72vh 1px 0.75px #f2fafd, 22vw 22vh 1px 0.75px #f7f1fa, 93vw 17vh 1px 0.75px #f5fcf3, 39vw -77vh 1px 0.75px rgba(254, 250, 241, 0.9979827397), 7vw -90vh 1px 0.75px rgba(246, 243, 248, 0.7240028469), -24vw 2vh 1px 0.75px #f3fffc, 81vw 72vh 1px 0.75px rgba(255, 249, 246, 0.6902035251), 69vw 5vh 1px 0.75px #f8fffd, 39vw -31vh 1px 0.75px #f5f7fa, 98vw -49vh 1px 0.75px #f9fbf5, -47vw 82vh 1px 0.75px #f5f1fc, -6vw 33vh 1px 0.75px rgba(244, 246, 250, 0.5473451883), -21vw -63vh 1px 0.75px #f7f7fa, -67vw -42vh 1px 0.75px #fff5fe, 98vw -43vh 1px 0.75px rgba(248, 252, 254, 0.5291899046), 11vw -69vh 1px 0.75px #fafff1, 20vw -70vh 1px 0.75px rgba(241, 244, 241, 0.5844228859), 54vw 99vh 1px 0.75px #f5f1ff, -77vw -62vh 1px 0.75px rgba(251, 247, 248, 0.5053761606), -12vw 36vh 1px 0.75px rgba(243, 251, 243, 0.8013952051), 51vw -5vh 1px 0.75px rgba(251, 252, 253, 0.7382105754), -35vw -40vh 1px 0.75px rgba(243, 249, 243, 0.9454544341), 31vw -27vh 1px 0.75px rgba(245, 245, 251, 0.9888425073), -39vw 53vh 1px 0.75px #f5fff2, -46vw -70vh 1px 0.75px #f7f2fa, 28vw 83vh 1px 0.75px rgba(251, 244, 248, 0.7592181013), 82vw -61vh 1px 0.75px #f7f9f7, -80vw 63vh 1px 0.75px rgba(254, 243, 247, 0.9671587659), 74vw 12vh 1px 0.75px rgba(245, 254, 245, 0.6343489348), -43vw 53vh 1px 0.75px #f4fef7, -89vw 52vh 1px 0.75px rgba(255, 247, 242, 0.6624529548), 100vw -91vh 1px 0.75px #fcfaf7, 59vw 74vh 1px 0.75px #fdf8ff, 87vw -46vh 1px 0.75px #f6faf9, 29vw 17vh 1px 0.75px rgba(247, 242, 254, 0.6633870974), 58vw 18vh 1px 0.75px #fcf4f8, 13vw 72vh 1px 0.75px rgba(255, 250, 249, 0.7011265364), -9vw -91vh 1px 0.75px rgba(254, 255, 249, 0.8739815261), -35vw 46vh 1px 0.75px rgba(253, 244, 249, 0.8038526072), -42vw 46vh 1px 0.75px rgba(247, 255, 246, 0.727539213), -55vw 58vh 1px 0.75px #f9faf3, 66vw -33vh 1px 0.75px rgba(246, 244, 252, 0.7177557543), 0vw 30vh 1px 0.75px #fef1f7, 95vw 7vh 1px 0.75px #f2f6f1, 93vw 94vh 1px 0.75px rgba(251, 245, 254, 0.9558488069), 62vw -93vh 1px 0.75px #fbfafd, 42vw -8vh 1px 0.75px rgba(247, 246, 248, 0.6431941184), 63vw 99vh 1px 0.75px #f3fef6, -71vw 65vh 1px 0.75px rgba(248, 255, 253, 0.9829806386), -27vw 19vh 1px 0.75px #faf4f5, 87vw -50vh 1px 0.75px rgba(250, 246, 249, 0.5659936005), -89vw -31vh 1px 0.75px rgba(250, 255, 251, 0.9721365313), -51vw 80vh 1px 0.75px #f3f2fc, 10vw 24vh 1px 0.75px #f7fff9, 59vw 25vh 1px 0.75px rgba(241, 250, 249, 0.7847759151), 94vw -99vh 1px 0.75px rgba(255, 247, 242, 0.7091903145), 72vw 89vh 1px 0.75px rgba(247, 251, 251, 0.5148583233), -18vw 76vh 1px 0.75px #fdfdfd, -73vw -61vh 1px 0.75px #f9f1fc, -45vw 1vh 1px 0.75px rgba(254, 241, 241, 0.702751157), -12vw -19vh 1px 0.75px #f4f5f7, 21vw 41vh 1px 0.75px rgba(251, 250, 250, 0.8809981073), -34vw 20vh 1px 0.75px rgba(252, 247, 253, 0.9129089383), -7vw -31vh 1px 0.75px rgba(242, 245, 254, 0.860335114), -9vw -60vh 1px 0.75px rgba(243, 244, 248, 0.6849733745), 6vw -39vh 1px 0.75px #fcf5f4, 60vw 28vh 1px 0.75px rgba(247, 255, 245, 0.6640452516), 7vw 84vh 1px 0.75px rgba(243, 254, 255, 0.7516146651), 31vw 20vh 1px 0.75px #f1fafe, 89vw 86vh 1px 0.75px rgba(254, 250, 254, 0.6427855075), -87vw 71vh 1px 0.75px #f7fcf4, 14vw -78vh 1px 0.75px #f5fafb, -63vw 47vh 1px 0.75px #f6fbf2, 28vw 34vh 1px 0.75px rgba(247, 248, 251, 0.6092005426), -33vw -53vh 1px 0.75px #f6f2fd, 65vw -27vh 1px 0.75px rgba(249, 243, 244, 0.5072936984), 63vw 85vh 1px 0.75px rgba(241, 255, 249, 0.5300853737), 52vw -35vh 1px 0.75px rgba(253, 246, 247, 0.8191946632), -57vw 35vh 1px 0.75px rgba(253, 244, 243, 0.591342388), 41vw -10vh 1px 0.75px rgba(250, 253, 247, 0.6617182009), 52vw 93vh 1px 0.75px #fcfbfc, 97vw 80vh 1px 0.75px rgba(252, 248, 246, 0.9559277636), -52vw 19vh 1px 0.75px rgba(248, 247, 249, 0.8636792789), -53vw 82vh 1px 0.75px rgba(241, 242, 244, 0.9267091286), -16vw 83vh 1px 0.75px rgba(251, 253, 242, 0.7989757342), 37vw -90vh 1px 0.75px #f4f5fe, 89vw -65vh 1px 0.75px #f3fff8, 65vw 71vh 1px 0.75px rgba(246, 253, 244, 0.9431369742), 83vw 90vh 1px 0.75px rgba(246, 250, 241, 0.7020041663), 78vw 73vh 1px 0.75px rgba(249, 249, 249, 0.8845609162), 28vw 95vh 1px 0.75px #fdfef5, 40vw 95vh 1px 0.75px rgba(248, 251, 252, 0.7615823219), 2vw -89vh 1px 0.75px #f2fdfe, 44vw 57vh 1px 0.75px rgba(251, 249, 247, 0.6179032575), -92vw 37vh 1px 0.75px rgba(250, 253, 255, 0.8053360866), -40vw -81vh 1px 0.75px #f2f7f8, -20vw -99vh 1px 0.75px rgba(243, 250, 249, 0.6139709969), -56vw 52vh 1px 0.75px rgba(241, 245, 252, 0.541388148);
  animation: star-movement 9s cubic-bezier(0.55, 0, 1, 0.45) infinite;
}

div.starfield .moving-2 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  transform-origin: 0vw 37vh;
  box-shadow: -85vw -90vh 1px 0.75px #f3f4fa, -21vw -72vh 1px 0.75px rgba(253, 254, 242, 0.7537296055), 84vw -61vh 1px 0.75px #f5fcf5, 4vw 60vh 1px 0.75px rgba(243, 254, 245, 0.5128090246), -62vw -87vh 1px 0.75px rgba(243, 253, 244, 0.5656420177), 89vw 48vh 1px 0.75px #f5f6f1, -29vw 54vh 1px 0.75px #fdfaf7, -43vw -25vh 1px 0.75px rgba(242, 253, 244, 0.9377612506), -56vw 31vh 1px 0.75px rgba(250, 242, 249, 0.6047095178), -25vw 71vh 1px 0.75px #f3f7f3, -75vw 59vh 1px 0.75px #f6f3ff, 28vw -15vh 1px 0.75px #f6fdff, -78vw -11vh 1px 0.75px rgba(254, 242, 245, 0.8959916629), 35vw -22vh 1px 0.75px #fdfafd, -41vw 99vh 1px 0.75px #fef6f2, -87vw 37vh 1px 0.75px rgba(252, 254, 245, 0.8997062422), -29vw 55vh 1px 0.75px #fffff1, -83vw 58vh 1px 0.75px #f9f1fe, -6vw 41vh 1px 0.75px rgba(252, 243, 241, 0.6541557377), -36vw 24vh 1px 0.75px rgba(250, 253, 244, 0.5861573904), -56vw 55vh 1px 0.75px #f7f1f8, 1vw -17vh 1px 0.75px rgba(246, 249, 243, 0.9060487423), -13vw -22vh 1px 0.75px #faf2fb, 33vw 14vh 1px 0.75px #f3f3fb, 40vw -64vh 1px 0.75px rgba(246, 244, 243, 0.5982435171), 62vw 28vh 1px 0.75px #f8f6f3, -44vw -85vh 1px 0.75px rgba(255, 253, 244, 0.975352983), 66vw 19vh 1px 0.75px #fffffb, -99vw -40vh 1px 0.75px #f4f7f1, -46vw -43vh 1px 0.75px rgba(255, 244, 252, 0.7266734494), -59vw -71vh 1px 0.75px #fcfdf3, -59vw -78vh 1px 0.75px #f7f5f1, -88vw 63vh 1px 0.75px #f5f8fc, -25vw 100vh 1px 0.75px #f3f9ff, -3vw 72vh 1px 0.75px rgba(252, 252, 241, 0.6974988381), -3vw -20vh 1px 0.75px #fbf2f5, 69vw -15vh 1px 0.75px rgba(241, 254, 242, 0.9887900105), 98vw 77vh 1px 0.75px rgba(254, 253, 245, 0.5778617331), 89vw -19vh 1px 0.75px rgba(249, 243, 243, 0.7071598781), 71vw -82vh 1px 0.75px #fff3fc, 47vw 93vh 1px 0.75px #f2fcfa, -65vw 46vh 1px 0.75px rgba(244, 249, 245, 0.7218847202), -54vw 95vh 1px 0.75px rgba(247, 248, 248, 0.9485655383), -84vw -83vh 1px 0.75px #f7f2f4, 38vw 25vh 1px 0.75px #f6fdfe, -84vw -36vh 1px 0.75px rgba(254, 255, 243, 0.7164359789), -57vw 90vh 1px 0.75px #fefdf6, 82vw -90vh 1px 0.75px rgba(255, 254, 246, 0.8792310794), 83vw 44vh 1px 0.75px #faf8f5, 38vw -69vh 1px 0.75px rgba(250, 247, 251, 0.9901894973), -26vw 67vh 1px 0.75px #f7fcf1, 44vw -13vh 1px 0.75px rgba(246, 252, 242, 0.5178878937), -47vw 76vh 1px 0.75px rgba(254, 246, 254, 0.984497157), -64vw -53vh 1px 0.75px #fff1f5, -85vw 81vh 1px 0.75px rgba(250, 248, 242, 0.6086005939), 8vw -38vh 1px 0.75px rgba(249, 253, 250, 0.5879927569), 32vw 11vh 1px 0.75px #f5f3f3, -13vw 58vh 1px 0.75px rgba(253, 253, 250, 0.9911318035), 40vw -96vh 1px 0.75px #f6fafb, -34vw -88vh 1px 0.75px #fcf6f7, 23vw 76vh 1px 0.75px rgba(243, 252, 249, 0.8673120925), -32vw -75vh 1px 0.75px rgba(251, 250, 251, 0.5346766143), -86vw -27vh 1px 0.75px rgba(252, 253, 244, 0.8589931457), 23vw -46vh 1px 0.75px #f4f3fa, -41vw -98vh 1px 0.75px rgba(250, 253, 254, 0.7384420433), 72vw 77vh 1px 0.75px #f6f7fa, 5vw 89vh 1px 0.75px rgba(255, 253, 241, 0.8467534472), -2vw 88vh 1px 0.75px rgba(248, 241, 245, 0.5039699175), 87vw -78vh 1px 0.75px rgba(250, 254, 242, 0.587269332), 30vw -48vh 1px 0.75px #f3fafc, -62vw 76vh 1px 0.75px #f3fff1, -97vw 26vh 1px 0.75px rgba(242, 243, 251, 0.509167354), 42vw -36vh 1px 0.75px rgba(253, 241, 253, 0.9900136411), 41vw 66vh 1px 0.75px #faf6f2, -51vw 93vh 1px 0.75px #f2f2f5, -32vw 63vh 1px 0.75px rgba(242, 253, 241, 0.5872038537), -26vw 62vh 1px 0.75px rgba(252, 245, 246, 0.8290907887), 69vw -14vh 1px 0.75px #f9f9f7, -63vw -69vh 1px 0.75px #f1f5ff, -5vw 61vh 1px 0.75px #f7fefd, 81vw -65vh 1px 0.75px #f3f7fc, -89vw -68vh 1px 0.75px #f9f2ff, -88vw -61vh 1px 0.75px #fff9f9, -75vw -94vh 1px 0.75px rgba(242, 252, 243, 0.8098439951), 2vw -40vh 1px 0.75px #f7faf9, -30vw 48vh 1px 0.75px rgba(242, 242, 241, 0.6052150356), 76vw 54vh 1px 0.75px #fdf7fb, 67vw 71vh 1px 0.75px #f5f6fa, -17vw 49vh 1px 0.75px rgba(249, 248, 251, 0.7849830967), -82vw -44vh 1px 0.75px rgba(244, 255, 250, 0.7999574245), 46vw 56vh 1px 0.75px rgba(244, 249, 255, 0.8456003771), 51vw 18vh 1px 0.75px rgba(247, 243, 248, 0.6348783828), -88vw -73vh 1px 0.75px rgba(242, 247, 251, 0.6530683926), 95vw 82vh 1px 0.75px #f1f4f5, 77vw 91vh 1px 0.75px #f1f5fb, -26vw -66vh 1px 0.75px rgba(246, 245, 249, 0.5763128593), -47vw -16vh 1px 0.75px rgba(244, 243, 253, 0.8049546316), -70vw 90vh 1px 0.75px #f4f6f4, 35vw -14vh 1px 0.75px #f2f1f8, -13vw 73vh 1px 0.75px rgba(246, 242, 242, 0.5151698472);
  animation: star-movement 9s -3s cubic-bezier(0.55, 0, 1, 0.45) infinite;
}

div.starfield .moving-3 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  transform-origin: 0vw 37vh;
  box-shadow: 21vw 9vh 1px 0.75px rgba(241, 252, 248, 0.7775219169), 53vw 70vh 1px 0.75px #fefef9, -87vw 15vh 1px 0.75px #f3fdf4, -26vw 10vh 1px 0.75px rgba(254, 244, 244, 0.8246879561), 40vw -8vh 1px 0.75px #fefcf2, 3vw 45vh 1px 0.75px rgba(255, 250, 253, 0.5544573097), 57vw 23vh 1px 0.75px rgba(246, 248, 242, 0.7653152027), 80vw -78vh 1px 0.75px rgba(247, 253, 251, 0.6812475911), -96vw -38vh 1px 0.75px #f3fcf1, -50vw -17vh 1px 0.75px #fcfcf5, -84vw 74vh 1px 0.75px rgba(241, 247, 248, 0.7104385761), -38vw 46vh 1px 0.75px rgba(255, 254, 251, 0.5729018561), 67vw -61vh 1px 0.75px #fdf2f9, -91vw 7vh 1px 0.75px #f1f9f9, -6vw -4vh 1px 0.75px #f4fbff, 61vw 74vh 1px 0.75px #fafcfb, 31vw 92vh 1px 0.75px rgba(242, 244, 250, 0.8376824414), 94vw 57vh 1px 0.75px #f1fcfb, -32vw -55vh 1px 0.75px #fcf5f4, 67vw 66vh 1px 0.75px rgba(249, 247, 248, 0.5353940172), -28vw 28vh 1px 0.75px rgba(244, 249, 251, 0.6130447164), 42vw -6vh 1px 0.75px #fbfef2, 28vw 15vh 1px 0.75px #f8fdf7, -59vw 85vh 1px 0.75px rgba(252, 248, 247, 0.5385347116), -53vw 68vh 1px 0.75px #f4f7fe, -35vw 47vh 1px 0.75px #f4fcfc, -46vw -33vh 1px 0.75px rgba(254, 253, 251, 0.7957378828), -93vw -22vh 1px 0.75px rgba(250, 247, 244, 0.9770092273), 63vw 86vh 1px 0.75px rgba(250, 248, 241, 0.7663487955), 79vw 47vh 1px 0.75px #fbf1fc, 80vw 42vh 1px 0.75px rgba(242, 246, 244, 0.8720213539), -43vw -46vh 1px 0.75px #fdf2fc, 20vw 52vh 1px 0.75px #f4fcff, 11vw 58vh 1px 0.75px rgba(241, 252, 255, 0.9833718318), -50vw -46vh 1px 0.75px #fcf1fd, -59vw 70vh 1px 0.75px #f1f5fd, -79vw 78vh 1px 0.75px #faf2fe, 90vw -34vh 1px 0.75px rgba(246, 243, 243, 0.7320350996), 24vw -52vh 1px 0.75px rgba(243, 247, 253, 0.6336157447), -45vw -75vh 1px 0.75px #f4f2f4, 37vw -52vh 1px 0.75px #f4f1f8, -80vw -40vh 1px 0.75px rgba(255, 253, 248, 0.6906214992), 63vw 55vh 1px 0.75px #fafbf2, -5vw 89vh 1px 0.75px #fbf8fb, -74vw 58vh 1px 0.75px #f6f1f6, 35vw -60vh 1px 0.75px rgba(248, 245, 242, 0.7334472613), -36vw 82vh 1px 0.75px rgba(246, 242, 242, 0.9958310964), -57vw -77vh 1px 0.75px #f9f5f4, -28vw 34vh 1px 0.75px #f8faf7, -98vw 71vh 1px 0.75px rgba(253, 244, 253, 0.6970220088), 95vw 34vh 1px 0.75px rgba(246, 245, 250, 0.7934140378), 17vw 71vh 1px 0.75px rgba(248, 252, 255, 0.8904795424), -88vw 95vh 1px 0.75px rgba(254, 241, 246, 0.9434598893), -5vw -94vh 1px 0.75px rgba(246, 255, 244, 0.6891577287), -28vw 76vh 1px 0.75px rgba(248, 241, 249, 0.6747024231), 10vw -80vh 1px 0.75px #fffaf8, -60vw 0vh 1px 0.75px #f9f9fb, 28vw 7vh 1px 0.75px rgba(242, 251, 245, 0.5107166959), 13vw 29vh 1px 0.75px rgba(247, 245, 251, 0.7491331951), -14vw 9vh 1px 0.75px rgba(242, 255, 251, 0.6099454248), -32vw 69vh 1px 0.75px rgba(253, 246, 252, 0.6878847535), -32vw 22vh 1px 0.75px rgba(244, 252, 242, 0.6328168052), 0vw 45vh 1px 0.75px #fbf5fb, 65vw 24vh 1px 0.75px #fff9fa, 46vw 63vh 1px 0.75px rgba(253, 255, 249, 0.7986185336), 97vw 38vh 1px 0.75px rgba(243, 247, 249, 0.8107604438), -56vw 4vh 1px 0.75px rgba(250, 254, 245, 0.6772192877), -6vw 23vh 1px 0.75px rgba(247, 242, 243, 0.9211230909), -29vw -71vh 1px 0.75px rgba(250, 244, 241, 0.5340213157), -34vw -31vh 1px 0.75px #f2f9f5, -21vw -33vh 1px 0.75px rgba(247, 251, 249, 0.6504357405), -41vw 0vh 1px 0.75px #f8fbf1, 70vw 32vh 1px 0.75px rgba(244, 252, 247, 0.7759066514), -52vw 72vh 1px 0.75px rgba(254, 248, 254, 0.9440729521), 23vw 85vh 1px 0.75px #fff1f5, 70vw 23vh 1px 0.75px #f1f7fb, -8vw -62vh 1px 0.75px rgba(247, 244, 249, 0.9767461499), -89vw 48vh 1px 0.75px rgba(251, 245, 251, 0.8848947974), -76vw -95vh 1px 0.75px #f1f5f3, -12vw -82vh 1px 0.75px rgba(246, 250, 251, 0.719627641), 90vw 85vh 1px 0.75px #f6fff3, 40vw 44vh 1px 0.75px #fdfdf1, -83vw -83vh 1px 0.75px #fffbfe, -74vw 87vh 1px 0.75px rgba(253, 243, 242, 0.6903132297), 32vw -51vh 1px 0.75px rgba(251, 248, 248, 0.6250114572), 65vw 38vh 1px 0.75px rgba(244, 253, 242, 0.5124548877), 89vw 49vh 1px 0.75px rgba(246, 246, 248, 0.7734324543), 49vw 21vh 1px 0.75px rgba(246, 253, 247, 0.8902120595), -20vw -82vh 1px 0.75px rgba(255, 253, 244, 0.7923218532), -60vw -4vh 1px 0.75px rgba(254, 251, 248, 0.7358298768), 30vw -59vh 1px 0.75px rgba(251, 250, 247, 0.6739768758), -76vw -40vh 1px 0.75px rgba(246, 245, 246, 0.8310526045), 61vw 87vh 1px 0.75px rgba(255, 255, 250, 0.7897111781), 91vw -19vh 1px 0.75px rgba(245, 253, 250, 0.5232700373), -86vw 62vh 1px 0.75px #f8f9f4, -69vw -48vh 1px 0.75px #fcf4fd, -40vw -32vh 1px 0.75px rgba(248, 254, 247, 0.5189485175), 51vw -4vh 1px 0.75px #fdfcf4, -12vw -99vh 1px 0.75px #fdf8fe, -52vw 15vh 1px 0.75px #f5f7ff;
  animation: star-movement 9s -6s cubic-bezier(0.55, 0, 1, 0.45) infinite;
}

@keyframes star-movement {
  0% {
    transform: scale(0.5) translateZ(0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    transform: scale(2) translateZ(0);
    opacity: 0;
  }
}