@charset "UTF-8";.ui-tip-container[data-v-7710d1a1] {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  pointer-events: none;
}
.ui-tip[data-v-7710d1a1] {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: auto;
  min-width: 280px;
  max-width: 400px;
  box-sizing: border-box;
}
.icon[data-v-7710d1a1] {
  margin-right: 8px;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.text[data-v-7710d1a1] {
  font-size: 14px;
  line-height: 1.4;
  flex: 1;
}
.ui-tip--normal[data-v-7710d1a1] {
  background-color: #f4f4f5;
  border: 1px solid #e9e9eb;
  color: #909399;
}
.info-icon[data-v-7710d1a1] {
  fill: #909399;
}
.ui-tip--success[data-v-7710d1a1] {
  background-color: #f0f9ff;
  border: 1px solid #b3d8ff;
  color: #67c23a;
}
.success-icon[data-v-7710d1a1] {
  fill: #67c23a;
}
.ui-tip--fail[data-v-7710d1a1] {
  background-color: #fef0f0;
  border: 1px solid #fbc4c4;
  color: #f56c6c;
}
.fail-icon[data-v-7710d1a1] {
  fill: #f56c6c;
}
.ui-tip--warning[data-v-7710d1a1] {
  background-color: #fdf6ec;
  border: 1px solid #f5dab1;
  color: #e6a23c;
}
.warning-icon[data-v-7710d1a1] {
  fill: #e6a23c;
}
.fade-enter-active[data-v-7710d1a1],
.fade-leave-active[data-v-7710d1a1] {
  transition: all 0.3s ease;
}
.fade-enter-from[data-v-7710d1a1] {
  opacity: 0;
  transform: translateX(-50%) translateY(-20px);
}
.fade-leave-to[data-v-7710d1a1] {
  opacity: 0;
  transform: translateX(-50%) translateY(-20px);
}
.ui-loading[data-v-1a4b79a7] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  border-radius: inherit;
  overflow: hidden;
  z-index: 999;
  padding: var(--dialog-padding, 0 0);
}
.ui-loading-mask[data-v-1a4b79a7] {
  background-color: var(--545d41ea);
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
}
.ui-loading-mask-no-blur[data-v-1a4b79a7] {
  background-color: var(--545d41ea);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.loading-fade[data-v-1a4b79a7] {
  opacity: 0;
  pointer-events: none;
}
.lds-ellipsis[data-v-1a4b79a7] {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div[data-v-1a4b79a7] {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--183d9c97);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div[data-v-1a4b79a7]:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1-1a4b79a7 0.6s infinite;
}
.lds-ellipsis div[data-v-1a4b79a7]:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2-1a4b79a7 0.6s infinite;
}
.lds-ellipsis div[data-v-1a4b79a7]:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2-1a4b79a7 0.6s infinite;
}
.lds-ellipsis div[data-v-1a4b79a7]:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3-1a4b79a7 0.6s infinite;
}
@keyframes lds-ellipsis1-1a4b79a7 {
0% {
    transform: scale(0);
}
100% {
    transform: scale(1);
}
}
@keyframes lds-ellipsis3-1a4b79a7 {
0% {
    transform: scale(1);
}
100% {
    transform: scale(0);
}
}
@keyframes lds-ellipsis2-1a4b79a7 {
0% {
    transform: translate(0, 0);
}
100% {
    transform: translate(24px, 0);
}
}
.ui-button[data-v-9d3b61fb] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: var(--ui-button-height, "auto");
  flex-shrink: 0;
  padding: var(--ui-button-padding, 5px 20px);
  border: var(--ui-button-border, none);
  border-radius: var(--ui-button-border-radius, 5px);
  background: var(--ui-button-bg, linear-gradient(135deg, #3b82f6, #2563eb));
  color: var(--ui-button-color, white);
  font-size: var(--ui-button-font-size, 14px);
  cursor: pointer;
}
.ui-button--disabled[data-v-9d3b61fb] {
  background: var(--ui-button-disabled-background, linear-gradient(135deg, #8d8d8d, #747474));
  border: var(--ui-button-disabled-border, none);
  box-shadow: inset 0 0 10px 3px rgba(255, 255, 255, 0.25);
  color: var(--ui-button-disabled-color, #e6e6e6);
  cursor: not-allowed;
}
.ui-button--loading[data-v-9d3b61fb] {
  cursor: not-allowed;
}
.ui-button[data-v-9d3b61fb]:not(.ui-button--disabled):not(.ui-button--loading):hover {
  color: var(--ui-button-hover-color, white);
  background: var(--ui-button-hover-bg, linear-gradient(135deg, #3177e9, #1752d1));
}
.ui-button + .ui-button[data-v-9d3b61fb] {
  margin-left: var(--ui-button-margin-left, 4px);
}
.ui-loading[data-v-2f96d04b] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-loading.has-overlay[data-v-2f96d04b] {
  background-color: rgba(0, 0, 0, 0.6);
}
.ui-loading.inherit-radius[data-v-2f96d04b] {
  border-radius: inherit;
}
.ui-loading .loading-container[data-v-2f96d04b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  height: 100%;
  justify-content: center;
}
.ui-loading .loading-spinner[data-v-2f96d04b] {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: 1/1; /* 强制保持1:1的宽高比，确保是圆形 */
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top: 3px solid #ffffff;
  border-radius: 50%;
  animation: spin-2f96d04b 1s linear infinite;
}
.ui-loading .loading-message[data-v-2f96d04b] {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
@keyframes spin-2f96d04b {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.ui-svg-container[data-v-f3519d3e] {
  overflow: visible;
}

.ui-dialog-mask[data-v-0a189c4b] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.ui-dialog[data-v-0a189c4b] {
  position: relative;
  width: fit-content;
  min-width: var(--dialog-min-width, 300px);
  max-width: var(--dialog-max-width, 70%);
  padding: 0;
  margin: 0;
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  background: var(--dialog-background-color, #fff);
  border: 0 solid;
  border-radius: var(--dialog-border-radius, 10px);
  overflow: hidden;
}
.ui-dialog[data-v-0a189c4b]:after, .ui-dialog[data-v-0a189c4b]:before {
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: var(--dialog-border-radius, 10px);
}
.ui-dialog-container[data-v-0a189c4b] {
  width: 100%;
  min-height: 120px;
  overflow: visible;
  display: flex;
  flex-direction: column;
  position: relative;
}
.ui-dialog-title[data-v-0a189c4b] {
  color: var(--dialog-title-color, #000);
  font-size: var(--dialog-title-font-size, 16px);
  padding: var(--dialog-title-padding, 14px 24px);
  font-weight: var(--dialog-title-font-weight, bold);
  width: 100%;
  display: flex;
  justify-content: var(--dialog-title-align, center);
  align-items: center;
  border-bottom: 1px solid #e2e8f0;
}
.ui-dialog-close[data-v-0a189c4b] {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 100%;
  height: 43px;
  width: 43px;
  display: flex;
  transform: rotate(0);
  transition: all 0.3s;
  align-items: center;
  color: #909399;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.ui-dialog-close[data-v-0a189c4b]:hover {
  color: #57a9fe;
}
.ui-dialog-content[data-v-0a189c4b] {
  max-height: var(--dialog-max-height, 60vh);
  color: var(--dialog-content-color, #646566);
  font-size: var(--dialog-content-font-size, 15px);
  flex: 1;
  padding: var(--dialog-content-padding, 24px 24px);
  display: flex;
  flex-direction: column;
  justify-content: var(--dialog-content-justify, var(--5fcc72dd));
  align-items: var(--dialog-content-align-items, var(--cb96b676));
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box !important;
}
.ui-dialog-content-inner[data-v-0a189c4b] {
  text-wrap: wrap;
}
.ui-dialog-content-slot[data-v-0a189c4b] {
  width: 100%; /* 确保内容宽度适应滚动区域 */
  box-sizing: border-box; /* 确保子元素适配滚动区域的宽度 */
  flex-shrink: 0;
}
.ui-dialog-footer[data-v-0a189c4b] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-top: 1px solid #e2e8f0;
  width: 100%;
  height: var(--dialog-footer-height, 50px);
  padding: var(--dialog-footer-padding, 0 0);
}
.ui-dialog-footer .ui-dialog-cancel-btn[data-v-0a189c4b],
.ui-dialog-footer .ui-dialog-submit-btn[data-v-0a189c4b] {
  flex: 1;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.ui-dialog-footer .ui-dialog-cancel-btn[data-v-0a189c4b] {
  color: var(--dialog-cancel-btn-color, #be0000);
}
.ui-dialog-footer .ui-dialog-cancel-btn[data-v-0a189c4b]:hover {
  background-color: var(--dialog-btn-hover-bg, #f4f6f9);
}
.ui-dialog-footer .ui-dialog-submit-btn[data-v-0a189c4b] {
  color: var(--dialog-submit-btn-color, #1989fa);
}
.ui-dialog-footer .ui-dialog-submit-btn[data-v-0a189c4b]:hover {
  background-color: var(--dialog-btn-hover-bg, #f4f6f9);
}
.fade-enter-active[data-v-0a189c4b],
.fade-leave-active[data-v-0a189c4b] {
  transition: opacity 0.2s;
}
.fade-enter-from[data-v-0a189c4b],
.fade-leave-to[data-v-0a189c4b] {
  opacity: 0;
}
.is_mobile[data-v-0a189c4b] {
  min-width: 80% !important;
  max-width: 94% !important;
}
.loading-app[data-v-eaebfe53] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.loading-container[data-v-eaebfe53] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading-content[data-v-eaebfe53] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.loading-text[data-v-eaebfe53] {
  font-size: 18px;
  color: #666;
}
.loading-spinner[data-v-eaebfe53] {
  width: 40px;
  height: 40px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  animation: spin-eaebfe53 1s linear infinite;
}
@keyframes spin-eaebfe53 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.mobile[data-v-f3240a9d],
.desktop[data-v-f3240a9d] {
  transition: opacity, filter, z-index var(--26a53f38) ease;
  will-change: opacity, filter, z-index;
}
.mobile.active[data-v-f3240a9d],
.desktop.active[data-v-f3240a9d] {
  opacity: 1;
  pointer-events: auto;
}
.mobile.entering[data-v-f3240a9d],
.desktop.entering[data-v-f3240a9d] {
  animation: enterAnimation-f3240a9d var(--26a53f38) ease forwards;
  pointer-events: none !important;
}
@keyframes enterAnimation-f3240a9d {
0% {
    opacity: 0;
    z-index: 1;
    filter: blur(10px);
}
100% {
    opacity: 1;
    filter: blur(0);
}
}/**
 * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
  --ck-content-color-mention-background: hsla(341, 100%, 30%, 0.1);
  --ck-content-color-mention-text: hsl(341, 100%, 30%);
}
.ck-content .mention {
  background: var(--ck-content-color-mention-background);
  color: var(--ck-content-color-mention-text);
}

.ck-content code {
  background-color: hsla(0, 0%, 78%, 0.3);
  padding: 0.15em;
  border-radius: 2px;
}

.ck-content blockquote {
  overflow: hidden;
  padding-right: 1.5em;
  padding-left: 1.5em;

  margin-left: 0;
  margin-right: 0;
  font-style: italic;
  border-left: solid 5px hsl(0, 0%, 80%);
}

.ck-content[dir='rtl'] blockquote {
  border-left: 0;
  border-right: solid 5px hsl(0, 0%, 80%);
}

.ck-content pre {
  padding: 1em;
  color: hsl(0, 0%, 20.8%);
  background: hsla(0, 0%, 78%, 0.3);
  border: 1px solid hsl(0, 0%, 77%);
  border-radius: 2px;
  text-align: left;
  direction: ltr;

  tab-size: 4;
  white-space: pre-wrap;
  font-style: normal;
  min-width: 200px;
}

.ck-content pre code {
  background: unset;
  padding: 0;
  border-radius: 0;
}

:root {
  --ck-content-font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
  --ck-content-font-size: medium;
  --ck-content-font-color: #000;
  --ck-content-line-height: 1.5;
  --ck-content-word-break: break-word;
}

.ck-content {
  font-family: var(--ck-content-font-family);
  font-size: var(--ck-content-font-size);
  color: var(--ck-content-font-color);
  line-height: var(--ck-content-line-height);
  word-break: var(--ck-content-word-break);
}

:root {
  --ck-content-font-size-tiny: 0.7em;
  --ck-content-font-size-small: 0.85em;
  --ck-content-font-size-big: 1.4em;
  --ck-content-font-size-huge: 1.8em;
}
.ck-content .text-tiny {
  font-size: var(--ck-content-font-size-tiny);
}
.ck-content .text-small {
  font-size: var(--ck-content-font-size-small);
}
.ck-content .text-big {
  font-size: var(--ck-content-font-size-big);
}
.ck-content .text-huge {
  font-size: var(--ck-content-font-size-huge);
}

:root {
  --ck-content-highlight-marker-yellow: hsl(60, 97%, 73%);
  --ck-content-highlight-marker-green: hsl(120, 93%, 68%);
  --ck-content-highlight-marker-pink: hsl(345, 96%, 73%);
  --ck-content-highlight-marker-blue: hsl(201, 97%, 72%);
  --ck-content-highlight-pen-red: hsl(0, 85%, 49%);
  --ck-content-highlight-pen-green: hsl(112, 100%, 27%);
}

.ck-content .marker-yellow {
  background-color: var(--ck-content-highlight-marker-yellow);
}
.ck-content .marker-green {
  background-color: var(--ck-content-highlight-marker-green);
}
.ck-content .marker-pink {
  background-color: var(--ck-content-highlight-marker-pink);
}
.ck-content .marker-blue {
  background-color: var(--ck-content-highlight-marker-blue);
}

.ck-content .pen-red {
  color: var(--ck-content-highlight-pen-red);
  background-color: transparent;
}
.ck-content .pen-green {
  color: var(--ck-content-highlight-pen-green);
  background-color: transparent;
}

.ck-content hr {
  margin: 15px 0;
  height: 4px;
  background: hsl(0, 0%, 87%);
  border: 0;
}

:root {
  --ck-content-color-image-caption-background: hsl(0, 0%, 97%);
  --ck-content-color-image-caption-text: hsl(0, 0%, 20%);
}
.ck-content .image > figcaption {
  display: table-caption;
  caption-side: bottom;
  word-break: normal;
  overflow-wrap: anywhere;
  color: var(--ck-content-color-image-caption-text);
  background-color: var(--ck-content-color-image-caption-background);
  padding: 0.6em;
  font-size: 0.75em;
  outline-offset: -1px;
}
@media (forced-colors: active) {
  .ck-content .image > figcaption {
    background-color: unset;
    color: unset;
  }
}
.ck-content img.image_resized {
  height: auto;
}

.ck-content .image.image_resized {
  max-width: 100%;
  display: block;
  box-sizing: border-box;
}

.ck-content .image.image_resized img {
  width: 100%;
}

.ck-content .image.image_resized > figcaption {
  display: block;
}

:root {
  --ck-content-image-style-spacing: 1.5em;
  --ck-content-inline-image-style-spacing: calc(var(--ck-content-image-style-spacing) / 2);
}

.ck-content .image.image-style-block-align-left,
.ck-content .image.image-style-block-align-right {
  max-width: calc(100% - var(--ck-content-image-style-spacing));
}

.ck-content .image.image-style-align-left,
.ck-content .image.image-style-align-right {
  clear: none;
}

.ck-content .image.image-style-side {
  float: right;
  margin-left: var(--ck-content-image-style-spacing);
  max-width: 50%;
}

.ck-content .image.image-style-align-left {
  float: left;
  margin-right: var(--ck-content-image-style-spacing);
}

.ck-content .image.image-style-align-right {
  float: right;
  margin-left: var(--ck-content-image-style-spacing);
}

.ck-content .image.image-style-block-align-right {
  margin-right: 0;
  margin-left: auto;
}

.ck-content .image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}

.ck-content .image-style-align-center {
  margin-left: auto;
  margin-right: auto;
}

.ck-content .image-style-align-left {
  float: left;
  margin-right: var(--ck-content-image-style-spacing);
}

.ck-content .image-style-align-right {
  float: right;
  margin-left: var(--ck-content-image-style-spacing);
}

.ck-content p + .image.image-style-align-left,
.ck-content p + .image.image-style-align-right,
.ck-content p + .image.image-style-side {
  margin-top: 0;
}

.ck-content .image-inline.image-style-align-left,
.ck-content .image-inline.image-style-align-right {
  margin-top: var(--ck-content-inline-image-style-spacing);
  margin-bottom: var(--ck-content-inline-image-style-spacing);
}

.ck-content .image-inline.image-style-align-left {
  margin-right: var(--ck-content-inline-image-style-spacing);
}

.ck-content .image-inline.image-style-align-right {
  margin-left: var(--ck-content-inline-image-style-spacing);
}

.ck-content .image {
  display: table;
  clear: both;
  text-align: center;
  margin: 0.9em auto;
  min-width: 50px;
}

.ck-content .image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-width: 100%;
  height: auto;
}

.ck-content .image-inline {
  display: inline-flex;
  max-width: 100%;
  align-items: flex-start;
}

.ck-content .image-inline picture {
  display: flex;
}

.ck-content .image-inline picture,
.ck-content .image-inline img {
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 100%;
}

:root {
  --ck-content-list-marker-color: var(--ck-content-font-color);
  --ck-content-list-marker-font-family: var(--ck-content-font-family);
  --ck-content-list-marker-font-size: var(--ck-content-font-size);
}

.ck-content li > p:first-of-type {
  margin-top: 0;
}

.ck-content li > p:only-child {
  margin-top: 0;
  margin-bottom: 0;
}

.ck-content li.ck-list-marker-bold::marker {
  font-weight: bold;
}

.ck-content li.ck-list-marker-italic::marker {
  font-style: italic;
}

.ck-content li.ck-list-marker-color::marker {
  color: var(--ck-content-list-marker-color);
}

.ck-content li.ck-list-marker-font-family::marker {
  font-family: var(--ck-content-list-marker-font-family);
}

.ck-content li.ck-list-marker-font-size::marker {
  font-size: var(--ck-content-list-marker-font-size);
}

.ck-content li.ck-list-marker-font-size-tiny::marker {
  font-size: var(--ck-content-font-size-tiny);
}

.ck-content li.ck-list-marker-font-size-small::marker {
  font-size: var(--ck-content-font-size-small);
}

.ck-content li.ck-list-marker-font-size-big::marker {
  font-size: var(--ck-content-font-size-big);
}

.ck-content li.ck-list-marker-font-size-huge::marker {
  font-size: var(--ck-content-font-size-huge);
}

.ck-content ol {
  list-style-type: decimal;
}

.ck-content ol ol {
  list-style-type: lower-latin;
}

.ck-content ol ol ol {
  list-style-type: lower-roman;
}

.ck-content ol ol ol ol {
  list-style-type: upper-latin;
}

.ck-content ol ol ol ol ol {
  list-style-type: upper-roman;
}

.ck-content ul {
  list-style-type: disc;
}

.ck-content ul ul {
  list-style-type: circle;
}

.ck-content ul ul ul {
  list-style-type: square;
}

.ck-content ul ul ul ul {
  list-style-type: square;
}

:root {
  --ck-content-todo-list-checkmark-size: 16px;
}
.ck-content .todo-list {
  list-style: none;
}
.ck-content .todo-list li {
  position: relative;
  margin-bottom: 5px;
}
.ck-content .todo-list li .todo-list {
  margin-top: 5px;
}
.ck-content .todo-list .todo-list__label > input {
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  width: var(--ck-content-todo-list-checkmark-size);
  height: var(--ck-content-todo-list-checkmark-size);
  vertical-align: middle;
  border: 0;
  left: -25px;
  margin-right: -15px;
  right: 0;
  margin-left: 0;
}
.ck-content[dir='rtl'] .todo-list .todo-list__label > input {
  left: 0;
  margin-right: 0;
  right: -25px;
  margin-left: -15px;
}
.ck-content .todo-list .todo-list__label > input::before {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid hsl(0, 0%, 20%);
  border-radius: 2px;
  transition: 250ms ease-in-out box-shadow;
}
@media (prefers-reduced-motion: reduce) {
  .ck-content .todo-list .todo-list__label > input::before {
    transition: none;
  }
}
.ck-content .todo-list .todo-list__label > input::after {
  display: block;
  position: absolute;
  box-sizing: content-box;
  pointer-events: none;
  content: '';
  left: calc(var(--ck-content-todo-list-checkmark-size) / 3);
  top: calc(var(--ck-content-todo-list-checkmark-size) / 5.3);
  width: calc(var(--ck-content-todo-list-checkmark-size) / 5.3);
  height: calc(var(--ck-content-todo-list-checkmark-size) / 2.6);
  border-style: solid;
  border-color: transparent;
  border-width: 0 calc(var(--ck-content-todo-list-checkmark-size) / 8) calc(var(--ck-content-todo-list-checkmark-size) / 8) 0;
  transform: rotate(45deg);
}
.ck-content .todo-list .todo-list__label > input[checked]::before {
  background: hsl(126, 64%, 41%);
  border-color: hsl(126, 64%, 41%);
}
.ck-content .todo-list .todo-list__label > input[checked]::after {
  border-color: hsl(0, 0%, 100%);
}
.ck-content .todo-list .todo-list__label .todo-list__label__description {
  vertical-align: middle;
}
.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type='checkbox'] {
  position: absolute;
}

.ck-content .media {
  clear: both;
  margin: 0.9em 0;
  display: block;
  min-width: 15em;
}

.ck-content .page-break {
  position: relative;
  clear: both;
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ck-content .page-break::after {
  content: '';
  position: absolute;
  border-bottom: 2px dashed hsl(0, 0%, 77%);
  width: 100%;
}

.ck-content .page-break__label {
  position: relative;
  z-index: 1;
  padding: 0.3em 0.6em;
  display: block;
  text-transform: uppercase;
  border: 1px solid hsl(0, 0%, 77%);
  border-radius: 2px;
  font-size: 0.75em;
  font-weight: bold;
  color: hsl(0, 0%, 20%);
  background: hsl(0, 0%, 100%);
  box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media print {
  .ck-content .page-break {
    padding: 0;
  }

  .ck-content .page-break::after {
    display: none;
  }
  .ck-content *:has(+ .page-break) {
    margin-bottom: 0;
  }
}

.ck-content[dir='rtl'] .table th {
  text-align: right;
}

.ck-content[dir='ltr'] .table th {
  text-align: left;
}

.ck-content figure.table:not(.layout-table) {
  display: table;
}

.ck-content figure.table:not(.layout-table) > table {
  width: 100%;
  height: 100%;
}

.ck-content .table:not(.layout-table) {
  margin: 0.9em auto;
}

.ck-content table.table:not(.layout-table),
.ck-content figure.table:not(.layout-table) > table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px double hsl(0, 0%, 70%);
}

.ck-content table.table:not(.layout-table) > thead > tr > th,
.ck-content figure.table:not(.layout-table) > table > thead > tr > th,
.ck-content table.table:not(.layout-table) > tbody > tr > th,
.ck-content figure.table:not(.layout-table) > table > tbody > tr > th {
  font-weight: bold;
  background: hsla(0, 0%, 0%, 5%);
}

.ck-content table.table:not(.layout-table) > thead > tr > td,
.ck-content figure.table:not(.layout-table) > table > thead > tr > td,
.ck-content table.table:not(.layout-table) > tbody > tr > td,
.ck-content figure.table:not(.layout-table) > table > tbody > tr > td,
.ck-content table.table:not(.layout-table) > thead > tr > th,
.ck-content figure.table:not(.layout-table) > table > thead > tr > th,
.ck-content table.table:not(.layout-table) > tbody > tr > th,
.ck-content figure.table:not(.layout-table) > table > tbody > tr > th {
  min-width: 2em;
  padding: 0.4em;
  border: 1px solid hsl(0, 0%, 75%);
}

.ck-content table.table:not(.layout-table) > thead > tr > td > p:first-of-type,
.ck-content figure.table:not(.layout-table) > table > thead > tr > td > p:first-of-type,
.ck-content table.table:not(.layout-table) > tbody > tr > td > p:first-of-type,
.ck-content figure.table:not(.layout-table) > table > tbody > tr > td > p:first-of-type,
.ck-content table.table:not(.layout-table) > thead > tr > th > p:first-of-type,
.ck-content figure.table:not(.layout-table) > table > thead > tr > th > p:first-of-type,
.ck-content table.table:not(.layout-table) > tbody > tr > th > p:first-of-type,
.ck-content figure.table:not(.layout-table) > table > tbody > tr > th > p:first-of-type {
  margin-top: 0;
}

.ck-content table.table:not(.layout-table) > thead > tr > td > p:last-of-type,
.ck-content figure.table:not(.layout-table) > table > thead > tr > td > p:last-of-type,
.ck-content table.table:not(.layout-table) > tbody > tr > td > p:last-of-type,
.ck-content figure.table:not(.layout-table) > table > tbody > tr > td > p:last-of-type,
.ck-content table.table:not(.layout-table) > thead > tr > th > p:last-of-type,
.ck-content figure.table:not(.layout-table) > table > thead > tr > th > p:last-of-type,
.ck-content table.table:not(.layout-table) > tbody > tr > th > p:last-of-type,
.ck-content figure.table:not(.layout-table) > table > tbody > tr > th > p:last-of-type {
  margin-bottom: 0;
}

@media print {
  .ck-content figure.table:not(.layout-table):has(> table) {
    display: block;
  }
  .ck-content figure.table:not(.layout-table) > table {
    height: initial;
  }
}

.ck-content table.table.layout-table,
.ck-content figure.table.layout-table {
  margin-top: 0;
  margin-bottom: 0;
}

.ck-content table.table.layout-table,
.ck-content figure.table.layout-table > table {
  border-spacing: 0;
}

:root {
  --ck-content-color-table-caption-background: hsl(0, 0%, 97%);
  --ck-content-color-table-caption-text: hsl(0, 0%, 20%);
}
.ck-content .table > figcaption {
  display: table-caption;
  caption-side: top;
  word-break: normal;
  overflow-wrap: anywhere;
  text-align: center;
  color: var(--ck-content-color-table-caption-text);
  background-color: var(--ck-content-color-table-caption-background);
  padding: 0.6em;
  font-size: 0.75em;
  outline-offset: -1px;
}
@media (forced-colors: active) {
  .ck-content .table > figcaption {
    background-color: unset;
    color: unset;
  }
}

.ck-content .table .ck-table-resized {
  table-layout: fixed;
}

.ck-content .table td,
.ck-content .table th {
  overflow-wrap: break-word;
}

/* 如果需要某些区域可以选中文本，可以单独覆盖 */
.selectable {
  user-select: text; /* 允许选中文本 */
}

/* 美化滚动条，兼容性更好写法 */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--border-color, #d1d1d1) #f5f5f5;
}

/* 针对 Webkit 浏览器的滚动条样式 */
*::-webkit-scrollbar {
  width: 10px;
  background: #f5f5f5;
  border-radius: 4px;
}
*::-webkit-scrollbar-thumb {
  background: #d1d1d1;
  border-radius: 4px;
}
*::-webkit-scrollbar-thumb:hover {
  background: #b0b0b0;
}
@font-face {
  font-family: "yg-jalnan"; /* 自定义字体名称 */
  src: url("/assets/yg-jalnan-3a62872f.ttf") format("truetype"); /* WOFF2 格式 */
  font-weight: normal; /* 字体粗细 */
  font-style: normal; /* 字体样式 */
}
*,
*::before,
*::after {
  box-sizing: border-box !important;
  line-height: 1;
  font-size: 14px;
}
* {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
:focus {
  outline: 1px solid transparent; /* 自定义蓝色轮廓 */
  outline-offset: 0px; /* 轮廓向外偏移n像素 */
}
.header {
  color: black;
}
.footer {
  color: black;
}

.header {
  color: black;
}
.footer {
  color: black;
}
.button-group {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}.ui-dialog-menu[data-v-7f02dbce] {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
.ui-dialog-menu .ui-dialog-menu-item[data-v-7f02dbce] {
  padding: 10px 16px;
  color: #475569;
  font-size: 14px;
  transition: all 0.2s ease;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.ui-dialog-menu .ui-dialog-menu-item[data-v-7f02dbce]:hover {
  background: #f4f6f9;
  color: #1e293b;
}.ui-dialog-menu[data-v-cf74ec9d] {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
.ui-dialog-menu .ui-dialog-menu-item[data-v-cf74ec9d] {
  padding: 10px 16px;
  color: #475569;
  font-size: 14px;
  transition: all 0.2s ease;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.ui-dialog-menu .ui-dialog-menu-item[data-v-cf74ec9d]:hover {
  background: #f4f6f9;
  color: #1e293b;
}.header[data-v-c66c7372] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding: 10px 15px;
}
.header .account[data-v-c66c7372] {
  display: flex;
  align-items: center;
  background-color: rgba(32, 54, 84, 0.6235294118);
  border-radius: 20px;
  padding: 2px 3px;
}
.header .account .account-icon[data-v-c66c7372] {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #1989fa;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}
.header .account .account-value[data-v-c66c7372] {
  color: #fff;
  font-size: 12px;
  margin: 0 8px 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-content[data-v-c66c7372] {
  width: 100%;
  flex: 1;
  position: relative;
  padding: 56px 10px 20px 10px;
}
.menus[data-v-c66c7372] {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  border-top: 1px solid #3789d2;
  display: flex;
  flex-direction: row;
  height: 60px;
  background: linear-gradient(to bottom, #0165c0 0%, #004ea8 25%, #00348b 50%, #00186c 75%, #000254 100%);
  position: relative;
}
.menus .active-background[data-v-c66c7372] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.0549019608) 0%, rgba(255, 255, 255, 0.1568627451) 100%);
  transition: transform var(--7dbfa9dc) cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}
.menus .menu-item[data-v-c66c7372] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  color: #323233;
  gap: 6px;
  font-size: 12px;
  position: relative;
  z-index: 2;
  transition: all var(--7dbfa9dc) cubic-bezier(0.4, 0, 0.2, 1);
}
.menus .menu-item .menu-item-icon[data-v-c66c7372] {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  transition: transform var(--7dbfa9dc) cubic-bezier(0.4, 0, 0.2, 1);
}
.menus .menu-item .menu-item-icon .menu-item-icon-svg[data-v-c66c7372] {
  z-index: 2;
  transition: transform var(--7dbfa9dc) cubic-bezier(0.4, 0, 0.2, 1);
}
.menus .menu-item .menu-item-icon .menu-item-guang[data-v-c66c7372] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  opacity: 0;
  z-index: 1;
  transform: translate(-50%, -50%);
  transition: opacity var(--7dbfa9dc) cubic-bezier(0.4, 0, 0.2, 1);
}
.menus .menu-item .menu-item-text[data-v-c66c7372] {
  color: #fff;
  display: none;
  opacity: 0;
  transform: translateY(10px);
  transition: all var(--7dbfa9dc) cubic-bezier(0.4, 0, 0.2, 1);
}
.menus .menu-item.active[data-v-c66c7372] {
  color: #1989fa;
  justify-content: flex-end;
  padding-bottom: 20px;
}
.menus .menu-item.active .menu-item-icon[data-v-c66c7372] {
  transform: translateY(-10px);
}
.menus .menu-item.active .menu-item-icon .menu-item-icon-svg[data-v-c66c7372] {
  transform: scale(1.1);
}
.menus .menu-item.active .menu-item-icon .menu-item-guang[data-v-c66c7372] {
  opacity: 0.5;
}
.menus .menu-item.active .menu-item-text[data-v-c66c7372] {
  display: block;
  font-weight: bold;
  opacity: 1;
  transform: translateY(0);
}
.menus .menu-item:not(.active) .menu-item-icon[data-v-c66c7372] {
  transform: translateY(0);
}
.menus .menu-item:not(.active) .menu-item-icon .menu-item-icon-svg[data-v-c66c7372] {
  transform: scale(1);
}.sub-page[data-v-5985648d] {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px 15px;
  gap: 20px;
  overflow-y: auto;
}
.sub-page .header[data-v-5985648d] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 15px;
}
.sub-page .header .btn-back[data-v-5985648d] {
  color: white;
  background-color: rgba(255, 255, 255, 0.082);
  padding: 3px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.sub-page .header .title[data-v-5985648d] {
  font-size: 16px;
  color: white;
  font-weight: bold;
}
.sub-page .header .balance[data-v-5985648d] {
  margin-left: auto;
}
.sub-page .sub-page-content[data-v-5985648d] {
  flex: 1;
}.balance[data-v-71e3ff78] {
  display: flex;
  align-items: center;
}
.balance .balance-box[data-v-71e3ff78] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(32, 54, 84, 0.6235294118);
  padding: 2px 11px 1px 3px;
  border-radius: 20px;
  gap: 6px;
  min-width: 80px;
}
.balance .balance-box .balance-icon[data-v-71e3ff78] {
  color: #f1b32b;
}
.balance .balance-box .balance-value[data-v-71e3ff78] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
}.page[data-v-6d8d898a] {
  position: relative;
  width: 100%;
  height: 100%;
  background: transparent;
}.ui-form--inline[data-v-41e81c29] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.ui-form--inline .ui-form-item[data-v-41e81c29] {
  display: inline-flex;
  margin-right: 16px;
  vertical-align: top;
}.ui-form-item[data-v-97af5152] {
  display: flex;
}
.ui-form--label-top .ui-form-item[data-v-97af5152] {
  flex-direction: column;
}
.ui-form--label-top .ui-form-item__label[data-v-97af5152] {
  margin-bottom: var(--form-item-label-margin, 10px);
}
.ui-form--label-left .ui-form-item[data-v-97af5152] {
  flex-direction: row;
}
.ui-form--label-left .ui-form-item__label[data-v-97af5152] {
  margin-right: var(--form-item-label-margin, 10px);
}
.ui-form--label-right .ui-form-item[data-v-97af5152] {
  flex-direction: row-reverse;
}
.ui-form--label-right .ui-form-item__label[data-v-97af5152] {
  margin-left: var(--form-item-label-margin, 10px);
}
.ui-form--align-left .ui-form-item__label[data-v-97af5152] {
  justify-content: flex-start;
}
.ui-form--align-right .ui-form-item__label[data-v-97af5152] {
  justify-content: flex-end;
}
.ui-form-item + .ui-form-item[data-v-97af5152] {
  margin-top: var(--form-item-margin, 22px);
}
.ui-form-item.is-disabled .ui-form-item__label[data-v-97af5152] {
  color: #c0c4cc;
}
.ui-form-item__label[data-v-97af5152] {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  box-sizing: border-box;
  font-size: 14px;
  color: var(--form-item-label-color, #606266);
  vertical-align: middle;
  flex-shrink: 0;
}
.ui-form--label-top .ui-form-item__label[data-v-97af5152] {
  display: block;
  text-align: left;
  width: 100%;
  margin-bottom: 8px;
}
.ui-form-item.is-required .ui-form-item__label[data-v-97af5152]:before {
  content: "*";
  color: #f56c6c;
  margin-right: 4px;
}
.ui-form-item__content[data-v-97af5152] {
  flex-grow: 1;
  position: relative;
  font-size: 14px;
  width: 100%; /* Take full width in block layout */
}
.ui-form--inline .ui-form-item__content[data-v-97af5152] {
  width: auto;
}
.ui-form-item.is-error[data-v-97af5152] .ui-input-container {
  border-color: #bb6b68 !important;
  background-image: none !important;
}
.ui-form-item.is-error[data-v-97af5152] input,
.ui-form-item.is-error[data-v-97af5152] textarea {
  border-color: #bb6b68 !important;
}
.ui-form-item__error[data-v-97af5152] {
  color: #f56c6c;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
}
.ui-form-item__error--inline[data-v-97af5152] {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  margin-left: 10px;
}
.zoom-in-top-enter-active[data-v-97af5152],
.zoom-in-top-leave-active[data-v-97af5152] {
  transition: transform 0.3s, opacity 0.3s;
  transform-origin: top;
}
.zoom-in-top-enter-from[data-v-97af5152],
.zoom-in-top-leave-to[data-v-97af5152] {
  opacity: 0;
  transform: scaleY(0);
}
@keyframes autofill-41be4f66 {
to {
    color: #ffffff;
    background: transparent;
}
}
.ui-input[data-v-41be4f66] {
  width: 100%;
  flex-shrink: 0;
  box-sizing: border-box;
}
.ui-input-title[data-v-41be4f66] {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.699);
}
.ui-input-container[data-v-41be4f66] {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 10px;
  padding: var(--input-container-padding, 10px 10px);
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.9176470588);
  fill: rgba(255, 255, 255, 0.9176470588);
  background-color: rgba(255, 255, 255, 0.1098039216);
  border: 1px solid transparent;
  position: relative;
  isolation: isolate;
  z-index: 1;
}
.ui-input-container .ui-input-container[data-v-41be4f66]::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--bg-color, rgba(255, 255, 255, 0.1098039216));
  z-index: -1;
  border-radius: 8px;
}
.ui-input-container-inner[data-v-41be4f66] {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 6px;
}
.ui-input-container-input[data-v-41be4f66] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 100%;
}
.ui-input-container--hover[data-v-41be4f66] {
  --bg-color: rgba(255, 255, 255, 0.1098039216);
  --border-color: transparent;
  background-color: var(--bg-color);
  border-color: var(--border-color);
}
.ui-input-container--focus[data-v-41be4f66] {
  --bg-color: rgba(255, 255, 255, 0.1098039216);
  --border-color: #037ee5;
  background-color: var(--bg-color);
  border-color: var(--border-color);
}
.ui-input-container--disabled[data-v-41be4f66] {
  --bg-color: rgba(255, 255, 255, 0.1098039216);
  --border-color: transparent;
  cursor: not-allowed;
  background-color: var(--bg-color) !important;
  border-color: var(--border-color) !important;
}
.ui-input-container-icon[data-v-41be4f66] {
  fill: rgba(255, 255, 255, 0.9176470588);
  color: rgba(255, 255, 255, 0.9176470588);
}
.ui-input-container-input[data-v-41be4f66] {
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  outline: none;
  color: #ffffff;
  padding: var(--input-padding, 0);
  font-size: 14px;
  /* 处理自动填充的样式 */
}
.ui-input-container-input[data-v-41be4f66]:-webkit-autofill, .ui-input-container-input[data-v-41be4f66]:-webkit-autofill:hover, .ui-input-container-input[data-v-41be4f66]:-webkit-autofill:focus, .ui-input-container-input[data-v-41be4f66]:-webkit-autofill:active {
  -webkit-text-fill-color: #ffffff !important;
  -webkit-box-shadow: 0 0 0 1000px var(--bg-color, rgba(255, 255, 255, 0.1098039216)) inset !important;
  box-shadow: 0 0 0 1000px var(--bg-color, rgba(255, 255, 255, 0.1098039216)) inset !important;
  background-clip: content-box !important;
  transition: background-color 0s !important;
  caret-color: #ffffff !important;
}
.ui-input-container-input[data-v-41be4f66] {
  /* 修改自动填充的过渡效果 */
}
.ui-input-container-input[data-v-41be4f66]:-webkit-autofill {
  animation-name: autofill-41be4f66;
  animation-fill-mode: both;
}
.ui-input-container-input[data-v-41be4f66] {
  /* 处理Firefox的自动填充 */
}
.ui-input-container-input[data-v-41be4f66]:-moz-autofill, .ui-input-container-input[data-v-41be4f66]:-moz-autofill-preview {
  background-color: var(--bg-color, rgba(255, 255, 255, 0.1098039216)) !important;
  color: #ffffff !important;
}
.ui-input-container-input[data-v-41be4f66] {
  /* 处理Edge的自动填充 */
}
.ui-input-container-input[data-v-41be4f66]:autofill {
  background-color: var(--bg-color, rgba(255, 255, 255, 0.1098039216)) !important;
  -webkit-text-fill-color: #ffffff !important;
}
.ui-input-container-input[data-v-41be4f66] {
  /* 确保背景色透明 */
  background-color: transparent !important;
}
.ui-input-container-input[data-v-41be4f66]::placeholder {
  color: rgba(255, 255, 255, 0.9176470588);
}
.ui-input-container-input[data-v-41be4f66] {
  /* 隐藏 Chrome 浏览器的密码显示按钮 */
}
.ui-input-container-input[data-v-41be4f66]::-ms-reveal, .ui-input-container-input[data-v-41be4f66]::-ms-clear {
  display: none;
}
.ui-input-container-input[data-v-41be4f66]::-webkit-contacts-auto-fill-button, .ui-input-container-input[data-v-41be4f66]::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  height: 0;
  width: 0;
  margin: 0;
}
.ui-input-container-input[data-v-41be4f66] {
  /* 隐藏 Edge 浏览器的密码显示按钮 */
}
.ui-input-container-input[data-v-41be4f66]::-webkit-textfield-decoration-container {
  visibility: hidden;
  pointer-events: none;
}
.ui-input-container-input[data-v-41be4f66]:disabled, .ui-input-container-input[disabled][data-v-41be4f66] {
  cursor: not-allowed;
  color: rgba(200, 201, 204, 0.8274509804);
}
.ui-input-container-input[data-v-41be4f66]:disabled::placeholder, .ui-input-container-input[disabled][data-v-41be4f66]::placeholder {
  color: rgba(200, 201, 204, 0.8274509804);
}
.ui-input-container-clear-icon[data-v-41be4f66] {
  cursor: pointer;
  color: #84808f;
}
.ui-input-container-clear-icon[data-v-41be4f66]:hover {
  color: #f23a3a;
}
.ui-input-container-password-icon[data-v-41be4f66] {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 8px;
}
.ui-input-container-password-icon svg[data-v-41be4f66] {
  fill: #84808f;
}
.ui-input-container-password-icon svg[data-v-41be4f66]:hover {
  fill: #3b82f6;
}
.ui-input-container-password-icon[data-v-41be4f66]:disabled, [disabled] .ui-input-container-password-icon[data-v-41be4f66] {
  cursor: not-allowed;
}
.ui-input-container-password-icon:disabled svg[data-v-41be4f66], [disabled] .ui-input-container-password-icon svg[data-v-41be4f66] {
  fill: #4d4d4d;
}
.ui-input-container-password-icon:disabled svg[data-v-41be4f66]:hover, [disabled] .ui-input-container-password-icon svg[data-v-41be4f66]:hover {
  fill: #4d4d4d;
}.ui-pop-menu-backdrop[data-v-63617680] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: var(--d95d6fc2);
  transition: background-color 0.2s ease;
}
.ui-pop-menu-backdrop--mobile[data-v-63617680] {
  background-color: rgba(0, 0, 0, 0.5);
}
.ui-pop-menu[data-v-63617680] {
  position: absolute;
  z-index: var(--d95d52dc);
  background: var(--7ec5e56c);
  border-radius: 20px;
  box-shadow: var(--8037d956);
  padding: var(--33d0c493);
  min-width: var(--73a17b5c);
  position: relative;
}
.ui-pop-menu .ui-pop-menu-item[data-v-63617680] {
  padding: var(--b0bc7600);
  color: var(--6cb42812);
  font-size: var(--344a35e1);
  transition: all 0.2s ease;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  background-color: rgba(255, 255, 255, 0.0941176471);
  border-radius: 10px;
}
.ui-pop-menu .ui-pop-menu-item[data-v-63617680]:hover {
  background: var(--3c97c979);
  color: var(--e9060f90);
}
.ui-pop-menu--mobile[data-v-63617680] {
  border-radius: 15px 15px 0 0;
  min-width: 100%;
  animation: slideUp-63617680 0.2s ease-out;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 100px;
  padding-top: 30px;
  color: #fff;
}
.ui-pop-menu--mobile .ui-pop-menu-title[data-v-63617680] {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
.ui-pop-menu--mobile .ui-pop-menu-desc[data-v-63617680] {
  width: 100%;
  font-size: 12px;
  color: #b5c8e2;
  display: flex;
  justify-content: center;
  padding: 10px 20px;
}
.ui-pop-menu--mobile .ui-pop-menu-item[data-v-63617680] {
  padding: 16px 20px;
  font-size: var(--344a35e1);
  margin-top: 10px;
}
.ui-pop-menu--mobile .ui-pop-menu-item[data-v-63617680]:last-child {
  border-bottom: none;
}
.ui-pop-menu--mobile .ui-pop-menu-item[data-v-63617680]:active {
  background: var(--3c97c979);
  color: var(--e9060f90);
}
.ui-pop-menu--mobile .ui-pop-menu-close-top[data-v-63617680] {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.1176470588);
  border-radius: 50%;
  cursor: pointer;
  z-index: 1000;
}
.ui-pop-menu--mobile .ui-pop-menu-close-bottom[data-v-63617680] {
  position: fixed;
  bottom: 20px;
  left: 15px;
  right: 15px;
}
@keyframes slideUp-63617680 {
from {
    transform: translateY(100%);
    opacity: 0;
}
to {
    transform: translateY(0);
    opacity: 1;
}
}.ui-button2[data-v-0e2401bd] {
  min-height: 40px;
  height: var(--btn2-height, 50px);
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}
.ui-button2.disabled[data-v-0e2401bd] {
  cursor: not-allowed;
}
.ui-button2.btn-down .top[data-v-0e2401bd] {
  top: 5px;
}
.ui-button2 .top[data-v-0e2401bd] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 5px);
  border-radius: var(--btn2-radius, 15px);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: var(--btn2-bg-color, #025eac);
  border-bottom: 1px solid var(--btn2-border-color, rgba(255, 255, 255, 0.1019607843));
  pointer-events: none;
  gap: var(--btn2-gap, 6px);
  color: var(--btn2-color, #fff);
  padding: var(--btn2-padding, 1px 0 0 0);
}
.ui-button2 .bottom[data-v-0e2401bd] {
  position: absolute;
  top: 5px;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: var(--btn2-radius, 15px);
  background: var(--btn2-bg-shadow, color-mix(in srgb, var(--btn2-bg-color, #025eac) 70%, black));
  pointer-events: none;
}.ui-tabs[data-v-1b6cc7df] {
  display: flex;
  min-height: 200px;
}
.ui-tabs--top[data-v-1b6cc7df] {
  flex-direction: column;
}
.ui-tabs--bottom[data-v-1b6cc7df] {
  flex-direction: column-reverse;
}
.ui-tabs--left[data-v-1b6cc7df] {
  flex-direction: row;
}
.ui-tabs--right[data-v-1b6cc7df] {
  flex-direction: row-reverse;
}
.ui-tabs .ui-tabs__header[data-v-1b6cc7df] {
  background-color: #fff;
  z-index: 1;
}
.ui-tabs .ui-tabs__header.vertical[data-v-1b6cc7df] {
  flex-direction: column;
  min-width: 200px;
  max-width: 240px;
  border-right: 1px solid #ebeef5;
}
.ui-tabs .ui-tabs__header.vertical.right[data-v-1b6cc7df] {
  border-right: none;
  border-left: 1px solid #ebeef5;
}
.ui-tabs .ui-tabs__header.horizontal[data-v-1b6cc7df] {
  width: 100%;
  min-height: 40px;
  border-bottom: 1px solid #ebeef5;
}
.ui-tabs .ui-tabs__header.horizontal.bottom[data-v-1b6cc7df] {
  border-bottom: none;
  border-top: 1px solid #ebeef5;
}
.ui-tabs .ui-tabs__nav-wrap[data-v-1b6cc7df] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ui-tabs .ui-tabs__nav-wrap.horizontal[data-v-1b6cc7df] {
  min-height: 40px;
}
.ui-tabs .ui-tabs__nav-scroll[data-v-1b6cc7df] {
  flex: 1 1 0;
  min-height: 0;
  max-height: 100%;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.ui-tabs .ui-tabs__nav-scroll.vertical[data-v-1b6cc7df] {
  overflow-x: hidden;
  overflow-y: auto;
}
.ui-tabs .ui-tabs__nav-scroll[data-v-1b6cc7df]::-webkit-scrollbar {
  height: 4px;
  width: 4px;
  background-color: #f5f5f5;
}
.ui-tabs .ui-tabs__nav-scroll[data-v-1b6cc7df]::-webkit-scrollbar-thumb {
  background-color: #e4e7ed;
  border-radius: 8px;
}
.ui-tabs .ui-tabs__nav[data-v-1b6cc7df] {
  display: flex;
}
.ui-tabs .ui-tabs__nav.vertical[data-v-1b6cc7df] {
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.ui-tabs .ui-tabs__nav.horizontal[data-v-1b6cc7df] {
  flex-direction: row;
  min-width: 100%;
  height: 100%;
  width: max-content;
}
.ui-tabs .ui-tabs__item[data-v-1b6cc7df] {
  font-size: 14px;
  color: #303133;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s;
  position: relative;
}
.ui-tabs .ui-tabs__item.vertical[data-v-1b6cc7df] {
  border-right: 1px solid transparent;
  padding: 15px 0;
  text-align: center;
  justify-content: flex-start;
}
.ui-tabs .ui-tabs__item.vertical.right[data-v-1b6cc7df] {
  border-right: none;
  border-left: 1px solid transparent;
}
.ui-tabs .ui-tabs__item.vertical.active[data-v-1b6cc7df] {
  border-right-color: #409eff;
  color: #409eff;
  font-weight: 500;
  background-color: #fff;
}
.ui-tabs .ui-tabs__item.vertical.right.active[data-v-1b6cc7df] {
  border-left-color: #409eff;
  border-right: none;
}
.ui-tabs .ui-tabs__item.horizontal[data-v-1b6cc7df] {
  padding: 0 15px;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  text-align: center;
}
.ui-tabs .ui-tabs__item.horizontal.active[data-v-1b6cc7df] {
  border-bottom-color: #409eff;
  color: #409eff;
  font-weight: 500;
  background-color: #fff;
}
.ui-tabs .ui-tabs__item.horizontal.bottom.active[data-v-1b6cc7df] {
  border-top: 1px solid #409eff;
  border-bottom: none;
}
.ui-tabs .ui-tabs__item[data-v-1b6cc7df]:hover:not(.disabled) {
  color: #409eff;
  background-color: #f5f7fa;
}
.ui-tabs .ui-tabs__item.disabled[data-v-1b6cc7df] {
  color: #c0c4cc;
  cursor: not-allowed;
  background-color: #f5f7fa;
}
.ui-tabs .ui-tabs__item-text[data-v-1b6cc7df] {
  flex: 1;
  min-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-tabs .ui-tabs__item-close[data-v-1b6cc7df] {
  width: 16px;
  transition: all 0.3s;
  color: #909399;
}
.ui-tabs .ui-tabs__item-close.vertical[data-v-1b6cc7df] {
  position: absolute;
  right: 6px;
}
.ui-tabs .ui-tabs__item-close.horizontal[data-v-1b6cc7df] {
  margin-left: 5px;
}
.ui-tabs .ui-tabs__item-close[data-v-1b6cc7df]:hover {
  color: red;
}
.ui-tabs .ui-tabs__item.add[data-v-1b6cc7df] {
  min-width: 20px !important;
  justify-content: center;
}
.ui-tabs .ui-tabs__content[data-v-1b6cc7df] {
  background-color: #fff;
  padding: 0;
  flex: 1;
  width: 100%;
}.ui-tab-pane[data-v-73e07cd9] {
  width: 100%;
}
.ui-select[data-v-357695fe] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.search-select-wrapper[data-v-357695fe] {
  width: 100%;
  border-radius: 10px;
  position: relative;
  background-color: #3e3a39;
  height: 44px;
  box-sizing: border-box;
  border: 1px solid #11ab17; /* 默认边框颜色改为绿色 */
}
.select-container[data-v-357695fe] {
  width: 100%;
  height: 100%;
}
.select-header[data-v-357695fe] {
  width: 100%;
  height: 100%;
  padding: 0 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  outline: none;
  border-radius: 10px;
}
.select-header[data-v-357695fe]:focus {
  /* box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2); */
}
.select-content[data-v-357695fe] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.select-label-container[data-v-357695fe] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.select-icon[data-v-357695fe] {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.select-label[data-v-357695fe] {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff; /* 白色文本 */
}
.select-placeholder[data-v-357695fe] {
  font-size: 14px;
  font-weight: 500;
  color: #84808f; /* 白色文本 */
}
.select-arrow-container[data-v-357695fe] {
  display: flex;
  align-items: center;
}
.select-arrow[data-v-357695fe] {
  transition: transform 0.3s ease;
  color: #ffffff; /* 白色箭头 */
}
.rotate-arrow[data-v-357695fe] {
  transform: rotate(180deg);
}
.select-dropdown[data-v-357695fe] {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 4px;
  width: 100%;
  background-color: #1e1e1e; /* 深灰色背景 */
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
  z-index: 10;
  max-height: 200px;
  overflow-y: auto;
}
.select-option[data-v-357695fe] {
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
}
.select-option[data-v-357695fe]:hover {
  background-color: rgba(255, 255, 255, 0.1); /* 轻微高亮 */
}
.select-option-active[data-v-357695fe] {
  background-color: rgba(255, 255, 255, 0.1); /* 轻微高亮 */
}
.select-option-label[data-v-357695fe] {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff; /* 白色文本 */
}

/* 自定义滚动条样式 */
.search-select-wrapper[data-v-357695fe] ::-webkit-scrollbar {
  width: 5px;
}
.search-select-wrapper[data-v-357695fe] ::-webkit-scrollbar-track {
  background: transparent;
}
.search-select-wrapper[data-v-357695fe] ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
}
.search-select-wrapper[data-v-357695fe] ::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}

/* 媒体查询 */
@media (max-width: 640px) {
.search-select-wrapper[data-v-357695fe] {
    height: 40px;
}
.select-header[data-v-357695fe] {
    padding: 0 8px;
}
.select-option[data-v-357695fe] {
    padding: 12px 16px;
}
}

/* 修改错误状态样式 */
.ui-select-container__error[data-v-357695fe] {
  border-color: #bb6b68;
  background-color: #351919;
}
.ui-select-container__hover[data-v-357695fe] {
  --input: #3e3a39;
  --input-border1: #9f453f;
  --input-border2: #ffc37c;
  --input-border3: #9f453f;
  background-clip: padding-box, border-box !important;
  background-image:
    linear-gradient(var(--input), var(--input)),
    linear-gradient(90deg, var(--input-border1) 0, var(--input-border2) 52.18%, var(--input-border3) 100%) !important;
  background-origin: border-box !important;
  border: 2px double transparent !important;
}
.ui-select-error[data-v-357695fe] {
  color: #f23a3a;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.ui-select-error-text[data-v-357695fe],
.ui-select-error-placeholder[data-v-357695fe] {
  display: block;
  height: 16px;
  line-height: 16px;
}
.ui-checkbox[data-v-06120b41] {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  transition: all 0.2s ease;
  font-weight: 500;
  background-color: transparent;
}
.ui-checkbox[data-v-06120b41]:hover {
  color: rgb(255, 255, 255);
}
.ui-checkbox:hover input[data-v-06120b41]:not(:checked) {
  border-color: rgb(255, 255, 255);
}
.ui-checkbox input[data-v-06120b41] {
  width: 14px;
  height: 14px;
  cursor: pointer;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  background-color: transparent;
  appearance: none;
  transition: all 0.2s ease;
  position: relative;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  border-color: #ffb800;
}
.ui-checkbox input[data-v-06120b41]:checked {
  background-color: #ffb800;
  border-color: #ffb800;
}
.ui-checkbox input:checked + span[data-v-06120b41] {
  color: #ffb800;
}
.ui-checkbox input[data-v-06120b41]:checked::after {
  content: "";
  position: absolute;
  left: 2.5px;
  top: -0.5px;
  width: 4px;
  height: 8px;
  border-style: solid;
  border-color: #fff;
  border-width: 0 2.5px 2.5px 0;
  transform: rotate(45deg);
}
.ui-checkbox input[data-v-06120b41]:checked:hover {
  background-color: #ffd700;
  border-color: #ffd700;
}
.ui-checkbox input:checked:hover + span[data-v-06120b41] {
  color: #ffd700;
}
.ui-checkbox input[data-v-06120b41]:hover {
  border-color: rgba(255, 255, 255, 0.9);
}
.ui-checkbox input[data-v-06120b41]:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25);
}
.ui-checkbox input[data-v-06120b41]:focus:checked {
  box-shadow: 0 0 0 2px rgba(255, 184, 0, 0.25);
}
.ui-checkbox span[data-v-06120b41] {
  line-height: 1;
  letter-spacing: 0.2px;
  position: relative;
  top: 0.5px;
  transition: color 0.2s ease;
}.demo[data-v-6aac92b9] {
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;
}
.demo .line[data-v-6aac92b9] {
  height: 1px;
  background-color: #e4e7ed;
  margin: 20px 0;
}
.demo .props[data-v-6aac92b9] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.demo .props .props-item[data-v-6aac92b9] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.demo .props .props-item .props-item-label[data-v-6aac92b9] {
  width: 100px;
}
.demo .props .props-item .props-item-value[data-v-6aac92b9] {
  flex: 1;
}.ui-card[data-v-298e7f68] {
  background-color: transparent;
  width: 100%;
  border-radius: var(--card-border-radius);
  position: relative;
  overflow: hidden;
  border: var(--card-border-width) solid var(--card-border-color);
  min-height: var(--card-min-height);
  max-height: var(--card-max-height);
  display: flex;
  flex-direction: column;
}
.ui-card.ui-card--shadow-always[data-v-298e7f68], .ui-card.ui-card--shadow-[data-v-298e7f68] {
  box-shadow: var(--card-box-shadow);
}
.ui-card.ui-card--shadow-hover[data-v-298e7f68] {
  box-shadow: none;
  transition: box-shadow 0.3s ease;
}
.ui-card.ui-card--shadow-hover[data-v-298e7f68]:hover {
  box-shadow: var(--card-box-shadow);
}
.ui-card.ui-card--shadow-never[data-v-298e7f68] {
  box-shadow: none;
}
.ui-card .ui-card__header[data-v-298e7f68] {
  background: var(--card-header-background-color);
  color: var(--card-header-text-color);
  display: flex;
  align-items: center;
  padding: var(--card-header-padding);
  overflow: hidden;
  border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
  flex-shrink: 0;
}
.ui-card .ui-card__header .ui-card__fold-btn[data-v-298e7f68] {
  cursor: pointer;
  transition: transform 0.3s ease;
}
.ui-card .ui-card__header .ui-card__fold-btn[data-v-298e7f68]:hover {
  transform: rotate(360deg);
}
.ui-card .ui-card__header .ui-card__title[data-v-298e7f68] {
  color: var(--card-title-color);
  font-size: var(--card-title-font-size);
  font-weight: var(--card-title-font-weight);
  line-height: 1;
}
.ui-card .ui-card__line[data-v-298e7f68] {
  background: var(--card-line-color);
  height: 1px;
  width: 100%;
  margin: 0 0;
  flex-shrink: 0;
}
.ui-card .ui-card__content[data-v-298e7f68] {
  padding: var(--card-content-padding);
  background-color: var(--card-content-background-color);
  overflow: auto;
  flex: 1;
}
.ui-card .ui-card__footer[data-v-298e7f68] {
  padding: var(--card-footer-padding);
  background-color: var(--card-footer-background-color);
  flex-shrink: 0;
}.components-container[data-v-d89835f8] {
  height: 100%;
}
.components-container .ui-tabs[data-v-d89835f8] {
  height: 100%;
}
.iframe-container[data-v-1e805b50] {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}
.RefFrame[data-v-1e805b50] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  overflow: hidden;
  z-index: 2;
}
.live-page[data-v-ce14c543] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  color: white;
  padding: 0 5px;
  position: relative;
  min-height: 100%;
}
.live-page .game-list[data-v-ce14c543] {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.live-page .game-list .game-list-title[data-v-ce14c543] {
  border-left: 3px solid #ffd700;
  padding: 4px 0;
  padding-left: 10px;
  font-weight: bold;
  font-size: 16px;
  color: white;
}
.live-page .game-list .game-items[data-v-ce14c543] {
  display: grid;
  grid-template-columns: repeat(var(--924176e8), minmax(0, 1fr));
  gap: 10px;
  width: 100%;
}
.live-page .game-list .game-items .game-item[data-v-ce14c543] {
  border-radius: 8px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.459);
  cursor: pointer;
}
.live-page .game-list .game-items .game-item .game-item-icon[data-v-ce14c543] {
  width: 100%;
  aspect-ratio: 1/1;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 8px;
}
.live-page .game-list .game-items .game-item .game-item-provider[data-v-ce14c543] {
  width: 100%;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.live-page .game-list .game-items .game-item .game-item-provider img[data-v-ce14c543] {
  height: 26px;
}.login-container[data-v-64017662] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.login-container .login-box[data-v-64017662] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  width: 90%;
  max-width: 440px;
  border-radius: 24px;
  position: relative;
}
.login-container .login-box .login-title[data-v-64017662] {
  text-align: center;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  position: relative;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.login-container .login-box .login-form[data-v-64017662] {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
  margin-top: 30px;
}
.login-container .login-box .login-form .login-btn[data-v-64017662] {
  width: 100%;
  height: 48px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 50px !important;
}
.login-container .login-box .login-lang[data-v-64017662] {
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 2;
}
.login-container .login-box .login-lang .lang-icon[data-v-64017662] {
  position: relative;
  color: #3b82f6;
  background-color: transparent;
  padding: 6px;
  border-radius: 50px;
  cursor: pointer;
}
.login-container .login-box .login-lang .lang-icon[data-v-64017662]:hover {
  background-color: rgba(0, 0, 0, 0.055);
}
[data-v-64017662] .language-option {
  padding: 10px 16px;
  color: #475569;
  font-size: 14px;
  transition: all 0.2s ease;
  cursor: pointer;
}
[data-v-64017662] .language-option:hover {
  background: #f8fafc;
  color: #1e293b;
}.mail-detail-box[data-v-f8b9e5e3] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mail-detail-box .content[data-v-f8b9e5e3] {
  min-width: 400px;
}
.mail-detail-box .send-time[data-v-f8b9e5e3] {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  font-size: 12px;
  color: #6d6d6d;
  margin-top: 20px;
}.pagination[data-v-eb7f732a] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--pagination-gap, 8px);
}
.pagination-arrow[data-v-eb7f732a] {
  border-radius: var(--pagination-item-border-radius, 4px);
  background: var(--pagination-item-bg, #f0f2f5);
  border: 1px solid var(--pagination-item-border, #f0f2f5);
  width: var(--pagination-item-width, 32px);
  height: var(--pagination-item-height, 32px);
  color: var(--pagination-item-color, #666);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
.pagination-arrow[data-v-eb7f732a]:hover:not(.disabled) {
  background: var(--pagination-item-hover-bg, #e6e8eb);
}
.pagination-arrow.disabled[data-v-eb7f732a] {
  color: var(--pagination-item-disabled-color, #8a8a8a);
  pointer-events: none;
  cursor: not-allowed;
}
.pagination-item[data-v-eb7f732a] {
  border-radius: var(--pagination-item-border-radius, 4px);
  background: var(--pagination-item-bg, #f0f2f5);
  border: 1px solid var(--pagination-item-border, #f0f2f5);
  width: var(--pagination-item-width, 32px);
  height: var(--pagination-item-height, 32px);
  color: var(--pagination-item-color, #666);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: var(--pagination-item-font-size, 14px);
  transition: all 0.2s ease;
}
.pagination-item[data-v-eb7f732a]:hover {
  background: var(--pagination-item-hover-bg, #e6e8eb);
}
.pagination-item.active[data-v-eb7f732a] {
  background: var(--pagination-item-active-bg, #1890ff);
  border-color: var(--pagination-item-active-border, #1890ff);
  color: var(--pagination-item-active-color, #fff);
}
.pagination-ellipsis[data-v-eb7f732a] {
  border-radius: var(--pagination-item-border-radius, 4px);
  background: var(--pagination-item-bg, #f0f2f5);
  border: 1px solid var(--pagination-item-border, #f0f2f5);
  width: var(--pagination-item-width, 32px);
  height: var(--pagination-item-height, 32px);
  color: var(--pagination-item-color, #666);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--pagination-item-font-size, 14px);
  pointer-events: none;
}.mail-list[data-v-9bb250ac] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: var(--mail-list-min-width, 500px);
  max-width: var(--mail-list-max-width, 90vh);
  position: relative;
}
.mail-list .mail-list-box[data-v-9bb250ac] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
  min-height: var(--mail-list-min-height, 200px);
  max-height: var(--mail-list-max-height, 400px);
  overflow-y: auto;
}
.mail-list .mail-list-box .mail-item[data-v-9bb250ac] {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  padding: 8px 12px;
  border-radius: 4px;
  cursor: pointer;
}
.mail-list .mail-list-box .mail-item .mail-item-title[data-v-9bb250ac] {
  color: black;
}
.mail-list .mail-list-box .mail-item .mail-item-reddot-box[data-v-9bb250ac] {
  width: 10px;
  position: relative;
}
.mail-list .mail-list-box .mail-item .mail-item-reddot-box .mail-item-reddot[data-v-9bb250ac] {
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
  background-color: red;
  border-radius: 50%;
}
.mail-list .mail-list-box .mail-item .mail-item-time[data-v-9bb250ac] {
  margin-left: auto;
  font-size: 12px;
  color: #999;
}
.mail-list .mail-list-box .mail-item .mail-item-arrow[data-v-9bb250ac] {
  color: #999;
  margin-left: 4px;
}
.mail-list .mail-list-box .mail-item[data-v-9bb250ac]:hover {
  background-color: #f0f0f0;
}
.mail-list .mail-pagination[data-v-9bb250ac] {
  margin-top: 4px;
}.recharge {
  color: white;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.recharge .types {
  display: flex;
  gap: 10px;
}
.recharge .types .type {
  display: flex;
  background-color: transparent;
  padding: 6px 12px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.281);
  font-weight: bold;
  cursor: pointer;
}
.recharge .types .type.active {
  background-color: white;
  border-color: transparent;
  color: #181c18;
}
.no-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 20px;
  text-align: center;
  color: #999;
  margin-top: 20vh;
}.ui-image-upload[data-v-a961718c] {
  width: 100%;
}
.ui-image-upload-title[data-v-a961718c] {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.699);
  margin-bottom: 6px;
}
.ui-image-upload-container[data-v-a961718c] {
  width: 100%;
}
.ui-image-upload-preview[data-v-a961718c] {
  position: relative;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.ui-image-upload-preview-container[data-v-a961718c] {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}
.ui-image-upload-preview-container:hover .ui-image-upload-preview-overlay[data-v-a961718c] {
  opacity: 1;
}
.ui-image-upload-preview-img[data-v-a961718c] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ui-image-upload-preview-overlay[data-v-a961718c] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.ui-image-upload-delete-btn[data-v-a961718c] {
  background: rgba(255, 255, 255, 0.9);
  border: none;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.ui-image-upload-delete-btn[data-v-a961718c]:hover {
  background: rgb(255, 255, 255);
}
.ui-image-upload-upload-area[data-v-a961718c] {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  border: 2px dashed rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.ui-image-upload-upload-area[data-v-a961718c]:hover {
  border-color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.05);
}
.ui-image-upload-input[data-v-a961718c] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.ui-image-upload-placeholder[data-v-a961718c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  pointer-events: none;
}
.ui-image-upload-icon[data-v-a961718c] {
  color: rgba(255, 255, 255, 0.5);
}
.ui-image-upload-text[data-v-a961718c] {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
}.bank-recharge .row[data-v-744bae3a] {
  display: flex;
  gap: 6px;
  width: 100%;
}
.bank-recharge .row .ui-button2[data-v-744bae3a] {
  flex: 1;
}
.bank-recharge .row + .row[data-v-744bae3a] {
  margin-top: 8px;
}.usdt-recharge .row[data-v-5fd5820c] {
  display: flex;
  gap: 6px;
  width: 100%;
}
.usdt-recharge .row .ui-button2[data-v-5fd5820c] {
  flex: 1;
}
.usdt-recharge .row + .row[data-v-5fd5820c] {
  margin-top: 8px;
}
.web-content[data-v-e6883b28] {
  width: 100%;
  min-height: 30px;
  position: relative;
}

.order-container[data-v-4646acd6] {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
  line-height: 1.6;
  padding: 10px;
  max-width: 500px;
  min-height: 400px;
  margin: 0 auto;
  background-color: #f5f5f5;
  position: relative;
  border-radius: 8px;

  text-align: left;
}
.close-button {
&[data-v-4646acd6] {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  color: #000;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  }
&[data-v-4646acd6]:hover {
    color: #e53e3e;
}
}
h1[data-v-4646acd6] {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}
.error-message[data-v-4646acd6] {
  color: #e53e3e;
  background-color: #fff;
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.loading-message[data-v-4646acd6] {
  text-align: center;
  color: #666;
  margin-top: 20px;
}

/* 金额卡片样式 */
.amount-card[data-v-4646acd6] {
  background-color: #fff;
  border-radius: 12px;
  padding: 10px 15px;
  margin-bottom: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.amount[data-v-4646acd6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.amount-value[data-v-4646acd6] {
  font-size: 24px;
  font-weight: bold;
  color: #000;
}
.network-info[data-v-4646acd6] {
  color: #444;
  font-size: 13px;
}
.network-line[data-v-4646acd6] {
  margin-bottom: 6px;
  font-weight: 500;
}
.fee-info[data-v-4646acd6] {
  display: flex;
  align-items: flex-start;
  color: #666;
  font-size: 12px;
}
.need-pay-more-info {
&[data-v-4646acd6] {
  display: flex;
  align-items: flex-start;
  color: #c90f02;
  font-size: 12px;
  }
svg[data-v-4646acd6] {
    margin-top: 2px;
    margin-right: 3px;
    flex-shrink: 0; /* Prevent icon from shrinking */
}
}
.error-money-text[data-v-4646acd6] {
  color: #c90f02; /* Orange color for warning */
  flex-grow: 1; /* Allow text to take available space */
  display: inline-block; /* Treat span as a block for alignment */
}
.fee-info svg[data-v-4646acd6] {
  margin-top: 2px;
  margin-right: 3px;
  flex-shrink: 0; /* Prevent icon from shrinking */
}
.fee-warning-text[data-v-4646acd6] {
  color: #c97602; /* Orange color for warning */
  flex-grow: 1; /* Allow text to take available space */
  display: inline-block; /* Treat span as a block for alignment */
}
.help-icon[data-v-4646acd6] {
  margin-left: 5px;
  color: #999;
}

/* 订单详情卡片样式 */
.order-info-card[data-v-4646acd6] {
  background-color: #fff;
  border-radius: 12px;
  padding: 10px 15px;
  margin-bottom: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.card-title[data-v-4646acd6] {
  font-size: 15px;
  font-weight: 500;
  color: #333;
  margin-bottom: 12px;
}
.info-row[data-v-4646acd6] {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  border-bottom: 1px solid #f0f0f0;
  align-items: center;
}
.info-row[data-v-4646acd6]:last-child {
  border-bottom: none;
}
.info-label[data-v-4646acd6] {
  color: #666;
  font-size: 13px;
}
.info-value[data-v-4646acd6] {
  color: #333;
  font-weight: 500;
  font-size: 13px;
  text-align: right;
  word-break: break-all;
}

/* 钱包地址卡片样式 */
.wallet-card[data-v-4646acd6] {
  background-color: #fff;
  border-radius: 12px;
  padding: 15px;
  margin-bottom: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.qr-section-horizontal[data-v-4646acd6] {
  display: flex;
  align-items: flex-start;
}
.qr-code-small[data-v-4646acd6] {
  width: 130px;
  height: 130px;
  background-color: #f9f9f9;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  overflow: hidden;
  flex-shrink: 0;
}
.qr-placeholder-small[data-v-4646acd6] {
  color: #999;
  font-size: 10px;
  text-align: center;
}
.wallet-info-horizontal[data-v-4646acd6] {
  flex-grow: 1;
}
.wallet-label[data-v-4646acd6] {
  color: #666;
  font-size: 13px;
  margin-bottom: 6px;
}

/* 容器用于地址文本和复制按钮 */
.wallet-address-container[data-v-4646acd6] {
  position: relative;
  background-color: #f9f9f9;
  padding: 10px;
  padding-right: 30px;
  border-radius: 8px;
  word-break: break-all;
  min-height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.address-text-full[data-v-4646acd6] {
  font-family: monospace;
  color: #000;
  font-size: 13px;
  display: block;
}
.copy-address-button[data-v-4646acd6] {
  position: absolute;
  bottom: 5px;
  right: 5px;
  padding: 3px;
  z-index: 1;
}

/* 倒计时卡片样式 */
.timer-card[data-v-4646acd6] {
  background-color: #fff;
  border-radius: 12px;
  padding: 10px 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  margin-bottom: 12px; /* Add margin below the timer card */
}
.link-check-container[data-v-4646acd6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  gap: 15px;
  background-color: #444;
}

/* 活跃倒计时布局 (圆环在左，信息在右) */
.active-timer-layout[data-v-4646acd6] {
  display: flex;
  align-items: center; /* Vertically align circle and text block */
  justify-content: flex-start; /* Align items to the start (left) */
  border-right: 1px solid #eaeaea;
  padding-right: 15px;
}
.timer-container-circle[data-v-4646acd6] {
  /* Adjusted size for the circle container */
  width: 40px;
  height: 40px;
  margin-right: 15px; /* Space between circle and text */
  flex-shrink: 0;
}
.timer-circle[data-v-4646acd6] {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.timer-bg[data-v-4646acd6] {
  fill: none;
  stroke: #f0f0f0;
  stroke-width: 3;
}
.timer-progress[data-v-4646acd6] {
  fill: none;
  stroke-width: 3;
  stroke-linecap: round;
  transition: stroke-dasharray 0.3s ease;
}
.timer-info-right[data-v-4646acd6] {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Align label and time to the left within this column */
}
.timer-label[data-v-4646acd6] {
  color: #666;
  font-size: 13px;
  text-align: left;
}
.timer-time-display[data-v-4646acd6] {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* Align dot and time to the left */
}
.timer-display[data-v-4646acd6] {
  font-size: 14px;
  font-weight: bold;
}

/* 过期状态布局 */
.timer-expired-layout[data-v-4646acd6] {
  display: flex;
  flex-direction: column;
  align-items: center; /* Center content vertically */
  justify-content: center;
  width: 100%;
}

/* 订单过期时的文本样式 */
.timer-expired-message[data-v-4646acd6] {
  font-size: 14px; /* Adjust font size */
  font-weight: bold;
  color: #e53e3e; /* Use red color */
  text-align: center;
  display: flex; /* Align dot and text horizontally */
  align-items: center;
}

/* 通用按钮样式 */
.icon-button[data-v-4646acd6] {
  background: transparent;
  border: none;
  color: #666;
  cursor: pointer;
  padding: 3px;
}
.icon-button[data-v-4646acd6]:hover {
  color: #333;
}
.icon-button svg[data-v-4646acd6] {
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

/* 确保长汇率值也能换行 */
.info-value[data-v-4646acd6] {
  word-break: break-all;
}

/* 订单操作按钮容器 */
.order-actions[data-v-4646acd6] {
  display: flex;
  gap: 10px; /* Add space between buttons */
  width: 100%; /* Ensure container takes full width */
  margin-top: 15px; /* Add some space above the buttons */
}

/* 通用按钮样式 */
.btn[data-v-4646acd6] {
  padding: 10px 15px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  width: 50%;
  flex-grow: 1; /* Allow buttons to grow and fill the container */
  border: none;
  transition: background-color 0.3s ease, opacity 0.3s ease;
}
.btn[data-v-4646acd6]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* 主按钮样式 */
.confirm-button[data-v-4646acd6] {
  background-color: #28a745; /* Green color for confirmation */
  color: #fff;
  position: relative;
}
.confirm-button[data-v-4646acd6]:hover:not(:disabled) {
  background-color: #218838;
}

/* 次要按钮样式 */
.cancel-button[data-v-4646acd6] {
  background-color: #dc3545; /* Red color for cancellation */
  color: #fff;
}
.cancel-button[data-v-4646acd6]:hover:not(:disabled) {
  background-color: #c82333;
}

/* 全局加载指示器样式 */
.loading-overlay[data-v-4646acd6] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2000;
}
.loading-content[data-v-4646acd6] {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 旋转指示器样式 */
.spinner[data-v-4646acd6] {
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-top: 4px solid #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin-4646acd6 1s linear infinite;
}
@keyframes spin-4646acd6 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}

/* 新增进度条和成功状态的样式 */
.order_status_container[data-v-4646acd6] {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.progress-steps[data-v-4646acd6] {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between; /* Adjust spacing */
}
.step[data-v-4646acd6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 0; /* Prevent steps from growing */
  text-align: center;
}
.circle[data-v-4646acd6] {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #e0e0e0; /* Default grey */
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 3px;
  transition: background-color 0.3s ease;
}
.step.active .circle[data-v-4646acd6] {
  background-color: #007bff; /* Active blue */
}
.step.completed .circle[data-v-4646acd6] {
  background-color: #28a745; /* Completed green */
}
.step.failed .circle[data-v-4646acd6] {
  background-color: #e53e3e; /* Completed green */
}
.label[data-v-4646acd6] {
  font-size: 11px;
  color: #666;
}
.line[data-v-4646acd6] {
  flex-grow: 1; /* Lines take up space between steps */
  height: 2px;
  background-color: #e0e0e0; /* Default grey */
  margin: 0 5px; /* Space around lines */
  transition: background-color 0.3s ease;
}
.line.completed[data-v-4646acd6] {
  background-color: #28a745; /* Completed green */
}
.order-success-message[data-v-4646acd6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #28a745; /* Green for success */
}
.success-icon[data-v-4646acd6] {
  color: #28a745; /* Green icon */
  margin-bottom: 4px;
}
.message-text[data-v-4646acd6] {
  font-size: 14px;
  font-weight: bold;
}
.success-time[data-v-4646acd6] {
  font-size: 12px;
  color: #666;
}
.order-status-message[data-v-4646acd6] {
  text-align: center;
  color: #e53e3e; /* Red for invalid/timeout/cancel */
  font-weight: bold;
}

/* 确保订单状态消息在进度条或成功消息不显示时居中 */
.order_status_container > .order-status-message[data-v-4646acd6] {
  margin-top: 0; /* Remove top margin if it was added elsewhere */
}

/* 新增：手动确认转账提示样式 */
.manual-confirm-hint[data-v-4646acd6] {
  font-size: 12px;
  color: #666;
  text-align: left; /* Align text to the left */
  margin-top: 10px;
  border: 1px solid #777777; /* Add red border */
  border-radius: 8px; /* Add border radius */
  padding: 10px 15px; /* Adjust padding */
  background-color: #fff; /* Add white background */
}
.order-status[data-v-4646acd6] {
  font-size: 14px;
  color: #000;
  width: 100%;
}

.qr-image {
  width: 100%;
  height: 100%;
  /* object-fit: contain; */
  display: flex;
img {
    width: 100%;
    height: 100%;
}
}

.slots-page[data-v-ecf806bf] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  color: white;
  padding: 0 5px;
  position: relative;
  min-height: 100%;
}
.slots-page .providers[data-v-ecf806bf] {
  display: inline-flex;
  overflow-x: auto;
  max-width: 100%;
  background-color: transparent;
  border: 1px solid white;
  border-radius: 5px;
  height: 32px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.slots-page .providers[data-v-ecf806bf]::-webkit-scrollbar {
  display: none;
}
.slots-page .providers .provider-item[data-v-ecf806bf] {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  transition: background-color 0.2s ease;
  padding: 0 12px;
  white-space: nowrap;
  flex-shrink: 0;
  flex: 1;
  cursor: pointer;
}
.slots-page .providers .provider-item img[data-v-ecf806bf] {
  object-fit: contain;
  height: 24px;
  width: auto;
  filter: brightness(1000%);
}
.slots-page .providers .provider-item.selected[data-v-ecf806bf] {
  background-color: white;
}
.slots-page .providers .provider-item.selected img[data-v-ecf806bf] {
  filter: brightness(0);
}
.slots-page .popular-games[data-v-ecf806bf] {
  margin-top: 15px;
}
.slots-page .popular-games .popular-game-title[data-v-ecf806bf] {
  border-left: 3px solid #ffd700;
  padding: 4px 0;
  padding-left: 10px;
  font-weight: bold;
  font-size: 16px;
  color: white;
}
.slots-page .popular-games .popular-game-list[data-v-ecf806bf] {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-top: 10px;
  overflow-x: auto;
  scrollbar-width: none; /* Firefox 隐藏滚动条 */
  -ms-overflow-style: none; /* IE 和 Edge 隐藏滚动条 */
}
.slots-page .popular-games .popular-game-list[data-v-ecf806bf]::-webkit-scrollbar {
  display: none; /* Chrome、Safari 隐藏滚动条 */
}
.slots-page .popular-games .popular-game-list .popular-game-item[data-v-ecf806bf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.459);
  cursor: pointer;
}
.slots-page .popular-games .popular-game-list .popular-game-item .popular-game-item-icon[data-v-ecf806bf] {
  height: 120px;
}
.slots-page .popular-games .popular-game-list .popular-game-item .popular-game-item-provider[data-v-ecf806bf] {
  width: 100%;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slots-page .popular-games .popular-game-list .popular-game-item .popular-game-item-provider img[data-v-ecf806bf] {
  height: 24px;
}
.slots-page .game-list[data-v-ecf806bf] {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.slots-page .game-list .game-list-title[data-v-ecf806bf] {
  border-left: 3px solid #ffd700;
  padding: 4px 0;
  padding-left: 10px;
  font-weight: bold;
  font-size: 16px;
  color: white;
}
.slots-page .game-list .game-items[data-v-ecf806bf] {
  display: grid;
  grid-template-columns: repeat(var(--c99a1d70), minmax(0, 1fr));
  gap: 10px;
  width: 100%;
}
.slots-page .game-list .game-items .game-item[data-v-ecf806bf] {
  border-radius: 8px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.459);
  cursor: pointer;
}
.slots-page .game-list .game-items .game-item .game-item-icon[data-v-ecf806bf] {
  width: 100%;
  aspect-ratio: 1/1;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 8px;
}
.slots-page .game-list .game-items .game-item .game-item-provider[data-v-ecf806bf] {
  width: 100%;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slots-page .game-list .game-items .game-item .game-item-provider img[data-v-ecf806bf] {
  height: 26px;
}
.user-info[data-v-a34c1ede] {
  columns: 3;
  column-gap: 20px;
  position: relative;
  min-height: 100%;
  padding: 20px;
}
.user-info .info-card[data-v-a34c1ede] {
  break-inside: avoid;
  margin-bottom: 20px;
  display: block;
}
.user-info .info-item[data-v-a34c1ede] {
  padding: 20px;
  font-size: 15px;
  line-height: 1.6;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s ease;
  position: relative;
  display: flex;
  width: 100%;
  overflow: hidden;
  justify-content: space-between;
}
.user-info .info-item .title[data-v-a34c1ede] {
  color: #475569;
  flex: none;
  font-weight: 500;
}
.user-info .info-item .value[data-v-a34c1ede] {
  color: #1e293b;
  font-weight: 500;
  flex: 1;
  text-align: right;
  opacity: 0.9;
  text-wrap: nowrap;
}
.user-info .info-item[data-v-a34c1ede]:hover {
  background-color: #f4f6f9;
}

/* 响应式设计 */
@media (max-width: 850px) {
.user-info[data-v-a34c1ede] {
    columns: 1;
    column-gap: 15px;
    padding: 15px;
}
}
@media (min-width: 1024px) and (max-width: 1240px) {
.user-info[data-v-a34c1ede] {
    columns: 2;
    column-gap: 18px;
}
}
@media (min-width: 1241px) {
.user-info[data-v-a34c1ede] {
    columns: 3;
    column-gap: 24px;
}
}
.user-info-account[data-v-8a23da49] {
  display: flex;
}
.user-info[data-v-8a23da49] {
  columns: 3;
  column-gap: 20px;
  position: relative;
  min-height: 100%;
  padding: 20px;
}
.user-info .info-card[data-v-8a23da49] {
  break-inside: avoid;
  margin-bottom: 20px;
  display: block;
}
.user-info .info-item[data-v-8a23da49] {
  padding: 20px;
  font-size: 15px;
  line-height: 1.6;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s ease;
  position: relative;
  display: flex;
  width: 100%;
  overflow: hidden;
  justify-content: space-between;
}
.user-info .info-item .title[data-v-8a23da49] {
  color: #475569;
  flex: none;
  font-weight: 500;
}
.user-info .info-item .value[data-v-8a23da49] {
  color: #1e293b;
  font-weight: 500;
  flex: 1;
  text-align: right;
  opacity: 0.9;
  text-wrap: nowrap;
}
.user-info .info-item[data-v-8a23da49]:hover {
  background-color: #f4f6f9;
}

/* 响应式设计 */
@media (max-width: 850px) {
.user-info[data-v-8a23da49] {
    columns: 1;
    column-gap: 15px;
    padding: 15px;
}
}
@media (min-width: 1024px) and (max-width: 1240px) {
.user-info[data-v-8a23da49] {
    columns: 2;
    column-gap: 18px;
}
}
@media (min-width: 1241px) {
.user-info[data-v-8a23da49] {
    columns: 3;
    column-gap: 24px;
}
}.wallet-page[data-v-bcf4647e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  height: 100%;
}
.wallet-page .wallet-title[data-v-bcf4647e] {
  font-size: 18px;
  font-weight: bold;
}
.wallet-page .wallet-balance-box[data-v-bcf4647e] {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #3d4152;
  border-radius: 10px;
  padding: 10px;
  gap: 10px;
}
.wallet-page .wallet-balance-box .wallet-balance-value[data-v-bcf4647e] {
  background-color: rgba(61, 65, 82, 0.5764705882);
  border-radius: 10px;
  padding: 16px;
  font-size: 18px;
  font-weight: bold;
}
.wallet-page .wallet-record-box[data-v-bcf4647e] {
  margin-top: 20px;
  width: 100%;
  flex: 1;
  position: relative;
}
.wallet-page .wallet-record-box .wallet-records[data-v-bcf4647e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 600px;
}
.wallet-page .wallet-record-box .wallet-records .wallet-record-item[data-v-bcf4647e] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  background-color: rgba(255, 255, 255, 0.0901960784);
  border-radius: 10px;
  padding: 10px;
  position: relative;
}
.wallet-page .wallet-record-box .wallet-records .wallet-record-item.pendding[data-v-bcf4647e] {
  border: 2px solid #ffb800;
}
.wallet-page .wallet-record-box .wallet-records .wallet-record-item .wallet-record-item-channel[data-v-bcf4647e] {
  width: 45px;
  height: 45px;
  background-color: rgba(255, 255, 255, 0.0901960784);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wallet-page .wallet-record-box .wallet-records .wallet-record-item .column[data-v-bcf4647e] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
}
.wallet-page .wallet-record-box .wallet-records .wallet-record-item .column .wallet-record-item-time[data-v-bcf4647e] {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4509803922);
}
.wallet-page .wallet-record-box .wallet-records .wallet-record-item .column .wallet-record-item-type-box[data-v-bcf4647e] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.wallet-page .wallet-record-box .wallet-records .wallet-record-item .column .wallet-record-item-type-box .wallet-record-item-type[data-v-bcf4647e] {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.7725490196);
}
.wallet-page .wallet-record-box .wallet-records .wallet-record-item .column .wallet-record-item-type-box .wallet-record-item-amount[data-v-bcf4647e] {
  margin-left: auto;
  color: rgba(255, 255, 255, 0.7725490196);
  font-size: 16px;
}
.wallet-page .wallet-record-box .wallet-records .wallet-record-item .wallet-record-item-status[data-v-bcf4647e] {
  margin-left: auto;
  border-left: 1px solid rgba(255, 255, 255, 0.0901960784);
  min-height: 24px;
  padding: 0 10px 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 100px;
}
.wallet-page .wallet-record-box .wallet-records .wallet-record-item .wallet-record-item-status .click-tip[data-v-bcf4647e] {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.7725490196);
}.recharge {
  color: white;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.recharge .types {
  display: flex;
  gap: 10px;
}
.recharge .types .type {
  display: flex;
  background-color: transparent;
  padding: 6px 12px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.281);
  font-weight: bold;
  cursor: pointer;
}
.recharge .types .type.active {
  background-color: white;
  border-color: transparent;
  color: #181c18;
}
.no-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 20px;
  text-align: center;
  color: #999;
  margin-top: 20vh;
}.bank-withdraw .row[data-v-374e0383] {
  display: flex;
  gap: 6px;
  width: 100%;
}
.bank-withdraw .row .ui-button2[data-v-374e0383] {
  flex: 1;
}
.bank-withdraw .your-bank[data-v-374e0383] {
  border-left: 3px solid #ffd700;
  padding: 4px 0;
  padding-left: 10px;
  font-weight: bold;
  font-size: 16px;
  color: white;
  margin-top: 20px;
  margin-bottom: 10px;
}
.bank-withdraw .row + .row[data-v-374e0383] {
  margin-top: 8px;
}.bank-withdraw .row[data-v-54b8f71f] {
  display: flex;
  gap: 6px;
  width: 100%;
}
.bank-withdraw .row .ui-button2[data-v-54b8f71f] {
  flex: 1;
}
.bank-withdraw .your-bank[data-v-54b8f71f] {
  border-left: 3px solid #ffd700;
  padding: 4px 0;
  padding-left: 10px;
  font-weight: bold;
  font-size: 16px;
  color: white;
  margin-top: 20px;
  margin-bottom: 10px;
}
.bank-withdraw .row + .row[data-v-54b8f71f] {
  margin-top: 8px;
}