.page {
  background-color: rgba(252, 130, 3, 1);
  position: relative;
  width: 100vw;
  min-height: 315.47vw;
}

.box_3 {
  width: 100vw;
  background: url(/static/h5/images/achievement-submit/SketchPng20d3565bd21a8aea75b46bfd19ebb5968753ea2cc010b980200d5bfdde5acbaf.png)
    100% no-repeat;
  background-size: 100% 100%;
  padding: 13.06vw 9.33vw 12vw 9.06vw;
}

.tabs_1 {
  margin: 9.86vw 11.2vw 0 11.46vw;
}

.group_1 {
}

.text-wrapper_2 {
  background-color: rgba(216, 216, 216, 0.05);
  border-radius: 7px 0px 0px 7px;
  border: 1px solid rgba(255, 255, 255, 1);
  padding: 2.13vw 3.2vw 2.13vw 5.33vw;
}

.text_7 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 3.46vw;
  font-family: AlibabaPuHuiTiR;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 4.8vw;
}

.text-wrapper_3 {
  background-color: rgba(216, 216, 216, 0.46);
  border-radius: 0px 7px 7px 0px;
  border: 1px solid rgba(255, 255, 255, 1);
  margin-left: -0.26vw;
  padding: 2.13vw 5.6vw 2.13vw 2.93vw;
}

.text_8 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 3.46vw;
  font-family: AlibabaPuHuiTiB;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 4.8vw;
}

.box_4 {
  width: 88.27vw;
  align-self: center;
  margin-top: 9.87vw;
  min-height: 182.14vw;
  background-color: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 3.2vw;
  padding: 4.26vw 5.33vw 6.13vw 5.33vw;
}

.text-group_4 {
  margin-right: 41.6vw;
}

.text_9 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 4vw;
  font-family: HarmonyOS_Sans_SC_Bold;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 5.87vw;
}

.text_10 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 3.2vw;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 4.54vw;
  margin: 2.4vw 29.6vw 0 0;
}

.input_1 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
  border: 1px solid rgba(217, 217, 217, 1);
  margin-top: 2.67vw;
  padding: 0 2.93vw;
}

.text_11 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.88);
  font-size: 2.93vw;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 8vw;
}

.text_12 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 3.2vw;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 4.54vw;
  margin: 2.66vw 64.8vw 0 0;
}

.input_2 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
  border: 1px solid rgba(217, 217, 217, 1);
  margin-top: 2.67vw;
  padding: 0 2.93vw;
}

.text_13 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.88);
  font-size: 2.93vw;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 8vw;
}

.text_14 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 3.2vw;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 4.54vw;
  margin: 2.66vw 64.8vw 0 0;
}

.input_3 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
  border: 1px solid rgba(217, 217, 217, 1);
  margin-top: 2.67vw;
  padding: 0 2.93vw;
}

.text_15 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.88);
  font-size: 2.93vw;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 8vw;
}

.text_16 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 3.2vw;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 4.54vw;
  margin: 2.66vw 55.2vw 0 0;
}

.input_4 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
  border: 1px solid rgba(217, 217, 217, 1);
  margin-top: 2.67vw;
  padding: 0 2.93vw;
}

.text_17 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.88);
  font-size: 2.93vw;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 8vw;
}

.text_18 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 3.2vw;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 4.54vw;
  margin: 2.66vw 61.6vw 0 0;
}

.input_5 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
  border: 1px solid rgba(217, 217, 217, 1);
  margin-top: 2.67vw;
  padding: 0 2.93vw;
}

.text_19 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.88);
  font-size: 2.93vw;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 8vw;
}

.text_20 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 3.2vw;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 4.54vw;
  margin: 2.66vw 58.4vw 0 0;
}

.text-wrapper_4 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
  border: 1px solid rgba(217, 217, 217, 1);
  margin-top: 2.67vw;
  padding: 2.13vw 2.93vw;
}

.text_21 {
  width: 100%;
  height: 21.3vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.88);
  font-size: 2.93vw;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  resize: none;
  text-align: left;
  line-height: 8vw;
}

.image-text_3 {
  width: 73.34vw;
  align-self: center;
  margin-top: 5.34vw;
}

.button_3 {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1.5px dashed rgba(252, 130, 3, 0.6);
  border-radius: 8px;
  align-self: center;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding: 3.2vw 4vw;
  transition: background-color 0.15s, opacity 0.15s;
}

.button_3:active {
  opacity: 0.6;
  background-color: rgba(255, 244, 230, 1);
}

.image-text_4 {
  width: auto;
}

.icon_3 {
  width: 4.53vw;
  height: 4.53vw;
  margin-right: 2.13vw;
}

.text-group_5 {
  overflow-wrap: break-word;
  color: rgba(252, 130, 3, 1);
  font-size: 3.73vw;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 5.87vw;
}

#achievementFileName {
  display: none;
  align-self: center;
  margin-top: 2.14vw;
  padding: 1.06vw 3.2vw;
  background-color: rgba(255, 255, 255, 0.9);
  color: rgba(0, 0, 0, 0.72);
  border-radius: 20px;
  font-size: 3.2vw;
}

.text-group_6 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.88);
  font-size: 3.73vw;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: center;
  line-height: 5.87vw;
  margin-top: 2.14vw;
}

.button_4 {
  background-image: linear-gradient(
    180deg,
    rgba(255, 176, 55, 1) 0,
    rgba(252, 130, 3, 1) 100%
  );
  border-radius: 23px;
  margin-top: 5.34vw;
  padding: 1.6vw 28.26vw 2.66vw 28.53vw;
}

.text_22 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 5.06vw;
  font-family: HarmonyOS_Sans_SC_Bold;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 7.47vw;
}

.signup-toast {
  position: fixed;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  max-width: 78vw;
  background: rgba(0, 0, 0, 0.8);
  color: rgba(255, 255, 255, 1);
  font-size: 3.7vw;
  line-height: 1.6;
  padding: 3.2vw 5.3vw;
  border-radius: 2.4vw;
  text-align: center;
  z-index: 999;
  display: none;
}

/* 桌面浏览器（非手机模式）下 vw 字号会随窗口变宽被无限放大，
   而输入框内联 height:30px 是固定像素，两者错位导致文字挤压重叠；
   这里锁定为设计稿基准（375px 视口）下的等效像素值，仅在宽视口生效，不影响手机端 */
@media (min-width: 600px) {
  .input_1 input,
  .input_2 input,
  .input_3 input,
  .input_4 input,
  .input_5 input {
    font-size: 11px;
    line-height: 30px;
  }
}