/* 由 Nuxt scoped 样式 [data-v-b9ef6055] 拆解而来，vw 数值保持原样 */

.nuxt-icon{vertical-align:middle;width:1em;height:1em;margin-bottom:.125em}
div,p,span{margin-bottom:.8vw;display:block}

.home-bg{
  color:#5f6368;
  -webkit-overflow-scrolling:touch;
  width:100%;
  height:100vh;
  height:calc(var(--vh,1vh) * 100);
  background:#fff;
  height:100dvh;
  font-size:3.6vw;
  font-weight:400;
  line-height:1;
  display:flex;
  position:relative;
  overflow-y:auto;
  font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}
@supports (-webkit-touch-callout:none){.home-bg{height:-webkit-fill-available}}
.home-bg{padding-bottom:0;padding-bottom:calc(var(--safe-area-inset-bottom))}

.home-bg .page-max-wrap{
  flex-direction:column;
  gap:5.06667vw;
  width:calc(100% - 12.2667vw);
  margin:0 auto;
  padding:6vw 0;
  position:relative;
  display:flex;
}

/* ---------- header ---------- */
.home-bg .header-top{
  align-items:center;
  gap:6.13333vw;
  width:100%;
  display:flex;
}
.home-bg .header-top .logo{aspect-ratio:1;object-fit:cover;width:18.4vw}
.home-bg .header-top .header-info{
  -webkit-overflow-scrolling:touch;
  flex-direction:column;
  flex:1;
  font-size:3.06667vw;
  line-height:4vw;
  display:flex;
  overflow:hidden;
}
.home-bg .header-top .info-title{
  color:#000;
  text-overflow:ellipsis;
  white-space:nowrap;
  -webkit-overflow-scrolling:touch;
  flex:1;
  min-width:0;
  font-size:5.33333vw;
  line-height:1.4;
  display:block;
  overflow:hidden;
}
.home-bg .header-top .info-subtitle{color:#01875f;font-size:5.12vw;line-height:normal}
.home-bg .header-top .info-desc{color:#5f6368;font-size:3.06667vw}

/* ---------- score ---------- */
.home-bg .home-score-wrap{justify-content:space-between;align-items:center;display:flex}
.home-bg .home-score-wrap .score-item{text-align:center;flex:1;font-size:3.06667vw;line-height:4vw}
.home-bg .home-score-wrap .score-item .item-title{color:#000;font-size:3.6vw;font-weight:600;line-height:5.2vw}
.home-bg .home-score-wrap .score-item:not(:last-child){position:relative}
.home-bg .home-score-wrap .score-item:not(:last-child):after{
  content:"";background:#e8eaed;width:.266667vw;height:6.13333vw;
  position:absolute;top:50%;right:0;transform:translateY(-50%);
}

/* ---------- download button ---------- */
.home-bg .home-download-btn{
  color:#fff;
  -webkit-overflow-scrolling:touch;
  background:#01875f;
  border-radius:2.13333vw;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  min-height:14.6667vw;
  font-size:3.06667vw;
  line-height:4vw;
  transition:all .15s;
  display:flex;
  position:relative;
  overflow:hidden;
  cursor:pointer;
}
.home-bg .home-download-btn:active{background:#01875fd9}
.home-bg .home-download-btn:after{
  content:"";background-color:#fff;width:4vw;height:100%;
  animation:5s ease-in-out infinite shiny-btn-anim;
  display:inline-block;position:absolute;top:-24vw;left:0;
}
.home-bg .home-download-btn .btn-desc{font-size:4.8vw;font-weight:700;color:#fff}
@keyframes shiny-btn-anim{
  0%{opacity:0;transform:scale(0) rotate(45deg)}
  80%{opacity:.5;transform:scale(0) rotate(45deg)}
  81%{opacity:1;transform:scale(4) rotate(45deg)}
  to{opacity:0;transform:scale(50) rotate(45deg)}
}

/* ---------- share ---------- */
.home-bg .share-group{
  gap:6.13333vw;
  justify-content:space-evenly;
  align-items:center;
  display:flex;
}
.home-bg .share-group .share-item{align-items:center;display:flex;color:#01875f;gap:3.06667vw}
.home-bg .share-group .share-item svg{width:6.13333vw;height:6.13333vw}

/* ---------- banner ---------- */
.home-bg .home-feature-banner{height:57.3333vw}
.home-bg .home-feature-banner .swiper-container{
  height:100%;
  display:flex;
  gap:2.66667vw;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.home-bg .home-feature-banner .swiper-container::-webkit-scrollbar{display:none}
.home-bg .home-feature-banner .swiper-slide{
  flex:0 0 auto;
  height:100%;
  scroll-snap-align:center;
  -webkit-overflow-scrolling:touch;
  overflow:hidden;
  border-radius:2.13333vw;
}
.home-bg .home-feature-banner .swiper-container img{
  aspect-ratio:9/16;
  object-fit:cover;
  height:100%;
  width:auto;
  max-width:none;
  display:block;
}
@media (width >= 1024px){
  .home-bg .home-feature-banner .swiper-container img{height:700px}
}

/* ---------- feature block ---------- */
.home-bg .home-feature-wrap{flex-direction:column;gap:3.06667vw;display:flex}
.home-bg .home-feature-wrap .feature-title{
  color:#202124;
  text-overflow:ellipsis;
  white-space:nowrap;
  -webkit-overflow-scrolling:touch;
  padding-right:1em;
  font-size:4.61333vw;
  font-weight:700;
  line-height:1.4;
  display:block;
  position:relative;
  overflow:hidden;
}
.home-bg .home-feature-wrap .feature-title:after{
  content:"";
  border-right:.533333vw solid #5f6368;
  border-bottom:.533333vw solid #5f6368;
  width:2vw;height:2vw;
  position:absolute;top:50%;right:0;
  transform:translateY(-50%) rotate(-45deg);
}
.home-bg .home-feature-wrap .feature-info{overflow-wrap:break-word;line-height:5.128vw}
.home-bg .home-feature-wrap .feature-update{flex-direction:column;gap:2vw;margin-top:2vw;display:flex}
.home-bg .home-feature-wrap .feature-update .update-title{color:#202124;font-weight:700}
.home-bg .home-feature-wrap .feature-group{
  border:.266667vw solid #e5e7eb;
  border-radius:2vw;
  flex-direction:column;
  gap:4vw;
  padding:9.46667vw 6.4vw 6.4vw;
  display:flex;
}
.home-bg .home-feature-wrap .feature-group-item{gap:4vw;line-height:5.128vw;display:flex}
.home-bg .home-feature-wrap .feature-group-item svg{width:4vw;height:4vw;flex:0 0 4vw;color:#5f6368}
.home-bg .home-feature-wrap .feature-group-item .item-title{flex:1}
.home-bg .home-feature-wrap .media-group{flex-wrap:wrap;gap:2.53333vw 4vw;margin-top:2.53333vw;display:flex}
.home-bg .home-feature-wrap .media-group-item{
  border:.266667vw solid #dadce0;
  border-radius:3.84533vw;
  justify-content:center;
  align-items:center;
  gap:.933333vw;
  height:5.6vw;
  padding:0 3.33333vw;
  display:flex;
}
.home-bg .home-feature-wrap .media-group-item:first-child{color:#028760;background:#e6f3ef;border:.266667vw solid #dadce0}
.home-bg .home-feature-wrap .media-group-item svg{width:3.33333vw;height:3.33333vw}
.home-bg .item-title{overflow-wrap:break-word;line-height:5.128vw}

/* ---------- rating ---------- */
.star-item{gap:.533333vw;margin-top:.533333vw;display:flex}
.star-item svg{width:3.73333vw;height:3.73333vw}
.rating-wrapper{justify-content:space-between;align-items:center;gap:9.33333vw;margin-top:3.06667vw;display:flex}
.rating-wrapper .number-item{color:#202124;font-size:14.88vw;line-height:18.6667vw;font-weight:500}
.rating-wrapper .people-item{flex:1;margin-top:1.33333vw;font-size:3.06667vw;line-height:6.13333vw}
.rating-wrapper .progress-wrap{flex-direction:column;flex:1;align-items:flex-end;gap:1.33333vw;display:flex}
.rating-wrapper .progress-wrap .progress-item{flex:1;align-items:center;gap:3.6vw;width:100%;display:flex}
.rating-wrapper .progress-wrap .progress-num{font-size:2.82667vw}
.rating-wrapper .progress-wrap .progress-value-wrap{
  background:#e3e3e3;border-radius:1.53867vw;flex:1;min-width:40vw;height:2.26667vw;overflow:hidden;
}
.rating-wrapper .progress-wrap .progress-value{
  background:#028760;border-radius:1.53867vw;width:0;height:100%;
}
.rating-wrapper .progress-wrap .progress-value.run{
  animation:3s ease-in-out forwards load;
}
@keyframes load{0%{width:0}to{width:var(--progress-width)}}

/* ---------- feedback ---------- */
.feedback-wrap{
  border-bottom:.266667vw solid #dadce0;
  gap:6.13333vw;
  margin:3.06667vw 0 0;
  padding-bottom:10.2667vw;
  flex-direction:column;
  display:flex;
}
.feedback-wrap .feedback-item{gap:3.06667vw;flex-direction:column;display:flex}
.feedback-wrap .feedback-item .user-wrap{
  flex:1;align-items:center;gap:3.06667vw;display:flex;position:relative;
}
.feedback-wrap .feedback-item .user-wrap:after{
  content:"···";color:#5f6368;font-size:4vw;letter-spacing:.2vw;
  position:absolute;top:50%;right:0;transform:translateY(-50%);
}
.feedback-wrap .feedback-item .user-wrap img{
  aspect-ratio:1;object-fit:cover;border-radius:50%;width:8.13333vw;
}
.home-bg .user-name{
  text-overflow:ellipsis;white-space:nowrap;-webkit-overflow-scrolling:touch;
  width:78%;line-height:1.4;display:block;overflow:hidden;color:#202124;font-weight:500;
}
.feedback-wrap .feedback-item .rating-wrap{
  align-items:center;gap:2vw;margin-top:.4vw;font-size:3.06667vw;display:flex;color:#5f6368;
}

/* ---------- footer ---------- */
.group-wrap,.help-wrap{flex-direction:column;gap:3.6vw;display:flex}
.group-wrap .group-title,.help-wrap .group-title{font-weight:500;color:#202124}
.other-wrap{flex-wrap:wrap;gap:6.13333vw 5.06667vw;padding-bottom:6vw;display:flex}
.other-wrap .other-item{max-width:42.2667vw}

/* ---------- desktop ---------- */
@media screen and (width >= 1024px){
  .page-max-wrap{zoom:.35}
}
@media screen and (width > 1600px){
  .page-max-wrap{zoom:.245}
}