body {
  font-family: "MiSans", "PingFang SC", "Microsoft YaHei", sans-serif;
}

:root {
  --app-cqw: 1vw;
  --app-dvh: 1vh;
}

.option-selected-ui {
  display: none;
}

.option-card.is-selected .option-selected-ui {
  display: block;
}

.option-card.is-selected {
  box-shadow: 0 0 1.8cqw rgba(255, 91, 198, 0.65);
}

.option-card.is-selected .option-label {
  background-image: linear-gradient(
    to top,
    rgba(200, 23, 161, 0.95),
    rgba(213, 31, 162, 0.55)
  );
  color: #ff9bec;
}

#autoDownloadCountdown {
  min-height: 1.2em;
  text-align: center;
  font-size: 2.8cqw;
  font-weight: 600;
}

.js-next {
  font-size: 3.1cqw;
  line-height: 1;
  white-space: nowrap;
  padding-inline: 1cqw;
}

.legacy-layout .h-dvh {
  height: calc(var(--app-dvh) * 100);
}

.legacy-layout .top-\[12\.65dvh\] {
  top: calc(var(--app-dvh) * 12.65);
}

.legacy-layout .top-\[5\.1dvh\] {
  top: calc(var(--app-dvh) * 5.1);
}

.legacy-layout .top-\[4\.3dvh\] {
  top: calc(var(--app-dvh) * 4.3);
}

.legacy-layout .top-\[1\.7dvh\] {
  top: calc(var(--app-dvh) * 1.7);
}

.legacy-layout .bottom-\[13dvh\] {
  bottom: calc(var(--app-dvh) * 13);
}

.legacy-layout .bottom-\[4\.5dvh\] {
  bottom: calc(var(--app-dvh) * 4.5);
}

.legacy-layout .bottom-\[3\.75dvh\] {
  bottom: calc(var(--app-dvh) * 3.75);
}

.legacy-layout .h-\[49\.5dvh\] {
  height: calc(var(--app-dvh) * 49.5);
}

.legacy-layout .h-\[47\.15dvh\] {
  height: calc(var(--app-dvh) * 47.15);
}

.legacy-layout .h-\[39\.35dvh\] {
  height: calc(var(--app-dvh) * 39.35);
}

.legacy-layout .h-\[22\.5dvh\] {
  height: calc(var(--app-dvh) * 22.5);
}

.legacy-layout .h-\[19\.3dvh\] {
  height: calc(var(--app-dvh) * 19.3);
}

.legacy-layout .h-\[17\.2dvh\] {
  height: calc(var(--app-dvh) * 17.2);
}

.legacy-layout .h-\[17\.1dvh\] {
  height: calc(var(--app-dvh) * 17.1);
}

.legacy-layout .min-h-\[10\.2dvh\] {
  min-height: calc(var(--app-dvh) * 10.2);
}

.legacy-layout .min-h-\[7\.7dvh\] {
  min-height: calc(var(--app-dvh) * 7.7);
}

.legacy-layout .min-h-\[4\.65dvh\] {
  min-height: calc(var(--app-dvh) * 4.65);
}

.legacy-layout .min-h-\[4\.45dvh\] {
  min-height: calc(var(--app-dvh) * 4.45);
}

.legacy-layout .mt-\[2\.8dvh\] {
  margin-top: calc(var(--app-dvh) * 2.8);
}

.legacy-layout .mt-\[2\.5dvh\] {
  margin-top: calc(var(--app-dvh) * 2.5);
}

.legacy-layout .mt-\[2dvh\] {
  margin-top: calc(var(--app-dvh) * 2);
}

.legacy-layout .mt-\[1\.9dvh\] {
  margin-top: calc(var(--app-dvh) * 1.9);
}

.legacy-layout .mt-\[1\.8dvh\] {
  margin-top: calc(var(--app-dvh) * 1.8);
}

.legacy-layout .mt-\[1\.45dvh\] {
  margin-top: calc(var(--app-dvh) * 1.45);
}

.legacy-layout .mt-\[1\.35dvh\] {
  margin-top: calc(var(--app-dvh) * 1.35);
}

.legacy-layout .mt-\[1\.3dvh\] {
  margin-top: calc(var(--app-dvh) * 1.3);
}

.legacy-layout .mt-\[1\.25dvh\] {
  margin-top: calc(var(--app-dvh) * 1.25);
}

.legacy-layout .mt-\[1\.2dvh\] {
  margin-top: calc(var(--app-dvh) * 1.2);
}

.legacy-layout .mt-\[1dvh\] {
  margin-top: calc(var(--app-dvh) * 1);
}

.legacy-layout .mt-\[0\.85dvh\] {
  margin-top: calc(var(--app-dvh) * 0.85);
}

.legacy-layout .mt-\[0\.8dvh\] {
  margin-top: calc(var(--app-dvh) * 0.8);
}

.legacy-layout .mt-\[0\.7dvh\] {
  margin-top: calc(var(--app-dvh) * 0.7);
}

.legacy-layout .py-\[2\.8dvh\] {
  padding-top: calc(var(--app-dvh) * 2.8);
  padding-bottom: calc(var(--app-dvh) * 2.8);
}

.legacy-layout .pt-\[7\.2dvh\] {
  padding-top: calc(var(--app-dvh) * 7.2);
}

.legacy-layout .pt-\[1\.4dvh\] {
  padding-top: calc(var(--app-dvh) * 1.4);
}

.legacy-layout .pb-\[5\.5dvh\] {
  padding-bottom: calc(var(--app-dvh) * 5.5);
}

.legacy-layout .space-y-\[1\.15dvh\] > :not(:last-child) {
  margin-bottom: calc(var(--app-dvh) * 1.15);
}

.legacy-layout .inset-x-\[3\.333cqw\],
.legacy-layout .left-\[3\.333cqw\] {
  left: calc(var(--app-cqw) * 3.333);
}

.legacy-layout .inset-x-\[3\.333cqw\] {
  right: calc(var(--app-cqw) * 3.333);
}

.legacy-layout .left-\[54cqw\] {
  left: calc(var(--app-cqw) * 54);
}

.legacy-layout .left-\[32\.9cqw\] {
  left: calc(var(--app-cqw) * 32.9);
}

.legacy-layout .left-\[10\.2cqw\] {
  left: calc(var(--app-cqw) * 10.2);
}

.legacy-layout .right-\[4cqw\] {
  right: calc(var(--app-cqw) * 4);
}

.legacy-layout .right-\[3\.2cqw\] {
  right: calc(var(--app-cqw) * 3.2);
}

.legacy-layout .right-\[1\.4cqw\] {
  right: calc(var(--app-cqw) * 1.4);
}

.legacy-layout .right-\[1\.1cqw\] {
  right: calc(var(--app-cqw) * 1.1);
}

.legacy-layout .top-\[1\.5cqw\] {
  top: calc(var(--app-cqw) * 1.5);
}

.legacy-layout .top-\[1\.1cqw\] {
  top: calc(var(--app-cqw) * 1.1);
}

.legacy-layout .w-\[93\.334cqw\] {
  width: calc(var(--app-cqw) * 93.334);
}

.legacy-layout .w-\[31\.2cqw\] {
  width: calc(var(--app-cqw) * 31.2);
}

.legacy-layout .w-\[30\.7cqw\] {
  width: calc(var(--app-cqw) * 30.7);
}

.legacy-layout .w-\[29\.2cqw\] {
  width: calc(var(--app-cqw) * 29.2);
}

.legacy-layout .h-\[24\.4cqw\] {
  height: calc(var(--app-cqw) * 24.4);
}

.legacy-layout .h-\[1\.1cqw\] {
  height: calc(var(--app-cqw) * 1.1);
}

.legacy-layout .size-\[12\.93cqw\] {
  width: calc(var(--app-cqw) * 12.93);
  height: calc(var(--app-cqw) * 12.93);
}

.legacy-layout .size-\[7\.07cqw\] {
  width: calc(var(--app-cqw) * 7.07);
  height: calc(var(--app-cqw) * 7.07);
}

.legacy-layout .size-\[5\.2cqw\] {
  width: calc(var(--app-cqw) * 5.2);
  height: calc(var(--app-cqw) * 5.2);
}

.legacy-layout .size-\[4cqw\] {
  width: calc(var(--app-cqw) * 4);
  height: calc(var(--app-cqw) * 4);
}

.legacy-layout .px-\[5cqw\] {
  padding-left: calc(var(--app-cqw) * 5);
  padding-right: calc(var(--app-cqw) * 5);
}

.legacy-layout .px-\[4\.8cqw\] {
  padding-left: calc(var(--app-cqw) * 4.8);
  padding-right: calc(var(--app-cqw) * 4.8);
}

.legacy-layout .px-\[3\.2cqw\] {
  padding-left: calc(var(--app-cqw) * 3.2);
  padding-right: calc(var(--app-cqw) * 3.2);
}

.legacy-layout .px-\[2cqw\] {
  padding-left: calc(var(--app-cqw) * 2);
  padding-right: calc(var(--app-cqw) * 2);
}

.legacy-layout .px-\[0\.5cqw\] {
  padding-left: calc(var(--app-cqw) * 0.5);
  padding-right: calc(var(--app-cqw) * 0.5);
}

.legacy-layout .pt-\[2\.4cqw\] {
  padding-top: calc(var(--app-cqw) * 2.4);
}

.legacy-layout .pb-\[0\.7cqw\] {
  padding-bottom: calc(var(--app-cqw) * 0.7);
}

.legacy-layout .p-\[0\.8cqw\] {
  padding: calc(var(--app-cqw) * 0.8);
}

.legacy-layout .gap-\[2\.27cqw\] {
  gap: calc(var(--app-cqw) * 2.27);
}

.legacy-layout .gap-\[1\.7cqw\] {
  gap: calc(var(--app-cqw) * 1.7);
}

.legacy-layout .gap-\[1\.3cqw\] {
  gap: calc(var(--app-cqw) * 1.3);
}

.legacy-layout .gap-\[1\.2cqw\] {
  gap: calc(var(--app-cqw) * 1.2);
}

.legacy-layout .gap-\[0\.8cqw\] {
  gap: calc(var(--app-cqw) * 0.8);
}

.legacy-layout .rounded-\[5\.333cqw\] {
  border-radius: calc(var(--app-cqw) * 5.333);
}

.legacy-layout .rounded-\[2\.4cqw\] {
  border-radius: calc(var(--app-cqw) * 2.4);
}

.legacy-layout .rounded-\[2\.13cqw\] {
  border-radius: calc(var(--app-cqw) * 2.13);
}

.legacy-layout .rounded-\[2cqw\] {
  border-radius: calc(var(--app-cqw) * 2);
}

.legacy-layout .rounded-\[1\.6cqw\] {
  border-radius: calc(var(--app-cqw) * 1.6);
}

.legacy-layout .rounded-\[1\.5cqw\] {
  border-radius: calc(var(--app-cqw) * 1.5);
}

.legacy-layout .border-\[0\.667cqw\] {
  border-width: calc(var(--app-cqw) * 0.667);
}

.legacy-layout .border-\[0\.55cqw\] {
  border-width: calc(var(--app-cqw) * 0.55);
}

.legacy-layout .border-\[0\.27cqw\] {
  border-width: calc(var(--app-cqw) * 0.27);
}

.legacy-layout .text-\[6\.67cqw\] {
  font-size: calc(var(--app-cqw) * 6.67);
}

.legacy-layout .text-\[5\.2cqw\] {
  font-size: calc(var(--app-cqw) * 5.2);
}

.legacy-layout .text-\[4\.67cqw\] {
  font-size: calc(var(--app-cqw) * 4.67);
}

.legacy-layout .text-\[4\.27cqw\] {
  font-size: calc(var(--app-cqw) * 4.27);
}

.legacy-layout .text-\[4cqw\] {
  font-size: calc(var(--app-cqw) * 4);
}

.legacy-layout .text-\[3\.73cqw\] {
  font-size: calc(var(--app-cqw) * 3.73);
}

.legacy-layout .text-\[3\.47cqw\] {
  font-size: calc(var(--app-cqw) * 3.47);
}

.legacy-layout .text-\[3\.33cqw\] {
  font-size: calc(var(--app-cqw) * 3.33);
}

.legacy-layout .text-\[3\.07cqw\] {
  font-size: calc(var(--app-cqw) * 3.07);
}

.legacy-layout .text-\[3\.05cqw\] {
  font-size: calc(var(--app-cqw) * 3.05);
}

.legacy-layout .text-\[3cqw\] {
  font-size: calc(var(--app-cqw) * 3);
}

.legacy-layout .text-\[2\.93cqw\] {
  font-size: calc(var(--app-cqw) * 2.93);
}

.legacy-layout .text-\[2\.9cqw\] {
  font-size: calc(var(--app-cqw) * 2.9);
}

.legacy-layout .text-\[2\.8cqw\] {
  font-size: calc(var(--app-cqw) * 2.8);
}

.legacy-layout .text-\[2\.67cqw\] {
  font-size: calc(var(--app-cqw) * 2.67);
}

.legacy-layout .text-\[2\.4cqw\] {
  font-size: calc(var(--app-cqw) * 2.4);
}

.legacy-layout .text-\[2\.25cqw\] {
  font-size: calc(var(--app-cqw) * 2.25);
}

.legacy-layout .text-\[2\.15cqw\] {
  font-size: calc(var(--app-cqw) * 2.15);
}

.legacy-layout .tracking-\[0\.25cqw\] {
  letter-spacing: calc(var(--app-cqw) * 0.25);
}

.legacy-layout .tracking-\[0\.13cqw\] {
  letter-spacing: calc(var(--app-cqw) * 0.13);
}

.legacy-layout .-translate-x-1\/2.-translate-y-1\/2 {
  transform: translate(-50%, -50%);
}

.legacy-layout .-rotate-\[10\.69deg\] {
  transform: rotate(-10.69deg);
}

.legacy-layout .rotate-\[3\.77deg\] {
  transform: rotate(3.77deg);
}

.legacy-layout .rotate-\[13\.57deg\] {
  transform: rotate(13.57deg);
}

.legacy-layout .active\:scale-95:active {
  transform: scale(0.95);
}

.legacy-layout .option-card.is-selected {
  box-shadow: 0 0 calc(var(--app-cqw) * 1.8) rgba(255, 91, 198, 0.65);
}

.legacy-layout #autoDownloadCountdown {
  font-size: calc(var(--app-cqw) * 2.8);
}

.legacy-layout .js-next {
  font-size: calc(var(--app-cqw) * 3.1);
  padding-left: calc(var(--app-cqw) * 1);
  padding-right: calc(var(--app-cqw) * 1);
}