@keyframes breath-7f29e8ec {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.04);
}
100% {
    transform: scale(1);
}
}
@keyframes pulseOut-7f29e8ec {
0% {
    transform: scale(1);
}
100% {
    transform: scale(1.4);
}
}
.container[data-v-7f29e8ec] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.container .popup[data-v-7f29e8ec] {
  width: 100%;
  height: 8.21333rem;
  background: var(--color-bg-secondary);
  border-radius: 0.64rem 0.64rem 0 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0.90667rem 0.53333rem 0.64rem;
}
.container .popup__close[data-v-7f29e8ec] {
  position: absolute;
  top: 0.53333rem;
  right: 0.42667rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAJFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACmWAJHAAAAC3RSTlMAN+X56Tgwt7LqKfTe9a4AAACQSURBVCjPYxhwsLwMwU6vgjK6NwXAxFi1d8AErR1hgiKbYYIpm4FKoQqt3eB6YEpFwNJwtgCIZoTJIpQiFCKUoimEcGFSKEoDEPYhlE7LRChEKEUoRDhg926Y1QiQtNlajYGgIEI7QYsQTsLpeExv4gsQCA8uhzWQ8UVHClghVKkbvijuBimEKd2BPdkMNAAABLdA0TyZuToAAAAASUVORK5CYII=);
  width: 0.53333rem;
  height: 0.53333rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.container .popup p[data-v-7f29e8ec] {
  width: 8.93333rem;
  text-align: center;
  line-height: 0.48rem;
  margin: 0.42667rem 0 0.74667rem;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 0.42667rem;
  color: var(--color-text-primary);
}
.container .popup img[data-v-7f29e8ec] {
  background-image: url(../img/hello_lock.07514003.png);
  width: 4rem;
  height: 3.09333rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.container .popup__btns[data-v-7f29e8ec] {
  width: 100%;
  height: 1.49333rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.container .popup__btns span[data-v-7f29e8ec] {
  width: 100%;
  height: 1.49333rem;
  background: var(--color-bg-secondary);
  border: 0.05333rem solid var(--color-border-default);
  border-radius: 0.74667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 0.48rem;
  color: var(--color-text-primary);
  text-align: center;
  gap: 0.10667rem;
}
.container .popup__btns span .coin[data-v-7f29e8ec] {
  background-image: url(data:image/webp;base64,UklGRgYFAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSJoCAAABoEPbtmlb2hfvlW3biOyKbDuqVpGt1LYRunJbqe3M9XTP2WdjzTmTg4vohxExAW4VYH9unS33O/mK+07cdr43tflTrr7nhQ+/X0gEqPjzqzcctdFwGnt/IpiB6kgVXzx3yaYTmr+lAKk62+rgN1tOZN/PAKqdEltE/nbweINbfda4tBaJ1S3DMeZvBjiWaB2k1zbttNFLEjGeiBYJ9tMhHXb8XJI4AREtBFheOmw6+i9NkQ2ASOH5NWqHVGpmA8eBJKMkE/XEnHO9F1Wn0VjrSFGigExJIiBe79z+JuUMSupGZKuC92XlKaqR+GW1wfuSkkySAFESYWlUlKOlleWl5UUvkwhSEtNR50hSliQSpERkAyysjEZFOSoC1QxKytf83gCjJJGWYwJUD8tFUZRqhyTikbIGGclaSNmoRtKPPNsoiYzXFqQEUiRFEeoMCC2QCFtY7yOCElWHJLIDJYhCjaRgetRt/DolQqKagRaomZQkywCeXcu51W+rCBA1ShJZI9UmCjAw3DrnnHO9M/6WmSSqmZBIdTQQQSwu7rvmXT+LIRjaREAg2EKYRf59guu49v0hZMSUwUxJxroaGZPlYD8c4Dr3TvorBiMFS7mNMaaYKuZY5fc2dePu9GlOqtOioUgxhphSMCLlEF5c142/9qNVguoW4CWJyWeKqYj3z7tJDi76P1pNFquUUwoBKYa4XF47cBPe77sqk5KQY0b0JaQ4Wjiv5ya+8QslLVNSiDHDJ+TqzyPdNIdXL8dg2SxYyjEEX/2wl5tu78jvUvTehxxTSL76eAs39a3eXPExeiDkXLy4npvB4U0LPhQ5h8rfMXQz2Tv6t+VRDGV5Vd/N6nbvLFbhr9N6bnZXv3vhj4PcTPfO3tWtIgRWUDggRgIAAJANAJ0BKjAAMAA+bTKSRqWkKiWquqqoYA2JbADAH0bQvlP9TxduA9t1efb01XeUPuA9oDNAPkA6kCWiMpPT5ZGlH5oJTVj2/+tLKpZbMXP5TB/2ORZ8GZbyvFadfigWDmZi7myKqsvqj+5wlAzDYcSS/LJNAAD+59B64KS29RvTeUG0G4XrTzPngR96F42XxPS+Hwh4mMv/H5ZU7b6Mh5AQBjoxigsMCFb+AwSEewdpebTtGy2cDtD3inznT7vodrIGL+djjWYYjaR65PkLrGS1YeXc82Qi/zacu6VmNWdJetcHV9siOyaEciJAWTrNVW+H8vciKy1AZDxZb33aL3KXrV6YJvmePQkV/DJAQf/km11mUDooZgUoXoBUoNE/SO3Sh+OXPfffktK82CjthBxVcH6rWYVDDYIFA76BgW2r/DzezigiUpTPgXR0Q4yeSRblchjusn6N/ClXGEFnxsZhaQZUH/xjnuc5lcOkzbQzdFb60IBpVkYPuFHifpzLXA49N3GUMxsfJhALnpLLGA5ycgI11uvPz49xQ4ZLDbbRx50NU7LF1GEcH7yIj20CSET2UtSwGkI3ru/I4CcujcXh2LevxNJOMru+/8rJY3T/wiyAesezTNh3Jt3bTSgffze+HdTv5L1BZJZYaDESJvuGxaik6PYrdYmigAUIo9sjt7PrJSebk51m/vblYOcxZntpGeq0/x1kCwlpkw17h5XfzTbX/X/4XFu+90kIpVT6f1YsLf9APQ0zN8W7+WoldqntU9TQAA==);
  width: 0.42667rem;
  height: 0.42667rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.container .popup__btns span[data-v-7f29e8ec]:first-child {
  background: linear-gradient(90deg, #7700FF 0%, #FB00FF 100%);
  color: #fff;
  border: none;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 0.48rem;
  color: #FFFFFF;
}
@keyframes breath-7b828228 {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.04);
}
100% {
    transform: scale(1);
}
}
@keyframes pulseOut-7b828228 {
0% {
    transform: scale(1);
}
100% {
    transform: scale(1.4);
}
}
.container[data-v-7b828228] {
  height: 0;
  width: 100vw;
  position: fixed;
  top: 0;
  z-index: 1100;
}
.container .popup[data-v-7b828228] {
  width: 9.25333rem;
  height: 2.10667rem;
  background: #FFFFFF;
  box-shadow: 0 0.10667rem 0.66667rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.26667rem;
  padding: 0 0.42667rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin: 0 auto;
  top: 1.17333rem;
  animation: popupShow-7b828228 0.5s forwards;
}
@keyframes popupShow-7b828228 {
0% {
    top: -2.37333rem;
}
100% {
    top: 1.17333rem;
}
}
.container .popup_info[data-v-7b828228] {
  display: flex;
  align-items: center;
  gap: 0.26667rem;
  flex: 1;
  min-width: 0;
}
.container .popup_info .avatar-border[data-v-7b828228] {
  width: 1.22667rem;
  height: 1.22667rem;
  border-radius: 50%;
  padding: 0.02667rem;
  background: linear-gradient(90deg, #7700ff 0%, #fb00ff 100%);
  flex-shrink: 0;
}
.container .popup_info .avatar-border img[data-v-7b828228] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.container .popup_info .userinfo[data-v-7b828228] {
  display: flex;
  flex-direction: column;
  gap: 0.10667rem;
  align-items: flex-start;
  min-width: 0;
  flex: 1;
}
.container .popup_info .userinfo p[data-v-7b828228] {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container .popup_info .userinfo .username[data-v-7b828228] {
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 800;
  font-size: 0.48rem;
  color: #11111A;
  line-height: 1.17;
}
.container .popup_info .userinfo .msg[data-v-7b828228] {
  width: 100%;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 0.37333rem;
  color: #11111A;
  line-height: 1.17;
  height: 0.42667rem !important;
}
.container .popup .reply-btn[data-v-7b828228] {
  width: 1.17333rem;
  height: 1.17333rem;
  flex-shrink: 0;
  background-image: url(data:image/webp;base64,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);
  width: 44px;
  height: 44px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@keyframes breath-01985e60 {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.04);
}
100% {
    transform: scale(1);
}
}
@keyframes pulseOut-01985e60 {
0% {
    transform: scale(1);
}
100% {
    transform: scale(1.4);
}
}
.followStatus[data-v-01985e60] {
  height: 100%;
  display: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  background-image: url(../img/like_banner.cc3db5c5.png);
  width: 7.54667rem;
  height: 1.38667rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 0.21333rem 0.42667rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.32rem;
}
.followStatus img[data-v-01985e60] {
  width: 0.96rem;
  height: 0.96rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.followStatus span[data-v-01985e60] {
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 0.37333rem;
  color: #FED9D9;
  line-height: 0.42667rem;
  animation: show-01985e60 0.3s;
}
.close[data-v-01985e60] {
  animation: close-01985e60 0.3s;
}
@keyframes show-01985e60 {
0% {
    transform: translateX(-100%);
}
100% {
    transform: translateX(0);
}
}
@keyframes close-01985e60 {
0% {
    transform: translateX(0);
}
100% {
    transform: translateX(-100%);
}
}
@keyframes breath-00a0b1d4 {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.04);
}
100% {
    transform: scale(1);
}
}
@keyframes pulseOut-00a0b1d4 {
0% {
    transform: scale(1);
}
100% {
    transform: scale(1.4);
}
}
.container[data-v-00a0b1d4] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.53333rem;
}
.container .popup[data-v-00a0b1d4] {
  width: 7.97333rem;
  background: rgba(28, 28, 28, 0.95);
  backdrop-filter: blur(0.26667rem);
  border-radius: 0.78667rem;
  position: relative;
  padding: 0 0.58667rem 0.48rem;
  overflow: visible;
}
.container .popup__image[data-v-00a0b1d4] {
  display: block;
  width: 2.4rem;
  height: 2.13333rem;
  margin: 0.10667rem auto 0.05333rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.container .popup__content[data-v-00a0b1d4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.53333rem;
  margin-top: 0;
}
.container .popup__desc[data-v-00a0b1d4] {
  width: 100%;
  text-align: center;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 0.42667rem;
  color: #FFFFFF;
  line-height: 1.173;
}
.container .popup__desc[data-v-00a0b1d4] .highlight {
  color: #B2FF00;
}
.container .popup__desc[data-v-00a0b1d4] .diamonds {
  display: inline-block;
  flex-shrink: 0;
  width: 0.42667rem;
  height: 0.42667rem;
  background: url(data:image/webp;base64,UklGRgYFAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSJoCAAABoEPbtmlb2hfvlW3biOyKbDuqVpGt1LYRunJbqe3M9XTP2WdjzTmTg4vohxExAW4VYH9unS33O/mK+07cdr43tflTrr7nhQ+/X0gEqPjzqzcctdFwGnt/IpiB6kgVXzx3yaYTmr+lAKk62+rgN1tOZN/PAKqdEltE/nbweINbfda4tBaJ1S3DMeZvBjiWaB2k1zbttNFLEjGeiBYJ9tMhHXb8XJI4AREtBFheOmw6+i9NkQ2ASOH5NWqHVGpmA8eBJKMkE/XEnHO9F1Wn0VjrSFGigExJIiBe79z+JuUMSupGZKuC92XlKaqR+GW1wfuSkkySAFESYWlUlKOlleWl5UUvkwhSEtNR50hSliQSpERkAyysjEZFOSoC1QxKytf83gCjJJGWYwJUD8tFUZRqhyTikbIGGclaSNmoRtKPPNsoiYzXFqQEUiRFEeoMCC2QCFtY7yOCElWHJLIDJYhCjaRgetRt/DolQqKagRaomZQkywCeXcu51W+rCBA1ShJZI9UmCjAw3DrnnHO9M/6WmSSqmZBIdTQQQSwu7rvmXT+LIRjaREAg2EKYRf59guu49v0hZMSUwUxJxroaGZPlYD8c4Dr3TvorBiMFS7mNMaaYKuZY5fc2dePu9GlOqtOioUgxhphSMCLlEF5c142/9qNVguoW4CWJyWeKqYj3z7tJDi76P1pNFquUUwoBKYa4XF47cBPe77sqk5KQY0b0JaQ4Wjiv5ya+8QslLVNSiDHDJ+TqzyPdNIdXL8dg2SxYyjEEX/2wl5tu78jvUvTehxxTSL76eAs39a3eXPExeiDkXLy4npvB4U0LPhQ5h8rfMXQz2Tv6t+VRDGV5Vd/N6nbvLFbhr9N6bnZXv3vhj4PcTPfO3tWtIgRWUDggRgIAAJANAJ0BKjAAMAA+bTKSRqWkKiWquqqoYA2JbADAH0bQvlP9TxduA9t1efb01XeUPuA9oDNAPkA6kCWiMpPT5ZGlH5oJTVj2/+tLKpZbMXP5TB/2ORZ8GZbyvFadfigWDmZi7myKqsvqj+5wlAzDYcSS/LJNAAD+59B64KS29RvTeUG0G4XrTzPngR96F42XxPS+Hwh4mMv/H5ZU7b6Mh5AQBjoxigsMCFb+AwSEewdpebTtGy2cDtD3inznT7vodrIGL+djjWYYjaR65PkLrGS1YeXc82Qi/zacu6VmNWdJetcHV9siOyaEciJAWTrNVW+H8vciKy1AZDxZb33aL3KXrV6YJvmePQkV/DJAQf/km11mUDooZgUoXoBUoNE/SO3Sh+OXPfffktK82CjthBxVcH6rWYVDDYIFA76BgW2r/DzezigiUpTPgXR0Q4yeSRblchjusn6N/ClXGEFnxsZhaQZUH/xjnuc5lcOkzbQzdFb60IBpVkYPuFHifpzLXA49N3GUMxsfJhALnpLLGA5ycgI11uvPz49xQ4ZLDbbRx50NU7LF1GEcH7yIj20CSET2UtSwGkI3ru/I4CcujcXh2LevxNJOMru+/8rJY3T/wiyAesezTNh3Jt3bTSgffze+HdTv5L1BZJZYaDESJvuGxaik6PYrdYmigAUIo9sjt7PrJSebk51m/vblYOcxZntpGeq0/x1kCwlpkw17h5XfzTbX/X/4XFu+90kIpVT6f1YsLf9APQ0zN8W7+WoldqntU9TQAA==) no-repeat center/contain;
  vertical-align: middle;
  margin: 0 0.05333rem;
}
.container .popup__btns[data-v-00a0b1d4] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 0.48rem;
}
.container .popup__btn[data-v-00a0b1d4] {
  flex: 1;
  height: 1.30667rem;
  border-radius: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 0.42667rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s;
}
.container .popup__btn--cancel[data-v-00a0b1d4] {
  background: transparent;
  border: 0.02667rem solid;
  border-image-source: linear-gradient(90deg, rgb(119, 0, 255) 0%, rgb(251, 0, 255) 100%);
  border-image-slice: 1;
  border: none;
  position: relative;
  color: #FFFFFF;
}
.container .popup__btn--cancel[data-v-00a0b1d4]::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 1.6rem;
  padding: 0.02667rem;
  background: linear-gradient(90deg, rgb(119, 0, 255) 0%, rgb(251, 0, 255) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.container .popup__btn--cancel[data-v-00a0b1d4]:active {
  opacity: 0.8;
}
.container .popup__btn--confirm[data-v-00a0b1d4] {
  background: linear-gradient(90deg, rgb(119, 0, 255) 0%, rgb(251, 0, 255) 100%);
  color: #FFFFFF;
}
.container .popup__btn--confirm[data-v-00a0b1d4]:active {
  opacity: 0.8;
}
.container .popup__btn--confirm[data-v-00a0b1d4]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
@keyframes breath-f6f436a8 {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.04);
}
100% {
    transform: scale(1);
}
}
@keyframes pulseOut-f6f436a8 {
0% {
    transform: scale(1);
}
100% {
    transform: scale(1.4);
}
}
.container[data-v-f6f436a8] {
  height: 0;
  width: 100vw;
  position: fixed;
  top: 0;
  z-index: 1100;
}
.container .popup[data-v-f6f436a8] {
  width: calc(100% - 0.74667rem);
  max-width: 9.25333rem;
  background: #ffffff;
  box-shadow: 0 0 0.26667rem 0 rgba(38, 38, 38, 0.1490196078);
  border-radius: 0.26667rem;
  padding: 0.37333rem 0.26667rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin: 0 auto;
  top: 1.17333rem;
  animation: popupShow-f6f436a8 0.5s forwards;
}
@keyframes popupShow-f6f436a8 {
0% {
    top: -2.29333rem;
}
100% {
    top: 1.17333rem;
}
}
.container .popup .popup_content[data-v-f6f436a8] {
  display: flex;
  align-items: center;
  gap: 0.16rem;
  flex: 1;
  min-width: 0;
}
.container .popup .popup_content .bell-icon[data-v-f6f436a8] {
  flex-shrink: 0;
  width: 0.98667rem;
  height: 1.14667rem;
}
.container .popup .popup_content .message[data-v-f6f436a8] {
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 0.37333rem;
  color: #000;
  line-height: 0.48rem;
  flex: 1;
  min-width: 0;
  word-wrap: break-word;
}
.container .popup .view-button[data-v-f6f436a8] {
  flex-shrink: 0;
  height: 0.74667rem;
  padding: 0 0.42667rem;
  border-radius: 0.37333rem;
  border: none;
  background: linear-gradient(90deg, #7700FF 0%, #FB00FF 100%);
  color: #ffffff;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 0.37333rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
}
.container .popup .view-button[data-v-f6f436a8]:active {
  opacity: 0.8;
}
@keyframes breath-3f6eccab {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.04);
}
100% {
    transform: scale(1);
}
}
@keyframes pulseOut-3f6eccab {
0% {
    transform: scale(1);
}
100% {
    transform: scale(1.4);
}
}
.charge-result-overlay-vip[data-v-3f6eccab] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.charge-result-popup-vip[data-v-3f6eccab] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.charge-result-popup-vip-1[data-v-3f6eccab] {
  background-image: url(../img/charge_result_bg_vip1.6daff306.webp);
  width: 8.72rem;
  height: 10.45333rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.charge-result-popup-vip-2[data-v-3f6eccab] {
  background-image: url(../img/charge_result_bg_vip2.5615ffab.webp);
  width: 8.72rem;
  height: 10.45333rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.charge-result-popup-vip-3[data-v-3f6eccab] {
  background-image: url(../img/charge_result_bg_vip3.93e6f239.webp);
  width: 8.72rem;
  height: 10.45333rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.charge-result-popup-vip .avatar-border[data-v-3f6eccab] {
  position: absolute;
  top: -0.69333rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.charge-result-popup-vip .avatar-border-vip1[data-v-3f6eccab] {
  background-image: url(../img/charge_result_avatar_vip1.c8d0ee49.webp);
  width: 2.4rem;
  height: 2.4rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.charge-result-popup-vip .avatar-border-vip2[data-v-3f6eccab] {
  background-image: url(../img/charge_result_avatar_vip2.fb0879c0.webp);
  width: 2.4rem;
  height: 2.4rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.charge-result-popup-vip .avatar-border-vip3[data-v-3f6eccab] {
  background-image: url(../img/charge_result_avatar_vip3.27b67f53.webp);
  width: 2.4rem;
  height: 2.4rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.charge-result-popup-vip .avatar-container[data-v-3f6eccab] {
  position: absolute;
  top: -0.32rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 1.73333rem;
  height: 1.73333rem;
  border-radius: 50%;
  background-color: #1A1A1A;
  overflow: hidden;
}
.charge-result-popup-vip .avatar-container .avatar[data-v-3f6eccab] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.charge-result-popup-vip .avatar-container img[src=""][data-v-3f6eccab],
.charge-result-popup-vip .avatar-container img[data-v-3f6eccab]:not([src]) {
  opacity: 0;
}
.charge-result-popup-vip .text[data-v-3f6eccab] {
  color: #e6f3ff;
  text-align: center;
  font-size: 0.53333rem;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  margin-top: 2.16rem;
  margin-bottom: 0.58667rem;
}
.charge-result-popup-vip .diamond-icon[data-v-3f6eccab] {
  background-image: url(../img/charge_result_diamond.71233398.webp);
  width: 3.22667rem;
  height: 3.22667rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-bottom: 0.21333rem;
}
.charge-result-popup-vip .diamond-amount[data-v-3f6eccab] {
  color: #ffffff;
  text-align: center;
  font-size: 0.42667rem;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  margin-bottom: 0.8rem;
}
.charge-result-popup-vip .button[data-v-3f6eccab] {
  width: 6.90667rem;
  height: 1.33333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0.01333rem 0.02667rem rgba(255, 255, 255, 0.5019607843) inset;
  border-radius: 0.66667rem;
  font-size: 0.53333rem;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.charge-result-popup-vip .button[data-v-3f6eccab]:hover {
  opacity: 0.9;
}
.charge-result-popup-vip .button[data-v-3f6eccab]:active {
  opacity: 0.8;
}
.charge-result-popup-vip .button-vip1[data-v-3f6eccab] {
  color: #0054FF;
  background: linear-gradient(92deg, #DDF0FC 0%, #FDFFFF 37.5%, #B0E4FF 74.52%, #B6E5FF 100%);
}
.charge-result-popup-vip .button-vip2[data-v-3f6eccab] {
  color: #7500FA;
  background: linear-gradient(92deg, #D5D0FE 0%, #FDFFFF 37.5%, #B6ACFE 74.52%, #D6D2FD 100%);
}
.charge-result-popup-vip .button-vip3[data-v-3f6eccab] {
  color: #ED4E00;
  background: linear-gradient(92deg, #FFF0C9 0%, #FDFFFF 37.5%, #FFE09A 74.52%, #FEFCDF 100%);
}
@keyframes breath-2e5d71a6 {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.04);
}
100% {
    transform: scale(1);
}
}
@keyframes pulseOut-2e5d71a6 {
0% {
    transform: scale(1);
}
100% {
    transform: scale(1.4);
}
}
.charge-result-overlay-monthly-card[data-v-2e5d71a6] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.charge-result-popup-monthly-card[data-v-2e5d71a6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.success-container[data-v-2e5d71a6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0.66667rem;
}
.success-container .title[data-v-2e5d71a6] {
  text-align: center;
  font-size: 0.8rem;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 800;
  line-height: 0.93333rem;
  background: linear-gradient(270deg, #AB8EF9 4.76%, #CC8AED 19.63%, #FBBCFF 49.11%, #E7EAF4 84.87%, #DBE7F0 94.55%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0.26667rem;
}
.success-container .gift-icon[data-v-2e5d71a6] {
  width: 6.72rem;
  height: 6.72rem;
  margin-bottom: 0.32rem;
  transform-origin: center center;
  position: relative;
}
.success-container .gift-explode[data-v-2e5d71a6] {
  animation: giftExplode-2e5d71a6 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@keyframes giftExplode-2e5d71a6 {
0% {
    transform: scale(0) rotate(-45deg);
    opacity: 0;
    filter: blur(0.4rem) brightness(3) drop-shadow(0 0 0.8rem rgba(255, 255, 255, 0.8));
}
25% {
    transform: scale(1.5) rotate(45deg);
    opacity: 0.8;
    filter: blur(0.21333rem) brightness(2) drop-shadow(0 0 1.06667rem rgba(255, 215, 0, 0.6));
}
50% {
    transform: scale(0.85) rotate(-15deg);
    opacity: 1;
    filter: blur(0.08rem) brightness(1.3) drop-shadow(0 0 0.53333rem rgba(255, 200, 0, 0.4));
}
70% {
    transform: scale(1.15) rotate(10deg);
    opacity: 1;
    filter: blur(0.02667rem) brightness(1.1) drop-shadow(0 0 0.26667rem rgba(255, 180, 0, 0.2));
}
85% {
    transform: scale(0.95) rotate(-3deg);
    opacity: 1;
    filter: blur(0) brightness(1) drop-shadow(0 0 0.13333rem rgba(255, 160, 0, 0.1));
}
100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
    filter: blur(0) brightness(1) drop-shadow(0 0 0 transparent);
}
}
.success-container .desc[data-v-2e5d71a6] {
  color: var(--color-text-secondary, #f8e2ff);
  text-align: center;
  font-size: 0.37333rem;
  line-height: 0.53333rem;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  margin-bottom: 1.06667rem;
}
.success-container .close-btn[data-v-2e5d71a6] {
  width: 0.69333rem;
  height: 0.69333rem;
  cursor: pointer;
}
@keyframes breath-be8009ca {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.04);
}
100% {
    transform: scale(1);
}
}
@keyframes pulseOut-be8009ca {
0% {
    transform: scale(1);
}
100% {
    transform: scale(1.4);
}
}
.charge-result-overlay[data-v-be8009ca] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.charge-result-popup[data-v-be8009ca] {
  position: relative;
  width: 7.97333rem;
  max-width: calc(100vw - 1.06667rem);
  background: var(--color-bg-elevated, #353535);
  border-radius: 0.8rem;
  padding: 0 0.66667rem 0.64rem;
  box-shadow: 0 0.21333rem 0.74667rem rgba(0, 0, 0, 0.28);
  overflow: visible;
}
.charge-result-popup .popup-icon[data-v-be8009ca] {
  position: absolute;
  top: -1.2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.charge-result-popup .popup-icon .icon-image[data-v-be8009ca] {
  width: 7.97333rem;
  height: 3.41333rem;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.charge-result-popup .popup-content[data-v-be8009ca] {
  margin-top: 1.94667rem;
  text-align: center;
}
.charge-result-popup .popup-content .popup-title[data-v-be8009ca] {
  font-size: 0.58667rem;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 800;
  line-height: 1.18;
  margin: 0 0 0.53333rem 0;
  color: var(--color-text-primary, #ffffff);
  text-transform: uppercase;
}
.charge-result-popup .popup-content .popup-title.success[data-v-be8009ca] {
  color: var(--color-text-primary, #ffffff);
}
.charge-result-popup .popup-content .gems-main[data-v-be8009ca] {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: center;
  gap: 0.16rem;
  margin-bottom: 0.32rem;
}
.charge-result-popup .popup-content .gems-main .gems-amount[data-v-be8009ca] {
  font-size: 0.90667rem;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  line-height: 1;
  color: var(--color-text-primary, #ffffff);
}
.charge-result-popup .popup-content .gems-main .diamond-icon[data-v-be8009ca] {
  width: 0.85333rem;
  height: 0.85333rem;
}
.charge-result-popup .popup-content .gems-bonus[data-v-be8009ca] {
  margin-bottom: 0.21333rem;
}
.charge-result-popup .popup-content .gems-bonus .bonus-text[data-v-be8009ca] {
  display: inline-block;
  background: #b2ff00;
  color: #11111a;
  min-height: 0.72rem;
  padding: 0.10667rem 0.34667rem;
  border-radius: 0.21333rem;
  font-size: 0.37333rem;
  line-height: 0.50667rem;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
}
.charge-result-popup .popup-content .success-message[data-v-be8009ca] {
  font-size: 0.32rem;
  color: var(--color-text-secondary, rgba(255, 255, 255, 0.5));
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  margin: 0.37333rem 0 0 0;
  line-height: 1.4;
}
.charge-result-popup .popup-content .failed-message[data-v-be8009ca] {
  font-size: 0.37333rem;
  color: var(--color-text-secondary, rgba(255, 255, 255, 0.72));
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  margin: 0;
  min-height: 1.06667rem;
  line-height: 1.4;
}
.charge-result-popup .popup-content .popup-button[data-v-be8009ca] {
  margin-top: 0.53333rem;
  width: 100%;
  height: 1.41333rem;
  background: linear-gradient(90deg, #7700ff 0%, #fb00ff 100%);
  border: none;
  border-radius: 0.96rem;
  color: #FFFFFF;
  font-size: 0.48rem;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.charge-result-popup .popup-content .popup-button[data-v-be8009ca]:hover {
  opacity: 0.9;
}
.charge-result-popup .popup-content .popup-button[data-v-be8009ca]:active {
  opacity: 0.8;
}
.charge-result-popup .popup-content.is-failed .popup-title[data-v-be8009ca] {
  margin-bottom: 0.37333rem;
}
.charge-result-popup .popup-content.is-failed .popup-button[data-v-be8009ca] {
  margin-top: 0.74667rem;
}
@keyframes breath-04a95d24 {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.04);
}
100% {
    transform: scale(1);
}
}
@keyframes pulseOut-04a95d24 {
0% {
    transform: scale(1);
}
100% {
    transform: scale(1.4);
}
}
.compensation-dialog[data-v-04a95d24] {
  width: 8.93333rem;
  max-width: 90vw;
  padding: 0.85333rem 0.64rem 0.64rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.32rem;
  color: var(--color-text-primary);
  border-radius: 0.69333rem;
  background: var(--color-bg-secondary);
}
.compensation-dialog__title[data-v-04a95d24] {
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 0.58667rem;
  text-align: center;
  margin: 0;
  color: var(--color-text-primary);
}
.compensation-dialog__message[data-v-04a95d24] {
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 0.42667rem;
  line-height: 0.53333rem;
  color: var(--color-text-tertiary);
  text-align: center;
  margin: 0;
  padding: 0 0.21333rem;
}
.compensation-dialog__button[data-v-04a95d24] {
  width: 100%;
  height: 1.41333rem;
  background: linear-gradient(90deg, #7700FF 0%, #FB00FF 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: center;
  border-radius: 0.8rem;
  border: none;
  font-size: 0.48rem;
  color: #ffffff;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  cursor: pointer;
  margin-top: 0.32rem;
  transition: opacity 0.3s;
}
.compensation-dialog__button[data-v-04a95d24]:active {
  opacity: 0.8;
}

.heartbeat-status[data-v-795c8ecf] {
  position: fixed;
  top: 0.26667rem;
  right: 0.26667rem;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 0.21333rem 0.32rem;
  border-radius: 0.10667rem;
  font-size: 0.32rem;
  display: flex;
  align-items: center;
  z-index: 9999;
}
.heartbeat-indicator[data-v-795c8ecf] {
  width: 0.21333rem;
  height: 0.21333rem;
  border-radius: 50%;
  margin-right: 0.21333rem;
}
.status-normal[data-v-795c8ecf] {
  background-color: #4caf50;
  box-shadow: 0 0 0.13333rem #4caf50;
}
.status-warning[data-v-795c8ecf] {
  background-color: #ff9800;
  box-shadow: 0 0 0.13333rem #ff9800;
}
.status-error[data-v-795c8ecf] {
  background-color: #f44336;
  box-shadow: 0 0 0.13333rem #f44336;
  animation: pulse-795c8ecf 1s infinite;
}
@keyframes pulse-795c8ecf {
0% {
    transform: scale(0.8);
    opacity: 0.8;
}
50% {
    transform: scale(1.2);
    opacity: 1;
}
100% {
    transform: scale(0.8);
    opacity: 0.8;
}
}

@keyframes breath-99357f06 {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.04);
}
100% {
    transform: scale(1);
}
}
@keyframes pulseOut-99357f06 {
0% {
    transform: scale(1);
}
100% {
    transform: scale(1.4);
}
}
.cards[data-v-99357f06] {
  width: 10rem;
  height: calc(100 * var(--vh));
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.cards .cards-inner[data-v-99357f06] {
  position: relative;
  width: 10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cards .popular-tip[data-v-99357f06] {
  position: relative;
  width: 8.2rem;
  min-height: 1.73333rem;
  margin-bottom: 0.53333rem;
  z-index: 4;
}
.cards .popular-tip .tip-girl[data-v-99357f06] {
  position: absolute;
  top: 0;
  right: 0.26667rem;
  z-index: 1;
  background-image: url(../img/popular_tip_girl.d9adf3ba.webp);
  width: 1.22667rem;
  height: 1.22667rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.cards .popular-tip .tip-text[data-v-99357f06] {
  position: relative;
  width: 100%;
  margin: 0;
  padding-top: 0.61333rem;
  text-align: center;
  color: #ffbaf1;
  font-size: 0.48rem;
  line-height: 1.173;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  z-index: 2;
}
.cards .swiper-card[data-v-99357f06] {
  position: relative;
  width: 10rem;
  height: 12.69333rem;
  overflow: hidden;
}
.cards .swiper-card .strategy-swiper[data-v-99357f06] {
  width: 10rem;
  height: 100%;
}
.cards .swiper-card .strategy-swiper .swiper-slide[data-v-99357f06] {
  width: 6.93333rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cards .swiper-card .strategy-swiper .swiper-item[data-v-99357f06] {
  width: 5.84rem;
  height: 9.52rem;
  background: linear-gradient(76deg, rgb(255, 142, 45) 0%, rgb(255, 6, 202) 100%);
  border-radius: 0.53333rem;
  padding: 0.08rem;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0.98);
}
.cards .swiper-card .strategy-swiper .swiper-item-content[data-v-99357f06] {
  width: 100%;
  height: 100%;
  background-color: var(--color-bg-secondary);
  border-radius: 0.45333rem;
  display: flex;
  overflow: hidden;
  position: relative;
}
.cards .swiper-card .strategy-swiper .swiper-item-content .avatar[data-v-99357f06] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.35s ease;
}
.cards .swiper-card .strategy-swiper .swiper-item-content .avatar.img-loaded[data-v-99357f06] {
  opacity: 1;
}
.cards .swiper-card .strategy-swiper .swiper-item-content .avatar[data-v-99357f06] .van-image__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.cards .swiper-card .strategy-swiper .swiper-item-content .card-loading[data-v-99357f06] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  gap: 0.16rem;
  z-index: 4;
}
.cards .swiper-card .strategy-swiper .swiper-item-content .card-loading .dot[data-v-99357f06] {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background-color: #df69c4;
  transform: scale(0.444);
  animation: dotBreathe-99357f06 1s ease-in-out infinite;
}
.cards .swiper-card .strategy-swiper .swiper-item-content .card-loading .dot[data-v-99357f06]:nth-child(1) {
  animation-delay: 0s;
}
.cards .swiper-card .strategy-swiper .swiper-item-content .card-loading .dot[data-v-99357f06]:nth-child(2) {
  animation-delay: 0.12s;
}
.cards .swiper-card .strategy-swiper .swiper-item-content .card-loading .dot[data-v-99357f06]:nth-child(3) {
  animation-delay: 0.24s;
}
.cards .swiper-card .strategy-swiper .swiper-item-content .card-loading .dot[data-v-99357f06]:nth-child(4) {
  animation-delay: 0.36s;
}
.cards .swiper-card .strategy-swiper .swiper-item-content .content[data-v-99357f06] {
  align-self: flex-end;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 0.10667rem;
  border-radius: 0 0 0.45333rem 0.45333rem;
  width: 100%;
  height: 2rem;
  padding: 0.37333rem;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  color: var(--color-text-primary);
}
.cards .swiper-card .strategy-swiper .swiper-item-content .content[data-v-99357f06]:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  z-index: 2;
}
.cards .swiper-card .strategy-swiper .swiper-item-content .content .name[data-v-99357f06] {
  position: relative;
  font-size: 0.48rem;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  z-index: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cards .swiper-card .strategy-swiper .swiper-item-content .content .info-row[data-v-99357f06] {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 0.10667rem;
}
.cards .swiper-card .strategy-swiper .swiper-item-content .content .info-row .flag[data-v-99357f06] {
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 50%;
  overflow: hidden;
}
.cards .swiper-card .strategy-swiper .swiper-item-content .content .info-row .flag .flag-icon[data-v-99357f06] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: auto 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cards .swiper-card .strategy-swiper .swiper-item-content .content .info-row .country[data-v-99357f06] {
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 0.32rem;
}
.cards .swiper-card .strategy-swiper .swiper-item-content .content .info-row .separator[data-v-99357f06] {
  width: 0.02667rem;
  height: 0.21333rem;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 0.02667rem;
}
.cards .swiper-card .strategy-swiper .swiper-item-content .content .info-row .age-text[data-v-99357f06] {
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 0.32rem;
}
.cards .swiper-card .strategy-swiper .swiper-item-content .content .info-row .gender-age[data-v-99357f06] {
  display: flex;
  align-items: center;
  gap: 0.02667rem;
  height: 0.36rem;
  padding: 0 0.10667rem;
  border-radius: 0.32rem;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 0.26667rem;
  color: #fff;
}
.cards .swiper-card .strategy-swiper .swiper-item-content .content .info-row .gender-age .gender-icon[data-v-99357f06] {
  display: inline-block;
  background-image: url(data:image/webp;base64,UklGRgQCAABXRUJQVlA4WAoAAAAQAAAAHwAAHgAAQUxQSKoBAAABkG3btulYMykHdW3btm3btm3btm3btm3bKJ9zgvWwTtbOJ0TEBEA1Xu0pN/+Q9nxb2+zwp6XMnggy1x61t6nF66eR+GI6Feu0SFLcn0kW2JbUz4eK8twzcf88s2rjqzgTd1eLZA7x/wtTALDVeMPoflZB4Hfm6e+AafXnzGgjqED8Kny3YrRHMILpbQW2T+yDYB77UkqAo0wXLGLvi0r2MK9gPIuoLXnEfgpaM+9Sq6+CLnZOkNQgIoou4SPJYeLjgRQ5M9oBYDejx03sAAJT7dTYuxLIdcv4stQOoOYPRjHrejZoNu0+mS62JdpPRO5VKQDbLA8jrxYR6SHTV2mR/yURkbHDDsS7aCL93gzIcJWRe30qIPtOQ+T91CgIsDaIYmTsdgC2Gb8ke0qCW1t+ZOTZkgYIzrLo6pcITfv5Ymszh8UEQfWjGBn7HACQsEzjdu2qZguCMNltE/LsSAe/pthAPl0Hnf5IdsLti7x706mFzCexa6Za7qcmX8e+YhStlusJ+9wisFoE+6UWOEoj+lzGAlR7QRQxRA32QbuWVgeAwKIbjnaJpwZWUDggNAAAALACAJ0BKiAAHwA+bSySRYMAgAYA2JaQAAe8cE/KQAD+8UR//kFf/4/k//8eeLn//iHQAAA=);
  width: 0.21333rem;
  height: 0.21333rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.cards .swiper-card .strategy-swiper .swiper-item-content .content .info-row .gender-age.female[data-v-99357f06] {
  background: linear-gradient(115deg, #ff6ec1 0%, #ff5398 100%);
}
.cards .swiper-card .strategy-swiper .swiper-item-content .content .info-row .gender-age.male[data-v-99357f06] {
  background: linear-gradient(122deg, #21d4ff 21.19%, #62c1ff 85.33%);
}
.cards .swiper-card .strategy-swiper .swiper-item-content .content .info-row .gender-age.male .gender-icon[data-v-99357f06] {
  background-image: url(data:image/webp;base64,UklGRsABAABXRUJQVlA4WAoAAAAQAAAAHQAAHgAAQUxQSGkBAAABkCzJtmlbc93Da9vPatu2X9e2/Vq2bdu2bdu2rbVHYy6c+74gIiaA7ENL1tNXTrXzjX3+Q//+mF0tmNt1zaHyf3LGN/LBe/7hV2DIW6QGr7s3QFrfgv/IVbDFwpOPbh8b3zjZFYDwgdf/QfljfyuXVfGzEoZySy4zUewczP/uTCVyT9ck34CtXBdDVOOjwjMNXL49sWjJhQ8OAPzuLsjb5Mz5QURlXyg2lHYRhdQ+zXA7k9Su8Q6Af2uSiQfluegA+NZU478MAE8KkVrUfQsAc/yqaMlmCw2FHWGHolVZ4O3JcDm7kmDWzmQ+u5WoinHYeIOQQ+xwjMp/i93K0ojab9gcv8o1hf2ZGKkQMYclgJ/thIpqfgCAPwsKCCIquRn8ehZpw5cy/H20ZPDQrS8k+9fPpaO8D5ixsy+eDIOq3bKQl4oIE3JVuWUk9xclS5E184lU/b0yKFLYEHmL9dnzAr+fre6U20WmAFZQOCAwAAAAkAIAnQEqHgAfAD5dJI1Fg36ABQC4lpAADZUMpLgA/TH//+Xwb/4dFif/86eAAAAA);
  width: 0.21333rem;
  height: 0.21333rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.cards .swiper-card .strategy-swiper .selected[data-v-99357f06] {
  width: 7.78667rem;
  height: 12.69333rem;
  border-radius: 0.53333rem;
  padding: 0.10667rem;
}
.cards .swiper-card .strategy-swiper .selected .swiper-item-content[data-v-99357f06] {
  border-radius: 0.42667rem;
}
.cards .swiper-card .strategy-swiper .selected .swiper-item-content .content[data-v-99357f06] {
  border-radius: 0 0 0.42667rem 0.42667rem;
}
.cards .swiper-card .strategy-swiper .selected .swiper-item-content .content .name[data-v-99357f06] {
  font-size: 0.48rem;
}
.cards .swiper-card .strategy-swiper .selected .swiper-item-content .content .info-row .flag[data-v-99357f06] {
  width: 0.32rem;
  height: 0.32rem;
}
.cards .swiper-card .strategy-swiper .selected .swiper-item-content .content .info-row .country[data-v-99357f06] {
  font-size: 0.32rem;
}
.cards .swiper-card .strategy-swiper .selected .swiper-item-content .content .info-row .age-text[data-v-99357f06] {
  font-size: 0.32rem;
}
.cards .footer-item[data-v-99357f06] {
  position: relative;
  margin-top: 0.42667rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 3;
}
.cards .footer-item .call-btn[data-v-99357f06] {
  background-image: url(../img/bg_call.5bca0c9f.webp);
  width: 7.13333rem;
  height: 1.89333rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 0.53333rem;
  color: var(--color-text-primary);
  text-shadow: 0 0.04rem 0.05333rem rgb(255, 0, 158);
  padding-top: 0.37333rem;
  position: relative;
}
.cards .footer-item .call-btn.replacing[data-v-99357f06] {
  opacity: 0.6;
  pointer-events: none;
}
.cards .footer-item .call-btn .free-badge[data-v-99357f06] {
  position: absolute;
  top: -0.32rem;
  right: 0;
  width: 1.65333rem;
  height: 0.64rem;
  background: linear-gradient(76deg, #FF8E2D 0%, #FF06CA 100%);
  border-radius: 0.32rem 0.32rem 0.32rem 0.10667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.cards .footer-item .call-btn .free-badge__text[data-v-99357f06] {
  font-size: 0.42667rem;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
  white-space: nowrap;
  text-shadow: none;
}
.cards .footer-item .refresh[data-v-99357f06] {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  right: -0.8rem;
  top: 0.42667rem;
  background-image: url(data:image/webp;base64,UklGRnQDAABXRUJQVlA4TGcDAAAvSUASEJVIsG03bhvtf9O3A0ERZBeAzAOSNEISAIBlJHVsrG3btm28zrZt22vbtm3bto3RzWQCKhWKsat+KjBsxjam/48WDcj35z9tyAs6k5znqhwBt1/+u0ViO1zu6ujlWp2DnyMjxYh8Ogkk/XEApNr1Ge8EbitANzqVVbgFYAHp9n1AHMEp6b+FrQF3w1ZvaYHPX/AqgaHaJcTV9LZy8BSSuh6rX8HfTm9skZumXgfmLU7ftavMX9d5sqVHh82zW36psXdn+h6MFOCmfk8eIC5oGpy+d0Y2+VDY0+jCqNdSRhKxNoCW37MYfhKq5STFYGeBSQFmlVOsVNo6kjzvSTTXKhtSQAr3pwmT1C4onYy5jB+bHWsnUOnkLXSGgo7VIlQ6FSud4XTH2pErnYb1zkCwHJnBU+kwxjvFmw7R6FQ+207B7yByrTbktEZm4HWHn+A7oFpf4sTow2qASfGCtmRh6R62rzV2ukOhtSkUbbY3/+OuUEWAQXKXRLxYgZg63oUOGZ8nLTBU51sMfDyPdIdMz+MfOIQ8z9NAc50vPBB6FAfP3aNepSrw4CAEFd2N7WtZD5w6SGwPnXYQcDwHFX2kNXo5hykwxlA4sgl9DuMA7dXRwPk69yOwVvS1dZtzog7mF5isKrxEwepkdwLddb6QQM4/QE3gy3mQ9gJnz3vukP55XgX2X88zEiio4186dO88EQEO2eOIYgQaK8TFnO0su89PmlC7COjQlRGYb9h92yKzPahgBg5wjZzpldZQdnhU26EfNZazpDnu4BoQohEKNK7hsAFt9Mi/StEJnYffFBBax53yQazSkXR07OwFZZgkVumIqjrWAJZhhmSl49HcsR1SlWCcaKXTMtkxDo/K8AcyzVW0nvStUloHnRxKqoFZyeBJjS2G1Doi/mD2rHLoC8rqxpLIeM2HUPSeVo5YG3S3EW/pg89BvHhmsG9Khr6gTbrbnmo/3eLG6oEuW16uC1BmF7iL4xv4Ba3Tw8XMnVzbPGphpAt3oUjZRwOJWql+pBPXBVXVt+k9bDgHVktFDrTjqiGcl3by0ATgrsXU0IFuA6gVP3tjM8ehn4RqPV35BgXgr2lYJzTiLNPsGu7anahrSh3c+1bsAbk6E4KGy37J1WfeNhaGLVN65frmAiOoC0oFAA==);
  width: 0.49333rem;
  height: 0.49333rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.cards .footer-item .refresh.loading[data-v-99357f06] {
  animation: spin-99357f06 1s linear infinite;
}
.cards .footer-item .refresh.disabled[data-v-99357f06] {
  opacity: 0.3;
  pointer-events: none;
}
.cards .close[data-v-99357f06] {
  display: inline-block;
  margin-top: 0.42667rem;
  background-image: url(data:image/webp;base64,UklGRiwEAABXRUJQVlA4WAoAAAAQAAAAZwAAZwAAQUxQSBoDAAABt6CgbRs5OC3ZdywuIiIGkrRAEWf+1QMs2XbbNqS6KBbIhftfa8YAQVAv3xH9dyBJUtuwUKxlBeJyhBc4O/h53UPKhei+iUpOYV9n756GeY+ZbgUox31+jpu2SHcXKG7TI54P+TZADqMf93u+zZB3P9Dt6TZF2oexomgBJad4hT9cMeWiaC1lCJmudoWc2zKJdeKnZTvb1XlN5h85mu1r1adwbbbPw9uG1Ogva2ea/drob8nS7yTef9ik9BBvJ7tXnlIoh7er4CL50/y2cjpTnMX2Lh+lVJqLyyyVTOz3UxGubm4ANinVU2/IwtXFDcEiXMx93vNyoOCGIRCn3uSJfaTm7xYPJM43NxQbp0nfIXhY3WCs3J9q9ZHCeN+lSJ7nfnMPwMZrxKvkx0QVByhzUng+AAX3EAQ+PLWFQWib5ujvM1PLsVG7LM9xC5OaS9mpN/cgbDqpKeK1x10qmrjMD7PRSzvyievGw3DyL7Rj9zi0o8z62Hin1oLMK5Alw3eYNhR77MZIHUaSZwXHmlvojV+fWuv7VNf9u9b6efVGQbYRSF0Wr/qDb1HW/Pc3VS81JWY7iB05qoviU5m/NO5ioX4OrYtMdsQ0qGu+1Fo5VXGOom41YtlR59305wSq4ILT17bUFubecSjWKlI1rzX2jkuzIA76DrO+q0y1vL5X1/lzF/7pUa1vgyr5t0cp+R8+y1qh7TMN2uA9fa2lcdnP1CXdyryo8mwg4jSvwsBqSA25qArr7520OGdJLblzC/3eGITpiyVtcaMJVkiCOlhSLe9UiJQFg8SQNriZeZKLIN4GdASXZLsQt+5MqBnXWaRE3Mq2oZ28U1lJsOYH0G+xtfBxHM4PnFtwXoSjDzh6h6PfOOMRzviKYy/g2D8w9hyOfYpjb8PMH3DmQzjzO5z5Ksz8G2c9AWZ9BGe9B2f9CmY9DmZ9EWe9FGb9F2c9G2Z9Hme/AWb/BGY/CGZ/C2a/Dmf/EWY/FWZ/GGa/G2b/HuY8Asr5CpjzIjDnX2DO86CcT0I5b4VyfgzmPBzI+T6U84r/yflLmPOkDlZQOCDsAAAAkBAAnQEqaABoAD5VHotFg8vuBQColpCHAMsL1Q8O/oB/AIIB+Ff6AfwDyAPoA/gHQAfQB/AIIB/APxAFFk+AP4B+AH6Afn73+HXeldAosIhwOgltzMpEuuMtiVoNe2Urt3QYbRCbPNL4zajEdKbbj/okrSgkJuNsXcm6Bwz7p5awbnjjEdTUuUpOVEGAAP52/mPzqJ3HlgJ9GBf9KY7H3SuFsVfI8V+uq4jbHUFtvpKYjbJ8A+aQf6ILf//6PgFh9EJfoqjcNMb58mRN9F9Rh2yLr5YNy8UDKxjGkr390rx/5EcKBpt+/nBQAAA=);
  width: 0.69333rem;
  height: 0.69333rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 0.5;
  cursor: pointer;
}
@keyframes spin-99357f06 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@keyframes dotBreathe-99357f06 {
0%, 100% {
    transform: scale(0.444);
    background-color: #eca6db;
}
50% {
    transform: scale(1);
    background-color: #df69c4;
}
}
@media screen and (max-height: 740px) {
.cards .swiper-card[data-v-99357f06] {
    height: 11.2rem;
}
.cards .swiper-card .strategy-swiper .swiper-item[data-v-99357f06] {
    height: 8.4rem;
}
.cards .swiper-card .strategy-swiper .selected[data-v-99357f06] {
    height: 11.2rem;
}
}
@media screen and (max-height: 680px) {
.cards .swiper-card[data-v-99357f06] {
    height: 9.6rem;
}
.cards .swiper-card .strategy-swiper .swiper-item[data-v-99357f06] {
    height: 7.2rem;
}
.cards .swiper-card .strategy-swiper .selected[data-v-99357f06] {
    height: 9.6rem;
}
}
@media screen and (max-height: 600px) {
.cards .swiper-card[data-v-99357f06] {
    height: 8rem;
}
.cards .swiper-card .strategy-swiper .swiper-item[data-v-99357f06] {
    height: 6rem;
}
.cards .swiper-card .strategy-swiper .selected[data-v-99357f06] {
    height: 8rem;
}
}
@keyframes breath-37510500 {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.04);
}
100% {
    transform: scale(1);
}
}
@keyframes pulseOut-37510500 {
0% {
    transform: scale(1);
}
100% {
    transform: scale(1.4);
}
}
.container[data-v-37510500] {
  width: 100%;
  height: 100%;
  background: url(../img/callme_bg_dark.f92348b7.webp) no-repeat center/100% 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 0.64rem;
}
.container .content[data-v-37510500] {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.container .content_box[data-v-37510500] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.10667rem;
  color: #000;
}
.container .content_box .avatar-wrapper[data-v-37510500] {
  width: 3.14667rem;
  height: 3.14667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.container .content_box .avatar-wrapper .avatar[data-v-37510500] {
  width: 2.77333rem;
  height: 2.77333rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container .content_box .avatar-wrapper .avatar-border[data-v-37510500] {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../img/head_border.8acd5723.png);
  width: 3.14667rem;
  height: 3.14667rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.container .content_box .username[data-v-37510500] {
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 0.42667rem;
  color: #FFFFFF;
}
.container .content_box_item[data-v-37510500] {
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 0.37333rem;
  display: flex;
  align-items: center;
  gap: 0.10667rem;
}
.container .content_box_item .age-wrapper[data-v-37510500] {
  width: -moz-max-content;
  width: max-content;
  height: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.08rem;
  gap: 0.02667rem;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 0.29333rem;
  color: #ffffff;
  border-radius: 0.33333rem;
}
.container .content_box_item .age-wrapper .gender[data-v-37510500] {
  width: 0.26667rem;
  height: 0.26667rem;
}
.container .content_box_item .age-wrapper .age[data-v-37510500] {
  font-size: 0.29333rem;
  line-height: 0;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
}
.container .content_box_item .age-wrapper.female[data-v-37510500] {
  background: linear-gradient(90deg, #ff6ec1 0%, #ff5398 100%) !important;
}
.container .content_box_item .age-wrapper.male[data-v-37510500] {
  background: linear-gradient(122deg, #21d4ff 21.19%, #62c1ff 85.33%) !important;
}
.container .content_box_item .country_box[data-v-37510500] {
  display: flex;
  align-items: center;
  gap: 0.10667rem;
}
.container .content_box_item .country_box .flag-icon[data-v-37510500] {
  display: inline-block;
  overflow: hidden;
  width: 0.34667rem;
  height: 0.34667rem;
  flex-shrink: 0;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
}
.container .content_box_item .country_box .country_text[data-v-37510500] {
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 0.32rem;
  color: rgba(255, 255, 255, 0.7);
}
.container .content_box_item .separator[data-v-37510500] {
  width: 0.05333rem;
  height: 0.21333rem;
  background-color: rgba(255, 255, 255, 0.5);
}
.container .content_box_item .age-gender[data-v-37510500] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.02667rem;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 0.32rem;
  color: rgba(255, 255, 255, 0.7);
}
.container .content_box_item .age-gender .age[data-v-37510500] {
  line-height: 1;
}
.container .content .operation[data-v-37510500] {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.53333rem;
}
.container .content .operation .reject-wrapper[data-v-37510500] {
  position: relative;
  width: 1.06667rem;
  height: 1.06667rem;
  border-radius: 50%;
  background-color: #FE3578;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container .content .operation .reject-wrapper .reject[data-v-37510500] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAASCAMAAADFesa2AAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMAv2CAIO/fQG/PoK9QMJBfEDA/0a0AAACnSURBVCjPldJbDoUgDATQ0hbKQ1T2v9krH8Y7BjSeDxOTzkCjhJRjLin41oXksiyVpiw63wa8ExuMq4T2IGS91bv2ytlfP8zPlfOcDW7/xEfqpH0gR6DedyyrMPNix0PWkhoyIgfHitKNcoD9iaBBaUBhT0wEGkpfE3jxHRJpksAzPKw1lCEBBRsNMZba9ZZpYsVSOf9poyl21zc/6BIj152e1T7Vh34lrh/H2W+NcQAAAABJRU5ErkJggg==);
  width: 0.64rem;
  height: 0.24rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.container .content .operation .accept-wrapper .free-call-wrapper[data-v-37510500] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.32rem;
  background-color: #FF38A9;
  position: relative;
  width: 6.13333rem;
  height: 1.17333rem;
  border-radius: 0.58667rem;
}
.container .content .operation .accept-wrapper .free-call-wrapper .accept-icon[data-v-37510500] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAjBAMAAAAOK7UTAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAIN/voIBWMBC/QJBwz6/6pKFFAAAA2ElEQVQoz2Ng4NhsIsCACoT+/1dEFWHU////UwOaIiB4gCLkDxL6hSJkDxL6iSL0HwwEUFRhCt0HiXxC0bgfJPQdRWg9SCgBRagZKPIH1fWsQKFvaB4CCn0F0mjO/4wWFMJAZRPQDMM0n0Mf7AoMl5mjCvH8x7Rg/n+MsG4CKSvACP7/ZmAWPBKKQV4PYGBg1/8Ls5odFI5fBBjyQSSyMpWlIFIRYRoMfGqAxyYcOMCUvYcLGSA8DwMfEAkBoREO4qHGCyD5ARi86J5ldIIrQoDsyZ8nMjAAABxNvYlVWpDvAAAAAElFTkSuQmCC);
  width: 0.48rem;
  height: 0.48rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.container .content .operation .accept-wrapper .free-call-wrapper .accept-text[data-v-37510500] {
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 0.48rem;
  color: #FFF;
}
.container .content .operation .accept-wrapper .free-call-wrapper .free-badge[data-v-37510500] {
  position: absolute;
  right: 0;
  top: -1.09333rem;
  padding-top: 0.21333rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background-image: url(data:image/png;base64,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);
  width: 1.09333rem;
  height: 1.09333rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 0.37333rem;
  color: #FFF;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
}
.container .content .operation .accept-wrapper .spend-box-wrapper[data-v-37510500] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.32rem;
  background: linear-gradient(92deg, #9C25FF 0%, #F248FF 100%);
  box-shadow: 0 0 0.26133rem 0 rgba(255, 255, 255, 0.53) inset;
  position: relative;
  width: 6.13333rem;
  height: 1.17333rem;
  border-radius: 0.58667rem;
}
.container .content .operation .accept-wrapper .spend-box-wrapper .video-icon[data-v-37510500] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAn71gQBDfIM9/cFDvbzCQC9/4KgAAAJVJREFUKM+1kEsShCAMRBsSfgJO7n/aGaOAMG59C4rUC6EreI+AB/ZqYhExP7kzGi7ZIhcWSSRdosodOg6nIss/m5pPH2S7MWq09kQMUDNejTmuAaOrf7RpohPTTD4q1tcncYrgeg9oiRBbU/DD3IZHdtesWkRIzSYze8gMJSwGAz+JdDNJOsUyGmN13lR2WGCi7PAmX336Dy3O5r94AAAAAElFTkSuQmCC);
  width: 0.56rem;
  height: 0.56rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.container .content .operation .accept-wrapper .spend-box-wrapper .accept-text[data-v-37510500] {
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 0.48rem;
  color: #FFF;
}
.container .content .operation .accept-wrapper .spend-box-wrapper .spend_box[data-v-37510500] {
  position: absolute;
  right: 0;
  top: -0.4rem;
  display: flex;
  align-items: center;
  border-radius: 0.32rem 0.32rem 0.32rem 0.10667rem;
  background: #FFFF38;
  color: #E400FF;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 0.32rem;
  padding: 0.10667rem 0.21333rem;
}
.container .content .operation .accept-wrapper .spend-box-wrapper .spend_box .spend_icon[data-v-37510500] {
  background-image: url(data:image/webp;base64,UklGRgYFAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSJoCAAABoEPbtmlb2hfvlW3biOyKbDuqVpGt1LYRunJbqe3M9XTP2WdjzTmTg4vohxExAW4VYH9unS33O/mK+07cdr43tflTrr7nhQ+/X0gEqPjzqzcctdFwGnt/IpiB6kgVXzx3yaYTmr+lAKk62+rgN1tOZN/PAKqdEltE/nbweINbfda4tBaJ1S3DMeZvBjiWaB2k1zbttNFLEjGeiBYJ9tMhHXb8XJI4AREtBFheOmw6+i9NkQ2ASOH5NWqHVGpmA8eBJKMkE/XEnHO9F1Wn0VjrSFGigExJIiBe79z+JuUMSupGZKuC92XlKaqR+GW1wfuSkkySAFESYWlUlKOlleWl5UUvkwhSEtNR50hSliQSpERkAyysjEZFOSoC1QxKytf83gCjJJGWYwJUD8tFUZRqhyTikbIGGclaSNmoRtKPPNsoiYzXFqQEUiRFEeoMCC2QCFtY7yOCElWHJLIDJYhCjaRgetRt/DolQqKagRaomZQkywCeXcu51W+rCBA1ShJZI9UmCjAw3DrnnHO9M/6WmSSqmZBIdTQQQSwu7rvmXT+LIRjaREAg2EKYRf59guu49v0hZMSUwUxJxroaGZPlYD8c4Dr3TvorBiMFS7mNMaaYKuZY5fc2dePu9GlOqtOioUgxhphSMCLlEF5c142/9qNVguoW4CWJyWeKqYj3z7tJDi76P1pNFquUUwoBKYa4XF47cBPe77sqk5KQY0b0JaQ4Wjiv5ya+8QslLVNSiDHDJ+TqzyPdNIdXL8dg2SxYyjEEX/2wl5tu78jvUvTehxxTSL76eAs39a3eXPExeiDkXLy4npvB4U0LPhQ5h8rfMXQz2Tv6t+VRDGV5Vd/N6nbvLFbhr9N6bnZXv3vhj4PcTPfO3tWtIgRWUDggRgIAAJANAJ0BKjAAMAA+bTKSRqWkKiWquqqoYA2JbADAH0bQvlP9TxduA9t1efb01XeUPuA9oDNAPkA6kCWiMpPT5ZGlH5oJTVj2/+tLKpZbMXP5TB/2ORZ8GZbyvFadfigWDmZi7myKqsvqj+5wlAzDYcSS/LJNAAD+59B64KS29RvTeUG0G4XrTzPngR96F42XxPS+Hwh4mMv/H5ZU7b6Mh5AQBjoxigsMCFb+AwSEewdpebTtGy2cDtD3inznT7vodrIGL+djjWYYjaR65PkLrGS1YeXc82Qi/zacu6VmNWdJetcHV9siOyaEciJAWTrNVW+H8vciKy1AZDxZb33aL3KXrV6YJvmePQkV/DJAQf/km11mUDooZgUoXoBUoNE/SO3Sh+OXPfffktK82CjthBxVcH6rWYVDDYIFA76BgW2r/DzezigiUpTPgXR0Q4yeSRblchjusn6N/ClXGEFnxsZhaQZUH/xjnuc5lcOkzbQzdFb60IBpVkYPuFHifpzLXA49N3GUMxsfJhALnpLLGA5ycgI11uvPz49xQ4ZLDbbRx50NU7LF1GEcH7yIj20CSET2UtSwGkI3ru/I4CcujcXh2LevxNJOMru+/8rJY3T/wiyAesezTNh3Jt3bTSgffze+HdTv5L1BZJZYaDESJvuGxaik6PYrdYmigAUIo9sjt7PrJSebk51m/vblYOcxZntpGeq0/x1kCwlpkw17h5XfzTbX/X/4XFu+90kIpVT6f1YsLf9APQ0zN8W7+WoldqntU9TQAA==);
  width: 0.37333rem;
  height: 0.37333rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@keyframes breath {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.04);
}
100% {
    transform: scale(1);
}
}
@keyframes pulseOut {
0% {
    transform: scale(1);
}
100% {
    transform: scale(1.4);
}
}
:root {
  --van-font-family: $f-medium;
}
* {
  letter-spacing: -0.004rem;
}
.rtl {
  direction: rtl;
  text-align: right;
}
.rtl .van-button {
  direction: rtl;
}
.rtl .van-icon {
  transform: scaleX(-1);
}
.ltr {
  direction: ltr;
  text-align: left;
}
#nav {
  font-size: 0.42667rem;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  color: #2A2937;
}
#nav.isSafari {
  width: 100vw;
  top: 0;
  top: env(safe-area-inset-top);
  left: 0;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-style: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
  min-height: 100svh;
  height: 100svh;
  overflow:hidden;
  font-family: worksans;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.van-toast__text{                                                                                                                                                                                                                                                                                                                                                                                        
  word-wrap: break-word;
  word-break: normal;
}

* {
  box-sizing: border-box;
}

/* 字体文件已移至 src/assets/font，通过 @ 别名交给 webpack 处理，
   webpack 会自动加上 publicPath 前缀，兼容子路径部署（测试服 /cc/chat/）。
   不要再用 url("/font/...") 根路径，否则子路径下会 404。 */
/* Work Sans 可变字体（拉丁子集），单文件覆盖 300~900 全字重 */
@font-face {
  font-family: 'Work Sans';
  src: url(../font/WorkSans-latin.woff2) format('woff2');
  font-weight: 300 900;
  font-display: swap;
}
@font-face {
  /* 方便引用,直接放入Work Sans字体家族 */
  font-family: 'Baloobhaijaan2';
  src: url(../font/Baloobhaijaan2-latin.woff2) format('woff2');
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: Montserrat-BoldItalic;
  src: url(../font/Montserrat-latin.woff2) format('woff2');
  font-display: swap;
}


.im-effects-gift {
  width: 10rem;
  position: fixed;
  bottom: 0;
  z-index: 4;
  word-break: break-all;
}

.van-popup {
  overflow-y: inherit !important;
}
html {
  touch-action: manipulation;
}

@keyframes breath {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.04);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulseOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.4);
  }
}
:root {
  --color-bg-primary: #11111A;
  --color-bg-secondary: #1A1A1A;
  --color-bg-tertiary: #1E1E1E;
  --color-bg-elevated: #252525;
  --color-bg-overlay: rgba(0, 0, 0, 0.6);
  --color-text-primary: #FFFFFF;
  --color-text-secondary: rgba(255, 255, 255, 0.7);
  --color-text-tertiary: rgba(255, 255, 255, 0.4);
  --color-text-disabled: rgba(255, 255, 255, 0.2);
  --color-border-default: rgba(255, 255, 255, 0.1);
  --color-border-focus: rgba(255, 255, 255, 0.2);
  --color-brand-pink: #FF2282;
  --color-brand-green: #B2FF00;
  --color-brand-green-alt: #00c854;
  --color-brand-gradient: linear-gradient(90deg, #7700FF 0%, #FB00FF 100%);
  --color-status-online: #39d27a;
  --color-status-warning: #ff9800;
  --color-status-error: #f44336;
  --color-status-hot: #ffa502;
  --color-status-new: #ff4757;
  --color-tabbar-bg: #11111A;
  --color-tabbar-text: rgba(255, 255, 255, 0.4);
  --color-tabbar-text-active: #FF2282;
  --color-skeleton-base: #1A1A1A;
  --color-skeleton-shine: #252525;
  --color-message-bubble-sent: #00c854;
  --color-message-bubble-received: rgba(6, 8, 15, 0.8);
  --gradient-top-fade: linear-gradient(180deg, #11111A 0%, rgba(17, 17, 26, 0) 100%);
  --gradient-live: linear-gradient(90deg, #ffe71b 0%, #ff4900 49.52%, #f522ff 100%);
  --gradient-female: linear-gradient(90deg, #ff6ec1 0%, #ff5398 100%);
  --gradient-male: linear-gradient(122deg, #21d4ff 21.19%, #62c1ff 85.33%);
  --gradient-vip-btn: linear-gradient(90deg, #7700ff 0%, #fb00ff 100%);
  --spacing-xs: 0.10667rem;
  --spacing-sm: 0.21333rem;
  --spacing-md: 0.32rem;
  --spacing-lg: 0.42667rem;
  --spacing-xl: 0.53333rem;
  --spacing-2xl: 0.64rem;
  --spacing-3xl: 0.85333rem;
  --radius-xs: 0.10667rem;
  --radius-sm: 0.21333rem;
  --radius-md: 0.32rem;
  --radius-lg: 0.42667rem;
  --radius-xl: 0.64rem;
  --radius-full: 1.33333rem;
  --van-background: var(--color-bg-primary);
  --van-background-2: var(--color-bg-secondary);
  --van-text-color: var(--color-text-primary);
  --van-text-color-2: var(--color-text-secondary);
  --van-text-color-3: var(--color-text-tertiary);
  --van-border-color: var(--color-border-default);
  --van-active-color: var(--color-bg-elevated);
  --van-picker-background-color: var(--color-bg-secondary);
  --van-picker-confirm-action-color: var(--color-brand-pink);
  --van-picker-cancel-action-color: var(--color-text-tertiary);
  --van-picker-option-text-color: var(--color-text-primary);
  --van-picker-loading-mask-color: rgba(26, 26, 26, 0.9);
  --van-picker-mask-color: linear-gradient(180deg, rgba(26, 26, 26, 0.9), rgba(26, 26, 26, 0.4)),
    linear-gradient(0deg, rgba(26, 26, 26, 0.9), rgba(26, 26, 26, 0.4));
}

html, body, #app {
  background-color: var(--color-bg-primary);
}
@charset "UTF-8";
@keyframes breath {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.04);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulseOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.4);
  }
}
/* 隐藏垂直滚动条 */
*::-webkit-scrollbar {
  display: none;
}

/* 引入 RTL 支持样式 */
/**
 * RTL (Right-to-Left) 样式支持
 * 用于处理阿拉伯语等从右到左语言的布局适配
 */
.is-rtl {
  direction: rtl;
  text-align: right;
}

.is-ltr {
  direction: ltr;
  text-align: left;
}

html[dir=rtl],
html[dir=rtl] body {
  overflow-x: hidden;
  max-width: 100%;
}

.is-rtl .pos-left {
  left: auto !important;
  right: 0 !important;
}
.is-rtl .pos-right {
  right: auto !important;
  left: 0 !important;
}
.is-rtl .pos-left--2 {
  left: auto !important;
  right: -0.05333rem !important;
}
.is-rtl .pos-right--2 {
  right: auto !important;
  left: -0.05333rem !important;
}
.is-rtl .pos-right-4 {
  right: auto !important;
  left: 0.10667rem !important;
}
.is-rtl .pos-left-4 {
  left: auto !important;
  right: 0.10667rem !important;
}
.is-rtl .pos-right-6 {
  right: auto !important;
  left: 0.16rem !important;
}
.is-rtl .pos-left-6 {
  left: auto !important;
  right: 0.16rem !important;
}
.is-rtl .pos-left-8 {
  left: auto !important;
  right: 0.21333rem !important;
}
.is-rtl .pos-right-8 {
  right: auto !important;
  left: 0.21333rem !important;
}
.is-rtl .pos-left-10 {
  left: auto !important;
  right: 0.26667rem !important;
}
.is-rtl .pos-right-10 {
  right: auto !important;
  left: 0.26667rem !important;
}
.is-rtl .pos-left-14 {
  left: auto !important;
  right: 0.37333rem !important;
}
.is-rtl .pos-right-14 {
  right: auto !important;
  left: 0.37333rem !important;
}
.is-rtl .pos-left-16 {
  left: auto !important;
  right: 0.42667rem !important;
}
.is-rtl .pos-right-16 {
  right: auto !important;
  left: 0.42667rem !important;
}
.is-rtl .pos-left-17 {
  left: auto !important;
  right: 0.45333rem !important;
}
.is-rtl .pos-right-17 {
  right: auto !important;
  left: 0.45333rem !important;
}
.is-rtl .pos-left-46 {
  left: auto !important;
  right: 1.22667rem !important;
}
.is-rtl .pos-right-46 {
  right: auto !important;
  left: 1.22667rem !important;
}
.is-rtl .pos-left-52 {
  left: auto !important;
  right: 1.38667rem !important;
}
.is-rtl .pos-right-52 {
  right: auto !important;
  left: 1.38667rem !important;
}
.is-rtl .pos-left-124 {
  left: auto !important;
  right: 3.30667rem !important;
}
.is-rtl .pos-right-124 {
  right: auto !important;
  left: 3.30667rem !important;
}
.is-rtl .ml-auto {
  margin-left: auto !important;
  margin-right: 0 !important;
}
.is-rtl .mr-auto {
  margin-right: auto !important;
  margin-left: 0 !important;
}
.is-rtl .pl-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.is-rtl .pr-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.is-rtl .pl-2 {
  padding-left: 0 !important;
  padding-right: 0.05333rem !important;
}
.is-rtl .pr-2 {
  padding-right: 0 !important;
  padding-left: 0.05333rem !important;
}
.is-rtl .pl-4 {
  padding-left: 0 !important;
  padding-right: 0.10667rem !important;
}
.is-rtl .pr-4 {
  padding-right: 0 !important;
  padding-left: 0.10667rem !important;
}
.is-rtl .pl-7 {
  padding-left: 0 !important;
  padding-right: 0.18667rem !important;
}
.is-rtl .pr-7 {
  padding-right: 0 !important;
  padding-left: 0.18667rem !important;
}
.is-rtl .pl-8 {
  padding-left: 0 !important;
  padding-right: 0.21333rem !important;
}
.is-rtl .pr-8 {
  padding-right: 0 !important;
  padding-left: 0.21333rem !important;
}
.is-rtl .pl-9 {
  padding-left: 0 !important;
  padding-right: 0.24rem !important;
}
.is-rtl .pr-9 {
  padding-right: 0 !important;
  padding-left: 0.24rem !important;
}
.is-rtl .pl-10 {
  padding-left: 0 !important;
  padding-right: 0.26667rem !important;
}
.is-rtl .pr-10 {
  padding-right: 0 !important;
  padding-left: 0.26667rem !important;
}
.is-rtl .pl-12 {
  padding-left: 0 !important;
  padding-right: 0.32rem !important;
}
.is-rtl .pr-12 {
  padding-right: 0 !important;
  padding-left: 0.32rem !important;
}
.is-rtl .pl-16 {
  padding-left: 0 !important;
  padding-right: 0.42667rem !important;
}
.is-rtl .pr-16 {
  padding-right: 0 !important;
  padding-left: 0.42667rem !important;
}
.is-rtl .pl-20 {
  padding-left: 0 !important;
  padding-right: 0.53333rem !important;
}
.is-rtl .pr-20 {
  padding-right: 0 !important;
  padding-left: 0.53333rem !important;
}
.is-rtl .pl-22 {
  padding-left: 0 !important;
  padding-right: 0.58667rem !important;
}
.is-rtl .pr-22 {
  padding-right: 0 !important;
  padding-left: 0.58667rem !important;
}
.is-rtl .pl-28 {
  padding-left: 0 !important;
  padding-right: 0.74667rem !important;
}
.is-rtl .pr-28 {
  padding-right: 0 !important;
  padding-left: 0.74667rem !important;
}
.is-rtl .pl-48 {
  padding-left: 0 !important;
  padding-right: 1.28rem !important;
}
.is-rtl .pr-48 {
  padding-right: 0 !important;
  padding-left: 1.28rem !important;
}
.is-rtl .pl-50 {
  padding-left: 0 !important;
  padding-right: 1.33333rem !important;
}
.is-rtl .pr-50 {
  padding-right: 0 !important;
  padding-left: 1.33333rem !important;
}
.is-rtl .ml-2 {
  margin-left: 0 !important;
  margin-right: 0.05333rem !important;
}
.is-rtl .mr-2 {
  margin-right: 0 !important;
  margin-left: 0.05333rem !important;
}
.is-rtl .ml-3 {
  margin-left: 0 !important;
  margin-right: 0.08rem !important;
}
.is-rtl .mr-3 {
  margin-right: 0 !important;
  margin-left: 0.08rem !important;
}
.is-rtl .ml-4 {
  margin-left: 0 !important;
  margin-right: 0.10667rem !important;
}
.is-rtl .mr-4 {
  margin-right: 0 !important;
  margin-left: 0.10667rem !important;
}
.is-rtl .ml-5 {
  margin-left: 0 !important;
  margin-right: 0.13333rem !important;
}
.is-rtl .mr-5 {
  margin-right: 0 !important;
  margin-left: 0.13333rem !important;
}
.is-rtl .ml-6 {
  margin-left: 0 !important;
  margin-right: 0.16rem !important;
}
.is-rtl .mr-6 {
  margin-right: 0 !important;
  margin-left: 0.16rem !important;
}
.is-rtl .ml-8 {
  margin-left: 0 !important;
  margin-right: 0.21333rem !important;
}
.is-rtl .mr-8 {
  margin-right: 0 !important;
  margin-left: 0.21333rem !important;
}
.is-rtl .ml-10 {
  margin-left: 0 !important;
  margin-right: 0.26667rem !important;
}
.is-rtl .mr-10 {
  margin-right: 0 !important;
  margin-left: 0.26667rem !important;
}
.is-rtl .ml-12 {
  margin-left: 0 !important;
  margin-right: 0.32rem !important;
}
.is-rtl .mr-12 {
  margin-right: 0 !important;
  margin-left: 0.32rem !important;
}
.is-rtl .ml-15 {
  margin-left: 0 !important;
  margin-right: 0.4rem !important;
}
.is-rtl .mr-15 {
  margin-right: 0 !important;
  margin-left: 0.4rem !important;
}
.is-rtl .ml-16 {
  margin-left: 0 !important;
  margin-right: 0.42667rem !important;
}
.is-rtl .mr-16 {
  margin-right: 0 !important;
  margin-left: 0.42667rem !important;
}
.is-rtl .ml-20 {
  margin-left: 0 !important;
  margin-right: 0.53333rem !important;
}
.is-rtl .mr-20 {
  margin-right: 0 !important;
  margin-left: 0.53333rem !important;
}
.is-rtl .transform-left {
  transform: translateX(-100%) !important;
}
.is-rtl .transform-right {
  transform: translateX(100%) !important;
}
.is-rtl .flex-row-reverse {
  flex-direction: row-reverse !important;
}
.is-rtl .van-button {
  direction: rtl;
}
.is-rtl .van-icon {
  transform: scaleX(-1);
}
.is-rtl .need-flip-x {
  transform: scaleX(-1);
}
.is-rtl .need-flip-y {
  transform: scaleY(-1);
}
.is-rtl .countdown-tag {
  border-radius: 0 0.42667rem 0 0.29333rem !important;
}
.is-rtl .discount_box {
  border-radius: 0 0.42667rem 0.42667rem 0 !important;
}
.is-rtl .submit_free {
  border-radius: 0.77333rem 0.64rem 0.21333rem 0.77333rem !important;
}
.is-rtl .navbar .return-icon {
  left: auto !important;
  right: 0.42667rem !important;
}
.is-rtl .navbar .back-btn {
  left: auto !important;
  right: 0.42667rem !important;
}
.is-rtl .van-popup .close-btn {
  left: auto !important;
  right: 0.42667rem !important;
}
.is-rtl .sidebar {
  left: auto !important;
  right: 0 !important;
}
.is-rtl .sidebar.slide-in {
  transform: translateX(100%) !important;
}
.is-rtl .sidebar.slide-out {
  transform: translateX(0) !important;
}
.is-rtl .tooltip.tooltip-left {
  left: auto !important;
  right: 100% !important;
}
.is-rtl .tooltip.tooltip-right {
  right: auto !important;
  left: 100% !important;
}
.is-rtl .dropdown.dropdown-left {
  left: auto !important;
  right: 0 !important;
}
.is-rtl .dropdown.dropdown-right {
  right: auto !important;
  left: 0 !important;
}
.is-rtl .header[data-active="1"] .block-slider {
  left: auto !important;
  right: 0.90667rem !important;
}
.is-rtl .multi-nodes-task-item .multi-nodes-task-item-content::after {
  left: auto !important;
  right: -0.29333rem !important;
}
.is-rtl .multi-nodes-task-item .multi-nodes-task-item-content::before {
  left: auto !important;
  right: -0.42667rem !important;
}
.is-rtl .integral-unit {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.6509803922) 0%, rgba(255, 255, 255, 0) 100%) !important;
}
.is-rtl .header[data-active="2"] .block-slider {
  left: auto !important;
  right: 3.68rem !important;
}
.is-rtl .date-tab[data-active="1"] .background-slider {
  left: auto !important;
  right: 0.05333rem !important;
}
.is-rtl .date-tab[data-active="2"] .background-slider {
  left: auto !important;
  right: 2.29333rem !important;
}
.is-rtl .rights-title {
  flex-direction: row-reverse !important;
}
.is-rtl .right-status {
  border-radius: 0 0.42667rem 0 0.32rem !important;
}
.is-rtl .user_info_box .price_bar {
  border-radius: 1.33333rem 0 0 1.33333rem !important;
}
.is-rtl .charge {
  right: auto !important;
  left: 0 !important;
  border-radius: 0 0.89333rem 0.89333rem 0 !important;
}
.is-rtl .gift-inform {
  left: auto !important;
  right: 0.37333rem !important;
}
.is-rtl .gift-inform-item {
  flex-direction: row-reverse !important;
  background-image: none !important;
  background-color: transparent !important;
  background: linear-gradient(270deg, rgb(255, 51, 172) 0%, rgba(255, 86, 202, 0.56) 40%, rgba(255, 98, 214, 0) 95%) !important;
  border-radius: 0 1.06667rem 1.06667rem 0 !important;
  padding: 0 0.08rem 0 0 !important;
}
.is-rtl .price_bar {
  left: auto !important;
  right: 0 !important;
  border-radius: 1.33333rem 0 0 1.33333rem !important;
}
.is-rtl .user-main-footer {
  padding: 0 0.21333rem 0.37333rem 0.45333rem !important;
}
.is-rtl .video-price {
  border-radius: 0.32rem 0.32rem 0.32rem 0 !important;
  background: linear-gradient(90deg, #ff6e00 0%, #ffd000 100%) !important;
}

.is-rtl .slide-in-left {
  animation: slideInRight 0.3s ease-out;
}
.is-rtl .slide-in-right {
  animation: slideInLeft 0.3s ease-out;
}
.is-rtl .slide-out-left {
  animation: slideOutRight 0.3s ease-out;
}
.is-rtl .slide-out-right {
  animation: slideOutLeft 0.3s ease-out;
}

@keyframes slideInRight {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slideOutRight {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes slideOutLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
:root {
  -webkit-touch-callout: none;
}

/* 隐藏水平滚动条 */
*::-webkit-scrollbar-horizontal {
  display: none;
}

/* 隐藏垂直滚动条（适用于Firefox） */
* {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  scrollbar-width: 0;
}

.van-toast__text {
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
}

.van-stepper__plus,
.van-stepper__minus {
  color: #fff !important;
}

.van-field__body {
  width: 100%;
  height: 100%;
}

.van-stepper__plus--disabled,
.van-stepper__minus--disabled {
  color: rgba(255, 255, 255, 0.5) !important;
}

.van-stepper__plus::before,
.van-stepper__minus::before {
  width: 0.24rem !important;
  height: 0.05333rem !important;
}

.van-stepper__plus::after {
  width: 0.05333rem !important;
  height: 0.24rem !important;
}

.player {
  width: 100vw;
  height: 100vh;
}

.overlay-class {
  background-color: rgba(0, 0, 0, 0) !important;
}

.gift-popup {
  background-color: rebeccapurple;
}

.message-panel-item,
.message-panel-msg,
.message-panel-send-gift,
.message-panel-receive-gift {
  margin-bottom: 0.21333rem;
  display: flex;
  word-break: break-all;
}

.message-panel-item > :nth-child(1),
.message-panel-msg > :nth-child(1),
.message-panel-receive-gift > :nth-child(1),
.message-panel-send-gift > :nth-child(1) {
  width: 0.88rem;
  height: 0.88rem;
  border-radius: 50%;
  margin: 0 0.18667rem 0 0.34667rem;
  word-break: break-all;
}

.message-panel-item > :nth-child(2) {
  padding: 0.18667rem 0.42667rem;
  max-width: 5.44rem;
  min-height: 0.90667rem;
  line-height: 0.53333rem;
  background: #00c854;
  border-radius: 0 0.45333rem 0.45333rem 0.45333rem;
  font-size: 0.4rem;
  color: #ffffff;
  letter-spacing: 0;
  word-break: break-all;
}

.message-panel-msg > :nth-child(2) {
  max-width: 5.44rem;
  min-height: 0.90667rem;
  line-height: 0.53333rem;
  border-radius: 0 0.45333rem 0.45333rem 0.45333rem;
  font-size: 0.4rem;
  color: #ffffff;
  letter-spacing: 0;
  overflow: hidden;
  word-break: break-all;
}

.message-panel-msg > :nth-child(2) > :nth-child(1) {
  padding: 0.18667rem 0.42667rem;
  background-color: rgba(6, 8, 15, 0.8);
  word-break: break-all;
}

.message-panel-msg > :nth-child(2) > :nth-child(2) {
  padding: 0.18667rem 0.42667rem;
  background-color: rgba(6, 8, 15, 0.4);
  word-break: break-all;
  font-size: 0.34667rem;
}

.message-panel-receive-gift > :nth-child(2),
.message-panel-send-gift > :nth-child(2) {
  padding: 0.18667rem 0.42667rem;
  max-width: 5.44rem;
  min-height: 0.90667rem;
  line-height: 0.53333rem;
  background: #00c854;
  border-radius: 0.10667rem 2.66667rem 2.66667rem 2.66667rem;
  font-size: 0.34667rem;
  color: #ffffff;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  word-break: break-all;
}

.message-panel-receive-gift > :nth-child(2) img,
.message-panel-send-gift > :nth-child(2) img {
  height: 0.58667rem;
  word-break: break-all;
}

.im-effects-gift {
  width: 10rem;
  position: fixed;
  bottom: 0;
  z-index: 4;
  word-break: break-all;
}

video::-webkit-media-controls {
  display: none;
}

.van-field__control {
  color: #fff;
}

.van-swipe__indicators {
  bottom: 0 !important;
}

.operation .van-field__control,
.card-text-inp .van-field__control {
  color: var(--color-text-primary) !important;
}

.video-js .vjs-big-play-button {
  border: 0.08rem solid #fff !important;
  width: 1.2rem !important;
  height: 1.2rem !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 50% !important;
  font-size: 0.8rem !important;
  line-height: 1.04rem !important;
}

.video-js.vjs-fluid {
  height: 100% !important;
}

.accout-alog {
  padding: 0.42667rem;
  width: 10rem;
  /* height: 175px; */
  background-color: #f4f4f4 !important;
  border-radius: 0.64rem 0.64rem 0 0;
}

.account {
  padding: 0.69333rem 0.42667rem 0 0.42667rem;
  /* width: 343px; */
  height: 3.81333rem;
  background: #ffffff;
  /* border-radius: 16px; */
}

.account > :nth-child(1) {
  margin-bottom: 0.48rem;
  font-size: 0.53333rem;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  color: #212121;
  line-height: 0.66667rem;
}

.account-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.account-2-1-1 {
  font-size: 0.42667rem;
  font-weight: normal;
  color: #888888;
  line-height: 0.50667rem;
}

.account-2-1-2 {
  font-size: 0.42667rem;
  font-weight: normal;
  color: #333333;
  line-height: 0.50667rem;
  margin-top: 0.16rem;
}

.account-2-2 {
  width: 1.76rem;
  height: 0.85333rem !important;
  background: #00c854 !important;
  border-radius: 0.42667rem !important;
  font-size: 0.42667rem !important;
  font-weight: normal;
  color: #ffffff !important;
  line-height: 0.85333rem !important;
  text-align: center;
}

.van-checkbox__label {
  font-size: 0.32rem;
  font-weight: normal !important;
  color: #ffffff !important;
  text-align: center !important;
  line-height: 0.45333rem !important;
}

.van-checkbox__label span {
  text-decoration: underline;
  color: #2b00c8;
}

.van-picker-column__item > div {
  line-height: 1.17333rem;
}

.d-player-wrap,
#refPlayerWrap {
  width: 100vw;
  height: 100vh;
}

.player-video {
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100vw;
  height: 100%;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-video :deep(.d-player-wrap) {
  width: 100vw;
  height: 100vh;
}
.player-video .return-video {
  position: absolute;
  top: 0.21333rem;
  left: 0.21333rem;
  font-size: 0.48rem;
  color: #fff;
  z-index: 999;
}
.player-video .vjs-custom-skin {
  width: 100vw;
  height: 100%;
}

.dotting {
  display: inline-block;
  min-width: 0.10667rem;
  min-height: 0.10667rem;
  box-shadow: 0.10667rem 0 white, 0.26667rem 0 white, 0.42667rem 0 white;
  /* for IE9+, ..., 3个点 */
  animation: dot 1.5s infinite step-start both;
  align-self: flex-end;
  margin-bottom: 0.05333rem;
  /* for IE10+, ... */
}
.dotting:before {
  content: "...";
}
.dotting::before {
  content: "";
}

@keyframes dot {
  25% {
    box-shadow: none;
  }
  /* 0个点 */
  50% {
    box-shadow: 0.10667rem 0 white;
  }
  /* 1个点 */
  75% {
    box-shadow: 0.10667rem 0 white, 0.26667rem 0 white;
    /* 2个点 */
  }
}
:root .dotting {
  margin-right: 0.08rem;
}

.return-icon {
  font-size: 0.58667rem;
  color: var(--color-text-primary);
}

/* for IE9+,FF,CH,OP,SF 占据空间*/
@media screen and (min-width: 992px) {
  .player {
    width: auto;
  }
}
@keyframes breath-51a4c1af {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.04);
}
100% {
    transform: scale(1);
}
}
@keyframes pulseOut-51a4c1af {
0% {
    transform: scale(1);
}
100% {
    transform: scale(1.4);
}
}
.image[data-v-51a4c1af] {
  cursor: pointer;
}
.image.ring[data-v-51a4c1af] {
  border-radius: 50%;
  overflow: hidden;
}
.image.ring img[data-v-51a4c1af] {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.image[data-v-51a4c1af] .van-image,
.image[data-v-51a4c1af] .van-image__loading,
.image[data-v-51a4c1af] .van-image__error {
  width: 100%;
  height: 100%;
}
.image[data-v-51a4c1af] .van-image img,
.image[data-v-51a4c1af] .van-image__loading img,
.image[data-v-51a4c1af] .van-image__error img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
@keyframes breath-5faf4e9d {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.04);
}
100% {
    transform: scale(1);
}
}
@keyframes pulseOut-5faf4e9d {
0% {
    transform: scale(1);
}
100% {
    transform: scale(1.4);
}
}
@keyframes breath-5faf4e9d {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.04);
}
100% {
    transform: scale(1);
}
}
@keyframes pulseOut-5faf4e9d {
0% {
    transform: scale(1);
}
100% {
    transform: scale(1.4);
}
}
.emoji-face[data-v-5faf4e9d] {
  position: relative;
  width: 0.82667rem;
  height: 0.82667rem;
  border-radius: 50%;
  background: linear-gradient(90deg, #7700FF 0%, #FB00FF 100%);
  flex-shrink: 0;
}
.emoji-face.bounce-mode[data-v-5faf4e9d] {
  width: 1.28rem;
  height: 1.28rem;
}
.eye[data-v-5faf4e9d] {
  position: absolute;
  width: 0.09333rem;
  height: 0.24rem;
  background: #fff;
  border-radius: 0.05333rem;
  top: 0.26667rem;
}
.left-eye[data-v-5faf4e9d] {
  left: 0.21333rem;
}
.right-eye[data-v-5faf4e9d] {
  right: 0.21333rem;
}
.bounce-mode .eye[data-v-5faf4e9d] {
  width: 0.13333rem;
  height: 0.34667rem;
  top: 0.4rem;
}
.bounce-mode .left-eye[data-v-5faf4e9d] {
  left: 0.29333rem;
}
.bounce-mode .right-eye[data-v-5faf4e9d] {
  right: 0.29333rem;
}
@keyframes breath-09442fe4 {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.04);
}
100% {
    transform: scale(1);
}
}
@keyframes pulseOut-09442fe4 {
0% {
    transform: scale(1);
}
100% {
    transform: scale(1.4);
}
}
@keyframes breath-09442fe4 {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.04);
}
100% {
    transform: scale(1);
}
}
@keyframes pulseOut-09442fe4 {
0% {
    transform: scale(1);
}
100% {
    transform: scale(1.4);
}
}
.first-recharge-entry[data-v-09442fe4] {
  position: relative;
  width: 2.13333rem;
  height: 1.86667rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.first-recharge-entry .entry-gift[data-v-09442fe4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.13333rem;
  height: 1.68rem;
  display: block;
  transform-origin: center bottom;
  animation: firstRechargeEntryBreath-09442fe4 1.6s ease-in-out infinite;
}
.first-recharge-entry .entry-discount[data-v-09442fe4] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1.84rem;
  height: 0.74667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 0.32rem;
  line-height: 0.37333rem;
  white-space: nowrap;
}
.first-recharge-entry .entry-discount__bg[data-v-09442fe4] {
  position: absolute;
  inset: 0;
  width: 1.84rem;
  height: 0.74667rem;
  display: block;
}
.first-recharge-entry .entry-discount__percent[data-v-09442fe4], .first-recharge-entry .entry-discount__off[data-v-09442fe4] {
  position: relative;
  z-index: 1;
}
.first-recharge-entry .entry-discount__percent[data-v-09442fe4] {
  color: #fff;
}
.first-recharge-entry .entry-discount__off[data-v-09442fe4] {
  color: #771F00;
  text-shadow: 0 0.02667rem 0 rgba(255, 134, 0, 0.56);
}
@keyframes firstRechargeEntryBreath-09442fe4 {
0%, 100% {
    transform: scale(1);
}
50% {
    transform: scale(1.08);
}
}