@charset "UTF-8";
.ui-loading[data-v-77f7b80b] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.2s ease;
	border-radius: inherit;
	overflow: hidden;
	z-index: 999;
}
.ui-loading-mask[data-v-77f7b80b] {
	background-color: #0000002a;
	-webkit-backdrop-filter: blur(7.5px);
	backdrop-filter: blur(7.5px);
}
.ui-loading-content[data-v-77f7b80b] {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.loading-fade[data-v-77f7b80b] {
	opacity: 0;
	pointer-events: none;
}
.lds-ellipsis[data-v-77f7b80b] {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-ellipsis div[data-v-77f7b80b] {
	position: absolute;
	top: 33px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div[data-v-77f7b80b]:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1-77f7b80b 0.6s infinite;
}
.lds-ellipsis div[data-v-77f7b80b]:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2-77f7b80b 0.6s infinite;
}
.lds-ellipsis div[data-v-77f7b80b]:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2-77f7b80b 0.6s infinite;
}
.lds-ellipsis div[data-v-77f7b80b]:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3-77f7b80b 0.6s infinite;
}
@keyframes lds-ellipsis1-77f7b80b {
0% {
		transform: scale(0);
}
100% {
		transform: scale(1);
}
}
@keyframes lds-ellipsis3-77f7b80b {
0% {
		transform: scale(1);
}
100% {
		transform: scale(0);
}
}
@keyframes lds-ellipsis2-77f7b80b {
0% {
		transform: translate(0, 0);
}
100% {
		transform: translate(24px, 0);
}
}

.ui-icon-svg-container[data-v-7830a0f3] {
	overflow: visible;
	/* 优化渲染质量 */
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	/* 确保SVG清晰显示 */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ui-icon-svg-container svg[data-v-7830a0f3] {
	/* SVG元素渲染优化 */
	shape-rendering: geometricPrecision;
	image-rendering: crisp-edges;
	text-rendering: geometricPrecision;
	/* 防止模糊 */
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.ui-dialog-mask[data-v-6f11f6b8] {
  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-6f11f6b8] {
  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-6f11f6b8]:after, .ui-dialog[data-v-6f11f6b8]: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-6f11f6b8] {
  width: 100%;
  min-height: 120px;
  overflow: visible;
  display: flex;
  flex-direction: column;
  position: relative;
}
.ui-dialog-title[data-v-6f11f6b8] {
  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-6f11f6b8] {
  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-6f11f6b8]:hover {
  color: #57a9fe;
}
.ui-dialog-content[data-v-6f11f6b8] {
  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(--v50421a83));
  align-items: var(--dialog-content-align-items, var(--v43defaeb));
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box !important;
}
.ui-dialog-content-inner[data-v-6f11f6b8] {
  text-wrap: wrap;
}
.ui-dialog-content-slot[data-v-6f11f6b8] {
  width: 100%; /* 确保内容宽度适应滚动区域 */
  box-sizing: border-box; /* 确保子元素适配滚动区域的宽度 */
  flex-shrink: 0;
}
.ui-dialog-footer[data-v-6f11f6b8] {
  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-6f11f6b8],
.ui-dialog-footer .ui-dialog-submit-btn[data-v-6f11f6b8] {
  flex: 1;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.ui-dialog-footer .ui-dialog-cancel-btn[data-v-6f11f6b8] {
  color: var(--dialog-cancel-btn-color, #be0000);
}
.ui-dialog-footer .ui-dialog-cancel-btn[data-v-6f11f6b8]:hover {
  background-color: var(--dialog-btn-hover-bg, #f4f6f9);
}
.ui-dialog-footer .ui-dialog-submit-btn[data-v-6f11f6b8] {
  color: var(--dialog-submit-btn-color, #1989fa);
}
.ui-dialog-footer .ui-dialog-submit-btn[data-v-6f11f6b8]:hover {
  background-color: var(--dialog-btn-hover-bg, #f4f6f9);
}
.fade-enter-active[data-v-6f11f6b8],
.fade-leave-active[data-v-6f11f6b8] {
  transition: opacity 0.2s;
}
.fade-enter-from[data-v-6f11f6b8],
.fade-leave-to[data-v-6f11f6b8] {
  opacity: 0;
}
.is_mobile[data-v-6f11f6b8] {
  min-width: 80% !important;
  max-width: 94% !important;
}
.toast-notification[data-v-3ed66ce5] {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--toast-gap);
  width: var(--toast-width);
  min-height: var(--toast-min-height);
  max-height: var(--toast-max-height);
  padding: var(--toast-padding);
  border-radius: var(--toast-border-radius);
  background: var(--toast-bg);
  box-shadow: var(--toast-box-shadow);
  overflow: hidden;
  box-sizing: border-box;
  /* 背景装饰 */
}
.toast-notification .toast-decoration[data-v-3ed66ce5] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
  /* 左上角椭圆光效 */
}
.toast-notification .toast-decoration .toast-decoration-ellipse[data-v-3ed66ce5] {
  position: absolute;
  left: var(--toast-decoration-ellipse-left);
  top: var(--toast-decoration-ellipse-top);
  width: var(--toast-decoration-ellipse-size);
  height: var(--toast-decoration-ellipse-size);
  border-radius: 50%;
  background: var(--toast-decoration-ellipse-bg);
  opacity: var(--toast-decoration-ellipse-opacity);
}
.toast-notification .toast-decoration[data-v-3ed66ce5] {
  /* 底部进度条 */
}
.toast-notification .toast-decoration .toast-decoration-progress[data-v-3ed66ce5] {
  position: absolute;
  left: var(--toast-decoration-progress-left);
  top: var(--toast-decoration-progress-top);
  width: var(--toast-decoration-progress-width);
  height: var(--toast-decoration-progress-height);
  border-radius: var(--toast-decoration-progress-radius);
  opacity: var(--toast-decoration-progress-opacity);
  transform-origin: left center;
  /* 双层效果：模糊层 + 实心层 */
}
.toast-notification .toast-decoration .toast-decoration-progress[data-v-3ed66ce5]::before, .toast-notification .toast-decoration .toast-decoration-progress[data-v-3ed66ce5]::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--toast-decoration-progress-bg);
  border-radius: inherit;
}
.toast-notification .toast-decoration .toast-decoration-progress[data-v-3ed66ce5] {
  /* 模糊层 */
}
.toast-notification .toast-decoration .toast-decoration-progress[data-v-3ed66ce5]::before {
  filter: blur(2px);
}
.toast-notification .toast-decoration .toast-decoration-progress[data-v-3ed66ce5] {
  /* 实心层在上面 */
}
.toast-notification .toast-decoration .toast-decoration-progress[data-v-3ed66ce5]::after {
  z-index: 1;
}
.toast-notification .toast-decoration .toast-decoration-progress[data-v-3ed66ce5] {
  /* 动画：宽度从 100% 缩减到 0 */
}
.toast-notification .toast-decoration .toast-decoration-progress--animated[data-v-3ed66ce5] {
  animation: toast-progress-3ed66ce5 var(--toast-duration) linear forwards;
}
.toast-notification .toast-decoration .toast-decoration-progress[data-v-3ed66ce5] {
  /* 暂停动画 */
}
.toast-notification .toast-decoration .toast-decoration-progress--paused[data-v-3ed66ce5] {
  animation-play-state: paused !important;
}
@keyframes toast-progress-3ed66ce5 {
from {
    transform: scaleX(1);
}
to {
    transform: scaleX(0);
}
}
.toast-notification[data-v-3ed66ce5] {
  /* 图标容器 */
}
.toast-notification .toast-icon[data-v-3ed66ce5] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: var(--toast-icon-padding);
  background: var(--toast-icon-bg);
  border-radius: var(--toast-icon-border-radius);
  color: var(--toast-icon-color);
  z-index: 1;
}
.toast-notification[data-v-3ed66ce5] {
  /* 内容区域 */
}
.toast-notification .toast-content[data-v-3ed66ce5] {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  z-index: 1;
}
.toast-notification .toast-content .toast-title[data-v-3ed66ce5] {
  color: var(--toast-title-color);
  font-family: var(--toast-title-font-family);
  font-size: var(--toast-title-font-size);
  font-weight: var(--toast-title-font-weight);
  line-height: var(--toast-title-line-height);
  word-wrap: break-word;
}
.toast-notification .toast-content .toast-message[data-v-3ed66ce5] {
  color: var(--toast-message-color);
  font-family: var(--toast-message-font-family);
  font-size: var(--toast-message-font-size);
  font-weight: var(--toast-message-font-weight);
  line-height: var(--toast-message-line-height);
  word-wrap: break-word;
  margin-top: 2px;
}
.toast-notification[data-v-3ed66ce5] {
  /* Success 类型 */
}
.toast-notification--success .toast-icon[data-v-3ed66ce5] {
  background: var(--toast-icon-bg-success);
  color: var(--toast-icon-color-success);
}
.toast-notification--success .toast-decoration .toast-decoration-ellipse[data-v-3ed66ce5] {
  background: var(--toast-decoration-ellipse-bg-success);
}
.toast-notification--success .toast-decoration .toast-decoration-progress[data-v-3ed66ce5]::before, .toast-notification--success .toast-decoration .toast-decoration-progress[data-v-3ed66ce5]::after {
  background: var(--toast-decoration-progress-bg-success);
}
.toast-notification[data-v-3ed66ce5] {
  /* Error 类型 */
}
.toast-notification--error .toast-icon[data-v-3ed66ce5] {
  background: var(--toast-icon-bg-error);
  color: var(--toast-icon-color-error);
}
.toast-notification--error .toast-decoration .toast-decoration-ellipse[data-v-3ed66ce5] {
  background: var(--toast-decoration-ellipse-bg-error);
}
.toast-notification--error .toast-decoration .toast-decoration-progress[data-v-3ed66ce5]::before, .toast-notification--error .toast-decoration .toast-decoration-progress[data-v-3ed66ce5]::after {
  background: var(--toast-decoration-progress-bg-error);
}
.toast-notification[data-v-3ed66ce5] {
  /* Warning 类型 */
}
.toast-notification--warning .toast-icon[data-v-3ed66ce5] {
  background: var(--toast-icon-bg-warning);
  color: var(--toast-icon-color-warning);
}
.toast-notification--warning .toast-decoration .toast-decoration-ellipse[data-v-3ed66ce5] {
  background: var(--toast-decoration-ellipse-bg-warning);
}
.toast-notification--warning .toast-decoration .toast-decoration-progress[data-v-3ed66ce5]::before, .toast-notification--warning .toast-decoration .toast-decoration-progress[data-v-3ed66ce5]::after {
  background: var(--toast-decoration-progress-bg-warning);
}
.toast-notification[data-v-3ed66ce5] {
  /* Info 类型 */
}
.toast-notification--info .toast-icon[data-v-3ed66ce5] {
  background: var(--toast-icon-bg-info);
  color: var(--toast-icon-color-info);
}
.toast-notification--info .toast-decoration .toast-decoration-ellipse[data-v-3ed66ce5] {
  background: var(--toast-decoration-ellipse-bg-info);
}
.toast-notification--info .toast-decoration .toast-decoration-progress[data-v-3ed66ce5]::before, .toast-notification--info .toast-decoration .toast-decoration-progress[data-v-3ed66ce5]::after {
  background: var(--toast-decoration-progress-bg-info);
}
.ui-tip-container[data-v-54e47b59] {
  position: fixed;
  top: 20px;
  z-index: 9999;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

/* 移动端：顶部居中 */
.ui-tip-container--mobile[data-v-54e47b59] {
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
  width: 100%;
  max-width: 90%;
}

/* 桌面端：顶部靠右 */
.ui-tip-container--desktop[data-v-54e47b59] {
  right: 20px;
  left: auto;
  transform: none;
  align-items: flex-end;
  width: auto;
  max-width: 420px;
}
.ui-tip-group[data-v-54e47b59] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

/* 桌面端的组件对齐 */
.ui-tip-container--desktop .ui-tip-group[data-v-54e47b59] {
  align-items: flex-end;
}

/* 移动端的组件对齐 */
.ui-tip-container--mobile .ui-tip-group[data-v-54e47b59] {
  align-items: center;
}

/* Tip 包装器 */
.tip-wrapper[data-v-54e47b59] {
  pointer-events: all;
  position: relative;
  z-index: 1;
}

/* 悬停状态的 Tip 固定在当前位置 - 脱离文档流 */
.tip-wrapper--hovered[data-v-54e47b59] {
  z-index: 100;
}

/* Transition Styles */
.tip-fade-enter-active[data-v-54e47b59] {
  transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.tip-fade-leave-active[data-v-54e47b59] {
  transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
}
.tip-fade-enter-from[data-v-54e47b59] {
  opacity: 0;
  transform: translateY(-20px) scale(0.95);
}
.tip-fade-leave-to[data-v-54e47b59] {
  opacity: 0;
  transform: translateY(-10px) scale(0.95);
}

/* Move transition for smooth repositioning */
.tip-fade-move[data-v-54e47b59] {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 当有悬停Toast时，禁用所有Toast的移动动画 */
.ui-tip-container--has-hovered .tip-fade-move[data-v-54e47b59] {
  transition: none !important;
}
.gradient-editor[data-v-cb8c5991] {
  padding: 10px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 6px;
  margin-top: 6px;
  border: 1px solid #e0e0e0;
}
.editor-label[data-v-cb8c5991] {
  font-size: 11px;
  font-weight: 700;
  color: #495057;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.editor-label[data-v-cb8c5991]::before {
  content: "🎨";
  font-size: 12px;
}
.gradient-preview[data-v-cb8c5991] {
  width: 100%;
  height: 50px;
  border-radius: 6px;
  border: 2px solid #dee2e6;
  margin-bottom: 10px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  transition: all 0.2s;
}
.gradient-preview[data-v-cb8c5991]:hover {
  border-color: #667eea;
  transform: scale(1.01);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 12px rgba(102, 126, 234, 0.2);
}
.angle-control[data-v-cb8c5991] {
  margin-bottom: 10px;
}
.angle-control .control-label[data-v-cb8c5991] {
  font-size: 10px;
  color: #6c757d;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
}
.angle-control .control-label[data-v-cb8c5991]::before {
  content: "↻";
  font-size: 12px;
}
.angle-control .angle-input-group[data-v-cb8c5991] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.angle-control .angle-input-group .angle-slider[data-v-cb8c5991] {
  flex: 1;
  height: 5px;
  -webkit-appearance: none;
  appearance: none;
  background: linear-gradient(to right, #667eea, #764ba2);
  border-radius: 10px;
  outline: none;
  border: 1px solid #ced4da;
}
.angle-control .angle-input-group .angle-slider[data-v-cb8c5991]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  background: #fff;
  border: 2px solid #667eea;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.angle-control .angle-input-group .angle-slider[data-v-cb8c5991]::-webkit-slider-thumb:hover {
  transform: scale(1.2);
}
.angle-control .angle-input-group .angle-input[data-v-cb8c5991] {
  width: 45px;
  padding: 3px 5px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 11px;
  text-align: center;
  font-weight: 600;
  background: #fff;
}
.angle-control .angle-input-group .unit[data-v-cb8c5991] {
  font-size: 11px;
  color: #6c757d;
  font-weight: 500;
}
.stops-list[data-v-cb8c5991] {
  margin-bottom: 10px;
}
.stops-list .stops-header[data-v-cb8c5991] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.stops-list .stops-header .control-label[data-v-cb8c5991] {
  font-size: 10px;
  color: #6c757d;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 3px;
}
.stops-list .stops-header .control-label[data-v-cb8c5991]::before {
  content: "●";
  font-size: 8px;
  color: #667eea;
}
.stops-list .stops-header .add-stop-btn[data-v-cb8c5991] {
  padding: 2px 8px;
  border: none;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
  border-radius: 10px;
  font-size: 10px;
  cursor: pointer;
  transition: all 0.2s;
  font-weight: 600;
}
.stops-list .stops-header .add-stop-btn[data-v-cb8c5991]:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 6px rgba(102, 126, 234, 0.4);
}
.stop-item[data-v-cb8c5991] {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 6px;
  padding: 4px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #dee2e6;
  transition: all 0.2s;
  overflow: hidden;
}
.stop-item[data-v-cb8c5991]:hover {
  border-color: #667eea;
  box-shadow: 0 2px 6px rgba(102, 126, 234, 0.15);
}
.stop-item .stop-color[data-v-cb8c5991] {
  display: flex;
  align-items: center;
  gap: 5px;
}
.stop-item .stop-color .color-preview[data-v-cb8c5991] {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 2px solid #dee2e6;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.2s;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.stop-item .stop-color .color-preview[data-v-cb8c5991]:hover {
  border-color: #667eea;
  transform: scale(1.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(102, 126, 234, 0.3);
}
.stop-item .stop-color .color-preview .color-picker[data-v-cb8c5991] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  cursor: pointer;
  opacity: 0;
}
.stop-item .stop-color .color-input[data-v-cb8c5991] {
  width: 65px;
  padding: 2px 4px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 9px;
  font-family: monospace;
  background: #fff;
  flex-shrink: 0;
}
.stop-item .stop-position[data-v-cb8c5991] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 3px;
  min-width: 0;
}
.stop-item .stop-position .position-slider[data-v-cb8c5991] {
  flex: 1;
  height: 4px;
  -webkit-appearance: none;
  appearance: none;
  background: #dee2e6;
  border-radius: 10px;
  outline: none;
  min-width: 60px;
}
.stop-item .stop-position .position-slider[data-v-cb8c5991]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.stop-item .stop-position .position-slider[data-v-cb8c5991]::-webkit-slider-thumb:hover {
  transform: scale(1.3);
}
.stop-item .stop-position .position-input[data-v-cb8c5991] {
  width: 30px;
  padding: 2px 3px;
  border: 1px solid #ced4da;
  border-radius: 3px;
  font-size: 9px;
  text-align: center;
  background: #fff;
  flex-shrink: 0;
}
.stop-item .stop-position .unit[data-v-cb8c5991] {
  font-size: 9px;
  color: #6c757d;
  font-weight: 500;
  flex-shrink: 0;
}
.stop-item .remove-stop-btn[data-v-cb8c5991] {
  width: 20px;
  height: 20px;
  border: none;
  background: #ffe5e5;
  color: #d63031;
  border-radius: 50%;
  cursor: pointer;
  font-size: 11px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stop-item .remove-stop-btn[data-v-cb8c5991]:hover {
  background: #d63031;
  color: #fff;
  transform: rotate(90deg) scale(1.1);
}
.gradient-presets .control-label[data-v-cb8c5991] {
  font-size: 10px;
  color: #6c757d;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 3px;
  font-weight: 600;
}
.gradient-presets .control-label[data-v-cb8c5991]::before {
  content: "✨";
  font-size: 11px;
}
.gradient-presets .presets-grid[data-v-cb8c5991] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
}
.gradient-presets .presets-grid .preset-item[data-v-cb8c5991] {
  height: 32px;
  border-radius: 6px;
  cursor: pointer;
  border: 2px solid #dee2e6;
  transition: all 0.2s;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.gradient-presets .presets-grid .preset-item[data-v-cb8c5991]:hover {
  border-color: #667eea;
  transform: scale(1.08);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(102, 126, 234, 0.35);
}
.gradient-presets .presets-grid .preset-item[data-v-cb8c5991]:active {
  transform: scale(1.02);
}.alpha-slider[data-v-464fee1d] {
  margin-top: 6px;
  padding: 8px 10px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 6px;
  border: 1px solid #e0e0e0;
}
.slider-container[data-v-464fee1d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.slider-label[data-v-464fee1d] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: #495057;
  font-weight: 600;
}
.slider-label .label-icon[data-v-464fee1d] {
  font-size: 11px;
  opacity: 0.7;
}
.slider-value[data-v-464fee1d] {
  font-size: 11px;
  color: #667eea;
  font-weight: 700;
  padding: 2px 8px;
  background: #fff;
  border-radius: 10px;
  min-width: 38px;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.slider-track[data-v-464fee1d] {
  width: 100%;
  height: 6px;
  background-image: linear-gradient(to right, rgba(102, 126, 234, 0) 0%, rgb(102, 126, 234) 100%), repeating-linear-gradient(45deg, #dee2e6 0, #dee2e6 2px, #fff 2px, #fff 4px);
  border-radius: 10px;
  position: relative;
  cursor: pointer;
  border: 1px solid #ced4da;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.slider-track[data-v-464fee1d]:hover {
  border-color: #667eea;
}
.slider-fill[data-v-464fee1d] {
  display: none;
}
.slider-thumb[data-v-464fee1d] {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: grab;
  box-shadow: 0 2px 6px rgba(102, 126, 234, 0.5);
  transition: all 0.15s;
}
.slider-thumb[data-v-464fee1d]:hover {
  transform: translate(-50%, -50%) scale(1.25);
  box-shadow: 0 3px 8px rgba(102, 126, 234, 0.6);
}
.slider-thumb[data-v-464fee1d]:active {
  cursor: grabbing;
  transform: translate(-50%, -50%) scale(1.1);
}.color-picker-tool[data-v-29140d56] {
  margin-top: 6px;
}
.eyedropper-btn[data-v-29140d56] {
  width: 100%;
  padding: 6px 10px;
  border: 1.5px dashed #667eea;
  background: linear-gradient(135deg, #f0f4ff 0%, #e8f0fe 100%);
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: all 0.2s;
  font-size: 11px;
  font-weight: 600;
  color: #667eea;
  position: relative;
  overflow: hidden;
}
.eyedropper-btn[data-v-29140d56]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  opacity: 0;
  transition: opacity 0.3s;
}
.eyedropper-btn .icon[data-v-29140d56],
.eyedropper-btn .text[data-v-29140d56] {
  position: relative;
  z-index: 1;
}
.eyedropper-btn .icon[data-v-29140d56] {
  font-size: 14px;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}
.eyedropper-btn[data-v-29140d56]:hover:not(:disabled) {
  border-style: solid;
  border-color: transparent;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(102, 126, 234, 0.4);
}
.eyedropper-btn[data-v-29140d56]:hover:not(:disabled)::before {
  opacity: 1;
}
.eyedropper-btn[data-v-29140d56]:active:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}
.eyedropper-btn[data-v-29140d56]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  border-color: #dee2e6;
  background: #f5f5f5;
  color: #adb5bd;
}
.eyedropper-btn[data-v-29140d56]:disabled::before {
  display: none;
}
.unsupported-hint[data-v-29140d56] {
  margin-top: 5px;
  font-size: 9px;
  color: #adb5bd;
  text-align: center;
  line-height: 1.3;
  font-style: italic;
}
.theme-panel-overlay[data-v-ac088655] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  justify-content: flex-end;
}
.theme-panel[data-v-ac088655] {
  width: 360px;
  height: 100vh;
  background: #ffffff;
  box-shadow: -4px 0 12px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.theme-panel-header[data-v-ac088655] {
  padding: 16px;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.theme-panel-header .header-content[data-v-ac088655] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-right: 32px;
}
.theme-panel-header .header-content .title-icon[data-v-ac088655] {
  font-size: 28px;
  line-height: 1;
}
.theme-panel-header .header-content .header-text[data-v-ac088655] {
  flex: 1;
}
.theme-panel-header .header-content .header-text .title[data-v-ac088655] {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  line-height: 1.4;
}
.theme-panel-header .header-content .header-text .component-key[data-v-ac088655] {
  margin-top: 2px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.8);
  font-family: monospace;
  line-height: 1.3;
}
.theme-panel-header .close-btn[data-v-ac088655] {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 28px;
  height: 28px;
  border: none;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  cursor: pointer;
  font-size: 16px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.theme-panel-header .close-btn[data-v-ac088655]:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: rotate(90deg);
}
.theme-panel-stats[data-v-ac088655] {
  padding: 12px 16px;
  background: #f8f9fa;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.theme-panel-stats .stat-item[data-v-ac088655] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.theme-panel-stats .stat-item .stat-value[data-v-ac088655] {
  font-size: 20px;
  font-weight: 700;
  color: #667eea;
  line-height: 1;
}
.theme-panel-stats .stat-item .stat-label[data-v-ac088655] {
  font-size: 11px;
  color: #999;
  line-height: 1;
}
.theme-panel-stats .stat-divider[data-v-ac088655] {
  width: 1px;
  height: 24px;
  background: #e5e5e5;
}
.theme-panel-actions[data-v-ac088655] {
  padding: 12px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  gap: 8px;
  background: #fff;
}
.theme-panel-actions .action-btn[data-v-ac088655] {
  flex: 1;
  padding: 8px 12px;
  border: none;
  background: #f5f5f5;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.2s;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.theme-panel-actions .action-btn .btn-icon[data-v-ac088655] {
  font-size: 14px;
}
.theme-panel-actions .action-btn.reset-btn[data-v-ac088655] {
  color: #666;
}
.theme-panel-actions .action-btn.reset-btn[data-v-ac088655]:hover {
  background: #ffeaa7;
  color: #d63031;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(214, 48, 49, 0.2);
}
.theme-panel-actions .action-btn.export-btn[data-v-ac088655] {
  color: #666;
}
.theme-panel-actions .action-btn.export-btn[data-v-ac088655]:hover {
  background: #dfe6e9;
  color: #0984e3;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(9, 132, 227, 0.2);
}
.theme-panel-body[data-v-ac088655] {
  flex: 1;
  overflow-y: auto;
  padding: 12px;
  /* 滚动条样式 */
}
.theme-panel-body[data-v-ac088655]::-webkit-scrollbar {
  width: 6px;
}
.theme-panel-body[data-v-ac088655]::-webkit-scrollbar-track {
  background: #f5f5f5;
}
.theme-panel-body[data-v-ac088655]::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}
.theme-panel-body[data-v-ac088655]::-webkit-scrollbar-thumb:hover {
  background: #999;
}
.variable-item[data-v-ac088655] {
  margin-bottom: 10px;
  padding: 12px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  transition: all 0.2s;
}
.variable-item[data-v-ac088655]:hover {
  border-color: #667eea;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.1);
  transform: translateX(-2px);
}
.variable-item[data-v-ac088655]:last-child {
  margin-bottom: 0;
}
.variable-item .variable-header[data-v-ac088655] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  gap: 8px;
  cursor: pointer;
  user-select: none;
}
.variable-item .variable-header:hover .expand-icon[data-v-ac088655] {
  color: #667eea;
}
.variable-item .variable-header .variable-info[data-v-ac088655] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}
.variable-item .variable-header .variable-info .variable-title[data-v-ac088655] {
  font-size: 13px;
  font-weight: 600;
  color: #333;
  line-height: 1.4;
  flex-shrink: 0;
}
.variable-item .variable-header .variable-info .variable-key[data-v-ac088655] {
  font-size: 10px;
  color: #999;
  font-family: "Courier New", monospace;
  line-height: 1.4;
  padding: 2px 6px;
  background: #f5f5f5;
  border-radius: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.variable-item .variable-header .variable-actions[data-v-ac088655] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.variable-item .variable-header .variable-actions .variable-badge[data-v-ac088655] {
  font-size: 10px;
  padding: 2px 8px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
  border-radius: 10px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}
.variable-item .variable-header .variable-actions .expand-icon[data-v-ac088655] {
  font-size: 10px;
  color: #999;
  transition: all 0.2s;
}
.variable-item .advanced-editors[data-v-ac088655] {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #e0e0e0;
}
.variable-item.expanded .variable-header .expand-icon[data-v-ac088655] {
  color: #667eea;
}
.variable-item .variable-input[data-v-ac088655] {
  display: flex;
  gap: 8px;
  align-items: center;
}
.variable-item .variable-input .input-wrapper[data-v-ac088655] {
  flex: 1;
}
.variable-item .variable-input .input[data-v-ac088655] {
  width: 100%;
  padding: 7px 10px;
  border: 1.5px solid #e0e0e0;
  border-radius: 6px;
  font-size: 12px;
  font-family: "Courier New", monospace;
  transition: all 0.2s;
  background: #fafafa;
}
.variable-item .variable-input .input[data-v-ac088655]:focus {
  outline: none;
  border-color: #667eea;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}
.variable-item .variable-input .input[data-v-ac088655]:hover {
  border-color: #667eea;
  background: #fff;
}
.variable-item .variable-input .input.has-color[data-v-ac088655] {
  padding-left: 8px;
}
.variable-item .variable-input .color-preview[data-v-ac088655] {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  border: 2px solid #e0e0e0;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.2s;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}
.variable-item .variable-input .color-preview[data-v-ac088655]:hover {
  border-color: #667eea;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(102, 126, 234, 0.2);
  transform: scale(1.05);
}
.variable-item .variable-input .color-preview .color-picker[data-v-ac088655] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  cursor: pointer;
  opacity: 0;
}

/* 动画 */
.theme-panel-enter-active[data-v-ac088655],
.theme-panel-leave-active[data-v-ac088655] {
  transition: opacity 0.3s ease;
}
.theme-panel-enter-active .theme-panel[data-v-ac088655],
.theme-panel-leave-active .theme-panel[data-v-ac088655] {
  transition: transform 0.3s ease;
}
.theme-panel-enter-from[data-v-ac088655],
.theme-panel-leave-to[data-v-ac088655] {
  opacity: 0;
}
.theme-panel-enter-from .theme-panel[data-v-ac088655],
.theme-panel-leave-to .theme-panel[data-v-ac088655] {
  transform: translateX(100%);
}

/* 展开动画 */
.expand-enter-active[data-v-ac088655],
.expand-leave-active[data-v-ac088655] {
  transition: all 0.3s ease;
  overflow: hidden;
}
.expand-enter-from[data-v-ac088655],
.expand-leave-to[data-v-ac088655] {
  max-height: 0;
  opacity: 0;
}
.expand-enter-to[data-v-ac088655],
.expand-leave-from[data-v-ac088655] {
  max-height: 800px;
  opacity: 1;
}
.context-menu-overlay[data-v-4f33f2e7] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}
.context-menu[data-v-4f33f2e7] {
  position: fixed;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  padding: 8px 0;
  min-width: 200px;
  z-index: 10001;
}
.menu-item[data-v-4f33f2e7] {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  cursor: pointer;
  transition: all 0.2s;
  user-select: none;
}
.menu-item .icon[data-v-4f33f2e7] {
  margin-right: 12px;
  font-size: 16px;
}
.menu-item .text[data-v-4f33f2e7] {
  font-size: 14px;
  color: #333;
}
.menu-item[data-v-4f33f2e7]:hover {
  background: #f5f5f5;
}
.menu-item[data-v-4f33f2e7]:active {
  background: #e5e5e5;
}
.menu-divider[data-v-4f33f2e7] {
  height: 1px;
  background: #e5e5e5;
  margin: 4px 0;
}

/* 动画 */
.context-menu-enter-active[data-v-4f33f2e7],
.context-menu-leave-active[data-v-4f33f2e7] {
  transition: opacity 0.15s ease;
}
.context-menu-enter-active .context-menu[data-v-4f33f2e7],
.context-menu-leave-active .context-menu[data-v-4f33f2e7] {
  transition: transform 0.15s ease, opacity 0.15s ease;
}
.context-menu-enter-from[data-v-4f33f2e7],
.context-menu-leave-to[data-v-4f33f2e7] {
  opacity: 0;
}
.context-menu-enter-from .context-menu[data-v-4f33f2e7],
.context-menu-leave-to .context-menu[data-v-4f33f2e7] {
  transform: scale(0.95);
  opacity: 0;
}.ui-image[data-v-f998beee] {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--v09b4474e);
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.ui-image__skeleton[data-v-f998beee] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  border-radius: 4px;
  overflow: hidden;
  transition: opacity 0.2s ease;
}
.ui-image__skeleton[data-v-f998beee]::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  animation: shimmer-f998beee 1.8s infinite;
  transform: skewX(-20deg);
}
.ui-image__img[data-v-f998beee] {
  width: 100%;
  height: 100%;
  object-fit: var(--v4440d4a7);
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: default;
  z-index: 2;
  background-color: transparent;
  position: relative;
  will-change: opacity;
  pointer-events: var(--v630b8a1a);
}
.ui-image__img--loaded[data-v-f998beee] {
  opacity: 1;
}
.ui-image__img--clickable[data-v-f998beee] {
  cursor: pointer;
}
.ui-image__img--grayscale[data-v-f998beee] {
  filter: grayscale(100%);
}
.ui-image__img--white-filter[data-v-f998beee] {
  filter: brightness(0) invert(1);
}
.ui-image__img--grayscale.ui-image__img--white-filter[data-v-f998beee] {
  filter: grayscale(100%) brightness(0) invert(1);
}
@keyframes shimmer-f998beee {
0% {
    left: -150%;
}
100% {
    left: 150%;
}
}.ui-base-button {
  height: var(--btn-height, auto);
  min-width: var(--btn-min-width, auto);
  padding: var(--btn-padding, 0px 0px);
  box-shadow: var(--btn-box-shadow, none);
  border: var(--btn-border, 1px solid black);
  border-radius: var(--btn-border-radius, 0);
  align-items: var(--btn-align-items, center);
  background: var(--btn-bg, #fff);
  justify-content: var(--btn-justify-content, center);
  cursor: var(--btn-cursor, pointer);
  color: var(--btn-color, #242424);
  transition: var(--btn-transition, opacity 0.2s ease);
  font-family: var(--btn-font-family, "Open Sans");
  font-style: var(--btn-font-style, normal);
  font-weight: var(--btn-font-weight, 400);
  font-size: var(--btn-font-size, 12px);
  line-height: var(--btn-line-height, 1);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  user-select: none;
  position: relative;
}
.ui-base-button.ui-base-button-loading {
  pointer-events: none;
  cursor: not-allowed;
}
.ui-base-button .ui-base-button-container {
  position: relative;
  width: 100%;
  line-height: inherit;
  z-index: 20;
}
.ui-base-button .ui-base-button-container .ui-base-button-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  line-height: inherit;
  gap: var(--btn-gap, 4px);
}
.ui-base-button .ui-base-button-container .ui-base-button-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
}
.ui-base-button .ui-base-button-container .ui-base-button-loading .loading {
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 3px solid #fff;
  border-top-color: rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  position: absolute;
  animation: loading 1.2s linear infinite;
  -webkit-animation: loading 1.2s linear infinite;
}
@keyframes loading {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@-webkit-keyframes loading {
0% {
    -webkit-transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
}
}
.ui-base-button .ui-base-button-custom {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  overflow: hidden;
  z-index: 10;
}
.ui-base-button .ui-button-reddot {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 12px;
  height: 12px;
  background-color: #ff2752;
  border-radius: 50%;
}
.ui-button-close-circle[data-v-ab88d7a4] {
  padding: var(--btn-close-circle-padding);
  color: var(--btn-close-circle-color);
  border-radius: 50%;
  border: var(--btn-close-circle-border);
  background: var(--btn-close-circle-bg);
  transition: var(--btn-close-circle-transition);
  box-shadow: var(--btn-close-circle-box-shadow);
  /* Hover 状态 */
}
.ui-button-close-circle[data-v-ab88d7a4]:hover:not(:disabled) {
  color: var(--btn-close-circle-color-hover);
  background: var(--btn-close-circle-bg-hover);
  background-blend-mode: overlay, normal;
  box-shadow: var(--btn-close-circle-box-shadow-hover);
}
.ui-button-close-circle[data-v-ab88d7a4] {
  /* Active 状态 */
}
.ui-button-close-circle[data-v-ab88d7a4]:active:not(:disabled) {
  background: var(--btn-close-circle-bg-active);
  box-shadow: var(--btn-close-circle-box-shadow-active);
}
.ui-button-close-circle[data-v-ab88d7a4] {
  /* Disabled 状态 */
}
.ui-button-close-circle[data-v-ab88d7a4]:disabled {
  opacity: var(--btn-close-circle-disabled-opacity);
  background: var(--btn-close-circle-bg-disabled);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  transition: none;
}.pop-notice-item[data-v-e7b00aac] {
  position: relative;
  margin: 0;
  max-width: 100%;
  box-sizing: border-box;
  will-change: transform, opacity;
  display: flex;
  flex-direction: column;
}
.pop-notice-item .pop-notice-item__image[data-v-e7b00aac] {
  display: block;
  max-width: var(--pop-notice-image-max-width);
  aspect-ratio: var(--pop-notice-image-aspect-ratio);
  z-index: 1;
}
.pop-notice-item .pop-notice-item__close-button[data-v-e7b00aac] {
  position: absolute;
  top: var(--pop-notice-close-top);
  right: var(--pop-notice-close-right);
  transform: translate(50%, -50%);
  z-index: 2;
}
.btn-secondary[data-v-870f6397] {
  border-radius: var(--btn-secondary-border-radius);
  background: var(--btn-secondary-bg);
  border: var(--btn-secondary-border);
  box-shadow: var(--btn-secondary-box-shadow);
  color: var(--btn-secondary-color);
  text-align: center;
  font-family: var(--btn-secondary-font-family);
  font-style: normal;
  font-weight: var(--btn-secondary-font-weight);
  font-family: var(--btn-secondary-font-family);
  transition: all 0.2s ease;
  /* 尺寸-小 */
}
.btn-secondary--sm[data-v-870f6397] {
  font-size: var(--btn-secondary-font-size--sm);
  line-height: var(--btn-secondary-line-height--sm);
  padding: var(--btn-secondary-padding--sm);
  border-radius: var(--btn-secondary-border-radius-sm);
}
.btn-secondary[data-v-870f6397] {
  /* 尺寸-中 */
}
.btn-secondary--md[data-v-870f6397] {
  font-size: var(--btn-secondary-font-size--md);
  line-height: var(--btn-secondary-line-height--md);
  padding: var(--btn-secondary-padding--md);
  border-radius: var(--btn-secondary-border-radius-md);
}
.btn-secondary[data-v-870f6397] {
  /* 尺寸-大 */
}
.btn-secondary--lg[data-v-870f6397] {
  font-size: var(--btn-secondary-font-size--lg);
  line-height: var(--btn-secondary-line-height--lg);
  padding: var(--btn-secondary-padding--lg);
  border-radius: var(--btn-secondary-border-radius-lg);
}
.btn-secondary[data-v-870f6397] {
  /* Hover 状态 */
}
.btn-secondary[data-v-870f6397]:hover:not(:disabled) {
  color: var(--btn-secondary-color-hover);
  text-shadow: var(--btn-secondary-text-shadow-hover);
  background: var(--btn-secondary-bg-hover);
  border: var(--btn-secondary-border-hover);
  box-shadow: var(--btn-secondary-box-shadow-hover);
}
.btn-secondary[data-v-870f6397] {
  /* Active 状态 */
}
.btn-secondary[data-v-870f6397]:active:not(:disabled) {
  background: var(--btn-secondary-bg);
  border: var(--btn-secondary-border);
  box-shadow: var(--btn-secondary-box-shadow);
}
.btn-secondary[data-v-870f6397]:focus-visible:not(:disabled) {
  border: var(--btn-secondary-border-focus);
  outline: var(--btn-secondary-outline-focus);
}
.btn-secondary[data-v-870f6397] {
  /* Disabled 状态 */
}
.btn-secondary[data-v-870f6397]:disabled {
  color: var(--btn-secondary-color-disabled);
  background: var(--btn-secondary-bg-disabled);
  border: var(--btn-secondary-border-disabled);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  transition: none;
  opacity: var(--btn-secondary-disabled-opacity);
}
[data-v-870f6397] .ui-base-button-content {
  gap: var(--btn-secondary-gap);
}
.ui-checkbox[data-v-ef7a2e14] {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  position: relative;
  font-family: var(--checkbox-font-family, "Open Sans");
  font-weight: var(--checkbox-font-weight, 400);
  /* 尺寸-小 */
}
.ui-checkbox--sm[data-v-ef7a2e14] {
  gap: var(--checkbox-gap--sm, 8px);
  font-size: var(--checkbox-font-size--sm, 12px);
  line-height: var(--checkbox-line-height--sm, 16px);
}
.ui-checkbox--sm .ui-checkbox-inner[data-v-ef7a2e14] {
  width: var(--checkbox-size--sm, 16px);
  height: var(--checkbox-size--sm, 16px);
}
.ui-checkbox--sm .ui-checkbox-inner .ui-checkbox-icon[data-v-ef7a2e14] {
  width: var(--checkbox-icon-size--sm, 12px);
  height: var(--checkbox-icon-size--sm, 12px);
}
.ui-checkbox[data-v-ef7a2e14] {
  /* 尺寸-中 */
}
.ui-checkbox--md[data-v-ef7a2e14] {
  gap: var(--checkbox-gap--md, 8px);
  font-size: var(--checkbox-font-size--md, 14px);
  line-height: var(--checkbox-line-height--md, 20px);
}
.ui-checkbox--md .ui-checkbox-inner[data-v-ef7a2e14] {
  width: var(--checkbox-size--md, 20px);
  height: var(--checkbox-size--md, 20px);
}
.ui-checkbox--md .ui-checkbox-inner .ui-checkbox-icon[data-v-ef7a2e14] {
  width: var(--checkbox-icon-size--md, 14px);
  height: var(--checkbox-icon-size--md, 14px);
}
.ui-checkbox[data-v-ef7a2e14] {
  /* 尺寸-大 */
}
.ui-checkbox--lg[data-v-ef7a2e14] {
  gap: var(--checkbox-gap--lg, 12px);
  font-size: var(--checkbox-font-size--lg, 16px);
  line-height: var(--checkbox-line-height--lg, 22px);
}
.ui-checkbox--lg .ui-checkbox-inner[data-v-ef7a2e14] {
  width: var(--checkbox-size--lg, 24px);
  height: var(--checkbox-size--lg, 24px);
}
.ui-checkbox--lg .ui-checkbox-inner .ui-checkbox-icon[data-v-ef7a2e14] {
  width: var(--checkbox-icon-size--lg, 16px);
  height: var(--checkbox-icon-size--lg, 16px);
}
.ui-checkbox .ui-checkbox-input[data-v-ef7a2e14] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ui-checkbox .ui-checkbox-input input[type=checkbox][data-v-ef7a2e14] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  cursor: pointer;
}
.ui-checkbox .ui-checkbox-input .ui-checkbox-inner[data-v-ef7a2e14] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: var(--checkbox-border, 1px solid #2f587f);
  border-radius: var(--checkbox-border-radius, 4px);
  background: var(--checkbox-bg, #0f1c29);
  box-shadow: var(--checkbox-box-shadow, none);
  transition: all 0.2s ease;
}
.ui-checkbox .ui-checkbox-input .ui-checkbox-inner .ui-checkbox-icon[data-v-ef7a2e14] {
  color: var(--checkbox-icon-color, #ffffff);
  opacity: 0;
  transform: scale(0);
  transition: all 0.2s ease;
}
.ui-checkbox .ui-checkbox-label[data-v-ef7a2e14] {
  color: var(--checkbox-label-color, #e9ebed);
  transition: color 0.2s ease;
}
.ui-checkbox.is-checked .ui-checkbox-inner[data-v-ef7a2e14] {
  background: var(--checkbox-bg-checked, rgba(0, 0, 0, 0.5));
  border: var(--checkbox-border-checked, 2px solid #2a8de8);
  box-shadow: var(--checkbox-box-shadow-checked, 0 0 12px 0 rgba(42, 141, 232, 0.6), 0 0 4px 0 rgba(42, 141, 232, 0.8) inset);
}
.ui-checkbox.is-checked .ui-checkbox-inner .ui-checkbox-icon[data-v-ef7a2e14] {
  opacity: 1;
  transform: scale(1);
}
.ui-checkbox.is-checked .ui-checkbox-label[data-v-ef7a2e14] {
  color: var(--checkbox-label-color-checked, #fafafa);
}
.ui-checkbox.is-hovered .ui-checkbox-inner[data-v-ef7a2e14] {
  border-color: var(--checkbox-border-hover, #58afff);
  box-shadow: var(--checkbox-box-shadow-hover, 0 0 8px 0 rgba(88, 175, 255, 0.4));
}
.ui-checkbox.is-hovered.is-checked .ui-checkbox-inner[data-v-ef7a2e14] {
  background: var(--checkbox-bg-checked-hover, rgba(0, 0, 0, 0.6));
  border: var(--checkbox-border-checked-hover, 2px solid #58afff);
  box-shadow: var(--checkbox-box-shadow-checked-hover, 0 0 16px 0 rgba(88, 175, 255, 0.8), 0 0 6px 0 rgba(88, 175, 255, 0.6) inset);
}
.ui-checkbox.is-disabled[data-v-ef7a2e14] {
  cursor: not-allowed;
  opacity: var(--checkbox-disabled-opacity, 0.5);
}
.ui-checkbox.is-disabled .ui-checkbox-input[data-v-ef7a2e14] {
  cursor: not-allowed;
}
.ui-checkbox.is-disabled .ui-checkbox-input input[type=checkbox][data-v-ef7a2e14] {
  cursor: not-allowed;
}
.ui-checkbox.is-disabled .ui-checkbox-label[data-v-ef7a2e14] {
  color: var(--checkbox-label-color-disabled, rgba(255, 255, 255, 0.3));
}
.ui-checkbox.is-disabled .ui-checkbox-inner[data-v-ef7a2e14] {
  background: var(--checkbox-bg-disabled, rgba(0, 0, 0, 0.2));
  border-color: var(--checkbox-border-disabled, rgba(255, 255, 255, 0.15));
  box-shadow: none;
}
.ui-checkbox.is-disabled.is-checked .ui-checkbox-inner[data-v-ef7a2e14] {
  background: var(--checkbox-bg-checked-disabled, rgba(0, 0, 0, 0.3));
}.pop-notice-group[data-v-4c966314] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop-notice-group .scroll-container[data-v-4c966314] {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  box-sizing: border-box;
}
.pop-notice-group .container[data-v-4c966314] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--pop-notice-group-padding__desktop);
  flex-shrink: 0;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
}
.pop-notice-group .container .top-buttons[data-v-4c966314] {
  width: 100%;
  margin-bottom: var(--pop-notice-group-buttons-margin-bottom__desktop);
  height: var(--pop-notice-group-buttons-height__desktop);
  position: relative;
}
.pop-notice-group .container .top-buttons .offset[data-v-4c966314] {
  position: absolute;
  top: 0;
  right: var(--pop-notice-group-buttons-right__desktop);
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: var(--pop-notice-group-buttons-gap__desktop);
}
.pop-notice-group .container .top-buttons .offset .close-all-button[data-v-4c966314] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: var(--pop-notice-group-buttons-font-size__desktop);
  font-style: normal;
  font-weight: normal;
}
.pop-notice-group .grid[data-v-4c966314] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 24px;
  margin-left: auto;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  box-sizing: border-box;
}
.pop-notice-group .grid .item[data-v-4c966314] {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  width: var(--v1a406d11);
}
.fade-enter-active[data-v-4c966314],
.fade-leave-active[data-v-4c966314] {
  transition: opacity var(--pop-notice-transition-duration) ease;
}
.fade-enter-from[data-v-4c966314],
.fade-leave-to[data-v-4c966314] {
  opacity: 0;
}.pop-notice-group[data-v-bea91729] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50;
  position: fixed;
  padding: var(--pop-notice-group-padding__mobile);
}
.pop-notice-group .buttons[data-v-bea91729] {
  width: 100%;
  position: relative;
  margin-top: var(--pop-notice-group-buttons-margin-top__mobile);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--pop-notice-group-buttons-gap__mobile);
}
.pop-notice-group .buttons .buttons-item[data-v-bea91729] {
  display: flex;
  align-items: center;
  height: var(--pop-notice-group-buttons-height__mobile);
  font-size: var(--pop-notice-group-buttons-font-size__mobile);
  font-style: normal;
  font-weight: normal;
}
.fade-enter-active[data-v-bea91729],
.fade-leave-active[data-v-bea91729] {
  transition: opacity var(--pop-notice-transition-duration) ease;
}
.fade-enter-from[data-v-bea91729],
.fade-leave-to[data-v-bea91729] {
  opacity: 0;
}.ui-pop-notice[data-v-6d6822ff] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}.pop-container[data-v-9a7fd942] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.671);
  color: red;
}/* ==================== CSS 主题变量 ==================== */
:root {
	/* 文本变量 */
	--contact-telegram: @Bluechip; /* Telegram 联系方式 */
	--contact-email: ; /* 联系邮箱 */
	--products: live|slot|sport; /* 产品列表 - 顶部和底部动态 */

	/* 图片变量 */
	--logo-url: url('https://admin-res-dev.link-api.com/web/contents/web_images/logo.webp?t=20251021163305'); /* logo */
	--logo-width: 104; /* logo宽度 */
	--logo-height: 34; /* logo高度 */
	--login-bg-url: url('https://admin-res-dev.link-api.com/web/contents/web_images/login_bg.webp?t=20251021162958'); /* 登录背景 */
	--login-poster-left: url('https://admin-res-dev.link-api.com/web/contents/web_images/login_poster_left.webp?t=20251021163004'); /* 登录海报左 */
	--login-poster-right: url('https://admin-res-dev.link-api.com/web/contents/web_images/login_poster_right.webp?t=20251021163013'); /* 登录海报右 */


	--app-background: #0B141E; /* 应用背景 */

	/* 主按钮 */
	--btn-primary-gap: 4px; /* 间距 */
	--btn-primary-color: #FAFAFA; /* 文字颜色 */
	--btn-primary-color-hover: #FAFAFA; /* 文字颜色-悬停 */
	--btn-primary-color-disabled: rgba(255, 255, 255, 0.50); /* 文字颜色-禁用 */
	--btn-primary-text-shadow-hover: none; /* 文字阴影-悬停 */
	--btn-primary-font-weight: 600; /* 文字粗细 */
	--btn-primary-font-family: 'Open Sans'; /* 字体 */
	--btn-primary-padding--sm: 4px 8px; /* 内边距-小 */
	--btn-primary-padding--md: 6px 8px; /* 内边距-中 */
	--btn-primary-padding--lg: 8px 16px; /* 内边距-大 */
	--btn-primary-font-size--sm: 12px; /* 文字大小-小 */
	--btn-primary-font-size--md: 16px; /* 文字大小-中 */
	--btn-primary-font-size--lg: 16px; /* 文字大小-大 */
	--btn-primary-line-height--sm: 16px; /* 文本行高 */
	--btn-primary-line-height--md: 20px; /* 文本行高-中 */
	--btn-primary-line-height--lg: 20px; /* 文本行高-大 */
	--btn-primary-border-radius-sm: 4px; /* 圆角-小 */
	--btn-primary-border-radius-md: 4px; /* 圆角-中 */
	--btn-primary-border-radius-lg: 8px; /* 圆角-大 */
	--btn-primary-bg: linear-gradient(90deg,  #2A8DE8 0%, #58AFFF 50%, #2A8DE8 100%); /* 背景-普通 */
	--btn-primary-bg-hover: linear-gradient(90deg, #2A8DE8 0%, #58AFFF 50%, #2A8DE8 100%); /* 背景-悬停 */
	--btn-primary-bg-disabled: #19558C; /* 背景-禁用 */
	--btn-primary-border: 1px solid rgba(255, 255, 255, 0.15); /* 边框 */
	--btn-primary-border-hover: 1px solid rgba(255, 255, 255, 0.15); /* 边框-悬停 */
	--btn-primary-border-focus: none; /* 边框-聚焦 */
	--btn-primary-border-disabled: 1px solid rgba(255, 255, 255, 0.25); /* 边框-禁用 */
	--btn-primary-box-shadow: none; /* 阴影-普通 */
	--btn-primary-box-shadow-hover: 0 0 8px 0 #2E9BFF; /* 阴影-悬停 */
	--btn-primary-disabled-opacity: 1; /* 透明度-禁用 */
	--btn-primary-outline-focus: 1px solid #EAF5FF; /* 聚焦-边框 */

	/* 次要按钮 */
	--btn-secondary-gap: 4px; /* 间距 */
	--btn-secondary-color: #FAFAFA; /* 文字颜色 */
	--btn-secondary-color-hover: #FAFAFA; /* 文字颜色-悬停 */
	--btn-secondary-color-disabled: rgba(255, 255, 255, 0.50); /* 文字颜色-禁用 */
	--btn-secondary-text-shadow-hover: none; /* 文字阴影-悬停 */
	--btn-secondary-font-weight: 600; /* 文字粗细 */
	--btn-secondary-font-family: 'Open Sans'; /* 字体 */
	--btn-secondary-padding--sm: 4px 8px; /* 内边距-小 */
	--btn-secondary-padding--md: 6px 8px; /* 内边距-中 */
	--btn-secondary-padding--lg: 8px 16px; /* 内边距-大 */
	--btn-secondary-font-size--sm: 12px; /* 文字大小-小 */
	--btn-secondary-font-size--md: 16px; /* 文字大小-中 */
	--btn-secondary-font-size--lg: 16px; /* 文字大小-大 */
	--btn-secondary-line-height--sm: 16px; /* 文本行高 */
	--btn-secondary-line-height--md: 20px; /* 文本行高-中 */
	--btn-secondary-line-height--lg: 20px; /* 文本行高-大 */
	--btn-secondary-border-radius-sm: 4px; /* 圆角-小 */
	--btn-secondary-border-radius-md: 4px; /* 圆角-中 */
	--btn-secondary-border-radius-lg: 8px; /* 圆角-大 */
	--btn-secondary-bg: linear-gradient(180deg, #2F587F 0%, #213E59 100%); /* 背景-普通 */
	--btn-secondary-bg-hover: linear-gradient(180deg, #3D72A4 0%, #213E59 100%); /* 背景-悬停 */
	--btn-secondary-bg-disabled: #101820; /* 背景-禁用 */
	--btn-secondary-border: 1px solid #548CC0; /* 边框 */
	--btn-secondary-border-hover: 1px solid #548CC0; /* 边框-悬停 */
	--btn-secondary-border-focus: none; /* 边框-聚焦 */
	--btn-secondary-border-disabled: 1px solid rgba(255, 255, 255, 0.25); /* 边框-禁用 */
	--btn-secondary-box-shadow: none; /* 阴影-普通 */
	--btn-secondary-box-shadow-hover: none; /* 阴影-悬停 */
	--btn-secondary-disabled-opacity: 1; /* 透明度-禁用 */
	--btn-secondary-outline-focus: 1px solid #E8EEF4; /* 聚焦-边框 */

	/* 描边主按钮 */
	--btn-primary-outlined-gap: 4px; /* 间距 */
	--btn-primary-outlined-color: #FAFAFA; /* 文字颜色 */
	--btn-primary-outlined-color-hover: #FAFAFA; /* 文字颜色-悬停 */
	--btn-primary-outlined-color-disabled: rgba(255, 255, 255, 0.50); /* 文字颜色-禁用 */
	--btn-primary-outlined-text-shadow-hover: none; /* 文字阴影-悬停 */
	--btn-primary-outlined-font-weight: 600; /* 文字粗细 */
	--btn-primary-outlined-font-family: 'Open Sans'; /* 字体 */
	--btn-primary-outlined-padding--sm: 4px 8px; /* 内边距-小 */
	--btn-primary-outlined-padding--md: 6px 8px; /* 内边距-中 */
	--btn-primary-outlined-padding--lg: 8px 16px; /* 内边距-大 */
	--btn-primary-outlined-font-size--sm: 12px; /* 文字大小-小 */
	--btn-primary-outlined-font-size--md: 16px; /* 文字大小-中 */
	--btn-primary-outlined-font-size--lg: 16px; /* 文字大小-大 */
	--btn-primary-outlined-line-height--sm: 16px; /* 文本行高 */
	--btn-primary-outlined-line-height--md: 20px; /* 文本行高-中 */
	--btn-primary-outlined-line-height--lg: 20px; /* 文本行高-大 */
	--btn-primary-outlined-border-radius-sm: 4px; /* 圆角-小 */
	--btn-primary-outlined-border-radius-md: 4px; /* 圆角-中 */
	--btn-primary-outlined-border-radius-lg: 8px; /* 圆角-大 */
	--btn-primary-outlined-bg: linear-gradient(180deg, #0C2741 0%, #19558C 100%); /* 背景-普通 */
	--btn-primary-outlined-bg-hover: linear-gradient(180deg, #13416B 0%, #2A8DE8 100%); /* 背景-悬停 */
	--btn-primary-outlined-bg-disabled: linear-gradient(180deg, #0C2741 0%, #19558C 100%); /* 背景-禁用 */
	--btn-primary-outlined-border: 1px solid #2A8DE8; /* 边框 */
	--btn-primary-outlined-border-hover: 1px solid #2E9BFF; /* 边框-悬停 */
	--btn-primary-outlined-border-focus: none; /* 边框-聚焦 */
	--btn-primary-outlined-border-disabled: 1px solid rgba(255, 255, 255, 0.25); /* 边框-禁用 */
	--btn-primary-outlined-box-shadow: none; /* 阴影-普通 */
	--btn-primary-outlined-box-shadow-hover: none; /* 阴影-悬停 */
	--btn-primary-outlined-disabled-opacity: 1; /* 透明度-禁用 */
	--btn-primary-outlined-outline-focus: 1px solid #E8EEF4; /* 外边框-聚焦 */

	/* 文本按钮 */
	--btn-link-gap: 4px; /* 间距 */
	--btn-link-color: #58AFFF; /* 文字颜色 */
	--btn-link-color-hover: #2E9BFF; /* 文字颜色-悬停 */
	--btn-link-color-disabled: rgba(255, 255, 255, 0.15); /* 文字颜色-禁用 */
	--btn-link-text-shadow-hover: none; /* 文字阴影-悬停 */
	--btn-link-font-weight: 600; /* 文字粗细 */
	--btn-link-font-family: 'Open Sans'; /* 字体 */
	--btn-link-padding--sm: 0px; /* 内边距-小 */
	--btn-link-padding--md: 0px; /* 内边距-中 */
	--btn-link-padding--lg: 0px; /* 内边距-大 */
	--btn-link-font-size--sm: 12px; /* 文字大小-小 */
	--btn-link-font-size--md: 16px; /* 文字大小-中 */
	--btn-link-font-size--lg: 16px; /* 文字大小-大 */
	--btn-link-line-height--sm: 16px; /* 文本行高 */
	--btn-link-line-height--md: 20px; /* 文本行高-中 */
	--btn-link-line-height--lg: 20px; /* 文本行高-大 */
	--btn-link-border-radius-sm: 4px; /* 圆角-小 */
	--btn-link-border-radius-md: 4px; /* 圆角-中 */
	--btn-link-border-radius-lg: 8px; /* 圆角-大 */
	--btn-link-bg: transparent; /* 背景-普通 */
	--btn-link-bg-hover: transparent; /* 背景-悬停 */
	--btn-link-bg-disabled: transparent; /* 背景-禁用 */
	--btn-link-border: none; /* 边框 */
	--btn-link-border-hover: none; /* 边框-悬停 */
	--btn-link-border-focus: none; /* 边框-聚焦 */
	--btn-link-border-disabled: none; /* 边框-禁用 */
	--btn-link-box-shadow: none; /* 阴影-普通 */
	--btn-link-box-shadow-hover: none; /* 阴影-悬停 */
	--btn-link-disabled-opacity: 1; /* 透明度-禁用 */
	--btn-link-outline-focus: 1px solid #E8EEF4; /* 外边框-聚焦 */

	/* 文本按钮-白色 */
	--btn-link-white-gap: 4px; /* 间距 */
	--btn-link-white-color: #EBF1F7; /* 文字颜色 */
	--btn-link-white-color-hover: #E9EAEB; /* 文字颜色-悬停 */
	--btn-link-white-color-disabled: rgba(255, 255, 255, 0.15); /* 文字颜色-禁用 */
	--btn-link-white-text-shadow-hover: 0 4px 4px rgba(0, 0, 0, 0.25), 0 0 7px rgba(255, 255, 255, 0.50); /* 文字阴影-悬停 */
	--btn-link-white-font-weight: 600; /* 文字粗细 */
	--btn-link-white-font-family: 'Open Sans'; /* 字体 */
	--btn-link-white-padding--sm: 0px; /* 内边距-小 */
	--btn-link-white-padding--md: 0px; /* 内边距-中 */
	--btn-link-white-padding--lg: 0px; /* 内边距-大 */
	--btn-link-white-font-size--sm: 12px; /* 文字大小-小 */
	--btn-link-white-font-size--md: 16px; /* 文字大小-中 */
	--btn-link-white-font-size--lg: 16px; /* 文字大小-大 */
	--btn-link-white-line-height--sm: 16px; /* 文本行高 */
	--btn-link-white-line-height--md: 20px; /* 文本行高-中 */
	--btn-link-white-line-height--lg: 20px; /* 文本行高-大 */
	--btn-link-white-border-radius-sm: 4px; /* 圆角-小 */
	--btn-link-white-border-radius-md: 4px; /* 圆角-中 */
	--btn-link-white-border-radius-lg: 8px; /* 圆角-大 */
	--btn-link-white-bg: transparent; /* 背景-普通 */
	--btn-link-white-bg-hover: transparent; /* 背景-悬停 */
	--btn-link-white-bg-disabled: transparent; /* 背景-禁用 */
	--btn-link-white-border: none; /* 边框 */
	--btn-link-white-border-hover: none; /* 边框-悬停 */
	--btn-link-white-border-focus: none; /* 边框-聚焦 */
	--btn-link-white-border-disabled: none; /* 边框-禁用 */
	--btn-link-white-box-shadow: none; /* 阴影-普通 */
	--btn-link-white-box-shadow-hover: none; /* 阴影-悬停 */
	--btn-link-white-disabled-opacity: 1; /* 透明度-禁用 */
	--btn-link-white-outline-focus: 1px solid #E8EEF4; /* 外边框-聚焦 */


	/* 错误按钮 */
	--btn-error-gap: 4px; /* 间距 */
	--btn-error-color: #FAFAFA; /* 文字颜色 */
	--btn-error-color-hover: #FAFAFA; /* 文字颜色-悬停 */
	--btn-error-color-disabled: rgba(255, 255, 255, 0.50); /* 文字颜色-禁用 */
	--btn-error-text-shadow-hover: none; /* 文字阴影-悬停 */
	--btn-error-font-weight: 600; /* 文字粗细 */
	--btn-error-font-family: 'Open Sans'; /* 字体 */
	--btn-error-padding--sm: 4px 8px; /* 内边距-小 */
	--btn-error-padding--md: 6px 8px; /* 内边距-中 */
	--btn-error-padding--lg: 8px 16px; /* 内边距-大 */
	--btn-error-font-size--sm: 12px; /* 文字大小-小 */
	--btn-error-font-size--md: 16px; /* 文字大小-中 */
	--btn-error-font-size--lg: 16px; /* 文字大小-大 */
	--btn-error-line-height--sm: 16px; /* 文本行高 */
	--btn-error-line-height--md: 20px; /* 文本行高-中 */
	--btn-error-line-height--lg: 20px; /* 文本行高-大 */
	--btn-error-border-radius-sm: 4px; /* 圆角-小 */
	--btn-error-border-radius-md: 4px; /* 圆角-中 */
	--btn-error-border-radius-lg: 8px; /* 圆角-大 */
	--btn-error-bg: linear-gradient(270deg, #AC0020 0%, #FF2752 50.17%, #AC0020 100%); /* 背景-普通 */
	--btn-error-bg-hover: linear-gradient(270deg, #AC0020 0%, #FF2752 50.17%, #AC0020 100%); /* 背景-悬停 */
	--btn-error-bg-disabled: #6E0014; /* 背景-禁用 */
	--btn-error-border: 1px solid #FF2752; /* 边框 */
	--btn-error-border-hover: 1px solid #FF2752; /* 边框-悬停 */
	--btn-error-border-focus: none; /* 边框-聚焦 */
	--btn-error-border-disabled: 1px solid rgba(255, 255, 255, 0.25); /* 边框-禁用 */
	--btn-error-box-shadow: none; /* 阴影-普通 */
	--btn-error-box-shadow-hover: 0 0 16px 0 #FF5578 inset, 0 0 4px 0 #FF2752; /* 阴影-悬停 */
	--btn-error-disabled-opacity: 1; /* 透明度-禁用 */
	--btn-error-outline-focus: 1px solid #E8EEF4; /* 聚焦-边框 */


	/* 钱包按钮-电脑 */
	--btn-wallet-desktop-gap: 4px; /* 间距 */
	--btn-wallet-desktop-color: #FFF; /* 文字颜色 */
	--btn-wallet-desktop-color-hover: #FFF; /* 文字颜色-悬停 */
	--btn-wallet-desktop-text-shadow-hover: none; /* 文字阴影-悬停 */
	--btn-wallet-desktop-font-weight: 600; /* 文字粗细 */
	--btn-wallet-desktop-font-family: 'Open Sans'; /* 字体 */
	--btn-wallet-desktop-padding: 8px 8px 10px 8px; /* 内边距-小 */
	--btn-wallet-desktop-font-size: 12px; /* 文字大小-小 */
	--btn-wallet-desktop-line-height: 16px; /* 文本行高 */
	--btn-wallet-desktop-border-radius: 8px; /* 圆角-小 */
	--btn-wallet-desktop-bg: linear-gradient(0deg, #216EB5 0%, #2A8DE8 50.16%); /* 背景-普通 */
	--btn-wallet-desktop-bg-hover: linear-gradient(0deg, #2E9BFF 0%, #58AFFF 50.16%); /* 背景-悬停 */
	--btn-wallet-desktop-border-top: 0.5px solid rgba(233, 235, 237, 0.50); /* 边框 */
	--btn-wallet-desktop-box-shadow: 0 4px 4px 0 rgba(255, 255, 255, 0.50) inset, 0 -2px 0 0 rgba(0, 0, 0, 0.4) inset; /* 阴影-普通 */
	--btn-wallet-desktop-box-shadow-hover: 0 0 8px 0 #2A8DE8, 0 4px 4px 0 rgba(255, 255, 255, 0.50) inset, 0 -2px 0 0 #00000031 inset; /* 阴影-悬停 */
	--btn-wallet-desktop-outline-focus: 1px solid #EAF5FF; /* 聚焦-边框 */


	/* 钱包按钮-手机 */
	--btn-wallet-mobile-gap: 4px; /* 间距 */
	--btn-wallet-mobile-color: #FFF; /* 文字颜色 */
	--btn-wallet-mobile-color-hover: #FFF; /* 文字颜色-悬停 */
	--btn-wallet-mobile-text-shadow-hover: none; /* 文字阴影-悬停 */
	--btn-wallet-mobile-font-weight: 600; /* 文字粗细 */
	--btn-wallet-mobile-font-family: 'Open Sans'; /* 字体 */
	--btn-wallet-mobile-padding: 8px 8px 8px 8px; /* 内边距-小 */
	--btn-wallet-mobile-font-size: 20px; /* 文字大小-小 */
	--btn-wallet-mobile-line-height: 16px; /* 文本行高 */
	--btn-wallet-mobile-border-radius: 8px; /* 圆角-小 */
	--btn-wallet-mobile-bg: linear-gradient(0deg, #216EB5 0%, #2A8DE8 50.16%); /* 背景-普通 */
	--btn-wallet-mobile-bg-hover: linear-gradient(0deg, #2E9BFF 0%, #58AFFF 50.16%); /* 背景-悬停 */
	--btn-wallet-mobile-border-top: 0.5px solid rgba(233, 235, 237, 0.50); /* 边框 */
	--btn-wallet-mobile-box-shadow: 0 4px 4px 0 rgba(255, 255, 255, 0.50) inset, 0 -2px 0 0 rgba(0, 0, 0, 0.4) inset; /* 阴影-普通 */
	--btn-wallet-mobile-box-shadow-hover: 0 0 8px 0 #2A8DE8, 0 4px 4px 0 rgba(255, 255, 255, 0.50) inset, 0 -2px 0 0 #00000031 inset; /* 阴影-悬停 */
	--btn-wallet-mobile-outline-focus: 1px solid #EAF5FF; /* 聚焦-边框 */


	/* 消息按钮 */
	--btn-message-font-size: 16px; /* 图标大小 */
	--btn-message-padding: 10px; /* 内边距 */
	--btn-message-color: rgba(233, 235, 237, 0.50); /* 文字颜色 */
	--btn-message-color-hover: #E9EBED;	/* 文字颜色-悬停 */
	--btn-message-border: 1px solid #548CC0; /* 边框 */
	--btn-message-border-hover: 1px solid #75A3CC; /* 边框-悬停 */
	--btn-message-border-radius: 8px; /* 圆角 */
	--btn-message-bg: linear-gradient(180deg, #6087B0 0%, #1D2C3B 100%); /* 背景-普通 */
	--btn-message-bg-hover: linear-gradient(180deg, #6087B0 0%, #1D2C3B 100%);	/* 背景-悬停 */
	--btn-message-box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.30); /* 阴影-普通 */
	--btn-message-box-shadow-hover: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.30); /* 阴影-悬停 */


	/* 主按钮 */
	--btn-telegram-gap: 16px; /* 间距 */
	--btn-telegram-color: #FAFAFA; /* 文字颜色 */
	--btn-telegram-color-hover: #FAFAFA; /* 文字颜色-悬停 */
	--btn-telegram-color-disabled: rgba(255, 255, 255, 0.50); /* 文字颜色-禁用 */
	--btn-telegram-text-shadow-hover: none; /* 文字阴影-悬停 */
	--btn-telegram-font-weight: 600; /* 文字粗细 */
	--btn-telegram-font-family: 'Open Sans'; /* 字体 */
	--btn-telegram-font-size: 16px; /* 文字大小 */
	--btn-telegram-line-height: 20px; /* 文本行高 */
	--btn-telegram-border-radius: 8px; /* 圆角 */
	--btn-telegram-bg: radial-gradient(141.96% 132.14% at 50% -6.25%, #FFF 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(50% 50% at 50% 50%, #0085FF 0%, #2A8DE8 100%); /* 背景-普通 */
	--btn-telegram-bg-hover: radial-gradient(141.96% 132.14% at 50% -6.25%, #FFF 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(50% 50% at 50% 50%, #2495ff 0%, #3290e9 100%);; /* 背景-悬停 */
	--btn-telegram-bg-disabled: #19558C; /* 背景-禁用 */
	--btn-telegram-border: none; /* 边框 */
	--btn-telegram-border-hover: none; /* 边框-悬停 */
	--btn-telegram-border-focus: none; /* 边框-聚焦 */
	--btn-telegram-border-disabled: none; /* 边框-禁用 */
	--btn-telegram-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 -2px 0 0 rgba(0, 0, 0, 0.50) inset; /* 阴影-普通 */
	--btn-telegram-box-shadow-hover: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 -2px 0 0 rgba(0, 0, 0, 0.50) inset; /* 阴影-悬停 */
	--btn-telegram-background-blend-mode: soft-light, normal; /* 背景混合模式-普通 */
	--btn-telegram-background-blend-mode-hover: soft-light, normal; /* 背景混合模式-悬停 */
	--btn-telegram-disabled-opacity: 1; /* 透明度-禁用 */
	--btn-telegram-outline-focus: 1px solid #EAF5FF; /* 聚焦-边框 */


	/* 分割线 */
	--divider-bg: rgba(255, 255, 255, 0.10); /* 背景 */
	--divider-color: #B8D0E5; /* 文字颜色 */
	--divider-font-size: 12px; /* 文字大小 */
	--divider-font-family: 'Open Sans'; /* 字体 */
	--divider-font-weight: 400; /* 文字粗细 */
	--divider-line-height: 16px; /* 文本行高 */
	--divider-margin: 6px; /* 边距 */
	--divider-height: 1px; /* 线的高度 */


	/* 复选框 */
	--checkbox-font-family: 'Open Sans'; /* 字体 */
	--checkbox-font-weight: 400; /* 文字粗细 */
	--checkbox-bg: #0F1C29; /* 背景-普通 */
	--checkbox-bg-checked: #0B141E; /* 背景-选中 */
	--checkbox-bg-checked-hover: #0B141E; /* 背景-选中悬停 */
	--checkbox-bg-checked-disabled: #0B141E; /* 背景-选中禁用 */
	--checkbox-bg-disabled: #0B141E; /* 背景-禁用 */
	--checkbox-border: 1px solid #2F587F; /* 边框 */
	--checkbox-border-hover: 1px solid #2F587F; /* 边框-悬停 */
	--checkbox-border-disabled: 1px solid #2F587F; /* 边框-禁用 */
	--checkbox-border-checked: 1px solid #2A8DE8; /* 边框-选中 */
	--checkbox-border-checked-hover: 1px solid #2A8DE8; /* 边框-选中悬停 */
	--checkbox-border-radius: 4px; /* 圆角 */
	--checkbox-box-shadow: none; /* 阴影-普通 */
	--checkbox-box-shadow-checked: none; /* 阴影-选中 */
	--checkbox-box-shadow-hover: none; /* 阴影-悬停 */
	--checkbox-box-shadow-checked-hover: none; /* 阴影-选中悬停 */
	--checkbox-icon-color: #FFFFFF; /* 图标颜色 */
	--checkbox-label-color: #E9EBED; /* 标签颜色 */
	--checkbox-label-color-checked: #FAFAFA; /* 标签颜色-选中 */
	--checkbox-label-color-disabled: rgba(255, 255, 255, 0.30); /* 标签颜色-禁用 */
	--checkbox-disabled-opacity: 0.4; /* 透明度-禁用 */
	--checkbox-size--sm: 16px; /* 复选框大小-小 */
	--checkbox-size--md: 20px; /* 复选框大小-中 */
	--checkbox-size--lg: 24px; /* 复选框大小-大 */
	--checkbox-gap--sm: 8px; /* 间距-小 */
	--checkbox-gap--md: 8px; /* 间距-中 */
	--checkbox-gap--lg: 12px; /* 间距-大 */
	--checkbox-font-size--sm: 12px; /* 文字大小-小 */
	--checkbox-font-size--lg: 16px; /* 文字大小-大 */
	--checkbox-font-size--md: 14px; /* 文字大小-中 */
	--checkbox-line-height--sm: 16px; /* 文本行高-小 */
	--checkbox-line-height--md: 20px; /* 文本行高-中 */
	--checkbox-line-height--lg: 22px; /* 文本行高-大 */
	--checkbox-icon-size--sm: 8px; /* 图标大小-小 */
	--checkbox-icon-size--md: 10px; /* 图标大小-中 */
	--checkbox-icon-size--lg: 12px; /* 图标大小-大 */


	/* Toggle 组 */
	--toggle-group-bg: transparent; /* 组-背景 */
	--toggle-group-gap: 8px; /* 组-间距 */
	--toggle-group-padding: 4px; /* 组-内边距 */
	--toggle-group-border: none; /* 组-边框 */
	--toggle-group-box-shadow: none; /* 组-阴影 */
	--toggle-group-border-radius: 0; /* 组-圆角 */
	--toggle-group-disabled-opacity: 0.6; /* 组-禁用透明度 */
	--toggle-group-transition: all 0.2s ease; /* 组-过渡 */
	/* Toggle 单个 */
	--toggle-font-family: 'Open Sans'; /* 字体 */
	--toggle-font-weight: 600; /* 字重 */
	--toggle-color: #E9EBED; /* 文字颜色 */
	--toggle-color-hover: #FAFAFA; /* 文字颜色-悬停 */
	--toggle-color-active: #FAFAFA; /* 文字颜色-激活 */
	--toggle-color-disabled: rgba(233, 235, 237, 0.40); /* 文字颜色-禁用 */
	--toggle-bg: transparent; /* 背景-默认 */
	--toggle-bg-hover: transparent; /* 背景-悬停 */
	--toggle-bg-active: linear-gradient(180deg, #0C2741 0%, #19558C 100%); /* 背景-激活 */
	--toggle-bg-disabled: linear-gradient(180deg, #0F1C29 0%, #101C29 100%); /* 背景-禁用 */
	--toggle-border-radius: 8px; /* 圆角 */
	--toggle-border: 1px solid transparent; /* 边框-默认 */
	--toggle-border-hover: 1px solid #58AFFF; /* 边框-悬停 */
	--toggle-border-active: 1px solid #58AFFF; /* 边框-激活 */
	--toggle-border-focus: 1px solid #2A8DE8; /* 边框-聚焦 */
	--toggle-border-disabled: 1px solid rgba(84, 140, 192, 0.25); /* 边框-禁用 */
	--toggle-box-shadow: none; /* 阴影-默认 */
	--toggle-box-shadow-hover: 0 0 8px 0 rgba(88, 175, 255, 0.35); /* 阴影-悬停 */
	--toggle-box-shadow-active: 0 0 12px 0 rgba(42, 141, 232,0.35); /* 阴影-激活 */
	--toggle-box-shadow-disabled: none; /* 阴影-禁用 */
	--toggle-outline-focus: 0 0 0 2px rgba(42, 141, 232, 0.35); /* 外轮廓-聚焦 */
	--toggle-disabled-opacity: 0.5; /* 透明度-禁用 */
	--toggle-gap: 8px; /* 内部间距 */
	--toggle-icon-gap: 4px; /* 图标间距 */
	--toggle-min-height: 32px; /* 最小高度 */
	--toggle-min-width: 0px; /* 最小宽度 */
	--toggle-transition: all 0.2s ease; /* 过渡 */
	--toggle-padding--sm: 6px 12px; /* 内边距-小 */
	--toggle-padding--md: 8px 16px; /* 内边距-中 */
	--toggle-padding--lg: 10px 20px; /* 内边距-大 */
	--toggle-font-size--sm: 12px; /* 文字大小-小 */
	--toggle-font-size--md: 14px; /* 文字大小-中 */
	--toggle-font-size--lg: 16px; /* 文字大小-大 */
	--toggle-line-height--sm: 16px; /* 文本行高-小 */
	--toggle-line-height--md: 20px; /* 文本行高-中 */
	--toggle-line-height--lg: 22px; /* 文本行高-大 */


	/* 关闭按钮-圆形 */
	--btn-close-circle-padding: 10px; /* 内边距 */
	--btn-close-circle-color: #E9EBED; /* 文字颜色 */
	--btn-close-circle-color-hover: #FFF;	/* 文字颜色-悬停 */
	--btn-close-circle-border: 1px solid #2E9BFF; /* 边框 */
	--btn-close-circle-border-hover: 1.222px solid #2E9BFF; /* 边框-悬停 */
	--btn-close-circle-border-active:1px solid #2E9BFF; /* 边框-点击 */
	--btn-close-circle-bg: linear-gradient(180deg, #0F2438 0%, #19446D 100%); /* 背景-普通 */
	--btn-close-circle-bg-hover: linear-gradient(0deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.50) 100%), linear-gradient(180deg, #0F2438 0%, #19446D 100%);	/* 背景-悬停 */
	--btn-close-circle-bg-active: linear-gradient(180deg, #0F2438 0%, #19446D 100%);/* 背景-点击 */
	--btn-close-circle-bg-disabled: linear-gradient(180deg, #0F2438 0%, #19446D 100%); /* 背景-禁用 */
	--btn-close-circle-box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.30); /* 阴影-普通 */
	--btn-close-circle-box-shadow-hover: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.30); /* 阴影-悬停 */
	--btn-close-circle-box-shadow-active: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.30); /* 阴影-点击 */
	--btn-close-circle-disabled-opacity: 0.5; /* 透明度-禁用 */
	--btn-close-circle-transition: all 0.2s ease; /* 过渡效果 */


	/* 关闭按钮-正方形 */
	--btn-close-square-padding: 10px; /* 内边距 */
	--btn-close-square-color: #E9EBED; /* 文字颜色 */
	--btn-close-square-color-hover: #FFF;	/* 文字颜色-悬停 */
	--btn-close-square-border: 1px solid #4B6686; /* 边框 */
	--btn-close-square-border-hover: 1px solid #4B6686; /* 边框-悬停 */
	--btn-close-square-border-active: 1px solid #4B6686; /* 边框-点击 */
	--btn-close-square-bg: linear-gradient(180deg, #3D5E84 0%, #213142 100%); /* 背景-普通 */
	--btn-close-square-bg-hover: linear-gradient(0deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.50) 100%), linear-gradient(180deg, #3D5E84 0%, #213142 100%);	/* 背景-悬停 */
	--btn-close-square-bg-active: linear-gradient(180deg, #3D5E84 0%, #213142 100%); /* 背景-点击 */
	--btn-close-square-bg-disabled: linear-gradient(180deg, #0F2438 0%, #19446D 100%); /* 背景-禁用 */
	--btn-close-square-box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.30); /* 阴影-普通 */
	--btn-close-square-box-shadow-hover: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.30); /* 阴影-悬停 */
	--btn-close-square-box-shadow-active: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.30); /* 阴影-点击 */
	--btn-close-square-disabled-opacity: 0.5; /* 透明度-禁用 */
	--btn-close-square-transition: all 0.2s ease; /* 过渡效果 */


	/* Toast 通知 */
	--toast-width: 343px; /* 宽度 */
	--toast-min-height: 82px; /* 最小高度 */
	--toast-max-height: 82px; /* 最大高度 */
	--toast-padding: 12px 16px; /* 内边距 */
	--toast-gap: 16px; /* 图标和内容间距 */
	--toast-border-radius: 8px; /* 圆角 */
	--toast-bg: #0F1C29; /* 背景 */
	--toast-box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.14), 0px 6px 30px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.2); /* 阴影 */

	/* Toast 图标 */
	--toast-icon-padding: 4px; /* 图标内边距 */
	--toast-icon-border-radius: 43px; /* 图标圆角 */
	--toast-icon-bg: #303746; /* 图标背景-默认 */
	--toast-icon-color: #FFFFFF; /* 图标颜色-默认 */
	--toast-icon-bg-success: #303746; /* 图标背景-成功 */
	--toast-icon-color-success: #4AE581; /* 图标颜色-成功 */
	--toast-icon-bg-error: #303746; /* 图标背景-错误 */
	--toast-icon-color-error: #FF2752; /* 图标颜色-错误 */
	--toast-icon-bg-warning: #303746; /* 图标背景-警告 */
	--toast-icon-color-warning: #FFB020; /* 图标颜色-警告 */
	--toast-icon-bg-info: #303746; /* 图标背景-信息 */
	--toast-icon-color-info: #58AFFF; /* 图标颜色-信息 */
	/* Toast 标题 */
	--toast-title-color: #EBF1F7; /* 标题颜色 */
	--toast-title-font-family: 'Open Sans'; /* 标题字体 */
	--toast-title-font-size: 16px; /* 标题字号 */
	--toast-title-font-weight: 600; /* 标题粗细 */
	--toast-title-line-height: 20px; /* 标题行高 */
	/* Toast 消息 */
	--toast-message-color: #B8D0E5; /* 消息颜色 */
	--toast-message-font-family: 'Open Sans'; /* 消息字体 */
	--toast-message-font-size: 12px; /* 消息字号 */
	--toast-message-font-weight: 400; /* 消息粗细 */
	--toast-message-line-height: 16px; /* 消息行高 */
	/* 左上角椭圆光效 */
	--toast-decoration-ellipse-left: -74px; /* 椭圆左侧位置 */
	--toast-decoration-ellipse-top: -65px; /* 椭圆顶部位置 */
	--toast-decoration-ellipse-size: 230px; /* 椭圆大小 */
	--toast-decoration-ellipse-bg: radial-gradient(50% 50% at 50% 50%, rgba(31, 216, 96, 0.12) 0%, rgba(31, 216, 96, 0) 100%); /* 椭圆背景 */
	--toast-decoration-ellipse-bg-success: radial-gradient(50% 50% at 50% 50%, rgba(31, 216, 96, 0.12) 0%, rgba(31, 216, 96, 0) 100%); /* 椭圆背景-成功 */
	--toast-decoration-ellipse-bg-error: radial-gradient(50% 50% at 50% 50%, rgba(255, 85, 120, 0.12) 0%, rgba(255, 85, 120, 0) 100%); /* 椭圆背景-错误 */
	--toast-decoration-ellipse-bg-warning: radial-gradient(50% 50% at 50% 50%, rgba(255, 176, 32, 0.12) 0%, rgba(255, 176, 32, 0) 100%); /* 椭圆背景-警告 */
	--toast-decoration-ellipse-bg-info: radial-gradient(50% 50% at 50% 50%, rgba(88, 175, 255, 0.12) 0%, rgba(88, 175, 255, 0) 100%); /* 椭圆背景-信息 */
	--toast-decoration-ellipse-opacity: 1; /* 椭圆透明度 */
	/* 底部进度条 */
	--toast-decoration-progress-left: -20px; /* 进度条左侧位置 */
	--toast-decoration-progress-top: 79px; /* 进度条顶部位置 */
	--toast-decoration-progress-width: 375px; /* 进度条宽度 */
	--toast-decoration-progress-height: 14px; /* 进度条高度 */
	--toast-decoration-progress-radius: 10px; /* 进度条圆角 */
	--toast-decoration-progress-opacity: 1; /* 进度条透明度 */
	--toast-decoration-progress-bg: #4AE581; /* 进度条背景-默认 */
	--toast-decoration-progress-bg-success: #4AE581; /* 进度条背景-成功 */
	--toast-decoration-progress-bg-error: #FF5578; /* 进度条背景-错误 */
	--toast-decoration-progress-bg-warning: #FFB020; /* 进度条背景-警告 */
	--toast-decoration-progress-bg-info: #58AFFF; /* 进度条背景-信息 */

	/* 分页组件 */
	--pagination-gap: 4px; /* 组件间距 */
	--pagination-font-family: 'Open Sans'; /* 组件字体 */
	/* 按钮样式 */
	--pagination-btn-gap: 4px; /* 按钮内间距 */
	--pagination-btn-height-sm: 24px; /* 按钮高度-小 */
	--pagination-btn-height-md: 32px; /* 按钮高度-中 */
	--pagination-btn-font-family: 'Open Sans'; /* 按钮字体 */
	--pagination-btn-font-weight: 600; /* 按钮字体粗细 */
	--pagination-btn-font-size-sm: 12px; /* 按钮字体大小-小 */
	--pagination-btn-font-size-md: 12px; /* 按钮字体大小-中 */
	--pagination-btn-line-height: 1; /* 按钮行高 */
	--pagination-btn-color: #FAFAFA; /* 按钮文字颜色 */
	/* 页码按钮 */
	--pagination-page-width-sm: 24px; /* 页码宽度-小 */
	--pagination-page-width-md: 32px; /* 页码宽度-中 */
	--pagination-page-height-sm: 24px; /* 页码高度-小 */
	--pagination-page-height-md: 32px; /* 页码高度-中 */
	--pagination-page-padding-sm: 4px; /* 页码内边距-小 */
	--pagination-page-padding-md: 6px; /* 页码内边距-中 */
	--pagination-page-border-radius-sm: 4px; /* 页码圆角-小 */
	--pagination-page-border-radius-md: 5px; /* 页码圆角-中 */
	--pagination-page-border: 1px solid #548CC0; /* 页码边框 */
	--pagination-page-border-active: 1px solid #2A8DE8; /* 页码边框-激活 */
	--pagination-page-border-inactive: 1px solid #548CC0; /* 页码边框-非激活 */
	--pagination-page-border-hover: 1px solid #548CC0; /* 页码边框-悬停 */
	--pagination-page-bg: linear-gradient(180deg, #2F587F 0%, #213E59 100%); /* 页码背景 */
	--pagination-page-bg-active: linear-gradient(180deg, #0C2741 0%, #19558C 100%); /* 页码背景-激活 */
	--pagination-page-bg-inactive: linear-gradient(180deg, #2F587F 0%, #213E59 100%); /* 页码背景-非激活 */
	--pagination-page-bg-hover: linear-gradient(180deg, #3D72A4 0%, #213E59 100%); /* 页码背景-悬停 */
	--pagination-page-font-family: 'Open Sans'; /* 页码字体 */
	--pagination-page-font-weight: 700; /* 页码字体粗细 */
	--pagination-page-font-size: 12px; /* 页码字体大小 */
	--pagination-page-line-height: 16px; /* 页码行高 */
	--pagination-page-color: #FAFAFA; /* 页码文字颜色 */


	/* 输入框 */
	--input-font-size: 12px; /* 字体大小 */
	/* 输入框-标题 */
	--input-title-color: #EBF1F7; /* 标题颜色 */
	--input-title-color__disabled: #EBF1F7; /* 标题颜色-禁用 */
	--input-title-font-family: 'Open Sans'; /* 标题字体 */
	--input-title-font-size: 12px; /* 标题字号 */
	--input-title-font-weight: 600; /* 标题粗细 */
	--input-title-font-style: normal; /* 标题字体样式 */
	--input-title-line-height: 1; /* 标题行高 */
	--input-title-margin-bottom: 6px; /* 标题在顶部时下边距 */
	/* 输入框-容器 */
	--input-container-gap: 8px; /* 容器内间距 */
	--input-container-padding: 4px 12px; /* 容器内边距 */
	--input-container-font-size: 12px; /* 容器字体大小 */
	--input-container-bg: #0F1C29; /* 容器背景颜色 */
	--input-container-bg__hover: #0F1C29; /* 容器背景颜色-悬停 */
	--input-container-bg__focused: #0F1C29; /* 容器背景颜色-聚焦 */
	--input-container-bg__error: #0F1C29; /* 容器背景颜色-错误 */
	--input-container-bg__error-focused: #0F1C29; /* 容器背景颜色-错误聚焦 */
	--input-container-bg__disabled: #0F1C29; /* 容器背景颜色-禁用 */
	--input-container-bg__readonly: #0F1C29; /* 容器背景颜色-只读 */
	--input-container-border: 1px solid transparent; /* 容器边框 */
	--input-container-border__hover: 1px solid #2A8DE8; /* 容器边框 */
	--input-container-border__focused: 1px solid #2A8DE8; /* 容器边框-聚焦 */
	--input-container-border__error: 1px solid #FF2752; /* 容器边框-错误 */
	--input-container-border__error-focused: 1px solid #FF2752; /* 容器边框-错误聚焦 */
	--input-container-border__disabled: 1px solid transparent; /* 容器边框-禁用 */
	--input-container-border__readonly: 1px solid transparent; /* 容器边框-只读 */
	--input-container-box-shadow: none; /* 容器阴影 */
	--input-container-box-shadow__hover: none; /* 容器阴影-悬停 */
	--input-container-box-shadow__error: 0 0 0 1.5px rgba(255, 39, 82, 0.25); /* 容器阴影-错误 */
	--input-container-box-shadow__error-focused: 0 0 0 1.5px rgba(255, 39, 82, 0.25); /* 容器阴影-错误聚焦 */
	--input-container-box-shadow__focused: 0 0 0 1.5px rgba(46, 155, 255, 0.25); /* 容器阴影-聚焦 */
	--input-container-border-radius: 4px; /* 容器圆角 */
	/* 输入框-输入提示 */
	--input-placeholder-color: #3D72A4; /* 输入提示文字颜色 */
	--input-placeholder-color__focused: #E9EBED; /* 输入提示文字颜色-聚焦 */
	--input-placeholder-color__disabled: rgba(255, 255, 255, 0.15); /* 输入提示文字颜色-禁用 */
	--input-placeholder-font-family: 'Open Sans'; /* 输入提示字体 */
	--input-placeholder-font-size: 12px; /* 输入提示字体大小 */
	--input-placeholder-font-weight: 400; /* 输入提示字体粗细 */
	--input-placeholder-font-style: normal; /* 输入提示字体样式 */
	--input-placeholder-line-height: 1; /* 输入提示行高 */
	/* 输入框-输入的文本 */
	--input-text-color: #E9EBED; /* 输入的文本颜色 */
	--input-text-color__disabled: rgba(255, 255, 255, 0.15); /* 输入的文本颜色-禁用 */
	--input-text-color__readonly: rgba(255, 255, 255, 0.15); /* 输入的文本颜色-只读 */
	/* 输入框-底部提示 */
	--input-bottom-tip-font-size: 12px; /* 底部提示字体大小 */
	--input-bottom-tip-margin-top: 6px; /* 底部提示顶部填充距离 */
	--input-bottom-tip-color: #FAD450; /* 底部提示文字颜色 */
	--input-bottom-tip-font-family: 'Open Sans'; /* 底部提示字体 */
	--input-bottom-tip-font-weight: 600; /* 底部提示字体粗细 */
	--input-bottom-tip-font-style: normal; /* 底部提示字体样式 */
	--input-bottom-tip-line-height: 16px; /* 底部提示行高 */
	/* 输入框-错误提示 */
	--input-error-color: #EBF1F7; /* 错误提示文字颜色 */
	--input-error-font-family: 'Open Sans'; /* 错误提示字体 */
	--input-error-font-size: 12px; /* 错误提示字体大小 */
	--input-error-font-weight: 600; /* 错误提示字体粗细 */
	--input-error-font-style: normal; /* 错误提示字体样式 */
	--input-error-line-height: 16px; /* 错误提示行高 */
	--input-error-margin-top: 6px; /* 错误提示顶部填充距离 */

	/* 下拉框 */
	--dropdown-gap: 6px; /* 组件间距 */
	/* 下拉框-触发器 */
	--dropdown-trigger-gap: 8px; /* 触发器内间距 */
	--dropdown-trigger-padding: 8px 12px; /* 触发器内边距 */
	--dropdown-trigger-bg: #0F1C29; /* 触发器背景 */
	--dropdown-trigger-bg-hover: #0F1C29; /* 触发器背景-悬停 */
	--dropdown-trigger-bg-disabled: #0F1C29; /* 触发器背景-禁用 */
	--dropdown-trigger-border: 1px solid transparent; /* 触发器边框 */
	--dropdown-trigger-border-hover: 1px solid #2A8DE8; /* 触发器边框-悬停 */
	--dropdown-trigger-border-open: 1px solid #2A8DE8; /* 触发器边框-打开 */
	--dropdown-trigger-border-disabled: 1px solid transparent; /* 触发器边框-禁用 */
	--dropdown-trigger-border-radius: 4px; /* 触发器圆角 */
	--dropdown-trigger-box-shadow-hover: none; /* 触发器阴影-悬停 */
	--dropdown-trigger-box-shadow-open: 0 0 0 1.5px rgba(46, 155, 255, 0.25); /* 触发器阴影-打开 */
	--dropdown-trigger-disabled-opacity: 0.5; /* 触发器透明度-禁用 */
	/* 下拉框-触发器文本 */
	--dropdown-trigger-text-color: #FFFFFF; /* 触发器文本颜色 */
	--dropdown-trigger-text-font-family: 'Open Sans'; /* 触发器文本字体 */
	--dropdown-trigger-text-font-size: 12px; /* 触发器文本字号 */
	--dropdown-trigger-text-font-weight: 600; /* 触发器文本粗细 */
	--dropdown-trigger-text-line-height: 16px; /* 触发器文本行高 */
	--dropdown-trigger-placeholder-color: #3D72A4; /* 触发器占位符颜色 */
	/* 下拉框-触发器图标 */
	--dropdown-trigger-icon-color: #FFFFFF; /* 触发器图标颜色 */
	--dropdown-trigger-arrow-color: #FFFFFF; /* 触发器箭头颜色 */
	/* 下拉框-菜单 */
	--dropdown-menu-offset: 4px; /* 菜单偏移量 */
	--dropdown-menu-bg: #0B141E; /* 菜单背景 */
	--dropdown-menu-border: 1px solid #2F587F; /* 菜单边框 */
	--dropdown-menu-border-radius: 4px; /* 菜单圆角 */
	--dropdown-menu-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15); /* 菜单阴影 */
	--dropdown-menu-z-index: 1000; /* 菜单层级 */
	/* 下拉框-菜单项 */
	--dropdown-menu-item-gap: 2px; /* 菜单项间距 */
	--dropdown-menu-item-padding: 12px 16px; /* 菜单项内边距 */
	--dropdown-menu-item-min-height: 44px; /* 菜单项最小高度 */
	--dropdown-menu-item-bg: #0F1C29; /* 菜单项背景 */
	--dropdown-menu-item-bg-hover: #19446D; /* 菜单项背景-悬停 */
	--dropdown-menu-item-bg-selected: #0F1C29; /* 菜单项背景-选中 */
	--dropdown-menu-item-border: 1px solid #2F587F; /* 菜单项边框 */
	--dropdown-menu-item-color: #EBF1F7; /* 菜单项文本颜色 */
	--dropdown-menu-item-color-selected: #FFFFFF; /* 菜单项文本颜色-选中 */
	--dropdown-menu-item-font-family: 'Open Sans'; /* 菜单项字体 */
	--dropdown-menu-item-font-size: 12px; /* 菜单项字号 */
	--dropdown-menu-item-font-weight: 600; /* 菜单项粗细 */
	--dropdown-menu-item-line-height: 16px; /* 菜单项行高 */
	--dropdown-menu-item-disabled-opacity: 0.5; /* 菜单项透明度-禁用 */
	/* 下拉框-空状态 */
	--dropdown-menu-empty-color: #B8D0E5; /* 空状态文本颜色 */
	/* 下拉框-滚动条 */
	--dropdown-scrollbar-color: rgba(255, 255, 255, 0.2); /* 滚动条颜色 */
	--dropdown-scrollbar-hover-color: rgba(255, 255, 255, 0.3); /* 滚动条颜色-悬停 */
	/* 下拉框 - 按钮类型 */
	--dropdown-button-padding: 8px; /* 按钮内边距 */
	--dropdown-button-gap: 8px; /* 按钮内间距 */
	--dropdown-button-bg: linear-gradient(180deg, #3F5E80 0%, #243649 100%); /* 按钮背景 */
	--dropdown-button-bg-hover: linear-gradient(180deg, #4A6B92 0%, #2D4155 100%); /* 按钮背景-悬停 */
	--dropdown-button-border: 1px solid #548CC0; /* 按钮边框 */
	--dropdown-button-border-hover: 1px solid #6599CC; /* 按钮边框-悬停 */
	--dropdown-button-border-open: 1px solid #6599CC; /* 按钮边框-打开 */
	--dropdown-button-border-radius: 8px; /* 按钮圆角 */
	--dropdown-button-text-font-size: 14px; /* 按钮文本字号 */
	--dropdown-button-text-font-weight: 500; /* 按钮文本粗细 */

	/* 下拉框-移动端菜单 */
	--dropdown-mobile-menu-padding: 0 12px 16px 12px; /* 菜单 - 内边距 */
	--dropdown-mobile-menu-border-radius: 12px 12px 0 0; /* 菜单 - 圆角 */
	--dropdown-mobile-menu-background: linear-gradient(180deg, #243649 -51.62%, #17222E 84.76%); /* 菜单 - 背景 */
	--dropdown-mobile-menu-box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.35); /* 菜单 - 阴影 */
	--dropdown-mobile-menu-border: 1px solid rgba(47, 88, 127, 0.6); /* 菜单 - 边框 */
	--dropdown-mobile-menu-gap: 8px; /* 菜单 - 菜单项间距 */
	--dropdown-mobile-menu-list-padding: 4px 4px; /* 菜单 - 列表内边距 */
	--dropdown-mobile-menu-header-padding: 24px 8px 12px 8px; /* 菜单 - 头部内边距 */
	--dropdown-mobile-menu-header-color: #EBF1F7; /* 菜单 - 头部文字颜色 */
	--dropdown-mobile-menu-header-font-size: 16px; /* 菜单 - 头部字体大小 */
	--dropdown-mobile-menu-header-font-weight: 700; /* 菜单 - 头部字体粗细 */
	--dropdown-mobile-menu-header-font-style: normal; /* 菜单 - 头部字体样式 */
	--dropdown-mobile-menu-header-line-height: 20px; /* 菜单 - 头部行高 */
	--dropdown-mobile-menu-close-color: #EBF1F7; /* 菜单 - 关闭按钮颜色 */
	--dropdown-mobile-menu-close-border: none; /* 菜单 - 关闭按钮边框 */
	--dropdown-mobile-menu-close-size: 20px; /* 菜单 - 关闭按钮大小 */
	--dropdown-mobile-menu-divider-color: rgba(255, 255, 255, 0.1); /* 菜单 - 分割线颜色 */
	--dropdown-mobile-menu-item-border-radius: 0px; /* 菜单 - 菜单项圆角 */
	--dropdown-mobile-menu-item-border: 1px solid transparent; /* 菜单 - 菜单项边框 */
	--dropdown-mobile-menu-item-background: transparent; /* 菜单 - 菜单项背景 */
	--dropdown-mobile-menu-item-color: #EBF1F7; /* 菜单 - 菜单项文字颜色 */
	--dropdown-mobile-menu-item-min-height: 44px; /* 菜单 - 菜单项最小高度 */


	/* 表单 - 布局 */
	--form-item-gap: 14px; /* 表单项间距 */
	--form-item-height: 36px; /* 表单项高度 */
	--form-item-gap-vertical: 10px; /* 垂直布局时，组件间距 */
	--form-item-gap-horizontal: 10px; /* 水平布局时，组件间距 */
	/* 表单 - 标题 */
	--form-item-title-color: #EBF1F7; /* 标题颜色 */
	--form-item-title-font-family: 'Open Sans'; /* 标题字体 */
	--form-item-title-font-size: 16px; /* 标题字号 */
	--form-item-title-font-weight: 600; /* 标题粗细 */
	--form-item-title-font-style: normal; /* 标题字体样式 */
	/* 表单 - 内容 */
	--form-item-content-color: #EBF1F7; /* 内容颜色 */
	--form-item-content-font-family: 'Open Sans'; /* 内容字体 */
	--form-item-content-font-size: 12px; /* 内容字号 */
	--form-item-content-font-weight: 600; /* 内容粗细 */
	--form-item-content-font-style: normal; /* 内容字体样式 */
	--form-item-content-height: 36px; /* 内容高度 */
	/* 表单 - 底部提示 */
	--form-item-bottom-tip-color: #EBF1F7; /* 底部提示颜色 */
	--form-item-bottom-tip-font-family: 'Open Sans'; /* 底部提示字体 */
	--form-footer-margin-top: 16px; /* 底部提示顶部填充距离 */
	--form-footer-gap: 16px; /* 底部提示间距 */


	/* 登录 - Logo */
	--login-logo-width: 148px; /* Logo宽度 */
	--login-logo-height: 48px; /* Logo高度 */
	/* 登录 - 海报 */
	--login-poster-width: 840; /* 海报宽度 */
	--login-poster-height: 1260; /* 海报高度 */
	--login-poster-max-width: 400px; /* 海报最大宽度 */
	/* 登录 - 窗口 */
	--login-box-padding: 24px 36px; /* 内边距 */
	--login-box-padding-mobile: 24px 16px; /* 内边距-移动端 */
	--login-box-max-width: 400px; /* 最大宽度 */
	--login-box-border-radius: 24px; /* 圆角 */
	--login-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); /* 阴影 */
	--login-box-border: 1px solid rgba(255, 255, 255, 0.2); /* 边框 */
	--login-box-backdrop-filter: blur(40px); /* 背景模糊 */
	--login-box-background: linear-gradient(193deg, #3f5e80 9.64%, #1d2c3b 88.46%); /* 背景 */
	--login-padding-1600: 200px; /* 浏览器宽度大于 1600px 时，内边距 */
	--login-padding-1280: 100px; /* 浏览器宽度大于 1280px 时，内边距 */
	--login-padding-1000: 50px; /* 浏览器宽度大于 1000px 时，内边距 */
	--login-padding-mobile: 24px; /* 浏览器宽度小于 1000px 时，内边距 */
	--login-gap-1600: 140px; /* 浏览器宽度大于 1600px 时，间距 */
	--login-gap-1280: 100px; /* 浏览器宽度大于 1280px 时，间距 */
	--login-gap-1000: 50px; /* 浏览器宽度大于 1000px 时，间距 */


	/* 桌面端导航栏 */
	--navigation-desktop-padding: 16px 110px; /* 导航栏 - 内边距 */
	/* 桌面端导航栏 - Logo */
	--navigation-desktop-logo-width: 136.225px; /* 导航栏Logo宽度 */
	--navigation-desktop-logo-height: 44px; /* 导航栏Logo高度 */
	--navigation-desktop-login-btn-min-width: 90px; /* 导航栏 - 登录按钮 - 最小宽度 */
	--navigation-desktop-language-btn-min-width: 60px; /* 导航栏 - 语言选择器 - 最小宽度 */
	/* 桌面端导航栏 - 注册按钮 */
	--navigation-desktop-register-btn-margin-right: 16px; /* 导航栏 - 注册按钮 - 右边距 */
	--navigation-desktop-register-btn-min-width: 130px; /* 导航栏 - 注册按钮 - 最小宽度 */
	--navigation-desktop-register-btn-height: 44px; /* 导航栏 - 注册按钮 - 高度 */
	/* 桌面端导航栏 - 小纸条按钮 */
	--navigation-desktop-message-btn-width: 44px; /* 导航栏 - 小纸条按钮 - 宽度 */

	/* 移动端导航栏 */
	--navigation-mobile-background: linear-gradient(270deg, #0b141e 0%, #0c2741 50%, #0b141e 100%); /* 移动端导航栏 - 背景 */
	--navigation-mobile-padding: 16px 16px; /* 移动端导航栏 - 内边距 */
	--navigation-mobile-main-height: 34px; /* 移动端导航栏 - 主容器 - 高度 */
	--navigation-mobile-main-button-gap: 16px; /* 移动端导航栏 - 主容器 - 按钮间距 */
	--navigation-mobile-sub-margin-top: 16px; /* 移动端导航栏 - 子容器 - 上边距 */
	--navigation-mobile-sub-border-top: 1px solid rgba(255, 255, 255, 0.1); /* 移动端导航栏 - 子容器 - 上边框 */
	--navigation-mobile-sub-padding-top: 16px; /* 移动端导航栏 - 子容器 - 上内边距 */
	--navigation-mobile-sub-balance-background: linear-gradient(90deg, rgba(46, 155, 255, 0) 0%, rgba(46, 155, 255, 0.1) 100%); /* 移动端导航栏 - 子容器 - 余额背景 */
	--navigation-mobile-sub-balance-min-height: 44px; /* 移动端导航栏 - 子容器 - 余额最小高度 */
	--navigation-mobile-sub-balance-padding: 0 16px; /* 移动端导航栏 - 子容器 - 余额内边距 */
	--navigation-mobile-sub-balance-border-radius: 8px; /* 移动端导航栏 - 子容器 - 余额圆角 */
	--navigation-mobile-sub-button-gap: 16px; /* 移动端导航栏 - 子容器 - 按钮间距 */
	--navigation-mobile-sub-button-min-width: 130px; /* 移动端导航栏 - 子容器 - 按钮最小宽度 */
	--navigation-mobile-sub-button-height: 36px; /* 移动端导航栏 - 子容器 - 按钮高度 */

	/* 顶部导航 - 余额 */
	--header-balance-min-width: 160px; /* 顶部导航 - 余额 - 最小宽度 */
	--header-balance-gap: 0; /* 顶部导航 - 余额 - 间距 */
	--header-balance-gap__mobile: 32px; /* 顶部导航 - 余额 - 间距 - 移动端 */
	--header-balance-title-color: #EBF1F7; /* 顶部导航 - 余额 - 标题颜色 */
	--header-balance-title-font-size: 12px; /* 顶部导航 - 余额 - 标题字体大小 */
	--header-balance-title-font-weight: 700; /* 顶部导航 - 余额 - 标题字体粗细 */
	--header-balance-title-font-style: normal; /* 顶部导航 - 余额 - 标题字体样式 */
	--header-balance-title-line-height: 16px; /* 顶部导航 - 余额 - 标题行高 */
	--header-balance-title-font-family: 'Open Sans'; /* 顶部导航 - 余额 - 标题字体 */
	--header-balance-amount-color: #EBF1F7; /* 顶部导航 - 余额 - 金额颜色 */
	--header-balance-amount-font-family: 'Roboto Mono'; /* 顶部导航 - 余额 - 金额字体 */
	--header-balance-amount-font-size: 12px; /* 顶部导航 - 余额 - 金额字体大小 */
	--header-balance-amount-font-weight: 700; /* 顶部导航 - 余额 - 金额字体粗细 */
	--header-balance-amount-font-style: normal; /* 顶部导航 - 余额 - 金额字体样式 */
	--header-balance-amount-line-height: 16px; /* 顶部导航 - 余额 - 金额行高 */
	--header-balance-amount-gap: 4px; /* 顶部导航 - 余额 - 金额间距 */
	--header-balance-amount-icon-width: 15px; /* 顶部导航 - 余额 - 金额图标宽度 */
	--header-balance-amount-icon-height: 15px; /* 顶部导航 - 余额 - 金额图标高度 */


	/* 用户信息按钮 */
	--btn-user-info-bg: transparent; /* 用户信息按钮背景 */
	--btn-user-info-border: none; /* 用户信息按钮边框 */
	--btn-user-info-gap: 12px; /* 用户信息按钮间距 */
	--btn-user-info-image-width: 32px; /* 用户信息按钮图片宽度 */
	--btn-user-info-image-height: 32px; /* 用户信息按钮图片高度 */
	--btn-user-info-padding: 0px 8px; /* 用户信息按钮内边距 */


	/* 绿色渐变按钮 */
	--btn-green-border-radius: 8px; /* 绿色渐变按钮 - 圆角 */
	--btn-green-color: #ebf1f7; /* 绿色渐变按钮 - 文字颜色 */
	--btn-green-font-family: 'Gmarket Sans'; /* 绿色渐变按钮 - 字体 */
	--btn-green-font-size: 18px; /* 绿色渐变按钮 - 字体大小 */
	--btn-green-font-weight: 700; /* 绿色渐变按钮 - 字体粗细 */
	--btn-green-line-height: 20px; /* 绿色渐变按钮 - 行高 */
	--btn-green-border__normal: 1px solid #2effce; /* 绿色渐变按钮 - 边框 */
	--btn-green-border__hover: 1px solid #2effce; /* 绿色渐变按钮 - 边框-悬停 */
	--btn-green-bg__normal: linear-gradient(180deg, #00382b 0%, #00b389 100%); /* 绿色渐变按钮 - 背景-普通 */
	--btn-green-bg__hover: linear-gradient(180deg, #00755a 0%, #00f0b8 100%); /* 绿色渐变按钮 - 背景-悬停 */
	--btn-green-gap: 8px; /* 绿色渐变按钮 - 间距 */

	/* 蓝色渐变按钮 */
	--btn-blue-border-radius: 8px; /* 蓝色渐变按钮 - 圆角 */
	--btn-blue-color: #ebf1f7; /* 蓝色渐变按钮 - 文字颜色 */
	--btn-blue-font-family: 'Gmarket Sans'; /* 蓝色渐变按钮 - 字体 */
	--btn-blue-font-size: 18px; /* 蓝色渐变按钮 - 字体大小 */
	--btn-blue-font-weight: 700; /* 蓝色渐变按钮 - 字体粗细 */
	--btn-blue-line-height: 20px; /* 蓝色渐变按钮 - 行高 */
	--btn-blue-border__normal: 1px solid #2E9BFF; /* 蓝色渐变按钮 - 边框 */
	--btn-blue-border__hover: 1px solid #2E9BFF; /* 蓝色渐变按钮 - 边框-悬停 */
	--btn-blue-bg__normal: linear-gradient(180deg, #0C2741 0%, #19558C 100%); /* 蓝色渐变按钮 - 背景-普通 */
	--btn-blue-bg__hover: linear-gradient(180deg, #13416B 0%, #2A8DE8 100%); /* 蓝色渐变按钮 - 背景-悬停 */
	--btn-blue-gap: 8px; /* 蓝色渐变按钮 - 间距 */

	/* 黄色渐变按钮 */
	--btn-yellow-border-radius: 8px; /* 黄色渐变按钮 - 圆角 */
	--btn-yellow-color: #ebf1f7; /* 黄色渐变按钮 - 文字颜色 */
	--btn-yellow-font-family: 'Gmarket Sans'; /* 黄色渐变按钮 - 字体 */
	--btn-yellow-font-size: 18px; /* 黄色渐变按钮 - 字体大小 */
	--btn-yellow-font-weight: 700; /* 黄色渐变按钮 - 字体粗细 */
	--btn-yellow-line-height: 20px; /* 黄色渐变按钮 - 行高 */
	--btn-yellow-border__normal: 1px solid #FAD450; /* 黄色渐变按钮 - 边框 */
	--btn-yellow-border__hover: 1px solid #FAD450; /* 黄色渐变按钮 - 边框-悬停 */
	--btn-yellow-bg__normal: linear-gradient(180deg, #574700 0%, #8F7400 100%); /* 黄色渐变按钮 - 背景-普通 */
	--btn-yellow-bg__hover: linear-gradient(180deg, #574700 0%, #C7A200 100%); /* 黄色渐变按钮 - 背景-悬停 */
	--btn-yellow-gap: 8px; /* 黄色渐变按钮 - 间距 */

	/* 紫色渐变按钮 */
	--btn-purple-border-radius: 8px; /* 紫色渐变按钮 - 圆角 */
	--btn-purple-color: #ebf1f7; /* 紫色渐变按钮 - 文字颜色 */
	--btn-purple-font-family: 'Gmarket Sans'; /* 紫色渐变按钮 - 字体 */
	--btn-purple-font-size: 18px; /* 紫色渐变按钮 - 字体大小 */
	--btn-purple-font-weight: 700; /* 紫色渐变按钮 - 字体粗细 */
	--btn-purple-line-height: 20px; /* 紫色渐变按钮 - 行高 */
	--btn-purple-border__normal: 1px solid #5900FF; /* 紫色渐变按钮 - 边框 */
	--btn-purple-border__hover: 1px solid #5900FF; /* 紫色渐变按钮 - 边框-悬停 */
	--btn-purple-bg__normal: linear-gradient(180deg, #1E0057 0%, #32008F 100%); /* 紫色渐变按钮 - 背景-普通 */
	--btn-purple-bg__hover: linear-gradient(180deg, #1E0057 0%, #4500C7 100%); /* 紫色渐变按钮 - 背景-悬停 */
	--btn-purple-gap: 8px; /* 紫色渐变按钮 - 间距 */

	/* 橙色渐变按钮 */
	--btn-orange-border-radius: 8px; /* 橙色渐变按钮 - 圆角 */
	--btn-orange-color: #ebf1f7; /* 橙色渐变按钮 - 文字颜色 */
	--btn-orange-font-family: 'Gmarket Sans'; /* 橙色渐变按钮 - 字体 */
	--btn-orange-font-size: 18px; /* 橙色渐变按钮 - 字体大小 */
	--btn-orange-font-weight: 700; /* 橙色渐变按钮 - 字体粗细 */
	--btn-orange-line-height: 20px; /* 橙色渐变按钮 - 行高 */
	--btn-orange-border__normal: 1px solid #FF4405; /* 橙色渐变按钮 - 边框 */
	--btn-orange-border__hover: 1px solid #FF4405; /* 橙色渐变按钮 - 边框-悬停 */
	--btn-orange-bg__normal: linear-gradient(180deg, #572600 0%, #8F3E00 100%); /* 橙色渐变按钮 - 背景-普通 */
	--btn-orange-bg__hover: linear-gradient(180deg, #572600 0%, #C75700 100%); /* 橙色渐变按钮 - 背景-悬停 */
	--btn-orange-gap: 8px; /* 橙色渐变按钮 - 间距 */











	/* 底部Footer */
	--footer-bg: #0c2741; /* 背景 */
	--footer-padding__desktop: 60px; /* 内边距 - 桌面 */
	--footer-padding__mobile: 42px 16px; /* 内边距 - 移动端 */
	--footer-gap__desktop: 40px; /* 间距 - 桌面 */
	--footer-gap__mobile: 30px; /* 间距 - 移动端 */
	--footer-top-line-row-gap: 30px; /* 顶部行 - 行间距 */
	--footer-top-line-column-gap: 90px; /* 顶部行 - 列间距 */
	/* 底部Footer - 网站信息 */
	--footer-web-info-align-items__desktop: flex-start; /* 网站信息 - 最大宽度 - 桌面 */
	--footer-web-info-align-items__mobile: center; /* 网站信息 - 最大宽度 - 移动端 */
	--footer-web-info-max-width__desktop: 420px; /* 网站信息 - 最大宽度 - 桌面 */
	--footer-web-info-max-width__mobile: 90%; /* 网站信息 - 最大宽度 - 移动端 */
	--footer-web-info-gap: 20px; /* 网站信息 - 间距 */
	--footer-web-info-logo-width: 136px; /* 网站信息 - Logo - 宽度 */
	--footer-web-info-logo-height: 44px; /* 网站信息 - Logo - 高度 */
	--footer-web-info-desc-color: #B8D0E5; /* 网站信息 - 描述颜色 */
	--footer-web-info-desc-font-family: 'Open Sans'; /* 网站信息 - 描述字体 */
	--footer-web-info-desc-font-size__desktop: 16px; /* 网站信息 - 描述 - 字体大小 - 桌面 */
	--footer-web-info-desc-font-size__mobile: 12px; /* 网站信息 - 描述 - 字体大小 - 移动端 */
	--footer-web-info-desc-line-height: 24px; /* 网站信息 - 描述 - 行高 */
	--footer-web-info-desc-font-weight: 400; /* 网站信息 - 描述 - 字体粗细 */
	--footer-web-info-desc-font-style: normal; /* 网站信息 - 描述 - 字体样式 */
	/* 底部Footer - 链接 */
	--footer-links-gap: 24px; /* 链接间距 */
	--footer-links-title-color: #f0f1f4; /* 链接 - 标题 - 颜色 */
	--footer-links-title-font-family: 'Open Sans'; /* 链接 - 标题 - 字体 */
	--footer-links-title-font-size: 16px; /* 链接 - 标题 - 字体大小 */
	--footer-links-title-font-weight: 700; /* 链接 - 标题 - 字体粗细 */
	--footer-links-title-font-style: normal; /* 链接 - 标题 - 字体样式 */
	--footer-links-title-line-height: 24px; /* 链接 - 标题 - 行高 */
	--footer-links-lines-gap: 16px; /* 链接 - 文字 - 间距 */
	/* 底部Footer - Logos */
	--footer-logos-gap-row: 10px; /* Logos - 行间距 */
	--footer-logos-gap-column: 40px; /* Logos - 列间距 */
	--footer-logos-border-top: 1px solid rgba(255, 255, 255, 0.15); /* Logos - 边框 */
	--footer-logos-padding__desktop: 20px; /* Logos - 内边距 - 桌面 */
	--footer-logos-padding__mobile: 20px 32px 8px 32px ; /* Logos - 内边距 - 移动端 */
	/* 底部Footer - 许可证 */
	--footer-license-images-gap: 40px; /* 许可证 - 图片 - 间距 */
	--footer-license-images-height: 34px; /* 许可证 - 图片 - 高度 */


	/* 弹窗公告 */
	--pop-notice-image-max-width: 334px; /* 弹窗公告 - 图片 - 最大宽度 */
	--pop-notice-image-aspect-ratio: 334 / 430; /* 弹窗公告 - 图片 - 宽高比 */
	--pop-notice-close-top: 6px; /* 弹窗公告 - 关闭按钮 - 顶部距离 */
	--pop-notice-close-right: 6px; /* 弹窗公告 - 关闭按钮 - 右边距离 */
	--pop-notice-transition-duration: 0.3s; /* 弹窗公告 - 过渡时间 */
	--pop-notice-group-padding__desktop: 40px 0 60px 0; /* 弹窗公告 - 公告组 - 内边距 - 桌面 */
	--pop-notice-group-padding__mobile: 30px 0 30px 0; /* 弹窗公告 - 公告组 - 内边距 - 移动端 */
	--pop-notice-group-buttons-margin-bottom__desktop: 30px; /* 弹窗公告 -  按钮组 - 底部外边距 - 桌面 */
	--pop-notice-group-buttons-margin-top__mobile: 16px; /* 弹窗公告 -  按钮组 - 顶部外边距 - 移动端 */
	--pop-notice-group-buttons-gap__desktop: 6px; /* 弹窗公告 - 按钮组 - 间距 - 桌面 */
	--pop-notice-group-buttons-gap__mobile: 10px; /* 弹窗公告 - 按钮组 - 间距 - 移动端 */
	--pop-notice-group-buttons-height__desktop: 24px; /* 弹窗公告 - 按钮组 - 高度 - 桌面 */
	--pop-notice-group-buttons-height__mobile: 24px; /* 弹窗公告 - 按钮组 - 高度 - 移动端 */
	--pop-notice-group-buttons-font-size__mobile: 12px; /* 弹窗公告 - 按钮组 - 字体大小 - 移动端 */
	--pop-notice-group-buttons-font-size__desktop: 12px; /* 弹窗公告 - 按钮组 - 字体大小 - 桌面 */
	--pop-notice-group-buttons-right__desktop: -14px; /* 弹窗公告 - 按钮组 - 右外边距 - 桌面 */


	/* 首页 */
	--layout-padding-x__desktop: 110px; /* 首页 - 内边距-水平 */
	--layout-padding-x__mobile: 16px; /* 首页 - 内边距-水平-移动端 */

	/* 轮播图 */
	--carousel-bg: transparent; /* 轮播图背景 */
	--carousel-border-radius__desktop: 16px; /* 轮播图圆角-桌面端 */
	--carousel-border-radius__mobile: 5px; /* 轮播图圆角-移动端 */
	/* 轮播图 - 指示器 */
	--carousel-indicator-width__desktop: 60px; /* 指示器宽度-桌面端 */
	--carousel-indicator-width__mobile: 30px; /* 指示器宽度-移动端 */
	--carousel-indicator-height__desktop: 4px; /* 指示器高度-桌面端 */
	--carousel-indicator-height__mobile: 2px; /* 指示器高度-移动端 */
	--carousel-indicator-bg: rgba(255, 255, 255, 0.4); /* 指示器背景 */
	--carousel-indicator-bg-hover: rgba(255, 255, 255, 0.6); /* 指示器背景-悬停 */
	--carousel-indicator-bg-active: rgba(255, 255, 255, 0.8); /* 指示器背景-激活 */
	--carousel-indicator-border-radius: 2px; /* 指示器圆角 */
	--carousel-indicator-border-radius__mobile: 2px; /* 指示器圆角-移动端 */


	/* 提供商卡片 */
	--provider-card-tween: all 0.2s ease-out;
	--provider-card-max-width__desktop: 432px; /* 提供商卡片最大宽度-桌面端 */
	--provider-card-max-width__mobile: 345px; /* 提供商卡片最大宽度-移动端 */
	--provider-card-aspect-ratio__desktop: 432 / 294; /* 提供商卡片宽高比-桌面端 */
	--provider-card-aspect-ratio__mobile: 345 / 235; /* 提供商卡片宽高比-移动端 */
	--provider-card-border-radius__desktop: 16px; /* 提供商卡片圆角-桌面端 */
	--provider-card-border-radius__mobile: 10px; /* 提供商卡片圆角-移动端 */
	--provider-card-bottom-aspect-ratio__mobile: 320 / 55; /* 提供商卡片底部宽高比-移动端 */
	--provider-card-bottom-aspect-ratio__desktop: 432 / 74; /* 提供商卡片底部宽高比-桌面端 */
	--provider-card-bottom-bg__normal: radial-gradient(78.5% 116.15% at 50% 25.54%, #19558c 0%, #0c2741 100%); /* 提供商卡片底部背景 */
	--provider-card-bottom-bg__hover: radial-gradient(78.5% 116.15% at 50% 25.54%, #216EB5 0%, #13416B 100%); /* 提供商卡片底部背景 */
	--provider-card-logo-height__desktop: 33px; /* 提供商卡片Logo高度-桌面端 */
	--provider-card-logo-height__mobile: 24px; /* 提供商卡片Logo高度-移动端 */
	--provider-card-play-button-size: 65px; /* 提供商卡片播放按钮大小 */
	--provider-card-character-top__desktop: -24px; /* 提供商卡片角色图片顶部距离-桌面端 */
	--provider-card-character-top__mobile: -16px; /* 提供商卡片角色图片顶部距离-移动端 */


	/* 提供商标题 */
	--provider-title-gap: 8px; /* 提供商标题间距 */

	/* 提供商组 */
	--provider-group-aspect-ratio__mobile: 375 / 235; /* 提供商组宽高比-移动端 */
	--provider-group-gap__mobile: 13px; /* 提供商组间距-移动端 */


	/* 首页 */
	--home-provider-group-margin-top__mobile: 16px; /* 首页提供商组顶部外边距-移动端 */
	--home-provider-group-margin-top__desktop: 40px; /* 首页提供商组顶部外边距-桌面端 */
	--home-top-winners-margin-top__mobile: 16px; /* 首页顶部赢家顶部外边距-移动端 */
	--home-top-winners-margin-top__desktop: 40px; /* 首页顶部赢家顶部外边距-桌面端 */

	/* 表格 */
	--table-title-bg: radial-gradient(78.5% 116.15% at 50% 25.54%, #19558c 0%, #0c2741 100%); /* 表格标题背景 */
	--table-title-color: #d2d6e5; /* 表格标题文字颜色 */
	--table-title-font-family: 'Open Sans'; /* 表格标题字体 */
	--table-title-font-size: 24px; /* 表格标题字体大小 */
	--table-title-font-weight: 700; /* 表格标题字体粗细 */
	--table-title-line-height: 28px; /* 表格标题行高 */
	--table-title-padding: 12px 24px; /* 表格标题内边距 */
	--table-bg: #05111d; /* 表格背景 */
	--table-border-radius: 8px; /* 表格圆角 */
	--table-header-bg: #0b141e; /* 表头背景 */
	--table-cell-padding-y: 12px; /* 单元格内边距-垂直 */
	--table-cell-padding-x: 24px; /* 单元格内边距-水平 */
	--table-header-font-size: 16px; /* 表头字体大小 */
	--table-header-font-weight: 600; /* 表头字体粗细 */
	--table-header-color: #d2d6e5; /* 表头文字颜色 */
	--table-row-hover-bg: rgba(255, 255, 255, 0.05); /* 表格行悬停背景 */
	--table-body-font-size: 13px; /* 表格主体字体大小 */
	--table-body-color: rgba(255, 255, 255, 0.9); /* 表格主体文字颜色 */
	--table-sort-active-color: #409eff; /* 表格排序激活颜色 */
	--table-stripe-bg: rgba(255, 255, 255, 0.02); /* 表格斑马纹背景 */
	--table-border-color: #2f587f; /* 表格边框颜色 */
	--table-empty-padding: 64px 0; /* 表格空状态内边距 */
	--table-empty-font-size: 14px; /* 表格空状态字体大小 */
	--table-empty-color: rgba(255, 255, 255, 0.5); /* 表格空状态文字颜色 */
	--table-error-color: #ffffff; /* 表格错误文字颜色 */

	/* 弹窗页面 */
	--pop-page-bg: rgba(8, 13, 17, 0.8); /* 弹窗页面背景 */
	--pop-page-container-width__desktop: 520px; /* 弹窗页面容器宽度-桌面端 */
	--pop-page-container-width__mobile: 100%; /* 弹窗页面容器宽度-移动端 */
	--pop-page-container-height__desktop: auto; /* 弹窗页面容器高度-桌面端 */
	--pop-page-container-height__mobile: 100%; /* 弹窗页面容器高度-移动端 */
	--pop-page-container-max-height__desktop: 85%; /* 弹窗页面容器高度-桌面端 */
	--pop-page-container-max-height__mobile: 100%; /* 弹窗页面容器高度-移动端 */
	--pop-page-container-bg: linear-gradient(180deg, #243649 -51.62%, #17222e 84.76%); /* 弹窗页面容器背景 */
	--pop-page-container-border__desktop: 1px solid #548cc0; /* 弹窗页面容器边框-桌面端 */
	--pop-page-container-border-radius__desktop: 8px; /* 弹窗页面容器圆角-桌面端 */
	--pop-page-header-bg: #101820; /* 弹窗页面头部背景 */
	--pop-page-header-height__desktop: 34px; /* 弹窗页面头部高度-桌面端 */
	--pop-page-header-height__mobile: 34px; /* 弹窗页面头部高度-移动端 */
	--pop-page-header-padding__desktop: 12px 16px; /* 弹窗页面头部内边距-桌面端 */
	--pop-page-header-padding__mobile: 12px 16px; /* 弹窗页面头部内边距-移动端 */
	--pop-page-header-svg-left-left: -4px; /* 弹窗页面头部左侧SVG左侧距离 */
	--pop-page-header-svg-left-top: -4px; /* 弹窗页面头部左侧SVG顶部距离 */
	--pop-page-header-svg-right-left: 0px; /* 弹窗页面头部右侧SVG左侧距离 */
	--pop-page-header-svg-right-top: -4px; /* 弹窗页面头部右侧SVG顶部距离 */
	--pop-page-svg-left-gradient-start-opacity: 0.05; /* 弹窗页面头部左侧SVG渐变起始透明度 */
	--pop-page-svg-left-gradient-start-color: #000000; /* 弹窗页面头部左侧SVG渐变起始颜色 */
	--pop-page-svg-left-gradient-end-color: #2e9bff; /* 弹窗页面头部左侧SVG渐变结束颜色 */
	--pop-page-svg-left-stroke-gradient-start-color: #58afff; /* 弹窗页面头部左侧SVG描边渐变起始颜色 */
	--pop-page-svg-left-stroke-gradient-end-color: #19558c; /* 弹窗页面头部左侧SVG描边渐变结束颜色 */
	--pop-page-svg-left-shadow-color-matrix: 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0; /* 弹窗页面头部左侧SVG阴影颜色矩阵 */
	--pop-page-svg-right-fill-gradient-start-color: #0c2741; /* 弹窗页面头部右侧SVG渐变起始颜色 */
	--pop-page-svg-right-fill-gradient-end-color: #2e9bff; /* 弹窗页面头部右侧SVG渐变结束颜色 */
	--pop-page-svg-right-stroke-gradient-start-color: #58afff; /* 弹窗页面头部右侧SVG描边渐变起始颜色 */
	--pop-page-svg-right-stroke-gradient-end-color: #19558c; /* 弹窗页面头部右侧SVG描边渐变结束颜色 */
	--pop-page-svg-right-shadow-color-matrix: 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0; /* 弹窗页面头部右侧SVG阴影颜色矩阵 */
	/* 弹窗页面头部标题 */
	--pop-page-header-title-left: 50px; /* 弹窗页面头部标题左侧距离 */
	--pop-page-header-title-top: 19px; /* 弹窗页面头部标题顶部距离 */
	--pop-page-header-title-color: #ebf1f7; /* 弹窗页面头部标题颜色 */
	--pop-page-header-title-font-family: 'Open Sans'; /* 弹窗页面头部标题字体 */
	--pop-page-header-title-font-style: normal; /* 弹窗页面头部标题字体样式 */
	--pop-page-header-title-font-size: 20px; /* 弹窗页面头部标题字体大小 */
	--pop-page-header-title-font-weight: 700; /* 弹窗页面头部标题字体粗细 */
	--pop-page-header-title-line-height: 24px; /* 弹窗页面头部标题行高 */
	/* 弹窗页面-内容 */
	--pop-page-content-padding__desktop: 24px; /* 弹窗页面内容内边距-桌面端 */
	--pop-page-content-padding__mobile: 24px; /* 弹窗页面内容内边距-移动端 */
}
html,
body,
#app {
  width: 100%;
  height: 100vh;
  max-height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: var(--app-background);
  color: #fff;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
#app::-webkit-scrollbar {
  width: 8px;
  display: block;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
#app::-webkit-scrollbar-track {
  background: transparent;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
#app::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  transition: background 0.2s ease;
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
#app::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.5);
}
html::-webkit-scrollbar-thumb:active,
body::-webkit-scrollbar-thumb:active,
#app::-webkit-scrollbar-thumb:active {
  background: rgba(255, 255, 255, 0.6);
}
*,
*::before,
*::after {
  box-sizing: border-box !important;
  line-height: 1;
}
.desktop,
.mobile {
  height: 100%;
}
.ui-dropdown[data-v-38e0d3b8] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--dropdown-gap, 6px);
  width: 100%;
  /* 下拉框包装器 */
}
.ui-dropdown .dropdown-wrapper[data-v-38e0d3b8] {
  position: relative;
  width: 100%;
  height: 100%;
}
.ui-dropdown .dropdown-backdrop[data-v-38e0d3b8] {
  display: none;
}
.ui-dropdown[data-v-38e0d3b8] {
  /* Button 类型样式 */
}
.ui-dropdown.type-button[data-v-38e0d3b8] {
  width: fit-content;
  user-select: none;
}
.ui-dropdown.type-button .dropdown-error[data-v-38e0d3b8] {
  display: none;
}
.ui-dropdown.type-button .dropdown-trigger[data-v-38e0d3b8] {
  height: 100%;
  padding: var(--dropdown-button-padding);
  gap: var(--dropdown-button-gap);
  background: var(--dropdown-button-bg);
  border: var(--dropdown-button-border);
  border-radius: var(--dropdown-button-border-radius);
}
.ui-dropdown.type-button .dropdown-trigger[data-v-38e0d3b8]:hover:not(.is-disabled) {
  background: var(--dropdown-button-bg-hover);
  border: var(--dropdown-button-border-hover);
}
.ui-dropdown.type-button .dropdown-trigger.is-open[data-v-38e0d3b8] {
  border: var(--dropdown-button-border-open);
}
.ui-dropdown.type-button .dropdown-trigger-icon[data-v-38e0d3b8] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ui-dropdown.type-button .dropdown-trigger-text[data-v-38e0d3b8] {
  font-size: var(--dropdown-button-text-font-size);
  font-weight: var(--dropdown-button-text-font-weight);
}
.ui-dropdown.type-button .dropdown-trigger-arrow[data-v-38e0d3b8] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transform: rotate(0deg);
  margin-left: auto;
}
.ui-dropdown.type-button .dropdown-trigger-arrow.is-open[data-v-38e0d3b8] {
  transform: rotate(180deg);
}
.ui-dropdown.type-button[data-v-38e0d3b8] {
  /* Button 类型的下拉菜单 */
}
.ui-dropdown.type-button .dropdown-menu[data-v-38e0d3b8] {
  width: auto;
  min-width: 100%;
}
.ui-dropdown.is-mobile .dropdown-wrapper[data-v-38e0d3b8] {
  position: static;
}
.ui-dropdown.is-mobile .dropdown-backdrop[data-v-38e0d3b8] {
  display: block;
}
.ui-dropdown.is-mobile .dropdown-menu[data-v-38e0d3b8] {
  position: fixed;
  bottom: 0;
  left: 50%;
  top: auto;
  transform: translate3d(-50%, 0, 0);
  width: 100vw;
  border-radius: var(--dropdown-mobile-menu-border-radius);
  border: var(--dropdown-mobile-menu-border);
  padding: var(--dropdown-mobile-menu-padding);
  display: flex;
  flex-direction: column;
  gap: var(--dropdown-mobile-menu-gap);
  box-shadow: var(--dropdown-mobile-menu-box-shadow);
  background: var(--dropdown-mobile-menu-background);
}
.ui-dropdown.is-mobile .dropdown-menu-list[data-v-38e0d3b8] {
  flex: 1;
  width: 100%;
  min-height: 0px;
  max-height: 100%;
  overflow-y: auto;
  padding: var(--dropdown-mobile-menu-list-padding);
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  gap: var(--dropdown-mobile-menu-gap) !important;
  /* 滚动条样式 */
}
.ui-dropdown.is-mobile .dropdown-menu-list[data-v-38e0d3b8]::-webkit-scrollbar {
  width: 6px;
}
.ui-dropdown.is-mobile .dropdown-menu-list[data-v-38e0d3b8]::-webkit-scrollbar-track {
  background: transparent;
}
.ui-dropdown.is-mobile .dropdown-menu-list[data-v-38e0d3b8]::-webkit-scrollbar-thumb {
  background: var(--dropdown-scrollbar-color);
  border-radius: 3px;
}
.ui-dropdown.is-mobile .dropdown-menu-list[data-v-38e0d3b8]::-webkit-scrollbar-thumb:hover {
  background: var(--dropdown-scrollbar-hover-color);
}
.ui-dropdown.is-mobile .dropdown-menu-item[data-v-38e0d3b8] {
  border-radius: var(--dropdown-mobile-menu-item-border-radius) !important;
  border: var(--dropdown-mobile-menu-item-border) !important;
  background: var(--dropdown-mobile-menu-item-background) !important;
  color: var(--dropdown-mobile-menu-item-color) !important;
  min-height: var(--dropdown-mobile-menu-item-min-height) !important;
}
.ui-dropdown.is-mobile .dropdown-menu-mobile-header[data-v-38e0d3b8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--dropdown-mobile-menu-header-padding);
  color: var(--dropdown-mobile-menu-header-color);
}
.ui-dropdown.is-mobile .dropdown-menu-mobile-title[data-v-38e0d3b8] {
  font-family: "Open Sans", sans-serif;
  font-size: var(--dropdown-mobile-menu-header-font-size);
  font-weight: var(--dropdown-mobile-menu-header-font-weight);
  line-height: var(--dropdown-mobile-menu-header-line-height);
  color: var(--dropdown-mobile-menu-header-color);
}
.ui-dropdown.is-mobile .dropdown-menu-mobile-close[data-v-38e0d3b8] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--dropdown-mobile-menu-close-size);
  height: var(--dropdown-mobile-menu-close-size);
  border-radius: 50%;
  background: transparent;
  color: var(--dropdown-mobile-menu-close-color);
  transition: opacity 0.2s ease;
  border: var(--dropdown-mobile-menu-close-border);
  cursor: pointer;
}
.ui-dropdown.is-mobile .dropdown-menu-mobile-divider[data-v-38e0d3b8] {
  height: 1px;
  background: var(--dropdown-mobile-menu-divider-color);
  margin: 0 4px 4px 4px;
}
.ui-dropdown[data-v-38e0d3b8] {
  /* 触发器/输入框 */
}
.ui-dropdown .dropdown-trigger[data-v-38e0d3b8] {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--dropdown-trigger-gap);
  padding: var(--dropdown-trigger-padding);
  background: var(--dropdown-trigger-bg);
  border: var(--dropdown-trigger-border);
  border-radius: var(--dropdown-trigger-border-radius);
  cursor: pointer;
  transition: all 0.2s ease;
  min-height: var(--dropdown-trigger-min-height);
  user-select: none;
}
.ui-dropdown .dropdown-trigger[data-v-38e0d3b8]:hover:not(.is-disabled) {
  background: var(--dropdown-trigger-bg-hover);
  border: var(--dropdown-trigger-border-hover);
  box-shadow: var(--dropdown-trigger-box-shadow-hover);
}
.ui-dropdown .dropdown-trigger[data-v-38e0d3b8]:focus {
  outline: none;
}
.ui-dropdown .dropdown-trigger.is-open[data-v-38e0d3b8] {
  border: var(--dropdown-trigger-border-open);
  box-shadow: var(--dropdown-trigger-box-shadow-open);
}
.ui-dropdown .dropdown-trigger.is-disabled[data-v-38e0d3b8] {
  cursor: not-allowed;
  opacity: var(--dropdown-trigger-disabled-opacity);
  background: var(--dropdown-trigger-bg-disabled);
  border: var(--dropdown-trigger-border-disabled);
}
.ui-dropdown .dropdown-trigger[data-v-38e0d3b8] {
  /* 左侧图标 */
}
.ui-dropdown .dropdown-trigger .dropdown-trigger-icon[data-v-38e0d3b8] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--dropdown-trigger-icon-color);
}
.ui-dropdown .dropdown-trigger[data-v-38e0d3b8] {
  /* 文本区域 */
}
.ui-dropdown .dropdown-trigger .dropdown-trigger-text[data-v-38e0d3b8] {
  flex: 1;
  min-width: 0;
  color: var(--dropdown-trigger-text-color);
  font-family: var(--dropdown-trigger-text-font-family);
  font-size: var(--dropdown-trigger-text-font-size);
  font-weight: var(--dropdown-trigger-text-font-weight);
  line-height: var(--dropdown-trigger-text-line-height);
}
.ui-dropdown .dropdown-trigger .dropdown-trigger-text .dropdown-selected-text[data-v-38e0d3b8] {
  color: var(--dropdown-trigger-text-color);
}
.ui-dropdown .dropdown-trigger .dropdown-trigger-text .dropdown-placeholder[data-v-38e0d3b8] {
  color: var(--dropdown-trigger-placeholder-color);
}
.ui-dropdown .dropdown-trigger[data-v-38e0d3b8] {
  /* 右侧箭头 */
}
.ui-dropdown .dropdown-trigger .dropdown-trigger-arrow[data-v-38e0d3b8] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--dropdown-trigger-arrow-color);
  transition: transform 0.2s ease;
  transform: rotate(0deg);
  margin-left: auto;
}
.ui-dropdown .dropdown-trigger .dropdown-trigger-arrow.is-open[data-v-38e0d3b8] {
  transform: rotate(180deg);
}
.ui-dropdown[data-v-38e0d3b8] {
  /* 下拉菜单 */
}
.ui-dropdown .dropdown-menu[data-v-38e0d3b8] {
  position: absolute;
  top: calc(100% + var(--dropdown-menu-offset));
  left: 0;
  width: 100%;
  background: var(--dropdown-menu-bg);
  border: var(--dropdown-menu-border);
  border-radius: var(--dropdown-menu-border-radius);
  overflow: hidden;
  z-index: var(--dropdown-menu-z-index);
  box-shadow: var(--dropdown-menu-box-shadow);
  white-space: nowrap;
  user-select: none;
}
.ui-dropdown .dropdown-menu .dropdown-menu-list[data-v-38e0d3b8] {
  max-height: inherit;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: var(--dropdown-menu-item-gap);
  /* 滚动条样式 */
}
.ui-dropdown .dropdown-menu .dropdown-menu-list[data-v-38e0d3b8]::-webkit-scrollbar {
  width: 6px;
}
.ui-dropdown .dropdown-menu .dropdown-menu-list[data-v-38e0d3b8]::-webkit-scrollbar-track {
  background: transparent;
}
.ui-dropdown .dropdown-menu .dropdown-menu-list[data-v-38e0d3b8]::-webkit-scrollbar-thumb {
  background: var(--dropdown-scrollbar-color);
  border-radius: 3px;
}
.ui-dropdown .dropdown-menu .dropdown-menu-list[data-v-38e0d3b8]::-webkit-scrollbar-thumb:hover {
  background: var(--dropdown-scrollbar-hover-color);
}
.ui-dropdown .dropdown-menu[data-v-38e0d3b8] {
  /* 菜单项 */
}
.ui-dropdown .dropdown-menu .dropdown-menu-item[data-v-38e0d3b8] {
  display: flex;
  align-items: center;
  padding: var(--dropdown-menu-item-padding);
  background: var(--dropdown-menu-item-bg);
  border: var(--dropdown-menu-item-border);
  color: var(--dropdown-menu-item-color);
  font-family: var(--dropdown-menu-item-font-family);
  font-size: var(--dropdown-menu-item-font-size);
  font-weight: var(--dropdown-menu-item-font-weight);
  line-height: var(--dropdown-menu-item-line-height);
  cursor: pointer;
  transition: all 0.15s ease;
  min-height: var(--dropdown-menu-item-min-height);
}
.ui-dropdown .dropdown-menu .dropdown-menu-item[data-v-38e0d3b8]:hover:not(.is-disabled):not(.is-selected) {
  background: var(--dropdown-menu-item-bg-hover);
}
.ui-dropdown .dropdown-menu .dropdown-menu-item.is-selected[data-v-38e0d3b8] {
  background: var(--dropdown-menu-item-bg-selected);
  color: var(--dropdown-menu-item-color-selected);
}
.ui-dropdown .dropdown-menu .dropdown-menu-item.is-disabled[data-v-38e0d3b8] {
  cursor: not-allowed;
  opacity: var(--dropdown-menu-item-disabled-opacity);
}
.ui-dropdown .dropdown-menu .dropdown-menu-item[data-v-38e0d3b8]:focus {
  outline: none;
  background: var(--dropdown-menu-item-bg-hover);
}
.ui-dropdown .dropdown-menu[data-v-38e0d3b8] {
  /* 空状态 */
}
.ui-dropdown .dropdown-menu .dropdown-menu-empty[data-v-38e0d3b8] {
  padding: var(--dropdown-menu-item-padding);
  color: var(--dropdown-menu-empty-color);
  text-align: center;
  font-size: var(--dropdown-menu-item-font-size);
}
.ui-dropdown[data-v-38e0d3b8] {
  /* 禁用状态（保留选择器，移除内部样式） */
}
.dropdown-backdrop[data-v-38e0d3b8] {
  position: fixed;
  inset: 0;
  background: rgba(8, 13, 17, 0.8);
  backdrop-filter: blur(6px);
  z-index: calc(var(--dropdown-menu-z-index) - 1);
}

/* 下拉菜单动画 */
.dropdown-menu-enter-active[data-v-38e0d3b8],
.dropdown-menu-leave-active[data-v-38e0d3b8] {
  transition: all 0.2s ease;
}
.dropdown-menu-enter-from[data-v-38e0d3b8],
.dropdown-menu-leave-to[data-v-38e0d3b8] {
  opacity: 0;
  transform: translate3d(0, -8px, 0);
}
.dropdown-menu-enter-to[data-v-38e0d3b8],
.dropdown-menu-leave-from[data-v-38e0d3b8] {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.dropdown-backdrop-enter-active[data-v-38e0d3b8],
.dropdown-backdrop-leave-active[data-v-38e0d3b8] {
  transition: opacity 0.2s ease;
}
.dropdown-backdrop-enter-from[data-v-38e0d3b8],
.dropdown-backdrop-leave-to[data-v-38e0d3b8] {
  opacity: 0;
}
.ui-dropdown.is-mobile .dropdown-menu-enter-from[data-v-38e0d3b8],
.ui-dropdown.is-mobile .dropdown-menu-leave-to[data-v-38e0d3b8] {
  transform: translate3d(-50%, 100%, 0);
}
.ui-dropdown.is-mobile .dropdown-menu-enter-to[data-v-38e0d3b8],
.ui-dropdown.is-mobile .dropdown-menu-leave-from[data-v-38e0d3b8] {
  transform: translate3d(-50%, 0, 0);
}
.ui-dropdown-teleported {
  background: var(--dropdown-menu-bg);
  border: var(--dropdown-menu-border);
  border-radius: var(--dropdown-menu-border-radius);
  overflow: hidden;
  box-shadow: var(--dropdown-menu-box-shadow);
  white-space: nowrap;
  user-select: none;
}
.ui-dropdown-teleported .dropdown-menu-list {
  max-height: inherit;
  overflow-y: auto;
  display: flex;
  gap: var(--dropdown-menu-item-gap);
  /* 滚动条样式 */
}
.ui-dropdown-teleported .dropdown-menu-list::-webkit-scrollbar {
  width: 6px;
}
.ui-dropdown-teleported .dropdown-menu-list::-webkit-scrollbar-track {
  background: transparent;
}
.ui-dropdown-teleported .dropdown-menu-list::-webkit-scrollbar-thumb {
  background: var(--dropdown-scrollbar-color);
  border-radius: 3px;
}
.ui-dropdown-teleported .dropdown-menu-list::-webkit-scrollbar-thumb:hover {
  background: var(--dropdown-scrollbar-hover-color);
}
.ui-dropdown-teleported {
  /* 菜单项 */
}
.ui-dropdown-teleported .dropdown-menu-item {
  display: flex;
  align-items: center;
  padding: var(--dropdown-menu-item-padding);
  background: var(--dropdown-menu-item-bg);
  border: var(--dropdown-menu-item-border);
  color: var(--dropdown-menu-item-color);
  font-family: var(--dropdown-menu-item-font-family);
  font-size: var(--dropdown-menu-item-font-size);
  font-weight: var(--dropdown-menu-item-font-weight);
  line-height: var(--dropdown-menu-item-line-height);
  cursor: pointer;
  transition: all 0.15s ease;
  min-height: var(--dropdown-menu-item-min-height);
}
.ui-dropdown-teleported .dropdown-menu-item:hover:not(.is-disabled):not(.is-selected) {
  background: var(--dropdown-menu-item-bg-hover);
}
.ui-dropdown-teleported .dropdown-menu-item.is-selected {
  background: var(--dropdown-menu-item-bg-selected);
  color: var(--dropdown-menu-item-color-selected);
}
.ui-dropdown-teleported .dropdown-menu-item.is-disabled {
  cursor: not-allowed;
  opacity: var(--dropdown-menu-item-disabled-opacity);
}
.ui-dropdown-teleported .dropdown-menu-item:focus {
  outline: none;
  background: var(--dropdown-menu-item-bg-hover);
}
.ui-dropdown-teleported {
  /* 空状态 */
}
.ui-dropdown-teleported .dropdown-menu-empty {
  padding: var(--dropdown-menu-item-padding);
  color: var(--dropdown-menu-empty-color);
  text-align: center;
  font-size: var(--dropdown-menu-item-font-size);
}.ui-logo-icon[data-v-c5037a0c] {
  height: 100%;
  width: auto;
  aspect-ratio: var(--logo-width)/var(--logo-height);
  background: var(--logo-url) no-repeat center center;
  background-size: contain;
}
.btn-link-white[data-v-4cedc3ee] {
  border-radius: var(--btn-link-white-border-radius);
  background: var(--btn-link-white-bg);
  border: var(--btn-link-white-border);
  box-shadow: var(--btn-link-white-box-shadow);
  color: var(--btn-link-white-color);
  text-align: center;
  font-family: var(--btn-link-white-font-family);
  font-style: normal;
  font-weight: var(--btn-link-white-font-weight);
  font-family: var(--btn-link-white-font-family);
  transition: all 0.2s ease;
  /* 尺寸-小 */
}
.btn-link-white--sm[data-v-4cedc3ee] {
  font-size: var(--btn-link-white-font-size--sm);
  line-height: var(--btn-link-white-line-height--sm);
  padding: var(--btn-link-white-padding--sm);
  border-radius: var(--btn-link-white-border-radius-sm);
}
.btn-link-white[data-v-4cedc3ee] {
  /* 尺寸-中 */
}
.btn-link-white--md[data-v-4cedc3ee] {
  font-size: var(--btn-link-white-font-size--md);
  line-height: var(--btn-link-white-line-height--md);
  padding: var(--btn-link-white-padding--md);
  border-radius: var(--btn-link-white-border-radius-md);
}
.btn-link-white[data-v-4cedc3ee] {
  /* 尺寸-大 */
}
.btn-link-white--lg[data-v-4cedc3ee] {
  font-size: var(--btn-link-white-font-size--lg);
  line-height: var(--btn-link-white-line-height--lg);
  padding: var(--btn-link-white-padding--lg);
  border-radius: var(--btn-link-white-border-radius-lg);
}
.btn-link-white[data-v-4cedc3ee] {
  /* Hover 状态 */
}
.btn-link-white[data-v-4cedc3ee]:hover:not(:disabled) {
  color: var(--btn-link-white-color-hover);
  text-shadow: var(--btn-link-white-text-shadow-hover);
  background: var(--btn-link-white-bg-hover);
  border: var(--btn-link-white-border-hover);
  box-shadow: var(--btn-link-white-box-shadow-hover);
}
.btn-link-white[data-v-4cedc3ee] {
  /* Active 状态 */
}
.btn-link-white[data-v-4cedc3ee]:active:not(:disabled) {
  background: var(--btn-link-white-bg);
  border: var(--btn-link-white-border);
  box-shadow: var(--btn-link-white-box-shadow);
}
.btn-link-white[data-v-4cedc3ee]:focus-visible:not(:disabled) {
  border: var(--btn-link-white-border-focus);
  outline: var(--btn-link-white-outline-focus);
}
.btn-link-white[data-v-4cedc3ee] {
  /* Disabled 状态 */
}
.btn-link-white[data-v-4cedc3ee]:disabled {
  color: var(--btn-link-white-color-disabled);
  background: var(--btn-link-white-bg-disabled);
  border: var(--btn-link-white-border-disabled);
  opacity: var(--btn-link-white-disabled-opacity);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  transition: none;
}
[data-v-4cedc3ee] .ui-base-button-content {
  gap: var(--btn-link-white-gap);
}.ui-button-green[data-v-c9597b91] {
  --btn-min-width: var(--btn-green-min-width);
  --btn-height: var(--btn-green-height);
  --btn-padding: var(--btn-green-padding);
  --btn-border-radius: var(--btn-green-border-radius);
  --btn-color: var(--btn-green-color);
  --btn-font-family: var(--btn-green-font-family);
  --btn-font-size: var(--btn-green-font-size);
  --btn-font-weight: var(--btn-green-font-weight);
  --btn-line-height: var(--btn-green-line-height);
  --btn-border: var(--btn-green-border__normal);
  --btn-bg: var(--btn-green-bg__normal);
  --btn-gap: var(--btn-green-gap);
}
.ui-button-green[data-v-c9597b91]:hover {
  --btn-border: var(--btn-green-border__hover);
  --btn-bg: var(--btn-green-bg__hover);
}.header-balance[data-v-dfa6dc54] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: var(--header-balance-min-width);
  gap: var(--header-balance-gap);
  user-select: text;
}
.header-balance .row[data-v-dfa6dc54] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.header-balance .row .title[data-v-dfa6dc54] {
  color: var(--header-balance-title-color);
  text-align: justify;
  font-family: var(--header-balance-title-font-family);
  font-size: var(--header-balance-title-font-size);
  font-style: var(--header-balance-title-font-style);
  font-weight: var(--header-balance-title-font-weight);
  line-height: var(--header-balance-title-line-height);
}
.header-balance .row .amount[data-v-dfa6dc54] {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: right;
  gap: var(--header-balance-amount-gap);
  color: var(--header-balance-amount-color);
  font-family: var(--header-balance-amount-font-family);
  font-size: var(--header-balance-amount-font-size);
  font-style: var(--header-balance-amount-font-style);
  font-weight: var(--header-balance-amount-font-weight);
  line-height: var(--header-balance-amount-line-height);
}
.header-balance .row .amount .icon[data-v-dfa6dc54] {
  width: var(--header-balance-amount-icon-width);
  height: var(--header-balance-amount-icon-height);
}
.mobile .header-balance[data-v-dfa6dc54] {
  flex-direction: row;
  justify-content: space-between;
  gap: var(--header-balance-gap__mobile);
}
.mobile .header-balance .row[data-v-dfa6dc54] {
  flex: 1;
}
.next-page-loading[data-v-02d55f7d] {
	position: relative;
	min-height: 10px;
	width: 100%;
}

.desktop-layout[data-v-bdeb16fb] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.desktop-layout .left-sidebar[data-v-bdeb16fb] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1001;
  transition: width 0.3s ease;
  overflow: hidden;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
}
.desktop-layout .left-sidebar .sidebar-logo[data-v-bdeb16fb] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: white;
  font-weight: bold;
  font-size: 18px;
}
.desktop-layout .left-sidebar .sidebar-content[data-v-bdeb16fb] {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.desktop-layout .left-sidebar-collapsed .sidebar-logo[data-v-bdeb16fb] {
  font-size: 14px;
}
.desktop-layout .main-container[data-v-bdeb16fb] {
  width: 100%;
  height: 100%;
  transition: margin-left 0.3s ease;
  display: flex;
  flex-direction: column;
  position: relative; /* 为浮动头部提供定位基准 */
}
.desktop-layout .main-container .scrollable-content[data-v-bdeb16fb] {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
.desktop-layout .main-container .scrollable-content.has-floating-header .content[data-v-bdeb16fb] {
  flex: 1;
  position: relative;
  /* 当头部浮动时，内容可以滚动到头部下方 */
  /* 不设置min-height避免双滚动条，但保持正常滚动行为 */
}
.desktop-layout .main-container .scrollable-content .header[data-v-bdeb16fb] {
  width: 100%;
  box-sizing: border-box;
  min-height: 10px;
  flex-shrink: 0;
  display: flex;
}
.desktop-layout .main-container .scrollable-content .header-fixed[data-v-bdeb16fb] {
  position: sticky;
  top: 0;
  z-index: 1000;
}
.desktop-layout .main-container .header-floating[data-v-bdeb16fb] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  /* 相对于main-container定位，在预览窗口中固定 */
  width: 100%;
  box-sizing: border-box;
  min-height: 10px;
  flex-shrink: 0;
  display: flex;
}
.desktop-layout .main-container .content[data-v-bdeb16fb] {
  width: 100%;
  flex: 1;
  flex-shrink: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
.desktop-layout .main-container .footer[data-v-bdeb16fb] {
  width: 100%;
  min-height: 10px;
  flex-shrink: 0;
  z-index: 1000;
}
.desktop-layout .main-container .footer-fixed[data-v-bdeb16fb] {
  position: sticky;
  bottom: 0;
}.footer-column[data-v-1df6b426] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  gap: var(--footer-links-gap);
}
.footer-column .title[data-v-1df6b426] {
  color: var(--footer-links-title-color);
  text-align: center;
  font-family: var(--footer-links-title-font-family);
  font-size: var(--footer-links-title-font-size);
  font-style: var(--footer-links-title-font-style);
  font-weight: var(--footer-links-title-font-weight);
  line-height: var(--footer-links-title-line-height);
}
.footer-column .lines[data-v-1df6b426] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--footer-links-lines-gap);
}.footer[data-v-770a1374] {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--footer-bg);
  box-sizing: border-box;
  min-width: 0;
  flex-shrink: 0;
  padding: var(--footer-padding__desktop);
  gap: var(--footer-gap__desktop);
}
.footer .top-line[data-v-770a1374] {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: var(--footer-top-line-row-gap);
  column-gap: var(--footer-top-line-column-gap);
}
.footer .top-line .web-info[data-v-770a1374] {
  display: flex;
  flex-direction: column;
  gap: var(--footer-web-info-gap);
  flex-shrink: 0;
  max-width: var(--footer-web-info-max-width__desktop);
  align-items: var(--footer-web-info-align-items__desktop);
}
.footer .top-line .web-info .logo[data-v-770a1374] {
  width: var(--footer-web-info-logo-width);
  height: var(--footer-web-info-logo-height);
}
.footer .top-line .web-info .desc[data-v-770a1374] {
  color: var(--footer-web-info-desc-color);
  font-family: var(--footer-web-info-desc-font-family);
  line-height: var(--footer-web-info-desc-line-height);
  font-style: var(--footer-web-info-desc-font-style);
  font-weight: var(--footer-web-info-desc-font-weight);
  font-size: var(--footer-web-info-desc-font-size__desktop);
}
.footer .logos[data-v-770a1374] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  row-gap: var(--footer-logos-gap-row);
  column-gap: var(--footer-logos-gap-column);
  border-top: var(--footer-logos-border-top);
  padding: var(--footer-logos-padding__desktop);
}
.footer .logos .logo[data-v-770a1374] {
  width: auto;
}
.footer .license-images[data-v-770a1374] {
  display: flex;
  align-items: flex-start;
  gap: var(--footer-license-images-gap);
}
.footer .license-images .item[data-v-770a1374] {
  height: var(--footer-license-images-height);
  width: auto;
}
.mobile .footer[data-v-770a1374] {
  padding: var(--footer-padding__mobile);
  gap: var(--footer-gap__mobile);
}
.mobile .footer .top-line .web-info[data-v-770a1374] {
  max-width: var(--footer-web-info-max-width__mobile);
  align-items: var(--footer-web-info-align-items__mobile);
}
.mobile .footer .top-line .web-info .desc[data-v-770a1374] {
  font-size: var(--footer-web-info-desc-font-size__mobile);
}
.mobile .footer .top-line .footer-column .license-images[data-v-770a1374] {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto !important;
  gap: var(--footer-links-lines-gap);
}
.mobile .footer .top-line .footer-column .license-images .item[data-v-770a1374] {
  height: var(--footer-license-images-height);
  width: auto;
}
.mobile .footer .logos[data-v-770a1374] {
  padding: var(--footer-logos-padding__mobile);
}
.btn-primary[data-v-ff62adda] {
  border-radius: var(--btn-primary-border-radius);
  background: var(--btn-primary-bg);
  border: var(--btn-primary-border);
  box-shadow: var(--btn-primary-box-shadow);
  color: var(--btn-primary-color);
  text-align: center;
  font-family: var(--btn-primary-font-family);
  font-style: normal;
  font-weight: var(--btn-primary-font-weight);
  font-family: var(--btn-primary-font-family);
  transition: all 0.2s ease;
  /* 尺寸-小 */
}
.btn-primary--sm[data-v-ff62adda] {
  font-size: var(--btn-primary-font-size--sm);
  line-height: var(--btn-primary-line-height--sm);
  padding: var(--btn-primary-padding--sm);
  border-radius: var(--btn-primary-border-radius-sm);
}
.btn-primary[data-v-ff62adda] {
  /* 尺寸-中 */
}
.btn-primary--md[data-v-ff62adda] {
  font-size: var(--btn-primary-font-size--md);
  line-height: var(--btn-primary-line-height--md);
  padding: var(--btn-primary-padding--md);
  border-radius: var(--btn-primary-border-radius-md);
}
.btn-primary[data-v-ff62adda] {
  /* 尺寸-大 */
}
.btn-primary--lg[data-v-ff62adda] {
  font-size: var(--btn-primary-font-size--lg);
  line-height: var(--btn-primary-line-height--lg);
  padding: var(--btn-primary-padding--lg);
  border-radius: var(--btn-primary-border-radius-lg);
}
.btn-primary[data-v-ff62adda] {
  /* Hover 状态 */
}
.btn-primary[data-v-ff62adda]:hover:not(:disabled) {
  color: var(--btn-primary-color-hover);
  text-shadow: var(--btn-primary-text-shadow-hover);
  background: var(--btn-primary-bg-hover);
  border: var(--btn-primary-border-hover);
  box-shadow: var(--btn-primary-box-shadow-hover);
}
.btn-primary[data-v-ff62adda] {
  /* Active 状态 */
}
.btn-primary[data-v-ff62adda]:active:not(:disabled) {
  background: var(--btn-primary-bg);
  border: var(--btn-primary-border);
  box-shadow: var(--btn-primary-box-shadow);
}
.btn-primary[data-v-ff62adda]:focus-visible:not(:disabled) {
  border: var(--btn-primary-border-focus);
  outline: var(--btn-primary-outline-focus);
}
.btn-primary[data-v-ff62adda] {
  /* Disabled 状态 */
}
.btn-primary[data-v-ff62adda]:disabled {
  color: var(--btn-primary-color-disabled);
  background: var(--btn-primary-bg-disabled);
  border: var(--btn-primary-border-disabled);
  opacity: var(--btn-primary-disabled-opacity);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  transition: none;
}
[data-v-ff62adda] .ui-base-button-content {
  gap: var(--btn-primary-gap);
}
.btn-wallet-desktop[data-v-58bde41b] {
  border-radius: var(--btn-wallet-desktop-border-radius);
  background: var(--btn-wallet-desktop-bg);
  border: none;
  border-top: var(--btn-wallet-desktop-border-top);
  box-shadow: var(--btn-wallet-desktop-box-shadow);
  color: var(--btn-wallet-desktop-color);
  text-align: center;
  font-family: var(--btn-wallet-desktop-font-family);
  font-style: normal;
  font-weight: var(--btn-wallet-desktop-font-weight);
  font-family: var(--btn-wallet-desktop-font-family);
  transition: all 0.3s ease;
  font-size: var(--btn-wallet-desktop-font-size);
  line-height: var(--btn-wallet-desktop-line-height);
  padding: var(--btn-wallet-desktop-padding);
  border-radius: var(--btn-wallet-desktop-border-radius);
  /* Hover 状态 */
}
.btn-wallet-desktop[data-v-58bde41b]:hover:not(:disabled) {
  color: var(--btn-wallet-desktop-color-hover);
  text-shadow: var(--btn-wallet-desktop-text-shadow-hover);
  background: var(--btn-wallet-desktop-bg-hover);
  box-shadow: var(--btn-wallet-desktop-box-shadow-hover);
}
.btn-wallet-desktop[data-v-58bde41b] {
  /* Active 状态 */
}
.btn-wallet-desktop[data-v-58bde41b]:active:not(:disabled) {
  background: var(--btn-wallet-desktop-bg);
  box-shadow: var(--btn-wallet-desktop-box-shadow);
}
.btn-wallet-desktop[data-v-58bde41b]:focus-visible:not(:disabled) {
  outline: var(--btn-wallet-desktop-outline-focus);
}
.btn-wallet-desktop[data-v-58bde41b] {
  /* Disabled 状态 */
}
.btn-wallet-desktop[data-v-58bde41b]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
  transition: none;
}
[data-v-58bde41b] .ui-base-button-content {
  gap: var(--btn-wallet-desktop-gap);
}
.btn-message[data-v-0ef4232e] {
  padding: var(--btn-message-padding);
  color: var(--btn-message-color);
  border-radius: 10px;
  border: var(--btn-message-border);
  background: var(--btn-message-bg);
  transition: all 0.3s ease;
  box-shadow: var(--btn-message-box-shadow);
  border-radius: var(--btn-message-border-radius);
  font-size: var(--btn-message-font-size);
  /* Hover 状态 */
}
.btn-message[data-v-0ef4232e]:hover:not(:disabled) {
  color: var(--btn-message-color-hover);
  background: var(--btn-message-bg-hover);
  background-blend-mode: overlay, normal;
  box-shadow: var(--btn-message-box-shadow-hover);
}
.btn-message[data-v-0ef4232e] {
  /* Active 状态 */
}
.btn-message[data-v-0ef4232e]:active:not(:disabled) {
  background: var(--btn-message-bg);
  box-shadow: var(--btn-message-box-shadow);
}
.btn-message[data-v-0ef4232e] {
  /* Disabled 状态 */
}
.btn-message[data-v-0ef4232e]:disabled {
  opacity: 0.5;
  background: var(--btn-message-bg);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  transition: none;
}.ui-toggle[data-v-1984099c] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--toggle-gap);
  border: var(--toggle-border);
  border-radius: var(--toggle-border-radius);
  padding: var(--toggle-padding--md);
  background: var(--toggle-bg);
  color: var(--toggle-color);
  font-family: var(--toggle-font-family);
  font-size: var(--toggle-font-size--md);
  font-weight: var(--toggle-font-weight);
  line-height: var(--toggle-line-height--md);
  text-align: center;
  cursor: pointer;
  transition: var(--toggle-transition);
  min-height: var(--toggle-min-height);
  min-width: var(--toggle-min-width);
  user-select: none;
  white-space: nowrap;
  outline: none;
  background-clip: padding-box;
  box-shadow: var(--toggle-box-shadow);
}
.ui-toggle--small[data-v-1984099c], .ui-toggle--sm[data-v-1984099c] {
  font-size: var(--toggle-font-size--sm);
  line-height: var(--toggle-line-height--sm);
  padding: var(--toggle-padding--sm);
}
.ui-toggle--medium[data-v-1984099c], .ui-toggle--md[data-v-1984099c] {
  font-size: var(--toggle-font-size--md);
  line-height: var(--toggle-line-height--md);
  padding: var(--toggle-padding--md);
}
.ui-toggle--large[data-v-1984099c], .ui-toggle--lg[data-v-1984099c] {
  font-size: var(--toggle-font-size--lg);
  line-height: var(--toggle-line-height--lg);
  padding: var(--toggle-padding--lg);
}
.ui-toggle.ui-toggle--block[data-v-1984099c] {
  width: 100%;
}
.ui-toggle[data-v-1984099c]:hover:not(.is-disabled):not(.is-active) {
  background: var(--toggle-bg-hover);
  border: var(--toggle-border-hover);
  color: var(--toggle-color-hover);
  box-shadow: var(--toggle-box-shadow-hover);
}
.ui-toggle[data-v-1984099c]:focus-visible {
  border: var(--toggle-border-focus);
  box-shadow: var(--toggle-outline-focus);
}
.ui-toggle.is-active[data-v-1984099c] {
  background: var(--toggle-bg-active);
  color: var(--toggle-color-active);
  border: var(--toggle-border-active);
  box-shadow: var(--toggle-box-shadow-active);
}
.ui-toggle.is-disabled[data-v-1984099c] {
  opacity: var(--toggle-disabled-opacity);
  cursor: not-allowed;
  background: var(--toggle-bg-disabled);
  border: var(--toggle-border-disabled);
  color: var(--toggle-color-disabled);
  box-shadow: var(--toggle-box-shadow-disabled);
}
.ui-toggle__label[data-v-1984099c] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ui-toggle__icon[data-v-1984099c] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ui-toggle__icon--leading[data-v-1984099c] {
  margin-right: var(--toggle-icon-gap);
}
.ui-toggle__icon--trailing[data-v-1984099c] {
  margin-left: var(--toggle-icon-gap);
}.ui-toggle-group[data-v-088518a8] {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--toggle-group-gap, 8px);
  padding: var(--toggle-group-padding, 4px);
  border-radius: var(--toggle-group-border-radius, 8px);
  background: var(--toggle-group-bg, transparent);
  border: var(--toggle-group-border, none);
  box-shadow: var(--toggle-group-box-shadow, none);
  transition: var(--toggle-group-transition, all 0.2s ease);
}
.ui-toggle-group--horizontal[data-v-088518a8] {
  flex-direction: row;
}
.ui-toggle-group--vertical[data-v-088518a8] {
  flex-direction: column;
  align-items: stretch;
}
.ui-toggle-group.is-disabled[data-v-088518a8] {
  opacity: var(--toggle-group-disabled-opacity, 0.5);
  pointer-events: none;
}
.ui-toggle-group.is-stretch[data-v-088518a8] {
  width: 100%;
}.ui-form[data-v-2c672b41] {
  width: 100%;
}
.ui-form.is-loading[data-v-2c672b41] .ui-form-item-body {
  pointer-events: none !important;
}
.ui-form.is-loading .ui-form-footer[data-v-2c672b41] {
  pointer-events: none !important;
}
.ui-form-container[data-v-2c672b41] {
  display: flex;
  flex-direction: column;
  gap: var(--form-item-gap, 8px);
  opacity: 0;
}
.ui-form-container.is-ready[data-v-2c672b41] {
  opacity: 1;
}
.ui-form-footer[data-v-2c672b41] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-top: var(--form-footer-margin-top, 16px);
  gap: var(--form-footer-gap, px);
}.ui-form-item[data-v-0cf2f2e7] {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.ui-form-item .ui-form-item-title .ui-form-item-title-text[data-v-0cf2f2e7] {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  flex-wrap: nowrap;
  white-space: nowrap;
  color: var(--form-item-title-color, #ebf1f7);
  font-family: var(--form-item-title-font-family, "Open Sans");
  font-size: var(--form-item-title-font-size, 12px);
  font-style: var(--form-item-title-font-style, normal);
  font-weight: var(--form-item-title-font-weight, 600);
  line-height: 1;
}
.ui-form-item .ui-form-item-body[data-v-0cf2f2e7] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ui-form-item .ui-form-item-body .ui-form-item-content[data-v-0cf2f2e7] {
  color: var(--form-item-content-color, #ebf1f7);
  font-family: var(--form-item-content-font-family, "Open Sans");
  font-size: var(--form-item-content-font-size, 12px);
  font-style: var(--form-item-content-font-style, normal);
  font-weight: var(--form-item-content-font-weight, 600);
  line-height: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: var(--form-item-content-height);
}
.ui-form-item .ui-form-item-body .ui-form-item-bottom[data-v-0cf2f2e7] {
  width: 100%;
  max-width: 100%;
}
.ui-form-item .ui-form-item-body .ui-form-item-bottom .ui-form-item-bottom-error[data-v-0cf2f2e7] {
  border-radius: 4px;
  background: var(--Colors-Background-Brand-Error-bg-error-solid, #e9002d);
  display: flex;
  padding: 4px;
  align-items: flex-start;
  color: var(--Colors-Text-Primary-text-primary, #ebf1f7);
  /* Text Style/Label/md/semibold */
  font-family: var(--Typography-Font-Family-Primary, "Open Sans");
  font-size: var(--Typography-Font-Size-Label-label-md, 12px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.3;
}
.ui-form-item .ui-form-item-body .ui-form-item-bottom .ui-form-item-bottom-tip[data-v-0cf2f2e7] {
  color: var(--Colors-Text-Warning-text-warning-primary, #fad450);
  /* Text Style/Label/md/semibold */
  font-family: var(--Typography-Font-Family-Primary, "Open Sans");
  font-size: var(--Typography-Font-Size-Label-label-md, 12px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.3;
  word-break: break-all;
  white-space: normal;
}
.ui-form-item.title-left[data-v-0cf2f2e7] {
  flex-direction: row;
  gap: var(--form-item-gap-horizontal, 10px);
}
.ui-form-item.title-left .ui-form-item-title-text[data-v-0cf2f2e7] {
  flex: 1;
  height: var(--form-item-content-height);
  text-align: center;
  align-items: center;
  justify-content: var(--v118a416d);
}
.ui-form-item.title-left .ui-form-item-body[data-v-0cf2f2e7] {
  flex: 1;
}
.ui-form-item.title-top[data-v-0cf2f2e7] {
  flex-direction: column;
  gap: var(--form-item-gap-vertical, 6px);
  width: 100%;
}
.ui-form-item.title-top .ui-form-item-title[data-v-0cf2f2e7] {
  width: 100%;
}
.ui-form-item.title-top .ui-form-item-title-text[data-v-0cf2f2e7] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.ui-form-item.title-top .ui-form-item-body[data-v-0cf2f2e7] {
  width: 100%;
}.ui-base-input[data-v-8466cac9] {
  font-size: 13px;
  box-sizing: border-box;
  display: flex;
}
.ui-base-input .ui-base-input-container[data-v-8466cac9] {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  line-height: 1;
  font-size: 13px;
}
.ui-base-input .ui-base-input-container .ui-base-input-container-input[data-v-8466cac9] {
  border: 1px solid rgba(0, 0, 0, 0.3960784314);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  line-height: 1;
  font-size: 13px;
  transition: all 0.2s ease;
  flex: 1;
}
.ui-base-input .ui-base-input-container .ui-base-input-container-input input[data-v-8466cac9] {
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  font-size: 13px;
  flex: 1;
  background-color: transparent;
}
.ui-base-input .ui-base-input-container .ui-base-input-container-input input[data-v-8466cac9]::placeholder {
  color: rgba(233, 235, 237, 0.6039215686);
}
.ui-base-input.is-hovered .ui-base-input-container-input[data-v-8466cac9] {
  border-color: #409eff;
}
.ui-base-input.is-focused .ui-base-input-container-input[data-v-8466cac9] {
  border-color: #409eff;
  box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
}
.ui-base-input.is-disabled .ui-base-input-container-input[data-v-8466cac9] {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  cursor: not-allowed;
}
.ui-base-input.is-disabled .ui-base-input-container-input input[data-v-8466cac9] {
  cursor: not-allowed;
  color: #c0c4cc;
}
.ui-base-input.is-readonly .ui-base-input-container-input[data-v-8466cac9] {
  background-color: #f9fafb;
  border-color: #d1d5db;
}
.ui-base-input.is-readonly .ui-base-input-container-input input[data-v-8466cac9] {
  cursor: default;
  color: #6b7280;
}
.ui-base-input.is-error .ui-base-input-container-input[data-v-8466cac9] {
  border-color: #f56c6c;
}
.ui-base-input.is-error.is-focused .ui-base-input-container-input[data-v-8466cac9] {
  border-color: #f56c6c;
  box-shadow: 0 0 0 2px rgba(245, 108, 108, 0.2);
}
.ui-base-input .ui-base-input-bottom-tip[data-v-8466cac9] {
  font-size: 13px;
}
.ui-base-input .ui-base-input-error[data-v-8466cac9] {
  font-size: 13px;
}.ui-input[data-v-17af0f9b] {
  font-size: var(--input-font-size);
  cursor: text;
}
.ui-input[data-v-17af0f9b] .ui-base-input-title {
  color: var(--input-title-color);
  font-family: var(--input-title-font-family);
  font-size: var(--input-title-font-size);
  font-style: var(--input-title-font-style);
  font-weight: var(--input-title-font-weight);
  line-height: var(--input-title-line-height);
}
.ui-input[data-v-17af0f9b] .ui-base-input-title.is-left {
  text-align: left;
}
.ui-input[data-v-17af0f9b] .ui-base-input-title.is-right {
  text-align: right;
}
.ui-input[data-v-17af0f9b].is-horizontal .ui-base-input-horizontal-wrapper {
  display: flex;
  align-items: center;
  gap: 0;
}
.ui-input[data-v-17af0f9b].is-horizontal .ui-base-input-title {
  flex-shrink: 0;
  padding-right: 0;
}
.ui-input[data-v-17af0f9b].is-horizontal .ui-base-input-container {
  flex: 1;
}
.ui-input[data-v-17af0f9b].is-vertical .ui-base-input-title {
  margin-bottom: var(--input-title-margin-bottom);
}
.ui-input[data-v-17af0f9b] .ui-base-input-container {
  color: #e9ebed;
  font-family: "Open Sans";
  font-size: var(--input-container-font-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  line-height: 1;
  font-size: var(--input-container-font-size);
  gap: var(--input-container-gap);
}
.ui-input[data-v-17af0f9b] .ui-base-input-container .ui-base-input-container-input {
  border-radius: var(--input-container-border-radius);
  border: var(--input-container-border);
  box-shadow: var(--input-container-box-shadow);
  background: var(--input-container-bg);
  gap: var(--input-container-gap);
  align-self: stretch;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  line-height: 133.333%;
  font-size: var(--input-container-font-size);
  transition: all 0.2s ease;
  flex: 1;
  padding: var(--a35e706e);
}
.ui-input[data-v-17af0f9b] .ui-base-input-container .ui-base-input-container-input input {
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  flex: 1;
  min-width: 0;
  width: 0;
  background-color: transparent;
  color: var(--input-text-color);
  color: #e9ebed;
  font-family: "Open Sans";
  font-size: var(--input-container-font-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.ui-input[data-v-17af0f9b] .ui-base-input-container .ui-base-input-container-input input::placeholder {
  color: var(--input-placeholder-color);
  font-family: var(--input-placeholder-font-family);
  font-size: var(--input-placeholder-font-size);
  font-style: var(--input-placeholder-font-style);
  font-weight: var(--input-placeholder-font-weight);
  line-height: var(--input-placeholder-line-height);
}
.ui-input[data-v-17af0f9b].is-hovered .ui-base-input-container-input {
  background: var(--input-container-bg__hover);
  border: var(--input-container-border__hover);
  box-shadow: var(--input-container-box-shadow__hover);
}
.ui-input[data-v-17af0f9b].is-focused .ui-base-input-container-input {
  background: var(--input-container-bg__focused);
  border: var(--input-container-border__focused);
  box-shadow: var(--input-container-box-shadow__focused);
}
.ui-input[data-v-17af0f9b].is-focused .ui-base-input-container-input input::placeholder {
  color: var(--input-placeholder-color__focused);
}
.ui-input[data-v-17af0f9b].is-disabled .ui-base-input-title {
  color: var(--input-title-color__disabled);
}
.ui-input[data-v-17af0f9b].is-disabled .ui-base-input-container-input {
  background: var(--input-container-bg__disabled);
  border: var(--input-container-border__disabled);
  box-shadow: none;
}
.ui-input[data-v-17af0f9b].is-disabled .ui-base-input-container-input input {
  color: var(--input-text-color__disabled);
}
.ui-input[data-v-17af0f9b].is-disabled .ui-base-input-container-input input::placeholder {
  color: var(--input-placeholder-color__disabled);
}
.ui-input[data-v-17af0f9b].is-readonly .ui-base-input-container-input {
  background: var(--input-container-bg__readonly);
  border: var(--input-container-border__readonly);
}
.ui-input[data-v-17af0f9b].is-readonly .ui-base-input-container-input input {
  cursor: default;
  color: var(--input-text-color__readonly);
}
.ui-input[data-v-17af0f9b].is-error .ui-base-input-container-input {
  background: var(--input-container-bg__error);
  border: var(--input-container-border__error);
  box-shadow: var(--input-container-box-shadow__error);
}
.ui-input[data-v-17af0f9b].is-error.is-focused .ui-base-input-container-input {
  background: var(--input-container-bg__error-focused);
  border: var(--input-container-border__error-focused);
  box-shadow: var(--input-container-box-shadow__error-focused);
}
.ui-input[data-v-17af0f9b] .ui-base-input-bottom-tip {
  font-size: var(--input-bottom-tip-font-size);
  margin-top: var(--input-bottom-tip-margin-top);
  color: var(--input-bottom-tip-color);
  font-family: var(--input-bottom-tip-font-family);
  font-style: var(--input-bottom-tip-font-style);
  font-weight: var(--input-bottom-tip-font-weight);
  line-height: var(--input-bottom-tip-line-height);
}
.ui-input[data-v-17af0f9b] .ui-base-input-error {
  color: var(--input-error-color);
  font-family: var(--input-error-font-family);
  font-size: var(--input-error-font-size);
  font-style: var(--input-error-font-style);
  font-weight: var(--input-error-font-weight);
  line-height: var(--input-error-line-height);
  margin-top: var(--input-error-margin-top);
  border-radius: 4px;
  background: #e9002d;
  display: flex;
  padding: 4px;
  align-items: flex-start;
  flex-wrap: wrap;
}.ui-form-item-group[data-v-0a658959] {
  display: flex;
  width: 100%;
}
.ui-form-item-group.direction-row[data-v-0a658959] {
  flex-direction: row;
  align-items: flex-start;
}
.ui-form-item-group.direction-row[data-v-0a658959] .ui-form-item {
  flex: 1 1 0%;
  min-width: 0;
  max-width: 100%;
}
.ui-form-item-group.direction-row[data-v-0a658959] .ui-form-item.title-top {
  width: auto !important;
}
.ui-form-item-group.direction-row[data-v-0a658959] .ui-form-item.title-top .ui-form-item-body {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden;
}
.ui-form-item-group.direction-row[data-v-0a658959] .ui-form-item.title-top .ui-form-item-content {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  min-width: 0;
  overflow: hidden;
}
.ui-form-item-group.direction-row[data-v-0a658959] .ui-form-item.title-top :deep(.ui-input) {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  min-width: 0;
}
.ui-form-item-group.direction-row[data-v-0a658959] .ui-form-item.title-top :deep(.ui-base-input) {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  min-width: 0;
}
.ui-form-item-group.direction-row[data-v-0a658959] .ui-form-item.title-top :deep(.ui-base-input-container) {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  min-width: 0;
}
.ui-form-item-group.direction-column[data-v-0a658959] {
  flex-direction: column;
}
.ui-form-item-group.direction-column[data-v-0a658959] .ui-form-item {
  width: 100%;
}
@media (max-width: 768px) {
.ui-form-item-group.is-responsive[data-v-0a658959] {
    flex-direction: column !important;
}
.ui-form-item-group.is-responsive[data-v-0a658959] .ui-form-item {
    width: 100% !important;
    flex: none !important;
}
}.title[data-v-fdfb02d5] {
  color: var(--Colors-Text-Warning-text-warning-primary, #fad450);
  /* Text Style/Body/md/bold */
  font-family: var(--Typography-Font-Family-Secondary, "Open Sans");
  font-size: var(--Typography-Font-Size-Body-body-md, 16px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Typography-Line-Height-Body-body-md, 24px); /* 150% */
}
.bank-num-tip[data-v-fdfb02d5] {
  display: inline;
}
.bank-num-tip .bank-num-tip-link[data-v-fdfb02d5] {
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
  transition: opacity 0.2s;
}
.bank-num-tip .bank-num-tip-link[data-v-fdfb02d5]:hover {
  opacity: 0.8;
}
.phone-number-prefix[data-v-fdfb02d5] {
  padding-right: 8px;
  border-right: 1px solid rgba(233, 235, 237, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ebf1f7;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}
.phone-number-tip[data-v-fdfb02d5] {
  display: inline;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
}
.phone-number-tip .phone-number-tip-example[data-v-fdfb02d5] {
  color: #1fd860;
}
.checkbox-agreement[data-v-fdfb02d5] {
  display: flex;
  flex-direction: row;
  gap: 8px;
  font-size: 12px;
  height: 18px;
}
.checkbox-agreement .checkbox-agreement-label[data-v-fdfb02d5] {
  line-height: 16px;
}
.checkbox-agreement .checkbox-agreement-label .terms-of-service-link[data-v-fdfb02d5] {
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
  transition: opacity 0.2s;
}
.checkbox-agreement .checkbox-agreement-label .terms-of-service-link[data-v-fdfb02d5]:hover {
  opacity: 0.8;
}.pop-page[data-v-adea6d15] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  background: var(--pop-page-bg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.fade-enter-active[data-v-adea6d15],
.fade-leave-active[data-v-adea6d15] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-adea6d15],
.fade-leave-to[data-v-adea6d15] {
  opacity: 0;
}
.pop-page .container[data-v-adea6d15] {
  width: var(--pop-page-container-width__mobile);
  height: var(--pop-page-container-height__mobile);
  max-height: var(--pop-page-container-max-height__mobile);
  background: var(--pop-page-container-bg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.pop-page .container .header[data-v-adea6d15] {
  background: var(--pop-page-header-bg);
  padding: var(--pop-page-header-padding__mobile);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.pop-page .container .header .bg[data-v-adea6d15] {
  position: relative;
  height: var(--pop-page-header-height__mobile);
}
.pop-page .container .header .bg .left[data-v-adea6d15] {
  position: absolute;
  left: var(--pop-page-header-svg-left-left);
  top: var(--pop-page-header-svg-left-top);
  fill: linear-gradient(90deg, rgba(0, 0, 0, 0.05) -650%, #2e9bff 331.25%);
  stroke-width: 1px;
  stroke: #58afff;
  filter: drop-shadow(4px 7px 10px rgba(0, 0, 0, 0.16));
  z-index: 2;
}
.pop-page .container .header .bg .right[data-v-adea6d15] {
  position: absolute;
  left: var(--pop-page-header-svg-right-left);
  top: var(--pop-page-header-svg-right-top);
  z-index: 1;
}
.pop-page .container .header .title[data-v-adea6d15] {
  position: absolute;
  left: var(--pop-page-header-title-left);
  top: var(--pop-page-header-title-top);
  color: var(--pop-page-header-title-color);
  font-family: var(--pop-page-header-title-font-family);
  font-size: var(--pop-page-header-title-font-size);
  font-style: var(--pop-page-header-title-font-style);
  font-weight: var(--pop-page-header-title-font-weight);
  line-height: 1;
  z-index: 3;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.pop-page .container .header .close[data-v-adea6d15] {
  height: var(--pop-page-header-height__mobile);
  padding: 0 2px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  margin-left: auto;
}
.pop-page .container .content[data-v-adea6d15] {
  padding: var(--pop-page-content-padding__mobile);
  padding-right: 0;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  min-height: 0;
}
.pop-page .container .content .content-inner[data-v-adea6d15] {
  padding-right: var(--pop-page-content-padding__mobile);
  display: flex;
  flex-direction: column;
}
.desktop .container[data-v-adea6d15] {
  width: var(--pop-page-container-width__desktop);
  height: var(--pop-page-container-height__desktop);
  max-height: var(--pop-page-container-max-height__desktop);
  border: var(--pop-page-container-border__desktop);
  border-radius: var(--pop-page-container-border-radius__desktop);
}
.desktop .container .header[data-v-adea6d15] {
  padding: var(--pop-page-header-padding__desktop);
}
.desktop .container .header .bg[data-v-adea6d15] {
  height: var(--pop-page-header-height__desktop);
}
.desktop .container .header .bg .left[data-v-adea6d15] {
  position: absolute;
  left: var(--pop-page-header-svg-left-left);
  top: var(--pop-page-header-svg-left-top);
}
.desktop .container .header .bg .right[data-v-adea6d15] {
  position: absolute;
  left: var(--pop-page-header-svg-right-left);
  top: var(--pop-page-header-svg-right-top);
}
.desktop .container .header .close[data-v-adea6d15] {
  height: var(--pop-page-header-height__desktop);
  min-height: var(--pop-page-header-height__desktop);
}
.desktop .container .content[data-v-adea6d15] {
  padding: var(--pop-page-content-padding__desktop);
  padding-right: 0;
}
.desktop .container .content .content-inner[data-v-adea6d15] {
  padding-right: var(--pop-page-content-padding__desktop);
}.btn-user-info[data-v-2995b402] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  gap: var(--btn-user-info-gap);
  background: var(--btn-user-info-bg);
  border: var(--btn-user-info-border);
  padding: var(--btn-user-info-padding);
}
.btn-user-info .ui-image[data-v-2995b402] {
  width: var(--btn-user-info-image-width);
  height: var(--btn-user-info-image-height);
}
.btn-user-info .dropdown-arrow[data-v-2995b402] {
  transform: rotate(0deg);
  transition: transform 0.2s ease-in-out;
}
.btn-user-info.is-open .dropdown-arrow[data-v-2995b402] {
  transform: rotate(180deg);
}
.user-menu-overlay[data-v-2995b402] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.user-menu-dialog[data-v-2995b402] {
  min-width: 220px;
  min-height: 120px;
  background: var(--theme-panel-bg, #1b1b1b);
  border: 1px solid var(--theme-panel-border, #2a2a2a);
  border-radius: 8px;
  padding: 16px 20px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
  color: red;
}.ui-button-blue[data-v-14c46044] {
  --btn-border-radius: var(--btn-blue-border-radius);
  --btn-color: var(--btn-blue-color);
  --btn-font-family: var(--btn-blue-font-family);
  --btn-font-size: var(--btn-blue-font-size);
  --btn-font-weight: var(--btn-blue-font-weight);
  --btn-line-height: var(--btn-blue-line-height);
  --btn-border: var(--btn-blue-border__normal);
  --btn-padding: var(--btn-blue-padding);
  --btn-bg: var(--btn-blue-bg__normal);
  --btn-gap: var(--btn-blue-gap);
}
.ui-button-blue[data-v-14c46044]:hover {
  --btn-border: var(--btn-blue-border__hover);
  --btn-bg: var(--btn-blue-bg__hover);
}.ui-button-yellow[data-v-972af982] {
  --btn-border-radius: var(--btn-yellow-border-radius);
  --btn-color: var(--btn-yellow-color);
  --btn-font-family: var(--btn-yellow-font-family);
  --btn-font-size: var(--btn-yellow-font-size);
  --btn-font-weight: var(--btn-yellow-font-weight);
  --btn-line-height: var(--btn-yellow-line-height);
  --btn-border: var(--btn-yellow-border__normal);
  --btn-padding: var(--btn-yellow-padding);
  --btn-bg: var(--btn-yellow-bg__normal);
  --btn-gap: var(--btn-yellow-gap);
}
.ui-button-yellow[data-v-972af982]:hover {
  --btn-border: var(--btn-yellow-border__hover);
  --btn-bg: var(--btn-yellow-bg__hover);
}.navigation-desktop[data-v-7113d4c2] {
  width: 100%;
}
.navigation-desktop .main[data-v-7113d4c2] {
  display: flex;
  padding: var(--navigation-desktop-padding);
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(233, 235, 237, 0.1);
  background: linear-gradient(270deg, #0b141e 0%, #0c2741 50%, #0b141e 100%);
  backdrop-filter: blur(50px);
}
.navigation-desktop .main .logo[data-v-7113d4c2] {
  width: var(--navigation-desktop-logo-width);
  height: var(--navigation-desktop-logo-height);
  flex-shrink: 0;
  cursor: pointer;
}
.navigation-desktop .main .buttons[data-v-7113d4c2] {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.navigation-desktop .main .buttons .line[data-v-7113d4c2] {
  height: 44px;
  width: 1px;
  background: var(--Dark-Blue-50-10, rgba(233, 235, 237, 0.1));
}
.navigation-desktop .main .buttons .register-btn[data-v-7113d4c2] {
  margin-right: var(--navigation-desktop-register-btn-margin-right);
  min-width: var(--navigation-desktop-register-btn-min-width);
  height: var(--navigation-desktop-register-btn-height);
}
.navigation-desktop .main .buttons .login-btn[data-v-7113d4c2] {
  min-width: var(--navigation-desktop-login-btn-min-width);
}
.navigation-desktop .main .buttons .language-btn[data-v-7113d4c2] {
  min-width: var(--navigation-desktop-language-btn-min-width);
}
.navigation-desktop .main .buttons .message-btn[data-v-7113d4c2] {
  width: var(--navigation-desktop-message-btn-width);
}
.navigation-desktop .sub[data-v-7113d4c2] {
  display: flex;
  padding: 12px 110px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: linear-gradient(270deg, #0b141e 0%, #0c2741 50%, #0b141e 100%);
}
.navigation-desktop .sub .buttons[data-v-7113d4c2] {
  display: flex;
  flex-direction: row;
  gap: 16px;
  height: 44px;
}
.navigation-desktop .sub .buttons .button-item[data-v-7113d4c2] {
  min-width: 130px;
}.layout-content[data-v-5292cd3b] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1;
  width: 100%;
  padding-left: var(--layout-padding-x__desktop);
  padding-right: var(--layout-padding-x__desktop);
}
.mobile-viewport-container[data-v-7e233a5a] {
	width: 100%;
	height: 100%;
	min-height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overscroll-behavior: none;
	touch-action: none;
}

/* 移动端优�?*/
[data-v-7e233a5a] * {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
}
[data-v-7e233a5a] input,[data-v-7e233a5a] textarea {
	user-select: text;
	-webkit-user-select: text;
}
[data-v-7e233a5a] a,[data-v-7e233a5a] button {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
[data-v-7e233a5a] .scroll-container {
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
}
.mobile-layout[data-v-8cf43b52] {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
.mobile-layout .header[data-v-8cf43b52] {
  width: 100%;
  background-color: transparent;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  min-height: 10px;
  flex-shrink: 0;
}
.mobile-layout .header-fixed[data-v-8cf43b52] {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
}
.mobile-layout .content[data-v-8cf43b52] {
  width: 100%;
  flex: 1;
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 16px;
}
.mobile-layout .footer[data-v-8cf43b52] {
  width: 100%;
  background-color: transparent;
  padding: 16px;
  box-sizing: border-box;
  min-height: 10px;
  flex-shrink: 0;
}
.mobile-layout .footer-fixed[data-v-8cf43b52] {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
}
.mobile-layout .bottom-nav[data-v-8cf43b52] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--bottom-nav-height, 60px);
  background-color: transparent;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
@media (min-width: 768px) {
.mobile-layout[data-v-8cf43b52] {
    display: none;
}
}.navigation-mobile[data-v-c1b975f1] {
  width: 100%;
  background: var(--navigation-mobile-background);
  padding: var(--navigation-mobile-padding);
}
.navigation-mobile .main[data-v-c1b975f1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--navigation-mobile-main-height);
  width: 100%;
}
.navigation-mobile .main .logo[data-v-c1b975f1] {
  cursor: pointer;
}
.navigation-mobile .main .buttons[data-v-c1b975f1] {
  display: flex;
  flex-direction: row;
  gap: var(--navigation-mobile-main-button-gap);
}
.navigation-mobile .main .buttons .login-btn[data-v-c1b975f1] {
  min-width: var(--navigation-desktop-login-btn-min-width);
}
.navigation-mobile .main .buttons .language-btn[data-v-c1b975f1] {
  min-width: var(--navigation-desktop-language-btn-min-width);
}
.navigation-mobile .main .buttons .message-btn[data-v-c1b975f1] {
  width: var(--navigation-desktop-message-btn-width);
}
.navigation-mobile .sub[data-v-c1b975f1] {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  margin-top: var(--navigation-mobile-sub-margin-top);
  border-top: var(--navigation-mobile-sub-border-top);
  padding-top: var(--navigation-mobile-sub-padding-top);
}
.navigation-mobile .sub .balance[data-v-c1b975f1] {
  width: 100%;
  min-height: var(--navigation-mobile-sub-balance-min-height);
  padding: 0 var(--navigation-mobile-sub-padding-top);
  border-radius: var(--navigation-mobile-sub-balance-border-radius);
  background: var(--navigation-mobile-sub-balance-background);
}
.navigation-mobile .sub .buttons[data-v-c1b975f1] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: var(--navigation-mobile-sub-button-gap);
  height: var(--navigation-mobile-sub-button-height);
  width: 100%;
}
.navigation-mobile .sub .buttons .button-item[data-v-c1b975f1] {
  min-width: var(--navigation-mobile-sub-button-min-width);
}.bottom-menu[data-v-57ab62a9] {
  position: relative;
  border-radius: 24px 24px 0 0;
  background: var(--Container-Gradient-Gradient-2, linear-gradient(180deg, var(--Theme-Brand-Secondary-Solid-Secondary-500, #243649) -51.62%, var(--Theme-Brand-Secondary-Solid-Secondary-700, #17222e) 84.76%));
  height: 60px;
  backdrop-filter: blur(5px);
}
.bottom-menu .bottom-menu-bg[data-v-57ab62a9] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -30px;
  width: 62.471px;
  height: 58.773px;
  background: var(--Container-Gradient-Gradient-2, linear-gradient(180deg, var(--Theme-Brand-Secondary-Solid-Secondary-500, #243649) -51.62%, var(--Theme-Brand-Secondary-Solid-Secondary-700, #17222e) 84.76%));
  border-radius: 50%;
}.layout-content[data-v-678db62e] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1;
  width: 100%;
  padding-left: var(--layout-padding-x__mobile);
  padding-right: var(--layout-padding-x__mobile);
}.demo-item[data-v-9c1149d4] {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.demo-item[data-v-9c1149d4]:hover {
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6);
}
.demo-item .demo-item-header[data-v-9c1149d4] {
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(10px);
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
.demo-item .demo-item-header .demo-item-title[data-v-9c1149d4] {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0.01em;
}
.demo-item .demo-item-preview[data-v-9c1149d4] {
  padding: 16px 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
  background: var(--a3426550);
  min-height: 60px;
  overflow: visible;
}
.demo-item .demo-item-code-section[data-v-9c1149d4] {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
  overflow: hidden;
  border-radius: 0 0 8px 8px;
}
.demo-item .demo-item-code-section .demo-item-code-buttons[data-v-9c1149d4] {
  padding: 8px 12px;
  display: flex;
  gap: 6px;
}
.demo-item .demo-item-code-section .demo-item-code-buttons .demo-item-code-btn[data-v-9c1149d4] {
  position: relative;
  width: 70px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.7);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: "Consolas", "Monaco", monospace;
  letter-spacing: 0.02em;
  overflow: hidden;
}
.demo-item .demo-item-code-section .demo-item-code-buttons .demo-item-code-btn[data-v-9c1149d4]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.08);
  opacity: 0;
  transition: opacity 0.25s;
  z-index: 0;
}
.demo-item .demo-item-code-section .demo-item-code-buttons .demo-item-code-btn[data-v-9c1149d4]:hover:not(.disabled) {
  border-color: rgba(255, 255, 255, 0.25);
  color: rgb(255, 255, 255);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  transform: translateY(-1px);
}
.demo-item .demo-item-code-section .demo-item-code-buttons .demo-item-code-btn[data-v-9c1149d4]:hover:not(.disabled)::before {
  opacity: 1;
}
.demo-item .demo-item-code-section .demo-item-code-buttons .demo-item-code-btn[data-v-9c1149d4]:active:not(.disabled) {
  transform: translateY(0);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.demo-item .demo-item-code-section .demo-item-code-buttons .demo-item-code-btn.disabled[data-v-9c1149d4] {
  opacity: 0.3;
  cursor: not-allowed;
}
.ui-button-close-square[data-v-fc10feee] {
  padding: var(--btn-close-square-padding);
  color: var(--btn-close-square-color);
  border-radius: 10px;
  border: var(--btn-close-square-border);
  background: var(--btn-close-square-bg);
  transition: var(--btn-close-square-transition);
  box-shadow: var(--btn-close-square-box-shadow);
  /* Hover 状态 */
}
.ui-button-close-square[data-v-fc10feee]:hover:not(:disabled) {
  color: var(--btn-close-square-color-hover);
  background: var(--btn-close-square-bg-hover);
  background-blend-mode: overlay, normal;
  box-shadow: var(--btn-close-square-box-shadow-hover);
}
.ui-button-close-square[data-v-fc10feee] {
  /* Active 状态 */
}
.ui-button-close-square[data-v-fc10feee]:active:not(:disabled) {
  background: var(--btn-close-square-bg-active);
  box-shadow: var(--btn-close-square-box-shadow-active);
}
.ui-button-close-square[data-v-fc10feee] {
  /* Disabled 状态 */
}
.ui-button-close-square[data-v-fc10feee]:disabled {
  opacity: var(--btn-close-square-disabled-opacity);
  background: var(--btn-close-square-bg-disabled);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  transition: none;
}
.btn-error[data-v-69d6e461] {
  border-radius: var(--btn-error-border-radius);
  background: var(--btn-error-bg);
  border: var(--btn-error-border);
  box-shadow: var(--btn-error-box-shadow);
  color: var(--btn-error-color);
  font-family: var(--btn-error-font-family);
  font-style: normal;
  font-weight: var(--btn-error-font-weight);
  font-family: var(--btn-error-font-family);
  transition: all 0.2s ease;
  /* 尺寸-小 */
}
.btn-error--sm[data-v-69d6e461] {
  font-size: var(--btn-error-font-size--sm);
  line-height: var(--btn-error-line-height--sm);
  padding: var(--btn-error-padding--sm);
  border-radius: var(--btn-error-border-radius-sm);
}
.btn-error[data-v-69d6e461] {
  /* 尺寸-中 */
}
.btn-error--md[data-v-69d6e461] {
  font-size: var(--btn-error-font-size--md);
  line-height: var(--btn-error-line-height--md);
  padding: var(--btn-error-padding--md);
  border-radius: var(--btn-error-border-radius-md);
}
.btn-error[data-v-69d6e461] {
  /* 尺寸-大 */
}
.btn-error--lg[data-v-69d6e461] {
  font-size: var(--btn-error-font-size--lg);
  line-height: var(--btn-error-line-height--lg);
  padding: var(--btn-error-padding--lg);
  border-radius: var(--btn-error-border-radius-lg);
}
.btn-error[data-v-69d6e461] {
  /* Hover 状态 */
}
.btn-error[data-v-69d6e461]:hover:not(:disabled) {
  color: var(--btn-error-color-hover);
  text-shadow: var(--btn-error-text-shadow-hover);
  background: var(--btn-error-bg-hover);
  border: var(--btn-error-border-hover);
  box-shadow: var(--btn-error-box-shadow-hover);
}
.btn-error[data-v-69d6e461] {
  /* Active 状态 */
}
.btn-error[data-v-69d6e461]:active:not(:disabled) {
  background: var(--btn-error-bg);
  border: var(--btn-error-border);
  box-shadow: var(--btn-error-box-shadow);
}
.btn-error[data-v-69d6e461]:focus-visible:not(:disabled) {
  border: var(--btn-error-border-focus);
  outline: var(--btn-error-outline-focus);
}
.btn-error[data-v-69d6e461] {
  /* Disabled 状态 */
}
.btn-error[data-v-69d6e461]:disabled {
  color: var(--btn-error-color-disabled);
  background: var(--btn-error-bg-disabled);
  border: var(--btn-error-border-disabled);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  transition: none;
  opacity: var(--btn-error-disabled-opacity);
}
[data-v-69d6e461] .ui-base-button-content {
  gap: var(--btn-error-gap);
}
.demo-preview[data-v-01019dc4] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.demo-controls[data-v-01019dc4] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: center;
	padding: 8px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(4px);
}
.demo-button-container[data-v-01019dc4] {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 40px;
}

/* 切换按钮�?*/
.demo-toggle-group[data-v-01019dc4] {
	display: flex;
	gap: 4px;
}
.demo-toggle-item[data-v-01019dc4] {
	display: flex;
	align-items: center;
	gap: 3px;
	cursor: pointer;
	user-select: none;
	font-size: 11px;
	color: #ccc;
	padding: 3px 6px;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
	transition: all 0.2s ease;
}
.demo-toggle-item[data-v-01019dc4]:hover {
	color: #fafafa;
	border-color: rgba(255, 255, 255, 0.3);
}
.demo-toggle-item.active[data-v-01019dc4] {
	color: white;
	border-color: white;
	background: rgba(24, 144, 255, 0.2);
}
.demo-toggle-item input[type='checkbox'][data-v-01019dc4] {
	display: none;
}

/* 分段控制�?*/
.demo-segmented-control[data-v-01019dc4] {
	display: flex;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment[data-v-01019dc4] {
	flex: 1;
	padding: 3px 6px;
	font-size: 11px;
	font-weight: 500;
	color: #ccc;
	background: rgba(255, 255, 255, 0.1);
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
	min-width: 28px;
	position: relative;
}
.demo-segment[data-v-01019dc4]:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 20%;
	bottom: 20%;
	width: 1px;
	background: #e0e0e0;
}
.demo-segment[data-v-01019dc4]:hover {
	color: #fafafa;
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment.active[data-v-01019dc4] {
	color: white;
	background: #1890ff;
}
.demo-segment.active[data-v-01019dc4]::after {
	display: none;
}

/* 响应式布局 */
@media (max-width: 768px) {
.demo-controls[data-v-01019dc4] {
		gap: 8px;
}
.demo-toggle-item[data-v-01019dc4] {
		font-size: 11px;
		padding: 3px 6px;
}
.demo-segment[data-v-01019dc4] {
		font-size: 11px;
		padding: 3px 6px;
		min-width: 28px;
}
}

.demo-preview[data-v-017d5b8a] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.demo-controls[data-v-017d5b8a] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: center;
	padding: 8px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(4px);
}
.demo-button-container[data-v-017d5b8a] {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 40px;
}

/* 切换按钮�?*/
.demo-toggle-group[data-v-017d5b8a] {
	display: flex;
	gap: 4px;
}
.demo-toggle-item[data-v-017d5b8a] {
	display: flex;
	align-items: center;
	gap: 3px;
	cursor: pointer;
	user-select: none;
	font-size: 11px;
	color: #ccc;
	padding: 3px 6px;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
	transition: all 0.2s ease;
}
.demo-toggle-item[data-v-017d5b8a]:hover {
	color: #fafafa;
	border-color: rgba(255, 255, 255, 0.3);
}
.demo-toggle-item.active[data-v-017d5b8a] {
	color: white;
	border-color: white;
	background: rgba(24, 144, 255, 0.2);
}
.demo-toggle-item input[type='checkbox'][data-v-017d5b8a] {
	display: none;
}

/* 分段控制�?*/
.demo-segmented-control[data-v-017d5b8a] {
	display: flex;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment[data-v-017d5b8a] {
	flex: 1;
	padding: 3px 6px;
	font-size: 11px;
	font-weight: 500;
	color: #ccc;
	background: rgba(255, 255, 255, 0.1);
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
	min-width: 28px;
	position: relative;
}
.demo-segment[data-v-017d5b8a]:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 20%;
	bottom: 20%;
	width: 1px;
	background: #e0e0e0;
}
.demo-segment[data-v-017d5b8a]:hover {
	color: #fafafa;
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment.active[data-v-017d5b8a] {
	color: white;
	background: #1890ff;
}
.demo-segment.active[data-v-017d5b8a]::after {
	display: none;
}

/* 响应式布局 */
@media (max-width: 768px) {
.demo-controls[data-v-017d5b8a] {
		gap: 8px;
}
.demo-toggle-item[data-v-017d5b8a] {
		font-size: 11px;
		padding: 3px 6px;
}
.demo-segment[data-v-017d5b8a] {
		font-size: 11px;
		padding: 3px 6px;
		min-width: 28px;
}
}

.btn-link[data-v-3984f562] {
  border-radius: var(--btn-link-border-radius);
  background: var(--btn-link-bg);
  border: var(--btn-link-border);
  box-shadow: var(--btn-link-box-shadow);
  color: var(--btn-link-color);
  text-align: center;
  font-family: var(--btn-link-font-family);
  font-style: normal;
  font-weight: var(--btn-link-font-weight);
  font-family: var(--btn-link-font-family);
  transition: all 0.2s ease;
  /* 尺寸-小 */
}
.btn-link--sm[data-v-3984f562] {
  font-size: var(--btn-link-font-size--sm);
  line-height: var(--btn-link-line-height--sm);
  padding: var(--btn-link-padding--sm);
  border-radius: var(--btn-link-border-radius-sm);
}
.btn-link[data-v-3984f562] {
  /* 尺寸-中 */
}
.btn-link--md[data-v-3984f562] {
  font-size: var(--btn-link-font-size--md);
  line-height: var(--btn-link-line-height--md);
  padding: var(--btn-link-padding--md);
  border-radius: var(--btn-link-border-radius-md);
}
.btn-link[data-v-3984f562] {
  /* 尺寸-大 */
}
.btn-link--lg[data-v-3984f562] {
  font-size: var(--btn-link-font-size--lg);
  line-height: var(--btn-link-line-height--lg);
  padding: var(--btn-link-padding--lg);
  border-radius: var(--btn-link-border-radius-lg);
}
.btn-link[data-v-3984f562] {
  /* Hover 状态 */
}
.btn-link[data-v-3984f562]:hover:not(:disabled) {
  color: var(--btn-link-color-hover);
  text-shadow: var(--btn-link-text-shadow-hover);
  background: var(--btn-link-bg-hover);
  border: var(--btn-link-border-hover);
  box-shadow: var(--btn-link-box-shadow-hover);
}
.btn-link[data-v-3984f562] {
  /* Active 状态 */
}
.btn-link[data-v-3984f562]:active:not(:disabled) {
  background: var(--btn-link-bg);
  border: var(--btn-link-border);
  box-shadow: var(--btn-link-box-shadow);
}
.btn-link[data-v-3984f562]:focus-visible:not(:disabled) {
  border: var(--btn-link-border-focus);
  outline: var(--btn-link-outline-focus);
}
.btn-link[data-v-3984f562] {
  /* Disabled 状态 */
}
.btn-link[data-v-3984f562]:disabled {
  color: var(--btn-link-color-disabled);
  background: var(--btn-link-bg-disabled);
  border: var(--btn-link-border-disabled);
  opacity: var(--btn-link-disabled-opacity);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  transition: none;
}
[data-v-3984f562] .ui-base-button-content {
  gap: var(--btn-link-gap);
}
.demo-preview[data-v-d2c277a6] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.demo-controls[data-v-d2c277a6] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: center;
	padding: 8px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(4px);
}
.demo-button-container[data-v-d2c277a6] {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 40px;
}

/* 切换按钮�?*/
.demo-toggle-group[data-v-d2c277a6] {
	display: flex;
	gap: 4px;
}
.demo-toggle-item[data-v-d2c277a6] {
	display: flex;
	align-items: center;
	gap: 3px;
	cursor: pointer;
	user-select: none;
	font-size: 11px;
	color: #ccc;
	padding: 3px 6px;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
	transition: all 0.2s ease;
}
.demo-toggle-item[data-v-d2c277a6]:hover {
	color: #fafafa;
	border-color: rgba(255, 255, 255, 0.3);
}
.demo-toggle-item.active[data-v-d2c277a6] {
	color: white;
	border-color: white;
	background: rgba(24, 144, 255, 0.2);
}
.demo-toggle-item input[type='checkbox'][data-v-d2c277a6] {
	display: none;
}

/* 分段控制�?*/
.demo-segmented-control[data-v-d2c277a6] {
	display: flex;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment[data-v-d2c277a6] {
	flex: 1;
	padding: 3px 6px;
	font-size: 11px;
	font-weight: 500;
	color: #ccc;
	background: rgba(255, 255, 255, 0.1);
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
	min-width: 28px;
	position: relative;
}
.demo-segment[data-v-d2c277a6]:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 20%;
	bottom: 20%;
	width: 1px;
	background: #e0e0e0;
}
.demo-segment[data-v-d2c277a6]:hover {
	color: #fafafa;
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment.active[data-v-d2c277a6] {
	color: white;
	background: #1890ff;
}
.demo-segment.active[data-v-d2c277a6]::after {
	display: none;
}

/* 响应式布局 */
@media (max-width: 768px) {
.demo-controls[data-v-d2c277a6] {
		gap: 8px;
}
.demo-toggle-item[data-v-d2c277a6] {
		font-size: 11px;
		padding: 3px 6px;
}
.demo-segment[data-v-d2c277a6] {
		font-size: 11px;
		padding: 3px 6px;
		min-width: 28px;
}
}

.btn-primary-outlined[data-v-603a9f2c] {
  border-radius: var(--btn-primary-outlined-border-radius);
  background: var(--btn-primary-outlined-bg);
  border: var(--btn-primary-outlined-border);
  box-shadow: var(--btn-primary-outlined-box-shadow);
  color: var(--btn-primary-outlined-color);
  text-align: center;
  font-family: var(--btn-primary-outlined-font-family);
  font-style: normal;
  font-weight: var(--btn-primary-outlined-font-weight);
  font-family: var(--btn-primary-outlined-font-family);
  transition: all 0.2s ease;
}
.btn-primary-outlined--circle[data-v-603a9f2c] {
  border-radius: 50% !important;
}
.btn-primary-outlined[data-v-603a9f2c] {
  /* 尺寸-小 */
}
.btn-primary-outlined--sm[data-v-603a9f2c] {
  font-size: var(--btn-primary-outlined-font-size--sm);
  line-height: var(--btn-primary-outlined-line-height--sm);
  padding: var(--btn-primary-outlined-padding--sm);
  border-radius: var(--btn-primary-outlined-border-radius-sm);
}
.btn-primary-outlined[data-v-603a9f2c] {
  /* 尺寸-中 */
}
.btn-primary-outlined--md[data-v-603a9f2c] {
  font-size: var(--btn-primary-outlined-font-size--md);
  line-height: var(--btn-primary-outlined-line-height--md);
  padding: var(--btn-primary-outlined-padding--md);
  border-radius: var(--btn-primary-outlined-border-radius-md);
}
.btn-primary-outlined[data-v-603a9f2c] {
  /* 尺寸-大 */
}
.btn-primary-outlined--lg[data-v-603a9f2c] {
  font-size: var(--btn-primary-outlined-font-size--lg);
  line-height: var(--btn-primary-outlined-line-height--lg);
  padding: var(--btn-primary-outlined-padding--lg);
  border-radius: var(--btn-primary-outlined-border-radius-lg);
}
.btn-primary-outlined[data-v-603a9f2c] {
  /* Hover 状态 */
}
.btn-primary-outlined[data-v-603a9f2c]:hover:not(:disabled) {
  color: var(--btn-primary-outlined-color-hover);
  text-shadow: var(--btn-primary-outlined-text-shadow-hover);
  background: var(--btn-primary-outlined-bg-hover);
  border: var(--btn-primary-outlined-border-hover);
  box-shadow: var(--btn-primary-outlined-box-shadow-hover);
}
.btn-primary-outlined[data-v-603a9f2c] {
  /* Active 状态 */
}
.btn-primary-outlined[data-v-603a9f2c]:active:not(:disabled) {
  background: var(--btn-primary-outlined-bg);
  border: var(--btn-primary-outlined-border);
  box-shadow: var(--btn-primary-outlined-box-shadow);
}
.btn-primary-outlined[data-v-603a9f2c]:focus-visible:not(:disabled) {
  border: var(--btn-primary-outlined-border-focus);
  outline: var(--btn-primary-outlined-outline-focus);
}
.btn-primary-outlined[data-v-603a9f2c] {
  /* Disabled 状态 */
}
.btn-primary-outlined[data-v-603a9f2c]:disabled {
  color: var(--btn-primary-outlined-color-disabled);
  background: var(--btn-primary-outlined-bg-disabled);
  border: var(--btn-primary-outlined-border-disabled);
  opacity: var(--btn-primary-outlined-disabled-opacity);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  transition: none;
}
[data-v-603a9f2c] .ui-base-button-content {
  gap: var(--btn-primary-outlined-gap);
}
.demo-preview[data-v-db89b16a] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.demo-controls[data-v-db89b16a] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: center;
	padding: 8px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(4px);
}
.demo-button-container[data-v-db89b16a] {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 40px;
}

/* 切换按钮�?*/
.demo-toggle-group[data-v-db89b16a] {
	display: flex;
	gap: 4px;
}
.demo-toggle-item[data-v-db89b16a] {
	display: flex;
	align-items: center;
	gap: 3px;
	cursor: pointer;
	user-select: none;
	font-size: 11px;
	color: #ccc;
	padding: 3px 6px;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
	transition: all 0.2s ease;
}
.demo-toggle-item[data-v-db89b16a]:hover {
	color: #fafafa;
	border-color: rgba(255, 255, 255, 0.3);
}
.demo-toggle-item.active[data-v-db89b16a] {
	color: white;
	border-color: white;
	background: rgba(24, 144, 255, 0.2);
}
.demo-toggle-item input[type='checkbox'][data-v-db89b16a] {
	display: none;
}

/* 分段控制�?*/
.demo-segmented-control[data-v-db89b16a] {
	display: flex;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment[data-v-db89b16a] {
	flex: 1;
	padding: 3px 6px;
	font-size: 11px;
	font-weight: 500;
	color: #ccc;
	background: rgba(255, 255, 255, 0.1);
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
	min-width: 28px;
	position: relative;
}
.demo-segment[data-v-db89b16a]:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 20%;
	bottom: 20%;
	width: 1px;
	background: #e0e0e0;
}
.demo-segment[data-v-db89b16a]:hover {
	color: #fafafa;
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment.active[data-v-db89b16a] {
	color: white;
	background: #1890ff;
}
.demo-segment.active[data-v-db89b16a]::after {
	display: none;
}

/* 响应式布局 */
@media (max-width: 768px) {
.demo-controls[data-v-db89b16a] {
		gap: 8px;
}
.demo-toggle-item[data-v-db89b16a] {
		font-size: 11px;
		padding: 3px 6px;
}
.demo-segment[data-v-db89b16a] {
		font-size: 11px;
		padding: 3px 6px;
		min-width: 28px;
}
}

.demo-preview[data-v-42e97eeb] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.demo-controls[data-v-42e97eeb] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: center;
	padding: 8px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(4px);
}
.demo-button-container[data-v-42e97eeb] {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 40px;
}

/* 切换按钮组 */
.demo-toggle-group[data-v-42e97eeb] {
	display: flex;
	gap: 4px;
}
.demo-toggle-item[data-v-42e97eeb] {
	display: flex;
	align-items: center;
	gap: 3px;
	cursor: pointer;
	user-select: none;
	font-size: 11px;
	color: #ccc;
	padding: 3px 6px;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
	transition: all 0.2s ease;
}
.demo-toggle-item[data-v-42e97eeb]:hover {
	color: #fafafa;
	border-color: rgba(255, 255, 255, 0.3);
}
.demo-toggle-item.active[data-v-42e97eeb] {
	color: white;
	border-color: #1890ff;
	background: rgba(24, 144, 255, 0.2);
}
.demo-toggle-item input[type='checkbox'][data-v-42e97eeb] {
	display: none;
}

/* 分段控制器 */
.demo-segmented-control[data-v-42e97eeb] {
	display: flex;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment[data-v-42e97eeb] {
	flex: 1;
	padding: 3px 6px;
	font-size: 11px;
	font-weight: 500;
	color: #ccc;
	background: transparent;
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
	min-width: 28px;
	position: relative;
}
.demo-segment[data-v-42e97eeb]:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 20%;
	bottom: 20%;
	width: 1px;
	background: rgba(255, 255, 255, 0.2);
}
.demo-segment[data-v-42e97eeb]:hover {
	color: #fafafa;
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment.active[data-v-42e97eeb] {
	color: white;
	background: #1890ff;
}
.demo-segment.active[data-v-42e97eeb]::after {
	display: none;
}

/* 响应式布局 */
@media (max-width: 768px) {
.demo-controls[data-v-42e97eeb] {
		gap: 8px;
}
.demo-toggle-item[data-v-42e97eeb] {
		font-size: 11px;
		padding: 3px 6px;
}
.demo-segment[data-v-42e97eeb] {
		font-size: 11px;
		padding: 3px 6px;
		min-width: 28px;
}
}

.demo-preview[data-v-8806b3a0] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.demo-controls[data-v-8806b3a0] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: center;
	padding: 8px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(4px);
}
.demo-button-container[data-v-8806b3a0] {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 40px;
}

/* 切换按钮组 */
.demo-toggle-group[data-v-8806b3a0] {
	display: flex;
	gap: 4px;
}
.demo-toggle-item[data-v-8806b3a0] {
	display: flex;
	align-items: center;
	gap: 3px;
	cursor: pointer;
	user-select: none;
	font-size: 11px;
	color: #ccc;
	padding: 3px 6px;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
	transition: all 0.2s ease;
}
.demo-toggle-item[data-v-8806b3a0]:hover {
	color: #fafafa;
	border-color: rgba(255, 255, 255, 0.3);
}
.demo-toggle-item.active[data-v-8806b3a0] {
	color: white;
	border-color: #1890ff;
	background: rgba(24, 144, 255, 0.2);
}
.demo-toggle-item input[type='checkbox'][data-v-8806b3a0] {
	display: none;
}

/* 分段控制器 */
.demo-segmented-control[data-v-8806b3a0] {
	display: flex;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment[data-v-8806b3a0] {
	flex: 1;
	padding: 3px 6px;
	font-size: 11px;
	font-weight: 500;
	color: #ccc;
	background: rgba(255, 255, 255, 0.1);
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
	min-width: 28px;
	position: relative;
}
.demo-segment[data-v-8806b3a0]:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 20%;
	bottom: 20%;
	width: 1px;
	background: #e0e0e0;
}
.demo-segment[data-v-8806b3a0]:hover {
	color: #fafafa;
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment.active[data-v-8806b3a0] {
	color: white;
	background: #1890ff;
}
.demo-segment.active[data-v-8806b3a0]::after {
	display: none;
}

/* 响应式布局 */
@media (max-width: 768px) {
.demo-controls[data-v-8806b3a0] {
		gap: 8px;
}
.demo-toggle-item[data-v-8806b3a0] {
		font-size: 11px;
		padding: 3px 6px;
}
.demo-segment[data-v-8806b3a0] {
		font-size: 11px;
		padding: 3px 6px;
		min-width: 28px;
}
}

.btn-telegram[data-v-0ebeddf3] {
  border-radius: var(--btn-telegram-border-radius);
  background: var(--btn-telegram-bg);
  border: var(--btn-telegram-border);
  box-shadow: var(--btn-telegram-box-shadow);
  color: var(--btn-telegram-color);
  text-align: center;
  font-family: var(--btn-telegram-font-family);
  font-style: normal;
  font-weight: var(--btn-telegram-font-weight);
  font-family: var(--btn-telegram-font-family);
  transition: all 0.2s ease;
  font-size: var(--btn-telegram-font-size);
  line-height: var(--btn-telegram-line-height);
  border-radius: var(--btn-telegram-border-radius);
  background-blend-mode: var(--btn-telegram-background-blend-mode);
  /* Hover 状态 */
}
.btn-telegram[data-v-0ebeddf3]:hover:not(:disabled) {
  color: var(--btn-telegram-color-hover);
  text-shadow: var(--btn-telegram-text-shadow-hover);
  background: var(--btn-telegram-bg-hover);
  border: var(--btn-telegram-border-hover);
  box-shadow: var(--btn-telegram-box-shadow-hover);
  background-blend-mode: var(--btn-telegram-background-blend-mode-hover);
}
.btn-telegram[data-v-0ebeddf3] {
  /* Active 状态 */
}
.btn-telegram[data-v-0ebeddf3]:active:not(:disabled) {
  background: var(--btn-telegram-bg);
  border: var(--btn-telegram-border);
  box-shadow: var(--btn-telegram-box-shadow);
}
.btn-telegram[data-v-0ebeddf3]:focus-visible:not(:disabled) {
  border: var(--btn-telegram-border-focus);
  outline: var(--btn-telegram-outline-focus);
}
.btn-telegram[data-v-0ebeddf3] {
  /* Disabled 状态 */
}
.btn-telegram[data-v-0ebeddf3]:disabled {
  color: var(--btn-telegram-color-disabled);
  background: var(--btn-telegram-bg-disabled);
  border: var(--btn-telegram-border-disabled);
  opacity: var(--btn-telegram-disabled-opacity);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  transition: none;
}
.btn-telegram .line[data-v-0ebeddf3] {
  width: 1px;
  height: 20px;
  background: #fff;
}
[data-v-0ebeddf3] .ui-base-button-content {
  gap: var(--btn-telegram-gap);
}
.demo-preview[data-v-b2222f9b] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.demo-controls[data-v-b2222f9b] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: center;
	padding: 8px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(4px);
}
.demo-button-container[data-v-b2222f9b] {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 40px;
}

/* 切换按钮�?*/
.demo-toggle-group[data-v-b2222f9b] {
	display: flex;
	gap: 4px;
}
.demo-toggle-item[data-v-b2222f9b] {
	display: flex;
	align-items: center;
	gap: 3px;
	cursor: pointer;
	user-select: none;
	font-size: 11px;
	color: #ccc;
	padding: 3px 6px;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
	transition: all 0.2s ease;
}
.demo-toggle-item[data-v-b2222f9b]:hover {
	color: #fafafa;
	border-color: rgba(255, 255, 255, 0.3);
}
.demo-toggle-item.active[data-v-b2222f9b] {
	color: white;
	border-color: white;
	background: rgba(24, 144, 255, 0.2);
}
.demo-toggle-item input[type='checkbox'][data-v-b2222f9b] {
	display: none;
}

/* 分段控制�?*/
.demo-segmented-control[data-v-b2222f9b] {
	display: flex;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment[data-v-b2222f9b] {
	flex: 1;
	padding: 3px 6px;
	font-size: 11px;
	font-weight: 500;
	color: #ccc;
	background: rgba(255, 255, 255, 0.1);
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
	min-width: 28px;
	position: relative;
}
.demo-segment[data-v-b2222f9b]:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 20%;
	bottom: 20%;
	width: 1px;
	background: #e0e0e0;
}
.demo-segment[data-v-b2222f9b]:hover {
	color: #fafafa;
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment.active[data-v-b2222f9b] {
	color: white;
	background: #1890ff;
}
.demo-segment.active[data-v-b2222f9b]::after {
	display: none;
}

/* 响应式布局 */
@media (max-width: 768px) {
.demo-controls[data-v-b2222f9b] {
		gap: 8px;
}
.demo-toggle-item[data-v-b2222f9b] {
		font-size: 11px;
		padding: 3px 6px;
}
.demo-segment[data-v-b2222f9b] {
		font-size: 11px;
		padding: 3px 6px;
		min-width: 28px;
}
}

.demo-preview[data-v-7b88de99] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.demo-controls[data-v-7b88de99] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: center;
	padding: 8px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(4px);
}
.demo-button-container[data-v-7b88de99] {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 40px;
}

/* 切换按钮�?*/
.demo-toggle-group[data-v-7b88de99] {
	display: flex;
	gap: 4px;
}
.demo-toggle-item[data-v-7b88de99] {
	display: flex;
	align-items: center;
	gap: 3px;
	cursor: pointer;
	user-select: none;
	font-size: 11px;
	color: #ccc;
	padding: 3px 6px;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
	transition: all 0.2s ease;
}
.demo-toggle-item[data-v-7b88de99]:hover {
	color: #fafafa;
	border-color: rgba(255, 255, 255, 0.3);
}
.demo-toggle-item.active[data-v-7b88de99] {
	color: white;
	border-color: white;
	background: rgba(24, 144, 255, 0.2);
}
.demo-toggle-item input[type='checkbox'][data-v-7b88de99] {
	display: none;
}

/* 分段控制�?*/
.demo-segmented-control[data-v-7b88de99] {
	display: flex;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment[data-v-7b88de99] {
	flex: 1;
	padding: 3px 6px;
	font-size: 11px;
	font-weight: 500;
	color: #ccc;
	background: rgba(255, 255, 255, 0.1);
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
	min-width: 28px;
	position: relative;
}
.demo-segment[data-v-7b88de99]:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 20%;
	bottom: 20%;
	width: 1px;
	background: #e0e0e0;
}
.demo-segment[data-v-7b88de99]:hover {
	color: #fafafa;
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment.active[data-v-7b88de99] {
	color: white;
	background: #1890ff;
}
.demo-segment.active[data-v-7b88de99]::after {
	display: none;
}

/* 响应式布局 */
@media (max-width: 768px) {
.demo-controls[data-v-7b88de99] {
		gap: 8px;
}
.demo-toggle-item[data-v-7b88de99] {
		font-size: 11px;
		padding: 3px 6px;
}
.demo-segment[data-v-7b88de99] {
		font-size: 11px;
		padding: 3px 6px;
		min-width: 28px;
}
}

.btn-wallet-mobile[data-v-36d44ed6] {
  border-radius: var(--btn-wallet-mobile-border-radius);
  background: var(--btn-wallet-mobile-bg);
  border: none;
  border-top: var(--btn-wallet-mobile-border-top);
  box-shadow: var(--btn-wallet-mobile-box-shadow);
  color: var(--btn-wallet-mobile-color);
  text-align: center;
  font-family: var(--btn-wallet-mobile-font-family);
  font-style: normal;
  font-weight: var(--btn-wallet-mobile-font-weight);
  font-family: var(--btn-wallet-mobile-font-family);
  transition: all 0.3s ease;
  font-size: var(--btn-wallet-mobile-font-size);
  line-height: var(--btn-wallet-mobile-line-height);
  padding: var(--btn-wallet-mobile-padding);
  border-radius: var(--btn-wallet-mobile-border-radius);
  /* Hover 状态 */
}
.btn-wallet-mobile[data-v-36d44ed6]:hover:not(:disabled) {
  color: var(--btn-wallet-mobile-color-hover);
  text-shadow: var(--btn-wallet-mobile-text-shadow-hover);
  background: var(--btn-wallet-mobile-bg-hover);
  box-shadow: var(--btn-wallet-mobile-box-shadow-hover);
}
.btn-wallet-mobile[data-v-36d44ed6] {
  /* Active 状态 */
}
.btn-wallet-mobile[data-v-36d44ed6]:active:not(:disabled) {
  background: var(--btn-wallet-mobile-bg);
  box-shadow: var(--btn-wallet-mobile-box-shadow);
}
.btn-wallet-mobile[data-v-36d44ed6]:focus-visible:not(:disabled) {
  outline: var(--btn-wallet-mobile-outline-focus);
}
.btn-wallet-mobile[data-v-36d44ed6] {
  /* Disabled 状态 */
}
.btn-wallet-mobile[data-v-36d44ed6]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
  transition: none;
}
[data-v-36d44ed6] .ui-base-button-content {
  gap: var(--btn-wallet-mobile-gap);
}
.demo-preview[data-v-bfae769a] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.demo-controls[data-v-bfae769a] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: center;
	padding: 8px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(4px);
}
.demo-button-container[data-v-bfae769a] {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 40px;
}

/* 切换按钮�?*/
.demo-toggle-group[data-v-bfae769a] {
	display: flex;
	gap: 4px;
}
.demo-toggle-item[data-v-bfae769a] {
	display: flex;
	align-items: center;
	gap: 3px;
	cursor: pointer;
	user-select: none;
	font-size: 11px;
	color: #ccc;
	padding: 3px 6px;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
	transition: all 0.2s ease;
}
.demo-toggle-item[data-v-bfae769a]:hover {
	color: #fafafa;
	border-color: rgba(255, 255, 255, 0.3);
}
.demo-toggle-item.active[data-v-bfae769a] {
	color: white;
	border-color: white;
	background: rgba(24, 144, 255, 0.2);
}
.demo-toggle-item input[type='checkbox'][data-v-bfae769a] {
	display: none;
}

/* 分段控制�?*/
.demo-segmented-control[data-v-bfae769a] {
	display: flex;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment[data-v-bfae769a] {
	flex: 1;
	padding: 3px 6px;
	font-size: 11px;
	font-weight: 500;
	color: #ccc;
	background: rgba(255, 255, 255, 0.1);
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
	min-width: 28px;
	position: relative;
}
.demo-segment[data-v-bfae769a]:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 20%;
	bottom: 20%;
	width: 1px;
	background: #e0e0e0;
}
.demo-segment[data-v-bfae769a]:hover {
	color: #fafafa;
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment.active[data-v-bfae769a] {
	color: white;
	background: #1890ff;
}
.demo-segment.active[data-v-bfae769a]::after {
	display: none;
}

/* 响应式布局 */
@media (max-width: 768px) {
.demo-controls[data-v-bfae769a] {
		gap: 8px;
}
.demo-toggle-item[data-v-bfae769a] {
		font-size: 11px;
		padding: 3px 6px;
}
.demo-segment[data-v-bfae769a] {
		font-size: 11px;
		padding: 3px 6px;
		min-width: 28px;
}
}

.demo-preview[data-v-fef4c646] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.demo-controls[data-v-fef4c646] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: center;
	padding: 8px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(4px);
}
.demo-checkbox-container[data-v-fef4c646] {
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: center;
	padding: 16px;
}

/* 尺寸对比区域 */
.demo-size-comparison[data-v-fef4c646] {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	padding: 16px;
	background: rgba(255, 255, 255, 0.03);
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.08);
}
.size-group[data-v-fef4c646] {
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: center;
	padding: 12px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 6px;
	min-width: 160px;
}
.size-label[data-v-fef4c646] {
	font-size: 11px;
	font-weight: 600;
	color: #58afff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 4px 8px;
	background: rgba(88, 175, 255, 0.1);
	border-radius: 4px;
	border: 1px solid rgba(88, 175, 255, 0.3);
}
.size-items[data-v-fef4c646] {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start;
}

/* 当前尺寸展示区域 */
.demo-current-size[data-v-fef4c646] {
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: center;
	width: 100%;
	padding: 16px;
	background: rgba(42, 141, 232, 0.05);
	border-radius: 8px;
	border: 1px solid rgba(42, 141, 232, 0.2);
}
.current-size-title[data-v-fef4c646] {
	font-size: 13px;
	font-weight: 600;
	color: #2a8de8;
	text-transform: capitalize;
}
.demo-checkbox-group[data-v-fef4c646] {
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: flex-start;
}

/* 切换按钮�?*/
.demo-toggle-group[data-v-fef4c646] {
	display: flex;
	gap: 4px;
}

/* 分段控制�?*/
.demo-segmented-control[data-v-fef4c646] {
	display: flex;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment[data-v-fef4c646] {
	flex: 1;
	padding: 3px 6px;
	font-size: 11px;
	font-weight: 500;
	color: #ccc;
	background: rgba(255, 255, 255, 0.1);
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
	min-width: 28px;
	position: relative;
}
.demo-segment[data-v-fef4c646]:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 20%;
	bottom: 20%;
	width: 1px;
	background: #e0e0e0;
}
.demo-segment[data-v-fef4c646]:hover {
	color: #fafafa;
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment.active[data-v-fef4c646] {
	color: white;
	background: #1890ff;
}
.demo-segment.active[data-v-fef4c646]::after {
	display: none;
}
.demo-toggle-item[data-v-fef4c646] {
	display: flex;
	align-items: center;
	gap: 3px;
	cursor: pointer;
	user-select: none;
	font-size: 11px;
	color: #ccc;
	padding: 3px 6px;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
	transition: all 0.2s ease;
}
.demo-toggle-item[data-v-fef4c646]:hover {
	color: #fafafa;
	border-color: rgba(255, 255, 255, 0.3);
}
.demo-toggle-item.active[data-v-fef4c646] {
	color: white;
	border-color: white;
	background: rgba(24, 144, 255, 0.2);
}
.demo-toggle-item input[type='checkbox'][data-v-fef4c646] {
	display: none;
}

/* 响应式布局 */
@media (max-width: 768px) {
.demo-controls[data-v-fef4c646] {
		gap: 8px;
}
.demo-toggle-item[data-v-fef4c646] {
		font-size: 11px;
		padding: 3px 6px;
}
.demo-segment[data-v-fef4c646] {
		font-size: 11px;
		padding: 3px 6px;
		min-width: 28px;
}
.demo-checkbox-container[data-v-fef4c646] {
		padding: 12px;
}
.demo-size-comparison[data-v-fef4c646] {
		flex-direction: column;
		gap: 16px;
}
.size-group[data-v-fef4c646] {
		min-width: auto;
		width: 100%;
}
}
.demo-dropdown-wrapper[data-v-ad5bee36] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}
[data-v-ad5bee36] .demo-item {
  min-width: 250px;
}
.demo-values[data-v-ad5bee36] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
  color: #e9ebed;
  font-size: 12px;
  font-family: "Courier New", monospace;
  width: 100%;
}
.ui-pagination[data-v-6d481bbf] {
  display: flex;
  align-items: center;
  gap: var(--pagination-gap);
  font-family: var(--pagination-font-family);
  user-select: none;
  /* 尺寸-小 */
}
.ui-pagination--sm[data-v-6d481bbf] {
  gap: var(--pagination-gap);
}
.ui-pagination[data-v-6d481bbf] {
  /* 尺寸-中 */
}
.ui-pagination--md[data-v-6d481bbf] {
  gap: var(--pagination-gap);
}

/* 按钮样式 */
.pagination-btn[data-v-6d481bbf] {
  display: flex;
  align-items: center;
  gap: var(--pagination-btn-gap);
}
.pagination-btn-text[data-v-6d481bbf] {
  font-family: var(--pagination-btn-font-family);
  font-weight: var(--pagination-btn-font-weight);
  line-height: var(--pagination-btn-line-height);
  color: var(--pagination-btn-color);
}
.pagination-btn-icon--next[data-v-6d481bbf] {
  transform: rotate(180deg);
}
.pagination-btn[data-v-6d481bbf] {
  /* 禁用状态下的文本透明度 */
}
.pagination-btn:disabled .pagination-btn-text[data-v-6d481bbf] {
  opacity: 0.5;
}

/* 页码按钮 */
.pagination-page[data-v-6d481bbf] {
  display: flex;
  align-items: center;
  justify-content: center;
  border: var(--pagination-page-border);
  background: var(--pagination-page-bg);
  cursor: pointer;
  transition: all 0.2s ease;
  /* 激活状态 */
}
.pagination-page--active[data-v-6d481bbf] {
  background: var(--pagination-page-bg-active);
  border: var(--pagination-page-border-active);
}
.pagination-page[data-v-6d481bbf] {
  /* 非激活状态 */
}
.pagination-page--inactive[data-v-6d481bbf] {
  background: var(--pagination-page-bg-inactive);
  border: var(--pagination-page-border-inactive);
}
.pagination-page--inactive[data-v-6d481bbf]:hover:not(:disabled) {
  background: var(--pagination-page-bg-hover);
  border: var(--pagination-page-border-hover);
}
.pagination-page-text[data-v-6d481bbf] {
  font-family: var(--pagination-page-font-family);
  font-weight: var(--pagination-page-font-weight);
  font-size: var(--pagination-page-font-size);
  line-height: var(--pagination-page-line-height);
  color: var(--pagination-page-color);
  text-align: center;
}

/* 省略号按钮 - 继承非激活状态样式 */
.pagination-page--ellipsis[data-v-6d481bbf] {
  cursor: pointer;
}

/* 尺寸变体 */
.ui-pagination--sm .pagination-btn[data-v-6d481bbf] {
  height: var(--pagination-btn-height-sm);
}
.ui-pagination--sm .pagination-btn-text[data-v-6d481bbf] {
  font-size: var(--pagination-btn-font-size-sm);
}
.ui-pagination--sm .pagination-page[data-v-6d481bbf],
.ui-pagination--sm .pagination-ellipsis[data-v-6d481bbf] {
  min-width: var(--pagination-page-width-sm);
  height: var(--pagination-page-height-sm);
  padding: var(--pagination-page-padding-sm);
  border-radius: var(--pagination-page-border-radius-sm);
}
.ui-pagination--sm .pagination-page-text[data-v-6d481bbf],
.ui-pagination--sm .pagination-ellipsis-text[data-v-6d481bbf] {
  font-size: var(--pagination-page-font-size);
  line-height: var(--pagination-page-line-height);
}
.ui-pagination--md .pagination-btn[data-v-6d481bbf] {
  height: var(--pagination-btn-height-md);
}
.ui-pagination--md .pagination-btn-text[data-v-6d481bbf] {
  font-size: var(--pagination-btn-font-size-md);
}
.ui-pagination--md .pagination-page[data-v-6d481bbf],
.ui-pagination--md .pagination-ellipsis[data-v-6d481bbf] {
  min-width: var(--pagination-page-width-md);
  height: var(--pagination-page-height-md);
  padding: var(--pagination-page-padding-md);
  border-radius: var(--pagination-page-border-radius-md);
}
.ui-pagination--md .pagination-page-text[data-v-6d481bbf],
.ui-pagination--md .pagination-ellipsis-text[data-v-6d481bbf] {
  font-size: var(--pagination-page-font-size);
  line-height: var(--pagination-page-line-height);
}
.demo-preview[data-v-0d1bf17d] {
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.demo-section[data-v-0d1bf17d] {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.demo-section-title[data-v-0d1bf17d] {
	font-size: 14px;
	font-weight: 600;
	color: #fafafa;
	margin: 0;
	padding: 8px 12px;
	background: rgba(255, 255, 255, 0.08);
	border-radius: 6px;
	border-left: 3px solid #1890ff;
}
.demo-controls[data-v-0d1bf17d] {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 12px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(4px);
}
.demo-control-row[data-v-0d1bf17d] {
	display: flex;
	gap: 8px;
	align-items: end;
}
.demo-control-group {
&[data-v-0d1bf17d] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	}
label[data-v-0d1bf17d] {
		font-size: 10px;
		font-weight: 500;
		color: #ccc;
}
&.compact[data-v-0d1bf17d] {
		flex: 1;
		min-width: 0;
}
}
.demo-number-input {
&[data-v-0d1bf17d] {
	width: 100%;
	padding: 4px 6px;
	font-size: 11px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.1);
	color: #fafafa;
	transition: all 0.2s ease;
	}
&[data-v-0d1bf17d]:focus {
		outline: none;
		border-color: #1890ff;
		box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
		background: rgba(255, 255, 255, 0.15);
}
&[data-v-0d1bf17d]::placeholder {
		color: #999;
}
}
.demo-segmented-control[data-v-0d1bf17d] {
	display: flex;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment[data-v-0d1bf17d] {
	flex: 1;
	padding: 4px 6px;
	font-size: 10px;
	font-weight: 500;
	color: #ccc;
	background: transparent;
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
	position: relative;
}
.demo-segment[data-v-0d1bf17d]:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 20%;
	bottom: 20%;
	width: 1px;
	background: rgba(255, 255, 255, 0.2);
}
.demo-segment[data-v-0d1bf17d]:hover {
	color: #fafafa;
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment.active[data-v-0d1bf17d] {
	color: white;
	background: #1890ff;
}
.demo-segment.active[data-v-0d1bf17d]::after {
	display: none;
}
.demo-toggle-controls[data-v-0d1bf17d] {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 8px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(4px);
}
.demo-toggle-item[data-v-0d1bf17d] {
	display: flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
	user-select: none;
	font-size: 11px;
	color: #ccc;
	padding: 4px 8px;
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
	transition: all 0.2s ease;
}
.demo-toggle-item[data-v-0d1bf17d]:hover {
	color: #fafafa;
	border-color: rgba(255, 255, 255, 0.3);
	background: rgba(255, 255, 255, 0.15);
}
.demo-toggle-item.active[data-v-0d1bf17d] {
	color: white;
	border-color: #1890ff;
	background: rgba(24, 144, 255, 0.2);
}
.demo-toggle-item input[type='checkbox'][data-v-0d1bf17d] {
	display: none;
}
.demo-pagination-container[data-v-0d1bf17d] {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100px;
	padding: 20px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(4px);
}
.demo-presets[data-v-0d1bf17d] {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	padding: 16px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(4px);
}
.demo-preset-button[data-v-0d1bf17d] {
	padding: 8px 16px;
	font-size: 12px;
	font-weight: 500;
	color: #ccc;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.2s ease;
}
.demo-preset-button[data-v-0d1bf17d]:hover {
	color: #1890ff;
	border-color: #1890ff;
	background: rgba(24, 144, 255, 0.15);
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.demo-preset-button[data-v-0d1bf17d]:active {
	transform: translateY(0);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* 响应式布局 */
@media (max-width: 480px) {
.demo-control-row[data-v-0d1bf17d] {
		flex-direction: column;
		gap: 8px;
}
.demo-control-group.compact[data-v-0d1bf17d] {
		flex: none;
		min-width: auto;
}
.demo-number-input[data-v-0d1bf17d] {
		width: 100%;
}
.demo-segmented-control[data-v-0d1bf17d] {
		width: 100%;
}
}
@media (max-width: 768px) {
.demo-toggle-controls[data-v-0d1bf17d] {
		gap: 6px;
}
.demo-toggle-item[data-v-0d1bf17d] {
		font-size: 11px;
		padding: 5px 10px;
}
.demo-pagination-container[data-v-0d1bf17d] {
		padding: 10px;
}
.demo-presets[data-v-0d1bf17d] {
		gap: 8px;
}
.demo-preset-button[data-v-0d1bf17d] {
		font-size: 11px;
		padding: 6px 12px;
}
}

.demo-preview[data-v-6de394fb] {
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.demo-section[data-v-6de394fb] {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.demo-section-title[data-v-6de394fb] {
	font-size: 14px;
	font-weight: 600;
	color: #fafafa;
	margin: 0;
	padding: 8px 12px;
	background: rgba(255, 255, 255, 0.08);
	border-radius: 6px;
	border-left: 3px solid #1890ff;
}
.demo-api-buttons[data-v-6de394fb] {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	padding: 16px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(4px);
}
.demo-api-button[data-v-6de394fb] {
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 500;
	color: white;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.2s ease;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.demo-api-button[data-v-6de394fb]:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.demo-api-button[data-v-6de394fb]:active {
	transform: translateY(0);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.demo-api-button.success[data-v-6de394fb] {
	background: linear-gradient(135deg, #67c23a 0%, #85ce61 100%);
}
.demo-api-button.error[data-v-6de394fb] {
	background: linear-gradient(135deg, #f56c6c 0%, #f78989 100%);
}
.demo-api-button.warning[data-v-6de394fb] {
	background: linear-gradient(135deg, #e6a23c 0%, #ebb563 100%);
}
.demo-api-button.info[data-v-6de394fb] {
	background: linear-gradient(135deg, #409eff 0%, #66b1ff 100%);
}
.demo-api-button.custom[data-v-6de394fb] {
	background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 100%);
}
.demo-controls[data-v-6de394fb] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: center;
	padding: 8px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(4px);
}
.demo-toast-container[data-v-6de394fb] {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 120px;
	padding: 20px;
}

/* 持续时间控制 */
.demo-duration-control {
&[data-v-6de394fb] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 4px 8px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	min-width: 120px;
	}
label[data-v-6de394fb] {
		font-size: 10px;
		color: #ccc;
		text-align: center;
}
input[type='range'] {
&[data-v-6de394fb] {
		width: 100%;
		height: 4px;
		-webkit-appearance: none;
		appearance: none;
		background: #e0e0e0;
		border-radius: 2px;
		outline: none;
		}
&[data-v-6de394fb]::-webkit-slider-thumb {
			-webkit-appearance: none;
			appearance: none;
			width: 12px;
			height: 12px;
			background: #1890ff;
			border-radius: 50%;
			cursor: pointer;
}
&[data-v-6de394fb]::-moz-range-thumb {
			width: 12px;
			height: 12px;
			background: #1890ff;
			border-radius: 50%;
			cursor: pointer;
			border: none;
}
}
}

/* 切换按钮组 */
.demo-toggle-group[data-v-6de394fb] {
	display: flex;
	gap: 4px;
}
.demo-toggle-item[data-v-6de394fb] {
	display: flex;
	align-items: center;
	gap: 3px;
	cursor: pointer;
	user-select: none;
	font-size: 11px;
	color: #ccc;
	padding: 3px 6px;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
	transition: all 0.2s ease;
}
.demo-toggle-item[data-v-6de394fb]:hover {
	color: #fafafa;
	border-color: rgba(255, 255, 255, 0.3);
}
.demo-toggle-item.active[data-v-6de394fb] {
	color: white;
	border-color: #1890ff;
	background: rgba(24, 144, 255, 0.2);
}
.demo-toggle-item input[type='checkbox'][data-v-6de394fb] {
	display: none;
}

/* 分段控制器 */
.demo-segmented-control[data-v-6de394fb] {
	display: flex;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment[data-v-6de394fb] {
	flex: 1;
	padding: 4px 12px;
	font-size: 11px;
	font-weight: 500;
	color: #ccc;
	background: rgba(255, 255, 255, 0.1);
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
	min-width: 60px;
	position: relative;
}
.demo-segment[data-v-6de394fb]:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 20%;
	bottom: 20%;
	width: 1px;
	background: #e0e0e0;
}
.demo-segment[data-v-6de394fb]:hover {
	color: #fafafa;
	background: rgba(255, 255, 255, 0.1);
}
.demo-segment.active[data-v-6de394fb] {
	color: white;
	background: #1890ff;
}
.demo-segment.active[data-v-6de394fb]::after {
	display: none;
}

/* 响应式布局 */
@media (max-width: 768px) {
.demo-controls[data-v-6de394fb] {
		gap: 8px;
}
.demo-segment[data-v-6de394fb] {
		font-size: 10px;
		padding: 4px 8px;
		min-width: 50px;
}
.demo-toast-container[data-v-6de394fb] {
		padding: 10px;
}
}

.demo-preview[data-v-bf58b422] {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.demo-controls[data-v-bf58b422] {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	justify-content: center;
	padding: 12px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	backdrop-filter: blur(4px);
}
.demo-toggle-group[data-v-bf58b422] {
	display: flex;
	gap: 6px;
}
.demo-toggle-item[data-v-bf58b422] {
	display: flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
	user-select: none;
	font-size: 12px;
	color: rgba(235, 241, 247, 0.7);
	padding: 4px 8px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.08);
	transition: all 0.2s ease;
}
.demo-toggle-item[data-v-bf58b422]:hover {
	color: #fafafa;
	border-color: rgba(255, 255, 255, 0.35);
}
.demo-toggle-item.active[data-v-bf58b422] {
	color: #ffffff;
	background: rgba(42, 141, 232, 0.25);
	border-color: rgba(42, 141, 232, 0.5);
}
.demo-toggle-item input[type='checkbox'][data-v-bf58b422] {
	display: none;
}
.demo-segmented-control[data-v-bf58b422] {
	display: inline-flex;
	overflow: hidden;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.2);
}
.demo-segment[data-v-bf58b422] {
	padding: 4px 12px;
	font-size: 12px;
	color: rgba(235, 241, 247, 0.7);
	background: transparent;
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
}
.demo-segment[data-v-bf58b422]:hover {
	color: #fafafa;
	background: rgba(255, 255, 255, 0.12);
}
.demo-segment.active[data-v-bf58b422] {
	color: #ffffff;
	background: rgba(42, 141, 232, 0.4);
}
.demo-section[data-v-bf58b422] {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 12px;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(15, 28, 41, 0.35);
}
.demo-section h4[data-v-bf58b422] {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: #fafafa;
}
.demo-value[data-v-bf58b422] {
	margin: 0;
	font-size: 12px;
	color: rgba(235, 241, 247, 0.75);
}
.demo-badge[data-v-bf58b422] {
	padding: 0 6px;
	font-size: 10px;
	line-height: 16px;
	border-radius: 999px;
	background: rgba(255, 87, 120, 0.8);
	color: #fff;
}
@media (max-width: 768px) {
.demo-section[data-v-bf58b422] {
		padding: 10px;
}
.demo-controls[data-v-bf58b422] {
		padding: 10px;
}
}
.ui-divider[data-v-514a04fc] {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-wrap: nowrap;
  overflow: hidden;
}
.ui-divider .ui-divider-label[data-v-514a04fc] {
  font-size: var(--divider-font-size);
  font-family: var(--divider-font-family);
  font-style: normal;
  font-weight: var(--divider-font-weight);
  line-height: var(--divider-line-height);
  margin-left: var(--divider-margin);
  margin-right: var(--divider-margin);
  text-align: center;
  text-wrap: nowrap;
  color: var(--divider-color);
}
.ui-divider .ui-divider-line[data-v-514a04fc] {
  height: var(--divider-height);
  flex: 1;
  background-color: var(--divider-bg);
}.demo[data-v-74fb8085] {
  width: 100%;
  min-height: 100vh;
  background-color: rgba(0, 0, 0, 0.8235294118);
}
.demo .demo-container[data-v-74fb8085] {
  padding: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  margin-left: auto;
  margin-right: auto;
  justify-content: flex-start;
  align-items: flex-start;
}
.demo .line[data-v-74fb8085] {
  border-top: solid 3px rgba(0, 0, 0, 0.3960784314);
  width: 100%;
}:root {
  --vc-clr-primary: #000;
  --vc-clr-secondary: #090f207f;
  --vc-clr-white: #ffffff;
}

.carousel,
.carousel * {
  box-sizing: border-box;
}

.carousel {
  height: var(--vc-carousel-height);
  overscroll-behavior: none;
  position: relative;
  touch-action: pan-x pan-y pinch-zoom;
  z-index: 1;
}

.carousel.is-dragging {
  touch-action: none;
}

.carousel__track {
  display: flex;
  gap: var(--vc-slide-gap);
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  transition: transform var(--vc-transition-easing);
  transition-duration: var(--vc-transition-duration);
  width: 100%;
}

.carousel__viewport {
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.carousel__sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.carousel.is-rtl {
  direction: rtl;
}

.carousel.is-ttb .carousel__track {
  flex-direction: column;
}

.carousel.is-btt .carousel__track {
  flex-direction: column-reverse;
}

.carousel.is-vertical .carousel__slide--clone:first-child {
  margin-block-start: var(--vc-cloned-offset);
}

.carousel:not(.is-vertical) .carousel__slide--clone:first-child {
  margin-inline-start: var(--vc-cloned-offset);
}

.carousel.is-effect-fade .carousel__track {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  transition: none;
}

.carousel.is-effect-fade .carousel__slide {
  grid-area: 1 / 1;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--vc-transition-easing);
  transition-duration: var(--vc-transition-duration);
  width: 100%;
}

.carousel.is-effect-fade .carousel__slide--active {
  opacity: 1;
  pointer-events: auto;
}

:root {
  --vc-icn-width: 100%;
}

.carousel__icon {
  fill: currentColor;
  height: var(--vc-icn-width);
  width: var(--vc-icn-width);
}

:root {
  --vc-nav-background: transparent;
  --vc-nav-border-radius: 0;
  --vc-nav-color: var(--vc-clr-primary);
  --vc-nav-color-hover: var(--vc-clr-secondary);
  --vc-nav-height: 30px;
  --vc-nav-width: 30px;
}

.carousel__next,
.carousel__prev {
  align-items: center;
  background: var(--vc-nav-background);
  border: 0;
  border-radius: var(--vc-nav-border-radius);
  color: var(--vc-nav-color);
  cursor: pointer;
  display: flex;
  font-size: var(--vc-nav-height);
  height: var(--vc-nav-height);
  justify-content: center;
  padding: 0;
  position: absolute;
  inset-block-start: 50%;
  transform: translateY(-50%);
  width: var(--vc-nav-width);
}

.carousel__next--disabled,
.carousel__prev--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.carousel__next {
  inset-inline-end: 0;
}

.carousel__prev {
  inset-inline-start: 0;
}

.carousel.is-vertical {
  .carousel__next,
  .carousel__prev {
    inset-inline: auto 50%;
    inset-block-start: auto;
    transform: translateX(50%);
  }

  &.is-ttb {
    .carousel__next {
      inset-block-end: 0;
    }
    .carousel__prev {
      inset-block-start: 0;
    }
  }

  &.is-btt {
    .carousel__next {
      inset-block-start: 0;
    }
    .carousel__prev {
      inset-block-end: 0;
    }
  }
}

@media (hover: hover) {
  .carousel__next:hover,
  .carousel__prev:hover {
    color: var(--vc-nav-color-hover);
  }
}

:root {
  --vc-pgn-active-color: var(--vc-clr-primary);
  --vc-pgn-background-color: var(--vc-clr-secondary);
  --vc-pgn-border-radius: 0;
  --vc-pgn-gap: 6px;
  --vc-pgn-height: 4px;
  --vc-png-bottom: 10px;
  --vc-png-left: auto;
  --vc-png-right: 10px;
  --vc-pgn-width: 16px;
}

.carousel__pagination {
  bottom: var(--vc-png-bottom);
  display: flex;
  gap: var(--vc-pgn-gap);
  justify-content: center;
  left: 50%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  transform: translateX(-50%);
}

.carousel__pagination-button {
  background-color: var(--vc-pgn-background-color);
  border: 0;
  border-radius: var(--vc-pgn-border-radius);
  cursor: pointer;
  display: block;
  height: var(--vc-pgn-height);
  margin: 0;
  padding: 0;
  width: var(--vc-pgn-width);
}

.carousel__pagination-button--active {
  background-color: var(--vc-pgn-active-color);
}

@media (hover: hover) {
  .carousel__pagination-button:hover {
    background-color: var(--vc-pgn-active-color);
  }
}

.carousel.is-vertical {
  .carousel__pagination {
    bottom: 50%;
    flex-direction: column;
    left: var(--vc-png-left);
    right: var(--vc-png-right);
    transform: translateY(50%);
  }

  .carousel__pagination-button {
    height: var(--vc-pgn-width);
    width: var(--vc-pgn-height);
  }
}

.carousel.is-btt .carousel__pagination {
  flex-direction: column-reverse;
}

.carousel__slide {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  margin: 0;
  transform: translateZ(0);
}

.ui-carousel[data-v-419cd050] {
  position: relative;
  width: 100%;
  user-select: none;
  background: var(--carousel-bg, transparent);
  border-radius: var(--carousel-border-radius__desktop);
  overflow: hidden;
  --vc-pgn-background-color: rgba(255, 255, 255, 0.7);
  --vc-pgn-active-color: rgba(255, 255, 255, 1);
  --vc-nav-background: rgba(255, 255, 255, 0.7);
  --vc-nav-border-radius: 100%;
  --vc-pgn-height: var(--carousel-indicator-height__desktop);
  --vc-pgn-width: var(--carousel-indicator-width__desktop);
}
.mobile .ui-carousel[data-v-419cd050] {
  border-radius: var(--carousel-border-radius__mobile);
  --vc-pgn-height: var(--carousel-indicator-height__mobile);
  --vc-pgn-width: var(--carousel-indicator-width__mobile);
}
.ui-carousel__carousel[data-v-419cd050] {
  width: 100%;
  height: 100%;
}.home[data-v-7ceaf990] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 100vh;
}
.login-form-wrapper[data-v-7ceaf990] {
  width: 100%;
  max-width: 400px;
}
.lang-button[data-v-7ceaf990] {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
}.ui-table[data-v-11b5b1af] {
  width: 100%;
  background: var(--table-bg);
  border-radius: var(--table-border-radius);
  min-height: 100px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.ui-table__title[data-v-11b5b1af] {
  background: var(--table-title-bg);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--table-title-padding);
  color: var(--table-title-color);
  font-family: var(--table-title-font-family);
  font-size: var(--table-title-font-size);
  font-style: normal;
  font-weight: var(--table-title-font-weight);
  line-height: var(--table-title-line-height);
}
.ui-table__header-wrapper[data-v-11b5b1af] {
  width: 100%;
  overflow: hidden;
}
.ui-table__body-wrapper[data-v-11b5b1af] {
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.2);
  position: relative;
}
.ui-table__body-wrapper[data-v-11b5b1af]::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.ui-table__body-wrapper[data-v-11b5b1af]::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.ui-table__body-wrapper[data-v-11b5b1af]::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  border: 2px solid rgba(0, 0, 0, 0.2);
}
.ui-table__body-wrapper[data-v-11b5b1af]::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.4);
}
.ui-table__body-wrapper[data-v-11b5b1af]::-webkit-scrollbar-thumb:active {
  background: rgba(255, 255, 255, 0.5);
}
.ui-table__content[data-v-11b5b1af] {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.ui-table__header-wrapper .ui-table__content[data-v-11b5b1af] {
  border-collapse: separate;
  border-spacing: 0;
}
.ui-table__header[data-v-11b5b1af] {
  background: var(--table-header-bg);
}
.ui-table__header th[data-v-11b5b1af] {
  padding: var(--table-cell-padding-y) var(--table-cell-padding-x);
  font-size: var(--table-header-font-size);
  font-weight: var(--table-header-font-weight);
  color: var(--table-header-color);
  text-align: left;
  white-space: nowrap;
  user-select: none;
  vertical-align: middle;
  background: var(--table-header-bg);
}
.ui-table__body tr[data-v-11b5b1af] {
  transition: background-color 0.2s ease;
}
.ui-table__body tr[data-v-11b5b1af]:not(.ui-table__empty-row):hover {
  background: var(--table-row-hover-bg);
}
.ui-table__body td[data-v-11b5b1af] {
  padding: var(--table-cell-padding-y) var(--table-cell-padding-x);
  font-size: var(--table-body-font-size);
  color: var(--table-body-color);
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-table__cell[data-v-11b5b1af] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  width: 100%;
}
.ui-table__column--left[data-v-11b5b1af] {
  text-align: left;
}
.ui-table__column--left .ui-table__cell[data-v-11b5b1af] {
  justify-content: flex-start;
}
.ui-table__column--center[data-v-11b5b1af] {
  text-align: center;
}
.ui-table__column--center .ui-table__cell[data-v-11b5b1af] {
  justify-content: center;
}
.ui-table__column--right[data-v-11b5b1af] {
  text-align: right;
}
.ui-table__column--right .ui-table__cell[data-v-11b5b1af] {
  justify-content: flex-end;
}
.ui-table__column--sortable[data-v-11b5b1af] {
  cursor: pointer;
}
.ui-table__column--sortable[data-v-11b5b1af]:hover {
  background: rgba(255, 255, 255, 0.05);
}
.ui-table__sort-icon[data-v-11b5b1af] {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  opacity: 0.3;
  transition: opacity 0.2s ease;
}
.ui-table__sort-icon .sort-icon-up[data-v-11b5b1af],
.ui-table__sort-icon .sort-icon-down[data-v-11b5b1af] {
  opacity: 0.5;
  transition: opacity 0.2s ease;
}
.ui-table__sort-icon.is-ascending[data-v-11b5b1af] {
  opacity: 1;
}
.ui-table__sort-icon.is-ascending .sort-icon-up[data-v-11b5b1af] {
  opacity: 1;
  color: var(--table-sort-active-color);
}
.ui-table__sort-icon.is-descending[data-v-11b5b1af] {
  opacity: 1;
}
.ui-table__sort-icon.is-descending .sort-icon-down[data-v-11b5b1af] {
  opacity: 1;
  color: var(--table-sort-active-color);
}
.ui-table__row--stripe[data-v-11b5b1af] {
  background: var(--table-stripe-bg);
}
.ui-table--border[data-v-11b5b1af] {
  border: 1px solid var(--table-border-color);
}
.ui-table--border .ui-table__title[data-v-11b5b1af] {
  border-bottom: 1px solid var(--table-border-color);
}
.ui-table--border .ui-table__header-wrapper[data-v-11b5b1af] {
  border-bottom: 1px solid var(--table-border-color);
}
.ui-table--border .ui-table__header th[data-v-11b5b1af] {
  border-bottom: none;
}
.ui-table__empty-row td[data-v-11b5b1af] {
  border-top: 1px solid var(--table-border-color);
}
.ui-table__empty[data-v-11b5b1af] {
  padding: var(--table-empty-padding);
  text-align: center;
}
.ui-table__empty-text[data-v-11b5b1af] {
  font-size: var(--table-empty-font-size);
  color: var(--table-empty-color);
}
.ui-table__error-text[data-v-11b5b1af] {
  font-size: var(--table-empty-font-size);
  color: var(--table-error-color);
  text-decoration: underline;
  opacity: 0.3;
  cursor: pointer;
}
.ui-table__error-text[data-v-11b5b1af]:hover {
  opacity: 0.5;
}
.mobile .ui-table__header th[data-v-11b5b1af] {
  padding: 12px 8px;
  font-size: 12px;
}
.mobile .ui-table__body td[data-v-11b5b1af] {
  padding: 12px 8px;
  font-size: 13px;
}
.mobile .ui-table__empty[data-v-11b5b1af] {
  padding: 48px 0;
}.ui-top-winners[data-v-9aadde4a] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.ui-top-winners .top-winners-header[data-v-9aadde4a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  display: flex;
  padding: 12px 0;
  justify-content: center;
  align-items: flex-start;
  border-radius: 8px;
  border-top: 1.259px solid #2f587f;
  background: radial-gradient(78.5% 116.15% at 50% 25.54%, #216eb5 0%, #13416b 100%);
  color: #fff;
  text-align: center;
  font-family: "Roboto Mono";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
}
.ui-top-winners .top-winners-content[data-v-9aadde4a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ui-top-winners[data-v-9aadde4a] .winners-table .rank-no {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.7);
  font-size: 15px;
  font-weight: 600;
}
.ui-top-winners[data-v-9aadde4a] .winners-table .rank-amount {
  color: #1fd860;
  font-family: "Open Sans";
  font-weight: 700;
}.ui-provider-title[data-v-fe67738c] {
  display: flex;
  flex-direction: row;
  color: #fff;
  align-items: center;
  gap: var(--provider-title-gap);
}
.ui-provider-title .label[data-v-fe67738c] {
  color: #fff;
  text-align: center;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}.ui-provider-card[data-v-ee60a7cd] {
  aspect-ratio: var(--provider-card-aspect-ratio__mobile);
  padding-top: calc(var(--provider-card-character-top__mobile) * -1);
  user-select: none;
}
.ui-provider-card .container[data-v-ee60a7cd] {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
  border-radius: var(--provider-card-border-radius__mobile);
}
.ui-provider-card .container .top[data-v-ee60a7cd] {
  flex: 1;
  position: relative;
}
.ui-provider-card .container .top .character[data-v-ee60a7cd] {
  position: absolute;
  top: var(--provider-card-character-top__mobile);
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  user-select: none;
  pointer-events: none;
}
.ui-provider-card .container .top .bg[data-v-ee60a7cd] {
  background-color: lightgray;
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  transition: var(--provider-card-tween);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  border-radius: var(--provider-card-border-radius__desktop) var(--provider-card-border-radius__desktop) 0 0;
}
.ui-provider-card .container .top .overlay[data-v-ee60a7cd] {
  opacity: 0;
  z-index: 11;
  transition: var(--provider-card-tween);
  border-radius: var(--provider-card-border-radius__desktop) var(--provider-card-border-radius__desktop) 0 0;
}
.ui-provider-card .container .bottom[data-v-ee60a7cd] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: var(--provider-card-tween);
  aspect-ratio: var(--provider-card-bottom-aspect-ratio__mobile);
  background: var(--provider-card-bottom-bg__normal);
  border-radius: 0 0 var(--provider-card-border-radius__desktop) var(--provider-card-border-radius__desktop);
}
.ui-provider-card .container .bottom .logo[data-v-ee60a7cd] {
  height: var(--provider-card-logo-height__desktop);
}.desktop .ui-provider-card[data-v-ee60a7cd] {
  aspect-ratio: var(--provider-card-aspect-ratio__desktop);
  cursor: pointer;
}
.desktop .ui-provider-card .container .top .character[data-v-ee60a7cd] {
  top: var(--provider-card-character-top__desktop);
}
.desktop .ui-provider-card .container .top .overlay[data-v-ee60a7cd] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(8, 13, 17, 0.8);
  backdrop-filter: blur(12px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.desktop .ui-provider-card .container .top .overlay .play-button[data-v-ee60a7cd] {
  width: var(--provider-card-play-button-size);
  height: var(--provider-card-play-button-size);
}
.desktop .ui-provider-card .container .bottom[data-v-ee60a7cd] {
  aspect-ratio: var(--provider-card-bottom-aspect-ratio__desktop);
}
.desktop .ui-provider-card .container .bottom .logo[data-v-ee60a7cd] {
  height: var(--provider-card-logo-height__desktop);
}
.desktop .ui-provider-card:hover .container .top .character[data-v-ee60a7cd] {
  top: 0px;
  opacity: 0.2;
}
.desktop .ui-provider-card:hover .container .top .overlay[data-v-ee60a7cd] {
  opacity: 1;
}
.desktop .ui-provider-card:hover .container .bottom[data-v-ee60a7cd] {
  background: var(--provider-card-bottom-bg__hover);
}.ui-provider-group[data-v-880f69ca] {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ui-provider-group .providers[data-v-880f69ca] {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  flex-direction: row;
  gap: 13px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.ui-provider-group .providers[data-v-880f69ca]::-webkit-scrollbar {
  display: none;
}
.ui-provider-group .providers .provider-card[data-v-880f69ca] {
  flex-shrink: 0;
  width: 88%;
  max-width: var(--provider-card-max-width__mobile);
}
.desktop .ui-provider-group .providers[data-v-880f69ca] {
  cursor: grab;
  user-select: none;
}
.desktop .ui-provider-group .providers.is-dragging[data-v-880f69ca] {
  cursor: grabbing;
}
.desktop .ui-provider-group .providers .provider-card[data-v-880f69ca] {
  width: var(--provider-card-max-width__desktop);
  max-width: var(--provider-card-max-width__desktop);
}.home[data-v-e0977c37] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 100vh;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
}
.home-body[data-v-e0977c37] {
  padding: 0 var(--home-padding-x__desktop);
}
.login-form-wrapper[data-v-e0977c37] {
  width: 100%;
  max-width: 400px;
}
.lang-button[data-v-e0977c37] {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
}
.provider-group[data-v-e0977c37] {
  margin-top: var(--home-provider-group-margin-top__desktop);
}
.top-winners[data-v-e0977c37] {
  margin-top: var(--home-top-winners-margin-top__desktop);
}.home[data-v-2930a617] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 16px;
}
.login-form-wrapper[data-v-2930a617] {
  width: 100%;
  max-width: 400px;
}
.lang-button[data-v-2930a617] {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
}
.provider-group[data-v-2930a617] {
  margin-top: var(--home-provider-group-margin-top__mobile);
}
.top-winners[data-v-2930a617] {
  margin-top: var(--home-top-winners-margin-top__mobile);
}.login-bg[data-v-1de81ba3] {
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), var(--login-bg-url) lightgray 50%/cover no-repeat;
  filter: blur(10px);
}
.login-bg-overlay[data-v-1de81ba3] {
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  background: rgba(12, 17, 22, 0.7);
  filter: blur(10px);
}.login-logo[data-v-776a2389] {
  width: var(--login-logo-width);
  height: var(--login-logo-height);
}
.login-poster[data-v-c2e66fdf] {
  width: 100%;
  max-width: var(--login-poster-max-width);
  aspect-ratio: var(--login-poster-width)/var(--login-poster-height); /* 根据实际图片比例调整 */
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 999;
}
.login-poster.left[data-v-c2e66fdf] {
  background-image: var(--login-poster-left);
}
.login-poster.right[data-v-c2e66fdf] {
  background-image: var(--login-poster-right);
}.login-container[data-v-b83f85eb] {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  height: 100vh;
  padding: var(--login-padding-1600);
  gap: var(--login-gap-1600);
}
.login-form-box[data-v-b83f85eb] {
  width: 100%;
  max-width: var(--login-box-max-width);
  padding: var(--login-box-padding);
  background: var(--login-box-background);
  backdrop-filter: var(--login-box-backdrop-filter);
  box-shadow: var(--login-box-shadow);
  border-radius: var(--login-box-border-radius);
  border: var(--login-box-border);
  flex-shrink: 0;
}
.login-form[data-v-b83f85eb] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}
.login-buttons[data-v-b83f85eb] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.login-buttons .login-button[data-v-b83f85eb] {
  width: 100%;
  height: var(--form-item-height);
}
.btn-telegram[data-v-b83f85eb] {
  height: 52px;
}
.mobile .login-container[data-v-b83f85eb] {
  padding: var(--login-padding-mobile) !important;
}
.mobile .login-form-box[data-v-b83f85eb] {
  padding: var(--login-box-padding-mobile) !important;
}
@media (max-width: 1600px) {
.login-container[data-v-b83f85eb] {
    padding: var(--login-padding-1280);
    gap: var(--login-gap-1280);
}
}
@media (max-width: 1280px) {
.login-container[data-v-b83f85eb] {
    padding: var(--login-padding-1000);
    gap: var(--login-gap-1000);
}
}
@media (max-width: 1000px) {
.login-poster[data-v-b83f85eb] {
    display: none;
}
}.maintenance-container[data-v-8cd270c9] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background: #ffffff;
  padding: 20px;
}
.maintenance-content[data-v-8cd270c9] {
  text-align: center;
  color: #333333;
  max-width: 600px;
}
.maintenance-icon[data-v-8cd270c9] {
  width: 120px;
  height: 120px;
  margin: 0 auto 30px;
  color: #667eea;
  opacity: 0.9;
  animation: pulse-8cd270c9 2s ease-in-out infinite;
}
.maintenance-title[data-v-8cd270c9] {
  font-size: 32px;
  font-weight: 600;
  margin: 0 0 20px;
  color: #333333;
}
.maintenance-description[data-v-8cd270c9] {
  font-size: 18px;
  line-height: 1.6;
  margin: 0;
  color: #666666;
}
@keyframes pulse-8cd270c9 {
0%, 100% {
    opacity: 0.9;
    transform: scale(1);
}
50% {
    opacity: 1;
    transform: scale(1.05);
}
}
@media (max-width: 768px) {
.maintenance-icon[data-v-8cd270c9] {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
}
.maintenance-title[data-v-8cd270c9] {
    font-size: 24px;
    margin-bottom: 15px;
}
.maintenance-description[data-v-8cd270c9] {
    font-size: 16px;
}
}