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

.box_1 {
  padding: 13.06vw 5.86vw 6vw 5.86vw;
}

.block_1 {
  margin-bottom: 4vw;
}

.image-wrapper_2 {
  width: 81.6vw;
}

.image_1 {
  width: 52vw;
  height: 10.94vw;
}

.image_2 {
  width: 26.14vw;
  height: 8vw;
  margin: 1.6vw 0 1.33vw 0;
}

.text-wrapper_3 {
  width: 62.94vw;
  margin: 4.8vw 9.06vw 0 9.6vw;
}

.text_1 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 10.13vw;
  font-family: HarmonyOS_Sans_SC_Black;
  text-align: left;
  white-space: nowrap;
  line-height: 14.4vw;
}

.text_2 {
  -webkit-text-stroke: 0.75px rgba(255, 255, 255, 1);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0);
  font-size: 10.13vw;
  font-family: HarmonyOS_Sans_SC_Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 14.4vw;
}

.text_3 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 6.93vw;
  font-family: AlibabaPuHuiTiB;
  text-align: left;
  white-space: nowrap;
  line-height: 9.87vw;
  margin-top: 6.4vw;
}

.text_4 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.8);
  font-size: 3.2vw;
  letter-spacing: 0.05em;
  font-family: Alibaba-PuHuiTi-R;
  text-align: left;
  white-space: nowrap;
  line-height: 4.5vw;
  margin-top: 1.6vw;
}

.empty-tip {
  display: block;
  margin-top: 9.06vw;
  text-align: center;
  color: rgba(255, 255, 255, 0.85);
  font-size: 3.73vw;
}

.accordion {
  display: flex;
  flex-direction: column;
  gap: 4vw;
}

.year-section {
  background-color: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 3.2vw;
  overflow: hidden;
}

.year-header {
  display: flex;
  align-items: center;
  padding: 4vw 5.33vw;
  cursor: pointer;
}

.year-name {
  color: rgba(255, 255, 255, 1);
  font-size: 4.53vw;
  font-family: HarmonyOS_Sans_SC_Bold;
  line-height: 6.4vw;
}

.year-count {
  margin-left: 2.66vw;
  color: rgba(255, 255, 255, 0.75);
  font-size: 3.2vw;
  line-height: 4.53vw;
}

.year-arrow {
  margin-left: auto;
  color: rgba(255, 255, 255, 1);
  font-size: 3.73vw;
  transition: transform 0.2s ease;
}

.year-section.open .year-arrow {
  transform: rotate(180deg);
}

.year-body {
  display: none;
  flex-direction: column;
  gap: 3.2vw;
  padding: 0 5.33vw 5.33vw 5.33vw;
}

.year-empty {
  display: block;
  padding: 4vw 0;
  text-align: center;
  color: rgba(255, 255, 255, 0.65);
  font-size: 3.2vw;
}

.year-section.open .year-body {
  display: flex;
}

.review-card {
  display: block;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 2.66vw;
  overflow: hidden;
}

.review-thumb {
  width: 100%;
  height: 38.4vw;
  background-color: #f0f0f0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.review-title {
  display: block;
  overflow: hidden;
  overflow-wrap: break-word;
  padding: 3.2vw 4vw;
  color: rgba(0, 0, 0, 0.8);
  font-size: 3.46vw;
  line-height: 4.8vw;
  max-height: 16.2vw;
  font-family: HarmonyOS_Sans_SC_Medium;
}