@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
/* The following line is used to measure usage of this code. You can remove it if you want. */
@import url("https://px.animaapp.com/6854045ba5e7ef2479f75ab8.6854045ca5e7ef2479f75abb.g13Uz42.hcp.png");

@font-face {
  font-family: "Source Han Sans CN-Medium";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/SourceHanSansCN-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Source Han Sans CN-Bold";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/SourceHanSansCN-Bold.otf") format("opentype");
}
@font-face {
  font-family: "Douyin Sans-Bold";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/DouyinSansBold.otf") format("opentype");
}
@font-face {
  font-family: "Source Han Sans CN-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/.23611.otf") format("opentype");
}
@font-face {
  font-family: "PingFang SC-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/苹方黑体-准-简.ttf") format("truetype");
}


.screen a {
  display: contents;
  text-decoration: none;
}

.container-center-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  pointer-events: none;
  width: 100%;
}

.container-center-horizontal > * {
  flex-shrink: 0;
  pointer-events: auto;
}

.align-self-flex-end {
  align-self: flex-end;
}

.valign-text-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

* {
  box-sizing: border-box;
}

.text {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 2.0px;
  min-height: 29px;
  min-width: 155px;
}

.rectangle-119 {
  background-color: #cc1dfc57;
  filter: blur(22.5px);;
  height: 274px;
  left: 101px;
  top: 117px;
  transform: rotate(-30.00deg);
  width: 240px;
}

.rectangle-118 {
  background: linear-gradient(180deg, rgba(121, 143, 236, 1) 0%, rgba(189, 30, 232, 1) 100%);
  border: 1px solid;
  border-color: #ffffff24;
  height: 285px;
  left: 98px;
  top: 43px;
  transform: rotate(-30.00deg);
  width: 250px;
}

.rectangle-120 {
  background-color: var(--regent-st-blue);
  height: 18px;
  left: 23px;
  top: 133px;
  transform: rotate(-30.00deg);
  width: 164px;
}

.rectangle-121 {
  background-color: var(--regent-st-blue);
  height: 12px;
  left: 44px;
  top: 140px;
  transform: rotate(-30.00deg);
  width: 209px;
}

.rectangle-122 {
  background-color: var(--regent-st-blue);
  height: 12px;
  left: 69px;
  top: 155px;
  transform: rotate(-30.00deg);
  width: 209px;
}

.rectangle-123 {
  background-color: var(--regent-st-blue);
  height: 12px;
  left: 102px;
  top: 195px;
  transform: rotate(-30.00deg);
  width: 108px;
}

.x21-22 {
  height: 15px;
  left: 98px;
  position: absolute;
  top: 18px;
  width: 3px;
}

.x23-16 {
  height: 13px;
  left: 109px;
  position: absolute;
  top: 22px;
  width: 8px;
}

.x22-23 {
  height: 13px;
  left: 101px;
  position: absolute;
  top: 22px;
  width: 7px;
}

.x0-12 {
  height: 19px;
  left: 412px;
  position: absolute;
  top: 115px;
  width: 2px;
}

.union-4 {
  height: 222px;
  left: 31px;
  position: absolute;
  top: 0;
  width: 384px;
}

.rectangle-126 {
  background-color: var(--cyan--aqua-2);
  height: 21px;
  left: 149px;
  top: 58px;
  transform: rotate(30.00deg);
  width: 206px;
}

.rectangle-127 {
  background-color: var(--cyan--aqua-2);
  height: 18px;
  left: 124px;
  top: 65px;
  transform: rotate(30.00deg);
  width: 146px;
}

.rectangle-128 {
  background-color: var(--cyan--aqua-2);
  height: 24px;
  left: 85px;
  top: 103px;
  transform: rotate(30.00deg);
  width: 244px;
}

.rectangle-129 {
  background-color: var(--cyan--aqua-2);
  height: 18px;
  left: 60px;
  top: 99px;
  transform: rotate(30.00deg);
  width: 130px;
}

.union-5 {
  height: 128px;
  left: 118px;
  position: absolute;
  top: 158px;
  width: 355px;
}

.union-6 {
  height: 237px;
  left: 62px;
  position: absolute;
  top: 34px;
  width: 411px;
}

.x77-40 {
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}

.x40-41 {
  height: 15px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 1px;
}

.x41-42 {
  height: 28px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 6px;
}

.x42-43 {
  height: 15px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}

.x43-44 {
  height: 18px;
  left: 0;
  position: absolute;
  top: 0;
  width: 3px;
}

.x45-46 {
  height: 15px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}

.x46-47 {
  height: 17px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 15px;
}

.x47-48 {
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 3px;
}

.x48-49 {
  height: 21px;
  left: 3px;
  position: absolute;
  top: 9px;
  width: 4px;
}

.x49-50 {
  height: 17px;
  left: 0;
  position: absolute;
  top: 0;
  width: 6px;
}

.x50-51 {
  height: 15px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}

.x51-52 {
  height: 18px;
  left: 0;
  position: absolute;
  top: 0;
  width: 23px;
}

.x52-53 {
  height: 15px;
  width: 1px;
}

.x55-56 {
  height: 15px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 1px;
}

.x54-55 {
  height: 15px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 1px;
}

.x58-59 {
  height: 15px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 1px;
}

.x57-58 {
  height: 15px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 1px;
}

.x65-66 {
  height: 21px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 12px;
}

.x60-61 {
  height: 15px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}

.x61-62 {
  height: 17px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 16px;
}

.x5-73 {
  height: 22px;
  left: 6px;
  position: absolute;
  top: 32px;
  width: 5px;
}

.x4-5 {
  height: 15px;
  left: 11px;
  position: absolute;
  top: 39px;
  width: 1px;
}

.x72-4 {
  height: 19px;
  left: 11px;
  position: absolute;
  top: 39px;
  width: 3px;
}

.x3-72 {
  height: 20px;
  left: 11px;
  position: absolute;
  top: 43px;
  width: 3px;
}

.x66-67 {
  height: 22px;
  left: 0;
  position: absolute;
  top: 49px;
  width: 10px;
}

.x8-android {
  height: 36px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 48px;
  margin-top: 24px;
}

.x3-app-store {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 53px;
  margin-top: 24px;
  min-height: 36px;
}

.copyright-2025-htt {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 153px;
  min-height: 24px;
}

.flex {
  align-items: flex-start;
  display: flex;
}

.logo-2 {
  align-items: center;
  display: flex;
  gap: 10px;
  min-width: 247px;
}

.rectangle {
  border-radius: 16px;
  position: absolute;
}

.vector-74 {
  align-self: flex-end;
  height: 33px;
  margin-left: 10px;
  width: 1px;
}

.vector-75 {
  align-self: flex-end;
  height: 33px;
  margin-left: 11px;
  width: 1px;
}

.frame-36 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 357px;
}

.frame-36-item {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.frame-37 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 20px;
  margin-left: 1.0px;
  position: relative;
  width: 346px;
}

.rectangle-178 {
  background-color: var(--black-2);
  height: 23px;
  left: 0;
  position: absolute;
  top: 79px;
  width: 163px;
}

.address {
  left: 7px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 80px;
}

.writeas {
  left: 7px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 80px;
}

.steam {
  left: 7px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 80px;
}

.rectangle-180 {
  background-color: var(--white);
  height: 180px;
  left: 1297px;
  position: absolute;
  top: 34px;
  width: 180px;
}

.rectangle-181 {
  background-color: var(--white);
  height: 180px;
  left: 1547px;
  position: absolute;
  top: 34px;
  width: 180px;
}

.x1-3 {
  align-self: flex-end;
  height: 53px;
  margin-bottom: -0.32px;
  width: 60px;
}

.logo-3 {
  align-items: center;
  display: flex;
  gap: 10px;
  min-width: 247px;
}

.navbar-link-text-3 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}