/**
 * Powered by ;
 * vivo-product-2023 - ;
 * Version: 1.35.0;
 * Released on: 2026-06-08;
 */

@charset "UTF-8";

.hide {
  display: none;
}

.gb-lang-y31s_my .y31-kv .umx-figure-box {
  width: 100vw;
  height: 47.91667vw;
}

@media (max-width:1000px) {
  .gb-lang-y31s_my .y31-kv .umx-figure-box {
    width: 100vw;
    height: 181.06667vw;
  }
}

.gb-lang-y31s_my .y31-water .umx-section .umx-title .umx-data-items li:nth-child(3) {
  display: none;
}

.gb-lang-y31s_my .umx-stage.umx-stage-tips .umx-tip-content li:nth-child(n+33) {
  display: none;
}

.gb-lang-y31s_my .umx-linear {
  background: -webkit-linear-gradient(45deg,#8755b3 0,#e184e5 100%);
  background: linear-gradient(45deg,#8755b3 0,#e184e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gb-lang-y31s_my .umx-linear sup {
  -webkit-text-fill-color: #e184e5;
}

.gb-lang-y31s_my .umx-data-linear {
  background-image: -webkit-linear-gradient(45deg,#e184e5 var(--gradient-progress-1),#8755b3 var(--gradient-progress-2),#e184e5 var(--gradient-progress-3));
  background-image: linear-gradient(45deg,#e184e5 var(--gradient-progress-1),#8755b3 var(--gradient-progress-2),#e184e5 var(--gradient-progress-3));
}

.gb-lang-y31s_my .y31-design .umx-figure-box {
  background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fdeffb));
  background: -webkit-linear-gradient(top,#fff 0,#fdeffb 100%);
  background: linear-gradient(to bottom,#fff 0,#fdeffb 100%);
}

@media (max-width:1000px) {
  .gb-lang-y31s_my .y31-design .umx-figure-box.umx-figure-box2 {
    background: #fff;
  }
}

.gb-lang-y31s_my .y31-color .color-button-box ul li .button-color .svg-black {
  background: -webkit-linear-gradient(176deg,#da8edb 0,#fdedfe 100%);
  background: linear-gradient(274deg,#da8edb 0,#fdedfe 100%);
}

.gb-lang-y31s_my .y31-color .color-button-box ul li .button-color .svg-white {
  background: -webkit-linear-gradient(176deg,#4a4a56 0,#bec0cd 100%);
  background: linear-gradient(274deg,#4a4a56 0,#bec0cd 100%);
}

.gb-lang-y31s_my .y31-speaker .umx-section .umx-title .umx-vice-title sup {
  -webkit-text-fill-color: #e184e5;
}

.gb-lang-y31s_my .y31-security .umx-figure {
  background: -webkit-gradient(linear,left top,left bottom,from(#eeecf9),to(#f7f7fc));
  background: -webkit-linear-gradient(top,#eeecf9 0,#f7f7fc 100%);
  background: linear-gradient(180deg,#eeecf9 0,#f7f7fc 100%);
}

.gb-lang-y31s_my .y31-screenoff {
  background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff6f7));
  background: -webkit-linear-gradient(top,#fff 0,#fff6f7 100%);
  background: linear-gradient(180deg,#fff 0,#fff6f7 100%);
}

.gb-lang-y31s_my .y31-water .umx-section .umx-title .umx-vice-title sup {
  -webkit-text-fill-color: #e184e5;
}

@media (max-width:1000px) {
  .gb-lang-y31s_my .y31-sturdy .umx-section.umx-s1 .umx-title .umx-data-items li strong sup {
    -webkit-text-fill-color: #e184e5;
  }
}

.gb-lang-y31s_my .y31-display .umx-data-items li .umx-icon1 {
  margin-right: 20px;
  background-image: url("../img/y31-display-icon1-lg.png");
  background-size: 176px 65px;
  background-position: center;
  background-repeat: no-repeat;
  width: 176px;
  height: 65px;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .gb-lang-y31s_my .y31-display .umx-data-items li .umx-icon1 {
    background-image: url("../img/y31-display-icon1-lg-x2.png");
  }
}

.webp .gb-lang-y31s_my .y31-display .umx-data-items li .umx-icon1 {
  background-image: url("../img/y31-display-icon1-lg.png.webp");
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .webp .gb-lang-y31s_my .y31-display .umx-data-items li .umx-icon1 {
    background-image: url("../img/y31-display-icon1-lg-x2.png.webp");
  }
}

@media (max-width:1470px) {
  .gb-lang-y31s_my .y31-display .umx-data-items li .umx-icon1 {
    background-image: url("../img/y31-display-icon1-lg.png");
    background-size: 132px 48px;
    background-position: center;
    background-repeat: no-repeat;
    width: 132px;
    height: 48px;
  }
}

@media only screen and (max-width:1470px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1470px) and (min-resolution:1.5dppx),(max-width:1470px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1470px) and (min-resolution:144dpi) {
  .gb-lang-y31s_my .y31-display .umx-data-items li .umx-icon1 {
    background-image: url("../img/y31-display-icon1-lg-x2.png");
  }
}

@media (max-width:1470px) {
  .webp .gb-lang-y31s_my .y31-display .umx-data-items li .umx-icon1 {
    background-image: url("../img/y31-display-icon1-lg.png.webp");
  }
}

@media only screen and (max-width:1470px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1470px) and (min-resolution:1.5dppx),(max-width:1470px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1470px) and (min-resolution:144dpi) {
  .webp .gb-lang-y31s_my .y31-display .umx-data-items li .umx-icon1 {
    background-image: url("../img/y31-display-icon1-lg-x2.png.webp");
  }
}

@media (max-width:1000px) {
  .gb-lang-y31s_my .y31-display .umx-data-items li .umx-icon1 {
    background-image: url("../img/y31-display-icon1-lg.png");
    background-size: 88px 32px;
    background-position: center;
    background-repeat: no-repeat;
    width: 88px;
    height: 32px;
  }
}

@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi) {
  .gb-lang-y31s_my .y31-display .umx-data-items li .umx-icon1 {
    background-image: url("../img/y31-display-icon1-lg-x2.png");
  }
}

@media (max-width:1000px) {
  .webp .gb-lang-y31s_my .y31-display .umx-data-items li .umx-icon1 {
    background-image: url("../img/y31-display-icon1-lg.png.webp");
  }
}

@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi) {
  .webp .gb-lang-y31s_my .y31-display .umx-data-items li .umx-icon1 {
    background-image: url("../img/y31-display-icon1-lg-x2.png.webp");
  }
}