:root { 
  --black: #000000;
  --black-2: #0000005c;
  --black-rock: #080e30;
  --blueberry: #4d7dff;
  --blueberry-2: #4479ff;
  --bunting: #121a53;
  --celeste: #d1d1d1;
  --cyan--aqua: #02faf9;
  --cyan--aqua-2: #02faf970;
  --ebony-clay: #232a3f;
  --ebony-clay-2: #232a41;
  --fiord: #414965;
  --fiord-2: #414964;
  --mauve: #e99aff1a;
  --mauve-2: #e99aff12;
  --mercury: #e3e3e3;
  --new-car: #274dec;
  --nobel: #b3b3b3;
  --picton-blue: #39b3ff;
  --pippin: #ffe3e3;
  --regent-st-blue: #aac8e3;
  --robins-egg-blue: #02d0fa;
  --sea-serpent: #4cbfc5;
  --shark: #262626;
  --silver-sand: #c2c2c2;
  --steel-gray: #252733;
  --steel-gray-2: #242632;
  --white: #ffffff;
  --white-2: #ffffffa6;
  --woodsmoke: #0e1011;
  --yellow-orange: #ffae46;
 
  --font-size-l: 24px;
  --font-size-m: 20px;
  --font-size-s: 16px;
  --font-size-xl: 28px;
  --font-size-xs: 14px;
  --font-size-xxl: 32px;
  --font-size-xxxl: 40px;
 
  --font-family-douyin_sans-bold: "Douyin Sans-Bold", Helvetica;
  --font-family-pingfang_sc-regular: "PingFang SC-Regular", Helvetica;
  --font-family-source_han_sans_cn-bold: "Source Han Sans CN-Bold", Helvetica;
  --font-family-source_han_sans_cn-medium: "Source Han Sans CN-Medium", Helvetica;
  --font-family-source_han_sans_cn-regular: "Source Han Sans CN-Regular", Helvetica;
}
.sourcehansanscn-medium-celeste-20px {
  color: var(--celeste);
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.sourcehansanscn-medium-celeste-32px {
  color: var(--celeste);
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.sourcehansanscn-medium-celeste-16px {
  color: var(--celeste);
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.sourcehansanscn-medium-celeste-24px {
  color: var(--celeste);
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.sourcehansanscn-medium-silver-sand-20px {
  color: var(--silver-sand);
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.sourcehansanscn-medium-pippin-16px {
  color: var(--pippin);
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.sourcehansanscn-medium-white-20px {
  color: var(--white);
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.sourcehansanscn-medium-white-32px {
  color: var(--white);
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.sourcehansanscn-medium-celeste-14px {
  color: var(--celeste);
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.douyinsans-bold-blueberry-24px {
  color: var(--blueberry);
  font-family: var(--font-family-douyin_sans-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.sourcehansanscn-medium-nobel-14px {
  color: var(--nobel);
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.sourcehansanscn-medium-white-14px {
  color: var(--white);
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.sourcehansanscn-medium-cyan--aqua-20px {
  color: var(--cyan--aqua);
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.sourcehansanscn-medium-white-28px {
  color: var(--white);
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.sourcehansanscn-bold-white-24px {
  color: var(--white);
  font-family: var(--font-family-source_han_sans_cn-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.sourcehansanscn-medium-white-20px-2 {
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.sourcehansanscn-bold-white-40px {
  font-family: var(--font-family-source_han_sans_cn-bold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.douyinsans-bold-cyan--aqua-100px {
  color: var(--cyan--aqua);
  font-family: var(--font-family-douyin_sans-bold);
  font-size: 100px;
  font-style: normal;
  font-weight: 700;
}

.sourcehansanscn-medium-cyan--aqua-16px {
  color: var(--cyan--aqua);
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.douyinsans-bold-white-80px {
  font-family: var(--font-family-douyin_sans-bold);
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
}

.sourcehansanscn-medium-picton-blue-14px {
  color: var(--picton-blue);
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.sourcehansanscn-bold-white-28px {
  color: var(--white);
  font-family: var(--font-family-source_han_sans_cn-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.sourcehansanscn-regular-normal-white-14px {
  color: var(--white-2);
  font-family: var(--font-family-source_han_sans_cn-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.sourcehansanscn-bold-cyan--aqua-20px {
  color: var(--cyan--aqua);
  font-family: var(--font-family-source_han_sans_cn-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.sourcehansanscn-bold-cyan--aqua-24px {
  color: var(--cyan--aqua);
  font-family: var(--font-family-source_han_sans_cn-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.sourcehansanscn-medium-robins-egg-blue-20px {
  color: var(--robins-egg-blue);
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.sourcehansanscn-medium-mercury-16px {
  color: var(--mercury);
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.douyinsans-bold-white-36px {
  color: var(--white);
  font-family: var(--font-family-douyin_sans-bold);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
}

.sourcehansanscn-medium-yellow-orange-28px {
  color: var(--yellow-orange);
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.sourcehansanscn-regular-normal-celeste-14px {
  color: var(--celeste);
  font-family: var(--font-family-source_han_sans_cn-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.sourcehansanscn-medium-cyan--aqua-32px {
  color: var(--cyan--aqua);
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.sourcehansanscn-medium-white-24px {
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.sourcehansanscn-medium-white-24px-2 {
  color: var(--white);
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.sourcehansanscn-bold-cyan--aqua-40px {
  color: var(--cyan--aqua);
  font-family: var(--font-family-source_han_sans_cn-bold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.sourcehansanscn-medium-cyan--aqua-24px {
  color: var(--cyan--aqua);
  font-family: var(--font-family-source_han_sans_cn-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}