/**
 * Powered by ;
 * vivo-product-2026 - ;
 * Version: 1.17.9;
 * Released on: 2026-11-05;
 */

.gb-lang-id-pre .umx-star-icon,
.gb-lang-id-pre .umx-thought-icon {
  display: none!important;
}

.gb-lang-id-pre .umx-stage .umx-svg-box ul li {
  white-space: nowrap;
}

.gb-lang-id-pre .v80-nav .umx-progress .umx-line-box .umx-list-line li.umx-current {
  background: #8acad0;
  -webkit-box-shadow: 0 2px 4px #8acad0;
  box-shadow: 0 2px 4px #8acad0;
}

.gb-lang-id-pre .v80-creative .umx-figure-arrow-wrapper .umx-switchBtn-control,
.gb-lang-id-pre .v80-diwali .umx-figure-arrow-wrapper .umx-switchBtn-control,
.gb-lang-id-pre .v80-pers .umx-figure-arrow-wrapper .umx-switchBtn-control,
.gb-lang-id-pre .v80-pet .umx-figure-arrow-wrapper .umx-switchBtn-control,
.gb-lang-id-pre .v80-playful .umx-figure-arrow-wrapper .umx-switchBtn-control,
.gb-lang-id-pre .v80-screen .umx-figure-arrow-wrapper .umx-switchBtn-control,
.gb-lang-id-pre .v80-security .umx-figure-arrow-wrapper .umx-switchBtn-control,
.gb-lang-id-pre .v80-telephoto .umx-figure-arrow-wrapper .umx-switchBtn-control,
.gb-lang-id-pre .v80-vlog .umx-figure-arrow-wrapper .umx-switchBtn-control {
  background: rgba(138,202,208,.05);
  color: rgba(138,202,208,.05);
}

.gb-lang-id-pre .v80-creative .umx-figure-arrow-wrapper .umx-switchBtn-control svg circle,
.gb-lang-id-pre .v80-diwali .umx-figure-arrow-wrapper .umx-switchBtn-control svg circle,
.gb-lang-id-pre .v80-pers .umx-figure-arrow-wrapper .umx-switchBtn-control svg circle,
.gb-lang-id-pre .v80-pet .umx-figure-arrow-wrapper .umx-switchBtn-control svg circle,
.gb-lang-id-pre .v80-playful .umx-figure-arrow-wrapper .umx-switchBtn-control svg circle,
.gb-lang-id-pre .v80-screen .umx-figure-arrow-wrapper .umx-switchBtn-control svg circle,
.gb-lang-id-pre .v80-security .umx-figure-arrow-wrapper .umx-switchBtn-control svg circle,
.gb-lang-id-pre .v80-telephoto .umx-figure-arrow-wrapper .umx-switchBtn-control svg circle,
.gb-lang-id-pre .v80-vlog .umx-figure-arrow-wrapper .umx-switchBtn-control svg circle {
  stroke: rgba(138,202,208,.86);
}

.gb-lang-id-pre .v80-creative .umx-figure-arrow-wrapper .swiper-button-next,
.gb-lang-id-pre .v80-creative .umx-figure-arrow-wrapper .swiper-button-prev,
.gb-lang-id-pre .v80-diwali .umx-figure-arrow-wrapper .swiper-button-next,
.gb-lang-id-pre .v80-diwali .umx-figure-arrow-wrapper .swiper-button-prev,
.gb-lang-id-pre .v80-pers .umx-figure-arrow-wrapper .swiper-button-next,
.gb-lang-id-pre .v80-pers .umx-figure-arrow-wrapper .swiper-button-prev,
.gb-lang-id-pre .v80-pet .umx-figure-arrow-wrapper .swiper-button-next,
.gb-lang-id-pre .v80-pet .umx-figure-arrow-wrapper .swiper-button-prev,
.gb-lang-id-pre .v80-playful .umx-figure-arrow-wrapper .swiper-button-next,
.gb-lang-id-pre .v80-playful .umx-figure-arrow-wrapper .swiper-button-prev,
.gb-lang-id-pre .v80-screen .umx-figure-arrow-wrapper .swiper-button-next,
.gb-lang-id-pre .v80-screen .umx-figure-arrow-wrapper .swiper-button-prev,
.gb-lang-id-pre .v80-security .umx-figure-arrow-wrapper .swiper-button-next,
.gb-lang-id-pre .v80-security .umx-figure-arrow-wrapper .swiper-button-prev,
.gb-lang-id-pre .v80-telephoto .umx-figure-arrow-wrapper .swiper-button-next,
.gb-lang-id-pre .v80-telephoto .umx-figure-arrow-wrapper .swiper-button-prev,
.gb-lang-id-pre .v80-vlog .umx-figure-arrow-wrapper .swiper-button-next,
.gb-lang-id-pre .v80-vlog .umx-figure-arrow-wrapper .swiper-button-prev {
  background: -webkit-radial-gradient(47.6% 51.16%,61.3% 193.02%,#8acad0 4.29%,rgba(138,202,208,.31) 82.73%,rgba(138,202,208,0) 97.34%),#fff;
  background: radial-gradient(61.3% 193.02% at 47.6% 51.16%,#8acad0 4.29%,rgba(138,202,208,.31) 82.73%,rgba(138,202,208,0) 97.34%),#fff;
  -webkit-box-shadow: 0 -.5px .5px 0 rgba(255,255,255,.94) inset,0 .5px .5px 0 #fff inset,0 -2px 2px 0 rgba(138,202,208,.4) inset,0 4px 4px 0 rgba(138,202,208,.28) inset;
  box-shadow: 0 -.5px .5px 0 rgba(255,255,255,.94) inset,0 .5px .5px 0 #fff inset,0 -2px 2px 0 rgba(138,202,208,.4) inset,0 4px 4px 0 rgba(138,202,208,.28) inset;
}

.gb-lang-id-pre .v80-creative .umx-figure-arrow-wrapper .swiper-button-next:hover:not(.swiper-button-disabled),
.gb-lang-id-pre .v80-creative .umx-figure-arrow-wrapper .swiper-button-prev:hover:not(.swiper-button-disabled),
.gb-lang-id-pre .v80-diwali .umx-figure-arrow-wrapper .swiper-button-next:hover:not(.swiper-button-disabled),
.gb-lang-id-pre .v80-diwali .umx-figure-arrow-wrapper .swiper-button-prev:hover:not(.swiper-button-disabled),
.gb-lang-id-pre .v80-pers .umx-figure-arrow-wrapper .swiper-button-next:hover:not(.swiper-button-disabled),
.gb-lang-id-pre .v80-pers .umx-figure-arrow-wrapper .swiper-button-prev:hover:not(.swiper-button-disabled),
.gb-lang-id-pre .v80-pet .umx-figure-arrow-wrapper .swiper-button-next:hover:not(.swiper-button-disabled),
.gb-lang-id-pre .v80-pet .umx-figure-arrow-wrapper .swiper-button-prev:hover:not(.swiper-button-disabled),
.gb-lang-id-pre .v80-playful .umx-figure-arrow-wrapper .swiper-button-next:hover:not(.swiper-button-disabled),
.gb-lang-id-pre .v80-playful .umx-figure-arrow-wrapper .swiper-button-prev:hover:not(.swiper-button-disabled),
.gb-lang-id-pre .v80-screen .umx-figure-arrow-wrapper .swiper-button-next:hover:not(.swiper-button-disabled),
.gb-lang-id-pre .v80-screen .umx-figure-arrow-wrapper .swiper-button-prev:hover:not(.swiper-button-disabled),
.gb-lang-id-pre .v80-security .umx-figure-arrow-wrapper .swiper-button-next:hover:not(.swiper-button-disabled),
.gb-lang-id-pre .v80-security .umx-figure-arrow-wrapper .swiper-button-prev:hover:not(.swiper-button-disabled),
.gb-lang-id-pre .v80-telephoto .umx-figure-arrow-wrapper .swiper-button-next:hover:not(.swiper-button-disabled),
.gb-lang-id-pre .v80-telephoto .umx-figure-arrow-wrapper .swiper-button-prev:hover:not(.swiper-button-disabled),
.gb-lang-id-pre .v80-vlog .umx-figure-arrow-wrapper .swiper-button-next:hover:not(.swiper-button-disabled),
.gb-lang-id-pre .v80-vlog .umx-figure-arrow-wrapper .swiper-button-prev:hover:not(.swiper-button-disabled) {
  background: -webkit-radial-gradient(47.6% 51.16%,61.3% 193.02%,rgba(138,202,208,.9) 4.29%,rgba(138,202,208,.22) 60.38%,rgba(138,202,208,0) 97.34%);
  background: radial-gradient(61.3% 193.02% at 47.6% 51.16%,rgba(138,202,208,.9) 4.29%,rgba(138,202,208,.22) 60.38%,rgba(138,202,208,0) 97.34%);
}

.gb-lang-id-pre .v80-creative .umx-figure-arrow-wrapper .swiper-button-next.swiper-button-disabled,
.gb-lang-id-pre .v80-creative .umx-figure-arrow-wrapper .swiper-button-prev.swiper-button-disabled,
.gb-lang-id-pre .v80-diwali .umx-figure-arrow-wrapper .swiper-button-next.swiper-button-disabled,
.gb-lang-id-pre .v80-diwali .umx-figure-arrow-wrapper .swiper-button-prev.swiper-button-disabled,
.gb-lang-id-pre .v80-pers .umx-figure-arrow-wrapper .swiper-button-next.swiper-button-disabled,
.gb-lang-id-pre .v80-pers .umx-figure-arrow-wrapper .swiper-button-prev.swiper-button-disabled,
.gb-lang-id-pre .v80-pet .umx-figure-arrow-wrapper .swiper-button-next.swiper-button-disabled,
.gb-lang-id-pre .v80-pet .umx-figure-arrow-wrapper .swiper-button-prev.swiper-button-disabled,
.gb-lang-id-pre .v80-playful .umx-figure-arrow-wrapper .swiper-button-next.swiper-button-disabled,
.gb-lang-id-pre .v80-playful .umx-figure-arrow-wrapper .swiper-button-prev.swiper-button-disabled,
.gb-lang-id-pre .v80-screen .umx-figure-arrow-wrapper .swiper-button-next.swiper-button-disabled,
.gb-lang-id-pre .v80-screen .umx-figure-arrow-wrapper .swiper-button-prev.swiper-button-disabled,
.gb-lang-id-pre .v80-security .umx-figure-arrow-wrapper .swiper-button-next.swiper-button-disabled,
.gb-lang-id-pre .v80-security .umx-figure-arrow-wrapper .swiper-button-prev.swiper-button-disabled,
.gb-lang-id-pre .v80-telephoto .umx-figure-arrow-wrapper .swiper-button-next.swiper-button-disabled,
.gb-lang-id-pre .v80-telephoto .umx-figure-arrow-wrapper .swiper-button-prev.swiper-button-disabled,
.gb-lang-id-pre .v80-vlog .umx-figure-arrow-wrapper .swiper-button-next.swiper-button-disabled,
.gb-lang-id-pre .v80-vlog .umx-figure-arrow-wrapper .swiper-button-prev.swiper-button-disabled {
  color: rgba(138,202,208,.28);
  background: -webkit-gradient(linear,left bottom,left top,from(rgba(138,202,208,.05)),to(rgba(138,202,208,.05))),rgba(255,255,255,.04);
  background: -webkit-linear-gradient(bottom,rgba(138,202,208,.05) 0,rgba(138,202,208,.05) 100%),rgba(255,255,255,.04);
  background: linear-gradient(0deg,rgba(138,202,208,.05) 0,rgba(138,202,208,.05) 100%),rgba(255,255,255,.04);
}

.gb-lang-id-pre .v80-creative .umx-figure-arrow-wrapper .umx-switchBtn-control .umx-switchBtn-svg .umx-switchBtn-svg__ring,
.gb-lang-id-pre .v80-diwali .umx-figure-arrow-wrapper .umx-switchBtn-control .umx-switchBtn-svg .umx-switchBtn-svg__ring,
.gb-lang-id-pre .v80-pet .umx-figure-arrow-wrapper .umx-switchBtn-control .umx-switchBtn-svg .umx-switchBtn-svg__ring,
.gb-lang-id-pre .v80-playful .umx-figure-arrow-wrapper .umx-switchBtn-control .umx-switchBtn-svg .umx-switchBtn-svg__ring,
.gb-lang-id-pre .v80-screen .umx-figure-arrow-wrapper .umx-switchBtn-control .umx-switchBtn-svg .umx-switchBtn-svg__ring,
.gb-lang-id-pre .v80-telephoto .umx-figure-arrow-wrapper .umx-switchBtn-control .umx-switchBtn-svg .umx-switchBtn-svg__ring,
.gb-lang-id-pre .v80-vlog .umx-figure-arrow-wrapper .umx-switchBtn-control .umx-switchBtn-svg .umx-switchBtn-svg__ring {
  stroke: rgba(138,202,208,.86);
}

.gb-lang-id-pre .umx-stage .umx-linear {
  background: initial;
  -webkit-text-fill-color: #8acad0;
  color: #8acad0;
}

.gb-lang-id-pre .umx-stage .umx-svg-box .li-bg {
  background: -webkit-radial-gradient(47.6% 51.16%,61.3% 193.02%,#8acad0 4.29%,rgba(138,202,208,.3098039216) 82.73%,rgba(138,202,208,0) 97.34%),#fff;
  background: radial-gradient(61.3% 193.02% at 47.6% 51.16%,#8acad0 4.29%,rgba(138,202,208,.3098039216) 82.73%,rgba(138,202,208,0) 97.34%),#fff;
  -webkit-box-shadow: rgba(138,202,208,.4) 0 1.6px 4px 0,rgba(138,202,208,.8) 0 3.2px 6.4px 0,rgba(255,255,255,.94) 0 -.2px .2px 0 inset,#fff 0 .2px .2px 0 inset,rgba(138,202,208,.28) 0 -.8px .8px 0 inset,rgba(138,202,208,.18) 0 1.6px 1.6px 0 inset;
  box-shadow: rgba(138,202,208,.4) 0 1.6px 4px 0,rgba(138,202,208,.8) 0 3.2px 6.4px 0,rgba(255,255,255,.94) 0 -.2px .2px 0 inset,#fff 0 .2px .2px 0 inset,rgba(138,202,208,.28) 0 -.8px .8px 0 inset,rgba(138,202,208,.18) 0 1.6px 1.6px 0 inset;
}

.gb-lang-id-pre .umx-stage .umx-ul-btn-move::before {
  background: -webkit-radial-gradient(center,circle,rgba(138,202,208,.1843137255) 0,rgba(221,211,255,0) 70%);
  background: radial-gradient(circle at center,rgba(138,202,208,.1843137255) 0,rgba(221,211,255,0) 70%);
}

.gb-lang-id-pre .v80-kv .umx-figure-box {
  width: 100vw;
  height: 48.9583333333vw;
}

@media (max-width:1000px) {
  .gb-lang-id-pre .v80-kv .umx-figure-box {
    width: 100vw;
    height: 181.3333333333vw;
  }
}

.gb-lang-id-pre .v80-ksp {
  background: #f2f2f5;
  cursor: initial;
}

.gb-lang-id-pre .v80-ksp .umx-figure-box .umx-figure {
  cursor: pointer;
}

.gb-lang-id-pre .v80-ksp .umx-figure-box .umx-svg {
  background: -webkit-radial-gradient(47.6% 51.16%,56.85% 193.02%,#8acad0 4.29%,rgba(138,202,208,.31) 60.38%,rgba(138,202,208,0) 97.34%);
  background: radial-gradient(56.85% 193.02% at 47.6% 51.16%,#8acad0 4.29%,rgba(138,202,208,.31) 60.38%,rgba(138,202,208,0) 97.34%);
  stroke: rgba(138,202,208,.05);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.gb-lang-id-pre .v80-color {
  background: #fff;
}

.gb-lang-id-pre .v80-color .color-button-box .umx-ul-btn li .umx-icon-box .umx-svg-bg.svg-black.umx-shasow,
.gb-lang-id-pre .v80-color .color-button-box .umx-ul-btn li .umx-icon-box .umx-svg-bg.svg-golden.umx-shasow,
.gb-lang-id-pre .v80-color .color-button-box .umx-ul-btn li .umx-icon-box .umx-svg-bg.svg-pruple.umx-shasow {
  -webkit-filter: drop-shadow(rgb(138, 202, 208) 0 4px 4px) drop-shadow(rgba(138, 202, 208, .58) 0 8px 4px);
  filter: drop-shadow(rgb(138, 202, 208) 0 4px 4px) drop-shadow(rgba(138, 202, 208, .58) 0 8px 4px);
}

.gb-lang-id-pre .v80-color .color-button-box .umx-ul-btn li .umx-icon-box .umx-svg-bg .umx-svg {
  display: none!important;
}

.gb-lang-id-pre .v80-color .umx-innertips span {
  width: 100%;
  text-align: center;
}

@media (max-width:1000px) {
  .gb-lang-id-pre .v80-color .umx-innertips span {
    text-align: left;
  }
}

.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li1 .umx-line-box .umx-svg.umx-svg-in,
.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li2 .umx-line-box .umx-svg.umx-svg-in,
.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li3 .umx-line-box .umx-svg.umx-svg-in,
.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li4 .umx-line-box .umx-svg.umx-svg-in {
  display: block;
}

.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li1 .umx-line-box .umx-svg.umx-svg-in path,
.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li2 .umx-line-box .umx-svg.umx-svg-in path,
.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li3 .umx-line-box .umx-svg.umx-svg-in path,
.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li4 .umx-line-box .umx-svg.umx-svg-in path {
  fill: #8acad0;
}

.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li1 .umx-line-box .umx-svg.umx-svg-en,
.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li2 .umx-line-box .umx-svg.umx-svg-en,
.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li3 .umx-line-box .umx-svg.umx-svg-en,
.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li4 .umx-line-box .umx-svg.umx-svg-en {
  display: none;
}

.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li1 .umx-line-box .umx-line,
.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li2 .umx-line-box .umx-line,
.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li3 .umx-line-box .umx-line,
.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li4 .umx-line-box .umx-line {
  background: #8acad0;
}

.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li1 .umx-line-box .umx-line-s,
.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li2 .umx-line-box .umx-line-s,
.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li3 .umx-line-box .umx-line-s,
.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li4 .umx-line-box .umx-line-s {
  background: #8acad0;
}

.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li3 .umx-line-box .umx-svg {
  left: -.2083333333vw;
}

.gb-lang-id-pre .v80-chapter1 .umx-section2 .umx-title .umx-data-items li.umx-li4 .umx-line-box .umx-svg {
  right: -.2083333333vw;
}

.gb-lang-id-pre .v80-screen .umx-section2 .umx-title {
  width: calc(var(--rpx,1px) * 900);
}

@media (max-width:1000px) {
  .gb-lang-id-pre .v80-screen .umx-section2 .umx-title {
    width: auto;
  }
}

.gb-lang-id-pre .v80-screen .swiper-container-screen,
.gb-lang-id-pre .v80-screen .umx-button-svg,
.gb-lang-id-pre .v80-screen .umx-figure-arrow-wrapper {
  display: none;
}

@media (max-width:1000px) {
  .gb-lang-id-pre .v80-battery .umx-figure-box .umx-move-box .umx-figure,
  .gb-lang-id-pre .v80-battery .umx-figure-box .umx-move-box .umx-figure.umx-figure2 {
    background-color: #f7f7f8;
  }
}

.gb-lang-id-pre .v80-form .umx-form-wrapper {
  border: none;
  background: -webkit-radial-gradient(100% 100%,87.57% 41.18%,rgba(138,202,208,.57) 0,rgba(138,202,208,0) 100%),-webkit-radial-gradient(100% 100%,101.32% 47.65%,rgba(138,202,208,.12) 0,rgba(138,202,208,0) 100%),-webkit-radial-gradient(-4.18% 100%,92% 78.22%,rgba(138,202,208,.4) 0,rgba(138,202,208,.15) 61.89%,rgba(138,202,208,0) 100%),rgba(255,255,255,.68);
  background: radial-gradient(87.57% 41.18% at 100% 100%,rgba(138,202,208,.57) 0,rgba(138,202,208,0) 100%),radial-gradient(101.32% 47.65% at 100% 100%,rgba(138,202,208,.12) 0,rgba(138,202,208,0) 100%),radial-gradient(92% 78.22% at -4.18% 100%,rgba(138,202,208,.4) 0,rgba(138,202,208,.15) 61.89%,rgba(138,202,208,0) 100%),rgba(255,255,255,.68);
  background-blend-mode: color-burn,normal,normal,normal;
  -webkit-box-shadow: 0 4px 8px 0 #fff inset,0 10px 20px 0 rgba(255,255,255,.52),0 -4px 12px 0 #fff inset,0 0 32px 0 #fff inset,0 40px 80px 0 rgba(138,202,208,.32);
  box-shadow: 0 4px 8px 0 #fff inset,0 10px 20px 0 rgba(255,255,255,.52),0 -4px 12px 0 #fff inset,0 0 32px 0 #fff inset,0 40px 80px 0 rgba(138,202,208,.32);
}