@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap');/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-select[data-v-2b5a8bd1] {
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-start: 10px;
  --padding-end: 10px;
  --placeholder-color: var(--color-text-input-placeholder);
  --placeholder-opacity: 1;
  border: 1px solid var(--line-color);
  border-radius: 10px;
  font-size: 0.75rem;
  min-height: 40px;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.warpper[data-v-e48abc66] {
  width: 100%;
  padding-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
ion-segment[data-v-e48abc66] {
  width: 13.8rem;
  height: 2.25rem;
  border-radius: var(--ep-border-radius-l, 0.375rem) !important;
}
ion-segment ion-segment-button[data-v-e48abc66] {
  --indicator-box-shadow: none;
}
ion-segment ion-segment-button.segment-button-checked.ios ion-label[data-v-e48abc66] {
  color: var(--ep-color-text-selected);
}
.yellow-dark ion-segment-button[data-v-e48abc66] {
  --border-radius: var(--rounded-middle);
}
.yellow-dark ion-segment[data-v-e48abc66] {
  --background: var(--color-bg-300);
}
.yellow-dark ion-segment-button.ios[data-v-e48abc66]::part(native) {
  color: var(--text-color-white-40);
}
.yellow-dark ion-segment-button[data-v-e48abc66]::part(indicator-background) {
  background: var(--color-bg-100);
}
.yellow-dark .segment-button-checked.ios ion-label[data-v-e48abc66] {
  color: var(--theme-color-800);
  font-weight: var(--font-weight-bold);
  background-clip: var(--background-clip, border-box) !important;
  background: var(--background, transparent);
}
.green-dark ion-segment-button[data-v-e48abc66] {
  --border-radius: var(--rounded-middle);
}
.green-dark ion-segment[data-v-e48abc66] {
  --background: var(--color-bg-400);
}
.green-dark ion-segment-button.ios[data-v-e48abc66]::part(native) {
  color: var(--text-color-white-40);
}
.green-dark ion-segment-button[data-v-e48abc66]::part(indicator-background) {
  background: var(--color-bg-100);
}
.green-dark .segment-button-checked.ios ion-label[data-v-e48abc66] {
  color: var(--theme-color-800);
  font-weight: var(--font-weight-bold);
  background-clip: var(--background-clip, border-box) !important;
  background: var(--background, transparent);
}
.purple-light ion-segment-button[data-v-e48abc66] {
  --border-radius: var(--rounded-middle);
}
.purple-light ion-segment[data-v-e48abc66] {
  --background: var(--color-bg-400);
}
.purple-light ion-segment-button.ios[data-v-e48abc66]::part(native) {
  color: var(--text-color-black-80);
}
.purple-light ion-segment-button[data-v-e48abc66]::part(indicator-background) {
  background: var(--theme-color-800);
}
.purple-light .segment-button-checked.ios ion-label[data-v-e48abc66] {
  color: var(--text-color-white-100);
  font-weight: var(--font-weight-bold);
  background-clip: var(--background-clip, border-box) !important;
  background: var(--background, transparent);
}
.forest-green ion-segment-button[data-v-e48abc66],
.green-default ion-segment-button[data-v-e48abc66],
.green-v01 ion-segment-button[data-v-e48abc66],
.green-v02 ion-segment-button[data-v-e48abc66] {
  --border-radius: 0.25rem;
}
.forest-green ion-segment[data-v-e48abc66],
.green-default ion-segment[data-v-e48abc66],
.green-v01 ion-segment[data-v-e48abc66],
.green-v02 ion-segment[data-v-e48abc66] {
  --background: var(--color-bg-300);
}
.forest-green ion-segment-button.ios[data-v-e48abc66]::part(native),
.green-default ion-segment-button.ios[data-v-e48abc66]::part(native),
.green-v01 ion-segment-button.ios[data-v-e48abc66]::part(native),
.green-v02 ion-segment-button.ios[data-v-e48abc66]::part(native) {
  color: var(--color-text-gray-100);
}
.forest-green ion-segment-button[data-v-e48abc66]::part(indicator-background),
.green-default ion-segment-button[data-v-e48abc66]::part(indicator-background),
.green-v01 ion-segment-button[data-v-e48abc66]::part(indicator-background),
.green-v02 ion-segment-button[data-v-e48abc66]::part(indicator-background) {
  background: var(--color-bg-50);
}
.forest-green .segment-button-checked.ios ion-label[data-v-e48abc66],
.green-default .segment-button-checked.ios ion-label[data-v-e48abc66],
.green-v01 .segment-button-checked.ios ion-label[data-v-e48abc66],
.green-v02 .segment-button-checked.ios ion-label[data-v-e48abc66] {
  color: var(--color-text-gray-100);
  font-weight: var(--font-weight-bold);
  background-clip: var(--background-clip, border-box) !important;
  background: var(--background, transparent);
}
.blue-default ion-segment-button[data-v-e48abc66] {
  --border-radius: 0.25rem;
}
.blue-default ion-segment[data-v-e48abc66] {
  --background: #070B18;
}
.blue-default ion-segment-button.ios[data-v-e48abc66]::part(native) {
  color: var(--text-color-white-80);
}
.blue-default ion-segment-button[data-v-e48abc66]::part(indicator-background) {
  background: var(--color-bg-50);
}
.blue-default .segment-button-checked.ios ion-label[data-v-e48abc66] {
  color: var(--theme-color-500);
  font-weight: var(--font-weight-bold);
  background-clip: var(--background-clip, border-box) !important;
  background: var(--background, transparent);
}
.auroral-yellow ion-segment-button[data-v-e48abc66] {
  --border-radius: 0.25rem;
}
.auroral-yellow ion-segment[data-v-e48abc66] {
  --background: #070B18;
}
.auroral-yellow ion-segment-button.ios[data-v-e48abc66]::part(native) {
  color: var(--text-color-white-80);
}
.auroral-yellow ion-segment-button[data-v-e48abc66]::part(indicator-background) {
  background: var(--color-bg-100);
}
.auroral-yellow .segment-button-checked.ios ion-label[data-v-e48abc66] {
  color: var(--theme-color-800);
  font-weight: var(--font-weight-bold);
  background-clip: var(--background-clip, border-box) !important;
  background: var(--background, transparent);
}
.amber-purple .default ion-segment-button[data-v-e48abc66] {
  --border-radius: var(--rounded-middle);
}
.amber-purple .default ion-segment[data-v-e48abc66] {
  --background: var(--color-bg-300);
}
.amber-purple .default ion-segment-button.ios[data-v-e48abc66]::part(native) {
  color: var(--text-color-white-40);
}
.amber-purple .default ion-segment-button[data-v-e48abc66]::part(indicator-background) {
  background: var(--color-bg-100);
}
.amber-purple .default .segment-button-checked.ios ion-label[data-v-e48abc66] {
  color: transparent;
  font-weight: var(--font-weight-bold);
  -webkit-background-clip: text !important;
          background-clip: text !important;
  background: var(--theme-color-gradient-100);
}
.amber-purple ion-segment-button[data-v-e48abc66] {
  --border-radius: 0.25rem;
}
.amber-purple ion-segment[data-v-e48abc66] {
  --background: var(--color-bg-300);
}
.amber-purple ion-segment-button.ios[data-v-e48abc66]::part(native) {
  color: var(--color-text-title-basic);
}
.amber-purple ion-segment-button[data-v-e48abc66]::part(indicator-background) {
  background: var(--color-bg-100);
}
.amber-purple .segment-button-checked.ios ion-label[data-v-e48abc66] {
  color: var(--color-text-title-basic);
  font-weight: var(--font-weight-bold);
  background-clip: var(--background-clip, border-box) !important;
  background: var(--background, transparent);
}
ion-segment-button[data-v-e48abc66] {
  --border-radius: var(--ep-border-radius-m);
}
ion-segment[data-v-e48abc66] {
  --background: var(--ep-color-background-fill-surface-lowered);
}
ion-segment-button.ios[data-v-e48abc66]::part(native) {
  color: var(--ep-color-text-weaker);
}
ion-segment-button[data-v-e48abc66]::part(indicator-background) {
  background: var(--ep-color-background-fill-surface-raised-L2);
}
.segment-button-checked.ios ion-label[data-v-e48abc66] {
  color: var(--ep-color-icon-brand-primary);
  font-weight: var(--ep-font-weight-bold);
  background-clip: var(--background-clip, border-box) !important;
  background: var(--background, transparent);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.wrapper[data-v-ec2c6d1f] {
  padding: 3rem 0;
  text-align: center;
}
.wrapper .divider-wrapper[data-v-ec2c6d1f] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.625rem 0;
}
.wrapper .divider-wrapper .line[data-v-ec2c6d1f] {
  width: 100%;
  height: 0.0625rem;
  background-color: var(--ep-color-border-default, var(--color-line));
}
.wrapper .divider-wrapper .text[data-v-ec2c6d1f] {
  color: var(--ep-color-text-weak, var(--color-text-40));
  font-size: var(--ep-font-size-s, 0.75rem);
  padding: 0 0.625rem;
}
.wrapper .icon-wrapper[data-v-ec2c6d1f] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.25rem;
  margin-bottom: 0.625rem;
}
.wrapper .icon-wrapper .icon[data-v-ec2c6d1f] {
  width: 3rem;
  height: 3rem;
  margin: 0 0.75rem;
  color: var(--ep-color-icon-default, var(--color-text-primary));
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-button[data-v-21ab3e7d] {
  --border-radius: var(--rounded-small);
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --box-shadow: none;
  font-size: var(--button-font-size, 0.875rem);
  font-weight: var(--button-font-weight, bold);
  min-height: 26px;
  min-width: 40px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
div.button ion-button.first-button[data-v-21ab3e7d] {
  --background: var(--background, var(--theme-color-800));
}
div.button ion-button.first-button[data-v-21ab3e7d]::part(native) {
  background: var(--background, var(--theme-color-800));
}
div.button ion-button.first-button p[data-v-21ab3e7d] {
  font-size: inherit;
}
div.button ion-button.first-button p span[data-v-21ab3e7d] {
  color: var(--button-text-color, --color-primary-btn-text-active);
  /* 默认白色文字 */
}
div.button ion-button.first-button .disabled p span[data-v-21ab3e7d] {
  color: var(--color-primary-btn-text-disable);
  /* 默认白色文字 */
}
ion-button.first-button p {
  color: var(--color-primary-btn-text-active);
  /* 默认白色文字 */
}
.new-skin-symbol div.button ion-button.first-button[data-v-21ab3e7d] {
  --background: var(--ep-dynamic-primary);
}
.new-skin-symbol div.button ion-button.first-button[data-v-21ab3e7d]::part(native) {
  background: var(--ep-dynamic-primary);
}
.new-skin-symbol div.button ion-button.first-button p[data-v-21ab3e7d] {
  font-size: inherit;
}
.new-skin-symbol div.button ion-button.first-button p span[data-v-21ab3e7d] {
  color: var(--ep-color-text-inverse, --color-primary-btn-text-active);
  /* 默认白色文字 */
}
.new-skin-symbol div.button ion-button.first-button .disabled p span[data-v-21ab3e7d] {
  color: var(--color-primary-btn-text-disable);
  /* 默认白色文字 */
}
ion-button.first-button p {
  color: var(--color-primary-btn-text-active);
  /* 默认白色文字 */
}
.new-skin-symbol ion-button[data-v-21ab3e7d] {
  --border-radius: var(--ep-border-radius-m);
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-bold);
}
.new-skin-symbol div.button ion-button.first-button.disabled[data-v-21ab3e7d] {
  --background: var(--ep-color-background-fill-active-disabled);
}
.new-skin-symbol div.button ion-button.first-button.disabled[data-v-21ab3e7d]::part(native) {
  background: var(--ep-color-background-fill-active-disabled);
}
.new-skin-symbol div.button ion-button.first-button.disabled p[data-v-21ab3e7d] {
  font-size: inherit;
}
.new-skin-symbol div.button ion-button.first-button.disabled p span[data-v-21ab3e7d] {
  color: var(--ep-color-text-inverse-disabled, --color-primary-btn-text-active);
  /* 默认白色文字 */
}
.new-skin-symbol div.button ion-button.first-button.disabled .disabled p span[data-v-21ab3e7d] {
  color: var(--color-primary-btn-text-disable);
  /* 默认白色文字 */
}
ion-button.first-button p {
  color: var(--color-primary-btn-text-active);
  /* 默认白色文字 */
}
.new-skin-symbol .button-disabled[data-v-21ab3e7d] {
  opacity: 1;
}
.new-skin-symbol div.button ion-button.first-button[data-v-21ab3e7d] {
  --background: var(--ep-dynamic-primary);
}
.new-skin-symbol div.button ion-button.first-button[data-v-21ab3e7d]::part(native) {
  background: var(--ep-dynamic-primary);
}
.new-skin-symbol div.button ion-button.first-button p[data-v-21ab3e7d] {
  font-size: inherit;
}
.new-skin-symbol div.button ion-button.first-button p span[data-v-21ab3e7d] {
  color: var(--ep-color-text-inverse, --color-primary-btn-text-active);
  /* 默认白色文字 */
}
.new-skin-symbol div.button ion-button.first-button .disabled p span[data-v-21ab3e7d] {
  color: var(--color-primary-btn-text-disable);
  /* 默认白色文字 */
}
ion-button.first-button p {
  color: var(--color-primary-btn-text-active);
  /* 默认白色文字 */
}
.new-skin-symbol div.button ion-button.raised[data-v-21ab3e7d] {
  --background: var(--ep-color-background-fill-surface-raised-L2);
}
.new-skin-symbol div.button ion-button.raised[data-v-21ab3e7d]::part(native) {
  background: var(--ep-color-background-fill-surface-raised-L2);
}
.new-skin-symbol div.button ion-button.raised p[data-v-21ab3e7d] {
  font-size: inherit;
}
.new-skin-symbol div.button ion-button.raised p span[data-v-21ab3e7d] {
  color: var(--ep-color-text-default, --color-primary-btn-text-active);
  /* 默认白色文字 */
}
.new-skin-symbol div.button ion-button.raised .disabled p span[data-v-21ab3e7d] {
  color: var(--color-primary-btn-text-disable);
  /* 默认白色文字 */
}
ion-button.first-button p {
  color: var(--color-primary-btn-text-active);
  /* 默认白色文字 */
}
.new-skin-symbol div.button ion-button.primary[data-v-21ab3e7d] {
  --background: var(--ep-color-background-fill-active-active);
}
.new-skin-symbol div.button ion-button.primary[data-v-21ab3e7d]::part(native) {
  background: var(--ep-color-background-fill-active-active);
}
.new-skin-symbol div.button ion-button.primary p[data-v-21ab3e7d] {
  font-size: inherit;
}
.new-skin-symbol div.button ion-button.primary p span[data-v-21ab3e7d] {
  color: var(--ep-color-text-inverse, --color-primary-btn-text-active);
  /* 默认白色文字 */
}
.new-skin-symbol div.button ion-button.primary .disabled p span[data-v-21ab3e7d] {
  color: var(--color-primary-btn-text-disable);
  /* 默认白色文字 */
}
ion-button.first-button p {
  color: var(--color-primary-btn-text-active);
  /* 默认白色文字 */
}
div.button ion-button.style-2[data-v-21ab3e7d] {
  --background: var(--color-button-bg-gray);
}
div.button ion-button.style-2[data-v-21ab3e7d]::part(native) {
  background: var(--color-button-bg-gray);
}
div.button ion-button.style-2 p[data-v-21ab3e7d] {
  font-size: inherit;
}
div.button ion-button.style-2 p span[data-v-21ab3e7d] {
  color: var(--button-text-color, --color-primary-btn-text-active);
  /* 默认白色文字 */
}
div.button ion-button.style-2 .disabled p span[data-v-21ab3e7d] {
  color: var(--color-primary-btn-text-disable);
  /* 默认白色文字 */
}
ion-button.first-button p {
  color: var(--color-primary-btn-text-active);
  /* 默认白色文字 */
}
.amber-purple .default div.button ion-button.first-button[data-v-21ab3e7d],
.amber-purple .second div.button ion-button.first-button[data-v-21ab3e7d] {
  --background: var(--theme-color-gradient-100);
}
.amber-purple .default div.button ion-button.first-button[data-v-21ab3e7d]::part(native),
.amber-purple .second div.button ion-button.first-button[data-v-21ab3e7d]::part(native) {
  background: var(--theme-color-gradient-100);
}
.amber-purple .default div.button ion-button.first-button p[data-v-21ab3e7d],
.amber-purple .second div.button ion-button.first-button p[data-v-21ab3e7d] {
  font-size: inherit;
}
.amber-purple .default div.button ion-button.first-button p span[data-v-21ab3e7d],
.amber-purple .second div.button ion-button.first-button p span[data-v-21ab3e7d] {
  color: var(--button-text-color, --color-primary-btn-text-active);
  /* 默认白色文字 */
}
.amber-purple .default div.button ion-button.first-button .disabled p span[data-v-21ab3e7d],
.amber-purple .second div.button ion-button.first-button .disabled p span[data-v-21ab3e7d] {
  color: var(--color-primary-btn-text-disable);
  /* 默认白色文字 */
}
ion-button.first-button p,ion-button.first-button p {
  color: var(--color-primary-btn-text-active);
  /* 默认白色文字 */
}
div.button ion-button.style-1[data-v-21ab3e7d] {
  --background: var(--background, var(--theme-color-800));
}
div.button ion-button.style-1[data-v-21ab3e7d]::part(native) {
  background: var(--background, var(--theme-color-800));
}
div.button ion-button.style-1 p[data-v-21ab3e7d] {
  font-size: inherit;
}
div.button ion-button.style-1 p span[data-v-21ab3e7d] {
  color: var(--button-text-color, --color-primary-btn-text-active);
  /* 默认白色文字 */
}
div.button ion-button.style-1 .disabled p span[data-v-21ab3e7d] {
  color: var(--color-primary-btn-text-disable);
  /* 默认白色文字 */
}
ion-button.first-button p {
  color: var(--color-primary-btn-text-active);
  /* 默认白色文字 */
}
div.button ion-button.style-1[data-v-21ab3e7d]::part(native) {
  --background: linear-gradient(96deg, #6845DA 0%, #FF972F 97.21%);
  --border-radius: 52px;
  border: 1px solid #FFECA6;
  --box-shadow: 0px 4px 20px 0px rgba(255, 142, 86, 0.26);
}
div.button ion-button.style-1.disabled[data-v-21ab3e7d] {
  --background: var(--background, var(--theme-color-800));
}
div.button ion-button.style-1.disabled[data-v-21ab3e7d]::part(native) {
  background: var(--background, var(--theme-color-800));
}
div.button ion-button.style-1.disabled p[data-v-21ab3e7d] {
  font-size: inherit;
}
div.button ion-button.style-1.disabled p span[data-v-21ab3e7d] {
  color: var(--button-text-color, --color-primary-btn-text-active);
  /* 默认白色文字 */
}
div.button ion-button.style-1.disabled .disabled p span[data-v-21ab3e7d] {
  color: var(--color-primary-btn-text-disable);
  /* 默认白色文字 */
}
ion-button.first-button p {
  color: var(--color-primary-btn-text-active);
  /* 默认白色文字 */
}
div.button ion-button.style-1.disabled[data-v-21ab3e7d]::part(native) {
  opacity: 0.4;
  --background: linear-gradient(96deg, #6845DA 0%, #FF972F 97.21%);
  --border-radius: 52px;
  border: 1px solid #FFECA6;
  --box-shadow: 0px 4px 20px 0px rgba(255, 142, 86, 0.26);
}
ion-button.disabled[data-v-21ab3e7d] {
  --background: var(--color-primary-btn-disable) !important;
  /* 禁用状态背景色 */
  --color: var(--color-primary-btn-text-disable);
  /* 禁用状态文字颜色 */
}
ion-button.loading[data-v-21ab3e7d] {
  --background: var(--color-primary-btn-load) !important;
  /* 加载状态背景色 */
  --color: var(--color-primary-btn-text-load);
  /* 加载状态文字颜色 */
}
div.shiny[data-v-21ab3e7d] {
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
}
div.shiny[data-v-21ab3e7d]::before {
  content: "";
  background: var(--color-text-100);
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: -180px;
  width: 30px;
  z-index: 99;
  animation: shiny-21ab3e7d 4s ease-in-out infinite;
}
@keyframes shiny-21ab3e7d {
0% {
    opacity: 0;
    transform: scale(0) rotate(45deg);
}
80% {
    opacity: 0.5;
    transform: scale(0) rotate(45deg);
}
81% {
    opacity: 1;
    transform: scale(4) rotate(45deg);
}
100% {
    opacity: 0;
    transform: scale(50) rotate(45deg);
}
}

.money-display[data-v-8772141b] {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.currency-icon[data-v-8772141b] {
  object-fit: contain;
  flex-shrink: 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
div.relative ion-input[data-v-17200f57] {
  --placeholder-color: var(--color-text-40);
  --placeholder-opacity: 1;
  --padding-bottom: 0px;
  --padding-start: 0.75rem !important;
  --padding-top: 0px;
  --border-width: 0px;
  --border-radius: var(--rounded-small);
  --color: var(--color-text-100);
  --background: var(--v32d7b1af);
  --highlight-color-focused: var(--input-highlight-color);
  --highlight-color-valid: var(--input-highlight-color);
  --placeholder-font-weight: var(--font-weight-regular);
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.recharge ion-input[data-v-17200f57],
.withdraw ion-input[data-v-17200f57],
.font-weight ion-input[data-v-17200f57] {
  font-weight: 700;
}
.text-send[data-v-17200f57] {
  font-weight: 400 !important;
}
div.relative ion-input.ion-invalid[data-v-17200f57] {
  margin-bottom: var(--v07fa9fdd);
}
div.relative ion-input div span[data-v-17200f57] {
  border-color: var(--color-border-input-prefix);
}
div.relative ion-input[data-v-17200f57] {
  min-height: 0;
  height: var(--v393439d9);
}
div.relative > ion-input .input-wrapper {
  border: 1px solid var(--color-line) !important;
}
div.relative > ion-input.text .input-wrapper.sc-ion-input-ios {
  border: none !important;
}
div.relative > ion-input.input-disabled.sc-ion-input-ios-h {
  opacity: 1;
}
div.relative > ion-input.input-disabled.sc-ion-input-ios-h .input-wrapper.sc-ion-input-ios {
  border: 1px solid var(--color-line) !important;
}
div.relative > ion-input.ion-valid .input-wrapper.sc-ion-input-ios {
  border: 1px solid var(--color-success) !important;
}
div.relative > ion-input.ion-invalid .input-wrapper.sc-ion-input-ios {
  border: 1px solid var(--color-danger) !important;
}
div.relative > ion-input .input-bottom.sc-ion-input-ios {
  padding-top: 0;
  line-height: 1.4;
}
div.relative > ion-input.ion-invalid .input-bottom .error-text {
  font-size: 0.75rem;
  padding-left: 0.375rem;
  position: relative;
}
div.relative > ion-input.ion-invalid .input-bottom .error-text::after {
  content: url('/assets/warning-r2-D4S_tcv_.svg');
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 0;
  left: -0.75rem;
  filter: var(--ep-color-text-danger);
}
div.relative > ion-input.ion-invalid .input-bottom .error-text::after {
  color: var(--ep-color-text-danger);
}
div.relative > ion-input .input-bottom.sc-ion-input-ios .helper-text.sc-ion-input-ios {
  color: var(--ep-color-text-success, #35CD1E);
}
div.relative > ion-input label.input-wrapper .label-text-wrapper.sc-ion-input-ios.sc-ion-input-ios-s {
  margin-inline-end: 0.25rem;
}
p.currency[data-v-17200f57] {
  color: var(--color-currency);
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  line-height: normal;
}
p.suffix[data-v-17200f57] {
  color: var(--color-text-60);
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 1.5rem;
  font-size: 0.875rem;
  margin-right: 0.5rem;
}
p.extra[data-v-17200f57] {
  color: var(--color-text-40);
}
p.amount[data-v-17200f57] {
  color: var(--color-bonus);
}
div.max-box[data-v-17200f57] {
  background: var(--color-bg-200);
  min-width: 3rem;
  height: 2.125rem;
  border-radius: var(--rounded-small);
  text-align: center;
  line-height: 2.125rem;
  cursor: pointer;
  padding: 0 0.375rem;
  box-sizing: border-box;
}
.recharge[data-v-17200f57] {
  font-size: var(--font-size-12);
}
p.max-text[data-v-17200f57] {
  color: var(--color-text-40);
}
p.no-bonus[data-v-17200f57] {
  color: var(--color-link);
}
.purple-light .max-text[data-v-17200f57] {
  color: var(--theme-color-800);
}
.amber-purple div.max-box[data-v-17200f57] {
  background: var(--color-bg-100);
}
.amber-purple .max-text[data-v-17200f57] {
  color: var(--text-color-light-purple-1-100);
}
div.relative.amber-purple > ion-input.ion-valid .input-wrapper.sc-ion-input-ios {
  border: 1px solid var(--color-success) !important;
}
.new-skin-symbol div.relative ion-input[data-v-17200f57] {
  --placeholder-color: var(--ep-color-text-weaker);
  --placeholder-opacity: 1;
  --padding-bottom: 0px;
  --padding-start: 0.75rem !important;
  --padding-top: 0px;
  --border-width: 0px;
  --border-radius: var(--ep-border-radius-m);
  --color: var(--ep-color-text-default);
  --background: var(--ep-color-background-fill-surface-lowered);
  --highlight-color-focused: var(--ep-color-text-weaker);
  --highlight-color-valid: var(--ep-color-border-success);
  --placeholder-font-weight: var(--ep-color-border-selected);
  --highlight-color-invalid: var(--ep-color-border-danger);
  font-size: var(--ep-font-size-m);
  line-height: 1.5rem;
}
.new-skin-symbol div.relative p.currency[data-v-17200f57] {
  color: var(--ep-color-text-warning);
}
.new-skin-symbol div.relative p.extra[data-v-17200f57] {
  color: var(--ep-color-text-weaker);
}
.new-skin-symbol div.relative p.amount[data-v-17200f57] {
  color: var(--ep-color-text-success);
}
.new-skin-symbol div.relative .input-icon[data-v-17200f57] {
  color: var(--ep-color-icon-weaker);
}
.new-skin-symbol div.relative .max-box[data-v-17200f57] {
  background: var(--ep-color-background-fill-surface-raised-L1);
  min-width: 3rem;
  height: 2.125rem;
  border-radius: 0.25rem;
  text-align: center;
  line-height: 2.125rem;
  cursor: pointer;
  padding: 0 0.375rem;
  box-sizing: border-box;
}
.new-skin-symbol div.relative .max-box .max-text[data-v-17200f57] {
  color: var(--ep-color-text-weaker);
  font-size: var(--ep-font-size-m);
}
.new-skin-symbol div.relative .password-icon[data-v-17200f57] {
  color: var(--ep-color-icon-weaker);
}
div.relative.new-skin-symbol ion-input div span[data-v-17200f57] {
  border-color: var(--ep-color-border-default);
}
div.relative.new-skin-symbol > ion-input .input-wrapper {
  border: 1px solid var(--ep-color-border-default) !important;
}
div.relative.new-skin-symbol > ion-input.has-focus .input-wrapper {
  border: 1px solid var(--ep-color-border-selected) !important;
}
div.relative.new-skin-symbol > ion-input.input-disabled.sc-ion-input-ios-h .input-wrapper.sc-ion-input-ios {
  border: 1px solid var(--ep-color-border-default) !important;
}
div.relative.new-skin-symbol > ion-input.ion-valid .input-wrapper.sc-ion-input-ios {
  border: 1px solid var(--ep-color-border-success) !important;
}
div.relative.new-skin-symbol > ion-input.ion-invalid .input-wrapper.sc-ion-input-ios {
  border: 1px solid var(--ep-color-border-danger) !important;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-modal#change-pw-modal::part(content) {
  --height: 100%;
  --width: 100%;
}
.btn-close[data-v-e63f381d] {
  position: absolute;
  top: 0.25rem;
  right: 1.25rem;
  font-size: 0.75rem;
  color: var(--ep-color-text-weaker, var(--login-close-color));
}
.forget-title[data-v-e63f381d] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  color: var(--ep-color-text-default, var(--color-text-100));
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1.5;
}
.forget-tips[data-v-e63f381d] {
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-weaker, var(--color-text-40));
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1.5;
}
.step-index[data-v-e63f381d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.375rem;
  height: 1.375rem;
  line-height: 1.375rem;
  border: 1px solid var(--ep-color-text-weaker, var(--color-text-40));
  border-radius: 50%;
  text-align: center;
}
.step-index.on[data-v-e63f381d] {
  background: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
  border-width: 0;
  font-weight: var(--font-weight-bold);
  color: var(--ep-color-text-inverse, var(--forgot-step-pass-color, #fff));
}
.step-index.on.current[data-v-e63f381d] {
  width: 1.75rem;
  height: 1.75rem;
  line-height: 1.75rem;
}
.step-icon[data-v-e63f381d] {
  font-size: 0.75rem;
  color: var(--ep-color-text-inverse, var(--forgot-step-pass-color, #fff));
}
.step-title[data-v-e63f381d] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular);
  line-height: 1.5;
  color: var(--ep-color-text-weaker, var(--color-text-80));
  margin-bottom: 0.5625rem;
}
.step-unpass-text[data-v-e63f381d] {
  color: var(--ep-color-text-weaker, var(--forgot-step-unpass-color));
}
.step-unpass-bg[data-v-e63f381d] {
  background: var(--ep-color-icon-weaker, var(--color-text-40));
}
.step-pass-bg[data-v-e63f381d] {
  background: var(--ep-color-icon-brand-primary, var(--theme-color-800));
}
.modal-overlay[data-v-e63f381d] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.modal-content[data-v-e63f381d] {
  background-color: var(--ep-color-background-fill-surface-raised-L1, var(--color-bg-200));
  border-radius: var(--ep-border-radius-surface-small, var(--rounded-large));
  width: 20.375rem;
  min-height: 21.5625rem;
  max-height: 100%;
  box-shadow: 0 4px 6.5px 0 rgba(0, 0, 0, 0.25);
}
.modal-header[data-v-e63f381d] {
  position: relative;
  width: 100%;
  min-height: 3.125rem;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.modal-body[data-v-e63f381d] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.step-indicator-wrapper[data-v-e63f381d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.75rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  margin-bottom: 0.5rem;
}
.step-item[data-v-e63f381d] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 1.75rem;
}
.step-line-wrapper[data-v-e63f381d] {
  display: flex;
  align-items: center;
  flex: 1;
  height: 1.75rem;
}
.step-line[data-v-e63f381d] {
  width: 100%;
  height: 0.125rem;
}
.form-field[data-v-e63f381d] {
  margin-bottom: 1.875rem;
}
.verify-tip[data-v-e63f381d] {
  margin-top: 0.5rem;
  text-align: end;
  display: none;
}
.verify-tip-link[data-v-e63f381d] {
  font-size: 0.625rem;
  color: #1680DC;
}
.submit-btn[data-v-e63f381d] {
  margin-bottom: 1.25rem;
}

div.button ion-button.second-button[data-v-8caefa08] {
  --background: var(--color-button-bg-basic);
  --border-radius: var(--layout-radius-basic);
  --padding-start: .625rem;
  --padding-end: .625rem;
  --box-shadow: none;
  font-size: var(--button-font-size, .875rem);
  font-weight: var(--button-font-weight, bold);
  min-height: 26px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
div.button ion-button[data-v-8caefa08]::part(native) {
  box-shadow: var(--color-button-shadow-basic);
}
div.button ion-button.second-button.ion-activated[data-v-8caefa08] {
  height: calc(var(--a1f873fe) - 2.4px)
}
div.button ion-button.second-button.ion-activated[data-v-8caefa08]::part(native) {
  box-shadow: none;
}
div.button ion-button.second-button p[data-v-8caefa08] {
  font-size: inherit;
}
div.button ion-button.second-button p span[data-v-8caefa08] {
  color: var(--button-text-color, --color-primary-btn-text-active); /* 默认白色文字 */
}
div.button ion-button.second-button.disabled p span[data-v-8caefa08] {
  color: var(--color-primary-btn-text-disable); /* 默认白色文字 */
}
ion-button.second-button p {
  color: var(--color-primary-btn-text-active);
  /* 默认白色文字 */
}
ion-button.disabled[data-v-8caefa08] {
  opacity: 0.4;
  --background: var(--color-button-bg-disable) !important; /* 禁用状态背景色 */
  --color: var(--color-primary-btn-text-disable); /* 禁用状态文字颜色 */
}
ion-button.loading[data-v-8caefa08] {
  --background: var(--color-primary-btn-load) !important; /* 加载状态背景色 */
  --color: var(--color-primary-btn-text-load);; /* 加载状态文字颜色 */
}
div.shiny[data-v-8caefa08] {
  position: relative;
  overflow: hidden;
  border-radius: .25rem;
}
div.shiny[data-v-8caefa08]::before {
  content: '';
  background: var(--color-text-100);
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: -180px;
  width: 30px;
  z-index: 99;
  animation: shiny-8caefa08 4s ease-in-out infinite;
}
@keyframes shiny-8caefa08 {
0% {
    opacity: 0;
    transform: scale(0) rotate(45deg);
}
80% {
    opacity: 0.5;
    transform: scale(0) rotate(45deg);
}
81% {
    opacity: 1;
    transform: scale(4) rotate(45deg);
}
100% {
    opacity: 0;
    transform: scale(50) rotate(45deg);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.tag[data-v-1b3358eb] {
  border: 0.0625rem solid #FFF781;
  display: flex;
  overflow: hidden;
}
.text-base[data-v-1b3358eb] {
  font-family: Roboto;
  font-style: italic;
  font-weight: 900;
  line-height: normal;
  text-align: center;
  color: #FDE077;
}
.merchantCy[data-v-1b3358eb] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Roboto;
  font-style: italic;
  font-weight: 900;
  line-height: normal;
  text-align: center;
  color: #FDE077;
  background: linear-gradient(90deg, #7F0671 -0.29%, #4C08B2 100%);
}
.merchantCy ion-img[data-v-1b3358eb] {
  width: 0.625rem;
}
.reward-amount[data-v-1b3358eb] {
  font-family: Roboto;
  font-style: italic;
  font-weight: 900;
  line-height: normal;
  text-align: center;
  color: #FDE077;
  padding: 0 0.625rem;
  background: linear-gradient(90deg, #B32344 0%, #EA355F 100%);
  flex: 1;
  white-space: nowrap;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.header[data-v-146496e8] {
  padding-top: 2.8rem;
  padding-bottom: 2.37rem;
}
.title[data-v-146496e8] {
  font-size: var(--ep-font-size-xxl, 1.875rem);
  line-height: 1.2;
}
.register-hint[data-v-146496e8] {
  font-size: var(--ep-font-size-m, 0.875rem);
  padding-right: 0.75rem;
}
.register-text[data-v-146496e8] {
  font-size: var(--ep-font-size-m, 0.875rem);
}
.exception-text[data-v-146496e8] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: #E64021;
  line-height: 1.5;
}
.form-wrapper[data-v-146496e8] {
  flex: auto;
  overflow: auto;
  display: flex;
  flex-flow: column;
  padding-top: 0.5rem;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.form-wrapper[data-v-146496e8]::-webkit-scrollbar {
  display: none;
}
.footer[data-v-146496e8] {
  width: 100%;
  margin-top: auto;
  margin-bottom: 1.38rem;
}
.item-height[data-v-146496e8] {
  height: 4.375rem;
}
.btn-login[data-v-146496e8] {
  margin-bottom: 1rem;
}
.remember-account[data-v-146496e8] {
  margin-bottom: 1.875rem;
  font-size: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.remember-account .text-warpper[data-v-146496e8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 1 0%;
  padding: 0 0.25rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 1.625rem;
}
.yellow-dark .title[data-v-146496e8] {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-100);
}
.yellow-dark .register-hint[data-v-146496e8] {
  font-weight: var(--font-weight-regular);
  color: var(--ep-color-text-weaker, var(--color-text-40));
}
.yellow-dark .register-text[data-v-146496e8] {
  font-weight: var(--font-weight-bold);
  color: #6691D5;
}
.yellow-dark .remember-account[data-v-146496e8] {
  color: #a0a6b0;
}
.yellow-dark .remember-account .text-warpper[data-v-146496e8] {
  font-weight: var(--font-weight-regular);
  color: var(--ep-color-text-weak, var(--color-text-40));
}
.yellow-dark .remember-account ion-checkbox[data-v-146496e8] {
  --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.yellow-dark .remember-account ion-checkbox[data-v-146496e8]::part(container) {
  border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.green-dark .title[data-v-146496e8] {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-100);
}
.green-dark .register-hint[data-v-146496e8] {
  font-weight: var(--font-weight-regular);
  color: var(--ep-color-text-weaker, var(--color-text-40));
}
.green-dark .register-text[data-v-146496e8] {
  font-weight: var(--font-weight-bold);
  color: var(--accent-color-blue);
}
.green-dark .remember-account[data-v-146496e8] {
  color: #a0a6b0;
}
.green-dark .remember-account .text-warpper[data-v-146496e8] {
  font-weight: var(--font-weight-regular);
  color: var(--ep-color-text-weak, var(--color-text-40));
}
.green-dark .remember-account ion-checkbox[data-v-146496e8] {
  --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.green-dark .remember-account ion-checkbox[data-v-146496e8]::part(container) {
  border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.purple-light .title[data-v-146496e8] {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-100);
}
.purple-light .register-hint[data-v-146496e8] {
  font-weight: var(--font-weight-regular);
  color: var(--ep-color-text-weaker, var(--color-text-40));
}
.purple-light .register-text[data-v-146496e8] {
  font-weight: var(--font-weight-bold);
  color: var(--accent-color-blue);
}
.purple-light .remember-account[data-v-146496e8] {
  color: #a0a6b0;
}
.purple-light .remember-account .text-warpper[data-v-146496e8] {
  font-weight: var(--font-weight-regular);
  color: var(--ep-color-text-weak, var(--color-text-40));
}
.purple-light .remember-account ion-checkbox[data-v-146496e8] {
  --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.purple-light .remember-account ion-checkbox[data-v-146496e8]::part(container) {
  border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.green-default .title[data-v-146496e8],
.green-v01 .title[data-v-146496e8],
.green-v02 .title[data-v-146496e8] {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-gray-100);
}
.green-default .register-hint[data-v-146496e8],
.green-v01 .register-hint[data-v-146496e8],
.green-v02 .register-hint[data-v-146496e8] {
  font-weight: var(--font-weight-regular);
  color: var(--ep-color-text-weaker, var(--color-text-gray-100));
}
.green-default .register-text[data-v-146496e8],
.green-v01 .register-text[data-v-146496e8],
.green-v02 .register-text[data-v-146496e8] {
  font-weight: var(--font-weight-bold);
  color: #6691D5;
}
.green-default .remember-account[data-v-146496e8],
.green-v01 .remember-account[data-v-146496e8],
.green-v02 .remember-account[data-v-146496e8] {
  color: var(--color-text-gray-100);
}
.green-default .remember-account .text-warpper[data-v-146496e8],
.green-v01 .remember-account .text-warpper[data-v-146496e8],
.green-v02 .remember-account .text-warpper[data-v-146496e8] {
  font-weight: var(--font-weight-regular);
  color: var(--ep-color-text-weak, var(--color-text-gray-100));
}
.green-default .remember-account ion-checkbox[data-v-146496e8],
.green-v01 .remember-account ion-checkbox[data-v-146496e8],
.green-v02 .remember-account ion-checkbox[data-v-146496e8] {
  --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.green-default .remember-account ion-checkbox[data-v-146496e8]::part(container),
.green-v01 .remember-account ion-checkbox[data-v-146496e8]::part(container),
.green-v02 .remember-account ion-checkbox[data-v-146496e8]::part(container) {
  border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.forest-green .title[data-v-146496e8] {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-gray-100);
}
.forest-green .register-hint[data-v-146496e8] {
  font-weight: var(--font-weight-regular);
  color: var(--ep-color-text-weaker, var(--color-text-gray-100));
}
.forest-green .register-text[data-v-146496e8] {
  font-weight: var(--font-weight-bold);
  color: #EEF93B;
}
.forest-green .remember-account[data-v-146496e8] {
  color: var(--color-text-gray-100);
}
.forest-green .remember-account .text-warpper[data-v-146496e8] {
  font-weight: var(--font-weight-regular);
  color: var(--ep-color-text-weak, var(--color-text-gray-100));
}
.forest-green .remember-account ion-checkbox[data-v-146496e8] {
  --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.forest-green .remember-account ion-checkbox[data-v-146496e8]::part(container) {
  border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.blue-default .title[data-v-146496e8] {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-100);
}
.blue-default .register-hint[data-v-146496e8] {
  font-weight: var(--font-weight-regular);
  color: var(--ep-color-text-weaker, var(--color-text-40));
}
.blue-default .register-text[data-v-146496e8] {
  font-weight: var(--font-weight-bold);
  color: var(--accent-color-yellow);
}
.blue-default .remember-account[data-v-146496e8] {
  color: var(--color-text-40);
}
.blue-default .remember-account .text-warpper[data-v-146496e8] {
  font-weight: var(--font-weight-regular);
  color: var(--ep-color-text-weak, var(--color-text-40));
}
.blue-default .remember-account ion-checkbox[data-v-146496e8] {
  --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.blue-default .remember-account ion-checkbox[data-v-146496e8]::part(container) {
  border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.auroral-yellow .title[data-v-146496e8] {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-100);
}
.auroral-yellow .register-hint[data-v-146496e8] {
  font-weight: var(--font-weight-regular);
  color: var(--ep-color-text-weaker, var(--color-text-40));
}
.auroral-yellow .register-text[data-v-146496e8] {
  font-weight: var(--font-weight-bold);
  color: var(--text-color1);
}
.auroral-yellow .remember-account[data-v-146496e8] {
  color: var(--color-text-40);
}
.auroral-yellow .remember-account .text-warpper[data-v-146496e8] {
  font-weight: var(--font-weight-regular);
  color: var(--ep-color-text-weak, var(--color-text-40));
}
.auroral-yellow .remember-account ion-checkbox[data-v-146496e8] {
  --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.auroral-yellow .remember-account ion-checkbox[data-v-146496e8]::part(container) {
  border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.amber-purple .default .title[data-v-146496e8] {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-100);
}
.amber-purple .default .register-hint[data-v-146496e8] {
  font-weight: var(--font-weight-regular);
  color: var(--ep-color-text-weaker, var(--color-text-40));
}
.amber-purple .default .register-text[data-v-146496e8] {
  font-weight: var(--font-weight-bold);
  color: var(--accent-color-orange-3);
}
.amber-purple .default .remember-account[data-v-146496e8] {
  color: #a0a6b0;
}
.amber-purple .default .remember-account .text-warpper[data-v-146496e8] {
  font-weight: var(--font-weight-regular);
  color: var(--ep-color-text-weak, var(--color-text-40));
}
.amber-purple .default .remember-account ion-checkbox[data-v-146496e8] {
  --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.amber-purple .default .remember-account ion-checkbox[data-v-146496e8]::part(container) {
  border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.amber-purple .title[data-v-146496e8] {
  font-weight: var(--font-weight-bold);
  color: var(--text-color-light-purple-1-100);
}
.amber-purple .register-hint[data-v-146496e8] {
  font-weight: var(--font-weight-regular);
  color: var(--ep-color-text-weaker, var(--text-color-light-purple-2-100));
}
.amber-purple .register-text[data-v-146496e8] {
  font-weight: var(--font-weight-bold);
  color: var(--accent-color-yellow);
}
.amber-purple .remember-account[data-v-146496e8] {
  color: var(--text-color-light-purple-2-100);
}
.amber-purple .remember-account .text-warpper[data-v-146496e8] {
  font-weight: var(--font-weight-regular);
  color: var(--ep-color-text-weak, var(--text-color-light-purple-2-100));
}
.amber-purple .remember-account ion-checkbox[data-v-146496e8] {
  --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.amber-purple .remember-account ion-checkbox[data-v-146496e8]::part(container) {
  border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.new-skin-symbol .title[data-v-146496e8] {
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-default);
}
.new-skin-symbol .register-hint[data-v-146496e8] {
  font-weight: var(--font-weight-regular);
  color: var(--ep-color-text-weaker, var(--ep-color-text-weaker));
}
.new-skin-symbol .register-text[data-v-146496e8] {
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-highlight);
}
.new-skin-symbol .remember-account[data-v-146496e8] {
  color: #a0a6b0;
}
.new-skin-symbol .remember-account .text-warpper[data-v-146496e8] {
  font-weight: var(--font-weight-regular);
  color: var(--ep-color-text-weak, var(--ep-color-text-weaker));
}
.new-skin-symbol .remember-account ion-checkbox[data-v-146496e8] {
  --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.new-skin-symbol .remember-account ion-checkbox[data-v-146496e8]::part(container) {
  border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.input-box[data-v-095b5e9e] {
  --border-color: var(--line-color);
  --placeholder-color: var(--color-text-40);
  --color: var(--color-text-100);
  --background: var(--color-bg-400);
  --highlight-color-focused: var(--input-highlight-color);
  --highlight-color-valid: var(--input-highlight-color);
  --placeholder-font-weight: var(--font-weight-regular);
  --border-radius: var(--rounded-small);
  --padding-start: 0.75rem;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-width: 0;
  font-size: 0.875rem;
  --placeholder-opacity: 1;
  line-height: 1.5rem;
  height: 2.872rem;
}
.input-box.has-focus[data-v-095b5e9e] {
  --border-color: var(--line-color);
  --border-width: 0;
}
.input-box[data-v-095b5e9e] .input-bottom {
  padding-top: 0;
}
.input-box[data-v-095b5e9e] .input-bottom .error-text {
  font-size: 0.75rem;
  padding-left: 0.375rem;
  position: relative;
}
.input-box[data-v-095b5e9e] .input-bottom .error-text::after {
  content: url('src/components/first/Input/assets/warning.svg');
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 0.1875rem;
  left: -0.75rem;
}
.input-box .datetime-button[data-v-095b5e9e]::part(native) {
  margin-inline-end: 0.4375rem;
  padding: 0.375rem 1.0625rem;
  font-size: 0.875rem;
  font-weight: 400;
  border-radius: 0.25rem;
  color: var(--color-text-40);
  background: var(--color-bg-200);
}
ion-modal[data-v-095b5e9e] {
  background: rgba(0, 0, 0, 0.5);
}
ion-modal .input-datetime[data-v-095b5e9e] {
  border-radius: 0.75rem;
  --background: #242424;
  --wheel-highlight-background: #181816;
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 3.25rem;
  box-shadow: 0 -4.0625rem 2.625rem -1.375rem rgba(0, 0, 0, 0.8) inset, 0 4.0625rem 2.625rem -1.375rem rgba(11, 11, 11, 0.8) inset;
}
ion-modal .input-datetime .picker-after[data-v-095b5e9e] {
  background: red;
}
ion-modal .input-datetime[data-v-095b5e9e]::part(wheel-item) {
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.875rem;
}
ion-modal .input-datetime[data-v-095b5e9e]::part(wheel-item active) {
  color: #fff;
  font-size: 1rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.header[data-v-f5dc3744] {
  padding-top: 1.0625rem;
  padding-bottom: 0.9375rem;
}
.title[data-v-f5dc3744] {
  font-size: 1.875rem;
  line-height: 1.2;
}
.login-hint[data-v-f5dc3744] {
  font-size: 0.875rem;
  padding-right: 0.75rem;
}
.login-text[data-v-f5dc3744] {
  font-size: 0.875rem;
}
.new-skin-symbol .title[data-v-f5dc3744] {
  font-size: var(--ep-font-size-xxl);
}
.new-skin-symbol .login-hint[data-v-f5dc3744] {
  font-size: var(--ep-font-size-m);
}
.new-skin-symbol .login-text[data-v-f5dc3744] {
  font-size: var(--ep-font-size-m);
}
.form-wrapper[data-v-f5dc3744] {
  flex: auto;
  overflow: auto;
  display: flex;
  flex-flow: column;
  padding-top: 0.5rem;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.form-wrapper[data-v-f5dc3744]::-webkit-scrollbar {
  display: none;
}
.footer[data-v-f5dc3744] {
  width: 100%;
  margin-top: auto;
  margin-bottom: 1.38rem;
}
.item-height[data-v-f5dc3744] {
  height: 4.375rem;
}
.cf-turnstile[data-v-f5dc3744] {
  padding-bottom: 1rem;
}
.register-btn-warpper[data-v-f5dc3744] {
  position: relative;
}
.register-btn-warpper .rewardTag[data-v-f5dc3744] {
  position: relative;
  z-index: 10;
  float: right;
  margin-right: 1rem;
  margin-bottom: -0.875rem;
}
.item-height .before-icon[data-v-f5dc3744] {
  font-size: var(--ep-font-size-xl, 1.25rem);
  margin-inline-end: 0.3125rem;
  margin-inline-start: 0.1875rem;
}
.adultConfirm[data-v-f5dc3744] {
  margin-bottom: 1.875rem;
  font-size: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.adultConfirm .text-warpper[data-v-f5dc3744] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 1 0%;
  padding: 0 0.25rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 1.625rem;
}
.yellow-dark .title[data-v-f5dc3744] {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-100);
}
.yellow-dark .login-hint[data-v-f5dc3744] {
  font-weight: var(--font-weight-regular);
  color: var(--color-text-40);
}
.yellow-dark .login-text[data-v-f5dc3744] {
  font-weight: var(--font-weight-bold);
  color: var(--accent-color-blue);
}
.yellow-dark .adultConfirm[data-v-f5dc3744] {
  color: #a0a6b0;
}
.yellow-dark .adultConfirm .text-warpper[data-v-f5dc3744] {
  font-weight: var(--font-weight-regular);
  color: var(--color-text-40);
}
.yellow-dark .adultConfirm ion-checkbox[data-v-f5dc3744] {
  --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.yellow-dark .adultConfirm ion-checkbox[data-v-f5dc3744]::part(container) {
  border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.green-dark .title[data-v-f5dc3744] {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-100);
}
.green-dark .login-hint[data-v-f5dc3744] {
  font-weight: var(--font-weight-regular);
  color: var(--color-text-40);
}
.green-dark .login-text[data-v-f5dc3744] {
  font-weight: var(--font-weight-bold);
  color: var(--accent-color-blue);
}
.green-dark .adultConfirm[data-v-f5dc3744] {
  color: #a0a6b0;
}
.green-dark .adultConfirm .text-warpper[data-v-f5dc3744] {
  font-weight: var(--font-weight-regular);
  color: var(--color-text-40);
}
.green-dark .adultConfirm ion-checkbox[data-v-f5dc3744] {
  --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.green-dark .adultConfirm ion-checkbox[data-v-f5dc3744]::part(container) {
  border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.purple-light .title[data-v-f5dc3744] {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-100);
}
.purple-light .login-hint[data-v-f5dc3744] {
  font-weight: var(--font-weight-regular);
  color: var(--color-text-40);
}
.purple-light .login-text[data-v-f5dc3744] {
  font-weight: var(--font-weight-bold);
  color: var(--accent-color-blue);
}
.purple-light .adultConfirm[data-v-f5dc3744] {
  color: #a0a6b0;
}
.purple-light .adultConfirm .text-warpper[data-v-f5dc3744] {
  font-weight: var(--font-weight-regular);
  color: var(--color-text-40);
}
.purple-light .adultConfirm ion-checkbox[data-v-f5dc3744] {
  --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.purple-light .adultConfirm ion-checkbox[data-v-f5dc3744]::part(container) {
  border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.green-default .title[data-v-f5dc3744],
.green-v01 .title[data-v-f5dc3744],
.green-v02 .title[data-v-f5dc3744] {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-gray-100);
}
.green-default .login-hint[data-v-f5dc3744],
.green-v01 .login-hint[data-v-f5dc3744],
.green-v02 .login-hint[data-v-f5dc3744] {
  font-weight: var(--font-weight-regular);
  color: var(--color-text-gray-100);
}
.green-default .login-text[data-v-f5dc3744],
.green-v01 .login-text[data-v-f5dc3744],
.green-v02 .login-text[data-v-f5dc3744] {
  font-weight: var(--font-weight-bold);
  color: #6691D5;
}
.green-default .adultConfirm[data-v-f5dc3744],
.green-v01 .adultConfirm[data-v-f5dc3744],
.green-v02 .adultConfirm[data-v-f5dc3744] {
  color: var(--color-text-gray-100);
}
.green-default .adultConfirm .text-warpper[data-v-f5dc3744],
.green-v01 .adultConfirm .text-warpper[data-v-f5dc3744],
.green-v02 .adultConfirm .text-warpper[data-v-f5dc3744] {
  font-weight: var(--font-weight-regular);
  color: var(--color-text-gray-100);
}
.green-default .adultConfirm ion-checkbox[data-v-f5dc3744],
.green-v01 .adultConfirm ion-checkbox[data-v-f5dc3744],
.green-v02 .adultConfirm ion-checkbox[data-v-f5dc3744] {
  --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.green-default .adultConfirm ion-checkbox[data-v-f5dc3744]::part(container),
.green-v01 .adultConfirm ion-checkbox[data-v-f5dc3744]::part(container),
.green-v02 .adultConfirm ion-checkbox[data-v-f5dc3744]::part(container) {
  border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.forest-green .title[data-v-f5dc3744] {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-gray-100);
}
.forest-green .login-hint[data-v-f5dc3744] {
  font-weight: var(--font-weight-regular);
  color: var(--color-text-gray-100);
}
.forest-green .login-text[data-v-f5dc3744] {
  font-weight: var(--font-weight-bold);
  color: #EEF93B;
}
.forest-green .adultConfirm[data-v-f5dc3744] {
  color: var(--color-text-gray-100);
}
.forest-green .adultConfirm .text-warpper[data-v-f5dc3744] {
  font-weight: var(--font-weight-regular);
  color: var(--color-text-gray-100);
}
.forest-green .adultConfirm ion-checkbox[data-v-f5dc3744] {
  --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.forest-green .adultConfirm ion-checkbox[data-v-f5dc3744]::part(container) {
  border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.blue-default .title[data-v-f5dc3744] {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-100);
}
.blue-default .login-hint[data-v-f5dc3744] {
  font-weight: var(--font-weight-regular);
  color: var(--color-text-40);
}
.blue-default .login-text[data-v-f5dc3744] {
  font-weight: var(--font-weight-bold);
  color: var(--accent-color-yellow);
}
.blue-default .adultConfirm[data-v-f5dc3744] {
  color: var(--color-text-40);
}
.blue-default .adultConfirm .text-warpper[data-v-f5dc3744] {
  font-weight: var(--font-weight-regular);
  color: var(--color-text-40);
}
.blue-default .adultConfirm ion-checkbox[data-v-f5dc3744] {
  --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.blue-default .adultConfirm ion-checkbox[data-v-f5dc3744]::part(container) {
  border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.auroral-yellow .title[data-v-f5dc3744] {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-100);
}
.auroral-yellow .login-hint[data-v-f5dc3744] {
  font-weight: var(--font-weight-regular);
  color: var(--color-text-40);
}
.auroral-yellow .login-text[data-v-f5dc3744] {
  font-weight: var(--font-weight-bold);
  color: var(--text-color1);
}
.auroral-yellow .adultConfirm[data-v-f5dc3744] {
  color: var(--color-text-40);
}
.auroral-yellow .adultConfirm .text-warpper[data-v-f5dc3744] {
  font-weight: var(--font-weight-regular);
  color: var(--color-text-40);
}
.auroral-yellow .adultConfirm ion-checkbox[data-v-f5dc3744] {
  --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.auroral-yellow .adultConfirm ion-checkbox[data-v-f5dc3744]::part(container) {
  border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.amber-purple .default .title[data-v-f5dc3744] {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-100);
}
.amber-purple .default .login-hint[data-v-f5dc3744] {
  font-weight: var(--font-weight-regular);
  color: var(--color-text-40);
}
.amber-purple .default .login-text[data-v-f5dc3744] {
  font-weight: var(--font-weight-bold);
  color: var(--accent-color-green-2);
}
.amber-purple .default .adultConfirm[data-v-f5dc3744] {
  color: #a0a6b0;
}
.amber-purple .default .adultConfirm .text-warpper[data-v-f5dc3744] {
  font-weight: var(--font-weight-regular);
  color: var(--color-text-40);
}
.amber-purple .default .adultConfirm ion-checkbox[data-v-f5dc3744] {
  --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.amber-purple .default .adultConfirm ion-checkbox[data-v-f5dc3744]::part(container) {
  border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.amber-purple .title[data-v-f5dc3744] {
  font-weight: var(--font-weight-bold);
  color: var(--text-color-light-purple-1-100);
}
.amber-purple .login-hint[data-v-f5dc3744] {
  font-weight: var(--font-weight-regular);
  color: var(--text-color-light-purple-2-100);
}
.amber-purple .login-text[data-v-f5dc3744] {
  font-weight: var(--font-weight-bold);
  color: var(--accent-color-yellow);
}
.amber-purple .adultConfirm[data-v-f5dc3744] {
  color: var(--text-color-light-purple-2-100);
}
.amber-purple .adultConfirm .text-warpper[data-v-f5dc3744] {
  font-weight: var(--font-weight-regular);
  color: var(--text-color-light-purple-2-100);
}
.amber-purple .adultConfirm ion-checkbox[data-v-f5dc3744] {
  --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.amber-purple .adultConfirm ion-checkbox[data-v-f5dc3744]::part(container) {
  border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.title[data-v-f5dc3744] {
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-default);
}
.login-hint[data-v-f5dc3744] {
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-weaker);
}
.login-text[data-v-f5dc3744] {
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-highlight);
}
.adultConfirm[data-v-f5dc3744] {
  color: #a0a6b0;
}
.adultConfirm .text-warpper[data-v-f5dc3744] {
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-weaker);
}
.adultConfirm ion-checkbox[data-v-f5dc3744] {
  --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.adultConfirm ion-checkbox[data-v-f5dc3744]::part(container) {
  border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-modal#login-modal::part(content) {
  --height: 100%;
  --width: 100%;
  --max-width: 486px;
  -webkit-backdrop-filter: blur(4.45px);
          backdrop-filter: blur(4.45px);
}
.warpper[data-v-8c7a98dc] {
  width: 100%;
  height: 100%;
}
.header[data-v-8c7a98dc] {
  width: 100%;
  height: 6.06rem;
  padding: 0 1rem;
}
.header .header-content[data-v-8c7a98dc] {
  width: 100%;
  padding-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.logo[data-v-8c7a98dc] {
  max-width: 7.5rem;
  height: 1.75rem;
}
.btn-close[data-v-8c7a98dc] {
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  font-size: 0.75rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content[data-v-8c7a98dc] {
  width: 100%;
  height: calc(100% - 6.06rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
  border-radius: 1.25rem 1.25rem 0 0;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.content[data-v-8c7a98dc]::-webkit-scrollbar {
  display: none;
}
.forget-title[data-v-8c7a98dc] {
  font-size: 1.125rem;
}
.forget-tips[data-v-8c7a98dc] {
  font-size: 0.75rem;
}
.footer[data-v-8c7a98dc] {
  width: 100%;
  margin-top: auto;
  margin-bottom: 1.38rem;
}
.yellow-dark .btn-close[data-v-8c7a98dc] {
  background-color: var(--color-text-20);
  color: var(--login-close-color);
}
.yellow-dark .content[data-v-8c7a98dc] {
  background-color: var(--color-bg-200);
  box-shadow: 0px 2px 0px 0px var(--theme-color-800) inset;
  filter: drop-shadow(0px -14px 60px rgba(177, 128, 3, 0.44));
  fill: var(--color-bg-200);
}
.yellow-dark .forget-title[data-v-8c7a98dc] {
  color: var(--color-text-100);
}
.yellow-dark .forget-tips[data-v-8c7a98dc] {
  color: var(--color-text-40);
}
.green-dark .btn-close[data-v-8c7a98dc] {
  background-color: var(--color-text-20);
  color: var(--login-close-color);
}
.green-dark .content[data-v-8c7a98dc] {
  background-color: var(--color-bg-200);
  box-shadow: 0px 2px 0px 0px var(--theme-color-800) inset;
  filter: drop-shadow(0px -14px 60px rgba(3, 177, 58, 0.44));
  fill: var(--color-bg-200);
}
.green-dark .forget-title[data-v-8c7a98dc] {
  color: var(--color-text-100);
}
.green-dark .forget-tips[data-v-8c7a98dc] {
  color: var(--color-text-40);
}
.purple-light .btn-close[data-v-8c7a98dc] {
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--text-color-white-100);
}
.purple-light .content[data-v-8c7a98dc] {
  background-color: var(--color-bg-200);
  box-shadow: 0px 2px 0px 0px var(--theme-color-800) inset;
  filter: drop-shadow(0px -14px 60px rgba(67, 3, 177, 0.44));
  fill: var(--color-bg-200);
}
.purple-light .forget-title[data-v-8c7a98dc] {
  color: var(--color-text-100);
}
.purple-light .forget-tips[data-v-8c7a98dc] {
  color: var(--color-text-40);
}
.green-default .btn-close[data-v-8c7a98dc],
.green-v01 .btn-close[data-v-8c7a98dc],
.green-v02 .btn-close[data-v-8c7a98dc],
.forest-green .btn-close[data-v-8c7a98dc] {
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--color-text-white-100);
}
.green-default .content[data-v-8c7a98dc],
.green-v01 .content[data-v-8c7a98dc],
.green-v02 .content[data-v-8c7a98dc],
.forest-green .content[data-v-8c7a98dc] {
  background-color: var(--color-bg-200);
  box-shadow: 0px 2px 0px 0px var(--theme-color-800) inset;
  filter: drop-shadow(0px -14px 60px rgba(3, 177, 58, 0.44));
  fill: var(--color-bg-200);
}
.green-default .forget-title[data-v-8c7a98dc],
.green-v01 .forget-title[data-v-8c7a98dc],
.green-v02 .forget-title[data-v-8c7a98dc],
.forest-green .forget-title[data-v-8c7a98dc] {
  color: var(--color-text-100);
}
.green-default .forget-tips[data-v-8c7a98dc],
.green-v01 .forget-tips[data-v-8c7a98dc],
.green-v02 .forget-tips[data-v-8c7a98dc],
.forest-green .forget-tips[data-v-8c7a98dc] {
  color: var(--color-text-40);
}
.blue-default .btn-close[data-v-8c7a98dc] {
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--color-text-white-100);
}
.blue-default .content[data-v-8c7a98dc] {
  background-color: var(--color-bg-200);
  box-shadow: 0px 2px 0px 0px var(--theme-color-800) inset;
  filter: drop-shadow(0px -14px 60px rgba(3, 177, 58, 0.44));
  fill: var(--color-bg-200);
}
.blue-default .forget-title[data-v-8c7a98dc] {
  color: var(--color-text-100);
}
.blue-default .forget-tips[data-v-8c7a98dc] {
  color: var(--color-text-40);
}
.auroral-yellow .btn-close[data-v-8c7a98dc] {
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--color-text-white-100);
}
.auroral-yellow .content[data-v-8c7a98dc] {
  background-color: var(--color-bg-200);
  box-shadow: 0px 2px 0px 0px var(--theme-color-800) inset;
  filter: drop-shadow(0px -14px 60px rgba(219, 247, 79, 0.44));
  fill: var(--color-bg-200);
}
.auroral-yellow .forget-title[data-v-8c7a98dc] {
  color: var(--color-text-100);
}
.auroral-yellow .forget-tips[data-v-8c7a98dc] {
  color: var(--color-text-40);
}
.amber-purple .btn-close[data-v-8c7a98dc] {
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--text-color-white-100);
}
.amber-purple .content[data-v-8c7a98dc] {
  background-color: var(--color-bg-200);
  box-shadow: 0px 2px 0px 0px var(--theme-color-800) inset;
  filter: drop-shadow(0px -14px 60px rgba(163, 79, 247, 0.44));
  fill: var(--color-bg-200);
}
.amber-purple .forget-title[data-v-8c7a98dc] {
  color: var(--color-text-100);
}
.amber-purple .forget-tips[data-v-8c7a98dc] {
  color: var(--color-text-40);
}
.btn-close[data-v-8c7a98dc] {
  background-color: var(--ep-neutral-white-white-20);
  color: var(--ep-color-icon-default);
}
.content[data-v-8c7a98dc] {
  background-color: var(--ep-color-background-fill-surface-raised-L1);
  box-shadow: 0px 2px 0px 0px var(--ep-color-background-fill-glow-primary-opacity-100) inset;
  filter: drop-shadow(0px -14px 60px var(--ep-color-background-fill-glow-primary-opacity-40));
  fill: var(--color-bg-200);
}
.forget-title[data-v-8c7a98dc] {
  color: var(--color-text-100);
}
.forget-tips[data-v-8c7a98dc] {
  color: var(--color-text-40);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.online-service-entry[data-v-6b3d3733] {
  display: contents;
}

ion-modal#maintenance::part(content) {
    --height: 100%;
}
ion-content[data-v-ac9cd70d]::part(background) {
    background: #090F1F;
}
ion-button[data-v-ac9cd70d] {
    --background: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
    --color: #FFFFFF;
    --border-radius: 0.375rem;
    --font-size: 0.75rem;
    padding: 0;
    min-height: 1.75rem;
}
ion-button[data-v-ac9cd70d]::part(native) {
  width: 7.5rem;
  height: 1.75rem;
  white-space: normal;
  text-transform: none;
  font-size: 0.75rem;
  padding: 0;
}  

.permission-content[data-v-d24cd126] {
  background: var(--ion-color-dark);
  color: var(--ion-color-light);
}
ion-button[data-v-d24cd126] {
  --color: var(--ion-color-dark);
  --border-radius: var(--rounded-button-tab);
}
ion-modal#permission-modal {
  /* 全局设置内容样式 */
  --backdrop-opacity: 0;
}
.new-skin-symbol {
.permission-content {
&[data-v-d24cd126] {
    background: var(--ep-color-background-fill-surface-raised-L1);
    color: var(--ep-color-text-default);
    }
.close-icon[data-v-d24cd126] {
      color: var(--ep-color-icon-default);
}
}
ion-button[data-v-d24cd126] {
    --color: var(--ep-color-text-inverse);
    --border-radius: 4px;
    --background: var(--ep-dynamic-primary);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-modal#bind-account-modal::part(content) {
  --width: 20.375rem;
  --height: auto;
  --max-width: 486px;
}
.header[data-v-ffabdec8] {
  padding-top: 10px;
  margin-top: 5px;
  margin-bottom: 26.5px;
  min-height: 50px;
}
.title[data-v-ffabdec8] {
  font-size: var(--ep-font-size-xl, 1.875rem);
  line-height: 1.5;
}
.hint-text[data-v-ffabdec8] {
  font-size: var(--ep-font-size-s, 0.875rem);
  line-height: 1.1;
}
.form-wrapper[data-v-ffabdec8] {
  flex: auto;
  overflow: auto;
  display: flex;
  flex-flow: column;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.form-wrapper[data-v-ffabdec8]::-webkit-scrollbar {
  display: none;
}
.item-height[data-v-ffabdec8] {
  height: 4.25rem;
}
.item-height .before-icon[data-v-ffabdec8] {
  font-size: var(--ep-font-size-xl, 1.25rem);
  margin-inline-end: 0.3125rem;
  margin-inline-start: 0.1875rem;
}
.register-btn-warpper[data-v-ffabdec8] {
  margin-bottom: 1.3125rem;
}
.new-skin-symbol .content[data-v-ffabdec8],
.yellow-dark .content[data-v-ffabdec8],
.green-dark .content[data-v-ffabdec8],
.purple-light .content[data-v-ffabdec8] {
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
  width: 100%;
  height: 100%;
  background-color: var(--ep-color-background-fill-surface-raised-L1, var(--color-bg-200));
  border-radius: var(--ep-border-radius-surface-small, 1.25rem);
}
.new-skin-symbol .title[data-v-ffabdec8],
.yellow-dark .title[data-v-ffabdec8],
.green-dark .title[data-v-ffabdec8],
.purple-light .title[data-v-ffabdec8] {
  font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
  color: var(--ep-color-text-default, var(--color-text-100));
}
.new-skin-symbol .hint-text[data-v-ffabdec8],
.yellow-dark .hint-text[data-v-ffabdec8],
.green-dark .hint-text[data-v-ffabdec8],
.purple-light .hint-text[data-v-ffabdec8] {
  font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
  color: var(--ep-color-text-weaker, var(--color-text-40));
}
.green-default .content[data-v-ffabdec8],
.green-v01 .content[data-v-ffabdec8],
.green-v02 .content[data-v-ffabdec8] {
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
  width: 100%;
  height: 100%;
  background-color: var(--ep-color-background-fill-surface-raised-L1, var(--color-bg-200));
  border-radius: var(--ep-border-radius-surface-small, 1.25rem);
}
.green-default .title[data-v-ffabdec8],
.green-v01 .title[data-v-ffabdec8],
.green-v02 .title[data-v-ffabdec8] {
  font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
  color: var(--ep-color-text-default, var(--color-text-gray-100));
}
.green-default .hint-text[data-v-ffabdec8],
.green-v01 .hint-text[data-v-ffabdec8],
.green-v02 .hint-text[data-v-ffabdec8] {
  font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
  color: var(--ep-color-text-weaker, var(--color-text-gray-100));
}
.forest-green .content[data-v-ffabdec8] {
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
  width: 100%;
  height: 100%;
  background-color: var(--ep-color-background-fill-surface-raised-L1, var(--color-bg-200));
  border-radius: var(--ep-border-radius-surface-small, 1.25rem);
}
.forest-green .title[data-v-ffabdec8] {
  font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
  color: var(--ep-color-text-default, var(--color-text-gray-100));
}
.forest-green .hint-text[data-v-ffabdec8] {
  font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
  color: var(--ep-color-text-weaker, var(--color-text-gray-100));
}
.blue-default .content[data-v-ffabdec8] {
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
  width: 100%;
  height: 100%;
  background-color: var(--ep-color-background-fill-surface-raised-L1, var(--color-bg-200));
  border-radius: var(--ep-border-radius-surface-small, 1.25rem);
}
.blue-default .title[data-v-ffabdec8] {
  font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
  color: var(--ep-color-text-default, var(--color-text-100));
}
.blue-default .hint-text[data-v-ffabdec8] {
  font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
  color: var(--ep-color-text-weaker, var(--color-text-40));
}
.auroral-yellow .content[data-v-ffabdec8] {
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
  width: 100%;
  height: 100%;
  background-color: var(--ep-color-background-fill-surface-raised-L1, var(--color-bg-200));
  border-radius: var(--ep-border-radius-surface-small, 1.25rem);
}
.auroral-yellow .title[data-v-ffabdec8] {
  font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
  color: var(--ep-color-text-default, var(--color-text-100));
}
.auroral-yellow .hint-text[data-v-ffabdec8] {
  font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
  color: var(--ep-color-text-weaker, var(--color-text-40));
}
.amber-purple .default .content[data-v-ffabdec8] {
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
  width: 100%;
  height: 100%;
  background-color: var(--ep-color-background-fill-surface-raised-L1, var(--color-bg-200));
  border-radius: var(--ep-border-radius-surface-small, 1.25rem);
}
.amber-purple .default .title[data-v-ffabdec8] {
  font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
  color: var(--ep-color-text-default, var(--color-text-100));
}
.amber-purple .default .hint-text[data-v-ffabdec8] {
  font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
  color: var(--ep-color-text-weaker, var(--color-text-40));
}
.amber-purple .content[data-v-ffabdec8] {
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
  width: 100%;
  height: 100%;
  background-color: var(--ep-color-background-fill-surface-raised-L1, var(--color-bg-200));
  border-radius: var(--ep-border-radius-surface-small, 1.25rem);
}
.amber-purple .title[data-v-ffabdec8] {
  font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
  color: var(--ep-color-text-default, var(--text-color-light-purple-1-100));
}
.amber-purple .hint-text[data-v-ffabdec8] {
  font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
  color: var(--ep-color-text-weaker, var(--text-color-light-purple-2-100));
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .guide-safari-wrap[data-v-8cc93931] {
  width: 17.5rem;
  margin: 1rem auto;
}
html .guide-safari-wrap .text[data-v-8cc93931] {
  font-size: 14px;
  color: var(--color-text-40);
  text-align: left;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
html .guide-safari-wrap .rectangle[data-v-8cc93931] {
  width: 100%;
  height: 2.5rem;
  background: var(--color-bg-100);
  border-radius: 6px;
  color: #110000;
  padding: 0.4375rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--color-bg-100);
}
html .guide-safari-wrap .rectangle .copy-text[data-v-8cc93931] {
  width: 14.25rem;
  font-size: 0.875rem;
  line-height: 1.625rem;
  color: var(--color-text-40);
}
html .guide-safari-wrap .rectangle .safari-icon[data-v-8cc93931] {
  font-size: 30px;
  width: 1.5rem;
  height: 1.5rem;
}
.new-skin-symbol .guide-safari-wrap[data-v-8cc93931] {
  width: 17.5rem;
  margin: 1rem auto;
}
.new-skin-symbol .guide-safari-wrap .text[data-v-8cc93931] {
  font-size: 14px;
  color: var(--ep-color-text-default);
  text-align: left;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
.new-skin-symbol .guide-safari-wrap .rectangle[data-v-8cc93931] {
  width: 100%;
  height: 2.5rem;
  background: var(--color-bg-100);
  border-radius: 6px;
  color: #110000;
  padding: 0.4375rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--color-bg-100);
}
.new-skin-symbol .guide-safari-wrap .rectangle .copy-text[data-v-8cc93931] {
  width: 14.25rem;
  font-size: 0.875rem;
  line-height: 1.625rem;
  color: var(--ep-color-text-weak);
}
.new-skin-symbol .guide-safari-wrap .rectangle .safari-icon[data-v-8cc93931] {
  font-size: 30px;
  width: 1.5rem;
  height: 1.5rem;
}
.purple-light .guide-safari-wrap[data-v-8cc93931] {
  width: 17.5rem;
  margin: 1rem auto;
}
.purple-light .guide-safari-wrap .text[data-v-8cc93931] {
  font-size: 14px;
  color: var(--color-text-40);
  text-align: left;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
.purple-light .guide-safari-wrap .rectangle[data-v-8cc93931] {
  width: 100%;
  height: 2.5rem;
  background: var(--color-bg-300);
  border-radius: 6px;
  color: #110000;
  padding: 0.4375rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--color-bg-100);
}
.purple-light .guide-safari-wrap .rectangle .copy-text[data-v-8cc93931] {
  width: 14.25rem;
  font-size: 0.875rem;
  line-height: 1.625rem;
  color: var(--color-text-40);
}
.purple-light .guide-safari-wrap .rectangle .safari-icon[data-v-8cc93931] {
  font-size: 30px;
  width: 1.5rem;
  height: 1.5rem;
}
.green-default .guide-safari-wrap[data-v-8cc93931] {
  width: 17.5rem;
  margin: 1rem auto;
}
.green-default .guide-safari-wrap .text[data-v-8cc93931] {
  font-size: 14px;
  color: var(--color-text-gray-300);
  text-align: left;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
.green-default .guide-safari-wrap .rectangle[data-v-8cc93931] {
  width: 100%;
  height: 2.5rem;
  background: var(--text-color-white-100);
  border-radius: 6px;
  color: #110000;
  padding: 0.4375rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--theme-color-800);
}
.green-default .guide-safari-wrap .rectangle .copy-text[data-v-8cc93931] {
  width: 14.25rem;
  font-size: 0.875rem;
  line-height: 1.625rem;
  color: var(--color-text-gray-300);
}
.green-default .guide-safari-wrap .rectangle .safari-icon[data-v-8cc93931] {
  font-size: 30px;
  width: 1.5rem;
  height: 1.5rem;
}
.blue-default .guide-safari-wrap[data-v-8cc93931] {
  width: 17.5rem;
  margin: 1rem auto;
}
.blue-default .guide-safari-wrap .text[data-v-8cc93931] {
  font-size: 14px;
  color: var(--color-text-gray-800);
  text-align: left;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
.blue-default .guide-safari-wrap .rectangle[data-v-8cc93931] {
  width: 100%;
  height: 2.5rem;
  background: var(--text-color-white-100);
  border-radius: 6px;
  color: #110000;
  padding: 0.4375rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--accent-color-yellow);
}
.blue-default .guide-safari-wrap .rectangle .copy-text[data-v-8cc93931] {
  width: 14.25rem;
  font-size: 0.875rem;
  line-height: 1.625rem;
  color: var(--color-text-gray-800);
}
.blue-default .guide-safari-wrap .rectangle .safari-icon[data-v-8cc93931] {
  font-size: 30px;
  width: 1.5rem;
  height: 1.5rem;
}
.forest-green .guide-safari-wrap[data-v-8cc93931] {
  width: 17.5rem;
  margin: 1rem auto;
}
.forest-green .guide-safari-wrap .text[data-v-8cc93931] {
  font-size: 14px;
  color: var(--color-text-gray-300);
  text-align: left;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
.forest-green .guide-safari-wrap .rectangle[data-v-8cc93931] {
  width: 100%;
  height: 2.5rem;
  background: var(--text-color-white-100);
  border-radius: 6px;
  color: #110000;
  padding: 0.4375rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--theme-color-800);
}
.forest-green .guide-safari-wrap .rectangle .copy-text[data-v-8cc93931] {
  width: 14.25rem;
  font-size: 0.875rem;
  line-height: 1.625rem;
  color: var(--color-text-gray-300);
}
.forest-green .guide-safari-wrap .rectangle .safari-icon[data-v-8cc93931] {
  font-size: 30px;
  width: 1.5rem;
  height: 1.5rem;
}
.auroral-yellow .guide-safari-wrap[data-v-8cc93931] {
  width: 17.5rem;
  margin: 1rem auto;
}
.auroral-yellow .guide-safari-wrap .text[data-v-8cc93931] {
  font-size: 14px;
  color: var(--color-text-black-100);
  text-align: left;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
.auroral-yellow .guide-safari-wrap .rectangle[data-v-8cc93931] {
  width: 100%;
  height: 2.5rem;
  background: var(--text-color-white-100);
  border-radius: 6px;
  color: #110000;
  padding: 0.4375rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--accent-color-yellow);
}
.auroral-yellow .guide-safari-wrap .rectangle .copy-text[data-v-8cc93931] {
  width: 14.25rem;
  font-size: 0.875rem;
  line-height: 1.625rem;
  color: var(--color-text-black-100);
}
.auroral-yellow .guide-safari-wrap .rectangle .safari-icon[data-v-8cc93931] {
  font-size: 30px;
  width: 1.5rem;
  height: 1.5rem;
}
.amber-purple .default .guide-safari-wrap[data-v-8cc93931] {
  width: 17.5rem;
  margin: 1rem auto;
}
.amber-purple .default .guide-safari-wrap .text[data-v-8cc93931] {
  font-size: 14px;
  color: var(--text-color-black-100);
  text-align: left;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
.amber-purple .default .guide-safari-wrap .rectangle[data-v-8cc93931] {
  width: 100%;
  height: 2.5rem;
  background: var(--text-color-white-100);
  border-radius: 6px;
  color: #110000;
  padding: 0.4375rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--theme-color-800);
}
.amber-purple .default .guide-safari-wrap .rectangle .copy-text[data-v-8cc93931] {
  width: 14.25rem;
  font-size: 0.875rem;
  line-height: 1.625rem;
  color: var(--text-color-black-100);
}
.amber-purple .default .guide-safari-wrap .rectangle .safari-icon[data-v-8cc93931] {
  font-size: 30px;
  width: 1.5rem;
  height: 1.5rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.-rotate-90.text-xl[data-v-db057959] {
  color: #007AFF;
}
.amber-purple .title[data-v-db057959] {
  color: var(--text-color-light-purple-1-100);
}
.amber-purple .pwa-tip[data-v-db057959] {
  background-color: var(--color-bg-300);
  color: var(--text-color-light-purple-2-100);
}
.amber-purple .accent-box[data-v-db057959] {
  border: none;
  background-color: var(--color-bg-100);
  color: var(--text-color-light-purple-1-100);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.facebook-tip-wrap[data-v-a3f081d2] {
  position: relative;
}
.facebook-tip-wrap .arrow[data-v-a3f081d2] {
  width: 10rem;
  height: 5rem;
  position: absolute;
  right: 13px;
  top: 18px;
  transform: rotate(-5deg);
}
.facebook-tip-wrap .content[data-v-a3f081d2] {
  width: 20.625rem;
  margin: 5.1875rem auto 0;
}
.facebook-tip-wrap .content .guide-img-wrap[data-v-a3f081d2] {
  width: 8.125rem;
  height: 4.875rem;
  margin-left: 90px;
}
.facebook-tip-wrap .content .guide-img-wrap .ion-img[data-v-a3f081d2] {
  width: 100%;
  height: 100%;
}
.facebook-tip-wrap .content .step[data-v-a3f081d2] {
  width: 20.625rem;
  height: 5rem;
  box-sizing: border-box;
  padding: 0.75rem 1.6875rem;
  border-radius: 5rem;
  background: linear-gradient(90deg, #D97416 -0.68%, #D9AF16 99.32%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-style: 1rem;
  color: #fff;
  line-height: 32px;
  font-weight: 500;
}
.facebook-tip-wrap .content .step .step-img[data-v-a3f081d2] {
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 0.75rem;
}
.facebook-tip-wrap .content .step .step-text-wrap .index-img[data-v-a3f081d2] {
  width: 2rem;
  height: 1.75rem;
  margin: 0 0.5rem;
}
.facebook-tip-wrap .content .step .step-text-wrap .choose[data-v-a3f081d2] {
  padding-left: 0.75rem;
}
.facebook-tip-wrap .content .step .step-text-wrap .index2-img-wrap[data-v-a3f081d2] {
  width: 14.5625rem;
  height: 2.125rem;
  position: relative;
  text-align: left;
}
.facebook-tip-wrap .content .step .step-text-wrap .index2-img-wrap .index2-img[data-v-a3f081d2] {
  width: 100%;
  height: 100%;
}
.facebook-tip-wrap .content .step .step-text-wrap .index2-img-wrap .step-text[data-v-a3f081d2] {
  position: absolute;
  top: 0;
  left: 2.625rem;
  color: #000;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 2.125rem;
}
.facebook-tip-wrap .content .step .step-text-wrap .index2-img-wrap .step-text-2[data-v-a3f081d2] {
  font-size: 0.625rem;
}
.facebook-tip-wrap .content .step .step-1-text-wrap[data-v-a3f081d2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.facebook-tip-wrap .content .step-1[data-v-a3f081d2] {
  display: flex;
  justify-content: space-between;
}
.facebook-tip-wrap .content .step-2[data-v-a3f081d2] {
  margin-top: 2.8125rem;
}
.facebook-tip-wrap .close-btn-wrap[data-v-a3f081d2] {
  width: 30px;
  height: 30px;
  margin: 2.875rem auto 0;
}
.facebook-tip-wrap .close-btn-wrap .close-btn[data-v-a3f081d2] {
  font-size: 1.875rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.christmas-double-container[data-v-875bc68e] {
  padding: 0 0 3.125rem 0;
  position: relative;
  width: 100%;
  font-size: 0;
}
.christmas-double-container .christmas-top-container[data-v-875bc68e] {
  position: relative;
}
.christmas-double-container .double-title[data-v-875bc68e] {
  position: absolute;
  top: calc(100% - 4rem);
  width: 100%;
  z-index: 3;
  font-size: 0.875rem;
  text-align: center;
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-highlight-white, #fff);
}
.christmas-double-container .content-container[data-v-875bc68e] {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: -1;
  padding: 0 1.125rem;
  width: -moz-fit-content;
  width: fit-content;
}
.christmas-double-container .christmas-bg[data-v-875bc68e] {
  position: absolute;
  z-index: 2;
}
.christmas-double-container .christmas-bg-top[data-v-875bc68e] {
  width: 100%;
}
.christmas-double-container .christmas-bg-left[data-v-875bc68e] {
  top: -0.125rem;
  left: 0;
  width: 1.875rem;
}
.christmas-double-container .christmas-bg-right[data-v-875bc68e] {
  top: 0;
  right: 0;
  width: 1.875rem;
}
.christmas-double-container .christmas-bg-bottom[data-v-875bc68e] {
  bottom: 0;
  left: 0;
  width: 100%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.default-double-container[data-v-5219097e] {
  position: relative;
  width: 100%;
}
.default-double-container .reward-bg[data-v-5219097e] {
  position: absolute;
  left: 50%;
  width: 22.875rem;
}
.default-double-container .bg-top[data-v-5219097e] {
  top: -5.375rem;
  transform: translateX(-50%);
  z-index: 3;
}
.default-double-container .bg-bottom[data-v-5219097e] {
  bottom: -5.375rem;
  transform: translateX(-50%);
  z-index: 3;
}
.default-double-container .bg-middle[data-v-5219097e] {
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
}
.default-double-container .bg-light[data-v-5219097e] {
  top: calc(50% - 5rem);
  transform: translate(-50%, -50%);
  z-index: 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.double-reward-footer[data-v-61b99a3b] {
  margin-top: 4.125rem;
  display: flex;
  width: 100%;
  padding: 0 0.75rem;
  gap: 0.875rem;
  z-index: 5;
}
.double-reward-footer .double-reward-btn[data-v-61b99a3b] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.125rem;
  border-radius: var(--ep-border-radius-infinity, 6.1875rem);
  text-align: center;
  font-size: var(--ep-font-size-s, 0.75rem);
  background: var(--ep-neutral-white-white-10, rgba(255, 255, 255, 0.1));
  padding: 0 0.375rem;
}
.double-reward-footer .double-reward-btn.btn-continue[data-v-61b99a3b] {
  background: linear-gradient(101deg, #A5A089 7.39%, #545455 86.48%);
}
.double-reward-footer .double-reward-btn.btn-claim[data-v-61b99a3b] {
  background: linear-gradient(101deg, #5B7FF4 7.39%, #A15CF5 86.48%);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.double-reward-footer[data-v-529deeab] {
  margin-top: 1.25rem;
  display: flex;
  width: 100%;
  padding: 0 0.75rem;
  gap: 1.25rem;
  z-index: 5;
}
.double-reward-footer .double-reward-btn[data-v-529deeab] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.75rem;
  border-radius: var(--ep-border-radius-infinity, 6.1875rem);
  text-align: center;
  font-size: var(--ep-font-size-s, 0.75rem);
}
.double-reward-footer .double-reward-btn.btn-continue[data-v-529deeab] {
  background: url('/assets/christmas-normal-claim-r2-P9FpSdK8.svg') no-repeat center center;
  background-size: 100% auto;
}
.double-reward-footer .double-reward-btn.btn-claim[data-v-529deeab] {
  background: url('/assets/christmas-double-claim-r2-D0qyXq6X.svg') no-repeat center center;
  background-size: 100% auto;
}
.double-reward-footer .double-reward-btn .btn-claim-bonus[data-v-529deeab] {
  min-width: 9.125rem;
  height: 2.75rem;
  line-height: 2.75rem;
  background: url('/assets/christmas-double-claim-r2-D0qyXq6X.svg') no-repeat center center;
  background-size: 100% auto;
}
.double-reward-footer .double-reward-btn .btn-claim-christmas[data-v-529deeab] {
  padding: 0 0.5rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.amount-display[data-v-333ed0f5] {
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
}
.amount-display .currency-icon[data-v-333ed0f5] {
  height: 0.625rem;
  display: block;
  flex-shrink: 0;
}
.layout42 .amount-display[data-v-333ed0f5] {
  display: block;
  flex: 1;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-modal#entryModal::part(content) {
  --height: 100%;
  --max-width: 486px;
}
.entry-modal-container[data-v-aa622537] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
article.shiny[data-v-328c28f3] {
  overflow: hidden;
  position: relative;
  border-radius: 0.375rem;
}
article.shiny[data-v-328c28f3]::before {
  left: 0;
  z-index: 9;
  content: "";
  height: 100%;
  top: -11.25rem;
  width: 1.75rem;
  position: absolute;
  background: #FFF;
  display: inline-block;
  animation: shiny-328c28f3 4s ease-in-out infinite;
}
@keyframes shiny-328c28f3 {
0% {
    opacity: 0;
    transform: scale(0) rotate(45deg);
}
80% {
    opacity: 0.5;
    transform: scale(0) rotate(45deg);
}
81% {
    opacity: 1;
    transform: scale(4) rotate(45deg);
}
100% {
    opacity: 0;
    transform: scale(50) rotate(45deg);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.button-wrapper[data-v-68403122] {
  position: relative;
}
.button-wrapper .button-shimmer[data-v-68403122] {
  display: flex;
  width: 10.25rem;
  height: 2.75rem;
  align-items: center;
  justify-content: center;
}
.button-wrapper .button-bg[data-v-68403122] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.button-wrapper .button-text[data-v-68403122] {
  font-size: 1rem;
  font-weight: 900;
  color: #854A08;
  text-align: center;
  text-shadow: 0.0313rem 0.0313rem 0rem rgba(255, 255, 255, 0.25);
}
.button-wrapper .pointer[data-v-68403122] {
  z-index: 1;
  right: -3rem;
  top: -3.625rem;
  height: 5.625rem;
  aspect-ratio: 1/1;
  position: absolute;
  background: url("/assets/point-r2-et3nkLON.png") no-repeat center center / 100% 100%;
  animation: pointer-tap-68403122 3s ease-in-out infinite;
  opacity: 0;
}
@keyframes pointer-tap-68403122 {
0% {
    opacity: 0;
    transform: rotate(16deg);
}
20% {
    opacity: 1;
    transform: rotate(16deg);
}
30% {
    opacity: 1;
    transform: rotate(0deg);
}
50% {
    opacity: 1;
    transform: rotate(0deg);
}
70% {
    opacity: 0;
    transform: rotate(0deg);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
/* bonusModal 由 EntryModal 渲染，实际弹窗 id 是 rechargeReward(充值) / entryModal(人工)；
   原来写的 #bonusModal 并不存在，所以高度没生效。这里按真实 id 设置高度铺满视口 */
ion-modal#rechargeReward::part(content),ion-modal#entryModal::part(content) {
  --height: 100vh;
  --max-width: 486px;
}
.main-text[data-v-b93089c4] {
  color: #F8FF7A;
  text-align: center;
  text-shadow: 2px 0 0 #d72f2f, /* 右 */ 0 2px 0 #d72f2f, /* 下 */ -2px 0 0 #d72f2f, /* 左 */ 0 -2px 0 #d72f2f, /* 上 */ 2px 2px 0 #d72f2f, /* 右下 */ -2px 2px 0 #d72f2f, /* 左下 */ 2px -2px 0 #d72f2f, /* 右上 */ -2px -2px 0 #d72f2f;
  /* 左上 */
}
.warpper[data-v-b93089c4] {
  width: 100%;
  height: 100%;
  font-family: Inter;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gold-coin-container[data-v-b93089c4] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  /* 禁止用户交互 */
  overflow: hidden;
}
.content[data-v-b93089c4] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-base[data-v-b93089c4] {
  width: 10.25rem;
  height: 2.75rem;
  position: absolute;
  background: url("/svg/bonusModal/button.svg") no-repeat;
  background-size: 100% 100%;
  color: #854A08;
  text-align: center;
  text-shadow: 0.0313rem 0.0313rem 0rem rgba(255, 255, 255, 0.25);
  font-size: 1rem;
  font-style: normal;
  font-weight: 900;
  line-height: 2.75rem;
  text-transform: uppercase;
}
.wait[data-v-b93089c4] {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
  text-align: center;
}
.wait ion-img.aperture1[data-v-b93089c4] {
  opacity: 0;
  width: 23.6875rem;
  height: 23.6875rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  transform-origin: center;
  animation: aperture-b93089c4 10s linear infinite;
}
.wait .box-wait[data-v-b93089c4] {
  width: 9.5rem;
  height: 11.0313rem;
  background: url("/svg/bonusModal/wait-ani.png") no-repeat;
  background-size: 133rem 11.0313rem;
  animation: box-wait-b93089c4 1s steps(14) infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wait .box-wait .btn-open[data-v-b93089c4] {
  width: 10.25rem;
  height: 2.75rem;
  position: absolute;
  background: url("/svg/bonusModal/button.svg") no-repeat;
  background-size: 100% 100%;
  color: #854A08;
  text-align: center;
  text-shadow: 0.0313rem 0.0313rem 0rem rgba(255, 255, 255, 0.25);
  font-size: 1rem;
  font-style: normal;
  font-weight: 900;
  line-height: 2.75rem;
  text-transform: uppercase;
  margin-top: 15.625rem;
}
.wait .box-wait .text-warpper[data-v-b93089c4] {
  width: 100%;
  margin-bottom: 18.75rem;
  padding: 0 1rem;
  max-width: 24.375rem;
  min-width: 24.375rem;
}
.wait .box-wait .text-warpper .title[data-v-b93089c4] {
  text-align: center;
  font-size: 2.375rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.5;
  text-transform: uppercase;
  background: linear-gradient(180deg, #F0E96F -9.75%, #D9C14C 93.5%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wait .box-wait .text-warpper .description[data-v-b93089c4] {
  color: #FFF;
  text-align: center;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.open[data-v-b93089c4] {
  width: 24.375rem;
  height: 24.375rem;
  position: relative;
}
.open .box-open[data-v-b93089c4] {
  width: 28rem;
  height: 28rem;
  background: url("/svg/bonusModal/open-ani.png") no-repeat;
  background-size: 112rem 168rem;
  animation: box-open-x-b93089c4 0.25s steps(4) 6,box-open-y-b93089c4 1.5s steps(6) 1;
  animation-play-state: paused;
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
.open .box-open ion-img.aperture2[data-v-b93089c4] {
  opacity: 0;
  width: 23.6875rem;
  height: 23.6875rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  transform-origin: center;
  animation: aperture-b93089c4 10s linear infinite;
}
.open .box-open .btn-receive[data-v-b93089c4] {
  width: 10.25rem;
  height: 2.75rem;
  position: absolute;
  background: url("/svg/bonusModal/button.svg") no-repeat;
  background-size: 100% 100%;
  color: #854A08;
  text-align: center;
  text-shadow: 0.0313rem 0.0313rem 0rem rgba(255, 255, 255, 0.25);
  font-size: 1rem;
  font-style: normal;
  font-weight: 900;
  line-height: 2.75rem;
  text-transform: uppercase;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 7.5rem;
}
.open .box-open .text-warpper[data-v-b93089c4] {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.open .box-open .text-warpper .title[data-v-b93089c4] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #F8FF7A;
  text-align: center;
  text-shadow: 2px 0 0 #d72f2f, /* 右 */ 0 2px 0 #d72f2f, /* 下 */ -2px 0 0 #d72f2f, /* 左 */ 0 -2px 0 #d72f2f, /* 上 */ 2px 2px 0 #d72f2f, /* 右下 */ -2px 2px 0 #d72f2f, /* 左下 */ 2px -2px 0 #d72f2f, /* 右上 */ -2px -2px 0 #d72f2f;
  /* 左上 */
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.5;
}
.open .box-open .text-warpper .reward[data-v-b93089c4] {
  color: #F8FF7A;
  text-align: center;
  text-shadow: 2px 0 0 #d72f2f, /* 右 */ 0 2px 0 #d72f2f, /* 下 */ -2px 0 0 #d72f2f, /* 左 */ 0 -2px 0 #d72f2f, /* 上 */ 2px 2px 0 #d72f2f, /* 右下 */ -2px 2px 0 #d72f2f, /* 左下 */ 2px -2px 0 #d72f2f, /* 右上 */ -2px -2px 0 #d72f2f;
  /* 左上 */
  font-size: 2.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.5;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-v-b93089c4] .coins-ani {
  background-image: url("/svg/bonusModal/coins-ani.png");
  background-size: 25rem 5rem;
  width: 5rem;
  height: 5rem;
  background-repeat: no-repeat;
  animation: coin-rotate-b93089c4 0.5s steps(5) infinite;
  position: absolute;
}
.recharge-warpper[data-v-b93089c4] {
  width: 24.375rem;
  margin-top: 31.875rem;
}
.recharge-warpper .text-warpper-recharge[data-v-b93089c4] {
  width: 100%;
  padding: 1.25rem 0.9375rem;
  box-sizing: border-box;
  background: rgba(19, 40, 100, 0.57);
  text-align: center;
  border-top: 1px solid rgba(0, 64, 107, 0.1);
  border-bottom: 1px solid rgba(0, 64, 107, 0.1);
}
.recharge-warpper .text-warpper-recharge .title[data-v-b93089c4] {
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
  text-transform: uppercase;
  margin-bottom: 0.625rem;
  color: var(--ep-color-text-success, var(--accent-color-green));
}
.recharge-warpper .text-warpper-recharge .text-description[data-v-b93089c4] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1.5;
  text-transform: uppercase;
}
.recharge-warpper .text-warpper-recharge .text-description .reward-amount[data-v-b93089c4] {
  color: var(--ep-color-text-warning, var(--accent-orange));
}
.recharge-warpper .btn-recharge[data-v-b93089c4] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 2.5rem;
}
.recharge-warpper .btn-recharge .btn-recharge-text[data-v-b93089c4] {
  color: #0C256A;
  text-shadow: 0.5px 0.5px 0 rgba(255, 255, 255, 0.25);
}
@keyframes coin-rotate-b93089c4 {
from {
    background-position: 0 0;
}
to {
    background-position: -25rem 0;
}
}
@keyframes aperture-b93089c4 {
from {
    transform: translate(-50%, -50%) rotate(0deg);
}
to {
    transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes box-wait-b93089c4 {
from {
    background-position: 0 0;
}
to {
    background-position: -133rem 0;
}
}
@keyframes box-open-x-b93089c4 {
from {
    background-position-x: 0;
}
to {
    background-position-x: -112rem;
    /* 动画结束的位置 */
}
}
@keyframes box-open-y-b93089c4 {
from {
    background-position-y: 0;
}
to {
    background-position-y: -168rem;
    /* 动画结束的位置 */
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.spine-wrapper[data-v-8ccfc10d] {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.spine-wrapper .spine-animation[data-v-8ccfc10d] {
  width: 100%;
  max-width: 30.375rem;
  position: relative;
  padding-top: calc(7 / 6 * 100%);
}
.spine-wrapper .spine-animation .spine-box[data-v-8ccfc10d] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.spine-wrapper .spine-open[data-v-8ccfc10d] {
  position: absolute;
  left: 0;
  bottom: 4rem;
  width: 100%;
  z-index: 2;
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-highlight-white, #fff);
}
.spine-wrapper .spine-open .spine-open-btn[data-v-8ccfc10d] {
  text-align: center;
  line-height: 2.75rem;
  height: 2.75rem;
  background: url('/assets/christmas-double-claim-r2-D0qyXq6X.svg') center center;
  background-size: 100% 100%;
}
.spine-top-container[data-v-8ccfc10d] {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0;
}
.spine-top-container.show-recive-amount[data-v-8ccfc10d] {
  top: -3rem;
}
.spine-top-container .christmas-top[data-v-8ccfc10d] {
  margin: 0 auto;
  width: 15.625rem;
  height: 3.875rem;
  background: url('/assets/christmas-top-title-r2-DeGPMBrC.svg') no-repeat center center;
  background-size: 100% 100%;
  overflow: hidden;
}
.spine-top-container .christmas-top .christmas-top-title[data-v-8ccfc10d] {
  font-weight: var(--ep-font-weight-bold, 700);
  text-transform: uppercase;
  margin-top: 0.875rem;
  text-align: center;
  color: var(--ep-color-text-highlight-white, #fff);
  font-size: var(--ep-font-size-l, 1rem);
}
.spine-top-container .christmas-top .christmas-top-title.recevie[data-v-8ccfc10d] {
  font-size: var(--ep-font-size-m, 0.875rem);
}
.spine-top-container .spine-receive-amount[data-v-8ccfc10d] {
  position: relative;
  margin: 0 auto;
  margin-top: -1.5rem;
  width: 17.875rem;
  height: 5.125rem;
  background: url('/assets/christmas-amount-r2-TZmcAm9X.svg') no-repeat center center;
  background-size: 100% 100%;
  font-size: var(--ep-font-size-xxl, 1.5rem);
  text-align: center;
  line-height: 5.125rem;
  font-weight: var(--ep-font-weight-bold, 700);
  z-index: 2;
}
.spine-top-container .spine-top-tips[data-v-8ccfc10d] {
  padding: 0 0.75rem;
  font-weight: var(--ep-font-weight-bold, 700);
  margin: 0;
  text-align: center;
  font-size: var(--ep-font-size-l, 1rem);
  color: var(--ep-color-text-highlight-white, #fff);
}
@keyframes spreadOut-8ccfc10d {
0% {
    opacity: 0;
    transform: scale(0.3) translateY(100px);
}
50% {
    opacity: 1;
    transform: scale(1.1) translateY(-20px);
}
80% {
    transform: scale(0.95) translateY(10px);
}
100% {
    opacity: 1;
    transform: scale(1) translateY(0);
}
}
@keyframes elasticJump-8ccfc10d {
0% {
    opacity: 0;
    transform: translateY(150px) scale(0.8, 0.5);
}
40% {
    opacity: 1;
    transform: translateY(-25px) scale(0.9, 1.2);
}
60% {
    transform: translateY(10px) scale(1.05, 0.9);
}
80% {
    transform: translateY(-5px) scale(0.98, 1.02);
}
100% {
    opacity: 1;
    transform: translateY(0) scale(1, 1);
}
}
.animate-spread-out[data-v-8ccfc10d] {
  transform-origin: bottom center;
  animation: spreadOut-8ccfc10d 0.5s ease-out forwards;
  opacity: 0;
}
.animate-elastic-jump[data-v-8ccfc10d] {
  transform-origin: bottom center;
  animation: elasticJump-8ccfc10d 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  opacity: 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-modal#bonusModal::part(content) {
  --height: 100%;
  --max-width: 30.375rem;
}
.content[data-v-9f2a4149] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-text[data-v-9f2a4149] {
  color: #F8FF7A;
  text-align: center;
  text-shadow: 0.125rem 0 0 #d72f2f, /* 右 */ 0 0.125rem 0 #d72f2f, /* 下 */ -0.125rem 0 0 #d72f2f, /* 左 */ 0 -0.125rem 0 #d72f2f, /* 上 */ 0.125rem 0.125rem 0 #d72f2f, /* 右下 */ -0.125rem 0.125rem 0 #d72f2f, /* 左下 */ 0.125rem -0.125rem 0 #d72f2f, /* 右上 */ -0.125rem -0.125rem 0 #d72f2f;
  /* 左上 */
}
.open[data-v-9f2a4149] {
  width: 24.375rem;
  height: 24.375rem;
  position: relative;
}
.open .box-open[data-v-9f2a4149] {
  width: 28rem;
  height: 28rem;
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
.open .box-open .openArt[data-v-9f2a4149] {
  width: 21.75rem;
  height: 22.1875rem;
  position: absolute;
  top: 50%;
  left: 47%;
  transform: translate(-50%, -50%);
}
.open .box-open .normalArt[data-v-9f2a4149] {
  width: 22.5rem;
  height: 19.125rem;
  position: absolute;
  top: 44%;
  left: 45.5%;
  transform: translate(-50%, -50%);
}
.open .box-open .text-warpper[data-v-9f2a4149] {
  width: 100%;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.open .box-open .text-warpper .coin[data-v-9f2a4149] {
  width: 2.625rem;
  height: 3.1719rem;
}
.open .box-open .text-warpper .reward[data-v-9f2a4149] {
  color: #F8FF7A;
  text-align: center;
  text-shadow: 0.125rem 0 0 #d72f2f, /* 右 */ 0 0.125rem 0 #d72f2f, /* 下 */ -0.125rem 0 0 #d72f2f, /* 左 */ 0 -0.125rem 0 #d72f2f, /* 上 */ 0.125rem 0.125rem 0 #d72f2f, /* 右下 */ -0.125rem 0.125rem 0 #d72f2f, /* 左下 */ 0.125rem -0.125rem 0 #d72f2f, /* 右上 */ -0.125rem -0.125rem 0 #d72f2f;
  /* 左上 */
  font-size: 2.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.5;
}
.open .box-open .boxBottom[data-v-9f2a4149] {
  width: 100%;
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.open .box-open .boxBottom .btn-receive[data-v-9f2a4149] {
  width: 8.875rem;
  height: 2.5rem;
  border-radius: 0.375rem;
  background: var(--color-background-fill-active-primary, #3A8EE3);
  text-align: center;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 2.5rem;
  color: #fff;
  text-transform: uppercase;
  margin: 0.75rem auto 0;
}
.open .box-open .boxBottom .btn-remark[data-v-9f2a4149] {
  width: 17.5rem;
  margin: 0 auto 0;
  color: #fff;
  text-align: center;
  font-size: 0.875rem;
  margin-top: 13rem;
  font-weight: 700;
}
.warpper[data-v-9f2a4149] {
  width: 100%;
  height: 100%;
  font-family: Inter;
  display: flex;
  align-items: center;
  justify-content: center;
}
.open[data-v-9f2a4149]::before {
  content: "";
  background: transparent;
  border: 0.375rem solid #fff;
  display: inline-block;
  width: 4.375rem;
  height: 4.375rem;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  z-index: 99;
  will-change: transform, opacity;
  animation: shiny-9f2a4149 4s ease infinite;
}
/* 光圈扩散不能动 width/height（layout 属性）：81%→100% 段每帧触发完整
   layout→paint→raster。改为固定 4.375rem 盒子 + scale 合成器动画：
   scale(1)=4.375rem、scale(4)=17.5rem，外径轨迹不变；keyframes 里的 transform
   会覆盖基础值，所以必须带上居中的 translate(-50%,-50%)。差异是 0.375rem
   描边会随 scale 变粗，但该段 opacity ≤0.4 且在淡出，肉眼无感 */
@keyframes shiny-9f2a4149 {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
80% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
81% {
    opacity: 0.4;
    transform: translate(-50%, -50%) scale(1);
}
100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(4);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-modal#entryModal::part(content) {
  --height: 100%;
  --max-width: 486px;
}
.entry-modal-container[data-v-9d35ac59] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spine-wrapper[data-v-9d35ac59] {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 5.5rem;
  margin-top: -10rem;
}
.spine-wrapper .spine-animation[data-v-9d35ac59] {
  width: 100%;
  max-width: 30.375rem;
  position: relative;
  padding-top: calc(7 / 6 * 100%);
}
.spine-wrapper .spine-animation .spine-box[data-v-9d35ac59] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.spine-wrapper .spine-open[data-v-9d35ac59] {
  position: absolute;
  left: 0;
  top: calc(100% - 7.5rem);
  width: 100%;
  padding: 0 1rem;
  z-index: 2;
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-highlight-white, #fff);
}
.spine-wrapper .spine-open.remark[data-v-9d35ac59] {
  bottom: 2.5rem;
}
.spine-wrapper .spine-open .spine-remark[data-v-9d35ac59] {
  text-align: center;
}
.spine-wrapper .spine-open .spine-open-btn[data-v-9d35ac59] {
  margin-top: 0.375rem;
  text-align: center;
  line-height: 2.75rem;
  height: 2.75rem;
  background: url('/assets/christmas-double-claim-r2-D0qyXq6X.svg') center center;
  background-size: 100% 100%;
}
.spine-top-container[data-v-9d35ac59] {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0;
}
.spine-top-container.show-top-title[data-v-9d35ac59] {
  top: 8rem;
}
.spine-top-container.show-recive-amount[data-v-9d35ac59] {
  top: 2rem;
}
.spine-top-container .christmas-top[data-v-9d35ac59] {
  margin: 0 auto;
  width: 15.625rem;
  height: 3.875rem;
  background: url('/assets/christmas-top-title-r2-DeGPMBrC.svg') no-repeat center center;
  background-size: 100% 100%;
  overflow: hidden;
}
.spine-top-container .christmas-top .christmas-top-title[data-v-9d35ac59] {
  font-weight: var(--ep-font-weight-bold, 700);
  text-transform: uppercase;
  margin-top: 0.875rem;
  text-align: center;
  color: var(--ep-color-text-highlight-white, #fff);
  font-size: var(--ep-font-size-l, 1rem);
}
.spine-top-container .christmas-top .christmas-top-title.recevie[data-v-9d35ac59] {
  font-size: var(--ep-font-size-m, 0.875rem);
}
.spine-top-container .spine-receive-amount[data-v-9d35ac59] {
  position: relative;
  margin: 0 auto;
  margin-top: -1.5rem;
  width: 17.875rem;
  height: 5.125rem;
  background: url('/assets/christmas-amount-r2-TZmcAm9X.svg') no-repeat center center;
  background-size: 100% 100%;
  font-size: var(--ep-font-size-xxl, 1.5rem);
  text-align: center;
  line-height: 5.125rem;
  font-weight: var(--ep-font-weight-bold, 700);
  z-index: 2;
}
.spine-top-container .spine-top-tips[data-v-9d35ac59] {
  font-weight: var(--ep-font-weight-bold, 700);
  margin: 0;
  text-align: center;
  font-size: var(--ep-font-size-l, 1rem);
  color: var(--ep-color-text-highlight-white, #fff);
}
@keyframes spreadOut-9d35ac59 {
0% {
    opacity: 0;
    transform: scale(0.3) translateY(100px);
}
50% {
    opacity: 1;
    transform: scale(1.1) translateY(-20px);
}
80% {
    transform: scale(0.95) translateY(10px);
}
100% {
    opacity: 1;
    transform: scale(1) translateY(0);
}
}
@keyframes elasticJump-9d35ac59 {
0% {
    opacity: 0;
    transform: translateY(150px) scale(0.8, 0.5);
}
40% {
    opacity: 1;
    transform: translateY(-25px) scale(0.9, 1.2);
}
60% {
    transform: translateY(10px) scale(1.05, 0.9);
}
80% {
    transform: translateY(-5px) scale(0.98, 1.02);
}
100% {
    opacity: 1;
    transform: translateY(0) scale(1, 1);
}
}
.animate-spread-out[data-v-9d35ac59] {
  transform-origin: bottom center;
  animation: spreadOut-9d35ac59 0.5s ease-out forwards;
  opacity: 0;
}
.animate-elastic-jump[data-v-9d35ac59] {
  transform-origin: bottom center;
  animation: elasticJump-9d35ac59 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  opacity: 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.theme-christmas .double-reward-content-inner-wrapper[data-v-45aaee60] {
  background: #FFEBE8;
}
.theme-christmas .double-reward-content-inner-wrapper .double-reward-content-inner[data-v-45aaee60] {
  padding-bottom: 2.375rem;
}
.theme-christmas .double-reward-content-inner-wrapper .double-reward-content-inner.is-receive[data-v-45aaee60] {
  padding-bottom: 2.75rem;
}
.theme-default .double-reward-content-inner-wrapper[data-v-45aaee60] {
  background: linear-gradient(180deg, #FFF8EE 0%, #F7C387 100%);
}
.theme-default .double-reward-content-inner-wrapper .double-reward-content-inner[data-v-45aaee60] {
  padding-bottom: 5.375rem;
}
.theme-default .double-reward-content-inner-wrapper .double-reward-content-inner.is-receive[data-v-45aaee60] {
  padding-bottom: 6.375rem;
}
.double-reward-content[data-v-45aaee60] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.double-reward-content .double-reward-content-inner-wrapper[data-v-45aaee60] {
  position: relative;
  margin: 0 auto;
  min-width: 17.125rem;
  box-shadow: 0 0 11.4px 0 #F34100 inset;
  padding-top: 1.25rem;
  z-index: -1;
}
.double-reward-content .double-reward-content-inner-wrapper .double-reward-content-inner[data-v-45aaee60] {
  z-index: 1;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.double-reward-content .double-reward-content-inner-wrapper .double-reward-title--claim[data-v-45aaee60] {
  margin: 0rem 0 1rem 0;
  color: var(--ep-neutral-black-black-100, #000);
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1.5rem;
  text-align: center;
}
.double-reward-content .double-reward-content-inner-wrapper .double-reward-title--receive[data-v-45aaee60] {
  margin: 0 0 1.625rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: var(--ep-color-text-success, #53C154);
}
.double-reward-content .double-reward-content-inner-wrapper .double-reward-title--receive .receive-icon[data-v-45aaee60] {
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: 0.25rem;
}
.double-reward-content .double-reward-content-inner-wrapper .double-reward-title--receive .receive-text[data-v-45aaee60] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1.125rem;
}
.double-reward-content .double-reward-content-inner-wrapper .double-reward-main[data-v-45aaee60] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  border: 1px dashed var(--ep-color-border-warning, #FC974C);
  min-width: 11.25rem;
  padding: 0 0.75rem;
  min-height: 5.625rem;
}
.double-reward-content .double-reward-content-inner-wrapper .double-reward-main .reward-fixed-type[data-v-45aaee60] {
  position: absolute;
  top: 0;
  left: 0.75rem;
  transform: translateY(-50%);
  font-size: var(--ep-font-size-s, 0.75rem);
  padding: 0 0.5rem;
  background: var(--ep-color-border-warning, #FC974C);
  color: var(--ep-color-text-highlight-white, #fff);
  border-radius: var(--ep-border-radius-infinity, 6.1875rem);
}
.double-reward-content .double-reward-content-inner-wrapper .double-reward-main .reward-recharge-type[data-v-45aaee60] {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 50%;
  width: 9rem;
  transform: translate(-50%, -50%);
  font-size: var(--ep-font-size-s, 0.75rem);
  padding: 0 0.5rem;
  background: var(--ep-color-border-warning, #FC974C);
  color: var(--ep-color-text-highlight-white, #fff);
  border-radius: var(--ep-border-radius-infinity, 6.1875rem);
}
.double-reward-content .double-reward-content-inner-wrapper .double-reward-main .reward-detail[data-v-45aaee60] {
  color: var(--ep-color-text-danger, #E64021);
  text-align: center;
}
.double-reward-content .double-reward-content-inner-wrapper .double-reward-main .reward-detail .double-recharge-config[data-v-45aaee60] {
  margin: 0 0.375rem;
  padding-top: 0.5rem;
  width: 11.25rem;
}
.double-reward-content .double-reward-content-inner-wrapper .double-reward-main .reward-detail .double-recharge-config .double-recharge-config-item[data-v-45aaee60] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  line-height: 1.125rem;
  border-bottom: 1px solid #FBCC9A;
  padding: 0.25rem 0 0 0;
}
.double-reward-content .double-reward-content-inner-wrapper .double-reward-main .reward-detail .double-recharge-config .double-recharge-config-item .double-recharge-config-item-amount[data-v-45aaee60] {
  flex: 1;
  color: #0D990F;
  display: flex;
  align-items: center;
  justify-content: center;
}
.double-reward-content .double-reward-content-inner-wrapper .double-reward-main .reward-detail .double-recharge-config .double-recharge-config-item .double-recharge-config-item-multiplier[data-v-45aaee60] {
  flex: 1;
  color: #E64021;
}
.double-reward-content .double-reward-content-inner-wrapper .double-reward-main .reward-detail .double-recharge-config .double-recharge-config-item .double-recharge-config-item-multiplier .multiplier-symbol[data-v-45aaee60] {
  display: inline-block;
}
.double-reward-content .double-reward-content-inner-wrapper .double-reward-main .reward-detail .reward-amount[data-v-45aaee60] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ep-font-size-xxxl, 2.25rem);
  font-weight: var(--ep-font-weight-bold, 700);
  gap: 0.25rem;
}
.double-reward-content .double-reward-content-inner-wrapper .double-reward-main .reward-detail .reward-amount .multiplier-symbol[data-v-45aaee60] {
  font-weight: var(--ep-font-weight-regular, 400);
}
.double-reward-content .double-reward-content-inner-wrapper .double-reward-main .reward-detail .reward-amount .merchant-cy[data-v-45aaee60] {
  font-size: var(--ep-font-size-l, 1rem);
  width: 1.5rem;
}
.double-reward-content .double-reward-content-inner-wrapper .double-reward-main .reward-detail .reward-amount .reward-amount-value[data-v-45aaee60] {
  max-width: 12rem;
  word-break: break-all;
  white-space: normal;
  text-align: left;
}
.double-reward-content .double-reward-content-inner-wrapper .double-reward-main .reward-detail .reward-times[data-v-45aaee60] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
.double-reward-content .double-reward-content-inner-wrapper .double-reward-tips[data-v-45aaee60] {
  margin-top: 0.625rem;
  width: 14.625rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1.125rem;
  color: #957959;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-modal#doubleReward::part(content) {
  padding: 0 0.75rem;
  --height: 100%;
  --max-width: 486px;
}
[data-v-b2246152] .content-wrapper .content {
  width: auto;
}
.double-reward-container[data-v-b2246152] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-fab[data-v-d617d870] {
  width: 3em;
  height: 3rem;
}
ion-fab-button[data-v-d617d870] {
  --color: #fff;
  /* 按钮字体图标颜色 */
  --background: #F44939;
  /* 按钮背景色 */
  width: 3em;
  height: 3rem;
  font-size: inherit;
}
ion-fab-button[data-v-d617d870]::part(native) {
  width: 3em;
  height: 3rem;
}
ion-fab-list[data-v-d617d870] {
  min-width: 3em;
  min-height: 3em;
}
ion-spinner[data-v-d617d870] {
  --color: #1680DC;
}
ion-page[data-v-d617d870] {
  --background: #000;
  overflow: hidden;
  position: relative;
}
#placeholder[data-v-d617d870] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.5rem;
}
iframe[data-v-d617d870] {
  background-color: transparent;
  margin: auto;
}
.game_icon[data-v-d617d870] {
  position: absolute;
  top: 2.5rem;
  right: -14.5rem;
  width: 17.6875rem;
  height: 3.2rem;
  z-index: 30;
  overflow: hidden;
}
.show-icon[data-v-d617d870] {
  position: absolute;
  width: 9rem;
  height: 3.125rem;
  top: 1rem;
  left: 1.5rem;
}
.animation_icon[data-v-d617d870] {
  position: absolute;
  top: 0.78rem;
  left: 0.975rem;
}
.line-rotate[data-v-d617d870] {
  transform: rotate(-72deg);
}
.show-right[data-v-d617d870] {
  transition: all 0.3s;
  transform: rotate(180deg);
}
.draggable-box[data-v-d617d870] {
  width: 3.375rem;
  height: 3.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  border: 0.0625rem solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 0.03rem 0.06rem 0 rgba(0, 0, 0, 0.16);
}
.draggable-box ion-icon[data-v-d617d870] {
  font-size: 1.5rem;
}
.draggable-box .label[data-v-d617d870] {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2;
}

.svg-icon[data-v-06b074b0] {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	vertical-align: middle;
	color: inherit;
	flex-shrink: 0;
}

/* 内部 SVG 撑满容器；非方形 SVG 配合 preserveAspectRatio 默认 xMidYMid meet 自适应。
 * 单维度尺寸场景下另一维交给浏览器按 viewBox 比例推断，与原 <img width=Xrem> 一致。
 * 不强制注入 fill: currentColor —— 否则会覆盖 SVG 源里写死的颜色，造成"看到的图标全变色"。
 * 想要 CSS 控色：SVG 源标 fill="currentColor"（或无 fill），由本组件 color: inherit 透传。
 */
.svg-icon[data-v-06b074b0] svg {
	display: block;
	width: 100%;
	height: 100%;
}

.hall-wrapper[data-v-8f973b02] {
  width: 100%;
  height: 100%;
  position: relative;
	border-radius: var(--ep-border-radius-surface-default, .375rem);
}
.favorite {
&[data-v-8f973b02] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 4;
  /* SvgIcon 不吃 font-size，要 width/height 显式撑开 inline-flex 容器；尺寸与原 IonIcon 一致。 */
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.4);
  color: transparent;
  }
&.active[data-v-8f973b02] {
    color: #FF8E04;
}
}

ion-button[data-v-acb81097] {
  --padding-top: 0.1875rem;
  --padding-bottom: 0.1875rem;
  --background: transparent;
  --background-activated: transparent;
  --background-hover: transparent;
  --background-focused: transparent;
  --box-shadow: none;
  min-height: 0;
}
ion-button[data-v-acb81097]::part(native) {
  --padding-start: 0.125rem;
  --padding-end: 0.25rem;
  background: transparent;
}
ion-button ion-icon[data-v-acb81097] {
  color: var(--color-text-title-basic);
}
.new-skin-symbol {
ion-button ion-icon[data-v-acb81097] {
    color: var(--ep-color-icon-default);
    font-size: var(--ep-font-size-xl) !important;
    font-weight: var(--ep-font-weight-medium);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-img[data-v-49fc72de] {
  width: 0;
}
ion-img.good-img[data-v-49fc72de] {
  width: 100%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-13a3fc76] {
  /* 收藏点击动画 */
}
html .game-card[data-v-13a3fc76] {
  container-type: inline-size;
}
html .style1[data-v-13a3fc76],
html .style2[data-v-13a3fc76] {
  position: relative;
  border-radius: 12.5% 12.5% / 9.25% 9.25%;
  overflow: hidden;
  background: var(--color-bg-200);
  display: flex;
}
html .style1[data-v-13a3fc76]::before,
html .style2[data-v-13a3fc76]::before {
  content: "";
  display: block;
  position: relative;
  padding-bottom: 135%;
}
html .style1 .game-img[data-v-13a3fc76],
html .style2 .game-img[data-v-13a3fc76] {
  position: absolute;
  inset: 0;
  z-index: 1;
  object-fit: fill;
}
html .style1 .game-img[data-v-13a3fc76]::part(image),
html .style2 .game-img[data-v-13a3fc76]::part(image) {
  border: none;
}
html .style1 .game-img.good-img[data-v-13a3fc76],
html .style2 .game-img.good-img[data-v-13a3fc76] {
  width: 100%;
  height: 100%;
}
html .style1 .game-img.error-img[data-v-13a3fc76],
html .style2 .game-img.error-img[data-v-13a3fc76] {
  width: 45%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
}
html .style1 .game-status[data-v-13a3fc76],
html .style2 .game-status[data-v-13a3fc76] {
  position: absolute;
  inset: 0;
  z-index: 3;
  width: 0;
}
html .style1 .game-status.good-img[data-v-13a3fc76],
html .style2 .game-status.good-img[data-v-13a3fc76] {
  width: 100%;
}
html .style1 .platform-icon[data-v-13a3fc76],
html .style2 .platform-icon[data-v-13a3fc76] {
  position: absolute;
  left: 50%;
  z-index: 4;
  font-size: 1.375rem;
  transform: translateX(-50%);
}
html .style1 .favorite[data-v-13a3fc76],
html .style2 .favorite[data-v-13a3fc76] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 4;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.4);
  color: transparent;
}
html .style1 .favorite.active[data-v-13a3fc76],
html .style2 .favorite.active[data-v-13a3fc76] {
  color: #FF8E04;
}
html .style3[data-v-13a3fc76] {
  max-width: 100%;
  aspect-ratio: 1.4 / 1;
  position: relative;
  border-radius: 9.25% 9.25% / 12.5% 12.5%;
  overflow: hidden;
}
html .style3 .game-img[data-v-13a3fc76] {
  object-fit: fill;
}
html .style3 .game-img.good-img[data-v-13a3fc76] {
  width: 100%;
  height: 100%;
}
html .style3 .game-img.error-img[data-v-13a3fc76] {
  width: 45%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
}
html .style3 .platform-icon[data-v-13a3fc76] {
  position: absolute;
  left: 50%;
  z-index: 4;
  font-size: 1.375rem;
  transform: translateX(-50%);
}
html .style3 .favorite[data-v-13a3fc76] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 4;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.4);
  color: transparent;
}
html .style3 .favorite.active[data-v-13a3fc76] {
  color: #FF8E04;
}
html .style1 .platform-icon[data-v-13a3fc76] {
  top: 0.375rem;
}
html .style1 .game-img.good-img[data-v-13a3fc76]::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 10.41%, rgba(0, 0, 0, 0) 18.5%, rgba(0, 0, 0, 0) 100%);
}
html .style2 .platform-icon[data-v-13a3fc76] {
  bottom: 0.1875rem;
}
html .style2 .game-img.good-img[data-v-13a3fc76]::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1.875rem;
  height: 1.875rem;
  background: radial-gradient(50% 50% at 100% 0%, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 100%);
  filter: blur(0.625rem);
}
html .style3 .platform-icon[data-v-13a3fc76] {
  top: 0.375rem;
}
html .frame-red[data-v-13a3fc76] {
  border: 1px solid red;
}
html .frame-green[data-v-13a3fc76] {
  border: 2px solid green;
}
html .game-name[data-v-13a3fc76] {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.75rem;
  color: var(--color-text-100);
  padding-inline: 0.125rem;
}
html .animate-star[data-v-13a3fc76] {
  animation: scale-13a3fc76 500ms 1 ease-in-out;
}
@keyframes scale-13a3fc76 {
0% {
    transform: scale(1);
}
25% {
    transform: scale(1.15);
}
50% {
    transform: scale(1);
}
75% {
    transform: scale(1.05);
}
100% {
    transform: scale(1);
}
}
@container (max-width: 6.25rem) {
html .style1 .platform-icon[data-v-13a3fc76],
  html .style2 .platform-icon[data-v-13a3fc76],
  html .style3 .platform-icon[data-v-13a3fc76] {
    font-size: 0.75rem;
}
html .style1 .favorite[data-v-13a3fc76],
  html .style2 .favorite[data-v-13a3fc76],
  html .style3 .favorite[data-v-13a3fc76] {
    width: 0.875rem;
    height: 0.875rem;
}
}
.forest-green .aspect-ratio-box[data-v-13a3fc76] {
  background: #00694a;
}
.neo-blue .style1[data-v-13a3fc76],
.neo-blue .style2[data-v-13a3fc76],
.neo-blue .style3[data-v-13a3fc76] {
  border-radius: var(--ep-border-radius-surface-default, 0);
}
.theme-53 .style1[data-v-13a3fc76],
.theme-53 .style2[data-v-13a3fc76],
.theme-53 .style3[data-v-13a3fc76] {
  border-radius: 0;
}
.theme-27 .style1[data-v-13a3fc76],
.theme-32 .style1[data-v-13a3fc76],
.theme-38 .style1[data-v-13a3fc76],
.theme-27 .style2[data-v-13a3fc76],
.theme-32 .style2[data-v-13a3fc76],
.theme-38 .style2[data-v-13a3fc76],
.theme-27 .style3[data-v-13a3fc76],
.theme-32 .style3[data-v-13a3fc76],
.theme-38 .style3[data-v-13a3fc76] {
  border-radius: var(--ep-border-radius-l);
  background: linear-gradient(331deg, #FFF 2.58%, rgba(255, 255, 255, 0) 50.15%, #FFF 97.72%);
}
.theme-27 .style1 .game-img[data-v-13a3fc76],
.theme-32 .style1 .game-img[data-v-13a3fc76],
.theme-38 .style1 .game-img[data-v-13a3fc76],
.theme-27 .style2 .game-img[data-v-13a3fc76],
.theme-32 .style2 .game-img[data-v-13a3fc76],
.theme-38 .style2 .game-img[data-v-13a3fc76],
.theme-27 .style3 .game-img[data-v-13a3fc76],
.theme-32 .style3 .game-img[data-v-13a3fc76],
.theme-38 .style3 .game-img[data-v-13a3fc76] {
  padding: 0.125rem;
  border-radius: var(--ep-border-radius-m);
}
.theme-27 .style1 .game-img[data-v-13a3fc76]::part(image),
.theme-32 .style1 .game-img[data-v-13a3fc76]::part(image),
.theme-38 .style1 .game-img[data-v-13a3fc76]::part(image),
.theme-27 .style2 .game-img[data-v-13a3fc76]::part(image),
.theme-32 .style2 .game-img[data-v-13a3fc76]::part(image),
.theme-38 .style2 .game-img[data-v-13a3fc76]::part(image),
.theme-27 .style3 .game-img[data-v-13a3fc76]::part(image),
.theme-32 .style3 .game-img[data-v-13a3fc76]::part(image),
.theme-38 .style3 .game-img[data-v-13a3fc76]::part(image) {
  border-radius: var(--ep-border-radius-m);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default .search-container[data-v-adc4b2b9] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: #fff;
  --ep-color-background-fill-body-default: var(--ion-background-color);
}
.blue-default .search-container .ion-no-border[data-v-adc4b2b9] {
  background: var(--ep-color-background-fill-body-default);
}
.blue-default .search-container .ion-no-border ion-toolbar[data-v-adc4b2b9] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary);
  --border-color: #1a233e;
}
.blue-default .search-container .ion-no-border ion-toolbar[data-v-adc4b2b9]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.blue-default .search-container .ion-no-border ion-title[data-v-adc4b2b9] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: #fff;
}
.blue-default .search-container .ion-no-border .toolbar-search[data-v-adc4b2b9] {
  --background: transparent;
  margin-top: 0.375rem;
}
.blue-default .search-container .ion-no-border .toolbar-search #searchbar[data-v-adc4b2b9] {
  --color: #fff;
  --placeholder-color: #6d788e;
  caret-color: #116fcd;
  --background: #101629;
  --box-shadow: 0 0 0 0.0625rem #1a233e,
      0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14),
      0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2),
      0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.12);
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
}
.blue-default .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-adc4b2b9] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.blue-default .search-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-adc4b2b9] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #fff;
}
.blue-default .search-container ion-segment[data-v-adc4b2b9] {
  /* 设置导航标签布局方式 */
  display: flex;
  justify-content: left;
  padding: 0.375rem 0.625rem 0;
  border-bottom: 0.0625rem solid #1a233e;
}
.blue-default .search-container ion-segment ion-segment-button[data-v-adc4b2b9] {
  --indicator-height: 0.125rem;
  --padding-start: 0.375rem;
  --padding-end: 0.375rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --color: #6d788e;
  --color-checked: #fff;
  --indicator-color: #38a8fa;
  text-transform: capitalize;
  min-width: 0;
}
.blue-default .search-container ion-segment ion-segment-button[data-v-adc4b2b9]::part(indicator) {
  /* 设置指示器宽度 */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.blue-default .search-container ion-segment ion-segment-button .tab[data-v-adc4b2b9] {
  /* 取消导航标签的标签与指示器之间的边距 */
  text-transform: none;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  --padding-top: 0;
  --padding-bottom: 0.3125rem;
  --padding-start: 0;
  --padding-end: 0;
  min-width: 0;
  height: 2.625rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #6d788e;
}
.blue-default .search-container ion-segment ion-segment-button .tab .text[data-v-adc4b2b9] {
  align-self: end;
}
.blue-default .search-container ion-segment ion-segment-button .tab .tab-img[data-v-adc4b2b9] {
  width: 1.25rem;
}
.blue-default .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-adc4b2b9] {
  font-size: 1rem;
  margin-right: 0.3rem;
}
.blue-default .search-container ion-segment .segment-button-checked[data-v-adc4b2b9] {
  font-weight: 700;
}
.blue-default .search-container ion-segment .segment-button-checked.md[data-v-adc4b2b9]::part(indicator) {
  width: unset;
  font-size: 0.875rem;
}
.blue-default .search-container ion-segment .segment-button-checked .tab[data-v-adc4b2b9] {
  font-weight: 700;
  color: #fff;
}
.blue-default .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-adc4b2b9] {
  color: #38a8fa;
}
.blue-default .search-container .game-box[data-v-adc4b2b9] {
  --ion-grid-padding: 0.25rem;
}
.blue-default .search-container .game-box ion-col[data-v-adc4b2b9] {
  --ion-grid-column-padding: 0.25rem;
}
.blue-default .search-container .game-box .empty[data-v-adc4b2b9] {
  width: calc(100% - 2rem);
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.blue-default .search-container .game-box .empty .empty-bg-game[data-v-adc4b2b9] {
  width: 10rem;
  height: 10rem;
  color: #fff;
}
.blue-default .search-container .game-box .empty .tip[data-v-adc4b2b9] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: #6d788e;
}
.blue-default .search-container[data-v-adc4b2b9] {
  --ep-color-background-fill-top-nav-secondary: #101629;
}
.blue-default ion-segment ion-segment-button[data-v-adc4b2b9] {
  margin-bottom: -0.0625rem;
}
.blue-default ion-segment ion-segment-button .tab[data-v-adc4b2b9] {
  font-weight: 400;
}
.green-default .search-container[data-v-adc4b2b9] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: #afc69f;
  --ep-color-background-fill-body-default: var(--ion-background-color);
}
.green-default .search-container .ion-no-border[data-v-adc4b2b9] {
  background: var(--ep-color-background-fill-body-default);
}
.green-default .search-container .ion-no-border ion-toolbar[data-v-adc4b2b9] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary);
  --border-color: #34571d;
}
.green-default .search-container .ion-no-border ion-toolbar[data-v-adc4b2b9]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.green-default .search-container .ion-no-border ion-title[data-v-adc4b2b9] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: #afc69f;
}
.green-default .search-container .ion-no-border .toolbar-search[data-v-adc4b2b9] {
  --background: transparent;
  margin-top: 0.375rem;
}
.green-default .search-container .ion-no-border .toolbar-search #searchbar[data-v-adc4b2b9] {
  --color: #afc69f;
  --placeholder-color: #7e9071;
  caret-color: #3e9b2f;
  --background: #183009;
  --box-shadow: 0 0 0 0.0625rem #34571d,
      0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14),
      0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2),
      0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.12);
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
}
.green-default .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-adc4b2b9] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.green-default .search-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-adc4b2b9] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #afc69f;
}
.green-default .search-container ion-segment[data-v-adc4b2b9] {
  /* 设置导航标签布局方式 */
  display: flex;
  justify-content: left;
  padding: 0.375rem 0.625rem 0;
  border-bottom: 0.0625rem solid #34571d;
}
.green-default .search-container ion-segment ion-segment-button[data-v-adc4b2b9] {
  --indicator-height: 0.125rem;
  --padding-start: 0.375rem;
  --padding-end: 0.375rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --color: #7e9071;
  --color-checked: #afc69f;
  --indicator-color: #3e9b2f;
  text-transform: capitalize;
  min-width: 0;
}
.green-default .search-container ion-segment ion-segment-button[data-v-adc4b2b9]::part(indicator) {
  /* 设置指示器宽度 */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.green-default .search-container ion-segment ion-segment-button .tab[data-v-adc4b2b9] {
  /* 取消导航标签的标签与指示器之间的边距 */
  text-transform: none;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  --padding-top: 0;
  --padding-bottom: 0.3125rem;
  --padding-start: 0;
  --padding-end: 0;
  min-width: 0;
  height: 2.625rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #7e9071;
}
.green-default .search-container ion-segment ion-segment-button .tab .text[data-v-adc4b2b9] {
  align-self: end;
}
.green-default .search-container ion-segment ion-segment-button .tab .tab-img[data-v-adc4b2b9] {
  width: 1.25rem;
}
.green-default .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-adc4b2b9] {
  font-size: 1rem;
  margin-right: 0.3rem;
}
.green-default .search-container ion-segment .segment-button-checked[data-v-adc4b2b9] {
  font-weight: 700;
}
.green-default .search-container ion-segment .segment-button-checked.md[data-v-adc4b2b9]::part(indicator) {
  width: unset;
  font-size: 0.875rem;
}
.green-default .search-container ion-segment .segment-button-checked .tab[data-v-adc4b2b9] {
  font-weight: 700;
  color: #afc69f;
}
.green-default .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-adc4b2b9] {
  color: #feb805;
}
.green-default .search-container .game-box[data-v-adc4b2b9] {
  --ion-grid-padding: 0.25rem;
}
.green-default .search-container .game-box ion-col[data-v-adc4b2b9] {
  --ion-grid-column-padding: 0.25rem;
}
.green-default .search-container .game-box .empty[data-v-adc4b2b9] {
  width: calc(100% - 2rem);
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.green-default .search-container .game-box .empty .empty-bg-game[data-v-adc4b2b9] {
  width: 10rem;
  height: 10rem;
  color: #afc69f;
}
.green-default .search-container .game-box .empty .tip[data-v-adc4b2b9] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: #7e9071;
}
.green-default .search-container[data-v-adc4b2b9] {
  --ep-color-background-fill-top-nav-secondary: #2b4f14;
}
.green-default ion-segment ion-segment-button[data-v-adc4b2b9] {
  margin-bottom: -0.0625rem;
}
.green-default ion-segment ion-segment-button .tab[data-v-adc4b2b9] {
  font-weight: 400;
}
.forest-green .search-container[data-v-adc4b2b9] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: var(--text-color1);
  --ep-color-background-fill-body-default: var(--ion-background-color);
}
.forest-green .search-container .ion-no-border[data-v-adc4b2b9] {
  background: var(--ep-color-background-fill-body-default);
}
.forest-green .search-container .ion-no-border ion-toolbar[data-v-adc4b2b9] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary);
  --border-color: var(--line-color);
}
.forest-green .search-container .ion-no-border ion-toolbar[data-v-adc4b2b9]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.forest-green .search-container .ion-no-border ion-title[data-v-adc4b2b9] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--text-color1);
}
.forest-green .search-container .ion-no-border .toolbar-search[data-v-adc4b2b9] {
  --background: transparent;
  margin-top: 0.375rem;
}
.forest-green .search-container .ion-no-border .toolbar-search #searchbar[data-v-adc4b2b9] {
  --color: var(--text-color1);
  --placeholder-color: var(--text-color2);
  caret-color: var(--theme-color-800);
  --background: var(--color-bg-300);
  --box-shadow: 0 0 0 0.0625rem var(--line-color),
      0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14),
      0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2),
      0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.12);
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
}
.forest-green .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-adc4b2b9] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.forest-green .search-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-adc4b2b9] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: var(--text-color1);
}
.forest-green .search-container ion-segment[data-v-adc4b2b9] {
  /* 设置导航标签布局方式 */
  display: flex;
  justify-content: left;
  padding: 0.375rem 0.625rem 0;
  border-bottom: 0.0625rem solid var(--line-color);
}
.forest-green .search-container ion-segment ion-segment-button[data-v-adc4b2b9] {
  --indicator-height: 0.125rem;
  --padding-start: 0.375rem;
  --padding-end: 0.375rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --color: var(--text-color2);
  --color-checked: var(--text-color1);
  --indicator-color: var(--theme-color-800);
  text-transform: capitalize;
  min-width: 0;
}
.forest-green .search-container ion-segment ion-segment-button[data-v-adc4b2b9]::part(indicator) {
  /* 设置指示器宽度 */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.forest-green .search-container ion-segment ion-segment-button .tab[data-v-adc4b2b9] {
  /* 取消导航标签的标签与指示器之间的边距 */
  text-transform: none;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  --padding-top: 0;
  --padding-bottom: 0.3125rem;
  --padding-start: 0;
  --padding-end: 0;
  min-width: 0;
  height: 2.625rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: var(--text-color2);
}
.forest-green .search-container ion-segment ion-segment-button .tab .text[data-v-adc4b2b9] {
  align-self: end;
}
.forest-green .search-container ion-segment ion-segment-button .tab .tab-img[data-v-adc4b2b9] {
  width: 1.25rem;
}
.forest-green .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-adc4b2b9] {
  font-size: 1rem;
  margin-right: 0.3rem;
}
.forest-green .search-container ion-segment .segment-button-checked[data-v-adc4b2b9] {
  font-weight: 700;
}
.forest-green .search-container ion-segment .segment-button-checked.md[data-v-adc4b2b9]::part(indicator) {
  width: unset;
  font-size: 0.875rem;
}
.forest-green .search-container ion-segment .segment-button-checked .tab[data-v-adc4b2b9] {
  font-weight: 700;
  color: var(--text-color1);
}
.forest-green .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-adc4b2b9] {
  color: #feb805;
}
.forest-green .search-container .game-box[data-v-adc4b2b9] {
  --ion-grid-padding: 0.25rem;
}
.forest-green .search-container .game-box ion-col[data-v-adc4b2b9] {
  --ion-grid-column-padding: 0.25rem;
}
.forest-green .search-container .game-box .empty[data-v-adc4b2b9] {
  width: calc(100% - 2rem);
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.forest-green .search-container .game-box .empty .empty-bg-game[data-v-adc4b2b9] {
  width: 10rem;
  height: 10rem;
  color: var(--text-color1);
}
.forest-green .search-container .game-box .empty .tip[data-v-adc4b2b9] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: var(--text-color2);
}
.forest-green .search-container[data-v-adc4b2b9] {
  --ep-color-background-fill-top-nav-secondary: #00563A;
}
.forest-green ion-segment ion-segment-button[data-v-adc4b2b9] {
  margin-bottom: -0.0625rem;
}
.forest-green ion-segment ion-segment-button .tab[data-v-adc4b2b9] {
  font-weight: 400;
}
.amber-purple .search-container[data-v-adc4b2b9] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: #bdb8e1;
  --ep-color-background-fill-body-default: var(--ion-background-color);
}
.amber-purple .search-container .ion-no-border[data-v-adc4b2b9] {
  background: var(--ep-color-background-fill-body-default);
}
.amber-purple .search-container .ion-no-border ion-toolbar[data-v-adc4b2b9] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary);
  --border-color: #5f588c;
}
.amber-purple .search-container .ion-no-border ion-toolbar[data-v-adc4b2b9]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.amber-purple .search-container .ion-no-border ion-title[data-v-adc4b2b9] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: #bdb8e1;
}
.amber-purple .search-container .ion-no-border .toolbar-search[data-v-adc4b2b9] {
  --background: transparent;
  margin-top: 0.375rem;
}
.amber-purple .search-container .ion-no-border .toolbar-search #searchbar[data-v-adc4b2b9] {
  --color: #bdb8e1;
  --placeholder-color: #686299;
  caret-color: #7041f3;
  --background: #252141;
  --box-shadow: 0 0 0 0.0625rem #5f588c,
      0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14),
      0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2),
      0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.12);
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
}
.amber-purple .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-adc4b2b9] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.amber-purple .search-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-adc4b2b9] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #bdb8e1;
}
.amber-purple .search-container ion-segment[data-v-adc4b2b9] {
  /* 设置导航标签布局方式 */
  display: flex;
  justify-content: left;
  padding: 0.375rem 0.625rem 0;
  border-bottom: 0.0625rem solid #5f588c;
}
.amber-purple .search-container ion-segment ion-segment-button[data-v-adc4b2b9] {
  --indicator-height: 0.125rem;
  --padding-start: 0.375rem;
  --padding-end: 0.375rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --color: #686299;
  --color-checked: #bdb8e1;
  --indicator-color: linear-gradient(90deg, #EABD5B 2.63%, #7546EE 100%);
  text-transform: capitalize;
  min-width: 0;
}
.amber-purple .search-container ion-segment ion-segment-button[data-v-adc4b2b9]::part(indicator) {
  /* 设置指示器宽度 */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.amber-purple .search-container ion-segment ion-segment-button .tab[data-v-adc4b2b9] {
  /* 取消导航标签的标签与指示器之间的边距 */
  text-transform: none;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  --padding-top: 0;
  --padding-bottom: 0.3125rem;
  --padding-start: 0;
  --padding-end: 0;
  min-width: 0;
  height: 2.625rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #686299;
}
.amber-purple .search-container ion-segment ion-segment-button .tab .text[data-v-adc4b2b9] {
  align-self: end;
}
.amber-purple .search-container ion-segment ion-segment-button .tab .tab-img[data-v-adc4b2b9] {
  width: 1.25rem;
}
.amber-purple .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-adc4b2b9] {
  font-size: 1rem;
  margin-right: 0.3rem;
}
.amber-purple .search-container ion-segment .segment-button-checked[data-v-adc4b2b9] {
  font-weight: 700;
}
.amber-purple .search-container ion-segment .segment-button-checked.md[data-v-adc4b2b9]::part(indicator) {
  width: unset;
  font-size: 0.875rem;
}
.amber-purple .search-container ion-segment .segment-button-checked .tab[data-v-adc4b2b9] {
  font-weight: 700;
  color: #bdb8e1;
}
.amber-purple .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-adc4b2b9] {
  color: #7041f3;
}
.amber-purple .search-container .game-box[data-v-adc4b2b9] {
  --ion-grid-padding: 0.25rem;
}
.amber-purple .search-container .game-box ion-col[data-v-adc4b2b9] {
  --ion-grid-column-padding: 0.25rem;
}
.amber-purple .search-container .game-box .empty[data-v-adc4b2b9] {
  width: calc(100% - 2rem);
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.amber-purple .search-container .game-box .empty .empty-bg-game[data-v-adc4b2b9] {
  width: 10rem;
  height: 10rem;
  color: #bdb8e1;
}
.amber-purple .search-container .game-box .empty .tip[data-v-adc4b2b9] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: #686299;
}
.amber-purple .search-container[data-v-adc4b2b9] {
  --ep-color-background-fill-top-nav-secondary: #2C294D;
}
.amber-purple .search-container .container[data-v-adc4b2b9]::part(background) {
  background: transparent;
}
.amber-purple .search-container .container ion-segment[data-v-adc4b2b9] {
  border-bottom: none;
}
.amber-purple .search-container .container ion-segment ion-segment-button[data-v-adc4b2b9] {
  margin-bottom: -0.0625rem;
}
.amber-purple .search-container .container ion-segment ion-segment-button .tab[data-v-adc4b2b9] {
  font-weight: 400;
}
.green-dark .search-container[data-v-adc4b2b9] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: #fff;
  --ep-color-background-fill-body-default: var(--ion-background-color);
}
.green-dark .search-container .ion-no-border[data-v-adc4b2b9] {
  background: var(--ep-color-background-fill-body-default);
}
.green-dark .search-container .ion-no-border ion-toolbar[data-v-adc4b2b9] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary);
  --border-color: #3b424e;
}
.green-dark .search-container .ion-no-border ion-toolbar[data-v-adc4b2b9]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.green-dark .search-container .ion-no-border ion-title[data-v-adc4b2b9] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: #fff;
}
.green-dark .search-container .ion-no-border .toolbar-search[data-v-adc4b2b9] {
  --background: transparent;
  margin-top: 0.375rem;
}
.green-dark .search-container .ion-no-border .toolbar-search #searchbar[data-v-adc4b2b9] {
  --color: #fff;
  --placeholder-color: #fff6;
  caret-color: #3e9b2f;
  --background: #16191d;
  --box-shadow: 0 0 0 0.0625rem #3b424e,
      0 0.125rem 0.125rem 0 rgba(0, 0, 0, .14),
      0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, .2),
      0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, .12);
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
}
.green-dark .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-adc4b2b9] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.green-dark .search-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-adc4b2b9] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #fff;
}
.green-dark .search-container ion-segment[data-v-adc4b2b9] {
  /* 设置导航标签布局方式 */
  display: flex;
  justify-content: left;
  padding: 0.375rem 0.625rem 0;
  border-bottom: 0.0625rem solid #3b424e;
}
.green-dark .search-container ion-segment ion-segment-button[data-v-adc4b2b9] {
  --indicator-height: 0.125rem;
  --padding-start: 0.375rem;
  --padding-end: 0.375rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --color: #fff6;
  --color-checked: #fff;
  --indicator-color: #3e9b2f;
  text-transform: capitalize;
  min-width: 0;
}
.green-dark .search-container ion-segment ion-segment-button[data-v-adc4b2b9]::part(indicator) {
  /* 设置指示器宽度 */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.green-dark .search-container ion-segment ion-segment-button .tab[data-v-adc4b2b9] {
  /* 取消导航标签的标签与指示器之间的边距 */
  text-transform: none;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  --padding-top: 0;
  --padding-bottom: 0.3125rem;
  --padding-start: 0;
  --padding-end: 0;
  min-width: 0;
  height: 2.625rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #fff6;
}
.green-dark .search-container ion-segment ion-segment-button .tab .text[data-v-adc4b2b9] {
  align-self: end;
}
.green-dark .search-container ion-segment ion-segment-button .tab .tab-img[data-v-adc4b2b9] {
  width: 1.25rem;
}
.green-dark .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-adc4b2b9] {
  font-size: 1rem;
  margin-right: 0.3rem;
}
.green-dark .search-container ion-segment .segment-button-checked[data-v-adc4b2b9] {
  font-weight: 700;
}
.green-dark .search-container ion-segment .segment-button-checked.md[data-v-adc4b2b9]::part(indicator) {
  width: unset;
  font-size: 0.875rem;
}
.green-dark .search-container ion-segment .segment-button-checked .tab[data-v-adc4b2b9] {
  font-weight: 700;
  color: #fff;
}
.green-dark .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-adc4b2b9] {
  color: #3e9b2f;
}
.green-dark .search-container .game-box[data-v-adc4b2b9] {
  --ion-grid-padding: 0.25rem;
}
.green-dark .search-container .game-box ion-col[data-v-adc4b2b9] {
  --ion-grid-column-padding: 0.25rem;
}
.green-dark .search-container .game-box .empty[data-v-adc4b2b9] {
  width: calc(100% - 2rem);
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.green-dark .search-container .game-box .empty .empty-bg-game[data-v-adc4b2b9] {
  width: 10rem;
  height: 10rem;
  color: #fff;
}
.green-dark .search-container .game-box .empty .tip[data-v-adc4b2b9] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: #fff6;
}
.green-dark .search-container[data-v-adc4b2b9] {
  --ep-color-background-fill-top-nav-secondary: #22262E;
}
.green-dark ion-segment ion-segment-button[data-v-adc4b2b9] {
  margin-bottom: -0.0625rem;
}
.green-dark ion-segment ion-segment-button .tab[data-v-adc4b2b9] {
  font-weight: 400;
}
.yellow-dark .search-container[data-v-adc4b2b9] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: #fff;
  --ep-color-background-fill-body-default: var(--ion-background-color);
}
.yellow-dark .search-container .ion-no-border[data-v-adc4b2b9] {
  background: var(--ep-color-background-fill-body-default);
}
.yellow-dark .search-container .ion-no-border ion-toolbar[data-v-adc4b2b9] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary);
  --border-color: #2e2d2c;
}
.yellow-dark .search-container .ion-no-border ion-toolbar[data-v-adc4b2b9]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.yellow-dark .search-container .ion-no-border ion-title[data-v-adc4b2b9] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: #fff;
}
.yellow-dark .search-container .ion-no-border .toolbar-search[data-v-adc4b2b9] {
  --background: transparent;
  margin-top: 0.375rem;
}
.yellow-dark .search-container .ion-no-border .toolbar-search #searchbar[data-v-adc4b2b9] {
  --color: #fff;
  --placeholder-color: #fff6;
  caret-color: #feb805;
  --background: #181816;
  --box-shadow: 0 0 0 0.0625rem #2e2d2c,
      0 0.125rem 0.125rem 0 rgba(0, 0, 0, .14),
      0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, .2),
      0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, .12);
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
}
.yellow-dark .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-adc4b2b9] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.yellow-dark .search-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-adc4b2b9] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #fff;
}
.yellow-dark .search-container ion-segment[data-v-adc4b2b9] {
  /* 设置导航标签布局方式 */
  display: flex;
  justify-content: left;
  padding: 0.375rem 0.625rem 0;
  border-bottom: 0.0625rem solid #2e2d2c;
}
.yellow-dark .search-container ion-segment ion-segment-button[data-v-adc4b2b9] {
  --indicator-height: 0.125rem;
  --padding-start: 0.375rem;
  --padding-end: 0.375rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --color: #fff6;
  --color-checked: #fff;
  --indicator-color: #feb805;
  text-transform: capitalize;
  min-width: 0;
}
.yellow-dark .search-container ion-segment ion-segment-button[data-v-adc4b2b9]::part(indicator) {
  /* 设置指示器宽度 */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.yellow-dark .search-container ion-segment ion-segment-button .tab[data-v-adc4b2b9] {
  /* 取消导航标签的标签与指示器之间的边距 */
  text-transform: none;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  --padding-top: 0;
  --padding-bottom: 0.3125rem;
  --padding-start: 0;
  --padding-end: 0;
  min-width: 0;
  height: 2.625rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #fff6;
}
.yellow-dark .search-container ion-segment ion-segment-button .tab .text[data-v-adc4b2b9] {
  align-self: end;
}
.yellow-dark .search-container ion-segment ion-segment-button .tab .tab-img[data-v-adc4b2b9] {
  width: 1.25rem;
}
.yellow-dark .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-adc4b2b9] {
  font-size: 1rem;
  margin-right: 0.3rem;
}
.yellow-dark .search-container ion-segment .segment-button-checked[data-v-adc4b2b9] {
  font-weight: 700;
}
.yellow-dark .search-container ion-segment .segment-button-checked.md[data-v-adc4b2b9]::part(indicator) {
  width: unset;
  font-size: 0.875rem;
}
.yellow-dark .search-container ion-segment .segment-button-checked .tab[data-v-adc4b2b9] {
  font-weight: 700;
  color: #fff;
}
.yellow-dark .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-adc4b2b9] {
  color: #feb805;
}
.yellow-dark .search-container .game-box[data-v-adc4b2b9] {
  --ion-grid-padding: 0.25rem;
}
.yellow-dark .search-container .game-box ion-col[data-v-adc4b2b9] {
  --ion-grid-column-padding: 0.25rem;
}
.yellow-dark .search-container .game-box .empty[data-v-adc4b2b9] {
  width: calc(100% - 2rem);
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.yellow-dark .search-container .game-box .empty .empty-bg-game[data-v-adc4b2b9] {
  width: 10rem;
  height: 10rem;
  color: #fff;
}
.yellow-dark .search-container .game-box .empty .tip[data-v-adc4b2b9] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: #fff6;
}
.yellow-dark .search-container[data-v-adc4b2b9] {
  --ep-color-background-fill-top-nav-secondary: #262624;
}
.yellow-dark ion-segment ion-segment-button[data-v-adc4b2b9] {
  margin-bottom: -0.0625rem;
}
.yellow-dark ion-segment ion-segment-button .tab[data-v-adc4b2b9] {
  font-weight: 400;
}
.purple-light .search-container[data-v-adc4b2b9] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: #fff;
  --ep-color-background-fill-body-default: var(--ion-background-color);
}
.purple-light .search-container .ion-no-border[data-v-adc4b2b9] {
  background: var(--ep-color-background-fill-body-default);
}
.purple-light .search-container .ion-no-border ion-toolbar[data-v-adc4b2b9] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary);
  --border-color: #dbc9ff;
}
.purple-light .search-container .ion-no-border ion-toolbar[data-v-adc4b2b9]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.purple-light .search-container .ion-no-border ion-title[data-v-adc4b2b9] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: #fff;
}
.purple-light .search-container .ion-no-border .toolbar-search[data-v-adc4b2b9] {
  --background: transparent;
  margin-top: 0.375rem;
}
.purple-light .search-container .ion-no-border .toolbar-search #searchbar[data-v-adc4b2b9] {
  --color: #403d4f;
  --placeholder-color: #403d4f80;
  caret-color: #6526db;
  --background: #e0d0ff;
  --box-shadow: none;
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
}
.purple-light .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-adc4b2b9] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.purple-light .search-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-adc4b2b9] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #403d4f;
}
.purple-light .search-container ion-segment[data-v-adc4b2b9] {
  /* 设置导航标签布局方式 */
  display: flex;
  justify-content: left;
  padding: 0.375rem 0.625rem 0;
  border-bottom: 0.0625rem solid #dbc9ff;
}
.purple-light .search-container ion-segment ion-segment-button[data-v-adc4b2b9] {
  --indicator-height: 0.125rem;
  --padding-start: 0.375rem;
  --padding-end: 0.375rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --color: #403d4f80;
  --color-checked: #403d4f;
  --indicator-color: #6526db;
  text-transform: capitalize;
  min-width: 0;
}
.purple-light .search-container ion-segment ion-segment-button[data-v-adc4b2b9]::part(indicator) {
  /* 设置指示器宽度 */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.purple-light .search-container ion-segment ion-segment-button .tab[data-v-adc4b2b9] {
  /* 取消导航标签的标签与指示器之间的边距 */
  text-transform: none;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  --padding-top: 0;
  --padding-bottom: 0.3125rem;
  --padding-start: 0;
  --padding-end: 0;
  min-width: 0;
  height: 2.625rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #403d4f80;
}
.purple-light .search-container ion-segment ion-segment-button .tab .text[data-v-adc4b2b9] {
  align-self: end;
}
.purple-light .search-container ion-segment ion-segment-button .tab .tab-img[data-v-adc4b2b9] {
  width: 1.25rem;
}
.purple-light .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-adc4b2b9] {
  font-size: 1rem;
  margin-right: 0.3rem;
}
.purple-light .search-container ion-segment .segment-button-checked[data-v-adc4b2b9] {
  font-weight: 700;
}
.purple-light .search-container ion-segment .segment-button-checked.md[data-v-adc4b2b9]::part(indicator) {
  width: unset;
  font-size: 0.875rem;
}
.purple-light .search-container ion-segment .segment-button-checked .tab[data-v-adc4b2b9] {
  font-weight: 700;
  color: #403d4f;
}
.purple-light .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-adc4b2b9] {
  color: #6526db;
}
.purple-light .search-container .game-box[data-v-adc4b2b9] {
  --ion-grid-padding: 0.25rem;
}
.purple-light .search-container .game-box ion-col[data-v-adc4b2b9] {
  --ion-grid-column-padding: 0.25rem;
}
.purple-light .search-container .game-box .empty[data-v-adc4b2b9] {
  width: calc(100% - 2rem);
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.purple-light .search-container .game-box .empty .empty-bg-game[data-v-adc4b2b9] {
  width: 10rem;
  height: 10rem;
  color: #403d4f;
}
.purple-light .search-container .game-box .empty .tip[data-v-adc4b2b9] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: #403d4f80;
}
.purple-light .search-container[data-v-adc4b2b9] {
  --ep-color-background-fill-top-nav-secondary: #6526db;
}
.purple-light ion-segment ion-segment-button[data-v-adc4b2b9] {
  margin-bottom: -0.0625rem;
}
.purple-light ion-segment ion-segment-button .tab[data-v-adc4b2b9] {
  font-weight: 400;
}
.auroral-yellow .search-container[data-v-adc4b2b9] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: #fff;
  --ep-color-background-fill-body-default: var(--ion-background-color);
}
.auroral-yellow .search-container .ion-no-border[data-v-adc4b2b9] {
  background: var(--ep-color-background-fill-body-default);
}
.auroral-yellow .search-container .ion-no-border ion-toolbar[data-v-adc4b2b9] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary);
  --border-color: var(--line-color);
}
.auroral-yellow .search-container .ion-no-border ion-toolbar[data-v-adc4b2b9]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.auroral-yellow .search-container .ion-no-border ion-title[data-v-adc4b2b9] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: #fff;
}
.auroral-yellow .search-container .ion-no-border .toolbar-search[data-v-adc4b2b9] {
  --background: transparent;
  margin-top: 0.375rem;
}
.auroral-yellow .search-container .ion-no-border .toolbar-search #searchbar[data-v-adc4b2b9] {
  --color: #fff;
  --placeholder-color: var(--text-color2);
  caret-color: var(--theme-color-800);
  --background: var(--color-bg-400);
  --box-shadow: 0 0 0 0.0625rem var(--line-color),
      0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14),
      0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2),
      0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.12);
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
}
.auroral-yellow .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-adc4b2b9] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.auroral-yellow .search-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-adc4b2b9] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #fff;
}
.auroral-yellow .search-container ion-segment[data-v-adc4b2b9] {
  /* 设置导航标签布局方式 */
  display: flex;
  justify-content: left;
  padding: 0.375rem 0.625rem 0;
  border-bottom: 0.0625rem solid var(--line-color);
}
.auroral-yellow .search-container ion-segment ion-segment-button[data-v-adc4b2b9] {
  --indicator-height: 0.125rem;
  --padding-start: 0.375rem;
  --padding-end: 0.375rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --color: var(--text-color2);
  --color-checked: #fff;
  --indicator-color: var(--theme-color-800);
  text-transform: capitalize;
  min-width: 0;
}
.auroral-yellow .search-container ion-segment ion-segment-button[data-v-adc4b2b9]::part(indicator) {
  /* 设置指示器宽度 */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.auroral-yellow .search-container ion-segment ion-segment-button .tab[data-v-adc4b2b9] {
  /* 取消导航标签的标签与指示器之间的边距 */
  text-transform: none;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  --padding-top: 0;
  --padding-bottom: 0.3125rem;
  --padding-start: 0;
  --padding-end: 0;
  min-width: 0;
  height: 2.625rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: var(--text-color2);
}
.auroral-yellow .search-container ion-segment ion-segment-button .tab .text[data-v-adc4b2b9] {
  align-self: end;
}
.auroral-yellow .search-container ion-segment ion-segment-button .tab .tab-img[data-v-adc4b2b9] {
  width: 1.25rem;
}
.auroral-yellow .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-adc4b2b9] {
  font-size: 1rem;
  margin-right: 0.3rem;
}
.auroral-yellow .search-container ion-segment .segment-button-checked[data-v-adc4b2b9] {
  font-weight: 700;
}
.auroral-yellow .search-container ion-segment .segment-button-checked.md[data-v-adc4b2b9]::part(indicator) {
  width: unset;
  font-size: 0.875rem;
}
.auroral-yellow .search-container ion-segment .segment-button-checked .tab[data-v-adc4b2b9] {
  font-weight: 700;
  color: #fff;
}
.auroral-yellow .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-adc4b2b9] {
  color: #7041f3;
}
.auroral-yellow .search-container .game-box[data-v-adc4b2b9] {
  --ion-grid-padding: 0.25rem;
}
.auroral-yellow .search-container .game-box ion-col[data-v-adc4b2b9] {
  --ion-grid-column-padding: 0.25rem;
}
.auroral-yellow .search-container .game-box .empty[data-v-adc4b2b9] {
  width: calc(100% - 2rem);
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.auroral-yellow .search-container .game-box .empty .empty-bg-game[data-v-adc4b2b9] {
  width: 10rem;
  height: 10rem;
  color: #fff;
}
.auroral-yellow .search-container .game-box .empty .tip[data-v-adc4b2b9] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: var(--text-color2);
}
.auroral-yellow .search-container[data-v-adc4b2b9] {
  --ep-color-background-fill-top-nav-secondary: #24221F;
}
.new-skin-symbol .search-container[data-v-adc4b2b9] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: var(--ep-color-text-default);
  --ep-color-background-fill-body-default: var(--ion-background-color);
}
.new-skin-symbol .search-container .ion-no-border[data-v-adc4b2b9] {
  background: var(--ep-color-background-fill-body-default);
}
.new-skin-symbol .search-container .ion-no-border ion-toolbar[data-v-adc4b2b9] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary);
  --border-color: var(--ep-color-border-default);
}
.new-skin-symbol .search-container .ion-no-border ion-toolbar[data-v-adc4b2b9]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.new-skin-symbol .search-container .ion-no-border ion-title[data-v-adc4b2b9] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
.new-skin-symbol .search-container .ion-no-border .toolbar-search[data-v-adc4b2b9] {
  --background: transparent;
  margin-top: 0.375rem;
}
.new-skin-symbol .search-container .ion-no-border .toolbar-search #searchbar[data-v-adc4b2b9] {
  --color: var(--ep-color-text-default);
  --placeholder-color: var(--ep-color-text-weaker);
  caret-color: var(--ep-color-border-brand);
  --background: var(--ep-color-background-fill-surface-lowered);
  --box-shadow: 
      0 0 0 1px  var(--ep-color-border-default),
      0 2px 2px 0 rgba(0, 0, 0, .14),
      0 3px 1px -2px rgba(0, 0, 0, .2),
      0 1px 5px 0 rgba(0, 0, 0, .12)
    ;
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
}
.new-skin-symbol .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-adc4b2b9] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.new-skin-symbol .search-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-adc4b2b9] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: var(--ep-color-icon-weaker);
}
.new-skin-symbol .search-container ion-segment[data-v-adc4b2b9] {
  /* 设置导航标签布局方式 */
  display: flex;
  justify-content: left;
  padding: 0.375rem 0.625rem 0;
  border-bottom: 0.0625rem solid var(--ep-color-border-default);
}
.new-skin-symbol .search-container ion-segment ion-segment-button[data-v-adc4b2b9] {
  --indicator-height: 0.125rem;
  --padding-start: 0.375rem;
  --padding-end: 0.375rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --color: var(--ep-color-text-weaker);
  --color-checked: var(--ep-color-text-selected);
  --indicator-color: var(--ep-color-border-selected);
  text-transform: capitalize;
  min-width: 0;
}
.new-skin-symbol .search-container ion-segment ion-segment-button[data-v-adc4b2b9]::part(indicator) {
  /* 设置指示器宽度 */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.new-skin-symbol .search-container ion-segment ion-segment-button .tab[data-v-adc4b2b9] {
  /* 取消导航标签的标签与指示器之间的边距 */
  text-transform: none;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  --padding-top: 0;
  --padding-bottom: 0.3125rem;
  --padding-start: 0;
  --padding-end: 0;
  min-width: 0;
  height: 2.625rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: var(--ep-color-text-weaker);
}
.new-skin-symbol .search-container ion-segment ion-segment-button .tab .text[data-v-adc4b2b9] {
  align-self: end;
}
.new-skin-symbol .search-container ion-segment ion-segment-button .tab .tab-img[data-v-adc4b2b9] {
  width: 1.25rem;
}
.new-skin-symbol .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-adc4b2b9] {
  font-size: 1rem;
  margin-right: 0.3rem;
}
.new-skin-symbol .search-container ion-segment .segment-button-checked[data-v-adc4b2b9] {
  font-weight: 700;
}
.new-skin-symbol .search-container ion-segment .segment-button-checked.md[data-v-adc4b2b9]::part(indicator) {
  width: unset;
  font-size: 0.875rem;
}
.new-skin-symbol .search-container ion-segment .segment-button-checked .tab[data-v-adc4b2b9] {
  font-weight: 700;
  color: var(--ep-color-text-selected);
}
.new-skin-symbol .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-adc4b2b9] {
  color: var(--ep-color-icon-selected);
}
.new-skin-symbol .search-container .game-box[data-v-adc4b2b9] {
  --ion-grid-padding: 0.25rem;
}
.new-skin-symbol .search-container .game-box ion-col[data-v-adc4b2b9] {
  --ion-grid-column-padding: 0.25rem;
}
.new-skin-symbol .search-container .game-box .empty[data-v-adc4b2b9] {
  width: calc(100% - 2rem);
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.new-skin-symbol .search-container .game-box .empty .empty-bg-game[data-v-adc4b2b9] {
  width: 10rem;
  height: 10rem;
  color: var(--ep-color-icon-weaker);
}
.new-skin-symbol .search-container .game-box .empty .tip[data-v-adc4b2b9] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: var(--ep-color-text-weaker);
}
.sports-card[data-v-adc4b2b9] {
  width: 22.875rem;
  height: 7.5rem;
  margin: 0 auto;
  border-radius: var(--ep-border-radius-surface-default, 14px);
  overflow: hidden;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-header.navigation[data-v-e0abe68a] {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  box-shadow: 0px 4px 28.4px 0px var(--color-bar-bg-shadow);
}
ion-header.navigation.navigation-shadow[data-v-e0abe68a] {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
ion-header.navigation ion-toolbar[data-v-e0abe68a] {
  height: 3.125rem;
  --background: var(--v72ae46f6);
  --padding-top: 0;
}
ion-button[data-v-e0abe68a] {
  --padding-start: 0.875rem;
  --padding-end: 0.875rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  --color: var(--ep-color-text-default, var(--color-toolbar-text, var(--text-color-white-100)));
}
ion-title.title[data-v-e0abe68a] {
  font-size: var(--ep-font-size-xl);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default, var(--color-toolbar-text, var(--text-color-white-100)));
}
ion-icon.back[data-v-e0abe68a] {
  font-size: var(--ep-font-size-xl, var(--font-size-back-button));
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-icon-default, var(--color-text-title-basic));
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-item[data-v-5dc5e9e4] {
  --min-height: 0;
  --padding-end: 0;
  --padding-top: 0.75rem;
  --padding-bottom: 0.75rem;
  --padding-start: 0;
  --background: transparent;
}
ion-item[data-v-5dc5e9e4]::part(detail-icon) {
  font-size: 0.875rem;
  color: var(--color-text-100);
}
ion-item ion-icon[data-v-5dc5e9e4] {
  color: var(--security-item-icon-color);
}
ion-item ion-label[data-v-5dc5e9e4] {
  font-size: var(--font-size-12) !important;
  line-height: 1.125rem;
  margin: 0;
}
ion-item ion-label.item-name[data-v-5dc5e9e4] {
  color: var(--color-text-40);
  font-weight: var(--font-weight-medium);
}
ion-item ion-label.item-info[data-v-5dc5e9e4] {
  color: var(--color-text-100);
}
ion-item ion-icon[data-v-5dc5e9e4] {
  opacity: 0.4;
}
.card-bg-gradient[data-v-5dc5e9e4] {
  border-radius: 0.5rem;
  background: var(--my-card-bg-gradient);
}
.new-skin-symbol ion-content.common-ion-content[data-v-5dc5e9e4] {
  --background: var(--ep-color-background-fill-body-default);
}
.new-skin-symbol ion-item[data-v-5dc5e9e4] {
  --min-height: 0;
  --padding-end: 0;
  --padding-top: 0.75rem;
  --padding-bottom: 0.75rem;
  --padding-start: 0;
  --background: transparent;
}
.new-skin-symbol ion-item[data-v-5dc5e9e4]::part(detail-icon) {
  font-size: var(--ep-font-size-m);
  color: var(--ep-color-icon-weaker);
}
.new-skin-symbol ion-item ion-icon[data-v-5dc5e9e4] {
  color: var(--ep-color-icon-weaker);
}
.new-skin-symbol ion-item ion-label[data-v-5dc5e9e4] {
  font-size: var(--ep-font-size-s) !important;
  line-height: 1.125rem;
  margin: 0;
}
.new-skin-symbol ion-item ion-label.item-name[data-v-5dc5e9e4] {
  color: var(--ep-color-text-default);
  font-weight: var(--ep-font-weight-medium);
}
.new-skin-symbol ion-item ion-label.item-info[data-v-5dc5e9e4] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol ion-item ion-icon[data-v-5dc5e9e4] {
  opacity: 1;
}
.new-skin-symbol .card-bg-gradient[data-v-5dc5e9e4] {
  border-radius: var(--ep-border-radius-l);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-modal#pwa-footer-modal[data-v-22a9932b]::part(content) {
  --height: 100%;
  /* 高度由内容撑开<默认600px> */
}
.mask[data-v-22a9932b] {
  background: var(--color-bg-mask-black);
}
.content_footer_pwa[data-v-22a9932b] {
  background-color: var(--color-bg-modal-footer-pwa);
  color: var(--color-text-modal-footer-pwa);
}
.buttons[data-v-22a9932b] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.buttons ion-button[data-v-22a9932b] {
  --padding-start: 0.75rem;
  --padding-end: 0.75rem;
  --border-radius: 0.375rem;
  text-transform: none;
  letter-spacing: normal;
  min-width: 4.5rem;
}
ion-button.solid[data-v-22a9932b] {
  --background: var(--color-button-bg-update, #3E9B2F);
  --color: var(--color-text-btn-basic);
  --box-shadow: none;
  margin-inline-start: 0.9375rem;
  margin-inline-end: 0.9375rem;
}
ion-button.line[data-v-22a9932b] {
  --box-shadow: none;
  --padding-start: 0.5rem;
  --padding-end: 0.5rem;
  --color: var(--color-text-button-update1);
  border-width: 2px;
  border-style: solid;
  width: 150px;
  border-radius: var(--border-radius);
  border-color: var(--color-bd-button-update1, #FBA531);
  --background: var(--color-button-bg-update1, transparent);
}
.default.amber-purple ion-button.line[data-v-22a9932b]::part(native) {
  border-radius: 0.75rem;
}
.default.amber-purple ion-button.cancel[data-v-22a9932b] {
  --color: var(--color-text-modal-footer-pwa);
}
.blue-default .cancel[data-v-22a9932b] {
  color: var(--color-text-gray-800);
}
.green-default .cancel[data-v-22a9932b] {
  color: var(--color-text-gray-300);
}
.auroral-yellow .cancel[data-v-22a9932b] {
  color: var(--color-text-black-100);
}
.new-skin-symbol .content_footer_pwa[data-v-22a9932b] {
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background: var(--ep-color-background-fill-surface-raised-L1);
  background-size: cover;
  color: var(--ep-color-text-default);
}
.new-skin-symbol .content_footer_pwa .install[data-v-22a9932b] {
  --button-font-size: 0.875rem;
  --button-font-weight: 500;
}
.new-skin-symbol .content_footer_pwa .cancel[data-v-22a9932b] {
  --color: var(--ep-color-text-default);
}
.new-skin-symbol.malt-green .content_footer_pwa .buttons[data-v-22a9932b] .install .primary::part(native) {
  background: var(--ep-color-background-fill-active-primary);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
[data-v-5ce98b9a] .mask {
  background: var(--color-bg-mask);
}
[data-v-5ce98b9a] .content_footer_pwa {
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background: url('/images/bg-pwa-footer.svg'), var(--pwa-dialog-bg);
  background-size: cover;
  color: var(--color-text-80);
}
[data-v-5ce98b9a] .content_footer_pwa ion-button.solid {
  --color: #fff;
}
[data-v-5ce98b9a] .content_footer_pwa .install {
  --button-font-size: 0.875rem;
  --button-font-weight: 500;
}
[data-v-5ce98b9a] .content_footer_pwa .cancel {
  --color: var(--color-text-40);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
/* animation: breathing 3s infinite; */
.red-point[data-v-6b3781c9] {
  width: var(--ad7aa6e4);
  height: var(--ad7aa6e4);
  z-index: 100;
  text-align: center;
  font-size: 0.625rem;
  line-height: var(--ad7aa6e4);
}
.red-point span[data-v-6b3781c9] {
  color: #fff;
}
@keyframes breathing-6b3781c9 {
0% {
    opacity: 0.5;
    transform: scale(1);
}
50% {
    opacity: 1;
    transform: scale(1.2);
}
100% {
    opacity: 0.5;
    transform: scale(1);
}
}

ion-menu[data-v-b5d8cf8c] {
  /* 抽屉菜单样式 */
  --max-width: 16.5rem;
  --width: 16.5rem;
  background: transparent;
}
ion-icon.close[data-v-b5d8cf8c] {
  color: var(--menu-close-color);
}
ion-menu ion-content[data-v-b5d8cf8c] {
  --padding-top: .75rem;
  --padding-start: .75rem;
  --padding-end: .75rem;
}
ion-menu-button[data-v-b5d8cf8c] {
  /* 菜单按钮样式 */
  --padding-start: 5px;
  --padding-end: 5px;
  width: auto;
}
ion-menu-button[data-v-b5d8cf8c]::part(native) {
  /* 菜单按钮图标样式 */
  font-size: 24px;
}
ion-menu-toggle.on[data-v-b5d8cf8c] {
  animation: fadeToTransparent-b5d8cf8c 200ms linear forwards;
}
ion-menu-toggle.records[data-v-b5d8cf8c] {
  background: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
}
ion-menu ion-header ion-toolbar[data-v-b5d8cf8c] {
  --background: var(--menu-bar-bg);
}
div.card[data-v-b5d8cf8c] {
  background: var(--menu-card-bg);
}
ion-menu-toggle.card[data-v-b5d8cf8c] {
  box-shadow: var(--color-bar-bg-shadow);
}
ion-menu-toggle.support-card[data-v-b5d8cf8c] {
  background: var(--menu-support-card-bg);
}
ion-menu-toggle div.support[data-v-b5d8cf8c]  {
  background: var(--color-button-bg-support-bg);
}
ion-menu-toggle div.support-text[data-v-b5d8cf8c] {
  color: var(--support-text-color);
}
ion-icon.sort-icon[data-v-b5d8cf8c] {
  color: var(--menu-card-label-icon);
}
ion-menu-toggle.assets[data-v-b5d8cf8c] {
  background: var(--color-btn-bg-toggle);
  box-shadow: 0px 4px 8px 0px var(--color-bar-bg-shadow);
}
ion-menu-toggle.assets ion-icon[data-v-b5d8cf8c] {
  color: var(--color-svg-icon-primary);
}
.card-title[data-v-b5d8cf8c] {
  color: var(--menu-card-label-title);
}
ion-footer[data-v-b5d8cf8c] {
  background: var(--menu-footer-bg);
  box-shadow: none;
}
@keyframes fadeToTransparent-b5d8cf8c {
from {
    background: #343947;
}
to {
    background: rgba(255, 0, 0, 0);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-modal#modal-language[data-v-284369a1]::part(content) {
  --height: fit-content;
}
.change-language-modal[data-v-284369a1] {
  border-radius: 1rem;
}
.change-language-tips[data-v-284369a1] {
  font-size: 1.125rem;
  line-height: 1.6875rem;
  font-weight: 700;
}
.change-language-item[data-v-284369a1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-weight: 500;
}
.change-language-modal[data-v-284369a1] {
  background: var(--color-bg-300);
}
.change-language-tips[data-v-284369a1] {
  color: var(--color-language-text);
}
.change-language-item[data-v-284369a1] {
  border-top: 1px solid var(--line-color);
}
.change-language-item-name[data-v-284369a1] {
  color: var(--color-language-text);
}
ion-checkbox[data-v-284369a1] {
  --checkbox-background-checked: var(--color-checkbox-bg);
}
.blue-default .change-language-modal[data-v-284369a1] {
  background: var(--theme-color-gradient-300);
}
.blue-default .change-language-tips[data-v-284369a1] {
  color: var(--color-text-100);
}
.blue-default .change-language-item[data-v-284369a1] {
  border-top: 1px solid var(--color-border-400);
}
.blue-default .change-language-item-name[data-v-284369a1] {
  color: var(--color-text-100);
}
.blue-default ion-checkbox[data-v-284369a1] {
  --checkbox-background-checked: var(--theme-color-gradient-100);
}
.green-default .change-language-modal[data-v-284369a1] {
  background: var(--color-bg-300);
}
.green-default .change-language-tips[data-v-284369a1] {
  color: var(--color-text-gray-100);
}
.green-default .change-language-item[data-v-284369a1] {
  border-top: 1px solid var(--line-color);
}
.green-default .change-language-item-name[data-v-284369a1] {
  color: var(--color-text-gray-100);
}
.green-default ion-checkbox[data-v-284369a1] {
  --checkbox-background-checked: var(--theme-color-gradient-100);
}
.forest-green .change-language-modal[data-v-284369a1] {
  background: var(--color-bg-300);
}
.forest-green .change-language-tips[data-v-284369a1] {
  color: var(--color-text-gray-100);
}
.forest-green .change-language-item[data-v-284369a1] {
  border-top: 1px solid var(--color-line);
}
.forest-green .change-language-item-name[data-v-284369a1] {
  color: var(--color-text-gray-100);
}
.forest-green ion-checkbox[data-v-284369a1] {
  --checkbox-background-checked: var(--theme-color-gradient-100);
}
.amber-purple .change-language-modal[data-v-284369a1] {
  background: var(--color-bg-200);
}
.amber-purple .change-language-tips[data-v-284369a1] {
  color: var(--color-text-gray-100);
}
.amber-purple .change-language-item[data-v-284369a1] {
  border-top: 1px solid var(--color-line);
}
.amber-purple .change-language-item-name[data-v-284369a1] {
  color: var(--color-text-gray-100);
}
.amber-purple ion-checkbox[data-v-284369a1] {
  --checkbox-background-checked: var(--theme-color-gradient-100);
}
.auroral-yellow .change-language-modal[data-v-284369a1] {
  background: var(--color-bg-200);
}
.auroral-yellow .change-language-tips[data-v-284369a1] {
  color: var(--color-text-100);
}
.auroral-yellow .change-language-item[data-v-284369a1] {
  border-top: 1px solid var(--color-line);
}
.auroral-yellow .change-language-item-name[data-v-284369a1] {
  color: var(--color-text-100);
}
.auroral-yellow ion-checkbox[data-v-284369a1] {
  --checkbox-background-checked: var(--theme-color-gradient-100);
}
.green-dark .change-language-modal[data-v-284369a1] {
  background: var(--color-bg-200);
}
.green-dark .change-language-tips[data-v-284369a1] {
  color: var(--color-text-100);
}
.green-dark .change-language-item[data-v-284369a1] {
  border-top: 1px solid var(--color-line);
}
.green-dark .change-language-item-name[data-v-284369a1] {
  color: var(--color-text-100);
}
.green-dark ion-checkbox[data-v-284369a1] {
  --checkbox-background-checked: var(--theme-color-800);
}
.yellow-dark .change-language-modal[data-v-284369a1] {
  background: var(--color-bg-200);
}
.yellow-dark .change-language-tips[data-v-284369a1] {
  color: var(--text-color-white-100);
}
.yellow-dark .change-language-item[data-v-284369a1] {
  border-top: 1px solid var(--color-line);
}
.yellow-dark .change-language-item-name[data-v-284369a1] {
  color: var(--text-color-white-100);
}
.yellow-dark ion-checkbox[data-v-284369a1] {
  --checkbox-background-checked: var(--theme-color-800);
}
.purple-light .change-language-modal[data-v-284369a1] {
  background: var(--color-bg-300);
}
.purple-light .change-language-tips[data-v-284369a1] {
  color: var(--text-color-black-100);
}
.purple-light .change-language-item[data-v-284369a1] {
  border-top: 1px solid var(--color-line);
}
.purple-light .change-language-item-name[data-v-284369a1] {
  color: var(--text-color-black-100);
}
.purple-light ion-checkbox[data-v-284369a1] {
  --checkbox-background-checked: var(--theme-color-800);
}
.new-skin-symbol .change-language-modal[data-v-284369a1] {
  background: var(--ep-color-background-fill-surface-raised-L1);
}
.new-skin-symbol .change-language-tips[data-v-284369a1] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .change-language-item[data-v-284369a1] {
  border-top: 1px solid var(--ep-color-border-default);
}
.new-skin-symbol .change-language-item-name[data-v-284369a1] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol ion-checkbox[data-v-284369a1] {
  --checkbox-background-checked: var(--ep-dynamic-primary);
}
.new-skin-symbol ion-modal#modal-language[data-v-284369a1]::part(content) {
  --height: fit-content;
}
.new-skin-symbol .change-language-modal[data-v-284369a1] {
  border-radius: var(--ep-border-radius-xl);
}
.new-skin-symbol .change-language-tips[data-v-284369a1] {
  font-size: var(--ep-font-size-xl);
  line-height: 1.6875rem;
  font-weight: var(--ep-font-weight-bold);
}
.new-skin-symbol .change-language-item[data-v-284369a1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--ep-font-size-m);
  line-height: 1.3125rem;
  font-weight: var(--ep-font-weight-medium);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.guide-pwa-wrap[data-v-3c76848c] {
  position: absolute;
  top: 10px;
  z-index: 9999999 !important;
  left: 50%;
  transform: translateX(-50%);
}
.guide-pwa-wrap .close[data-v-3c76848c] {
  position: absolute;
  right: -1.5rem;
  top: 5rem;
  font-size: 1.125rem;
}
.guide-pwa-wrap .mouse2[data-v-3c76848c] {
  width: 6.0625rem;
  height: 5.375rem;
  position: absolute;
  left: -2.5rem;
  top: 1.5rem;
  z-index: -1;
}
.guide-pwa-wrap .mouse1[data-v-3c76848c] {
  width: 5rem;
  height: 5.0625rem;
  position: absolute;
  right: -30px;
  bottom: -2.875rem;
}
.guide-pwa-wrap .line[data-v-3c76848c] {
  width: 10.75rem;
  height: 6.25rem;
  background: url('/svg/guide-line.svg') no-repeat no-repeat center center;
  background-size: cover;
  margin-left: 80px;
}
.guide-pwa-wrap .rectangle[data-v-3c76848c] {
  width: 16.25rem;
  height: 4.375rem;
  line-height: 4.375rem;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  background: url('/svg/guide-rectangle.svg') no-repeat center center;
  background-size: cover;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.pop-content[data-v-97b9df46] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home-pwa[data-v-97b9df46] {
  background: #101629;
  color: #ffff;
}
.download-pwa[data-v-97b9df46] {
  background: #ffff;
  color: #000;
}
.download-pwa .safe-text[data-v-97b9df46] {
  color: #028760;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
/* 安装pwa进度条根据主题色样式 */
.pwa-progress-bar ion-progress-bar[data-v-5455fefc] {
  --background: var(--color-bg-200);
  --progress-background: var(--theme-color-900);
}
.pwa-progress-bar.amber-purple ion-progress-bar[data-v-5455fefc] {
  --background: var(--color-bg-100);
}
.pwa-progress-bar .progress-text[data-v-5455fefc] {
  color: var(--color-text-100) !important;
}
.pwa-progress-bar.purple-light .progress-text[data-v-5455fefc] {
  color: var(--text-color-white-100) !important;
}
.pwa-progress-bar.force-modal ion-progress-bar[data-v-5455fefc] {
  --background: var(--ep-neutral-white-white-20, rgba(255, 255, 255, 0.2));
  --progress-background: var(--ep-color-icon-brand-secondary, #CF3F5B);
  border-radius: 0.3125rem;
  width: 18.125rem;
}
.pwa-progress-bar.force-modal ion-progress-bar .progress-text[data-v-5455fefc] {
  color: var(--ep-color-icon-inverse, #fff) !important;
}

#main-content[data-v-909ea01e] {
	--background: var(--ep-color-background-fill-body-default);
}
.game-used[data-v-909ea01e] {
	height: 4.5rem;
	width: 24.375rem;
	background: #ededed;
	position: relative;
	z-index: -1;
	opacity: .7;
}
div.drawer-backdrop[data-v-909ea01e] {
	-webkit-backdrop-filter: blur(5px);
	        backdrop-filter: blur(5px);
	/* 模糊系数 */
	background: rgba(0, 0, 0, 0.1)
		/* 半透明背景(添加透明色以便使配radius) */
}

.game-used[data-v-621cd761] {
	height: 4.5rem;
	width: 24.375rem;
	background: #ededed;
	position: relative;
	z-index: -1;
	opacity: .7;
}
ion-tab-bar[data-v-621cd761] {
	--background: linear-gradient(to bottom, transparent 50px, var(--color-bar-bg-100) 50px);
}
ion-tab-bar div.tab-bar[data-v-621cd761] {
	background: var(--v3b6eb393);
}
ion-tab-button[data-v-621cd761] {
	--background: transparent;
	--color-selected: #FFFFFF;
	/* 底部导航栏选中字体颜色 */
	--color: #566488;
	/* 底部导航栏默认字体颜色 */
	--ripple-color: transparent;
	/* 底部导航栏点击水波纹颜色 */
}
div.deposit[data-v-621cd761] {
	border-radius: 41px;
	border: 1px solid var(--color-primary-border-light);
	background: var(--color-primary-btn-main);
	box-shadow: var(--color-primary-btn-main-shadow);
	margin-bottom: env(safe-area-inset-bottom);
}
div.drawer-backdrop[data-v-621cd761] {
	-webkit-backdrop-filter: blur(5px);
	        backdrop-filter: blur(5px);
	/* 模糊系数 */
	background: rgba(0, 0, 0, 0.1)
		/* 半透明背景(添加透明色以便使配radius) */
}
.tab-img[data-v-621cd761] {
	color: var(--tab-image-color);
}
.tab-img.on[data-v-621cd761] {
	animation: buttonAnimation-621cd761 500ms;
	color: var(--tab-image-active-color);
}
.tab-img.tab-main[data-v-621cd761],
.tab-main-text[data-v-621cd761] {
	color: var(--color-text-tab-main);
}
.redPoint[data-v-621cd761] {
	animation: breathing-621cd761 3s infinite;
}
@keyframes buttonAnimation-621cd761 {
0% {
		transform: scale(0);
}
50% {
		transform: scale(1.2);
}
100% {
		transform: scale(1);
}
}
@keyframes breathing-621cd761 {
0% {
		opacity: 0.5;
		transform: scale(1);
}
50% {
		opacity: 1;
		transform: scale(1.2);
}
100% {
		opacity: 0.5;
		transform: scale(1);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default .category-container[data-v-26c48869] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: #fff;
}
.blue-default .category-container .ion-no-border[data-v-26c48869] {
  background: var(--ep-color-background-fill-body-default);
}
.blue-default .category-container .ion-no-border ion-toolbar[data-v-26c48869] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary);
}
.blue-default .category-container .ion-no-border ion-toolbar[data-v-26c48869]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.blue-default .category-container .ion-no-border ion-title[data-v-26c48869] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: #fff;
}
.blue-default .category-container .ion-no-border .toolbar-search[data-v-26c48869] {
  --background: transparent;
  margin-top: 0.375rem;
}
.blue-default .category-container .ion-no-border .toolbar-search #searchbar[data-v-26c48869] {
  --color: #fff;
  --placeholder-color: #fff;
  caret-color: #116fcd;
  --background: #101629;
  --box-shadow: none;
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
}
.blue-default .category-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-26c48869] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.blue-default .category-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-26c48869] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #fff;
}
.blue-default .category-container .container[data-v-26c48869] {
  display: flex;
  height: 100%;
}
.blue-default .category-container .container .side[data-v-26c48869] {
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --padding-top: 0;
  --padding-end: 0;
  min-width: 0;
  max-width: 5.3125rem;
}
.blue-default .category-container .container .side ion-segment[data-v-26c48869] {
  display: flex;
  flex-direction: column;
  --background: transparent;
}
.blue-default .category-container .container .side ion-segment ion-segment-button[data-v-26c48869] {
  --border-radius: 0.375rem;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  --background: #191e2d;
  text-transform: capitalize;
  min-width: 0;
  min-height: 3.5rem;
  margin-bottom: 1rem;
  margin-top: 0;
  font-weight: 500;
  color: #fff;
}
.blue-default .category-container .container .side ion-segment ion-segment-button[data-v-26c48869]::part(indicator-background) {
  border: none;
}
.blue-default .category-container .container .side ion-segment ion-segment-button[data-v-26c48869]::part(indicator) {
  padding-inline: 0;
}
.blue-default .category-container .container .side ion-segment ion-segment-button .label[data-v-26c48869] {
  text-transform: none;
  white-space: normal;
  font-size: 0.75rem;
  line-height: 1rem;
}
.blue-default .category-container .container .side ion-segment ion-segment-button ion-img[data-v-26c48869] {
  filter: grayscale(1);
  opacity: 0.4;
  width: 2.375rem;
}
.blue-default .category-container .container .side ion-segment ion-segment-button ion-icon[data-v-26c48869] {
  filter: grayscale(1);
  opacity: 0.4;
  font-size: 2.375rem;
}
.blue-default .category-container .container .side ion-segment ion-segment-button ion-icon.active[data-v-26c48869] {
  filter: grayscale(0);
  opacity: 1;
  color: #fff;
}
.blue-default .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869] {
  border: none;
  color: #fff;
}
.blue-default .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869]::part(indicator) {
  opacity: 1;
}
.blue-default .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869]::part(indicator-background) {
  background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%);
}
.blue-default .category-container .container .side ion-segment ion-segment-button.active-tab ion-img[data-v-26c48869] {
  filter: none;
  opacity: 1;
}
.blue-default .category-container .container .side ion-segment ion-segment-button.active-tab ion-icon[data-v-26c48869] {
  filter: grayscale(0);
  opacity: 1;
  color: #fff;
}
.blue-default .category-container .container #main[data-v-26c48869] {
  --padding-top: 0.125rem;
}
.blue-default .category-container .container #main .tab-bar[data-v-26c48869] {
  --background: transparent;
  font-size: 0.625rem;
  margin: 0 0.625rem 0.3125rem;
}
.blue-default .category-container .container #main .tab-bar.ios[data-v-26c48869] {
  gap: 0.5rem;
}
.blue-default .category-container .container #main .tab-bar.ios ion-segment-button[data-v-26c48869] {
  --indicator-color: #116fcd;
  --color: #fff;
  --color-checked: #fff;
  border-color: #1a233e;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  font-weight: 400;
  min-width: 0;
  border-width: 0.0625rem;
  border-style: solid;
}
.blue-default .category-container .container #main .tab-bar.ios ion-segment-button[data-v-26c48869]::part(indicator) {
  padding-inline: 0;
}
.blue-default .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-26c48869] {
  border: none;
  color: #fff;
}
.blue-default .category-container .container #main ion-list[data-v-26c48869] {
  background: transparent;
  padding-top: 0;
  padding-bottom: 0;
}
.blue-default .category-container .container #main ion-list ion-grid[data-v-26c48869] {
  padding-block: 0;
}
.blue-default .category-container .container #main ion-list ion-grid .skeleton-card[data-v-26c48869] {
  border-radius: 0.375rem;
  height: 6.5rem;
}
.blue-default .category-container .container #main ion-list ion-grid .empty[data-v-26c48869] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.blue-default .category-container .container #main ion-list ion-grid .empty .empty-bg-game[data-v-26c48869] {
  width: 7.5rem;
  height: 7.5rem;
  color: #fff;
}
.blue-default .category-container .container #main ion-list ion-grid .empty .tip[data-v-26c48869] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
}
.blue-default .category-container .container #main ion-list ion-grid .card-col[data-v-26c48869] {
  padding-top: 0;
  padding-bottom: 0.625rem;
}
.blue-default .category-container .container #main ion-infinite-scroll[data-v-26c48869] {
  /* 设置触底加载更多样式 */
  min-height: 4.375rem;
}
.blue-default .category-container .container #main ion-infinite-scroll ion-infinite-scroll-content[data-v-26c48869] {
  /* 设置触底加载更多样式 */
  min-height: 0.625rem;
}
.blue-default .category-container[data-v-26c48869] {
  --ep-color-background-fill-body-default: var(--ion-background-color);
  --ep-color-background-fill-top-nav-secondary: #101629;
}
.green-default .category-container[data-v-26c48869] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: #afc69f;
}
.green-default .category-container .ion-no-border[data-v-26c48869] {
  background: var(--ep-color-background-fill-body-default);
}
.green-default .category-container .ion-no-border ion-toolbar[data-v-26c48869] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary);
}
.green-default .category-container .ion-no-border ion-toolbar[data-v-26c48869]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.green-default .category-container .ion-no-border ion-title[data-v-26c48869] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: #afc69f;
}
.green-default .category-container .ion-no-border .toolbar-search[data-v-26c48869] {
  --background: transparent;
  margin-top: 0.375rem;
}
.green-default .category-container .ion-no-border .toolbar-search #searchbar[data-v-26c48869] {
  --color: #afc69f;
  --placeholder-color: #7e9071;
  caret-color: #3e9b2f;
  --background: #183009;
  --box-shadow: 
      0 0 0 1px #34571d,
      0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 3px 1px -2px rgba(0, 0, 0, 0.2),
      0 1px 5px 0 rgba(0, 0, 0, 0.12)
    ;
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
}
.green-default .category-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-26c48869] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.green-default .category-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-26c48869] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #7e9071;
}
.green-default .category-container .container[data-v-26c48869] {
  display: flex;
  height: 100%;
}
.green-default .category-container .container .side[data-v-26c48869] {
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --padding-top: 0;
  --padding-end: 0;
  min-width: 0;
  max-width: 5.3125rem;
}
.green-default .category-container .container .side ion-segment[data-v-26c48869] {
  display: flex;
  flex-direction: column;
  --background: transparent;
}
.green-default .category-container .container .side ion-segment ion-segment-button[data-v-26c48869] {
  --border-radius: 0.375rem;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  --background: #2b4f14;
  text-transform: capitalize;
  min-width: 0;
  min-height: 3.5rem;
  margin-bottom: 1rem;
  margin-top: 0;
  font-weight: 500;
  color: #7e9071;
}
.green-default .category-container .container .side ion-segment ion-segment-button[data-v-26c48869]::part(indicator-background) {
  border: none;
}
.green-default .category-container .container .side ion-segment ion-segment-button[data-v-26c48869]::part(indicator) {
  padding-inline: 0;
}
.green-default .category-container .container .side ion-segment ion-segment-button .label[data-v-26c48869] {
  text-transform: none;
  white-space: normal;
  font-size: 0.75rem;
  line-height: 1rem;
}
.green-default .category-container .container .side ion-segment ion-segment-button ion-img[data-v-26c48869] {
  filter: grayscale(1);
  opacity: 0.4;
  width: 2.375rem;
}
.green-default .category-container .container .side ion-segment ion-segment-button ion-icon[data-v-26c48869] {
  filter: grayscale(1);
  opacity: 0.4;
  font-size: 2.375rem;
}
.green-default .category-container .container .side ion-segment ion-segment-button ion-icon.active[data-v-26c48869] {
  filter: grayscale(0);
  opacity: 1;
  color: #fff;
}
.green-default .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869] {
  border: none;
  color: #afc69f;
}
.green-default .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869]::part(indicator) {
  opacity: 1;
}
.green-default .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869]::part(indicator-background) {
  background: linear-gradient(180deg, #13c96a 0%, #1d9554 100%);
}
.green-default .category-container .container .side ion-segment ion-segment-button.active-tab ion-img[data-v-26c48869] {
  filter: none;
  opacity: 1;
}
.green-default .category-container .container .side ion-segment ion-segment-button.active-tab ion-icon[data-v-26c48869] {
  filter: grayscale(0);
  opacity: 1;
  color: #fff;
}
.green-default .category-container .container #main[data-v-26c48869] {
  --padding-top: 0.125rem;
}
.green-default .category-container .container #main .tab-bar[data-v-26c48869] {
  --background: transparent;
  font-size: 0.625rem;
  margin: 0 0.625rem 0.3125rem;
}
.green-default .category-container .container #main .tab-bar.ios[data-v-26c48869] {
  gap: 0.5rem;
}
.green-default .category-container .container #main .tab-bar.ios ion-segment-button[data-v-26c48869] {
  --indicator-color: #2b4f14;
  --color: #7e9071;
  --color-checked: #afc69f;
  border-color: #34571d;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  font-weight: 400;
  min-width: 0;
  border-width: 0.0625rem;
  border-style: solid;
}
.green-default .category-container .container #main .tab-bar.ios ion-segment-button[data-v-26c48869]::part(indicator) {
  padding-inline: 0;
}
.green-default .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-26c48869] {
  border: none;
  color: #afc69f;
}
.green-default .category-container .container #main ion-list[data-v-26c48869] {
  background: transparent;
  padding-top: 0;
  padding-bottom: 0;
}
.green-default .category-container .container #main ion-list ion-grid[data-v-26c48869] {
  padding-block: 0;
}
.green-default .category-container .container #main ion-list ion-grid .skeleton-card[data-v-26c48869] {
  border-radius: 0.375rem;
  height: 6.5rem;
}
.green-default .category-container .container #main ion-list ion-grid .empty[data-v-26c48869] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.green-default .category-container .container #main ion-list ion-grid .empty .empty-bg-game[data-v-26c48869] {
  width: 7.5rem;
  height: 7.5rem;
  color: #fff;
}
.green-default .category-container .container #main ion-list ion-grid .empty .tip[data-v-26c48869] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  color: #7e9071;
}
.green-default .category-container .container #main ion-list ion-grid .card-col[data-v-26c48869] {
  padding-top: 0;
  padding-bottom: 0.625rem;
}
.green-default .category-container .container #main ion-infinite-scroll[data-v-26c48869] {
  /* 设置触底加载更多样式 */
  min-height: 4.375rem;
}
.green-default .category-container .container #main ion-infinite-scroll ion-infinite-scroll-content[data-v-26c48869] {
  /* 设置触底加载更多样式 */
  min-height: 0.625rem;
}
.green-default .category-container[data-v-26c48869] {
  --ep-color-background-fill-body-default: var(--ion-background-color);
  --ep-color-background-fill-top-nav-secondary: #2b4f14;
}
.forest-green .category-container[data-v-26c48869] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: var(--text-color1);
}
.forest-green .category-container .ion-no-border[data-v-26c48869] {
  background: var(--ep-color-background-fill-body-default);
}
.forest-green .category-container .ion-no-border ion-toolbar[data-v-26c48869] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary);
}
.forest-green .category-container .ion-no-border ion-toolbar[data-v-26c48869]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.forest-green .category-container .ion-no-border ion-title[data-v-26c48869] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--text-color1);
}
.forest-green .category-container .ion-no-border .toolbar-search[data-v-26c48869] {
  --background: transparent;
  margin-top: 0.375rem;
}
.forest-green .category-container .ion-no-border .toolbar-search #searchbar[data-v-26c48869] {
  --color: var(--text-color1);
  --placeholder-color: var(--text-color2);
  caret-color: var(--theme-color-800);
  --background: var(--color-bg-300);
  --box-shadow: 
      0 0 0 1px var(--line-color),
      0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 3px 1px -2px rgba(0, 0, 0, 0.2),
      0 1px 5px 0 rgba(0, 0, 0, 0.12)
    ;
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
}
.forest-green .category-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-26c48869] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.forest-green .category-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-26c48869] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: var(--text-color2);
}
.forest-green .category-container .container[data-v-26c48869] {
  display: flex;
  height: 100%;
}
.forest-green .category-container .container .side[data-v-26c48869] {
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --padding-top: 0;
  --padding-end: 0;
  min-width: 0;
  max-width: 5.3125rem;
}
.forest-green .category-container .container .side ion-segment[data-v-26c48869] {
  display: flex;
  flex-direction: column;
  --background: transparent;
}
.forest-green .category-container .container .side ion-segment ion-segment-button[data-v-26c48869] {
  --border-radius: 0.375rem;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  --background: linear-gradient(90deg, #00694A 0%, #00815D 50%, #00694A 100%);
  text-transform: capitalize;
  min-width: 0;
  min-height: 3.5rem;
  margin-bottom: 1rem;
  margin-top: 0;
  font-weight: 500;
  color: var(--text-color2);
}
.forest-green .category-container .container .side ion-segment ion-segment-button[data-v-26c48869]::part(indicator-background) {
  border: none;
}
.forest-green .category-container .container .side ion-segment ion-segment-button[data-v-26c48869]::part(indicator) {
  padding-inline: 0;
}
.forest-green .category-container .container .side ion-segment ion-segment-button .label[data-v-26c48869] {
  text-transform: none;
  white-space: normal;
  font-size: 0.75rem;
  line-height: 1rem;
}
.forest-green .category-container .container .side ion-segment ion-segment-button ion-img[data-v-26c48869] {
  filter: grayscale(1);
  opacity: 0.4;
  width: 2.375rem;
}
.forest-green .category-container .container .side ion-segment ion-segment-button ion-icon[data-v-26c48869] {
  filter: grayscale(1);
  opacity: 0.4;
  font-size: 2.375rem;
}
.forest-green .category-container .container .side ion-segment ion-segment-button ion-icon.active[data-v-26c48869] {
  filter: grayscale(0);
  opacity: 1;
  color: #fff;
}
.forest-green .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869] {
  border: none;
  color: #183009;
}
.forest-green .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869]::part(indicator) {
  opacity: 1;
}
.forest-green .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869]::part(indicator-background) {
  background: linear-gradient(90deg, #FFE700 0%, #FB0 96%);
}
.forest-green .category-container .container .side ion-segment ion-segment-button.active-tab ion-img[data-v-26c48869] {
  filter: none;
  opacity: 1;
}
.forest-green .category-container .container .side ion-segment ion-segment-button.active-tab ion-icon[data-v-26c48869] {
  filter: grayscale(0);
  opacity: 1;
  color: #fff;
}
.forest-green .category-container .container #main[data-v-26c48869] {
  --padding-top: 0.125rem;
}
.forest-green .category-container .container #main .tab-bar[data-v-26c48869] {
  --background: transparent;
  font-size: 0.625rem;
  margin: 0 0.625rem 0.3125rem;
}
.forest-green .category-container .container #main .tab-bar.ios[data-v-26c48869] {
  gap: 0.5rem;
}
.forest-green .category-container .container #main .tab-bar.ios ion-segment-button[data-v-26c48869] {
  --indicator-color: var(--color-bg-100);
  --color: var(--text-color2);
  --color-checked: var(--text-color1);
  border-color: var(--line-color);
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  font-weight: 400;
  min-width: 0;
  border-width: 0.0625rem;
  border-style: solid;
}
.forest-green .category-container .container #main .tab-bar.ios ion-segment-button[data-v-26c48869]::part(indicator) {
  padding-inline: 0;
}
.forest-green .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-26c48869] {
  border: none;
  color: var(--text-color1);
}
.forest-green .category-container .container #main ion-list[data-v-26c48869] {
  background: transparent;
  padding-top: 0;
  padding-bottom: 0;
}
.forest-green .category-container .container #main ion-list ion-grid[data-v-26c48869] {
  padding-block: 0;
}
.forest-green .category-container .container #main ion-list ion-grid .skeleton-card[data-v-26c48869] {
  border-radius: 0.375rem;
  height: 6.5rem;
}
.forest-green .category-container .container #main ion-list ion-grid .empty[data-v-26c48869] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.forest-green .category-container .container #main ion-list ion-grid .empty .empty-bg-game[data-v-26c48869] {
  width: 7.5rem;
  height: 7.5rem;
  color: #fff;
}
.forest-green .category-container .container #main ion-list ion-grid .empty .tip[data-v-26c48869] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-color2);
}
.forest-green .category-container .container #main ion-list ion-grid .card-col[data-v-26c48869] {
  padding-top: 0;
  padding-bottom: 0.625rem;
}
.forest-green .category-container .container #main ion-infinite-scroll[data-v-26c48869] {
  /* 设置触底加载更多样式 */
  min-height: 4.375rem;
}
.forest-green .category-container .container #main ion-infinite-scroll ion-infinite-scroll-content[data-v-26c48869] {
  /* 设置触底加载更多样式 */
  min-height: 0.625rem;
}
.forest-green .category-container[data-v-26c48869] {
  --ep-color-background-fill-body-default: var(--ion-background-color);
  --ep-color-background-fill-top-nav-secondary: #00563A;
}
.amber-purple body.second .category-container[data-v-26c48869] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: #bdb8e1;
}
.amber-purple body.second .category-container .ion-no-border[data-v-26c48869] {
  background: var(--ep-color-background-fill-body-default);
}
.amber-purple body.second .category-container .ion-no-border ion-toolbar[data-v-26c48869] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary);
}
.amber-purple body.second .category-container .ion-no-border ion-toolbar[data-v-26c48869]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.amber-purple body.second .category-container .ion-no-border ion-title[data-v-26c48869] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: #bdb8e1;
}
.amber-purple body.second .category-container .ion-no-border .toolbar-search[data-v-26c48869] {
  --background: transparent;
  margin-top: 0.375rem;
}
.amber-purple body.second .category-container .ion-no-border .toolbar-search #searchbar[data-v-26c48869] {
  --color: #bdb8e1;
  --placeholder-color: #686299;
  caret-color: #7041f3;
  --background: #252141;
  --box-shadow: 
        0 0 0 1px #5f588c,
        0 2px 2px 0 rgba(0, 0, 0, .14),
        0 3px 1px -2px rgba(0, 0, 0, .2),
        0 1px 5px 0 rgba(0, 0, 0, .12)
      ;
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
}
.amber-purple body.second .category-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-26c48869] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.amber-purple body.second .category-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-26c48869] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #686299;
}
.amber-purple body.second .category-container .container[data-v-26c48869] {
  display: flex;
  height: 100%;
}
.amber-purple body.second .category-container .container .side[data-v-26c48869] {
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --padding-top: 0;
  --padding-end: 0;
  min-width: 0;
  max-width: 5.3125rem;
}
.amber-purple body.second .category-container .container .side ion-segment[data-v-26c48869] {
  display: flex;
  flex-direction: column;
  --background: transparent;
}
.amber-purple body.second .category-container .container .side ion-segment ion-segment-button[data-v-26c48869] {
  --border-radius: 0.375rem;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  --background: #2c294d;
  text-transform: capitalize;
  min-width: 0;
  min-height: 3.5rem;
  margin-bottom: 1rem;
  margin-top: 0;
  font-weight: 500;
  color: #686299;
}
.amber-purple body.second .category-container .container .side ion-segment ion-segment-button[data-v-26c48869]::part(indicator-background) {
  border: none;
}
.amber-purple body.second .category-container .container .side ion-segment ion-segment-button[data-v-26c48869]::part(indicator) {
  padding-inline: 0;
}
.amber-purple body.second .category-container .container .side ion-segment ion-segment-button .label[data-v-26c48869] {
  text-transform: none;
  white-space: normal;
  font-size: 0.75rem;
  line-height: 1rem;
}
.amber-purple body.second .category-container .container .side ion-segment ion-segment-button ion-img[data-v-26c48869] {
  filter: grayscale(1);
  opacity: 0.4;
  width: 2.375rem;
}
.amber-purple body.second .category-container .container .side ion-segment ion-segment-button ion-icon[data-v-26c48869] {
  filter: grayscale(1);
  opacity: 0.4;
  font-size: 2.375rem;
}
.amber-purple body.second .category-container .container .side ion-segment ion-segment-button ion-icon.active[data-v-26c48869] {
  filter: grayscale(0);
  opacity: 1;
  color: #7041f3;
}
.amber-purple body.second .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869] {
  border: none;
  color: #bdb8e1;
}
.amber-purple body.second .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869]::part(indicator) {
  opacity: 1;
}
.amber-purple body.second .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869]::part(indicator-background) {
  background: #3b3466;
}
.amber-purple body.second .category-container .container .side ion-segment ion-segment-button.active-tab ion-img[data-v-26c48869] {
  filter: none;
  opacity: 1;
}
.amber-purple body.second .category-container .container .side ion-segment ion-segment-button.active-tab ion-icon[data-v-26c48869] {
  filter: grayscale(0);
  opacity: 1;
  color: #7041f3;
}
.amber-purple body.second .category-container .container #main[data-v-26c48869] {
  --padding-top: 0.125rem;
}
.amber-purple body.second .category-container .container #main .tab-bar[data-v-26c48869] {
  --background: transparent;
  font-size: 0.625rem;
  margin: 0 0.625rem 0.3125rem;
}
.amber-purple body.second .category-container .container #main .tab-bar.ios[data-v-26c48869] {
  gap: 0.5rem;
}
.amber-purple body.second .category-container .container #main .tab-bar.ios ion-segment-button[data-v-26c48869] {
  --indicator-color: #7041f3;
  --color: #686299;
  --color-checked: #bdb8e1;
  border-color: #5f588c;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  font-weight: 400;
  min-width: 0;
  border-width: 0.0625rem;
  border-style: solid;
}
.amber-purple body.second .category-container .container #main .tab-bar.ios ion-segment-button[data-v-26c48869]::part(indicator) {
  padding-inline: 0;
}
.amber-purple body.second .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-26c48869] {
  border: none;
  color: #bdb8e1;
}
.amber-purple body.second .category-container .container #main ion-list[data-v-26c48869] {
  background: transparent;
  padding-top: 0;
  padding-bottom: 0;
}
.amber-purple body.second .category-container .container #main ion-list ion-grid[data-v-26c48869] {
  padding-block: 0;
}
.amber-purple body.second .category-container .container #main ion-list ion-grid .skeleton-card[data-v-26c48869] {
  border-radius: 0.375rem;
  height: 6.5rem;
}
.amber-purple body.second .category-container .container #main ion-list ion-grid .empty[data-v-26c48869] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.amber-purple body.second .category-container .container #main ion-list ion-grid .empty .empty-bg-game[data-v-26c48869] {
  width: 7.5rem;
  height: 7.5rem;
  color: #7041f3;
}
.amber-purple body.second .category-container .container #main ion-list ion-grid .empty .tip[data-v-26c48869] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  color: #686299;
}
.amber-purple body.second .category-container .container #main ion-list ion-grid .card-col[data-v-26c48869] {
  padding-top: 0;
  padding-bottom: 0.625rem;
}
.amber-purple body.second .category-container .container #main ion-infinite-scroll[data-v-26c48869] {
  /* 设置触底加载更多样式 */
  min-height: 4.375rem;
}
.amber-purple body.second .category-container .container #main ion-infinite-scroll ion-infinite-scroll-content[data-v-26c48869] {
  /* 设置触底加载更多样式 */
  min-height: 0.625rem;
}
.amber-purple body.second .category-container .container .side ion-segment ion-segment-button[data-v-26c48869] {
  font-weight: 500;
  color: #bdb8e1;
}
.amber-purple body.second .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-26c48869] {
  font-weight: 700;
}
.amber-purple body.default .category-container[data-v-26c48869] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: #bdb8e1;
}
.amber-purple body.default .category-container .ion-no-border[data-v-26c48869] {
  background: var(--ep-color-background-fill-body-default);
}
.amber-purple body.default .category-container .ion-no-border ion-toolbar[data-v-26c48869] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary);
}
.amber-purple body.default .category-container .ion-no-border ion-toolbar[data-v-26c48869]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.amber-purple body.default .category-container .ion-no-border ion-title[data-v-26c48869] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: #bdb8e1;
}
.amber-purple body.default .category-container .ion-no-border .toolbar-search[data-v-26c48869] {
  --background: transparent;
  margin-top: 0.375rem;
}
.amber-purple body.default .category-container .ion-no-border .toolbar-search #searchbar[data-v-26c48869] {
  --color: #bdb8e1;
  --placeholder-color: #686299;
  caret-color: #7041f3;
  --background: #252141;
  --box-shadow: none;
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
}
.amber-purple body.default .category-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-26c48869] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.amber-purple body.default .category-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-26c48869] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #686299;
}
.amber-purple body.default .category-container .container[data-v-26c48869] {
  display: flex;
  height: 100%;
}
.amber-purple body.default .category-container .container .side[data-v-26c48869] {
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --padding-top: 0;
  --padding-end: 0;
  min-width: 0;
  max-width: 5.3125rem;
}
.amber-purple body.default .category-container .container .side ion-segment[data-v-26c48869] {
  display: flex;
  flex-direction: column;
  --background: transparent;
}
.amber-purple body.default .category-container .container .side ion-segment ion-segment-button[data-v-26c48869] {
  --border-radius: 0.375rem;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  --background: #2c294d;
  text-transform: capitalize;
  min-width: 0;
  min-height: 3.5rem;
  margin-bottom: 1rem;
  margin-top: 0;
  font-weight: 500;
  color: #fff;
}
.amber-purple body.default .category-container .container .side ion-segment ion-segment-button[data-v-26c48869]::part(indicator-background) {
  border: none;
}
.amber-purple body.default .category-container .container .side ion-segment ion-segment-button[data-v-26c48869]::part(indicator) {
  padding-inline: 0;
}
.amber-purple body.default .category-container .container .side ion-segment ion-segment-button .label[data-v-26c48869] {
  text-transform: none;
  white-space: normal;
  font-size: 0.75rem;
  line-height: 1rem;
}
.amber-purple body.default .category-container .container .side ion-segment ion-segment-button ion-img[data-v-26c48869] {
  filter: grayscale(1);
  opacity: 0.4;
  width: 2.375rem;
}
.amber-purple body.default .category-container .container .side ion-segment ion-segment-button ion-icon[data-v-26c48869] {
  filter: grayscale(1);
  opacity: 0.4;
  font-size: 2.375rem;
}
.amber-purple body.default .category-container .container .side ion-segment ion-segment-button ion-icon.active[data-v-26c48869] {
  filter: grayscale(0);
  opacity: 1;
  color: #7041f3;
}
.amber-purple body.default .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869] {
  border: none;
  color: #fff;
}
.amber-purple body.default .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869]::part(indicator) {
  opacity: 1;
}
.amber-purple body.default .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869]::part(indicator-background) {
  background: linear-gradient(270deg, #7041F3 0%, #F5C84C 130.92%);
}
.amber-purple body.default .category-container .container .side ion-segment ion-segment-button.active-tab ion-img[data-v-26c48869] {
  filter: none;
  opacity: 1;
}
.amber-purple body.default .category-container .container .side ion-segment ion-segment-button.active-tab ion-icon[data-v-26c48869] {
  filter: grayscale(0);
  opacity: 1;
  color: #7041f3;
}
.amber-purple body.default .category-container .container #main[data-v-26c48869] {
  --padding-top: 0.125rem;
}
.amber-purple body.default .category-container .container #main .tab-bar[data-v-26c48869] {
  --background: transparent;
  font-size: 0.625rem;
  margin: 0 0.625rem 0.3125rem;
}
.amber-purple body.default .category-container .container #main .tab-bar.ios[data-v-26c48869] {
  gap: 0.5rem;
}
.amber-purple body.default .category-container .container #main .tab-bar.ios ion-segment-button[data-v-26c48869] {
  --indicator-color: linear-gradient(270deg, #7041F3 0%, #F5C84C 130.92%);
  --color: #686299;
  --color-checked: #bdb8e1;
  border-color: #5f588c;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  font-weight: 400;
  min-width: 0;
  border-width: 0.0625rem;
  border-style: solid;
}
.amber-purple body.default .category-container .container #main .tab-bar.ios ion-segment-button[data-v-26c48869]::part(indicator) {
  padding-inline: 0;
}
.amber-purple body.default .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-26c48869] {
  border: none;
  color: #bdb8e1;
}
.amber-purple body.default .category-container .container #main ion-list[data-v-26c48869] {
  background: transparent;
  padding-top: 0;
  padding-bottom: 0;
}
.amber-purple body.default .category-container .container #main ion-list ion-grid[data-v-26c48869] {
  padding-block: 0;
}
.amber-purple body.default .category-container .container #main ion-list ion-grid .skeleton-card[data-v-26c48869] {
  border-radius: 0.375rem;
  height: 6.5rem;
}
.amber-purple body.default .category-container .container #main ion-list ion-grid .empty[data-v-26c48869] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.amber-purple body.default .category-container .container #main ion-list ion-grid .empty .empty-bg-game[data-v-26c48869] {
  width: 7.5rem;
  height: 7.5rem;
  color: #7041f3;
}
.amber-purple body.default .category-container .container #main ion-list ion-grid .empty .tip[data-v-26c48869] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  color: #686299;
}
.amber-purple body.default .category-container .container #main ion-list ion-grid .card-col[data-v-26c48869] {
  padding-top: 0;
  padding-bottom: 0.625rem;
}
.amber-purple body.default .category-container .container #main ion-infinite-scroll[data-v-26c48869] {
  /* 设置触底加载更多样式 */
  min-height: 4.375rem;
}
.amber-purple body.default .category-container .container #main ion-infinite-scroll ion-infinite-scroll-content[data-v-26c48869] {
  /* 设置触底加载更多样式 */
  min-height: 0.625rem;
}
.amber-purple body.default .category-container .container .side ion-segment ion-segment-button[data-v-26c48869] {
  font-weight: 500;
  color: #bdb8e1;
}
.amber-purple body.default .category-container .container .side ion-segment ion-segment-button .label[data-v-26c48869] {
  color: #9BA7BE;
}
.amber-purple body.default .category-container .container .side ion-segment ion-segment-button .label.active[data-v-26c48869] {
  color: #fff;
}
.amber-purple body.default .category-container .container #main .tab-bar[data-v-26c48869] {
  --background: transparent;
  margin: 0 0 0.625rem 0.3125rem;
}
.amber-purple body.default .category-container .container #main .tab-bar.md[data-v-26c48869] {
  border-bottom: 0.0625rem solid #5f588c;
}
.amber-purple body.default .category-container .container #main .tab-bar.md ion-segment-button[data-v-26c48869] {
  --indicator-color: linear-gradient(270deg, #7041F3 0%, #F5C84C 130.92%);
  --indicator-height: 0.125rem;
  --padding-start: 0.375rem;
  --padding-end: 0.375rem;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  --color: #686299;
  --color-checked: #BDB8E1;
  text-transform: capitalize;
  min-width: 0;
  font-size: 0.875rem;
  min-height: min-content;
  margin-bottom: -1px;
}
.amber-purple body.default .category-container .container #main .tab-bar.md ion-segment-button[data-v-26c48869]::part(indicator) {
  /* 设置指示器宽度 */
  margin-left: auto;
  margin-right: auto;
}
.amber-purple body.default .category-container .container #main .tab-bar.md ion-segment-button ion-label[data-v-26c48869] {
  margin: 0;
}
.amber-purple body.default .category-container .container #main .tab-bar.md .segment-button-checked[data-v-26c48869] {
  border: none;
}
.purple-light .category-container[data-v-26c48869] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: #fff;
}
.purple-light .category-container .ion-no-border[data-v-26c48869] {
  background: var(--ep-color-background-fill-body-default);
}
.purple-light .category-container .ion-no-border ion-toolbar[data-v-26c48869] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary);
}
.purple-light .category-container .ion-no-border ion-toolbar[data-v-26c48869]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.purple-light .category-container .ion-no-border ion-title[data-v-26c48869] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: #fff;
}
.purple-light .category-container .ion-no-border .toolbar-search[data-v-26c48869] {
  --background: transparent;
  margin-top: 0.375rem;
}
.purple-light .category-container .ion-no-border .toolbar-search #searchbar[data-v-26c48869] {
  --color: #403d4f;
  --placeholder-color: #403d4f80;
  caret-color: #6526db;
  --background: #e0d0ff;
  --box-shadow: none;
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
}
.purple-light .category-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-26c48869] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.purple-light .category-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-26c48869] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: rgba(63, 60, 78, 0.8);
}
.purple-light .category-container .container[data-v-26c48869] {
  display: flex;
  height: 100%;
}
.purple-light .category-container .container .side[data-v-26c48869] {
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --padding-top: 0;
  --padding-end: 0;
  min-width: 0;
  max-width: 5.3125rem;
}
.purple-light .category-container .container .side ion-segment[data-v-26c48869] {
  display: flex;
  flex-direction: column;
  --background: transparent;
}
.purple-light .category-container .container .side ion-segment ion-segment-button[data-v-26c48869] {
  --border-radius: 0.375rem;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  --background: #eee5ff;
  text-transform: capitalize;
  min-width: 0;
  min-height: 3.5rem;
  margin-bottom: 1rem;
  margin-top: 0;
  font-weight: 500;
  color: #403d4f80;
}
.purple-light .category-container .container .side ion-segment ion-segment-button[data-v-26c48869]::part(indicator-background) {
  border: none;
}
.purple-light .category-container .container .side ion-segment ion-segment-button[data-v-26c48869]::part(indicator) {
  padding-inline: 0;
}
.purple-light .category-container .container .side ion-segment ion-segment-button .label[data-v-26c48869] {
  text-transform: none;
  white-space: normal;
  font-size: 0.75rem;
  line-height: 1rem;
}
.purple-light .category-container .container .side ion-segment ion-segment-button ion-img[data-v-26c48869] {
  filter: grayscale(1);
  opacity: 0.4;
  width: 2.375rem;
}
.purple-light .category-container .container .side ion-segment ion-segment-button ion-icon[data-v-26c48869] {
  filter: grayscale(1);
  opacity: 0.4;
  font-size: 2.375rem;
}
.purple-light .category-container .container .side ion-segment ion-segment-button ion-icon.active[data-v-26c48869] {
  filter: grayscale(0);
  opacity: 1;
  color: #6526db;
}
.purple-light .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869] {
  border: none;
  color: #403d4f;
}
.purple-light .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869]::part(indicator) {
  opacity: 1;
}
.purple-light .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869]::part(indicator-background) {
  background: #f4eeff;
}
.purple-light .category-container .container .side ion-segment ion-segment-button.active-tab ion-img[data-v-26c48869] {
  filter: none;
  opacity: 1;
}
.purple-light .category-container .container .side ion-segment ion-segment-button.active-tab ion-icon[data-v-26c48869] {
  filter: grayscale(0);
  opacity: 1;
  color: #6526db;
}
.purple-light .category-container .container #main[data-v-26c48869] {
  --padding-top: 0.125rem;
}
.purple-light .category-container .container #main .tab-bar[data-v-26c48869] {
  --background: transparent;
  font-size: 0.625rem;
  margin: 0 0.625rem 0.3125rem;
}
.purple-light .category-container .container #main .tab-bar.ios[data-v-26c48869] {
  gap: 0.5rem;
}
.purple-light .category-container .container #main .tab-bar.ios ion-segment-button[data-v-26c48869] {
  --indicator-color: #6526db;
  --color: #403d4f80;
  --color-checked: #403d4f;
  border-color: #dbc9ff;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  font-weight: 400;
  min-width: 0;
  border-width: 0.0625rem;
  border-style: solid;
}
.purple-light .category-container .container #main .tab-bar.ios ion-segment-button[data-v-26c48869]::part(indicator) {
  padding-inline: 0;
}
.purple-light .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-26c48869] {
  border: none;
  color: #403d4f;
}
.purple-light .category-container .container #main ion-list[data-v-26c48869] {
  background: transparent;
  padding-top: 0;
  padding-bottom: 0;
}
.purple-light .category-container .container #main ion-list ion-grid[data-v-26c48869] {
  padding-block: 0;
}
.purple-light .category-container .container #main ion-list ion-grid .skeleton-card[data-v-26c48869] {
  border-radius: 0.375rem;
  height: 6.5rem;
}
.purple-light .category-container .container #main ion-list ion-grid .empty[data-v-26c48869] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.purple-light .category-container .container #main ion-list ion-grid .empty .empty-bg-game[data-v-26c48869] {
  width: 7.5rem;
  height: 7.5rem;
  color: #6526db;
}
.purple-light .category-container .container #main ion-list ion-grid .empty .tip[data-v-26c48869] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  color: #403d4f80;
}
.purple-light .category-container .container #main ion-list ion-grid .card-col[data-v-26c48869] {
  padding-top: 0;
  padding-bottom: 0.625rem;
}
.purple-light .category-container .container #main ion-infinite-scroll[data-v-26c48869] {
  /* 设置触底加载更多样式 */
  min-height: 4.375rem;
}
.purple-light .category-container .container #main ion-infinite-scroll ion-infinite-scroll-content[data-v-26c48869] {
  /* 设置触底加载更多样式 */
  min-height: 0.625rem;
}
.purple-light .category-container[data-v-26c48869] {
  --ep-color-background-fill-body-default: var(--ion-background-color);
  --ep-color-background-fill-top-nav-secondary: #6526db;
}
.purple-light .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-26c48869] {
  color: #fff;
  font-weight: 700;
}
.yellow-dark .category-container[data-v-26c48869] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: #fff;
}
.yellow-dark .category-container .ion-no-border[data-v-26c48869] {
  background: var(--ep-color-background-fill-body-default);
}
.yellow-dark .category-container .ion-no-border ion-toolbar[data-v-26c48869] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary);
}
.yellow-dark .category-container .ion-no-border ion-toolbar[data-v-26c48869]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.yellow-dark .category-container .ion-no-border ion-title[data-v-26c48869] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: #fff;
}
.yellow-dark .category-container .ion-no-border .toolbar-search[data-v-26c48869] {
  --background: transparent;
  margin-top: 0.375rem;
}
.yellow-dark .category-container .ion-no-border .toolbar-search #searchbar[data-v-26c48869] {
  --color: #fff;
  --placeholder-color: #fff6;
  caret-color: #feb805;
  --background: #181816;
  --box-shadow: 
      0 0 0 1px #2e2d2c,
      0 2px 2px 0 rgba(0, 0, 0, .14),
      0 3px 1px -2px rgba(0, 0, 0, .2),
      0 1px 5px 0 rgba(0, 0, 0, .12)
    ;
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
}
.yellow-dark .category-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-26c48869] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.yellow-dark .category-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-26c48869] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #fff6;
}
.yellow-dark .category-container .container[data-v-26c48869] {
  display: flex;
  height: 100%;
}
.yellow-dark .category-container .container .side[data-v-26c48869] {
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --padding-top: 0;
  --padding-end: 0;
  min-width: 0;
  max-width: 5.3125rem;
}
.yellow-dark .category-container .container .side ion-segment[data-v-26c48869] {
  display: flex;
  flex-direction: column;
  --background: transparent;
}
.yellow-dark .category-container .container .side ion-segment ion-segment-button[data-v-26c48869] {
  --border-radius: 0.375rem;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  --background: #262624;
  text-transform: capitalize;
  min-width: 0;
  min-height: 3.5rem;
  margin-bottom: 1rem;
  margin-top: 0;
  font-weight: 500;
  color: #fff6;
}
.yellow-dark .category-container .container .side ion-segment ion-segment-button[data-v-26c48869]::part(indicator-background) {
  border: none;
}
.yellow-dark .category-container .container .side ion-segment ion-segment-button[data-v-26c48869]::part(indicator) {
  padding-inline: 0;
}
.yellow-dark .category-container .container .side ion-segment ion-segment-button .label[data-v-26c48869] {
  text-transform: none;
  white-space: normal;
  font-size: 0.75rem;
  line-height: 1rem;
}
.yellow-dark .category-container .container .side ion-segment ion-segment-button ion-img[data-v-26c48869] {
  filter: grayscale(1);
  opacity: 0.4;
  width: 2.375rem;
}
.yellow-dark .category-container .container .side ion-segment ion-segment-button ion-icon[data-v-26c48869] {
  filter: grayscale(1);
  opacity: 0.4;
  font-size: 2.375rem;
}
.yellow-dark .category-container .container .side ion-segment ion-segment-button ion-icon.active[data-v-26c48869] {
  filter: grayscale(0);
  opacity: 1;
  color: #feb805;
}
.yellow-dark .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869] {
  border: none;
  color: #fff;
}
.yellow-dark .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869]::part(indicator) {
  opacity: 1;
}
.yellow-dark .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869]::part(indicator-background) {
  background: #2f2e2d;
}
.yellow-dark .category-container .container .side ion-segment ion-segment-button.active-tab ion-img[data-v-26c48869] {
  filter: none;
  opacity: 1;
}
.yellow-dark .category-container .container .side ion-segment ion-segment-button.active-tab ion-icon[data-v-26c48869] {
  filter: grayscale(0);
  opacity: 1;
  color: #feb805;
}
.yellow-dark .category-container .container #main[data-v-26c48869] {
  --padding-top: 0.125rem;
}
.yellow-dark .category-container .container #main .tab-bar[data-v-26c48869] {
  --background: transparent;
  font-size: 0.625rem;
  margin: 0 0.625rem 0.3125rem;
}
.yellow-dark .category-container .container #main .tab-bar.ios[data-v-26c48869] {
  gap: 0.5rem;
}
.yellow-dark .category-container .container #main .tab-bar.ios ion-segment-button[data-v-26c48869] {
  --indicator-color: #feb805;
  --color: #fff6;
  --color-checked: #fff;
  border-color: #2e2d2c;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  font-weight: 400;
  min-width: 0;
  border-width: 0.0625rem;
  border-style: solid;
}
.yellow-dark .category-container .container #main .tab-bar.ios ion-segment-button[data-v-26c48869]::part(indicator) {
  padding-inline: 0;
}
.yellow-dark .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-26c48869] {
  border: none;
  color: #fff;
}
.yellow-dark .category-container .container #main ion-list[data-v-26c48869] {
  background: transparent;
  padding-top: 0;
  padding-bottom: 0;
}
.yellow-dark .category-container .container #main ion-list ion-grid[data-v-26c48869] {
  padding-block: 0;
}
.yellow-dark .category-container .container #main ion-list ion-grid .skeleton-card[data-v-26c48869] {
  border-radius: 0.375rem;
  height: 6.5rem;
}
.yellow-dark .category-container .container #main ion-list ion-grid .empty[data-v-26c48869] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.yellow-dark .category-container .container #main ion-list ion-grid .empty .empty-bg-game[data-v-26c48869] {
  width: 7.5rem;
  height: 7.5rem;
  color: #feb805;
}
.yellow-dark .category-container .container #main ion-list ion-grid .empty .tip[data-v-26c48869] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff6;
}
.yellow-dark .category-container .container #main ion-list ion-grid .card-col[data-v-26c48869] {
  padding-top: 0;
  padding-bottom: 0.625rem;
}
.yellow-dark .category-container .container #main ion-infinite-scroll[data-v-26c48869] {
  /* 设置触底加载更多样式 */
  min-height: 4.375rem;
}
.yellow-dark .category-container .container #main ion-infinite-scroll ion-infinite-scroll-content[data-v-26c48869] {
  /* 设置触底加载更多样式 */
  min-height: 0.625rem;
}
.yellow-dark .category-container[data-v-26c48869] {
  --ep-color-background-fill-body-default: var(--ion-background-color);
  --ep-color-background-fill-top-nav-secondary: #262624;
}
.yellow-dark .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-26c48869] {
  font-weight: 700;
}
.auroral-yellow .category-container[data-v-26c48869] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: #fff;
}
.auroral-yellow .category-container .ion-no-border[data-v-26c48869] {
  background: var(--ep-color-background-fill-body-default);
}
.auroral-yellow .category-container .ion-no-border ion-toolbar[data-v-26c48869] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary);
}
.auroral-yellow .category-container .ion-no-border ion-toolbar[data-v-26c48869]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.auroral-yellow .category-container .ion-no-border ion-title[data-v-26c48869] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: #fff;
}
.auroral-yellow .category-container .ion-no-border .toolbar-search[data-v-26c48869] {
  --background: transparent;
  margin-top: 0.375rem;
}
.auroral-yellow .category-container .ion-no-border .toolbar-search #searchbar[data-v-26c48869] {
  --color: #fff;
  --placeholder-color: var(--text-color2);
  caret-color: var(--theme-color-800);
  --background: var(--color-bg-300);
  --box-shadow: 
      0 0 0 1px var(--line-color),
      0 2px 2px 0 rgba(0, 0, 0, .14),
      0 3px 1px -2px rgba(0, 0, 0, .2),
      0 1px 5px 0 rgba(0, 0, 0, .12)
    ;
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
}
.auroral-yellow .category-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-26c48869] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.auroral-yellow .category-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-26c48869] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: var(--text-color2);
}
.auroral-yellow .category-container .container[data-v-26c48869] {
  display: flex;
  height: 100%;
}
.auroral-yellow .category-container .container .side[data-v-26c48869] {
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --padding-top: 0;
  --padding-end: 0;
  min-width: 0;
  max-width: 5.3125rem;
}
.auroral-yellow .category-container .container .side ion-segment[data-v-26c48869] {
  display: flex;
  flex-direction: column;
  --background: transparent;
}
.auroral-yellow .category-container .container .side ion-segment ion-segment-button[data-v-26c48869] {
  --border-radius: 0.375rem;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  --background: #262624;
  text-transform: capitalize;
  min-width: 0;
  min-height: 3.5rem;
  margin-bottom: 1rem;
  margin-top: 0;
  font-weight: 500;
  color: var(--text-color2);
}
.auroral-yellow .category-container .container .side ion-segment ion-segment-button[data-v-26c48869]::part(indicator-background) {
  border: none;
}
.auroral-yellow .category-container .container .side ion-segment ion-segment-button[data-v-26c48869]::part(indicator) {
  padding-inline: 0;
}
.auroral-yellow .category-container .container .side ion-segment ion-segment-button .label[data-v-26c48869] {
  text-transform: none;
  white-space: normal;
  font-size: 0.75rem;
  line-height: 1rem;
}
.auroral-yellow .category-container .container .side ion-segment ion-segment-button ion-img[data-v-26c48869] {
  filter: grayscale(1);
  opacity: 0.4;
  width: 2.375rem;
}
.auroral-yellow .category-container .container .side ion-segment ion-segment-button ion-icon[data-v-26c48869] {
  filter: grayscale(1);
  opacity: 0.4;
  font-size: 2.375rem;
}
.auroral-yellow .category-container .container .side ion-segment ion-segment-button ion-icon.active[data-v-26c48869] {
  filter: grayscale(0);
  opacity: 1;
  color: var(--theme-color-800);
}
.auroral-yellow .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869] {
  border: none;
  color: #fff;
}
.auroral-yellow .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869]::part(indicator) {
  opacity: 1;
}
.auroral-yellow .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869]::part(indicator-background) {
  background: #2f2e2d;
}
.auroral-yellow .category-container .container .side ion-segment ion-segment-button.active-tab ion-img[data-v-26c48869] {
  filter: none;
  opacity: 1;
}
.auroral-yellow .category-container .container .side ion-segment ion-segment-button.active-tab ion-icon[data-v-26c48869] {
  filter: grayscale(0);
  opacity: 1;
  color: var(--theme-color-800);
}
.auroral-yellow .category-container .container #main[data-v-26c48869] {
  --padding-top: 0.125rem;
}
.auroral-yellow .category-container .container #main .tab-bar[data-v-26c48869] {
  --background: transparent;
  font-size: 0.625rem;
  margin: 0 0.625rem 0.3125rem;
}
.auroral-yellow .category-container .container #main .tab-bar.ios[data-v-26c48869] {
  gap: 0.5rem;
}
.auroral-yellow .category-container .container #main .tab-bar.ios ion-segment-button[data-v-26c48869] {
  --indicator-color: var(--theme-color-800);
  --color: var(--text-color2);
  --color-checked: #2D2D2D;
  border-color: var(--line-color);
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  font-weight: 400;
  min-width: 0;
  border-width: 0.0625rem;
  border-style: solid;
}
.auroral-yellow .category-container .container #main .tab-bar.ios ion-segment-button[data-v-26c48869]::part(indicator) {
  padding-inline: 0;
}
.auroral-yellow .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-26c48869] {
  border: none;
  color: #2D2D2D;
}
.auroral-yellow .category-container .container #main ion-list[data-v-26c48869] {
  background: transparent;
  padding-top: 0;
  padding-bottom: 0;
}
.auroral-yellow .category-container .container #main ion-list ion-grid[data-v-26c48869] {
  padding-block: 0;
}
.auroral-yellow .category-container .container #main ion-list ion-grid .skeleton-card[data-v-26c48869] {
  border-radius: 0.375rem;
  height: 6.5rem;
}
.auroral-yellow .category-container .container #main ion-list ion-grid .empty[data-v-26c48869] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.auroral-yellow .category-container .container #main ion-list ion-grid .empty .empty-bg-game[data-v-26c48869] {
  width: 7.5rem;
  height: 7.5rem;
  color: var(--theme-color-800);
}
.auroral-yellow .category-container .container #main ion-list ion-grid .empty .tip[data-v-26c48869] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-color2);
}
.auroral-yellow .category-container .container #main ion-list ion-grid .card-col[data-v-26c48869] {
  padding-top: 0;
  padding-bottom: 0.625rem;
}
.auroral-yellow .category-container .container #main ion-infinite-scroll[data-v-26c48869] {
  /* 设置触底加载更多样式 */
  min-height: 4.375rem;
}
.auroral-yellow .category-container .container #main ion-infinite-scroll ion-infinite-scroll-content[data-v-26c48869] {
  /* 设置触底加载更多样式 */
  min-height: 0.625rem;
}
.auroral-yellow .category-container[data-v-26c48869] {
  --ep-color-background-fill-body-default: var(--ion-background-color);
  --ep-color-background-fill-top-nav-secondary: #24221F;
}
.green-dark .category-container[data-v-26c48869] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: #fff;
}
.green-dark .category-container .ion-no-border[data-v-26c48869] {
  background: var(--ep-color-background-fill-body-default);
}
.green-dark .category-container .ion-no-border ion-toolbar[data-v-26c48869] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary);
}
.green-dark .category-container .ion-no-border ion-toolbar[data-v-26c48869]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.green-dark .category-container .ion-no-border ion-title[data-v-26c48869] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: #fff;
}
.green-dark .category-container .ion-no-border .toolbar-search[data-v-26c48869] {
  --background: transparent;
  margin-top: 0.375rem;
}
.green-dark .category-container .ion-no-border .toolbar-search #searchbar[data-v-26c48869] {
  --color: #fff;
  --placeholder-color: #fff6;
  caret-color: #3e9b2f;
  --background: #16191d;
  --box-shadow: 
      0 0 0 1px #3b424e,
      0 2px 2px 0 rgba(0, 0, 0, .14),
      0 3px 1px -2px rgba(0, 0, 0, .2),
      0 1px 5px 0 rgba(0, 0, 0, .12)
    ;
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
}
.green-dark .category-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-26c48869] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.green-dark .category-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-26c48869] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #fff6;
}
.green-dark .category-container .container[data-v-26c48869] {
  display: flex;
  height: 100%;
}
.green-dark .category-container .container .side[data-v-26c48869] {
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --padding-top: 0;
  --padding-end: 0;
  min-width: 0;
  max-width: 5.3125rem;
}
.green-dark .category-container .container .side ion-segment[data-v-26c48869] {
  display: flex;
  flex-direction: column;
  --background: transparent;
}
.green-dark .category-container .container .side ion-segment ion-segment-button[data-v-26c48869] {
  --border-radius: 0.375rem;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  --background: #22262e;
  text-transform: capitalize;
  min-width: 0;
  min-height: 3.5rem;
  margin-bottom: 1rem;
  margin-top: 0;
  font-weight: 500;
  color: #fff6;
}
.green-dark .category-container .container .side ion-segment ion-segment-button[data-v-26c48869]::part(indicator-background) {
  border: none;
}
.green-dark .category-container .container .side ion-segment ion-segment-button[data-v-26c48869]::part(indicator) {
  padding-inline: 0;
}
.green-dark .category-container .container .side ion-segment ion-segment-button .label[data-v-26c48869] {
  text-transform: none;
  white-space: normal;
  font-size: 0.75rem;
  line-height: 1rem;
}
.green-dark .category-container .container .side ion-segment ion-segment-button ion-img[data-v-26c48869] {
  filter: grayscale(1);
  opacity: 0.4;
  width: 2.375rem;
}
.green-dark .category-container .container .side ion-segment ion-segment-button ion-icon[data-v-26c48869] {
  filter: grayscale(1);
  opacity: 0.4;
  font-size: 2.375rem;
}
.green-dark .category-container .container .side ion-segment ion-segment-button ion-icon.active[data-v-26c48869] {
  filter: grayscale(0);
  opacity: 1;
  color: #3e9b2f;
}
.green-dark .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869] {
  border: none;
  color: #fff;
}
.green-dark .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869]::part(indicator) {
  opacity: 1;
}
.green-dark .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869]::part(indicator-background) {
  background: #3b414d;
}
.green-dark .category-container .container .side ion-segment ion-segment-button.active-tab ion-img[data-v-26c48869] {
  filter: none;
  opacity: 1;
}
.green-dark .category-container .container .side ion-segment ion-segment-button.active-tab ion-icon[data-v-26c48869] {
  filter: grayscale(0);
  opacity: 1;
  color: #3e9b2f;
}
.green-dark .category-container .container #main[data-v-26c48869] {
  --padding-top: 0.125rem;
}
.green-dark .category-container .container #main .tab-bar[data-v-26c48869] {
  --background: transparent;
  font-size: 0.625rem;
  margin: 0 0.625rem 0.3125rem;
}
.green-dark .category-container .container #main .tab-bar.ios[data-v-26c48869] {
  gap: 0.5rem;
}
.green-dark .category-container .container #main .tab-bar.ios ion-segment-button[data-v-26c48869] {
  --indicator-color: #3e9b2f;
  --color: #fff6;
  --color-checked: #fff;
  border-color: #3b424e;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  font-weight: 400;
  min-width: 0;
  border-width: 0.0625rem;
  border-style: solid;
}
.green-dark .category-container .container #main .tab-bar.ios ion-segment-button[data-v-26c48869]::part(indicator) {
  padding-inline: 0;
}
.green-dark .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-26c48869] {
  border: none;
  color: #fff;
}
.green-dark .category-container .container #main ion-list[data-v-26c48869] {
  background: transparent;
  padding-top: 0;
  padding-bottom: 0;
}
.green-dark .category-container .container #main ion-list ion-grid[data-v-26c48869] {
  padding-block: 0;
}
.green-dark .category-container .container #main ion-list ion-grid .skeleton-card[data-v-26c48869] {
  border-radius: 0.375rem;
  height: 6.5rem;
}
.green-dark .category-container .container #main ion-list ion-grid .empty[data-v-26c48869] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.green-dark .category-container .container #main ion-list ion-grid .empty .empty-bg-game[data-v-26c48869] {
  width: 7.5rem;
  height: 7.5rem;
  color: #3e9b2f;
}
.green-dark .category-container .container #main ion-list ion-grid .empty .tip[data-v-26c48869] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff6;
}
.green-dark .category-container .container #main ion-list ion-grid .card-col[data-v-26c48869] {
  padding-top: 0;
  padding-bottom: 0.625rem;
}
.green-dark .category-container .container #main ion-infinite-scroll[data-v-26c48869] {
  /* 设置触底加载更多样式 */
  min-height: 4.375rem;
}
.green-dark .category-container .container #main ion-infinite-scroll ion-infinite-scroll-content[data-v-26c48869] {
  /* 设置触底加载更多样式 */
  min-height: 0.625rem;
}
.green-dark .category-container[data-v-26c48869] {
  --ep-color-background-fill-body-default: var(--ion-background-color);
  --ep-color-background-fill-top-nav-secondary: #22262E;
}
.green-dark .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-26c48869] {
  font-weight: 700;
}
.new-skin-symbol .category-container[data-v-26c48869] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: var(--ep-color-text-default);
}
.new-skin-symbol .category-container .ion-no-border[data-v-26c48869] {
  background: var(--ep-color-background-fill-body-default);
}
.new-skin-symbol .category-container .ion-no-border ion-toolbar[data-v-26c48869] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary);
}
.new-skin-symbol .category-container .ion-no-border ion-toolbar[data-v-26c48869]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.new-skin-symbol .category-container .ion-no-border ion-title[data-v-26c48869] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
.new-skin-symbol .category-container .ion-no-border .toolbar-search[data-v-26c48869] {
  --background: transparent;
  margin-top: 0.375rem;
}
.new-skin-symbol .category-container .ion-no-border .toolbar-search #searchbar[data-v-26c48869] {
  --color: var(--ep-color-text-default);
  --placeholder-color: var(--ep-color-text-weaker);
  caret-color: var(--ep-color-border-brand);
  --background: var(--ep-color-background-fill-surface-lowered);
  --box-shadow: 
      0 0 0 1px  var(--ep-color-border-default),
      0 2px 2px 0 rgba(0, 0, 0, .14),
      0 3px 1px -2px rgba(0, 0, 0, .2),
      0 1px 5px 0 rgba(0, 0, 0, .12)
    ;
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
}
.new-skin-symbol .category-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-26c48869] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.new-skin-symbol .category-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-26c48869] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: var(--ep-color-icon-weaker);
}
.new-skin-symbol .category-container .container[data-v-26c48869] {
  display: flex;
  height: 100%;
}
.new-skin-symbol .category-container .container .side[data-v-26c48869] {
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --padding-top: 0;
  --padding-end: 0;
  min-width: 0;
  max-width: 5.3125rem;
}
.new-skin-symbol .category-container .container .side ion-segment[data-v-26c48869] {
  display: flex;
  flex-direction: column;
  --background: transparent;
}
.new-skin-symbol .category-container .container .side ion-segment ion-segment-button[data-v-26c48869] {
  --border-radius: 0.375rem;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  --background: var(--ep-color-background-fill-surface-raised-L1);
  text-transform: capitalize;
  min-width: 0;
  min-height: 3.5rem;
  margin-bottom: 1rem;
  margin-top: 0;
  font-weight: 500;
  color: var(--ep-color-text-weaker);
}
.new-skin-symbol .category-container .container .side ion-segment ion-segment-button[data-v-26c48869]::part(indicator-background) {
  border: none;
}
.new-skin-symbol .category-container .container .side ion-segment ion-segment-button[data-v-26c48869]::part(indicator) {
  padding-inline: 0;
}
.new-skin-symbol .category-container .container .side ion-segment ion-segment-button .label[data-v-26c48869] {
  text-transform: none;
  white-space: normal;
  font-size: 0.75rem;
  line-height: 1rem;
}
.new-skin-symbol .category-container .container .side ion-segment ion-segment-button ion-img[data-v-26c48869] {
  filter: grayscale(1);
  opacity: 0.4;
  width: 2.375rem;
}
.new-skin-symbol .category-container .container .side ion-segment ion-segment-button ion-icon[data-v-26c48869] {
  filter: grayscale(1);
  opacity: 0.4;
  font-size: 2.375rem;
}
.new-skin-symbol .category-container .container .side ion-segment ion-segment-button ion-icon.active[data-v-26c48869] {
  filter: grayscale(0);
  opacity: 1;
  color: var(--ep-color-icon-selected);
}
.new-skin-symbol .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869] {
  border: none;
  color: var(--ep-color-text-default);
}
.new-skin-symbol .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869]::part(indicator) {
  opacity: 1;
}
.new-skin-symbol .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-26c48869]::part(indicator-background) {
  background: var(--ep-dynamic-secondary);
}
.new-skin-symbol .category-container .container .side ion-segment ion-segment-button.active-tab ion-img[data-v-26c48869] {
  filter: none;
  opacity: 1;
}
.new-skin-symbol .category-container .container .side ion-segment ion-segment-button.active-tab ion-icon[data-v-26c48869] {
  filter: grayscale(0);
  opacity: 1;
  color: var(--ep-color-icon-selected);
}
.new-skin-symbol .category-container .container #main[data-v-26c48869] {
  --padding-top: 0.125rem;
}
.new-skin-symbol .category-container .container #main .tab-bar[data-v-26c48869] {
  --background: transparent;
  font-size: 0.625rem;
  margin: 0 0.625rem 0.3125rem;
}
.new-skin-symbol .category-container .container #main .tab-bar.ios[data-v-26c48869] {
  gap: 0.5rem;
}
.new-skin-symbol .category-container .container #main .tab-bar.ios ion-segment-button[data-v-26c48869] {
  --indicator-color: var(--ep-color-background-fill-active-primary);
  --color: var(--ep-color-text-weaker);
  --color-checked: var(--ep-color-text-inverse);
  border-color: var(--ep-color-border-default);
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  font-weight: 400;
  min-width: 0;
  border-width: 0.0625rem;
  border-style: solid;
}
.new-skin-symbol .category-container .container #main .tab-bar.ios ion-segment-button[data-v-26c48869]::part(indicator) {
  padding-inline: 0;
}
.new-skin-symbol .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-26c48869] {
  border: none;
  color: var(--ep-color-text-inverse);
}
.new-skin-symbol .category-container .container #main ion-list[data-v-26c48869] {
  background: transparent;
  padding-top: 0;
  padding-bottom: 0;
}
.new-skin-symbol .category-container .container #main ion-list ion-grid[data-v-26c48869] {
  padding-block: 0;
}
.new-skin-symbol .category-container .container #main ion-list ion-grid .skeleton-card[data-v-26c48869] {
  border-radius: 0.375rem;
  height: 6.5rem;
}
.new-skin-symbol .category-container .container #main ion-list ion-grid .empty[data-v-26c48869] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.new-skin-symbol .category-container .container #main ion-list ion-grid .empty .empty-bg-game[data-v-26c48869] {
  width: 7.5rem;
  height: 7.5rem;
  color: var(--ep-color-icon-selected);
}
.new-skin-symbol .category-container .container #main ion-list ion-grid .empty .tip[data-v-26c48869] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--ep-color-text-weaker);
}
.new-skin-symbol .category-container .container #main ion-list ion-grid .card-col[data-v-26c48869] {
  padding-top: 0;
  padding-bottom: 0.625rem;
}
.new-skin-symbol .category-container .container #main ion-infinite-scroll[data-v-26c48869] {
  /* 设置触底加载更多样式 */
  min-height: 4.375rem;
}
.new-skin-symbol .category-container .container #main ion-infinite-scroll ion-infinite-scroll-content[data-v-26c48869] {
  /* 设置触底加载更多样式 */
  min-height: 0.625rem;
}
.custom-segment[data-v-26c48869] {
  height: 100%;
  overflow: hidden;
}
.custom-segment .segment-scroll[data-v-26c48869] {
  overflow-y: auto;
  max-height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.custom-segment .segment-scroll[data-v-26c48869]::-webkit-scrollbar {
  display: none;
}
.aspect-ratio-card[data-v-26c48869] {
  width: 100%;
  height: 5.9013rem;
  aspect-ratio: 100 / 32.786;
  margin: 0 auto;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
}
.game-list-fade-enter-active[data-v-26c48869],
.game-list-fade-leave-active[data-v-26c48869] {
  transition: opacity 0.15s ease;
}
.game-list-fade-enter-from[data-v-26c48869],
.game-list-fade-leave-to[data-v-26c48869] {
  opacity: 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default .category-sport-container[data-v-008d630e] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: var(--text-color1);
}
.blue-default .category-sport-container .ion-no-border[data-v-008d630e] {
  background: var(--ep-color-background-fill-body-default, var(--ion-background-color));
}
.blue-default .category-sport-container .ion-no-border ion-toolbar[data-v-008d630e] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary, var(--ep-compat-color-background-fill-top-nav-secondary));
}
.blue-default .category-sport-container .ion-no-border ion-toolbar[data-v-008d630e]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.blue-default .category-sport-container .ion-no-border ion-title[data-v-008d630e] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--text-color1);
}
.blue-default .category-sport-container .ion-no-border .toolbar-search[data-v-008d630e] {
  --background: transparent;
  margin-top: 0.375rem;
}
.blue-default .category-sport-container .ion-no-border .toolbar-search #searchbar[data-v-008d630e] {
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
  --color: var(--text-color1);
  --placeholder-color: var(--text-color2);
  caret-color: #116fcd;
  --background: #101629;
  --box-shadow: 0 0 0 1px #1a233e,
      0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 3px 1px -2px rgba(0, 0, 0, 0.2),
      0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.blue-default .category-sport-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-008d630e] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.blue-default .category-sport-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-008d630e] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #fff;
}
.blue-default .category-sport-container ion-segment[data-v-008d630e] {
  /* 设置导航标签布局方式 */
  display: flex;
  justify-content: left;
  padding: 0.375rem 0.625rem 0;
  border-bottom: 1px solid var(--ep-color-border-default);
}
.blue-default .category-sport-container ion-segment ion-segment-button[data-v-008d630e] {
  --indicator-height: 0.125rem;
  --padding-start: 0.375rem;
  --padding-end: 0.375rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --indicator-color: #38a8fa;
  --color-checked: var(--text-color1);
  --color: var(--text-color2);
  margin-bottom: -1px;
  text-transform: capitalize;
  min-width: 0;
}
.blue-default .category-sport-container ion-segment ion-segment-button[data-v-008d630e]::part(indicator) {
  /* 设置指示器宽度 */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.blue-default .category-sport-container ion-segment ion-segment-button .tab[data-v-008d630e] {
  /* 取消导航标签的标签与指示器之间的边距 */
  text-transform: none;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  --padding-top: 0;
  --padding-bottom: 0.3125rem;
  --padding-start: 0;
  --padding-end: 0;
  min-width: 0;
  height: 2.625rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: var(--text-color2);
}
.blue-default .category-sport-container ion-segment ion-segment-button .tab .text[data-v-008d630e] {
  align-self: end;
}
.blue-default .category-sport-container ion-segment ion-segment-button .tab .tab-img[data-v-008d630e] {
  width: 1.25rem;
}
.blue-default .category-sport-container ion-segment ion-segment-button .tab .tab-icon[data-v-008d630e] {
  font-size: 1rem;
  margin-right: 0.3rem;
  color: var(--text-color1);
}
.blue-default .category-sport-container ion-segment .segment-button-checked[data-v-008d630e] {
  font-weight: 700;
}
.blue-default .category-sport-container ion-segment .segment-button-checked.md[data-v-008d630e]::part(indicator) {
  width: unset;
  font-size: 0.875rem;
}
.blue-default .category-sport-container ion-segment .segment-button-checked .tab[data-v-008d630e] {
  color: var(--text-color1);
  font-weight: 700;
}
.blue-default .category-sport-container ion-segment .segment-button-checked .tab .tab-icon[data-v-008d630e] {
  color: #38a8fa;
}
.blue-default .category-sport-container .game-box[data-v-008d630e] {
  padding-inline: 0.75rem;
  --ion-grid-padding: 0.25rem;
}
.blue-default .category-sport-container .game-box ion-col[data-v-008d630e] {
  --ion-grid-column-padding: 0.25rem;
}
.blue-default .category-sport-container .game-box .sport-card[data-v-008d630e] {
  width: 100%;
  height: 7.5rem;
  border-radius: 0.5rem;
  margin-top: 0.75rem;
  overflow: hidden;
}
.blue-default .category-sport-container .game-box .empty[data-v-008d630e] {
  width: calc(100% - 2rem);
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.blue-default .category-sport-container .game-box .empty .empty-bg-game[data-v-008d630e] {
  width: 10rem;
  height: 10rem;
  color: #fff;
}
.blue-default .category-sport-container .game-box .empty .tip[data-v-008d630e] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: var(--text-color2);
}
.blue-default ion-segment ion-segment-button[data-v-008d630e] {
  margin-bottom: -0.0625rem;
}
.blue-default ion-segment ion-segment-button .tab[data-v-008d630e] {
  font-weight: 400;
}
.green-default .category-sport-container[data-v-008d630e] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: #afc69f;
}
.green-default .category-sport-container .ion-no-border[data-v-008d630e] {
  background: var(--ep-color-background-fill-body-default, var(--ion-background-color));
}
.green-default .category-sport-container .ion-no-border ion-toolbar[data-v-008d630e] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary, var(--ep-compat-color-background-fill-top-nav-secondary));
}
.green-default .category-sport-container .ion-no-border ion-toolbar[data-v-008d630e]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.green-default .category-sport-container .ion-no-border ion-title[data-v-008d630e] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: #afc69f;
}
.green-default .category-sport-container .ion-no-border .toolbar-search[data-v-008d630e] {
  --background: transparent;
  margin-top: 0.375rem;
}
.green-default .category-sport-container .ion-no-border .toolbar-search #searchbar[data-v-008d630e] {
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
  --color: #afc69f;
  --placeholder-color: #7e9071;
  caret-color: #3e9b2f;
  --background: #183009;
  --box-shadow: 0 0 0 1px #34571d,
      0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 3px 1px -2px rgba(0, 0, 0, 0.2),
      0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.green-default .category-sport-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-008d630e] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.green-default .category-sport-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-008d630e] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #afc69f;
}
.green-default .category-sport-container ion-segment[data-v-008d630e] {
  /* 设置导航标签布局方式 */
  display: flex;
  justify-content: left;
  padding: 0.375rem 0.625rem 0;
  border-bottom: 1px solid #34571d;
}
.green-default .category-sport-container ion-segment ion-segment-button[data-v-008d630e] {
  --indicator-height: 0.125rem;
  --padding-start: 0.375rem;
  --padding-end: 0.375rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --indicator-color: #3e9b2f;
  --color-checked: #afc69f;
  --color: #7e9071;
  margin-bottom: -1px;
  text-transform: capitalize;
  min-width: 0;
}
.green-default .category-sport-container ion-segment ion-segment-button[data-v-008d630e]::part(indicator) {
  /* 设置指示器宽度 */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.green-default .category-sport-container ion-segment ion-segment-button .tab[data-v-008d630e] {
  /* 取消导航标签的标签与指示器之间的边距 */
  text-transform: none;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  --padding-top: 0;
  --padding-bottom: 0.3125rem;
  --padding-start: 0;
  --padding-end: 0;
  min-width: 0;
  height: 2.625rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #7e9071;
}
.green-default .category-sport-container ion-segment ion-segment-button .tab .text[data-v-008d630e] {
  align-self: end;
}
.green-default .category-sport-container ion-segment ion-segment-button .tab .tab-img[data-v-008d630e] {
  width: 1.25rem;
}
.green-default .category-sport-container ion-segment ion-segment-button .tab .tab-icon[data-v-008d630e] {
  font-size: 1rem;
  margin-right: 0.3rem;
  color: #afc69f;
}
.green-default .category-sport-container ion-segment .segment-button-checked[data-v-008d630e] {
  font-weight: 700;
}
.green-default .category-sport-container ion-segment .segment-button-checked.md[data-v-008d630e]::part(indicator) {
  width: unset;
  font-size: 0.875rem;
}
.green-default .category-sport-container ion-segment .segment-button-checked .tab[data-v-008d630e] {
  color: #afc69f;
  font-weight: 700;
}
.green-default .category-sport-container ion-segment .segment-button-checked .tab .tab-icon[data-v-008d630e] {
  color: #feb805;
}
.green-default .category-sport-container .game-box[data-v-008d630e] {
  padding-inline: 0.75rem;
  --ion-grid-padding: 0.25rem;
}
.green-default .category-sport-container .game-box ion-col[data-v-008d630e] {
  --ion-grid-column-padding: 0.25rem;
}
.green-default .category-sport-container .game-box .sport-card[data-v-008d630e] {
  width: 100%;
  height: 7.5rem;
  border-radius: 0.5rem;
  margin-top: 0.75rem;
  overflow: hidden;
}
.green-default .category-sport-container .game-box .empty[data-v-008d630e] {
  width: calc(100% - 2rem);
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.green-default .category-sport-container .game-box .empty .empty-bg-game[data-v-008d630e] {
  width: 10rem;
  height: 10rem;
  color: #afc69f;
}
.green-default .category-sport-container .game-box .empty .tip[data-v-008d630e] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: #7e9071;
}
.green-default ion-segment ion-segment-button[data-v-008d630e] {
  margin-bottom: -0.0625rem;
}
.green-default ion-segment ion-segment-button .tab[data-v-008d630e] {
  font-weight: 400;
}
.forest-green .category-sport-container[data-v-008d630e] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: var(--text-color1);
}
.forest-green .category-sport-container .ion-no-border[data-v-008d630e] {
  background: var(--ep-color-background-fill-body-default, var(--ion-background-color));
}
.forest-green .category-sport-container .ion-no-border ion-toolbar[data-v-008d630e] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary, var(--ep-compat-color-background-fill-top-nav-secondary));
}
.forest-green .category-sport-container .ion-no-border ion-toolbar[data-v-008d630e]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.forest-green .category-sport-container .ion-no-border ion-title[data-v-008d630e] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--text-color1);
}
.forest-green .category-sport-container .ion-no-border .toolbar-search[data-v-008d630e] {
  --background: transparent;
  margin-top: 0.375rem;
}
.forest-green .category-sport-container .ion-no-border .toolbar-search #searchbar[data-v-008d630e] {
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
  --color: var(--text-color1);
  --placeholder-color: var(--text-color2);
  caret-color: var(--theme-color-800);
  --background: var(--color-bg-300);
  --box-shadow: 0 0 0 1px var(--line-color),
      0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 3px 1px -2px rgba(0, 0, 0, 0.2),
      0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.forest-green .category-sport-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-008d630e] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.forest-green .category-sport-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-008d630e] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: var(--text-color1);
}
.forest-green .category-sport-container ion-segment[data-v-008d630e] {
  /* 设置导航标签布局方式 */
  display: flex;
  justify-content: left;
  padding: 0.375rem 0.625rem 0;
  border-bottom: 1px solid var(--line-color);
}
.forest-green .category-sport-container ion-segment ion-segment-button[data-v-008d630e] {
  --indicator-height: 0.125rem;
  --padding-start: 0.375rem;
  --padding-end: 0.375rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --indicator-color: var(--theme-color-800);
  --color-checked: var(--text-color1);
  --color: var(--text-color2);
  margin-bottom: -1px;
  text-transform: capitalize;
  min-width: 0;
}
.forest-green .category-sport-container ion-segment ion-segment-button[data-v-008d630e]::part(indicator) {
  /* 设置指示器宽度 */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.forest-green .category-sport-container ion-segment ion-segment-button .tab[data-v-008d630e] {
  /* 取消导航标签的标签与指示器之间的边距 */
  text-transform: none;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  --padding-top: 0;
  --padding-bottom: 0.3125rem;
  --padding-start: 0;
  --padding-end: 0;
  min-width: 0;
  height: 2.625rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: var(--text-color2);
}
.forest-green .category-sport-container ion-segment ion-segment-button .tab .text[data-v-008d630e] {
  align-self: end;
}
.forest-green .category-sport-container ion-segment ion-segment-button .tab .tab-img[data-v-008d630e] {
  width: 1.25rem;
}
.forest-green .category-sport-container ion-segment ion-segment-button .tab .tab-icon[data-v-008d630e] {
  font-size: 1rem;
  margin-right: 0.3rem;
  color: var(--text-color1);
}
.forest-green .category-sport-container ion-segment .segment-button-checked[data-v-008d630e] {
  font-weight: 700;
}
.forest-green .category-sport-container ion-segment .segment-button-checked.md[data-v-008d630e]::part(indicator) {
  width: unset;
  font-size: 0.875rem;
}
.forest-green .category-sport-container ion-segment .segment-button-checked .tab[data-v-008d630e] {
  color: var(--text-color1);
  font-weight: 700;
}
.forest-green .category-sport-container ion-segment .segment-button-checked .tab .tab-icon[data-v-008d630e] {
  color: #feb805;
}
.forest-green .category-sport-container .game-box[data-v-008d630e] {
  padding-inline: 0.75rem;
  --ion-grid-padding: 0.25rem;
}
.forest-green .category-sport-container .game-box ion-col[data-v-008d630e] {
  --ion-grid-column-padding: 0.25rem;
}
.forest-green .category-sport-container .game-box .sport-card[data-v-008d630e] {
  width: 100%;
  height: 7.5rem;
  border-radius: 0.5rem;
  margin-top: 0.75rem;
  overflow: hidden;
}
.forest-green .category-sport-container .game-box .empty[data-v-008d630e] {
  width: calc(100% - 2rem);
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.forest-green .category-sport-container .game-box .empty .empty-bg-game[data-v-008d630e] {
  width: 10rem;
  height: 10rem;
  color: var(--text-color1);
}
.forest-green .category-sport-container .game-box .empty .tip[data-v-008d630e] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: var(--text-color2);
}
.forest-green ion-segment ion-segment-button[data-v-008d630e] {
  margin-bottom: -0.0625rem;
}
.forest-green ion-segment ion-segment-button .tab[data-v-008d630e] {
  font-weight: 400;
}
.amber-purple .category-sport-container[data-v-008d630e] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: #bdb8e1;
}
.amber-purple .category-sport-container .ion-no-border[data-v-008d630e] {
  background: var(--ep-color-background-fill-body-default, var(--ion-background-color));
}
.amber-purple .category-sport-container .ion-no-border ion-toolbar[data-v-008d630e] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary, var(--ep-compat-color-background-fill-top-nav-secondary));
}
.amber-purple .category-sport-container .ion-no-border ion-toolbar[data-v-008d630e]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.amber-purple .category-sport-container .ion-no-border ion-title[data-v-008d630e] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: #bdb8e1;
}
.amber-purple .category-sport-container .ion-no-border .toolbar-search[data-v-008d630e] {
  --background: transparent;
  margin-top: 0.375rem;
}
.amber-purple .category-sport-container .ion-no-border .toolbar-search #searchbar[data-v-008d630e] {
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
  --color: #bdb8e1;
  --placeholder-color: #686299;
  caret-color: #7041f3;
  --background: #252141;
  --box-shadow: 0 0 0 1px #5f588c,
      0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 3px 1px -2px rgba(0, 0, 0, 0.2),
      0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.amber-purple .category-sport-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-008d630e] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.amber-purple .category-sport-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-008d630e] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #bdb8e1;
}
.amber-purple .category-sport-container ion-segment[data-v-008d630e] {
  /* 设置导航标签布局方式 */
  display: flex;
  justify-content: left;
  padding: 0.375rem 0.625rem 0;
  border-bottom: 1px solid #5f588c;
}
.amber-purple .category-sport-container ion-segment ion-segment-button[data-v-008d630e] {
  --indicator-height: 0.125rem;
  --padding-start: 0.375rem;
  --padding-end: 0.375rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --indicator-color: linear-gradient(90deg, #EABD5B 2.63%, #7546EE 100%);
  --color-checked: #bdb8e1;
  --color: #686299;
  margin-bottom: -1px;
  text-transform: capitalize;
  min-width: 0;
}
.amber-purple .category-sport-container ion-segment ion-segment-button[data-v-008d630e]::part(indicator) {
  /* 设置指示器宽度 */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.amber-purple .category-sport-container ion-segment ion-segment-button .tab[data-v-008d630e] {
  /* 取消导航标签的标签与指示器之间的边距 */
  text-transform: none;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  --padding-top: 0;
  --padding-bottom: 0.3125rem;
  --padding-start: 0;
  --padding-end: 0;
  min-width: 0;
  height: 2.625rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #686299;
}
.amber-purple .category-sport-container ion-segment ion-segment-button .tab .text[data-v-008d630e] {
  align-self: end;
}
.amber-purple .category-sport-container ion-segment ion-segment-button .tab .tab-img[data-v-008d630e] {
  width: 1.25rem;
}
.amber-purple .category-sport-container ion-segment ion-segment-button .tab .tab-icon[data-v-008d630e] {
  font-size: 1rem;
  margin-right: 0.3rem;
  color: #bdb8e1;
}
.amber-purple .category-sport-container ion-segment .segment-button-checked[data-v-008d630e] {
  font-weight: 700;
}
.amber-purple .category-sport-container ion-segment .segment-button-checked.md[data-v-008d630e]::part(indicator) {
  width: unset;
  font-size: 0.875rem;
}
.amber-purple .category-sport-container ion-segment .segment-button-checked .tab[data-v-008d630e] {
  color: #bdb8e1;
  font-weight: 700;
}
.amber-purple .category-sport-container ion-segment .segment-button-checked .tab .tab-icon[data-v-008d630e] {
  color: #7041f3;
}
.amber-purple .category-sport-container .game-box[data-v-008d630e] {
  padding-inline: 0.75rem;
  --ion-grid-padding: 0.25rem;
}
.amber-purple .category-sport-container .game-box ion-col[data-v-008d630e] {
  --ion-grid-column-padding: 0.25rem;
}
.amber-purple .category-sport-container .game-box .sport-card[data-v-008d630e] {
  width: 100%;
  height: 7.5rem;
  border-radius: 0.5rem;
  margin-top: 0.75rem;
  overflow: hidden;
}
.amber-purple .category-sport-container .game-box .empty[data-v-008d630e] {
  width: calc(100% - 2rem);
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.amber-purple .category-sport-container .game-box .empty .empty-bg-game[data-v-008d630e] {
  width: 10rem;
  height: 10rem;
  color: #bdb8e1;
}
.amber-purple .category-sport-container .game-box .empty .tip[data-v-008d630e] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: #686299;
}
.amber-purple .category-sport-container .container[data-v-008d630e]::part(background) {
  background: transparent;
}
.amber-purple .category-sport-container .container ion-segment[data-v-008d630e] {
  border-bottom: none;
}
.amber-purple .category-sport-container .container ion-segment ion-segment-button[data-v-008d630e] {
  margin-bottom: -0.0625rem;
}
.amber-purple .category-sport-container .container ion-segment ion-segment-button .tab[data-v-008d630e] {
  font-weight: 400;
}
.green-dark .category-sport-container[data-v-008d630e] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: #fff;
}
.green-dark .category-sport-container .ion-no-border[data-v-008d630e] {
  background: var(--ep-color-background-fill-body-default, var(--ion-background-color));
}
.green-dark .category-sport-container .ion-no-border ion-toolbar[data-v-008d630e] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary, var(--ep-compat-color-background-fill-top-nav-secondary));
}
.green-dark .category-sport-container .ion-no-border ion-toolbar[data-v-008d630e]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.green-dark .category-sport-container .ion-no-border ion-title[data-v-008d630e] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: #fff;
}
.green-dark .category-sport-container .ion-no-border .toolbar-search[data-v-008d630e] {
  --background: transparent;
  margin-top: 0.375rem;
}
.green-dark .category-sport-container .ion-no-border .toolbar-search #searchbar[data-v-008d630e] {
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
  --color: #fff;
  --placeholder-color: #fff6;
  caret-color: #3e9b2f;
  --background: #16191d;
  --box-shadow: 0 0 0 1px #3b424e,
      0 2px 2px 0 rgba(0, 0, 0, .14),
      0 3px 1px -2px rgba(0, 0, 0, .2),
      0 1px 5px 0 rgba(0, 0, 0, .12);
}
.green-dark .category-sport-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-008d630e] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.green-dark .category-sport-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-008d630e] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #fff;
}
.green-dark .category-sport-container ion-segment[data-v-008d630e] {
  /* 设置导航标签布局方式 */
  display: flex;
  justify-content: left;
  padding: 0.375rem 0.625rem 0;
  border-bottom: 1px solid #3b424e;
}
.green-dark .category-sport-container ion-segment ion-segment-button[data-v-008d630e] {
  --indicator-height: 0.125rem;
  --padding-start: 0.375rem;
  --padding-end: 0.375rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --indicator-color: #3e9b2f;
  --color-checked: #fff;
  --color: #fff6;
  margin-bottom: -1px;
  text-transform: capitalize;
  min-width: 0;
}
.green-dark .category-sport-container ion-segment ion-segment-button[data-v-008d630e]::part(indicator) {
  /* 设置指示器宽度 */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.green-dark .category-sport-container ion-segment ion-segment-button .tab[data-v-008d630e] {
  /* 取消导航标签的标签与指示器之间的边距 */
  text-transform: none;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  --padding-top: 0;
  --padding-bottom: 0.3125rem;
  --padding-start: 0;
  --padding-end: 0;
  min-width: 0;
  height: 2.625rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #fff6;
}
.green-dark .category-sport-container ion-segment ion-segment-button .tab .text[data-v-008d630e] {
  align-self: end;
}
.green-dark .category-sport-container ion-segment ion-segment-button .tab .tab-img[data-v-008d630e] {
  width: 1.25rem;
}
.green-dark .category-sport-container ion-segment ion-segment-button .tab .tab-icon[data-v-008d630e] {
  font-size: 1rem;
  margin-right: 0.3rem;
  color: #fff;
}
.green-dark .category-sport-container ion-segment .segment-button-checked[data-v-008d630e] {
  font-weight: 700;
}
.green-dark .category-sport-container ion-segment .segment-button-checked.md[data-v-008d630e]::part(indicator) {
  width: unset;
  font-size: 0.875rem;
}
.green-dark .category-sport-container ion-segment .segment-button-checked .tab[data-v-008d630e] {
  color: #fff;
  font-weight: 700;
}
.green-dark .category-sport-container ion-segment .segment-button-checked .tab .tab-icon[data-v-008d630e] {
  color: #3e9b2f;
}
.green-dark .category-sport-container .game-box[data-v-008d630e] {
  padding-inline: 0.75rem;
  --ion-grid-padding: 0.25rem;
}
.green-dark .category-sport-container .game-box ion-col[data-v-008d630e] {
  --ion-grid-column-padding: 0.25rem;
}
.green-dark .category-sport-container .game-box .sport-card[data-v-008d630e] {
  width: 100%;
  height: 7.5rem;
  border-radius: 0.5rem;
  margin-top: 0.75rem;
  overflow: hidden;
}
.green-dark .category-sport-container .game-box .empty[data-v-008d630e] {
  width: calc(100% - 2rem);
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.green-dark .category-sport-container .game-box .empty .empty-bg-game[data-v-008d630e] {
  width: 10rem;
  height: 10rem;
  color: #fff;
}
.green-dark .category-sport-container .game-box .empty .tip[data-v-008d630e] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: #fff6;
}
.green-dark ion-segment ion-segment-button[data-v-008d630e] {
  margin-bottom: -0.0625rem;
}
.green-dark ion-segment ion-segment-button .tab[data-v-008d630e] {
  font-weight: 400;
}
.yellow-dark .category-sport-container[data-v-008d630e] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: #fff;
}
.yellow-dark .category-sport-container .ion-no-border[data-v-008d630e] {
  background: var(--ep-color-background-fill-body-default, var(--ion-background-color));
}
.yellow-dark .category-sport-container .ion-no-border ion-toolbar[data-v-008d630e] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary, var(--ep-compat-color-background-fill-top-nav-secondary));
}
.yellow-dark .category-sport-container .ion-no-border ion-toolbar[data-v-008d630e]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.yellow-dark .category-sport-container .ion-no-border ion-title[data-v-008d630e] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: #fff;
}
.yellow-dark .category-sport-container .ion-no-border .toolbar-search[data-v-008d630e] {
  --background: transparent;
  margin-top: 0.375rem;
}
.yellow-dark .category-sport-container .ion-no-border .toolbar-search #searchbar[data-v-008d630e] {
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
  --color: #fff;
  --placeholder-color: #fff6;
  caret-color: #feb805;
  --background: #181816;
  --box-shadow: 0 0 0 1px #2e2d2c,
      0 2px 2px 0 rgba(0, 0, 0, .14),
      0 3px 1px -2px rgba(0, 0, 0, .2),
      0 1px 5px 0 rgba(0, 0, 0, .12);
}
.yellow-dark .category-sport-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-008d630e] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.yellow-dark .category-sport-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-008d630e] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #fff;
}
.yellow-dark .category-sport-container ion-segment[data-v-008d630e] {
  /* 设置导航标签布局方式 */
  display: flex;
  justify-content: left;
  padding: 0.375rem 0.625rem 0;
  border-bottom: 1px solid #2e2d2c;
}
.yellow-dark .category-sport-container ion-segment ion-segment-button[data-v-008d630e] {
  --indicator-height: 0.125rem;
  --padding-start: 0.375rem;
  --padding-end: 0.375rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --indicator-color: #feb805;
  --color-checked: #fff;
  --color: #fff6;
  margin-bottom: -1px;
  text-transform: capitalize;
  min-width: 0;
}
.yellow-dark .category-sport-container ion-segment ion-segment-button[data-v-008d630e]::part(indicator) {
  /* 设置指示器宽度 */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.yellow-dark .category-sport-container ion-segment ion-segment-button .tab[data-v-008d630e] {
  /* 取消导航标签的标签与指示器之间的边距 */
  text-transform: none;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  --padding-top: 0;
  --padding-bottom: 0.3125rem;
  --padding-start: 0;
  --padding-end: 0;
  min-width: 0;
  height: 2.625rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #fff6;
}
.yellow-dark .category-sport-container ion-segment ion-segment-button .tab .text[data-v-008d630e] {
  align-self: end;
}
.yellow-dark .category-sport-container ion-segment ion-segment-button .tab .tab-img[data-v-008d630e] {
  width: 1.25rem;
}
.yellow-dark .category-sport-container ion-segment ion-segment-button .tab .tab-icon[data-v-008d630e] {
  font-size: 1rem;
  margin-right: 0.3rem;
  color: #fff;
}
.yellow-dark .category-sport-container ion-segment .segment-button-checked[data-v-008d630e] {
  font-weight: 700;
}
.yellow-dark .category-sport-container ion-segment .segment-button-checked.md[data-v-008d630e]::part(indicator) {
  width: unset;
  font-size: 0.875rem;
}
.yellow-dark .category-sport-container ion-segment .segment-button-checked .tab[data-v-008d630e] {
  color: #fff;
  font-weight: 700;
}
.yellow-dark .category-sport-container ion-segment .segment-button-checked .tab .tab-icon[data-v-008d630e] {
  color: #feb805;
}
.yellow-dark .category-sport-container .game-box[data-v-008d630e] {
  padding-inline: 0.75rem;
  --ion-grid-padding: 0.25rem;
}
.yellow-dark .category-sport-container .game-box ion-col[data-v-008d630e] {
  --ion-grid-column-padding: 0.25rem;
}
.yellow-dark .category-sport-container .game-box .sport-card[data-v-008d630e] {
  width: 100%;
  height: 7.5rem;
  border-radius: 0.5rem;
  margin-top: 0.75rem;
  overflow: hidden;
}
.yellow-dark .category-sport-container .game-box .empty[data-v-008d630e] {
  width: calc(100% - 2rem);
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.yellow-dark .category-sport-container .game-box .empty .empty-bg-game[data-v-008d630e] {
  width: 10rem;
  height: 10rem;
  color: #fff;
}
.yellow-dark .category-sport-container .game-box .empty .tip[data-v-008d630e] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: #fff6;
}
.yellow-dark ion-segment ion-segment-button[data-v-008d630e] {
  margin-bottom: -0.0625rem;
}
.yellow-dark ion-segment ion-segment-button .tab[data-v-008d630e] {
  font-weight: 400;
}
.auroral-yellow .category-sport-container[data-v-008d630e] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: #fff;
}
.auroral-yellow .category-sport-container .ion-no-border[data-v-008d630e] {
  background: var(--ep-color-background-fill-body-default, var(--ion-background-color));
}
.auroral-yellow .category-sport-container .ion-no-border ion-toolbar[data-v-008d630e] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary, var(--ep-compat-color-background-fill-top-nav-secondary));
}
.auroral-yellow .category-sport-container .ion-no-border ion-toolbar[data-v-008d630e]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.auroral-yellow .category-sport-container .ion-no-border ion-title[data-v-008d630e] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: #fff;
}
.auroral-yellow .category-sport-container .ion-no-border .toolbar-search[data-v-008d630e] {
  --background: transparent;
  margin-top: 0.375rem;
}
.auroral-yellow .category-sport-container .ion-no-border .toolbar-search #searchbar[data-v-008d630e] {
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
  --color: #fff;
  --placeholder-color: var(--text-color2);
  caret-color: var(--theme-color-800);
  --background: var(--color-bg-400);
  --box-shadow: 0 0 0 1px var(--line-color),
      0 2px 2px 0 rgba(0, 0, 0, .14),
      0 3px 1px -2px rgba(0, 0, 0, .2),
      0 1px 5px 0 rgba(0, 0, 0, .12);
}
.auroral-yellow .category-sport-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-008d630e] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.auroral-yellow .category-sport-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-008d630e] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #fff;
}
.auroral-yellow .category-sport-container ion-segment[data-v-008d630e] {
  /* 设置导航标签布局方式 */
  display: flex;
  justify-content: left;
  padding: 0.375rem 0.625rem 0;
  border-bottom: 1px solid var(--line-color);
}
.auroral-yellow .category-sport-container ion-segment ion-segment-button[data-v-008d630e] {
  --indicator-height: 0.125rem;
  --padding-start: 0.375rem;
  --padding-end: 0.375rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --indicator-color: var(--theme-color-800);
  --color-checked: #fff;
  --color: var(--text-color2);
  margin-bottom: -1px;
  text-transform: capitalize;
  min-width: 0;
}
.auroral-yellow .category-sport-container ion-segment ion-segment-button[data-v-008d630e]::part(indicator) {
  /* 设置指示器宽度 */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.auroral-yellow .category-sport-container ion-segment ion-segment-button .tab[data-v-008d630e] {
  /* 取消导航标签的标签与指示器之间的边距 */
  text-transform: none;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  --padding-top: 0;
  --padding-bottom: 0.3125rem;
  --padding-start: 0;
  --padding-end: 0;
  min-width: 0;
  height: 2.625rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: var(--text-color2);
}
.auroral-yellow .category-sport-container ion-segment ion-segment-button .tab .text[data-v-008d630e] {
  align-self: end;
}
.auroral-yellow .category-sport-container ion-segment ion-segment-button .tab .tab-img[data-v-008d630e] {
  width: 1.25rem;
}
.auroral-yellow .category-sport-container ion-segment ion-segment-button .tab .tab-icon[data-v-008d630e] {
  font-size: 1rem;
  margin-right: 0.3rem;
  color: #fff;
}
.auroral-yellow .category-sport-container ion-segment .segment-button-checked[data-v-008d630e] {
  font-weight: 700;
}
.auroral-yellow .category-sport-container ion-segment .segment-button-checked.md[data-v-008d630e]::part(indicator) {
  width: unset;
  font-size: 0.875rem;
}
.auroral-yellow .category-sport-container ion-segment .segment-button-checked .tab[data-v-008d630e] {
  color: #fff;
  font-weight: 700;
}
.auroral-yellow .category-sport-container ion-segment .segment-button-checked .tab .tab-icon[data-v-008d630e] {
  color: #7041f3;
}
.auroral-yellow .category-sport-container .game-box[data-v-008d630e] {
  padding-inline: 0.75rem;
  --ion-grid-padding: 0.25rem;
}
.auroral-yellow .category-sport-container .game-box ion-col[data-v-008d630e] {
  --ion-grid-column-padding: 0.25rem;
}
.auroral-yellow .category-sport-container .game-box .sport-card[data-v-008d630e] {
  width: 100%;
  height: 7.5rem;
  border-radius: 0.5rem;
  margin-top: 0.75rem;
  overflow: hidden;
}
.auroral-yellow .category-sport-container .game-box .empty[data-v-008d630e] {
  width: calc(100% - 2rem);
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.auroral-yellow .category-sport-container .game-box .empty .empty-bg-game[data-v-008d630e] {
  width: 10rem;
  height: 10rem;
  color: #fff;
}
.auroral-yellow .category-sport-container .game-box .empty .tip[data-v-008d630e] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: var(--text-color2);
}
.purple-light .category-sport-container[data-v-008d630e] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: #fff;
}
.purple-light .category-sport-container .ion-no-border[data-v-008d630e] {
  background: var(--ep-color-background-fill-body-default, var(--ion-background-color));
}
.purple-light .category-sport-container .ion-no-border ion-toolbar[data-v-008d630e] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary, var(--ep-compat-color-background-fill-top-nav-secondary));
}
.purple-light .category-sport-container .ion-no-border ion-toolbar[data-v-008d630e]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.purple-light .category-sport-container .ion-no-border ion-title[data-v-008d630e] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: #fff;
}
.purple-light .category-sport-container .ion-no-border .toolbar-search[data-v-008d630e] {
  --background: transparent;
  margin-top: 0.375rem;
}
.purple-light .category-sport-container .ion-no-border .toolbar-search #searchbar[data-v-008d630e] {
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
  --color: #403d4f;
  --placeholder-color: #403d4f80;
  caret-color: #6526db;
  --background: #e0d0ff;
  --box-shadow: none;
}
.purple-light .category-sport-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-008d630e] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.purple-light .category-sport-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-008d630e] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #403d4f;
}
.purple-light .category-sport-container ion-segment[data-v-008d630e] {
  /* 设置导航标签布局方式 */
  display: flex;
  justify-content: left;
  padding: 0.375rem 0.625rem 0;
  border-bottom: 1px solid #dbc9ff;
}
.purple-light .category-sport-container ion-segment ion-segment-button[data-v-008d630e] {
  --indicator-height: 0.125rem;
  --padding-start: 0.375rem;
  --padding-end: 0.375rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --indicator-color: #6526db;
  --color-checked: #403d4f;
  --color: #403d4f80;
  margin-bottom: -1px;
  text-transform: capitalize;
  min-width: 0;
}
.purple-light .category-sport-container ion-segment ion-segment-button[data-v-008d630e]::part(indicator) {
  /* 设置指示器宽度 */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.purple-light .category-sport-container ion-segment ion-segment-button .tab[data-v-008d630e] {
  /* 取消导航标签的标签与指示器之间的边距 */
  text-transform: none;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  --padding-top: 0;
  --padding-bottom: 0.3125rem;
  --padding-start: 0;
  --padding-end: 0;
  min-width: 0;
  height: 2.625rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #403d4f80;
}
.purple-light .category-sport-container ion-segment ion-segment-button .tab .text[data-v-008d630e] {
  align-self: end;
}
.purple-light .category-sport-container ion-segment ion-segment-button .tab .tab-img[data-v-008d630e] {
  width: 1.25rem;
}
.purple-light .category-sport-container ion-segment ion-segment-button .tab .tab-icon[data-v-008d630e] {
  font-size: 1rem;
  margin-right: 0.3rem;
  color: #fff;
}
.purple-light .category-sport-container ion-segment .segment-button-checked[data-v-008d630e] {
  font-weight: 700;
}
.purple-light .category-sport-container ion-segment .segment-button-checked.md[data-v-008d630e]::part(indicator) {
  width: unset;
  font-size: 0.875rem;
}
.purple-light .category-sport-container ion-segment .segment-button-checked .tab[data-v-008d630e] {
  color: #403d4f;
  font-weight: 700;
}
.purple-light .category-sport-container ion-segment .segment-button-checked .tab .tab-icon[data-v-008d630e] {
  color: #6526db;
}
.purple-light .category-sport-container .game-box[data-v-008d630e] {
  padding-inline: 0.75rem;
  --ion-grid-padding: 0.25rem;
}
.purple-light .category-sport-container .game-box ion-col[data-v-008d630e] {
  --ion-grid-column-padding: 0.25rem;
}
.purple-light .category-sport-container .game-box .sport-card[data-v-008d630e] {
  width: 100%;
  height: 7.5rem;
  border-radius: 0.5rem;
  margin-top: 0.75rem;
  overflow: hidden;
}
.purple-light .category-sport-container .game-box .empty[data-v-008d630e] {
  width: calc(100% - 2rem);
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.purple-light .category-sport-container .game-box .empty .empty-bg-game[data-v-008d630e] {
  width: 10rem;
  height: 10rem;
  color: #403d4f;
}
.purple-light .category-sport-container .game-box .empty .tip[data-v-008d630e] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: #403d4f80;
}
.purple-light ion-segment ion-segment-button[data-v-008d630e] {
  margin-bottom: -1px;
}
.purple-light ion-segment ion-segment-button .tab[data-v-008d630e] {
  font-weight: 400;
}
.new-skin-symbol .category-sport-container[data-v-008d630e] {
  display: flex;
  flex-flow: column;
  --color-text-title-basic: var(--ep-color-text-default);
}
.new-skin-symbol .category-sport-container .ion-no-border[data-v-008d630e] {
  background: var(--ep-color-background-fill-body-default, var(--ion-background-color));
}
.new-skin-symbol .category-sport-container .ion-no-border ion-toolbar[data-v-008d630e] {
  --min-height: 3.125rem;
  --background: var(--ep-color-background-fill-top-nav-secondary, var(--ep-compat-color-background-fill-top-nav-secondary));
}
.new-skin-symbol .category-sport-container .ion-no-border ion-toolbar[data-v-008d630e]:first-child {
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
.new-skin-symbol .category-sport-container .ion-no-border ion-title[data-v-008d630e] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
.new-skin-symbol .category-sport-container .ion-no-border .toolbar-search[data-v-008d630e] {
  --background: transparent;
  margin-top: 0.375rem;
}
.new-skin-symbol .category-sport-container .ion-no-border .toolbar-search #searchbar[data-v-008d630e] {
  border: 0.5rem solid transparent;
  border-radius: 0.25rem;
  padding: 0;
  --color: var(--ep-color-text-default);
  --placeholder-color: var(--ep-color-text-weaker);
  caret-color: var(--ep-color-border-brand);
  --background: var(--ep-color-background-fill-surface-lowered);
  --box-shadow: 
      0 0 0 1px  var(--ep-color-border-default),
      0 2px 2px 0 rgba(0, 0, 0, .14),
      0 3px 1px -2px rgba(0, 0, 0, .2),
      0 1px 5px 0 rgba(0, 0, 0, .12)
    ;
}
.new-skin-symbol .category-sport-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-008d630e] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.new-skin-symbol .category-sport-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-008d630e] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: var(--ep-color-icon-weaker);
}
.new-skin-symbol .category-sport-container ion-segment[data-v-008d630e] {
  /* 设置导航标签布局方式 */
  display: flex;
  justify-content: left;
  padding: 0.375rem 0.625rem 0;
  border-bottom: 1px solid var(--ep-color-border-default);
}
.new-skin-symbol .category-sport-container ion-segment ion-segment-button[data-v-008d630e] {
  --indicator-height: 0.125rem;
  --padding-start: 0.375rem;
  --padding-end: 0.375rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --indicator-color: var(--ep-color-border-selected);
  --color-checked: var(--ep-color-text-selected);
  --color: var(--ep-color-text-weaker);
  margin-bottom: -1px;
  text-transform: capitalize;
  min-width: 0;
}
.new-skin-symbol .category-sport-container ion-segment ion-segment-button[data-v-008d630e]::part(indicator) {
  /* 设置指示器宽度 */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.new-skin-symbol .category-sport-container ion-segment ion-segment-button .tab[data-v-008d630e] {
  /* 取消导航标签的标签与指示器之间的边距 */
  text-transform: none;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  --padding-top: 0;
  --padding-bottom: 0.3125rem;
  --padding-start: 0;
  --padding-end: 0;
  min-width: 0;
  height: 2.625rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: var(--ep-color-text-weaker);
}
.new-skin-symbol .category-sport-container ion-segment ion-segment-button .tab .text[data-v-008d630e] {
  align-self: end;
}
.new-skin-symbol .category-sport-container ion-segment ion-segment-button .tab .tab-img[data-v-008d630e] {
  width: 1.25rem;
}
.new-skin-symbol .category-sport-container ion-segment ion-segment-button .tab .tab-icon[data-v-008d630e] {
  font-size: 1rem;
  margin-right: 0.3rem;
  color: var(--ep-color-text-default);
}
.new-skin-symbol .category-sport-container ion-segment .segment-button-checked[data-v-008d630e] {
  font-weight: 700;
}
.new-skin-symbol .category-sport-container ion-segment .segment-button-checked.md[data-v-008d630e]::part(indicator) {
  width: unset;
  font-size: 0.875rem;
}
.new-skin-symbol .category-sport-container ion-segment .segment-button-checked .tab[data-v-008d630e] {
  color: var(--ep-color-text-selected);
  font-weight: 700;
}
.new-skin-symbol .category-sport-container ion-segment .segment-button-checked .tab .tab-icon[data-v-008d630e] {
  color: var(--ep-color-icon-selected);
}
.new-skin-symbol .category-sport-container .game-box[data-v-008d630e] {
  padding-inline: 0.75rem;
  --ion-grid-padding: 0.25rem;
}
.new-skin-symbol .category-sport-container .game-box ion-col[data-v-008d630e] {
  --ion-grid-column-padding: 0.25rem;
}
.new-skin-symbol .category-sport-container .game-box .sport-card[data-v-008d630e] {
  width: 100%;
  height: 7.5rem;
  border-radius: 0.5rem;
  margin-top: 0.75rem;
  overflow: hidden;
}
.new-skin-symbol .category-sport-container .game-box .empty[data-v-008d630e] {
  width: calc(100% - 2rem);
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.new-skin-symbol .category-sport-container .game-box .empty .empty-bg-game[data-v-008d630e] {
  width: 10rem;
  height: 10rem;
  color: var(--ep-color-icon-weaker);
}
.new-skin-symbol .category-sport-container .game-box .empty .tip[data-v-008d630e] {
  font-family: Saira;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: var(--ep-color-text-weaker);
}

ion-col[data-v-5c1cf343] {
  padding-inline-start: 0;
  padding-inline-end: 0;
  padding-top: 0;
  padding-bottom: 0;
}
span.title[data-v-5c1cf343] {
  font-family: 'Archivo Black', sans-serif;
  background: var(--footer-title-color);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; /* 使用这两个属性来将渐变应用到文字 */
}
span.sub[data-v-5c1cf343] {
  color: var(--footer-sub-color);
}
ion-icon.age-18[data-v-5c1cf343] {
  color: var(--color-svg-500);
}
div.content[data-v-5c1cf343] {
  color: var(--footer-content-color);
}

.marquee[data-v-619bb078] { /* 跑马灯盒子 */
  width: 100%;
  overflow: hidden;
}
.marquee__content[data-v-619bb078] { /* 跑马灯内容 */
  width: max-content;
  display: flex;
  animation: marquee-619bb078 var(--animation-duration) linear infinite;
}
.marquee__item[data-v-619bb078] { /* 跑马灯单项 */
  white-space: nowrap;
  margin-right: 24.375rem;
}
@keyframes marquee-619bb078 { /* 跑马灯动画 */
0% {
    transform: translate3d(24.375rem, 0 , 0);
}
100% {
    transform: translate3d(calc(24.375rem - 100%), 0 , 0);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.wall[data-v-3c6176e7] {
  width: 100%;
  font-size: inherit;
}
.wall .img-box[data-v-3c6176e7] {
  width: 0;
  height: 0;
}
.wall .img-box.good-img[data-v-3c6176e7] {
  width: 100%;
  height: 100%;
}
.wall ion-icon[data-v-3c6176e7] {
  width: 100%;
  height: 100%;
  vertical-align: super;
  font-size: inherit;
  color: inherit;
}
.wall .svg-fill[data-v-3c6176e7] {
  width: 100%;
  height: 100%;
  vertical-align: super;
  font-size: inherit;
  color: inherit;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .megaphone-wrapper[data-v-3f776d34] {
  flex: 1;
  overflow: hidden;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-dynamic-tertiary-weak);
}
html .megaphone-wrapper[data-v-3f776d34]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 2.5rem;
  height: 100%;
  background: transparent;
}
html .megaphone-wrapper[data-v-3f776d34]::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 2.5rem;
  height: 100%;
  background: transparent;
}
html .megaphone-wrapper .megaphone[data-v-3f776d34] {
  z-index: 4;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  margin-inline-start: 0.5rem;
  margin-inline-end: 0.375rem;
  color: var(--ep-color-icon-default, #F7FB43);
}
html .megaphone-wrapper .label[data-v-3f776d34] {
  flex: 1;
  z-index: 0;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--text-color, var(--ep-color-text-highlight));
}
html .layout26.megaphone-wrapper .megaphone[data-v-3f776d34] {
  transform: skew(12deg);
}
html .layout26.megaphone-wrapper .label[data-v-3f776d34] {
  transform: skew(12deg);
}
html .layout38.megaphone-wrapper[data-v-3f776d34] {
  flex: 1;
  overflow: hidden;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout38.megaphone-wrapper[data-v-3f776d34]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 2.25rem;
  height: 100%;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout38.megaphone-wrapper[data-v-3f776d34]::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 2.5rem;
  height: 100%;
  background: transparent;
}
html .layout38.megaphone-wrapper .megaphone[data-v-3f776d34] {
  z-index: 4;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  margin-inline-start: 0.5rem;
  margin-inline-end: 0.375rem;
  color: var(--ep-color-icon-default, #F7FB43);
}
html .layout38.megaphone-wrapper .label[data-v-3f776d34] {
  flex: 1;
  z-index: 0;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--text-color, var(--ep-color-text-highlight));
}
html .layout40.megaphone-wrapper[data-v-3f776d34] {
  position: relative;
}
html .layout40.megaphone-wrapper[data-v-3f776d34]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0.0625rem;
  background: linear-gradient(90deg, rgba(28, 24, 21, 0) 0%, var(--ep-color-background-fill-glow-primary-opacity-40) 52.17%, rgba(28, 24, 21, 0) 104.34%);
}
html .layout40.megaphone-wrapper[data-v-3f776d34]::before {
  content: '';
  position: absolute;
  top: calc(100% - 0.0625rem);
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0.0625rem;
  background: linear-gradient(90deg, rgba(28, 24, 21, 0) 0%, var(--ep-color-background-fill-glow-primary-opacity-40) 52.17%, rgba(28, 24, 21, 0) 104.34%);
}
html .layout45.megaphone-wrapper[data-v-3f776d34] {
  --text-color: var(--ep-color-text-default);
  border-radius: var(--ep-border-radius-infinity, 999px);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout45.megaphone-wrapper .megaphone[data-v-3f776d34] {
  width: 1.25rem;
  color: var(--ep-color-icon-brand-secondary);
}
html .layout45.megaphone-wrapper .label[data-v-3f776d34] {
  color: var(--ep-color-text-default, var(--text-color));
  font-weight: var(--ep-font-weight-regular, 400);
}
html .layout47.megaphone-wrapper .label[data-v-3f776d34] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
}
html .layout46.megaphone-wrapper[data-v-3f776d34] {
  flex: 1;
  overflow: hidden;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: var(--ep-border-radius-surface-default);
  background: var(--ep-dynamic-tertiary-weak);
}
html .layout46.megaphone-wrapper[data-v-3f776d34] .megaphone {
  width: 1.875rem;
  height: 1.875rem;
}
html .layout46.megaphone-wrapper .label[data-v-3f776d34] {
  flex: 1;
  z-index: 0;
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-default);
}
html .layout50.megaphone-wrapper[data-v-3f776d34] {
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.25) inset;
  border-radius: var(--ep-border-radius-surface-default);
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-b) -27.5%, var(--ep-color-background-fill-gradients-primary-a) 127.5%);
}
html .layout50.megaphone-wrapper[data-v-3f776d34] .megaphone {
  width: 1.875rem;
  height: 1.875rem;
  margin-inline-start: 0.625rem;
  margin-inline-end: 0.309375rem;
}
html .layout50.megaphone-wrapper .label[data-v-3f776d34] {
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-inverse);
  line-height: 150%;
  font-family: var(--ep-font-family);
}
html .layout51.megaphone-wrapper[data-v-3f776d34] {
  --text-color: var(--ep-color-text-selected);
  border-radius: var(--ep-border-radius-infinity, 999px);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout51.megaphone-wrapper .megaphone[data-v-3f776d34] {
  width: 1.25rem;
  color: var(--ep-color-icon-brand-primary);
}
html .layout51.megaphone-wrapper .label[data-v-3f776d34] {
  color: var(--ep-color-text-selected, var(--text-color));
  font-weight: var(--ep-font-weight-regular, 400);
}
.neo-blue .megaphone-wrapper[data-v-3f776d34] {
  --ep-dynamic-tertiary-weak: var(--ep-dynamic-secondary);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .megaphone-wrapper[data-v-3f776d34] {
  flex: 1;
  overflow: hidden;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-dynamic-tertiary-weak);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .megaphone-wrapper[data-v-3f776d34]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 2.5rem;
  height: 100%;
  background: transparent;
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .megaphone-wrapper[data-v-3f776d34]::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 2.5rem;
  height: 100%;
  background: transparent;
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .megaphone-wrapper .megaphone[data-v-3f776d34] {
  z-index: 4;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  margin-inline-start: 0.5rem;
  margin-inline-end: 0.375rem;
  color: var(--ep-color-icon-default, #F7FB43);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .megaphone-wrapper .label[data-v-3f776d34] {
  flex: 1;
  z-index: 0;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--text-color, var(--ep-color-text-highlight));
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout26.megaphone-wrapper .megaphone[data-v-3f776d34] {
  transform: skew(12deg);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout26.megaphone-wrapper .label[data-v-3f776d34] {
  transform: skew(12deg);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout38.megaphone-wrapper[data-v-3f776d34] {
  flex: 1;
  overflow: hidden;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout38.megaphone-wrapper[data-v-3f776d34]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 2.25rem;
  height: 100%;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout38.megaphone-wrapper[data-v-3f776d34]::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 2.5rem;
  height: 100%;
  background: transparent;
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout38.megaphone-wrapper .megaphone[data-v-3f776d34] {
  z-index: 4;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  margin-inline-start: 0.5rem;
  margin-inline-end: 0.375rem;
  color: var(--ep-color-icon-default, #F7FB43);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout38.megaphone-wrapper .label[data-v-3f776d34] {
  flex: 1;
  z-index: 0;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--text-color, var(--ep-color-text-highlight));
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout40.megaphone-wrapper[data-v-3f776d34] {
  position: relative;
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout40.megaphone-wrapper[data-v-3f776d34]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0.0625rem;
  background: linear-gradient(90deg, rgba(28, 24, 21, 0) 0%, var(--ep-color-background-fill-glow-primary-opacity-40) 52.17%, rgba(28, 24, 21, 0) 104.34%);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout40.megaphone-wrapper[data-v-3f776d34]::before {
  content: '';
  position: absolute;
  top: calc(100% - 0.0625rem);
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0.0625rem;
  background: linear-gradient(90deg, rgba(28, 24, 21, 0) 0%, var(--ep-color-background-fill-glow-primary-opacity-40) 52.17%, rgba(28, 24, 21, 0) 104.34%);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout45.megaphone-wrapper[data-v-3f776d34] {
  --text-color: var(--ep-color-text-default);
  border-radius: var(--ep-border-radius-infinity, 999px);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout45.megaphone-wrapper .megaphone[data-v-3f776d34] {
  width: 1.25rem;
  color: var(--ep-color-icon-brand-secondary);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout45.megaphone-wrapper .label[data-v-3f776d34] {
  color: var(--ep-color-text-default, var(--text-color));
  font-weight: var(--ep-font-weight-regular, 400);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout47.megaphone-wrapper .label[data-v-3f776d34] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout46.megaphone-wrapper[data-v-3f776d34] {
  flex: 1;
  overflow: hidden;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: var(--ep-border-radius-surface-default);
  background: var(--ep-dynamic-tertiary-weak);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout46.megaphone-wrapper[data-v-3f776d34] .megaphone {
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout46.megaphone-wrapper .label[data-v-3f776d34] {
  flex: 1;
  z-index: 0;
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout50.megaphone-wrapper[data-v-3f776d34] {
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.25) inset;
  border-radius: var(--ep-border-radius-surface-default);
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-b) -27.5%, var(--ep-color-background-fill-gradients-primary-a) 127.5%);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout50.megaphone-wrapper[data-v-3f776d34] .megaphone {
  width: 1.875rem;
  height: 1.875rem;
  margin-inline-start: 0.625rem;
  margin-inline-end: 0.309375rem;
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout50.megaphone-wrapper .label[data-v-3f776d34] {
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-inverse);
  line-height: 150%;
  font-family: var(--ep-font-family);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout51.megaphone-wrapper[data-v-3f776d34] {
  --text-color: var(--ep-color-text-selected);
  border-radius: var(--ep-border-radius-infinity, 999px);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout51.megaphone-wrapper .megaphone[data-v-3f776d34] {
  width: 1.25rem;
  color: var(--ep-color-icon-brand-primary);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index .layout51.megaphone-wrapper .label[data-v-3f776d34] {
  color: var(--ep-color-text-selected, var(--text-color));
  font-weight: var(--ep-font-weight-regular, 400);
}
html .layout37.megaphone-wrapper[data-v-3f776d34] {
  flex: 1;
  overflow: hidden;
  height: 100%;
  align-items: center;
  border-radius: var(--ep-border-radius-surface-small, 12px) var(--ep-border-radius-surface-default, 6px);
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a, #FFB7EE) 0%, var(--ep-color-background-fill-gradients-secondary-b, #8200ED) 118.75%);
  z-index: 2;
}
html .layout37.megaphone-wrapper[data-v-3f776d34]::before {
  content: '';
  position: absolute;
  top: 0.0625rem;
  left: 0.0625rem;
  z-index: -2;
  width: calc(100% - 0.125rem);
  height: calc(100% - 0.125rem);
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a, #FFB7EE) 0%, var(--ep-color-background-fill-gradients-secondary-b, #8200ED) 118.75%);
  border-radius: var(--ep-border-radius-surface-small, 12px) var(--ep-border-radius-surface-default, 6px);
}
html .layout37.megaphone-wrapper[data-v-3f776d34]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-default);
  background: linear-gradient(180deg, var(--ep-color-border-brand), #E000FF);
  -webkit-mask-image: linear-gradient(180deg, #000, transparent);
  mask-image: linear-gradient(180deg, #000, transparent);
  z-index: -3;
}
html .layout37.megaphone-wrapper .megaphone[data-v-3f776d34] {
  z-index: 4;
  width: 1.5rem;
  height: 1.5rem;
  margin-inline-start: 0.5rem;
  margin-inline-end: 0.375rem;
  background: url('/assets/marquee-horn37-r2-BqvNkigH.png') no-repeat center center / contain;
}
html .layout37.megaphone-wrapper .label[data-v-3f776d34] {
  flex: 1;
  z-index: 0;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index-37 .layout37.megaphone-wrapper[data-v-3f776d34] {
  flex: 1;
  overflow: hidden;
  height: 100%;
  align-items: center;
  border-radius: var(--ep-border-radius-surface-small, 12px) var(--ep-border-radius-surface-default, 6px);
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a, #FFB7EE) 0%, var(--ep-color-background-fill-gradients-secondary-b, #8200ED) 118.75%);
  z-index: 2;
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index-37 .layout37.megaphone-wrapper[data-v-3f776d34]::before {
  content: '';
  position: absolute;
  top: 0.0625rem;
  left: 0.0625rem;
  z-index: -2;
  width: calc(100% - 0.125rem);
  height: calc(100% - 0.125rem);
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a, #FFB7EE) 0%, var(--ep-color-background-fill-gradients-secondary-b, #8200ED) 118.75%);
  border-radius: var(--ep-border-radius-surface-small, 12px) var(--ep-border-radius-surface-default, 6px);
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index-37 .layout37.megaphone-wrapper[data-v-3f776d34]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-default);
  background: linear-gradient(180deg, var(--ep-color-border-brand), #E000FF);
  -webkit-mask-image: linear-gradient(180deg, #000, transparent);
  mask-image: linear-gradient(180deg, #000, transparent);
  z-index: -3;
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index-37 .layout37.megaphone-wrapper .megaphone[data-v-3f776d34] {
  z-index: 4;
  width: 1.5rem;
  height: 1.5rem;
  margin-inline-start: 0.5rem;
  margin-inline-end: 0.375rem;
  background: url('/assets/marquee-horn37-r2-BqvNkigH.png') no-repeat center center / contain;
}
#tabbar-tabs-inicio-components-MarqueeView-components-marquee-index-37 .layout37.megaphone-wrapper .label[data-v-3f776d34] {
  flex: 1;
  z-index: 0;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.marquee-wrapper[data-v-002d1a53] {
  width: 100%;
  height: 2.25rem;
  padding: 0 0.9375rem;
  margin-top: 0.9375rem;
  margin-bottom: 0.4063rem;
  display: flex;
  align-items: center;
  position: relative;
}
.marquee-wrapper[data-v-002d1a53] .wall.megaphone {
  color: var(--bugle-color);
}
.marquee-wrapper[data-v-002d1a53] .marquee.label {
  color: var(--marquee-color);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-col[data-v-f1b79d7b] {
  padding-inline-start: 0.375rem;
  padding-inline-end: 0.375rem;
  padding-top: 0;
  padding-bottom: 0;
}
ion-col div.recharge[data-v-f1b79d7b] {
  background-repeat: no-repeat;
  background-size: cover;
}
ion-col div.agent[data-v-f1b79d7b] {
  background-repeat: no-repeat;
  background-size: cover;
}
ion-col div.activity[data-v-f1b79d7b] {
  background-repeat: no-repeat;
  background-size: cover;
}
ion-col div.text p[data-v-f1b79d7b] {
  text-align: center;
  position: absolute;
  font-family: "Changa One";
  color: var(--color-text-dark-30);
}
ion-col div.recharge p[data-v-f1b79d7b] {
  letter-spacing: -0.04rem;
}
ion-col div.recharge p[data-v-f1b79d7b]::before {
  letter-spacing: -0.04rem;
}
ion-col div.agent p[data-v-f1b79d7b]::before {
  padding: 0 0.25rem;
}
ion-col div.text p[data-v-f1b79d7b]::before {
  content: attr(text);
  position: absolute;
  top: -0.125rem;
  left: 0;
  background: linear-gradient(180deg, #FEF0D6 8.33%, #FFF 24.67%, #FFE0A7 41%, #FFE7BB 57.33%, #FFF 73.67%, #FFE1A7 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.arrow[data-v-f1b79d7b] {
  animation: arrow-f1b79d7b 1s infinite;
}
@keyframes arrow-f1b79d7b {
0% {
    transform: translateX(-5px);
}
50% {
    transform: translateX(0);
}
100% {
    transform: translateX(-5px);
}
}
.activity-bar[data-v-f1b79d7b] {
  margin-top: 0.625rem;
}

p.title[data-v-5905b29a]{
  color: var(--trilateral-cooperation-color)
}
ion-col[data-v-5905b29a] {
  padding-inline-start: .625rem;
  padding-inline-end: .625rem;
  padding-top: 0;
  padding-bottom: 0;
}
ion-col div.box[data-v-5905b29a] {
  background: var(--install-box-bg);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.swiper[data-v-8c453dd7] {
  border-radius: 0.375rem;
  overflow: hidden;
}
div.swiper-poster .swiper .swiper-pagination  {
  position: relative;
  bottom: 0;
}
div.swiper-poster .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.25rem;
  border-radius: 0.125rem;
  background: var(--color-swiper-pagination);
}
div.swiper-poster .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 1.25rem;
  background: var(--color-primary-btn-active) !important;
}
.swiper-box[data-v-8c453dd7] {
  margin-top: 0.75rem;
}
.amber-purple .swiper-box[data-v-8c453dd7] {
  margin-top: 1rem;
}
div.swiper-poster .swiper .swiper-pagination {
  display: none;
}

ion-buttons[data-v-c5ce7592] {
	background: var(--color-menu-btn-bg);
	min-height: 50px;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-toolbar.header[data-v-3605b3db] {
  --padding-start: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-end: 0.5rem;
  --background: var(--color-bar-bg);
}
.purple-light .assets-box-number[data-v-3605b3db] {
  color: var(--text-color-black-100);
}
ion-label.login[data-v-3605b3db] {
  /* 自定义按钮样式 */
  background: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
}
ion-label.recharge[data-v-3605b3db],
ion-label.register[data-v-3605b3db] {
  /* 自定义按钮样式 */
  background: linear-gradient(to bottom, #13C96A, #1D9554);
}
.login[data-v-3605b3db],
.register[data-v-3605b3db] {
  --button-font-size: 12px;
}
.login[data-v-3605b3db] {
  --button-text-color: #FFF;
}
div.assets-box[data-v-3605b3db] {
  background: var(--color-bg-400);
}
p.currency[data-v-3605b3db] {
  color: var(--color-currency);
}
.purple-light div.wallet[data-v-3605b3db] {
  background: var(--accent-color-orange);
}
div.wallet[data-v-3605b3db] {
  background: var(--color-primary-800);
}
div.wallet ion-icon[data-v-3605b3db] {
  color: var(--color-primary-btn-text-active);
}
ion-button#click-language[data-v-3605b3db] {
  --padding-start: 0;
  --padding-end: 0;
}
ion-popover#language[data-v-3605b3db]::part(content) {
  margin-top: 1.5rem;
  margin-left: 0.125rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.375rem;
}
ion-popover ion-button[data-v-3605b3db] {
  --color: var(--color-text-100);
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: 0;
  margin-inline: 0;
  margin-top: 0;
  margin-bottom: 0;
  height: 3.25rem;
}
ion-popover ion-button ion-row[data-v-3605b3db] {
  white-space: nowrap;
}
ion-button.btn ion-icon[data-v-3605b3db] {
  color: var(--home-earth-color);
}
.register-btn-warpper[data-v-3605b3db] {
  min-width: 4.375rem;
  position: relative;
}
.register-btn-warpper .rewardTag[data-v-3605b3db] {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
.green-dark #language[data-v-3605b3db]::part(content),
.yellow-dark #language[data-v-3605b3db]::part(content),
.purple-light #language[data-v-3605b3db]::part(content) {
  background: var(--color-bg-400);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.red-packet-rain[data-v-7179d280] {
  position: fixed;
  right: 1rem;
  z-index: 40;
  width: 4.875rem;
  height: 4.875rem;
}
.packet-model[data-v-7179d280] {
  transform: translate(-50%, -50%);
}
.packet-img1[data-v-7179d280] {
  width: 0;
}
.packet-img1.good-img[data-v-7179d280] {
  width: 100%;
  height: 100%;
}
.packet-img2[data-v-7179d280] {
  width: 0;
}
.packet-img2.good-img[data-v-7179d280] {
  width: 100%;
  height: 100%;
}
.mining-btn[data-v-7179d280] {
  background: linear-gradient(to bottom, #E89B00, #FF9141);
  line-height: 2.1875rem;
  border-radius: 0.3rem;
}
.dis-color[data-v-7179d280] {
  background: #4A4A4A;
  color: #A1A1A1;
}
.mine-time[data-v-7179d280] {
  border: 1px solid #FF9141;
  border-radius: 0.625rem;
  flex-wrap: wrap;
  font-size: 0.75rem;
}
.mine-item[data-v-7179d280] {
  width: 33%;
  text-align: center;
}
.shiny[data-v-7179d280] {
  position: relative;
  overflow: hidden;
}
.shiny[data-v-7179d280]::before {
  content: '';
  animation: shiny-7179d280 5s ease-in-out infinite;
  background: white;
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: -180px;
  width: 30px;
}
@keyframes shiny-7179d280 {
0% {
    opacity: 0;
    transform: scale(0) rotate(45deg);
}
80% {
    opacity: 0.5;
    transform: scale(0) rotate(45deg);
}
81% {
    opacity: 1;
    transform: scale(4) rotate(45deg);
}
100% {
    opacity: 0;
    transform: scale(50) rotate(45deg);
}
}
.minecart-text[data-v-7179d280],
.minecart-time[data-v-7179d280] {
  text-shadow: 1px 1px #7a5f1b;
  color: #fff;
}
.timeNum1[data-v-7179d280] {
  font-size: 0.75rem;
  left: 50%;
  bottom: 0.25rem;
  transform: translateX(-50%);
}
.timeNum2[data-v-7179d280] {
  font-size: 0.75rem;
  top: 35%;
  left: 50%;
  transform: translateX(-50%);
}
.timeNum3[data-v-7179d280] {
  font-size: 0.75rem;
  top: 58%;
  left: 50%;
  transform: translateX(-50%);
}
.timeNum4[data-v-7179d280] {
  font-size: 1.5rem;
  left: 50%;
  transform: translateX(-50%) scale(0.62);
  bottom: 43%;
}
.timeNum5[data-v-7179d280] {
  font-size: 1.25rem;
  left: 50%;
  transform: translateX(-50%) scale(0.62);
  bottom: -4%;
}
.timeNum6[data-v-7179d280] {
  font-size: 1.125rem;
  line-height: 1.125rem;
  left: 50%;
  transform: translateX(-50%) scale(0.62);
  bottom: 0.25rem;
}
.timeNum7[data-v-7179d280] {
  font-size: 1.25rem;
  left: 50%;
  transform: translateX(-49%) scale(0.62);
  bottom: 46%;
}
.timeNum8[data-v-7179d280] {
  font-size: 1.375rem;
  left: 50%;
  transform: translateX(-50%) scale(0.62);
  bottom: 8%;
}
.timeNum9[data-v-7179d280] {
  font-size: 1.5rem;
  left: 50%;
  bottom: 42%;
  transform: translateX(-50%) scale(0.62);
}
.timeNum10[data-v-7179d280] {
  font-size: 1.375rem;
  left: 50%;
  transform: translateX(-50%) scale(0.62);
  bottom: 40%;
}
.minecart-text[data-v-7179d280] {
  transform: rotate(22deg);
}
.activity-name[data-v-7179d280] {
  text-shadow: 2px 2px #7a5f1b;
}
.minecart-content[data-v-7179d280] {
  transform: translate(-50%, -50%);
}
/* 红包抖动效果 */
.redPacketGet[data-v-7179d280] {
  animation-name: redPacketShake-7179d280;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
@keyframes redPacketShake-7179d280 {
30% {
    scale: 1.1;
    transform: rotate(0deg);
}
40% {
    transform: rotate(-15deg);
}
50% {
    transform: rotate(0deg);
}
60% {
    transform: rotate(-15deg);
}
70% {
    transform: rotate(0deg);
    scale: 1.1;
}
100% {
    scale: 1;
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.single-wrap[data-v-2f72a2df] {
  max-width: 4.375rem;
  max-height: 4.375rem;
  overflow: hidden;
}
.single-wrap .single-content[data-v-2f72a2df] {
  margin: 0 auto;
  font-size: 0;
  line-height: 0;
}
.single-wrap .single-content .single-content-img[data-v-2f72a2df] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.quick-entry[data-v-38b8aecc] {
  position: fixed;
  right: 1.125rem;
  z-index: 40;
  width: 4.625rem;
  height: 4.625rem;
}
.quick-entry .quick-entry-close[data-v-38b8aecc] {
  position: absolute;
  top: -1rem;
  right: -0.3125rem;
  z-index: 2;
  font-size: 0;
  line-height: 0;
}
.quick-entry .quick-entry-close .quick-entry-close-icon[data-v-38b8aecc] {
  width: 0.625rem;
  height: 0.625rem;
  padding: 0.1875rem;
  box-sizing: content-box;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.box[data-v-c7de7ac3] {
  width: 4rem;
}
p.title[data-v-c7de7ac3] {
  color: var(--trilateral-cooperation-color);
}
p.sub[data-v-c7de7ac3] {
  color: var(--color-text-40);
}
div.line[data-v-c7de7ac3] {
  background: var(--line-color);
}
.purple-light p.sub[data-v-c7de7ac3] {
  color: var(--text-color-black-80);
}
.new-skin-symbol .social-media-container p.title[data-v-c7de7ac3] {
  color: var(--ep-color-text-warning);
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-medium, 600);
  line-height: 1.5rem;
}
.new-skin-symbol .social-media-container .sub[data-v-c7de7ac3] {
  color: var(--ep-color-text-weaker);
  font-size: var(--ep-font-size-xs, 0.625rem);
  line-height: 1rem;
}

ion-segment[data-v-9dd718e5] { /* 设置导航标签背景色 #101629 */
  --background: transparent;
  border-radius: 0;
}
ion-segment-button[data-v-9dd718e5] { /* 取消导航标签按钮默认外边距 */
  margin-top: 0;
  margin-bottom: 0;
  --background: var(--color-button-bg-gray);
  --border-radius: 2.125rem;
  --margin-start: .875rem;
  --margin-end: .825rem;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: .5rem;
  --padding-bottom: .5rem;
}
ion-segment-button.segment-button-checked[data-v-9dd718e5] { /* 设置选中动画 */
  animation: fadeToTransparent-9dd718e5 600ms linear forwards;
}
ion-segment-button.segment-button-disabled[data-v-9dd718e5] {
  opacity: 1;
}
ion-segment-button ion-img[data-v-9dd718e5] { /* 取消导航标签图标与标签之间的默认边距 */
  margin-top: 4px;
}
ion-segment-button ion-label[data-v-9dd718e5] {  /* 取消导航标签的标签与指示器之间的边距 */
  text-transform: capitalize;   /* 首字母大写 */
  margin-top: 0;
}
ion-segment-button.ios[data-v-9dd718e5]::part(indicator) { /* 设置导航标签指示器样式 */
  padding-inline: 0;
}
ion-segment-button.ios[data-v-9dd718e5]::part(indicator-background) { /* 设置导航标签指示器背景色 #1C2334 */
  background: transparent;
}
ion-icon[data-v-9dd718e5] {
  color: var(--color-primary-800);
}
i[data-v-9dd718e5] {
	width: 2rem;
	height: 2rem;
	background-size: 800% 500%;
}
ion-icon.popular[data-v-9dd718e5] {
  color: var(--color-svg-popular);
}
ion-label.name[data-v-9dd718e5] {
  color: var(--navigation-button-color);
  font-weight: var(--font-weight-medium);
}
@keyframes fadeToTransparent-9dd718e5 {
from {
    --background-checked: var(--color-bg-400);
}
to {
    --background-checked: var(--color-button-bg-gray);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
#pwa-header-bar[data-v-e9d07e2a] {
  --background: var(--color-bar-bg-pwa);
}
#pwa-header-bar.blue-default[data-v-e9d07e2a] {
  --background: linear-gradient(90deg, #202940 0%, #131A2C 100%);
}
.home-type-GameType.v01 #pwa-header-bar.blue-default[data-v-e9d07e2a] {
  border-radius: 0.625rem;
  --background: linear-gradient(95deg, #0C526C 4.14%, #533E08 100%);
}
#pwa-header-bar.blue-default .install[data-v-e9d07e2a] {
  /* 自定义按钮样式 */
  background: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
}
#pwa-header-bar.green-default[data-v-e9d07e2a] {
  --background: var(--theme-color-gradient-300);
}
#pwa-header-bar.green-default .install[data-v-e9d07e2a] {
  /* 自定义按钮样式 */
  background: var(--theme-color-gradient-200);
  color: var(--color-bg-400);
}
#pwa-header-bar.default.amber-purple .install[data-v-e9d07e2a] {
  /* 自定义按钮样式 */
  background: var(--theme-color-gradient-200);
  color: var(--accent-color-white);
}
#pwa-header-bar.auroral-yellow[data-v-e9d07e2a] {
  --background: linear-gradient(95deg, #0C526C 4.14%, #533E08 100%);
}
#pwa-header-bar.auroral-yellow .install[data-v-e9d07e2a] {
  background: linear-gradient(0deg, #23D8DB 1.92%, #23DB8C 96.15%);
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--color-text-black-100);
}
#pwa-header-bar.auroral-yellow .close-btn[data-v-e9d07e2a] {
  margin-inline-start: 0.25rem;
}
.close[data-v-e9d07e2a] {
  color: var(--color-text-white-100);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
[data-v-7348a619] .close {
  color: var(--text-color-white-40);
}
.install .button[data-v-7348a619] {
  --button-font-size: 0.75rem;
  --button-font-weight: 700;
}
.yellow-dark .install .button[data-v-7348a619] {
  --button-text-color: var(--accent-color-red);
}
.yellow-dark .install .button[data-v-7348a619] .first-button {
  --background: var(--text-color-white-100);
}
.yellow-dark .install .button[data-v-7348a619] .first-button::part(native) {
  background: var(--text-color-white-100);
}
.green-dark .install .button[data-v-7348a619] {
  --button-text-color: var(--accent-color-orange-1);
}
.green-dark .install .button[data-v-7348a619] .first-button {
  --background: var(--text-color-white-100);
}
.green-dark .install .button[data-v-7348a619] .first-button::part(native) {
  background: var(--text-color-white-100);
}
.purple-light .install .button[data-v-7348a619] {
  --button-text-color: var(--accent-color-green);
}
.purple-light .install .button[data-v-7348a619] .first-button {
  --background: var(--text-color-white-100);
}
.purple-light .install .button[data-v-7348a619] .first-button::part(native) {
  background: var(--text-color-white-100);
}
.amber-purple .install .button[data-v-7348a619] {
  --button-text-color: var(--accent-color-orange-2);
}
.amber-purple .install .button[data-v-7348a619] .first-button {
  --background: var(--text-color-white-100);
}
.amber-purple .install .button[data-v-7348a619] .first-button::part(native) {
  background: var(--text-color-white-100) !important;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.point-cp[data-v-f23216ef] {
  position: absolute;
  z-index: 49;
  /* color也可以通过class或classNames传入 */
  color: var(--color-danger, red);
  font-size: var(--v491b6052);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-modal#firstRechargeAndFirstWithdrawRebateModal::part(content) {
  --height: 100%;
  --max-width: 486px;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .main-page[data-v-30f12b3a] {
  background: var(--ep-color-background-fill-body-default);
}
html .main-page .main-content[data-v-30f12b3a] {
  --background: var(--ep-color-background-fill-body-default);
}
html .main-page .main-content .order-container[data-v-30f12b3a] {
  display: flex;
  flex-flow: wrap;
}
.phantom-blue .main-page .header[data-v-30f12b3a],
.mystlight-blue .main-page .header[data-v-30f12b3a] {
  animation: background-color-30f12b3a 1s ease-in-out;
}
.phantom-blue .main-page[data-v-30f12b3a]::before,
.mystlight-blue .main-page[data-v-30f12b3a]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 6.25rem;
  z-index: -1;
  width: 4.0625rem;
  height: 15rem;
  transform: rotate(-57.248deg);
  background: var(--ep-color-background-fill-glow-primary-opacity-40);
  filter: blur(4.375rem);
}
.phantom-blue .main-page[data-v-30f12b3a]::after,
.mystlight-blue .main-page[data-v-30f12b3a]::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 6.3125rem;
  height: 10.8125rem;
  transform: rotate(-39.331deg);
  background: var(--ep-color-background-fill-glow-secondary-opacity-40);
  filter: blur(3rem);
}
.phantom-blue .main-page .main-content[data-v-30f12b3a],
.mystlight-blue .main-page .main-content[data-v-30f12b3a] {
  --background: transparent;
  animation: background-color-30f12b3a 1s ease-in-out;
}
@keyframes background-color-30f12b3a {
0% {
    background: var(--ep-color-background-fill-body-default);
}
100% {
    background: var(--ep-color-background-fill-body-default);
}
}
html.theme-54 .main-page[data-v-30f12b3a] {
  background: var(--ep-color-background-fill-surface-lowered);
}
html.theme-54 .main-page .main-content[data-v-30f12b3a] {
  --background: var(--ep-color-background-fill-surface-lowered);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.game-wrapper[data-v-98081f5e] {
  display: flex;
  flex-direction: column;
}

ion-popover[data-v-00b3a4db] {
  --width: fit-content;
  --backdrop-opacity: 0;
}
ion-popover[data-v-00b3a4db]::part(backdrop) {
  background-color: rgb(246, 247, 249);
}
ion-popover[data-v-00b3a4db]::part(content) {
  border: 1px solid #293548
}
ion-item.swiper[data-v-00b3a4db] {
  --border-radius: 14px;
  --min-height: 9.375rem;
  --background: transparent;
  --padding-end: .75rem;
  --padding-start: .75rem;
  --padding-top: .75rem;
  --inner-padding-end: 0;
}
ion-segment[data-v-00b3a4db] {
  /* 设置导航标签背景色 */
  --background: #101629;
}
ion-segment-button[data-v-00b3a4db] {
  /* 取消导航标签按钮默认外边距 */
  margin-top: 0;
  margin-bottom: 0;
}
ion-segment-button ion-img[data-v-00b3a4db] {
  /* 取消导航标签图标与标签之间的默认边距 */
  margin-top: 4px;
}
ion-segment-button ion-label[data-v-00b3a4db] {
  /* 取消导航标签的标签与指示器之间的边距 */
  text-transform: capitalize;
  /* 首字母大写 */
  margin-top: 0;
  margin-bottom: 4px;
}
ion-segment-button.ios[data-v-00b3a4db]::part(indicator) {
  /* 设置导航标签指示器样式 */
  padding-inline: 0;
}
.line-clamp-2 leading-4[data-v-00b3a4db] {
  /* 设置文本文字按单词换行并居中 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  text-align: center;
}
ion-thumbnail[data-v-00b3a4db] {
  /* 设置缩略图样式 */
  --border-radius: 14px;
}
ion-item[data-v-00b3a4db] {
  --inner-border-width: 0;
}
div.card-box[data-v-00b3a4db] {
  width: calc(33.333333% - .5rem);
}
div.watermark[data-v-00b3a4db] {
  position: relative;
  z-index: 9;
  overflow: hidden;
  background-color: var(--color-bg-200);
}
div.payment-partner[data-v-00b3a4db] {
  background: var(--color-card-bg-400);
}
div.line[data-v-00b3a4db] {
  background: var(--line-color);
}
div.support[data-v-00b3a4db] {
  background: var(--color-button-bg-support-bg);
}
div.to-top-box[data-v-00b3a4db] {
  background: var(--color-button-bg-gray);
}
ion-icon.to-top[data-v-00b3a4db] {
  color: var(--color-primary-800);
}
span.to-top-text[data-v-00b3a4db] {
  color: var(--float-black-button-color);
}
div.find[data-v-00b3a4db] {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0), var(--color-bg-300) 50%)
}
div.find ion-icon[data-v-00b3a4db] {
  color: var(--color-primary-800);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.activity-wrap[data-v-4b281dbc] {
  margin-bottom: 0.625rem;
  position: relative;
}
.activity-wrap .rounded-top[data-v-4b281dbc] {
  border-radius: var(--ep-border-radius-m, var(--rounded-middle)) var(--ep-border-radius-m, var(--rounded-middle)) 0 0;
}
.activity-wrap .rounded-top .intro-text[data-v-4b281dbc] {
  min-width: 10rem;
  max-width: 13rem;
  padding-left: 0.875rem;
  margin-inline-end: 0px;
}
.activity-wrap .rounded-top .intro-text p[data-v-4b281dbc] {
  color: var(--ep-color-text-highlight-white, var(--color-activity-intro));
  font-size: 0.875rem;
  line-height: 1.3;
  font-weight: var(--ep-font-weight-bold, var(--font-weight-medium));
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.activity-wrap .rounded-top ion-img[data-v-4b281dbc] {
  width: 6.25rem;
  height: 6.25rem;
  margin-inline-start: 0px;
  margin-top: 0.625rem /* 10px */;
  margin-right: 1.25rem /* 20px */;
  border-radius: var(--ep-border-radius-m, var(--rounded-middle));
}
.activity-wrap .rounded-top .hotPoint[data-v-4b281dbc] {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(45%, -45%);
}
.activity-wrap .activity-bottom[data-v-4b281dbc] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.625rem;
  background-color: var(--ep-color-background-fill-surface-lowered, var(--color-bg-400));
  border-radius: 0 0 var(--ep-border-radius-m, var(--rounded-middle)) var(--ep-border-radius-m, var(--rounded-middle));
}
.activity-wrap .activity-bottom .activity-bottom-content[data-v-4b281dbc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.activity-wrap .activity-bottom .activity-bottom-content .activity-info-details[data-v-4b281dbc] {
  display: flex;
  flex-direction: column;
}
.activity-wrap .activity-bottom .activity-bottom-content .activity-info-details .activity-name[data-v-4b281dbc] {
  font-size: var(--ep-font-size-m, 0.875rem);
  line-height: 1.5;
  color: var(--ep-color-text-default, var(--color-activity-name));
  font-weight: var(--ep-font-weight-medium, 500);
}
.activity-wrap .activity-bottom .activity-bottom-content .activity-info-details .activity-time[data-v-4b281dbc] {
  color: var(--ep-color-text-weaker, var(--color-activity-name));
  display: flex;
  align-items: center;
}
.activity-wrap .activity-bottom .activity-bottom-content .activity-info-details .activity-time ion-icon[data-v-4b281dbc] {
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 1.5;
}
.activity-wrap .activity-bottom .activity-bottom-content .activity-info-details .activity-time .end-time[data-v-4b281dbc] {
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 1.5;
  text-align: left;
  margin-left: 0.25rem /* 4px */;
}
.activity-wrap .activity-bottom .activity-bottom-content .in-progress[data-v-4b281dbc] {
  width: 6rem;
  height: 2rem;
  flex: none;
  background-color: var(--ep-color-background-fill-surface-raised-L1, var(--color-bg-200));
  text-align: center;
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 2rem;
  font-weight: var(--ep-font-weight-medium, var(--font-weight-medium));
  border-radius: var(--ep-border-radius-s, var(--rounded-small));
  color: var(--ep-color-text-brand-primary, var(--color-primary-800));
}
.empty-tip[data-v-4b281dbc] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.empty-tip ion-img[data-v-4b281dbc] {
  width: 7.5rem;
  margin-top: 9rem;
}
ion-item.shiny[data-v-4b281dbc] {
  position: relative;
  overflow: hidden;
}
ion-item.shiny[data-v-4b281dbc]::before {
  content: '';
  animation: shiny-4b281dbc 6s ease-in-out infinite;
  background: white;
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: -180px;
  width: 30px;
  z-index: 100;
}
ion-content#main[data-v-4b281dbc] {
  --padding-start: 15px;
  --padding-end: 15px;
  --padding-top: 10px;
}
ion-content#main ion-item[data-v-4b281dbc] {
  --background: transparent;
  --inner-padding-end: 0px;
  --border-radius: 10px;
  --padding-start: 15px;
  --padding-end: 15px;
  --padding-top: 0;
  --padding-bottom: 0;
  --inner-border-width: 0px;
  --min-height: 7.5rem;
  --height: 7.5rem;
  --max-height: 7.5rem;
}
@keyframes shiny-4b281dbc {
0% {
    opacity: 0;
    transform: scale(0) rotate(45deg);
}
50% {
    opacity: 0.3;
    transform: scale(0) rotate(45deg);
}
81% {
    opacity: 0.6;
    transform: scale(4) rotate(45deg);
}
100% {
    opacity: 0;
    transform: scale(50) rotate(45deg);
}
}

ion-label.active[data-v-4e4c824d] {
  color: var(--ep-color-text-selected, var(--color-primary-800));
  font-weight: var(--ep-font-weight-bold, 700);
}
ion-label.inactive[data-v-4e4c824d] {
  color: var(--ep-color-text-weaker, var(--color-text-40))
}
ion-toolbar[data-v-4e4c824d] {
  --background: var(--ep-color-background-fill-surface-lowered, var(--color-bg-200));
  --padding-top: 0;
  --padding-bottom: 0;
}
ion-toolbar ion-segment.md[data-v-4e4c824d] {
  /* 设置导航标签布局方式 */
  display: flex;
  justify-content: left;
	border-bottom: 0.0625rem solid var(--ep-color-border-default);
}
ion-toolbar ion-segment-button.md[data-v-4e4c824d]::part(native) {
  /* 设置导航标签的宽度 */
  --padding-start: .625rem;
  --padding-end: .625rem;
}
ion-toolbar ion-segment-button.md[data-v-4e4c824d]::part(indicator) {
  /* 设置指示器宽度 */
  /* width: 40%; */
  margin-left: auto;
  margin-right: auto;
}
ion-toolbar ion-segment-button.md[data-v-4e4c824d]::part(indicator-background) {
  /* 设置导航标签指示器的宽度 */
  background: var(--ep-color-border-selected, var(--color-primary-800));
  height: 0.125rem;
}
ion-toolbar ion-segment-button.md ion-label[data-v-4e4c824d] {
  /* 取消导航标签的标签与指示器之间的边距 */
  margin-top: 0;
  margin-bottom: 0;
  text-transform: none;
}
.side[data-v-4e4c824d] {
  padding-left: .875rem;
  padding-top: .625rem;
  max-width: 5.3125rem;
  flex-shrink: 0;
}
.side ion-segment[data-v-4e4c824d] {
  --background: transparent;
}
.side ion-segment-button.ios[data-v-4e4c824d] {
  --indicator-color: #1C2334;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 2px;
  --padding-bottom: 2px;
  margin-top: 0;
  margin-bottom: 6px;
  text-transform: capitalize;
  min-width: 0;
  min-height: 3.5rem;
}
ion-content#main[data-v-4e4c824d] {
  --padding-start: 12px;
  --padding-end: 12px;
  --padding-top: 10px;
}
.main-panel[data-v-4e4c824d] {
  flex: 1;
  min-width: 0;
}
ion-content#main ion-item[data-v-4e4c824d] {
  --background: transparent;
  --inner-padding-end: 0px;
  --border-radius: 10px;
  --padding-start: 15px;
  --padding-end: 15px;
  --padding-top: 0;
  --padding-bottom: 0;
  --inner-border-width: 0px;
  --min-height: 7.5rem;
  --height: 7.5rem;
  --max-height: 7.5rem;
}
ion-item[data-v-4e4c824d]::part(native) {
  /* 插槽slot内容样式 */
  padding-inline-end: 0px;
  background-repeat: no-repeat;
  background-size: 100%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-modal#avatar[data-v-44e764a8] {
  --height: 100%;
}
.text-base[data-v-44e764a8] {
  color: var(--text-color-white-100);
}
.avatar-main[data-v-44e764a8] {
  background: var(--color-bg-300);
}
.avatar-main .avatar-tab[data-v-44e764a8] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  background: var(--color-bg-400);
}
.avatar-main .avatar-tab ion-col[data-v-44e764a8] {
  height: 3rem;
  color: var(--my-card-detail-color);
  border-bottom: none;
}
.avatar-main .avatar-tab ion-col span[data-v-44e764a8] {
  font-size: 0.75rem;
  line-height: 1.3125rem;
}
.avatar-main .avatar-tab ion-col.select-female-border[data-v-44e764a8] {
  color: var(--color-primary-800);
  border-bottom: 0.125rem solid var(--color-primary-btn-active);
}
.avatar-main .avatar-tab ion-col.select-female-border span[data-v-44e764a8] {
  font-weight: 700;
}
.avatar-main .avatar-tab ion-icon.user-avatar-gender-icon[data-v-44e764a8] {
  font-size: 1.375rem;
}
ion-toolbar[data-v-44e764a8] {
  --background: var(--avatar-toolbar-bg);
  height: 3.125rem;
}
ion-toolbar ion-title[data-v-44e764a8] {
  font-weight: 500;
}
/* 隐藏滚动条 */
div.overflow-y-auto[data-v-44e764a8] {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
div.overflow-y-auto[data-v-44e764a8]::-webkit-scrollbar {
  display: none;
}
ion-button.submit[data-v-44e764a8] {
  --background: var(--color-primary-btn-active);
  --border-radius: 0.25rem;
  --color: var(--text-color-white-100);
  font-weight: 700;
  margin: -0.75rem 0.375rem 1.25rem;
  text-transform: none;
  /* 取消按钮文本自动大写 */
}
ion-button.submit[data-v-44e764a8]::part(native) {
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.new-skin-symbol .text-base[data-v-44e764a8] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .avatar-main[data-v-44e764a8] {
  background: var(--ep-color-background-fill-body-default);
}
.new-skin-symbol .avatar-main .avatar-title[data-v-44e764a8] {
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
.new-skin-symbol .avatar-main .avatar-close-icon[data-v-44e764a8] {
  font-size: var(--ep-font-size-l);
  color: var(--ep-color-icon-default);
}
.new-skin-symbol .avatar-main .avatar-tab[data-v-44e764a8] {
  font-size: var(--ep-font-size-m);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
.new-skin-symbol .avatar-main .avatar-tab ion-col[data-v-44e764a8] {
  color: var(--ep-color-text-weaker);
}
.new-skin-symbol .avatar-main .avatar-tab ion-col span[data-v-44e764a8] {
  font-size: var(--ep-font-size-s);
  line-height: 1.3125rem;
}
.new-skin-symbol .avatar-main .avatar-tab ion-col.select-female-border[data-v-44e764a8] {
  color: var(--ep-color-icon-selected);
  border-bottom: 0.125rem solid var(--ep-color-border-selected);
}
.new-skin-symbol .avatar-main .avatar-tab ion-col.select-female-border span[data-v-44e764a8] {
  font-weight: var(--ep-font-weight-bold);
}
.new-skin-symbol .avatar-main .avatar-tab ion-icon.user-avatar-gender-icon[data-v-44e764a8] {
  font-size: var(--ep-values-22);
}
.new-skin-symbol ion-toolbar[data-v-44e764a8] {
  --background: var(--ep-color-background-fill-surface-raised-L1);
}
.new-skin-symbol ion-toolbar ion-title[data-v-44e764a8] {
  font-weight: var(--ep-font-weight-medium);
}
.new-skin-symbol ion-button.submit[data-v-44e764a8] {
  --background: var(--ep-dynamic-primary);
  --color: var(--ep-color-text-inverse);
  --border-radius: var(--ep-border-radius-s);
  font-weight: var(--ep-font-weight-bold);
}
.new-skin-symbol ion-button.submit[data-v-44e764a8]::part(native) {
  font-size: var(--ep-font-size-m);
  line-height: 1.3125rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-modal[data-v-ed41f0af] {
  --width: fit-content;
  --height: fit-content;
  background: var(--color-bg-mask-black);
}
.logout-modal[data-v-ed41f0af] {
  min-height: 10rem;
  border-radius: 0.625rem;
  padding: 1.0625rem 0.875rem 0.875rem;
}
.logout-modal-title[data-v-ed41f0af] {
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.6875rem;
  margin-bottom: 1.7188rem;
}
.logout-modal-message[data-v-ed41f0af] {
  font-size: 0.875rem;
  font-weight: 400;
  text-align: center;
  line-height: 1.3125rem;
  margin-bottom: 2.0313rem;
}
.logout-modal-btn[data-v-ed41f0af] {
  display: flex;
  align-items: center;
}
ion-button.logout-modal-btn-left[data-v-ed41f0af],
ion-button.logout-modal-btn-right[data-v-ed41f0af] {
  font-size: 0.875rem;
  font-weight: 700;
  --border-radius: 0.375rem;
  min-width: 9.4375rem;
  min-height: 0;
  height: 3.0625rem;
}
ion-button.logout-modal-btn-left[data-v-ed41f0af] {
  margin-right: 0.625rem;
  --background-hover: none;
  --background-focused: none;
  --background-activated: none;
}
ion-button.logout-modal-btn-right[data-v-ed41f0af] {
  --background-hover: none;
  --background-focused: none;
  --background-activated: none;
}
.logout-modal[data-v-ed41f0af] {
  background: var(--color-bg-700);
}
.logout-modal-title[data-v-ed41f0af] {
  color: var(--color-text-100);
}
.logout-modal-message[data-v-ed41f0af] {
  color: var(--color-text-40);
}
ion-button.logout-modal-btn-left[data-v-ed41f0af] {
  --color: var(--color-text-100);
  --background: var(--theme-color-gradient-100);
}
ion-button.logout-modal-btn-right[data-v-ed41f0af] {
  --color: var(--color-text-100);
  --background: var(--color-bg-700);
}
ion-button.logout-modal-btn-left[data-v-ed41f0af]::part(native) {
  border: 1px solid var(--theme-color-gradient-100);
}
ion-button.logout-modal-btn-right[data-v-ed41f0af]::part(native) {
  border: 1px solid var(--theme-color-900);
}
.blue-default .logout-modal[data-v-ed41f0af] {
  background: var(--color-bg-700);
}
.blue-default .logout-modal-title[data-v-ed41f0af] {
  color: var(--color-text-100);
}
.blue-default .logout-modal-message[data-v-ed41f0af] {
  color: var(--color-text-40);
}
.blue-default ion-button.logout-modal-btn-left[data-v-ed41f0af] {
  --color: var(--color-text-100);
  --background: var(--theme-color-gradient-100);
}
.blue-default ion-button.logout-modal-btn-right[data-v-ed41f0af] {
  --color: var(--color-text-100);
  --background: var(--color-bg-700);
}
.blue-default ion-button.logout-modal-btn-left[data-v-ed41f0af]::part(native) {
  border: 1px solid var(--theme-color-gradient-100);
}
.blue-default ion-button.logout-modal-btn-right[data-v-ed41f0af]::part(native) {
  border: 1px solid var(--theme-color-900);
}
.green-default .logout-modal[data-v-ed41f0af] {
  background: var(--color-bg-200);
}
.green-default .logout-modal-title[data-v-ed41f0af] {
  color: var(--color-text-100);
}
.green-default .logout-modal-message[data-v-ed41f0af] {
  color: var(--color-text-40);
}
.green-default ion-button.logout-modal-btn-left[data-v-ed41f0af] {
  --color: var(--color-text-white-100);
  --background: var(--color-border-input-prefix);
}
.green-default ion-button.logout-modal-btn-right[data-v-ed41f0af] {
  --color: var(--color-text-white-100);
  --background: var(--theme-color-gradient-100);
}
.green-default ion-button.logout-modal-btn-left[data-v-ed41f0af]::part(native) {
  border: 1px solid var(--theme-color-gradient-100);
}
.green-default ion-button.logout-modal-btn-right[data-v-ed41f0af]::part(native) {
  border: 1px solid var(--theme-color-gradient-100);
}
.forest-green .logout-modal[data-v-ed41f0af] {
  background: var(--color-bg-200);
}
.forest-green .logout-modal-title[data-v-ed41f0af] {
  color: var(--color-text-gray-100);
}
.forest-green .logout-modal-message[data-v-ed41f0af] {
  color: var(--color-text-gray-200);
}
.forest-green ion-button.logout-modal-btn-left[data-v-ed41f0af] {
  --color: var(--color-text-gray-100);
  --background: var(--color-bg-50);
}
.forest-green ion-button.logout-modal-btn-right[data-v-ed41f0af] {
  --color: var(--color-text-gray-100);
  --background: var(--theme-color-gradient-100);
}
.forest-green ion-button.logout-modal-btn-left[data-v-ed41f0af]::part(native) {
  border: 1px solid var(--theme-color-gradient-100);
}
.forest-green ion-button.logout-modal-btn-right[data-v-ed41f0af]::part(native) {
  border: 1px solid var(--theme-color-gradient-100);
}
.amber-purple .logout-modal[data-v-ed41f0af] {
  background: var(--color-bg-200);
}
.amber-purple .logout-modal-title[data-v-ed41f0af] {
  color: var(--text-color-light-purple-1-100);
}
.amber-purple .logout-modal-message[data-v-ed41f0af] {
  color: var(--text-color-light-purple-2-100);
}
.amber-purple ion-button.logout-modal-btn-left[data-v-ed41f0af] {
  --color: var(--text-color-white-100);
  --background: var(--color-bg-100);
}
.amber-purple ion-button.logout-modal-btn-right[data-v-ed41f0af] {
  --color: var(--text-color-white-100);
  --background: var(--theme-color-800);
}
.amber-purple ion-button.logout-modal-btn-left[data-v-ed41f0af]::part(native) {
  border: 1px solid var(--theme-color-gradient-100);
}
.amber-purple ion-button.logout-modal-btn-right[data-v-ed41f0af]::part(native) {
  border: 1px solid var(--theme-color-gradient-100);
}
.auroral-yellow .logout-modal[data-v-ed41f0af] {
  background: var(--color-bg-200);
}
.auroral-yellow .logout-modal-title[data-v-ed41f0af] {
  color: var(--color-text-100);
}
.auroral-yellow .logout-modal-message[data-v-ed41f0af] {
  color: var(--color-text-40);
}
.auroral-yellow ion-button.logout-modal-btn-left[data-v-ed41f0af] {
  --color: var(--color-text-100);
  --background: var(--color-bg-100);
}
.auroral-yellow ion-button.logout-modal-btn-right[data-v-ed41f0af] {
  --color: var(--color-text-black-100);
  --background: var(--theme-color-800);
}
.auroral-yellow ion-button.logout-modal-btn-left[data-v-ed41f0af]::part(native) {
  border: 1px solid var(--theme-color-gradient-100);
}
.auroral-yellow ion-button.logout-modal-btn-right[data-v-ed41f0af]::part(native) {
  border: 1px solid var(--theme-color-800);
}
.yellow-dark .logout-modal[data-v-ed41f0af] {
  background: var(--color-card-bg-200);
}
.yellow-dark .logout-modal-title[data-v-ed41f0af] {
  color: var(--text-color-white-100);
}
.yellow-dark .logout-modal-message[data-v-ed41f0af] {
  color: var(--text-color-white-40);
}
.yellow-dark ion-button.logout-modal-btn-left[data-v-ed41f0af] {
  --color: var(--text-color-white-40);
  --background: var(--color-card-bg--100);
}
.yellow-dark ion-button.logout-modal-btn-right[data-v-ed41f0af] {
  --color: var(--text-color-black-100);
  --background: var(--theme-color-800);
}
.yellow-dark ion-button.logout-modal-btn-left[data-v-ed41f0af]::part(native) {
  border: 1px solid var(--theme-color-gradient-100);
}
.yellow-dark ion-button.logout-modal-btn-right[data-v-ed41f0af]::part(native) {
  border: 1px solid var(--theme-color-900);
}
.green-dark .logout-modal[data-v-ed41f0af] {
  background: var(--color-bg-200);
}
.green-dark .logout-modal-title[data-v-ed41f0af] {
  color: var(--text-color-white-100);
}
.green-dark .logout-modal-message[data-v-ed41f0af] {
  color: var(--text-color-white-40);
}
.green-dark ion-button.logout-modal-btn-left[data-v-ed41f0af] {
  --color: var(--text-color-white-100);
  --background: var(--color-bg-100);
}
.green-dark ion-button.logout-modal-btn-right[data-v-ed41f0af] {
  --color: var(--text-color-white-100);
  --background: var(--theme-color-800);
}
.green-dark ion-button.logout-modal-btn-left[data-v-ed41f0af]::part(native) {
  border: 1px solid var(--theme-color-gradient-100);
}
.green-dark ion-button.logout-modal-btn-right[data-v-ed41f0af]::part(native) {
  border: 1px solid var(--theme-color-900);
}
.purple-light .logout-modal[data-v-ed41f0af] {
  background: var(--color-bg-300);
}
.purple-light .logout-modal-title[data-v-ed41f0af] {
  color: var(--text-color-black-100);
}
.purple-light .logout-modal-message[data-v-ed41f0af] {
  color: var(--text-color-black-80);
}
.purple-light ion-button.logout-modal-btn-left[data-v-ed41f0af] {
  --color: var(--text-color-black-80);
  --background: var(--color-bg-100);
}
.purple-light ion-button.logout-modal-btn-right[data-v-ed41f0af] {
  --color: var(--text-color-white-100);
  --background: var(--theme-color-800);
}
.purple-light ion-button.logout-modal-btn-left[data-v-ed41f0af]::part(native) {
  border: 1px solid var(--theme-color-gradient-100);
}
.purple-light ion-button.logout-modal-btn-right[data-v-ed41f0af]::part(native) {
  border: 1px solid var(--theme-color-900);
}
.new-skin-symbol .logout-modal[data-v-ed41f0af] {
  background: var(--ep-color-background-fill-surface-raised-L1);
}
.new-skin-symbol .logout-modal-title[data-v-ed41f0af] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .logout-modal-message[data-v-ed41f0af] {
  color: var(--ep-color-text-weaker);
}
.new-skin-symbol ion-button.logout-modal-btn-left[data-v-ed41f0af] {
  --color: var(--ep-color-text-default);
  --background: var(--ep-color-background-fill-surface-raised-L2);
}
.new-skin-symbol ion-button.logout-modal-btn-right[data-v-ed41f0af] {
  --color: var(--ep-color-text-default);
  --background: var(--ep-dynamic-primary);
}
.new-skin-symbol ion-button.logout-modal-btn-left[data-v-ed41f0af]::part(native) {
  border: 1px solid var(--theme-color-gradient-100);
}
.new-skin-symbol ion-button.logout-modal-btn-right[data-v-ed41f0af]::part(native) {
  border: 1px solid var(--theme-color-900);
}
.new-skin-symbol ion-modal[data-v-ed41f0af] {
  --width: fit-content;
  --height: fit-content;
  background: var(--color-bg-mask-black);
}
.new-skin-symbol .logout-modal[data-v-ed41f0af] {
  min-height: 10rem;
  border-radius: var(--ep-border-radius-xl);
  padding: 1.0625rem 0.875rem 0.875rem;
}
.new-skin-symbol .logout-modal-title[data-v-ed41f0af] {
  font-size: var(--ep-font-size-xl);
  font-weight: var(--ep-font-weight-bold);
  text-align: center;
  line-height: 1.6875rem;
  margin-bottom: 1.7188rem;
}
.new-skin-symbol .logout-modal-message[data-v-ed41f0af] {
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-regular);
  text-align: center;
  line-height: 1.3125rem;
  margin-bottom: 2.0313rem;
}
.new-skin-symbol .logout-modal-btn[data-v-ed41f0af] {
  display: flex;
  align-items: center;
}
.new-skin-symbol ion-button.logout-modal-btn-left[data-v-ed41f0af],
.new-skin-symbol ion-button.logout-modal-btn-right[data-v-ed41f0af] {
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-bold);
  --border-radius: var(--ep-border-radius-m);
  min-width: 9.4375rem;
  min-height: 0;
  height: 3.0625rem;
}
.new-skin-symbol ion-button.logout-modal-btn-left[data-v-ed41f0af] {
  margin-right: 0.625rem;
  --background-hover: none;
  --background-focused: none;
  --background-activated: none;
}
.new-skin-symbol ion-button.logout-modal-btn-right[data-v-ed41f0af] {
  --color: var(--ep-color-text-inverse);
  --background-hover: none;
  --background-focused: none;
  --background-activated: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.money-color[data-v-96b18c95] {
  color: var(--balance-money-text-color);
  white-space: nowrap;
}
.new-skin-symbol .money-color[data-v-96b18c95] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .height-text-white[data-v-96b18c95] {
  font-size: var(--ep-font-size-l);
  font-weight: var(--ep-font-weight-bold);
  line-height: 1.5rem;
}
.new-skin-symbol .color-text-currency[data-v-96b18c95] {
  color: var(--ep-color-text-warning);
}
.new-skin-symbol .color-text-40[data-v-96b18c95] {
  color: var(--ep-color-icon-default);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.mine[data-v-0175477f] {
  font-size: 0.75rem;
  line-height: 1rem;
}
.user-base-info[data-v-0175477f] {
  background-color: var(--ep-color-background-fill-top-nav-secondary, var(--my-base-info-bg));
  z-index: 101;
  width: 100%;
  padding: 0.6875rem 0.75rem 1rem;
  position: fixed;
}
.user-base-info .bg-img[data-v-0175477f] {
  background: var(--v54f6d3e8) no-repeat;
  background-size: 100% 6.1875rem;
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.user-base-info .user-info[data-v-0175477f] {
  height: 5.5rem;
  display: flex;
  align-items: center;
}
.user-base-info .user-info .copy-icon[data-v-0175477f] {
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.75rem;
  padding-inline: 0.0625rem;
  padding-bottom: 0.0625rem;
  color: var(--color-primary-800);
}
.user-base-info .user-info .vip-wrap[data-v-0175477f] {
  margin-left: 1rem;
}
.user-base-info .user-info .vip-wrap .info-mid[data-v-0175477f] {
  font-weight: var(--ep-font-weight-medium, var(--font-weight-medium));
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-m, var(--font-size-14));
  color: var(--ep-color-text-default, var(--color-text-100));
  line-height: 1.3125rem;
}
.user-base-info .user-info .vip-wrap .img-wrap[data-v-0175477f] {
  margin-left: 0.4375rem;
  display: flex;
  align-items: center;
}
.user-base-info .user-info .vip-wrap .img-icon[data-v-0175477f] {
  width: 1.5rem;
  height: 1.5rem;
  z-index: 30;
}
.user-base-info .user-info .vip-wrap .icon-wrap[data-v-0175477f] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  color: var(--ep-color-text-highlight-white, var(--text-color-white-100));
  margin-left: -0.6875rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-base-info .user-info .vip-wrap .icon-wrap .icon[data-v-0175477f] {
  width: 3.125rem;
  height: 1.105rem;
}
.user-base-info .user-info .vip-wrap .icon-wrap .info[data-v-0175477f] {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.125rem;
  height: 1.105rem;
}
.user-base-info .user-info .vip-wrap .icon-wrap .span-cls[data-v-0175477f] {
  margin-left: 0.125rem;
}
.user-base-info .balance-info[data-v-0175477f] {
  height: 2.9rem;
  display: flex;
  margin-bottom: 1.09375rem;
  border-bottom: 1px solid var(--my-color-line);
}
.user-base-info .balance-info .balances[data-v-0175477f],
.user-base-info .balance-info .discount[data-v-0175477f] {
  flex: 1;
  flex-direction: column;
  background: var(--v2812860d) no-repeat;
  background-size: 100% 100%;
  padding-bottom: 0.625rem;
  font-size: 0.625rem;
  line-height: 0.9375rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-base-info .balance-info .balances .title-color[data-v-0175477f],
.user-base-info .balance-info .discount .title-color[data-v-0175477f] {
  color: var(--balance-title-text-color-40);
}
.user-base-info .balance-info .balances .money-color[data-v-0175477f],
.user-base-info .balance-info .discount .money-color[data-v-0175477f] {
  color: var(--balance-money-text-color);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-bold);
  line-height: 1.5rem;
}
.user-base-info .balance-info .balances[data-v-0175477f] {
  margin-right: 0.75rem;
}
.user-base-info .recharge-withdraw[data-v-0175477f] {
  height: 2.5rem;
  display: flex;
  align-items: center;
}
.user-base-info .recharge-withdraw .recharge-info[data-v-0175477f],
.user-base-info .recharge-withdraw .withdraw-info[data-v-0175477f] {
  flex: 1;
  background: var(--bg-color-recharge-withdraw);
  border-radius: 0.375rem;
  color: var(--text-color-white-100);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-14);
  line-height: 1.3125rem;
  font-weight: var(--ep-font-weight-medium, var(--font-weight-medium));
}
.user-base-info .recharge-withdraw .recharge-info .icon[data-v-0175477f],
.user-base-info .recharge-withdraw .withdraw-info .icon[data-v-0175477f] {
  width: 1.875rem;
  height: 1.875rem;
  margin-right: 0.375rem;
}
.user-base-info .recharge-withdraw .recharge-info ion-icon[data-v-0175477f],
.user-base-info .recharge-withdraw .withdraw-info ion-icon[data-v-0175477f] {
  color: var(--recharge-withdraw-icon-color);
}
.user-base-info .recharge-withdraw .recharge-info[data-v-0175477f] {
  margin-right: 0.75rem;
}
.skin-purple[data-v-0175477f] {
  color: var(--vip1-detail-text-color);
}
ion-content[data-v-0175477f] {
  --background: var(--color-bg-400);
}
.user-tab-info[data-v-0175477f] {
  background: var(--color-bg-300);
  padding: 1rem 0.75rem 1.875rem;
}
.card-bg-gradient[data-v-0175477f] {
  border-radius: 0.5rem;
  background: var(--my-card-bg-gradient);
}
.card-bg-gradient .customer-icon[data-v-0175477f] {
  color: var(--color-primary-800);
}
.invite-item[data-v-0175477f] {
  font-size: 0.625rem;
  color: var(--color-text-40);
}
.my-vip[data-v-0175477f] {
  height: 11.875rem;
  background: var(--ba1b7886) no-repeat;
  background-position: bottom 0 left 0;
  background-size: 100% 11.25rem;
  padding: 1.6rem 0.8125rem 0.8125rem;
  width: 100%;
  margin-bottom: 1rem;
  position: relative;
}
.my-vip .vip-detail[data-v-0175477f] {
  width: 7.0938rem;
  height: 2.875rem;
  padding: 0 0.625rem;
  background: var(--ef8e95a4) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0.125rem;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.my-vip .vip-detail .to-icon[data-v-0175477f] {
  color: var(--ep-color-icon-highlight-white, var(--vip-info-text-color-40)) !important;
  width: 1.0938rem;
  height: 1.0938rem;
}
.my-vip .vip-detail .hot-point[data-v-0175477f] {
  position: absolute;
  right: 1.625rem;
  top: 0.5625rem;
}
.my-vip .vip-info .wrap-info[data-v-0175477f] {
  display: flex;
  align-items: center;
}
.my-vip .vip-info .wrap-info .img-cls[data-v-0175477f] {
  width: 2.375rem;
  height: 2.375rem;
  z-index: 30;
}
.my-vip .vip-info .wrap-info .icon-cls[data-v-0175477f] {
  position: relative;
  font-size: 0.75rem;
  margin-left: -1.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.my-vip .vip-info .wrap-info .icon-cls .icon[data-v-0175477f] {
  width: 4.5rem;
  height: 1.25rem;
}
.my-vip .vip-info .wrap-info .icon-cls .info[data-v-0175477f] {
  position: absolute;
  left: 0;
  top: 0;
  width: 4.5rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.my-vip .vip-info .wrap-info .icon-cls .span-cls[data-v-0175477f] {
  margin-left: 0.125rem;
}
.my-vip .vip-info .wrap-info .bot[data-v-0175477f] {
  margin-left: 0.75rem;
  color: var(--ep-color-text-highlight-white-weaker, var(--vip-info-text-color-40));
  font-size: var(--ep-font-size-s, var(--font-size-12));
  line-height: 1.125rem;
  font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
}
.my-vip .vip-info .progress-wrap[data-v-0175477f] {
  margin-top: 1.375rem;
  display: flex;
  align-items: center;
}
.my-vip .vip-info .progress-wrap .top[data-v-0175477f] {
  position: relative;
}
.my-vip .vip-info .progress-wrap .progress-bar[data-v-0175477f] {
  width: 17.1875rem;
  height: 0.25rem;
  border-radius: 1rem;
}
.my-vip .vip-info .progress-wrap .level-point[data-v-0175477f] {
  position: absolute;
  transform: translate(-50%, -50%);
}
.my-vip .vip-info .progress-wrap .top-icon[data-v-0175477f] {
  width: 2.25rem;
  height: 2.25rem;
}
.my-vip .vip-info .progress-wrap .progress-bot[data-v-0175477f] {
  display: flex;
  align-items: center;
  margin-left: 0.375rem;
}
.my-vip .vip-info .progress-wrap .progress-bot .progress-img[data-v-0175477f] {
  width: 1.5rem;
  height: 1.5rem;
  z-index: 30;
}
.my-vip .vip-info .progress-wrap .progress-bot .progress-icon-wrap[data-v-0175477f] {
  position: relative;
  font-size: 0.625rem;
  color: var(--text-color-white-100);
  margin-left: -0.6875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.my-vip .vip-info .progress-wrap .progress-bot .progress-icon-wrap .progress-icon[data-v-0175477f] {
  width: 3.125rem;
  height: 1.105rem;
}
.my-vip .vip-info .progress-wrap .progress-bot .progress-icon-wrap .out-info[data-v-0175477f] {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.125rem;
  height: 1.105rem;
}
.my-vip .vip-info .progress-wrap .progress-bot .progress-icon-wrap .out-info .out-span-cls[data-v-0175477f] {
  margin-left: 0.125rem;
}
.my-vip .vip-info .progress-wrap .progress-bot .progress-bot-txt[data-v-0175477f] {
  font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
  line-height: 1.125rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  color: var(--ep-color-text-highlight-white, var(--vip-max-text-color));
}
.my-vip .current-vip-level[data-v-0175477f] {
  font-size: 0.75rem;
  margin-left: -1.125rem;
}
.next-current-vip-level[data-v-0175477f] {
  font-size: 0.625rem;
  color: var(--text-color-white-100);
  margin-left: -0.6875rem;
}
.avatar-info[data-v-0175477f] {
  --size: 3.25rem;
  --border-radius: 50%;
}
ion-progress-bar[data-v-0175477f] {
  --background: var(--progress-base-bg);
  --progress-background: var(--progress-bg);
}
ion-item[data-v-0175477f] {
  --min-height: 0;
  --padding-end: 0;
  --padding-top: 0.75rem;
  --padding-bottom: 0.75rem;
  --padding-start: 0;
  --background: transparent;
}
ion-item[data-v-0175477f]::part(detail-icon) {
  font-size: 0.875rem;
  color: var(--my-card-detail-color);
}
.user-id[data-v-0175477f] {
  display: flex;
  align-items: center;
  color: var(--ep-color-text-weaker, var(--id-text-color-40));
  font-size: var(--ep-font-size-s, var(--font-size-12));
  line-height: 1.125rem;
}
.vip-text-40[data-v-0175477f] {
  color: var(--vip-info-text-color-40);
}
.card-icon-color[data-v-0175477f] {
  color: var(--color-text-40);
}
@keyframes rotation-0175477f {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
.left.rounded-md.flex.items-center.justify-center[data-v-0175477f] {
  background: #2C344C;
}
.right.rounded-md.flex.items-center.justify-center[data-v-0175477f] {
  background: linear-gradient(180deg, #13C96A 0%, #1D9554 100%);
}
ion-modal#profile-modal-language[data-v-0175477f] {
  --width: fit-content;
  --height: fit-content;
  --border-radius: 6px;
  --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
}
.bet-wrap[data-v-0175477f] {
  color: var(--ep-color-text-weaker, var(--color-text-40));
  font-size: var(--ep-font-size-s, var(--font-size-12));
  line-height: 1.125rem;
  margin-top: 0.375rem;
}
.bet-wrap.condition-info[data-v-0175477f] {
  margin-top: 0.9rem;
}
.bet-wrap .bet-left[data-v-0175477f] {
  font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
  color: var(--ep-color-text-highlight-white-weaker, var(--vip-info-text-color-40));
  margin-bottom: 0.25rem;
}
.bet-wrap .need-recharge[data-v-0175477f],
.bet-wrap .need-bets[data-v-0175477f] {
  color: var(--vip-info-tips-text-color);
  font-size: 0.625rem;
  display: flex;
  align-items: center;
}
.bet-wrap .need-recharge p[data-v-0175477f],
.bet-wrap .need-bets p[data-v-0175477f] {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--vip-info-tips-text-color);
  margin-right: 0.625rem;
}
.bet-wrap .need-recharge .current-recharge[data-v-0175477f],
.bet-wrap .need-bets .current-recharge[data-v-0175477f] {
  color: var(--color-currency);
  margin-right: 0.375rem;
}
.bet-wrap .vip-info-max[data-v-0175477f] {
  color: var(--vip-max-text-color);
  font-size: var(--ep-font-size-xs, 0.625rem);
}
.kf-nav[data-v-0175477f] {
  width: 100%;
  padding-left: 1rem;
  margin-bottom: 1rem;
}
.kf-nav .icon-cls[data-v-0175477f] {
  position: relative;
}
.kf-nav .icon-cls .top[data-v-0175477f] {
  display: flex;
  align-items: center;
}
.kf-nav .icon-cls .top .customer-icon[data-v-0175477f] {
  width: 1.5rem;
  height: 1.5rem;
  font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
  margin-right: 0.625rem;
}
.kf-nav .icon-cls .top .name[data-v-0175477f] {
  font-size: 0.75rem;
  color: var(--ep-color-text-default, var(--color-text-100));
  line-height: 1.125rem;
  font-weight: 500;
}
.kf-nav .icon-cls .num[data-v-0175477f] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 1.125rem;
  background: var(--color-danger);
  position: absolute;
  right: 2.5rem;
  border-radius: 9999px;
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-highlight-white, var(--text-color-white-100));
  background: var(--ep-color-icon-tips, var(--color-danger));
}
.feature-tab[data-v-0175477f] {
  width: 100%;
  padding-left: 1rem;
  margin-bottom: 1rem;
}
.feature-tab .top[data-v-0175477f] {
  display: flex;
  align-items: center;
}
.feature-tab .top .icon-cls[data-v-0175477f] {
  width: 1.5rem;
  height: 1.5rem;
  font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
  margin-right: 0.625rem;
}
.feature-tab .top .name[data-v-0175477f] {
  font-size: 0.75rem;
  color: var(--ep-color-text-default, var(--color-text-100));
  line-height: 1.125rem;
  font-weight: 500;
}
.feature-tab .mid[data-v-0175477f] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.feature-tab .mid .label[data-v-0175477f] {
  flex: 2.5;
  text-align: right;
  max-width: 13rem;
}
.feature-tab .bot[data-v-0175477f] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: var(--ep-color-text-default, var(--current-language-text-color));
}
.feature-tab .bot .flag-rounded[data-v-0175477f] {
  font-size: 1rem;
  border-radius: 0.75rem;
  margin-right: 0.5rem;
}
.feature-tab .hot-point[data-v-0175477f] {
  right: 1.625rem;
  top: 0;
}
.new-skin-symbol .small-text-white[data-v-0175477f] {
  color: var(--ep-color-text-weaker);
  font-size: var(--ep-font-size-s);
  line-height: 1.125rem;
}
.new-skin-symbol .middle-text-white[data-v-0175477f] {
  font-size: var(--ep-font-size-m);
  color: var(--ep-color-text-default);
  line-height: 1.3125rem;
}
.new-skin-symbol .height-text-white[data-v-0175477f] {
  font-size: var(--ep-font-size-l);
  font-weight: var(--ep-font-weight-bold);
  line-height: 1.5rem;
}
.new-skin-symbol .font-weight-medium[data-v-0175477f] {
  font-weight: var(--ep-font-weight-medium);
}
.new-skin-symbol .font-weight-bold[data-v-0175477f] {
  font-weight: var(--ep-font-weight-bold);
}
.new-skin-symbol .user-base-info[data-v-0175477f] {
  background-color: var(--ep-color-background-fill-top-nav-secondary);
  border-radius: 0 0 var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-small);
}
.new-skin-symbol .user-base-info .user-info .copy-icon[data-v-0175477f] {
  color: var(--ep-color-icon-brand-primary);
}
.new-skin-symbol .user-base-info .balance-info[data-v-0175477f] {
  border-bottom: 1px solid var(--ep-color-border-default);
}
.new-skin-symbol .user-base-info .balance-info .balances[data-v-0175477f],
.new-skin-symbol .user-base-info .balance-info .discount[data-v-0175477f] {
  position: relative;
  overflow: hidden;
  background: none;
  font-size: var(--ep-font-size-xs);
}
.new-skin-symbol .user-base-info .balance-info .balances .title-color[data-v-0175477f],
.new-skin-symbol .user-base-info .balance-info .discount .title-color[data-v-0175477f] {
  color: var(--ep-color-text-weaker);
}
.new-skin-symbol .user-base-info .balance-info .balances .money-color[data-v-0175477f],
.new-skin-symbol .user-base-info .balance-info .discount .money-color[data-v-0175477f] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .user-base-info .balance-info .balances[data-v-0175477f]::before,
.new-skin-symbol .user-base-info .balance-info .discount[data-v-0175477f]::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 100.58px;
  height: 35px;
  top: 40px;
  left: 32px;
  background: var(--ep-color-background-fill-glow-primary-opacity-40);
  filter: blur(24px);
  z-index: -1;
}
.new-skin-symbol .user-base-info .recharge-withdraw .recharge-info[data-v-0175477f],
.new-skin-symbol .user-base-info .recharge-withdraw .withdraw-info[data-v-0175477f] {
  background: var(--ep-color-background-fill-surface-raised-L2);
  box-shadow: 0px -26px 20px -24px var(--ep-color-background-fill-glow-secondary-opacity-40) inset;
  color: var(--ep-color-text-default);
}
.new-skin-symbol .user-base-info .recharge-withdraw .recharge-info ion-icon[data-v-0175477f],
.new-skin-symbol .user-base-info .recharge-withdraw .withdraw-info ion-icon[data-v-0175477f] {
  color: var(--ep-color-icon-brand-primary);
}
.new-skin-symbol .skin-purple[data-v-0175477f] {
  color: var(--ep-color-text-highlight-white);
}
.new-skin-symbol ion-content[data-v-0175477f] {
  --background: var(--ep-color-background-fill-body-default);
}
.new-skin-symbol .user-tab-info[data-v-0175477f] {
  background: var(--ep-color-background-fill-body-default);
}
.new-skin-symbol .card-bg-gradient[data-v-0175477f] {
  border-radius: var(--ep-border-radius-m);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
.new-skin-symbol .card-bg-gradient .customer-icon[data-v-0175477f] {
  color: var(--ep-color-icon-brand-primary);
}
.new-skin-symbol .navigation-item[data-v-0175477f] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
.new-skin-symbol .invite-item[data-v-0175477f] {
  font-size: var(--ep-font-size-xs);
  color: var(--ep-color-text-weaker);
}
.new-skin-symbol .red-points[data-v-0175477f] {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-text-highlight-white);
  background: var(--ep-color-icon-tips);
}
.new-skin-symbol .my-vip .vip-detail .to-icon[data-v-0175477f] {
  color: var(--ep-color-icon-highlight-white);
}
.new-skin-symbol .need-recharge[data-v-0175477f],
.new-skin-symbol .need-bets[data-v-0175477f] {
  font-size: var(--ep-font-size-xs);
  color: var(--ep-color-text-highlight-white-weaker);
}
.new-skin-symbol .need-recharge p[data-v-0175477f],
.new-skin-symbol .need-bets p[data-v-0175477f] {
  background: var(--ep-color-text-highlight-white-weaker);
}
.new-skin-symbol .current-recharge[data-v-0175477f] {
  color: var(--ep-color-text-warning);
}
.new-skin-symbol .next-current-vip-level[data-v-0175477f] {
  font-size: var(--ep-font-size-xs);
  color: var(--ep-color-text-highlight-white);
}
.new-skin-symbol ion-progress-bar[data-v-0175477f] {
  --background: var(--ep-color-text-weakest);
  --progress-background: #188707;
}
.new-skin-symbol ion-item[data-v-0175477f]::part(detail-icon) {
  font-size: var(--ep-font-size-m);
  color: var(--ep-color-icon-weaker);
  opacity: 1;
}
.new-skin-symbol .current-language[data-v-0175477f] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .current-language .flag-rounded[data-v-0175477f] {
  font-size: var(--ep-font-size-l);
  border-radius: var(--ep-border-radius-surface-small);
}
.new-skin-symbol .user-id[data-v-0175477f] {
  color: var(--ep-color-text-weaker);
}
.new-skin-symbol .vip-text-40[data-v-0175477f] {
  color: var(--ep-color-text-weaker);
}
.new-skin-symbol .vip-info-max[data-v-0175477f] {
  color: var(--ep-color-text-highlight-white);
  font-size: var(--ep-font-size-xs, 0.625rem);
}
.new-skin-symbol .card-icon-color[data-v-0175477f] {
  color: var(--ep-color-icon-weaker);
}
.new-skin-symbol .max-level[data-v-0175477f] {
  font-size: var(--ep-font-size-s);
  line-height: 1.125rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-content.common-ion-content[data-v-559544fc] {
  --background: var(--color-bg-300);
}
.security-bind-email-tips[data-v-559544fc] {
  font-size: var(--font-size-14);
  color: var(--color-text-100);
  line-height: 1.3125rem;
  font-weight: var(--font-weight-medium);
}
.new-skin-symbol ion-content.common-ion-content[data-v-559544fc] {
  --background: var(--ep-color-background-fill-body-default);
}
.new-skin-symbol .security-bind-email-tips[data-v-559544fc] {
  font-size: var(--ep-font-size-m);
  color: var(--ep-color-text-default);
  line-height: 1.3125rem;
  font-weight: var(--ep-font-weight-medium);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.security-verify-password[data-v-266ba8c2] {
  font-size: var(--font-size-14);
  color: var(--color-text-100);
  line-height: 1.3125rem;
  font-weight: var(--font-weight-medium);
}
.security-verify-tips[data-v-266ba8c2] {
  color: var(--color-text-40);
  font-size: var(--font-size-10);
  line-height: 0.9375rem;
}
.new-skin-symbol ion-content.common-ion-content[data-v-266ba8c2] {
  --background: var(--ep-color-background-fill-body-default);
}
.new-skin-symbol .security-verify-password[data-v-266ba8c2] {
  font-size: var(--ep-font-size-m);
  color: var(--ep-color-text-default);
  line-height: 1.3125rem;
  font-weight: var(--ep-font-weight-medium);
}
.new-skin-symbol .security-verify-tips[data-v-266ba8c2] {
  color: var(--ep-color-text-weaker);
  font-size: var(--ep-font-size-xs);
  line-height: 0.9375rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.grid-password[data-v-4b2e409a] {
  /* 最外层盒子 */
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  border: 1px solid transparent;
  padding: 0;
}
.hidden-input[data-v-4b2e409a] {
  /* input(透明) */
  position: absolute;
  inset: 0;
  opacity: 0;
  caret-color: transparent;
  -webkit-text-fill-color: transparent;
}
.grid-item[data-v-4b2e409a] {
  /* 密码点 */
  width: 2.75rem;
  height: 2.75rem;
  background: var(--color-bg-payment-item);
  border-radius: var(--rounded-small);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.grid-item-focus[data-v-4b2e409a] {
  /* 密码点(聚焦) */
  border: 1px solid var(--color-focus);
}
.dot[data-v-4b2e409a] {
  /* 密码点(显示) */
  width: 10px;
  height: 10px;
  background: var(--color-text-100);
  border-radius: 50%;
}
.cursor[data-v-4b2e409a] {
  /* 光标 */
  position: absolute;
  width: 1px;
  height: 1rem;
  background: var(--color-text-100);
  animation: blink-4b2e409a 1s infinite;
}
@keyframes blink-4b2e409a {
  /* 光标闪烁 */
0% {
    opacity: 1;
}
49% {
    opacity: 1;
}
50% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
.grid-password.purple-light .grid-item[data-v-4b2e409a] {
  background-color: var(--color-bg-400);
}
.grid-password.amber-purple .grid-item[data-v-4b2e409a] {
  background-color: var(--color-bg-200);
}
.grid-password.auroral-yellow .grid-item[data-v-4b2e409a] {
  background-color: var(--color-bg-200);
}
.new-skin-symbol .grid-password .grid-item[data-v-4b2e409a] {
  /* 密码点 */
  background: var(--ep-color-background-fill-surface-raised-L2);
  border-radius: var(--ep-border-radius-s);
}
.new-skin-symbol .grid-password .grid-item-focus[data-v-4b2e409a] {
  /* 密码点(聚焦) */
  border: 1px solid var(--ep-color-border-brand);
}
.new-skin-symbol .grid-password .dot[data-v-4b2e409a] {
  /* 密码点(显示) */
  width: 10px;
  height: 10px;
  background: var(--ep-color-text-default);
  border-radius: 50%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-content.common-ion-content[data-v-b42669a0] {
  --background: var(--color-bg-300);
}
.security-update-password-tips[data-v-b42669a0],
.security-bind-asset-tips[data-v-b42669a0] {
  font-size: var(--font-size-14);
  color: var(--color-text-100);
  line-height: 1.3125rem;
  font-weight: var(--font-weight-medium);
}
.new-skin-symbol ion-content.common-ion-content[data-v-b42669a0] {
  --background: var(--ep-color-background-fill-body-default);
}
.new-skin-symbol .security-update-password-tips[data-v-b42669a0],
.new-skin-symbol .security-bind-asset-tips[data-v-b42669a0] {
  font-size: var(--ep-font-size-m);
  color: var(--ep-color-text-default);
  line-height: 1.3125rem;
  font-weight: var(--ep-font-weight-medium);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.back-logo-wrap[data-v-c89d224e] {
  display: flex;
  align-items: center;
  height: 100%;
}
.back-logo-wrap .logo-wrap.layout1[data-v-c89d224e] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.back-logo-wrap .logo-wrap.layout1 .logo[data-v-c89d224e] {
  width: auto;
  height: 2.25rem;
  object-fit: contain;
}
html .bt-header-wrap[data-v-c89d224e] {
  width: 24.375rem;
  height: 3.125rem;
  box-sizing: border-box;
  line-height: 3.125rem;
  color: var(--text-color-white-100);
  background-color: var(--color-bg-200);
}
html .bt-header-wrap.scheme-light[data-v-c89d224e] {
  background-color: var(--theme-color-800);
}
html .bt-header-wrap.scheme-light .back-area[data-v-c89d224e] {
  background-color: var(--theme-color-700);
}
html .bt-header-wrap.scheme-light .back-area ion-icon.back[data-v-c89d224e] {
  color: var(--color-text-secondary-2);
  opacity: 0.4;
}
html .bt-header-wrap.scheme-light .title[data-v-c89d224e] {
  color: var(--color-bg-100);
  background: none;
  -webkit-text-fill-color: var(--color-bg-100);
}
html .bt-header-wrap .back-area[data-v-c89d224e] {
  width: 6.25rem;
  height: 100%;
  padding-left: 0.75rem;
  background-color: var(--color-bg-100);
  cursor: pointer;
  color: var(--ep-color-text-default, #fff);
}
html .bt-header-wrap .back-area ion-icon.back[data-v-c89d224e] {
  font-size: var(--font-size-20);
  color: var(--color-text-40);
}
.new-skin-symbol .bt-header-wrap[data-v-c89d224e] {
  width: 24.375rem;
  height: 3.125rem;
  box-sizing: border-box;
  line-height: 3.125rem;
  color: var(--text-color-white-100);
  background-color: var(--color-bg-200);
}
.new-skin-symbol .bt-header-wrap.scheme-light[data-v-c89d224e] {
  background-color: var(--ep-color-background-fill-top-nav-secondary);
}
.new-skin-symbol .bt-header-wrap.scheme-light .back-area[data-v-c89d224e] {
  background-color: var(--ep-color-background-fill-surface-raised-L2);
}
.new-skin-symbol .bt-header-wrap.scheme-light .back-area ion-icon.back[data-v-c89d224e] {
  color: var(--ep-color-icon-default);
  opacity: 0.4;
}
.new-skin-symbol .bt-header-wrap.scheme-light .title[data-v-c89d224e] {
  color: var(--color-bg-100);
  background: none;
  -webkit-text-fill-color: var(--color-bg-100);
}
.new-skin-symbol .bt-header-wrap .back-area[data-v-c89d224e] {
  width: 6.25rem;
  height: 100%;
  padding-left: 0.75rem;
  background-color: var(--color-bg-100);
  cursor: pointer;
  color: var(--ep-color-text-default);
}
.new-skin-symbol .bt-header-wrap .back-area ion-icon.back[data-v-c89d224e] {
  font-size: var(--font-size-20);
  color: var(--color-text-40);
}
.new-skin-symbol .bt-header-wrap[data-v-c89d224e] {
  background: var(--ep-color-background-fill-top-nav-secondary);
}
.new-skin-symbol .bt-header-wrap .back-area[data-v-c89d224e] {
  color: var(--ep-color-text-navigation-default);
  background: var(--ep-color-background-fill-surface-raised-L2);
  color: var(--ep-color-text-default);
}
.new-skin-symbol .bt-header-wrap .back-area ion-icon.back[data-v-c89d224e] {
  color: var(--ep-color-icon-default);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.balance {
  height: 1.875rem;
  padding: 0 0.5rem;
  margin-right: 0.75rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-lowered, var(--color-bg-400));
  color: var(--ep-color-text-default, var(--color-text-100));
  font-weight: var(--ep-font-weight-medium, var(--font-weight-medium));
  font-size: var(--ep-font-size-m, var(--font-size-12));
}
.balance .merchantCy {
  color: var(--ep-color-text-warning, var(--color-currency));
  margin-right: 0.1875rem;
}
.balance ion-icon.refresh {
  font-size: var(--font-size-20);
  color: var(--ep-color-icon-warning, var(--color-currency));
  margin-left: 0.1875rem;
  cursor: pointer;
}
.balance.scheme-light {
  background-color: var(--color-bg-100);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-item[data-v-9e2bf044] {
  --min-height: 0;
  --padding-end: 0;
  --padding-top: 0.75rem;
  --padding-bottom: 0.75rem;
  --padding-start: 0;
  --background: transparent;
}
ion-item[data-v-9e2bf044]::part(detail-icon) {
  font-size: 0.875rem;
  color: var(--my-card-detail-color);
}
ion-item ion-icon[data-v-9e2bf044] {
  color: var(--security-item-icon-color);
}
ion-item ion-label[data-v-9e2bf044] {
  font-size: var(--font-size-12) !important;
  line-height: 1.125rem;
  margin: 0;
}
ion-item ion-label.item-name[data-v-9e2bf044] {
  color: #686299;
  font-weight: var(--font-weight-medium);
}
ion-item ion-label.item-info[data-v-9e2bf044] {
  color: #BDB8E1;
}
.card-bg-gradient[data-v-9e2bf044] {
  background: var(--my-card-bg-gradient);
}
.amber-purple body div#app ion-router-outlet > div.ion-page[data-v-9e2bf044]::before {
  z-index: 10;
  pointer-events: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
[data-v-5d63bc85] .mask {
  background: var(--color-bg-mask);
}
[data-v-5d63bc85] .content_footer_pwa {
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background: url('/images/bg-pwa-footer.svg'), var(--pwa-dialog-bg);
  background-size: cover;
  color: var(--text-color-white-60);
  font-weight: 300;
}
[data-v-5d63bc85] .content_footer_pwa ion-button.solid {
  --color: #fff;
}
[data-v-5d63bc85] .content_footer_pwa .install {
  --button-font-size: 0.875rem;
  --button-font-weight: 500;
}
[data-v-5d63bc85] .content_footer_pwa .cancel {
  --color: var(--text-color-white-20);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-menu[data-v-632939a1] {
  /* 抽屉菜单样式 */
  --max-width: 16.5rem;
  --width: 16.5rem;
  background: transparent;
}
ion-icon.close[data-v-632939a1] {
  color: var(--menu-close-color);
}
ion-menu ion-content[data-v-632939a1] {
  --padding-top: 0.75rem;
  --padding-start: 0.75rem;
  --padding-end: 0.75rem;
}
ion-menu-button[data-v-632939a1] {
  /* 菜单按钮样式 */
  --padding-start: 5px;
  --padding-end: 5px;
  width: auto;
}
ion-menu-button[data-v-632939a1]::part(native) {
  /* 菜单按钮图标样式 */
  font-size: 24px;
}
ion-menu-toggle.on[data-v-632939a1] {
  animation: fadeToTransparent-632939a1 200ms linear forwards;
}
ion-menu-toggle.records[data-v-632939a1] {
  background: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
}
ion-menu ion-header ion-toolbar[data-v-632939a1] {
  --background: var(--menu-bar-bg);
}
div.card[data-v-632939a1] {
  display: flex;
  flex-flow: wrap;
  gap: 0.5rem;
}
div.card ion-menu-toggle[data-v-632939a1] {
  flex: 0.5;
  font-size: 0.75rem;
  line-height: 1.5;
  font-weight: 600;
  border-radius: 0.625rem;
  background: var(--menu-card-bg);
  box-shadow: var(--color-bar-bg-shadow);
}
div.card ion-menu-toggle[data-v-632939a1]:last-child:nth-child(2n-1) {
  flex: 0 0 48.7%;
}
div.card .sort-icon[data-v-632939a1] {
  font-size: 1.5rem;
  color: var(--menu-card-label-icon);
}
div.card .card-title[data-v-632939a1] {
  color: var(--menu-card-label-title);
}
ion-menu-toggle.card[data-v-632939a1] {
  box-shadow: var(--color-bar-bg-shadow);
}
ion-menu-toggle.support-card[data-v-632939a1] {
  background: var(--menu-support-card-bg);
}
ion-menu-toggle.support-card .support[data-v-632939a1] {
  border-radius: 0.5rem;
  background: var(--color-button-bg-support-bg);
  box-shadow: 0px 4px 6.8px 0px rgba(0, 0, 0, 0.25), 0px -2px 4px 0px rgba(0, 0, 0, 0.11) inset;
}
ion-menu-toggle.support-card .support-text[data-v-632939a1] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--support-text-color);
}
ion-menu-toggle.assets[data-v-632939a1] {
  overflow: hidden;
  position: relative;
  border-radius: 0.625rem;
  background: var(--color-btn-bg-toggle);
  border: 1px solid var(--line-color);
  padding: 0.4375rem 0.9375rem 0.5rem 0.875rem;
}
ion-menu-toggle.assets[data-v-632939a1]::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40%;
  background-image: linear-gradient(to bottom, rgba(213, 192, 253, 0), rgba(213, 192, 253, 0.1));
}
ion-menu-toggle.assets ion-icon[data-v-632939a1] {
  color: var(--color-svg-icon-primary);
}
ion-menu-toggle.assets ion-label[data-v-632939a1] {
  color: var(--color-svg-icon-primary);
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 600;
}
@keyframes fadeToTransparent-632939a1 {
from {
    background: #343947;
}
to {
    background: rgba(255, 0, 0, 0);
}
}

.game-used[data-v-e058325b] {
  height: 4.5rem;
  width: 24.375rem;
  background: #ededed;
  position: relative;
  z-index: -1;
  opacity: 0.7;
}
ion-tab-bar[data-v-e058325b] {
  height: 66px;
  --background: linear-gradient(to bottom, transparent 10px, var(--color-bar-bg-100) 10px);
}
ion-tab-button[data-v-e058325b] {
  --background: transparent;
  --color-selected: #ffffff;
  --color: #566488 --ripple-color: transparent;
}
div.deposit[data-v-e058325b] {
  border-radius: 41px;
  border: 1px solid var(--color-primary-border-light);
  background: var(--color-primary-btn-main);
  box-shadow: var(--color-primary-btn-main-shadow);
  margin-bottom: env(safe-area-inset-bottom);
}
div.drawer-backdrop[data-v-e058325b] {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, 0.1);
}
.tab-img[data-v-e058325b] {
  color: var(--tab-image-color);
}
.tab-img.on[data-v-e058325b] {
  animation: buttonAnimation-e058325b 500ms;
  color: var(--tab-image-active-color);
}
.tab-img.tab-main[data-v-e058325b],
.tab-main-text[data-v-e058325b] {
  color: var(--color-text-tab-main);
}
.redPoint[data-v-e058325b] {
  animation: breathing-e058325b 3s infinite;
}
@keyframes buttonAnimation-e058325b {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
@keyframes breathing-e058325b {
0% {
    opacity: 0.5;
    transform: scale(1);
}
50% {
    opacity: 1;
    transform: scale(1.2);
}
100% {
    opacity: 0.5;
    transform: scale(1);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-col[data-v-439c59c3] {
  padding-inline-start: 0;
  padding-inline-end: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.label[data-v-439c59c3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.label .title[data-v-439c59c3] {
  font-family: Nunito;
  font-size: 2rem;
  line-height: 1;
  font-weight: 900;
  background: var(--footer-title-color);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* 使用这两个属性来将渐变应用到文字 */
}
.label .sub[data-v-439c59c3] {
  color: var(--footer-sub-color);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.5;
}
ion-icon.age-18[data-v-439c59c3] {
  color: var(--trilateral-cooperation-color);
}
div.content[data-v-439c59c3] {
  color: var(--footer-content-color);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
}

div.left[data-v-79217eb0] {
  background: linear-gradient(90deg, var(--color-bg-300) 46.36%, rgba(28, 35, 52, 0) 100%);
}
div.right[data-v-79217eb0] {
  background: linear-gradient(270deg, var(--color-bg-300), rgba(28, 35, 52, 0) 100%);
}
.marquee[data-v-79217eb0] {
  color: var(--marquee-color);
  font-weight: var(--marquee-weight);
  font-size: var(--marquee-size);
  flex: 1;
  overflow: hidden;
}
.marquee-box[data-v-79217eb0] {
  box-sizing: border-box;
  background: var(--color-bg-200);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.activity-bar[data-v-b307c2d2] {
  margin-top: 1rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
p.title[data-v-3bf0d85c] {
  color: var(--trilateral-cooperation-color);
}
.sub[data-v-3bf0d85c] {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--trilateral-cooperation-color-1);
}
.box-container[data-v-3bf0d85c] {
  display: flex;
  column-gap: 0.75rem;
}
.box-container .box[data-v-3bf0d85c] {
  position: relative;
  overflow: hidden;
  background: var(--install-box-bg);
  border-radius: 10px;
  border: 1px solid var(--dark-line-stroke-line, #5F588C);
}
.box-container .box[data-v-3bf0d85c]:nth-child(1) {
  margin-left: -0.5rem;
}
.box-container .box[data-v-3bf0d85c]:nth-child(2) {
  margin-right: -0.5rem;
}
.box-container .box .label > p[data-v-3bf0d85c]:nth-child(1) {
  font-weight: 400;
  color: var(--text-color-light-purple-2-100);
}
.box-container .box .label > p[data-v-3bf0d85c]:nth-child(2) {
  font-weight: 500;
  color: var(--text-color-light-purple-1-100);
}

ion-buttons[data-v-350e869d] {
	background: var(--color-menu-btn-bg);

	min-height: 0;
	--padding-top: 12px;
	--padding-bottom: 12px;
	border-radius: 12px;
	background: var(--Dark-BG-color-dark-purple-100, #3B3466);
	box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.06);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.header[data-v-4892a968] {
  --padding-end: 0.9375rem;
}
div.assets-box[data-v-4892a968] {
  font-weight: 400;
  border: 0.0625rem solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  display: flex;
  align-items: center;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.1875rem;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  height: 1.875rem;
}
div.assets-box .currency[data-v-4892a968] {
  margin-right: 0.25rem;
}
div.assets-box .wallet[data-v-4892a968] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.1875rem 0.185rem;
  border-radius: 50%;
  margin-left: 0.375rem;
}
div.primaryBtn[data-v-4892a968] {
  display: flex;
  align-items: center;
}
ion-button.btn[data-v-4892a968] {
  --padding-start: 0;
  --padding-end: 0;
}
ion-button.search[data-v-4892a968] {
  padding-left: 0.5rem;
  margin: 0;
}
ion-button.earth[data-v-4892a968] {
  flex-shrink: 0;
  padding-left: 0.5rem;
  margin: 0;
}
ion-popover#language .flag[data-v-4892a968] {
  border-radius: 0.75rem;
  font-size: 1.25rem;
  margin-right: 0.5rem;
}
ion-popover#language[data-v-4892a968]::part(content) {
  margin-top: 1.5rem;
  margin-left: 0.125rem;
  border-radius: 0.375rem;
  width: max-content;
}
ion-popover ion-button[data-v-4892a968] {
  --color: var(--color-text-100);
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: 0;
  margin-inline: 0;
  margin-top: 0;
  margin-bottom: 0;
  height: 3.25rem;
  align-self: flex-start;
}
.init-btn[data-v-4892a968] {
  --padding-top: 0.375rem;
  --padding-bottom: 0.375rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-feature-settings: 'cpsp' on;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  min-height: min-content;
  --border-radius: 0.375rem;
}
.unset-btn[data-v-4892a968] {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
  min-width: min-content;
}
.outline-btn[data-v-4892a968] {
  --border-width: 0.0625rem;
  --border-style: solid;
}
.outline-btn.login[data-v-4892a968] {
  --background: #1A223A;
  --color: #1F8AE4;
  --border-color: #1F8AE4;
}
.outline-btn.login[data-v-4892a968]::part(native) {
  color: #1F8AE4;
}
.outline-btn.register[data-v-4892a968] {
  --background: #3C3834;
  --color: #FBA531;
  --border-color: #FBA531;
}
.outline-btn.register[data-v-4892a968]::part(native) {
  color: #FBA531;
}
.icon-btn[data-v-4892a968] {
  font-size: 1.375rem;
}
.home-type-Platform .icon-btn[data-v-4892a968] {
  font-size: 1.5rem;
}
.home-type-Platform .login[data-v-4892a968],
.home-type-Platform .register[data-v-4892a968] {
  text-transform: uppercase;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  font-weight: 700;
}
.btn-margin + .btn-margin[data-v-4892a968] {
  margin-inline-start: 0.625rem;
}
div.assets-box[data-v-4892a968] {
  font-size: 0.875rem;
}
ion-toolbar.header[data-v-4892a968] {
  --padding-start: 0.75rem;
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-end: 0.75rem;
  --background: transparent;
}
.login[data-v-4892a968],
.register[data-v-4892a968] {
  --button-font-weight: 900;
  --layout-radius-basic: 10px;
  --button-font-size: 10px;
  min-width: 3rem;
}
[data-v-4892a968] .button .login.second-button,[data-v-4892a968] .button .register.second-button {
  --padding-start: 0.125rem;
  --padding-end: 0.125rem;
}
.login[data-v-4892a968] {
  --ion-toolbar-color: var(--bg-inicio-HeaderBar-btn-login);
  --ion-toolbar-background: var(--bg-inicio-HeaderBar-btn-login);
}
.register[data-v-4892a968] {
  --ion-toolbar-color: var(--bg-inicio-HeaderBar-btn-register);
  --ion-toolbar-background: var(--bg-inicio-HeaderBar-btn-register);
}
ion-button.btn[data-v-4892a968] {
  width: 30px;
  height: 30px;
  --border-width: 1px;
  --border-style: solid;
  --border-radius: 10px;
  --border-color: var(--line-color);
}
ion-button.btn ion-icon[data-v-4892a968] {
  color: var(--text-color-light-purple-1-100);
}
div.assets-box[data-v-4892a968] {
  font-weight: 400;
  background: var(--bg-inicio-HeaderBar-assets);
  border: 1px solid transparent;
  border-radius: 0.625rem;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
div.assets-box .assets-box-number[data-v-4892a968] {
  color: var(--color-base);
}
p.currency[data-v-4892a968] {
  color: var(--color-inicio-HeaderBar-assets-prefix);
}
div.wallet[data-v-4892a968] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bg-inicio-HeaderBar-assets-icon);
}
div.wallet ion-icon[data-v-4892a968] {
  color: var(--color-inicio-HeaderBar-assets-icon);
}
ion-button.btn[data-v-4892a968] {
  width: 30px;
  height: 30px;
  --padding-start: 0;
  --padding-end: 0;
  --border-width: 1px;
  --border-style: solid;
  --border-radius: 10px;
  --background: var(--bg-inicio-HeaderBar-btn);
  --border-color: var(--line-color);
  --color: var(--color-base);
}
ion-popover#language[data-v-4892a968]::part(content) {
  margin-top: 1.5rem;
  margin-left: 0.125rem;
  width: max-content;
  border-radius: 0.375rem;
}
ion-popover ion-button[data-v-4892a968] {
  --color: var(--color-text-100);
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: 0;
  margin-inline: 0;
  margin-top: 0;
  margin-bottom: 0;
  height: 3.25rem;
}
.register-btn-warpper[data-v-4892a968] {
  min-width: 3.2rem;
  position: relative;
}
.register-btn-warpper .rewardTag[data-v-4892a968] {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  z-index: 10;
}
.amber-purple #language[data-v-4892a968]::part(content) {
  background: var(--color-bg-400);
}

.box[data-v-b62b4306] {
  width: 4rem;
}
.image-style[data-v-b62b4306] {
  object-fit: contain;
}
p.title[data-v-b62b4306] {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--color-base);
}
p.sub[data-v-b62b4306] {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.5;
  color: var(--color-secondary);
}
div.line[data-v-b62b4306] {
  background: var(--line-color);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-segment[data-v-690c0f8f] {
  --background: transparent;
  border-radius: 0;
  width: 100%;
  display: flex;
}
ion-segment-button.init-segment[data-v-690c0f8f] {
  flex-shrink: 0;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  height: min-content;
  min-width: min-content;
  margin: 0;
  --background: transparent;
  --indicator-transition: none;
  --indicator-color: transparent;
  --indicator-box-shadow: none;
}
ion-segment-button[data-v-690c0f8f]:first-child {
  margin-left: auto;
}
ion-segment-button[data-v-690c0f8f]:last-child {
  margin-right: auto;
}
ion-segment-button.segment-button-checked[data-v-690c0f8f] {
  animation: fadeToTransparent-690c0f8f 600ms linear forwards;
}
ion-segment-button.segment-button-disabled[data-v-690c0f8f] {
  opacity: 1;
}
ion-segment-button.ios[data-v-690c0f8f]::part(indicator) {
  padding-inline: 0;
}
ion-segment-button.ios[data-v-690c0f8f]::part(indicator-background) {
  background: transparent;
}
ion-segment-button[data-v-690c0f8f]::part(native) {
  display: flex;
  flex-flow: column;
}
ion-icon[data-v-690c0f8f] {
  color: var(--text-color-white-100);
}
ion-icon.popular[data-v-690c0f8f] {
  color: var(--color-svg-popular);
}
.btn-wall[data-v-690c0f8f] {
  width: 3.875rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.btn-wall .icon-box[data-v-690c0f8f] {
  width: 3rem;
  height: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.625rem;
  border: 0.0625rem solid var(--dark-line-stroke-line, #5F588C);
  background: var(--Dark-BG-color-dark-purple-100, #3B3466);
}
.btn-wall .icon-box ion-icon[data-v-690c0f8f] {
  font-size: 3rem;
}
.btn-wall .icon-box ion-icon[data-v-690c0f8f]:nth-child(2) {
  font-size: 1.625rem;
}
.btn-wall .icon-box ion-icon.popular[data-v-690c0f8f] {
  font-size: 1.625rem;
  color: var(--text-color-white-100);
}
.btn-wall .icon-box i[data-v-690c0f8f] {
  width: 2rem;
  height: 2rem;
  background-size: 800% 500%;
}
.btn-wall .label[data-v-690c0f8f] {
  font-size: 0.75rem;
  color: var(--navigation-button-color);
  font-weight: var(--font-weight-regular);
  text-transform: uppercase;
  margin-top: 0;
  width: 100%;
}
@keyframes fadeToTransparent-690c0f8f {
from {
    --background-checked: var(--color-bg-400);
}
to {
    --background-checked: var(--color-button-bg-gray);
}
}

div.watermark[data-v-6b6a8b23] {
  position: relative;
  z-index: 9;
  overflow: hidden;
  background-color: var(--bg-inicio-watermark);
}
div.support[data-v-6b6a8b23] {
  border-radius: 1rem;
  background: var(--bg-inicio-float-btn1);
}
div.to-top-box[data-v-6b6a8b23] {
  background: var(--bg-inicio-float-btn2);
}
ion-icon.to-top[data-v-6b6a8b23] {
  color: var(--color-theme-base);
}
span.to-top-text[data-v-6b6a8b23] {
  color: var(--color-base);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-item.shiny[data-v-7ac4c5ae] {
  position: relative;
  overflow: hidden;
}
ion-item.shiny[data-v-7ac4c5ae]::before {
  content: '';
  animation: shiny-7ac4c5ae 6s ease-in-out infinite;
  background: white;
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: -180px;
  width: 30px;
  z-index: 100;
}
ion-content#main[data-v-7ac4c5ae] {
  --padding-start: 15px;
  --padding-end: 15px;
  --padding-top: 10px;
}
ion-content#main ion-item[data-v-7ac4c5ae] {
  --background: transparent;
  --inner-padding-end: 0px;
  --border-radius: 10px;
  --padding-start: 15px;
  --padding-end: 15px;
  --padding-top: 0;
  --padding-bottom: 0;
  --inner-border-width: 0px;
  --min-height: 7.5rem;
  --height: 7.5rem;
  --max-height: 7.5rem;
}
.rounded-top[data-v-7ac4c5ae] {
  border-radius: var(--rounded-large) var(--rounded-large) 0 0;
}
.rounded-bottom[data-v-7ac4c5ae] {
  border-radius: 0 0 var(--rounded-large) var(--rounded-large);
}
.intro-text-color[data-v-7ac4c5ae] {
  color: var(--color-primary-btn-text-active);
}
.name-text-color[data-v-7ac4c5ae] {
  color: var(--color-text-first);
}
@keyframes shiny-7ac4c5ae {
0% {
    opacity: 0;
    transform: scale(0) rotate(45deg);
}
50% {
    opacity: 0.3;
    transform: scale(0) rotate(45deg);
}
81% {
    opacity: 0.6;
    transform: scale(4) rotate(45deg);
}
100% {
    opacity: 0;
    transform: scale(50) rotate(45deg);
}
}

ion-toolbar[data-v-420c47d1] {
    margin-top: -0.125rem;
}
ion-label.active[data-v-420c47d1] {
    color: var(--color-text-first);
    font-weight: var(--font-weight-bold);
}
ion-label.inactive[data-v-420c47d1] {
    color: var(--color-text-second)
}
ion-label[data-v-420c47d1] {
    line-height: 1.3125rem;
}
ion-toolbar[data-v-420c47d1] {
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-start: 0.9375rem;
}
ion-toolbar ion-segment.md[data-v-420c47d1] {
    /* 设置导航标签布局方式 */
    display: flex;
    justify-content: left;
}
ion-toolbar ion-segment-button.md[data-v-420c47d1]::part(native) {
    /* 设置导航标签的宽度 */
    --padding-start: .625rem;
    --padding-end: .625rem;
    --padding-top:0.5rem;
}
ion-toolbar ion-segment-button.md[data-v-420c47d1]::part(indicator) {
    /* 设置指示器宽度 */
    /* width: 40%; */
    margin-left: auto;
    margin-right: auto;
}
ion-toolbar ion-segment-button.md[data-v-420c47d1]::part(indicator-background) {
    /* 设置导航标签指示器的宽度 */
    height: 0.125rem;
    background: var(--color-segment-md-indicator);
}
ion-toolbar ion-segment-button.md ion-label[data-v-420c47d1] {
    /* 取消导航标签的标签与指示器之间的边距 */
    margin-top: 0;
    margin-bottom: 0;
    text-transform: none;
}
ion-content.side[data-v-420c47d1] {
    --padding-start: .875rem;
    --padding-top: .625rem;
    max-width: 5.3125rem;
}
ion-content.side ion-segment[data-v-420c47d1] {
    --background: transparent;
}
ion-content.side ion-segment-button.ios[data-v-420c47d1] {
    --background: var(--color-bg-segment-ios);
    --indicator-color: var(--color-bg-third);
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 2px;
    --padding-bottom: 2px;
    margin-top: 0;
    margin-bottom: 6px;
    text-transform: capitalize;
    min-width: 0;
    min-height: 3.5rem;
}
ion-content#main[data-v-420c47d1] {
    --padding-start: 12px;
    --padding-end: 12px;
    --padding-top: 10px;
}
ion-content#main ion-item[data-v-420c47d1] {
    --background: transparent;
    --inner-padding-end: 0px;
    --border-radius: 10px;
    --padding-start: 15px;
    --padding-end: 15px;
    --padding-top: 0;
    --padding-bottom: 0;
    --inner-border-width: 0px;
    --min-height: 7.5rem;
    --height: 7.5rem;
    --max-height: 7.5rem;
}
ion-item[data-v-420c47d1]::part(native) {
    /* 插槽slot内容样式 */
    padding-inline-end: 0px;
    background-repeat: no-repeat;
    background-size: 100%;
}
  /**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-modal#avatar[data-v-7fefb48d] {
  --height: 100%;
}
.text-base[data-v-7fefb48d] {
  color: var(--text-color-light-purple-1-100);
}
.avatar-main[data-v-7fefb48d] {
  background: var(--color-bg-300);
}
.avatar-main .avatar-tab[data-v-7fefb48d] {
  background: #22203b;
}
.avatar-main .avatar-tab ion-col[data-v-7fefb48d] {
  height: 3rem;
  color: var(--text-color-light-purple-2-100);
  border-bottom: none;
}
.avatar-main .avatar-tab ion-col span[data-v-7fefb48d] {
  font-size: var(--font-size-12);
  line-height: 1.3125rem;
}
.avatar-main .avatar-tab ion-col.select-female-border[data-v-7fefb48d] {
  color: var(--text-color-light-purple-1-100);
  position: relative;
}
.avatar-main .avatar-tab ion-col.select-female-border span[data-v-7fefb48d] {
  font-weight: var(--font-weight-bold);
}
.avatar-main .avatar-tab ion-col.select-female-border[data-v-7fefb48d]::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.125rem;
  background: var(--gradients-indicatorLine);
}
.avatar-main[data-v-7fefb48d]::after {
  content: "";
  position: absolute;
  border-radius: 263px;
  width: 16.4375rem;
  height: 3.125rem;
  opacity: 0.2;
  top: 0;
  left: -4.25rem;
  background: var(--theme-color-400);
  filter: blur(31.64999962px);
  z-index: 10;
  pointer-events: none;
}
.avatar-main[data-v-7fefb48d]::before {
  content: "";
  position: absolute;
  width: 7.0625rem;
  height: 3.125rem;
  opacity: 0.19;
  top: 0;
  right: -0.5rem;
  background: var(--gradients-green);
  filter: blur(31.64999962px);
  z-index: 10;
  pointer-events: none;
}
ion-toolbar[data-v-7fefb48d] {
  --background: transparent;
  height: 3.125rem;
}
ion-toolbar ion-title[data-v-7fefb48d] {
  font-weight: var(--font-weight-medium);
  --color: var(--text-color-light-purple-1-100);
}
/* 隐藏滚动条 */
div.overflow-y-auto[data-v-7fefb48d] {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
div.overflow-y-auto[data-v-7fefb48d]::-webkit-scrollbar {
  display: none;
}

.money-color[data-v-bf543c75] {
  color: var(--balance-money-text-color) !important;
}
.color-text-currency[data-v-bf543c75] {
  color: var(--balance-money-text-color);
}
.refresh-icon[data-v-bf543c75] {
  color: rgba(255, 255, 255, 0.4);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.user-base-info[data-v-047acca4] {
  min-height: 9.81rem;
  background-color: var(--color-bg-300);
  background-image: url('/second/user/second-my-bg.png');
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.user-base-info .avatar-info[data-v-047acca4] {
  --size: 3.25rem;
  --border-radius: 50%;
}
.user-base-info .user-phone[data-v-047acca4] {
  color: #BDB8E1;
}
.user-base-info .user-id[data-v-047acca4] {
  color: #686299;
}
.user-base-info .user-id .copy-icon[data-v-047acca4] {
  color: #BDB8E1;
}
.user-base-info .base-balance[data-v-047acca4] {
  border-right: 1px solid var(--line-color);
}
.user-base-info .title-color[data-v-047acca4] {
  color: #BDB8E1;
}
.user-base-info .money-color[data-v-047acca4] {
  color: var(--balance-money-text-color);
}
.user-base-info .withdraw-btn[data-v-047acca4],
.user-base-info .entrar-btn[data-v-047acca4] {
  flex: 1;
  border-radius: var(--rounded-large);
  position: relative;
  padding: 0.5313rem 0 0.5938rem 0;
  background: linear-gradient(316.85deg, #7041F3 2.45%, #F5C84C 105.89%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.user-base-info .withdraw-btn[data-v-047acca4]::before,
.user-base-info .entrar-btn[data-v-047acca4]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--rounded-large);
  padding: 1px;
  /* Adjust this value to control the border width */
  background: linear-gradient(316.85deg, #7041F3 2.45%, #F5C84C 105.89%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
ion-icon.cust-icon[data-v-047acca4] {
  color: #7041F3;
}
ion-content[data-v-047acca4] {
  --background: var(--color-bg-300);
}
.card-bg-gradient[data-v-047acca4] {
  border-radius: var(--rounded-middle);
  background: var(--my-card-bg-gradient);
}
.navigation-item[data-v-047acca4] {
  font-size: var(--font-size-14);
  color: #BDB8E1;
  line-height: 1.5rem;
}
.invite-item[data-v-047acca4] {
  font-size: 0.625rem;
  color: #686299;
}
.red-points[data-v-047acca4] {
  min-width: 2rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: var(--text-color-white-100);
  background: var(--color-danger);
}
.my-vip[data-v-047acca4] {
  height: 11.875rem;
  background: var(--v62b6d1a6) no-repeat;
  background-position: bottom 0 left 0;
  background-size: 100% 11.25rem;
  padding: 1.6rem 0.8125rem 0.8125rem;
}
.my-vip .vip-detail[data-v-047acca4] {
  width: 7.0938rem;
  height: 2.875rem;
  padding: 0 0.625rem;
  background: var(--v705ab49e) no-repeat;
  background-size: 100% 100%;
}
.my-vip .vip-detail .to-icon[data-v-047acca4] {
  font-size: 1.0938rem;
  color: var(--vip-info-text-color-40);
}
.my-vip .current-vip-level[data-v-047acca4] {
  font-size: var(--font-size-12);
  margin-left: -1.125rem;
}
.level-point[data-v-047acca4] {
  position: absolute;
  transform: translate(-50%, -50%);
}
.need-recharge[data-v-047acca4],
.need-bets[data-v-047acca4] {
  color: var(--vip-info-tips-text-color);
}
.need-recharge p[data-v-047acca4],
.need-bets p[data-v-047acca4] {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--vip-info-tips-text-color);
  margin-right: 0.625rem;
}
.current-recharge[data-v-047acca4] {
  color: var(--color-currency);
  margin-right: 0.375rem;
}
.next-current-vip-level[data-v-047acca4] {
  font-size: var(--font-size-10);
  color: var(--text-color-white-100);
  margin-left: -0.6875rem;
}
.max-level[data-v-047acca4] {
  font-size: var(--font-size-12);
  line-height: 1.125rem;
}
.condition-info[data-v-047acca4] {
  margin-top: 0.9rem;
}
ion-progress-bar[data-v-047acca4] {
  --background: var(--progress-base-bg);
  --progress-background: var(--progress-bg);
}
.progress-bar[data-v-047acca4] {
  width: 17.1875rem;
  height: 0.25rem;
  border-radius: 1rem;
}
ion-item[data-v-047acca4] {
  --min-height: 0;
  --padding-end: 0;
  --padding-top: 0.75rem;
  --padding-bottom: 0.75rem;
  --padding-start: 0;
  --background: transparent;
}
ion-item[data-v-047acca4]::part(detail-icon) {
  font-size: 0.875rem;
  color: var(--my-card-detail-color);
}
.current-language[data-v-047acca4] {
  color: var(--text-color-white-100);
}
.vip-text-40[data-v-047acca4] {
  color: var(--vip-info-text-color-40);
}
.vip-info-max[data-v-047acca4] {
  color: var(--vip-max-text-color);
  font-size: var(--ep-font-size-xs, 0.625rem);
}
.card-icon-color[data-v-047acca4] {
  color: #686299;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-item[data-v-72ea1ce2] {
  --background: transparent;
  --padding-start: 0.625rem;
  --inner-padding-end: 0.25rem;
  min-height: 3.375rem !important;
}
ion-button.verify[data-v-72ea1ce2] {
  --background: linear-gradient(0deg, #0167CA 0%, #38A8FA 100%);
  --border-radius: 10px;
}
ion-button.verify.on[data-v-72ea1ce2] {
  --background: #626262;
  --padding-start: 20px;
  --padding-end: 20px;
}
.amber-purple body div#app ion-router-outlet > div.ion-page[data-v-72ea1ce2]::before {
  z-index: 10;
  pointer-events: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-item[data-v-c1de4680] {
  --background: transparent;
  --padding-start: 0;
  --inner-padding-end: 0.25rem;
  min-height: 3.375rem;
}
ion-button.verify[data-v-c1de4680] {
  --background: linear-gradient(0deg, #0167CA 0%, #38A8FA 100%);
  --border-radius: 0.625rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
}
ion-button.verify.on[data-v-c1de4680] {
  --background: #626262;
}
ion-modal[data-v-c1de4680] {
  --width: fit-content;
  /* 宽度由内容撑开 */
  --height: fit-content;
  /* 高度由内容撑开 */
  --border-radius: 1.25rem;
}
ion-item#verification[data-v-c1de4680] {
  --background: #101629;
  --padding-top: 0;
  --padding-bottom: 0;
  min-height: 0rem;
}
.amber-purple body div#app ion-router-outlet > div.ion-page[data-v-c1de4680]::before {
  z-index: 10;
  pointer-events: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-item[data-v-f73816b3] {
  --background: transparent;
  --padding-start: 0;
  --inner-padding-end: 0.25rem;
  min-height: 3.375rem !important;
}
.amber-purple body div#app ion-router-outlet > div.ion-page[data-v-f73816b3]::before {
  z-index: 10;
  pointer-events: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-content[data-v-4a2e6c44] {
  --padding-top: 0.625rem;
  --padding-bottom: 0.625rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
}
ion-item[data-v-4a2e6c44] {
  --background: transparent;
  --padding-start: 0;
  --inner-padding-end: 0.25rem;
}
.security-item[data-v-4a2e6c44] {
  width: 100%;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  border-radius: 0.5rem;
  margin-bottom: 0.625rem;
}
.security-item ion-item[data-v-4a2e6c44] {
  font-size: 0.75rem;
  line-height: 1rem;
}
.security-item ion-item ion-icon[data-v-4a2e6c44] {
  width: 1.5rem;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
ion-icon.security-item-right-color[data-v-4a2e6c44] {
  text-align: end;
  max-width: 60%;
}
ion-item[data-v-4a2e6c44] {
  --border-color: var(--color-line);
  --color: var(--color-text-white-100);
}
.security-item[data-v-4a2e6c44] {
  background: var(--color-bg-200);
}
.security-white-color[data-v-4a2e6c44] {
  color: var(--color-text-white-100);
}
ion-icon.security-item-right-color[data-v-4a2e6c44] {
  color: var(--color-text-white-100);
}
ion-label.security-item-right-color[data-v-4a2e6c44] {
  color: var(--color-text-gray-300);
}
.blue-default ion-item[data-v-4a2e6c44] {
  --border-color: var(--color-line);
  --color: var(--color-text-white-100);
}
.blue-default .security-item[data-v-4a2e6c44] {
  background: var(--color-bg-200);
}
.blue-default .security-white-color[data-v-4a2e6c44] {
  color: var(--color-text-white-100);
}
.blue-default ion-icon.security-item-right-color[data-v-4a2e6c44] {
  color: var(--color-text-white-100);
}
.blue-default ion-label.security-item-right-color[data-v-4a2e6c44] {
  color: var(--color-text-gray-300);
}
.green-default ion-item[data-v-4a2e6c44],
.forest-green ion-item[data-v-4a2e6c44] {
  --border-color: var(--color-line);
  --color: var(--color-text-gray-100);
}
.green-default .security-item[data-v-4a2e6c44],
.forest-green .security-item[data-v-4a2e6c44] {
  background: var(--color-bg-200);
}
.green-default .security-white-color[data-v-4a2e6c44],
.forest-green .security-white-color[data-v-4a2e6c44] {
  color: var(--color-text-gray-100);
}
.green-default ion-icon.security-item-right-color[data-v-4a2e6c44],
.forest-green ion-icon.security-item-right-color[data-v-4a2e6c44] {
  color: var(--color-text-gray-100);
}
.green-default ion-label.security-item-right-color[data-v-4a2e6c44],
.forest-green ion-label.security-item-right-color[data-v-4a2e6c44] {
  color: var(--color-text-gray-200);
}
.amber-purple ion-item[data-v-4a2e6c44] {
  --border-color: var(--color-line);
  --color: var(--color-text-gray-100);
}
.amber-purple .security-item[data-v-4a2e6c44] {
  background: var(--color-bg-200);
}
.amber-purple .security-white-color[data-v-4a2e6c44] {
  color: var(--color-text-gray-100);
}
.amber-purple ion-icon.security-item-right-color[data-v-4a2e6c44] {
  color: var(--color-text-gray-100);
}
.amber-purple ion-label.security-item-right-color[data-v-4a2e6c44] {
  color: var(--color-text-gray-200);
}
.auroral-yellow ion-item[data-v-4a2e6c44] {
  --border-color: var(--color-line);
  --color: var(--color-text-white-100);
}
.auroral-yellow .security-item[data-v-4a2e6c44] {
  background: var(--color-bg-200);
}
.auroral-yellow .security-white-color[data-v-4a2e6c44] {
  color: var(--color-text-white-100);
}
.auroral-yellow ion-icon.security-item-right-color[data-v-4a2e6c44] {
  color: var(--color-text-white-100);
}
.auroral-yellow ion-label.security-item-right-color[data-v-4a2e6c44] {
  color: var(--color-text-gray-200);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.card-container[data-v-d24b5c76] {
  padding: var(--swiper-padding, 0 0 0.9375rem 0);
}
.card-container .aspect-ratio-card[data-v-d24b5c76] {
  width: 100%;
  aspect-ratio: 100 / 32.786;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
}
.auroral-yellow .card-container[data-v-d24b5c76] {
  background: #24221F;
  padding: 1.375rem 1.0625rem 0.75rem;
  border-radius: 0.625rem;
}
.theme-27 .card-container[data-v-d24b5c76] {
  background: var(--ep-color-background-fill-surface-raised-L1);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.bonus .bonus-img[data-v-442d2f64] {
  width: 100%;
  height: 100%;
}
html .layout1.bonus .bonus-img[data-v-442d2f64] .img-box {
  object-fit: cover;
}
html .layout1.bonus .bonus-money[data-v-442d2f64] {
  position: absolute;
  top: 32%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.3125rem;
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-highlight, #F5C84C);
}
html .layout1.bonus-background[data-v-442d2f64] {
  position: relative;
  box-shadow: 0 0.1094rem 0.1875rem 0 rgba(0, 0, 0, 0.7);
}
html .layout1.bonus-background[data-v-442d2f64]::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url('/assets/bonus-bg1-r2-L45e56mK.png') no-repeat center center / 100% 100%;
}
html .layout1.bonus-background[data-v-442d2f64]::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url('/assets/bonus-bg2-r2-CqK9PfId.png') no-repeat center center / 100% 100%;
  animation: twinkling1-442d2f64 2s infinite;
}
@keyframes twinkling1-442d2f64 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
#BonusPool-3-index .layout1.bonus .bonus-img[data-v-442d2f64] {
  width: 100%;
  height: 100%;
}
#BonusPool-3-index .layout1.bonus .bonus-img[data-v-442d2f64] .img-box {
  object-fit: cover;
}
#BonusPool-3-index .layout1.bonus .bonus-money[data-v-442d2f64] {
  position: absolute;
  top: 32%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.3125rem;
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-highlight, #F5C84C);
}
#BonusPool-3-index .layout1.bonus-background[data-v-442d2f64] {
  position: relative;
  box-shadow: 0 0.1094rem 0.1875rem 0 rgba(0, 0, 0, 0.7);
}
#BonusPool-3-index .layout1.bonus-background[data-v-442d2f64]::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url('/assets/bonus-bg1-r2-L45e56mK.png') no-repeat center center / 100% 100%;
}
#BonusPool-3-index .layout1.bonus-background[data-v-442d2f64]::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url('/assets/bonus-bg2-r2-CqK9PfId.png') no-repeat center center / 100% 100%;
  animation: twinkling1-442d2f64 2s infinite;
}
@keyframes twinkling1-442d2f64 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .card-container[data-v-16580331] {
  display: flex;
  flex-flow: wrap;
  padding: var(--swiper-padding, 0 0 0.9375rem 0);
  gap: var(--game-card-gap, 0.75rem);
}
html .vertical-slide .card-container[data-v-16580331] {
  padding: var(--swiper-padding, 0 0 0.75rem);
}
html .layout1.bonus-pool-container[data-v-16580331] {
  flex: 1;
  display: flex;
  flex-flow: wrap;
  gap: 0.75rem;
}
html .layout1.bonus-pool-container .bonus-pool-container-top[data-v-16580331] {
  width: 100%;
  display: flex;
  gap: 0.75rem;
}
html .layout1.bonus-pool-container .bonus-pool-container-top .bonus-pool-container-top-bonus-pool[data-v-16580331] {
  flex: 1;
}
html .layout1.bonus-pool-container .bonus-pool-container-top .bonus-pool-container-card-container[data-v-16580331] {
  flex: 1;
  display: flex;
  flex-flow: wrap;
  gap: 0.75rem;
}
html .layout1.bonus-pool-container .bonus-pool-container-top .bonus-pool-container-card-container .bonus-pool-container-card[data-v-16580331] {
  flex: 0 0 46.5%;
}
.auroral-yellow .card-container[data-v-16580331] {
  background: #24221F;
  padding: 1.375rem 1.0625rem 0.9375rem;
  border-radius: 0.625rem 0.625rem 0 0;
}
.theme-27 .card-container[data-v-16580331] {
  background: var(--ep-color-background-fill-surface-raised-L1);
}
.theme-53 .card-container[data-v-16580331] {
  --game-card-gap: 0.5rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-gameContent-components-gameSlideContent-index .card-container[data-v-16580331] {
  display: flex;
  flex-flow: wrap;
  padding: var(--swiper-padding, 0 0 0.9375rem 0);
  gap: var(--game-card-gap, 0.75rem);
}
#tabbar-tabs-inicio-components-GameWrapper-components-gameContent-components-gameSlideContent-index .vertical-slide .card-container[data-v-16580331] {
  padding: var(--swiper-padding, 0 0 0.75rem);
}
#tabbar-tabs-inicio-components-GameWrapper-components-gameContent-components-gameSlideContent-index .layout1.bonus-pool-container[data-v-16580331] {
  flex: 1;
  display: flex;
  flex-flow: wrap;
  gap: 0.75rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-gameContent-components-gameSlideContent-index .layout1.bonus-pool-container .bonus-pool-container-top[data-v-16580331] {
  width: 100%;
  display: flex;
  gap: 0.75rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-gameContent-components-gameSlideContent-index .layout1.bonus-pool-container .bonus-pool-container-top .bonus-pool-container-top-bonus-pool[data-v-16580331] {
  flex: 1;
}
#tabbar-tabs-inicio-components-GameWrapper-components-gameContent-components-gameSlideContent-index .layout1.bonus-pool-container .bonus-pool-container-top .bonus-pool-container-card-container[data-v-16580331] {
  flex: 1;
  display: flex;
  flex-flow: wrap;
  gap: 0.75rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-gameContent-components-gameSlideContent-index .layout1.bonus-pool-container .bonus-pool-container-top .bonus-pool-container-card-container .bonus-pool-container-card[data-v-16580331] {
  flex: 0 0 46.5%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.game-bar-card[data-v-93392ed1] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  z-index: 1;
  position: relative;
}
.game-bar-card[data-v-93392ed1] img,
.game-bar-card[data-v-93392ed1] ion-img::part(image) {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  pointer-events: auto;
  -webkit-user-select: none;
  user-select: none;
}
.center-box[data-v-93392ed1] {
  display: flex;
  justify-content: center;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.auroral-yellow .vertical-container[data-v-e5ea4e94] {
  background: #24221F;
  padding: 1.375rem 1.0625rem 0.9375rem;
  border-radius: 0.625rem 0.625rem 0 0;
}
.vertical-container[data-v-e5ea4e94] {
  width: 100%;
  position: relative;
}
.vertical-container .vertical-slide[data-v-e5ea4e94] {
  width: 100%;
}
.vertical-container .loading-spinner[data-v-e5ea4e94] {
  position: sticky;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.loading-spinner[data-v-793cd505] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .tabbar-tabs-inicio-components-GameWrapper-index[data-v-2d0bab84] {
  padding-inline: 0.9375rem;
  margin-bottom: 0.5rem;
}
html .tabbar-tabs-inicio-components-GameWrapper-index .aspect-ratio-card[data-v-2d0bab84] {
  width: 100%;
  aspect-ratio: 100 / 32.786;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
}
html .tabbar-tabs-inicio-components-GameWrapper-index[data-v-2d0bab84]:has(.aspect-ratio-card) {
  padding-bottom: 0.3125rem;
}
html .tabbar-tabs-inicio-components-GameWrapper-index .card-container[data-v-2d0bab84] {
  display: flex;
  flex-flow: wrap;
  gap: 0.75rem;
}
html .tabbar-tabs-inicio-components-GameWrapper-index .card-container .loading-spinner[data-v-2d0bab84] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
html .tabbar-tabs-inicio-components-GameWrapper-index .more[data-v-2d0bab84] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block-end: 1.625rem;
  text-transform: capitalize;
  font-size: 0.75rem;
  line-height: 1.5;
}
html .tabbar-tabs-inicio-components-GameWrapper-index .more .label[data-v-2d0bab84] {
  color: var(--text-color1);
  font-weight: 400;
}
html .tabbar-tabs-inicio-components-GameWrapper-index .more .btn[data-v-2d0bab84] {
  color: var(--theme-color-800);
}
html .tabbar-tabs-inicio-components-GameWrapper-index .more .btn .btn-label[data-v-2d0bab84] {
  font-weight: 600;
}
html .tabbar-tabs-inicio-components-GameWrapper-index .more .btn .btn-icon[data-v-2d0bab84] {
  margin-inline-start: 0.1875rem;
  vertical-align: middle;
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
}
html .tabbar-tabs-inicio-components-GameWrapper-index .more .btn .active[data-v-2d0bab84] {
  transform: rotateX(180deg);
}
.blue-default .home-type-Platform:not(.v02) .tabbar-tabs-inicio-components-GameWrapper-index[data-v-2d0bab84] {
  background: #1A223A;
  border-radius: 0.625rem;
  margin-bottom: 0.625rem;
  padding-inline: 0.5625rem;
}
.blue-default .home-type-Platform:not(.v02) .tabbar-tabs-inicio-components-GameWrapper-index .card-container[data-v-2d0bab84] {
  padding-block-end: 0.625rem;
}
.blue-default .home-type-Platform.v02 .tabbar-tabs-inicio-components-GameWrapper-index .more .label[data-v-2d0bab84] {
  color: var(--text-color1);
}
.blue-default .home-type-Platform.v02 .tabbar-tabs-inicio-components-GameWrapper-index .more .btn[data-v-2d0bab84] {
  color: var(--theme-color-800);
}
.forest-green .tabbar-tabs-inicio-components-GameWrapper-index .more .label[data-v-2d0bab84] {
  color: rgba(255, 255, 255, 0.4);
}
.forest-green .tabbar-tabs-inicio-components-GameWrapper-index .more .btn[data-v-2d0bab84] {
  color: var(--theme-color-800);
}
.auroral-yellow .tabbar-tabs-inicio-components-GameWrapper-index .more .label[data-v-2d0bab84] {
  color: var(--text-color2);
}
.auroral-yellow .tabbar-tabs-inicio-components-GameWrapper-index .more .btn[data-v-2d0bab84] {
  color: var(--theme-color-800);
}
.auroral-yellow .tabbar-tabs-inicio-components-GameWrapper-index[data-v-2d0bab84] {
  padding-inline: 0;
  margin-bottom: 0;
}
.auroral-yellow .tabbar-tabs-inicio-components-GameWrapper-index .card-container[data-v-2d0bab84] {
  background: #24221F;
  padding: 1.375rem 1.0625rem 0;
  border-radius: 0.625rem 0.625rem 0 0;
}
.auroral-yellow .tabbar-tabs-inicio-components-GameWrapper-index .card-container.onMore[data-v-2d0bab84] {
  padding-block-end: 0.75rem;
  border-radius: 0.625rem;
}
.auroral-yellow .tabbar-tabs-inicio-components-GameWrapper-index .more[data-v-2d0bab84] {
  background: #24221F;
  padding-block-end: 0.75rem;
  border-radius: 0 0 0.625rem 0.625rem;
}
.game-list-box.layout28 .tabbar-tabs-inicio-components-GameWrapper-index[data-v-2d0bab84] {
  margin-bottom: 0;
}
.game-list-box.layout28 .tabbar-tabs-inicio-components-GameWrapper-index .more[data-v-2d0bab84] {
  padding-block-end: 0.625rem;
  border-bottom: 0.0625rem solid var(--ep-color-border-default);
}
.game-list-box.layout28 .tabbar-tabs-inicio-components-GameWrapper-index .more .label[data-v-2d0bab84] {
  display: none;
}
.game-list-box.layout28 .tabbar-tabs-inicio-components-GameWrapper-index .more .btn[data-v-2d0bab84] {
  color: var(--ep-color-text-default);
}
.game-list-box.layout28 .tabbar-tabs-inicio-components-GameWrapper-index .more .btn .btn-label[data-v-2d0bab84] {
  font-weight: var(--ep-font-weight-bold, 700);
}
.game-list-box.layout28 .tabbar-tabs-inicio-components-GameWrapper-index .more ion-icon[data-v-2d0bab84] {
  color: var(--ep-color-icon-brand-secondary);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.swiper-poster[data-v-9574c1bf] {
  overflow: hidden;
  border-radius: 0.625rem;
  height: 7.5rem;
}
.swiper-poster .poster-img[data-v-9574c1bf] {
  object-fit: cover;
  object-position: left top;
  width: 100%;
  height: 100%;
}
.swiper-poster.layout26 .poster-img[data-v-9574c1bf] {
  object-fit: fill;
}
.swiper[data-v-9574c1bf] {
  height: 100%;
}
.theme-27 .poster-img[data-v-9574c1bf] {
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default #inicio[data-v-947045a6] {
  background: #090f1f;
}
.blue-default #inicio .main-content[data-v-947045a6] {
  /* 内容样式 */
  --background: transparent;
  position: relative;
}
.blue-default #inicio .main-content[data-v-947045a6]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  /* 调整背景图片的透明度 */
  z-index: -1;
  /* 使伪元素在内容后面 */
  /* 内容样式 */
  background-image: url("/icons/texture_bg.png");
  /* 设置背景图像(需要先将--background变量设置透明) */
  background-size: 5rem;
  /* 设置背景图像块的大小为100px x 100px */
  background-repeat: repeat;
  /* 设置背景图像平铺 */
}
.blue-default #inicio .main-content .order-container .swiper-c[data-v-947045a6] {
  margin-block-start: 0.9375rem;
  margin-inline: 0.9375rem;
}
.blue-default #inicio .main-content .order-container .segment-c[data-v-947045a6] {
  top: 0;
  z-index: 10;
}
.blue-default #inicio .main-content .order-container .game-wrapper-c[data-v-947045a6] {
  border-color: none;
}
.blue-default #inicio .main-content .order-container .apart-view-c[data-v-947045a6] .payment-box {
  margin-inline: 0.9375rem;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container[data-v-947045a6] {
  display: flex;
  flex-flow: wrap;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .swiper-c[data-v-947045a6] {
  order: 3;
  width: 100%;
  height: 11.25rem;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .activity-c[data-v-947045a6] {
  order: 5;
  width: 100%;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .marquee-c[data-v-947045a6] {
  order: 7;
  width: calc(100% - 1.875rem);
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .bonus-pool-c[data-v-947045a6] {
  order: 9;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .segment-c[data-v-947045a6] {
  order: 1;
  width: 100%;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .game-c[data-v-947045a6] {
  order: 11;
  width: 100%;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .game-c .platform-game-c[data-v-947045a6] {
  display: flex;
  flex-direction: column;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .game-c .platform-game-c .bonus-pool-c[data-v-947045a6] {
  order: 1;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .app-install-c[data-v-947045a6] {
  order: 13;
  width: 100%;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .apart-view-c[data-v-947045a6] {
  order: 15;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .game-class-c[data-v-947045a6] {
  order: 17;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .footer-content-c[data-v-947045a6] {
  order: 19;
  width: calc(100% - 1.875rem);
  margin-inline: 0.9375rem;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .platform-pool[data-v-947045a6] {
  order: 21;
}
.blue-default .home-type-Platform.v02 #inicio[data-v-947045a6] {
  background: #090f1f;
}
.blue-default .home-type-Platform.v02 #inicio .main-content[data-v-947045a6] {
  /* 内容样式 */
  --background: transparent;
  position: relative;
}
.blue-default .home-type-Platform.v02 #inicio .main-content[data-v-947045a6]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  /* 调整背景图片的透明度 */
  z-index: -1;
  /* 使伪元素在内容后面 */
  /* 内容样式 */
  background-image: none;
  /* 设置背景图像(需要先将--background变量设置透明) */
  background-size: 5rem;
  /* 设置背景图像块的大小为100px x 100px */
  background-repeat: repeat;
  /* 设置背景图像平铺 */
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .swiper-c[data-v-947045a6] {
  margin-block-start: 0.9375rem;
  margin-inline: 0.9375rem;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .segment-c[data-v-947045a6] {
  top: 0;
  z-index: 10;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .game-wrapper-c[data-v-947045a6] {
  border-color: none;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .apart-view-c[data-v-947045a6] .payment-box {
  margin-inline: 0.9375rem;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container[data-v-947045a6] {
  display: flex;
  flex-flow: wrap;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .swiper-c[data-v-947045a6] {
  width: 14.375rem;
  height: 14.375rem;
  margin: 0;
  margin-block-start: 0.625rem;
  margin-inline-start: 0.9375rem;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .activity-c[data-v-947045a6] {
  flex: 1;
  width: 7.5rem;
  height: 14.375rem;
  margin-block-start: 0.625rem;
  margin-inline-start: 0.625rem;
  margin-inline-end: 0.9375rem;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .marquee-c[data-v-947045a6] {
  width: 100%;
  margin-inline: unset;
  margin-block-start: 0.9375rem;
  padding-inline-start: 1.4375rem;
  padding-inline-end: 1.9375rem;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .game-c .platform-game-c[data-v-947045a6] {
  display: flex;
  flex-direction: column;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .game-c .platform-game-c .bonus-pool-c[data-v-947045a6] {
  order: 1;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .app-install-c[data-v-947045a6] {
  order: 2;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .apart-view-c[data-v-947045a6] {
  order: 1;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .game-class-c[data-v-947045a6] {
  order: 3;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .footer-content-c[data-v-947045a6] {
  order: 4;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .platform-pool[data-v-947045a6] {
  order: 1;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .segment-c[data-v-947045a6] {
  width: 100%;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .game-c[data-v-947045a6] {
  width: 100%;
}
.blue-default .home-type-Platform.v02 #inicio .main-content[data-v-947045a6]::before {
  opacity: 0.8;
  background-size: unset;
}
.green-default .v01 #inicio .main-content .order-container[data-v-947045a6] {
  display: flex;
  flex-flow: wrap;
}
.green-default .v01 #inicio .main-content .order-container .swiper-c[data-v-947045a6] {
  width: 14.375rem;
  height: 14.375rem;
  margin: 0;
  margin-block-start: 0.625rem;
  margin-inline-start: 0.9375rem;
}
.green-default .v01 #inicio .main-content .order-container .activity-c[data-v-947045a6] {
  flex: 1;
  width: 7.5rem;
  height: 14.375rem;
  margin-block-start: 0.625rem;
  margin-inline-start: 0.625rem;
  margin-inline-end: 0.9375rem;
}
.green-default .v01 #inicio .main-content .order-container .marquee-c[data-v-947045a6] {
  width: 100%;
  margin-inline: unset;
  margin-block-start: 0.9375rem;
  padding-inline-start: 1.4375rem;
  padding-inline-end: 1.9375rem;
}
.green-default .v01 #inicio .main-content .order-container .game-c .platform-game-c[data-v-947045a6] {
  display: flex;
  flex-direction: column;
}
.green-default .v01 #inicio .main-content .order-container .game-c .platform-game-c .bonus-pool-c[data-v-947045a6] {
  order: 1;
}
.green-default .v01 #inicio .main-content .order-container .app-install-c[data-v-947045a6] {
  order: 2;
}
.green-default .v01 #inicio .main-content .order-container .apart-view-c[data-v-947045a6] {
  order: 1;
}
.green-default .v01 #inicio .main-content .order-container .game-class-c[data-v-947045a6] {
  order: 3;
}
.green-default .v01 #inicio .main-content .order-container .footer-content-c[data-v-947045a6] {
  order: 4;
}
.green-default .v01 #inicio .main-content .order-container .platform-pool[data-v-947045a6] {
  order: 1;
}
.green-default .v01 #inicio .main-content .order-container .segment-c[data-v-947045a6] {
  width: 100%;
}
.green-default .v01 #inicio .main-content .order-container .game-c[data-v-947045a6] {
  width: 100%;
}
.green-default .v02 #inicio[data-v-947045a6] {
  background: #213b10;
}
.green-default .v02 #inicio .main-content[data-v-947045a6] {
  /* 内容样式 */
  --background: transparent;
  position: relative;
}
.green-default .v02 #inicio .main-content[data-v-947045a6]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  /* 调整背景图片的透明度 */
  z-index: -1;
  /* 使伪元素在内容后面 */
  /* 内容样式 */
  background-image: none;
  /* 设置背景图像(需要先将--background变量设置透明) */
  background-size: 5rem;
  /* 设置背景图像块的大小为100px x 100px */
  background-repeat: repeat;
  /* 设置背景图像平铺 */
}
.green-default .v02 #inicio .main-content .order-container .swiper-c[data-v-947045a6] {
  margin-block-start: 0.9375rem;
  margin-inline: 0.9375rem;
}
.green-default .v02 #inicio .main-content .order-container .segment-c[data-v-947045a6] {
  top: 0;
  z-index: 10;
}
.green-default .v02 #inicio .main-content .order-container .game-wrapper-c[data-v-947045a6] {
  border-color: #34571D;
}
.green-default .v02 #inicio .main-content .order-container .apart-view-c[data-v-947045a6] .payment-box {
  margin-inline: 0.9375rem;
}
.green-default .v02 #inicio .main-content .order-container[data-v-947045a6] {
  display: flex;
  flex-flow: wrap;
}
.green-default .v02 #inicio .main-content .order-container .swiper-c[data-v-947045a6] {
  width: 14.375rem;
  height: 14.375rem;
  margin: 0;
  margin-block-start: 0.625rem;
  margin-inline-start: 0.9375rem;
}
.green-default .v02 #inicio .main-content .order-container .activity-c[data-v-947045a6] {
  flex: 1;
  width: 7.5rem;
  height: 14.375rem;
  margin-block-start: 0.625rem;
  margin-inline-start: 0.625rem;
  margin-inline-end: 0.9375rem;
}
.green-default .v02 #inicio .main-content .order-container .marquee-c[data-v-947045a6] {
  width: 100%;
  margin-inline: unset;
  margin-block-start: 0.9375rem;
  padding-inline-start: 1.4375rem;
  padding-inline-end: 1.9375rem;
}
.green-default .v02 #inicio .main-content .order-container .game-c .platform-game-c[data-v-947045a6] {
  display: flex;
  flex-direction: column;
}
.green-default .v02 #inicio .main-content .order-container .game-c .platform-game-c .bonus-pool-c[data-v-947045a6] {
  order: 1;
}
.green-default .v02 #inicio .main-content .order-container .app-install-c[data-v-947045a6] {
  order: 2;
}
.green-default .v02 #inicio .main-content .order-container .apart-view-c[data-v-947045a6] {
  order: 1;
}
.green-default .v02 #inicio .main-content .order-container .game-class-c[data-v-947045a6] {
  order: 3;
}
.green-default .v02 #inicio .main-content .order-container .footer-content-c[data-v-947045a6] {
  order: 4;
}
.green-default .v02 #inicio .main-content .order-container .platform-pool[data-v-947045a6] {
  order: 1;
}
.green-default .v02 #inicio .main-content .order-container .marquee-c[data-v-947045a6] {
  margin-bottom: 1rem;
}
.green-default .v02 #inicio .main-content .order-container .segment-c[data-v-947045a6] {
  width: 4.875rem;
  height: 37.5rem;
  margin-left: 0.9375rem;
  margin-right: 0.8125rem;
  overflow-y: auto;
  -ms-overflow-style: none;
  /* IE和Edge */
  scrollbar-width: none;
  /* Firefox */
}
.green-default .v02 #inicio .main-content .order-container .segment-c[data-v-947045a6]::-webkit-scrollbar {
  display: none;
  /* 对于Webkit浏览器 */
}
.green-default .v02 #inicio .main-content .order-container .game-c[data-v-947045a6] {
  width: calc(100% - 6.625rem);
}
.green-default .v02 #inicio .main-content .order-container .game-c .game-wrapper-c[data-v-947045a6] {
  padding: 0;
  width: calc(100% - 0.9375rem);
  padding-block-end: 1.125rem;
}
.green-default .v02 #inicio .main-content .order-container .game-c .lazy-component:not(:last-child) .game-wrapper-c[data-v-947045a6] {
  border-bottom-width: 0.0625rem;
  border-bottom-style: solid;
}
.green-default #inicio[data-v-947045a6] {
  background: #213b10;
}
.green-default #inicio .main-content[data-v-947045a6] {
  /* 内容样式 */
  --background: transparent;
  position: relative;
}
.green-default #inicio .main-content[data-v-947045a6]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  /* 调整背景图片的透明度 */
  z-index: -1;
  /* 使伪元素在内容后面 */
  /* 内容样式 */
  background-image: none;
  /* 设置背景图像(需要先将--background变量设置透明) */
  background-size: 5rem;
  /* 设置背景图像块的大小为100px x 100px */
  background-repeat: repeat;
  /* 设置背景图像平铺 */
}
.green-default #inicio .main-content .order-container .swiper-c[data-v-947045a6] {
  margin-block-start: 0.9375rem;
  margin-inline: 0.9375rem;
}
.green-default #inicio .main-content .order-container .segment-c[data-v-947045a6] {
  top: 0;
  z-index: 10;
}
.green-default #inicio .main-content .order-container .game-wrapper-c[data-v-947045a6] {
  border-color: none;
}
.green-default #inicio .main-content .order-container .apart-view-c[data-v-947045a6] .payment-box {
  margin-inline: 0.9375rem;
}
.forest-green .v01 #inicio[data-v-947045a6] {
  background: #004d37;
}
.forest-green .v01 #inicio .main-content[data-v-947045a6] {
  /* 内容样式 */
  --background: transparent;
  position: relative;
}
.forest-green .v01 #inicio .main-content[data-v-947045a6]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  /* 调整背景图片的透明度 */
  z-index: -1;
  /* 使伪元素在内容后面 */
  /* 内容样式 */
  background-image: url('/images/inicio-bg.png');
  /* 设置背景图像(需要先将--background变量设置透明) */
  background-size: 5rem;
  /* 设置背景图像块的大小为100px x 100px */
  background-repeat: repeat;
  /* 设置背景图像平铺 */
}
.forest-green .v01 #inicio .main-content .order-container .swiper-c[data-v-947045a6] {
  margin-block-start: 0.9375rem;
  margin-inline: 0.9375rem;
}
.forest-green .v01 #inicio .main-content .order-container .segment-c[data-v-947045a6] {
  top: 0;
  z-index: 10;
}
.forest-green .v01 #inicio .main-content .order-container .game-wrapper-c[data-v-947045a6] {
  border-color: none;
}
.forest-green .v01 #inicio .main-content .order-container .apart-view-c[data-v-947045a6] .payment-box {
  margin-inline: 0.9375rem;
}
.forest-green .v01 #inicio .main-content .order-container[data-v-947045a6] {
  display: flex;
  flex-flow: wrap;
}
.forest-green .v01 #inicio .main-content .order-container .swiper-c[data-v-947045a6] {
  width: 14.375rem;
  height: 14.375rem;
  margin: 0;
  margin-block-start: 0.625rem;
  margin-inline-start: 0.9375rem;
}
.forest-green .v01 #inicio .main-content .order-container .activity-c[data-v-947045a6] {
  flex: 1;
  width: 7.5rem;
  height: 14.375rem;
  margin-block-start: 0.625rem;
  margin-inline-start: 0.625rem;
  margin-inline-end: 0.9375rem;
}
.forest-green .v01 #inicio .main-content .order-container .marquee-c[data-v-947045a6] {
  width: 100%;
  margin-inline: unset;
  margin-block-start: 0.9375rem;
  padding-inline-start: 1.4375rem;
  padding-inline-end: 1.9375rem;
}
.forest-green .v01 #inicio .main-content .order-container .game-c .platform-game-c[data-v-947045a6] {
  display: flex;
  flex-direction: column;
}
.forest-green .v01 #inicio .main-content .order-container .game-c .platform-game-c .bonus-pool-c[data-v-947045a6] {
  order: 1;
}
.forest-green .v01 #inicio .main-content .order-container .app-install-c[data-v-947045a6] {
  order: 2;
}
.forest-green .v01 #inicio .main-content .order-container .apart-view-c[data-v-947045a6] {
  order: 1;
}
.forest-green .v01 #inicio .main-content .order-container .game-class-c[data-v-947045a6] {
  order: 3;
}
.forest-green .v01 #inicio .main-content .order-container .footer-content-c[data-v-947045a6] {
  order: 4;
}
.forest-green .v01 #inicio .main-content .order-container .platform-pool[data-v-947045a6] {
  order: 1;
}
.forest-green .v01 #inicio .main-content .order-container .segment-c[data-v-947045a6] {
  width: 100%;
}
.forest-green .v01 #inicio .main-content .order-container .game-c[data-v-947045a6] {
  width: 100%;
}
.forest-green .v01 #inicio .main-content[data-v-947045a6]::before {
  opacity: 0.8;
  background-size: unset;
}
.forest-green .v02 #inicio[data-v-947045a6] {
  background: #004d37;
}
.forest-green .v02 #inicio .main-content[data-v-947045a6] {
  /* 内容样式 */
  --background: transparent;
  position: relative;
}
.forest-green .v02 #inicio .main-content[data-v-947045a6]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  /* 调整背景图片的透明度 */
  z-index: -1;
  /* 使伪元素在内容后面 */
  /* 内容样式 */
  background-image: url('/images/inicio-bg.png');
  /* 设置背景图像(需要先将--background变量设置透明) */
  background-size: 5rem;
  /* 设置背景图像块的大小为100px x 100px */
  background-repeat: repeat;
  /* 设置背景图像平铺 */
}
.forest-green .v02 #inicio .main-content .order-container .swiper-c[data-v-947045a6] {
  margin-block-start: 0.9375rem;
  margin-inline: 0.9375rem;
}
.forest-green .v02 #inicio .main-content .order-container .segment-c[data-v-947045a6] {
  top: 0;
  z-index: 10;
}
.forest-green .v02 #inicio .main-content .order-container .game-wrapper-c[data-v-947045a6] {
  border-color: #009F76;
}
.forest-green .v02 #inicio .main-content .order-container .apart-view-c[data-v-947045a6] .payment-box {
  margin-inline: 0.9375rem;
}
.forest-green .v02 #inicio .main-content .order-container[data-v-947045a6] {
  display: flex;
  flex-flow: wrap;
}
.forest-green .v02 #inicio .main-content .order-container .swiper-c[data-v-947045a6] {
  width: 14.375rem;
  height: 14.375rem;
  margin: 0;
  margin-block-start: 0.625rem;
  margin-inline-start: 0.9375rem;
}
.forest-green .v02 #inicio .main-content .order-container .activity-c[data-v-947045a6] {
  flex: 1;
  width: 7.5rem;
  height: 14.375rem;
  margin-block-start: 0.625rem;
  margin-inline-start: 0.625rem;
  margin-inline-end: 0.9375rem;
}
.forest-green .v02 #inicio .main-content .order-container .marquee-c[data-v-947045a6] {
  width: 100%;
  margin-inline: unset;
  margin-block-start: 0.9375rem;
  padding-inline-start: 1.4375rem;
  padding-inline-end: 1.9375rem;
}
.forest-green .v02 #inicio .main-content .order-container .game-c .platform-game-c[data-v-947045a6] {
  display: flex;
  flex-direction: column;
}
.forest-green .v02 #inicio .main-content .order-container .game-c .platform-game-c .bonus-pool-c[data-v-947045a6] {
  order: 1;
}
.forest-green .v02 #inicio .main-content .order-container .app-install-c[data-v-947045a6] {
  order: 2;
}
.forest-green .v02 #inicio .main-content .order-container .apart-view-c[data-v-947045a6] {
  order: 1;
}
.forest-green .v02 #inicio .main-content .order-container .game-class-c[data-v-947045a6] {
  order: 3;
}
.forest-green .v02 #inicio .main-content .order-container .footer-content-c[data-v-947045a6] {
  order: 4;
}
.forest-green .v02 #inicio .main-content .order-container .platform-pool[data-v-947045a6] {
  order: 1;
}
.forest-green .v02 #inicio .main-content .order-container .marquee-c[data-v-947045a6] {
  margin-bottom: 1rem;
}
.forest-green .v02 #inicio .main-content .order-container .segment-c[data-v-947045a6] {
  width: 4.875rem;
  height: 37.5rem;
  margin-left: 0.9375rem;
  margin-right: 0.8125rem;
  overflow-y: auto;
  -ms-overflow-style: none;
  /* IE和Edge */
  scrollbar-width: none;
  /* Firefox */
}
.forest-green .v02 #inicio .main-content .order-container .segment-c[data-v-947045a6]::-webkit-scrollbar {
  display: none;
  /* 对于Webkit浏览器 */
}
.forest-green .v02 #inicio .main-content .order-container .game-c[data-v-947045a6] {
  width: calc(100% - 6.625rem);
}
.forest-green .v02 #inicio .main-content .order-container .game-c .game-wrapper-c[data-v-947045a6] {
  padding: 0;
  width: calc(100% - 0.9375rem);
  padding-block-end: 1.125rem;
}
.forest-green .v02 #inicio .main-content .order-container .game-c .lazy-component:not(:last-child) .game-wrapper-c[data-v-947045a6] {
  border-bottom-width: 0.0625rem;
  border-bottom-style: solid;
}
.forest-green .v02 #inicio .main-content[data-v-947045a6]::before {
  opacity: 0.8;
  background-size: unset;
}
.amber-purple #inicio[data-v-947045a6] {
  background: #262346;
}
.amber-purple #inicio .main-content[data-v-947045a6] {
  /* 内容样式 */
  --background: transparent;
  position: relative;
}
.amber-purple #inicio .main-content[data-v-947045a6]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  /* 调整背景图片的透明度 */
  z-index: -1;
  /* 使伪元素在内容后面 */
  /* 内容样式 */
  background-image: none;
  /* 设置背景图像(需要先将--background变量设置透明) */
  background-size: 5rem;
  /* 设置背景图像块的大小为100px x 100px */
  background-repeat: repeat;
  /* 设置背景图像平铺 */
}
.amber-purple #inicio .main-content .order-container .swiper-c[data-v-947045a6] {
  margin-block-start: 0.9375rem;
  margin-inline: 0.9375rem;
}
.amber-purple #inicio .main-content .order-container .segment-c[data-v-947045a6] {
  top: 0;
  z-index: 10;
}
.amber-purple #inicio .main-content .order-container .game-wrapper-c[data-v-947045a6] {
  border-color: none;
}
.amber-purple #inicio .main-content .order-container .apart-view-c[data-v-947045a6] .payment-box {
  margin-inline: 0.9375rem;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container[data-v-947045a6] {
  display: flex;
  flex-flow: wrap;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .swiper-c[data-v-947045a6] {
  width: 14.375rem;
  height: 14.375rem;
  margin: 0;
  margin-block-start: 0.625rem;
  margin-inline-start: 0.9375rem;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .activity-c[data-v-947045a6] {
  flex: 1;
  width: 7.5rem;
  height: 14.375rem;
  margin-block-start: 0.625rem;
  margin-inline-start: 0.625rem;
  margin-inline-end: 0.9375rem;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .marquee-c[data-v-947045a6] {
  width: 100%;
  margin-inline: unset;
  margin-block-start: 0.9375rem;
  padding-inline-start: 1.4375rem;
  padding-inline-end: 1.9375rem;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .game-c .platform-game-c[data-v-947045a6] {
  display: flex;
  flex-direction: column;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .game-c .platform-game-c .bonus-pool-c[data-v-947045a6] {
  order: 1;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .app-install-c[data-v-947045a6] {
  order: 2;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .apart-view-c[data-v-947045a6] {
  order: 1;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .game-class-c[data-v-947045a6] {
  order: 3;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .footer-content-c[data-v-947045a6] {
  order: 4;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .platform-pool[data-v-947045a6] {
  order: 1;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .segment-c[data-v-947045a6] {
  width: 100%;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .game-c[data-v-947045a6] {
  width: 100%;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content[data-v-947045a6]::before {
  opacity: 0.8;
  background-size: unset;
}
.auroral-yellow #inicio[data-v-947045a6] {
  background: #171616;
}
.auroral-yellow #inicio .main-content[data-v-947045a6] {
  /* 内容样式 */
  --background: transparent;
  position: relative;
}
.auroral-yellow #inicio .main-content[data-v-947045a6]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  /* 调整背景图片的透明度 */
  z-index: -1;
  /* 使伪元素在内容后面 */
  /* 内容样式 */
  background-image: none;
  /* 设置背景图像(需要先将--background变量设置透明) */
  background-size: 5rem;
  /* 设置背景图像块的大小为100px x 100px */
  background-repeat: repeat;
  /* 设置背景图像平铺 */
}
.auroral-yellow #inicio .main-content .order-container .swiper-c[data-v-947045a6] {
  margin-block-start: 0.9375rem;
  margin-inline: 0.9375rem;
}
.auroral-yellow #inicio .main-content .order-container .segment-c[data-v-947045a6] {
  top: 0;
  z-index: 10;
}
.auroral-yellow #inicio .main-content .order-container .game-wrapper-c[data-v-947045a6] {
  border-color: none;
}
.auroral-yellow #inicio .main-content .order-container .apart-view-c[data-v-947045a6] .payment-box {
  margin-inline: 0.9375rem;
}
.auroral-yellow #inicio .main-content .order-container[data-v-947045a6] {
  display: flex;
  flex-flow: wrap;
}
.auroral-yellow #inicio .main-content .order-container .swiper-c[data-v-947045a6] {
  order: 1;
  width: 100%;
  height: 11.25rem;
  margin-block-start: 0.875rem;
}
.auroral-yellow #inicio .main-content .order-container .activity-c[data-v-947045a6] {
  order: 3;
  width: 100%;
  margin-block-start: 0.6875rem;
}
.auroral-yellow #inicio .main-content .order-container .activity-c[data-v-947045a6] ion-segment {
  height: 4.375rem;
  gap: 0.75rem;
}
.auroral-yellow #inicio .main-content .order-container .activity-c[data-v-947045a6] ion-segment ion-segment-button {
  width: 7rem;
  border-radius: 0.375rem;
  --border-radius: 0.375rem;
}
.auroral-yellow #inicio .main-content .order-container .marquee-c[data-v-947045a6] {
  order: 5;
  width: calc(100% - 1.875rem);
}
.auroral-yellow #inicio .main-content .order-container #game-buoy[data-v-947045a6] {
  order: 6;
  width: 100%;
}
.auroral-yellow #inicio .main-content .order-container .bonus-pool-c[data-v-947045a6] {
  order: 7;
}
.auroral-yellow #inicio .main-content .order-container .segment-c[data-v-947045a6] {
  order: 9;
  width: 100%;
}
.auroral-yellow #inicio .main-content .order-container .game-c[data-v-947045a6] {
  order: 11;
  width: 100%;
}
.auroral-yellow #inicio .main-content .order-container .game-c .platform-game-c[data-v-947045a6] {
  display: flex;
  flex-direction: column;
}
.auroral-yellow #inicio .main-content .order-container .game-c .platform-game-c .lazy-component:first-child .game-wrapper-c[data-v-947045a6] .game-head {
  margin-block-start: 0.3125rem;
}
.auroral-yellow #inicio .main-content .order-container .game-c .platform-game-c .bonus-pool-c[data-v-947045a6] {
  order: 1;
}
.auroral-yellow #inicio .main-content .order-container .app-install-c[data-v-947045a6] {
  order: 13;
  width: 100%;
}
.auroral-yellow #inicio .main-content .order-container .apart-view-c[data-v-947045a6] {
  order: 15;
  width: 100%;
}
.auroral-yellow #inicio .main-content .order-container .apart-view-c[data-v-947045a6] .social-box {
  display: none;
}
.auroral-yellow #inicio .main-content .order-container .footer-content-c[data-v-947045a6] {
  order: 19;
  width: calc(100% - 1.875rem);
  margin-inline: 0.9375rem;
}
.auroral-yellow #inicio .main-content .order-container .platform-pool[data-v-947045a6] {
  order: 21;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-item.shiny[data-v-3763cbf2] {
  position: relative;
  overflow: hidden;
}
ion-item.shiny[data-v-3763cbf2]::before {
  content: '';
  animation: shiny-3763cbf2 6s ease-in-out infinite;
  background: white;
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: -180px;
  width: 30px;
  z-index: 100;
}
ion-content#main[data-v-3763cbf2] {
  --padding-start: 15px;
  --padding-end: 15px;
  --padding-top: 10px;
}
ion-content#main ion-item[data-v-3763cbf2] {
  --background: transparent;
  --inner-padding-end: 0px;
  --border-radius: 10px;
  --padding-start: 15px;
  --padding-end: 15px;
  --padding-top: 0;
  --padding-bottom: 0;
  --inner-border-width: 0px;
  --min-height: 7.5rem;
  --height: 7.5rem;
  --max-height: 7.5rem;
}
@keyframes shiny-3763cbf2 {
0% {
    opacity: 0;
    transform: scale(0) rotate(45deg);
}
50% {
    opacity: 0.3;
    transform: scale(0) rotate(45deg);
}
81% {
    opacity: 0.6;
    transform: scale(4) rotate(45deg);
}
100% {
    opacity: 0;
    transform: scale(50) rotate(45deg);
}
}
.activity-list-btn-basic[data-v-3763cbf2] {
  color: var(--color-text-white-100);
}
.blue-default .activity-list-btn-basic[data-v-3763cbf2] {
  color: var(--color-text-white-100);
}
.green-default .activity-list-btn-basic[data-v-3763cbf2] {
  color: var(--color-text-white-100);
}
.amber-purple .activity-list-btn-basic[data-v-3763cbf2] {
  color: var(--text-color-white-100);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-toolbar ion-segment.md[data-v-d106c5ee] {
  /* 设置导航标签布局方式 */
  display: flex;
  justify-content: left;
  padding: 0 0.625rem;
}
ion-toolbar ion-segment-button.md[data-v-d106c5ee]::part(native) {
  /* 设置导航标签的宽度 */
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
}
ion-toolbar ion-segment-button.md[data-v-d106c5ee]::part(indicator) {
  /* 设置指示器宽度 */
  /* width: 40%; */
  margin-left: auto;
  margin-right: auto;
}
ion-toolbar ion-segment-button.md[data-v-d106c5ee]::part(indicator-background) {
  height: 0.125rem;
}
ion-toolbar ion-segment-button.md ion-label[data-v-d106c5ee] {
  /* 取消导航标签的标签与指示器之间的边距 */
  margin-top: 0;
  margin-bottom: 0;
  text-transform: none;
}
ion-content.side[data-v-d106c5ee] {
  --padding-start: 0.875rem;
  --padding-top: 0.625rem;
  max-width: 5.3125rem;
}
ion-content.side ion-segment-button.ios[data-v-d106c5ee] {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 2px;
  --padding-bottom: 2px;
  margin-top: 0;
  margin-bottom: 6px;
  text-transform: capitalize;
  min-width: 0;
  min-height: 3.5rem;
}
ion-content#main[data-v-d106c5ee] {
  --padding-start: 15px;
  --padding-end: 15px;
  --padding-top: 10px;
}
ion-content#main ion-item[data-v-d106c5ee] {
  --background: transparent;
  --inner-padding-end: 0px;
  --border-radius: 10px;
  --padding-start: 15px;
  --padding-end: 15px;
  --padding-top: 0;
  --padding-bottom: 0;
  --inner-border-width: 0px;
  --min-height: 7.5rem;
  --height: 7.5rem;
  --max-height: 7.5rem;
}
ion-item[data-v-d106c5ee]::part(native) {
  /* 插槽slot内容样式 */
  padding-inline-end: 0px;
  background-repeat: no-repeat;
  background-size: 100%;
}
ion-label.active[data-v-d106c5ee] {
  color: var(--color-text-white-100);
}
ion-label.inactive[data-v-d106c5ee] {
  color: var(--color-text-gray-200);
}
ion-toolbar ion-segment-button.md[data-v-d106c5ee]::part(indicator-background) {
  /* 设置导航标签指示器的宽度 */
  background: var(--theme-color-gradient-100);
}
ion-content.side ion-segment[data-v-d106c5ee] {
  --background: var(--color-bg-200);
}
ion-content.side ion-segment-button.ios[data-v-d106c5ee] {
  --indicator-color: var(--color-bg-100);
  --color-checked: var(--color-text-white-100);
}
.promo-text-unChecked[data-v-d106c5ee] {
  color: var(--color-text-gray-200);
}
.blue-default ion-label.active[data-v-d106c5ee] {
  color: var(--color-text-white-100);
}
.blue-default ion-label.inactive[data-v-d106c5ee] {
  color: var(--color-text-gray-200);
}
.blue-default ion-toolbar ion-segment-button.md[data-v-d106c5ee]::part(indicator-background) {
  /* 设置导航标签指示器的宽度 */
  background: var(--theme-color-gradient-100);
}
.blue-default ion-content.side ion-segment[data-v-d106c5ee] {
  --background: var(--color-bg-200);
}
.blue-default ion-content.side ion-segment-button.ios[data-v-d106c5ee] {
  --indicator-color: var(--color-bg-100);
  --color-checked: var(--color-text-white-100);
}
.blue-default .promo-text-unChecked[data-v-d106c5ee] {
  color: var(--color-text-gray-200);
}
.forest-green ion-label.active[data-v-d106c5ee] {
  color: var(--color-text-gray-100);
}
.forest-green ion-label.inactive[data-v-d106c5ee] {
  color: var(--color-text-gray-200);
}
.forest-green ion-toolbar ion-segment-button.md[data-v-d106c5ee]::part(indicator-background) {
  /* 设置导航标签指示器的宽度 */
  background: var(--theme-color-gradient-100);
}
.forest-green ion-content.side ion-segment[data-v-d106c5ee] {
  --background: var(--color-bg-200);
}
.forest-green ion-content.side ion-segment-button.ios[data-v-d106c5ee] {
  --indicator-color: var(--color-bg-100);
  --color-checked: var(--color-text-gray-100);
}
.forest-green .promo-text-unChecked[data-v-d106c5ee] {
  color: var(--color-text-gray-200);
}
.green-default ion-label.active[data-v-d106c5ee] {
  color: var(--color-text-gray-100);
}
.green-default ion-label.inactive[data-v-d106c5ee] {
  color: var(--color-text-gray-200);
}
.green-default ion-toolbar ion-segment-button.md[data-v-d106c5ee]::part(indicator-background) {
  /* 设置导航标签指示器的宽度 */
  background: var(--theme-color-gradient-100);
}
.green-default ion-content.side ion-segment[data-v-d106c5ee] {
  --background: var(--color-bg-200);
}
.green-default ion-content.side ion-segment-button.ios[data-v-d106c5ee] {
  --indicator-color: var(--color-bg-100);
  --color-checked: var(--color-text-gray-100);
}
.green-default .promo-text-unChecked[data-v-d106c5ee] {
  color: var(--color-text-gray-200);
}
.amber-purple ion-label.active[data-v-d106c5ee] {
  color: var(--text-color-light-purple-1-100);
}
.amber-purple ion-label.inactive[data-v-d106c5ee] {
  color: var(--text-color-light-purple-2-100);
}
.amber-purple ion-toolbar ion-segment-button.md[data-v-d106c5ee]::part(indicator-background) {
  /* 设置导航标签指示器的宽度 */
  background: var(--segment-gradients-purple);
}
.amber-purple ion-content.side ion-segment[data-v-d106c5ee] {
  --background: var(--color-bg-200);
}
.amber-purple ion-content.side ion-segment-button.ios[data-v-d106c5ee] {
  --indicator-color: var(--color-bg-100);
  --color-checked: var(--text-color-light-purple-1-100);
}
.amber-purple .promo-text-unChecked[data-v-d106c5ee] {
  color: var(--text-color-light-purple-2-100);
}
.auroral-yellow ion-label.active[data-v-d106c5ee] {
  color: var(--color-text-white-100);
}
.auroral-yellow ion-label.inactive[data-v-d106c5ee] {
  color: var(--color-text-gray-200);
}
.auroral-yellow ion-toolbar ion-segment-button.md[data-v-d106c5ee]::part(indicator-background) {
  /* 设置导航标签指示器的宽度 */
  background: var(--theme-color-800);
}
.auroral-yellow ion-content.side ion-segment[data-v-d106c5ee] {
  --background: var(--color-bg-200);
}
.auroral-yellow ion-content.side ion-segment-button.ios[data-v-d106c5ee] {
  --indicator-color: var(--color-bg-100);
  --color-checked: var(--color-text-white-100);
}
.auroral-yellow .promo-text-unChecked[data-v-d106c5ee] {
  color: var(--color-text-gray-200);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-modal#avatar[data-v-fe4babb4] {
  --height: 100%;
}
ion-modal#avatar div.content[data-v-fe4babb4] {
  position: absolute;
  bottom: 0;
  max-height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
ion-modal#avatar div.content ion-title[data-v-fe4babb4] {
  font-size: 1rem ;
  line-height: 1.5rem;
}
ion-modal#avatar div.content ion-row.sex[data-v-fe4babb4] {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
ion-modal#avatar div.content ion-row.sex ion-col[data-v-fe4babb4] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-width: 0.0625rem;
}
ion-modal#avatar div.content ion-row.sex ion-col ion-icon[data-v-fe4babb4] {
  font-size: 1.375rem;
}
ion-modal#avatar div.content ion-row.sex ion-col.selected[data-v-fe4babb4] {
  border-bottom-width: 0.125rem;
}
ion-modal#avatar div.content .img[data-v-fe4babb4] {
  flex: 1;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  overflow-y: auto;
}
ion-modal#avatar div.content .img img[data-v-fe4babb4] {
  border-radius: 0.625rem;
}
ion-modal#avatar div.content .img img.selected[data-v-fe4babb4] {
  border-width: 0.125rem;
}
/* 隐藏滚动条 */
div.overflow-y-auto[data-v-fe4babb4] {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
div.overflow-y-auto[data-v-fe4babb4]::-webkit-scrollbar {
  display: none;
}
ion-button.submit[data-v-fe4babb4] {
  --border-radius: 0.625rem;
  text-transform: none;
  /* 取消按钮文本自动大写 */
  margin-left: 3rem;
  margin-right: 3rem;
  min-height: 2.5rem;
  margin-bottom: 1.25rem;
}
ion-icon.close[data-v-fe4babb4] {
  font-size: 1rem;
  border-radius: 0.3125rem;
}
ion-modal#avatar div.content[data-v-fe4babb4] {
  background: var(--color-bg-200);
}
ion-modal#avatar div.content ion-row.sex ion-col.selected[data-v-fe4babb4] {
  border-color: var(--theme-color-600);
  color: var(--theme-color-700);
}
ion-modal#avatar div.content ion-row.sex ion-col.gender-default[data-v-fe4babb4] {
  border-color: var(--color-line);
  color: var(--color-text-gray-300);
}
ion-modal#avatar div.content .img img.selected[data-v-fe4babb4] {
  border-color: var(--theme-color-600);
}
ion-toolbar[data-v-fe4babb4] {
  --background: var(--color-bg-200);
}
ion-button.submit[data-v-fe4babb4] {
  --background: var(--theme-color-gradient-100);
  --color: var(--color-text-white-100);
  --background-hover: var(--theme-color-gradient-900);
  --background-activated: var(--theme-color-gradient-900);
  --background-focused: var(--theme-color-gradient-900);
}
ion-icon.close[data-v-fe4babb4] {
  background: var(--color-bg-50);
}
.blue-default ion-modal#avatar div.content[data-v-fe4babb4] {
  background: var(--color-bg-200);
}
.blue-default ion-modal#avatar div.content ion-row.sex ion-col.selected[data-v-fe4babb4] {
  border-color: var(--theme-color-600);
  color: var(--theme-color-700);
}
.blue-default ion-modal#avatar div.content ion-row.sex ion-col.gender-default[data-v-fe4babb4] {
  border-color: var(--color-line);
  color: var(--color-text-gray-300);
}
.blue-default ion-modal#avatar div.content .img img.selected[data-v-fe4babb4] {
  border-color: var(--theme-color-600);
}
.blue-default ion-toolbar[data-v-fe4babb4] {
  --background: var(--color-bg-200);
}
.blue-default ion-button.submit[data-v-fe4babb4] {
  --background: var(--theme-color-gradient-100);
  --color: var(--color-text-white-100);
  --background-hover: var(--theme-color-gradient-900);
  --background-activated: var(--theme-color-gradient-900);
  --background-focused: var(--theme-color-gradient-900);
}
.blue-default ion-icon.close[data-v-fe4babb4] {
  background: var(--color-bg-50);
}
.green-default ion-modal#avatar div.content[data-v-fe4babb4] {
  background: var(--color-bg-400);
}
.green-default ion-modal#avatar div.content ion-row.sex ion-col.selected[data-v-fe4babb4] {
  border-color: var(--theme-color-500);
  color: var(--color-text-gray-100);
}
.green-default ion-modal#avatar div.content ion-row.sex ion-col.gender-default[data-v-fe4babb4] {
  border-color: var(--color-line);
  color: var(--color-text-gray-200);
}
.green-default ion-modal#avatar div.content .img img.selected[data-v-fe4babb4] {
  border-color: var(--theme-color-500);
}
.green-default ion-toolbar[data-v-fe4babb4] {
  --background: var(--color-bg-400);
}
.green-default ion-button.submit[data-v-fe4babb4] {
  --background: var(--theme-color-gradient-100);
  --color: var(--color-text-white-100);
  --background-hover: var(--theme-color-600);
  --background-activated: var(--theme-color-600);
  --background-focused: var(--theme-color-600);
}
.green-default ion-icon.close[data-v-fe4babb4] {
  background: var(--color-bg-50);
}
.amber-purple ion-modal#avatar div.content[data-v-fe4babb4] {
  background: var(--color-bg-400);
}
.amber-purple ion-modal#avatar div.content ion-row.sex ion-col.selected[data-v-fe4babb4] {
  border-color: var(--theme-color-400);
  color: var(--color-text-gray-100);
}
.amber-purple ion-modal#avatar div.content ion-row.sex ion-col.gender-default[data-v-fe4babb4] {
  border-color: var(--color-color);
  color: var(--color-text-gray-200);
}
.amber-purple ion-modal#avatar div.content .img img.selected[data-v-fe4babb4] {
  border-color: var(--theme-color-400);
}
.amber-purple ion-toolbar[data-v-fe4babb4] {
  --background: var(--color-bg-400);
}
.amber-purple ion-button.submit[data-v-fe4babb4] {
  --background: var(--theme-color-gradient-100);
  --color: var(--color-text-white-100);
  --background-hover: var(--theme-color-100);
  --background-activated: var(--theme-color-100);
  --background-focused: var(--theme-color-100);
}
.amber-purple ion-icon.close[data-v-fe4babb4] {
  background: var(--color-bg-50);
}
.forest-green ion-modal#avatar div.content[data-v-fe4babb4] {
  background: var(--color-bg-200);
}
.forest-green ion-modal#avatar div.content ion-row.sex ion-col.selected[data-v-fe4babb4] {
  border-color: var(--color-line);
  color: var(--color-text-gray-100);
}
.forest-green ion-modal#avatar div.content ion-row.sex ion-col.gender-default[data-v-fe4babb4] {
  border-color: var(--color-bg-100);
  color: var(--color-text-gray-200);
}
.forest-green ion-modal#avatar div.content .img img.selected[data-v-fe4babb4] {
  border-color: var(--theme-color-500);
}
.forest-green ion-toolbar[data-v-fe4babb4] {
  --background: var(--color-bg-200);
}
.forest-green ion-button.submit[data-v-fe4babb4] {
  --background: var(--theme-color-gradient-100);
  --color: var(--color-text-white-100);
  --background-hover: var(#5eb76c);
  --background-activated: var(#6bbb79);
  --background-focused: var(#6bbb79);
}
.forest-green ion-icon.close[data-v-fe4babb4] {
  background: var(--color-bg-200);
}
.auroral-yellow ion-modal#avatar div.content[data-v-fe4babb4] {
  background: var(--color-bg-200);
}
.auroral-yellow ion-modal#avatar div.content ion-row.sex ion-col.selected[data-v-fe4babb4] {
  border-color: var(--theme-color-600);
  color: var(--theme-color-700);
}
.auroral-yellow ion-modal#avatar div.content ion-row.sex ion-col.gender-default[data-v-fe4babb4] {
  border-color: var(--color-line);
  color: var(--color-text-gray-300);
}
.auroral-yellow ion-modal#avatar div.content .img img.selected[data-v-fe4babb4] {
  border-color: var(--theme-color-600);
}
.auroral-yellow ion-toolbar[data-v-fe4babb4] {
  --background: var(--color-bg-200);
}
.auroral-yellow ion-button.submit[data-v-fe4babb4] {
  --background: var(--theme-color-800);
  --color: var(--color-text-black-100);
  --background-hover: var(--theme-color-gradient-900);
  --background-activated: var(--theme-color-gradient-900);
  --background-focused: var(--theme-color-gradient-900);
}
.auroral-yellow ion-icon.close[data-v-fe4babb4] {
  background: var(--color-bg-50);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.money-color[data-v-586aab07] {
  display: flex;
  align-items: center;
  font-size: 1.25rem;
}
.money-color .balance-wrapper[data-v-586aab07] {
  position: relative;
  overflow: hidden;
  margin-right: 0.5rem;
}
.money-color .balance-placeholder[data-v-586aab07] {
  opacity: 0;
}
.money-color .balance-display[data-v-586aab07] {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.money-color > span[data-v-586aab07] {
  margin-right: 0.75rem;
}
.money-color ion-icon[data-v-586aab07] {
  font-size: 1.5rem;
  transform: rotate(30deg);
}
.money-color ion-icon.animate-refresh[data-v-586aab07] {
  animation: rotation 500ms infinite linear;
}
.money-color[data-v-586aab07] {
  color: var(--color-text-white-100);
}
.blue-default .money-color[data-v-586aab07] {
  color: var(--color-text-white-100);
}
.green-default .money-color[data-v-586aab07],
.amber-purple .money-color[data-v-586aab07],
.forest-green .money-color[data-v-586aab07] {
  color: var(--color-text-gray-100);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-content[data-v-8deae176] {
  height: calc(100vh-14.359vw);
  overflow-y: auto;
  font-size: 0.75rem;
  line-height: 1rem;
  --space-y: 0.875rem;
  --padding-start: 1rem;
  --padding-end: 1rem;
  --padding-top: 1rem;
  --padding-bottom: 1rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
}
ion-content .user[data-v-8deae176] {
  width: 100%;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  border-radius: 0.5rem;
}
ion-content .user .top[data-v-8deae176] {
  display: flex;
}
ion-content .user .top .messsage[data-v-8deae176] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
ion-content .user .top .messsage .Id[data-v-8deae176] {
  display: flex;
  align-items: flex-end;
}
ion-content .user .top .messsage .Id ion-icon[data-v-8deae176] {
  font-size: 1.25rem;
  margin-left: 0.125rem;
}
ion-content .user .top .messsage .level[data-v-8deae176] {
  position: relative;
  width: 2.1875rem;
  height: 2.1875rem;
  margin-left: 0.25rem;
  transform: translateY(0.3125rem);
}
ion-content .user .top .messsage .level div[data-v-8deae176] {
  top: 0.6875rem;
  left: 0.75rem;
  width: 1.875rem;
  font-size: 0.5rem;
  font-style: normal;
  font-weight: 600;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
ion-content .user .top .email[data-v-8deae176] {
  position: relative;
  width: 1.75rem;
}
ion-content .user .top .email .email-icon[data-v-8deae176] {
  font-size: 1.6rem;
}
ion-content .user .top .email p[data-v-8deae176] {
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #FF0000;
  font-size: 0.5rem;
  line-height: 0.75rem;
  top: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
}
ion-content .user .bottom[data-v-8deae176] {
  margin-top: 1.25rem;
}
ion-content .user .bottom ion-col div[data-v-8deae176] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 0.375rem;
}
ion-content .user .bottom ion-col div ion-icon[data-v-8deae176] {
  font-size: 1.5rem;
  margin-right: 0.625rem;
}
ion-content .vip[data-v-8deae176] {
  width: 100%;
  padding-bottom: 0.875rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  border-radius: 0.5rem;
  font-size: 0.625rem;
  padding-top: 0.875rem;
}
ion-content .vip .top[data-v-8deae176] {
  display: flex;
  align-items: center;
}
ion-content .vip .top .left[data-v-8deae176] {
  position: relative;
  width: 4rem;
}
ion-content .vip .top .left ion-img[data-v-8deae176] {
  top: -1.5625rem;
  left: 0.625rem;
  width: 3.375rem;
  position: absolute;
}
ion-content .vip .top .left div[data-v-8deae176] {
  left: 2.375rem;
  width: 1.875rem;
  font-size: 0.6rem;
  text-align: center;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
ion-content .vip .top .right[data-v-8deae176] {
  text-align: center;
  margin-left: 1rem;
  padding-top: 0.75rem;
  flex: 1;
}
ion-content .vip .top .right .level[data-v-8deae176] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
ion-content .vip .top .right .level .chevron-forward[data-v-8deae176] {
  font-size: 1rem;
}
ion-content .vip .bottom[data-v-8deae176] {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
ion-content .vip .bottom .line[data-v-8deae176] {
  display: flex;
  align-items: center;
}
ion-content .vip .bottom .line .left[data-v-8deae176] {
  width: 20%;
  text-align: center;
}
ion-content .vip .bottom .line .right[data-v-8deae176] {
  width: 80%;
  height: 1rem;
}
ion-content .vip .bottom .line .right .progress[data-v-8deae176] {
  position: relative;
}
ion-content .vip .bottom .line .right .progress ion-progress-bar[data-v-8deae176] {
  position: absolute;
  height: 1rem;
}
ion-content .vip .bottom .line .right .progress div[data-v-8deae176] {
  color: white;
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
}
ion-content .vip .bottom[data-v-8deae176] > * + * {
  margin-top: 0.75rem;
}
ion-content .option[data-v-8deae176] {
  width: 100%;
  padding-left: 1rem;
  border-radius: 0.5rem;
}
ion-content .option ion-item[data-v-8deae176] {
  font-size: 0.75rem;
  position: relative;
}
ion-content .option ion-item .left[data-v-8deae176] {
  display: flex;
  align-items: center;
}
ion-content .option ion-item .left ion-img[data-v-8deae176] {
  width: 1.875rem;
  margin-right: 0.625rem;
}
ion-content .option ion-item .middle[data-v-8deae176] {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
ion-content .option ion-item .middle ion-label[data-v-8deae176] {
  flex: 2.5;
  text-align: right;
  font-size: 0.625rem;
  max-width: 13rem;
}
ion-content .option ion-item p.unRead[data-v-8deae176] {
  font-size: 0.625rem;
  display: flex;
  letter-spacing: normal;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 1.625rem;
  background-color: #FF0000;
  border-radius: 50%;
  color: #fff;
}
ion-content[data-v-8deae176] > * + * {
  margin-top: 0.875rem;
}
.avatar[data-v-8deae176] {
  --size: 4.75rem;
  --border-radius: 0.5rem;
}
ion-progress-bar[data-v-8deae176] {
  border-radius: 1rem;
  --progress-background: linear-gradient(359deg, #fa9a21 1.02%, #f8da9d 89.77%);
}
.progress-text[data-v-8deae176] {
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
}
ion-item[data-v-8deae176] {
  --min-height: 0;
  --padding-end: 0;
  --padding-top: 0.75rem;
  --padding-bottom: 0.75rem;
  --padding-start: 0;
  --background: transparent;
}
ion-item[data-v-8deae176]::part(detail-icon) {
  opacity: 1;
}
.animate-refresh[data-v-8deae176] {
  animation: rotation-8deae176 500ms infinite linear;
}
@keyframes rotation-8deae176 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
ion-modal#profile-modal-language[data-v-8deae176] {
  --width: fit-content;
  --height: fit-content;
  --border-radius: 0.375rem;
  --box-shadow: 0 1.75rem 3rem rgba(0, 0, 0, 0.4);
}
ion-content .user .top .email .email-icon[data-v-8deae176] {
  color: var(--theme-color-500);
}
ion-content .user .bottom ion-col div.left[data-v-8deae176] {
  background: var(--color-border-600);
}
ion-content .user .bottom ion-col div.right[data-v-8deae176] {
  background: var(--theme-color-gradient-200);
  color: var(--color-text-white-100);
}
ion-content .user .bottom ion-col div.right .enter-withdraw-text[data-v-8deae176] {
  color: var(--color-text-white-100);
}
.card-bg-gradient[data-v-8deae176] {
  background: var(--theme-color-gradient-300);
}
.user-base-color[data-v-8deae176] {
  color: var(--color-text-white-100);
}
.user-base-color ion-icon[data-v-8deae176] {
  color: var(--color-text-white-100);
}
.user-id[data-v-8deae176],
.user-account[data-v-8deae176] {
  color: var(--color-text-white-100);
}
ion-icon.chevron-forward[data-v-8deae176] {
  color: var(--color-text-gray-300);
}
ion-progress-bar[data-v-8deae176] {
  --background: var(--color-bg-600);
}
.progress-text[data-v-8deae176] {
  color: var(--color-text-white-100);
}
.invite-text[data-v-8deae176] {
  color: var(--color-text-gray-100);
}
ion-item[data-v-8deae176]::part(detail-icon) {
  color: var(--my-chevron-forward-color);
}
.enter-withdraw-text[data-v-8deae176] {
  color: var(--my-enter-withdraw-text-color);
}
.important-text[data-v-8deae176] {
  color: var(--money-text-color);
}
ion-content .vip .bottom .line .right .progress div[data-v-8deae176] {
  color: var(--color-text-white-100);
}
.blue-default ion-content .user .top .email .email-icon[data-v-8deae176] {
  color: #fff;
}
.blue-default ion-content .user .bottom ion-col div.left[data-v-8deae176] {
  background: var(--color-border-600);
}
.blue-default ion-content .user .bottom ion-col div.right[data-v-8deae176] {
  background: var(--theme-color-gradient-200);
  color: var(--color-text-white-100);
}
.blue-default ion-content .user .bottom ion-col div.right .enter-withdraw-text[data-v-8deae176] {
  color: var(--color-text-white-100);
}
.blue-default .card-bg-gradient[data-v-8deae176] {
  background: var(--theme-color-gradient-300);
}
.blue-default .user-base-color[data-v-8deae176] {
  color: var(--color-text-white-100);
}
.blue-default .user-base-color ion-icon[data-v-8deae176] {
  color: var(--color-text-white-100);
}
.blue-default .user-id[data-v-8deae176],
.blue-default .user-account[data-v-8deae176] {
  color: var(--color-text-white-100);
}
.blue-default ion-icon.chevron-forward[data-v-8deae176] {
  color: var(--color-text-gray-300);
}
.blue-default ion-progress-bar[data-v-8deae176] {
  --background: var(--color-bg-600);
}
.blue-default .progress-text[data-v-8deae176] {
  color: var(--color-text-white-100);
}
.blue-default .invite-text[data-v-8deae176] {
  color: var(--color-text-gray-100);
}
.blue-default ion-item[data-v-8deae176]::part(detail-icon) {
  color: var(--my-chevron-forward-color);
}
.blue-default .enter-withdraw-text[data-v-8deae176] {
  color: var(--my-enter-withdraw-text-color);
}
.blue-default .important-text[data-v-8deae176] {
  color: var(--money-text-color);
}
.blue-default ion-content .vip .bottom .line .right .progress div[data-v-8deae176] {
  color: var(--color-text-white-100);
}
.green-default ion-content .user .top .email .email-icon[data-v-8deae176] {
  color: var(--theme-color-500);
}
.green-default ion-content .user .bottom ion-col div.left[data-v-8deae176] {
  background: var(--theme-color-gradient-100);
}
.green-default ion-content .user .bottom ion-col div.right[data-v-8deae176] {
  background: var(--theme-color-gradient-200);
  color: var(--color-text-white-100);
}
.green-default ion-content .user .bottom ion-col div.right .enter-withdraw-text[data-v-8deae176] {
  color: var(--color-text-white-100);
}
.green-default .card-bg-gradient[data-v-8deae176] {
  background: var(--color-bg-200);
}
.green-default .user-base-color[data-v-8deae176] {
  color: var(--color-text-gray-100);
}
.green-default .user-base-color ion-icon[data-v-8deae176] {
  color: var(--color-text-gray-200);
}
.green-default .user-id[data-v-8deae176],
.green-default .user-account[data-v-8deae176] {
  color: var(--color-text-gray-200);
}
.green-default ion-icon.chevron-forward[data-v-8deae176] {
  color: var(--color-text-gray-200);
}
.green-default ion-progress-bar[data-v-8deae176] {
  --background: var(--color-bg-100);
}
.green-default .progress-text[data-v-8deae176] {
  color: var(--color-text-gray-100);
}
.green-default .invite-text[data-v-8deae176] {
  color: var(--color-text-gray-100);
}
.green-default ion-item[data-v-8deae176]::part(detail-icon) {
  color: var(--color-text-gray-200);
}
.green-default .enter-withdraw-text[data-v-8deae176] {
  color: var(--color-text-white-100);
}
.green-default .important-text[data-v-8deae176] {
  color: var(--accent-color-yellow);
}
.green-default ion-content .vip .bottom .line .right .progress div[data-v-8deae176] {
  color: var(--color-text-white-100);
}
.amber-purple ion-content .user .top .email .email-icon[data-v-8deae176] {
  color: var(--theme-color-500);
}
.amber-purple ion-content .user .bottom ion-col div.left[data-v-8deae176] {
  background: var(--theme-color-gradient-300);
}
.amber-purple ion-content .user .bottom ion-col div.right[data-v-8deae176] {
  background: var(--theme-color-gradient-200);
  color: var(--color-text-white-100);
}
.amber-purple ion-content .user .bottom ion-col div.right .enter-withdraw-text[data-v-8deae176] {
  color: var(--color-text-white-100);
}
.amber-purple .card-bg-gradient[data-v-8deae176] {
  background: var(--color-bg-200);
}
.amber-purple .user-base-color[data-v-8deae176] {
  color: var(--color-text-gray-100);
}
.amber-purple .user-base-color ion-icon[data-v-8deae176] {
  color: var(--color-text-gray-200);
}
.amber-purple .user-id[data-v-8deae176],
.amber-purple .user-account[data-v-8deae176] {
  color: var(--color-text-gray-200);
}
.amber-purple ion-icon.chevron-forward[data-v-8deae176] {
  color: var(--color-text-gray-200);
}
.amber-purple ion-progress-bar[data-v-8deae176] {
  --background: var(--color-bg-100);
}
.amber-purple .progress-text[data-v-8deae176] {
  color: var(--color-text-gray-100);
}
.amber-purple .invite-text[data-v-8deae176] {
  color: var(--color-text-gray-100);
}
.amber-purple ion-item[data-v-8deae176]::part(detail-icon) {
  color: var(--color-text-gray-200);
}
.amber-purple .enter-withdraw-text[data-v-8deae176] {
  color: var(--color-text-white-100);
}
.amber-purple .important-text[data-v-8deae176] {
  color: var(--accent-color-yellow);
}
.amber-purple ion-content .vip .bottom .line .right .progress div[data-v-8deae176] {
  color: var(--color-text-white-100);
}
.forest-green ion-content .user .top .email .email-icon[data-v-8deae176] {
  color: var(--color-text-gray-200);
}
.forest-green ion-content .user .bottom ion-col div.left[data-v-8deae176] {
  background: var(--theme-color-gradient-100);
}
.forest-green ion-content .user .bottom ion-col div.right[data-v-8deae176] {
  background: var(--theme-color-gradient-200);
  color: var(--color-text-white-100);
}
.forest-green ion-content .user .bottom ion-col div.right .enter-withdraw-text[data-v-8deae176] {
  color: var(--color-text-white-100);
}
.forest-green .card-bg-gradient[data-v-8deae176] {
  background: var(--color-bg-200);
}
.forest-green .user-base-color[data-v-8deae176] {
  color: var(--color-text-gray-100);
}
.forest-green .user-base-color ion-icon[data-v-8deae176] {
  color: var(--color-text-gray-200);
}
.forest-green .user-id[data-v-8deae176],
.forest-green .user-account[data-v-8deae176] {
  color: var(--color-text-gray-200);
}
.forest-green ion-icon.chevron-forward[data-v-8deae176] {
  color: var(--color-text-gray-200);
}
.forest-green ion-progress-bar[data-v-8deae176] {
  --background: var(--color-bg-100);
}
.forest-green .progress-text[data-v-8deae176] {
  color: var(--color-text-gray-100);
}
.forest-green .invite-text[data-v-8deae176] {
  color: var(--color-text-gray-100);
}
.forest-green ion-item[data-v-8deae176]::part(detail-icon) {
  color: var(--color-text-gray-200);
}
.forest-green .enter-withdraw-text[data-v-8deae176] {
  color: var(--color-text-white-100);
}
.forest-green .important-text[data-v-8deae176] {
  color: var(--accent-color-yellow);
}
.forest-green ion-content .vip .bottom .line .right .progress div[data-v-8deae176] {
  color: var(--color-text-white-100);
}
.auroral-yellow ion-content .user .top .email .email-icon[data-v-8deae176] {
  color: var(--color-text-gray-200);
}
.auroral-yellow ion-content .user .bottom ion-col div.left[data-v-8deae176] {
  background: var(--color-bg-100);
}
.auroral-yellow ion-content .user .bottom ion-col div.right[data-v-8deae176] {
  background: var(--text-color1);
  color: var(--color-text-black-100);
}
.auroral-yellow ion-content .user .bottom ion-col div.right .enter-withdraw-text[data-v-8deae176] {
  color: var(--color-text-black-100);
}
.auroral-yellow .card-bg-gradient[data-v-8deae176] {
  background: var(--color-bg-200);
}
.auroral-yellow .user-base-color[data-v-8deae176] {
  color: var(--color-text-gray-100);
}
.auroral-yellow .user-base-color ion-icon[data-v-8deae176] {
  color: var(--color-text-gray-200);
}
.auroral-yellow .user-id[data-v-8deae176],
.auroral-yellow .user-account[data-v-8deae176] {
  color: var(--color-text-gray-200);
}
.auroral-yellow ion-icon.chevron-forward[data-v-8deae176] {
  color: var(--color-text-gray-200);
}
.auroral-yellow ion-progress-bar[data-v-8deae176] {
  --background: var(--color-bg-100);
}
.auroral-yellow .progress-text[data-v-8deae176] {
  color: var(--color-text-gray-100);
}
.auroral-yellow .invite-text[data-v-8deae176] {
  color: var(--color-text-gray-100);
}
.auroral-yellow ion-item[data-v-8deae176]::part(detail-icon) {
  color: var(--color-text-gray-200);
}
.auroral-yellow .enter-withdraw-text[data-v-8deae176] {
  color: var(--color-text-white-100);
}
.auroral-yellow .important-text[data-v-8deae176] {
  color: var(--accent-color-yellow-1);
}
.auroral-yellow ion-content .vip .bottom .line .right .progress div[data-v-8deae176] {
  color: var(--color-text-white-100);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.ion-padding .bind-white-color[data-v-1de7d045] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 0.25rem;
}
.ion-padding ion-item.phone[data-v-1de7d045] {
  margin-top: 0.625rem;
  margin-bottom: 0.3125rem;
}
.ion-padding ion-item.phone .item[data-v-1de7d045] {
  display: flex;
  align-items: center;
}
.ion-padding ion-item.phone .item .flag[data-v-1de7d045] {
  border-radius: 0.75rem;
  font-size: 1.25rem;
  margin-right: 0.5rem;
}
.ion-padding ion-item.phone .item .area[data-v-1de7d045] {
  border-left: 0.125rem solid #D6DDED;
  padding-left: 0.5rem;
}
.ion-padding ion-item.email[data-v-1de7d045] {
  margin-top: 0.625rem;
  margin-bottom: 0.3125rem;
}
.ion-padding ion-item.submit[data-v-1de7d045] {
  font-size: 1rem;
  filter: drop-shadow(0 0.25rem 0.9375rem rgba(32, 139, 229, 0.25));
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.ion-padding ion-item.submit .submit-btn[data-v-1de7d045] {
  font-size: 0.875rem;
  width: 100%;
}
ion-item[data-v-1de7d045] {
  --background: transparent;
  --padding-start: 0;
  --inner-padding-end: 0.25rem;
  min-height: 3.375rem !important;
}
ion-input[data-v-1de7d045] {
  --border-width: 0rem;
  /* error-text设置后有默认底部边框线 */
  --border-radius: 0.625rem;
  /* 边角弧度 */
  --padding-start: 1rem !important;
  --padding-end: 1rem !important;
  min-height: 3.375rem !important;
  font-size: 0.875rem;
}
ion-item.submit[data-v-1de7d045] {
  --min-height: 0;
  --ion-safe-area-left: 0;
  --ion-safe-area-right: 0;
  --background: linear-gradient(0deg, #0167CA 0%, #38A8FA 100%);
  --border-radius: 0.625rem;
}
ion-button.verify[data-v-1de7d045] {
  --background: linear-gradient(0deg, #0167CA 0%, #38A8FA 100%);
  --border-radius: 0.625rem;
}
ion-button.verify.on[data-v-1de7d045] {
  --background: #626262;
  --padding-start: 1.25rem;
  --padding-end: 1.25rem;
}
ion-button.submit-btn[data-v-1de7d045] {
  font-weight: bold;
}
ion-input[data-v-1de7d045] {
  --background: var(--color-bg-200);
  --placeholder-color: var(--color-text-gray-300);
}
.bind-white-color[data-v-1de7d045] {
  color: var(--color-text-white-100);
}
ion-button.submit-btn[data-v-1de7d045] {
  --background: var(--theme-color-gradient-100);
  color: var(--color-text-white-100);
}
.blue-default ion-input[data-v-1de7d045] {
  --background: var(--color-bg-200);
  --placeholder-color: var(--color-text-gray-300);
}
.blue-default .bind-white-color[data-v-1de7d045] {
  color: var(--color-text-white-100);
}
.blue-default ion-button.submit-btn[data-v-1de7d045] {
  --background: var(--theme-color-gradient-100);
  color: var(--color-text-white-100);
}
.green-default ion-input[data-v-1de7d045],
.forest-green ion-input[data-v-1de7d045] {
  --background: var(--color-bg-400);
  --placeholder-color: var(--color-text-gray-200);
}
.green-default .bind-white-color[data-v-1de7d045],
.forest-green .bind-white-color[data-v-1de7d045] {
  color: var(--color-text-gray-100);
}
.green-default ion-button.submit-btn[data-v-1de7d045],
.forest-green ion-button.submit-btn[data-v-1de7d045] {
  --background: var(--theme-color-gradient-100);
  color: var(--color-text-white-100);
}
.amber-purple ion-input[data-v-1de7d045] {
  --background: var(--color-bg-400);
  --placeholder-color: var(--color-text-gray-200);
}
.amber-purple .bind-white-color[data-v-1de7d045] {
  color: var(--color-text-gray-100);
}
.amber-purple ion-button.submit-btn[data-v-1de7d045] {
  --background: var(--theme-color-gradient-100);
  color: var(--color-text-white-100);
}
.auroral-yellow ion-input[data-v-1de7d045] {
  --background: var(--color-bg-200);
  --placeholder-color: var(--color-text-gray-300);
}
.auroral-yellow .bind-white-color[data-v-1de7d045] {
  color: var(--color-text-white-100);
}
.auroral-yellow ion-button.submit-btn[data-v-1de7d045] {
  --background: var(--theme-color-800);
  color: var(--color-text-black-100);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.ion-padding form .password .top[data-v-954889d3] {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
}
.ion-padding form .password .middle[data-v-954889d3] {
  font-size: 0.625rem;
}
.ion-padding form .password .bottom[data-v-954889d3] {
  font-size: 0.625rem;
}
.ion-padding form .phone[data-v-954889d3] {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.ion-padding form .email[data-v-954889d3] {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.ion-padding form ion-item.password[data-v-954889d3] {
  margin-top: 0.625rem;
  margin-bottom: 0.3125rem;
}
.ion-padding form ion-item.password ion-icon.verify-eye-color[data-v-954889d3] {
  z-index: 10;
  position: absolute;
  right: 1.125rem;
  top: 1.125rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ion-padding form .item[data-v-954889d3] {
  font-size: 0.625rem;
}
.ion-padding form ion-item.code[data-v-954889d3] {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.ion-padding form ion-item.submit[data-v-954889d3] {
  font-size: 1rem;
  filter: drop-shadow(0 0.25rem 0.9375rem rgba(32, 139, 229, 0.25));
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.ion-padding form ion-item.submit ion-button[data-v-954889d3] {
  width: 100%;
  font-size: 0.875rem;
}
ion-item[data-v-954889d3] {
  --background: transparent;
  --padding-start: 0;
  --inner-padding-end: 0.25rem;
  min-height: 3.375rem;
}
ion-input[data-v-954889d3] {
  --border-width: 0rem;
  /* error-text设置后有默认底部边框线 */
  --border-radius: 0.625rem;
  /* 边角弧度 */
  --padding-start: 1rem !important;
  --padding-end: 1rem !important;
  min-height: 3.375rem !important;
  font-size: 0.875rem;
}
ion-item.submit[data-v-954889d3] {
  --min-height: 0;
  --border-radius: 0.625rem;
  --ion-safe-area-left: 0;
  --ion-safe-area-right: 0;
}
ion-button.verify[data-v-954889d3] {
  --border-radius: 0.625rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  position: absolute;
  margin-top: auto;
  margin-bottom: auto;
  color: #fff;
  right: 0.625rem;
  z-index: 10;
  font-size: 0.75rem;
}
ion-button.verify ion-spinner[data-v-954889d3] {
  z-index: 10;
  width: 1rem;
  height: 1rem;
}
ion-button.verify.on[data-v-954889d3] {
  --background: #626262;
  color: #EE4639;
}
ion-modal[data-v-954889d3] {
  --width: fit-content;
  /* 宽度由内容撑开 */
  --height: fit-content;
  /* 高度由内容撑开 */
  --border-radius: 1.25rem;
}
ion-item#verification[data-v-954889d3] {
  --background: #101629;
  --padding-top: 0;
  --padding-bottom: 0;
  min-height: 0rem;
}
ion-button.submit-btn[data-v-954889d3] {
  font-weight: bold;
}
ion-modal#modal-verification .all[data-v-954889d3] {
  background-color: #090F1F;
  width: 22.5rem;
  border-radius: 0.5rem;
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.3125rem;
}
ion-modal#modal-verification .all p[data-v-954889d3] {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  text-align: center;
}
ion-modal#modal-verification .all .close[data-v-954889d3] {
  position: absolute;
  font-size: 1.875rem;
  line-height: 2.25rem;
  top: 1.25rem;
  right: 0.5rem;
}
ion-modal#modal-verification .all ion-item#verification[data-v-954889d3] {
  border-radius: 0.625rem;
  margin-bottom: 0.625rem;
}
ion-modal#modal-verification .all ion-item#verification ion-icon[data-v-954889d3] {
  width: 1.5rem;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
ion-modal#code .all[data-v-954889d3] {
  background-color: #090F1F;
  width: 22.5rem;
  border-radius: 0.5rem;
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
ion-modal#code .all .top[data-v-954889d3] {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
ion-modal#code .all .bottom[data-v-954889d3] {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.ion-padding form .item[data-v-954889d3] {
  color: var(--color-text-gray-400);
}
ion-input[data-v-954889d3] {
  --background: var(--color-bg-200);
  --placeholder-color: var(--color-text-gray-300);
}
ion-item.submit[data-v-954889d3] {
  --background: var(--theme-color-gradient-100);
}
ion-item.submit ion-button[data-v-954889d3] {
  color: var(--color-text-white-100);
}
ion-button.verify[data-v-954889d3] {
  --background: var(--theme-color-gradient-100);
}
.verify-white-color[data-v-954889d3] {
  color: var(--color-text-white-100);
}
.verify-minor-color[data-v-954889d3] {
  color: var(--color-text-gray-200);
}
.verify-eye-color[data-v-954889d3] {
  color: var(--color-text-gray-200);
}
ion-button.submit-btn[data-v-954889d3] {
  --background: var(--theme-color-gradient-100);
}
.blue-default .ion-padding form .item[data-v-954889d3] {
  color: var(--color-text-gray-400);
}
.blue-default ion-input[data-v-954889d3] {
  --background: var(--color-bg-200);
  --placeholder-color: var(--color-text-gray-300);
}
.blue-default ion-item.submit[data-v-954889d3] {
  --background: var(--theme-color-gradient-100);
}
.blue-default ion-item.submit ion-button[data-v-954889d3] {
  color: var(--color-text-white-100);
}
.blue-default ion-button.verify[data-v-954889d3] {
  --background: var(--theme-color-gradient-100);
}
.blue-default .verify-white-color[data-v-954889d3] {
  color: var(--color-text-white-100);
}
.blue-default .verify-minor-color[data-v-954889d3] {
  color: var(--color-text-gray-200);
}
.blue-default .verify-eye-color[data-v-954889d3] {
  color: var(--color-text-gray-200);
}
.blue-default ion-button.submit-btn[data-v-954889d3] {
  --background: var(--theme-color-gradient-100);
}
.green-default .ion-padding form .item[data-v-954889d3],
.forest-green .ion-padding form .item[data-v-954889d3] {
  color: var(--color-text-gray-200);
}
.green-default ion-input[data-v-954889d3],
.forest-green ion-input[data-v-954889d3] {
  --background: var(--color-bg-400);
  --placeholder-color: var(--color-text-gray-200);
}
.green-default ion-item.submit[data-v-954889d3],
.forest-green ion-item.submit[data-v-954889d3] {
  --background: var(--theme-color-gradient-100);
}
.green-default ion-item.submit ion-button[data-v-954889d3],
.forest-green ion-item.submit ion-button[data-v-954889d3] {
  color: var(--color-text-white-100);
}
.green-default ion-button.verify[data-v-954889d3],
.forest-green ion-button.verify[data-v-954889d3] {
  --background: var(--theme-color-gradient-100);
}
.green-default .verify-white-color[data-v-954889d3],
.forest-green .verify-white-color[data-v-954889d3] {
  color: var(--color-text-gray-100);
}
.green-default .verify-minor-color[data-v-954889d3],
.forest-green .verify-minor-color[data-v-954889d3] {
  color: var(--color-text-gray-200);
}
.green-default .verify-eye-color[data-v-954889d3],
.forest-green .verify-eye-color[data-v-954889d3] {
  color: var(--color-text-gray-200);
}
.green-default ion-button.submit-btn[data-v-954889d3],
.forest-green ion-button.submit-btn[data-v-954889d3] {
  --background: var(--theme-color-gradient-100);
}
.amber-purple .ion-padding form .item[data-v-954889d3] {
  color: var(--color-text-gray-100);
}
.amber-purple ion-input[data-v-954889d3] {
  --background: var(--color-bg-400);
  --placeholder-color: var(--color-text-gray-200);
}
.amber-purple ion-item.submit[data-v-954889d3] {
  --background: var(--theme-color-gradient-100);
}
.amber-purple ion-item.submit ion-button[data-v-954889d3] {
  color: var(--color-text-white-100);
}
.amber-purple ion-button.verify[data-v-954889d3] {
  --background: var(--theme-color-gradient-100);
}
.amber-purple .verify-white-color[data-v-954889d3] {
  color: var(--color-text-gray-100);
}
.amber-purple .verify-minor-color[data-v-954889d3] {
  color: var(--color-text-gray-200);
}
.amber-purple .verify-eye-color[data-v-954889d3] {
  color: var(--color-text-gray-200);
}
.amber-purple ion-button.submit-btn[data-v-954889d3] {
  --background: var(--theme-color-gradient-100);
}
.auroral-yellow .ion-padding form .item[data-v-954889d3] {
  color: var(--color-text-gray-400);
}
.auroral-yellow ion-input[data-v-954889d3] {
  --background: var(--color-bg-200);
  --placeholder-color: var(--color-text-gray-300);
}
.auroral-yellow ion-item.submit[data-v-954889d3] {
  --background: var(--theme-color-800);
}
.auroral-yellow ion-item.submit ion-button[data-v-954889d3] {
  color: var(--color-text-black-100);
}
.auroral-yellow ion-button.verify[data-v-954889d3] {
  --background: var(--theme-color-gradient-100);
}
.auroral-yellow .verify-white-color[data-v-954889d3] {
  color: var(--color-text-white-100);
}
.auroral-yellow .verify-minor-color[data-v-954889d3] {
  color: var(--color-text-gray-200);
}
.auroral-yellow .verify-eye-color[data-v-954889d3] {
  color: var(--color-text-gray-200);
}
.auroral-yellow ion-button.submit-btn[data-v-954889d3] {
  --background: var(--theme-color-gradient-100);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.ion-padding form .confirm-white-color[data-v-c14729d5] {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.ion-padding form ion-item.password[data-v-c14729d5] {
  margin-top: 0.625rem;
  margin-bottom: 0.3125rem;
  position: relative;
}
.ion-padding form ion-item.password ion-icon[data-v-c14729d5] {
  z-index: 10;
  position: absolute;
  right: 1.125rem;
  top: 1.125rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ion-padding form .fundPassword[data-v-c14729d5] {
  padding-bottom: 1rem;
}
.ion-padding form .fundPassword p[data-v-c14729d5] {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
ion-item[data-v-c14729d5] {
  --background: transparent;
  --padding-start: 0;
  --inner-padding-end: 0.25rem;
  min-height: 3.375rem !important;
}
ion-input[data-v-c14729d5] {
  --border-width: 0rem;
  /* error-text设置后有默认底部边框线 */
  --border-radius: 0.625rem;
  /* 边角弧度 */
  --padding-start: 1rem !important;
  --padding-end: 1rem !important;
  min-height: 3.375rem !important;
  font-size: 0.875rem;
}
ion-item.submit[data-v-c14729d5] {
  --min-height: 0;
  --border-radius: 0.625rem;
  --ion-safe-area-left: 0;
  --ion-safe-area-right: 0;
  font-size: 1rem;
  filter: drop-shadow(0 0.25rem 0.9375rem rgba(32, 139, 229, 0.25));
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
ion-button.verify[data-v-c14729d5] {
  --background: linear-gradient(0deg, #0167CA 0%, #38A8FA 100%);
  --border-radius: 0.625rem;
}
ion-button.verify.on[data-v-c14729d5] {
  --background: #626262;
  --padding-start: 1.25rem;
  --padding-end: 1.25rem;
}
ion-button.submit-btn[data-v-c14729d5] {
  font-weight: bold;
  width: 100%;
  font-size: 0.875rem;
  color: #fff;
}
ion-input[data-v-c14729d5] {
  --background: var(--color-bg-200);
  --placeholder-color: var(--color-text-gray-300);
}
.confirm-white-color[data-v-c14729d5] {
  color: var(--color-text-white-100);
}
.confirm-eye-color[data-v-c14729d5] {
  color: var(--color-text-gray-200);
}
.confirm-asset-text-color[data-v-c14729d5] {
  color: var(--color-text-gray-200);
}
ion-button.submit-btn[data-v-c14729d5] {
  --background: var(--theme-color-gradient-100);
  color: var(--color-text-white-100);
}
.blue-default ion-input[data-v-c14729d5] {
  --background: var(--color-bg-200);
  --placeholder-color: var(--color-text-gray-300);
}
.blue-default .confirm-white-color[data-v-c14729d5] {
  color: var(--color-text-white-100);
}
.blue-default .confirm-eye-color[data-v-c14729d5] {
  color: var(--color-text-gray-200);
}
.blue-default .confirm-asset-text-color[data-v-c14729d5] {
  color: var(--color-text-gray-200);
}
.blue-default ion-button.submit-btn[data-v-c14729d5] {
  --background: var(--theme-color-gradient-100);
  color: var(--color-text-white-100);
}
.green-default ion-input[data-v-c14729d5] {
  --background: var(--color-bg-400);
  --placeholder-color: var(--color-text-gray-200);
}
.green-default .confirm-white-color[data-v-c14729d5] {
  color: var(--color-text-gray-100);
}
.green-default .confirm-eye-color[data-v-c14729d5] {
  color: var(--color-text-gray-200);
}
.green-default .confirm-asset-text-color[data-v-c14729d5] {
  color: var(--color-text-gray-200);
}
.green-default ion-button.submit-btn[data-v-c14729d5] {
  --background: var(--theme-color-gradient-100);
  color: var(--color-text-white-100);
}
.amber-purple ion-input[data-v-c14729d5] {
  --background: var(--color-bg-400);
  --placeholder-color: var(--color-text-gray-200);
}
.amber-purple .confirm-white-color[data-v-c14729d5] {
  color: var(--color-text-gray-100);
}
.amber-purple .confirm-eye-color[data-v-c14729d5] {
  color: var(--color-text-gray-200);
}
.amber-purple .confirm-asset-text-color[data-v-c14729d5] {
  color: var(--color-text-gray-200);
}
.amber-purple ion-button.submit-btn[data-v-c14729d5] {
  --background: var(--theme-color-gradient-100);
  color: var(--color-text-white-100);
}
.forest-green ion-input[data-v-c14729d5] {
  --background: var(--color-bg-200);
  --placeholder-color: var(--color-text-gray-200);
}
.forest-green .confirm-white-color[data-v-c14729d5] {
  color: var(--color-text-gray-100);
}
.forest-green .confirm-eye-color[data-v-c14729d5] {
  color: var(--color-text-gray-200);
}
.forest-green .confirm-asset-text-color[data-v-c14729d5] {
  color: var(--color-text-gray-200);
}
.forest-green ion-button.submit-btn[data-v-c14729d5] {
  --background: var(--theme-color-gradient-100);
  color: var(--color-text-white-100);
}
.auroral-yellow ion-input[data-v-c14729d5] {
  --background: var(--color-bg-200);
  --placeholder-color: var(--color-text-gray-300);
}
.auroral-yellow .confirm-white-color[data-v-c14729d5] {
  color: var(--color-text-white-100);
}
.auroral-yellow .confirm-eye-color[data-v-c14729d5] {
  color: var(--color-text-gray-200);
}
.auroral-yellow .confirm-asset-text-color[data-v-c14729d5] {
  color: var(--color-text-gray-200);
}
.auroral-yellow ion-button.submit-btn[data-v-c14729d5] {
  --background: var(--theme-color-800);
  color: var(--color-text-black-100);
}

div.content[data-v-2d747601] {
  color: var(--ion-background-color);
  background-color: var(--ion-text-color);
}
div.header[data-v-2d747601] {
  background: url('/svg/copy-url-bg.svg') no-repeat;
  background-size: 100%;
}
ion-button[data-v-2d747601] {
  min-height: 2.1875rem;
  font-size: 0.75rem;
  --border-radius: .3125rem;
}
ion-button.confirm[data-v-2d747601] {
  --background: #FBA531;
  --color: #fff;
}
ion-button.cancel[data-v-2d747601] {
  --border-color: #FBA531;
  --color: #FBA531
;
}

ion-modal#modal-tenants[data-v-67ff93b8] {
  --width: fit-content;
  --min-width: 250px;
  --max-height: 60vh;
  --border-radius: 6px;
  --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
}

/* 主题切换组件样式 - 用于弹窗 */
.theme-grid[data-v-9783b22e] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 16px;
  padding: 16px;
}
.theme-item[data-v-9783b22e] {
  position: relative;
  cursor: pointer;
  transition: transform 0.2s;
}
.theme-item[data-v-9783b22e]:hover {
  transform: scale(1.05);
}
.theme-item.active .theme-preview[data-v-9783b22e] {
  border: 2px solid var(--ion-color-primary);
}
.theme-preview[data-v-9783b22e] {
  height: 80px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 500;
  font-size: 12px;
  text-shadow: 0 1px 2px rgba(0,0,0,0.5);
  border: 1px solid rgba(255,255,255,0.2);
}
.check-icon[data-v-9783b22e] {
  position: absolute;
  top: -4px;
  right: -4px;
  color: var(--ion-color-success);
  background: white;
  border-radius: 50%;
  padding: 2px;
}
.home-type-badge[data-v-9783b22e] {
  position: absolute;
  bottom: 4px;
  right: 4px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  font-size: 9px;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: normal;
}
.home-type-list[data-v-9783b22e] {
  padding: 16px;
}
.home-type-list ion-item[data-v-9783b22e] {
  margin-bottom: 8px;
  border-radius: 8px;
  overflow: hidden;
}
/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}

/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */

/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}

/* Slide styles end */

/* 轮播图样式 */
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
 */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

/* tailwindcss样式库 */

/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */

/* ===== 字体相关 mixin ===== */

/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */

/* ===== 主题色 mixin ===== */

/* ===== 背景色 mixin ===== */

/* ===== 文本颜色 mixin ===== */

/* ===== 字重 mixin ===== */

/* ===== 圆角 mixin ===== */

/* ===== 主按钮状态 mixin ===== */

/* ===== 字号预设 mixin ===== */

/* ===== 报表相关 mixin ===== */

/* ===== 多皮肤按钮渐变 mixin ===== */

/* ===== 杂项 mixin ===== */

/* 轮播图指示器激活样式 */
.swiper-pagination-bullet-active {
  background: white !important;
}

/* 头部工具栏样式 */
ion-header ion-toolbar {
  --min-height: 3.125rem;
  --background: var(--color-bar-bg);
  --border-color: var(--line-color);
  --padding-bottom: 0;
  --padding-top: 0;
}

/* 标题字体大小 */
ion-title {
  font-size: 1.25rem;
  font-weight: normal;
}

/* 输入错误提示文本 */
.error-text {
  font-size: 10px;
}
ion-content::part(scroll) {
  scrollbar-width: none;
}
ion-content::part(scroll)::-webkit-scrollbar {
  display: none;
}

/* 轻提示弹框样式 */
ion-toast {
  --background: var(--color-bg-toast);
  --min-width: 10rem;
  --max-width: 18rem;
  --border-radius: 0.5rem;
  --white-space: normal;
  --start: none;
  --end: none;
  display: flex;
  justify-content: center;
}

/* 轻提示弹框文本样式 */
ion-toast.warning::part(message) {
  text-align: start;
}
ion-toast::part(icon) {
  font-size: 1.75rem;
  color: var(--ion-color-warning);
}
ion-toast.success::part(icon) {
  color: var(--ion-color-success);
}
ion-toast::part(message) {
  text-align: center;
  color: var(--ion-color-light);
}
ion-toast.success::part(message) {
  text-align: start;
}
ion-toast.warning::part(message) {
  text-align: start;
}

/* 常用搜索栏 */
ion-searchbar#searchbar {
  --border-radius: 0.3125rem;
  --background: var(--color-bar-bg);
  padding-bottom: 0;
}
ion-searchbar#searchbar .searchbar-input-container .searchbar-input {
  padding-inline-start: 0.75rem;
  padding-inline-end: 2.25rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.825rem;
  line-height: 0%;
  min-height: 2.5rem;
}
ion-searchbar#searchbar .searchbar-input-container .searchbar-search-icon {
  display: none;
}

/* 代理页面搜索栏 */
ion-searchbar#search-agency {
  --border-radius: 0.375rem;
  --background: #090F1F;
  padding-inline-end: 0;
  padding-top: 0;
  padding-bottom: 0;
  width: auto;
  min-height: 0;
}
ion-searchbar#search-agency .searchbar-input-container {
  min-height: 0;
}
ion-searchbar#search-agency .searchbar-input-container .searchbar-input {
  min-width: 5.25rem;
  padding-inline-start: 5px;
  padding-inline-end: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.75rem;
  line-height: 0%;
}
ion-searchbar#search-agency .searchbar-input-container .searchbar-search-icon {
  display: none;
}

/* 加载提示框样式 */
.loading-wrapper.ion-overlay-wrapper {
  background: transparent;
  box-shadow: none;
}

/* 收藏点击动画 */
.animate-star {
  animation: scale 500ms 1 ease-in-out;
}
@keyframes scale {
0% {
    transform: scale(1);
}
25% {
    transform: scale(1.15);
}
50% {
    transform: scale(1);
}
75% {
    transform: scale(1.05);
}
100% {
    transform: scale(1);
}
}

/* 弹窗样式 */
ion-modal {
  --background: transparent;
  background: rgba(0, 0, 0, 0.6);
  --backdrop-opacity: 0;
}

/* 强制安装弹窗样式 */
ion-modal#pwa-compulsory-modal,
ion-modal#ios-pwa-guide {
  --height: 100%;
}

/* 气泡式弹框样式 */
ion-popover .popover-viewport ion-item {
  --inner-padding-end: 0;
}

/* 多选选择框样式 */
ion-checkbox {
  --size: 16px;
  --border-width: 0px;
  --border-color-checked: #6815ec;
  --checkbox-background-checked: var(--color-checkbox-bg);
  --checkbox-background: #EAEDF6;
  --border-color: #EAEDF6;
  --checkmark-color: var(--ep-color-icon-inverse, #fff);
  --checkmark-width: 4px;
  --border-radius: 4px;
  margin-inline-end: 0;
}
ion-checkbox::part(container) {
  padding: 0.125rem;
  border-radius: 4px;
  border: 1px solid var(--color-checkbox-border);
}

/* 分享转盘抽奖弹窗遮罩 */
.share-wheel-modal {
  --height: 100%;
  --max-height: 100%;
  --background: rgba(0, 0, 0, 0.5);
}

/* 上拉加载更多样式 */
ion-infinite-scroll-content div.infinite-loading {
  margin-bottom: 0;
}

/* 隐藏火狐浏览器的滚动条 */
ion-segment {
  scrollbar-width: none;
}

/* 隐藏segment滚动条 */
ion-segment::-webkit-scrollbar {
  display: none;
}

/* 取消ion-button按钮默认外边距, 去除ion-item包裹后的间隙 */
ion-item.submit ion-button {
  margin: 0;
}
ion-button {
  min-width: -moz-fit-content;
  min-width: fit-content;
  text-transform: none;
  letter-spacing: unset;
}
ion-button ion-spinner {
  --color: #fff;
}
ion-segment-button {
  letter-spacing: unset;
  font-weight: normal;
}

/* 自定义对框框样式 */
.alert-controller .alert-wrapper {
  position: relative;
  overflow: hidden;
}

/* 自定义对框框样式 */
body.backdrop-no-scroll.progressier-blurring > div.progressier-backdrop.no-blurring {
  --progressierBackdrop: rgba(0, 0, 0, 0.5);
}
ion-img.cover::part(image) {
  object-fit: cover;
}
ion-img.contain::part(image) {
  object-fit: contain;
}

/* 常用 ion-content */
.common-ion-content {
  --padding-top: 0.75rem;
  --padding-bottom: 0.75rem;
  --padding-start: 0.75rem;
  --padding-end: 0.75rem;
  --background: var(--color-bg-300);
}
ion-modal {
  font-family: var(--ion-font-family);
  --box-shadow: 0 0 0 rgba(0, 0, 0, 0.4) !important;
}
.animate-refresh {
  animation: rotation 500ms infinite linear;
}

/* 安装pwa进度条根据主题色样式 */
.pwa-progress-bar ion-progress-bar {
  --background: var(--color-bg-200);
  --progress-background: var(--theme-color-900);
}
.pwa-progress-bar.amber-purple ion-progress-bar {
  --background: var(--color-bg-100);
}
.pwa-progress-bar .progress-text {
  color: var(--color-text-100) !important;
}
.pwa-progress-bar.purple-light .progress-text {
  color: var(--text-color-white-100) !important;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@keyframes rotation {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
.keep-space {
  white-space: pre-wrap;
}
.sticky-login-box.is-stuck::after {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background: inherit;
  pointer-events: none;
}

/* 全局样式 */
.color-primary-600 {
  color: var(--color-primary-600);
}
.color-primary-700 {
  color: var(--color-primary-700);
}
.color-primary-800 {
  color: var(--color-primary-800);
}
.color-primary-900 {
  color: var(--color-primary-900);
}

/** bg **/
.bg-100 {
  background-color: var(--color-bg-100);
}
.bg-200 {
  background-color: var(--color-bg-200);
}
.bg-300 {
  background-color: var(--color-bg-300);
}
.bg-400 {
  background-color: var(--color-bg-400);
}
.bg-primary-700 {
  background-color: var(--color-primary-700);
}
.bg-primary-800 {
  background-color: var(--color-primary-800);
}
.bg-warning {
  background-color: var(--color-warning);
}
.bg-link {
  background-color: var(--color-link);
}
.bg-danger {
  background-color: var(--color-danger);
}

/** 文本颜色 **/
.color-text-100 {
  color: var(--color-text-100);
}
.color-text-80 {
  color: var(--color-text-80);
}
.color-text-50 {
  color: var(--color-text-50);
}
.color-text-40 {
  color: var(--color-text-40);
}
.color-text-20 {
  color: var(--color-text-20);
}

/** 货币文本颜色 **/
.color-text-currency {
  color: var(--color-currency);
}

/** warning **/
.color-warning {
  color: var(--color-warning);
}

/** danger **/
.color-danger {
  color: var(--color-danger);
}

/** danger **/
.color-link {
  color: var(--color-link);
}

/**分割线/边框**/
.color-line {
  color: var(--color-line);
}
.color-border {
  border: 1px solid var(--color-border);
}
.font-weight-bold {
  font-weight: var(--font-weight-bold);
}
.font-weight-medium {
  font-weight: var(--font-weight-medium);
}
.font-weight-regular {
  font-weight: var(--font-weight-regular);
}

/**   border-radius  尺寸 **/
.rounded-small {
  border-radius: var(--rounded-small);
}
.rounded-small-b {
  border-radius: 0 0 var(--rounded-small) var(--rounded-small);
}
.rounded-middle {
  border-radius: var(--rounded-middle);
}
.rounded-middle-b {
  border-radius: 0 0 var(--rounded-middle) var(--rounded-middle);
}
.rounded-large {
  border-radius: var(--rounded-large);
}
.rounded-large-b {
  border-radius: 0 0 var(--rounded-large) var(--rounded-large);
}
.btn-primary-active {
  background: var(--color-primary-btn-active);
}
.btn-primary-disable {
  background: var(--color-primary-btn-disable);
}
.btn-primary-load {
  background: var(--color-primary-btn-load);
}

/**
   *less 混入函数
   */
.flexBox {
  display: flex;
  align-items: center;
}
.flex-start {
  display: flex;
  align-items: center;
  justify-content: start;
}
.flex-end {
  display: flex;
  align-items: center;
  justify-content: end;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-around {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-evenly {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.minimum-text-white {
  color: var(--color-text-40);
  font-size: var(--font-size-10);
  line-height: 0.9375rem;
}
.small-text-white {
  color: var(--color-text-40);
  font-size: var(--font-size-12);
  line-height: 1.125rem;
}
.middle-text-white {
  font-size: var(--font-size-14);
  color: var(--color-text-100);
  line-height: 1.3125rem;
}
.height-text-white {
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-bold);
  line-height: 1.5rem;
}
.report-recoed-item {
  padding: 0.625rem;
  background: var(--color-bg-200);
  border-radius: var(--rounded-middle);
}
.report-selected {
  font-size: var(--font-size-12);
  line-height: 1.125rem;
  font-weight: var(--font-weight-bold);
  color: var(--color-report-selected);
  white-space: nowrap;
}
.report-select-item {
  border: 1px solid var(--color-menu-btn-bg);
  background: var(--color-card-bg-200);
  color: var(--color-text-80);
  font-weight: var(--font-weight-medium);
}
.report-selected-item {
  border: none;
  background: var(--color-card-bg--100);
  color: var(--color-primary-800);
  border-radius: var(--rounded-small);
  font-weight: var(--font-weight-bold);
}
.record-selecet-item {
  border: none;
  background: var(--color-bg-200);
  color: var(--color-text-40);
  font-weight: var(--font-weight-medium);
}
.record-seleceted-item {
  border: none;
  background: var(--color-bg-100);
  color: var(--color-activity-selected);
  font-weight: var(--font-weight-bold);
}
.button-bg-left-color {
  --background-hover-opacity: 1;
  --background-focused-opacity: 1;
  --background-activated-opacity: 1;
  --background-hover: #7f7f7e;
  --background-focused: #4c4c4b;
  --background-activated: #4c4c4b;
}
.button-bg-right-color {
  --background-focused-opacity: 1;
  --background-hover-opacity: 1;
  --background-activated-opacity: 1;
  --background-focused: var(--button-bg-color-shade);
  --background-hover: var(--button-bg-color-tint);
  --background-activated: var(--button-bg-color-shade);
}
.fitst-red-point {
  width: 0.625rem;
  height: 0.625rem;
}
.header-title {
  text-align: right;
  line-height: 1.125rem;
  margin: 0.8125rem 0 0.75rem;
  color: var(--color-text-100);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-bold);
}
.header-title .total-money {
  color: var(--color-primary-800);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-bold);
}
.record-wrap {
  width: 22.875rem;
  background-color: var(--color-bg-200);
  border-radius: var(--rounded-middle);
  margin-bottom: 1rem;
  padding: 0.5625rem;
  box-sizing: border-box;
}
.record-wrap .top {
  color: var(--color-text-100);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  margin-bottom: 1rem;
  line-height: 1.3125rem;
}
.record-wrap .middle,
.record-wrap .bottom {
  color: var(--color-text-40);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  line-height: 18px;
}
.record-wrap ion-icon.copy {
  color: var(--color-text-40);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-regular);
  vertical-align: top;
  margin-left: 0.1875rem;
}
.scheme-light .record-wrap .middle,
.scheme-light .record-wrap .bottom,
.scheme-light .record-wrap ion-icon.copy {
  color: var(--color-text-80);
}

/* 全局样式 */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          -moz-appearance: none;
       appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}

/* 轮播图指示器样式 */
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.-bottom-\[1px\] {
  bottom: -1px;
}
.-left-3 {
  left: -0.75rem;
}
.-right-2 {
  right: -0.5rem;
}
.-right-7 {
  right: -1.75rem;
}
.-top-\[0\.5rem\] {
  top: -0.5rem;
}
.-top-\[2\.0625rem\] {
  top: -2.0625rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-2\.5 {
  bottom: 0.625rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.bottom-\[21px\] {
  bottom: 21px;
}
.bottom-\[30\%\] {
  bottom: 30%;
}
.left-0 {
  left: 0px;
}
.left-1 {
  left: 0.25rem;
}
.left-2 {
  left: 0.5rem;
}
.left-3 {
  left: 0.75rem;
}
.left-6 {
  left: 1.5rem;
}
.left-8 {
  left: 2rem;
}
.left-\[-1\.125rem\] {
  left: -1.125rem;
}
.left-\[-1\.25rem\] {
  left: -1.25rem;
}
.left-\[-1rem\] {
  left: -1rem;
}
.left-\[\.5rem\] {
  left: .5rem;
}
.left-\[0\.0625rem\] {
  left: 0.0625rem;
}
.left-\[0\] {
  left: 0;
}
.left-\[1\.125rem\] {
  left: 1.125rem;
}
.left-\[1\.4375rem\] {
  left: 1.4375rem;
}
.left-\[1\.85rem\] {
  left: 1.85rem;
}
.left-\[1\.875rem\] {
  left: 1.875rem;
}
.left-\[2\.8rem\] {
  left: 2.8rem;
}
.left-\[28px\] {
  left: 28px;
}
.left-\[3\.375rem\] {
  left: 3.375rem;
}
.left-\[35\%\] {
  left: 35%;
}
.left-\[4\.25rem\] {
  left: 4.25rem;
}
.left-\[4\.625rem\] {
  left: 4.625rem;
}
.left-\[45\%\] {
  left: 45%;
}
.left-\[50\%\] {
  left: 50%;
}
.left-\[5rem\] {
  left: 5rem;
}
.left-\[6\.52rem\] {
  left: 6.52rem;
}
.left-\[6\.5rem\] {
  left: 6.5rem;
}
.left-\[7\.125rem\] {
  left: 7.125rem;
}
.left-\[8\.8rem\] {
  left: 8.8rem;
}
.right-0 {
  right: 0px;
}
.right-1 {
  right: 0.25rem;
}
.right-11 {
  right: 2.75rem;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-5 {
  right: 1.25rem;
}
.right-\[-0\.0625rem\] {
  right: -0.0625rem;
}
.right-\[-0\.125rem\] {
  right: -0.125rem;
}
.right-\[-0\.1rem\] {
  right: -0.1rem;
}
.right-\[-0\.5rem\] {
  right: -0.5rem;
}
.right-\[-0\.625rem\] {
  right: -0.625rem;
}
.right-\[0\.125rem\] {
  right: 0.125rem;
}
.right-\[0\.1956rem\] {
  right: 0.1956rem;
}
.right-\[0\.1rem\] {
  right: 0.1rem;
}
.right-\[0\.25rem\] {
  right: 0.25rem;
}
.right-\[0\.3125rem\] {
  right: 0.3125rem;
}
.right-\[0\.375rem\] {
  right: 0.375rem;
}
.right-\[0\.625rem\] {
  right: 0.625rem;
}
.right-\[0\.75rem\] {
  right: 0.75rem;
}
.right-\[0\.875rem\] {
  right: 0.875rem;
}
.right-\[1\.0625rem\] {
  right: 1.0625rem;
}
.right-\[1\.2rem\] {
  right: 1.2rem;
}
.right-\[1\.625rem\] {
  right: 1.625rem;
}
.right-\[1\.875rem\] {
  right: 1.875rem;
}
.right-\[10px\] {
  right: 10px;
}
.right-\[15px\] {
  right: 15px;
}
.right-\[1rem\] {
  right: 1rem;
}
.right-\[3\.95rem\] {
  right: 3.95rem;
}
.right-\[6px\] {
  right: 6px;
}
.top-0 {
  top: 0px;
}
.top-1 {
  top: 0.25rem;
}
.top-1\/2 {
  top: 50%;
}
.top-2 {
  top: 0.5rem;
}
.top-20 {
  top: 5rem;
}
.top-3 {
  top: 0.75rem;
}
.top-4 {
  top: 1rem;
}
.top-5 {
  top: 1.25rem;
}
.top-56 {
  top: 14rem;
}
.top-8 {
  top: 2rem;
}
.top-\[-\.25rem\] {
  top: -.25rem;
}
.top-\[-0\.25rem\] {
  top: -0.25rem;
}
.top-\[-0\.5rem\] {
  top: -0.5rem;
}
.top-\[-1\.125rem\] {
  top: -1.125rem;
}
.top-\[-1\.45rem\] {
  top: -1.45rem;
}
.top-\[-26px\] {
  top: -26px;
}
.top-\[-2rem\] {
  top: -2rem;
}
.top-\[-4rem\] {
  top: -4rem;
}
.top-\[\.1875rem\] {
  top: .1875rem;
}
.top-\[\.875rem\] {
  top: .875rem;
}
.top-\[0\.0625rem\] {
  top: 0.0625rem;
}
.top-\[0\.234375rem\] {
  top: 0.234375rem;
}
.top-\[0\.3125rem\] {
  top: 0.3125rem;
}
.top-\[0\.325rem\] {
  top: 0.325rem;
}
.top-\[0\.375rem\] {
  top: 0.375rem;
}
.top-\[0\.5313rem\] {
  top: 0.5313rem;
}
.top-\[0\.5625rem\] {
  top: 0.5625rem;
}
.top-\[0\.625rem\] {
  top: 0.625rem;
}
.top-\[0\.75rem\] {
  top: 0.75rem;
}
.top-\[0\.9375rem\] {
  top: 0.9375rem;
}
.top-\[1\.0625rem\] {
  top: 1.0625rem;
}
.top-\[1\.375rem\] {
  top: 1.375rem;
}
.top-\[1\.5rem\] {
  top: 1.5rem;
}
.top-\[11\.275rem\] {
  top: 11.275rem;
}
.top-\[12\.75rem\] {
  top: 12.75rem;
}
.top-\[1rem\] {
  top: 1rem;
}
.top-\[2\.25rem\] {
  top: 2.25rem;
}
.top-\[2\.5625rem\] {
  top: 2.5625rem;
}
.top-\[20\%\] {
  top: 20%;
}
.top-\[24\%\] {
  top: 24%;
}
.top-\[24\.5px\] {
  top: 24.5px;
}
.top-\[25px\] {
  top: 25px;
}
.top-\[2rem\] {
  top: 2rem;
}
.top-\[3\.1rem\] {
  top: 3.1rem;
}
.top-\[3\.25rem\] {
  top: 3.25rem;
}
.top-\[3\.5rem\] {
  top: 3.5rem;
}
.top-\[3\.68rem\] {
  top: 3.68rem;
}
.top-\[34\%\] {
  top: 34%;
}
.top-\[4\.25rem\] {
  top: 4.25rem;
}
.top-\[4\.5rem\] {
  top: 4.5rem;
}
.top-\[4px\] {
  top: 4px;
}
.top-\[5\.2rem\] {
  top: 5.2rem;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[5rem\] {
  top: 5rem;
}
.top-\[6\.875rem\] {
  top: 6.875rem;
}
.isolate {
  isolation: isolate;
}
.-z-10 {
  z-index: -10;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[-1\] {
  z-index: -1;
}
.z-\[-2\] {
  z-index: -2;
}
.z-\[-9\] {
  z-index: -9;
}
.z-\[101\] {
  z-index: 101;
}
.-order-1 {
  order: -1;
}
.-order-2 {
  order: -2;
}
.order-2 {
  order: 2;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.m-0 {
  margin: 0px;
}
.m-2\.5 {
  margin: 0.625rem;
}
.m-\[0\.75rem\] {
  margin: 0.75rem;
}
.m-auto {
  margin: auto;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-2\.5 {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-\[\.3125rem\] {
  margin-left: .3125rem;
  margin-right: .3125rem;
}
.mx-\[\.625rem\] {
  margin-left: .625rem;
  margin-right: .625rem;
}
.mx-\[\.9375rem\] {
  margin-left: .9375rem;
  margin-right: .9375rem;
}
.mx-\[\.975rem\] {
  margin-left: .975rem;
  margin-right: .975rem;
}
.mx-\[0\.125rem\] {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-\[0\.2925rem\] {
  margin-left: 0.2925rem;
  margin-right: 0.2925rem;
}
.mx-\[0\.375rem\] {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}
.mx-\[10px\] {
  margin-left: 10px;
  margin-right: 10px;
}
.mx-\[2\.8125rem\] {
  margin-left: 2.8125rem;
  margin-right: 2.8125rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-1\.5 {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-2\.5 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-3\.5 {
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-\[\.625rem\] {
  margin-top: .625rem;
  margin-bottom: .625rem;
}
.my-\[0\.25rem\] {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-\[0\.625rem\] {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.my-\[1\.25rem\] {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-\[1\.5369rem\] {
  margin-top: 1.5369rem;
  margin-bottom: 1.5369rem;
}
.my-\[1\.781875rem\] {
  margin-top: 1.781875rem;
  margin-bottom: 1.781875rem;
}
.my-\[1rem\] {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-\[5px\] {
  margin-top: 5px;
  margin-bottom: 5px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.-mt-0\.5 {
  margin-top: -0.125rem;
}
.-mt-1\.5 {
  margin-top: -0.375rem;
}
.-mt-5 {
  margin-top: -1.25rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-44 {
  margin-bottom: 11rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-\[-1\.275rem\] {
  margin-bottom: -1.275rem;
}
.mb-\[\.1875rem\] {
  margin-bottom: .1875rem;
}
.mb-\[\.3125rem\] {
  margin-bottom: .3125rem;
}
.mb-\[\.4375rem\] {
  margin-bottom: .4375rem;
}
.mb-\[\.625rem\] {
  margin-bottom: .625rem;
}
.mb-\[\.6rem\] {
  margin-bottom: .6rem;
}
.mb-\[\.875rem\] {
  margin-bottom: .875rem;
}
.mb-\[0\.0625rem\] {
  margin-bottom: 0.0625rem;
}
.mb-\[0\.0919rem\] {
  margin-bottom: 0.0919rem;
}
.mb-\[0\.1875rem\] {
  margin-bottom: 0.1875rem;
}
.mb-\[0\.1944rem\] {
  margin-bottom: 0.1944rem;
}
.mb-\[0\.2188rem\] {
  margin-bottom: 0.2188rem;
}
.mb-\[0\.25rem\] {
  margin-bottom: 0.25rem;
}
.mb-\[0\.3125rem\] {
  margin-bottom: 0.3125rem;
}
.mb-\[0\.5487rem\] {
  margin-bottom: 0.5487rem;
}
.mb-\[0\.5625rem\] {
  margin-bottom: 0.5625rem;
}
.mb-\[0\.5rem\] {
  margin-bottom: 0.5rem;
}
.mb-\[0\.625rem\] {
  margin-bottom: 0.625rem;
}
.mb-\[0\.734375rem\] {
  margin-bottom: 0.734375rem;
}
.mb-\[0\.75rem\] {
  margin-bottom: 0.75rem;
}
.mb-\[0\.875rem\] {
  margin-bottom: 0.875rem;
}
.mb-\[1\.0313rem\] {
  margin-bottom: 1.0313rem;
}
.mb-\[1\.0875rem\] {
  margin-bottom: 1.0875rem;
}
.mb-\[1\.125rem\] {
  margin-bottom: 1.125rem;
}
.mb-\[1\.1563rem\] {
  margin-bottom: 1.1563rem;
}
.mb-\[1\.1875rem\] {
  margin-bottom: 1.1875rem;
}
.mb-\[1\.25rem\] {
  margin-bottom: 1.25rem;
}
.mb-\[1\.2rem\] {
  margin-bottom: 1.2rem;
}
.mb-\[1\.375rem\] {
  margin-bottom: 1.375rem;
}
.mb-\[1\.5106rem\] {
  margin-bottom: 1.5106rem;
}
.mb-\[1\.5rem\] {
  margin-bottom: 1.5rem;
}
.mb-\[1\.6875rem\] {
  margin-bottom: 1.6875rem;
}
.mb-\[1\.75rem\] {
  margin-bottom: 1.75rem;
}
.mb-\[1\.8125rem\] {
  margin-bottom: 1.8125rem;
}
.mb-\[10px\] {
  margin-bottom: 10px;
}
.mb-\[1rem\] {
  margin-bottom: 1rem;
}
.mb-\[2\.125rem\] {
  margin-bottom: 2.125rem;
}
.mb-\[2\.215rem\] {
  margin-bottom: 2.215rem;
}
.mb-\[2\.9688rem\] {
  margin-bottom: 2.9688rem;
}
.mb-\[20px\] {
  margin-bottom: 20px;
}
.mb-\[3\.5rem\] {
  margin-bottom: 3.5rem;
}
.me-0 {
  margin-inline-end: 0px;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-1\.5 {
  margin-left: 0.375rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-2\.5 {
  margin-left: 0.625rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-3\.5 {
  margin-left: 0.875rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-\[-1\.375rem\] {
  margin-left: -1.375rem;
}
.ml-\[\.125rem\] {
  margin-left: .125rem;
}
.ml-\[\.3125rem\] {
  margin-left: .3125rem;
}
.ml-\[\.625rem\] {
  margin-left: .625rem;
}
.ml-\[\.9375rem\] {
  margin-left: .9375rem;
}
.ml-\[0\.125rem\] {
  margin-left: 0.125rem;
}
.ml-\[0\.1406rem\] {
  margin-left: 0.1406rem;
}
.ml-\[0\.1563rem\] {
  margin-left: 0.1563rem;
}
.ml-\[0\.25rem\] {
  margin-left: 0.25rem;
}
.ml-\[0\.3125rem\] {
  margin-left: 0.3125rem;
}
.ml-\[0\.359375rem\] {
  margin-left: 0.359375rem;
}
.ml-\[0\.375rem\] {
  margin-left: 0.375rem;
}
.ml-\[0\.4375rem\] {
  margin-left: 0.4375rem;
}
.ml-\[0\.625rem\] {
  margin-left: 0.625rem;
}
.ml-\[0\.75rem\] {
  margin-left: 0.75rem;
}
.ml-\[1\.1475rem\] {
  margin-left: 1.1475rem;
}
.ml-\[1\.25rem\] {
  margin-left: 1.25rem;
}
.ml-\[1\.5313rem\] {
  margin-left: 1.5313rem;
}
.ml-\[10\.15rem\] {
  margin-left: 10.15rem;
}
.ml-\[10px\] {
  margin-left: 10px;
}
.ml-\[14px\] {
  margin-left: 14px;
}
.ml-\[6px\] {
  margin-left: 6px;
}
.mr-0 {
  margin-right: 0px;
}
.mr-0\.5 {
  margin-right: 0.125rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-2\.5 {
  margin-right: 0.625rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-3\.5 {
  margin-right: 0.875rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mr-9 {
  margin-right: 2.25rem;
}
.mr-\[\.125rem\] {
  margin-right: .125rem;
}
.mr-\[\.3125rem\] {
  margin-right: .3125rem;
}
.mr-\[\.375rem\] {
  margin-right: .375rem;
}
.mr-\[\.5rem\] {
  margin-right: .5rem;
}
.mr-\[\.625rem\] {
  margin-right: .625rem;
}
.mr-\[0\.125rem\] {
  margin-right: 0.125rem;
}
.mr-\[0\.14125rem\] {
  margin-right: 0.14125rem;
}
.mr-\[0\.1563rem\] {
  margin-right: 0.1563rem;
}
.mr-\[0\.15rem\] {
  margin-right: 0.15rem;
}
.mr-\[0\.1rem\] {
  margin-right: 0.1rem;
}
.mr-\[0\.25rem\] {
  margin-right: 0.25rem;
}
.mr-\[0\.2rem\] {
  margin-right: 0.2rem;
}
.mr-\[0\.3125rem\] {
  margin-right: 0.3125rem;
}
.mr-\[0\.375rem\] {
  margin-right: 0.375rem;
}
.mr-\[0\.3rem\] {
  margin-right: 0.3rem;
}
.mr-\[0\.5rem\] {
  margin-right: 0.5rem;
}
.mr-\[0\.625rem\] {
  margin-right: 0.625rem;
}
.mr-\[0\.6875rem\] {
  margin-right: 0.6875rem;
}
.mr-\[0\.75rem\] {
  margin-right: 0.75rem;
}
.mr-\[1\.25rem\] {
  margin-right: 1.25rem;
}
.mr-\[1\.625rem\] {
  margin-right: 1.625rem;
}
.mr-\[1\.8125rem\] {
  margin-right: 1.8125rem;
}
.mr-\[1rem\] {
  margin-right: 1rem;
}
.mr-\[2rem\] {
  margin-right: 2rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.mt-20 {
  margin-top: 5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-3\.5 {
  margin-top: 0.875rem;
}
.mt-36 {
  margin-top: 9rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-9 {
  margin-top: 2.25rem;
}
.mt-\[-0\.125rem\] {
  margin-top: -0.125rem;
}
.mt-\[-0\.25rem\] {
  margin-top: -0.25rem;
}
.mt-\[-0\.625rem\] {
  margin-top: -0.625rem;
}
.mt-\[-1\.25rem\] {
  margin-top: -1.25rem;
}
.mt-\[-1\.375rem\] {
  margin-top: -1.375rem;
}
.mt-\[-4\.125rem\] {
  margin-top: -4.125rem;
}
.mt-\[\.625rem\] {
  margin-top: .625rem;
}
.mt-\[\.75rem\] {
  margin-top: .75rem;
}
.mt-\[0\.25rem\] {
  margin-top: 0.25rem;
}
.mt-\[0\.3125rem\] {
  margin-top: 0.3125rem;
}
.mt-\[0\.375rem\] {
  margin-top: 0.375rem;
}
.mt-\[0\.4375rem\] {
  margin-top: 0.4375rem;
}
.mt-\[0\.5rem\] {
  margin-top: 0.5rem;
}
.mt-\[0\.625rem\] {
  margin-top: 0.625rem;
}
.mt-\[0\.6381rem\] {
  margin-top: 0.6381rem;
}
.mt-\[0\.649375rem\] {
  margin-top: 0.649375rem;
}
.mt-\[0\.6875rem\] {
  margin-top: 0.6875rem;
}
.mt-\[0\.75rem\] {
  margin-top: 0.75rem;
}
.mt-\[0\.8125rem\] {
  margin-top: 0.8125rem;
}
.mt-\[0\.9331rem\] {
  margin-top: 0.9331rem;
}
.mt-\[0\.9375rem\] {
  margin-top: 0.9375rem;
}
.mt-\[0\.961875rem\] {
  margin-top: 0.961875rem;
}
.mt-\[1\.0313rem\] {
  margin-top: 1.0313rem;
}
.mt-\[1\.0625rem\] {
  margin-top: 1.0625rem;
}
.mt-\[1\.125rem\] {
  margin-top: 1.125rem;
}
.mt-\[1\.1875rem\] {
  margin-top: 1.1875rem;
}
.mt-\[1\.25rem\] {
  margin-top: 1.25rem;
}
.mt-\[1\.279375rem\] {
  margin-top: 1.279375rem;
}
.mt-\[1\.3125rem\] {
  margin-top: 1.3125rem;
}
.mt-\[1\.325rem\] {
  margin-top: 1.325rem;
}
.mt-\[1\.375rem\] {
  margin-top: 1.375rem;
}
.mt-\[1\.4375rem\] {
  margin-top: 1.4375rem;
}
.mt-\[1\.5625rem\] {
  margin-top: 1.5625rem;
}
.mt-\[1\.5rem\] {
  margin-top: 1.5rem;
}
.mt-\[1\.8125rem\] {
  margin-top: 1.8125rem;
}
.mt-\[1\.875rem\] {
  margin-top: 1.875rem;
}
.mt-\[15px\] {
  margin-top: 15px;
}
.mt-\[16px\] {
  margin-top: 16px;
}
.mt-\[1rem\] {
  margin-top: 1rem;
}
.mt-\[2\.03125rem\] {
  margin-top: 2.03125rem;
}
.mt-\[2\.3rem\] {
  margin-top: 2.3rem;
}
.mt-\[20px\] {
  margin-top: 20px;
}
.mt-\[2rem\] {
  margin-top: 2rem;
}
.mt-\[3\.0625rem\] {
  margin-top: 3.0625rem;
}
.mt-\[3\.1rem\] {
  margin-top: 3.1rem;
}
.mt-\[3\.25rem\] {
  margin-top: 3.25rem;
}
.mt-\[3\.9375rem\] {
  margin-top: 3.9375rem;
}
.mt-\[5\.125rem\] {
  margin-top: 5.125rem;
}
.mt-\[5px\] {
  margin-top: 5px;
}
.mt-\[5rem\] {
  margin-top: 5rem;
}
.mt-\[7\.353125rem\] {
  margin-top: 7.353125rem;
}
.mt-\[8\.5rem\] {
  margin-top: 8.5rem;
}
.mt-\[8\.625rem\] {
  margin-top: 8.625rem;
}
.mt-\[9\.1rem\] {
  margin-top: 9.1rem;
}
.mt-\[9\.3125rem\] {
  margin-top: 9.3125rem;
}
.mt-auto {
  margin-top: auto;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.table-row {
  display: table-row;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.list-item {
  display: list-item;
}
.hidden {
  display: none;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-3 {
  height: 0.75rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-72 {
  height: 18rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[\.375rem\] {
  height: .375rem;
}
.h-\[\.5625rem\] {
  height: .5625rem;
}
.h-\[\.625rem\] {
  height: .625rem;
}
.h-\[0\.0625rem\] {
  height: 0.0625rem;
}
.h-\[0\.625rem\] {
  height: 0.625rem;
}
.h-\[0\.6813rem\] {
  height: 0.6813rem;
}
.h-\[0\.75rem\] {
  height: 0.75rem;
}
.h-\[0\.875rem\] {
  height: 0.875rem;
}
.h-\[0\.9688rem\] {
  height: 0.9688rem;
}
.h-\[1\.0625rem\] {
  height: 1.0625rem;
}
.h-\[1\.105rem\] {
  height: 1.105rem;
}
.h-\[1\.125rem\] {
  height: 1.125rem;
}
.h-\[1\.25rem\] {
  height: 1.25rem;
}
.h-\[1\.3125rem\] {
  height: 1.3125rem;
}
.h-\[1\.375rem\] {
  height: 1.375rem;
}
.h-\[1\.39125rem\] {
  height: 1.39125rem;
}
.h-\[1\.51375rem\] {
  height: 1.51375rem;
}
.h-\[1\.5rem\] {
  height: 1.5rem;
}
.h-\[1\.6387rem\] {
  height: 1.6387rem;
}
.h-\[1\.75rem\] {
  height: 1.75rem;
}
.h-\[1\.875rem\] {
  height: 1.875rem;
}
.h-\[1\.9375rem\] {
  height: 1.9375rem;
}
.h-\[11\.5rem\] {
  height: 11.5rem;
}
.h-\[11\.75rem\] {
  height: 11.75rem;
}
.h-\[12\.5rem\] {
  height: 12.5rem;
}
.h-\[13\.6875rem\] {
  height: 13.6875rem;
}
.h-\[13\.75rem\] {
  height: 13.75rem;
}
.h-\[14\.0625rem\] {
  height: 14.0625rem;
}
.h-\[14\.5rem\] {
  height: 14.5rem;
}
.h-\[15\.1875rem\] {
  height: 15.1875rem;
}
.h-\[15\.75rem\] {
  height: 15.75rem;
}
.h-\[15rem\] {
  height: 15rem;
}
.h-\[16\.6875rem\] {
  height: 16.6875rem;
}
.h-\[16\.875rem\] {
  height: 16.875rem;
}
.h-\[18\.75rem\] {
  height: 18.75rem;
}
.h-\[18rem\] {
  height: 18rem;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[1rem\] {
  height: 1rem;
}
.h-\[2\.070625rem\] {
  height: 2.070625rem;
}
.h-\[2\.1875rem\] {
  height: 2.1875rem;
}
.h-\[2\.25rem\] {
  height: 2.25rem;
}
.h-\[2\.375rem\] {
  height: 2.375rem;
}
.h-\[2\.5rem\] {
  height: 2.5rem;
}
.h-\[2\.625rem\] {
  height: 2.625rem;
}
.h-\[2\.75rem\] {
  height: 2.75rem;
}
.h-\[2\.8125rem\] {
  height: 2.8125rem;
}
.h-\[2\.8rem\] {
  height: 2.8rem;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[21\.8231rem\] {
  height: 21.8231rem;
}
.h-\[22\.125rem\] {
  height: 22.125rem;
}
.h-\[22\.875rem\] {
  height: 22.875rem;
}
.h-\[23\.875rem\] {
  height: 23.875rem;
}
.h-\[25\.6875rem\] {
  height: 25.6875rem;
}
.h-\[26px\] {
  height: 26px;
}
.h-\[27\.5rem\] {
  height: 27.5rem;
}
.h-\[28\.65625rem\] {
  height: 28.65625rem;
}
.h-\[28px\] {
  height: 28px;
}
.h-\[2rem\] {
  height: 2rem;
}
.h-\[3\.0625rem\] {
  height: 3.0625rem;
}
.h-\[3\.125rem\] {
  height: 3.125rem;
}
.h-\[3\.1875rem\] {
  height: 3.1875rem;
}
.h-\[3\.25rem\] {
  height: 3.25rem;
}
.h-\[3\.375rem\] {
  height: 3.375rem;
}
.h-\[3\.4375rem\] {
  height: 3.4375rem;
}
.h-\[3\.5rem\] {
  height: 3.5rem;
}
.h-\[3\.625rem\] {
  height: 3.625rem;
}
.h-\[3\.75rem\] {
  height: 3.75rem;
}
.h-\[30rem\] {
  height: 30rem;
}
.h-\[33rem\] {
  height: 33rem;
}
.h-\[36\.5625rem\] {
  height: 36.5625rem;
}
.h-\[3rem\] {
  height: 3rem;
}
.h-\[4\.033125rem\] {
  height: 4.033125rem;
}
.h-\[4\.0625rem\] {
  height: 4.0625rem;
}
.h-\[4\.125rem\] {
  height: 4.125rem;
}
.h-\[4\.25rem\] {
  height: 4.25rem;
}
.h-\[4\.375rem\] {
  height: 4.375rem;
}
.h-\[4\.5rem\] {
  height: 4.5rem;
}
.h-\[4\.755rem\] {
  height: 4.755rem;
}
.h-\[4\.875rem\] {
  height: 4.875rem;
}
.h-\[45px\] {
  height: 45px;
}
.h-\[46px\] {
  height: 46px;
}
.h-\[5\.2rem\] {
  height: 5.2rem;
}
.h-\[5\.31rem\] {
  height: 5.31rem;
}
.h-\[5\.333rem\] {
  height: 5.333rem;
}
.h-\[5\.5rem\] {
  height: 5.5rem;
}
.h-\[5\.625rem\] {
  height: 5.625rem;
}
.h-\[5\.75rem\] {
  height: 5.75rem;
}
.h-\[56px\] {
  height: 56px;
}
.h-\[5rem\] {
  height: 5rem;
}
.h-\[6\.25rem\] {
  height: 6.25rem;
}
.h-\[6\.375rem\] {
  height: 6.375rem;
}
.h-\[6\.75rem\] {
  height: 6.75rem;
}
.h-\[7\.5rem\] {
  height: 7.5rem;
}
.h-\[7\.75rem\] {
  height: 7.75rem;
}
.h-\[7\.96375rem\] {
  height: 7.96375rem;
}
.h-\[8\.4375rem\] {
  height: 8.4375rem;
}
.h-\[8\.875rem\] {
  height: 8.875rem;
}
.h-\[9\.375rem\] {
  height: 9.375rem;
}
.h-\[9\.4375rem\] {
  height: 9.4375rem;
}
.h-\[9\.6rem\] {
  height: 9.6rem;
}
.h-\[9\.75rem\] {
  height: 9.75rem;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.max-h-\[1\.5rem\] {
  max-height: 1.5rem;
}
.max-h-\[5rem\] {
  max-height: 5rem;
}
.max-h-full {
  max-height: 100%;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-5 {
  min-height: 1.25rem;
}
.min-h-\[0\.766875rem\] {
  min-height: 0.766875rem;
}
.min-h-\[1\.25rem\] {
  min-height: 1.25rem;
}
.min-h-\[1\.875rem\] {
  min-height: 1.875rem;
}
.min-h-\[13\.75rem\] {
  min-height: 13.75rem;
}
.min-h-\[2\.5rem\] {
  min-height: 2.5rem;
}
.min-h-\[2\.625rem\] {
  min-height: 2.625rem;
}
.min-h-\[2\.75rem\] {
  min-height: 2.75rem;
}
.min-h-\[20\.9375rem\] {
  min-height: 20.9375rem;
}
.min-h-\[3\.75rem\] {
  min-height: 3.75rem;
}
.min-h-\[36px\] {
  min-height: 36px;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-full {
  min-height: 100%;
}
.w-1 {
  width: 0.25rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-36 {
  width: 9rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-5\/6 {
  width: 83.333333%;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-60 {
  width: 15rem;
}
.w-7 {
  width: 1.75rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[\.1875rem\] {
  width: .1875rem;
}
.w-\[\.375rem\] {
  width: .375rem;
}
.w-\[\.625rem\] {
  width: .625rem;
}
.w-\[\.8125rem\] {
  width: .8125rem;
}
.w-\[\.9375rem\] {
  width: .9375rem;
}
.w-\[0\.0625rem\] {
  width: 0.0625rem;
}
.w-\[0\.125rem\] {
  width: 0.125rem;
}
.w-\[0\.6813rem\] {
  width: 0.6813rem;
}
.w-\[0\.875rem\] {
  width: 0.875rem;
}
.w-\[1\.125rem\] {
  width: 1.125rem;
}
.w-\[1\.25rem\] {
  width: 1.25rem;
}
.w-\[1\.375rem\] {
  width: 1.375rem;
}
.w-\[1\.51375rem\] {
  width: 1.51375rem;
}
.w-\[1\.5rem\] {
  width: 1.5rem;
}
.w-\[1\.625rem\] {
  width: 1.625rem;
}
.w-\[1\.6387rem\] {
  width: 1.6387rem;
}
.w-\[1\.875rem\] {
  width: 1.875rem;
}
.w-\[1\.9375rem\] {
  width: 1.9375rem;
}
.w-\[10\.75rem\] {
  width: 10.75rem;
}
.w-\[10rem\] {
  width: 10rem;
}
.w-\[11\.3125rem\] {
  width: 11.3125rem;
}
.w-\[11\.5625rem\] {
  width: 11.5625rem;
}
.w-\[11\.625rem\] {
  width: 11.625rem;
}
.w-\[11\.75rem\] {
  width: 11.75rem;
}
.w-\[12\.5rem\] {
  width: 12.5rem;
}
.w-\[12\.875rem\] {
  width: 12.875rem;
}
.w-\[13\.75rem\] {
  width: 13.75rem;
}
.w-\[14\.875rem\] {
  width: 14.875rem;
}
.w-\[14rem\] {
  width: 14rem;
}
.w-\[15\.375rem\] {
  width: 15.375rem;
}
.w-\[15\.625rem\] {
  width: 15.625rem;
}
.w-\[15rem\] {
  width: 15rem;
}
.w-\[16\.25rem\] {
  width: 16.25rem;
}
.w-\[16\.875rem\] {
  width: 16.875rem;
}
.w-\[16rem\] {
  width: 16rem;
}
.w-\[17\.5rem\] {
  width: 17.5rem;
}
.w-\[1px\] {
  width: 1px;
}
.w-\[1rem\] {
  width: 1rem;
}
.w-\[2\.070625rem\] {
  width: 2.070625rem;
}
.w-\[2\.1875rem\] {
  width: 2.1875rem;
}
.w-\[2\.25rem\] {
  width: 2.25rem;
}
.w-\[2\.375rem\] {
  width: 2.375rem;
}
.w-\[2\.5rem\] {
  width: 2.5rem;
}
.w-\[2\.625rem\] {
  width: 2.625rem;
}
.w-\[2\.75rem\] {
  width: 2.75rem;
}
.w-\[2\.8125rem\] {
  width: 2.8125rem;
}
.w-\[2\.8rem\] {
  width: 2.8rem;
}
.w-\[20\.375rem\] {
  width: 20.375rem;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[20px\] {
  width: 20px;
}
.w-\[20rem\] {
  width: 20rem;
}
.w-\[21\.25rem\] {
  width: 21.25rem;
}
.w-\[21\.875rem\] {
  width: 21.875rem;
}
.w-\[22\.219375rem\] {
  width: 22.219375rem;
}
.w-\[22\.5rem\] {
  width: 22.5rem;
}
.w-\[22\.6875rem\] {
  width: 22.6875rem;
}
.w-\[22px\] {
  width: 22px;
}
.w-\[23\.125rem\] {
  width: 23.125rem;
}
.w-\[24\.375rem\] {
  width: 24.375rem;
}
.w-\[2rem\] {
  width: 2rem;
}
.w-\[3\.125rem\] {
  width: 3.125rem;
}
.w-\[3\.25rem\] {
  width: 3.25rem;
}
.w-\[3\.264375rem\] {
  width: 3.264375rem;
}
.w-\[3\.2rem\] {
  width: 3.2rem;
}
.w-\[3\.4375rem\] {
  width: 3.4375rem;
}
.w-\[3\.6275rem\] {
  width: 3.6275rem;
}
.w-\[3\.75rem\] {
  width: 3.75rem;
}
.w-\[3\.77875rem\] {
  width: 3.77875rem;
}
.w-\[3\.875rem\] {
  width: 3.875rem;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[33\%\] {
  width: 33%;
}
.w-\[3rem\] {
  width: 3rem;
}
.w-\[4\.0625rem\] {
  width: 4.0625rem;
}
.w-\[4\.25rem\] {
  width: 4.25rem;
}
.w-\[4\.375rem\] {
  width: 4.375rem;
}
.w-\[4\.5rem\] {
  width: 4.5rem;
}
.w-\[4\.75rem\] {
  width: 4.75rem;
}
.w-\[4rem\] {
  width: 4rem;
}
.w-\[5\.0625rem\] {
  width: 5.0625rem;
}
.w-\[5\.25rem\] {
  width: 5.25rem;
}
.w-\[5\.3125rem\] {
  width: 5.3125rem;
}
.w-\[5\.5rem\] {
  width: 5.5rem;
}
.w-\[5\.6875rem\] {
  width: 5.6875rem;
}
.w-\[54px\] {
  width: 54px;
}
.w-\[5rem\] {
  width: 5rem;
}
.w-\[6\.1875rem\] {
  width: 6.1875rem;
}
.w-\[6\.25rem\] {
  width: 6.25rem;
}
.w-\[6\.3rem\] {
  width: 6.3rem;
}
.w-\[6\.75rem\] {
  width: 6.75rem;
}
.w-\[6\.875rem\] {
  width: 6.875rem;
}
.w-\[6\.8rem\] {
  width: 6.8rem;
}
.w-\[6rem\] {
  width: 6rem;
}
.w-\[7\.125rem\] {
  width: 7.125rem;
}
.w-\[7\.25rem\] {
  width: 7.25rem;
}
.w-\[7\.5rem\] {
  width: 7.5rem;
}
.w-\[7\.96375rem\] {
  width: 7.96375rem;
}
.w-\[7rem\] {
  width: 7rem;
}
.w-\[8\.125rem\] {
  width: 8.125rem;
}
.w-\[8\.25rem\] {
  width: 8.25rem;
}
.w-\[8\.875rem\] {
  width: 8.875rem;
}
.w-\[84px\] {
  width: 84px;
}
.w-\[87\.5\%\] {
  width: 87.5%;
}
.w-\[8rem\] {
  width: 8rem;
}
.w-\[9\.5rem\] {
  width: 9.5rem;
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-16 {
  min-width: 4rem;
}
.min-w-\[3\.5rem\] {
  min-width: 3.5rem;
}
.min-w-\[4\.6875rem\] {
  min-width: 4.6875rem;
}
.min-w-\[7\.875rem\] {
  min-width: 7.875rem;
}
.max-w-52 {
  max-width: 13rem;
}
.max-w-\[1024px\] {
  max-width: 1024px;
}
.max-w-\[12\.5rem\] {
  max-width: 12.5rem;
}
.max-w-\[120px\] {
  max-width: 120px;
}
.max-w-\[13\.75rem\] {
  max-width: 13.75rem;
}
.max-w-\[15\.625rem\] {
  max-width: 15.625rem;
}
.max-w-\[450px\] {
  max-width: 450px;
}
.max-w-\[50\%\] {
  max-width: 50%;
}
.max-w-\[60\%\] {
  max-width: 60%;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-\[2\.5\] {
  flex: 2.5;
}
.flex-\[40\%\] {
  flex: 40%;
}
.flex-initial {
  flex: 0 1 auto;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.border-collapse {
  border-collapse: collapse;
}
.-translate-x-8 {
  --tw-translate-x: -2rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/4 {
  --tw-translate-y: -25%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[4\.375rem\] {
  --tw-translate-y: -4.375rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/4 {
  --tw-translate-x: 25%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[45\%\] {
  --tw-translate-x: 45%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-45\%\] {
  --tw-translate-y: -45%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[0\.1875rem\] {
  --tw-translate-y: 0.1875rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[0\.8125rem\] {
  --tw-translate-y: 0.8125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-30deg\] {
  --tw-rotate: -30deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[30deg\] {
  --tw-rotate: 30deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize {
  resize: both;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-5 {
  gap: 1.25rem;
}
.space-x-\[1\.125rem\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.125rem * var(--tw-space-x-reverse));
  margin-left: calc(1.125rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-wrap {
  text-wrap: wrap;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[--rounded-large\] {
  border-radius: var(--rounded-large);
}
.rounded-\[\.1875rem\] {
  border-radius: .1875rem;
}
.rounded-\[\.25rem\] {
  border-radius: .25rem;
}
.rounded-\[\.3125rem\] {
  border-radius: .3125rem;
}
.rounded-\[\.375rem\] {
  border-radius: .375rem;
}
.rounded-\[\.5rem\] {
  border-radius: .5rem;
}
.rounded-\[\.625rem\] {
  border-radius: .625rem;
}
.rounded-\[\.9375rem\] {
  border-radius: .9375rem;
}
.rounded-\[0\.1875rem\] {
  border-radius: 0.1875rem;
}
.rounded-\[0\.375rem\] {
  border-radius: 0.375rem;
}
.rounded-\[0\.5rem\] {
  border-radius: 0.5rem;
}
.rounded-\[0\.625rem\] {
  border-radius: 0.625rem;
}
.rounded-\[0\.625rem_0\.625rem_0rem_0rem\] {
  border-radius: 0.625rem 0.625rem 0rem 0rem;
}
.rounded-\[0\.875rem\] {
  border-radius: 0.875rem;
}
.rounded-\[1\.25rem\] {
  border-radius: 1.25rem;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[2\.75rem\] {
  border-radius: 2.75rem;
}
.rounded-\[20\%\] {
  border-radius: 20%;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[50\%\] {
  border-radius: 50%;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[7px\] {
  border-radius: 7px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b-\[7px\] {
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}
.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-\[\.625rem\] {
  border-top-left-radius: .625rem;
  border-top-right-radius: .625rem;
}
.rounded-t-\[1\.25rem\] {
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
}
.rounded-ee-\[\.625rem\] {
  border-end-end-radius: .625rem;
}
.border {
  border-width: 1px;
}
.border-\[\.125rem\] {
  border-width: .125rem;
}
.border-\[0\.0625rem\] {
  border-width: 0.0625rem;
}
.border-\[1px\] {
  border-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-r-2 {
  border-right-width: 2px;
}
.border-t {
  border-top-width: 1px;
}
.border-dashed {
  border-style: dashed;
}
.border-\[\#028760\] {
  --tw-border-opacity: 1;
  border-color: rgb(2 135 96 / var(--tw-border-opacity, 1));
}
.border-\[\#292D36\] {
  --tw-border-opacity: 1;
  border-color: rgb(41 45 54 / var(--tw-border-opacity, 1));
}
.border-\[\#293548\] {
  --tw-border-opacity: 1;
  border-color: rgb(41 53 72 / var(--tw-border-opacity, 1));
}
.border-\[\#2A324E\] {
  --tw-border-opacity: 1;
  border-color: rgb(42 50 78 / var(--tw-border-opacity, 1));
}
.border-\[\#303C59\] {
  --tw-border-opacity: 1;
  border-color: rgb(48 60 89 / var(--tw-border-opacity, 1));
}
.border-\[\#31343D\] {
  --tw-border-opacity: 1;
  border-color: rgb(49 52 61 / var(--tw-border-opacity, 1));
}
.border-\[\#38A8FA\] {
  --tw-border-opacity: 1;
  border-color: rgb(56 168 250 / var(--tw-border-opacity, 1));
}
.border-\[\#566488\] {
  --tw-border-opacity: 1;
  border-color: rgb(86 100 136 / var(--tw-border-opacity, 1));
}
.border-\[\#747475\] {
  --tw-border-opacity: 1;
  border-color: rgb(116 116 117 / var(--tw-border-opacity, 1));
}
.border-\[\#9BA7BE\] {
  --tw-border-opacity: 1;
  border-color: rgb(155 167 190 / var(--tw-border-opacity, 1));
}
.border-\[\#D6DDED\] {
  --tw-border-opacity: 1;
  border-color: rgb(214 221 237 / var(--tw-border-opacity, 1));
}
.border-\[\#dadce0\] {
  --tw-border-opacity: 1;
  border-color: rgb(218 220 224 / var(--tw-border-opacity, 1));
}
.border-\[--color-border-btn-basic\] {
  border-color: var(--color-border-btn-basic);
}
.border-\[--color-border-input-basic\] {
  border-color: var(--color-border-input-basic);
}
.border-\[--color-border-input\] {
  border-color: var(--color-border-input);
}
.border-\[--color-border\] {
  border-color: var(--color-border);
}
.border-\[--color-text-basic\] {
  border-color: var(--color-text-basic);
}
.border-\[--color-text-second\] {
  border-color: var(--color-text-second);
}
.border-\[--report-select-item-border-color\] {
  border-color: var(--report-select-item-border-color);
}
.border-\[var\(--color-border-input-basic\)\] {
  border-color: var(--color-border-input-basic);
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.bg-\[\#00000047\] {
  background-color: #00000047;
}
.bg-\[\#0287601A\] {
  background-color: #0287601A;
}
.bg-\[\#090F1F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(9 15 31 / var(--tw-bg-opacity, 1));
}
.bg-\[\#090f1f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(9 15 31 / var(--tw-bg-opacity, 1));
}
.bg-\[\#101629\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 22 41 / var(--tw-bg-opacity, 1));
}
.bg-\[\#161D16\] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 29 22 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1680DC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 128 220 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1b0e0f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(27 14 15 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1f2124\] {
  --tw-bg-opacity: 1;
  background-color: rgb(31 33 36 / var(--tw-bg-opacity, 1));
}
.bg-\[\#202124\] {
  --tw-bg-opacity: 1;
  background-color: rgb(32 33 36 / var(--tw-bg-opacity, 1));
}
.bg-\[\#202940\] {
  --tw-bg-opacity: 1;
  background-color: rgb(32 41 64 / var(--tw-bg-opacity, 1));
}
.bg-\[\#303C59\] {
  --tw-bg-opacity: 1;
  background-color: rgb(48 60 89 / var(--tw-bg-opacity, 1));
}
.bg-\[\#3139FB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(49 57 251 / var(--tw-bg-opacity, 1));
}
.bg-\[\#354165\] {
  --tw-bg-opacity: 1;
  background-color: rgb(53 65 101 / var(--tw-bg-opacity, 1));
}
.bg-\[\#566488\] {
  --tw-bg-opacity: 1;
  background-color: rgb(86 100 136 / var(--tw-bg-opacity, 1));
}
.bg-\[\#66C7BC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(102 199 188 / var(--tw-bg-opacity, 1));
}
.bg-\[\#69D03C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(105 208 60 / var(--tw-bg-opacity, 1));
}
.bg-\[\#6ddf39\] {
  --tw-bg-opacity: 1;
  background-color: rgb(109 223 57 / var(--tw-bg-opacity, 1));
}
.bg-\[\#7EC361\] {
  --tw-bg-opacity: 1;
  background-color: rgb(126 195 97 / var(--tw-bg-opacity, 1));
}
.bg-\[\#7FE453\] {
  --tw-bg-opacity: 1;
  background-color: rgb(127 228 83 / var(--tw-bg-opacity, 1));
}
.bg-\[\#898988\] {
  --tw-bg-opacity: 1;
  background-color: rgb(137 137 136 / var(--tw-bg-opacity, 1));
}
.bg-\[\#BEBEBE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(190 190 190 / var(--tw-bg-opacity, 1));
}
.bg-\[\#D74141\] {
  --tw-bg-opacity: 1;
  background-color: rgb(215 65 65 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E59B62\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 155 98 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E89E66\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 158 102 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E8EAED\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 234 237 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F5F5F5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FBA531\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 165 49 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FDB782\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 183 130 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FE5353\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 83 83 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FF0000\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#dadce0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(218 220 224 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e3e3e3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(227 227 227 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e6f3ef\] {
  --tw-bg-opacity: 1;
  background-color: rgb(230 243 239 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f9f9f9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-\[--color-bg-100\] {
  background-color: var(--color-bg-100);
}
.bg-\[--color-bg-200\] {
  background-color: var(--color-bg-200);
}
.bg-\[--color-bg-400\] {
  background-color: var(--color-bg-400);
}
.bg-\[--color-bg-fifth\] {
  background-color: var(--color-bg-fifth);
}
.bg-\[--color-bg-first\] {
  background-color: var(--color-bg-first);
}
.bg-\[--color-bg-second\] {
  background-color: var(--color-bg-second);
}
.bg-\[--color-bg-third\] {
  background-color: var(--color-bg-third);
}
.bg-\[--spread-qr-box-bg\] {
  background-color: var(--spread-qr-box-bg);
}
.bg-\[--spread-save-qr-bg\] {
  background-color: var(--spread-save-qr-bg);
}
.bg-\[rgb\(0\2c 112\2c 201\)\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 112 201 / var(--tw-bg-opacity, 1));
}
.bg-\[rgb\(2\2c 135\2c 96\)\] {
  --tw-bg-opacity: 1;
  background-color: rgb(2 135 96 / var(--tw-bg-opacity, 1));
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.54\)\] {
  background-color: rgba(0,0,0,0.54);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-opacity-20 {
  --tw-bg-opacity: 0.2;
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-\[\#49a319\] {
  --tw-gradient-from: #49a319 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(73 163 25 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-\[\#2b8b2f\] {
  --tw-gradient-to: #2b8b2f var(--tw-gradient-to-position);
}
.bg-cover {
  background-size: cover;
}
.bg-bottom {
  background-position: bottom;
}
.bg-top {
  background-position: top;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.object-fill {
  object-fit: fill;
}
.object-center {
  object-position: center;
}
.p-0 {
  padding: 0px;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-\[\.3125rem\] {
  padding: .3125rem;
}
.p-\[\.625rem\] {
  padding: .625rem;
}
.p-\[0\.125rem\] {
  padding: 0.125rem;
}
.p-\[0\.4375rem\] {
  padding: 0.4375rem;
}
.p-\[0\.5625rem\] {
  padding: 0.5625rem;
}
.p-\[0\.625rem\] {
  padding: 0.625rem;
}
.p-\[0\.75rem\] {
  padding: 0.75rem;
}
.p-\[1\.5rem\] {
  padding: 1.5rem;
}
.p-\[10px\] {
  padding: 10px;
}
.p-\[5px\] {
  padding: 5px;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-\[\.1875rem\] {
  padding-left: .1875rem;
  padding-right: .1875rem;
}
.px-\[\.3125rem\] {
  padding-left: .3125rem;
  padding-right: .3125rem;
}
.px-\[\.375rem\] {
  padding-left: .375rem;
  padding-right: .375rem;
}
.px-\[\.46875rem\] {
  padding-left: .46875rem;
  padding-right: .46875rem;
}
.px-\[\.5625rem\] {
  padding-left: .5625rem;
  padding-right: .5625rem;
}
.px-\[\.625rem\] {
  padding-left: .625rem;
  padding-right: .625rem;
}
.px-\[\.9375rem\] {
  padding-left: .9375rem;
  padding-right: .9375rem;
}
.px-\[0\.1875rem\] {
  padding-left: 0.1875rem;
  padding-right: 0.1875rem;
}
.px-\[0\.2462rem\] {
  padding-left: 0.2462rem;
  padding-right: 0.2462rem;
}
.px-\[0\.25rem\] {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-\[0\.375rem\] {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-\[0\.4375rem\] {
  padding-left: 0.4375rem;
  padding-right: 0.4375rem;
}
.px-\[0\.5rem\] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-\[0\.625rem\] {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-\[0\.75rem\] {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-\[0\.8125rem\] {
  padding-left: 0.8125rem;
  padding-right: 0.8125rem;
}
.px-\[0\.9375rem\] {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.px-\[1\.25rem\] {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-\[1\.375rem\] {
  padding-left: 1.375rem;
  padding-right: 1.375rem;
}
.px-\[1\.9375rem\] {
  padding-left: 1.9375rem;
  padding-right: 1.9375rem;
}
.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[12px\] {
  padding-left: 12px;
  padding-right: 12px;
}
.px-\[17px\] {
  padding-left: 17px;
  padding-right: 17px;
}
.px-\[1rem\] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-\[2\.4375rem\] {
  padding-left: 2.4375rem;
  padding-right: 2.4375rem;
}
.px-\[25px\] {
  padding-left: 25px;
  padding-right: 25px;
}
.px-\[6px\] {
  padding-left: 6px;
  padding-right: 6px;
}
.px-\[7px\] {
  padding-left: 7px;
  padding-right: 7px;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py-\[\.0625rem\] {
  padding-top: .0625rem;
  padding-bottom: .0625rem;
}
.py-\[\.1875rem\] {
  padding-top: .1875rem;
  padding-bottom: .1875rem;
}
.py-\[\.3125rem\] {
  padding-top: .3125rem;
  padding-bottom: .3125rem;
}
.py-\[\.625rem\] {
  padding-top: .625rem;
  padding-bottom: .625rem;
}
.py-\[0\.25rem\] {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-\[0\.265rem\] {
  padding-top: 0.265rem;
  padding-bottom: 0.265rem;
}
.py-\[0\.4375rem\] {
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
}
.py-\[0\.53125rem\] {
  padding-top: 0.53125rem;
  padding-bottom: 0.53125rem;
}
.py-\[0\.625rem\] {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-\[0\.6875rem\] {
  padding-top: 0.6875rem;
  padding-bottom: 0.6875rem;
}
.py-\[0\.75rem\] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-\[0\.835625rem\] {
  padding-top: 0.835625rem;
  padding-bottom: 0.835625rem;
}
.py-\[0\.9375rem\] {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
.py-\[12px\] {
  padding-top: 12px;
  padding-bottom: 12px;
}
.py-\[20px\] {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-\[4px\] {
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-\[7px\] {
  padding-top: 7px;
  padding-bottom: 7px;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-0\.5 {
  padding-bottom: 0.125rem;
}
.pb-2\.5 {
  padding-bottom: 0.625rem;
}
.pb-28 {
  padding-bottom: 7rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-7 {
  padding-bottom: 1.75rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-\[\.3125rem\] {
  padding-bottom: .3125rem;
}
.pb-\[\.8125rem\] {
  padding-bottom: .8125rem;
}
.pb-\[0\.0625rem\] {
  padding-bottom: 0.0625rem;
}
.pb-\[0\.1563rem\] {
  padding-bottom: 0.1563rem;
}
.pb-\[0\.3125rem\] {
  padding-bottom: 0.3125rem;
}
.pb-\[0\.6875rem\] {
  padding-bottom: 0.6875rem;
}
.pb-\[0\.8125rem\] {
  padding-bottom: 0.8125rem;
}
.pb-\[0\.9375rem\] {
  padding-bottom: 0.9375rem;
}
.pb-\[0\.9506rem\] {
  padding-bottom: 0.9506rem;
}
.pb-\[1\.2rem\] {
  padding-bottom: 1.2rem;
}
.pb-\[1\.3125rem\] {
  padding-bottom: 1.3125rem;
}
.pb-\[1\.875rem\] {
  padding-bottom: 1.875rem;
}
.pb-\[1rem\] {
  padding-bottom: 1rem;
}
.pb-\[2\.125rem\] {
  padding-bottom: 2.125rem;
}
.pb-\[5\.5rem\] {
  padding-bottom: 5.5rem;
}
.pb-\[6\.5rem\] {
  padding-bottom: 6.5rem;
}
.pb-\[7\.5rem\] {
  padding-bottom: 7.5rem;
}
.pb-\[9rem\] {
  padding-bottom: 9rem;
}
.pe-0 {
  padding-inline-end: 0px;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-28 {
  padding-left: 7rem;
}
.pl-3\.5 {
  padding-left: 0.875rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-\[\.5625rem\] {
  padding-left: .5625rem;
}
.pl-\[\.875rem\] {
  padding-left: .875rem;
}
.pl-\[0\.25rem\] {
  padding-left: 0.25rem;
}
.pl-\[0\.375rem\] {
  padding-left: 0.375rem;
}
.pl-\[0\.5rem\] {
  padding-left: 0.5rem;
}
.pl-\[0\.75rem\] {
  padding-left: 0.75rem;
}
.pl-\[0\.8125rem\] {
  padding-left: 0.8125rem;
}
.pl-\[0\.8438rem\] {
  padding-left: 0.8438rem;
}
.pl-\[1\.0625rem\] {
  padding-left: 1.0625rem;
}
.pl-\[1\.25rem\] {
  padding-left: 1.25rem;
}
.pl-\[1\.875rem\] {
  padding-left: 1.875rem;
}
.pl-\[1rem\] {
  padding-left: 1rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-2\.5 {
  padding-right: 0.625rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-\[\.3125rem\] {
  padding-right: .3125rem;
}
.pr-\[\.625rem\] {
  padding-right: .625rem;
}
.pr-\[\.8125rem\] {
  padding-right: .8125rem;
}
.pr-\[\.8128rem\] {
  padding-right: .8128rem;
}
.pr-\[0\.25rem\] {
  padding-right: 0.25rem;
}
.pr-\[0\.3125rem\] {
  padding-right: 0.3125rem;
}
.pr-\[0\.375rem\] {
  padding-right: 0.375rem;
}
.pr-\[0\.5rem\] {
  padding-right: 0.5rem;
}
.pr-\[0\.625rem\] {
  padding-right: 0.625rem;
}
.pr-\[1\.25rem\] {
  padding-right: 1.25rem;
}
.pr-\[1rem\] {
  padding-right: 1rem;
}
.pr-\[3px\] {
  padding-right: 3px;
}
.ps-0 {
  padding-inline-start: 0px;
}
.pt-0 {
  padding-top: 0px;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-1\.5 {
  padding-top: 0.375rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-14 {
  padding-top: 3.5rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-7 {
  padding-top: 1.75rem;
}
.pt-\[\.1875rem\] {
  padding-top: .1875rem;
}
.pt-\[\.625rem\] {
  padding-top: .625rem;
}
.pt-\[0\.3125rem\] {
  padding-top: 0.3125rem;
}
.pt-\[0\.40625rem\] {
  padding-top: 0.40625rem;
}
.pt-\[0\.4rem\] {
  padding-top: 0.4rem;
}
.pt-\[0\.625rem\] {
  padding-top: 0.625rem;
}
.pt-\[0\.75rem\] {
  padding-top: 0.75rem;
}
.pt-\[0\.8125rem\] {
  padding-top: 0.8125rem;
}
.pt-\[0\.9375rem\] {
  padding-top: 0.9375rem;
}
.pt-\[1\.0625rem\] {
  padding-top: 1.0625rem;
}
.pt-\[1\.25rem\] {
  padding-top: 1.25rem;
}
.pt-\[1\.57rem\] {
  padding-top: 1.57rem;
}
.pt-\[1\.875rem\] {
  padding-top: 1.875rem;
}
.pt-\[1\.8rem\] {
  padding-top: 1.8rem;
}
.pt-\[10px\] {
  padding-top: 10px;
}
.pt-\[1rem\] {
  padding-top: 1rem;
}
.pt-\[2\.3825rem\] {
  padding-top: 2.3825rem;
}
.pt-\[3\.4rem\] {
  padding-top: 3.4rem;
}
.pt-\[5\.5744rem\] {
  padding-top: 5.5744rem;
}
.pt-\[7\.875rem\] {
  padding-top: 7.875rem;
}
.pt-\[7px\] {
  padding-top: 7px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.text-end {
  text-align: end;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-9xl {
  font-size: 8rem;
  line-height: 1;
}
.text-\[\.5rem\] {
  font-size: .5rem;
}
.text-\[\.625rem\] {
  font-size: .625rem;
}
.text-\[\.6875rem\] {
  font-size: .6875rem;
}
.text-\[\.6rem\] {
  font-size: .6rem;
}
.text-\[\.75rem\] {
  font-size: .75rem;
}
.text-\[\.8125rem\] {
  font-size: .8125rem;
}
.text-\[\.875rem\] {
  font-size: .875rem;
}
.text-\[\.9375rem\] {
  font-size: .9375rem;
}
.text-\[0\.625rem\] {
  font-size: 0.625rem;
}
.text-\[0\.6875rem\] {
  font-size: 0.6875rem;
}
.text-\[0\.75rem\] {
  font-size: 0.75rem;
}
.text-\[0\.7rem\] {
  font-size: 0.7rem;
}
.text-\[0\.8125rem\] {
  font-size: 0.8125rem;
}
.text-\[0\.875rem\] {
  font-size: 0.875rem;
}
.text-\[0\.8rem\] {
  font-size: 0.8rem;
}
.text-\[1\.125rem\] {
  font-size: 1.125rem;
}
.text-\[1\.1875rem\] {
  font-size: 1.1875rem;
}
.text-\[1\.25rem\] {
  font-size: 1.25rem;
}
.text-\[1\.3125rem\] {
  font-size: 1.3125rem;
}
.text-\[1\.375rem\] {
  font-size: 1.375rem;
}
.text-\[1\.4375rem\] {
  font-size: 1.4375rem;
}
.text-\[1\.5rem\] {
  font-size: 1.5rem;
}
.text-\[1\.625rem\] {
  font-size: 1.625rem;
}
.text-\[1\.6875rem\] {
  font-size: 1.6875rem;
}
.text-\[1\.75rem\] {
  font-size: 1.75rem;
}
.text-\[1\.875rem\] {
  font-size: 1.875rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[14\.5rem\] {
  font-size: 14.5rem;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[17rem\] {
  font-size: 17rem;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[1rem\] {
  font-size: 1rem;
}
.text-\[2\.375rem\] {
  font-size: 2.375rem;
}
.text-\[2\.5rem\] {
  font-size: 2.5rem;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[22\.5px\] {
  font-size: 22.5px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[23rem\] {
  font-size: 23rem;
}
.text-\[26px\] {
  font-size: 26px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[2rem\] {
  font-size: 2rem;
}
.text-\[3\.125rem\] {
  font-size: 3.125rem;
}
.text-\[3\.25rem\] {
  font-size: 3.25rem;
}
.text-\[3\.625rem\] {
  font-size: 3.625rem;
}
.text-\[4rem\] {
  font-size: 4rem;
}
.text-\[5rem\] {
  font-size: 5rem;
}
.text-\[6rem\] {
  font-size: 6rem;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-\[--font-weight-semibold\] {
  font-weight: var(--font-weight-semibold);
}
.font-\[380\] {
  font-weight: 380;
}
.font-\[400\] {
  font-weight: 400;
}
.font-\[700\] {
  font-weight: 700;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-10 {
  line-height: 2.5rem;
}
.leading-3 {
  line-height: .75rem;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-8 {
  line-height: 2rem;
}
.leading-\[0\.65rem\] {
  line-height: 0.65rem;
}
.leading-\[0\.6rem\] {
  line-height: 0.6rem;
}
.leading-\[0\.75rem\] {
  line-height: 0.75rem;
}
.leading-\[0\.9375rem\] {
  line-height: 0.9375rem;
}
.leading-\[1\.0625rem\] {
  line-height: 1.0625rem;
}
.leading-\[1\.125rem\] {
  line-height: 1.125rem;
}
.leading-\[1\.25rem\] {
  line-height: 1.25rem;
}
.leading-\[1\.3125rem\] {
  line-height: 1.3125rem;
}
.leading-\[1\.375rem\] {
  line-height: 1.375rem;
}
.leading-\[1\.875rem\] {
  line-height: 1.875rem;
}
.leading-\[1rem\] {
  line-height: 1rem;
}
.leading-\[2\.75rem\] {
  line-height: 2.75rem;
}
.leading-\[2\.8125rem\] {
  line-height: 2.8125rem;
}
.leading-\[2\.875rem\] {
  line-height: 2.875rem;
}
.leading-loose {
  line-height: 2;
}
.leading-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-tight {
  line-height: 1.25;
}
.text-\[\#0070c9\] {
  --tw-text-opacity: 1;
  color: rgb(0 112 201 / var(--tw-text-opacity, 1));
}
.text-\[\#01875F\] {
  --tw-text-opacity: 1;
  color: rgb(1 135 95 / var(--tw-text-opacity, 1));
}
.text-\[\#01875f\] {
  --tw-text-opacity: 1;
  color: rgb(1 135 95 / var(--tw-text-opacity, 1));
}
.text-\[\#028760\] {
  --tw-text-opacity: 1;
  color: rgb(2 135 96 / var(--tw-text-opacity, 1));
}
.text-\[\#070D1F\] {
  --tw-text-opacity: 1;
  color: rgb(7 13 31 / var(--tw-text-opacity, 1));
}
.text-\[\#1680DC\] {
  --tw-text-opacity: 1;
  color: rgb(22 128 220 / var(--tw-text-opacity, 1));
}
.text-\[\#202124\] {
  --tw-text-opacity: 1;
  color: rgb(32 33 36 / var(--tw-text-opacity, 1));
}
.text-\[\#3F5F3F\] {
  --tw-text-opacity: 1;
  color: rgb(63 95 63 / var(--tw-text-opacity, 1));
}
.text-\[\#40a1de\] {
  --tw-text-opacity: 1;
  color: rgb(64 161 222 / var(--tw-text-opacity, 1));
}
.text-\[\#566488\] {
  --tw-text-opacity: 1;
  color: rgb(86 100 136 / var(--tw-text-opacity, 1));
}
.text-\[\#595959\] {
  --tw-text-opacity: 1;
  color: rgb(89 89 89 / var(--tw-text-opacity, 1));
}
.text-\[\#5A985A\] {
  --tw-text-opacity: 1;
  color: rgb(90 152 90 / var(--tw-text-opacity, 1));
}
.text-\[\#5D4547\] {
  --tw-text-opacity: 1;
  color: rgb(93 69 71 / var(--tw-text-opacity, 1));
}
.text-\[\#666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.text-\[\#66C7BC\] {
  --tw-text-opacity: 1;
  color: rgb(102 199 188 / var(--tw-text-opacity, 1));
}
.text-\[\#66D73E\] {
  --tw-text-opacity: 1;
  color: rgb(102 215 62 / var(--tw-text-opacity, 1));
}
.text-\[\#6D788E\] {
  --tw-text-opacity: 1;
  color: rgb(109 120 142 / var(--tw-text-opacity, 1));
}
.text-\[\#6E3D03\] {
  --tw-text-opacity: 1;
  color: rgb(110 61 3 / var(--tw-text-opacity, 1));
}
.text-\[\#6ddf38\] {
  --tw-text-opacity: 1;
  color: rgb(109 223 56 / var(--tw-text-opacity, 1));
}
.text-\[\#6ddf39\] {
  --tw-text-opacity: 1;
  color: rgb(109 223 57 / var(--tw-text-opacity, 1));
}
.text-\[\#787878\] {
  --tw-text-opacity: 1;
  color: rgb(120 120 120 / var(--tw-text-opacity, 1));
}
.text-\[\#7EC361\] {
  --tw-text-opacity: 1;
  color: rgb(126 195 97 / var(--tw-text-opacity, 1));
}
.text-\[\#86888D\] {
  --tw-text-opacity: 1;
  color: rgb(134 136 141 / var(--tw-text-opacity, 1));
}
.text-\[\#8795b1\] {
  --tw-text-opacity: 1;
  color: rgb(135 149 177 / var(--tw-text-opacity, 1));
}
.text-\[\#898988\] {
  --tw-text-opacity: 1;
  color: rgb(137 137 136 / var(--tw-text-opacity, 1));
}
.text-\[\#899FBE\] {
  --tw-text-opacity: 1;
  color: rgb(137 159 190 / var(--tw-text-opacity, 1));
}
.text-\[\#8F97AC\] {
  --tw-text-opacity: 1;
  color: rgb(143 151 172 / var(--tw-text-opacity, 1));
}
.text-\[\#8f9cb4\] {
  --tw-text-opacity: 1;
  color: rgb(143 156 180 / var(--tw-text-opacity, 1));
}
.text-\[\#9BA7BE\] {
  --tw-text-opacity: 1;
  color: rgb(155 167 190 / var(--tw-text-opacity, 1));
}
.text-\[\#9c9c9c\] {
  --tw-text-opacity: 1;
  color: rgb(156 156 156 / var(--tw-text-opacity, 1));
}
.text-\[\#A0A6B0\] {
  --tw-text-opacity: 1;
  color: rgb(160 166 176 / var(--tw-text-opacity, 1));
}
.text-\[\#BBB\] {
  --tw-text-opacity: 1;
  color: rgb(187 187 187 / var(--tw-text-opacity, 1));
}
.text-\[\#BDB8E1\] {
  --tw-text-opacity: 1;
  color: rgb(189 184 225 / var(--tw-text-opacity, 1));
}
.text-\[\#D434CD\] {
  --tw-text-opacity: 1;
  color: rgb(212 52 205 / var(--tw-text-opacity, 1));
}
.text-\[\#EE4639\] {
  --tw-text-opacity: 1;
  color: rgb(238 70 57 / var(--tw-text-opacity, 1));
}
.text-\[\#EEC7FF\] {
  --tw-text-opacity: 1;
  color: rgb(238 199 255 / var(--tw-text-opacity, 1));
}
.text-\[\#FBA531\] {
  --tw-text-opacity: 1;
  color: rgb(251 165 49 / var(--tw-text-opacity, 1));
}
.text-\[\#FDB782\] {
  --tw-text-opacity: 1;
  color: rgb(253 183 130 / var(--tw-text-opacity, 1));
}
.text-\[\#FFCC4A\] {
  --tw-text-opacity: 1;
  color: rgb(255 204 74 / var(--tw-text-opacity, 1));
}
.text-\[\#FFF268\] {
  --tw-text-opacity: 1;
  color: rgb(255 242 104 / var(--tw-text-opacity, 1));
}
.text-\[\#FFF\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-\[\#ffaa09\] {
  --tw-text-opacity: 1;
  color: rgb(255 170 9 / var(--tw-text-opacity, 1));
}
.text-\[\#ffe336\] {
  --tw-text-opacity: 1;
  color: rgb(255 227 54 / var(--tw-text-opacity, 1));
}
.text-\[\#fff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-\[\#ffffff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-\[---color-text-basic\] {
  color: var(---color-text-basic);
}
.text-\[--accent-color-yellow\] {
  color: var(--accent-color-yellow);
}
.text-\[--color-currency\] {
  color: var(--color-currency);
}
.text-\[--color-text-basic\] {
  color: var(--color-text-basic);
}
.text-\[--color-text-btn-basic\] {
  color: var(--color-text-btn-basic);
}
.text-\[--color-text-emphasis\] {
  color: var(--color-text-emphasis);
}
.text-\[--color-text-empty\] {
  color: var(--color-text-empty);
}
.text-\[--color-text-first\] {
  color: var(--color-text-first);
}
.text-\[--color-text-href-agency-detail\] {
  color: var(--color-text-href-agency-detail);
}
.text-\[--color-text-label-value-agency\] {
  color: var(--color-text-label-value-agency);
}
.text-\[--color-text-link-agency\] {
  color: var(--color-text-link-agency);
}
.text-\[--color-text-second\] {
  color: var(--color-text-second);
}
.text-\[--color-text-title-basic\] {
  color: var(--color-text-title-basic);
}
.text-\[--color-text-title-label-agency\] {
  color: var(--color-text-title-label-agency);
}
.text-\[--color-text-unChecked\] {
  color: var(--color-text-unChecked);
}
.text-\[--color-text-unThemeWhite\] {
  color: var(--color-text-unThemeWhite);
}
.text-\[--color-text-wheelBottomUnchecked\] {
  color: var(--color-text-wheelBottomUnchecked);
}
.text-\[--color-text-yellow-emphasis\] {
  color: var(--color-text-yellow-emphasis);
}
.text-\[--font-size-10\] {
  color: var(--font-size-10);
}
.text-\[--text-color-light-purple-1-100\] {
  color: var(--text-color-light-purple-1-100);
}
.text-\[--text-color-light-purple-2-100\] {
  color: var(--text-color-light-purple-2-100);
}
.text-\[--text-color-white-100\] {
  color: var(--text-color-white-100);
}
.text-\[rgba\(189\2c 184\2c 225\2c 1\)\] {
  color: rgba(189,184,225,1);
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-\[\.3\] {
  opacity: .3;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.ring-current {
  --tw-ring-color: currentColor;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_2px_4px_rgba\(32\2c 139\2c 229\2c 0\.25\)\] {
  --tw-drop-shadow: drop-shadow(0 2px 4px rgba(32,139,229,0.25));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_4px_15px_rgba\(32\2c 139\2c 229\2c 0\.25\)\] {
  --tw-drop-shadow: drop-shadow(0 4px 15px rgba(32,139,229,0.25));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\[key\:string\] {
  key: string;
}

/* tailwindcss样式库 */
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
.\!container {
    max-width: 640px !important;
}
.container {
    max-width: 640px;
}
}
@media (min-width: 768px) {
.\!container {
    max-width: 768px !important;
}
.container {
    max-width: 768px;
}
}
@media (min-width: 1024px) {
.\!container {
    max-width: 1024px !important;
}
.container {
    max-width: 1024px;
}
}
@media (min-width: 1280px) {
.\!container {
    max-width: 1280px !important;
}
.container {
    max-width: 1280px;
}
}
@media (min-width: 1536px) {
.\!container {
    max-width: 1536px !important;
}
.container {
    max-width: 1536px;
}
}

/* tailwindcss样式库 */
ion-app {
  background: var(--color-screen-bg);
}
.new-skin-symbol {
body {
    background: var(--ep-color-background-fill-surface-raised-L2);
}
}
#app-content {
  --background: transparent;
  background-image: var(--color-screen-bg-img);
  background-size: 5rem;
  /* 设置背景图像块的大小为100px x 100px */
  background-repeat: repeat;
  /* 设置背景图像平铺 */
}
@media all and (display-mode: standalone),
all and (display-mode: fullscreen),
all and (display-mode: minimal-ui),
all and (display-mode: widows-controls-overlay) {
#pwa-bar,
  #pwa-footer-modal,
  #app-install-bar {
    display: none;
}
}
.full-screen-loading-main-tree {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-screen-bg, #000);
  z-index: 1000;
  opacity: 1;
}
.fade-in-loading-main-tree {
  animation: fade-in-main-tree 0.3s ease-in-out;
}
@keyframes fade-in-main-tree {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.fib,
.fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.fi {
  position: relative;
  display: inline-block;
  width: 1.333333em;
  line-height: 1em;
}
.fi:before {
  content: " ";
}
.fi.fis {
  width: 1em;
}
.fi-us.fis {
  background-image: url(/assets/us-r2-BIoUFS_k.svg);
}
.fi-in.fis {
  background-image: url(/assets/in-r2-AmX27lwz.svg);
}
.fi-id.fis {
  background-image: url(/assets/id-r2-DEaRR37e.svg);
}
.fi-br.fis {
  background-image: url(/assets/br-r2-CKTdWCtA.svg);
}
.fi-cn.fis {
  background-image: url(/assets/cn-r2-BTeF1vSD.svg);
}
.fi-ph.fis {
  background-image: url(/assets/ph-r2-BFXpVucQ.svg);
}
.fi-vn.fis {
  background-image: url(/assets/vn-r2-DOMx1I7q.svg);
}
.fi-bd.fis {
  background-image: url(/assets/bd-r2-5fHevOTm.svg);
}
.fi-pk.fis {
  background-image: url(/assets/pk-r2-COUupBLg.svg);
}
.fi-mx.fis {
  background-image: url(/assets/mx-r2-Dn2nMj15.svg);
}
/* Ionic Variables and Theming. For more info, please see:
http://ionicframework.com/docs/theming/ */
/* @import './modules/green-dark.css';
@import './modules/yellow-dark.css';
@import './modules/purple-light.css';
@import './modules/amber-purple.css'; */
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
#app {
  /** 
        main:主要--theme-color,base:常规,secondary:次要,extra:辅助,accent:定义--theme-color
        color:字体颜色
        gradient:渐变色
        bg:背景色
    */
  --color-accent: #fff;
  --color-main: var(--theme-color-800, #fff);
  --color-base: #fff;
  --color-secondary: #566488;
  --color-extra: var(--color-text-white-100, #566488);
  --color-theme-main: var(--theme-color-700, #38a8fa);
  --color-theme-base: var(--theme-color-800, #38a8fa);
  --color-theme-secondary: var(--theme-color-900, #38a8fa);
  --color-theme-extra: var(--theme-color-500, var(--theme-color-600), #38a8fa);
  --gradient-blue1: linear-gradient(to bottom, #38a8fa, #0167ca);
  --gradient-blue2: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
  --gradient-blue-gray1: linear-gradient(90deg, #131826 46.36%, rgba(28, 35, 52, 0) 100%);
  --gradient-blue-gray2: linear-gradient(270deg, #131826 46.36%, rgba(28, 35, 52, 0) 100%);
  --gradient-green-green-1: linear-gradient(to bottom, #13C96A, #1D9554);
  /* main */
  --bg-main-tabs: var(--color-bg-100);
  --color-main-tabs-btn-active: #fff;
  --color-main-tabs-flexible: #94FF7F;
  --bg-main-underline: #94FF7F;
  /* main组件Announcement */
  --bg-main-announcement: var(--color-bg-300);
  /* main组件DrawerLeft */
  --bg-main-drawer-left: var(--color-bg-300, #090F1F);
  --bg-main-drawer-left-card: var(--color-bg-200, #1C2334);
  /* main/inicio */
  --bg-inicio-watermark: var(--color-bg-200);
  --bg-inicio-float-btn1: var(--theme-color-gradient-100, var(--gradient-blue1));
  --bg-inicio-float-btn2: var(--color-bg-100, #090f1f);
  --bg-inicio-float-btn2-icon: var(--theme-color-gradient-100, var(--gradient-blue1));
  /* inicio组件PwaView */
  --bg-inicio-PwaView-toolbar: var(--color-bg-200);
  --bg-inicio-PwaView-toolbar-install: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
  --color-inicio-PwaView-toolbar-install: #fff;
  /* inicio组件marquee */
  --bg-inicio-marquee: var(--color-bg-50, #131826);
  --bg-inicio-marquee-icon1: var(--gradient-green1, var(--gradient-blue-gray1));
  --color-inicio-marquee-icon2: #38A8FA;
  --bg-inicio-marquee-icon2: var(--gradient-green2, var(--gradient-blue-gray2));
  /* inicio组件HeaderBar */
  --bg-inicio-HeaderBar-btn-login: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
  --color-inicio-HeaderBar-btn-login: #fff;
  --bg-inicio-HeaderBar-btn-register: var(--gradient-green-green-1);
  --color-inicio-HeaderBar-btn-register: #fff;
  --bg-inicio-HeaderBar-assets: transparent;
  --color-inicio-HeaderBar-assets-prefix: var(--accent-color-orange-2);
  --bg-inicio-HeaderBar-assets-icon: var(--gradient-green-green-1);
  --color-inicio-HeaderBar-assets-icon: var(--color-bg-100);
  --bg-inicio-HeaderBar-btn: var(--color-bg-100);
  /* inicio组件SortView */
  --color-inicio-SortView-logo: var(--color-theme-base);
  --bg-inicio-SortView-bar: var(--color-bg-200);
  --color-inicio-SortView-bar-total: var(--color-base);
  /* game/search */
  --bg-game-search-searchbar: var(--ion-background-color);
  --bg-game-search-tabs-btn-index: var(--color-theme-base, #1c2334);
  --color-game-search-tabs-btn-active: var(--color-secondary);
  --color-game-search-tabs-icon-active: var(--color-theme-base);
  /* game/category */
  --bg-game-category-toolbar: var(--color-bg-300, #090F1F);
  --color-game-category-tabs-btn-active: var(--color-base);
  --bg-game-category-tabs-btn-active: var(--color-theme-base, var(--gradient-blue2));
}
.blue-default #app {
  --bg-game-search-tabs-btn-index: #38a8fa;
  --color-inicio-HeaderBar-assets-prefix: #FBA531;
  --bg-inicio-HeaderBar-btn: transparent;
  --color-inicio-HeaderBar-assets-icon: #fff;
  --color-game-search-tabs-btn-active: #fff;
  --bg-inicio-PwaView-toolbar: linear-gradient(90deg, #202940 0%, #131A2C 100%);
}
.blue-default .home-type-Platform #app {
  --bg-inicio-PwaView-toolbar: linear-gradient(90deg, #44645A 0%, #3A1A5D 100%);
  --color-bar-bg: #154084;
}
.green-default #app {
  --color-base: var(--color-text-gray-100);
  --color-secondary: var(--color-text-gray-200);
  --color-inicio-marquee-icon2: #fff;
  --color-main-tabs-btn-active: var(--accent-color-yellow);
  --bg-game-category-tabs-btn-active: var(--color-bg-100);
  --bg-inicio-HeaderBar-btn-login: var(--theme-color-gradient-100);
  --bg-inicio-HeaderBar-btn-register: var(--theme-color-gradient-200);
  --color-inicio-HeaderBar-assets-prefix: #FBA531;
  --bg-inicio-HeaderBar-assets-icon: var(--theme-color-gradient-200);
  --color-inicio-HeaderBar-assets-icon: #fff;
  --color-game-search-tabs-icon-active: #fff;
  --bg-inicio-PwaView-toolbar: var(--theme-color-gradient-300);
  --bg-inicio-PwaView-toolbar-install: var(--theme-color-gradient-200);
  --color-inicio-PwaView-toolbar-install: var(--color-bg-400);
}
.yellow-dark #app {
  --color-secondary: var(--text-color-white-40);
  --color-base: var(--text-color-white-100);
  --color-inicio-SortView-bar-total: var(--color-theme-base);
  --color-game-search-tabs-btn-active: var(--color-base);
}
.green-dark #app {
  --color-secondary: var(--text-color-white-40);
  --color-base: var(--text-color-white-100);
  --color-inicio-SortView-bar-total: var(--color-theme-base);
  --color-game-search-tabs-btn-active: var(--color-base);
}
.purple-light #app {
  --color-secondary: var(--text-color-black-80);
  --color-base: var(--text-color-black-100);
  --color-game-category-tabs-btn-active: #fff;
  --color-inicio-SortView-bar-total: var(--color-theme-base);
}
.amber-purple #app {
  --gradient-yellow-purple: linear-gradient(5deg, #F0BF4A 20.82%, #8D36D1 112.62%);
  --gradient-green-blue: linear-gradient(2deg, #3BDF86 23.05%, #2376A4 98.19%);
  --gradient-green-green: linear-gradient(180deg, #64C536 0%, #15C18D 100%);
  --color-base: var(--text-color-light-purple-1-100);
  --color-secondary: var(--text-color-light-purple-2-100);
  --bg-game-search-tabs-btn-index: var(--gradients-indicatorLine);
  --color-game-search-tabs-btn-active: var(--color-base);
  --bg-game-search-searchbar: transparent;
  --bg-inicio-HeaderBar-btn-login: var(--gradient-green-blue);
  --bg-inicio-HeaderBar-btn-register: var(--gradient-yellow-purple);
  --bg-inicio-float-btn1: var(--gradient-green-green);
  --color-inicio-SortView-logo: var(--accent-color-orange);
  --bg-inicio-HeaderBar-assets-icon: var(--accent-color-yellow);
  --color-inicio-HeaderBar-assets-prefix: var(--accent-color-orange);
  --bg-inicio-HeaderBar-assets: linear-gradient(to right, var(--color-bg-100), var(--color-bg-100)), var(--gradients-orange-purple);
}
.amber-purple #app .border-gradient {
  background: var(--bg-inicio-HeaderBar-assets);
  border-style: solid;
  border-color: transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
/** Ionic CSS Variables **/
:root {
  /** primary **/
  --ion-color-primary: #3880FF;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;

  /** secondary **/
  --ion-color-secondary: #3dc2ff;
  --ion-color-secondary-rgb: 61, 194, 255;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #36abe0;
  --ion-color-secondary-tint: #50c8ff;

  /** tertiary **/
  --ion-color-tertiary: #5260ff;
  --ion-color-tertiary-rgb: 82, 96, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #4854e0;
  --ion-color-tertiary-tint: #6370ff;

  /** success **/
  --ion-color-success: #2dd36f;
  --ion-color-success-rgb: 45, 211, 111;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #28ba62;
  --ion-color-success-tint: #42d77d;

  /** warning **/
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;

  /** danger **/
  --ion-color-danger: #eb445a;
  --ion-color-danger-rgb: 235, 68, 90;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #cf3c4f;
  --ion-color-danger-tint: #ed576b;

  /** dark **/
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 36, 40;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;

  /** medium **/
  --ion-color-medium: #92949c;
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;

  /** light **/
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;

  --ion-background-color: #090F1F;
  --ion-background-color-rgb: 0,0,0;

  --ion-text-color: #FFF;
  --ion-text-color-rgb: 255,255,255;

  --ion-color-step-50: #0d0d0d;
  --ion-color-step-100: #1a1a1a;
  --ion-color-step-150: #262626;
  --ion-color-step-200: #333333;
  --ion-color-step-250: #404040;
  --ion-color-step-300: #4d4d4d;
  --ion-color-step-350: #595959;
  --ion-color-step-400: #666666;
  --ion-color-step-450: #737373;
  --ion-color-step-500: #808080;
  --ion-color-step-550: #8c8c8c;
  --ion-color-step-600: #999999;
  --ion-color-step-650: #a6a6a6;
  --ion-color-step-700: #b3b3b3;
  --ion-color-step-750: #bfbfbf;
  --ion-color-step-800: #cccccc;
  --ion-color-step-850: #d9d9d9;
  --ion-color-step-900: #e6e6e6;
  --ion-color-step-950: #f2f2f2;

  --ion-item-background: #090F1F;

  --ion-tab-bar-background: #101629;

  --ion-card-background: #1c1c1d;

  --color-primary-800: #1680DC;
  --ion-toolbar-background: var(--ion-color-step-150);
  --ion-toolbar-border-color: var(--ion-color-step-250);

  --color-focus: #0167CA;

  --color-text-100: #fff;
  --color-bg-200: #1A223A;
  --line-color: #1A223A;
  --color-bg-400: #101629;
  --color-card-bg-200: #182434;
  --color-card-bg-300: #090F1F;

  --color-button-bg-update: #FBA531;

  --color-segment-md: #566488;
  --color-segment-md-indicator: #38A8FA;

  /**   border-radius  尺寸 **/
  --rounded-small: .3125rem;
  --rounded-button-tab: .5rem;
  --rounded-segment: .75rem;
  --rounded-card-game: .75rem;

  --color-border: #292D36;

  --color-bg-tab-on: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);

  --color-bg-segment-ios: linear-gradient(0deg, #1C2334, #141b2a);
  --color-bg-segment-ios-indicator: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);

  --color-checkbox-bg: linear-gradient(0deg, #0167CA 0%, #38A8FA 100%);

  --font-size-24: 1.5rem;
  --font-size-20: 1.25rem;
  --font-size-18: 1.125rem;
  --font-size-16: 1rem;
  --font-size-14: .875rem;
  --font-size-12: .75rem;
  --font-size-10: .625rem;
  --font-size-8: .5rem;

  --color-currency: #FBA531;
  --color-bar-bg: #090F1F;

  /* 提示框背景色 */
  --color-bg-toast: var(--ion-color-dark);

  /* 弹窗遮罩层统一背景色*/
  --color-bg-mask-black: rgba(0,0,0,0.8);
}
/* 暂无数据页面样式 */
.empty-bg-img {
  background: transparent url(/icons/No_record.png) no-repeat;
  background-size: 7.5rem;
}
ion-spinner {
  --color: var(--theme-color-800)
}
.text-\[\#FF0000\] {
  color: #FF0000;
}
.line-before {
  &::before {
    content: '';
    display: block;
    width: 100%;
    height: 0.0625rem;
    margin-top: var(--line-margin-top);
    margin-bottom: var(--line-margin-bottom);
    background: var(--line-color);
  }
}
.line-after {
  &::after {
    content: '';
    display: block;
    width: 100%;
    height: 0.0625rem;
    margin-top: var(--line-margin-top);
    margin-bottom: var(--line-margin-bottom);
    background: var(--line-color);
  }
}
.background-border-top {
  position: relative;

  &::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.0625rem;
    background: var(--border-color1);
  }
}
.background-border-bottom {
  position: relative;

  &::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.0625rem;
    background: var(--border-color2);
  }
}
/* RTL locale 修正：所有 inline 元素 isolate，避免 BIDI 算法把 `<span>1%</span>` 这类
   混合方向文本拆段（数字被 W2 变 AN、% 跑到段落末尾等）。class 由 store/app.ts 在
   切到 RTL locale (ur-PK/ar) 时给 documentElement 加上，对其他 locale 完全不生效。 */
.locale-rtl :where(span, b, em, i, bdi) {
  unicode-bidi: isolate;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.color-primary-600 {
  color: var(--color-primary-600);
}
.color-primary-700 {
  color: var(--color-primary-700);
}
.color-primary-800 {
  color: var(--color-primary-800);
}
.color-primary-900 {
  color: var(--color-primary-900);
}
/** bg **/
.bg-100 {
  background-color: var(--color-bg-100);
}
.bg-200 {
  background-color: var(--color-bg-200);
}
.bg-300 {
  background-color: var(--color-bg-300);
}
.bg-400 {
  background-color: var(--color-bg-400);
}
.bg-primary-700 {
  background-color: var(--color-primary-700);
}
.bg-primary-800 {
  background-color: var(--color-primary-800);
}
.bg-warning {
  background-color: var(--color-warning);
}
.bg-link {
  background-color: var(--color-link);
}
.bg-danger {
  background-color: var(--color-danger);
}
/** 文本颜色 **/
.color-text-100 {
  color: var(--color-text-100);
}
.color-text-80 {
  color: var(--color-text-80);
}
.color-text-50 {
  color: var(--color-text-50);
}
.color-text-40 {
  color: var(--color-text-40);
}
.color-text-20 {
  color: var(--color-text-20);
}
/** 货币文本颜色 **/
.color-text-currency {
  color: var(--color-currency);
}
/** warning **/
.color-warning {
  color: var(--color-warning);
}
/** danger **/
.color-danger {
  color: var(--color-danger);
}
/** danger **/
.color-link {
  color: var(--color-link);
}
/**分割线/边框**/
.color-line {
  color: var(--color-line);
}
.color-border {
  border: 1px solid var(--color-border);
}
.font-weight-bold {
  font-weight: var(--font-weight-bold);
}
.font-weight-medium {
  font-weight: var(--font-weight-medium);
}
.font-weight-regular {
  font-weight: var(--font-weight-regular);
}
/**   border-radius  尺寸 **/
.rounded-small {
  border-radius: var(--rounded-small);
}
.rounded-small-b {
  border-radius: 0 0 var(--rounded-small) var(--rounded-small);
}
.rounded-middle {
  border-radius: var(--rounded-middle);
}
.rounded-middle-b {
  border-radius: 0 0 var(--rounded-middle) var(--rounded-middle);
}
.rounded-large {
  border-radius: var(--rounded-large);
}
.rounded-middle-t {
  border-radius: var(--rounded-middle) var(--rounded-middle) 0 0;
}
.rounded-large-b {
  border-radius: 0 0 var(--rounded-large) var(--rounded-large);
}
.btn-primary-active {
  background: var(--color-primary-btn-active);
}
.btn-primary-disable {
  background: var(--color-primary-btn-disable);
}
.btn-primary-load {
  background: var(--color-primary-btn-load);
}
/**
   *less 混入函数
   */
.flexBox {
  display: flex;
  align-items: center;
}
.flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-around {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-evenly {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.flex-column {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.minimum-text-white {
  color: var(--color-text-40);
  font-size: var(--font-size-10);
  line-height: 0.9375rem;
}
.small-text-white {
  color: var(--color-text-40);
  font-size: var(--font-size-12);
  line-height: 1.125rem;
}
.middle-text-white {
  font-size: var(--font-size-14);
  color: var(--color-text-100);
  line-height: 1.3125rem;
}
.height-text-white {
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-bold);
  line-height: 1.5rem;
}
.report-recoed-item {
  padding: 0.625rem;
  background: var(--report-record-item-bg);
  border-radius: var(--report-record-item-radius);
}
.report-selected {
  font-size: var(--ep-font-size-s, var(--font-size-12));
  line-height: 1.5;
  font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
  color: var(--ep-color-text-default, var(--color-report-selected));
  white-space: nowrap;
}
.report-select-item {
  border: 1px solid var(--report-select-item-border-color);
  background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
  color: var(--ep-color-text-weaker, var(--report-select-item-color));
  font-weight: var(--ep-font-weight-medium, var(--font-weight-medium));
}
.report-selected-item {
  border: none;
  background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
  color: var(--ep-color-text-selected, var(--report-selected-item-color));
  border-radius: var(--ep-border-radius-m, var(--rounded-small));
  font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
}
.record-selecet-item {
  border: none;
  background: var(--activity-record-select-item-bg);
  color: var(--activity-record-select-item-color);
  font-weight: var(--font-weight-medium);
}
.record-seleceted-item {
  border: none;
  background: var(--activity-record-selected-item-bg);
  color: var(--color-activity-selected);
  font-weight: var(--font-weight-bold);
}
.button-bg-left-color {
  --background-hover-opacity: 1;
  --background-focused-opacity: 1;
  --background-activated-opacity: 1;
  --background-hover: var(--button-left-bg-color-tint);
  --background-focused: var(--button-left-bg-color-shade);
  --background-activated: var(--button-left-bg-color-shade);
}
.button-bg-right-color {
  --background-focused-opacity: 1;
  --background-hover-opacity: 0.8;
  --background-activated-opacity: 1;
  --background-focused: var(--button-right-bg-color-shade);
  --background-hover: var(--button-right-bg-color-tint);
  --background-activated: var(--button-right-bg-color-shade);
}
.fitst-red-point {
  width: 0.625rem;
  height: 0.625rem;
}
.default-report-select-border {
  border: 1px solid var(--report-select-border-color);
  color: var(--report-selected-text-color);
}
.default-report-selected-border {
  border: 1px solid var(--report-selected-border-color);
  color: var(--report-selected-text-color);
}
.default-report-recond-item {
  background: var(--report-recond-item-bg-color);
}
.money-text {
  color: var(--money-text-color);
}
.mlm-selected {
  color: var(--mlm-selected-text-color);
}
.mlm-selected-item {
  color: var(--mlm-selected-text-color);
}
ion-button.arrow-left-btn {
  --padding-top: 0.1875rem;
  --padding-bottom: 0.1875rem;
  --background: transparent;
  --background-activated: transparent;
  --background-hover: transparent;
  --background-focused: transparent;
  --box-shadow: none;
  min-height: 0;
}
ion-button.arrow-left-btn::part(native) {
  --padding-start: 0.125rem;
  --padding-end: 0.25rem;
  background: transparent;
}
.text-gradient {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  /* For Safari */
}
ion-button.sign-yellow-btn {
  min-height: 0;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-weight: bold;
  --background: #FEB805;
  --color: #2D2D2D;
  --border-radius: 0.25rem;
  --background-focused: #d19d30;
  --background-hover: #f2b942;
  --background-activated: #d19d30;
}
.activity-text-gradient {
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.share-modal[data-v-9c98e1ab] {
  --height: auto;
  --max-width: 24.375rem;
  --width: 100%;
  --border-radius: 0;
  background: rgba(0, 0, 0, 0.8);
  align-items: flex-end;
}
.modal-wrapper[data-v-9c98e1ab],
.modal-shadow[data-v-9c98e1ab] {
  --max-height: 100%;
}
.new-skin-symbol .modal-container[data-v-9c98e1ab] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.new-skin-symbol .modal-container .modal-content[data-v-9c98e1ab] {
  position: relative;
  padding: 0.7rem 1rem 1rem 1rem;
  border-radius: var(--ep-border-radius-surface-small, 0.75rem) var(--ep-border-radius-surface-small, 0.75rem) 0 0;
  background: var(--ep-color-background-fill-surface-raised-L2);
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}
.new-skin-symbol .modal-container .modal-content .modal-close-icon[data-v-9c98e1ab] {
  position: absolute;
  top: 0.625rem;
  right: 1rem;
  font-size: 1.5625rem;
  color: var(--ep-color-icon-default);
}
.new-skin-symbol .modal-container .modal-content .modal-title[data-v-9c98e1ab] {
  display: flex;
  align-items: flex-start;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
  width: 20.875rem;
}
.new-skin-symbol .modal-container .modal-content .modal-title .modal-title-index[data-v-9c98e1ab] {
  display: inline-block;
  flex: 0 0 0.75rem;
  margin-right: 0.25rem;
}
.new-skin-symbol .modal-container .share-preview[data-v-9c98e1ab] {
  position: relative;
  margin: 0.5rem auto 0 auto;
  border-radius: 1.25rem;
  overflow: hidden;
  width: 22.5rem;
  height: 25rem;
}
.new-skin-symbol .modal-container .share-preview[data-v-9c98e1ab]::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 65%, rgba(40, 40, 40, 0.9) 100%);
  pointer-events: none;
  z-index: 1;
}
.new-skin-symbol .modal-container .share-preview .share-preview-text[data-v-9c98e1ab] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem;
  color: #ffffff;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
  line-height: 1.5;
  z-index: 2;
}
.new-skin-symbol .modal-container .share-preview img[data-v-9c98e1ab] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.new-skin-symbol .modal-container .platform[data-v-9c98e1ab] {
  margin: 0.5rem auto;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.new-skin-symbol .modal-container .platform[data-v-9c98e1ab]::-webkit-scrollbar {
  display: none;
}
.new-skin-symbol .modal-container .platform .platform-share-title[data-v-9c98e1ab] {
  font-size: var(--ep-font-size-m);
  color: var(--ep-color-text-weak);
  font-weight: var(--ep-font-weight-medium);
  margin-bottom: 0.5rem;
}
.new-skin-symbol .modal-container .platform .platform-list[data-v-9c98e1ab] {
  white-space: nowrap;
  font-size: 0;
}
.new-skin-symbol .modal-container .platform .platform-list .platform-icon[data-v-9c98e1ab] {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
}
.new-skin-symbol .modal-container .platform .platform-list .platform-icon[data-v-9c98e1ab]:not(:last-child) {
  margin-right: 1.25rem;
}
.new-skin-symbol .modal-container .share-link[data-v-9c98e1ab] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-body-default);
  padding: 0.5rem 0.75rem;
}
.new-skin-symbol .modal-container .share-link .share-link-url[data-v-9c98e1ab] {
  flex: 1;
  min-width: 0;
  color: var(--ep-color-text-weakest);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-skin-symbol .modal-container .share-link .share-link-copy[data-v-9c98e1ab] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-text-weak, var(--color-primary-800));
}
.new-skin-symbol .modal-container .phone-area .modal-title[data-v-9c98e1ab] {
  margin: 0.75rem 0;
}
.new-skin-symbol .modal-container .phone-area .phone-container[data-v-9c98e1ab] {
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-body-default);
  padding: 1.25rem;
}
.new-skin-symbol .modal-container .phone-area .phone-container .phone-list[data-v-9c98e1ab] {
  display: flex;
  flex-wrap: wrap;
  max-height: 8rem;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.new-skin-symbol .modal-container .phone-area .phone-container .phone-list[data-v-9c98e1ab]::-webkit-scrollbar {
  display: none;
}
.new-skin-symbol .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab] {
  width: calc(100% / 3);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 500);
  margin-bottom: 0.75rem;
  color: var(--ep-color-text-default);
}
.new-skin-symbol .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-9c98e1ab] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab]:nth-child(3n - 1) {
  text-align: center;
}
.new-skin-symbol .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab]:nth-child(3n) {
  text-align: right;
}
.new-skin-symbol .modal-container .phone-area .send-container[data-v-9c98e1ab] {
  display: flex;
  margin-top: 0.75rem;
  margin-bottom: 1.25rem;
  gap: 1.25rem;
}
.new-skin-symbol .modal-container .phone-area .send-container .send-button[data-v-9c98e1ab] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-body-default);
  padding: 0.375rem 0.5rem;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  gap: 0.5rem;
}
.new-skin-symbol .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-9c98e1ab] {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0;
}
.new-skin-symbol .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-9c98e1ab] {
  width: 100%;
  height: 100%;
}
.green-dark .modal-container[data-v-9c98e1ab],
.yellow-dark .modal-container[data-v-9c98e1ab],
.amber-purple .modal-container[data-v-9c98e1ab] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.green-dark .modal-container .modal-content[data-v-9c98e1ab],
.yellow-dark .modal-container .modal-content[data-v-9c98e1ab],
.amber-purple .modal-container .modal-content[data-v-9c98e1ab] {
  position: relative;
  padding: 0.7rem 1rem 1rem 1rem;
  border-radius: var(--ep-border-radius-surface-small, 0.75rem) var(--ep-border-radius-surface-small, 0.75rem) 0 0;
  background: var(--color-bg-300);
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}
.green-dark .modal-container .modal-content .modal-close-icon[data-v-9c98e1ab],
.yellow-dark .modal-container .modal-content .modal-close-icon[data-v-9c98e1ab],
.amber-purple .modal-container .modal-content .modal-close-icon[data-v-9c98e1ab] {
  position: absolute;
  top: 0.625rem;
  right: 1rem;
  font-size: 1.5625rem;
  color: var(--ep-color-icon-default);
}
.green-dark .modal-container .modal-content .modal-title[data-v-9c98e1ab],
.yellow-dark .modal-container .modal-content .modal-title[data-v-9c98e1ab],
.amber-purple .modal-container .modal-content .modal-title[data-v-9c98e1ab] {
  display: flex;
  align-items: flex-start;
  color: var(--color-text-50);
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
  width: 20.875rem;
}
.green-dark .modal-container .modal-content .modal-title .modal-title-index[data-v-9c98e1ab],
.yellow-dark .modal-container .modal-content .modal-title .modal-title-index[data-v-9c98e1ab],
.amber-purple .modal-container .modal-content .modal-title .modal-title-index[data-v-9c98e1ab] {
  display: inline-block;
  flex: 0 0 0.75rem;
  margin-right: 0.25rem;
}
.green-dark .modal-container .share-preview[data-v-9c98e1ab],
.yellow-dark .modal-container .share-preview[data-v-9c98e1ab],
.amber-purple .modal-container .share-preview[data-v-9c98e1ab] {
  position: relative;
  margin: 0.5rem auto 0 auto;
  border-radius: 1.25rem;
  overflow: hidden;
  width: 22.5rem;
  height: 25rem;
}
.green-dark .modal-container .share-preview[data-v-9c98e1ab]::after,
.yellow-dark .modal-container .share-preview[data-v-9c98e1ab]::after,
.amber-purple .modal-container .share-preview[data-v-9c98e1ab]::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 65%, rgba(40, 40, 40, 0.9) 100%);
  pointer-events: none;
  z-index: 1;
}
.green-dark .modal-container .share-preview .share-preview-text[data-v-9c98e1ab],
.yellow-dark .modal-container .share-preview .share-preview-text[data-v-9c98e1ab],
.amber-purple .modal-container .share-preview .share-preview-text[data-v-9c98e1ab] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem;
  color: #ffffff;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
  line-height: 1.5;
  z-index: 2;
}
.green-dark .modal-container .share-preview img[data-v-9c98e1ab],
.yellow-dark .modal-container .share-preview img[data-v-9c98e1ab],
.amber-purple .modal-container .share-preview img[data-v-9c98e1ab] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.green-dark .modal-container .platform[data-v-9c98e1ab],
.yellow-dark .modal-container .platform[data-v-9c98e1ab],
.amber-purple .modal-container .platform[data-v-9c98e1ab] {
  margin: 0.5rem auto;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.green-dark .modal-container .platform[data-v-9c98e1ab]::-webkit-scrollbar,
.yellow-dark .modal-container .platform[data-v-9c98e1ab]::-webkit-scrollbar,
.amber-purple .modal-container .platform[data-v-9c98e1ab]::-webkit-scrollbar {
  display: none;
}
.green-dark .modal-container .platform .platform-share-title[data-v-9c98e1ab],
.yellow-dark .modal-container .platform .platform-share-title[data-v-9c98e1ab],
.amber-purple .modal-container .platform .platform-share-title[data-v-9c98e1ab] {
  font-size: var(--ep-font-size-m);
  color: var(--ep-color-text-weak);
  font-weight: var(--ep-font-weight-medium);
  margin-bottom: 0.5rem;
}
.green-dark .modal-container .platform .platform-list[data-v-9c98e1ab],
.yellow-dark .modal-container .platform .platform-list[data-v-9c98e1ab],
.amber-purple .modal-container .platform .platform-list[data-v-9c98e1ab] {
  white-space: nowrap;
  font-size: 0;
}
.green-dark .modal-container .platform .platform-list .platform-icon[data-v-9c98e1ab],
.yellow-dark .modal-container .platform .platform-list .platform-icon[data-v-9c98e1ab],
.amber-purple .modal-container .platform .platform-list .platform-icon[data-v-9c98e1ab] {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
}
.green-dark .modal-container .platform .platform-list .platform-icon[data-v-9c98e1ab]:not(:last-child),
.yellow-dark .modal-container .platform .platform-list .platform-icon[data-v-9c98e1ab]:not(:last-child),
.amber-purple .modal-container .platform .platform-list .platform-icon[data-v-9c98e1ab]:not(:last-child) {
  margin-right: 1.25rem;
}
.green-dark .modal-container .share-link[data-v-9c98e1ab],
.yellow-dark .modal-container .share-link[data-v-9c98e1ab],
.amber-purple .modal-container .share-link[data-v-9c98e1ab] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--color-bg-200);
  padding: 0.5rem 0.75rem;
}
.green-dark .modal-container .share-link .share-link-url[data-v-9c98e1ab],
.yellow-dark .modal-container .share-link .share-link-url[data-v-9c98e1ab],
.amber-purple .modal-container .share-link .share-link-url[data-v-9c98e1ab] {
  flex: 1;
  min-width: 0;
  color: var(--color-text-20);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.green-dark .modal-container .share-link .share-link-copy[data-v-9c98e1ab],
.yellow-dark .modal-container .share-link .share-link-copy[data-v-9c98e1ab],
.amber-purple .modal-container .share-link .share-link-copy[data-v-9c98e1ab] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-text-weak, var(--color-primary-800));
}
.green-dark .modal-container .phone-area .modal-title[data-v-9c98e1ab],
.yellow-dark .modal-container .phone-area .modal-title[data-v-9c98e1ab],
.amber-purple .modal-container .phone-area .modal-title[data-v-9c98e1ab] {
  margin: 0.75rem 0;
}
.green-dark .modal-container .phone-area .phone-container[data-v-9c98e1ab],
.yellow-dark .modal-container .phone-area .phone-container[data-v-9c98e1ab],
.amber-purple .modal-container .phone-area .phone-container[data-v-9c98e1ab] {
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--color-bg-200);
  padding: 1.25rem;
}
.green-dark .modal-container .phone-area .phone-container .phone-list[data-v-9c98e1ab],
.yellow-dark .modal-container .phone-area .phone-container .phone-list[data-v-9c98e1ab],
.amber-purple .modal-container .phone-area .phone-container .phone-list[data-v-9c98e1ab] {
  display: flex;
  flex-wrap: wrap;
  max-height: 8rem;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.green-dark .modal-container .phone-area .phone-container .phone-list[data-v-9c98e1ab]::-webkit-scrollbar,
.yellow-dark .modal-container .phone-area .phone-container .phone-list[data-v-9c98e1ab]::-webkit-scrollbar,
.amber-purple .modal-container .phone-area .phone-container .phone-list[data-v-9c98e1ab]::-webkit-scrollbar {
  display: none;
}
.green-dark .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab],
.yellow-dark .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab],
.amber-purple .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab] {
  width: calc(100% / 3);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 500);
  margin-bottom: 0.75rem;
  color: var(--color-text-100);
}
.green-dark .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-9c98e1ab],
.yellow-dark .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-9c98e1ab],
.amber-purple .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-9c98e1ab] {
  color: var(--color-text-100);
}
.green-dark .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab]:nth-child(3n - 1),
.yellow-dark .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab]:nth-child(3n - 1),
.amber-purple .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab]:nth-child(3n - 1) {
  text-align: center;
}
.green-dark .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab]:nth-child(3n),
.yellow-dark .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab]:nth-child(3n),
.amber-purple .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab]:nth-child(3n) {
  text-align: right;
}
.green-dark .modal-container .phone-area .send-container[data-v-9c98e1ab],
.yellow-dark .modal-container .phone-area .send-container[data-v-9c98e1ab],
.amber-purple .modal-container .phone-area .send-container[data-v-9c98e1ab] {
  display: flex;
  margin-top: 0.75rem;
  margin-bottom: 1.25rem;
  gap: 1.25rem;
}
.green-dark .modal-container .phone-area .send-container .send-button[data-v-9c98e1ab],
.yellow-dark .modal-container .phone-area .send-container .send-button[data-v-9c98e1ab],
.amber-purple .modal-container .phone-area .send-container .send-button[data-v-9c98e1ab] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--color-bg-200);
  padding: 0.375rem 0.5rem;
  color: var(--color-text-100);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  gap: 0.5rem;
}
.green-dark .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-9c98e1ab],
.yellow-dark .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-9c98e1ab],
.amber-purple .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-9c98e1ab] {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0;
}
.green-dark .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-9c98e1ab],
.yellow-dark .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-9c98e1ab],
.amber-purple .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-9c98e1ab] {
  width: 100%;
  height: 100%;
}
.purple-light .modal-container[data-v-9c98e1ab] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.purple-light .modal-container .modal-content[data-v-9c98e1ab] {
  position: relative;
  padding: 0.7rem 1rem 1rem 1rem;
  border-radius: var(--ep-border-radius-surface-small, 0.75rem) var(--ep-border-radius-surface-small, 0.75rem) 0 0;
  background: var(--color-bg-300);
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}
.purple-light .modal-container .modal-content .modal-close-icon[data-v-9c98e1ab] {
  position: absolute;
  top: 0.625rem;
  right: 1rem;
  font-size: 1.5625rem;
  color: var(--ep-color-icon-default);
}
.purple-light .modal-container .modal-content .modal-title[data-v-9c98e1ab] {
  display: flex;
  align-items: flex-start;
  color: var(--color-text-50);
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
  width: 20.875rem;
}
.purple-light .modal-container .modal-content .modal-title .modal-title-index[data-v-9c98e1ab] {
  display: inline-block;
  flex: 0 0 0.75rem;
  margin-right: 0.25rem;
}
.purple-light .modal-container .share-preview[data-v-9c98e1ab] {
  position: relative;
  margin: 0.5rem auto 0 auto;
  border-radius: 1.25rem;
  overflow: hidden;
  width: 22.5rem;
  height: 25rem;
}
.purple-light .modal-container .share-preview[data-v-9c98e1ab]::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 65%, rgba(40, 40, 40, 0.9) 100%);
  pointer-events: none;
  z-index: 1;
}
.purple-light .modal-container .share-preview .share-preview-text[data-v-9c98e1ab] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem;
  color: #ffffff;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
  line-height: 1.5;
  z-index: 2;
}
.purple-light .modal-container .share-preview img[data-v-9c98e1ab] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.purple-light .modal-container .platform[data-v-9c98e1ab] {
  margin: 0.5rem auto;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.purple-light .modal-container .platform[data-v-9c98e1ab]::-webkit-scrollbar {
  display: none;
}
.purple-light .modal-container .platform .platform-share-title[data-v-9c98e1ab] {
  font-size: var(--ep-font-size-m);
  color: var(--ep-color-text-weak);
  font-weight: var(--ep-font-weight-medium);
  margin-bottom: 0.5rem;
}
.purple-light .modal-container .platform .platform-list[data-v-9c98e1ab] {
  white-space: nowrap;
  font-size: 0;
}
.purple-light .modal-container .platform .platform-list .platform-icon[data-v-9c98e1ab] {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
}
.purple-light .modal-container .platform .platform-list .platform-icon[data-v-9c98e1ab]:not(:last-child) {
  margin-right: 1.25rem;
}
.purple-light .modal-container .share-link[data-v-9c98e1ab] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--color-bg-200);
  padding: 0.5rem 0.75rem;
}
.purple-light .modal-container .share-link .share-link-url[data-v-9c98e1ab] {
  flex: 1;
  min-width: 0;
  color: var(--color-text-40);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.purple-light .modal-container .share-link .share-link-copy[data-v-9c98e1ab] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-text-weak, var(--color-primary-800));
}
.purple-light .modal-container .phone-area .modal-title[data-v-9c98e1ab] {
  margin: 0.75rem 0;
}
.purple-light .modal-container .phone-area .phone-container[data-v-9c98e1ab] {
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--color-bg-200);
  padding: 1.25rem;
}
.purple-light .modal-container .phone-area .phone-container .phone-list[data-v-9c98e1ab] {
  display: flex;
  flex-wrap: wrap;
  max-height: 8rem;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.purple-light .modal-container .phone-area .phone-container .phone-list[data-v-9c98e1ab]::-webkit-scrollbar {
  display: none;
}
.purple-light .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab] {
  width: calc(100% / 3);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 500);
  margin-bottom: 0.75rem;
  color: var(--color-text-100);
}
.purple-light .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-9c98e1ab] {
  color: var(--color-text-100);
}
.purple-light .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab]:nth-child(3n - 1) {
  text-align: center;
}
.purple-light .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab]:nth-child(3n) {
  text-align: right;
}
.purple-light .modal-container .phone-area .send-container[data-v-9c98e1ab] {
  display: flex;
  margin-top: 0.75rem;
  margin-bottom: 1.25rem;
  gap: 1.25rem;
}
.purple-light .modal-container .phone-area .send-container .send-button[data-v-9c98e1ab] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--color-bg-200);
  padding: 0.375rem 0.5rem;
  color: var(--color-text-100);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  gap: 0.5rem;
}
.purple-light .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-9c98e1ab] {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0;
}
.purple-light .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-9c98e1ab] {
  width: 100%;
  height: 100%;
}
.green-default .modal-container[data-v-9c98e1ab],
.blue-default .modal-container[data-v-9c98e1ab],
.forest-green .modal-container[data-v-9c98e1ab],
.auroral-yellow .modal-container[data-v-9c98e1ab] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.green-default .modal-container .modal-content[data-v-9c98e1ab],
.blue-default .modal-container .modal-content[data-v-9c98e1ab],
.forest-green .modal-container .modal-content[data-v-9c98e1ab],
.auroral-yellow .modal-container .modal-content[data-v-9c98e1ab] {
  position: relative;
  padding: 0.7rem 1rem 1rem 1rem;
  border-radius: var(--ep-border-radius-surface-small, 0.75rem) var(--ep-border-radius-surface-small, 0.75rem) 0 0;
  background: var(--color-bg-300);
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}
.green-default .modal-container .modal-content .modal-close-icon[data-v-9c98e1ab],
.blue-default .modal-container .modal-content .modal-close-icon[data-v-9c98e1ab],
.forest-green .modal-container .modal-content .modal-close-icon[data-v-9c98e1ab],
.auroral-yellow .modal-container .modal-content .modal-close-icon[data-v-9c98e1ab] {
  position: absolute;
  top: 0.625rem;
  right: 1rem;
  font-size: 1.5625rem;
  color: var(--ep-color-icon-default);
}
.green-default .modal-container .modal-content .modal-title[data-v-9c98e1ab],
.blue-default .modal-container .modal-content .modal-title[data-v-9c98e1ab],
.forest-green .modal-container .modal-content .modal-title[data-v-9c98e1ab],
.auroral-yellow .modal-container .modal-content .modal-title[data-v-9c98e1ab] {
  display: flex;
  align-items: flex-start;
  color: var(--color-text-80);
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
  width: 20.875rem;
}
.green-default .modal-container .modal-content .modal-title .modal-title-index[data-v-9c98e1ab],
.blue-default .modal-container .modal-content .modal-title .modal-title-index[data-v-9c98e1ab],
.forest-green .modal-container .modal-content .modal-title .modal-title-index[data-v-9c98e1ab],
.auroral-yellow .modal-container .modal-content .modal-title .modal-title-index[data-v-9c98e1ab] {
  display: inline-block;
  flex: 0 0 0.75rem;
  margin-right: 0.25rem;
}
.green-default .modal-container .share-preview[data-v-9c98e1ab],
.blue-default .modal-container .share-preview[data-v-9c98e1ab],
.forest-green .modal-container .share-preview[data-v-9c98e1ab],
.auroral-yellow .modal-container .share-preview[data-v-9c98e1ab] {
  position: relative;
  margin: 0.5rem auto 0 auto;
  border-radius: 1.25rem;
  overflow: hidden;
  width: 22.5rem;
  height: 25rem;
}
.green-default .modal-container .share-preview[data-v-9c98e1ab]::after,
.blue-default .modal-container .share-preview[data-v-9c98e1ab]::after,
.forest-green .modal-container .share-preview[data-v-9c98e1ab]::after,
.auroral-yellow .modal-container .share-preview[data-v-9c98e1ab]::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 65%, rgba(40, 40, 40, 0.9) 100%);
  pointer-events: none;
  z-index: 1;
}
.green-default .modal-container .share-preview .share-preview-text[data-v-9c98e1ab],
.blue-default .modal-container .share-preview .share-preview-text[data-v-9c98e1ab],
.forest-green .modal-container .share-preview .share-preview-text[data-v-9c98e1ab],
.auroral-yellow .modal-container .share-preview .share-preview-text[data-v-9c98e1ab] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem;
  color: #ffffff;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
  line-height: 1.5;
  z-index: 2;
}
.green-default .modal-container .share-preview img[data-v-9c98e1ab],
.blue-default .modal-container .share-preview img[data-v-9c98e1ab],
.forest-green .modal-container .share-preview img[data-v-9c98e1ab],
.auroral-yellow .modal-container .share-preview img[data-v-9c98e1ab] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.green-default .modal-container .platform[data-v-9c98e1ab],
.blue-default .modal-container .platform[data-v-9c98e1ab],
.forest-green .modal-container .platform[data-v-9c98e1ab],
.auroral-yellow .modal-container .platform[data-v-9c98e1ab] {
  margin: 0.5rem auto;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.green-default .modal-container .platform[data-v-9c98e1ab]::-webkit-scrollbar,
.blue-default .modal-container .platform[data-v-9c98e1ab]::-webkit-scrollbar,
.forest-green .modal-container .platform[data-v-9c98e1ab]::-webkit-scrollbar,
.auroral-yellow .modal-container .platform[data-v-9c98e1ab]::-webkit-scrollbar {
  display: none;
}
.green-default .modal-container .platform .platform-share-title[data-v-9c98e1ab],
.blue-default .modal-container .platform .platform-share-title[data-v-9c98e1ab],
.forest-green .modal-container .platform .platform-share-title[data-v-9c98e1ab],
.auroral-yellow .modal-container .platform .platform-share-title[data-v-9c98e1ab] {
  font-size: var(--ep-font-size-m);
  color: var(--ep-color-text-weak);
  font-weight: var(--ep-font-weight-medium);
  margin-bottom: 0.5rem;
}
.green-default .modal-container .platform .platform-list[data-v-9c98e1ab],
.blue-default .modal-container .platform .platform-list[data-v-9c98e1ab],
.forest-green .modal-container .platform .platform-list[data-v-9c98e1ab],
.auroral-yellow .modal-container .platform .platform-list[data-v-9c98e1ab] {
  white-space: nowrap;
  font-size: 0;
}
.green-default .modal-container .platform .platform-list .platform-icon[data-v-9c98e1ab],
.blue-default .modal-container .platform .platform-list .platform-icon[data-v-9c98e1ab],
.forest-green .modal-container .platform .platform-list .platform-icon[data-v-9c98e1ab],
.auroral-yellow .modal-container .platform .platform-list .platform-icon[data-v-9c98e1ab] {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
}
.green-default .modal-container .platform .platform-list .platform-icon[data-v-9c98e1ab]:not(:last-child),
.blue-default .modal-container .platform .platform-list .platform-icon[data-v-9c98e1ab]:not(:last-child),
.forest-green .modal-container .platform .platform-list .platform-icon[data-v-9c98e1ab]:not(:last-child),
.auroral-yellow .modal-container .platform .platform-list .platform-icon[data-v-9c98e1ab]:not(:last-child) {
  margin-right: 1.25rem;
}
.green-default .modal-container .share-link[data-v-9c98e1ab],
.blue-default .modal-container .share-link[data-v-9c98e1ab],
.forest-green .modal-container .share-link[data-v-9c98e1ab],
.auroral-yellow .modal-container .share-link[data-v-9c98e1ab] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--color-bg-200);
  padding: 0.5rem 0.75rem;
}
.green-default .modal-container .share-link .share-link-url[data-v-9c98e1ab],
.blue-default .modal-container .share-link .share-link-url[data-v-9c98e1ab],
.forest-green .modal-container .share-link .share-link-url[data-v-9c98e1ab],
.auroral-yellow .modal-container .share-link .share-link-url[data-v-9c98e1ab] {
  flex: 1;
  min-width: 0;
  color: var(--color-text-40);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.green-default .modal-container .share-link .share-link-copy[data-v-9c98e1ab],
.blue-default .modal-container .share-link .share-link-copy[data-v-9c98e1ab],
.forest-green .modal-container .share-link .share-link-copy[data-v-9c98e1ab],
.auroral-yellow .modal-container .share-link .share-link-copy[data-v-9c98e1ab] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-text-weak, var(--color-primary-800));
}
.green-default .modal-container .phone-area .modal-title[data-v-9c98e1ab],
.blue-default .modal-container .phone-area .modal-title[data-v-9c98e1ab],
.forest-green .modal-container .phone-area .modal-title[data-v-9c98e1ab],
.auroral-yellow .modal-container .phone-area .modal-title[data-v-9c98e1ab] {
  margin: 0.75rem 0;
}
.green-default .modal-container .phone-area .phone-container[data-v-9c98e1ab],
.blue-default .modal-container .phone-area .phone-container[data-v-9c98e1ab],
.forest-green .modal-container .phone-area .phone-container[data-v-9c98e1ab],
.auroral-yellow .modal-container .phone-area .phone-container[data-v-9c98e1ab] {
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--color-bg-200);
  padding: 1.25rem;
}
.green-default .modal-container .phone-area .phone-container .phone-list[data-v-9c98e1ab],
.blue-default .modal-container .phone-area .phone-container .phone-list[data-v-9c98e1ab],
.forest-green .modal-container .phone-area .phone-container .phone-list[data-v-9c98e1ab],
.auroral-yellow .modal-container .phone-area .phone-container .phone-list[data-v-9c98e1ab] {
  display: flex;
  flex-wrap: wrap;
  max-height: 8rem;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.green-default .modal-container .phone-area .phone-container .phone-list[data-v-9c98e1ab]::-webkit-scrollbar,
.blue-default .modal-container .phone-area .phone-container .phone-list[data-v-9c98e1ab]::-webkit-scrollbar,
.forest-green .modal-container .phone-area .phone-container .phone-list[data-v-9c98e1ab]::-webkit-scrollbar,
.auroral-yellow .modal-container .phone-area .phone-container .phone-list[data-v-9c98e1ab]::-webkit-scrollbar {
  display: none;
}
.green-default .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab],
.blue-default .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab],
.forest-green .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab],
.auroral-yellow .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab] {
  width: calc(100% / 3);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 500);
  margin-bottom: 0.75rem;
  color: var(--color-text-100);
}
.green-default .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-9c98e1ab],
.blue-default .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-9c98e1ab],
.forest-green .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-9c98e1ab],
.auroral-yellow .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-9c98e1ab] {
  color: var(--color-text-100);
}
.green-default .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab]:nth-child(3n - 1),
.blue-default .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab]:nth-child(3n - 1),
.forest-green .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab]:nth-child(3n - 1),
.auroral-yellow .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab]:nth-child(3n - 1) {
  text-align: center;
}
.green-default .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab]:nth-child(3n),
.blue-default .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab]:nth-child(3n),
.forest-green .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab]:nth-child(3n),
.auroral-yellow .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab]:nth-child(3n) {
  text-align: right;
}
.green-default .modal-container .phone-area .send-container[data-v-9c98e1ab],
.blue-default .modal-container .phone-area .send-container[data-v-9c98e1ab],
.forest-green .modal-container .phone-area .send-container[data-v-9c98e1ab],
.auroral-yellow .modal-container .phone-area .send-container[data-v-9c98e1ab] {
  display: flex;
  margin-top: 0.75rem;
  margin-bottom: 1.25rem;
  gap: 1.25rem;
}
.green-default .modal-container .phone-area .send-container .send-button[data-v-9c98e1ab],
.blue-default .modal-container .phone-area .send-container .send-button[data-v-9c98e1ab],
.forest-green .modal-container .phone-area .send-container .send-button[data-v-9c98e1ab],
.auroral-yellow .modal-container .phone-area .send-container .send-button[data-v-9c98e1ab] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--color-bg-200);
  padding: 0.375rem 0.5rem;
  color: var(--color-text-100);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  gap: 0.5rem;
}
.green-default .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-9c98e1ab],
.blue-default .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-9c98e1ab],
.forest-green .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-9c98e1ab],
.auroral-yellow .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-9c98e1ab] {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0;
}
.green-default .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-9c98e1ab],
.blue-default .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-9c98e1ab],
.forest-green .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-9c98e1ab],
.auroral-yellow .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-9c98e1ab] {
  width: 100%;
  height: 100%;
}
ion-modal.piece-two-share-skin18 .modal-container .modal-content[data-v-9c98e1ab] {
  background: var(--ep-color-background-fill-surface-raised-L2, #1d2a55);
}
ion-modal.piece-two-share-skin18 .modal-container .modal-content .modal-close-icon[data-v-9c98e1ab] {
  color: var(--ep-color-icon-default, #ffffff);
}
ion-modal.piece-two-share-skin18 .modal-container .modal-content .modal-title[data-v-9c98e1ab] {
  color: var(--ep-color-text-default, #ffffff);
}
ion-modal.piece-two-share-skin18 .modal-container .platform .platform-share-title[data-v-9c98e1ab] {
  color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6));
}
ion-modal.piece-two-share-skin18 .modal-container .share-link[data-v-9c98e1ab] {
  background: var(--ep-color-background-fill-body-default, #131f42);
}
ion-modal.piece-two-share-skin18 .modal-container .share-link .share-link-url[data-v-9c98e1ab] {
  color: var(--ep-color-text-weakest, rgba(255, 255, 255, 0.2));
}
ion-modal.piece-two-share-skin18 .modal-container .share-link .share-link-copy[data-v-9c98e1ab] {
  color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6));
}
ion-modal.piece-two-share-skin18 .modal-container .phone-area .phone-container[data-v-9c98e1ab] {
  background: var(--ep-color-background-fill-body-default, #131f42);
}
ion-modal.piece-two-share-skin18 .modal-container .phone-area .phone-container .phone-item[data-v-9c98e1ab] {
  color: var(--ep-color-text-default, #ffffff);
}
ion-modal.piece-two-share-skin18 .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-9c98e1ab] {
  color: var(--ep-color-text-default, #ffffff);
}
ion-modal.piece-two-share-skin18 .modal-container .phone-area .send-container .send-button[data-v-9c98e1ab] {
  background: var(--ep-color-background-fill-body-default, #131f42);
  color: var(--ep-color-text-default, #ffffff);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.vHtml {
  text-align: left;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.date[data-v-6fbb8aae] {
  min-width: 11rem;
  border-radius: 0.25rem;
  padding: 0 0.4375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2rem;
  background-color: var(--mlm-agent-date-bg-color);
}
.date.range-mode[data-v-6fbb8aae] {
  padding: 0.125rem 0.25rem;
}
.date span[data-v-6fbb8aae] {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--mlm-subdetail-item-name-color);
}
.date .timeChoose[data-v-6fbb8aae] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  margin-left: 0.3125rem;
}
.date .timeChoose .single-date[data-v-6fbb8aae] {
  font-size: 0.75rem;
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--mlm-selected-text-color);
}
.date .timeChoose p[data-v-6fbb8aae] {
  font-size: 0.75rem;
  color: var(--mlm-selected-text-color);
  margin: 0;
}
.date .timeChoose p.on[data-v-6fbb8aae] {
  border-bottom: 1px solid #38A8FA;
}
.date .timeChoose .separator[data-v-6fbb8aae] {
  margin: 0 0.25rem;
  font-size: 0.75rem;
  color: var(--mlm-selected-text-color);
  font-weight: 700;
}
.date .timeChoose ion-icon[data-v-6fbb8aae] {
  font-size: 0.875rem;
  margin-left: 0.25rem;
  color: var(--mlm-select-icon-text-color);
}
.new-skin-symbol .date[data-v-6fbb8aae] {
  background-color: var(--ep-color-background-fill-surface-raised-L1);
}
.new-skin-symbol .date span[data-v-6fbb8aae] {
  color: var(--ep-color-text-weaker);
}
.new-skin-symbol .date .timeChoose .single-date[data-v-6fbb8aae] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .date .timeChoose p[data-v-6fbb8aae] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .date .timeChoose p.on[data-v-6fbb8aae] {
  border-bottom-color: var(--ep-color-background-fill-active-primary);
}
.new-skin-symbol .date .timeChoose .separator[data-v-6fbb8aae] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .date .timeChoose ion-icon[data-v-6fbb8aae] {
  color: var(--ep-color-icon-weaker);
}
[data-v-6fbb8aae] ion-popover {
  --width: 22rem;
  --max-width: 90vw;
}
ion-datetime[data-v-6fbb8aae] {
  --wheel-fade-background-rgb: transparent;
  font-size: 0.875rem;
}
ion-datetime[data-v-6fbb8aae]::part(month-year) {
  font-size: 0.875rem;
  font-weight: 500;
}
ion-datetime[data-v-6fbb8aae]::part(calendar-day) {
  font-size: 0.875rem;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
}
ion-datetime[data-v-6fbb8aae]::part(wheel-item) {
  font-size: 0.875rem;
}
ion-datetime[data-v-6fbb8aae]::part(calendar-day active) {
  box-shadow: none;
}
.new-skin-symbol ion-datetime[data-v-6fbb8aae] {
  --background: var(--ep-color-background-fill-surface-raised-L1);
  color: var(--ep-color-text-weak);
  --wheel-highlight-background: var(--ep-color-background-fill-surface-raised-L1);
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: var(--ep-color-background-fill-active-primary);
  --ion-color-step-300: var(--ep-color-text-weak);
  --ion-color-base: var(--ep-color-background-fill-active-primary);
}
.new-skin-symbol ion-datetime[data-v-6fbb8aae]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--ep-color-background-fill-active-primary);
  --ion-color-base: var(--ep-color-background-fill-active-primary);
  font-size: 0.875rem;
}
.new-skin-symbol ion-datetime[data-v-6fbb8aae]::part(calendar-day active) {
  box-shadow: none;
  color: var(--ep-color-text-inverse);
  background: var(--ep-color-background-fill-active-primary);
}
.new-skin-symbol ion-datetime[data-v-6fbb8aae]::part(wheel-item active) {
  color: var(--ep-color-background-fill-active-primary);
}
.mystlight-blue ion-datetime[data-v-6fbb8aae],
.theme-24 ion-datetime[data-v-6fbb8aae] {
  --background: var(--ep-color-background-fill-surface-raised-L1);
  color: var(--ep-color-text-weak);
  --wheel-highlight-background: var(--ep-color-background-fill-surface-raised-L1);
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: var(--ep-color-background-fill-active-primary);
  --ion-color-step-300: var(--ep-color-text-weak);
  --ion-color-base: var(--ep-color-background-fill-active-primary);
}
.mystlight-blue ion-datetime[data-v-6fbb8aae]::part(month-year-button),
.theme-24 ion-datetime[data-v-6fbb8aae]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--ep-color-background-fill-active-primary);
  --ion-color-base: var(--ep-color-background-fill-active-primary);
  font-size: 0.875rem;
}
.mystlight-blue ion-datetime[data-v-6fbb8aae]::part(calendar-day active),
.theme-24 ion-datetime[data-v-6fbb8aae]::part(calendar-day active) {
  box-shadow: none;
  color: var(--ep-color-text-inverse);
  background: var(--ep-color-background-fill-active-primary);
}
.mystlight-blue ion-datetime[data-v-6fbb8aae]::part(wheel-item active),
.theme-24 ion-datetime[data-v-6fbb8aae]::part(wheel-item active) {
  color: var(--ep-color-background-fill-active-primary);
}
.theme-24 ion-datetime[data-v-6fbb8aae] {
  --ion-color-step-200: rgba(255, 255, 255, 0.1);
}
.green-dark ion-datetime[data-v-6fbb8aae],
.yellow-dark ion-datetime[data-v-6fbb8aae] {
  --background: transparent;
  color: #fff;
  --wheel-highlight-background: transparent;
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: rgba(255, 255, 255, 0.6);
  --ion-color-step-300: var(--ep-color-text-weak);
  --ion-color-base: var(--color-primary-800);
}
.green-dark ion-datetime[data-v-6fbb8aae]::part(month-year-button),
.yellow-dark ion-datetime[data-v-6fbb8aae]::part(month-year-button) {
  --color: var(--color-primary-800);
  color: var(--color-primary-800);
  --ion-color-base: var(--color-primary-800);
  font-size: 0.875rem;
}
.green-dark ion-datetime[data-v-6fbb8aae]::part(calendar-day active),
.yellow-dark ion-datetime[data-v-6fbb8aae]::part(calendar-day active) {
  box-shadow: none;
  color: #fff;
  background: var(--color-primary-800);
}
.green-dark ion-datetime[data-v-6fbb8aae]::part(wheel-item active),
.yellow-dark ion-datetime[data-v-6fbb8aae]::part(wheel-item active) {
  color: var(--color-primary-800);
}
.purple-light ion-datetime[data-v-6fbb8aae] {
  --background: transparent;
  color: var(--color-primary-800);
  --wheel-highlight-background: transparent;
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: #4d4d4d;
  --ion-color-step-300: #4d4d4d;
  --ion-color-base: var(--color-primary-800);
}
.purple-light ion-datetime[data-v-6fbb8aae]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--color-primary-800);
  --ion-color-base: var(--color-primary-800);
  font-size: 0.875rem;
}
.purple-light ion-datetime[data-v-6fbb8aae]::part(calendar-day active) {
  box-shadow: none;
  color: #fff;
  background: var(--color-primary-800);
}
.purple-light ion-datetime[data-v-6fbb8aae]::part(wheel-item active) {
  color: var(--color-primary-800);
}
.amber-purple ion-datetime[data-v-6fbb8aae] {
  --background: transparent;
  color: #bdb8e1;
  --wheel-highlight-background: transparent;
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: var(--color-primary-800);
  --ion-color-step-300: var(--ep-color-text-weak);
  --ion-color-base: var(--color-primary-800);
}
.amber-purple ion-datetime[data-v-6fbb8aae]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--color-primary-800);
  --ion-color-base: var(--color-primary-800);
  font-size: 0.875rem;
}
.amber-purple ion-datetime[data-v-6fbb8aae]::part(calendar-day active) {
  box-shadow: none;
  color: #fff;
  background: var(--color-primary-800);
}
.amber-purple ion-datetime[data-v-6fbb8aae]::part(wheel-item active) {
  color: var(--color-primary-800);
}
.blue-default ion-datetime[data-v-6fbb8aae] {
  --background: transparent;
  color: #fff;
  --wheel-highlight-background: transparent;
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: var(--color-primary-800);
  --ion-color-step-300: var(--ep-color-text-weak);
  --ion-color-base: var(--color-primary-800);
}
.blue-default ion-datetime[data-v-6fbb8aae]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--color-primary-800);
  --ion-color-base: var(--color-primary-800);
  font-size: 0.875rem;
}
.blue-default ion-datetime[data-v-6fbb8aae]::part(calendar-day active) {
  box-shadow: none;
  color: #fff;
  background: var(--color-primary-800);
}
.blue-default ion-datetime[data-v-6fbb8aae]::part(wheel-item active) {
  color: var(--color-primary-800);
}
.green-default ion-datetime[data-v-6fbb8aae] {
  --background: transparent;
  color: #fff;
  --wheel-highlight-background: transparent;
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: var(--color-primary-800);
  --ion-color-step-300: var(--ep-color-text-weak);
  --ion-color-base: var(--color-primary-800);
}
.green-default ion-datetime[data-v-6fbb8aae]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--color-primary-800);
  --ion-color-base: var(--color-primary-800);
  font-size: 0.875rem;
}
.green-default ion-datetime[data-v-6fbb8aae]::part(calendar-day active) {
  box-shadow: none;
  color: #fff;
  background: var(--color-primary-800);
}
.green-default ion-datetime[data-v-6fbb8aae]::part(wheel-item active) {
  color: var(--color-primary-800);
}
.forest-green ion-datetime[data-v-6fbb8aae] {
  --background: transparent;
  color: #fff;
  --wheel-highlight-background: transparent;
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: rgba(255, 255, 255, 0.6);
  --ion-color-step-300: var(--ep-color-text-weak);
  --ion-color-base: #009f76;
}
.forest-green ion-datetime[data-v-6fbb8aae]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: #009f76;
  --ion-color-base: #009f76;
  font-size: 0.875rem;
}
.forest-green ion-datetime[data-v-6fbb8aae]::part(calendar-day active) {
  box-shadow: none;
  color: var(--ep-color-text-inverse);
  background: var(--color-primary-800);
}
.forest-green ion-datetime[data-v-6fbb8aae]::part(wheel-item active) {
  color: #009f76;
}
.auroral-yellow ion-datetime[data-v-6fbb8aae] {
  --background: transparent;
  color: #fff;
  --wheel-highlight-background: transparent;
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: var(--color-primary-800);
  --ion-color-step-300: var(--ep-color-text-weak);
  --ion-color-base: var(--color-primary-800);
}
.auroral-yellow ion-datetime[data-v-6fbb8aae]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--color-primary-800);
  --ion-color-base: var(--color-primary-800);
  font-size: 0.875rem;
}
.auroral-yellow ion-datetime[data-v-6fbb8aae]::part(calendar-day active) {
  box-shadow: none;
  color: var(--ep-color-text-inverse);
  background: var(--color-primary-800);
}
.auroral-yellow ion-datetime[data-v-6fbb8aae]::part(wheel-item active) {
  color: var(--color-primary-800);
}
.phantom-blue ion-datetime[data-v-6fbb8aae] {
  --background: transparent;
  color: #fff;
  --wheel-highlight-background: transparent;
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: var(--color-primary-800);
  --ion-color-step-300: var(--ep-color-text-weak);
  --ion-color-base: var(--color-primary-800);
}
.phantom-blue ion-datetime[data-v-6fbb8aae]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--color-primary-800);
  --ion-color-base: var(--color-primary-800);
  font-size: 0.875rem;
}
.phantom-blue ion-datetime[data-v-6fbb8aae]::part(calendar-day active) {
  box-shadow: none;
  color: var(--ep-color-text-inverse);
  background: var(--color-primary-800);
}
.phantom-blue ion-datetime[data-v-6fbb8aae]::part(wheel-item active) {
  color: var(--color-primary-800);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.date[data-v-ffddd28b] {
  min-width: 11rem;
  border-radius: 0.25rem;
  padding: 0 0.4375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2rem;
  background-color: var(--mlm-agent-date-bg-color);
}
.date span[data-v-ffddd28b] {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--mlm-subdetail-item-name-color);
}
.date .timeChoose[data-v-ffddd28b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  flex: 1;
  margin-left: 0.3125rem;
}
.date .timeChoose div[data-v-ffddd28b] {
  font-size: 0.75rem;
  color: var(--mlm-selected-text-color);
}
.date .timeChoose ion-icon[data-v-ffddd28b] {
  font-size: 0.875rem;
  margin-left: 0.25rem;
  color: var(--mlm-select-icon-text-color);
}
.new-skin-symbol .date[data-v-ffddd28b] {
  background-color: var(--ep-color-background-fill-surface-raised-L1);
}
.new-skin-symbol .date span[data-v-ffddd28b] {
  color: var(--ep-color-text-weaker);
}
.new-skin-symbol .date .timeChoose div[data-v-ffddd28b] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .date .timeChoose ion-icon[data-v-ffddd28b] {
  color: var(--ep-color-icon-weaker);
}
[data-v-ffddd28b] ion-popover {
  --width: 22rem;
  --max-width: 90vw;
}
ion-datetime[data-v-ffddd28b] {
  --wheel-fade-background-rgb: transparent;
  font-size: 1rem;
}
ion-datetime[data-v-ffddd28b]::part(month-year) {
  font-size: 1.125rem;
  font-weight: 500;
}
ion-datetime[data-v-ffddd28b]::part(calendar-day) {
  font-size: 1rem;
  width: 2.5rem;
  height: 2.5rem;
}
ion-datetime[data-v-ffddd28b]::part(button) {
  font-size: 1rem;
}
ion-datetime[data-v-ffddd28b]::part(calendar-day active) {
  box-shadow: none;
}
.new-skin-symbol ion-datetime[data-v-ffddd28b] {
  --background: var(--ep-color-background-fill-surface-raised-L2);
  color: var(--ep-color-text-weak);
  --wheel-highlight-background: var(--ep-color-background-fill-active-primary);
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: var(--ep-color-background-fill-active-primary);
  --ion-color-step-300: rgba(255, 255, 255, 0.6);
}
.new-skin-symbol ion-datetime[data-v-ffddd28b]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--ep-color-background-fill-active-primary);
  --ion-color-base: var(--ep-color-background-fill-active-primary);
}
.new-skin-symbol ion-datetime[data-v-ffddd28b]::part(calendar-day active) {
  box-shadow: none;
  color: var(--ep-color-text-inverse);
  background: var(--ep-color-background-fill-active-primary);
}
.green-dark ion-datetime[data-v-ffddd28b],
.yellow-dark ion-datetime[data-v-ffddd28b] {
  --background: var(--ep-color-background-fill-surface-raised-L2);
  color: #fff;
  --wheel-highlight-background: var(--color-primary-800);
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: rgba(255, 255, 255, 0.6);
  --ion-color-step-300: rgba(255, 255, 255, 0.6);
}
.green-dark ion-datetime[data-v-ffddd28b]::part(month-year-button),
.yellow-dark ion-datetime[data-v-ffddd28b]::part(month-year-button) {
  --color: var(--color-primary-800);
  color: var(--color-primary-800);
  --ion-color-base: var(--color-primary-800);
}
.green-dark ion-datetime[data-v-ffddd28b]::part(calendar-day active),
.yellow-dark ion-datetime[data-v-ffddd28b]::part(calendar-day active) {
  box-shadow: none;
  color: #fff;
  background: var(--color-primary-800);
}
.purple-light ion-datetime[data-v-ffddd28b] {
  --background: var(--ep-color-background-fill-surface-raised-L2);
  color: var(--color-primary-800);
  --wheel-highlight-background: #fff;
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: #4d4d4d;
  --ion-color-step-300: #4d4d4d;
}
.purple-light ion-datetime[data-v-ffddd28b]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--color-primary-800);
  --ion-color-base: var(--color-primary-800);
}
.purple-light ion-datetime[data-v-ffddd28b]::part(calendar-day active) {
  box-shadow: none;
  color: #fff;
  background: var(--color-primary-800);
}
.amber-purple ion-datetime[data-v-ffddd28b] {
  --background: var(--ep-color-background-fill-surface-raised-L2);
  color: #bdb8e1;
  --wheel-highlight-background: #7041f3;
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: var(--color-primary-800);
  --ion-color-step-300: rgba(255, 255, 255, 0.6);
}
.amber-purple ion-datetime[data-v-ffddd28b]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--color-primary-800);
  --ion-color-base: var(--color-primary-800);
}
.amber-purple ion-datetime[data-v-ffddd28b]::part(calendar-day active) {
  box-shadow: none;
  color: #fff;
  background: var(--color-primary-800);
}
.blue-default ion-datetime[data-v-ffddd28b] {
  --background: var(--ep-color-background-fill-surface-raised-L2);
  color: #fff;
  --wheel-highlight-background: var(--color-primary-800);
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: var(--color-primary-800);
  --ion-color-step-300: rgba(255, 255, 255, 0.6);
}
.blue-default ion-datetime[data-v-ffddd28b]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--color-primary-800);
  --ion-color-base: var(--color-primary-800);
}
.blue-default ion-datetime[data-v-ffddd28b]::part(calendar-day active) {
  box-shadow: none;
  color: #fff;
  background: var(--color-primary-800);
}
.green-default ion-datetime[data-v-ffddd28b] {
  --background: var(--color-bg-commission-third);
  color: #fff;
  --wheel-highlight-background: var(--color-primary-800);
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: var(--color-primary-800);
  --ion-color-step-300: rgba(255, 255, 255, 0.6);
}
.green-default ion-datetime[data-v-ffddd28b]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--color-primary-800);
  --ion-color-base: var(--color-primary-800);
}
.green-default ion-datetime[data-v-ffddd28b]::part(calendar-day active) {
  box-shadow: none;
  color: #fff;
  background: var(--color-primary-800);
}
.forest-green ion-datetime[data-v-ffddd28b] {
  --background: var(--color-bg-commission-third);
  color: #fff;
  --wheel-highlight-background: var(--color-primary-800);
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: #009f76;
  --ion-color-step-300: rgba(255, 255, 255, 0.6);
}
.forest-green ion-datetime[data-v-ffddd28b]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: #009f76;
  --ion-color-base: #009f76;
}
.forest-green ion-datetime[data-v-ffddd28b]::part(calendar-day active) {
  box-shadow: none;
  color: var(--ep-color-text-inverse);
  background: var(--color-primary-800);
}
.auroral-yellow ion-datetime[data-v-ffddd28b] {
  --background: var(--color-bg-commission-third);
  color: #fff;
  --wheel-highlight-background: var(--color-primary-800);
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: var(--color-primary-800);
  --ion-color-step-300: rgba(255, 255, 255, 0.6);
}
.auroral-yellow ion-datetime[data-v-ffddd28b]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--color-primary-800);
  --ion-color-base: var(--color-primary-800);
}
.auroral-yellow ion-datetime[data-v-ffddd28b]::part(calendar-day active) {
  box-shadow: none;
  color: var(--ep-color-text-inverse);
  background: var(--color-primary-800);
}
.phantom-blue ion-datetime[data-v-ffddd28b] {
  --background: #1a1f30;
  color: #fff;
  --wheel-highlight-background: var(--color-primary-800);
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: var(--color-primary-800);
  --ion-color-step-300: rgba(255, 255, 255, 0.6);
}
.phantom-blue ion-datetime[data-v-ffddd28b]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--color-primary-800);
  --ion-color-base: var(--color-primary-800);
}
.phantom-blue ion-datetime[data-v-ffddd28b]::part(calendar-day active) {
  box-shadow: none;
  color: var(--ep-color-text-inverse);
  background: var(--color-primary-800);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.date[data-v-ba59caa7] {
  min-width: 11rem;
  border-radius: 0.25rem;
  padding: 0 0.4375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2rem;
  background-color: var(--mlm-agent-date-bg-color);
}
.date.ab-calendar2[data-v-ba59caa7] {
  padding: 0.125rem 0.25rem;
}
.date span[data-v-ba59caa7] {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--mlm-subdetail-item-name-color);
}
.date .timeChoose[data-v-ba59caa7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  flex: 1;
  margin-left: 0.3125rem;
}
.date .timeChoose p[data-v-ba59caa7] {
  font-size: 0.75rem;
  color: var(--mlm-selected-text-color);
  margin: 0;
}
.date .timeChoose p.on[data-v-ba59caa7] {
  border-bottom: 1px solid #38A8FA;
}
.date .timeChoose .separator[data-v-ba59caa7] {
  margin: 0 0.25rem;
  font-size: 0.75rem;
  color: var(--mlm-selected-text-color);
}
.date .timeChoose ion-icon[data-v-ba59caa7] {
  font-size: 0.875rem;
  margin-left: 0.25rem;
  color: var(--mlm-select-icon-text-color);
}
.new-skin-symbol .date[data-v-ba59caa7] {
  background-color: var(--ep-color-background-fill-surface-raised-L1);
}
.new-skin-symbol .date span[data-v-ba59caa7] {
  color: var(--ep-color-text-weaker);
}
.new-skin-symbol .date .timeChoose p[data-v-ba59caa7] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .date .timeChoose .separator[data-v-ba59caa7] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .date .timeChoose ion-icon[data-v-ba59caa7] {
  color: var(--ep-color-icon-weaker);
}
[data-v-ba59caa7] ion-popover {
  --width: 22rem;
  --max-width: 90vw;
}
ion-datetime[data-v-ba59caa7] {
  --wheel-fade-background-rgb: transparent;
  font-size: 1rem;
}
ion-datetime[data-v-ba59caa7]::part(month-year) {
  font-size: 1.125rem;
  font-weight: 500;
}
ion-datetime[data-v-ba59caa7]::part(calendar-day) {
  font-size: 1rem;
  width: 2.5rem;
  height: 2.5rem;
}
ion-datetime[data-v-ba59caa7]::part(button) {
  font-size: 1rem;
}
ion-datetime[data-v-ba59caa7]::part(calendar-day active) {
  box-shadow: none;
}
.neo-blue ion-datetime[data-v-ba59caa7],
.goldshine-green ion-datetime[data-v-ba59caa7],
.stellar-dusk ion-datetime[data-v-ba59caa7],
.prosperity-red ion-datetime[data-v-ba59caa7] {
  --background: var(--ep-color-background-fill-surface-raised-L2);
  color: var(--ep-color-text-weak);
  --wheel-highlight-background: var(--ep-color-background-fill-active-primary);
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: var(--ep-color-background-fill-active-primary);
  --ion-color-step-300: rgba(255, 255, 255, 0.6);
}
.neo-blue ion-datetime[data-v-ba59caa7]::part(month-year-button),
.goldshine-green ion-datetime[data-v-ba59caa7]::part(month-year-button),
.stellar-dusk ion-datetime[data-v-ba59caa7]::part(month-year-button),
.prosperity-red ion-datetime[data-v-ba59caa7]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--ep-color-background-fill-active-primary);
  --ion-color-base: var(--ep-color-background-fill-active-primary);
}
.neo-blue ion-datetime[data-v-ba59caa7]::part(calendar-day active),
.goldshine-green ion-datetime[data-v-ba59caa7]::part(calendar-day active),
.stellar-dusk ion-datetime[data-v-ba59caa7]::part(calendar-day active),
.prosperity-red ion-datetime[data-v-ba59caa7]::part(calendar-day active) {
  box-shadow: none;
  color: var(--ep-color-text-inverse);
  background: var(--ep-color-background-fill-active-primary);
}
.green-dark ion-datetime[data-v-ba59caa7],
.yellow-dark ion-datetime[data-v-ba59caa7] {
  --background: var(--ep-color-background-fill-surface-raised-L2);
  color: #fff;
  --wheel-highlight-background: var(--color-primary-800);
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: rgba(255, 255, 255, 0.6);
  --ion-color-step-300: rgba(255, 255, 255, 0.6);
}
.green-dark ion-datetime[data-v-ba59caa7]::part(month-year-button),
.yellow-dark ion-datetime[data-v-ba59caa7]::part(month-year-button) {
  --color: var(--color-primary-800);
  color: var(--color-primary-800);
  --ion-color-base: var(--color-primary-800);
}
.green-dark ion-datetime[data-v-ba59caa7]::part(calendar-day active),
.yellow-dark ion-datetime[data-v-ba59caa7]::part(calendar-day active) {
  box-shadow: none;
  color: #fff;
  background: var(--color-primary-800);
}
.purple-light ion-datetime[data-v-ba59caa7] {
  --background: var(--ep-color-background-fill-surface-raised-L2);
  color: var(--color-primary-800);
  --wheel-highlight-background: #fff;
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: #4d4d4d;
  --ion-color-step-300: #4d4d4d;
}
.purple-light ion-datetime[data-v-ba59caa7]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--color-primary-800);
  --ion-color-base: var(--color-primary-800);
}
.purple-light ion-datetime[data-v-ba59caa7]::part(calendar-day active) {
  box-shadow: none;
  color: #fff;
  background: var(--color-primary-800);
}
.amber-purple ion-datetime[data-v-ba59caa7] {
  --background: var(--ep-color-background-fill-surface-raised-L2);
  color: #bdb8e1;
  --wheel-highlight-background: #7041f3;
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: var(--color-primary-800);
  --ion-color-step-300: rgba(255, 255, 255, 0.6);
}
.amber-purple ion-datetime[data-v-ba59caa7]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--color-primary-800);
  --ion-color-base: var(--color-primary-800);
}
.amber-purple ion-datetime[data-v-ba59caa7]::part(calendar-day active) {
  box-shadow: none;
  color: #fff;
  background: var(--color-primary-800);
}
.blue-default ion-datetime[data-v-ba59caa7] {
  --background: var(--ep-color-background-fill-surface-raised-L2);
  color: #fff;
  --wheel-highlight-background: var(--color-primary-800);
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: var(--color-primary-800);
  --ion-color-step-300: rgba(255, 255, 255, 0.6);
}
.blue-default ion-datetime[data-v-ba59caa7]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--color-primary-800);
  --ion-color-base: var(--color-primary-800);
}
.blue-default ion-datetime[data-v-ba59caa7]::part(calendar-day active) {
  box-shadow: none;
  color: #fff;
  background: var(--color-primary-800);
}
.green-default ion-datetime[data-v-ba59caa7] {
  --background: var(--color-bg-commission-third);
  color: #fff;
  --wheel-highlight-background: var(--color-primary-800);
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: var(--color-primary-800);
  --ion-color-step-300: rgba(255, 255, 255, 0.6);
}
.green-default ion-datetime[data-v-ba59caa7]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--color-primary-800);
  --ion-color-base: var(--color-primary-800);
}
.green-default ion-datetime[data-v-ba59caa7]::part(calendar-day active) {
  box-shadow: none;
  color: #fff;
  background: var(--color-primary-800);
}
.forest-green ion-datetime[data-v-ba59caa7] {
  --background: var(--color-bg-commission-third);
  color: #fff;
  --wheel-highlight-background: var(--color-primary-800);
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: #009f76;
  --ion-color-step-300: rgba(255, 255, 255, 0.6);
}
.forest-green ion-datetime[data-v-ba59caa7]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: #009f76;
  --ion-color-base: #009f76;
}
.forest-green ion-datetime[data-v-ba59caa7]::part(calendar-day active) {
  box-shadow: none;
  color: var(--ep-color-text-inverse);
  background: var(--color-primary-800);
}
.auroral-yellow ion-datetime[data-v-ba59caa7] {
  --background: var(--color-bg-commission-third);
  color: #fff;
  --wheel-highlight-background: var(--color-primary-800);
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: var(--color-primary-800);
  --ion-color-step-300: rgba(255, 255, 255, 0.6);
}
.auroral-yellow ion-datetime[data-v-ba59caa7]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--color-primary-800);
  --ion-color-base: var(--color-primary-800);
}
.auroral-yellow ion-datetime[data-v-ba59caa7]::part(calendar-day active) {
  box-shadow: none;
  color: var(--ep-color-text-inverse);
  background: var(--color-primary-800);
}
.phantom-blue ion-datetime[data-v-ba59caa7] {
  --background: #1a1f30;
  color: #fff;
  --wheel-highlight-background: var(--color-primary-800);
  --wheel-fade-background-rgb: none;
  --wheel-highlight-border-radius: 0.5rem;
  --color: var(--ep-color-background-fill-active-primary);
  --ion-color-primary: var(--color-primary-800);
  --ion-color-step-300: rgba(255, 255, 255, 0.6);
}
.phantom-blue ion-datetime[data-v-ba59caa7]::part(month-year-button) {
  --color: var(--ep-color-background-fill-active-primary);
  color: var(--color-primary-800);
  --ion-color-base: var(--color-primary-800);
}
.phantom-blue ion-datetime[data-v-ba59caa7]::part(calendar-day active) {
  box-shadow: none;
  color: var(--ep-color-text-inverse);
  background: var(--color-primary-800);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.ab-select-container {
  position: relative;
}
.ab-select-container .ab-select-display {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.75rem;
  background: var(--ep-color-background-fill-body-default);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  cursor: pointer;
  transition: all 0.2s ease;
  min-height: 1.7625rem;
  min-width: 7.5rem;
}
.ab-select-container .ab-select-display:hover:not(.ab-select-disabled) {
  border-color: var(--ep-color-border-hover, #ccc);
}
.ab-select-container .ab-select-display.ab-select-active {
  border-color: var(--ep-color-primary, #409eff);
}
.ab-select-container .ab-select-display.ab-select-disabled {
  background: var(--ep-color-background-fill-surface-disabled, #f5f7fa);
  color: var(--ep-color-text-disabled, #c0c4cc);
  cursor: not-allowed;
}
.ab-select-container .ab-select-display.ab-select-disabled .ab-select-icon {
  color: var(--ep-color-text-disabled, #c0c4cc);
}
.ab-select-container .ab-select-display .ab-select-text {
  flex: 1;
  color: var(--ep-color-text-default, #303133);
  font-size: var(--ep-font-size-base, 14px);
  line-height: 1.4;
  text-align: left;
}
.ab-select-container .ab-select-display .ab-select-icon {
  width: 1rem;
  height: 1rem;
  color: var(--ep-color-text-placeholder, #a8abb2);
  transition: transform 0.2s ease;
}
.ab-select-container .ab-select-display .ab-select-icon.ab-select-icon-active {
  transform: rotate(180deg);
}
.popover-viewport {
  overflow: hidden;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: 1px solid var(--ep-color-border-default);
  box-shadow: var(--ep-box-shadow-light, 0 2px 12px 0 rgba(0, 0, 0, 0.1));
}
.ab-select-options {
  background: var(--ep-color-background-fill-surface-raised-L1);
  margin: 0;
  border: 1px solid var(--ep-color-border-default);
}
.ab-select-option {
  margin: 0;
  padding: 0;
  cursor: pointer;
  text-align: center;
  height: 2.25rem;
}
.ab-select-option:hover {
  background: var(--ep-color-background-fill-surface-raised-L2, #f5f7fa);
}
.ab-select-option-text {
  margin: 0;
  text-align: center;
  font-size: var(--ep-font-size-s, 12px);
  font-weight: var(--ep-font-weight-bold, bold);
  line-height: 150%;
  transition: all 0.2s ease;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ab-select-option-text.ab-select-option-selected {
  background: var(--ep-color-background-fill-surface-raised-L2);
  color: var(--ep-color-text-selected, var(--ep-color-primary));
  font-weight: bold;
}
.ab-select-option-text.ab-select-option-normal {
  background: var(--ep-color-background-fill-surface-raised-L1);
  color: var(--ep-color-text-weaker);
}
.green-dark .ab-select-display,
.yellow-dark .ab-select-display,
.purple-light .ab-select-display,
.amber-purple .ab-select-display,
.blue-default .ab-select-display,
.green-default .ab-select-display,
.forest-green .ab-select-display,
.auroral-yellow .ab-select-display {
  background: var(--spread-commission-select-bg);
}
.green-dark .ab-select-display:hover:not(.ab-select-disabled),
.yellow-dark .ab-select-display:hover:not(.ab-select-disabled),
.purple-light .ab-select-display:hover:not(.ab-select-disabled),
.amber-purple .ab-select-display:hover:not(.ab-select-disabled),
.blue-default .ab-select-display:hover:not(.ab-select-disabled),
.green-default .ab-select-display:hover:not(.ab-select-disabled),
.forest-green .ab-select-display:hover:not(.ab-select-disabled),
.auroral-yellow .ab-select-display:hover:not(.ab-select-disabled) {
  border-color: transparent;
}
.green-dark .ab-select-display .ab-select-text,
.yellow-dark .ab-select-display .ab-select-text,
.purple-light .ab-select-display .ab-select-text,
.amber-purple .ab-select-display .ab-select-text,
.blue-default .ab-select-display .ab-select-text,
.green-default .ab-select-display .ab-select-text,
.forest-green .ab-select-display .ab-select-text,
.auroral-yellow .ab-select-display .ab-select-text {
  color: var(--color-text-100);
}
.green-dark .ab-select-option-normal,
.yellow-dark .ab-select-option-normal,
.purple-light .ab-select-option-normal,
.amber-purple .ab-select-option-normal,
.blue-default .ab-select-option-normal,
.green-default .ab-select-option-normal,
.forest-green .ab-select-option-normal,
.auroral-yellow .ab-select-option-normal {
  background: var(--spread-commission-select-bg);
  color: rgba(255, 255, 255, 0.4);
}
.green-dark .ab-select-option-selected,
.yellow-dark .ab-select-option-selected,
.purple-light .ab-select-option-selected,
.amber-purple .ab-select-option-selected,
.blue-default .ab-select-option-selected,
.green-default .ab-select-option-selected,
.forest-green .ab-select-option-selected,
.auroral-yellow .ab-select-option-selected {
  color: var(--ep-color-text-normal, var(--ep-color-primary));
}
.green-dark .ab-select-option:hover,
.yellow-dark .ab-select-option:hover,
.purple-light .ab-select-option:hover,
.amber-purple .ab-select-option:hover,
.blue-default .ab-select-option:hover,
.green-default .ab-select-option:hover,
.forest-green .ab-select-option:hover,
.auroral-yellow .ab-select-option:hover {
  background: transparent;
}
.purple-light .ab-select-option-normal {
  background: var(--spread-commission-select-bg);
  color: var(--color-text-100);
}
.purple-light .ab-select-option-selected {
  color: var(--color-primary-800);
}
.blue-default .ab-select-text {
  color: var(--color-text-gray-300) !important;
}
.blue-default .ab-select-display {
  background: var(--color-bg-300);
}
.blue-default .ab-select-option-normal {
  color: var(--color-text-gray-300);
}
.blue-default .ab-select-option-selected {
  background: #3b414d;
  color: var(--color-primary-800);
}
.green-default .ab-select-display {
  background: var(--color-bg-300);
}
.green-default .ab-select-text {
  color: var(--color-text-gray-200) !important;
}
.green-default .ab-select-option-selected {
  background: rgba(59, 65, 77, 0.4);
  color: var(--color-primary-800);
}
.forest-green .ab-select-display {
  background: var(--color-bg-300);
}
.forest-green .ab-select-text {
  color: var(--color-text-gray-200) !important;
}
.forest-green .ab-select-option-selected {
  background: var(--color-bg-400);
  color: var(--color-primary-800);
}
.amber-purple .ab-select-display {
  background: var(--color-bg-300);
}
.amber-purple .ab-select-text {
  color: var(--color-text-gray-200) !important;
}
.amber-purple .ab-select-option-selected {
  background: var(--color-bg-200);
  color: var(--color-primary-800);
}
.auroral-yellow .ab-select-display {
  background: var(--color-bg-300);
}
.auroral-yellow .ab-select-text {
  color: var(--color-text-gray-300) !important;
}
.auroral-yellow .ab-select-option-selected {
  background: var(--color-bg-200);
  color: var(--color-primary-800);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
div.empty-search[data-v-f5b5b980] {
  background: url('/first/svg/empty/search_bg.svg') no-repeat center;
}
.empty-svg[data-v-f5b5b980] {
  color: var(--empty-icon-color);
}
.blue-default-empty .empty-svg[data-v-f5b5b980] {
  color: #101629;
}
.green-default-empty .empty-svg[data-v-f5b5b980] {
  color: #274116;
}
.green-dark-empty .empty-svg[data-v-f5b5b980] {
  color: #262624;
}
.yellow-dark-empty .empty-svg[data-v-f5b5b980] {
  color: #262624;
}
.purple-light-empty .empty-svg[data-v-f5b5b980] {
  color: #ccb2ff;
}
.amber-purple-empty .empty-svg[data-v-f5b5b980] {
  color: #7a3fe8;
}
.new-skin-symbol .empty-svg[data-v-f5b5b980] {
  color: var(--ep-color-text-weakest);
  font-size: 3rem;
}
.new-skin-symbol ion-label[data-v-f5b5b980] {
  color: var(--ep-color-text-weakest);
  font-size: var(--ep-font-size-l);
  font-weight: var(--ep-font-weight-regular);
  white-space: nowrap;
}

ion-button[data-v-23fa8f95]::part(native) {
  width: 6.875rem;
  height: 2.1875rem;
  border-radius: 0.3125rem;
}
.btnList[data-v-23fa8f95]:nth-child(2) {
  margin-left: 1.875rem;
}
.bg-img-wrapper[data-v-23fa8f95]{
  border-radius: var(--ep-border-radius-surface-small, 1.125rem) var(--ep-border-radius-surface-small, 1.125rem) 0 0;
  overflow: hidden;
}
.leftBtn[data-v-23fa8f95] {
  min-height: 2.1875rem;
  --background: var(--color-bg-btn-popup-cancel);
  --color: var(--color-text-btn-basic);
  --box-shadow: none;
  font-size: 0.75rem;
}
.rightBtn[data-v-23fa8f95] {
  min-height: 2.1875rem;
  --background: transparent;
  --background-activated: transparent;
  --border-width: 0.0625rem;
  --border-style: solid;
  --border-color: var(--color-border-popup-confirm);
  --color: #595959;
  --box-shadow: none;
  font-size: 0.75rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.public-popup-wrap[data-v-26d136a8] {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-bg[data-v-26d136a8] {
  width: 21.25rem;
  min-height: 13.75rem;
  max-height: calc(100vh - 6rem);
  margin-top: 4.375rem;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--ep-color-background-fill-surface-raised-L1, var(--common-dialog-bg));
  border-radius: var(--ep-border-radius-surface-small, 1.125rem);
}
.bg-img-wrapper[data-v-26d136a8] {
  border-radius: var(--ep-border-radius-surface-small, 1.125rem) var(--ep-border-radius-surface-small, 1.125rem) 0 0;
  overflow: hidden;
}
.popup-icon[data-v-26d136a8] {
  position: absolute;
  top: 0px;
}
.content-wrapper[data-v-26d136a8] {
  width: 100%;
  min-height: 3.75rem;
  flex: 1;
  overflow-y: auto;
  margin: 1.25rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content[data-v-26d136a8] {
  width: 16.25rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  line-height: 1.5;
  font-weight: var(--ep-font-weight-regular, 400);
  text-align: center;
  color: var(--ep-color-text-weak, var(--common-dialog-text-color));
}
.btn-wrapper[data-v-26d136a8] {
  margin: 0 0.5rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.left-btn[data-v-26d136a8] {
  background-color: var(--ep-dynamic-primary, var(--common-dialog-left-btn-bg));
  color: var(--ep-color-text-inverse, var(--common-dialog-left-btn-text-color));
}
.right-btn[data-v-26d136a8] {
  background-color: var(--ep-color-background-fill-surface-raised-L2, var(--common-dialog-right-btn-bg));
  color: var(--ep-color-text-default, var(--common-dialog-right-btn-text-color));
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.bonus[data-v-5b61ee7c] {
  position: relative;
  width: 22.625rem;
  height: 8.25rem;
  margin-inline: 0.9375rem;
}
.bonus .bonus-img[data-v-5b61ee7c] {
  width: 0;
}
.bonus .bonus-img.good-img[data-v-5b61ee7c] {
  width: 100%;
  height: 100%;
}
.money-1[data-v-5b61ee7c],
.money-2[data-v-5b61ee7c],
.money-3[data-v-5b61ee7c],
.money-4[data-v-5b61ee7c],
.money-5[data-v-5b61ee7c],
.money-6[data-v-5b61ee7c],
.money-7[data-v-5b61ee7c],
.money-8[data-v-5b61ee7c],
.money-9[data-v-5b61ee7c] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 700;
}
.money-1[data-v-5b61ee7c],
.money-7[data-v-5b61ee7c],
.money-8[data-v-5b61ee7c] {
  filter: drop-shadow(0 0.125rem 0 #6E0412) drop-shadow(0 0.1875rem 0.125rem #000);
  background: linear-gradient(180deg, #FFC41A 16.67%, #FEFFA6 38.67%, #FFC21A 66.67%, #FD6E15 83.33%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.money-2[data-v-5b61ee7c],
.money-4[data-v-5b61ee7c],
.money-5[data-v-5b61ee7c] {
  color: #FFF;
  text-shadow: 0 0 0.03125rem #6302D3, 0 0 0.03125rem #6302D3, 0 0 0.0625rem #6302D3, 0 0 0.0625rem #6302D3, 0 0 0.125rem #6302D3, 0 0 0.125rem #6302D3, 0 0 0.1875rem #6302D3, 0 0 0.1875rem #6302D3, 0 0.1875rem 0.1875rem #33016D, 0 0.25rem 0.25rem #260052;
  -webkit-text-stroke-width: 2;
  -webkit-text-stroke-color: #000;
}
.money-3[data-v-5b61ee7c] {
  filter: drop-shadow(0 1px 1px #EE1E00) drop-shadow(0 -1px 0 #FFF148) drop-shadow(0 -1px 0 #FFFDC2);
  background: linear-gradient(180deg, #250A18 18.75%, #752525 75.83%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.money-6[data-v-5b61ee7c] {
  filter: drop-shadow(0 0.0625rem 0.0625rem #6E0412) drop-shadow(0 0.0625rem 0.0625rem #fc0505);
  background: linear-gradient(180deg, #FFFDC2 0%, #FFF148 50%, #fc0505 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.money-1[data-v-5b61ee7c],
.money-2[data-v-5b61ee7c],
.money-3[data-v-5b61ee7c],
.money-4[data-v-5b61ee7c] {
  bottom: 1.375rem;
}
.money-5[data-v-5b61ee7c] {
  bottom: 1.75rem;
}
.money-6[data-v-5b61ee7c] {
  bottom: 1.5rem;
}
.money-7[data-v-5b61ee7c],
.money-8[data-v-5b61ee7c] {
  bottom: 1.625rem;
}
.money-9[data-v-5b61ee7c] {
  bottom: 0.75rem;
  padding-left: 0.75rem;
  line-height: 3rem;
  color: #F5C84C;
  text-shadow: 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.5);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.bonus[data-v-9289685d] {
  display: flex;
  align-items: center;
}
html .layout1.bonus .bonus-img[data-v-9289685d] {
  width: 2.375rem;
  height: 2.375rem;
  font-size: 2.375rem;
  margin-inline-end: 0.375rem;
}
html .layout1.bonus .bonus-content[data-v-9289685d] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-shadow: var(--text-shadow, 0 0 0.625rem #00d4ff);
}
html .layout1.bonus .bonus-content .bonus-content-inner[data-v-9289685d] {
  font-style: italic;
  line-height: 1;
}
html .layout1.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-9289685d],
html .layout1.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d],
html .layout1.bonus .bonus-content .bonus-content-inner[data-v-9289685d] .suffix-symbol {
  font-size: 0.875rem;
  font-weight: 700;
  color: #fff;
}
html .layout1.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d] {
  margin-inline-end: 0.3125rem;
}
html .layout1.bonus .bonus-content .bonus-title[data-v-9289685d] {
  font-size: 0.625rem;
  font-weight: 700;
  font-style: italic;
  background: linear-gradient(90deg, #24d097 0%, #239bc4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html .layout2.bonus[data-v-9289685d] {
  display: flex;
  align-items: center;
}
html .layout2.bonus .bonus-img[data-v-9289685d] {
  width: 3.5rem;
  height: 3.5rem;
  font-size: 3.5rem;
  margin-inline-end: 0.375rem;
}
html .layout2.bonus .bonus-content[data-v-9289685d] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  text-shadow: var(--text-shadow, 0 0 0.625rem #00d4ff);
}
html .layout2.bonus .bonus-content .bonus-content-inner[data-v-9289685d] {
  font-style: italic;
  line-height: 1;
}
html .layout2.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-9289685d],
html .layout2.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d],
html .layout2.bonus .bonus-content .bonus-content-inner[data-v-9289685d] .suffix-symbol {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--ep-color-text-default);
}
html .layout2.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d] {
  margin-inline-end: 0.3125rem;
}
html .layout2.bonus .bonus-content .bonus-title[data-v-9289685d] {
  line-height: 1;
  font-size: 0.625rem;
  font-weight: 700;
  font-style: italic;
  background: linear-gradient(90deg, #24d097 0%, #239bc4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html .layout42.bonus[data-v-9289685d] {
  position: relative;
  margin-top: 1.5rem;
  height: 5.625rem;
  padding: 0 0.875rem;
  overflow: hidden;
}
html .layout42.bonus .bonus-img[data-v-9289685d] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
html .layout42.bonus .bonus-content[data-v-9289685d] {
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 1.25rem 0 0 1.25rem;
}
html .layout42.bonus .bonus-content .bonus-content-inner[data-v-9289685d] {
  order: 2;
  line-height: 1;
}
html .layout42.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-9289685d],
html .layout42.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d],
html .layout42.bonus .bonus-content .bonus-content-inner[data-v-9289685d] .suffix-symbol {
  font-size: var(--ep-font-size-xl);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-highlight-white);
}
html .layout42.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d] {
  background: #EAFF00;
  padding: 0 0.25rem;
  margin-right: 0.25rem;
  border-radius: var(--ep-border-radius-xs);
  color: #2E87FB;
}
html .layout42.bonus .bonus-content .bonus-title[data-v-9289685d] {
  color: #EAFF00;
  text-transform: lowercase;
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-bold);
  order: 1;
}
html .layout42.bonus .bonus-content .bonus-title[data-v-9289685d]::first-letter {
  text-transform: uppercase;
}
html .layout44.bonus[data-v-9289685d] {
  display: flex;
  align-items: center;
}
html .layout44.bonus .bonus-img[data-v-9289685d] {
  width: 3.5rem;
  height: 3.5rem;
  font-size: 3.5rem;
  margin-inline-end: 0.375rem;
}
html .layout44.bonus .bonus-content[data-v-9289685d] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.75rem;
  text-shadow: var(--text-shadow, 0 0 0.625rem #00d4ff);
}
html .layout44.bonus .bonus-content .bonus-content-inner[data-v-9289685d] {
  font-style: italic;
  line-height: 1;
}
html .layout44.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-9289685d],
html .layout44.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d],
html .layout44.bonus .bonus-content .bonus-content-inner[data-v-9289685d] .suffix-symbol {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--ep-color-text-default);
}
html .layout44.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d] {
  margin-inline-end: 0.3125rem;
}
html .layout44.bonus .bonus-content .bonus-title[data-v-9289685d] {
  line-height: 1;
  font-size: 0.625rem;
  font-weight: 700;
  font-style: italic;
  background: linear-gradient(90deg, #24d097 0%, #239bc4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html .layout46.bonus[data-v-9289685d] {
  display: flex;
  align-items: center;
}
html .layout46.bonus .bonus-img[data-v-9289685d] {
  width: 2.625rem;
  height: 2.625rem;
  font-size: 2.625rem;
  margin-inline-end: 0.375rem;
}
html .layout46.bonus .bonus-content[data-v-9289685d] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.75rem;
  text-shadow: var(--text-shadow, 0 0 0.625rem #00d4ff);
}
html .layout46.bonus .bonus-content .bonus-content-inner[data-v-9289685d] {
  font-style: italic;
  line-height: 1;
}
html .layout46.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-9289685d],
html .layout46.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d],
html .layout46.bonus .bonus-content .bonus-content-inner[data-v-9289685d] .suffix-symbol {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ep-color-text-default);
}
html .layout46.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d] {
  margin-inline-end: 0.3125rem;
}
html .layout46.bonus .bonus-content .bonus-title[data-v-9289685d] {
  line-height: 1;
  font-size: 0.625rem;
  font-weight: 700;
  font-style: italic;
  background: linear-gradient(90deg, #24d097 0%, #239bc4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html .layout50.bonus[data-v-9289685d] {
  display: flex;
  align-items: center;
}
html .layout50.bonus .bonus-img[data-v-9289685d] {
  width: 2.625rem;
  height: 2.625rem;
  font-size: 2.625rem;
  margin-inline-end: 0.375rem;
}
html .layout50.bonus .bonus-content[data-v-9289685d] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.75rem;
  text-shadow: var(--text-shadow, 0 0 0.625rem #00d4ff);
}
html .layout50.bonus .bonus-content .bonus-content-inner[data-v-9289685d] {
  font-style: italic;
  line-height: 1;
}
html .layout50.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-9289685d],
html .layout50.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d],
html .layout50.bonus .bonus-content .bonus-content-inner[data-v-9289685d] .suffix-symbol {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ep-color-text-brand-primary);
}
html .layout50.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d] {
  margin-inline-end: 0.3125rem;
}
html .layout50.bonus .bonus-content .bonus-title[data-v-9289685d] {
  line-height: 1;
  font-size: 0.625rem;
  font-weight: 700;
  font-style: italic;
  background: linear-gradient(90deg, #24d097 0%, #239bc4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html .layout54.bonus[data-v-9289685d] {
  position: relative;
  margin: 0 0.75rem;
  height: 7rem;
}
html .layout54.bonus .bonus-img[data-v-9289685d] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
html .layout54.bonus .bonus-content[data-v-9289685d] {
  position: absolute;
  left: 1.3125rem;
  top: 1.625rem;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
html .layout54.bonus .bonus-content .bonus-title[data-v-9289685d] {
  order: 1;
  font-size: 1.5rem;
  font-weight: var(--ep-font-weight-medium);
  line-height: 2.25rem;
  text-transform: lowercase;
  background: linear-gradient(90deg, var(--ep-primary-primary-500) 0%, var(--ep-secondary-secondary-500) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html .layout54.bonus .bonus-content .bonus-title[data-v-9289685d]::first-letter {
  text-transform: uppercase;
}
html .layout54.bonus .bonus-content .bonus-content-inner[data-v-9289685d] {
  order: 2;
  display: flex;
  align-items: center;
  line-height: 1.6875rem;
}
html .layout54.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-9289685d],
html .layout54.bonus .bonus-content .bonus-content-inner[data-v-9289685d] .suffix-symbol {
  font-size: var(--ep-font-size-xl);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-highlight-white);
}
html .layout54.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 1.75rem;
  height: 1.375rem;
  padding: 0 0.25rem;
  margin-right: 0.375rem;
  border-radius: 0.3125rem;
  background: var(--ep-color-text-highlight-white);
  font-size: 1rem;
  font-weight: var(--ep-font-weight-bold);
  line-height: 1;
  color: #203321;
}
html .layout54Drawer.bonus[data-v-9289685d] {
  height: 5.9375rem;
}
html .layout54Drawer.bonus .bonus-content[data-v-9289685d] {
  left: 1.125rem;
  top: 1.5rem;
}
html .layout54Drawer.bonus .bonus-content .bonus-title[data-v-9289685d] {
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
html .layout54Drawer.bonus .bonus-content .bonus-content-inner[data-v-9289685d] {
  line-height: 1.3125rem;
}
html .layout54Drawer.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-9289685d],
html .layout54Drawer.bonus .bonus-content .bonus-content-inner[data-v-9289685d] .suffix-symbol {
  font-size: var(--ep-font-size-m);
}
html .layout54Drawer.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d] {
  min-width: 1.5rem;
  height: 1.1875rem;
  margin-right: 0.3125rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
}
#BonusPool-2-index .layout1.bonus[data-v-9289685d] {
  display: flex;
  align-items: center;
}
#BonusPool-2-index .layout1.bonus .bonus-img[data-v-9289685d] {
  width: 2.375rem;
  height: 2.375rem;
  font-size: 2.375rem;
  margin-inline-end: 0.375rem;
}
#BonusPool-2-index .layout1.bonus .bonus-content[data-v-9289685d] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-shadow: var(--text-shadow, 0 0 0.625rem #00d4ff);
}
#BonusPool-2-index .layout1.bonus .bonus-content .bonus-content-inner[data-v-9289685d] {
  font-style: italic;
  line-height: 1;
}
#BonusPool-2-index .layout1.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-9289685d],
#BonusPool-2-index .layout1.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d],
#BonusPool-2-index .layout1.bonus .bonus-content .bonus-content-inner[data-v-9289685d] .suffix-symbol {
  font-size: 0.875rem;
  font-weight: 700;
  color: #fff;
}
#BonusPool-2-index .layout1.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d] {
  margin-inline-end: 0.3125rem;
}
#BonusPool-2-index .layout1.bonus .bonus-content .bonus-title[data-v-9289685d] {
  font-size: 0.625rem;
  font-weight: 700;
  font-style: italic;
  background: linear-gradient(90deg, #24d097 0%, #239bc4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#BonusPool-2-index .layout2.bonus[data-v-9289685d] {
  display: flex;
  align-items: center;
}
#BonusPool-2-index .layout2.bonus .bonus-img[data-v-9289685d] {
  width: 3.5rem;
  height: 3.5rem;
  font-size: 3.5rem;
  margin-inline-end: 0.375rem;
}
#BonusPool-2-index .layout2.bonus .bonus-content[data-v-9289685d] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  text-shadow: var(--text-shadow, 0 0 0.625rem #00d4ff);
}
#BonusPool-2-index .layout2.bonus .bonus-content .bonus-content-inner[data-v-9289685d] {
  font-style: italic;
  line-height: 1;
}
#BonusPool-2-index .layout2.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-9289685d],
#BonusPool-2-index .layout2.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d],
#BonusPool-2-index .layout2.bonus .bonus-content .bonus-content-inner[data-v-9289685d] .suffix-symbol {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--ep-color-text-default);
}
#BonusPool-2-index .layout2.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d] {
  margin-inline-end: 0.3125rem;
}
#BonusPool-2-index .layout2.bonus .bonus-content .bonus-title[data-v-9289685d] {
  line-height: 1;
  font-size: 0.625rem;
  font-weight: 700;
  font-style: italic;
  background: linear-gradient(90deg, #24d097 0%, #239bc4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#BonusPool-2-index .layout42.bonus[data-v-9289685d] {
  position: relative;
  margin-top: 1.5rem;
  height: 5.625rem;
  padding: 0 0.875rem;
  overflow: hidden;
}
#BonusPool-2-index .layout42.bonus .bonus-img[data-v-9289685d] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#BonusPool-2-index .layout42.bonus .bonus-content[data-v-9289685d] {
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 1.25rem 0 0 1.25rem;
}
#BonusPool-2-index .layout42.bonus .bonus-content .bonus-content-inner[data-v-9289685d] {
  order: 2;
  line-height: 1;
}
#BonusPool-2-index .layout42.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-9289685d],
#BonusPool-2-index .layout42.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d],
#BonusPool-2-index .layout42.bonus .bonus-content .bonus-content-inner[data-v-9289685d] .suffix-symbol {
  font-size: var(--ep-font-size-xl);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-highlight-white);
}
#BonusPool-2-index .layout42.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d] {
  background: #EAFF00;
  padding: 0 0.25rem;
  margin-right: 0.25rem;
  border-radius: var(--ep-border-radius-xs);
  color: #2E87FB;
}
#BonusPool-2-index .layout42.bonus .bonus-content .bonus-title[data-v-9289685d] {
  color: #EAFF00;
  text-transform: lowercase;
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-bold);
  order: 1;
}
#BonusPool-2-index .layout42.bonus .bonus-content .bonus-title[data-v-9289685d]::first-letter {
  text-transform: uppercase;
}
#BonusPool-2-index .layout44.bonus[data-v-9289685d] {
  display: flex;
  align-items: center;
}
#BonusPool-2-index .layout44.bonus .bonus-img[data-v-9289685d] {
  width: 3.5rem;
  height: 3.5rem;
  font-size: 3.5rem;
  margin-inline-end: 0.375rem;
}
#BonusPool-2-index .layout44.bonus .bonus-content[data-v-9289685d] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.75rem;
  text-shadow: var(--text-shadow, 0 0 0.625rem #00d4ff);
}
#BonusPool-2-index .layout44.bonus .bonus-content .bonus-content-inner[data-v-9289685d] {
  font-style: italic;
  line-height: 1;
}
#BonusPool-2-index .layout44.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-9289685d],
#BonusPool-2-index .layout44.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d],
#BonusPool-2-index .layout44.bonus .bonus-content .bonus-content-inner[data-v-9289685d] .suffix-symbol {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--ep-color-text-default);
}
#BonusPool-2-index .layout44.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d] {
  margin-inline-end: 0.3125rem;
}
#BonusPool-2-index .layout44.bonus .bonus-content .bonus-title[data-v-9289685d] {
  line-height: 1;
  font-size: 0.625rem;
  font-weight: 700;
  font-style: italic;
  background: linear-gradient(90deg, #24d097 0%, #239bc4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#BonusPool-2-index .layout46.bonus[data-v-9289685d] {
  display: flex;
  align-items: center;
}
#BonusPool-2-index .layout46.bonus .bonus-img[data-v-9289685d] {
  width: 2.625rem;
  height: 2.625rem;
  font-size: 2.625rem;
  margin-inline-end: 0.375rem;
}
#BonusPool-2-index .layout46.bonus .bonus-content[data-v-9289685d] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.75rem;
  text-shadow: var(--text-shadow, 0 0 0.625rem #00d4ff);
}
#BonusPool-2-index .layout46.bonus .bonus-content .bonus-content-inner[data-v-9289685d] {
  font-style: italic;
  line-height: 1;
}
#BonusPool-2-index .layout46.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-9289685d],
#BonusPool-2-index .layout46.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d],
#BonusPool-2-index .layout46.bonus .bonus-content .bonus-content-inner[data-v-9289685d] .suffix-symbol {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ep-color-text-default);
}
#BonusPool-2-index .layout46.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d] {
  margin-inline-end: 0.3125rem;
}
#BonusPool-2-index .layout46.bonus .bonus-content .bonus-title[data-v-9289685d] {
  line-height: 1;
  font-size: 0.625rem;
  font-weight: 700;
  font-style: italic;
  background: linear-gradient(90deg, #24d097 0%, #239bc4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#BonusPool-2-index .layout50.bonus[data-v-9289685d] {
  display: flex;
  align-items: center;
}
#BonusPool-2-index .layout50.bonus .bonus-img[data-v-9289685d] {
  width: 2.625rem;
  height: 2.625rem;
  font-size: 2.625rem;
  margin-inline-end: 0.375rem;
}
#BonusPool-2-index .layout50.bonus .bonus-content[data-v-9289685d] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.75rem;
  text-shadow: var(--text-shadow, 0 0 0.625rem #00d4ff);
}
#BonusPool-2-index .layout50.bonus .bonus-content .bonus-content-inner[data-v-9289685d] {
  font-style: italic;
  line-height: 1;
}
#BonusPool-2-index .layout50.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-9289685d],
#BonusPool-2-index .layout50.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d],
#BonusPool-2-index .layout50.bonus .bonus-content .bonus-content-inner[data-v-9289685d] .suffix-symbol {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ep-color-text-brand-primary);
}
#BonusPool-2-index .layout50.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d] {
  margin-inline-end: 0.3125rem;
}
#BonusPool-2-index .layout50.bonus .bonus-content .bonus-title[data-v-9289685d] {
  line-height: 1;
  font-size: 0.625rem;
  font-weight: 700;
  font-style: italic;
  background: linear-gradient(90deg, #24d097 0%, #239bc4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#BonusPool-2-index .layout54.bonus[data-v-9289685d] {
  position: relative;
  margin: 0 0.75rem;
  height: 7rem;
}
#BonusPool-2-index .layout54.bonus .bonus-img[data-v-9289685d] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#BonusPool-2-index .layout54.bonus .bonus-content[data-v-9289685d] {
  position: absolute;
  left: 1.3125rem;
  top: 1.625rem;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
#BonusPool-2-index .layout54.bonus .bonus-content .bonus-title[data-v-9289685d] {
  order: 1;
  font-size: 1.5rem;
  font-weight: var(--ep-font-weight-medium);
  line-height: 2.25rem;
  text-transform: lowercase;
  background: linear-gradient(90deg, var(--ep-primary-primary-500) 0%, var(--ep-secondary-secondary-500) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#BonusPool-2-index .layout54.bonus .bonus-content .bonus-title[data-v-9289685d]::first-letter {
  text-transform: uppercase;
}
#BonusPool-2-index .layout54.bonus .bonus-content .bonus-content-inner[data-v-9289685d] {
  order: 2;
  display: flex;
  align-items: center;
  line-height: 1.6875rem;
}
#BonusPool-2-index .layout54.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-9289685d],
#BonusPool-2-index .layout54.bonus .bonus-content .bonus-content-inner[data-v-9289685d] .suffix-symbol {
  font-size: var(--ep-font-size-xl);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-highlight-white);
}
#BonusPool-2-index .layout54.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 1.75rem;
  height: 1.375rem;
  padding: 0 0.25rem;
  margin-right: 0.375rem;
  border-radius: 0.3125rem;
  background: var(--ep-color-text-highlight-white);
  font-size: 1rem;
  font-weight: var(--ep-font-weight-bold);
  line-height: 1;
  color: #203321;
}
#BonusPool-2-index .layout54Drawer.bonus[data-v-9289685d] {
  height: 5.9375rem;
}
#BonusPool-2-index .layout54Drawer.bonus .bonus-content[data-v-9289685d] {
  left: 1.125rem;
  top: 1.5rem;
}
#BonusPool-2-index .layout54Drawer.bonus .bonus-content .bonus-title[data-v-9289685d] {
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
#BonusPool-2-index .layout54Drawer.bonus .bonus-content .bonus-content-inner[data-v-9289685d] {
  line-height: 1.3125rem;
}
#BonusPool-2-index .layout54Drawer.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-9289685d],
#BonusPool-2-index .layout54Drawer.bonus .bonus-content .bonus-content-inner[data-v-9289685d] .suffix-symbol {
  font-size: var(--ep-font-size-m);
}
#BonusPool-2-index .layout54Drawer.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9289685d] {
  min-width: 1.5rem;
  height: 1.1875rem;
  margin-right: 0.3125rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.bonus[data-v-0ca90893] {
  width: 22.875rem;
  position: relative;
}
html .layout1.bonus .bonus-img[data-v-0ca90893] {
  width: 100%;
  height: auto;
}
html .layout1.bonus .bonus-content[data-v-0ca90893] {
  width: 100%;
  padding-right: 1.75rem;
  position: absolute;
  top: 1.25rem;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
html .layout1.bonus .bonus-content .bonus-money[data-v-0ca90893] {
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ep-color-text-highlight, #F5C84C);
}
html .layout1.bonus .bonus-content .bonus-title[data-v-0ca90893] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  text-transform: capitalize;
}
#BonusPool-2-index .layout1.bonus[data-v-0ca90893] {
  width: 22.875rem;
  position: relative;
}
#BonusPool-2-index .layout1.bonus .bonus-img[data-v-0ca90893] {
  width: 100%;
  height: auto;
}
#BonusPool-2-index .layout1.bonus .bonus-content[data-v-0ca90893] {
  width: 100%;
  padding-right: 1.75rem;
  position: absolute;
  top: 1.25rem;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#BonusPool-2-index .layout1.bonus .bonus-content .bonus-money[data-v-0ca90893] {
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ep-color-text-highlight, #F5C84C);
}
#BonusPool-2-index .layout1.bonus .bonus-content .bonus-title[data-v-0ca90893] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  text-transform: capitalize;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.bonus[data-v-9a79d196] {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  padding: 0.75rem;
  position: relative;
}
html .layout1.bonus .bonus-top-line[data-v-9a79d196] {
  position: absolute;
  top: 0;
  left: 0.75rem;
  width: calc(100% - 1.5rem);
  height: 2px;
  background: #FF8743;
  box-shadow: 0px 2.51px 2.54px 0px #FFA20032, 0px 6.34px 6.43px 0px #FFA20047, 0px 12.94px 13.11px 0px #FFA20059, 0px 26.65px 27.01px 0px #FFA2006F, 0px 73px 74px 0px #FFA200A1;
}
html .layout1.bonus .bonus-img[data-v-9a79d196] {
  width: 5.5rem;
  height: 5.5rem;
  font-size: 5.5rem;
  margin-inline-end: 0.375rem;
}
html .layout1.bonus .bonus-content[data-v-9a79d196] {
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
html .layout1.bonus .bonus-content .bonus-content-inner[data-v-9a79d196] {
  line-height: 1;
}
html .layout1.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-9a79d196],
html .layout1.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9a79d196] {
  font-size: 2.375rem;
  font-weight: 600;
  color: var(--ep-color-text-brand-primary);
}
html .layout1.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9a79d196] {
  margin-inline-end: 0.3125rem;
}
html .layout1.bonus .bonus-content .bonus-title[data-v-9a79d196] {
  font-size: 0.875rem;
  color: var(--ep-color-text-weak);
}
#BonusPool-5-index .layout1.bonus[data-v-9a79d196] {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  padding: 0.75rem;
  position: relative;
}
#BonusPool-5-index .layout1.bonus .bonus-top-line[data-v-9a79d196] {
  position: absolute;
  top: 0;
  left: 0.75rem;
  width: calc(100% - 1.5rem);
  height: 2px;
  background: #FF8743;
  box-shadow: 0px 2.51px 2.54px 0px #FFA20032, 0px 6.34px 6.43px 0px #FFA20047, 0px 12.94px 13.11px 0px #FFA20059, 0px 26.65px 27.01px 0px #FFA2006F, 0px 73px 74px 0px #FFA200A1;
}
#BonusPool-5-index .layout1.bonus .bonus-img[data-v-9a79d196] {
  width: 5.5rem;
  height: 5.5rem;
  font-size: 5.5rem;
  margin-inline-end: 0.375rem;
}
#BonusPool-5-index .layout1.bonus .bonus-content[data-v-9a79d196] {
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#BonusPool-5-index .layout1.bonus .bonus-content .bonus-content-inner[data-v-9a79d196] {
  line-height: 1;
}
#BonusPool-5-index .layout1.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-9a79d196],
#BonusPool-5-index .layout1.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9a79d196] {
  font-size: 2.375rem;
  font-weight: 600;
  color: var(--ep-color-text-brand-primary);
}
#BonusPool-5-index .layout1.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-9a79d196] {
  margin-inline-end: 0.3125rem;
}
#BonusPool-5-index .layout1.bonus .bonus-content .bonus-title[data-v-9a79d196] {
  font-size: 0.875rem;
  color: var(--ep-color-text-weak);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout26.bonus[data-v-9c124dd6] {
  position: relative;
  height: 7.5625rem;
  margin-inline: 0.75rem;
}
.layout26.bonus .bonus-img[data-v-9c124dd6] {
  width: 0;
}
.layout26.bonus .bonus-img.good-img[data-v-9c124dd6] {
  width: 100%;
  height: 100%;
}
.layout26.bonus .money-1[data-v-9c124dd6],
.layout26.bonus .money-2[data-v-9c124dd6],
.layout26.bonus .money-3[data-v-9c124dd6],
.layout26.bonus .money-4[data-v-9c124dd6],
.layout26.bonus .money-5[data-v-9c124dd6],
.layout26.bonus .money-6[data-v-9c124dd6],
.layout26.bonus .money-7[data-v-9c124dd6],
.layout26.bonus .money-8[data-v-9c124dd6],
.layout26.bonus .money-9[data-v-9c124dd6] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 700;
}
.layout26.bonus .money-1[data-v-9c124dd6],
.layout26.bonus .money-7[data-v-9c124dd6],
.layout26.bonus .money-8[data-v-9c124dd6] {
  filter: drop-shadow(0 0.125rem 0 #6E0412) drop-shadow(0 0.1875rem 0.125rem #000);
  background: linear-gradient(180deg, #FFC41A 16.67%, #FEFFA6 38.67%, #FFC21A 66.67%, #FD6E15 83.33%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.layout26.bonus .money-9[data-v-9c124dd6] {
  color: var(--ep-color-text-highlight);
  text-shadow: 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.5);
}
.layout26.bonus .money-2[data-v-9c124dd6],
.layout26.bonus .money-4[data-v-9c124dd6],
.layout26.bonus .money-5[data-v-9c124dd6] {
  color: #FFF;
  text-shadow: 0 0 0.03125rem #6302D3, 0 0 0.03125rem #6302D3, 0 0 0.0625rem #6302D3, 0 0 0.0625rem #6302D3, 0 0 0.125rem #6302D3, 0 0 0.125rem #6302D3, 0 0 0.1875rem #6302D3, 0 0 0.1875rem #6302D3, 0 0.1875rem 0.1875rem #33016D, 0 0.25rem 0.25rem #260052;
  -webkit-text-stroke-width: 2;
  -webkit-text-stroke-color: #000;
}
.layout26.bonus .money-3[data-v-9c124dd6] {
  filter: drop-shadow(0 1px 1px #EE1E00) drop-shadow(0 -1px 0 #FFF148) drop-shadow(0 -1px 0 #FFFDC2);
  background: linear-gradient(180deg, #250A18 18.75%, #752525 75.83%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.layout26.bonus .money-6[data-v-9c124dd6] {
  filter: drop-shadow(0 0.0625rem 0.0625rem #6E0412) drop-shadow(0 0.0625rem 0.0625rem #fc0505);
  background: linear-gradient(180deg, #FFFDC2 0%, #FFF148 50%, #fc0505 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.layout26.bonus .money-1[data-v-9c124dd6],
.layout26.bonus .money-2[data-v-9c124dd6],
.layout26.bonus .money-3[data-v-9c124dd6],
.layout26.bonus .money-4[data-v-9c124dd6] {
  bottom: 1rem;
}
.layout26.bonus .money-5[data-v-9c124dd6] {
  bottom: 1.375rem;
}
.layout26.bonus .money-6[data-v-9c124dd6] {
  bottom: 1.125rem;
}
.layout26.bonus .money-7[data-v-9c124dd6],
.layout26.bonus .money-8[data-v-9c124dd6] {
  bottom: 1.25rem;
}
.layout26.bonus .money-9[data-v-9c124dd6] {
  bottom: 0.375rem;
  padding-left: 0.75rem;
  line-height: 3rem;
}
.layout26.bonus .img-9[data-v-9c124dd6] {
  object-fit: fill;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-2f89ea57] {
  /**
	 * 53 号炫彩紫。设计稿 Figma node 17023:40717（390x134），构成跟 layout47 差太多，没法靠参数复用：
	 *  - 外层容器 390x113、#071930 深底 + 品红内发光，横幅 366x91 内嵌（左右 12px / 上下 11px）
	 *  - 右侧 127x134 海盗角标向上溢出容器 12px，不能裁切
	 *  - 金额不是胶囊，而是「品红方块 R$ + 白色粗体数字」，左上定位
	 * .bonus-img 高度必须锁 91px：bg-53.png 原图 367x91，沿用 layout47 的 7rem 会纵向拉伸。
	 */
}
html .layout28.bonus[data-v-2f89ea57] {
  width: 22.875rem;
  position: relative;
}
html .layout28.bonus .bonus-img[data-v-2f89ea57] {
  width: 100%;
  height: auto;
}
html .layout28.bonus .bonus-content[data-v-2f89ea57] {
  margin-left: 0.5rem;
  width: 100%;
  position: absolute;
  bottom: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
html .layout28.bonus .bonus-content .bonus-money[data-v-2f89ea57] {
  font-size: 1.125rem;
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.2;
}
html .layout28.bonus .bonus-content .bonus-money.symbol p[data-v-2f89ea57] {
  background: linear-gradient(0deg, #FFEEB0, #FFEEB0), linear-gradient(180deg, #FFEDAE 32.14%, #FFFAE6 60.71%, #FFEEAF 89.29%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
html .layout28.bonus .bonus-content .bonus-money.number[data-v-2f89ea57] {
  border-radius: 0.125rem;
  margin-inline: 0.1875rem;
  width: 0.875rem;
  height: 1.25rem;
  text-align: center;
  background: linear-gradient(180deg, #FFC27A 32.14%, #FFEA9C 60.71%, #FFEEAF 89.29%);
}
html .layout28.bonus .bonus-content .bonus-money.number p[data-v-2f89ea57] {
  background: linear-gradient(180deg, #27056E 0%, #7939FF 51.04%, #27056E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
html .layout28.bonus .bonus-content[data-v-2f89ea57] .suffix-symbol {
  font-size: 1.125rem;
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.2;
  background: linear-gradient(0deg, #fbe7a6 0%, #e5ba66 13%, #ce8a22 28%, #bf801f 35%, #966719 48%, #a87e33 50%, #c7a660 54%, #dfc684 57%, #f0dd9e 60%, #fbebad 63%, #fff0b3 65%, #ffca8a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
html .layout39.bonus[data-v-2f89ea57] {
  width: 22.875rem;
  position: relative;
}
html .layout39.bonus .bonus-img[data-v-2f89ea57] {
  width: 100%;
  height: 6.125rem;
}
html .layout39.bonus .bonus-content[data-v-2f89ea57] {
  width: 100%;
  position: absolute;
  bottom: 1.5625rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
html .layout39.bonus .bonus-content .bonus-money[data-v-2f89ea57] {
  font-size: 1.125rem;
  font-weight: var(--ep-font-weight-medium, 600);
  line-height: 1.2;
}
html .layout39.bonus .bonus-content .bonus-money.symbol p[data-v-2f89ea57] {
  background: linear-gradient(0deg, #FFEEB0, #FFEEB0), linear-gradient(180deg, #FFEDAE 32.14%, #FFFAE6 60.71%, #FFEEAF 89.29%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
html .layout39.bonus .bonus-content .bonus-money.number p[data-v-2f89ea57] {
  position: relative;
  color: transparent;
}
html .layout39.bonus .bonus-content .bonus-money.number p[data-v-2f89ea57]::before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  color: #FD4A26;
  -webkit-text-stroke: 2px #FD4A26;
}
html .layout39.bonus .bonus-content .bonus-money.number p[data-v-2f89ea57]::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, #FFF3C2 0%, #FFE81C 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html .layout39.bonus .bonus-content[data-v-2f89ea57] .suffix-symbol {
  font-size: 1.125rem;
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.2;
  background: linear-gradient(0deg, #FFEEB0, #FFEEB0), linear-gradient(180deg, #FFEDAE 32.14%, #FFFAE6 60.71%, #FFEEAF 89.29%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
html .layout47.bonus[data-v-2f89ea57] {
  display: flex;
  width: 22.875rem;
  position: relative;
  justify-content: center;
}
html .layout47.bonus .bonus-img[data-v-2f89ea57] {
  width: 100%;
  height: 7rem;
}
html .layout47.bonus .bonus-content[data-v-2f89ea57] {
  bottom: 2rem;
  position: absolute;
  padding: 0.125rem 0.875rem;
  border: 1px solid var(--ep-color-border-brand);
  border-radius: var(--ep-border-radius-infinity);
  background-color: var(--ep-color-background-fill-gradients-primary-b);
}
html .layout47.bonus .bonus-content .bonus-money[data-v-2f89ea57] {
  font-size: 1.125rem;
  color: var(--ep-color-text-inverse);
  font-weight: var(--ep-font-weight-medium, 600);
}
html .layout53.bonus[data-v-2f89ea57] {
  width: 100%;
  position: relative;
  isolation: isolate;
  padding: 0.6875rem 0.75rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
  /**
			 * 标题「Jackpot」。53 号底图 bg-53.png 里没有这几个字，改用 HTML 渲染（见 index.vue 的门控）。
			 *
			 * 设计稿 node 17023:40730 里这个文本层盒子 53x21、落在 jackpot 组坐标 (107, 34)；
			 * 组的 y 原点比 .bonus 容器高 12，故换算到容器内是 (107, 22)。
			 * 同一坐标系下金额行是 (28, 45)，与下方 .bonus-content 的 top/left 正好对上，可交叉验证。
			 *
			 * 字号写死不跟金额缩放：金额的 em 缩放是为了长位数不钻到右侧海盗角标底下，标题长度固定，
			 * 跟着缩反而会在不同租户间跳动。
			 */
  /**
			 * 金额区。字号必须用 em：logic.ts 的 showMoney 会按位数算 zoomOut，把
			 * `font-size: calc(1.25rem * zoomOut)` 内联写到本节点（moneyRef）上，位数越多字越小，
			 * 免得长金额钻到右边海盗角标底下。写死 rem 的话这套缩放对子元素完全无效。
			 *
			 * em 系数的来历：设计稿金额 17 位、数字 18px、R$ 16px。17 位时
			 * zoomOut = 1 - (17-10)/30 = 0.7667，根字号 = 20px * 0.7667 = 15.33px，
			 * 于是 18/15.33 = 1.174em、16/15.33 = 1.043em。
			 * 外层 min() 是封顶：位数比设计稿少时不能反过来涨过设计尺寸。
			 */
}
html .layout53.bonus[data-v-2f89ea57]::before {
  content: '';
  position: absolute;
  top: -0.75rem;
  right: 2rem;
  z-index: 1;
  width: 7.9375rem;
  height: 8.375rem;
  pointer-events: none;
  background: url('/assets/subtitles-53-r2-Y78iyRHp.png') center / 100% 100% no-repeat;
}
html .layout53.bonus[data-v-2f89ea57]::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  box-shadow: inset 0 0 0.625rem var(--ep-primary-primary-Opacity-40);
}
html .layout53.bonus .bonus-img[data-v-2f89ea57] {
  width: 100%;
  height: 5.6875rem;
}
html .layout53.bonus .bonus-title[data-v-2f89ea57] {
  top: 1.375rem;
  left: 6.6875rem;
  z-index: 1;
  position: absolute;
  line-height: 1.3125rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight);
}
html .layout53.bonus .bonus-content[data-v-2f89ea57] {
  top: 2.8125rem;
  left: 1.75rem;
  z-index: 1;
  position: absolute;
  gap: 0;
  align-items: center;
}
html .layout53.bonus .bonus-content[data-v-2f89ea57] .currency-symbol {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75em;
  height: 1.375em;
  margin-right: 0.25em;
  font-size: min(1rem, 1.043em);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
  color: var(--ep-color-text-default);
  background: var(--ep-primary-primary-500);
}
html .layout53.bonus .bonus-content .bonus-money[data-v-2f89ea57] {
  font-size: min(1.125rem, 1.174em);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
  color: var(--ep-color-text-default);
}
#BonusPool-2-index[data-v-2f89ea57] {
  /**
	 * 53 号炫彩紫。设计稿 Figma node 17023:40717（390x134），构成跟 layout47 差太多，没法靠参数复用：
	 *  - 外层容器 390x113、#071930 深底 + 品红内发光，横幅 366x91 内嵌（左右 12px / 上下 11px）
	 *  - 右侧 127x134 海盗角标向上溢出容器 12px，不能裁切
	 *  - 金额不是胶囊，而是「品红方块 R$ + 白色粗体数字」，左上定位
	 * .bonus-img 高度必须锁 91px：bg-53.png 原图 367x91，沿用 layout47 的 7rem 会纵向拉伸。
	 */
}
#BonusPool-2-index .layout28.bonus[data-v-2f89ea57] {
  width: 22.875rem;
  position: relative;
}
#BonusPool-2-index .layout28.bonus .bonus-img[data-v-2f89ea57] {
  width: 100%;
  height: auto;
}
#BonusPool-2-index .layout28.bonus .bonus-content[data-v-2f89ea57] {
  margin-left: 0.5rem;
  width: 100%;
  position: absolute;
  bottom: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#BonusPool-2-index .layout28.bonus .bonus-content .bonus-money[data-v-2f89ea57] {
  font-size: 1.125rem;
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.2;
}
#BonusPool-2-index .layout28.bonus .bonus-content .bonus-money.symbol p[data-v-2f89ea57] {
  background: linear-gradient(0deg, #FFEEB0, #FFEEB0), linear-gradient(180deg, #FFEDAE 32.14%, #FFFAE6 60.71%, #FFEEAF 89.29%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
#BonusPool-2-index .layout28.bonus .bonus-content .bonus-money.number[data-v-2f89ea57] {
  border-radius: 0.125rem;
  margin-inline: 0.1875rem;
  width: 0.875rem;
  height: 1.25rem;
  text-align: center;
  background: linear-gradient(180deg, #FFC27A 32.14%, #FFEA9C 60.71%, #FFEEAF 89.29%);
}
#BonusPool-2-index .layout28.bonus .bonus-content .bonus-money.number p[data-v-2f89ea57] {
  background: linear-gradient(180deg, #27056E 0%, #7939FF 51.04%, #27056E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
#BonusPool-2-index .layout28.bonus .bonus-content[data-v-2f89ea57] .suffix-symbol {
  font-size: 1.125rem;
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.2;
  background: linear-gradient(0deg, #fbe7a6 0%, #e5ba66 13%, #ce8a22 28%, #bf801f 35%, #966719 48%, #a87e33 50%, #c7a660 54%, #dfc684 57%, #f0dd9e 60%, #fbebad 63%, #fff0b3 65%, #ffca8a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
#BonusPool-2-index .layout39.bonus[data-v-2f89ea57] {
  width: 22.875rem;
  position: relative;
}
#BonusPool-2-index .layout39.bonus .bonus-img[data-v-2f89ea57] {
  width: 100%;
  height: 6.125rem;
}
#BonusPool-2-index .layout39.bonus .bonus-content[data-v-2f89ea57] {
  width: 100%;
  position: absolute;
  bottom: 1.5625rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#BonusPool-2-index .layout39.bonus .bonus-content .bonus-money[data-v-2f89ea57] {
  font-size: 1.125rem;
  font-weight: var(--ep-font-weight-medium, 600);
  line-height: 1.2;
}
#BonusPool-2-index .layout39.bonus .bonus-content .bonus-money.symbol p[data-v-2f89ea57] {
  background: linear-gradient(0deg, #FFEEB0, #FFEEB0), linear-gradient(180deg, #FFEDAE 32.14%, #FFFAE6 60.71%, #FFEEAF 89.29%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
#BonusPool-2-index .layout39.bonus .bonus-content .bonus-money.number p[data-v-2f89ea57] {
  position: relative;
  color: transparent;
}
#BonusPool-2-index .layout39.bonus .bonus-content .bonus-money.number p[data-v-2f89ea57]::before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  color: #FD4A26;
  -webkit-text-stroke: 2px #FD4A26;
}
#BonusPool-2-index .layout39.bonus .bonus-content .bonus-money.number p[data-v-2f89ea57]::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, #FFF3C2 0%, #FFE81C 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#BonusPool-2-index .layout39.bonus .bonus-content[data-v-2f89ea57] .suffix-symbol {
  font-size: 1.125rem;
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.2;
  background: linear-gradient(0deg, #FFEEB0, #FFEEB0), linear-gradient(180deg, #FFEDAE 32.14%, #FFFAE6 60.71%, #FFEEAF 89.29%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
#BonusPool-2-index .layout47.bonus[data-v-2f89ea57] {
  display: flex;
  width: 22.875rem;
  position: relative;
  justify-content: center;
}
#BonusPool-2-index .layout47.bonus .bonus-img[data-v-2f89ea57] {
  width: 100%;
  height: 7rem;
}
#BonusPool-2-index .layout47.bonus .bonus-content[data-v-2f89ea57] {
  bottom: 2rem;
  position: absolute;
  padding: 0.125rem 0.875rem;
  border: 1px solid var(--ep-color-border-brand);
  border-radius: var(--ep-border-radius-infinity);
  background-color: var(--ep-color-background-fill-gradients-primary-b);
}
#BonusPool-2-index .layout47.bonus .bonus-content .bonus-money[data-v-2f89ea57] {
  font-size: 1.125rem;
  color: var(--ep-color-text-inverse);
  font-weight: var(--ep-font-weight-medium, 600);
}
#BonusPool-2-index .layout53.bonus[data-v-2f89ea57] {
  width: 100%;
  position: relative;
  isolation: isolate;
  padding: 0.6875rem 0.75rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
  /**
			 * 标题「Jackpot」。53 号底图 bg-53.png 里没有这几个字，改用 HTML 渲染（见 index.vue 的门控）。
			 *
			 * 设计稿 node 17023:40730 里这个文本层盒子 53x21、落在 jackpot 组坐标 (107, 34)；
			 * 组的 y 原点比 .bonus 容器高 12，故换算到容器内是 (107, 22)。
			 * 同一坐标系下金额行是 (28, 45)，与下方 .bonus-content 的 top/left 正好对上，可交叉验证。
			 *
			 * 字号写死不跟金额缩放：金额的 em 缩放是为了长位数不钻到右侧海盗角标底下，标题长度固定，
			 * 跟着缩反而会在不同租户间跳动。
			 */
  /**
			 * 金额区。字号必须用 em：logic.ts 的 showMoney 会按位数算 zoomOut，把
			 * `font-size: calc(1.25rem * zoomOut)` 内联写到本节点（moneyRef）上，位数越多字越小，
			 * 免得长金额钻到右边海盗角标底下。写死 rem 的话这套缩放对子元素完全无效。
			 *
			 * em 系数的来历：设计稿金额 17 位、数字 18px、R$ 16px。17 位时
			 * zoomOut = 1 - (17-10)/30 = 0.7667，根字号 = 20px * 0.7667 = 15.33px，
			 * 于是 18/15.33 = 1.174em、16/15.33 = 1.043em。
			 * 外层 min() 是封顶：位数比设计稿少时不能反过来涨过设计尺寸。
			 */
}
#BonusPool-2-index .layout53.bonus[data-v-2f89ea57]::before {
  content: '';
  position: absolute;
  top: -0.75rem;
  right: 2rem;
  z-index: 1;
  width: 7.9375rem;
  height: 8.375rem;
  pointer-events: none;
  background: url('/assets/subtitles-53-r2-Y78iyRHp.png') center / 100% 100% no-repeat;
}
#BonusPool-2-index .layout53.bonus[data-v-2f89ea57]::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  box-shadow: inset 0 0 0.625rem var(--ep-primary-primary-Opacity-40);
}
#BonusPool-2-index .layout53.bonus .bonus-img[data-v-2f89ea57] {
  width: 100%;
  height: 5.6875rem;
}
#BonusPool-2-index .layout53.bonus .bonus-title[data-v-2f89ea57] {
  top: 1.375rem;
  left: 6.6875rem;
  z-index: 1;
  position: absolute;
  line-height: 1.3125rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight);
}
#BonusPool-2-index .layout53.bonus .bonus-content[data-v-2f89ea57] {
  top: 2.8125rem;
  left: 1.75rem;
  z-index: 1;
  position: absolute;
  gap: 0;
  align-items: center;
}
#BonusPool-2-index .layout53.bonus .bonus-content[data-v-2f89ea57] .currency-symbol {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75em;
  height: 1.375em;
  margin-right: 0.25em;
  font-size: min(1rem, 1.043em);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
  color: var(--ep-color-text-default);
  background: var(--ep-primary-primary-500);
}
#BonusPool-2-index .layout53.bonus .bonus-content .bonus-money[data-v-2f89ea57] {
  font-size: min(1.125rem, 1.174em);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
  color: var(--ep-color-text-default);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.bonus[data-v-3addce27] {
  position: relative;
  background-color: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout1.bonus .bonus-img[data-v-3addce27] {
  width: 100%;
  height: auto;
}
html .layout1.bonus .bonus-content[data-v-3addce27] {
  position: absolute;
  width: 100%;
  height: 3rem;
  top: 5.375rem;
  right: 0;
  text-align: center;
}
html .layout1.bonus .bonus-content .bonus-money[data-v-3addce27] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
  color: var(--ep-color-text-highlight, #F5C84C);
}
html .layout37.bonus[data-v-3addce27] {
  position: relative;
  background-color: transparent;
}
html .layout37.bonus .bonus-img[data-v-3addce27] {
  width: 100%;
  height: auto;
}
html .layout37.bonus .bonus-content[data-v-3addce27] {
  position: absolute;
  width: 100%;
  height: 3rem;
  top: 3.25rem;
  right: 0;
  text-align: center;
}
html .layout37.bonus .bonus-content .bonus-money[data-v-3addce27] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
  color: var(--ep-color-text-highlight, #F5C84C);
  font-size: 1.875rem;
  background: linear-gradient(180deg, #F9ED74 -16.67%, #F5FCC3 46.1%, #FE9D00 48.61%, #FFE300 113.89%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html .layout45.bonus[data-v-3addce27] {
  height: 9.25rem;
  position: relative;
  margin: 1.25rem 0.75rem 0;
}
html .layout45.bonus .bonus-img[data-v-3addce27] {
  width: 100%;
  height: auto;
}
html .layout45.bonus .bonus-content[data-v-3addce27] {
  position: absolute;
  width: 100%;
  height: 3rem;
  top: 5.375rem;
  right: 0;
  text-align: center;
}
html .layout45.bonus .bonus-content .bonus-money[data-v-3addce27] {
  left: 60%;
  top: 50%;
  font-weight: 700;
  position: absolute;
  transform: translate(-50%, -50%);
  color: var(--ep-color-text-inverse);
}
html .layout45.bonus .bonus-content .bonus-money[data-v-3addce27] .currency-icon {
  display: none;
}
html .layout46.bonus[data-v-3addce27] {
  position: relative;
  background-color: transparent;
}
html .layout46.bonus .bonus-img[data-v-3addce27] {
  width: 100%;
  height: auto;
}
html .layout46.bonus .bonus-content[data-v-3addce27] {
  position: absolute;
  width: 100%;
  top: 4.5rem;
  right: 0;
  text-align: center;
}
html .layout46.bonus .bonus-content .bonus-money[data-v-3addce27] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-inverse);
  font-size: var(--ep-font-size-xxl);
  text-shadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.25);
}
html .layout50.bonus[data-v-3addce27] {
  width: 24.375rem;
  height: 8.5rem;
  position: relative;
  margin: 0.75rem auto;
}
html .layout50.bonus .bonus-img[data-v-3addce27] {
  width: 100%;
  height: auto;
}
html .layout50.bonus .bonus-content[data-v-3addce27] {
  position: absolute;
  width: 100%;
  height: 3rem;
  bottom: 1.375rem;
  right: 0;
  text-align: center;
}
html .layout50.bonus .bonus-content .bonus-money[data-v-3addce27] {
  left: 55%;
  top: 50%;
  font-weight: 600;
  position: absolute;
  transform: translate(-50%, -50%);
  color: var(--ep-color-text-inverse);
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}
html .layout50.bonus .bonus-content .bonus-money[data-v-3addce27] .currency-icon {
  display: none;
}
html .layout51.bonus[data-v-3addce27] {
  height: 6.125rem;
  position: relative;
  margin: 1.25rem 0.75rem;
}
html .layout51.bonus .bonus-img[data-v-3addce27] {
  width: 100%;
  height: auto;
}
html .layout51.bonus .bonus-content[data-v-3addce27] {
  position: absolute;
  width: 100%;
  height: 3rem;
  top: 2.84375rem;
  right: 0;
  text-align: center;
}
html .layout51.bonus .bonus-content .bonus-money[data-v-3addce27] {
  left: 55%;
  top: 50%;
  font-weight: 700;
  position: absolute;
  transform: translate(-50%, -50%);
  color: #E64021;
}
html .layout51.bonus .bonus-content .bonus-money[data-v-3addce27] .currency-icon {
  display: none;
}
#BonusPool-27-index .layout1.bonus[data-v-3addce27] {
  position: relative;
  background-color: var(--ep-color-background-fill-surface-raised-L1);
}
#BonusPool-27-index .layout1.bonus .bonus-img[data-v-3addce27] {
  width: 100%;
  height: auto;
}
#BonusPool-27-index .layout1.bonus .bonus-content[data-v-3addce27] {
  position: absolute;
  width: 100%;
  height: 3rem;
  top: 5.375rem;
  right: 0;
  text-align: center;
}
#BonusPool-27-index .layout1.bonus .bonus-content .bonus-money[data-v-3addce27] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
  color: var(--ep-color-text-highlight, #F5C84C);
}
#BonusPool-27-index .layout37.bonus[data-v-3addce27] {
  position: relative;
  background-color: transparent;
}
#BonusPool-27-index .layout37.bonus .bonus-img[data-v-3addce27] {
  width: 100%;
  height: auto;
}
#BonusPool-27-index .layout37.bonus .bonus-content[data-v-3addce27] {
  position: absolute;
  width: 100%;
  height: 3rem;
  top: 3.25rem;
  right: 0;
  text-align: center;
}
#BonusPool-27-index .layout37.bonus .bonus-content .bonus-money[data-v-3addce27] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
  color: var(--ep-color-text-highlight, #F5C84C);
  font-size: 1.875rem;
  background: linear-gradient(180deg, #F9ED74 -16.67%, #F5FCC3 46.1%, #FE9D00 48.61%, #FFE300 113.89%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#BonusPool-27-index .layout45.bonus[data-v-3addce27] {
  height: 9.25rem;
  position: relative;
  margin: 1.25rem 0.75rem 0;
}
#BonusPool-27-index .layout45.bonus .bonus-img[data-v-3addce27] {
  width: 100%;
  height: auto;
}
#BonusPool-27-index .layout45.bonus .bonus-content[data-v-3addce27] {
  position: absolute;
  width: 100%;
  height: 3rem;
  top: 5.375rem;
  right: 0;
  text-align: center;
}
#BonusPool-27-index .layout45.bonus .bonus-content .bonus-money[data-v-3addce27] {
  left: 60%;
  top: 50%;
  font-weight: 700;
  position: absolute;
  transform: translate(-50%, -50%);
  color: var(--ep-color-text-inverse);
}
#BonusPool-27-index .layout45.bonus .bonus-content .bonus-money[data-v-3addce27] .currency-icon {
  display: none;
}
#BonusPool-27-index .layout46.bonus[data-v-3addce27] {
  position: relative;
  background-color: transparent;
}
#BonusPool-27-index .layout46.bonus .bonus-img[data-v-3addce27] {
  width: 100%;
  height: auto;
}
#BonusPool-27-index .layout46.bonus .bonus-content[data-v-3addce27] {
  position: absolute;
  width: 100%;
  top: 4.5rem;
  right: 0;
  text-align: center;
}
#BonusPool-27-index .layout46.bonus .bonus-content .bonus-money[data-v-3addce27] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-inverse);
  font-size: var(--ep-font-size-xxl);
  text-shadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.25);
}
#BonusPool-27-index .layout50.bonus[data-v-3addce27] {
  width: 24.375rem;
  height: 8.5rem;
  position: relative;
  margin: 0.75rem auto;
}
#BonusPool-27-index .layout50.bonus .bonus-img[data-v-3addce27] {
  width: 100%;
  height: auto;
}
#BonusPool-27-index .layout50.bonus .bonus-content[data-v-3addce27] {
  position: absolute;
  width: 100%;
  height: 3rem;
  bottom: 1.375rem;
  right: 0;
  text-align: center;
}
#BonusPool-27-index .layout50.bonus .bonus-content .bonus-money[data-v-3addce27] {
  left: 55%;
  top: 50%;
  font-weight: 600;
  position: absolute;
  transform: translate(-50%, -50%);
  color: var(--ep-color-text-inverse);
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}
#BonusPool-27-index .layout50.bonus .bonus-content .bonus-money[data-v-3addce27] .currency-icon {
  display: none;
}
#BonusPool-27-index .layout51.bonus[data-v-3addce27] {
  height: 6.125rem;
  position: relative;
  margin: 1.25rem 0.75rem;
}
#BonusPool-27-index .layout51.bonus .bonus-img[data-v-3addce27] {
  width: 100%;
  height: auto;
}
#BonusPool-27-index .layout51.bonus .bonus-content[data-v-3addce27] {
  position: absolute;
  width: 100%;
  height: 3rem;
  top: 2.84375rem;
  right: 0;
  text-align: center;
}
#BonusPool-27-index .layout51.bonus .bonus-content .bonus-money[data-v-3addce27] {
  left: 55%;
  top: 50%;
  font-weight: 700;
  position: absolute;
  transform: translate(-50%, -50%);
  color: #E64021;
}
#BonusPool-27-index .layout51.bonus .bonus-content .bonus-money[data-v-3addce27] .currency-icon {
  display: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout30.bonus[data-v-42dc62f8] {
  display: flex;
  align-items: center;
  position: relative;
  background-size: 100% 100%;
  padding-top: 1.125rem;
  padding-left: 9rem;
}
html .layout30.bonus .bonus-img[data-v-42dc62f8] {
  width: 5.5rem;
  height: 5.5rem;
  font-size: 5.5rem;
  margin-inline-end: 0.375rem;
}
html .layout30.bonus .bonus-content[data-v-42dc62f8] {
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
html .layout30.bonus .bonus-content .bonus-content-inner[data-v-42dc62f8] {
  line-height: 1;
}
html .layout30.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-42dc62f8],
html .layout30.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-42dc62f8] {
  font-size: var(--ep-font-size-xxl, 1.5rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-brand-primary);
}
html .layout30.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-42dc62f8] {
  margin-inline-end: 0.3125rem;
}
html .layout30.bonus .bonus-content .bonus-title[data-v-42dc62f8] {
  font-size: 0.875rem;
  color: var(--ep-color-text-weak);
}
#BonusPool-30-index .layout30.bonus[data-v-42dc62f8] {
  display: flex;
  align-items: center;
  position: relative;
  background-size: 100% 100%;
  padding-top: 1.125rem;
  padding-left: 9rem;
}
#BonusPool-30-index .layout30.bonus .bonus-img[data-v-42dc62f8] {
  width: 5.5rem;
  height: 5.5rem;
  font-size: 5.5rem;
  margin-inline-end: 0.375rem;
}
#BonusPool-30-index .layout30.bonus .bonus-content[data-v-42dc62f8] {
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#BonusPool-30-index .layout30.bonus .bonus-content .bonus-content-inner[data-v-42dc62f8] {
  line-height: 1;
}
#BonusPool-30-index .layout30.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-42dc62f8],
#BonusPool-30-index .layout30.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-42dc62f8] {
  font-size: var(--ep-font-size-xxl, 1.5rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-brand-primary);
}
#BonusPool-30-index .layout30.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-42dc62f8] {
  margin-inline-end: 0.3125rem;
}
#BonusPool-30-index .layout30.bonus .bonus-content .bonus-title[data-v-42dc62f8] {
  font-size: 0.875rem;
  color: var(--ep-color-text-weak);
}
.layout49.bonus[data-v-42dc62f8] {
  height: 9rem;
  margin: 0 0.75rem;
  background-size: 100% 100%;
  padding-top: 4.875rem;
}
.layout49.bonus .bonus-content[data-v-42dc62f8] {
  gap: 0.5rem;
  display: flex;
  height: 2.125rem;
  align-items: center;
  justify-content: center;
}
.layout49.bonus .bonus-content .bonus-title[data-v-42dc62f8] {
  display: none;
}
.layout49.bonus .bonus-content .bonus-money[data-v-42dc62f8] {
  text-align: center;
  color: var(--ep-color-text-highlight-white);
  font-weight: 800;
  text-shadow: 0.0625rem 0 0 var(--ep-color-border-brand, rgba(0, 0, 0, 0.4)), -0.0625rem 0 0 var(--ep-color-border-brand, rgba(0, 0, 0, 0.4)), 0 0.0625rem 0 var(--ep-color-border-brand, rgba(0, 0, 0, 0.4)), 0 -0.0625rem 0 var(--ep-color-border-brand, rgba(0, 0, 0, 0.4));
  -webkit-text-stroke: 0.0625rem var(--ep-color-border-brand, rgba(0, 0, 0, 0.4));
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout36.bonus[data-v-e0672ce7] {
  width: 100%;
  position: relative;
}
.layout36.bonus .bonus-img[data-v-e0672ce7] {
  width: 100%;
  height: 8.625rem;
}
.layout36.bonus .bonus-img[data-v-e0672ce7] ion-img {
  object-fit: cover;
  object-position: top;
}
.layout36.bonus .bonus-coin[data-v-e0672ce7] {
  position: absolute;
  inset: 0;
}
.layout36.bonus .bonus-coin[data-v-e0672ce7] ion-img {
  object-fit: cover;
  object-position: center -0.375rem;
}
.layout36.bonus .bonus-content[data-v-e0672ce7] {
  margin-left: 0.5rem;
  width: 100%;
  position: absolute;
  bottom: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.layout36.bonus .bonus-content .bonus-money[data-v-e0672ce7] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  font-size: 1.5rem;
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-highlight);
}
.layout36.bonus .bonus-content .bonus-money ion-img[data-v-e0672ce7] {
  width: 0.75rem;
  height: 0.75rem;
}
.layout36.bonus .bonus-content .bonus-money ion-img[data-v-e0672ce7]:last-child {
  transform: scaleX(-1);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout38.bonus[data-v-d0ae795f] {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  background-size: 100% 100%;
  padding-top: 1.125rem;
  padding-left: 9rem;
}
html .layout38.bonus .bonus-img[data-v-d0ae795f] {
  width: 5.5rem;
  height: 5.5rem;
  font-size: 5.5rem;
  margin-inline-end: 0.375rem;
}
html .layout38.bonus .bonus-content[data-v-d0ae795f] {
  width: 12.25rem;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 0.625rem;
  background-size: 100% 100%;
  margin-bottom: 0.75rem;
  margin-right: 1rem;
  position: relative;
  z-index: 1;
}
html .layout38.bonus .bonus-content .bonus-content-bg[data-v-d0ae795f] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
html .layout38.bonus .bonus-content .bonus-content-inner[data-v-d0ae795f] {
  line-height: 1;
}
html .layout38.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-d0ae795f],
html .layout38.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-d0ae795f] {
  font-size: var(--ep-font-size-xxl, 1.5rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .layout38.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-d0ae795f] {
  margin-inline-end: 0.3125rem;
}
html .layout38.bonus .bonus-content .bonus-title[data-v-d0ae795f] {
  font-size: 0.875rem;
  color: var(--ep-color-text-weak);
}
html .layout40.bonus[data-v-d0ae795f] {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  background-size: 100% 100%;
  padding-top: 1.125rem;
  padding-left: 9rem;
}
html .layout40.bonus .bonus-img[data-v-d0ae795f] {
  width: 5.5rem;
  height: 5.5rem;
  font-size: 5.5rem;
  margin-inline-end: 0.375rem;
}
html .layout40.bonus .bonus-content[data-v-d0ae795f] {
  width: 11.75rem;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 0.625rem;
  background-size: 100% 100%;
  margin-bottom: 1.3125rem;
  margin-right: 2rem;
}
html .layout40.bonus .bonus-content .bonus-content-inner[data-v-d0ae795f] {
  line-height: 1;
}
html .layout40.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-d0ae795f],
html .layout40.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-d0ae795f] {
  font-size: var(--ep-font-size-xxl, 1.5rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-highlight);
}
html .layout40.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-d0ae795f] {
  margin-inline-end: 0.3125rem;
}
html .layout40.bonus .bonus-content .bonus-title[data-v-d0ae795f] {
  font-size: 0.875rem;
  color: var(--ep-color-text-weak);
}
#BonusPool-30-index .layout38.bonus[data-v-d0ae795f] {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  background-size: 100% 100%;
  padding-top: 1.125rem;
  padding-left: 9rem;
}
#BonusPool-30-index .layout38.bonus .bonus-img[data-v-d0ae795f] {
  width: 5.5rem;
  height: 5.5rem;
  font-size: 5.5rem;
  margin-inline-end: 0.375rem;
}
#BonusPool-30-index .layout38.bonus .bonus-content[data-v-d0ae795f] {
  width: 12.25rem;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 0.625rem;
  background-size: 100% 100%;
  margin-bottom: 0.75rem;
  margin-right: 1rem;
  position: relative;
  z-index: 1;
}
#BonusPool-30-index .layout38.bonus .bonus-content .bonus-content-bg[data-v-d0ae795f] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#BonusPool-30-index .layout38.bonus .bonus-content .bonus-content-inner[data-v-d0ae795f] {
  line-height: 1;
}
#BonusPool-30-index .layout38.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-d0ae795f],
#BonusPool-30-index .layout38.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-d0ae795f] {
  font-size: var(--ep-font-size-xxl, 1.5rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#BonusPool-30-index .layout38.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-d0ae795f] {
  margin-inline-end: 0.3125rem;
}
#BonusPool-30-index .layout38.bonus .bonus-content .bonus-title[data-v-d0ae795f] {
  font-size: 0.875rem;
  color: var(--ep-color-text-weak);
}
#BonusPool-30-index .layout40.bonus[data-v-d0ae795f] {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  background-size: 100% 100%;
  padding-top: 1.125rem;
  padding-left: 9rem;
}
#BonusPool-30-index .layout40.bonus .bonus-img[data-v-d0ae795f] {
  width: 5.5rem;
  height: 5.5rem;
  font-size: 5.5rem;
  margin-inline-end: 0.375rem;
}
#BonusPool-30-index .layout40.bonus .bonus-content[data-v-d0ae795f] {
  width: 11.75rem;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 0.625rem;
  background-size: 100% 100%;
  margin-bottom: 1.3125rem;
  margin-right: 2rem;
}
#BonusPool-30-index .layout40.bonus .bonus-content .bonus-content-inner[data-v-d0ae795f] {
  line-height: 1;
}
#BonusPool-30-index .layout40.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-d0ae795f],
#BonusPool-30-index .layout40.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-d0ae795f] {
  font-size: var(--ep-font-size-xxl, 1.5rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-highlight);
}
#BonusPool-30-index .layout40.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-d0ae795f] {
  margin-inline-end: 0.3125rem;
}
#BonusPool-30-index .layout40.bonus .bonus-content .bonus-title[data-v-d0ae795f] {
  font-size: 0.875rem;
  color: var(--ep-color-text-weak);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout44.bonus[data-v-98077f6f] {
  display: flex;
  height: 6.125rem;
  position: relative;
  padding-top: 3rem;
  justify-content: center;
  background-size: 100% 100%;
  margin-top: 0.75rem;
}
.layout44.bonus .bonus-img[data-v-98077f6f] {
  width: 5.5rem;
  height: 5.5rem;
  font-size: 5.5rem;
  margin-inline-end: 0.375rem;
}
.layout44.bonus .bonus-content[data-v-98077f6f] {
  display: flex;
  width: 11.75rem;
  height: 2.375rem;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 0.625rem;
  margin-bottom: 1.3125rem;
  background-size: 100% 100%;
}
.layout44.bonus .bonus-content .bonus-content-inner[data-v-98077f6f] {
  line-height: 1;
}
.layout44.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-98077f6f] {
  position: relative;
  font-family: "Black Ops One", system-ui;
  color: #A33900;
}
.layout44.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-98077f6f]::before {
  content: attr(text);
  position: absolute;
  top: -0.1875rem;
  left: 0;
  z-index: 1;
  color: transparent;
  font-weight: var(--ep-font-weight-medium, 600);
  background: linear-gradient(180deg, #F9ED74 -16.67%, #F5FCC3 46.1%, #E5BA66 48.61%, #FFE300 113.89%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
}
.layout44.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-98077f6f] .currency-icon {
  display: none;
}
.layout44.bonus .bonus-content .bonus-title[data-v-98077f6f] {
  font-size: 0.875rem;
  color: var(--ep-color-text-weak);
}


/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-img[data-v-0241c371] {
  width: 0;
}
ion-img.good-img[data-v-0241c371] {
  width: 100%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.new-skin-symbol .pwa-header-wrap[data-v-7b672876] {
  width: 100%;
  height: 3.125rem;
  background: var(--ep-color-background-fill-surface-lowered);
  position: relative;
  display: flex;
  align-items: center;
}
.new-skin-symbol .pwa-header-wrap .close-btn-bg[data-v-7b672876] {
  position: absolute;
  height: 3.875rem;
  width: 3.875rem;
  border-radius: 50%;
  background: var(--ep-neutral-white-white-10);
  transform: translate(-50%, -50%);
}
.new-skin-symbol .pwa-header-wrap .close-icon[data-v-7b672876] {
  position: absolute;
  left: 0.25rem;
  top: 0.25rem;
  font-size: var(--ep-font-size-m);
  color: var(--ep-color-icon-default);
}
.new-skin-symbol .pwa-header-wrap .left-area[data-v-7b672876] {
  display: flex;
  align-items: center;
  margin-left: 2.3125rem;
}
.new-skin-symbol .pwa-header-wrap .left-area .pwa-icon-wrap[data-v-7b672876] {
  width: 38px;
  height: 38px;
  border-radius: var(--ep-border-radius-l);
  overflow: hidden;
}
.new-skin-symbol .pwa-header-wrap .left-area .pwa-icon-wrap .pwa-icon[data-v-7b672876] {
  width: 100%;
  height: 100%;
}
.new-skin-symbol .pwa-header-wrap .left-area .pwa-name[data-v-7b672876] {
  width: 8.25rem;
  font-size: var(--ep-font-size-s);
  line-height: 1.125rem;
  color: var(--ep-color-text-default);
  margin: 0 0.4375rem;
}
.new-skin-symbol .pwa-header-wrap .left-area .pwa-money[data-v-7b672876] {
  width: 2rem;
  height: 2rem;
}
.theme-24 .pwa-header-wrap[data-v-7b672876],
.theme-34 .pwa-header-wrap[data-v-7b672876] {
  width: 100%;
  height: 3.125rem;
  background: var(--ep-color-background-fill-active-primary);
  position: relative;
  display: flex;
  align-items: center;
}
.theme-24 .pwa-header-wrap .close-btn-bg[data-v-7b672876],
.theme-34 .pwa-header-wrap .close-btn-bg[data-v-7b672876] {
  position: absolute;
  height: 3.875rem;
  width: 3.875rem;
  border-radius: 50%;
  background: var(--ep-neutral-white-white-10);
  transform: translate(-50%, -50%);
}
.theme-24 .pwa-header-wrap .close-icon[data-v-7b672876],
.theme-34 .pwa-header-wrap .close-icon[data-v-7b672876] {
  position: absolute;
  left: 0.25rem;
  top: 0.25rem;
  font-size: var(--ep-font-size-m);
  color: var(--ep-color-icon-default);
}
.theme-24 .pwa-header-wrap .left-area[data-v-7b672876],
.theme-34 .pwa-header-wrap .left-area[data-v-7b672876] {
  display: flex;
  align-items: center;
  margin-left: 2.3125rem;
}
.theme-24 .pwa-header-wrap .left-area .pwa-icon-wrap[data-v-7b672876],
.theme-34 .pwa-header-wrap .left-area .pwa-icon-wrap[data-v-7b672876] {
  width: 38px;
  height: 38px;
  border-radius: var(--ep-border-radius-l);
  overflow: hidden;
}
.theme-24 .pwa-header-wrap .left-area .pwa-icon-wrap .pwa-icon[data-v-7b672876],
.theme-34 .pwa-header-wrap .left-area .pwa-icon-wrap .pwa-icon[data-v-7b672876] {
  width: 100%;
  height: 100%;
}
.theme-24 .pwa-header-wrap .left-area .pwa-name[data-v-7b672876],
.theme-34 .pwa-header-wrap .left-area .pwa-name[data-v-7b672876] {
  width: 8.25rem;
  font-size: var(--ep-font-size-s);
  line-height: 1.125rem;
  color: var(--ep-color-text-default);
  margin: 0 0.4375rem;
}
.theme-24 .pwa-header-wrap .left-area .pwa-money[data-v-7b672876],
.theme-34 .pwa-header-wrap .left-area .pwa-money[data-v-7b672876] {
  width: 2rem;
  height: 2rem;
}
.theme-28 .pwa-header-wrap .close-btn-bg[data-v-7b672876] {
  top: 0;
  left: 0;
  height: 4rem;
  width: 4rem;
}
.theme-28 .pwa-header-wrap .close-icon[data-v-7b672876] {
  top: 0.125rem;
  left: 0.125rem;
  font-size: 1.25rem;
}
.malt-green .pwa-header-wrap[data-v-7b672876] {
  background: var(--ep-color-background-fill-active-disabled);
}
.malt-green .pwa-header-wrap .close-btn-bg[data-v-7b672876] {
  top: 0;
  left: 0;
  height: 3.875rem;
  width: 3.875rem;
  transform: translate(-45%, -45%);
}
.malt-green .pwa-header-wrap .close-icon[data-v-7b672876] {
  font-size: 1.375rem;
  top: 0.125rem;
  left: 0.125rem;
}
.malt-green .pwa-header-wrap[data-v-7b672876] .btn-default .download-svg {
  color: var(--ep-color-icon-default);
}
.malt-green .pwa-header-wrap[data-v-7b672876] .btn-default .btn-text {
  color: var(--ep-color-text-default);
}
.layout38.pwa-header-wrap .left-area[data-v-7b672876] {
  flex: 1;
}
.layout38.pwa-header-wrap .left-area .pwa-name[data-v-7b672876] {
  flex: 1;
}
.layout38.pwa-header-wrap .left-area .pwa-money[data-v-7b672876] {
  display: none;
}
.theme-42 .pwa-header-wrap[data-v-7b672876] {
  background: var(--ep-color-background-fill-glow-secondary-opacity-40);
  justify-content: flex-end;
  padding: 0 0.75rem;
}
.theme-42 .pwa-header-wrap .left-area[data-v-7b672876] {
  margin-left: 0;
}
.theme-42 .pwa-header-wrap .close-btn-bg[data-v-7b672876] {
  top: 0;
  left: 0;
  height: 3.875rem;
  width: 3.875rem;
  transform: translate(-45%, -45%);
}
.theme-42 .pwa-header-wrap .close-icon[data-v-7b672876] {
  font-size: 1rem;
  top: 0.25rem;
  left: 0.25rem;
  color: #fff;
}
.theme-42 .pwa-header-wrap[data-v-7b672876] .btn-default {
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a, #2FDA90) -27.5%, var(--ep-color-background-fill-gradients-tertiary-b, #79AF0A) 127.5%);
  margin-left: 0.375rem;
}
.theme-42 .pwa-header-wrap[data-v-7b672876] .btn-default .download-svg {
  color: var(--ep-color-icon-inverse);
}
.theme-42 .pwa-header-wrap[data-v-7b672876] .btn-default .btn-text {
  color: var(--ep-color-text-inverse);
}
.theme-37 .pwa-header-wrap .left-area[data-v-7b672876],
.theme-41 .pwa-header-wrap .left-area[data-v-7b672876] {
  margin-left: 1.375rem;
}
.theme-37 .pwa-header-wrap .close-btn-bg[data-v-7b672876],
.theme-41 .pwa-header-wrap .close-btn-bg[data-v-7b672876] {
  top: 0;
  left: 0;
  width: 3.875rem;
  height: 3.875rem;
  transform: translate(-50%, -50%);
}
.theme-37 .pwa-header-wrap .close-icon[data-v-7b672876],
.theme-41 .pwa-header-wrap .close-icon[data-v-7b672876] {
  font-size: var(--ep-font-size-l);
  color: var(--ep-color-icon-default);
}
.theme-37 .pwa-header-wrap .pwa-name[data-v-7b672876] {
  color: #000;
}
.theme-37 .pwa-header-wrap .close-btn-bg[data-v-7b672876] {
  background: var(--ep-neutral-black-black-10);
}
.theme-41 .pwa-header-wrap .left-area .pwa-name[data-v-7b672876] {
  color: #fff;
}
.theme-41 .pwa-header-wrap .close-btn-bg[data-v-7b672876] {
  background: var(--ep-neutral-white-white-10);
}
.layout44.pwa-header-wrap .close-btn-bg[data-v-7b672876],
.layout45.pwa-header-wrap .close-btn-bg[data-v-7b672876] {
  background: var(--ep-neutral-black-black-10);
}
.theme-46 .pwa-header-wrap .left-area[data-v-7b672876] {
  margin-left: 1.375rem;
}
.theme-46 .pwa-header-wrap .close-btn-bg[data-v-7b672876] {
  top: 0;
  left: 0;
  width: 3.875rem;
  height: 3.875rem;
  transform: translate(-50%, -50%);
}
.theme-46 .pwa-header-wrap .close-icon[data-v-7b672876] {
  font-size: var(--ep-font-size-l);
  color: var(--ep-color-icon-default);
}
.theme-46 .pwa-header-wrap .pwa-name[data-v-7b672876] {
  color: #000;
}
.theme-46 .pwa-header-wrap .close-btn-bg[data-v-7b672876] {
  background: var(--ep-neutral-black-black-10);
}
.layout49.pwa-header-wrap[data-v-7b672876] {
  padding-right: 0.75rem;
  justify-content: space-between;
}
.layout49.pwa-header-wrap .left-area[data-v-7b672876] {
  flex: 1;
}
.layout49.pwa-header-wrap .left-area .pwa-name[data-v-7b672876] {
  flex: 1;
}
.layout49.pwa-header-wrap .left-area .pwa-money[data-v-7b672876] {
  display: none;
}
.theme-41 .pwa-header-wrap .close-btn-bg[data-v-7b672876] {
  top: 0;
  left: 0;
  width: 3.875rem;
  height: 3.875rem;
  background: var(--ep-neutral-white-white-10);
}
.theme-41 .pwa-header-wrap .left-area .pwa-name[data-v-7b672876] {
  color: #fff;
}
.layout44.pwa-header-wrap .close-btn-bg[data-v-7b672876],
.layout45.pwa-header-wrap .close-btn-bg[data-v-7b672876] {
  background: var(--ep-neutral-black-black-10);
}
.theme-46 .pwa-header-wrap .left-area[data-v-7b672876] {
  margin-left: 1.375rem;
}
.theme-46 .pwa-header-wrap .close-btn-bg[data-v-7b672876] {
  top: 0;
  left: 0;
  width: 3.875rem;
  height: 3.875rem;
  transform: translate(-50%, -50%);
}
.theme-46 .pwa-header-wrap .close-icon[data-v-7b672876] {
  font-size: var(--ep-font-size-l);
  color: var(--ep-color-icon-default);
}
.theme-46 .pwa-header-wrap .pwa-name[data-v-7b672876] {
  color: #000;
}
.theme-46 .pwa-header-wrap .close-btn-bg[data-v-7b672876] {
  background: var(--ep-neutral-black-black-10);
}
.layout49.pwa-header-wrap[data-v-7b672876] {
  padding-right: 0.75rem;
  justify-content: space-between;
}
.layout49.pwa-header-wrap .left-area[data-v-7b672876] {
  flex: 1;
}
.layout49.pwa-header-wrap .left-area .pwa-name[data-v-7b672876] {
  flex: 1;
}
.layout49.pwa-header-wrap .left-area .pwa-money[data-v-7b672876] {
  display: none;
}
.theme-54 .pwa-header-wrap[data-v-7b672876] {
  background: var(--ep-color-background-fill-surface-raised-L2);
  justify-content: flex-end;
  padding: 0 0.75rem;
}
.theme-54 .pwa-header-wrap .left-area[data-v-7b672876] {
  margin-left: 0;
}
.theme-54 .pwa-header-wrap .close-btn-bg[data-v-7b672876] {
  top: 0;
  left: 0;
  height: 3.875rem;
  width: 3.875rem;
  transform: translate(-45%, -45%);
}
.theme-54 .pwa-header-wrap .close-icon[data-v-7b672876] {
  font-size: 1rem;
  top: 0.375rem;
  left: 0.4375rem;
  color: #fff;
}
.theme-54 .pwa-header-wrap[data-v-7b672876] .btn-default {
  background: linear-gradient(90deg, var(--color-background-fill-gradients-primary-a, #45F880) -27.5%, var(--color-background-fill-gradients-primary-b, #FFBD1C) 127.5%);
  margin-left: 0.375rem;
}
.theme-54 .pwa-header-wrap[data-v-7b672876] .btn-default .download-svg {
  color: var(--ep-color-icon-inverse);
}
.theme-54 .pwa-header-wrap[data-v-7b672876] .btn-default .btn-text {
  color: var(--ep-color-text-inverse);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
[data-v-7836ccbe] .mask {
  background: rgba(0, 0, 0, 0.8);
}
[data-v-7836ccbe] .new-skin-symbol .content_footer_pwa {
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background: var(--ep-color-background-fill-surface-raised-L1);
  background-size: cover;
  color: var(--ep-color-text-default);
}
.install[data-v-7836ccbe] {
  --button-font-size: var(--ep-font-size-m);
  --button-font-weight: var(--ep-font-weight-medium);
}
.install[data-v-7836ccbe] ion-button.primary {
  --ep-color-background-fill-active-active: var(--ep-color-background-fill-active-primary);
}
.cancel[data-v-7836ccbe] {
  --color: var(--ep-color-text-default);
  line-height: 2rem;
  margin-right: 1rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-21e587b7] {
  /**
   * 53 号炫彩紫的应用下载模块（设计稿 node 17023:41079，390x135）。
   *
   * 叠在 layout2 之上用（配置里写 `layoutType: 'layout2 layout53'`）：float-img 的绝对定位、
   * `& > * { z-index: 20 }` 这些机制照旧复用 layout2，这里只改「通栏无卡片底 + 右侧装饰图」。
   * 47 号那张卡片底（背景 / 圆角 / 定宽 22.875rem）在设计稿里没有了，但它们是配置里的**内联样式**，
   * 压得过类选择器，只能在 theme-53.ts 里一起置空，不要试图在这里覆盖。
   *
   * 装饰图（蓝色斜幅 + 角色）走组件自带的 float-img 口子：设计稿里它从模块左沿 211px 起、
   * 宽 260，右边 81px 是溢出到屏幕外的，故 overflow 裁在 390 边界上。
   */
  /**
   * 53 号炫彩紫**抽屉里**的应用下载模块（设计稿 node 9041:31625 →「下载提示」）。
   *
   * 和首页那块（.layout53）用的是同一张装饰图和同一对按钮，摆法相反：首页装饰图在右、
   * 按钮并排在下；抽屉里装饰图在左、按钮上下叠在右。所以不复用 .layout53，另起一块，
   * 但同样叠在 layout2 之上（float-img 的绝对定位机制照旧）。
   *
   * 装饰图原图 260x93，设计稿这处（node 17025:43070 的 Frame 2131331165）只露左上角
   * 160x77——右边 100 和下边 16 都被那个 clipsContent 的框裁掉了，裁完的下沿正好落在 77，
   * 与右侧按钮组的下沿齐平（两者都是 87 减去 10 的下内边距）。
   * float-img 是 content-box 的绝对定位裸 img、外面没有可裁的容器，故这两刀都用 clip-path 切，
   * 而不是靠 overflow：容器只有 87 高，靠 overflow 只能裁到 87，下沿会比按钮低 10。
   */
}
html .layout1.content-box[data-v-21e587b7] {
  position: relative;
  transform: translateZ(0);
  z-index: 1;
}
html .layout2.content-box[data-v-21e587b7] {
  position: relative;
  transform: translateZ(0);
  z-index: 1;
}
html .layout2.content-box[data-v-21e587b7] > * {
  position: relative;
  z-index: 20;
}
html .layout2.content-box .float-img[data-v-21e587b7] {
  width: var(--img-width, 100%);
  height: var(--img-height, 100%);
  position: absolute;
  top: var(--img-top, 0);
  left: var(--img-left, 0);
  bottom: var(--img-bottom);
  right: var(--img-right);
  z-index: -1;
  mix-blend-mode: var(--img-mix-blend-mode, 'normal');
}
html .layout3.content-box[data-v-21e587b7] {
  position: relative;
  transform: translateZ(0);
  z-index: 1;
}
html .layout3.content-box[data-v-21e587b7] > * {
  position: relative;
  z-index: 20;
}
html .layout3.content-box .float-img[data-v-21e587b7] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
html .layout3.content-box[data-v-21e587b7]::after {
  content: '';
  display: block;
  width: 50%;
  height: 4.0625rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--after-background);
  filter: blur(70px);
}
html .layout27.content-box[data-v-21e587b7] {
  position: relative;
  transform: translateZ(0);
  margin: 0 0.5rem 0 0.5rem;
  z-index: 1;
  padding: 0.75rem 0 0 0.75rem;
  border-radius: var(--ep-border-radius-l);
  border: 1px solid var(--ep-color-border-default);
  border-bottom: none;
  min-height: 8.5rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: url('/assets/layout27-texture-r2-C2j_Xya4.png') top center no-repeat;
  background-size: 100% auto;
}
html .layout27.content-box[data-v-21e587b7]::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: -0.5rem;
  width: 21.875rem;
  height: 0.0625rem;
  background: linear-gradient(90deg, var(--ep-neutral-transparent) 0%, var(--ep-neutral-white-white-60) 50%, var(--ep-neutral-transparent) 100%);
}
html .layout27.content-box[data-v-21e587b7]::after {
  display: block;
  content: '';
  position: absolute;
  top: -1.25rem;
  right: 0.125rem;
  width: 7.875rem;
  height: 9.625rem;
  z-index: 2;
  background: url('/assets/content-bg27-r2-BoTQD6J0.png') center no-repeat;
  background-size: 100% auto;
  pointer-events: none;
}
html .sticky-login-box.is-stuck .layout27.content-box[data-v-21e587b7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 0;
  padding: 0.5rem 0.75rem;
}
html .sticky-login-box.is-stuck .layout27.content-box[data-v-21e587b7]::after {
  display: none;
}
html .sticky-login-box.is-stuck .layout27.content-box .button-box[data-v-21e587b7] {
  margin-top: 0;
}
html .sticky-login-box.is-stuck #game-buoy[data-v-21e587b7]:has(> .layout27.content-box) {
  margin-top: 0 !important;
}
html .layout30.content-box[data-v-21e587b7] {
  position: relative;
  transform: translateZ(0);
  z-index: 1;
}
html .layout30.content-box .float-img[data-v-21e587b7] {
  width: 101.5%;
  max-width: 101.5%;
  height: var(--img-height, 100%);
  position: absolute;
  top: var(--img-top, 0);
  left: var(--img-left, 0);
  bottom: var(--img-bottom);
  right: var(--img-right);
  z-index: -1;
  mix-blend-mode: var(--img-mix-blend-mode, 'normal');
}
html .layout37.content-box[data-v-21e587b7] {
  position: relative;
  margin: 1.75rem 0.75rem 0.625rem;
  padding: 0.625rem 0.75rem 0.75rem 0.75rem;
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-secondary-a) 0%, var(--ep-color-background-fill-gradients-secondary-b) 100%);
  border-radius: var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px);
  box-shadow: 0 -0.125rem 0 0 var(--ep-color-border-brand) inset;
}
html .layout37.content-box[data-v-21e587b7]::before {
  content: '';
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
  width: calc(100% + 0.125rem);
  height: calc(100% + 0.0625rem);
  border-radius: var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px);
  background: linear-gradient(180deg, var(--ep-color-border-selected) 0%, rgba(246, 177, 255, 0) 100%);
  z-index: -1;
}
html .layout37.content-box[data-v-21e587b7]::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(122, 122, 122, 0) 0%, rgba(122, 122, 122, 0.8) 100%), url('/assets/bg-tabbar-content37-r2-ZsQI-Ek9.png') center center no-repeat;
  mix-blend-mode: overlay;
  background-size: 100% 100%;
  border-radius: var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px);
}
html .layout37.login-bar-split-top[data-v-21e587b7] {
  padding-bottom: 0;
  box-shadow: none;
  border-radius: var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px) 0 0;
  background-size: 100% 10.5rem;
  background-position: 0 0;
}
html .layout37.login-bar-split-top[data-v-21e587b7]::before {
  border-radius: var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px) 0 0;
  background-size: 100% 10.5rem;
  background-position: 0 0;
}
html .layout37.login-bar-split-top[data-v-21e587b7]::after {
  border-radius: var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px) 0 0;
  background-size: 100% 10.5rem, 100% 10.5rem;
  background-position: 0 0, 0 0;
}
html .layout37.login-bar-split-top.checked-log-out[data-v-21e587b7] {
  background-size: 100% 9.75rem;
}
html .layout37.login-bar-split-top.checked-log-out[data-v-21e587b7]::before {
  background-size: 100% 9.75rem;
}
html .layout37.login-bar-split-top.checked-log-out[data-v-21e587b7]::after {
  background-size: 100% 9.75rem, 100% 9.75rem;
}
html .layout37.login-bar-split-bottom[data-v-21e587b7] {
  margin-top: -1px;
  padding-top: calc(0.75rem + 1px);
  border-radius: 0 0 var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px);
  background-size: 100% 10.5rem;
  background-position: 0 -3.75rem;
}
html .layout37.login-bar-split-bottom[data-v-21e587b7]::before {
  top: 0;
  height: 100%;
  border-radius: 0 0 var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px);
  background-size: 100% 10.5rem;
  background-position: 0 -3.75rem;
}
html .layout37.login-bar-split-bottom[data-v-21e587b7]::after {
  border-radius: 0 0 var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px);
  background-size: 100% 10.5rem, 100% 10.5rem;
  background-position: 0 -3.75rem, 0 -3.75rem;
}
html .layout37.login-bar-split-bottom.checked-log-out[data-v-21e587b7] {
  background-size: 100% 9.75rem;
  background-position: 0 -3rem;
}
html .layout37.login-bar-split-bottom.checked-log-out[data-v-21e587b7]::before {
  background-size: 100% 9.75rem;
  background-position: 0 -3rem;
}
html .layout37.login-bar-split-bottom.checked-log-out[data-v-21e587b7]::after {
  background-size: 100% 9.75rem, 100% 9.75rem;
  background-position: 0 -3rem, 0 -3rem;
}
html .layout37.login-bar-split-top[data-v-21e587b7] {
  padding-bottom: 0;
  border-radius: var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px) 0 0;
  background-size: 100% 10.5rem;
  background-position: 0 0;
}
html .layout37.login-bar-split-top[data-v-21e587b7]::after {
  background-size: 100% 10.5rem, 100% 10.5rem;
  background-position: 0 0, 0 0;
}
html .layout37.login-bar-split-top.checked-log-out[data-v-21e587b7] {
  background-size: 100% 9.75rem;
}
html .layout37.login-bar-split-top.checked-log-out[data-v-21e587b7]::after {
  background-size: 100% 9.75rem, 100% 9.75rem;
}
html .layout37.login-bar-split-bottom[data-v-21e587b7] {
  margin-top: -1px;
  padding-top: calc(0.75rem + 1px);
  border-radius: 0 0 var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px);
  background-size: 100% 10.5rem;
  background-position: 0 -3.75rem;
}
html .layout37.login-bar-split-bottom[data-v-21e587b7]::after {
  background-size: 100% 10.5rem, 100% 10.5rem;
  background-position: 0 -3.75rem, 0 -3.75rem;
}
html .layout37.login-bar-split-bottom.checked-log-out[data-v-21e587b7] {
  background-size: 100% 9.75rem;
  background-position: 0 -3rem;
}
html .layout37.login-bar-split-bottom.checked-log-out[data-v-21e587b7]::after {
  background-size: 100% 9.75rem, 100% 9.75rem;
  background-position: 0 -3rem, 0 -3rem;
}
html .layout38.content-box[data-v-21e587b7] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
html .layout39.content-log-in[data-v-21e587b7] {
  border-radius: var(--ep-border-radius-surface-small);
  position: relative;
}
html .layout39.content-log-in[data-v-21e587b7]::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(273deg, rgba(255, 255, 255, 0) 0%, var(--ep-color-background-fill-gradients-tertiary-weak-a, #18AAFF) 50.96%, var(--ep-color-background-fill-glow-secondary-opacity-40, rgba(143, 255, 245, 0.6)) 100%);
  box-shadow: 0 -2px 2px 0 rgba(255, 255, 255, 0.25) inset, 0 2px 2px 0 rgba(255, 255, 255, 0.25) inset;
  border-radius: inherit;
  opacity: 0.2;
}
html .layout39.content-log-in.login-card-no-glow[data-v-21e587b7]::before {
  box-shadow: none;
}
html .layout42.content-box[data-v-21e587b7] {
  position: relative;
  transform: translateZ(0);
  z-index: 1;
  min-height: 15rem;
  margin: 0.75rem;
  padding: 1.75rem 0.75rem 1.125rem 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
html .layout42.content-box .float-img[data-v-21e587b7] {
  width: 100%;
  height: var(--img-height, 100%);
  position: absolute;
  top: var(--img-top, 0);
  left: var(--img-left, 0);
  bottom: var(--img-bottom);
  right: var(--img-right);
  z-index: -1;
  mix-blend-mode: var(--img-mix-blend-mode, 'normal');
}
html .layout44.content-box[data-v-21e587b7] {
  position: relative;
  transform: translateZ(0);
  z-index: 1;
}
html .layout44.content-box[data-v-21e587b7] > * {
  position: relative;
  z-index: 1;
}
html .layout44.content-box .float-img[data-v-21e587b7] {
  width: var(--img-width, 100%);
  height: var(--img-height, 100%);
  position: absolute;
  top: var(--img-top, 0);
  left: var(--img-left, 0);
  bottom: var(--img-bottom);
  right: var(--img-right);
  z-index: 9;
  mix-blend-mode: var(--img-mix-blend-mode, 'normal');
}
html .layout46.content-box[data-v-21e587b7] {
  width: 22.875rem;
  height: 6.75rem;
  margin: 0 auto;
  background: url('/assets/tool-bar-bg46-r2-BaFAYSAc.png') center no-repeat;
  background-size: 100% 100%;
}
html .layout46.login-bar-split-top[data-v-21e587b7],
html .layout46.login-bar-split-bottom[data-v-21e587b7] {
  height: auto;
  background-size: 100% 6.75rem;
}
html .layout46.login-bar-split-top[data-v-21e587b7] {
  background-position: 0 0;
}
html .layout46.login-bar-split-bottom[data-v-21e587b7] {
  margin-top: -1px;
  padding-top: 1px;
  background-position: 0 calc(-3.125rem + 1px);
}
html .sticky-login-box.is-stuck .layout46.login-bar-split-top[data-v-21e587b7] {
  background-image: none;
}
html .layout50.content-box[data-v-21e587b7] {
  position: relative;
  transform: translateZ(0);
  z-index: 1;
  width: 100%;
  height: 11.125rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: end;
  padding: 0.625rem;
  background: var(--ep-dynamic-tertiary-weak);
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  box-shadow: 0 0 0.125rem 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
html .layout50.content-box .float-img[data-v-21e587b7] {
  width: 8.125rem;
  height: 9.875rem;
  position: absolute;
  top: var(--img-top, 0);
  left: var(--img-left, 0);
  z-index: -1;
  mix-blend-mode: var(--img-mix-blend-mode, 'normal');
}
html .layout51.login-bar-split-top[data-v-21e587b7]::before,
html .layout51.login-bar-split-bottom[data-v-21e587b7] {
  background-image: url('/assets/user-card-bg-51-r2-BNO-g72C.svg');
  background-repeat: no-repeat;
  background-size: 100% 8.375rem;
}
html .layout51.login-bar-split-top[data-v-21e587b7] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4rem;
  padding-top: 0.65625rem;
  padding-left: 0.6875rem;
  padding-right: 0.9375rem;
}
html .layout51.login-bar-split-top[data-v-21e587b7]::before {
  content: '';
  position: absolute;
  inset: 0.65625rem 0 0 0;
  z-index: -1;
  background-position: 0 0;
}
html .layout51.login-bar-split-bottom[data-v-21e587b7] {
  height: calc(5rem + 1px);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-top: -1px;
  padding-top: 1px;
  background-position: 0 calc(-3.34375rem + 1px);
}
html .sticky-login-box.is-stuck .layout51.login-bar-split-top[data-v-21e587b7] {
  height: 3.5rem;
  padding-top: 0;
}
html .sticky-login-box.is-stuck .layout51.login-bar-split-top[data-v-21e587b7]::before {
  background-image: none;
}
html .layout51.sticky-login-box.is-stuck[data-v-21e587b7] {
  margin-bottom: 0.5rem;
}
html .layout53.content-box[data-v-21e587b7] {
  display: flex;
  flex-flow: column;
  overflow: hidden;
}
html .layout53.content-box .float-img[data-v-21e587b7] {
  --img-top: 0;
  --img-left: 14rem;
  --img-width: 16.25rem;
  --img-height: 5.8125rem;
  pointer-events: none;
}
html .layout53-drawer.content-box[data-v-21e587b7] {
  display: flex;
  overflow: hidden;
  align-items: flex-end;
  justify-content: flex-end;
  min-height: 5.4375rem;
  padding: 0 0.625rem 0.625rem;
}
html .layout53-drawer.content-box .float-img[data-v-21e587b7] {
  --img-top: 0;
  --img-left: 0.625rem;
  --img-width: 16.25rem;
  --img-height: 5.8125rem;
  clip-path: inset(0 6.25rem 1rem 0);
  pointer-events: none;
}
html .layout54.content-box[data-v-21e587b7] {
  position: relative;
  z-index: 1;
  min-height: 16.625rem;
  margin-top: 0.625rem;
  overflow: hidden;
  padding: 7.5rem 0.75rem 0.75rem;
  background: url('/assets/app-download-deco-54-r2-Dp2QZgZO.png') no-repeat 2.0625rem 0.0625rem / 20.85rem 10.1875rem;
}
html .layout54.content-box[data-v-21e587b7]::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  height: 10.6875rem;
  background: linear-gradient(0deg, #1A7E5B 0%, rgba(48, 228, 166, 0) 100%);
  pointer-events: none;
}
html .layout54.content-box .introduction-box[data-v-21e587b7],
html .layout54.content-box .btn-container[data-v-21e587b7] {
  position: relative;
  z-index: 1;
}
html .layout54.content-box .float-img[data-v-21e587b7] {
  position: absolute;
  top: 0.375rem;
  left: 6.75rem;
  z-index: -1;
  width: 9.875rem;
  height: 13.1875rem;
}
.layout2.login-bar-split-top[data-v-21e587b7] {
  --img-height: 10.375rem;
  overflow: hidden;
}
.layout2.login-bar-split-top.checked-log-out[data-v-21e587b7] {
  --img-height: 10.5rem;
}
.layout2.login-bar-split-top.is-stuck[data-v-21e587b7] {
  overflow: visible;
}
.layout2.login-bar-split-top.is-stuck .float-img[data-v-21e587b7] {
  display: none;
}
.layout2.login-bar-split-bottom[data-v-21e587b7] {
  --img-height: 10.375rem;
  --img-top: -3.75rem;
  overflow: hidden;
}
.layout2.login-bar-split-bottom.checked-log-out[data-v-21e587b7] {
  --img-height: 10.5rem;
  --img-top: -3.875rem;
}
#tabbar-components-layout-imgContentBox-index[data-v-21e587b7] {
  /**
   * 53 号炫彩紫的应用下载模块（设计稿 node 17023:41079，390x135）。
   *
   * 叠在 layout2 之上用（配置里写 `layoutType: 'layout2 layout53'`）：float-img 的绝对定位、
   * `& > * { z-index: 20 }` 这些机制照旧复用 layout2，这里只改「通栏无卡片底 + 右侧装饰图」。
   * 47 号那张卡片底（背景 / 圆角 / 定宽 22.875rem）在设计稿里没有了，但它们是配置里的**内联样式**，
   * 压得过类选择器，只能在 theme-53.ts 里一起置空，不要试图在这里覆盖。
   *
   * 装饰图（蓝色斜幅 + 角色）走组件自带的 float-img 口子：设计稿里它从模块左沿 211px 起、
   * 宽 260，右边 81px 是溢出到屏幕外的，故 overflow 裁在 390 边界上。
   */
  /**
   * 53 号炫彩紫**抽屉里**的应用下载模块（设计稿 node 9041:31625 →「下载提示」）。
   *
   * 和首页那块（.layout53）用的是同一张装饰图和同一对按钮，摆法相反：首页装饰图在右、
   * 按钮并排在下；抽屉里装饰图在左、按钮上下叠在右。所以不复用 .layout53，另起一块，
   * 但同样叠在 layout2 之上（float-img 的绝对定位机制照旧）。
   *
   * 装饰图原图 260x93，设计稿这处（node 17025:43070 的 Frame 2131331165）只露左上角
   * 160x77——右边 100 和下边 16 都被那个 clipsContent 的框裁掉了，裁完的下沿正好落在 77，
   * 与右侧按钮组的下沿齐平（两者都是 87 减去 10 的下内边距）。
   * float-img 是 content-box 的绝对定位裸 img、外面没有可裁的容器，故这两刀都用 clip-path 切，
   * 而不是靠 overflow：容器只有 87 高，靠 overflow 只能裁到 87，下沿会比按钮低 10。
   */
}
#tabbar-components-layout-imgContentBox-index .layout1.content-box[data-v-21e587b7] {
  position: relative;
  transform: translateZ(0);
  z-index: 1;
}
#tabbar-components-layout-imgContentBox-index .layout2.content-box[data-v-21e587b7] {
  position: relative;
  transform: translateZ(0);
  z-index: 1;
}
#tabbar-components-layout-imgContentBox-index .layout2.content-box[data-v-21e587b7] > * {
  position: relative;
  z-index: 20;
}
#tabbar-components-layout-imgContentBox-index .layout2.content-box .float-img[data-v-21e587b7] {
  width: var(--img-width, 100%);
  height: var(--img-height, 100%);
  position: absolute;
  top: var(--img-top, 0);
  left: var(--img-left, 0);
  bottom: var(--img-bottom);
  right: var(--img-right);
  z-index: -1;
  mix-blend-mode: var(--img-mix-blend-mode, 'normal');
}
#tabbar-components-layout-imgContentBox-index .layout3.content-box[data-v-21e587b7] {
  position: relative;
  transform: translateZ(0);
  z-index: 1;
}
#tabbar-components-layout-imgContentBox-index .layout3.content-box[data-v-21e587b7] > * {
  position: relative;
  z-index: 20;
}
#tabbar-components-layout-imgContentBox-index .layout3.content-box .float-img[data-v-21e587b7] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
#tabbar-components-layout-imgContentBox-index .layout3.content-box[data-v-21e587b7]::after {
  content: '';
  display: block;
  width: 50%;
  height: 4.0625rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--after-background);
  filter: blur(70px);
}
#tabbar-components-layout-imgContentBox-index .layout27.content-box[data-v-21e587b7] {
  position: relative;
  transform: translateZ(0);
  margin: 0 0.5rem 0 0.5rem;
  z-index: 1;
  padding: 0.75rem 0 0 0.75rem;
  border-radius: var(--ep-border-radius-l);
  border: 1px solid var(--ep-color-border-default);
  border-bottom: none;
  min-height: 8.5rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: url('/assets/layout27-texture-r2-C2j_Xya4.png') top center no-repeat;
  background-size: 100% auto;
}
#tabbar-components-layout-imgContentBox-index .layout27.content-box[data-v-21e587b7]::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: -0.5rem;
  width: 21.875rem;
  height: 0.0625rem;
  background: linear-gradient(90deg, var(--ep-neutral-transparent) 0%, var(--ep-neutral-white-white-60) 50%, var(--ep-neutral-transparent) 100%);
}
#tabbar-components-layout-imgContentBox-index .layout27.content-box[data-v-21e587b7]::after {
  display: block;
  content: '';
  position: absolute;
  top: -1.25rem;
  right: 0.125rem;
  width: 7.875rem;
  height: 9.625rem;
  z-index: 2;
  background: url('/assets/content-bg27-r2-BoTQD6J0.png') center no-repeat;
  background-size: 100% auto;
  pointer-events: none;
}
#tabbar-components-layout-imgContentBox-index .sticky-login-box.is-stuck .layout27.content-box[data-v-21e587b7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 0;
  padding: 0.5rem 0.75rem;
}
#tabbar-components-layout-imgContentBox-index .sticky-login-box.is-stuck .layout27.content-box[data-v-21e587b7]::after {
  display: none;
}
#tabbar-components-layout-imgContentBox-index .sticky-login-box.is-stuck .layout27.content-box .button-box[data-v-21e587b7] {
  margin-top: 0;
}
#tabbar-components-layout-imgContentBox-index .sticky-login-box.is-stuck #game-buoy[data-v-21e587b7]:has(> .layout27.content-box) {
  margin-top: 0 !important;
}
#tabbar-components-layout-imgContentBox-index .layout30.content-box[data-v-21e587b7] {
  position: relative;
  transform: translateZ(0);
  z-index: 1;
}
#tabbar-components-layout-imgContentBox-index .layout30.content-box .float-img[data-v-21e587b7] {
  width: 101.5%;
  max-width: 101.5%;
  height: var(--img-height, 100%);
  position: absolute;
  top: var(--img-top, 0);
  left: var(--img-left, 0);
  bottom: var(--img-bottom);
  right: var(--img-right);
  z-index: -1;
  mix-blend-mode: var(--img-mix-blend-mode, 'normal');
}
#tabbar-components-layout-imgContentBox-index .layout37.content-box[data-v-21e587b7] {
  position: relative;
  margin: 1.75rem 0.75rem 0.625rem;
  padding: 0.625rem 0.75rem 0.75rem 0.75rem;
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-secondary-a) 0%, var(--ep-color-background-fill-gradients-secondary-b) 100%);
  border-radius: var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px);
  box-shadow: 0 -0.125rem 0 0 var(--ep-color-border-brand) inset;
}
#tabbar-components-layout-imgContentBox-index .layout37.content-box[data-v-21e587b7]::before {
  content: '';
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
  width: calc(100% + 0.125rem);
  height: calc(100% + 0.0625rem);
  border-radius: var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px);
  background: linear-gradient(180deg, var(--ep-color-border-selected) 0%, rgba(246, 177, 255, 0) 100%);
  z-index: -1;
}
#tabbar-components-layout-imgContentBox-index .layout37.content-box[data-v-21e587b7]::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(122, 122, 122, 0) 0%, rgba(122, 122, 122, 0.8) 100%), url('/assets/bg-tabbar-content37-r2-ZsQI-Ek9.png') center center no-repeat;
  mix-blend-mode: overlay;
  background-size: 100% 100%;
  border-radius: var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px);
}
#tabbar-components-layout-imgContentBox-index .layout37.login-bar-split-top[data-v-21e587b7] {
  padding-bottom: 0;
  box-shadow: none;
  border-radius: var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px) 0 0;
  background-size: 100% 10.5rem;
  background-position: 0 0;
}
#tabbar-components-layout-imgContentBox-index .layout37.login-bar-split-top[data-v-21e587b7]::before {
  border-radius: var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px) 0 0;
  background-size: 100% 10.5rem;
  background-position: 0 0;
}
#tabbar-components-layout-imgContentBox-index .layout37.login-bar-split-top[data-v-21e587b7]::after {
  border-radius: var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px) 0 0;
  background-size: 100% 10.5rem, 100% 10.5rem;
  background-position: 0 0, 0 0;
}
#tabbar-components-layout-imgContentBox-index .layout37.login-bar-split-top.checked-log-out[data-v-21e587b7] {
  background-size: 100% 9.75rem;
}
#tabbar-components-layout-imgContentBox-index .layout37.login-bar-split-top.checked-log-out[data-v-21e587b7]::before {
  background-size: 100% 9.75rem;
}
#tabbar-components-layout-imgContentBox-index .layout37.login-bar-split-top.checked-log-out[data-v-21e587b7]::after {
  background-size: 100% 9.75rem, 100% 9.75rem;
}
#tabbar-components-layout-imgContentBox-index .layout37.login-bar-split-bottom[data-v-21e587b7] {
  margin-top: -1px;
  padding-top: calc(0.75rem + 1px);
  border-radius: 0 0 var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px);
  background-size: 100% 10.5rem;
  background-position: 0 -3.75rem;
}
#tabbar-components-layout-imgContentBox-index .layout37.login-bar-split-bottom[data-v-21e587b7]::before {
  top: 0;
  height: 100%;
  border-radius: 0 0 var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px);
  background-size: 100% 10.5rem;
  background-position: 0 -3.75rem;
}
#tabbar-components-layout-imgContentBox-index .layout37.login-bar-split-bottom[data-v-21e587b7]::after {
  border-radius: 0 0 var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px);
  background-size: 100% 10.5rem, 100% 10.5rem;
  background-position: 0 -3.75rem, 0 -3.75rem;
}
#tabbar-components-layout-imgContentBox-index .layout37.login-bar-split-bottom.checked-log-out[data-v-21e587b7] {
  background-size: 100% 9.75rem;
  background-position: 0 -3rem;
}
#tabbar-components-layout-imgContentBox-index .layout37.login-bar-split-bottom.checked-log-out[data-v-21e587b7]::before {
  background-size: 100% 9.75rem;
  background-position: 0 -3rem;
}
#tabbar-components-layout-imgContentBox-index .layout37.login-bar-split-bottom.checked-log-out[data-v-21e587b7]::after {
  background-size: 100% 9.75rem, 100% 9.75rem;
  background-position: 0 -3rem, 0 -3rem;
}
#tabbar-components-layout-imgContentBox-index .layout37.login-bar-split-top[data-v-21e587b7] {
  padding-bottom: 0;
  border-radius: var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px) 0 0;
  background-size: 100% 10.5rem;
  background-position: 0 0;
}
#tabbar-components-layout-imgContentBox-index .layout37.login-bar-split-top[data-v-21e587b7]::after {
  background-size: 100% 10.5rem, 100% 10.5rem;
  background-position: 0 0, 0 0;
}
#tabbar-components-layout-imgContentBox-index .layout37.login-bar-split-top.checked-log-out[data-v-21e587b7] {
  background-size: 100% 9.75rem;
}
#tabbar-components-layout-imgContentBox-index .layout37.login-bar-split-top.checked-log-out[data-v-21e587b7]::after {
  background-size: 100% 9.75rem, 100% 9.75rem;
}
#tabbar-components-layout-imgContentBox-index .layout37.login-bar-split-bottom[data-v-21e587b7] {
  margin-top: -1px;
  padding-top: calc(0.75rem + 1px);
  border-radius: 0 0 var(--ep-border-radius-surface-large, 20px) var(--ep-border-radius-surface-default, 6px);
  background-size: 100% 10.5rem;
  background-position: 0 -3.75rem;
}
#tabbar-components-layout-imgContentBox-index .layout37.login-bar-split-bottom[data-v-21e587b7]::after {
  background-size: 100% 10.5rem, 100% 10.5rem;
  background-position: 0 -3.75rem, 0 -3.75rem;
}
#tabbar-components-layout-imgContentBox-index .layout37.login-bar-split-bottom.checked-log-out[data-v-21e587b7] {
  background-size: 100% 9.75rem;
  background-position: 0 -3rem;
}
#tabbar-components-layout-imgContentBox-index .layout37.login-bar-split-bottom.checked-log-out[data-v-21e587b7]::after {
  background-size: 100% 9.75rem, 100% 9.75rem;
  background-position: 0 -3rem, 0 -3rem;
}
#tabbar-components-layout-imgContentBox-index .layout38.content-box[data-v-21e587b7] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#tabbar-components-layout-imgContentBox-index .layout39.content-log-in[data-v-21e587b7] {
  border-radius: var(--ep-border-radius-surface-small);
  position: relative;
}
#tabbar-components-layout-imgContentBox-index .layout39.content-log-in[data-v-21e587b7]::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(273deg, rgba(255, 255, 255, 0) 0%, var(--ep-color-background-fill-gradients-tertiary-weak-a, #18AAFF) 50.96%, var(--ep-color-background-fill-glow-secondary-opacity-40, rgba(143, 255, 245, 0.6)) 100%);
  box-shadow: 0 -2px 2px 0 rgba(255, 255, 255, 0.25) inset, 0 2px 2px 0 rgba(255, 255, 255, 0.25) inset;
  border-radius: inherit;
  opacity: 0.2;
}
#tabbar-components-layout-imgContentBox-index .layout39.content-log-in.login-card-no-glow[data-v-21e587b7]::before {
  box-shadow: none;
}
#tabbar-components-layout-imgContentBox-index .layout42.content-box[data-v-21e587b7] {
  position: relative;
  transform: translateZ(0);
  z-index: 1;
  min-height: 15rem;
  margin: 0.75rem;
  padding: 1.75rem 0.75rem 1.125rem 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#tabbar-components-layout-imgContentBox-index .layout42.content-box .float-img[data-v-21e587b7] {
  width: 100%;
  height: var(--img-height, 100%);
  position: absolute;
  top: var(--img-top, 0);
  left: var(--img-left, 0);
  bottom: var(--img-bottom);
  right: var(--img-right);
  z-index: -1;
  mix-blend-mode: var(--img-mix-blend-mode, 'normal');
}
#tabbar-components-layout-imgContentBox-index .layout44.content-box[data-v-21e587b7] {
  position: relative;
  transform: translateZ(0);
  z-index: 1;
}
#tabbar-components-layout-imgContentBox-index .layout44.content-box[data-v-21e587b7] > * {
  position: relative;
  z-index: 1;
}
#tabbar-components-layout-imgContentBox-index .layout44.content-box .float-img[data-v-21e587b7] {
  width: var(--img-width, 100%);
  height: var(--img-height, 100%);
  position: absolute;
  top: var(--img-top, 0);
  left: var(--img-left, 0);
  bottom: var(--img-bottom);
  right: var(--img-right);
  z-index: 9;
  mix-blend-mode: var(--img-mix-blend-mode, 'normal');
}
#tabbar-components-layout-imgContentBox-index .layout46.content-box[data-v-21e587b7] {
  width: 22.875rem;
  height: 6.75rem;
  margin: 0 auto;
  background: url('/assets/tool-bar-bg46-r2-BaFAYSAc.png') center no-repeat;
  background-size: 100% 100%;
}
#tabbar-components-layout-imgContentBox-index .layout46.login-bar-split-top[data-v-21e587b7],
#tabbar-components-layout-imgContentBox-index .layout46.login-bar-split-bottom[data-v-21e587b7] {
  height: auto;
  background-size: 100% 6.75rem;
}
#tabbar-components-layout-imgContentBox-index .layout46.login-bar-split-top[data-v-21e587b7] {
  background-position: 0 0;
}
#tabbar-components-layout-imgContentBox-index .layout46.login-bar-split-bottom[data-v-21e587b7] {
  margin-top: -1px;
  padding-top: 1px;
  background-position: 0 calc(-3.125rem + 1px);
}
#tabbar-components-layout-imgContentBox-index .sticky-login-box.is-stuck .layout46.login-bar-split-top[data-v-21e587b7] {
  background-image: none;
}
#tabbar-components-layout-imgContentBox-index .layout50.content-box[data-v-21e587b7] {
  position: relative;
  transform: translateZ(0);
  z-index: 1;
  width: 100%;
  height: 11.125rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: end;
  padding: 0.625rem;
  background: var(--ep-dynamic-tertiary-weak);
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  box-shadow: 0 0 0.125rem 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
#tabbar-components-layout-imgContentBox-index .layout50.content-box .float-img[data-v-21e587b7] {
  width: 8.125rem;
  height: 9.875rem;
  position: absolute;
  top: var(--img-top, 0);
  left: var(--img-left, 0);
  z-index: -1;
  mix-blend-mode: var(--img-mix-blend-mode, 'normal');
}
#tabbar-components-layout-imgContentBox-index .layout51.login-bar-split-top[data-v-21e587b7]::before,
#tabbar-components-layout-imgContentBox-index .layout51.login-bar-split-bottom[data-v-21e587b7] {
  background-image: url('/assets/user-card-bg-51-r2-BNO-g72C.svg');
  background-repeat: no-repeat;
  background-size: 100% 8.375rem;
}
#tabbar-components-layout-imgContentBox-index .layout51.login-bar-split-top[data-v-21e587b7] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4rem;
  padding-top: 0.65625rem;
  padding-left: 0.6875rem;
  padding-right: 0.9375rem;
}
#tabbar-components-layout-imgContentBox-index .layout51.login-bar-split-top[data-v-21e587b7]::before {
  content: '';
  position: absolute;
  inset: 0.65625rem 0 0 0;
  z-index: -1;
  background-position: 0 0;
}
#tabbar-components-layout-imgContentBox-index .layout51.login-bar-split-bottom[data-v-21e587b7] {
  height: calc(5rem + 1px);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-top: -1px;
  padding-top: 1px;
  background-position: 0 calc(-3.34375rem + 1px);
}
#tabbar-components-layout-imgContentBox-index .sticky-login-box.is-stuck .layout51.login-bar-split-top[data-v-21e587b7] {
  height: 3.5rem;
  padding-top: 0;
}
#tabbar-components-layout-imgContentBox-index .sticky-login-box.is-stuck .layout51.login-bar-split-top[data-v-21e587b7]::before {
  background-image: none;
}
#tabbar-components-layout-imgContentBox-index .layout51.sticky-login-box.is-stuck[data-v-21e587b7] {
  margin-bottom: 0.5rem;
}
#tabbar-components-layout-imgContentBox-index .layout53.content-box[data-v-21e587b7] {
  display: flex;
  flex-flow: column;
  overflow: hidden;
}
#tabbar-components-layout-imgContentBox-index .layout53.content-box .float-img[data-v-21e587b7] {
  --img-top: 0;
  --img-left: 14rem;
  --img-width: 16.25rem;
  --img-height: 5.8125rem;
  pointer-events: none;
}
#tabbar-components-layout-imgContentBox-index .layout53-drawer.content-box[data-v-21e587b7] {
  display: flex;
  overflow: hidden;
  align-items: flex-end;
  justify-content: flex-end;
  min-height: 5.4375rem;
  padding: 0 0.625rem 0.625rem;
}
#tabbar-components-layout-imgContentBox-index .layout53-drawer.content-box .float-img[data-v-21e587b7] {
  --img-top: 0;
  --img-left: 0.625rem;
  --img-width: 16.25rem;
  --img-height: 5.8125rem;
  clip-path: inset(0 6.25rem 1rem 0);
  pointer-events: none;
}
#tabbar-components-layout-imgContentBox-index .layout54.content-box[data-v-21e587b7] {
  position: relative;
  z-index: 1;
  min-height: 16.625rem;
  margin-top: 0.625rem;
  overflow: hidden;
  padding: 7.5rem 0.75rem 0.75rem;
  background: url('/assets/app-download-deco-54-r2-Dp2QZgZO.png') no-repeat 2.0625rem 0.0625rem / 20.85rem 10.1875rem;
}
#tabbar-components-layout-imgContentBox-index .layout54.content-box[data-v-21e587b7]::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  height: 10.6875rem;
  background: linear-gradient(0deg, #1A7E5B 0%, rgba(48, 228, 166, 0) 100%);
  pointer-events: none;
}
#tabbar-components-layout-imgContentBox-index .layout54.content-box .introduction-box[data-v-21e587b7],
#tabbar-components-layout-imgContentBox-index .layout54.content-box .btn-container[data-v-21e587b7] {
  position: relative;
  z-index: 1;
}
#tabbar-components-layout-imgContentBox-index .layout54.content-box .float-img[data-v-21e587b7] {
  position: absolute;
  top: 0.375rem;
  left: 6.75rem;
  z-index: -1;
  width: 9.875rem;
  height: 13.1875rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.content-box-37[data-v-24cb501a] {
  position: fixed;
  bottom: calc(5rem + env(safe-area-inset-bottom));
  left: 0.75rem;
  right: 0.75rem;
  z-index: 1000;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
}
.content-box-37[data-v-24cb501a] > * {
  pointer-events: auto;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.toolbar[data-v-ffe1b61e] {
  --padding-start: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-end: 0;
  --background: var(--header-dynamic-bg, var(--ep-color-background-fill-top-nav-primary));
}
.toolbar.layout37[data-v-ffe1b61e] {
  --background: url('/assets/bg-header-bar37-r2-H7kcpB8v.png') center center no-repeat, linear-gradient(180deg, var(--ep-color-background-fill-active-primary) 0%, var(--ep-color-background-fill-top-nav-primary) 100%);
  background-size: 100% 100%;
  position: relative;
}
.toolbar.layout46[data-v-ffe1b61e] {
  --background: transparent;
  position: relative;
  isolation: isolate;
}
.toolbar.layout46[data-v-ffe1b61e]::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url('/assets/bg-header-bar46-r2-8J5-vSWS.png') center center / 100% 100% no-repeat, linear-gradient(180deg, var(--ep-color-background-fill-gradients-primary-a) 0%, var(--ep-color-background-fill-gradients-primary-b) 100%);
  pointer-events: none;
}
.special-bg[data-v-ffe1b61e] {
  position: relative;
  --background: var(--ep-color-background-fill-top-nav-primary);
}
.special-bg[data-v-ffe1b61e]::after {
  content: '';
  position: absolute;
  left: 0;
  width: 18.4688rem;
  height: 7.2188rem;
  bottom: 0;
  background: url('/assets/title_bg-r2-CBgXfhF9.png') no-repeat center center;
  background-size: 100% 100%;
}
.border-top[data-v-ffe1b61e] {
  position: relative;
}
.border-top[data-v-ffe1b61e]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background: var(--border-color);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.toolbar[data-v-d3cec00b] {
  --padding-start: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-end: 0;
  --background: var(--ep-color-background-fill-top-nav-primary);
  position: relative;
}
.toolbar .toolbar-bg[data-v-d3cec00b] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/assets/header-texture-27-r2-Db8JWbIB.svg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.toolbar .toolbar-bg[data-v-d3cec00b]::after {
  position: absolute;
  content: '';
  display: block;
  bottom: 0;
  left: 1rem;
  width: 4.5rem;
  height: 1px;
  background: linear-gradient(90deg, var(--ep-neutral-transparent) 0%, var(--ep-color-background-fill-active-primary) 50%, var(--ep-neutral-transparent) 100%);
}
.toolbar .toolbar-blur[data-v-d3cec00b] {
  position: absolute;
  bottom: 1.5rem;
  left: 1rem;
  transform: translateY(100%);
  width: 5.375rem;
  height: 5.25rem;
  z-index: -1;
}
.layout51.toolbar .toolbar-bg[data-v-d3cec00b] {
  background-image: none;
}
.layout51.toolbar .toolbar-bg[data-v-d3cec00b]::after {
  display: none;
}
.layout51.toolbar .toolbar-blur[data-v-d3cec00b] {
  display: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.toolbar[data-v-2ada64c1] {
  --padding-start: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-end: 0;
  --background: var(--header-dynamic-bg, var(--ep-color-background-fill-top-nav-primary));
}
.toolbar svg[data-v-2ada64c1] {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.border-top[data-v-2ada64c1] {
  position: relative;
}
.border-top[data-v-2ada64c1]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background: var(--border-color);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.toolbar[data-v-fd4cce1c] {
  --padding-start: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-end: 0;
  --background: var(--ep-color-background-fill-top-nav-primary);
  position: relative;
}
.toolbar .toolbar-bg[data-v-fd4cce1c] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.wrapper[data-v-bedca741] {
  position: relative;
  border-width: 0 0 0.125rem 0;
  border-style: solid;
  border-image-slice: 1;
  border-color: transparent;
  border-image-source: linear-gradient(90deg, transparent 0%, #FFEA00 15%, var(--ep-color-border-selected) 50%, #FFEA00 85%, transparent 100%);
  background: linear-gradient(180deg, transparent 0%, transparent 6%, var(--ep-color-background-fill-gradients-secondary-a) 6%, var(--ep-color-background-fill-gradients-secondary-b) 100%);
}
.wrapper .float-left[data-v-bedca741] {
  position: absolute;
  bottom: -0.03125rem;
  height: 100%;
  width: auto;
  left: 0;
}
.wrapper .float-right[data-v-bedca741] {
  transform: scaleX(-1);
  position: absolute;
  bottom: -0.03125rem;
  height: 100%;
  width: auto;
  right: 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.toolbar[data-v-b991f6e7] {
  --padding-start: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-end: 0;
  --background: var(--header-dynamic-bg, var(--ep-color-background-fill-top-nav-primary));
}
.toolbar .background[data-v-b991f6e7] {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.border-top[data-v-b991f6e7] {
  position: relative;
}
.border-top[data-v-b991f6e7]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background: var(--border-color);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.footer[data-v-c4492bdf] {
  --padding-start: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-end: 0;
  --background: var(--footer-dynamic-bg, transparent);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.line[data-v-426001c5] {
  width: 100%;
  height: 0.0625rem;
  background: var(--ep-color-border-default);
}
html .layout1.line .column[data-v-426001c5] {
  width: 0.0625rem;
  height: 100%;
}
html .layout2.line[data-v-426001c5] {
  position: relative;
  width: 100%;
  height: 0.0625rem;
  background: var(--ep-color-border-default);
}
html .layout2.line .column[data-v-426001c5] {
  width: 0.0625rem;
  height: 100%;
}
html .layout2.line[data-v-426001c5]::after {
  content: '';
  display: block;
  width: 50%;
  height: 4.0625rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
  background: var(--after-background);
  filter: blur(4.375rem);
}
html .layout3.line[data-v-426001c5] {
  position: relative;
  width: 100%;
  border-bottom-width: 0.0625rem;
  border-bottom-style: solid;
  border-image: var(--ep-color-border-default) 1;
  height: 3.75rem;
}
html .layout3.line[data-v-426001c5]::after {
  content: '';
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--after-background, radial-gradient(30% 100% at 50% 100%, var(--ep-color-background-fill-active-primary) 0%, transparent 100%));
  opacity: 0.4;
}
html .layout3.line .column[data-v-426001c5] {
  width: 0.0625rem;
  height: 100%;
}
#tabbar-components-layout-index .layout1.line[data-v-426001c5] {
  width: 100%;
  height: 0.0625rem;
  background: var(--ep-color-border-default);
}
#tabbar-components-layout-index .layout1.line .column[data-v-426001c5] {
  width: 0.0625rem;
  height: 100%;
}
#tabbar-components-layout-index .layout2.line[data-v-426001c5] {
  position: relative;
  width: 100%;
  height: 0.0625rem;
  background: var(--ep-color-border-default);
}
#tabbar-components-layout-index .layout2.line .column[data-v-426001c5] {
  width: 0.0625rem;
  height: 100%;
}
#tabbar-components-layout-index .layout2.line[data-v-426001c5]::after {
  content: '';
  display: block;
  width: 50%;
  height: 4.0625rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
  background: var(--after-background);
  filter: blur(4.375rem);
}
#tabbar-components-layout-index .layout3.line[data-v-426001c5] {
  position: relative;
  width: 100%;
  border-bottom-width: 0.0625rem;
  border-bottom-style: solid;
  border-image: var(--ep-color-border-default) 1;
  height: 3.75rem;
}
#tabbar-components-layout-index .layout3.line[data-v-426001c5]::after {
  content: '';
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--after-background, radial-gradient(30% 100% at 50% 100%, var(--ep-color-background-fill-active-primary) 0%, transparent 100%));
  opacity: 0.4;
}
#tabbar-components-layout-index .layout3.line .column[data-v-426001c5] {
  width: 0.0625rem;
  height: 100%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.content-box.has-line[data-v-b094dd12] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.content-box.has-line .title-line[data-v-b094dd12] {
  flex: 1;
  height: 2px;
  background: linear-gradient(90deg, var(--ep-color-background-fill-active-primary) 0%, var(--ep-color-background-fill-body-default) 100%);
}
/* 37号皮肤样式 */
.content-box.layout37[data-v-b094dd12] {
  display: flex;
  align-items: center;
  height: 2.5rem;
  padding: 0 0.625rem;
  border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-default);
  background: url('/assets/bg-game-title37-r2-CGywA6h_.png') no-repeat center center, linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-b) 0%, var(--ep-color-background-fill-gradients-secondary-a) 100%);
  background-size: 100% 100%;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-inverse);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html ion-menu[data-v-5a1b1442] {
  --background: var(--ep-color-background-fill-body-default);
}
html ion-menu ion-header[data-v-5a1b1442] {
  background: var(--ep-color-background-fill-body-default);
}
html ion-menu ion-header ion-toolbar[data-v-5a1b1442] {
  --background: var(--ep-color-background-fill-body-default);
}
html ion-menu ion-content[data-v-5a1b1442] {
  --background: var(--ep-color-background-fill-body-default);
}
html ion-menu footer[data-v-5a1b1442] {
  --background: var(--ep-color-background-fill-body-default);
}
.malt-green div.fixed.drawer-backdrop {
  display: none;
}
.malt-green ion-menu::part(backdrop) {
  opacity: 0.6 !important;
}
.theme-36 div.fixed.drawer-backdrop {
  display: none;
}
.theme-36 ion-menu::part(backdrop) {
  opacity: 0 !important;
}
html.theme-51 div.fixed.drawer-backdrop {
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(0.4125rem);
  backdrop-filter: blur(0.4125rem);
}
html.theme-51 ion-menu::part(backdrop) {
  opacity: 0 !important;
}
html.theme-42 ion-menu::part(container) {
  background: linear-gradient(172deg, #FCFFE9 -0.08%, #D3FFBF 100.65%) !important;
}
html.theme-42 ion-menu {
  --background: transparent !important;
}
html.theme-42 ion-menu ion-header,html.theme-42 ion-menu ion-header ion-toolbar,html.theme-42 ion-menu ion-content {
  --background: transparent !important;
  background: transparent !important;
}
/**
 * 53 号炫彩紫：抽屉宽 340（配置里给的 --width，见 theme-53.ts），右边露出的页面上压一层
 * 60% 黑蒙层（设计稿 node 9041:31621 的「image 144」）。
 *
 * 必须带 !important：蒙层透明度是 Ionic 的开合动画用 Web Animations 直接写在元素上的
 * （menu-overlay 动画 fromTo('opacity', 0.01, 0.32)），普通样式压不过内联动画值。
 * 同 malt-green 那条的写法。
 */
html.theme-53 ion-menu::part(backdrop) {
  opacity: 0.6 !important;
}
html.theme-54 ion-menu::part(backdrop) {
  opacity: 0.6 !important;
}
html.theme-54 ion-menu ion-footer::before {
  content: '';
  z-index: -1;
  width: 15rem;
  height: 4.0625rem;
  opacity: 0.91;
  left: 3.6875rem;
  bottom: -2.75rem;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(4.375rem);
  background: var(--ep-color-background-fill-glow-primary-opacity-40);
}
footer[data-v-5a1b1442] {
  position: fixed;
  bottom: 1rem;
  width: 100%;
  padding: 0 0.75rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .header-logo[data-v-57415e33] {
  --background: var(--ep-color-background-fill-body-default);
}
html .header-logo ion-menu-toggle[data-v-57415e33] {
  display: flex;
  align-items: center;
}
html .header-logo ion-menu-toggle.layout49 .close[data-v-57415e33] {
  background: var(--ep-color-background-fill-surface-raised-L1);
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
html .header-logo .close[data-v-57415e33] {
  font-size: var(--ep-font-size-s, 0.75rem);
  padding: 0.625rem;
  border-radius: var(--ep-border-radius-xl, 0.625rem);
  background: var(--ep-color-background-fill-surface-raised-L2);
  color: var(--ep-color-icon-default);
}
html .header-logo .logo[data-v-57415e33] {
  height: 2.25rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .header-logo[data-v-76a47b94] {
  --background: var(--ep-color-background-fill-body-default);
}
html .header-logo ion-menu-toggle[data-v-76a47b94] {
  display: flex;
  align-items: center;
}
html .header-logo .close[data-v-76a47b94] {
  font-size: var(--ep-font-size-s, 0.75rem);
  padding: 0.625rem;
  border-radius: var(--ep-border-radius-xl, 0.625rem);
  background: var(--ep-color-background-fill-surface-raised-L2);
  color: var(--ep-color-icon-default);
}
html .header-logo .logo[data-v-76a47b94] {
  height: 2.25rem;
}
html .header-logo .support[data-v-76a47b94] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  width: 1em;
  height: 1em;
  color: var(--ep-color-icon-brand-primary);
}
#tabbar-components-DrawerLeft-components-backHeader-26-index .header-logo[data-v-76a47b94] {
  --background: var(--ep-color-background-fill-body-default);
}
#tabbar-components-DrawerLeft-components-backHeader-26-index .header-logo ion-menu-toggle[data-v-76a47b94] {
  display: flex;
  align-items: center;
}
#tabbar-components-DrawerLeft-components-backHeader-26-index .header-logo .close[data-v-76a47b94] {
  font-size: var(--ep-font-size-s, 0.75rem);
  padding: 0.625rem;
  border-radius: var(--ep-border-radius-xl, 0.625rem);
  background: var(--ep-color-background-fill-surface-raised-L2);
  color: var(--ep-color-icon-default);
}
#tabbar-components-DrawerLeft-components-backHeader-26-index .header-logo .logo[data-v-76a47b94] {
  height: 2.25rem;
}
#tabbar-components-DrawerLeft-components-backHeader-26-index .header-logo .support[data-v-76a47b94] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  width: 1em;
  height: 1em;
  color: var(--ep-color-icon-brand-primary);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-segment ion-segment-button[data-v-08d38655] {
  --indicator-height: 0;
  --color-checked: var(--ep-color-text-default);
  opacity: 0.5;
}
ion-segment ion-segment-button.segment-button-checked[data-v-08d38655] {
  opacity: 1;
}
ion-segment ion-segment-button .segment-icon-bg[data-v-08d38655] {
  width: 3.875rem;
  height: 3.875rem;
  color: #F2CB04;
}
ion-segment ion-segment-button .segment-icon[data-v-08d38655] {
  width: 2.625rem;
  height: 2.625rem;
  position: absolute;
  z-index: 1;
  top: 10%;
}
ion-segment ion-segment-button ion-label[data-v-08d38655] {
  text-transform: none;
  font-size: 0.75rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.go-button[data-v-b93d0be7] {
  position: absolute;
  inset: 0 var(--go-btn-right, -0.25rem) 0 auto;
  width: var(--go-btn-width, 3.25rem);
  padding: 0 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--go-btn-font-size, var(--ep-font-size-xs, 0.625rem));
  font-weight: var(--go-btn-font-weight, var(--ep-font-weight-medium, 600));
  color: var(--go-btn-color, var(--ep-color-text-inverse));
  background: var(--go-btn-bg) no-repeat center / 100% 100%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.game-categories[data-v-95403053] {
  width: 100%;
  border-radius: 0.375rem;
  background: var(--background, transparent);
}
html .layout1.game-categories .categories-item[data-v-95403053] {
  padding: 0.625rem 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
html .layout1.game-categories .categories-item-icon[data-v-95403053] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 700% 100%;
  color: var(--ep-color-icon-danger);
}
html .layout1.game-categories .categories-item-label[data-v-95403053] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout2.game-categories[data-v-95403053] {
  width: 100%;
  background: var(--background, transparent);
}
html .layout2.game-categories .categories-item[data-v-95403053] {
  padding: 0.5625rem 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
html .layout2.game-categories .categories-item .categories-item-icon-wrapper[data-v-95403053] {
  width: 1.75rem;
  height: 1.75rem;
  overflow: hidden;
  border-radius: 0.1875rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%);
}
html .layout2.game-categories .categories-item .categories-item-icon-wrapper .categories-item-icon[data-v-95403053] {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.75rem;
  background-size: 700% 100%;
  color: var(--ep-color-icon-danger);
}
html .layout2.game-categories .categories-item .categories-item-label[data-v-95403053] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout3.game-categories[data-v-95403053] {
  background: var(--background, transparent);
}
html .layout3.game-categories .categories-item[data-v-95403053] {
  padding: 0.375rem 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
html .layout3.game-categories .categories-item .categories-item-icon[data-v-95403053] {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
  background-size: 700% 100%;
  color: var(--ep-color-icon-danger);
}
html .layout3.game-categories .categories-item .categories-item-label[data-v-95403053] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout4.game-categories[data-v-95403053] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.875rem;
  background: var(--background, transparent);
}
html .layout4.game-categories .categories-item[data-v-95403053] {
  flex: 0 0 48%;
  overflow: hidden;
  padding: 0.375rem 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--ep-color-border-selected, var(--ep-compat-color-border-selected, #34571D));
  background: var(--ep-color-background-fill-surface-raised-L2, var(--ep-compat-color-background-fill-surface-raised-L2, #2B4F14));
}
html .layout4.game-categories .categories-item .categories-item-icon-wrapper[data-v-95403053] {
  width: 1.75rem;
  height: 1.75rem;
  overflow: hidden;
  border-radius: 0.1875rem;
  background: var(--background-icon, linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%));
}
html .layout4.game-categories .categories-item .categories-item-icon-wrapper .categories-item-icon[data-v-95403053] {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.75rem;
  background-size: 700% 100%;
  color: var(--ep-color-icon-danger);
}
html .layout4.game-categories .categories-item .categories-item-label[data-v-95403053] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout26.game-categories[data-v-95403053] {
  flex-direction: column;
  padding: 0 0.75rem;
  display: flex;
  gap: 0.5rem;
  width: 100%;
}
html .layout26.game-categories .categories-item[data-v-95403053] {
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L2);
  padding: 0.25rem 0.625rem;
  align-items: center;
  display: flex;
  gap: 0.625rem;
}
html .layout26.game-categories .categories-item-icon[data-v-95403053] {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
  background-size: 700% 100%;
  color: var(--ep-color-icon-danger);
}
html .layout26.game-categories .categories-item-label[data-v-95403053] {
  font-size: var(--ep-font-size-m, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-weaker);
}
html .layout27.game-categories[data-v-95403053] {
  --list-gap: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--list-gap);
  background: var(--background, transparent);
}
html .layout27.game-categories .categories-item[data-v-95403053] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  overflow: hidden;
  min-height: 2.625rem;
  padding: 0.25rem 0.625rem;
  margin: var(--item-margin);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 0.375rem;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout27.game-categories .categories-item .categories-item-icon[data-v-95403053] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 700% 100%;
  color: var(--ep-color-icon-danger);
}
html .layout27.game-categories .categories-item .categories-item-label[data-v-95403053] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default, #FFF);
}
html .layout37.game-categories[data-v-95403053] {
  --list-gap: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--list-gap);
  background: var(--background, transparent);
}
html .layout37.game-categories .categories-item[data-v-95403053] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  overflow: hidden;
  min-height: 2.625rem;
  padding: 0 0.5rem;
  margin: var(--item-margin);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-m);
  border: 0.0625rem solid var(--ep-color-border-default);
  background: url('/assets/bg-category37-r2--sVZcTPE.png') no-repeat right -0.875rem center, var(--ep-color-background-fill-surface-raised-L2);
  background-size: 6.3125rem 3.3125rem;
}
html .layout37.game-categories .categories-item .categories-item-icon[data-v-95403053] {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1.5rem;
  background-size: 700% 100%;
  color: var(--ep-color-icon-danger);
}
html .layout37.game-categories .categories-item .categories-item-label[data-v-95403053] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default, #FFF);
}
html .layout47.game-categories[data-v-95403053] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--list-gap);
  background: var(--background, transparent);
  --list-gap: 0.375rem;
}
html .layout47.game-categories .categories-item[data-v-95403053] {
  gap: 0.375rem;
  display: flex;
  overflow: hidden;
  align-items: center;
  min-height: 2.625rem;
  padding: 0.25rem 0.625rem;
  margin: var(--item-margin);
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout47.game-categories .categories-item .categories-item-icon[data-v-95403053] {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  font-size: 1.5rem;
  background-size: 700% 100%;
  color: var(--ep-color-icon-danger);
}
html .layout47.game-categories .categories-item .categories-item-label[data-v-95403053] {
  color: var(--ep-color-text-weaker);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
html .layout46.game-categories[data-v-95403053] {
  --list-gap: 0.625rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--list-gap);
  background: var(--background, transparent);
}
html .layout46.game-categories .categories-item[data-v-95403053] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  overflow: hidden;
  height: 2.375rem;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-m);
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout46.game-categories .categories-item .categories-item-icon[data-v-95403053] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 700% 100%;
}
html .layout46.game-categories .categories-item .categories-item-label[data-v-95403053] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-default);
}
html .layout50.game-categories[data-v-95403053] {
  --list-gap: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--list-gap);
  background: var(--background, transparent);
}
html .layout50.game-categories .categories-item[data-v-95403053] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  overflow: hidden;
  height: 2.625rem;
  padding: 0.25rem 0.625rem;
  margin: var(--item-margin);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
  position: relative;
  --go-btn-bg: url('/assets/category-btn-bg-50-r2-D1OdXpPv.svg');
}
html .layout50.game-categories .categories-item .categories-item-icon[data-v-95403053] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 700% 100%;
  color: var(--ep-color-icon-danger);
}
html .layout50.game-categories .categories-item .categories-item-label[data-v-95403053] {
  flex: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-brand-primary, #467FF0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.forest-green .game-platform[data-v-95403053] {
  --ep-color-text-weaker: #fff;
  --ep-color-border-selected: #009F76;
  --ep-color-background-fill-surface-raised-L2: linear-gradient(90deg, #00694A 0%, #00815D 50%, #00694A 100%);
  --background-icon: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(246, 252, 46, 0.17) 100%);
}
.amber-purple .game-platform[data-v-95403053] {
  --ep-color-text-weaker: #fff;
  --ep-color-border-selected: #3B3466;
  --ep-color-background-fill-surface-raised-L2: #3B3466;
  --background-icon: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%);
}
.blue-default .game-platform[data-v-95403053] {
  --ep-color-text-weaker: #fff;
  --ep-color-border-selected: #2F3B4D;
  --ep-color-background-fill-surface-raised-L2: #1C2432;
  --background-icon: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout1.game-categories[data-v-95403053] {
  width: 100%;
  border-radius: 0.375rem;
  background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout1.game-categories .categories-item[data-v-95403053] {
  padding: 0.625rem 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout1.game-categories .categories-item-icon[data-v-95403053] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 700% 100%;
  color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout1.game-categories .categories-item-label[data-v-95403053] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout2.game-categories[data-v-95403053] {
  width: 100%;
  background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout2.game-categories .categories-item[data-v-95403053] {
  padding: 0.5625rem 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout2.game-categories .categories-item .categories-item-icon-wrapper[data-v-95403053] {
  width: 1.75rem;
  height: 1.75rem;
  overflow: hidden;
  border-radius: 0.1875rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout2.game-categories .categories-item .categories-item-icon-wrapper .categories-item-icon[data-v-95403053] {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.75rem;
  background-size: 700% 100%;
  color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout2.game-categories .categories-item .categories-item-label[data-v-95403053] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout3.game-categories[data-v-95403053] {
  background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout3.game-categories .categories-item[data-v-95403053] {
  padding: 0.375rem 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout3.game-categories .categories-item .categories-item-icon[data-v-95403053] {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
  background-size: 700% 100%;
  color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout3.game-categories .categories-item .categories-item-label[data-v-95403053] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout4.game-categories[data-v-95403053] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.875rem;
  background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout4.game-categories .categories-item[data-v-95403053] {
  flex: 0 0 48%;
  overflow: hidden;
  padding: 0.375rem 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--ep-color-border-selected, var(--ep-compat-color-border-selected, #34571D));
  background: var(--ep-color-background-fill-surface-raised-L2, var(--ep-compat-color-background-fill-surface-raised-L2, #2B4F14));
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout4.game-categories .categories-item .categories-item-icon-wrapper[data-v-95403053] {
  width: 1.75rem;
  height: 1.75rem;
  overflow: hidden;
  border-radius: 0.1875rem;
  background: var(--background-icon, linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%));
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout4.game-categories .categories-item .categories-item-icon-wrapper .categories-item-icon[data-v-95403053] {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.75rem;
  background-size: 700% 100%;
  color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout4.game-categories .categories-item .categories-item-label[data-v-95403053] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout26.game-categories[data-v-95403053] {
  flex-direction: column;
  padding: 0 0.75rem;
  display: flex;
  gap: 0.5rem;
  width: 100%;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout26.game-categories .categories-item[data-v-95403053] {
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L2);
  padding: 0.25rem 0.625rem;
  align-items: center;
  display: flex;
  gap: 0.625rem;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout26.game-categories .categories-item-icon[data-v-95403053] {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
  background-size: 700% 100%;
  color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout26.game-categories .categories-item-label[data-v-95403053] {
  font-size: var(--ep-font-size-m, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-weaker);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout27.game-categories[data-v-95403053] {
  --list-gap: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--list-gap);
  background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout27.game-categories .categories-item[data-v-95403053] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  overflow: hidden;
  min-height: 2.625rem;
  padding: 0.25rem 0.625rem;
  margin: var(--item-margin);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 0.375rem;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout27.game-categories .categories-item .categories-item-icon[data-v-95403053] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 700% 100%;
  color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout27.game-categories .categories-item .categories-item-label[data-v-95403053] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default, #FFF);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout37.game-categories[data-v-95403053] {
  --list-gap: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--list-gap);
  background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout37.game-categories .categories-item[data-v-95403053] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  overflow: hidden;
  min-height: 2.625rem;
  padding: 0 0.5rem;
  margin: var(--item-margin);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-m);
  border: 0.0625rem solid var(--ep-color-border-default);
  background: url('/assets/bg-category37-r2--sVZcTPE.png') no-repeat right -0.875rem center, var(--ep-color-background-fill-surface-raised-L2);
  background-size: 6.3125rem 3.3125rem;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout37.game-categories .categories-item .categories-item-icon[data-v-95403053] {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1.5rem;
  background-size: 700% 100%;
  color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout37.game-categories .categories-item .categories-item-label[data-v-95403053] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default, #FFF);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout47.game-categories[data-v-95403053] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--list-gap);
  background: var(--background, transparent);
  --list-gap: 0.375rem;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout47.game-categories .categories-item[data-v-95403053] {
  gap: 0.375rem;
  display: flex;
  overflow: hidden;
  align-items: center;
  min-height: 2.625rem;
  padding: 0.25rem 0.625rem;
  margin: var(--item-margin);
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout47.game-categories .categories-item .categories-item-icon[data-v-95403053] {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  font-size: 1.5rem;
  background-size: 700% 100%;
  color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout47.game-categories .categories-item .categories-item-label[data-v-95403053] {
  color: var(--ep-color-text-weaker);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout46.game-categories[data-v-95403053] {
  --list-gap: 0.625rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--list-gap);
  background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout46.game-categories .categories-item[data-v-95403053] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  overflow: hidden;
  height: 2.375rem;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-m);
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout46.game-categories .categories-item .categories-item-icon[data-v-95403053] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 700% 100%;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout46.game-categories .categories-item .categories-item-label[data-v-95403053] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout50.game-categories[data-v-95403053] {
  --list-gap: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--list-gap);
  background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout50.game-categories .categories-item[data-v-95403053] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  overflow: hidden;
  height: 2.625rem;
  padding: 0.25rem 0.625rem;
  margin: var(--item-margin);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
  position: relative;
  --go-btn-bg: url('/assets/category-btn-bg-50-r2-D1OdXpPv.svg');
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout50.game-categories .categories-item .categories-item-icon[data-v-95403053] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 700% 100%;
  color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout50.game-categories .categories-item .categories-item-label[data-v-95403053] {
  flex: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-brand-primary, #467FF0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .game-platform-title[data-v-5a01eafe] {
  font-size: var(--ep-font-size-m, 0.875rem);
  color: var(--ep-color-text-weak);
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
html .layout25.game-categories[data-v-5a01eafe] {
  width: 100%;
  border-radius: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  background: transparent;
}
html .layout25.game-categories .categories-item[data-v-5a01eafe] {
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
  padding: 0.375rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: linear-gradient(125deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.03) 70%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0.03) 80%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.03) 90%, rgba(255, 255, 255, 0) 100%) var(--ep-color-background-fill-surface-raised-L2);
}
html .layout25.game-categories .categories-item-icon[data-v-5a01eafe] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 700% 100%;
}
html .layout25.game-categories .categories-item-label[data-v-5a01eafe] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
html .layout36.game-platform-title[data-v-5a01eafe] {
  display: none;
  margin: 0;
}
html .layout36.game-categories[data-v-5a01eafe] {
  width: 100%;
  border-radius: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 2rem 0.75rem 0;
}
html .layout36.game-categories .categories-item[data-v-5a01eafe] {
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
  padding: 0.375rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.375rem;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout36.game-categories .categories-item-icon[data-v-5a01eafe] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 700% 100%;
}
html .layout36.game-categories .categories-item-label[data-v-5a01eafe] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
html .layout44.game-platform-title[data-v-5a01eafe] {
  display: none;
}
html .layout44.game-categories[data-v-5a01eafe] {
  width: 100%;
  gap: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  background: transparent;
  border-radius: 0.375rem;
  padding: 0.75rem 0.75rem 0;
}
html .layout44.game-categories .categories-item[data-v-5a01eafe] {
  display: flex;
  gap: 0.625rem;
  position: relative;
  align-items: center;
  min-width: 11.25rem;
  max-width: 11.25rem;
  padding: 0.5rem 0.625rem;
  border: 0.0625rem solid var(--ep-color-border-default);
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-secondary-b) 0%, var(--ep-color-background-fill-gradients-secondary-a) 100%);
  box-shadow: 0px 1px 2px 0px #00000033;
}
html .layout44.game-categories .categories-item[data-v-5a01eafe]::after {
  top: 0;
  right: 0;
  content: '';
  width: 3.75rem;
  height: 1.875rem;
  position: absolute;
  background: url('/assets/bg-activity-icon-44-r2-B2O2HpsE.svg') no-repeat;
  background-size: 100% 100%;
}
html .layout44.game-categories .categories-item[data-v-5a01eafe]::before {
  left: 0;
  bottom: 0;
  content: '';
  width: 3.75rem;
  height: 1.875rem;
  position: absolute;
  transform: rotate(180deg);
  background: url('/assets/bg-activity-icon-44-r2-B2O2HpsE.svg') no-repeat;
  background-size: 100% 100%;
}
html .layout44.game-categories .categories-item-icon[data-v-5a01eafe] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 700% 100%;
}
html .layout44.game-categories .categories-item-label[data-v-5a01eafe] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .game-platform-title[data-v-5a01eafe] {
  font-size: var(--ep-font-size-m, 0.875rem);
  color: var(--ep-color-text-weak);
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout25.game-categories[data-v-5a01eafe] {
  width: 100%;
  border-radius: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  background: transparent;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout25.game-categories .categories-item[data-v-5a01eafe] {
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
  padding: 0.375rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: linear-gradient(125deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.03) 70%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0.03) 80%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.03) 90%, rgba(255, 255, 255, 0) 100%) var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout25.game-categories .categories-item-icon[data-v-5a01eafe] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 700% 100%;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout25.game-categories .categories-item-label[data-v-5a01eafe] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout36.game-platform-title[data-v-5a01eafe] {
  display: none;
  margin: 0;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout36.game-categories[data-v-5a01eafe] {
  width: 100%;
  border-radius: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 2rem 0.75rem 0;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout36.game-categories .categories-item[data-v-5a01eafe] {
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
  padding: 0.375rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.375rem;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout36.game-categories .categories-item-icon[data-v-5a01eafe] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 700% 100%;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout36.game-categories .categories-item-label[data-v-5a01eafe] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout44.game-platform-title[data-v-5a01eafe] {
  display: none;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout44.game-categories[data-v-5a01eafe] {
  width: 100%;
  gap: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  background: transparent;
  border-radius: 0.375rem;
  padding: 0.75rem 0.75rem 0;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout44.game-categories .categories-item[data-v-5a01eafe] {
  display: flex;
  gap: 0.625rem;
  position: relative;
  align-items: center;
  min-width: 11.25rem;
  max-width: 11.25rem;
  padding: 0.5rem 0.625rem;
  border: 0.0625rem solid var(--ep-color-border-default);
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-secondary-b) 0%, var(--ep-color-background-fill-gradients-secondary-a) 100%);
  box-shadow: 0px 1px 2px 0px #00000033;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout44.game-categories .categories-item[data-v-5a01eafe]::after {
  top: 0;
  right: 0;
  content: '';
  width: 3.75rem;
  height: 1.875rem;
  position: absolute;
  background: url('/assets/bg-activity-icon-44-r2-B2O2HpsE.svg') no-repeat;
  background-size: 100% 100%;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout44.game-categories .categories-item[data-v-5a01eafe]::before {
  left: 0;
  bottom: 0;
  content: '';
  width: 3.75rem;
  height: 1.875rem;
  position: absolute;
  transform: rotate(180deg);
  background: url('/assets/bg-activity-icon-44-r2-B2O2HpsE.svg') no-repeat;
  background-size: 100% 100%;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout44.game-categories .categories-item-icon[data-v-5a01eafe] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 700% 100%;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout44.game-categories .categories-item-label[data-v-5a01eafe] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .game-platform-title[data-v-970e2a6d] {
  display: none;
  margin: 0;
}
html .layout36.game-categories[data-v-970e2a6d] {
  width: 100%;
  border-radius: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 2rem 0.75rem 0;
}
html .layout36.game-categories .categories-item[data-v-970e2a6d] {
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
  padding: 0.375rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.375rem;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout36.game-categories .categories-item-icon[data-v-970e2a6d] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 700% 100%;
}
html .layout36.game-categories .categories-item-label[data-v-970e2a6d] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .game-platform-title[data-v-970e2a6d] {
  display: none;
  margin: 0;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout36.game-categories[data-v-970e2a6d] {
  width: 100%;
  border-radius: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 2rem 0.75rem 0;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout36.game-categories .categories-item[data-v-970e2a6d] {
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
  padding: 0.375rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.375rem;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout36.game-categories .categories-item-icon[data-v-970e2a6d] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 700% 100%;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout36.game-categories .categories-item-label[data-v-970e2a6d] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout39.game-platform-scroll[data-v-437ce1b3] {
  width: 100%;
  overflow: auto;
  position: relative;
  z-index: 0;
  margin-top: 0.75rem;
}
html .layout39.game-platform-scroll .game-platform-list[data-v-437ce1b3] {
  width: max-content;
  display: flex;
  padding-left: 0.375rem;
  gap: 0.625rem;
}
html .layout39.game-platform-scroll .game-platform-list .platform-item[data-v-437ce1b3] {
  position: relative;
  width: 8.75rem;
  height: 9.375rem;
  padding: 0.25rem 0.25rem 0.375rem 0.25rem;
  border-radius: var(--ep-border-radius-m);
  background: var(--ep-dynamic-tertiary-weak);
}
html .layout39.game-platform-scroll .game-platform-list .platform-item .platform-item-icon[data-v-437ce1b3] {
  display: block;
  width: 8.25rem;
  height: 6.75rem;
  background-size: 700% 100%;
  color: var(--ep-color-icon-danger);
  position: relative;
  overflow: hidden;
  border-radius: var(--ep-border-radius-m, 0.375rem) var(--ep-border-radius-m, 0.375rem) var(--ep-border-radius-surface-default, 1rem) var(--ep-border-radius-surface-default, 1rem);
}
html .layout39.game-platform-scroll .game-platform-list .platform-item .label[data-v-437ce1b3] {
  width: 5.1875rem;
  text-align: center;
  height: 1.375rem;
  margin: 0.625rem auto;
  background: var(--ep-color-background-fill-surface-lowered);
  line-height: 1.375rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-weaker);
  border-radius: var(--ep-border-radius-surface-small);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout39.game-platform-scroll[data-v-437ce1b3] {
  width: 100%;
  overflow: auto;
  position: relative;
  z-index: 0;
  margin-top: 0.75rem;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout39.game-platform-scroll .game-platform-list[data-v-437ce1b3] {
  width: max-content;
  display: flex;
  padding-left: 0.375rem;
  gap: 0.625rem;
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout39.game-platform-scroll .game-platform-list .platform-item[data-v-437ce1b3] {
  position: relative;
  width: 8.75rem;
  height: 9.375rem;
  padding: 0.25rem 0.25rem 0.375rem 0.25rem;
  border-radius: var(--ep-border-radius-m);
  background: var(--ep-dynamic-tertiary-weak);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout39.game-platform-scroll .game-platform-list .platform-item .platform-item-icon[data-v-437ce1b3] {
  display: block;
  width: 8.25rem;
  height: 6.75rem;
  background-size: 700% 100%;
  color: var(--ep-color-icon-danger);
  position: relative;
  overflow: hidden;
  border-radius: var(--ep-border-radius-m, 0.375rem) var(--ep-border-radius-m, 0.375rem) var(--ep-border-radius-surface-default, 1rem) var(--ep-border-radius-surface-default, 1rem);
}
#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout39.game-platform-scroll .game-platform-list .platform-item .label[data-v-437ce1b3] {
  width: 5.1875rem;
  text-align: center;
  height: 1.375rem;
  margin: 0.625rem auto;
  background: var(--ep-color-background-fill-surface-lowered);
  line-height: 1.375rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-weaker);
  border-radius: var(--ep-border-radius-surface-small);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.svg-wall[data-v-5ecb9aed] {
  width: 0;
  height: 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.wall[data-v-dcb70455] {
  width: 100%;
  font-size: inherit;
}
.wall .img-box[data-v-dcb70455] {
  width: 0;
  height: 0;
}
.wall .img-box.good-img[data-v-dcb70455] {
  width: 100%;
  height: 100%;
}
.wall .symbol-main[data-v-dcb70455] {
  width: 100%;
  height: 100%;
  font-size: inherit;
  display: block;
}
.wall .symbol-container[data-v-dcb70455] {
  display: none;
}
.wall .svg-container[data-v-dcb70455] {
  width: 100%;
  height: 100%;
  font-size: inherit;
}
.wall .svg-container[data-v-dcb70455] svg {
  width: 100%;
  height: 100%;
}
.wall .svg-fill[data-v-dcb70455] {
  width: 100%;
  height: 100%;
  font-size: inherit;
  color: inherit;
}
.wall .svg-fill[data-v-dcb70455] svg [fill="currentColor"] {
  fill: var(--svg-fill, currentColor);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.game-list-head[data-v-c4d2cf78] {
  padding: 0.75rem 0;
  line-height: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
html .layout2.game-list-head[data-v-c4d2cf78] {
  padding: 0.6875rem 0.75rem;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
  background: var(--ep-color-background-fill-surface-raised-L1, #3C1497);
}
html .layout2.game-list-head .logo-wrapper .logo[data-v-c4d2cf78] {
  width: 1.75rem;
  height: 1.75rem;
}
html .layout37.game-list-head[data-v-c4d2cf78] {
  margin: 0.625rem 0;
  height: 2.5rem;
  padding: 0 0.625rem;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-inverse);
  border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-default);
  background: url('/assets/bg-game-title37-r2-CGywA6h_.png') no-repeat center center, linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-b) 0%, var(--ep-color-background-fill-gradients-secondary-a) 100%);
  background-size: 100% 100%;
}
html .layout37.game-list-head .logo-wrapper .logo[data-v-c4d2cf78] {
  width: 1.75rem;
  height: 1.75rem;
}
html .layout39.game-list-head[data-v-c4d2cf78] {
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-highlight-white);
}
html .layout39.game-list-head .logo-wrapper .logo[data-v-c4d2cf78] {
  width: 1.75rem;
  height: 1.75rem;
}
html .layout47.game-list-head[data-v-c4d2cf78] {
  gap: 0.25rem;
  display: flex;
  align-items: center;
  padding: 0.75rem 0;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
html .layout47.game-list-head .logo-wrapper[data-v-c4d2cf78] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout46.game-list-head[data-v-c4d2cf78] {
  padding: 0.75rem 0;
  line-height: 1;
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-gameList-components-head-1-index .layout1.game-list-head[data-v-c4d2cf78] {
  padding: 0.75rem 0;
  line-height: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
#tabbar-components-DrawerLeft-components-gameList-components-head-1-index .layout2.game-list-head[data-v-c4d2cf78] {
  padding: 0.6875rem 0.75rem;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
  background: var(--ep-color-background-fill-surface-raised-L1, #3C1497);
}
#tabbar-components-DrawerLeft-components-gameList-components-head-1-index .layout2.game-list-head .logo-wrapper .logo[data-v-c4d2cf78] {
  width: 1.75rem;
  height: 1.75rem;
}
#tabbar-components-DrawerLeft-components-gameList-components-head-1-index .layout37.game-list-head[data-v-c4d2cf78] {
  margin: 0.625rem 0;
  height: 2.5rem;
  padding: 0 0.625rem;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-inverse);
  border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-default);
  background: url('/assets/bg-game-title37-r2-CGywA6h_.png') no-repeat center center, linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-b) 0%, var(--ep-color-background-fill-gradients-secondary-a) 100%);
  background-size: 100% 100%;
}
#tabbar-components-DrawerLeft-components-gameList-components-head-1-index .layout37.game-list-head .logo-wrapper .logo[data-v-c4d2cf78] {
  width: 1.75rem;
  height: 1.75rem;
}
#tabbar-components-DrawerLeft-components-gameList-components-head-1-index .layout39.game-list-head[data-v-c4d2cf78] {
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-highlight-white);
}
#tabbar-components-DrawerLeft-components-gameList-components-head-1-index .layout39.game-list-head .logo-wrapper .logo[data-v-c4d2cf78] {
  width: 1.75rem;
  height: 1.75rem;
}
#tabbar-components-DrawerLeft-components-gameList-components-head-1-index .layout47.game-list-head[data-v-c4d2cf78] {
  gap: 0.25rem;
  display: flex;
  align-items: center;
  padding: 0.75rem 0;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
#tabbar-components-DrawerLeft-components-gameList-components-head-1-index .layout47.game-list-head .logo-wrapper[data-v-c4d2cf78] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-components-DrawerLeft-components-gameList-components-head-1-index .layout46.game-list-head[data-v-c4d2cf78] {
  padding: 0.75rem 0;
  line-height: 1;
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-default);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.game-platform[data-v-4db2fd72] {
  background: var(--background, transparent);
}
html .layout1.game-platform .platform-item[data-v-4db2fd72] {
  padding: 0.75rem 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
html .layout1.game-platform .platform-item .platform-item-icon[data-v-4db2fd72] {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-danger);
}
html .layout1.game-platform .platform-item .platform-item-label[data-v-4db2fd72] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout2.game-platform[data-v-4db2fd72] {
  width: 100%;
  background: var(--background, transparent);
}
html .layout2.game-platform .platform-item[data-v-4db2fd72] {
  padding: 0.5625rem 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
html .layout2.game-platform .platform-item .platform-item-icon-wrapper[data-v-4db2fd72] {
  width: 1.75rem;
  height: 1.75rem;
  overflow: hidden;
  border-radius: 0.1875rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%);
}
html .layout2.game-platform .platform-item .platform-item-icon-wrapper .platform-item-icon[data-v-4db2fd72] {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.75rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-danger);
}
html .layout2.game-platform .platform-item .platform-item-label[data-v-4db2fd72] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout3.game-platform[data-v-4db2fd72] {
  background: var(--background, transparent);
}
html .layout3.game-platform .platform-item[data-v-4db2fd72] {
  padding: 0.375rem 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
html .layout3.game-platform .platform-item .platform-item-icon[data-v-4db2fd72] {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-danger);
}
html .layout3.game-platform .platform-item .platform-item-label[data-v-4db2fd72] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker, #8A867C);
}
html .layout4.game-platform[data-v-4db2fd72] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.875rem;
  background: var(--background, transparent);
}
html .layout4.game-platform .platform-item[data-v-4db2fd72] {
  flex: 0 0 48%;
  overflow: hidden;
  padding: 0.375rem 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--ep-color-border-selected, #34571D);
  background: var(--ep-color-background-fill-surface-raised-L2, #2B4F14);
}
html .layout4.game-platform .platform-item .platform-item-icon-wrapper[data-v-4db2fd72] {
  width: 1.75rem;
  height: 1.75rem;
  overflow: hidden;
  border-radius: 0.1875rem;
  background: var(--background-icon, linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%));
}
html .layout4.game-platform .platform-item .platform-item-icon-wrapper .platform-item-icon[data-v-4db2fd72] {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.75rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-danger);
}
html .layout4.game-platform .platform-item .platform-item-label[data-v-4db2fd72] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout26.game-platform[data-v-4db2fd72] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 0.75rem;
}
html .layout26.game-platform .platform-item[data-v-4db2fd72] {
  background: var(--ep-color-background-fill-surface-raised-L2);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.5rem;
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
}
html .layout26.game-platform .platform-item .platform-item-icon[data-v-4db2fd72] {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-danger);
}
html .layout26.game-platform .platform-item .platform-item-label[data-v-4db2fd72] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-weaker);
}
html .layout27.game-platform[data-v-4db2fd72] {
  --list-gap: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--list-gap);
  background: var(--background, transparent);
}
html .layout27.game-platform .platform-item[data-v-4db2fd72] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  overflow: hidden;
  min-height: 2.625rem;
  padding: 0.25rem 0.625rem;
  margin: var(--item-margin);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 0.375rem;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout27.game-platform .platform-item .platform-item-icon[data-v-4db2fd72] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-danger);
}
html .layout27.game-platform .platform-item .platform-item-label[data-v-4db2fd72] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default, #FFF);
}
html .layout37.game-platform[data-v-4db2fd72] {
  --list-gap: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--list-gap);
  background: var(--background, transparent);
}
html .layout37.game-platform .platform-item[data-v-4db2fd72] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  overflow: hidden;
  min-height: 2.625rem;
  padding: 0 0.5rem;
  margin: var(--item-margin);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-m);
  border: 0.0625rem solid var(--ep-color-border-default);
  background: url('/assets/bg-category37-r2--sVZcTPE.png') no-repeat right -0.875rem center, var(--ep-color-background-fill-surface-raised-L2);
  background-size: 6.3125rem 3.3125rem;
}
html .layout37.game-platform .platform-item .platform-item-icon[data-v-4db2fd72] {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1.5rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-danger);
}
html .layout37.game-platform .platform-item .platform-item-label[data-v-4db2fd72] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default, #FFF);
}
html .layout47.game-platform[data-v-4db2fd72] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--list-gap);
  background: var(--background);
  --background: transparent;
  --list-gap: 0.625rem;
}
html .layout47.game-platform .platform-item[data-v-4db2fd72] {
  gap: 0.375rem;
  display: flex;
  overflow: hidden;
  align-items: center;
  min-height: 2.625rem;
  padding: 0.25rem 0.625rem;
  margin: var(--item-margin);
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  background: var(--ep-color-background-fill-surface-raised-L1);
  --item-margin: 0;
}
html .layout47.game-platform .platform-item .platform-item-icon[data-v-4db2fd72] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-danger);
}
html .layout47.game-platform .platform-item .platform-item-label[data-v-4db2fd72] {
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-weaker, #7D948A);
}
html .layout46.game-platform[data-v-4db2fd72] {
  --list-gap: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--list-gap);
  background: var(--background, transparent);
  max-height: 12.25rem;
  overflow-y: scroll;
}
html .layout46.game-platform .platform-item[data-v-4db2fd72] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  overflow: hidden;
  min-height: 2.625rem;
  padding: 0 0.5rem;
  margin: var(--item-margin);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-m);
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
  background-size: 6.3125rem 3.3125rem;
}
html .layout46.game-platform .platform-item .platform-item-icon[data-v-4db2fd72] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 800% 500%;
}
html .layout46.game-platform .platform-item .platform-item-label[data-v-4db2fd72] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-default);
}
html .layout50.game-platform[data-v-4db2fd72] {
  --list-gap: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--list-gap);
  background: var(--background, transparent);
}
html .layout50.game-platform .platform-item[data-v-4db2fd72] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  overflow: hidden;
  min-height: 2.625rem;
  padding: 0.25rem 0.625rem;
  margin: var(--item-margin);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
  position: relative;
  --go-btn-bg: url('/assets/category-btn-bg-50-r2-D1OdXpPv.svg');
}
html .layout50.game-platform .platform-item .platform-item-icon[data-v-4db2fd72] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 800% 500%;
}
html .layout50.game-platform .platform-item .platform-item-label[data-v-4db2fd72] {
  flex: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-brand-primary, #467FF0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.forest-green .game-platform[data-v-4db2fd72] {
  --ep-color-text-weaker: #fff;
  --ep-color-border-selected: #009F76;
  --ep-color-background-fill-surface-raised-L2: linear-gradient(90deg, #00694A 0%, #00815D 50%, #00694A 100%);
  --background-icon: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(246, 252, 46, 0.17) 100%);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout1.game-platform[data-v-4db2fd72] {
  background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout1.game-platform .platform-item[data-v-4db2fd72] {
  padding: 0.75rem 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout1.game-platform .platform-item .platform-item-icon[data-v-4db2fd72] {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout1.game-platform .platform-item .platform-item-label[data-v-4db2fd72] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout2.game-platform[data-v-4db2fd72] {
  width: 100%;
  background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout2.game-platform .platform-item[data-v-4db2fd72] {
  padding: 0.5625rem 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout2.game-platform .platform-item .platform-item-icon-wrapper[data-v-4db2fd72] {
  width: 1.75rem;
  height: 1.75rem;
  overflow: hidden;
  border-radius: 0.1875rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout2.game-platform .platform-item .platform-item-icon-wrapper .platform-item-icon[data-v-4db2fd72] {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.75rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout2.game-platform .platform-item .platform-item-label[data-v-4db2fd72] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout3.game-platform[data-v-4db2fd72] {
  background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout3.game-platform .platform-item[data-v-4db2fd72] {
  padding: 0.375rem 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout3.game-platform .platform-item .platform-item-icon[data-v-4db2fd72] {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout3.game-platform .platform-item .platform-item-label[data-v-4db2fd72] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker, #8A867C);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout4.game-platform[data-v-4db2fd72] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.875rem;
  background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout4.game-platform .platform-item[data-v-4db2fd72] {
  flex: 0 0 48%;
  overflow: hidden;
  padding: 0.375rem 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--ep-color-border-selected, #34571D);
  background: var(--ep-color-background-fill-surface-raised-L2, #2B4F14);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout4.game-platform .platform-item .platform-item-icon-wrapper[data-v-4db2fd72] {
  width: 1.75rem;
  height: 1.75rem;
  overflow: hidden;
  border-radius: 0.1875rem;
  background: var(--background-icon, linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%));
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout4.game-platform .platform-item .platform-item-icon-wrapper .platform-item-icon[data-v-4db2fd72] {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.75rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout4.game-platform .platform-item .platform-item-label[data-v-4db2fd72] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout26.game-platform[data-v-4db2fd72] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 0.75rem;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout26.game-platform .platform-item[data-v-4db2fd72] {
  background: var(--ep-color-background-fill-surface-raised-L2);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.5rem;
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout26.game-platform .platform-item .platform-item-icon[data-v-4db2fd72] {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout26.game-platform .platform-item .platform-item-label[data-v-4db2fd72] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-weaker);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout27.game-platform[data-v-4db2fd72] {
  --list-gap: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--list-gap);
  background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout27.game-platform .platform-item[data-v-4db2fd72] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  overflow: hidden;
  min-height: 2.625rem;
  padding: 0.25rem 0.625rem;
  margin: var(--item-margin);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 0.375rem;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout27.game-platform .platform-item .platform-item-icon[data-v-4db2fd72] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout27.game-platform .platform-item .platform-item-label[data-v-4db2fd72] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default, #FFF);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout37.game-platform[data-v-4db2fd72] {
  --list-gap: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--list-gap);
  background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout37.game-platform .platform-item[data-v-4db2fd72] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  overflow: hidden;
  min-height: 2.625rem;
  padding: 0 0.5rem;
  margin: var(--item-margin);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-m);
  border: 0.0625rem solid var(--ep-color-border-default);
  background: url('/assets/bg-category37-r2--sVZcTPE.png') no-repeat right -0.875rem center, var(--ep-color-background-fill-surface-raised-L2);
  background-size: 6.3125rem 3.3125rem;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout37.game-platform .platform-item .platform-item-icon[data-v-4db2fd72] {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1.5rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout37.game-platform .platform-item .platform-item-label[data-v-4db2fd72] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default, #FFF);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout47.game-platform[data-v-4db2fd72] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--list-gap);
  background: var(--background);
  --background: transparent;
  --list-gap: 0.625rem;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout47.game-platform .platform-item[data-v-4db2fd72] {
  gap: 0.375rem;
  display: flex;
  overflow: hidden;
  align-items: center;
  min-height: 2.625rem;
  padding: 0.25rem 0.625rem;
  margin: var(--item-margin);
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  background: var(--ep-color-background-fill-surface-raised-L1);
  --item-margin: 0;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout47.game-platform .platform-item .platform-item-icon[data-v-4db2fd72] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout47.game-platform .platform-item .platform-item-label[data-v-4db2fd72] {
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-weaker, #7D948A);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout46.game-platform[data-v-4db2fd72] {
  --list-gap: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--list-gap);
  background: var(--background, transparent);
  max-height: 12.25rem;
  overflow-y: scroll;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout46.game-platform .platform-item[data-v-4db2fd72] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  overflow: hidden;
  min-height: 2.625rem;
  padding: 0 0.5rem;
  margin: var(--item-margin);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-m);
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
  background-size: 6.3125rem 3.3125rem;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout46.game-platform .platform-item .platform-item-icon[data-v-4db2fd72] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 800% 500%;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout46.game-platform .platform-item .platform-item-label[data-v-4db2fd72] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout50.game-platform[data-v-4db2fd72] {
  --list-gap: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--list-gap);
  background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout50.game-platform .platform-item[data-v-4db2fd72] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  overflow: hidden;
  min-height: 2.625rem;
  padding: 0.25rem 0.625rem;
  margin: var(--item-margin);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
  position: relative;
  --go-btn-bg: url('/assets/category-btn-bg-50-r2-D1OdXpPv.svg');
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout50.game-platform .platform-item .platform-item-icon[data-v-4db2fd72] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  background-size: 800% 500%;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout50.game-platform .platform-item .platform-item-label[data-v-4db2fd72] {
  flex: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-brand-primary, #467FF0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.game-platform-scroll[data-v-654bb996] {
  width: 100%;
  overflow: auto;
  position: relative;
  z-index: 0;
  background: var(--ep-color-background-fill-surface-lowered, #1B0D4D);
}
html .layout1.game-platform-scroll .game-platform-list[data-v-654bb996] {
  width: max-content;
  display: flex;
  padding: 1.25rem 0.75rem;
}
html .layout1.game-platform-scroll .game-platform-list .platform-item[data-v-654bb996] {
  position: relative;
}
html .layout1.game-platform-scroll .game-platform-list .platform-item .platform-item-icon[data-v-654bb996] {
  display: block;
  width: 5rem;
  height: 11.75rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-danger);
}
html .layout1.game-platform-scroll .game-platform-list .platform-item .label[data-v-654bb996] {
  width: 85%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0.5rem;
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-highlight-white-weaker);
}
#tabbar-components-DrawerLeft-components-gameList-platform-2-index .layout1.game-platform-scroll[data-v-654bb996] {
  width: 100%;
  overflow: auto;
  position: relative;
  z-index: 0;
  background: var(--ep-color-background-fill-surface-lowered, #1B0D4D);
}
#tabbar-components-DrawerLeft-components-gameList-platform-2-index .layout1.game-platform-scroll .game-platform-list[data-v-654bb996] {
  width: max-content;
  display: flex;
  padding: 1.25rem 0.75rem;
}
#tabbar-components-DrawerLeft-components-gameList-platform-2-index .layout1.game-platform-scroll .game-platform-list .platform-item[data-v-654bb996] {
  position: relative;
}
#tabbar-components-DrawerLeft-components-gameList-platform-2-index .layout1.game-platform-scroll .game-platform-list .platform-item .platform-item-icon[data-v-654bb996] {
  display: block;
  width: 5rem;
  height: 11.75rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-platform-2-index .layout1.game-platform-scroll .game-platform-list .platform-item .label[data-v-654bb996] {
  width: 85%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0.5rem;
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-highlight-white-weaker);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .game-platform-title[data-v-949e8071] {
  font-size: var(--ep-font-size-m, 0.875rem);
  color: var(--ep-color-text-weak);
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
html .layout25.game-platform[data-v-949e8071] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  background: transparent;
}
html .layout25.game-platform .platform-item[data-v-949e8071] {
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
  overflow: hidden;
  padding: 0.375rem;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: linear-gradient(125deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.03) 70%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0.03) 80%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.03) 90%, rgba(255, 255, 255, 0) 100%) var(--ep-color-background-fill-surface-raised-L2);
}
html .layout25.game-platform .platform-item .platform-item-icon-wrapper[data-v-949e8071] {
  width: 1.75rem;
  height: 1.75rem;
  overflow: hidden;
  border-radius: 0.1875rem;
}
html .layout25.game-platform .platform-item .platform-item-icon-wrapper .platform-item-icon[data-v-949e8071] {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.75rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-default);
}
html .layout25.game-platform .platform-item .platform-item-label[data-v-949e8071] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
html .layout44.game-platform-title[data-v-949e8071] {
  display: none;
}
html .layout44.game-platform[data-v-949e8071] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  padding: 0.75rem 0.75rem 0;
}
html .layout44.game-platform .platform-item[data-v-949e8071] {
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
  gap: 0.3125rem;
  display: flex;
  overflow: hidden;
  padding: 0.375rem;
  position: relative;
  align-items: center;
  max-width: 11.25rem;
  min-width: 11.25rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-secondary-b) 0%, var(--ep-color-background-fill-gradients-secondary-a) 100%);
  box-shadow: 0px 1px 2px 0px #00000033;
}
html .layout44.game-platform .platform-item[data-v-949e8071]::after {
  top: 0;
  right: 0;
  content: '';
  width: 3.75rem;
  height: 1.875rem;
  position: absolute;
  background: url('/assets/bg-activity-icon-44-r2-B2O2HpsE.svg') no-repeat;
  background-size: 100% 100%;
}
html .layout44.game-platform .platform-item[data-v-949e8071]::before {
  left: 0;
  bottom: 0;
  content: '';
  width: 3.75rem;
  height: 1.875rem;
  position: absolute;
  transform: rotate(180deg);
  background: url('/assets/bg-activity-icon-44-r2-B2O2HpsE.svg') no-repeat;
  background-size: 100% 100%;
}
html .layout44.game-platform .platform-item .platform-item-icon-wrapper[data-v-949e8071] {
  width: 1.75rem;
  height: 1.75rem;
  overflow: hidden;
  border-radius: 0.1875rem;
}
html .layout44.game-platform .platform-item .platform-item-icon-wrapper .platform-item-icon[data-v-949e8071] {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.75rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-default);
}
html .layout44.game-platform .platform-item .platform-item-label[data-v-949e8071] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-gameList-platform-25-index .game-platform-title[data-v-949e8071] {
  font-size: var(--ep-font-size-m, 0.875rem);
  color: var(--ep-color-text-weak);
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
#tabbar-components-DrawerLeft-components-gameList-platform-25-index .layout25.game-platform[data-v-949e8071] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  background: transparent;
}
#tabbar-components-DrawerLeft-components-gameList-platform-25-index .layout25.game-platform .platform-item[data-v-949e8071] {
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
  overflow: hidden;
  padding: 0.375rem;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: linear-gradient(125deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.03) 70%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0.03) 80%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.03) 90%, rgba(255, 255, 255, 0) 100%) var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-components-DrawerLeft-components-gameList-platform-25-index .layout25.game-platform .platform-item .platform-item-icon-wrapper[data-v-949e8071] {
  width: 1.75rem;
  height: 1.75rem;
  overflow: hidden;
  border-radius: 0.1875rem;
}
#tabbar-components-DrawerLeft-components-gameList-platform-25-index .layout25.game-platform .platform-item .platform-item-icon-wrapper .platform-item-icon[data-v-949e8071] {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.75rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-default);
}
#tabbar-components-DrawerLeft-components-gameList-platform-25-index .layout25.game-platform .platform-item .platform-item-label[data-v-949e8071] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-gameList-platform-25-index .layout44.game-platform-title[data-v-949e8071] {
  display: none;
}
#tabbar-components-DrawerLeft-components-gameList-platform-25-index .layout44.game-platform[data-v-949e8071] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  padding: 0.75rem 0.75rem 0;
}
#tabbar-components-DrawerLeft-components-gameList-platform-25-index .layout44.game-platform .platform-item[data-v-949e8071] {
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
  gap: 0.3125rem;
  display: flex;
  overflow: hidden;
  padding: 0.375rem;
  position: relative;
  align-items: center;
  max-width: 11.25rem;
  min-width: 11.25rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-secondary-b) 0%, var(--ep-color-background-fill-gradients-secondary-a) 100%);
  box-shadow: 0px 1px 2px 0px #00000033;
}
#tabbar-components-DrawerLeft-components-gameList-platform-25-index .layout44.game-platform .platform-item[data-v-949e8071]::after {
  top: 0;
  right: 0;
  content: '';
  width: 3.75rem;
  height: 1.875rem;
  position: absolute;
  background: url('/assets/bg-activity-icon-44-r2-B2O2HpsE.svg') no-repeat;
  background-size: 100% 100%;
}
#tabbar-components-DrawerLeft-components-gameList-platform-25-index .layout44.game-platform .platform-item[data-v-949e8071]::before {
  left: 0;
  bottom: 0;
  content: '';
  width: 3.75rem;
  height: 1.875rem;
  position: absolute;
  transform: rotate(180deg);
  background: url('/assets/bg-activity-icon-44-r2-B2O2HpsE.svg') no-repeat;
  background-size: 100% 100%;
}
#tabbar-components-DrawerLeft-components-gameList-platform-25-index .layout44.game-platform .platform-item .platform-item-icon-wrapper[data-v-949e8071] {
  width: 1.75rem;
  height: 1.75rem;
  overflow: hidden;
  border-radius: 0.1875rem;
}
#tabbar-components-DrawerLeft-components-gameList-platform-25-index .layout44.game-platform .platform-item .platform-item-icon-wrapper .platform-item-icon[data-v-949e8071] {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.75rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-default);
}
#tabbar-components-DrawerLeft-components-gameList-platform-25-index .layout44.game-platform .platform-item .platform-item-label[data-v-949e8071] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout36.game-platform-title[data-v-511ecc86] {
  opacity: 0;
  margin: 0;
}
.layout36.game-platform[data-v-511ecc86] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  background: transparent;
  padding: 0 0.75rem 0.75rem;
}
.layout36.game-platform .platform-item[data-v-511ecc86] {
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
  overflow: hidden;
  padding: 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
.layout36.game-platform .platform-item .platform-item-icon-wrapper[data-v-511ecc86] {
  min-width: 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  border-radius: 0.1875rem;
}
.layout36.game-platform .platform-item .platform-item-icon-wrapper .platform-item-icon[data-v-511ecc86] {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.75rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-default);
}
.layout36.game-platform .platform-item .platform-item-label-wrapper[data-v-511ecc86] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.layout36.game-platform .platform-item .platform-item-label-wrapper .platform-item-label[data-v-511ecc86] {
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
.layout36.game-platform .platform-item .platform-item-label-wrapper .platform-item-sum[data-v-511ecc86] {
  width: -moz-fit-content;
  width: fit-content;
  background: var(--ep-color-background-fill-surface-raised-L1);
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  color: var(--ep-color-text-brand-primary);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.game-platform-scroll[data-v-f6179792] {
  width: 100%;
  overflow: auto;
  position: relative;
  z-index: 0;
  margin-top: 0.75rem;
}
html .layout1.game-platform-scroll .game-platform-list[data-v-f6179792] {
  width: max-content;
  display: flex;
  padding-left: 0.375rem;
  gap: 0.625rem;
}
html .layout1.game-platform-scroll .game-platform-list .platform-item[data-v-f6179792] {
  position: relative;
  width: 8.75rem;
  height: 9.375rem;
  padding: 0.25rem 0.25rem 0.375rem 0.25rem;
  border-radius: var(--ep-border-radius-m);
  background: var(--ep-dynamic-tertiary-weak);
}
html .layout1.game-platform-scroll .game-platform-list .platform-item .platform-item-icon[data-v-f6179792] {
  display: block;
  width: 8.25rem;
  height: 6.75rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-danger);
  position: relative;
  overflow: hidden;
  border-radius: var(--ep-border-radius-m, 0.375rem) var(--ep-border-radius-m, 0.375rem) var(--ep-border-radius-surface-default, 1rem) var(--ep-border-radius-surface-default, 1rem);
}
html .layout1.game-platform-scroll .game-platform-list .platform-item .label[data-v-f6179792] {
  width: 5.1875rem;
  text-align: center;
  height: 1.375rem;
  margin: 0.625rem auto;
  background: var(--ep-color-background-fill-surface-lowered);
  line-height: 1.375rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-weaker);
  border-radius: var(--ep-border-radius-surface-small);
}
html .layout1.game-platform-scroll .game-platform-list .platform-item .total[data-v-f6179792] {
  width: 2.1875rem;
  padding: 0.125rem 0.3125rem;
  text-align: center;
  height: 1.1875rem;
  background: linear-gradient(90deg, #6AEDA9 0%, #66E955 100%);
  border-radius: 0 0 0.875rem 0;
  position: absolute;
  left: 0;
  top: 0;
  color: var(--ep-color-text-highlight-white);
  font-size: var(--ep-font-size-xs, 0.625rem);
}
#tabbar-components-DrawerLeft-components-gameList-platform-2-index .layout1.game-platform-scroll[data-v-f6179792] {
  width: 100%;
  overflow: auto;
  position: relative;
  z-index: 0;
  margin-top: 0.75rem;
}
#tabbar-components-DrawerLeft-components-gameList-platform-2-index .layout1.game-platform-scroll .game-platform-list[data-v-f6179792] {
  width: max-content;
  display: flex;
  padding-left: 0.375rem;
  gap: 0.625rem;
}
#tabbar-components-DrawerLeft-components-gameList-platform-2-index .layout1.game-platform-scroll .game-platform-list .platform-item[data-v-f6179792] {
  position: relative;
  width: 8.75rem;
  height: 9.375rem;
  padding: 0.25rem 0.25rem 0.375rem 0.25rem;
  border-radius: var(--ep-border-radius-m);
  background: var(--ep-dynamic-tertiary-weak);
}
#tabbar-components-DrawerLeft-components-gameList-platform-2-index .layout1.game-platform-scroll .game-platform-list .platform-item .platform-item-icon[data-v-f6179792] {
  display: block;
  width: 8.25rem;
  height: 6.75rem;
  background-size: 800% 500%;
  color: var(--ep-color-icon-danger);
  position: relative;
  overflow: hidden;
  border-radius: var(--ep-border-radius-m, 0.375rem) var(--ep-border-radius-m, 0.375rem) var(--ep-border-radius-surface-default, 1rem) var(--ep-border-radius-surface-default, 1rem);
}
#tabbar-components-DrawerLeft-components-gameList-platform-2-index .layout1.game-platform-scroll .game-platform-list .platform-item .label[data-v-f6179792] {
  width: 5.1875rem;
  text-align: center;
  height: 1.375rem;
  margin: 0.625rem auto;
  background: var(--ep-color-background-fill-surface-lowered);
  line-height: 1.375rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-weaker);
  border-radius: var(--ep-border-radius-surface-small);
}
#tabbar-components-DrawerLeft-components-gameList-platform-2-index .layout1.game-platform-scroll .game-platform-list .platform-item .total[data-v-f6179792] {
  width: 2.1875rem;
  padding: 0.125rem 0.3125rem;
  text-align: center;
  height: 1.1875rem;
  background: linear-gradient(90deg, #6AEDA9 0%, #66E955 100%);
  border-radius: 0 0 0.875rem 0;
  position: absolute;
  left: 0;
  top: 0;
  color: var(--ep-color-text-highlight-white);
  font-size: var(--ep-font-size-xs, 0.625rem);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-e73d43a8] {
  /**
   * 53 号炫彩紫抽屉的「Popular Games」区块（设计稿 node 9041:31625 的「 6 game」组）。
   *
   * 结构是「通栏外框 + 内嵌 #1E2535 面板」，和首页厂商墙 / 视频区是同一套语言
   * （见 gamePlatform/3/index.less 的 .layout53）：外框满 390、底色同页面、四周一圈品红内发光；
   * 内卡四边内缩 10。
   *
   * 内卡底色用 `content-box` 背景层画，而不是分别给标题和游戏栏加背景——设计稿里卡片左上角
   * 压着一团模糊的品红光晕（Ellipse 98，被卡片裁掉左半边），它必须落在内卡底色之上、
   * 文字之下。子元素自带背景会把光晕盖住，所以底色统一由父级出，子元素保持透明，
   * 光晕走 `z-index: -1` 的 ::before —— 负层级的定位后代画在父级背景之上、常规流内容之下，
   * 正好是设计稿的层序（父级用 `z-index: 0` + isolation 建栈上下文，否则会穿透到祖先背景下）。
   */
}
html .hot-game-box[data-v-e73d43a8] img {
  -webkit-user-drag: none;
  user-drag: none;
}
html .hot-game-box[data-v-e73d43a8] ion-img::part(image) {
  -webkit-user-drag: none;
  user-drag: none;
}
html .layout1.hot-game-box[data-v-e73d43a8] {
  padding: 0.9375rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
  position: relative;
  z-index: 0;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout1.hot-game-box[data-v-e73d43a8]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 6rem;
  height: 10rem;
  transform: rotate(-39.331deg);
  background: var(--ep-color-background-fill-glow-secondary-opacity-40);
  filter: blur(4.375rem);
}
html .layout2.hot-game-box[data-v-e73d43a8] {
  padding: 0.9375rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
  position: relative;
  z-index: 0;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout26.hot-game-box[data-v-e73d43a8] {
  padding: 0.5rem 0.75rem 0.625rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
  position: relative;
  z-index: 0;
  border-top: 0.09375rem solid var(--ep-color-border-highlight);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout26.hot-game-box[data-v-e73d43a8]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 6rem;
  height: 10rem;
  transform: rotate(-39.331deg);
  background: var(--ep-color-background-fill-glow-secondary-opacity-40);
  filter: blur(6rem);
}
html .layout3.hot-game-box[data-v-e73d43a8] {
  overflow: hidden;
  position: relative;
}
html .layout30.hot-game-box[data-v-e73d43a8] {
  padding: 0.9375rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
  position: relative;
  z-index: 0;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout30.hot-game-box[data-v-e73d43a8]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6.375rem;
  height: 10.875rem;
  transform: rotate(-40deg);
  flex-shrink: 0;
  background: var(--ep-color-background-fill-glow-secondary-opacity-40);
  opacity: 0.4;
  filter: blur(45px);
}
html .layout42.hot-game-box[data-v-e73d43a8] {
  padding: 0.9375rem;
  border-radius: var(--ep-border-radius-surface-default);
  overflow: hidden;
  position: relative;
  z-index: 0;
  background: var(--ep-color-background-fill-surface-raised-L2);
  box-shadow: 0 2px 4px 0 var(--ep-color-background-fill-glow-primary-opacity-40);
}
html .layout42.hot-game-box[data-v-e73d43a8]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6.375rem;
  height: 10.875rem;
  transform: rotate(-40deg);
  flex-shrink: 0;
  background: var(--ep-color-background-fill-glow-secondary-opacity-40);
  opacity: 0.4;
  filter: blur(45px);
}
html .layout44.hot-game-box[data-v-e73d43a8] {
  z-index: 0;
  gap: 0.625rem;
  display: flex;
  overflow: hidden;
  position: relative;
  padding: 0.875rem;
  flex-direction: column;
  border: 0.0625rem solid var(--ep-color-border-default);
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: linear-gradient(180deg, #FFFFFF 0%, #DAE3EA 100%);
}
html .layout46.hot-game-box[data-v-e73d43a8] {
  margin: 0 0.75rem;
  padding: 0.75rem;
  border-radius: var(--ep-border-radius-surface-default);
  overflow: hidden;
  position: relative;
  z-index: 0;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-secondary-b, #BAFFE7) 0%, var(--ep-color-background-fill-gradients-secondary-a) 100%);
}
html .layout53.hot-game-box[data-v-e73d43a8] {
  z-index: 0;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  padding: 0.625rem;
  background: linear-gradient(var(--ep-color-background-fill-surface-raised-L2) 0 100%) content-box, var(--ep-color-background-fill-surface-raised-L1);
  box-shadow: inset 0 0 0.625rem var(--ep-primary-primary-Opacity-40);
}
html .layout53.hot-game-box[data-v-e73d43a8]::before {
  content: '';
  top: -1.25rem;
  left: -1.875rem;
  z-index: -1;
  width: 11.75rem;
  height: 12.375rem;
  opacity: 0.38;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(5.5rem);
  background: var(--ep-primary-primary-Opacity-40);
}
#tabbar-components-DrawerLeft-components-hotGame-1-index[data-v-e73d43a8] {
  /**
   * 53 号炫彩紫抽屉的「Popular Games」区块（设计稿 node 9041:31625 的「 6 game」组）。
   *
   * 结构是「通栏外框 + 内嵌 #1E2535 面板」，和首页厂商墙 / 视频区是同一套语言
   * （见 gamePlatform/3/index.less 的 .layout53）：外框满 390、底色同页面、四周一圈品红内发光；
   * 内卡四边内缩 10。
   *
   * 内卡底色用 `content-box` 背景层画，而不是分别给标题和游戏栏加背景——设计稿里卡片左上角
   * 压着一团模糊的品红光晕（Ellipse 98，被卡片裁掉左半边），它必须落在内卡底色之上、
   * 文字之下。子元素自带背景会把光晕盖住，所以底色统一由父级出，子元素保持透明，
   * 光晕走 `z-index: -1` 的 ::before —— 负层级的定位后代画在父级背景之上、常规流内容之下，
   * 正好是设计稿的层序（父级用 `z-index: 0` + isolation 建栈上下文，否则会穿透到祖先背景下）。
   */
}
#tabbar-components-DrawerLeft-components-hotGame-1-index .hot-game-box[data-v-e73d43a8] img {
  -webkit-user-drag: none;
  user-drag: none;
}
#tabbar-components-DrawerLeft-components-hotGame-1-index .hot-game-box[data-v-e73d43a8] ion-img::part(image) {
  -webkit-user-drag: none;
  user-drag: none;
}
#tabbar-components-DrawerLeft-components-hotGame-1-index .layout1.hot-game-box[data-v-e73d43a8] {
  padding: 0.9375rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
  position: relative;
  z-index: 0;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-components-DrawerLeft-components-hotGame-1-index .layout1.hot-game-box[data-v-e73d43a8]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 6rem;
  height: 10rem;
  transform: rotate(-39.331deg);
  background: var(--ep-color-background-fill-glow-secondary-opacity-40);
  filter: blur(4.375rem);
}
#tabbar-components-DrawerLeft-components-hotGame-1-index .layout2.hot-game-box[data-v-e73d43a8] {
  padding: 0.9375rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
  position: relative;
  z-index: 0;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-components-DrawerLeft-components-hotGame-1-index .layout26.hot-game-box[data-v-e73d43a8] {
  padding: 0.5rem 0.75rem 0.625rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
  position: relative;
  z-index: 0;
  border-top: 0.09375rem solid var(--ep-color-border-highlight);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-components-DrawerLeft-components-hotGame-1-index .layout26.hot-game-box[data-v-e73d43a8]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 6rem;
  height: 10rem;
  transform: rotate(-39.331deg);
  background: var(--ep-color-background-fill-glow-secondary-opacity-40);
  filter: blur(6rem);
}
#tabbar-components-DrawerLeft-components-hotGame-1-index .layout3.hot-game-box[data-v-e73d43a8] {
  overflow: hidden;
  position: relative;
}
#tabbar-components-DrawerLeft-components-hotGame-1-index .layout30.hot-game-box[data-v-e73d43a8] {
  padding: 0.9375rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
  position: relative;
  z-index: 0;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-components-DrawerLeft-components-hotGame-1-index .layout30.hot-game-box[data-v-e73d43a8]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6.375rem;
  height: 10.875rem;
  transform: rotate(-40deg);
  flex-shrink: 0;
  background: var(--ep-color-background-fill-glow-secondary-opacity-40);
  opacity: 0.4;
  filter: blur(45px);
}
#tabbar-components-DrawerLeft-components-hotGame-1-index .layout42.hot-game-box[data-v-e73d43a8] {
  padding: 0.9375rem;
  border-radius: var(--ep-border-radius-surface-default);
  overflow: hidden;
  position: relative;
  z-index: 0;
  background: var(--ep-color-background-fill-surface-raised-L2);
  box-shadow: 0 2px 4px 0 var(--ep-color-background-fill-glow-primary-opacity-40);
}
#tabbar-components-DrawerLeft-components-hotGame-1-index .layout42.hot-game-box[data-v-e73d43a8]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6.375rem;
  height: 10.875rem;
  transform: rotate(-40deg);
  flex-shrink: 0;
  background: var(--ep-color-background-fill-glow-secondary-opacity-40);
  opacity: 0.4;
  filter: blur(45px);
}
#tabbar-components-DrawerLeft-components-hotGame-1-index .layout44.hot-game-box[data-v-e73d43a8] {
  z-index: 0;
  gap: 0.625rem;
  display: flex;
  overflow: hidden;
  position: relative;
  padding: 0.875rem;
  flex-direction: column;
  border: 0.0625rem solid var(--ep-color-border-default);
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: linear-gradient(180deg, #FFFFFF 0%, #DAE3EA 100%);
}
#tabbar-components-DrawerLeft-components-hotGame-1-index .layout46.hot-game-box[data-v-e73d43a8] {
  margin: 0 0.75rem;
  padding: 0.75rem;
  border-radius: var(--ep-border-radius-surface-default);
  overflow: hidden;
  position: relative;
  z-index: 0;
  border: 0.0625rem solid var(--ep-color-border-default);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-secondary-b, #BAFFE7) 0%, var(--ep-color-background-fill-gradients-secondary-a) 100%);
}
#tabbar-components-DrawerLeft-components-hotGame-1-index .layout53.hot-game-box[data-v-e73d43a8] {
  z-index: 0;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  padding: 0.625rem;
  background: linear-gradient(var(--ep-color-background-fill-surface-raised-L2) 0 100%) content-box, var(--ep-color-background-fill-surface-raised-L1);
  box-shadow: inset 0 0 0.625rem var(--ep-primary-primary-Opacity-40);
}
#tabbar-components-DrawerLeft-components-hotGame-1-index .layout53.hot-game-box[data-v-e73d43a8]::before {
  content: '';
  top: -1.25rem;
  left: -1.875rem;
  z-index: -1;
  width: 11.75rem;
  height: 12.375rem;
  opacity: 0.38;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(5.5rem);
  background: var(--ep-primary-primary-Opacity-40);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-fccd089b] {
  /**
   * 53 号炫彩紫抽屉的热门游戏横滑条（设计稿 node 9041:31625 → Frame 23434）。
   *
   * 卡片只给宽（50.37 = 3.1481rem），高度交给图片自身的宽高比撑——设计稿的 50.37x68
   * 正是切图 0.74 的比例，写死高度反而会在比例不同的图上变形。
   * 53 号是直角语言，卡片不留圆角。
   */
}
html .layout1.hot-game-list-box[data-v-fccd089b] {
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-block-start: 1.125rem;
  width: 100%;
  overflow: auto;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
html .layout1.hot-game-list-box[data-v-fccd089b]::-webkit-scrollbar {
  display: none;
}
html .layout1.hot-game-list-box .hot-game-list[data-v-fccd089b] {
  display: flex;
  gap: 0.375rem;
}
html .layout1.hot-game-list-box .hot-game-list .card-wrapper[data-v-fccd089b] {
  position: relative;
  height: 100%;
}
html .layout1.hot-game-list-box .hot-game-list .card-wrapper .maintain-icon[data-v-fccd089b] {
  position: absolute;
  inset: 0;
  z-index: 10;
}
html .layout1.hot-game-list-box .hot-game-list .card[data-v-fccd089b] {
  flex-shrink: 0;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
}
html .layout1.hot-game-list-box .hot-game-list .card.style1[data-v-fccd089b],
html .layout1.hot-game-list-box .hot-game-list .card.style2[data-v-fccd089b] {
  width: 3.1481rem;
  height: 4.25rem;
}
html .layout1.hot-game-list-box .hot-game-list .card.style3[data-v-fccd089b] {
  width: 3.1481rem;
}
html .layout1.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b] {
  width: 100%;
  height: 100%;
}
html .layout2.hot-game-list-box[data-v-fccd089b] {
  -ms-overflow-style: none;
  scrollbar-width: none;
  --card-width: 3.425rem;
  width: 100%;
  overflow: auto;
}
html .layout2.hot-game-list-box[data-v-fccd089b]::-webkit-scrollbar {
  display: none;
}
html .layout2.hot-game-list-box .hot-game-list[data-v-fccd089b] {
  display: flex;
  gap: var(--gap, 1rem);
}
html .layout2.hot-game-list-box .hot-game-list .card-wrapper[data-v-fccd089b] {
  position: relative;
  height: 100%;
}
html .layout2.hot-game-list-box .hot-game-list .card-wrapper .maintain-icon[data-v-fccd089b] {
  position: absolute;
  inset: 0;
  z-index: 10;
}
html .layout2.hot-game-list-box .hot-game-list .card[data-v-fccd089b] {
  flex-shrink: 0;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
}
html .layout2.hot-game-list-box .hot-game-list .card.style1[data-v-fccd089b],
html .layout2.hot-game-list-box .hot-game-list .card.style2[data-v-fccd089b] {
  width: var(--card-width);
}
html .layout2.hot-game-list-box .hot-game-list .card.style3[data-v-fccd089b] {
  width: var(--card-width);
}
html .layout2.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b] {
  width: 0;
  height: 0;
}
html .layout2.hot-game-list-box .hot-game-list .card .img.good-img[data-v-fccd089b] {
  width: 100%;
  height: 100%;
}
html .layout3.hot-game-list-box[data-v-fccd089b] {
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
  overflow: auto;
  padding: 0.6875rem 0.75rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout3.hot-game-list-box[data-v-fccd089b]::-webkit-scrollbar {
  display: none;
}
html .layout3.hot-game-list-box .hot-game-list[data-v-fccd089b] {
  display: flex;
  gap: var(--gap, 0.625rem);
}
html .layout3.hot-game-list-box .hot-game-list .card-wrapper[data-v-fccd089b] {
  position: relative;
  height: 100%;
}
html .layout3.hot-game-list-box .hot-game-list .card-wrapper .maintain-icon[data-v-fccd089b] {
  position: absolute;
  inset: 0;
  z-index: 10;
}
html .layout3.hot-game-list-box .hot-game-list .card[data-v-fccd089b] {
  flex-shrink: 0;
  padding: 0.125rem;
  overflow: hidden;
  position: relative;
  transform: translateX(0);
  border-radius: var(--ep-border-radius-l, 0.5rem);
}
html .layout3.hot-game-list-box .hot-game-list .card[data-v-fccd089b]::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(331deg, #FFF 2.58%, rgba(255, 255, 255, 0) 50.15%, #FFF 97.72%);
  border-radius: inherit;
  z-index: -2;
}
html .layout3.hot-game-list-box .hot-game-list .card.style1[data-v-fccd089b],
html .layout3.hot-game-list-box .hot-game-list .card.style2[data-v-fccd089b] {
  width: 3.5rem;
  height: 4.625rem;
}
html .layout3.hot-game-list-box .hot-game-list .card.style3[data-v-fccd089b] {
  width: 3.5rem;
}
html .layout3.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b] {
  width: 0;
  height: 0;
  object-fit: fill;
}
html .layout3.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b]::part(image) {
  border-radius: var(--ep-border-radius-l, 0.5rem);
}
html .layout3.hot-game-list-box .hot-game-list .card .img.good-img[data-v-fccd089b] {
  width: 100%;
  height: 100%;
}
html .layout36.hot-game-list-box[data-v-fccd089b] {
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-block-start: 1.125rem;
  width: 100%;
  overflow: auto;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
html .layout36.hot-game-list-box[data-v-fccd089b]::-webkit-scrollbar {
  display: none;
}
html .layout36.hot-game-list-box .hot-game-list[data-v-fccd089b] {
  display: flex;
  gap: 0.375rem;
}
html .layout36.hot-game-list-box .hot-game-list .card-wrapper[data-v-fccd089b] {
  position: relative;
  height: 100%;
}
html .layout36.hot-game-list-box .hot-game-list .card-wrapper .maintain-icon[data-v-fccd089b] {
  position: absolute;
  inset: 0;
  z-index: 10;
}
html .layout36.hot-game-list-box .hot-game-list .card[data-v-fccd089b] {
  flex-shrink: 0;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
}
html .layout36.hot-game-list-box .hot-game-list .card.style1[data-v-fccd089b],
html .layout36.hot-game-list-box .hot-game-list .card.style2[data-v-fccd089b] {
  width: 3.75rem;
  height: 5rem;
}
html .layout36.hot-game-list-box .hot-game-list .card.style3[data-v-fccd089b] {
  width: 3.1481rem;
}
html .layout36.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b] {
  width: 100%;
  height: 100%;
}
html .layout37.hot-game-list-box[data-v-fccd089b] {
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
  overflow: auto;
  padding: 0.6875rem 0.75rem;
}
html .layout37.hot-game-list-box[data-v-fccd089b]::-webkit-scrollbar {
  display: none;
}
html .layout37.hot-game-list-box .hot-game-list[data-v-fccd089b] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}
html .layout37.hot-game-list-box .hot-game-list .card-wrapper[data-v-fccd089b] {
  position: relative;
  height: 100%;
}
html .layout37.hot-game-list-box .hot-game-list .card-wrapper .maintain-icon[data-v-fccd089b] {
  position: absolute;
  inset: 0;
  z-index: 10;
}
html .layout37.hot-game-list-box .hot-game-list .card[data-v-fccd089b] {
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  transform: translateX(0);
  border-radius: var(--ep-border-radius-l, 0.5rem);
}
html .layout37.hot-game-list-box .hot-game-list .card.style1[data-v-fccd089b],
html .layout37.hot-game-list-box .hot-game-list .card.style2[data-v-fccd089b] {
  width: 3.75rem;
  height: 5rem;
}
html .layout37.hot-game-list-box .hot-game-list .card.style3[data-v-fccd089b] {
  width: 3.5rem;
}
html .layout37.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b] {
  width: 0;
  height: 0;
  object-fit: fill;
}
html .layout37.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b]::part(image) {
  border-radius: var(--ep-border-radius-l, 0.5rem);
}
html .layout37.hot-game-list-box .hot-game-list .card .img.good-img[data-v-fccd089b] {
  width: 100%;
  height: 100%;
}
html .layout40.hot-game-list-box[data-v-fccd089b] {
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
  overflow: auto;
  padding: 0.6875rem 0.75rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout40.hot-game-list-box[data-v-fccd089b]::-webkit-scrollbar {
  display: none;
}
html .layout40.hot-game-list-box .hot-game-list[data-v-fccd089b] {
  display: flex;
  gap: var(--gap, 0.625rem);
}
html .layout40.hot-game-list-box .hot-game-list .card-wrapper[data-v-fccd089b] {
  position: relative;
  height: 100%;
}
html .layout40.hot-game-list-box .hot-game-list .card-wrapper .maintain-icon[data-v-fccd089b] {
  position: absolute;
  inset: 0;
  z-index: 10;
}
html .layout40.hot-game-list-box .hot-game-list .card[data-v-fccd089b] {
  flex-shrink: 0;
  padding: 0 0.125rem;
  overflow: hidden;
  position: relative;
  transform: translateX(0);
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
html .layout40.hot-game-list-box .hot-game-list .card.style1[data-v-fccd089b],
html .layout40.hot-game-list-box .hot-game-list .card.style2[data-v-fccd089b] {
  width: 3.875rem;
  height: 4.625rem;
}
html .layout40.hot-game-list-box .hot-game-list .card.style3[data-v-fccd089b] {
  width: 3.5rem;
}
html .layout40.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b] {
  width: 0;
  height: 0;
  object-fit: fill;
}
html .layout40.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b]::part(image) {
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
html .layout40.hot-game-list-box .hot-game-list .card .img.good-img[data-v-fccd089b] {
  width: 100%;
  height: 100%;
}
html .layout46.hot-game-list-box[data-v-fccd089b] {
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
  overflow: auto;
  margin-top: 0.75rem;
}
html .layout46.hot-game-list-box[data-v-fccd089b]::-webkit-scrollbar {
  display: none;
}
html .layout46.hot-game-list-box .hot-game-list[data-v-fccd089b] {
  display: flex;
  justify-content: space-between;
}
html .layout46.hot-game-list-box .hot-game-list .card-wrapper[data-v-fccd089b] {
  position: relative;
  height: 100%;
}
html .layout46.hot-game-list-box .hot-game-list .card-wrapper .maintain-icon[data-v-fccd089b] {
  position: absolute;
  inset: 0;
  z-index: 10;
}
html .layout46.hot-game-list-box .hot-game-list .card[data-v-fccd089b] {
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  transform: translateX(0);
  border-radius: var(--ep-border-radius-l, 0.5rem);
}
html .layout46.hot-game-list-box .hot-game-list .card.style1[data-v-fccd089b],
html .layout46.hot-game-list-box .hot-game-list .card.style2[data-v-fccd089b] {
  width: 3.5rem;
  height: 4.625rem;
}
html .layout46.hot-game-list-box .hot-game-list .card.style3[data-v-fccd089b] {
  width: 3.5rem;
}
html .layout46.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b] {
  width: 0;
  height: 0;
  object-fit: fill;
}
html .layout46.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b]::part(image) {
  border-radius: var(--ep-border-radius-l, 0.5rem);
}
html .layout46.hot-game-list-box .hot-game-list .card .img.good-img[data-v-fccd089b] {
  width: 100%;
  height: 100%;
}
html .layout53.hot-game-list-box[data-v-fccd089b] {
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
  overflow: auto;
  background: transparent;
  padding: 0.8125rem 0.625rem 0.9375rem;
}
html .layout53.hot-game-list-box[data-v-fccd089b]::-webkit-scrollbar {
  display: none;
}
html .layout53.hot-game-list-box .hot-game-list[data-v-fccd089b] {
  display: flex;
  gap: 0.375rem;
}
html .layout53.hot-game-list-box .hot-game-list .card-wrapper[data-v-fccd089b] {
  position: relative;
  height: 100%;
}
html .layout53.hot-game-list-box .hot-game-list .card-wrapper .maintain-icon[data-v-fccd089b] {
  position: absolute;
  inset: 0;
  z-index: 10;
}
html .layout53.hot-game-list-box .hot-game-list .card[data-v-fccd089b] {
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 0;
}
html .layout53.hot-game-list-box .hot-game-list .card.style1[data-v-fccd089b],
html .layout53.hot-game-list-box .hot-game-list .card.style2[data-v-fccd089b],
html .layout53.hot-game-list-box .hot-game-list .card.style3[data-v-fccd089b] {
  width: 3.1481rem;
}
html .layout53.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b] {
  width: 0;
  height: 0;
}
html .layout53.hot-game-list-box .hot-game-list .card .img.good-img[data-v-fccd089b] {
  width: 100%;
  height: 100%;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index[data-v-fccd089b] {
  /**
   * 53 号炫彩紫抽屉的热门游戏横滑条（设计稿 node 9041:31625 → Frame 23434）。
   *
   * 卡片只给宽（50.37 = 3.1481rem），高度交给图片自身的宽高比撑——设计稿的 50.37x68
   * 正是切图 0.74 的比例，写死高度反而会在比例不同的图上变形。
   * 53 号是直角语言，卡片不留圆角。
   */
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout1.hot-game-list-box[data-v-fccd089b] {
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-block-start: 1.125rem;
  width: 100%;
  overflow: auto;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout1.hot-game-list-box[data-v-fccd089b]::-webkit-scrollbar {
  display: none;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout1.hot-game-list-box .hot-game-list[data-v-fccd089b] {
  display: flex;
  gap: 0.375rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout1.hot-game-list-box .hot-game-list .card-wrapper[data-v-fccd089b] {
  position: relative;
  height: 100%;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout1.hot-game-list-box .hot-game-list .card-wrapper .maintain-icon[data-v-fccd089b] {
  position: absolute;
  inset: 0;
  z-index: 10;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout1.hot-game-list-box .hot-game-list .card[data-v-fccd089b] {
  flex-shrink: 0;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout1.hot-game-list-box .hot-game-list .card.style1[data-v-fccd089b],
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout1.hot-game-list-box .hot-game-list .card.style2[data-v-fccd089b] {
  width: 3.1481rem;
  height: 4.25rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout1.hot-game-list-box .hot-game-list .card.style3[data-v-fccd089b] {
  width: 3.1481rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout1.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b] {
  width: 100%;
  height: 100%;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout2.hot-game-list-box[data-v-fccd089b] {
  -ms-overflow-style: none;
  scrollbar-width: none;
  --card-width: 3.425rem;
  width: 100%;
  overflow: auto;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout2.hot-game-list-box[data-v-fccd089b]::-webkit-scrollbar {
  display: none;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout2.hot-game-list-box .hot-game-list[data-v-fccd089b] {
  display: flex;
  gap: var(--gap, 1rem);
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout2.hot-game-list-box .hot-game-list .card-wrapper[data-v-fccd089b] {
  position: relative;
  height: 100%;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout2.hot-game-list-box .hot-game-list .card-wrapper .maintain-icon[data-v-fccd089b] {
  position: absolute;
  inset: 0;
  z-index: 10;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout2.hot-game-list-box .hot-game-list .card[data-v-fccd089b] {
  flex-shrink: 0;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout2.hot-game-list-box .hot-game-list .card.style1[data-v-fccd089b],
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout2.hot-game-list-box .hot-game-list .card.style2[data-v-fccd089b] {
  width: var(--card-width);
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout2.hot-game-list-box .hot-game-list .card.style3[data-v-fccd089b] {
  width: var(--card-width);
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout2.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b] {
  width: 0;
  height: 0;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout2.hot-game-list-box .hot-game-list .card .img.good-img[data-v-fccd089b] {
  width: 100%;
  height: 100%;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout3.hot-game-list-box[data-v-fccd089b] {
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
  overflow: auto;
  padding: 0.6875rem 0.75rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout3.hot-game-list-box[data-v-fccd089b]::-webkit-scrollbar {
  display: none;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout3.hot-game-list-box .hot-game-list[data-v-fccd089b] {
  display: flex;
  gap: var(--gap, 0.625rem);
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout3.hot-game-list-box .hot-game-list .card-wrapper[data-v-fccd089b] {
  position: relative;
  height: 100%;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout3.hot-game-list-box .hot-game-list .card-wrapper .maintain-icon[data-v-fccd089b] {
  position: absolute;
  inset: 0;
  z-index: 10;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout3.hot-game-list-box .hot-game-list .card[data-v-fccd089b] {
  flex-shrink: 0;
  padding: 0.125rem;
  overflow: hidden;
  position: relative;
  transform: translateX(0);
  border-radius: var(--ep-border-radius-l, 0.5rem);
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout3.hot-game-list-box .hot-game-list .card[data-v-fccd089b]::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(331deg, #FFF 2.58%, rgba(255, 255, 255, 0) 50.15%, #FFF 97.72%);
  border-radius: inherit;
  z-index: -2;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout3.hot-game-list-box .hot-game-list .card.style1[data-v-fccd089b],
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout3.hot-game-list-box .hot-game-list .card.style2[data-v-fccd089b] {
  width: 3.5rem;
  height: 4.625rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout3.hot-game-list-box .hot-game-list .card.style3[data-v-fccd089b] {
  width: 3.5rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout3.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b] {
  width: 0;
  height: 0;
  object-fit: fill;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout3.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b]::part(image) {
  border-radius: var(--ep-border-radius-l, 0.5rem);
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout3.hot-game-list-box .hot-game-list .card .img.good-img[data-v-fccd089b] {
  width: 100%;
  height: 100%;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout36.hot-game-list-box[data-v-fccd089b] {
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-block-start: 1.125rem;
  width: 100%;
  overflow: auto;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout36.hot-game-list-box[data-v-fccd089b]::-webkit-scrollbar {
  display: none;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout36.hot-game-list-box .hot-game-list[data-v-fccd089b] {
  display: flex;
  gap: 0.375rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout36.hot-game-list-box .hot-game-list .card-wrapper[data-v-fccd089b] {
  position: relative;
  height: 100%;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout36.hot-game-list-box .hot-game-list .card-wrapper .maintain-icon[data-v-fccd089b] {
  position: absolute;
  inset: 0;
  z-index: 10;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout36.hot-game-list-box .hot-game-list .card[data-v-fccd089b] {
  flex-shrink: 0;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout36.hot-game-list-box .hot-game-list .card.style1[data-v-fccd089b],
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout36.hot-game-list-box .hot-game-list .card.style2[data-v-fccd089b] {
  width: 3.75rem;
  height: 5rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout36.hot-game-list-box .hot-game-list .card.style3[data-v-fccd089b] {
  width: 3.1481rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout36.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b] {
  width: 100%;
  height: 100%;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout37.hot-game-list-box[data-v-fccd089b] {
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
  overflow: auto;
  padding: 0.6875rem 0.75rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout37.hot-game-list-box[data-v-fccd089b]::-webkit-scrollbar {
  display: none;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout37.hot-game-list-box .hot-game-list[data-v-fccd089b] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout37.hot-game-list-box .hot-game-list .card-wrapper[data-v-fccd089b] {
  position: relative;
  height: 100%;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout37.hot-game-list-box .hot-game-list .card-wrapper .maintain-icon[data-v-fccd089b] {
  position: absolute;
  inset: 0;
  z-index: 10;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout37.hot-game-list-box .hot-game-list .card[data-v-fccd089b] {
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  transform: translateX(0);
  border-radius: var(--ep-border-radius-l, 0.5rem);
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout37.hot-game-list-box .hot-game-list .card.style1[data-v-fccd089b],
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout37.hot-game-list-box .hot-game-list .card.style2[data-v-fccd089b] {
  width: 3.75rem;
  height: 5rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout37.hot-game-list-box .hot-game-list .card.style3[data-v-fccd089b] {
  width: 3.5rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout37.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b] {
  width: 0;
  height: 0;
  object-fit: fill;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout37.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b]::part(image) {
  border-radius: var(--ep-border-radius-l, 0.5rem);
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout37.hot-game-list-box .hot-game-list .card .img.good-img[data-v-fccd089b] {
  width: 100%;
  height: 100%;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout40.hot-game-list-box[data-v-fccd089b] {
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
  overflow: auto;
  padding: 0.6875rem 0.75rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout40.hot-game-list-box[data-v-fccd089b]::-webkit-scrollbar {
  display: none;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout40.hot-game-list-box .hot-game-list[data-v-fccd089b] {
  display: flex;
  gap: var(--gap, 0.625rem);
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout40.hot-game-list-box .hot-game-list .card-wrapper[data-v-fccd089b] {
  position: relative;
  height: 100%;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout40.hot-game-list-box .hot-game-list .card-wrapper .maintain-icon[data-v-fccd089b] {
  position: absolute;
  inset: 0;
  z-index: 10;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout40.hot-game-list-box .hot-game-list .card[data-v-fccd089b] {
  flex-shrink: 0;
  padding: 0 0.125rem;
  overflow: hidden;
  position: relative;
  transform: translateX(0);
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout40.hot-game-list-box .hot-game-list .card.style1[data-v-fccd089b],
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout40.hot-game-list-box .hot-game-list .card.style2[data-v-fccd089b] {
  width: 3.875rem;
  height: 4.625rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout40.hot-game-list-box .hot-game-list .card.style3[data-v-fccd089b] {
  width: 3.5rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout40.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b] {
  width: 0;
  height: 0;
  object-fit: fill;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout40.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b]::part(image) {
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout40.hot-game-list-box .hot-game-list .card .img.good-img[data-v-fccd089b] {
  width: 100%;
  height: 100%;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout46.hot-game-list-box[data-v-fccd089b] {
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
  overflow: auto;
  margin-top: 0.75rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout46.hot-game-list-box[data-v-fccd089b]::-webkit-scrollbar {
  display: none;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout46.hot-game-list-box .hot-game-list[data-v-fccd089b] {
  display: flex;
  justify-content: space-between;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout46.hot-game-list-box .hot-game-list .card-wrapper[data-v-fccd089b] {
  position: relative;
  height: 100%;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout46.hot-game-list-box .hot-game-list .card-wrapper .maintain-icon[data-v-fccd089b] {
  position: absolute;
  inset: 0;
  z-index: 10;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout46.hot-game-list-box .hot-game-list .card[data-v-fccd089b] {
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  transform: translateX(0);
  border-radius: var(--ep-border-radius-l, 0.5rem);
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout46.hot-game-list-box .hot-game-list .card.style1[data-v-fccd089b],
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout46.hot-game-list-box .hot-game-list .card.style2[data-v-fccd089b] {
  width: 3.5rem;
  height: 4.625rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout46.hot-game-list-box .hot-game-list .card.style3[data-v-fccd089b] {
  width: 3.5rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout46.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b] {
  width: 0;
  height: 0;
  object-fit: fill;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout46.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b]::part(image) {
  border-radius: var(--ep-border-radius-l, 0.5rem);
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout46.hot-game-list-box .hot-game-list .card .img.good-img[data-v-fccd089b] {
  width: 100%;
  height: 100%;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout53.hot-game-list-box[data-v-fccd089b] {
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
  overflow: auto;
  background: transparent;
  padding: 0.8125rem 0.625rem 0.9375rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout53.hot-game-list-box[data-v-fccd089b]::-webkit-scrollbar {
  display: none;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout53.hot-game-list-box .hot-game-list[data-v-fccd089b] {
  display: flex;
  gap: 0.375rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout53.hot-game-list-box .hot-game-list .card-wrapper[data-v-fccd089b] {
  position: relative;
  height: 100%;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout53.hot-game-list-box .hot-game-list .card-wrapper .maintain-icon[data-v-fccd089b] {
  position: absolute;
  inset: 0;
  z-index: 10;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout53.hot-game-list-box .hot-game-list .card[data-v-fccd089b] {
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 0;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout53.hot-game-list-box .hot-game-list .card.style1[data-v-fccd089b],
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout53.hot-game-list-box .hot-game-list .card.style2[data-v-fccd089b],
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout53.hot-game-list-box .hot-game-list .card.style3[data-v-fccd089b] {
  width: 3.1481rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout53.hot-game-list-box .hot-game-list .card .img[data-v-fccd089b] {
  width: 0;
  height: 0;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout53.hot-game-list-box .hot-game-list .card .img.good-img[data-v-fccd089b] {
  width: 100%;
  height: 100%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout26.hot-game-list-box[data-v-74bc6665] {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  margin-block-start: 0.5rem;
  position: relative;
  overflow: hidden;
  padding-right: 0.75rem;
  width: 100%;
  height: 5.75rem;
}
html .layout26.hot-game-list-box .hot-game-list-wrap[data-v-74bc6665] {
  height: 100%;
  width: 114%;
  position: absolute;
  overflow: auto;
  left: -0.675rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
html .layout26.hot-game-list-box .hot-game-list-wrap[data-v-74bc6665]::-webkit-scrollbar {
  display: none;
}
html .layout26.hot-game-list-box .hot-game-list-wrap .hot-game-list[data-v-74bc6665] {
  border-radius: var(--ep-border-radius-medium, 0.375rem);
  transform: skew(-12deg);
  display: flex;
  gap: 0.25rem;
}
html .layout26.hot-game-list-box .hot-game-list-wrap .hot-game-list .card-wrapper[data-v-74bc6665] {
  position: relative;
}
html .layout26.hot-game-list-box .hot-game-list-wrap .hot-game-list .card-wrapper .maintain-icon[data-v-74bc6665] {
  position: absolute;
  inset: 0;
  z-index: 10;
  width: 3.625rem;
  height: 5.75rem;
  overflow: hidden;
  border-radius: var(--ep-border-radius-medium, 0.375rem);
  object-fit: cover;
}
html .layout26.hot-game-list-box .hot-game-list-wrap .hot-game-list .card .img[data-v-74bc6665] {
  width: 3.625rem;
  height: 5.75rem;
  overflow: hidden;
  border-radius: var(--ep-border-radius-medium, 0.375rem);
  object-fit: cover;
  pointer-events: none;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout26.hot-game-list-box[data-v-74bc6665] {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  margin-block-start: 0.5rem;
  position: relative;
  overflow: hidden;
  padding-right: 0.75rem;
  width: 100%;
  height: 5.75rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout26.hot-game-list-box .hot-game-list-wrap[data-v-74bc6665] {
  height: 100%;
  width: 114%;
  position: absolute;
  overflow: auto;
  left: -0.675rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout26.hot-game-list-box .hot-game-list-wrap[data-v-74bc6665]::-webkit-scrollbar {
  display: none;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout26.hot-game-list-box .hot-game-list-wrap .hot-game-list[data-v-74bc6665] {
  border-radius: var(--ep-border-radius-medium, 0.375rem);
  transform: skew(-12deg);
  display: flex;
  gap: 0.25rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout26.hot-game-list-box .hot-game-list-wrap .hot-game-list .card-wrapper[data-v-74bc6665] {
  position: relative;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout26.hot-game-list-box .hot-game-list-wrap .hot-game-list .card-wrapper .maintain-icon[data-v-74bc6665] {
  position: absolute;
  inset: 0;
  z-index: 10;
  width: 3.625rem;
  height: 5.75rem;
  overflow: hidden;
  border-radius: var(--ep-border-radius-medium, 0.375rem);
  object-fit: cover;
}
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout26.hot-game-list-box .hot-game-list-wrap .hot-game-list .card .img[data-v-74bc6665] {
  width: 3.625rem;
  height: 5.75rem;
  overflow: hidden;
  border-radius: var(--ep-border-radius-medium, 0.375rem);
  object-fit: cover;
  pointer-events: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.hot-game-title[data-v-a2c96ec9] {
  display: flex;
  flex-direction: column;
}
html .layout1.hot-game-title .hot-game-icon-box[data-v-a2c96ec9] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
html .layout1.hot-game-title .hot-game-icon-box .hot-game-icon[data-v-a2c96ec9] {
  width: 1.875rem;
  height: 1.875rem;
  margin-inline-start: -0.375rem;
}
html .layout1.hot-game-title .hot-game-icon-box .label[data-v-a2c96ec9] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .layout1.hot-game-title .hot-game-intro[data-v-a2c96ec9] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-1-index .layout1.hot-game-title[data-v-a2c96ec9] {
  display: flex;
  flex-direction: column;
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-1-index .layout1.hot-game-title .hot-game-icon-box[data-v-a2c96ec9] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-1-index .layout1.hot-game-title .hot-game-icon-box .hot-game-icon[data-v-a2c96ec9] {
  width: 1.875rem;
  height: 1.875rem;
  margin-inline-start: -0.375rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-1-index .layout1.hot-game-title .hot-game-icon-box .label[data-v-a2c96ec9] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-1-index .layout1.hot-game-title .hot-game-intro[data-v-a2c96ec9] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-ca8be985] {
  /**
   * 53 号炫彩紫抽屉的热门标题（设计稿 node 9041:31625 → Frame 2131331748）。
   *
   * 三个元素（图标 / 主标题 / 副标题）在模板里是平铺的兄弟节点，设计稿要「图标+主标题」同一行、
   * 副标题另起一行，故用 flex-wrap + 副标题 `flex-basis: 100%` 强制换行，不必为一行小字改模板结构。
   *
   * 背景留空：内卡底色由父级 .layout53.hot-game-box 的 content-box 背景层统一出，
   * 这里再铺一层会盖掉卡片左上角那团品红光晕（见那边注释）。
   */
}
html .layout1.hot-game-title[data-v-ca8be985] {
  display: flex;
  flex-direction: column;
}
html .layout1.hot-game-title .hot-game-icon-box[data-v-ca8be985] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
html .layout1.hot-game-title .hot-game-icon-box .hot-game-icon[data-v-ca8be985] {
  width: 1.875rem;
  height: 1.875rem;
  margin-inline-start: -0.375rem;
}
html .layout1.hot-game-title .hot-game-icon-box .label[data-v-ca8be985] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .layout2.hot-game-title[data-v-ca8be985] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-height: 3.125rem;
  padding: 0.25rem 0.75rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout2.hot-game-title .hot-game-icon-box .hot-game-icon[data-v-ca8be985] {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
}
html .layout2.hot-game-title .label[data-v-ca8be985] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .layout39.hot-game-title[data-v-ca8be985] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-height: 3.125rem;
  padding: 0.25rem 0.75rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout39.hot-game-title .hot-game-icon-box .hot-game-icon[data-v-ca8be985] {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
  color: var(--ep-color-icon-brand-primary);
}
html .layout39.hot-game-title .hot-game-icon-box .hot-game-icon[data-v-ca8be985] .svg-fill {
  display: block;
}
html .layout39.hot-game-title .label[data-v-ca8be985] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .layout53.hot-game-title[data-v-ca8be985] {
  display: flex;
  align-items: center;
  gap: 0 0.1875rem;
  flex-wrap: wrap;
  background: transparent;
  padding: 0.5625rem 0.625rem 0;
}
html .layout53.hot-game-title .hot-game-icon-box[data-v-ca8be985] {
  display: flex;
}
html .layout53.hot-game-title .hot-game-icon-box .hot-game-icon[data-v-ca8be985] {
  width: 1.875rem;
  height: 1.875rem;
  font-size: 1.875rem;
}
html .layout53.hot-game-title .hot-game-icon-box .hot-game-icon[data-v-ca8be985] .svg-fill {
  display: block;
}
html .layout53.hot-game-title .label[data-v-ca8be985] {
  line-height: 1.3125rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .layout53.hot-game-title .sub-label[data-v-ca8be985] {
  flex-basis: 100%;
  line-height: 0.9375rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-weaker);
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index[data-v-ca8be985] {
  /**
   * 53 号炫彩紫抽屉的热门标题（设计稿 node 9041:31625 → Frame 2131331748）。
   *
   * 三个元素（图标 / 主标题 / 副标题）在模板里是平铺的兄弟节点，设计稿要「图标+主标题」同一行、
   * 副标题另起一行，故用 flex-wrap + 副标题 `flex-basis: 100%` 强制换行，不必为一行小字改模板结构。
   *
   * 背景留空：内卡底色由父级 .layout53.hot-game-box 的 content-box 背景层统一出，
   * 这里再铺一层会盖掉卡片左上角那团品红光晕（见那边注释）。
   */
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index .layout1.hot-game-title[data-v-ca8be985] {
  display: flex;
  flex-direction: column;
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index .layout1.hot-game-title .hot-game-icon-box[data-v-ca8be985] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index .layout1.hot-game-title .hot-game-icon-box .hot-game-icon[data-v-ca8be985] {
  width: 1.875rem;
  height: 1.875rem;
  margin-inline-start: -0.375rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index .layout1.hot-game-title .hot-game-icon-box .label[data-v-ca8be985] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index .layout2.hot-game-title[data-v-ca8be985] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-height: 3.125rem;
  padding: 0.25rem 0.75rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index .layout2.hot-game-title .hot-game-icon-box .hot-game-icon[data-v-ca8be985] {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index .layout2.hot-game-title .label[data-v-ca8be985] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index .layout39.hot-game-title[data-v-ca8be985] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-height: 3.125rem;
  padding: 0.25rem 0.75rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index .layout39.hot-game-title .hot-game-icon-box .hot-game-icon[data-v-ca8be985] {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
  color: var(--ep-color-icon-brand-primary);
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index .layout39.hot-game-title .hot-game-icon-box .hot-game-icon[data-v-ca8be985] .svg-fill {
  display: block;
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index .layout39.hot-game-title .label[data-v-ca8be985] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index .layout53.hot-game-title[data-v-ca8be985] {
  display: flex;
  align-items: center;
  gap: 0 0.1875rem;
  flex-wrap: wrap;
  background: transparent;
  padding: 0.5625rem 0.625rem 0;
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index .layout53.hot-game-title .hot-game-icon-box[data-v-ca8be985] {
  display: flex;
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index .layout53.hot-game-title .hot-game-icon-box .hot-game-icon[data-v-ca8be985] {
  width: 1.875rem;
  height: 1.875rem;
  font-size: 1.875rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index .layout53.hot-game-title .hot-game-icon-box .hot-game-icon[data-v-ca8be985] .svg-fill {
  display: block;
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index .layout53.hot-game-title .label[data-v-ca8be985] {
  line-height: 1.3125rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index .layout53.hot-game-title .sub-label[data-v-ca8be985] {
  flex-basis: 100%;
  line-height: 0.9375rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-weaker);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.hot-game-title[data-v-a51a4f8d] {
  margin: 0.4375rem 0.75rem 0.25rem;
  display: flex;
  align-items: center;
}
html .layout1.hot-game-title .hot-game-icon[data-v-a51a4f8d] {
  width: 1.875rem;
  height: 1.875rem;
}
html .layout1.hot-game-title .hot-game-icon-box[data-v-a51a4f8d] {
  display: flex;
  flex-direction: column;
}
html .layout1.hot-game-title .hot-game-icon-box .label[data-v-a51a4f8d] {
  line-height: 1.2;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .layout1.hot-game-title .hot-game-icon-box .intro[data-v-a51a4f8d] {
  line-height: 1.2;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
html .layout37.hot-game-title[data-v-a51a4f8d] {
  margin: 0 0.75rem 0 0.75rem;
  display: flex;
  align-items: center;
  border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-default);
  background: url('/assets/bg-game-title37-r2-CGywA6h_.png') no-repeat center center, linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-b) 0%, var(--ep-color-background-fill-gradients-secondary-a) 100%);
  background-size: 100% 100%;
}
html .layout37.hot-game-title .hot-game-icon[data-v-a51a4f8d] {
  width: 2.5rem;
  height: 2.5rem;
}
html .layout37.hot-game-title .hot-game-icon-box[data-v-a51a4f8d] {
  display: flex;
  flex-direction: column;
}
html .layout37.hot-game-title .hot-game-icon-box .label[data-v-a51a4f8d] {
  line-height: 1.2;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-inverse);
}
html .layout37.hot-game-title .hot-game-icon-box .intro[data-v-a51a4f8d] {
  line-height: 1.2;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-highlight-white-weak);
}
html .layout46.hot-game-title[data-v-a51a4f8d] {
  display: flex;
  align-items: center;
}
html .layout46.hot-game-title .hot-game-icon[data-v-a51a4f8d] {
  width: 1.875rem;
  height: 1.875rem;
}
html .layout46.hot-game-title .hot-game-icon-box[data-v-a51a4f8d] {
  display: flex;
  flex-direction: column;
}
html .layout46.hot-game-title .hot-game-icon-box .label[data-v-a51a4f8d] {
  line-height: 1.5;
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
html .layout46.hot-game-title .hot-game-icon-box .intro[data-v-a51a4f8d] {
  line-height: 1;
  font-size: var(--ep-font-size-xs);
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-weaker);
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-3-index .layout1.hot-game-title[data-v-a51a4f8d] {
  margin: 0.4375rem 0.75rem 0.25rem;
  display: flex;
  align-items: center;
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-3-index .layout1.hot-game-title .hot-game-icon[data-v-a51a4f8d] {
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-3-index .layout1.hot-game-title .hot-game-icon-box[data-v-a51a4f8d] {
  display: flex;
  flex-direction: column;
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-3-index .layout1.hot-game-title .hot-game-icon-box .label[data-v-a51a4f8d] {
  line-height: 1.2;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-3-index .layout1.hot-game-title .hot-game-icon-box .intro[data-v-a51a4f8d] {
  line-height: 1.2;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-3-index .layout37.hot-game-title[data-v-a51a4f8d] {
  margin: 0 0.75rem 0 0.75rem;
  display: flex;
  align-items: center;
  border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-default);
  background: url('/assets/bg-game-title37-r2-CGywA6h_.png') no-repeat center center, linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-b) 0%, var(--ep-color-background-fill-gradients-secondary-a) 100%);
  background-size: 100% 100%;
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-3-index .layout37.hot-game-title .hot-game-icon[data-v-a51a4f8d] {
  width: 2.5rem;
  height: 2.5rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-3-index .layout37.hot-game-title .hot-game-icon-box[data-v-a51a4f8d] {
  display: flex;
  flex-direction: column;
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-3-index .layout37.hot-game-title .hot-game-icon-box .label[data-v-a51a4f8d] {
  line-height: 1.2;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-inverse);
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-3-index .layout37.hot-game-title .hot-game-icon-box .intro[data-v-a51a4f8d] {
  line-height: 1.2;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-highlight-white-weak);
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-3-index .layout46.hot-game-title[data-v-a51a4f8d] {
  display: flex;
  align-items: center;
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-3-index .layout46.hot-game-title .hot-game-icon[data-v-a51a4f8d] {
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-3-index .layout46.hot-game-title .hot-game-icon-box[data-v-a51a4f8d] {
  display: flex;
  flex-direction: column;
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-3-index .layout46.hot-game-title .hot-game-icon-box .label[data-v-a51a4f8d] {
  line-height: 1.5;
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-hotGame-components-title-3-index .layout46.hot-game-title .hot-game-icon-box .intro[data-v-a51a4f8d] {
  line-height: 1;
  font-size: var(--ep-font-size-xs);
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-weaker);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout44.hot-game-title[data-v-259c2869] {
  display: flex;
}
.layout44.hot-game-title .background[data-v-259c2869] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.layout44.hot-game-title .hot-game-icon[data-v-259c2869] {
  width: 1.875rem;
  height: 1.875rem;
  margin-inline-start: -0.375rem;
}
.layout44.hot-game-title .hot-game-icon-box[data-v-259c2869] {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.layout44.hot-game-title .hot-game-icon-box .label[data-v-259c2869] {
  line-height: 1;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
.layout44.hot-game-title .hot-game-intro[data-v-259c2869] {
  line-height: 1;
  font-size: var(--ep-font-size-xs, 0.625rem);
  color: var(--ep-color-text-weaker);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .language[data-v-c1332764] {
  padding: 0.75rem 0.875rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .language .language-inner[data-v-c1332764] {
  display: flex;
  align-items: center;
}
html .language .language-inner .language-logo[data-v-c1332764] {
  font-size: var(--ep-font-size-m, 0.875rem);
  border-radius: 50%;
}
html .language .language-inner .language-text[data-v-c1332764] {
  margin-inline-start: 0.4125rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .language .arrow-icon[data-v-c1332764] {
  padding: 0.3125rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  border-radius: var(--ep-border-radius-xl, 0.625rem);
  background: var(--ep-color-icon-brand-primary);
  color: var(--ep-color-icon-inverse);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-c7cc32dc] {
  /**
   * 53 号炫彩紫抽屉的活动两列（设计稿 node 9041:31625 →「活动」）。
   *
   * 和 47 号那版的差别只在四处：底色从 raised-L1 换到 raised-L2、圆角清零（53 号是直角语言）、
   * 文案改 10px 常规字重的 60% 白、标签统一大写。外层那圈 #362859 描边和 10 的内边距不在这里，
   * 是配置给 activityList 容器的内联样式（见 theme-53.ts 的抽屉块）。
   */
  /**
   * 53 号炫彩紫抽屉的活动两列（设计稿 node 9041:31625 →「活动」）。
   *
   * 和 47 号那版的差别只在四处：底色从 raised-L1 换到 raised-L2、圆角清零（53 号是直角语言）、
   * 文案改 10px 常规字重的 60% 白、标签统一大写。外层那圈 #362859 描边和 10 的内边距不在这里，
   * 是配置给 activityList 容器的内联样式（见 theme-53.ts 的抽屉块）。
   */
}
html .layout1.activity-list[data-v-c7cc32dc] {
  display: flex;
  flex-flow: row wrap;
  gap: 0.75rem;
  background: transparent;
}
html .layout1.activity-list .activity-box[data-v-c7cc32dc] {
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
  min-height: 2.125rem;
  margin: var(--item-margin, none);
  padding: var(--item-padding, 0.3125rem 0.625rem);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-xl, 0.625rem);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout1.activity-list .activity-box[data-v-c7cc32dc]:last-child:nth-child(odd) {
  flex-basis: var(--item-flex-basis, calc(50% - 0.375rem));
}
html .layout1.activity-list .activity-box .activity-img[data-v-c7cc32dc] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
html .layout1.activity-list .activity-box .activity-img.good-img[data-v-c7cc32dc] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout1.activity-list .activity-box .label[data-v-c7cc32dc] {
  width: 0;
  flex: 1;
  font-size: var(--ep-font-size-s, 0.75);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .layout2.activity-list[data-v-c7cc32dc] {
  --list-gap: 0.75rem;
  display: flex;
  flex-flow: row wrap;
  gap: 0.75rem;
  background: transparent;
}
html .layout2.activity-list .activity-box[data-v-c7cc32dc] {
  flex: 0 0 calc((100% - 2 * var(--list-gap)) / 3);
  min-height: 2.625rem;
  padding: 0.5625rem 0.625rem;
  display: flex;
  align-items: center;
  border-radius: var(--ep-border-radius-surface-default, 0);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout2.activity-list .activity-box[data-v-c7cc32dc]:nth-child(1),
html .layout2.activity-list .activity-box[data-v-c7cc32dc]:nth-child(2) {
  flex-basis: calc((100% - var(--list-gap)) / 2);
}
html .layout2.activity-list .activity-box .activity-img[data-v-c7cc32dc] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
html .layout2.activity-list .activity-box .activity-img.good-img[data-v-c7cc32dc] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout2.activity-list .activity-box .label[data-v-c7cc32dc] {
  width: 0;
  flex: 1;
  font-size: var(--ep-font-size-s, 0.75);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .layout3.activity-list[data-v-c7cc32dc] {
  --list-gap: 0.75rem;
  display: flex;
  flex-flow: row wrap;
  gap: var(--list-gap);
  background: transparent;
}
html .layout3.activity-list .activity-box[data-v-c7cc32dc] {
  flex: 0 0 calc((100% - var(--list-gap)) / 2);
  min-height: 2.5rem;
  padding: 0.25rem 0.875rem;
  margin: var(--item-margin, none);
  display: flex;
  align-items: center;
  position: relative;
}
html .layout3.activity-list .activity-box[data-v-c7cc32dc]::before {
  content: '';
  pointer-events: none;
  position: absolute;
  inset: 0;
  z-index: -1;
  transform: skewX(165deg);
  background: var(--ep-dynamic-secondary);
  border-radius: var(--ep-border-radius-surface-default, 0);
}
html .layout3.activity-list .activity-box .activity-img[data-v-c7cc32dc] {
  order: 3;
  flex-shrink: 0;
  width: 0;
  height: 0;
}
html .layout3.activity-list .activity-box .activity-img.good-img[data-v-c7cc32dc] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout3.activity-list .activity-box .label[data-v-c7cc32dc] {
  order: 2;
  width: 0;
  flex: 1;
  font-size: var(--ep-font-size-s, 0.75);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .layout39.activity-list[data-v-c7cc32dc] {
  display: flex;
  flex-flow: row wrap;
  gap: 0.75rem;
  background: transparent;
}
html .layout39.activity-list .activity-box[data-v-c7cc32dc] {
  width: 11.1875rem;
  height: 3rem;
  padding: 0 0.5625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--ep-border-radius-m, 0.625rem);
  background: url('/assets/activity-list-bg-r2-bSWqkpgp.png') no-repeat center center;
  background-size: 100% 100%;
}
html .layout39.activity-list .activity-box[data-v-c7cc32dc]:last-child:nth-child(odd) {
  flex-basis: var(--item-flex-basis, calc(50% - 0.375rem));
}
html .layout39.activity-list .activity-box .activity-img[data-v-c7cc32dc] {
  flex-shrink: 0;
  width: 0;
  height: 0;
  order: 2;
}
html .layout39.activity-list .activity-box .activity-img.good-img[data-v-c7cc32dc] {
  width: 3rem;
  height: 3rem;
}
html .layout39.activity-list .activity-box .label[data-v-c7cc32dc] {
  width: 0;
  flex: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight-white);
  order: 1;
}
html .layout42.activity-list[data-v-c7cc32dc] {
  display: flex;
  flex-flow: row wrap;
  gap: 0.75rem;
  background: transparent;
}
html .layout42.activity-list .activity-box[data-v-c7cc32dc] {
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
  min-height: 2.125rem;
  margin: var(--item-margin, none);
  padding: var(--item-padding, 0.3125rem 0.625rem);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-xl, 0.625rem);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout42.activity-list .activity-box[data-v-c7cc32dc]:last-child:nth-child(odd) {
  flex-basis: var(--item-flex-basis, calc(50% - 0.375rem));
}
html .layout42.activity-list .activity-box .activity-img[data-v-c7cc32dc] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
html .layout42.activity-list .activity-box .activity-img.good-img[data-v-c7cc32dc] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout42.activity-list .activity-box .label[data-v-c7cc32dc] {
  width: 0;
  flex: 1;
  font-size: var(--ep-font-size-xs);
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-weak);
}
html .layout47.activity-list[data-v-c7cc32dc] {
  gap: 0.375rem;
  display: flex;
  flex-flow: row wrap;
  background: transparent;
  --item-flex-basis: calc(50% - 0.1875rem);
}
html .layout47.activity-list .activity-box[data-v-c7cc32dc] {
  gap: 0.375rem;
  display: flex;
  background: var(--ep-color-background-fill-surface-raised-L1);
  padding: 0.375rem;
  align-items: center;
  min-height: 2.125rem;
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
}
html .layout47.activity-list .activity-box[data-v-c7cc32dc]:last-child:nth-child(odd) {
  flex-basis: var(--item-flex-basis, calc(50% - 0.375rem));
}
html .layout47.activity-list .activity-box .activity-img[data-v-c7cc32dc] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
html .layout47.activity-list .activity-box .activity-img.good-img[data-v-c7cc32dc] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout47.activity-list .activity-box .label[data-v-c7cc32dc] {
  flex: 1;
  width: 0;
  font-size: var(--ep-font-size-m, 0.75rem);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-weaker);
}
html .layout46.activity-list[data-v-c7cc32dc] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background: transparent;
}
html .layout46.activity-list .activity-box[data-v-c7cc32dc] {
  height: 2.625rem;
  padding: 0.5rem 0.625rem 0.625rem 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-m);
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout46.activity-list .activity-box .activity-img[data-v-c7cc32dc] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
html .layout46.activity-list .activity-box .activity-img.good-img[data-v-c7cc32dc] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout46.activity-list .activity-box .label[data-v-c7cc32dc] {
  flex: 1;
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
html .layout53.activity-list[data-v-c7cc32dc] {
  gap: 0.375rem;
  display: flex;
  flex-flow: row wrap;
  background: transparent;
  --item-flex-basis: calc(50% - 0.1875rem);
}
html .layout53.activity-list .activity-box[data-v-c7cc32dc] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  min-height: 2.25rem;
  border-radius: 0;
  padding: 0.3125rem 0.375rem;
  background: var(--ep-color-background-fill-surface-raised-L2);
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
}
html .layout53.activity-list .activity-box[data-v-c7cc32dc]:last-child:nth-child(odd) {
  flex-basis: var(--item-flex-basis, calc(50% - 0.375rem));
}
html .layout53.activity-list .activity-box .activity-img[data-v-c7cc32dc] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
html .layout53.activity-list .activity-box .activity-img.good-img[data-v-c7cc32dc] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout53.activity-list .activity-box .label[data-v-c7cc32dc] {
  flex: 1;
  width: 0;
  line-height: 0.9375rem;
  text-transform: uppercase;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
html .layout53.activity-list[data-v-c7cc32dc] {
  gap: 0.375rem;
  display: flex;
  flex-flow: row wrap;
  background: transparent;
  --item-flex-basis: calc(50% - 0.1875rem);
}
html .layout53.activity-list .activity-box[data-v-c7cc32dc] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  min-height: 2.25rem;
  border-radius: 0;
  padding: 0.3125rem 0.375rem;
  background: var(--ep-color-background-fill-surface-raised-L2);
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
}
html .layout53.activity-list .activity-box[data-v-c7cc32dc]:last-child:nth-child(odd) {
  flex-basis: var(--item-flex-basis, calc(50% - 0.375rem));
}
html .layout53.activity-list .activity-box .activity-img[data-v-c7cc32dc] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
html .layout53.activity-list .activity-box .activity-img.good-img[data-v-c7cc32dc] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout53.activity-list .activity-box .label[data-v-c7cc32dc] {
  flex: 1;
  width: 0;
  line-height: 0.9375rem;
  text-transform: uppercase;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
#tabbar-components-DrawerLeft-components-activityList2-1-index[data-v-c7cc32dc] {
  /**
   * 53 号炫彩紫抽屉的活动两列（设计稿 node 9041:31625 →「活动」）。
   *
   * 和 47 号那版的差别只在四处：底色从 raised-L1 换到 raised-L2、圆角清零（53 号是直角语言）、
   * 文案改 10px 常规字重的 60% 白、标签统一大写。外层那圈 #362859 描边和 10 的内边距不在这里，
   * 是配置给 activityList 容器的内联样式（见 theme-53.ts 的抽屉块）。
   */
  /**
   * 53 号炫彩紫抽屉的活动两列（设计稿 node 9041:31625 →「活动」）。
   *
   * 和 47 号那版的差别只在四处：底色从 raised-L1 换到 raised-L2、圆角清零（53 号是直角语言）、
   * 文案改 10px 常规字重的 60% 白、标签统一大写。外层那圈 #362859 描边和 10 的内边距不在这里，
   * 是配置给 activityList 容器的内联样式（见 theme-53.ts 的抽屉块）。
   */
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout1.activity-list[data-v-c7cc32dc] {
  display: flex;
  flex-flow: row wrap;
  gap: 0.75rem;
  background: transparent;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout1.activity-list .activity-box[data-v-c7cc32dc] {
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
  min-height: 2.125rem;
  margin: var(--item-margin, none);
  padding: var(--item-padding, 0.3125rem 0.625rem);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-xl, 0.625rem);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout1.activity-list .activity-box[data-v-c7cc32dc]:last-child:nth-child(odd) {
  flex-basis: var(--item-flex-basis, calc(50% - 0.375rem));
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout1.activity-list .activity-box .activity-img[data-v-c7cc32dc] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout1.activity-list .activity-box .activity-img.good-img[data-v-c7cc32dc] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout1.activity-list .activity-box .label[data-v-c7cc32dc] {
  width: 0;
  flex: 1;
  font-size: var(--ep-font-size-s, 0.75);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout2.activity-list[data-v-c7cc32dc] {
  --list-gap: 0.75rem;
  display: flex;
  flex-flow: row wrap;
  gap: 0.75rem;
  background: transparent;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout2.activity-list .activity-box[data-v-c7cc32dc] {
  flex: 0 0 calc((100% - 2 * var(--list-gap)) / 3);
  min-height: 2.625rem;
  padding: 0.5625rem 0.625rem;
  display: flex;
  align-items: center;
  border-radius: var(--ep-border-radius-surface-default, 0);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout2.activity-list .activity-box[data-v-c7cc32dc]:nth-child(1),
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout2.activity-list .activity-box[data-v-c7cc32dc]:nth-child(2) {
  flex-basis: calc((100% - var(--list-gap)) / 2);
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout2.activity-list .activity-box .activity-img[data-v-c7cc32dc] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout2.activity-list .activity-box .activity-img.good-img[data-v-c7cc32dc] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout2.activity-list .activity-box .label[data-v-c7cc32dc] {
  width: 0;
  flex: 1;
  font-size: var(--ep-font-size-s, 0.75);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout3.activity-list[data-v-c7cc32dc] {
  --list-gap: 0.75rem;
  display: flex;
  flex-flow: row wrap;
  gap: var(--list-gap);
  background: transparent;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout3.activity-list .activity-box[data-v-c7cc32dc] {
  flex: 0 0 calc((100% - var(--list-gap)) / 2);
  min-height: 2.5rem;
  padding: 0.25rem 0.875rem;
  margin: var(--item-margin, none);
  display: flex;
  align-items: center;
  position: relative;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout3.activity-list .activity-box[data-v-c7cc32dc]::before {
  content: '';
  pointer-events: none;
  position: absolute;
  inset: 0;
  z-index: -1;
  transform: skewX(165deg);
  background: var(--ep-dynamic-secondary);
  border-radius: var(--ep-border-radius-surface-default, 0);
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout3.activity-list .activity-box .activity-img[data-v-c7cc32dc] {
  order: 3;
  flex-shrink: 0;
  width: 0;
  height: 0;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout3.activity-list .activity-box .activity-img.good-img[data-v-c7cc32dc] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout3.activity-list .activity-box .label[data-v-c7cc32dc] {
  order: 2;
  width: 0;
  flex: 1;
  font-size: var(--ep-font-size-s, 0.75);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout39.activity-list[data-v-c7cc32dc] {
  display: flex;
  flex-flow: row wrap;
  gap: 0.75rem;
  background: transparent;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout39.activity-list .activity-box[data-v-c7cc32dc] {
  width: 11.1875rem;
  height: 3rem;
  padding: 0 0.5625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--ep-border-radius-m, 0.625rem);
  background: url('/assets/activity-list-bg-r2-bSWqkpgp.png') no-repeat center center;
  background-size: 100% 100%;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout39.activity-list .activity-box[data-v-c7cc32dc]:last-child:nth-child(odd) {
  flex-basis: var(--item-flex-basis, calc(50% - 0.375rem));
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout39.activity-list .activity-box .activity-img[data-v-c7cc32dc] {
  flex-shrink: 0;
  width: 0;
  height: 0;
  order: 2;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout39.activity-list .activity-box .activity-img.good-img[data-v-c7cc32dc] {
  width: 3rem;
  height: 3rem;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout39.activity-list .activity-box .label[data-v-c7cc32dc] {
  width: 0;
  flex: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight-white);
  order: 1;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout42.activity-list[data-v-c7cc32dc] {
  display: flex;
  flex-flow: row wrap;
  gap: 0.75rem;
  background: transparent;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout42.activity-list .activity-box[data-v-c7cc32dc] {
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
  min-height: 2.125rem;
  margin: var(--item-margin, none);
  padding: var(--item-padding, 0.3125rem 0.625rem);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-xl, 0.625rem);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout42.activity-list .activity-box[data-v-c7cc32dc]:last-child:nth-child(odd) {
  flex-basis: var(--item-flex-basis, calc(50% - 0.375rem));
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout42.activity-list .activity-box .activity-img[data-v-c7cc32dc] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout42.activity-list .activity-box .activity-img.good-img[data-v-c7cc32dc] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout42.activity-list .activity-box .label[data-v-c7cc32dc] {
  width: 0;
  flex: 1;
  font-size: var(--ep-font-size-xs);
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-weak);
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout47.activity-list[data-v-c7cc32dc] {
  gap: 0.375rem;
  display: flex;
  flex-flow: row wrap;
  background: transparent;
  --item-flex-basis: calc(50% - 0.1875rem);
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout47.activity-list .activity-box[data-v-c7cc32dc] {
  gap: 0.375rem;
  display: flex;
  background: var(--ep-color-background-fill-surface-raised-L1);
  padding: 0.375rem;
  align-items: center;
  min-height: 2.125rem;
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout47.activity-list .activity-box[data-v-c7cc32dc]:last-child:nth-child(odd) {
  flex-basis: var(--item-flex-basis, calc(50% - 0.375rem));
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout47.activity-list .activity-box .activity-img[data-v-c7cc32dc] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout47.activity-list .activity-box .activity-img.good-img[data-v-c7cc32dc] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout47.activity-list .activity-box .label[data-v-c7cc32dc] {
  flex: 1;
  width: 0;
  font-size: var(--ep-font-size-m, 0.75rem);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-weaker);
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout46.activity-list[data-v-c7cc32dc] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background: transparent;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout46.activity-list .activity-box[data-v-c7cc32dc] {
  height: 2.625rem;
  padding: 0.5rem 0.625rem 0.625rem 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-m);
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout46.activity-list .activity-box .activity-img[data-v-c7cc32dc] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout46.activity-list .activity-box .activity-img.good-img[data-v-c7cc32dc] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout46.activity-list .activity-box .label[data-v-c7cc32dc] {
  flex: 1;
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout53.activity-list[data-v-c7cc32dc] {
  gap: 0.375rem;
  display: flex;
  flex-flow: row wrap;
  background: transparent;
  --item-flex-basis: calc(50% - 0.1875rem);
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout53.activity-list .activity-box[data-v-c7cc32dc] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  min-height: 2.25rem;
  border-radius: 0;
  padding: 0.3125rem 0.375rem;
  background: var(--ep-color-background-fill-surface-raised-L2);
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout53.activity-list .activity-box[data-v-c7cc32dc]:last-child:nth-child(odd) {
  flex-basis: var(--item-flex-basis, calc(50% - 0.375rem));
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout53.activity-list .activity-box .activity-img[data-v-c7cc32dc] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout53.activity-list .activity-box .activity-img.good-img[data-v-c7cc32dc] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout53.activity-list .activity-box .label[data-v-c7cc32dc] {
  flex: 1;
  width: 0;
  line-height: 0.9375rem;
  text-transform: uppercase;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout53.activity-list[data-v-c7cc32dc] {
  gap: 0.375rem;
  display: flex;
  flex-flow: row wrap;
  background: transparent;
  --item-flex-basis: calc(50% - 0.1875rem);
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout53.activity-list .activity-box[data-v-c7cc32dc] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  min-height: 2.25rem;
  border-radius: 0;
  padding: 0.3125rem 0.375rem;
  background: var(--ep-color-background-fill-surface-raised-L2);
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout53.activity-list .activity-box[data-v-c7cc32dc]:last-child:nth-child(odd) {
  flex-basis: var(--item-flex-basis, calc(50% - 0.375rem));
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout53.activity-list .activity-box .activity-img[data-v-c7cc32dc] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout53.activity-list .activity-box .activity-img.good-img[data-v-c7cc32dc] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout53.activity-list .activity-box .label[data-v-c7cc32dc] {
  flex: 1;
  width: 0;
  line-height: 0.9375rem;
  text-transform: uppercase;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .activity-title[data-v-fc9f4f89] {
  font-size: var(--ep-font-size-m, 0.875rem);
  color: var(--ep-color-text-weak);
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
html .layout25.activity-list[data-v-fc9f4f89] {
  display: flex;
  flex-flow: row wrap;
  gap: 0.75rem;
}
html .layout25.activity-list .activity-box[data-v-fc9f4f89] {
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
  margin: var(--item-margin, none);
  padding: var(--item-padding, 0.3125rem);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L2);
  border-style: var(--border-style, solid);
  border-width: var(--border-width, 0.0625rem);
  border-color: var(--ep-color-border-default);
}
html .layout25.activity-list .activity-box .activity-content[data-v-fc9f4f89] {
  min-height: 2.125rem;
  gap: 0.375rem;
  display: flex;
  align-items: center;
}
html .layout25.activity-list .activity-box .activity-content[data-v-fc9f4f89]:last-child:nth-child(odd) {
  flex-basis: var(--item-flex-basis, calc(50% - 0.375rem));
}
html .layout25.activity-list .activity-box .activity-content .activity-img[data-v-fc9f4f89] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
html .layout25.activity-list .activity-box .activity-content .activity-img.good-img[data-v-fc9f4f89] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout25.activity-list .activity-box .activity-content .label[data-v-fc9f4f89] {
  width: 0;
  flex: 1;
  font-size: var(--ep-font-size-s, 0.75);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .layout25.activity-list .activity-box .activity-button[data-v-fc9f4f89] {
  display: flex;
  justify-content: flex-end;
}
html .layout25.activity-list .activity-box .activity-button button[data-v-fc9f4f89] {
  padding: 0.25rem 0.625rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  background: var(--ep-dynamic-primary);
  border: 1px solid var(--ep-color-border-brand);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  color: var(--ep-color-text-inverse);
  font-weight: var(--ep-font-weight-medium, 600);
}
html .activity-title[data-v-fc9f4f89] {
  opacity: 0;
  margin: 0;
}
html .layout36.activity-list[data-v-fc9f4f89] {
  display: flex;
  flex-flow: row wrap;
  padding: 0 0.75rem 0.75rem;
  gap: 1rem;
}
html .layout36.activity-list .activity-box[data-v-fc9f4f89] {
  width: 100%;
  display: flex;
  align-items: center;
  margin: var(--item-margin, none);
  padding: 0.25rem 0.625rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L2);
  border-style: var(--border-style, solid);
  border-width: var(--border-width, 0.0625rem);
  border-color: var(--ep-color-border-default);
}
html .layout36.activity-list .activity-box .activity-content[data-v-fc9f4f89] {
  flex: 1;
  min-height: 2rem;
  gap: 0.375rem;
  display: flex;
  align-items: center;
}
html .layout36.activity-list .activity-box .activity-content[data-v-fc9f4f89]:last-child:nth-child(odd) {
  flex-basis: var(--item-flex-basis, calc(50% - 0.375rem));
}
html .layout36.activity-list .activity-box .activity-content .activity-img[data-v-fc9f4f89] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
html .layout36.activity-list .activity-box .activity-content .activity-img.good-img[data-v-fc9f4f89] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout36.activity-list .activity-box .activity-content .label[data-v-fc9f4f89] {
  width: 0;
  flex: 1;
  font-size: var(--ep-font-size-s, 0.75);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .layout36.activity-list .activity-box .activity-button[data-v-fc9f4f89] {
  display: flex;
  justify-content: flex-end;
}
html .layout36.activity-list .activity-box .activity-button button[data-v-fc9f4f89] {
  padding: 0.25rem 0.625rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  background: var(--ep-dynamic-primary);
  border: 1px solid var(--ep-color-border-brand);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  color: var(--ep-color-text-inverse);
  font-weight: var(--ep-font-weight-medium, 600);
}
html .activity-title[data-v-fc9f4f89] {
  display: none;
}
html .layout46.activity-list[data-v-fc9f4f89] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
html .layout46.activity-list .activity-box[data-v-fc9f4f89] {
  height: 2.625rem;
  padding: 0.5rem 0.625rem 0.625rem 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-m);
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout46.activity-list .activity-box .activity-content[data-v-fc9f4f89] {
  min-height: 2.125rem;
  gap: 0.375rem;
  display: flex;
  align-items: center;
}
html .layout46.activity-list .activity-box .activity-content[data-v-fc9f4f89]:last-child:nth-child(odd) {
  flex-basis: var(--item-flex-basis, calc(50% - 0.375rem));
}
html .layout46.activity-list .activity-box .activity-content .activity-img[data-v-fc9f4f89] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
html .layout46.activity-list .activity-box .activity-content .activity-img.good-img[data-v-fc9f4f89] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout46.activity-list .activity-box .activity-content .label[data-v-fc9f4f89] {
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
html .layout46.activity-list .activity-box .activity-button button[data-v-fc9f4f89] {
  padding: 0.25rem 0.625rem;
  font-size: var(--ep-font-size-xs);
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) -27.5%, var(--ep-color-background-fill-gradients-primary-b) 127.5%);
  border: 0.0625rem solid var(--ep-color-border-brand);
  border-radius: var(--ep-border-radius-m);
  color: var(--ep-color-text-default);
  font-weight: var(--ep-font-weight-medium);
}
#tabbar-components-DrawerLeft-components-activityList-25-index .activity-title[data-v-fc9f4f89] {
  font-size: var(--ep-font-size-m, 0.875rem);
  color: var(--ep-color-text-weak);
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout25.activity-list[data-v-fc9f4f89] {
  display: flex;
  flex-flow: row wrap;
  gap: 0.75rem;
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout25.activity-list .activity-box[data-v-fc9f4f89] {
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
  margin: var(--item-margin, none);
  padding: var(--item-padding, 0.3125rem);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L2);
  border-style: var(--border-style, solid);
  border-width: var(--border-width, 0.0625rem);
  border-color: var(--ep-color-border-default);
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout25.activity-list .activity-box .activity-content[data-v-fc9f4f89] {
  min-height: 2.125rem;
  gap: 0.375rem;
  display: flex;
  align-items: center;
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout25.activity-list .activity-box .activity-content[data-v-fc9f4f89]:last-child:nth-child(odd) {
  flex-basis: var(--item-flex-basis, calc(50% - 0.375rem));
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout25.activity-list .activity-box .activity-content .activity-img[data-v-fc9f4f89] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout25.activity-list .activity-box .activity-content .activity-img.good-img[data-v-fc9f4f89] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout25.activity-list .activity-box .activity-content .label[data-v-fc9f4f89] {
  width: 0;
  flex: 1;
  font-size: var(--ep-font-size-s, 0.75);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout25.activity-list .activity-box .activity-button[data-v-fc9f4f89] {
  display: flex;
  justify-content: flex-end;
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout25.activity-list .activity-box .activity-button button[data-v-fc9f4f89] {
  padding: 0.25rem 0.625rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  background: var(--ep-dynamic-primary);
  border: 1px solid var(--ep-color-border-brand);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  color: var(--ep-color-text-inverse);
  font-weight: var(--ep-font-weight-medium, 600);
}
#tabbar-components-DrawerLeft-components-activityList-25-index .activity-title[data-v-fc9f4f89] {
  opacity: 0;
  margin: 0;
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout36.activity-list[data-v-fc9f4f89] {
  display: flex;
  flex-flow: row wrap;
  padding: 0 0.75rem 0.75rem;
  gap: 1rem;
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout36.activity-list .activity-box[data-v-fc9f4f89] {
  width: 100%;
  display: flex;
  align-items: center;
  margin: var(--item-margin, none);
  padding: 0.25rem 0.625rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L2);
  border-style: var(--border-style, solid);
  border-width: var(--border-width, 0.0625rem);
  border-color: var(--ep-color-border-default);
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout36.activity-list .activity-box .activity-content[data-v-fc9f4f89] {
  flex: 1;
  min-height: 2rem;
  gap: 0.375rem;
  display: flex;
  align-items: center;
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout36.activity-list .activity-box .activity-content[data-v-fc9f4f89]:last-child:nth-child(odd) {
  flex-basis: var(--item-flex-basis, calc(50% - 0.375rem));
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout36.activity-list .activity-box .activity-content .activity-img[data-v-fc9f4f89] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout36.activity-list .activity-box .activity-content .activity-img.good-img[data-v-fc9f4f89] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout36.activity-list .activity-box .activity-content .label[data-v-fc9f4f89] {
  width: 0;
  flex: 1;
  font-size: var(--ep-font-size-s, 0.75);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout36.activity-list .activity-box .activity-button[data-v-fc9f4f89] {
  display: flex;
  justify-content: flex-end;
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout36.activity-list .activity-box .activity-button button[data-v-fc9f4f89] {
  padding: 0.25rem 0.625rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  background: var(--ep-dynamic-primary);
  border: 1px solid var(--ep-color-border-brand);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  color: var(--ep-color-text-inverse);
  font-weight: var(--ep-font-weight-medium, 600);
}
#tabbar-components-DrawerLeft-components-activityList-25-index .activity-title[data-v-fc9f4f89] {
  display: none;
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout46.activity-list[data-v-fc9f4f89] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout46.activity-list .activity-box[data-v-fc9f4f89] {
  height: 2.625rem;
  padding: 0.5rem 0.625rem 0.625rem 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-m);
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout46.activity-list .activity-box .activity-content[data-v-fc9f4f89] {
  min-height: 2.125rem;
  gap: 0.375rem;
  display: flex;
  align-items: center;
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout46.activity-list .activity-box .activity-content[data-v-fc9f4f89]:last-child:nth-child(odd) {
  flex-basis: var(--item-flex-basis, calc(50% - 0.375rem));
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout46.activity-list .activity-box .activity-content .activity-img[data-v-fc9f4f89] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout46.activity-list .activity-box .activity-content .activity-img.good-img[data-v-fc9f4f89] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout46.activity-list .activity-box .activity-content .label[data-v-fc9f4f89] {
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-activityList-25-index .layout46.activity-list .activity-box .activity-button button[data-v-fc9f4f89] {
  padding: 0.25rem 0.625rem;
  font-size: var(--ep-font-size-xs);
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) -27.5%, var(--ep-color-background-fill-gradients-primary-b) 127.5%);
  border: 0.0625rem solid var(--ep-color-border-brand);
  border-radius: var(--ep-border-radius-m);
  color: var(--ep-color-text-default);
  font-weight: var(--ep-font-weight-medium);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.drawer-activity-icon-bg[data-v-0f10589d] {
  height: 100%;
  aspect-ratio: 16/17;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .activity-title[data-v-b7d1989f] {
  font-size: var(--ep-font-size-m, 0.875rem);
  color: var(--ep-color-text-weak);
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
html .layout26.activity-list[data-v-b7d1989f] {
  display: flex;
  flex-flow: row wrap;
  gap: 0.25rem 0.75rem;
}
html .layout26.activity-list .activity-box[data-v-b7d1989f] {
  position: relative;
  margin: var(--item-margin, none);
  padding: var(--item-padding, 0.3125rem 0 0.3125rem 0.3125rem);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  width: calc(50% - 0.375rem);
}
html .layout26.activity-list .activity-box .drawer-activity-icon-bg[data-v-b7d1989f] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
html .layout26.activity-list .activity-box .activity-content[data-v-b7d1989f] {
  display: flex;
  align-items: center;
}
html .layout26.activity-list .activity-box .activity-content[data-v-b7d1989f]:last-child:nth-child(odd) {
  flex-basis: var(--item-flex-basis, calc(50% - 0.375rem));
}
html .layout26.activity-list .activity-box .activity-content .activity-img[data-v-b7d1989f] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
html .layout26.activity-list .activity-box .activity-content .activity-img.good-img[data-v-b7d1989f] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout26.activity-list .activity-box .activity-content .label[data-v-b7d1989f] {
  position: relative;
  z-index: -1;
  width: 100%;
  margin-left: -1rem;
  background: var(--ep-color-background-fill-surface-raised-L2);
  color: var(--ep-color-text-weak);
  padding: 0.125rem 0.25rem 0.125rem 1.375rem;
  font-size: var(--ep-font-size-s, 0.75);
  border-radius: 0 var(--ep-border-radius-m, 0.375rem) var(--ep-border-radius-m, 0.375rem) 0;
}
html .layout26.activity-list .activity-box .activity-button[data-v-b7d1989f] {
  display: flex;
  justify-content: flex-end;
}
html .layout26.activity-list .activity-box .activity-button button[data-v-b7d1989f] {
  padding: 0.25rem 0.625rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  background: var(--ep-dynamic-primary);
  border: 1px solid var(--ep-color-border-brand);
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
#tabbar-components-DrawerLeft-components-activityList-26-index .activity-title[data-v-b7d1989f] {
  font-size: var(--ep-font-size-m, 0.875rem);
  color: var(--ep-color-text-weak);
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
#tabbar-components-DrawerLeft-components-activityList-26-index .layout26.activity-list[data-v-b7d1989f] {
  display: flex;
  flex-flow: row wrap;
  gap: 0.25rem 0.75rem;
}
#tabbar-components-DrawerLeft-components-activityList-26-index .layout26.activity-list .activity-box[data-v-b7d1989f] {
  position: relative;
  margin: var(--item-margin, none);
  padding: var(--item-padding, 0.3125rem 0 0.3125rem 0.3125rem);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  width: calc(50% - 0.375rem);
}
#tabbar-components-DrawerLeft-components-activityList-26-index .layout26.activity-list .activity-box .drawer-activity-icon-bg[data-v-b7d1989f] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#tabbar-components-DrawerLeft-components-activityList-26-index .layout26.activity-list .activity-box .activity-content[data-v-b7d1989f] {
  display: flex;
  align-items: center;
}
#tabbar-components-DrawerLeft-components-activityList-26-index .layout26.activity-list .activity-box .activity-content[data-v-b7d1989f]:last-child:nth-child(odd) {
  flex-basis: var(--item-flex-basis, calc(50% - 0.375rem));
}
#tabbar-components-DrawerLeft-components-activityList-26-index .layout26.activity-list .activity-box .activity-content .activity-img[data-v-b7d1989f] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
#tabbar-components-DrawerLeft-components-activityList-26-index .layout26.activity-list .activity-box .activity-content .activity-img.good-img[data-v-b7d1989f] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-components-DrawerLeft-components-activityList-26-index .layout26.activity-list .activity-box .activity-content .label[data-v-b7d1989f] {
  position: relative;
  z-index: -1;
  width: 100%;
  margin-left: -1rem;
  background: var(--ep-color-background-fill-surface-raised-L2);
  color: var(--ep-color-text-weak);
  padding: 0.125rem 0.25rem 0.125rem 1.375rem;
  font-size: var(--ep-font-size-s, 0.75);
  border-radius: 0 var(--ep-border-radius-m, 0.375rem) var(--ep-border-radius-m, 0.375rem) 0;
}
#tabbar-components-DrawerLeft-components-activityList-26-index .layout26.activity-list .activity-box .activity-button[data-v-b7d1989f] {
  display: flex;
  justify-content: flex-end;
}
#tabbar-components-DrawerLeft-components-activityList-26-index .layout26.activity-list .activity-box .activity-button button[data-v-b7d1989f] {
  padding: 0.25rem 0.625rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  background: var(--ep-dynamic-primary);
  border: 1px solid var(--ep-color-border-brand);
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.activity-list[data-v-6813f82e] {
  --list-gap: 0.625rem;
  display: flex;
  flex-flow: row wrap;
  gap: var(--list-gap);
  background: transparent;
}
html .layout1.activity-list .activity-box[data-v-6813f82e] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  min-height: 4.25rem;
  padding: 0.125rem 0.25rem 0.25rem;
  display: flex;
  gap: 0.5rem;
  border-radius: var(--ep-border-radius-surface-default, 0);
  border: 0.0625rem solid var(--ep-color-border-default);
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 16%, rgba(255, 255, 255, 0) 16%, rgba(255, 255, 255, 0.03) 32%, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, 0.03) 48%, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0.03) 100%) var(--ep-color-background-fill-surface-raised-L1);
}
html .layout1.activity-list .activity-box .activity-img[data-v-6813f82e] {
  align-self: flex-end;
  flex-shrink: 0;
  width: 0;
  height: 0;
}
html .layout1.activity-list .activity-box .activity-img.good-img[data-v-6813f82e] {
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
}
html .layout1.activity-list .activity-box .activity-content[data-v-6813f82e] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
html .layout1.activity-list .activity-box .activity-content .label[data-v-6813f82e] {
  max-width: 4.875rem;
  min-height: 2.375rem;
  font-size: var(--ep-font-size-s, 0.75);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
html .layout1.activity-list .activity-box .activity-content .activity-button[data-v-6813f82e] {
  margin: 0.1875rem 0 0;
  width: min-content;
  display: flex;
  align-items: center;
  padding: 0.125rem 0.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: var(--ep-color-background-fill-body-default);
  color: var(--ep-color-text-weak);
}
html .layout1.activity-list .activity-box .activity-content .activity-button .icon-img[data-v-6813f82e] {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
  color: var(--ep-color-text-weak);
}
html .layout37.activity-list[data-v-6813f82e] {
  --list-gap: 0.625rem;
  display: flex;
  flex-flow: row wrap;
  gap: var(--list-gap);
  background: transparent;
}
html .layout37.activity-list .activity-box[data-v-6813f82e] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  min-height: 4.25rem;
  padding: 0.25rem 0.75rem 0.125rem 0.625rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-m);
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout37.activity-list .activity-box .activity-img[data-v-6813f82e] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
html .layout37.activity-list .activity-box .activity-img.good-img[data-v-6813f82e] {
  width: 3.75rem;
  height: 3.75rem;
  flex-shrink: 0;
}
html .layout37.activity-list .activity-box .activity-content[data-v-6813f82e] {
  order: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.625rem;
}
html .layout37.activity-list .activity-box .activity-content .label[data-v-6813f82e] {
  max-width: 4.875rem;
  font-size: var(--ep-font-size-s, 0.75);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html .layout37.activity-list .activity-box .activity-content .activity-button[data-v-6813f82e] {
  width: min-content;
  padding: 0.1875rem 0.625rem;
  color: var(--ep-color-text-inverse);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  border-radius: var(--ep-border-radius-surface-default) var(--ep-border-radius-s);
  border: 0.0625rem solid var(--ep-color-border-brand);
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a) 0%, var(--ep-color-background-fill-gradients-secondary-b) 118.75%);
}
html .layout37.activity-list .activity-box .activity-content .activity-button .icon-img[data-v-6813f82e] {
  display: none;
  font-size: 0.875rem;
  color: var(--ep-color-text-weak);
}
html .layout50.activity-list[data-v-6813f82e] {
  --list-gap: 0.625rem;
  display: flex;
  flex-flow: row wrap;
  gap: var(--list-gap);
  background: transparent;
}
html .layout50.activity-list .activity-box[data-v-6813f82e] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  min-height: 4.25rem;
  padding: 0.125rem 0.25rem 0.25rem;
  display: flex;
  gap: 0.5rem;
  border-radius: var(--ep-border-radius-surface-default, 0);
  border: 0.0625rem solid var(--ep-color-border-default);
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 16%, rgba(255, 255, 255, 0) 16%, rgba(255, 255, 255, 0.03) 32%, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, 0.03) 48%, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0.03) 100%) var(--ep-color-background-fill-surface-raised-L1);
}
html .layout50.activity-list .activity-box .activity-img[data-v-6813f82e] {
  align-self: flex-end;
  flex-shrink: 0;
  width: 0;
  height: 0;
}
html .layout50.activity-list .activity-box .activity-img.good-img[data-v-6813f82e] {
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
}
html .layout50.activity-list .activity-box .activity-content[data-v-6813f82e] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
html .layout50.activity-list .activity-box .activity-content .label[data-v-6813f82e] {
  max-width: 4.875rem;
  min-height: 2.375rem;
  font-size: var(--ep-font-size-s, 0.75);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-brand-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
html .layout50.activity-list .activity-box .activity-content .activity-button[data-v-6813f82e] {
  margin: 0.1875rem 0 0;
  width: min-content;
  display: flex;
  align-items: center;
  padding: 0.125rem 0.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: var(--ep-dynamic-primary);
  color: var(--ep-color-text-inverse);
}
html .layout50.activity-list .activity-box .activity-content .activity-button .icon-img[data-v-6813f82e] {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
  color: var(--ep-color-text-inverse);
}
html .layout50.activity-list .activity-box .activity-content .activity-button .icon-img[data-v-6813f82e] svg path {
  fill-opacity: 1;
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout1.activity-list[data-v-6813f82e] {
  --list-gap: 0.625rem;
  display: flex;
  flex-flow: row wrap;
  gap: var(--list-gap);
  background: transparent;
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout1.activity-list .activity-box[data-v-6813f82e] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  min-height: 4.25rem;
  padding: 0.125rem 0.25rem 0.25rem;
  display: flex;
  gap: 0.5rem;
  border-radius: var(--ep-border-radius-surface-default, 0);
  border: 0.0625rem solid var(--ep-color-border-default);
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 16%, rgba(255, 255, 255, 0) 16%, rgba(255, 255, 255, 0.03) 32%, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, 0.03) 48%, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0.03) 100%) var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout1.activity-list .activity-box .activity-img[data-v-6813f82e] {
  align-self: flex-end;
  flex-shrink: 0;
  width: 0;
  height: 0;
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout1.activity-list .activity-box .activity-img.good-img[data-v-6813f82e] {
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout1.activity-list .activity-box .activity-content[data-v-6813f82e] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout1.activity-list .activity-box .activity-content .label[data-v-6813f82e] {
  max-width: 4.875rem;
  min-height: 2.375rem;
  font-size: var(--ep-font-size-s, 0.75);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout1.activity-list .activity-box .activity-content .activity-button[data-v-6813f82e] {
  margin: 0.1875rem 0 0;
  width: min-content;
  display: flex;
  align-items: center;
  padding: 0.125rem 0.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: var(--ep-color-background-fill-body-default);
  color: var(--ep-color-text-weak);
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout1.activity-list .activity-box .activity-content .activity-button .icon-img[data-v-6813f82e] {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
  color: var(--ep-color-text-weak);
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout37.activity-list[data-v-6813f82e] {
  --list-gap: 0.625rem;
  display: flex;
  flex-flow: row wrap;
  gap: var(--list-gap);
  background: transparent;
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout37.activity-list .activity-box[data-v-6813f82e] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  min-height: 4.25rem;
  padding: 0.25rem 0.75rem 0.125rem 0.625rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-m);
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout37.activity-list .activity-box .activity-img[data-v-6813f82e] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout37.activity-list .activity-box .activity-img.good-img[data-v-6813f82e] {
  width: 3.75rem;
  height: 3.75rem;
  flex-shrink: 0;
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout37.activity-list .activity-box .activity-content[data-v-6813f82e] {
  order: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.625rem;
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout37.activity-list .activity-box .activity-content .label[data-v-6813f82e] {
  max-width: 4.875rem;
  font-size: var(--ep-font-size-s, 0.75);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout37.activity-list .activity-box .activity-content .activity-button[data-v-6813f82e] {
  width: min-content;
  padding: 0.1875rem 0.625rem;
  color: var(--ep-color-text-inverse);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  border-radius: var(--ep-border-radius-surface-default) var(--ep-border-radius-s);
  border: 0.0625rem solid var(--ep-color-border-brand);
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a) 0%, var(--ep-color-background-fill-gradients-secondary-b) 118.75%);
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout37.activity-list .activity-box .activity-content .activity-button .icon-img[data-v-6813f82e] {
  display: none;
  font-size: 0.875rem;
  color: var(--ep-color-text-weak);
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout50.activity-list[data-v-6813f82e] {
  --list-gap: 0.625rem;
  display: flex;
  flex-flow: row wrap;
  gap: var(--list-gap);
  background: transparent;
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout50.activity-list .activity-box[data-v-6813f82e] {
  flex: 0 0 calc(50% - var(--list-gap) / 2);
  min-height: 4.25rem;
  padding: 0.125rem 0.25rem 0.25rem;
  display: flex;
  gap: 0.5rem;
  border-radius: var(--ep-border-radius-surface-default, 0);
  border: 0.0625rem solid var(--ep-color-border-default);
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 16%, rgba(255, 255, 255, 0) 16%, rgba(255, 255, 255, 0.03) 32%, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, 0.03) 48%, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0.03) 100%) var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout50.activity-list .activity-box .activity-img[data-v-6813f82e] {
  align-self: flex-end;
  flex-shrink: 0;
  width: 0;
  height: 0;
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout50.activity-list .activity-box .activity-img.good-img[data-v-6813f82e] {
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout50.activity-list .activity-box .activity-content[data-v-6813f82e] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout50.activity-list .activity-box .activity-content .label[data-v-6813f82e] {
  max-width: 4.875rem;
  min-height: 2.375rem;
  font-size: var(--ep-font-size-s, 0.75);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-brand-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout50.activity-list .activity-box .activity-content .activity-button[data-v-6813f82e] {
  margin: 0.1875rem 0 0;
  width: min-content;
  display: flex;
  align-items: center;
  padding: 0.125rem 0.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: var(--ep-dynamic-primary);
  color: var(--ep-color-text-inverse);
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout50.activity-list .activity-box .activity-content .activity-button .icon-img[data-v-6813f82e] {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
  color: var(--ep-color-text-inverse);
}
#tabbar-components-DrawerLeft-components-activityList-27-index .layout50.activity-list .activity-box .activity-content .activity-button .icon-img[data-v-6813f82e] svg path {
  fill-opacity: 1;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout40.activity-list[data-v-664c7bbe] {
  display: flex;
  flex-flow: row wrap;
  gap: 1.25rem var(--list-gap);
  background: transparent;
}
.layout40.activity-list .activity-box[data-v-664c7bbe] {
  position: relative;
  width: 100%;
  padding: 0.25rem 0.125rem 0.25rem 0.375rem;
  display: flex;
  gap: 0.5rem;
  border-radius: var(--ep-border-radius-surface-default, 0);
  height: 5rem;
  flex: 0 0 calc(50% - var(--list-gap) / 2);
}
.layout40.activity-list .activity-box .activity-content[data-v-664c7bbe] {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.layout40.activity-list .activity-box .activity-content .activity-img[data-v-664c7bbe] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
.layout40.activity-list .activity-box .activity-content .activity-img.good-img[data-v-664c7bbe] {
  height: 5rem;
  width: 5rem;
  flex-shrink: 0;
}
.layout40.activity-list .activity-box .activity-content .label[data-v-664c7bbe] {
  max-width: 4rem;
}
.layout40.activity-list .activity-box .activity-content .label label[data-v-664c7bbe] {
  min-height: 2.6875rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.layout40.activity-list .activity-box .activity-content .label .activity-button[data-v-664c7bbe] {
  margin-top: 0.375rem;
  width: 2.25rem;
  height: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ep-font-size-xs, 0.625rem);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: var(--ep-color-background-fill-body-default);
  color: var(--ep-color-text-weak);
}
.layout40.activity-list .activity-box .activity-content .activity-container[data-v-664c7bbe] {
  gap: 0.125rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.layout40.activity-list .activity-box .activity-content .bg-icon[data-v-664c7bbe] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  color: var(--drawer-activity-bg-icon-color);
}
.layout40.activity-list .activity-box .activity-content .activity-sub-box[data-v-664c7bbe] {
  width: 100%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout44.activity-list[data-v-da4551df] {
  gap: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  background: transparent;
  padding: 0.75rem 0.75rem 0;
}
.layout44.activity-list .activity-box[data-v-da4551df] {
  gap: 0.375rem;
  display: flex;
  position: relative;
  align-items: center;
  max-width: 11.25rem;
  min-width: 11.25rem;
  margin: var(--item-margin, none);
  box-shadow: 0px 1px 2px 0px #00000033;
  padding: var(--item-padding, 0.5rem 0.625rem);
  border: 1px solid var(--ep-color-border-default);
  flex: 0 0 var(--item-flex-basis, calc(50% - 0.375rem));
  border-radius: var(--ep-border-radius-surface-default, 0.625rem);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-secondary-b) 0%, var(--ep-color-background-fill-gradients-secondary-a) 100%);
}
.layout44.activity-list .activity-box[data-v-da4551df]::after {
  top: 0;
  right: 0;
  content: '';
  width: 3.75rem;
  height: 1.875rem;
  position: absolute;
  background: url('/assets/bg-activity-icon-44-r2-B2O2HpsE.svg') no-repeat;
  background-size: 100% 100%;
}
.layout44.activity-list .activity-box[data-v-da4551df]::before {
  left: 0;
  bottom: 0;
  content: '';
  width: 3.75rem;
  height: 1.875rem;
  position: absolute;
  transform: rotate(180deg);
  background: url('/assets/bg-activity-icon-44-r2-B2O2HpsE.svg') no-repeat;
  background-size: 100% 100%;
}
.layout44.activity-list .activity-box[data-v-da4551df]:last-child:nth-child(odd) {
  flex-basis: var(--item-flex-basis, calc(50% - 0.375rem));
}
.layout44.activity-list .activity-box .activity-img[data-v-da4551df] {
  flex-shrink: 0;
  width: 0;
  height: 0;
}
.layout44.activity-list .activity-box .activity-img.good-img[data-v-da4551df] {
  width: 1.5rem;
  height: 1.5rem;
}
.layout44.activity-list .activity-box .label[data-v-da4551df] {
  flex: 1;
  width: 0;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75);
  font-weight: var(--ep-font-weight-medium, 600);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .deposit-withdrawal-wrapper[data-v-a92309cd] {
  display: flex;
  gap: 0.75rem;
  background: transparent;
}
html .deposit-withdrawal-wrapper .deposit-wrapper[data-v-a92309cd],
html .deposit-withdrawal-wrapper .withdraw-wrapper[data-v-a92309cd] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  padding: 0.4375rem 0;
  border: 0.0625rem solid #2E2D2C;
  background: red;
}
html .deposit-withdrawal-wrapper .deposit-wrapper .icon[data-v-a92309cd],
html .deposit-withdrawal-wrapper .withdraw-wrapper .icon[data-v-a92309cd] {
  font-size: 1.875rem;
  color: #feb805;
}
html .deposit-withdrawal-wrapper .deposit-wrapper .label[data-v-a92309cd],
html .deposit-withdrawal-wrapper .withdraw-wrapper .label[data-v-a92309cd] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #feb805;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.number-point[data-v-eb8b04b0] {
  color: #fff;
  font-size: 0.625rem;
  line-height: 0.625rem;
  --padding-start: 0.3125rem;
  --padding-end: 0.3125rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .service-wrapper[data-v-71287b0e] {
  min-height: 3.125rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.9375rem;
  padding-right: 0.75rem;
  border-radius: 0.375rem;
  background-color: green;
}
html .service-wrapper .icon-wrapper[data-v-71287b0e] {
  width: 2.375rem;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transform: translateY(-32%);
  background-color: blue;
}
html .service-wrapper .icon-wrapper .icon[data-v-71287b0e] {
  font-size: 1.75rem;
  color: #fff;
}
html .service-wrapper .label[data-v-71287b0e] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
}
html .service-wrapper .point[data-v-71287b0e] {
  margin-left: auto;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .service-wrapper[data-v-c1edd947] {
  min-height: 3.125rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.9375rem;
  padding-right: 0.75rem;
  border-radius: 0.375rem;
  background-color: green;
}
html .service-wrapper .icon-wrapper[data-v-c1edd947] {
  width: 2.375rem;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transform: translateY(-32%);
  background-color: blue;
}
html .service-wrapper .icon-wrapper .icon[data-v-c1edd947] {
  font-size: 1.75rem;
  color: #fff;
}
html .service-wrapper .label[data-v-c1edd947] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
}
html .service-wrapper .point[data-v-c1edd947] {
  margin-left: auto;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-f42ca84d] {
  /**
     * 53 号炫彩紫抽屉底部那条社交入口（设计稿 node 9041:31625 →「底部分享」）。
     *
     * 图标本身（40 圆形 + 内边距 + 淡蓝底）上面那套已经和设计稿一致，这里只改容器：
     * 通栏深底、间距 20、上下留 10。深底取 body-default（#051121）——比抽屉正文
     * 底色（#071930）更暗一档，设计稿就是靠这一档色差把它和正文分开的。
     */
}
html .social-box[data-v-f42ca84d] {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  gap: 0.75rem;
}
html .social-box .social-img[data-v-f42ca84d] {
  flex-shrink: 0;
  padding: 0.5rem;
  background: rgba(42, 171, 238, 0.2);
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
}
html .social-box .social-img[data-v-f42ca84d]::part(image) {
  border-radius: 50%;
}
html .social-box .social-img.good-img[data-v-f42ca84d] {
  width: 2.5rem;
  height: 2.5rem;
}
html .layout53-drawer.social-box[data-v-f42ca84d] {
  gap: 1.25rem;
  padding: 0.625rem;
  background: var(--ep-color-background-fill-body-default);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .service-wrapper[data-v-03e46037] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.4375rem 0.625rem;
  border-radius: var(--ep-border-radius-surface-default, 0);
  background: var(--ep-color-background-fill-surface-raised-L2, #1D2A55);
}
html .service-wrapper .icon-wrapper[data-v-03e46037] {
  display: flex;
}
html .service-wrapper .icon-wrapper .icon[data-v-03e46037] {
  font-size: 1.5rem;
  width: 1em;
  height: 1em;
  color: var(--ep-color-icon-brand-secondary, #66BA20);
}
html .service-wrapper .label[data-v-03e46037] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default, #fff);
}
html .service-wrapper .scroll-wrapper[data-v-03e46037] {
  margin-left: auto;
  max-width: 46%;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
html .service-wrapper .scroll-wrapper[data-v-03e46037]::-webkit-scrollbar {
  display: none;
}
html .service-wrapper .scroll-wrapper[data-v-03e46037] .social-box {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
html .service-wrapper .scroll-wrapper[data-v-03e46037] .social-box .social-img.good-img {
  width: 1.75rem;
  height: 1.75rem;
  padding: 0.25rem;
}
html .layout37.service-wrapper[data-v-03e46037] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.4375rem 0.625rem;
  border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-m);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout37.service-wrapper .icon-wrapper[data-v-03e46037] {
  display: flex;
}
html .layout37.service-wrapper .icon-wrapper .icon[data-v-03e46037] {
  font-size: 1.5rem;
  width: 1em;
  height: 1em;
  color: var(--ep-color-icon-selected);
}
html .layout37.service-wrapper .label[data-v-03e46037] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .layout37.service-wrapper .scroll-wrapper[data-v-03e46037] {
  order: 1;
  margin-left: auto;
  max-width: 46%;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
html .layout37.service-wrapper .scroll-wrapper[data-v-03e46037]::-webkit-scrollbar {
  display: none;
}
html .layout37.service-wrapper .scroll-wrapper[data-v-03e46037] .social-box {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
html .layout37.service-wrapper .scroll-wrapper[data-v-03e46037] .social-box .social-img.good-img {
  width: 1.75rem;
  height: 1.75rem;
  padding: 0.25rem;
}
html .layout44.service-wrapper[data-v-03e46037] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.375rem 0.625rem;
  box-shadow: 0px 1px 2px 0px #00000033;
  border: 1px solid var(--ep-color-border-default);
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout44.service-wrapper .icon-wrapper[data-v-03e46037] {
  display: flex;
}
html .layout44.service-wrapper .icon-wrapper .icon[data-v-03e46037] {
  font-size: 1.5rem;
  width: 1em;
  height: 1em;
  color: var(--ep-color-icon-brand-secondary, #66BA20);
}
html .layout44.service-wrapper .label[data-v-03e46037] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default, #fff);
}
html .layout44.service-wrapper .scroll-wrapper[data-v-03e46037] {
  margin-left: auto;
  max-width: 46%;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
html .layout44.service-wrapper .scroll-wrapper[data-v-03e46037]::-webkit-scrollbar {
  display: none;
}
html .layout44.service-wrapper .scroll-wrapper[data-v-03e46037] .social-box {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
html .layout44.service-wrapper .scroll-wrapper[data-v-03e46037] .social-box .social-img.good-img {
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
}
html .layout46.service-wrapper[data-v-03e46037] {
  margin: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.4375rem 0.625rem;
  border: 1px solid var(--ep-color-border-default);
  border-radius: var(--ep-border-radius-surface-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.2);
}
html .layout46.service-wrapper .icon-wrapper[data-v-03e46037] {
  display: flex;
}
html .layout46.service-wrapper .icon-wrapper .icon[data-v-03e46037] {
  font-size: 1.5rem;
  color: var(--ep-color-icon-brand-secondary);
}
html .layout46.service-wrapper .label[data-v-03e46037] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
html .layout46.service-wrapper .scroll-wrapper[data-v-03e46037] {
  margin-left: auto;
  max-width: 46%;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
html .layout46.service-wrapper .scroll-wrapper[data-v-03e46037]::-webkit-scrollbar {
  display: none;
}
html .layout46.service-wrapper .scroll-wrapper[data-v-03e46037] .social-box {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
html .layout46.service-wrapper .scroll-wrapper[data-v-03e46037] .social-box .social-img.good-img {
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
}
html .layout50.service-wrapper[data-v-03e46037] {
  margin: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.4375rem 0.625rem;
  border: 1px solid var(--ep-color-border-default);
  border-radius: var(--ep-border-radius-surface-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.2);
}
html .layout50.service-wrapper .icon-wrapper[data-v-03e46037] {
  display: flex;
}
html .layout50.service-wrapper .icon-wrapper .icon[data-v-03e46037] {
  font-size: 1.5rem;
  color: var(--ep-color-icon-selected);
}
html .layout50.service-wrapper .label[data-v-03e46037] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-brand-primary);
}
html .layout50.service-wrapper .scroll-wrapper[data-v-03e46037] {
  margin-left: auto;
  max-width: 46%;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
html .layout50.service-wrapper .scroll-wrapper[data-v-03e46037]::-webkit-scrollbar {
  display: none;
}
html .layout50.service-wrapper .scroll-wrapper[data-v-03e46037] .social-box {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
html .layout50.service-wrapper .scroll-wrapper[data-v-03e46037] .social-box .social-img.good-img {
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .service-wrapper[data-v-03e46037] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.4375rem 0.625rem;
  border-radius: var(--ep-border-radius-surface-default, 0);
  background: var(--ep-color-background-fill-surface-raised-L2, #1D2A55);
}
#tabbar-components-DrawerLeft-components-customerService-3-index .service-wrapper .icon-wrapper[data-v-03e46037] {
  display: flex;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .service-wrapper .icon-wrapper .icon[data-v-03e46037] {
  font-size: 1.5rem;
  width: 1em;
  height: 1em;
  color: var(--ep-color-icon-brand-secondary, #66BA20);
}
#tabbar-components-DrawerLeft-components-customerService-3-index .service-wrapper .label[data-v-03e46037] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default, #fff);
}
#tabbar-components-DrawerLeft-components-customerService-3-index .service-wrapper .scroll-wrapper[data-v-03e46037] {
  margin-left: auto;
  max-width: 46%;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .service-wrapper .scroll-wrapper[data-v-03e46037]::-webkit-scrollbar {
  display: none;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .service-wrapper .scroll-wrapper[data-v-03e46037] .social-box {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .service-wrapper .scroll-wrapper[data-v-03e46037] .social-box .social-img.good-img {
  width: 1.75rem;
  height: 1.75rem;
  padding: 0.25rem;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout37.service-wrapper[data-v-03e46037] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.4375rem 0.625rem;
  border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-m);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout37.service-wrapper .icon-wrapper[data-v-03e46037] {
  display: flex;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout37.service-wrapper .icon-wrapper .icon[data-v-03e46037] {
  font-size: 1.5rem;
  width: 1em;
  height: 1em;
  color: var(--ep-color-icon-selected);
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout37.service-wrapper .label[data-v-03e46037] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout37.service-wrapper .scroll-wrapper[data-v-03e46037] {
  order: 1;
  margin-left: auto;
  max-width: 46%;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout37.service-wrapper .scroll-wrapper[data-v-03e46037]::-webkit-scrollbar {
  display: none;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout37.service-wrapper .scroll-wrapper[data-v-03e46037] .social-box {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout37.service-wrapper .scroll-wrapper[data-v-03e46037] .social-box .social-img.good-img {
  width: 1.75rem;
  height: 1.75rem;
  padding: 0.25rem;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout44.service-wrapper[data-v-03e46037] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.375rem 0.625rem;
  box-shadow: 0px 1px 2px 0px #00000033;
  border: 1px solid var(--ep-color-border-default);
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout44.service-wrapper .icon-wrapper[data-v-03e46037] {
  display: flex;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout44.service-wrapper .icon-wrapper .icon[data-v-03e46037] {
  font-size: 1.5rem;
  width: 1em;
  height: 1em;
  color: var(--ep-color-icon-brand-secondary, #66BA20);
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout44.service-wrapper .label[data-v-03e46037] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default, #fff);
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout44.service-wrapper .scroll-wrapper[data-v-03e46037] {
  margin-left: auto;
  max-width: 46%;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout44.service-wrapper .scroll-wrapper[data-v-03e46037]::-webkit-scrollbar {
  display: none;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout44.service-wrapper .scroll-wrapper[data-v-03e46037] .social-box {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout44.service-wrapper .scroll-wrapper[data-v-03e46037] .social-box .social-img.good-img {
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout46.service-wrapper[data-v-03e46037] {
  margin: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.4375rem 0.625rem;
  border: 1px solid var(--ep-color-border-default);
  border-radius: var(--ep-border-radius-surface-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.2);
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout46.service-wrapper .icon-wrapper[data-v-03e46037] {
  display: flex;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout46.service-wrapper .icon-wrapper .icon[data-v-03e46037] {
  font-size: 1.5rem;
  color: var(--ep-color-icon-brand-secondary);
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout46.service-wrapper .label[data-v-03e46037] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout46.service-wrapper .scroll-wrapper[data-v-03e46037] {
  margin-left: auto;
  max-width: 46%;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout46.service-wrapper .scroll-wrapper[data-v-03e46037]::-webkit-scrollbar {
  display: none;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout46.service-wrapper .scroll-wrapper[data-v-03e46037] .social-box {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout46.service-wrapper .scroll-wrapper[data-v-03e46037] .social-box .social-img.good-img {
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout50.service-wrapper[data-v-03e46037] {
  margin: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.4375rem 0.625rem;
  border: 1px solid var(--ep-color-border-default);
  border-radius: var(--ep-border-radius-surface-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.2);
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout50.service-wrapper .icon-wrapper[data-v-03e46037] {
  display: flex;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout50.service-wrapper .icon-wrapper .icon[data-v-03e46037] {
  font-size: 1.5rem;
  color: var(--ep-color-icon-selected);
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout50.service-wrapper .label[data-v-03e46037] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-brand-primary);
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout50.service-wrapper .scroll-wrapper[data-v-03e46037] {
  margin-left: auto;
  max-width: 46%;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout50.service-wrapper .scroll-wrapper[data-v-03e46037]::-webkit-scrollbar {
  display: none;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout50.service-wrapper .scroll-wrapper[data-v-03e46037] .social-box {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
#tabbar-components-DrawerLeft-components-customerService-3-index .layout50.service-wrapper .scroll-wrapper[data-v-03e46037] .social-box .social-img.good-img {
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-de77d8ed] {
  /**
   * 53 号炫彩紫抽屉的快捷检索（设计稿 node 9041:31625 →「快捷检索」）。
   *
   * 47 号没有这一块，53 号设计稿在下载提示下面加了四条通栏行（搜索 / 收藏 / 邀请 / 最近）。
   * 与 layout1/layout2 的两列胶囊不同，这里是单列直角行，故另起一块。
   *
   * 上下 8 的内边距不是行间距：设计稿容器 168 = 4 行 32 + 3 个间距 8 + 上下各 8（居中对齐的余量）。
   *
   * 图标色给 text-default 而不是 brand-primary：设计稿这四枚是白色描边图形，不是品红。
   * 收藏那枚走 ion-icon 的 img 模式（logic.ts 里配的是 /icons/sort/FAVORITE_on.svg），
   * color 管不到，保持切图原色 —— 与设计稿的彩色文件夹图一致。
   */
}
html .layout1.nav-list[data-v-de77d8ed] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}
html .layout1.nav-list .nav-item[data-v-de77d8ed] {
  flex: 0 0 calc(50% - 0.1875rem);
  min-height: 2.625rem;
  padding: 0.5625rem 0.625rem;
  margin-bottom: 0.375rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L2, #1D2A55);
}
html .layout1.nav-list .nav-item .icon[data-v-de77d8ed] {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  color: var(--ep-color-icon-brand-primary, #FFF);
}
html .layout1.nav-list .nav-item .label[data-v-de77d8ed] {
  text-transform: uppercase;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default, #FFF);
}
html .layout2.nav-list .nav-item[data-v-de77d8ed] {
  flex: 1;
  padding: var(--item-padding, 0.5625rem 0.625rem);
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-m, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L2, #1D2A55);
}
html .layout2.nav-list .nav-item .icon[data-v-de77d8ed] {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  color: var(--ep-color-icon-brand-primary, #FFF);
}
html .layout2.nav-list .nav-item .label[data-v-de77d8ed] {
  text-transform: uppercase;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6));
}
html .layout53.nav-list[data-v-de77d8ed] {
  gap: 0.5rem;
  width: 100%;
  display: flex;
  flex-flow: column;
  padding: 0.5rem 0.625rem;
}
html .layout53.nav-list .nav-item[data-v-de77d8ed] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-height: 2rem;
  border-radius: 0;
  padding: 0.375rem 0.625rem;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout53.nav-list .nav-item .icon[data-v-de77d8ed] {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  color: var(--ep-color-text-default);
}
html .layout53.nav-list .nav-item .label[data-v-de77d8ed] {
  line-height: 0.9375rem;
  text-transform: uppercase;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
#tabbar-components-DrawerLeft-components-nav-1-index[data-v-de77d8ed] {
  /**
   * 53 号炫彩紫抽屉的快捷检索（设计稿 node 9041:31625 →「快捷检索」）。
   *
   * 47 号没有这一块，53 号设计稿在下载提示下面加了四条通栏行（搜索 / 收藏 / 邀请 / 最近）。
   * 与 layout1/layout2 的两列胶囊不同，这里是单列直角行，故另起一块。
   *
   * 上下 8 的内边距不是行间距：设计稿容器 168 = 4 行 32 + 3 个间距 8 + 上下各 8（居中对齐的余量）。
   *
   * 图标色给 text-default 而不是 brand-primary：设计稿这四枚是白色描边图形，不是品红。
   * 收藏那枚走 ion-icon 的 img 模式（logic.ts 里配的是 /icons/sort/FAVORITE_on.svg），
   * color 管不到，保持切图原色 —— 与设计稿的彩色文件夹图一致。
   */
}
#tabbar-components-DrawerLeft-components-nav-1-index .layout1.nav-list[data-v-de77d8ed] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}
#tabbar-components-DrawerLeft-components-nav-1-index .layout1.nav-list .nav-item[data-v-de77d8ed] {
  flex: 0 0 calc(50% - 0.1875rem);
  min-height: 2.625rem;
  padding: 0.5625rem 0.625rem;
  margin-bottom: 0.375rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L2, #1D2A55);
}
#tabbar-components-DrawerLeft-components-nav-1-index .layout1.nav-list .nav-item .icon[data-v-de77d8ed] {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  color: var(--ep-color-icon-brand-primary, #FFF);
}
#tabbar-components-DrawerLeft-components-nav-1-index .layout1.nav-list .nav-item .label[data-v-de77d8ed] {
  text-transform: uppercase;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default, #FFF);
}
#tabbar-components-DrawerLeft-components-nav-1-index .layout2.nav-list .nav-item[data-v-de77d8ed] {
  flex: 1;
  padding: var(--item-padding, 0.5625rem 0.625rem);
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-m, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L2, #1D2A55);
}
#tabbar-components-DrawerLeft-components-nav-1-index .layout2.nav-list .nav-item .icon[data-v-de77d8ed] {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  color: var(--ep-color-icon-brand-primary, #FFF);
}
#tabbar-components-DrawerLeft-components-nav-1-index .layout2.nav-list .nav-item .label[data-v-de77d8ed] {
  text-transform: uppercase;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6));
}
#tabbar-components-DrawerLeft-components-nav-1-index .layout53.nav-list[data-v-de77d8ed] {
  gap: 0.5rem;
  width: 100%;
  display: flex;
  flex-flow: column;
  padding: 0.5rem 0.625rem;
}
#tabbar-components-DrawerLeft-components-nav-1-index .layout53.nav-list .nav-item[data-v-de77d8ed] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-height: 2rem;
  border-radius: 0;
  padding: 0.375rem 0.625rem;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-components-DrawerLeft-components-nav-1-index .layout53.nav-list .nav-item .icon[data-v-de77d8ed] {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-nav-1-index .layout53.nav-list .nav-item .label[data-v-de77d8ed] {
  line-height: 0.9375rem;
  text-transform: uppercase;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .tab-bar[data-v-03ba42d9] {
  --tab-bar-height: 3.5rem;
  width: 100%;
  height: var(--tab-bar-height);
  position: absolute;
  bottom: -0.0625rem;
  z-index: 10;
  --background: linear-gradient(to bottom, transparent var(--tab-bar-height), var(--ep-color-background-fill-surface-raised-L2) var(--tab-bar-height));
}
html .tab-bar .inner-wrap[data-v-03ba42d9] {
  width: 100%;
  height: 100%;
  padding: var(--padding, 0.375rem 0);
  display: flex;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout37.tab-bar[data-v-03ba42d9] {
  border-radius: var(--ep-border-radius-m) var(--ep-border-radius-m) 0 0;
  --background: var(--ep-color-background-fill-gradients-secondary-b);
}
html .layout37.tab-bar .inner-wrap[data-v-03ba42d9] {
  background: linear-gradient(180deg, var(--ep-color-background-fill-surface-raised-L2) 0%, var(--ep-color-background-fill-gradients-secondary-b) 100%);
  padding: 0;
}
#tabbar-components-tabBar-components-colorWrap-index .tab-bar[data-v-03ba42d9] {
  --tab-bar-height: 3.5rem;
  width: 100%;
  height: var(--tab-bar-height);
  position: absolute;
  bottom: -0.0625rem;
  z-index: 10;
  --background: linear-gradient(to bottom, transparent var(--tab-bar-height), var(--ep-color-background-fill-surface-raised-L2) var(--tab-bar-height));
}
#tabbar-components-tabBar-components-colorWrap-index .tab-bar .inner-wrap[data-v-03ba42d9] {
  width: 100%;
  height: 100%;
  padding: var(--padding, 0.375rem 0);
  display: flex;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-components-tabBar-components-colorWrap-index .layout37.tab-bar[data-v-03ba42d9] {
  border-radius: var(--ep-border-radius-m) var(--ep-border-radius-m) 0 0;
  --background: var(--ep-color-background-fill-gradients-secondary-b);
}
#tabbar-components-tabBar-components-colorWrap-index .layout37.tab-bar .inner-wrap[data-v-03ba42d9] {
  background: linear-gradient(180deg, var(--ep-color-background-fill-surface-raised-L2) 0%, var(--ep-color-background-fill-gradients-secondary-b) 100%);
  padding: 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.tab-bar[data-v-a7e62bb0] {
  --tab-bar-height: 3.5rem;
  --tab-bar-top: 0rem;
  --gradient-height: calc(var(--tab-bar-height) + var(--tab-bar-top) - 0.125rem);
  width: 100%;
  height: var(--tab-bar-height);
  position: absolute;
  bottom: -0.0625rem;
  z-index: 10;
  padding-top: var(--tab-bar-top);
  --background: linear-gradient(to bottom, transparent var(--gradient-height), var(--ep-color-background-fill-surface-raised-L2) var(--gradient-height));
}
html .layout1.tab-bar .inner-wrap[data-v-a7e62bb0] {
  width: 100%;
  height: var(--tab-bar-height);
  display: flex;
  position: relative;
}
html .layout1.tab-bar .inner-wrap .background-img[data-v-a7e62bb0] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
html .layout2.tab-bar[data-v-a7e62bb0] {
  --tab-bar-height: 3.5rem;
  --tab-bar-top: 0rem;
  --gradient-height: calc(var(--tab-bar-height) + var(--tab-bar-top) - 0.125rem);
  width: 100%;
  height: var(--tab-bar-height);
  padding-top: var(--tab-bar-top);
  position: absolute;
  bottom: -0.0625rem;
  z-index: 10;
  --background: linear-gradient(to bottom, transparent var(--gradient-height), var(--ep-color-background-fill-foot-bar) var(--gradient-height));
}
html .layout2.tab-bar .inner-wrap[data-v-a7e62bb0] {
  width: 100%;
  height: var(--tab-bar-height);
  display: flex;
  align-items: flex-end;
  position: relative;
}
html .layout2.tab-bar .inner-wrap .background-img[data-v-a7e62bb0] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
html .layout40.tab-bar[data-v-a7e62bb0] {
  --tab-bar-height: 3.5rem;
  --tab-bar-top: 0rem;
  --gradient-height: calc(var(--tab-bar-height) + var(--tab-bar-top) - 0.125rem);
  width: 100%;
  height: var(--tab-bar-height);
  padding-top: var(--tab-bar-top);
  position: absolute;
  bottom: -0.0625rem;
  z-index: 10;
  --background: linear-gradient(to bottom, transparent var(--gradient-height), var(--ep-color-background-fill-foot-bar) var(--gradient-height));
}
html .layout40.tab-bar .inner-wrap[data-v-a7e62bb0] {
  width: 100%;
  height: var(--tab-bar-height);
  display: flex;
  position: relative;
}
html .layout40.tab-bar .inner-wrap .background-img[data-v-a7e62bb0] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
html .layout47.tab-bar[data-v-a7e62bb0] {
  --tab-bar-top: 0rem;
  --tab-bar-height: 5.25rem;
  --gradient-height: calc(var(--tab-bar-height) + var(--tab-bar-top) - 0.125rem);
  --background: linear-gradient(to bottom, var(--ep-color-background-fill-body-default) var(--gradient-height), var(--ep-color-background-fill-foot-bar) var(--gradient-height));
  padding-top: var(--tab-bar-top);
  height: var(--tab-bar-height);
  position: absolute;
  bottom: -0.0625rem;
  width: 100%;
  z-index: 10;
}
html .layout47.tab-bar .inner-wrap[data-v-a7e62bb0] {
  width: 100%;
  display: flex;
  position: relative;
  padding-top: 0.875rem;
  align-items: flex-end;
  height: var(--tab-bar-height);
  background: var(--ep-color-background-fill-body-default);
}
html .layout47.tab-bar .inner-wrap .background-img[data-v-a7e62bb0] {
  top: 2.125rem;
  left: 0;
  width: 100%;
  height: 3.25rem;
  position: absolute;
}
html .layout49.tab-bar[data-v-a7e62bb0] {
  --tab-bar-top: 0rem;
  --tab-bar-height: 5.25rem;
  --background: var(--ep-color-background-fill-foot-bar);
  height: var(--tab-bar-height);
  position: absolute;
  bottom: -0.0625rem;
  width: 100%;
  z-index: 10;
}
html .layout49.tab-bar .inner-wrap[data-v-a7e62bb0] {
  width: 100%;
  display: flex;
  position: relative;
  padding-top: 0.875rem;
  align-items: flex-end;
  height: var(--tab-bar-height);
}
html .layout49.tab-bar .inner-wrap .background-img[data-v-a7e62bb0] {
  top: 2.125rem;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 3.25rem;
  position: absolute;
}
html .layout51.tab-bar[data-v-a7e62bb0] {
  --tab-bar-top: 0rem;
  --tab-bar-height: 5.25rem;
  --gradient-height: calc(var(--tab-bar-height) + var(--tab-bar-top) - 0.125rem);
  --background: linear-gradient(to bottom, transparent var(--gradient-height), var(--ep-color-background-fill-foot-bar) var(--gradient-height));
  width: 100%;
  height: var(--tab-bar-height);
  padding-top: var(--tab-bar-top);
  position: absolute;
  bottom: -0.0625rem;
  z-index: 10;
}
html .layout51.tab-bar .inner-wrap[data-v-a7e62bb0] {
  width: 100%;
  height: var(--tab-bar-height);
  display: flex;
  position: relative;
}
html .layout51.tab-bar .inner-wrap .background-img[data-v-a7e62bb0] {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
}
html .layout53.tab-bar[data-v-a7e62bb0] {
  --tab-bar-top: 0rem;
  --tab-bar-height: 4.5625rem;
  --background: var(--ep-color-background-fill-foot-bar);
  height: var(--tab-bar-height);
  position: absolute;
  bottom: -0.0625rem;
  width: 100%;
  z-index: 10;
}
html .layout53.tab-bar .inner-wrap[data-v-a7e62bb0] {
  width: 100%;
  display: flex;
  position: relative;
  gap: 0.625rem;
  padding: 0.3125rem 0.75rem 0;
  align-items: flex-end;
  height: var(--tab-bar-height);
}
html .layout53.tab-bar .inner-wrap .background-img[data-v-a7e62bb0] {
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 4.25rem;
  position: absolute;
}
#tabbar-components-tabBar-components-imageWrap-index .layout1.tab-bar[data-v-a7e62bb0] {
  --tab-bar-height: 3.5rem;
  --tab-bar-top: 0rem;
  --gradient-height: calc(var(--tab-bar-height) + var(--tab-bar-top) - 0.125rem);
  width: 100%;
  height: var(--tab-bar-height);
  position: absolute;
  bottom: -0.0625rem;
  z-index: 10;
  padding-top: var(--tab-bar-top);
  --background: linear-gradient(to bottom, transparent var(--gradient-height), var(--ep-color-background-fill-surface-raised-L2) var(--gradient-height));
}
#tabbar-components-tabBar-components-imageWrap-index .layout1.tab-bar .inner-wrap[data-v-a7e62bb0] {
  width: 100%;
  height: var(--tab-bar-height);
  display: flex;
  position: relative;
}
#tabbar-components-tabBar-components-imageWrap-index .layout1.tab-bar .inner-wrap .background-img[data-v-a7e62bb0] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#tabbar-components-tabBar-components-imageWrap-index .layout2.tab-bar[data-v-a7e62bb0] {
  --tab-bar-height: 3.5rem;
  --tab-bar-top: 0rem;
  --gradient-height: calc(var(--tab-bar-height) + var(--tab-bar-top) - 0.125rem);
  width: 100%;
  height: var(--tab-bar-height);
  padding-top: var(--tab-bar-top);
  position: absolute;
  bottom: -0.0625rem;
  z-index: 10;
  --background: linear-gradient(to bottom, transparent var(--gradient-height), var(--ep-color-background-fill-foot-bar) var(--gradient-height));
}
#tabbar-components-tabBar-components-imageWrap-index .layout2.tab-bar .inner-wrap[data-v-a7e62bb0] {
  width: 100%;
  height: var(--tab-bar-height);
  display: flex;
  align-items: flex-end;
  position: relative;
}
#tabbar-components-tabBar-components-imageWrap-index .layout2.tab-bar .inner-wrap .background-img[data-v-a7e62bb0] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#tabbar-components-tabBar-components-imageWrap-index .layout40.tab-bar[data-v-a7e62bb0] {
  --tab-bar-height: 3.5rem;
  --tab-bar-top: 0rem;
  --gradient-height: calc(var(--tab-bar-height) + var(--tab-bar-top) - 0.125rem);
  width: 100%;
  height: var(--tab-bar-height);
  padding-top: var(--tab-bar-top);
  position: absolute;
  bottom: -0.0625rem;
  z-index: 10;
  --background: linear-gradient(to bottom, transparent var(--gradient-height), var(--ep-color-background-fill-foot-bar) var(--gradient-height));
}
#tabbar-components-tabBar-components-imageWrap-index .layout40.tab-bar .inner-wrap[data-v-a7e62bb0] {
  width: 100%;
  height: var(--tab-bar-height);
  display: flex;
  position: relative;
}
#tabbar-components-tabBar-components-imageWrap-index .layout40.tab-bar .inner-wrap .background-img[data-v-a7e62bb0] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#tabbar-components-tabBar-components-imageWrap-index .layout47.tab-bar[data-v-a7e62bb0] {
  --tab-bar-top: 0rem;
  --tab-bar-height: 5.25rem;
  --gradient-height: calc(var(--tab-bar-height) + var(--tab-bar-top) - 0.125rem);
  --background: linear-gradient(to bottom, var(--ep-color-background-fill-body-default) var(--gradient-height), var(--ep-color-background-fill-foot-bar) var(--gradient-height));
  padding-top: var(--tab-bar-top);
  height: var(--tab-bar-height);
  position: absolute;
  bottom: -0.0625rem;
  width: 100%;
  z-index: 10;
}
#tabbar-components-tabBar-components-imageWrap-index .layout47.tab-bar .inner-wrap[data-v-a7e62bb0] {
  width: 100%;
  display: flex;
  position: relative;
  padding-top: 0.875rem;
  align-items: flex-end;
  height: var(--tab-bar-height);
  background: var(--ep-color-background-fill-body-default);
}
#tabbar-components-tabBar-components-imageWrap-index .layout47.tab-bar .inner-wrap .background-img[data-v-a7e62bb0] {
  top: 2.125rem;
  left: 0;
  width: 100%;
  height: 3.25rem;
  position: absolute;
}
#tabbar-components-tabBar-components-imageWrap-index .layout49.tab-bar[data-v-a7e62bb0] {
  --tab-bar-top: 0rem;
  --tab-bar-height: 5.25rem;
  --background: var(--ep-color-background-fill-foot-bar);
  height: var(--tab-bar-height);
  position: absolute;
  bottom: -0.0625rem;
  width: 100%;
  z-index: 10;
}
#tabbar-components-tabBar-components-imageWrap-index .layout49.tab-bar .inner-wrap[data-v-a7e62bb0] {
  width: 100%;
  display: flex;
  position: relative;
  padding-top: 0.875rem;
  align-items: flex-end;
  height: var(--tab-bar-height);
}
#tabbar-components-tabBar-components-imageWrap-index .layout49.tab-bar .inner-wrap .background-img[data-v-a7e62bb0] {
  top: 2.125rem;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 3.25rem;
  position: absolute;
}
#tabbar-components-tabBar-components-imageWrap-index .layout51.tab-bar[data-v-a7e62bb0] {
  --tab-bar-top: 0rem;
  --tab-bar-height: 5.25rem;
  --gradient-height: calc(var(--tab-bar-height) + var(--tab-bar-top) - 0.125rem);
  --background: linear-gradient(to bottom, transparent var(--gradient-height), var(--ep-color-background-fill-foot-bar) var(--gradient-height));
  width: 100%;
  height: var(--tab-bar-height);
  padding-top: var(--tab-bar-top);
  position: absolute;
  bottom: -0.0625rem;
  z-index: 10;
}
#tabbar-components-tabBar-components-imageWrap-index .layout51.tab-bar .inner-wrap[data-v-a7e62bb0] {
  width: 100%;
  height: var(--tab-bar-height);
  display: flex;
  position: relative;
}
#tabbar-components-tabBar-components-imageWrap-index .layout51.tab-bar .inner-wrap .background-img[data-v-a7e62bb0] {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
}
#tabbar-components-tabBar-components-imageWrap-index .layout53.tab-bar[data-v-a7e62bb0] {
  --tab-bar-top: 0rem;
  --tab-bar-height: 4.5625rem;
  --background: var(--ep-color-background-fill-foot-bar);
  height: var(--tab-bar-height);
  position: absolute;
  bottom: -0.0625rem;
  width: 100%;
  z-index: 10;
}
#tabbar-components-tabBar-components-imageWrap-index .layout53.tab-bar .inner-wrap[data-v-a7e62bb0] {
  width: 100%;
  display: flex;
  position: relative;
  gap: 0.625rem;
  padding: 0.3125rem 0.75rem 0;
  align-items: flex-end;
  height: var(--tab-bar-height);
}
#tabbar-components-tabBar-components-imageWrap-index .layout53.tab-bar .inner-wrap .background-img[data-v-a7e62bb0] {
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 4.25rem;
  position: absolute;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .tab-bar-wrap[data-v-0f4c5c5b] {
  --tab-bar-height: 6.25rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 10;
  background: linear-gradient(to bottom, transparent var(--tab-bar-height), var(--ep-color-background-fill-foot-bar) var(--tab-bar-height));
  padding-bottom: env(safe-area-inset-bottom, 0);
}
html .tab-bar-wrap .tab-bar[data-v-0f4c5c5b] {
  width: 100%;
}
html .tab-bar-wrap .tab-bar .inner-wrap[data-v-0f4c5c5b] {
  width: 100%;
  padding: 2rem 0 0;
  height: var(--tab-bar-height);
  display: flex;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center 0.0625rem;
}
.icon-bg-tab-bar[data-v-0f4c5c5b] {
  display: none;
}
.layout30.tab-bar-wrap[data-v-0f4c5c5b] {
  bottom: -0.0625rem;
}
.layout30.tab-bar-wrap .tab-bar .inner-wrap[data-v-0f4c5c5b] {
  padding: 0;
  background-image: none !important;
}
.layout30.tab-bar-wrap .tab-bar .inner-wrap .icon-bg-tab-bar[data-v-0f4c5c5b] {
  display: block;
  width: 100%;
  color: var(--ep-color-background-fill-foot-bar);
  height: var(--tab-bar-height);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.layout36.tab-bar-wrap[data-v-0f4c5c5b] {
  bottom: -0.0625rem;
}
.layout36.tab-bar-wrap .tab-bar .inner-wrap[data-v-0f4c5c5b] {
  padding: 0;
  background-image: none !important;
}
.layout36.tab-bar-wrap .tab-bar .inner-wrap .icon-bg-tab-bar[data-v-0f4c5c5b] {
  display: block;
  width: 100%;
  color: var(--ep-color-background-fill-foot-bar);
  height: var(--tab-bar-height);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.layout42.tab-bar-wrap[data-v-0f4c5c5b] {
  bottom: -0.0625rem;
  background: linear-gradient(to bottom, transparent calc(var(--tab-bar-height) - 0.0625rem), var(--ep-color-background-fill-foot-bar) calc(var(--tab-bar-height) - 0.0625rem));
}
.layout42.tab-bar-wrap .tab-bar .inner-wrap[data-v-0f4c5c5b] {
  padding: 0;
  background-image: none !important;
}
.layout42.tab-bar-wrap .tab-bar .inner-wrap .icon-bg-tab-bar[data-v-0f4c5c5b] {
  display: block;
  width: 100%;
  color: var(--ep-color-background-fill-foot-bar);
  height: var(--tab-bar-height);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
}
.layout38.tab-bar-wrap[data-v-0f4c5c5b] {
  bottom: -0.0625rem;
}
.layout38.tab-bar-wrap tab-bar .inner-wrap[data-v-0f4c5c5b] {
  padding: 1rem 0 0;
}
.layout46.tab-bar-wrap[data-v-0f4c5c5b] {
  bottom: -0.0625rem;
}
.layout46.tab-bar-wrap .tab-bar .inner-wrap[data-v-0f4c5c5b] {
  padding: 0;
  background-image: none !important;
}
.layout46.tab-bar-wrap .tab-bar .inner-wrap .icon-bg-tab-bar[data-v-0f4c5c5b] {
  display: block;
  width: 100%;
  color: var(--ep-color-background-fill-foot-bar);
  height: var(--tab-bar-height);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
}
.layout50.tab-bar-wrap[data-v-0f4c5c5b] {
  bottom: -0.0625rem;
  background: linear-gradient(to bottom, transparent calc(var(--tab-bar-height) - 0.125rem), var(--ep-color-background-fill-gradients-secondary-b) calc(var(--tab-bar-height) - 0.125rem));
}
.layout50.tab-bar-wrap .tab-bar[data-v-0f4c5c5b] {
  background: url('/assets/bg-tabbar-base-50-r2-DpyJl4mk.svg') 0 0 / 100% 100% no-repeat;
}
.layout50.tab-bar-wrap .tab-bar .inner-wrap[data-v-0f4c5c5b] {
  background-position: 0 0;
  padding: 0;
  align-items: end;
  background-image: none !important;
  position: relative;
}
.layout50.tab-bar-wrap .tab-bar .inner-wrap[data-v-0f4c5c5b]::after {
  content: '';
  position: absolute;
  inset: 0;
  background: url('/assets/bg-tabbar-50-r2-D4dQ-3Bs.svg') 0 0 / 100% 100% no-repeat;
  z-index: 1;
  pointer-events: none;
}
.layout54.tab-bar-wrap[data-v-0f4c5c5b] {
  bottom: -0.0625rem;
  background: linear-gradient(to bottom, transparent calc(var(--tab-bar-height) - 0.0625rem), var(--ep-color-background-fill-foot-bar) calc(var(--tab-bar-height) - 0.0625rem));
}
.layout54.tab-bar-wrap .tab-bar .inner-wrap[data-v-0f4c5c5b] {
  padding: 0;
  background-image: none !important;
}
.layout54.tab-bar-wrap .tab-bar .inner-wrap .icon-bg-tab-bar[data-v-0f4c5c5b] {
  display: block;
  width: 100%;
  height: var(--tab-bar-height);
  color: var(--ep-color-background-fill-foot-bar);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.tab-bar-wrap[data-v-02a9aaf4] {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 10;
}
.tab-bar-wrap .tab-bar[data-v-02a9aaf4] {
  width: 100%;
}
.tab-bar-wrap .tab-bar .inner-wrap[data-v-02a9aaf4] {
  width: 100%;
  height: var(--tab-bar-height);
  display: flex;
  position: relative;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center 0.0625rem;
}
.tab-bar-wrap .tab-bar .inner-wrap .bg-img[data-v-02a9aaf4] {
  inset: 0;
  color: var(--ep-color-background-fill-foot-bar);
  position: absolute;
  z-index: -1;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout44.tab-bar[data-v-aef14c44] {
  --tab-bar-height: 3.5rem;
  --tab-bar-top: 0rem;
  --gradient-height: calc(var(--tab-bar-height) + var(--tab-bar-top) - 0.125rem);
  width: 100%;
  height: var(--tab-bar-height);
  padding-top: var(--tab-bar-top);
  position: absolute;
  bottom: -0.0625rem;
  z-index: 10;
  --background: linear-gradient(to bottom, transparent var(--gradient-height), var(--ep-color-background-fill-foot-bar) var(--gradient-height));
}
.layout44.tab-bar .inner-wrap[data-v-aef14c44] {
  width: 100%;
  height: var(--tab-bar-height);
  display: flex;
  position: relative;
}
.layout44.tab-bar .inner-wrap .background-img[data-v-aef14c44] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout44.tab-bar[data-v-ade30738] {
  --tab-bar-height: 3.5rem;
  --tab-bar-top: 0rem;
  --gradient-height: calc(var(--tab-bar-height) + var(--tab-bar-top) - 0.125rem);
  width: 100%;
  height: var(--tab-bar-height);
  padding-top: var(--tab-bar-top);
  position: absolute;
  bottom: -0.0625rem;
  z-index: 10;
  --background: linear-gradient(to bottom, transparent var(--gradient-height), var(--ep-color-background-fill-foot-bar) var(--gradient-height));
}
.layout44.tab-bar .inner-wrap[data-v-ade30738] {
  width: 100%;
  height: var(--tab-bar-height);
  display: flex;
  position: relative;
}
.layout44.tab-bar .inner-wrap .background-img[data-v-ade30738] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout46.tab-bar[data-v-2ec526c0] {
  --tab-bar-height: 6.125rem;
  --tab-bar-top: 2rem;
  width: 100%;
  height: calc(var(--tab-bar-height) - var(--tab-bar-top));
  padding-top: var(--tab-bar-top);
  position: absolute;
  bottom: -0.0625rem;
  z-index: 10;
  --border: 0;
  --background: linear-gradient(to bottom, transparent var(--tab-bar-height), var(--ep-color-background-fill-foot-bar) var(--tab-bar-height));
}
.layout46.tab-bar .inner-wrap[data-v-2ec526c0] {
  width: 100%;
  height: calc(var(--tab-bar-height) - var(--tab-bar-top));
  display: flex;
  position: relative;
}
.layout46.tab-bar .inner-wrap .icon-bg-tab-bar[data-v-2ec526c0] {
  display: block;
  width: 100%;
  height: 100%;
  color: var(--ep-color-background-fill-foot-bar);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .tab-btn[data-v-3cc57a6d] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
html .tab-btn .tab-label[data-v-3cc57a6d] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
html .tab-btn .tab-icon[data-v-3cc57a6d] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-text-navigation-default);
}
html .active-tab[data-v-3cc57a6d] {
  animation: buttonAnimation-3cc57a6d 500ms;
  position: relative;
}
html .active-tab[data-v-3cc57a6d]::before {
  content: '';
  width: 60%;
  height: 60%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--ep-color-background-fill-glow-primary-opacity-100);
  opacity: 0.5;
  filter: blur(1rem);
}
html .active-tab .tab-label[data-v-3cc57a6d] {
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-navigation-selected);
}
html .active-tab .tab-icon[data-v-3cc57a6d] {
  color: var(--ep-color-icon-brand-primary);
}
html .point-1[data-v-3cc57a6d] {
  top: 0.625rem;
  right: 1.5625rem;
}
html .point-3[data-v-3cc57a6d] {
  top: 0.6875rem;
  right: 1.5625rem;
}
html .point-4[data-v-3cc57a6d] {
  top: 0.5rem;
  right: 1.5625rem;
}
@keyframes buttonAnimation-3cc57a6d {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .tab-btn[data-v-78e154cf] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
html .tab-btn .tab-label[data-v-78e154cf] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
html .tab-btn .tab-img[data-v-78e154cf] {
  width: 0;
  height: 0;
}
html .tab-btn .tab-img.good-img[data-v-78e154cf] {
  width: 1.5rem;
  height: 1.5rem;
}
html .active-tab[data-v-78e154cf] {
  animation: buttonAnimation-78e154cf 500ms;
  position: relative;
}
html .active-tab .tab-label[data-v-78e154cf] {
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-navigation-selected);
}
html .point-1[data-v-78e154cf] {
  top: 0.625rem;
  right: 1.5625rem;
}
html .point-3[data-v-78e154cf] {
  top: 0.6875rem;
  right: 1.5625rem;
}
html .point-4[data-v-78e154cf] {
  top: 0.5rem;
  right: 1.5625rem;
}
@keyframes buttonAnimation-78e154cf {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .tab-btn[data-v-78edae47] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
html .tab-btn .tab-label[data-v-78edae47] {
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
html .tab-btn .tab-img[data-v-78edae47] {
  position: relative;
  z-index: 10;
  width: 0;
  height: 0;
  filter: grayscale(1);
}
html .tab-btn .tab-img.good-img[data-v-78edae47] {
  width: 2.125rem;
  height: 2.125rem;
}
html .tab-btn.active-tab[data-v-78edae47] {
  animation: buttonAnimation-78edae47 500ms;
  position: relative;
}
html .tab-btn.active-tab .active-block[data-v-78edae47] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -65%);
  z-index: 5;
  box-sizing: content-box;
  width: 1.875rem;
  height: 1.875rem;
  overflow: hidden;
  border-radius: var(--ep-border-radius-s);
  background: linear-gradient(to bottom, var(--ep-color-background-fill-glow-primary-opacity-100) 0%, var(--ep-color-background-fill-gradients-primary-a) 100%);
}
html .tab-btn.active-tab .active-block[data-v-78edae47]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0.0625rem;
  left: 0.0625rem;
  right: 0.0625rem;
  bottom: 0.0625rem;
  z-index: -1;
  border-radius: var(--ep-border-radius-s);
  background: radial-gradient(70% 50% at 50% 100%, var(--ep-color-background-fill-glow-primary-opacity-100), var(--ep-color-background-fill-surface-raised-L2));
}
html .tab-btn.active-tab .tab-label[data-v-78edae47] {
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-navigation-selected);
}
html .tab-btn.active-tab .tab-img[data-v-78edae47] {
  filter: grayscale(0);
}
html .tab-btn.active-tab .tab-img.good-img[data-v-78edae47] {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.5rem;
  margin-bottom: 0.375rem;
}
html .point-1[data-v-78edae47] {
  top: 0.625rem;
  right: 1.5625rem;
}
html .point-3[data-v-78edae47] {
  top: 0.6875rem;
  right: 1.5625rem;
}
html .point-4[data-v-78edae47] {
  top: 0.5rem;
  right: 1.5625rem;
}
@keyframes buttonAnimation-78edae47 {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .tab-btn[data-v-0bcbe6cb] {
  flex: 1;
  height: 2.875rem;
  margin: 0.25rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
html .tab-btn .tab-label[data-v-0bcbe6cb] {
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
html .tab-btn .tab-icon[data-v-0bcbe6cb] {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  position: relative;
  z-index: 10;
}
html .tab-btn.active-tab[data-v-0bcbe6cb] {
  animation: buttonAnimation-0bcbe6cb 500ms;
  position: relative;
}
html .tab-btn.active-tab .tab-label[data-v-0bcbe6cb] {
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-navigation-selected, #FFF);
}
html .tab-btn.active-tab .tab-icon[data-v-0bcbe6cb] {
  animation: bounce-cycle-0bcbe6cb 16.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
}
html .point-1[data-v-0bcbe6cb] {
  top: 0.625rem;
  right: 1.5625rem;
}
html .point-3[data-v-0bcbe6cb] {
  top: 0.6875rem;
  right: 1.5625rem;
}
html .point-4[data-v-0bcbe6cb] {
  top: 0.5rem;
  right: 1.5625rem;
}
@keyframes buttonAnimation-0bcbe6cb {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
@keyframes bounce-cycle-0bcbe6cb {
0%,
  92.6% {
    transform: translateY(0);
}
93.8% {
    transform: translateY(-15px);
}
95.1% {
    transform: translateY(0);
}
96.3% {
    transform: translateY(-8px);
}
97.5% {
    transform: translateY(0);
}
98.1% {
    transform: translateY(-4px);
}
98.7% {
    transform: translateY(0);
}
99.4% {
    transform: translateY(-2px);
}
100% {
    transform: translateY(0);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .tab-btn[data-v-1000a4c7] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  animation: none !important;
}
html .tab-btn .tab-label[data-v-1000a4c7] {
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
html .tab-btn .tab-img[data-v-1000a4c7] {
  position: relative;
  z-index: 10;
  width: 2.125rem;
  height: 2.125rem;
}
html .tab-btn.active-tab[data-v-1000a4c7] {
  animation: buttonAnimation-1000a4c7 500ms !important;
  position: relative;
}
html .tab-btn.active-tab .tab-label[data-v-1000a4c7] {
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-navigation-selected);
}
html .tab-btn.layout26[data-v-1000a4c7] {
  gap: 0.25rem;
}
html .tab-btn.layout26.active-tab .tab-img[data-v-1000a4c7]::before {
  content: '';
  display: block;
  position: absolute;
  width: 2.8125rem;
  height: 0.9375rem;
  bottom: -0.25rem;
  z-index: -1;
  left: -0.5rem;
  background: radial-gradient(ellipse, var(--ep-color-background-fill-glow-primary-opacity-100) 0%, transparent 100%);
  border-radius: 50%;
  filter: blur(8px);
}
html .tab-btn.layout26 .tab-img.good-img[data-v-1000a4c7] {
  width: 1.875rem;
  height: 1.875rem;
}
html .point-1[data-v-1000a4c7] {
  top: 0.625rem;
  right: 1.5625rem;
}
html .point-3[data-v-1000a4c7] {
  top: 0.6875rem;
  right: 1.5625rem;
}
html .point-4[data-v-1000a4c7] {
  top: 0.5rem;
  right: 1.5625rem;
}
@keyframes buttonAnimation-1000a4c7 {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
.layout30.active-tab.tab-btn[data-v-1000a4c7] {
  gap: 0.375rem;
}
.layout30.active-tab.tab-btn[data-v-1000a4c7]::before {
  content: '';
  background: var(--ep-color-background-fill-body-default);
  position: absolute;
  width: 3.375rem;
  height: 3.375rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: 1px solid var(--ep-color-border-default);
}
.layout30.active-tab.tab-btn .tab-img[data-v-1000a4c7] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-navigation-selected);
}
.layout36.active-tab.tab-btn[data-v-1000a4c7] {
  gap: 0.375rem;
}
.layout36.active-tab.tab-btn .tab-img[data-v-1000a4c7] {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.9375rem;
  background: var(--ep-color-background-fill-gradients-secondary-a);
  color: var(--ep-color-background-fill-glow-primary-opacity-100);
  box-shadow: 0px 0px 0.125rem 0px #FFFFFF4D inset;
  padding-left: 0.0625rem;
}
.layout37.tab-btn[data-v-1000a4c7] {
  position: relative;
}
.layout37.tab-btn .tab-img[data-v-1000a4c7] {
  width: 2.25rem;
  height: 2.25rem;
  margin-bottom: 0.125rem;
  color: var(--ep-color-text-navigation-default);
}
.layout37.tab-btn.active-tab .tab-img[data-v-1000a4c7] {
  color: var(--ep-color-text-navigation-selected);
}
.layout37.tab-btn.active-tab[data-v-1000a4c7]::after {
  position: absolute;
  content: '';
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.125rem;
  width: 2.625rem;
  height: 0.125rem;
  background: linear-gradient(90deg, rgba(224, 0, 255, 0) 1.2%, var(--ep-color-border-brand) 48.92%, rgba(224, 0, 255, 0) 95.82%);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.tab-btn[data-v-5d0ec692] {
  flex: 1;
  padding-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
html .layout1.tab-btn .tab-label[data-v-5d0ec692] {
  margin-top: 0.375rem;
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
html .layout1.tab-btn .tab-icon[data-v-5d0ec692] {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
  position: relative;
  z-index: 10;
  color: var(--ep-color-icon-navigation-default);
}
html .layout1.tab-btn.active-tab[data-v-5d0ec692] {
  position: relative;
}
html .layout1.tab-btn.active-tab .active-block[data-v-5d0ec692] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 3.375rem;
  height: 3.375rem;
  border-bottom-width: 0.1875rem;
  border-bottom-style: solid;
  border-image: linear-gradient(90deg, transparent 1.2%, var(--ep-color-border-brand) 48.92%, transparent 95.82%) 1;
}
html .layout1.tab-btn.active-tab .active-block[data-v-5d0ec692]::after {
  content: '';
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: radial-gradient(30% 40% at 50% 100%, var(--ep-color-background-fill-active-primary) 0%, transparent 100%);
  filter: blur(7px);
}
html .layout1.tab-btn.active-tab .tab-label[data-v-5d0ec692] {
  color: var(--ep-color-text-navigation-selected, #FFF);
}
html .layout1.tab-btn.active-tab .tab-icon[data-v-5d0ec692] {
  color: var(--ep-color-icon-navigation-selected);
}
html .point-1[data-v-5d0ec692] {
  top: 0.625rem;
  right: 1.5625rem;
}
html .point-3[data-v-5d0ec692] {
  top: 0.6875rem;
  right: 1.5625rem;
}
html .point-4[data-v-5d0ec692] {
  top: 0.5rem;
  right: 1.5625rem;
}
html .layout2.tab-btn[data-v-5d0ec692] {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
html .layout2.tab-btn .tab-icon[data-v-5d0ec692] {
  margin-top: 1rem;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  position: relative;
  z-index: 10;
  color: var(--ep-color-icon-navigation-default);
}
html .layout2.tab-btn .tab-label[data-v-5d0ec692] {
  margin-top: 0.375rem;
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
html .layout2.tab-btn.active-tab[data-v-5d0ec692] {
  position: relative;
}
html .layout2.tab-btn.active-tab .active-block[data-v-5d0ec692] {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 2.25rem;
  height: 0.25rem;
  border-radius: var(--ep-border-radius-xl);
  background: var(--ep-color-icon-brand-primary);
}
html .layout2.tab-btn.active-tab .tab-label[data-v-5d0ec692] {
  color: var(--ep-color-text-navigation-selected, #FFF);
}
html .layout2.tab-btn.active-tab .tab-icon[data-v-5d0ec692] {
  color: var(--ep-color-icon-navigation-selected);
}
html .point-1[data-v-5d0ec692] {
  top: 0.625rem;
  right: 1.5625rem;
}
html .point-3[data-v-5d0ec692] {
  top: 0.6875rem;
  right: 1.5625rem;
}
html .point-4[data-v-5d0ec692] {
  top: 0.5rem;
  right: 1.5625rem;
}
html .layout39.tab-btn[data-v-5d0ec692] {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
html .layout39.tab-btn .tab-icon[data-v-5d0ec692] {
  margin-top: 1rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 2rem;
  position: relative;
  z-index: 10;
  color: var(--ep-color-icon-navigation-default);
}
html .layout39.tab-btn .tab-label[data-v-5d0ec692] {
  margin-top: 0.25rem;
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
html .layout39.tab-btn.active-tab[data-v-5d0ec692] {
  position: relative;
}
html .layout39.tab-btn.active-tab .active-block[data-v-5d0ec692] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 2.625rem;
  height: 0.1875rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 1.2%, var(--ep-color-border-brand, #D73E3E) 48.92%, rgba(255, 255, 255, 0) 95.82%);
}
html .layout39.tab-btn.active-tab .active-block[data-v-5d0ec692]::after {
  content: '';
  pointer-events: none;
  display: block;
  width: 1.375rem;
  height: 0.25rem;
  position: absolute;
  bottom: 0.375rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  background: var(--ep-color-background-fill-active-primary);
  filter: blur(7px);
}
html .layout39.tab-btn.active-tab .tab-label[data-v-5d0ec692] {
  color: var(--ep-color-text-default);
}
html .layout39.tab-btn.active-tab .tab-icon[data-v-5d0ec692] {
  color: var(--ep-color-icon-brand-primary);
}
html .point-1[data-v-5d0ec692] {
  top: 1rem;
  right: 1.4375rem;
}
html .point-3[data-v-5d0ec692] {
  top: 16px;
  right: 16px;
}
html .point-4[data-v-5d0ec692] {
  top: 1.1875rem;
  right: 1.1875rem;
}
html .layout51.tab-btn[data-v-5d0ec692] {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
html .layout51.tab-btn .tab-icon[data-v-5d0ec692] {
  margin-top: 1.875rem;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  position: relative;
  z-index: 10;
  color: var(--ep-color-icon-navigation-default);
}
html .layout51.tab-btn .tab-label[data-v-5d0ec692] {
  margin-top: 0.0625rem;
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  text-transform: capitalize;
  line-height: 1.125rem;
  color: var(--ep-color-text-navigation-default);
}
html .layout51.tab-btn.active-tab[data-v-5d0ec692] {
  position: relative;
}
html .layout51.tab-btn.active-tab .active-block[data-v-5d0ec692] {
  position: absolute;
  top: 1.3125rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 2.25rem;
  height: 0.25rem;
  border-radius: var(--ep-border-radius-xl);
  background: var(--ep-color-icon-brand-primary);
}
html .layout51.tab-btn.active-tab .tab-label[data-v-5d0ec692] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-navigation-selected);
}
html .layout51.tab-btn.active-tab .tab-icon[data-v-5d0ec692] {
  color: var(--ep-color-icon-navigation-selected);
}
html .point-1[data-v-5d0ec692],
html .point-3[data-v-5d0ec692],
html .point-4[data-v-5d0ec692] {
  top: 1.5rem;
  right: 1.5625rem;
}
#tabbar-components-tabBar-components-tabItem-28-index .layout1.tab-btn[data-v-5d0ec692] {
  flex: 1;
  padding-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
#tabbar-components-tabBar-components-tabItem-28-index .layout1.tab-btn .tab-label[data-v-5d0ec692] {
  margin-top: 0.375rem;
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
#tabbar-components-tabBar-components-tabItem-28-index .layout1.tab-btn .tab-icon[data-v-5d0ec692] {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
  position: relative;
  z-index: 10;
  color: var(--ep-color-icon-navigation-default);
}
#tabbar-components-tabBar-components-tabItem-28-index .layout1.tab-btn.active-tab[data-v-5d0ec692] {
  position: relative;
}
#tabbar-components-tabBar-components-tabItem-28-index .layout1.tab-btn.active-tab .active-block[data-v-5d0ec692] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 3.375rem;
  height: 3.375rem;
  border-bottom-width: 0.1875rem;
  border-bottom-style: solid;
  border-image: linear-gradient(90deg, transparent 1.2%, var(--ep-color-border-brand) 48.92%, transparent 95.82%) 1;
}
#tabbar-components-tabBar-components-tabItem-28-index .layout1.tab-btn.active-tab .active-block[data-v-5d0ec692]::after {
  content: '';
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: radial-gradient(30% 40% at 50% 100%, var(--ep-color-background-fill-active-primary) 0%, transparent 100%);
  filter: blur(7px);
}
#tabbar-components-tabBar-components-tabItem-28-index .layout1.tab-btn.active-tab .tab-label[data-v-5d0ec692] {
  color: var(--ep-color-text-navigation-selected, #FFF);
}
#tabbar-components-tabBar-components-tabItem-28-index .layout1.tab-btn.active-tab .tab-icon[data-v-5d0ec692] {
  color: var(--ep-color-icon-navigation-selected);
}
#tabbar-components-tabBar-components-tabItem-28-index .point-1[data-v-5d0ec692] {
  top: 0.625rem;
  right: 1.5625rem;
}
#tabbar-components-tabBar-components-tabItem-28-index .point-3[data-v-5d0ec692] {
  top: 0.6875rem;
  right: 1.5625rem;
}
#tabbar-components-tabBar-components-tabItem-28-index .point-4[data-v-5d0ec692] {
  top: 0.5rem;
  right: 1.5625rem;
}
#tabbar-components-tabBar-components-tabItem-28-index .layout2.tab-btn[data-v-5d0ec692] {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
#tabbar-components-tabBar-components-tabItem-28-index .layout2.tab-btn .tab-icon[data-v-5d0ec692] {
  margin-top: 1rem;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  position: relative;
  z-index: 10;
  color: var(--ep-color-icon-navigation-default);
}
#tabbar-components-tabBar-components-tabItem-28-index .layout2.tab-btn .tab-label[data-v-5d0ec692] {
  margin-top: 0.375rem;
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
#tabbar-components-tabBar-components-tabItem-28-index .layout2.tab-btn.active-tab[data-v-5d0ec692] {
  position: relative;
}
#tabbar-components-tabBar-components-tabItem-28-index .layout2.tab-btn.active-tab .active-block[data-v-5d0ec692] {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 2.25rem;
  height: 0.25rem;
  border-radius: var(--ep-border-radius-xl);
  background: var(--ep-color-icon-brand-primary);
}
#tabbar-components-tabBar-components-tabItem-28-index .layout2.tab-btn.active-tab .tab-label[data-v-5d0ec692] {
  color: var(--ep-color-text-navigation-selected, #FFF);
}
#tabbar-components-tabBar-components-tabItem-28-index .layout2.tab-btn.active-tab .tab-icon[data-v-5d0ec692] {
  color: var(--ep-color-icon-navigation-selected);
}
#tabbar-components-tabBar-components-tabItem-28-index .point-1[data-v-5d0ec692] {
  top: 0.625rem;
  right: 1.5625rem;
}
#tabbar-components-tabBar-components-tabItem-28-index .point-3[data-v-5d0ec692] {
  top: 0.6875rem;
  right: 1.5625rem;
}
#tabbar-components-tabBar-components-tabItem-28-index .point-4[data-v-5d0ec692] {
  top: 0.5rem;
  right: 1.5625rem;
}
#tabbar-components-tabBar-components-tabItem-28-index .layout39.tab-btn[data-v-5d0ec692] {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
#tabbar-components-tabBar-components-tabItem-28-index .layout39.tab-btn .tab-icon[data-v-5d0ec692] {
  margin-top: 1rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 2rem;
  position: relative;
  z-index: 10;
  color: var(--ep-color-icon-navigation-default);
}
#tabbar-components-tabBar-components-tabItem-28-index .layout39.tab-btn .tab-label[data-v-5d0ec692] {
  margin-top: 0.25rem;
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
#tabbar-components-tabBar-components-tabItem-28-index .layout39.tab-btn.active-tab[data-v-5d0ec692] {
  position: relative;
}
#tabbar-components-tabBar-components-tabItem-28-index .layout39.tab-btn.active-tab .active-block[data-v-5d0ec692] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 2.625rem;
  height: 0.1875rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 1.2%, var(--ep-color-border-brand, #D73E3E) 48.92%, rgba(255, 255, 255, 0) 95.82%);
}
#tabbar-components-tabBar-components-tabItem-28-index .layout39.tab-btn.active-tab .active-block[data-v-5d0ec692]::after {
  content: '';
  pointer-events: none;
  display: block;
  width: 1.375rem;
  height: 0.25rem;
  position: absolute;
  bottom: 0.375rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  background: var(--ep-color-background-fill-active-primary);
  filter: blur(7px);
}
#tabbar-components-tabBar-components-tabItem-28-index .layout39.tab-btn.active-tab .tab-label[data-v-5d0ec692] {
  color: var(--ep-color-text-default);
}
#tabbar-components-tabBar-components-tabItem-28-index .layout39.tab-btn.active-tab .tab-icon[data-v-5d0ec692] {
  color: var(--ep-color-icon-brand-primary);
}
#tabbar-components-tabBar-components-tabItem-28-index .point-1[data-v-5d0ec692] {
  top: 1rem;
  right: 1.4375rem;
}
#tabbar-components-tabBar-components-tabItem-28-index .point-3[data-v-5d0ec692] {
  top: 16px;
  right: 16px;
}
#tabbar-components-tabBar-components-tabItem-28-index .point-4[data-v-5d0ec692] {
  top: 1.1875rem;
  right: 1.1875rem;
}
#tabbar-components-tabBar-components-tabItem-28-index .layout51.tab-btn[data-v-5d0ec692] {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
#tabbar-components-tabBar-components-tabItem-28-index .layout51.tab-btn .tab-icon[data-v-5d0ec692] {
  margin-top: 1.875rem;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  position: relative;
  z-index: 10;
  color: var(--ep-color-icon-navigation-default);
}
#tabbar-components-tabBar-components-tabItem-28-index .layout51.tab-btn .tab-label[data-v-5d0ec692] {
  margin-top: 0.0625rem;
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  text-transform: capitalize;
  line-height: 1.125rem;
  color: var(--ep-color-text-navigation-default);
}
#tabbar-components-tabBar-components-tabItem-28-index .layout51.tab-btn.active-tab[data-v-5d0ec692] {
  position: relative;
}
#tabbar-components-tabBar-components-tabItem-28-index .layout51.tab-btn.active-tab .active-block[data-v-5d0ec692] {
  position: absolute;
  top: 1.3125rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 2.25rem;
  height: 0.25rem;
  border-radius: var(--ep-border-radius-xl);
  background: var(--ep-color-icon-brand-primary);
}
#tabbar-components-tabBar-components-tabItem-28-index .layout51.tab-btn.active-tab .tab-label[data-v-5d0ec692] {
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-navigation-selected);
}
#tabbar-components-tabBar-components-tabItem-28-index .layout51.tab-btn.active-tab .tab-icon[data-v-5d0ec692] {
  color: var(--ep-color-icon-navigation-selected);
}
#tabbar-components-tabBar-components-tabItem-28-index .point-1[data-v-5d0ec692],
#tabbar-components-tabBar-components-tabItem-28-index .point-3[data-v-5d0ec692],
#tabbar-components-tabBar-components-tabItem-28-index .point-4[data-v-5d0ec692] {
  top: 1.5rem;
  right: 1.5625rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.tab-btn[data-v-e45fcfd7] {
  flex: 1;
  gap: 0.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  animation: none !important;
}
.tab-btn .tab-label[data-v-e45fcfd7] {
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
.tab-btn .tab-img[data-v-e45fcfd7] {
  position: relative;
  z-index: 10;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-navigation-default);
}
.tab-btn .tab-img.good-img[data-v-e45fcfd7] {
  width: 2.125rem;
  height: 2.125rem;
}
.tab-btn.active-tab[data-v-e45fcfd7] {
  animation: buttonAnimation-e45fcfd7 500ms !important;
  position: relative;
}
.tab-btn.active-tab .tab-img[data-v-e45fcfd7] {
  color: var(--ep-color-icon-navigation-selected);
}
.tab-btn.active-tab .tab-label[data-v-e45fcfd7] {
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-navigation-selected);
}
.layout44.tab-btn[data-v-e45fcfd7] {
  padding-top: 0.375rem;
}
.layout44.tab-btn .tab-img[data-v-e45fcfd7] {
  width: 1.875rem;
  height: 1.875rem;
}
.layout44.tab-btn .red-point[data-v-e45fcfd7] {
  top: 1.375rem;
}
.point-1[data-v-e45fcfd7] {
  top: 0.625rem;
  right: 1.5625rem;
}
.point-3[data-v-e45fcfd7] {
  top: 0.6875rem;
  right: 1.5625rem;
}
.point-4[data-v-e45fcfd7] {
  top: 0.5rem;
  right: 1.5625rem;
}
@keyframes buttonAnimation-e45fcfd7 {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.tab-btn[data-v-c80beb20] {
  flex: 1;
  gap: 0.125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  animation: none !important;
}
.tab-btn .tab-label[data-v-c80beb20] {
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
.tab-btn .tab-img[data-v-c80beb20] {
  position: relative;
  z-index: 10;
  width: 2rem;
  height: 2rem;
  color: var(--ep-color-icon-navigation-default);
}
.tab-btn .tab-img.good-img[data-v-c80beb20] {
  width: 2.125rem;
  height: 2.125rem;
}
.tab-btn.active-tab[data-v-c80beb20] {
  animation: buttonAnimation-c80beb20 500ms !important;
  position: relative;
}
.tab-btn.active-tab .tab-img[data-v-c80beb20] {
  color: var(--ep-color-icon-navigation-selected);
}
.tab-btn.active-tab .tab-label[data-v-c80beb20] {
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-navigation-selected);
}
.point-1[data-v-c80beb20] {
  top: 0.625rem;
  right: 1.5625rem;
}
.point-3[data-v-c80beb20] {
  top: 0.6875rem;
  right: 1.5625rem;
}
.point-4[data-v-c80beb20] {
  top: 0.5rem;
  right: 1.5625rem;
}
@keyframes buttonAnimation-c80beb20 {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.tab-btn[data-v-dd211963] {
  flex: 1;
  gap: 0.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  animation: none !important;
}
.tab-btn .tab-label[data-v-dd211963] {
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
.tab-btn .tab-img[data-v-dd211963] {
  position: relative;
  z-index: 10;
  width: 2.125rem;
  height: 2.125rem;
  color: var(--ep-color-icon-navigation-default);
}
.tab-btn .tab-img.good-img[data-v-dd211963] {
  width: 2.125rem;
  height: 2.125rem;
}
.tab-btn.active-tab[data-v-dd211963] {
  animation: buttonAnimation-dd211963 500ms !important;
  position: relative;
}
.tab-btn.active-tab .tab-img[data-v-dd211963] {
  color: var(--ep-color-icon-navigation-selected);
}
.tab-btn.active-tab .tab-label[data-v-dd211963] {
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-navigation-selected);
}
.point-1[data-v-dd211963] {
  top: 0.625rem;
  right: 1.5625rem;
}
.point-3[data-v-dd211963] {
  top: 0.6875rem;
  right: 1.5625rem;
}
.point-4[data-v-dd211963] {
  top: 0.5rem;
  right: 1.5625rem;
}
@keyframes buttonAnimation-dd211963 {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.tab-btn[data-v-76e0772d] {
  flex: 1;
  gap: 0.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  animation: none !important;
}
.tab-btn .tab-label[data-v-76e0772d] {
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
.tab-btn .tab-img[data-v-76e0772d] {
  position: relative;
  z-index: 10;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-navigation-default);
}
.tab-btn .tab-img.good-img[data-v-76e0772d] {
  width: 2.125rem;
  height: 2.125rem;
}
.tab-btn.active-tab[data-v-76e0772d] {
  animation: buttonAnimation-76e0772d 500ms !important;
  position: relative;
}
.tab-btn.active-tab .tab-img[data-v-76e0772d] {
  color: var(--ep-color-icon-navigation-selected);
}
.tab-btn.active-tab .tab-label[data-v-76e0772d] {
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-navigation-selected);
}
.layout44.tab-btn[data-v-76e0772d] {
  padding-top: 0.375rem;
}
.layout44.tab-btn .tab-img[data-v-76e0772d] {
  width: 1.875rem;
  height: 1.875rem;
}
.layout44.tab-btn .red-point[data-v-76e0772d] {
  top: 1.375rem;
}
.point-1[data-v-76e0772d] {
  top: 0.625rem;
  right: 1.5625rem;
}
.point-3[data-v-76e0772d] {
  top: 0.6875rem;
  right: 1.5625rem;
}
.point-4[data-v-76e0772d] {
  top: 0.5rem;
  right: 1.5625rem;
}
@keyframes buttonAnimation-76e0772d {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
[data-v-a89e7d1b] .red-point.point-0 {
  top: 0;
  right: 1.5625rem;
}
[data-v-a89e7d1b] .red-point.point-1 {
  top: 0;
  right: 1.5625rem;
}
[data-v-a89e7d1b] .red-point.point-3 {
  top: 0;
  right: 1.5625rem;
}
[data-v-a89e7d1b] .red-point.point-4 {
  top: 0;
  right: 1.5625rem;
}
@keyframes buttonAnimation-a89e7d1b {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
.layout42.tab-btn[data-v-a89e7d1b] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  animation: none !important;
  margin-top: 0.625rem /* 10/16 */;
}
.layout42.tab-btn .tab-label[data-v-a89e7d1b] {
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
  margin-top: 0.125rem;
}
.layout42.tab-btn .tab-img[data-v-a89e7d1b] {
  position: relative;
  z-index: 10;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-navigation-default);
}
.layout42.tab-btn .tab-img.good-img[data-v-a89e7d1b] {
  width: 2.125rem;
  height: 2.125rem;
}
.layout42.tab-btn .active-underline[data-v-a89e7d1b] {
  position: absolute;
  bottom: 0.625rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.625rem;
  height: 0.125rem;
  border-radius: 0.75rem;
  background: #01DA7F;
  box-shadow: 0 0 4px 0 #01DA7F;
  opacity: 0;
  transition: opacity 150ms ease;
}
.layout42.tab-btn.active-tab[data-v-a89e7d1b] {
  animation: buttonAnimation-a89e7d1b 500ms !important;
  position: relative;
}
.layout42.tab-btn.active-tab .tab-img[data-v-a89e7d1b] {
  color: var(--ep-color-icon-navigation-selected);
}
.layout42.tab-btn.active-tab .tab-label[data-v-a89e7d1b] {
  color: var(--ep-color-text-navigation-selected);
}
.layout42.tab-btn.active-tab .active-underline[data-v-a89e7d1b] {
  opacity: 1;
}
.layout46.tab-btn[data-v-a89e7d1b] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  animation: none !important;
  margin-top: 0.625rem /* 10/16 */;
}
.layout46.tab-btn .tab-label[data-v-a89e7d1b] {
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
  margin-top: 0.125rem;
}
.layout46.tab-btn .tab-img[data-v-a89e7d1b] {
  position: relative;
  z-index: 10;
  width: 2rem;
  height: 2rem;
  color: var(--ep-color-icon-navigation-default);
}
.layout46.tab-btn .tab-img.good-img[data-v-a89e7d1b] {
  width: 2.125rem;
  height: 2.125rem;
}
.layout46.tab-btn .active-underline[data-v-a89e7d1b] {
  position: absolute;
  top: -0.625rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2.125rem;
  height: 0.125rem;
  border-radius: var(--ep-border-radius-xl) var(--ep-border-radius-xl) 0 0;
  background: var(--ep-color-icon-brand-primary);
  opacity: 0;
  transition: opacity 150ms ease;
}
.layout46.tab-btn.active-tab[data-v-a89e7d1b] {
  animation: buttonAnimation-a89e7d1b 500ms !important;
  position: relative;
}
.layout46.tab-btn.active-tab .tab-img[data-v-a89e7d1b] {
  color: var(--ep-color-icon-navigation-selected);
}
.layout46.tab-btn.active-tab .tab-label[data-v-a89e7d1b] {
  color: var(--ep-color-text-navigation-selected);
  font-weight: var(--ep-font-weight-medium);
}
.layout46.tab-btn.active-tab .active-underline[data-v-a89e7d1b] {
  opacity: 1;
}
.layout50.tab-btn[data-v-a89e7d1b] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  animation: none !important;
  margin-bottom: 0.3125rem;
}
.layout50.tab-btn .tab-label[data-v-a89e7d1b] {
  z-index: 10;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
.layout50.tab-btn .tab-img[data-v-a89e7d1b] {
  position: relative;
  z-index: 10;
  width: 1.875rem;
  height: 1.875rem;
  color: var(--ep-color-icon-navigation-default);
  mix-blend-mode: luminosity;
}
.layout50.tab-btn .active-underline[data-v-a89e7d1b] {
  display: none;
}
.layout50.tab-btn.active-tab[data-v-a89e7d1b] {
  position: relative;
}
.layout50.tab-btn.active-tab .tab-img[data-v-a89e7d1b] {
  color: var(--ep-color-icon-navigation-selected);
  mix-blend-mode: unset;
}
.layout50.tab-btn.active-tab .tab-label[data-v-a89e7d1b] {
  color: var(--ep-color-text-navigation-selected);
  font-weight: var(--ep-font-weight-medium, 600);
}
.layout54.tab-btn[data-v-a89e7d1b] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  animation: none !important;
  margin-top: 1.1875rem;
}
.layout54.tab-btn .tab-img[data-v-a89e7d1b] {
  position: relative;
  z-index: 10;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-navigation-default);
}
.layout54.tab-btn .tab-label[data-v-a89e7d1b] {
  position: relative;
  z-index: 10;
  margin-top: 0.25rem;
  line-height: 1.125rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  text-transform: capitalize;
  color: var(--ep-color-text-navigation-default);
}
.layout54.tab-btn .active-underline[data-v-a89e7d1b] {
  display: none;
}
.layout54.tab-btn.active-tab .tab-img[data-v-a89e7d1b] {
  color: var(--ep-color-icon-navigation-selected);
}
.layout54.tab-btn.active-tab .tab-label[data-v-a89e7d1b] {
  color: var(--ep-color-text-navigation-selected);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.tab-btn[data-v-f12b49bf] {
  flex: 1;
  gap: 0.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  animation: none !important;
}
.tab-btn .tab-label[data-v-f12b49bf] {
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
.tab-btn .tab-img[data-v-f12b49bf] {
  position: relative;
  z-index: 10;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-navigation-default);
}
.tab-btn .tab-img.good-img[data-v-f12b49bf] {
  width: 2.125rem;
  height: 2.125rem;
}
.tab-btn.active-tab[data-v-f12b49bf] {
  animation: buttonAnimation-f12b49bf 500ms !important;
  position: relative;
}
.tab-btn.active-tab .tab-img[data-v-f12b49bf] {
  color: var(--ep-color-icon-navigation-selected);
}
.tab-btn.active-tab .tab-label[data-v-f12b49bf] {
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-navigation-selected);
}
.layout44.tab-btn[data-v-f12b49bf] {
  padding-top: 0.375rem;
}
.layout44.tab-btn .tab-img[data-v-f12b49bf] {
  width: 1.875rem;
  height: 1.875rem;
}
.layout44.tab-btn .red-point[data-v-f12b49bf] {
  top: 1.375rem;
}
.point-1[data-v-f12b49bf] {
  top: 0.625rem;
  right: 1.5625rem;
}
.point-3[data-v-f12b49bf] {
  top: 0.6875rem;
  right: 1.5625rem;
}
.point-4[data-v-f12b49bf] {
  top: 0.5rem;
  right: 1.5625rem;
}
@keyframes buttonAnimation-f12b49bf {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout47.tab-btn[data-v-0230b6e9] {
  flex: 1;
  gap: 0.5rem;
  height: 100%;
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
}
.layout47.tab-btn .tab-icon-container[data-v-0230b6e9] {
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout47.tab-btn .tab-icon-container .bg-icon[data-v-0230b6e9] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  color: var(--tab-icon-bg);
}
.layout47.tab-btn .tab-icon-container .tab-icon[data-v-0230b6e9] {
  z-index: 9;
  height: 1.125rem;
  position: relative;
  color: var(--ep-color-icon-navigation-default);
}
.layout47.tab-btn .tab-label[data-v-0230b6e9] {
  z-index: 10;
  line-height: 1;
  margin-top: 0.25rem;
  position: relative;
  text-transform: capitalize;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-navigation-default);
}
.layout47.tab-btn .active-block[data-v-0230b6e9] {
  display: none;
}
.layout47.tab-btn .red-point[data-v-0230b6e9] {
  top: 0;
  right: 1.25rem;
}
.layout47.tab-btn.active-tab[data-v-0230b6e9] {
  position: relative;
}
.layout47.tab-btn.active-tab .tab-label[data-v-0230b6e9] {
  color: var(--ep-color-text-navigation-selected);
}
.layout47.tab-btn.active-tab .tab-icon[data-v-0230b6e9] {
  color: var(--ep-color-text-navigation-selected);
}
.layout47.tab-btn.active-tab .bg-icon[data-v-0230b6e9] {
  color: var(--tab-icon-bg-active);
}
/**
 * 53 号（炫彩紫）底部 tab 项，设计稿 node 9054:29211（tab bar / 功能名称=home）。
 *
 * 设计稿的纵向节奏是从底栏底边往上量的：文字 18 高、底边留 9；图标 24 高紧贴文字上沿（无间距）。
 * 所以这里用 `justify-content: flex-end` + `padding-bottom` 从底部排，而不是从顶部堆——
 * 底栏总高比背景条高出 5（给圆形凸起留位），从顶部排会把这 5 也算进去。
 *
 * 激活态的圆形凸起在设计稿里是一个独立浮层（Group 2131331135），不参与那一列的自动布局：
 * 激活列只剩文字，文字位置与其余四列完全一致。所以这里给它 `position: absolute`——
 * 留在文档流里会把文字顶上去，与设计稿对不上。圆的下沿距底栏底边 32.5，40 的直径向上
 * 正好顶出背景条 4.5，落在底栏预留的那 5 里。
 */
.layout53.tab-btn[data-v-0230b6e9] {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex: 1;
  gap: 0;
  height: 100%;
  position: relative;
  justify-content: flex-end;
  padding-bottom: 0.5625rem;
}
.layout53.tab-btn .tab-icon-container[data-v-0230b6e9] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
}
.layout53.tab-btn .tab-icon-container .bg-icon[data-v-0230b6e9] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  transition: opacity 0.2s ease;
}
.layout53.tab-btn .tab-icon-container .tab-icon[data-v-0230b6e9] {
  z-index: 9;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
}
.layout53.tab-btn .tab-label[data-v-0230b6e9] {
  z-index: 10;
  margin-top: 0;
  position: relative;
  line-height: 1.125rem;
  text-transform: capitalize;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-navigation-default);
}
.layout53.tab-btn .active-block[data-v-0230b6e9] {
  display: none;
}
.layout53.tab-btn .red-point[data-v-0230b6e9] {
  top: 1.0625rem;
  right: 1.25rem;
}
.layout53.tab-btn.active-tab .tab-icon-container[data-v-0230b6e9] {
  left: 50%;
  width: 2.5rem;
  height: 2.5rem;
  bottom: 2.03125rem;
  position: absolute;
  transform: translateX(-50%);
}
.layout53.tab-btn.active-tab .bg-icon[data-v-0230b6e9] {
  opacity: 1;
}
.layout53.tab-btn.active-tab .tab-icon[data-v-0230b6e9] {
  color: var(--ep-color-icon-navigation-selected);
}
.layout53.tab-btn.active-tab .tab-icon[data-v-0230b6e9] svg path {
  fill: currentColor;
}
.layout53.tab-btn.active-tab .tab-label[data-v-0230b6e9] {
  color: var(--ep-color-text-navigation-selected);
}
.layout49.tab-btn[data-v-0230b6e9] {
  flex: 1;
  gap: 0.125rem;
  height: 100%;
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
}
.layout49.tab-btn .tab-icon-container[data-v-0230b6e9] {
  width: 2rem;
  height: 2rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout49.tab-btn .tab-icon-container .bg-icon[data-v-0230b6e9] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  color: var(--tab-icon-bg);
}
.layout49.tab-btn .tab-icon-container .tab-icon[data-v-0230b6e9] {
  z-index: 9;
  position: relative;
  color: var(--ep-color-icon-navigation-default);
}
.layout49.tab-btn .tab-label[data-v-0230b6e9] {
  z-index: 10;
  line-height: 1;
  margin-top: 0.25rem;
  position: relative;
  text-transform: capitalize;
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-navigation-default);
}
.layout49.tab-btn .active-block[data-v-0230b6e9] {
  display: none;
}
.layout49.tab-btn .red-point[data-v-0230b6e9] {
  top: 0;
  right: 1.25rem;
}
.layout49.tab-btn.active-tab[data-v-0230b6e9] {
  position: relative;
}
.layout49.tab-btn.active-tab .tab-label[data-v-0230b6e9] {
  color: var(--ep-color-text-navigation-selected);
}
.layout49.tab-btn.active-tab .tab-icon[data-v-0230b6e9] {
  color: var(--ep-color-text-navigation-selected);
}
.layout49.tab-btn.active-tab .bg-icon[data-v-0230b6e9] {
  color: var(--tab-icon-bg-active);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .tab-btn[data-v-85f54ec3] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  animation: none !important;
}
html .tab-btn .tab-label[data-v-85f54ec3] {
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
html .tab-btn .tab-img[data-v-85f54ec3] {
  position: relative;
  z-index: 10;
  width: 2.125rem;
  height: 2.125rem;
}
html .tab-btn.active-tab[data-v-85f54ec3] {
  animation: buttonAnimation-85f54ec3 500ms !important;
  position: relative;
}
html .tab-btn.active-tab .tab-label[data-v-85f54ec3] {
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-navigation-selected);
}
html .tab-btn.layout26[data-v-85f54ec3] {
  gap: 0.25rem;
}
html .tab-btn.layout26.active-tab .tab-img[data-v-85f54ec3]::before {
  content: '';
  display: block;
  position: absolute;
  width: 2.8125rem;
  height: 0.9375rem;
  bottom: -0.25rem;
  z-index: -1;
  left: -0.5rem;
  background: radial-gradient(ellipse, var(--ep-color-background-fill-glow-primary-opacity-100) 0%, transparent 100%);
  border-radius: 50%;
  filter: blur(8px);
}
html .tab-btn.layout26 .tab-img.good-img[data-v-85f54ec3] {
  width: 1.875rem;
  height: 1.875rem;
}
html .point-1[data-v-85f54ec3] {
  top: 0.625rem;
  right: 1.5625rem;
}
html .point-3[data-v-85f54ec3] {
  top: 0.6875rem;
  right: 1.5625rem;
}
html .point-4[data-v-85f54ec3] {
  top: 0.5rem;
  right: 1.5625rem;
}
@keyframes buttonAnimation-85f54ec3 {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
.layout30.active-tab.tab-btn[data-v-85f54ec3] {
  gap: 0.375rem;
}
.layout30.active-tab.tab-btn[data-v-85f54ec3]::before {
  content: '';
  background: var(--ep-color-background-fill-body-default);
  position: absolute;
  width: 3.375rem;
  height: 3.375rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: 1px solid var(--ep-color-border-default);
}
.layout30.active-tab.tab-btn .tab-img[data-v-85f54ec3] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-navigation-selected);
}
.layout36.active-tab.tab-btn[data-v-85f54ec3] {
  gap: 0.375rem;
}
.layout36.active-tab.tab-btn .tab-img[data-v-85f54ec3] {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.9375rem;
  background: var(--ep-color-background-fill-gradients-secondary-a);
  color: var(--ep-color-background-fill-glow-primary-opacity-100);
  box-shadow: 0px 0px 0.125rem 0px #FFFFFF4D inset;
  padding-left: 0.0625rem;
}
.layout37.tab-btn[data-v-85f54ec3] {
  position: relative;
}
.layout37.tab-btn .tab-img[data-v-85f54ec3] {
  width: 2.25rem;
  height: 2.25rem;
  margin-bottom: 0.125rem;
  color: var(--ep-color-text-navigation-default);
}
.layout37.tab-btn.active-tab .tab-img[data-v-85f54ec3] {
  color: var(--ep-color-text-navigation-selected);
}
.layout37.tab-btn.active-tab[data-v-85f54ec3]::after {
  position: absolute;
  content: '';
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.125rem;
  width: 2.625rem;
  height: 0.125rem;
  background: linear-gradient(90deg, rgba(224, 0, 255, 0) 1.2%, var(--ep-color-border-brand) 48.92%, rgba(224, 0, 255, 0) 95.82%);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .flexible-tab[data-v-5cc753e8] {
  width: 4.25rem;
  height: 2.875rem;
  border-radius: 2.5625rem;
  font-size: 2.8125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(151deg, #8FE759 6.6%, #328624 77.21%, #25651A 92.71%);
  border: 0.0625rem solid #A4F383;
  box-shadow: 0 0 1.563rem 0 #1D530E, 0 0 0.875rem 0 #1D530E;
}
html .flexible-tab .tab-icon[data-v-5cc753e8] {
  font-size: 1.4063rem;
  color: #fff;
}
html .flexible-tab .tab-label[data-v-5cc753e8] {
  font-size: 0.625rem;
  font-weight: 500;
  color: #fff;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .flexible-tab[data-v-37fb704a] {
  flex: 1;
}
html .flexible-tab .flexible-tab-box[data-v-37fb704a] {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  bottom: 2.125rem;
  transform: translate(-50%);
  padding: 0.0625rem;
  background-image: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a, #3A8EE3), var(--ep-color-background-fill-gradients-primary-b, #CF3F5B));
}
html .flexible-tab .flexible-tab-box[data-v-37fb704a]::before {
  content: '';
  position: absolute;
  inset: 0.0625rem;
  border-radius: 50%;
  background-color: var(--ep-color-background-fill-surface-raised-L2);
}
html .flexible-tab .flexible-tab-box .flexible-img-ring[data-v-37fb704a] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  animation: rotate-37fb704a 5s linear infinite;
}
html .flexible-tab .flexible-tab-box .flexible-img-ring svg[data-v-37fb704a] {
  stroke-width: 2;
}
html .flexible-tab .flexible-tab-box .flexible-img-ring svg path[data-v-37fb704a],
html .flexible-tab .flexible-tab-box .flexible-img-ring svg circle[data-v-37fb704a],
html .flexible-tab .flexible-tab-box .flexible-img-ring svg rect[data-v-37fb704a],
html .flexible-tab .flexible-tab-box .flexible-img-ring svg line[data-v-37fb704a] {
  stroke-width: inherit;
}
html .flexible-tab .flexible-tab-box .flexible-img-main[data-v-37fb704a] {
  width: 0;
  position: relative;
  z-index: 2;
}
html .flexible-tab .flexible-tab-box .flexible-img-main.good-img[data-v-37fb704a] {
  width: 2.1875rem;
}
html .flexible-tab .flexible-tab-box .flexible-img-main svg[data-v-37fb704a] {
  stroke-width: 2;
}
html .flexible-tab .flexible-tab-box .flexible-img-main svg path[data-v-37fb704a],
html .flexible-tab .flexible-tab-box .flexible-img-main svg circle[data-v-37fb704a],
html .flexible-tab .flexible-tab-box .flexible-img-main svg rect[data-v-37fb704a],
html .flexible-tab .flexible-tab-box .flexible-img-main svg line[data-v-37fb704a] {
  stroke-width: inherit;
}
html .flexible-tab .tab-label[data-v-37fb704a] {
  display: block;
  margin-top: 2.1875rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
@keyframes rotate-37fb704a {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .tab-btn[data-v-ff4a3030] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
html .tab-btn .tab-label[data-v-ff4a3030] {
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
html .tab-btn .tab-img[data-v-ff4a3030] {
  position: relative;
  z-index: 10;
  width: 0;
  height: 0;
  filter: grayscale(1);
}
html .tab-btn .tab-img.good-img[data-v-ff4a3030] {
  width: 2.125rem;
  height: 2.125rem;
}
html .tab-btn.active-tab[data-v-ff4a3030] {
  animation: buttonAnimation-ff4a3030 500ms;
  position: relative;
}
html .tab-btn.active-tab .active-block[data-v-ff4a3030] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -65%);
  z-index: 5;
  box-sizing: content-box;
  width: 1.875rem;
  height: 1.875rem;
  overflow: hidden;
  border-radius: var(--ep-border-radius-s);
  background: linear-gradient(to bottom, var(--ep-color-background-fill-glow-primary-opacity-100) 0%, var(--ep-color-background-fill-gradients-primary-a) 100%);
}
html .tab-btn.active-tab .active-block[data-v-ff4a3030]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0.0625rem;
  left: 0.0625rem;
  right: 0.0625rem;
  bottom: 0.0625rem;
  z-index: -1;
  border-radius: var(--ep-border-radius-s);
  background: radial-gradient(70% 50% at 50% 100%, var(--ep-color-background-fill-glow-primary-opacity-100), var(--ep-color-background-fill-surface-raised-L2));
}
html .tab-btn.active-tab .tab-label[data-v-ff4a3030] {
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-navigation-selected);
}
html .tab-btn.active-tab .tab-img[data-v-ff4a3030] {
  filter: grayscale(0);
}
html .tab-btn.active-tab .tab-img.good-img[data-v-ff4a3030] {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.5rem;
  margin-bottom: 0.375rem;
}
html .point-1[data-v-ff4a3030] {
  top: 0.625rem;
  right: 1.5625rem;
}
html .point-3[data-v-ff4a3030] {
  top: 0.6875rem;
  right: 1.5625rem;
}
html .point-4[data-v-ff4a3030] {
  top: 0.5rem;
  right: 1.5625rem;
}
@keyframes buttonAnimation-ff4a3030 {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.tab-btn[data-v-f0254839] {
  flex: 1;
  margin-top: 0.125rem;
  padding: 0.375rem 0 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
html .layout1.tab-btn .tab-label[data-v-f0254839] {
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
html .layout1.tab-btn .tab-img[data-v-f0254839] {
  position: relative;
  z-index: 10;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  color: var(--ep-color-icon-navigation-selected);
}
html .layout1.tab-btn.active-tab[data-v-f0254839] {
  position: relative;
}
html .layout1.tab-btn.active-tab .active-block[data-v-f0254839] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  box-sizing: content-box;
  width: 3.375rem;
  overflow: hidden;
  border-radius: var(--ep-border-radius-s);
  background: var(--ep-color-border-default, #414A54);
}
html .layout1.tab-btn.active-tab .active-block[data-v-f0254839]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0.0625rem;
  left: 0.0625rem;
  right: 0.0625rem;
  bottom: 0.0625rem;
  z-index: -1;
  border-radius: var(--ep-border-radius-s);
  background: var(--ep-color-background-fill-body-default, #21262C);
}
html .layout1.tab-btn.active-tab .tab-label[data-v-f0254839] {
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-navigation-selected, #FFF);
}
html .layout1.tab-btn.active-tab .tab-img[data-v-f0254839] {
  filter: grayscale(0);
}
html .layout1.tab-btn.active-tab .tab-img.good-img[data-v-f0254839] {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.5rem;
  margin-bottom: 0.375rem;
}
html .point-1[data-v-f0254839] {
  top: 0.625rem;
  right: 1.5625rem;
}
html .point-3[data-v-f0254839] {
  top: 0.6875rem;
  right: 1.5625rem;
}
html .point-4[data-v-f0254839] {
  top: 0.5rem;
  right: 1.5625rem;
}
@keyframes buttonAnimation-f0254839 {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
#tabbar-components-tabBar-components-flexibleTab-5-index .layout1.tab-btn[data-v-f0254839] {
  flex: 1;
  margin-top: 0.125rem;
  padding: 0.375rem 0 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
#tabbar-components-tabBar-components-flexibleTab-5-index .layout1.tab-btn .tab-label[data-v-f0254839] {
  position: relative;
  z-index: 10;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
}
#tabbar-components-tabBar-components-flexibleTab-5-index .layout1.tab-btn .tab-img[data-v-f0254839] {
  position: relative;
  z-index: 10;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  color: var(--ep-color-icon-navigation-selected);
}
#tabbar-components-tabBar-components-flexibleTab-5-index .layout1.tab-btn.active-tab[data-v-f0254839] {
  position: relative;
}
#tabbar-components-tabBar-components-flexibleTab-5-index .layout1.tab-btn.active-tab .active-block[data-v-f0254839] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  box-sizing: content-box;
  width: 3.375rem;
  overflow: hidden;
  border-radius: var(--ep-border-radius-s);
  background: var(--ep-color-border-default, #414A54);
}
#tabbar-components-tabBar-components-flexibleTab-5-index .layout1.tab-btn.active-tab .active-block[data-v-f0254839]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0.0625rem;
  left: 0.0625rem;
  right: 0.0625rem;
  bottom: 0.0625rem;
  z-index: -1;
  border-radius: var(--ep-border-radius-s);
  background: var(--ep-color-background-fill-body-default, #21262C);
}
#tabbar-components-tabBar-components-flexibleTab-5-index .layout1.tab-btn.active-tab .tab-label[data-v-f0254839] {
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-navigation-selected, #FFF);
}
#tabbar-components-tabBar-components-flexibleTab-5-index .layout1.tab-btn.active-tab .tab-img[data-v-f0254839] {
  filter: grayscale(0);
}
#tabbar-components-tabBar-components-flexibleTab-5-index .layout1.tab-btn.active-tab .tab-img.good-img[data-v-f0254839] {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.5rem;
  margin-bottom: 0.375rem;
}
#tabbar-components-tabBar-components-flexibleTab-5-index .point-1[data-v-f0254839] {
  top: 0.625rem;
  right: 1.5625rem;
}
#tabbar-components-tabBar-components-flexibleTab-5-index .point-3[data-v-f0254839] {
  top: 0.6875rem;
  right: 1.5625rem;
}
#tabbar-components-tabBar-components-flexibleTab-5-index .point-4[data-v-f0254839] {
  top: 0.5rem;
  right: 1.5625rem;
}
@keyframes buttonAnimation-f0254839 {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .flexible-tab[data-v-d6c5dcad] {
  flex: 1;
  position: relative;
}
html .flexible-tab .flexible-tab-box[data-v-d6c5dcad] {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 0;
  left: 50%;
  bottom: 1rem;
  transform: translate(-50%);
  padding: 0.0625rem;
  background-size: 160% 160%;
  background-position: center;
}
html .flexible-tab .flexible-tab-box[data-v-d6c5dcad]::before {
  display: none;
  content: '';
  position: absolute;
  inset: 0.0625rem;
  border-radius: 50%;
  background-color: var(--ep-color-background-fill-surface-raised-L2);
}
html .flexible-tab .flexible-tab-box .flexible-img-ring[data-v-d6c5dcad] {
  position: absolute;
  z-index: 1;
}
html .flexible-tab .flexible-tab-box .flexible-img-ring[data-v-d6c5dcad]:nth-child(1) {
  width: 85%;
  height: 85%;
  animation: rotate-d6c5dcad 3s ease infinite;
}
html .flexible-tab .flexible-tab-box .flexible-img-ring[data-v-d6c5dcad]:nth-child(2) {
  width: 100%;
  height: 100%;
  animation: rotate-d6c5dcad 4s ease infinite reverse;
}
html .flexible-tab .flexible-tab-box .flexible-img-main[data-v-d6c5dcad] {
  width: 0;
  position: relative;
  z-index: 1;
}
html .flexible-tab .flexible-tab-box .flexible-img-main.good-img[data-v-d6c5dcad] {
  width: 2.1875rem;
}
html .flexible-tab .flexible-tab-box .flexible-img-main svg[data-v-d6c5dcad] {
  stroke-width: 2;
}
html .flexible-tab .flexible-tab-box .flexible-img-main svg path[data-v-d6c5dcad],
html .flexible-tab .flexible-tab-box .flexible-img-main svg circle[data-v-d6c5dcad],
html .flexible-tab .flexible-tab-box .flexible-img-main svg rect[data-v-d6c5dcad],
html .flexible-tab .flexible-tab-box .flexible-img-main svg line[data-v-d6c5dcad] {
  stroke-width: inherit;
}
html .flexible-tab .tab-label[data-v-d6c5dcad] {
  display: block;
  margin-top: 2.1875rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
  text-align: center;
}
@keyframes rotate-d6c5dcad {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-7fe81f06] {
  /* 上升位移不能用 bottom（layout 属性）做动画：每帧触发 layout+paint+raster，
       旧机型 CPU 发热主因之一。改为 translateY 纯合成器动画，位移按容器 3.125rem
       折算（-10%→110% 共 120% = 3.75rem，各关键帧取线性插值点），视觉轨迹不变 */
}
html .layout1.flexible-tab[data-v-7fe81f06] {
  flex: 1;
  height: 100%;
  position: relative;
  /* 泡泡 */
}
html .layout1.flexible-tab .flexible-tab-box[data-v-7fe81f06] {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0.0625rem;
  filter: drop-shadow(0 0 1rem rgba(255, 0, 0, 0.39));
}
html .layout1.flexible-tab .flexible-tab-box .flexible-img-ring[data-v-7fe81f06] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
html .layout1.flexible-tab .flexible-tab-box .flexible-img-ring svg[data-v-7fe81f06] {
  stroke-width: 2;
}
html .layout1.flexible-tab .flexible-tab-box .flexible-img-ring svg path[data-v-7fe81f06],
html .layout1.flexible-tab .flexible-tab-box .flexible-img-ring svg circle[data-v-7fe81f06],
html .layout1.flexible-tab .flexible-tab-box .flexible-img-ring svg rect[data-v-7fe81f06],
html .layout1.flexible-tab .flexible-tab-box .flexible-img-ring svg line[data-v-7fe81f06] {
  stroke-width: inherit;
}
html .layout1.flexible-tab .flexible-tab-box .flexible-img-main[data-v-7fe81f06] {
  width: 100%;
  position: relative;
  z-index: 2;
}
html .layout1.flexible-tab .flexible-tab-box .flexible-img-main svg[data-v-7fe81f06] {
  stroke-width: 2;
}
html .layout1.flexible-tab .flexible-tab-box .flexible-img-main svg path[data-v-7fe81f06],
html .layout1.flexible-tab .flexible-tab-box .flexible-img-main svg circle[data-v-7fe81f06],
html .layout1.flexible-tab .flexible-tab-box .flexible-img-main svg rect[data-v-7fe81f06],
html .layout1.flexible-tab .flexible-tab-box .flexible-img-main svg line[data-v-7fe81f06] {
  stroke-width: inherit;
}
html .layout1.flexible-tab .tab-label[data-v-7fe81f06] {
  display: none;
}
html .layout1.flexible-tab .bubble[data-v-7fe81f06] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  z-index: 2;
}
html .layout1.flexible-tab .bubble > li[data-v-7fe81f06] {
  position: absolute;
  bottom: -10%;
  border-radius: 50%;
  animation: bubbleRise-7fe81f06 3s linear infinite;
  background: var(--ep-color-icon-weaker);
  will-change: transform, opacity;
}
html .layout1.flexible-tab .bubble > li[data-v-7fe81f06]:nth-child(1) {
  width: 0.25rem;
  height: 0.25rem;
  left: 15%;
  animation-delay: 0s;
}
html .layout1.flexible-tab .bubble > li[data-v-7fe81f06]:nth-child(2) {
  width: 0.1875rem;
  height: 0.1875rem;
  left: 35%;
  animation-delay: 0.8s;
}
html .layout1.flexible-tab .bubble > li[data-v-7fe81f06]:nth-child(3) {
  width: 0.375rem;
  height: 0.375rem;
  left: 25%;
  animation-delay: 1.2s;
}
@keyframes bubbleRise-7fe81f06 {
0% {
    opacity: 0;
    transform: translateY(0) scale(1) translateX(0);
}
10% {
    opacity: 1;
}
20% {
    transform: translateY(-0.75rem) scale(1.2) translateX(-2px);
}
40% {
    transform: translateY(-1.5rem) scale(1) translateX(3px);
}
60% {
    transform: translateY(-2.25rem) scale(1.1) translateX(-1px);
}
80% {
    transform: translateY(-3rem) scale(0.8) translateX(2px);
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translateY(-3.75rem) scale(0.3) translateX(0);
}
}
html .layout2.flexible-tab[data-v-7fe81f06] {
  flex: 1;
  height: 100%;
  position: relative;
}
html .layout2.flexible-tab .flexible-tab-box[data-v-7fe81f06] {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 0;
  transform: translate(-50%, -45%);
  padding: 0.0625rem;
  filter: drop-shadow(0 0 0.375rem var(--ep-primary-primary-500));
}
html .layout2.flexible-tab .flexible-tab-box .flexible-img-ring[data-v-7fe81f06] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
html .layout2.flexible-tab .flexible-tab-box .flexible-img-ring svg[data-v-7fe81f06] {
  stroke-width: 2;
}
html .layout2.flexible-tab .flexible-tab-box .flexible-img-ring svg path[data-v-7fe81f06],
html .layout2.flexible-tab .flexible-tab-box .flexible-img-ring svg circle[data-v-7fe81f06],
html .layout2.flexible-tab .flexible-tab-box .flexible-img-ring svg rect[data-v-7fe81f06],
html .layout2.flexible-tab .flexible-tab-box .flexible-img-ring svg line[data-v-7fe81f06] {
  stroke-width: inherit;
}
html .layout2.flexible-tab .flexible-tab-box .flexible-img-main[data-v-7fe81f06] {
  width: 2.9375rem;
  height: 2.9375rem;
  position: relative;
  z-index: 2;
  animation: physics-collision-bounce-7fe81f06 18s linear infinite;
}
html .layout2.flexible-tab .flexible-tab-box .flexible-img-main svg[data-v-7fe81f06] {
  stroke-width: 2;
}
html .layout2.flexible-tab .flexible-tab-box .flexible-img-main svg path[data-v-7fe81f06],
html .layout2.flexible-tab .flexible-tab-box .flexible-img-main svg circle[data-v-7fe81f06],
html .layout2.flexible-tab .flexible-tab-box .flexible-img-main svg rect[data-v-7fe81f06],
html .layout2.flexible-tab .flexible-tab-box .flexible-img-main svg line[data-v-7fe81f06] {
  stroke-width: inherit;
}
html .layout2.flexible-tab .tab-label[data-v-7fe81f06] {
  display: none;
}
@keyframes physics-collision-bounce-7fe81f06 {
0% {
    transform: translate(0, 0) rotate(0deg);
}
1.33% {
    transform: translate(0.125rem, -0.1875rem) rotate(30deg);
}
2.5% {
    transform: translate(0.3125rem, -0.125rem) rotate(60deg);
}
3.83% {
    transform: translate(0.25rem, 0.0625rem) rotate(90deg);
}
5% {
    transform: translate(0.125rem, 0.1875rem) rotate(120deg);
}
6.33% {
    transform: translate(-0.0625rem, 0.25rem) rotate(150deg);
}
7.5% {
    transform: translate(-0.1875rem, 0.125rem) rotate(180deg);
}
8.83% {
    transform: translate(-0.25rem, -0.0625rem) rotate(210deg);
}
10% {
    transform: translate(-0.1875rem, -0.1875rem) rotate(240deg);
}
11.33% {
    transform: translate(-0.0625rem, -0.25rem) rotate(270deg);
}
12.5% {
    transform: translate(0.0625rem, -0.1875rem) rotate(300deg);
}
13.83% {
    transform: translate(0.1875rem, -0.0625rem) rotate(320deg);
}
15% {
    transform: translate(0.125rem, 0.0625rem) rotate(340deg);
}
16.67% {
    transform: translate(0, 0) rotate(360deg);
}
100% {
    transform: translate(0, 0) rotate(360deg);
}
}
html .layout39.flexible-tab[data-v-7fe81f06] {
  flex: 4.8125rem;
  height: 100%;
  position: relative;
}
html .layout39.flexible-tab .flexible-tab-box[data-v-7fe81f06] {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 0.125rem;
  transform: translateX(-50%);
}
html .layout39.flexible-tab .flexible-tab-box .flexible-img-ring[data-v-7fe81f06] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  animation: flexibleRingSpin-7fe81f06 3s linear infinite;
}
html .layout39.flexible-tab .flexible-tab-box .flexible-img-ring svg[data-v-7fe81f06] {
  stroke-width: 2;
}
html .layout39.flexible-tab .flexible-tab-box .flexible-img-ring svg path[data-v-7fe81f06],
html .layout39.flexible-tab .flexible-tab-box .flexible-img-ring svg circle[data-v-7fe81f06],
html .layout39.flexible-tab .flexible-tab-box .flexible-img-ring svg rect[data-v-7fe81f06],
html .layout39.flexible-tab .flexible-tab-box .flexible-img-ring svg line[data-v-7fe81f06] {
  stroke-width: inherit;
}
html .layout39.flexible-tab .flexible-tab-box .flexible-img-main[data-v-7fe81f06] {
  width: 3.8125rem;
  height: 3.8125rem;
  position: relative;
  z-index: 2;
}
html .layout39.flexible-tab .flexible-tab-box .flexible-img-main svg[data-v-7fe81f06] {
  stroke-width: 2;
}
html .layout39.flexible-tab .flexible-tab-box .flexible-img-main svg path[data-v-7fe81f06],
html .layout39.flexible-tab .flexible-tab-box .flexible-img-main svg circle[data-v-7fe81f06],
html .layout39.flexible-tab .flexible-tab-box .flexible-img-main svg rect[data-v-7fe81f06],
html .layout39.flexible-tab .flexible-tab-box .flexible-img-main svg line[data-v-7fe81f06] {
  stroke-width: inherit;
}
html .layout39.flexible-tab .tab-label[data-v-7fe81f06] {
  display: none;
}
@keyframes flexibleRingSpin-7fe81f06 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index[data-v-7fe81f06] {
  /* 上升位移不能用 bottom（layout 属性）做动画：每帧触发 layout+paint+raster，
       旧机型 CPU 发热主因之一。改为 translateY 纯合成器动画，位移按容器 3.125rem
       折算（-10%→110% 共 120% = 3.75rem，各关键帧取线性插值点），视觉轨迹不变 */
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout1.flexible-tab[data-v-7fe81f06] {
  flex: 1;
  height: 100%;
  position: relative;
  /* 泡泡 */
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout1.flexible-tab .flexible-tab-box[data-v-7fe81f06] {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0.0625rem;
  filter: drop-shadow(0 0 1rem rgba(255, 0, 0, 0.39));
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout1.flexible-tab .flexible-tab-box .flexible-img-ring[data-v-7fe81f06] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout1.flexible-tab .flexible-tab-box .flexible-img-ring svg[data-v-7fe81f06] {
  stroke-width: 2;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout1.flexible-tab .flexible-tab-box .flexible-img-ring svg path[data-v-7fe81f06],
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout1.flexible-tab .flexible-tab-box .flexible-img-ring svg circle[data-v-7fe81f06],
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout1.flexible-tab .flexible-tab-box .flexible-img-ring svg rect[data-v-7fe81f06],
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout1.flexible-tab .flexible-tab-box .flexible-img-ring svg line[data-v-7fe81f06] {
  stroke-width: inherit;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout1.flexible-tab .flexible-tab-box .flexible-img-main[data-v-7fe81f06] {
  width: 100%;
  position: relative;
  z-index: 2;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout1.flexible-tab .flexible-tab-box .flexible-img-main svg[data-v-7fe81f06] {
  stroke-width: 2;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout1.flexible-tab .flexible-tab-box .flexible-img-main svg path[data-v-7fe81f06],
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout1.flexible-tab .flexible-tab-box .flexible-img-main svg circle[data-v-7fe81f06],
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout1.flexible-tab .flexible-tab-box .flexible-img-main svg rect[data-v-7fe81f06],
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout1.flexible-tab .flexible-tab-box .flexible-img-main svg line[data-v-7fe81f06] {
  stroke-width: inherit;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout1.flexible-tab .tab-label[data-v-7fe81f06] {
  display: none;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout1.flexible-tab .bubble[data-v-7fe81f06] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  z-index: 2;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout1.flexible-tab .bubble > li[data-v-7fe81f06] {
  position: absolute;
  bottom: -10%;
  border-radius: 50%;
  animation: bubbleRise-7fe81f06 3s linear infinite;
  background: var(--ep-color-icon-weaker);
  will-change: transform, opacity;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout1.flexible-tab .bubble > li[data-v-7fe81f06]:nth-child(1) {
  width: 0.25rem;
  height: 0.25rem;
  left: 15%;
  animation-delay: 0s;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout1.flexible-tab .bubble > li[data-v-7fe81f06]:nth-child(2) {
  width: 0.1875rem;
  height: 0.1875rem;
  left: 35%;
  animation-delay: 0.8s;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout1.flexible-tab .bubble > li[data-v-7fe81f06]:nth-child(3) {
  width: 0.375rem;
  height: 0.375rem;
  left: 25%;
  animation-delay: 1.2s;
}
@keyframes bubbleRise-7fe81f06 {
0% {
    opacity: 0;
    transform: translateY(0) scale(1) translateX(0);
}
10% {
    opacity: 1;
}
20% {
    transform: translateY(-0.75rem) scale(1.2) translateX(-2px);
}
40% {
    transform: translateY(-1.5rem) scale(1) translateX(3px);
}
60% {
    transform: translateY(-2.25rem) scale(1.1) translateX(-1px);
}
80% {
    transform: translateY(-3rem) scale(0.8) translateX(2px);
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translateY(-3.75rem) scale(0.3) translateX(0);
}
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout2.flexible-tab[data-v-7fe81f06] {
  flex: 1;
  height: 100%;
  position: relative;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout2.flexible-tab .flexible-tab-box[data-v-7fe81f06] {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 0;
  transform: translate(-50%, -45%);
  padding: 0.0625rem;
  filter: drop-shadow(0 0 0.375rem var(--ep-primary-primary-500));
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout2.flexible-tab .flexible-tab-box .flexible-img-ring[data-v-7fe81f06] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout2.flexible-tab .flexible-tab-box .flexible-img-ring svg[data-v-7fe81f06] {
  stroke-width: 2;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout2.flexible-tab .flexible-tab-box .flexible-img-ring svg path[data-v-7fe81f06],
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout2.flexible-tab .flexible-tab-box .flexible-img-ring svg circle[data-v-7fe81f06],
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout2.flexible-tab .flexible-tab-box .flexible-img-ring svg rect[data-v-7fe81f06],
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout2.flexible-tab .flexible-tab-box .flexible-img-ring svg line[data-v-7fe81f06] {
  stroke-width: inherit;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout2.flexible-tab .flexible-tab-box .flexible-img-main[data-v-7fe81f06] {
  width: 2.9375rem;
  height: 2.9375rem;
  position: relative;
  z-index: 2;
  animation: physics-collision-bounce-7fe81f06 18s linear infinite;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout2.flexible-tab .flexible-tab-box .flexible-img-main svg[data-v-7fe81f06] {
  stroke-width: 2;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout2.flexible-tab .flexible-tab-box .flexible-img-main svg path[data-v-7fe81f06],
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout2.flexible-tab .flexible-tab-box .flexible-img-main svg circle[data-v-7fe81f06],
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout2.flexible-tab .flexible-tab-box .flexible-img-main svg rect[data-v-7fe81f06],
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout2.flexible-tab .flexible-tab-box .flexible-img-main svg line[data-v-7fe81f06] {
  stroke-width: inherit;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout2.flexible-tab .tab-label[data-v-7fe81f06] {
  display: none;
}
@keyframes physics-collision-bounce-7fe81f06 {
0% {
    transform: translate(0, 0) rotate(0deg);
}
1.33% {
    transform: translate(0.125rem, -0.1875rem) rotate(30deg);
}
2.5% {
    transform: translate(0.3125rem, -0.125rem) rotate(60deg);
}
3.83% {
    transform: translate(0.25rem, 0.0625rem) rotate(90deg);
}
5% {
    transform: translate(0.125rem, 0.1875rem) rotate(120deg);
}
6.33% {
    transform: translate(-0.0625rem, 0.25rem) rotate(150deg);
}
7.5% {
    transform: translate(-0.1875rem, 0.125rem) rotate(180deg);
}
8.83% {
    transform: translate(-0.25rem, -0.0625rem) rotate(210deg);
}
10% {
    transform: translate(-0.1875rem, -0.1875rem) rotate(240deg);
}
11.33% {
    transform: translate(-0.0625rem, -0.25rem) rotate(270deg);
}
12.5% {
    transform: translate(0.0625rem, -0.1875rem) rotate(300deg);
}
13.83% {
    transform: translate(0.1875rem, -0.0625rem) rotate(320deg);
}
15% {
    transform: translate(0.125rem, 0.0625rem) rotate(340deg);
}
16.67% {
    transform: translate(0, 0) rotate(360deg);
}
100% {
    transform: translate(0, 0) rotate(360deg);
}
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout39.flexible-tab[data-v-7fe81f06] {
  flex: 4.8125rem;
  height: 100%;
  position: relative;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout39.flexible-tab .flexible-tab-box[data-v-7fe81f06] {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 0.125rem;
  transform: translateX(-50%);
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout39.flexible-tab .flexible-tab-box .flexible-img-ring[data-v-7fe81f06] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  animation: flexibleRingSpin-7fe81f06 3s linear infinite;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout39.flexible-tab .flexible-tab-box .flexible-img-ring svg[data-v-7fe81f06] {
  stroke-width: 2;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout39.flexible-tab .flexible-tab-box .flexible-img-ring svg path[data-v-7fe81f06],
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout39.flexible-tab .flexible-tab-box .flexible-img-ring svg circle[data-v-7fe81f06],
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout39.flexible-tab .flexible-tab-box .flexible-img-ring svg rect[data-v-7fe81f06],
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout39.flexible-tab .flexible-tab-box .flexible-img-ring svg line[data-v-7fe81f06] {
  stroke-width: inherit;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout39.flexible-tab .flexible-tab-box .flexible-img-main[data-v-7fe81f06] {
  width: 3.8125rem;
  height: 3.8125rem;
  position: relative;
  z-index: 2;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout39.flexible-tab .flexible-tab-box .flexible-img-main svg[data-v-7fe81f06] {
  stroke-width: 2;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout39.flexible-tab .flexible-tab-box .flexible-img-main svg path[data-v-7fe81f06],
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout39.flexible-tab .flexible-tab-box .flexible-img-main svg circle[data-v-7fe81f06],
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout39.flexible-tab .flexible-tab-box .flexible-img-main svg rect[data-v-7fe81f06],
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout39.flexible-tab .flexible-tab-box .flexible-img-main svg line[data-v-7fe81f06] {
  stroke-width: inherit;
}
#tabbar-MainPage-components-tabBar-components-flexibleTab-28-index .layout39.flexible-tab .tab-label[data-v-7fe81f06] {
  display: none;
}
@keyframes flexibleRingSpin-7fe81f06 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.flexible-tab[data-v-eb2602ac] {
  flex: 1;
  position: relative;
}
.flexible-tab .flexible-tab-box[data-v-eb2602ac] {
  width: 3.875rem;
  height: 3.875rem;
  bottom: 1.25rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 0;
  left: 50%;
  transform: translate(-50%);
  padding: 0.0625rem;
  background-size: 160% 160%;
  background-position: center;
  background-image: var(--ep-dynamic-tertiary) !important;
}
.flexible-tab .flexible-tab-box[data-v-eb2602ac]::before {
  display: none;
  content: '';
  position: absolute;
  inset: 0.0625rem;
  border-radius: 50%;
  background-color: var(--ep-color-background-fill-surface-raised-L2);
}
.flexible-tab .flexible-tab-box .flexible-img-ring[data-v-eb2602ac] {
  display: none;
  position: absolute;
  z-index: 1;
}
.flexible-tab .flexible-tab-box .flexible-img-ring[data-v-eb2602ac]:nth-child(1) {
  width: 85%;
  height: 85%;
  animation: rotate-eb2602ac 3s ease infinite;
}
.flexible-tab .flexible-tab-box .flexible-img-ring[data-v-eb2602ac]:nth-child(2) {
  width: 100%;
  height: 100%;
  animation: rotate-eb2602ac 4s ease infinite reverse;
}
.flexible-tab .flexible-tab-box .flexible-img-main[data-v-eb2602ac] {
  width: 1.875rem;
  height: 1.875rem;
  position: relative;
  z-index: 1;
  color: var(--ep-color-icon-default);
}
.flexible-tab .flexible-tab-box .flexible-img-main.good-img[data-v-eb2602ac] {
  width: 2.1875rem;
}
.flexible-tab .flexible-tab-box .flexible-img-main svg[data-v-eb2602ac] {
  stroke-width: 2;
}
.flexible-tab .flexible-tab-box .flexible-img-main svg path[data-v-eb2602ac],
.flexible-tab .flexible-tab-box .flexible-img-main svg circle[data-v-eb2602ac],
.flexible-tab .flexible-tab-box .flexible-img-main svg rect[data-v-eb2602ac],
.flexible-tab .flexible-tab-box .flexible-img-main svg line[data-v-eb2602ac] {
  stroke-width: inherit;
}
.flexible-tab .tab-label[data-v-eb2602ac] {
  display: block;
  margin-top: 2.1875rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
  text-align: center;
}
@keyframes rotate-eb2602ac {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout36.flexible-tab[data-v-f0bb5993] {
  flex: 1;
  height: 100%;
  position: relative;
}
.layout36.flexible-tab .flexible-tab-box[data-v-f0bb5993] {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0.0625rem;
  position: relative;
}
.layout36.flexible-tab .flexible-tab-box .flexible-img-main[data-v-f0bb5993] {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
  animation: spin-bounce-f0bb5993 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
}
.layout36.flexible-tab .flexible-tab-box .flexible-img-main.drawer-active[data-v-f0bb5993] {
  animation: none;
}
.layout36.flexible-tab .flexible-tab-box .flexible-pointer[data-v-f0bb5993] {
  height: 1.375rem;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-48%, -50%);
}
.layout36.flexible-tab .tab-label[data-v-f0bb5993] {
  display: none;
}
@keyframes spin-bounce-f0bb5993 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout38.flexible-tab[data-v-219ca87a] {
  top: -2.75rem;
  width: 7rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 0.5rem;
}
.layout38.flexible-tab .flexible-img-main[data-v-219ca87a] {
  width: 6.25rem;
  height: 6.25rem;
  position: relative;
  z-index: 1;
  color: var(--ep-color-icon-default);
}
.layout38.flexible-tab .flexible-img-main.good-img[data-v-219ca87a] {
  width: 2.1875rem;
}
.layout38.flexible-tab .flexible-img-main svg[data-v-219ca87a] {
  stroke-width: 2;
}
.layout38.flexible-tab .flexible-img-main svg path[data-v-219ca87a],
.layout38.flexible-tab .flexible-img-main svg circle[data-v-219ca87a],
.layout38.flexible-tab .flexible-img-main svg rect[data-v-219ca87a],
.layout38.flexible-tab .flexible-img-main svg line[data-v-219ca87a] {
  stroke-width: inherit;
}
.layout38.flexible-tab .flexible-tab-box[data-v-219ca87a] {
  width: 3.875rem;
  height: 3.875rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 0;
  top: -1rem;
  left: 50%;
  transform: translate(-50%);
  padding: 0.0625rem;
  background-size: 160% 160%;
  background-position: center;
  background-image: var(--ep-dynamic-tertiary) !important;
}
.layout38.flexible-tab .flexible-tab-box[data-v-219ca87a]::before {
  display: none;
  content: '';
  position: absolute;
  inset: 0.0625rem;
  border-radius: 50%;
  background-color: var(--ep-color-background-fill-surface-raised-L2);
}
.layout38.flexible-tab .flexible-tab-box .flexible-img-ring[data-v-219ca87a] {
  display: none;
  position: absolute;
  z-index: 1;
}
.layout38.flexible-tab .flexible-tab-box .flexible-img-ring[data-v-219ca87a]:nth-child(1) {
  width: 85%;
  height: 85%;
  animation: rotate-219ca87a 3s ease infinite;
}
.layout38.flexible-tab .flexible-tab-box .flexible-img-ring[data-v-219ca87a]:nth-child(2) {
  width: 100%;
  height: 100%;
  animation: rotate-219ca87a 4s ease infinite reverse;
}
.layout38.flexible-tab .tab-label[data-v-219ca87a] {
  margin-top: -1rem;
  display: block;
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1;
  color: var(--ep-color-text-navigation-selected);
  text-align: center;
  text-transform: capitalize;
}
.layout40.flexible-tab[data-v-219ca87a] {
  width: 7rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 0.5rem;
}
.layout40.flexible-tab .flexible-img-main[data-v-219ca87a] {
  width: 4.75rem;
  height: 4.75rem;
  position: relative;
  z-index: 1;
  color: var(--ep-color-icon-default);
}
.layout40.flexible-tab .flexible-img-main[data-v-219ca87a] ion-img {
  width: 100%;
  height: 100%;
}
.layout40.flexible-tab .flexible-img-main svg[data-v-219ca87a] {
  stroke-width: 2;
}
.layout40.flexible-tab .flexible-img-main svg path[data-v-219ca87a],
.layout40.flexible-tab .flexible-img-main svg circle[data-v-219ca87a],
.layout40.flexible-tab .flexible-img-main svg rect[data-v-219ca87a],
.layout40.flexible-tab .flexible-img-main svg line[data-v-219ca87a] {
  stroke-width: inherit;
}
.layout40.flexible-tab .flexible-tab-box[data-v-219ca87a] {
  width: 3.875rem;
  height: 3.875rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 0;
  top: -1rem;
  left: 50%;
  transform: translate(-50%);
  padding: 0.0625rem;
  background-size: 160% 160%;
  background-position: center;
  background-image: var(--ep-dynamic-tertiary) !important;
}
.layout40.flexible-tab .flexible-tab-box[data-v-219ca87a]::before {
  display: none;
  content: '';
  position: absolute;
  inset: 0.0625rem;
  border-radius: 50%;
  background-color: var(--ep-color-background-fill-surface-raised-L2);
}
.layout40.flexible-tab .flexible-tab-box .flexible-img-ring[data-v-219ca87a] {
  display: none;
  position: absolute;
  z-index: 1;
}
.layout40.flexible-tab .flexible-tab-box .flexible-img-ring[data-v-219ca87a]:nth-child(1) {
  width: 85%;
  height: 85%;
  animation: rotate-219ca87a 3s ease infinite;
}
.layout40.flexible-tab .flexible-tab-box .flexible-img-ring[data-v-219ca87a]:nth-child(2) {
  width: 100%;
  height: 100%;
  animation: rotate-219ca87a 4s ease infinite reverse;
}
.layout40.flexible-tab .tab-label[data-v-219ca87a] {
  display: none;
}
.layout44.flexible-tab[data-v-219ca87a] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 0.5rem;
}
.layout44.flexible-tab .flexible-img-main[data-v-219ca87a] {
  width: 4.125rem;
  height: 4.125rem;
  position: relative;
  z-index: 1;
  color: var(--ep-color-icon-default);
}
.layout44.flexible-tab .flexible-img-main[data-v-219ca87a] ion-img {
  width: 100%;
  height: 100%;
}
.layout44.flexible-tab .flexible-img-main svg[data-v-219ca87a] {
  stroke-width: 2;
}
.layout44.flexible-tab .flexible-img-main svg path[data-v-219ca87a],
.layout44.flexible-tab .flexible-img-main svg circle[data-v-219ca87a],
.layout44.flexible-tab .flexible-img-main svg rect[data-v-219ca87a],
.layout44.flexible-tab .flexible-img-main svg line[data-v-219ca87a] {
  stroke-width: inherit;
}
.layout44.flexible-tab .flexible-tab-box[data-v-219ca87a] {
  width: 3.875rem;
  height: 3.875rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 0;
  top: -1rem;
  left: 50%;
  transform: translate(-50%);
  padding: 0.0625rem;
  background-size: 160% 160%;
  background-position: center;
  background-image: var(--ep-dynamic-tertiary) !important;
}
.layout44.flexible-tab .flexible-tab-box[data-v-219ca87a]::before {
  display: none;
  content: '';
  position: absolute;
  inset: 0.0625rem;
  border-radius: 50%;
  background-color: var(--ep-color-background-fill-surface-raised-L2);
}
.layout44.flexible-tab .flexible-tab-box .flexible-img-ring[data-v-219ca87a] {
  display: none;
  position: absolute;
  z-index: 1;
}
.layout44.flexible-tab .flexible-tab-box .flexible-img-ring[data-v-219ca87a]:nth-child(1) {
  width: 85%;
  height: 85%;
  animation: rotate-219ca87a 3s ease infinite;
}
.layout44.flexible-tab .flexible-tab-box .flexible-img-ring[data-v-219ca87a]:nth-child(2) {
  width: 100%;
  height: 100%;
  animation: rotate-219ca87a 4s ease infinite reverse;
}
.layout44.flexible-tab .tab-label[data-v-219ca87a] {
  display: none;
}
.layout45.flexible-tab[data-v-219ca87a] {
  width: 3.75rem;
  height: 3.75rem;
  margin-top: 0.375rem;
}
.layout45.flexible-tab .tab-label[data-v-219ca87a] {
  display: none;
}
.layout47.flexible-tab[data-v-219ca87a] {
  gap: 0.75rem;
  height: 100%;
  display: flex;
  width: 4.9375rem;
  align-items: center;
  flex-direction: column;
}
.layout47.flexible-tab .flexible-img-main[data-v-219ca87a] {
  margin-top: -0.75rem;
  width: 3rem;
  height: 3rem;
}
.layout47.flexible-tab .tab-label[data-v-219ca87a] {
  z-index: 1;
  text-transform: capitalize;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-navigation-default);
}
.layout49.flexible-tab[data-v-219ca87a] {
  height: 100%;
  display: flex;
  width: 8rem;
  align-items: center;
  flex-direction: column;
}
.layout49.flexible-tab .flexible-img-main[data-v-219ca87a] {
  width: 6.875rem;
  height: 3.875rem;
  margin-top: -0.875rem;
}
.layout49.flexible-tab .tab-label[data-v-219ca87a] {
  z-index: 1;
  text-transform: capitalize;
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-navigation-default);
}
.layout51.flexible-tab[data-v-219ca87a] {
  flex: 1;
  position: relative;
}
.layout51.flexible-tab .flexible-img-main[data-v-219ca87a] {
  top: 0.0625rem;
  left: 50%;
  width: 4.625rem;
  height: 4.625rem;
  position: absolute;
  transform: translateX(-50%);
}
.layout51.flexible-tab .tab-label[data-v-219ca87a] {
  display: none;
}
@keyframes rotate-219ca87a {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout42.flexible-tab[data-v-0e9ad5ce] {
  flex: 1;
  position: relative;
}
.layout42.flexible-tab .flexible-tab-box[data-v-0e9ad5ce] {
  width: 4.875rem /* 78/16 */;
  height: 2.75rem;
  bottom: 2rem;
  border-radius: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 0;
  left: 50%;
  transform: translate(-50%);
  padding: 0.0625rem;
  background-size: 160% 160%;
  background-position: center;
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a) -27.5%, var(--ep-color-background-fill-gradients-tertiary-b) 127.5%);
}
.layout42.flexible-tab .flexible-tab-box[data-v-0e9ad5ce]::before {
  display: none;
  content: '';
  position: absolute;
  inset: 0.0625rem;
  border-radius: 50%;
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a) -27.5%, var(--ep-color-background-fill-gradients-tertiary-b) 127.5%);
}
.layout42.flexible-tab .flexible-tab-box .flexible-img-ring[data-v-0e9ad5ce] {
  display: none;
  position: absolute;
  z-index: 1;
}
.layout42.flexible-tab .flexible-tab-box .flexible-img-ring[data-v-0e9ad5ce]:nth-child(1) {
  width: 85%;
  height: 85%;
  animation: rotate-0e9ad5ce 3s ease infinite;
}
.layout42.flexible-tab .flexible-tab-box .flexible-img-ring[data-v-0e9ad5ce]:nth-child(2) {
  width: 100%;
  height: 100%;
  animation: rotate-0e9ad5ce 4s ease infinite reverse;
}
.layout42.flexible-tab .flexible-tab-box .flexible-img-main[data-v-0e9ad5ce] {
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  z-index: 1;
  color: var(--ep-color-icon-default);
}
.layout42.flexible-tab .flexible-tab-box .flexible-img-main.good-img[data-v-0e9ad5ce] {
  width: 2.1875rem;
}
.layout42.flexible-tab .flexible-tab-box .flexible-img-main svg[data-v-0e9ad5ce] {
  stroke-width: 2;
}
.layout42.flexible-tab .flexible-tab-box .flexible-img-main svg path[data-v-0e9ad5ce],
.layout42.flexible-tab .flexible-tab-box .flexible-img-main svg circle[data-v-0e9ad5ce],
.layout42.flexible-tab .flexible-tab-box .flexible-img-main svg rect[data-v-0e9ad5ce],
.layout42.flexible-tab .flexible-tab-box .flexible-img-main svg line[data-v-0e9ad5ce] {
  stroke-width: inherit;
}
.layout42.flexible-tab .tab-label[data-v-0e9ad5ce] {
  display: block;
  margin-top: 2.75rem /* 44/16 */;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
  text-align: center;
}
.layout46.flexible-tab .flexible-tab-box[data-v-0e9ad5ce] {
  position: relative;
  bottom: 1.875rem;
  width: 3.75rem;
  height: 3.75rem;
}
.layout50.flexible-tab[data-v-0e9ad5ce] {
  width: 5.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  position: relative;
}
.layout50.flexible-tab .flexible-tab-box[data-v-0e9ad5ce] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 4.625rem;
  height: 3.625rem;
  bottom: 1.5rem;
  z-index: 0;
}
.layout50.flexible-tab .tab-label[data-v-0e9ad5ce] {
  z-index: 10;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  text-transform: capitalize;
  line-height: 1;
  color: var(--ep-color-text-navigation-default);
  margin-bottom: 0.3125rem;
}
.layout54.flexible-tab[data-v-0e9ad5ce] {
  flex: 1;
  position: relative;
}
.layout54.flexible-tab .flexible-tab-box[data-v-0e9ad5ce] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  bottom: 0.625rem;
  transform: translateX(-50%);
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) -27.5%, var(--ep-color-background-fill-gradients-primary-b) 127.5%);
}
.layout54.flexible-tab .flexible-tab-box[data-v-0e9ad5ce]::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  padding: 0.0625rem;
  border-radius: inherit;
  background: linear-gradient(0deg, #EAFF00 0%, rgba(255, 255, 255, 0) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  pointer-events: none;
}
.layout54.flexible-tab .flexible-tab-box .flexible-img-main[data-v-0e9ad5ce] {
  position: relative;
  z-index: 1;
  width: 1.625rem;
  height: 1.625rem;
  color: var(--ep-color-background-fill-foot-bar);
}
@keyframes rotate-0e9ad5ce {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.menu-btn[data-v-9244d36b] {
  padding: 0 1.0625rem;
  margin: 0;
  border-radius: 0;
  background: transparent;
  border: none;
  --box-shadow: none;
}
html .layout1.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1rem;
  color: var(--ep-color-icon-default);
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
html .layout1.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(180deg);
}
html .layout27.menu-btn[data-v-9244d36b] {
  padding: 0.5rem;
  margin: 0 0 0 1.25rem;
  border-radius: var(--ep-border-radius-l);
  background: var(--ep-color-icon-brand-primary);
  border: none;
  --box-shadow: none;
}
html .layout27.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1.125rem;
  color: inherit;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
html .layout27.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(0deg);
}
html .layout30.menu-btn[data-v-9244d36b] {
  padding: 0 0 0 0.625rem;
  margin: 0;
  border-radius: 0;
  background: transparent;
  border: none;
  --box-shadow: none;
}
html .layout30.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1.125rem;
  color: var(--ep-color-icon-brand-secondary);
  padding: 0.5rem;
  border: 1px solid var(--ep-color-border-default);
  border-radius: var(--ep-border-radius-s, 0.25rem);
  background-color: var(--ep-color-background-fill-surface-lowered);
}
html .layout30.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(0deg);
}
html .layout37.menu-btn[data-v-9244d36b] {
  padding: 0.5rem;
  margin: 0 0 0 1.25rem;
  border-radius: var(--ep-border-radius-surface-default);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-primary-b) 0%, var(--ep-color-background-fill-gradients-primary-a) 100%);
  border: none;
  --box-shadow: none;
}
html .layout37.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1.125rem;
  color: inherit;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
html .layout37.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(0deg);
}
html .layout37.menu-btn[data-v-9244d36b] {
  box-shadow: 0 -2px 0 0 var(--ep-color-border-danger) inset;
}
html .layout38.menu-btn[data-v-9244d36b] {
  padding: 0.5rem;
  margin: 0 0 0 1.25rem;
  border-radius: var(--ep-border-radius-l, 0.875rem);
  background: linear-gradient(180deg, var(--ep-color-background-fill-active-primary) 0%, var(--ep-color-background-fill-surface-raised-L2) 47.92%, var(--ep-color-background-fill-surface-raised-L1) 100%);
  border: 1px solid var(--ep-color-border-brand);
  --box-shadow: none;
}
html .layout38.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1.125rem;
  color: inherit;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
html .layout38.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(0deg);
}
html .layout42.menu-btn[data-v-9244d36b] {
  padding: 0.5rem;
  margin: 0 0 0 0.75rem;
  border-radius: var(--ep-border-radius-s);
  background: var(--ep-color-icon-default);
  border: none;
  --box-shadow: none;
}
html .layout42.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1.125rem;
  color: var(--ep-color-icon-brand-secondary);
  padding: 0;
  border: none;
  border-radius: var(--ep-border-radius-s);
  background-color: transparent;
}
html .layout42.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(0deg);
}
html .layout39.menu-btn[data-v-9244d36b] {
  padding: 0 1.0625rem;
  margin: 0;
  border-radius: 0;
  background: transparent;
  border: none;
  --box-shadow: none;
}
html .layout39.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1rem;
  color: var(--ep-color-icon-default);
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
html .layout39.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(0);
}
html .layout46.menu-btn[data-v-9244d36b] {
  padding: 0.5rem;
  margin: 0 0 0 1.25rem;
  border-radius: var(--ep-border-radius-surface-default);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-primary-a) 0%, var(--ep-color-background-fill-gradients-primary-b) 100%);
  border: none;
  --box-shadow: none;
}
html .layout46.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1.125rem;
  color: inherit;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
html .layout46.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(0deg);
}
html .layout46.menu-btn[data-v-9244d36b] {
  width: 1.875rem;
  height: 1.875rem;
  box-shadow: 0 0 0.25rem 0 var(--ep-color-icon-highlight-white) inset;
}
html .layout51.menu-btn[data-v-9244d36b] {
  padding: 0.5rem;
  margin: 0 0 0 1.25rem;
  border-radius: var(--ep-border-radius-l);
  background: var(--ep-neutral-gray-gray-L06);
  border: none;
  --box-shadow: none;
}
html .layout51.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1.125rem;
  color: var(--ep-color-icon-inverse);
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
html .layout51.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(0deg);
}
html .layout54.menu-btn[data-v-9244d36b] {
  padding: 0 0.5625rem;
  margin: 0;
  border-radius: var(--ep-border-radius-m);
  background: var(--ep-neutral-gray-gray-L02);
  border: none;
  --box-shadow: none;
}
html .layout54.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1rem;
  color: var(--ep-color-icon-brand-primary);
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
html .layout54.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(0);
}
html .layout54.menu-btn[data-v-9244d36b] {
  height: 2.125rem;
  flex-shrink: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
html .layout54.menu-btn[data-v-9244d36b]::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 0.0625rem;
  border-radius: inherit;
  background: linear-gradient(180deg, var(--ep-primary-primary-300) 0%, var(--ep-neutral-transparent) 80.88%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  pointer-events: none;
}
html .layout50.menu-btn[data-v-9244d36b] {
  padding: 0;
  margin: 0;
  border-radius: 0;
  background: transparent;
  border: none;
  --box-shadow: none;
}
html .layout50.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1rem;
  color: var(--ep-color-icon-inverse);
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
html .layout50.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(0);
}
html .layout50.menu-btn[data-v-9244d36b] {
  width: 1.875rem;
  height: 1.875rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url('/assets/nav-btn-bg-50-r2-B0rnLGJh.svg') center center / 100% 100% no-repeat;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout1.menu-btn[data-v-9244d36b] {
  padding: 0 1.0625rem;
  margin: 0;
  border-radius: 0;
  background: transparent;
  border: none;
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout1.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1rem;
  color: var(--ep-color-icon-default);
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout1.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(180deg);
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout27.menu-btn[data-v-9244d36b] {
  padding: 0.5rem;
  margin: 0 0 0 1.25rem;
  border-radius: var(--ep-border-radius-l);
  background: var(--ep-color-icon-brand-primary);
  border: none;
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout27.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1.125rem;
  color: inherit;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout27.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(0deg);
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout30.menu-btn[data-v-9244d36b] {
  padding: 0 0 0 0.625rem;
  margin: 0;
  border-radius: 0;
  background: transparent;
  border: none;
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout30.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1.125rem;
  color: var(--ep-color-icon-brand-secondary);
  padding: 0.5rem;
  border: 1px solid var(--ep-color-border-default);
  border-radius: var(--ep-border-radius-s, 0.25rem);
  background-color: var(--ep-color-background-fill-surface-lowered);
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout30.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(0deg);
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout37.menu-btn[data-v-9244d36b] {
  padding: 0.5rem;
  margin: 0 0 0 1.25rem;
  border-radius: var(--ep-border-radius-surface-default);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-primary-b) 0%, var(--ep-color-background-fill-gradients-primary-a) 100%);
  border: none;
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout37.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1.125rem;
  color: inherit;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout37.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(0deg);
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout37.menu-btn[data-v-9244d36b] {
  box-shadow: 0 -2px 0 0 var(--ep-color-border-danger) inset;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout38.menu-btn[data-v-9244d36b] {
  padding: 0.5rem;
  margin: 0 0 0 1.25rem;
  border-radius: var(--ep-border-radius-l, 0.875rem);
  background: linear-gradient(180deg, var(--ep-color-background-fill-active-primary) 0%, var(--ep-color-background-fill-surface-raised-L2) 47.92%, var(--ep-color-background-fill-surface-raised-L1) 100%);
  border: 1px solid var(--ep-color-border-brand);
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout38.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1.125rem;
  color: inherit;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout38.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(0deg);
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout42.menu-btn[data-v-9244d36b] {
  padding: 0.5rem;
  margin: 0 0 0 0.75rem;
  border-radius: var(--ep-border-radius-s);
  background: var(--ep-color-icon-default);
  border: none;
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout42.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1.125rem;
  color: var(--ep-color-icon-brand-secondary);
  padding: 0;
  border: none;
  border-radius: var(--ep-border-radius-s);
  background-color: transparent;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout42.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(0deg);
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout39.menu-btn[data-v-9244d36b] {
  padding: 0 1.0625rem;
  margin: 0;
  border-radius: 0;
  background: transparent;
  border: none;
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout39.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1rem;
  color: var(--ep-color-icon-default);
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout39.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(0);
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout46.menu-btn[data-v-9244d36b] {
  padding: 0.5rem;
  margin: 0 0 0 1.25rem;
  border-radius: var(--ep-border-radius-surface-default);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-primary-a) 0%, var(--ep-color-background-fill-gradients-primary-b) 100%);
  border: none;
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout46.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1.125rem;
  color: inherit;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout46.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(0deg);
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout46.menu-btn[data-v-9244d36b] {
  width: 1.875rem;
  height: 1.875rem;
  box-shadow: 0 0 0.25rem 0 var(--ep-color-icon-highlight-white) inset;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout51.menu-btn[data-v-9244d36b] {
  padding: 0.5rem;
  margin: 0 0 0 1.25rem;
  border-radius: var(--ep-border-radius-l);
  background: var(--ep-neutral-gray-gray-L06);
  border: none;
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout51.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1.125rem;
  color: var(--ep-color-icon-inverse);
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout51.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(0deg);
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout54.menu-btn[data-v-9244d36b] {
  padding: 0 0.5625rem;
  margin: 0;
  border-radius: var(--ep-border-radius-m);
  background: var(--ep-neutral-gray-gray-L02);
  border: none;
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout54.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1rem;
  color: var(--ep-color-icon-brand-primary);
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout54.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(0);
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout54.menu-btn[data-v-9244d36b] {
  height: 2.125rem;
  flex-shrink: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout54.menu-btn[data-v-9244d36b]::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 0.0625rem;
  border-radius: inherit;
  background: linear-gradient(180deg, var(--ep-primary-primary-300) 0%, var(--ep-neutral-transparent) 80.88%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  pointer-events: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout50.menu-btn[data-v-9244d36b] {
  padding: 0;
  margin: 0;
  border-radius: 0;
  background: transparent;
  border: none;
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout50.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1rem;
  color: var(--ep-color-icon-inverse);
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout50.menu-btn .menu-icon.close[data-v-9244d36b] {
  transform: rotate(0);
}
#tabbar-tabs-inicio-components-HeaderBar-components-menu-index .layout50.menu-btn[data-v-9244d36b] {
  width: 1.875rem;
  height: 1.875rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url('/assets/nav-btn-bg-50-r2-B0rnLGJh.svg') center center / 100% 100% no-repeat;
}
.button-bg[data-v-9244d36b] {
  display: none;
}
.layout49.menu-btn[data-v-9244d36b] {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout49.menu-btn[data-v-9244d36b]::before {
  content: '';
  left: 50%;
  width: 1.5rem;
  height: 2.125rem;
  position: absolute;
  background: var(--ep-color-background-fill-surface-raised-L2);
  z-index: -1;
}
.layout49.menu-btn .menu-icon[data-v-9244d36b] {
  font-size: 1rem;
  color: var(--ep-color-icon-default);
}
.layout49.menu-btn .button-bg[data-v-9244d36b] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: -1;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.logo-wrap[data-v-b755a7d9] {
  --object-position: center center;
  display: flex;
  justify-content: center;
}
html .layout1.logo-wrap .logo[data-v-b755a7d9] {
  width: 0;
  height: 0;
  object-position: var(--object-position);
}
html .layout1.logo-wrap .logo.good-img[data-v-b755a7d9] {
  width: auto;
  height: 2.25rem;
}
html .layout2.logo-wrap[data-v-b755a7d9] {
  --object-position: center center;
  display: flex;
  justify-content: center;
  position: relative;
}
html .layout2.logo-wrap[data-v-b755a7d9]:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 12.5rem;
  height: 60%;
  background: radial-gradient(50% 50% at 50% 50%, var(--ep-color-background-fill-glow-primary-opacity-100) 0%, var(--ep-color-background-fill-glow-primary-opacity-100) 60%, transparent 100%);
  filter: blur(15.05000019px);
}
html .layout2.logo-wrap .logo[data-v-b755a7d9] {
  width: 0;
  height: 0;
  position: relative;
  z-index: 10;
  object-position: var(--object-position);
}
html .layout2.logo-wrap .logo.good-img[data-v-b755a7d9] {
  width: auto;
  height: 2.25rem;
}
html .layout36.logo-wrap[data-v-b755a7d9] {
  --object-position: center center;
  display: flex;
  justify-content: center;
}
html .layout36.logo-wrap .logo[data-v-b755a7d9] {
  width: 0;
  height: 0;
  object-position: var(--object-position);
}
html .layout36.logo-wrap .logo.good-img[data-v-b755a7d9] {
  width: 9.625rem;
  height: 2.25rem;
}
html .layout39.logo-wrap[data-v-b755a7d9] {
  --object-position: center center;
  display: flex;
  justify-content: center;
  position: relative;
}
html .layout39.logo-wrap .logo[data-v-b755a7d9] {
  width: 0;
  height: 0;
  position: relative;
  z-index: 10;
  object-position: var(--object-position);
}
html .layout39.logo-wrap .logo.good-img[data-v-b755a7d9] {
  width: auto;
  height: 2.25rem;
}
html .layout44.logo-wrap[data-v-b755a7d9] {
  --object-position: center center;
  display: flex;
  justify-content: center;
}
html .layout44.logo-wrap .logo[data-v-b755a7d9] {
  object-position: var(--object-position);
}
html .layout44.logo-wrap .logo.good-img[data-v-b755a7d9] {
  width: auto;
  height: 2.25rem;
  max-width: 8.5rem;
}
html .layout54.logo-wrap[data-v-b755a7d9] {
  --object-position: center left;
  display: flex;
  min-width: 0;
  flex-shrink: 1;
  justify-content: flex-start;
}
html .layout54.logo-wrap .logo[data-v-b755a7d9] {
  width: 0;
  height: 0;
  object-position: var(--object-position);
}
html .layout54.logo-wrap .logo.good-img[data-v-b755a7d9] {
  width: auto;
  height: 2.25rem;
  max-width: min(8.5rem, 100%);
  object-fit: contain;
}
#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout1.logo-wrap[data-v-b755a7d9] {
  --object-position: center center;
  display: flex;
  justify-content: center;
}
#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout1.logo-wrap .logo[data-v-b755a7d9] {
  width: 0;
  height: 0;
  object-position: var(--object-position);
}
#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout1.logo-wrap .logo.good-img[data-v-b755a7d9] {
  width: auto;
  height: 2.25rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout2.logo-wrap[data-v-b755a7d9] {
  --object-position: center center;
  display: flex;
  justify-content: center;
  position: relative;
}
#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout2.logo-wrap[data-v-b755a7d9]:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 12.5rem;
  height: 60%;
  background: radial-gradient(50% 50% at 50% 50%, var(--ep-color-background-fill-glow-primary-opacity-100) 0%, var(--ep-color-background-fill-glow-primary-opacity-100) 60%, transparent 100%);
  filter: blur(15.05000019px);
}
#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout2.logo-wrap .logo[data-v-b755a7d9] {
  width: 0;
  height: 0;
  position: relative;
  z-index: 10;
  object-position: var(--object-position);
}
#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout2.logo-wrap .logo.good-img[data-v-b755a7d9] {
  width: auto;
  height: 2.25rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout36.logo-wrap[data-v-b755a7d9] {
  --object-position: center center;
  display: flex;
  justify-content: center;
}
#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout36.logo-wrap .logo[data-v-b755a7d9] {
  width: 0;
  height: 0;
  object-position: var(--object-position);
}
#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout36.logo-wrap .logo.good-img[data-v-b755a7d9] {
  width: 9.625rem;
  height: 2.25rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout39.logo-wrap[data-v-b755a7d9] {
  --object-position: center center;
  display: flex;
  justify-content: center;
  position: relative;
}
#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout39.logo-wrap .logo[data-v-b755a7d9] {
  width: 0;
  height: 0;
  position: relative;
  z-index: 10;
  object-position: var(--object-position);
}
#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout39.logo-wrap .logo.good-img[data-v-b755a7d9] {
  width: auto;
  height: 2.25rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout44.logo-wrap[data-v-b755a7d9] {
  --object-position: center center;
  display: flex;
  justify-content: center;
}
#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout44.logo-wrap .logo[data-v-b755a7d9] {
  object-position: var(--object-position);
}
#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout44.logo-wrap .logo.good-img[data-v-b755a7d9] {
  width: auto;
  height: 2.25rem;
  max-width: 8.5rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout54.logo-wrap[data-v-b755a7d9] {
  --object-position: center left;
  display: flex;
  min-width: 0;
  flex-shrink: 1;
  justify-content: flex-start;
}
#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout54.logo-wrap .logo[data-v-b755a7d9] {
  width: 0;
  height: 0;
  object-position: var(--object-position);
}
#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout54.logo-wrap .logo.good-img[data-v-b755a7d9] {
  width: auto;
  height: 2.25rem;
  max-width: min(8.5rem, 100%);
  object-fit: contain;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.logo-wrap[data-v-e75d6471] {
  display: flex;
  height: 2.125rem;
  position: relative;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to left, transparent 0.5rem, var(--ep-color-background-fill-surface-raised-L2));
}
.logo-wrap .logo-bg[data-v-e75d6471] {
  top: 0;
  height: 100%;
  right: -0.0625rem;
  max-width: 6.875rem;
  position: absolute;
  color: var(--ep-color-background-fill-surface-raised-L2);
  z-index: -1;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-button.unset-btn[data-v-d627e5dc] {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
  margin: 0;
  min-height: min-content;
  min-width: min-content;
}
ion-button.text-btn[data-v-d627e5dc] {
  --background: transparent;
}
ion-button.text-btn[data-v-d627e5dc]::part(native) {
  background: transparent !important;
}
html .layout3.button-box .unset-btn.layout40.login[data-v-d627e5dc] {
  flex: none;
  width: 8.75rem;
  position: relative;
}
html .layout3.button-box .unset-btn.layout40.login[data-v-d627e5dc]::after {
  content: '';
  position: absolute;
  inset: 0;
  box-shadow: 0px -2px 0px 0px var(--ep-neutral-black-black-20) inset;
}
html .layout3.button-box .unset-btn.layout40.login[data-v-d627e5dc]::part(native) {
  width: 100%;
  height: 100%;
  background: var(--ep-color-btn-level-2-bg);
  border: var(--border-width, 0.125rem) solid var(--ep-color-btn-level-2-border);
  box-shadow: none;
  mask-image: none;
  -webkit-mask-image: none;
}
html .layout1.button-box .unset-btn.layout40.login[data-v-d627e5dc]::after {
  content: '';
  position: absolute;
  inset: 0;
  box-shadow: 0px -2px 0px 0px var(--ep-neutral-black-black-20) inset;
}
html .layout1.button-box .unset-btn.layout40.login[data-v-d627e5dc]::part(native) {
  width: 100%;
  height: 100%;
  background: var(--ep-dynamic-tertiary);
  border: 1px solid var(--ep-color-btn-level-2-border);
  box-shadow: none;
  mask-image: none;
  -webkit-mask-image: none;
}
html .layout2.button-box .unset-btn.layout40.deposit[data-v-d627e5dc] {
  flex: none;
  width: 8.75rem;
  position: relative;
}
html .layout2.button-box .unset-btn.layout40.deposit[data-v-d627e5dc]::after {
  content: '';
  position: absolute;
  inset: 0;
  box-shadow: 0px -2px 0px 0px var(--ep-neutral-black-black-20) inset;
}
html .layout2.button-box .unset-btn.layout40.deposit[data-v-d627e5dc]::part(native) {
  width: 100%;
  height: 100%;
  background: var(--ep-color-btn-level-2-bg);
  border: var(--border-width, 0.125rem) solid var(--ep-color-btn-level-2-border);
  box-shadow: none;
  mask-image: none;
  -webkit-mask-image: none;
}
html .layout2.button-box .unset-btn.layout40.withdraw[data-v-d627e5dc] {
  flex: none;
  width: 8.75rem;
  position: relative;
}
html .layout2.button-box .unset-btn.layout40.withdraw[data-v-d627e5dc]::after {
  content: '';
  position: absolute;
  inset: 0;
  box-shadow: 0px -2px 0px 0px var(--ep-neutral-black-black-20) inset;
}
html .layout2.button-box .unset-btn.layout40.withdraw[data-v-d627e5dc]::part(native) {
  width: 100%;
  height: 100%;
  background: var(--ep-color-btn-level-3-bg);
  border: var(--border-width, 0.125rem) solid var(--ep-color-btn-level-2-border);
  box-shadow: none;
  mask-image: none;
  -webkit-mask-image: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-89b14068] {
  /**
   * 53 号顶栏登录态，设计稿 node 17259:40780。
   *
   * layout1 的默认值基本就踩在设计稿上——卡片图标 20、余额 ↔ 按钮 gap 6、存款钮 6px 圆角 +
   * 1px #F5C84C 描边、小猪 13.5px——只差下面三处。
   */
}
@keyframes pigElasticBounce-89b14068 {
0%,
  100% {
    transform: translateY(0) scaleY(1);
}
5% {
    transform: translateY(-0.5rem) scaleY(1.1);
}
8% {
    transform: translateY(-0.1875rem) scaleY(0.9);
}
12% {
    transform: translateY(-0.375rem) scaleY(1.05);
}
17% {
    transform: translateY(0) scaleY(1);
}
}
html .assets-box[data-v-89b14068] {
  display: flex;
  align-items: center;
  padding: 0.125rem 0.125rem 0.125rem 0.5rem;
  border: 0.0625rem solid transparent;
  border-radius: 0.375rem;
  background: var(--assets-bg, transparent);
}
html .assets-box .assets-img[data-v-89b14068] {
  width: 1.25rem;
  margin-inline-end: 0.3125rem;
}
html .assets-box .currency[data-v-89b14068] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--font-weight-bold, 700);
  margin-right: 0.25rem;
  color: var(--currency-color, var(--ep-color-text-default));
  text-shadow: var(--currency-shadow, 0 0 0.625rem var(--ep-color-background-fill-glow-primary-opacity-100));
}
html .assets-box .assets-box-number[data-v-89b14068] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: 700;
  color: var(--number-color, var(--ep-color-text-default));
  text-shadow: var(--number-shadow, 0 0 0.625rem var(--ep-color-background-fill-glow-primary-opacity-100));
}
html .assets-box .wallet[data-v-89b14068] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem 0.625rem;
  border-radius: 0.25rem;
  margin-left: 0.375rem;
  background: var(--wallet-bg, linear-gradient(180deg, #6A853A 0%, #98C24F 100%));
}
html .assets-box .wallet ion-icon[data-v-89b14068] {
  font-size: 1.125rem;
  color: var(--wallet-color, #fff);
}
html .assets-box .deposit[data-v-89b14068] {
  margin-left: 0.375rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  --background: var(--deposit-bg, var(--ep-color-background-fill-surface-raised-L2));
  border: 0.0625rem solid var(--ep-color-border-highlight, #F5C84C);
  box-shadow: 0 0 0.5563rem 0 var(--ep-color-background-fill-glow-secondary-opacity-100, #D3AF42) inset;
}
html .assets-box .deposit[data-v-89b14068]::part(native) {
  box-shadow: none;
}
html .assets-box .deposit .deposit-icon[data-v-89b14068] {
  font-size: 0.8438rem;
  padding: 0.375rem 0.5rem;
  color: var(--deposit-color, var(--ep-color-icon-highlight));
  animation: pigElasticBounce-89b14068 6s infinite;
}
html .layout42.assets-box[data-v-89b14068] {
  margin-right: 0.5rem;
}
html .layout42.assets-box .currency[data-v-89b14068] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s);
}
html .layout42.assets-box .assets-box-number[data-v-89b14068] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s);
}
html .layout42.assets-box .deposit[data-v-89b14068] {
  --border-radius: 0.375rem;
  --background: var(--ep-color-background-fill-surface-lowered);
  box-shadow: none;
}
html .layout42.assets-box .deposit[data-v-89b14068]::part(native) {
  background: transparent !important;
}
html .layout42.assets-box .deposit .deposit-icon[data-v-89b14068] {
  padding: 0.4375rem;
}
html .layout53.assets-box[data-v-89b14068] {
  padding: 0;
  border: 0;
}
html .layout53.assets-box .assets-img[data-v-89b14068] {
  margin-inline-end: 0.375rem;
}
html .layout53.assets-box .deposit[data-v-89b14068] {
  box-shadow: none;
}
html .layout54.assets-box[data-v-89b14068] {
  padding: 0;
  border: 0;
}
html .layout54.assets-box .assets-img[data-v-89b14068] {
  margin-inline-end: 0.375rem;
}
html .layout54.assets-box .assets-box-number[data-v-89b14068],
html .layout54.assets-box .currency[data-v-89b14068] {
  color: var(--ep-color-icon-highlight-white);
  text-shadow: unset;
}
html .layout54.assets-box .deposit[data-v-89b14068] {
  height: 1.75rem;
  margin-left: 0.375rem;
  box-sizing: border-box;
  --border-radius: var(--ep-border-radius-m);
  --background: transparent;
  border: 0.0625rem solid var(--ep-color-border-highlight);
  box-shadow: none;
}
html .layout54.assets-box .deposit[data-v-89b14068]::part(native) {
  background: transparent !important;
  box-shadow: none;
}
html .layout54.assets-box .deposit .deposit-icon[data-v-89b14068] {
  font-size: 0.8125rem;
  padding: 0 0.5rem;
}
.mystlight-blue .assets-box .deposit[data-v-89b14068] {
  box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index[data-v-89b14068] {
  /**
   * 53 号顶栏登录态，设计稿 node 17259:40780。
   *
   * layout1 的默认值基本就踩在设计稿上——卡片图标 20、余额 ↔ 按钮 gap 6、存款钮 6px 圆角 +
   * 1px #F5C84C 描边、小猪 13.5px——只差下面三处。
   */
}
@keyframes pigElasticBounce-89b14068 {
0%,
  100% {
    transform: translateY(0) scaleY(1);
}
5% {
    transform: translateY(-0.5rem) scaleY(1.1);
}
8% {
    transform: translateY(-0.1875rem) scaleY(0.9);
}
12% {
    transform: translateY(-0.375rem) scaleY(1.05);
}
17% {
    transform: translateY(0) scaleY(1);
}
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .assets-box[data-v-89b14068] {
  display: flex;
  align-items: center;
  padding: 0.125rem 0.125rem 0.125rem 0.5rem;
  border: 0.0625rem solid transparent;
  border-radius: 0.375rem;
  background: var(--assets-bg, transparent);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .assets-box .assets-img[data-v-89b14068] {
  width: 1.25rem;
  margin-inline-end: 0.3125rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .assets-box .currency[data-v-89b14068] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--font-weight-bold, 700);
  margin-right: 0.25rem;
  color: var(--currency-color, var(--ep-color-text-default));
  text-shadow: var(--currency-shadow, 0 0 0.625rem var(--ep-color-background-fill-glow-primary-opacity-100));
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .assets-box .assets-box-number[data-v-89b14068] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: 700;
  color: var(--number-color, var(--ep-color-text-default));
  text-shadow: var(--number-shadow, 0 0 0.625rem var(--ep-color-background-fill-glow-primary-opacity-100));
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .assets-box .wallet[data-v-89b14068] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem 0.625rem;
  border-radius: 0.25rem;
  margin-left: 0.375rem;
  background: var(--wallet-bg, linear-gradient(180deg, #6A853A 0%, #98C24F 100%));
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .assets-box .wallet ion-icon[data-v-89b14068] {
  font-size: 1.125rem;
  color: var(--wallet-color, #fff);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .assets-box .deposit[data-v-89b14068] {
  margin-left: 0.375rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  --background: var(--deposit-bg, var(--ep-color-background-fill-surface-raised-L2));
  border: 0.0625rem solid var(--ep-color-border-highlight, #F5C84C);
  box-shadow: 0 0 0.5563rem 0 var(--ep-color-background-fill-glow-secondary-opacity-100, #D3AF42) inset;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .assets-box .deposit[data-v-89b14068]::part(native) {
  box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .assets-box .deposit .deposit-icon[data-v-89b14068] {
  font-size: 0.8438rem;
  padding: 0.375rem 0.5rem;
  color: var(--deposit-color, var(--ep-color-icon-highlight));
  animation: pigElasticBounce-89b14068 6s infinite;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .layout42.assets-box[data-v-89b14068] {
  margin-right: 0.5rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .layout42.assets-box .currency[data-v-89b14068] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .layout42.assets-box .assets-box-number[data-v-89b14068] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .layout42.assets-box .deposit[data-v-89b14068] {
  --border-radius: 0.375rem;
  --background: var(--ep-color-background-fill-surface-lowered);
  box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .layout42.assets-box .deposit[data-v-89b14068]::part(native) {
  background: transparent !important;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .layout42.assets-box .deposit .deposit-icon[data-v-89b14068] {
  padding: 0.4375rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .layout53.assets-box[data-v-89b14068] {
  padding: 0;
  border: 0;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .layout53.assets-box .assets-img[data-v-89b14068] {
  margin-inline-end: 0.375rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .layout53.assets-box .deposit[data-v-89b14068] {
  box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .layout54.assets-box[data-v-89b14068] {
  padding: 0;
  border: 0;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .layout54.assets-box .assets-img[data-v-89b14068] {
  margin-inline-end: 0.375rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .layout54.assets-box .assets-box-number[data-v-89b14068],
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .layout54.assets-box .currency[data-v-89b14068] {
  color: var(--ep-color-icon-highlight-white);
  text-shadow: unset;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .layout54.assets-box .deposit[data-v-89b14068] {
  height: 1.75rem;
  margin-left: 0.375rem;
  box-sizing: border-box;
  --border-radius: var(--ep-border-radius-m);
  --background: transparent;
  border: 0.0625rem solid var(--ep-color-border-highlight);
  box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .layout54.assets-box .deposit[data-v-89b14068]::part(native) {
  background: transparent !important;
  box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .layout54.assets-box .deposit .deposit-icon[data-v-89b14068] {
  font-size: 0.8125rem;
  padding: 0 0.5rem;
}
.theme-30.assets-box .deposit[data-v-89b14068] {
  --border-radius: 0.375rem;
  --background: var(--ep-color-background-fill-surface-lowered);
  box-shadow: none;
}
.theme-30.assets-box .deposit[data-v-89b14068]::part(native) {
  background: var(--background) !important;
}
.theme-30.assets-box .deposit .deposit-icon[data-v-89b14068] {
  padding: 0.4375rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.assets-box[data-v-2fd17ca0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .layout1.assets-box .assets-box-inner[data-v-2fd17ca0] {
  display: flex;
}
html .layout1.assets-box .assets-box-inner .assets-img[data-v-2fd17ca0] {
  width: 0;
}
html .layout1.assets-box .assets-box-inner .assets-img.good-img[data-v-2fd17ca0] {
  width: 2.375rem;
  height: 2.375rem;
  margin-inline: 0.4375rem 0.25rem;
}
html .layout1.assets-box .assets-box-inner .assets-box-info[data-v-2fd17ca0] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-shadow: 0 0 0.625rem var(--ep-color-background-fill-glow-primary-opacity-100);
}
html .layout1.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner[data-v-2fd17ca0] {
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  font-style: italic;
  line-height: 1.5;
}
html .layout1.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .currency[data-v-2fd17ca0] {
  margin-right: 0.125rem;
  color: var(--ep-color-text-default);
}
html .layout1.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .assets-box-number[data-v-2fd17ca0] {
  color: var(--ep-color-text-default);
}
html .layout1.assets-box .assets-box-inner .assets-box-info .assets-box-intro[data-v-2fd17ca0] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  background: var(--ep-dynamic-primary);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html .layout1.assets-box .deposit[data-v-2fd17ca0] {
  --border-radius: 0.375rem;
  --padding-top: 0.5313rem;
  --padding-bottom: 0.5313rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
}
html .layout1.assets-box .deposit[data-v-2fd17ca0]::part(native) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight);
  background: var(--ep-color-background-fill-surface-raised-L2);
  box-shadow: 0 -0.0625rem 0 0 var(--ep-color-border-highlight) inset;
}
html .layout1.primaryBtn[data-v-2fd17ca0] {
  display: flex;
  align-items: center;
}
html .layout1.primaryBtn .login[data-v-2fd17ca0] {
  --padding-top: 0.625rem;
  --padding-bottom: 0.625rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
  --border-radius: var(--ep-border-radius-m, 0.375rem);
}
html .layout1.primaryBtn .login[data-v-2fd17ca0]::part(native) {
  background: var(--ep-dynamic-secondary);
  color: var(--ep-color-text-default);
}
html .layout1.primaryBtn .register-btn-warper[data-v-2fd17ca0] {
  margin-left: 0.5rem;
}
html .layout1.primaryBtn .register-btn-warper[data-v-2fd17ca0] .register {
  width: 100%;
  --padding-top: 0.625rem;
  --padding-bottom: 0.625rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
  --border-radius: var(--ep-border-radius-m, 0.375rem);
}
html .layout1.primaryBtn .register-btn-warper[data-v-2fd17ca0] .register::part(native) {
  background: var(--ep-dynamic-primary);
  color: var(--ep-color-text-inverse);
}
html .layout2.assets-box[data-v-2fd17ca0] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .layout2.assets-box .assets-box-inner[data-v-2fd17ca0] {
  display: flex;
}
html .layout2.assets-box .assets-box-inner .assets-img[data-v-2fd17ca0] {
  width: 0;
}
html .layout2.assets-box .assets-box-inner .assets-img.good-img[data-v-2fd17ca0] {
  width: 2.375rem;
  height: 2.375rem;
}
html .layout2.assets-box .assets-box-inner .assets-box-info[data-v-2fd17ca0] {
  margin-left: 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
html .layout2.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner[data-v-2fd17ca0] {
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
}
html .layout2.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .currency[data-v-2fd17ca0] {
  margin-right: 0.125rem;
  color: var(--ep-color-text-default);
}
html .layout2.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .assets-box-number[data-v-2fd17ca0] {
  color: var(--ep-color-text-default);
}
html .layout2.assets-box .assets-box-inner .assets-box-info .assets-box-intro[data-v-2fd17ca0] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6));
}
html .layout2.assets-box .deposit[data-v-2fd17ca0] {
  min-width: 4.375rem;
  --padding-top: 0.5625rem;
  --padding-bottom: 0.5625rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
}
html .layout2.assets-box .deposit[data-v-2fd17ca0]::part(native) {
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text, #fff);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: 0.0625rem solid var(--ep-color-btn-level-3-border);
}
html .layout30.assets-box[data-v-2fd17ca0] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .layout30.assets-box .assets-box-inner[data-v-2fd17ca0] {
  display: flex;
}
html .layout30.assets-box .assets-box-inner .assets-img[data-v-2fd17ca0] {
  width: 0;
}
html .layout30.assets-box .assets-box-inner .assets-img.good-img[data-v-2fd17ca0] {
  width: 2.375rem;
  height: 2.375rem;
}
html .layout30.assets-box .assets-box-inner .assets-box-info[data-v-2fd17ca0] {
  margin-left: 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
html .layout30.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner[data-v-2fd17ca0] {
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
}
html .layout30.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .currency[data-v-2fd17ca0] {
  margin-right: 0.125rem;
  color: var(--ep-color-text-default);
}
html .layout30.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .assets-box-number[data-v-2fd17ca0] {
  color: var(--ep-color-text-default);
}
html .layout30.assets-box .assets-box-inner .assets-box-info .assets-box-intro[data-v-2fd17ca0] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6));
}
html .layout30.assets-box .deposit[data-v-2fd17ca0] {
  min-width: 4.375rem;
  --padding-top: 0.5625rem;
  --padding-bottom: 0.5625rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
}
html .layout30.assets-box .deposit[data-v-2fd17ca0]::part(native) {
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text, #fff);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: 0.0625rem solid var(--ep-color-btn-level-3-border);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box[data-v-2fd17ca0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-inner[data-v-2fd17ca0] {
  display: flex;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-inner .assets-img[data-v-2fd17ca0] {
  width: 0;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-inner .assets-img.good-img[data-v-2fd17ca0] {
  width: 2.375rem;
  height: 2.375rem;
  margin-inline: 0.4375rem 0.25rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-inner .assets-box-info[data-v-2fd17ca0] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-shadow: 0 0 0.625rem var(--ep-color-background-fill-glow-primary-opacity-100);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner[data-v-2fd17ca0] {
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  font-style: italic;
  line-height: 1.5;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .currency[data-v-2fd17ca0] {
  margin-right: 0.125rem;
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .assets-box-number[data-v-2fd17ca0] {
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-inner .assets-box-info .assets-box-intro[data-v-2fd17ca0] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  background: var(--ep-dynamic-primary);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .deposit[data-v-2fd17ca0] {
  --border-radius: 0.375rem;
  --padding-top: 0.5313rem;
  --padding-bottom: 0.5313rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .deposit[data-v-2fd17ca0]::part(native) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight);
  background: var(--ep-color-background-fill-surface-raised-L2);
  box-shadow: 0 -0.0625rem 0 0 var(--ep-color-border-highlight) inset;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.primaryBtn[data-v-2fd17ca0] {
  display: flex;
  align-items: center;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.primaryBtn .login[data-v-2fd17ca0] {
  --padding-top: 0.625rem;
  --padding-bottom: 0.625rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
  --border-radius: var(--ep-border-radius-m, 0.375rem);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.primaryBtn .login[data-v-2fd17ca0]::part(native) {
  background: var(--ep-dynamic-secondary);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.primaryBtn .register-btn-warper[data-v-2fd17ca0] {
  margin-left: 0.5rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.primaryBtn .register-btn-warper[data-v-2fd17ca0] .register {
  width: 100%;
  --padding-top: 0.625rem;
  --padding-bottom: 0.625rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
  --border-radius: var(--ep-border-radius-m, 0.375rem);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.primaryBtn .register-btn-warper[data-v-2fd17ca0] .register::part(native) {
  background: var(--ep-dynamic-primary);
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box[data-v-2fd17ca0] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-box-inner[data-v-2fd17ca0] {
  display: flex;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-box-inner .assets-img[data-v-2fd17ca0] {
  width: 0;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-box-inner .assets-img.good-img[data-v-2fd17ca0] {
  width: 2.375rem;
  height: 2.375rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-box-inner .assets-box-info[data-v-2fd17ca0] {
  margin-left: 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner[data-v-2fd17ca0] {
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .currency[data-v-2fd17ca0] {
  margin-right: 0.125rem;
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .assets-box-number[data-v-2fd17ca0] {
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-box-inner .assets-box-info .assets-box-intro[data-v-2fd17ca0] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6));
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .deposit[data-v-2fd17ca0] {
  min-width: 4.375rem;
  --padding-top: 0.5625rem;
  --padding-bottom: 0.5625rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .deposit[data-v-2fd17ca0]::part(native) {
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text, #fff);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: 0.0625rem solid var(--ep-color-btn-level-3-border);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout30.assets-box[data-v-2fd17ca0] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout30.assets-box .assets-box-inner[data-v-2fd17ca0] {
  display: flex;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout30.assets-box .assets-box-inner .assets-img[data-v-2fd17ca0] {
  width: 0;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout30.assets-box .assets-box-inner .assets-img.good-img[data-v-2fd17ca0] {
  width: 2.375rem;
  height: 2.375rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout30.assets-box .assets-box-inner .assets-box-info[data-v-2fd17ca0] {
  margin-left: 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout30.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner[data-v-2fd17ca0] {
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout30.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .currency[data-v-2fd17ca0] {
  margin-right: 0.125rem;
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout30.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .assets-box-number[data-v-2fd17ca0] {
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout30.assets-box .assets-box-inner .assets-box-info .assets-box-intro[data-v-2fd17ca0] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6));
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout30.assets-box .deposit[data-v-2fd17ca0] {
  min-width: 4.375rem;
  --padding-top: 0.5625rem;
  --padding-bottom: 0.5625rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout30.assets-box .deposit[data-v-2fd17ca0]::part(native) {
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text, #fff);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: 0.0625rem solid var(--ep-color-btn-level-3-border);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-7b94867b] {
  /**
   * 53 号炫彩紫抽屉顶部的余额行（设计稿 node 17030:42589 左半）。
   *
   * 设计稿这一格是「图标 + 金额 + Saldo」，没有 47 号那种用户名 / ID——用户身份那半边
   * 由 account 那格负责，53 号在 account/27 的 .layout53 里把登录态整块隐掉了。
   *
   * 图标顺序靠 --order-1 / --order-2 翻转（47 号是文字在前、图标在后），值在 theme-53.ts 下发。
   * 图标框设计稿标 40、图形本体 36，这里给 36 再左右各留 2 的外边距凑满 40，
   * 这样文字起始位置（50）与设计稿一致；直接把图拉到 40 会让图形大 11%。
   */
}
html .layout1.assets-box[data-v-7b94867b] {
  display: flex;
  gap: 0.4375rem;
}
html .layout1.assets-box .assets-img[data-v-7b94867b] {
  order: var(--order-2, 2);
  width: 0;
}
html .layout1.assets-box .assets-img.good-img[data-v-7b94867b] {
  width: 2.375rem;
  height: 2.375rem;
}
html .layout1.assets-box .assets-box-info[data-v-7b94867b] {
  order: var(--order-1, 1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
html .layout1.assets-box .assets-box-info .assets-box-info-inner[data-v-7b94867b] {
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
}
html .layout1.assets-box .assets-box-info .assets-box-info-inner .currency[data-v-7b94867b] {
  margin-right: 0.125rem;
  color: var(--ep-color-text-default);
}
html .layout1.assets-box .assets-box-info .assets-box-info-inner .assets-box-number[data-v-7b94867b] {
  color: var(--ep-color-text-default);
}
html .layout1.assets-box .assets-box-info .assets-box-intro[data-v-7b94867b] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout2.assets-box[data-v-7b94867b] {
  display: flex;
  gap: 0.4375rem;
}
html .layout2.assets-box .assets-img[data-v-7b94867b] {
  order: var(--order-2, 2);
  width: 0;
}
html .layout2.assets-box .assets-img.good-img[data-v-7b94867b] {
  width: 2.375rem;
  height: 2.375rem;
}
html .layout2.assets-box .assets-box-info[data-v-7b94867b] {
  order: var(--order-1, 1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
html .layout2.assets-box .assets-box-info .assets-box-info-inner[data-v-7b94867b] {
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
}
html .layout2.assets-box .assets-box-info .assets-box-info-inner .currency[data-v-7b94867b] {
  margin-right: 0.125rem;
  color: var(--ep-color-text-default);
}
html .layout2.assets-box .assets-box-info .assets-box-info-inner .assets-box-number[data-v-7b94867b] {
  color: var(--ep-color-text-default);
}
html .layout2.assets-box .assets-box-info .assets-box-intro[data-v-7b94867b] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout27.assets-box[data-v-7b94867b] {
  display: flex;
  gap: 0.4375rem;
}
html .layout27.assets-box .assets-img[data-v-7b94867b] {
  order: var(--order-2, 2);
  width: 0;
}
html .layout27.assets-box .assets-img.good-img[data-v-7b94867b] {
  width: 2.375rem;
  height: 2.375rem;
}
html .layout27.assets-box .assets-box-info[data-v-7b94867b] {
  order: var(--order-1, 1);
  display: flex;
  flex-direction: column;
  flex-flow: column-reverse;
  justify-content: space-between;
}
html .layout27.assets-box .assets-box-info .assets-box-info-inner[data-v-7b94867b] {
  --currency-icon-size: 2.5rem;
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-xxxl);
  font-weight: var(--ep-font-weight-bold);
  line-height: 1.5;
}
html .layout27.assets-box .assets-box-info .assets-box-info-inner .currency[data-v-7b94867b] {
  margin-right: 0.375rem;
  color: var(--ep-color-text-default);
}
html .layout27.assets-box .assets-box-info .assets-box-info-inner .assets-box-number[data-v-7b94867b] {
  color: var(--ep-color-text-default);
}
html .layout27.assets-box .assets-box-info .assets-box-intro[data-v-7b94867b] {
  margin-left: 0.1875rem;
  margin-top: 0.375rem;
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
html .layout39.assets-box[data-v-7b94867b] {
  display: flex;
  gap: 0.4375rem;
  justify-content: flex-end;
  align-items: center;
}
html .layout39.assets-box .assets-img[data-v-7b94867b] {
  order: var(--order-2, 2);
  width: 0;
}
html .layout39.assets-box .assets-img.good-img[data-v-7b94867b] {
  width: 3.5rem;
  height: 3.375rem;
}
html .layout39.assets-box .assets-box-info[data-v-7b94867b] {
  order: var(--order-1, 1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
html .layout39.assets-box .assets-box-info .assets-box-info-inner[data-v-7b94867b] {
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
}
html .layout39.assets-box .assets-box-info .assets-box-info-inner .currency[data-v-7b94867b] {
  margin-right: 0.125rem;
  color: var(--ep-color-text-brand-primary);
}
html .layout39.assets-box .assets-box-info .assets-box-info-inner .assets-box-number[data-v-7b94867b] {
  color: var(--ep-color-text-brand-primary);
}
html .layout39.assets-box .assets-box-info .assets-box-intro[data-v-7b94867b] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout46.assets-box[data-v-7b94867b] {
  display: flex;
  gap: 0.625rem;
}
html .layout46.assets-box .assets-img[data-v-7b94867b] {
  order: var(--order-2, 2);
  width: 0;
}
html .layout46.assets-box .assets-img.good-img[data-v-7b94867b] {
  width: 2.375rem;
  height: 2.375rem;
}
html .layout46.assets-box .assets-box-info[data-v-7b94867b] {
  order: var(--order-1, 1);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
html .layout46.assets-box .assets-box-info .assets-box-info-inner[data-v-7b94867b] {
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
}
html .layout46.assets-box .assets-box-info .assets-box-info-inner .currency[data-v-7b94867b] {
  margin-right: 0.125rem;
  color: var(--ep-color-text-default);
}
html .layout46.assets-box .assets-box-info .assets-box-info-inner .assets-box-number[data-v-7b94867b] {
  color: var(--ep-color-text-default);
}
html .layout46.assets-box .assets-box-info .assets-box-intro[data-v-7b94867b] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
html .layout51.assets-box[data-v-7b94867b] {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: start;
  column-gap: 0.25rem;
}
html .layout51.assets-box .assets-img[data-v-7b94867b] {
  width: 0;
  grid-area: 1 / 1;
  align-self: center;
}
html .layout51.assets-box .assets-img.good-img[data-v-7b94867b] {
  width: 1.125rem;
  height: 1.125rem;
}
html .layout51.assets-box .assets-box-info[data-v-7b94867b] {
  display: contents;
}
html .layout51.assets-box .assets-box-info .assets-box-info-inner[data-v-7b94867b] {
  grid-area: 1 / 2;
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
}
html .layout51.assets-box .assets-box-info .assets-box-info-inner .currency[data-v-7b94867b] {
  margin-right: 0.125rem;
  color: var(--ep-color-text-default);
}
html .layout51.assets-box .assets-box-info .assets-box-info-inner .assets-box-number[data-v-7b94867b] {
  color: var(--ep-color-text-default);
}
html .layout51.assets-box .assets-box-info .assets-box-intro[data-v-7b94867b] {
  grid-area: 2 / 1 / 3 / -1;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
html .layout53.assets-box[data-v-7b94867b] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
html .layout53.assets-box .assets-img[data-v-7b94867b] {
  order: var(--order-2, 2);
  width: 0;
}
html .layout53.assets-box .assets-img.good-img[data-v-7b94867b] {
  width: 2.25rem;
  height: 2.25rem;
  margin: 0.125rem;
}
html .layout53.assets-box .assets-box-info[data-v-7b94867b] {
  order: var(--order-1, 1);
  display: flex;
  flex-direction: column;
}
html .layout53.assets-box .assets-box-info .assets-box-info-inner[data-v-7b94867b] {
  display: flex;
  align-items: center;
  line-height: 1.3125rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
html .layout53.assets-box .assets-box-info .assets-box-info-inner .currency[data-v-7b94867b] {
  margin-right: 0.125rem;
  color: var(--ep-color-text-default);
}
html .layout53.assets-box .assets-box-info .assets-box-info-inner .assets-box-number[data-v-7b94867b] {
  color: var(--ep-color-text-default);
}
html .layout53.assets-box .assets-box-info .assets-box-intro[data-v-7b94867b] {
  line-height: 0.9375rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index[data-v-7b94867b] {
  /**
   * 53 号炫彩紫抽屉顶部的余额行（设计稿 node 17030:42589 左半）。
   *
   * 设计稿这一格是「图标 + 金额 + Saldo」，没有 47 号那种用户名 / ID——用户身份那半边
   * 由 account 那格负责，53 号在 account/27 的 .layout53 里把登录态整块隐掉了。
   *
   * 图标顺序靠 --order-1 / --order-2 翻转（47 号是文字在前、图标在后），值在 theme-53.ts 下发。
   * 图标框设计稿标 40、图形本体 36，这里给 36 再左右各留 2 的外边距凑满 40，
   * 这样文字起始位置（50）与设计稿一致；直接把图拉到 40 会让图形大 11%。
   */
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box[data-v-7b94867b] {
  display: flex;
  gap: 0.4375rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-img[data-v-7b94867b] {
  order: var(--order-2, 2);
  width: 0;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-img.good-img[data-v-7b94867b] {
  width: 2.375rem;
  height: 2.375rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-info[data-v-7b94867b] {
  order: var(--order-1, 1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-info .assets-box-info-inner[data-v-7b94867b] {
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-info .assets-box-info-inner .currency[data-v-7b94867b] {
  margin-right: 0.125rem;
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-info .assets-box-info-inner .assets-box-number[data-v-7b94867b] {
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-info .assets-box-intro[data-v-7b94867b] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box[data-v-7b94867b] {
  display: flex;
  gap: 0.4375rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-img[data-v-7b94867b] {
  order: var(--order-2, 2);
  width: 0;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-img.good-img[data-v-7b94867b] {
  width: 2.375rem;
  height: 2.375rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-box-info[data-v-7b94867b] {
  order: var(--order-1, 1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-box-info .assets-box-info-inner[data-v-7b94867b] {
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-box-info .assets-box-info-inner .currency[data-v-7b94867b] {
  margin-right: 0.125rem;
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-box-info .assets-box-info-inner .assets-box-number[data-v-7b94867b] {
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-box-info .assets-box-intro[data-v-7b94867b] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout27.assets-box[data-v-7b94867b] {
  display: flex;
  gap: 0.4375rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout27.assets-box .assets-img[data-v-7b94867b] {
  order: var(--order-2, 2);
  width: 0;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout27.assets-box .assets-img.good-img[data-v-7b94867b] {
  width: 2.375rem;
  height: 2.375rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout27.assets-box .assets-box-info[data-v-7b94867b] {
  order: var(--order-1, 1);
  display: flex;
  flex-direction: column;
  flex-flow: column-reverse;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout27.assets-box .assets-box-info .assets-box-info-inner[data-v-7b94867b] {
  --currency-icon-size: 2.5rem;
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-xxxl);
  font-weight: var(--ep-font-weight-bold);
  line-height: 1.5;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout27.assets-box .assets-box-info .assets-box-info-inner .currency[data-v-7b94867b] {
  margin-right: 0.375rem;
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout27.assets-box .assets-box-info .assets-box-info-inner .assets-box-number[data-v-7b94867b] {
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout27.assets-box .assets-box-info .assets-box-intro[data-v-7b94867b] {
  margin-left: 0.1875rem;
  margin-top: 0.375rem;
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout39.assets-box[data-v-7b94867b] {
  display: flex;
  gap: 0.4375rem;
  justify-content: flex-end;
  align-items: center;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout39.assets-box .assets-img[data-v-7b94867b] {
  order: var(--order-2, 2);
  width: 0;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout39.assets-box .assets-img.good-img[data-v-7b94867b] {
  width: 3.5rem;
  height: 3.375rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout39.assets-box .assets-box-info[data-v-7b94867b] {
  order: var(--order-1, 1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout39.assets-box .assets-box-info .assets-box-info-inner[data-v-7b94867b] {
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout39.assets-box .assets-box-info .assets-box-info-inner .currency[data-v-7b94867b] {
  margin-right: 0.125rem;
  color: var(--ep-color-text-brand-primary);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout39.assets-box .assets-box-info .assets-box-info-inner .assets-box-number[data-v-7b94867b] {
  color: var(--ep-color-text-brand-primary);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout39.assets-box .assets-box-info .assets-box-intro[data-v-7b94867b] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout46.assets-box[data-v-7b94867b] {
  display: flex;
  gap: 0.625rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout46.assets-box .assets-img[data-v-7b94867b] {
  order: var(--order-2, 2);
  width: 0;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout46.assets-box .assets-img.good-img[data-v-7b94867b] {
  width: 2.375rem;
  height: 2.375rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout46.assets-box .assets-box-info[data-v-7b94867b] {
  order: var(--order-1, 1);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout46.assets-box .assets-box-info .assets-box-info-inner[data-v-7b94867b] {
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout46.assets-box .assets-box-info .assets-box-info-inner .currency[data-v-7b94867b] {
  margin-right: 0.125rem;
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout46.assets-box .assets-box-info .assets-box-info-inner .assets-box-number[data-v-7b94867b] {
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout46.assets-box .assets-box-info .assets-box-intro[data-v-7b94867b] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout51.assets-box[data-v-7b94867b] {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: start;
  column-gap: 0.25rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout51.assets-box .assets-img[data-v-7b94867b] {
  width: 0;
  grid-area: 1 / 1;
  align-self: center;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout51.assets-box .assets-img.good-img[data-v-7b94867b] {
  width: 1.125rem;
  height: 1.125rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout51.assets-box .assets-box-info[data-v-7b94867b] {
  display: contents;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout51.assets-box .assets-box-info .assets-box-info-inner[data-v-7b94867b] {
  grid-area: 1 / 2;
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout51.assets-box .assets-box-info .assets-box-info-inner .currency[data-v-7b94867b] {
  margin-right: 0.125rem;
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout51.assets-box .assets-box-info .assets-box-info-inner .assets-box-number[data-v-7b94867b] {
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout51.assets-box .assets-box-info .assets-box-intro[data-v-7b94867b] {
  grid-area: 2 / 1 / 3 / -1;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout53.assets-box[data-v-7b94867b] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout53.assets-box .assets-img[data-v-7b94867b] {
  order: var(--order-2, 2);
  width: 0;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout53.assets-box .assets-img.good-img[data-v-7b94867b] {
  width: 2.25rem;
  height: 2.25rem;
  margin: 0.125rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout53.assets-box .assets-box-info[data-v-7b94867b] {
  order: var(--order-1, 1);
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout53.assets-box .assets-box-info .assets-box-info-inner[data-v-7b94867b] {
  display: flex;
  align-items: center;
  line-height: 1.3125rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout53.assets-box .assets-box-info .assets-box-info-inner .currency[data-v-7b94867b] {
  margin-right: 0.125rem;
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout53.assets-box .assets-box-info .assets-box-info-inner .assets-box-number[data-v-7b94867b] {
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout53.assets-box .assets-box-info .assets-box-intro[data-v-7b94867b] {
  line-height: 0.9375rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout25.assets-box[data-v-cbb56863] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .layout25.assets-box .assets-box-inner[data-v-cbb56863] {
  transform: var(--skew, skew(12deg));
}
html .layout25.assets-box .assets-box-inner .assets-box-wrap[data-v-cbb56863] {
  gap: 0.5rem;
  display: flex;
  align-items: center;
}
html .layout25.assets-box .assets-box-inner .assets-img[data-v-cbb56863] {
  width: 0;
}
html .layout25.assets-box .assets-box-inner .assets-img.good-img[data-v-cbb56863] {
  width: 1.25rem;
  height: 1.25rem;
}
html .layout25.assets-box .assets-box-inner .assets-box-intro[data-v-cbb56863] {
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-default);
}
html .layout25.assets-box .assets-box-inner .assets-box-info[data-v-cbb56863] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
html .layout25.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner[data-v-cbb56863] {
  gap: 0.25rem;
  display: flex;
  align-items: center;
  color: var(--ep-color-text-warning);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 600);
  font-style: italic;
  line-height: 1.5;
}
html .layout25.assets-box .deposit[data-v-cbb56863] {
  --padding-top: 0.5313rem;
  --padding-bottom: 0.5313rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --box-shadow: none;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  background: var(--ep-dynamic-primary);
  border-style: var(--border-style, solid);
  border-width: var(--border-width, 0.125rem);
  border-color: var(--border-color, var(--ep-color-btn-level-2-border));
  border-radius: var(--border-radius, 0.25rem);
  color: var(--ep-color-btn-level-2-text);
}
html .layout25.assets-box .deposit[data-v-cbb56863]::part(native) {
  transform: var(--skew, skew(12deg));
  background: transparent;
}
html .layout25.primaryBtn[data-v-cbb56863] {
  display: flex;
  align-items: center;
}
html .layout25.primaryBtn .login[data-v-cbb56863] {
  --padding-top: 0.4375rem;
  --padding-bottom: 0.4375rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
  --border-radius: var(--ep-border-radius-m, 0.375rem);
}
html .layout25.primaryBtn .login[data-v-cbb56863]::part(native) {
  background: red;
}
html .layout25.primaryBtn .register-btn-warper[data-v-cbb56863] {
  margin-left: 0.5rem;
}
html .layout25.primaryBtn .register-btn-warper[data-v-cbb56863] .register {
  width: 100%;
  --padding-top: 0.625rem;
  --padding-bottom: 0.625rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
  --border-radius: var(--ep-border-radius-m, 0.375rem);
}
html .layout25.primaryBtn .register-btn-warper[data-v-cbb56863] .register::part(native) {
  background: red;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.assets-box[data-v-cbb56863] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.assets-box .assets-box-inner[data-v-cbb56863] {
  transform: var(--skew, skew(12deg));
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.assets-box .assets-box-inner .assets-box-wrap[data-v-cbb56863] {
  gap: 0.5rem;
  display: flex;
  align-items: center;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.assets-box .assets-box-inner .assets-img[data-v-cbb56863] {
  width: 0;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.assets-box .assets-box-inner .assets-img.good-img[data-v-cbb56863] {
  width: 1.25rem;
  height: 1.25rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.assets-box .assets-box-inner .assets-box-intro[data-v-cbb56863] {
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.assets-box .assets-box-inner .assets-box-info[data-v-cbb56863] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner[data-v-cbb56863] {
  gap: 0.25rem;
  display: flex;
  align-items: center;
  color: var(--ep-color-text-warning);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 600);
  font-style: italic;
  line-height: 1.5;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.assets-box .deposit[data-v-cbb56863] {
  --padding-top: 0.5313rem;
  --padding-bottom: 0.5313rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --box-shadow: none;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  background: var(--ep-dynamic-primary);
  border-style: var(--border-style, solid);
  border-width: var(--border-width, 0.125rem);
  border-color: var(--border-color, var(--ep-color-btn-level-2-border));
  border-radius: var(--border-radius, 0.25rem);
  color: var(--ep-color-btn-level-2-text);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.assets-box .deposit[data-v-cbb56863]::part(native) {
  transform: var(--skew, skew(12deg));
  background: transparent;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.primaryBtn[data-v-cbb56863] {
  display: flex;
  align-items: center;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.primaryBtn .login[data-v-cbb56863] {
  --padding-top: 0.4375rem;
  --padding-bottom: 0.4375rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
  --border-radius: var(--ep-border-radius-m, 0.375rem);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.primaryBtn .login[data-v-cbb56863]::part(native) {
  background: red;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.primaryBtn .register-btn-warper[data-v-cbb56863] {
  margin-left: 0.5rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.primaryBtn .register-btn-warper[data-v-cbb56863] .register {
  width: 100%;
  --padding-top: 0.625rem;
  --padding-bottom: 0.625rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
  --border-radius: var(--ep-border-radius-m, 0.375rem);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.primaryBtn .register-btn-warper[data-v-cbb56863] .register::part(native) {
  background: red;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout26.assets-box[data-v-08608c3a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .layout26.assets-box .assets-box-inner[data-v-08608c3a] {
  display: flex;
}
html .layout26.assets-box .assets-box-inner .assets-img[data-v-08608c3a] {
  width: 0;
}
html .layout26.assets-box .assets-box-inner .assets-img.good-img[data-v-08608c3a] {
  width: 2.375rem;
  height: 2.375rem;
}
html .layout26.assets-box .assets-box-inner .assets-box-info[data-v-08608c3a] {
  margin-left: 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
html .layout26.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner[data-v-08608c3a] {
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
}
html .layout26.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .currency[data-v-08608c3a] {
  margin-right: 0.125rem;
  color: var(--ep-color-text-default);
}
html .layout26.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .assets-box-number[data-v-08608c3a] {
  color: var(--ep-color-text-default);
}
html .layout26.assets-box .assets-box-inner .assets-box-info .assets-box-intro[data-v-08608c3a] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6));
}
html .layout26.assets-box .deposit[data-v-08608c3a] {
  position: relative;
  min-width: 4.375rem;
  --padding-top: 0.5625rem;
  --padding-bottom: 0.5625rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
}
html .layout26.assets-box .deposit[data-v-08608c3a]::part(native) {
  background: transparent;
  color: var(--ep-color-btn-level-3-text, #fff);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  box-shadow: none;
}
html .layout26.assets-box .deposit svg[data-v-08608c3a] {
  position: absolute;
  height: 1.875rem;
  width: 110%;
  z-index: -1;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box[data-v-08608c3a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .assets-box-inner[data-v-08608c3a] {
  display: flex;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .assets-box-inner .assets-img[data-v-08608c3a] {
  width: 0;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .assets-box-inner .assets-img.good-img[data-v-08608c3a] {
  width: 2.375rem;
  height: 2.375rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .assets-box-inner .assets-box-info[data-v-08608c3a] {
  margin-left: 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner[data-v-08608c3a] {
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .currency[data-v-08608c3a] {
  margin-right: 0.125rem;
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .assets-box-number[data-v-08608c3a] {
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .assets-box-inner .assets-box-info .assets-box-intro[data-v-08608c3a] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6));
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .deposit[data-v-08608c3a] {
  position: relative;
  min-width: 4.375rem;
  --padding-top: 0.5625rem;
  --padding-bottom: 0.5625rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .deposit[data-v-08608c3a]::part(native) {
  background: transparent;
  color: var(--ep-color-btn-level-3-text, #fff);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .deposit svg[data-v-08608c3a] {
  position: absolute;
  height: 1.875rem;
  width: 110%;
  z-index: -1;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout38.assets-box[data-v-6f266445] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.125rem 0.125rem 0.125rem 0.5rem;
  border: 0.0625rem solid transparent;
  border-radius: 0.375rem;
  background: var(--assets-bg, transparent);
}
.layout38.assets-box .assets-wrap[data-v-6f266445] {
  display: flex;
  align-items: center;
}
.layout38.assets-box .assets-img[data-v-6f266445] {
  width: 1.25rem;
  margin-inline-end: 0.3125rem;
}
.layout38.assets-box .currency[data-v-6f266445] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--font-weight-bold, 700);
  margin-right: 0.25rem;
  color: var(--currency-color, var(--ep-color-text-highlight));
}
.layout38.assets-box .assets-box-number[data-v-6f266445] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--font-weight-bold, 700);
  color: var(--number-color, var(--ep-color-text-highlight));
}
.layout38.assets-box .deposit-wrap[data-v-6f266445] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.layout38.assets-box .deposit-wrap .deposit[data-v-6f266445] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.layout38.assets-box .deposit-wrap .deposit .deposit-icon[data-v-6f266445] {
  font-size: 2.25rem;
  color: var(--deposit-icon-color, var(--ep-color-icon-highlight));
}
.layout38.assets-box .deposit-wrap .deposit .deposit-label[data-v-6f266445] {
  font-size: var(--ep-font-size-m, 0.875rem);
  color: var(--deposit-label-color, var(--ep-color-text-default));
}
.layout38.assets-box .deposit-wrap .withdraw[data-v-6f266445] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.layout38.assets-box .deposit-wrap .withdraw .withdraw-icon[data-v-6f266445] {
  font-size: 2.25rem;
  color: var(--deposit-icon-color, var(--ep-color-icon-highlight));
}
.layout38.assets-box .deposit-wrap .withdraw .withdraw-label[data-v-6f266445] {
  font-size: var(--ep-font-size-m, 0.875rem);
  color: var(--deposit-label-color, var(--ep-color-text-default));
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout44.assets-wrap[data-v-912e777e] {
  flex: 1;
  gap: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.125rem 0.125rem 0.125rem 0.5rem;
  border: 0.0625rem solid transparent;
  border-radius: 0.375rem;
  background: var(--assets-bg, transparent);
}
.layout44.assets-wrap .assets-img[data-v-912e777e] {
  width: 3rem;
  height: 2.625rem;
}
.layout44.assets-wrap .currency[data-v-912e777e] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  margin-right: 0.25rem;
  color: var(--ep-color-text-default);
}
.layout44.assets-wrap .assets-wrap-number[data-v-912e777e] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
.layout44.assets-wrap .balance-wrap[data-v-912e777e] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.layout44.assets-wrap .assets-wrap-intro[data-v-912e777e] {
  color: var(--ep-color-text-weaker);
  font-size: var(--ep-font-size-xs, 0.625rem);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-fe7a6ecd] {
  /**
   * 53 号炫彩紫**抽屉里**的 Login / Registro（设计稿 node 17028:40675 右半）。
   *
   * 形状和配色完全复用顶栏那套 .layout53（同两张切角 svg），差别只在尺寸和排布：
   * 顶栏是两枚等分整宽的按钮，抽屉里是右对齐的两枚定宽 80x32。
   * 配置里写 `layoutType: 'layout53 layout53-drawer'`，这里只写差异；
   * 选择器带三个类是为了压过 .layout53 那条同权重规则，不依赖两个 mixin 的书写先后。
   *
   * 两张 svg 原尺寸就是 80x32、且带 preserveAspectRatio="none"，这里等于 1:1 还原，
   * 切角比例最准。
   */
  /**
   * 53 号炫彩紫：顶部 Login / Register 用切角 svg 当背景。
   * 形状（左上/右下切角）和品红都烤在 svg 里，所以这里不再画描边、不再取
   * --ep-color-btn-level-N-bg，只保留文字色；两个 svg 都带 preserveAspectRatio="none"，
   * 配合 background-size: 100% 100% 随按钮宽度拉伸填满。
   */
}
html .layout1.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
html .layout1.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-width: 4.6875rem;
  min-height: 1.625rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-m, 0.375rem);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
}
html .layout1.button-box .login[data-v-fe7a6ecd]::part(native) {
  box-shadow: none;
  background: var(--ep-color-btn-level-2-bg);
  color: var(--ep-color-btn-level-2-text);
  border-width: var(--border-width, 0.0625rem);
  border-style: var(--border-style, solid);
  border-color: var(--border-color, var(--ep-color-btn-level-2-border));
}
html .layout1.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
}
html .layout1.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  width: 100%;
  height: 100%;
  min-width: 4.6875rem;
  --padding-top: 0.625rem;
  --padding-bottom: 0.625rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-m, 0.375rem);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
}
html .layout1.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  box-shadow: none;
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text);
  border-width: var(--border-width, 0.0625rem);
  border-style: var(--border-style, solid);
  border-color: var(--border-color, var(--ep-color-btn-level-3-border));
}
html .layout2.button-box[data-v-fe7a6ecd] {
  --height: 1.625rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
html .layout2.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-height: var(--height);
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-infinity, 9999px);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  min-width: 5.625rem;
}
html .layout2.button-box .login[data-v-fe7a6ecd]::part(native) {
  background: var(--ep-color-btn-level-2-bg);
  color: var(--ep-color-btn-level-2-text);
}
html .layout2.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
}
html .layout2.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  flex: 1;
  width: 100%;
  height: 100%;
  min-width: 5.625rem;
  --padding-top: 0.5625rem;
  --padding-bottom: 0.5625rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --border-radius: var(--ep-border-radius-infinity, 9999px);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
html .layout2.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text);
}
html .layout3.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
}
html .layout3.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-height: 2.125rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-infinity, 9999px);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  min-width: 5.625rem;
}
html .layout3.button-box .login[data-v-fe7a6ecd]::part(native) {
  box-shadow: 0 -0.125rem 0 0 rgba(0, 0, 0, 0.5) inset;
  background: var(--ep-color-btn-level-2-bg);
  color: var(--ep-color-btn-level-2-text);
  mask-image: url('/assets/unilateral-trapezoid-left-r2-BAI_Y-xO.svg');
  mask-repeat: no-repeat;
  mask-size: contain;
  /* For WebKit (Safari, iOS) */
  -webkit-mask-image: url('/assets/unilateral-trapezoid-left-r2-BAI_Y-xO.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
html .layout3.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
}
html .layout3.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  flex: 1;
  width: 100%;
  height: 100%;
  min-width: 5.625rem;
  --padding-top: 0.5625rem;
  --padding-bottom: 0.5625rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --border-radius: var(--ep-border-radius-infinity, 9999px);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
html .layout3.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  box-shadow: 0 -0.125rem 0 0 rgba(0, 0, 0, 0.5) inset;
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text);
  mask-image: url('/assets/unilateral-trapezoid-right-r2-CEscq7gc.svg');
  mask-repeat: no-repeat;
  mask-size: contain;
  /* For WebKit (Safari, iOS) */
  -webkit-mask-image: url('/assets/unilateral-trapezoid-right-r2-CEscq7gc.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
html .layout27.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
}
html .layout27.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-height: 2.125rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-infinity, 9999px);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  min-width: 5.625rem;
}
html .layout27.button-box .login[data-v-fe7a6ecd]::part(native) {
  box-shadow: 0 -0.125rem 0 0 rgba(0, 0, 0, 0.5) inset;
  background: var(--ep-color-btn-level-2-bg);
  color: var(--ep-color-btn-level-2-text);
  mask-image: url('/assets/main-unilateral-trapezoid-left-r2-Dwh9yvjx.svg');
  mask-repeat: no-repeat;
  mask-size: contain;
  /* For WebKit (Safari, iOS) */
  -webkit-mask-image: url('/assets/main-unilateral-trapezoid-left-r2-Dwh9yvjx.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
html .layout27.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
}
html .layout27.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  flex: 1;
  width: 100%;
  height: 100%;
  min-width: 5.625rem;
  --padding-top: 0.5625rem;
  --padding-bottom: 0.5625rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --border-radius: var(--ep-border-radius-infinity, 9999px);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
html .layout27.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  box-shadow: 0 -0.125rem 0 0 rgba(0, 0, 0, 0.5) inset;
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text);
  mask-image: url('/assets/main-unilateral-trapezoid-right-r2-DnEjF76h.svg');
  mask-repeat: no-repeat;
  mask-size: contain;
  /* For WebKit (Safari, iOS) */
  -webkit-mask-image: url('/assets/main-unilateral-trapezoid-right-r2-DnEjF76h.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
html .layout28.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
html .layout28.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-width: 5.5rem;
  min-height: 1.625rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-m, 0.375rem);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
}
html .layout28.button-box .login[data-v-fe7a6ecd]::part(native) {
  box-shadow: none;
  background: var(--ep-color-btn-level-2-bg);
  color: var(--ep-color-btn-level-2-text);
  border-width: var(--border-width, 0.0625rem);
  border-style: var(--border-style, solid);
  border-color: var(--border-color, var(--ep-color-btn-level-2-border));
}
html .layout28.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
}
html .layout28.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  width: 100%;
  height: 100%;
  min-width: 5.5rem;
  --padding-top: 0.5rem;
  --padding-bottom: 0.5rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-m, 0.375rem);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
}
html .layout28.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  box-shadow: none;
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text);
  border-width: var(--border-width, 0.0625rem);
  border-style: var(--border-style, solid);
  border-color: var(--border-color, var(--ep-color-btn-level-3-border));
}
html .layout37.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
html .layout37.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-width: 5rem;
  --padding-top: 0.5rem;
  --padding-bottom: 0.5rem;
  --padding-start: 0.5rem;
  --padding-end: 0.5rem;
  --border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-default);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  height: 2.5rem;
}
html .layout37.button-box .login[data-v-fe7a6ecd]::part(native) {
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-weak-a) 0%, var(--ep-color-background-fill-gradients-tertiary-weak-b) 118.75%);
  box-shadow: 0 -0.125rem 0 0 var(--ep-color-border-warning) inset;
  color: var(--ep-color-text-inverse);
}
html .layout37.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
}
html .layout37.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  width: 100%;
  height: 100%;
  min-width: 5rem;
  --padding-top: 0.5rem;
  --padding-bottom: 0.5rem;
  --padding-start: 0.5rem;
  --padding-end: 0.5rem;
  --border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-default);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
html .layout37.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) -27.5%, var(--ep-color-background-fill-gradients-primary-b) 127.5%);
  box-shadow: 0 -2px 0 0 var(--ep-color-border-danger) inset;
  color: var(--ep-color-text-inverse);
}
html .layout38.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
  width: 11.25rem;
  justify-content: space-between;
}
html .layout38.button-box .login[data-v-fe7a6ecd] {
  width: 5.625rem;
  height: 2.125rem;
  min-height: 2.125rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-infinity, 9999px);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  min-width: 5.625rem;
}
html .layout38.button-box .login[data-v-fe7a6ecd]::part(native) {
  box-shadow: 0 -0.125rem 0 0 rgba(0, 0, 0, 0.5) inset;
  background: var(--ep-color-btn-level-2-bg);
  color: var(--ep-color-btn-level-2-text);
  mask-image: url('/assets/main-unilateral-trapezoid-left-r2-Dwh9yvjx.svg');
  mask-repeat: no-repeat;
  mask-size: contain;
  /* For WebKit (Safari, iOS) */
  -webkit-mask-image: url('/assets/main-unilateral-trapezoid-left-r2-Dwh9yvjx.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
html .layout38.button-box .register-btn-warper[data-v-fe7a6ecd] {
  width: 5.625rem;
  height: 2.125rem;
}
html .layout38.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  flex: 1;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  min-width: 5.625rem;
  --padding-top: 0.5625rem;
  --padding-bottom: 0.5625rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --border-radius: var(--ep-border-radius-infinity, 9999px);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
html .layout38.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  box-shadow: 0 -0.125rem 0 0 rgba(0, 0, 0, 0.5) inset;
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text);
  mask-image: url('/assets/main-unilateral-trapezoid-right-r2-DnEjF76h.svg');
  mask-repeat: no-repeat;
  mask-size: contain;
  /* For WebKit (Safari, iOS) */
  -webkit-mask-image: url('/assets/main-unilateral-trapezoid-right-r2-DnEjF76h.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
html .layout39.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
html .layout39.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-width: 5.5rem;
  min-height: 1.625rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-m, 0.375rem);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
}
html .layout39.button-box .login[data-v-fe7a6ecd]::part(native) {
  box-shadow: none;
  background: var(--ep-dynamic-primary);
  color: var(--ep-color-btn-level-2-text);
  border-width: var(--border-width, 0.0625rem);
  border-style: var(--border-style, solid);
  border-color: var(--border-color, var(--ep-color-btn-level-2-border));
}
html .layout39.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
}
html .layout39.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  width: 100%;
  height: 100%;
  min-width: 5.5rem;
  --padding-top: 0.5rem;
  --padding-bottom: 0.5rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-m, 0.375rem);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
}
html .layout39.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  box-shadow: none;
  background: var(--ep-dynamic-tertiary);
}
html .layout45.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
}
html .layout46.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
}
html .layout46.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-width: 5rem;
  min-height: 1.75rem;
  --border-radius: none;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-bold);
}
html .layout46.button-box .login[data-v-fe7a6ecd]::part(native) {
  box-shadow: none;
  background: url('/assets/tool-bar-login46-r2-CBZg2gkd.png') no-repeat center center;
  background-size: 100% 100%;
  color: var(--ep-color-btn-level-2-text);
}
html .layout46.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
}
html .layout46.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  flex: 1;
  min-width: 5rem;
  min-height: 1.75rem;
  --border-radius: none;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-bold);
}
html .layout46.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  box-shadow: none;
  background: url('/assets/tool-bar-register46-r2-CUISRWAm.png') no-repeat center center;
  background-size: 100% 100%;
  color: var(--ep-color-btn-level-2-text);
}
html .layout49.button-box[data-v-fe7a6ecd] {
  gap: 0.125rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
html .layout49.button-box.drawer[data-v-fe7a6ecd] {
  gap: 0.875rem;
  width: 100%;
  padding-inline: 0.5rem;
}
html .layout50.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.125rem;
}
html .layout50.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-width: 4.375rem;
  min-height: 1.875rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: 0;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
}
html .layout50.button-box .login[data-v-fe7a6ecd]::part(native) {
  box-shadow: none;
  background: url('/assets/tool-bar-login50-r2-B563QNFc.png') no-repeat center center / 100% 100%;
  color: var(--ep-color-btn-level-2-text);
}
html .layout50.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
}
html .layout50.button-box .register-btn-warper[data-v-fe7a6ecd] .rewardTag {
  right: 0;
  width: max-content;
}
html .layout50.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  width: 100%;
  height: 100%;
  min-width: 4.375rem;
  --padding-top: 0.5rem;
  --padding-bottom: 0.5rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: 0;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
}
html .layout50.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  box-shadow: none;
  background: url('/assets/tool-bar-register50-r2-DKC1iJga.png') no-repeat center center / 100% 100%;
}
html .layout51.button-box[data-v-fe7a6ecd] {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
html .layout51.button-box .login[data-v-fe7a6ecd],
html .layout51.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  width: 7.625rem;
  height: 2.125rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  --border-radius: var(--ep-border-radius-infinity, 999px);
  --color: var(--ep-color-icon-inverse);
  --box-shadow: 0 -0.125rem 0 0 var(--ep-neutral-black-black-20) inset;
}
html .layout51.button-box .login[data-v-fe7a6ecd] {
  --background: var(--ep-primary-primary-500);
}
html .layout51.button-box .register-btn-warper[data-v-fe7a6ecd] {
  position: relative;
}
html .layout51.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  --background: var(--ep-inverse-inverse-500);
}
html .layout51.button-box .register-btn-warper[data-v-fe7a6ecd] .rewardTag {
  top: -0.140625rem;
  right: 0;
}
html .layout53.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
html .layout53.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-width: 5rem;
  min-height: 1.625rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: 0;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
}
html .layout53.button-box .login[data-v-fe7a6ecd]::part(native) {
  box-shadow: none;
  border: none;
  background: url('/assets/login-btn-bg-53-r2-Q8bETCdd.svg') no-repeat center center / 100% 100%;
  color: var(--ep-color-btn-level-2-text);
}
html .layout53.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
}
html .layout53.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  width: 100%;
  height: 100%;
  min-width: 5rem;
  --padding-top: 0.625rem;
  --padding-bottom: 0.625rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: 0;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
}
html .layout53.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  box-shadow: none;
  border: none;
  background: url('/assets/reg-btn-bg-53-r2-BdWpNfJs.svg') no-repeat center center / 100% 100%;
  color: var(--ep-color-btn-level-3-text);
}
html .layout53.layout53-drawer.button-box[data-v-fe7a6ecd] {
  gap: 0.625rem;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
html .layout53.layout53-drawer.button-box .login[data-v-fe7a6ecd] {
  flex: none;
  width: 5rem;
  height: 2rem;
  min-width: 0;
  min-height: 0;
}
html .layout53.layout53-drawer.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: none;
  width: 5rem;
  height: 2rem;
}
html .layout53.layout53-drawer.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  min-width: 0;
  --padding-top: 0;
  --padding-bottom: 0;
}
html .layout53.layout53-drawer.button-box .register-btn-warper[data-v-fe7a6ecd] .rewardTag {
  top: -0.4375rem;
  right: 0;
}
html .layout54.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  min-width: 0;
}
html .layout54.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-width: 4.375rem;
  max-width: 5rem;
  min-height: 2.0625rem;
  --padding-top: 0.375rem;
  --padding-bottom: 0.375rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --border-radius: var(--ep-border-radius-m, 0.375rem);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
html .layout54.button-box .login[data-v-fe7a6ecd]::part(native) {
  box-shadow: none;
  background: var(--ep-color-btn-level-2-bg);
  color: var(--ep-color-btn-level-2-text);
  border: none;
}
html .layout54.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
  min-width: 4.375rem;
  max-width: 5rem;
}
html .layout54.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  width: 100%;
  min-height: 2.0625rem;
  --padding-top: 0.375rem;
  --padding-bottom: 0.375rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --border-radius: var(--ep-border-radius-m, 0.375rem);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
html .layout54.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  box-shadow: none;
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text);
  border: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index[data-v-fe7a6ecd] {
  /**
   * 53 号炫彩紫**抽屉里**的 Login / Registro（设计稿 node 17028:40675 右半）。
   *
   * 形状和配色完全复用顶栏那套 .layout53（同两张切角 svg），差别只在尺寸和排布：
   * 顶栏是两枚等分整宽的按钮，抽屉里是右对齐的两枚定宽 80x32。
   * 配置里写 `layoutType: 'layout53 layout53-drawer'`，这里只写差异；
   * 选择器带三个类是为了压过 .layout53 那条同权重规则，不依赖两个 mixin 的书写先后。
   *
   * 两张 svg 原尺寸就是 80x32、且带 preserveAspectRatio="none"，这里等于 1:1 还原，
   * 切角比例最准。
   */
  /**
   * 53 号炫彩紫：顶部 Login / Register 用切角 svg 当背景。
   * 形状（左上/右下切角）和品红都烤在 svg 里，所以这里不再画描边、不再取
   * --ep-color-btn-level-N-bg，只保留文字色；两个 svg 都带 preserveAspectRatio="none"，
   * 配合 background-size: 100% 100% 随按钮宽度拉伸填满。
   */
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout1.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout1.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-width: 4.6875rem;
  min-height: 1.625rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-m, 0.375rem);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout1.button-box .login[data-v-fe7a6ecd]::part(native) {
  box-shadow: none;
  background: var(--ep-color-btn-level-2-bg);
  color: var(--ep-color-btn-level-2-text);
  border-width: var(--border-width, 0.0625rem);
  border-style: var(--border-style, solid);
  border-color: var(--border-color, var(--ep-color-btn-level-2-border));
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout1.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout1.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  width: 100%;
  height: 100%;
  min-width: 4.6875rem;
  --padding-top: 0.625rem;
  --padding-bottom: 0.625rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-m, 0.375rem);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout1.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  box-shadow: none;
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text);
  border-width: var(--border-width, 0.0625rem);
  border-style: var(--border-style, solid);
  border-color: var(--border-color, var(--ep-color-btn-level-3-border));
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout2.button-box[data-v-fe7a6ecd] {
  --height: 1.625rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout2.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-height: var(--height);
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-infinity, 9999px);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  min-width: 5.625rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout2.button-box .login[data-v-fe7a6ecd]::part(native) {
  background: var(--ep-color-btn-level-2-bg);
  color: var(--ep-color-btn-level-2-text);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout2.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout2.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  flex: 1;
  width: 100%;
  height: 100%;
  min-width: 5.625rem;
  --padding-top: 0.5625rem;
  --padding-bottom: 0.5625rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --border-radius: var(--ep-border-radius-infinity, 9999px);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout2.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout3.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout3.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-height: 2.125rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-infinity, 9999px);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  min-width: 5.625rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout3.button-box .login[data-v-fe7a6ecd]::part(native) {
  box-shadow: 0 -0.125rem 0 0 rgba(0, 0, 0, 0.5) inset;
  background: var(--ep-color-btn-level-2-bg);
  color: var(--ep-color-btn-level-2-text);
  mask-image: url('/assets/unilateral-trapezoid-left-r2-BAI_Y-xO.svg');
  mask-repeat: no-repeat;
  mask-size: contain;
  /* For WebKit (Safari, iOS) */
  -webkit-mask-image: url('/assets/unilateral-trapezoid-left-r2-BAI_Y-xO.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout3.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout3.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  flex: 1;
  width: 100%;
  height: 100%;
  min-width: 5.625rem;
  --padding-top: 0.5625rem;
  --padding-bottom: 0.5625rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --border-radius: var(--ep-border-radius-infinity, 9999px);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout3.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  box-shadow: 0 -0.125rem 0 0 rgba(0, 0, 0, 0.5) inset;
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text);
  mask-image: url('/assets/unilateral-trapezoid-right-r2-CEscq7gc.svg');
  mask-repeat: no-repeat;
  mask-size: contain;
  /* For WebKit (Safari, iOS) */
  -webkit-mask-image: url('/assets/unilateral-trapezoid-right-r2-CEscq7gc.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout27.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout27.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-height: 2.125rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-infinity, 9999px);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  min-width: 5.625rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout27.button-box .login[data-v-fe7a6ecd]::part(native) {
  box-shadow: 0 -0.125rem 0 0 rgba(0, 0, 0, 0.5) inset;
  background: var(--ep-color-btn-level-2-bg);
  color: var(--ep-color-btn-level-2-text);
  mask-image: url('/assets/main-unilateral-trapezoid-left-r2-Dwh9yvjx.svg');
  mask-repeat: no-repeat;
  mask-size: contain;
  /* For WebKit (Safari, iOS) */
  -webkit-mask-image: url('/assets/main-unilateral-trapezoid-left-r2-Dwh9yvjx.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout27.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout27.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  flex: 1;
  width: 100%;
  height: 100%;
  min-width: 5.625rem;
  --padding-top: 0.5625rem;
  --padding-bottom: 0.5625rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --border-radius: var(--ep-border-radius-infinity, 9999px);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout27.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  box-shadow: 0 -0.125rem 0 0 rgba(0, 0, 0, 0.5) inset;
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text);
  mask-image: url('/assets/main-unilateral-trapezoid-right-r2-DnEjF76h.svg');
  mask-repeat: no-repeat;
  mask-size: contain;
  /* For WebKit (Safari, iOS) */
  -webkit-mask-image: url('/assets/main-unilateral-trapezoid-right-r2-DnEjF76h.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout28.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout28.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-width: 5.5rem;
  min-height: 1.625rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-m, 0.375rem);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout28.button-box .login[data-v-fe7a6ecd]::part(native) {
  box-shadow: none;
  background: var(--ep-color-btn-level-2-bg);
  color: var(--ep-color-btn-level-2-text);
  border-width: var(--border-width, 0.0625rem);
  border-style: var(--border-style, solid);
  border-color: var(--border-color, var(--ep-color-btn-level-2-border));
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout28.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout28.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  width: 100%;
  height: 100%;
  min-width: 5.5rem;
  --padding-top: 0.5rem;
  --padding-bottom: 0.5rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-m, 0.375rem);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout28.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  box-shadow: none;
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text);
  border-width: var(--border-width, 0.0625rem);
  border-style: var(--border-style, solid);
  border-color: var(--border-color, var(--ep-color-btn-level-3-border));
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout37.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout37.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-width: 5rem;
  --padding-top: 0.5rem;
  --padding-bottom: 0.5rem;
  --padding-start: 0.5rem;
  --padding-end: 0.5rem;
  --border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-default);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  height: 2.5rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout37.button-box .login[data-v-fe7a6ecd]::part(native) {
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-weak-a) 0%, var(--ep-color-background-fill-gradients-tertiary-weak-b) 118.75%);
  box-shadow: 0 -0.125rem 0 0 var(--ep-color-border-warning) inset;
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout37.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout37.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  width: 100%;
  height: 100%;
  min-width: 5rem;
  --padding-top: 0.5rem;
  --padding-bottom: 0.5rem;
  --padding-start: 0.5rem;
  --padding-end: 0.5rem;
  --border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-default);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout37.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) -27.5%, var(--ep-color-background-fill-gradients-primary-b) 127.5%);
  box-shadow: 0 -2px 0 0 var(--ep-color-border-danger) inset;
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout38.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
  width: 11.25rem;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout38.button-box .login[data-v-fe7a6ecd] {
  width: 5.625rem;
  height: 2.125rem;
  min-height: 2.125rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-infinity, 9999px);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  min-width: 5.625rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout38.button-box .login[data-v-fe7a6ecd]::part(native) {
  box-shadow: 0 -0.125rem 0 0 rgba(0, 0, 0, 0.5) inset;
  background: var(--ep-color-btn-level-2-bg);
  color: var(--ep-color-btn-level-2-text);
  mask-image: url('/assets/main-unilateral-trapezoid-left-r2-Dwh9yvjx.svg');
  mask-repeat: no-repeat;
  mask-size: contain;
  /* For WebKit (Safari, iOS) */
  -webkit-mask-image: url('/assets/main-unilateral-trapezoid-left-r2-Dwh9yvjx.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout38.button-box .register-btn-warper[data-v-fe7a6ecd] {
  width: 5.625rem;
  height: 2.125rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout38.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  flex: 1;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  min-width: 5.625rem;
  --padding-top: 0.5625rem;
  --padding-bottom: 0.5625rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --border-radius: var(--ep-border-radius-infinity, 9999px);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout38.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  box-shadow: 0 -0.125rem 0 0 rgba(0, 0, 0, 0.5) inset;
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text);
  mask-image: url('/assets/main-unilateral-trapezoid-right-r2-DnEjF76h.svg');
  mask-repeat: no-repeat;
  mask-size: contain;
  /* For WebKit (Safari, iOS) */
  -webkit-mask-image: url('/assets/main-unilateral-trapezoid-right-r2-DnEjF76h.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout39.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout39.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-width: 5.5rem;
  min-height: 1.625rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-m, 0.375rem);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout39.button-box .login[data-v-fe7a6ecd]::part(native) {
  box-shadow: none;
  background: var(--ep-dynamic-primary);
  color: var(--ep-color-btn-level-2-text);
  border-width: var(--border-width, 0.0625rem);
  border-style: var(--border-style, solid);
  border-color: var(--border-color, var(--ep-color-btn-level-2-border));
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout39.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout39.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  width: 100%;
  height: 100%;
  min-width: 5.5rem;
  --padding-top: 0.5rem;
  --padding-bottom: 0.5rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-m, 0.375rem);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout39.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  box-shadow: none;
  background: var(--ep-dynamic-tertiary);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout45.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout46.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout46.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-width: 5rem;
  min-height: 1.75rem;
  --border-radius: none;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-bold);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout46.button-box .login[data-v-fe7a6ecd]::part(native) {
  box-shadow: none;
  background: url('/assets/tool-bar-login46-r2-CBZg2gkd.png') no-repeat center center;
  background-size: 100% 100%;
  color: var(--ep-color-btn-level-2-text);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout46.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout46.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  flex: 1;
  min-width: 5rem;
  min-height: 1.75rem;
  --border-radius: none;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-bold);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout46.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  box-shadow: none;
  background: url('/assets/tool-bar-register46-r2-CUISRWAm.png') no-repeat center center;
  background-size: 100% 100%;
  color: var(--ep-color-btn-level-2-text);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout49.button-box[data-v-fe7a6ecd] {
  gap: 0.125rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout49.button-box.drawer[data-v-fe7a6ecd] {
  gap: 0.875rem;
  width: 100%;
  padding-inline: 0.5rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout50.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.125rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout50.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-width: 4.375rem;
  min-height: 1.875rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: 0;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout50.button-box .login[data-v-fe7a6ecd]::part(native) {
  box-shadow: none;
  background: url('/assets/tool-bar-login50-r2-B563QNFc.png') no-repeat center center / 100% 100%;
  color: var(--ep-color-btn-level-2-text);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout50.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout50.button-box .register-btn-warper[data-v-fe7a6ecd] .rewardTag {
  right: 0;
  width: max-content;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout50.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  width: 100%;
  height: 100%;
  min-width: 4.375rem;
  --padding-top: 0.5rem;
  --padding-bottom: 0.5rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: 0;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout50.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  box-shadow: none;
  background: url('/assets/tool-bar-register50-r2-DKC1iJga.png') no-repeat center center / 100% 100%;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout51.button-box[data-v-fe7a6ecd] {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout51.button-box .login[data-v-fe7a6ecd],
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout51.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  width: 7.625rem;
  height: 2.125rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  --border-radius: var(--ep-border-radius-infinity, 999px);
  --color: var(--ep-color-icon-inverse);
  --box-shadow: 0 -0.125rem 0 0 var(--ep-neutral-black-black-20) inset;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout51.button-box .login[data-v-fe7a6ecd] {
  --background: var(--ep-primary-primary-500);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout51.button-box .register-btn-warper[data-v-fe7a6ecd] {
  position: relative;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout51.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  --background: var(--ep-inverse-inverse-500);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout51.button-box .register-btn-warper[data-v-fe7a6ecd] .rewardTag {
  top: -0.140625rem;
  right: 0;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout53.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout53.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-width: 5rem;
  min-height: 1.625rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: 0;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout53.button-box .login[data-v-fe7a6ecd]::part(native) {
  box-shadow: none;
  border: none;
  background: url('/assets/login-btn-bg-53-r2-Q8bETCdd.svg') no-repeat center center / 100% 100%;
  color: var(--ep-color-btn-level-2-text);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout53.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout53.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  width: 100%;
  height: 100%;
  min-width: 5rem;
  --padding-top: 0.625rem;
  --padding-bottom: 0.625rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: 0;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout53.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  box-shadow: none;
  border: none;
  background: url('/assets/reg-btn-bg-53-r2-BdWpNfJs.svg') no-repeat center center / 100% 100%;
  color: var(--ep-color-btn-level-3-text);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout53.layout53-drawer.button-box[data-v-fe7a6ecd] {
  gap: 0.625rem;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout53.layout53-drawer.button-box .login[data-v-fe7a6ecd] {
  flex: none;
  width: 5rem;
  height: 2rem;
  min-width: 0;
  min-height: 0;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout53.layout53-drawer.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: none;
  width: 5rem;
  height: 2rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout53.layout53-drawer.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  min-width: 0;
  --padding-top: 0;
  --padding-bottom: 0;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout53.layout53-drawer.button-box .register-btn-warper[data-v-fe7a6ecd] .rewardTag {
  top: -0.4375rem;
  right: 0;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout54.button-box[data-v-fe7a6ecd] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  min-width: 0;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout54.button-box .login[data-v-fe7a6ecd] {
  flex: 1;
  min-width: 4.375rem;
  max-width: 5rem;
  min-height: 2.0625rem;
  --padding-top: 0.375rem;
  --padding-bottom: 0.375rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --border-radius: var(--ep-border-radius-m, 0.375rem);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout54.button-box .login[data-v-fe7a6ecd]::part(native) {
  box-shadow: none;
  background: var(--ep-color-btn-level-2-bg);
  color: var(--ep-color-btn-level-2-text);
  border: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout54.button-box .register-btn-warper[data-v-fe7a6ecd] {
  flex: 1;
  min-width: 4.375rem;
  max-width: 5rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout54.button-box .register-btn-warper[data-v-fe7a6ecd] .register {
  width: 100%;
  min-height: 2.0625rem;
  --padding-top: 0.375rem;
  --padding-bottom: 0.375rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  --border-radius: var(--ep-border-radius-m, 0.375rem);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout54.button-box .register-btn-warper[data-v-fe7a6ecd] .register::part(native) {
  box-shadow: none;
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text);
  border: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-220b4f17] {
  /**
   * 53 号炫彩紫抽屉登录态那枚「Depósito」（设计稿 node 17030:42589 右半）。
   *
   * 和同屏的 Login / Registro 是同一枚切角实心按钮，复用 reg-btn-bg.svg（原尺寸 80x32、
   * 带 preserveAspectRatio="none"，这里 1:1 还原）。
   *
   * 背景画在**宿主**而不是 ::part(native)：配置给这枚按钮下发的是 buttonType: 'text'，
   * button/index.vue 的 .text-btn 对 native 部件写了 `background: transparent !important`，
   * 背景放 native 上会被它压掉。宿主原本的品红实心底是 47 号写在配置里的内联样式，
   * 已在 theme-53.ts 里置空交还给这里。
   */
}
html .layout1.button-box[data-v-220b4f17] {
  display: flex;
  align-items: center;
}
html .layout1.button-box .deposit[data-v-220b4f17] {
  flex: 1;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: 0.0625rem solid var(--ep-color-border-default, #1E2D67);
  box-shadow: 0 0 0.725rem 0 var(--ep-color-background-fill-tips, #0A77DA) inset;
  background: var(--ep-dynamic-secondary, linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a, #1D2A55) 0%, var(--ep-color-background-fill-gradients-secondary-a, #1D2A55) 118.75%));
}
html .layout1.button-box .deposit[data-v-220b4f17]::part(native) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-success, #53C154);
}
html .layout2.button-box[data-v-220b4f17] {
  display: flex;
  flex-wrap: wrap;
}
html .layout2.button-box .deposit[data-v-220b4f17] {
  flex: 1;
  min-width: 4.6875rem;
  min-height: 2.125rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-infinity, 9999px);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
html .layout2.button-box .deposit[data-v-220b4f17]::part(native) {
  box-shadow: 0 -0.125rem 0 0 rgba(0, 0, 0, 0.5) inset;
  background: var(--ep-color-btn-level-2-bg);
  color: var(--ep-color-btn-level-2-text);
  mask-image: url('/assets/unilateral-trapezoid-left-r2-BAI_Y-xO.svg');
  mask-repeat: no-repeat;
  mask-size: contain;
  /* For WebKit (Safari, iOS) */
  -webkit-mask-image: url('/assets/unilateral-trapezoid-left-r2-BAI_Y-xO.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
html .layout2.button-box .withdraw[data-v-220b4f17] {
  flex: 1;
  min-width: 4.6875rem;
  min-height: 2.125rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-infinity, 9999px);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
html .layout2.button-box .withdraw[data-v-220b4f17]::part(native) {
  box-shadow: 0 -0.125rem 0 0 rgba(0, 0, 0, 0.5) inset;
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text);
  mask-image: url('/assets/unilateral-trapezoid-right-r2-CEscq7gc.svg');
  mask-repeat: no-repeat;
  mask-size: contain;
  /* For WebKit (Safari, iOS) */
  -webkit-mask-image: url('/assets/unilateral-trapezoid-right-r2-CEscq7gc.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
html .layout3.button-box[data-v-220b4f17] {
  display: flex;
  flex-wrap: wrap;
}
html .layout3.button-box .deposit[data-v-220b4f17] {
  flex: 1;
  min-width: 4.6875rem;
  min-height: 2.125rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-m);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
html .layout3.button-box .deposit[data-v-220b4f17]::part(native) {
  box-shadow: none;
  border-width: var(--border-width, 0);
  border-style: solid;
  border-color: var(--ep-color-btn-level-3-border);
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text);
}
html .layout37.button-box[data-v-220b4f17] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.625rem;
}
html .layout37.button-box .deposit[data-v-220b4f17] {
  width: 10.625rem;
  height: 2.5rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-default);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
html .layout37.button-box .deposit[data-v-220b4f17]::part(native) {
  box-shadow: 0 -0.125rem 0 0 var(--ep-color-border-warning) inset;
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-weak-a) 0%, var(--ep-color-background-fill-gradients-tertiary-weak-b) 118.75%);
  color: var(--ep-color-btn-level-2-text);
}
html .layout37.button-box .withdraw[data-v-220b4f17] {
  width: 10.625rem;
  height: 2.5rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-default);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
html .layout37.button-box .withdraw[data-v-220b4f17]::part(native) {
  box-shadow: 0 -0.125rem 0 0 var(--ep-color-border-danger) inset;
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) -27.5%, var(--ep-color-background-fill-gradients-primary-b) 127.5%);
  color: var(--ep-color-btn-level-3-text);
}
html .layout39.button-box[data-v-220b4f17] {
  display: flex;
  align-items: center;
}
html .layout39.button-box .deposit[data-v-220b4f17] {
  flex: 1;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: 0.0625rem solid var(--ep-color-btn-level-3-border);
  background: var(--ep-dynamic-primary);
}
html .layout39.button-box .deposit[data-v-220b4f17]::part(native) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-btn-level-3-text);
}
html .layout53-drawer.button-box[data-v-220b4f17] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
html .layout53-drawer.button-box .deposit[data-v-220b4f17] {
  flex: none;
  width: 5rem;
  height: 2rem;
  border: none;
  --border-radius: 0;
  background: url('/assets/reg-btn-bg-53-r2-BdWpNfJs.svg') no-repeat center center / 100% 100%;
}
html .layout53-drawer.button-box .deposit[data-v-220b4f17]::part(native) {
  line-height: 1.125rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight-white);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index[data-v-220b4f17] {
  /**
   * 53 号炫彩紫抽屉登录态那枚「Depósito」（设计稿 node 17030:42589 右半）。
   *
   * 和同屏的 Login / Registro 是同一枚切角实心按钮，复用 reg-btn-bg.svg（原尺寸 80x32、
   * 带 preserveAspectRatio="none"，这里 1:1 还原）。
   *
   * 背景画在**宿主**而不是 ::part(native)：配置给这枚按钮下发的是 buttonType: 'text'，
   * button/index.vue 的 .text-btn 对 native 部件写了 `background: transparent !important`，
   * 背景放 native 上会被它压掉。宿主原本的品红实心底是 47 号写在配置里的内联样式，
   * 已在 theme-53.ts 里置空交还给这里。
   */
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout1.button-box[data-v-220b4f17] {
  display: flex;
  align-items: center;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout1.button-box .deposit[data-v-220b4f17] {
  flex: 1;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: 0.0625rem solid var(--ep-color-border-default, #1E2D67);
  box-shadow: 0 0 0.725rem 0 var(--ep-color-background-fill-tips, #0A77DA) inset;
  background: var(--ep-dynamic-secondary, linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a, #1D2A55) 0%, var(--ep-color-background-fill-gradients-secondary-a, #1D2A55) 118.75%));
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout1.button-box .deposit[data-v-220b4f17]::part(native) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-success, #53C154);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout2.button-box[data-v-220b4f17] {
  display: flex;
  flex-wrap: wrap;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout2.button-box .deposit[data-v-220b4f17] {
  flex: 1;
  min-width: 4.6875rem;
  min-height: 2.125rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-infinity, 9999px);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout2.button-box .deposit[data-v-220b4f17]::part(native) {
  box-shadow: 0 -0.125rem 0 0 rgba(0, 0, 0, 0.5) inset;
  background: var(--ep-color-btn-level-2-bg);
  color: var(--ep-color-btn-level-2-text);
  mask-image: url('/assets/unilateral-trapezoid-left-r2-BAI_Y-xO.svg');
  mask-repeat: no-repeat;
  mask-size: contain;
  /* For WebKit (Safari, iOS) */
  -webkit-mask-image: url('/assets/unilateral-trapezoid-left-r2-BAI_Y-xO.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout2.button-box .withdraw[data-v-220b4f17] {
  flex: 1;
  min-width: 4.6875rem;
  min-height: 2.125rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-infinity, 9999px);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout2.button-box .withdraw[data-v-220b4f17]::part(native) {
  box-shadow: 0 -0.125rem 0 0 rgba(0, 0, 0, 0.5) inset;
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text);
  mask-image: url('/assets/unilateral-trapezoid-right-r2-CEscq7gc.svg');
  mask-repeat: no-repeat;
  mask-size: contain;
  /* For WebKit (Safari, iOS) */
  -webkit-mask-image: url('/assets/unilateral-trapezoid-right-r2-CEscq7gc.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout3.button-box[data-v-220b4f17] {
  display: flex;
  flex-wrap: wrap;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout3.button-box .deposit[data-v-220b4f17] {
  flex: 1;
  min-width: 4.6875rem;
  min-height: 2.125rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-m);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout3.button-box .deposit[data-v-220b4f17]::part(native) {
  box-shadow: none;
  border-width: var(--border-width, 0);
  border-style: solid;
  border-color: var(--ep-color-btn-level-3-border);
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout37.button-box[data-v-220b4f17] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.625rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout37.button-box .deposit[data-v-220b4f17] {
  width: 10.625rem;
  height: 2.5rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-default);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout37.button-box .deposit[data-v-220b4f17]::part(native) {
  box-shadow: 0 -0.125rem 0 0 var(--ep-color-border-warning) inset;
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-weak-a) 0%, var(--ep-color-background-fill-gradients-tertiary-weak-b) 118.75%);
  color: var(--ep-color-btn-level-2-text);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout37.button-box .withdraw[data-v-220b4f17] {
  width: 10.625rem;
  height: 2.5rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-default);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout37.button-box .withdraw[data-v-220b4f17]::part(native) {
  box-shadow: 0 -0.125rem 0 0 var(--ep-color-border-danger) inset;
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) -27.5%, var(--ep-color-background-fill-gradients-primary-b) 127.5%);
  color: var(--ep-color-btn-level-3-text);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout39.button-box[data-v-220b4f17] {
  display: flex;
  align-items: center;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout39.button-box .deposit[data-v-220b4f17] {
  flex: 1;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: 0.0625rem solid var(--ep-color-btn-level-3-border);
  background: var(--ep-dynamic-primary);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout39.button-box .deposit[data-v-220b4f17]::part(native) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-btn-level-3-text);
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout53-drawer.button-box[data-v-220b4f17] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout53-drawer.button-box .deposit[data-v-220b4f17] {
  flex: none;
  width: 5rem;
  height: 2rem;
  border: none;
  --border-radius: 0;
  background: url('/assets/reg-btn-bg-53-r2-BdWpNfJs.svg') no-repeat center center / 100% 100%;
}
#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout53-drawer.button-box .deposit[data-v-220b4f17]::part(native) {
  line-height: 1.125rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight-white);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.content-box[data-v-a89c1daf] {
  flex: 1;
  height: 3.75rem;
  line-height: 3.75rem;
  text-align: center;
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-default);
}
html .layout37.content-box[data-v-a89c1daf] {
  text-align: center;
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-title-index .layout1.content-box[data-v-a89c1daf] {
  flex: 1;
  height: 3.75rem;
  line-height: 3.75rem;
  text-align: center;
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-title-index .layout37.content-box[data-v-a89c1daf] {
  text-align: center;
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-default);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout45.button-wrap[data-v-8ba4c97d] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.layout45.button-wrap .background[data-v-8ba4c97d] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  color: var(--ep-color-btn-level-2-bg);
}
.layout45.button-wrap ion-button[data-v-8ba4c97d] {
  width: 100%;
  height: 100%;
  --box-shadow: none;
  --background: transparent;
  --color: var(--ep-color-btn-level-2-text);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
.layout45.button-wrap .rewardTag[data-v-8ba4c97d] {
  right: 0;
  top: -0.5rem;
  position: absolute;
}
.layout45.button-wrap.register .background[data-v-8ba4c97d],
.layout45.button-wrap.withdraw .background[data-v-8ba4c97d] {
  color: var(--ep-color-btn-level-3-bg);
}
.layout51.button-wrap[data-v-8ba4c97d] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.layout51.button-wrap .background[data-v-8ba4c97d] {
  display: none;
}
.layout51.button-wrap ion-button[data-v-8ba4c97d] {
  width: 100%;
  height: 2.125rem;
  --box-shadow: inset 0 -0.125rem 0 0 rgba(0, 0, 0, 0.2);
  --background: var(--ep-color-btn-level-2-bg);
  --color: var(--ep-color-btn-level-2-text);
  --border-radius: var(--ep-border-radius-infinity, 9999px);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
.layout51.button-wrap .rewardTag[data-v-8ba4c97d] {
  right: 0;
  top: -0.5rem;
  position: absolute;
}
.layout51.button-wrap.register[data-v-8ba4c97d],
.layout51.button-wrap.withdraw[data-v-8ba4c97d] {
  margin-left: 0.5rem;
}
.layout51.button-wrap.register ion-button[data-v-8ba4c97d],
.layout51.button-wrap.withdraw ion-button[data-v-8ba4c97d] {
  --background: var(--ep-color-btn-level-3-bg);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.btn-wrap[data-v-9db2c5f6] {
  display: flex;
  height: 2.125rem;
  min-width: 4.25rem;
  position: relative;
  align-items: center;
  justify-content: center;
  padding-inline: 0.375rem;
}
.btn-wrap label[data-v-9db2c5f6] {
  color: var(--ep-color-btn-level-2-text);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
.btn-wrap .button-bg[data-v-9db2c5f6] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.btn-wrap .rewardTag[data-v-9db2c5f6] {
  top: -0.5rem;
  right: -0.25rem;
  position: absolute;
}
.btn-wrap.register[data-v-9db2c5f6] {
  --gradient-a: var(--ep-color-background-fill-gradients-primary-a);
  --gradient-b: var(--ep-color-background-fill-gradients-primary-b);
}
.btn-wrap.drawer[data-v-9db2c5f6] {
  flex: 1;
  height: 2.625rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.btn-wrap[data-v-b88d1592] {
  display: flex;
  height: 2.125rem;
  min-width: 4.25rem;
  position: relative;
  align-items: center;
  justify-content: center;
  padding-inline: 0.375rem;
}
.btn-wrap label[data-v-b88d1592] {
  color: var(--ep-color-btn-level-2-text);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
.btn-wrap .button-bg[data-v-b88d1592] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.btn-wrap .rewardTag[data-v-b88d1592] {
  top: -0.5rem;
  right: -0.25rem;
  position: absolute;
}
.btn-wrap.deposit[data-v-b88d1592] {
  --gradient-a: var(--ep-color-background-fill-gradients-primary-a);
  --gradient-b: var(--ep-color-background-fill-gradients-primary-b);
}
.btn-wrap.drawer[data-v-b88d1592] {
  flex: 1;
  height: 2.625rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-button.unset-btn[data-v-84597c86] {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
  margin: 0;
  min-height: min-content;
  min-width: min-content;
}
ion-button.unset-btn .button-inner[data-v-84597c86] {
  transform: var(--skew, skew(12deg));
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.btn-wrap[data-v-b94a9581] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-wrap ion-button.unset-btn[data-v-b94a9581] {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0.5rem;
  --padding-end: 1rem;
  --box-shadow: none;
  white-space: nowrap;
  font-weight: 600;
}
.btn-wrap ion-button[data-v-b94a9581]::part(native) {
  background: transparent !important;
  color: var(--ep-color-btn-level-2-text);
  font-weight: var(--ep-font-weight-medium, 600);
}
.btn-wrap ion-button.text-btn[data-v-b94a9581] {
  --background: transparent;
}
.btn-wrap svg[data-v-b94a9581] {
  position: absolute;
  z-index: -1;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout44.login-btn[data-v-5482cb6e] {
  display: flex;
  width: 5.625rem;
  height: 1.875rem;
  position: relative;
  align-items: center;
  justify-content: center;
  font-size: var(--ep-font-size-m);
  color: var(--ep-color-btn-level-2-text);
  font-weight: var(--ep-font-weight-bold);
}
.layout44.login-btn .login-btn-background[data-v-5482cb6e] {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout45.login-btn[data-v-f196f659] {
  display: flex;
  width: 4.25rem;
  height: 2.125rem;
  position: relative;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding-inline: 0.125rem;
  color: var(--ep-color-btn-level-2-text);
  font-size: var(--ep-font-size-xs, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
.layout45.login-btn .login-btn-background[data-v-f196f659] {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  color: var(--ep-color-btn-level-2-bg);
}
.layout45.login-btn.register[data-v-f196f659] {
  position: relative;
}
.layout45.login-btn.register .login-btn-background[data-v-f196f659] {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  color: var(--ep-color-btn-level-3-bg);
}
.layout45.login-btn.register .rewardTag[data-v-f196f659] {
  position: absolute;
  top: -0.5rem;
  right: 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.btn-wrap[data-v-940c26a1] {
  display: flex;
  height: 2.125rem;
  min-width: 4.25rem;
  position: relative;
  align-items: center;
  justify-content: center;
  padding-inline: 0.375rem;
}
.btn-wrap label[data-v-940c26a1] {
  color: var(--ep-color-btn-level-2-text);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
.btn-wrap .button-bg[data-v-940c26a1] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.btn-wrap .rewardTag[data-v-940c26a1] {
  top: -0.5rem;
  right: -0.25rem;
  position: absolute;
}
.btn-wrap.register[data-v-940c26a1] {
  --gradient-a: var(--ep-color-background-fill-gradients-primary-a);
  --gradient-b: var(--ep-color-background-fill-gradients-primary-b);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.icon-btn[data-v-957c028f] {
  --border-style: solid;
  --border-width: 0.0625rem;
  --border-color: var(--ep-color-border-default);
  --background: var(--ep-color-background-fill-surface-raised-L2);
  --color: var(--ep-color-icon-default);
}
html .layout2.icon-btn[data-v-957c028f] {
  position: relative;
  --color: var(--ep-color-icon-default);
}
html .layout2.icon-btn[data-v-957c028f]::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 100%;
  background: var(--bg, linear-gradient(90deg, transparent 0%, #090f1f 50%));
}
html .layout26.icon-btn[data-v-957c028f] {
  --border-style: solid;
  --border-width: 0.0625rem;
  --border-color: var(--ep-color-border-default);
  --background: var(--ep-color-background-fill-surface-lowered);
  --color: var(--ep-color-icon-default);
}
html .layout26.icon-btn .icon[data-v-957c028f] {
  color: var(--ep-color-icon-highlight-white);
}
html .layout38.icon-btn[data-v-957c028f] {
  --border-style: solid;
  --border-width: 0.0625rem;
  --border-color: var(--ep-color-border-brand);
  --background: linear-gradient(180deg, #D21A1A 0%, #6E0707 47.92%, #430404 100%);
  --color: var(--ep-color-icon-default);
}
html .layout42.icon-btn[data-v-957c028f] {
  --border-style: solid;
  --border-width: 0.0625rem;
  --border-color: var(--ep-color-border-default);
  --background: var(--ep-color-background-fill-surface-raised-L2);
  --color: var(--ep-color-icon-default);
  --box-shadow: none;
}
html .layout37.icon-btn[data-v-957c028f] {
  position: relative;
  --background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a) 0%, var(--ep-color-background-fill-gradients-secondary-b) 118.75%);
  --color: var(--ep-color-icon-default);
  --box-shadow: none;
  padding: 0.0625rem;
  z-index: 1;
}
html .layout37.icon-btn[data-v-957c028f]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-default);
  background: linear-gradient(180deg, var(--ep-color-border-brand), #E000FF);
  -webkit-mask-image: linear-gradient(180deg, #000, transparent);
  mask-image: linear-gradient(180deg, #000, transparent);
  z-index: -1;
}
html .layout46.icon-btn[data-v-957c028f] {
  --border-style: solid;
  --border-width: 0.0625rem;
  --border-color: var(--ep-color-border-brand);
  --background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) -27.5%, var(--ep-color-background-fill-gradients-primary-b) 127.5%);
  --color: var(--ep-color-icon-default);
  --box-shadow: none;
}
html .layout50.icon-btn[data-v-957c028f] {
  --background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-b, #776CFF) -27.5%, var(--ep-color-background-fill-gradients-primary-a, #76F4FC) 127.5%);
  --color: var(--ep-color-text-inverse);
  --box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.25) inset;
}
html .layout50.icon-btn .icon[data-v-957c028f] svg path {
  stroke: var(--ep-color-text-inverse);
}
html .layout54.icon-btn[data-v-957c028f] {
  position: relative;
  --border-width: 0;
  --background: var(--ep-neutral-gray-gray-L02);
  --color: var(--ep-color-icon-highlight-white);
  --box-shadow: none;
}
html .layout54.icon-btn[data-v-957c028f]::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 0.0625rem;
  border-radius: var(--ep-border-radius-l);
  background: linear-gradient(180deg, var(--ep-primary-primary-300) 0%, var(--ep-neutral-transparent) 80.88%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: 1;
}
#tabbar-tabs-inicio-components-MarqueeView-components-iconButton-1-index .layout1.icon-btn[data-v-957c028f] {
  --border-style: solid;
  --border-width: 0.0625rem;
  --border-color: var(--ep-color-border-default);
  --background: var(--ep-color-background-fill-surface-raised-L2);
  --color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-MarqueeView-components-iconButton-1-index .layout2.icon-btn[data-v-957c028f] {
  position: relative;
  --color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-MarqueeView-components-iconButton-1-index .layout2.icon-btn[data-v-957c028f]::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 100%;
  background: var(--bg, linear-gradient(90deg, transparent 0%, #090f1f 50%));
}
#tabbar-tabs-inicio-components-MarqueeView-components-iconButton-1-index .layout26.icon-btn[data-v-957c028f] {
  --border-style: solid;
  --border-width: 0.0625rem;
  --border-color: var(--ep-color-border-default);
  --background: var(--ep-color-background-fill-surface-lowered);
  --color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-MarqueeView-components-iconButton-1-index .layout26.icon-btn .icon[data-v-957c028f] {
  color: var(--ep-color-icon-highlight-white);
}
#tabbar-tabs-inicio-components-MarqueeView-components-iconButton-1-index .layout38.icon-btn[data-v-957c028f] {
  --border-style: solid;
  --border-width: 0.0625rem;
  --border-color: var(--ep-color-border-brand);
  --background: linear-gradient(180deg, #D21A1A 0%, #6E0707 47.92%, #430404 100%);
  --color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-MarqueeView-components-iconButton-1-index .layout42.icon-btn[data-v-957c028f] {
  --border-style: solid;
  --border-width: 0.0625rem;
  --border-color: var(--ep-color-border-default);
  --background: var(--ep-color-background-fill-surface-raised-L2);
  --color: var(--ep-color-icon-default);
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-MarqueeView-components-iconButton-1-index .layout37.icon-btn[data-v-957c028f] {
  position: relative;
  --background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a) 0%, var(--ep-color-background-fill-gradients-secondary-b) 118.75%);
  --color: var(--ep-color-icon-default);
  --box-shadow: none;
  padding: 0.0625rem;
  z-index: 1;
}
#tabbar-tabs-inicio-components-MarqueeView-components-iconButton-1-index .layout37.icon-btn[data-v-957c028f]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-default);
  background: linear-gradient(180deg, var(--ep-color-border-brand), #E000FF);
  -webkit-mask-image: linear-gradient(180deg, #000, transparent);
  mask-image: linear-gradient(180deg, #000, transparent);
  z-index: -1;
}
#tabbar-tabs-inicio-components-MarqueeView-components-iconButton-1-index .layout46.icon-btn[data-v-957c028f] {
  --border-style: solid;
  --border-width: 0.0625rem;
  --border-color: var(--ep-color-border-brand);
  --background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) -27.5%, var(--ep-color-background-fill-gradients-primary-b) 127.5%);
  --color: var(--ep-color-icon-default);
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-MarqueeView-components-iconButton-1-index .layout50.icon-btn[data-v-957c028f] {
  --background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-b, #776CFF) -27.5%, var(--ep-color-background-fill-gradients-primary-a, #76F4FC) 127.5%);
  --color: var(--ep-color-text-inverse);
  --box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.25) inset;
}
#tabbar-tabs-inicio-components-MarqueeView-components-iconButton-1-index .layout50.icon-btn .icon[data-v-957c028f] svg path {
  stroke: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-MarqueeView-components-iconButton-1-index .layout54.icon-btn[data-v-957c028f] {
  position: relative;
  --border-width: 0;
  --background: var(--ep-neutral-gray-gray-L02);
  --color: var(--ep-color-icon-highlight-white);
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-MarqueeView-components-iconButton-1-index .layout54.icon-btn[data-v-957c028f]::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 0.0625rem;
  border-radius: var(--ep-border-radius-l);
  background: linear-gradient(180deg, var(--ep-primary-primary-300) 0%, var(--ep-neutral-transparent) 80.88%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: 1;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .drop-down-box[data-v-f96340d6] {
  display: flex;
  flex-direction: column;
}
html .drop-down-box .drop-down[data-v-f96340d6] {
  padding: 0.75rem 0.875rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .drop-down-box .drop-down .label-inner[data-v-f96340d6] {
  display: flex;
  align-items: center;
}
html .drop-down-box .drop-down .label-inner .before-icon[data-v-f96340d6] {
  font-size: var(--ep-font-size-m, 0.875rem);
  margin-right: 0.4375rem;
  color: var(--ep-color-icon-brand-secondary);
}
html .drop-down-box .drop-down .label-inner .label[data-v-f96340d6] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .drop-down-box .drop-down .after-icon[data-v-f96340d6] {
  padding: 0.3125rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  border-radius: var(--ep-border-radius-xl, 0.625rem);
  background: var(--ep-color-icon-brand-primary);
  color: var(--ep-color-icon-inverse);
}
html .drop-down-box .drop-down .after-icon.up[data-v-f96340d6] {
  transform: rotate(180deg);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
[data-v-9184ce9a]::-webkit-scrollbar {
  display: none;
}
[data-v-9184ce9a]::-webkit-scrollbar-track {
  display: none;
}
[data-v-9184ce9a]::-webkit-scrollbar-thumb {
  display: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
[data-v-9fe54143]::-webkit-scrollbar {
  display: none;
}
[data-v-9fe54143]::-webkit-scrollbar-track {
  display: none;
}
[data-v-9fe54143]::-webkit-scrollbar-thumb {
  display: none;
}
.platform-card-39[data-v-9fe54143] {
  width: 22.875rem;
  height: 13.625rem;
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  background: linear-gradient(270deg, var(--ep-color-background-fill-gradients-tertiary-a, #18AAFF) 0%, var(--ep-color-background-fill-gradients-tertiary-weak-a, #18AAFF) 100%);
  box-shadow: 0 0 2px 0 rgba(30, 30, 30, 0.2) inset;
  padding: 0.25rem 0 0.25rem 0.25rem;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  margin-top: 1.125rem;
}
.platform-card-39 .platform-card-content-bg[data-v-9fe54143] {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 22.625rem;
  height: 13.125rem;
  z-index: 1;
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  overflow: hidden;
}
.platform-card-39 .platform-card-content[data-v-9fe54143] {
  margin-top: 0.875rem;
  margin-left: 0.375rem;
  position: relative;
  z-index: 2;
}
.platform-card-39 .platform-card-content .platform-scroll-container[data-v-9fe54143] {
  display: flex;
  gap: 0.625rem;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.platform-card-39 .platform-card-content .platform-scroll-container[data-v-9fe54143]::-webkit-scrollbar {
  display: none;
}
.platform-card-39 .platform-card-content .title[data-v-9fe54143] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight-white);
  margin-left: 0.5rem;
  margin-bottom: 19px;
}
.platform-card-39 .platform-card-content .title .title-icon[data-v-9fe54143] {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  color: var(--ep-color-icon-brand-primary);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.register-btn-warper[data-v-e049cf66] {
  display: flex;
  align-items: center;
  position: relative;
}
.register-btn-warper .rewardTag[data-v-e049cf66] {
  position: absolute;
  top: -0.5rem;
  right: var(--reward-tag-right, -0.5rem);
}
html .layout3.button-box .register-btn-warper[data-v-e049cf66] {
  flex: none;
}
html .layout3.button-box .register-btn-warper[data-v-e049cf66]::after {
  content: '';
  position: absolute;
  inset: 0;
  box-shadow: 0px -2px 0px 0px var(--ep-neutral-black-black-20) inset;
  pointer-events: none;
}
html .layout3.button-box .register-btn-warper .unset-btn.layout40.register[data-v-e049cf66] {
  width: 8.75rem;
}
html .layout3.button-box .register-btn-warper .unset-btn.layout40.register[data-v-e049cf66]::part(native) {
  width: 100%;
  height: 100%;
  background: var(--ep-color-btn-level-3-bg);
  border: var(--ep-border-width, 0.125rem) solid var(--ep-color-btn-level-2-border);
  box-shadow: none;
  mask-image: none;
  -webkit-mask-image: none;
}
html .layout1.button-box .register-btn-warper.layout40.register .rewardTag[data-v-e049cf66] {
  top: -0.375rem;
}
html .layout1.button-box .register-btn-warper.layout40.register .unset-btn.layout40.register[data-v-e049cf66]::part(native) {
  background: var(--ep-dynamic-primary);
  border: 1px solid var(--ep-color-btn-level-3-border);
}
.layout46 .register-btn-warper .rewardTag[data-v-e049cf66] {
  top: -0.875rem;
  right: 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.register-btn-warper[data-v-1c8c930b] {
  display: flex;
  align-items: center;
  position: relative;
}
.register-btn-warper .button-inner[data-v-1c8c930b] {
  transform: var(--skew, skew(12deg));
}
.register-btn-warper .rewardTag[data-v-1c8c930b] {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.register-btn-warper[data-v-3e553ab6] {
  display: flex;
  position: relative;
  align-items: center;
  --ep-color-btn-level-3-bg: transparent;
  --ep-color-btn-level-3-border: transparent;
}
.register-btn-warper .button-container[data-v-3e553ab6] {
  position: relative;
  display: flex;
  align-items: center;
}
.register-btn-warper svg[data-v-3e553ab6] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.register-btn-warper .rewardTag[data-v-3e553ab6] {
  position: absolute;
  top: -0.6rem;
  right: -0.25rem;
}
.register-btn-warper .register.layout26[data-v-3e553ab6] {
  margin: 0 0 0.25rem 0;
  font-weight: 600 !important;
  --padding-top: 0.5rem !important;
  --padding-bottom: 0.125rem !important;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout44.register-btn-warper[data-v-cd8cef9b] {
  display: flex;
  width: 5.625rem;
  height: 1.875rem;
  position: relative;
  align-items: center;
  justify-content: center;
  font-size: var(--ep-font-size-m);
  color: var(--ep-color-btn-level-3-text);
  font-weight: var(--ep-font-weight-bold);
}
.layout44.register-btn-warper .register-btn-background[data-v-cd8cef9b] {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
}
.layout44.register-btn-warper .rewardTag[data-v-cd8cef9b] {
  position: absolute;
  top: -0.5rem;
  right: 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .language-btn[data-v-f671be98] {
  flex-shrink: 0;
  margin-left: 0.5rem;
  --background: transparent;
  --box-shadow: none;
}
html .language-btn.hide-language[data-v-f671be98] {
  display: none;
}
html .language-btn .language-icon[data-v-f671be98] {
  font-size: 1.125rem;
  color: var(--ep-color-icon-default);
}
html #language[data-v-f671be98] {
  --background: var(--ep-color-background-fill-surface-raised-L1);
}
html #language[data-v-f671be98]::part(content) {
  margin-top: 1.5rem;
  margin-left: 0.125rem;
  border-radius: 0.375rem;
  width: max-content;
}
html #language .language-list .language-item[data-v-f671be98] {
  display: flex;
  align-items: center;
  height: 3.25rem;
  padding-inline: 0.875rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  cursor: pointer;
  color: var(--ep-color-text-default);
  background: transparent;
}
html #language .language-list .language-item.active[data-v-f671be98] {
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html #language .language-list .language-item .flag[data-v-f671be98] {
  border-radius: 0.75rem;
  font-size: 1rem;
  margin-right: 0.5rem;
}
html .layout27.language-btn[data-v-f671be98] {
  padding: 0.5rem;
  margin: 0;
  width: auto;
  height: auto;
  border-radius: var(--ep-border-radius-l);
  background: var(--ep-color-icon-brand-primary);
  border: none;
  --box-shadow: none;
}
html .layout27.language-btn .language-icon[data-v-f671be98] {
  color: inherit;
}
html .layout36.language-btn[data-v-f671be98] {
  padding: 0;
  margin: 0 1rem 0 0;
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  border: none;
  --box-shadow: none;
}
html .layout36.language-btn .language-icon[data-v-f671be98] {
  color: inherit;
}
html .layout37.language-btn[data-v-f671be98] {
  padding: 0.5rem;
  margin: 0;
  width: auto;
  height: auto;
  border-radius: var(--ep-border-radius-surface-default);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-primary-b) 0%, var(--ep-color-background-fill-gradients-primary-a) 100%);
  border: none;
  --box-shadow: none;
}
html .layout37.language-btn .language-icon[data-v-f671be98] {
  color: var(--ep-color-icon-default);
}
html .layout37.language-btn[data-v-f671be98] {
  box-shadow: 0 -2px 0 0 var(--ep-color-border-danger) inset;
}
html .layout38.language-btn[data-v-f671be98] {
  padding: 0.5rem;
  margin: 0;
  width: auto;
  height: auto;
  border-radius: var(--ep-border-radius-l);
  background: linear-gradient(180deg, var(--ep-color-background-fill-active-primary) 0%, var(--ep-color-background-fill-surface-raised-L2) 47.92%, var(--ep-color-background-fill-surface-raised-L1) 100%);
  border: 1px solid var(--ep-color-border-brand);
  --box-shadow: none;
}
html .layout38.language-btn .language-icon[data-v-f671be98] {
  color: inherit;
}
html .layout42.language-btn[data-v-f671be98] {
  padding: 0;
  margin: 0;
  width: 2.125rem;
  height: 2.125rem;
  border-radius: var(--ep-border-radius-s);
  background: var(--ep-color-icon-default);
  border: none;
  --box-shadow: none;
}
html .layout42.language-btn .language-icon[data-v-f671be98] {
  color: var(--ep-color-icon-highlight-white);
}
html .layout36.language-btn[data-v-f671be98],
html .layout37.language-btn[data-v-f671be98],
html .layout42.language-btn[data-v-f671be98] {
  --ion-toolbar-background: var(--ep-color-icon-default);
}
html .layout44.language-btn[data-v-f671be98] {
  padding-top: 1rem;
  margin-left: 0.9375rem;
}
html .layout44.language-btn.hide-language[data-v-f671be98] {
  opacity: 0;
  display: block;
  pointer-events: none;
}
html .layout46.language-btn[data-v-f671be98] {
  padding: 0;
  margin: 0;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: var(--ep-border-radius-m);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-primary-a) 0%, var(--ep-color-background-fill-gradients-primary-b) 100%);
  border: none;
  --box-shadow: none;
}
html .layout46.language-btn .language-icon[data-v-f671be98] {
  color: var(--ep-color-icon-default);
}
html .layout46.language-btn[data-v-f671be98] {
  box-shadow: 0 0 0.25rem 0 var(--ep-color-icon-highlight-white) inset;
}
html .layout50.language-btn[data-v-f671be98] {
  padding: 0;
  margin: 0;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0;
  background: transparent;
  border: none;
  --box-shadow: none;
}
html .layout50.language-btn .language-icon[data-v-f671be98] {
  color: var(--ep-color-icon-inverse);
}
html .layout50.language-btn[data-v-f671be98] {
  --background: url('/assets/nav-btn-bg-50-r2-B0rnLGJh.svg') center center / 100% 100% no-repeat;
  background: url('/assets/nav-btn-bg-50-r2-B0rnLGJh.svg') center center / 100% 100% no-repeat;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
html .layout54.language-btn[data-v-f671be98] {
  padding: 0 0.5rem;
  margin: 0;
  width: auto;
  height: 2.125rem;
  border-radius: var(--ep-border-radius-m);
  background: var(--ep-neutral-gray-gray-L02);
  border: none;
  --box-shadow: none;
}
html .layout54.language-btn .language-icon[data-v-f671be98] {
  color: var(--ep-color-icon-highlight-white);
}
html .layout54.language-btn[data-v-f671be98] {
  --background: var(--ep-neutral-gray-gray-L02);
  --border-radius: var(--ep-border-radius-m);
  flex-shrink: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
html .layout54.language-btn .language-icon[data-v-f671be98] {
  font-size: 1.125rem;
}
html .layout54.language-btn[data-v-f671be98]::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 0.0625rem;
  border-radius: var(--ep-border-radius-m);
  background: linear-gradient(180deg, var(--ep-primary-primary-300) 0%, var(--ep-neutral-transparent) 80.88%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: 1;
}
html .layout51.language-btn[data-v-f671be98] {
  padding: 0.5rem;
  margin: 0;
  width: auto;
  height: auto;
  border-radius: var(--ep-border-radius-l);
  background: var(--ep-neutral-gray-gray-L06);
  border: none;
  --box-shadow: none;
}
html .layout51.language-btn .language-icon[data-v-f671be98] {
  color: var(--ep-color-icon-inverse);
}
html .layout51.language-btn[data-v-f671be98] {
  --background: var(--ep-neutral-gray-gray-L06);
  --border-radius: var(--ep-border-radius-l);
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .language-btn[data-v-f671be98] {
  flex-shrink: 0;
  margin-left: 0.5rem;
  --background: transparent;
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .language-btn.hide-language[data-v-f671be98] {
  display: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .language-btn .language-icon[data-v-f671be98] {
  font-size: 1.125rem;
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index #language[data-v-f671be98] {
  --background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index #language[data-v-f671be98]::part(content) {
  margin-top: 1.5rem;
  margin-left: 0.125rem;
  border-radius: 0.375rem;
  width: max-content;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index #language .language-list .language-item[data-v-f671be98] {
  display: flex;
  align-items: center;
  height: 3.25rem;
  padding-inline: 0.875rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  cursor: pointer;
  color: var(--ep-color-text-default);
  background: transparent;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index #language .language-list .language-item.active[data-v-f671be98] {
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index #language .language-list .language-item .flag[data-v-f671be98] {
  border-radius: 0.75rem;
  font-size: 1rem;
  margin-right: 0.5rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout27.language-btn[data-v-f671be98] {
  padding: 0.5rem;
  margin: 0;
  width: auto;
  height: auto;
  border-radius: var(--ep-border-radius-l);
  background: var(--ep-color-icon-brand-primary);
  border: none;
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout27.language-btn .language-icon[data-v-f671be98] {
  color: inherit;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout36.language-btn[data-v-f671be98] {
  padding: 0;
  margin: 0 1rem 0 0;
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  border: none;
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout36.language-btn .language-icon[data-v-f671be98] {
  color: inherit;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout37.language-btn[data-v-f671be98] {
  padding: 0.5rem;
  margin: 0;
  width: auto;
  height: auto;
  border-radius: var(--ep-border-radius-surface-default);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-primary-b) 0%, var(--ep-color-background-fill-gradients-primary-a) 100%);
  border: none;
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout37.language-btn .language-icon[data-v-f671be98] {
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout37.language-btn[data-v-f671be98] {
  box-shadow: 0 -2px 0 0 var(--ep-color-border-danger) inset;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout38.language-btn[data-v-f671be98] {
  padding: 0.5rem;
  margin: 0;
  width: auto;
  height: auto;
  border-radius: var(--ep-border-radius-l);
  background: linear-gradient(180deg, var(--ep-color-background-fill-active-primary) 0%, var(--ep-color-background-fill-surface-raised-L2) 47.92%, var(--ep-color-background-fill-surface-raised-L1) 100%);
  border: 1px solid var(--ep-color-border-brand);
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout38.language-btn .language-icon[data-v-f671be98] {
  color: inherit;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout42.language-btn[data-v-f671be98] {
  padding: 0;
  margin: 0;
  width: 2.125rem;
  height: 2.125rem;
  border-radius: var(--ep-border-radius-s);
  background: var(--ep-color-icon-default);
  border: none;
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout42.language-btn .language-icon[data-v-f671be98] {
  color: var(--ep-color-icon-highlight-white);
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout36.language-btn[data-v-f671be98],
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout37.language-btn[data-v-f671be98],
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout42.language-btn[data-v-f671be98] {
  --ion-toolbar-background: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout44.language-btn[data-v-f671be98] {
  padding-top: 1rem;
  margin-left: 0.9375rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout44.language-btn.hide-language[data-v-f671be98] {
  opacity: 0;
  display: block;
  pointer-events: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout46.language-btn[data-v-f671be98] {
  padding: 0;
  margin: 0;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: var(--ep-border-radius-m);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-primary-a) 0%, var(--ep-color-background-fill-gradients-primary-b) 100%);
  border: none;
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout46.language-btn .language-icon[data-v-f671be98] {
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout46.language-btn[data-v-f671be98] {
  box-shadow: 0 0 0.25rem 0 var(--ep-color-icon-highlight-white) inset;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout50.language-btn[data-v-f671be98] {
  padding: 0;
  margin: 0;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0;
  background: transparent;
  border: none;
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout50.language-btn .language-icon[data-v-f671be98] {
  color: var(--ep-color-icon-inverse);
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout50.language-btn[data-v-f671be98] {
  --background: url('/assets/nav-btn-bg-50-r2-B0rnLGJh.svg') center center / 100% 100% no-repeat;
  background: url('/assets/nav-btn-bg-50-r2-B0rnLGJh.svg') center center / 100% 100% no-repeat;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout54.language-btn[data-v-f671be98] {
  padding: 0 0.5rem;
  margin: 0;
  width: auto;
  height: 2.125rem;
  border-radius: var(--ep-border-radius-m);
  background: var(--ep-neutral-gray-gray-L02);
  border: none;
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout54.language-btn .language-icon[data-v-f671be98] {
  color: var(--ep-color-icon-highlight-white);
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout54.language-btn[data-v-f671be98] {
  --background: var(--ep-neutral-gray-gray-L02);
  --border-radius: var(--ep-border-radius-m);
  flex-shrink: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout54.language-btn .language-icon[data-v-f671be98] {
  font-size: 1.125rem;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout54.language-btn[data-v-f671be98]::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 0.0625rem;
  border-radius: var(--ep-border-radius-m);
  background: linear-gradient(180deg, var(--ep-primary-primary-300) 0%, var(--ep-neutral-transparent) 80.88%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: 1;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout51.language-btn[data-v-f671be98] {
  padding: 0.5rem;
  margin: 0;
  width: auto;
  height: auto;
  border-radius: var(--ep-border-radius-l);
  background: var(--ep-neutral-gray-gray-L06);
  border: none;
  --box-shadow: none;
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout51.language-btn .language-icon[data-v-f671be98] {
  color: var(--ep-color-icon-inverse);
}
#tabbar-tabs-inicio-components-HeaderBar-components-languageButton-index .layout51.language-btn[data-v-f671be98] {
  --background: var(--ep-neutral-gray-gray-L06);
  --border-radius: var(--ep-border-radius-l);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.language-btn[data-v-a7b2ff64] {
  width: 3.25rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 1rem;
}
.language-btn ion-icon[data-v-a7b2ff64] {
  font-size: 1.125rem;
  color: var(--ep-color-icon-default);
}
#drawer-language[data-v-a7b2ff64] {
  --background: var(--ep-color-background-fill-surface-raised-L1);
}
#drawer-language[data-v-a7b2ff64]::part(content) {
  margin-top: 1.5rem;
  margin-left: 0.125rem;
  border-radius: 0.375rem;
  width: max-content;
}
#drawer-language .language-list .language-item[data-v-a7b2ff64] {
  display: flex;
  align-items: center;
  height: 3.25rem;
  padding-inline: 0.875rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  cursor: pointer;
  color: var(--ep-color-text-default);
  background: transparent;
}
#drawer-language .language-list .language-item.active[data-v-a7b2ff64] {
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#drawer-language .language-list .language-item .flag[data-v-a7b2ff64] {
  border-radius: 0.75rem;
  font-size: 1rem;
  margin-right: 0.5rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.language-btn[data-v-14432fb8] {
  width: 3rem;
  height: 3rem;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.language-btn .button-bg[data-v-14432fb8] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.language-btn ion-icon[data-v-14432fb8] {
  font-size: 1.125rem;
  color: var(--ep-color-icon-default);
}
#drawer-language[data-v-14432fb8] {
  --background: var(--ep-color-background-fill-surface-raised-L1);
}
#drawer-language[data-v-14432fb8]::part(content) {
  margin-top: 1.5rem;
  margin-left: 0.125rem;
  border-radius: 0.375rem;
  width: max-content;
}
#drawer-language .language-list .language-item[data-v-14432fb8] {
  display: flex;
  align-items: center;
  height: 3.25rem;
  padding-inline: 0.875rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  cursor: pointer;
  color: var(--ep-color-text-default);
  background: transparent;
}
#drawer-language .language-list .language-item.active[data-v-14432fb8] {
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#drawer-language .language-list .language-item .flag[data-v-14432fb8] {
  border-radius: 0.75rem;
  font-size: 1rem;
  margin-right: 0.5rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .search[data-v-216012c7] {
  margin-left: 0.5rem;
}
html .search .search-icon[data-v-216012c7] {
  width: 1.125rem;
  height: 1.125rem;
  color: #BDB8E1;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
div.swiper-poster-wrap[data-v-543bcec3] {
  position: relative;
  padding: 0.75rem 1.0625rem 1.75rem;
  background-color: var(--ep-color-background-fill-surface-raised-L2, #172117);
  --swiper-pagination-bullet-width: 0.5rem;
  --swiper-pagination-bullet-active-width: 1.25rem;
  --swiper-pagination-bullet-height: 0.25rem;
  --swiper-pagination-bullet-border-radius: 0.25rem;
  --swiper-pagination-color: var(--ep-color-icon-brand-primary, #19CC10);
  --swiper-pagination-bullet-inactive-color: var(--ep-color-icon-weaker, #FFFFFF66);
  --swiper-pagination-bullet-inactive-opacity: 1;
}
div.swiper-poster-wrap[data-v-543bcec3]::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 0.0625rem;
  /* 边框厚度 */
  background: linear-gradient(135deg, var(--ep-color-background-fill-glow-primary-opacity-40), var(--ep-color-background-fill-surface-raised-L2) 30%);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
div.swiper-poster-wrap .swiper-poster-title[data-v-543bcec3] {
  z-index: 1;
  position: relative;
  display: flex;
  padding-bottom: 0.625rem;
  gap: 0.25rem;
}
div.swiper-poster-wrap .swiper-poster-title img[data-v-543bcec3] {
  width: 1.25rem;
  height: 1.25rem;
}
div.swiper-poster-wrap .swiper-poster-title label[data-v-543bcec3] {
  flex: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-semi-bold, 600);
  color: var(--ep-color-text-default);
}
div.swiper-poster-wrap .swiper-poster-title span[data-v-543bcec3] {
  cursor: pointer;
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-brand-primary, #19CC10);
}
div.swiper-poster-wrap .swiper[data-v-543bcec3] {
  overflow: visible;
  overflow-x: clip;
}
div.swiper-poster-wrap .swiper[data-v-543bcec3] .swiper-slide {
  overflow: hidden;
  border-radius: var(--swiper-border-radius, 0.75rem);
  width: 100%;
  height: var(--swiper-height, 6.375rem);
}
div.swiper-poster-wrap .swiper[data-v-543bcec3] .swiper-slide .poster-img {
  object-fit: cover;
  object-position: left top;
  width: 100%;
  height: 100%;
}
div.swiper-poster-wrap .swiper[data-v-543bcec3] .swiper-pagination {
  bottom: -1.5rem;
}
div.swiper-poster-wrap .swiper[data-v-543bcec3] .swiper-pagination .swiper-pagination-bullet-active {
  width: var(--swiper-pagination-bullet-active-width);
  background-color: var(--swiper-pagination-color) !important;
}
/* 37号皮肤样式 */
.layout37.swiper-poster-wrap[data-v-543bcec3] {
  margin: 0 0.75rem;
  padding: 0.625rem;
  background: var(--ep-color-background-fill-surface-raised-L2);
  border-radius: var(--ep-border-radius-surface-large) var(--ep-border-radius-surface-default);
}
.layout37.swiper-poster-wrap[data-v-543bcec3]::before {
  display: none;
}
.layout37.swiper-poster-wrap .swiper-poster-title[data-v-543bcec3] {
  align-items: center;
  padding-bottom: 0;
}
.layout37.swiper-poster-wrap .swiper-poster-title img[data-v-543bcec3] {
  width: 1.75rem;
  height: 2rem;
}
.layout37.swiper-poster-wrap .swiper-poster-title label[data-v-543bcec3] {
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-default);
}
.layout37.swiper-poster-wrap .swiper-poster-title span[data-v-543bcec3] {
  color: var(--ep-color-text-weak);
}
.layout37.swiper-poster-wrap .swiper[data-v-543bcec3] .swiper-slide {
  border-radius: var(--ep-border-radius-l);
  height: var(--swiper-height, 8.75rem);
}
.layout37.swiper-poster-wrap .swiper[data-v-543bcec3] .swiper-slide .poster-img {
  height: auto;
}
.layout37.swiper-poster-wrap .swiper[data-v-543bcec3] .swiper-pagination {
  display: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.swiper[data-v-1633164e] {
  height: 100%;
}
.poster-img[data-v-1633164e] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
}
.layout44.swiper-poster[data-v-1633164e] {
  height: 11.25rem;
  width: 22.875rem;
  position: relative;
  margin-inline: auto;
  border: 0.5rem solid var(--ep-color-border-default);
  box-shadow: 0px 0px 2px 0px #00000033;
}
.badge-top[data-v-1633164e] {
  z-index: 1;
  width: 22.875rem;
  top: -0.5rem;
  left: -0.4375rem;
  position: absolute;
}
.badge-bottom[data-v-1633164e] {
  z-index: 1;
  width: 22.875rem;
  bottom: -0.5rem;
  left: -0.5625rem;
  position: absolute;
  transform: rotate(180deg);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.swiper-poster[data-v-36b7b2ff] {
  height: 7.5rem;
  overflow: hidden;
  border-radius: 0.625rem;
}
.swiper-poster .poster-img[data-v-36b7b2ff] {
  object-fit: cover;
  object-position: left top;
  width: 100%;
  height: 100%;
}
.swiper[data-v-36b7b2ff] {
  height: 100%;
}
.layout45.swiper-poster[data-v-36b7b2ff] {
  height: 10rem;
  width: 22.875rem;
  position: relative;
  margin-inline: auto;
  margin-top: 0.75rem;
  border-radius: 0.75rem;
  box-shadow: 0px 4px 8px 0px #11131D80;
  border: 0.125rem solid var(--ep-color-border-default);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.badge-img[data-v-bf7a37e9] {
  position: absolute;
  top: 0.7188rem;
  right: 0.5938rem;
  z-index: 10;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .floating[data-v-7b73e7e0] {
  animation: floating-7b73e7e0 3s ease-in-out infinite;
}
@keyframes floating-7b73e7e0 {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-5px);
}
}
html .layout1.wrapper[data-v-7b73e7e0] {
  --activity-width-1: 11rem;
  --activity-height-1: 6.75rem;
  --activity-width-2: 11.0625rem;
  --activity-height-2: 3.125rem;
  --activity-height-3: 3.125rem;
  width: 22.875rem;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  position: relative;
}
html .layout1.wrapper[data-v-7b73e7e0]::-webkit-scrollbar {
  display: none;
}
html .layout1.wrapper[data-v-7b73e7e0]::-webkit-scrollbar-track {
  display: none;
}
html .layout1.wrapper .item-image[data-v-7b73e7e0] {
  order: 2;
  width: 0;
  height: 0;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
  object-fit: fill;
  animation-delay: 1s;
}
html .layout1.wrapper .item-image.good-img[data-v-7b73e7e0],
html .layout1.wrapper .item-image.error-img[data-v-7b73e7e0] {
  width: var(--activity-width-1);
  height: var(--activity-height-1);
}
html .layout1.wrapper .column-wrap[data-v-7b73e7e0] {
  order: 3;
  width: var(--activity-width-2);
  height: 6.75rem;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
}
html .layout1.wrapper .column-wrap .item-image.good-img[data-v-7b73e7e0],
html .layout1.wrapper .column-wrap .item-image.error-img[data-v-7b73e7e0] {
  width: 100%;
}
html .layout1.wrapper .column-wrap .item-image.item-0[data-v-7b73e7e0] {
  animation-delay: unset;
}
html .layout1.wrapper .column-wrap .item-image.item-0.good-img[data-v-7b73e7e0],
html .layout1.wrapper .column-wrap .item-image.item-0.error-img[data-v-7b73e7e0] {
  height: var(--activity-height-2);
}
html .layout1.wrapper .column-wrap .item-image.item-1[data-v-7b73e7e0] {
  animation-delay: 0.5s;
}
html .layout1.wrapper .column-wrap .item-image.item-1.good-img[data-v-7b73e7e0],
html .layout1.wrapper .column-wrap .item-image.item-1.error-img[data-v-7b73e7e0] {
  height: var(--activity-height-3);
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .floating[data-v-7b73e7e0] {
  animation: floating-7b73e7e0 3s ease-in-out infinite;
}
@keyframes floating-7b73e7e0 {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-5px);
}
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper[data-v-7b73e7e0] {
  --activity-width-1: 11rem;
  --activity-height-1: 6.75rem;
  --activity-width-2: 11.0625rem;
  --activity-height-2: 3.125rem;
  --activity-height-3: 3.125rem;
  width: 22.875rem;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  position: relative;
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper[data-v-7b73e7e0]::-webkit-scrollbar {
  display: none;
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper[data-v-7b73e7e0]::-webkit-scrollbar-track {
  display: none;
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .item-image[data-v-7b73e7e0] {
  order: 2;
  width: 0;
  height: 0;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
  object-fit: fill;
  animation-delay: 1s;
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .item-image.good-img[data-v-7b73e7e0],
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .item-image.error-img[data-v-7b73e7e0] {
  width: var(--activity-width-1);
  height: var(--activity-height-1);
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap[data-v-7b73e7e0] {
  order: 3;
  width: var(--activity-width-2);
  height: 6.75rem;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.good-img[data-v-7b73e7e0],
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.error-img[data-v-7b73e7e0] {
  width: 100%;
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-0[data-v-7b73e7e0] {
  animation-delay: unset;
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-0.good-img[data-v-7b73e7e0],
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-0.error-img[data-v-7b73e7e0] {
  height: var(--activity-height-2);
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-1[data-v-7b73e7e0] {
  animation-delay: 0.5s;
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-1.good-img[data-v-7b73e7e0],
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-1.error-img[data-v-7b73e7e0] {
  height: var(--activity-height-3);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .floating[data-v-3686dea5] {
  animation: floating-3686dea5 3s ease-in-out infinite;
}
@keyframes floating-3686dea5 {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-5px);
}
}
html .layout1.wrapper[data-v-3686dea5] {
  --activity-width-1: 11rem;
  --activity-height-1: 6.75rem;
  --activity-width-2: 11.0625rem;
  --activity-height-2: 3.125rem;
  --activity-height-3: 3.125rem;
  width: 22.875rem;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  position: relative;
}
html .layout1.wrapper[data-v-3686dea5]::-webkit-scrollbar {
  display: none;
}
html .layout1.wrapper[data-v-3686dea5]::-webkit-scrollbar-track {
  display: none;
}
html .layout1.wrapper .item-image[data-v-3686dea5] {
  width: 0;
  height: 0;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
  object-fit: fill;
  animation-delay: 1s;
}
html .layout1.wrapper .item-image.good-img[data-v-3686dea5],
html .layout1.wrapper .item-image.error-img[data-v-3686dea5] {
  width: var(--activity-width-1);
  height: var(--activity-height-1);
}
html .layout1.wrapper .column-wrap[data-v-3686dea5] {
  width: var(--activity-width-2);
  height: 6.75rem;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
}
html .layout1.wrapper .column-wrap .item-image.good-img[data-v-3686dea5],
html .layout1.wrapper .column-wrap .item-image.error-img[data-v-3686dea5] {
  width: 100%;
}
html .layout1.wrapper .column-wrap .item-image.item-0[data-v-3686dea5] {
  animation-delay: unset;
}
html .layout1.wrapper .column-wrap .item-image.item-0.good-img[data-v-3686dea5],
html .layout1.wrapper .column-wrap .item-image.item-0.error-img[data-v-3686dea5] {
  height: var(--activity-height-2);
}
html .layout1.wrapper .column-wrap .item-image.item-1[data-v-3686dea5] {
  animation-delay: 0.5s;
}
html .layout1.wrapper .column-wrap .item-image.item-1.good-img[data-v-3686dea5],
html .layout1.wrapper .column-wrap .item-image.item-1.error-img[data-v-3686dea5] {
  height: var(--activity-height-3);
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .floating[data-v-3686dea5] {
  animation: floating-3686dea5 3s ease-in-out infinite;
}
@keyframes floating-3686dea5 {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-5px);
}
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper[data-v-3686dea5] {
  --activity-width-1: 11rem;
  --activity-height-1: 6.75rem;
  --activity-width-2: 11.0625rem;
  --activity-height-2: 3.125rem;
  --activity-height-3: 3.125rem;
  width: 22.875rem;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  position: relative;
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper[data-v-3686dea5]::-webkit-scrollbar {
  display: none;
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper[data-v-3686dea5]::-webkit-scrollbar-track {
  display: none;
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .item-image[data-v-3686dea5] {
  width: 0;
  height: 0;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
  object-fit: fill;
  animation-delay: 1s;
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .item-image.good-img[data-v-3686dea5],
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .item-image.error-img[data-v-3686dea5] {
  width: var(--activity-width-1);
  height: var(--activity-height-1);
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap[data-v-3686dea5] {
  width: var(--activity-width-2);
  height: 6.75rem;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.good-img[data-v-3686dea5],
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.error-img[data-v-3686dea5] {
  width: 100%;
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-0[data-v-3686dea5] {
  animation-delay: unset;
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-0.good-img[data-v-3686dea5],
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-0.error-img[data-v-3686dea5] {
  height: var(--activity-height-2);
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-1[data-v-3686dea5] {
  animation-delay: 0.5s;
}
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-1.good-img[data-v-3686dea5],
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-1.error-img[data-v-3686dea5] {
  height: var(--activity-height-3);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-col[data-v-d7deffb9] {
  padding-inline-start: 0.375rem;
  padding-inline-end: 0.375rem;
  padding-top: 0;
  padding-bottom: 0;
}
ion-col div.recharge[data-v-d7deffb9] {
  background-repeat: no-repeat;
  background-size: cover;
}
ion-col div.agent[data-v-d7deffb9] {
  background-repeat: no-repeat;
  background-size: cover;
}
ion-col div.activity[data-v-d7deffb9] {
  background-repeat: no-repeat;
  background-size: cover;
}
ion-col div.text p[data-v-d7deffb9] {
  text-align: center;
  position: absolute;
  font-family: "Changa One";
  color: var(--color-text-dark-30);
}
ion-col div.recharge p[data-v-d7deffb9] {
  letter-spacing: -0.04rem;
}
ion-col div.recharge p[data-v-d7deffb9]::before {
  letter-spacing: -0.04rem;
}
ion-col div.agent p[data-v-d7deffb9]::before {
  padding: 0 0.25rem;
}
ion-col div.text p[data-v-d7deffb9]::before {
  content: attr(text);
  position: absolute;
  top: -0.125rem;
  left: 0;
  background: linear-gradient(180deg, #FEF0D6 8.33%, #FFF 24.67%, #FFE0A7 41%, #FFE7BB 57.33%, #FFF 73.67%, #FFE1A7 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.arrow[data-v-d7deffb9] {
  animation: arrow-d7deffb9 1s infinite;
}
@keyframes arrow-d7deffb9 {
0% {
    transform: translateX(-5px);
}
50% {
    transform: translateX(0);
}
100% {
    transform: translateX(-5px);
}
}
.activity-bar[data-v-d7deffb9] {
  margin-top: 0.625rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .floating[data-v-8e3f861a] {
  animation: floating-8e3f861a 3s ease-in-out infinite;
}
@keyframes floating-8e3f861a {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-5px);
}
}
html .layout25.wrapper[data-v-8e3f861a] {
  --activity-width: 11rem;
  --activity-height: 3.5rem;
  gap: 0.75rem;
  display: flex;
  flex-flow: wrap;
  position: relative;
}
html .layout25.wrapper[data-v-8e3f861a]::-webkit-scrollbar {
  display: none;
}
html .layout25.wrapper[data-v-8e3f861a]::-webkit-scrollbar-track {
  display: none;
}
html .layout25.wrapper .item-image[data-v-8e3f861a] {
  order: 2;
  width: 0;
  height: 0;
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  overflow: hidden;
  object-fit: fill;
  animation-delay: 1s;
}
html .layout25.wrapper .item-image.good-img[data-v-8e3f861a],
html .layout25.wrapper .item-image.error-img[data-v-8e3f861a] {
  width: var(--activity-width);
  height: var(--activity-height);
}
html .layout25.wrapper .item-image.item-0[data-v-8e3f861a] {
  animation-delay: unset;
}
html .layout25.wrapper .item-image.item-1[data-v-8e3f861a] {
  animation-delay: 0.5s;
}
html .layout25.wrapper .item-image.item-2[data-v-8e3f861a] {
  animation-delay: 1s;
}
html .layout25.wrapper .item-image.item-3[data-v-8e3f861a] {
  animation-delay: 1.5s;
}
html .layout27.wrapper[data-v-8e3f861a] {
  --activity-width: 11.25rem;
  --activity-height: 4.375rem;
  padding: 0 0.75rem;
  gap: 0.375rem;
  display: flex;
  flex-flow: wrap;
  position: relative;
}
html .layout27.wrapper[data-v-8e3f861a]::-webkit-scrollbar {
  display: none;
}
html .layout27.wrapper[data-v-8e3f861a]::-webkit-scrollbar-track {
  display: none;
}
html .layout27.wrapper .item-image[data-v-8e3f861a] {
  order: 2;
  width: 0;
  height: 0;
  border-radius: 0.375rem;
  overflow: hidden;
  object-fit: fill;
  animation-delay: 1s;
}
html .layout27.wrapper .item-image.good-img[data-v-8e3f861a],
html .layout27.wrapper .item-image.error-img[data-v-8e3f861a] {
  width: var(--activity-width);
  height: var(--activity-height);
}
html .layout27.wrapper .item-image.item-0[data-v-8e3f861a] {
  animation-delay: unset;
}
html .layout27.wrapper .item-image.item-1[data-v-8e3f861a] {
  animation-delay: 0.5s;
}
html .layout27.wrapper .item-image.item-2[data-v-8e3f861a] {
  animation-delay: 1s;
}
html .layout27.wrapper .item-image.item-3[data-v-8e3f861a] {
  animation-delay: 1.5s;
}
html .layout28.wrapper[data-v-8e3f861a] {
  --activity-width: 11.25rem;
  --activity-height: 3.125rem;
  gap: 0.375rem;
  display: flex;
  flex-flow: wrap;
  position: relative;
}
html .layout28.wrapper[data-v-8e3f861a]::-webkit-scrollbar {
  display: none;
}
html .layout28.wrapper[data-v-8e3f861a]::-webkit-scrollbar-track {
  display: none;
}
html .layout28.wrapper .item-image[data-v-8e3f861a] {
  order: 2;
  width: 0;
  height: 0;
  border: 1px solid var(--ep-color-border-default);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  overflow: hidden;
  object-fit: fill;
  animation-delay: 1s;
}
html .layout28.wrapper .item-image.good-img[data-v-8e3f861a],
html .layout28.wrapper .item-image.error-img[data-v-8e3f861a] {
  width: var(--activity-width);
  height: var(--activity-height);
}
html .layout28.wrapper .item-image.item-0[data-v-8e3f861a] {
  animation-delay: unset;
}
html .layout28.wrapper .item-image.item-1[data-v-8e3f861a] {
  animation-delay: 0.5s;
}
html .layout28.wrapper .item-image.item-2[data-v-8e3f861a] {
  display: none;
}
html .layout28.wrapper .item-image.item-3[data-v-8e3f861a] {
  display: none;
}
html .layout30.wrapper[data-v-8e3f861a] {
  --activity-width: 11.25rem;
  --activity-height: 4.25rem;
  gap: 0.375rem;
  display: flex;
  flex-flow: wrap;
  position: relative;
}
html .layout30.wrapper[data-v-8e3f861a]::-webkit-scrollbar {
  display: none;
}
html .layout30.wrapper[data-v-8e3f861a]::-webkit-scrollbar-track {
  display: none;
}
html .layout30.wrapper .item-image[data-v-8e3f861a] {
  order: 2;
  width: 0;
  height: 0;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  overflow: hidden;
  object-fit: fill;
  animation-delay: 1s;
}
html .layout30.wrapper .item-image.good-img[data-v-8e3f861a],
html .layout30.wrapper .item-image.error-img[data-v-8e3f861a] {
  width: var(--activity-width);
  height: var(--activity-height);
}
html .layout30.wrapper .item-image.item-0[data-v-8e3f861a] {
  animation-delay: unset;
}
html .layout30.wrapper .item-image.item-1[data-v-8e3f861a] {
  animation-delay: 0.5s;
}
html .layout30.wrapper .item-image.item-2[data-v-8e3f861a] {
  display: none;
}
html .layout30.wrapper .item-image.item-3[data-v-8e3f861a] {
  display: none;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .floating[data-v-8e3f861a] {
  animation: floating-8e3f861a 3s ease-in-out infinite;
}
@keyframes floating-8e3f861a {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-5px);
}
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout25.wrapper[data-v-8e3f861a] {
  --activity-width: 11rem;
  --activity-height: 3.5rem;
  gap: 0.75rem;
  display: flex;
  flex-flow: wrap;
  position: relative;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout25.wrapper[data-v-8e3f861a]::-webkit-scrollbar {
  display: none;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout25.wrapper[data-v-8e3f861a]::-webkit-scrollbar-track {
  display: none;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout25.wrapper .item-image[data-v-8e3f861a] {
  order: 2;
  width: 0;
  height: 0;
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  overflow: hidden;
  object-fit: fill;
  animation-delay: 1s;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout25.wrapper .item-image.good-img[data-v-8e3f861a],
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout25.wrapper .item-image.error-img[data-v-8e3f861a] {
  width: var(--activity-width);
  height: var(--activity-height);
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout25.wrapper .item-image.item-0[data-v-8e3f861a] {
  animation-delay: unset;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout25.wrapper .item-image.item-1[data-v-8e3f861a] {
  animation-delay: 0.5s;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout25.wrapper .item-image.item-2[data-v-8e3f861a] {
  animation-delay: 1s;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout25.wrapper .item-image.item-3[data-v-8e3f861a] {
  animation-delay: 1.5s;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout27.wrapper[data-v-8e3f861a] {
  --activity-width: 11.25rem;
  --activity-height: 4.375rem;
  padding: 0 0.75rem;
  gap: 0.375rem;
  display: flex;
  flex-flow: wrap;
  position: relative;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout27.wrapper[data-v-8e3f861a]::-webkit-scrollbar {
  display: none;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout27.wrapper[data-v-8e3f861a]::-webkit-scrollbar-track {
  display: none;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout27.wrapper .item-image[data-v-8e3f861a] {
  order: 2;
  width: 0;
  height: 0;
  border-radius: 0.375rem;
  overflow: hidden;
  object-fit: fill;
  animation-delay: 1s;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout27.wrapper .item-image.good-img[data-v-8e3f861a],
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout27.wrapper .item-image.error-img[data-v-8e3f861a] {
  width: var(--activity-width);
  height: var(--activity-height);
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout27.wrapper .item-image.item-0[data-v-8e3f861a] {
  animation-delay: unset;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout27.wrapper .item-image.item-1[data-v-8e3f861a] {
  animation-delay: 0.5s;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout27.wrapper .item-image.item-2[data-v-8e3f861a] {
  animation-delay: 1s;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout27.wrapper .item-image.item-3[data-v-8e3f861a] {
  animation-delay: 1.5s;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout28.wrapper[data-v-8e3f861a] {
  --activity-width: 11.25rem;
  --activity-height: 3.125rem;
  gap: 0.375rem;
  display: flex;
  flex-flow: wrap;
  position: relative;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout28.wrapper[data-v-8e3f861a]::-webkit-scrollbar {
  display: none;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout28.wrapper[data-v-8e3f861a]::-webkit-scrollbar-track {
  display: none;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout28.wrapper .item-image[data-v-8e3f861a] {
  order: 2;
  width: 0;
  height: 0;
  border: 1px solid var(--ep-color-border-default);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  overflow: hidden;
  object-fit: fill;
  animation-delay: 1s;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout28.wrapper .item-image.good-img[data-v-8e3f861a],
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout28.wrapper .item-image.error-img[data-v-8e3f861a] {
  width: var(--activity-width);
  height: var(--activity-height);
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout28.wrapper .item-image.item-0[data-v-8e3f861a] {
  animation-delay: unset;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout28.wrapper .item-image.item-1[data-v-8e3f861a] {
  animation-delay: 0.5s;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout28.wrapper .item-image.item-2[data-v-8e3f861a] {
  display: none;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout28.wrapper .item-image.item-3[data-v-8e3f861a] {
  display: none;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout30.wrapper[data-v-8e3f861a] {
  --activity-width: 11.25rem;
  --activity-height: 4.25rem;
  gap: 0.375rem;
  display: flex;
  flex-flow: wrap;
  position: relative;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout30.wrapper[data-v-8e3f861a]::-webkit-scrollbar {
  display: none;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout30.wrapper[data-v-8e3f861a]::-webkit-scrollbar-track {
  display: none;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout30.wrapper .item-image[data-v-8e3f861a] {
  order: 2;
  width: 0;
  height: 0;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  overflow: hidden;
  object-fit: fill;
  animation-delay: 1s;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout30.wrapper .item-image.good-img[data-v-8e3f861a],
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout30.wrapper .item-image.error-img[data-v-8e3f861a] {
  width: var(--activity-width);
  height: var(--activity-height);
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout30.wrapper .item-image.item-0[data-v-8e3f861a] {
  animation-delay: unset;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout30.wrapper .item-image.item-1[data-v-8e3f861a] {
  animation-delay: 0.5s;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout30.wrapper .item-image.item-2[data-v-8e3f861a] {
  display: none;
}
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout30.wrapper .item-image.item-3[data-v-8e3f861a] {
  display: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
@keyframes floating-0c6fdacf {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-5px);
}
}
html ion-segment.layout26[data-v-0c6fdacf] {
  --background: transparent;
  gap: 0.5rem;
  border-radius: 0;
}
html ion-segment.layout26.ios ion-segment-button[data-v-0c6fdacf] {
  --border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  --indicator-color: transparent;
  --color: transparent;
  --color-checked: transparent;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  width: 7.375rem;
  height: 5.25rem;
  overflow: hidden;
  animation: floating-0c6fdacf 3s ease-in-out infinite;
  background: linear-gradient(180deg, var(--ep-color-background-fill-active-primary) 0%, var(--ep-color-background-fill-surface-raised-L2) 30%);
}
html ion-segment.layout26.ios ion-segment-button[data-v-0c6fdacf]:nth-child(1) {
  animation-delay: 0s;
}
html ion-segment.layout26.ios ion-segment-button[data-v-0c6fdacf]:nth-child(2) {
  animation-delay: 0.5s;
}
html ion-segment.layout26.ios ion-segment-button[data-v-0c6fdacf]:nth-child(3) {
  animation-delay: 1s;
}
html ion-segment.layout26.ios ion-segment-button[data-v-0c6fdacf]:nth-child(4) {
  animation-delay: 1.5s;
}
html ion-segment.layout26.ios ion-segment-button ion-img[data-v-0c6fdacf] {
  width: 100%;
  height: 100%;
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  overflow: hidden;
}
html ion-segment.layout26.ios ion-segment-button ion-img[data-v-0c6fdacf]::part(image) {
  object-fit: cover;
}
html .layout26.wrapper[data-v-0c6fdacf] {
  --activity-width: 11rem;
  --activity-height: 3.125rem;
  gap: 0.75rem;
  display: flex;
  position: relative;
}
html .layout26.wrapper[data-v-0c6fdacf]::-webkit-scrollbar {
  display: none;
}
html .layout26.wrapper[data-v-0c6fdacf]::-webkit-scrollbar-track {
  display: none;
}
html .layout26.wrapper .item-image[data-v-0c6fdacf] {
  order: 2;
  width: 0;
  height: 0;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
  object-fit: fill;
  animation-delay: 1s;
}
html .layout26.wrapper .item-image.good-img[data-v-0c6fdacf],
html .layout26.wrapper .item-image.error-img[data-v-0c6fdacf] {
  width: var(--activity-width);
  height: var(--activity-height);
}
html .layout26.wrapper .item-image.item-0[data-v-0c6fdacf] {
  animation-delay: unset;
}
html .layout26.wrapper .item-image.item-1[data-v-0c6fdacf] {
  animation-delay: 0.5s;
}
html .layout26.wrapper .item-image.item-2[data-v-0c6fdacf] {
  animation-delay: 1s;
}
html .layout26.wrapper .item-image.item-3[data-v-0c6fdacf] {
  animation-delay: 1.5s;
}
@keyframes floating-0c6fdacf {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-5px);
}
}
#tabbar-tabs-inicio-components-ActivityBar-26-index ion-segment.layout26[data-v-0c6fdacf] {
  --background: transparent;
  gap: 0.5rem;
  border-radius: 0;
}
#tabbar-tabs-inicio-components-ActivityBar-26-index ion-segment.layout26.ios ion-segment-button[data-v-0c6fdacf] {
  --border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  --indicator-color: transparent;
  --color: transparent;
  --color-checked: transparent;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  width: 7.375rem;
  height: 5.25rem;
  overflow: hidden;
  animation: floating-0c6fdacf 3s ease-in-out infinite;
  background: linear-gradient(180deg, var(--ep-color-background-fill-active-primary) 0%, var(--ep-color-background-fill-surface-raised-L2) 30%);
}
#tabbar-tabs-inicio-components-ActivityBar-26-index ion-segment.layout26.ios ion-segment-button[data-v-0c6fdacf]:nth-child(1) {
  animation-delay: 0s;
}
#tabbar-tabs-inicio-components-ActivityBar-26-index ion-segment.layout26.ios ion-segment-button[data-v-0c6fdacf]:nth-child(2) {
  animation-delay: 0.5s;
}
#tabbar-tabs-inicio-components-ActivityBar-26-index ion-segment.layout26.ios ion-segment-button[data-v-0c6fdacf]:nth-child(3) {
  animation-delay: 1s;
}
#tabbar-tabs-inicio-components-ActivityBar-26-index ion-segment.layout26.ios ion-segment-button[data-v-0c6fdacf]:nth-child(4) {
  animation-delay: 1.5s;
}
#tabbar-tabs-inicio-components-ActivityBar-26-index ion-segment.layout26.ios ion-segment-button ion-img[data-v-0c6fdacf] {
  width: 100%;
  height: 100%;
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  overflow: hidden;
}
#tabbar-tabs-inicio-components-ActivityBar-26-index ion-segment.layout26.ios ion-segment-button ion-img[data-v-0c6fdacf]::part(image) {
  object-fit: cover;
}
#tabbar-tabs-inicio-components-ActivityBar-26-index .layout26.wrapper[data-v-0c6fdacf] {
  --activity-width: 11rem;
  --activity-height: 3.125rem;
  gap: 0.75rem;
  display: flex;
  position: relative;
}
#tabbar-tabs-inicio-components-ActivityBar-26-index .layout26.wrapper[data-v-0c6fdacf]::-webkit-scrollbar {
  display: none;
}
#tabbar-tabs-inicio-components-ActivityBar-26-index .layout26.wrapper[data-v-0c6fdacf]::-webkit-scrollbar-track {
  display: none;
}
#tabbar-tabs-inicio-components-ActivityBar-26-index .layout26.wrapper .item-image[data-v-0c6fdacf] {
  order: 2;
  width: 0;
  height: 0;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
  object-fit: fill;
  animation-delay: 1s;
}
#tabbar-tabs-inicio-components-ActivityBar-26-index .layout26.wrapper .item-image.good-img[data-v-0c6fdacf],
#tabbar-tabs-inicio-components-ActivityBar-26-index .layout26.wrapper .item-image.error-img[data-v-0c6fdacf] {
  width: var(--activity-width);
  height: var(--activity-height);
}
#tabbar-tabs-inicio-components-ActivityBar-26-index .layout26.wrapper .item-image.item-0[data-v-0c6fdacf] {
  animation-delay: unset;
}
#tabbar-tabs-inicio-components-ActivityBar-26-index .layout26.wrapper .item-image.item-1[data-v-0c6fdacf] {
  animation-delay: 0.5s;
}
#tabbar-tabs-inicio-components-ActivityBar-26-index .layout26.wrapper .item-image.item-2[data-v-0c6fdacf] {
  animation-delay: 1s;
}
#tabbar-tabs-inicio-components-ActivityBar-26-index .layout26.wrapper .item-image.item-3[data-v-0c6fdacf] {
  animation-delay: 1.5s;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.marquee-wrapper[data-v-3b93e216] {
  width: 100%;
  height: 2.25rem;
  padding: 0 0.9375rem;
  margin-top: 0.9375rem;
  display: flex;
  align-items: center;
  position: relative;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.marquee-wrapper[data-v-b3242f12] {
  width: 100%;
  display: flex;
  height: 2.25rem;
  position: relative;
  align-items: center;
  padding: 0 0.9375rem;
  margin-top: 0.9375rem;
}
.marquee-wrapper .marquee-background[data-v-b3242f12] {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
article[data-v-043aac15] {
  flex: 1;
  min-width: 0;
  display: flex;
  gap: 0.375rem;
}
article u[data-v-043aac15] {
  margin-top: 0.25rem;
  min-width: 0.75rem;
  height: 0.75rem;
  overflow: hidden;
  background: #23DB8C80;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
article u[data-v-043aac15]::before {
  content: '';
  width: 50%;
  height: 50%;
  border-radius: 50%;
  z-index: 1;
  background: #23DB8C;
}
article .scroll-box[data-v-043aac15] {
  height: 2.5rem;
  overflow: hidden;
  padding: 0 0.375rem;
}
article .scroll-box .scroll-list[data-v-043aac15] {
  list-style: none;
  margin: 0;
  padding: 0;
}
article .scroll-box .scroll-list li[data-v-043aac15] {
  height: 2.5rem;
  line-height: 1.25rem;
  white-space: normal;
  color: var(--ep-color-text-default);
  font-weight: var(--ep-font-weight-medium, 600);
  font-size: var(--ep-font-size-s, 0.75rem);
  cursor: pointer;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
article .scroll-box .scroll-list li[data-v-043aac15]::-webkit-scrollbar {
  display: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.dot[data-v-c2582fd6] {
  width: 0.875rem;
  height: 0.875rem;
  line-height: 0.875rem;
  font-size: 0.5625rem;
  font-weight: normal;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20;
  border-radius: 50%;
  text-align: center;
  background: #FF0000;
  color: #fff;
}
html .layout2.dot[data-v-c2582fd6] {
  padding: 0.25rem 0.5rem;
  border-radius: var(--ep-border-radius-l, 0.5rem);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  position: relative;
  z-index: 9;
  background: var(--ep-color-background-fill-active-primary);
  color: var(--ep-color-text-inverse);
}
html .layout3.dot[data-v-c2582fd6] {
  width: 1.625rem;
  height: 1.625rem;
  line-height: 1.625rem;
  text-align: center;
  position: relative;
  z-index: 9;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: var(--ep-color-text-danger, #E64021);
  color: var(--ep-color-text-highlight-white);
}
html .layout26.dot[data-v-c2582fd6] {
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: 0.75rem;
  font-weight: var(--ep-font-weight-medium, 600);
  position: absolute;
  top: 0.4375rem;
  right: -0.375rem;
  z-index: 20;
  border-radius: 50%;
  text-align: center;
  background: var(--ep-color-text-danger);
  color: var(--ep-color-text-highlight-white);
}
html .layout28.dot[data-v-c2582fd6] {
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: 0.75rem;
  font-weight: var(--ep-font-weight-medium, 600);
  position: absolute;
  top: 0.125rem;
  left: 2rem;
  z-index: 20;
  border-radius: 50%;
  text-align: center;
  background: var(--ep-color-icon-tips);
  color: #fff;
}
html .layout39.dot[data-v-c2582fd6] {
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  font-size: 0.625rem;
  font-weight: var(--ep-font-weight-normal);
  position: absolute;
  top: 0;
  left: 1.25rem;
  z-index: 20;
  border-radius: 50%;
  text-align: center;
  background: var(--ep-color-icon-tips);
  color: #fff;
}
html .layout40.dot[data-v-c2582fd6] {
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: 0.75rem;
  font-weight: var(--ep-font-weight-medium, 600);
  position: absolute;
  top: 0;
  left: 1.875rem;
  z-index: 20;
  border-radius: 50%;
  text-align: center;
  background: var(--ep-color-icon-tips);
  color: #fff;
}
html .layout42.dot[data-v-c2582fd6] {
  width: 1.625rem;
  height: 1.625rem;
  line-height: 1.625rem;
  text-align: center;
  position: relative;
  z-index: 9;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: var(--ep-accent-blue);
  color: var(--ep-color-text-highlight-white);
}
html .layout46.dot[data-v-c2582fd6] {
  width: 0.875rem;
  height: 0.875rem;
  line-height: 0.875rem;
  font-size: 0.5625rem;
  font-weight: normal;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20;
  border-radius: 50%;
  text-align: center;
  background: #FF0000;
  color: #fff;
}
html .layout50.dot[data-v-c2582fd6] {
  width: 0.875rem;
  height: 0.875rem;
  line-height: 0.875rem;
  font-size: 0.5625rem;
  font-weight: normal;
  position: absolute;
  top: 0;
  right: 0.5rem;
  z-index: 20;
  border-radius: 50%;
  text-align: center;
  background: #FF0000;
  color: #fff;
  border-radius: var(--ep-border-radius-infinity, 9999px);
}
html .layout54.dot[data-v-c2582fd6] {
  width: 1.625rem;
  height: 1.625rem;
  line-height: 1.625rem;
  text-align: center;
  position: relative;
  z-index: 9;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: transparent;
  color: var(--ep-color-icon-highlight);
}
#tabbar-tabs-inicio-components-MarqueeView-components-message-1-index .layout1.dot[data-v-c2582fd6] {
  width: 0.875rem;
  height: 0.875rem;
  line-height: 0.875rem;
  font-size: 0.5625rem;
  font-weight: normal;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20;
  border-radius: 50%;
  text-align: center;
  background: #FF0000;
  color: #fff;
}
#tabbar-tabs-inicio-components-MarqueeView-components-message-1-index .layout2.dot[data-v-c2582fd6] {
  padding: 0.25rem 0.5rem;
  border-radius: var(--ep-border-radius-l, 0.5rem);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  position: relative;
  z-index: 9;
  background: var(--ep-color-background-fill-active-primary);
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-MarqueeView-components-message-1-index .layout3.dot[data-v-c2582fd6] {
  width: 1.625rem;
  height: 1.625rem;
  line-height: 1.625rem;
  text-align: center;
  position: relative;
  z-index: 9;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: var(--ep-color-text-danger, #E64021);
  color: var(--ep-color-text-highlight-white);
}
#tabbar-tabs-inicio-components-MarqueeView-components-message-1-index .layout26.dot[data-v-c2582fd6] {
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: 0.75rem;
  font-weight: var(--ep-font-weight-medium, 600);
  position: absolute;
  top: 0.4375rem;
  right: -0.375rem;
  z-index: 20;
  border-radius: 50%;
  text-align: center;
  background: var(--ep-color-text-danger);
  color: var(--ep-color-text-highlight-white);
}
#tabbar-tabs-inicio-components-MarqueeView-components-message-1-index .layout28.dot[data-v-c2582fd6] {
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: 0.75rem;
  font-weight: var(--ep-font-weight-medium, 600);
  position: absolute;
  top: 0.125rem;
  left: 2rem;
  z-index: 20;
  border-radius: 50%;
  text-align: center;
  background: var(--ep-color-icon-tips);
  color: #fff;
}
#tabbar-tabs-inicio-components-MarqueeView-components-message-1-index .layout39.dot[data-v-c2582fd6] {
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  font-size: 0.625rem;
  font-weight: var(--ep-font-weight-normal);
  position: absolute;
  top: 0;
  left: 1.25rem;
  z-index: 20;
  border-radius: 50%;
  text-align: center;
  background: var(--ep-color-icon-tips);
  color: #fff;
}
#tabbar-tabs-inicio-components-MarqueeView-components-message-1-index .layout40.dot[data-v-c2582fd6] {
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: 0.75rem;
  font-weight: var(--ep-font-weight-medium, 600);
  position: absolute;
  top: 0;
  left: 1.875rem;
  z-index: 20;
  border-radius: 50%;
  text-align: center;
  background: var(--ep-color-icon-tips);
  color: #fff;
}
#tabbar-tabs-inicio-components-MarqueeView-components-message-1-index .layout42.dot[data-v-c2582fd6] {
  width: 1.625rem;
  height: 1.625rem;
  line-height: 1.625rem;
  text-align: center;
  position: relative;
  z-index: 9;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: var(--ep-accent-blue);
  color: var(--ep-color-text-highlight-white);
}
#tabbar-tabs-inicio-components-MarqueeView-components-message-1-index .layout46.dot[data-v-c2582fd6] {
  width: 0.875rem;
  height: 0.875rem;
  line-height: 0.875rem;
  font-size: 0.5625rem;
  font-weight: normal;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20;
  border-radius: 50%;
  text-align: center;
  background: #FF0000;
  color: #fff;
}
#tabbar-tabs-inicio-components-MarqueeView-components-message-1-index .layout50.dot[data-v-c2582fd6] {
  width: 0.875rem;
  height: 0.875rem;
  line-height: 0.875rem;
  font-size: 0.5625rem;
  font-weight: normal;
  position: absolute;
  top: 0;
  right: 0.5rem;
  z-index: 20;
  border-radius: 50%;
  text-align: center;
  background: #FF0000;
  color: #fff;
  border-radius: var(--ep-border-radius-infinity, 9999px);
}
#tabbar-tabs-inicio-components-MarqueeView-components-message-1-index .layout54.dot[data-v-c2582fd6] {
  width: 1.625rem;
  height: 1.625rem;
  line-height: 1.625rem;
  text-align: center;
  position: relative;
  z-index: 9;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: transparent;
  color: var(--ep-color-icon-highlight);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .badge[data-v-2f683386] {
  z-index: 4;
  position: relative;
  padding-inline-end: 0.25rem;
}
html .badge .message[data-v-2f683386] {
  font-size: var(--icon-size, 1.625rem);
  vertical-align: sub;
  color: var(--icon-color, #000);
}
html .badge .dot[data-v-2f683386] {
  transform: translate(-5%, -15%);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .badge[data-v-abab7023] {
  z-index: 4;
  width: 1.375rem;
  height: 1.3125rem;
  padding: 0.375rem;
  margin-inline-start: 0.25rem;
  margin-inline-end: 0.4375rem;
  border-radius: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #fff;
}
html .badge .message[data-v-abab7023] {
  position: absolute;
  font-size: 0.6875rem;
  color: #000;
}
html .badge .dot[data-v-abab7023] {
  top: -0.25rem;
  right: -0.3125rem;
  text-align: center;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.dot[data-v-a4a13f7e] {
  position: relative;
  z-index: 9;
  width: 2.25rem;
  height: 2.25rem;
  background-color: var(--ep-color-background-fill-surface-raised-L2);
  background-image: url('/assets/broadcast27-r2-Bt-48eGY.svg');
  background-size: auto 1.5rem;
  background-repeat: no-repeat;
  background-position: top 0.375rem left 0.375rem;
}
html .layout1.dot .message-quantity[data-v-a4a13f7e] {
  position: absolute;
  top: 0.5625rem;
  right: 0.0625rem;
  text-align: center;
  color: var(--ep-color-text-default);
  width: 1.25rem;
  height: 0.625rem;
  border-radius: 1.25rem;
  background: var(--ep-color-icon-tips);
  font-size: var(--ep-font-size-xs);
  line-height: var(--ep-font-size-xs);
  font-weight: var(--ep-font-weight-medium);
}
html .layout37.dot[data-v-a4a13f7e] {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  z-index: 9;
  width: 1.375rem;
  height: 1.375rem;
  background: url('/assets/marquee-tips37-r2-CQsB0B4p.png') no-repeat center center / contain;
}
html .layout37.dot .message-quantity[data-v-a4a13f7e] {
  position: absolute;
  top: -0.25rem;
  right: -0.25rem;
  min-width: 0.875rem;
  height: 0.875rem;
  padding: 0 0.125rem;
  text-align: center;
  color: var(--ep-color-text-inverse);
  border-radius: 0.4375rem;
  background: var(--ep-color-icon-tips);
  font-size: var(--ep-font-size-xs);
  line-height: 0.875rem;
  font-weight: var(--ep-font-weight-medium);
}
html .layout44.dot[data-v-a4a13f7e] {
  top: 50%;
  z-index: 5;
  right: 0.875rem;
  width: 1.375rem;
  height: 1.375rem;
  position: absolute;
  transform: translateY(-50%);
  background: url('/assets/marquee-tips37-r2-CQsB0B4p.png') no-repeat center center / contain;
}
html .layout44.dot .message-quantity[data-v-a4a13f7e] {
  top: 0;
  left: 40%;
  height: 0.875rem;
  min-width: 0.875rem;
  padding: 0 0.125rem;
  text-align: center;
  position: absolute;
  line-height: 0.875rem;
  border-radius: 0.4375rem;
  font-size: var(--ep-font-size-xs);
  color: var(--ep-color-text-inverse);
  background: var(--ep-color-icon-tips);
  font-weight: var(--ep-font-weight-medium);
}
#tabbar-tabs-inicio-components-MarqueeView-components-message-1-index .layout1.dot[data-v-a4a13f7e] {
  position: relative;
  z-index: 9;
  width: 2.25rem;
  height: 2.25rem;
  background-color: var(--ep-color-background-fill-surface-raised-L2);
  background-image: url('/assets/broadcast27-r2-Bt-48eGY.svg');
  background-size: auto 1.5rem;
  background-repeat: no-repeat;
  background-position: top 0.375rem left 0.375rem;
}
#tabbar-tabs-inicio-components-MarqueeView-components-message-1-index .layout1.dot .message-quantity[data-v-a4a13f7e] {
  position: absolute;
  top: 0.5625rem;
  right: 0.0625rem;
  text-align: center;
  color: var(--ep-color-text-default);
  width: 1.25rem;
  height: 0.625rem;
  border-radius: 1.25rem;
  background: var(--ep-color-icon-tips);
  font-size: var(--ep-font-size-xs);
  line-height: var(--ep-font-size-xs);
  font-weight: var(--ep-font-weight-medium);
}
#tabbar-tabs-inicio-components-MarqueeView-components-message-1-index .layout37.dot[data-v-a4a13f7e] {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  z-index: 9;
  width: 1.375rem;
  height: 1.375rem;
  background: url('/assets/marquee-tips37-r2-CQsB0B4p.png') no-repeat center center / contain;
}
#tabbar-tabs-inicio-components-MarqueeView-components-message-1-index .layout37.dot .message-quantity[data-v-a4a13f7e] {
  position: absolute;
  top: -0.25rem;
  right: -0.25rem;
  min-width: 0.875rem;
  height: 0.875rem;
  padding: 0 0.125rem;
  text-align: center;
  color: var(--ep-color-text-inverse);
  border-radius: 0.4375rem;
  background: var(--ep-color-icon-tips);
  font-size: var(--ep-font-size-xs);
  line-height: 0.875rem;
  font-weight: var(--ep-font-weight-medium);
}
#tabbar-tabs-inicio-components-MarqueeView-components-message-1-index .layout44.dot[data-v-a4a13f7e] {
  top: 50%;
  z-index: 5;
  right: 0.875rem;
  width: 1.375rem;
  height: 1.375rem;
  position: absolute;
  transform: translateY(-50%);
  background: url('/assets/marquee-tips37-r2-CQsB0B4p.png') no-repeat center center / contain;
}
#tabbar-tabs-inicio-components-MarqueeView-components-message-1-index .layout44.dot .message-quantity[data-v-a4a13f7e] {
  top: 0;
  left: 40%;
  height: 0.875rem;
  min-width: 0.875rem;
  padding: 0 0.125rem;
  text-align: center;
  position: absolute;
  line-height: 0.875rem;
  border-radius: 0.4375rem;
  font-size: var(--ep-font-size-xs);
  color: var(--ep-color-text-inverse);
  background: var(--ep-color-icon-tips);
  font-weight: var(--ep-font-weight-medium);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .badge[data-v-eb96917c] {
  position: relative;
  padding-inline-end: 0.25rem;
}
html .badge .message[data-v-eb96917c] {
  width: 1.375rem;
  height: 1.375rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.log-in-box[data-v-65e8b639] {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
html .layout1.log-in-box .account-icon[data-v-65e8b639] {
  width: 0;
  height: 0;
  border-radius: 50%;
  overflow: hidden;
}
html .layout1.log-in-box .account-icon.good-img[data-v-65e8b639] {
  width: 2.5rem;
  height: 2.5rem;
}
html .layout1.log-in-box .account-info[data-v-65e8b639] {
  display: flex;
  flex-direction: column;
}
html .layout1.log-in-box .account-info .label[data-v-65e8b639] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .layout1.log-in-box .account-info .sub-label[data-v-65e8b639] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout47.log-in-box[data-v-65e8b639] {
  gap: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
html .layout47.log-in-box .account-icon[data-v-65e8b639] {
  width: 0;
  height: 0;
  overflow: hidden;
  border-radius: 50%;
}
html .layout47.log-in-box .account-icon.good-img[data-v-65e8b639] {
  width: 2rem;
  height: 2rem;
}
html .layout47.log-in-box .account-info[data-v-65e8b639] {
  display: flex;
  flex-direction: column;
}
html .layout47.log-in-box .account-info .label[data-v-65e8b639] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
html .layout47.log-in-box .account-info .sub-label[data-v-65e8b639] {
  color: var(--ep-color-text-weaker);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
}
html .layout51.log-in-box[data-v-65e8b639] {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
html .layout51.log-in-box .account-icon[data-v-65e8b639] {
  width: 0;
  height: 0;
  border-radius: 50%;
  overflow: hidden;
}
html .layout51.log-in-box .account-icon.good-img[data-v-65e8b639] {
  width: 2.5rem;
  height: 2.5rem;
}
html .layout51.log-in-box .account-info[data-v-65e8b639] {
  display: flex;
  flex-direction: column;
}
html .layout51.log-in-box .account-info .label[data-v-65e8b639] {
  line-height: 1.5rem;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
html .layout51.log-in-box .account-info .sub-label[data-v-65e8b639] {
  line-height: 1.125rem;
  color: var(--ep-color-text-weak);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box[data-v-65e8b639] {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-icon[data-v-65e8b639] {
  width: 0;
  height: 0;
  border-radius: 50%;
  overflow: hidden;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-icon.good-img[data-v-65e8b639] {
  width: 2.5rem;
  height: 2.5rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-info[data-v-65e8b639] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-info .label[data-v-65e8b639] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-info .sub-label[data-v-65e8b639] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout47.log-in-box[data-v-65e8b639] {
  gap: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout47.log-in-box .account-icon[data-v-65e8b639] {
  width: 0;
  height: 0;
  overflow: hidden;
  border-radius: 50%;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout47.log-in-box .account-icon.good-img[data-v-65e8b639] {
  width: 2rem;
  height: 2rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout47.log-in-box .account-info[data-v-65e8b639] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout47.log-in-box .account-info .label[data-v-65e8b639] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout47.log-in-box .account-info .sub-label[data-v-65e8b639] {
  color: var(--ep-color-text-weaker);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout51.log-in-box[data-v-65e8b639] {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout51.log-in-box .account-icon[data-v-65e8b639] {
  width: 0;
  height: 0;
  border-radius: 50%;
  overflow: hidden;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout51.log-in-box .account-icon.good-img[data-v-65e8b639] {
  width: 2.5rem;
  height: 2.5rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout51.log-in-box .account-info[data-v-65e8b639] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout51.log-in-box .account-info .label[data-v-65e8b639] {
  line-height: 1.5rem;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout51.log-in-box .account-info .sub-label[data-v-65e8b639] {
  line-height: 1.125rem;
  color: var(--ep-color-text-weak);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.account .log-out-box[data-v-18091d73] {
  position: relative;
  height: 2.5rem;
}
html .layout1.account .log-out-box .account-icon[data-v-18091d73] {
  width: 0;
  height: 0;
  position: relative;
  z-index: 5;
}
html .layout1.account .log-out-box .account-icon.good-img[data-v-18091d73] {
  width: 6.5rem;
  height: 2.325rem;
}
html .layout1.account .log-out-box .label[data-v-18091d73] {
  padding: 0.0625rem 0.25rem;
  line-height: 1;
  white-space: nowrap;
  position: absolute;
  bottom: 0.5rem;
  left: 2.25rem;
  z-index: 0;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  background: var(--ep-color-icon-info);
  color: #fff;
}
html .layout46.account .log-out-box[data-v-18091d73] {
  position: relative;
}
html .layout46.account .log-out-box .account-icon[data-v-18091d73] {
  width: 0;
  height: 0;
  position: relative;
  z-index: 5;
}
html .layout46.account .log-out-box .account-icon.good-img[data-v-18091d73] {
  width: 9.125rem;
  height: 2.375rem;
}
html .layout46.account .log-out-box .label[data-v-18091d73] {
  max-width: 6.625rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 0.25rem;
  height: 0.875rem;
  line-height: 0.875rem;
  position: absolute;
  text-align: center;
  bottom: 0;
  left: 2.5rem;
  z-index: 0;
  font-size: var(--ep-font-size-xs);
  font-weight: var(--ep-font-weight-medium);
  background: var(--ep-color-icon-selected);
  border-radius: var(--ep-border-radius-xs);
  color: #000;
}
html .layout50.account .log-out-box[data-v-18091d73] {
  position: relative;
}
html .layout50.account .log-out-box .good-img[data-v-18091d73] {
  width: 9.1875rem;
}
html .layout50.account .log-out-box .label[data-v-18091d73] {
  padding: 0.125rem 0.25rem;
  line-height: 1;
  white-space: nowrap;
  position: absolute;
  bottom: 0.125rem;
  left: 2.5625rem;
  z-index: 0;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  border-radius: var(--ep-border-radius-xs, 0.125rem);
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) -27.5%, var(--ep-color-background-fill-gradients-primary-b) 127.5%);
  color: #fff;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout1.account .log-out-box[data-v-18091d73] {
  position: relative;
  height: 2.5rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout1.account .log-out-box .account-icon[data-v-18091d73] {
  width: 0;
  height: 0;
  position: relative;
  z-index: 5;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout1.account .log-out-box .account-icon.good-img[data-v-18091d73] {
  width: 6.5rem;
  height: 2.325rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout1.account .log-out-box .label[data-v-18091d73] {
  padding: 0.0625rem 0.25rem;
  line-height: 1;
  white-space: nowrap;
  position: absolute;
  bottom: 0.5rem;
  left: 2.25rem;
  z-index: 0;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  background: var(--ep-color-icon-info);
  color: #fff;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout46.account .log-out-box[data-v-18091d73] {
  position: relative;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout46.account .log-out-box .account-icon[data-v-18091d73] {
  width: 0;
  height: 0;
  position: relative;
  z-index: 5;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout46.account .log-out-box .account-icon.good-img[data-v-18091d73] {
  width: 9.125rem;
  height: 2.375rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout46.account .log-out-box .label[data-v-18091d73] {
  max-width: 6.625rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 0.25rem;
  height: 0.875rem;
  line-height: 0.875rem;
  position: absolute;
  text-align: center;
  bottom: 0;
  left: 2.5rem;
  z-index: 0;
  font-size: var(--ep-font-size-xs);
  font-weight: var(--ep-font-weight-medium);
  background: var(--ep-color-icon-selected);
  border-radius: var(--ep-border-radius-xs);
  color: #000;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout50.account .log-out-box[data-v-18091d73] {
  position: relative;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout50.account .log-out-box .good-img[data-v-18091d73] {
  width: 9.1875rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout50.account .log-out-box .label[data-v-18091d73] {
  padding: 0.125rem 0.25rem;
  line-height: 1;
  white-space: nowrap;
  position: absolute;
  bottom: 0.125rem;
  left: 2.5625rem;
  z-index: 0;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  border-radius: var(--ep-border-radius-xs, 0.125rem);
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) -27.5%, var(--ep-color-background-fill-gradients-primary-b) 127.5%);
  color: #fff;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.account .log-out-box[data-v-fe7cee22] {
  display: flex;
  height: 2.5rem;
  align-items: flex-end;
}
.account .log-out-box .account-icon[data-v-fe7cee22] {
  height: 2.875rem;
  width: 7.25rem;
  margin-left: 0.5rem;
}
.account .log-out-box .label[data-v-fe7cee22] {
  left: 1.75rem;
  bottom: -0.125rem;
  position: absolute;
  color: var(--ep-color-text-brand-primary);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.log-in-box[data-v-877d8481] {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
html .layout1.log-in-box .account-icon[data-v-877d8481] {
  width: 0;
  height: 0;
  border-radius: 50%;
  overflow: hidden;
}
html .layout1.log-in-box .account-icon.good-img[data-v-877d8481] {
  width: 2.5rem;
  height: 2.5rem;
}
html .layout1.log-in-box .account-info[data-v-877d8481] {
  display: flex;
  flex-direction: column;
}
html .layout1.log-in-box .account-info .label[data-v-877d8481] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .layout1.log-in-box .account-info .sub-label[data-v-877d8481] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box[data-v-877d8481] {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-icon[data-v-877d8481] {
  width: 0;
  height: 0;
  border-radius: 50%;
  overflow: hidden;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-icon.good-img[data-v-877d8481] {
  width: 2.5rem;
  height: 2.5rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-info[data-v-877d8481] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-info .label[data-v-877d8481] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-info .sub-label[data-v-877d8481] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
.log-out-box[data-v-877d8481] {
  gap: 0.5rem;
  display: flex;
  align-items: center;
}
.log-out-box .log-out-icon[data-v-877d8481] {
  padding: 0.5rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 43%;
  background: var(--ep-dynamic-primary);
  box-shadow: 4px 0px 11px 0px var(--ep-color-background-fill-glow-primary-opacity-40);
  color: var(--ep-color-icon-inverse);
}
.log-out-box label[data-v-877d8481] {
  font-size: var(--label-font-size, 1rem);
  font-weight: var(--label-font-weight, 600);
  color: var(--ep-color-text-default);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.account-wrap[data-v-5ec2f28e] {
  position: relative;
  width: 10.625rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
.account-wrap .account-avatar-wrap[data-v-5ec2f28e] {
  position: relative;
  display: flex;
  align-items: center;
}
.account-wrap .account-box[data-v-5ec2f28e] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.account-wrap .avatar-gradient[data-v-5ec2f28e] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1px;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  /* 定义几何变量 */
  --gap-start: 32deg;
  --gap-size: 116deg;
  --border-width: 0.125rem;
}
.account-wrap .avatar-gradient .account-avatar[data-v-5ec2f28e] {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  border: 0.125rem solid var(--ep-color-text-inverse);
  overflow: hidden;
  z-index: 1;
}
.account-wrap .avatar-gradient[data-v-5ec2f28e]::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  padding: var(--border-width);
  background: linear-gradient(200deg, var(--ep-color-border-success), var(--ep-color-border-default));
  --mask-c: conic-gradient(from var(--gap-start), transparent 0deg var(--gap-size), #fff 0deg);
  -webkit-mask: var(--mask-c) content-box, var(--mask-c) border-box;
          mask: var(--mask-c) content-box, var(--mask-c) border-box;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
.account-wrap .avatar-gradient[data-v-5ec2f28e]::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  padding: var(--border-width);
  background: linear-gradient(to right, var(--ep-color-background-fill-gradients-primary-a), var(--ep-color-background-fill-gradients-primary-b));
  --mask-gap: conic-gradient(from var(--gap-start), #fff 0deg var(--gap-size), transparent 0deg);
  -webkit-mask: var(--mask-gap) content-box, var(--mask-gap) border-box;
          mask: var(--mask-gap) content-box, var(--mask-gap) border-box;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
.account-wrap .account-info-wrap[data-v-5ec2f28e] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.5;
}
.account-wrap .account-info-wrap .account-info-number[data-v-5ec2f28e] {
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-inverse);
}
.account-wrap .account-info-wrap .account-info-id[data-v-5ec2f28e] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-highlight-white-weak);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-7be6929d] {
  /**
   * 53 号炫彩紫抽屉顶部的「头像 + Welcome」（设计稿 node 17028:40675 左半）。
   *
   * 47 号这一格挂的是 account/2（只在登录后渲染），未登录时整格是空的；换成 27 号那份
   * 是因为它自带未登录分支（.log-out-box），登录后原样委托回 account/2，
   * 所以登录态的表现和 47 号完全一致，这里只补未登录那半边。
   *
   * 头像图标用的是 pathMaps 里 icon1 id 2 那张 person.svg（`fill="currentColor"`）。
   * 它走 ProgressiveImages 当 <img> 加载，currentColor 在外链 svg 里取不到上下文、按规范
   * 落到黑色，所以用 brightness(0) invert(1) 压成设计稿的纯白——不为一个换色新增切图
   * （同 buttonBox/2 里 android logo 压黑的做法）。
   *
   * 滤镜必须打在 ::part(image) 上而不是 ion-img 本身：filter 会连元素自己的背景和描边
   * 一起处理，打在宿主上会把深底品红描边的圆整个反成一块白饼。
   */
}
html .layout1.account .log-out-box[data-v-7be6929d] {
  position: relative;
  height: 2.5rem;
}
html .layout1.account .log-out-box .account-icon[data-v-7be6929d] {
  width: 0;
  height: 0;
  position: relative;
  z-index: 5;
}
html .layout1.account .log-out-box .account-icon.good-img[data-v-7be6929d] {
  width: 6.5rem;
  height: 2.325rem;
}
html .layout1.account .log-out-box .label[data-v-7be6929d] {
  padding: 0.0625rem 0.25rem;
  line-height: 1;
  white-space: nowrap;
  position: absolute;
  bottom: 0.5rem;
  left: 2.25rem;
  z-index: 0;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  background: var(--ep-color-icon-info);
  color: var(--ep-color-text-default);
}
html .layout27.account .log-out-box[data-v-7be6929d] {
  display: flex;
  position: relative;
  gap: 0.75rem;
}
html .layout27.account .log-out-box .log-out-box-welcome[data-v-7be6929d] {
  color: var(--ep-color-text-default);
  line-height: 150%;
}
html .layout27.account .log-out-box .log-out-box-welcome .welcome-label[data-v-7be6929d] {
  font-size: var(--ep-font-size-xl);
  font-weight: var(--ep-font-weight-bold);
}
html .layout27.account .log-out-box .log-out-box-welcome .welcome-website[data-v-7be6929d] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
}
html .layout27.account .log-out-box .account-icon[data-v-7be6929d] {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.375rem;
  position: relative;
  background-color: var(--ep-color-background-fill-body-default);
  border-radius: 100%;
  z-index: 5;
}
html .layout37.account .log-out-box[data-v-7be6929d] {
  display: flex;
  align-items: center;
  gap: 0.125rem;
}
html .layout37.account .log-out-box .log-out-box-welcome[data-v-7be6929d] {
  color: var(--ep-color-text-default);
  line-height: 150%;
}
html .layout37.account .log-out-box .log-out-box-welcome .welcome-label[data-v-7be6929d] {
  font-size: var(--ep-font-size-xl);
  font-weight: var(--ep-font-weight-bold);
}
html .layout37.account .log-out-box .log-out-box-welcome .welcome-website[data-v-7be6929d] {
  font-size: var(--ep-font-size-xs);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-inverse);
  background: var(--ep-color-icon-selected);
  border-radius: var(--ep-border-radius-xs);
  padding: 0 0.25rem;
  line-height: 1.5;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html .layout37.account .log-out-box .log-out-box-welcome .welcome-icon[data-v-7be6929d] {
  width: 5.875rem;
  height: 1.125rem;
}
html .layout37.account .log-out-box .account-icon[data-v-7be6929d] {
  font-size: 0;
  width: 2.375rem;
  height: 2.375rem;
}
html .layout38.account .log-out-box[data-v-7be6929d] {
  display: flex;
  position: relative;
  gap: 0.75rem;
}
html .layout38.account .log-out-box .log-out-box-welcome[data-v-7be6929d] {
  color: var(--ep-color-text-default);
  line-height: 150%;
}
html .layout38.account .log-out-box .log-out-box-welcome .welcome-label[data-v-7be6929d] {
  font-size: var(--ep-font-size-xl);
  font-weight: var(--ep-font-weight-bold);
}
html .layout38.account .log-out-box .log-out-box-welcome .welcome-website[data-v-7be6929d] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
}
html .layout38.account .log-out-box .account-icon[data-v-7be6929d] {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.375rem;
  position: relative;
  background-color: var(--ep-color-background-fill-surface-raised-L2);
  border-radius: 100%;
  z-index: 5;
}
html .layout53.account .log-out-box[data-v-7be6929d] {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
}
html .layout53.account .log-out-box .account-icon[data-v-7be6929d] {
  width: 2.375rem;
  height: 2.375rem;
  padding: 0.46875rem;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--ep-color-background-fill-body-default);
  border: 0.0625rem solid var(--ep-color-border-brand);
}
html .layout53.account .log-out-box .account-icon[data-v-7be6929d]::part(image) {
  filter: brightness(0) invert(1);
}
html .layout53.account .log-out-box .log-out-box-welcome .welcome-label[data-v-7be6929d] {
  line-height: 1.3125rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .layout53.account .log-out-box .log-out-box-welcome .welcome-website[data-v-7be6929d] {
  display: none;
}
html .layout53.account[data-v-7be6929d]:has(.log-in-box) {
  display: none;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index[data-v-7be6929d] {
  /**
   * 53 号炫彩紫抽屉顶部的「头像 + Welcome」（设计稿 node 17028:40675 左半）。
   *
   * 47 号这一格挂的是 account/2（只在登录后渲染），未登录时整格是空的；换成 27 号那份
   * 是因为它自带未登录分支（.log-out-box），登录后原样委托回 account/2，
   * 所以登录态的表现和 47 号完全一致，这里只补未登录那半边。
   *
   * 头像图标用的是 pathMaps 里 icon1 id 2 那张 person.svg（`fill="currentColor"`）。
   * 它走 ProgressiveImages 当 <img> 加载，currentColor 在外链 svg 里取不到上下文、按规范
   * 落到黑色，所以用 brightness(0) invert(1) 压成设计稿的纯白——不为一个换色新增切图
   * （同 buttonBox/2 里 android logo 压黑的做法）。
   *
   * 滤镜必须打在 ::part(image) 上而不是 ion-img 本身：filter 会连元素自己的背景和描边
   * 一起处理，打在宿主上会把深底品红描边的圆整个反成一块白饼。
   */
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout1.account .log-out-box[data-v-7be6929d] {
  position: relative;
  height: 2.5rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout1.account .log-out-box .account-icon[data-v-7be6929d] {
  width: 0;
  height: 0;
  position: relative;
  z-index: 5;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout1.account .log-out-box .account-icon.good-img[data-v-7be6929d] {
  width: 6.5rem;
  height: 2.325rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout1.account .log-out-box .label[data-v-7be6929d] {
  padding: 0.0625rem 0.25rem;
  line-height: 1;
  white-space: nowrap;
  position: absolute;
  bottom: 0.5rem;
  left: 2.25rem;
  z-index: 0;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  background: var(--ep-color-icon-info);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout27.account .log-out-box[data-v-7be6929d] {
  display: flex;
  position: relative;
  gap: 0.75rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout27.account .log-out-box .log-out-box-welcome[data-v-7be6929d] {
  color: var(--ep-color-text-default);
  line-height: 150%;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout27.account .log-out-box .log-out-box-welcome .welcome-label[data-v-7be6929d] {
  font-size: var(--ep-font-size-xl);
  font-weight: var(--ep-font-weight-bold);
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout27.account .log-out-box .log-out-box-welcome .welcome-website[data-v-7be6929d] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout27.account .log-out-box .account-icon[data-v-7be6929d] {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.375rem;
  position: relative;
  background-color: var(--ep-color-background-fill-body-default);
  border-radius: 100%;
  z-index: 5;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout37.account .log-out-box[data-v-7be6929d] {
  display: flex;
  align-items: center;
  gap: 0.125rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout37.account .log-out-box .log-out-box-welcome[data-v-7be6929d] {
  color: var(--ep-color-text-default);
  line-height: 150%;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout37.account .log-out-box .log-out-box-welcome .welcome-label[data-v-7be6929d] {
  font-size: var(--ep-font-size-xl);
  font-weight: var(--ep-font-weight-bold);
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout37.account .log-out-box .log-out-box-welcome .welcome-website[data-v-7be6929d] {
  font-size: var(--ep-font-size-xs);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-inverse);
  background: var(--ep-color-icon-selected);
  border-radius: var(--ep-border-radius-xs);
  padding: 0 0.25rem;
  line-height: 1.5;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout37.account .log-out-box .log-out-box-welcome .welcome-icon[data-v-7be6929d] {
  width: 5.875rem;
  height: 1.125rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout37.account .log-out-box .account-icon[data-v-7be6929d] {
  font-size: 0;
  width: 2.375rem;
  height: 2.375rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout38.account .log-out-box[data-v-7be6929d] {
  display: flex;
  position: relative;
  gap: 0.75rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout38.account .log-out-box .log-out-box-welcome[data-v-7be6929d] {
  color: var(--ep-color-text-default);
  line-height: 150%;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout38.account .log-out-box .log-out-box-welcome .welcome-label[data-v-7be6929d] {
  font-size: var(--ep-font-size-xl);
  font-weight: var(--ep-font-weight-bold);
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout38.account .log-out-box .log-out-box-welcome .welcome-website[data-v-7be6929d] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout38.account .log-out-box .account-icon[data-v-7be6929d] {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.375rem;
  position: relative;
  background-color: var(--ep-color-background-fill-surface-raised-L2);
  border-radius: 100%;
  z-index: 5;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout53.account .log-out-box[data-v-7be6929d] {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout53.account .log-out-box .account-icon[data-v-7be6929d] {
  width: 2.375rem;
  height: 2.375rem;
  padding: 0.46875rem;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--ep-color-background-fill-body-default);
  border: 0.0625rem solid var(--ep-color-border-brand);
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout53.account .log-out-box .account-icon[data-v-7be6929d]::part(image) {
  filter: brightness(0) invert(1);
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout53.account .log-out-box .log-out-box-welcome .welcome-label[data-v-7be6929d] {
  line-height: 1.3125rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout53.account .log-out-box .log-out-box-welcome .welcome-website[data-v-7be6929d] {
  display: none;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout53.account[data-v-7be6929d]:has(.log-in-box) {
  display: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout38.account .log-out-box[data-v-afc519c9] {
  display: flex;
  position: relative;
  gap: 0.75rem;
}
html .layout38.account .log-out-box .log-out-box-welcome[data-v-afc519c9] {
  color: var(--ep-color-text-default);
  line-height: 150%;
}
html .layout38.account .log-out-box .log-out-box-welcome .welcome-label[data-v-afc519c9] {
  font-size: var(--ep-font-size-xl);
  font-weight: var(--ep-font-weight-bold);
}
html .layout38.account .log-out-box .log-out-box-welcome .welcome-website[data-v-afc519c9] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
}
html .layout38.account .log-out-box .account-icon[data-v-afc519c9] {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.375rem;
  position: relative;
  background-color: var(--ep-color-background-fill-surface-raised-L2);
  border-radius: 100%;
  z-index: 5;
}
html .layout38.account[data-v-afc519c9] .account-info {
  display: none;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout38.account .log-out-box[data-v-afc519c9] {
  display: flex;
  position: relative;
  gap: 0.75rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout38.account .log-out-box .log-out-box-welcome[data-v-afc519c9] {
  color: var(--ep-color-text-default);
  line-height: 150%;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout38.account .log-out-box .log-out-box-welcome .welcome-label[data-v-afc519c9] {
  font-size: var(--ep-font-size-xl);
  font-weight: var(--ep-font-weight-bold);
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout38.account .log-out-box .log-out-box-welcome .welcome-website[data-v-afc519c9] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout38.account .log-out-box .account-icon[data-v-afc519c9] {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.375rem;
  position: relative;
  background-color: var(--ep-color-background-fill-surface-raised-L2);
  border-radius: 100%;
  z-index: 5;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout38.account[data-v-afc519c9] .account-info {
  display: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.log-in-box .bg-box[data-v-7b4316c9] {
  position: absolute;
  top: 0;
  left: 0;
  width: 10.875rem;
  height: 3.125rem;
}
html .layout1.log-in-box .content-box[data-v-7b4316c9] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding-left: 0.25rem;
}
html .layout1.log-in-box .account-icon[data-v-7b4316c9] {
  width: 0;
  height: 0;
  border-radius: 50%;
  overflow: hidden;
}
html .layout1.log-in-box .account-icon.good-img[data-v-7b4316c9] {
  width: 2.5rem;
  height: 2.5rem;
}
html .layout1.log-in-box .account-info[data-v-7b4316c9] {
  display: flex;
  flex-direction: column;
}
html .layout1.log-in-box .account-info .label[data-v-7b4316c9] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .layout1.log-in-box .account-info .sub-label[data-v-7b4316c9] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .bg-box[data-v-7b4316c9] {
  position: absolute;
  top: 0;
  left: 0;
  width: 10.875rem;
  height: 3.125rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .content-box[data-v-7b4316c9] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding-left: 0.25rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-icon[data-v-7b4316c9] {
  width: 0;
  height: 0;
  border-radius: 50%;
  overflow: hidden;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-icon.good-img[data-v-7b4316c9] {
  width: 2.5rem;
  height: 2.5rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-info[data-v-7b4316c9] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-info .label[data-v-7b4316c9] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-info .sub-label[data-v-7b4316c9] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout39.account .log-out-box[data-v-9c3d68d6] {
  position: relative;
  height: 2.5rem;
}
html .layout39.account .log-out-box .aperture1[data-v-9c3d68d6] {
  width: 3.375rem;
  height: 3.375rem;
  background: var(--ep-dynamic-secondary);
  position: absolute;
  top: -10px;
  left: 0;
  filter: blur(20px);
  opacity: 0.8;
}
html .layout39.account .log-out-box .account-icon[data-v-9c3d68d6] {
  width: 0;
  height: 0;
  position: relative;
  z-index: 5;
}
html .layout39.account .log-out-box .account-icon.good-img[data-v-9c3d68d6] {
  width: 6.5rem;
  height: 2.325rem;
}
html .layout39.account .log-out-box .label[data-v-9c3d68d6] {
  padding: 0.0625rem 0.25rem;
  line-height: 1;
  white-space: nowrap;
  position: absolute;
  bottom: 0.5rem;
  left: 2.25rem;
  z-index: 0;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  background: var(--ep-color-icon-info);
  color: #fff;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout39.account .log-out-box[data-v-9c3d68d6] {
  position: relative;
  height: 2.5rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout39.account .log-out-box .aperture1[data-v-9c3d68d6] {
  width: 3.375rem;
  height: 3.375rem;
  background: var(--ep-dynamic-secondary);
  position: absolute;
  top: -10px;
  left: 0;
  filter: blur(20px);
  opacity: 0.8;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout39.account .log-out-box .account-icon[data-v-9c3d68d6] {
  width: 0;
  height: 0;
  position: relative;
  z-index: 5;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout39.account .log-out-box .account-icon.good-img[data-v-9c3d68d6] {
  width: 6.5rem;
  height: 2.325rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout39.account .log-out-box .label[data-v-9c3d68d6] {
  padding: 0.0625rem 0.25rem;
  line-height: 1;
  white-space: nowrap;
  position: absolute;
  bottom: 0.5rem;
  left: 2.25rem;
  z-index: 0;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  background: var(--ep-color-icon-info);
  color: #fff;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout44.account[data-v-f1658282] {
  display: flex;
  width: 10.25rem;
  height: 2.75rem;
  position: relative;
  align-items: center;
  justify-content: center;
}
.layout44.account .log-in-box[data-v-f1658282] {
  gap: 0.25rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.625rem;
}
.layout44.account .log-in-box .log-in-box-info[data-v-f1658282] {
  flex: 1;
  display: flex;
  padding-top: 0.25rem;
  flex-direction: column;
  justify-content: center;
}
.layout44.account .log-in-box .log-in-box-info .phone-number[data-v-f1658282] {
  line-height: 1.2;
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-text-default);
  font-weight: var(--ep-font-weight-bold);
}
.layout44.account .log-in-box .log-in-box-info .user-id[data-v-f1658282] {
  font-size: var(--ep-font-size-xs);
  color: var(--ep-color-text-weak);
}
.layout44.account .user-info-background[data-v-f1658282] {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
}
.layout44.account .log-out-box-welcome[data-v-f1658282] {
  padding-left: 0.5rem;
  font-size: var(--ep-font-size-l);
  color: var(--ep-color-text-default);
  font-weight: var(--ep-font-weight-medium);
}
.layout44.account .account-icon[data-v-f1658282] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  overflow: hidden;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout45.log-in-box[data-v-4dfdd024] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.layout45.log-in-box .account-icon[data-v-4dfdd024] {
  width: 0;
  height: 0;
  overflow: hidden;
  border-radius: 50%;
}
.layout45.log-in-box .account-icon.good-img[data-v-4dfdd024] {
  width: 2.5rem;
  height: 2.5rem;
}
.layout45.log-in-box .account-info[data-v-4dfdd024] {
  display: flex;
  flex-direction: column;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
}
.layout45.log-in-box .account-info .label[data-v-4dfdd024] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
.layout45.log-in-box .account-info .sub-label[data-v-4dfdd024] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
}
.layout45.log-in-box .account-info .assets-box[data-v-4dfdd024] {
  display: flex;
  gap: 0.1875rem;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout47.log-in-box[data-v-364242ec] {
  gap: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
html .layout47.log-in-box .account-icon[data-v-364242ec] {
  width: 0;
  height: 0;
  overflow: hidden;
  border-radius: 50%;
}
html .layout47.log-in-box .account-icon.good-img[data-v-364242ec] {
  width: 2rem;
  height: 2rem;
}
html .layout47.log-in-box .account-info[data-v-364242ec] {
  display: flex;
  flex-direction: column;
}
html .layout47.log-in-box .account-info .label[data-v-364242ec] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
html .layout47.log-in-box .account-info .sub-label[data-v-364242ec] {
  color: var(--ep-color-text-weaker);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
}
html .layout47.log-in-box .account-info .assets-wrap[data-v-364242ec] {
  color: var(--ep-color-text-warning);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout47.log-in-box[data-v-364242ec] {
  gap: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout47.log-in-box .account-icon[data-v-364242ec] {
  width: 0;
  height: 0;
  overflow: hidden;
  border-radius: 50%;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout47.log-in-box .account-icon.good-img[data-v-364242ec] {
  width: 2rem;
  height: 2rem;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout47.log-in-box .account-info[data-v-364242ec] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout47.log-in-box .account-info .label[data-v-364242ec] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout47.log-in-box .account-info .sub-label[data-v-364242ec] {
  color: var(--ep-color-text-weaker);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
}
#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout47.log-in-box .account-info .assets-wrap[data-v-364242ec] {
  color: var(--ep-color-text-warning);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout51.account[data-v-8e77fb2e] {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  align-self: stretch;
}
.layout51.account .account-icon[data-v-8e77fb2e] {
  width: 0;
  height: 0;
  flex-shrink: 0;
  overflow: hidden;
  border: 1px solid var(--ep-neutral-white-white-100, #FFFFFF);
  border-radius: var(--ep-border-radius-infinity, 9999px);
}
.layout51.account .account-icon.good-img[data-v-8e77fb2e] {
  width: 3.5rem;
  height: 3.5rem;
  align-self: flex-start;
  margin-top: -0.65625rem;
}
.layout51.account .label[data-v-8e77fb2e] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
.is-stuck .layout51.account[data-v-8e77fb2e] {
  align-self: center;
}
.is-stuck .layout51.account .account-icon.good-img[data-v-8e77fb2e] {
  align-self: center;
  margin-top: 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-a38faa3b] {
  /**
	 * 53 号快捷入口：366x140 的不规则两列网格（列 130/90/130、行 70/62、间距 8px）。
	 * 四格各自用 grid-area 定位，见 cardButton/53/index.less。
	 */
}
html .layout1.scroll-box[data-v-a38faa3b] {
  width: 100%;
  overflow: auto;
}
html .layout1.scroll-box .list-box[data-v-a38faa3b] {
  display: flex;
  gap: 0.625rem;
}
html .layout28.scroll-box[data-v-a38faa3b] {
  width: 100%;
}
html .layout28.scroll-box .list-box[data-v-a38faa3b] {
  display: flex;
  gap: 0.75rem;
}
html .layout27.scroll-box[data-v-a38faa3b] {
  position: relative;
  z-index: 2;
  width: auto;
  overflow: auto;
  border-radius: var(--ep-border-radius-surface-small);
  padding: 0.375rem 0.625rem;
  background-color: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout27.scroll-box .list-box[data-v-a38faa3b] {
  display: flex;
  gap: 1.25rem;
}
html .layout37.scroll-box[data-v-a38faa3b] {
  margin-top: 0.75rem;
}
html .layout37.scroll-box .list-box[data-v-a38faa3b] {
  display: flex;
  gap: 0.625rem;
}
html .layout39.scroll-box[data-v-a38faa3b] {
  width: 100%;
  overflow: auto;
}
html .layout39.scroll-box .list-box[data-v-a38faa3b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
html .layout45.scroll-box .list-box[data-v-a38faa3b] {
  gap: 0.5rem;
  display: flex;
  justify-content: flex-end;
}
html .layout49.scroll-box[data-v-a38faa3b] {
  width: 100%;
  margin-left: 1.125rem;
  margin-top: 0.875rem;
}
html .layout49.scroll-box .list-box[data-v-a38faa3b] {
  gap: 0.625rem;
  display: flex;
  color: var(--ep-color-text-highlight-white);
}
html .layout51.scroll-box[data-v-a38faa3b] {
  width: 100%;
  height: 4.5rem;
  border: 0.125rem solid var(--ep-neutral-white-white-100, #FFFFFF);
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  background: linear-gradient(180deg, #FBF5FF 0%, #E7E4FF 100%);
  box-shadow: 0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1), 0 0 0.25rem 0 rgba(151, 138, 255, 0.3) inset;
}
html .layout51.scroll-box .list-box[data-v-a38faa3b] {
  display: flex;
  height: 100%;
}
html .layout53.scroll-box[data-v-a38faa3b] {
  width: 22.875rem;
  margin: 0.625rem auto 0;
}
html .layout53.scroll-box .list-box[data-v-a38faa3b] {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 8.125rem 5.625rem 8.125rem;
  grid-template-rows: 4.375rem 3.875rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index[data-v-a38faa3b] {
  /**
	 * 53 号快捷入口：366x140 的不规则两列网格（列 130/90/130、行 70/62、间距 8px）。
	 * 四格各自用 grid-area 定位，见 cardButton/53/index.less。
	 */
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout1.scroll-box[data-v-a38faa3b] {
  width: 100%;
  overflow: auto;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout1.scroll-box .list-box[data-v-a38faa3b] {
  display: flex;
  gap: 0.625rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout28.scroll-box[data-v-a38faa3b] {
  width: 100%;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout28.scroll-box .list-box[data-v-a38faa3b] {
  display: flex;
  gap: 0.75rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout27.scroll-box[data-v-a38faa3b] {
  position: relative;
  z-index: 2;
  width: auto;
  overflow: auto;
  border-radius: var(--ep-border-radius-surface-small);
  padding: 0.375rem 0.625rem;
  background-color: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout27.scroll-box .list-box[data-v-a38faa3b] {
  display: flex;
  gap: 1.25rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout37.scroll-box[data-v-a38faa3b] {
  margin-top: 0.75rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout37.scroll-box .list-box[data-v-a38faa3b] {
  display: flex;
  gap: 0.625rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout39.scroll-box[data-v-a38faa3b] {
  width: 100%;
  overflow: auto;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout39.scroll-box .list-box[data-v-a38faa3b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout45.scroll-box .list-box[data-v-a38faa3b] {
  gap: 0.5rem;
  display: flex;
  justify-content: flex-end;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout49.scroll-box[data-v-a38faa3b] {
  width: 100%;
  margin-left: 1.125rem;
  margin-top: 0.875rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout49.scroll-box .list-box[data-v-a38faa3b] {
  gap: 0.625rem;
  display: flex;
  color: var(--ep-color-text-highlight-white);
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout51.scroll-box[data-v-a38faa3b] {
  width: 100%;
  height: 4.5rem;
  border: 0.125rem solid var(--ep-neutral-white-white-100, #FFFFFF);
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  background: linear-gradient(180deg, #FBF5FF 0%, #E7E4FF 100%);
  box-shadow: 0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1), 0 0 0.25rem 0 rgba(151, 138, 255, 0.3) inset;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout51.scroll-box .list-box[data-v-a38faa3b] {
  display: flex;
  height: 100%;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout53.scroll-box[data-v-a38faa3b] {
  width: 22.875rem;
  margin: 0.625rem auto 0;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout53.scroll-box .list-box[data-v-a38faa3b] {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 8.125rem 5.625rem 8.125rem;
  grid-template-rows: 4.375rem 3.875rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout30.scroll-box[data-v-e368dc06] {
  width: 100%;
  overflow: hidden;
  display: flex;
  gap: 0.375rem;
}
html .layout30.scroll-box label[data-v-e368dc06] {
  position: relative;
}
html .layout30.scroll-box label img[data-v-e368dc06] {
  width: 6.25rem;
  height: 6.25rem;
}
html .layout30.scroll-box label span[data-v-e368dc06] {
  position: absolute;
  left: 0.625rem;
  bottom: 1.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ep-color-text-inverse);
}
html .layout30.scroll-box label:nth-child(1) span[data-v-e368dc06] {
  color: var(--ep-color-text-brand-primary);
}
html .layout30.scroll-box label:nth-child(2) span[data-v-e368dc06] {
  left: 3.75rem;
  bottom: 0.875rem;
}
html .layout30.scroll-box label:nth-child(3) img[data-v-e368dc06] {
  width: 7.125rem;
}
html .layout30.scroll-box ul[data-v-e368dc06] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
html .layout30.scroll-box ul img[data-v-e368dc06] {
  width: 8.75rem;
  height: 3rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout30.scroll-box[data-v-e368dc06] {
  width: 100%;
  overflow: hidden;
  display: flex;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout30.scroll-box label[data-v-e368dc06] {
  position: relative;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout30.scroll-box label img[data-v-e368dc06] {
  width: 6.25rem;
  height: 6.25rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout30.scroll-box label span[data-v-e368dc06] {
  position: absolute;
  left: 0.625rem;
  bottom: 1.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout30.scroll-box label:nth-child(1) span[data-v-e368dc06] {
  color: var(--ep-color-text-brand-primary);
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout30.scroll-box label:nth-child(2) span[data-v-e368dc06] {
  left: 3.75rem;
  bottom: 0.875rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout30.scroll-box label:nth-child(3) img[data-v-e368dc06] {
  width: 7.125rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout30.scroll-box ul[data-v-e368dc06] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout30.scroll-box ul img[data-v-e368dc06] {
  width: 8.75rem;
  height: 3rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.card-wrap-42[data-v-854dd1bf] {
  display: flex;
  gap: 0.5rem;
  width: 100%;
  overflow: hidden;
}
.card-wrap-42 .card-main[data-v-854dd1bf] {
  position: relative;
  flex: 1;
  height: 7.875rem;
  border-radius: var(--ep-border-radius-l, 0.5rem);
  overflow: hidden;
  cursor: pointer;
}
.card-wrap-42 .card-main .card-bg-placeholder[data-v-854dd1bf] {
  width: 100%;
  height: 100%;
}
.card-wrap-42 .card-main .card-bottom[data-v-854dd1bf] {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1.625rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.card-wrap-42 .card-main.widthdraw[data-v-854dd1bf] {
  background: url('/assets/withdraw42-r2-B93kAmDN.png') center center no-repeat;
  background-size: 100% 100%;
}
.card-wrap-42 .card-main.widthdraw .card-text[data-v-854dd1bf] {
  color: #F8C93A;
}
.card-wrap-42 .card-main.deposit[data-v-854dd1bf] {
  background: url('/assets/deposit42-r2-CbeiAazB.png') center center no-repeat;
  background-size: 100% 100%;
}
.card-wrap-42 .card-main.deposit .card-text[data-v-854dd1bf] {
  color: #0DA86C;
}
.card-wrap-42 .card-side[data-v-854dd1bf] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  flex: 1;
  flex-shrink: 0;
}
.card-wrap-42 .card-side .card-row[data-v-854dd1bf] {
  display: flex;
  flex: 1;
  border-radius: var(--ep-border-radius-l, 0.5rem);
  overflow: hidden;
  cursor: pointer;
}
.card-wrap-42 .card-side .card-row.vip[data-v-854dd1bf] {
  background: url('/assets/vip42-r2-COIAFRTh.png') center center no-repeat;
  background-size: 100% 100%;
}
.card-wrap-42 .card-side .card-row.vip .card-text[data-v-854dd1bf] {
  color: #BF57E0;
}
.card-wrap-42 .card-side .card-row.offers[data-v-854dd1bf] {
  background: url('/assets/offers42-r2-BvhpjD-h.png') center center no-repeat;
  background-size: 100% 100%;
}
.card-wrap-42 .card-side .card-row.offers .card-text[data-v-854dd1bf] {
  color: #6F87EF;
}
.card-wrap-42 .card-side .card-row .card-row-img[data-v-854dd1bf] {
  flex: 1;
  font-size: 0;
}
.card-wrap-42 .card-side .card-row .card-row-img .card-bg-placeholder[data-v-854dd1bf] {
  width: 4.25rem;
  height: 100%;
}
.card-wrap-42 .card-side .card-row .card-row-text[data-v-854dd1bf] {
  width: 3.125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  word-break: break-all;
  text-align: center;
}
.card-wrap-42 .card-icon-placeholder[data-v-854dd1bf] {
  border-radius: 50%;
  flex-shrink: 0;
}
.card-wrap-42 .card-text[data-v-854dd1bf] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
}
.card-wrap-42 .card-main .card-text[data-v-854dd1bf] {
  color: var(--ep-color-text-inverse);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.card-wrap-54[data-v-df4ff3f5] {
  width: 100%;
  height: 12.125rem;
  display: flex;
  gap: 0.5rem;
}
.card-wrap-54 .card[data-v-df4ff3f5] {
  position: relative;
  border-radius: var(--ep-border-radius-l, 0.5rem);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  cursor: pointer;
}
.card-wrap-54 .card-label[data-v-df4ff3f5] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.1875rem;
  white-space: nowrap;
}
.card-wrap-54 .card-text[data-v-df4ff3f5] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  line-height: 1.3125rem;
  background: linear-gradient(90deg, var(--ep-primary-primary-500) -27.5%, var(--ep-secondary-secondary-500) 127.5%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.card-wrap-54 .card-deposit[data-v-df4ff3f5] {
  flex: 140;
  background-image: url('/assets/deposit-54-r2-cxQez7y-.png');
}
.card-wrap-54 .card-deposit .card-label[data-v-df4ff3f5] {
  left: 0.5rem;
  bottom: 1.375rem;
}
.card-wrap-54 .card-side[data-v-df4ff3f5] {
  flex: 218;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}
.card-wrap-54 .card-side-top[data-v-df4ff3f5] {
  flex: 123;
  display: flex;
  gap: 0.5rem;
  min-width: 0;
}
.card-wrap-54 .card-bonus[data-v-df4ff3f5],
.card-wrap-54 .card-vip[data-v-df4ff3f5] {
  flex: 1;
  min-width: 0;
}
.card-wrap-54 .card-bonus .card-label[data-v-df4ff3f5],
.card-wrap-54 .card-vip .card-label[data-v-df4ff3f5] {
  top: 0.625rem;
  left: 50%;
  transform: translateX(-50%);
}
.card-wrap-54 .card-bonus[data-v-df4ff3f5] {
  background-image: url('/assets/bonus-54-r2-CP8nfPWI.png');
}
.card-wrap-54 .card-vip[data-v-df4ff3f5] {
  background-image: url('/assets/vip-54-r2-BHFCopE2.png');
}
.card-wrap-54 .card-withdraw[data-v-df4ff3f5] {
  flex: 63;
  background-image: url('/assets/withdraw-54-r2-B8cA4h9c.png');
}
.card-wrap-54 .card-withdraw .card-label[data-v-df4ff3f5] {
  left: 0.9375rem;
  top: 50%;
  transform: translateY(-50%);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.card-button[data-v-a2f8e7e5] {
  min-width: 5.25rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-body-default, #131F42);
  box-shadow: 0 -0.25rem 0 0 rgba(0, 0, 0, 0.3) inset, 0 0.0625rem 0 0 rgba(255, 255, 255, 0.13) inset;
}
html .layout1.card-button[data-v-a2f8e7e5]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url('/assets/card-bg-1-r2-BFR6d5Iy.png') no-repeat center center / 100% 100%;
  opacity: 0.3;
}
html .layout1.card-button[data-v-a2f8e7e5]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  filter: blur(29.10000038px);
}
html .layout1.card-button[data-v-a2f8e7e5]:nth-child(4n+1)::after {
  background: radial-gradient(100% 100% at 100% 100%, #DE41EA 0%, #DE41EA 40%, rgba(222, 65, 234, 0) 100%);
}
html .layout1.card-button[data-v-a2f8e7e5]:nth-child(4n+2)::after {
  background: radial-gradient(100% 100% at 100% 100%, #14BA3A 0%, #14BA3A 40%, rgba(222, 65, 234, 0) 100%);
}
html .layout1.card-button[data-v-a2f8e7e5]:nth-child(4n+3)::after {
  background: radial-gradient(100% 100% at 100% 100%, #FF2664 0%, #FF2664 40%, rgba(222, 65, 234, 0) 100%);
}
html .layout1.card-button[data-v-a2f8e7e5]:nth-child(4n+4)::after {
  background: radial-gradient(100% 100% at 100% 100%, #2CC1FC 0%, #2CC1FC 40%, rgba(222, 65, 234, 0) 100%);
}
html .layout1.card-button .label[data-v-a2f8e7e5] {
  padding: 0 0.4375rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight-white);
}
html .layout1.card-button .icon[data-v-a2f8e7e5] {
  width: 0;
  height: 0;
  align-self: flex-end;
  position: relative;
  z-index: 10;
}
html .layout1.card-button .icon.good-img[data-v-a2f8e7e5] {
  width: 2.625rem;
  height: 2.625rem;
}
html .layout27.card-button[data-v-a2f8e7e5] {
  width: 4.5rem;
  height: 4.5625rem;
  display: flex;
  flex-direction: column;
  flex-flow: column-reverse;
  overflow: hidden;
  position: relative;
  border-radius: var(--ep-border-radius-surface-small);
}
html .layout27.card-button .label[data-v-a2f8e7e5] {
  position: absolute;
  bottom: 0.25rem;
  left: 0;
  width: 100%;
  color: var(--ep-color-text-highlight-white);
  text-align: center;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
}
html .layout37.card-button[data-v-a2f8e7e5] {
  width: 4.875rem;
  padding-top: 0.1875rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-flow: column-reverse;
  overflow: hidden;
  position: relative;
  border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-default);
  border: 0.0625rem solid var(--ep-color-border-selected);
  box-shadow: 0 -1px 0 0 var(--ep-color-border-selected) inset;
  background: linear-gradient(140deg, var(--ep-color-background-fill-gradients-secondary-b) 1.89%, var(--ep-color-background-fill-glow-secondary-opacity-100) 50%, var(--ep-color-background-fill-gradients-secondary-b) 98.11%);
}
html .layout37.card-button:nth-child(1) .good-img-box .good-img[data-v-a2f8e7e5] {
  width: 1.875rem;
  height: 1.875rem;
}
html .layout37.card-button:nth-child(2) .good-img-box .good-img[data-v-a2f8e7e5] {
  width: 1.875rem;
  height: 1.875rem;
}
html .layout37.card-button:nth-child(3) .good-img-box .good-img[data-v-a2f8e7e5] {
  width: 2.125rem;
  height: 2rem;
}
html .layout37.card-button:nth-child(4) .good-img-box .good-img[data-v-a2f8e7e5] {
  width: 2rem;
  height: 2.25rem;
}
html .layout37.card-button .good-img-box[data-v-a2f8e7e5] {
  position: relative;
  width: 3.4375rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  background: radial-gradient(243.1% 50.76% at 50% 50%, var(--ep-color-background-fill-gradients-primary-a) 14.06%, var(--ep-color-background-fill-gradients-primary-b) 100%);
  box-shadow: inset 0 0 4px #ffffff;
}
html .layout37.card-button .good-img-box[data-v-a2f8e7e5]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: url('/assets/bg-listbox37-r2-H0vGGLe3.png') no-repeat center center / 100% 100%;
}
html .layout37.card-button .label[data-v-a2f8e7e5] {
  width: calc(100% - 0.375rem);
  margin-top: 0.1875rem;
  padding: 0.125rem 0;
  line-height: 1;
  text-align: center;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  margin-bottom: 0.25rem;
  background: var(--ep-color-background-fill-active-disabled);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  box-shadow: 0 0 0.25rem 0 var(--ep-color-border-brand) inset;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button[data-v-a2f8e7e5] {
  min-width: 5.25rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-body-default, #131F42);
  box-shadow: 0 -0.25rem 0 0 rgba(0, 0, 0, 0.3) inset, 0 0.0625rem 0 0 rgba(255, 255, 255, 0.13) inset;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button[data-v-a2f8e7e5]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url('/assets/card-bg-1-r2-BFR6d5Iy.png') no-repeat center center / 100% 100%;
  opacity: 0.3;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button[data-v-a2f8e7e5]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  filter: blur(29.10000038px);
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button[data-v-a2f8e7e5]:nth-child(4n+1)::after {
  background: radial-gradient(100% 100% at 100% 100%, #DE41EA 0%, #DE41EA 40%, rgba(222, 65, 234, 0) 100%);
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button[data-v-a2f8e7e5]:nth-child(4n+2)::after {
  background: radial-gradient(100% 100% at 100% 100%, #14BA3A 0%, #14BA3A 40%, rgba(222, 65, 234, 0) 100%);
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button[data-v-a2f8e7e5]:nth-child(4n+3)::after {
  background: radial-gradient(100% 100% at 100% 100%, #FF2664 0%, #FF2664 40%, rgba(222, 65, 234, 0) 100%);
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button[data-v-a2f8e7e5]:nth-child(4n+4)::after {
  background: radial-gradient(100% 100% at 100% 100%, #2CC1FC 0%, #2CC1FC 40%, rgba(222, 65, 234, 0) 100%);
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button .label[data-v-a2f8e7e5] {
  padding: 0 0.4375rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight-white);
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button .icon[data-v-a2f8e7e5] {
  width: 0;
  height: 0;
  align-self: flex-end;
  position: relative;
  z-index: 10;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button .icon.good-img[data-v-a2f8e7e5] {
  width: 2.625rem;
  height: 2.625rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout27.card-button[data-v-a2f8e7e5] {
  width: 4.5rem;
  height: 4.5625rem;
  display: flex;
  flex-direction: column;
  flex-flow: column-reverse;
  overflow: hidden;
  position: relative;
  border-radius: var(--ep-border-radius-surface-small);
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout27.card-button .label[data-v-a2f8e7e5] {
  position: absolute;
  bottom: 0.25rem;
  left: 0;
  width: 100%;
  color: var(--ep-color-text-highlight-white);
  text-align: center;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout37.card-button[data-v-a2f8e7e5] {
  width: 4.875rem;
  padding-top: 0.1875rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-flow: column-reverse;
  overflow: hidden;
  position: relative;
  border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-default);
  border: 0.0625rem solid var(--ep-color-border-selected);
  box-shadow: 0 -1px 0 0 var(--ep-color-border-selected) inset;
  background: linear-gradient(140deg, var(--ep-color-background-fill-gradients-secondary-b) 1.89%, var(--ep-color-background-fill-glow-secondary-opacity-100) 50%, var(--ep-color-background-fill-gradients-secondary-b) 98.11%);
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout37.card-button:nth-child(1) .good-img-box .good-img[data-v-a2f8e7e5] {
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout37.card-button:nth-child(2) .good-img-box .good-img[data-v-a2f8e7e5] {
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout37.card-button:nth-child(3) .good-img-box .good-img[data-v-a2f8e7e5] {
  width: 2.125rem;
  height: 2rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout37.card-button:nth-child(4) .good-img-box .good-img[data-v-a2f8e7e5] {
  width: 2rem;
  height: 2.25rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout37.card-button .good-img-box[data-v-a2f8e7e5] {
  position: relative;
  width: 3.4375rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  background: radial-gradient(243.1% 50.76% at 50% 50%, var(--ep-color-background-fill-gradients-primary-a) 14.06%, var(--ep-color-background-fill-gradients-primary-b) 100%);
  box-shadow: inset 0 0 4px #ffffff;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout37.card-button .good-img-box[data-v-a2f8e7e5]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: url('/assets/bg-listbox37-r2-H0vGGLe3.png') no-repeat center center / 100% 100%;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout37.card-button .label[data-v-a2f8e7e5] {
  width: calc(100% - 0.375rem);
  margin-top: 0.1875rem;
  padding: 0.125rem 0;
  line-height: 1;
  text-align: center;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  margin-bottom: 0.25rem;
  background: var(--ep-color-background-fill-active-disabled);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  box-shadow: 0 0 0.25rem 0 var(--ep-color-border-brand) inset;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .card-button[data-v-12ebbea0] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5625rem 0 0.3125rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #252C32);
}
html .card-button .icon[data-v-12ebbea0] {
  display: block;
  background-size: 400% 100%;
  width: 1.875rem;
  height: 1.875rem;
}
html .card-button .label[data-v-12ebbea0] {
  padding: 0.375rem 0.125rem 0;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak, #1D252D);
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-2-index .card-button[data-v-12ebbea0] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5625rem 0 0.3125rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #252C32);
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-2-index .card-button .icon[data-v-12ebbea0] {
  display: block;
  background-size: 400% 100%;
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-2-index .card-button .label[data-v-12ebbea0] {
  padding: 0.375rem 0.125rem 0;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak, #1D252D);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout28.card-button[data-v-403a436c] {
  gap: 0.375rem;
  z-index: 1;
  display: flex;
  overflow: hidden;
  height: 5.625rem;
  min-width: 4.75rem;
  position: relative;
  flex-direction: column;
  padding-top: 0.125rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background-color: var(--ep-color-background-fill-surface-raised-L2);
  background-image: url('/assets/bg-user-info-light-28-r2-CDhxVbSP.svg'), url('/assets/bg-user-info-watermark-28-r2-CWmtTt8I.svg');
  background-repeat: no-repeat;
  background-size: 100% auto;
}
html .layout28.card-button[data-v-403a436c]::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 0.0625rem;
  background: linear-gradient(0deg, #0095FF, #39EBD2);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
html .layout28.card-button .label[data-v-403a436c] {
  z-index: 10;
  text-align: center;
  position: relative;
  padding: 0 0.4375rem;
  color: var(--ep-color-text-highlight-white);
  white-space: nowrap;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
html .layout28.card-button .label ion-icon[data-v-403a436c] {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  position: absolute;
  color: #0F2CB4;
}
html .layout28.card-button .icon[data-v-403a436c] {
  width: 0;
  height: 0;
  align-self: center;
  position: relative;
  z-index: -1;
  background-image: url('/assets/bg-user-info-icon-28-r2-ZUDKQIF3.svg');
  background-size: 100% 100%;
}
html .layout28.card-button .icon.good-img[data-v-403a436c] {
  width: 3.625rem;
  height: 3.625rem;
  padding: 0.625rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout28.card-button[data-v-403a436c] {
  gap: 0.375rem;
  z-index: 1;
  display: flex;
  overflow: hidden;
  height: 5.625rem;
  min-width: 4.75rem;
  position: relative;
  flex-direction: column;
  padding-top: 0.125rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background-color: var(--ep-color-background-fill-surface-raised-L2);
  background-image: url('/assets/bg-user-info-light-28-r2-CDhxVbSP.svg'), url('/assets/bg-user-info-watermark-28-r2-CWmtTt8I.svg');
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout28.card-button[data-v-403a436c]::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 0.0625rem;
  background: linear-gradient(0deg, #0095FF, #39EBD2);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout28.card-button .label[data-v-403a436c] {
  z-index: 10;
  text-align: center;
  position: relative;
  padding: 0 0.4375rem;
  color: var(--ep-color-text-highlight-white);
  white-space: nowrap;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout28.card-button .label ion-icon[data-v-403a436c] {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  position: absolute;
  color: #0F2CB4;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout28.card-button .icon[data-v-403a436c] {
  width: 0;
  height: 0;
  align-self: center;
  position: relative;
  z-index: -1;
  background-image: url('/assets/bg-user-info-icon-28-r2-ZUDKQIF3.svg');
  background-size: 100% 100%;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout28.card-button .icon.good-img[data-v-403a436c] {
  width: 3.625rem;
  height: 3.625rem;
  padding: 0.625rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.card-button[data-v-ade79b40] {
  z-index: 1;
  width: 5rem;
  position: relative;
  height: 6.625rem;
}
html .layout1.card-button .top-circle[data-v-ade79b40] {
  width: 2.875rem;
  height: 2.875rem;
  border-radius: 50%;
  background: linear-gradient(180deg, #737373 0%, #FFF5F5 48.08%, #A6A6A6 100%);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #CEFF46;
  box-sizing: border-box;
}
html .layout1.card-button .top-circle .top-icon[data-v-ade79b40] {
  width: 2.625rem;
  height: 2.625rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  border-radius: 50%;
  border: 1px solid #FAF953;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .layout1.card-button .top-circle .top-icon .good-img[data-v-ade79b40] {
  width: 2.0625rem;
  height: 2.0625rem;
}
html .layout1.card-button .tab-wrap[data-v-ade79b40] {
  width: 5rem;
  height: 5rem;
  background: url('/assets/card-btn-39-r2-BVfa9PoI.png') no-repeat 0 0 / 20rem 5rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
html .layout1.card-button .tab-wrap .label[data-v-ade79b40] {
  z-index: 10;
  text-align: center;
  position: absolute;
  padding: 0 0.4375rem;
  color: var(--ep-color-text-highlight-white);
  white-space: nowrap;
  min-width: 4.125rem;
  height: 1.375rem;
  line-height: 22px;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  border-radius: var(--ep-border-radius-surface-small);
  border: 1px solid;
  box-sizing: border-box;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.5rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button[data-v-ade79b40] {
  z-index: 1;
  width: 5rem;
  position: relative;
  height: 6.625rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button .top-circle[data-v-ade79b40] {
  width: 2.875rem;
  height: 2.875rem;
  border-radius: 50%;
  background: linear-gradient(180deg, #737373 0%, #FFF5F5 48.08%, #A6A6A6 100%);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #CEFF46;
  box-sizing: border-box;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button .top-circle .top-icon[data-v-ade79b40] {
  width: 2.625rem;
  height: 2.625rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  border-radius: 50%;
  border: 1px solid #FAF953;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button .top-circle .top-icon .good-img[data-v-ade79b40] {
  width: 2.0625rem;
  height: 2.0625rem;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button .tab-wrap[data-v-ade79b40] {
  width: 5rem;
  height: 5rem;
  background: url('/assets/card-btn-39-r2-BVfa9PoI.png') no-repeat 0 0 / 20rem 5rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button .tab-wrap .label[data-v-ade79b40] {
  z-index: 10;
  text-align: center;
  position: absolute;
  padding: 0 0.4375rem;
  color: var(--ep-color-text-highlight-white);
  white-space: nowrap;
  min-width: 4.125rem;
  height: 1.375rem;
  line-height: 22px;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  border-radius: var(--ep-border-radius-surface-small);
  border: 1px solid;
  box-sizing: border-box;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.5rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout51.card-button[data-v-4b90a2bd] {
  flex: 1;
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
  padding-top: 0.8125rem;
}
.layout51.card-button .icon.good-img[data-v-4b90a2bd] {
  width: 1.75rem;
  height: 1.625rem;
}
.layout51.card-button .label[data-v-4b90a2bd] {
  margin-top: 0.3125rem;
  text-align: center;
  white-space: nowrap;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
}
.layout51.card-button[data-v-4b90a2bd]:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.125rem;
  height: 4.25rem;
  transform: translateY(-50%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #D2CCFF 50.4%, rgba(255, 255, 255, 0) 100%);
}
.layout45.card-button[data-v-4b90a2bd] {
  display: flex;
  overflow: hidden;
  align-items: center;
  flex-direction: column;
  min-width: 2.5rem;
}
.layout45.card-button .label[data-v-4b90a2bd] {
  z-index: 10;
  text-align: center;
  position: relative;
  white-space: nowrap;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
}
.layout45.card-button .icon.good-img[data-v-4b90a2bd] {
  width: 1.5rem;
  height: 1.375rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.card-button[data-v-0483c38c] {
  display: flex;
  width: 4.625rem;
  height: 4.125rem;
  position: relative;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.card-button .bg-card[data-v-0483c38c] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.card-button .icon[data-v-0483c38c] {
  z-index: 1;
  width: 2.25rem;
  height: 2.25rem;
  position: relative;
}
.card-button .label[data-v-0483c38c] {
  z-index: 1;
  position: relative;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
/**
 * 53 号快捷入口卡。设计稿 366x140 的两列网格里四格尺寸各不相同，
 * 由每格自己声明 grid-area（容器网格在 cardWrap/1/index.less 的 .layout53）：
 *
 *   ┌──────────┬────────┬──────────┐
 *   │          │  VIP   │  Bônus   │  70px
 *   │ Depósito ├────────┴──────────┤
 *   │          │      Saque        │  62px
 *   └──────────┴───────────────────┘
 *     130px      90px      130px
 */
.card-button[data-v-37c753f8] {
  position: relative;
  display: flex;
  overflow: hidden;
  cursor: pointer;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 0.375rem;
}
.card-button .bg-card[data-v-37c753f8] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.card-button .label-row[data-v-37c753f8] {
  display: flex;
  align-items: center;
  z-index: 1;
  position: relative;
  gap: 0.25rem;
}
.card-button .icon[data-v-37c753f8] {
  width: 0.875rem;
  height: 0.875rem;
  flex-shrink: 0;
}
.card-button .label[data-v-37c753f8] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-neutral-white-white-100, #fff);
}
.card-button.entrar[data-v-37c753f8] {
  grid-area: 1 / 1 / 3 / 2;
}
.card-button.vip[data-v-37c753f8] {
  grid-area: 1 / 2 / 2 / 3;
}
.card-button.bonus[data-v-37c753f8] {
  grid-area: 1 / 3 / 2 / 4;
}
.card-button.withdraw[data-v-37c753f8] {
  grid-area: 2 / 2 / 3 / 4;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 0 0.8125rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 35;
  background: var(--ep-color-background-fill-surface-lowered, #101B3C);
}
html .layout2.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  padding-left: var(--padding-left);
  padding-right: var(--padding-right);
  top: 0;
  z-index: 35;
  background: var(--ep-color-background-fill-surface-lowered, #101B3C);
}
html .layout2.wrapper[data-v-ade9624e]::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--padding-left);
  right: var(--padding-right);
  background-image: var(--data-icon1);
  background-size: 100% 60%;
  background-position: center bottom;
  background-repeat: no-repeat;
}
html .layout3.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  padding-left: var(--padding-left);
  padding-right: var(--padding-right);
  top: 0;
  z-index: 35;
  background: var(--ep-color-background-fill-surface-lowered, #101B3C);
}
html .layout3.wrapper[data-v-ade9624e]::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.5;
  background-image: var(--data-icon1);
}
html .layout28.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 35;
  padding-inline: 0.75rem;
  scrollbar-width: none;
  overflow: hidden auto;
}
html .layout30.wrapper[data-v-ade9624e] {
  background: var(--ep-color-background-fill-body-default);
  position: sticky;
  margin-top: 1rem;
  z-index: 39;
  top: 0;
}
html .layout30.wrapper[data-v-ade9624e]::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2.625rem;
  background-image: linear-gradient(135deg, var(--ep-color-background-fill-surface-raised-L2) 0%, var(--ep-color-background-fill-surface-raised-L2) 20%, var(--ep-color-border-default) 20%, var(--ep-color-border-default) 30%, var(--ep-color-background-fill-surface-raised-L2) 30%, var(--ep-color-background-fill-surface-raised-L2) 45%, var(--ep-color-border-default) 45%, var(--ep-color-border-default) 55%, var(--ep-color-background-fill-surface-raised-L2) 55%, var(--ep-color-background-fill-surface-raised-L2) 70%, var(--ep-color-border-default) 70%, var(--ep-color-border-default) 80%, var(--ep-color-background-fill-surface-raised-L2) 80%);
}
html .layout37.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 35;
  padding-bottom: 0.625rem;
}
html .layout38.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 35;
  padding-inline: 0.75rem;
  scrollbar-width: none;
  overflow: hidden auto;
}
html .layout40.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 35;
  background: var(--ep-color-background-fill-body-default);
}
html .layout42.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 35;
  background: var(--ep-color-background-fill-body-default);
  padding: 0.75rem 0;
}
html .layout46.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 35;
  background: var(--ep-color-background-fill-body-default);
  padding: 0.75rem 0;
}
html .layout51.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 35;
  background: var(--ep-color-background-fill-body-default);
}
html .layout51.wrapper ion-segment[data-v-ade9624e] {
  gap: 0.75rem;
  padding: 0 0.75rem 0.375rem;
  margin-bottom: -0.375rem;
}
html .layout51.wrapper[data-v-ade9624e] ion-segment-button::part(native) {
  contain: layout style;
  overflow: visible;
}
html .layout51.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 35;
  background: var(--ep-color-background-fill-body-default);
}
html .layout51.wrapper ion-segment[data-v-ade9624e] {
  gap: 0.75rem;
  padding: 0 0.75rem 0.375rem;
  margin-bottom: -0.375rem;
}
html .layout51.wrapper[data-v-ade9624e] ion-segment-button::part(native) {
  contain: layout style;
  overflow: visible;
}
html .layout54.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 35;
  background: var(--ep-color-background-fill-surface-lowered);
  margin: 0.625rem 0;
}
#tabbar-tabs-inicio-components-Segment-index .layout1.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 35;
  background: var(--ep-color-background-fill-surface-lowered, #101B3C);
}
#tabbar-tabs-inicio-components-Segment-index .layout2.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  padding-left: var(--padding-left);
  padding-right: var(--padding-right);
  top: 0;
  z-index: 35;
  background: var(--ep-color-background-fill-surface-lowered, #101B3C);
}
#tabbar-tabs-inicio-components-Segment-index .layout2.wrapper[data-v-ade9624e]::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--padding-left);
  right: var(--padding-right);
  background-image: var(--data-icon1);
  background-size: 100% 60%;
  background-position: center bottom;
  background-repeat: no-repeat;
}
#tabbar-tabs-inicio-components-Segment-index .layout3.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  padding-left: var(--padding-left);
  padding-right: var(--padding-right);
  top: 0;
  z-index: 35;
  background: var(--ep-color-background-fill-surface-lowered, #101B3C);
}
#tabbar-tabs-inicio-components-Segment-index .layout3.wrapper[data-v-ade9624e]::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.5;
  background-image: var(--data-icon1);
}
#tabbar-tabs-inicio-components-Segment-index .layout28.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 35;
  padding-inline: 0.75rem;
  scrollbar-width: none;
  overflow: hidden auto;
}
#tabbar-tabs-inicio-components-Segment-index .layout30.wrapper[data-v-ade9624e] {
  background: var(--ep-color-background-fill-body-default);
  position: sticky;
  margin-top: 1rem;
  z-index: 39;
  top: 0;
}
#tabbar-tabs-inicio-components-Segment-index .layout30.wrapper[data-v-ade9624e]::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2.625rem;
  background-image: linear-gradient(135deg, var(--ep-color-background-fill-surface-raised-L2) 0%, var(--ep-color-background-fill-surface-raised-L2) 20%, var(--ep-color-border-default) 20%, var(--ep-color-border-default) 30%, var(--ep-color-background-fill-surface-raised-L2) 30%, var(--ep-color-background-fill-surface-raised-L2) 45%, var(--ep-color-border-default) 45%, var(--ep-color-border-default) 55%, var(--ep-color-background-fill-surface-raised-L2) 55%, var(--ep-color-background-fill-surface-raised-L2) 70%, var(--ep-color-border-default) 70%, var(--ep-color-border-default) 80%, var(--ep-color-background-fill-surface-raised-L2) 80%);
}
#tabbar-tabs-inicio-components-Segment-index .layout37.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 35;
  padding-bottom: 0.625rem;
}
#tabbar-tabs-inicio-components-Segment-index .layout38.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 35;
  padding-inline: 0.75rem;
  scrollbar-width: none;
  overflow: hidden auto;
}
#tabbar-tabs-inicio-components-Segment-index .layout40.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 35;
  background: var(--ep-color-background-fill-body-default);
}
#tabbar-tabs-inicio-components-Segment-index .layout42.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 35;
  background: var(--ep-color-background-fill-body-default);
  padding: 0.75rem 0;
}
#tabbar-tabs-inicio-components-Segment-index .layout46.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 35;
  background: var(--ep-color-background-fill-body-default);
  padding: 0.75rem 0;
}
#tabbar-tabs-inicio-components-Segment-index .layout51.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 35;
  background: var(--ep-color-background-fill-body-default);
}
#tabbar-tabs-inicio-components-Segment-index .layout51.wrapper ion-segment[data-v-ade9624e] {
  gap: 0.75rem;
  padding: 0 0.75rem 0.375rem;
  margin-bottom: -0.375rem;
}
#tabbar-tabs-inicio-components-Segment-index .layout51.wrapper[data-v-ade9624e] ion-segment-button::part(native) {
  contain: layout style;
  overflow: visible;
}
#tabbar-tabs-inicio-components-Segment-index .layout51.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 35;
  background: var(--ep-color-background-fill-body-default);
}
#tabbar-tabs-inicio-components-Segment-index .layout51.wrapper ion-segment[data-v-ade9624e] {
  gap: 0.75rem;
  padding: 0 0.75rem 0.375rem;
  margin-bottom: -0.375rem;
}
#tabbar-tabs-inicio-components-Segment-index .layout51.wrapper[data-v-ade9624e] ion-segment-button::part(native) {
  contain: layout style;
  overflow: visible;
}
#tabbar-tabs-inicio-components-Segment-index .layout54.wrapper[data-v-ade9624e] {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 35;
  background: var(--ep-color-background-fill-surface-lowered);
  margin: 0.625rem 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.swiper-wrap[data-v-70960942] {
  background: var(--ep-color-background-fill-surface-raised-L1, #18254E);
}
.swiper-wrap.layout39[data-v-70960942] {
  background: var(--ep-color-background-fill-body-default, #18254E);
  position: relative;
  height: 5rem;
  padding-top: 1.125rem;
  width: 22.875rem;
  margin: 0 auto;
}
.swiper-wrap.layout39[data-v-70960942]::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2.375rem;
  width: 100%;
  background: var(--ep-color-background-fill-surface-raised-L2);
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.swiper-wrap[data-v-fe5356b8] {
  background: var(--ep-color-background-fill-body-default, #18254E);
  position: sticky;
  top: 0;
  z-index: 35;
  height: 5rem;
  width: 22.875rem;
  margin: 0 auto;
}
.swiper-wrap .bottom-box[data-v-fe5356b8] {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2.375rem;
  width: 100%;
  background: var(--ep-color-background-fill-surface-raised-L2);
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.ranking-area.layout49[data-v-045c7a77] {
  margin-top: 0.75rem;
}
.ranking-area.layout49 .top-three-area[data-v-045c7a77] {
  height: 21.875rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
  border-radius: var(--ep-border-radius-m, 0.375rem) var(--ep-border-radius-m, 0.375rem) 0 0;
}
@keyframes scaleFade-045c7a77 {
0% {
    transform: scale(0.5);
    opacity: 1;
}
50% {
    transform: scale(2);
    opacity: 0.5;
}
100% {
    transform: scale(3.5);
    opacity: 0;
}
}
@keyframes scroll-up-045c7a77 {
0% {
    transform: translateY(0);
}
100% {
    transform: translateY(-100%);
}
}
.new-skin-symbol .ranking-area[data-v-045c7a77] {
  width: 100%;
  padding-bottom: 1.25rem;
}
.new-skin-symbol .ranking-area.layout28[data-v-045c7a77] {
  background: var(--ep-color-background-fill-surface-raised-L1);
}
.new-skin-symbol .ranking-area.layout42[data-v-045c7a77] {
  background: url('/assets/ranking-bg-42-r2-BwMPuCAL.svg') no-repeat center center;
  background-size: 100% 100%;
  margin-top: 0.75rem;
}
.new-skin-symbol .ranking-area.layout46[data-v-045c7a77] {
  height: 31.5rem;
  background: url('/assets/ranking-bg-46-r2-Fnh5N_GM.png') no-repeat center center;
  background-size: 100% 100%;
  margin-top: 0.75rem;
}
.new-skin-symbol .ranking-area.layout53[data-v-045c7a77] {
  margin-top: 0.75rem;
}
.new-skin-symbol .ranking-area.layout54[data-v-045c7a77] {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #003630 0%, #000403 100%) no-repeat top / 100% 25rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-segment[data-v-ed8b809a] {
  --background: transparent;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  position: sticky;
  top: 0;
  z-index: 10;
}
div.layout38 ion-segment[data-v-ed8b809a] {
  border-radius: 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html ion-segment[data-v-9b6676fe] {
  --background: transparent;
  width: 100%;
  display: flex;
  gap: 0.625rem;
}
.amber-purple .order-container .segment-c ion-segment[data-v-9b6676fe] {
  --background: #2C294D;
}
.amber-purple .order-container .segment-c ion-segment[data-v-9b6676fe] .btn-wall {
  margin: 0;
  gap: 0.125rem;
}
.amber-purple .order-container .segment-c ion-segment[data-v-9b6676fe] .btn-wall ion-label {
  font-size: 0.75rem;
  color: var(--ep-color-text-default);
}
.green-default .order-container .segment-c ion-segment[data-v-9b6676fe] {
  --background: #2b4f14;
}
.green-default .order-container .segment-c ion-segment[data-v-9b6676fe] .btn-wall {
  margin: 0;
  gap: 0.125rem;
}
.green-default .order-container .segment-c ion-segment[data-v-9b6676fe] .btn-wall ion-label {
  font-size: 0.75rem;
  color: var(--ep-color-text-default);
}
.blue-default .order-container .segment-c ion-segment[data-v-9b6676fe] {
  --background: #131826;
}
.blue-default .order-container .segment-c ion-segment[data-v-9b6676fe] .btn-wall {
  margin: 0;
  gap: 0.125rem;
}
.blue-default .order-container .segment-c ion-segment[data-v-9b6676fe] .btn-wall ion-label {
  font-size: 0.75rem;
  color: var(--ep-color-text-default);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-segment[data-v-412c45ad] {
  --background: transparent;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  position: sticky;
  top: 0;
  z-index: 10;
}
div.layout38 ion-segment[data-v-412c45ad] {
  border-radius: 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html ion-segment[data-v-07ba19b7] {
  --background: transparent;
  width: 100%;
  display: flex;
  gap: 0.625rem;
}
.blue-default ion-segment[data-v-07ba19b7] {
  --background: #131826;
}
.blue-default .home-type-Platform.v01 ion-segment[data-v-07ba19b7],
.blue-default .home-type-Platform.v02 ion-segment[data-v-07ba19b7] {
  --background: transparent;
}
.blue-default .home-type-GameType.v01 ion-segment[data-v-07ba19b7] {
  --background: transparent;
}
.green-default ion-segment[data-v-07ba19b7] {
  --background: #2b4f14;
}
.green-default .home-type-Platform.v01 ion-segment[data-v-07ba19b7],
.green-default .home-type-Platform.v02 ion-segment[data-v-07ba19b7] {
  --background: transparent;
}
.amber-purple ion-segment[data-v-07ba19b7] {
  --background: #2C294D;
}
.amber-purple .home-type-Platform.v01 ion-segment[data-v-07ba19b7],
.amber-purple .home-type-Platform.v02 ion-segment[data-v-07ba19b7] {
  --background: transparent;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1 .nav-item.swiper-slide[data-v-54c7f915]:first-child {
  margin-left: 0.625rem;
}
html .layout1 .nav-item .nav-item-content[data-v-54c7f915] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.625rem;
}
html .layout1 .nav-item .nav-item-content[data-v-54c7f915]:last-child {
  justify-content: flex-start;
}
html .layout2 .nav-item .nav-item-content[data-v-54c7f915] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.625rem;
}
html .layout2 .nav-item .nav-item-content[data-v-54c7f915]:last-child {
  justify-content: flex-start;
}
#tabbar-tabs-inicio-components-Segment-components-segmentLayout-swiper-platform-index .layout1 .nav-item.swiper-slide[data-v-54c7f915]:first-child {
  margin-left: 0.625rem;
}
#tabbar-tabs-inicio-components-Segment-components-segmentLayout-swiper-platform-index .layout1 .nav-item .nav-item-content[data-v-54c7f915] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.625rem;
}
#tabbar-tabs-inicio-components-Segment-components-segmentLayout-swiper-platform-index .layout1 .nav-item .nav-item-content[data-v-54c7f915]:last-child {
  justify-content: flex-start;
}
#tabbar-tabs-inicio-components-Segment-components-segmentLayout-swiper-platform-index .layout2 .nav-item .nav-item-content[data-v-54c7f915] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.625rem;
}
#tabbar-tabs-inicio-components-Segment-components-segmentLayout-swiper-platform-index .layout2 .nav-item .nav-item-content[data-v-54c7f915]:last-child {
  justify-content: flex-start;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1 .nav-item.swiper-slide[data-v-78d4491c]:first-child {
  margin-left: 0.625rem;
}
html .layout1 .nav-item .nav-item-content[data-v-78d4491c] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.625rem;
}
html .layout1 .nav-item .nav-item-content[data-v-78d4491c]:last-child {
  justify-content: flex-start;
}
html .layout2 .nav-item .nav-item-content[data-v-78d4491c] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.625rem;
}
html .layout2 .nav-item .nav-item-content[data-v-78d4491c]:last-child {
  justify-content: flex-start;
}
#tabbar-tabs-inicio-components-Segment-components-segmentLayout-swiper-category-index .layout1 .nav-item.swiper-slide[data-v-78d4491c]:first-child {
  margin-left: 0.625rem;
}
#tabbar-tabs-inicio-components-Segment-components-segmentLayout-swiper-category-index .layout1 .nav-item .nav-item-content[data-v-78d4491c] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.625rem;
}
#tabbar-tabs-inicio-components-Segment-components-segmentLayout-swiper-category-index .layout1 .nav-item .nav-item-content[data-v-78d4491c]:last-child {
  justify-content: flex-start;
}
#tabbar-tabs-inicio-components-Segment-components-segmentLayout-swiper-category-index .layout2 .nav-item .nav-item-content[data-v-78d4491c] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.625rem;
}
#tabbar-tabs-inicio-components-Segment-components-segmentLayout-swiper-category-index .layout2 .nav-item .nav-item-content[data-v-78d4491c]:last-child {
  justify-content: flex-start;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-segment-button.init-segment[data-v-5adc8d47] {
  flex-shrink: 0;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  height: min-content;
  min-width: min-content;
  margin: 0;
  --background: transparent;
  --indicator-transition: none;
  --indicator-color: transparent;
  --indicator-box-shadow: none;
}
ion-segment-button[data-v-5adc8d47]:first-child {
  margin-left: auto;
}
ion-segment-button[data-v-5adc8d47]:last-of-type {
  margin-right: auto;
}
ion-segment-button.layout28[data-v-5adc8d47]:first-child {
  margin-left: unset;
}
.layout28.wrapper .column ion-segment ion-segment-button.POPULAR[data-v-5adc8d47] {
  display: none;
}
.layout28.wrapper ion-segment ion-segment-button.layout11.POPULAR[data-v-5adc8d47] {
  display: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-segment-button.init-segment[data-v-77dc15db] {
  flex-shrink: 0;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  height: min-content;
  min-width: min-content;
  margin: 0;
  --background: transparent;
  --indicator-transition: none;
  --indicator-color: transparent;
  --indicator-box-shadow: none;
}
ion-segment-button[data-v-77dc15db]:first-child {
  margin-left: auto;
}
ion-segment-button[data-v-77dc15db]:last-of-type {
  margin-right: auto;
}
.layout28.wrapper .column ion-segment ion-segment-button.POPULAR[data-v-77dc15db] {
  display: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.line[data-v-11491560] {
  width: 0.5rem;
  height: var(--height, 0.125rem);
  background: var(--ep-color-icon-selected, #94FF7F);
  position: absolute;
  bottom: 0.0938rem;
  left: 0;
  z-index: 10;
  transition: transform 0.3s ease-in-out;
  box-shadow: var(--box-shadow, 0 0 0.25rem 0 var(--ep-color-icon-selected, #94FF7F));
  border-radius: 0.125rem;
}
#tabbar-tabs-inicio-components-Segment-components-checked-1-index .layout1.line[data-v-11491560] {
  width: 0.5rem;
  height: var(--height, 0.125rem);
  background: var(--ep-color-icon-selected, #94FF7F);
  position: absolute;
  bottom: 0.0938rem;
  left: 0;
  z-index: 10;
  transition: transform 0.3s ease-in-out;
  box-shadow: var(--box-shadow, 0 0 0.25rem 0 var(--ep-color-icon-selected, #94FF7F));
  border-radius: 0.125rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.btn-wall .type-img[data-v-8e77e16d] {
  display: block;
  background-size: 800% 500%;
  width: 7.5rem;
  height: 3.25rem;
}
html .layout2.btn-wall[data-v-8e77e16d] {
  min-width: 4.375rem;
  padding: 0.125rem 0.25rem 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
html .layout2.btn-wall .type-img[data-v-8e77e16d] {
  display: block;
  background-size: 700% 100%;
  width: 2.375rem;
  height: 2.375rem;
}
html .layout2.btn-wall .label[data-v-8e77e16d] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-weaker);
}
html .active .layout2.btn-wall .label[data-v-8e77e16d] {
  color: var(--ep-color-text-default);
}
html .layout3.btn-wall[data-v-8e77e16d] {
  padding: 0.25rem 0.25rem 0.25rem 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #252C32);
}
html .layout3.btn-wall .type-img[data-v-8e77e16d] {
  flex-shrink: 0;
  display: block;
  background-size: 800% 500%;
  width: 2rem;
  height: 2rem;
}
html .layout3.btn-wall .type-icon[data-v-8e77e16d] {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
html .layout3.btn-wall .label[data-v-8e77e16d] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-weaker);
}
html .layout4.btn-wall[data-v-8e77e16d] {
  width: 4.375rem;
  margin: 0.0625rem;
  padding: 0.25rem 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
html .layout4.btn-wall .type-icon[data-v-8e77e16d],
html .layout4.btn-wall .type-img[data-v-8e77e16d] {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}
html .layout4.btn-wall .type-img[data-v-8e77e16d] {
  display: block;
  background-size: 800% 500%;
}
html .layout4.btn-wall .label[data-v-8e77e16d] {
  width: 100%;
  margin-bottom: 0.3125rem;
  line-height: 1;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak, #fff);
}
html .layout30.btn-wall[data-v-8e77e16d] {
  display: flex;
  align-items: center;
  height: 3.75rem;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-dynamic-secondary);
}
html .layout30.btn-wall .type-img[data-v-8e77e16d] {
  flex-shrink: 0;
  display: block;
  background-size: 800% 500%;
  width: 2rem;
  height: 2rem;
}
html .layout30.btn-wall .type-icon[data-v-8e77e16d] {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
html .layout30.btn-wall .label[data-v-8e77e16d] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-weaker);
}
html .layout37.btn-wall[data-v-8e77e16d] {
  position: relative;
  width: 4rem;
  height: 4.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  border-radius: var(--ep-border-radius-surface-default);
}
html .layout37.btn-wall[data-v-8e77e16d]::after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  height: 3.75rem;
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-tertiary-a) 0%, var(--ep-color-background-fill-gradients-tertiary-b) 100%);
}
html .layout37.btn-wall .type-icon[data-v-8e77e16d],
html .layout37.btn-wall .type-img[data-v-8e77e16d] {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}
html .layout37.btn-wall .type-img[data-v-8e77e16d] {
  display: block;
  background-size: 800% 500%;
}
html .layout37.btn-wall .label[data-v-8e77e16d] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  line-height: 1;
  line-height: 1.25rem;
  height: 1.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-inverse);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.4), 0 0 0 0 var(--ep-color-border-brand);
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a) 0%, var(--ep-color-background-fill-gradients-secondary-b) 118.75%);
}
html .layout42.btn-wall[data-v-8e77e16d] {
  padding: 0 0.625rem;
  display: flex;
  align-items: center;
  height: 2.5rem;
  border-radius: var(--ep-border-radius-xl);
  background: linear-gradient(180deg, #6FF7C7 0%, #F6F6F8 100%);
}
html .layout42.btn-wall .type-img[data-v-8e77e16d] {
  flex-shrink: 0;
  display: block;
  background-size: 800% 500%;
  width: 1.875rem;
  height: 1.875rem;
}
html .layout42.btn-wall .type-icon[data-v-8e77e16d] {
  width: 1.875rem;
  height: 1.875rem;
  font-size: 1.875rem;
}
html .layout42.btn-wall .label[data-v-8e77e16d] {
  line-height: 1;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-inverse);
}
html .layout46.btn-wall[data-v-8e77e16d] {
  padding: 0 0.625rem;
  display: flex;
  align-items: center;
  height: 2.5rem;
  border-radius: var(--ep-border-radius-surface-small);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-primary-b) 0%, var(--ep-color-background-fill-gradients-primary-a) 100%);
  border: 0.0625rem solid var(--ep-color-border-brand);
}
html .layout46.btn-wall .type-img[data-v-8e77e16d] {
  flex-shrink: 0;
  display: block;
  background-size: 800% 500%;
  width: 1.875rem;
  height: 1.875rem;
}
html .layout46.btn-wall .type-icon[data-v-8e77e16d] {
  width: 1.875rem;
  height: 1.875rem;
  font-size: 1.875rem;
}
html .layout46.btn-wall .label[data-v-8e77e16d] {
  line-height: 1;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
html .layout54.btn-wall[data-v-8e77e16d] {
  box-sizing: border-box;
  width: 5.8125rem;
  height: 2.5rem;
  padding: 0 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  background: url('/assets/tab-bg-54-r2-BmlDkCn8.svg') no-repeat center center / 100% 100%;
}
html .layout54.btn-wall .type-img[data-v-8e77e16d] {
  flex-shrink: 0;
  display: block;
  background-size: 800% 500%;
  width: 1.875rem;
  height: 1.875rem;
}
html .layout54.btn-wall .type-icon[data-v-8e77e16d] {
  flex-shrink: 0;
  width: 1.875rem;
  height: 1.875rem;
  font-size: 1.875rem;
}
html .layout54.btn-wall .label[data-v-8e77e16d] {
  min-width: 0;
  line-height: 1.125rem;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-highlight-white);
}
.blue-default[data-v-8e77e16d] {
  --ep-color-text-default: #fff;
  --ep-color-text-weaker: #9ba7be;
}
.green-default[data-v-8e77e16d] {
  --ep-color-text-default: #AFC69F;
  --ep-color-text-weaker: #AFC69F;
}
.amber-purple[data-v-8e77e16d] {
  --ep-color-text-default: #bdb8e1;
  --ep-color-text-weaker: #bdb8e1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout1.btn-wall .type-img[data-v-8e77e16d] {
  display: block;
  background-size: 800% 500%;
  width: 7.5rem;
  height: 3.25rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout2.btn-wall[data-v-8e77e16d] {
  min-width: 4.375rem;
  padding: 0.125rem 0.25rem 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout2.btn-wall .type-img[data-v-8e77e16d] {
  display: block;
  background-size: 700% 100%;
  width: 2.375rem;
  height: 2.375rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout2.btn-wall .label[data-v-8e77e16d] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .active .layout2.btn-wall .label[data-v-8e77e16d] {
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout3.btn-wall[data-v-8e77e16d] {
  padding: 0.25rem 0.25rem 0.25rem 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #252C32);
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout3.btn-wall .type-img[data-v-8e77e16d] {
  flex-shrink: 0;
  display: block;
  background-size: 800% 500%;
  width: 2rem;
  height: 2rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout3.btn-wall .type-icon[data-v-8e77e16d] {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout3.btn-wall .label[data-v-8e77e16d] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout4.btn-wall[data-v-8e77e16d] {
  width: 4.375rem;
  margin: 0.0625rem;
  padding: 0.25rem 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout4.btn-wall .type-icon[data-v-8e77e16d],
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout4.btn-wall .type-img[data-v-8e77e16d] {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout4.btn-wall .type-img[data-v-8e77e16d] {
  display: block;
  background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout4.btn-wall .label[data-v-8e77e16d] {
  width: 100%;
  margin-bottom: 0.3125rem;
  line-height: 1;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak, #fff);
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout30.btn-wall[data-v-8e77e16d] {
  display: flex;
  align-items: center;
  height: 3.75rem;
  gap: 0.375rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-dynamic-secondary);
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout30.btn-wall .type-img[data-v-8e77e16d] {
  flex-shrink: 0;
  display: block;
  background-size: 800% 500%;
  width: 2rem;
  height: 2rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout30.btn-wall .type-icon[data-v-8e77e16d] {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout30.btn-wall .label[data-v-8e77e16d] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout37.btn-wall[data-v-8e77e16d] {
  position: relative;
  width: 4rem;
  height: 4.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  border-radius: var(--ep-border-radius-surface-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout37.btn-wall[data-v-8e77e16d]::after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  height: 3.75rem;
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-tertiary-a) 0%, var(--ep-color-background-fill-gradients-tertiary-b) 100%);
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout37.btn-wall .type-icon[data-v-8e77e16d],
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout37.btn-wall .type-img[data-v-8e77e16d] {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout37.btn-wall .type-img[data-v-8e77e16d] {
  display: block;
  background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout37.btn-wall .label[data-v-8e77e16d] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  line-height: 1;
  line-height: 1.25rem;
  height: 1.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-inverse);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.4), 0 0 0 0 var(--ep-color-border-brand);
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a) 0%, var(--ep-color-background-fill-gradients-secondary-b) 118.75%);
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout42.btn-wall[data-v-8e77e16d] {
  padding: 0 0.625rem;
  display: flex;
  align-items: center;
  height: 2.5rem;
  border-radius: var(--ep-border-radius-xl);
  background: linear-gradient(180deg, #6FF7C7 0%, #F6F6F8 100%);
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout42.btn-wall .type-img[data-v-8e77e16d] {
  flex-shrink: 0;
  display: block;
  background-size: 800% 500%;
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout42.btn-wall .type-icon[data-v-8e77e16d] {
  width: 1.875rem;
  height: 1.875rem;
  font-size: 1.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout42.btn-wall .label[data-v-8e77e16d] {
  line-height: 1;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout46.btn-wall[data-v-8e77e16d] {
  padding: 0 0.625rem;
  display: flex;
  align-items: center;
  height: 2.5rem;
  border-radius: var(--ep-border-radius-surface-small);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-primary-b) 0%, var(--ep-color-background-fill-gradients-primary-a) 100%);
  border: 0.0625rem solid var(--ep-color-border-brand);
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout46.btn-wall .type-img[data-v-8e77e16d] {
  flex-shrink: 0;
  display: block;
  background-size: 800% 500%;
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout46.btn-wall .type-icon[data-v-8e77e16d] {
  width: 1.875rem;
  height: 1.875rem;
  font-size: 1.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout46.btn-wall .label[data-v-8e77e16d] {
  line-height: 1;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout54.btn-wall[data-v-8e77e16d] {
  box-sizing: border-box;
  width: 5.8125rem;
  height: 2.5rem;
  padding: 0 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  background: url('/assets/tab-bg-54-r2-BmlDkCn8.svg') no-repeat center center / 100% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout54.btn-wall .type-img[data-v-8e77e16d] {
  flex-shrink: 0;
  display: block;
  background-size: 800% 500%;
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout54.btn-wall .type-icon[data-v-8e77e16d] {
  flex-shrink: 0;
  width: 1.875rem;
  height: 1.875rem;
  font-size: 1.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout54.btn-wall .label[data-v-8e77e16d] {
  min-width: 0;
  line-height: 1.125rem;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-highlight-white);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.btn-wall[data-v-a4cc0767] {
  width: 3.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0.1875rem 0.5rem;
}
html .layout1.btn-wall .type-icon[data-v-a4cc0767],
html .layout1.btn-wall .type-img[data-v-a4cc0767] {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
  opacity: 0.6;
}
html .layout1.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 700% 100%;
}
html .layout1.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .layout1.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
}
html .layout1.btn-wall .label-wall .label[data-v-a4cc0767] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1.5;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #999999);
}
html .active .layout1.btn-wall .type-icon[data-v-a4cc0767],
html .active .layout1.btn-wall .type-img[data-v-a4cc0767] {
  opacity: 1;
}
html .active .layout1.btn-wall .label-wall .label[data-v-a4cc0767] {
  font-weight: 600;
  color: var(--ep-color-text-default, #FFFFFF);
}
html .layout2.btn-wall[data-v-a4cc0767] {
  width: 3.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0.1875rem 0.5rem;
}
html .layout2.btn-wall .type-icon[data-v-a4cc0767],
html .layout2.btn-wall .type-img[data-v-a4cc0767] {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
  opacity: 0.6;
}
html .layout2.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 800% 500%;
}
html .layout2.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .layout2.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
}
html .layout2.btn-wall .label-wall .label[data-v-a4cc0767] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1.5;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #999999);
}
html .active .layout2.btn-wall .type-icon[data-v-a4cc0767],
html .active .layout2.btn-wall .type-img[data-v-a4cc0767] {
  opacity: 1;
}
html .active .layout2.btn-wall .label-wall .label[data-v-a4cc0767] {
  font-weight: 600;
  color: var(--ep-color-text-default, #FFFFFF);
}
html .layout3.btn-wall[data-v-a4cc0767] {
  width: 4.125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.375rem;
  border: 0.0625rem solid #4C4943;
}
html .layout3.btn-wall .type-icon[data-v-a4cc0767],
html .layout3.btn-wall .type-img[data-v-a4cc0767] {
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
html .layout3.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 800% 500%;
}
html .layout3.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .layout3.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
}
html .layout3.btn-wall .label-wall .label[data-v-a4cc0767] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1.34;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #999999);
}
html .active .layout3.btn-wall[data-v-a4cc0767] {
  background: linear-gradient(180deg, #38342E 4.76%, #24221F 100%);
}
html .active .layout3.btn-wall .type-icon[data-v-a4cc0767],
html .active .layout3.btn-wall .type-img[data-v-a4cc0767] {
  opacity: 1;
}
html .active .layout3.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #FFFFFF);
}
html .layout4.btn-wall[data-v-a4cc0767] {
  width: 4.125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.375rem;
  border: 0.0625rem solid #4C4943;
}
html .layout4.btn-wall .type-icon[data-v-a4cc0767],
html .layout4.btn-wall .type-img[data-v-a4cc0767] {
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
html .layout4.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 700% 100%;
}
html .layout4.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .layout4.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
}
html .layout4.btn-wall .label-wall .label[data-v-a4cc0767] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1.34;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #999999);
}
html .active .layout4.btn-wall[data-v-a4cc0767] {
  background: linear-gradient(180deg, #38342E 4.76%, #24221F 100%);
}
html .active .layout4.btn-wall .type-icon[data-v-a4cc0767],
html .active .layout4.btn-wall .type-img[data-v-a4cc0767] {
  opacity: 1;
}
html .active .layout4.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #FFFFFF);
}
html .layout5.btn-wall[data-v-a4cc0767] {
  margin: 0.0625rem;
  min-width: 3.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.25rem;
  padding-bottom: 0.375rem;
  position: relative;
  background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #254112 0%, #254112 100%);
}
html .layout5.btn-wall .bug[data-v-a4cc0767] {
  display: none;
  position: absolute;
  top: 0.375rem;
  left: 0.3125rem;
  z-index: 10;
  width: 0.375rem;
  height: 0.125rem;
  border-radius: 0.125rem;
  box-shadow: 0 0 0.25rem 0 #94FF7F;
  background: #94FF7F;
}
html .layout5.btn-wall .type-icon[data-v-a4cc0767],
html .layout5.btn-wall .type-img[data-v-a4cc0767] {
  filter: grayscale(1);
  width: 2.875rem;
  height: 2.875rem;
  font-size: 2.875rem;
}
html .layout5.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 800% 500%;
}
html .layout5.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .layout5.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  color: var(--ep-color-text-default-secondary, #7E9071);
}
html .layout5.btn-wall .label-wall .label[data-v-a4cc0767] {
  margin-top: 0.125rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #7E9071);
}
html .active .layout5.btn-wall[data-v-a4cc0767] {
  background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #5E7C24 0%, #254112 100%);
  outline: 0.0625rem solid #34571D;
}
html .active .layout5.btn-wall .bug[data-v-a4cc0767] {
  display: block;
}
html .active .layout5.btn-wall .type-icon[data-v-a4cc0767],
html .active .layout5.btn-wall .type-img[data-v-a4cc0767] {
  filter: none;
}
html .active .layout5.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #7E9071);
}
html .active .layout5.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #7E9071);
}
html .layout6.btn-wall[data-v-a4cc0767] {
  margin: 0.0625rem;
  min-width: 3.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.25rem;
  padding-bottom: 0.375rem;
  position: relative;
  background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #254112 0%, #254112 100%);
}
html .layout6.btn-wall .bug[data-v-a4cc0767] {
  display: none;
  position: absolute;
  top: 0.375rem;
  left: 0.3125rem;
  z-index: 10;
  width: 0.375rem;
  height: 0.125rem;
  border-radius: 0.125rem;
  box-shadow: 0 0 0.25rem 0 #94FF7F;
  background: #94FF7F;
}
html .layout6.btn-wall .type-icon[data-v-a4cc0767],
html .layout6.btn-wall .type-img[data-v-a4cc0767] {
  filter: grayscale(1);
  width: 2.875rem;
  height: 2.875rem;
  font-size: 2.875rem;
}
html .layout6.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 700% 100%;
}
html .layout6.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .layout6.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
  font-size: var(--ep-font-size-xs, 0.625rem);
  color: var(--ep-color-text-default-secondary, #7E9071);
}
html .layout6.btn-wall .label-wall .label[data-v-a4cc0767] {
  margin-top: 0.125rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #7E9071);
}
html .active .layout6.btn-wall[data-v-a4cc0767] {
  background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #5E7C24 0%, #254112 100%);
  outline: 0.0625rem solid #34571D;
}
html .active .layout6.btn-wall .bug[data-v-a4cc0767] {
  display: block;
}
html .active .layout6.btn-wall .type-icon[data-v-a4cc0767],
html .active .layout6.btn-wall .type-img[data-v-a4cc0767] {
  filter: none;
}
html .active .layout6.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #7E9071);
}
html .layout7.btn-wall[data-v-a4cc0767] {
  margin: 0.0625rem;
  width: 4.75rem;
  height: 4.75rem;
  padding-top: 0.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.375rem;
  position: relative;
  background: radial-gradient(92.73% 100.4% at 10.61% -7.95%, #254112 0%, #254112 100%);
}
html .layout7.btn-wall .bug[data-v-a4cc0767] {
  display: none;
  position: absolute;
  top: 0.5rem;
  left: 0.5625rem;
  z-index: 10;
  width: 0.125rem;
  height: 0.375rem;
  border-radius: 0.125rem;
  box-shadow: 0 0 0.25rem 0 #94FF7F;
  background: #94FF7F;
}
html .layout7.btn-wall .type-icon[data-v-a4cc0767],
html .layout7.btn-wall .type-img[data-v-a4cc0767] {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
html .layout7.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 800% 500%;
}
html .layout7.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .layout7.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
  font-size: var(--ep-font-size-xs, 0.625rem);
  color: var(--ep-color-text-default-secondary, #7E9071);
}
html .layout7.btn-wall .label-wall .label[data-v-a4cc0767] {
  margin-top: 0.125rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #7E9071);
}
html .active .layout7.btn-wall[data-v-a4cc0767] {
  background: radial-gradient(133.68% 133% at 10.61% -7.95%, #CFC959 0%, #646E21 47.17%, #254112 100%);
  outline: 0.0625rem solid #34571D;
}
html .active .layout7.btn-wall .bug[data-v-a4cc0767] {
  display: block;
}
html .active .layout7.btn-wall .type-icon[data-v-a4cc0767],
html .active .layout7.btn-wall .type-img[data-v-a4cc0767] {
  filter: none;
}
html .active .layout7.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #fff);
}
html .layout8.btn-wall[data-v-a4cc0767] {
  margin: 0.0625rem;
  width: 4.75rem;
  height: 4.75rem;
  padding-top: 0.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.375rem;
  position: relative;
  background: radial-gradient(92.73% 100.4% at 10.61% -7.95%, #254112 0%, #254112 100%);
}
html .layout8.btn-wall .bug[data-v-a4cc0767] {
  display: none;
  position: absolute;
  top: 0.5rem;
  left: 0.5625rem;
  z-index: 10;
  width: 0.125rem;
  height: 0.375rem;
  border-radius: 0.125rem;
  box-shadow: 0 0 0.25rem 0 #94FF7F;
  background: #94FF7F;
}
html .layout8.btn-wall .type-icon[data-v-a4cc0767],
html .layout8.btn-wall .type-img[data-v-a4cc0767] {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
html .layout8.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 700% 100%;
}
html .layout8.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .layout8.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
  font-size: var(--ep-font-size-xs, 0.625rem);
  color: var(--ep-color-text-default-secondary, #7E9071);
}
html .layout8.btn-wall .label-wall .label[data-v-a4cc0767] {
  margin-top: 0.125rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #7E9071);
}
html .active .layout8.btn-wall[data-v-a4cc0767] {
  background: radial-gradient(133.68% 133% at 10.61% -7.95%, #CFC959 0%, #646E21 47.17%, #254112 100%);
  outline: 0.0625rem solid #34571D;
}
html .active .layout8.btn-wall .bug[data-v-a4cc0767] {
  display: block;
}
html .active .layout8.btn-wall .type-icon[data-v-a4cc0767],
html .active .layout8.btn-wall .type-img[data-v-a4cc0767] {
  filter: none;
}
html .active .layout8.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #fff);
}
html .layout9.btn-wall[data-v-a4cc0767] {
  width: 4.125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
html .layout9.btn-wall .type-icon[data-v-a4cc0767],
html .layout9.btn-wall .type-img[data-v-a4cc0767] {
  width: 2.875rem;
  height: 2.875rem;
  font-size: 2.875rem;
}
html .layout9.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 700% 100%;
}
html .layout9.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .layout9.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
}
html .layout9.btn-wall .label-wall .label[data-v-a4cc0767] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1.34;
  text-align: center;
  color: var(--ep-color-text-highlight-white, #FFFFFF);
}
html .active .layout9.btn-wall .type-icon[data-v-a4cc0767],
html .active .layout9.btn-wall .type-img[data-v-a4cc0767] {
  opacity: 1;
}
html .active .layout9.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-highlight-white, #FFFFFF);
}
html .layout10.btn-wall[data-v-a4cc0767] {
  width: 4.125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-size: 100% 100%;
}
html .layout10.btn-wall .type-icon[data-v-a4cc0767],
html .layout10.btn-wall .type-img[data-v-a4cc0767] {
  width: 2.625rem;
  height: 2.625rem;
  font-size: 2.625rem;
}
html .layout10.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 700% 100%;
}
html .layout10.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .layout10.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
}
html .layout10.btn-wall .label-wall .label[data-v-a4cc0767] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.34;
  text-align: center;
  color: var(--ep-color-text-default, #FFFFFF);
}
html .active .layout10.btn-wall .type-icon[data-v-a4cc0767],
html .active .layout10.btn-wall .type-img[data-v-a4cc0767] {
  opacity: 1;
}
html .active .layout10.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #FFFFFF);
}
html .layout11.btn-wall[data-v-a4cc0767] {
  width: 3.25rem;
  height: 2.2 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.375rem;
  position: relative;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout11.btn-wall .bug[data-v-a4cc0767] {
  display: none;
  position: absolute;
  top: 0.5rem;
  left: 0.5625rem;
  z-index: 10;
  width: 0.125rem;
  height: 0.375rem;
  border-radius: 0.125rem;
  box-shadow: 0 0 0.25rem 0 #94FF7F;
  background: #94FF7F;
}
html .layout11.btn-wall .type-icon[data-v-a4cc0767],
html .layout11.btn-wall .type-img[data-v-a4cc0767] {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
html .layout11.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 700% 100%;
}
html .layout11.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: none;
  align-items: center;
  justify-content: center;
}
html .layout11.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
  font-size: var(--ep-font-size-xs, 0.625rem);
  color: var(--ep-color-text-default-secondary, #7E9071);
}
html .layout11.btn-wall .label-wall .label[data-v-a4cc0767] {
  margin-top: 0.125rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #7E9071);
}
html .active .layout11.btn-wall .bug[data-v-a4cc0767] {
  display: none;
}
html .active .layout11.btn-wall .type-icon[data-v-a4cc0767],
html .active .layout11.btn-wall .type-img[data-v-a4cc0767] {
  filter: none;
  opacity: 1;
}
html .active .layout11.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #fff);
}
html .layout24.btn-wall[data-v-a4cc0767] {
  gap: 0.0625rem;
  width: 4.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  justify-content: space-between;
  padding-block: 0.1875rem;
}
html .layout24.btn-wall .bug[data-v-a4cc0767] {
  position: absolute;
  z-index: -1;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
}
html .layout24.btn-wall .type-icon[data-v-a4cc0767],
html .layout24.btn-wall .type-img[data-v-a4cc0767] {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
html .layout24.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 700% 100%;
  position: relative;
}
html .layout24.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 99rem;
}
html .layout24.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
}
html .layout24.btn-wall .label-wall .label[data-v-a4cc0767] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1.5;
  text-align: center;
  color: var(--ep-color-text-weak, #FFFFFF99);
}
html .layout28.btn-wall[data-v-a4cc0767] {
  width: 3.25rem;
  height: 2.2 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.375rem;
  position: relative;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout28.btn-wall .bug[data-v-a4cc0767] {
  display: none;
}
html .layout28.btn-wall .type-icon[data-v-a4cc0767],
html .layout28.btn-wall .type-img[data-v-a4cc0767] {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
html .layout28.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  opacity: 0.6;
  background-size: 800% 500%;
}
html .layout28.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: none;
  align-items: center;
  justify-content: center;
}
html .layout28.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
  font-size: var(--ep-font-size-xs, 0.625rem);
  color: var(--ep-color-text-default-secondary, #7E9071);
}
html .layout28.btn-wall .label-wall .label[data-v-a4cc0767] {
  margin-top: 0.125rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #7E9071);
}
html .active .layout28.btn-wall[data-v-a4cc0767] {
  background: linear-gradient(180deg, var(--ep-inverse-inverse-500) 0%, var(--ep-color-background-fill-active-primary) 52.88%, var(--ep-inverse-inverse-500) 100%);
}
html .active .layout28.btn-wall .bug[data-v-a4cc0767] {
  display: none;
}
html .active .layout28.btn-wall .type-icon[data-v-a4cc0767],
html .active .layout28.btn-wall .type-img[data-v-a4cc0767] {
  filter: none;
  opacity: 1;
}
html .active .layout28.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #fff);
}
html .layout30.btn-wall[data-v-a4cc0767] {
  gap: 0.5rem;
  width: 3.75rem;
  height: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  justify-content: space-between;
}
html .layout30.btn-wall .bug[data-v-a4cc0767] {
  position: absolute;
  z-index: -1;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background: var(--ep-color-background-fill-surface-raised-L2);
  border: 5px solid var(--ep-color-border-brand);
}
html .layout30.btn-wall .type-icon[data-v-a4cc0767],
html .layout30.btn-wall .type-img[data-v-a4cc0767] {
  margin-top: 0.5rem;
  width: 1.875rem;
  height: 1.875rem;
  font-size: 1.875rem;
}
html .layout30.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 700% 100%;
  position: relative;
}
html .layout30.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 99rem;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout30.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
}
html .layout30.btn-wall .label-wall .label[data-v-a4cc0767] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1.5;
  text-align: center;
  color: var(--ep-color-text-weak, #FFFFFF99);
}
.forest-green .layout5.btn-wall[data-v-a4cc0767] {
  background: linear-gradient(90deg, #00694A 0%, #00815D 50%, #00694A 100%);
}
.forest-green .layout5.btn-wall .bug[data-v-a4cc0767] {
  box-shadow: 0 0 0.25rem 0 #94FF7F;
  background: #94FF7F;
}
.forest-green .layout5.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  color: var(--ep-color-text-default-secondary, #7E9071);
}
.forest-green .layout5.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default-secondary, #7E9071);
}
.forest-green .active .layout5.btn-wall[data-v-a4cc0767] {
  background: linear-gradient(90deg, #FFE700 0%, #FB0 96%);
  outline: 0.0625rem solid #34571D;
  margin: 0.0625rem !important;
}
.forest-green .active .layout5.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #183009);
}
.forest-green .active .layout5.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #183009);
}
.forest-green .layout7.btn-wall[data-v-a4cc0767] {
  background: linear-gradient(90deg, #00694A 0%, #00815D 50%, #00694A 100%);
}
.forest-green .layout7.btn-wall .bug[data-v-a4cc0767] {
  box-shadow: 0 0 0.25rem 0 #94FF7F;
  background: #94FF7F;
}
.forest-green .layout7.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  color: var(--ep-color-text-default-secondary, #fff);
}
.forest-green .layout7.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default-secondary, #fff);
}
.forest-green .active .layout7.btn-wall[data-v-a4cc0767] {
  background: linear-gradient(90deg, #FFE700 0%, #FB0 96%);
  outline: 0.0625rem solid #34571D;
}
.forest-green .active .layout7.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #183009);
}
.forest-green .layout5.btn-wall .type-icon[data-v-a4cc0767],
.forest-green .layout5.btn-wall .type-img[data-v-a4cc0767] {
  filter: none;
}
.blue-default .layout5.btn-wall[data-v-a4cc0767] {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%);
}
.blue-default .layout5.btn-wall .bug[data-v-a4cc0767] {
  box-shadow: 0 0 0.25rem 0 #B7C9FF;
  background: #B7C9FF;
}
.blue-default .layout5.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  color: var(--ep-color-text-default-secondary, #e5e7eb);
}
.blue-default .layout5.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default-secondary, #e5e7eb);
}
.blue-default .active .layout5.btn-wall[data-v-a4cc0767] {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%), radial-gradient(92.73% 100.4% at 10.61% -7.95%, #5B6DA2 0%, #1B233B 100%);
  outline: 0.0625rem solid transparent;
  margin: 0.0625rem !important;
}
.blue-default .active .layout5.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #e5e7eb);
}
.blue-default .active .layout5.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #e5e7eb);
}
.blue-default .layout6.btn-wall[data-v-a4cc0767] {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%);
}
.blue-default .layout6.btn-wall .bug[data-v-a4cc0767] {
  box-shadow: 0 0 0.25rem 0 #B7C9FF;
  background: #B7C9FF;
}
.blue-default .layout6.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  color: var(--ep-color-text-default-secondary, #e5e7eb);
}
.blue-default .layout6.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default-secondary, #e5e7eb);
}
.blue-default .active .layout6.btn-wall[data-v-a4cc0767] {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%), radial-gradient(92.73% 100.4% at 10.61% -7.95%, #5B6DA2 0%, #1B233B 100%);
  outline: 0.0625rem solid transparent;
}
.blue-default .active .layout6.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #e5e7eb);
}
.blue-default .layout5.btn-wall .label-wall[data-v-a4cc0767] {
  opacity: 0.6;
}
.blue-default .layout6.btn-wall .label-wall[data-v-a4cc0767] {
  opacity: 0.6;
}
.blue-default .active .layout5.btn-wall[data-v-a4cc0767]::before {
  content: '';
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
  right: -0.0625rem;
  bottom: -0.0625rem;
  background: linear-gradient(to right, #2173C0 0%, #75FFFA 50%, #2173C0 100%);
  z-index: -1;
  /* 确保伪元素在元素的后面 */
  border-radius: 0.2594rem;
}
.amber-purple .layout5.btn-wall[data-v-a4cc0767] {
  background: #3C3467;
}
.amber-purple .layout5.btn-wall .bug[data-v-a4cc0767] {
  box-shadow: 0 0 0.25rem 0 #B7C9FF;
  background: #B7C9FF;
}
.amber-purple .layout5.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  color: var(--ep-color-text-default-secondary, #BDB8E1);
}
.amber-purple .layout5.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default-secondary, #BDB8E1);
}
.amber-purple .active .layout5.btn-wall[data-v-a4cc0767] {
  background: radial-gradient(108% 100.4% at 10.61% -7.95%, #A779AE 0%, #262346 100%);
  outline: 0.0625rem solid transparent;
  margin: 0.0625rem !important;
}
.amber-purple .active .layout5.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #BDB8E1);
}
.amber-purple .active .layout5.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #BDB8E1);
}
.amber-purple .layout6.btn-wall[data-v-a4cc0767] {
  background: #3C3467;
}
.amber-purple .layout6.btn-wall .bug[data-v-a4cc0767] {
  box-shadow: 0 0 0.25rem 0 #B7C9FF;
  background: #B7C9FF;
}
.amber-purple .layout6.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  color: var(--ep-color-text-default-secondary, #BDB8E1);
}
.amber-purple .layout6.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default-secondary, #BDB8E1);
}
.amber-purple .active .layout6.btn-wall[data-v-a4cc0767] {
  background: radial-gradient(108% 100.4% at 10.61% -7.95%, #A779AE 0%, #262346 100%);
  outline: 0.0625rem solid transparent;
}
.amber-purple .active .layout6.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #BDB8E1);
}
.amber-purple .active .layout5.btn-wall[data-v-a4cc0767]::before,
.amber-purple .active .layout6.btn-wall[data-v-a4cc0767]::before {
  content: '';
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
  right: -0.0625rem;
  bottom: -0.0625rem;
  background: radial-gradient(circle at 0% 0%, #F5C84C 0%, #7041F3 100%);
  z-index: -1;
  /* 确保伪元素在元素的后面 */
  border-radius: 0.2594rem;
}
.amber-purple .layout5.btn-wall .type-icon[data-v-a4cc0767],
.amber-purple .layout5.btn-wall .type-img[data-v-a4cc0767] {
  filter: saturate(0) brightness(1.2);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout1.btn-wall[data-v-a4cc0767] {
  width: 3.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0.1875rem 0.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout1.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout1.btn-wall .type-img[data-v-a4cc0767] {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
  opacity: 0.6;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout1.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout1.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout1.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout1.btn-wall .label-wall .label[data-v-a4cc0767] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1.5;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #999999);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout1.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout1.btn-wall .type-img[data-v-a4cc0767] {
  opacity: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout1.btn-wall .label-wall .label[data-v-a4cc0767] {
  font-weight: 600;
  color: var(--ep-color-text-default, #FFFFFF);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout2.btn-wall[data-v-a4cc0767] {
  width: 3.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0.1875rem 0.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout2.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout2.btn-wall .type-img[data-v-a4cc0767] {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
  opacity: 0.6;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout2.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout2.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout2.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout2.btn-wall .label-wall .label[data-v-a4cc0767] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1.5;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #999999);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout2.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout2.btn-wall .type-img[data-v-a4cc0767] {
  opacity: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout2.btn-wall .label-wall .label[data-v-a4cc0767] {
  font-weight: 600;
  color: var(--ep-color-text-default, #FFFFFF);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout3.btn-wall[data-v-a4cc0767] {
  width: 4.125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.375rem;
  border: 0.0625rem solid #4C4943;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout3.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout3.btn-wall .type-img[data-v-a4cc0767] {
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout3.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout3.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout3.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout3.btn-wall .label-wall .label[data-v-a4cc0767] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1.34;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #999999);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout3.btn-wall[data-v-a4cc0767] {
  background: linear-gradient(180deg, #38342E 4.76%, #24221F 100%);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout3.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout3.btn-wall .type-img[data-v-a4cc0767] {
  opacity: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout3.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #FFFFFF);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout4.btn-wall[data-v-a4cc0767] {
  width: 4.125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.375rem;
  border: 0.0625rem solid #4C4943;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout4.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout4.btn-wall .type-img[data-v-a4cc0767] {
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout4.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout4.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout4.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout4.btn-wall .label-wall .label[data-v-a4cc0767] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1.34;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #999999);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout4.btn-wall[data-v-a4cc0767] {
  background: linear-gradient(180deg, #38342E 4.76%, #24221F 100%);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout4.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout4.btn-wall .type-img[data-v-a4cc0767] {
  opacity: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout4.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #FFFFFF);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout5.btn-wall[data-v-a4cc0767] {
  margin: 0.0625rem;
  min-width: 3.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.25rem;
  padding-bottom: 0.375rem;
  position: relative;
  background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #254112 0%, #254112 100%);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout5.btn-wall .bug[data-v-a4cc0767] {
  display: none;
  position: absolute;
  top: 0.375rem;
  left: 0.3125rem;
  z-index: 10;
  width: 0.375rem;
  height: 0.125rem;
  border-radius: 0.125rem;
  box-shadow: 0 0 0.25rem 0 #94FF7F;
  background: #94FF7F;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout5.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout5.btn-wall .type-img[data-v-a4cc0767] {
  filter: grayscale(1);
  width: 2.875rem;
  height: 2.875rem;
  font-size: 2.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout5.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout5.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout5.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  color: var(--ep-color-text-default-secondary, #7E9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout5.btn-wall .label-wall .label[data-v-a4cc0767] {
  margin-top: 0.125rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #7E9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout5.btn-wall[data-v-a4cc0767] {
  background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #5E7C24 0%, #254112 100%);
  outline: 0.0625rem solid #34571D;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout5.btn-wall .bug[data-v-a4cc0767] {
  display: block;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout5.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout5.btn-wall .type-img[data-v-a4cc0767] {
  filter: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout5.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #7E9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout5.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #7E9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout6.btn-wall[data-v-a4cc0767] {
  margin: 0.0625rem;
  min-width: 3.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.25rem;
  padding-bottom: 0.375rem;
  position: relative;
  background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #254112 0%, #254112 100%);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout6.btn-wall .bug[data-v-a4cc0767] {
  display: none;
  position: absolute;
  top: 0.375rem;
  left: 0.3125rem;
  z-index: 10;
  width: 0.375rem;
  height: 0.125rem;
  border-radius: 0.125rem;
  box-shadow: 0 0 0.25rem 0 #94FF7F;
  background: #94FF7F;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout6.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout6.btn-wall .type-img[data-v-a4cc0767] {
  filter: grayscale(1);
  width: 2.875rem;
  height: 2.875rem;
  font-size: 2.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout6.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout6.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout6.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
  font-size: var(--ep-font-size-xs, 0.625rem);
  color: var(--ep-color-text-default-secondary, #7E9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout6.btn-wall .label-wall .label[data-v-a4cc0767] {
  margin-top: 0.125rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #7E9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout6.btn-wall[data-v-a4cc0767] {
  background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #5E7C24 0%, #254112 100%);
  outline: 0.0625rem solid #34571D;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout6.btn-wall .bug[data-v-a4cc0767] {
  display: block;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout6.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout6.btn-wall .type-img[data-v-a4cc0767] {
  filter: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout6.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #7E9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall[data-v-a4cc0767] {
  margin: 0.0625rem;
  width: 4.75rem;
  height: 4.75rem;
  padding-top: 0.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.375rem;
  position: relative;
  background: radial-gradient(92.73% 100.4% at 10.61% -7.95%, #254112 0%, #254112 100%);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall .bug[data-v-a4cc0767] {
  display: none;
  position: absolute;
  top: 0.5rem;
  left: 0.5625rem;
  z-index: 10;
  width: 0.125rem;
  height: 0.375rem;
  border-radius: 0.125rem;
  box-shadow: 0 0 0.25rem 0 #94FF7F;
  background: #94FF7F;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall .type-img[data-v-a4cc0767] {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
  font-size: var(--ep-font-size-xs, 0.625rem);
  color: var(--ep-color-text-default-secondary, #7E9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall .label-wall .label[data-v-a4cc0767] {
  margin-top: 0.125rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #7E9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout7.btn-wall[data-v-a4cc0767] {
  background: radial-gradient(133.68% 133% at 10.61% -7.95%, #CFC959 0%, #646E21 47.17%, #254112 100%);
  outline: 0.0625rem solid #34571D;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout7.btn-wall .bug[data-v-a4cc0767] {
  display: block;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout7.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout7.btn-wall .type-img[data-v-a4cc0767] {
  filter: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout7.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #fff);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall[data-v-a4cc0767] {
  margin: 0.0625rem;
  width: 4.75rem;
  height: 4.75rem;
  padding-top: 0.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.375rem;
  position: relative;
  background: radial-gradient(92.73% 100.4% at 10.61% -7.95%, #254112 0%, #254112 100%);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall .bug[data-v-a4cc0767] {
  display: none;
  position: absolute;
  top: 0.5rem;
  left: 0.5625rem;
  z-index: 10;
  width: 0.125rem;
  height: 0.375rem;
  border-radius: 0.125rem;
  box-shadow: 0 0 0.25rem 0 #94FF7F;
  background: #94FF7F;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall .type-img[data-v-a4cc0767] {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
  font-size: var(--ep-font-size-xs, 0.625rem);
  color: var(--ep-color-text-default-secondary, #7E9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall .label-wall .label[data-v-a4cc0767] {
  margin-top: 0.125rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #7E9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout8.btn-wall[data-v-a4cc0767] {
  background: radial-gradient(133.68% 133% at 10.61% -7.95%, #CFC959 0%, #646E21 47.17%, #254112 100%);
  outline: 0.0625rem solid #34571D;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout8.btn-wall .bug[data-v-a4cc0767] {
  display: block;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout8.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout8.btn-wall .type-img[data-v-a4cc0767] {
  filter: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout8.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #fff);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout9.btn-wall[data-v-a4cc0767] {
  width: 4.125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout9.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout9.btn-wall .type-img[data-v-a4cc0767] {
  width: 2.875rem;
  height: 2.875rem;
  font-size: 2.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout9.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout9.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout9.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout9.btn-wall .label-wall .label[data-v-a4cc0767] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1.34;
  text-align: center;
  color: var(--ep-color-text-highlight-white, #FFFFFF);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout9.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout9.btn-wall .type-img[data-v-a4cc0767] {
  opacity: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout9.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-highlight-white, #FFFFFF);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout10.btn-wall[data-v-a4cc0767] {
  width: 4.125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-size: 100% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout10.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout10.btn-wall .type-img[data-v-a4cc0767] {
  width: 2.625rem;
  height: 2.625rem;
  font-size: 2.625rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout10.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout10.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout10.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout10.btn-wall .label-wall .label[data-v-a4cc0767] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.34;
  text-align: center;
  color: var(--ep-color-text-default, #FFFFFF);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout10.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout10.btn-wall .type-img[data-v-a4cc0767] {
  opacity: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout10.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #FFFFFF);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout11.btn-wall[data-v-a4cc0767] {
  width: 3.25rem;
  height: 2.2 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.375rem;
  position: relative;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout11.btn-wall .bug[data-v-a4cc0767] {
  display: none;
  position: absolute;
  top: 0.5rem;
  left: 0.5625rem;
  z-index: 10;
  width: 0.125rem;
  height: 0.375rem;
  border-radius: 0.125rem;
  box-shadow: 0 0 0.25rem 0 #94FF7F;
  background: #94FF7F;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout11.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout11.btn-wall .type-img[data-v-a4cc0767] {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout11.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout11.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: none;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout11.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
  font-size: var(--ep-font-size-xs, 0.625rem);
  color: var(--ep-color-text-default-secondary, #7E9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout11.btn-wall .label-wall .label[data-v-a4cc0767] {
  margin-top: 0.125rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #7E9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout11.btn-wall .bug[data-v-a4cc0767] {
  display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout11.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout11.btn-wall .type-img[data-v-a4cc0767] {
  filter: none;
  opacity: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout11.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #fff);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout24.btn-wall[data-v-a4cc0767] {
  gap: 0.0625rem;
  width: 4.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  justify-content: space-between;
  padding-block: 0.1875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout24.btn-wall .bug[data-v-a4cc0767] {
  position: absolute;
  z-index: -1;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout24.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout24.btn-wall .type-img[data-v-a4cc0767] {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout24.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 700% 100%;
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout24.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 99rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout24.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout24.btn-wall .label-wall .label[data-v-a4cc0767] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1.5;
  text-align: center;
  color: var(--ep-color-text-weak, #FFFFFF99);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout28.btn-wall[data-v-a4cc0767] {
  width: 3.25rem;
  height: 2.2 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.375rem;
  position: relative;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout28.btn-wall .bug[data-v-a4cc0767] {
  display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout28.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout28.btn-wall .type-img[data-v-a4cc0767] {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout28.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  opacity: 0.6;
  background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout28.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: none;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout28.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
  font-size: var(--ep-font-size-xs, 0.625rem);
  color: var(--ep-color-text-default-secondary, #7E9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout28.btn-wall .label-wall .label[data-v-a4cc0767] {
  margin-top: 0.125rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #7E9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout28.btn-wall[data-v-a4cc0767] {
  background: linear-gradient(180deg, var(--ep-inverse-inverse-500) 0%, var(--ep-color-background-fill-active-primary) 52.88%, var(--ep-inverse-inverse-500) 100%);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout28.btn-wall .bug[data-v-a4cc0767] {
  display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout28.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout28.btn-wall .type-img[data-v-a4cc0767] {
  filter: none;
  opacity: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout28.btn-wall .label-wall .label[data-v-a4cc0767] {
  color: var(--ep-color-text-default, #fff);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout30.btn-wall[data-v-a4cc0767] {
  gap: 0.5rem;
  width: 3.75rem;
  height: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout30.btn-wall .bug[data-v-a4cc0767] {
  position: absolute;
  z-index: -1;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background: var(--ep-color-background-fill-surface-raised-L2);
  border: 5px solid var(--ep-color-border-brand);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout30.btn-wall .type-icon[data-v-a4cc0767],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout30.btn-wall .type-img[data-v-a4cc0767] {
  margin-top: 0.5rem;
  width: 1.875rem;
  height: 1.875rem;
  font-size: 1.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout30.btn-wall .type-img[data-v-a4cc0767] {
  display: block;
  background-size: 700% 100%;
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout30.btn-wall .label-wall[data-v-a4cc0767] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 99rem;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout30.btn-wall .label-wall .label-icon[data-v-a4cc0767] {
  display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout30.btn-wall .label-wall .label[data-v-a4cc0767] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1.5;
  text-align: center;
  color: var(--ep-color-text-weak, #FFFFFF99);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.btn-wall[data-v-865223bc] {
  margin: 0.0625rem;
  min-width: 3.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.5rem;
  position: relative;
  background: linear-gradient(90deg, #00694A 0%, #00815D 50%, #00694A 100%);
}
html .layout1.btn-wall .bug[data-v-865223bc] {
  display: none;
  position: absolute;
  top: 0.375rem;
  left: 0.3125rem;
  z-index: 10;
  width: 0.375rem;
  height: 0.125rem;
  border-radius: 0.125rem;
  box-shadow: 0 0 0.25rem 0 #94FF7F;
  background: #94FF7F;
}
html .layout1.btn-wall .type-icon[data-v-865223bc] {
  filter: grayscale(1);
  width: 1.875rem;
  height: 1.875rem;
  font-size: 1.875rem;
}
html .layout1.btn-wall .label-wall[data-v-865223bc] {
  margin-top: 0.25rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .layout1.btn-wall .label-wall .label-icon[data-v-865223bc] {
  display: none;
}
html .layout1.btn-wall .label-wall .label[data-v-865223bc] {
  margin-top: 0.125rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #7E9071);
}
html .active .layout1.btn-wall[data-v-865223bc] {
  background: linear-gradient(90deg, #FFE700 0%, #FB0 96%);
  outline: 0.0625rem solid #34571D;
}
html .active .layout1.btn-wall .bug[data-v-865223bc] {
  display: block;
}
html .active .layout1.btn-wall .type-icon[data-v-865223bc],
html .active .layout1.btn-wall .type-img[data-v-865223bc] {
  filter: none;
}
html .active .layout1.btn-wall .label-wall .label-icon[data-v-865223bc] {
  color: var(--ep-color-text-default, #183009);
}
html .active .layout1.btn-wall .label-wall .label[data-v-865223bc] {
  color: var(--ep-color-text-default, #183009);
}
html .layout2.btn-wall[data-v-865223bc] {
  margin: 0.0625rem;
  width: 4.75rem;
  height: 4.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  position: relative;
  background: linear-gradient(90deg, #00694A 0%, #00815D 50%, #00694A 100%);
}
html .layout2.btn-wall .bug[data-v-865223bc] {
  display: none;
  position: absolute;
  top: 0.5rem;
  left: 0.5625rem;
  z-index: 10;
  width: 0.125rem;
  height: 0.375rem;
  border-radius: 0.125rem;
  box-shadow: 0 0 0.25rem 0 #94FF7F;
  background: #94FF7F;
}
html .layout2.btn-wall .type-icon[data-v-865223bc] {
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
html .layout2.btn-wall .label-wall[data-v-865223bc] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .layout2.btn-wall .label-wall .label-icon[data-v-865223bc] {
  display: none;
  font-size: var(--ep-font-size-xs, 0.625rem);
  color: var(--ep-color-text-default-secondary, #fff);
}
html .layout2.btn-wall .label-wall .label[data-v-865223bc] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #fff);
}
html .active .layout2.btn-wall[data-v-865223bc] {
  background: linear-gradient(90deg, #FFE700 0%, #FB0 96%);
  outline: 0.0625rem solid #34571D;
}
html .active .layout2.btn-wall .bug[data-v-865223bc] {
  display: block;
}
html .active .layout2.btn-wall .type-icon[data-v-865223bc] {
  filter: none;
}
html .active .layout2.btn-wall .label-wall .label[data-v-865223bc] {
  color: var(--ep-color-text-default, #183009);
}
.forest-green .layout1.btn-wall .type-icon[data-v-865223bc],
.forest-green .layout1.btn-wall .type-img[data-v-865223bc] {
  filter: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout1.btn-wall[data-v-865223bc] {
  margin: 0.0625rem;
  min-width: 3.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.5rem;
  position: relative;
  background: linear-gradient(90deg, #00694A 0%, #00815D 50%, #00694A 100%);
}
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout1.btn-wall .bug[data-v-865223bc] {
  display: none;
  position: absolute;
  top: 0.375rem;
  left: 0.3125rem;
  z-index: 10;
  width: 0.375rem;
  height: 0.125rem;
  border-radius: 0.125rem;
  box-shadow: 0 0 0.25rem 0 #94FF7F;
  background: #94FF7F;
}
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout1.btn-wall .type-icon[data-v-865223bc] {
  filter: grayscale(1);
  width: 1.875rem;
  height: 1.875rem;
  font-size: 1.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout1.btn-wall .label-wall[data-v-865223bc] {
  margin-top: 0.25rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout1.btn-wall .label-wall .label-icon[data-v-865223bc] {
  display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout1.btn-wall .label-wall .label[data-v-865223bc] {
  margin-top: 0.125rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #7E9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .active .layout1.btn-wall[data-v-865223bc] {
  background: linear-gradient(90deg, #FFE700 0%, #FB0 96%);
  outline: 0.0625rem solid #34571D;
}
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .active .layout1.btn-wall .bug[data-v-865223bc] {
  display: block;
}
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .active .layout1.btn-wall .type-icon[data-v-865223bc],
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .active .layout1.btn-wall .type-img[data-v-865223bc] {
  filter: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .active .layout1.btn-wall .label-wall .label-icon[data-v-865223bc] {
  color: var(--ep-color-text-default, #183009);
}
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .active .layout1.btn-wall .label-wall .label[data-v-865223bc] {
  color: var(--ep-color-text-default, #183009);
}
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout2.btn-wall[data-v-865223bc] {
  margin: 0.0625rem;
  width: 4.75rem;
  height: 4.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  position: relative;
  background: linear-gradient(90deg, #00694A 0%, #00815D 50%, #00694A 100%);
}
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout2.btn-wall .bug[data-v-865223bc] {
  display: none;
  position: absolute;
  top: 0.5rem;
  left: 0.5625rem;
  z-index: 10;
  width: 0.125rem;
  height: 0.375rem;
  border-radius: 0.125rem;
  box-shadow: 0 0 0.25rem 0 #94FF7F;
  background: #94FF7F;
}
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout2.btn-wall .type-icon[data-v-865223bc] {
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout2.btn-wall .label-wall[data-v-865223bc] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout2.btn-wall .label-wall .label-icon[data-v-865223bc] {
  display: none;
  font-size: var(--ep-font-size-xs, 0.625rem);
  color: var(--ep-color-text-default-secondary, #fff);
}
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout2.btn-wall .label-wall .label[data-v-865223bc] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #fff);
}
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .active .layout2.btn-wall[data-v-865223bc] {
  background: linear-gradient(90deg, #FFE700 0%, #FB0 96%);
  outline: 0.0625rem solid #34571D;
}
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .active .layout2.btn-wall .bug[data-v-865223bc] {
  display: block;
}
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .active .layout2.btn-wall .type-icon[data-v-865223bc] {
  filter: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .active .layout2.btn-wall .label-wall .label[data-v-865223bc] {
  color: var(--ep-color-text-default, #183009);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.btn-wall[data-v-86a13cd0] {
  width: 4.25rem;
  height: 5.375rem;
  padding-top: 0.4375rem;
  padding-inline: 0.25rem;
  display: flex;
  flex-direction: column;
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--border-radius-surface-default, 0.875rem);
  border-color: var(--ep-color-border-brand);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout1.btn-wall.hot-btn[data-v-86a13cd0] {
  border: none;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
html .layout1.btn-wall.hot-btn .img-box[data-v-86a13cd0] {
  background: transparent;
}
html .layout1.btn-wall .img-box[data-v-86a13cd0] {
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  position: relative;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout1.btn-wall .img-box .type-img[data-v-86a13cd0] {
  display: block;
  background-size: 800% 500%;
  width: 1.5rem;
  height: 1.5rem;
}
html .layout1.btn-wall .img-box .hot-img[data-v-86a13cd0] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout1.btn-wall .img-box .hot-img-1[data-v-86a13cd0] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
html .layout1.btn-wall .img-box .hot-img-2[data-v-86a13cd0] {
  position: relative;
  z-index: 1;
}
html .layout1.btn-wall .label-box[data-v-86a13cd0] {
  display: flex;
  flex-direction: column;
}
html .layout1.btn-wall .label-box .label[data-v-86a13cd0] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .layout1.btn-wall .label-box .sub-label[data-v-86a13cd0] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout2.btn-wall[data-v-86a13cd0] {
  width: 4.25rem;
  height: 5.375rem;
  padding-top: 0.4375rem;
  padding-inline: 0.25rem;
  display: flex;
  flex-direction: column;
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--border-radius-surface-default, 0.875rem);
  border-color: var(--ep-color-border-brand);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout2.btn-wall.hot-btn[data-v-86a13cd0] {
  border: none;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
html .layout2.btn-wall.hot-btn .img-box[data-v-86a13cd0] {
  background: transparent;
}
html .layout2.btn-wall .img-box[data-v-86a13cd0] {
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  position: relative;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout2.btn-wall .img-box .type-img[data-v-86a13cd0] {
  display: block;
  background-size: 700% 100%;
  width: 1.5rem;
  height: 1.5rem;
}
html .layout2.btn-wall .img-box .hot-img[data-v-86a13cd0] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout2.btn-wall .img-box .hot-img-1[data-v-86a13cd0] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
html .layout2.btn-wall .img-box .hot-img-2[data-v-86a13cd0] {
  position: relative;
  z-index: 1;
}
html .layout2.btn-wall .label-box[data-v-86a13cd0] {
  display: flex;
  flex-direction: column;
}
html .layout2.btn-wall .label-box .label[data-v-86a13cd0] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .layout2.btn-wall .label-box .sub-label[data-v-86a13cd0] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall[data-v-86a13cd0] {
  width: 4.25rem;
  height: 5.375rem;
  padding-top: 0.4375rem;
  padding-inline: 0.25rem;
  display: flex;
  flex-direction: column;
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--border-radius-surface-default, 0.875rem);
  border-color: var(--ep-color-border-brand);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall.hot-btn[data-v-86a13cd0] {
  border: none;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall.hot-btn .img-box[data-v-86a13cd0] {
  background: transparent;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall .img-box[data-v-86a13cd0] {
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  position: relative;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall .img-box .type-img[data-v-86a13cd0] {
  display: block;
  background-size: 800% 500%;
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall .img-box .hot-img[data-v-86a13cd0] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall .img-box .hot-img-1[data-v-86a13cd0] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall .img-box .hot-img-2[data-v-86a13cd0] {
  position: relative;
  z-index: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall .label-box[data-v-86a13cd0] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall .label-box .label[data-v-86a13cd0] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall .label-box .sub-label[data-v-86a13cd0] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall[data-v-86a13cd0] {
  width: 4.25rem;
  height: 5.375rem;
  padding-top: 0.4375rem;
  padding-inline: 0.25rem;
  display: flex;
  flex-direction: column;
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--border-radius-surface-default, 0.875rem);
  border-color: var(--ep-color-border-brand);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall.hot-btn[data-v-86a13cd0] {
  border: none;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall.hot-btn .img-box[data-v-86a13cd0] {
  background: transparent;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall .img-box[data-v-86a13cd0] {
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  position: relative;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall .img-box .type-img[data-v-86a13cd0] {
  display: block;
  background-size: 700% 100%;
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall .img-box .hot-img[data-v-86a13cd0] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall .img-box .hot-img-1[data-v-86a13cd0] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall .img-box .hot-img-2[data-v-86a13cd0] {
  position: relative;
  z-index: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall .label-box[data-v-86a13cd0] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall .label-box .label[data-v-86a13cd0] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall .label-box .sub-label[data-v-86a13cd0] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .btn-wall[data-v-f57f6bba] {
  width: 6.25rem;
  height: 2.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .btn-wall .btn-bg[data-v-f57f6bba] {
  width: 5.625rem;
  height: 100%;
  overflow: hidden;
  transform: skew(-18deg);
  border-radius: var(--ep-border-radius-m);
  position: absolute;
  z-index: 1;
}
html .btn-wall .btn-bg[data-v-f57f6bba]::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -0.3125rem;
  z-index: -1;
  width: 6.25rem;
  height: 100%;
  transform: skew(18deg);
  background: url('/assets/tab-bg3-r2-CeSyGY2t.png') no-repeat center center / 100% 100%;
  opacity: 0.4;
  mix-blend-mode: color-burn;
}
html .btn-wall .label[data-v-f57f6bba] {
  flex: 1;
  position: relative;
  z-index: 10;
  margin-left: 1rem;
  text-align: left;
  white-space: wrap;
  text-wrap: wrap;
  line-height: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  justify-self: flex-start;
  color: var(--ep-color-text-default);
}
html .btn-wall .type-img[data-v-f57f6bba] {
  position: absolute;
  right: 0;
  z-index: 10;
  display: block;
  background-size: 700% 100%;
  width: 2.5rem;
  height: 2.5rem;
}
html ion-segment-button:first-child .btn-wall[data-v-f57f6bba],
html .swiper-slide:first-child .btn-wall[data-v-f57f6bba] {
  background: url('/assets/tab-bg-3-r2-ZjkxwJhu.png') no-repeat left center / 100% 100%;
}
html ion-segment-button:first-child .btn-wall .btn-bg[data-v-f57f6bba],
html .swiper-slide:first-child .btn-wall .btn-bg[data-v-f57f6bba] {
  background: transparent;
}
html ion-segment-button:first-child .btn-wall .btn-bg[data-v-f57f6bba]::after,
html .swiper-slide:first-child .btn-wall .btn-bg[data-v-f57f6bba]::after {
  display: none;
}
html ion-segment-button:first-child .btn-wall .label[data-v-f57f6bba],
html .swiper-slide:first-child .btn-wall .label[data-v-f57f6bba] {
  margin-left: 0.5rem;
}
html ion-segment-button:nth-child(4n+1) .btn-bg[data-v-f57f6bba],
html .swiper-slide:nth-child(4n+1) .btn-bg[data-v-f57f6bba] {
  background: linear-gradient(102deg, #DC544C 0%, #9F242D 89.4%);
}
html ion-segment-button:nth-child(4n+2) .btn-bg[data-v-f57f6bba],
html .swiper-slide:nth-child(4n+2) .btn-bg[data-v-f57f6bba] {
  background: linear-gradient(111deg, #EEB635 26.94%, #DD7029 91.27%);
}
html ion-segment-button:nth-child(4n+3) .btn-bg[data-v-f57f6bba],
html .swiper-slide:nth-child(4n+3) .btn-bg[data-v-f57f6bba] {
  background: linear-gradient(111deg, #7BB631 26.94%, #41842C 91.27%);
}
html ion-segment-button:nth-child(4n+4) .btn-bg[data-v-f57f6bba],
html .swiper-slide:nth-child(4n+4) .btn-bg[data-v-f57f6bba] {
  background: linear-gradient(111deg, #186EC9 26.94%, #183FC9 91.27%);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .btn-wall[data-v-a182562d] {
  width: 7.5rem;
  height: 3.25rem;
}
html .btn-wall .type-img[data-v-a182562d] {
  width: 100%;
  height: 100%;
  display: block;
  background-size: 800% 500%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.btn-wall[data-v-356fa6f7] {
  margin: 0.0625rem;
  padding: 0.25rem 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  border-radius: 1.25rem;
  position: relative;
  background: rgba(188, 188, 188, 0.05);
}
html .layout1.btn-wall .type-icon[data-v-356fa6f7] {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  color: #BCBCBC;
}
html .layout1.btn-wall .label[data-v-356fa6f7] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #BCBCBC);
}
html .active .layout1.btn-wall[data-v-356fa6f7] {
  background: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
  outline: 0.0625rem solid transparent;
}
html .active .layout1.btn-wall .type-icon[data-v-356fa6f7] {
  color: #fff;
}
html .active .layout1.btn-wall .label[data-v-356fa6f7] {
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default, #fff);
}
html .layout2.btn-wall[data-v-356fa6f7] {
  width: 4.375rem;
  margin: 0.0625rem;
  padding: 0.25rem 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
html .layout2.btn-wall .type-icon[data-v-356fa6f7] {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  color: var(--ep-color-icon-brand-primary);
  filter: grayscale(1);
}
html .layout2.btn-wall .label[data-v-356fa6f7] {
  width: 100%;
  margin-bottom: 0.3125rem;
  line-height: 1;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak, #fff);
}
html .active .layout2.btn-wall .type-icon[data-v-356fa6f7] {
  filter: grayscale(0);
}
html .active .layout2.btn-wall .label[data-v-356fa6f7] {
  color: var(--ep-color-text-selected);
}
html .layout3.btn-wall[data-v-356fa6f7] {
  padding: 0.25rem 0.25rem 0.25rem 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  position: relative;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #252C32);
}
html .layout3.btn-wall .type-icon[data-v-356fa6f7] {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  color: #BCBCBC;
}
html .layout3.btn-wall .label[data-v-356fa6f7] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-weak, #BCBCBC);
}
html .layout30.btn-wall[data-v-356fa6f7] {
  padding: 0.25rem 0.25rem 0.25rem 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  position: relative;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-dynamic-secondary);
}
html .layout30.btn-wall .type-icon[data-v-356fa6f7] {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  color: #BCBCBC;
}
html .layout30.btn-wall .label[data-v-356fa6f7] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-weak, #BCBCBC);
}
#tabbar-tabs-inicio-components-Segment-components-nav-7-index .layout1.btn-wall[data-v-356fa6f7] {
  margin: 0.0625rem;
  padding: 0.25rem 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  border-radius: 1.25rem;
  position: relative;
  background: rgba(188, 188, 188, 0.05);
}
#tabbar-tabs-inicio-components-Segment-components-nav-7-index .layout1.btn-wall .type-icon[data-v-356fa6f7] {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  color: #BCBCBC;
}
#tabbar-tabs-inicio-components-Segment-components-nav-7-index .layout1.btn-wall .label[data-v-356fa6f7] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-default-secondary, #BCBCBC);
}
#tabbar-tabs-inicio-components-Segment-components-nav-7-index .active .layout1.btn-wall[data-v-356fa6f7] {
  background: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
  outline: 0.0625rem solid transparent;
}
#tabbar-tabs-inicio-components-Segment-components-nav-7-index .active .layout1.btn-wall .type-icon[data-v-356fa6f7] {
  color: #fff;
}
#tabbar-tabs-inicio-components-Segment-components-nav-7-index .active .layout1.btn-wall .label[data-v-356fa6f7] {
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default, #fff);
}
#tabbar-tabs-inicio-components-Segment-components-nav-7-index .layout2.btn-wall[data-v-356fa6f7] {
  width: 4.375rem;
  margin: 0.0625rem;
  padding: 0.25rem 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-7-index .layout2.btn-wall .type-icon[data-v-356fa6f7] {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  color: var(--ep-color-icon-brand-primary);
  filter: grayscale(1);
}
#tabbar-tabs-inicio-components-Segment-components-nav-7-index .layout2.btn-wall .label[data-v-356fa6f7] {
  width: 100%;
  margin-bottom: 0.3125rem;
  line-height: 1;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak, #fff);
}
#tabbar-tabs-inicio-components-Segment-components-nav-7-index .active .layout2.btn-wall .type-icon[data-v-356fa6f7] {
  filter: grayscale(0);
}
#tabbar-tabs-inicio-components-Segment-components-nav-7-index .active .layout2.btn-wall .label[data-v-356fa6f7] {
  color: var(--ep-color-text-selected);
}
#tabbar-tabs-inicio-components-Segment-components-nav-7-index .layout3.btn-wall[data-v-356fa6f7] {
  padding: 0.25rem 0.25rem 0.25rem 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  position: relative;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #252C32);
}
#tabbar-tabs-inicio-components-Segment-components-nav-7-index .layout3.btn-wall .type-icon[data-v-356fa6f7] {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  color: #BCBCBC;
}
#tabbar-tabs-inicio-components-Segment-components-nav-7-index .layout3.btn-wall .label[data-v-356fa6f7] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-weak, #BCBCBC);
}
#tabbar-tabs-inicio-components-Segment-components-nav-7-index .layout30.btn-wall[data-v-356fa6f7] {
  padding: 0.25rem 0.25rem 0.25rem 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  position: relative;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-dynamic-secondary);
}
#tabbar-tabs-inicio-components-Segment-components-nav-7-index .layout30.btn-wall .type-icon[data-v-356fa6f7] {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  color: #BCBCBC;
}
#tabbar-tabs-inicio-components-Segment-components-nav-7-index .layout30.btn-wall .label[data-v-356fa6f7] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-weak, #BCBCBC);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.btn-wall[data-v-e3e8502f] {
  gap: 0.375rem;
  width: 4.5rem;
  height: 7.5rem;
  padding-top: 1.5rem;
  padding-inline: 0.25rem;
  display: flex;
  flex-direction: column;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: 0.75rem;
}
html .layout1.btn-wall .img-box[data-v-e3e8502f] {
  flex-shrink: 0;
  width: 2.625rem;
  height: 2.65rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  position: relative;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout1.btn-wall .img-box .type-img[data-v-e3e8502f] {
  display: block;
  background-size: 800% 500%;
  width: 1.5rem;
  height: 1.5rem;
}
html .layout1.btn-wall .img-box .hot-img[data-v-e3e8502f] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout1.btn-wall .img-box .hot-img-1[data-v-e3e8502f] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
html .layout1.btn-wall .img-box .hot-img-2[data-v-e3e8502f] {
  position: relative;
  z-index: 1;
}
html .layout1.btn-wall .label-box[data-v-e3e8502f] {
  display: flex;
  flex-direction: column;
}
html .layout1.btn-wall .label-box .label[data-v-e3e8502f] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight-white);
}
html .layout1.btn-wall .label-box .sub-label[data-v-e3e8502f] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout9.btn-wall[data-v-e3e8502f] {
  gap: 0.375rem;
  width: 4.5rem;
  height: 7.5rem;
  padding-top: 1.5rem;
  padding-inline: 0.25rem;
  display: flex;
  flex-direction: column;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: 0.75rem;
}
html .layout9.btn-wall .img-box[data-v-e3e8502f] {
  flex-shrink: 0;
  width: 2.625rem;
  height: 2.65rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  position: relative;
  background: rgba(0, 0, 0, 0.5);
}
html .layout9.btn-wall .img-box .type-img[data-v-e3e8502f] {
  display: block;
  background-size: 800% 500%;
  width: 1.5rem;
  height: 1.5rem;
}
html .layout9.btn-wall .img-box .hot-img[data-v-e3e8502f] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout9.btn-wall .img-box .hot-img-1[data-v-e3e8502f] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
html .layout9.btn-wall .img-box .hot-img-2[data-v-e3e8502f] {
  position: relative;
  z-index: 1;
}
html .layout9.btn-wall .label-box[data-v-e3e8502f] {
  display: flex;
  flex-direction: column;
}
html .layout9.btn-wall .label-box .label[data-v-e3e8502f] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight-white);
}
html .layout9.btn-wall .label-box .sub-label[data-v-e3e8502f] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout26.btn-wall[data-v-e3e8502f] {
  gap: 0.25rem;
  width: 3.75rem;
  height: 4.375rem;
  padding-top: 0.5rem;
  padding-inline: 0.25rem;
  display: flex;
  flex-direction: column;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: 0.5rem;
  justify-content: space-between;
}
html .layout26.btn-wall .img-box[data-v-e3e8502f] {
  flex-shrink: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  position: relative;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout26.btn-wall .img-box .type-img[data-v-e3e8502f] {
  display: block;
  background-size: 800% 500%;
  width: 2.5rem;
  height: 2.5rem;
}
html .layout26.btn-wall .img-box .hot-img[data-v-e3e8502f] {
  width: 2rem;
  height: 2.5rem;
}
html .layout26.btn-wall .img-box .hot-img-1[data-v-e3e8502f] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
html .layout26.btn-wall .img-box .hot-img-2[data-v-e3e8502f] {
  position: relative;
  z-index: 1;
}
html .layout26.btn-wall .label-box[data-v-e3e8502f] {
  display: flex;
  flex-direction: column;
}
html .layout26.btn-wall .label-box .label[data-v-e3e8502f] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .layout26.btn-wall .label-box .sub-label[data-v-e3e8502f] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout30.btn-wall[data-v-e3e8502f] {
  width: 3.75rem;
  height: 4rem;
  display: flex;
  margin-top: 1.25rem;
  flex-direction: column;
  justify-content: space-between;
}
html .layout30.btn-wall .img-box[data-v-e3e8502f] {
  flex-shrink: 0;
  width: 2.625rem;
  height: 2.65rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  border: 5px solid var(--ep-color-border-brand);
  position: relative;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout30.btn-wall .img-box .type-img[data-v-e3e8502f] {
  display: block;
  background-size: 800% 500%;
  width: 1.875rem;
  height: 1.875rem;
}
html .layout30.btn-wall .img-box .hot-img[data-v-e3e8502f] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout30.btn-wall .img-box .hot-img-1[data-v-e3e8502f] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
html .layout30.btn-wall .img-box .hot-img-2[data-v-e3e8502f] {
  position: relative;
  z-index: 1;
}
html .layout30.btn-wall .label-box[data-v-e3e8502f] {
  display: flex;
  flex-direction: column;
  background: var(--ep-color-background-fill-surface-raised-L2);
  border-radius: 99rem;
}
html .layout30.btn-wall .label-box .label[data-v-e3e8502f] {
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-weak);
}
html .layout30.btn-wall .label-box .sub-label[data-v-e3e8502f] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall[data-v-e3e8502f] {
  gap: 0.375rem;
  width: 4.5rem;
  height: 7.5rem;
  padding-top: 1.5rem;
  padding-inline: 0.25rem;
  display: flex;
  flex-direction: column;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: 0.75rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .img-box[data-v-e3e8502f] {
  flex-shrink: 0;
  width: 2.625rem;
  height: 2.65rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  position: relative;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .img-box .type-img[data-v-e3e8502f] {
  display: block;
  background-size: 800% 500%;
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .img-box .hot-img[data-v-e3e8502f] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .img-box .hot-img-1[data-v-e3e8502f] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .img-box .hot-img-2[data-v-e3e8502f] {
  position: relative;
  z-index: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .label-box[data-v-e3e8502f] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .label-box .label[data-v-e3e8502f] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight-white);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .label-box .sub-label[data-v-e3e8502f] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout9.btn-wall[data-v-e3e8502f] {
  gap: 0.375rem;
  width: 4.5rem;
  height: 7.5rem;
  padding-top: 1.5rem;
  padding-inline: 0.25rem;
  display: flex;
  flex-direction: column;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: 0.75rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout9.btn-wall .img-box[data-v-e3e8502f] {
  flex-shrink: 0;
  width: 2.625rem;
  height: 2.65rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  position: relative;
  background: rgba(0, 0, 0, 0.5);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout9.btn-wall .img-box .type-img[data-v-e3e8502f] {
  display: block;
  background-size: 800% 500%;
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout9.btn-wall .img-box .hot-img[data-v-e3e8502f] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout9.btn-wall .img-box .hot-img-1[data-v-e3e8502f] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout9.btn-wall .img-box .hot-img-2[data-v-e3e8502f] {
  position: relative;
  z-index: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout9.btn-wall .label-box[data-v-e3e8502f] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout9.btn-wall .label-box .label[data-v-e3e8502f] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight-white);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout9.btn-wall .label-box .sub-label[data-v-e3e8502f] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout26.btn-wall[data-v-e3e8502f] {
  gap: 0.25rem;
  width: 3.75rem;
  height: 4.375rem;
  padding-top: 0.5rem;
  padding-inline: 0.25rem;
  display: flex;
  flex-direction: column;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: 0.5rem;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout26.btn-wall .img-box[data-v-e3e8502f] {
  flex-shrink: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  position: relative;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout26.btn-wall .img-box .type-img[data-v-e3e8502f] {
  display: block;
  background-size: 800% 500%;
  width: 2.5rem;
  height: 2.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout26.btn-wall .img-box .hot-img[data-v-e3e8502f] {
  width: 2rem;
  height: 2.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout26.btn-wall .img-box .hot-img-1[data-v-e3e8502f] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout26.btn-wall .img-box .hot-img-2[data-v-e3e8502f] {
  position: relative;
  z-index: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout26.btn-wall .label-box[data-v-e3e8502f] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout26.btn-wall .label-box .label[data-v-e3e8502f] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout26.btn-wall .label-box .sub-label[data-v-e3e8502f] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout30.btn-wall[data-v-e3e8502f] {
  width: 3.75rem;
  height: 4rem;
  display: flex;
  margin-top: 1.25rem;
  flex-direction: column;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout30.btn-wall .img-box[data-v-e3e8502f] {
  flex-shrink: 0;
  width: 2.625rem;
  height: 2.65rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  border: 5px solid var(--ep-color-border-brand);
  position: relative;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout30.btn-wall .img-box .type-img[data-v-e3e8502f] {
  display: block;
  background-size: 800% 500%;
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout30.btn-wall .img-box .hot-img[data-v-e3e8502f] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout30.btn-wall .img-box .hot-img-1[data-v-e3e8502f] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout30.btn-wall .img-box .hot-img-2[data-v-e3e8502f] {
  position: relative;
  z-index: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout30.btn-wall .label-box[data-v-e3e8502f] {
  display: flex;
  flex-direction: column;
  background: var(--ep-color-background-fill-surface-raised-L2);
  border-radius: 99rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout30.btn-wall .label-box .label[data-v-e3e8502f] {
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-weak);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout30.btn-wall .label-box .sub-label[data-v-e3e8502f] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .init-segment.active .btn-wall[data-v-6b62c2a8] {
  background: var(--ep-color-icon-selected);
  color: var(--ep-color-text-default);
}
html .btn-wall[data-v-6b62c2a8] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ep-color-text-weak);
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-medium);
}
html .btn-wall .type-img[data-v-6b62c2a8] {
  background-size: 700% 100%;
  width: 1.5rem;
  height: 1.5rem;
}
html .init-segment.active .layout27.btn-wall[data-v-6b62c2a8] {
  background: var(--ep-color-icon-selected);
  color: var(--ep-color-text-default);
}
html .layout27.btn-wall[data-v-6b62c2a8] {
  border: none;
  display: flex;
  background: none;
  align-items: center;
  justify-content: center;
  color: var(--ep-color-text-weak);
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-medium);
}
html .layout27.btn-wall .type-img[data-v-6b62c2a8] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout27.btn-wall .type-img.category[data-v-6b62c2a8] {
  background-size: 700% 100%;
}
html .layout27.btn-wall .type-img.platform[data-v-6b62c2a8] {
  background-size: 800% 500%;
}
html .layout27.btn-wall .hot-img[data-v-6b62c2a8] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout37.btn-wall[data-v-6b62c2a8] {
  position: relative;
  width: 4rem;
  height: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 4px;
  overflow: visible;
  border-radius: var(--ep-border-radius-surface-default);
}
html .layout37.btn-wall[data-v-6b62c2a8]::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--ep-border-radius-surface-default);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-tertiary-a) 0%, var(--ep-color-background-fill-gradients-tertiary-b) 100%);
}
html .layout37.btn-wall .icon-container[data-v-6b62c2a8] {
  position: relative;
  z-index: 1;
  width: 2.375rem;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: linear-gradient(180deg, var(--ep-color-background-fill-active-primary, #C700E3) 0%, var(--ep-color-background-fill-active-active, #9C46FF) 100%);
  box-shadow: 0 -2px 4px 0 var(--ep-color-border-selected, #F6B1FF) inset;
}
html .layout37.btn-wall .icon-container[data-v-6b62c2a8]::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-image: url('/assets/category-bg37-r2-jH-cQtHw.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
}
html .layout37.btn-wall .type-img[data-v-6b62c2a8] {
  position: relative;
  z-index: 1;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  display: block;
}
html .layout37.btn-wall .type-img.category[data-v-6b62c2a8] {
  background-size: 700% 100%;
}
html .layout37.btn-wall .type-img.platform[data-v-6b62c2a8] {
  background-size: 800% 500%;
}
html .layout37.btn-wall .hot-img[data-v-6b62c2a8] {
  position: relative;
  z-index: 1;
  width: 2rem;
  height: 2rem;
}
html .layout37.btn-wall .label[data-v-6b62c2a8] {
  position: absolute;
  bottom: -0.625rem;
  left: 0;
  right: 0;
  width: 100%;
  line-height: 1.25rem;
  height: 1.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-inverse);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.4);
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a) 0%, var(--ep-color-background-fill-gradients-secondary-b) 118.75%);
  z-index: 2;
}
html .layout40.btn-wall[data-v-6b62c2a8] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ep-color-text-weak);
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-medium);
}
html .layout40.btn-wall .type-img[data-v-6b62c2a8] {
  width: 2rem;
  height: 2rem;
}
html .layout40.btn-wall .type-img.category[data-v-6b62c2a8] {
  background-size: 700% 100%;
}
html .layout40.btn-wall .type-img.platform[data-v-6b62c2a8] {
  background-size: 800% 500%;
}
html .layout40.btn-wall .icon-container[data-v-6b62c2a8] {
  width: 1.875rem;
  height: 1.875rem;
}
html .layout40.btn-wall .icon-container .hot-img[data-v-6b62c2a8] {
  width: 100%;
  height: 100%;
}
html .init-segment.active .btn-wall[data-v-6b62c2a8] {
  background: linear-gradient(180deg, #6FF7C7 0%, #F6F6F8 100%);
  color: var(--ep-color-text-inverse);
}
html .btn-wall[data-v-6b62c2a8] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ep-color-text-inverse);
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  background: linear-gradient(180deg, #6FF7C7 0%, #F6F6F8 100%);
  height: 2.5rem;
  padding: 0 0.625rem;
  border-radius: var(--ep-border-radius-xl);
}
html .btn-wall .type-img[data-v-6b62c2a8] {
  width: 1.875rem;
  height: 1.875rem;
}
html .btn-wall .type-img.category[data-v-6b62c2a8] {
  background-size: 700% 100%;
}
html .btn-wall .type-img.platform[data-v-6b62c2a8] {
  background-size: 800% 500%;
}
html .btn-wall .hot-img[data-v-6b62c2a8] {
  width: 1.875rem;
  height: 1.5rem;
}
html .init-segment.active .btn-wall[data-v-6b62c2a8] {
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-primary-b) 0%, var(--ep-color-background-fill-gradients-primary-a) 100%);
  color: var(--ep-color-text-default);
}
html .btn-wall[data-v-6b62c2a8] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-primary-b) 0%, var(--ep-color-background-fill-gradients-primary-a) 100%);
  height: 2.5rem;
  padding: 0 0.625rem;
  border-radius: var(--ep-border-radius-surface-small);
  border: 0.0625rem solid var(--ep-color-border-brand);
}
html .btn-wall .type-img[data-v-6b62c2a8] {
  margin-right: 0.25rem;
  width: 1.875rem;
  height: 1.875rem;
}
html .btn-wall .type-img.category[data-v-6b62c2a8] {
  background-size: 700% 100%;
}
html .btn-wall .type-img.platform[data-v-6b62c2a8] {
  background-size: 800% 500%;
}
html .btn-wall .hot-img[data-v-6b62c2a8] {
  width: 1.875rem;
  height: 1.5rem;
}
html .layout54.btn-wall[data-v-6b62c2a8],
html .init-segment.active .layout54.btn-wall[data-v-6b62c2a8] {
  box-sizing: border-box;
  width: 5.8125rem;
  height: 2.5rem;
  padding: 0 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  border-radius: 0;
  background: url('/assets/tab-bg-54-r2-BmlDkCn8.svg') no-repeat center center / 100% 100%;
  line-height: 1.125rem;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-highlight-white);
  border: none;
}
html .layout54.btn-wall .icon-container[data-v-6b62c2a8],
html .init-segment.active .layout54.btn-wall .icon-container[data-v-6b62c2a8] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
html .layout54.btn-wall .type-img[data-v-6b62c2a8],
html .init-segment.active .layout54.btn-wall .type-img[data-v-6b62c2a8] {
  width: 1.875rem;
  height: 1.875rem;
}
html .layout54.btn-wall .type-img.category[data-v-6b62c2a8],
html .init-segment.active .layout54.btn-wall .type-img.category[data-v-6b62c2a8] {
  background-size: 700% 100%;
}
html .layout54.btn-wall .type-img.platform[data-v-6b62c2a8],
html .init-segment.active .layout54.btn-wall .type-img.platform[data-v-6b62c2a8] {
  background-size: 800% 500%;
}
html .layout54.btn-wall .hot-img[data-v-6b62c2a8],
html .init-segment.active .layout54.btn-wall .hot-img[data-v-6b62c2a8] {
  width: 1.875rem;
  height: 1.5rem;
}
html .layout54.btn-wall .label[data-v-6b62c2a8],
html .init-segment.active .layout54.btn-wall .label[data-v-6b62c2a8] {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .init-segment.active .btn-wall[data-v-6b62c2a8] {
  background: var(--ep-color-icon-selected);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .btn-wall[data-v-6b62c2a8] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ep-color-text-weak);
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-medium);
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .btn-wall .type-img[data-v-6b62c2a8] {
  background-size: 700% 100%;
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .init-segment.active .layout27.btn-wall[data-v-6b62c2a8] {
  background: var(--ep-color-icon-selected);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout27.btn-wall[data-v-6b62c2a8] {
  border: none;
  display: flex;
  background: none;
  align-items: center;
  justify-content: center;
  color: var(--ep-color-text-weak);
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-medium);
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout27.btn-wall .type-img[data-v-6b62c2a8] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout27.btn-wall .type-img.category[data-v-6b62c2a8] {
  background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout27.btn-wall .type-img.platform[data-v-6b62c2a8] {
  background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout27.btn-wall .hot-img[data-v-6b62c2a8] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout37.btn-wall[data-v-6b62c2a8] {
  position: relative;
  width: 4rem;
  height: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 4px;
  overflow: visible;
  border-radius: var(--ep-border-radius-surface-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout37.btn-wall[data-v-6b62c2a8]::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--ep-border-radius-surface-default);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-tertiary-a) 0%, var(--ep-color-background-fill-gradients-tertiary-b) 100%);
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout37.btn-wall .icon-container[data-v-6b62c2a8] {
  position: relative;
  z-index: 1;
  width: 2.375rem;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: linear-gradient(180deg, var(--ep-color-background-fill-active-primary, #C700E3) 0%, var(--ep-color-background-fill-active-active, #9C46FF) 100%);
  box-shadow: 0 -2px 4px 0 var(--ep-color-border-selected, #F6B1FF) inset;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout37.btn-wall .icon-container[data-v-6b62c2a8]::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-image: url('/assets/category-bg37-r2-jH-cQtHw.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout37.btn-wall .type-img[data-v-6b62c2a8] {
  position: relative;
  z-index: 1;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  display: block;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout37.btn-wall .type-img.category[data-v-6b62c2a8] {
  background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout37.btn-wall .type-img.platform[data-v-6b62c2a8] {
  background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout37.btn-wall .hot-img[data-v-6b62c2a8] {
  position: relative;
  z-index: 1;
  width: 2rem;
  height: 2rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout37.btn-wall .label[data-v-6b62c2a8] {
  position: absolute;
  bottom: -0.625rem;
  left: 0;
  right: 0;
  width: 100%;
  line-height: 1.25rem;
  height: 1.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-inverse);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.4);
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a) 0%, var(--ep-color-background-fill-gradients-secondary-b) 118.75%);
  z-index: 2;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout40.btn-wall[data-v-6b62c2a8] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ep-color-text-weak);
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-medium);
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout40.btn-wall .type-img[data-v-6b62c2a8] {
  width: 2rem;
  height: 2rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout40.btn-wall .type-img.category[data-v-6b62c2a8] {
  background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout40.btn-wall .type-img.platform[data-v-6b62c2a8] {
  background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout40.btn-wall .icon-container[data-v-6b62c2a8] {
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout40.btn-wall .icon-container .hot-img[data-v-6b62c2a8] {
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .init-segment.active .btn-wall[data-v-6b62c2a8] {
  background: linear-gradient(180deg, #6FF7C7 0%, #F6F6F8 100%);
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .btn-wall[data-v-6b62c2a8] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ep-color-text-inverse);
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  background: linear-gradient(180deg, #6FF7C7 0%, #F6F6F8 100%);
  height: 2.5rem;
  padding: 0 0.625rem;
  border-radius: var(--ep-border-radius-xl);
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .btn-wall .type-img[data-v-6b62c2a8] {
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .btn-wall .type-img.category[data-v-6b62c2a8] {
  background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .btn-wall .type-img.platform[data-v-6b62c2a8] {
  background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .btn-wall .hot-img[data-v-6b62c2a8] {
  width: 1.875rem;
  height: 1.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .init-segment.active .btn-wall[data-v-6b62c2a8] {
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-primary-b) 0%, var(--ep-color-background-fill-gradients-primary-a) 100%);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .btn-wall[data-v-6b62c2a8] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-primary-b) 0%, var(--ep-color-background-fill-gradients-primary-a) 100%);
  height: 2.5rem;
  padding: 0 0.625rem;
  border-radius: var(--ep-border-radius-surface-small);
  border: 0.0625rem solid var(--ep-color-border-brand);
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .btn-wall .type-img[data-v-6b62c2a8] {
  margin-right: 0.25rem;
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .btn-wall .type-img.category[data-v-6b62c2a8] {
  background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .btn-wall .type-img.platform[data-v-6b62c2a8] {
  background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .btn-wall .hot-img[data-v-6b62c2a8] {
  width: 1.875rem;
  height: 1.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout54.btn-wall[data-v-6b62c2a8],
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .init-segment.active .layout54.btn-wall[data-v-6b62c2a8] {
  box-sizing: border-box;
  width: 5.8125rem;
  height: 2.5rem;
  padding: 0 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  border-radius: 0;
  background: url('/assets/tab-bg-54-r2-BmlDkCn8.svg') no-repeat center center / 100% 100%;
  line-height: 1.125rem;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-highlight-white);
  border: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout54.btn-wall .icon-container[data-v-6b62c2a8],
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .init-segment.active .layout54.btn-wall .icon-container[data-v-6b62c2a8] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout54.btn-wall .type-img[data-v-6b62c2a8],
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .init-segment.active .layout54.btn-wall .type-img[data-v-6b62c2a8] {
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout54.btn-wall .type-img.category[data-v-6b62c2a8],
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .init-segment.active .layout54.btn-wall .type-img.category[data-v-6b62c2a8] {
  background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout54.btn-wall .type-img.platform[data-v-6b62c2a8],
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .init-segment.active .layout54.btn-wall .type-img.platform[data-v-6b62c2a8] {
  background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout54.btn-wall .hot-img[data-v-6b62c2a8],
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .init-segment.active .layout54.btn-wall .hot-img[data-v-6b62c2a8] {
  width: 1.875rem;
  height: 1.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .layout54.btn-wall .label[data-v-6b62c2a8],
#tabbar-tabs-inicio-components-Segment-components-nav-5-index .init-segment.active .layout54.btn-wall .label[data-v-6b62c2a8] {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout28.btn-wall[data-v-e4713c0c] {
  width: 3.25rem;
  height: 3.5625rem;
  display: flex;
  flex-direction: column;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--border-radius-medium, 0.375rem);
  border-color: var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L2);
  background-repeat: no-repeat;
  background-size: 100% 85%, 100% 100%;
}
html .layout28.btn-wall.hot-btn[data-v-e4713c0c] {
  border-color: var(--ep-color-border-brand);
}
html .layout28.btn-wall.hot-btn .img-box[data-v-e4713c0c] {
  background: transparent;
}
html .layout28.btn-wall.hot-btn .label-box .label[data-v-e4713c0c] {
  color: var(--ep-color-text-default);
}
html .layout28.btn-wall .img-box[data-v-e4713c0c] {
  flex-shrink: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.25rem;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  position: relative;
}
html .layout28.btn-wall .img-box .type-img[data-v-e4713c0c] {
  display: block;
  background-size: 800% 500%;
  width: 2rem;
  height: 2rem;
}
html .layout28.btn-wall .img-box .hot-img[data-v-e4713c0c] {
  width: 2rem;
  height: 2rem;
}
html .layout28.btn-wall .img-box .hot-img-1[data-v-e4713c0c] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
html .layout28.btn-wall .img-box .hot-img-2[data-v-e4713c0c] {
  position: relative;
  z-index: 1;
}
html .layout28.btn-wall .label-box[data-v-e4713c0c] {
  display: flex;
  flex-direction: column;
}
html .layout28.btn-wall .label-box .label[data-v-e4713c0c] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-weaker);
}
html .layout28.btn-wall .label-box .sub-label[data-v-e4713c0c] {
  display: none;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
html .active .layout28.btn-wall[data-v-e4713c0c]:not(.hot-btn) {
  background-image: linear-gradient(180deg, var(--ep-inverse-inverse-500) 0%, var(--ep-color-background-fill-active-primary) 52.88%, var(--ep-inverse-inverse-500) 100%) !important;
  background-size: 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall[data-v-e4713c0c] {
  width: 3.25rem;
  height: 3.5625rem;
  display: flex;
  flex-direction: column;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--border-radius-medium, 0.375rem);
  border-color: var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L2);
  background-repeat: no-repeat;
  background-size: 100% 85%, 100% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall.hot-btn[data-v-e4713c0c] {
  border-color: var(--ep-color-border-brand);
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall.hot-btn .img-box[data-v-e4713c0c] {
  background: transparent;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall.hot-btn .label-box .label[data-v-e4713c0c] {
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall .img-box[data-v-e4713c0c] {
  flex-shrink: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.25rem;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall .img-box .type-img[data-v-e4713c0c] {
  display: block;
  background-size: 800% 500%;
  width: 2rem;
  height: 2rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall .img-box .hot-img[data-v-e4713c0c] {
  width: 2rem;
  height: 2rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall .img-box .hot-img-1[data-v-e4713c0c] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall .img-box .hot-img-2[data-v-e4713c0c] {
  position: relative;
  z-index: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall .label-box[data-v-e4713c0c] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall .label-box .label[data-v-e4713c0c] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall .label-box .sub-label[data-v-e4713c0c] {
  display: none;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .active .layout28.btn-wall[data-v-e4713c0c]:not(.hot-btn) {
  background-image: linear-gradient(180deg, var(--ep-inverse-inverse-500) 0%, var(--ep-color-background-fill-active-primary) 52.88%, var(--ep-inverse-inverse-500) 100%) !important;
  background-size: 100%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout1.btn-wall[data-v-77998747] {
  display: flex;
  align-items: center;
  background: rgba(188, 188, 188, 0.05);
  border-radius: 1.25rem;
  padding-inline: 0.5rem;
  opacity: 0.75;
}
.layout1.btn-wall.hot-btn[data-v-77998747] {
  background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%);
  padding-left: 0.125rem;
  padding-right: 0.75rem;
  opacity: 1;
}
.layout1.btn-wall.hot-btn .label[data-v-77998747] {
  font-weight: 700;
}
.layout1.btn-wall .hot-img[data-v-77998747],
.layout1.btn-wall .type-img[data-v-77998747] {
  width: 1.75rem;
  height: 1.75rem;
}
.layout1.btn-wall .hot-img[data-v-77998747] {
  padding: 0.4375rem;
}
.layout1.btn-wall .hot-img ion-icon[data-v-77998747] {
  width: 100%;
  height: 100%;
}
.layout1.btn-wall .type-img[data-v-77998747] {
  flex-shrink: 0;
  display: block;
  background-size: 800% 500%;
}
.layout1.btn-wall .label[data-v-77998747] {
  line-height: 1;
  font-size: 0.875rem;
  color: #fff;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout38.btn-wall[data-v-2a17b5de] {
  width: 3.5rem;
  height: 4.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  background-size: 100% 100%;
}
html .layout38.btn-wall .icon5-bg[data-v-2a17b5de] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
html .layout38.btn-wall .type-icon[data-v-2a17b5de],
html .layout38.btn-wall .type-img[data-v-2a17b5de] {
  width: 2.875rem;
  height: 2.875rem;
  font-size: 2.875rem;
}
html .layout38.btn-wall .type-img[data-v-2a17b5de] {
  display: block;
  background-size: 800% 500%;
}
html .layout38.btn-wall .label-wall[data-v-2a17b5de] {
  width: 100%;
  align-items: center;
  justify-content: center;
}
html .layout38.btn-wall .label-wall .label-icon[data-v-2a17b5de] {
  display: none;
  font-size: var(--ep-font-size-xs, 0.625rem);
  color: var(--ep-color-text-default-secondary, #7E9071);
}
html .layout38.btn-wall .label-wall .label[data-v-2a17b5de] {
  margin-top: 0.125rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-default);
  display: inline-block;
  width: 100%;
}
html .active .layout28.btn-wall[data-v-2a17b5de] {
  background: linear-gradient(180deg, var(--ep-inverse-inverse-500) 0%, var(--ep-color-background-fill-active-primary) 52.88%, var(--ep-inverse-inverse-500) 100%);
}
html .active .layout28.btn-wall .type-icon[data-v-2a17b5de],
html .active .layout28.btn-wall .type-img[data-v-2a17b5de] {
  filter: none;
  opacity: 1;
}
html .active .layout28.btn-wall .label-wall .label[data-v-2a17b5de] {
  color: var(--ep-color-text-default, #fff);
}
#tabbar-tabs-inicio-components-Segment-components-nav-13-index .layout38.btn-wall[data-v-2a17b5de] {
  width: 3.5rem;
  height: 4.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  background-size: 100% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-13-index .layout38.btn-wall .icon5-bg[data-v-2a17b5de] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-13-index .layout38.btn-wall .type-icon[data-v-2a17b5de],
#tabbar-tabs-inicio-components-Segment-components-nav-13-index .layout38.btn-wall .type-img[data-v-2a17b5de] {
  width: 2.875rem;
  height: 2.875rem;
  font-size: 2.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-13-index .layout38.btn-wall .type-img[data-v-2a17b5de] {
  display: block;
  background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-13-index .layout38.btn-wall .label-wall[data-v-2a17b5de] {
  width: 100%;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-13-index .layout38.btn-wall .label-wall .label-icon[data-v-2a17b5de] {
  display: none;
  font-size: var(--ep-font-size-xs, 0.625rem);
  color: var(--ep-color-text-default-secondary, #7E9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-13-index .layout38.btn-wall .label-wall .label[data-v-2a17b5de] {
  margin-top: 0.125rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1;
  text-align: center;
  color: var(--ep-color-text-default);
  display: inline-block;
  width: 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-13-index .active .layout28.btn-wall[data-v-2a17b5de] {
  background: linear-gradient(180deg, var(--ep-inverse-inverse-500) 0%, var(--ep-color-background-fill-active-primary) 52.88%, var(--ep-inverse-inverse-500) 100%);
}
#tabbar-tabs-inicio-components-Segment-components-nav-13-index .active .layout28.btn-wall .type-icon[data-v-2a17b5de],
#tabbar-tabs-inicio-components-Segment-components-nav-13-index .active .layout28.btn-wall .type-img[data-v-2a17b5de] {
  filter: none;
  opacity: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-13-index .active .layout28.btn-wall .label-wall .label[data-v-2a17b5de] {
  color: var(--ep-color-text-default, #fff);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout28.btn-wall[data-v-a2001882] {
  width: 3.25rem;
  height: 3.5625rem;
  display: flex;
  flex-direction: column;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--border-radius-medium, 0.375rem);
  border-color: var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L2);
  background-repeat: no-repeat;
  background-size: 100% 85%, 100% 100%;
}
html .layout28.btn-wall.hot-btn[data-v-a2001882] {
  border-color: var(--ep-color-border-brand);
  box-shadow: 0 -0.25rem 0.25rem 0 #FF3560 inset, 0 0.25rem 0.25rem 0 rgba(255, 205, 177, 0.25) inset;
}
html .layout28.btn-wall.hot-btn .img-box[data-v-a2001882] {
  background: transparent;
}
html .layout28.btn-wall.hot-btn .label-box .label[data-v-a2001882] {
  color: var(--ep-color-text-default);
}
html .layout28.btn-wall .img-box[data-v-a2001882] {
  flex-shrink: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.25rem;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  position: relative;
}
html .layout28.btn-wall .img-box .type-img[data-v-a2001882] {
  display: block;
  background-size: 700% 100%;
  width: 2rem;
  height: 2rem;
}
html .layout28.btn-wall .img-box .hot-img[data-v-a2001882] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout28.btn-wall .img-box .hot-img-1[data-v-a2001882] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
html .layout28.btn-wall .img-box .hot-img-2[data-v-a2001882] {
  position: relative;
  z-index: 1;
}
html .layout28.btn-wall .label-box[data-v-a2001882] {
  display: flex;
  flex-direction: column;
}
html .layout28.btn-wall .label-box .label[data-v-a2001882] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-weaker);
}
html .layout28.btn-wall .label-box .sub-label[data-v-a2001882] {
  display: none;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall[data-v-a2001882] {
  width: 3.25rem;
  height: 3.5625rem;
  display: flex;
  flex-direction: column;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--border-radius-medium, 0.375rem);
  border-color: var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L2);
  background-repeat: no-repeat;
  background-size: 100% 85%, 100% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall.hot-btn[data-v-a2001882] {
  border-color: var(--ep-color-border-brand);
  box-shadow: 0 -0.25rem 0.25rem 0 #FF3560 inset, 0 0.25rem 0.25rem 0 rgba(255, 205, 177, 0.25) inset;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall.hot-btn .img-box[data-v-a2001882] {
  background: transparent;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall.hot-btn .label-box .label[data-v-a2001882] {
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall .img-box[data-v-a2001882] {
  flex-shrink: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.25rem;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall .img-box .type-img[data-v-a2001882] {
  display: block;
  background-size: 700% 100%;
  width: 2rem;
  height: 2rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall .img-box .hot-img[data-v-a2001882] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall .img-box .hot-img-1[data-v-a2001882] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall .img-box .hot-img-2[data-v-a2001882] {
  position: relative;
  z-index: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall .label-box[data-v-a2001882] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall .label-box .label[data-v-a2001882] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout28.btn-wall .label-box .sub-label[data-v-a2001882] {
  display: none;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.btn-wall[data-v-210325c9] {
  gap: 0.25rem;
  padding-top: 0.5rem;
  display: flex;
  flex-direction: column;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  width: 3.875rem;
  margin-inline: 0.8125rem;
  justify-content: space-between;
  position: relative;
}
html .layout1.btn-wall .img-box[data-v-210325c9] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  position: relative;
  width: 3.875rem;
  height: 3.875rem;
}
html .layout1.btn-wall .img-box .icon[data-v-210325c9] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  color: #F2CB04;
}
html .layout1.btn-wall .img-box .type-img[data-v-210325c9] {
  display: block;
  background-size: 700% 100%;
  width: 2.625rem;
  height: 2.625rem;
}
html .layout1.btn-wall .img-box .hot-img[data-v-210325c9] {
  width: 2.625rem;
  height: 2.625rem;
}
html .layout1.btn-wall .img-box .hot-img-1[data-v-210325c9] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
html .layout1.btn-wall .img-box .hot-img-2[data-v-210325c9] {
  position: relative;
  z-index: 1;
}
html .layout1.btn-wall .label-box[data-v-210325c9] {
  display: flex;
  flex-direction: column;
}
html .layout1.btn-wall .label-box .label[data-v-210325c9] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .layout1.btn-wall .label-box .sub-label[data-v-210325c9] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout36.btn-wall[data-v-210325c9] {
  gap: 0.25rem;
  display: flex;
  width: 3.875rem;
  padding-top: 0.5rem;
  position: relative;
  flex-direction: column;
  margin-inline: 0.8125rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  justify-content: space-between;
  background-position: center center;
}
html .layout36.btn-wall .img-box[data-v-210325c9] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  position: relative;
  width: 3.875rem;
  height: 3.875rem;
}
html .layout36.btn-wall .img-box .icon[data-v-210325c9] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  color: #F2CB04;
}
html .layout36.btn-wall .img-box .type-img[data-v-210325c9] {
  display: block;
  background-size: 800% 500%;
  width: 2.625rem;
  height: 2.625rem;
}
html .layout36.btn-wall .img-box .hot-img[data-v-210325c9] {
  width: 2.625rem;
  height: 2.625rem;
}
html .layout36.btn-wall .img-box .hot-img-1[data-v-210325c9] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
html .layout36.btn-wall .img-box .hot-img-2[data-v-210325c9] {
  position: relative;
  z-index: 1;
}
html .layout36.btn-wall .label-box[data-v-210325c9] {
  display: flex;
  flex-direction: column;
}
html .layout36.btn-wall .label-box .label[data-v-210325c9] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .layout36.btn-wall .label-box .sub-label[data-v-210325c9] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout49.btn-wall[data-v-210325c9] {
  display: flex;
  width: 4.125rem;
  position: relative;
  flex-direction: column;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  justify-content: space-between;
  background-position: center center;
  padding-bottom: 0.125rem;
}
html .layout49.btn-wall[data-v-210325c9]::before {
  left: 50%;
  content: '';
  width: 0.25rem;
  height: 0.25rem;
  bottom: -0.09375rem;
  position: absolute;
  border-radius: 50%;
  background: #FF4444;
  transform: translateX(-50%);
}
html .layout49.btn-wall .img-box[data-v-210325c9] {
  width: 100%;
  display: flex;
  flex-shrink: 0;
  position: relative;
  aspect-ratio: 1 / 1;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-infinity, 9999px);
}
html .layout49.btn-wall .img-box .icon[data-v-210325c9] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  color: #F2CB04;
}
html .layout49.btn-wall .img-box .type-img[data-v-210325c9] {
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  background-size: 800% 500%;
}
html .layout49.btn-wall .img-box .hot-img[data-v-210325c9] {
  width: 2.375rem;
  height: 2.375rem;
}
html .layout49.btn-wall .img-box .hot-img-1[data-v-210325c9] {
  top: 50%;
  left: 50%;
  z-index: 10;
  position: absolute;
  transform: translate(-50%, -55%);
}
html .layout49.btn-wall .img-box .hot-img-2[data-v-210325c9] {
  z-index: 1;
  position: relative;
}
html .layout49.btn-wall .label-box[data-v-210325c9] {
  display: flex;
  flex-direction: column;
}
html .layout49.btn-wall .label-box .label[data-v-210325c9] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
html .layout49.btn-wall.category .img-box .type-img[data-v-210325c9] {
  background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall[data-v-210325c9] {
  gap: 0.25rem;
  padding-top: 0.5rem;
  display: flex;
  flex-direction: column;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  width: 3.875rem;
  margin-inline: 0.8125rem;
  justify-content: space-between;
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .img-box[data-v-210325c9] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  position: relative;
  width: 3.875rem;
  height: 3.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .img-box .icon[data-v-210325c9] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  color: #F2CB04;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .img-box .type-img[data-v-210325c9] {
  display: block;
  background-size: 700% 100%;
  width: 2.625rem;
  height: 2.625rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .img-box .hot-img[data-v-210325c9] {
  width: 2.625rem;
  height: 2.625rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .img-box .hot-img-1[data-v-210325c9] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .img-box .hot-img-2[data-v-210325c9] {
  position: relative;
  z-index: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .label-box[data-v-210325c9] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .label-box .label[data-v-210325c9] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .label-box .sub-label[data-v-210325c9] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout36.btn-wall[data-v-210325c9] {
  gap: 0.25rem;
  display: flex;
  width: 3.875rem;
  padding-top: 0.5rem;
  position: relative;
  flex-direction: column;
  margin-inline: 0.8125rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  justify-content: space-between;
  background-position: center center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout36.btn-wall .img-box[data-v-210325c9] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  position: relative;
  width: 3.875rem;
  height: 3.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout36.btn-wall .img-box .icon[data-v-210325c9] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  color: #F2CB04;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout36.btn-wall .img-box .type-img[data-v-210325c9] {
  display: block;
  background-size: 800% 500%;
  width: 2.625rem;
  height: 2.625rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout36.btn-wall .img-box .hot-img[data-v-210325c9] {
  width: 2.625rem;
  height: 2.625rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout36.btn-wall .img-box .hot-img-1[data-v-210325c9] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout36.btn-wall .img-box .hot-img-2[data-v-210325c9] {
  position: relative;
  z-index: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout36.btn-wall .label-box[data-v-210325c9] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout36.btn-wall .label-box .label[data-v-210325c9] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout36.btn-wall .label-box .sub-label[data-v-210325c9] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout49.btn-wall[data-v-210325c9] {
  display: flex;
  width: 4.125rem;
  position: relative;
  flex-direction: column;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  justify-content: space-between;
  background-position: center center;
  padding-bottom: 0.125rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout49.btn-wall[data-v-210325c9]::before {
  left: 50%;
  content: '';
  width: 0.25rem;
  height: 0.25rem;
  bottom: -0.09375rem;
  position: absolute;
  border-radius: 50%;
  background: #FF4444;
  transform: translateX(-50%);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout49.btn-wall .img-box[data-v-210325c9] {
  width: 100%;
  display: flex;
  flex-shrink: 0;
  position: relative;
  aspect-ratio: 1 / 1;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-infinity, 9999px);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout49.btn-wall .img-box .icon[data-v-210325c9] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  color: #F2CB04;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout49.btn-wall .img-box .type-img[data-v-210325c9] {
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout49.btn-wall .img-box .hot-img[data-v-210325c9] {
  width: 2.375rem;
  height: 2.375rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout49.btn-wall .img-box .hot-img-1[data-v-210325c9] {
  top: 50%;
  left: 50%;
  z-index: 10;
  position: absolute;
  transform: translate(-50%, -55%);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout49.btn-wall .img-box .hot-img-2[data-v-210325c9] {
  z-index: 1;
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout49.btn-wall .label-box[data-v-210325c9] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout49.btn-wall .label-box .label[data-v-210325c9] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout49.btn-wall.category .img-box .type-img[data-v-210325c9] {
  background-size: 700% 100%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .platform-1 .layout17.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 10.9375rem;
  height: 10.5rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
  border: 0.0625rem solid var(--ep-color-border-brand);
}
html .platform-1 .layout17.btn-wall .type-img[data-v-1aafde8b] {
  width: 10.25rem;
  height: 7.6875rem;
  position: relative;
}
html .platform-1 .layout17.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
html .platform-1 .layout17.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .platform-1 .layout17.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .platform-1 .layout17.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
html .platform-2 .layout17.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 9.625rem;
  height: 9.25rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
  border: 0.0625rem solid var(--ep-color-border-brand);
}
html .platform-2 .layout17.btn-wall .type-img[data-v-1aafde8b] {
  width: 9rem;
  height: 6.75rem;
  position: relative;
}
html .platform-2 .layout17.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
html .platform-2 .layout17.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .platform-2 .layout17.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .platform-2 .layout17.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
html .platform-1 .layout18.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 10.9375rem;
  height: 10.5rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
  border: 0.0625rem solid var(--ep-color-border-default);
}
html .platform-1 .layout18.btn-wall .type-img[data-v-1aafde8b] {
  width: 10.25rem;
  height: 7.6875rem;
  position: relative;
}
html .platform-1 .layout18.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
html .platform-1 .layout18.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .platform-1 .layout18.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .platform-1 .layout18.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
html .platform-2 .layout18.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 9.625rem;
  height: 9.25rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
  border: 0.0625rem solid var(--ep-color-border-default);
}
html .platform-2 .layout18.btn-wall .type-img[data-v-1aafde8b] {
  width: 9rem;
  height: 6.75rem;
  position: relative;
}
html .platform-2 .layout18.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
html .platform-2 .layout18.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .platform-2 .layout18.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .platform-2 .layout18.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
html .platform-1 .layout24.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 11.125rem;
  height: 10.5rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
  border: 0.0625rem solid var(--ep-color-border-default);
}
html .platform-1 .layout24.btn-wall .type-img[data-v-1aafde8b] {
  width: 10.25rem;
  height: 7.6875rem;
  position: relative;
}
html .platform-1 .layout24.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
html .platform-1 .layout24.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .platform-1 .layout24.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .platform-1 .layout24.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-surface-lowered, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
html .platform-2 .layout24.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 9.625rem;
  height: 9.25rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
  border: 0.0625rem solid var(--ep-color-border-default);
}
html .platform-2 .layout24.btn-wall .type-img[data-v-1aafde8b] {
  width: 9rem;
  height: 6.75rem;
  position: relative;
}
html .platform-2 .layout24.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
html .platform-2 .layout24.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .platform-2 .layout24.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .platform-2 .layout24.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-surface-lowered, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
html .platform-1 .layout25.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 10.9375rem;
  height: 10.5rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
  border: 0.0625rem solid var(--ep-color-border-default);
}
html .platform-1 .layout25.btn-wall .type-img[data-v-1aafde8b] {
  width: 10.25rem;
  height: 7.6875rem;
  position: relative;
}
html .platform-1 .layout25.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
html .platform-1 .layout25.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .platform-1 .layout25.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .platform-1 .layout25.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
html .platform-2 .layout25.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 9.625rem;
  height: 9.25rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
  border: 0.0625rem solid var(--ep-color-border-default);
}
html .platform-2 .layout25.btn-wall .type-img[data-v-1aafde8b] {
  width: 9rem;
  height: 6.75rem;
  position: relative;
}
html .platform-2 .layout25.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
html .platform-2 .layout25.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .platform-2 .layout25.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .platform-2 .layout25.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
html .platform-1 .layout26.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 11.125rem;
  height: 10.5rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
  border: 0.0625rem solid var(--ep-color-border-default);
}
html .platform-1 .layout26.btn-wall .type-img[data-v-1aafde8b] {
  width: 10.25rem;
  height: 7.6875rem;
  position: relative;
}
html .platform-1 .layout26.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
html .platform-1 .layout26.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .platform-1 .layout26.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .platform-1 .layout26.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-surface-lowered, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
html .platform-2 .layout26.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 9.625rem;
  height: 9.25rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
  border: 0.0625rem solid var(--ep-color-border-default);
}
html .platform-2 .layout26.btn-wall .type-img[data-v-1aafde8b] {
  width: 9rem;
  height: 6.75rem;
  position: relative;
}
html .platform-2 .layout26.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
html .platform-2 .layout26.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .platform-2 .layout26.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .platform-2 .layout26.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-surface-lowered, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
html .platform-1 .layout27.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 10.9375rem;
  height: 10.5rem;
  border-radius: var(--ep-border-radius-xl, 10px);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
}
html .platform-1 .layout27.btn-wall .type-img[data-v-1aafde8b] {
  width: 10.25rem;
  height: 7.6875rem;
  position: relative;
}
html .platform-1 .layout27.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
html .platform-1 .layout27.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .platform-1 .layout27.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .platform-1 .layout27.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
html .platform-2 .layout27.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 9.625rem;
  height: 9.25rem;
  border-radius: var(--ep-border-radius-xl, 10px);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
}
html .platform-2 .layout27.btn-wall .type-img[data-v-1aafde8b] {
  width: 9rem;
  height: 6.75rem;
  position: relative;
}
html .platform-2 .layout27.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
html .platform-2 .layout27.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .platform-2 .layout27.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .platform-2 .layout27.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
html .platform-1 .layout30.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 10.9375rem;
  height: 10.5rem;
  border-radius: var(--ep-border-radius-m, 10px);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
}
html .platform-1 .layout30.btn-wall .type-img[data-v-1aafde8b] {
  width: 10.25rem;
  height: 7.6875rem;
  position: relative;
}
html .platform-1 .layout30.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
html .platform-1 .layout30.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .platform-1 .layout30.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .platform-1 .layout30.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
html .platform-2 .layout30.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 9.625rem;
  height: 9.25rem;
  border-radius: var(--ep-border-radius-m, 10px);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
}
html .platform-2 .layout30.btn-wall .type-img[data-v-1aafde8b] {
  width: 9rem;
  height: 6.75rem;
  position: relative;
}
html .platform-2 .layout30.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
html .platform-2 .layout30.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .platform-2 .layout30.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .platform-2 .layout30.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
html .platform-1 .layout36.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 10.9375rem;
  height: 10.5rem;
  border-radius: var(--ep-border-radius-xl, 10px);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
}
html .platform-1 .layout36.btn-wall .type-img[data-v-1aafde8b] {
  width: 10.25rem;
  height: 7.625rem;
  position: relative;
}
html .platform-1 .layout36.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
html .platform-1 .layout36.btn-wall .type-img[data-v-1aafde8b]::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  background: linear-gradient(180deg, rgba(136, 136, 136, 0) 2.96%, var(--ep-neutral-black-black-80, rgba(0, 0, 0, 0.8)) 91.66%);
}
html .platform-1 .layout36.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .platform-1 .layout36.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .platform-1 .layout36.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 10px);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
html .platform-2 .layout36.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 9.625rem;
  height: 9.25rem;
  border-radius: var(--ep-border-radius-xl, 10px);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
}
html .platform-2 .layout36.btn-wall .type-img[data-v-1aafde8b] {
  width: 9rem;
  height: 6.6875rem;
  position: relative;
}
html .platform-2 .layout36.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
html .platform-2 .layout36.btn-wall .type-img[data-v-1aafde8b]::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  background: linear-gradient(180deg, rgba(136, 136, 136, 0) 2.96%, var(--ep-neutral-black-black-80, rgba(0, 0, 0, 0.8)) 91.66%);
}
html .platform-2 .layout36.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .platform-2 .layout36.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .platform-2 .layout36.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 10px);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout17.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 10.9375rem;
  height: 10.5rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
  border: 0.0625rem solid var(--ep-color-border-brand);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout17.btn-wall .type-img[data-v-1aafde8b] {
  width: 10.25rem;
  height: 7.6875rem;
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout17.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout17.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout17.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout17.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout17.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 9.625rem;
  height: 9.25rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
  border: 0.0625rem solid var(--ep-color-border-brand);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout17.btn-wall .type-img[data-v-1aafde8b] {
  width: 9rem;
  height: 6.75rem;
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout17.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout17.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout17.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout17.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout18.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 10.9375rem;
  height: 10.5rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
  border: 0.0625rem solid var(--ep-color-border-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout18.btn-wall .type-img[data-v-1aafde8b] {
  width: 10.25rem;
  height: 7.6875rem;
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout18.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout18.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout18.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout18.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout18.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 9.625rem;
  height: 9.25rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
  border: 0.0625rem solid var(--ep-color-border-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout18.btn-wall .type-img[data-v-1aafde8b] {
  width: 9rem;
  height: 6.75rem;
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout18.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout18.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout18.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout18.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout24.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 11.125rem;
  height: 10.5rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
  border: 0.0625rem solid var(--ep-color-border-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout24.btn-wall .type-img[data-v-1aafde8b] {
  width: 10.25rem;
  height: 7.6875rem;
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout24.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout24.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout24.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout24.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-surface-lowered, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout24.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 9.625rem;
  height: 9.25rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
  border: 0.0625rem solid var(--ep-color-border-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout24.btn-wall .type-img[data-v-1aafde8b] {
  width: 9rem;
  height: 6.75rem;
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout24.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout24.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout24.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout24.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-surface-lowered, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout25.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 10.9375rem;
  height: 10.5rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
  border: 0.0625rem solid var(--ep-color-border-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout25.btn-wall .type-img[data-v-1aafde8b] {
  width: 10.25rem;
  height: 7.6875rem;
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout25.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout25.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout25.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout25.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout25.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 9.625rem;
  height: 9.25rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
  border: 0.0625rem solid var(--ep-color-border-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout25.btn-wall .type-img[data-v-1aafde8b] {
  width: 9rem;
  height: 6.75rem;
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout25.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout25.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout25.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout25.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout26.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 11.125rem;
  height: 10.5rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
  border: 0.0625rem solid var(--ep-color-border-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout26.btn-wall .type-img[data-v-1aafde8b] {
  width: 10.25rem;
  height: 7.6875rem;
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout26.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout26.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout26.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout26.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-surface-lowered, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout26.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 9.625rem;
  height: 9.25rem;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
  border: 0.0625rem solid var(--ep-color-border-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout26.btn-wall .type-img[data-v-1aafde8b] {
  width: 9rem;
  height: 6.75rem;
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout26.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout26.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout26.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout26.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-surface-lowered, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout27.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 10.9375rem;
  height: 10.5rem;
  border-radius: var(--ep-border-radius-xl, 10px);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout27.btn-wall .type-img[data-v-1aafde8b] {
  width: 10.25rem;
  height: 7.6875rem;
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout27.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout27.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout27.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout27.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout27.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 9.625rem;
  height: 9.25rem;
  border-radius: var(--ep-border-radius-xl, 10px);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout27.btn-wall .type-img[data-v-1aafde8b] {
  width: 9rem;
  height: 6.75rem;
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout27.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout27.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout27.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout27.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout30.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 10.9375rem;
  height: 10.5rem;
  border-radius: var(--ep-border-radius-m, 10px);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout30.btn-wall .type-img[data-v-1aafde8b] {
  width: 10.25rem;
  height: 7.6875rem;
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout30.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout30.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout30.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout30.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout30.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 9.625rem;
  height: 9.25rem;
  border-radius: var(--ep-border-radius-m, 10px);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout30.btn-wall .type-img[data-v-1aafde8b] {
  width: 9rem;
  height: 6.75rem;
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout30.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout30.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout30.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout30.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout36.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 10.9375rem;
  height: 10.5rem;
  border-radius: var(--ep-border-radius-xl, 10px);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout36.btn-wall .type-img[data-v-1aafde8b] {
  width: 10.25rem;
  height: 7.625rem;
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout36.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout36.btn-wall .type-img[data-v-1aafde8b]::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  background: linear-gradient(180deg, rgba(136, 136, 136, 0) 2.96%, var(--ep-neutral-black-black-80, rgba(0, 0, 0, 0.8)) 91.66%);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout36.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout36.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-1 .layout36.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 10px);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout36.btn-wall[data-v-1aafde8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.375rem;
  width: 9.625rem;
  height: 9.25rem;
  border-radius: var(--ep-border-radius-xl, 10px);
  background: var(--ep-color-background-fill-surface-raised-L1, #40096E);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout36.btn-wall .type-img[data-v-1aafde8b] {
  width: 9rem;
  height: 6.6875rem;
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout36.btn-wall .type-img[data-v-1aafde8b] ion-img::part(image) {
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout36.btn-wall .type-img[data-v-1aafde8b]::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.35rem 0.35rem 1rem 1rem;
  background: linear-gradient(180deg, rgba(136, 136, 136, 0) 2.96%, var(--ep-neutral-black-black-80, rgba(0, 0, 0, 0.8)) 91.66%);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout36.btn-wall .label-wall[data-v-1aafde8b] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout36.btn-wall .label-wall .label[data-v-1aafde8b] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-36-index .platform-2 .layout36.btn-wall .label-wall .sub-label[data-v-1aafde8b] {
  border-radius: 0.25rem;
  padding: 0.125rem;
  min-width: 1.875rem;
  background: var(--ep-color-background-fill-body-default, #2C0554);
  font-size: var(--ep-font-size-xs, 10px);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #E8FE5C);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.btn-wall[data-v-b8e8e6a5] {
  position: relative;
  width: 3.875rem;
  height: 3.75rem;
}
html .layout1.btn-wall .btn-icon-container[data-v-b8e8e6a5] {
  position: relative;
  margin: 0 auto;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-primary-a, #C700E3) 0%, var(--ep-color-background-fill-gradients-primary-b, #FF93E6) 100%);
}
html .layout1.btn-wall .btn-icon-container .btn-gradient-circle[data-v-b8e8e6a5] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 3.375rem;
  height: 3.375rem;
  border-radius: 50%;
  border: 2px solid var(--ep-color-border-highlight-white);
  box-sizing: border-box;
  background: url('/assets/bg-nav-platform37-r2-COtuKnkq.png') center top / 3.25rem 2.5rem no-repeat, linear-gradient(180deg, var(--ep-color-background-fill-gradients-secondary-b, #C700E3) 0%, var(--ep-color-background-fill-gradients-secondary-a, #FF93E6) 100%);
  overflow: hidden;
  /* 为了确保在某些Retina屏幕上渲染平滑 */
  box-shadow: 0 0 0 0 transparent;
}
html .layout1.btn-wall .btn-icon-container .btn-gradient-circle .btn-gradient-circle-bg[data-v-b8e8e6a5] {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 3.25rem;
  height: 2.5rem;
  z-index: 0;
}
html .layout1.btn-wall .btn-icon-container .btn-wall-banner[data-v-b8e8e6a5] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1.25rem;
}
html .layout1.btn-wall .btn-icon-container .btn-wall-banner .banner-platform[data-v-b8e8e6a5] {
  width: 100%;
  height: 100%;
}
html .layout1.btn-wall .btn-icon-container .btn-wall-banner .btn-wall-label[data-v-b8e8e6a5] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding: 0 0.625rem;
  height: 1.25rem;
  color: var(--ep-color-text-inverse);
  font-size: var(--ep-size-s);
  font-weight: var(--ep-font-weight-bold);
}
html .layout1.btn-wall .type-img[data-v-b8e8e6a5] {
  position: absolute;
  top: calc(50% - 0.375rem);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 2.625rem;
  height: 2.625rem;
}
html .layout1.btn-wall .type-img.category[data-v-b8e8e6a5] {
  background-size: 700% 100%;
}
html .layout1.btn-wall .type-img.platform[data-v-b8e8e6a5] {
  background-size: 800% 500%;
}
html .layout1.btn-wall .hot-img[data-v-b8e8e6a5] {
  position: absolute;
  top: calc(50% - 0.625rem);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 2rem;
  height: 2rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-37-index .layout1.btn-wall[data-v-b8e8e6a5] {
  position: relative;
  width: 3.875rem;
  height: 3.75rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-37-index .layout1.btn-wall .btn-icon-container[data-v-b8e8e6a5] {
  position: relative;
  margin: 0 auto;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-primary-a, #C700E3) 0%, var(--ep-color-background-fill-gradients-primary-b, #FF93E6) 100%);
}
#tabbar-tabs-inicio-components-Segment-components-nav-37-index .layout1.btn-wall .btn-icon-container .btn-gradient-circle[data-v-b8e8e6a5] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 3.375rem;
  height: 3.375rem;
  border-radius: 50%;
  border: 2px solid var(--ep-color-border-highlight-white);
  box-sizing: border-box;
  background: url('/assets/bg-nav-platform37-r2-COtuKnkq.png') center top / 3.25rem 2.5rem no-repeat, linear-gradient(180deg, var(--ep-color-background-fill-gradients-secondary-b, #C700E3) 0%, var(--ep-color-background-fill-gradients-secondary-a, #FF93E6) 100%);
  overflow: hidden;
  /* 为了确保在某些Retina屏幕上渲染平滑 */
  box-shadow: 0 0 0 0 transparent;
}
#tabbar-tabs-inicio-components-Segment-components-nav-37-index .layout1.btn-wall .btn-icon-container .btn-gradient-circle .btn-gradient-circle-bg[data-v-b8e8e6a5] {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 3.25rem;
  height: 2.5rem;
  z-index: 0;
}
#tabbar-tabs-inicio-components-Segment-components-nav-37-index .layout1.btn-wall .btn-icon-container .btn-wall-banner[data-v-b8e8e6a5] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1.25rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-37-index .layout1.btn-wall .btn-icon-container .btn-wall-banner .banner-platform[data-v-b8e8e6a5] {
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-37-index .layout1.btn-wall .btn-icon-container .btn-wall-banner .btn-wall-label[data-v-b8e8e6a5] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding: 0 0.625rem;
  height: 1.25rem;
  color: var(--ep-color-text-inverse);
  font-size: var(--ep-size-s);
  font-weight: var(--ep-font-weight-bold);
}
#tabbar-tabs-inicio-components-Segment-components-nav-37-index .layout1.btn-wall .type-img[data-v-b8e8e6a5] {
  position: absolute;
  top: calc(50% - 0.375rem);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 2.625rem;
  height: 2.625rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-37-index .layout1.btn-wall .type-img.category[data-v-b8e8e6a5] {
  background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-37-index .layout1.btn-wall .type-img.platform[data-v-b8e8e6a5] {
  background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-37-index .layout1.btn-wall .hot-img[data-v-b8e8e6a5] {
  position: absolute;
  top: calc(50% - 0.625rem);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 2rem;
  height: 2rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.btn-wall[data-v-8049dcfb] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 4rem;
  height: 4.125rem;
  border-radius: var(--ep-border-radius-surface-default) var(--ep-border-radius-surface-default) 0.625rem 0.625rem;
  overflow: hidden;
}
html .layout1.btn-wall .btn-wall-card[data-v-8049dcfb] {
  position: relative;
  width: 100%;
  height: 3.75rem;
  border-radius: var(--ep-border-radius-surface-default);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-tertiary-a) 0%, var(--ep-color-background-fill-gradients-tertiary-b) 100%);
  box-shadow: 0 0.0625rem 0 0 var(--ep-color-border-brand, #C700E3) inset;
}
html .layout1.btn-wall .btn-wall-card-inner[data-v-8049dcfb] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.375rem;
  height: 2.375rem;
  margin: 0.25rem auto 0 auto;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: url('/assets/category-bg37-r2-jH-cQtHw.png') center center / 100% 100% no-repeat, linear-gradient(180deg, var(--ep-color-background-fill-active-primary) 0%, var(--ep-color-background-fill-active-active) 100%);
  box-shadow: 0 0.0625rem 0 0 var(--ep-color-border-brand) inset;
}
html .layout1.btn-wall .type-img[data-v-8049dcfb] {
  margin: 0 auto;
  width: 2rem;
  height: 2rem;
}
html .layout1.btn-wall .type-img.category[data-v-8049dcfb] {
  background-size: 700% 100%;
}
html .layout1.btn-wall .type-img.platform[data-v-8049dcfb] {
  background-size: 800% 500%;
}
html .layout1.btn-wall .hot-img[data-v-8049dcfb] {
  width: 1.75rem;
  height: 1.75rem;
}
html .layout1.btn-wall .btn-wall-label[data-v-8049dcfb] {
  position: absolute;
  bottom: 0;
  height: 1.25rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  line-height: 1.25rem;
  border-radius: var(--ep-border-radius-infinity);
  color: var(--ep-color-text-inverse);
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a) 0%, var(--ep-color-background-fill-gradients-secondary-b) 118.75%);
  font-size: var(--ep-size-xs);
  font-weight: var(--ep-font-weight-bold);
  box-shadow: 0 -0.125rem 0.375rem 0 rgba(0, 0, 0, 0.4), 0 0.0625rem 0 0 var(--ep-color-border-brand) inset;
  text-align: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-37-category-index .layout1.btn-wall[data-v-8049dcfb] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 4rem;
  height: 4.125rem;
  border-radius: var(--ep-border-radius-surface-default) var(--ep-border-radius-surface-default) 0.625rem 0.625rem;
  overflow: hidden;
}
#tabbar-tabs-inicio-components-Segment-components-nav-37-category-index .layout1.btn-wall .btn-wall-card[data-v-8049dcfb] {
  position: relative;
  width: 100%;
  height: 3.75rem;
  border-radius: var(--ep-border-radius-surface-default);
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-tertiary-a) 0%, var(--ep-color-background-fill-gradients-tertiary-b) 100%);
  box-shadow: 0 0.0625rem 0 0 var(--ep-color-border-brand, #C700E3) inset;
}
#tabbar-tabs-inicio-components-Segment-components-nav-37-category-index .layout1.btn-wall .btn-wall-card-inner[data-v-8049dcfb] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.375rem;
  height: 2.375rem;
  margin: 0.25rem auto 0 auto;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: url('/assets/category-bg37-r2-jH-cQtHw.png') center center / 100% 100% no-repeat, linear-gradient(180deg, var(--ep-color-background-fill-active-primary) 0%, var(--ep-color-background-fill-active-active) 100%);
  box-shadow: 0 0.0625rem 0 0 var(--ep-color-border-brand) inset;
}
#tabbar-tabs-inicio-components-Segment-components-nav-37-category-index .layout1.btn-wall .type-img[data-v-8049dcfb] {
  margin: 0 auto;
  width: 2rem;
  height: 2rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-37-category-index .layout1.btn-wall .type-img.category[data-v-8049dcfb] {
  background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-37-category-index .layout1.btn-wall .type-img.platform[data-v-8049dcfb] {
  background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-37-category-index .layout1.btn-wall .hot-img[data-v-8049dcfb] {
  width: 1.75rem;
  height: 1.75rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-37-category-index .layout1.btn-wall .btn-wall-label[data-v-8049dcfb] {
  position: absolute;
  bottom: 0;
  height: 1.25rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  line-height: 1.25rem;
  border-radius: var(--ep-border-radius-infinity);
  color: var(--ep-color-text-inverse);
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a) 0%, var(--ep-color-background-fill-gradients-secondary-b) 118.75%);
  font-size: var(--ep-size-xs);
  font-weight: var(--ep-font-weight-bold);
  box-shadow: 0 -0.125rem 0.375rem 0 rgba(0, 0, 0, 0.4), 0 0.0625rem 0 0 var(--ep-color-border-brand) inset;
  text-align: center;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout38.btn-wall[data-v-c626c039] {
  width: 3.5rem;
  height: 4.375rem;
  display: flex;
  flex-direction: column;
  position: relative;
}
html .layout38.btn-wall .icon5-bg[data-v-c626c039] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
html .layout38.btn-wall.hot-btn[data-v-c626c039] {
  border-color: var(--ep-color-border-brand);
  box-shadow: 0 -0.25rem 0.25rem 0 #FF3560 inset, 0 0.25rem 0.25rem 0 rgba(255, 205, 177, 0.25) inset;
}
html .layout38.btn-wall.hot-btn .img-box[data-v-c626c039] {
  background: transparent;
}
html .layout38.btn-wall.hot-btn .label-box .label[data-v-c626c039] {
  color: var(--ep-color-text-default);
}
html .layout38.btn-wall .img-box[data-v-c626c039] {
  flex-shrink: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.125rem;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  position: relative;
}
html .layout38.btn-wall .img-box .type-img[data-v-c626c039] {
  display: block;
  background-size: 700% 100%;
  width: 2.875rem;
  height: 2.875rem;
}
html .layout38.btn-wall .img-box .hot-img[data-v-c626c039] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout38.btn-wall .img-box .hot-img-1[data-v-c626c039] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
html .layout38.btn-wall .img-box .hot-img-2[data-v-c626c039] {
  position: relative;
  z-index: 1;
}
html .layout38.btn-wall .label-box[data-v-c626c039] {
  display: flex;
  flex-direction: column;
}
html .layout38.btn-wall .label-box .label[data-v-c626c039] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .layout38.btn-wall .label-box .sub-label[data-v-c626c039] {
  display: none;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-38-index .layout38.btn-wall[data-v-c626c039] {
  width: 3.5rem;
  height: 4.375rem;
  display: flex;
  flex-direction: column;
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-38-index .layout38.btn-wall .icon5-bg[data-v-c626c039] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-38-index .layout38.btn-wall.hot-btn[data-v-c626c039] {
  border-color: var(--ep-color-border-brand);
  box-shadow: 0 -0.25rem 0.25rem 0 #FF3560 inset, 0 0.25rem 0.25rem 0 rgba(255, 205, 177, 0.25) inset;
}
#tabbar-tabs-inicio-components-Segment-components-nav-38-index .layout38.btn-wall.hot-btn .img-box[data-v-c626c039] {
  background: transparent;
}
#tabbar-tabs-inicio-components-Segment-components-nav-38-index .layout38.btn-wall.hot-btn .label-box .label[data-v-c626c039] {
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-38-index .layout38.btn-wall .img-box[data-v-c626c039] {
  flex-shrink: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.125rem;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-38-index .layout38.btn-wall .img-box .type-img[data-v-c626c039] {
  display: block;
  background-size: 700% 100%;
  width: 2.875rem;
  height: 2.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-38-index .layout38.btn-wall .img-box .hot-img[data-v-c626c039] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-38-index .layout38.btn-wall .img-box .hot-img-1[data-v-c626c039] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 10;
}
#tabbar-tabs-inicio-components-Segment-components-nav-38-index .layout38.btn-wall .img-box .hot-img-2[data-v-c626c039] {
  position: relative;
  z-index: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-38-index .layout38.btn-wall .label-box[data-v-c626c039] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-Segment-components-nav-38-index .layout38.btn-wall .label-box .label[data-v-c626c039] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-Segment-components-nav-38-index .layout38.btn-wall .label-box .sub-label[data-v-c626c039] {
  display: none;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.btn-wall[data-v-ae9a1440] {
  gap: 0.75rem;
  width: 4.25rem;
  margin-left: 0.25rem;
}
html .layout1.btn-wall .btn-wall-box[data-v-ae9a1440] {
  width: 100%;
  height: 2.5rem;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 1.125rem;
}
html .layout1.btn-wall .img-box[data-v-ae9a1440] {
  flex-shrink: 0;
  width: 100%;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .layout1.btn-wall .img-box .type-img[data-v-ae9a1440] {
  display: block;
  background-size: 800% 500%;
  width: 2rem;
  height: 2rem;
}
html .layout1.btn-wall .img-box .hot-img[data-v-ae9a1440] {
  width: 1.875rem;
  height: 1.875rem;
}
html .layout1.btn-wall .label-box[data-v-ae9a1440] {
  display: flex;
  flex-direction: column;
}
html .layout1.btn-wall .label-box .label[data-v-ae9a1440] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default, #314E7A);
}
html .layout39-category.btn-wall[data-v-ae9a1440] {
  height: 5rem;
}
html .layout39-category.btn-wall .btn-wall-box[data-v-ae9a1440] {
  position: relative;
  overflow: visible;
}
html .layout39-category.btn-wall .btn-wall-box .img-box[data-v-ae9a1440] {
  width: 3.25rem;
  height: 3.25rem;
  position: absolute;
  bottom: 0.1875rem;
  left: 50%;
  transform: translateX(-50%);
}
html .layout39-category.btn-wall .btn-wall-box .img-box .type-img[data-v-ae9a1440] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall[data-v-ae9a1440] {
  gap: 0.75rem;
  width: 4.25rem;
  margin-left: 0.25rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .btn-wall-box[data-v-ae9a1440] {
  width: 100%;
  height: 2.5rem;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 1.125rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .img-box[data-v-ae9a1440] {
  flex-shrink: 0;
  width: 100%;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .img-box .type-img[data-v-ae9a1440] {
  display: block;
  background-size: 800% 500%;
  width: 2rem;
  height: 2rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .img-box .hot-img[data-v-ae9a1440] {
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .label-box[data-v-ae9a1440] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .label-box .label[data-v-ae9a1440] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default, #314E7A);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout39-category.btn-wall[data-v-ae9a1440] {
  height: 5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout39-category.btn-wall .btn-wall-box[data-v-ae9a1440] {
  position: relative;
  overflow: visible;
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout39-category.btn-wall .btn-wall-box .img-box[data-v-ae9a1440] {
  width: 3.25rem;
  height: 3.25rem;
  position: absolute;
  bottom: 0.1875rem;
  left: 50%;
  transform: translateX(-50%);
}
#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout39-category.btn-wall .btn-wall-box .img-box .type-img[data-v-ae9a1440] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-size: 700% 100%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout44.btn-wall[data-v-d3df9c5e] {
  width: 5rem;
  display: flex;
  height: 3.875rem;
  align-items: center;
  flex-direction: column;
  padding-top: 0.3125rem;
}
.layout44.btn-wall .background[data-v-d3df9c5e] {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
}
.layout44.btn-wall .type-icon[data-v-d3df9c5e],
.layout44.btn-wall .type-img[data-v-d3df9c5e],
.layout44.btn-wall .hot-img[data-v-d3df9c5e] {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 2.25rem;
}
.layout44.btn-wall .type-img[data-v-d3df9c5e] {
  display: block;
  background-size: 700% 100%;
}
.layout44.btn-wall .hot-img[data-v-d3df9c5e] {
  background-size: 100% 100%;
}
.layout44.btn-wall .label-wall[data-v-d3df9c5e] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout44.btn-wall .label-wall .label-icon[data-v-d3df9c5e] {
  display: none;
}
.layout44.btn-wall .label-wall .label[data-v-d3df9c5e] {
  line-height: 1.5;
  text-align: center;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
.layout44.btn-wall.platform[data-v-d3df9c5e] {
  height: 5rem;
  padding-top: 1rem;
}
.layout44.btn-wall.platform .type-img[data-v-d3df9c5e] {
  background-size: 800% 500%;
}
.layout44.btn-wall.platform .label[data-v-d3df9c5e] {
  width: 3.5rem;
  margin-top: -0.25rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.btn-wall[data-v-7069e471] {
  gap: 0.5rem;
  display: flex;
  width: 5.25rem;
  height: 5.25rem;
  align-items: center;
  padding-top: 0.5rem;
  flex-direction: column;
}
.btn-wall .background[data-v-7069e471] {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: contain;
}
.btn-wall .type-icon[data-v-7069e471],
.btn-wall .type-img[data-v-7069e471],
.btn-wall .hot-img[data-v-7069e471] {
  width: 2.375rem;
  height: 2.375rem;
  font-size: 2.25rem;
}
.btn-wall .type-img[data-v-7069e471] {
  display: block;
  background-size: 700% 100%;
}
.btn-wall .hot-img[data-v-7069e471] {
  background-size: 100% 100%;
}
.btn-wall .label-wall[data-v-7069e471] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-wall .label-wall .label-icon[data-v-7069e471] {
  display: none;
}
.btn-wall .label-wall .label[data-v-7069e471] {
  width: 3.5rem;
  line-height: 1.5;
  text-align: center;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
.btn-wall.platform .type-img[data-v-7069e471] {
  background-size: 800% 500%;
}
.btn-wall.layout47[data-v-7069e471] {
  padding-top: 0.125rem;
  width: 3.75rem;
  height: 3.875rem;
}
.btn-wall.layout47 .type-img[data-v-7069e471],
.btn-wall.layout47 .hot-img[data-v-7069e471] {
  width: 2rem;
  height: 2rem;
}
.btn-wall.layout47 .label-wall .label[data-v-7069e471] {
  width: 3.125rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-highlight-white);
  font-weight: var(--ep-font-weight-bold, 700);
}
.btn-wall.layout53[data-v-7069e471] {
  gap: 0.25rem;
  width: auto;
  min-width: 5.8125rem;
  max-width: 11.25rem;
  height: 2.5rem;
  padding: 0 0.5rem;
  flex-direction: row;
  justify-content: center;
}
.btn-wall.layout53 .type-img[data-v-7069e471],
.btn-wall.layout53 .hot-img[data-v-7069e471] {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  flex-shrink: 0;
}
.btn-wall.layout53 .label-wall[data-v-7069e471] {
  width: auto;
  min-width: 0;
}
.btn-wall.layout53 .label-wall .label[data-v-7069e471] {
  width: auto;
  text-align: left;
  line-height: 1.5;
  color: var(--ep-color-text-highlight-white);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
.btn-wall.layout50[data-v-7069e471] {
  padding-top: 0.5rem;
  width: 4rem;
  height: 5rem;
}
.btn-wall.layout50 .type-img[data-v-7069e471],
.btn-wall.layout50 .hot-img[data-v-7069e471] {
  width: 2.5rem;
  height: 2.5rem;
}
.btn-wall.layout50 .label-wall .label[data-v-7069e471] {
  width: 3.125rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-brand-primary);
  font-weight: var(--ep-font-weight-medium, 600);
}
.btn-wall.layout51[data-v-7069e471] {
  gap: 0;
  width: 3.625rem;
  height: 4.5rem;
  position: relative;
  padding-top: 0.5625rem;
  filter: drop-shadow(0 2px 2px rgba(81, 55, 116, 0.25));
}
.btn-wall.layout51 .type-img[data-v-7069e471],
.btn-wall.layout51 .hot-img[data-v-7069e471] {
  width: 2.375rem;
  height: 2.375rem;
}
.btn-wall.layout51 .label-wall[data-v-7069e471] {
  position: absolute;
  top: 3.125rem;
  left: 0;
}
.btn-wall.layout51 .label-wall .label[data-v-7069e471] {
  width: 100%;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
.btn-wall.layout51.platform[data-v-7069e471] {
  padding-top: 0.5rem;
}
.btn-wall.layout51.platform .type-img[data-v-7069e471] {
  width: 2.875rem;
  height: 2.875rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .platform-1 .layout26.btn-wall[data-v-3e20803a] {
  position: relative;
  width: 11.125rem;
  height: 10.9375rem;
  padding: 1.375rem 0.25rem 0.25rem;
  transform: translateZ(0);
  z-index: 1;
}
html .platform-1 .layout26.btn-wall .card-frame[data-v-3e20803a] {
  position: absolute;
  inset: 0;
  color: var(--ep-color-background-fill-surface-raised-L2, #005655);
  pointer-events: none;
}
html .platform-1 .layout26.btn-wall .card-frame[data-v-3e20803a] svg,
html .platform-1 .layout26.btn-wall .card-frame[data-v-3e20803a] ion-img {
  display: block;
  width: 100%;
  height: 100%;
}
html .platform-1 .layout26.btn-wall .card-frame[data-v-3e20803a] svg::part(image),
html .platform-1 .layout26.btn-wall .card-frame[data-v-3e20803a] ion-img::part(image) {
  width: 100%;
  height: 100%;
}
html .platform-1 .layout26.btn-wall .card-inner[data-v-3e20803a] {
  width: 10.625rem;
  height: 8.0625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L2, #005655);
  box-shadow: 0 0 0.0625rem 0 #000;
  overflow: hidden;
  position: relative;
}
html .platform-1 .layout26.btn-wall .card-inner .type-img[data-v-3e20803a] {
  width: 10.125rem;
  height: 7.5625rem;
  flex-shrink: 0;
  position: relative;
}
html .platform-1 .layout26.btn-wall .card-inner .type-img[data-v-3e20803a] ion-img::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  object-fit: cover;
}
html .platform-1 .layout26.btn-wall .label-wall[data-v-3e20803a] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.25rem;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .platform-1 .layout26.btn-wall .label-wall .label[data-v-3e20803a] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default, #fff);
}
html .platform-1 .layout26.btn-wall .label-wall .sub-label[data-v-3e20803a] {
  line-height: 1;
  padding: 0.125rem;
  min-width: 1.875rem;
  border-radius: 0.25rem;
  background: var(--ep-color-background-fill-body-default, #003534);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #0db0ae);
}
html .platform-1 .layout26.btn-wall .hot-badge[data-v-3e20803a] {
  position: absolute;
  top: 0.75rem;
  left: 0.125rem;
  width: 2.5rem;
  height: auto;
  pointer-events: none;
  z-index: 2;
}
html .platform-2 .layout26.btn-wall[data-v-3e20803a] {
  position: relative;
  width: 9.625rem;
  height: 9.4375rem;
  padding: 1.25rem 0.25rem 0.25rem;
  transform: translateZ(0);
  z-index: 1;
}
html .platform-2 .layout26.btn-wall .card-frame[data-v-3e20803a] {
  position: absolute;
  inset: 0;
  color: var(--ep-color-background-fill-surface-raised-L2, #005655);
  pointer-events: none;
}
html .platform-2 .layout26.btn-wall .card-frame[data-v-3e20803a] svg,
html .platform-2 .layout26.btn-wall .card-frame[data-v-3e20803a] ion-img {
  display: block;
  width: 100%;
  height: 100%;
}
html .platform-2 .layout26.btn-wall .card-frame[data-v-3e20803a] svg::part(image),
html .platform-2 .layout26.btn-wall .card-frame[data-v-3e20803a] ion-img::part(image) {
  width: 100%;
  height: 100%;
}
html .platform-2 .layout26.btn-wall .card-inner[data-v-3e20803a] {
  width: 9.125rem;
  height: 6.9375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L2, #005655);
  box-shadow: 0 0 0.0625rem 0 #000;
  overflow: hidden;
  position: relative;
}
html .platform-2 .layout26.btn-wall .card-inner .type-img[data-v-3e20803a] {
  width: 8.625rem;
  height: 6.4375rem;
  flex-shrink: 0;
  position: relative;
}
html .platform-2 .layout26.btn-wall .card-inner .type-img[data-v-3e20803a] ion-img::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  object-fit: cover;
}
html .platform-2 .layout26.btn-wall .label-wall[data-v-3e20803a] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.125rem;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .platform-2 .layout26.btn-wall .label-wall .label[data-v-3e20803a] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default, #fff);
}
html .platform-2 .layout26.btn-wall .label-wall .sub-label[data-v-3e20803a] {
  line-height: 1;
  padding: 0.125rem;
  min-width: 1.875rem;
  border-radius: 0.25rem;
  background: var(--ep-color-background-fill-body-default, #003534);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #0db0ae);
}
html .platform-2 .layout26.btn-wall .hot-badge[data-v-3e20803a] {
  position: absolute;
  top: 0.75rem;
  left: 0.125rem;
  width: 2.5rem;
  height: auto;
  pointer-events: none;
  z-index: 2;
}
html .platform-1 .layout45.btn-wall[data-v-3e20803a] {
  z-index: 1;
  width: 11rem;
  height: 8.75rem;
  position: relative;
  padding-left: 0.5rem;
  padding-top: 1.625rem;
}
html .platform-1 .layout45.btn-wall .card-frame[data-v-3e20803a] {
  inset: 0;
  position: absolute;
  pointer-events: none;
  color: var(--ep-color-background-fill-surface-raised-L2, #005655);
}
html .platform-1 .layout45.btn-wall .card-frame[data-v-3e20803a] svg,
html .platform-1 .layout45.btn-wall .card-frame[data-v-3e20803a] ion-img {
  display: block;
  width: 100%;
  height: 100%;
}
html .platform-1 .layout45.btn-wall .card-frame[data-v-3e20803a] svg::part(image),
html .platform-1 .layout45.btn-wall .card-frame[data-v-3e20803a] ion-img::part(image) {
  width: 100%;
  height: 100%;
}
html .platform-1 .layout45.btn-wall .card-inner[data-v-3e20803a] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .platform-1 .layout45.btn-wall .card-inner .type-img[data-v-3e20803a] {
  width: 8.75rem;
  flex-shrink: 0;
  height: 4.375rem;
  overflow: hidden;
  position: relative;
  border-radius: 0.5rem;
  border: 0.0625rem solid #FFF;
}
html .platform-1 .layout45.btn-wall .card-inner .type-img[data-v-3e20803a] ion-img::part(image) {
  object-fit: cover;
}
html .platform-1 .layout45.btn-wall .label-wall[data-v-3e20803a] {
  z-index: 10;
  display: flex;
  width: 8.75rem;
  position: relative;
  margin-left: 0.875rem;
  margin-top: 0.625rem;
  align-items: center;
  justify-content: space-between;
}
html .platform-1 .layout45.btn-wall .label-wall .label[data-v-3e20803a] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default, #fff);
}
html .platform-1 .layout45.btn-wall .label-wall .sub-label[data-v-3e20803a] {
  line-height: 1;
  padding: 0.125rem;
  min-width: 1.875rem;
  border-radius: 0.25rem;
  background: var(--ep-color-background-fill-body-default, #003534);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default, #0db0ae);
}
html .platform-1 .layout45.btn-wall .hot-badge[data-v-3e20803a] {
  display: none;
}
html .platform-1 .layout45.btn-wall.layout49[data-v-3e20803a] {
  height: auto;
  display: flex;
  width: 11.125rem;
  padding-top: 0.4375rem;
  padding-inline: 0.3125rem;
  padding-bottom: 0.3125rem;
}
html .platform-1 .layout45.btn-wall.layout49[data-v-3e20803a]::after {
  content: '';
  top: 0.4375rem;
  left: 0.3125rem;
  position: absolute;
  width: calc(100% - 0.625rem);
  height: calc(100% - 0.75rem);
  background: url('/assets/bg-game-bar-49-r2-CbAVSSE6.png') no-repeat center center / 100% 100%;
}
html .platform-1 .layout45.btn-wall.layout49 .card-inner[data-v-3e20803a] {
  z-index: 1;
  width: auto;
  position: relative;
}
html .platform-1 .layout45.btn-wall.layout49 .card-inner .type-img[data-v-3e20803a] {
  border: none;
  width: 5.625rem;
  height: 4.875rem;
}
html .platform-1 .layout45.btn-wall.layout49 .label-wall[data-v-3e20803a] {
  flex: 1;
  gap: 0.3125rem;
  display: flex;
  margin-top: 0;
  margin-left: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column-reverse;
}
html .platform-1 .layout45.btn-wall.layout49 .label-wall .label[data-v-3e20803a] {
  color: #FFF;
  max-width: 4.875rem;
  font-weight: var(--ep-font-weight-medium, 600);
}
html .platform-1 .layout45.btn-wall.layout49 .label-wall .sub-label[data-v-3e20803a] {
  padding: 0.25rem 0.5rem;
  color: var(--ep-color-text-weaker);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: var(--ep-color-background-fill-surface-lowered);
}
html .platform-2 .layout45.btn-wall[data-v-3e20803a] {
  position: relative;
  width: 9.375rem;
  height: 7.375rem;
  padding-left: 0.25rem;
  padding-top: 1.375rem;
  transform: translateZ(0);
  z-index: 1;
}
html .platform-2 .layout45.btn-wall .card-frame[data-v-3e20803a] {
  position: absolute;
  inset: 0;
  color: var(--ep-color-background-fill-surface-raised-L2, #005655);
  pointer-events: none;
}
html .platform-2 .layout45.btn-wall .card-frame[data-v-3e20803a] svg,
html .platform-2 .layout45.btn-wall .card-frame[data-v-3e20803a] ion-img {
  display: block;
  width: 100%;
  height: 100%;
}
html .platform-2 .layout45.btn-wall .card-frame[data-v-3e20803a] svg::part(image),
html .platform-2 .layout45.btn-wall .card-frame[data-v-3e20803a] ion-img::part(image) {
  width: 100%;
  height: 100%;
}
html .platform-2 .layout45.btn-wall .card-inner[data-v-3e20803a] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .platform-2 .layout45.btn-wall .card-inner .type-img[data-v-3e20803a] {
  width: 7.5rem;
  flex-shrink: 0;
  height: 3.75rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
  border: 0.0625rem solid #FFF;
}
html .platform-2 .layout45.btn-wall .card-inner .type-img[data-v-3e20803a] ion-img::part(image) {
  object-fit: cover;
}
html .platform-2 .layout45.btn-wall .label-wall[data-v-3e20803a] {
  width: 7.5rem;
  margin-top: 0.375rem;
  margin-left: 0.75rem;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .platform-2 .layout45.btn-wall .label-wall .label[data-v-3e20803a] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default, #fff);
}
html .platform-2 .layout45.btn-wall .label-wall .sub-label[data-v-3e20803a] {
  line-height: 1;
  padding: 0.125rem;
  min-width: 1.875rem;
  border-radius: 0.25rem;
  background: var(--ep-color-background-fill-body-default, #003534);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default, #0db0ae);
}
html .platform-2 .layout45.btn-wall .hot-badge[data-v-3e20803a] {
  display: none;
}
html .platform-2 .layout45.btn-wall.layout49[data-v-3e20803a] {
  width: 9rem;
  height: auto;
  display: flex;
  padding-top: 0.375rem;
  padding-inline: 0.25rem;
  padding-bottom: 0.25rem;
}
html .platform-2 .layout45.btn-wall.layout49[data-v-3e20803a]::after {
  content: '';
  top: 0.375rem;
  left: 0.25rem;
  position: absolute;
  width: calc(100% - 0.5rem);
  height: calc(100% - 0.625rem);
  background: url('/assets/bg-game-bar-49-r2-CbAVSSE6.png') no-repeat center center / 100% 100%;
}
html .platform-2 .layout45.btn-wall.layout49 .card-inner[data-v-3e20803a] {
  z-index: 1;
  width: auto;
  position: relative;
}
html .platform-2 .layout45.btn-wall.layout49 .card-inner .type-img[data-v-3e20803a] {
  border: none;
  width: 4.375rem;
  height: 3.875rem;
}
html .platform-2 .layout45.btn-wall.layout49 .label-wall[data-v-3e20803a] {
  flex: 1;
  gap: 0.3125rem;
  display: flex;
  margin-top: 0;
  margin-left: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column-reverse;
}
html .platform-2 .layout45.btn-wall.layout49 .label-wall .label[data-v-3e20803a] {
  color: #FFF;
  max-width: 4rem;
  font-weight: var(--ep-font-weight-medium, 600);
}
html .platform-2 .layout45.btn-wall.layout49 .label-wall .sub-label[data-v-3e20803a] {
  padding: 0.25rem 0.5rem;
  color: var(--ep-color-text-weaker);
  font-weight: var(--ep-font-weight-medium, 600);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: var(--ep-color-background-fill-surface-lowered);
}
html .platform-1 .layout50.btn-wall[data-v-3e20803a] {
  position: relative;
  z-index: 1;
  width: 11.125rem;
  height: 14rem;
  padding: 2.1875rem 0.5rem 0;
}
html .platform-1 .layout50.btn-wall .card-frame[data-v-3e20803a] {
  inset: 0;
  position: absolute;
  pointer-events: none;
  color: var(--ep-color-background-fill-surface-raised-L2);
}
html .platform-1 .layout50.btn-wall .card-frame[data-v-3e20803a] svg,
html .platform-1 .layout50.btn-wall .card-frame[data-v-3e20803a] ion-img {
  display: block;
  width: 100%;
  height: 100%;
}
html .platform-1 .layout50.btn-wall .card-frame[data-v-3e20803a] svg::part(image),
html .platform-1 .layout50.btn-wall .card-frame[data-v-3e20803a] ion-img::part(image) {
  width: 100%;
  height: 100%;
}
html .platform-1 .layout50.btn-wall .card-inner[data-v-3e20803a] {
  display: flex;
  align-items: center;
  justify-content: center;
}
html .platform-1 .layout50.btn-wall .card-inner .type-img[data-v-3e20803a] {
  width: 9.625rem;
  height: 9.625rem;
  border: 0.25rem solid var(--ep-color-border-highlight-white, #FFF);
  background: var(--ep-color-border-highlight-white, #FFF);
  box-shadow: 0 0 0.125rem 0.125rem rgba(0, 0, 0, 0.25);
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  border-radius: 0.5rem;
}
html .platform-1 .layout50.btn-wall .card-inner .type-img[data-v-3e20803a] ion-img::part(image) {
  object-fit: cover;
}
html .platform-1 .layout50.btn-wall .label-wall .label[data-v-3e20803a] {
  max-width: 7.8125rem;
  position: absolute;
  top: 0.125rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  line-height: 1;
  white-space: nowrap;
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-inverse, #fff);
}
html .platform-1 .layout50.btn-wall .label-wall .sub-label[data-v-3e20803a] {
  display: inline-block;
  position: absolute;
  bottom: 1.5625rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  line-height: 1;
  padding: 0.125rem 0.375rem;
  width: 3.75rem;
  text-align: center;
  background: url('/assets/gameBar-sublabel-bg-50-r2-BqVDYI4y.svg') no-repeat center / 100% 100%;
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-inverse, #fff);
}
html .platform-1 .layout50.btn-wall .hot-badge[data-v-3e20803a] {
  display: none;
}
html .platform-2 .layout50.btn-wall[data-v-3e20803a] {
  position: relative;
  z-index: 1;
  width: 8.75rem;
  height: 11rem;
  padding: 1.75rem 0.375rem 0;
}
html .platform-2 .layout50.btn-wall .card-frame[data-v-3e20803a] {
  inset: 0;
  position: absolute;
  pointer-events: none;
  color: var(--ep-color-background-fill-surface-raised-L2);
}
html .platform-2 .layout50.btn-wall .card-frame[data-v-3e20803a] svg,
html .platform-2 .layout50.btn-wall .card-frame[data-v-3e20803a] ion-img {
  display: block;
  width: 100%;
  height: 100%;
}
html .platform-2 .layout50.btn-wall .card-frame[data-v-3e20803a] svg::part(image),
html .platform-2 .layout50.btn-wall .card-frame[data-v-3e20803a] ion-img::part(image) {
  width: 100%;
  height: 100%;
}
html .platform-2 .layout50.btn-wall .card-inner[data-v-3e20803a] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .platform-2 .layout50.btn-wall .card-inner .type-img[data-v-3e20803a] {
  width: 7.5rem;
  height: 7.5rem;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  border-radius: 0.75rem;
  box-shadow: 0 0 0.125rem 0.125rem rgba(0, 0, 0, 0.25);
  background: var(--ep-color-border-highlight-white, #FFF);
  border: 0.125rem solid var(--ep-color-border-highlight-white, #FFF);
}
html .platform-2 .layout50.btn-wall .card-inner .type-img[data-v-3e20803a] ion-img::part(image) {
  object-fit: cover;
}
html .platform-2 .layout50.btn-wall .label-wall .label[data-v-3e20803a] {
  max-width: 6.375rem;
  position: absolute;
  top: 0.125rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  line-height: 1;
  white-space: nowrap;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-inverse, #fff);
}
html .platform-2 .layout50.btn-wall .label-wall .sub-label[data-v-3e20803a] {
  position: absolute;
  bottom: 1.25rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  line-height: 1;
  padding: 0.125rem 0.375rem;
  width: 3rem;
  text-align: center;
  background: url('/assets/gameBar-sublabel-bg-50-r2-BqVDYI4y.svg') no-repeat center / 100% 100%;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-inverse, #fff);
}
html .platform-2 .layout50.btn-wall .hot-badge[data-v-3e20803a] {
  display: none;
}
html .platform-1 .layout51.btn-wall[data-v-3e20803a] {
  z-index: 1;
  position: relative;
  width: 10.5rem;
  height: 8.75rem;
  padding: 1.25rem 0 0 0.625rem;
}
html .platform-1 .layout51.btn-wall .card-frame[data-v-3e20803a] {
  inset: 0;
  position: absolute;
  pointer-events: none;
}
html .platform-1 .layout51.btn-wall .card-frame[data-v-3e20803a] svg,
html .platform-1 .layout51.btn-wall .card-frame[data-v-3e20803a] ion-icon,
html .platform-1 .layout51.btn-wall .card-frame[data-v-3e20803a] ion-img {
  display: block;
  width: 100%;
  height: 100%;
}
html .platform-1 .layout51.btn-wall .card-frame[data-v-3e20803a] svg::part(image),
html .platform-1 .layout51.btn-wall .card-frame[data-v-3e20803a] ion-icon::part(image),
html .platform-1 .layout51.btn-wall .card-frame[data-v-3e20803a] ion-img::part(image) {
  width: 100%;
  height: 100%;
}
html .platform-1 .layout51.btn-wall .card-inner[data-v-3e20803a] {
  display: flex;
}
html .platform-1 .layout51.btn-wall .card-inner .type-img[data-v-3e20803a] {
  width: 9.25rem;
  height: 5.75rem;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  border-radius: 0.75rem;
}
html .platform-1 .layout51.btn-wall .card-inner .type-img[data-v-3e20803a] ion-img::part(image) {
  object-fit: cover;
}
html .platform-1 .layout51.btn-wall .label-wall[data-v-3e20803a] {
  z-index: 10;
  display: flex;
  position: relative;
  margin-top: 0.25rem;
  padding-right: 0.8125rem;
  align-items: center;
  justify-content: space-between;
}
html .platform-1 .layout51.btn-wall .label-wall .label[data-v-3e20803a] {
  line-height: 1.3125rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-brand-primary);
}
html .platform-1 .layout51.btn-wall .label-wall .sub-label[data-v-3e20803a] {
  line-height: 0.75rem;
  padding: 0.125rem 0.3125rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-neutral-gray-gray-L06);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-inverse, #fff);
}
html .platform-1 .layout51.btn-wall .hot-badge[data-v-3e20803a] {
  display: none;
}
html .platform-2 .layout51.btn-wall[data-v-3e20803a] {
  z-index: 1;
  position: relative;
  width: 9rem;
  height: 7.5rem;
  padding: 0.875rem 0 0 0.5rem;
}
html .platform-2 .layout51.btn-wall .card-frame[data-v-3e20803a] {
  inset: 0;
  position: absolute;
  pointer-events: none;
}
html .platform-2 .layout51.btn-wall .card-frame[data-v-3e20803a] svg,
html .platform-2 .layout51.btn-wall .card-frame[data-v-3e20803a] ion-icon,
html .platform-2 .layout51.btn-wall .card-frame[data-v-3e20803a] ion-img {
  display: block;
  width: 100%;
  height: 100%;
}
html .platform-2 .layout51.btn-wall .card-frame[data-v-3e20803a] svg::part(image),
html .platform-2 .layout51.btn-wall .card-frame[data-v-3e20803a] ion-icon::part(image),
html .platform-2 .layout51.btn-wall .card-frame[data-v-3e20803a] ion-img::part(image) {
  width: 100%;
  height: 100%;
}
html .platform-2 .layout51.btn-wall .card-inner[data-v-3e20803a] {
  display: flex;
}
html .platform-2 .layout51.btn-wall .card-inner .type-img[data-v-3e20803a] {
  width: 8rem;
  height: 5rem;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  border-radius: 0.75rem;
}
html .platform-2 .layout51.btn-wall .card-inner .type-img[data-v-3e20803a] ion-img::part(image) {
  object-fit: cover;
}
html .platform-2 .layout51.btn-wall .label-wall[data-v-3e20803a] {
  z-index: 10;
  display: flex;
  position: relative;
  margin-top: 0.125rem;
  padding-right: 0.8125rem;
  align-items: center;
  justify-content: space-between;
}
html .platform-2 .layout51.btn-wall .label-wall .label[data-v-3e20803a] {
  line-height: 1.3125rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-brand-primary);
}
html .platform-2 .layout51.btn-wall .label-wall .sub-label[data-v-3e20803a] {
  line-height: 0.75rem;
  padding: 0.125rem 0.3125rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-neutral-gray-gray-L06);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-inverse, #fff);
}
html .platform-2 .layout51.btn-wall .hot-badge[data-v-3e20803a] {
  display: none;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout26.btn-wall[data-v-3e20803a] {
  position: relative;
  width: 11.125rem;
  height: 10.9375rem;
  padding: 1.375rem 0.25rem 0.25rem;
  transform: translateZ(0);
  z-index: 1;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout26.btn-wall .card-frame[data-v-3e20803a] {
  position: absolute;
  inset: 0;
  color: var(--ep-color-background-fill-surface-raised-L2, #005655);
  pointer-events: none;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout26.btn-wall .card-frame[data-v-3e20803a] svg,
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout26.btn-wall .card-frame[data-v-3e20803a] ion-img {
  display: block;
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout26.btn-wall .card-frame[data-v-3e20803a] svg::part(image),
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout26.btn-wall .card-frame[data-v-3e20803a] ion-img::part(image) {
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout26.btn-wall .card-inner[data-v-3e20803a] {
  width: 10.625rem;
  height: 8.0625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L2, #005655);
  box-shadow: 0 0 0.0625rem 0 #000;
  overflow: hidden;
  position: relative;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout26.btn-wall .card-inner .type-img[data-v-3e20803a] {
  width: 10.125rem;
  height: 7.5625rem;
  flex-shrink: 0;
  position: relative;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout26.btn-wall .card-inner .type-img[data-v-3e20803a] ion-img::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  object-fit: cover;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout26.btn-wall .label-wall[data-v-3e20803a] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.25rem;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout26.btn-wall .label-wall .label[data-v-3e20803a] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default, #fff);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout26.btn-wall .label-wall .sub-label[data-v-3e20803a] {
  line-height: 1;
  padding: 0.125rem;
  min-width: 1.875rem;
  border-radius: 0.25rem;
  background: var(--ep-color-background-fill-body-default, #003534);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #0db0ae);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout26.btn-wall .hot-badge[data-v-3e20803a] {
  position: absolute;
  top: 0.75rem;
  left: 0.125rem;
  width: 2.5rem;
  height: auto;
  pointer-events: none;
  z-index: 2;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout26.btn-wall[data-v-3e20803a] {
  position: relative;
  width: 9.625rem;
  height: 9.4375rem;
  padding: 1.25rem 0.25rem 0.25rem;
  transform: translateZ(0);
  z-index: 1;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout26.btn-wall .card-frame[data-v-3e20803a] {
  position: absolute;
  inset: 0;
  color: var(--ep-color-background-fill-surface-raised-L2, #005655);
  pointer-events: none;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout26.btn-wall .card-frame[data-v-3e20803a] svg,
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout26.btn-wall .card-frame[data-v-3e20803a] ion-img {
  display: block;
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout26.btn-wall .card-frame[data-v-3e20803a] svg::part(image),
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout26.btn-wall .card-frame[data-v-3e20803a] ion-img::part(image) {
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout26.btn-wall .card-inner[data-v-3e20803a] {
  width: 9.125rem;
  height: 6.9375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L2, #005655);
  box-shadow: 0 0 0.0625rem 0 #000;
  overflow: hidden;
  position: relative;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout26.btn-wall .card-inner .type-img[data-v-3e20803a] {
  width: 8.625rem;
  height: 6.4375rem;
  flex-shrink: 0;
  position: relative;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout26.btn-wall .card-inner .type-img[data-v-3e20803a] ion-img::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  object-fit: cover;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout26.btn-wall .label-wall[data-v-3e20803a] {
  width: 100%;
  padding-inline: 0.3125rem;
  margin-top: 0.125rem;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout26.btn-wall .label-wall .label[data-v-3e20803a] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default, #fff);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout26.btn-wall .label-wall .sub-label[data-v-3e20803a] {
  line-height: 1;
  padding: 0.125rem;
  min-width: 1.875rem;
  border-radius: 0.25rem;
  background: var(--ep-color-background-fill-body-default, #003534);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary, #0db0ae);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout26.btn-wall .hot-badge[data-v-3e20803a] {
  position: absolute;
  top: 0.75rem;
  left: 0.125rem;
  width: 2.5rem;
  height: auto;
  pointer-events: none;
  z-index: 2;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout45.btn-wall[data-v-3e20803a] {
  z-index: 1;
  width: 11rem;
  height: 8.75rem;
  position: relative;
  padding-left: 0.5rem;
  padding-top: 1.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout45.btn-wall .card-frame[data-v-3e20803a] {
  inset: 0;
  position: absolute;
  pointer-events: none;
  color: var(--ep-color-background-fill-surface-raised-L2, #005655);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout45.btn-wall .card-frame[data-v-3e20803a] svg,
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout45.btn-wall .card-frame[data-v-3e20803a] ion-img {
  display: block;
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout45.btn-wall .card-frame[data-v-3e20803a] svg::part(image),
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout45.btn-wall .card-frame[data-v-3e20803a] ion-img::part(image) {
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout45.btn-wall .card-inner[data-v-3e20803a] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout45.btn-wall .card-inner .type-img[data-v-3e20803a] {
  width: 8.75rem;
  flex-shrink: 0;
  height: 4.375rem;
  overflow: hidden;
  position: relative;
  border-radius: 0.5rem;
  border: 0.0625rem solid #FFF;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout45.btn-wall .card-inner .type-img[data-v-3e20803a] ion-img::part(image) {
  object-fit: cover;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout45.btn-wall .label-wall[data-v-3e20803a] {
  z-index: 10;
  display: flex;
  width: 8.75rem;
  position: relative;
  margin-left: 0.875rem;
  margin-top: 0.625rem;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout45.btn-wall .label-wall .label[data-v-3e20803a] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default, #fff);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout45.btn-wall .label-wall .sub-label[data-v-3e20803a] {
  line-height: 1;
  padding: 0.125rem;
  min-width: 1.875rem;
  border-radius: 0.25rem;
  background: var(--ep-color-background-fill-body-default, #003534);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default, #0db0ae);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout45.btn-wall .hot-badge[data-v-3e20803a] {
  display: none;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout45.btn-wall.layout49[data-v-3e20803a] {
  height: auto;
  display: flex;
  width: 11.125rem;
  padding-top: 0.4375rem;
  padding-inline: 0.3125rem;
  padding-bottom: 0.3125rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout45.btn-wall.layout49[data-v-3e20803a]::after {
  content: '';
  top: 0.4375rem;
  left: 0.3125rem;
  position: absolute;
  width: calc(100% - 0.625rem);
  height: calc(100% - 0.75rem);
  background: url('/assets/bg-game-bar-49-r2-CbAVSSE6.png') no-repeat center center / 100% 100%;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout45.btn-wall.layout49 .card-inner[data-v-3e20803a] {
  z-index: 1;
  width: auto;
  position: relative;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout45.btn-wall.layout49 .card-inner .type-img[data-v-3e20803a] {
  border: none;
  width: 5.625rem;
  height: 4.875rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout45.btn-wall.layout49 .label-wall[data-v-3e20803a] {
  flex: 1;
  gap: 0.3125rem;
  display: flex;
  margin-top: 0;
  margin-left: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column-reverse;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout45.btn-wall.layout49 .label-wall .label[data-v-3e20803a] {
  color: #FFF;
  max-width: 4.875rem;
  font-weight: var(--ep-font-weight-medium, 600);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout45.btn-wall.layout49 .label-wall .sub-label[data-v-3e20803a] {
  padding: 0.25rem 0.5rem;
  color: var(--ep-color-text-weaker);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: var(--ep-color-background-fill-surface-lowered);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout45.btn-wall[data-v-3e20803a] {
  position: relative;
  width: 9.375rem;
  height: 7.375rem;
  padding-left: 0.25rem;
  padding-top: 1.375rem;
  transform: translateZ(0);
  z-index: 1;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout45.btn-wall .card-frame[data-v-3e20803a] {
  position: absolute;
  inset: 0;
  color: var(--ep-color-background-fill-surface-raised-L2, #005655);
  pointer-events: none;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout45.btn-wall .card-frame[data-v-3e20803a] svg,
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout45.btn-wall .card-frame[data-v-3e20803a] ion-img {
  display: block;
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout45.btn-wall .card-frame[data-v-3e20803a] svg::part(image),
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout45.btn-wall .card-frame[data-v-3e20803a] ion-img::part(image) {
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout45.btn-wall .card-inner[data-v-3e20803a] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout45.btn-wall .card-inner .type-img[data-v-3e20803a] {
  width: 7.5rem;
  flex-shrink: 0;
  height: 3.75rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
  border: 0.0625rem solid #FFF;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout45.btn-wall .card-inner .type-img[data-v-3e20803a] ion-img::part(image) {
  object-fit: cover;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout45.btn-wall .label-wall[data-v-3e20803a] {
  width: 7.5rem;
  margin-top: 0.375rem;
  margin-left: 0.75rem;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout45.btn-wall .label-wall .label[data-v-3e20803a] {
  line-height: 1;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default, #fff);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout45.btn-wall .label-wall .sub-label[data-v-3e20803a] {
  line-height: 1;
  padding: 0.125rem;
  min-width: 1.875rem;
  border-radius: 0.25rem;
  background: var(--ep-color-background-fill-body-default, #003534);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default, #0db0ae);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout45.btn-wall .hot-badge[data-v-3e20803a] {
  display: none;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout45.btn-wall.layout49[data-v-3e20803a] {
  width: 9rem;
  height: auto;
  display: flex;
  padding-top: 0.375rem;
  padding-inline: 0.25rem;
  padding-bottom: 0.25rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout45.btn-wall.layout49[data-v-3e20803a]::after {
  content: '';
  top: 0.375rem;
  left: 0.25rem;
  position: absolute;
  width: calc(100% - 0.5rem);
  height: calc(100% - 0.625rem);
  background: url('/assets/bg-game-bar-49-r2-CbAVSSE6.png') no-repeat center center / 100% 100%;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout45.btn-wall.layout49 .card-inner[data-v-3e20803a] {
  z-index: 1;
  width: auto;
  position: relative;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout45.btn-wall.layout49 .card-inner .type-img[data-v-3e20803a] {
  border: none;
  width: 4.375rem;
  height: 3.875rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout45.btn-wall.layout49 .label-wall[data-v-3e20803a] {
  flex: 1;
  gap: 0.3125rem;
  display: flex;
  margin-top: 0;
  margin-left: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column-reverse;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout45.btn-wall.layout49 .label-wall .label[data-v-3e20803a] {
  color: #FFF;
  max-width: 4rem;
  font-weight: var(--ep-font-weight-medium, 600);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout45.btn-wall.layout49 .label-wall .sub-label[data-v-3e20803a] {
  padding: 0.25rem 0.5rem;
  color: var(--ep-color-text-weaker);
  font-weight: var(--ep-font-weight-medium, 600);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: var(--ep-color-background-fill-surface-lowered);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout50.btn-wall[data-v-3e20803a] {
  position: relative;
  z-index: 1;
  width: 11.125rem;
  height: 14rem;
  padding: 2.1875rem 0.5rem 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout50.btn-wall .card-frame[data-v-3e20803a] {
  inset: 0;
  position: absolute;
  pointer-events: none;
  color: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout50.btn-wall .card-frame[data-v-3e20803a] svg,
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout50.btn-wall .card-frame[data-v-3e20803a] ion-img {
  display: block;
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout50.btn-wall .card-frame[data-v-3e20803a] svg::part(image),
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout50.btn-wall .card-frame[data-v-3e20803a] ion-img::part(image) {
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout50.btn-wall .card-inner[data-v-3e20803a] {
  display: flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout50.btn-wall .card-inner .type-img[data-v-3e20803a] {
  width: 9.625rem;
  height: 9.625rem;
  border: 0.25rem solid var(--ep-color-border-highlight-white, #FFF);
  background: var(--ep-color-border-highlight-white, #FFF);
  box-shadow: 0 0 0.125rem 0.125rem rgba(0, 0, 0, 0.25);
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  border-radius: 0.5rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout50.btn-wall .card-inner .type-img[data-v-3e20803a] ion-img::part(image) {
  object-fit: cover;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout50.btn-wall .label-wall .label[data-v-3e20803a] {
  max-width: 7.8125rem;
  position: absolute;
  top: 0.125rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  line-height: 1;
  white-space: nowrap;
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-inverse, #fff);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout50.btn-wall .label-wall .sub-label[data-v-3e20803a] {
  display: inline-block;
  position: absolute;
  bottom: 1.5625rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  line-height: 1;
  padding: 0.125rem 0.375rem;
  width: 3.75rem;
  text-align: center;
  background: url('/assets/gameBar-sublabel-bg-50-r2-BqVDYI4y.svg') no-repeat center / 100% 100%;
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-inverse, #fff);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout50.btn-wall .hot-badge[data-v-3e20803a] {
  display: none;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout50.btn-wall[data-v-3e20803a] {
  position: relative;
  z-index: 1;
  width: 8.75rem;
  height: 11rem;
  padding: 1.75rem 0.375rem 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout50.btn-wall .card-frame[data-v-3e20803a] {
  inset: 0;
  position: absolute;
  pointer-events: none;
  color: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout50.btn-wall .card-frame[data-v-3e20803a] svg,
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout50.btn-wall .card-frame[data-v-3e20803a] ion-img {
  display: block;
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout50.btn-wall .card-frame[data-v-3e20803a] svg::part(image),
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout50.btn-wall .card-frame[data-v-3e20803a] ion-img::part(image) {
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout50.btn-wall .card-inner[data-v-3e20803a] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout50.btn-wall .card-inner .type-img[data-v-3e20803a] {
  width: 7.5rem;
  height: 7.5rem;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  border-radius: 0.75rem;
  box-shadow: 0 0 0.125rem 0.125rem rgba(0, 0, 0, 0.25);
  background: var(--ep-color-border-highlight-white, #FFF);
  border: 0.125rem solid var(--ep-color-border-highlight-white, #FFF);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout50.btn-wall .card-inner .type-img[data-v-3e20803a] ion-img::part(image) {
  object-fit: cover;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout50.btn-wall .label-wall .label[data-v-3e20803a] {
  max-width: 6.375rem;
  position: absolute;
  top: 0.125rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  line-height: 1;
  white-space: nowrap;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-inverse, #fff);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout50.btn-wall .label-wall .sub-label[data-v-3e20803a] {
  position: absolute;
  bottom: 1.25rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  line-height: 1;
  padding: 0.125rem 0.375rem;
  width: 3rem;
  text-align: center;
  background: url('/assets/gameBar-sublabel-bg-50-r2-BqVDYI4y.svg') no-repeat center / 100% 100%;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-inverse, #fff);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout50.btn-wall .hot-badge[data-v-3e20803a] {
  display: none;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout51.btn-wall[data-v-3e20803a] {
  z-index: 1;
  position: relative;
  width: 10.5rem;
  height: 8.75rem;
  padding: 1.25rem 0 0 0.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout51.btn-wall .card-frame[data-v-3e20803a] {
  inset: 0;
  position: absolute;
  pointer-events: none;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout51.btn-wall .card-frame[data-v-3e20803a] svg,
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout51.btn-wall .card-frame[data-v-3e20803a] ion-icon,
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout51.btn-wall .card-frame[data-v-3e20803a] ion-img {
  display: block;
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout51.btn-wall .card-frame[data-v-3e20803a] svg::part(image),
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout51.btn-wall .card-frame[data-v-3e20803a] ion-icon::part(image),
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout51.btn-wall .card-frame[data-v-3e20803a] ion-img::part(image) {
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout51.btn-wall .card-inner[data-v-3e20803a] {
  display: flex;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout51.btn-wall .card-inner .type-img[data-v-3e20803a] {
  width: 9.25rem;
  height: 5.75rem;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  border-radius: 0.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout51.btn-wall .card-inner .type-img[data-v-3e20803a] ion-img::part(image) {
  object-fit: cover;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout51.btn-wall .label-wall[data-v-3e20803a] {
  z-index: 10;
  display: flex;
  position: relative;
  margin-top: 0.25rem;
  padding-right: 0.8125rem;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout51.btn-wall .label-wall .label[data-v-3e20803a] {
  line-height: 1.3125rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-brand-primary);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout51.btn-wall .label-wall .sub-label[data-v-3e20803a] {
  line-height: 0.75rem;
  padding: 0.125rem 0.3125rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-neutral-gray-gray-L06);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-inverse, #fff);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-1 .layout51.btn-wall .hot-badge[data-v-3e20803a] {
  display: none;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout51.btn-wall[data-v-3e20803a] {
  z-index: 1;
  position: relative;
  width: 9rem;
  height: 7.5rem;
  padding: 0.875rem 0 0 0.5rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout51.btn-wall .card-frame[data-v-3e20803a] {
  inset: 0;
  position: absolute;
  pointer-events: none;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout51.btn-wall .card-frame[data-v-3e20803a] svg,
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout51.btn-wall .card-frame[data-v-3e20803a] ion-icon,
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout51.btn-wall .card-frame[data-v-3e20803a] ion-img {
  display: block;
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout51.btn-wall .card-frame[data-v-3e20803a] svg::part(image),
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout51.btn-wall .card-frame[data-v-3e20803a] ion-icon::part(image),
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout51.btn-wall .card-frame[data-v-3e20803a] ion-img::part(image) {
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout51.btn-wall .card-inner[data-v-3e20803a] {
  display: flex;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout51.btn-wall .card-inner .type-img[data-v-3e20803a] {
  width: 8rem;
  height: 5rem;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  border-radius: 0.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout51.btn-wall .card-inner .type-img[data-v-3e20803a] ion-img::part(image) {
  object-fit: cover;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout51.btn-wall .label-wall[data-v-3e20803a] {
  z-index: 10;
  display: flex;
  position: relative;
  margin-top: 0.125rem;
  padding-right: 0.8125rem;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout51.btn-wall .label-wall .label[data-v-3e20803a] {
  line-height: 1.3125rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-brand-primary);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout51.btn-wall .label-wall .sub-label[data-v-3e20803a] {
  line-height: 0.75rem;
  padding: 0.125rem 0.3125rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-neutral-gray-gray-L06);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-inverse, #fff);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-26-1-index .platform-2 .layout51.btn-wall .hot-badge[data-v-3e20803a] {
  display: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .platform-1 .layout28.btn-wall[data-v-af50ad58] {
  display: flex;
  align-items: center;
  padding-inline: 0.3125rem;
  width: 11.0625rem;
  height: 8rem;
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  background: var(--ep-dynamic-tertiary-weak);
  transform: translateZ(0);
  z-index: 1;
}
html .platform-1 .layout28.btn-wall[data-v-af50ad58]::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--after-background);
}
html .platform-1 .layout28.btn-wall .type-img[data-v-af50ad58] {
  flex-shrink: 0;
  width: 6.5rem;
  height: 6.5rem;
  position: relative;
}
html .platform-1 .layout28.btn-wall .type-img[data-v-af50ad58] ion-img::part(image) {
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  object-fit: fill;
}
html .platform-1 .layout28.btn-wall .label-wall[data-v-af50ad58] {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  margin-right: 0.25rem;
  text-align: left;
}
html .platform-1 .layout28.btn-wall .label-wall .label[data-v-af50ad58] {
  margin-top: 0.25rem;
  line-height: 1.2;
  font-size: var(--ep-font-size-s, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .platform-1 .layout28.btn-wall .label-wall .text-break[data-v-af50ad58] {
  display: block;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
}
html .platform-1 .layout28.btn-wall .label-wall .sub-label[data-v-af50ad58] {
  text-align: center;
  display: inline-block;
  border-radius: var(--ep-border-radius-infinity, 0.25rem);
  padding: 0.125rem;
  min-width: 2.5rem;
  background: var(--ep-color-background-fill-surface-lowered, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-weaker, #E8FE5C);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-28-1-index .platform-1 .layout28.btn-wall[data-v-af50ad58] {
  display: flex;
  align-items: center;
  padding-inline: 0.3125rem;
  width: 11.0625rem;
  height: 8rem;
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  background: var(--ep-dynamic-tertiary-weak);
  transform: translateZ(0);
  z-index: 1;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-28-1-index .platform-1 .layout28.btn-wall[data-v-af50ad58]::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--after-background);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-28-1-index .platform-1 .layout28.btn-wall .type-img[data-v-af50ad58] {
  flex-shrink: 0;
  width: 6.5rem;
  height: 6.5rem;
  position: relative;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-28-1-index .platform-1 .layout28.btn-wall .type-img[data-v-af50ad58] ion-img::part(image) {
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  object-fit: fill;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-28-1-index .platform-1 .layout28.btn-wall .label-wall[data-v-af50ad58] {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  margin-right: 0.25rem;
  text-align: left;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-28-1-index .platform-1 .layout28.btn-wall .label-wall .label[data-v-af50ad58] {
  margin-top: 0.25rem;
  line-height: 1.2;
  font-size: var(--ep-font-size-s, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-28-1-index .platform-1 .layout28.btn-wall .label-wall .text-break[data-v-af50ad58] {
  display: block;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-28-1-index .platform-1 .layout28.btn-wall .label-wall .sub-label[data-v-af50ad58] {
  text-align: center;
  display: inline-block;
  border-radius: var(--ep-border-radius-infinity, 0.25rem);
  padding: 0.125rem;
  min-width: 2.5rem;
  background: var(--ep-color-background-fill-surface-lowered, #2C0554);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-weaker, #E8FE5C);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .platform-2 .layout28.btn-wall[data-v-fc38401a] {
  --padding-top: 0.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: var(--padding-top);
  width: 7.875rem;
  height: 9.5rem;
  border-radius: var(--ep-border-radius-l, 0.75rem);
  background: var(--ep-dynamic-tertiary-weak);
  transform: translateZ(0);
  z-index: 1;
}
html .platform-2 .layout28.btn-wall .type-img[data-v-fc38401a] {
  width: 7.375rem;
  height: 7.375rem;
  position: relative;
}
html .platform-2 .layout28.btn-wall .type-img[data-v-fc38401a] ion-img::part(image) {
  border-radius: 0.375rem 0.375rem 1rem 1rem;
  object-fit: fill;
}
html .platform-2 .layout28.btn-wall .label-wall[data-v-fc38401a] {
  line-height: 1;
  margin-top: 0.25rem;
  padding: 0.25rem;
  min-width: 5rem;
  max-width: calc(100% - 0.5rem);
  border-radius: var(--ep-border-radius-infinity, 0.25rem);
  background: var(--ep-color-background-fill-surface-lowered, #2C0554);
}
html .platform-2 .layout28.btn-wall .label-wall .label[data-v-fc38401a] {
  font-size: var(--ep-font-size-s, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .platform-2 .layout28.btn-wall .sub-label[data-v-fc38401a] {
  position: absolute;
  top: var(--padding-top);
  left: 0.25rem;
  z-index: 10;
  border-radius: 0.375rem 0 0.875rem 0;
  padding: 0.125rem;
  min-width: 2.25rem;
  background: linear-gradient(to right, #6aeda9, #66e955);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight-white);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-28-2-index .platform-2 .layout28.btn-wall[data-v-fc38401a] {
  --padding-top: 0.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: var(--padding-top);
  width: 7.875rem;
  height: 9.5rem;
  border-radius: var(--ep-border-radius-l, 0.75rem);
  background: var(--ep-dynamic-tertiary-weak);
  transform: translateZ(0);
  z-index: 1;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-28-2-index .platform-2 .layout28.btn-wall .type-img[data-v-fc38401a] {
  width: 7.375rem;
  height: 7.375rem;
  position: relative;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-28-2-index .platform-2 .layout28.btn-wall .type-img[data-v-fc38401a] ion-img::part(image) {
  border-radius: 0.375rem 0.375rem 1rem 1rem;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-28-2-index .platform-2 .layout28.btn-wall .label-wall[data-v-fc38401a] {
  line-height: 1;
  margin-top: 0.25rem;
  padding: 0.25rem;
  min-width: 5rem;
  max-width: calc(100% - 0.5rem);
  border-radius: var(--ep-border-radius-infinity, 0.25rem);
  background: var(--ep-color-background-fill-surface-lowered, #2C0554);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-28-2-index .platform-2 .layout28.btn-wall .label-wall .label[data-v-fc38401a] {
  font-size: var(--ep-font-size-s, 0.875rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-gameBarCard-components-platform-components-nav-28-2-index .platform-2 .layout28.btn-wall .sub-label[data-v-fc38401a] {
  position: absolute;
  top: var(--padding-top);
  left: 0.25rem;
  z-index: 10;
  border-radius: 0.375rem 0 0.875rem 0;
  padding: 0.125rem;
  min-width: 2.25rem;
  background: linear-gradient(to right, #6aeda9, #66e955);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight-white);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout38.game-wrapper[data-v-f97f2584] {
  width: 100%;
}
.game-wrapper[data-v-f97f2584] {
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .tabbar-tabs-inicio-components-GameWrapper-index[data-v-abccbd19] {
  padding-inline: 0.9375rem;
  margin-bottom: 0.5rem;
  background: transparent;
}
html .tabbar-tabs-inicio-components-GameWrapper-index .aspect-ratio-card[data-v-abccbd19] {
  width: 100%;
  aspect-ratio: 100 / 32.786;
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
  overflow: hidden;
}
html .tabbar-tabs-inicio-components-GameWrapper-index[data-v-abccbd19]:has(.aspect-ratio-card) {
  padding-bottom: 0.3125rem;
}
html .tabbar-tabs-inicio-components-GameWrapper-index .card-container[data-v-abccbd19] {
  display: flex;
  flex-flow: wrap;
  padding: var(--swiper-padding, null);
  gap: 0.75rem;
}
html .tabbar-tabs-inicio-components-GameWrapper-index .card-container .loading-spinner[data-v-abccbd19] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
html .tabbar-tabs-inicio-components-GameWrapper-index .layout1.bonus-pool-container[data-v-abccbd19] {
  display: flex;
  flex-flow: wrap;
  gap: 0.75rem;
}
html .tabbar-tabs-inicio-components-GameWrapper-index .layout1.bonus-pool-container .bonus-pool-container-top[data-v-abccbd19] {
  width: 100%;
  display: flex;
  gap: 0.75rem;
}
html .tabbar-tabs-inicio-components-GameWrapper-index .layout1.bonus-pool-container .bonus-pool-container-top .bonus-pool-container-top-bonus-pool[data-v-abccbd19] {
  flex: 1;
}
html .tabbar-tabs-inicio-components-GameWrapper-index .layout1.bonus-pool-container .bonus-pool-container-top .bonus-pool-container-card-container[data-v-abccbd19] {
  flex: 1;
  display: flex;
  flex-flow: wrap;
  gap: 0.75rem;
}
html .tabbar-tabs-inicio-components-GameWrapper-index .layout1.bonus-pool-container .bonus-pool-container-top .bonus-pool-container-card-container .bonus-pool-container-card[data-v-abccbd19] {
  flex: 0 0 46.5%;
}
html .layout51.tabbar-tabs-inicio-components-GameWrapper-index .game-head[data-v-abccbd19] + * {
  border-top-left-radius: var(--ep-border-radius-surface-large, 1.25rem);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.more[data-v-0060c20d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block-start: 0.9375rem;
  padding-block-end: 1.625rem;
  text-transform: capitalize;
  font-size: 0.75rem;
  line-height: 1.5;
}
html .layout1.more .label[data-v-0060c20d] {
  color: #566488;
  font-weight: 400;
}
html .layout1.more .btn[data-v-0060c20d] {
  color: #1680DC;
}
html .layout1.more .btn .btn-label[data-v-0060c20d] {
  font-weight: 600;
}
html .layout1.more .btn .btn-icon[data-v-0060c20d] {
  margin-inline-start: 0.1875rem;
  vertical-align: middle;
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
}
html .layout1.more .btn .active[data-v-0060c20d] {
  transform: rotateX(180deg);
}
.auroral-yellow .more[data-v-0060c20d] {
  background: #24221F;
  padding-block: 1.25rem 0.75rem;
  border-radius: 0 0 0.625rem 0.625rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-1-index .layout1.more[data-v-0060c20d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block-start: 0.9375rem;
  padding-block-end: 1.625rem;
  text-transform: capitalize;
  font-size: 0.75rem;
  line-height: 1.5;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-1-index .layout1.more .label[data-v-0060c20d] {
  color: #566488;
  font-weight: 400;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-1-index .layout1.more .btn[data-v-0060c20d] {
  color: #1680DC;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-1-index .layout1.more .btn .btn-label[data-v-0060c20d] {
  font-weight: 600;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-1-index .layout1.more .btn .btn-icon[data-v-0060c20d] {
  margin-inline-start: 0.1875rem;
  vertical-align: middle;
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-1-index .layout1.more .btn .active[data-v-0060c20d] {
  transform: rotateX(180deg);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.more[data-v-2319884c] {
  padding: 0.6875rem 0 0.75rem;
  display: flex;
  justify-content: center;
  border-top: 0.0625rem solid var(--ep-color-border-default);
}
html .layout1.more .btn[data-v-2319884c] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
html .layout1.more .btn .btn-label[data-v-2319884c] {
  text-align: center;
  font-size: var(--ep-font-size-s);
  text-transform: capitalize;
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
html .layout1.more .btn .btn-icon[data-v-2319884c] {
  font-size: var(--ep-font-size-s);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
  color: var(--ep-color-icon-brand-secondary);
}
html .layout1.more .btn .active[data-v-2319884c] {
  transform: rotateX(180deg);
}
html .layout26.more[data-v-2319884c] {
  padding: 0.6875rem 0 0.75rem;
  display: flex;
  position: relative;
  justify-content: center;
}
html .layout26.more[data-v-2319884c]::before {
  content: '';
  position: absolute;
  top: -0.0625rem;
  height: 0.0625rem;
  width: 95%;
  background: var(--ep-color-border-brand);
}
html .layout26.more .btn[data-v-2319884c] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
html .layout26.more .btn .btn-label[data-v-2319884c] {
  text-align: center;
  font-size: var(--ep-font-size-s);
  text-transform: capitalize;
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
html .layout26.more .btn .btn-icon[data-v-2319884c] {
  font-size: var(--ep-font-size-m, 0.875rem);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
  color: var(--ep-color-icon-brand-secondary);
}
html .layout26.more .btn .active[data-v-2319884c] {
  transform: rotateX(180deg);
}
html .layout27.more[data-v-2319884c] {
  padding: 0.625rem 0;
  display: flex;
  justify-content: center;
  background: var(--ep-color-background-fill-surface-raised-L2);
  border-bottom-left-radius: var(--ep-border-radius-surface-small);
  border-bottom-right-radius: var(--ep-border-radius-surface-small);
}
html .layout27.more .btn[data-v-2319884c] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
html .layout27.more .btn .btn-label[data-v-2319884c] {
  text-align: center;
  font-size: var(--ep-font-size-s);
  text-transform: capitalize;
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
html .layout27.more .btn .btn-icon[data-v-2319884c] {
  font-size: var(--ep-font-size-s);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
  color: var(--ep-color-icon-brand-secondary);
}
html .layout27.more .btn .active[data-v-2319884c] {
  transform: rotateX(180deg);
}
html .layout30.more[data-v-2319884c] {
  display: flex;
  position: relative;
  justify-content: center;
}
html .layout30.more .btn[data-v-2319884c] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
html .layout30.more .btn .btn-label[data-v-2319884c] {
  text-align: center;
  font-size: var(--ep-font-size-s);
  text-transform: capitalize;
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
html .layout30.more .btn .btn-icon[data-v-2319884c] {
  font-size: var(--ep-font-size-m, 0.875rem);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
  color: var(--ep-color-icon-brand-primary);
}
html .layout30.more .btn .active[data-v-2319884c] {
  transform: rotateX(180deg);
}
html .layout38.more[data-v-2319884c] {
  padding: 0.625rem 0;
  display: flex;
  justify-content: center;
}
html .layout38.more .btn[data-v-2319884c] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
html .layout38.more .btn .btn-label[data-v-2319884c] {
  text-align: center;
  font-size: var(--ep-font-size-s);
  text-transform: capitalize;
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
html .layout38.more .btn .btn-icon[data-v-2319884c] {
  font-size: var(--ep-font-size-s);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
  color: var(--ep-color-icon-brand-secondary);
}
html .layout38.more .btn .active[data-v-2319884c] {
  transform: rotateX(180deg);
}
html .layout51.more[data-v-2319884c] {
  padding: 1.25rem 0 0;
  display: flex;
  justify-content: center;
}
html .layout51.more .btn[data-v-2319884c] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
html .layout51.more .btn .btn-label[data-v-2319884c] {
  text-align: center;
  line-height: 1.125rem;
  text-transform: none;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-selected);
}
html .layout51.more .btn .btn-icon[data-v-2319884c] {
  font-size: 0.75rem;
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
  color: var(--ep-color-text-selected);
}
html .layout51.more .btn .active[data-v-2319884c] {
  transform: rotateX(180deg);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout1.more[data-v-2319884c] {
  padding: 0.6875rem 0 0.75rem;
  display: flex;
  justify-content: center;
  border-top: 0.0625rem solid var(--ep-color-border-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout1.more .btn[data-v-2319884c] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout1.more .btn .btn-label[data-v-2319884c] {
  text-align: center;
  font-size: var(--ep-font-size-s);
  text-transform: capitalize;
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout1.more .btn .btn-icon[data-v-2319884c] {
  font-size: var(--ep-font-size-s);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
  color: var(--ep-color-icon-brand-secondary);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout1.more .btn .active[data-v-2319884c] {
  transform: rotateX(180deg);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout26.more[data-v-2319884c] {
  padding: 0.6875rem 0 0.75rem;
  display: flex;
  position: relative;
  justify-content: center;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout26.more[data-v-2319884c]::before {
  content: '';
  position: absolute;
  top: -0.0625rem;
  height: 0.0625rem;
  width: 95%;
  background: var(--ep-color-border-brand);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout26.more .btn[data-v-2319884c] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout26.more .btn .btn-label[data-v-2319884c] {
  text-align: center;
  font-size: var(--ep-font-size-s);
  text-transform: capitalize;
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout26.more .btn .btn-icon[data-v-2319884c] {
  font-size: var(--ep-font-size-m, 0.875rem);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
  color: var(--ep-color-icon-brand-secondary);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout26.more .btn .active[data-v-2319884c] {
  transform: rotateX(180deg);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout27.more[data-v-2319884c] {
  padding: 0.625rem 0;
  display: flex;
  justify-content: center;
  background: var(--ep-color-background-fill-surface-raised-L2);
  border-bottom-left-radius: var(--ep-border-radius-surface-small);
  border-bottom-right-radius: var(--ep-border-radius-surface-small);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout27.more .btn[data-v-2319884c] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout27.more .btn .btn-label[data-v-2319884c] {
  text-align: center;
  font-size: var(--ep-font-size-s);
  text-transform: capitalize;
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout27.more .btn .btn-icon[data-v-2319884c] {
  font-size: var(--ep-font-size-s);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
  color: var(--ep-color-icon-brand-secondary);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout27.more .btn .active[data-v-2319884c] {
  transform: rotateX(180deg);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout30.more[data-v-2319884c] {
  display: flex;
  position: relative;
  justify-content: center;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout30.more .btn[data-v-2319884c] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout30.more .btn .btn-label[data-v-2319884c] {
  text-align: center;
  font-size: var(--ep-font-size-s);
  text-transform: capitalize;
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout30.more .btn .btn-icon[data-v-2319884c] {
  font-size: var(--ep-font-size-m, 0.875rem);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
  color: var(--ep-color-icon-brand-primary);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout30.more .btn .active[data-v-2319884c] {
  transform: rotateX(180deg);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout38.more[data-v-2319884c] {
  padding: 0.625rem 0;
  display: flex;
  justify-content: center;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout38.more .btn[data-v-2319884c] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout38.more .btn .btn-label[data-v-2319884c] {
  text-align: center;
  font-size: var(--ep-font-size-s);
  text-transform: capitalize;
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout38.more .btn .btn-icon[data-v-2319884c] {
  font-size: var(--ep-font-size-s);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
  color: var(--ep-color-icon-brand-secondary);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout38.more .btn .active[data-v-2319884c] {
  transform: rotateX(180deg);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout51.more[data-v-2319884c] {
  padding: 1.25rem 0 0;
  display: flex;
  justify-content: center;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout51.more .btn[data-v-2319884c] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout51.more .btn .btn-label[data-v-2319884c] {
  text-align: center;
  line-height: 1.125rem;
  text-transform: none;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-selected);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout51.more .btn .btn-icon[data-v-2319884c] {
  font-size: 0.75rem;
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
  color: var(--ep-color-text-selected);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout51.more .btn .active[data-v-2319884c] {
  transform: rotateX(180deg);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout36.more[data-v-984290bd] {
  padding: 0.6875rem 0 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.layout36.more .index[data-v-984290bd] {
  margin-bottom: 0.625rem;
  display: flex;
  align-items: center;
  width: 100%;
  height: 0.25rem;
  border-radius: 0.25rem;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
.layout36.more .index .index-item[data-v-984290bd] {
  flex: 1;
  height: 100%;
  border-radius: 0.25rem;
}
.layout36.more .index .index-item.active[data-v-984290bd] {
  background: var(--ep-color-background-fill-active-primary);
}
.layout36.more ion-label[data-v-984290bd] {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-text-weaker);
}
.layout36.more .btn[data-v-984290bd] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.layout36.more .btn .btn-label[data-v-984290bd] {
  text-align: center;
  font-size: var(--ep-font-size-s);
  text-transform: capitalize;
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-brand-primary);
}
.layout36.more .btn .btn-icon[data-v-984290bd] {
  font-size: var(--ep-font-size-m);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
  color: var(--ep-color-icon-brand-primary);
}
.layout36.more .btn .active[data-v-984290bd] {
  transform: rotateX(180deg);
}
.layout40.more[data-v-984290bd] {
  padding: 0.6875rem 0 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.layout40.more .index[data-v-984290bd] {
  display: none;
}
.layout40.more ion-label[data-v-984290bd] {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-text-weaker);
}
.layout40.more .btn[data-v-984290bd] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.layout40.more .btn .btn-label[data-v-984290bd] {
  text-align: center;
  font-size: var(--ep-font-size-s);
  text-transform: capitalize;
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-brand-primary);
}
.layout40.more .btn .btn-icon[data-v-984290bd] {
  font-size: var(--ep-font-size-m);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
  color: var(--ep-color-icon-brand-primary);
}
.layout40.more .btn .active[data-v-984290bd] {
  transform: rotateX(180deg);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout37.more[data-v-2ddd7757] {
  margin: 0 0.75rem;
  padding: 0.75rem 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.layout37.more .index[data-v-2ddd7757] {
  display: flex;
  align-items: center;
  width: 100%;
  height: 0.25rem;
  border-radius: 0.25rem;
  background: var(--ep-color-background-fill-active-active);
}
.layout37.more .index .index-item[data-v-2ddd7757] {
  flex: 1;
  height: 100%;
  border-radius: 0.25rem;
}
.layout37.more .index .index-item.active[data-v-2ddd7757] {
  background: var(--ep-color-background-fill-active-primary);
  position: relative;
}
.layout37.more .index .index-item.active[data-v-2ddd7757]::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(50%);
  right: 0;
  content: '';
  display: block;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: var(--ep-color-background-fill-active-primary);
  box-shadow: 0 0 0 0.125rem var(--ep-color-background-fill-glow-primary-opacity-40);
}
.layout37.more ion-label[data-v-2ddd7757] {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-text-weaker);
}
.layout37.more .btn[data-v-2ddd7757] {
  padding: 0.125rem 0.5rem;
  margin-top: -0.0625rem;
  border-radius: 0 0 var(--ep-border-radius-surface-default) var(--ep-border-radius-surface-default);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  background: linear-gradient(0deg, var(--ep-color-background-fill-gradients-tertiary-b) 0%, var(--ep-color-background-fill-gradients-tertiary-a) 100%);
}
.layout37.more .btn .btn-label[data-v-2ddd7757] {
  text-align: center;
  font-size: var(--ep-font-size-s);
  text-transform: capitalize;
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-inverse);
}
.layout37.more .btn .btn-icon[data-v-2ddd7757] {
  font-size: var(--ep-font-size-m);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
  color: var(--ep-color-icon-inverse);
}
.layout37.more .btn .active[data-v-2ddd7757] {
  transform: rotateX(180deg);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-e409c082] {
  /**
   * 53 号（炫彩紫）：设计稿 node 17023:41046 的「加载更多」条。
   *
   * 366x27 深色底条，中间下缘挖掉一个梯形缺口，文案落进缺口里透出页面底色；
   * 条顶压着 3px 分页轨道——.index 是轨道底、.index-item.active 是当前页。
   *
   * 缺口用 clip-path 而不是切图：顶点直接取自设计稿 Subtract 的 path，按 366x27 折算成
   * 百分比。版心固定 366，百分比不会让斜边角度跑偏，省一张 svg 和一次请求。
   */
}
html .layout42.more[data-v-e409c082] {
  margin: 0.25rem 0 0.75rem 0;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #F0FFB8 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 0.75rem;
}
html .layout42.more .index[data-v-e409c082] {
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  width: 100%;
  height: 0.25rem;
  border-radius: 0.25rem;
  background: var(--ep-color-background-fill-surface-lowered);
}
html .layout42.more .index .index-item[data-v-e409c082] {
  flex: 1;
  height: 100%;
  border-radius: 0.25rem;
}
html .layout42.more .index .index-item.active[data-v-e409c082] {
  background: var(--ep-color-icon-warning);
}
html .layout42.more ion-label[data-v-e409c082] {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-text-selected);
}
html .layout42.more .btn[data-v-e409c082] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
html .layout42.more .btn.isExpanded[data-v-e409c082] {
  padding-top: 0.375rem;
}
html .layout42.more .btn .btn-label[data-v-e409c082] {
  text-align: center;
  font-size: var(--ep-font-size-s);
  text-transform: capitalize;
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-selected);
}
html .layout42.more .btn .btn-icon[data-v-e409c082] {
  font-size: var(--ep-font-size-m);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
  color: var(--ep-color-text-selected);
}
html .layout42.more .btn .active[data-v-e409c082] {
  transform: rotateX(180deg);
}
html .layout46.more[data-v-e409c082] {
  margin: 0.75rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 0.75rem;
}
html .layout46.more .index[data-v-e409c082] {
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  width: 100%;
  height: 0.25rem;
  border-radius: 0.25rem;
  background: var(--ep-color-background-fill-glow-primary-opacity-40);
}
html .layout46.more .index .index-item[data-v-e409c082] {
  flex: 1;
  height: 100%;
  border-radius: 0.25rem;
}
html .layout46.more .index .index-item.active[data-v-e409c082] {
  background: var(--ep-color-icon-selected);
}
html .layout46.more ion-label[data-v-e409c082] {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-text-selected);
}
html .layout46.more .btn[data-v-e409c082] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
html .layout46.more .btn.isExpanded[data-v-e409c082] {
  padding-top: 0.375rem;
}
html .layout46.more .btn .btn-label[data-v-e409c082] {
  text-align: center;
  font-size: var(--ep-font-size-s);
  text-transform: capitalize;
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-default);
}
html .layout46.more .btn .btn-icon[data-v-e409c082] {
  font-size: var(--ep-font-size-m);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
  color: var(--ep-color-icon-selected);
}
html .layout46.more .btn .active[data-v-e409c082] {
  transform: rotateX(180deg);
}
html .layout53.more[data-v-e409c082] {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 2rem;
}
html .layout53.more[data-v-e409c082]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2rem;
  background: var(--ep-color-background-fill-surface-raised-L2);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 76.003% 100%, 72.117% 27.362%, 71.011% 19.716%, 28.818% 19.716%, 27.712% 27.362%, 23.827% 100%, 0 100%);
}
html .layout53.more[data-v-e409c082]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2rem;
  pointer-events: none;
  background: linear-gradient(0deg, var(--ep-neutral-black-black-40) 0%, transparent 100%);
}
html .layout53.more .index[data-v-e409c082] {
  display: flex;
  align-items: center;
  z-index: 1;
  position: relative;
  width: 100%;
  height: 0.1875rem;
  border-radius: 0.25rem;
  background: var(--ep-color-border-default);
}
html .layout53.more .index .index-item[data-v-e409c082] {
  flex: 1;
  height: 100%;
  border-radius: 0.25rem;
}
html .layout53.more .index .index-item.active[data-v-e409c082] {
  background: var(--ep-color-background-fill-active-primary);
}
html .layout53.more .btn[data-v-e409c082] {
  display: flex;
  align-items: center;
  z-index: 1;
  position: relative;
  flex: 1;
  gap: 0.375rem;
}
html .layout53.more .btn .btn-label[data-v-e409c082] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-highlight-white);
}
html .layout53.more .btn .btn-icon[data-v-e409c082] {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
  color: var(--ep-color-text-highlight-white);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
}
html .layout53.more .btn .active[data-v-e409c082] {
  transform: rotateX(180deg);
}
html .layout54.more[data-v-e409c082] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 2rem;
  margin: 0.25rem 0 0;
  padding: 0 0.75rem;
}
html .layout54.more .index[data-v-e409c082] {
  display: flex;
  align-items: center;
  width: 100%;
  height: 0.1875rem;
  margin-bottom: 0.21875rem;
  border-radius: 0.25rem;
  background: var(--ep-color-border-default);
}
html .layout54.more .index .index-item[data-v-e409c082] {
  flex: 1;
  height: 100%;
  border-radius: 0.25rem;
}
html .layout54.more .index .index-item.active[data-v-e409c082] {
  background: var(--ep-color-text-brand-primary);
}
html .layout54.more ion-label[data-v-e409c082] {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-text-selected);
}
html .layout54.more .btn[data-v-e409c082] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
html .layout54.more .btn.isExpanded[data-v-e409c082] {
  padding-top: 0.375rem;
}
html .layout54.more .btn .btn-label[data-v-e409c082] {
  text-align: center;
  font-size: var(--ep-font-size-s);
  text-transform: capitalize;
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-selected);
}
html .layout54.more .btn .btn-icon[data-v-e409c082] {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-text-selected);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
}
html .layout54.more .btn .active[data-v-e409c082] {
  transform: rotateX(180deg);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index[data-v-e409c082] {
  /**
   * 53 号（炫彩紫）：设计稿 node 17023:41046 的「加载更多」条。
   *
   * 366x27 深色底条，中间下缘挖掉一个梯形缺口，文案落进缺口里透出页面底色；
   * 条顶压着 3px 分页轨道——.index 是轨道底、.index-item.active 是当前页。
   *
   * 缺口用 clip-path 而不是切图：顶点直接取自设计稿 Subtract 的 path，按 366x27 折算成
   * 百分比。版心固定 366，百分比不会让斜边角度跑偏，省一张 svg 和一次请求。
   */
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout42.more[data-v-e409c082] {
  margin: 0.25rem 0 0.75rem 0;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #F0FFB8 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 0.75rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout42.more .index[data-v-e409c082] {
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  width: 100%;
  height: 0.25rem;
  border-radius: 0.25rem;
  background: var(--ep-color-background-fill-surface-lowered);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout42.more .index .index-item[data-v-e409c082] {
  flex: 1;
  height: 100%;
  border-radius: 0.25rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout42.more .index .index-item.active[data-v-e409c082] {
  background: var(--ep-color-icon-warning);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout42.more ion-label[data-v-e409c082] {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-text-selected);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout42.more .btn[data-v-e409c082] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout42.more .btn.isExpanded[data-v-e409c082] {
  padding-top: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout42.more .btn .btn-label[data-v-e409c082] {
  text-align: center;
  font-size: var(--ep-font-size-s);
  text-transform: capitalize;
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-selected);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout42.more .btn .btn-icon[data-v-e409c082] {
  font-size: var(--ep-font-size-m);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
  color: var(--ep-color-text-selected);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout42.more .btn .active[data-v-e409c082] {
  transform: rotateX(180deg);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout46.more[data-v-e409c082] {
  margin: 0.75rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 0.75rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout46.more .index[data-v-e409c082] {
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  width: 100%;
  height: 0.25rem;
  border-radius: 0.25rem;
  background: var(--ep-color-background-fill-glow-primary-opacity-40);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout46.more .index .index-item[data-v-e409c082] {
  flex: 1;
  height: 100%;
  border-radius: 0.25rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout46.more .index .index-item.active[data-v-e409c082] {
  background: var(--ep-color-icon-selected);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout46.more ion-label[data-v-e409c082] {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-text-selected);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout46.more .btn[data-v-e409c082] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout46.more .btn.isExpanded[data-v-e409c082] {
  padding-top: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout46.more .btn .btn-label[data-v-e409c082] {
  text-align: center;
  font-size: var(--ep-font-size-s);
  text-transform: capitalize;
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout46.more .btn .btn-icon[data-v-e409c082] {
  font-size: var(--ep-font-size-m);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
  color: var(--ep-color-icon-selected);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout46.more .btn .active[data-v-e409c082] {
  transform: rotateX(180deg);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout53.more[data-v-e409c082] {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 2rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout53.more[data-v-e409c082]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2rem;
  background: var(--ep-color-background-fill-surface-raised-L2);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 76.003% 100%, 72.117% 27.362%, 71.011% 19.716%, 28.818% 19.716%, 27.712% 27.362%, 23.827% 100%, 0 100%);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout53.more[data-v-e409c082]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2rem;
  pointer-events: none;
  background: linear-gradient(0deg, var(--ep-neutral-black-black-40) 0%, transparent 100%);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout53.more .index[data-v-e409c082] {
  display: flex;
  align-items: center;
  z-index: 1;
  position: relative;
  width: 100%;
  height: 0.1875rem;
  border-radius: 0.25rem;
  background: var(--ep-color-border-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout53.more .index .index-item[data-v-e409c082] {
  flex: 1;
  height: 100%;
  border-radius: 0.25rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout53.more .index .index-item.active[data-v-e409c082] {
  background: var(--ep-color-background-fill-active-primary);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout53.more .btn[data-v-e409c082] {
  display: flex;
  align-items: center;
  z-index: 1;
  position: relative;
  flex: 1;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout53.more .btn .btn-label[data-v-e409c082] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-highlight-white);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout53.more .btn .btn-icon[data-v-e409c082] {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
  color: var(--ep-color-text-highlight-white);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout53.more .btn .active[data-v-e409c082] {
  transform: rotateX(180deg);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout54.more[data-v-e409c082] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 2rem;
  margin: 0.25rem 0 0;
  padding: 0 0.75rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout54.more .index[data-v-e409c082] {
  display: flex;
  align-items: center;
  width: 100%;
  height: 0.1875rem;
  margin-bottom: 0.21875rem;
  border-radius: 0.25rem;
  background: var(--ep-color-border-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout54.more .index .index-item[data-v-e409c082] {
  flex: 1;
  height: 100%;
  border-radius: 0.25rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout54.more .index .index-item.active[data-v-e409c082] {
  background: var(--ep-color-text-brand-primary);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout54.more ion-label[data-v-e409c082] {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-text-selected);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout54.more .btn[data-v-e409c082] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout54.more .btn.isExpanded[data-v-e409c082] {
  padding-top: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout54.more .btn .btn-label[data-v-e409c082] {
  text-align: center;
  font-size: var(--ep-font-size-s);
  text-transform: capitalize;
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-selected);
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout54.more .btn .btn-icon[data-v-e409c082] {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-text-selected);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
}
#tabbar-tabs-inicio-components-GameWrapper-components-showAll-42-index .layout54.more .btn .active[data-v-e409c082] {
  transform: rotateX(180deg);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout44.more[data-v-c450beb6] {
  height: 3rem;
  display: flex;
  position: relative;
  align-items: flex-end;
  padding-bottom: 0.375rem;
  justify-content: center;
}
.layout44.more .background[data-v-c450beb6] {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
}
.layout44.more .btn[data-v-c450beb6] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  height: 1.125rem;
}
.layout44.more .btn .btn-label[data-v-c450beb6] {
  text-align: center;
  font-size: var(--ep-font-size-s);
  text-transform: capitalize;
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
.layout44.more .btn .btn-icon[data-v-c450beb6] {
  font-size: var(--ep-font-size-m, 0.875rem);
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
  color: var(--ep-color-icon-brand-secondary);
}
.layout44.more .btn .active[data-v-c450beb6] {
  transform: rotateX(180deg);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout49.game-head[data-v-0b85fa46] {
  position: relative;
}
/**
 * 53 号（炫彩紫）分类头，设计稿 node 17032:42314：390x42 通栏——顶部 2px 品红线，
 * 下面 390x40 的深色切角条（bg-head-53.svg），内容行仍按 366 版心内缩 12px。
 *
 * 父级 GameWrapper 有 padding: 0 .75rem，所以这里用负边距把自己撑回满宽再用等量 padding
 * 把内容推回来；配套要把 Wrapper 的 overflow 放开（在 theme-53.ts 里改），否则会被裁掉。
 * 品红线用 border-top 而不是伪元素：绝对定位的背景 svg 以 padding box 为包含块，
 * 有了 border 它天然从 y=2 起算、高度也正好是 40，不用再写 top/height。
 */
.layout53.game-head[data-v-0b85fa46] {
  position: relative;
  box-sizing: border-box;
  width: calc(100% + 1.5rem);
  margin-inline: -0.75rem;
  padding-inline: 0.75rem;
  height: 2.625rem;
  border-top: 0.125rem solid var(--ep-color-background-fill-active-primary);
}
.layout54.game-head[data-v-0b85fa46] {
  box-sizing: border-box;
  height: 2.5rem;
  padding-inline: 0.75rem;
  border-radius: 0.625rem 0.625rem 0 0;
  background: linear-gradient(180deg, #1C2D1E 0%, rgba(33, 54, 35, 0) 100%);
}
.layout54.game-head[data-v-0b85fa46]::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 0.0375rem;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(180deg, #98CA8A 0%, rgba(134, 170, 80, 0) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.game-head[data-v-0b85fa46] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  isolation: isolate;
}
.game-head-svg-bg[data-v-0b85fa46] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  border-top-left-radius: 0.75rem;
  overflow: hidden;
}
.game-head-svg-bg[data-icon-name="inicio/game/bg-head-45"][data-v-0b85fa46] {
  border-top-left-radius: 0.375rem;
}
.game-head-svg-bg[data-icon-name="inicio/game/bg-head-47"][data-v-0b85fa46] {
  width: 100%;
  border-top-left-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.game-head-svg-bg[data-icon-name="inicio/game/bg-head-47"][data-v-0b85fa46] svg {
  width: 100%;
  height: auto;
  flex-shrink: 0;
}
.game-head-svg-bg[data-icon-name="inicio/game/bg-head-53"][data-v-0b85fa46] {
  width: 100%;
  border-top-left-radius: 0;
}
.game-head-svg-bg[data-icon-name="inicio/game/bg-head-53"][data-v-0b85fa46] svg {
  width: 100%;
  height: 100%;
}
.game-head-svg-bg[data-v-0b85fa46] svg {
  width: auto;
  height: 100%;
}
.border-top[data-v-0b85fa46] {
  position: relative;
}
.border-top[data-v-0b85fa46]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background: var(--border-color1, var(--ep-color-border-default));
}
.border-bottom[data-v-0b85fa46] {
  position: relative;
}
.border-bottom[data-v-0b85fa46]::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background: var(--border-color2);
}
.special-bg[data-v-0b85fa46] {
  position: relative;
  overflow: hidden;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
.special-bg .total[data-v-0b85fa46] {
  position: relative;
  z-index: 2;
}
.special-bg[data-v-0b85fa46]::after {
  content: '';
  position: absolute;
  right: -20%;
  width: 18.4688rem;
  height: 7.2188rem;
  bottom: 0;
  background: url('/assets/title_bg-r2-CBgXfhF9.png') no-repeat center center;
  background-size: 100% 100%;
}
.layout26.game-head[data-v-0b85fa46] {
  position: relative;
}
.layout26.game-head[data-v-0b85fa46]::before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 3.75rem;
  border-radius: 0.375rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
.layout26.game-head[data-v-0b85fa46]::after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  width: 23.125rem;
  height: 0.625rem;
  left: 0.625rem;
  bottom: -0.875rem;
  border-radius: 1rem;
  background: var(--ep-color-background-fill-body-default);
}
.layout36.game-head[data-v-0b85fa46] {
  position: relative;
}
.layout36.game-head[data-v-0b85fa46]::before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  right: 1.125rem;
  width: 21.125rem;
  height: 2.625rem;
  border-radius: 0.375rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
.layout37.game-head[data-v-0b85fa46] {
  position: relative;
}
.layout37.game-head[data-v-0b85fa46]::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/assets/bg-gamewrapper37-r2-DVfbhTFr.png') no-repeat center center / 100% 100%;
}
.layout38.game-head[data-v-0b85fa46] {
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.layout39.game-head[data-v-0b85fa46] {
  position: relative;
  width: 22.875rem;
  height: 2.75rem;
}
.layout39.game-head[data-v-0b85fa46]::before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.375rem;
  background: var(--ep-color-background-fill-surface-raised-L2) url('/assets/game-wrapper-head-texture-39-r2-CVJhsvkp.png') no-repeat center center;
}
.layout42.game-head[data-v-0b85fa46] {
  position: relative;
  padding: 0 0.75rem;
}
.layout46.game-head[data-v-0b85fa46] {
  position: relative;
  padding: 0 0.75rem;
  height: 2.5rem;
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) -27.5%, var(--ep-color-background-fill-gradients-primary-b) 127.5%);
  border-radius: var(--ep-border-radius-surface-small);
  border: 0.0625rem solid var(--ep-color-border-brand);
  z-index: 2;
  overflow: hidden;
}
.layout46.game-head[data-v-0b85fa46]::after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: -0.0625rem;
  width: 100%;
  height: 100%;
  background: url('/assets/bg-gamewrapper-start46-r2-BjIZEuGq.png') no-repeat left center / 8.75rem 2.5rem, url('/assets/bg-gamewrapper-end46-r2-BGsmed0D.png') no-repeat right center / 8.125rem 2.5rem;
}
.layout47.game-head[data-v-0b85fa46] {
  padding: 0 0.75rem;
  position: relative;
  min-height: 3.25rem;
  margin-bottom: 0.75rem;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
.layout51.game-head[data-v-0b85fa46] {
  height: 2.8125rem;
  padding: 0 1.125rem 0 0.375rem;
  align-items: flex-start;
  background: url('/assets/bg-head-51-r2-CQOpG_K7.svg') no-repeat top left / 100% 100%;
}
.layout53.game-head[data-v-0b85fa46] {
  padding: 0 0.75rem;
  position: relative;
  min-height: 2.5rem;
  margin-bottom: 0.75rem;
  background: transparent;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout30.game-head[data-v-b6bd1423] {
  gap: 0.5rem;
  display: flex;
  margin-top: 1rem;
  align-items: center;
  margin-bottom: 0.9375rem;
  padding: 0.5rem 0.625rem 0.5rem 0;
  justify-content: space-between;
  background-image: var(--ep-dynamic-secondary);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: 0.0625rem solid var(--ep-color-border-default);
}
.layout30.game-head i[data-v-b6bd1423] {
  width: 0.125rem;
  height: 1.25rem;
  background: var(--ep-color-icon-brand-secondary);
}
.layout30.game-head[data-v-b6bd1423] .logo-c .logo {
  color: var(--ep-color-icon-warning);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout40.game-head[data-v-b60a2656] {
  gap: 0.5rem;
  display: flex;
  margin-top: 1rem;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
.layout40.game-head .game-head-bg[data-v-b60a2656] {
  width: 24.375rem;
  height: 5.625rem;
  position: absolute;
  top: 0;
  left: 0;
}
.layout40.game-head[data-v-b60a2656] .logo-c .logo {
  color: var(--ep-color-icon-warning);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout40.game-head[data-v-d6f83333] {
  gap: 0.5rem;
  display: flex;
  margin-top: 1rem;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
.layout40.game-head .game-head-bg[data-v-d6f83333] {
  top: 0;
  left: 0;
  width: 100%;
  height: 2.75rem;
  position: absolute;
}
.layout40.game-head[data-v-d6f83333] .logo-c .logo {
  color: var(--ep-color-icon-warning);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout49.game-head[data-v-36a76870] {
  display: flex;
  height: 3.25rem;
  margin-top: 1rem;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
.layout49.game-head .game-head-bg[data-v-36a76870] {
  width: 100%;
  z-index: -1;
  height: 2.75rem;
  position: absolute;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.game-head[data-v-cebe78cf] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.special-bg[data-v-cebe78cf] {
  position: relative;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
.special-bg[data-v-cebe78cf]::after {
  content: '';
  position: absolute;
  right: -20%;
  width: 18.4688rem;
  height: 7.2188rem;
  bottom: 0;
  background: url('/assets/title_bg-r2-CBgXfhF9.png') no-repeat center center;
  background-size: 100% 100%;
}
.border-top[data-v-cebe78cf] {
  position: relative;
}
.border-top[data-v-cebe78cf]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background: var(--border-color1);
}
.border-bottom[data-v-cebe78cf] {
  position: relative;
}
.border-bottom[data-v-cebe78cf]::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background: var(--border-color2);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .logo-c[data-v-1825da9c] {
  flex: 1;
  display: flex;
  align-items: center;
  flex-flow: wrap;
}
html .logo-c .logo[data-v-1825da9c] {
  width: 2rem;
  height: 2rem;
  margin-right: 0.3125rem;
  color: var(--ep-color-icon-highlight);
}
html .logo-c .hot-logo[data-v-1825da9c] {
  color: var(--ep-color-icon-danger);
}
html .logo-c .title-c[data-v-1825da9c] {
  display: flex;
  gap: 0.375rem;
}
html .logo-c .title-c .label[data-v-1825da9c] {
  font-size: var(--ep-font-size-xl);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-default);
}
html .logo-c[data-v-1825da9c] {
  flex: 1;
  display: flex;
  align-items: center;
  flex-flow: wrap;
}
html .logo-c .logo[data-v-1825da9c] {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.3125rem;
  color: var(--ep-color-icon-highlight);
}
html .logo-c .hot-logo[data-v-1825da9c] {
  color: var(--ep-color-icon-danger);
}
html .logo-c .title-c[data-v-1825da9c] {
  display: flex;
  gap: 0.375rem;
}
html .logo-c .title-c .label[data-v-1825da9c] {
  font-size: var(--ep-font-size-l);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
html .logo-c.layout54 .logo[data-v-1825da9c] {
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c[data-v-1825da9c] {
  flex: 1;
  display: flex;
  align-items: center;
  flex-flow: wrap;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c .logo[data-v-1825da9c] {
  width: 2rem;
  height: 2rem;
  margin-right: 0.3125rem;
  color: var(--ep-color-icon-highlight);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c .hot-logo[data-v-1825da9c] {
  color: var(--ep-color-icon-danger);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c .title-c[data-v-1825da9c] {
  display: flex;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c .title-c .label[data-v-1825da9c] {
  font-size: var(--ep-font-size-xl);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c[data-v-1825da9c] {
  flex: 1;
  display: flex;
  align-items: center;
  flex-flow: wrap;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c .logo[data-v-1825da9c] {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.3125rem;
  color: var(--ep-color-icon-highlight);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c .hot-logo[data-v-1825da9c] {
  color: var(--ep-color-icon-danger);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c .title-c[data-v-1825da9c] {
  display: flex;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c .title-c .label[data-v-1825da9c] {
  font-size: var(--ep-font-size-l);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout54 .logo[data-v-1825da9c] {
  width: 1.875rem;
  height: 1.875rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .logo-c[data-v-58b5d0de] {
  display: flex;
  align-items: center;
}
html .logo-c .logo[data-v-58b5d0de] {
  font-size: 2rem;
  margin-right: 0.5rem;
  color: var(--ep-color-icon-brand-primary, #FEB805);
}
html .logo-c .hot-logo[data-v-58b5d0de] {
  color: var(--ep-color-icon-danger, #E64021);
}
html .logo-c .title-c[data-v-58b5d0de] {
  display: flex;
  gap: 0.375rem;
}
html .logo-c .title-c .label[data-v-58b5d0de] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
.green-dark .logo-c[data-v-58b5d0de] {
  --ep-color-icon-brand-primary: #3E9B2F;
}
.purple-light .logo-c[data-v-58b5d0de] {
  --ep-color-text-default: rgba(0, 0, 0, 0.8);
  --ep-color-icon-brand-primary: #6526DB;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-2-index .logo-c[data-v-58b5d0de] {
  display: flex;
  align-items: center;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-2-index .logo-c .logo[data-v-58b5d0de] {
  font-size: 2rem;
  margin-right: 0.5rem;
  color: var(--ep-color-icon-brand-primary, #FEB805);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-2-index .logo-c .hot-logo[data-v-58b5d0de] {
  color: var(--ep-color-icon-danger, #E64021);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-2-index .logo-c .title-c[data-v-58b5d0de] {
  display: flex;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-2-index .logo-c .title-c .label[data-v-58b5d0de] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .logo-c[data-v-6e90ffb5] {
  display: flex;
  align-items: center;
}
html .logo-c .logo[data-v-6e90ffb5] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.375rem;
  width: 1.875rem;
  height: 1.875rem;
  font-size: 1.5rem;
  border-width: 0.0625rem;
  border-radius: 0.375rem;
  color: var(--ep-light-accent-color-orange, #E4AE55);
}
html .logo-c .border-gradient[data-v-6e90ffb5] {
  background: 'linear-gradient(to right, #3b3466, #3b3466), linear-gradient(317deg, #7041F3 2.45%, #F5C84C 105.89%)';
  border-style: solid;
  border-color: transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
html .logo-c .hot-logo[data-v-6e90ffb5] {
  color: var(--ep-light-accent-color-red, #E4AE55);
}
html .logo-c .title-c[data-v-6e90ffb5] {
  display: flex;
  gap: 0.375rem;
}
html .logo-c .title-c .label[data-v-6e90ffb5] {
  text-transform: uppercase;
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default, #BDB8E1);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-start-3-index .logo-c[data-v-6e90ffb5] {
  display: flex;
  align-items: center;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-start-3-index .logo-c .logo[data-v-6e90ffb5] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.375rem;
  width: 1.875rem;
  height: 1.875rem;
  font-size: 1.5rem;
  border-width: 0.0625rem;
  border-radius: 0.375rem;
  color: var(--ep-light-accent-color-orange, #E4AE55);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-start-3-index .logo-c .border-gradient[data-v-6e90ffb5] {
  background: 'linear-gradient(to right, #3b3466, #3b3466), linear-gradient(317deg, #7041F3 2.45%, #F5C84C 105.89%)';
  border-style: solid;
  border-color: transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-start-3-index .logo-c .hot-logo[data-v-6e90ffb5] {
  color: var(--ep-light-accent-color-red, #E4AE55);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-start-3-index .logo-c .title-c[data-v-6e90ffb5] {
  display: flex;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-start-3-index .logo-c .title-c .label[data-v-6e90ffb5] {
  text-transform: uppercase;
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default, #BDB8E1);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .logo-c[data-v-b10c78e4] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
html .logo-c .logo[data-v-b10c78e4] {
  font-size: 2rem;
  color: var(--ep-color-icon-brand-primary, #FEB805);
}
html .logo-c .hot-logo[data-v-b10c78e4] {
  color: var(--ep-color-icon-danger, #E64021);
}
html .logo-c .title-c[data-v-b10c78e4] {
  display: flex;
  gap: 0.375rem;
}
html .logo-c .title-c .label[data-v-b10c78e4] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .logo-c .number[data-v-b10c78e4] {
  padding: 0.0625rem 0.25rem;
  border-radius: 0.25rem;
  font-size: var(--font-size-total, 0.5rem);
  background-color: var(--ep-color-background-fill-body-default, var(--ep-compat-color-background-fill-body-default));
  color: var(--ep-color-text-warning, var(--ep-compat-color-text-warning));
}
html .logo-c.layout26[data-v-b10c78e4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
html .logo-c.layout26 .logo[data-v-b10c78e4] {
  font-size: 2rem;
  color: var(--ep-color-icon-brand-primary, #FEB805);
}
html .logo-c.layout26 .hot-logo[data-v-b10c78e4] {
  color: var(--ep-color-icon-danger, #E64021);
}
html .logo-c.layout26 .title-c[data-v-b10c78e4] {
  display: flex;
  gap: 0.375rem;
}
html .logo-c.layout26 .title-c .label[data-v-b10c78e4] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .logo-c.layout26 .number[data-v-b10c78e4] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  font-size: var(--font-size-s, 0.75rem);
  background-color: var(--ep-color-background-fill-surface-raised-L1);
  color: var(--ep-color-text-brand-primary);
}
.green-dark[data-v-b10c78e4] {
  --ep-color-icon-brand-primary: #3E9B2F;
}
.purple-light[data-v-b10c78e4] {
  --ep-color-text-default: rgba(0, 0, 0, 0.8);
  --ep-color-icon-brand-primary: #6526DB;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c[data-v-b10c78e4] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c .logo[data-v-b10c78e4] {
  font-size: 2rem;
  color: var(--ep-color-icon-brand-primary, #FEB805);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c .hot-logo[data-v-b10c78e4] {
  color: var(--ep-color-icon-danger, #E64021);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c .title-c[data-v-b10c78e4] {
  display: flex;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c .title-c .label[data-v-b10c78e4] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c .number[data-v-b10c78e4] {
  padding: 0.0625rem 0.25rem;
  border-radius: 0.25rem;
  font-size: var(--font-size-total, 0.5rem);
  background-color: var(--ep-color-background-fill-body-default, var(--ep-compat-color-background-fill-body-default));
  color: var(--ep-color-text-warning, var(--ep-compat-color-text-warning));
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c.layout26[data-v-b10c78e4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c.layout26 .logo[data-v-b10c78e4] {
  font-size: 2rem;
  color: var(--ep-color-icon-brand-primary, #FEB805);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c.layout26 .hot-logo[data-v-b10c78e4] {
  color: var(--ep-color-icon-danger, #E64021);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c.layout26 .title-c[data-v-b10c78e4] {
  display: flex;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c.layout26 .title-c .label[data-v-b10c78e4] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c.layout26 .number[data-v-b10c78e4] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  font-size: var(--font-size-s, 0.75rem);
  background-color: var(--ep-color-background-fill-surface-raised-L1);
  color: var(--ep-color-text-brand-primary);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .logo-c.layout1[data-v-2144a44b] {
  position: relative;
  height: 2.625rem;
  width: 13.5rem;
  display: flex;
  align-items: center;
  flex-flow: wrap;
  background: url('/assets/game-start-27-r2-bX65kry9.svg') center center no-repeat;
  background-size: 100% auto;
  z-index: 2;
  overflow: hidden;
  border-top-left-radius: var(--ep-border-radius-surface-small);
  border-top-right-radius: var(--ep-border-radius-surface-small);
}
html .logo-c.layout1 .game-start-bg-27[data-v-2144a44b] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
html .logo-c.layout1[data-v-2144a44b]::before {
  position: absolute;
  content: '';
  top: -0.8125rem;
  left: -0.8125rem;
  width: 3.625rem;
  height: 3.625rem;
  opacity: 0.3;
  background: linear-gradient(133deg, var(--ep-color-background-fill-glow-primary-opacity-100) 31.17%, var(--ep-color-background-fill-body-default) 72.18%);
  filter: blur(5px);
  z-index: 2;
}
html .logo-c.layout1[data-v-2144a44b]::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/assets/game-start-texture-27-r2-DLdhzPNI.svg') center center no-repeat;
  background-size: 100% 100%;
  z-index: 2;
}
html .logo-c.layout1 .logo[data-v-2144a44b] {
  font-size: 2rem;
  width: 2rem;
  height: 2rem;
  margin-right: 0.3125rem;
  color: var(--ep-color-icon-brand-primary);
}
html .logo-c.layout1 .hot-logo[data-v-2144a44b] {
  color: var(--ep-color-icon-danger);
}
html .logo-c.layout1 .title-c[data-v-2144a44b] {
  display: flex;
  gap: 0.375rem;
}
html .logo-c.layout1 .title-c .label[data-v-2144a44b] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .logo-c.layout38[data-v-2144a44b] {
  position: relative;
  height: 2.625rem;
  width: 13.5rem;
  display: flex;
  align-items: center;
  flex-flow: wrap;
  z-index: 2;
}
html .logo-c.layout38 svg[data-v-2144a44b] {
  display: none;
}
html .logo-c.layout38 .game-start-bg-27[data-v-2144a44b] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
html .logo-c.layout38 .logo[data-v-2144a44b] {
  font-size: 2rem;
  width: 2rem;
  height: 2rem;
  margin-right: 0.3125rem;
  color: var(--ep-color-icon-default);
}
html .logo-c.layout38 .hot-logo[data-v-2144a44b] {
  color: var(--ep-color-icon-danger);
}
html .logo-c.layout38 .title-c[data-v-2144a44b] {
  display: flex;
  gap: 0.375rem;
}
html .logo-c.layout38 .title-c .label[data-v-2144a44b] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .logo-c.layout44[data-v-2144a44b] {
  position: relative;
  height: 2.625rem;
  width: 13.5rem;
  display: flex;
  align-items: center;
  flex-flow: wrap;
  z-index: 2;
  overflow: hidden;
  padding-left: 0.75rem;
}
html .logo-c.layout44 svg[data-v-2144a44b] {
  display: none;
}
html .logo-c.layout44 .game-start-bg-27[data-v-2144a44b] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
html .logo-c.layout44 .logo[data-v-2144a44b] {
  font-size: 2rem;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.3125rem;
  color: var(--ep-color-icon-default);
}
html .logo-c.layout44 .hot-logo[data-v-2144a44b] {
  color: var(--ep-color-icon-danger);
}
html .logo-c.layout44 .title-c[data-v-2144a44b] {
  gap: 0.375rem;
  display: flex;
  padding-top: 1rem;
}
html .logo-c.layout44 .title-c .label[data-v-2144a44b] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .logo-c.layout47[data-v-2144a44b] {
  z-index: 2;
  display: flex;
  width: 13.5rem;
  flex-flow: wrap;
  overflow: hidden;
  height: 2.625rem;
  position: relative;
  align-items: center;
}
html .logo-c.layout47 .game-start-bg-27[data-v-2144a44b] {
  display: none;
}
html .logo-c.layout47 .logo[data-v-2144a44b] {
  width: var(--head-logo-size, 2rem);
  height: var(--head-logo-size, 2rem);
  font-size: var(--head-logo-size, 2rem);
  margin-right: 0.3125rem;
  color: var(--ep-color-icon-default);
}
html .logo-c.layout47 .hot-logo[data-v-2144a44b] {
  color: var(--ep-color-icon-danger);
}
html .logo-c.layout47 .title-c[data-v-2144a44b] {
  display: flex;
  gap: 0.375rem;
}
html .logo-c.layout47 .title-c .label[data-v-2144a44b] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .logo-c.layout47.layout53[data-v-2144a44b] {
  height: 100%;
}
html .logo-c.layout47.layout53 .title-c .label[data-v-2144a44b] {
  font-size: var(--ep-font-size-l, 1rem);
}
html .logo-c.layout49[data-v-2144a44b] {
  gap: 0.875rem;
  display: flex;
  padding-left: 0.25rem;
  align-items: center;
}
html .logo-c.layout49 .game-start-bg-27[data-v-2144a44b] {
  display: none;
}
html .logo-c.layout49 .logo[data-v-2144a44b] {
  width: 2.125rem;
  aspect-ratio: 1/1;
  color: var(--ep-color-icon-brand-primary);
}
html .logo-c.layout49 .title-c[data-v-2144a44b] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout1[data-v-2144a44b] {
  position: relative;
  height: 2.625rem;
  width: 13.5rem;
  display: flex;
  align-items: center;
  flex-flow: wrap;
  background: url('/assets/game-start-27-r2-bX65kry9.svg') center center no-repeat;
  background-size: 100% auto;
  z-index: 2;
  overflow: hidden;
  border-top-left-radius: var(--ep-border-radius-surface-small);
  border-top-right-radius: var(--ep-border-radius-surface-small);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout1 .game-start-bg-27[data-v-2144a44b] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout1[data-v-2144a44b]::before {
  position: absolute;
  content: '';
  top: -0.8125rem;
  left: -0.8125rem;
  width: 3.625rem;
  height: 3.625rem;
  opacity: 0.3;
  background: linear-gradient(133deg, var(--ep-color-background-fill-glow-primary-opacity-100) 31.17%, var(--ep-color-background-fill-body-default) 72.18%);
  filter: blur(5px);
  z-index: 2;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout1[data-v-2144a44b]::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/assets/game-start-texture-27-r2-DLdhzPNI.svg') center center no-repeat;
  background-size: 100% 100%;
  z-index: 2;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout1 .logo[data-v-2144a44b] {
  font-size: 2rem;
  width: 2rem;
  height: 2rem;
  margin-right: 0.3125rem;
  color: var(--ep-color-icon-brand-primary);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout1 .hot-logo[data-v-2144a44b] {
  color: var(--ep-color-icon-danger);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout1 .title-c[data-v-2144a44b] {
  display: flex;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout1 .title-c .label[data-v-2144a44b] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout38[data-v-2144a44b] {
  position: relative;
  height: 2.625rem;
  width: 13.5rem;
  display: flex;
  align-items: center;
  flex-flow: wrap;
  z-index: 2;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout38 svg[data-v-2144a44b] {
  display: none;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout38 .game-start-bg-27[data-v-2144a44b] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout38 .logo[data-v-2144a44b] {
  font-size: 2rem;
  width: 2rem;
  height: 2rem;
  margin-right: 0.3125rem;
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout38 .hot-logo[data-v-2144a44b] {
  color: var(--ep-color-icon-danger);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout38 .title-c[data-v-2144a44b] {
  display: flex;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout38 .title-c .label[data-v-2144a44b] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout44[data-v-2144a44b] {
  position: relative;
  height: 2.625rem;
  width: 13.5rem;
  display: flex;
  align-items: center;
  flex-flow: wrap;
  z-index: 2;
  overflow: hidden;
  padding-left: 0.75rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout44 svg[data-v-2144a44b] {
  display: none;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout44 .game-start-bg-27[data-v-2144a44b] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout44 .logo[data-v-2144a44b] {
  font-size: 2rem;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.3125rem;
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout44 .hot-logo[data-v-2144a44b] {
  color: var(--ep-color-icon-danger);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout44 .title-c[data-v-2144a44b] {
  gap: 0.375rem;
  display: flex;
  padding-top: 1rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout44 .title-c .label[data-v-2144a44b] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout47[data-v-2144a44b] {
  z-index: 2;
  display: flex;
  width: 13.5rem;
  flex-flow: wrap;
  overflow: hidden;
  height: 2.625rem;
  position: relative;
  align-items: center;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout47 .game-start-bg-27[data-v-2144a44b] {
  display: none;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout47 .logo[data-v-2144a44b] {
  width: var(--head-logo-size, 2rem);
  height: var(--head-logo-size, 2rem);
  font-size: var(--head-logo-size, 2rem);
  margin-right: 0.3125rem;
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout47 .hot-logo[data-v-2144a44b] {
  color: var(--ep-color-icon-danger);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout47 .title-c[data-v-2144a44b] {
  display: flex;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout47 .title-c .label[data-v-2144a44b] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout47.layout53[data-v-2144a44b] {
  height: 100%;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout47.layout53 .title-c .label[data-v-2144a44b] {
  font-size: var(--ep-font-size-l, 1rem);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout49[data-v-2144a44b] {
  gap: 0.875rem;
  display: flex;
  padding-left: 0.25rem;
  align-items: center;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout49 .game-start-bg-27[data-v-2144a44b] {
  display: none;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout49 .logo[data-v-2144a44b] {
  width: 2.125rem;
  aspect-ratio: 1/1;
  color: var(--ep-color-icon-brand-primary);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout49 .title-c[data-v-2144a44b] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.logo-c[data-v-02ab1598] {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 0.625rem;
  gap: 0.875rem;
}
.logo-c .logo[data-v-02ab1598] {
  font-size: 2rem;
  color: var(--ep-color-icon-inverse);
}
.logo-c .bg-logo[data-v-02ab1598] {
  color: #F2CB04;
  position: absolute;
  top: -0.5rem;
  left: 0;
  width: 3.25rem;
  height: 3.25rem;
  z-index: -1;
}
.logo-c .title-wrap[data-v-02ab1598] {
  display: flex;
  flex-direction: column;
}
.logo-c .title-wrap .title-c[data-v-02ab1598] {
  display: flex;
  gap: 0.375rem;
}
.logo-c .title-wrap .title-c .label[data-v-02ab1598] {
  line-height: 1.2;
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
.logo-c .title-wrap .number[data-v-02ab1598] {
  font-size: var(--font-size-total, 0.625rem);
  color: var(--ep-color-text-weaker);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .logo-c.layout1[data-v-3e07c6b0] {
  position: relative;
  display: flex;
  align-items: center;
  flex-flow: wrap;
  background-size: 100% auto;
  z-index: 2;
  overflow: visible;
  border-top-left-radius: var(--ep-border-radius-surface-small);
  border-top-right-radius: var(--ep-border-radius-surface-small);
}
html .logo-c.layout1[data-v-3e07c6b0]::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1px;
  width: calc(1.5625rem + 56%);
  height: 100%;
  border-radius: var(--ep-border-radius-infinity);
  z-index: -1;
  background: var(--ep-color-background-fill-glow-secondary-opacity-100);
}
html .logo-c.layout1[data-v-3e07c6b0]::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.375rem;
  width: 0.375rem;
  height: 0.25rem;
  background: var(--ep-color-icon-highlight-white);
}
html .logo-c.layout1 .game-start-bg-27[data-v-3e07c6b0] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
html .logo-c.layout1 .logo[data-v-3e07c6b0] {
  position: relative;
  font-size: 2rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 0.125rem solid var(--ep-color-icon-highlight-white);
  background: url('/assets/bg-gamelogo37-r2-BLoB1rnO.png') center center no-repeat, var(--ep-color-background-fill-active-disabled);
  background-size: 100% 100%;
  color: var(--ep-color-icon-highlight-white);
  margin-right: 0.25rem;
  overflow: visible;
}
html .logo-c.layout1 .hot-logo[data-v-3e07c6b0] {
  color: var(--ep-color-icon-danger);
}
html .logo-c.layout1 .title-c[data-v-3e07c6b0] {
  display: flex;
  gap: 0.375rem;
  background: var(--ep-color-icon-highlight-white);
  border-radius: var(--ep-border-radius-infinity);
  padding: 0 0.5rem;
  margin-left: -0.0625rem;
}
html .logo-c.layout1 .title-c .label[data-v-3e07c6b0] {
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-brand-primary);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout1[data-v-3e07c6b0] {
  position: relative;
  display: flex;
  align-items: center;
  flex-flow: wrap;
  background-size: 100% auto;
  z-index: 2;
  overflow: visible;
  border-top-left-radius: var(--ep-border-radius-surface-small);
  border-top-right-radius: var(--ep-border-radius-surface-small);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout1[data-v-3e07c6b0]::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1px;
  width: calc(1.5625rem + 56%);
  height: 100%;
  border-radius: var(--ep-border-radius-infinity);
  z-index: -1;
  background: var(--ep-color-background-fill-glow-secondary-opacity-100);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout1[data-v-3e07c6b0]::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.375rem;
  width: 0.375rem;
  height: 0.25rem;
  background: var(--ep-color-icon-highlight-white);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout1 .game-start-bg-27[data-v-3e07c6b0] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout1 .logo[data-v-3e07c6b0] {
  position: relative;
  font-size: 2rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 0.125rem solid var(--ep-color-icon-highlight-white);
  background: url('/assets/bg-gamelogo37-r2-BLoB1rnO.png') center center no-repeat, var(--ep-color-background-fill-active-disabled);
  background-size: 100% 100%;
  color: var(--ep-color-icon-highlight-white);
  margin-right: 0.25rem;
  overflow: visible;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout1 .hot-logo[data-v-3e07c6b0] {
  color: var(--ep-color-icon-danger);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout1 .title-c[data-v-3e07c6b0] {
  display: flex;
  gap: 0.375rem;
  background: var(--ep-color-icon-highlight-white);
  border-radius: var(--ep-border-radius-infinity);
  padding: 0 0.5rem;
  margin-left: -0.0625rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout1 .title-c .label[data-v-3e07c6b0] {
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-brand-primary);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .logo-c.layout38[data-v-6a7cb3c3] {
  position: relative;
  height: 2.625rem;
  width: 13.5rem;
  display: flex;
  align-items: center;
  flex-flow: wrap;
  z-index: 2;
  overflow: hidden;
}
html .logo-c.layout38 svg[data-v-6a7cb3c3] {
  display: none;
}
html .logo-c.layout38 .game-start-bg-27[data-v-6a7cb3c3] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
html .logo-c.layout38 .logo[data-v-6a7cb3c3] {
  font-size: 2rem;
  width: 2rem;
  height: 2rem;
  margin-right: 0.3125rem;
  color: var(--ep-color-icon-default);
  background-size: 700% 100%;
}
html .logo-c.layout38 .hot-logo[data-v-6a7cb3c3] {
  color: var(--ep-color-icon-danger);
}
html .logo-c.layout38 .title-c[data-v-6a7cb3c3] {
  display: flex;
  gap: 0.375rem;
}
html .logo-c.layout38 .title-c .label[data-v-6a7cb3c3] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout38[data-v-6a7cb3c3] {
  position: relative;
  height: 2.625rem;
  width: 13.5rem;
  display: flex;
  align-items: center;
  flex-flow: wrap;
  z-index: 2;
  overflow: hidden;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout38 svg[data-v-6a7cb3c3] {
  display: none;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout38 .game-start-bg-27[data-v-6a7cb3c3] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout38 .logo[data-v-6a7cb3c3] {
  font-size: 2rem;
  width: 2rem;
  height: 2rem;
  margin-right: 0.3125rem;
  color: var(--ep-color-icon-default);
  background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout38 .hot-logo[data-v-6a7cb3c3] {
  color: var(--ep-color-icon-danger);
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout38 .title-c[data-v-6a7cb3c3] {
  display: flex;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-1-index .logo-c.layout38 .title-c .label[data-v-6a7cb3c3] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .logo-c[data-v-45a7692b] {
  flex: 1;
  display: flex;
  align-items: center;
  flex-flow: wrap;
  position: relative;
  height: 100%;
}
html .logo-c .game-start-bg[data-v-45a7692b] {
  position: absolute;
  top: 0;
  left: 0;
  width: 7.125rem;
  height: 100%;
  z-index: -1;
}
html .logo-c .info[data-v-45a7692b] {
  display: flex;
  align-items: center;
  flex-flow: wrap;
  position: relative;
  height: 100%;
  z-index: 2;
  padding-left: 0.25rem;
  width: 7.125rem;
}
html .logo-c .info .logo[data-v-45a7692b] {
  font-size: 2rem;
  width: 2rem;
  height: 2rem;
  color: var(--ep-color-icon-brand-primary);
  margin-right: 0.1875rem;
}
html .logo-c .info .hot-logo[data-v-45a7692b] {
  font-size: 1.5rem;
  width: 1.625rem;
  height: 1.625rem;
  margin-right: 0.1875rem;
}
html .logo-c .info .label[data-v-45a7692b] {
  font-size: var(--ep-font-size-s, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout45.logo-c[data-v-b44279b6] {
  gap: 0.375rem;
  display: flex;
  align-items: center;
  padding-left: 0.375rem;
}
.layout45.logo-c .logo[data-v-b44279b6] {
  width: 2rem;
  height: 2rem;
  color: var(--ep-color-icon-brand-primary);
}
.layout45.logo-c .bg-logo[data-v-b44279b6] {
  display: none;
}
.layout45.logo-c .title-wrap[data-v-b44279b6] {
  gap: 0.375rem;
  display: flex;
  align-items: center;
}
.layout45.logo-c .title-wrap .title-c[data-v-b44279b6] {
  display: flex;
  gap: 0.375rem;
}
.layout45.logo-c .title-wrap .title-c .label[data-v-b44279b6] {
  line-height: 1.2;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
.layout45.logo-c .title-wrap .number[data-v-b44279b6] {
  padding: 0.0625rem 0.625rem;
  color: var(--ep-color-text-default);
  background: var(--ep-color-icon-inverse);
  font-size: var(--font-size-xxl, 0.625rem);
  border-radius: var(--ep-border-radius-infinity, 9999px);
}
.layout51.logo-c[data-v-b44279b6] {
  gap: 0.25rem;
  display: flex;
  height: 2.375rem;
  align-items: center;
  color: #773DFF;
}
.layout51.logo-c .logo[data-v-b44279b6] {
  width: 2.375rem;
  height: 2.375rem;
}
.layout51.logo-c .bg-logo[data-v-b44279b6] {
  display: none;
}
.layout51.logo-c .title-wrap[data-v-b44279b6] {
  gap: 0.25rem;
  display: flex;
  align-items: center;
}
.layout51.logo-c .title-wrap .title-c[data-v-b44279b6] {
  display: flex;
  gap: 0.25rem;
}
.layout51.logo-c .title-wrap .title-c .label[data-v-b44279b6] {
  line-height: 1.5;
  color: var(--ep-color-text-selected);
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
.layout51.logo-c .title-wrap .number[data-v-b44279b6] {
  padding: 0 0.5625rem;
  line-height: 0.875rem;
  color: var(--ep-color-text-default);
  background: var(--ep-color-icon-inverse);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  border-radius: var(--ep-border-radius-infinity, 9999px);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout50.logo-c[data-v-b870af0b] {
  gap: 0.375rem;
  display: flex;
  align-items: center;
  padding-left: 0.875rem;
}
.layout50.logo-c .logo[data-v-b870af0b] {
  width: 2.5rem;
  height: 2.5rem;
}
.layout50.logo-c .bg-logo[data-v-b870af0b] {
  display: none;
}
.layout50.logo-c .title-wrap[data-v-b870af0b] {
  gap: 0.375rem;
  display: flex;
  align-items: center;
}
.layout50.logo-c .title-wrap .title-c[data-v-b870af0b] {
  display: flex;
  gap: 0.375rem;
}
.layout50.logo-c .title-wrap .title-c .label[data-v-b870af0b] {
  line-height: 150%;
  color: var(--ep-color-text-inverse);
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.total[data-v-82f64c1c] {
  margin-left: auto;
  padding: 0.25rem 0.6875rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #22201B);
}
html .layout1.total .label[data-v-82f64c1c] {
  font-size: var(--ep-font-size-m, 0.875rem);
  margin-right: 0.25rem;
  color: var(--ep-color-text-weaker, rgba(255, 255, 255, 0.4));
}
html .layout1.total .number[data-v-82f64c1c] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-brand-primary, #FEB805);
}
html .layout2.total[data-v-82f64c1c] {
  display: flex;
  align-items: center;
  justify-content: center;
}
html .layout2.total .label[data-v-82f64c1c] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .layout2.total .number[data-v-82f64c1c] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  padding: 0.125rem 0.625rem;
  border-radius: var(--ep-border-radius-infinity, 0.625rem);
  margin-left: 0.375rem;
  background: linear-gradient(90deg, var(--ep-color-background-fill-surface-raised-L2) 0%, var(--ep-color-background-fill-active-disabled) 100%);
  color: var(--ep-color-text-brand-primary);
  box-shadow: 0.0625rem 0 0 0 var(--ep-color-background-fill-glow-primary-opacity-100) inset;
}
html .layout3.total[data-v-82f64c1c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 0.0625rem 0.625rem;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: var(--ep-color-icon-brand-secondary, #66BA20);
}
html .layout3.total .label[data-v-82f64c1c] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-inverse);
}
html .layout3.total .number[data-v-82f64c1c] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  border-radius: var(--ep-border-radius-infinity, 0.625rem);
  color: var(--ep-color-text-inverse);
}
html .layout4.total[data-v-82f64c1c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  border-radius: var(--ep-border-radius-s, 0.25rem);
  background: var(--ep-color-background-fill-surface-raised-L2, #2C333B);
}
html .layout4.total .label[data-v-82f64c1c] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
html .layout4.total .number[data-v-82f64c1c] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
.green-dark .total[data-v-82f64c1c] {
  --ep-color-background-fill-surface-raised-L1: #21252C;
  --ep-color-text-brand-primary: #3E9B2F;
}
.purple-light .total[data-v-82f64c1c] {
  --ep-color-background-fill-surface-raised-L1: #DBCEFD;
  --ep-color-text-weaker: rgba(0, 0, 0, 0.5);
  --ep-color-text-brand-primary: #6526DB;
}
.amber-purple .total[data-v-82f64c1c] {
  --ep-color-background-fill-surface-raised-L1: #2C294D;
  --ep-color-text-weaker: #686299;
  --ep-color-text-brand-primary: #BDB8E1;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout1.total[data-v-82f64c1c] {
  margin-left: auto;
  padding: 0.25rem 0.6875rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L1, #22201B);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout1.total .label[data-v-82f64c1c] {
  font-size: var(--ep-font-size-m, 0.875rem);
  margin-right: 0.25rem;
  color: var(--ep-color-text-weaker, rgba(255, 255, 255, 0.4));
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout1.total .number[data-v-82f64c1c] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-brand-primary, #FEB805);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout2.total[data-v-82f64c1c] {
  display: flex;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout2.total .label[data-v-82f64c1c] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout2.total .number[data-v-82f64c1c] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  padding: 0.125rem 0.625rem;
  border-radius: var(--ep-border-radius-infinity, 0.625rem);
  margin-left: 0.375rem;
  background: linear-gradient(90deg, var(--ep-color-background-fill-surface-raised-L2) 0%, var(--ep-color-background-fill-active-disabled) 100%);
  color: var(--ep-color-text-brand-primary);
  box-shadow: 0.0625rem 0 0 0 var(--ep-color-background-fill-glow-primary-opacity-100) inset;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout3.total[data-v-82f64c1c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 0.0625rem 0.625rem;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: var(--ep-color-icon-brand-secondary, #66BA20);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout3.total .label[data-v-82f64c1c] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout3.total .number[data-v-82f64c1c] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  border-radius: var(--ep-border-radius-infinity, 0.625rem);
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout4.total[data-v-82f64c1c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  border-radius: var(--ep-border-radius-s, 0.25rem);
  background: var(--ep-color-background-fill-surface-raised-L2, #2C333B);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout4.total .label[data-v-82f64c1c] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout4.total .number[data-v-82f64c1c] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .total[data-v-33dd953e] {
  display: inline-block;
  margin-left: auto;
  padding: 0.25rem 0.6875rem;
  border: 1px solid var(--ep-color-border-default, var(--ep-compat-color-border-default, #1D291E));
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L2, var(--ep-compat-color-background-fill-surface-raised-L2, #172117));
}
html .total .label[data-v-33dd953e] {
  font-size: var(--ep-font-size-m, 0.875rem);
  margin-right: 0.25rem;
  color: var(--ep-color-text-selected, var(--ep-compat-color-text-selected, #19CC10));
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.total[data-v-53235d74] {
  flex: 1;
  height: 3.375rem;
  position: relative;
  z-index: 1;
}
html .layout1.total .svg-container[data-v-53235d74] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -2.75rem;
  right: 0;
  width: calc(100% + 2.75rem);
  z-index: -1;
}
html .layout1.total .game-page-bg-27[data-v-53235d74] {
  position: absolute;
}
html .layout1.total .label-container[data-v-53235d74] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 2.625rem;
  font-size: 0;
  padding-right: 0.5rem;
}
html .layout1.total .label-container .label[data-v-53235d74] {
  font-size: var(--ep-font-size-l);
  margin-right: 0.5rem;
  color: var(--ep-color-text-inverse);
  font-weight: var(--ep-font-weight-bold);
}
html .layout1.total .label-container .number[data-v-53235d74] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  background: var(--ep-color-background-fill-body-default);
  padding: 0.375rem 0.1875rem 0.375rem 0.5rem;
  border-radius: var(--ep-border-radius-infinity);
  font-size: var(--ep-font-size-s);
  line-height: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
html .layout1.total .label-container .number .arrow-right[data-v-53235d74] {
  height: 0.625rem;
  color: var(--ep-color-icon-default);
}
html .layout38.total[data-v-53235d74] {
  flex: 1;
  height: 3.375rem;
  position: relative;
  z-index: 1;
}
html .layout38.total .svg-container[data-v-53235d74] {
  display: none;
}
html .layout38.total .game-page-bg-27[data-v-53235d74] {
  position: absolute;
}
html .layout38.total .label-container[data-v-53235d74] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 2.625rem;
  font-size: 0;
  padding-right: 0.5rem;
}
html .layout38.total .label-container .label[data-v-53235d74] {
  font-size: var(--ep-font-size-l);
  margin-right: 0.5rem;
  color: var(--ep-color-text-default);
  font-weight: var(--ep-font-weight-bold);
}
html .layout38.total .label-container .number[data-v-53235d74] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  background: var(--ep-color-background-fill-body-default);
  padding: 0.375rem 0.875rem 0.375rem 0.5rem;
  border-radius: var(--ep-border-radius-infinity);
  font-size: var(--ep-font-size-s);
  line-height: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
html .layout38.total .label-container .number .arrow-right[data-v-53235d74] {
  height: 0.625rem;
  color: var(--ep-color-icon-default);
}
html .layout40.total[data-v-53235d74] {
  height: 2.625rem;
  position: relative;
  z-index: 1;
}
html .layout40.total .svg-container[data-v-53235d74] {
  display: none;
}
html .layout40.total .label-container[data-v-53235d74] {
  display: flex;
  align-items: center;
  margin-right: 0.75rem;
  padding-left: 0.375rem;
  justify-content: flex-end;
  font-size: var(--ep-font-size-m);
  color: var(--ep-color-icon-default);
  font-weight: var(--ep-font-weight-bold);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout40.total .label-container .label[data-v-53235d74] {
  margin-right: 0.125rem;
}
html .layout40.total .label-container .number[data-v-53235d74] {
  display: flex;
  align-items: center;
  color: var(--ep-color-text-brand-primary);
}
html .layout40.total .label-container .number .arrow-right[data-v-53235d74] {
  height: 0.625rem;
  margin: 0 0.375rem;
  color: var(--ep-color-icon-default);
}
html .layout40.total.layout47[data-v-53235d74] {
  height: 100%;
}
html .layout40.total.layout47 .label-container .number .arrow-right[data-v-53235d74] {
  color: var(--ep-color-icon-brand-primary);
}
html .layout40.total.layout53[data-v-53235d74] {
  height: 100%;
  display: flex;
  align-items: center;
}
html .layout40.total.layout53 .label-container[data-v-53235d74] {
  gap: 0.375rem;
  border: none;
  padding-left: 0;
  margin-right: 0;
  background: none;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight-white);
}
html .layout40.total.layout53 .label-container .label[data-v-53235d74] {
  margin-right: 0;
}
html .layout40.total.layout53 .label-container .number[data-v-53235d74] {
  gap: 0.375rem;
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-highlight);
}
html .layout40.total.layout53 .label-container .number[data-v-53235d74]::before {
  content: '';
  width: 0.0625rem;
  height: 0.625rem;
  flex-shrink: 0;
  background: var(--ep-color-text-highlight-white);
}
html .layout40.total.layout53 .label-container .number .arrow-right[data-v-53235d74] {
  margin: 0;
  height: 0.625rem;
  color: var(--ep-color-text-highlight-white);
}
html .layout40.total.layout49[data-v-53235d74] {
  height: auto;
  display: flex;
}
html .layout40.total.layout49 .label-container[data-v-53235d74] {
  border: none;
}
html .layout40.total.layout49 .label-container .number .arrow-right[data-v-53235d74] {
  height: 1rem;
  width: 0.875rem;
  margin-left: 0.125rem;
  padding-block: 0.1875rem;
  color: var(--ep-color-icon-inverse);
  background: var(--ep-color-icon-brand-primary);
  border-radius: var(--ep-border-radius-xs, 0.125rem);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout1.total[data-v-53235d74] {
  flex: 1;
  height: 3.375rem;
  position: relative;
  z-index: 1;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout1.total .svg-container[data-v-53235d74] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -2.75rem;
  right: 0;
  width: calc(100% + 2.75rem);
  z-index: -1;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout1.total .game-page-bg-27[data-v-53235d74] {
  position: absolute;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout1.total .label-container[data-v-53235d74] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 2.625rem;
  font-size: 0;
  padding-right: 0.5rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout1.total .label-container .label[data-v-53235d74] {
  font-size: var(--ep-font-size-l);
  margin-right: 0.5rem;
  color: var(--ep-color-text-inverse);
  font-weight: var(--ep-font-weight-bold);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout1.total .label-container .number[data-v-53235d74] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  background: var(--ep-color-background-fill-body-default);
  padding: 0.375rem 0.1875rem 0.375rem 0.5rem;
  border-radius: var(--ep-border-radius-infinity);
  font-size: var(--ep-font-size-s);
  line-height: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout1.total .label-container .number .arrow-right[data-v-53235d74] {
  height: 0.625rem;
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout38.total[data-v-53235d74] {
  flex: 1;
  height: 3.375rem;
  position: relative;
  z-index: 1;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout38.total .svg-container[data-v-53235d74] {
  display: none;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout38.total .game-page-bg-27[data-v-53235d74] {
  position: absolute;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout38.total .label-container[data-v-53235d74] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 2.625rem;
  font-size: 0;
  padding-right: 0.5rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout38.total .label-container .label[data-v-53235d74] {
  font-size: var(--ep-font-size-l);
  margin-right: 0.5rem;
  color: var(--ep-color-text-default);
  font-weight: var(--ep-font-weight-bold);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout38.total .label-container .number[data-v-53235d74] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  background: var(--ep-color-background-fill-body-default);
  padding: 0.375rem 0.875rem 0.375rem 0.5rem;
  border-radius: var(--ep-border-radius-infinity);
  font-size: var(--ep-font-size-s);
  line-height: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout38.total .label-container .number .arrow-right[data-v-53235d74] {
  height: 0.625rem;
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout40.total[data-v-53235d74] {
  height: 2.625rem;
  position: relative;
  z-index: 1;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout40.total .svg-container[data-v-53235d74] {
  display: none;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout40.total .label-container[data-v-53235d74] {
  display: flex;
  align-items: center;
  margin-right: 0.75rem;
  padding-left: 0.375rem;
  justify-content: flex-end;
  font-size: var(--ep-font-size-m);
  color: var(--ep-color-icon-default);
  font-weight: var(--ep-font-weight-bold);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout40.total .label-container .label[data-v-53235d74] {
  margin-right: 0.125rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout40.total .label-container .number[data-v-53235d74] {
  display: flex;
  align-items: center;
  color: var(--ep-color-text-brand-primary);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout40.total .label-container .number .arrow-right[data-v-53235d74] {
  height: 0.625rem;
  margin: 0 0.375rem;
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout40.total.layout47[data-v-53235d74] {
  height: 100%;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout40.total.layout47 .label-container .number .arrow-right[data-v-53235d74] {
  color: var(--ep-color-icon-brand-primary);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout40.total.layout53[data-v-53235d74] {
  height: 100%;
  display: flex;
  align-items: center;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout40.total.layout53 .label-container[data-v-53235d74] {
  gap: 0.375rem;
  border: none;
  padding-left: 0;
  margin-right: 0;
  background: none;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight-white);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout40.total.layout53 .label-container .label[data-v-53235d74] {
  margin-right: 0;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout40.total.layout53 .label-container .number[data-v-53235d74] {
  gap: 0.375rem;
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-highlight);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout40.total.layout53 .label-container .number[data-v-53235d74]::before {
  content: '';
  width: 0.0625rem;
  height: 0.625rem;
  flex-shrink: 0;
  background: var(--ep-color-text-highlight-white);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout40.total.layout53 .label-container .number .arrow-right[data-v-53235d74] {
  margin: 0;
  height: 0.625rem;
  color: var(--ep-color-text-highlight-white);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout40.total.layout49[data-v-53235d74] {
  height: auto;
  display: flex;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout40.total.layout49 .label-container[data-v-53235d74] {
  border: none;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout40.total.layout49 .label-container .number .arrow-right[data-v-53235d74] {
  height: 1rem;
  width: 0.875rem;
  margin-left: 0.125rem;
  padding-block: 0.1875rem;
  color: var(--ep-color-icon-inverse);
  background: var(--ep-color-icon-brand-primary);
  border-radius: var(--ep-border-radius-xs, 0.125rem);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout30[data-v-85c6acce] {
  gap: 0.625rem;
  display: flex;
  align-items: center;
}
.layout30 span[data-v-85c6acce] {
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-default);
}
.layout30 ion-icon[data-v-85c6acce] {
  width: 0.5rem;
  height: 0.5rem;
  padding: 0.25rem;
  border-radius: 50%;
  border: 1px solid #596977;
  color: var(--ep-color-icon-brand-primary);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.total[data-v-02ec72bf] {
  flex: 1;
  position: relative;
  z-index: 1;
}
html .layout1.total .svg-container[data-v-02ec72bf] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -2.75rem;
  right: 0;
  width: calc(100% + 2.75rem);
  z-index: -1;
}
html .layout1.total .label-container[data-v-02ec72bf] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0;
  padding-right: 0.5rem;
}
html .layout1.total .label-container .label[data-v-02ec72bf] {
  font-size: var(--ep-font-size-l);
  margin-right: 0.5rem;
  color: var(--ep-color-text-inverse);
  font-weight: var(--ep-font-weight-bold);
}
html .layout1.total .label-container .number[data-v-02ec72bf] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a) -27.5%, var(--ep-color-background-fill-gradients-tertiary-b) 127.5%);
  padding: 0.125rem 0 0.125rem 0.375rem;
  border-radius: var(--ep-border-radius-infinity);
  font-size: var(--ep-font-size-s);
  line-height: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-inverse);
}
html .layout1.total .label-container .number .arrow-right[data-v-02ec72bf] {
  height: 0.625rem;
  color: var(--ep-color-icon-highlight-white);
}
html .layout44.total[data-v-02ec72bf] {
  height: 2.75rem;
  position: relative;
  display: flex;
  align-items: flex-end;
  z-index: 1;
  padding-bottom: 0.0625rem;
}
html .layout44.total .svg-container[data-v-02ec72bf] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -2.75rem;
  right: 0;
  width: calc(100% + 2.75rem);
  z-index: -1;
}
html .layout44.total .label-container[data-v-02ec72bf] {
  gap: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0;
  padding-right: 0.75rem;
}
html .layout44.total .label-container .label[data-v-02ec72bf] {
  font-size: var(--ep-font-size-l);
  margin-right: 0.5rem;
  color: var(--ep-color-text-default);
  font-weight: var(--ep-font-weight-bold);
}
html .layout44.total .label-container .number[data-v-02ec72bf] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 3rem;
  background: var(--ep-color-background-fill-surface-lowered);
  padding: 0.1875rem 0 0.1875rem 0.375rem;
  border-radius: var(--ep-border-radius-infinity);
  font-size: var(--ep-font-size-s);
  line-height: 0;
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
html .layout44.total .label-container .number .arrow-right[data-v-02ec72bf] {
  height: 0.625rem;
  color: var(--ep-color-icon-default);
}
html .layout46.total[data-v-02ec72bf] {
  flex: 1;
  position: relative;
  z-index: 1;
}
html .layout46.total .svg-container[data-v-02ec72bf] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -2.75rem;
  right: 0;
  width: calc(100% + 2.75rem);
  z-index: -1;
}
html .layout46.total .label-container[data-v-02ec72bf] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0;
}
html .layout46.total .label-container .label[data-v-02ec72bf] {
  font-size: var(--ep-font-size-l);
  margin-right: 0.5rem;
  color: var(--ep-color-text-default);
  font-weight: var(--ep-font-weight-bold);
}
html .layout46.total .label-container .number[data-v-02ec72bf] {
  display: flex;
  align-items: center;
  height: 1.125rem;
  gap: 0.375rem;
  background: var(--ep-color-background-fill-body-default);
  border-radius: var(--ep-border-radius-infinity);
  font-size: var(--ep-font-size-s);
  line-height: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
  padding-left: 0.5rem;
}
html .layout46.total .label-container .number .arrow-right[data-v-02ec72bf] {
  height: 0.625rem;
  color: var(--ep-color-icon-selected);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout1.total[data-v-02ec72bf] {
  flex: 1;
  position: relative;
  z-index: 1;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout1.total .svg-container[data-v-02ec72bf] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -2.75rem;
  right: 0;
  width: calc(100% + 2.75rem);
  z-index: -1;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout1.total .label-container[data-v-02ec72bf] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0;
  padding-right: 0.5rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout1.total .label-container .label[data-v-02ec72bf] {
  font-size: var(--ep-font-size-l);
  margin-right: 0.5rem;
  color: var(--ep-color-text-inverse);
  font-weight: var(--ep-font-weight-bold);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout1.total .label-container .number[data-v-02ec72bf] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a) -27.5%, var(--ep-color-background-fill-gradients-tertiary-b) 127.5%);
  padding: 0.125rem 0 0.125rem 0.375rem;
  border-radius: var(--ep-border-radius-infinity);
  font-size: var(--ep-font-size-s);
  line-height: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout1.total .label-container .number .arrow-right[data-v-02ec72bf] {
  height: 0.625rem;
  color: var(--ep-color-icon-highlight-white);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout44.total[data-v-02ec72bf] {
  height: 2.75rem;
  position: relative;
  display: flex;
  align-items: flex-end;
  z-index: 1;
  padding-bottom: 0.0625rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout44.total .svg-container[data-v-02ec72bf] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -2.75rem;
  right: 0;
  width: calc(100% + 2.75rem);
  z-index: -1;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout44.total .label-container[data-v-02ec72bf] {
  gap: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0;
  padding-right: 0.75rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout44.total .label-container .label[data-v-02ec72bf] {
  font-size: var(--ep-font-size-l);
  margin-right: 0.5rem;
  color: var(--ep-color-text-default);
  font-weight: var(--ep-font-weight-bold);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout44.total .label-container .number[data-v-02ec72bf] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 3rem;
  background: var(--ep-color-background-fill-surface-lowered);
  padding: 0.1875rem 0 0.1875rem 0.375rem;
  border-radius: var(--ep-border-radius-infinity);
  font-size: var(--ep-font-size-s);
  line-height: 0;
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout44.total .label-container .number .arrow-right[data-v-02ec72bf] {
  height: 0.625rem;
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout46.total[data-v-02ec72bf] {
  flex: 1;
  position: relative;
  z-index: 1;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout46.total .svg-container[data-v-02ec72bf] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -2.75rem;
  right: 0;
  width: calc(100% + 2.75rem);
  z-index: -1;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout46.total .label-container[data-v-02ec72bf] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout46.total .label-container .label[data-v-02ec72bf] {
  font-size: var(--ep-font-size-l);
  margin-right: 0.5rem;
  color: var(--ep-color-text-default);
  font-weight: var(--ep-font-weight-bold);
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout46.total .label-container .number[data-v-02ec72bf] {
  display: flex;
  align-items: center;
  height: 1.125rem;
  gap: 0.375rem;
  background: var(--ep-color-background-fill-body-default);
  border-radius: var(--ep-border-radius-infinity);
  font-size: var(--ep-font-size-s);
  line-height: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-default);
  padding-left: 0.5rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-27-index .layout46.total .label-container .number .arrow-right[data-v-02ec72bf] {
  height: 0.625rem;
  color: var(--ep-color-icon-selected);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout42[data-v-1dbd4b13] {
  gap: 0.625rem;
  display: flex;
  align-items: center;
}
.layout42 .label[data-v-1dbd4b13] {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-text-weak);
  font-weight: var(--ep-font-weight-medium);
}
.layout42 .total[data-v-1dbd4b13] {
  display: inline-block;
  border-radius: var(--ep-border-radius-infinity);
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #FFF;
  font-size: var(--ep-font-size-s);
  min-width: 2.5rem;
  text-align: center;
  color: var(--ep-color-text-selected);
  font-weight: var(--ep-font-weight-regular);
}
.layout42 .svg-icon[data-v-1dbd4b13] {
  box-sizing: content-box;
  width: 0.5rem;
  height: 0.5rem;
  padding: 0.25rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #FFF;
  color: var(--ep-color-icon-inverse);
}
.layout54[data-v-1dbd4b13] {
  gap: 0.375rem;
  display: flex;
  align-items: center;
}
.layout54 .label[data-v-1dbd4b13] {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-text-highlight-white);
  font-weight: var(--ep-font-weight-medium);
}
.layout54 .total[data-v-1dbd4b13] {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-left: 0.4375rem;
  min-width: auto;
  border: none;
  border-radius: 0;
  background: none;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-highlight);
}
.layout54 .total[data-v-1dbd4b13]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.0625rem;
  height: 0.625rem;
  background: var(--ep-color-text-highlight-white);
}
.layout54 .svg-icon[data-v-1dbd4b13] {
  box-sizing: content-box;
  width: 0.5rem;
  height: 0.5rem;
  padding: 0.25rem;
  border: none;
  border-radius: 0;
  background: none;
  color: var(--ep-color-icon-highlight-white);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.arrow-container[data-v-5dd78d5d] {
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
html .layout1.arrow-container .left[data-v-5dd78d5d],
html .layout1.arrow-container .right[data-v-5dd78d5d] {
  width: 1.4375rem;
  height: 2rem;
  border-radius: 0.25rem;
  stroke-width: 2;
  background: var(--ep-color-background-fill-surface-raised-L1, #22201B);
  color: var(--ep-color-icon-default, #fff);
}
html .layout1.arrow-container .left.invalid[data-v-5dd78d5d],
html .layout1.arrow-container .right.invalid[data-v-5dd78d5d] {
  pointer-events: none;
  opacity: 0.4;
}
html .layout1.arrow-container .right[data-v-5dd78d5d] {
  transform: rotate(180deg);
}
html .layout2.arrow-container[data-v-5dd78d5d] {
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
html .layout2.arrow-container .left[data-v-5dd78d5d],
html .layout2.arrow-container .right[data-v-5dd78d5d] {
  width: 2.125rem;
  height: 1.25rem;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  stroke-width: 2;
  background: var(--ep-color-icon-brand-secondary, #66BA20);
  color: var(--ep-color-icon-inverse, #fff);
}
html .layout2.arrow-container .left.invalid[data-v-5dd78d5d],
html .layout2.arrow-container .right.invalid[data-v-5dd78d5d] {
  opacity: 0.4;
  pointer-events: none;
}
html .layout2.arrow-container .right[data-v-5dd78d5d] {
  transform: rotate(180deg);
}
html .layout3.arrow-container[data-v-5dd78d5d] {
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
html .layout3.arrow-container .left[data-v-5dd78d5d],
html .layout3.arrow-container .right[data-v-5dd78d5d] {
  width: 2.125rem;
  height: 1.25rem;
  stroke-width: 2;
  color: var(--ep-color-icon-default, #fff);
  border-radius: var(--ep-border-radius-s, 0.25rem);
  background: var(--ep-color-background-fill-surface-raised-L2, #2C333B);
}
html .layout3.arrow-container .left.invalid[data-v-5dd78d5d],
html .layout3.arrow-container .right.invalid[data-v-5dd78d5d] {
  pointer-events: none;
  opacity: 0.4;
}
html .layout3.arrow-container .right[data-v-5dd78d5d] {
  transform: rotate(180deg);
}
html .layout4.arrow-container[data-v-5dd78d5d] {
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
html .layout4.arrow-container .left[data-v-5dd78d5d],
html .layout4.arrow-container .right[data-v-5dd78d5d] {
  width: 1.4375rem;
  height: 2rem;
  border-radius: 0.25rem;
  stroke-width: 2;
  background: var(--ep-color-background-fill-surface-raised-L1, #22201B);
  color: var(--ep-color-icon-default, #fff);
}
html .layout4.arrow-container .left.invalid[data-v-5dd78d5d],
html .layout4.arrow-container .right.invalid[data-v-5dd78d5d] {
  pointer-events: none;
  color: var(--ep-color-icon-weaker, rgba(255, 255, 255, 0.4));
}
html .layout4.arrow-container .right[data-v-5dd78d5d] {
  transform: rotate(180deg);
}
html .layout26.arrow-container[data-v-5dd78d5d] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
html .layout26.arrow-container .left[data-v-5dd78d5d],
html .layout26.arrow-container .right[data-v-5dd78d5d] {
  width: 1.375rem;
  height: 1.5rem;
  border-radius: 0.375rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
  color: var(--ep-color-icon-default, #fff);
}
html .layout26.arrow-container .left.invalid[data-v-5dd78d5d],
html .layout26.arrow-container .right.invalid[data-v-5dd78d5d] {
  pointer-events: none;
  color: var(--ep-color-icon-inverse-disabled, rgba(255, 255, 255, 0.4));
}
html .layout26.arrow-container .right[data-v-5dd78d5d] {
  transform: rotate(180deg);
}
html .layout26.arrow-container .label[data-v-5dd78d5d] {
  height: 1.5rem;
  display: block;
  padding: 0 0.5rem;
  line-height: 1.5rem;
  border-radius: 0.375rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-brand-primary);
  font-weight: var(--ep-font-weight-medium, 600);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout30.arrow-container[data-v-5dd78d5d] {
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
html .layout30.arrow-container .left[data-v-5dd78d5d],
html .layout30.arrow-container .right[data-v-5dd78d5d] {
  width: 2.125rem;
  height: 1.25rem;
  stroke-width: 2;
  color: var(--ep-color-icon-default, #fff);
  border-radius: var(--ep-border-radius-s, 0.25rem);
  background: var(--ep-color-background-fill-surface-raised-L2, #2C333B);
}
html .layout30.arrow-container .left.invalid[data-v-5dd78d5d],
html .layout30.arrow-container .right.invalid[data-v-5dd78d5d] {
  opacity: 0.4;
  pointer-events: none;
}
html .layout30.arrow-container .right[data-v-5dd78d5d] {
  transform: rotate(180deg);
}
.green-dark .arrow-container[data-v-5dd78d5d] {
  --ep-color-background-fill-surface-raised-L1: #21252C;
}
.purple-light .arrow-container[data-v-5dd78d5d] {
  --ep-color-background-fill-surface-raised-L1: #DBCEFD;
  --ep-color-icon-default: #403D4F;
  --ep-color-icon-weaker: #7E68B7;
}
.amber-purple .arrow-container[data-v-5dd78d5d] {
  --ep-color-icon-brand-secondary: #2C294D;
  --ep-color-background-fill-surface-raised-L1: #2C294D;
  --ep-color-icon-default: #686299;
  --ep-color-icon-weaker: #3B3466;
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout1.arrow-container[data-v-5dd78d5d] {
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout1.arrow-container .left[data-v-5dd78d5d],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout1.arrow-container .right[data-v-5dd78d5d] {
  width: 1.4375rem;
  height: 2rem;
  border-radius: 0.25rem;
  stroke-width: 2;
  background: var(--ep-color-background-fill-surface-raised-L1, #22201B);
  color: var(--ep-color-icon-default, #fff);
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout1.arrow-container .left.invalid[data-v-5dd78d5d],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout1.arrow-container .right.invalid[data-v-5dd78d5d] {
  pointer-events: none;
  opacity: 0.4;
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout1.arrow-container .right[data-v-5dd78d5d] {
  transform: rotate(180deg);
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout2.arrow-container[data-v-5dd78d5d] {
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout2.arrow-container .left[data-v-5dd78d5d],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout2.arrow-container .right[data-v-5dd78d5d] {
  width: 2.125rem;
  height: 1.25rem;
  border-radius: var(--ep-border-radius-infinity, 9999px);
  stroke-width: 2;
  background: var(--ep-color-icon-brand-secondary, #66BA20);
  color: var(--ep-color-icon-inverse, #fff);
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout2.arrow-container .left.invalid[data-v-5dd78d5d],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout2.arrow-container .right.invalid[data-v-5dd78d5d] {
  opacity: 0.4;
  pointer-events: none;
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout2.arrow-container .right[data-v-5dd78d5d] {
  transform: rotate(180deg);
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout3.arrow-container[data-v-5dd78d5d] {
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout3.arrow-container .left[data-v-5dd78d5d],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout3.arrow-container .right[data-v-5dd78d5d] {
  width: 2.125rem;
  height: 1.25rem;
  stroke-width: 2;
  color: var(--ep-color-icon-default, #fff);
  border-radius: var(--ep-border-radius-s, 0.25rem);
  background: var(--ep-color-background-fill-surface-raised-L2, #2C333B);
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout3.arrow-container .left.invalid[data-v-5dd78d5d],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout3.arrow-container .right.invalid[data-v-5dd78d5d] {
  pointer-events: none;
  opacity: 0.4;
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout3.arrow-container .right[data-v-5dd78d5d] {
  transform: rotate(180deg);
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout4.arrow-container[data-v-5dd78d5d] {
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout4.arrow-container .left[data-v-5dd78d5d],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout4.arrow-container .right[data-v-5dd78d5d] {
  width: 1.4375rem;
  height: 2rem;
  border-radius: 0.25rem;
  stroke-width: 2;
  background: var(--ep-color-background-fill-surface-raised-L1, #22201B);
  color: var(--ep-color-icon-default, #fff);
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout4.arrow-container .left.invalid[data-v-5dd78d5d],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout4.arrow-container .right.invalid[data-v-5dd78d5d] {
  pointer-events: none;
  color: var(--ep-color-icon-weaker, rgba(255, 255, 255, 0.4));
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout4.arrow-container .right[data-v-5dd78d5d] {
  transform: rotate(180deg);
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout26.arrow-container[data-v-5dd78d5d] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout26.arrow-container .left[data-v-5dd78d5d],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout26.arrow-container .right[data-v-5dd78d5d] {
  width: 1.375rem;
  height: 1.5rem;
  border-radius: 0.375rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
  color: var(--ep-color-icon-default, #fff);
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout26.arrow-container .left.invalid[data-v-5dd78d5d],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout26.arrow-container .right.invalid[data-v-5dd78d5d] {
  pointer-events: none;
  color: var(--ep-color-icon-inverse-disabled, rgba(255, 255, 255, 0.4));
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout26.arrow-container .right[data-v-5dd78d5d] {
  transform: rotate(180deg);
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout26.arrow-container .label[data-v-5dd78d5d] {
  height: 1.5rem;
  display: block;
  padding: 0 0.5rem;
  line-height: 1.5rem;
  border-radius: 0.375rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-brand-primary);
  font-weight: var(--ep-font-weight-medium, 600);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout30.arrow-container[data-v-5dd78d5d] {
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout30.arrow-container .left[data-v-5dd78d5d],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout30.arrow-container .right[data-v-5dd78d5d] {
  width: 2.125rem;
  height: 1.25rem;
  stroke-width: 2;
  color: var(--ep-color-icon-default, #fff);
  border-radius: var(--ep-border-radius-s, 0.25rem);
  background: var(--ep-color-background-fill-surface-raised-L2, #2C333B);
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout30.arrow-container .left.invalid[data-v-5dd78d5d],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout30.arrow-container .right.invalid[data-v-5dd78d5d] {
  opacity: 0.4;
  pointer-events: none;
}
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout30.arrow-container .right[data-v-5dd78d5d] {
  transform: rotate(180deg);
}
.label[data-v-5dd78d5d] {
  display: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout36.arrow-container[data-v-c36405b9] {
  display: flex;
  align-items: center;
  padding: 0 0.5rem 0 1rem;
  color: var(--ep-color-text-inverse);
  border-radius: 0.25rem;
  background: var(--ep-color-icon-brand-primary);
  box-shadow: 0px 0px 10px 0px var(--ep-color-background-fill-glow-primary-opacity-40);
}
.layout36.arrow-container .right[data-v-c36405b9] {
  width: 1.125rem;
  height: 1.5rem;
  transform: rotate(180deg);
}
.layout36.arrow-container .right.invalid[data-v-c36405b9] {
  pointer-events: none;
}
.layout36.arrow-container .label[data-v-c36405b9] {
  font-size: var(--ep-font-size-xs, 0.625rem);
}
.layout39.arrow-container[data-v-c36405b9] {
  display: flex;
  align-items: center;
}
.layout39.arrow-container .right[data-v-c36405b9] {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  transform: rotate(180deg);
  color: var(--ep-color-icon-inverse);
}
.layout39.arrow-container .right.invalid[data-v-c36405b9] {
  pointer-events: none;
}
.layout39.arrow-container .label[data-v-c36405b9] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-inverse);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout45.arrow-container[data-v-304e34a0] {
  display: flex;
  align-items: center;
  padding: 0 0.5rem 0 1rem;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
.layout51.arrow-container[data-v-304e34a0] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-top: 0.5rem;
  padding: 0.125rem 1rem;
  line-height: 1.5rem;
  color: var(--ep-color-text-inverse);
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-medium, 600);
  background: var(--ep-color-background-fill-active-primary);
  border-radius: var(--ep-border-radius-infinity, 9999px);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout50.arrow-container[data-v-c2c4aae6] {
  gap: 1.875rem;
  display: flex;
  align-items: center;
  padding-right: 1.125rem;
}
.layout50.arrow-container .label[data-v-c2c4aae6] {
  color: var(--ep-color-text-inverse);
  font-size: var(--ep-font-size-l, 1rem);
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  font-weight: var(--ep-font-weight-bold, 700);
}
.layout50.arrow-container .number[data-v-c2c4aae6] {
  min-width: 3rem;
  padding: 0.0625rem 0.5rem;
  color: var(--ep-color-text-brand-primary);
  font-size: var(--ep-font-size-s, 0.75rem);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  box-shadow: 0 0 2px 0 #76F4FC inset;
  font-weight: var(--ep-font-weight-medium, 600);
  position: relative;
}
.layout50.arrow-container .number[data-v-c2c4aae6]::after {
  content: '';
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 0.4rem;
  height: 0.4rem;
  border-top: 0.0625rem solid var(--ep-color-icon-selected);
  border-right: 0.0625rem solid var(--ep-color-icon-selected);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-f794af22] {
  /**
   * 53 号炫彩紫（设计稿 node 17023:41030，390x229）。
   *
   * 与 47 号的差别：从 366 定宽居中的圆角描边框改成**通栏深底 + 品红内发光**，
   * 里面嵌一块 366x206 的视频（1px 白 20% 细描边），再叠两个 2px 直角括号装饰
   * ——左上蓝紫、右下品红，长短不对称。括号直接用 &::before / &::after 各画两条边，
   * 不用切图。
   *
   * 设计稿里视频被压了 60% 黑蒙版、中间还有一枚大播放按钮，那是「未播放」的示意态：
   * 本组件进视口 5s 后自动静音播放（logic.ts 的 IntersectionObserver），
   * 常态是在放的，所以蒙版和大播放钮都没做。
   */
}
html .layout1.video-wrap[data-v-f794af22] {
  max-width: 22.875rem;
  height: 12.875rem;
  margin: 0 auto;
  padding: 0.9375rem;
  position: relative;
}
html .layout1.video-wrap[data-v-f794af22]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: url('/assets/video-bg1-r2-Ce-L6ar-.png') no-repeat center center / 100% 100%;
}
html .layout1.video-wrap[data-v-f794af22]::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  z-index: 10;
  box-shadow: 0 0.3125rem 0.9375rem 0.3125rem #2E033B;
}
html .layout1.video-wrap .video-player[data-v-f794af22] {
  width: 100%;
  height: 100%;
  display: block;
}
html .layout1.video-wrap .custom-controls[data-v-f794af22] {
  padding: 0.625rem;
  position: absolute;
  bottom: 0.9375rem;
  left: 0.9375rem;
  right: 0.9375rem;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
html .layout1.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
html .layout1.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
html .layout1.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .layout1.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
html .layout1.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
html .layout1.video-wrap .loading[data-v-f794af22],
html .layout1.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
html .layout2.video-wrap[data-v-f794af22] {
  max-width: 22.875rem;
  height: 12.875rem;
  margin: 0 auto;
  position: relative;
}
html .layout2.video-wrap .video-player[data-v-f794af22] {
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
}
html .layout2.video-wrap .custom-controls[data-v-f794af22] {
  padding: 0.625rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
html .layout2.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
html .layout2.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
html .layout2.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .layout2.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
html .layout2.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
html .layout2.video-wrap .loading[data-v-f794af22],
html .layout2.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
html .layout26.video-wrap[data-v-f794af22] {
  height: 14.375rem;
  position: relative;
  background: #000;
}
html .layout26.video-wrap .video-player[data-v-f794af22] {
  width: 100%;
  height: 100%;
  background: #000;
}
html .layout26.video-wrap .custom-controls[data-v-f794af22] {
  padding: 0.625rem;
  position: absolute;
  bottom: 0.9375rem;
  left: 0.9375rem;
  right: 0.9375rem;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
html .layout26.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
html .layout26.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
html .layout26.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .layout26.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
html .layout26.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
html .layout26.video-wrap .loading[data-v-f794af22] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
html .layout28.video-wrap[data-v-f794af22] {
  max-width: 22.875rem;
  height: 12.875rem;
  margin: 0 auto;
  position: relative;
}
html .layout28.video-wrap .video-player[data-v-f794af22] {
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
}
html .layout28.video-wrap .custom-controls[data-v-f794af22] {
  padding: 0.625rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
html .layout28.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
html .layout28.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
html .layout28.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .layout28.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
html .layout28.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
html .layout28.video-wrap .loading[data-v-f794af22],
html .layout28.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
html .layout30.video-wrap[data-v-f794af22] {
  height: 13.125rem;
  margin: 0 auto;
  padding: 0.1875rem 0.375rem 0.1875rem 0;
  position: relative;
  margin-inline: 0.75rem;
}
html .layout30.video-wrap[data-v-f794af22]::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 85%;
  height: 100%;
  z-index: -1;
  background: var(--ep-color-border-selected);
}
html .layout30.video-wrap .video-player[data-v-f794af22] {
  width: 100%;
  height: 100%;
  display: block;
  border: 0.1875rem solid var(--ep-color-border-selected);
  background: #000;
}
html .layout30.video-wrap .custom-controls[data-v-f794af22] {
  padding: 0.625rem;
  position: absolute;
  bottom: 0.9375rem;
  left: 0.9375rem;
  right: 0.9375rem;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
html .layout30.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
html .layout30.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
html .layout30.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .layout30.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
html .layout30.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
html .layout30.video-wrap .loading[data-v-f794af22],
html .layout30.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
html .layout37.video-wrap[data-v-f794af22] {
  position: relative;
  padding: 1.875rem 0.75rem 0.75rem 0.75rem;
  margin: 0 auto;
}
html .layout37.video-wrap .video-player[data-v-f794af22] {
  height: 12.875rem;
  width: 22.875rem;
  display: block;
  background: #000;
  border: 0.25rem solid var(--ep-color-border-brand);
  box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.25);
}
html .layout37.video-wrap .custom-controls[data-v-f794af22] {
  padding: 1.125rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
}
html .layout37.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
html .layout37.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
html .layout37.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .layout37.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
html .layout37.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
html .layout37.video-wrap .loading[data-v-f794af22],
html .layout37.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
html .layout40.video-wrap[data-v-f794af22] {
  border-radius: var(--ep-border-radius-m);
  max-width: 22.875rem;
  height: 12.875rem;
  margin: 0 auto;
  position: relative;
}
html .layout40.video-wrap .video-player[data-v-f794af22] {
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
  border-radius: var(--ep-border-radius-m);
}
html .layout40.video-wrap .custom-controls[data-v-f794af22] {
  padding: 0.625rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
html .layout40.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
html .layout40.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
html .layout40.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .layout40.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
html .layout40.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
html .layout40.video-wrap .loading[data-v-f794af22],
html .layout40.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
html .layout42.video-wrap[data-v-f794af22] {
  height: 13.125rem;
  margin: 0.75rem auto;
  position: relative;
  margin-inline: 0.75rem;
}
html .layout42.video-wrap .video-player[data-v-f794af22] {
  width: 100%;
  height: 100%;
  display: block;
  border: 0.1875rem solid var(--ep-color-border-selected);
  background: #000;
}
html .layout42.video-wrap .custom-controls[data-v-f794af22] {
  padding: 0.625rem;
  position: absolute;
  bottom: 0.9375rem;
  left: 0.9375rem;
  right: 0.9375rem;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
html .layout42.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
html .layout42.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
html .layout42.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .layout42.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
html .layout42.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
html .layout42.video-wrap .loading[data-v-f794af22],
html .layout42.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
html .layout47.video-wrap[data-v-f794af22] {
  width: 22.875rem;
  height: 13rem;
  position: relative;
  margin: 2.875rem auto 0;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: 0.125rem solid var(--ep-color-background-fill-glow-primary-opacity-40);
}
html .layout47.video-wrap .video-player[data-v-f794af22] {
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
  border-radius: var(--ep-border-radius-s, 0.25rem);
}
html .layout47.video-wrap .custom-controls[data-v-f794af22] {
  padding: 0.625rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
html .layout47.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
html .layout47.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
html .layout47.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .layout47.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
html .layout47.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
html .layout47.video-wrap .loading[data-v-f794af22],
html .layout47.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
html .layout46.video-wrap[data-v-f794af22] {
  height: 12.75rem;
  margin: 0.75rem auto;
  position: relative;
  margin-inline: 0.75rem;
}
html .layout46.video-wrap .video-player[data-v-f794af22] {
  width: 100%;
  height: 100%;
  display: block;
  border: 0.1875rem solid var(--ep-color-border-brand);
  border-radius: var(--ep-border-radius-m);
  background: #000;
}
html .layout46.video-wrap .custom-controls[data-v-f794af22] {
  position: absolute;
  bottom: 0.625rem;
  left: 0.9375rem;
  right: 0.9375rem;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
html .layout46.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
html .layout46.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
html .layout46.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .layout46.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
html .layout46.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
html .layout46.video-wrap .loading[data-v-f794af22],
html .layout46.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
html .layout53.video-wrap[data-v-f794af22] {
  width: 100%;
  height: 14.3125rem;
  position: relative;
  margin: 0.625rem 0 0;
  padding: 0.6875rem 0.75rem 0.75rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
  box-shadow: inset 0 0 0.625rem var(--ep-primary-primary-Opacity-40);
}
html .layout53.video-wrap[data-v-f794af22]::before,
html .layout53.video-wrap[data-v-f794af22]::after {
  content: '';
  z-index: 5;
  position: absolute;
  pointer-events: none;
}
html .layout53.video-wrap[data-v-f794af22]::before {
  top: 0.6875rem;
  left: 0.75rem;
  width: 4.8125rem;
  height: 5.625rem;
  border-top: 0.125rem solid #4F25FB;
  border-left: 0.125rem solid #4F25FB;
}
html .layout53.video-wrap[data-v-f794af22]::after {
  right: 0.75rem;
  bottom: 0.75rem;
  width: 9.75rem;
  height: 5.9375rem;
  border-right: 0.125rem solid var(--ep-color-border-selected);
  border-bottom: 0.125rem solid var(--ep-color-border-selected);
}
html .layout53.video-wrap .video-player[data-v-f794af22] {
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
  object-fit: cover;
  border: 0.0625rem solid var(--ep-neutral-white-white-20);
}
html .layout53.video-wrap .custom-controls[data-v-f794af22] {
  padding: 0.625rem;
  position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  right: 0.75rem;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
html .layout53.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
html .layout53.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
html .layout53.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .layout53.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
html .layout53.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
html .layout53.video-wrap .loading[data-v-f794af22],
html .layout53.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
html .layout54.video-wrap[data-v-f794af22] {
  position: relative;
  height: 12.875rem;
  margin: 0.625rem 0.75rem 0;
  border-radius: var(--ep-border-radius-l, 0.5rem);
}
html .layout54.video-wrap[data-v-f794af22]::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 20;
  padding: 0.09375rem;
  border-radius: inherit;
  background: linear-gradient(180deg, #98CA8A 0%, rgba(134, 170, 80, 0) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  pointer-events: none;
}
html .layout54.video-wrap .video-player[data-v-f794af22] {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: #000;
  object-fit: cover;
}
html .layout54.video-wrap .custom-controls[data-v-f794af22] {
  padding: 0.625rem;
  position: absolute;
  bottom: 0.625rem;
  left: 0.625rem;
  right: 0.625rem;
  z-index: 25;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
html .layout54.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
html .layout54.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
html .layout54.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .layout54.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
html .layout54.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
html .layout54.video-wrap .loading[data-v-f794af22],
html .layout54.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
#tabbar-tabs-inicio-components-video-index[data-v-f794af22] {
  /**
   * 53 号炫彩紫（设计稿 node 17023:41030，390x229）。
   *
   * 与 47 号的差别：从 366 定宽居中的圆角描边框改成**通栏深底 + 品红内发光**，
   * 里面嵌一块 366x206 的视频（1px 白 20% 细描边），再叠两个 2px 直角括号装饰
   * ——左上蓝紫、右下品红，长短不对称。括号直接用 &::before / &::after 各画两条边，
   * 不用切图。
   *
   * 设计稿里视频被压了 60% 黑蒙版、中间还有一枚大播放按钮，那是「未播放」的示意态：
   * 本组件进视口 5s 后自动静音播放（logic.ts 的 IntersectionObserver），
   * 常态是在放的，所以蒙版和大播放钮都没做。
   */
}
#tabbar-tabs-inicio-components-video-index .layout1.video-wrap[data-v-f794af22] {
  max-width: 22.875rem;
  height: 12.875rem;
  margin: 0 auto;
  padding: 0.9375rem;
  position: relative;
}
#tabbar-tabs-inicio-components-video-index .layout1.video-wrap[data-v-f794af22]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: url('/assets/video-bg1-r2-Ce-L6ar-.png') no-repeat center center / 100% 100%;
}
#tabbar-tabs-inicio-components-video-index .layout1.video-wrap[data-v-f794af22]::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  z-index: 10;
  box-shadow: 0 0.3125rem 0.9375rem 0.3125rem #2E033B;
}
#tabbar-tabs-inicio-components-video-index .layout1.video-wrap .video-player[data-v-f794af22] {
  width: 100%;
  height: 100%;
  display: block;
}
#tabbar-tabs-inicio-components-video-index .layout1.video-wrap .custom-controls[data-v-f794af22] {
  padding: 0.625rem;
  position: absolute;
  bottom: 0.9375rem;
  left: 0.9375rem;
  right: 0.9375rem;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
#tabbar-tabs-inicio-components-video-index .layout1.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
#tabbar-tabs-inicio-components-video-index .layout1.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
#tabbar-tabs-inicio-components-video-index .layout1.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-video-index .layout1.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
#tabbar-tabs-inicio-components-video-index .layout1.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
#tabbar-tabs-inicio-components-video-index .layout1.video-wrap .loading[data-v-f794af22],
#tabbar-tabs-inicio-components-video-index .layout1.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
#tabbar-tabs-inicio-components-video-index .layout2.video-wrap[data-v-f794af22] {
  max-width: 22.875rem;
  height: 12.875rem;
  margin: 0 auto;
  position: relative;
}
#tabbar-tabs-inicio-components-video-index .layout2.video-wrap .video-player[data-v-f794af22] {
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
}
#tabbar-tabs-inicio-components-video-index .layout2.video-wrap .custom-controls[data-v-f794af22] {
  padding: 0.625rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
#tabbar-tabs-inicio-components-video-index .layout2.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
#tabbar-tabs-inicio-components-video-index .layout2.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
#tabbar-tabs-inicio-components-video-index .layout2.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-video-index .layout2.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
#tabbar-tabs-inicio-components-video-index .layout2.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
#tabbar-tabs-inicio-components-video-index .layout2.video-wrap .loading[data-v-f794af22],
#tabbar-tabs-inicio-components-video-index .layout2.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
#tabbar-tabs-inicio-components-video-index .layout26.video-wrap[data-v-f794af22] {
  height: 14.375rem;
  position: relative;
  background: #000;
}
#tabbar-tabs-inicio-components-video-index .layout26.video-wrap .video-player[data-v-f794af22] {
  width: 100%;
  height: 100%;
  background: #000;
}
#tabbar-tabs-inicio-components-video-index .layout26.video-wrap .custom-controls[data-v-f794af22] {
  padding: 0.625rem;
  position: absolute;
  bottom: 0.9375rem;
  left: 0.9375rem;
  right: 0.9375rem;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
#tabbar-tabs-inicio-components-video-index .layout26.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
#tabbar-tabs-inicio-components-video-index .layout26.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
#tabbar-tabs-inicio-components-video-index .layout26.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-video-index .layout26.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
#tabbar-tabs-inicio-components-video-index .layout26.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
#tabbar-tabs-inicio-components-video-index .layout26.video-wrap .loading[data-v-f794af22] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#tabbar-tabs-inicio-components-video-index .layout28.video-wrap[data-v-f794af22] {
  max-width: 22.875rem;
  height: 12.875rem;
  margin: 0 auto;
  position: relative;
}
#tabbar-tabs-inicio-components-video-index .layout28.video-wrap .video-player[data-v-f794af22] {
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
}
#tabbar-tabs-inicio-components-video-index .layout28.video-wrap .custom-controls[data-v-f794af22] {
  padding: 0.625rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
#tabbar-tabs-inicio-components-video-index .layout28.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
#tabbar-tabs-inicio-components-video-index .layout28.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
#tabbar-tabs-inicio-components-video-index .layout28.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-video-index .layout28.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
#tabbar-tabs-inicio-components-video-index .layout28.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
#tabbar-tabs-inicio-components-video-index .layout28.video-wrap .loading[data-v-f794af22],
#tabbar-tabs-inicio-components-video-index .layout28.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
#tabbar-tabs-inicio-components-video-index .layout30.video-wrap[data-v-f794af22] {
  height: 13.125rem;
  margin: 0 auto;
  padding: 0.1875rem 0.375rem 0.1875rem 0;
  position: relative;
  margin-inline: 0.75rem;
}
#tabbar-tabs-inicio-components-video-index .layout30.video-wrap[data-v-f794af22]::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 85%;
  height: 100%;
  z-index: -1;
  background: var(--ep-color-border-selected);
}
#tabbar-tabs-inicio-components-video-index .layout30.video-wrap .video-player[data-v-f794af22] {
  width: 100%;
  height: 100%;
  display: block;
  border: 0.1875rem solid var(--ep-color-border-selected);
  background: #000;
}
#tabbar-tabs-inicio-components-video-index .layout30.video-wrap .custom-controls[data-v-f794af22] {
  padding: 0.625rem;
  position: absolute;
  bottom: 0.9375rem;
  left: 0.9375rem;
  right: 0.9375rem;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
#tabbar-tabs-inicio-components-video-index .layout30.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
#tabbar-tabs-inicio-components-video-index .layout30.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
#tabbar-tabs-inicio-components-video-index .layout30.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-video-index .layout30.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
#tabbar-tabs-inicio-components-video-index .layout30.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
#tabbar-tabs-inicio-components-video-index .layout30.video-wrap .loading[data-v-f794af22],
#tabbar-tabs-inicio-components-video-index .layout30.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
#tabbar-tabs-inicio-components-video-index .layout37.video-wrap[data-v-f794af22] {
  position: relative;
  padding: 1.875rem 0.75rem 0.75rem 0.75rem;
  margin: 0 auto;
}
#tabbar-tabs-inicio-components-video-index .layout37.video-wrap .video-player[data-v-f794af22] {
  height: 12.875rem;
  width: 22.875rem;
  display: block;
  background: #000;
  border: 0.25rem solid var(--ep-color-border-brand);
  box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.25);
}
#tabbar-tabs-inicio-components-video-index .layout37.video-wrap .custom-controls[data-v-f794af22] {
  padding: 1.125rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
}
#tabbar-tabs-inicio-components-video-index .layout37.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
#tabbar-tabs-inicio-components-video-index .layout37.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
#tabbar-tabs-inicio-components-video-index .layout37.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-video-index .layout37.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
#tabbar-tabs-inicio-components-video-index .layout37.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
#tabbar-tabs-inicio-components-video-index .layout37.video-wrap .loading[data-v-f794af22],
#tabbar-tabs-inicio-components-video-index .layout37.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
#tabbar-tabs-inicio-components-video-index .layout40.video-wrap[data-v-f794af22] {
  border-radius: var(--ep-border-radius-m);
  max-width: 22.875rem;
  height: 12.875rem;
  margin: 0 auto;
  position: relative;
}
#tabbar-tabs-inicio-components-video-index .layout40.video-wrap .video-player[data-v-f794af22] {
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
  border-radius: var(--ep-border-radius-m);
}
#tabbar-tabs-inicio-components-video-index .layout40.video-wrap .custom-controls[data-v-f794af22] {
  padding: 0.625rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
#tabbar-tabs-inicio-components-video-index .layout40.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
#tabbar-tabs-inicio-components-video-index .layout40.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
#tabbar-tabs-inicio-components-video-index .layout40.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-video-index .layout40.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
#tabbar-tabs-inicio-components-video-index .layout40.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
#tabbar-tabs-inicio-components-video-index .layout40.video-wrap .loading[data-v-f794af22],
#tabbar-tabs-inicio-components-video-index .layout40.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
#tabbar-tabs-inicio-components-video-index .layout42.video-wrap[data-v-f794af22] {
  height: 13.125rem;
  margin: 0.75rem auto;
  position: relative;
  margin-inline: 0.75rem;
}
#tabbar-tabs-inicio-components-video-index .layout42.video-wrap .video-player[data-v-f794af22] {
  width: 100%;
  height: 100%;
  display: block;
  border: 0.1875rem solid var(--ep-color-border-selected);
  background: #000;
}
#tabbar-tabs-inicio-components-video-index .layout42.video-wrap .custom-controls[data-v-f794af22] {
  padding: 0.625rem;
  position: absolute;
  bottom: 0.9375rem;
  left: 0.9375rem;
  right: 0.9375rem;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
#tabbar-tabs-inicio-components-video-index .layout42.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
#tabbar-tabs-inicio-components-video-index .layout42.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
#tabbar-tabs-inicio-components-video-index .layout42.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-video-index .layout42.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
#tabbar-tabs-inicio-components-video-index .layout42.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
#tabbar-tabs-inicio-components-video-index .layout42.video-wrap .loading[data-v-f794af22],
#tabbar-tabs-inicio-components-video-index .layout42.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
#tabbar-tabs-inicio-components-video-index .layout47.video-wrap[data-v-f794af22] {
  width: 22.875rem;
  height: 13rem;
  position: relative;
  margin: 2.875rem auto 0;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: 0.125rem solid var(--ep-color-background-fill-glow-primary-opacity-40);
}
#tabbar-tabs-inicio-components-video-index .layout47.video-wrap .video-player[data-v-f794af22] {
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
  border-radius: var(--ep-border-radius-s, 0.25rem);
}
#tabbar-tabs-inicio-components-video-index .layout47.video-wrap .custom-controls[data-v-f794af22] {
  padding: 0.625rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
#tabbar-tabs-inicio-components-video-index .layout47.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
#tabbar-tabs-inicio-components-video-index .layout47.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
#tabbar-tabs-inicio-components-video-index .layout47.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-video-index .layout47.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
#tabbar-tabs-inicio-components-video-index .layout47.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
#tabbar-tabs-inicio-components-video-index .layout47.video-wrap .loading[data-v-f794af22],
#tabbar-tabs-inicio-components-video-index .layout47.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
#tabbar-tabs-inicio-components-video-index .layout46.video-wrap[data-v-f794af22] {
  height: 12.75rem;
  margin: 0.75rem auto;
  position: relative;
  margin-inline: 0.75rem;
}
#tabbar-tabs-inicio-components-video-index .layout46.video-wrap .video-player[data-v-f794af22] {
  width: 100%;
  height: 100%;
  display: block;
  border: 0.1875rem solid var(--ep-color-border-brand);
  border-radius: var(--ep-border-radius-m);
  background: #000;
}
#tabbar-tabs-inicio-components-video-index .layout46.video-wrap .custom-controls[data-v-f794af22] {
  position: absolute;
  bottom: 0.625rem;
  left: 0.9375rem;
  right: 0.9375rem;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
#tabbar-tabs-inicio-components-video-index .layout46.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
#tabbar-tabs-inicio-components-video-index .layout46.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
#tabbar-tabs-inicio-components-video-index .layout46.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-video-index .layout46.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
#tabbar-tabs-inicio-components-video-index .layout46.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
#tabbar-tabs-inicio-components-video-index .layout46.video-wrap .loading[data-v-f794af22],
#tabbar-tabs-inicio-components-video-index .layout46.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
#tabbar-tabs-inicio-components-video-index .layout53.video-wrap[data-v-f794af22] {
  width: 100%;
  height: 14.3125rem;
  position: relative;
  margin: 0.625rem 0 0;
  padding: 0.6875rem 0.75rem 0.75rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
  box-shadow: inset 0 0 0.625rem var(--ep-primary-primary-Opacity-40);
}
#tabbar-tabs-inicio-components-video-index .layout53.video-wrap[data-v-f794af22]::before,
#tabbar-tabs-inicio-components-video-index .layout53.video-wrap[data-v-f794af22]::after {
  content: '';
  z-index: 5;
  position: absolute;
  pointer-events: none;
}
#tabbar-tabs-inicio-components-video-index .layout53.video-wrap[data-v-f794af22]::before {
  top: 0.6875rem;
  left: 0.75rem;
  width: 4.8125rem;
  height: 5.625rem;
  border-top: 0.125rem solid #4F25FB;
  border-left: 0.125rem solid #4F25FB;
}
#tabbar-tabs-inicio-components-video-index .layout53.video-wrap[data-v-f794af22]::after {
  right: 0.75rem;
  bottom: 0.75rem;
  width: 9.75rem;
  height: 5.9375rem;
  border-right: 0.125rem solid var(--ep-color-border-selected);
  border-bottom: 0.125rem solid var(--ep-color-border-selected);
}
#tabbar-tabs-inicio-components-video-index .layout53.video-wrap .video-player[data-v-f794af22] {
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
  object-fit: cover;
  border: 0.0625rem solid var(--ep-neutral-white-white-20);
}
#tabbar-tabs-inicio-components-video-index .layout53.video-wrap .custom-controls[data-v-f794af22] {
  padding: 0.625rem;
  position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  right: 0.75rem;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
#tabbar-tabs-inicio-components-video-index .layout53.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
#tabbar-tabs-inicio-components-video-index .layout53.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
#tabbar-tabs-inicio-components-video-index .layout53.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-video-index .layout53.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
#tabbar-tabs-inicio-components-video-index .layout53.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
#tabbar-tabs-inicio-components-video-index .layout53.video-wrap .loading[data-v-f794af22],
#tabbar-tabs-inicio-components-video-index .layout53.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
#tabbar-tabs-inicio-components-video-index .layout54.video-wrap[data-v-f794af22] {
  position: relative;
  height: 12.875rem;
  margin: 0.625rem 0.75rem 0;
  border-radius: var(--ep-border-radius-l, 0.5rem);
}
#tabbar-tabs-inicio-components-video-index .layout54.video-wrap[data-v-f794af22]::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 20;
  padding: 0.09375rem;
  border-radius: inherit;
  background: linear-gradient(180deg, #98CA8A 0%, rgba(134, 170, 80, 0) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  pointer-events: none;
}
#tabbar-tabs-inicio-components-video-index .layout54.video-wrap .video-player[data-v-f794af22] {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: #000;
  object-fit: cover;
}
#tabbar-tabs-inicio-components-video-index .layout54.video-wrap .custom-controls[data-v-f794af22] {
  padding: 0.625rem;
  position: absolute;
  bottom: 0.625rem;
  left: 0.625rem;
  right: 0.625rem;
  z-index: 25;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
#tabbar-tabs-inicio-components-video-index .layout54.video-wrap .custom-controls.active[data-v-f794af22] {
  opacity: 1;
}
#tabbar-tabs-inicio-components-video-index .layout54.video-wrap .custom-controls .progress-bar[data-v-f794af22] {
  width: 100%;
}
#tabbar-tabs-inicio-components-video-index .layout54.video-wrap .custom-controls .play-pause-btn-wrap[data-v-f794af22] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-video-index .layout54.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-f794af22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
#tabbar-tabs-inicio-components-video-index .layout54.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-f794af22] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
#tabbar-tabs-inicio-components-video-index .layout54.video-wrap .loading[data-v-f794af22],
#tabbar-tabs-inicio-components-video-index .layout54.video-wrap .error[data-v-f794af22] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout44.video-wrap[data-v-565f7d83] {
  height: 13.875rem;
  position: relative;
  margin-top: 1.875rem;
  padding: 0.5rem 0.75rem;
  box-shadow: 0px 0px 2px 0px #00000033;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
.layout44.video-wrap .badge-top[data-v-565f7d83] {
  position: absolute;
  top: 0;
  right: 0;
}
.layout44.video-wrap .badge-bottom[data-v-565f7d83] {
  transform: rotate(180deg);
  position: absolute;
  bottom: 0;
  left: -0.0625rem;
}
.layout44.video-wrap .video-player[data-v-565f7d83] {
  width: 100%;
  height: 100%;
  display: block;
}
.layout44.video-wrap .custom-controls[data-v-565f7d83] {
  padding: 0.625rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 15;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(0, 0, 0, 0.1);
}
.layout44.video-wrap .custom-controls.active[data-v-565f7d83] {
  opacity: 1;
}
.layout44.video-wrap .custom-controls .progress-bar[data-v-565f7d83] {
  width: 100%;
}
.layout44.video-wrap .custom-controls .play-pause-btn-wrap[data-v-565f7d83] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.layout44.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-565f7d83] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}
.layout44.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-565f7d83] {
  all: unset;
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
.layout44.video-wrap .loading[data-v-565f7d83],
.layout44.video-wrap .error[data-v-565f7d83] {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.margin-top-27[data-v-0d8a2f59] {
  margin-top: 1.6875rem;
}
.margin-bottom-23[data-v-0d8a2f59] {
  margin-bottom: 1.4375rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .logo-box[data-v-9260f8cd] {
  width: 9.625rem;
  height: 4.125rem;
  margin: 3.5rem auto 0;
  position: relative;
}
html .logo-box .logo[data-v-9260f8cd] {
  width: 100%;
  height: 100%;
  display: block;
  color: var(--ep-color-icon-brand-primary);
}
html .logo-box .sub-logo[data-v-9260f8cd] {
  font-size: 0.5625rem;
  position: absolute;
  color: var(--ep-color-icon-brand-secondary);
  filter: drop-shadow(0.0313rem 0.0313rem 0 rgba(0, 0, 0, 0.25));
}
html .logo-box .sub-logo-1[data-v-9260f8cd] {
  bottom: 0.375rem;
  left: 2.0625rem;
}
html .logo-box .sub-logo-2[data-v-9260f8cd] {
  bottom: 0.375rem;
  right: 1.875rem;
}
html .partner-img[data-v-9260f8cd] {
  margin-top: 1.9375rem;
  width: 0;
}
html .partner-img.good-img[data-v-9260f8cd] {
  width: 100%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .partner-wrap[data-v-055ea893] {
  position: relative;
}
html .partner-wrap .partner-img-bg[data-v-055ea893] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
html .partner-wrap .logo-box[data-v-055ea893] {
  gap: 0.5rem;
  display: flex;
  width: 100%;
  position: relative;
  align-items: center;
  padding: var(--title-padding, 0);
  height: var(--title-height, 4.125rem);
  border-radius: var(--title-radius, 0);
  border-top: var(--title-border-top, none);
  background: var(--title-background, transparent);
}
html .partner-wrap .logo-box .logo[data-v-055ea893] {
  width: 2rem;
  height: 2rem;
}
html .partner-wrap .logo-box .logo-text[data-v-055ea893] {
  font-size: var(--font-size, 1rem);
  font-weight: var(--font-weight, 700);
  color: var(--ep-color-text-default, var(--ep-compat-color-text-default));
}
html .partner-wrap .partner-img[data-v-055ea893] {
  width: 0;
  padding: var(--img-padding, 0);
}
html .partner-wrap .partner-img.good-img[data-v-055ea893] {
  width: 100%;
}
.layout38.partner-wrap .logo-box ion-img[data-v-055ea893] {
  display: none;
}
.layout38.partner-wrap .logo-box span[data-v-055ea893] {
  color: var(--ep-color-text-weak);
}
.layout40.partner-wrap .logo-box[data-v-055ea893] {
  display: none;
}
/**
 * 53 号炫彩紫（设计稿 node 17049:42497，390x147）。
 *
 * 与 47 号（layout40）的差别：从 366 定宽的裸图改成**通栏深底 + 品红内发光**——和视频区
 * 同一套语言（见 video/index.less 的 .layout53()）——里面嵌一块 #1E2535 面板承载厂商 logo。
 *
 * 面板高度不写死 120px：设计稿里 3x3 的「logo + 名称」网格是商户后台上传的整张图
 * （gamePartnerPic），高度得跟图片宽高比走，钉死会把非 366:120 的图拉变形。
 * 底色给在 .partner-img 上而不是另加容器：layout40 已把 .logo-box 隐掉、.partner-img-bg
 * 是绝对定位的空 ion-img（47/53 都没配 icon），.partner-img 就是内容盒里唯一的实体。
 */
.layout53.partner-wrap[data-v-055ea893] {
  width: 100%;
  padding-inline: 0.75rem;
  padding-block: 0.84375rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
  box-shadow: inset 0 0 0.625rem var(--ep-primary-primary-Opacity-40);
}
.layout53.partner-wrap .logo-box[data-v-055ea893] {
  display: none;
}
.layout53.partner-wrap .partner-img[data-v-055ea893] {
  background: var(--ep-color-background-fill-surface-raised-L2);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
article[data-v-a789de0e] {
  background: var(--ep-color-background-fill-surface-lowered);
  margin-top: 1.25rem;
  width: 100%;
  height: 4.5rem;
}
article .scroll-content[data-v-a789de0e] {
  height: 100%;
  width: max-content;
  display: flex;
  animation: scroll-horizontal-a789de0e 20s linear infinite;
}
article .scroll-content[data-v-a789de0e]:hover {
  animation-play-state: paused;
}
article .scroll-content .partner-img[data-v-a789de0e] {
  margin-right: var(--partner-gap, 0.75rem);
  height: 100%;
  width: auto;
  object-fit: cover;
}
article .scroll-content .partner-img[data-v-a789de0e]::part(image) {
  height: 100%;
  width: auto;
  max-width: none;
  object-fit: cover;
}
@keyframes scroll-horizontal-a789de0e {
0% {
    transform: translateX(0);
}
100% {
    transform: translateX(-50%);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.partner-wrap .logo-wrap[data-v-0bef0ec1] {
  display: flex;
  height: 2.5rem;
  position: relative;
  align-items: center;
  justify-content: center;
}
.partner-wrap .logo-wrap .background[data-v-0bef0ec1] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.partner-wrap .logo-wrap .title[data-v-0bef0ec1] {
  z-index: 1;
  font-weight: bold;
  position: relative;
  font-size: 1.125rem;
  color: var(--ep-color-text-brand-primary);
}
.partner-wrap .partner-img[data-v-0bef0ec1] {
  padding: 0.75rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .social-media[data-v-11cc873a] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html .social-media .title[data-v-11cc873a] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
}
html .social-media .subtitle[data-v-11cc873a] {
  margin-top: 0.625rem;
  font-size: 0.75rem;
  font-weight: 400;
  color: #fff;
}
html .social-media .social-box[data-v-11cc873a] {
  margin-top: 1.6875rem;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  gap: 0.75rem;
}
html .social-media .social-box .social-img[data-v-11cc873a] {
  flex-shrink: 0;
}
html .social-media .social-box .social-img.good-img[data-v-11cc873a] {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.5rem;
  background: rgba(42, 171, 238, 0.2);
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .title[data-v-64bdbb9c] {
  text-align: center;
  padding-top: 0.625rem;
  border-top: 0.0625rem solid var(--ep-color-border-default);
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-l, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
html .social-box[data-v-64bdbb9c] {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  gap: 0.75rem;
}
html .social-box .social-img[data-v-64bdbb9c] {
  flex-shrink: 0;
  background: rgba(42, 171, 238, 0.2);
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
}
html .social-box .social-img[data-v-64bdbb9c]::part(image) {
  border-radius: 50%;
}
html .social-box .social-img.good-img[data-v-64bdbb9c] {
  width: 1.75rem;
  height: 1.75rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .social-media[data-v-68738e84] {
  display: flex;
  align-items: center;
  height: 100%;
}
html .social-media .placeholder[data-v-68738e84] {
  flex: 1;
  height: 100%;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: rgba(255, 255, 255, 0.1);
}
html .social-media ion-menu-toggle[data-v-68738e84] {
  height: 100%;
  width: 20%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.social-scroll[data-v-8e410f7c] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.75rem;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 0 0.75rem;
}
.social-scroll[data-v-8e410f7c]::-webkit-scrollbar {
  display: none;
}
.social-scroll .social-img[data-v-8e410f7c] {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
}
.social-scroll .social-img[data-v-8e410f7c]::part(image) {
  border-radius: 50%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.social-box[data-v-e16385ab] {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  gap: 0.75rem;
}
.social-box .social-img[data-v-e16385ab] {
  flex-shrink: 0;
  padding: 0.5rem;
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
  background: rgba(42, 171, 238, 0.2);
}
.social-box .social-img[data-v-e16385ab]::part(image) {
  border-radius: 50%;
}
.social-box .social-img.good-img[data-v-e16385ab] {
  width: 2.5rem;
  height: 2.5rem;
}
.social-box .social-img.social-telegram[data-v-e16385ab] {
  background: rgba(42, 171, 238, 0.2);
}
.social-box .social-img.social-whatsapp[data-v-e16385ab] {
  background: linear-gradient(0deg, rgba(32, 176, 56, 0.2) 0%, rgba(96, 214, 106, 0.2) 100%);
}
.social-box .social-img.social-instagram[data-v-e16385ab] {
  background: linear-gradient(78deg, rgba(251, 189, 46, 0.2) 3.48%, rgba(231, 43, 98, 0.2) 37.76%, rgba(159, 45, 185, 0.2) 79.46%, rgba(116, 51, 238, 0.2) 95.02%);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
/**
 * 53 号炫彩紫（设计稿 node 17049:45133，390x108）。
 *
 * 主体（支付渠道 logo 宫格）是商户后台上传的整张图 `tenantInfo.paymentPartnerPic`，
 * 按需求这里只补设计稿的背景层：366x108 的 #1E2535 异形面板（左上 / 右下 45° 切角 +
 * 上下边缘各一道浅凹槽）＋ 底部居中的品红短条，一并画进 payment-bg-53.svg。
 *
 * 面板高度不写死 6.75rem：图的宽高比由商户决定（当前测试租户是 780x154 的条图，
 * 撑出来只有 ~91px 高），钉死会在面板底下留一截空底。背景改成跟着元素撑开
 * （`/ 22.875rem 100%`），svg 已设 preserveAspectRatio="none"，切角随之轻微压扁，
 * 6px 的斜边看不出来。
 *
 * 尺寸全部用 rem：项目 rem 基准跟视口宽走（src/logic.ts），22.875rem 恒等于
 * 366/390 的视口占比，换机型不会和 .75rem 的左右留白错位。
 */
.layout53.payment-img[data-v-0dbcb46e] {
  padding: 0.75rem 1.375rem 0.6875rem;
  margin-top: 0.625rem;
  background: url('/assets/payment-bg-53-r2-EXDg1rpc.svg') no-repeat 0.75rem 0 / 22.875rem 100%;
}
.layout54.payment-img[data-v-0dbcb46e] {
  padding: 1.3125rem 0.75rem;
  background: linear-gradient(180deg, rgba(26, 126, 91, 0.3) 0%, rgba(48, 228, 166, 0) 100%) no-repeat top / 100% 10.6875rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.image-wrapper[data-v-79193fe4] {
  position: relative;
}
html .layout1.image-wrapper[data-v-79193fe4]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, var(--ep-color-background-fill-body-default) 0%, transparent 40%, transparent 60%, var(--ep-color-background-fill-body-default) 100%);
}
html .layout1.image-wrapper .payment-img[data-v-79193fe4] {
  display: block;
  width: 8.125rem;
  height: 3.375rem;
}
html .bg-24.image-wrapper[data-v-79193fe4] {
  position: relative;
}
html .bg-24.image-wrapper[data-v-79193fe4]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  background: none;
}
html .layout30.image-wrapper[data-v-79193fe4] {
  position: relative;
}
html .layout30.image-wrapper .payment-img[data-v-79193fe4] {
  display: block;
  width: 7.5rem;
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-PartView-components-paymentPartner-2-index .layout1.image-wrapper[data-v-79193fe4] {
  position: relative;
}
#tabbar-tabs-inicio-components-PartView-components-paymentPartner-2-index .layout1.image-wrapper[data-v-79193fe4]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, var(--ep-color-background-fill-body-default) 0%, transparent 40%, transparent 60%, var(--ep-color-background-fill-body-default) 100%);
}
#tabbar-tabs-inicio-components-PartView-components-paymentPartner-2-index .layout1.image-wrapper .payment-img[data-v-79193fe4] {
  display: block;
  width: 8.125rem;
  height: 3.375rem;
}
#tabbar-tabs-inicio-components-PartView-components-paymentPartner-2-index .bg-24.image-wrapper[data-v-79193fe4] {
  position: relative;
}
#tabbar-tabs-inicio-components-PartView-components-paymentPartner-2-index .bg-24.image-wrapper[data-v-79193fe4]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  background: none;
}
#tabbar-tabs-inicio-components-PartView-components-paymentPartner-2-index .layout30.image-wrapper[data-v-79193fe4] {
  position: relative;
}
#tabbar-tabs-inicio-components-PartView-components-paymentPartner-2-index .layout30.image-wrapper .payment-img[data-v-79193fe4] {
  display: block;
  width: 7.5rem;
  height: 5.625rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
article[data-v-cfa3824a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
article u[data-v-cfa3824a] {
  height: 1.25rem;
  width: 100%;
  background: var(--ep-color-background-fill-surface-lowered);
}
article .start-icon[data-v-cfa3824a] {
  color: #F2CB04;
  width: 3.25rem;
  height: 3.25rem;
  margin-top: -1.5rem;
  margin-bottom: 0.5rem;
  position: relative;
}
article .start-icon[data-v-cfa3824a]::after {
  content: '';
  position: absolute;
  top: 0.5rem;
  left: 0.625rem;
  width: 2rem;
  height: 2rem;
  background: url('/assets/payment-partner-top-icon-36-r2-CU4zwVnz.png');
  background-size: 100% 100%;
}
article .payment-img[data-v-cfa3824a] {
  padding-inline: 1.125rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .btn-container[data-v-a4383d6f] {
  display: flex;
  flex-flow: column wrap;
  gap: 1.1875rem;
}
html .btn-container .logo-container[data-v-a4383d6f] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
html .btn-container .ios-btn[data-v-a4383d6f],
html .btn-container .android-btn[data-v-a4383d6f] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  padding: 0.5625rem 0;
  border-radius: var(--ep-border-radius-infinity, 1.75rem);
  border: 0.0625rem solid var(--ep-color-border-brand);
  background: var(--ep-dynamic-tertiary-weak);
  color: var(--ep-color-text-inverse);
}
html .btn-container .ios-btn .logo[data-v-a4383d6f],
html .btn-container .android-btn .logo[data-v-a4383d6f] {
  font-size: 1.375rem;
}
html .btn-container .bg-25.ios-btn .logo[data-v-a4383d6f] {
  color: #ffff;
}
html .btn-container .bg-25[data-v-a4383d6f] {
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  border: 1px solid var(--ep-color-border-default);
  height: 4.125rem;
  overflow: hidden;
  position: relative;
  background: var(--ep-dynamic-tertiary-weak);
  color: var(--ep-color-text-default);
}
html .btn-container .bg-25[data-v-a4383d6f]::after {
  content: '';
  position: absolute;
  top: -1.875rem;
  left: -9.375rem;
  width: 18.4688rem;
  height: 7.2188rem;
  background: url('/assets/title_bg-r2-CBgXfhF9.png') no-repeat center center;
  background-size: 100% 100%;
  transform: rotateZ(180deg) scale(0.5);
}
html .btn-container .bg-25[data-v-a4383d6f]::before {
  content: '';
  position: absolute;
  top: -1.875rem;
  right: -9.375rem;
  width: 18.4688rem;
  height: 7.2188rem;
  background: url('/assets/title_bg-r2-CBgXfhF9.png') no-repeat center center;
  background-size: 100% 100%;
  transform: scale(0.5);
}
.neo-blue .btn-container .ios-btn[data-v-a4383d6f],
.neo-blue .btn-container .android-btn[data-v-a4383d6f] {
  border: 0.0625rem solid var(--ep-color-border-brand);
  background: var(--ep-dynamic-secondary);
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-1-index .btn-container[data-v-a4383d6f] {
  display: flex;
  flex-flow: column wrap;
  gap: 1.1875rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-1-index .btn-container .logo-container[data-v-a4383d6f] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-1-index .btn-container .ios-btn[data-v-a4383d6f],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-1-index .btn-container .android-btn[data-v-a4383d6f] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  padding: 0.5625rem 0;
  border-radius: var(--ep-border-radius-infinity, 1.75rem);
  border: 0.0625rem solid var(--ep-color-border-brand);
  background: var(--ep-dynamic-tertiary-weak);
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-1-index .btn-container .ios-btn .logo[data-v-a4383d6f],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-1-index .btn-container .android-btn .logo[data-v-a4383d6f] {
  font-size: 1.375rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-1-index .btn-container .bg-25.ios-btn .logo[data-v-a4383d6f] {
  color: #ffff;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-1-index .btn-container .bg-25[data-v-a4383d6f] {
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  border: 1px solid var(--ep-color-border-default);
  height: 4.125rem;
  overflow: hidden;
  position: relative;
  background: var(--ep-dynamic-tertiary-weak);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-1-index .btn-container .bg-25[data-v-a4383d6f]::after {
  content: '';
  position: absolute;
  top: -1.875rem;
  left: -9.375rem;
  width: 18.4688rem;
  height: 7.2188rem;
  background: url('/assets/title_bg-r2-CBgXfhF9.png') no-repeat center center;
  background-size: 100% 100%;
  transform: rotateZ(180deg) scale(0.5);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-1-index .btn-container .bg-25[data-v-a4383d6f]::before {
  content: '';
  position: absolute;
  top: -1.875rem;
  right: -9.375rem;
  width: 18.4688rem;
  height: 7.2188rem;
  background: url('/assets/title_bg-r2-CBgXfhF9.png') no-repeat center center;
  background-size: 100% 100%;
  transform: scale(0.5);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-c60e4b08] {
  /**
	 * 53 号炫彩紫（设计稿 node 17023:41094，366x32）。
	 *
	 * 两枚 178x32 的切角按钮：Android 白底黑字在前、iOS 白描边白字在后（模板里 iOS 先渲染，
	 * 用 order 调序）。切角形状不是圆角能拼出来的——左上、右下各一个 45° 斜切，右上角还有一个
	 * **不挨边的三角镂空**（Android 上是真镂空、透出页面底色），clip-path 的 polygon() 表达不了
	 * 洞，故整块形状走一张 svg 背景。
	 *
	 * 两枚形状放同一个文件、用 background-position 切开（同 ranking-bg-53.svg 的做法）：
	 * 项目 assetsInlineLimit = 0，每个 svg 都是一个独立请求，合成一张省一半。
	 * svg 是 178x74（Android 占 0..32、iOS 占 42..74），按钮盒 11.125rem x 2rem，
	 * 背景尺寸给 11.125rem x 4.625rem 即 1:1，iOS 再上移 42px = 2.625rem 取下半张。
	 *
	 * 两行 label（appInstall1 + appInstall2/3）设计稿是一行排开的，故 label-container 改横向。
	 */
  /**
   * 53 号抽屉里的下载按钮（设计稿 node 9041:31625 →「下载提示」右半）。
   *
   * 与首页那对是同一枚按钮（同一张切角背景图），差别是：并排改成上下叠，且整组按 0.8258 缩小。
   * 缩放不是可选项——抽屉宽 340、版心 320，左边装饰图要占 160，留给按钮的只有 147，
   * 首页那个 178 塞不下。几何和字号必须同比缩：切角形状是一张定尺寸的 svg 背景，
   * 只缩盒子不缩 background-size 会让斜切角走形；只缩盒子不缩字号则文案会顶破按钮
   * （.label 是 nowrap）。设计稿标的 8.24px 正文就是 10px 乘这个比例的结果。
   *
   * 配置里写 `layoutType: 'layout53 layout53-drawer'`：形状、配色、order 全部继续吃 .layout53，
   * 这里只写尺寸差。选择器带三个类是为了压过 .layout53 那条同权重规则，
   * 不依赖两个 mixin 的书写先后。
   */
}
html .layout2.btn-container[data-v-c60e4b08] {
  --height: 1.875rem;
  display: flex;
  gap: 0.5625rem;
}
html .layout2.btn-container .ios-btn[data-v-c60e4b08],
html .layout2.btn-container .android-btn[data-v-c60e4b08] {
  min-height: var(--height);
  padding: 0.125rem;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: var(--item-border, none);
  background: var(--ep-color-background-fill-surface-lowered, #101B3C);
}
html .layout2.btn-container .ios-btn .logo[data-v-c60e4b08],
html .layout2.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.375rem;
  width: 1.375rem;
  height: 1.375rem;
}
html .layout2.btn-container .ios-btn .label-container[data-v-c60e4b08],
html .layout2.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
}
html .layout2.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
html .layout2.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout2.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
html .layout2.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 400);
  color: var(--ep-color-text-default);
}
html .layout2.btn-container .ios-btn[data-v-c60e4b08] {
  order: var(--order-ios, 1);
}
html .layout2.btn-container .android-btn[data-v-c60e4b08] {
  order: var(--order-android, 2);
}
html .layout3.btn-container[data-v-c60e4b08] {
  --height: 1.875rem;
  display: flex;
  gap: 0.5625rem;
}
html .layout3.btn-container .ios-btn[data-v-c60e4b08],
html .layout3.btn-container .android-btn[data-v-c60e4b08] {
  min-height: var(--height);
  padding: 0.125rem;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: var(--item-border, none);
  background: var(--ep-color-background-fill-surface-lowered, #101B3C);
}
html .layout3.btn-container .ios-btn .logo[data-v-c60e4b08],
html .layout3.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.375rem;
  width: 1.375rem;
  height: 1.375rem;
}
html .layout3.btn-container .ios-btn .label-container[data-v-c60e4b08],
html .layout3.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
}
html .layout3.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
html .layout3.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout3.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
html .layout3.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 400);
  color: var(--ep-color-text-default);
}
html .layout3.btn-container .ios-btn[data-v-c60e4b08] {
  order: var(--order-ios, 1);
  color: var(--ep-color-icon-default);
}
html .layout3.btn-container .android-btn[data-v-c60e4b08] {
  order: var(--order-android, 2);
  color: var(--ep-color-icon-default);
}
html .layout3.btn-container.extra45 .label-container .label[data-v-c60e4b08] {
  font-weight: var(--ep-font-weight-regular, 400) !important;
}
html .layout27.btn-container[data-v-c60e4b08] {
  display: flex;
  gap: 0.875rem;
}
html .layout27.btn-container .ios-btn[data-v-c60e4b08],
html .layout27.btn-container .android-btn[data-v-c60e4b08] {
  flex: 1;
  min-height: var(--item-height, 3.125rem);
  padding: var(--item-padding, 0.25rem 0.75rem 0.25rem 0.625rem);
  display: flex;
  align-items: center;
  gap: var(--item-gap, 0.4375rem);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-l);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout27.btn-container .ios-btn .logo[data-v-c60e4b08],
html .layout27.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
html .layout27.btn-container .ios-btn .label-container[data-v-c60e4b08],
html .layout27.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
html .layout27.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
html .layout27.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
html .layout27.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
html .layout27.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-text-default);
}
html .layout27.btn-container .ios-btn .icon[data-v-c60e4b08],
html .layout27.btn-container .android-btn .icon[data-v-c60e4b08] {
  margin-left: auto;
  font-size: var(--ep-font-size-l);
  color: var(--ep-color-icon-default);
}
html .layout27.btn-container .ios-btn[data-v-c60e4b08] {
  order: var(--order-ios, 1);
}
html .layout27.btn-container .android-btn[data-v-c60e4b08] {
  order: var(--order-android, 2);
}
html .layout28.btn-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.875rem;
}
html .layout28.btn-container .ios-btn[data-v-c60e4b08],
html .layout28.btn-container .android-btn[data-v-c60e4b08] {
  min-height: var(--item-height, 2.5rem);
  padding: var(--item-padding, 0.25rem 1.375rem);
  display: flex;
  align-items: center;
  gap: var(--item-gap, 0.875rem);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: var(--ep-dynamic-primary);
}
html .layout28.btn-container .ios-btn .logo[data-v-c60e4b08],
html .layout28.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
html .layout28.btn-container .ios-btn .label-container[data-v-c60e4b08],
html .layout28.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
html .layout28.btn-container .ios-btn .label-container .label[data-v-c60e4b08],
html .layout28.btn-container .android-btn .label-container .label[data-v-c60e4b08] {
  text-align: left;
}
html .layout28.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
html .layout28.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-highlight-white-weak);
}
html .layout28.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
html .layout28.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-highlight-white);
}
html .layout28.btn-container .ios-btn[data-v-c60e4b08] {
  order: var(--order-ios, 2);
}
html .layout28.btn-container .android-btn[data-v-c60e4b08] {
  order: var(--order-android, 1);
}
html .layout39.btn-container[data-v-c60e4b08] {
  display: flex;
  gap: 1.1875rem;
  margin-top: 0.6875rem;
}
html .layout39.btn-container .ios-btn[data-v-c60e4b08],
html .layout39.btn-container .android-btn[data-v-c60e4b08] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  padding: 0.375rem 0 0.375rem 0.75rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(0.1312rem);
          backdrop-filter: blur(0.1312rem);
}
html .layout39.btn-container .ios-btn .logo[data-v-c60e4b08],
html .layout39.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
html .layout39.btn-container .ios-btn .label-container[data-v-c60e4b08],
html .layout39.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
}
html .layout39.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
html .layout39.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout39.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
html .layout39.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .layout39.btn-container .ios-btn[data-v-c60e4b08] {
  padding-left: 1.5625rem;
}
html .layout40.btn-container[data-v-c60e4b08] {
  display: flex;
  gap: 0.875rem;
}
html .layout40.btn-container .ios-btn[data-v-c60e4b08],
html .layout40.btn-container .android-btn[data-v-c60e4b08] {
  flex: 1;
  border: 1px solid transparent;
  background: linear-gradient(var(--ep-color-background-fill-surface-raised-L2)) padding-box, linear-gradient(135deg, #EA65291A, #FFFFFF0D) border-box;
  min-height: var(--item-height, 3.125rem);
  padding: var(--item-padding, 0.25rem 0.5rem 0.25rem 0.625rem);
  display: flex;
  align-items: center;
  gap: var(--item-gap, 0.4375rem);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-l);
}
html .layout40.btn-container .ios-btn .logo[data-v-c60e4b08],
html .layout40.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
html .layout40.btn-container .ios-btn .label-container[data-v-c60e4b08],
html .layout40.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
html .layout40.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
html .layout40.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
html .layout40.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
html .layout40.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-text-default);
}
html .layout40.btn-container .ios-btn .icon[data-v-c60e4b08],
html .layout40.btn-container .android-btn .icon[data-v-c60e4b08] {
  margin-left: auto;
  font-size: var(--ep-font-size-xs);
  color: var(--ep-color-text-default);
}
html .layout40.btn-container .ios-btn[data-v-c60e4b08] {
  order: var(--order-ios, 1);
}
html .layout40.btn-container .android-btn[data-v-c60e4b08] {
  order: var(--order-android, 2);
}
html .layout45.btn-container[data-v-c60e4b08] {
  display: flex;
  gap: 0.875rem;
}
html .layout45.btn-container .ios-btn[data-v-c60e4b08],
html .layout45.btn-container .android-btn[data-v-c60e4b08] {
  flex: 1;
  min-height: var(--item-height, 3.125rem);
  padding: var(--item-padding, 0.25rem 0.75rem 0.25rem 0.625rem);
  display: flex;
  align-items: center;
  gap: var(--item-gap, 0.4375rem);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-l);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout45.btn-container .ios-btn .logo[data-v-c60e4b08],
html .layout45.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  color: var(--ep-color-icon-brand-secondary);
}
html .layout45.btn-container .ios-btn .label-container[data-v-c60e4b08],
html .layout45.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
html .layout45.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
html .layout45.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-selected);
}
html .layout45.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
html .layout45.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-selected);
}
html .layout45.btn-container .ios-btn .icon[data-v-c60e4b08],
html .layout45.btn-container .android-btn .icon[data-v-c60e4b08] {
  margin-left: auto;
  font-size: var(--ep-font-size-l);
  color: var(--ep-color-icon-default);
}
html .layout45.btn-container .ios-btn[data-v-c60e4b08] {
  order: var(--order-ios, 1);
}
html .layout45.btn-container .android-btn[data-v-c60e4b08] {
  order: var(--order-android, 2);
}
html .layout47.btn-container[data-v-c60e4b08] {
  gap: 0.75rem;
  display: flex;
  margin-top: 0.6875rem;
  justify-content: center;
}
html .layout47.btn-container .ios-btn[data-v-c60e4b08],
html .layout47.btn-container .android-btn[data-v-c60e4b08] {
  gap: 0.25rem;
  display: flex;
  width: 8.125rem;
  padding: 0.25rem;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.6) 23.86%, rgba(255, 255, 255, 0) 46.02%, rgba(255, 255, 255, 0.4) 75.77%);
}
html .layout47.btn-container .ios-btn[data-v-c60e4b08]::before,
html .layout47.btn-container .android-btn[data-v-c60e4b08]::before {
  content: '';
  top: 0.0625rem;
  left: 0.0625rem;
  position: absolute;
  width: calc(100% - 0.125rem);
  height: calc(100% - 0.125rem);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L1);
  pointer-events: none;
  z-index: 1;
}
html .layout47.btn-container .ios-btn[data-v-c60e4b08]::after,
html .layout47.btn-container .android-btn[data-v-c60e4b08]::after {
  content: '';
  top: 0.0625rem;
  left: 0.0625rem;
  position: absolute;
  width: calc(100% - 0.125rem);
  height: calc(100% - 0.125rem);
  -webkit-backdrop-filter: blur(0.1312rem);
  backdrop-filter: blur(0.1312rem);
  background: rgba(255, 255, 255, 0.3);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  pointer-events: none;
  z-index: 1;
}
html .layout47.btn-container .ios-btn .logo[data-v-c60e4b08],
html .layout47.btn-container .android-btn .logo[data-v-c60e4b08] {
  width: 1.875rem;
  height: 1.875rem;
  position: relative;
  font-size: 1.875rem;
  z-index: 2;
  transform: translateZ(0);
}
html .layout47.btn-container .ios-btn .label-container[data-v-c60e4b08],
html .layout47.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  position: relative;
  flex-direction: column;
  z-index: 2;
  transform: translateZ(0);
}
html .layout47.btn-container .ios-btn .label-container .label[data-v-c60e4b08],
html .layout47.btn-container .android-btn .label-container .label[data-v-c60e4b08] {
  white-space: nowrap;
  font-size: var(--ep-font-size-xs, 0.625rem);
}
html .layout47.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
html .layout47.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout47.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
html .layout47.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .layout47.btn-container .ios-btn .logo[data-v-c60e4b08] {
  color: var(--ep-color-icon-default);
}
html .layout46.btn-container[data-v-c60e4b08] {
  display: flex;
  gap: 0.875rem;
}
html .layout46.btn-container .ios-btn[data-v-c60e4b08],
html .layout46.btn-container .android-btn[data-v-c60e4b08] {
  flex: 1;
  min-height: var(--item-height, 3.125rem);
  padding: var(--item-padding, 0.25rem 0.75rem 0.25rem 0.625rem);
  display: flex;
  align-items: center;
  gap: var(--item-gap, 0.4375rem);
  font-size: var(--ep-font-size-xs);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-surface-default);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout46.btn-container .ios-btn .logo[data-v-c60e4b08],
html .layout46.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  color: var(--ep-color-icon-default);
}
html .layout46.btn-container .ios-btn .label-container[data-v-c60e4b08],
html .layout46.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
html .layout46.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
html .layout46.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
html .layout46.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
html .layout46.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .layout46.btn-container .ios-btn .icon[data-v-c60e4b08],
html .layout46.btn-container .android-btn .icon[data-v-c60e4b08] {
  margin-left: auto;
  font-size: var(--ep-font-size-l);
  color: var(--ep-color-icon-default);
}
html .layout46.btn-container .ios-btn[data-v-c60e4b08] {
  order: var(--order-ios, 1);
}
html .layout46.btn-container .android-btn[data-v-c60e4b08] {
  order: var(--order-android, 2);
}
html .layout49.btn-container[data-v-c60e4b08] {
  height: 100%;
  gap: 0.625rem;
  display: flex;
  padding-left: 3rem;
  align-items: center;
  flex-direction: column;
  padding-bottom: 0.75rem;
  justify-content: flex-end;
}
html .layout49.btn-container .ios-btn[data-v-c60e4b08],
html .layout49.btn-container .android-btn[data-v-c60e4b08] {
  gap: 0.25rem;
  display: flex;
  width: 7.375rem;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  align-items: flex-start;
  justify-content: center;
  padding: 0.125rem 0.25rem 0.1875rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.6) 23.86%, rgba(255, 255, 255, 0) 46.02%, rgba(255, 255, 255, 0.4) 75.77%);
}
html .layout49.btn-container .ios-btn[data-v-c60e4b08]::before,
html .layout49.btn-container .android-btn[data-v-c60e4b08]::before {
  content: '';
  top: 0.0625rem;
  left: 0.0625rem;
  position: absolute;
  pointer-events: none;
  background: var(--ep-color-appinstall-inner-btn-bg, #6449DA);
  width: calc(100% - 0.125rem);
  height: calc(100% - 0.125rem);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  z-index: 1;
}
html .layout49.btn-container .ios-btn .logo[data-v-c60e4b08],
html .layout49.btn-container .android-btn .logo[data-v-c60e4b08] {
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  font-size: 1.875rem;
  z-index: 2;
  transform: translateZ(0);
}
html .layout49.btn-container .ios-btn .label-container[data-v-c60e4b08],
html .layout49.btn-container .android-btn .label-container[data-v-c60e4b08] {
  z-index: 2;
  display: flex;
  position: relative;
  flex-direction: column;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
html .layout49.btn-container .ios-btn .label-container .label[data-v-c60e4b08],
html .layout49.btn-container .android-btn .label-container .label[data-v-c60e4b08] {
  white-space: nowrap;
  font-size: var(--ep-font-size-xs, 0.625rem);
}
html .layout49.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
html .layout49.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xxs, 0.5rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-highlight-white-weaker);
}
html .layout49.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
html .layout49.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  color: var(--ep-color-text-highlight-white);
  font-weight: var(--ep-font-weight-medium, 600);
}
html .layout49.btn-container .ios-btn .logo[data-v-c60e4b08] {
  color: #FFF;
}
html .layout50.btn-container[data-v-c60e4b08] {
  display: flex;
  gap: 0.875rem;
  width: 100%;
}
html .layout50.btn-container .ios-btn[data-v-c60e4b08],
html .layout50.btn-container .android-btn[data-v-c60e4b08] {
  flex: 1;
  width: 100%;
  height: 3.125rem;
  padding: 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-l);
  background: var(--ep-dynamic-primary);
}
html .layout50.btn-container .ios-btn .logo[data-v-c60e4b08],
html .layout50.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
html .layout50.btn-container .ios-btn .label-container[data-v-c60e4b08],
html .layout50.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
html .layout50.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
html .layout50.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
html .layout50.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
html .layout50.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-text-default);
}
html .layout50.btn-container .ios-btn .icon[data-v-c60e4b08],
html .layout50.btn-container .android-btn .icon[data-v-c60e4b08] {
  margin-left: auto;
  font-size: var(--ep-font-size-l);
  color: var(--ep-color-icon-default);
}
html .layout50.btn-container .ios-btn[data-v-c60e4b08] {
  order: var(--order-ios, 1);
}
html .layout50.btn-container .android-btn[data-v-c60e4b08] {
  order: var(--order-android, 2);
}
html .layout51.btn-container[data-v-c60e4b08] {
  display: flex;
  gap: 0.875rem;
}
html .layout51.btn-container .ios-btn[data-v-c60e4b08],
html .layout51.btn-container .android-btn[data-v-c60e4b08] {
  flex: 1;
  min-height: var(--item-height, 3.125rem);
  padding: var(--item-padding, 0.25rem 0.75rem 0.25rem 0.625rem);
  display: flex;
  align-items: center;
  gap: var(--item-gap, 0.4375rem);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-l);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout51.btn-container .ios-btn .logo[data-v-c60e4b08],
html .layout51.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  color: var(--ep-color-icon-brand-primary);
}
html .layout51.btn-container .ios-btn .label-container[data-v-c60e4b08],
html .layout51.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
html .layout51.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
html .layout51.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-selected);
}
html .layout51.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
html .layout51.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-selected);
}
html .layout51.btn-container .ios-btn .icon[data-v-c60e4b08],
html .layout51.btn-container .android-btn .icon[data-v-c60e4b08] {
  margin-left: auto;
  font-size: var(--ep-font-size-l);
  color: var(--ep-color-icon-default);
}
html .layout51.btn-container .ios-btn[data-v-c60e4b08] {
  order: var(--order-ios, 1);
}
html .layout51.btn-container .android-btn[data-v-c60e4b08] {
  order: var(--order-android, 2);
}
html .layout53.btn-container[data-v-c60e4b08] {
  gap: 0.625rem;
  display: flex;
  margin-top: 0.625rem;
}
html .layout53.btn-container .ios-btn[data-v-c60e4b08],
html .layout53.btn-container .android-btn[data-v-c60e4b08] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  flex: none;
  width: 11.125rem;
  height: 2rem;
  background: url('/assets/appinstall-btn-53-r2-CgeZqQ8t.svg') no-repeat 0 0 / 11.125rem 4.625rem;
}
html .layout53.btn-container .ios-btn .logo[data-v-c60e4b08],
html .layout53.btn-container .android-btn .logo[data-v-c60e4b08] {
  width: 1.25rem;
  height: 1.4375rem;
  font-size: 1.25rem;
}
html .layout53.btn-container .ios-btn .label-container[data-v-c60e4b08],
html .layout53.btn-container .android-btn .label-container[data-v-c60e4b08] {
  gap: 0.25rem;
  display: flex;
  align-items: baseline;
}
html .layout53.btn-container .ios-btn .label-container .label[data-v-c60e4b08],
html .layout53.btn-container .android-btn .label-container .label[data-v-c60e4b08] {
  white-space: nowrap;
  line-height: 0.9375rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
html .layout53.btn-container .android-btn[data-v-c60e4b08] {
  order: 1;
}
html .layout53.btn-container .android-btn .logo[data-v-c60e4b08],
html .layout53.btn-container .android-btn .label[data-v-c60e4b08] {
  color: var(--ep-neutral-black-black-100);
}
html .layout53.btn-container .android-btn .logo[data-v-c60e4b08] {
  filter: brightness(0);
}
html .layout53.btn-container .ios-btn[data-v-c60e4b08] {
  order: 2;
  background-position: 0 -2.625rem;
}
html .layout53.btn-container .ios-btn .logo[data-v-c60e4b08],
html .layout53.btn-container .ios-btn .label[data-v-c60e4b08] {
  color: var(--ep-color-text-highlight-white);
}
html .layout53.layout53-drawer.btn-container[data-v-c60e4b08] {
  gap: 0.515rem;
  margin-top: 0;
  flex-flow: column;
  align-items: flex-end;
}
html .layout53.layout53-drawer.btn-container .ios-btn[data-v-c60e4b08],
html .layout53.layout53-drawer.btn-container .android-btn[data-v-c60e4b08] {
  gap: 0.51625rem;
  width: 9.1875rem;
  height: 1.65rem;
  background-size: 9.1875rem 3.8194rem;
}
html .layout53.layout53-drawer.btn-container .ios-btn .logo[data-v-c60e4b08],
html .layout53.layout53-drawer.btn-container .android-btn .logo[data-v-c60e4b08] {
  width: 1.0325rem;
  height: 1.1875rem;
  font-size: 1.0325rem;
}
html .layout53.layout53-drawer.btn-container .ios-btn .label-container[data-v-c60e4b08],
html .layout53.layout53-drawer.btn-container .android-btn .label-container[data-v-c60e4b08] {
  gap: 0.20625rem;
}
html .layout53.layout53-drawer.btn-container .ios-btn .label-container .label[data-v-c60e4b08],
html .layout53.layout53-drawer.btn-container .android-btn .label-container .label[data-v-c60e4b08] {
  line-height: 0.7744rem;
  font-size: 0.51625rem;
}
html .layout53.layout53-drawer.btn-container .ios-btn[data-v-c60e4b08] {
  background-position: 0 -2.1682rem;
}
html .layout1.btn-container[data-v-c60e4b08] {
  display: flex;
  gap: 1.1875rem;
}
html .layout1.btn-container .ios-btn[data-v-c60e4b08],
html .layout1.btn-container .android-btn[data-v-c60e4b08] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  padding: 0.5313rem 0;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-lowered, #101B3C);
}
html .layout1.btn-container .ios-btn .logo[data-v-c60e4b08],
html .layout1.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
html .layout1.btn-container .ios-btn .label-container[data-v-c60e4b08],
html .layout1.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
}
html .layout1.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
html .layout1.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
html .layout1.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
html .layout1.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .layout24.btn-container[data-v-c60e4b08] {
  display: flex;
  gap: 1.1875rem;
}
html .layout24.btn-container .ios-btn[data-v-c60e4b08],
html .layout24.btn-container .android-btn[data-v-c60e4b08] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  padding: 0.5313rem 0;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: rgba(0, 0, 0, 0.3);
}
html .layout24.btn-container .ios-btn .logo[data-v-c60e4b08],
html .layout24.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
html .layout24.btn-container .ios-btn .label-container[data-v-c60e4b08],
html .layout24.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
}
html .layout24.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
html .layout24.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-highlight-white-weak);
}
html .layout24.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
html .layout24.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-highlight-white);
}
html .layout26.btn-container[data-v-c60e4b08] {
  display: flex;
  gap: 1.1875rem;
}
html .layout26.btn-container .ios-btn[data-v-c60e4b08],
html .layout26.btn-container .android-btn[data-v-c60e4b08] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  padding: 0.5313rem 0;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-lowered, #101B3C);
}
html .layout26.btn-container .ios-btn .logo[data-v-c60e4b08],
html .layout26.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
html .layout26.btn-container .ios-btn .label-container[data-v-c60e4b08],
html .layout26.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
}
html .layout26.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
html .layout26.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout26.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
html .layout26.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index[data-v-c60e4b08] {
  /**
	 * 53 号炫彩紫（设计稿 node 17023:41094，366x32）。
	 *
	 * 两枚 178x32 的切角按钮：Android 白底黑字在前、iOS 白描边白字在后（模板里 iOS 先渲染，
	 * 用 order 调序）。切角形状不是圆角能拼出来的——左上、右下各一个 45° 斜切，右上角还有一个
	 * **不挨边的三角镂空**（Android 上是真镂空、透出页面底色），clip-path 的 polygon() 表达不了
	 * 洞，故整块形状走一张 svg 背景。
	 *
	 * 两枚形状放同一个文件、用 background-position 切开（同 ranking-bg-53.svg 的做法）：
	 * 项目 assetsInlineLimit = 0，每个 svg 都是一个独立请求，合成一张省一半。
	 * svg 是 178x74（Android 占 0..32、iOS 占 42..74），按钮盒 11.125rem x 2rem，
	 * 背景尺寸给 11.125rem x 4.625rem 即 1:1，iOS 再上移 42px = 2.625rem 取下半张。
	 *
	 * 两行 label（appInstall1 + appInstall2/3）设计稿是一行排开的，故 label-container 改横向。
	 */
  /**
   * 53 号抽屉里的下载按钮（设计稿 node 9041:31625 →「下载提示」右半）。
   *
   * 与首页那对是同一枚按钮（同一张切角背景图），差别是：并排改成上下叠，且整组按 0.8258 缩小。
   * 缩放不是可选项——抽屉宽 340、版心 320，左边装饰图要占 160，留给按钮的只有 147，
   * 首页那个 178 塞不下。几何和字号必须同比缩：切角形状是一张定尺寸的 svg 背景，
   * 只缩盒子不缩 background-size 会让斜切角走形；只缩盒子不缩字号则文案会顶破按钮
   * （.label 是 nowrap）。设计稿标的 8.24px 正文就是 10px 乘这个比例的结果。
   *
   * 配置里写 `layoutType: 'layout53 layout53-drawer'`：形状、配色、order 全部继续吃 .layout53，
   * 这里只写尺寸差。选择器带三个类是为了压过 .layout53 那条同权重规则，
   * 不依赖两个 mixin 的书写先后。
   */
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout2.btn-container[data-v-c60e4b08] {
  --height: 1.875rem;
  display: flex;
  gap: 0.5625rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout2.btn-container .ios-btn[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout2.btn-container .android-btn[data-v-c60e4b08] {
  min-height: var(--height);
  padding: 0.125rem;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: var(--item-border, none);
  background: var(--ep-color-background-fill-surface-lowered, #101B3C);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout2.btn-container .ios-btn .logo[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout2.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.375rem;
  width: 1.375rem;
  height: 1.375rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout2.btn-container .ios-btn .label-container[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout2.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout2.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout2.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout2.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout2.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 400);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout2.btn-container .ios-btn[data-v-c60e4b08] {
  order: var(--order-ios, 1);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout2.btn-container .android-btn[data-v-c60e4b08] {
  order: var(--order-android, 2);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout3.btn-container[data-v-c60e4b08] {
  --height: 1.875rem;
  display: flex;
  gap: 0.5625rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout3.btn-container .ios-btn[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout3.btn-container .android-btn[data-v-c60e4b08] {
  min-height: var(--height);
  padding: 0.125rem;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: var(--item-border, none);
  background: var(--ep-color-background-fill-surface-lowered, #101B3C);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout3.btn-container .ios-btn .logo[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout3.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.375rem;
  width: 1.375rem;
  height: 1.375rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout3.btn-container .ios-btn .label-container[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout3.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout3.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout3.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout3.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout3.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 400);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout3.btn-container .ios-btn[data-v-c60e4b08] {
  order: var(--order-ios, 1);
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout3.btn-container .android-btn[data-v-c60e4b08] {
  order: var(--order-android, 2);
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout3.btn-container.extra45 .label-container .label[data-v-c60e4b08] {
  font-weight: var(--ep-font-weight-regular, 400) !important;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout27.btn-container[data-v-c60e4b08] {
  display: flex;
  gap: 0.875rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout27.btn-container .ios-btn[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout27.btn-container .android-btn[data-v-c60e4b08] {
  flex: 1;
  min-height: var(--item-height, 3.125rem);
  padding: var(--item-padding, 0.25rem 0.75rem 0.25rem 0.625rem);
  display: flex;
  align-items: center;
  gap: var(--item-gap, 0.4375rem);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-l);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout27.btn-container .ios-btn .logo[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout27.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout27.btn-container .ios-btn .label-container[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout27.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout27.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout27.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout27.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout27.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout27.btn-container .ios-btn .icon[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout27.btn-container .android-btn .icon[data-v-c60e4b08] {
  margin-left: auto;
  font-size: var(--ep-font-size-l);
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout27.btn-container .ios-btn[data-v-c60e4b08] {
  order: var(--order-ios, 1);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout27.btn-container .android-btn[data-v-c60e4b08] {
  order: var(--order-android, 2);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout28.btn-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.875rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout28.btn-container .ios-btn[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout28.btn-container .android-btn[data-v-c60e4b08] {
  min-height: var(--item-height, 2.5rem);
  padding: var(--item-padding, 0.25rem 1.375rem);
  display: flex;
  align-items: center;
  gap: var(--item-gap, 0.875rem);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-infinity, 9999px);
  background: var(--ep-dynamic-primary);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout28.btn-container .ios-btn .logo[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout28.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout28.btn-container .ios-btn .label-container[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout28.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout28.btn-container .ios-btn .label-container .label[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout28.btn-container .android-btn .label-container .label[data-v-c60e4b08] {
  text-align: left;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout28.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout28.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-highlight-white-weak);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout28.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout28.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-highlight-white);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout28.btn-container .ios-btn[data-v-c60e4b08] {
  order: var(--order-ios, 2);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout28.btn-container .android-btn[data-v-c60e4b08] {
  order: var(--order-android, 1);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout39.btn-container[data-v-c60e4b08] {
  display: flex;
  gap: 1.1875rem;
  margin-top: 0.6875rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout39.btn-container .ios-btn[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout39.btn-container .android-btn[data-v-c60e4b08] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  padding: 0.375rem 0 0.375rem 0.75rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(0.1312rem);
          backdrop-filter: blur(0.1312rem);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout39.btn-container .ios-btn .logo[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout39.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout39.btn-container .ios-btn .label-container[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout39.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout39.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout39.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout39.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout39.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout39.btn-container .ios-btn[data-v-c60e4b08] {
  padding-left: 1.5625rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout40.btn-container[data-v-c60e4b08] {
  display: flex;
  gap: 0.875rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout40.btn-container .ios-btn[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout40.btn-container .android-btn[data-v-c60e4b08] {
  flex: 1;
  border: 1px solid transparent;
  background: linear-gradient(var(--ep-color-background-fill-surface-raised-L2)) padding-box, linear-gradient(135deg, #EA65291A, #FFFFFF0D) border-box;
  min-height: var(--item-height, 3.125rem);
  padding: var(--item-padding, 0.25rem 0.5rem 0.25rem 0.625rem);
  display: flex;
  align-items: center;
  gap: var(--item-gap, 0.4375rem);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-l);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout40.btn-container .ios-btn .logo[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout40.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout40.btn-container .ios-btn .label-container[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout40.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout40.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout40.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout40.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout40.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout40.btn-container .ios-btn .icon[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout40.btn-container .android-btn .icon[data-v-c60e4b08] {
  margin-left: auto;
  font-size: var(--ep-font-size-xs);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout40.btn-container .ios-btn[data-v-c60e4b08] {
  order: var(--order-ios, 1);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout40.btn-container .android-btn[data-v-c60e4b08] {
  order: var(--order-android, 2);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout45.btn-container[data-v-c60e4b08] {
  display: flex;
  gap: 0.875rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout45.btn-container .ios-btn[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout45.btn-container .android-btn[data-v-c60e4b08] {
  flex: 1;
  min-height: var(--item-height, 3.125rem);
  padding: var(--item-padding, 0.25rem 0.75rem 0.25rem 0.625rem);
  display: flex;
  align-items: center;
  gap: var(--item-gap, 0.4375rem);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-l);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout45.btn-container .ios-btn .logo[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout45.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  color: var(--ep-color-icon-brand-secondary);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout45.btn-container .ios-btn .label-container[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout45.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout45.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout45.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-selected);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout45.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout45.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-selected);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout45.btn-container .ios-btn .icon[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout45.btn-container .android-btn .icon[data-v-c60e4b08] {
  margin-left: auto;
  font-size: var(--ep-font-size-l);
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout45.btn-container .ios-btn[data-v-c60e4b08] {
  order: var(--order-ios, 1);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout45.btn-container .android-btn[data-v-c60e4b08] {
  order: var(--order-android, 2);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout47.btn-container[data-v-c60e4b08] {
  gap: 0.75rem;
  display: flex;
  margin-top: 0.6875rem;
  justify-content: center;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout47.btn-container .ios-btn[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout47.btn-container .android-btn[data-v-c60e4b08] {
  gap: 0.25rem;
  display: flex;
  width: 8.125rem;
  padding: 0.25rem;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.6) 23.86%, rgba(255, 255, 255, 0) 46.02%, rgba(255, 255, 255, 0.4) 75.77%);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout47.btn-container .ios-btn[data-v-c60e4b08]::before,
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout47.btn-container .android-btn[data-v-c60e4b08]::before {
  content: '';
  top: 0.0625rem;
  left: 0.0625rem;
  position: absolute;
  width: calc(100% - 0.125rem);
  height: calc(100% - 0.125rem);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L1);
  pointer-events: none;
  z-index: 1;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout47.btn-container .ios-btn[data-v-c60e4b08]::after,
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout47.btn-container .android-btn[data-v-c60e4b08]::after {
  content: '';
  top: 0.0625rem;
  left: 0.0625rem;
  position: absolute;
  width: calc(100% - 0.125rem);
  height: calc(100% - 0.125rem);
  -webkit-backdrop-filter: blur(0.1312rem);
  backdrop-filter: blur(0.1312rem);
  background: rgba(255, 255, 255, 0.3);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  pointer-events: none;
  z-index: 1;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout47.btn-container .ios-btn .logo[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout47.btn-container .android-btn .logo[data-v-c60e4b08] {
  width: 1.875rem;
  height: 1.875rem;
  position: relative;
  font-size: 1.875rem;
  z-index: 2;
  transform: translateZ(0);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout47.btn-container .ios-btn .label-container[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout47.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  position: relative;
  flex-direction: column;
  z-index: 2;
  transform: translateZ(0);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout47.btn-container .ios-btn .label-container .label[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout47.btn-container .android-btn .label-container .label[data-v-c60e4b08] {
  white-space: nowrap;
  font-size: var(--ep-font-size-xs, 0.625rem);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout47.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout47.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout47.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout47.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout47.btn-container .ios-btn .logo[data-v-c60e4b08] {
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout46.btn-container[data-v-c60e4b08] {
  display: flex;
  gap: 0.875rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout46.btn-container .ios-btn[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout46.btn-container .android-btn[data-v-c60e4b08] {
  flex: 1;
  min-height: var(--item-height, 3.125rem);
  padding: var(--item-padding, 0.25rem 0.75rem 0.25rem 0.625rem);
  display: flex;
  align-items: center;
  gap: var(--item-gap, 0.4375rem);
  font-size: var(--ep-font-size-xs);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-surface-default);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout46.btn-container .ios-btn .logo[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout46.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout46.btn-container .ios-btn .label-container[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout46.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout46.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout46.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout46.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout46.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout46.btn-container .ios-btn .icon[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout46.btn-container .android-btn .icon[data-v-c60e4b08] {
  margin-left: auto;
  font-size: var(--ep-font-size-l);
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout46.btn-container .ios-btn[data-v-c60e4b08] {
  order: var(--order-ios, 1);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout46.btn-container .android-btn[data-v-c60e4b08] {
  order: var(--order-android, 2);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout49.btn-container[data-v-c60e4b08] {
  height: 100%;
  gap: 0.625rem;
  display: flex;
  padding-left: 3rem;
  align-items: center;
  flex-direction: column;
  padding-bottom: 0.75rem;
  justify-content: flex-end;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout49.btn-container .ios-btn[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout49.btn-container .android-btn[data-v-c60e4b08] {
  gap: 0.25rem;
  display: flex;
  width: 7.375rem;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  align-items: flex-start;
  justify-content: center;
  padding: 0.125rem 0.25rem 0.1875rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.6) 23.86%, rgba(255, 255, 255, 0) 46.02%, rgba(255, 255, 255, 0.4) 75.77%);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout49.btn-container .ios-btn[data-v-c60e4b08]::before,
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout49.btn-container .android-btn[data-v-c60e4b08]::before {
  content: '';
  top: 0.0625rem;
  left: 0.0625rem;
  position: absolute;
  pointer-events: none;
  background: var(--ep-color-appinstall-inner-btn-bg, #6449DA);
  width: calc(100% - 0.125rem);
  height: calc(100% - 0.125rem);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  z-index: 1;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout49.btn-container .ios-btn .logo[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout49.btn-container .android-btn .logo[data-v-c60e4b08] {
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  font-size: 1.875rem;
  z-index: 2;
  transform: translateZ(0);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout49.btn-container .ios-btn .label-container[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout49.btn-container .android-btn .label-container[data-v-c60e4b08] {
  z-index: 2;
  display: flex;
  position: relative;
  flex-direction: column;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout49.btn-container .ios-btn .label-container .label[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout49.btn-container .android-btn .label-container .label[data-v-c60e4b08] {
  white-space: nowrap;
  font-size: var(--ep-font-size-xs, 0.625rem);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout49.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout49.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xxs, 0.5rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-highlight-white-weaker);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout49.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout49.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  color: var(--ep-color-text-highlight-white);
  font-weight: var(--ep-font-weight-medium, 600);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout49.btn-container .ios-btn .logo[data-v-c60e4b08] {
  color: #FFF;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout50.btn-container[data-v-c60e4b08] {
  display: flex;
  gap: 0.875rem;
  width: 100%;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout50.btn-container .ios-btn[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout50.btn-container .android-btn[data-v-c60e4b08] {
  flex: 1;
  width: 100%;
  height: 3.125rem;
  padding: 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-l);
  background: var(--ep-dynamic-primary);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout50.btn-container .ios-btn .logo[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout50.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout50.btn-container .ios-btn .label-container[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout50.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout50.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout50.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout50.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout50.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout50.btn-container .ios-btn .icon[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout50.btn-container .android-btn .icon[data-v-c60e4b08] {
  margin-left: auto;
  font-size: var(--ep-font-size-l);
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout50.btn-container .ios-btn[data-v-c60e4b08] {
  order: var(--order-ios, 1);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout50.btn-container .android-btn[data-v-c60e4b08] {
  order: var(--order-android, 2);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout51.btn-container[data-v-c60e4b08] {
  display: flex;
  gap: 0.875rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout51.btn-container .ios-btn[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout51.btn-container .android-btn[data-v-c60e4b08] {
  flex: 1;
  min-height: var(--item-height, 3.125rem);
  padding: var(--item-padding, 0.25rem 0.75rem 0.25rem 0.625rem);
  display: flex;
  align-items: center;
  gap: var(--item-gap, 0.4375rem);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-l);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout51.btn-container .ios-btn .logo[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout51.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  color: var(--ep-color-icon-brand-primary);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout51.btn-container .ios-btn .label-container[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout51.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout51.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout51.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-selected);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout51.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout51.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-selected);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout51.btn-container .ios-btn .icon[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout51.btn-container .android-btn .icon[data-v-c60e4b08] {
  margin-left: auto;
  font-size: var(--ep-font-size-l);
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout51.btn-container .ios-btn[data-v-c60e4b08] {
  order: var(--order-ios, 1);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout51.btn-container .android-btn[data-v-c60e4b08] {
  order: var(--order-android, 2);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.btn-container[data-v-c60e4b08] {
  gap: 0.625rem;
  display: flex;
  margin-top: 0.625rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.btn-container .ios-btn[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.btn-container .android-btn[data-v-c60e4b08] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  flex: none;
  width: 11.125rem;
  height: 2rem;
  background: url('/assets/appinstall-btn-53-r2-CgeZqQ8t.svg') no-repeat 0 0 / 11.125rem 4.625rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.btn-container .ios-btn .logo[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.btn-container .android-btn .logo[data-v-c60e4b08] {
  width: 1.25rem;
  height: 1.4375rem;
  font-size: 1.25rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.btn-container .ios-btn .label-container[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.btn-container .android-btn .label-container[data-v-c60e4b08] {
  gap: 0.25rem;
  display: flex;
  align-items: baseline;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.btn-container .ios-btn .label-container .label[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.btn-container .android-btn .label-container .label[data-v-c60e4b08] {
  white-space: nowrap;
  line-height: 0.9375rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.btn-container .android-btn[data-v-c60e4b08] {
  order: 1;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.btn-container .android-btn .logo[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.btn-container .android-btn .label[data-v-c60e4b08] {
  color: var(--ep-neutral-black-black-100);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.btn-container .android-btn .logo[data-v-c60e4b08] {
  filter: brightness(0);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.btn-container .ios-btn[data-v-c60e4b08] {
  order: 2;
  background-position: 0 -2.625rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.btn-container .ios-btn .logo[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.btn-container .ios-btn .label[data-v-c60e4b08] {
  color: var(--ep-color-text-highlight-white);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.layout53-drawer.btn-container[data-v-c60e4b08] {
  gap: 0.515rem;
  margin-top: 0;
  flex-flow: column;
  align-items: flex-end;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.layout53-drawer.btn-container .ios-btn[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.layout53-drawer.btn-container .android-btn[data-v-c60e4b08] {
  gap: 0.51625rem;
  width: 9.1875rem;
  height: 1.65rem;
  background-size: 9.1875rem 3.8194rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.layout53-drawer.btn-container .ios-btn .logo[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.layout53-drawer.btn-container .android-btn .logo[data-v-c60e4b08] {
  width: 1.0325rem;
  height: 1.1875rem;
  font-size: 1.0325rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.layout53-drawer.btn-container .ios-btn .label-container[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.layout53-drawer.btn-container .android-btn .label-container[data-v-c60e4b08] {
  gap: 0.20625rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.layout53-drawer.btn-container .ios-btn .label-container .label[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.layout53-drawer.btn-container .android-btn .label-container .label[data-v-c60e4b08] {
  line-height: 0.7744rem;
  font-size: 0.51625rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout53.layout53-drawer.btn-container .ios-btn[data-v-c60e4b08] {
  background-position: 0 -2.1682rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container[data-v-c60e4b08] {
  display: flex;
  gap: 1.1875rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container .ios-btn[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container .android-btn[data-v-c60e4b08] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  padding: 0.5313rem 0;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-lowered, #101B3C);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container .ios-btn .logo[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container .ios-btn .label-container[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout24.btn-container[data-v-c60e4b08] {
  display: flex;
  gap: 1.1875rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout24.btn-container .ios-btn[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout24.btn-container .android-btn[data-v-c60e4b08] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  padding: 0.5313rem 0;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: rgba(0, 0, 0, 0.3);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout24.btn-container .ios-btn .logo[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout24.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout24.btn-container .ios-btn .label-container[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout24.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout24.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout24.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-highlight-white-weak);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout24.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout24.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-highlight-white);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout26.btn-container[data-v-c60e4b08] {
  display: flex;
  gap: 1.1875rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout26.btn-container .ios-btn[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout26.btn-container .android-btn[data-v-c60e4b08] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  padding: 0.5313rem 0;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-lowered, #101B3C);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout26.btn-container .ios-btn .logo[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout26.btn-container .android-btn .logo[data-v-c60e4b08] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout26.btn-container .ios-btn .label-container[data-v-c60e4b08],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout26.btn-container .android-btn .label-container[data-v-c60e4b08] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout26.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(1),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout26.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout26.btn-container .ios-btn .label-container .label[data-v-c60e4b08]:nth-child(2),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout26.btn-container .android-btn .label-container .label[data-v-c60e4b08]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-weaker);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout30.btn-container[data-v-88f0d5b7] {
  gap: 0.625rem;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  flex-direction: column;
}
html .layout30.btn-container .ios-btn[data-v-88f0d5b7],
html .layout30.btn-container .android-btn[data-v-88f0d5b7] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  padding: 0.25rem 1rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
html .layout30.btn-container .ios-btn .logo[data-v-88f0d5b7],
html .layout30.btn-container .android-btn .logo[data-v-88f0d5b7] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
html .layout30.btn-container .ios-btn .label-container[data-v-88f0d5b7],
html .layout30.btn-container .android-btn .label-container[data-v-88f0d5b7] {
  gap: 0.25rem;
  display: flex;
  align-items: center;
}
html .layout30.btn-container .ios-btn .label-container .label[data-v-88f0d5b7]:nth-child(1),
html .layout30.btn-container .android-btn .label-container .label[data-v-88f0d5b7]:nth-child(1) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
html .layout30.btn-container .ios-btn .label-container .label[data-v-88f0d5b7]:nth-child(2),
html .layout30.btn-container .android-btn .label-container .label[data-v-88f0d5b7]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
html .layout30.btn-container .ios-btn[data-v-88f0d5b7] {
  background: var(--ep-secondary-secondary-600, #9BE308);
  color: var(--ep-color-text-inverse);
}
html .layout30.btn-container .android-btn[data-v-88f0d5b7] {
  background: var(--ep-primary-primary-800, #154732);
  color: var(--ep-color-text-default);
}
html .layout42.btn-container[data-v-88f0d5b7] {
  position: relative;
  top: 0.25rem;
  gap: 0.625rem;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
html .layout42.btn-container .android-btn[data-v-88f0d5b7] {
  padding: 0.25rem 0.625rem;
}
html .layout42.btn-container .ios-btn[data-v-88f0d5b7] {
  justify-content: center;
}
html .layout42.btn-container .ios-btn[data-v-88f0d5b7],
html .layout42.btn-container .android-btn[data-v-88f0d5b7] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L2);
  color: var(--ep-color-text-default);
}
html .layout42.btn-container .ios-btn .logo[data-v-88f0d5b7],
html .layout42.btn-container .android-btn .logo[data-v-88f0d5b7] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
html .layout42.btn-container .ios-btn .label-container[data-v-88f0d5b7],
html .layout42.btn-container .android-btn .label-container[data-v-88f0d5b7] {
  gap: 0.25rem;
  display: flex;
  align-items: center;
}
html .layout42.btn-container .ios-btn .label-container .label[data-v-88f0d5b7],
html .layout42.btn-container .android-btn .label-container .label[data-v-88f0d5b7] {
  font-size: var(--ep-font-size-xs);
  font-weight: var(--ep-font-weight-bold, 700);
}
html .layout42.btn-container .ios-btn[data-v-88f0d5b7] {
  justify-content: center;
}
html .layout42.btn-container .android-btn[data-v-88f0d5b7] {
  padding: 0.25rem 0.625rem;
}
html .layout54.btn-container[data-v-88f0d5b7] {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.625rem;
  margin-top: 1.0625rem;
}
html .layout54.btn-container .ios-btn[data-v-88f0d5b7],
html .layout54.btn-container .android-btn[data-v-88f0d5b7] {
  flex: 1;
  display: flex;
  align-items: center;
  height: 2.3125rem;
  padding: 0 1rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
html .layout54.btn-container .ios-btn .logo[data-v-88f0d5b7],
html .layout54.btn-container .android-btn .logo[data-v-88f0d5b7] {
  flex: none;
  width: 1.875rem;
  height: 1.875rem;
  margin: 0 -0.3125rem;
}
html .layout54.btn-container .ios-btn .label-container[data-v-88f0d5b7],
html .layout54.btn-container .android-btn .label-container[data-v-88f0d5b7] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
html .layout54.btn-container .ios-btn .label-container .label[data-v-88f0d5b7],
html .layout54.btn-container .android-btn .label-container .label[data-v-88f0d5b7] {
  line-height: 0.9375rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
html .layout54.btn-container .android-btn[data-v-88f0d5b7] {
  gap: 0.25rem;
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text);
}
html .layout54.btn-container .ios-btn[data-v-88f0d5b7] {
  gap: 1rem;
  background: var(--ep-color-btn-level-2-bg);
  color: var(--ep-color-btn-level-2-text);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout30.btn-container[data-v-88f0d5b7] {
  gap: 0.625rem;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout30.btn-container .ios-btn[data-v-88f0d5b7],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout30.btn-container .android-btn[data-v-88f0d5b7] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  padding: 0.25rem 1rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout30.btn-container .ios-btn .logo[data-v-88f0d5b7],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout30.btn-container .android-btn .logo[data-v-88f0d5b7] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout30.btn-container .ios-btn .label-container[data-v-88f0d5b7],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout30.btn-container .android-btn .label-container[data-v-88f0d5b7] {
  gap: 0.25rem;
  display: flex;
  align-items: center;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout30.btn-container .ios-btn .label-container .label[data-v-88f0d5b7]:nth-child(1),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout30.btn-container .android-btn .label-container .label[data-v-88f0d5b7]:nth-child(1) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout30.btn-container .ios-btn .label-container .label[data-v-88f0d5b7]:nth-child(2),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout30.btn-container .android-btn .label-container .label[data-v-88f0d5b7]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout30.btn-container .ios-btn[data-v-88f0d5b7] {
  background: var(--ep-secondary-secondary-600, #9BE308);
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout30.btn-container .android-btn[data-v-88f0d5b7] {
  background: var(--ep-primary-primary-800, #154732);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout42.btn-container[data-v-88f0d5b7] {
  position: relative;
  top: 0.25rem;
  gap: 0.625rem;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout42.btn-container .android-btn[data-v-88f0d5b7] {
  padding: 0.25rem 0.625rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout42.btn-container .ios-btn[data-v-88f0d5b7] {
  justify-content: center;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout42.btn-container .ios-btn[data-v-88f0d5b7],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout42.btn-container .android-btn[data-v-88f0d5b7] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L2);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout42.btn-container .ios-btn .logo[data-v-88f0d5b7],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout42.btn-container .android-btn .logo[data-v-88f0d5b7] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout42.btn-container .ios-btn .label-container[data-v-88f0d5b7],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout42.btn-container .android-btn .label-container[data-v-88f0d5b7] {
  gap: 0.25rem;
  display: flex;
  align-items: center;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout42.btn-container .ios-btn .label-container .label[data-v-88f0d5b7],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout42.btn-container .android-btn .label-container .label[data-v-88f0d5b7] {
  font-size: var(--ep-font-size-xs);
  font-weight: var(--ep-font-weight-bold, 700);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout42.btn-container .ios-btn[data-v-88f0d5b7] {
  justify-content: center;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout42.btn-container .android-btn[data-v-88f0d5b7] {
  padding: 0.25rem 0.625rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout54.btn-container[data-v-88f0d5b7] {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.625rem;
  margin-top: 1.0625rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout54.btn-container .ios-btn[data-v-88f0d5b7],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout54.btn-container .android-btn[data-v-88f0d5b7] {
  flex: 1;
  display: flex;
  align-items: center;
  height: 2.3125rem;
  padding: 0 1rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout54.btn-container .ios-btn .logo[data-v-88f0d5b7],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout54.btn-container .android-btn .logo[data-v-88f0d5b7] {
  flex: none;
  width: 1.875rem;
  height: 1.875rem;
  margin: 0 -0.3125rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout54.btn-container .ios-btn .label-container[data-v-88f0d5b7],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout54.btn-container .android-btn .label-container[data-v-88f0d5b7] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout54.btn-container .ios-btn .label-container .label[data-v-88f0d5b7],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout54.btn-container .android-btn .label-container .label[data-v-88f0d5b7] {
  line-height: 0.9375rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout54.btn-container .android-btn[data-v-88f0d5b7] {
  gap: 0.25rem;
  background: var(--ep-color-btn-level-3-bg);
  color: var(--ep-color-btn-level-3-text);
}
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout54.btn-container .ios-btn[data-v-88f0d5b7] {
  gap: 1rem;
  background: var(--ep-color-btn-level-2-bg);
  color: var(--ep-color-btn-level-2-text);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout36.btn-container[data-v-c0bd95f3] {
  display: flex;
  justify-content: center;
  gap: 1.1875rem;
}
.layout36.btn-container .ios-btn[data-v-c0bd95f3],
.layout36.btn-container .android-btn[data-v-c0bd95f3] {
  min-width: 9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.25rem 0;
  border-radius: 10rem;
  border: 0.0625rem solid var(--ep-color-border-default);
}
.layout36.btn-container .ios-btn .logo[data-v-c0bd95f3],
.layout36.btn-container .android-btn .logo[data-v-c0bd95f3] {
  font-size: 1.75rem;
}
.layout36.btn-container .ios-btn .label-container[data-v-c0bd95f3],
.layout36.btn-container .android-btn .label-container[data-v-c0bd95f3] {
  display: flex;
  flex-direction: column;
}
.layout36.btn-container .ios-btn .label-container .label[data-v-c0bd95f3],
.layout36.btn-container .android-btn .label-container .label[data-v-c0bd95f3] {
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout44.btn-container[data-v-b471d0e8] {
  gap: 0.5rem;
  width: 100%;
  bottom: 0.5rem;
  display: flex;
  padding-inline: 0.25rem;
  position: absolute !important;
}
.layout44.btn-container .ios-btn[data-v-b471d0e8],
.layout44.btn-container .android-btn[data-v-b471d0e8] {
  gap: 0.25rem;
  display: flex;
  width: 10.625rem;
  height: 3.125rem;
  position: relative;
  align-items: center;
  padding: 0.5313rem 0;
  justify-content: center;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
.layout44.btn-container .ios-btn .background[data-v-b471d0e8],
.layout44.btn-container .android-btn .background[data-v-b471d0e8] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.layout44.btn-container .ios-btn .logo[data-v-b471d0e8],
.layout44.btn-container .android-btn .logo[data-v-b471d0e8] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  color: var(--ep-color-icon-default);
}
.layout44.btn-container .ios-btn .label-container[data-v-b471d0e8],
.layout44.btn-container .android-btn .label-container[data-v-b471d0e8] {
  display: flex;
  flex-direction: column;
}
.layout44.btn-container .ios-btn .label-container .label[data-v-b471d0e8],
.layout44.btn-container .android-btn .label-container .label[data-v-b471d0e8] {
  color: var(--ep-color-text-default);
}
.layout44.btn-container .ios-btn .label-container .label[data-v-b471d0e8]:nth-child(1),
.layout44.btn-container .android-btn .label-container .label[data-v-b471d0e8]:nth-child(1) {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
}
.layout44.btn-container .ios-btn .label-container .label[data-v-b471d0e8]:nth-child(2),
.layout44.btn-container .android-btn .label-container .label[data-v-b471d0e8]:nth-child(2) {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-88b3b586] {
  /**
   * 53 号炫彩紫（设计稿 node 17023:41090）：「Baixar APP」标题上方的紫→蓝渐变小条。
   * 只有右下角一个 10px 圆角（设计稿 rectangleCornerRadii = [0,0,10,0]），其余三角是直角。
   * 渐变直接吃 --ep-dynamic-primary：该 token 在 theme-53.css 里就是按这份设计稿的
   * #9A26A1 → #4F21FB 配的（见 theme-53.css 第 184 行注释），方向也一致（270deg = 左紫右蓝）。
   */
}
html .layout1.badge-box[data-v-88b3b586] {
  margin-right: auto;
  padding: 0.125rem 0.3125rem;
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
  background: var(--ep-color-bg-brand-secondary);
  border-radius: var(--ep-border-radius-xs, 0.125rem);
  background: rgba(102, 186, 32, 0.3);
}
html .layout1.badge-box .icon[data-v-88b3b586] {
  width: 1rem;
  height: 1rem;
  color: var(--ep-color-icon-brand-secondary);
}
html .layout1.badge-box .label[data-v-88b3b586] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-icon-brand-secondary);
}
html .layout30.badge-box[data-v-88b3b586] {
  gap: 0.125rem;
  margin-right: auto;
  align-items: center;
  display: inline-flex;
  margin-left: 0.625rem;
  padding: 0.125rem 0.3125rem;
  border-radius: 99rem;
  background: var(--ep-color-background-fill-active-primary);
}
html .layout30.badge-box .icon[data-v-88b3b586] {
  width: 1rem;
  height: 1rem;
  color: var(--ep-color-text-inverse);
}
html .layout30.badge-box .label[data-v-88b3b586] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-inverse);
}
html .layout42.badge-box[data-v-88b3b586] {
  gap: 0.125rem;
  margin-right: auto;
  align-items: center;
  display: inline-flex;
  margin-left: 0.625rem;
  padding: 0.125rem 0.5rem;
  border-radius: 99rem;
  background: var(--ep-color-icon-brand-primary);
}
html .layout42.badge-box .icon[data-v-88b3b586] {
  width: 1rem;
  height: 1rem;
  color: var(--ep-color-text-inverse);
}
html .layout42.badge-box .label[data-v-88b3b586] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-inverse);
}
html .layout50.badge-box[data-v-88b3b586] {
  gap: 0.125rem;
  margin-right: auto;
  align-items: center;
  display: inline-flex;
  margin-left: 0.625rem;
  padding: 0.125rem 0.3125rem;
  border-radius: var(--ep-border-radius-xs);
  background: var(--ep-color-background-fill-glow-primary-opacity-40);
  position: absolute;
  right: 0;
  top: 0;
}
html .layout50.badge-box .icon[data-v-88b3b586] {
  width: 1rem;
  height: 1rem;
  color: var(--ep-color-icon-brand-secondary);
}
html .layout50.badge-box .label[data-v-88b3b586] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-icon-brand-secondary);
}
html .layout53.badge-box[data-v-88b3b586] {
  gap: 0.375rem;
  height: 1.25rem;
  margin-right: auto;
  margin-top: 2.125rem;
  align-items: center;
  display: inline-flex;
  padding-inline: 0.625rem;
  border-radius: 0 0 0.625rem 0;
  background: var(--ep-dynamic-primary);
}
html .layout53.badge-box .icon[data-v-88b3b586] {
  width: 1rem;
  height: 1rem;
  color: var(--ep-color-text-highlight-white);
}
html .layout53.badge-box .label[data-v-88b3b586] {
  line-height: 0.9375rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight-white);
}
#tabbar-tabs-inicio-components-AppInstall-components-badge-1-index[data-v-88b3b586] {
  /**
   * 53 号炫彩紫（设计稿 node 17023:41090）：「Baixar APP」标题上方的紫→蓝渐变小条。
   * 只有右下角一个 10px 圆角（设计稿 rectangleCornerRadii = [0,0,10,0]），其余三角是直角。
   * 渐变直接吃 --ep-dynamic-primary：该 token 在 theme-53.css 里就是按这份设计稿的
   * #9A26A1 → #4F21FB 配的（见 theme-53.css 第 184 行注释），方向也一致（270deg = 左紫右蓝）。
   */
}
#tabbar-tabs-inicio-components-AppInstall-components-badge-1-index .layout1.badge-box[data-v-88b3b586] {
  margin-right: auto;
  padding: 0.125rem 0.3125rem;
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
  background: var(--ep-color-bg-brand-secondary);
  border-radius: var(--ep-border-radius-xs, 0.125rem);
  background: rgba(102, 186, 32, 0.3);
}
#tabbar-tabs-inicio-components-AppInstall-components-badge-1-index .layout1.badge-box .icon[data-v-88b3b586] {
  width: 1rem;
  height: 1rem;
  color: var(--ep-color-icon-brand-secondary);
}
#tabbar-tabs-inicio-components-AppInstall-components-badge-1-index .layout1.badge-box .label[data-v-88b3b586] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-icon-brand-secondary);
}
#tabbar-tabs-inicio-components-AppInstall-components-badge-1-index .layout30.badge-box[data-v-88b3b586] {
  gap: 0.125rem;
  margin-right: auto;
  align-items: center;
  display: inline-flex;
  margin-left: 0.625rem;
  padding: 0.125rem 0.3125rem;
  border-radius: 99rem;
  background: var(--ep-color-background-fill-active-primary);
}
#tabbar-tabs-inicio-components-AppInstall-components-badge-1-index .layout30.badge-box .icon[data-v-88b3b586] {
  width: 1rem;
  height: 1rem;
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-AppInstall-components-badge-1-index .layout30.badge-box .label[data-v-88b3b586] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-AppInstall-components-badge-1-index .layout42.badge-box[data-v-88b3b586] {
  gap: 0.125rem;
  margin-right: auto;
  align-items: center;
  display: inline-flex;
  margin-left: 0.625rem;
  padding: 0.125rem 0.5rem;
  border-radius: 99rem;
  background: var(--ep-color-icon-brand-primary);
}
#tabbar-tabs-inicio-components-AppInstall-components-badge-1-index .layout42.badge-box .icon[data-v-88b3b586] {
  width: 1rem;
  height: 1rem;
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-AppInstall-components-badge-1-index .layout42.badge-box .label[data-v-88b3b586] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-AppInstall-components-badge-1-index .layout50.badge-box[data-v-88b3b586] {
  gap: 0.125rem;
  margin-right: auto;
  align-items: center;
  display: inline-flex;
  margin-left: 0.625rem;
  padding: 0.125rem 0.3125rem;
  border-radius: var(--ep-border-radius-xs);
  background: var(--ep-color-background-fill-glow-primary-opacity-40);
  position: absolute;
  right: 0;
  top: 0;
}
#tabbar-tabs-inicio-components-AppInstall-components-badge-1-index .layout50.badge-box .icon[data-v-88b3b586] {
  width: 1rem;
  height: 1rem;
  color: var(--ep-color-icon-brand-secondary);
}
#tabbar-tabs-inicio-components-AppInstall-components-badge-1-index .layout50.badge-box .label[data-v-88b3b586] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-icon-brand-secondary);
}
#tabbar-tabs-inicio-components-AppInstall-components-badge-1-index .layout53.badge-box[data-v-88b3b586] {
  gap: 0.375rem;
  height: 1.25rem;
  margin-right: auto;
  margin-top: 2.125rem;
  align-items: center;
  display: inline-flex;
  padding-inline: 0.625rem;
  border-radius: 0 0 0.625rem 0;
  background: var(--ep-dynamic-primary);
}
#tabbar-tabs-inicio-components-AppInstall-components-badge-1-index .layout53.badge-box .icon[data-v-88b3b586] {
  width: 1rem;
  height: 1rem;
  color: var(--ep-color-text-highlight-white);
}
#tabbar-tabs-inicio-components-AppInstall-components-badge-1-index .layout53.badge-box .label[data-v-88b3b586] {
  line-height: 0.9375rem;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight-white);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-6f6cf6fb] {
  /**
   * 53 号炫彩紫（设计稿 node 17023:41093）：左对齐的 24px 白色大标题，紧贴上方的渐变小条
   * （设计稿 itemSpacing = 3）。设计稿这块没有说明文案——那句话改由上方的 badge 小条承担，
   * 故 .introduce 直接隐掉。
   */
}
html .layout2.introduction-box[data-v-6f6cf6fb] {
  display: flex;
  flex-direction: column;
}
html .layout2.introduction-box .title[data-v-6f6cf6fb] {
  font-size: var(--ep-font-size-m, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
html .layout2.introduction-box .introduce[data-v-6f6cf6fb] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
html .layout27.introduction-box .title[data-v-6f6cf6fb] {
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-weak);
}
html .layout27.introduction-box .introduce[data-v-6f6cf6fb] {
  display: none;
}
html .layout30.introduction-box[data-v-6f6cf6fb] {
  width: 11.625rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding-left: 0.625rem;
}
html .layout30.introduction-box .title[data-v-6f6cf6fb] {
  white-space: nowrap;
  font-size: var(--ep-font-size-xxl, 1.5rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .layout30.introduction-box .introduce[data-v-6f6cf6fb] {
  margin-top: var(--introduce-margin-top, 0.5rem);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
html .layout39.introduction-box[data-v-6f6cf6fb] {
  width: 100%;
  text-align: center;
}
html .layout39.introduction-box .title[data-v-6f6cf6fb] {
  white-space: nowrap;
  font-size: var(--ep-font-size-xxl, 1.5rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-icon-highlight-white);
  text-shadow: 0 2.08px 4.159px rgba(0, 0, 0, 0.14);
  display: block;
  line-height: 2.5rem;
}
html .layout39.introduction-box .introduce[data-v-6f6cf6fb] {
  margin-top: var(--introduce-margin-top, 0.5rem);
  font-size: var(--ep-font-size-m, 14px);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-weaker);
  line-height: 1.25rem;
}
html .layout42.introduction-box[data-v-6f6cf6fb] {
  width: 11.625rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding-left: 0.625rem;
}
html .layout42.introduction-box .title[data-v-6f6cf6fb] {
  white-space: nowrap;
  font-size: var(--ep-font-size-xl);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-default);
}
html .layout42.introduction-box .introduce[data-v-6f6cf6fb] {
  margin-top: var(--introduce-margin-top, 0.5rem);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
html .layout47.introduction-box[data-v-6f6cf6fb] {
  width: 100%;
  text-align: center;
}
html .layout47.introduction-box .title[data-v-6f6cf6fb] {
  white-space: nowrap;
  font-size: var(--ep-font-size-xxl, 1.5rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
  display: block;
  line-height: 2.5rem;
}
html .layout47.introduction-box .introduce[data-v-6f6cf6fb] {
  margin-top: var(--introduce-margin-top, 0.5rem);
  font-size: var(--ep-font-size-m, 14px);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-weaker);
  line-height: 1.25rem;
}
html .layout46.introduction-box .title[data-v-6f6cf6fb] {
  font-size: var(--ep-font-size-l);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-default);
}
html .layout46.introduction-box .introduce[data-v-6f6cf6fb] {
  display: none;
}
html .layout50.introduction-box[data-v-6f6cf6fb] {
  width: 12.3125rem;
  display: flex;
  flex-direction: column;
}
html .layout50.introduction-box .title[data-v-6f6cf6fb] {
  white-space: nowrap;
  font-size: var(--ep-font-size-xl);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-default);
}
html .layout50.introduction-box .introduce[data-v-6f6cf6fb] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
html .layout53.introduction-box[data-v-6f6cf6fb] {
  width: 100%;
  margin-top: 0.1875rem;
  text-align: left;
}
html .layout53.introduction-box .title[data-v-6f6cf6fb] {
  display: block;
  line-height: 2.25rem;
  font-size: var(--ep-font-size-xxl, 1.5rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-highlight-white);
}
html .layout53.introduction-box .introduce[data-v-6f6cf6fb] {
  display: none;
}
html .layout54.introduction-box[data-v-6f6cf6fb] {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-left: 0.5rem;
}
html .layout54.introduction-box .title[data-v-6f6cf6fb] {
  position: relative;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  line-height: 1.6875rem;
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-inverse);
}
html .layout54.introduction-box .title[data-v-6f6cf6fb]::before {
  content: '';
  position: absolute;
  top: -0.25rem;
  right: -2.25rem;
  left: -3.6875rem;
  z-index: -1;
  height: 2.25rem;
  border-radius: 3.125rem;
  background: linear-gradient(90deg, rgba(0, 153, 88, 0) 0%, #00FF93 100%);
}
html .layout54.introduction-box .introduce[data-v-6f6cf6fb] {
  margin-top: 1.0625rem;
  line-height: 1.125rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
html .layout1.introduction-box[data-v-6f6cf6fb] {
  width: 12.625rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
html .layout1.introduction-box .title[data-v-6f6cf6fb] {
  font-size: var(--ep-font-size-l, 1.375rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-icon-default);
}
html .layout1.introduction-box .introduce[data-v-6f6cf6fb] {
  margin-top: var(--introduce-margin-top, 1.6875rem);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
html .layout24.introduction-box[data-v-6f6cf6fb] {
  width: 12.625rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
html .layout24.introduction-box .title[data-v-6f6cf6fb] {
  font-size: var(--ep-font-size-l, 1.375rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-highlight-white);
}
html .layout24.introduction-box .introduce[data-v-6f6cf6fb] {
  margin-top: var(--introduce-margin-top, 1.6875rem);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-highlight-white);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index[data-v-6f6cf6fb] {
  /**
   * 53 号炫彩紫（设计稿 node 17023:41093）：左对齐的 24px 白色大标题，紧贴上方的渐变小条
   * （设计稿 itemSpacing = 3）。设计稿这块没有说明文案——那句话改由上方的 badge 小条承担，
   * 故 .introduce 直接隐掉。
   */
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout2.introduction-box[data-v-6f6cf6fb] {
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout2.introduction-box .title[data-v-6f6cf6fb] {
  font-size: var(--ep-font-size-m, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout2.introduction-box .introduce[data-v-6f6cf6fb] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout27.introduction-box .title[data-v-6f6cf6fb] {
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-weak);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout27.introduction-box .introduce[data-v-6f6cf6fb] {
  display: none;
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout30.introduction-box[data-v-6f6cf6fb] {
  width: 11.625rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding-left: 0.625rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout30.introduction-box .title[data-v-6f6cf6fb] {
  white-space: nowrap;
  font-size: var(--ep-font-size-xxl, 1.5rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout30.introduction-box .introduce[data-v-6f6cf6fb] {
  margin-top: var(--introduce-margin-top, 0.5rem);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout39.introduction-box[data-v-6f6cf6fb] {
  width: 100%;
  text-align: center;
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout39.introduction-box .title[data-v-6f6cf6fb] {
  white-space: nowrap;
  font-size: var(--ep-font-size-xxl, 1.5rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-icon-highlight-white);
  text-shadow: 0 2.08px 4.159px rgba(0, 0, 0, 0.14);
  display: block;
  line-height: 2.5rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout39.introduction-box .introduce[data-v-6f6cf6fb] {
  margin-top: var(--introduce-margin-top, 0.5rem);
  font-size: var(--ep-font-size-m, 14px);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-weaker);
  line-height: 1.25rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout42.introduction-box[data-v-6f6cf6fb] {
  width: 11.625rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding-left: 0.625rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout42.introduction-box .title[data-v-6f6cf6fb] {
  white-space: nowrap;
  font-size: var(--ep-font-size-xl);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout42.introduction-box .introduce[data-v-6f6cf6fb] {
  margin-top: var(--introduce-margin-top, 0.5rem);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout47.introduction-box[data-v-6f6cf6fb] {
  width: 100%;
  text-align: center;
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout47.introduction-box .title[data-v-6f6cf6fb] {
  white-space: nowrap;
  font-size: var(--ep-font-size-xxl, 1.5rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
  display: block;
  line-height: 2.5rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout47.introduction-box .introduce[data-v-6f6cf6fb] {
  margin-top: var(--introduce-margin-top, 0.5rem);
  font-size: var(--ep-font-size-m, 14px);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-weaker);
  line-height: 1.25rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout46.introduction-box .title[data-v-6f6cf6fb] {
  font-size: var(--ep-font-size-l);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout46.introduction-box .introduce[data-v-6f6cf6fb] {
  display: none;
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout50.introduction-box[data-v-6f6cf6fb] {
  width: 12.3125rem;
  display: flex;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout50.introduction-box .title[data-v-6f6cf6fb] {
  white-space: nowrap;
  font-size: var(--ep-font-size-xl);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout50.introduction-box .introduce[data-v-6f6cf6fb] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout53.introduction-box[data-v-6f6cf6fb] {
  width: 100%;
  margin-top: 0.1875rem;
  text-align: left;
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout53.introduction-box .title[data-v-6f6cf6fb] {
  display: block;
  line-height: 2.25rem;
  font-size: var(--ep-font-size-xxl, 1.5rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-highlight-white);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout53.introduction-box .introduce[data-v-6f6cf6fb] {
  display: none;
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout54.introduction-box[data-v-6f6cf6fb] {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-left: 0.5rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout54.introduction-box .title[data-v-6f6cf6fb] {
  position: relative;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  line-height: 1.6875rem;
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout54.introduction-box .title[data-v-6f6cf6fb]::before {
  content: '';
  position: absolute;
  top: -0.25rem;
  right: -2.25rem;
  left: -3.6875rem;
  z-index: -1;
  height: 2.25rem;
  border-radius: 3.125rem;
  background: linear-gradient(90deg, rgba(0, 153, 88, 0) 0%, #00FF93 100%);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout54.introduction-box .introduce[data-v-6f6cf6fb] {
  margin-top: 1.0625rem;
  line-height: 1.125rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout1.introduction-box[data-v-6f6cf6fb] {
  width: 12.625rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout1.introduction-box .title[data-v-6f6cf6fb] {
  font-size: var(--ep-font-size-l, 1.375rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout1.introduction-box .introduce[data-v-6f6cf6fb] {
  margin-top: var(--introduce-margin-top, 1.6875rem);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout24.introduction-box[data-v-6f6cf6fb] {
  width: 12.625rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout24.introduction-box .title[data-v-6f6cf6fb] {
  font-size: var(--ep-font-size-l, 1.375rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-highlight-white);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout24.introduction-box .introduce[data-v-6f6cf6fb] {
  margin-top: var(--introduce-margin-top, 1.6875rem);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-highlight-white);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.introduction-box[data-v-9f5a75d4] {
  position: relative;
  display: flex;
  font-size: var(--ep-font-size-s, 0.75rem);
  gap: 0.375rem;
  border-radius: 0.375rem;
  border: 1px solid var(--ep-color-border-default);
  margin-top: 2rem;
  padding: 1rem 1.5rem 0 0.5rem;
  background: var(--ep-dynamic-tertiary-weak);
}
html .layout1.introduction-box .explain[data-v-9f5a75d4] {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-bottom: 1rem;
}
html .layout1.introduction-box .explain .title[data-v-9f5a75d4] {
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
html .layout1.introduction-box .explain .introduce[data-v-9f5a75d4] {
  color: var(--ep-color-text-weaker);
}
html .layout1.introduction-box img[data-v-9f5a75d4] {
  width: 4.5rem;
  aspect-ratio: 36/51;
  margin-top: -2rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout1.introduction-box[data-v-9f5a75d4] {
  position: relative;
  display: flex;
  font-size: var(--ep-font-size-s, 0.75rem);
  gap: 0.375rem;
  border-radius: 0.375rem;
  border: 1px solid var(--ep-color-border-default);
  margin-top: 2rem;
  padding: 1rem 1.5rem 0 0.5rem;
  background: var(--ep-dynamic-tertiary-weak);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout1.introduction-box .explain[data-v-9f5a75d4] {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-bottom: 1rem;
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout1.introduction-box .explain .title[data-v-9f5a75d4] {
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout1.introduction-box .explain .introduce[data-v-9f5a75d4] {
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout1.introduction-box img[data-v-9f5a75d4] {
  width: 4.5rem;
  aspect-ratio: 36/51;
  margin-top: -2rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout26.introduction-box[data-v-1dea93d6] {
  width: 12.625rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  background: var(--ep-color-background-fill-surface-raised-L2, #005655);
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem 0.375rem 0.375rem 0;
  position: relative;
}
html .layout26.introduction-box[data-v-1dea93d6]::before {
  content: '';
  position: absolute;
  left: -0.6rem;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 0.6rem solid var(--ep-color-background-fill-surface-raised-L2, #005655);
  border-right: 0.6rem solid var(--ep-color-background-fill-surface-raised-L2, #005655);
  border-top: 0.6rem solid transparent;
  border-left: 0.6rem solid transparent;
}
html .layout26.introduction-box .title[data-v-1dea93d6] {
  font-size: var(--ep-font-size-l, 1.375rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-icon-default);
}
html .layout26.introduction-box .introduce[data-v-1dea93d6] {
  margin-top: var(--introduce-margin-top, 0);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-26-index .layout26.introduction-box[data-v-1dea93d6] {
  width: 12.625rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  background: var(--ep-color-background-fill-surface-raised-L2, #005655);
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem 0.375rem 0.375rem 0;
  position: relative;
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-26-index .layout26.introduction-box[data-v-1dea93d6]::before {
  content: '';
  position: absolute;
  left: -0.6rem;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 0.6rem solid var(--ep-color-background-fill-surface-raised-L2, #005655);
  border-right: 0.6rem solid var(--ep-color-background-fill-surface-raised-L2, #005655);
  border-top: 0.6rem solid transparent;
  border-left: 0.6rem solid transparent;
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-26-index .layout26.introduction-box .title[data-v-1dea93d6] {
  font-size: var(--ep-font-size-l, 1.375rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-AppInstall-components-introduction-26-index .layout26.introduction-box .introduce[data-v-1dea93d6] {
  margin-top: var(--introduce-margin-top, 0);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout36.introduction-box[data-v-67daf89a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border-radius: 0.375rem;
  padding-top: 0.875rem;
  padding-left: 0.875rem;
  padding-right: 7.5rem;
  padding-bottom: 1.5rem;
  background-image: url('/assets/bg-download-app-36-r2-BJs-8KTH.png');
  background-size: 100% 100%;
}
.layout36.introduction-box[data-v-67daf89a] ::after {
  content: '';
  position: absolute;
  right: -0.625rem;
  bottom: 0;
  width: 8.25rem;
  height: 10.5rem;
  background-image: url('/assets/download-app-36-r2-DZLmBXeU.png');
  background-size: 100% 100%;
}
.layout36.introduction-box .title[data-v-67daf89a] {
  font-size: var(--ep-font-size-xl, 1.25rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
.layout36.introduction-box .introduce[data-v-67daf89a] {
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-weak);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout1.introduction-box .bg[data-v-2d7b682d],
.layout44.introduction-box .bg[data-v-2d7b682d] {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
}
.layout1.introduction-box[data-v-2d7b682d] {
  display: flex;
  overflow: hidden;
  height: 8.375rem;
  position: relative;
  isolation: isolate;
  flex-direction: column;
  border-top-left-radius: var(--ep-border-radius-l, 0.5rem);
  border-top-right-radius: var(--ep-border-radius-l, 0.5rem);
  background: linear-gradient(180deg, #DAE3EA 0%, #FFFFFF 100%);
  border-bottom: 0.0625rem solid var(--ep-color-background-fill-surface-raised-L2);
}
.layout1.introduction-box .badge[data-v-2d7b682d] {
  bottom: 0;
  z-index: 1;
  width: 100%;
  left: -0.0625rem;
  position: absolute;
  transform: rotate(180deg);
}
.layout1.introduction-box .title[data-v-2d7b682d] {
  margin-top: 0.375rem;
  margin-left: 0.875rem;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
.layout1.introduction-box .introduce[data-v-2d7b682d] {
  width: 14.25rem;
  margin-left: 0.875rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-weak);
}
.layout44.introduction-box[data-v-2d7b682d] {
  gap: 0.375rem;
  height: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  flex-direction: column;
  border-radius: var(--ep-border-radius-l, 0.5rem);
  background: linear-gradient(180deg, #DAE3EA 0%, #FFFFFF 100%);
  border-bottom: 0.0625rem solid var(--ep-color-background-fill-surface-raised-L2);
}
.layout44.introduction-box .badge[data-v-2d7b682d] {
  top: 0;
  width: 100%;
  z-index: 1;
  left: -0.0625rem;
  position: absolute;
  transform: scaleX(-1);
}
.layout44.introduction-box .title[data-v-2d7b682d] {
  margin-top: 1.25rem;
  margin-left: 4.5rem;
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
.layout44.introduction-box .introduce[data-v-2d7b682d] {
  width: 17rem;
  margin-left: 0.75rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-weak);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-bca3fcab] {
  /**
   * 53 号炫彩紫（设计稿 node 17023:41138）：页脚整块从透明改成 #1E2535 通栏面板。
   * 设计稿那个 frame 只有填充、没有描边，所以不像 layout1 那样带顶部分隔线。
   */
}
html .layout1.footer-container[data-v-bca3fcab] {
  border-top: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout2.footer-container[data-v-bca3fcab] {
  width: 100%;
  background: var(--ep-color-background-fill-surface-raised-L1);
  border-top: 0.0625rem solid var(--ep-color-border-default);
  position: relative;
  z-index: 1;
}
html .layout2.footer-container[data-v-bca3fcab]::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  max-height: 21.4375rem;
  z-index: -2;
  background: url('/assets/footer-bg-r2-DeOIYryW.png') top right / cover no-repeat;
  mix-blend-mode: overlay;
}
html .layout40.footer-container[data-v-bca3fcab] {
  background: linear-gradient(180deg, var(--ep-color-background-fill-surface-lowered) 0%, rgba(38, 38, 38, 0) 100%);
}
html .layout53.footer-container[data-v-bca3fcab] {
  background: var(--ep-color-background-fill-surface-raised-L2);
  margin-top: 0.625rem;
  /**
       * 认证盒的虚线框（设计稿 node 17023:41145，stroke-dasharray = 3 6）。
       *
       * 实线段取 4 而不是设计稿的 3：设计稿那个 3 实 6 空在真机上偏碎，按 yao 的要求把实线
       * 加长三分之一（3 → 4），间隔 6 不动。
       *
       * CSS 的 border-style: dashed 无法指定实线段和间隔的长度——Chrome 在 1px 描边下画出来
       * 约是 2 实 2 空，比设计稿密一倍。改用一张圆角虚线矩形当背景：
       *  · 走 data-URI 而不是 @/assets 下的 svg 文件——vite 的 assetsInlineLimit 是 0，
       *    独立文件就是实打实多一个 HTTP 请求，为一圈虚线不值当；这里约 260 字节进 CSS。
       *  · viewBox 取盒子在 390 基准视口下的实际尺寸 277x54，配 background-size: 100% 100%
       *    即 1:1 还原；换视口时整盒随 rem 等比缩放，虚线一起等比缩放，符合整体缩放逻辑。
       *  · 边框保留 1px transparent（色值在 theme-53.ts 的 footerCertBox 里置的）以维持盒模型，
       *    背景默认铺到 border-box，正好盖在边框那一圈上；边框若留色会画在背景之上盖掉虚线。
       */
}
html .layout53.footer-container .content-box[data-v-bca3fcab] {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='277' height='54' viewBox='0 0 277 54' preserveAspectRatio='none'%3E%3Crect x='.5' y='.5' width='276' height='53' rx='6' fill='none' stroke='%2320B038' stroke-dasharray='4 6'/%3E%3C/svg%3E");
}
#tabbar-tabs-inicio-components-FooterContent-index[data-v-bca3fcab] {
  /**
   * 53 号炫彩紫（设计稿 node 17023:41138）：页脚整块从透明改成 #1E2535 通栏面板。
   * 设计稿那个 frame 只有填充、没有描边，所以不像 layout1 那样带顶部分隔线。
   */
}
#tabbar-tabs-inicio-components-FooterContent-index .layout1.footer-container[data-v-bca3fcab] {
  border-top: 0.0625rem solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-tabs-inicio-components-FooterContent-index .layout2.footer-container[data-v-bca3fcab] {
  width: 100%;
  background: var(--ep-color-background-fill-surface-raised-L1);
  border-top: 0.0625rem solid var(--ep-color-border-default);
  position: relative;
  z-index: 1;
}
#tabbar-tabs-inicio-components-FooterContent-index .layout2.footer-container[data-v-bca3fcab]::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  max-height: 21.4375rem;
  z-index: -2;
  background: url('/assets/footer-bg-r2-DeOIYryW.png') top right / cover no-repeat;
  mix-blend-mode: overlay;
}
#tabbar-tabs-inicio-components-FooterContent-index .layout40.footer-container[data-v-bca3fcab] {
  background: linear-gradient(180deg, var(--ep-color-background-fill-surface-lowered) 0%, rgba(38, 38, 38, 0) 100%);
}
#tabbar-tabs-inicio-components-FooterContent-index .layout53.footer-container[data-v-bca3fcab] {
  background: var(--ep-color-background-fill-surface-raised-L2);
  margin-top: 0.625rem;
  /**
       * 认证盒的虚线框（设计稿 node 17023:41145，stroke-dasharray = 3 6）。
       *
       * 实线段取 4 而不是设计稿的 3：设计稿那个 3 实 6 空在真机上偏碎，按 yao 的要求把实线
       * 加长三分之一（3 → 4），间隔 6 不动。
       *
       * CSS 的 border-style: dashed 无法指定实线段和间隔的长度——Chrome 在 1px 描边下画出来
       * 约是 2 实 2 空，比设计稿密一倍。改用一张圆角虚线矩形当背景：
       *  · 走 data-URI 而不是 @/assets 下的 svg 文件——vite 的 assetsInlineLimit 是 0，
       *    独立文件就是实打实多一个 HTTP 请求，为一圈虚线不值当；这里约 260 字节进 CSS。
       *  · viewBox 取盒子在 390 基准视口下的实际尺寸 277x54，配 background-size: 100% 100%
       *    即 1:1 还原；换视口时整盒随 rem 等比缩放，虚线一起等比缩放，符合整体缩放逻辑。
       *  · 边框保留 1px transparent（色值在 theme-53.ts 的 footerCertBox 里置的）以维持盒模型，
       *    背景默认铺到 border-box，正好盖在边框那一圈上；边框若留色会画在背景之上盖掉虚线。
       */
}
#tabbar-tabs-inicio-components-FooterContent-index .layout53.footer-container .content-box[data-v-bca3fcab] {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='277' height='54' viewBox='0 0 277 54' preserveAspectRatio='none'%3E%3Crect x='.5' y='.5' width='276' height='53' rx='6' fill='none' stroke='%2320B038' stroke-dasharray='4 6'/%3E%3C/svg%3E");
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-36cff3ce] {
  /**
   * 53 号炫彩紫（设计稿 node 17023:41143）：这段免责声明设计稿是左对齐 + 纯白，
   * 47 号内联了 text-align: center（继承到 p 上）、颜色是 60% 白。
   *
   * 配置里挂的是 `layout1 layout53`——排版、字号、行高继续吃 layout1，这里只覆盖这两条；
   * 两个选择器权重相同，靠调用顺序（.layout53() 排在 .layout1() 之后）决定谁生效。
   * text-align 必须写在 .content-item 上：父元素那条是内联样式，只有自己这层的显式声明能压过继承。
   */
}
html .layout1.content[data-v-36cff3ce] {
  display: flex;
  flex-direction: column;
  text-align: start;
}
html .layout1.content .content-item[data-v-36cff3ce] {
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 1.5;
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
html .layout53.content .content-item[data-v-36cff3ce] {
  text-align: left;
  color: var(--ep-color-text-highlight-white);
}
html.neo-blue .content .content-item[data-v-36cff3ce] {
  color: var(--ep-color-text-weak);
}
#tabbar-tabs-inicio-components-FooterContent-components-introduction-1-index[data-v-36cff3ce] {
  /**
   * 53 号炫彩紫（设计稿 node 17023:41143）：这段免责声明设计稿是左对齐 + 纯白，
   * 47 号内联了 text-align: center（继承到 p 上）、颜色是 60% 白。
   *
   * 配置里挂的是 `layout1 layout53`——排版、字号、行高继续吃 layout1，这里只覆盖这两条；
   * 两个选择器权重相同，靠调用顺序（.layout53() 排在 .layout1() 之后）决定谁生效。
   * text-align 必须写在 .content-item 上：父元素那条是内联样式，只有自己这层的显式声明能压过继承。
   */
}
#tabbar-tabs-inicio-components-FooterContent-components-introduction-1-index .layout1.content[data-v-36cff3ce] {
  display: flex;
  flex-direction: column;
  text-align: start;
}
#tabbar-tabs-inicio-components-FooterContent-components-introduction-1-index .layout1.content .content-item[data-v-36cff3ce] {
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 1.5;
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weak);
}
#tabbar-tabs-inicio-components-FooterContent-components-introduction-1-index .layout53.content .content-item[data-v-36cff3ce] {
  text-align: left;
  color: var(--ep-color-text-highlight-white);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.version-box[data-v-fb93817a] {
  display: flex;
  align-items: center;
  flex-direction: column;
}
html .layout1.version-box .subtitle[data-v-fb93817a] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
html .layout1.version-box .equipment-info[data-v-fb93817a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
.neo-blue[data-v-fb93817a] {
  --ep-color-text-default: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-FooterContent-components-version-1-index .layout1.version-box[data-v-fb93817a] {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#tabbar-tabs-inicio-components-FooterContent-components-version-1-index .layout1.version-box .subtitle[data-v-fb93817a] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
#tabbar-tabs-inicio-components-FooterContent-components-version-1-index .layout1.version-box .equipment-info[data-v-fb93817a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-weaker);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.logo-container .logo[data-v-1381a1cf] {
  display: inline-block;
}
html .layout1.logo-container .logo.good-img[data-v-1381a1cf] {
  width: auto;
  height: 100%;
}
html .layout2.logo-container[data-v-1381a1cf] {
  position: relative;
}
html .layout2.logo-container[data-v-1381a1cf]::before {
  content: '';
  display: block;
  width: 7.75rem;
  height: 0.125rem;
  position: absolute;
  bottom: -1.5rem;
  left: 0;
  background: linear-gradient(to right, var(--ep-color-border-highlight-white) 0%, var(--ep-color-border-highlight-white) 55%, transparent 55%, transparent 60%, var(--ep-color-border-highlight-white) 60%, var(--ep-color-border-highlight-white) 80%, transparent 80%, transparent 85%, var(--ep-color-border-highlight-white) 85%, var(--ep-color-border-highlight-white) 100%);
  border-radius: 0.125rem;
  opacity: 0.2;
}
html .layout2.logo-container .logo[data-v-1381a1cf] {
  display: block;
}
html .layout2.logo-container .logo.good-img[data-v-1381a1cf] {
  width: auto;
  height: 100%;
}
#tabbar-tabs-inicio-components-FooterContent-components-logo-1-index .layout1.logo-container .logo[data-v-1381a1cf] {
  display: inline-block;
}
#tabbar-tabs-inicio-components-FooterContent-components-logo-1-index .layout1.logo-container .logo.good-img[data-v-1381a1cf] {
  width: auto;
  height: 100%;
}
#tabbar-tabs-inicio-components-FooterContent-components-logo-1-index .layout2.logo-container[data-v-1381a1cf] {
  position: relative;
}
#tabbar-tabs-inicio-components-FooterContent-components-logo-1-index .layout2.logo-container[data-v-1381a1cf]::before {
  content: '';
  display: block;
  width: 7.75rem;
  height: 0.125rem;
  position: absolute;
  bottom: -1.5rem;
  left: 0;
  background: linear-gradient(to right, var(--ep-color-border-highlight-white) 0%, var(--ep-color-border-highlight-white) 55%, transparent 55%, transparent 60%, var(--ep-color-border-highlight-white) 60%, var(--ep-color-border-highlight-white) 80%, transparent 80%, transparent 85%, var(--ep-color-border-highlight-white) 85%, var(--ep-color-border-highlight-white) 100%);
  border-radius: 0.125rem;
  opacity: 0.2;
}
#tabbar-tabs-inicio-components-FooterContent-components-logo-1-index .layout2.logo-container .logo[data-v-1381a1cf] {
  display: block;
}
#tabbar-tabs-inicio-components-FooterContent-components-logo-1-index .layout2.logo-container .logo.good-img[data-v-1381a1cf] {
  width: auto;
  height: 100%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout44.logo-container[data-v-b8c313af] {
  display: flex;
  height: 3.125rem;
  margin-top: 0.75rem;
  position: relative;
  align-items: center;
  justify-content: center;
}
.layout44.logo-container .background[data-v-b8c313af] {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
}
.layout44.logo-container .logo[data-v-b8c313af] {
  display: inline-block;
}
.layout44.logo-container .logo.good-img[data-v-b8c313af] {
  aspect-ratio: 13/5;
  height: 100%;
  object-fit: contain;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .icon-age[data-v-b1758551] {
  position: relative;
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-weaker);
}
.neo-blue .icon-age[data-v-b1758551] {
  color: var(--ep-color-icon-weaker);
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .badge-box[data-v-75d9cce7] {
  display: flex;
  gap: 1.25rem;
}
html .badge-box .badge-item[data-v-75d9cce7] {
  text-align: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
html .badge-box .badge-item[data-v-75d9cce7]:first-child {
  flex: 1;
  max-width: 60%;
}
html .badge-box .badge-item .label[data-v-75d9cce7] {
  font-weight: var(--ep-font-weight-regular, 400);
  font-size: var(--ep-font-size-m, 0.875rem);
  color: var(--ep-color-text-brand-primary);
}
html .badge-box .badge-item .icon-box[data-v-75d9cce7] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
html .badge-box .badge-item .icon-box .icon-gamcare[data-v-75d9cce7] {
  color: var(--ep-color-icon-weaker);
  width: 1.5rem;
  height: 1.5rem;
}
html .badge-box .badge-item .icon-box .icon-img[data-v-75d9cce7] {
  width: 0;
  height: 0;
}
html .badge-box .badge-item .icon-box .icon-img.good-img[data-v-75d9cce7] {
  width: 1.5rem;
  height: 1.5rem;
}
html .badge-box .badge-item[data-v-75d9cce7] .social-box {
  justify-content: flex-start;
}
html .badge-box .badge-item[data-v-75d9cce7] .social-box .good-img {
  width: 1.75rem;
  height: 1.75rem;
  padding: var(--padding, 0.25rem);
}
html .layout28.badge-box .badge-item .icon-box .icon-age[data-v-75d9cce7] {
  color: var(--ep-color-icon-weaker);
}
.layout30.badge-box .badge-item .label[data-v-75d9cce7] {
  color: var(--ep-color-text-success);
}
.layout30.badge-box .badge-item .icon-box .icon-age[data-v-75d9cce7] {
  color: var(--ep-color-text-weaker);
}
.layout38.badge-box[data-v-75d9cce7] {
  gap: 0;
  justify-content: space-between;
}
.layout38.badge-box .badge-item[data-v-75d9cce7]:first-child {
  max-width: 48%;
}
.layout38.badge-box .badge-item[data-v-75d9cce7] .social-box {
  overflow-x: auto;
  flex-flow: nowrap;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.layout38.badge-box .badge-item[data-v-75d9cce7] .social-box::-webkit-scrollbar {
  display: none;
}
.layout38.badge-box .badge-item .label[data-v-75d9cce7] {
  color: var(--ep-color-text-weak);
  font-weight: var(--ep-font-weight-medium, 600);
}
.layout38.badge-box .badge-item .icon-box[data-v-75d9cce7] {
  width: 100%;
  justify-content: flex-end;
}
.layout38.badge-box .badge-item .icon-box .icon-age[data-v-75d9cce7] {
  color: var(--ep-color-icon-weaker);
}
.layout46.badge-box .badge-item .label[data-v-75d9cce7] {
  font-size: var(--ep-font-size-l);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-default);
}
.layout46.badge-box .badge-item .icon-box .icon-age[data-v-75d9cce7] {
  color: var(--ep-color-text-brand-primary);
}
.layout46.badge-box .badge-item .icon-box .icon-gamcare[data-v-75d9cce7] {
  color: var(--ep-color-text-brand-primary);
}
.layout54.badge-box .badge-item .label[data-v-75d9cce7] {
  color: var(--ep-color-text-brand-primary);
}
.layout54.badge-box .badge-item .icon-box .icon-age[data-v-75d9cce7] {
  color: var(--ep-accent-green);
}
.layout54.badge-box .badge-item .icon-box .icon-gamcare[data-v-75d9cce7] {
  color: #90BE25;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .badge-box[data-v-289c6a1b] {
  display: flex;
  gap: 1.25rem;
}
html .badge-box .badge-item[data-v-289c6a1b] {
  text-align: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
html .badge-box .badge-item[data-v-289c6a1b]:last-child {
  flex: 1;
}
html .badge-box .badge-item .label[data-v-289c6a1b] {
  font-weight: var(--ep-font-weight-regular, 400);
  font-size: var(--ep-font-size-m, 0.875rem);
  color: var(--ep-color-text-brand-primary);
}
html .badge-box .badge-item .icon-box[data-v-289c6a1b] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
html .badge-box .badge-item .icon-box .icon-gamcare[data-v-289c6a1b] {
  color: var(--ep-color-icon-weaker);
  font-size: var(--ep-font-size-xxl, 1.5rem);
}
html .badge-box .badge-item .icon-box .icon-img[data-v-289c6a1b] {
  width: 0;
  height: 0;
}
html .badge-box .badge-item .icon-box .icon-img.good-img[data-v-289c6a1b] {
  color: var(--ep-color-icon-weaker);
  width: 1.5rem;
  height: 1.5rem;
}
html .badge-box .badge-item[data-v-289c6a1b] .social-box {
  justify-content: flex-end;
}
html .badge-box .badge-item[data-v-289c6a1b] .social-box .good-img {
  width: 1.75rem;
  height: 1.75rem;
  padding: var(--padding, 0.25rem);
}
.layout44.badge-box[data-v-289c6a1b] {
  margin-top: 0.875rem;
}
.layout44.badge-box .badge-item[data-v-289c6a1b]:first-child {
  display: none;
}
.layout44.badge-box .badge-item[data-v-289c6a1b] .social-box {
  justify-content: center;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .social-box[data-v-f541e3c7] {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  gap: 0.75rem;
}
html .social-box .social-img[data-v-f541e3c7] {
  flex-shrink: 0;
  padding: 0.5rem;
  background: rgba(42, 171, 238, 0.2);
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
}
html .social-box .social-img[data-v-f541e3c7]::part(image) {
  border-radius: 50%;
}
html .social-box .social-img.good-img[data-v-f541e3c7] {
  width: 2.5rem;
  height: 2.5rem;
}
.social-wrapper[data-v-f541e3c7] {
  overflow: hidden;
  width: 9.5rem;
}
.social-track[data-v-f541e3c7] {
  display: flex;
  gap: 0.75rem;
  animation: scroll-f541e3c7 20s linear infinite;
}
.social-box[data-v-f541e3c7] {
  display: flex;
  flex-shrink: 0;
}
@keyframes scroll-f541e3c7 {
0% {
    transform: translateX(0);
}
100% {
    transform: translateX(calc(-50% - 9.5rem - 0.75rem));
}
}
.social-track[data-v-f541e3c7]:hover {
  animation-play-state: paused;
  /* 鼠标悬停暂停 */
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.badge-box[data-v-36fbb9e4] {
  gap: 1rem;
  display: flex;
  align-items: center;
}
.badge-box .badge-item[data-v-36fbb9e4] {
  text-align: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.badge-box .badge-item[data-v-36fbb9e4]::-webkit-scrollbar {
  display: none;
}
.badge-box .badge-item .good-img[data-v-36fbb9e4] {
  color: var(--ep-color-icon-weaker);
  height: 2.25rem;
  width: auto;
}
.badge-box .badge-item[data-v-36fbb9e4] .social-box {
  justify-content: flex-end;
  flex-flow: nowrap;
  overflow-x: auto;
  width: auto;
}
.badge-box .badge-item[data-v-36fbb9e4] .social-box .good-img {
  width: 1.75rem;
  height: 1.75rem;
  padding: var(--padding, 0.25rem);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.badge-box[data-v-b838aa8a] {
  gap: 1rem;
  display: flex;
  align-items: center;
}
.badge-box .badge-item[data-v-b838aa8a] {
  gap: 0.625rem;
  text-align: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.badge-box .badge-item[data-v-b838aa8a]::-webkit-scrollbar {
  display: none;
}
.badge-box .badge-item .label[data-v-b838aa8a] {
  font-weight: var(--ep-font-weight-bold, 700);
  font-size: var(--ep-font-size-l, 1rem);
  color: var(--ep-color-text-weak);
}
.badge-box .badge-item .icon-box[data-v-b838aa8a] {
  display: flex;
  min-width: 100%;
  justify-content: flex-end;
  gap: 0.5rem;
}
.badge-box .badge-item .icon-box .icon-gamcare[data-v-b838aa8a] {
  color: var(--ep-color-icon-weaker);
  width: 1.5rem;
  height: 1.5rem;
}
.badge-box .badge-item .icon-box .icon-img[data-v-b838aa8a] {
  width: 0;
  height: 0;
}
.badge-box .badge-item .icon-box .icon-img.good-img[data-v-b838aa8a] {
  width: 1.5rem;
  height: 1.5rem;
}
.badge-box .badge-item .good-img[data-v-b838aa8a] {
  color: var(--ep-color-icon-weaker);
  height: 2.25rem;
  width: auto;
}
.badge-box .badge-item[data-v-b838aa8a] .social-box {
  justify-content: flex-end;
  flex-flow: nowrap;
  overflow-x: auto;
  width: auto;
}
.badge-box .badge-item[data-v-b838aa8a] .social-box .good-img {
  width: 1.75rem;
  height: 1.75rem;
  padding: var(--padding, 0.25rem);
}
/**
 * 53 号炫彩紫（设计稿 node 17023:41176）：两列徽章条按设计稿对齐布局。
 *
 * 设计稿每列都是 21(标题) + 50(图标行) = 71 高，图标在那 50 里垂直居中——不是靠标题和
 * 图标之间的 gap 撑开的，所以 gap 归 0、把高度给图标行；图标间距 7（47 号社交 12、官方 8）；
 * 图标行左对齐（47 号是 flex-end，pt 文案「Nota oficial」短时看不出差别，en/es 的长标题会
 * 把列撑宽、图标就被甩到列的最右端）。
 *
 * 颜色也照设计稿：两枚官方标识图标各有各的绿，写死色值不套 token——53 号色板里没有绿，
 * 这两个值是跟着标识本身的品牌色走的，不随皮肤主色变。标题颜色不在这里改，它读的是
 * --ep-color-text-weak，由 theme-53 配置下发（同一个变量 47 号也在用）。
 *
 * 本文件是 scoped 样式（不是注入用的 mixin 命名空间），所以直接写 .layout53 前缀的规则。
 * 这个 class 由 theme-53 配置下发——badge/38 没有 layoutType prop，走非 prop 属性透传到根节点。
 */
.layout53.badge-box .badge-item[data-v-b838aa8a] {
  gap: 0;
}
.layout53.badge-box .badge-item .icon-box[data-v-b838aa8a] {
  gap: 0.4375rem;
  height: 3.125rem;
  align-items: center;
  justify-content: flex-start;
}
.layout53.badge-box .badge-item .icon-box[data-v-b838aa8a] .icon-age {
  color: #53c154;
}
.layout53.badge-box .badge-item .icon-box .icon-gamcare[data-v-b838aa8a] {
  color: #90be25;
}
.layout53.badge-box .badge-item[data-v-b838aa8a] .social-wrapper,
.layout53.badge-box .badge-item[data-v-b838aa8a] .social-box {
  display: flex;
  align-items: center;
  height: 3.125rem;
}
.layout53.badge-box .badge-item[data-v-b838aa8a] .social-wrapper {
  width: 8.375rem;
}
.layout53.badge-box .badge-item[data-v-b838aa8a] .social-box {
  gap: 0.4375rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.badge-box[data-v-32680042] {
  gap: 1rem;
  display: flex;
  align-items: flex-end;
  color: var(--ep-color-text-weak);
}
.badge-box .badge-item[data-v-32680042] {
  gap: 0.625rem;
  text-align: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.badge-box .badge-item[data-v-32680042]::-webkit-scrollbar {
  display: none;
}
.badge-box .badge-item .good-img[data-v-32680042] {
  color: var(--ep-color-icon-weaker);
  width: 10.5rem;
}
.badge-box .badge-item[data-v-32680042] .social-box {
  justify-content: flex-end;
  flex-flow: nowrap;
  overflow-x: auto;
  width: auto;
}
.badge-box .badge-item[data-v-32680042] .social-box .good-img {
  width: 1.75rem;
  height: 1.75rem;
  padding: var(--padding, 0.25rem);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.badge-box[data-v-c7ec3f6f] {
  display: flex;
  gap: 1.25rem;
  justify-content: center;
  padding-block: 0.75rem;
}
.badge-box .badge-item[data-v-c7ec3f6f] {
  text-align: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.badge-box .badge-item .label[data-v-c7ec3f6f] {
  font-weight: var(--ep-font-weight-regular, 400);
  font-size: var(--ep-font-size-m, 0.875rem);
}
.badge-box .badge-item .icon-box[data-v-c7ec3f6f] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.badge-box .badge-item .icon-box .icon-gamcare[data-v-c7ec3f6f] {
  color: var(--ep-color-icon-weaker);
  font-size: var(--ep-font-size-xxl, 1.5rem);
}
.badge-box .badge-item .icon-box .icon-img[data-v-c7ec3f6f] {
  width: 0;
  height: 0;
}
.badge-box .badge-item .icon-box .icon-img.good-img[data-v-c7ec3f6f] {
  color: var(--ep-color-icon-weaker);
  width: 1.5rem;
  height: 1.5rem;
}
.badge-box .badge-item[data-v-c7ec3f6f] .social-box {
  justify-content: flex-end;
}
.badge-box .badge-item[data-v-c7ec3f6f] .social-box .good-img {
  width: 1.75rem;
  height: 1.75rem;
  padding: var(--padding, 0.25rem);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-e4f29e50] {
  /**
   * 53 号炫彩紫（设计稿 node 17218:40904）：品红实心圆钮改成 54x54 深底圆角方块 +
   * 紫描边 + 品红耳机图标，外壳与同屏的回到顶部按钮完全一致（见 ToTopButton/38 的 .layout53）。
   * 描边色 #362859 在 53 号色板里只有调色板 token，没有 border 语义 token，故引调色板那层。
   *
   * 图标框设计稿标的是 32，但那 32 里含 4 的内边距、图形本体只有 24 宽；support.svg 的
   * viewBox 是贴边导出的（30x28 里内容占 28.57x27.35），照 32 渲染图形会大出 27%。
   * 取 25 是让图形本体落到 23.8x22.8，与设计稿的 24x22.98 差在亚像素。
   *
   * bottom 不沿用 47 号那条：那条按 47 号的 5.25rem 底栏高算、且把安全区乘了 2，
   * 53 号底栏是 4.5625rem，在有安全区的机型上会和回顶按钮越拉越开。这里按
   * 「回顶按钮的下沿 + 它自己的高 + 20 间距」重算，两台按钮在任何机型上都保持等距。
   */
}
html .layout1.support[data-v-e4f29e50] {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-dynamic-primary);
  position: fixed;
  left: 1rem;
  z-index: 50;
  animation: supportFloat-e4f29e50 4s ease-in-out infinite;
}
html .layout1.support .support-icon[data-v-e4f29e50] {
  font-size: 2rem;
  color: var(--ep-color-icon-inverse);
  animation: iconBounce-e4f29e50 2s ease-in-out infinite;
}
html .layout1.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.5rem;
  left: 1.5625rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
}
html .layout2.support[data-v-e4f29e50] {
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.625rem;
  background: var(--ep-dynamic-primary);
  position: fixed;
  left: 1rem;
  z-index: 50;
  animation: supportFloat-e4f29e50 4s ease-in-out infinite;
  box-shadow: 0 -0.125rem 0 0 #006AF9 inset;
}
html .layout2.support .support-icon[data-v-e4f29e50] {
  font-size: 1.5rem;
  color: var(--ep-color-icon-inverse);
  animation: iconBounce-e4f29e50 2s ease-in-out infinite;
}
html .layout2.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.5rem;
  left: 1.5625rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
}
html .layout3.support[data-v-e4f29e50] {
  width: 3.375rem;
  height: 3.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-dynamic-primary);
  position: fixed;
  left: 1rem;
  z-index: 50;
  animation: supportFloat-e4f29e50 4s ease-in-out infinite;
}
html .layout3.support .support-img[data-v-e4f29e50] {
  width: 100%;
  height: 100%;
}
html .layout3.support .support-icon[data-v-e4f29e50] {
  width: 80%;
  height: 80%;
  color: var(--ep-color-icon-inverse);
  animation: iconBounce-e4f29e50 2s ease-in-out infinite;
}
html .layout3.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
html .layout27.support[data-v-e4f29e50] {
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-color-icon-brand-primary, #FF5900);
  position: fixed;
  left: 1rem;
  z-index: 50;
}
html .layout27.support .support-icon[data-v-e4f29e50] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-default, #FFF);
}
html .layout27.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
html .layout36.support[data-v-e4f29e50] {
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-color-icon-brand-primary, #FF5900);
  position: fixed;
  left: 1rem;
  z-index: 50;
  bottom: calc(2.125rem + env(safe-area-inset-bottom) + 3.5rem) !important;
}
html .layout36.support .support-img[data-v-e4f29e50] {
  border-radius: 50%;
  overflow: hidden;
}
html .layout36.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
html .layout37.support[data-v-e4f29e50] {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) 0%, var(--ep-color-background-fill-gradients-primary-b) 100%);
}
html .layout37.support .support-icon[data-v-e4f29e50] {
  width: 2.125rem;
  height: 2.125rem;
  color: var(--ep-color-icon-inverse, #FFF);
}
html .layout37.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  top: 0;
  left: 1.75rem;
}
html .layout38.support[data-v-e4f29e50] {
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-color-icon-brand-primary, #FF5900);
  position: fixed;
  left: 1rem;
  z-index: 50;
  bottom: calc(5.875rem + env(safe-area-inset-bottom) + 4.75rem) !important;
}
html .layout38.support .support-icon[data-v-e4f29e50] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-default, #FFF);
}
html .layout38.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
html .layout39.support[data-v-e4f29e50] {
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-dynamic-primary);
  position: fixed;
  left: 0.75rem;
  z-index: 50;
  bottom: calc(9rem + env(safe-area-inset-bottom)) !important;
}
html .layout39.support .support-icon[data-v-e4f29e50] {
  width: 80%;
  height: 80%;
  color: var(--ep-color-icon-inverse);
}
html .layout39.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
html .layout45.support[data-v-e4f29e50] {
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-color-icon-brand-primary);
  position: fixed;
  left: 1rem;
  z-index: 50;
  bottom: calc(5.875rem + env(safe-area-inset-bottom) * 2 + 6.75rem) !important;
}
html .layout45.support .support-icon[data-v-e4f29e50] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-inverse);
}
html .layout45.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
html .layout47.support[data-v-e4f29e50] {
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-color-icon-brand-primary);
  position: fixed;
  left: 1rem;
  z-index: 50;
  bottom: calc(3.875rem + env(safe-area-inset-bottom) * 2 + 5.25rem + 1rem) !important;
}
html .layout47.support .support-icon[data-v-e4f29e50] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-inverse);
}
html .layout47.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
html .layout46.support[data-v-e4f29e50] {
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-dynamic-primary);
  position: fixed;
  left: 1rem;
  z-index: 50;
  animation: supportFloat-e4f29e50 4s ease-in-out infinite;
}
html .layout46.support .support-img[data-v-e4f29e50] {
  width: 100%;
  height: 100%;
}
html .layout46.support .support-icon[data-v-e4f29e50] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-inverse);
  animation: iconBounce-e4f29e50 2s ease-in-out infinite;
}
html .layout46.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
html .layout50.support[data-v-e4f29e50] {
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-color-icon-selected);
  position: fixed;
  left: 1rem;
  z-index: 50;
  bottom: calc(10.375rem + env(safe-area-inset-bottom)) !important;
}
html .layout50.support .support-icon[data-v-e4f29e50] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-inverse);
}
html .layout50.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
html .layout51.support[data-v-e4f29e50] {
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-color-icon-brand-primary);
  position: fixed;
  left: 1rem;
  z-index: 50;
}
html .layout51.support .support-icon[data-v-e4f29e50] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-inverse);
}
html .layout51.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
html .layout53.support[data-v-e4f29e50] {
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3rem;
  background: var(--ep-color-background-fill-body-default);
  position: fixed;
  left: 1rem;
  z-index: 50;
  border: 0.0625rem solid var(--ep-primary-primary-900);
  bottom: calc(4.5625rem + env(safe-area-inset-bottom) + 1rem + 3.375rem + 1.25rem) !important;
}
html .layout53.support .support-icon[data-v-e4f29e50] {
  width: 1.5625rem;
  height: 1.5625rem;
  color: var(--ep-color-icon-brand-primary);
}
html .layout53.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
html .layout54.support[data-v-e4f29e50] {
  width: 3.375rem;
  height: 3.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-color-background-fill-body-default);
  position: fixed;
  left: 1rem;
  z-index: 50;
  border: 0.0625rem solid var(--ep-color-border-default);
}
html .layout54.support .support-icon[data-v-e4f29e50] {
  width: 1.5625rem;
  height: 1.5625rem;
  color: var(--ep-color-icon-brand-primary);
}
html .layout54.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
@keyframes iconBounce-e4f29e50 {
0%,
  100% {
    transform: scale(1) rotate(0deg);
}
25% {
    transform: scale(1.1) rotate(-5deg);
}
50% {
    transform: scale(1.05) rotate(0deg);
}
75% {
    transform: scale(1.1) rotate(5deg);
}
}
@keyframes supportFloat-e4f29e50 {
0%,
  100% {
    transform: translateY(0px) scale(1);
}
50% {
    transform: translateY(-8px) scale(1.02);
}
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index[data-v-e4f29e50] {
  /**
   * 53 号炫彩紫（设计稿 node 17218:40904）：品红实心圆钮改成 54x54 深底圆角方块 +
   * 紫描边 + 品红耳机图标，外壳与同屏的回到顶部按钮完全一致（见 ToTopButton/38 的 .layout53）。
   * 描边色 #362859 在 53 号色板里只有调色板 token，没有 border 语义 token，故引调色板那层。
   *
   * 图标框设计稿标的是 32，但那 32 里含 4 的内边距、图形本体只有 24 宽；support.svg 的
   * viewBox 是贴边导出的（30x28 里内容占 28.57x27.35），照 32 渲染图形会大出 27%。
   * 取 25 是让图形本体落到 23.8x22.8，与设计稿的 24x22.98 差在亚像素。
   *
   * bottom 不沿用 47 号那条：那条按 47 号的 5.25rem 底栏高算、且把安全区乘了 2，
   * 53 号底栏是 4.5625rem，在有安全区的机型上会和回顶按钮越拉越开。这里按
   * 「回顶按钮的下沿 + 它自己的高 + 20 间距」重算，两台按钮在任何机型上都保持等距。
   */
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout1.support[data-v-e4f29e50] {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-dynamic-primary);
  position: fixed;
  left: 1rem;
  z-index: 50;
  animation: supportFloat-e4f29e50 4s ease-in-out infinite;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout1.support .support-icon[data-v-e4f29e50] {
  font-size: 2rem;
  color: var(--ep-color-icon-inverse);
  animation: iconBounce-e4f29e50 2s ease-in-out infinite;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout1.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.5rem;
  left: 1.5625rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout2.support[data-v-e4f29e50] {
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.625rem;
  background: var(--ep-dynamic-primary);
  position: fixed;
  left: 1rem;
  z-index: 50;
  animation: supportFloat-e4f29e50 4s ease-in-out infinite;
  box-shadow: 0 -0.125rem 0 0 #006AF9 inset;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout2.support .support-icon[data-v-e4f29e50] {
  font-size: 1.5rem;
  color: var(--ep-color-icon-inverse);
  animation: iconBounce-e4f29e50 2s ease-in-out infinite;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout2.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.5rem;
  left: 1.5625rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout3.support[data-v-e4f29e50] {
  width: 3.375rem;
  height: 3.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-dynamic-primary);
  position: fixed;
  left: 1rem;
  z-index: 50;
  animation: supportFloat-e4f29e50 4s ease-in-out infinite;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout3.support .support-img[data-v-e4f29e50] {
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout3.support .support-icon[data-v-e4f29e50] {
  width: 80%;
  height: 80%;
  color: var(--ep-color-icon-inverse);
  animation: iconBounce-e4f29e50 2s ease-in-out infinite;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout3.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout27.support[data-v-e4f29e50] {
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-color-icon-brand-primary, #FF5900);
  position: fixed;
  left: 1rem;
  z-index: 50;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout27.support .support-icon[data-v-e4f29e50] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-default, #FFF);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout27.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout36.support[data-v-e4f29e50] {
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-color-icon-brand-primary, #FF5900);
  position: fixed;
  left: 1rem;
  z-index: 50;
  bottom: calc(2.125rem + env(safe-area-inset-bottom) + 3.5rem) !important;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout36.support .support-img[data-v-e4f29e50] {
  border-radius: 50%;
  overflow: hidden;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout36.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout37.support[data-v-e4f29e50] {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) 0%, var(--ep-color-background-fill-gradients-primary-b) 100%);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout37.support .support-icon[data-v-e4f29e50] {
  width: 2.125rem;
  height: 2.125rem;
  color: var(--ep-color-icon-inverse, #FFF);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout37.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  top: 0;
  left: 1.75rem;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout38.support[data-v-e4f29e50] {
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-color-icon-brand-primary, #FF5900);
  position: fixed;
  left: 1rem;
  z-index: 50;
  bottom: calc(5.875rem + env(safe-area-inset-bottom) + 4.75rem) !important;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout38.support .support-icon[data-v-e4f29e50] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-default, #FFF);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout38.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout39.support[data-v-e4f29e50] {
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-dynamic-primary);
  position: fixed;
  left: 0.75rem;
  z-index: 50;
  bottom: calc(9rem + env(safe-area-inset-bottom)) !important;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout39.support .support-icon[data-v-e4f29e50] {
  width: 80%;
  height: 80%;
  color: var(--ep-color-icon-inverse);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout39.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout45.support[data-v-e4f29e50] {
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-color-icon-brand-primary);
  position: fixed;
  left: 1rem;
  z-index: 50;
  bottom: calc(5.875rem + env(safe-area-inset-bottom) * 2 + 6.75rem) !important;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout45.support .support-icon[data-v-e4f29e50] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-inverse);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout45.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout47.support[data-v-e4f29e50] {
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-color-icon-brand-primary);
  position: fixed;
  left: 1rem;
  z-index: 50;
  bottom: calc(3.875rem + env(safe-area-inset-bottom) * 2 + 5.25rem + 1rem) !important;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout47.support .support-icon[data-v-e4f29e50] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-inverse);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout47.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout46.support[data-v-e4f29e50] {
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-dynamic-primary);
  position: fixed;
  left: 1rem;
  z-index: 50;
  animation: supportFloat-e4f29e50 4s ease-in-out infinite;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout46.support .support-img[data-v-e4f29e50] {
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout46.support .support-icon[data-v-e4f29e50] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-inverse);
  animation: iconBounce-e4f29e50 2s ease-in-out infinite;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout46.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout50.support[data-v-e4f29e50] {
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-color-icon-selected);
  position: fixed;
  left: 1rem;
  z-index: 50;
  bottom: calc(10.375rem + env(safe-area-inset-bottom)) !important;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout50.support .support-icon[data-v-e4f29e50] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-inverse);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout50.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout51.support[data-v-e4f29e50] {
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-color-icon-brand-primary);
  position: fixed;
  left: 1rem;
  z-index: 50;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout51.support .support-icon[data-v-e4f29e50] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-inverse);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout51.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout53.support[data-v-e4f29e50] {
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3rem;
  background: var(--ep-color-background-fill-body-default);
  position: fixed;
  left: 1rem;
  z-index: 50;
  border: 0.0625rem solid var(--ep-primary-primary-900);
  bottom: calc(4.5625rem + env(safe-area-inset-bottom) + 1rem + 3.375rem + 1.25rem) !important;
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout53.support .support-icon[data-v-e4f29e50] {
  width: 1.5625rem;
  height: 1.5625rem;
  color: var(--ep-color-icon-brand-primary);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout53.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout54.support[data-v-e4f29e50] {
  width: 3.375rem;
  height: 3.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--ep-color-background-fill-body-default);
  position: fixed;
  left: 1rem;
  z-index: 50;
  border: 0.0625rem solid var(--ep-color-border-default);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout54.support .support-icon[data-v-e4f29e50] {
  width: 1.5625rem;
  height: 1.5625rem;
  color: var(--ep-color-icon-brand-primary);
}
#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout54.support .dot[data-v-e4f29e50] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
@keyframes iconBounce-e4f29e50 {
0%,
  100% {
    transform: scale(1) rotate(0deg);
}
25% {
    transform: scale(1.1) rotate(-5deg);
}
50% {
    transform: scale(1.05) rotate(0deg);
}
75% {
    transform: scale(1.1) rotate(5deg);
}
}
@keyframes supportFloat-e4f29e50 {
0%,
  100% {
    transform: translateY(0px) scale(1);
}
50% {
    transform: translateY(-8px) scale(1.02);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.to-top-box[data-v-a6ef39e6] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  position: fixed;
  z-index: 50;
  right: 1.25rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout1.to-top-box .icon-wall[data-v-a6ef39e6] {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
}
html .layout1.to-top-box .icon-wall .to-top[data-v-a6ef39e6] {
  color: var(--ep-color-icon-brand-primary);
}
html .layout1.to-top-box .to-top-text[data-v-a6ef39e6] {
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 0.125rem;
  color: var(--ep-color-text-inverse);
}
html .layout2.to-top-box[data-v-a6ef39e6] {
  width: 2.875rem;
  height: 2.875rem;
  font-size: 0.625rem;
  border-radius: 0.3125rem;
  position: fixed;
  z-index: 50;
  right: 1.25rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout2.to-top-box .icon-wall[data-v-a6ef39e6] {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
  background: linear-gradient(0deg, #0167ca 0%, #38a8fa 100%);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
html .layout2.to-top-box .icon-wall .icon[data-v-a6ef39e6] {
  color: var(--ep-color-icon-brand-primary);
}
html .layout2.to-top-box .to-top-text[data-v-a6ef39e6] {
  color: var(--ep-color-text-inverse);
}
html .layout3.to-top-box[data-v-a6ef39e6] {
  width: 3.25rem;
  height: 3.25rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  position: fixed;
  right: 1.25rem;
  z-index: 50;
  background: var(--ep-color-background-fill-surface-raised-L2);
  border: 0.0625rem solid #4C4943;
  box-shadow: 0 0.125rem 0.4562rem -0.25rem rgba(238, 255, 0, 0.15) inset;
}
html .layout3.to-top-box .to-top[data-v-a6ef39e6] {
  font-size: 2.5rem;
  color: var(--ep-color-icon-brand-primary);
}
html .layout3.to-top-box .to-top-text[data-v-a6ef39e6] {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--ep-color-text-inverse);
}
html .layout4.to-top-box[data-v-a6ef39e6] {
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-xl, 0.25rem);
  position: fixed;
  right: 1.25rem;
  z-index: 50;
  background: var(--ep-color-background-fill-surface-raised-L2);
  border: 0.0625rem solid #4C4943;
}
html .layout4.to-top-box .icon-wall[data-v-a6ef39e6] {
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: -0.3125rem;
}
html .layout4.to-top-box .icon-wall .to-top[data-v-a6ef39e6] {
  font-size: 1.5rem;
  color: var(--ep-color-icon-brand-primary);
}
html .layout4.to-top-box .to-top-text[data-v-a6ef39e6] {
  font-size: var(--ep-font-size-xs, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 500);
  color: var(--ep-color-text-inverse);
}
html .layout27.to-top-box[data-v-a6ef39e6] {
  display: flex;
  width: 2.625rem;
  height: 2.625rem;
  justify-content: center;
  align-items: center;
  z-index: 50;
  border-radius: 50%;
  background: var(--ep-color-icon-brand-primary, #FF5900);
}
html .layout27.to-top-box .icon-wall[data-v-a6ef39e6] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout27.to-top-box .icon-wall .to-top[data-v-a6ef39e6] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-default, #FFF);
}
html .layout27.to-top-box .to-top-text[data-v-a6ef39e6] {
  display: none;
}
html .layout37.to-top-box[data-v-a6ef39e6] {
  display: flex;
  flex-direction: column;
  width: 2.25rem;
  height: 2.25rem;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-primary-a) 0%, var(--ep-color-background-fill-gradients-primary-b) 100%);
}
html .layout37.to-top-box .icon-wall[data-v-a6ef39e6] {
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
html .layout37.to-top-box .icon-wall .to-top[data-v-a6ef39e6] {
  position: relative;
  bottom: -0.375rem;
  font-size: 1.25rem;
  color: var(--ep-color-icon-inverse, #FFF);
}
html .layout37.to-top-box .to-top[data-v-a6ef39e6] {
  font-size: 0.75rem;
  color: var(--ep-color-icon-inverse, #FFF);
}
html .layout37.to-top-box .to-top-text[data-v-a6ef39e6] {
  position: relative;
  top: -0.125rem;
  font-size: 0.75rem;
}
html .layout39.to-top-box[data-v-a6ef39e6] {
  display: flex;
  flex-direction: column;
  width: 2.75rem;
  height: 2.75rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.625rem;
  position: fixed;
  left: 0.75rem;
  z-index: 50;
  background: var(--ep-dynamic-primary);
  bottom: calc(5.5rem + env(safe-area-inset-bottom)) !important;
}
html .layout39.to-top-box .icon-wall[data-v-a6ef39e6] {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
html .layout39.to-top-box .icon-wall .to-top[data-v-a6ef39e6] {
  position: relative;
  bottom: -0.25rem;
  font-size: 1.5rem;
  color: var(--ep-color-icon-inverse);
}
html .layout39.to-top-box .to-top-text[data-v-a6ef39e6] {
  position: relative;
  top: -0.125rem;
  font-size: 0.625rem;
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-inverse);
}
html .layout42.to-top-box[data-v-a6ef39e6] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  width: 3.375rem;
  height: 3.375rem;
  justify-content: center;
  align-items: center;
  z-index: 50;
  border-radius: var(--ep-border-radius-m);
  background: var(--ep-color-background-fill-body-default);
}
html .layout42.to-top-box .icon-wall[data-v-a6ef39e6] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout42.to-top-box .icon-wall .to-top[data-v-a6ef39e6] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-default, #FFF);
}
html .layout42.to-top-box .to-top-text[data-v-a6ef39e6] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-navigation-default);
}
html .layout44.to-top-box[data-v-a6ef39e6] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  position: fixed;
  z-index: 50;
  right: 1.25rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  background: var(--ep-dynamic-primary);
}
html .layout44.to-top-box .icon-wall[data-v-a6ef39e6] {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0.375rem;
  color: var(--ep-color-text-inverse);
}
html .layout44.to-top-box .icon-wall .to-top[data-v-a6ef39e6] {
  color: var(--ep-color-text-inverse);
}
html .layout44.to-top-box .to-top-text[data-v-a6ef39e6] {
  font-size: 0.75rem;
  font-weight: 500;
  margin-top: -0.125rem;
  color: var(--ep-color-text-inverse);
}
html .layout46.to-top-box[data-v-a6ef39e6] {
  display: flex;
  width: 2.625rem;
  height: 2.625rem;
  justify-content: center;
  align-items: center;
  z-index: 50;
  border-radius: 50%;
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) -27.5%, var(--ep-color-background-fill-gradients-primary-b) 127.5%);
}
html .layout46.to-top-box .icon-wall[data-v-a6ef39e6] {
  width: 1.5rem;
  height: 1.5rem;
}
html .layout46.to-top-box .icon-wall .to-top[data-v-a6ef39e6] {
  font-size: 1.5rem;
  color: var(--ep-color-icon-inverse);
}
html .layout46.to-top-box .to-top-text[data-v-a6ef39e6] {
  display: none;
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout1.to-top-box[data-v-a6ef39e6] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  position: fixed;
  z-index: 50;
  right: 1.25rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout1.to-top-box .icon-wall[data-v-a6ef39e6] {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout1.to-top-box .icon-wall .to-top[data-v-a6ef39e6] {
  color: var(--ep-color-icon-brand-primary);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout1.to-top-box .to-top-text[data-v-a6ef39e6] {
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 0.125rem;
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout2.to-top-box[data-v-a6ef39e6] {
  width: 2.875rem;
  height: 2.875rem;
  font-size: 0.625rem;
  border-radius: 0.3125rem;
  position: fixed;
  z-index: 50;
  right: 1.25rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout2.to-top-box .icon-wall[data-v-a6ef39e6] {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
  background: linear-gradient(0deg, #0167ca 0%, #38a8fa 100%);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout2.to-top-box .icon-wall .icon[data-v-a6ef39e6] {
  color: var(--ep-color-icon-brand-primary);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout2.to-top-box .to-top-text[data-v-a6ef39e6] {
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout3.to-top-box[data-v-a6ef39e6] {
  width: 3.25rem;
  height: 3.25rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  position: fixed;
  right: 1.25rem;
  z-index: 50;
  background: var(--ep-color-background-fill-surface-raised-L2);
  border: 0.0625rem solid #4C4943;
  box-shadow: 0 0.125rem 0.4562rem -0.25rem rgba(238, 255, 0, 0.15) inset;
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout3.to-top-box .to-top[data-v-a6ef39e6] {
  font-size: 2.5rem;
  color: var(--ep-color-icon-brand-primary);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout3.to-top-box .to-top-text[data-v-a6ef39e6] {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout4.to-top-box[data-v-a6ef39e6] {
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  border-radius: var(--ep-border-radius-xl, 0.25rem);
  position: fixed;
  right: 1.25rem;
  z-index: 50;
  background: var(--ep-color-background-fill-surface-raised-L2);
  border: 0.0625rem solid #4C4943;
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout4.to-top-box .icon-wall[data-v-a6ef39e6] {
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: -0.3125rem;
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout4.to-top-box .icon-wall .to-top[data-v-a6ef39e6] {
  font-size: 1.5rem;
  color: var(--ep-color-icon-brand-primary);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout4.to-top-box .to-top-text[data-v-a6ef39e6] {
  font-size: var(--ep-font-size-xs, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 500);
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout27.to-top-box[data-v-a6ef39e6] {
  display: flex;
  width: 2.625rem;
  height: 2.625rem;
  justify-content: center;
  align-items: center;
  z-index: 50;
  border-radius: 50%;
  background: var(--ep-color-icon-brand-primary, #FF5900);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout27.to-top-box .icon-wall[data-v-a6ef39e6] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout27.to-top-box .icon-wall .to-top[data-v-a6ef39e6] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-default, #FFF);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout27.to-top-box .to-top-text[data-v-a6ef39e6] {
  display: none;
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout37.to-top-box[data-v-a6ef39e6] {
  display: flex;
  flex-direction: column;
  width: 2.25rem;
  height: 2.25rem;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-primary-a) 0%, var(--ep-color-background-fill-gradients-primary-b) 100%);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout37.to-top-box .icon-wall[data-v-a6ef39e6] {
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout37.to-top-box .icon-wall .to-top[data-v-a6ef39e6] {
  position: relative;
  bottom: -0.375rem;
  font-size: 1.25rem;
  color: var(--ep-color-icon-inverse, #FFF);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout37.to-top-box .to-top[data-v-a6ef39e6] {
  font-size: 0.75rem;
  color: var(--ep-color-icon-inverse, #FFF);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout37.to-top-box .to-top-text[data-v-a6ef39e6] {
  position: relative;
  top: -0.125rem;
  font-size: 0.75rem;
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout39.to-top-box[data-v-a6ef39e6] {
  display: flex;
  flex-direction: column;
  width: 2.75rem;
  height: 2.75rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.625rem;
  position: fixed;
  left: 0.75rem;
  z-index: 50;
  background: var(--ep-dynamic-primary);
  bottom: calc(5.5rem + env(safe-area-inset-bottom)) !important;
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout39.to-top-box .icon-wall[data-v-a6ef39e6] {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout39.to-top-box .icon-wall .to-top[data-v-a6ef39e6] {
  position: relative;
  bottom: -0.25rem;
  font-size: 1.5rem;
  color: var(--ep-color-icon-inverse);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout39.to-top-box .to-top-text[data-v-a6ef39e6] {
  position: relative;
  top: -0.125rem;
  font-size: 0.625rem;
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout42.to-top-box[data-v-a6ef39e6] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  width: 3.375rem;
  height: 3.375rem;
  justify-content: center;
  align-items: center;
  z-index: 50;
  border-radius: var(--ep-border-radius-m);
  background: var(--ep-color-background-fill-body-default);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout42.to-top-box .icon-wall[data-v-a6ef39e6] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout42.to-top-box .icon-wall .to-top[data-v-a6ef39e6] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-icon-default, #FFF);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout42.to-top-box .to-top-text[data-v-a6ef39e6] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-navigation-default);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout44.to-top-box[data-v-a6ef39e6] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  position: fixed;
  z-index: 50;
  right: 1.25rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  background: var(--ep-dynamic-primary);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout44.to-top-box .icon-wall[data-v-a6ef39e6] {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0.375rem;
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout44.to-top-box .icon-wall .to-top[data-v-a6ef39e6] {
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout44.to-top-box .to-top-text[data-v-a6ef39e6] {
  font-size: 0.75rem;
  font-weight: 500;
  margin-top: -0.125rem;
  color: var(--ep-color-text-inverse);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout46.to-top-box[data-v-a6ef39e6] {
  display: flex;
  width: 2.625rem;
  height: 2.625rem;
  justify-content: center;
  align-items: center;
  z-index: 50;
  border-radius: 50%;
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) -27.5%, var(--ep-color-background-fill-gradients-primary-b) 127.5%);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout46.to-top-box .icon-wall[data-v-a6ef39e6] {
  width: 1.5rem;
  height: 1.5rem;
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout46.to-top-box .icon-wall .to-top[data-v-a6ef39e6] {
  font-size: 1.5rem;
  color: var(--ep-color-icon-inverse);
}
#tabbar-tabs-inicio-components-ToTopButton-index .layout46.to-top-box .to-top-text[data-v-a6ef39e6] {
  display: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-921caa57] {
  /**
   * 53 号炫彩紫（设计稿 node 14849:33388）：45/50 那种品红实心圆改成 54x54 圆角方块，
   * 深底 + 紫描边 + 品红箭头。形状、配色、图标尺寸都和 gen-to-top-round 那套纯图标圆钮
   * 对不上，故另起一块。
   *
   * 设计稿描边是 INSIDE，54 含边框，与全局 border-box 一致，宽高直接写 54 即可；
   * 图标框 32 居中（四边各余 11），箭头本体 24x26.67 是 24 viewBox 缩放到 32 的自然结果。
   *
   * 描边色 #362859 在 53 号色板里只有调色板 token（--ep-primary-primary-900），
   * 没有对应的 border 语义 token，故直接引调色板那层。
   */
}
html .layout38.to-top-box[data-v-921caa57] {
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 50%;
  position: fixed;
  z-index: 50;
  left: 1rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  background: var(--ep-color-icon-brand-primary);
}
html .layout38.to-top-box .icon-wall[data-v-921caa57] {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
}
html .layout38.to-top-box .icon-wall .to-top[data-v-921caa57] {
  color: var(--ep-color-icon-default);
}
html .layout38.to-top-box .to-top-text[data-v-921caa57] {
  display: none;
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 0.125rem;
  color: var(--ep-color-icon-default);
}
html .layout45.to-top-box[data-v-921caa57] {
  left: 1rem;
  z-index: 50;
  display: flex;
  position: fixed;
  width: 2.625rem;
  height: 2.625rem;
  flex-flow: column;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: var(--ep-color-icon-brand-primary);
}
html .layout45.to-top-box .icon-wall[data-v-921caa57] {
  display: flex;
  width: 1.375rem;
  height: 1.375rem;
  align-items: center;
  justify-content: center;
}
html .layout45.to-top-box .icon-wall .to-top[data-v-921caa57] {
  width: 1.375rem;
  height: 1.375rem;
  color: var(--ep-color-icon-inverse);
}
html .layout45.to-top-box .to-top-text[data-v-921caa57] {
  display: none;
}
html .layout50.to-top-box[data-v-921caa57] {
  left: 1rem;
  z-index: 50;
  display: flex;
  position: fixed;
  width: 2.625rem;
  height: 2.625rem;
  flex-flow: column;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: var(--ep-color-icon-selected);
}
html .layout50.to-top-box .icon-wall[data-v-921caa57] {
  display: flex;
  width: 1.375rem;
  height: 1.375rem;
  align-items: center;
  justify-content: center;
}
html .layout50.to-top-box .icon-wall .to-top[data-v-921caa57] {
  width: 1.375rem;
  height: 1.375rem;
  color: var(--ep-color-icon-inverse);
}
html .layout50.to-top-box .to-top-text[data-v-921caa57] {
  display: none;
}
html .layout51.to-top-box[data-v-921caa57] {
  left: 1rem;
  z-index: 50;
  display: flex;
  position: fixed;
  width: 2.625rem;
  height: 2.625rem;
  flex-flow: column;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: var(--ep-color-icon-brand-primary);
}
html .layout51.to-top-box .icon-wall[data-v-921caa57] {
  display: flex;
  width: 1.375rem;
  height: 1.375rem;
  align-items: center;
  justify-content: center;
}
html .layout51.to-top-box .icon-wall .to-top[data-v-921caa57] {
  width: 1.375rem;
  height: 1.375rem;
  color: var(--ep-color-icon-inverse);
}
html .layout51.to-top-box .to-top-text[data-v-921caa57] {
  display: none;
}
html .layout53.to-top-box[data-v-921caa57] {
  display: flex;
  align-items: center;
  justify-content: center;
  left: 1rem;
  z-index: 50;
  position: fixed;
  width: 3rem;
  height: 3rem;
  flex-flow: column;
  border-radius: 0.3rem;
  background: var(--ep-color-background-fill-body-default);
  border: 0.0625rem solid var(--ep-primary-primary-900);
}
html .layout53.to-top-box .icon-wall[data-v-921caa57] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
}
html .layout53.to-top-box .icon-wall .to-top[data-v-921caa57] {
  width: 2rem;
  height: 2rem;
  color: var(--ep-color-icon-brand-primary);
}
html .layout53.to-top-box .to-top-text[data-v-921caa57] {
  display: none;
}
html .layout54.to-top-box[data-v-921caa57] {
  display: flex;
  align-items: center;
  justify-content: center;
  left: 1rem;
  z-index: 50;
  position: fixed;
  width: 3.375rem;
  height: 3.375rem;
  flex-flow: column;
  border-radius: 50%;
  background: var(--ep-color-background-fill-body-default);
  border: 0.0625rem solid var(--ep-color-border-default);
}
html .layout54.to-top-box .icon-wall[data-v-921caa57] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
}
html .layout54.to-top-box .icon-wall .to-top[data-v-921caa57] {
  width: 2rem;
  height: 2rem;
  color: var(--ep-color-icon-brand-primary);
}
html .layout54.to-top-box .to-top-text[data-v-921caa57] {
  display: none;
}
#tabbar-tabs-inicio-components-ToTopButton-38-index[data-v-921caa57] {
  /**
   * 53 号炫彩紫（设计稿 node 14849:33388）：45/50 那种品红实心圆改成 54x54 圆角方块，
   * 深底 + 紫描边 + 品红箭头。形状、配色、图标尺寸都和 gen-to-top-round 那套纯图标圆钮
   * 对不上，故另起一块。
   *
   * 设计稿描边是 INSIDE，54 含边框，与全局 border-box 一致，宽高直接写 54 即可；
   * 图标框 32 居中（四边各余 11），箭头本体 24x26.67 是 24 viewBox 缩放到 32 的自然结果。
   *
   * 描边色 #362859 在 53 号色板里只有调色板 token（--ep-primary-primary-900），
   * 没有对应的 border 语义 token，故直接引调色板那层。
   */
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout38.to-top-box[data-v-921caa57] {
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 50%;
  position: fixed;
  z-index: 50;
  left: 1rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  background: var(--ep-color-icon-brand-primary);
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout38.to-top-box .icon-wall[data-v-921caa57] {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout38.to-top-box .icon-wall .to-top[data-v-921caa57] {
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout38.to-top-box .to-top-text[data-v-921caa57] {
  display: none;
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 0.125rem;
  color: var(--ep-color-icon-default);
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout45.to-top-box[data-v-921caa57] {
  left: 1rem;
  z-index: 50;
  display: flex;
  position: fixed;
  width: 2.625rem;
  height: 2.625rem;
  flex-flow: column;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: var(--ep-color-icon-brand-primary);
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout45.to-top-box .icon-wall[data-v-921caa57] {
  display: flex;
  width: 1.375rem;
  height: 1.375rem;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout45.to-top-box .icon-wall .to-top[data-v-921caa57] {
  width: 1.375rem;
  height: 1.375rem;
  color: var(--ep-color-icon-inverse);
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout45.to-top-box .to-top-text[data-v-921caa57] {
  display: none;
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout50.to-top-box[data-v-921caa57] {
  left: 1rem;
  z-index: 50;
  display: flex;
  position: fixed;
  width: 2.625rem;
  height: 2.625rem;
  flex-flow: column;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: var(--ep-color-icon-selected);
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout50.to-top-box .icon-wall[data-v-921caa57] {
  display: flex;
  width: 1.375rem;
  height: 1.375rem;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout50.to-top-box .icon-wall .to-top[data-v-921caa57] {
  width: 1.375rem;
  height: 1.375rem;
  color: var(--ep-color-icon-inverse);
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout50.to-top-box .to-top-text[data-v-921caa57] {
  display: none;
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout51.to-top-box[data-v-921caa57] {
  left: 1rem;
  z-index: 50;
  display: flex;
  position: fixed;
  width: 2.625rem;
  height: 2.625rem;
  flex-flow: column;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: var(--ep-color-icon-brand-primary);
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout51.to-top-box .icon-wall[data-v-921caa57] {
  display: flex;
  width: 1.375rem;
  height: 1.375rem;
  align-items: center;
  justify-content: center;
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout51.to-top-box .icon-wall .to-top[data-v-921caa57] {
  width: 1.375rem;
  height: 1.375rem;
  color: var(--ep-color-icon-inverse);
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout51.to-top-box .to-top-text[data-v-921caa57] {
  display: none;
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout53.to-top-box[data-v-921caa57] {
  display: flex;
  align-items: center;
  justify-content: center;
  left: 1rem;
  z-index: 50;
  position: fixed;
  width: 3rem;
  height: 3rem;
  flex-flow: column;
  border-radius: 0.3rem;
  background: var(--ep-color-background-fill-body-default);
  border: 0.0625rem solid var(--ep-primary-primary-900);
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout53.to-top-box .icon-wall[data-v-921caa57] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout53.to-top-box .icon-wall .to-top[data-v-921caa57] {
  width: 2rem;
  height: 2rem;
  color: var(--ep-color-icon-brand-primary);
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout53.to-top-box .to-top-text[data-v-921caa57] {
  display: none;
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout54.to-top-box[data-v-921caa57] {
  display: flex;
  align-items: center;
  justify-content: center;
  left: 1rem;
  z-index: 50;
  position: fixed;
  width: 3.375rem;
  height: 3.375rem;
  flex-flow: column;
  border-radius: 50%;
  background: var(--ep-color-background-fill-body-default);
  border: 0.0625rem solid var(--ep-color-border-default);
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout54.to-top-box .icon-wall[data-v-921caa57] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout54.to-top-box .icon-wall .to-top[data-v-921caa57] {
  width: 2rem;
  height: 2rem;
  color: var(--ep-color-icon-brand-primary);
}
#tabbar-tabs-inicio-components-ToTopButton-38-index .layout54.to-top-box .to-top-text[data-v-921caa57] {
  display: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout28.user-info-box[data-v-9277af1d] {
  z-index: 0;
  padding: 0.75rem 1.5rem;
  position: relative;
  transform: translateZ(0);
}
html .layout28.user-info-box .bg-svg[data-v-9277af1d] {
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
  padding: 0 0.75rem;
}
html .layout28.user-info-box .bg-svg[data-v-9277af1d]::after {
  top: 0;
  content: '';
  left: 0.75rem;
  height: 100%;
  position: absolute;
  width: calc(100% - 1.5rem);
  background-image: url('/assets/bg-header-28-r2-Du1zVErd.svg');
  background-position: center -30%;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
html .layout28.user-info-box.login-bar-split-top[data-v-9277af1d] {
  overflow: hidden;
}
html .layout28.user-info-box.login-bar-split-top.is-stuck[data-v-9277af1d] {
  overflow: visible;
}
html .layout28.user-info-box.login-bar-split-top.is-stuck .bg-svg[data-v-9277af1d] {
  display: none;
}
html .layout28.user-info-box.login-bar-split-bottom[data-v-9277af1d] {
  overflow: hidden;
  margin-top: -1px;
  padding-top: calc(1rem + 1px);
}
html .layout28.user-info-box.login-bar-split-bottom .bg-svg[data-v-9277af1d] {
  top: calc(-3.125rem + 1px);
}
html .layout28.user-info-box.login-bar-split-top:has(.checked-log-out) + .login-bar-split-bottom .bg-svg[data-v-9277af1d] {
  top: calc(-3.25rem + 1px);
}
html .layout45.user-info-box[data-v-9277af1d] {
  display: flex;
  flex-wrap: nowrap;
  padding: 0.5rem 0.75rem 0;
  margin-top: 0.75rem;
  justify-content: space-between;
}
html .layout45.user-info-box .bg-svg[data-v-9277af1d] {
  display: none;
}
#tabbar-components-layout-imgContentBox-index .layout28.user-info-box[data-v-9277af1d] {
  z-index: 0;
  padding: 0.75rem 1.5rem;
  position: relative;
  transform: translateZ(0);
}
#tabbar-components-layout-imgContentBox-index .layout28.user-info-box .bg-svg[data-v-9277af1d] {
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
  padding: 0 0.75rem;
}
#tabbar-components-layout-imgContentBox-index .layout28.user-info-box .bg-svg[data-v-9277af1d]::after {
  top: 0;
  content: '';
  left: 0.75rem;
  height: 100%;
  position: absolute;
  width: calc(100% - 1.5rem);
  background-image: url('/assets/bg-header-28-r2-Du1zVErd.svg');
  background-position: center -30%;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#tabbar-components-layout-imgContentBox-index .layout28.user-info-box.login-bar-split-top[data-v-9277af1d] {
  overflow: hidden;
}
#tabbar-components-layout-imgContentBox-index .layout28.user-info-box.login-bar-split-top.is-stuck[data-v-9277af1d] {
  overflow: visible;
}
#tabbar-components-layout-imgContentBox-index .layout28.user-info-box.login-bar-split-top.is-stuck .bg-svg[data-v-9277af1d] {
  display: none;
}
#tabbar-components-layout-imgContentBox-index .layout28.user-info-box.login-bar-split-bottom[data-v-9277af1d] {
  overflow: hidden;
  margin-top: -1px;
  padding-top: calc(1rem + 1px);
}
#tabbar-components-layout-imgContentBox-index .layout28.user-info-box.login-bar-split-bottom .bg-svg[data-v-9277af1d] {
  top: calc(-3.125rem + 1px);
}
#tabbar-components-layout-imgContentBox-index .layout28.user-info-box.login-bar-split-top:has(.checked-log-out) + .login-bar-split-bottom .bg-svg[data-v-9277af1d] {
  top: calc(-3.25rem + 1px);
}
#tabbar-components-layout-imgContentBox-index .layout45.user-info-box[data-v-9277af1d] {
  display: flex;
  flex-wrap: nowrap;
  padding: 0.5rem 0.75rem 0;
  margin-top: 0.75rem;
  justify-content: space-between;
}
#tabbar-components-layout-imgContentBox-index .layout45.user-info-box .bg-svg[data-v-9277af1d] {
  display: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.game-list-box[data-v-faa4aa6d] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.game-list-box .platform-game-c[data-v-faa4aa6d] {
  width: calc(100% - 5.5rem);
  display: flex;
  flex-direction: column;
}
.game-list-box .platform-game-c .search-wrap[data-v-faa4aa6d] {
  gap: 0.375rem;
  display: flex;
  height: 2.125rem;
  margin-top: 0.75rem;
  padding: 0 0.625rem;
  align-items: center;
  color: var(--ep-color-text-weaker);
  font-size: var(--ep-font-size-m, 0.875rem);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: 0.0625rem solid var(--ep-color-border-default);
}
.game-list-box .platform-game-c .game-wrapper-c[data-v-faa4aa6d] {
  padding-inline: 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.game-list-box[data-v-043535f4] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.game-list-box .platform-game-c[data-v-043535f4] {
  width: calc(100% - 5.5rem);
  display: flex;
  flex-direction: column;
}
.game-list-box .platform-game-c .search-wrap[data-v-043535f4] {
  gap: 0.375rem;
  display: flex;
  height: 2.125rem;
  margin-top: 0.75rem;
  padding: 0 0.625rem;
  align-items: center;
  color: var(--ep-color-text-weaker);
  font-size: var(--ep-font-size-m, 0.875rem);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: 0.0625rem solid var(--ep-color-border-default);
}
.game-list-box .platform-game-c .game-wrapper-c[data-v-043535f4] {
  padding-inline: 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout38.game-list-box[data-v-a47eccd6] {
  width: calc(100% - 5.75rem);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.search-wrap[data-v-613062f9] {
  gap: 0.375rem;
  display: flex;
  height: 2.1875rem;
  margin: 0.75rem auto;
  padding: 0.4375rem 0.625rem;
  align-items: center;
  color: var(--ep-color-text-weaker);
  font-size: var(--ep-font-size-m, 0.875rem);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  border: 0.0625rem solid var(--ep-color-border-default);
  width: 22.875rem;
}
.search-wrap .search-icon[data-v-613062f9] {
  font-size: var(--ep-font-size-m, 0.875rem);
  color: var(--ep-color-icon-weaker);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.amount-wrap[data-v-9fd1570e] {
  height: 1.125rem;
  border-radius: 0.25rem;
  background: linear-gradient(90deg, #F3B21B 0%, #FFAC20 100%);
  box-shadow: 0 -0.0625rem 0.0625rem 0 rgba(255, 255, 255, 0.25) inset, 0 0.0625rem 0.0625rem 0 rgba(255, 255, 255, 0.25) inset;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  vertical-align: middle;
  overflow: hidden;
}
.amount-wrap .bonus-icon[data-v-9fd1570e] {
  width: 1.375rem;
  height: 100%;
}
.amount-wrap .amount-text[data-v-9fd1570e] {
  padding: 0.125rem;
  box-sizing: border-box;
  line-height: 1;
}
.amount-wrap .amount-text .amount-text-value[data-v-9fd1570e] {
  background: #fff;
  font-size: 0.625rem;
  font-weight: 600;
  color: #472200;
  line-height: 0.875rem;
  border-radius: 0.25rem;
  height: 0.875rem;
  padding: 0 0.25rem;
  box-sizing: border-box;
  margin-left: -0.3125rem;
  display: inline-flex;
  align-items: center;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.compulsory-warp .aperture[data-v-cc162f5e] {
  border-radius: 50%;
  position: absolute;
}
.compulsory-warp .content[data-v-cc162f5e] {
  width: 22.875rem;
  position: relative;
  background: var(--ep-dynamic-tertiary, linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a, #357FCF) -27.5%, var(--ep-color-background-fill-gradients-tertiary-b, #2D8C2E) 127.5%));
  border-radius: var(--ep-border-radius-surface-small, 0.875rem);
  overflow: hidden;
  margin: 0 auto calc(env(safe-area-inset-bottom) + 16px);
}
.compulsory-warp .content .circle[data-v-cc162f5e] {
  width: 12.9375rem;
  height: 12.9375rem;
  border-radius: 50%;
  background: var(--ep-color-icon-brand-primary, #3A8EE3);
  position: absolute;
  right: -4.3125rem;
  top: -4.3125rem;
}
.compulsory-warp .content .aperture1[data-v-cc162f5e] {
  width: 2.9375rem;
  height: 2.9375rem;
  background: var(--ep-color-text-success, #53C154);
  filter: blur(11.94999981px);
  top: 6.375rem;
  left: 3.4375rem;
  opacity: 0.53;
  border-radius: 50%;
  position: absolute;
}
.compulsory-warp .content .aperture2[data-v-cc162f5e] {
  width: 3.5rem;
  height: 3.5rem;
  background: var(--ep-color-text-warning, #FC974C);
  filter: blur(3.54999995px);
  top: 10rem;
  right: 1.875rem;
  z-index: 5;
  opacity: 0.48;
  border-radius: 50%;
  position: absolute;
}
.compulsory-warp .content .aperture3[data-v-cc162f5e] {
  width: 6.5625rem;
  height: 6.5625rem;
  background: var(--ep-color-text-danger, #E64021);
  filter: blur(2.8125rem);
  bottom: 2rem;
  left: 1.875rem;
  opacity: 0.35;
  border-radius: 50%;
  position: absolute;
}
.compulsory-warp .content .close-icon[data-v-cc162f5e] {
  position: absolute;
  color: var(--ep-color-icon-inverse, #fff);
  font-size: var(--ep-font-size-xl, 1.125rem);
  right: 0.75rem;
  top: 0.75rem;
  z-index: 10;
}
.compulsory-warp .content .logo-area[data-v-cc162f5e] {
  display: flex;
  align-items: center;
  margin: 1.8125rem 0 0 1.1875rem;
}
.compulsory-warp .content .logo-area .logo-wrap[data-v-cc162f5e] {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  overflow: hidden;
}
.compulsory-warp .content .logo-area .logo-wrap .logo[data-v-cc162f5e] {
  width: 100%;
  height: 100%;
}
.compulsory-warp .content .logo-area .app-name[data-v-cc162f5e] {
  height: 3.125rem;
  line-height: 3.125rem;
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-highlight-white, #fff);
  margin-left: 0.5625rem;
}
.compulsory-warp .content .force-img-area[data-v-cc162f5e] {
  width: 216px;
  height: 216px;
  position: absolute;
  right: 0.3125rem;
  top: 0;
}
.compulsory-warp .content .force-img-area .force-img[data-v-cc162f5e] {
  width: 100%;
  height: 100%;
}
.compulsory-warp .content .tips-area[data-v-cc162f5e] {
  width: 21.25rem;
  margin: 5rem auto 0;
}
.compulsory-warp .content .tips-area .version[data-v-cc162f5e] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  line-height: 1.75rem;
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-highlight-white, #fff);
}
.compulsory-warp .content .tips-area .sub-title[data-v-cc162f5e] {
  font-size: var(--ep-font-size-m, 0.875rem);
  line-height: 1.25rem;
  color: var(--ep-color-text-highlight-white-weak, rgba(255, 255, 255, 0.6));
}
.compulsory-warp .content .action-area[data-v-cc162f5e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1.5625rem auto 1.375rem;
  width: 21.5625rem;
}
.compulsory-warp .content .action-area .action-btn[data-v-cc162f5e] {
  width: 18.125rem;
  height: 2.625rem;
  text-align: center;
  font-size: var(--ep-font-size-m, 0.875rem);
  line-height: 2.625rem;
  font-weight: var(--ep-font-weight-bold, 700);
  --box-shadow: none;
  color: var(--ep-color-text-highlight-white, #fff);
  --border-radius: var(--ep-border-radius-m, 0.375rem);
  --background: var(--ep-color-icon-brand-primary, #CF3F5B);
}
.compulsory-warp .content .action-area .action-btn .download-svg[data-v-cc162f5e] {
  width: 2.25rem;
  height: 2.25rem;
  color: var(--ep-color-icon-inverse, #fff);
}
.compulsory-warp .content .action-area .action-btn .btn-text[data-v-cc162f5e] {
  font-size: var(--ep-font-size-m, 0.875rem);
  line-height: 2.625rem;
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-inverse, #fff);
}
.compulsory-warp .content .action-area .customer-wrap[data-v-cc162f5e] {
  height: 2.625rem;
  width: 2.625rem;
  border-radius: var(--ep-border-radius-s, 0.25rem);
  background: var(--ep-color-icon-brand-secondary, #3A8EE3);
  text-align: center;
  padding: 0.5rem;
  cursor: pointer;
}
.compulsory-warp .content .action-area .customer-wrap .customer[data-v-cc162f5e] {
  font-size: 1.625rem;
  color: var(--ep-color-icon-inverse, #fff);
}
.compulsory-warp .content .instructions-area[data-v-cc162f5e] {
  width: 21.25rem;
  margin: 0 auto 2.5rem;
  position: relative;
}
.compulsory-warp .content .instructions-area .title[data-v-cc162f5e] {
  color: var(--ep-color-text-highlight-white, #fff);
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  line-height: 1.375rem;
  margin-bottom: 1rem;
}
.compulsory-warp .content .instructions-area .details[data-v-cc162f5e] {
  display: flex;
  color: var(--ep-color-text-highlight-white-weak, rgba(255, 255, 255, 0.6));
  font-size: var(--ep-font-size-s, 0.75rem);
}
.compulsory-warp .content .instructions-area .warn-area[data-v-cc162f5e] {
  width: 100%;
  background: var(--ep-neutral-white-white-10, rgba(255, 255, 255, 0.1));
  padding: 0.3125rem 0.625rem 0.4375rem 0.625rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  margin-top: 1rem;
}
.compulsory-warp .content .instructions-area .warn-area .top[data-v-cc162f5e] {
  display: flex;
  align-items: center;
  font-size: var(--ep-font-size-m, 0.875rem);
  line-height: 1.375rem;
}
.compulsory-warp .content .instructions-area .warn-area .top .tip-icon[data-v-cc162f5e] {
  color: var(--ep-color-icon-info, #5C82F5);
}
.compulsory-warp .content .instructions-area .warn-area .top .tip-title[data-v-cc162f5e] {
  color: var(--ep-color-text-highlight-white, #fff);
  margin-left: 0.3125rem;
  font-weight: var(--ep-font-weight-medium, 600);
}
.compulsory-warp .content .instructions-area .warn-area .details[data-v-cc162f5e] {
  font-size: var(--ep-font-size-xs, 0.625rem);
  color: var(--ep-color-text-highlight-white-weaker, rgba(255, 255, 255, 0.6));
  line-height: 1.125rem;
}
.compulsory-warp .content:is(.theme-42, .theme-54) .close-icon[data-v-cc162f5e] {
  color: var(--ep-color-icon-highlight-white);
}
.compulsory-warp .content:is(.theme-42, .theme-54) .action-area .customer-wrap[data-v-cc162f5e] {
  background: var(--ep-color-icon-brand-primary);
}
.moveUpDown[data-v-cc162f5e] {
  animation: moveUpDown-cc162f5e 8s ease-in-out infinite;
  /* 动画持续2秒，无限循环 */
}
@keyframes moveUpDown-cc162f5e {
0%,
  50%,
  100% {
    transform: translateY(0);
}
25% {
    transform: translateY(2px);
}
75% {
    transform: translateY(-10px);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.tex-desc .accent {
  color: var(--color-currency);
  font-weight: var(--ep-font-weight-medium, 600);
  font-size: 0.875rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.content[data-v-76731984] {
  background-color: var(--color-bg-progressier-operation, var(--ion-text-color));
  padding-bottom: var(--ion-safe-area-bottom);
}
.header[data-v-76731984] {
  background: url('/images/bg-forced-popup-BR.png');
  background-size: 100%;
}
.header-BR[data-v-76731984] {
  background: url('/images/bg-forced-popup-BR.png');
  background-size: 100%;
}
.header-PH[data-v-76731984] {
  background: url('/images/bg-forced-popup-PH.png');
  background-size: 100%;
}
ion-button[data-v-76731984] {
  --background: linear-gradient(180deg, #72CB45 0%, #337611 100%);
  text-transform: none;
  min-height: 0;
  height: 2.8125rem;
}
.accent[data-v-76731984] {
  color: var(--color-currency);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.tex-desc .accent {
  color: var(--color-currency);
  font-weight: 600;
  font-size: 0.875rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
[data-v-71cc363f] .amber-purple {
  background-color: var(--color-bg-300);
}
[data-v-71cc363f] .amber-purple .header {
  background: url('/images/bg-forced-popup-amber-BR.png');
  background-size: 100%;
}
[data-v-71cc363f] .amber-purple .header-BR {
  background: url('/images/bg-forced-popup-amber-BR.png');
  background-size: 100%;
}
[data-v-71cc363f] .amber-purple .header-PH {
  background: url('/images/bg-forced-popup-amber-PH.png');
  background-size: 100%;
}
[data-v-71cc363f] .amber-purple .title {
  color: var(--text-color-light-purple-1-100);
}
[data-v-71cc363f] .amber-purple p {
  color: var(--text-color-light-purple-2-100);
}
[data-v-71cc363f] .amber-purple span {
  color: var(--accent-color-yellow);
}
[data-v-71cc363f] .amber-purple .logo {
  background-color: var(--color-bg-100);
}
[data-v-71cc363f] .amber-purple .logo p {
  color: var(--text-color-light-purple-1-100);
}
[data-v-71cc363f] .amber-purple .support {
  border-width: 1px;
  border-style: solid;
  border-radius: 0.5rem;
  border-color: var(--line-color);
  background: var(--color-bg-200);
  box-shadow: 0px 4px 6.8px 0px rgba(0, 0, 0, 0.25), 0px -2px 4px 0px rgba(0, 0, 0, 0.11) inset;
}
[data-v-71cc363f] .amber-purple .tip-box span {
  color: var(--text-color-light-purple-2-100);
}
[data-v-71cc363f] .amber-purple .warn {
  background-color: var(--color-bg-100);
}
[data-v-71cc363f] .amber-purple .btn-text {
  color: var(--color-primary-btn-text-active);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.tab-list[data-v-064dff06] {
  width: 21.875rem;
  height: 3.125rem;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
}
.tab-list .textColor[data-v-064dff06] {
  font-size: 12px;
}
html .tab-list[data-v-064dff06] {
  border: 1px solid var(--color-line);
  background-color: var(--color-bg-200);
}
html .tab-list ion-segment-button[data-v-064dff06] {
  height: 3.125rem;
  min-width: 7.25rem;
  text-align: center;
  text-transform: none;
  --background: var(--color-bg-200);
  --background-checked: var(--color-bg-100);
  --border-width: 2px;
  --color: var(--color-text-40);
  --color-checked: var(--color-text-100);
  --indicator-color: var(--theme-color-800);
  --background-hover: var(--color-bg-100);
  --background-hover-opacity: 0.5;
  --padding-start: 0;
  --padding-end: 0;
}
html ion-segment-button.segment-button-checked[data-v-064dff06] {
  font-weight: var(--ep-font-weight-bold, 700);
}
html .tab-list.top[data-v-064dff06] {
  border-radius: var(--ep-font-size-m, 0.375rem) var(--ep-font-size-m, 0.375rem) 0 0;
  border-bottom-width: 0 !important;
}
html .tab-list.bottom[data-v-064dff06] {
  border-radius: 0 0 var(--ep-font-size-m, 0.375rem) var(--ep-font-size-m, 0.375rem);
  border-top-width: 0 !important;
}
html .tab-list.bottom ion-segment-button[data-v-064dff06] {
  --indicator-color: var(--color-bg-200);
}
html .tab-list.bottom .textColor[data-v-064dff06] {
  width: 100%;
  height: 100%;
  line-height: 3.125rem;
}
html .tab-list.bottom .active[data-v-064dff06] {
  border-top: 1px solid var(--theme-color-800);
}
.new-skin-symbol .tab-list[data-v-064dff06] {
  border: 1px solid var(--ep-color-border-default);
  background-color: var(--ep-color-background-fill-surface-raised-L1);
}
.new-skin-symbol .tab-list ion-segment-button[data-v-064dff06] {
  height: 3.125rem;
  min-width: 7.25rem;
  text-align: center;
  text-transform: none;
  --background: var(--ep-color-background-fill-surface-raised-L1);
  --background-checked: var(--ep-color-background-fill-surface-raised-L2);
  --border-width: 2px;
  --color: var(--ep-color-text-weaker);
  --color-checked: var(--ep-color-text-default);
  --indicator-color: var(--ep-color-border-selected);
  --background-hover: var(--ep-color-background-fill-surface-raised-L2);
  --background-hover-opacity: 0.5;
  --padding-start: 0;
  --padding-end: 0;
}
.new-skin-symbol ion-segment-button.segment-button-checked[data-v-064dff06] {
  font-weight: var(--ep-font-weight-bold, 700);
}
.new-skin-symbol .tab-list.top[data-v-064dff06] {
  border-radius: var(--ep-font-size-m, 0.375rem) var(--ep-font-size-m, 0.375rem) 0 0;
  border-bottom-width: 0 !important;
}
.new-skin-symbol .tab-list.bottom[data-v-064dff06] {
  border-radius: 0 0 var(--ep-font-size-m, 0.375rem) var(--ep-font-size-m, 0.375rem);
  border-top-width: 0 !important;
}
.new-skin-symbol .tab-list.bottom ion-segment-button[data-v-064dff06] {
  --indicator-color: var(--ep-color-background-fill-surface-raised-L1);
}
.new-skin-symbol .tab-list.bottom .textColor[data-v-064dff06] {
  width: 100%;
  height: 100%;
  line-height: 3.125rem;
}
.new-skin-symbol .tab-list.bottom .active[data-v-064dff06] {
  border-top: 1px solid var(--ep-color-border-selected);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.wrapper[data-v-dd696bf9] {
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 50;
}
.wrapper .announcement-wrapper[data-v-dd696bf9] {
  display: flex;
}
.wrapper .announcement-wrapper.top[data-v-dd696bf9] {
  flex-direction: column;
}
.wrapper .announcement-wrapper.bottom[data-v-dd696bf9] {
  flex-direction: column-reverse;
}
.wrapper .content[data-v-dd696bf9] {
  width: 21.875rem;
  height: -moz-fit-content;
  height: fit-content;
  height: 23.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid var(--ep-color-border-default, var(--color-line));
  border-radius: var(--ep-border-radius-xl);
  overflow: hidden;
  background-size: cover;
  background-color: var(--ep-color-background-fill-body-default, var(--color-bg-300));
}
.wrapper .content div[data-v-dd696bf9] {
  overflow-y: auto;
  font-size: var(--ep-font-size-s, 0.8125rem);
}
.wrapper .content div.text[data-v-dd696bf9] {
  width: 100%;
  color: var(--ep-color-text-default, var(--color-text-80));
}
.wrapper .empty-tab .content[data-v-dd696bf9] {
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
.wrapper .content.hide-bg[data-v-dd696bf9] {
  background-color: transparent;
  border: none;
}
.wrapper .content.bottom[data-v-dd696bf9] {
  border-radius: var(--ep-border-radius-m, var(--rounded-middle)) var(--ep-border-radius-m, var(--rounded-middle)) 0 0;
  border-bottom-width: 0 !important;
}
.wrapper .content.top[data-v-dd696bf9] {
  border-radius: 0 0 var(--ep-border-radius-m, var(--rounded-middle)) var(--ep-border-radius-m, var(--rounded-middle));
  border-top-width: 0 !important;
}
.wrapper .content.text[data-v-dd696bf9] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1.25rem;
}
.wrapper .check-box[data-v-dd696bf9] {
  background: var(--ep-color-background-fill-body-default, var(--color-bg-300));
  color: var(--ep-color-text-default, var(--color-base));
  padding-left: 0.75rem;
  height: 2.25rem;
  border: 1px solid var(--ep-color-border-default, var(--color-line));
  border-radius: var(--ep-border-radius-s, 0.3125rem);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ep-font-size-s, 0.75rem);
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.wrapper .check-box p[data-v-dd696bf9] {
  line-height: 2.25rem;
  padding-left: 0.625rem;
  padding-right: 0.75rem;
}
.wrapper .check-box ion-checkbox[data-v-dd696bf9] {
  --border-color: var(--ep-color-icon-brand-primary, #EAEDF6);
  --checkbox-background: var(--ep-color-background-fill-surface-raised-L1, #EAEDF6);
  --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
  --border-radius: var(--ep-border-radius-s, 0.25rem);
}
.wrapper .check-box ion-checkbox[data-v-dd696bf9]::part(container) {
  border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.wrapper ion-icon[data-v-dd696bf9] {
  font-size: var(--ep-font-size-xxl, 1.5rem);
  border-radius: 50%;
  border: 1px solid;
  color: var(--ep-color-icon-default);
}
ion-toolbar[data-v-dd696bf9] {
  --background: transparent;
  --min-height: 3rem;
  --color: var(--ep-color-text-default, var(--color-base));
}
ion-title[data-v-dd696bf9] {
  height: -moz-fit-content;
  height: fit-content;
  padding-inline-start: 1.5rem;
  padding-inline-end: 1.5rem;
  --padding-top: 0;
  --padding-bottom: 0;
}
div[data-v-dd696bf9] {
  scrollbar-width: none;
}
div[data-v-dd696bf9]::-webkit-scrollbar {
  display: none;
}
.new-skin-symbol .wrapper .content.text[data-v-dd696bf9] {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1.25rem;
}
.new-skin-symbol ion-checkbox[data-v-dd696bf9] {
  --border-width: 1px;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-button[data-v-46eadb74] {
  --padding-start: 0.875rem;
  --padding-end: 0.875rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  --color: var(--ep-color-text-default, var(--color-toolbar-text, var(--text-color-white-100)));
}
.nav-btn[data-v-46eadb74] {
  height: 3.125rem;
}
ion-header ion-toolbar[data-v-46eadb74] {
  --background: #262624;
  box-shadow: 0px 4px 28.4px 0px #0000001A;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.registration-bonus[data-v-eff93247] {
  --background: url('/assets/content-bg-r2-BNyuo3LO.png') no-repeat center center / cover;
}
.registerReward-content[data-v-eff93247] {
  width: 24.375rem;
  height: 24.375rem;
  background: url('/assets/di1-r2-B-7IQKf7.png') no-repeat center center / 100% 100%;
  position: absolute;
}
.spinning[data-v-eff93247] {
  animation: spin-eff93247 8s linear infinite;
  /* 动画 */
  animation-fill-mode: forwards;
}
.lucky-Whee-area[data-v-eff93247] {
  width: 20rem;
  height: 20rem;
  margin: 2rem auto 0;
  position: relative;
  background: url('/assets/border-r2-qGU6wezV.png') no-repeat center center / 100% 100%;
}
.lucky-Whee-area .lucky-Whee-content[data-v-eff93247] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18.25rem;
  height: 18.25rem;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.lucky-Whee-area .pointer-area[data-v-eff93247] {
  width: 2.3125rem;
  height: 1rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
}
.lucky-Whee-area .lighter[data-v-eff93247] {
  position: absolute;
  width: 18.25rem;
  height: 18.25rem;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
  background: url('/assets/guangxiao1-r2-CJH7v6Tw.png') no-repeat center center / 100% 100%;
  opacity: 0;
  z-index: -10;
}
.lucky-Whee-area .lighter-animation[data-v-eff93247] {
  z-index: 10;
  animation: lighter-eff93247 0.5s;
}
.lucky-Whee-area .lighter-2[data-v-eff93247] {
  position: absolute;
  width: 18.25rem;
  height: 18.25rem;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
  background: url('/assets/guangquan1-r2-CClRzpvd.png') no-repeat center center / 100% 100%;
  z-index: -10;
}
.lighter-2-animation[data-v-eff93247] {
  animation: lighter-eff93247 0.5s;
  animation-delay: 0.1s;
}
.registerReward-img-area[data-v-eff93247] {
  width: 20rem;
  height: 4.8125rem;
  position: relative;
  margin: -2rem auto -3px;
}
.registerReward-img-area .registerReward-img1[data-v-eff93247] {
  position: absolute;
  width: 8.125rem;
  height: 4.8125rem;
  top: 0;
  left: 0;
}
.registerReward-img-area .registerReward-img2[data-v-eff93247] {
  position: absolute;
  width: 4.125rem;
  height: 2.6875rem;
  bottom: 0.1875rem;
  right: 4.25rem;
  z-index: 10;
}
.registerReward-img-area .registerReward-img3[data-v-eff93247] {
  position: absolute;
  width: 5.25rem;
  height: 4.875rem;
  bottom: 0.1875rem;
  right: 0;
}
.text-desc-area[data-v-eff93247] {
  width: 21.25rem;
  min-height: 14.5625rem;
  margin: 0 auto;
  position: relative;
  border-radius: 1.25rem;
  padding: 0.25rem;
  background: conic-gradient(from 180deg at 50% 50%, #F8F9FD 0deg, #86B4D5 78.24deg, #D0E2E8 152.94deg, #A9CEE9 198.28deg, #D0E2E8 242.43deg, #86B4D5 311.4deg, #F8F9FD 360deg);
}
.text-desc-area[data-v-eff93247]::before {
  content: '';
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  right: 0.25rem;
  bottom: 0.25rem;
  border-radius: 1rem;
  background: linear-gradient(180deg, #1B519D 0%, #49A7DA 50.5%, #1B519D 100%);
  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
}
.text-desc-area[data-v-eff93247]::after {
  content: '';
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  right: 0.25rem;
  height: 50%;
  border-radius: 1rem 1rem 0 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}
.text-desc-area .content-wrapper[data-v-eff93247] {
  position: relative;
  z-index: 1;
  height: 100%;
  padding: 1.6875rem 1.1875rem 1.4375rem;
  color: #fff;
}
.text-desc-area .content-wrapper div[data-v-eff93247]:first-child {
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  font-family: Inter;
  margin-bottom: 1rem;
  text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.8), -4px -4px 8px rgba(255, 255, 255, 0.15);
}
.text-desc-area .content-wrapper .recharge-notice[data-v-eff93247] {
  font-size: 12px;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5), 1px -1px 0 rgba(0, 0, 0, 0.5), -1px 1px 0 rgba(0, 0, 0, 0.5), 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.text-desc-area .content-wrapper ul li[data-v-eff93247] {
  font-size: 12px;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5), 1px -1px 0 rgba(0, 0, 0, 0.5), -1px 1px 0 rgba(0, 0, 0, 0.5), 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.light-img[data-v-eff93247] {
  width: 19.5625rem;
  height: 19.5625rem;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
  z-index: 10;
  transform-origin: center;
}
.wheel-light[data-v-eff93247] {
  animation-name: lightAnimation-eff93247;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  pointer-events: none;
}
.wheel-banner[data-v-eff93247] {
  pointer-events: none;
}
.footer[data-v-eff93247] {
  width: 24.375rem;
  height: 5rem;
  background: #262624;
  border-top: 1px solid #292D36;
  box-shadow: none;
}
@keyframes spin-eff93247 {
from {
    transform: rotate(0deg);
    /* 起始位置 */
}
to {
    transform: rotate(360deg);
    /* 结束位置 */
}
}
@keyframes lightAnimation-eff93247 {
0% {
    transform: rotate(0deg);
}
49.99% {
    transform: rotate(0deg);
}
50% {
    transform: rotate(22.5deg);
}
99.99% {
    transform: rotate(22.5deg);
}
100% {
    transform: rotate(0deg);
}
}
@keyframes lighter-eff93247 {
0% {
    transform: scale(0.3);
    opacity: 1;
}
50% {
    opacity: 1;
}
100% {
    transform: scale(1.8);
    opacity: 0;
}
}
@keyframes lighter-2-eff93247 {
0% {
    transform: scale(0.8);
}
100% {
    opacity: 0;
    transform: scale(1.8);
}
}
.title-text[data-v-eff93247] {
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5), 1px -1px 0 rgba(0, 0, 0, 0.5), -1px 1px 0 rgba(0, 0, 0, 0.5), 1px 1px 0 rgba(0, 0, 0, 0.5);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.ab-render-img[data-v-a2540228] {
  background-size: cover;
  background-position: center;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.registration-bonus[data-v-158cea0a] {
  --background: url('/assets/content-bg-r2-UpkLnjCC.png') no-repeat center center / cover;
}
.spinning[data-v-158cea0a] {
  animation: spin-158cea0a 8s linear infinite;
  /* 动画 */
  animation-fill-mode: forwards;
}
.lucky-Whee-area[data-v-158cea0a] {
  width: 21.875rem;
  height: 21.875rem;
  margin: 0 auto 0;
  position: relative;
}
.lucky-Whee-area .lucky-Whee-content[data-v-158cea0a] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 19.875rem;
  height: 19.875rem;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.lucky-Whee-area .pointer-area[data-v-158cea0a] {
  width: 8.95625rem;
  height: 5.44375rem;
  position: absolute;
  top: 7rem;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
}
.lucky-Whee-area .lighter[data-v-158cea0a] {
  position: absolute;
  width: 18.25rem;
  height: 18.25rem;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
  background: url('/assets/guangxiao1-r2-CJH7v6Tw.png') no-repeat center center / 100% 100%;
  opacity: 0;
  z-index: -10;
}
.lucky-Whee-area .lighter-animation[data-v-158cea0a] {
  z-index: 10;
  animation: lighter-158cea0a 0.5s;
}
.registerReward-img-area[data-v-158cea0a] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.registerReward-img-area .bot-img[data-v-158cea0a] {
  width: 100%;
  height: 4rem;
  margin-top: -1.125rem;
  position: relative;
}
.registerReward-img-area .bot-img .icon-gl[data-v-158cea0a] {
  position: absolute;
  background-size: 100% 100% !important;
  width: 11.375rem;
  height: 7.625rem;
  top: -56px;
  z-index: 2;
}
.registerReward-img-area .bot-img .icon-gr[data-v-158cea0a] {
  position: absolute;
  background-size: 100% 100% !important;
  width: 7.1875rem;
  height: 5rem;
  right: 20px;
  top: -30px;
}
.registerReward-img-area .bot-img2[data-v-158cea0a] {
  max-height: calc(100vh - 29.1rem);
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: calc(0.625rem + env(safe-area-inset-bottom));
  border-radius: 1.25rem;
  border: 0.125rem solid var(--ep-color-text-brand-primary);
  background: linear-gradient(1deg, var(--ep-color-background-fill-gradients-secondary-a) 0.65%, var(--ep-color-background-fill-gradients-secondary-b) 99.42%);
}
.registerReward-img-area .content-wrapper[data-v-158cea0a] {
  width: 21.25rem;
  padding: 1.6875rem 1.1875rem 1.4375rem 1.1875rem;
  margin: 0 auto;
}
.registerReward-img-area .content-wrapper .title-text[data-v-158cea0a] {
  margin-bottom: 1.4375rem;
  text-align: center;
  -webkit-text-stroke-width: 0.0625rem;
  -webkit-text-stroke-color: var(--ep-color-border-brand);
  font-family: Inter;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
  text-transform: uppercase;
  background: linear-gradient(180deg, #DDFEFD 0%, #FFFEFA 49.5%, #DDFEFD 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.registerReward-img-area .content-wrapper .recharge-notice[data-v-158cea0a] {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.875rem;
  color: var(--ep-color-text-weak);
}
.registerReward-img-area .content-wrapper .content[data-v-158cea0a] {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.875rem;
  color: var(--ep-color-text-weak);
}
.light-img[data-v-158cea0a] {
  width: 19.5625rem;
  height: 19.5625rem;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
  z-index: 10;
  transform-origin: center;
}
.wheel-light[data-v-158cea0a] {
  animation-name: lightAnimation-158cea0a;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  pointer-events: none;
}
.wheel-banner[data-v-158cea0a] {
  pointer-events: none;
}
.footer[data-v-158cea0a] {
  width: 24.375rem;
  height: 5rem;
  background: #262624;
  border-top: 1px solid #292D36;
  box-shadow: none;
}
@keyframes spin-158cea0a {
from {
    transform: rotate(0deg);
    /* 起始位置 */
}
to {
    transform: rotate(360deg);
    /* 结束位置 */
}
}
@keyframes lightAnimation-158cea0a {
0% {
    transform: rotate(0deg);
}
49.99% {
    transform: rotate(0deg);
}
50% {
    transform: rotate(22.5deg);
}
99.99% {
    transform: rotate(22.5deg);
}
100% {
    transform: rotate(0deg);
}
}
@keyframes lighter-158cea0a {
0% {
    transform: scale(0.3);
    opacity: 1;
}
50% {
    opacity: 1;
}
100% {
    transform: scale(1.8);
    opacity: 0;
}
}
@keyframes lighter-2-158cea0a {
0% {
    transform: scale(0.8);
}
100% {
    opacity: 0;
    transform: scale(1.8);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.registration-bonus[data-v-0fbc45dc] {
  --background: url('/assets/content-bg-r2-CYDrskB_.png') no-repeat top left / cover;
  --offset-bottom: 3.125rem !important;
}
.spinning[data-v-0fbc45dc] {
  animation: spin-0fbc45dc 8s linear infinite;
  /* 动画 */
  animation-fill-mode: forwards;
}
.lucky-Whee-area[data-v-0fbc45dc] {
  width: 21.875rem;
  height: 21.875rem;
  margin: 2.625rem auto 0;
  position: relative;
  background: url('/assets/border-r2-BR8eI2_J.png') no-repeat center center / 100% 100%;
}
.lucky-Whee-area .lucky-Whee-content[data-v-0fbc45dc] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18.25rem;
  height: 18.25rem;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.lucky-Whee-area .pointer-area[data-v-0fbc45dc] {
  width: 2.875rem;
  height: 5.3125rem;
  position: absolute;
  top: 0.875rem;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
}
.lucky-Whee-area .lighter[data-v-0fbc45dc] {
  position: absolute;
  width: 18.25rem;
  height: 18.25rem;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
  background: url('/assets/guangxiao1-r2-CJH7v6Tw.png') no-repeat center center / 100% 100%;
  opacity: 0;
  z-index: -10;
}
.lucky-Whee-area .lighter-animation[data-v-0fbc45dc] {
  z-index: 10;
  animation: lighter-0fbc45dc 0.5s;
}
.lucky-Whee-area .lighter-2[data-v-0fbc45dc] {
  position: absolute;
  width: 18.25rem;
  height: 18.25rem;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
  background: url('/assets/guangquan1-r2-CClRzpvd.png') no-repeat center center / 100% 100%;
  z-index: -10;
}
.lighter-2-animation[data-v-0fbc45dc] {
  animation: lighter-0fbc45dc 0.5s;
  animation-delay: 0.1s;
}
.registerReward-img-area[data-v-0fbc45dc] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.registerReward-img-area .bot-img[data-v-0fbc45dc] {
  width: 23.375rem;
  height: 5.28125rem;
  margin-top: -3.8rem;
  background-size: 100% 100% !important;
}
.registerReward-img-area .bot-img2[data-v-0fbc45dc] {
  margin-top: -0.0625rem;
  width: 23.375rem;
  background-size: 100% 100% !important;
  height: calc(100vh - 29.1rem);
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: env(safe-area-inset-bottom);
}
.registerReward-img-area .content-wrapper[data-v-0fbc45dc] {
  max-width: 100%;
  padding-left: 2.8125rem;
  padding-right: 2.8125rem;
  font-family: Inter;
}
.registerReward-img-area .content-wrapper .title-text[data-v-0fbc45dc] {
  margin-left: 0.625rem;
  font-size: 1.25rem;
  margin-bottom: 0.75rem;
}
.registerReward-img-area .content-wrapper .recharge-notice[data-v-0fbc45dc] {
  font-size: 0.75rem;
  padding: 0 0.375rem;
}
.registerReward-img-area .content-wrapper .content[data-v-0fbc45dc] {
  font-size: 0.75rem;
  padding: 0 0.375rem;
}
.light-img[data-v-0fbc45dc] {
  width: 19.5625rem;
  height: 19.5625rem;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
  z-index: 10;
  transform-origin: center;
}
.wheel-light[data-v-0fbc45dc] {
  animation-name: lightAnimation-0fbc45dc;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  pointer-events: none;
}
.wheel-banner[data-v-0fbc45dc] {
  pointer-events: none;
}
.footer[data-v-0fbc45dc] {
  width: 24.375rem;
  height: 5rem;
  background: #262624;
  border-top: 1px solid #292D36;
  box-shadow: none;
}
@keyframes spin-0fbc45dc {
from {
    transform: rotate(0deg);
    /* 起始位置 */
}
to {
    transform: rotate(360deg);
    /* 结束位置 */
}
}
@keyframes lightAnimation-0fbc45dc {
0% {
    transform: rotate(0deg);
}
49.99% {
    transform: rotate(0deg);
}
50% {
    transform: rotate(22.5deg);
}
99.99% {
    transform: rotate(22.5deg);
}
100% {
    transform: rotate(0deg);
}
}
@keyframes lighter-0fbc45dc {
0% {
    transform: scale(0.3);
    opacity: 1;
}
50% {
    opacity: 1;
}
100% {
    transform: scale(1.8);
    opacity: 0;
}
}
@keyframes lighter-2-0fbc45dc {
0% {
    transform: scale(0.8);
}
100% {
    opacity: 0;
    transform: scale(1.8);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-button[data-v-e9b28ae3] {
  --background: linear-gradient(180deg, #72CB45 0%, #337611 100%);
  min-height: 2.8125rem;
}
button.install[data-v-e9b28ae3] {
  background: #01875f;
  color: white;
  border-radius: 0.5rem;
  width: 100%;
  height: 2.8125rem;
}

ion-modal#modal-download-loading[data-v-64e077ea]::part(content) {
  --height: fit-content;
  box-shadow: none !important;
  /* 去除弹窗默认阴影 */
}

.content[data-v-cc7dcda2] {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.content[data-v-87874fbe] {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}
.icon-generic[data-v-87874fbe] {
  content: image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIAQMAAABvIyEEAAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAENJREFUeF7tzbEJACEQRNGBLeAasBCza2lLEGx0CxFGG9hBMDDxRy/72O9FMnIFapGylsu1fgoBdkXfUHLrQgdfrlJN1BdYBjQQm3UAAAAASUVORK5CYII=) 1x);
}
.bg-restricted[data-v-87874fbe] {
  width: 100%;
  background-color: #fff;
  --color-screen-bg: #fff;
  padding: 0 20px;
}
ion-app[data-v-87874fbe] {
  --color-screen-bg: #fff;
}
@media (max-width: 468px) {
.button-full-container[data-v-87874fbe] {
    position: absolute;
    bottom: 22px;
    box-sizing: border-box;
    display: flex;
    left: 0;
    justify-content: center;
}
.button-full[data-v-87874fbe] {
    margin: 20px;
    display: inline-block;
    padding: 16px 12px !important;
    width: calc(100% - 64px);
    font-size: 14px;
}
}
.button-full[data-v-87874fbe] {
  background-color: #1a73e8;
  color: #fff;
  border: 0;
  border-radius: 20px;
  box-sizing: border-box;
  cursor: pointer;
  float: right;
  margin-top: 50px;
  padding: 8px 16px;
  transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-user-select: none;
          user-select: none;
  font-weight: 500;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.color[data-v-fb78e3a7] {
  color: rgba(255, 255, 255, 0.4);
}
.page-405 .cloud[data-v-fb78e3a7] {
  width: 327px;
  height: 127px;
  margin: 22px auto 0;
  background: url('/assets/cloud-dark-r2-C-QtiMyB.svg') no-repeat;
  background-size: cover;
}
.page-405 .main-area[data-v-fb78e3a7] {
  width: 24.375rem;
  height: 28.125rem;
  background: url('/assets/limit-dark-r2-DaCmJFbR.png') no-repeat;
  background-size: cover;
  text-align: center;
  font-family: Saira;
  color: rgba(255, 255, 255, 0.4);
}
.page-405 .main-area .title[data-v-fb78e3a7] {
  color: #DF8644;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  padding-top: 240px;
}
.page-405 .main-area .text[data-v-fb78e3a7] {
  width: 366px;
  font-size: 0.75rem;
  line-height: 1.125rem;
  box-sizing: border-box;
  padding: 0 21px;
  margin: 16px auto 60px;
}
.page-405 .main-area .support[data-v-fb78e3a7] {
  display: flex;
  width: 242px;
  height: 52px;
  line-height: 52px;
  justify-content: center;
  align-items: center;
  border-radius: 52px;
  box-sizing: border-box;
  border: 0.0625rem solid rgba(255, 255, 255, 0.2);
  margin: 0 auto;
  font-weight: 500px;
  color: #fff;
  font-size: 16px;
}
.page-405 .main-area .support .support-icon[data-v-fb78e3a7] {
  font-size: 26px;
  margin-right: 10px;
  color: #fff;
}
.page-405 .technical-support[data-v-fb78e3a7] {
  color: rgba(255, 255, 255, 0.4);
  width: 12.5rem;
  height: 1.125rem;
  line-height: 1.125rem;
  font-size: 0.75rem;
  text-align: center;
  margin: 13.125rem auto 0;
}
.page-405 .technical-support span[data-v-fb78e3a7] {
  color: #6691D5;
  font-weight: 700;
}

.playground[data-v-a770fcc4] {
  max-width: 1400px;
  margin: 0 auto;
  color: var(--ion-text-color, #e0e0e0);
}
.input-section[data-v-a770fcc4], .config-section[data-v-a770fcc4], .results-section[data-v-a770fcc4], .log-section[data-v-a770fcc4] {
  margin-bottom: 30px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
textarea[data-v-a770fcc4] {
  width: 100%;
  padding: 12px;
  background: rgba(0, 0, 0, 0.3);
  color: #00ff00;
  border: 1px solid rgba(0, 255, 0, 0.3);
  border-radius: 4px;
  font-family: monospace;
  font-size: 14px;
  resize: vertical;
}
.quick-tests[data-v-a770fcc4] {
  margin-top: 15px;
}
.quick-tests button[data-v-a770fcc4] {
  margin: 5px;
  padding: 8px 16px;
  background: rgba(56, 128, 255, 0.2);
  color: #3880ff;
  border: 1px solid #3880ff;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}
.quick-tests button[data-v-a770fcc4]:hover {
  background: rgba(56, 128, 255, 0.4);
  transform: translateY(-2px);
}
.config-grid[data-v-a770fcc4] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 15px;
  margin-top: 10px;
}
.config-grid label[data-v-a770fcc4] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.config-grid input[type="checkbox"][data-v-a770fcc4] {
  margin-right: 8px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.result-grid[data-v-a770fcc4] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  margin-top: 20px;
}
.result-box[data-v-a770fcc4] {
  padding: 15px;
  border-radius: 8px;
  border: 2px solid;
  min-height: 100px;
}
.result-box.strict[data-v-a770fcc4] {
  border-color: #ff4444;
  background: rgba(255, 68, 68, 0.1);
}
.result-box.moderate[data-v-a770fcc4] {
  border-color: #ff9900;
  background: rgba(255, 153, 0, 0.1);
}
.result-box.compatible[data-v-a770fcc4] {
  border-color: #00aa00;
  background: rgba(0, 170, 0, 0.1);
}
.result-box.iframe[data-v-a770fcc4] {
  border-color: #4444ff;
  background: rgba(68, 68, 255, 0.1);
}
.result-box.danger[data-v-a770fcc4] {
  border-color: #ff0000;
  background: rgba(255, 0, 0, 0.2);
  animation: pulse-a770fcc4 2s infinite;
}
@keyframes pulse-a770fcc4 {
0% { opacity: 1;
}
50% { opacity: 0.7;
}
100% { opacity: 1;
}
}
.result-box h4[data-v-a770fcc4] {
  margin: 0 0 10px 0;
  color: inherit;
}
pre[data-v-a770fcc4] {
  background: rgba(0, 0, 0, 0.3);
  padding: 10px;
  border-radius: 4px;
  overflow-x: auto;
  color: #00ff00;
  font-size: 12px;
  border: 1px solid rgba(0, 255, 0, 0.2);
}
.log-list[data-v-a770fcc4] {
  max-height: 200px;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.3);
  padding: 10px;
  border-radius: 4px;
  font-family: monospace;
  font-size: 12px;
}
.log-item[data-v-a770fcc4] {
  display: grid;
  grid-template-columns: 80px 100px 80px 1fr;
  gap: 10px;
  padding: 5px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.log-item .time[data-v-a770fcc4] {
  color: #888;
}
.log-item .mode[data-v-a770fcc4] {
  color: #3880ff;
}
.log-item .level[data-v-a770fcc4] {
  font-weight: bold;
}
.log-item .level.high[data-v-a770fcc4] {
  color: #ff4444;
}
.log-item .level.medium[data-v-a770fcc4] {
  color: #ff9900;
}
.log-item .level.low[data-v-a770fcc4] {
  color: #00aa00;
}
.clear-btn[data-v-a770fcc4] {
  margin-top: 10px;
  padding: 8px 16px;
  background: rgba(255, 68, 68, 0.2);
  color: #ff4444;
  border: 1px solid #ff4444;
  border-radius: 4px;
  cursor: pointer;
}
h2[data-v-a770fcc4] {
  color: var(--ion-color-secondary, #0cd1e8);
  margin-bottom: 15px;
}
h3[data-v-a770fcc4] {
  color: var(--ion-color-tertiary, #7044ff);
  margin-bottom: 10px;
}

.test-container[data-v-28fae1f9] {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}
h2[data-v-28fae1f9] {
  color: #333;
  margin-bottom: 10px;
}
.description[data-v-28fae1f9] {
  color: #666;
  margin-bottom: 30px;
  font-size: 14px;
}
.button-group[data-v-28fae1f9] {
  margin: 15px 0;
}
.results[data-v-28fae1f9] {
  margin-top: 20px;
  padding: 15px;
  background: #f5f5f5;
  border-radius: 8px;
}
.results h4[data-v-28fae1f9] {
  margin-top: 0;
  margin-bottom: 15px;
  color: #333;
}
.result-item[data-v-28fae1f9] {
  background: white;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
  border-left: 3px solid #3880ff;
}
.result-header[data-v-28fae1f9] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.result-header strong[data-v-28fae1f9] {
  color: #333;
}
.timestamp[data-v-28fae1f9] {
  color: #666;
  font-size: 12px;
}
.result-detail[data-v-28fae1f9] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.label[data-v-28fae1f9] {
  color: #666;
  font-size: 14px;
}
.value[data-v-28fae1f9] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: bold;
}
.value.cached[data-v-28fae1f9] {
  color: #2dd36f;
}
.value.network[data-v-28fae1f9] {
  color: #3880ff;
}
.result-summary[data-v-28fae1f9] {
  background: white;
  padding: 15px;
  border-radius: 4px;
}
.result-summary p[data-v-28fae1f9] {
  margin: 8px 0;
}
.timeline-summary[data-v-28fae1f9] {
  background: white;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 15px;
}
.timeline-summary p[data-v-28fae1f9] {
  margin: 8px 0;
}
.instructions[data-v-28fae1f9] {
  margin: 15px 0;
  padding-left: 20px;
}
.instructions li[data-v-28fae1f9] {
  margin: 8px 0;
  line-height: 1.6;
}
.instructions code[data-v-28fae1f9] {
  background: #f0f0f0;
  padding: 2px 6px;
  border-radius: 3px;
  font-family: monospace;
}
.legend[data-v-28fae1f9] {
  list-style: none;
  padding: 0;
  margin-top: 10px;
}
.legend li[data-v-28fae1f9] {
  display: flex;
  align-items: center;
  margin: 8px 0;
}
.legend .icon[data-v-28fae1f9] {
  margin-right: 10px;
  font-size: 18px;
}
ion-card[data-v-28fae1f9] {
  margin-bottom: 20px;
}
ion-card-title[data-v-28fae1f9] {
  font-size: 18px;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index[data-v-f788efa6] {
  width: 100%;
  bottom: -1px;
  position: absolute;
  z-index: 10;
}
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar[data-v-f788efa6] {
  --background: #191e2d;
}
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn[data-v-f788efa6] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  /* 底部导航栏点击水波纹颜色 */
}
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .tab-img[data-v-f788efa6] {
  color: #566488;
  font-size: 1.5rem;
}
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .label[data-v-f788efa6] {
  color: #566488;
  font-size: 0.625rem;
}
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .on[data-v-f788efa6],
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .active[data-v-f788efa6] {
  color: #fff;
}
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .on[data-v-f788efa6] {
  animation: buttonAnimation-f788efa6 500ms;
}
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .point-1[data-v-f788efa6] {
  top: 0.5625rem;
  right: 1.25rem;
}
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .point-4[data-v-f788efa6] {
  top: 0.5rem;
  right: 1.2rem;
}
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .redPoint[data-v-f788efa6] {
  animation: breathing-f788efa6 3s infinite;
}
.green-default .tabbar-MainPage-components-Tabs-Tabs1-index[data-v-f788efa6] {
  width: 100%;
  bottom: -1px;
  position: absolute;
  z-index: 10;
}
.green-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar[data-v-f788efa6] {
  --background: #2b4f14;
}
.green-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn[data-v-f788efa6] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  /* 底部导航栏点击水波纹颜色 */
}
.green-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .tab-img[data-v-f788efa6] {
  color: #7e9071;
  font-size: 1.5rem;
}
.green-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .label[data-v-f788efa6] {
  color: #7e9071;
  font-size: 0.625rem;
}
.green-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .on[data-v-f788efa6],
.green-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .active[data-v-f788efa6] {
  color: #fbed3c;
}
.green-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .on[data-v-f788efa6] {
  animation: buttonAnimation-f788efa6 500ms;
}
.green-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .point-1[data-v-f788efa6] {
  top: 0.5625rem;
  right: 1.25rem;
}
.green-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .point-4[data-v-f788efa6] {
  top: 0.5rem;
  right: 1.2rem;
}
.green-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .redPoint[data-v-f788efa6] {
  animation: breathing-f788efa6 3s infinite;
}
.amber-purple .tabbar-MainPage-components-Tabs-Tabs1-index[data-v-f788efa6] {
  width: 100%;
  bottom: -1px;
  position: absolute;
  z-index: 10;
}
.amber-purple .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar[data-v-f788efa6] {
  --background: #3b3466;
}
.amber-purple .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn[data-v-f788efa6] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  /* 底部导航栏点击水波纹颜色 */
}
.amber-purple .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .tab-img[data-v-f788efa6] {
  color: #686299;
  font-size: 1.5rem;
}
.amber-purple .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .label[data-v-f788efa6] {
  color: #686299;
  font-size: 0.625rem;
}
.amber-purple .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .on[data-v-f788efa6],
.amber-purple .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .active[data-v-f788efa6] {
  color: #F5C84C;
}
.amber-purple .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .on[data-v-f788efa6] {
  animation: buttonAnimation-f788efa6 500ms;
}
.amber-purple .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .point-1[data-v-f788efa6] {
  top: 0.5625rem;
  right: 1.25rem;
}
.amber-purple .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .point-4[data-v-f788efa6] {
  top: 0.5rem;
  right: 1.2rem;
}
.amber-purple .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .redPoint[data-v-f788efa6] {
  animation: breathing-f788efa6 3s infinite;
}
@keyframes buttonAnimation-f788efa6 {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
@keyframes breathing-f788efa6 {
0% {
    opacity: 0.5;
    transform: scale(1);
}
50% {
    opacity: 1;
    transform: scale(1.2);
}
100% {
    opacity: 0.5;
    transform: scale(1);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
@keyframes buttonAnimation-8d0c14af {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
.blue-default .outer-wrap[data-v-8d0c14af] {
  width: 100%;
  position: absolute;
  bottom: -0.0625rem;
  z-index: 10;
}
.blue-default .outer-wrap .tab-bar[data-v-8d0c14af] {
  --background: linear-gradient(to bottom, transparent 50px, #182344 50px);
  z-index: 10;
  height: 3.5rem;
}
.blue-default .outer-wrap .tab-bar .inner-wrap[data-v-8d0c14af] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg[data-v-8d0c14af] {
  display: flex;
  height: 100%;
  background: var(--e858de30);
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn[data-v-8d0c14af] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.25rem;
  position: relative;
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn .tab-img[data-v-8d0c14af] {
  width: 1.875rem;
  height: 1.875rem;
  background-position: 0% 0%;
  background-size: cover;
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn .tab-img.on[data-v-8d0c14af] {
  animation: buttonAnimation-8d0c14af 500ms;
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn .label[data-v-8d0c14af] {
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1;
  color: #566488;
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn .label.active[data-v-8d0c14af] {
  color: #fff;
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn .flexible-text[data-v-8d0c14af] {
  color: #94ff7f;
  margin-bottom: 0.3125rem;
  margin-top: auto;
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn .point-1[data-v-8d0c14af] {
  top: 0.3125rem;
  right: 1.5625rem;
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn .point-4[data-v-8d0c14af] {
  top: 0.3125rem;
  right: 1.5rem;
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .underline[data-v-8d0c14af] {
  position: absolute;
  width: 0.5rem;
  height: 0.125rem;
  background-color: #94ff7f;
  transition: left 0.3s;
  bottom: 0.3125rem;
  transform: translateX(-50%);
  border-radius: 0.125rem;
}
.blue-default .deposit[data-v-8d0c14af] {
  width: 11.25rem;
  height: 3rem;
  position: absolute;
  left: 50%;
  bottom: 1.3125rem;
  transform: translateX(-50%);
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: env(safe-area-inset-bottom);
  background: url('/first/svg/tabbar/deposit-blue-dark.svg') no-repeat top / cover;
}
.blue-default .deposit .tab-img[data-v-8d0c14af] {
  width: 3rem;
  height: 3rem;
  margin-top: 0.1875rem;
  background-position: 0% 0%;
  background-size: cover;
}
.blue-default .deposit .tab-img.on[data-v-8d0c14af] {
  animation: buttonAnimation-8d0c14af 500ms;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default .tab-bar[data-v-95cce9b7] {
  --background: linear-gradient(to bottom, transparent 1.875rem, #101629 1.875rem);
  width: 100%;
  position: absolute;
  bottom: -0.0625rem;
  padding-top: 1.875rem;
}
.blue-default .tab-bar .inner-wrap[data-v-95cce9b7] {
  width: 100%;
  height: 3.125rem;
  display: flex;
  background: transparent;
}
.blue-default .tab-bar .inner-wrap .tab-btn[data-v-95cce9b7] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.blue-default .tab-bar .inner-wrap .tab-btn[data-v-95cce9b7]:not(:nth-child(1)) {
  gap: 0.3125rem;
}
.blue-default .tab-bar .inner-wrap .tab-btn ion-menu-toggle[data-v-95cce9b7] {
  height: 1.25rem;
}
.blue-default .tab-bar .inner-wrap .tab-btn .tab-label[data-v-95cce9b7],
.blue-default .tab-bar .inner-wrap .tab-btn .flexible-label[data-v-95cce9b7] {
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1;
  color: #405777;
}
.blue-default .tab-bar .inner-wrap .tab-btn .tab-img[data-v-95cce9b7] {
  font-size: 1.25rem;
  color: #405777;
}
.blue-default .tab-bar .inner-wrap .tab-btn .svg-with-gaps[data-v-95cce9b7] {
  font-size: 1.75rem;
  margin-top: -0.1875rem;
}
.blue-default .tab-bar .inner-wrap .tab-btn .flexible-img[data-v-95cce9b7] {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  font-size: 2.8125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #101629;
  position: absolute;
  top: 0;
  transform: translateY(-45%);
}
.blue-default .tab-bar .inner-wrap .tab-btn .flexible-label[data-v-95cce9b7] {
  margin-bottom: 0.4375rem;
  margin-top: auto;
}
.blue-default .tab-bar .inner-wrap .active-tab[data-v-95cce9b7] {
  animation: buttonAnimation-95cce9b7 500ms;
}
.blue-default .tab-bar .inner-wrap .active-tab .tab-label[data-v-95cce9b7],
.blue-default .tab-bar .inner-wrap .active-tab .flexible-label[data-v-95cce9b7] {
  background: linear-gradient(95deg, #076FC8 -3.84%, #0F8C85 82.92%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.blue-default .tab-bar .inner-wrap .point-1[data-v-95cce9b7] {
  top: 0.1875rem;
  right: 1.5rem;
}
.blue-default .tab-bar .inner-wrap .point-3[data-v-95cce9b7] {
  top: 0.1875rem;
  right: 1.75rem;
}
@keyframes buttonAnimation-95cce9b7 {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.green-default .tab-bar[data-v-475778e7] {
  --background: #2b4f14;
  width: 100%;
  position: absolute;
  bottom: -0.0625rem;
  height: 3.5rem;
}
.green-default .tab-bar .inner-wrap[data-v-475778e7] {
  width: 100%;
  display: flex;
}
.green-default .tab-bar .inner-wrap .tab-btn[data-v-475778e7] {
  height: 2.875rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.green-default .tab-bar .inner-wrap .tab-btn .tab-text[data-v-475778e7] {
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1;
}
.green-default .tab-bar .inner-wrap .tab-btn .tab-img[data-v-475778e7] {
  font-size: 1.875rem;
}
.green-default .tab-bar .inner-wrap .tab-btn .tab-img[data-v-475778e7],
.green-default .tab-bar .inner-wrap .tab-btn .tab-text[data-v-475778e7] {
  color: #7e9071;
}
.green-default .tab-bar .inner-wrap .active-tab[data-v-475778e7] {
  animation: buttonAnimation-475778e7 500ms;
}
.green-default .tab-bar .inner-wrap .active-tab .tab-img[data-v-475778e7],
.green-default .tab-bar .inner-wrap .active-tab .tab-text[data-v-475778e7] {
  color: #FBED3C;
  z-index: 2;
}
.green-default .tab-bar .inner-wrap .active-tab .tab-text[data-v-475778e7] {
  font-size: 0.5625rem;
}
.green-default .tab-bar .inner-wrap .active-tab .active-block[data-v-475778e7] {
  position: absolute;
  width: 2.875rem;
  height: 2.875rem;
  background: url('/svg/tabbar/masking1.svg') no-repeat center / 100% 100%;
  border-radius: 0.4375rem;
  z-index: 1;
}
.green-default .tab-bar .inner-wrap .point-1[data-v-475778e7] {
  top: 0.1875rem;
  right: 1.5rem;
}
.green-default .tab-bar .inner-wrap .point-4[data-v-475778e7] {
  top: 0.1875rem;
  right: 1.75rem;
}
.forest-green .tab-bar[data-v-475778e7] {
  --background: var(--color-bg-400);
  width: 100%;
  position: absolute;
  bottom: -0.0625rem;
  height: 3.5rem;
}
.forest-green .tab-bar .inner-wrap[data-v-475778e7] {
  width: 100%;
  display: flex;
}
.forest-green .tab-bar .inner-wrap .tab-btn[data-v-475778e7] {
  height: 2.875rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.forest-green .tab-bar .inner-wrap .tab-btn .tab-text[data-v-475778e7] {
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1;
}
.forest-green .tab-bar .inner-wrap .tab-btn .tab-img[data-v-475778e7] {
  font-size: 1.875rem;
}
.forest-green .tab-bar .inner-wrap .tab-btn .tab-img[data-v-475778e7],
.forest-green .tab-bar .inner-wrap .tab-btn .tab-text[data-v-475778e7] {
  color: #50B388;
}
.forest-green .tab-bar .inner-wrap .active-tab[data-v-475778e7] {
  animation: buttonAnimation-475778e7 500ms;
}
.forest-green .tab-bar .inner-wrap .active-tab .tab-img[data-v-475778e7],
.forest-green .tab-bar .inner-wrap .active-tab .tab-text[data-v-475778e7] {
  color: #183009;
  z-index: 2;
}
.forest-green .tab-bar .inner-wrap .active-tab .tab-text[data-v-475778e7] {
  font-size: 0.5625rem;
}
.forest-green .tab-bar .inner-wrap .active-tab .active-block[data-v-475778e7] {
  position: absolute;
  width: 2.875rem;
  height: 2.875rem;
  background: url('/svg/tabbar/masking2.svg') no-repeat center / 100% 100%;
  border-radius: 0.4375rem;
  z-index: 1;
}
.forest-green .tab-bar .inner-wrap .point-1[data-v-475778e7] {
  top: 0.1875rem;
  right: 1.5rem;
}
.forest-green .tab-bar .inner-wrap .point-4[data-v-475778e7] {
  top: 0.1875rem;
  right: 1.75rem;
}
.amber-purple .tab-bar[data-v-475778e7] {
  --background: #2C274D;
  width: 100%;
  position: absolute;
  bottom: -0.0625rem;
  height: 3.5rem;
}
.amber-purple .tab-bar .inner-wrap[data-v-475778e7] {
  width: 100%;
  display: flex;
}
.amber-purple .tab-bar .inner-wrap .tab-btn[data-v-475778e7] {
  height: 2.875rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.amber-purple .tab-bar .inner-wrap .tab-btn .tab-text[data-v-475778e7] {
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1;
}
.amber-purple .tab-bar .inner-wrap .tab-btn .tab-img[data-v-475778e7] {
  font-size: 1.875rem;
}
.amber-purple .tab-bar .inner-wrap .tab-btn .tab-img[data-v-475778e7],
.amber-purple .tab-bar .inner-wrap .tab-btn .tab-text[data-v-475778e7] {
  color: #BDB8E1;
}
.amber-purple .tab-bar .inner-wrap .active-tab[data-v-475778e7] {
  animation: buttonAnimation-475778e7 500ms;
}
.amber-purple .tab-bar .inner-wrap .active-tab .tab-img[data-v-475778e7],
.amber-purple .tab-bar .inner-wrap .active-tab .tab-text[data-v-475778e7] {
  color: #fff;
  z-index: 2;
}
.amber-purple .tab-bar .inner-wrap .active-tab .tab-text[data-v-475778e7] {
  font-size: 0.5625rem;
}
.amber-purple .tab-bar .inner-wrap .active-tab .active-block[data-v-475778e7] {
  position: absolute;
  width: 2.875rem;
  height: 2.875rem;
  background: url('/svg/tabbar/masking3.svg') no-repeat center / 100% 100%;
  border-radius: 0.4375rem;
  z-index: 1;
}
.amber-purple .tab-bar .inner-wrap .point-1[data-v-475778e7] {
  top: 0.1875rem;
  right: 1.5rem;
}
.amber-purple .tab-bar .inner-wrap .point-4[data-v-475778e7] {
  top: 0.1875rem;
  right: 1.75rem;
}
.blue-default .tab-bar[data-v-475778e7] {
  --background: #182344;
  width: 100%;
  position: absolute;
  bottom: -0.0625rem;
  height: 3.5rem;
}
.blue-default .tab-bar .inner-wrap[data-v-475778e7] {
  width: 100%;
  display: flex;
}
.blue-default .tab-bar .inner-wrap .tab-btn[data-v-475778e7] {
  height: 2.875rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.blue-default .tab-bar .inner-wrap .tab-btn .tab-text[data-v-475778e7] {
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1;
}
.blue-default .tab-bar .inner-wrap .tab-btn .tab-img[data-v-475778e7] {
  font-size: 1.875rem;
}
.blue-default .tab-bar .inner-wrap .tab-btn .tab-img[data-v-475778e7],
.blue-default .tab-bar .inner-wrap .tab-btn .tab-text[data-v-475778e7] {
  color: rgba(255, 255, 255, 0.4);
}
.blue-default .tab-bar .inner-wrap .active-tab[data-v-475778e7] {
  animation: buttonAnimation-475778e7 500ms;
}
.blue-default .tab-bar .inner-wrap .active-tab .tab-img[data-v-475778e7],
.blue-default .tab-bar .inner-wrap .active-tab .tab-text[data-v-475778e7] {
  color: #1680DC;
  z-index: 2;
}
.blue-default .tab-bar .inner-wrap .active-tab .tab-text[data-v-475778e7] {
  font-size: 0.5625rem;
}
.blue-default .tab-bar .inner-wrap .active-tab .active-block[data-v-475778e7] {
  position: absolute;
  width: 2.875rem;
  height: 2.875rem;
  background: url('/svg/tabbar/masking4.svg') no-repeat center / 100% 100%;
  border-radius: 0.4375rem;
  z-index: 1;
}
.blue-default .tab-bar .inner-wrap .point-1[data-v-475778e7] {
  top: 0.1875rem;
  right: 1.5rem;
}
.blue-default .tab-bar .inner-wrap .point-4[data-v-475778e7] {
  top: 0.1875rem;
  right: 1.75rem;
}
@keyframes buttonAnimation-475778e7 {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.tab-bar[data-v-5187c78e] {
  --tab-bar-height: 3.5rem;
  --transparent-height: 3.0625rem;
  --background: linear-gradient(to bottom, transparent var(--transparent-height), #24221F var(--transparent-height));
  width: 100%;
  height: var(--tab-bar-height);
  position: absolute;
  bottom: -0.0625rem;
  z-index: 10;
  padding-top: 2.0625rem;
}
.tab-bar .inner-wrap[data-v-5187c78e] {
  width: 100%;
  height: var(--tab-bar-height);
  border-radius: 1rem 1rem 0 0;
  display: flex;
  background: #24221F;
}
.tab-bar .inner-wrap .tab-btn[data-v-5187c78e] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.tab-bar .inner-wrap .tab-btn ion-menu-toggle[data-v-5187c78e] {
  height: 1.25rem;
}
.tab-bar .inner-wrap .tab-btn .tab-label[data-v-5187c78e],.tab-bar .inner-wrap .tab-btn .flexible-label[data-v-5187c78e] {
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1;
  color: var(--text-color2);
}
.tab-bar .inner-wrap .tab-btn .tab-img[data-v-5187c78e] {
  width: 1.875rem;
}
.tab-bar .inner-wrap .tab-btn .svg-with-gaps[data-v-5187c78e] {
  font-size: 1.75rem;
  margin-top: -0.1875rem;
}
.tab-bar .inner-wrap .tab-btn .flexible-img[data-v-5187c78e] {
  width: 4.125rem;
  height: 4.125rem;
  border-radius: 50%;
  font-size: 2.8125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #24221F;
  position: absolute;
  top: 0;
  transform: translateY(-45%);
}
.tab-bar .inner-wrap .tab-btn .flexible-img .flexible-img-backdrop[data-v-5187c78e] {
  position: absolute;
  top: 0.5rem;
  left: 0;
  font-size: 4.125rem;
}
.tab-bar .inner-wrap .tab-btn .flexible-img .flexible-img-ring[data-v-5187c78e] {
  position: absolute;
  font-size: 3.1875rem;
  animation: rotate-5187c78e 5s linear infinite;
}
.tab-bar .inner-wrap .tab-btn .flexible-img .flexible-img-main[data-v-5187c78e] {
  position: absolute;
  top: 24%;
  width: 2.625rem;
  height: 2.625rem;
}
.tab-bar .inner-wrap .tab-btn .flexible-label[data-v-5187c78e] {
  margin-bottom: 0.4375rem;
  margin-top: auto;
}
.tab-bar .inner-wrap .active-tab[data-v-5187c78e] {
  animation: buttonAnimation-5187c78e 500ms;
}
.tab-bar .inner-wrap .active-tab .tab-label[data-v-5187c78e],.tab-bar .inner-wrap .active-tab .flexible-label[data-v-5187c78e] {
  background: var(--text-color1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.tab-bar .inner-wrap .point-1[data-v-5187c78e] {
  top: 0.625rem;
  right: 1.375rem;
}
.tab-bar .inner-wrap .point-3[data-v-5187c78e] {
  top: 0.6875rem;
  right: 1.25rem;
}
.tab-bar .inner-wrap .point-4[data-v-5187c78e] {
  top: 0.5rem;
  right: 1.875rem;
}
@keyframes buttonAnimation-5187c78e {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
@keyframes rotate-5187c78e {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.auroral-yellow .tab-bar .inner-wrap .tab-btn .flexible-img[data-v-5187c78e] {
  fill: #24221F;
  box-shadow: 0 0.125rem 0.25rem -0.125rem rgba(238, 255, 0, 0.25) inset;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.menu-btn[data-v-ba534993] {
  padding-inline: 0.75rem;
}
ion-buttons ion-icon[data-v-ba534993] {
  transition: all 0.3s;
}
.menu-scaleX[data-v-ba534993] {
  transform: rotate(180deg);
}
.menu-bar[data-v-ba534993] {
  color: #fff;
}
.green-default .menu-bar[data-v-ba534993] {
  color: #7E9071;
}
.green-default .v02 .menu-bar[data-v-ba534993] {
  color: #AFC69F;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default ion-menu[data-v-de6ba438] {
  /* 抽屉菜单样式 */
  --max-width: 10.625rem;
  --background: transparent;
}
.blue-default ion-menu ion-header ion-toolbar[data-v-de6ba438] {
  --background: #090f1f;
  --border-color: #1a233e;
}
.blue-default ion-menu ion-content[data-v-de6ba438]::part(background) {
  /* 抽屉菜单背景样式(不含头部)) */
  background: #090F1F;
}
.blue-default ion-menu .game-type-tab[data-v-de6ba438] {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.625rem;
  padding-bottom: 5px;
  background: #1C2334;
}
.blue-default ion-menu .game-type-tab .img[data-v-de6ba438] {
  width: 2.25rem;
  height: 2.25rem;
}
.blue-default ion-menu .game-type-tab ion-label[data-v-de6ba438] {
  color: #6D788D;
}
.blue-default ion-menu .active-game-type[data-v-de6ba438] {
  animation: fadeToTransparent-de6ba438 200ms linear forwards;
}
.blue-default ion-menu .records[data-v-de6ba438] {
  display: flex;
  margin-inline: 0.625rem;
  border-radius: 0.625rem;
  align-items: center;
  height: 2.5rem;
  padding-inline: 1.375rem;
  background: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
}
.blue-default ion-menu .records .label[data-v-de6ba438] {
  font-size: 0.75rem;
  color: #fff;
}
.blue-default ion-menu .menu-activity[data-v-de6ba438] {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 5rem;
  border-radius: 0.625rem;
  padding-top: 0.5rem;
  background-repeat: no-repeat;
}
.blue-default ion-menu .footer[data-v-de6ba438] {
  display: flex;
  flex-direction: column;
  padding: 0.625rem;
}
.blue-default ion-menu .footer .language[data-v-de6ba438] {
  display: flex;
  align-items: center;
  margin-bottom: 0.625rem;
}
.blue-default ion-menu .footer .language .icon[data-v-de6ba438] {
  font-size: 1.125rem;
  margin-right: 1.25rem;
  margin-left: 0.1875rem;
  color: #fff;
}
.blue-default ion-menu .footer .language .label[data-v-de6ba438] {
  flex: 1;
  font-size: 0.75rem;
  color: #6D788D;
}
.blue-default ion-menu .footer .language .arrow[data-v-de6ba438] {
  font-size: 1.25rem;
  color: #6D788D;
}
.blue-default ion-menu .footer .support[data-v-de6ba438] {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 0.625rem;
}
.blue-default ion-menu .footer .support .icon[data-v-de6ba438] {
  font-size: 1.5rem;
  margin-right: 1.15rem;
  color: #fff;
}
.blue-default ion-menu .footer .support .label[data-v-de6ba438] {
  font-size: 0.75rem;
  color: #fff;
}
.blue-default ion-menu .footer .support .dot[data-v-de6ba438] {
  position: absolute;
  top: 0.0625rem;
  left: 0.875rem;
  background-color: #ff0000;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
}
@keyframes fadeToTransparent-de6ba438 {
from {
    background: #343947;
}
to {
    background: #f000;
}
}
.green-default ion-menu[data-v-de6ba438] {
  /* 抽屉菜单样式 */
  --max-width: 10.625rem;
  --background: transparent;
}
.green-default ion-menu ion-header ion-toolbar[data-v-de6ba438] {
  --background: #2b4f14;
  --border-color: #34571d;
}
.green-default ion-menu ion-content[data-v-de6ba438]::part(background) {
  /* 抽屉菜单背景样式(不含头部)) */
  background: #213b10;
}
.green-default ion-menu .game-type-tab[data-v-de6ba438] {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.625rem;
  padding-bottom: 5px;
  background: #274116;
}
.green-default ion-menu .game-type-tab .img[data-v-de6ba438] {
  width: 2.25rem;
  height: 2.25rem;
}
.green-default ion-menu .game-type-tab ion-label[data-v-de6ba438] {
  color: #7e9071;
}
.green-default ion-menu .active-game-type[data-v-de6ba438] {
  animation: fadeToTransparent-de6ba438 200ms linear forwards;
}
.green-default ion-menu .records[data-v-de6ba438] {
  display: flex;
  margin-inline: 0.625rem;
  border-radius: 0.625rem;
  align-items: center;
  height: 2.5rem;
  padding-inline: 1.375rem;
  background: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
}
.green-default ion-menu .records .label[data-v-de6ba438] {
  font-size: 0.75rem;
  color: #fff;
}
.green-default ion-menu .menu-activity[data-v-de6ba438] {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 5rem;
  border-radius: 0.625rem;
  padding-top: 0.5rem;
  background-repeat: no-repeat;
}
.green-default ion-menu .footer[data-v-de6ba438] {
  display: flex;
  flex-direction: column;
  padding: 0.625rem;
}
.green-default ion-menu .footer .language[data-v-de6ba438] {
  display: flex;
  align-items: center;
  margin-bottom: 0.625rem;
}
.green-default ion-menu .footer .language .icon[data-v-de6ba438] {
  font-size: 1.125rem;
  margin-right: 1.25rem;
  margin-left: 0.1875rem;
  color: #afc69f;
}
.green-default ion-menu .footer .language .label[data-v-de6ba438] {
  flex: 1;
  font-size: 0.75rem;
  color: #7e9071;
}
.green-default ion-menu .footer .language .arrow[data-v-de6ba438] {
  font-size: 1.25rem;
  color: #7e9071;
}
.green-default ion-menu .footer .support[data-v-de6ba438] {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 0.625rem;
}
.green-default ion-menu .footer .support .icon[data-v-de6ba438] {
  font-size: 1.5rem;
  margin-right: 1.15rem;
  color: #afc69f;
}
.green-default ion-menu .footer .support .label[data-v-de6ba438] {
  font-size: 0.75rem;
  color: #afc69f;
}
.green-default ion-menu .footer .support .dot[data-v-de6ba438] {
  position: absolute;
  top: 0.0625rem;
  left: 0.875rem;
  background-color: #ff0000;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
}
@keyframes fadeToTransparent-de6ba438 {
from {
    background: #343947;
}
to {
    background: #f000;
}
}
.amber-purple ion-menu[data-v-de6ba438] {
  /* 抽屉菜单样式 */
  --max-width: 10.625rem;
  --background: transparent;
}
.amber-purple ion-menu ion-header ion-toolbar[data-v-de6ba438] {
  --background: #3B3466;
  --border-color: #5F588C;
}
.amber-purple ion-menu ion-content[data-v-de6ba438]::part(background) {
  /* 抽屉菜单背景样式(不含头部)) */
  background: #262346;
}
.amber-purple ion-menu .game-type-tab[data-v-de6ba438] {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.625rem;
  padding-bottom: 5px;
  background: #2c294d;
}
.amber-purple ion-menu .game-type-tab .img[data-v-de6ba438] {
  width: 2.25rem;
  height: 2.25rem;
}
.amber-purple ion-menu .game-type-tab ion-label[data-v-de6ba438] {
  color: #bdb8e1;
}
.amber-purple ion-menu .active-game-type[data-v-de6ba438] {
  animation: fadeToTransparent-de6ba438 200ms linear forwards;
}
.amber-purple ion-menu .records[data-v-de6ba438] {
  display: flex;
  margin-inline: 0.625rem;
  border-radius: 0.625rem;
  align-items: center;
  height: 2.5rem;
  padding-inline: 1.375rem;
  background: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
}
.amber-purple ion-menu .records .label[data-v-de6ba438] {
  font-size: 0.75rem;
  color: #fff;
}
.amber-purple ion-menu .menu-activity[data-v-de6ba438] {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 5rem;
  border-radius: 0.625rem;
  padding-top: 0.5rem;
  background-repeat: no-repeat;
}
.amber-purple ion-menu .footer[data-v-de6ba438] {
  display: flex;
  flex-direction: column;
  padding: 0.625rem;
}
.amber-purple ion-menu .footer .language[data-v-de6ba438] {
  display: flex;
  align-items: center;
  margin-bottom: 0.625rem;
}
.amber-purple ion-menu .footer .language .icon[data-v-de6ba438] {
  font-size: 1.125rem;
  margin-right: 1.25rem;
  margin-left: 0.1875rem;
  color: #bdb8e1;
}
.amber-purple ion-menu .footer .language .label[data-v-de6ba438] {
  flex: 1;
  font-size: 0.75rem;
  color: #bdb8e1;
}
.amber-purple ion-menu .footer .language .arrow[data-v-de6ba438] {
  font-size: 1.25rem;
  color: #bdb8e1;
}
.amber-purple ion-menu .footer .support[data-v-de6ba438] {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 0.625rem;
}
.amber-purple ion-menu .footer .support .icon[data-v-de6ba438] {
  font-size: 1.5rem;
  margin-right: 1.15rem;
  color: #bdb8e1;
}
.amber-purple ion-menu .footer .support .label[data-v-de6ba438] {
  font-size: 0.75rem;
  color: #bdb8e1;
}
.amber-purple ion-menu .footer .support .dot[data-v-de6ba438] {
  position: absolute;
  top: 0.0625rem;
  left: 0.875rem;
  background-color: #ff0000;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
}
@keyframes fadeToTransparent-de6ba438 {
from {
    background: #343947;
}
to {
    background: #f000;
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-header[data-v-cb1bf378] {
  box-shadow: none;
}
ion-modal#modal-language[data-v-cb1bf378] {
  --width: fit-content;
  --height: fit-content;
  --border-radius: 6px;
  --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
}
ion-header ion-toolbar[data-v-cb1bf378] {
  --background: #141B24CC;
  --border-width: 0 0 0 0 !important;
}
/* 整体滚动条样式 */
[data-v-cb1bf378]::-webkit-scrollbar {
  width: 0.125rem;
  background: #21232a;
}
/* 滑块样式 */
[data-v-cb1bf378]::-webkit-scrollbar-thumb {
  background-color: #2172ae;
  border-radius: 0.0625rem;
}
ion-menu[data-v-cb1bf378] {
  /* 抽屉菜单样式 */
  --max-width: 13.75rem;
  --background: transparent;
  background: rgba(0, 0, 0, 0.7);
}
ion-menu[data-v-cb1bf378]::part(container) {
  border-radius: 0px 1.25rem 1.25rem 0px;
  height: calc(100% - 2.75rem);
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}
ion-menu ion-content[data-v-cb1bf378]::part(background) {
  /* 抽屉菜单背景样式(不含头部)) */
  background: #141B24CC;
}
ion-menu ion-content[data-v-cb1bf378]::part(scroll) {
  padding-left: 5px;
}
ion-menu[data-v-cb1bf378]::part(container) {
  top: 2.75rem;
}
ion-menu-button[data-v-cb1bf378] {
  /* 菜单按钮样式 */
  --padding-start: 5px;
  --padding-end: 5px;
  width: auto;
}
.card .icon[data-v-cb1bf378] {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%);
  border-radius: 0.1875rem;
}
.card .icon .type-icon[data-v-cb1bf378],
.card .icon .type-img[data-v-cb1bf378] {
  width: 100%;
  height: 100%;
}
.card .icon .type-img[data-v-cb1bf378] {
  display: block;
  background-size: 800% 500%;
}
.card ion-label[data-v-cb1bf378] {
  color: #fff;
  font-size: 0.875rem;
  margin-left: 0.375rem;
}
ion-menu-button[data-v-cb1bf378]::part(native) {
  /* 菜单按钮图标样式 */
  font-size: 24px;
}
ion-menu-toggle.on[data-v-cb1bf378] {
  animation: fadeToTransparent-cb1bf378 200ms linear forwards;
}
ion-menu-toggle.records[data-v-cb1bf378] {
  background: #1C2432;
}
@keyframes fadeToTransparent-cb1bf378 {
from {
    background: #343947;
}
to {
    background: rgba(255, 0, 0, 0);
}
}
.support[data-v-cb1bf378] {
  background: linear-gradient(90deg, #11316E 0%, #1C2432 40%, #1C2432 100%);
}
.support .line[data-v-cb1bf378] {
  background: linear-gradient(180deg, #1061FF 0%, #0037A1 100%);
}
.support .text[data-v-cb1bf378] {
  background: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
}
.language[data-v-cb1bf378] {
  background: linear-gradient(90deg, #902B8C 0%, #1C2432 40%, #1C2432 100%);
}
.language .line[data-v-cb1bf378] {
  background: linear-gradient(180deg, #FA10FF 0%, #C50CA8 100%);
}
.language .text[data-v-cb1bf378] {
  background: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
}
.green-default ion-menu ion-content[data-v-cb1bf378]::part(background) {
  background: var(--color-bg-300);
}
.green-default .card[data-v-cb1bf378] {
  background: var(--color-bg-200);
}
.green-default .text[data-v-cb1bf378] {
  color: var(--color-text-gray-100);
}
.green-default .text-sub[data-v-cb1bf378] {
  color: var(--color-text-gray-200);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default ion-menu[data-v-9f72ab67] {
  --width: 60%;
  --max-width: 80%;
}
.blue-default ion-menu[data-v-9f72ab67]::part(container) {
  border-radius: 1.25rem 0 0 1.25rem;
}
.blue-default ion-menu[data-v-9f72ab67]::part(backdrop) {
  opacity: 0.7 !important;
}
.blue-default ion-menu ion-header ion-toolbar[data-v-9f72ab67] {
  --background: #141b24;
  --padding-start: 0.8125rem;
  --padding-end: 1.25rem;
  --border-width: 0;
  position: relative;
}
.blue-default ion-menu ion-header ion-toolbar[data-v-9f72ab67]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0.8125rem;
  display: block;
  width: calc(100% - 2.0625rem);
  height: 0.0625rem;
  background: linear-gradient(to right, #223246, rgba(34, 50, 70, 0.2));
}
.blue-default ion-menu .assets-box[data-v-9f72ab67] {
  font-weight: 700;
  border: 0.0625rem solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.375rem;
  font-size: 0.875rem;
}
.blue-default ion-menu .assets-box .info[data-v-9f72ab67] {
  color: #fff;
  font-size: 0.6875rem;
  font-weight: 400;
}
.blue-default ion-menu .assets-box .currency[data-v-9f72ab67] {
  color: #fba531;
  font-size: 0.875rem;
  font-weight: 700;
  margin-right: 0.25rem;
}
.blue-default ion-menu .assets-box .assets-box-number[data-v-9f72ab67] {
  color: #fba531;
  font-size: 0.875rem;
  font-weight: 700;
}
.blue-default ion-menu .assets-box .wallet[data-v-9f72ab67] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.875rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  border-radius: 0.25rem;
  margin-left: 0.375rem;
  background: linear-gradient(to bottom, #13c96a, #1d9554);
}
.blue-default ion-menu .assets-box .wallet ion-icon[data-v-9f72ab67] {
  font-size: 1.125rem;
  color: #fff;
}
.blue-default ion-menu .assets-box .deposit[data-v-9f72ab67] {
  margin-left: 0.375rem;
  border-radius: 0.375rem;
  --color: #fff;
  background: linear-gradient(180deg, #13C96A 0%, #1D9554 100%);
}
.blue-default ion-menu .primaryBtn[data-v-9f72ab67] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
}
.blue-default ion-menu .primaryBtn .login[data-v-9f72ab67] {
  flex: 1;
}
.blue-default ion-menu .primaryBtn .login[data-v-9f72ab67]::part(native) {
  background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%);
  color: #fff;
}
.blue-default ion-menu .primaryBtn .register[data-v-9f72ab67]::part(native) {
  background: linear-gradient(to bottom, #13c96a, #1d9554);
  color: #fff;
}
.blue-default ion-menu .primaryBtn .register-btn-warpper[data-v-9f72ab67] {
  flex: 1;
  position: relative;
}
.blue-default ion-menu .primaryBtn .register-btn-warpper .register[data-v-9f72ab67] {
  width: 100%;
  vertical-align: top;
}
.blue-default ion-menu .primaryBtn .register-btn-warpper .rewardTag[data-v-9f72ab67] {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
.blue-default ion-menu ion-button.init-btn[data-v-9f72ab67] {
  --padding-top: 0.375rem;
  --padding-bottom: 0.375rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-feature-settings: 'cpsp' on;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  min-height: min-content;
  --border-radius: 0.375rem;
}
.blue-default ion-menu .menu-content[data-v-9f72ab67] {
  position: relative;
  --padding-start: 0.8125rem;
  --padding-end: 1.375rem;
  --background: #141b24;
}
.blue-default ion-menu .menu-content .card-container[data-v-9f72ab67] {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 0.875rem;
  margin-block-start: 0.875rem;
  padding-block-end: 0.875rem;
}
.blue-default ion-menu .menu-content .card-container[data-v-9f72ab67]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0.0625rem;
  background: linear-gradient(to right, #223246, rgba(34, 50, 70, 0.2));
}
.blue-default ion-menu .menu-content .card-container .card[data-v-9f72ab67] {
  display: flex;
  align-items: center;
}
.blue-default ion-menu .menu-content .card-container .card .img-wall[data-v-9f72ab67] {
  position: relative;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.1875rem;
  margin-inline-end: 0.375rem;
  padding: 0.1875rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%);
}
.blue-default ion-menu .menu-content .card-container .card .img-wall .img[data-v-9f72ab67] {
  width: 100%;
  height: 100%;
}
.blue-default ion-menu .menu-content .card-container .card .img-wall .maintain-icon[data-v-9f72ab67] {
  position: absolute;
  inset: 0;
  z-index: 10;
}
.blue-default ion-menu .menu-content .card-container .card > .img[data-v-9f72ab67] {
  width: 1.75rem;
  height: 1.75rem;
  margin-inline-end: 0.375rem;
  object-fit: fill;
}
.blue-default ion-menu .menu-content .card-container .card > .img[data-v-9f72ab67]::part(image) {
  border-radius: 0.1875rem;
}
.blue-default ion-menu .menu-content .card-container .card .label[data-v-9f72ab67] {
  font-size: 0.875rem;
  font-weight: 400;
  color: #fff;
}
.blue-default ion-menu .menu-content .records[data-v-9f72ab67] {
  display: block;
  border-radius: 0.375rem;
  background: #1c2432;
  padding: 0.625rem 1rem;
  margin-block: 0.9375rem;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 400;
}
.blue-default ion-menu .menu-content .install[data-v-9f72ab67],
.blue-default ion-menu .menu-content .support[data-v-9f72ab67] {
  position: relative;
  padding: 0.4375rem 0.875rem 0.4375rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.375rem;
  overflow: hidden;
}
.blue-default ion-menu .menu-content .install[data-v-9f72ab67]::before,
.blue-default ion-menu .menu-content .support[data-v-9f72ab67]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 0.125rem;
  height: 75%;
}
.blue-default ion-menu .menu-content .install .introduce[data-v-9f72ab67],
.blue-default ion-menu .menu-content .support .introduce[data-v-9f72ab67] {
  margin-inline-end: 0.875rem;
}
.blue-default ion-menu .menu-content .install .introduce .title[data-v-9f72ab67],
.blue-default ion-menu .menu-content .support .introduce .title[data-v-9f72ab67] {
  color: #fff;
  font-size: 0.75rem;
  font-weight: 400;
}
.blue-default ion-menu .menu-content .install .introduce .label[data-v-9f72ab67],
.blue-default ion-menu .menu-content .support .introduce .label[data-v-9f72ab67] {
  color: #787878;
  font-size: 0.625rem;
  font-weight: 400;
}
.blue-default ion-menu .menu-content .install .logo[data-v-9f72ab67],
.blue-default ion-menu .menu-content .support .logo[data-v-9f72ab67] {
  flex-shrink: 0;
  width: 3.125rem;
  border-radius: 24%;
  overflow: hidden;
}
.blue-default ion-menu .menu-content .install[data-v-9f72ab67] {
  margin-block-start: 0.9375rem;
  background: linear-gradient(90deg, #902b8c 0%, #1c2432 40%, #1c2432 100%);
}
.blue-default ion-menu .menu-content .install[data-v-9f72ab67]::before {
  background: linear-gradient(180deg, #fa10ff 0%, #c50ca8 100%);
}
.blue-default ion-menu .menu-content .install + .support[data-v-9f72ab67] {
  margin-block-start: 0.625rem;
}
.blue-default ion-menu .menu-content .support[data-v-9f72ab67] {
  margin-block-start: 0.9375rem;
  background: linear-gradient(90deg, #11316e 0%, #1c2432 40%, #1c2432 100%);
}
.blue-default ion-menu .menu-content .support[data-v-9f72ab67]::before {
  background: linear-gradient(180deg, #1061ff 0%, #0037a1 100%);
}
.blue-default ion-menu .menu-content .support .icon-wall[data-v-9f72ab67] {
  position: relative;
}
.blue-default ion-menu .menu-content .support .icon-wall .icon[data-v-9f72ab67] {
  border-radius: 50%;
  font-size: 1.625rem;
  background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%);
}
.blue-default ion-menu .menu-content .support .icon-wall .dot[data-v-9f72ab67] {
  position: absolute;
  top: 0.0625rem;
  right: 0.125rem;
  background-color: #ff0000;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
}
.blue-default ion-menu .menu-content .tool[data-v-9f72ab67] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block: 0.9375rem;
}
.blue-default ion-menu .menu-content .tool .language[data-v-9f72ab67] {
  margin-inline-start: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3125rem;
  background: #1d2533;
  padding: 0.25rem 0.375rem;
}
.blue-default ion-menu .menu-content .tool .language .label[data-v-9f72ab67] {
  color: #fff;
  font-size: 0.625rem;
  font-weight: 400;
  margin-right: 0.3125rem;
  text-transform: uppercase;
}
.blue-default ion-menu .line[data-v-9f72ab67] {
  width: 100%;
  height: 0.0625rem;
  background: linear-gradient(to right, #223246, rgba(34, 50, 70, 0.2));
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2[data-v-ad2991b9],
.green-default .home-type-Platform.v02 .pwa-HeaderBar-Default2[data-v-ad2991b9] {
  line-height: 1rem;
  --background: url('/images/green-default.png') no-repeat center / 100% 100%;
}
.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .close-btn[data-v-ad2991b9],
.green-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .close-btn[data-v-ad2991b9] {
  padding: 0.2rem;
  min-height: min-content;
  font-size: 1rem;
  margin-inline: 0.625rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .logo[data-v-ad2991b9],
.green-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .logo[data-v-ad2991b9] {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.5rem;
  border: 0.1875rem solid rgba(255, 235, 167, 0.37);
}
.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .logo[data-v-ad2991b9]::part(image),
.green-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .logo[data-v-ad2991b9]::part(image) {
  border-radius: 0.5rem;
}
.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .label[data-v-ad2991b9],
.green-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .label[data-v-ad2991b9] {
  font-family: "Alfa Slab One";
  font-size: 0.875rem;
  font-weight: 400;
  margin-inline-start: 0.75rem;
}
.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .label .text-stroke[data-v-ad2991b9],
.green-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .label .text-stroke[data-v-ad2991b9] {
  background: linear-gradient(180deg, #fff 38.17%, #CBFA6A 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  position: relative;
}
.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .label .text-stroke[data-v-ad2991b9]::before,
.green-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .label .text-stroke[data-v-ad2991b9]::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  text-shadow: 0 0.0883rem 0.0253rem rgba(0, 0, 0, 0.25), 0 0.0253rem 0 #000;
}
.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end[data-v-ad2991b9],
.green-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .toolbar-end[data-v-ad2991b9] {
  position: relative;
  display: flex;
  align-items: flex-end;
  margin-right: 0.5rem;
  height: 1.375rem;
}
.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end .install[data-v-ad2991b9],
.green-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .toolbar-end .install[data-v-ad2991b9] {
  /* 自定义按钮样式 */
  display: flex;
  justify-content: flex-end;
  z-index: -1;
  min-width: 4.7053rem;
  margin-left: -1.25rem;
  align-self: flex-end;
  font-size: 0.625rem;
  border-radius: 0.1875rem;
  border: 0.0625rem solid #fff;
  transform: skewX(-8deg);
  padding: 0.25rem 0.3125rem 0.1875rem 1.2rem;
  background-color: #f3bc00;
  box-shadow: inset 0 0.1875rem 0 0 #fbeb00, inset 0 -0.1875rem 0 0 rgba(223, 141, 78, 0.9);
  filter: drop-shadow(0 0.404px 0 #000) drop-shadow(0 1.413px 0.404px rgba(0, 0, 0, 0.25));
}
.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end .btn-img[data-v-ad2991b9],
.green-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .toolbar-end .btn-img[data-v-ad2991b9] {
  width: 3.125rem;
  height: 1.9063rem;
  margin-block-end: -0.125rem;
}
.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end .install-btn[data-v-ad2991b9],
.green-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .toolbar-end .install-btn[data-v-ad2991b9] {
  color: #fff;
  font-size: 1rem;
  font-weight: 900;
  text-shadow: 0 0 1.5px #2b4f14, 0 0 1.5px #2b4f14, 0 0 1.5px #2b4f14, 0 0 1.5px #2b4f14;
}
.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .close-btn[data-v-ad2991b9],
.green-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .close-btn[data-v-ad2991b9] {
  margin-inline-start: 0.25rem;
  margin-inline-end: 0.625rem;
}
.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2[data-v-ad2991b9],
.forest-green .home-type-Platform.v02 .pwa-HeaderBar-Default2[data-v-ad2991b9] {
  line-height: 1rem;
  --background: url('/images/deep-forest-green.png') no-repeat center / 100% 100%;
}
.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .close-btn[data-v-ad2991b9],
.forest-green .home-type-Platform.v02 .pwa-HeaderBar-Default2 .close-btn[data-v-ad2991b9] {
  padding: 0.2rem;
  min-height: min-content;
  font-size: 1rem;
  margin-inline: 0.625rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .logo[data-v-ad2991b9],
.forest-green .home-type-Platform.v02 .pwa-HeaderBar-Default2 .logo[data-v-ad2991b9] {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.5rem;
  border: 0.1875rem solid #849D69;
}
.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .logo[data-v-ad2991b9]::part(image),
.forest-green .home-type-Platform.v02 .pwa-HeaderBar-Default2 .logo[data-v-ad2991b9]::part(image) {
  border-radius: 0.5rem;
}
.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .label[data-v-ad2991b9],
.forest-green .home-type-Platform.v02 .pwa-HeaderBar-Default2 .label[data-v-ad2991b9] {
  font-family: "Alfa Slab One";
  font-size: 0.875rem;
  font-weight: 400;
  margin-inline-start: 0.75rem;
}
.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .label .text-stroke[data-v-ad2991b9],
.forest-green .home-type-Platform.v02 .pwa-HeaderBar-Default2 .label .text-stroke[data-v-ad2991b9] {
  background: linear-gradient(180deg, #F5F8DD 38.17%, #CBFA6A 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  position: relative;
}
.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .label .text-stroke[data-v-ad2991b9]::before,
.forest-green .home-type-Platform.v02 .pwa-HeaderBar-Default2 .label .text-stroke[data-v-ad2991b9]::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  text-shadow: 0 0.0883rem 0.0253rem rgba(0, 0, 0, 0.25), 0 0.0253rem 0 #000;
}
.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end[data-v-ad2991b9],
.forest-green .home-type-Platform.v02 .pwa-HeaderBar-Default2 .toolbar-end[data-v-ad2991b9] {
  position: relative;
  display: flex;
  align-items: flex-end;
  margin-right: 0.5rem;
  height: 1.375rem;
}
.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end .install[data-v-ad2991b9],
.forest-green .home-type-Platform.v02 .pwa-HeaderBar-Default2 .toolbar-end .install[data-v-ad2991b9] {
  /* 自定义按钮样式 */
  display: flex;
  justify-content: flex-end;
  z-index: -1;
  min-width: 4.7053rem;
  margin-left: -1.25rem;
  align-self: flex-end;
  font-size: 0.625rem;
  border-radius: 0.1875rem;
  border: 0.0625rem solid #fff;
  transform: skewX(-8deg);
  padding: 0.25rem 0.3125rem 0.1875rem 1.2rem;
  background-color: #f3bc00;
  box-shadow: inset 0 0.1875rem 0 0 #fbeb00, inset 0 -0.1875rem 0 0 rgba(223, 141, 78, 0.9);
  filter: drop-shadow(0 0.404px 0 #000) drop-shadow(0 1.413px 0.404px rgba(0, 0, 0, 0.25));
}
.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end .btn-img[data-v-ad2991b9],
.forest-green .home-type-Platform.v02 .pwa-HeaderBar-Default2 .toolbar-end .btn-img[data-v-ad2991b9] {
  width: 3.125rem;
  height: 1.9063rem;
  margin-block-end: -0.125rem;
}
.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end .install-btn[data-v-ad2991b9],
.forest-green .home-type-Platform.v02 .pwa-HeaderBar-Default2 .toolbar-end .install-btn[data-v-ad2991b9] {
  color: #fff;
  font-size: 1rem;
  font-weight: 900;
  text-shadow: 0 0 1.5px #2b4f14, 0 0 1.5px #2b4f14, 0 0 1.5px #2b4f14, 0 0 1.5px #2b4f14;
}
.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .close-btn[data-v-ad2991b9],
.forest-green .home-type-Platform.v02 .pwa-HeaderBar-Default2 .close-btn[data-v-ad2991b9] {
  margin-inline-start: 0.25rem;
  margin-inline-end: 0.625rem;
}
.amber-purple .home-type-Platform.v01 .pwa-HeaderBar-Default2[data-v-ad2991b9] {
  line-height: 1rem;
  --background: url('/images/pwa-amber-purple.png') no-repeat center / 100% 100%;
}
.amber-purple .home-type-Platform.v01 .pwa-HeaderBar-Default2 .close-btn[data-v-ad2991b9] {
  padding: 0.2rem;
  min-height: min-content;
  font-size: 1rem;
  margin-inline: 0.625rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.amber-purple .home-type-Platform.v01 .pwa-HeaderBar-Default2 .logo[data-v-ad2991b9] {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.5rem;
  border: 0.1875rem solid rgba(232, 221, 248, 0.37);
}
.amber-purple .home-type-Platform.v01 .pwa-HeaderBar-Default2 .logo[data-v-ad2991b9]::part(image) {
  border-radius: 0.5rem;
}
.amber-purple .home-type-Platform.v01 .pwa-HeaderBar-Default2 .label[data-v-ad2991b9] {
  font-family: "Alfa Slab One";
  font-size: 0.875rem;
  font-weight: 400;
  margin-inline-start: 0.75rem;
}
.amber-purple .home-type-Platform.v01 .pwa-HeaderBar-Default2 .label .text-stroke[data-v-ad2991b9] {
  background: linear-gradient(180deg, #E8DDF8 38.17%, #A46AFA 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  position: relative;
}
.amber-purple .home-type-Platform.v01 .pwa-HeaderBar-Default2 .label .text-stroke[data-v-ad2991b9]::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  text-shadow: 0 0.0883rem 0.0253rem rgba(0, 0, 0, 0.25), 0 0.0253rem 0 #000;
}
.amber-purple .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end[data-v-ad2991b9] {
  position: relative;
  display: flex;
  align-items: flex-end;
  margin-right: 0.5rem;
  height: 1.375rem;
}
.amber-purple .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end .install[data-v-ad2991b9] {
  /* 自定义按钮样式 */
  display: flex;
  justify-content: flex-end;
  z-index: -1;
  min-width: 4.7053rem;
  margin-left: -1.25rem;
  align-self: flex-end;
  font-size: 0.625rem;
  border-radius: 0.1875rem;
  border: 0.0625rem solid #fff;
  transform: skewX(-8deg);
  padding: 0.25rem 0.3125rem 0.1875rem 1.2rem;
  background-color: #A46AFA;
  box-shadow: inset 0 0.1875rem 0 0 rgb(215, 173, 249), inset 0 -0.1875rem 0 0 rgb(81, 31, 238);
  filter: drop-shadow(0 0.404px 0 #000) drop-shadow(0 1.413px 0.404px rgba(0, 0, 0, 0.25));
}
.amber-purple .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end .btn-img[data-v-ad2991b9] {
  width: 3.125rem;
  height: 1.9063rem;
  margin-block-end: -0.125rem;
}
.amber-purple .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end .install-btn[data-v-ad2991b9] {
  color: #fff;
  font-size: 1rem;
  font-weight: 900;
  text-shadow: 0 0 0.0938rem #5F588C, 0 0 0.0938rem #5F588C, 0 0 0.0938rem #5F588C, 0 0 0.0938rem #5F588C;
}
.amber-purple .home-type-Platform.v01 .pwa-HeaderBar-Default2 .close-btn[data-v-ad2991b9] {
  margin-inline-start: 0.25rem;
  margin-inline-end: 0.625rem;
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2[data-v-ad2991b9] {
  line-height: 1rem;
  --background: url('/images/pwa-blue-default.png') no-repeat center / 100% 100%;
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .close-btn[data-v-ad2991b9] {
  padding: 0.2rem;
  min-height: min-content;
  font-size: 1rem;
  margin-inline: 0.625rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .logo[data-v-ad2991b9] {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.5rem;
  border: 0.1875rem solid rgba(22, 128, 220, 0.37);
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .logo[data-v-ad2991b9]::part(image) {
  border-radius: 0.5rem;
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .label[data-v-ad2991b9] {
  font-family: "Alfa Slab One";
  font-size: 0.875rem;
  font-weight: 400;
  margin-inline-start: 0.75rem;
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .label .text-stroke[data-v-ad2991b9] {
  background: linear-gradient(180deg, #EDF8FF 38.17%, #6EABFF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  position: relative;
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .label .text-stroke[data-v-ad2991b9]::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  text-shadow: 0 0.0883rem 0.0253rem rgba(0, 0, 0, 0.25), 0 0.0253rem 0 #000;
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .toolbar-end[data-v-ad2991b9] {
  position: relative;
  display: flex;
  align-items: flex-end;
  margin-right: 0.5rem;
  height: 1.375rem;
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .toolbar-end .install[data-v-ad2991b9] {
  /* 自定义按钮样式 */
  display: flex;
  justify-content: flex-end;
  z-index: -1;
  min-width: 4.7053rem;
  margin-left: -1.25rem;
  align-self: flex-end;
  font-size: 0.625rem;
  border-radius: 0.1875rem;
  border: 0.0625rem solid #182344;
  transform: skewX(-8deg);
  padding: 0.25rem 0.3125rem 0.1875rem 1.2rem;
  background-color: #37A6F8;
  box-shadow: inset 0 0.1875rem 0 0 #7bdcfa, inset 0 -0.1875rem 0 0 #2b5bea;
  filter: drop-shadow(0 0.404px 0 #000) drop-shadow(0 1.413px 0.404px rgba(0, 0, 0, 0.25));
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .toolbar-end .btn-img[data-v-ad2991b9] {
  width: 3.125rem;
  height: 1.9063rem;
  margin-block-end: -0.125rem;
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .toolbar-end .install-btn[data-v-ad2991b9] {
  color: #fff;
  font-size: 1rem;
  font-weight: 900;
  text-shadow: 0 0 0.0938rem #182344, 0 0 0.0938rem #182344, 0 0 0.0938rem #182344, 0 0 0.0938rem #182344;
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .close-btn[data-v-ad2991b9] {
  margin-inline-start: 0.25rem;
  margin-inline-end: 0.625rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html ion-menu-toggle.records[data-v-ca70a8c5] {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 400;
  margin-inline: 0.9375rem;
  padding: 1.0625rem 0 1.0625rem 0.5625rem;
  border-top: 0.0625rem solid #34571D;
  border-bottom: 0.0625rem solid #34571D;
  background: none;
}
html ion-menu-toggle.records[data-v-ca70a8c5]::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: url('/images/betBg.jpg') no-repeat left center / cover;
  background-blend-mode: overlay;
}
html ion-menu-toggle.records .img-wall[data-v-ca70a8c5] {
  width: 2.875rem;
  height: 2.875rem;
  margin-inline-end: 0.6875rem;
  border-radius: 0.3125rem;
  border: 0.0625rem solid #34571D;
  background: #183009;
}
html ion-menu-toggle.records .label[data-v-ca70a8c5] {
  font-size: 0.875rem;
  font-weight: 400;
  color: #AFC69F;
}
html ion-menu-toggle.records .label-sub[data-v-ca70a8c5] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #17B663;
}
.forest-green ion-menu-toggle.records[data-v-ca70a8c5] {
  border-top: 0.0625rem solid #009F76;
  border-bottom: 0.0625rem solid #009F76;
  background: radial-gradient(50% 130% at 96% 100%, rgba(0, 77, 55, 0.3) 0%, #004d37 100%);
}
.forest-green ion-menu-toggle.records[data-v-ca70a8c5]::before {
  background: url('/images/betBg2.jpg') no-repeat 7.5rem top / auto 100%;
}
.forest-green ion-menu-toggle.records .img-wall[data-v-ca70a8c5] {
  border: 0.0625rem solid #009F76;
  background: #183009;
}
.forest-green ion-menu-toggle.records .label[data-v-ca70a8c5] {
  color: var(--text-color1);
}
.forest-green ion-menu-toggle.records .label-sub[data-v-ca70a8c5] {
  color: #EEF93B;
}
.amber-purple ion-menu-toggle.records[data-v-ca70a8c5] {
  border-top: 0.0625rem solid #3B3466;
  border-bottom: 0.0625rem solid #3B3466;
  background: radial-gradient(50% 130% at 96% 100%, rgba(44, 41, 77, 0.4) 0%, #262346 100%);
}
.amber-purple ion-menu-toggle.records[data-v-ca70a8c5]::before {
  background: url('/images/betBg2.jpg') no-repeat 7.5rem top / auto 100%;
}
.amber-purple ion-menu-toggle.records .img-wall[data-v-ca70a8c5] {
  border: 0.0625rem solid #3B3466;
  background: #2C294D;
}
.amber-purple ion-menu-toggle.records .label[data-v-ca70a8c5] {
  color: var(--text-color1);
}
.amber-purple ion-menu-toggle.records .label-sub[data-v-ca70a8c5] {
  color: #17B663;
}
.blue-default ion-menu-toggle.records[data-v-ca70a8c5] {
  border-top: 0.0625rem solid #2F3B4D;
  border-bottom: 0.0625rem solid #2F3B4D;
  background: radial-gradient(50% 130% at 96% 100%, rgba(21, 25, 32, 0.4) 0%, #141B24 100%);
}
.blue-default ion-menu-toggle.records[data-v-ca70a8c5]::before {
  background: url('/images/betBg2.jpg') no-repeat 7.5rem top / auto 100%;
}
.blue-default ion-menu-toggle.records .img-wall[data-v-ca70a8c5] {
  border: 0.0625rem solid #2F3B4D;
  background: #183009;
}
.blue-default ion-menu-toggle.records .label[data-v-ca70a8c5] {
  color: var(--text-color1);
}
.blue-default ion-menu-toggle.records .label-sub[data-v-ca70a8c5] {
  color: #17B663;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.green-default ion-menu[data-v-6246257d] {
  /* 抽屉菜单样式 */
  --background: transparent;
}
.green-default ion-menu[data-v-6246257d]::part(container) {
  width: 100%;
}
.green-default ion-menu ion-header[data-v-6246257d] {
  box-shadow: none;
}
.green-default ion-menu ion-header ion-toolbar[data-v-6246257d] {
  --background: #213b10;
  --border-width: 0;
}
.green-default ion-menu ion-header .pwa-wall[data-v-6246257d] {
  height: 3.125rem;
}
.green-default ion-menu ion-header .pwa-wall .pwa-head[data-v-6246257d] {
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
}
.green-default ion-menu ion-content[data-v-6246257d]::part(background) {
  /* 抽屉菜单背景样式(不含头部)) */
  background: #213B10;
}
.green-default ion-menu ion-content ion-menu-toggle.card[data-v-6246257d] {
  display: flex;
  align-items: center;
  padding: 0.4375rem 0 0.4375rem 0.875rem;
  border-radius: 0.25rem;
  background: #2B4F14;
  border: 0.0625rem solid #34571D;
}
.green-default ion-menu ion-content ion-menu-toggle.card .img-wall[data-v-6246257d] {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.1875rem;
  margin-right: 0.3125rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%);
}
.green-default ion-menu ion-content ion-menu-toggle.card .label[data-v-6246257d] {
  font-size: 0.875rem;
  font-weight: 400;
  color: #AFC69F;
}
.green-default ion-menu ion-content .card-container[data-v-6246257d] {
  padding: 0.625rem 0.9375rem 1.375rem;
}
.green-default ion-menu ion-content .support-container[data-v-6246257d] {
  display: flex;
  margin-block-start: 1.0625rem;
  padding-inline: 0.9375rem;
  gap: 0.8125rem;
}
.green-default ion-menu ion-content .support-container .support[data-v-6246257d] {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.5rem 0 0.5rem 0.875rem;
  border-radius: 0.25rem;
  color: #AFC69F;
  background-color: #2B4F14;
  border: 0.0625rem solid #34571D;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: capitalize;
}
.green-default ion-menu ion-content .support-container .support .icon[data-v-6246257d] {
  font-size: 1.625rem;
  border-radius: 50%;
  margin-inline-end: 0.5rem;
  color: #fff;
  background: linear-gradient(180deg, #FFC271 0%, #F2910D 100%);
}
.green-default ion-menu ion-content .support-container .language[data-v-6246257d] {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.7813rem 1.1875rem;
  border-radius: 0.25rem;
  color: #AFC69F;
  background-color: #2B4F14;
  border: 0.0625rem solid #34571D;
  font-size: 0.875rem;
  font-weight: 400;
}
.forest-green ion-menu[data-v-6246257d] {
  /* 抽屉菜单样式 */
  --background: transparent;
}
.forest-green ion-menu[data-v-6246257d]::part(container) {
  width: 100%;
}
.forest-green ion-menu ion-header[data-v-6246257d] {
  box-shadow: none;
}
.forest-green ion-menu ion-header ion-toolbar[data-v-6246257d] {
  --background: #004D37;
  --border-width: 0;
}
.forest-green ion-menu ion-header .pwa-wall[data-v-6246257d] {
  height: 3.125rem;
}
.forest-green ion-menu ion-header .pwa-wall .pwa-head[data-v-6246257d] {
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
}
.forest-green ion-menu ion-content[data-v-6246257d]::part(background) {
  /* 抽屉菜单背景样式(不含头部)) */
  background: #004d37;
}
.forest-green ion-menu ion-content ion-menu-toggle.card[data-v-6246257d] {
  display: flex;
  align-items: center;
  padding: 0.4375rem 0 0.4375rem 0.875rem;
  border-radius: 0.25rem;
  background: linear-gradient(90deg, #00694A 0%, #00815D 50%, #00694A 100%);
  border: 0.0625rem solid #009F76;
}
.forest-green ion-menu ion-content ion-menu-toggle.card .img-wall[data-v-6246257d] {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.1875rem;
  margin-right: 0.3125rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(246, 252, 46, 0.17) 100%);
}
.forest-green ion-menu ion-content ion-menu-toggle.card .label[data-v-6246257d] {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--text-color1);
}
.forest-green ion-menu ion-content .card-container[data-v-6246257d] {
  padding: 0.625rem 0.9375rem 1.375rem;
}
.forest-green ion-menu ion-content .support-container[data-v-6246257d] {
  display: flex;
  margin-block-start: 1.0625rem;
  padding-inline: 0.9375rem;
  gap: 0.8125rem;
}
.forest-green ion-menu ion-content .support-container .support[data-v-6246257d] {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.5rem 0 0.5rem 0.875rem;
  border-radius: 0.25rem;
  color: var(--text-color1);
  background-color: #006849;
  border: 0.0625rem solid #009F76;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: capitalize;
}
.forest-green ion-menu ion-content .support-container .support .icon[data-v-6246257d] {
  font-size: 1.625rem;
  border-radius: 50%;
  margin-inline-end: 0.5rem;
  color: #fff;
  background: linear-gradient(180deg, #FFC271 0%, #F2910D 100%);
}
.forest-green ion-menu ion-content .support-container .language[data-v-6246257d] {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.7813rem 1.1875rem;
  border-radius: 0.25rem;
  color: var(--text-color1);
  background-color: #006849;
  border: 0.0625rem solid #009F76;
  font-size: 0.875rem;
  font-weight: 400;
}
.amber-purple ion-menu[data-v-6246257d] {
  /* 抽屉菜单样式 */
  --background: transparent;
}
.amber-purple ion-menu[data-v-6246257d]::part(container) {
  width: 100%;
}
.amber-purple ion-menu ion-header[data-v-6246257d] {
  box-shadow: none;
}
.amber-purple ion-menu ion-header ion-toolbar[data-v-6246257d] {
  --background: #262346;
  --border-width: 0;
}
.amber-purple ion-menu ion-header .pwa-wall[data-v-6246257d] {
  height: 3.125rem;
}
.amber-purple ion-menu ion-header .pwa-wall .pwa-head[data-v-6246257d] {
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
}
.amber-purple ion-menu ion-content[data-v-6246257d]::part(background) {
  /* 抽屉菜单背景样式(不含头部)) */
  background: #262346;
}
.amber-purple ion-menu ion-content ion-menu-toggle.card[data-v-6246257d] {
  display: flex;
  align-items: center;
  padding: 0.4375rem 0 0.4375rem 0.875rem;
  border-radius: 0.25rem;
  background: #3B3466;
  border: 0.0625rem solid #3B3466;
}
.amber-purple ion-menu ion-content ion-menu-toggle.card .img-wall[data-v-6246257d] {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.1875rem;
  margin-right: 0.3125rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%);
}
.amber-purple ion-menu ion-content ion-menu-toggle.card .label[data-v-6246257d] {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--text-color1);
}
.amber-purple ion-menu ion-content .card-container[data-v-6246257d] {
  padding: 0.625rem 0.9375rem 1.375rem;
}
.amber-purple ion-menu ion-content .support-container[data-v-6246257d] {
  display: flex;
  margin-block-start: 1.0625rem;
  padding-inline: 0.9375rem;
  gap: 0.8125rem;
}
.amber-purple ion-menu ion-content .support-container .support[data-v-6246257d] {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.5rem 0 0.5rem 0.875rem;
  border-radius: 0.25rem;
  color: var(--text-color1);
  background-color: #3B3466;
  border: 0.0625rem solid #3B3466;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: capitalize;
}
.amber-purple ion-menu ion-content .support-container .support .icon[data-v-6246257d] {
  font-size: 1.625rem;
  border-radius: 50%;
  margin-inline-end: 0.5rem;
  color: #fff;
  background: linear-gradient(180deg, #FFC271 0%, #F2910D 100%);
}
.amber-purple ion-menu ion-content .support-container .language[data-v-6246257d] {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.7813rem 1.1875rem;
  border-radius: 0.25rem;
  color: var(--text-color1);
  background-color: #3B3466;
  border: 0.0625rem solid #3B3466;
  font-size: 0.875rem;
  font-weight: 400;
}
.blue-default ion-menu[data-v-6246257d] {
  /* 抽屉菜单样式 */
  --background: transparent;
}
.blue-default ion-menu[data-v-6246257d]::part(container) {
  width: 100%;
}
.blue-default ion-menu ion-header[data-v-6246257d] {
  box-shadow: none;
}
.blue-default ion-menu ion-header ion-toolbar[data-v-6246257d] {
  --background: #141B24;
  --border-width: 0;
}
.blue-default ion-menu ion-header .pwa-wall[data-v-6246257d] {
  height: 3.125rem;
}
.blue-default ion-menu ion-header .pwa-wall .pwa-head[data-v-6246257d] {
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
}
.blue-default ion-menu ion-content[data-v-6246257d]::part(background) {
  /* 抽屉菜单背景样式(不含头部)) */
  background: #141B24;
}
.blue-default ion-menu ion-content ion-menu-toggle.card[data-v-6246257d] {
  display: flex;
  align-items: center;
  padding: 0.4375rem 0 0.4375rem 0.875rem;
  border-radius: 0.25rem;
  background: #1C2432;
  border: 0.0625rem solid #2F3B4D;
}
.blue-default ion-menu ion-content ion-menu-toggle.card .img-wall[data-v-6246257d] {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.1875rem;
  margin-right: 0.3125rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%);
}
.blue-default ion-menu ion-content ion-menu-toggle.card .label[data-v-6246257d] {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--text-color1);
}
.blue-default ion-menu ion-content .card-container[data-v-6246257d] {
  padding: 0.625rem 0.9375rem 1.375rem;
}
.blue-default ion-menu ion-content .support-container[data-v-6246257d] {
  display: flex;
  margin-block-start: 1.0625rem;
  padding-inline: 0.9375rem;
  gap: 0.8125rem;
}
.blue-default ion-menu ion-content .support-container .support[data-v-6246257d] {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.5rem 0 0.5rem 0.875rem;
  border-radius: 0.25rem;
  color: var(--text-color1);
  background-color: #1C2432;
  border: 0.0625rem solid #2F3B4D;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: capitalize;
}
.blue-default ion-menu ion-content .support-container .support .icon[data-v-6246257d] {
  font-size: 1.625rem;
  border-radius: 50%;
  margin-inline-end: 0.5rem;
  color: #fff;
  background: linear-gradient(180deg, #FFC271 0%, #F2910D 100%);
}
.blue-default ion-menu ion-content .support-container .language[data-v-6246257d] {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.7813rem 1.1875rem;
  border-radius: 0.25rem;
  color: var(--text-color1);
  background-color: #1C2432;
  border: 0.0625rem solid #2F3B4D;
  font-size: 0.875rem;
  font-weight: 400;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.green-default ion-menu[data-v-f0935b61] {
  /* 抽屉菜单样式 */
  --background: transparent;
}
.green-default ion-menu[data-v-f0935b61]::part(container) {
  width: 100%;
}
.green-default ion-menu ion-header[data-v-f0935b61] {
  box-shadow: none;
}
.green-default ion-menu ion-header ion-toolbar[data-v-f0935b61] {
  --background: #213b10;
  --border-width: 0;
}
.green-default ion-menu ion-header .pwa-wall[data-v-f0935b61] {
  height: 3.125rem;
}
.green-default ion-menu ion-content[data-v-f0935b61]::part(background) {
  /* 抽屉菜单背景样式(不含头部)) */
  background: #213B10;
}
.green-default ion-menu ion-content ion-menu-toggle.card[data-v-f0935b61] {
  display: flex;
  align-items: center;
  padding: 0.4375rem 0 0.4375rem 0.875rem;
  border-radius: 0.25rem;
  background: #2B4F14;
  border: 0.0625rem solid #34571D;
}
.green-default ion-menu ion-content ion-menu-toggle.card .img-wall[data-v-f0935b61] {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.1875rem;
  margin-right: 0.3125rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%);
}
.green-default ion-menu ion-content ion-menu-toggle.card .img-wall .type-icon[data-v-f0935b61],
.green-default ion-menu ion-content ion-menu-toggle.card .img-wall .type-img[data-v-f0935b61] {
  width: 100%;
  height: 100%;
}
.green-default ion-menu ion-content ion-menu-toggle.card .img-wall .type-img[data-v-f0935b61] {
  display: block;
  background-size: 800% 500%;
}
.green-default ion-menu ion-content ion-menu-toggle.card .label[data-v-f0935b61] {
  font-size: 0.875rem;
  font-weight: 400;
  color: #AFC69F;
}
.green-default ion-menu ion-content .card-container[data-v-f0935b61] {
  padding: 0.625rem 0.9375rem 1.375rem;
}
.green-default ion-menu ion-content .support-container[data-v-f0935b61] {
  display: flex;
  margin-block-start: 1.0625rem;
  padding-inline: 0.9375rem;
  gap: 0.8125rem;
}
.green-default ion-menu ion-content .support-container .support[data-v-f0935b61] {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.5rem 0 0.5rem 0.875rem;
  border-radius: 0.25rem;
  color: #fff;
  background-color: #2B4F14;
  border: 0.0625rem solid #34571D;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: capitalize;
}
.green-default ion-menu ion-content .support-container .support .icon[data-v-f0935b61] {
  font-size: 1.625rem;
  border-radius: 50%;
  margin-inline-end: 0.5rem;
  color: #fff;
  background: linear-gradient(180deg, #FFC271 0%, #F2910D 100%);
}
.green-default ion-menu ion-content .support-container .language[data-v-f0935b61] {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.7813rem 1.1875rem;
  border-radius: 0.25rem;
  color: #AFC69F;
  background-color: #2B4F14;
  border: 0.0625rem solid #34571D;
  font-size: 0.875rem;
  font-weight: 400;
}
.forest-green ion-menu[data-v-f0935b61] {
  /* 抽屉菜单样式 */
  --background: transparent;
}
.forest-green ion-menu[data-v-f0935b61]::part(container) {
  width: 100%;
}
.forest-green ion-menu ion-header[data-v-f0935b61] {
  box-shadow: none;
}
.forest-green ion-menu ion-header ion-toolbar[data-v-f0935b61] {
  --background: #004D37;
  --border-width: 0;
}
.forest-green ion-menu ion-header .pwa-wall[data-v-f0935b61] {
  height: 3.125rem;
}
.forest-green ion-menu ion-content[data-v-f0935b61]::part(background) {
  /* 抽屉菜单背景样式(不含头部)) */
  background: #004d37;
}
.forest-green ion-menu ion-content ion-menu-toggle.card[data-v-f0935b61] {
  display: flex;
  align-items: center;
  padding: 0.4375rem 0 0.4375rem 0.875rem;
  border-radius: 0.25rem;
  background: linear-gradient(90deg, #00694A 0%, #00815D 50%, #00694A 100%);
  border: 0.0625rem solid #009F76;
}
.forest-green ion-menu ion-content ion-menu-toggle.card .img-wall[data-v-f0935b61] {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.1875rem;
  margin-right: 0.3125rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(246, 252, 46, 0.17) 100%);
}
.forest-green ion-menu ion-content ion-menu-toggle.card .img-wall .type-icon[data-v-f0935b61],
.forest-green ion-menu ion-content ion-menu-toggle.card .img-wall .type-img[data-v-f0935b61] {
  width: 100%;
  height: 100%;
}
.forest-green ion-menu ion-content ion-menu-toggle.card .img-wall .type-img[data-v-f0935b61] {
  display: block;
  background-size: 800% 500%;
}
.forest-green ion-menu ion-content ion-menu-toggle.card .label[data-v-f0935b61] {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--text-color1);
}
.forest-green ion-menu ion-content .card-container[data-v-f0935b61] {
  padding: 0.625rem 0.9375rem 1.375rem;
}
.forest-green ion-menu ion-content .support-container[data-v-f0935b61] {
  display: flex;
  margin-block-start: 1.0625rem;
  padding-inline: 0.9375rem;
  gap: 0.8125rem;
}
.forest-green ion-menu ion-content .support-container .support[data-v-f0935b61] {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.5rem 0 0.5rem 0.875rem;
  border-radius: 0.25rem;
  color: var(--text-color1);
  background-color: #006849;
  border: 0.0625rem solid #009F76;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: capitalize;
}
.forest-green ion-menu ion-content .support-container .support .icon[data-v-f0935b61] {
  font-size: 1.625rem;
  border-radius: 50%;
  margin-inline-end: 0.5rem;
  color: #fff;
  background: linear-gradient(180deg, #FFC271 0%, #F2910D 100%);
}
.forest-green ion-menu ion-content .support-container .language[data-v-f0935b61] {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.7813rem 1.1875rem;
  border-radius: 0.25rem;
  color: #fff;
  background-color: #006849;
  border: 0.0625rem solid #009F76;
  font-size: 0.875rem;
  font-weight: 400;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .part-container[data-v-f7cc29f2] {
  display: flex;
  justify-content: center;
  flex-flow: wrap;
}
html .part-container .social-box[data-v-f7cc29f2] {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  gap: 0.75rem;
}
html .part-container .social-box .social-img.good-img[data-v-f7cc29f2] {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.5rem;
  background: rgba(42, 171, 238, 0.2);
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
}
html .part-container .partner-img[data-v-f7cc29f2] {
  margin-block-start: 2.6875rem;
}
html .part-container .partner-img.good-img[data-v-f7cc29f2] {
  width: 22.5rem;
}
html .part-container .payment-img[data-v-f7cc29f2] {
  padding: 1.5rem 0.9375rem;
  margin-block-start: 2.5rem;
  background: #131313;
}
html .part-container .payment-img.good-img[data-v-f7cc29f2] {
  width: 100%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.language[data-v-9e95ce4b] {
  padding: 0.75rem 0.875rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #24221F;
}
.language .language-inner[data-v-9e95ce4b] {
  display: flex;
  align-items: center;
}
.language .language-inner .language-text[data-v-9e95ce4b] {
  margin-inline-start: 0.4125rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #fff;
}
.language .arrow-icon[data-v-9e95ce4b] {
  padding: 0.3125rem;
  font-size: 0.875rem;
  border-radius: 0.625rem;
  background: #38342E;
  color: var(--text-color1);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html ion-menu[data-v-58e96f6d] {
  --width: 80%;
}
html ion-menu[data-v-58e96f6d]::part(backdrop) {
  opacity: 0.7 !important;
}
html ion-menu .menu-header ion-toolbar[data-v-58e96f6d] {
  --background: #131313;
  --padding-start: 0.75rem;
  --padding-end: 0.75rem;
  --padding-top: 1.25rem;
  --padding-bottom: 1.75rem;
  --border-width: 0;
  position: relative;
}
html ion-menu .menu-header ion-toolbar[data-v-58e96f6d]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0.8125rem;
  display: block;
  width: calc(100% - 1.5rem);
  height: 0.0625rem;
  background: #38342E;
}
html ion-menu .logo-box[data-v-58e96f6d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block-end: 1.625rem;
}
html ion-menu .logo-box .close-btn[data-v-58e96f6d] {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #38342E;
  border-radius: 0.375rem;
}
html ion-menu .logo-box .close-btn .close-img[data-v-58e96f6d] {
  font-size: 1.25rem;
  color: #fff;
}
html ion-menu .logo-box .app-logo[data-v-58e96f6d] {
  width: auto;
  height: 2.25rem;
  object-position: right;
}
html ion-menu .assets-box[data-v-58e96f6d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html ion-menu .assets-box .assets-box-inner[data-v-58e96f6d] {
  display: flex;
  align-items: center;
}
html ion-menu .assets-box .assets-box-inner .assets-img[data-v-58e96f6d] {
  width: 0;
}
html ion-menu .assets-box .assets-box-inner .assets-img.good-img[data-v-58e96f6d] {
  width: 2.375rem;
  height: 2.375rem;
  margin-inline: 0.4375rem 0.25rem;
}
html ion-menu .assets-box .assets-box-inner .assets-box-info[data-v-58e96f6d] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-shadow: 0 0 0.625rem #FFB200;
}
html ion-menu .assets-box .assets-box-inner .assets-box-info .assets-box-info-inner[data-v-58e96f6d] {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 700;
  font-style: italic;
}
html ion-menu .assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .currency[data-v-58e96f6d] {
  margin-right: 0.125rem;
  color: #fff;
}
html ion-menu .assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .assets-box-number[data-v-58e96f6d] {
  color: #fff;
}
html ion-menu .assets-box .assets-box-inner .assets-box-info .assets-box-intro[data-v-58e96f6d] {
  line-height: 1;
  font-size: 0.625rem;
  font-weight: 400;
  background: linear-gradient(90deg, #F7FB43 0%, #E38100 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html ion-menu .assets-box .deposit[data-v-58e96f6d] {
  margin-left: 0.375rem;
  border-radius: 0.375rem;
  background: linear-gradient(180deg, #252320 0%, #36322C 100%);
  box-shadow: 0 -0.0625rem 0 0 #F7FB43 inset;
}
html ion-menu .assets-box .deposit[data-v-58e96f6d]::part(native) {
  font-size: 0.6875rem;
  font-weight: 600;
  color: #F7FB43;
}
html ion-menu .primaryBtn[data-v-58e96f6d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
}
html ion-menu .primaryBtn .login[data-v-58e96f6d] {
  --padding-top: 0.6875rem;
  --padding-bottom: 0.6875rem;
  flex: 1;
}
html ion-menu .primaryBtn .login[data-v-58e96f6d]::part(native) {
  background: linear-gradient(180deg, #38342E 4.76%, #24221F 100%);
  color: #23DB8C;
  border: 0.0625rem solid #4C4943;
}
html ion-menu .primaryBtn .register[data-v-58e96f6d] {
  --padding-top: 0.6875rem;
  --padding-bottom: 0.6875rem;
}
html ion-menu .primaryBtn .register[data-v-58e96f6d]::part(native) {
  background: linear-gradient(180deg, #38342E 4.76%, #24221F 100%);
  color: #F7FB43;
  border: 0.0625rem solid #4C4943;
}
html ion-menu .primaryBtn .register-btn-warpper[data-v-58e96f6d] {
  flex: 1;
  position: relative;
}
html ion-menu .primaryBtn .register-btn-warpper .register[data-v-58e96f6d] {
  width: 100%;
  vertical-align: top;
}
html ion-menu .primaryBtn .register-btn-warpper .rewardTag[data-v-58e96f6d] {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
html ion-menu ion-button.init-btn[data-v-58e96f6d] {
  --box-shadow: none;
  --padding-top: 0.375rem;
  --padding-bottom: 0.375rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-feature-settings: 'cpsp' on;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  min-height: min-content;
  --border-radius: 0.375rem;
}
html ion-menu .menu-content[data-v-58e96f6d] {
  position: relative;
  --padding-start: 0.875rem;
  --padding-end: 0.8125rem;
  --padding-bottom: 1.0625rem;
  --background: #131313;
}
html ion-menu .menu-content .card-container[data-v-58e96f6d] {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 0.75rem;
  padding-block-start: 0.5rem;
  padding-block-end: 0.5rem;
}
html ion-menu .menu-content .card-container[data-v-58e96f6d]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0.0625rem;
  background: #38342E;
}
html ion-menu .menu-content .card-container .card[data-v-58e96f6d] {
  display: flex;
  align-items: center;
}
html ion-menu .menu-content .card-container .card .type-icon[data-v-58e96f6d],
html ion-menu .menu-content .card-container .card .type-img[data-v-58e96f6d] {
  width: 1.75rem;
  height: 1.75rem;
  margin-inline: 0.625rem;
}
html ion-menu .menu-content .card-container .card .type-img[data-v-58e96f6d] {
  display: block;
  background-size: 800% 500%;
}
html ion-menu .menu-content .card-container .card .label[data-v-58e96f6d] {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--text-color2);
}
html ion-menu .menu-content .bonus-pool[data-v-58e96f6d] {
  margin-inline-start: 0.3125rem;
  margin-block-start: 1.0625rem;
}
html ion-menu .menu-content .hot-game-box[data-v-58e96f6d] {
  margin-block-start: 0.8125rem;
  margin-block-end: 1.625rem;
  padding: 0.9375rem;
  background: #24221F;
  border-radius: 0.375rem;
  border: 0.0625rem solid #4C4943;
}
html ion-menu .menu-content .hot-game-box .hot-game-title[data-v-58e96f6d] {
  display: flex;
  flex-direction: column;
}
html ion-menu .menu-content .hot-game-box .hot-game-title .hot-game-icon-box[data-v-58e96f6d] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
html ion-menu .menu-content .hot-game-box .hot-game-title .hot-game-icon-box .hot-game-icon[data-v-58e96f6d] {
  width: 1.875rem;
  height: 1.875rem;
  margin-inline-start: -0.375rem;
}
html ion-menu .menu-content .hot-game-box .hot-game-title .hot-game-icon-box .label[data-v-58e96f6d] {
  font-size: 0.875rem;
  font-weight: 400;
  color: #fff;
}
html ion-menu .menu-content .hot-game-box .hot-game-title .hot-game-intro[data-v-58e96f6d] {
  font-size: 0.625rem;
  font-weight: 400;
  color: var(--text-color2);
}
html ion-menu .menu-content .hot-game-box .hot-game-list-box[data-v-58e96f6d] {
  margin-block-start: 1.125rem;
  width: 100%;
  overflow: auto;
  border-radius: 0.375rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
html ion-menu .menu-content .hot-game-box .hot-game-list-box[data-v-58e96f6d]::-webkit-scrollbar {
  display: none;
}
html ion-menu .menu-content .hot-game-box .hot-game-list-box .hot-game-list[data-v-58e96f6d] {
  display: flex;
  gap: 0.375rem;
}
html ion-menu .menu-content .hot-game-box .hot-game-list-box .hot-game-list .card[data-v-58e96f6d] {
  flex-shrink: 0;
  border-radius: 0.2838rem;
  overflow: hidden;
}
html ion-menu .menu-content .hot-game-box .hot-game-list-box .hot-game-list .card.style1[data-v-58e96f6d],
html ion-menu .menu-content .hot-game-box .hot-game-list-box .hot-game-list .card.style2[data-v-58e96f6d] {
  width: 3.1481rem;
  height: 4.25rem;
}
html ion-menu .menu-content .hot-game-box .hot-game-list-box .hot-game-list .card.style3[data-v-58e96f6d] {
  width: 3.1481rem;
}
html ion-menu .menu-content .hot-game-box .hot-game-list-box .hot-game-list .card .card-wrapper[data-v-58e96f6d] {
  position: relative;
  width: 100%;
  height: 100%;
}
html ion-menu .menu-content .hot-game-box .hot-game-list-box .hot-game-list .card .card-wrapper .maintain-icon[data-v-58e96f6d] {
  position: absolute;
  inset: 0;
  z-index: 10;
}
html ion-menu .menu-content .hot-game-box .hot-game-list-box .hot-game-list .card .img[data-v-58e96f6d] {
  width: 100%;
  height: 100%;
}
html ion-menu .menu-content .btn-container[data-v-58e96f6d] {
  margin-block-end: 1.625rem;
  margin-inline: 1rem;
  display: flex;
  gap: 1rem;
}
html ion-menu .menu-content .btn-container .ios-btn[data-v-58e96f6d],
html ion-menu .menu-content .btn-container .android-btn[data-v-58e96f6d] {
  flex: 1;
  min-height: 2.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6.1875rem;
  border: 0.0625rem solid #4C4943;
  background: linear-gradient(180deg, #38342E 4.76%, #24221F 100%);
}
html ion-menu .menu-content .btn-container .ios-btn[data-v-58e96f6d]:active,
html ion-menu .menu-content .btn-container .android-btn[data-v-58e96f6d]:active {
  transform: scale(0.95);
}
html ion-menu .menu-content .btn-container .ios-btn .logo[data-v-58e96f6d],
html ion-menu .menu-content .btn-container .android-btn .logo[data-v-58e96f6d] {
  font-size: 1.25rem;
  margin-inline-end: 0.375rem;
}
html ion-menu .menu-content .btn-container .ios-btn .text[data-v-58e96f6d],
html ion-menu .menu-content .btn-container .android-btn .text[data-v-58e96f6d] {
  font-size: 0.625rem;
  font-weight: 700;
  color: #fff;
}
html ion-menu .menu-content .social-content[data-v-58e96f6d] {
  margin-block: 1.25rem;
}
html ion-menu .menu-content .language-selection-box[data-v-58e96f6d] {
  margin-block-start: 1.625rem;
}
html ion-menu .line[data-v-58e96f6d] {
  width: 100%;
  height: 0.0625rem;
  background: #38342E;
}

.packet-model[data-v-aa08e914] {
    transform: translate(-50%,-50%);
}
.mining-btn[data-v-aa08e914] {
    background: var(--color-primary-btn-active);
    line-height: 2.1875rem;
    border-radius: var(--rounded-small);
    font-weight: var(--font-weight-bold);
}
.dis-color[data-v-aa08e914] {
    background: var(--color-primary-btn-disable);
    color: var(--color-primary-btn-text-disable);
}
.mine-time[data-v-aa08e914] {
    border: 1px solid #FF9141;
    border-radius: 0.625rem;
    flex-wrap: wrap;
    font-size: .75rem;
    align-content: start;
}
.mine-item[data-v-aa08e914] {
    width: 33%;
    text-align: center;
}
.shiny[data-v-aa08e914] {
    position: relative;
    overflow: hidden;
}
.shiny[data-v-aa08e914]::before {
  content: '';
  animation: shiny-aa08e914 4s ease-in-out infinite;
  background: var(--color-text-100);;
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: -180px;
  width: 30px
}
@keyframes shiny-aa08e914 {
0% {
    opacity: 0;
    transform: scale(0) rotate(45deg);
}
80% {
    opacity: 0.5;
    transform: scale(0) rotate(45deg);
}
81% {
    opacity: 1;
    transform: scale(4) rotate(45deg);
}
100% {
    opacity: 0;
    transform: scale(50) rotate(45deg);
}
}
.activity-name[data-v-aa08e914] {
    text-shadow: 2px 2px #7a5f1b;
}
.alert-main[data-v-aa08e914] {
    position: fixed; 
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.alert-mask[data-v-aa08e914] {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
}
.footer-rule[data-v-aa08e914] {
    height: 3.125rem;
    margin-bottom: 1.6rem;
    overflow-y: auto;
}
.new-skin-symbol .mining-btn[data-v-aa08e914]{
    background: var(--ep-dynamic-primary);
    color: var(--ep-color-text-default);
}
.new-skin-symbol .dis-color[data-v-aa08e914] {
    background: var(--ep-color-background-fill-active-disabled);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
@keyframes scaleAnimation-cbbf27ec {
0% {
    transform: scale(2);
    /* 初始状态，100% */
}
50% {
    transform: scale(1);
    /* 缩小到 70% (即 30% 的缩小) */
}
100% {
    transform: scale(2);
    /* 恢复到 100% */
}
}
.red-packet-container[data-v-cbbf27ec] {
  background: var(--ep-color-background-fill-body-default);
  width: 22.5rem;
  border-radius: var(--ep-border-radius-surface-large, 20px);
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  height: 30rem;
}
.red-packet-container .top-container[data-v-cbbf27ec] {
  height: 15rem;
  width: 100%;
  background: url('/assets/red_packet_modeal_bg-r2-an-0POEb.png') no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.red-packet-container .top-container .activity-name[data-v-cbbf27ec] {
  color: var(--ep-color-text-highlight-white, #FFF);
  text-align: center;
  text-shadow: 0rem 0.0469rem 0.0625rem rgba(0, 0, 0, 0.45);
  -webkit-text-stroke-width: 0.0625rem;
  -webkit-text-stroke-color: var(--ep-color-border-warning, #FA8313);
  font-size: var(--ep-font-size-xxl, 24px);
  font-style: normal;
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 60px;
  text-transform: capitalize;
}
.red-packet-container .top-container .close-icon[data-v-cbbf27ec] {
  position: absolute;
  right: 4px;
  top: 5px;
  font-size: var(--ep-font-size-xxxl, 36px);
  color: var(--ep-color-icon-default, #FFF);
  cursor: pointer;
}
.red-packet-container .top-container .star-light[data-v-cbbf27ec] {
  position: absolute;
  display: block;
  top: 6.25rem;
  right: 5rem;
  width: 7.5rem;
  height: 7.5rem;
  mix-blend-mode: screen;
  animation: scaleAnimation-cbbf27ec 1.5s ease-in-out infinite;
  /* 应用动画 */
}
.red-packet-container .bottom-container[data-v-cbbf27ec] {
  position: absolute;
  top: 13.75rem;
  left: 0;
  width: 100%;
  height: 6.25rem;
  background: var(--ep-color-background-fill-body-default);
  z-index: 100;
}
.red-packet-container .bottom-container .mining-btn-container[data-v-cbbf27ec] {
  width: 18.75rem;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -30%);
}
.red-packet-container .bottom-container .tip-text[data-v-cbbf27ec] {
  width: 18.75rem;
  text-align: left;
  color: var(--ep-color-text-brand-primary);
  margin: 40px auto 12px;
  font-size: var(--ep-font-size-m, 14px);
  font-weight: var(--ep-font-weight-bold, 700);
}
.red-packet-container .bottom-container .time-list-container[data-v-cbbf27ec] {
  width: 18.75rem;
  height: 3.1875rem;
  overflow-y: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  font-size: var(--ep-font-size-s, 12px);
  border: 0.0625rem solid var(--ep-color-border-warning);
  border-radius: var(--ep-border-radius-m, 6px);
  scrollbar-width: none;
}
.red-packet-container .bottom-container .time-list-container li[data-v-cbbf27ec] {
  flex: 0 0 33.33%;
  height: 1.0625rem;
  text-align: center;
  color: var(--ep-color-text-warning);
  margin-top: 0.375rem;
}
.red-packet-container .bottom-container .time-list-container .out-dated[data-v-cbbf27ec] {
  color: var(--ep-color-text-weaker);
}
.red-packet-container .bottom-container .rule-text[data-v-cbbf27ec] {
  width: 18.75rem;
  text-align: left;
  color: var(--ep-color-text-weak);
  font-size: var(--ep-font-size-s, 0.75rem);
  margin: 0.75rem auto;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-modal[data-v-e34baa05] {
  --height: 35rem;
}
.red-packet-container[data-v-e34baa05] {
  width: 21.875rem;
  border-radius: var(--ep-border-radius-surface-large, 20px);
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  min-height: 35rem;
}
.red-packet-container .close-icon[data-v-e34baa05] {
  position: absolute;
  right: 4px;
  top: 5px;
  font-size: var(--ep-font-size-xxxl, 36px);
  color: #fff;
  cursor: pointer;
}
.red-packet-container .bottom-container[data-v-e34baa05] {
  margin-top: 0.8rem;
}
.red-packet-container .bottom-container .rule-text[data-v-e34baa05] {
  width: 19.0625rem;
  margin: 0.75rem auto;
  color: var(--ep-color-text-highlight-white-weak, rgba(255, 255, 255, 0.6));
  font-size: var(--ep-font-size-s, 12px);
  font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
  line-height: 150%;
}
.red-packet-container .wrap[data-v-e34baa05] {
  position: absolute;
  top: 13.2rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.red-packet-container .wrap .mid[data-v-e34baa05] {
  height: 10rem;
}
.red-packet-container .wrap .tip-text[data-v-e34baa05] {
  color: var(--ep-color-text-warning, #FC974C);
  text-align: center;
  font-size: var(--ep-font-size-s, 12px);
  font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
  line-height: 150%;
  width: 18.75rem;
  margin: 1.5rem auto;
}
.red-packet-container .wrap .time-list-container[data-v-e34baa05] {
  width: 16.875rem;
  height: 3.1875rem;
  overflow-y: auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto;
  padding-bottom: 0.375rem;
  list-style: none;
  font-size: var(--ep-font-size-s, 12px);
  border-radius: var(--ep-border-radius-m, 6px);
  scrollbar-width: none;
  background-color: rgba(0, 0, 0, 0.2);
}
.red-packet-container .wrap .time-list-container li[data-v-e34baa05] {
  flex: 0 0 33.33%;
  height: 1.0625rem;
  text-align: center;
  color: var(--ep-color-text-highlight-white);
  margin-top: 0.375rem;
}
.red-packet-container .wrap .time-list-container .out-dated[data-v-e34baa05] {
  color: var(--ep-color-text-highlight-white-weaker);
}
.red-packet-container .btn-cls[data-v-e34baa05] {
  background-size: 100% 100%;
  width: 16.25rem;
  height: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.24rem;
  color: var(--ep-color-text-highlight-white, #FFF);
  font-size: var(--ep-font-size-s, 12px);
  font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
  line-height: 150%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default .header[data-v-810d0c34] {
  --padding-end: 0.9375rem;
  --background: #090f1f;
}
.blue-default .header[data-v-810d0c34] .menu-bar {
  color: #fff;
}
.blue-default .header .assets-box[data-v-810d0c34] {
  font-weight: 400;
  border: 0.0625rem solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  display: flex;
  align-items: center;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.1875rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
}
.blue-default .header .assets-box .assets-img[data-v-810d0c34] {
  width: 1.25rem;
  margin-inline-end: 0.3125rem;
}
.blue-default .header .assets-box .currency[data-v-810d0c34] {
  font-size: 0.875rem;
  font-weight: 700;
  margin-right: 0.25rem;
  color: #FBA531;
  text-shadow: none;
}
.blue-default .header .assets-box .assets-box-number[data-v-810d0c34] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #FBA531;
  text-shadow: none;
}
.blue-default .header .assets-box .wallet[data-v-810d0c34] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem 0.625rem;
  border-radius: 0.25rem;
  margin-left: 0.375rem;
  background: linear-gradient(to bottom, #13c96a, #1d9554);
}
.blue-default .header .assets-box .wallet ion-icon[data-v-810d0c34] {
  font-size: 1.125rem;
  color: #fff;
}
.blue-default .header .assets-box .deposit[data-v-810d0c34] {
  margin-left: 0.375rem;
  border-radius: 0.375rem;
  background: linear-gradient(180deg, #6A853A 0%, #98C24F 100%);
}
.blue-default .header .assets-box ion-button[data-v-810d0c34]::part(native) {
  color: #fff;
}
.blue-default .header .primaryBtn[data-v-810d0c34] {
  display: flex;
  align-items: center;
}
.blue-default .header .primaryBtn .login[data-v-810d0c34]::part(native) {
  background: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
  color: #fff;
}
.blue-default .header .primaryBtn .register[data-v-810d0c34]::part(native) {
  background: linear-gradient(to bottom, #13C96A, #1D9554);
  color: #fff;
}
.blue-default .header .primaryBtn .register-btn-warpper[data-v-810d0c34] {
  display: flex;
  align-items: center;
  position: relative;
}
.blue-default .header .primaryBtn .register-btn-warpper .rewardTag[data-v-810d0c34] {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
.blue-default .header ion-button.init-btn[data-v-810d0c34] {
  --padding-top: 0.375rem;
  --padding-bottom: 0.375rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-feature-settings: 'cpsp' on;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
  min-height: min-content;
  --border-radius: 0.375rem;
}
.blue-default .header ion-button.unset-btn[data-v-810d0c34] {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
  min-height: min-content;
  min-width: min-content;
}
.blue-default .header ion-button.outline-btn[data-v-810d0c34] {
  --border-width: 0.0625rem;
  --border-style: solid;
}
.blue-default .header ion-button.outline-btn.login[data-v-810d0c34] {
  --background: #1A223A;
  --color: #1F8AE4;
  --border-color: #1F8AE4;
}
.blue-default .header ion-button.outline-btn.login[data-v-810d0c34]::part(native) {
  color: #1F8AE4;
}
.blue-default .header ion-button.outline-btn.register[data-v-810d0c34] {
  --background: #3C3834;
  --color: #FBA531;
  --border-color: #FBA531;
}
.blue-default .header ion-button.outline-btn.register[data-v-810d0c34]::part(native) {
  color: #FBA531;
}
.blue-default .header ion-button.search[data-v-810d0c34] {
  padding-left: 0.5rem;
  margin: 0;
  font-size: 1.375rem;
}
.blue-default .header ion-button.search .search-icon[data-v-810d0c34] {
  color: #fff;
}
.blue-default .header ion-button.earth[data-v-810d0c34] {
  flex-shrink: 0;
  padding-left: 0.5rem;
  margin: 0;
  font-size: 1.375rem;
}
.blue-default .header ion-button.earth .language-icon[data-v-810d0c34] {
  color: #fff;
}
.blue-default .header ion-button.btn-margin + .btn-margin[data-v-810d0c34] {
  margin-inline-start: 0.625rem;
}
.blue-default #language[data-v-810d0c34] {
  --background: #090f1f;
}
.blue-default #language[data-v-810d0c34]::part(content) {
  margin-top: 1.5rem;
  margin-left: 0.125rem;
  border-radius: 0.375rem;
  width: max-content;
}
.blue-default #language ion-button[data-v-810d0c34] {
  --color: #fff;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: 0;
  margin-inline: 0;
  margin-top: 0;
  margin-bottom: 0;
  height: 3.25rem;
  white-space: nowrap;
  align-self: flex-start;
}
.blue-default #language ion-button .flag[data-v-810d0c34] {
  border-radius: 0.75rem;
  font-size: 1.25rem;
  margin-right: 0.5rem;
}
.blue-default .home-type-Platform.v02 .header[data-v-810d0c34] {
  --padding-end: 0.9375rem;
  --background: #13192C;
}
.blue-default .home-type-Platform.v02 .header[data-v-810d0c34] .menu-bar {
  color: #fff;
}
.blue-default .home-type-Platform.v02 .header .assets-box[data-v-810d0c34] {
  font-weight: 400;
  border: 0.0625rem solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  display: flex;
  align-items: center;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.1875rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
}
.blue-default .home-type-Platform.v02 .header .assets-box .assets-img[data-v-810d0c34] {
  width: 1.25rem;
  margin-inline-end: 0.3125rem;
}
.blue-default .home-type-Platform.v02 .header .assets-box .currency[data-v-810d0c34] {
  font-size: 0.875rem;
  font-weight: 700;
  margin-right: 0.25rem;
  color: #FBED3C;
  text-shadow: none;
}
.blue-default .home-type-Platform.v02 .header .assets-box .assets-box-number[data-v-810d0c34] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #FBED3C;
  text-shadow: none;
}
.blue-default .home-type-Platform.v02 .header .assets-box .wallet[data-v-810d0c34] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem 0.625rem;
  border-radius: 0.25rem;
  margin-left: 0.375rem;
  background: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
}
.blue-default .home-type-Platform.v02 .header .assets-box .wallet ion-icon[data-v-810d0c34] {
  font-size: 1.125rem;
  color: #fff;
}
.blue-default .home-type-Platform.v02 .header .assets-box .deposit[data-v-810d0c34] {
  margin-left: 0.375rem;
  border-radius: 0.375rem;
  background: linear-gradient(180deg, #6A853A 0%, #98C24F 100%);
}
.blue-default .home-type-Platform.v02 .header .assets-box ion-button[data-v-810d0c34]::part(native) {
  color: #fff;
}
.blue-default .home-type-Platform.v02 .header .primaryBtn[data-v-810d0c34] {
  display: flex;
  align-items: center;
}
.blue-default .home-type-Platform.v02 .header .primaryBtn .login[data-v-810d0c34]::part(native) {
  background: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
  color: #fff;
}
.blue-default .home-type-Platform.v02 .header .primaryBtn .register[data-v-810d0c34]::part(native) {
  background: linear-gradient(to bottom, #13C96A, #1D9554);
  color: #fff;
}
.blue-default .home-type-Platform.v02 .header .primaryBtn .register-btn-warpper[data-v-810d0c34] {
  display: flex;
  align-items: center;
  position: relative;
}
.blue-default .home-type-Platform.v02 .header .primaryBtn .register-btn-warpper .rewardTag[data-v-810d0c34] {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
.blue-default .home-type-Platform.v02 .header ion-button.init-btn[data-v-810d0c34] {
  --padding-top: 0.375rem;
  --padding-bottom: 0.375rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-feature-settings: 'cpsp' on;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
  min-height: min-content;
  --border-radius: 0.375rem;
}
.blue-default .home-type-Platform.v02 .header ion-button.unset-btn[data-v-810d0c34] {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
  min-height: min-content;
  min-width: min-content;
}
.blue-default .home-type-Platform.v02 .header ion-button.outline-btn[data-v-810d0c34] {
  --border-width: 0.0625rem;
  --border-style: solid;
}
.blue-default .home-type-Platform.v02 .header ion-button.outline-btn.login[data-v-810d0c34] {
  --background: #1A223A;
  --color: #1F8AE4;
  --border-color: #1F8AE4;
}
.blue-default .home-type-Platform.v02 .header ion-button.outline-btn.login[data-v-810d0c34]::part(native) {
  color: #1F8AE4;
}
.blue-default .home-type-Platform.v02 .header ion-button.outline-btn.register[data-v-810d0c34] {
  --background: #3C3834;
  --color: #FBA531;
  --border-color: #FBA531;
}
.blue-default .home-type-Platform.v02 .header ion-button.outline-btn.register[data-v-810d0c34]::part(native) {
  color: #FBA531;
}
.blue-default .home-type-Platform.v02 .header ion-button.search[data-v-810d0c34] {
  padding-left: 0.5rem;
  margin: 0;
  font-size: 1.375rem;
}
.blue-default .home-type-Platform.v02 .header ion-button.search .search-icon[data-v-810d0c34] {
  color: #fff;
}
.blue-default .home-type-Platform.v02 .header ion-button.earth[data-v-810d0c34] {
  flex-shrink: 0;
  padding-left: 0.5rem;
  margin: 0;
  font-size: 1.375rem;
}
.blue-default .home-type-Platform.v02 .header ion-button.earth .language-icon[data-v-810d0c34] {
  color: #fff;
}
.blue-default .home-type-Platform.v02 .header ion-button.btn-margin + .btn-margin[data-v-810d0c34] {
  margin-inline-start: 0.625rem;
}
.blue-default .home-type-Platform.v02 #language[data-v-810d0c34] {
  --background: #13192C;
}
.blue-default .home-type-Platform.v02 #language[data-v-810d0c34]::part(content) {
  margin-top: 1.5rem;
  margin-left: 0.125rem;
  border-radius: 0.375rem;
  width: max-content;
}
.blue-default .home-type-Platform.v02 #language ion-button[data-v-810d0c34] {
  --color: #fff;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: 0;
  margin-inline: 0;
  margin-top: 0;
  margin-bottom: 0;
  height: 3.25rem;
  white-space: nowrap;
  align-self: flex-start;
}
.blue-default .home-type-Platform.v02 #language ion-button .flag[data-v-810d0c34] {
  border-radius: 0.75rem;
  font-size: 1.25rem;
  margin-right: 0.5rem;
}
.blue-default:has(.home-type-Platform, #aaaa #bbbb) .header .icon-btn[data-v-810d0c34] {
  font-size: 1.5rem;
}
.blue-default:has(.home-type-Platform, #aaaa #bbbb) .header .login[data-v-810d0c34],
.blue-default:has(.home-type-Platform, #aaaa #bbbb) .header .register[data-v-810d0c34] {
  text-transform: uppercase;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  font-weight: 700;
  font-size: 0.75rem;
}
.blue-default:has(.home-type-Platform, #aaaa #bbbb) .v02 .header .assets-box .currency[data-v-810d0c34] {
  font-family: Inter;
}
.blue-default:has(.home-type-Platform, #aaaa #bbbb) .v02 .header .assets-box .assets-box-number[data-v-810d0c34] {
  font-family: Inter;
}
.blue-default:has(.home-type-Platform, #aaaa #bbbb) .v02 .header .assets-box .wallet[data-v-810d0c34] {
  padding: 0.3125rem 0.4375rem;
}
.blue-default:has(.home-type-Platform, #aaaa #bbbb) .v02 .header .assets-box .wallet ion-icon[data-v-810d0c34] {
  font-size: 1.125rem;
}
.green-default .header[data-v-810d0c34] {
  --padding-end: 0.9375rem;
  --background: #2B4F14;
}
.green-default .header[data-v-810d0c34] .menu-bar {
  color: #AFC69F;
}
.green-default .header .assets-box[data-v-810d0c34] {
  font-weight: 400;
  border: 0.0625rem solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  display: flex;
  align-items: center;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.1875rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
}
.green-default .header .assets-box .assets-img[data-v-810d0c34] {
  width: 1.25rem;
  margin-inline-end: 0.3125rem;
}
.green-default .header .assets-box .currency[data-v-810d0c34] {
  font-size: 0.875rem;
  font-weight: 700;
  margin-right: 0.25rem;
  color: #FBED3C;
  text-shadow: none;
}
.green-default .header .assets-box .assets-box-number[data-v-810d0c34] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #FBED3C;
  text-shadow: none;
}
.green-default .header .assets-box .wallet[data-v-810d0c34] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem 0.625rem;
  border-radius: 0.25rem;
  margin-left: 0.375rem;
  background: linear-gradient(180deg, #FFC271 0%, #F2910D 100%);
}
.green-default .header .assets-box .wallet ion-icon[data-v-810d0c34] {
  font-size: 1.125rem;
  color: #fff;
}
.green-default .header .assets-box .deposit[data-v-810d0c34] {
  margin-left: 0.375rem;
  border-radius: 0.375rem;
  background: linear-gradient(180deg, #6A853A 0%, #98C24F 100%);
}
.green-default .header .assets-box ion-button[data-v-810d0c34]::part(native) {
  color: #fff;
}
.green-default .header .primaryBtn[data-v-810d0c34] {
  display: flex;
  align-items: center;
}
.green-default .header .primaryBtn .login[data-v-810d0c34]::part(native) {
  background: linear-gradient(180deg, #13c96a 0%, #1d9554 100%);
  color: #fff;
}
.green-default .header .primaryBtn .register[data-v-810d0c34]::part(native) {
  background: linear-gradient(180deg, #ffc271 0%, #f2910d 100%);
  color: #fff;
}
.green-default .header .primaryBtn .register-btn-warpper[data-v-810d0c34] {
  display: flex;
  align-items: center;
  position: relative;
}
.green-default .header .primaryBtn .register-btn-warpper .rewardTag[data-v-810d0c34] {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
.green-default .header ion-button.init-btn[data-v-810d0c34] {
  --padding-top: 0.375rem;
  --padding-bottom: 0.375rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-feature-settings: 'cpsp' on;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
  min-height: min-content;
  --border-radius: 0.375rem;
}
.green-default .header ion-button.unset-btn[data-v-810d0c34] {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
  min-height: min-content;
  min-width: min-content;
}
.green-default .header ion-button.outline-btn[data-v-810d0c34] {
  --border-width: 0.0625rem;
  --border-style: solid;
}
.green-default .header ion-button.outline-btn.login[data-v-810d0c34] {
  --background: #1A223A;
  --color: #1F8AE4;
  --border-color: #1F8AE4;
}
.green-default .header ion-button.outline-btn.login[data-v-810d0c34]::part(native) {
  color: #1F8AE4;
}
.green-default .header ion-button.outline-btn.register[data-v-810d0c34] {
  --background: #3C3834;
  --color: #FBA531;
  --border-color: #FBA531;
}
.green-default .header ion-button.outline-btn.register[data-v-810d0c34]::part(native) {
  color: #FBA531;
}
.green-default .header ion-button.search[data-v-810d0c34] {
  padding-left: 0.5rem;
  margin: 0;
  font-size: 1.375rem;
}
.green-default .header ion-button.search .search-icon[data-v-810d0c34] {
  color: #AFC69F;
}
.green-default .header ion-button.earth[data-v-810d0c34] {
  flex-shrink: 0;
  padding-left: 0.5rem;
  margin: 0;
  font-size: 1.375rem;
}
.green-default .header ion-button.earth .language-icon[data-v-810d0c34] {
  color: #AFC69F;
}
.green-default .header ion-button.btn-margin + .btn-margin[data-v-810d0c34] {
  margin-inline-start: 0.625rem;
}
.green-default #language[data-v-810d0c34] {
  --background: #2B4F14;
}
.green-default #language[data-v-810d0c34]::part(content) {
  margin-top: 1.5rem;
  margin-left: 0.125rem;
  border-radius: 0.375rem;
  width: max-content;
}
.green-default #language ion-button[data-v-810d0c34] {
  --color: #AFC69F;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: 0;
  margin-inline: 0;
  margin-top: 0;
  margin-bottom: 0;
  height: 3.25rem;
  white-space: nowrap;
  align-self: flex-start;
}
.green-default #language ion-button .flag[data-v-810d0c34] {
  border-radius: 0.75rem;
  font-size: 1.25rem;
  margin-right: 0.5rem;
}
.green-default .v02 .header[data-v-810d0c34] {
  --padding-end: 0.9375rem;
  --background: radial-gradient(80.18% 120% at 0% 0%, #939033 0%, #325D16 100%);
}
.green-default .v02 .header[data-v-810d0c34] .menu-bar {
  color: #AFC69F;
}
.green-default .v02 .header .assets-box[data-v-810d0c34] {
  font-weight: 400;
  border: 0.0625rem solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  display: flex;
  align-items: center;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.1875rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
}
.green-default .v02 .header .assets-box .assets-img[data-v-810d0c34] {
  width: 1.25rem;
  margin-inline-end: 0.3125rem;
}
.green-default .v02 .header .assets-box .currency[data-v-810d0c34] {
  font-size: 0.875rem;
  font-weight: 700;
  margin-right: 0.25rem;
  color: #FBED3C;
  text-shadow: none;
}
.green-default .v02 .header .assets-box .assets-box-number[data-v-810d0c34] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #FBED3C;
  text-shadow: none;
}
.green-default .v02 .header .assets-box .wallet[data-v-810d0c34] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem 0.625rem;
  border-radius: 0.25rem;
  margin-left: 0.375rem;
  background: linear-gradient(180deg, #FFC271 0%, #F2910D 100%);
}
.green-default .v02 .header .assets-box .wallet ion-icon[data-v-810d0c34] {
  font-size: 1.125rem;
  color: #fff;
}
.green-default .v02 .header .assets-box .deposit[data-v-810d0c34] {
  margin-left: 0.375rem;
  border-radius: 0.375rem;
  background: linear-gradient(180deg, #6A853A 0%, #98C24F 100%);
}
.green-default .v02 .header .assets-box ion-button[data-v-810d0c34]::part(native) {
  color: #fff;
}
.green-default .v02 .header .primaryBtn[data-v-810d0c34] {
  display: flex;
  align-items: center;
}
.green-default .v02 .header .primaryBtn .login[data-v-810d0c34]::part(native) {
  background: linear-gradient(180deg, #13c96a 0%, #1d9554 100%);
  color: #fff;
}
.green-default .v02 .header .primaryBtn .register[data-v-810d0c34]::part(native) {
  background: linear-gradient(180deg, #ffc271 0%, #f2910d 100%);
  color: #fff;
}
.green-default .v02 .header .primaryBtn .register-btn-warpper[data-v-810d0c34] {
  display: flex;
  align-items: center;
  position: relative;
}
.green-default .v02 .header .primaryBtn .register-btn-warpper .rewardTag[data-v-810d0c34] {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
.green-default .v02 .header ion-button.init-btn[data-v-810d0c34] {
  --padding-top: 0.375rem;
  --padding-bottom: 0.375rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-feature-settings: 'cpsp' on;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
  min-height: min-content;
  --border-radius: 0.375rem;
}
.green-default .v02 .header ion-button.unset-btn[data-v-810d0c34] {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
  min-height: min-content;
  min-width: min-content;
}
.green-default .v02 .header ion-button.outline-btn[data-v-810d0c34] {
  --border-width: 0.0625rem;
  --border-style: solid;
}
.green-default .v02 .header ion-button.outline-btn.login[data-v-810d0c34] {
  --background: #1A223A;
  --color: #1F8AE4;
  --border-color: #1F8AE4;
}
.green-default .v02 .header ion-button.outline-btn.login[data-v-810d0c34]::part(native) {
  color: #1F8AE4;
}
.green-default .v02 .header ion-button.outline-btn.register[data-v-810d0c34] {
  --background: #3C3834;
  --color: #FBA531;
  --border-color: #FBA531;
}
.green-default .v02 .header ion-button.outline-btn.register[data-v-810d0c34]::part(native) {
  color: #FBA531;
}
.green-default .v02 .header ion-button.search[data-v-810d0c34] {
  padding-left: 0.5rem;
  margin: 0;
  font-size: 1.375rem;
}
.green-default .v02 .header ion-button.search .search-icon[data-v-810d0c34] {
  color: #AFC69F;
}
.green-default .v02 .header ion-button.earth[data-v-810d0c34] {
  flex-shrink: 0;
  padding-left: 0.5rem;
  margin: 0;
  font-size: 1.375rem;
}
.green-default .v02 .header ion-button.earth .language-icon[data-v-810d0c34] {
  color: #AFC69F;
}
.green-default .v02 .header ion-button.btn-margin + .btn-margin[data-v-810d0c34] {
  margin-inline-start: 0.625rem;
}
.green-default .v02 #language[data-v-810d0c34] {
  --background: #3B3466;
}
.green-default .v02 #language[data-v-810d0c34]::part(content) {
  margin-top: 1.5rem;
  margin-left: 0.125rem;
  border-radius: 0.375rem;
  width: max-content;
}
.green-default .v02 #language ion-button[data-v-810d0c34] {
  --color: #AFC69F;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: 0;
  margin-inline: 0;
  margin-top: 0;
  margin-bottom: 0;
  height: 3.25rem;
  white-space: nowrap;
  align-self: flex-start;
}
.green-default .v02 #language ion-button .flag[data-v-810d0c34] {
  border-radius: 0.75rem;
  font-size: 1.25rem;
  margin-right: 0.5rem;
}
.green-default:has(.home-type-Platform, #aaaa #bbbb) .header .icon-btn[data-v-810d0c34] {
  font-size: 1.5rem;
}
.green-default:has(.home-type-Platform, #aaaa #bbbb) .header .login[data-v-810d0c34],
.green-default:has(.home-type-Platform, #aaaa #bbbb) .header .register[data-v-810d0c34] {
  text-transform: uppercase;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  font-weight: 700;
  font-size: 0.75rem;
}
.green-default:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .currency[data-v-810d0c34] {
  font-family: Inter;
}
.green-default:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .assets-box-number[data-v-810d0c34] {
  font-family: Inter;
}
.green-default:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .wallet[data-v-810d0c34] {
  padding: 0.3125rem 0.4375rem;
}
.green-default:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .wallet ion-icon[data-v-810d0c34] {
  font-size: 1.125rem;
}
.forest-green .v01 .header[data-v-810d0c34] {
  --padding-end: 0.9375rem;
  --background: linear-gradient(to right, #007B4C 0%, #004D37 100%);
}
.forest-green .v01 .header[data-v-810d0c34] .menu-bar {
  color: #7E9071;
}
.forest-green .v01 .header .assets-box[data-v-810d0c34] {
  font-weight: 400;
  border: 0.0625rem solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  display: flex;
  align-items: center;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.1875rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
}
.forest-green .v01 .header .assets-box .assets-img[data-v-810d0c34] {
  width: 1.25rem;
  margin-inline-end: 0.3125rem;
}
.forest-green .v01 .header .assets-box .currency[data-v-810d0c34] {
  font-size: 0.875rem;
  font-weight: 700;
  margin-right: 0.25rem;
  color: #FBED3C;
  text-shadow: none;
}
.forest-green .v01 .header .assets-box .assets-box-number[data-v-810d0c34] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #FBED3C;
  text-shadow: none;
}
.forest-green .v01 .header .assets-box .wallet[data-v-810d0c34] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem 0.625rem;
  border-radius: 0.25rem;
  margin-left: 0.375rem;
  background: linear-gradient(180deg, #FFC271 0%, #F2910D 100%);
}
.forest-green .v01 .header .assets-box .wallet ion-icon[data-v-810d0c34] {
  font-size: 1.125rem;
  color: #fff;
}
.forest-green .v01 .header .assets-box .deposit[data-v-810d0c34] {
  margin-left: 0.375rem;
  border-radius: 0.375rem;
  background: linear-gradient(180deg, #6A853A 0%, #98C24F 100%);
}
.forest-green .v01 .header .assets-box ion-button[data-v-810d0c34]::part(native) {
  color: #fff;
}
.forest-green .v01 .header .primaryBtn[data-v-810d0c34] {
  display: flex;
  align-items: center;
}
.forest-green .v01 .header .primaryBtn .login[data-v-810d0c34]::part(native) {
  background: linear-gradient(180deg, #13c96a 0%, #1d9554 100%);
  color: #fff;
}
.forest-green .v01 .header .primaryBtn .register[data-v-810d0c34]::part(native) {
  background: linear-gradient(180deg, #ffc271 0%, #f2910d 100%);
  color: #fff;
}
.forest-green .v01 .header .primaryBtn .register-btn-warpper[data-v-810d0c34] {
  display: flex;
  align-items: center;
  position: relative;
}
.forest-green .v01 .header .primaryBtn .register-btn-warpper .rewardTag[data-v-810d0c34] {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
.forest-green .v01 .header ion-button.init-btn[data-v-810d0c34] {
  --padding-top: 0.375rem;
  --padding-bottom: 0.375rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-feature-settings: 'cpsp' on;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
  min-height: min-content;
  --border-radius: 0.375rem;
}
.forest-green .v01 .header ion-button.unset-btn[data-v-810d0c34] {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
  min-height: min-content;
  min-width: min-content;
}
.forest-green .v01 .header ion-button.outline-btn[data-v-810d0c34] {
  --border-width: 0.0625rem;
  --border-style: solid;
}
.forest-green .v01 .header ion-button.outline-btn.login[data-v-810d0c34] {
  --background: #1A223A;
  --color: #1F8AE4;
  --border-color: #1F8AE4;
}
.forest-green .v01 .header ion-button.outline-btn.login[data-v-810d0c34]::part(native) {
  color: #1F8AE4;
}
.forest-green .v01 .header ion-button.outline-btn.register[data-v-810d0c34] {
  --background: #3C3834;
  --color: #FBA531;
  --border-color: #FBA531;
}
.forest-green .v01 .header ion-button.outline-btn.register[data-v-810d0c34]::part(native) {
  color: #FBA531;
}
.forest-green .v01 .header ion-button.search[data-v-810d0c34] {
  padding-left: 0.5rem;
  margin: 0;
  font-size: 1.375rem;
}
.forest-green .v01 .header ion-button.search .search-icon[data-v-810d0c34] {
  color: #AFC69F;
}
.forest-green .v01 .header ion-button.earth[data-v-810d0c34] {
  flex-shrink: 0;
  padding-left: 0.5rem;
  margin: 0;
  font-size: 1.375rem;
}
.forest-green .v01 .header ion-button.earth .language-icon[data-v-810d0c34] {
  color: #AFC69F;
}
.forest-green .v01 .header ion-button.btn-margin + .btn-margin[data-v-810d0c34] {
  margin-inline-start: 0.625rem;
}
.forest-green .v01 #language[data-v-810d0c34] {
  --background: #007B4C;
}
.forest-green .v01 #language[data-v-810d0c34]::part(content) {
  margin-top: 1.5rem;
  margin-left: 0.125rem;
  border-radius: 0.375rem;
  width: max-content;
}
.forest-green .v01 #language ion-button[data-v-810d0c34] {
  --color: #AFC69F;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: 0;
  margin-inline: 0;
  margin-top: 0;
  margin-bottom: 0;
  height: 3.25rem;
  white-space: nowrap;
  align-self: flex-start;
}
.forest-green .v01 #language ion-button .flag[data-v-810d0c34] {
  border-radius: 0.75rem;
  font-size: 1.25rem;
  margin-right: 0.5rem;
}
.forest-green .v02 .header[data-v-810d0c34] {
  --padding-end: 0.9375rem;
  --background: radial-gradient(80.18% 120% at 0% 0%, #007B4C 0%, #004D37 100%);
}
.forest-green .v02 .header[data-v-810d0c34] .menu-bar {
  color: #fff;
}
.forest-green .v02 .header .assets-box[data-v-810d0c34] {
  font-weight: 400;
  border: 0.0625rem solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  display: flex;
  align-items: center;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.1875rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
}
.forest-green .v02 .header .assets-box .assets-img[data-v-810d0c34] {
  width: 1.25rem;
  margin-inline-end: 0.3125rem;
}
.forest-green .v02 .header .assets-box .currency[data-v-810d0c34] {
  font-size: 0.875rem;
  font-weight: 700;
  margin-right: 0.25rem;
  color: #FBED3C;
  text-shadow: none;
}
.forest-green .v02 .header .assets-box .assets-box-number[data-v-810d0c34] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #FBED3C;
  text-shadow: none;
}
.forest-green .v02 .header .assets-box .wallet[data-v-810d0c34] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem 0.625rem;
  border-radius: 0.25rem;
  margin-left: 0.375rem;
  background: linear-gradient(180deg, #FFC271 0%, #F2910D 100%);
}
.forest-green .v02 .header .assets-box .wallet ion-icon[data-v-810d0c34] {
  font-size: 1.125rem;
  color: #A34343;
}
.forest-green .v02 .header .assets-box .deposit[data-v-810d0c34] {
  margin-left: 0.375rem;
  border-radius: 0.375rem;
  background: linear-gradient(180deg, #6A853A 0%, #98C24F 100%);
}
.forest-green .v02 .header .assets-box ion-button[data-v-810d0c34]::part(native) {
  color: #fff;
}
.forest-green .v02 .header .primaryBtn[data-v-810d0c34] {
  display: flex;
  align-items: center;
}
.forest-green .v02 .header .primaryBtn .login[data-v-810d0c34]::part(native) {
  background: linear-gradient(180deg, #13c96a 0%, #1d9554 100%);
  color: #fff;
}
.forest-green .v02 .header .primaryBtn .register[data-v-810d0c34]::part(native) {
  background: linear-gradient(180deg, #ffc271 0%, #f2910d 100%);
  color: #fff;
}
.forest-green .v02 .header .primaryBtn .register-btn-warpper[data-v-810d0c34] {
  display: flex;
  align-items: center;
  position: relative;
}
.forest-green .v02 .header .primaryBtn .register-btn-warpper .rewardTag[data-v-810d0c34] {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
.forest-green .v02 .header ion-button.init-btn[data-v-810d0c34] {
  --padding-top: 0.375rem;
  --padding-bottom: 0.375rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-feature-settings: 'cpsp' on;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
  min-height: min-content;
  --border-radius: 0.375rem;
}
.forest-green .v02 .header ion-button.unset-btn[data-v-810d0c34] {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
  min-height: min-content;
  min-width: min-content;
}
.forest-green .v02 .header ion-button.outline-btn[data-v-810d0c34] {
  --border-width: 0.0625rem;
  --border-style: solid;
}
.forest-green .v02 .header ion-button.outline-btn.login[data-v-810d0c34] {
  --background: #1A223A;
  --color: #1F8AE4;
  --border-color: #1F8AE4;
}
.forest-green .v02 .header ion-button.outline-btn.login[data-v-810d0c34]::part(native) {
  color: #1F8AE4;
}
.forest-green .v02 .header ion-button.outline-btn.register[data-v-810d0c34] {
  --background: #3C3834;
  --color: #FBA531;
  --border-color: #FBA531;
}
.forest-green .v02 .header ion-button.outline-btn.register[data-v-810d0c34]::part(native) {
  color: #FBA531;
}
.forest-green .v02 .header ion-button.search[data-v-810d0c34] {
  padding-left: 0.5rem;
  margin: 0;
  font-size: 1.375rem;
}
.forest-green .v02 .header ion-button.search .search-icon[data-v-810d0c34] {
  color: #fff;
}
.forest-green .v02 .header ion-button.earth[data-v-810d0c34] {
  flex-shrink: 0;
  padding-left: 0.5rem;
  margin: 0;
  font-size: 1.375rem;
}
.forest-green .v02 .header ion-button.earth .language-icon[data-v-810d0c34] {
  color: #fff;
}
.forest-green .v02 .header ion-button.btn-margin + .btn-margin[data-v-810d0c34] {
  margin-inline-start: 0.625rem;
}
.forest-green .v02 #language[data-v-810d0c34] {
  --background: #007B4C;
}
.forest-green .v02 #language[data-v-810d0c34]::part(content) {
  margin-top: 1.5rem;
  margin-left: 0.125rem;
  border-radius: 0.375rem;
  width: max-content;
}
.forest-green .v02 #language ion-button[data-v-810d0c34] {
  --color: #AFC69F;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: 0;
  margin-inline: 0;
  margin-top: 0;
  margin-bottom: 0;
  height: 3.25rem;
  white-space: nowrap;
  align-self: flex-start;
}
.forest-green .v02 #language ion-button .flag[data-v-810d0c34] {
  border-radius: 0.75rem;
  font-size: 1.25rem;
  margin-right: 0.5rem;
}
.forest-green:has(.home-type-Platform, #aaaa #bbbb) .header .icon-btn[data-v-810d0c34] {
  font-size: 1.5rem;
}
.forest-green:has(.home-type-Platform, #aaaa #bbbb) .header .login[data-v-810d0c34],
.forest-green:has(.home-type-Platform, #aaaa #bbbb) .header .register[data-v-810d0c34] {
  text-transform: uppercase;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  font-weight: 700;
  font-size: 0.75rem;
}
.forest-green:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .currency[data-v-810d0c34] {
  font-family: Inter;
}
.forest-green:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .assets-box-number[data-v-810d0c34] {
  font-family: Inter;
}
.forest-green:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .wallet[data-v-810d0c34] {
  padding: 0.3125rem 0.4375rem;
}
.forest-green:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .wallet ion-icon[data-v-810d0c34] {
  font-size: 1.125rem;
}
.amber-purple .header[data-v-810d0c34] {
  --padding-end: 0.9375rem;
  --background: #3B3466;
}
.amber-purple .header[data-v-810d0c34] .menu-bar {
  color: #686299;
}
.amber-purple .header .assets-box[data-v-810d0c34] {
  font-weight: 400;
  border: 0.0625rem solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  display: flex;
  align-items: center;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.1875rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
}
.amber-purple .header .assets-box .assets-img[data-v-810d0c34] {
  width: 1.25rem;
  margin-inline-end: 0.3125rem;
}
.amber-purple .header .assets-box .currency[data-v-810d0c34] {
  font-size: 0.875rem;
  font-weight: 700;
  margin-right: 0.25rem;
  color: #F5C84C;
  text-shadow: none;
}
.amber-purple .header .assets-box .assets-box-number[data-v-810d0c34] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #F5C84C;
  text-shadow: none;
}
.amber-purple .header .assets-box .wallet[data-v-810d0c34] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem 0.625rem;
  border-radius: 0.25rem;
  margin-left: 0.375rem;
  background: linear-gradient(180deg, #FFC271 0%, #F2910D 100%);
}
.amber-purple .header .assets-box .wallet ion-icon[data-v-810d0c34] {
  font-size: 1.125rem;
  color: #fff;
}
.amber-purple .header .assets-box .deposit[data-v-810d0c34] {
  margin-left: 0.375rem;
  border-radius: 0.375rem;
  background: linear-gradient(180deg, #6A853A 0%, #98C24F 100%);
}
.amber-purple .header .assets-box ion-button[data-v-810d0c34]::part(native) {
  color: #fff;
}
.amber-purple .header .primaryBtn[data-v-810d0c34] {
  display: flex;
  align-items: center;
}
.amber-purple .header .primaryBtn .login[data-v-810d0c34]::part(native) {
  background: linear-gradient(2deg, #3BDF86 23.05%, #2376A4 98.19%);
  color: #fff;
}
.amber-purple .header .primaryBtn .register[data-v-810d0c34]::part(native) {
  background: linear-gradient(5deg, #F0BF4A 20.82%, #8D36D1 112.62%);
  color: #fff;
}
.amber-purple .header .primaryBtn .register-btn-warpper[data-v-810d0c34] {
  display: flex;
  align-items: center;
  position: relative;
}
.amber-purple .header .primaryBtn .register-btn-warpper .rewardTag[data-v-810d0c34] {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
.amber-purple .header ion-button.init-btn[data-v-810d0c34] {
  --padding-top: 0.375rem;
  --padding-bottom: 0.375rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-feature-settings: 'cpsp' on;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
  min-height: min-content;
  --border-radius: 0.375rem;
}
.amber-purple .header ion-button.unset-btn[data-v-810d0c34] {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
  min-height: min-content;
  min-width: min-content;
}
.amber-purple .header ion-button.outline-btn[data-v-810d0c34] {
  --border-width: 0.0625rem;
  --border-style: solid;
}
.amber-purple .header ion-button.outline-btn.login[data-v-810d0c34] {
  --background: #1A223A;
  --color: #1F8AE4;
  --border-color: #1F8AE4;
}
.amber-purple .header ion-button.outline-btn.login[data-v-810d0c34]::part(native) {
  color: #1F8AE4;
}
.amber-purple .header ion-button.outline-btn.register[data-v-810d0c34] {
  --background: #3C3834;
  --color: #FBA531;
  --border-color: #FBA531;
}
.amber-purple .header ion-button.outline-btn.register[data-v-810d0c34]::part(native) {
  color: #FBA531;
}
.amber-purple .header ion-button.search[data-v-810d0c34] {
  padding-left: 0.5rem;
  margin: 0;
  font-size: 1.375rem;
}
.amber-purple .header ion-button.search .search-icon[data-v-810d0c34] {
  color: #BDB8E1;
}
.amber-purple .header ion-button.earth[data-v-810d0c34] {
  flex-shrink: 0;
  padding-left: 0.5rem;
  margin: 0;
  font-size: 1.375rem;
}
.amber-purple .header ion-button.earth .language-icon[data-v-810d0c34] {
  color: #BDB8E1;
}
.amber-purple .header ion-button.btn-margin + .btn-margin[data-v-810d0c34] {
  margin-inline-start: 0.625rem;
}
.amber-purple #language[data-v-810d0c34] {
  --background: #3B3466;
}
.amber-purple #language[data-v-810d0c34]::part(content) {
  margin-top: 1.5rem;
  margin-left: 0.125rem;
  border-radius: 0.375rem;
  width: max-content;
}
.amber-purple #language ion-button[data-v-810d0c34] {
  --color: #BDB8E1;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: 0;
  margin-inline: 0;
  margin-top: 0;
  margin-bottom: 0;
  height: 3.25rem;
  white-space: nowrap;
  align-self: flex-start;
}
.amber-purple #language ion-button .flag[data-v-810d0c34] {
  border-radius: 0.75rem;
  font-size: 1.25rem;
  margin-right: 0.5rem;
}
.amber-purple .home-type-Platform.v01 .header[data-v-810d0c34] {
  --padding-end: 0.9375rem;
  --background: #262346;
}
.amber-purple .home-type-Platform.v01 .header[data-v-810d0c34] .menu-bar {
  color: #fff;
}
.amber-purple .home-type-Platform.v01 .header .assets-box[data-v-810d0c34] {
  font-weight: 400;
  border: 0.0625rem solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  display: flex;
  align-items: center;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.1875rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
}
.amber-purple .home-type-Platform.v01 .header .assets-box .assets-img[data-v-810d0c34] {
  width: 1.25rem;
  margin-inline-end: 0.3125rem;
}
.amber-purple .home-type-Platform.v01 .header .assets-box .currency[data-v-810d0c34] {
  font-size: 0.875rem;
  font-weight: 700;
  margin-right: 0.25rem;
  color: #F5C84C;
  text-shadow: none;
}
.amber-purple .home-type-Platform.v01 .header .assets-box .assets-box-number[data-v-810d0c34] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #F5C84C;
  text-shadow: none;
}
.amber-purple .home-type-Platform.v01 .header .assets-box .wallet[data-v-810d0c34] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem 0.625rem;
  border-radius: 0.25rem;
  margin-left: 0.375rem;
  background: #F5C84C;
}
.amber-purple .home-type-Platform.v01 .header .assets-box .wallet ion-icon[data-v-810d0c34] {
  font-size: 1.125rem;
  color: #3F5070;
}
.amber-purple .home-type-Platform.v01 .header .assets-box .deposit[data-v-810d0c34] {
  margin-left: 0.375rem;
  border-radius: 0.375rem;
  background: linear-gradient(180deg, #6A853A 0%, #98C24F 100%);
}
.amber-purple .home-type-Platform.v01 .header .assets-box ion-button[data-v-810d0c34]::part(native) {
  color: #fff;
}
.amber-purple .home-type-Platform.v01 .header .primaryBtn[data-v-810d0c34] {
  display: flex;
  align-items: center;
}
.amber-purple .home-type-Platform.v01 .header .primaryBtn .login[data-v-810d0c34]::part(native) {
  background: linear-gradient(2deg, #3BDF86 23.05%, #2376A4 98.19%);
  color: #fff;
}
.amber-purple .home-type-Platform.v01 .header .primaryBtn .register[data-v-810d0c34]::part(native) {
  background: linear-gradient(5deg, #F0BF4A 20.82%, #8D36D1 112.62%);
  color: #fff;
}
.amber-purple .home-type-Platform.v01 .header .primaryBtn .register-btn-warpper[data-v-810d0c34] {
  display: flex;
  align-items: center;
  position: relative;
}
.amber-purple .home-type-Platform.v01 .header .primaryBtn .register-btn-warpper .rewardTag[data-v-810d0c34] {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
.amber-purple .home-type-Platform.v01 .header ion-button.init-btn[data-v-810d0c34] {
  --padding-top: 0.375rem;
  --padding-bottom: 0.375rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-feature-settings: 'cpsp' on;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
  min-height: min-content;
  --border-radius: 0.375rem;
}
.amber-purple .home-type-Platform.v01 .header ion-button.unset-btn[data-v-810d0c34] {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
  min-height: min-content;
  min-width: min-content;
}
.amber-purple .home-type-Platform.v01 .header ion-button.outline-btn[data-v-810d0c34] {
  --border-width: 0.0625rem;
  --border-style: solid;
}
.amber-purple .home-type-Platform.v01 .header ion-button.outline-btn.login[data-v-810d0c34] {
  --background: #1A223A;
  --color: #1F8AE4;
  --border-color: #1F8AE4;
}
.amber-purple .home-type-Platform.v01 .header ion-button.outline-btn.login[data-v-810d0c34]::part(native) {
  color: #1F8AE4;
}
.amber-purple .home-type-Platform.v01 .header ion-button.outline-btn.register[data-v-810d0c34] {
  --background: #3C3834;
  --color: #FBA531;
  --border-color: #FBA531;
}
.amber-purple .home-type-Platform.v01 .header ion-button.outline-btn.register[data-v-810d0c34]::part(native) {
  color: #FBA531;
}
.amber-purple .home-type-Platform.v01 .header ion-button.search[data-v-810d0c34] {
  padding-left: 0.5rem;
  margin: 0;
  font-size: 1.375rem;
}
.amber-purple .home-type-Platform.v01 .header ion-button.search .search-icon[data-v-810d0c34] {
  color: #686299;
}
.amber-purple .home-type-Platform.v01 .header ion-button.earth[data-v-810d0c34] {
  flex-shrink: 0;
  padding-left: 0.5rem;
  margin: 0;
  font-size: 1.375rem;
}
.amber-purple .home-type-Platform.v01 .header ion-button.earth .language-icon[data-v-810d0c34] {
  color: #686299;
}
.amber-purple .home-type-Platform.v01 .header ion-button.btn-margin + .btn-margin[data-v-810d0c34] {
  margin-inline-start: 0.625rem;
}
.amber-purple .home-type-Platform.v01 #language[data-v-810d0c34] {
  --background: #3B3466;
}
.amber-purple .home-type-Platform.v01 #language[data-v-810d0c34]::part(content) {
  margin-top: 1.5rem;
  margin-left: 0.125rem;
  border-radius: 0.375rem;
  width: max-content;
}
.amber-purple .home-type-Platform.v01 #language ion-button[data-v-810d0c34] {
  --color: #BDB8E1;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: 0;
  margin-inline: 0;
  margin-top: 0;
  margin-bottom: 0;
  height: 3.25rem;
  white-space: nowrap;
  align-self: flex-start;
}
.amber-purple .home-type-Platform.v01 #language ion-button .flag[data-v-810d0c34] {
  border-radius: 0.75rem;
  font-size: 1.25rem;
  margin-right: 0.5rem;
}
.amber-purple:has(.home-type-Platform, #aaaa #bbbb) .header .icon-btn[data-v-810d0c34] {
  font-size: 1.5rem;
}
.amber-purple:has(.home-type-Platform, #aaaa #bbbb) .header .login[data-v-810d0c34],
.amber-purple:has(.home-type-Platform, #aaaa #bbbb) .header .register[data-v-810d0c34] {
  text-transform: uppercase;
  --padding-start: 0.25rem;
  --padding-end: 0.25rem;
  font-weight: 700;
  font-size: 0.75rem;
}
.amber-purple:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .currency[data-v-810d0c34] {
  font-family: Inter;
}
.amber-purple:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .assets-box-number[data-v-810d0c34] {
  font-family: Inter;
}
.amber-purple:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .wallet[data-v-810d0c34] {
  padding: 0.3125rem 0.4375rem;
}
.amber-purple:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .wallet ion-icon[data-v-810d0c34] {
  font-size: 1.125rem;
}
.auroral-yellow .header[data-v-810d0c34] {
  --padding-end: 0.9375rem;
  --background: #24221F;
}
.auroral-yellow .header[data-v-810d0c34] .menu-bar {
  color: #8A867C;
}
.auroral-yellow .header .assets-box[data-v-810d0c34] {
  font-weight: 400;
  border: 0.0625rem solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  display: flex;
  align-items: center;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.1875rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
}
.auroral-yellow .header .assets-box .assets-img[data-v-810d0c34] {
  width: 1.25rem;
  margin-inline-end: 0.3125rem;
}
.auroral-yellow .header .assets-box .currency[data-v-810d0c34] {
  font-size: 0.875rem;
  font-weight: 700;
  margin-right: 0.25rem;
  color: #fff;
  text-shadow: 0 0 0.625rem #FFB200;
}
.auroral-yellow .header .assets-box .assets-box-number[data-v-810d0c34] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 0 0.625rem #FFB200;
}
.auroral-yellow .header .assets-box .wallet[data-v-810d0c34] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem 0.625rem;
  border-radius: 0.25rem;
  margin-left: 0.375rem;
  background: linear-gradient(180deg, #FFC271 0%, #F2910D 100%);
}
.auroral-yellow .header .assets-box .wallet ion-icon[data-v-810d0c34] {
  font-size: 1.125rem;
  color: #fff;
}
.auroral-yellow .header .assets-box .deposit[data-v-810d0c34] {
  margin-left: 0.375rem;
  border-radius: 0.375rem;
  background: linear-gradient(180deg, #252320 0%, #36322C 100%);
}
.auroral-yellow .header .assets-box ion-button[data-v-810d0c34]::part(native) {
  color: #F7FB43;
}
.auroral-yellow .header .primaryBtn[data-v-810d0c34] {
  display: flex;
  align-items: center;
}
.auroral-yellow .header .primaryBtn .login[data-v-810d0c34]::part(native) {
  background: transparent;
  color: #fff;
}
.auroral-yellow .header .primaryBtn .register[data-v-810d0c34]::part(native) {
  background: #F7FB43;
  color: #2D2D2D;
}
.auroral-yellow .header .primaryBtn .register-btn-warpper[data-v-810d0c34] {
  display: flex;
  align-items: center;
  position: relative;
}
.auroral-yellow .header .primaryBtn .register-btn-warpper .rewardTag[data-v-810d0c34] {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
.auroral-yellow .header ion-button.init-btn[data-v-810d0c34] {
  --padding-top: 0.375rem;
  --padding-bottom: 0.375rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-feature-settings: 'cpsp' on;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
  min-height: min-content;
  --border-radius: 0.375rem;
}
.auroral-yellow .header ion-button.unset-btn[data-v-810d0c34] {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
  min-height: min-content;
  min-width: min-content;
}
.auroral-yellow .header ion-button.outline-btn[data-v-810d0c34] {
  --border-width: 0.0625rem;
  --border-style: solid;
}
.auroral-yellow .header ion-button.outline-btn.login[data-v-810d0c34] {
  --background: #1A223A;
  --color: #1F8AE4;
  --border-color: #1F8AE4;
}
.auroral-yellow .header ion-button.outline-btn.login[data-v-810d0c34]::part(native) {
  color: #1F8AE4;
}
.auroral-yellow .header ion-button.outline-btn.register[data-v-810d0c34] {
  --background: #3C3834;
  --color: #FBA531;
  --border-color: #FBA531;
}
.auroral-yellow .header ion-button.outline-btn.register[data-v-810d0c34]::part(native) {
  color: #FBA531;
}
.auroral-yellow .header ion-button.search[data-v-810d0c34] {
  padding-left: 0.5rem;
  margin: 0;
  font-size: 1.375rem;
}
.auroral-yellow .header ion-button.search .search-icon[data-v-810d0c34] {
  color: #BDB8E1;
}
.auroral-yellow .header ion-button.earth[data-v-810d0c34] {
  flex-shrink: 0;
  padding-left: 0.5rem;
  margin: 0;
  font-size: 1.375rem;
}
.auroral-yellow .header ion-button.earth .language-icon[data-v-810d0c34] {
  color: #BDB8E1;
}
.auroral-yellow .header ion-button.btn-margin + .btn-margin[data-v-810d0c34] {
  margin-inline-start: 0.625rem;
}
.auroral-yellow #language[data-v-810d0c34] {
  --background: #3B3466;
}
.auroral-yellow #language[data-v-810d0c34]::part(content) {
  margin-top: 1.5rem;
  margin-left: 0.125rem;
  border-radius: 0.375rem;
  width: max-content;
}
.auroral-yellow #language ion-button[data-v-810d0c34] {
  --color: #BDB8E1;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: 0;
  margin-inline: 0;
  margin-top: 0;
  margin-bottom: 0;
  height: 3.25rem;
  white-space: nowrap;
  align-self: flex-start;
}
.auroral-yellow #language ion-button .flag[data-v-810d0c34] {
  border-radius: 0.75rem;
  font-size: 1.25rem;
  margin-right: 0.5rem;
}
.auroral-yellow .header[data-v-810d0c34] {
  --padding-start: 0.875rem;
  --padding-end: 0.625rem;
}
.auroral-yellow .header[data-v-810d0c34] .menu-btn {
  padding-inline-start: 0;
  padding-inline-end: 0.375rem;
}
.auroral-yellow .header[data-v-810d0c34] .menu-bar {
  padding: 0.375rem;
  border-radius: 0.375rem;
  background: #171616;
}
.auroral-yellow .header .assets-box .currency[data-v-810d0c34] {
  font-style: italic;
}
.auroral-yellow .header .assets-box .assets-box-number[data-v-810d0c34] {
  font-style: italic;
}
.auroral-yellow .header .assets-box .deposit[data-v-810d0c34] {
  margin-inline-start: 1.25rem;
  box-shadow: 0 -0.0625rem 0 0 #F7FB43 inset;
}
.auroral-yellow .header .assets-box .deposit[data-v-810d0c34]::part(native) {
  font-size: 0.6875rem;
  font-weight: 600;
}
.auroral-yellow .header .primaryBtn[data-v-810d0c34] {
  display: flex;
  align-items: center;
}
.auroral-yellow .header .primaryBtn .login[data-v-810d0c34] {
  font-size: 0.875rem;
  font-weight: 700;
  --box-shadow: none;
  --background-hover: transparent;
}
.auroral-yellow .header .primaryBtn .register[data-v-810d0c34] {
  font-size: 0.875rem;
  font-weight: 700;
}
.auroral-yellow .header ion-button.btn-margin + .btn-margin[data-v-810d0c34] {
  margin-inline-start: 0.5rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default .header[data-v-95a3a070] {
  --background: #101629;
  --padding-start: 0.9375rem;
  --padding-end: 0.9375rem;
}
.blue-default .header .logo[data-v-95a3a070] {
  height: 2.25rem;
}
.blue-default .header .logo[data-v-95a3a070]::part(image) {
  width: auto;
}
.blue-default .header .assets-box[data-v-95a3a070] {
  font-weight: 400;
  border: 0.0625rem solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  display: flex;
  align-items: center;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.1875rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
}
.blue-default .header .assets-box .currency[data-v-95a3a070] {
  color: #fba531;
  font-size: 0.875rem;
  font-weight: 700;
  margin-right: 0.25rem;
}
.blue-default .header .assets-box .assets-box-number[data-v-95a3a070] {
  color: #fba531;
  font-size: 0.875rem;
  font-weight: 700;
}
.blue-default .header .assets-box .wallet[data-v-95a3a070] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.875rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  border-radius: 0.25rem;
  margin-left: 0.375rem;
  background: linear-gradient(to bottom, #13c96a, #1d9554);
}
.blue-default .header .assets-box .wallet ion-icon[data-v-95a3a070] {
  font-size: 1.125rem;
  color: #fff;
}
.blue-default .header .assets-box .deposit[data-v-95a3a070] {
  margin-left: 0.375rem;
  border-radius: 0.375rem;
  --color: #fff;
  background: linear-gradient(180deg, #13C96A 0%, #1D9554 100%);
}
.blue-default .primaryBtn[data-v-95a3a070] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.625rem 0.9375rem;
}
.blue-default .primaryBtn .login[data-v-95a3a070] {
  flex: 1;
  --padding-top: 0.6875rem;
  --padding-bottom: 0.6875rem;
}
.blue-default .primaryBtn .login[data-v-95a3a070]::part(native) {
  background: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
  color: #fff;
}
.blue-default .primaryBtn .register[data-v-95a3a070] {
  flex: 1;
  --padding-top: 0.6875rem;
  --padding-bottom: 0.6875rem;
}
.blue-default .primaryBtn .register[data-v-95a3a070]::part(native) {
  background: linear-gradient(to bottom, #13C96A, #1D9554);
  color: #fff;
}
.blue-default .primaryBtn .register-btn-warpper[data-v-95a3a070] {
  display: flex;
  flex: 1;
  position: relative;
}
.blue-default .primaryBtn .register-btn-warpper .rewardTag[data-v-95a3a070] {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
.blue-default ion-button.init-btn[data-v-95a3a070] {
  --padding-top: 0.375rem;
  --padding-bottom: 0.375rem;
  --padding-start: 0.625rem;
  --padding-end: 0.625rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-feature-settings: 'cpsp' on;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  min-height: min-content;
  --border-radius: 0.375rem;
}

ion-col[data-v-22f70039] {
  padding-inline-start: .1875rem;
  padding-inline-end: .1875rem;
  padding-top: 0;
  padding-bottom: 0;
}
ion-col div.recharge[data-v-22f70039] {
  background: linear-gradient(90deg, #FFDC62 0%, #FFB448 100%);
}
ion-col div.activity[data-v-22f70039] {
  background: linear-gradient(90deg, #C85FFB 0%, #73A4F7 100%);
}
ion-col.agent[data-v-22f70039] {
  background: linear-gradient(90deg, #E34A22 0%, #FF8B3D 40%, #FF8B3D 59.5%, #E34A22 100%);
}
ion-col.agent p[data-v-22f70039] {
  position: relative;
  color: #D53D03;
}
ion-col.agent p[data-v-22f70039]::before {
  content: attr(text);
  /* 获取标签中text属性为显示内容 */
  position: absolute;
  top: -.125rem;
  left: 0;
  z-index: 10;
  background: linear-gradient(180deg, #FEF0D6 16.5%, #FFFFFF 23.44%, #FFE0A7 44.27%, #FFE7BB 58.63%, #FFFFFF 70.4%, #FFE1A7 90%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
  text-shadow: none;
}
.arrow[data-v-22f70039] {
  animation: arrow-22f70039 1s infinite;
}
@keyframes arrow-22f70039 {
0% {
    transform: translateX(-5px);
}
50% {
    transform: translateX(0);
}
100% {
    transform: translateX(-5px);
}
}

ion-col[data-v-ee2989d8] {
    padding-inline-start: .1875rem;
    padding-inline-end: .1875rem;
    padding-top: 0;
    padding-bottom: 0;
}
ion-col div.recharge[data-v-ee2989d8] {
    background: linear-gradient(90deg, #FFDC62 0%, #FFB448 100%);
}
ion-col div.activity[data-v-ee2989d8] {
    background: linear-gradient(90deg, #C85FFB 0%, #73A4F7 100%);
}
ion-col.agent[data-v-ee2989d8] {
    background: linear-gradient(90deg, #E34A22 0%, #FF8B3D 40%, #FF8B3D 59.5%, #E34A22 100%);
}
ion-col.agent p[data-v-ee2989d8] {
    position: relative;
    color: #D53D03;
}
ion-col.agent p[data-v-ee2989d8]::before {
    content: attr(text);
    /* 获取标签中text属性为显示内容 */
    position: absolute;
    top: -.125rem;
    left: 0;
    z-index: 10;
    background: linear-gradient(180deg, #FEF0D6 16.5%, #FFFFFF 23.44%, #FFE0A7 44.27%, #FFE7BB 58.63%, #FFFFFF 70.4%, #FFE1A7 90%);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
    text-shadow: none;
}
.arrow[data-v-ee2989d8] {
    animation: arrow-ee2989d8 1s infinite;
}
@keyframes arrow-ee2989d8 {
0% {
      transform: translateX(-5px);
}
50% {
      transform: translateX(0);
}
100% {
      transform: translateX(-5px);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.wrapper[data-v-687ae664] {
  padding-inline: 0.9375rem;
  margin-block-start: 0.625rem;
}
.wrapper ion-segment[data-v-687ae664] {
  --background: transparent;
  height: 3.125rem;
  gap: 0.375rem;
  border-radius: 0;
}
.wrapper ion-segment.ios ion-segment-button[data-v-687ae664] {
  --border-radius: 1.25rem;
  --indicator-color: transparent;
  --color: transparent;
  --color-checked: transparent;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  width: 9.375rem;
  border-radius: 0.625rem;
  overflow: hidden;
}
.wrapper ion-segment.ios ion-segment-button .img[data-v-687ae664] {
  width: 100%;
}

ion-col[data-v-a63b9e59] {
    padding: unset;
    margin: unset;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default .tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-8ca5ea10] {
  position: relative;
  display: flex;
  align-items: center;
  margin-block: 0.75rem;
  margin-inline: 0.9375rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  background: #131826;
}
.blue-default .tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-8ca5ea10]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 2.5rem;
  height: 100%;
  border-radius: 0.25rem 0 0 0.25rem;
  background: linear-gradient(90deg, #131826 46.36%, rgba(28, 35, 52, 0) 100%);
}
.blue-default .tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-8ca5ea10]::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 2.5rem;
  height: 100%;
  border-radius: 0 0.25rem 0.25rem 0;
  background: linear-gradient(270deg, #131826 46.36%, rgba(28, 35, 52, 0) 100%);
}
.blue-default .tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone[data-v-8ca5ea10] {
  z-index: 4;
  font-size: 1.25rem;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.3rem;
  color: #fff;
}
.blue-default .tabbar-tabs-inicio-components-MarqueeView-default-index .label[data-v-8ca5ea10] {
  z-index: 0;
  color: #fff;
}
.blue-default .tabbar-tabs-inicio-components-MarqueeView-default-index .badge[data-v-8ca5ea10] {
  z-index: 4;
  position: relative;
  padding-inline-end: 0.25rem;
}
.blue-default .tabbar-tabs-inicio-components-MarqueeView-default-index .badge ion-icon[data-v-8ca5ea10] {
  font-size: 1.25rem;
  vertical-align: sub;
  color: #38A8FA;
}
.blue-default .tabbar-tabs-inicio-components-MarqueeView-default-index .badge .dot[data-v-8ca5ea10] {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(-60%);
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.5625rem;
  line-height: 0.75rem;
  border-radius: 50%;
  color: #fff;
  background-color: #FF0000;
  text-align: center;
}
.blue-default .v01 .tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-8ca5ea10] {
  position: relative;
  display: flex;
  align-items: center;
  margin-block: 0.75rem;
  margin-inline: 0.9375rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  background: #101629;
}
.blue-default .v01 .tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-8ca5ea10]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 2.5rem;
  height: 100%;
  border-radius: 0.25rem 0 0 0.25rem;
  background: linear-gradient(90deg, #131826 46.36%, rgba(28, 35, 52, 0) 100%);
}
.blue-default .v01 .tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-8ca5ea10]::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 2.5rem;
  height: 100%;
  border-radius: 0 0.25rem 0.25rem 0;
  background: linear-gradient(270deg, #131826 46.36%, rgba(28, 35, 52, 0) 100%);
}
.blue-default .v01 .tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone[data-v-8ca5ea10] {
  z-index: 4;
  font-size: 1.25rem;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.3rem;
  color: #BEBEBE;
}
.blue-default .v01 .tabbar-tabs-inicio-components-MarqueeView-default-index .label[data-v-8ca5ea10] {
  z-index: 0;
  color: #899FBE;
}
.blue-default .v01 .tabbar-tabs-inicio-components-MarqueeView-default-index .badge[data-v-8ca5ea10] {
  z-index: 4;
  position: relative;
  padding-inline-end: 0.25rem;
}
.blue-default .v01 .tabbar-tabs-inicio-components-MarqueeView-default-index .badge ion-icon[data-v-8ca5ea10] {
  font-size: 1.25rem;
  vertical-align: sub;
  color: #38A8FA;
}
.blue-default .v01 .tabbar-tabs-inicio-components-MarqueeView-default-index .badge .dot[data-v-8ca5ea10] {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(-60%);
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.5625rem;
  line-height: 0.75rem;
  border-radius: 50%;
  color: #fff;
  background-color: #FF0000;
  text-align: center;
}
.green-default .tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-8ca5ea10] {
  position: relative;
  display: flex;
  align-items: center;
  margin-block: 0.75rem;
  margin-inline: 0.9375rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  background: #366718;
}
.green-default .tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-8ca5ea10]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 2.5rem;
  height: 100%;
  border-radius: 0.25rem 0 0 0.25rem;
  background: linear-gradient(90deg, #2D5714 46.36%, rgba(54, 103, 24, 0.4) 100%);
}
.green-default .tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-8ca5ea10]::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 2.5rem;
  height: 100%;
  border-radius: 0 0.25rem 0.25rem 0;
  background: linear-gradient(270deg, #2D5714 46.36%, rgba(54, 103, 24, 0.4) 100%);
}
.green-default .tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone[data-v-8ca5ea10] {
  z-index: 4;
  font-size: 1.25rem;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.3rem;
  color: #AFC69F;
}
.green-default .tabbar-tabs-inicio-components-MarqueeView-default-index .label[data-v-8ca5ea10] {
  z-index: 0;
  color: #AFC69F;
}
.green-default .tabbar-tabs-inicio-components-MarqueeView-default-index .badge[data-v-8ca5ea10] {
  z-index: 4;
  position: relative;
  padding-inline-end: 0.25rem;
}
.green-default .tabbar-tabs-inicio-components-MarqueeView-default-index .badge ion-icon[data-v-8ca5ea10] {
  font-size: 1.25rem;
  vertical-align: sub;
  color: #fff;
}
.green-default .tabbar-tabs-inicio-components-MarqueeView-default-index .badge .dot[data-v-8ca5ea10] {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(-60%);
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.5625rem;
  line-height: 0.75rem;
  border-radius: 50%;
  color: #fff;
  background-color: #FF0000;
  text-align: center;
}
.amber-purple .tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-8ca5ea10] {
  position: relative;
  display: flex;
  align-items: center;
  margin-block: 0.75rem;
  margin-inline: 0.9375rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  background: #2C294D;
}
.amber-purple .tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-8ca5ea10]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 2.5rem;
  height: 100%;
  border-radius: 0.25rem 0 0 0.25rem;
  background: linear-gradient(90deg, #201D3B 46.36%, rgba(44, 41, 77, 0.4) 100%);
}
.amber-purple .tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-8ca5ea10]::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 2.5rem;
  height: 100%;
  border-radius: 0 0.25rem 0.25rem 0;
  background: linear-gradient(270deg, #201D3B 46.36%, rgba(44, 41, 77, 0.4) 100%);
}
.amber-purple .tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone[data-v-8ca5ea10] {
  z-index: 4;
  font-size: 1.25rem;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.3rem;
  color: #BDB8E1;
}
.amber-purple .tabbar-tabs-inicio-components-MarqueeView-default-index .label[data-v-8ca5ea10] {
  z-index: 0;
  color: #BDB8E1;
}
.amber-purple .tabbar-tabs-inicio-components-MarqueeView-default-index .badge[data-v-8ca5ea10] {
  z-index: 4;
  position: relative;
  padding-inline-end: 0.25rem;
}
.amber-purple .tabbar-tabs-inicio-components-MarqueeView-default-index .badge ion-icon[data-v-8ca5ea10] {
  font-size: 1.25rem;
  vertical-align: sub;
  color: #fff;
}
.amber-purple .tabbar-tabs-inicio-components-MarqueeView-default-index .badge .dot[data-v-8ca5ea10] {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(-60%);
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.5625rem;
  line-height: 0.75rem;
  border-radius: 50%;
  color: #fff;
  background-color: #FF0000;
  text-align: center;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.green-default .v01 .marquee-container[data-v-2f02f66c],
.green-default .v02 .marquee-container[data-v-2f02f66c] {
  position: relative;
  display: flex;
  align-items: center;
  margin-block-start: 0.75rem;
  margin-inline: 0.9375rem;
  padding-inline-start: 0.5rem;
  padding-inline-end: 1rem;
  height: 2rem;
  background: url('/svg/marquee.svg') no-repeat no-repeat center / 100% 100%;
}
.green-default .v01 .marquee-container .megaphone[data-v-2f02f66c],
.green-default .v02 .marquee-container .megaphone[data-v-2f02f66c] {
  width: 1.25rem;
  height: 1.25rem;
  margin-inline-end: 0.6875rem;
  color: #afc69f;
}
.green-default .v01 .marquee-container .label[data-v-2f02f66c],
.green-default .v02 .marquee-container .label[data-v-2f02f66c] {
  color: #FBED3C;
  margin-top: 0.3125rem;
}
.green-default .v01 .marquee-container .badge[data-v-2f02f66c],
.green-default .v02 .marquee-container .badge[data-v-2f02f66c] {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(-60%);
  width: 1rem;
  height: 1rem;
  font-size: 0.75rem;
}
.green-default .v01 .marquee-container .badge ion-icon[data-v-2f02f66c],
.green-default .v02 .marquee-container .badge ion-icon[data-v-2f02f66c] {
  font-size: 1rem;
}
.green-default .v01 .marquee-container .badge .dot[data-v-2f02f66c],
.green-default .v02 .marquee-container .badge .dot[data-v-2f02f66c] {
  width: 1rem;
  height: 1rem;
  font-size: 0.625rem;
  line-height: 1rem;
  text-align: center;
  border-radius: 50%;
  color: #fff;
}
.forest-green .v01 .marquee-container[data-v-2f02f66c],
.forest-green .v02 .marquee-container[data-v-2f02f66c] {
  position: relative;
  display: flex;
  align-items: center;
  margin-block-start: 0.75rem;
  margin-inline: 0.9375rem;
  padding-inline-start: 0.5rem;
  padding-inline-end: 1rem;
  height: 2rem;
  background: url('/svg/marquee1.svg') no-repeat no-repeat center / 100% 100%;
}
.forest-green .v01 .marquee-container .megaphone[data-v-2f02f66c],
.forest-green .v02 .marquee-container .megaphone[data-v-2f02f66c] {
  width: 1.25rem;
  height: 1.25rem;
  margin-inline-end: 0.6875rem;
  color: #fff;
}
.forest-green .v01 .marquee-container .label[data-v-2f02f66c],
.forest-green .v02 .marquee-container .label[data-v-2f02f66c] {
  color: #FBED3C;
  margin-top: 0.3125rem;
}
.forest-green .v01 .marquee-container .badge[data-v-2f02f66c],
.forest-green .v02 .marquee-container .badge[data-v-2f02f66c] {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(-60%);
  width: 1rem;
  height: 1rem;
  font-size: 0.75rem;
}
.forest-green .v01 .marquee-container .badge ion-icon[data-v-2f02f66c],
.forest-green .v02 .marquee-container .badge ion-icon[data-v-2f02f66c] {
  font-size: 1rem;
}
.forest-green .v01 .marquee-container .badge .dot[data-v-2f02f66c],
.forest-green .v02 .marquee-container .badge .dot[data-v-2f02f66c] {
  width: 1rem;
  height: 1rem;
  font-size: 0.625rem;
  line-height: 1rem;
  text-align: center;
  border-radius: 50%;
  color: #fff;
}
.amber-purple .v01 .marquee-container[data-v-2f02f66c] {
  position: relative;
  display: flex;
  align-items: center;
  margin-block-start: 0.75rem;
  margin-inline: 0.9375rem;
  padding-inline-start: 0.5rem;
  padding-inline-end: 1rem;
  height: 2rem;
  background: url('/svg/marquee2.svg') no-repeat no-repeat center / 100% 100%;
}
.amber-purple .v01 .marquee-container .megaphone[data-v-2f02f66c] {
  width: 1.25rem;
  height: 1.25rem;
  margin-inline-end: 0.6875rem;
  color: #BDB8E1;
}
.amber-purple .v01 .marquee-container .label[data-v-2f02f66c] {
  color: #3EE48A;
  margin-top: 0.3125rem;
}
.amber-purple .v01 .marquee-container .badge[data-v-2f02f66c] {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(-60%);
  width: 1rem;
  height: 1rem;
  font-size: 0.75rem;
}
.amber-purple .v01 .marquee-container .badge ion-icon[data-v-2f02f66c] {
  font-size: 1rem;
}
.amber-purple .v01 .marquee-container .badge .dot[data-v-2f02f66c] {
  width: 1rem;
  height: 1rem;
  font-size: 0.625rem;
  line-height: 1rem;
  text-align: center;
  border-radius: 50%;
  color: #fff;
}
.blue-default .v02 .marquee-container[data-v-2f02f66c] {
  position: relative;
  display: flex;
  align-items: center;
  margin-block-start: 0.75rem;
  margin-inline: 0.9375rem;
  padding-inline-start: 0.5rem;
  padding-inline-end: 1rem;
  height: 2rem;
  background: url('/svg/marquee3.svg') no-repeat no-repeat center / 100% 100%;
}
.blue-default .v02 .marquee-container .megaphone[data-v-2f02f66c] {
  width: 1.25rem;
  height: 1.25rem;
  margin-inline-end: 0.6875rem;
  color: #BEBEBE;
}
.blue-default .v02 .marquee-container .label[data-v-2f02f66c] {
  color: #27D48B;
  margin-top: 0.3125rem;
}
.blue-default .v02 .marquee-container .badge[data-v-2f02f66c] {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(-60%);
  width: 1rem;
  height: 1rem;
  font-size: 0.75rem;
}
.blue-default .v02 .marquee-container .badge ion-icon[data-v-2f02f66c] {
  font-size: 1rem;
}
.blue-default .v02 .marquee-container .badge .dot[data-v-2f02f66c] {
  width: 1rem;
  height: 1rem;
  font-size: 0.625rem;
  line-height: 1rem;
  text-align: center;
  border-radius: 50%;
  color: #fff;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-294dd9ea] {
  height: 2.25rem;
  margin-block: 0.75rem;
  margin-inline: 0.9375rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone-wrapper[data-v-294dd9ea] {
  flex: 1;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 0.25rem;
  background: #24221F;
}
.tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone-wrapper[data-v-294dd9ea]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 2.5rem;
  height: 100%;
  border-radius: 0.25rem 0 0 0.25rem;
  background: none;
}
.tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone-wrapper[data-v-294dd9ea]::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 2.5rem;
  height: 100%;
  border-radius: 0 0.25rem 0.25rem 0;
  background: none;
}
.tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone-wrapper .megaphone[data-v-294dd9ea] {
  z-index: 4;
  font-size: 1.25rem;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.375rem;
  color: #fff;
}
.tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone-wrapper .label[data-v-294dd9ea] {
  z-index: 0;
  color: #fff;
}
.tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone-wrapper .badge[data-v-294dd9ea] {
  z-index: 4;
  width: 1.375rem;
  height: 1.3125rem;
  padding: 0.375rem;
  margin-inline-start: 0.25rem;
  margin-inline-end: 0.4375rem;
  border-radius: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #38342E;
}
.tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone-wrapper .badge ion-icon[data-v-294dd9ea] {
  position: absolute;
  font-size: 0.6875rem;
  color: #F7FB43;
}
.tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone-wrapper .badge .dot[data-v-294dd9ea] {
  position: absolute;
  top: -0.25rem;
  right: -0.3125rem;
  width: 0.75rem;
  height: 0.75rem;
  line-height: 0.75rem;
  font-size: 0.5625rem;
  border-radius: 50%;
  color: #fff;
  background-color: #FF0000;
  text-align: center;
}
.tabbar-tabs-inicio-components-MarqueeView-default-index ion-button.unset-btn[data-v-294dd9ea] {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
  min-height: min-content;
  min-width: min-content;
}
.tabbar-tabs-inicio-components-MarqueeView-default-index ion-button.search[data-v-294dd9ea] {
  margin: 0;
  width: 2.25rem;
  height: 100%;
  --border-radius: 0.375rem;
  --background: #24221F;
}
.tabbar-tabs-inicio-components-MarqueeView-default-index ion-button.search .search-icon[data-v-294dd9ea] {
  font-size: 1.375rem;
  color: #F7FB43;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default .tabbar-tabs-inicio-components-AppInstall-default-index .divider[data-v-247e7e4c] {
  width: 22.5rem;
  height: 1px;
  margin-left: 0.9375rem;
  margin-block: 0.9375rem;
  background-color: #1a233e;
}
.blue-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container[data-v-247e7e4c] {
  padding-inline: 0.5625rem;
  margin-block: 0.625rem;
  font-size: 0.625rem;
}
.blue-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .row[data-v-247e7e4c] {
  height: 2.625rem;
}
.blue-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .col[data-v-247e7e4c] {
  padding-inline-start: 0.375rem;
  padding-inline-end: 0.375rem;
  padding-top: 0;
  padding-bottom: 0;
}
.blue-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn[data-v-247e7e4c] {
  border-width: 0.0625rem;
  border-style: solid;
  height: 100%;
  border-radius: 0.625rem;
  display: flex;
  align-items: center;
  padding-left: 1.25rem;
  border-color: #31343D;
}
.blue-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn .icon[data-v-247e7e4c] {
  font-size: 1.875rem;
  margin-right: 0.3125rem;
}
.blue-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn .text[data-v-247e7e4c] {
  color: #fff;
}
.blue-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn .text-sub[data-v-247e7e4c] {
  font-size: 0.5rem;
  color: #86888D;
}
.green-default .tabbar-tabs-inicio-components-AppInstall-default-index .divider[data-v-247e7e4c] {
  width: 22.5rem;
  height: 1px;
  margin-left: 0.9375rem;
  margin-block: 0.9375rem;
  background-color: #34571d;
}
.green-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container[data-v-247e7e4c] {
  padding-inline: 0.5625rem;
  margin-block: 0.625rem;
  font-size: 0.625rem;
}
.green-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .row[data-v-247e7e4c] {
  height: 2.625rem;
}
.green-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .col[data-v-247e7e4c] {
  padding-inline-start: 0.375rem;
  padding-inline-end: 0.375rem;
  padding-top: 0;
  padding-bottom: 0;
}
.green-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn[data-v-247e7e4c] {
  border-width: 0.0625rem;
  border-style: solid;
  height: 100%;
  border-radius: 0.625rem;
  display: flex;
  align-items: center;
  padding-left: 1.25rem;
  border-color: #34571d;
}
.green-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn .icon[data-v-247e7e4c] {
  font-size: 1.875rem;
  margin-right: 0.3125rem;
}
.green-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn .text[data-v-247e7e4c] {
  color: #afc69f;
}
.green-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn .text-sub[data-v-247e7e4c] {
  font-size: 0.5rem;
  color: #7e9071;
}
.amber-purple .tabbar-tabs-inicio-components-AppInstall-default-index .divider[data-v-247e7e4c] {
  width: 22.5rem;
  height: 1px;
  margin-left: 0.9375rem;
  margin-block: 0.9375rem;
  background-color: #5f588c;
}
.amber-purple .tabbar-tabs-inicio-components-AppInstall-default-index .install-container[data-v-247e7e4c] {
  padding-inline: 0.5625rem;
  margin-block: 0.625rem;
  font-size: 0.625rem;
}
.amber-purple .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .row[data-v-247e7e4c] {
  height: 2.625rem;
}
.amber-purple .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .col[data-v-247e7e4c] {
  padding-inline-start: 0.375rem;
  padding-inline-end: 0.375rem;
  padding-top: 0;
  padding-bottom: 0;
}
.amber-purple .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn[data-v-247e7e4c] {
  border-width: 0.0625rem;
  border-style: solid;
  height: 100%;
  border-radius: 0.625rem;
  display: flex;
  align-items: center;
  padding-left: 1.25rem;
  border-color: #5f588c;
}
.amber-purple .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn .icon[data-v-247e7e4c] {
  font-size: 1.875rem;
  margin-right: 0.3125rem;
}
.amber-purple .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn .text[data-v-247e7e4c] {
  color: #BDB8E1;
}
.amber-purple .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn .text-sub[data-v-247e7e4c] {
  font-size: 0.5rem;
  color: #686299;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.install-container[data-v-ec68d802] {
  background: url('/images/appInstallBg.png') no-repeat center center / cover;
}
.install-container .topLine[data-v-ec68d802] {
  background: linear-gradient(0deg, #BFF1FF, #BFF1FF), linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  box-shadow: 0px 0.13rem 0.26rem 0px #00000024;
}
.install-container .text[data-v-ec68d802] {
  font-weight: 700;
  color: #4075D3;
}
.border[data-v-ec68d802]:active {
  background: rgba(255, 255, 255, 0.8);
}
ion-col[data-v-ec68d802] {
  padding-inline-start: 0.375rem;
  padding-inline-end: 0.375rem;
  padding-top: 0;
  padding-bottom: 0;
}
.green-default .install-container .border[data-v-ec68d802] {
  border-color: var(--line-color);
  background-color: var(--color-bg-200);
}
.green-default .install-container .text[data-v-ec68d802] {
  color: var(--color-text-gray-100);
}
.green-default .install-container .text-sub[data-v-ec68d802] {
  color: var(--color-text-gray-200);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default .v01 .app-install[data-v-eaf6326b] {
  position: relative;
  margin-inline: 0.9375rem;
  margin-block-start: 1.25rem;
}
.blue-default .v01 .app-install .ios-btn[data-v-eaf6326b],
.blue-default .v01 .app-install .android-btn[data-v-eaf6326b] {
  width: 12.125rem;
  height: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.blue-default .v01 .app-install .ios-btn[data-v-eaf6326b]:active,
.blue-default .v01 .app-install .android-btn[data-v-eaf6326b]:active {
  transform: scale(0.95);
}
.blue-default .v01 .app-install .ios-btn .info[data-v-eaf6326b],
.blue-default .v01 .app-install .android-btn .info[data-v-eaf6326b] {
  display: flex;
  flex-direction: column;
}
.blue-default .v01 .app-install .ios-btn .info .title[data-v-eaf6326b],
.blue-default .v01 .app-install .android-btn .info .title[data-v-eaf6326b] {
  color: #AECED0;
  font-size: 0.875rem;
  font-weight: 500;
}
.blue-default .v01 .app-install .ios-btn .info .sub[data-v-eaf6326b],
.blue-default .v01 .app-install .android-btn .info .sub[data-v-eaf6326b] {
  color: #86888D;
  font-size: 0.625rem;
  font-weight: 400;
}
.blue-default .v01 .app-install .ios-btn[data-v-eaf6326b] {
  background-image: url('/svg/ios-bg1.svg');
}
.blue-default .v01 .app-install .ios-btn .info[data-v-eaf6326b] {
  margin-left: 0.625rem;
}
.blue-default .v01 .app-install .ios-btn .logo[data-v-eaf6326b] {
  margin-inline-start: -1.875rem;
  font-size: 1.9375rem;
}
.blue-default .v01 .app-install .android-btn[data-v-eaf6326b] {
  background-image: url('/svg/android-bg1.svg');
  position: absolute;
  top: 0;
  right: 0;
}
.blue-default .v01 .app-install .android-btn .info[data-v-eaf6326b] {
  align-items: flex-end;
  margin-inline-end: 0.625rem;
  padding-inline-start: 0.625rem;
}
.blue-default .v01 .app-install .android-btn .logo[data-v-eaf6326b] {
  font-size: 2.25rem;
  margin-inline-end: -0.9375rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.green-default .install-container[data-v-4e092618] {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin-inline: 0.9375rem;
  padding: 2.1875rem 2.1563rem;
  border-radius: 0.625rem 0.625rem 0 0;
}
.green-default .install-container[data-v-4e092618]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/images/appInstallBgGreen01.png') no-repeat center center / cover;
  z-index: -2;
}
.green-default .install-container[data-v-4e092618]::after {
  content: "";
  position: absolute;
  top: -9.4825rem;
  left: -10%;
  width: 120%;
  height: 21rem;
  background: radial-gradient(50% 50% at 50% 50%, #FFE565 36.19%, rgba(255, 229, 101, 0) 100%);
  opacity: 0.32;
  z-index: -1;
}
.green-default .install-container .title[data-v-4e092618] {
  text-align: center;
  font-size: 1.625rem;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 0.9375rem;
  background: -webkit-linear-gradient(#F2FEEC 30%, #CCFFBF 100%);
  text-shadow: 0 0.13rem 0.2599rem rgba(0, 0, 0, 0.14);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.green-default .install-container .introduce[data-v-4e092618] {
  color: #7E9071;
  font-weight: 600;
  font-size: 0.875rem;
  text-align: center;
}
.green-default .install-container .btn-container[data-v-4e092618] {
  display: flex;
  gap: 1.875rem;
  margin-top: 2.1875rem;
  text-align: left;
}
.green-default .install-container .btn-container .ios-btn[data-v-4e092618],
.green-default .install-container .btn-container .android-btn[data-v-4e092618] {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0.375rem 0.5rem;
  border-radius: 0.625rem;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.12);
  background-color: #FFFFFF0D;
}
.green-default .install-container .btn-container .ios-btn[data-v-4e092618]:active,
.green-default .install-container .btn-container .android-btn[data-v-4e092618]:active {
  transform: scale(0.95);
}
.green-default .install-container .btn-container .ios-btn .logo[data-v-4e092618],
.green-default .install-container .btn-container .android-btn .logo[data-v-4e092618] {
  font-size: 1.875rem;
  margin-right: 0.3125rem;
}
.green-default .install-container .btn-container .ios-btn .text-sub[data-v-4e092618],
.green-default .install-container .btn-container .android-btn .text-sub[data-v-4e092618] {
  color: #AFC69F;
  font-size: 0.5rem;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.3125rem;
}
.green-default .install-container .btn-container .ios-btn .text[data-v-4e092618],
.green-default .install-container .btn-container .android-btn .text[data-v-4e092618] {
  color: #fff;
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 1.1;
}
.green-default .install-container .btn-container .ios-btn .logo[data-v-4e092618] {
  color: #fff;
}
.green-default .install-container .app-logo[data-v-4e092618] {
  display: inline-block;
  width: 12.8125rem;
  height: 2.9896rem;
  margin-top: 1.875rem;
}
.forest-green .install-container[data-v-4e092618] {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin-inline: 0.9375rem;
  padding: 2.1875rem 2.1563rem;
  border-radius: 0.625rem 0.625rem 0 0;
}
.forest-green .install-container[data-v-4e092618]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/images/appInstallBgGreen01.png') no-repeat center center / cover, linear-gradient(180deg, rgba(0, 0, 0, 0.1) 67.55%, rgba(0, 0, 0, 0.16) 100%);
  z-index: -2;
}
.forest-green .install-container[data-v-4e092618]::after {
  content: "";
  position: absolute;
  top: -9.4825rem;
  left: -10%;
  width: 120%;
  height: 21rem;
  background: radial-gradient(50% 50% at 50% 50%, #a7f167 36.19%, rgba(255, 229, 101, 0) 100%);
  opacity: 0.32;
  z-index: -1;
}
.forest-green .install-container .title[data-v-4e092618] {
  text-align: center;
  font-size: 1.625rem;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 0.9375rem;
  background: -webkit-linear-gradient(#F2FEEC 30%, #CCFFBF 100%);
  text-shadow: 0 0.13rem 0.2599rem rgba(0, 0, 0, 0.14);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.forest-green .install-container .introduce[data-v-4e092618] {
  color: #fff;
  font-weight: 600;
  font-size: 0.875rem;
  text-align: center;
}
.forest-green .install-container .btn-container[data-v-4e092618] {
  display: flex;
  gap: 1.875rem;
  margin-top: 2.1875rem;
  text-align: left;
}
.forest-green .install-container .btn-container .ios-btn[data-v-4e092618],
.forest-green .install-container .btn-container .android-btn[data-v-4e092618] {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0.375rem 0.5rem;
  border-radius: 0.625rem;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.13);
}
.forest-green .install-container .btn-container .ios-btn[data-v-4e092618]:active,
.forest-green .install-container .btn-container .android-btn[data-v-4e092618]:active {
  transform: scale(0.95);
}
.forest-green .install-container .btn-container .ios-btn .logo[data-v-4e092618],
.forest-green .install-container .btn-container .android-btn .logo[data-v-4e092618] {
  font-size: 1.875rem;
  margin-right: 0.3125rem;
}
.forest-green .install-container .btn-container .ios-btn .text-sub[data-v-4e092618],
.forest-green .install-container .btn-container .android-btn .text-sub[data-v-4e092618] {
  color: #fff;
  font-size: 0.5rem;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.3125rem;
}
.forest-green .install-container .btn-container .ios-btn .text[data-v-4e092618],
.forest-green .install-container .btn-container .android-btn .text[data-v-4e092618] {
  color: #fff;
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 1.1;
}
.forest-green .install-container .btn-container .ios-btn .logo[data-v-4e092618] {
  color: #fff;
}
.forest-green .install-container .app-logo[data-v-4e092618] {
  display: inline-block;
  width: 12.8125rem;
  height: 2.9896rem;
  margin-top: 1.875rem;
}
.forest-green .install-container[data-v-4e092618]::before {
  filter: sepia(1) saturate(5) hue-rotate(120deg) brightness(0.7);
}
.amber-purple .install-container[data-v-4e092618] {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin-inline: 0.9375rem;
  padding: 2.1875rem 2.1563rem;
  border-radius: 0.625rem 0.625rem 0 0;
}
.amber-purple .install-container[data-v-4e092618]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/images/appInstallBgGreen01.png') no-repeat center center / cover, linear-gradient(180deg, rgba(0, 0, 0, 0.1) 67.55%, rgba(0, 0, 0, 0.16) 100%);
  z-index: -2;
}
.amber-purple .install-container[data-v-4e092618]::after {
  content: "";
  position: absolute;
  top: -9.4825rem;
  left: -10%;
  width: 120%;
  height: 21rem;
  background: radial-gradient(50% 50% at 50% 50%, rgba(255, 229, 101, 0.5) 36.19%, rgba(255, 229, 101, 0) 100%);
  opacity: 0.32;
  z-index: -1;
}
.amber-purple .install-container .title[data-v-4e092618] {
  text-align: center;
  font-size: 1.625rem;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 0.9375rem;
  background: -webkit-linear-gradient(#F2FEEC 30%, #D5C0FD 100%);
  text-shadow: 0 0.13rem 0.2599rem rgba(0, 0, 0, 0.14);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.amber-purple .install-container .introduce[data-v-4e092618] {
  color: #BDB8E1;
  font-weight: 600;
  font-size: 0.875rem;
  text-align: center;
}
.amber-purple .install-container .btn-container[data-v-4e092618] {
  display: flex;
  gap: 1.875rem;
  margin-top: 2.1875rem;
  text-align: left;
}
.amber-purple .install-container .btn-container .ios-btn[data-v-4e092618],
.amber-purple .install-container .btn-container .android-btn[data-v-4e092618] {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0.375rem 0.5rem;
  border-radius: 0.625rem;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.05);
}
.amber-purple .install-container .btn-container .ios-btn[data-v-4e092618]:active,
.amber-purple .install-container .btn-container .android-btn[data-v-4e092618]:active {
  transform: scale(0.95);
}
.amber-purple .install-container .btn-container .ios-btn .logo[data-v-4e092618],
.amber-purple .install-container .btn-container .android-btn .logo[data-v-4e092618] {
  font-size: 1.875rem;
  margin-right: 0.3125rem;
}
.amber-purple .install-container .btn-container .ios-btn .text-sub[data-v-4e092618],
.amber-purple .install-container .btn-container .android-btn .text-sub[data-v-4e092618] {
  color: #BDB8E1;
  font-size: 0.5rem;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.3125rem;
}
.amber-purple .install-container .btn-container .ios-btn .text[data-v-4e092618],
.amber-purple .install-container .btn-container .android-btn .text[data-v-4e092618] {
  color: #fff;
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 1.1;
}
.amber-purple .install-container .btn-container .ios-btn .logo[data-v-4e092618] {
  color: #fff;
}
.amber-purple .install-container .app-logo[data-v-4e092618] {
  display: inline-block;
  width: 12.8125rem;
  height: 2.9896rem;
  margin-top: 1.875rem;
}
.amber-purple .install-container[data-v-4e092618]::before {
  filter: sepia(1) saturate(0.1) hue-rotate(120deg) brightness(1);
}
.blue-default .install-container[data-v-4e092618] {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin-inline: 0.9375rem;
  padding: 2.1875rem 2.1563rem;
  border-radius: 0.625rem 0.625rem 0 0;
}
.blue-default .install-container[data-v-4e092618]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/images/appInstallBgGreen01.png') no-repeat center center / cover, linear-gradient(180deg, rgba(0, 0, 0, 0.16) 67.55%, rgba(0, 0, 0, 0.16) 100%);
  z-index: -2;
}
.blue-default .install-container[data-v-4e092618]::after {
  content: "";
  position: absolute;
  top: -9.4825rem;
  left: -10%;
  width: 120%;
  height: 21rem;
  background: radial-gradient(50% 50% at 50% 50%, #659DFF 36.19%, rgba(101, 157, 255, 0) 100%);
  opacity: 0.32;
  z-index: -1;
}
.blue-default .install-container .title[data-v-4e092618] {
  text-align: center;
  font-size: 1.625rem;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 0.9375rem;
  background: -webkit-linear-gradient(#F2FEEC 30%, #BFF1FF 100%);
  text-shadow: 0 0.13rem 0.2599rem rgba(0, 0, 0, 0.14);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.blue-default .install-container .introduce[data-v-4e092618] {
  color: rgba(255, 255, 255, 0.4);
  font-weight: 600;
  font-size: 0.875rem;
  text-align: center;
}
.blue-default .install-container .btn-container[data-v-4e092618] {
  display: flex;
  gap: 1.875rem;
  margin-top: 2.1875rem;
  text-align: left;
}
.blue-default .install-container .btn-container .ios-btn[data-v-4e092618],
.blue-default .install-container .btn-container .android-btn[data-v-4e092618] {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0.375rem 0.5rem;
  border-radius: 0.625rem;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.05);
}
.blue-default .install-container .btn-container .ios-btn[data-v-4e092618]:active,
.blue-default .install-container .btn-container .android-btn[data-v-4e092618]:active {
  transform: scale(0.95);
}
.blue-default .install-container .btn-container .ios-btn .logo[data-v-4e092618],
.blue-default .install-container .btn-container .android-btn .logo[data-v-4e092618] {
  font-size: 1.875rem;
  margin-right: 0.3125rem;
}
.blue-default .install-container .btn-container .ios-btn .text-sub[data-v-4e092618],
.blue-default .install-container .btn-container .android-btn .text-sub[data-v-4e092618] {
  color: #fff;
  font-size: 0.5rem;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.3125rem;
}
.blue-default .install-container .btn-container .ios-btn .text[data-v-4e092618],
.blue-default .install-container .btn-container .android-btn .text[data-v-4e092618] {
  color: #fff;
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 1.1;
}
.blue-default .install-container .btn-container .ios-btn .logo[data-v-4e092618] {
  color: #fff;
}
.blue-default .install-container .app-logo[data-v-4e092618] {
  display: inline-block;
  width: 12.8125rem;
  height: 2.9896rem;
  margin-top: 1.875rem;
}
.blue-default .install-container[data-v-4e092618] {
  background: linear-gradient(90deg, rgba(0, 94, 255, 0) 70%, rgba(0, 255, 208, 0.06) 100%);
}
.blue-default .install-container[data-v-4e092618]::before {
  filter: sepia(1) saturate(1) hue-rotate(120deg) brightness(1);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .app-install[data-v-231ad3f4] {
  display: flex;
  align-items: center;
  margin-inline-end: 1rem;
  margin-block-start: 3.625rem;
}
html .app-install .showy[data-v-231ad3f4] {
  width: 0;
  height: 13.4063rem;
}
html .app-install .showy.good-img[data-v-231ad3f4] {
  position: relative;
  flex-shrink: 0;
  width: 6.4375rem;
  margin-inline-end: -0.875rem;
}
html .app-install-content[data-v-231ad3f4] {
  padding: 1.0625rem 1rem 0.875rem;
  border-radius: 0.625rem;
  border: 0.0625rem solid #4C4943;
}
html .app-install-content .title[data-v-231ad3f4] {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
}
html .app-install-content .title .title-logo[data-v-231ad3f4] {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--theme-color-800);
}
html .app-install-content .description[data-v-231ad3f4] {
  margin-block-start: 0.625rem;
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--text-color2);
}
html .app-install-content .btn-container[data-v-231ad3f4] {
  margin-block-start: 0.875rem;
  display: flex;
  gap: 1rem;
}
html .app-install-content .btn-container .ios-btn[data-v-231ad3f4],
html .app-install-content .btn-container .android-btn[data-v-231ad3f4] {
  flex: 1;
  min-height: 2.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6.1875rem;
  border: 0.0625rem solid #4C4943;
  background: linear-gradient(180deg, #38342E 4.76%, #24221F 100%);
}
html .app-install-content .btn-container .ios-btn[data-v-231ad3f4]:active,
html .app-install-content .btn-container .android-btn[data-v-231ad3f4]:active {
  transform: scale(0.95);
}
html .app-install-content .btn-container .ios-btn .logo[data-v-231ad3f4],
html .app-install-content .btn-container .android-btn .logo[data-v-231ad3f4] {
  font-size: 1.25rem;
  margin-inline-end: 0.375rem;
}
html .app-install-content .btn-container .ios-btn .text[data-v-231ad3f4],
html .app-install-content .btn-container .android-btn .text[data-v-231ad3f4] {
  font-size: 0.625rem;
  font-weight: 700;
  color: #fff;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default .tabbar-tabs-inicio-components-FooterContent-default-index[data-v-c55f3fcf] {
  padding-inline: 0.9375rem;
}
.blue-default .tabbar-tabs-inicio-components-FooterContent-default-index .divider[data-v-c55f3fcf] {
  height: 1px;
  width: 22.5rem;
  margin-block: 0.9375rem;
  background-color: #1a233e;
}
.blue-default .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .title[data-v-c55f3fcf] {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
  color: #616d93;
}
.blue-default .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .content[data-v-c55f3fcf] {
  margin: 0.625rem 0 0.875rem;
  color: #616d93;
}
.blue-default .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .content .text[data-v-c55f3fcf] {
  font-size: 0.6875rem;
  line-height: 1.5;
}
.blue-default .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .intro[data-v-c55f3fcf] {
  font-size: 0.6875rem;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  text-align: center;
  color: #616d93;
}
.blue-default .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .intro .text[data-v-c55f3fcf] {
  font-weight: 800;
  font-size: 0.875rem;
  color: #616d93;
}
.blue-default .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .intro .version[data-v-c55f3fcf] {
  margin-left: 0.5rem;
  font-size: 0.625rem;
  text-align: center;
  color: #616d93;
}
.green-default .tabbar-tabs-inicio-components-FooterContent-default-index[data-v-c55f3fcf] {
  padding-inline: 0.9375rem;
}
.green-default .tabbar-tabs-inicio-components-FooterContent-default-index .divider[data-v-c55f3fcf] {
  height: 1px;
  width: 22.5rem;
  margin-block: 0.9375rem;
  background-color: #34571D;
}
.green-default .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .title[data-v-c55f3fcf] {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
  color: #AFC69F;
}
.green-default .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .content[data-v-c55f3fcf] {
  margin: 0.625rem 0 0.875rem;
  color: #7E9071;
}
.green-default .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .content .text[data-v-c55f3fcf] {
  font-size: 0.6875rem;
  line-height: 1.5;
}
.green-default .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .intro[data-v-c55f3fcf] {
  font-size: 0.6875rem;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  text-align: center;
  color: #AFC69F;
}
.green-default .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .intro .text[data-v-c55f3fcf] {
  font-weight: 800;
  font-size: 0.875rem;
  color: #AFC69F;
}
.green-default .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .intro .version[data-v-c55f3fcf] {
  margin-left: 0.5rem;
  font-size: 0.625rem;
  text-align: center;
  color: #7E9071;
}
.amber-purple .tabbar-tabs-inicio-components-FooterContent-default-index[data-v-c55f3fcf] {
  padding-inline: 0.9375rem;
}
.amber-purple .tabbar-tabs-inicio-components-FooterContent-default-index .divider[data-v-c55f3fcf] {
  height: 1px;
  width: 22.5rem;
  margin-block: 0.9375rem;
  background-color: #5F588C;
}
.amber-purple .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .title[data-v-c55f3fcf] {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
  color: #BDB8E1;
}
.amber-purple .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .content[data-v-c55f3fcf] {
  margin: 0.625rem 0 0.875rem;
  color: #686299;
}
.amber-purple .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .content .text[data-v-c55f3fcf] {
  font-size: 0.6875rem;
  line-height: 1.5;
}
.amber-purple .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .intro[data-v-c55f3fcf] {
  font-size: 0.6875rem;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  text-align: center;
  color: #BDB8E1;
}
.amber-purple .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .intro .text[data-v-c55f3fcf] {
  font-weight: 800;
  font-size: 0.875rem;
  color: #BDB8E1;
}
.amber-purple .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .intro .version[data-v-c55f3fcf] {
  margin-left: 0.5rem;
  font-size: 0.625rem;
  text-align: center;
  color: #686299;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.divider[data-v-97e75d9e] {
  background-color: var(--line-color);
}
ion-col[data-v-97e75d9e] {
  padding-inline-start: 0;
  padding-inline-end: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.green-default .footer-container .text[data-v-97e75d9e] {
  color: var(--color-text-gray-100);
}
.green-default .footer-container .text-sub[data-v-97e75d9e] {
  color: var(--color-text-gray-200);
}
.version[data-v-97e75d9e] {
  color: var(--color-text-second);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default .v01 .footer-container[data-v-78611453] {
  margin-top: 2.5rem;
}
.blue-default .v01 .footer-container .logo[data-v-78611453] {
  height: 2.5rem;
  margin-block-end: 0.9375rem;
}
.blue-default .v01 .footer-container .content[data-v-78611453] {
  margin: 0.625rem 0 0.875rem;
  color: #405168;
}
.blue-default .v01 .footer-container .content .text[data-v-78611453] {
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1.5;
}
.blue-default .v01 .footer-container .intro[data-v-78611453] {
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  text-align: center;
  color: #405168;
}
.blue-default .v01 .footer-container .intro .text[data-v-78611453] {
  font-weight: 800;
  font-size: 0.875rem;
  color: #405168;
}
.blue-default .v01 .footer-container .intro .version[data-v-78611453] {
  margin-left: 0.5rem;
  font-size: 0.625rem;
  text-align: center;
  color: #405168;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.green-default .footer-container[data-v-5b44ab5a] {
  background: #183009;
  color: #7E9071;
  border-radius: 0 0 0.625rem 0.625rem;
}
.green-default .footer-container .content .text[data-v-5b44ab5a] {
  color: #7E9071;
}
.green-default .footer-container .intro .text[data-v-5b44ab5a] {
  color: #AFC69F;
}
.green-default .footer-container .intro .version[data-v-5b44ab5a] {
  color: #7E9071;
}
.forest-green .footer-container[data-v-5b44ab5a] {
  background: #006849;
  color: #50B388;
  border-radius: 0 0 0.625rem 0.625rem;
}
.forest-green .footer-container .content .text[data-v-5b44ab5a] {
  color: #50B388;
}
.forest-green .footer-container .intro .text[data-v-5b44ab5a] {
  color: #50B388;
}
.forest-green .footer-container .intro .version[data-v-5b44ab5a] {
  color: rgba(255, 255, 255, 0.4);
}
.amber-purple .footer-container[data-v-5b44ab5a] {
  background: var(--color-bg-200);
  color: var(--text-color2);
  border-radius: 0 0 0.625rem 0.625rem;
}
.amber-purple .footer-container .content .text[data-v-5b44ab5a] {
  color: var(--text-color2);
}
.amber-purple .footer-container .intro .text[data-v-5b44ab5a] {
  color: var(--text-color1);
}
.amber-purple .footer-container .intro .version[data-v-5b44ab5a] {
  color: #7E9071;
}
.blue-default .footer-container[data-v-5b44ab5a] {
  background: linear-gradient(90deg, #101629 0%, #101629 50%, rgba(0, 255, 208, 0.06) 100%);
  color: var(--text-color2);
  border-radius: 0 0 0.625rem 0.625rem;
}
.blue-default .footer-container .content .text[data-v-5b44ab5a] {
  color: var(--text-color2);
}
.blue-default .footer-container .intro .text[data-v-5b44ab5a] {
  color: var(--text-color1);
}
.blue-default .footer-container .intro .version[data-v-5b44ab5a] {
  color: #7E9071;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .footer-container[data-v-8e3a40a8] {
  margin-top: 2.5rem;
}
html .footer-container .logo-box[data-v-8e3a40a8] {
  display: flex;
  flex-direction: column;
  margin-block-end: 1.625rem;
  position: relative;
  z-index: 5;
}
html .footer-container .logo-box .logo-box-inner[data-v-8e3a40a8] {
  height: 3.75rem;
  padding-block: 0.75rem;
  display: flex;
  align-items: center;
}
html .footer-container .logo-box .logo-box-inner .logo[data-v-8e3a40a8] {
  width: auto;
  height: 100%;
  max-width: 11.25rem;
  object-fit: contain;
  object-position: left;
}
html .footer-container .logo-box .logo-box-inner .age[data-v-8e3a40a8] {
  height: 1.5rem;
  color: #F7FB43;
}
html .footer-container .logo-box .logo-box-inner .age[data-v-8e3a40a8]::before {
  content: '';
  width: 0.0625rem;
  height: 100%;
  display: inline-block;
  margin-inline: 0.75rem;
  background-color: #38342E;
}
html .footer-container .logo-box .logo-box-inner .age ion-icon[data-v-8e3a40a8] {
  font-size: 1.5rem;
}
html .footer-container .logo-box .intro[data-v-8e3a40a8] {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--text-color2);
}
html .footer-container .content[data-v-8e3a40a8] {
  position: relative;
  padding: 1.125rem 1.5rem 2.1875rem;
  border-radius: 0.625rem;
  background: #24221F;
  color: var(--text-color2);
}
html .footer-container .content[data-v-8e3a40a8]::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-70%);
  width: 10.5rem;
  height: 10.5rem;
  background: url('/images/intro.png') no-repeat center center / contain;
  z-index: 1;
}
html .footer-container .content .text[data-v-8e3a40a8] {
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1.5;
}
html .footer-container .content .language-selection-box[data-v-8e3a40a8] {
  margin-block-start: 1.625rem;
  background: #38342E;
}
html .footer-container .content .language-selection-box[data-v-8e3a40a8] .language-text {
  color: #fff;
}
html .footer-container .content .language-selection-box[data-v-8e3a40a8] .arrow-icon {
  background: #24221F;
  color: var(--text-color1);
}
html .footer-container .content .social-content[data-v-8e3a40a8] {
  margin-block-start: 1.625rem;
}
html .footer-container .version[data-v-8e3a40a8] {
  margin-left: 0.5rem;
  font-size: 0.625rem;
  text-align: center;
  color: var(--text-color2);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default .tabbar-tabs-inicio-components-PartView-default-index[data-v-4099d4f9] {
  margin-block: 0.875rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.blue-default .tabbar-tabs-inicio-components-PartView-default-index .game-brand[data-v-4099d4f9] {
  width: 21.25rem;
  height: 8.75rem;
  margin-bottom: 0.875rem;
}
.blue-default .tabbar-tabs-inicio-components-PartView-default-index .social-box[data-v-4099d4f9] {
  margin-top: 0.875rem;
  text-align: center;
  width: 100%;
  padding: 0 0.46875rem;
}
.blue-default .tabbar-tabs-inicio-components-PartView-default-index .social-box .title[data-v-4099d4f9] {
  margin-bottom: 0.625rem;
  font-size: 0.625rem;
  color: #4b5770;
}
.blue-default .tabbar-tabs-inicio-components-PartView-default-index .social-box .row[data-v-4099d4f9] {
  width: 100%;
  justify-content: space-evenly;
}
.blue-default .tabbar-tabs-inicio-components-PartView-default-index .social-box .row .img[data-v-4099d4f9] {
  width: 4rem;
  height: 2.1875rem;
  margin-bottom: 0.875rem;
  object-fit: contain;
}
.blue-default .tabbar-tabs-inicio-components-PartView-default-index .payment-box[data-v-4099d4f9] {
  margin-top: 0.875rem;
}
.blue-default .tabbar-tabs-inicio-components-PartView-default-index .payment-box .img[data-v-4099d4f9] {
  width: 100%;
}
.blue-default .tabbar-tabs-inicio-components-PartView-default-index .divider[data-v-4099d4f9] {
  width: 22.5rem;
  height: 1px;
  background-color: #1a233e;
}
.green-default .tabbar-tabs-inicio-components-PartView-default-index[data-v-4099d4f9] {
  margin-block: 0.875rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.green-default .tabbar-tabs-inicio-components-PartView-default-index .game-brand[data-v-4099d4f9] {
  width: 21.25rem;
  height: 8.75rem;
  margin-bottom: 0.875rem;
}
.green-default .tabbar-tabs-inicio-components-PartView-default-index .social-box[data-v-4099d4f9] {
  margin-top: 0.875rem;
  text-align: center;
  width: 100%;
  padding: 0 0.46875rem;
}
.green-default .tabbar-tabs-inicio-components-PartView-default-index .social-box .title[data-v-4099d4f9] {
  margin-bottom: 0.625rem;
  font-size: 0.625rem;
  color: #afc69f;
}
.green-default .tabbar-tabs-inicio-components-PartView-default-index .social-box .row[data-v-4099d4f9] {
  width: 100%;
  justify-content: space-evenly;
}
.green-default .tabbar-tabs-inicio-components-PartView-default-index .social-box .row .img[data-v-4099d4f9] {
  width: 4rem;
  height: 2.1875rem;
  margin-bottom: 0.875rem;
  object-fit: contain;
}
.green-default .tabbar-tabs-inicio-components-PartView-default-index .payment-box[data-v-4099d4f9] {
  margin-top: 0.875rem;
}
.green-default .tabbar-tabs-inicio-components-PartView-default-index .payment-box .img[data-v-4099d4f9] {
  width: 100%;
}
.green-default .tabbar-tabs-inicio-components-PartView-default-index .divider[data-v-4099d4f9] {
  width: 22.5rem;
  height: 1px;
  background-color: #34571d;
}
.amber-purple .tabbar-tabs-inicio-components-PartView-default-index[data-v-4099d4f9] {
  margin-block: 0.875rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.amber-purple .tabbar-tabs-inicio-components-PartView-default-index .game-brand[data-v-4099d4f9] {
  width: 21.25rem;
  height: 8.75rem;
  margin-bottom: 0.875rem;
}
.amber-purple .tabbar-tabs-inicio-components-PartView-default-index .social-box[data-v-4099d4f9] {
  margin-top: 0.875rem;
  text-align: center;
  width: 100%;
  padding: 0 0.46875rem;
}
.amber-purple .tabbar-tabs-inicio-components-PartView-default-index .social-box .title[data-v-4099d4f9] {
  margin-bottom: 0.625rem;
  font-size: 0.625rem;
  color: #BDB8E1;
}
.amber-purple .tabbar-tabs-inicio-components-PartView-default-index .social-box .row[data-v-4099d4f9] {
  width: 100%;
  justify-content: space-evenly;
}
.amber-purple .tabbar-tabs-inicio-components-PartView-default-index .social-box .row .img[data-v-4099d4f9] {
  width: 4rem;
  height: 2.1875rem;
  margin-bottom: 0.875rem;
  object-fit: contain;
}
.amber-purple .tabbar-tabs-inicio-components-PartView-default-index .payment-box[data-v-4099d4f9] {
  margin-top: 0.875rem;
}
.amber-purple .tabbar-tabs-inicio-components-PartView-default-index .payment-box .img[data-v-4099d4f9] {
  width: 100%;
}
.amber-purple .tabbar-tabs-inicio-components-PartView-default-index .divider[data-v-4099d4f9] {
  width: 22.5rem;
  height: 1px;
  background-color: #5f588c;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.box[data-v-bd01188f] {
  width: 4rem;
}
.divider[data-v-bd01188f] {
  background-color: var(--line-color);
}
.green-default .part-container .text[data-v-bd01188f] {
  color: var(--color-text-gray-100);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.social-box[data-v-8f1d2e32] {
  margin-top: 2.5rem;
  text-align: center;
  width: 100%;
  padding-inline: 0.9375rem;
}
.social-box .title[data-v-8f1d2e32] {
  margin-bottom: 1.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #899fbe;
}
.social-box .img-container[data-v-8f1d2e32] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.125rem;
}
.social-box .img-container .img[data-v-8f1d2e32] {
  flex-shrink: 0;
  width: 2.875rem;
  height: 2.875rem;
  border-radius: 0.75rem;
  border: 0.375rem solid rgba(137, 159, 190, 0.13);
  overflow: hidden;
  object-fit: cover;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.green-default .part-container[data-v-bf2d9c6b] {
  padding-inline: 0.9375rem;
}
.green-default .part-container .title[data-v-bf2d9c6b] {
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 2;
  align-self: flex-start;
  color: var(--text-color1);
}
.green-default .part-container .social-img[data-v-bf2d9c6b] {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-radius: 0.375rem;
  box-shadow: 0 0.125rem 0.0625rem 2.5rem #FFFFFF08 inset;
}
.green-default .part-container .game-img[data-v-bf2d9c6b] {
  width: 100%;
  height: 6.25rem;
}
.green-default .part-container .divider[data-v-bf2d9c6b] {
  width: 100%;
  height: 0.0625rem;
  background-color: var(--line-color);
}
.forest-green .part-container[data-v-bf2d9c6b] {
  padding-inline: 0.9375rem;
}
.forest-green .part-container .title[data-v-bf2d9c6b] {
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 2;
  align-self: flex-start;
  color: #fff;
}
.forest-green .part-container .social-img[data-v-bf2d9c6b] {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-radius: 0.375rem;
  box-shadow: 0 0.125rem 0.0625rem 2.5rem #006849 inset;
}
.forest-green .part-container .game-img[data-v-bf2d9c6b] {
  width: 100%;
  height: 6.25rem;
}
.forest-green .part-container .divider[data-v-bf2d9c6b] {
  width: 100%;
  height: 0.0625rem;
  background-color: #009F76;
}
.amber-purple .part-container[data-v-bf2d9c6b] {
  padding-inline: 0.9375rem;
}
.amber-purple .part-container .title[data-v-bf2d9c6b] {
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 2;
  align-self: flex-start;
  color: var(--text-color1);
}
.amber-purple .part-container .social-img[data-v-bf2d9c6b] {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-radius: 0.375rem;
  box-shadow: 0 0.125rem 0.0625rem 2.5rem rgba(255, 255, 255, 0.03) inset;
}
.amber-purple .part-container .game-img[data-v-bf2d9c6b] {
  width: 100%;
  height: 6.25rem;
}
.amber-purple .part-container .divider[data-v-bf2d9c6b] {
  width: 100%;
  height: 0.0625rem;
  background-color: var(--line-color);
}
.blue-default .part-container[data-v-bf2d9c6b] {
  padding-inline: 0.9375rem;
}
.blue-default .part-container .title[data-v-bf2d9c6b] {
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 2;
  align-self: flex-start;
  color: var(--text-color2);
}
.blue-default .part-container .social-img[data-v-bf2d9c6b] {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-radius: 0.375rem;
  box-shadow: 0 0.125rem 0.0625rem 2.5rem rgba(255, 255, 255, 0.03) inset;
}
.blue-default .part-container .game-img[data-v-bf2d9c6b] {
  width: 100%;
  height: 6.25rem;
}
.blue-default .part-container .divider[data-v-bf2d9c6b] {
  width: 100%;
  height: 0.0625rem;
  background-color: var(--line-color);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.game-classification[data-v-0d6a537e] {
  margin-block: 2.8125rem;
  margin-inline: 0.9375rem;
}
.game-classification .head[data-v-0d6a537e] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.game-classification .head .logo[data-v-0d6a537e] {
  width: 6.9375rem;
  height: 1.625rem;
}
.game-classification .head .title[data-v-0d6a537e] {
  margin-top: 0.4375rem;
  font-size: 0.75rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.4);
}
.game-classification .intro[data-v-0d6a537e] {
  font-size: 0.6875rem;
  line-height: 1.5;
  margin-bottom: 2.8125rem;
  text-align: center;
  color: #616d93;
}
.game-classification .intro .text[data-v-0d6a537e] {
  font-weight: 800;
  font-size: 0.875rem;
  color: #616d93;
}
.game-classification .intro .version[data-v-0d6a537e] {
  margin-left: 0.5rem;
  font-size: 0.625rem;
  text-align: center;
  color: #616d93;
}
.game-classification .row[data-v-0d6a537e] {
  display: flex;
  margin-top: 1.25rem;
  padding-inline-start: 3.125rem;
  padding-inline-end: 1.5625rem;
}
.game-classification .row .col[data-v-0d6a537e] {
  flex: 0 0 50%;
}
.game-classification .row .col .col-title[data-v-0d6a537e] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #fff;
}
.game-classification .row .col .list[data-v-0d6a537e] {
  background: transparent;
  margin-top: 1rem;
}
.game-classification .row .col .list .list-item[data-v-0d6a537e],
.game-classification .row .col .list .label[data-v-0d6a537e] {
  --background: transparent;
}
.game-classification .row .col .list .list-item[data-v-0d6a537e] {
  color: #899FBE;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.8;
}
.game-classification .row .col .list .active[data-v-0d6a537e] {
  color: #fff;
}
.game-classification .first-row[data-v-0d6a537e] {
  height: 12.1875rem;
}
.game-classification .first-row .platform-list[data-v-0d6a537e] {
  max-height: 9.6875rem;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.game-classification .first-row .platform-list[data-v-0d6a537e]::-webkit-scrollbar {
  display: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.green-default ion-segment[data-v-058612b2]::after {
  content: "";
  display: block;
  height: 0.0625rem;
  width: 100%;
  background-color: #34571D;
  position: absolute;
  bottom: 0.03rem;
  left: 0;
  z-index: -1;
}
.green-default ion-segment.md ion-segment-button[data-v-058612b2] {
  --indicator-color: linear-gradient(90deg, #EABD5B, #4C8902);
  --indicator-height: 0.125rem;
  --padding-start: 0.375rem;
  --padding-end: 0.375rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --color: #7E9071;
  --color-checked: #FBED3C;
  text-transform: capitalize;
  min-width: 0;
  font-size: 0.875rem;
  font-weight: 400;
}
.green-default ion-segment.md ion-segment-button[data-v-058612b2]::part(indicator) {
  /* 设置指示器宽度 */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.green-default ion-segment.md ion-segment-button .segment-button-checked[data-v-058612b2]::part(native) {
  font-weight: 900;
  font-size: 1rem;
}
.forest-green ion-segment[data-v-058612b2]::after {
  content: "";
  display: block;
  height: 0.0625rem;
  width: 100%;
  background-color: #009F76;
  position: absolute;
  bottom: 0.03rem;
  left: 0;
  z-index: -1;
}
.forest-green ion-segment.md ion-segment-button[data-v-058612b2] {
  --indicator-color: linear-gradient(90deg, #FBED3C, #06DFA5);
  --indicator-height: 0.125rem;
  --padding-start: 0.375rem;
  --padding-end: 0.375rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --color: #fff;
  --color-checked: #EEF93B;
  text-transform: capitalize;
  min-width: 0;
  font-size: 0.875rem;
  font-weight: 400;
}
.forest-green ion-segment.md ion-segment-button[data-v-058612b2]::part(indicator) {
  /* 设置指示器宽度 */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.forest-green ion-segment.md ion-segment-button .segment-button-checked[data-v-058612b2]::part(native) {
  font-weight: 900;
  font-size: 1rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default .support[data-v-add92ed8] {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 2rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 1rem;
  z-index: 50;
  background: linear-gradient(0deg, #0167ca 0%, #38a8fa 100%);
}
.blue-default .support .dot[data-v-add92ed8] {
  position: absolute;
  top: 0.5rem;
  left: 1.5625rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
}
.forest-green .support[data-v-add92ed8],
.green-default .support[data-v-add92ed8] {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 2rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 1rem;
  z-index: 50;
  background: linear-gradient(180deg, #13c96a 0%, #1d9554 100%);
}
.forest-green .support .dot[data-v-add92ed8],
.green-default .support .dot[data-v-add92ed8] {
  position: absolute;
  top: 0.5rem;
  left: 1.5625rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
}
.amber-purple .support[data-v-add92ed8] {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 2rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 1rem;
  z-index: 50;
  background: linear-gradient(270deg, #7041F3 0%, #F5C84C 130.92%);
}
.amber-purple .support .dot[data-v-add92ed8] {
  position: absolute;
  top: 0.5rem;
  left: 1.5625rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default .support[data-v-e07e2b05] {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 1rem;
  z-index: 50;
  border-radius: 0.625rem;
  background: linear-gradient(180deg, #001D32 0%, #013C79 100%);
  box-shadow: 0px -2px 0px 0px #006AF9 inset;
}
.blue-default .support .dot[data-v-e07e2b05] {
  position: absolute;
  top: 0.5rem;
  left: 1.5625rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
}
.green-default .support[data-v-e07e2b05] {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 1rem;
  z-index: 50;
  border-radius: 0.625rem;
  background: linear-gradient(180deg, #13c96a 0%, #1d9554 100%);
  box-shadow: 0px -2px 0px 0px #006AF9 inset;
}
.green-default .support .dot[data-v-e07e2b05] {
  position: absolute;
  top: 0.5rem;
  left: 1.5625rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
}
.amber-purple .support[data-v-e07e2b05] {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 1rem;
  z-index: 50;
  border-radius: 0.625rem;
  background: linear-gradient(270deg, #7041F3 0%, #F5C84C 130.92%);
  box-shadow: 0px -2px 0px 0px #006AF9 inset;
}
.amber-purple .support .dot[data-v-e07e2b05] {
  position: absolute;
  top: 0.5rem;
  left: 1.5625rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .support[data-v-a408506f] {
  width: 3.375rem;
  height: 3.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 1rem;
  z-index: 50;
  border-radius: 50%;
  background: linear-gradient(327deg, #FEB805 12.46%, #F5BB78 87.98%);
}
html .support .support-img[data-v-a408506f] {
  width: 100%;
  height: 100%;
}
html .support .dot[data-v-a408506f] {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff0000;
  outline: 0.1563rem solid rgba(255, 255, 255, 0.4);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default .to-top-box[data-v-0a5a4804] {
  width: 2.875rem;
  height: 2.875rem;
  font-size: 0.625rem;
  border-radius: 0.3125rem;
  position: fixed;
  z-index: 50;
  right: 1.25rem;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  background: #191e2d;
}
.blue-default .to-top-box .icon-wall[data-v-0a5a4804] {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
  background: linear-gradient(0deg, #0167ca 0%, #38a8fa 100%);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blue-default .to-top-box .icon-wall .icon[data-v-0a5a4804] {
  color: #fff;
}
.blue-default .to-top-box .to-top-text[data-v-0a5a4804] {
  color: #fff;
}
.green-default .to-top-box[data-v-0a5a4804] {
  width: 2.875rem;
  height: 2.875rem;
  font-size: 0.625rem;
  border-radius: 0.3125rem;
  position: fixed;
  z-index: 50;
  right: 1.25rem;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  background: #2b4f14;
}
.green-default .to-top-box .icon-wall[data-v-0a5a4804] {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
  background: linear-gradient(180deg, #13c96a 0%, #1d9554 100%);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.green-default .to-top-box .icon-wall .icon[data-v-0a5a4804] {
  color: #fff;
}
.green-default .to-top-box .to-top-text[data-v-0a5a4804] {
  color: #afc69f;
}
.amber-purple .to-top-box[data-v-0a5a4804] {
  width: 2.875rem;
  height: 2.875rem;
  font-size: 0.625rem;
  border-radius: 0.3125rem;
  position: fixed;
  z-index: 50;
  right: 1.25rem;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  background: #3b3466;
}
.amber-purple .to-top-box .icon-wall[data-v-0a5a4804] {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
  background: #7041F3;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.amber-purple .to-top-box .icon-wall .icon[data-v-0a5a4804] {
  color: #fff;
}
.amber-purple .to-top-box .to-top-text[data-v-0a5a4804] {
  color: #BDB8E1;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default .to-top-box[data-v-0075be48] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  font-size: 0.625rem;
  position: fixed;
  z-index: 50;
  right: 1.25rem;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  background: #4da341;
}
.blue-default .to-top-box .icon-wall[data-v-0075be48] {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
}
.blue-default .to-top-box .icon-wall .icon[data-v-0075be48] {
  color: #fff;
}
.blue-default .to-top-box .to-top-text[data-v-0075be48] {
  color: #fff;
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 0.125rem;
}
.amber-purple .to-top-box[data-v-0075be48] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  font-size: 0.625rem;
  position: fixed;
  z-index: 50;
  right: 1.25rem;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  background: #7041F3;
}
.amber-purple .to-top-box .icon-wall[data-v-0075be48] {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
}
.amber-purple .to-top-box .icon-wall .icon[data-v-0075be48] {
  color: #fff;
}
.amber-purple .to-top-box .to-top-text[data-v-0075be48] {
  color: #fff;
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 0.125rem;
}
.forest-green .to-top-box[data-v-0075be48],
.green-default .to-top-box[data-v-0075be48] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  font-size: 0.625rem;
  position: fixed;
  z-index: 50;
  right: 1.25rem;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  background: #4da341;
}
.forest-green .to-top-box .icon-wall[data-v-0075be48],
.green-default .to-top-box .icon-wall[data-v-0075be48] {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
}
.forest-green .to-top-box .icon-wall .icon[data-v-0075be48],
.green-default .to-top-box .icon-wall .icon[data-v-0075be48] {
  color: #fff;
}
.forest-green .to-top-box .to-top-text[data-v-0075be48],
.green-default .to-top-box .to-top-text[data-v-0075be48] {
  color: #fff;
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 0.125rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .to-top-box[data-v-0c91385c] {
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 0.375rem;
  position: fixed;
  z-index: 50;
  right: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #38342E;
  border: 0.0625rem solid #4C4943;
  box-shadow: 0 0.125rem 0.4562rem -0.25rem rgba(238, 255, 0, 0.15) inset;
}
html .to-top-box .icon[data-v-0c91385c] {
  font-size: 2.5rem;
  color: var(--text-color1);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.warpper[data-v-b1dc33a9] {
  width: 100%;
  height: 100%;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-close[data-v-b1dc33a9] {
  width: 21.375rem;
  padding-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.btn-close div[data-v-b1dc33a9] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}
.text-warpper[data-v-b1dc33a9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1.875rem;
}
.logo[data-v-b1dc33a9] {
  flex: 0 0 auto;
  width: 4.1875rem;
  height: 4.1875rem;
}
.text[data-v-b1dc33a9] {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  color: #FFF;
  padding-left: 0.875rem;
}
.content[data-v-b1dc33a9] {
  width: 21.375rem;
  height: 11.875rem;
  background-image: url('/images/rookieTask/bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-download[data-v-b1dc33a9] {
  position: relative;
  width: 19.2188rem;
  height: 3.4688rem;
  background-image: url('/images/rookieTask/btn.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 1.75rem 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.reward-label[data-v-b1dc33a9] {
  display: flex;
  position: absolute;
  top: -20%;
  right: 6%;
  height: 1.25rem;
  padding: 0 0.625rem;
  background-color: #E64021;
  border-radius: 0rem 0.3125rem 0rem 0.3125rem;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #FBC63D;
  text-align: center;
}
.btn-icon[data-v-b1dc33a9] {
  width: 1.875rem;
  height: 1.875rem;
}
.btn-text[data-v-b1dc33a9] {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.yellow-dark .assets-header[data-v-f00c10a8],
.green-dark .assets-header[data-v-f00c10a8] {
  background: var(--color-bg-300);
}
.yellow-dark .header-wrap[data-v-f00c10a8],
.green-dark .header-wrap[data-v-f00c10a8] {
  width: 24.375rem;
  background: var(--color-bg-200);
  padding: 0.625rem 0.75rem 0;
  box-sizing: border-box;
  position: relative;
}
.yellow-dark .header-wrap .top[data-v-f00c10a8],
.green-dark .header-wrap .top[data-v-f00c10a8] {
  line-height: 1.875rem;
}
.yellow-dark .header-wrap .top span[data-v-f00c10a8],
.green-dark .header-wrap .top span[data-v-f00c10a8] {
  font-size: var(--ep-font-size-xl, 1.25rem);
  font-weight: var(--ep-font-weight-medium, 500);
  color: var(--color-text-100);
}
.yellow-dark .header-wrap .top .icon-area[data-v-f00c10a8],
.green-dark .header-wrap .top .icon-area[data-v-f00c10a8] {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  background: var(--theme-color-800);
  margin-left: 0.625rem;
}
.yellow-dark .header-wrap .top .icon-area ion-icon.record[data-v-f00c10a8],
.green-dark .header-wrap .top .icon-area ion-icon.record[data-v-f00c10a8] {
  font-size: var(--ep-font-size-l, 1);
  color: var(--text-color-black-100);
}
.yellow-dark .header-wrap ion-icon.close[data-v-f00c10a8],
.green-dark .header-wrap ion-icon.close[data-v-f00c10a8] {
  font-size: var(--ep-font-size-xl, 1.25rem);
  color: var(--color-text-100);
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.yellow-dark .header-wrap .text[data-v-f00c10a8],
.green-dark .header-wrap .text[data-v-f00c10a8] {
  width: 18.75rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--color-text-40);
  padding: 1.25rem 0;
  line-height: 1.125rem;
}
.yellow-dark .header-wrap .text .client[data-v-f00c10a8],
.green-dark .header-wrap .text .client[data-v-f00c10a8] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--accent-color-orange);
  white-space: nowrap;
  cursor: pointer;
}
.yellow-dark .header-wrap .text .client ion-icon[data-v-f00c10a8],
.green-dark .header-wrap .text .client ion-icon[data-v-f00c10a8] {
  font-size: var(--ep-font-size-xl, 1.25rem);
  vertical-align: top;
  color: var(--accent-color-orange);
}
.yellow-dark .header-wrap.alone[data-v-f00c10a8],
.green-dark .header-wrap.alone[data-v-f00c10a8] {
  border-radius: 0px 0px var(--ep-border-radius-surface-small, 0.75rem) var(--ep-border-radius-surface-small, 0.75rem);
  box-shadow: 0px 4px 28.4px 0px rgba(0, 0, 0, 0.1);
}
.yellow-dark .header-wrap.only-pay-type-sub[data-v-f00c10a8],
.green-dark .header-wrap.only-pay-type-sub[data-v-f00c10a8] {
  border-radius: 0px 0px var(--ep-border-radius-xl, 0.625rem) var(--ep-border-radius-xl, 0.625rem);
  box-shadow: 0px 4px 28.4px 0px rgba(0, 0, 0, 0.1);
}
.purple-light .assets-header[data-v-f00c10a8] {
  background: var(--color-bg-200);
}
.purple-light .header-wrap[data-v-f00c10a8] {
  width: 24.375rem;
  background: var(--color-bg-500);
  padding: 0.625rem 0.75rem 0;
  box-sizing: border-box;
  position: relative;
}
.purple-light .header-wrap .top[data-v-f00c10a8] {
  line-height: 1.875rem;
}
.purple-light .header-wrap .top span[data-v-f00c10a8] {
  font-size: var(--ep-font-size-xl, 1.25rem);
  font-weight: var(--ep-font-weight-medium, 500);
  color: var(--text-color-black-100);
}
.purple-light .header-wrap .top .icon-area[data-v-f00c10a8] {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  background: var(--theme-color-800);
  margin-left: 0.625rem;
}
.purple-light .header-wrap .top .icon-area ion-icon.record[data-v-f00c10a8] {
  font-size: var(--ep-font-size-l, 1);
  color: var(--text-color-white-100);
}
.purple-light .header-wrap ion-icon.close[data-v-f00c10a8] {
  font-size: var(--ep-font-size-xl, 1.25rem);
  color: var(--color-text-100);
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.purple-light .header-wrap .text[data-v-f00c10a8] {
  width: 18.75rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--text-color-black-80);
  padding: 1.25rem 0;
  line-height: 1.125rem;
}
.purple-light .header-wrap .text .client[data-v-f00c10a8] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--accent-color-orange);
  white-space: nowrap;
  cursor: pointer;
}
.purple-light .header-wrap .text .client ion-icon[data-v-f00c10a8] {
  font-size: var(--ep-font-size-xl, 1.25rem);
  vertical-align: top;
  color: var(--accent-color-orange);
}
.purple-light .header-wrap.alone[data-v-f00c10a8] {
  border-radius: 0px 0px var(--ep-border-radius-surface-small, 0.75rem) var(--ep-border-radius-surface-small, 0.75rem);
  box-shadow: 0px 4px 28.4px 0px rgba(0, 0, 0, 0.1);
}
.purple-light .header-wrap.only-pay-type-sub[data-v-f00c10a8] {
  border-radius: 0px 0px var(--ep-border-radius-xl, 0.625rem) var(--ep-border-radius-xl, 0.625rem);
  box-shadow: 0px 4px 28.4px 0px rgba(0, 0, 0, 0.1);
}
.amber-purple .assets-header[data-v-f00c10a8] {
  background: var(--color-bg-200);
}
.amber-purple .header-wrap[data-v-f00c10a8] {
  width: 24.375rem;
  background: var(--color-bg-100);
  padding: 0.625rem 0.75rem 0;
  box-sizing: border-box;
  position: relative;
}
.amber-purple .header-wrap .top[data-v-f00c10a8] {
  line-height: 1.875rem;
}
.amber-purple .header-wrap .top span[data-v-f00c10a8] {
  font-size: var(--ep-font-size-xl, 1.25rem);
  font-weight: var(--ep-font-weight-medium, 500);
  color: var(--text-color-light-purple-1-100);
}
.amber-purple .header-wrap .top .icon-area[data-v-f00c10a8] {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  background: var(--theme-color-800);
  margin-left: 0.625rem;
}
.amber-purple .header-wrap .top .icon-area ion-icon.record[data-v-f00c10a8] {
  font-size: var(--ep-font-size-l, 1);
  color: var(--text-color-white-100);
}
.amber-purple .header-wrap ion-icon.close[data-v-f00c10a8] {
  font-size: var(--ep-font-size-xl, 1.25rem);
  color: var(--text-color-white-100);
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.amber-purple .header-wrap .text[data-v-f00c10a8] {
  width: 18.75rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--text-color-light-purple-2-100);
  padding: 1.25rem 0;
  line-height: 1.125rem;
}
.amber-purple .header-wrap .text .client[data-v-f00c10a8] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--color-currency);
  white-space: nowrap;
  cursor: pointer;
}
.amber-purple .header-wrap .text .client ion-icon[data-v-f00c10a8] {
  font-size: var(--ep-font-size-xl, 1.25rem);
  vertical-align: top;
  color: var(--color-currency);
}
.amber-purple .header-wrap.alone[data-v-f00c10a8] {
  border-radius: 0px 0px var(--ep-border-radius-surface-small, 0.75rem) var(--ep-border-radius-surface-small, 0.75rem);
  box-shadow: 0px 4px 28.4px 0px rgba(0, 0, 0, 0.1);
}
.amber-purple .header-wrap.only-pay-type-sub[data-v-f00c10a8] {
  border-radius: 0px 0px var(--ep-border-radius-xl, 0.625rem) var(--ep-border-radius-xl, 0.625rem);
  box-shadow: 0px 4px 28.4px 0px rgba(0, 0, 0, 0.1);
}
.new-skin-symbol .assets-header[data-v-f00c10a8] {
  background: var(--ep-color-background-fill-body-default);
}
.new-skin-symbol .header-wrap[data-v-f00c10a8] {
  width: 24.375rem;
  background: var(--ep-color-background-fill-top-nav-secondary);
  padding: 0.625rem 0.75rem 0;
  box-sizing: border-box;
  position: relative;
}
.new-skin-symbol .header-wrap .top[data-v-f00c10a8] {
  line-height: 1.875rem;
}
.new-skin-symbol .header-wrap .top span[data-v-f00c10a8] {
  font-size: var(--ep-font-size-xl, 1.25rem);
  font-weight: var(--ep-font-weight-medium, 500);
  color: var(--ep-color-text-default);
}
.new-skin-symbol .header-wrap .top .icon-area[data-v-f00c10a8] {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  background: var(--ep-color-icon-brand-primary);
  margin-left: 0.625rem;
}
.new-skin-symbol .header-wrap .top .icon-area ion-icon.record[data-v-f00c10a8] {
  font-size: var(--ep-font-size-l, 1);
  color: var(--ep-color-icon-inverse);
}
.new-skin-symbol .header-wrap ion-icon.close[data-v-f00c10a8] {
  font-size: var(--ep-font-size-xl, 1.25rem);
  color: var(--ep-color-icon-default);
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.new-skin-symbol .header-wrap .text[data-v-f00c10a8] {
  width: 18.75rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-default);
  padding: 1.25rem 0;
  line-height: 1.125rem;
}
.new-skin-symbol .header-wrap .text .client[data-v-f00c10a8] {
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-highlight);
  white-space: nowrap;
  cursor: pointer;
}
.new-skin-symbol .header-wrap .text .client ion-icon[data-v-f00c10a8] {
  font-size: var(--ep-font-size-xl, 1.25rem);
  vertical-align: top;
  color: var(--ep-color-icon-highlight);
}
.new-skin-symbol .header-wrap.alone[data-v-f00c10a8] {
  border-radius: 0px 0px var(--ep-border-radius-surface-small, 0.75rem) var(--ep-border-radius-surface-small, 0.75rem);
  box-shadow: 0px 4px 28.4px 0px rgba(0, 0, 0, 0.1);
}
.new-skin-symbol .header-wrap.only-pay-type-sub[data-v-f00c10a8] {
  border-radius: 0px 0px var(--ep-border-radius-xl, 0.625rem) var(--ep-border-radius-xl, 0.625rem);
  box-shadow: 0px 4px 28.4px 0px rgba(0, 0, 0, 0.1);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.fixedBottom-footer[data-v-da405807] {
  width: 24.25rem;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: var(--v63928584);
  background: linear-gradient(180deg, rgba(26, 29, 34, 0) 0%, var(--color-bg-300) 74.74%);
}
.fixedBottom-footer .btn-warp[data-v-da405807] {
  width: 22.875rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
}
.footer-assets[data-v-da405807] {
  margin: 0 auto;
  width: 22.8125rem;
  height: 3.125rem;
  line-height: 3.125rem;
}
.footer-assets .btn-warp[data-v-da405807] {
  width: 100%;
  height: 100%;
  line-height: inherit;
}
.purple-light .fixedBottom-footer[data-v-da405807] {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 32.52%, var(--color-bg-500) 100%);
}
.amber-purple .fixedBottom-footer[data-v-da405807] {
  background: linear-gradient(207deg, rgba(38, 35, 70, 0.59) 26.98%, rgba(22, 19, 40, 0.59) 82.97%);
}
.amber-purple .fixedBottom-footer .btn-warp[data-v-da405807] {
  background-color: var(--color-bg-500);
  border-radius: var(--layout-radius-basic);
}
.new-skin-symbol .fixedBottom-footer[data-v-da405807] {
  width: 24.25rem;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: var(--v63928584);
  background: linear-gradient(180deg, rgba(26, 29, 34, 0) 0%, var(--ep-color-background-fill-body-default) 74.74%);
}
.new-skin-symbol .fixedBottom-footer .btn-warp[data-v-da405807] {
  width: 22.875rem;
  position: absolute;
  bottom: var(--cde6b166);
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
}
.new-skin-symbol .footer-assets[data-v-da405807] {
  margin: 0 auto;
  width: 22.8125rem;
  height: 3.125rem;
  line-height: 3.125rem;
}
.new-skin-symbol .footer-assets .btn-warp[data-v-da405807] {
  width: 100%;
  height: 100%;
  line-height: inherit;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.preview-modal[data-v-7359649a] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.preview-modal .modal-content[data-v-7359649a] {
  max-width: 90%;
  max-height: 90%;
}
.preview-modal .modal-content img[data-v-7359649a] {
  max-width: 100%;
  max-height: 100%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.green-dark .mobile-uploader[data-v-c0d87a86],
.yellow-dark .mobile-uploader[data-v-c0d87a86],
.purple-light .mobile-uploader[data-v-c0d87a86],
.amber-purple .mobile-uploader[data-v-c0d87a86],
.green-default .mobile-uploader[data-v-c0d87a86],
.blue-default .mobile-uploader[data-v-c0d87a86],
.forest-green .mobile-uploader[data-v-c0d87a86],
.auroral-yellow .mobile-uploader[data-v-c0d87a86] {
  display: flex;
  justify-content: start;
  align-items: center;
  touch-action: manipulation;
}
.green-dark .item[data-v-c0d87a86],
.yellow-dark .item[data-v-c0d87a86],
.purple-light .item[data-v-c0d87a86],
.amber-purple .item[data-v-c0d87a86],
.green-default .item[data-v-c0d87a86],
.blue-default .item[data-v-c0d87a86],
.forest-green .item[data-v-c0d87a86],
.auroral-yellow .item[data-v-c0d87a86] {
  width: 4.5rem;
  height: 4.5rem;
  background: var(--color-bg-200);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--color-line);
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
.green-dark .file-list[data-v-c0d87a86],
.yellow-dark .file-list[data-v-c0d87a86],
.purple-light .file-list[data-v-c0d87a86],
.amber-purple .file-list[data-v-c0d87a86],
.green-default .file-list[data-v-c0d87a86],
.blue-default .file-list[data-v-c0d87a86],
.forest-green .file-list[data-v-c0d87a86],
.auroral-yellow .file-list[data-v-c0d87a86] {
  display: flex;
  align-items: center;
  justify-content: start;
  position: relative;
}
.green-dark .file-list .spinner-warp[data-v-c0d87a86],
.yellow-dark .file-list .spinner-warp[data-v-c0d87a86],
.purple-light .file-list .spinner-warp[data-v-c0d87a86],
.amber-purple .file-list .spinner-warp[data-v-c0d87a86],
.green-default .file-list .spinner-warp[data-v-c0d87a86],
.blue-default .file-list .spinner-warp[data-v-c0d87a86],
.forest-green .file-list .spinner-warp[data-v-c0d87a86],
.auroral-yellow .file-list .spinner-warp[data-v-c0d87a86] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.green-dark .file-list .spinner-warp .text[data-v-c0d87a86],
.yellow-dark .file-list .spinner-warp .text[data-v-c0d87a86],
.purple-light .file-list .spinner-warp .text[data-v-c0d87a86],
.amber-purple .file-list .spinner-warp .text[data-v-c0d87a86],
.green-default .file-list .spinner-warp .text[data-v-c0d87a86],
.blue-default .file-list .spinner-warp .text[data-v-c0d87a86],
.forest-green .file-list .spinner-warp .text[data-v-c0d87a86],
.auroral-yellow .file-list .spinner-warp .text[data-v-c0d87a86] {
  font-size: var(--ep-font-size-xs);
  color: var(--color-text-100);
}
.green-dark .file-list .file-item .file-thumbnail[data-v-c0d87a86],
.yellow-dark .file-list .file-item .file-thumbnail[data-v-c0d87a86],
.purple-light .file-list .file-item .file-thumbnail[data-v-c0d87a86],
.amber-purple .file-list .file-item .file-thumbnail[data-v-c0d87a86],
.green-default .file-list .file-item .file-thumbnail[data-v-c0d87a86],
.blue-default .file-list .file-item .file-thumbnail[data-v-c0d87a86],
.forest-green .file-list .file-item .file-thumbnail[data-v-c0d87a86],
.auroral-yellow .file-list .file-item .file-thumbnail[data-v-c0d87a86] {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  overflow: hidden;
}
.green-dark .file-list .file-info[data-v-c0d87a86],
.yellow-dark .file-list .file-info[data-v-c0d87a86],
.purple-light .file-list .file-info[data-v-c0d87a86],
.amber-purple .file-list .file-info[data-v-c0d87a86],
.green-default .file-list .file-info[data-v-c0d87a86],
.blue-default .file-list .file-info[data-v-c0d87a86],
.forest-green .file-list .file-info[data-v-c0d87a86],
.auroral-yellow .file-list .file-info[data-v-c0d87a86] {
  position: relative;
  overflow: hidden;
}
.green-dark .file-list .file-info .remove-area[data-v-c0d87a86],
.yellow-dark .file-list .file-info .remove-area[data-v-c0d87a86],
.purple-light .file-list .file-info .remove-area[data-v-c0d87a86],
.amber-purple .file-list .file-info .remove-area[data-v-c0d87a86],
.green-default .file-list .file-info .remove-area[data-v-c0d87a86],
.blue-default .file-list .file-info .remove-area[data-v-c0d87a86],
.forest-green .file-list .file-info .remove-area[data-v-c0d87a86],
.auroral-yellow .file-list .file-info .remove-area[data-v-c0d87a86] {
  width: 1.875rem;
  height: 1.875rem;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  border-radius: 50%;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  cursor: pointer;
}
.green-dark .file-list .file-info .remove-area .close[data-v-c0d87a86],
.yellow-dark .file-list .file-info .remove-area .close[data-v-c0d87a86],
.purple-light .file-list .file-info .remove-area .close[data-v-c0d87a86],
.amber-purple .file-list .file-info .remove-area .close[data-v-c0d87a86],
.green-default .file-list .file-info .remove-area .close[data-v-c0d87a86],
.blue-default .file-list .file-info .remove-area .close[data-v-c0d87a86],
.forest-green .file-list .file-info .remove-area .close[data-v-c0d87a86],
.auroral-yellow .file-list .file-info .remove-area .close[data-v-c0d87a86] {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(50%, -50%);
  font-size: var(--ep-font-size-xs, 10px);
  color: var(--ep-color-text-default, #fff);
}
.green-dark .uploader-wrap .upload-icon[data-v-c0d87a86],
.yellow-dark .uploader-wrap .upload-icon[data-v-c0d87a86],
.purple-light .uploader-wrap .upload-icon[data-v-c0d87a86],
.amber-purple .uploader-wrap .upload-icon[data-v-c0d87a86],
.green-default .uploader-wrap .upload-icon[data-v-c0d87a86],
.blue-default .uploader-wrap .upload-icon[data-v-c0d87a86],
.forest-green .uploader-wrap .upload-icon[data-v-c0d87a86],
.auroral-yellow .uploader-wrap .upload-icon[data-v-c0d87a86] {
  font-size: 2.25rem;
  cursor: pointer;
  color: var(--color-text-100);
}
.purple-light .mobile-uploader[data-v-c0d87a86] {
  display: flex;
  justify-content: start;
  align-items: center;
  touch-action: manipulation;
}
.purple-light .item[data-v-c0d87a86] {
  width: 4.5rem;
  height: 4.5rem;
  background: var(--color-bg-400);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--color-line);
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
.purple-light .file-list[data-v-c0d87a86] {
  display: flex;
  align-items: center;
  justify-content: start;
  position: relative;
}
.purple-light .file-list .spinner-warp[data-v-c0d87a86] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.purple-light .file-list .spinner-warp .text[data-v-c0d87a86] {
  font-size: var(--ep-font-size-xs);
  color: var(--color-text-100);
}
.purple-light .file-list .file-item .file-thumbnail[data-v-c0d87a86] {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  overflow: hidden;
}
.purple-light .file-list .file-info[data-v-c0d87a86] {
  position: relative;
  overflow: hidden;
}
.purple-light .file-list .file-info .remove-area[data-v-c0d87a86] {
  width: 1.875rem;
  height: 1.875rem;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  border-radius: 50%;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  cursor: pointer;
}
.purple-light .file-list .file-info .remove-area .close[data-v-c0d87a86] {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(50%, -50%);
  font-size: var(--ep-font-size-xs, 10px);
  color: var(--ep-color-text-default, #fff);
}
.purple-light .uploader-wrap .upload-icon[data-v-c0d87a86] {
  font-size: 2.25rem;
  cursor: pointer;
  color: var(--color-text-100);
}
.new-skin-symbol .mobile-uploader[data-v-c0d87a86] {
  display: flex;
  justify-content: start;
  align-items: center;
  touch-action: manipulation;
}
.new-skin-symbol .item[data-v-c0d87a86] {
  width: 4.5rem;
  height: 4.5rem;
  background: var(--ep-color-background-fill-surface-raised-L2);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--ep-color-border-default);
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
.new-skin-symbol .file-list[data-v-c0d87a86] {
  display: flex;
  align-items: center;
  justify-content: start;
  position: relative;
}
.new-skin-symbol .file-list .spinner-warp[data-v-c0d87a86] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.new-skin-symbol .file-list .spinner-warp .text[data-v-c0d87a86] {
  font-size: var(--ep-font-size-xs);
  color: var(--ep-color-text-default);
}
.new-skin-symbol .file-list .file-item .file-thumbnail[data-v-c0d87a86] {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  overflow: hidden;
}
.new-skin-symbol .file-list .file-info[data-v-c0d87a86] {
  position: relative;
  overflow: hidden;
}
.new-skin-symbol .file-list .file-info .remove-area[data-v-c0d87a86] {
  width: 1.875rem;
  height: 1.875rem;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  border-radius: 50%;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  cursor: pointer;
}
.new-skin-symbol .file-list .file-info .remove-area .close[data-v-c0d87a86] {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(50%, -50%);
  font-size: var(--ep-font-size-xs, 10px);
  color: var(--ep-color-text-default, #fff);
}
.new-skin-symbol .uploader-wrap .upload-icon[data-v-c0d87a86] {
  font-size: 2.25rem;
  cursor: pointer;
  color: var(--ep-color-icon-default);
}
.upload-text[data-v-c0d87a86] {
  font-size: 16px;
  color: #1890ff;
}
.file-input[data-v-c0d87a86] {
  display: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.virtual-currency[data-v-87725aca] {
  display: flex;
  align-items: center;
  color: var(--ep-color-text-default);
  border: 1px solid var(--ep-color-border-default);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  padding: 0 0.625rem;
  height: 1.125rem;
}
.virtual-currency .virtual-count[data-v-87725aca] {
  padding: 0 0.125rem;
}
.virtual-currency img[data-v-87725aca] {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.125rem;
}
.virtual-currency.large[data-v-87725aca] {
  height: 1.375rem;
}
.virtual-currency.large img[data-v-87725aca] {
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
}
.green-dark .virtual-currency[data-v-87725aca],
.yellow-dark .virtual-currency[data-v-87725aca],
.amber-purple .virtual-currency[data-v-87725aca],
.auroral-yellow .virtual-currency[data-v-87725aca],
.forest-green .virtual-currency[data-v-87725aca],
.green-default .virtual-currency[data-v-87725aca],
.blue-default .virtual-currency[data-v-87725aca],
.purple-light .virtual-currency[data-v-87725aca] {
  border: 1px solid var(--line-color);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.green-dark .no-cycle-amount-input-wrap[data-v-430ca0fd],
.yellow-dark .no-cycle-amount-input-wrap[data-v-430ca0fd],
.amber-purple .no-cycle-amount-input-wrap[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap[data-v-430ca0fd],
.forest-green .no-cycle-amount-input-wrap[data-v-430ca0fd],
.green-default .no-cycle-amount-input-wrap[data-v-430ca0fd],
.blue-default .no-cycle-amount-input-wrap[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap[data-v-430ca0fd] {
  box-sizing: border-box;
  font-size: var(--ep-font-size-s, 0.75rem);
  width: 22.875rem;
  margin: 0 auto 1.3125rem;
  border: 1px solid var(--line-color);
  background: var(--color-bg-200);
  padding: 0.8125rem 0.625rem 1rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
.green-dark .no-cycle-amount-input-wrap .top[data-v-430ca0fd],
.yellow-dark .no-cycle-amount-input-wrap .top[data-v-430ca0fd],
.amber-purple .no-cycle-amount-input-wrap .top[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .top[data-v-430ca0fd],
.forest-green .no-cycle-amount-input-wrap .top[data-v-430ca0fd],
.green-default .no-cycle-amount-input-wrap .top[data-v-430ca0fd],
.blue-default .no-cycle-amount-input-wrap .top[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .top[data-v-430ca0fd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--ep-font-size-s, 0.75rem);
  margin-bottom: 0.625rem;
  color: var(--color-text-100);
}
.green-dark .no-cycle-amount-input-wrap .top .title[data-v-430ca0fd],
.yellow-dark .no-cycle-amount-input-wrap .top .title[data-v-430ca0fd],
.amber-purple .no-cycle-amount-input-wrap .top .title[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .top .title[data-v-430ca0fd],
.forest-green .no-cycle-amount-input-wrap .top .title[data-v-430ca0fd],
.green-default .no-cycle-amount-input-wrap .top .title[data-v-430ca0fd],
.blue-default .no-cycle-amount-input-wrap .top .title[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .top .title[data-v-430ca0fd] {
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.125rem;
  height: 1.125rem;
}
.green-dark .no-cycle-amount-input-wrap .top .virtual-currency[data-v-430ca0fd],
.yellow-dark .no-cycle-amount-input-wrap .top .virtual-currency[data-v-430ca0fd],
.amber-purple .no-cycle-amount-input-wrap .top .virtual-currency[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .top .virtual-currency[data-v-430ca0fd],
.forest-green .no-cycle-amount-input-wrap .top .virtual-currency[data-v-430ca0fd],
.green-default .no-cycle-amount-input-wrap .top .virtual-currency[data-v-430ca0fd],
.blue-default .no-cycle-amount-input-wrap .top .virtual-currency[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .top .virtual-currency[data-v-430ca0fd] {
  display: flex;
  align-items: center;
  border: 1px solid var(--line-color);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  padding: 0 0.625rem;
  height: 1.125rem;
}
.green-dark .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-430ca0fd],
.yellow-dark .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-430ca0fd],
.amber-purple .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-430ca0fd],
.forest-green .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-430ca0fd],
.green-default .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-430ca0fd],
.blue-default .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-430ca0fd] {
  padding: 0 0.125rem;
}
.green-dark .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-430ca0fd],
.yellow-dark .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-430ca0fd],
.amber-purple .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-430ca0fd],
.forest-green .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-430ca0fd],
.green-default .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-430ca0fd],
.blue-default .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-430ca0fd] {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.125rem;
}
.green-dark .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-430ca0fd],
.yellow-dark .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-430ca0fd],
.amber-purple .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-430ca0fd],
.forest-green .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-430ca0fd],
.green-default .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-430ca0fd],
.blue-default .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-430ca0fd] {
  margin-bottom: 0.75rem;
}
.green-dark .no-cycle-amount-input-wrap .text-tip-area[data-v-430ca0fd],
.yellow-dark .no-cycle-amount-input-wrap .text-tip-area[data-v-430ca0fd],
.amber-purple .no-cycle-amount-input-wrap .text-tip-area[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .text-tip-area[data-v-430ca0fd],
.forest-green .no-cycle-amount-input-wrap .text-tip-area[data-v-430ca0fd],
.green-default .no-cycle-amount-input-wrap .text-tip-area[data-v-430ca0fd],
.blue-default .no-cycle-amount-input-wrap .text-tip-area[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .text-tip-area[data-v-430ca0fd] {
  background: var(--color-bg-200);
  margin-bottom: 0.625rem;
}
.green-dark .no-cycle-amount-input-wrap .amountInput[data-v-430ca0fd],
.yellow-dark .no-cycle-amount-input-wrap .amountInput[data-v-430ca0fd],
.amber-purple .no-cycle-amount-input-wrap .amountInput[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .amountInput[data-v-430ca0fd],
.forest-green .no-cycle-amount-input-wrap .amountInput[data-v-430ca0fd],
.green-default .no-cycle-amount-input-wrap .amountInput[data-v-430ca0fd],
.blue-default .no-cycle-amount-input-wrap .amountInput[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .amountInput[data-v-430ca0fd] {
  width: 21.625rem;
  margin: 0 auto;
  background: var(--color-bg-400);
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
.green-dark .no-cycle-amount-input-wrap .description-wrap[data-v-430ca0fd],
.yellow-dark .no-cycle-amount-input-wrap .description-wrap[data-v-430ca0fd],
.amber-purple .no-cycle-amount-input-wrap .description-wrap[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .description-wrap[data-v-430ca0fd],
.forest-green .no-cycle-amount-input-wrap .description-wrap[data-v-430ca0fd],
.green-default .no-cycle-amount-input-wrap .description-wrap[data-v-430ca0fd],
.blue-default .no-cycle-amount-input-wrap .description-wrap[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .description-wrap[data-v-430ca0fd] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0.625rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 1.125rem;
}
.green-dark .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-430ca0fd],
.yellow-dark .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-430ca0fd],
.amber-purple .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-430ca0fd],
.forest-green .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-430ca0fd],
.green-default .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-430ca0fd],
.blue-default .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-430ca0fd] {
  color: var(--color-text-40);
}
.green-dark .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-430ca0fd],
.yellow-dark .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-430ca0fd],
.amber-purple .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-430ca0fd],
.forest-green .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-430ca0fd],
.green-default .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-430ca0fd],
.blue-default .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-430ca0fd] {
  color: var(--accent-color-orange);
  font-size: var(--ep-font-size-s, 0.75rem);
  margin: 0 0.125rem;
}
.green-dark .no-cycle-amount-input-wrap .description-wrap .amount[data-v-430ca0fd],
.yellow-dark .no-cycle-amount-input-wrap .description-wrap .amount[data-v-430ca0fd],
.amber-purple .no-cycle-amount-input-wrap .description-wrap .amount[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .description-wrap .amount[data-v-430ca0fd],
.forest-green .no-cycle-amount-input-wrap .description-wrap .amount[data-v-430ca0fd],
.green-default .no-cycle-amount-input-wrap .description-wrap .amount[data-v-430ca0fd],
.blue-default .no-cycle-amount-input-wrap .description-wrap .amount[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .description-wrap .amount[data-v-430ca0fd] {
  color: var(--accent-color-orange);
}
.green-dark .no-cycle-amount-input-wrap .description-wrap .description[data-v-430ca0fd],
.yellow-dark .no-cycle-amount-input-wrap .description-wrap .description[data-v-430ca0fd],
.amber-purple .no-cycle-amount-input-wrap .description-wrap .description[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .description-wrap .description[data-v-430ca0fd],
.forest-green .no-cycle-amount-input-wrap .description-wrap .description[data-v-430ca0fd],
.green-default .no-cycle-amount-input-wrap .description-wrap .description[data-v-430ca0fd],
.blue-default .no-cycle-amount-input-wrap .description-wrap .description[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .description-wrap .description[data-v-430ca0fd] {
  display: flex;
  align-items: center;
}
.green-dark .no-cycle-amount-input-wrap .fee-wrap[data-v-430ca0fd],
.yellow-dark .no-cycle-amount-input-wrap .fee-wrap[data-v-430ca0fd],
.amber-purple .no-cycle-amount-input-wrap .fee-wrap[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .fee-wrap[data-v-430ca0fd],
.forest-green .no-cycle-amount-input-wrap .fee-wrap[data-v-430ca0fd],
.green-default .no-cycle-amount-input-wrap .fee-wrap[data-v-430ca0fd],
.blue-default .no-cycle-amount-input-wrap .fee-wrap[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .fee-wrap[data-v-430ca0fd] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  line-height: 1.125rem;
  text-align: right;
}
.green-dark .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-430ca0fd],
.yellow-dark .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-430ca0fd],
.amber-purple .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-430ca0fd],
.forest-green .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-430ca0fd],
.green-default .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-430ca0fd],
.blue-default .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-430ca0fd] {
  color: var(--color-text-40);
}
.green-dark .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-430ca0fd],
.yellow-dark .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-430ca0fd],
.amber-purple .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-430ca0fd],
.forest-green .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-430ca0fd],
.green-default .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-430ca0fd],
.blue-default .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-430ca0fd] {
  color: var(--color-text-40);
  margin-right: 0.1875rem;
}
.green-dark .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-430ca0fd],
.yellow-dark .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-430ca0fd],
.amber-purple .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-430ca0fd],
.forest-green .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-430ca0fd],
.green-default .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-430ca0fd],
.blue-default .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-430ca0fd],
.auroral-yellow .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-430ca0fd] {
  color: var(--accent-color-orange);
  margin-right: 0.1875rem;
}
.purple-light .no-cycle-amount-input-wrap[data-v-430ca0fd] {
  box-sizing: border-box;
  font-size: var(--ep-font-size-s, 0.75rem);
  width: 22.875rem;
  margin: 0 auto 1.3125rem;
  border: 1px solid var(--line-color);
  background: var(--color-bg-200);
  padding: 0.8125rem 0.625rem 1rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
.purple-light .no-cycle-amount-input-wrap .top[data-v-430ca0fd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--ep-font-size-s, 0.75rem);
  margin-bottom: 0.625rem;
  color: var(--color-text-100);
}
.purple-light .no-cycle-amount-input-wrap .top .title[data-v-430ca0fd] {
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.125rem;
  height: 1.125rem;
}
.purple-light .no-cycle-amount-input-wrap .top .virtual-currency[data-v-430ca0fd] {
  display: flex;
  align-items: center;
  border: 1px solid var(--line-color);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  padding: 0 0.625rem;
  height: 1.125rem;
}
.purple-light .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-430ca0fd] {
  padding: 0 0.125rem;
}
.purple-light .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-430ca0fd] {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.125rem;
}
.purple-light .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-430ca0fd] {
  margin-bottom: 0.75rem;
}
.purple-light .no-cycle-amount-input-wrap .text-tip-area[data-v-430ca0fd] {
  background: var(--color-bg-200);
  margin-bottom: 0.625rem;
}
.purple-light .no-cycle-amount-input-wrap .amountInput[data-v-430ca0fd] {
  width: 21.625rem;
  margin: 0 auto;
  background: var(--color-bg-400);
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
.purple-light .no-cycle-amount-input-wrap .description-wrap[data-v-430ca0fd] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0.625rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 1.125rem;
}
.purple-light .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-430ca0fd] {
  color: var(--color-text-40);
}
.purple-light .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-430ca0fd] {
  color: var(--accent-color-orange);
  font-size: var(--ep-font-size-s, 0.75rem);
  margin: 0 0.125rem;
}
.purple-light .no-cycle-amount-input-wrap .description-wrap .amount[data-v-430ca0fd] {
  color: var(--accent-color-orange);
}
.purple-light .no-cycle-amount-input-wrap .description-wrap .description[data-v-430ca0fd] {
  display: flex;
  align-items: center;
}
.purple-light .no-cycle-amount-input-wrap .fee-wrap[data-v-430ca0fd] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  line-height: 1.125rem;
  text-align: right;
}
.purple-light .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-430ca0fd] {
  color: var(--color-text-40);
}
.purple-light .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-430ca0fd] {
  color: var(--color-text-40);
  margin-right: 0.1875rem;
}
.purple-light .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-430ca0fd] {
  color: var(--accent-color-orange);
  margin-right: 0.1875rem;
}
.new-skin-symbol .no-cycle-amount-input-wrap[data-v-430ca0fd] {
  box-sizing: border-box;
  font-size: var(--ep-font-size-s, 0.75rem);
  width: 22.875rem;
  margin: 0 auto 1.3125rem;
  border: 1px solid var(--ep-color-border-default);
  background: var(--ep-color-background-fill-surface-raised-L1);
  padding: 0.8125rem 0.625rem 1rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
.new-skin-symbol .no-cycle-amount-input-wrap .top[data-v-430ca0fd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--ep-font-size-s, 0.75rem);
  margin-bottom: 0.625rem;
  color: var(--ep-color-text-default);
}
.new-skin-symbol .no-cycle-amount-input-wrap .top .title[data-v-430ca0fd] {
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.125rem;
  height: 1.125rem;
}
.new-skin-symbol .no-cycle-amount-input-wrap .top .virtual-currency[data-v-430ca0fd] {
  display: flex;
  align-items: center;
  border: 1px solid var(--ep-color-border-default);
  border-radius: var(--ep-border-radius-m, 0.375rem);
  padding: 0 0.625rem;
  height: 1.125rem;
}
.new-skin-symbol .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-430ca0fd] {
  padding: 0 0.125rem;
}
.new-skin-symbol .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-430ca0fd] {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.125rem;
}
.new-skin-symbol .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-430ca0fd] {
  margin-bottom: 0.75rem;
}
.new-skin-symbol .no-cycle-amount-input-wrap .text-tip-area[data-v-430ca0fd] {
  background: var(--ep-color-background-fill-surface-raised-L1);
  margin-bottom: 0.625rem;
}
.new-skin-symbol .no-cycle-amount-input-wrap .amountInput[data-v-430ca0fd] {
  width: 21.625rem;
  margin: 0 auto;
  background: var(--ep-color-background-fill-surface-lowered);
  border-radius: var(--ep-border-radius-m, 0.375rem);
}
.new-skin-symbol .no-cycle-amount-input-wrap .description-wrap[data-v-430ca0fd] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0.625rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 1.125rem;
}
.new-skin-symbol .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-430ca0fd] {
  color: var(--ep-color-text-weaker);
}
.new-skin-symbol .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-430ca0fd] {
  color: var(--ep-color-icon-warning);
  font-size: var(--ep-font-size-s, 0.75rem);
  margin: 0 0.125rem;
}
.new-skin-symbol .no-cycle-amount-input-wrap .description-wrap .amount[data-v-430ca0fd] {
  color: var(--ep-color-text-warning);
}
.new-skin-symbol .no-cycle-amount-input-wrap .description-wrap .description[data-v-430ca0fd] {
  display: flex;
  align-items: center;
}
.new-skin-symbol .no-cycle-amount-input-wrap .fee-wrap[data-v-430ca0fd] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  line-height: 1.125rem;
  text-align: right;
}
.new-skin-symbol .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-430ca0fd] {
  color: var(--ep-color-text-weaker);
}
.new-skin-symbol .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-430ca0fd] {
  color: var(--ep-color-icon-weaker);
  margin-right: 0.1875rem;
}
.new-skin-symbol .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-430ca0fd] {
  color: var(--ep-color-text-warning);
  margin-right: 0.1875rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
ion-modal#modal-assets-order[data-v-cb936803] {
  --min-width: 0;
  --width: fit-content;
  --height: fit-content;
  --border-radius: 6px;
  --box-shadow: none;
}
.modal-content[data-v-cb936803] {
  width: 22.5rem;
  padding: 1.25rem 0.625rem;
  background: var(--color-bg-300);
  position: relative;
}
.modal-content .text-center[data-v-cb936803] {
  color: var(--color-text-100);
}
.modal-content .text-center ion-icon.close[data-v-cb936803] {
  color: var(--color-text-100);
}
.modal-content .text-center .amount[data-v-cb936803] {
  margin-bottom: 0.75rem;
}
.modal-content .detail[data-v-cb936803] {
  border-color: var(--color-line);
  color: var(--color-text-100);
}
.modal-content .detail .name[data-v-cb936803] {
  color: var(--color-text-40);
}
.modal-content .detail ion-icon.copy[data-v-cb936803] {
  color: var(--color-primary-700);
}
.modal-content .countdown[data-v-cb936803] {
  color: var(--color-danger);
  margin: 0 0.1875rem;
}
.modal-content .countdown-wrap[data-v-cb936803] {
  font-size: var(--font-size-14);
}
.blue-default .modal-content[data-v-cb936803] {
  width: 22.5rem;
  padding: 1.25rem 0.625rem;
  background: var(--color-bg-200);
  position: relative;
}
.blue-default .modal-content .text-center[data-v-cb936803] {
  color: var(--color-text-gray-100);
}
.blue-default .modal-content .text-center ion-icon.close[data-v-cb936803] {
  color: var(--color-text-100);
}
.blue-default .modal-content .text-center .amount[data-v-cb936803] {
  margin-bottom: 0.75rem;
}
.blue-default .modal-content .detail[data-v-cb936803] {
  border-color: var(--color-line);
  color: var(--color-text-gray-300);
}
.blue-default .modal-content .detail .name[data-v-cb936803] {
  color: var(--color-text-gray-300);
}
.blue-default .modal-content .detail ion-icon.copy[data-v-cb936803] {
  color: var(--color-text-gray-300);
}
.blue-default .modal-content .countdown[data-v-cb936803] {
  color: var(--color-danger);
  margin: 0 0.1875rem;
}
.blue-default .modal-content .countdown-wrap[data-v-cb936803] {
  font-size: var(--font-size-14);
}
.green-defatult .modal-content[data-v-cb936803],
.green-v01 .modal-content[data-v-cb936803],
.green-v02 .modal-content[data-v-cb936803] {
  width: 22.5rem;
  padding: 1.25rem 0.625rem;
  background: var(--color-bg-400);
  position: relative;
}
.green-defatult .modal-content .text-center[data-v-cb936803],
.green-v01 .modal-content .text-center[data-v-cb936803],
.green-v02 .modal-content .text-center[data-v-cb936803] {
  color: var(--color-text-gray-100);
}
.green-defatult .modal-content .text-center ion-icon.close[data-v-cb936803],
.green-v01 .modal-content .text-center ion-icon.close[data-v-cb936803],
.green-v02 .modal-content .text-center ion-icon.close[data-v-cb936803] {
  color: var(--color-text-100);
}
.green-defatult .modal-content .text-center .amount[data-v-cb936803],
.green-v01 .modal-content .text-center .amount[data-v-cb936803],
.green-v02 .modal-content .text-center .amount[data-v-cb936803] {
  margin-bottom: 0.75rem;
}
.green-defatult .modal-content .detail[data-v-cb936803],
.green-v01 .modal-content .detail[data-v-cb936803],
.green-v02 .modal-content .detail[data-v-cb936803] {
  border-color: var(--color-line);
  color: var(--color-text-gray-200);
}
.green-defatult .modal-content .detail .name[data-v-cb936803],
.green-v01 .modal-content .detail .name[data-v-cb936803],
.green-v02 .modal-content .detail .name[data-v-cb936803] {
  color: var(--color-text-gray-200);
}
.green-defatult .modal-content .detail ion-icon.copy[data-v-cb936803],
.green-v01 .modal-content .detail ion-icon.copy[data-v-cb936803],
.green-v02 .modal-content .detail ion-icon.copy[data-v-cb936803] {
  color: var(--color-text-gray-200);
}
.green-defatult .modal-content .countdown[data-v-cb936803],
.green-v01 .modal-content .countdown[data-v-cb936803],
.green-v02 .modal-content .countdown[data-v-cb936803] {
  color: var(--color-danger);
  margin: 0 0.1875rem;
}
.green-defatult .modal-content .countdown-wrap[data-v-cb936803],
.green-v01 .modal-content .countdown-wrap[data-v-cb936803],
.green-v02 .modal-content .countdown-wrap[data-v-cb936803] {
  font-size: var(--font-size-14);
}
.amber-purple .modal-content[data-v-cb936803] {
  width: 22.5rem;
  padding: 1.25rem 0.625rem;
  background: var(--color-bg-300);
  position: relative;
}
.amber-purple .modal-content .text-center[data-v-cb936803] {
  color: var(--text-color-light-purple-1-100);
}
.amber-purple .modal-content .text-center ion-icon.close[data-v-cb936803] {
  color: var(--color-text-100);
}
.amber-purple .modal-content .text-center .amount[data-v-cb936803] {
  margin-bottom: 0.75rem;
}
.amber-purple .modal-content .detail[data-v-cb936803] {
  border-color: var(--color-line);
  color: var(--text-color-light-purple-1-100);
}
.amber-purple .modal-content .detail .name[data-v-cb936803] {
  color: var(--text-color-light-purple-2-100);
}
.amber-purple .modal-content .detail ion-icon.copy[data-v-cb936803] {
  color: var(--accent-color-yellow-1);
}
.amber-purple .modal-content .countdown[data-v-cb936803] {
  color: var(--color-danger);
  margin: 0 0.1875rem;
}
.amber-purple .modal-content .countdown-wrap[data-v-cb936803] {
  font-size: var(--font-size-14);
}
.auroral-yellow .modal-content[data-v-cb936803] {
  width: 22.5rem;
  padding: 1.25rem 0.625rem;
  background: var(--color-bg-200);
  position: relative;
}
.auroral-yellow .modal-content .text-center[data-v-cb936803] {
  color: var(--color-text-100);
}
.auroral-yellow .modal-content .text-center ion-icon.close[data-v-cb936803] {
  color: var(--color-text-100);
}
.auroral-yellow .modal-content .text-center .amount[data-v-cb936803] {
  margin-bottom: 0.75rem;
}
.auroral-yellow .modal-content .detail[data-v-cb936803] {
  border-color: var(--color-line);
  color: var(--color-text-100);
}
.auroral-yellow .modal-content .detail .name[data-v-cb936803] {
  color: var(--color-text-gray-200);
}
.auroral-yellow .modal-content .detail ion-icon.copy[data-v-cb936803] {
  color: var(--accent-color-yellow-1);
}
.auroral-yellow .modal-content .countdown[data-v-cb936803] {
  color: var(--color-danger);
  margin: 0 0.1875rem;
}
.auroral-yellow .modal-content .countdown-wrap[data-v-cb936803] {
  font-size: var(--font-size-14);
}
.new-skin-symbol .modal-content[data-v-cb936803] {
  width: 22.5rem;
  padding: 1.25rem 0.625rem;
  background: var(--ep-color-background-fill-body-default);
  position: relative;
}
.new-skin-symbol .modal-content .text-center[data-v-cb936803] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .modal-content .text-center ion-icon.close[data-v-cb936803] {
  color: var(--ep-color-icon-default);
}
.new-skin-symbol .modal-content .text-center .amount[data-v-cb936803] {
  margin-bottom: 0.75rem;
}
.new-skin-symbol .modal-content .detail[data-v-cb936803] {
  border-color: var(--ep-color-border-default);
  color: var(--ep-color-text-default);
}
.new-skin-symbol .modal-content .detail .name[data-v-cb936803] {
  color: var(--ep-color-text-weaker);
}
.new-skin-symbol .modal-content .detail ion-icon.copy[data-v-cb936803] {
  color: var(--ep-color-icon-highlight);
}
.new-skin-symbol .modal-content .countdown[data-v-cb936803] {
  color: var(--color-danger);
  margin: 0 0.1875rem;
}
.new-skin-symbol .modal-content .countdown-wrap[data-v-cb936803] {
  font-size: var(--font-size-14);
}
.new-skin-symbol .amount[data-v-cb936803] {
  color: var(--ep-color-text-default);
  font-weight: var(--ep-font-weight-bold);
  font-size: var(--ep-font-size-xl);
}
.new-skin-symbol .iconSuccess[data-v-cb936803] {
  background: var(--ep-color-icon-success) !important;
}
.new-skin-symbol .iconFail[data-v-cb936803] {
  background: var(--ep-color-icon-danger) !important;
}
.new-skin-symbol .iconApplying[data-v-cb936803] {
  background: var(--ep-color-icon-warning) !important;
}
.new-skin-symbol p.success[data-v-cb936803] {
  color: var(--ep-color-text-success) !important;
}
.new-skin-symbol p.fail[data-v-cb936803] {
  color: var(--ep-color-text-danger) !important;
}
.new-skin-symbol p.applying[data-v-cb936803] {
  color: var(--ep-color-text-warning) !important;
}
.new-skin-symbol .modal-content .title[data-v-cb936803],
.new-skin-symbol .modal-content .close[data-v-cb936803] {
  font-weight: var(--ep-font-weight-medium);
  font-size: var(--ep-font-size-xl);
}
.new-skin-symbol .modal-content .close[data-v-cb936803] {
  font-size: var(--ep-font-size-xxl);
}
.new-skin-symbol .modal-content .detail[data-v-cb936803] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
}
.new-skin-symbol .modal-content .statusBottomText[data-v-cb936803] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-border-danger);
}
.new-skin-symbol .modal-content .countdown-wrap[data-v-cb936803] {
  font-size: var(--ep-font-size-m);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default ion-popover[data-v-5de566ce],
.auroral-yellow ion-popover[data-v-5de566ce],
.green-default ion-popover[data-v-5de566ce],
.amber-purple ion-popover[data-v-5de566ce],
.yellow-dark ion-popover[data-v-5de566ce],
.forest-green ion-popover[data-v-5de566ce] {
  --width: var(--ab9bb69a);
  z-index: 100;
}
.blue-default .inner[data-v-5de566ce],
.auroral-yellow .inner[data-v-5de566ce],
.green-default .inner[data-v-5de566ce],
.amber-purple .inner[data-v-5de566ce],
.yellow-dark .inner[data-v-5de566ce],
.forest-green .inner[data-v-5de566ce] {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.blue-default .select-item[data-v-5de566ce],
.auroral-yellow .select-item[data-v-5de566ce],
.green-default .select-item[data-v-5de566ce],
.amber-purple .select-item[data-v-5de566ce],
.yellow-dark .select-item[data-v-5de566ce],
.forest-green .select-item[data-v-5de566ce] {
  width: var(--ab9bb69a);
  line-height: 2.25rem;
  background: var(--color-bg-200);
  border-radius: var(--ep-border-radius-s, 0.25rem);
}
.blue-default .select-box[data-v-5de566ce],
.auroral-yellow .select-box[data-v-5de566ce],
.green-default .select-box[data-v-5de566ce],
.amber-purple .select-box[data-v-5de566ce],
.yellow-dark .select-box[data-v-5de566ce],
.forest-green .select-box[data-v-5de566ce] {
  padding: 0.4375rem;
  width: var(--ab9bb69a);
  line-height: 2.25rem;
  background: var(--color-bg-200);
  border-radius: var(--ep-border-radius-s, 0.25rem);
  height: 2.25rem;
  box-sizing: border-box;
  border: 1px solid var(--color-line);
}
.blue-default .select-box ion-icon.arrow[data-v-5de566ce],
.auroral-yellow .select-box ion-icon.arrow[data-v-5de566ce],
.green-default .select-box ion-icon.arrow[data-v-5de566ce],
.amber-purple .select-box ion-icon.arrow[data-v-5de566ce],
.yellow-dark .select-box ion-icon.arrow[data-v-5de566ce],
.forest-green .select-box ion-icon.arrow[data-v-5de566ce] {
  font-size: var(--ep-font-size-l, 1rem);
  color: var(--color-text-100);
}
.blue-default .select-box .box[data-v-5de566ce],
.auroral-yellow .select-box .box[data-v-5de566ce],
.green-default .select-box .box[data-v-5de566ce],
.amber-purple .select-box .box[data-v-5de566ce],
.yellow-dark .select-box .box[data-v-5de566ce],
.forest-green .select-box .box[data-v-5de566ce] {
  height: 2.25rem;
  line-height: 2.25rem;
  color: var(--color-text-100);
}
.blue-default .select-box .box p[data-v-5de566ce],
.auroral-yellow .select-box .box p[data-v-5de566ce],
.green-default .select-box .box p[data-v-5de566ce],
.amber-purple .select-box .box p[data-v-5de566ce],
.yellow-dark .select-box .box p[data-v-5de566ce],
.forest-green .select-box .box p[data-v-5de566ce] {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.blue-default .select-list[data-v-5de566ce],
.auroral-yellow .select-list[data-v-5de566ce],
.green-default .select-list[data-v-5de566ce],
.amber-purple .select-list[data-v-5de566ce],
.yellow-dark .select-list[data-v-5de566ce],
.forest-green .select-list[data-v-5de566ce] {
  width: var(--ab9bb69a);
  line-height: 2.25rem;
  background: var(--color-bg-200);
  border-radius: var(--ep-border-radius-s, 0.25rem);
}
.blue-default .select-list li[data-v-5de566ce],
.auroral-yellow .select-list li[data-v-5de566ce],
.green-default .select-list li[data-v-5de566ce],
.amber-purple .select-list li[data-v-5de566ce],
.yellow-dark .select-list li[data-v-5de566ce],
.forest-green .select-list li[data-v-5de566ce] {
  height: 2.25rem;
  line-height: 2.25rem;
  box-sizing: border-box;
  text-align: center;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 500);
  color: var(--color-text-40);
  cursor: pointer;
}
.blue-default .select-list li p[data-v-5de566ce],
.auroral-yellow .select-list li p[data-v-5de566ce],
.green-default .select-list li p[data-v-5de566ce],
.amber-purple .select-list li p[data-v-5de566ce],
.yellow-dark .select-list li p[data-v-5de566ce],
.forest-green .select-list li p[data-v-5de566ce] {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.blue-default .select-list .active[data-v-5de566ce],
.auroral-yellow .select-list .active[data-v-5de566ce],
.green-default .select-list .active[data-v-5de566ce],
.amber-purple .select-list .active[data-v-5de566ce],
.yellow-dark .select-list .active[data-v-5de566ce],
.forest-green .select-list .active[data-v-5de566ce] {
  color: var(--color-text-100);
  font-weight: var(--ep-font-weight-bold, 700);
  background-color: var(--color-bg-100);
}
.blue-default .select-list[data-v-5de566ce] > :not(:last-child),
.auroral-yellow .select-list[data-v-5de566ce] > :not(:last-child),
.green-default .select-list[data-v-5de566ce] > :not(:last-child),
.amber-purple .select-list[data-v-5de566ce] > :not(:last-child),
.yellow-dark .select-list[data-v-5de566ce] > :not(:last-child),
.forest-green .select-list[data-v-5de566ce] > :not(:last-child) {
  border-bottom: 1px solid var(--color-line);
}
.green-dark ion-popover[data-v-5de566ce] {
  --width: var(--ab9bb69a);
  z-index: 100;
}
.green-dark .inner[data-v-5de566ce] {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.green-dark .select-item[data-v-5de566ce] {
  width: var(--ab9bb69a);
  line-height: 2.25rem;
  background: var(--color-bg-200);
  border-radius: var(--ep-border-radius-s, 0.25rem);
}
.green-dark .select-box[data-v-5de566ce] {
  padding: 0.4375rem;
  width: var(--ab9bb69a);
  line-height: 2.25rem;
  background: var(--color-bg-200);
  border-radius: var(--ep-border-radius-s, 0.25rem);
  height: 2.25rem;
  box-sizing: border-box;
  border: 1px solid var(--color-line);
}
.green-dark .select-box ion-icon.arrow[data-v-5de566ce] {
  font-size: var(--ep-font-size-l, 1rem);
  color: var(--color-text-100);
}
.green-dark .select-box .box[data-v-5de566ce] {
  height: 2.25rem;
  line-height: 2.25rem;
  color: var(--theme-color-800);
}
.green-dark .select-box .box p[data-v-5de566ce] {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.green-dark .select-list[data-v-5de566ce] {
  width: var(--ab9bb69a);
  line-height: 2.25rem;
  background: var(--color-bg-200);
  border-radius: var(--ep-border-radius-s, 0.25rem);
}
.green-dark .select-list li[data-v-5de566ce] {
  height: 2.25rem;
  line-height: 2.25rem;
  box-sizing: border-box;
  text-align: center;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 500);
  color: var(--color-text-40);
  cursor: pointer;
}
.green-dark .select-list li p[data-v-5de566ce] {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.green-dark .select-list .active[data-v-5de566ce] {
  color: var(--theme-color-800);
  font-weight: var(--ep-font-weight-bold, 700);
  background-color: var(--color-bg-100);
}
.green-dark .select-list[data-v-5de566ce] > :not(:last-child) {
  border-bottom: 1px solid var(--color-line);
}
.forest-green ion-popover[data-v-5de566ce] {
  --width: var(--ab9bb69a);
  z-index: 100;
}
.forest-green .inner[data-v-5de566ce] {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.forest-green .select-item[data-v-5de566ce] {
  width: var(--ab9bb69a);
  line-height: 2.25rem;
  background: var(--color-bg-200);
  border-radius: var(--ep-border-radius-s, 0.25rem);
}
.forest-green .select-box[data-v-5de566ce] {
  padding: 0.4375rem;
  width: var(--ab9bb69a);
  line-height: 2.25rem;
  background: var(--color-bg-200);
  border-radius: var(--ep-border-radius-s, 0.25rem);
  height: 2.25rem;
  box-sizing: border-box;
  border: 1px solid var(--color-line);
}
.forest-green .select-box ion-icon.arrow[data-v-5de566ce] {
  font-size: var(--ep-font-size-l, 1rem);
  color: var(--color-text-100);
}
.forest-green .select-box .box[data-v-5de566ce] {
  height: 2.25rem;
  line-height: 2.25rem;
  color: var(--color-text-100);
}
.forest-green .select-box .box p[data-v-5de566ce] {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.forest-green .select-list[data-v-5de566ce] {
  width: var(--ab9bb69a);
  line-height: 2.25rem;
  background: var(--color-bg-200);
  border-radius: var(--ep-border-radius-s, 0.25rem);
}
.forest-green .select-list li[data-v-5de566ce] {
  height: 2.25rem;
  line-height: 2.25rem;
  box-sizing: border-box;
  text-align: center;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 500);
  color: var(--color-text-40);
  cursor: pointer;
}
.forest-green .select-list li p[data-v-5de566ce] {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.forest-green .select-list .active[data-v-5de566ce] {
  color: var(--color-text-100);
  font-weight: var(--ep-font-weight-bold, 700);
  background-color: var(--color-bg-100);
}
.forest-green .select-list[data-v-5de566ce] > :not(:last-child) {
  border-bottom: 1px solid var(--color-line);
}
.purple-light ion-popover[data-v-5de566ce] {
  --width: var(--ab9bb69a);
  z-index: 100;
}
.purple-light .inner[data-v-5de566ce] {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.purple-light .select-item[data-v-5de566ce] {
  width: var(--ab9bb69a);
  line-height: 2.25rem;
  background: var(--color-bg-400);
  border-radius: var(--ep-border-radius-s, 0.25rem);
}
.purple-light .select-box[data-v-5de566ce] {
  padding: 0.4375rem;
  width: var(--ab9bb69a);
  line-height: 2.25rem;
  background: var(--color-bg-400);
  border-radius: var(--ep-border-radius-s, 0.25rem);
  height: 2.25rem;
  box-sizing: border-box;
  border: 1px solid var(--color-line);
}
.purple-light .select-box ion-icon.arrow[data-v-5de566ce] {
  font-size: var(--ep-font-size-l, 1rem);
  color: var(--color-text-100);
}
.purple-light .select-box .box[data-v-5de566ce] {
  height: 2.25rem;
  line-height: 2.25rem;
  color: var(--theme-color-800);
}
.purple-light .select-box .box p[data-v-5de566ce] {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.purple-light .select-list[data-v-5de566ce] {
  width: var(--ab9bb69a);
  line-height: 2.25rem;
  background: var(--color-bg-400);
  border-radius: var(--ep-border-radius-s, 0.25rem);
}
.purple-light .select-list li[data-v-5de566ce] {
  height: 2.25rem;
  line-height: 2.25rem;
  box-sizing: border-box;
  text-align: center;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 500);
  color: var(--color-text-secondary-1);
  cursor: pointer;
}
.purple-light .select-list li p[data-v-5de566ce] {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.purple-light .select-list .active[data-v-5de566ce] {
  color: var(--theme-color-800);
  font-weight: var(--ep-font-weight-bold, 700);
  background-color: var(--color-bg-400);
}
.purple-light .select-list[data-v-5de566ce] > :not(:last-child) {
  border-bottom: 1px solid var(--color-line);
}
.new-skin-symbol ion-popover[data-v-5de566ce] {
  --width: var(--ab9bb69a);
  z-index: 100;
}
.new-skin-symbol .inner[data-v-5de566ce] {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.new-skin-symbol .select-item[data-v-5de566ce] {
  width: var(--ab9bb69a);
  line-height: 2.25rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
  border-radius: var(--ep-border-radius-s, 0.25rem);
}
.new-skin-symbol .select-box[data-v-5de566ce] {
  padding: 0.4375rem;
  width: var(--ab9bb69a);
  line-height: 2.25rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
  border-radius: var(--ep-border-radius-s, 0.25rem);
  height: 2.25rem;
  box-sizing: border-box;
  border: 1px solid var(null);
}
.new-skin-symbol .select-box ion-icon.arrow[data-v-5de566ce] {
  font-size: var(--ep-font-size-l, 1rem);
  color: var(--ep-color-icon-weaker);
}
.new-skin-symbol .select-box .box[data-v-5de566ce] {
  height: 2.25rem;
  line-height: 2.25rem;
  color: var(--ep-color-text-default);
}
.new-skin-symbol .select-box .box p[data-v-5de566ce] {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.new-skin-symbol .select-list[data-v-5de566ce] {
  width: var(--ab9bb69a);
  line-height: 2.25rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
  border-radius: var(--ep-border-radius-s, 0.25rem);
}
.new-skin-symbol .select-list li[data-v-5de566ce] {
  height: 2.25rem;
  line-height: 2.25rem;
  box-sizing: border-box;
  text-align: center;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 500);
  color: var(--ep-color-icon-weaker);
  cursor: pointer;
}
.new-skin-symbol .select-list li p[data-v-5de566ce] {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.new-skin-symbol .select-list .active[data-v-5de566ce] {
  color: var(--ep-color-text-default);
  font-weight: var(--ep-font-weight-bold, 700);
  background-color: var(--ep-color-background-fill-surface-raised-L2);
}
.new-skin-symbol .select-list[data-v-5de566ce] > :not(:last-child) {
  border-bottom: 1px solid var(null);
}
.new-skin-symbol .select-box[data-v-5de566ce] {
  font-weight: var(--ep-font-weight-bold);
  height: 2rem;
  font-size: var(--ep-font-size-s);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default .search-input[data-v-e76c577d] {
  background: var(--color-bg-300);
  height: 100%;
  width: 100%;
}
.blue-default .search-input #searchbar[data-v-e76c577d] {
  --color: #fff;
  --placeholder-color: #6d788e;
  caret-color: #116fcd;
  --background: #101629;
  --box-shadow: 0 0 0 0.0625rem #1a233e, 
 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14),
    0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2),
    0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.12);
  border-radius: 0.25rem;
  padding: 0;
}
.blue-default .search-input #searchbar ion-spinner[data-v-e76c577d] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.blue-default .search-input #searchbar ion-icon[data-v-e76c577d] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #fff;
}
.green-default .search-input[data-v-e76c577d] {
  background: var(--color-bg-300);
  height: 100%;
  width: 100%;
}
.green-default .search-input #searchbar[data-v-e76c577d] {
  --color: #afc69f;
  --placeholder-color: #7e9071;
  caret-color: #3e9b2f;
  --background: #183009;
  --box-shadow: 0 0 0 0.0625rem #34571d, 
 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14),
    0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2),
    0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.12);
  border-radius: 0.25rem;
  padding: 0;
}
.green-default .search-input #searchbar ion-spinner[data-v-e76c577d] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.green-default .search-input #searchbar ion-icon[data-v-e76c577d] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #afc69f;
}
.forest-green .search-input[data-v-e76c577d] {
  background: var(--color-bg-300);
  height: 100%;
  width: 100%;
}
.forest-green .search-input #searchbar[data-v-e76c577d] {
  --color: var(--text-color1);
  --placeholder-color: var(--text-color2);
  caret-color: var(--theme-color-800);
  --background: var(--color-bg-300);
  --box-shadow: 0 0 0 0.0625rem var(--line-color), 
 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14),
    0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2),
    0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.12);
  border-radius: 0.25rem;
  padding: 0;
}
.forest-green .search-input #searchbar ion-spinner[data-v-e76c577d] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.forest-green .search-input #searchbar ion-icon[data-v-e76c577d] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: var(--text-color1);
}
.amber-purple .search-input[data-v-e76c577d] {
  background: var(--color-bg-300);
  height: 100%;
  width: 100%;
}
.amber-purple .search-input #searchbar[data-v-e76c577d] {
  --color: #bdb8e1;
  --placeholder-color: #686299;
  caret-color: #7041f3;
  --background: #252141;
  --box-shadow: 0 0 0 0.0625rem #5f588c,
 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14),
    0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2),
    0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.12);
  border-radius: 0.25rem;
  padding: 0;
}
.amber-purple .search-input #searchbar ion-spinner[data-v-e76c577d] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.amber-purple .search-input #searchbar ion-icon[data-v-e76c577d] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #bdb8e1;
}
.green-dark .search-input[data-v-e76c577d] {
  background: var(--color-bg-300);
  height: 100%;
  width: 100%;
}
.green-dark .search-input #searchbar[data-v-e76c577d] {
  --color: #fff;
  --placeholder-color: #fff6;
  caret-color: #3e9b2f;
  --background: #16191d;
  --box-shadow: 0 0 0 0.0625rem #3b424e, 
 0 0.125rem 0.125rem 0 rgba(0, 0, 0, .14),
    0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, .2),
    0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, .12);
  border-radius: 0.25rem;
  padding: 0;
}
.green-dark .search-input #searchbar ion-spinner[data-v-e76c577d] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.green-dark .search-input #searchbar ion-icon[data-v-e76c577d] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #fff;
}
.yellow-dark .search-input[data-v-e76c577d] {
  background: var(--color-bg-300);
  height: 100%;
  width: 100%;
}
.yellow-dark .search-input #searchbar[data-v-e76c577d] {
  --color: #fff;
  --placeholder-color: #fff6;
  caret-color: #feb805;
  --background: #181816;
  --box-shadow: 0 0 0 0.0625rem #2e2d2c, 
 0 0.125rem 0.125rem 0 rgba(0, 0, 0, .14),
    0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, .2),
    0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, .12);
  border-radius: 0.25rem;
  padding: 0;
}
.yellow-dark .search-input #searchbar ion-spinner[data-v-e76c577d] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.yellow-dark .search-input #searchbar ion-icon[data-v-e76c577d] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #fff;
}
.purple-light .search-input[data-v-e76c577d] {
  background: var(--color-bg-300);
  height: 100%;
  width: 100%;
}
.purple-light .search-input #searchbar[data-v-e76c577d] {
  --color: #403d4f;
  --placeholder-color: #403d4f80;
  caret-color: #6526db;
  --background: #e0d0ff;
  --box-shadow: none;
  border-radius: 0.25rem;
  padding: 0;
}
.purple-light .search-input #searchbar ion-spinner[data-v-e76c577d] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.purple-light .search-input #searchbar ion-icon[data-v-e76c577d] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #403d4f;
}
.auroral-yellow .search-input[data-v-e76c577d] {
  background: var(--color-bg-300);
  height: 100%;
  width: 100%;
}
.auroral-yellow .search-input #searchbar[data-v-e76c577d] {
  --color: #fff;
  --placeholder-color: var(--text-color2);
  caret-color: var(--theme-color-800);
  --background: var(--color-bg-400);
  --box-shadow: 0 0 0 0.0625rem var(--line-color), 
 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14),
    0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2),
    0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.12);
  border-radius: 0.25rem;
  padding: 0;
}
.auroral-yellow .search-input #searchbar ion-spinner[data-v-e76c577d] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.auroral-yellow .search-input #searchbar ion-icon[data-v-e76c577d] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: #fff;
}
.new-skin-symbol .search-input[data-v-e76c577d] {
  background: var(--ep-color-background-fill-body-default);
  height: 100%;
  width: 100%;
}
.new-skin-symbol .search-input #searchbar[data-v-e76c577d] {
  --color: var(--ep-color-text-default);
  --placeholder-color: var(--ep-color-text-weaker);
  caret-color: var(--ep-color-border-brand);
  --background: var(--ep-color-background-fill-surface-lowered);
  --box-shadow: 
 0 0 0 1px var(--ep-color-border-default),
    0 2px 2px 0 rgba(0, 0, 0, .14),
    0 3px 1px -2px rgba(0, 0, 0, .2),
    0 1px 5px 0 rgba(0, 0, 0, .12) ;
  border-radius: 0.25rem;
  padding: 0;
}
.new-skin-symbol .search-input #searchbar ion-spinner[data-v-e76c577d] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
}
.new-skin-symbol .search-input #searchbar ion-icon[data-v-e76c577d] {
  position: absolute;
  z-index: 10;
  right: 1.25rem;
  font-size: 1.25rem;
  color: var(--ep-color-icon-weaker);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index[data-v-d657e610] {
  display: flex;
  align-items: center;
  margin-top: 0.75rem;
  padding-inline: 0.375rem;
  margin-block-end: 0.8125rem;
}
html .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .logo-img[data-v-d657e610] {
  width: 2.25rem;
  height: 2.25rem;
  margin-right: 0.5rem;
}
html .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .logo-icon[data-v-d657e610] {
  margin-right: 0.5rem;
  font-size: 2.25rem;
  color: #38a8fa;
}
html .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .label[data-v-d657e610] {
  flex: 1;
  color: none;
}
html .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .todo[data-v-d657e610] {
  padding: 0.1875rem 0.75rem;
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  background-color: #191E2D;
  color: #FBA531;
}
html .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .todo .all[data-v-d657e610] {
  margin-right: 0.25rem;
}
html .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container[data-v-d657e610] {
  display: flex;
  align-items: center;
}
html .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container .left[data-v-d657e610],
html .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container .right[data-v-d657e610] {
  padding-inline: 0.5rem;
  padding-block: 0.375rem;
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  background-color: #191E2D;
  color: #9BA7BE;
}
html .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container .left[data-v-d657e610] {
  margin-inline: 0.3125rem;
}
.green-default .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index[data-v-d657e610] {
  display: flex;
  align-items: center;
  margin-top: 0.75rem;
  padding-inline: 0.375rem;
  margin-block-end: 0.8125rem;
}
.green-default .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .logo-img[data-v-d657e610] {
  width: 2.25rem;
  height: 2.25rem;
  margin-right: 0.5rem;
}
.green-default .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .logo-icon[data-v-d657e610] {
  margin-right: 0.5rem;
  font-size: 2.25rem;
  color: #28b812;
}
.green-default .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .label[data-v-d657e610] {
  flex: 1;
  color: #AFC69F;
}
.green-default .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .todo[data-v-d657e610] {
  padding: 0.1875rem 0.75rem;
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  background-color: #366718;
  color: #AFC69F;
}
.green-default .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .todo .all[data-v-d657e610] {
  margin-right: 0.25rem;
}
.green-default .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container[data-v-d657e610] {
  display: flex;
  align-items: center;
}
.green-default .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container .left[data-v-d657e610],
.green-default .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container .right[data-v-d657e610] {
  padding-inline: 0.5rem;
  padding-block: 0.375rem;
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  background-color: #366718;
  color: #AFC69F;
}
.green-default .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container .left[data-v-d657e610] {
  margin-inline: 0.3125rem;
}
.amber-purple .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index[data-v-d657e610] {
  display: flex;
  align-items: center;
  margin-top: 0.75rem;
  padding-inline: 0.375rem;
  margin-block-end: 0.8125rem;
}
.amber-purple .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .logo-img[data-v-d657e610] {
  width: 2.25rem;
  height: 2.25rem;
  margin-right: 0.5rem;
}
.amber-purple .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .logo-icon[data-v-d657e610] {
  margin-right: 0.5rem;
  font-size: 2.25rem;
  color: #7041f3;
}
.amber-purple .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .label[data-v-d657e610] {
  flex: 1;
  color: #BDB8E1;
}
.amber-purple .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .todo[data-v-d657e610] {
  padding: 0.1875rem 0.75rem;
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  background-color: #3B3466;
  color: #BDB8E1;
}
.amber-purple .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .todo .all[data-v-d657e610] {
  margin-right: 0.25rem;
}
.amber-purple .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container[data-v-d657e610] {
  display: flex;
  align-items: center;
}
.amber-purple .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container .left[data-v-d657e610],
.amber-purple .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container .right[data-v-d657e610] {
  padding-inline: 0.5rem;
  padding-block: 0.375rem;
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  background-color: #3B3466;
  color: #BDB8E1;
}
.amber-purple .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container .left[data-v-d657e610] {
  margin-inline: 0.3125rem;
}
.amber-purple .label[data-v-d657e610] {
  font-weight: 600;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.headerBgImage[data-v-4ea34dbf] {
  width: calc(100% + 1.125rem);
  margin-left: -0.5625rem;
  background: url('/images/headerTextBg.png') no-repeat left top / 70% 100%;
  margin-block-end: 0.875rem;
}
.blueLine[data-v-4ea34dbf] {
  transform: rotate(30deg);
  transform-origin: 50% 50%;
  /* 以中心为原点 */
}
.sort[data-v-4ea34dbf] {
  color: var(--color-icon-platform-sort);
}
.arrow-container[data-v-4ea34dbf] {
  margin-inline-start: auto;
}
.tab.none[data-v-4ea34dbf] {
  pointer-events: none;
  color: #5A6892;
}
.logo-container[data-v-4ea34dbf] {
  position: relative;
  width: 1.875rem;
  height: 1.875rem;
  margin-inline-end: 0.4375rem;
}
.logo-container .icon-light[data-v-4ea34dbf] {
  position: absolute;
  top: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.logo-container .logo[data-v-4ea34dbf] {
  font-size: 1.875rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.green-default .headerBgImage[data-v-b545bde0] {
  display: flex;
  align-items: center;
  background: url('/svg/headerTextBgGreen01.svg') no-repeat 0 0 / 22.5rem 2.5625rem;
  height: 2.5625rem;
  margin-block-end: 0.875rem;
}
.green-default .headerBgImage .logo-wall[data-v-b545bde0] {
  width: 2.625rem;
  margin-inline-start: 0.1875rem;
  margin-inline-end: 0.5rem;
  font-size: 1.875rem;
  line-height: 1;
  display: flex;
  justify-content: center;
  color: #AFC69F;
}
.green-default .headerBgImage .logo-wall .svg-container[data-v-b545bde0] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
.green-default .headerBgImage ion-label[data-v-b545bde0] {
  color: #AFC69F;
}
.green-default .headerBgImage .arrow-container[data-v-b545bde0] {
  margin-block-start: 0.625rem;
  margin-inline-end: 0.6675rem;
  line-height: 1;
}
.green-default .headerBgImage .arrow-container .left[data-v-b545bde0],
.green-default .headerBgImage .arrow-container .right[data-v-b545bde0] {
  padding-inline: 0.25rem;
  padding-block: 0.25rem;
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  color: #AFC69F;
  background-color: #366718;
}
.green-default .headerBgImage .arrow-container .left.invalid[data-v-b545bde0],
.green-default .headerBgImage .arrow-container .right.invalid[data-v-b545bde0] {
  pointer-events: none;
  color: #AFC69F;
}
.green-default .headerBgImage .arrow-container .right[data-v-b545bde0] {
  margin-inline-start: 0.3125rem;
}
.forest-green .headerBgImage[data-v-b545bde0] {
  display: flex;
  align-items: center;
  background: url('/svg/headerTextBgGreen02.svg') no-repeat 0 0 / 22.5rem 2.5625rem;
  height: 2.5625rem;
  margin-block-end: 0.875rem;
}
.forest-green .headerBgImage .logo-wall[data-v-b545bde0] {
  width: 2.625rem;
  margin-inline-start: 0.1875rem;
  margin-inline-end: 0.5rem;
  font-size: 1.875rem;
  line-height: 1;
  display: flex;
  justify-content: center;
  color: #AFC69F;
}
.forest-green .headerBgImage .logo-wall .svg-container[data-v-b545bde0] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
.forest-green .headerBgImage ion-label[data-v-b545bde0] {
  color: #fff;
}
.forest-green .headerBgImage .arrow-container[data-v-b545bde0] {
  margin-block-start: 0.625rem;
  margin-inline-end: 0.6675rem;
  line-height: 1;
}
.forest-green .headerBgImage .arrow-container .left[data-v-b545bde0],
.forest-green .headerBgImage .arrow-container .right[data-v-b545bde0] {
  padding-inline: 0.25rem;
  padding-block: 0.25rem;
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  color: #AFC69F;
  background-color: #00563A;
}
.forest-green .headerBgImage .arrow-container .left.invalid[data-v-b545bde0],
.forest-green .headerBgImage .arrow-container .right.invalid[data-v-b545bde0] {
  pointer-events: none;
  color: #AFC69F;
}
.forest-green .headerBgImage .arrow-container .right[data-v-b545bde0] {
  margin-inline-start: 0.3125rem;
}
.amber-purple .headerBgImage[data-v-b545bde0] {
  display: flex;
  align-items: center;
  background: url('/svg/headerTextBgGreen03.svg') no-repeat 0 0 / 22.5rem 2.5625rem;
  height: 2.5625rem;
  margin-block-end: 0.875rem;
}
.amber-purple .headerBgImage .logo-wall[data-v-b545bde0] {
  width: 2.625rem;
  margin-inline-start: 0.1875rem;
  margin-inline-end: 0.5rem;
  font-size: 1.875rem;
  line-height: 1;
  display: flex;
  justify-content: center;
  color: #AFC69F;
}
.amber-purple .headerBgImage .logo-wall .svg-container[data-v-b545bde0] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
.amber-purple .headerBgImage ion-label[data-v-b545bde0] {
  color: #BDB8E1;
}
.amber-purple .headerBgImage .arrow-container[data-v-b545bde0] {
  margin-block-start: 0.625rem;
  margin-inline-end: 0.6675rem;
  line-height: 1;
}
.amber-purple .headerBgImage .arrow-container .left[data-v-b545bde0],
.amber-purple .headerBgImage .arrow-container .right[data-v-b545bde0] {
  padding-inline: 0.25rem;
  padding-block: 0.25rem;
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  color: #686299;
  background-color: var(--color-bg-200);
}
.amber-purple .headerBgImage .arrow-container .left.invalid[data-v-b545bde0],
.amber-purple .headerBgImage .arrow-container .right.invalid[data-v-b545bde0] {
  pointer-events: none;
  color: #3B3466;
}
.amber-purple .headerBgImage .arrow-container .right[data-v-b545bde0] {
  margin-inline-start: 0.3125rem;
}
.blue-default .headerBgImage[data-v-b545bde0] {
  display: flex;
  align-items: center;
  background: url('/svg/headerTextBgGreen04.svg') no-repeat 0 0 / 22.5rem 2.5625rem;
  height: 2.5625rem;
  margin-block-end: 0.875rem;
}
.blue-default .headerBgImage .logo-wall[data-v-b545bde0] {
  width: 2.625rem;
  margin-inline-start: 0.1875rem;
  margin-inline-end: 0.5rem;
  font-size: 1.875rem;
  line-height: 1;
  display: flex;
  justify-content: center;
  color: #AFC69F;
}
.blue-default .headerBgImage .logo-wall .svg-container[data-v-b545bde0] {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}
.blue-default .headerBgImage ion-label[data-v-b545bde0] {
  color: #fff;
}
.blue-default .headerBgImage .arrow-container[data-v-b545bde0] {
  margin-block-start: 0.625rem;
  margin-inline-end: 0.6675rem;
  line-height: 1;
}
.blue-default .headerBgImage .arrow-container .left[data-v-b545bde0],
.blue-default .headerBgImage .arrow-container .right[data-v-b545bde0] {
  padding-inline: 0.25rem;
  padding-block: 0.25rem;
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  color: #1680DC;
  background-color: #354165;
}
.blue-default .headerBgImage .arrow-container .left.invalid[data-v-b545bde0],
.blue-default .headerBgImage .arrow-container .right.invalid[data-v-b545bde0] {
  pointer-events: none;
  color: #5A6892;
}
.blue-default .headerBgImage .arrow-container .right[data-v-b545bde0] {
  margin-inline-start: 0.3125rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.green-default .game-head[data-v-6f3378b6] {
  display: flex;
  align-items: center;
  margin-block-start: 0.9375rem;
  margin-block-end: 0.75rem;
}
.green-default .game-head .logo-c[data-v-6f3378b6] {
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.green-default .game-head .logo-c .logo[data-v-6f3378b6] {
  width: 1.875rem;
  height: 1.875rem;
  margin-inline-end: 0.4375rem;
}
.green-default .game-head .logo-c ion-label[data-v-6f3378b6] {
  color: #afc69f;
}
.green-default .game-head .todo[data-v-6f3378b6] {
  color: #afc69f;
  margin-inline-start: auto;
}
.forest-green .game-head[data-v-6f3378b6] {
  display: flex;
  align-items: center;
  margin-block-start: 0.9375rem;
  margin-block-end: 0.75rem;
}
.forest-green .game-head .logo-c[data-v-6f3378b6] {
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.forest-green .game-head .logo-c .logo[data-v-6f3378b6] {
  width: 1.875rem;
  height: 1.875rem;
  margin-inline-end: 0.4375rem;
}
.forest-green .game-head .logo-c ion-label[data-v-6f3378b6] {
  color: #fff;
}
.forest-green .game-head .todo[data-v-6f3378b6] {
  color: rgba(255, 255, 255, 0.8);
  margin-inline-start: auto;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.blue-default .v01 .game-head[data-v-a10edb8e] {
  display: flex;
  align-items: center;
  margin-block: 0.9375rem 0.625rem;
}
.blue-default .v01 .game-head .logo-c[data-v-a10edb8e] {
  position: relative;
  padding-block: 0.375rem;
  padding-inline-end: 0.375rem;
  display: flex;
  align-items: center;
  background: linear-gradient(180deg, rgba(18, 31, 65, 0) 0%, #121F41 100%);
}
.blue-default .v01 .game-head .logo-c[data-v-a10edb8e]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0.125rem;
  background: linear-gradient(to right, #01559B 0%, #001D35 100%);
}
.blue-default .v01 .game-head .logo-c .logo[data-v-a10edb8e] {
  font-size: 1.5rem;
  margin-inline-end: 0.375rem;
  color: #fff;
}
.blue-default .v01 .game-head .logo-c .logo1[data-v-a10edb8e] {
  color: #899FBE;
}
.blue-default .v01 .game-head .logo-c .label[data-v-a10edb8e] {
  font-size: 1rem;
  font-weight: 600;
  color: #899FBE;
}
.blue-default .v01 .game-head .logo-c .total[data-v-a10edb8e] {
  color: #fff;
  --background: #192037;
  font-size: 0.625rem;
  font-weight: 400;
  margin-inline-start: 0.625rem;
}
.blue-default .v01 .game-head .arrow-container[data-v-a10edb8e] {
  display: flex;
  align-items: center;
  margin-inline-start: auto;
}
.blue-default .v01 .game-head .arrow-container .left[data-v-a10edb8e],
.blue-default .v01 .game-head .arrow-container .right[data-v-a10edb8e] {
  padding-inline: 0.375rem;
  padding-block: 0.375rem;
  border-radius: 50%;
  font-size: 0.875rem;
  background-color: #191E2D;
  color: #9BA7BE;
}
.blue-default .v01 .game-head .arrow-container .right[data-v-a10edb8e] {
  margin-inline-start: 0.3125rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.game-head[data-v-dbd18f83] {
  display: flex;
  align-items: center;
  background: url('/images/gameWrapperHead.jpg') no-repeat 0 0 / 23.125rem 2.625rem;
  height: 2.625rem;
  margin-block-start: 1.875rem;
  margin-inline: 0.625rem;
  border-radius: 0.75rem 0.9375rem 0 0;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.625rem;
}
.game-head .logo-c[data-v-dbd18f83] {
  position: relative;
  display: flex;
  align-items: center;
}
.game-head .logo-c .logo[data-v-dbd18f83] {
  width: 1.875rem;
  height: 1.875rem;
  margin-inline-end: 0.25rem;
  color: #fff;
}
.game-head .logo-c .label[data-v-dbd18f83] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #fff;
}
.game-head .logo-c .total[data-v-dbd18f83] {
  --padding-start: 0.5625rem;
  --padding-end: 0.5625rem;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  color: #23DB8C;
  --background: rgba(35, 219, 140, 0.2);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  margin-inline-start: 0.4375rem;
  border-radius: 6.1875rem;
  border: 0.0625rem solid #23DB8C;
}
.game-head .arrow-container[data-v-dbd18f83] {
  display: flex;
  align-items: center;
  margin-inline-start: auto;
}
.game-head .arrow-container .left[data-v-dbd18f83],.game-head .arrow-container .right[data-v-dbd18f83] {
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 0.4688rem;
  font-size: 0.875rem;
  background-color: transparent;
  color: #fff;
  border: 0.0625rem solid #4C4943;
}
.game-head .arrow-container .left.invalid[data-v-dbd18f83],.game-head .arrow-container .right.invalid[data-v-dbd18f83] {
  pointer-events: none;
  color: var(--text-color2);
}
.game-head .arrow-container .right[data-v-dbd18f83] {
  margin-inline-start: 0.3125rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.game-head[data-v-2fb53da5] {
  display: flex;
  align-items: center;
  margin-block-start: 0.9375rem;
  margin-block-end: 0.75rem;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background-image: url('/assets/bg-header-28-r2-Du1zVErd.svg'), linear-gradient(0deg, var(--ep-color-background-fill-glow-secondary-opacity-40), var(--ep-color-background-fill-surface-raised-L1));
  background-position: left 40%;
  background-repeat: no-repeat;
  background-size: 126% auto;
  padding: 0.25rem 0;
}
.game-head .logo-c[data-v-2fb53da5] {
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.game-head .logo-c .logo[data-v-2fb53da5] {
  width: 1.875rem;
  height: 1.875rem;
  margin-inline-end: 0.4375rem;
  color: var(--ep-color-icon-default);
}
.game-head .logo-c ion-label[data-v-2fb53da5] {
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
.game-head .todo[data-v-2fb53da5] {
  color: var(--ep-color-text-default);
  margin-inline-start: auto;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout38.game-bar-card .platform-card.platform-1[data-v-14cda898] {
  border-radius: 0.625rem 0 0 0.625rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
.layout38.game-bar-card .platform-card.platform-1 .layout1.wrapper[data-v-14cda898] ion-segment {
  padding: 0.75rem 0.625rem !important;
}
.layout38.game-bar-card .platform-card.platform-1 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall {
  width: 8.5rem;
  height: 8.125rem;
  padding: 0.25rem 0.25rem 0;
  background: var(--ep-color-background-fill-active-primary);
}
.layout38.game-bar-card .platform-card.platform-1 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .type-img {
  width: 8rem;
  height: 6rem;
}
.layout38.game-bar-card .platform-card.platform-1 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .type-img::after {
  display: none;
}
.layout38.game-bar-card .platform-card.platform-1 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .label-wall {
  margin-top: 0.375rem;
}
.layout38.game-bar-card .platform-card.platform-1 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .label-wall .label {
  font-size: var(--ep-font-size-s, 0.75rem);
}
.layout38.game-bar-card .platform-card.platform-1 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .label-wall .sub-label {
  background: var(--ep-color-background-fill-surface-raised-L2);
  color: var(--ep-color-text-default);
}
.layout38.game-bar-card .platform-card.platform-2[data-v-14cda898] {
  border-radius: 0.625rem 0 0 0.625rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
.layout38.game-bar-card .platform-card.platform-2 .layout1.wrapper[data-v-14cda898] ion-segment {
  padding: 0.75rem 0.625rem !important;
}
.layout38.game-bar-card .platform-card.platform-2 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button {
  margin-left: auto;
}
.layout38.game-bar-card .platform-card.platform-2 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall {
  width: 6.75rem;
  height: 6.5rem;
  padding: 0.25rem 0.25rem 0;
  background: var(--ep-color-background-fill-active-primary);
}
.layout38.game-bar-card .platform-card.platform-2 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .type-img {
  width: 6.25rem;
  height: 4.6875rem;
}
.layout38.game-bar-card .platform-card.platform-2 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .type-img::after {
  display: none;
}
.layout38.game-bar-card .platform-card.platform-2 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .label-wall {
  margin-top: 0.3125rem;
}
.layout38.game-bar-card .platform-card.platform-2 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .label-wall .label {
  font-size: var(--ep-font-size-s, 0.75rem);
}
.layout38.game-bar-card .platform-card.platform-2 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .label-wall .sub-label {
  padding: 0;
  background: var(--ep-color-background-fill-surface-raised-L2);
  color: var(--ep-color-text-default);
}
.layout38.game-bar-card .center-box .custom-card {
  width: 17.125rem;
}
.layout38.game-bar-card .center-box .custom-card.custom-1 .item-image.good-img {
  height: 4.25rem;
}
.layout38.game-bar-card .center-box .custom-card.custom-1 .item-image:nth-child(1).good-img {
  height: 6.625rem;
}
.layout38.game-bar-card .center-box .custom-card.custom-2 .item-image.good-img {
  height: 4.25rem;
}
.layout38.game-bar-card .center-box .custom-card.custom-3 > .item-image.good-img {
  width: 10rem;
  height: 13.75rem;
}
.layout38.game-bar-card .center-box .custom-card.custom-3 .desc-box .item-image.good-img {
  width: 6.625rem;
  height: 4.25rem;
}
.layout40.game-bar-card .platform-card.platform-1 .layout1.wrapper[data-v-14cda898] ion-segment {
  padding: 0.75rem 0.625rem !important;
}
.layout40.game-bar-card .platform-card.platform-1 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall {
  width: 10.875rem;
  height: 10.625rem;
  justify-content: flex-end;
  padding: 0 0.125rem 0.375rem;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
.layout40.game-bar-card .platform-card.platform-1 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .type-img {
  width: 7.5rem;
  height: 7.5rem;
  padding: 0.625rem;
  border-radius: 2.75rem;
}
.layout40.game-bar-card .platform-card.platform-1 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .type-img::after {
  top: -0.5rem;
  z-index: 2;
  border-radius: 2.75rem;
  background: transparent;
  border: 0.625rem solid var(--ep-color-background-fill-gradients-tertiary-weak-a);
}
.layout40.game-bar-card .platform-card.platform-1 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .type-img::before {
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 2.75rem;
  box-shadow: 0px 1px 4px 0px var(--ep-color-background-fill-gradients-primary-b);
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a) 0%, var(--ep-color-background-fill-gradients-secondary-b) 118.75%);
}
.layout40.game-bar-card .platform-card.platform-1 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .type-img ion-img {
  position: relative;
  z-index: 1;
  border-radius: 2.125rem;
  overflow: hidden;
}
.layout40.game-bar-card .platform-card.platform-1 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .label-wall {
  margin-top: 0.375rem;
}
.layout40.game-bar-card .platform-card.platform-1 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .label-wall .label {
  font-size: var(--ep-font-size-s, 0.75rem);
}
.layout40.game-bar-card .platform-card.platform-1 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .label-wall .sub-label {
  padding: 0;
  border-radius: 0.375rem;
  color: var(--ep-color-text-brand-primary);
  background: var(--ep-color-background-fill-surface-lowered);
}
.layout40.game-bar-card .platform-card.platform-2 .layout1.wrapper[data-v-14cda898] {
  width: 100%;
  padding-right: 0.75rem;
}
.layout40.game-bar-card .platform-card.platform-2 .layout1.wrapper[data-v-14cda898] ion-segment {
  padding: 0 0.625rem !important;
}
.layout40.game-bar-card .platform-card.platform-2 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button {
  margin-left: auto;
}
.layout40.game-bar-card .platform-card.platform-2 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall {
  gap: 0.25rem;
  width: 8.625rem;
  height: 9.125rem;
  justify-content: flex-end;
  padding: 0 0.125rem 0.375rem;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
}
.layout40.game-bar-card .platform-card.platform-2 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .type-img {
  width: 6.5rem;
  height: 6.5rem;
  padding: 0.625rem;
  border-radius: 2.25rem;
}
.layout40.game-bar-card .platform-card.platform-2 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .type-img::after {
  top: -0.5rem;
  z-index: 2;
  border-radius: 2.25rem;
  background: transparent;
  border: 0.625rem solid var(--ep-color-background-fill-gradients-tertiary-weak-a);
}
.layout40.game-bar-card .platform-card.platform-2 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .type-img::before {
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 2.25rem;
  box-shadow: 0px 1px 4px 0px var(--ep-color-background-fill-gradients-primary-b);
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a) 0%, var(--ep-color-background-fill-gradients-secondary-b) 118.75%);
}
.layout40.game-bar-card .platform-card.platform-2 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .type-img ion-img {
  position: relative;
  z-index: 1;
  border-radius: 1.75rem;
  overflow: hidden;
}
.layout40.game-bar-card .platform-card.platform-2 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .label-wall {
  margin-top: 0.3125rem;
}
.layout40.game-bar-card .platform-card.platform-2 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .label-wall .label {
  font-size: var(--ep-font-size-s, 0.75rem);
}
.layout40.game-bar-card .platform-card.platform-2 .layout1.wrapper[data-v-14cda898] ion-segment ion-segment-button .btn-wall .label-wall .sub-label {
  padding: 0;
  border-radius: 0.375rem;
  color: var(--ep-color-text-brand-primary);
  background: var(--ep-color-background-fill-surface-lowered);
}
.platform-card[data-v-14cda898] .layout1.wrapper {
  background: transparent;
  position: unset;
}
.platform-card.platform-2[data-v-14cda898] ion-segment-button:first-child {
  margin-left: 0.9375rem;
}
.platform-card.platform-2[data-v-14cda898] ion-segment-button:last-child {
  margin-right: 0.9375rem;
}
.layout24.platform-card.platform-2[data-v-14cda898] ion-segment-button:first-child {
  margin-left: 0.75rem;
}
.layout24.platform-card.platform-2[data-v-14cda898] ion-segment-button:last-child {
  margin-right: 0.75rem;
}
.layout25.platform-card.platform-2[data-v-14cda898] ion-segment-button:first-child,
.layout30.platform-card.platform-2[data-v-14cda898] ion-segment-button:first-child {
  margin-left: auto;
}
.layout25.platform-card.platform-2[data-v-14cda898] ion-segment-button:last-child,
.layout30.platform-card.platform-2[data-v-14cda898] ion-segment-button:last-child {
  margin-right: auto;
}
.layout28.platform-card.platform-2[data-v-14cda898] ion-segment-button:first-child {
  margin-left: 0.9375rem;
}
.layout28.platform-card.platform-2[data-v-14cda898] ion-segment-button:last-child {
  margin-right: 0.9375rem;
}
.layout36.platform-card.platform-2[data-v-14cda898] ion-segment-button:first-child {
  margin-left: 0.625rem;
}
.layout36.platform-card.platform-2[data-v-14cda898] ion-segment-button:last-child {
  margin-right: 0.625rem;
}
.platform-card.layout51.platform-1[data-v-14cda898] {
  --platform-gap1: 0.375rem;
}
.platform-card.layout51.platform-2[data-v-14cda898] {
  margin-inline: -0.375rem;
}
.platform-card.layout51.platform-2[data-v-14cda898] ion-segment {
  padding-left: 0.375rem;
}
.platform-card.layout51.platform-2[data-v-14cda898] ion-segment-button:first-child {
  margin-left: 0;
}
.platform-card.layout51.platform-2[data-v-14cda898] ion-segment-button:last-child,
.platform-card.layout51.platform-2[data-v-14cda898] ion-segment-button:last-of-type {
  margin-right: 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
svg[data-v-14c136ba] {
  width: 100%;
  height: 100%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.platform-card.layout37.platform-2 .platform-item[data-v-c1424f02] {
  position: relative;
  width: 6.25rem;
  height: 9.375rem;
  overflow: hidden;
}
.platform-card.layout37.platform-2 .platform-item[data-v-c1424f02]::before {
  content: '';
  position: absolute;
  top: 0.75rem;
  left: 0.4375rem;
  width: 1.5rem;
  height: 2rem;
  background: url('/assets/bg-hot-badge37-r2-BJYFjSGN.png') center center / 100% 100% no-repeat;
}
.platform-card.layout37.platform-2 .platform-item[data-v-c1424f02]::after {
  content: '';
  position: absolute;
  top: 0.75rem;
  left: 50%;
  transform: translateX(-50%);
  width: 5.75rem;
  height: 7.625rem;
  background: url('/assets/bg-game-card37-r2-DkXDvNhC.png') center center / 100% 100% no-repeat;
}
.platform-card.layout37.platform-2 .platform-item .platform-item-img[data-v-c1424f02] {
  margin: 0 auto;
  width: 5.75rem;
  height: 7.625rem;
}
.platform-card.layout37.platform-2 .platform-item .platform-item-label[data-v-c1424f02],
.platform-card.layout37.platform-2 .platform-item .platform-item-sub-label[data-v-c1424f02] {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  padding: 0 0.625rem;
  line-height: 1;
  text-align: center;
}
.platform-card.layout37.platform-2 .platform-item .platform-item-label[data-v-c1424f02] {
  top: 0.1875rem;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-inverse);
}
.platform-card.layout37.platform-2 .platform-item .platform-item-sub-label[data-v-c1424f02] {
  bottom: 0.0625rem;
  font-size: var(--ep-font-size-xs);
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-default);
}
.platform-card.layout37.platform-2 .platform-item .svg-bg[data-v-c1424f02] {
  position: absolute;
  inset: 0;
  height: 100%;
  z-index: 1;
}
.platform-card.layout37.platform-2 .platform-item .platform-item-img[data-v-c1424f02] {
  margin-top: 0.875rem;
}
.platform-card.layout37.platform-1 .platform-item[data-v-c1424f02] {
  position: relative;
  width: 7.5rem;
  height: 11.25rem;
  overflow: hidden;
}
.platform-card.layout37.platform-1 .platform-item[data-v-c1424f02]::before {
  content: '';
  position: absolute;
  top: 0.75rem;
  left: 0.4375rem;
  width: 1.5rem;
  height: 2rem;
  background: url('/assets/bg-hot-badge37-r2-BJYFjSGN.png') center center / 100% 100% no-repeat;
}
.platform-card.layout37.platform-1 .platform-item[data-v-c1424f02]::after {
  content: '';
  position: absolute;
  top: 0.75rem;
  left: 50%;
  transform: translateX(-50%);
  width: 7rem;
  height: 9.25rem;
  background: url('/assets/bg-game-card37-r2-DkXDvNhC.png') center center / 100% 100% no-repeat;
}
.platform-card.layout37.platform-1 .platform-item .platform-item-img[data-v-c1424f02] {
  margin: 0 auto;
  width: 7rem;
  height: 9.25rem;
}
.platform-card.layout37.platform-1 .platform-item .platform-item-label[data-v-c1424f02],
.platform-card.layout37.platform-1 .platform-item .platform-item-sub-label[data-v-c1424f02] {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  padding: 0 0.625rem;
  line-height: 1;
  text-align: center;
}
.platform-card.layout37.platform-1 .platform-item .platform-item-label[data-v-c1424f02] {
  top: 0.25rem;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  color: var(--ep-color-text-inverse);
}
.platform-card.layout37.platform-1 .platform-item .platform-item-sub-label[data-v-c1424f02] {
  bottom: 0.125rem;
  font-size: var(--ep-font-size-xs);
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-default);
}
.platform-card.layout37.platform-1 .platform-item .svg-bg[data-v-c1424f02] {
  position: absolute;
  inset: 0;
  height: 100%;
  z-index: 1;
}
.platform-card.layout37.platform-1 .platform-item .platform-item-img[data-v-c1424f02] {
  margin-top: 1rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.platform-scroll-wrapper[data-v-66c4683a] {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x pan-y;
  -webkit-user-select: none;
          user-select: none;
}
.platform-scroll-wrapper[data-v-66c4683a]::-webkit-scrollbar {
  display: none;
}
.platform-scroll-item[data-v-66c4683a] {
  flex-shrink: 0;
  cursor: pointer;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.platform-card .platform-card-content-wrapper[data-v-403fb930] {
  position: relative;
  margin: 0 var(--custom-padding, 0.75rem);
  padding: 0.625rem 0.5rem 1.5rem 0.5rem;
  border-radius: var(--ep-border-radius-l);
  background: var(--ep-color-background-fill-active-active);
  box-shadow: 0 0 2px 0 var(--ep-color-border-selected) inset;
}
.platform-card .platform-card-content-wrapper .platform-card-content[data-v-403fb930] {
  background: var(--ep-color-background-fill-active-primary);
  box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.4) inset;
  border-radius: var(--ep-border-radius-l);
}
.platform-card .platform-card-content-wrapper .platform-scroll-container[data-v-403fb930] {
  display: flex;
  gap: 0.75rem;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.platform-card .platform-card-content-wrapper .platform-scroll-container[data-v-403fb930]::-webkit-scrollbar {
  display: none;
}
.platform-card .platform-card-content-wrapper .platform-item[data-v-403fb930] {
  flex-shrink: 0;
  cursor: pointer;
}
.platform-card .platform-card-content-wrapper .platform-recommendations[data-v-403fb930] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  text-align: center;
  font-size: var(--ep-font-size-l);
  font-weight: var(--ep-font-weight-medium);
}
.platform-card.platform-2 .platform-scroll-container[data-v-403fb930] {
  gap: 0.75rem;
  padding: 1rem 0.875rem 0.875rem;
}
.platform-card.platform-1 .platform-card-content[data-v-403fb930] {
  padding: 0.375rem 0 0.5rem 0;
}
.platform-card.platform-1 .platform-scroll-container[data-v-403fb930] {
  gap: 2.5rem;
  justify-content: center;
  padding: 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.btn-wall-39[data-v-93ba7780] {
  width: 7.875rem;
  height: 9.5rem;
  border-radius: var(--ep-border-radius-l, 0.5rem);
  background: var(--ep-dynamic-tertiary-weak);
  padding: 0.25rem;
  box-sizing: border-box;
  margin: 0 auto;
}
.btn-wall-39 .type-img-box[data-v-93ba7780] {
  width: 7.375rem;
  height: 7.375rem;
  border-radius: 0.375rem 0.375rem 1rem 1rem;
  position: relative;
  overflow: hidden;
}
.btn-wall-39 .type-img-box .type-img[data-v-93ba7780] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.btn-wall-39 .type-img-box .btn-wall-sub-label[data-v-93ba7780] {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.1875rem;
  height: 1.1875rem;
  border-radius: 0 0 0.875rem 0;
  background: linear-gradient(90deg, #6AEDA9 0%, #66E955 100%);
  color: var(--ep-color-text-highlight-white);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  text-align: center;
}
.btn-wall-39 .btn-wall-label[data-v-93ba7780] {
  width: 5.1875rem;
  height: 1.375rem;
  border-radius: var(--ep-border-radius-surface-small);
  background: var(--ep-color-background-fill-surface-lowered);
  color: var(--ep-color-text-weaker);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  text-align: center;
  line-height: 1.375rem;
  margin: 0.25rem auto 0;
  padding: 0 0.3125rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.btn-wall-39[data-v-084df3d2] {
  width: 10.625rem;
  height: 8rem;
  border-radius: var(--ep-border-radius-l, 0.5rem);
  padding: 0 0.25rem;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('/assets/gameBar-bg-39-r2-B_8y7gAH.png'), var(--ep-dynamic-tertiary-weak);
  background-position: center center, 0 0;
  background-size: 100% 100%, 100% 100%;
  background-repeat: no-repeat, no-repeat;
}
.btn-wall-39 .btn-wall-sub-label-box .btn-wall-sub-label[data-v-084df3d2] {
  width: 2.1875rem;
  height: 1.1875rem;
  border-radius: 0.875rem;
  background: var(--ep-color-background-fill-surface-lowered);
  color: var(--ep-color-text-weaker);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  text-align: center;
  line-height: 1.1875rem;
}
.btn-wall-39 .btn-wall-sub-label-box .btn-wall-label[data-v-084df3d2] {
  width: 3.75rem;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  text-align: left;
  line-height: 1.125rem;
  margin-top: 0.4375rem;
}
.btn-wall-39 .type-img-box[data-v-084df3d2] {
  width: 6.125rem;
  height: 7.5rem;
  border-radius: 0.625rem;
  overflow: hidden;
}
.btn-wall-39 .type-img-box .type-img[data-v-084df3d2] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.btn-wall-39 .type-img-box .type-img[data-v-084df3d2] ion-img {
  object-fit: cover;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.platform-card-39[data-v-32e0e25d] {
  width: 22.875rem;
  height: 13.625rem;
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  background: linear-gradient(270deg, var(--ep-color-background-fill-gradients-tertiary-a, #18AAFF) 0%, var(--ep-color-background-fill-gradients-tertiary-weak-a, #18AAFF) 100%);
  box-shadow: 0 0 2px 0 rgba(30, 30, 30, 0.2) inset;
  padding: 0.25rem 0 0.25rem 0.25rem;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}
.platform-card-39 .platform-card-content-bg[data-v-32e0e25d] {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 22.625rem;
  height: 13.125rem;
  z-index: 1;
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  overflow: hidden;
}
.platform-card-39 .platform-card-content[data-v-32e0e25d] {
  margin-top: 0.875rem;
  margin-left: 0.375rem;
  position: relative;
  z-index: 2;
}
.platform-card-39 .platform-card-content .platform-scroll-container[data-v-32e0e25d] {
  display: flex;
  gap: 0.625rem;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.platform-card-39 .platform-card-content .platform-scroll-container[data-v-32e0e25d]::-webkit-scrollbar {
  display: none;
}
.platform-card-39 .platform-card-content .title[data-v-32e0e25d] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight-white);
  margin-left: 0.5rem;
  margin-bottom: 19px;
}
.platform-card-39 .platform-card-content .title .title-icon[data-v-32e0e25d] {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  color: var(--ep-color-icon-brand-primary);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.platform-item-42[data-v-f59545bb] {
  position: relative;
  box-sizing: border-box;
}
.platform-item-42 .platform-item-main[data-v-f59545bb] {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: var(--ep-border-radius-xl);
}
.platform-item-42 .platform-item-info[data-v-f59545bb] {
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.platform-item-42 .platform-item-info .platform-item-name[data-v-f59545bb] {
  font-size: var(--ep-font-size-l);
  font-weight: var(--ep-font-weight-bold);
  color: var(--ep-color-text-highlight-white);
  line-height: 1.2;
}
.platform-item-42 .platform-item-info .platform-item-logo[data-v-f59545bb] {
  height: 1.75rem;
  width: 1.75rem;
  object-fit: contain;
}
.platform-item-42 .platform-item-info .platform-item-logo .platform-logo[data-v-f59545bb] {
  width: 100%;
  height: 100%;
}
.platform-item-42 .platform-item-info .platform-item-total[data-v-f59545bb] {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.125rem 0.25rem;
  border-radius: var(--ep-border-radius-surface-small);
  background: var(--ep-color-background-fill-surface-raised-L2);
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-xs);
  font-weight: var(--ep-font-weight-regular);
  text-align: center;
  line-height: 1;
}
.platform-item-42 .platform-item-game-img[data-v-f59545bb] {
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 1rem;
}
.platform-item-42 .platform-item-game-img .game-img[data-v-f59545bb] {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  overflow: hidden;
}
.platform-1 .platform-item-42[data-v-f59545bb] {
  width: 10.625rem;
  height: 7.5rem;
  padding: 0 1.125rem 0.625rem 0;
}
.platform-1 .platform-item-42 .platform-item-info[data-v-f59545bb] {
  padding: 1rem 0.75rem 0 0.75rem;
  gap: 0.125rem;
}
.platform-1 .platform-item-42 .platform-item-info .platform-item-name[data-v-f59545bb] {
  line-height: 1.5;
}
.platform-1 .platform-item-42 .platform-item-game-img[data-v-f59545bb] {
  width: 3.75rem;
  height: 3.75rem;
}
.platform-2 .platform-item-42[data-v-f59545bb] {
  width: 6.375rem;
  height: 5rem;
  padding: 0 0.5rem 0.5rem 0;
}
.platform-2 .platform-item-42 .platform-item-info[data-v-f59545bb] {
  padding: 0.5rem;
}
.platform-2 .platform-item-42 .platform-item-info .platform-item-name[data-v-f59545bb] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
}
.platform-2 .platform-item-42 .platform-item-game-img[data-v-f59545bb] {
  width: 2.75rem;
  height: 2.75rem;
}
.platform-2 .platform-item-42 .platform-item-game-img .game-img[data-v-f59545bb] {
  border-radius: var(--ep-border-radius-xl);
}
.platform-2 .platform-item-42 .platform-item-game-img .game-img[data-v-f59545bb] ion-img {
  object-fit: cover;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.platform-card[data-v-f2692c98] {
  padding: 0 0.75rem;
}
.platform-card .platform-scroll-container[data-v-f2692c98] {
  display: flex;
  gap: 0.625rem;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.platform-card .platform-scroll-container[data-v-f2692c98]::-webkit-scrollbar {
  display: none;
}
.platform-card.platform-1[data-v-f2692c98] .platform-scroll-wrapper {
  justify-content: center;
}
.platform-card.platform-1[data-v-f2692c98] .platform-scroll-wrapper .platform-scroll-item:not(:only-child) {
  flex: 1 !important;
  min-width: 0;
}
.platform-card.platform-1[data-v-f2692c98] .platform-scroll-wrapper .platform-scroll-item:not(:only-child) .platform-item-42 {
  width: 100%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.btn-wall-44[data-v-e78badd2] {
  width: 11rem;
  height: 11.5rem;
  border-radius: var(--ep-border-radius-l, 0.5rem);
  padding: 0.25rem 0 1.125rem;
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.btn-wall-44 .background[data-v-e78badd2] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
}
.btn-wall-44 .type-img-box[data-v-e78badd2] {
  position: relative;
  overflow: hidden;
  padding: 0.875rem 0 0 0.75rem;
}
.btn-wall-44 .type-img-box .type-img[data-v-e78badd2] {
  width: 9.375rem;
  height: 6.625rem;
  overflow: hidden;
}
.btn-wall-44 .type-img-box .type-img[data-v-e78badd2] .good-img {
  object-fit: cover;
}
.btn-wall-44 .label-wall[data-v-e78badd2] {
  gap: 0.625rem;
  width: 100%;
  padding-inline: 0.75rem;
  margin-top: 0.25rem;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-wall-44 .label-wall .label[data-v-e78badd2] {
  line-height: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
.btn-wall-44 .label-wall .sub-label[data-v-e78badd2] {
  text-align: center;
  line-height: 1;
  padding: 0.125rem;
  min-width: 1.875rem;
  border-radius: 0.25rem;
  background: var(--ep-color-background-fill-surface-lowered);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.btn-wall-44[data-v-2bcf2e72] {
  width: 9.625rem;
  height: 10rem;
  border-radius: var(--ep-border-radius-l, 0.5rem);
  padding: 0.25rem 0 0.875rem 0;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.btn-wall-44 .background[data-v-2bcf2e72] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
}
.btn-wall-44 .type-img-box[data-v-2bcf2e72] {
  border-radius: 0.375rem 0.375rem 1rem 1rem;
  position: relative;
  overflow: hidden;
  padding: 1rem 0 0 0.625rem;
}
.btn-wall-44 .type-img-box .type-img[data-v-2bcf2e72] {
  width: 8.25rem;
  height: 5.875rem;
  overflow: hidden;
}
.btn-wall-44 .type-img-box .type-img[data-v-2bcf2e72] .good-img {
  object-fit: cover;
}
.btn-wall-44 .type-img-box .btn-wall-sub-label[data-v-2bcf2e72] {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.1875rem;
  height: 1.1875rem;
  border-radius: 0 0 0.875rem 0;
  background: linear-gradient(90deg, #6AEDA9 0%, #66E955 100%);
  color: var(--ep-color-text-highlight-white);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  text-align: center;
}
.btn-wall-44 .label-wall[data-v-2bcf2e72] {
  gap: 0.625rem;
  width: 100%;
  padding-inline: 0.75rem;
  margin-top: 0.25rem;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-wall-44 .label-wall .label[data-v-2bcf2e72] {
  line-height: 1;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-default);
}
.btn-wall-44 .label-wall .sub-label[data-v-2bcf2e72] {
  white-space: nowrap;
  text-align: center;
  line-height: 1;
  padding: 0.125rem;
  min-width: 1.875rem;
  border-radius: 0.25rem;
  background: var(--ep-color-background-fill-surface-lowered);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-regular, 400);
  color: var(--ep-color-text-brand-primary);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.platform-card-44[data-v-9ca64b19] {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  padding-inline: 0.75rem;
}
.platform-card-44 .platform-card-content[data-v-9ca64b19] {
  position: relative;
  z-index: 2;
}
.platform-card-44 .platform-card-content .platform-scroll-container[data-v-9ca64b19] {
  display: flex;
  gap: 0.875rem;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.platform-card-44 .platform-card-content .platform-scroll-container[data-v-9ca64b19]::-webkit-scrollbar {
  display: none;
}
.platform-card-44 .platform-card-content .title[data-v-9ca64b19] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--ep-font-size-m, 0.875rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight-white);
  margin-left: 0.5rem;
  margin-bottom: 19px;
}
.platform-card-44 .platform-card-content .title .title-icon[data-v-9ca64b19] {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  color: var(--ep-color-icon-brand-primary);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.btn-wall-47[data-v-452e7526] {
  height: 9.25rem;
  width: 8.75rem;
  margin: 0 auto;
  padding: 0.1875rem;
  background: #2D9300;
  box-sizing: border-box;
  border-radius: 0.875rem;
  box-shadow: 0px 0px 4px 0px #69FF84 inset;
}
.btn-wall-47 .btn-wall-container[data-v-452e7526] {
  height: 100%;
  display: flex;
  position: relative;
  background: #0C6862;
  border-radius: 0.75rem;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 0px 2px 0px #000000 inset;
  padding: 0.1875rem 0.1875rem 0.75rem;
}
.btn-wall-47 .btn-wall-container .btn-wall-wrapper[data-v-452e7526] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  background: #3a837c;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 0.75rem 0.75rem 1.25rem 1.25rem;
}
.btn-wall-47 .btn-wall-container .btn-wall-wrapper .type-img-box[data-v-452e7526] {
  width: 100%;
  height: 100%;
  padding: 0.125rem;
  overflow: hidden;
  position: relative;
  border-radius: 0.625rem;
  background: radial-gradient(55% 55% at 50% 45%, #A8E063 0%, #2D8A3E 100%);
}
.btn-wall-47 .btn-wall-container .btn-wall-wrapper .type-img-box .type-img[data-v-452e7526] {
  width: 100%;
  height: 100%;
  border-radius: 0.625rem;
  background: black;
  overflow: hidden;
}
.btn-wall-47 .btn-wall-container .btn-wall-wrapper .type-img-box .type-img[data-v-452e7526] .img-box {
  object-fit: cover;
}
.btn-wall-47 .btn-wall-container .btn-wall-wrapper .type-img-box .btn-wall-sub-label[data-v-452e7526] {
  top: 0.125rem;
  left: 0.125rem;
  color: #597D6C;
  width: 2.1875rem;
  height: 1.1875rem;
  position: absolute;
  text-align: center;
  background: #FFFC30;
  line-height: 1.1875rem;
  border-radius: 0.625rem 0 0.875rem 0;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
.btn-wall-47 .btn-wall-container .btn-wrapper[data-v-452e7526] {
  width: 6rem;
  height: 1.25rem;
  bottom: 0.1875rem;
  position: absolute;
  border-radius: var(--ep-border-radius-infinity);
  background: linear-gradient(180deg, #2D7A10 0%, #1E5A0A 100%);
}
.btn-wall-47 .btn-wall-container .btn-wrapper[data-v-452e7526]::before {
  content: '';
  top: -0.125rem;
  left: 0.3125rem;
  width: 5.375rem;
  height: 0.875rem;
  position: absolute;
  transform: scaleY(0.5);
  background-color: rgba(255, 255, 255, 0.18);
  border-radius: var(--ep-border-radius-infinity);
  z-index: 1;
}
.btn-wall-47 .btn-wall-container .btn-wrapper[data-v-452e7526]::after {
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0.125rem;
  border: 0.15625rem solid #3CAB3E;
  border-radius: var(--ep-border-radius-infinity);
  background: linear-gradient(180deg, #53C154 0%, #2D8C2E 100%);
}
.btn-wall-47 .btn-wall-container .btn-wrapper .btn-wall-label[data-v-452e7526] {
  color: #fff;
  line-height: 1rem;
  position: relative;
  text-align: center;
  padding: 0 0.3125rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  z-index: 2;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.btn-wall-47[data-v-67173562] {
  height: 11rem;
  margin: 0 auto;
  width: 11.125rem;
  padding: 0.1875rem;
  background: #2D9300;
  box-sizing: border-box;
  border-radius: 0.875rem;
  box-shadow: 0px 0px 4px 0px #69FF84 inset;
}
.btn-wall-47 .btn-wall-container[data-v-67173562] {
  gap: 0.125rem;
  height: 100%;
  display: flex;
  position: relative;
  background: #0C6862;
  border-radius: 0.75rem;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 0px 2px 0px #000000 inset;
  padding: 0.375rem 0.375rem 0;
}
.btn-wall-47 .btn-wall-container .btn-wall-wrapper[data-v-67173562] {
  width: 100%;
  display: flex;
  height: 8.75rem;
  padding: 0.125rem;
  align-items: center;
  border-radius: 0.875rem;
  flex-direction: column;
  background: #0A534F33;
  justify-content: space-between;
  box-shadow: 0px 0px 2px 0px #000000 inset;
}
.btn-wall-47 .btn-wall-container .btn-wall-wrapper .type-img-box[data-v-67173562] {
  width: 100%;
  height: 100%;
  padding: 0.125rem;
  overflow: hidden;
  position: relative;
  border-radius: 0.875rem;
  background: radial-gradient(55% 55% at 50% 45%, #A8E063 0%, #2D8A3E 100%);
}
.btn-wall-47 .btn-wall-container .btn-wall-wrapper .type-img-box .type-img[data-v-67173562] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: black;
  border-radius: 0.875rem;
}
.btn-wall-47 .btn-wall-container .btn-wall-wrapper .type-img-box .type-img[data-v-67173562] .img-box {
  object-fit: cover;
}
.btn-wall-47 .btn-wall-container .btn-wall-wrapper .type-img-box .btn-wall-sub-label[data-v-67173562] {
  top: 0.125rem;
  left: 0.125rem;
  color: #597D6C;
  width: 2.1875rem;
  height: 1.1875rem;
  position: absolute;
  text-align: center;
  background: #FFFC30;
  line-height: 1.1875rem;
  border-radius: 0.625rem 0 0.875rem 0;
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
.btn-wall-47 .btn-wall-container .btn-wrapper[data-v-67173562] {
  width: 7.625rem;
  height: 1.625rem;
  position: relative;
  border-radius: var(--ep-border-radius-infinity);
  background: linear-gradient(180deg, #2D7A10 0%, #1E5A0A 100%);
}
.btn-wall-47 .btn-wall-container .btn-wrapper[data-v-67173562]::before {
  content: '';
  width: 7rem;
  top: -0.1875rem;
  left: 0.3125rem;
  height: 1.25rem;
  position: absolute;
  transform: scaleY(0.5);
  background-color: rgba(255, 255, 255, 0.18);
  border-radius: var(--ep-border-radius-infinity);
  z-index: 1;
}
.btn-wall-47 .btn-wall-container .btn-wrapper[data-v-67173562]::after {
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  bottom: 0.125rem;
  position: absolute;
  border: 0.15625rem solid #3CAB3E;
  border-radius: var(--ep-border-radius-infinity);
  background: linear-gradient(180deg, #53C154 0%, #2D8C2E 100%);
}
.btn-wall-47 .btn-wall-container .btn-wrapper .btn-wall-label[data-v-67173562] {
  color: #fff;
  position: relative;
  text-align: center;
  padding: 0 0.3125rem;
  line-height: 1.375rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  z-index: 2;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.platform-card-47[data-v-cbe46e8e] {
  margin: 0 auto;
  width: 22.875rem;
  position: relative;
  box-sizing: border-box;
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
}
.platform-card-47 .platform-scroll-container[data-v-cbe46e8e] {
  display: flex;
  gap: 0.625rem;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.platform-card-47 .platform-scroll-container[data-v-cbe46e8e]::-webkit-scrollbar {
  display: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.platform-item-46[data-v-9eac088e] {
  position: relative;
  box-sizing: border-box;
}
.platform-item-46 .platform-item-main[data-v-9eac088e] {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: var(--ep-border-radius-surface-default);
  background: linear-gradient(114deg, var(--ep-color-background-fill-gradients-primary-b) 19.29%, var(--ep-color-background-fill-gradients-primary-a) 80.71%);
}
.platform-item-46 .platform-item-main .platform-item-info[data-v-9eac088e] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-image: url('/assets/game-bar-card-46-r2-CfTLzQXe.png'), linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) -27.5%, var(--ep-color-background-fill-gradients-primary-b) 127.5%);
  background-repeat: no-repeat;
  background-position: center right, center;
  border-radius: 0.125rem 0.125rem 0.375rem 0.375rem;
}
.platform-1 .platform-item-46[data-v-9eac088e] {
  width: 11rem;
  height: 4.875rem;
  padding: 0.375rem 0 0 0;
}
.platform-1 .platform-item-46 .platform-item-preview[data-v-9eac088e] {
  position: relative;
}
.platform-1 .platform-item-46 .platform-game-img[data-v-9eac088e] {
  position: absolute;
  top: -0.375rem;
  left: 0.4375rem;
  width: 6.75rem;
  height: 3.25rem;
  border-radius: 0.375rem;
  border: 0.0625rem solid #fff;
  overflow: hidden;
}
.platform-1 .platform-item-46 .platform-game-img[data-v-9eac088e] ion-img {
  object-fit: cover;
}
.platform-1 .platform-item-46 .platform-logo[data-v-9eac088e] {
  position: absolute;
  top: 0.25rem;
  right: 0.75rem;
  width: 2.375rem;
  height: 2.375rem;
}
.platform-1 .platform-item-46 .platform-item-info[data-v-9eac088e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  height: 1.125rem;
  padding: 0 0.25rem 0 0.625rem;
  background-size: 2.625rem 1.625rem, auto;
  color: var(--ep-color-text-default);
  line-height: 1;
}
.platform-1 .platform-item-46 .platform-item-info .platform-name[data-v-9eac088e] {
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-medium);
}
.platform-1 .platform-item-46 .platform-item-info .platform-total[data-v-9eac088e] {
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-regular);
}
.platform-2 .platform-item-46[data-v-9eac088e] {
  width: 7.625rem;
  height: 3.875rem;
  padding: 0.5rem 0 0 0;
}
.platform-2 .platform-item-46 .platform-item-preview[data-v-9eac088e] {
  position: relative;
}
.platform-2 .platform-item-46 .platform-game-img[data-v-9eac088e] {
  position: absolute;
  top: -0.5rem;
  left: 0.25rem;
  width: 5rem;
  height: 2.5rem;
  border-radius: 0.375rem;
  border: 0.0625rem solid #fff;
  overflow: hidden;
}
.platform-2 .platform-item-46 .platform-game-img[data-v-9eac088e] ion-img {
  object-fit: cover;
}
.platform-2 .platform-item-46 .platform-logo[data-v-9eac088e] {
  position: absolute;
  top: 0;
  right: 0.25rem;
  width: 1.875rem;
  height: 1.875rem;
}
.platform-2 .platform-item-46 .platform-item-info[data-v-9eac088e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  height: 1.125rem;
  padding: 0 0.25rem 0 0.625rem;
  background-size: 2rem 1.125rem, auto;
  color: var(--ep-color-text-default);
  line-height: 1;
}
.platform-2 .platform-item-46 .platform-item-info .platform-name[data-v-9eac088e] {
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
}
.platform-2 .platform-item-46 .platform-item-info .platform-total[data-v-9eac088e] {
  font-size: var(--ep-font-size-xs);
  font-weight: var(--ep-font-weight-regular);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.platform-card[data-v-88ff553b] {
  padding: 0 0.75rem;
}
.platform-card .platform-scroll-container[data-v-88ff553b] {
  display: flex;
  gap: 0.625rem;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.platform-card .platform-scroll-container[data-v-88ff553b]::-webkit-scrollbar {
  display: none;
}
.platform-card.platform-1[data-v-88ff553b] .platform-scroll-wrapper {
  justify-content: center;
}
.platform-card.platform-1[data-v-88ff553b] .platform-scroll-wrapper .platform-scroll-item:not(:only-child) {
  flex: 1 !important;
  min-width: 0;
}
.platform-card.platform-1[data-v-88ff553b] .platform-scroll-wrapper .platform-scroll-item:not(:only-child) .platform-item-46 {
  width: 100%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.platform-item-53[data-v-6bb88c90] {
  display: flex;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: space-between;
  background: var(--card-color, var(--ep-primary-primary-900));
}
.platform-item-53 .platform-item-game-img[data-v-6bb88c90] {
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
}
.platform-item-53 .platform-item-game-img[data-v-6bb88c90] .img-box {
  object-fit: cover;
}
.platform-item-53[data-v-6bb88c90]::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 24%, var(--card-color, var(--ep-primary-primary-900)) 81%);
}
.platform-item-53 .platform-item-name[data-v-6bb88c90],
.platform-item-53 .platform-item-foot[data-v-6bb88c90] {
  z-index: 1;
  position: relative;
}
.platform-item-53 .platform-item-name[data-v-6bb88c90] {
  color: var(--ep-color-text-highlight-white);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
}
.platform-item-53 .platform-item-foot[data-v-6bb88c90] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.platform-item-53 .platform-item-foot .platform-item-logo[data-v-6bb88c90] {
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
}
.platform-item-53 .platform-item-foot .platform-item-logo .platform-logo[data-v-6bb88c90] {
  width: 100%;
  height: 100%;
}
.platform-item-53 .platform-item-foot .platform-item-total[data-v-6bb88c90] {
  padding: 0 0.3125rem;
  color: var(--ep-color-text-highlight-white);
  background: var(--ep-neutral-black-black-50, rgba(0, 0, 0, 0.5));
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 1.25rem;
}
.platform-1 .platform-item-53[data-v-6bb88c90] {
  height: 5rem;
  padding: 1.3125rem 0.625rem 0.1875rem;
}
.platform-1 .platform-item-53 .platform-item-game-img[data-v-6bb88c90] {
  width: 80.9%;
  -webkit-mask-image: linear-gradient(270deg, transparent 0%, #000 100%);
          mask-image: linear-gradient(270deg, transparent 0%, #000 100%);
}
.platform-1 .platform-item-53 .platform-item-name[data-v-6bb88c90] {
  text-align: right;
}
.platform-2 .platform-item-53[data-v-6bb88c90] {
  width: 6.375rem;
  height: 6.875rem;
  flex-direction: column-reverse;
  padding: 0 0.3125rem 0.25rem;
  justify-content: space-between;
}
.platform-2 .platform-item-53 .platform-item-game-img[data-v-6bb88c90] {
  width: 100%;
}
.platform-2 .platform-item-53 .platform-item-name[data-v-6bb88c90] {
  text-align: center;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.platform-card-53[data-v-bca376d1] {
  margin: 0 auto;
  width: 22.875rem;
  box-sizing: border-box;
}
.platform-card-53 .platform-scroll-container[data-v-bca376d1] {
  display: flex;
  gap: var(--platform-gap1, 0.625rem);
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.platform-card-53 .platform-scroll-container[data-v-bca376d1]::-webkit-scrollbar {
  display: none;
}
.platform-card-53.platform-1[data-v-bca376d1] .platform-scroll-wrapper {
  justify-content: center;
}
.platform-card-53.platform-1[data-v-bca376d1] .platform-scroll-wrapper .platform-scroll-item:only-child .platform-item-53 {
  width: 11.125rem;
}
.platform-card-53.platform-1[data-v-bca376d1] .platform-scroll-wrapper .platform-scroll-item:not(:only-child) {
  flex: 1;
  min-width: 0;
}
.platform-card-53.platform-1[data-v-bca376d1] .platform-scroll-wrapper .platform-scroll-item:not(:only-child) .platform-item-53 {
  width: 100%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.platform-item-54[data-v-e9e1b442] {
  display: flex;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: space-between;
  border-radius: var(--ep-border-radius-l, 0.5rem);
}
.platform-item-54 .platform-item-game-img[data-v-e9e1b442] {
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
}
.platform-item-54 .platform-item-game-img[data-v-e9e1b442] .img-box {
  object-fit: cover;
}
.platform-item-54[data-v-e9e1b442]::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 23.6%, var(--card-accent) 80.9%);
}
.platform-item-54 .platform-item-name[data-v-e9e1b442],
.platform-item-54 .platform-item-foot[data-v-e9e1b442] {
  z-index: 1;
  position: relative;
}
.platform-item-54 .platform-item-name[data-v-e9e1b442] {
  color: var(--ep-color-text-highlight-white);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.125rem;
}
.platform-item-54 .platform-item-foot[data-v-e9e1b442] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 1.25rem;
}
.platform-item-54 .platform-item-foot .platform-item-logo[data-v-e9e1b442] {
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
}
.platform-item-54 .platform-item-foot .platform-item-logo .platform-logo[data-v-e9e1b442] {
  width: 100%;
  height: 100%;
}
.platform-item-54 .platform-item-foot .platform-item-total[data-v-e9e1b442] {
  padding: 0 0.3125rem;
  color: var(--ep-color-text-highlight-white);
  background: var(--ep-neutral-black-black-50, rgba(0, 0, 0, 0.5));
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-regular, 400);
  line-height: 0.9375rem;
}
.platform-1 .platform-item-54[data-v-e9e1b442] {
  height: 5rem;
  padding: 1.3125rem 0.625rem 0.1875rem;
  background: var(--card-base);
}
.platform-1 .platform-item-54 .platform-item-game-img[data-v-e9e1b442] {
  width: 80.9%;
  -webkit-mask-image: linear-gradient(270deg, transparent 0%, #000 100%);
          mask-image: linear-gradient(270deg, transparent 0%, #000 100%);
}
.platform-1 .platform-item-54 .platform-item-name[data-v-e9e1b442] {
  text-align: right;
}
.platform-2 .platform-item-54[data-v-e9e1b442] {
  width: 6.375rem;
  height: 6.875rem;
  flex-direction: column-reverse;
  justify-content: space-between;
  padding: 0 0.3125rem 0.1875rem;
}
.platform-2 .platform-item-54 .platform-item-game-img[data-v-e9e1b442] {
  width: 100%;
}
.platform-2 .platform-item-54 .platform-item-name[data-v-e9e1b442] {
  text-align: center;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.platform-card-54[data-v-1383fd22] {
  margin: 0 auto;
  width: 22.875rem;
  box-sizing: border-box;
}
.platform-card-54 .platform-scroll-container[data-v-1383fd22] {
  display: flex;
  gap: var(--platform-gap1, 0.625rem);
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.platform-card-54 .platform-scroll-container[data-v-1383fd22]::-webkit-scrollbar {
  display: none;
}
.platform-card-54.platform-1[data-v-1383fd22] .platform-scroll-wrapper {
  justify-content: center;
}
.platform-card-54.platform-1[data-v-1383fd22] .platform-scroll-wrapper .platform-scroll-item:only-child .platform-item-54 {
  width: 11.125rem;
}
.platform-card-54.platform-1[data-v-1383fd22] .platform-scroll-wrapper .platform-scroll-item:not(:only-child) {
  flex: 1;
  min-width: 0;
}
.platform-card-54.platform-1[data-v-1383fd22] .platform-scroll-wrapper .platform-scroll-item:not(:only-child) .platform-item-54 {
  width: 100%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-6d30566a] {
  /**
   * 53 号（炫彩紫）：设计稿只画了 custom-3（见 3.less 的 .layout53），style1 / style2 没出图。
   * 后台可随时把 styleLayout 切成这两种，所以按 53 号的版心（366 宽）和直角语言给一套兜底，
   * 高度沿用同版心的 42 号比例；真出图了改这里的数值即可。
   */
}
html .layout17.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout17.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout17.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
html .layout17.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout17.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
html .layout17.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout17.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout17.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
html .layout17.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
html .layout17.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
html .layout17.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout18.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout18.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout18.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
html .layout18.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout18.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
html .layout18.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout18.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout18.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
html .layout18.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
html .layout18.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
html .layout18.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout24.custom-1[data-v-6d30566a] {
  width: 22.875rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout24.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout24.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-large, 0.875rem) var(--ep-border-radius-xl, 0.875rem);
}
html .layout24.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout24.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
html .layout24.custom-2[data-v-6d30566a] {
  width: 22.875rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout24.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout24.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-large, 0.875rem) var(--ep-border-radius-xl, 0.875rem);
}
html .layout24.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
html .layout24.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
html .layout24.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout25.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout25.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout25.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
html .layout25.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout25.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
html .layout25.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout25.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout25.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
html .layout25.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
html .layout25.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
html .layout25.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout26.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout26.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout26.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-large, 0.875rem) var(--ep-border-radius-xl, 0.875rem);
}
html .layout26.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout26.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
html .layout26.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout26.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout26.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-large, 0.875rem) var(--ep-border-radius-xl, 0.875rem);
}
html .layout26.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
html .layout26.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
html .layout26.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout27.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout27.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout27.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
html .layout27.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout27.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
html .layout27.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout27.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout27.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
html .layout27.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
html .layout27.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
html .layout27.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout28.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout28.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout28.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
html .layout28.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout28.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
html .layout28.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap2) var(--custom-gap1);
}
html .layout28.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout28.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
html .layout28.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5rem;
}
html .layout28.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
html .layout28.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout30.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout30.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout30.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem);
}
html .layout30.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout30.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
html .layout30.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout30.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout30.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem);
}
html .layout30.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
html .layout30.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
html .layout30.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout36.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout36.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout36.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem);
}
html .layout36.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout36.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
html .layout36.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout36.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout36.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem);
}
html .layout36.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
html .layout36.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
html .layout36.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout37.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout37.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout37.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-large) var(--ep-border-radius-xl);
}
html .layout37.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout37.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
html .layout37.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout37.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout37.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-large) var(--ep-border-radius-xl);
}
html .layout37.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
html .layout37.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
html .layout37.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout39.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout39.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout39.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
html .layout39.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout39.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
html .layout39.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout39.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout39.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
html .layout39.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
html .layout39.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
html .layout39.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout42.custom-1[data-v-6d30566a] {
  width: 22.875rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout42.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout42.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: 0.625rem;
}
html .layout42.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 3.75rem;
}
html .layout42.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 6.25rem;
}
html .layout42.custom-2[data-v-6d30566a] {
  width: 22.875rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout42.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout42.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: 0.625rem;
}
html .layout42.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 3.75rem;
}
html .layout42.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
html .layout42.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 4.375rem;
}
html .layout44.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout44.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout44.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: 0.375rem;
}
html .layout44.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout44.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
html .layout44.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout44.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout44.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: 0.375rem;
}
html .layout44.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
html .layout44.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
html .layout44.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout45.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout45.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout45.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem) var(--ep-border-radius-xl, 0.625rem);
}
html .layout45.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout45.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
html .layout45.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout45.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout45.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem) var(--ep-border-radius-xl, 0.625rem);
}
html .layout45.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
html .layout45.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
html .layout45.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout45.custom-2.layout49 .item-image[data-v-6d30566a]:nth-child(3),
html .layout45.custom-2.layout49 .item-image[data-v-6d30566a]:nth-child(4),
html .layout45.custom-2.layout49 .item-image[data-v-6d30566a]:nth-child(5) {
  height: 3.75rem;
}
html .layout50.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout50.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout50.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem) var(--ep-border-radius-xl, 0.625rem);
}
html .layout50.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout50.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
html .layout50.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout50.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout50.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem) var(--ep-border-radius-xl, 0.625rem);
}
html .layout50.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
html .layout50.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
html .layout50.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout46.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout46.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout46.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: 0.625rem;
}
html .layout46.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout46.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
html .layout46.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout46.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout46.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: 0.625rem;
}
html .layout46.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 3.75rem;
}
html .layout46.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
html .layout46.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 4.375rem;
}
html .layout51.custom-1[data-v-6d30566a] {
  width: 21.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout51.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout51.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem);
}
html .layout51.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout51.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
html .layout51.custom-2[data-v-6d30566a] {
  width: 21.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout51.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout51.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem);
}
html .layout51.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
html .layout51.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
html .layout51.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
html .layout53.custom-1[data-v-6d30566a] {
  width: 22.875rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout53.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout53.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: 0;
}
html .layout53.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 3.75rem;
}
html .layout53.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 6.25rem;
}
html .layout53.custom-2[data-v-6d30566a] {
  width: 22.875rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout53.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout53.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: 0;
}
html .layout53.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 3.75rem;
}
html .layout53.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
html .layout53.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 4.375rem;
}
html .layout54.custom-1[data-v-6d30566a] {
  width: 22.875rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout54.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout54.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: 0.5rem;
}
html .layout54.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 3.75rem;
}
html .layout54.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 6.25rem;
}
html .layout54.custom-2[data-v-6d30566a] {
  width: 22.875rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
html .layout54.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
html .layout54.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: 0.5rem;
}
html .layout54.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 3.75rem;
}
html .layout54.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
html .layout54.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 4.375rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36[data-v-6d30566a] {
  /**
   * 53 号（炫彩紫）：设计稿只画了 custom-3（见 3.less 的 .layout53），style1 / style2 没出图。
   * 后台可随时把 styleLayout 切成这两种，所以按 53 号的版心（366 宽）和直角语言给一套兜底，
   * 高度沿用同版心的 42 号比例；真出图了改这里的数值即可。
   */
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout17.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout17.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout17.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout17.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout17.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout17.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout17.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout17.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout17.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout17.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout17.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout18.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout18.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout18.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout18.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout18.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout18.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout18.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout18.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout18.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout18.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout18.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout24.custom-1[data-v-6d30566a] {
  width: 22.875rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout24.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout24.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-large, 0.875rem) var(--ep-border-radius-xl, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout24.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout24.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout24.custom-2[data-v-6d30566a] {
  width: 22.875rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout24.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout24.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-large, 0.875rem) var(--ep-border-radius-xl, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout24.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout24.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout24.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout25.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout25.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout25.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout25.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout25.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout25.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout25.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout25.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout25.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout25.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout25.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout26.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout26.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout26.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-large, 0.875rem) var(--ep-border-radius-xl, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout26.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout26.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout26.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout26.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout26.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-large, 0.875rem) var(--ep-border-radius-xl, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout26.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout26.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout26.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout27.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout27.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout27.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout27.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout27.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout27.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout27.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout27.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout27.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout27.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout27.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout28.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout28.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout28.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout28.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout28.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout28.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap2) var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout28.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout28.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout28.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout28.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout28.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout30.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout30.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout30.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout30.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout30.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout30.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout30.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout30.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout30.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout30.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout30.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout36.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout36.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout36.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout36.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout36.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout36.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout36.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout36.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout36.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout36.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout36.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout37.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout37.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout37.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-large) var(--ep-border-radius-xl);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout37.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout37.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout37.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout37.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout37.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-large) var(--ep-border-radius-xl);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout37.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout37.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout37.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout39.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout39.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout39.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout39.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout39.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout39.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout39.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout39.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout39.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout39.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout39.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout42.custom-1[data-v-6d30566a] {
  width: 22.875rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout42.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout42.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: 0.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout42.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 3.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout42.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 6.25rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout42.custom-2[data-v-6d30566a] {
  width: 22.875rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout42.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout42.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: 0.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout42.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 3.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout42.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout42.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 4.375rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout44.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout44.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout44.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: 0.375rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout44.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout44.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout44.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout44.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout44.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: 0.375rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout44.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout44.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout44.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout45.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout45.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout45.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem) var(--ep-border-radius-xl, 0.625rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout45.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout45.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout45.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout45.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout45.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem) var(--ep-border-radius-xl, 0.625rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout45.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout45.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout45.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout45.custom-2.layout49 .item-image[data-v-6d30566a]:nth-child(3),
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout45.custom-2.layout49 .item-image[data-v-6d30566a]:nth-child(4),
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout45.custom-2.layout49 .item-image[data-v-6d30566a]:nth-child(5) {
  height: 3.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout50.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout50.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout50.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem) var(--ep-border-radius-xl, 0.625rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout50.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout50.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout50.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout50.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout50.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem) var(--ep-border-radius-xl, 0.625rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout50.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout50.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout50.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout46.custom-1[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout46.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout46.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: 0.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout46.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout46.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout46.custom-2[data-v-6d30566a] {
  width: 22.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout46.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout46.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: 0.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout46.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 3.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout46.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout46.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 4.375rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout51.custom-1[data-v-6d30566a] {
  width: 21.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout51.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout51.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout51.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout51.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 8.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout51.custom-2[data-v-6d30566a] {
  width: 21.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout51.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout51.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout51.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout51.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout51.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout53.custom-1[data-v-6d30566a] {
  width: 22.875rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout53.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout53.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout53.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 3.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout53.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 6.25rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout53.custom-2[data-v-6d30566a] {
  width: 22.875rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout53.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout53.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout53.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 3.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout53.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout53.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 4.375rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout54.custom-1[data-v-6d30566a] {
  width: 22.875rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout54.custom-1 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout54.custom-1 .item-image[data-v-6d30566a]::part(image) {
  border-radius: 0.5rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout54.custom-1 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 3.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout54.custom-1 .item-image:nth-child(1).good-img[data-v-6d30566a] {
  flex: 0 0 100%;
  height: 6.25rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout54.custom-2[data-v-6d30566a] {
  width: 22.875rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout54.custom-2 .item-image[data-v-6d30566a] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout54.custom-2 .item-image[data-v-6d30566a]::part(image) {
  border-radius: 0.5rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout54.custom-2 .item-image.good-img[data-v-6d30566a] {
  flex: 0 0 calc(100% / 3 - var(--custom-gap1) * 2 / 3);
  height: 3.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout54.custom-2 .item-image:nth-child(1).good-img[data-v-6d30566a],
#tabbar-tabs-inicio-components-gameBarCard-components-custom-1-36 .layout54.custom-2 .item-image:nth-child(2).good-img[data-v-6d30566a] {
  flex: 0 0 calc(50% - var(--custom-gap1) / 2);
  height: 4.375rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html[data-v-13562e1f] {
  /**
   * 53 号（炫彩紫）设计稿 node 17023:40800：366 宽两栏，
   * 左大卡 190x200、右三张 166x60，横竖间距都是 10px（--custom-gap1 由配置给）。
   * 圆角取 0——53 号的形状语言是切角不是圆角；右侧三张按设计稿在右下角切掉 7px，
   * 只裁 ::part(image)、不裁 host，缺口就透出 host 的品红底色（= 设计稿那枚品红小三角）。
   */
}
html .layout17.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
html .layout17.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
html .layout17.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
html .layout17.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
html .layout17.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
html .layout17.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
html .layout18.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
html .layout18.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
html .layout18.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
html .layout18.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
html .layout18.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
html .layout18.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
html .layout24.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
html .layout24.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
html .layout24.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-surface-large, 0.875rem) var(--ep-border-radius-xl, 0.875rem);
}
html .layout24.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 13.25rem;
  height: 18.125rem;
}
html .layout24.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
html .layout24.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
html .layout25.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
html .layout25.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
html .layout25.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
html .layout25.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
html .layout25.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
html .layout25.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
html .layout26.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
html .layout26.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
html .layout26.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-surface-large, 0.875rem) var(--ep-border-radius-xl, 0.875rem);
}
html .layout26.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
html .layout26.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
html .layout26.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
html .layout27.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
html .layout27.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
html .layout27.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
html .layout27.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
html .layout27.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
html .layout27.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
html .layout28.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap2);
}
html .layout28.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
html .layout28.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-m, 0.875rem);
}
html .layout28.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
html .layout28.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
html .layout28.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 8.75rem;
  height: 5.625rem;
}
html .layout30.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
html .layout30.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
html .layout30.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem);
}
html .layout30.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
html .layout30.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
html .layout30.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
html .layout36.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
html .layout36.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
html .layout36.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem);
}
html .layout36.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
html .layout36.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
html .layout36.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
html .layout37.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
html .layout37.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
html .layout37.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-surface-large) var(--ep-border-radius-xl);
}
html .layout37.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
html .layout37.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
html .layout37.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
html .layout39.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
html .layout39.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
html .layout39.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
html .layout39.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
html .layout39.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
html .layout39.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
html .layout42.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
html .layout42.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
html .layout42.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: 0.625rem;
}
html .layout42.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 11.875rem;
  height: 18.125rem;
}
html .layout42.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
html .layout42.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 10.375rem;
  height: 5.625rem;
}
html .layout42.custom-3 .item-image.good-img[data-v-13562e1f] {
  height: 12.5rem;
}
html .layout42.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  height: 3.75rem;
}
html .layout44.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
html .layout44.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
html .layout44.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: 0.375rem;
}
html .layout44.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
html .layout44.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
html .layout44.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
html .layout44.custom-3 .item-image.good-img[data-v-13562e1f] {
  height: 18.125rem;
}
html .layout44.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  height: 5.625rem;
}
html .layout45.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
html .layout45.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
html .layout45.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem) var(--ep-border-radius-xl, 0.625rem);
}
html .layout45.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
html .layout45.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
html .layout45.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
html .layout50.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
html .layout50.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
html .layout50.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem) var(--ep-border-radius-xl, 0.625rem);
}
html .layout50.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
html .layout50.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
html .layout50.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
html .layout46.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
html .layout46.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
html .layout46.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: 0.625rem;
}
html .layout46.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 11.875rem;
  height: 18.125rem;
}
html .layout46.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
html .layout46.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 10.375rem;
  height: 5.625rem;
}
html .layout46.custom-3 .item-image.good-img[data-v-13562e1f] {
  height: 12.5rem;
}
html .layout46.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  height: 3.75rem;
}
html .layout51.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
html .layout51.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
html .layout51.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem);
}
html .layout51.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.5rem;
  height: 17.625rem;
}
html .layout51.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
html .layout51.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 8.5rem;
  height: 5.625rem;
}
html .layout53.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
html .layout53.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
html .layout53.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: 0;
}
html .layout53.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 11.875rem;
  height: 18.125rem;
}
html .layout53.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
html .layout53.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 10.375rem;
  height: 5.625rem;
}
html .layout53.custom-3 .item-image.good-img[data-v-13562e1f] {
  height: 12.5rem;
}
html .layout53.custom-3 .desc-box .item-image[data-v-13562e1f] {
  background: var(--ep-color-background-fill-active-primary);
}
html .layout53.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  height: 3.75rem;
}
html .layout53.custom-3 .desc-box .item-image[data-v-13562e1f]::part(image) {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0.4375rem), calc(100% - 0.4375rem) 100%, 0 100%);
}
html .layout54.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
html .layout54.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
html .layout54.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: 0.5rem;
}
html .layout54.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 11.875rem;
  height: 18.125rem;
}
html .layout54.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
html .layout54.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 10.375rem;
  height: 5.625rem;
}
html .layout54.custom-3 .item-image.good-img[data-v-13562e1f] {
  height: 12.5rem;
}
html .layout54.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  height: 3.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36[data-v-13562e1f] {
  /**
   * 53 号（炫彩紫）设计稿 node 17023:40800：366 宽两栏，
   * 左大卡 190x200、右三张 166x60，横竖间距都是 10px（--custom-gap1 由配置给）。
   * 圆角取 0——53 号的形状语言是切角不是圆角；右侧三张按设计稿在右下角切掉 7px，
   * 只裁 ::part(image)、不裁 host，缺口就透出 host 的品红底色（= 设计稿那枚品红小三角）。
   */
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout17.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout17.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout17.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout17.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout17.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout17.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout18.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout18.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout18.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout18.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout18.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout18.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout24.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout24.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout24.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-surface-large, 0.875rem) var(--ep-border-radius-xl, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout24.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 13.25rem;
  height: 18.125rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout24.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout24.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout25.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout25.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout25.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout25.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout25.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout25.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout26.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout26.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout26.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-surface-large, 0.875rem) var(--ep-border-radius-xl, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout26.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout26.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout26.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout27.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout27.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout27.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout27.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout27.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout27.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout28.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap2);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout28.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout28.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-m, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout28.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout28.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout28.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 8.75rem;
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout30.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout30.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout30.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout30.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout30.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout30.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout36.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout36.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout36.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout36.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout36.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout36.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout37.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout37.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout37.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-surface-large) var(--ep-border-radius-xl);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout37.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout37.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout37.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout39.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout39.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout39.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-surface-default, 0.875rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout39.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout39.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout39.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout42.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout42.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout42.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: 0.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout42.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 11.875rem;
  height: 18.125rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout42.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout42.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 10.375rem;
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout42.custom-3 .item-image.good-img[data-v-13562e1f] {
  height: 12.5rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout42.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  height: 3.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout44.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout44.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout44.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: 0.375rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout44.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout44.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout44.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout44.custom-3 .item-image.good-img[data-v-13562e1f] {
  height: 18.125rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout44.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout45.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout45.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout45.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem) var(--ep-border-radius-xl, 0.625rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout45.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout45.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout45.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout50.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout50.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout50.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem) var(--ep-border-radius-xl, 0.625rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout50.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.875rem;
  height: 18.125rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout50.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout50.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 9rem;
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout46.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout46.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout46.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: 0.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout46.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 11.875rem;
  height: 18.125rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout46.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout46.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 10.375rem;
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout46.custom-3 .item-image.good-img[data-v-13562e1f] {
  height: 12.5rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout46.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  height: 3.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout51.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout51.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout51.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: var(--ep-border-radius-xl, 0.625rem);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout51.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 12.5rem;
  height: 17.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout51.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout51.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 8.5rem;
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout53.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout53.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout53.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout53.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 11.875rem;
  height: 18.125rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout53.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout53.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 10.375rem;
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout53.custom-3 .item-image.good-img[data-v-13562e1f] {
  height: 12.5rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout53.custom-3 .desc-box .item-image[data-v-13562e1f] {
  background: var(--ep-color-background-fill-active-primary);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout53.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  height: 3.75rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout53.custom-3 .desc-box .item-image[data-v-13562e1f]::part(image) {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0.4375rem), calc(100% - 0.4375rem) 100%, 0 100%);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout54.custom-3[data-v-13562e1f] {
  display: flex;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout54.custom-3 .item-image[data-v-13562e1f] {
  object-fit: fill;
  width: 0;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout54.custom-3 .item-image[data-v-13562e1f]::part(image) {
  border-radius: 0.5rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout54.custom-3 .item-image.good-img[data-v-13562e1f] {
  width: 11.875rem;
  height: 18.125rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout54.custom-3 .desc-box[data-v-13562e1f] {
  display: flex;
  flex-direction: column;
  gap: var(--custom-gap1);
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout54.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  width: 10.375rem;
  height: 5.625rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout54.custom-3 .item-image.good-img[data-v-13562e1f] {
  height: 12.5rem;
}
#tabbar-tabs-inicio-components-gameBarCard-components-custom-3-36 .layout54.custom-3 .desc-box .item-image.good-img[data-v-13562e1f] {
  height: 3.75rem;
}

div.button ion-button.amber-button[data-v-3748c66d] {
  --background: var(--color-button-bg-basic);
  --border-radius: var(--rounded-large);
  --padding-start: .625rem;
  --padding-end: .625rem;
  --box-shadow: none;
  font-size: var(--font-size-14, .875rem);
  font-weight: var(--button-font-weight, bold);
  min-height: 26px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
div.button ion-button[data-v-3748c66d]::part(native) {
  box-shadow: var(--color-button-shadow-basic);
}
div.button ion-button.amber-button.ion-activated[data-v-3748c66d] {
  height: calc(var(--bd8f2e90) - 2.4px)
}
div.button ion-button.amber-button.ion-activated[data-v-3748c66d]::part(native) {
  box-shadow: none;
}
div.button ion-button.amber-button p[data-v-3748c66d] {
  font-size: inherit;
}
div.button ion-button.amber-button p span[data-v-3748c66d] {
  color: var(--button-text-color, --text-color-white-100); /* 默认白色文字 */
}
div.button ion-button.amber-button.disabled p span[data-v-3748c66d] {
  color: var(--color-primary-btn-text-disable); /* 默认白色文字 */
}
ion-button.amber-button p {
  color: var(--text-color-white-100);
  /* 默认白色文字 */
}
ion-button.disabled[data-v-3748c66d] {
  opacity: 0.4;
  --background: var(--color-disable) !important; /* 禁用状态背景色 */
  --color: var(--text-color-white-60); /* 禁用状态文字颜色 */
}
ion-button.loading[data-v-3748c66d] {
  --background: var(--color-load) !important; /* 加载状态背景色 */
  --color: rgba(45, 45, 45, 0.6);; /* 加载状态文字颜色 */
}
div.shiny[data-v-3748c66d] {
  position: relative;
  overflow: hidden;
  border-radius: .25rem;
}
div.shiny[data-v-3748c66d]::before {
  content: '';
  background: var(--color-text-100);
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: -180px;
  width: 30px;
  z-index: 99;
  animation: shiny-3748c66d 4s ease-in-out infinite;
}
@keyframes shiny-3748c66d {
0% {
    opacity: 0;
    transform: scale(0) rotate(45deg);
}
80% {
    opacity: 0.5;
    transform: scale(0) rotate(45deg);
}
81% {
    opacity: 1;
    transform: scale(4) rotate(45deg);
}
100% {
    opacity: 0;
    transform: scale(50) rotate(45deg);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
/* Payment 未选中等场景: 充值按钮置灰 + 拦截点击 */
.btn-disabled[data-v-23ebafec] {
  opacity: 0.5;
  pointer-events: none;
}
ion-item.submit[data-v-23ebafec] {
  --min-height: 0;
  --background: var(--theme-color-gradient-100);
  --border-radius: 10px;
  margin: 1.25rem auto 0;
  width: 17.5rem;
  font-size: var(--font-size-16);
  --tw-drop-shadow: drop-shadow(var(--drop-shadow-submit));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
ion-item.submit ion-button[data-v-23ebafec] {
  width: 100%;
  min-height: 2.5rem;
  --border-radius: 10px;
  font-size: var(--font-size-16);
  color: var(--color-text-white-100);
}
ion-button[data-v-23ebafec] {
  text-transform: none;
  /* 取消按钮文本自动大写 */
}
.submit-btn-warp[data-v-23ebafec] {
  width: 17.5rem;
  margin: 1.25rem auto 0;
}
.auroral-yellow ion-item.submit[data-v-23ebafec] {
  --background: var(--theme-color-800);
}
.auroral-yellow ion-item.submit ion-button[data-v-23ebafec] {
  color: var(--color-text-black-100);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.share-modal[data-v-8f22f215] {
  --height: auto;
  --max-width: 24.375rem;
  --width: 100%;
  --border-radius: 0;
  align-items: flex-end;
}
.modal-wrapper[data-v-8f22f215],
.modal-shadow[data-v-8f22f215] {
  --max-height: 100%;
}
.new-skin-symbol .modal-container[data-v-8f22f215] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.new-skin-symbol .modal-container .modal-content[data-v-8f22f215] {
  position: relative;
  padding: 0.7rem 1rem 1rem 1rem;
  border-radius: var(--ep-border-radius-surface-small, 0.75rem) var(--ep-border-radius-surface-small, 0.75rem) 0 0;
  background: var(--ep-color-background-fill-surface-raised-L2);
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}
.new-skin-symbol .modal-container .modal-content .modal-close-icon[data-v-8f22f215] {
  position: absolute;
  top: 0.625rem;
  right: 1rem;
  font-size: 1.5625rem;
  color: var(--ep-color-icon-default);
}
.new-skin-symbol .modal-container .modal-content .modal-title[data-v-8f22f215] {
  display: flex;
  align-items: flex-start;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
}
.new-skin-symbol .modal-container .modal-content .modal-title .modal-title-index[data-v-8f22f215] {
  display: inline-block;
  flex: 0 0 0.75rem;
  margin-right: 0.25rem;
}
.new-skin-symbol .modal-container .share-preview[data-v-8f22f215] {
  position: relative;
  margin: 0.5rem auto 0 auto;
  border-radius: 1.25rem;
  overflow: hidden;
  width: 22.5rem;
  height: 25rem;
}
.new-skin-symbol .modal-container .share-preview[data-v-8f22f215]::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 65%, rgba(40, 40, 40, 0.9) 100%);
  pointer-events: none;
  z-index: 1;
}
.new-skin-symbol .modal-container .share-preview .share-preview-text[data-v-8f22f215] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem;
  color: #ffffff;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
  line-height: 1.5;
  z-index: 2;
}
.new-skin-symbol .modal-container .share-preview img[data-v-8f22f215] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.new-skin-symbol .modal-container .platform[data-v-8f22f215] {
  margin: 0.5rem 0;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.new-skin-symbol .modal-container .platform[data-v-8f22f215]::-webkit-scrollbar {
  display: none;
}
.new-skin-symbol .modal-container .platform .platform-share-title[data-v-8f22f215] {
  font-size: var(--ep-font-size-m);
  color: var(--ep-color-text-weak);
  font-weight: var(--ep-font-weight-medium);
  margin-bottom: 0.25rem;
}
.new-skin-symbol .modal-container .platform .platform-list[data-v-8f22f215] {
  white-space: nowrap;
  font-size: 0;
}
.new-skin-symbol .modal-container .platform .platform-list .platform-icon[data-v-8f22f215] {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
}
.new-skin-symbol .modal-container .platform .platform-list .platform-icon[data-v-8f22f215]:not(:last-child) {
  margin-right: 1.25rem;
}
.new-skin-symbol .modal-container .share-link[data-v-8f22f215] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-body-default);
  padding: 0.5rem 0.75rem;
}
.new-skin-symbol .modal-container .share-link .share-link-url[data-v-8f22f215] {
  flex: 1;
  min-width: 0;
  color: var(--ep-color-text-weakest);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-skin-symbol .modal-container .share-link .share-link-copy[data-v-8f22f215] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-text-weak, var(--color-primary-800));
}
.new-skin-symbol .modal-container .phone-area .modal-title[data-v-8f22f215] {
  margin: 0.75rem 0;
}
.new-skin-symbol .modal-container .phone-area .phone-container[data-v-8f22f215] {
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-body-default);
  padding: 1.25rem;
}
.new-skin-symbol .modal-container .phone-area .phone-container .phone-list[data-v-8f22f215] {
  display: flex;
  flex-wrap: wrap;
  max-height: 8rem;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.new-skin-symbol .modal-container .phone-area .phone-container .phone-list[data-v-8f22f215]::-webkit-scrollbar {
  display: none;
}
.new-skin-symbol .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215] {
  width: calc(100% / 3);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 500);
  margin-bottom: 0.75rem;
  color: var(--ep-color-text-default);
}
.new-skin-symbol .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-8f22f215] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215]:nth-child(3n - 1) {
  text-align: center;
}
.new-skin-symbol .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215]:nth-child(3n) {
  text-align: right;
}
.new-skin-symbol .modal-container .phone-area .send-container[data-v-8f22f215] {
  display: flex;
  margin-top: 0.75rem;
  margin-bottom: 1.25rem;
  gap: 1.25rem;
}
.new-skin-symbol .modal-container .phone-area .send-container .send-button[data-v-8f22f215] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-body-default);
  padding: 0.375rem 0.5rem;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  gap: 0.5rem;
}
.new-skin-symbol .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-8f22f215] {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0;
}
.new-skin-symbol .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-8f22f215] {
  width: 100%;
  height: 100%;
}
.green-dark .modal-container[data-v-8f22f215],
.yellow-dark .modal-container[data-v-8f22f215],
.amber-purple .modal-container[data-v-8f22f215] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.green-dark .modal-container .modal-content[data-v-8f22f215],
.yellow-dark .modal-container .modal-content[data-v-8f22f215],
.amber-purple .modal-container .modal-content[data-v-8f22f215] {
  position: relative;
  padding: 0.7rem 1rem 1rem 1rem;
  border-radius: var(--ep-border-radius-surface-small, 0.75rem) var(--ep-border-radius-surface-small, 0.75rem) 0 0;
  background: var(--color-bg-300);
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}
.green-dark .modal-container .modal-content .modal-close-icon[data-v-8f22f215],
.yellow-dark .modal-container .modal-content .modal-close-icon[data-v-8f22f215],
.amber-purple .modal-container .modal-content .modal-close-icon[data-v-8f22f215] {
  position: absolute;
  top: 0.625rem;
  right: 1rem;
  font-size: 1.5625rem;
  color: var(--ep-color-icon-default);
}
.green-dark .modal-container .modal-content .modal-title[data-v-8f22f215],
.yellow-dark .modal-container .modal-content .modal-title[data-v-8f22f215],
.amber-purple .modal-container .modal-content .modal-title[data-v-8f22f215] {
  display: flex;
  align-items: flex-start;
  color: var(--color-text-50);
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
}
.green-dark .modal-container .modal-content .modal-title .modal-title-index[data-v-8f22f215],
.yellow-dark .modal-container .modal-content .modal-title .modal-title-index[data-v-8f22f215],
.amber-purple .modal-container .modal-content .modal-title .modal-title-index[data-v-8f22f215] {
  display: inline-block;
  flex: 0 0 0.75rem;
  margin-right: 0.25rem;
}
.green-dark .modal-container .share-preview[data-v-8f22f215],
.yellow-dark .modal-container .share-preview[data-v-8f22f215],
.amber-purple .modal-container .share-preview[data-v-8f22f215] {
  position: relative;
  margin: 0.5rem auto 0 auto;
  border-radius: 1.25rem;
  overflow: hidden;
  width: 22.5rem;
  height: 25rem;
}
.green-dark .modal-container .share-preview[data-v-8f22f215]::after,
.yellow-dark .modal-container .share-preview[data-v-8f22f215]::after,
.amber-purple .modal-container .share-preview[data-v-8f22f215]::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 65%, rgba(40, 40, 40, 0.9) 100%);
  pointer-events: none;
  z-index: 1;
}
.green-dark .modal-container .share-preview .share-preview-text[data-v-8f22f215],
.yellow-dark .modal-container .share-preview .share-preview-text[data-v-8f22f215],
.amber-purple .modal-container .share-preview .share-preview-text[data-v-8f22f215] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem;
  color: #ffffff;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
  line-height: 1.5;
  z-index: 2;
}
.green-dark .modal-container .share-preview img[data-v-8f22f215],
.yellow-dark .modal-container .share-preview img[data-v-8f22f215],
.amber-purple .modal-container .share-preview img[data-v-8f22f215] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.green-dark .modal-container .platform[data-v-8f22f215],
.yellow-dark .modal-container .platform[data-v-8f22f215],
.amber-purple .modal-container .platform[data-v-8f22f215] {
  margin: 0.5rem 0;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.green-dark .modal-container .platform[data-v-8f22f215]::-webkit-scrollbar,
.yellow-dark .modal-container .platform[data-v-8f22f215]::-webkit-scrollbar,
.amber-purple .modal-container .platform[data-v-8f22f215]::-webkit-scrollbar {
  display: none;
}
.green-dark .modal-container .platform .platform-share-title[data-v-8f22f215],
.yellow-dark .modal-container .platform .platform-share-title[data-v-8f22f215],
.amber-purple .modal-container .platform .platform-share-title[data-v-8f22f215] {
  font-size: var(--ep-font-size-m);
  color: var(--ep-color-text-weak);
  font-weight: var(--ep-font-weight-medium);
  margin-bottom: 0.25rem;
}
.green-dark .modal-container .platform .platform-list[data-v-8f22f215],
.yellow-dark .modal-container .platform .platform-list[data-v-8f22f215],
.amber-purple .modal-container .platform .platform-list[data-v-8f22f215] {
  white-space: nowrap;
  font-size: 0;
}
.green-dark .modal-container .platform .platform-list .platform-icon[data-v-8f22f215],
.yellow-dark .modal-container .platform .platform-list .platform-icon[data-v-8f22f215],
.amber-purple .modal-container .platform .platform-list .platform-icon[data-v-8f22f215] {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
}
.green-dark .modal-container .platform .platform-list .platform-icon[data-v-8f22f215]:not(:last-child),
.yellow-dark .modal-container .platform .platform-list .platform-icon[data-v-8f22f215]:not(:last-child),
.amber-purple .modal-container .platform .platform-list .platform-icon[data-v-8f22f215]:not(:last-child) {
  margin-right: 1.25rem;
}
.green-dark .modal-container .share-link[data-v-8f22f215],
.yellow-dark .modal-container .share-link[data-v-8f22f215],
.amber-purple .modal-container .share-link[data-v-8f22f215] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--color-bg-200);
  padding: 0.5rem 0.75rem;
}
.green-dark .modal-container .share-link .share-link-url[data-v-8f22f215],
.yellow-dark .modal-container .share-link .share-link-url[data-v-8f22f215],
.amber-purple .modal-container .share-link .share-link-url[data-v-8f22f215] {
  flex: 1;
  min-width: 0;
  color: var(--color-text-20);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.green-dark .modal-container .share-link .share-link-copy[data-v-8f22f215],
.yellow-dark .modal-container .share-link .share-link-copy[data-v-8f22f215],
.amber-purple .modal-container .share-link .share-link-copy[data-v-8f22f215] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-text-weak, var(--color-primary-800));
}
.green-dark .modal-container .phone-area .modal-title[data-v-8f22f215],
.yellow-dark .modal-container .phone-area .modal-title[data-v-8f22f215],
.amber-purple .modal-container .phone-area .modal-title[data-v-8f22f215] {
  margin: 0.75rem 0;
}
.green-dark .modal-container .phone-area .phone-container[data-v-8f22f215],
.yellow-dark .modal-container .phone-area .phone-container[data-v-8f22f215],
.amber-purple .modal-container .phone-area .phone-container[data-v-8f22f215] {
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--color-bg-200);
  padding: 1.25rem;
}
.green-dark .modal-container .phone-area .phone-container .phone-list[data-v-8f22f215],
.yellow-dark .modal-container .phone-area .phone-container .phone-list[data-v-8f22f215],
.amber-purple .modal-container .phone-area .phone-container .phone-list[data-v-8f22f215] {
  display: flex;
  flex-wrap: wrap;
  max-height: 8rem;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.green-dark .modal-container .phone-area .phone-container .phone-list[data-v-8f22f215]::-webkit-scrollbar,
.yellow-dark .modal-container .phone-area .phone-container .phone-list[data-v-8f22f215]::-webkit-scrollbar,
.amber-purple .modal-container .phone-area .phone-container .phone-list[data-v-8f22f215]::-webkit-scrollbar {
  display: none;
}
.green-dark .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215],
.yellow-dark .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215],
.amber-purple .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215] {
  width: calc(100% / 3);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 500);
  margin-bottom: 0.75rem;
  color: var(--color-text-100);
}
.green-dark .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-8f22f215],
.yellow-dark .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-8f22f215],
.amber-purple .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-8f22f215] {
  color: var(--color-text-100);
}
.green-dark .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215]:nth-child(3n - 1),
.yellow-dark .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215]:nth-child(3n - 1),
.amber-purple .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215]:nth-child(3n - 1) {
  text-align: center;
}
.green-dark .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215]:nth-child(3n),
.yellow-dark .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215]:nth-child(3n),
.amber-purple .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215]:nth-child(3n) {
  text-align: right;
}
.green-dark .modal-container .phone-area .send-container[data-v-8f22f215],
.yellow-dark .modal-container .phone-area .send-container[data-v-8f22f215],
.amber-purple .modal-container .phone-area .send-container[data-v-8f22f215] {
  display: flex;
  margin-top: 0.75rem;
  margin-bottom: 1.25rem;
  gap: 1.25rem;
}
.green-dark .modal-container .phone-area .send-container .send-button[data-v-8f22f215],
.yellow-dark .modal-container .phone-area .send-container .send-button[data-v-8f22f215],
.amber-purple .modal-container .phone-area .send-container .send-button[data-v-8f22f215] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--color-bg-200);
  padding: 0.375rem 0.5rem;
  color: var(--color-text-100);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  gap: 0.5rem;
}
.green-dark .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-8f22f215],
.yellow-dark .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-8f22f215],
.amber-purple .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-8f22f215] {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0;
}
.green-dark .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-8f22f215],
.yellow-dark .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-8f22f215],
.amber-purple .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-8f22f215] {
  width: 100%;
  height: 100%;
}
.purple-light .modal-container[data-v-8f22f215] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.purple-light .modal-container .modal-content[data-v-8f22f215] {
  position: relative;
  padding: 0.7rem 1rem 1rem 1rem;
  border-radius: var(--ep-border-radius-surface-small, 0.75rem) var(--ep-border-radius-surface-small, 0.75rem) 0 0;
  background: var(--color-bg-300);
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}
.purple-light .modal-container .modal-content .modal-close-icon[data-v-8f22f215] {
  position: absolute;
  top: 0.625rem;
  right: 1rem;
  font-size: 1.5625rem;
  color: var(--ep-color-icon-default);
}
.purple-light .modal-container .modal-content .modal-title[data-v-8f22f215] {
  display: flex;
  align-items: flex-start;
  color: var(--color-text-50);
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
}
.purple-light .modal-container .modal-content .modal-title .modal-title-index[data-v-8f22f215] {
  display: inline-block;
  flex: 0 0 0.75rem;
  margin-right: 0.25rem;
}
.purple-light .modal-container .share-preview[data-v-8f22f215] {
  position: relative;
  margin: 0.5rem auto 0 auto;
  border-radius: 1.25rem;
  overflow: hidden;
  width: 22.5rem;
  height: 25rem;
}
.purple-light .modal-container .share-preview[data-v-8f22f215]::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 65%, rgba(40, 40, 40, 0.9) 100%);
  pointer-events: none;
  z-index: 1;
}
.purple-light .modal-container .share-preview .share-preview-text[data-v-8f22f215] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem;
  color: #ffffff;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
  line-height: 1.5;
  z-index: 2;
}
.purple-light .modal-container .share-preview img[data-v-8f22f215] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.purple-light .modal-container .platform[data-v-8f22f215] {
  margin: 0.5rem 0;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.purple-light .modal-container .platform[data-v-8f22f215]::-webkit-scrollbar {
  display: none;
}
.purple-light .modal-container .platform .platform-share-title[data-v-8f22f215] {
  font-size: var(--ep-font-size-m);
  color: var(--ep-color-text-weak);
  font-weight: var(--ep-font-weight-medium);
  margin-bottom: 0.25rem;
}
.purple-light .modal-container .platform .platform-list[data-v-8f22f215] {
  white-space: nowrap;
  font-size: 0;
}
.purple-light .modal-container .platform .platform-list .platform-icon[data-v-8f22f215] {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
}
.purple-light .modal-container .platform .platform-list .platform-icon[data-v-8f22f215]:not(:last-child) {
  margin-right: 1.25rem;
}
.purple-light .modal-container .share-link[data-v-8f22f215] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--color-bg-200);
  padding: 0.5rem 0.75rem;
}
.purple-light .modal-container .share-link .share-link-url[data-v-8f22f215] {
  flex: 1;
  min-width: 0;
  color: var(--color-text-40);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.purple-light .modal-container .share-link .share-link-copy[data-v-8f22f215] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-text-weak, var(--color-primary-800));
}
.purple-light .modal-container .phone-area .modal-title[data-v-8f22f215] {
  margin: 0.75rem 0;
}
.purple-light .modal-container .phone-area .phone-container[data-v-8f22f215] {
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--color-bg-200);
  padding: 1.25rem;
}
.purple-light .modal-container .phone-area .phone-container .phone-list[data-v-8f22f215] {
  display: flex;
  flex-wrap: wrap;
  max-height: 8rem;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.purple-light .modal-container .phone-area .phone-container .phone-list[data-v-8f22f215]::-webkit-scrollbar {
  display: none;
}
.purple-light .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215] {
  width: calc(100% / 3);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 500);
  margin-bottom: 0.75rem;
  color: var(--color-text-100);
}
.purple-light .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-8f22f215] {
  color: var(--color-text-100);
}
.purple-light .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215]:nth-child(3n - 1) {
  text-align: center;
}
.purple-light .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215]:nth-child(3n) {
  text-align: right;
}
.purple-light .modal-container .phone-area .send-container[data-v-8f22f215] {
  display: flex;
  margin-top: 0.75rem;
  margin-bottom: 1.25rem;
  gap: 1.25rem;
}
.purple-light .modal-container .phone-area .send-container .send-button[data-v-8f22f215] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--color-bg-200);
  padding: 0.375rem 0.5rem;
  color: var(--color-text-100);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  gap: 0.5rem;
}
.purple-light .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-8f22f215] {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0;
}
.purple-light .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-8f22f215] {
  width: 100%;
  height: 100%;
}
.green-default .modal-container[data-v-8f22f215],
.blue-default .modal-container[data-v-8f22f215],
.forest-green .modal-container[data-v-8f22f215],
.auroral-yellow .modal-container[data-v-8f22f215] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.green-default .modal-container .modal-content[data-v-8f22f215],
.blue-default .modal-container .modal-content[data-v-8f22f215],
.forest-green .modal-container .modal-content[data-v-8f22f215],
.auroral-yellow .modal-container .modal-content[data-v-8f22f215] {
  position: relative;
  padding: 0.7rem 1rem 1rem 1rem;
  border-radius: var(--ep-border-radius-surface-small, 0.75rem) var(--ep-border-radius-surface-small, 0.75rem) 0 0;
  background: var(--color-bg-300);
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}
.green-default .modal-container .modal-content .modal-close-icon[data-v-8f22f215],
.blue-default .modal-container .modal-content .modal-close-icon[data-v-8f22f215],
.forest-green .modal-container .modal-content .modal-close-icon[data-v-8f22f215],
.auroral-yellow .modal-container .modal-content .modal-close-icon[data-v-8f22f215] {
  position: absolute;
  top: 0.625rem;
  right: 1rem;
  font-size: 1.5625rem;
  color: var(--ep-color-icon-default);
}
.green-default .modal-container .modal-content .modal-title[data-v-8f22f215],
.blue-default .modal-container .modal-content .modal-title[data-v-8f22f215],
.forest-green .modal-container .modal-content .modal-title[data-v-8f22f215],
.auroral-yellow .modal-container .modal-content .modal-title[data-v-8f22f215] {
  display: flex;
  align-items: flex-start;
  color: var(--color-text-80);
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
}
.green-default .modal-container .modal-content .modal-title .modal-title-index[data-v-8f22f215],
.blue-default .modal-container .modal-content .modal-title .modal-title-index[data-v-8f22f215],
.forest-green .modal-container .modal-content .modal-title .modal-title-index[data-v-8f22f215],
.auroral-yellow .modal-container .modal-content .modal-title .modal-title-index[data-v-8f22f215] {
  display: inline-block;
  flex: 0 0 0.75rem;
  margin-right: 0.25rem;
}
.green-default .modal-container .share-preview[data-v-8f22f215],
.blue-default .modal-container .share-preview[data-v-8f22f215],
.forest-green .modal-container .share-preview[data-v-8f22f215],
.auroral-yellow .modal-container .share-preview[data-v-8f22f215] {
  position: relative;
  margin: 0.5rem auto 0 auto;
  border-radius: 1.25rem;
  overflow: hidden;
  width: 22.5rem;
  height: 25rem;
}
.green-default .modal-container .share-preview[data-v-8f22f215]::after,
.blue-default .modal-container .share-preview[data-v-8f22f215]::after,
.forest-green .modal-container .share-preview[data-v-8f22f215]::after,
.auroral-yellow .modal-container .share-preview[data-v-8f22f215]::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 65%, rgba(40, 40, 40, 0.9) 100%);
  pointer-events: none;
  z-index: 1;
}
.green-default .modal-container .share-preview .share-preview-text[data-v-8f22f215],
.blue-default .modal-container .share-preview .share-preview-text[data-v-8f22f215],
.forest-green .modal-container .share-preview .share-preview-text[data-v-8f22f215],
.auroral-yellow .modal-container .share-preview .share-preview-text[data-v-8f22f215] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem;
  color: #ffffff;
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-regular);
  line-height: 1.5;
  z-index: 2;
}
.green-default .modal-container .share-preview img[data-v-8f22f215],
.blue-default .modal-container .share-preview img[data-v-8f22f215],
.forest-green .modal-container .share-preview img[data-v-8f22f215],
.auroral-yellow .modal-container .share-preview img[data-v-8f22f215] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.green-default .modal-container .platform[data-v-8f22f215],
.blue-default .modal-container .platform[data-v-8f22f215],
.forest-green .modal-container .platform[data-v-8f22f215],
.auroral-yellow .modal-container .platform[data-v-8f22f215] {
  margin: 0.5rem 0;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.green-default .modal-container .platform[data-v-8f22f215]::-webkit-scrollbar,
.blue-default .modal-container .platform[data-v-8f22f215]::-webkit-scrollbar,
.forest-green .modal-container .platform[data-v-8f22f215]::-webkit-scrollbar,
.auroral-yellow .modal-container .platform[data-v-8f22f215]::-webkit-scrollbar {
  display: none;
}
.green-default .modal-container .platform .platform-share-title[data-v-8f22f215],
.blue-default .modal-container .platform .platform-share-title[data-v-8f22f215],
.forest-green .modal-container .platform .platform-share-title[data-v-8f22f215],
.auroral-yellow .modal-container .platform .platform-share-title[data-v-8f22f215] {
  font-size: var(--ep-font-size-m);
  color: var(--ep-color-text-weak);
  font-weight: var(--ep-font-weight-medium);
  margin-bottom: 0.25rem;
}
.green-default .modal-container .platform .platform-list[data-v-8f22f215],
.blue-default .modal-container .platform .platform-list[data-v-8f22f215],
.forest-green .modal-container .platform .platform-list[data-v-8f22f215],
.auroral-yellow .modal-container .platform .platform-list[data-v-8f22f215] {
  white-space: nowrap;
  font-size: 0;
}
.green-default .modal-container .platform .platform-list .platform-icon[data-v-8f22f215],
.blue-default .modal-container .platform .platform-list .platform-icon[data-v-8f22f215],
.forest-green .modal-container .platform .platform-list .platform-icon[data-v-8f22f215],
.auroral-yellow .modal-container .platform .platform-list .platform-icon[data-v-8f22f215] {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
}
.green-default .modal-container .platform .platform-list .platform-icon[data-v-8f22f215]:not(:last-child),
.blue-default .modal-container .platform .platform-list .platform-icon[data-v-8f22f215]:not(:last-child),
.forest-green .modal-container .platform .platform-list .platform-icon[data-v-8f22f215]:not(:last-child),
.auroral-yellow .modal-container .platform .platform-list .platform-icon[data-v-8f22f215]:not(:last-child) {
  margin-right: 1.25rem;
}
.green-default .modal-container .share-link[data-v-8f22f215],
.blue-default .modal-container .share-link[data-v-8f22f215],
.forest-green .modal-container .share-link[data-v-8f22f215],
.auroral-yellow .modal-container .share-link[data-v-8f22f215] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--color-bg-200);
  padding: 0.5rem 0.75rem;
}
.green-default .modal-container .share-link .share-link-url[data-v-8f22f215],
.blue-default .modal-container .share-link .share-link-url[data-v-8f22f215],
.forest-green .modal-container .share-link .share-link-url[data-v-8f22f215],
.auroral-yellow .modal-container .share-link .share-link-url[data-v-8f22f215] {
  flex: 1;
  min-width: 0;
  color: var(--color-text-40);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.green-default .modal-container .share-link .share-link-copy[data-v-8f22f215],
.blue-default .modal-container .share-link .share-link-copy[data-v-8f22f215],
.forest-green .modal-container .share-link .share-link-copy[data-v-8f22f215],
.auroral-yellow .modal-container .share-link .share-link-copy[data-v-8f22f215] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--ep-color-text-weak, var(--color-primary-800));
}
.green-default .modal-container .phone-area .modal-title[data-v-8f22f215],
.blue-default .modal-container .phone-area .modal-title[data-v-8f22f215],
.forest-green .modal-container .phone-area .modal-title[data-v-8f22f215],
.auroral-yellow .modal-container .phone-area .modal-title[data-v-8f22f215] {
  margin: 0.75rem 0;
}
.green-default .modal-container .phone-area .phone-container[data-v-8f22f215],
.blue-default .modal-container .phone-area .phone-container[data-v-8f22f215],
.forest-green .modal-container .phone-area .phone-container[data-v-8f22f215],
.auroral-yellow .modal-container .phone-area .phone-container[data-v-8f22f215] {
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--color-bg-200);
  padding: 1.25rem;
}
.green-default .modal-container .phone-area .phone-container .phone-list[data-v-8f22f215],
.blue-default .modal-container .phone-area .phone-container .phone-list[data-v-8f22f215],
.forest-green .modal-container .phone-area .phone-container .phone-list[data-v-8f22f215],
.auroral-yellow .modal-container .phone-area .phone-container .phone-list[data-v-8f22f215] {
  display: flex;
  flex-wrap: wrap;
  max-height: 8rem;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.green-default .modal-container .phone-area .phone-container .phone-list[data-v-8f22f215]::-webkit-scrollbar,
.blue-default .modal-container .phone-area .phone-container .phone-list[data-v-8f22f215]::-webkit-scrollbar,
.forest-green .modal-container .phone-area .phone-container .phone-list[data-v-8f22f215]::-webkit-scrollbar,
.auroral-yellow .modal-container .phone-area .phone-container .phone-list[data-v-8f22f215]::-webkit-scrollbar {
  display: none;
}
.green-default .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215],
.blue-default .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215],
.forest-green .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215],
.auroral-yellow .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215] {
  width: calc(100% / 3);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 500);
  margin-bottom: 0.75rem;
  color: var(--color-text-100);
}
.green-default .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-8f22f215],
.blue-default .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-8f22f215],
.forest-green .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-8f22f215],
.auroral-yellow .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-8f22f215] {
  color: var(--color-text-100);
}
.green-default .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215]:nth-child(3n - 1),
.blue-default .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215]:nth-child(3n - 1),
.forest-green .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215]:nth-child(3n - 1),
.auroral-yellow .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215]:nth-child(3n - 1) {
  text-align: center;
}
.green-default .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215]:nth-child(3n),
.blue-default .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215]:nth-child(3n),
.forest-green .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215]:nth-child(3n),
.auroral-yellow .modal-container .phone-area .phone-container .phone-item[data-v-8f22f215]:nth-child(3n) {
  text-align: right;
}
.green-default .modal-container .phone-area .send-container[data-v-8f22f215],
.blue-default .modal-container .phone-area .send-container[data-v-8f22f215],
.forest-green .modal-container .phone-area .send-container[data-v-8f22f215],
.auroral-yellow .modal-container .phone-area .send-container[data-v-8f22f215] {
  display: flex;
  margin-top: 0.75rem;
  margin-bottom: 1.25rem;
  gap: 1.25rem;
}
.green-default .modal-container .phone-area .send-container .send-button[data-v-8f22f215],
.blue-default .modal-container .phone-area .send-container .send-button[data-v-8f22f215],
.forest-green .modal-container .phone-area .send-container .send-button[data-v-8f22f215],
.auroral-yellow .modal-container .phone-area .send-container .send-button[data-v-8f22f215] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--color-bg-200);
  padding: 0.375rem 0.5rem;
  color: var(--color-text-100);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  gap: 0.5rem;
}
.green-default .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-8f22f215],
.blue-default .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-8f22f215],
.forest-green .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-8f22f215],
.auroral-yellow .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-8f22f215] {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0;
}
.green-default .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-8f22f215],
.blue-default .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-8f22f215],
.forest-green .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-8f22f215],
.auroral-yellow .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-8f22f215] {
  width: 100%;
  height: 100%;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.animation[data-v-88e03551] {
  animation: breathing-88e03551 1s infinite;
}
.red-point[data-v-88e03551] {
  width: var(--v47ee5f24);
  height: var(--v47ee5f24);
  z-index: 100;
  text-align: center;
  font-size: 0.625rem;
  line-height: var(--v47ee5f24);
}
.red-point span[data-v-88e03551] {
  color: #fff;
}
@keyframes breathing-88e03551 {
0% {
    outline: 0px solid rgba(215, 65, 65, 0);
}
25% {
    outline: 1.6px solid rgba(215, 65, 65, 0.075);
}
50% {
    outline: 3.2px solid rgba(215, 65, 65, 0.15);
}
75% {
    outline: 4.8px solid rgba(215, 65, 65, 0.275);
}
100% {
    outline: 6.4px solid rgba(215, 65, 65, 0.3);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.recharge-bank-select[data-v-4fc3750a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.875rem;
  border-radius: 0.375rem;
}
.recharge-bank-select .selected-bank-icon[data-v-4fc3750a] {
  border-radius: 50%;
}
.recharge-bank-select ion-icon.reverse-icon[data-v-4fc3750a] {
  transition: transform 0.1s linear;
  transform: rotate(180deg);
}
.bank-select-info .bank-type[data-v-4fc3750a] {
  font-size: 0.875rem;
  line-height: 1rem;
}
.bank-select-info .bank-name[data-v-4fc3750a] {
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.select-bank-list[data-v-4fc3750a] {
  padding: 0.75rem 0.5625rem;
  max-height: 12.5rem;
  overflow-y: auto;
  border-radius: 0.375rem;
}
.select-bank-item[data-v-4fc3750a] {
  display: flex;
  align-items: center;
  padding: 0 0.875rem;
  height: 2.875rem;
  border-radius: 0.375rem;
}
.select-bank-item[data-v-4fc3750a]:last-child {
  margin-bottom: 0;
}
ion-input.bank-search-input[data-v-4fc3750a] {
  min-height: 0;
  height: 2.875rem;
  --border-radius: 0.25rem;
}
ion-popover[data-v-4fc3750a]::part(backdrop) {
  opacity: 0 !important;
}
.recharge-bank-select[data-v-4fc3750a] {
  background: var(--color-bg-100);
}
.recharge-bank-select ion-icon[data-v-4fc3750a] {
  color: var(--color-text-40);
}
.recharge-bank-select .placeholder[data-v-4fc3750a] {
  color: var(--color-text-40);
}
.bank-select-info .bank-type[data-v-4fc3750a] {
  color: var(--color-text-100);
}
.bank-select-info .bank-name[data-v-4fc3750a] {
  color: var(--color-text-40);
}
.select-bank-list[data-v-4fc3750a] {
  background: var(--color-bg-100);
}
.select-bank-item[data-v-4fc3750a] {
  background: var(--color-bg-200);
  border: 0.0625rem solid var(--color-line);
}
ion-input.bank-search-input[data-v-4fc3750a] {
  --border-color: var(--line-color);
  --background: var(--mlm-subdetail-box-bgc);
}
ion-input.bank-search-input.has-focus[data-v-4fc3750a] {
  --border-color: var(--line-color);
}
ion-icon.search-icon[data-v-4fc3750a] {
  color: var(--color-text-40);
}
.blue-default .recharge-bank-select[data-v-4fc3750a] {
  background: var(--color-bg-100);
}
.blue-default .recharge-bank-select ion-icon[data-v-4fc3750a] {
  color: var(--color-text-40);
}
.blue-default .recharge-bank-select .placeholder[data-v-4fc3750a] {
  color: var(--color-text-40);
}
.blue-default .bank-select-info .bank-type[data-v-4fc3750a] {
  color: var(--color-text-100);
}
.blue-default .bank-select-info .bank-name[data-v-4fc3750a] {
  color: var(--color-text-40);
}
.blue-default .select-bank-list[data-v-4fc3750a] {
  background: var(--color-bg-100);
}
.blue-default .select-bank-item[data-v-4fc3750a] {
  background: var(--color-bg-200);
  border: 0.0625rem solid var(--color-line);
}
.blue-default ion-input.bank-search-input[data-v-4fc3750a] {
  --border-color: var(--line-color);
  --background: var(--mlm-subdetail-box-bgc);
}
.blue-default ion-input.bank-search-input.has-focus[data-v-4fc3750a] {
  --border-color: var(--line-color);
}
.blue-default ion-icon.search-icon[data-v-4fc3750a] {
  color: var(--color-text-40);
}
.green-default .recharge-bank-select[data-v-4fc3750a],
.forest-green .recharge-bank-select[data-v-4fc3750a],
.auroral-yellow .recharge-bank-select[data-v-4fc3750a],
.yellow-dark .recharge-bank-select[data-v-4fc3750a],
.green-dark .recharge-bank-select[data-v-4fc3750a] {
  background: var(--color-bg-100);
}
.green-default .recharge-bank-select ion-icon[data-v-4fc3750a],
.forest-green .recharge-bank-select ion-icon[data-v-4fc3750a],
.auroral-yellow .recharge-bank-select ion-icon[data-v-4fc3750a],
.yellow-dark .recharge-bank-select ion-icon[data-v-4fc3750a],
.green-dark .recharge-bank-select ion-icon[data-v-4fc3750a] {
  color: var(--color-text-40);
}
.green-default .recharge-bank-select .placeholder[data-v-4fc3750a],
.forest-green .recharge-bank-select .placeholder[data-v-4fc3750a],
.auroral-yellow .recharge-bank-select .placeholder[data-v-4fc3750a],
.yellow-dark .recharge-bank-select .placeholder[data-v-4fc3750a],
.green-dark .recharge-bank-select .placeholder[data-v-4fc3750a] {
  color: var(--color-text-40);
}
.green-default .bank-select-info .bank-type[data-v-4fc3750a],
.forest-green .bank-select-info .bank-type[data-v-4fc3750a],
.auroral-yellow .bank-select-info .bank-type[data-v-4fc3750a],
.yellow-dark .bank-select-info .bank-type[data-v-4fc3750a],
.green-dark .bank-select-info .bank-type[data-v-4fc3750a] {
  color: var(--color-text-100);
}
.green-default .bank-select-info .bank-name[data-v-4fc3750a],
.forest-green .bank-select-info .bank-name[data-v-4fc3750a],
.auroral-yellow .bank-select-info .bank-name[data-v-4fc3750a],
.yellow-dark .bank-select-info .bank-name[data-v-4fc3750a],
.green-dark .bank-select-info .bank-name[data-v-4fc3750a] {
  color: var(--color-text-40);
}
.green-default .select-bank-list[data-v-4fc3750a],
.forest-green .select-bank-list[data-v-4fc3750a],
.auroral-yellow .select-bank-list[data-v-4fc3750a],
.yellow-dark .select-bank-list[data-v-4fc3750a],
.green-dark .select-bank-list[data-v-4fc3750a] {
  background: var(--color-bg-100);
}
.green-default .select-bank-item[data-v-4fc3750a],
.forest-green .select-bank-item[data-v-4fc3750a],
.auroral-yellow .select-bank-item[data-v-4fc3750a],
.yellow-dark .select-bank-item[data-v-4fc3750a],
.green-dark .select-bank-item[data-v-4fc3750a] {
  background: var(--color-bg-200);
  border: 0.0625rem solid var(--color-line);
}
.green-default ion-input.bank-search-input[data-v-4fc3750a],
.forest-green ion-input.bank-search-input[data-v-4fc3750a],
.auroral-yellow ion-input.bank-search-input[data-v-4fc3750a],
.yellow-dark ion-input.bank-search-input[data-v-4fc3750a],
.green-dark ion-input.bank-search-input[data-v-4fc3750a] {
  --border-color: var(--line-color);
  --background: var(--color-bg-400);
}
.green-default ion-input.bank-search-input.has-focus[data-v-4fc3750a],
.forest-green ion-input.bank-search-input.has-focus[data-v-4fc3750a],
.auroral-yellow ion-input.bank-search-input.has-focus[data-v-4fc3750a],
.yellow-dark ion-input.bank-search-input.has-focus[data-v-4fc3750a],
.green-dark ion-input.bank-search-input.has-focus[data-v-4fc3750a] {
  --border-color: var(--line-color);
}
.green-default ion-icon.search-icon[data-v-4fc3750a],
.forest-green ion-icon.search-icon[data-v-4fc3750a],
.auroral-yellow ion-icon.search-icon[data-v-4fc3750a],
.yellow-dark ion-icon.search-icon[data-v-4fc3750a],
.green-dark ion-icon.search-icon[data-v-4fc3750a] {
  color: var(--color-text-40);
}
.amber-purple .recharge-bank-select[data-v-4fc3750a] {
  background: var(--color-bg-100);
}
.amber-purple .recharge-bank-select ion-icon[data-v-4fc3750a] {
  color: var(--color-text-40);
}
.amber-purple .recharge-bank-select .placeholder[data-v-4fc3750a] {
  color: var(--color-text-40);
}
.amber-purple .bank-select-info .bank-type[data-v-4fc3750a] {
  color: var(--color-text-100);
}
.amber-purple .bank-select-info .bank-name[data-v-4fc3750a] {
  color: var(--color-text-40);
}
.amber-purple .select-bank-list[data-v-4fc3750a] {
  background: var(--color-bg-100);
}
.amber-purple .select-bank-item[data-v-4fc3750a] {
  background: var(--color-bg-100);
  border: 0.0625rem solid var(--color-line);
}
.amber-purple ion-input.bank-search-input[data-v-4fc3750a] {
  --border-color: var(--line-color);
  --background: var(--color-bg-400);
}
.amber-purple ion-input.bank-search-input.has-focus[data-v-4fc3750a] {
  --border-color: var(--line-color);
}
.amber-purple ion-icon.search-icon[data-v-4fc3750a] {
  color: var(--color-text-40);
}
.purple-light .recharge-bank-select[data-v-4fc3750a] {
  background: var(--color-bg-100);
}
.purple-light .recharge-bank-select ion-icon[data-v-4fc3750a] {
  color: var(--color-text-40);
}
.purple-light .recharge-bank-select .placeholder[data-v-4fc3750a] {
  color: var(--color-text-40);
}
.purple-light .bank-select-info .bank-type[data-v-4fc3750a] {
  color: var(--color-text-100);
}
.purple-light .bank-select-info .bank-name[data-v-4fc3750a] {
  color: var(--color-text-40);
}
.purple-light .select-bank-list[data-v-4fc3750a] {
  background: var(--color-bg-100);
}
.purple-light .select-bank-item[data-v-4fc3750a] {
  background: var(--color-bg-200);
  border: 0.0625rem solid var(--color-line);
}
.purple-light ion-input.bank-search-input[data-v-4fc3750a] {
  --border-color: var(--line-color);
  --background: var(--color-bg-400);
}
.purple-light ion-input.bank-search-input.has-focus[data-v-4fc3750a] {
  --border-color: var(--line-color);
}
.purple-light ion-icon.search-icon[data-v-4fc3750a] {
  color: var(--text-color-white-40);
}
.new-skin-symbol .recharge-bank-select[data-v-4fc3750a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.875rem;
  border-radius: var(--ep-border-radius-m);
}
.new-skin-symbol .recharge-bank-select .selected-bank-icon[data-v-4fc3750a] {
  border-radius: var(--ep-border-radius-infinity);
}
.new-skin-symbol .recharge-bank-select ion-icon.reverse-icon[data-v-4fc3750a] {
  transition: transform 0.1s linear;
  transform: rotate(180deg);
}
.new-skin-symbol .bank-select-info .bank-type[data-v-4fc3750a] {
  font-size: var(--ep-font-size-m);
  line-height: 1rem;
}
.new-skin-symbol .bank-select-info .bank-name[data-v-4fc3750a] {
  font-size: var(--ep-font-size-s);
  line-height: 0.75rem;
}
.new-skin-symbol .select-bank-list[data-v-4fc3750a] {
  padding: 0.75rem 0.5625rem;
  max-height: 12.5rem;
  overflow-y: auto;
  border-radius: var(--ep-border-radius-m);
}
.new-skin-symbol .select-bank-item[data-v-4fc3750a] {
  display: flex;
  align-items: center;
  padding: 0 0.875rem;
  height: 2.875rem;
  border-radius: var(--ep-border-radius-m);
}
.new-skin-symbol .select-bank-item[data-v-4fc3750a]:last-child {
  margin-bottom: 0;
}
.new-skin-symbol ion-input.bank-search-input[data-v-4fc3750a] {
  min-height: 0;
  height: 2.875rem;
  --border-radius: var(--ep-border-radius-s);
}
.new-skin-symbol ion-popover[data-v-4fc3750a]::part(backdrop) {
  opacity: 0 !important;
}
.new-skin-symbol .recharge-bank-select[data-v-4fc3750a] {
  background: var(--ep-color-background-fill-surface-raised-L2);
}
.new-skin-symbol .recharge-bank-select ion-icon[data-v-4fc3750a] {
  color: var(--ep-color-icon-weaker);
}
.new-skin-symbol .recharge-bank-select .placeholder[data-v-4fc3750a] {
  color: var(--ep-color-text-weaker);
}
.new-skin-symbol .bank-select-info .bank-type[data-v-4fc3750a] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .bank-select-info .bank-name[data-v-4fc3750a] {
  color: var(--ep-color-text-weaker);
}
.new-skin-symbol .select-bank-list[data-v-4fc3750a] {
  background: var(--ep-color-background-fill-surface-raised-L2);
}
.new-skin-symbol .select-bank-item[data-v-4fc3750a] {
  background: var(--ep-color-background-fill-surface-raised-L1);
  border: 0.0625rem solid var(--ep-color-border-default);
}
.new-skin-symbol ion-input.bank-search-input[data-v-4fc3750a] {
  --border-color: var(--ep-color-border-default);
  --background: var(--ep-color-background-fill-surface-lowered);
}
.new-skin-symbol ion-input.bank-search-input.has-focus[data-v-4fc3750a] {
  --border-color: var(--ep-color-border-selected);
}
.new-skin-symbol ion-icon.search-icon[data-v-4fc3750a] {
  color: var(--ep-color-icon-weaker);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.lucky-grid-container[data-v-63e705fd] {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
#pwa-header-bar-new-btn-index[data-v-fc5faa2b] {
  /**
   * 53 号：设计稿的「Baixar APP」按钮是直角 + 主 CTA 紫→蓝紫渐变。
   *  · border-radius：通用 .style() 给的 --ep-border-radius-m 在 53 号是 .375rem，这里清零。
   *  · background：直接取 theme-53.css 已定义好的 --ep-dynamic-primary
   *    （gradients-primary-a #9A26A1 → gradients-primary-b #4F21FB），不硬编码色值；
   *    通用 .style() 默认的 --ep-dynamic-tertiary 在 53 号是另一套配色，这里整条换掉。
   */
}
.new-skin-symbol .btn-default[data-v-fc5faa2b] {
  width: 6.75rem;
  height: 2.125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.625rem;
  box-sizing: border-box;
  border-radius: var(--ep-border-radius-m);
  background: var(--ep-dynamic-tertiary);
  margin-left: 18px;
}
.new-skin-symbol .btn-default .download-svg[data-v-fc5faa2b] {
  width: 1.625rem;
  height: 1.625rem;
  color: var(--ep-color-icon-inverse);
}
.new-skin-symbol .btn-default .btn-text[data-v-fc5faa2b] {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-text-inverse);
  font-weight: var(--ep-font-weight-bold);
}
.new-skin-symbol.theme-46 .btn-default[data-v-fc5faa2b] {
  max-width: 6.25rem;
  width: -moz-fit-content;
  width: fit-content;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  box-sizing: border-box;
  border-radius: var(--ep-border-radius-m);
  background: linear-gradient(82deg, var(--ep-color-icon-brand-secondary) -8.93%, var(--ep-color-icon-navigation-selected) 97.12%);
  box-shadow: 0 -1px 0 0 var(--ep-color-border-danger) inset, 0 0 4px 0 #FFF inset;
  margin-left: 18px;
}
.new-skin-symbol.theme-46 .btn-default .download-svg[data-v-fc5faa2b] {
  font-size: 1rem;
  color: var(--ep-color-icon-inverse);
  margin-right: 0.375rem;
}
.new-skin-symbol.theme-46 .btn-default .btn-text[data-v-fc5faa2b] {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-btn-level-3-text);
  font-weight: var(--ep-font-weight-bold);
}
.new-skin-symbol.theme-53 .btn-default[data-v-fc5faa2b] {
  border-radius: 0;
  background: var(--ep-dynamic-primary);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.new-skin-symbol .btn-26[data-v-bca4f3d6] {
  position: relative;
  z-index: 0;
  width: 6.75rem;
  height: 2.125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.625rem;
  box-sizing: border-box;
  border-radius: var(--ep-border-radius-m);
  margin-left: 18px;
}
.new-skin-symbol .btn-26 .download-svg[data-v-bca4f3d6] {
  width: 1.625rem;
  height: 1.625rem;
  color: var(--ep-color-icon-inverse);
}
.new-skin-symbol .btn-26 .btn-text[data-v-bca4f3d6] {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-text-inverse);
  font-weight: var(--ep-font-weight-bold);
}
.new-skin-symbol .btn-26 svg[data-v-bca4f3d6] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.btn-37[data-v-5b5574fa] {
  width: auto;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0 0.75rem;
  box-sizing: border-box;
  border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-default);
  box-shadow: 0 -0.125rem 0 0 var(--ep-color-border-danger) inset;
  background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) 0%, var(--ep-color-background-fill-gradients-primary-b) 100%);
  margin-left: 0.5rem;
}
.btn-37 .download-svg[data-v-5b5574fa] {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--ep-color-icon-inverse);
}
.btn-37 .btn-text[data-v-5b5574fa] {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-text-inverse);
  font-weight: var(--ep-font-weight-bold);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout44.download-pwa-wrap[data-v-180c89b6] {
  flex: 1;
  display: flex;
  padding-right: 0.75rem;
  justify-content: flex-end;
}
.layout44.download-pwa-wrap .download-pwa-button[data-v-180c89b6] {
  display: flex;
  width: 6.75rem;
  height: 1.875rem;
  position: relative;
  align-items: center;
  padding-inline: 0.5rem;
  justify-content: space-between;
}
.layout44.download-pwa-wrap .download-pwa-button .download-button-icon[data-v-180c89b6] {
  z-index: 1;
  position: relative;
  width: 1rem;
  height: 1rem;
  color: var(--ep-color-btn-level-3-text);
}
.layout44.download-pwa-wrap .download-pwa-button .download-button-text[data-v-180c89b6] {
  z-index: 1;
  position: relative;
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-btn-level-3-text);
  font-weight: var(--ep-font-weight-bold);
}
.layout44.download-pwa-wrap .download-pwa-button .download-btn-background[data-v-180c89b6] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.btn-wrap[data-v-29a30d39] {
  z-index: 0;
  display: flex;
  width: 6.75rem;
  height: 2.125rem;
  margin-left: 18px;
  position: relative;
  align-items: center;
  padding: 0.5rem 0.625rem;
  box-sizing: border-box;
  justify-content: space-between;
  border-radius: var(--ep-border-radius-m);
}
.btn-wrap .download-svg[data-v-29a30d39] {
  font-size: 1.625rem;
  color: var(--ep-color-icon-inverse);
}
.btn-wrap .btn-text[data-v-29a30d39] {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-text-inverse);
  font-weight: var(--ep-font-weight-bold);
}
.btn-wrap .btn-bg[data-v-29a30d39] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .activity-box[data-v-a54a9825] {
  width: 100%;
}
html .activity-box .activity-img[data-v-a54a9825] {
  width: 0;
}
html .activity-box .activity-img[data-v-a54a9825]::part(image) {
  border-radius: 0.375rem;
}
html .activity-box .activity-img.good-img[data-v-a54a9825] {
  width: 100%;
  height: 4.875rem;
  object-fit: fill;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.activity-bar-wrapper[data-v-02e3dd10] {
  --activity-gap: 0.75rem;
  --activity-image-width: 11rem;
  --activity-image-height: 3.5rem;
  display: flex;
  margin: 0 var(--activity-gap);
  gap: var(--activity-gap);
}
html .layout1.activity-bar-wrapper.style-template1[data-v-02e3dd10] {
  flex-wrap: wrap;
}
html .layout1.activity-bar-wrapper .activity-item[data-v-02e3dd10] {
  width: var(--activity-image-width);
  height: var(--activity-image-height);
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  overflow: hidden;
  object-fit: fill;
  animation-delay: 1s;
  animation: floating-02e3dd10 3s ease-in-out infinite;
}
html .layout1.activity-bar-wrapper .activity-item.good-img[data-v-02e3dd10],
html .layout1.activity-bar-wrapper .activity-item.error-img[data-v-02e3dd10] {
  object-fit: cover;
  width: var(--activity-image-width);
  height: var(--activity-image-height);
}
html .layout1.activity-bar-wrapper .activity-item.activity-image-0[data-v-02e3dd10] {
  animation-delay: 0s;
}
html .layout1.activity-bar-wrapper .activity-item.activity-image-1[data-v-02e3dd10] {
  animation-delay: 0.5s;
}
html .layout1.activity-bar-wrapper .activity-item.activity-image-2[data-v-02e3dd10] {
  animation-delay: 1s;
}
html .layout1.activity-bar-wrapper .activity-item.activity-image-3[data-v-02e3dd10] {
  animation-delay: 1.5s;
}
@keyframes floating-02e3dd10 {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-5px);
}
}
html .layout37.activity-bar-wrapper[data-v-02e3dd10] {
  --activity-gap: 0.75rem;
  --activity-image-width: 11rem;
  --activity-image-height: 3.5rem;
  display: flex;
  margin: 0 var(--activity-gap);
  gap: var(--activity-gap);
}
html .layout37.activity-bar-wrapper.style-template1[data-v-02e3dd10] {
  flex-wrap: wrap;
}
html .layout37.activity-bar-wrapper .activity-item[data-v-02e3dd10] {
  width: var(--activity-image-width);
  height: var(--activity-image-height);
  border-radius: var(--ep-border-radius-surface-large) var(--ep-border-radius-surface-default);
  overflow: hidden;
  object-fit: fill;
  animation-delay: 1s;
  animation: floating-02e3dd10 3s ease-in-out infinite;
}
html .layout37.activity-bar-wrapper .activity-item.good-img[data-v-02e3dd10],
html .layout37.activity-bar-wrapper .activity-item.error-img[data-v-02e3dd10] {
  object-fit: cover;
  width: var(--activity-image-width);
  height: var(--activity-image-height);
}
html .layout37.activity-bar-wrapper .activity-item.activity-image-0[data-v-02e3dd10] {
  animation-delay: 0s;
}
html .layout37.activity-bar-wrapper .activity-item.activity-image-1[data-v-02e3dd10] {
  animation-delay: 0.5s;
}
html .layout37.activity-bar-wrapper .activity-item.activity-image-2[data-v-02e3dd10] {
  animation-delay: 1s;
}
html .layout37.activity-bar-wrapper .activity-item.activity-image-3[data-v-02e3dd10] {
  animation-delay: 1.5s;
}
@keyframes floating-02e3dd10 {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-5px);
}
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate1-index .layout1.activity-bar-wrapper[data-v-02e3dd10] {
  --activity-gap: 0.75rem;
  --activity-image-width: 11rem;
  --activity-image-height: 3.5rem;
  display: flex;
  margin: 0 var(--activity-gap);
  gap: var(--activity-gap);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate1-index .layout1.activity-bar-wrapper.style-template1[data-v-02e3dd10] {
  flex-wrap: wrap;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate1-index .layout1.activity-bar-wrapper .activity-item[data-v-02e3dd10] {
  width: var(--activity-image-width);
  height: var(--activity-image-height);
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  overflow: hidden;
  object-fit: fill;
  animation-delay: 1s;
  animation: floating-02e3dd10 3s ease-in-out infinite;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate1-index .layout1.activity-bar-wrapper .activity-item.good-img[data-v-02e3dd10],
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate1-index .layout1.activity-bar-wrapper .activity-item.error-img[data-v-02e3dd10] {
  object-fit: cover;
  width: var(--activity-image-width);
  height: var(--activity-image-height);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate1-index .layout1.activity-bar-wrapper .activity-item.activity-image-0[data-v-02e3dd10] {
  animation-delay: 0s;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate1-index .layout1.activity-bar-wrapper .activity-item.activity-image-1[data-v-02e3dd10] {
  animation-delay: 0.5s;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate1-index .layout1.activity-bar-wrapper .activity-item.activity-image-2[data-v-02e3dd10] {
  animation-delay: 1s;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate1-index .layout1.activity-bar-wrapper .activity-item.activity-image-3[data-v-02e3dd10] {
  animation-delay: 1.5s;
}
@keyframes floating-02e3dd10 {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-5px);
}
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate1-index .layout37.activity-bar-wrapper[data-v-02e3dd10] {
  --activity-gap: 0.75rem;
  --activity-image-width: 11rem;
  --activity-image-height: 3.5rem;
  display: flex;
  margin: 0 var(--activity-gap);
  gap: var(--activity-gap);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate1-index .layout37.activity-bar-wrapper.style-template1[data-v-02e3dd10] {
  flex-wrap: wrap;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate1-index .layout37.activity-bar-wrapper .activity-item[data-v-02e3dd10] {
  width: var(--activity-image-width);
  height: var(--activity-image-height);
  border-radius: var(--ep-border-radius-surface-large) var(--ep-border-radius-surface-default);
  overflow: hidden;
  object-fit: fill;
  animation-delay: 1s;
  animation: floating-02e3dd10 3s ease-in-out infinite;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate1-index .layout37.activity-bar-wrapper .activity-item.good-img[data-v-02e3dd10],
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate1-index .layout37.activity-bar-wrapper .activity-item.error-img[data-v-02e3dd10] {
  object-fit: cover;
  width: var(--activity-image-width);
  height: var(--activity-image-height);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate1-index .layout37.activity-bar-wrapper .activity-item.activity-image-0[data-v-02e3dd10] {
  animation-delay: 0s;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate1-index .layout37.activity-bar-wrapper .activity-item.activity-image-1[data-v-02e3dd10] {
  animation-delay: 0.5s;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate1-index .layout37.activity-bar-wrapper .activity-item.activity-image-2[data-v-02e3dd10] {
  animation-delay: 1s;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate1-index .layout37.activity-bar-wrapper .activity-item.activity-image-3[data-v-02e3dd10] {
  animation-delay: 1.5s;
}
@keyframes floating-02e3dd10 {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-5px);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.activity-bar-wrapper[data-v-9142fab7] {
  --activity-image-width: 11rem;
  --activity-image-height: 3.5rem;
  --activity-gap: 0.75rem;
  display: flex;
  margin: 0 var(--activity-gap);
}
html .layout1.activity-bar-wrapper.style-template2[data-v-9142fab7] {
  flex-wrap: nowrap;
  justify-content: space-between;
}
html .layout1.activity-bar-wrapper .activity-item[data-v-9142fab7] {
  width: var(--activity-image-width);
  height: var(--activity-image-height);
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  overflow: hidden;
  object-fit: fill;
}
html .layout1.activity-bar-wrapper .activity-item.good-img[data-v-9142fab7],
html .layout1.activity-bar-wrapper .activity-item.error-img[data-v-9142fab7] {
  object-fit: cover;
  width: var(--activity-image-width);
  height: var(--activity-image-height);
}
html .layout37.activity-bar-wrapper[data-v-9142fab7] {
  --activity-image-width: 11rem;
  --activity-image-height: 3.5rem;
  --activity-gap: 0.75rem;
  display: flex;
  margin: 0 var(--activity-gap);
}
html .layout37.activity-bar-wrapper.style-template2[data-v-9142fab7] {
  flex-wrap: nowrap;
  justify-content: space-between;
}
html .layout37.activity-bar-wrapper .activity-item[data-v-9142fab7] {
  width: var(--activity-image-width);
  height: var(--activity-image-height);
  border-radius: var(--ep-border-radius-surface-large) var(--ep-border-radius-surface-default);
  overflow: hidden;
  object-fit: fill;
}
html .layout37.activity-bar-wrapper .activity-item.good-img[data-v-9142fab7],
html .layout37.activity-bar-wrapper .activity-item.error-img[data-v-9142fab7] {
  object-fit: cover;
  width: var(--activity-image-width);
  height: var(--activity-image-height);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate2-index .layout1.activity-bar-wrapper[data-v-9142fab7] {
  --activity-image-width: 11rem;
  --activity-image-height: 3.5rem;
  --activity-gap: 0.75rem;
  display: flex;
  margin: 0 var(--activity-gap);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate2-index .layout1.activity-bar-wrapper.style-template2[data-v-9142fab7] {
  flex-wrap: nowrap;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate2-index .layout1.activity-bar-wrapper .activity-item[data-v-9142fab7] {
  width: var(--activity-image-width);
  height: var(--activity-image-height);
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  overflow: hidden;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate2-index .layout1.activity-bar-wrapper .activity-item.good-img[data-v-9142fab7],
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate2-index .layout1.activity-bar-wrapper .activity-item.error-img[data-v-9142fab7] {
  object-fit: cover;
  width: var(--activity-image-width);
  height: var(--activity-image-height);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate2-index .layout37.activity-bar-wrapper[data-v-9142fab7] {
  --activity-image-width: 11rem;
  --activity-image-height: 3.5rem;
  --activity-gap: 0.75rem;
  display: flex;
  margin: 0 var(--activity-gap);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate2-index .layout37.activity-bar-wrapper.style-template2[data-v-9142fab7] {
  flex-wrap: nowrap;
  justify-content: space-between;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate2-index .layout37.activity-bar-wrapper .activity-item[data-v-9142fab7] {
  width: var(--activity-image-width);
  height: var(--activity-image-height);
  border-radius: var(--ep-border-radius-surface-large) var(--ep-border-radius-surface-default);
  overflow: hidden;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate2-index .layout37.activity-bar-wrapper .activity-item.good-img[data-v-9142fab7],
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate2-index .layout37.activity-bar-wrapper .activity-item.error-img[data-v-9142fab7] {
  object-fit: cover;
  width: var(--activity-image-width);
  height: var(--activity-image-height);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.activity-bar-wrapper[data-v-1e2372b2] {
  --activity-image-width: 20.625rem;
  --activity-image-height: 6.5625rem;
  margin: 0 auto;
  width: var(--activity-image-width);
}
html .layout1.activity-bar-wrapper .activity-item[data-v-1e2372b2] {
  width: var(--activity-image-width);
  height: var(--activity-image-height);
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  overflow: hidden;
  object-fit: fill;
}
html .layout1.activity-bar-wrapper .activity-item.good-img[data-v-1e2372b2],
html .layout1.activity-bar-wrapper .activity-item.error-img[data-v-1e2372b2] {
  object-fit: cover;
  width: var(--activity-image-width);
  height: var(--activity-image-height);
}
html .layout37.activity-bar-wrapper[data-v-1e2372b2] {
  --activity-image-width: 20.625rem;
  --activity-image-height: 6.5625rem;
  margin: 0 auto;
  width: var(--activity-image-width);
}
html .layout37.activity-bar-wrapper .activity-item[data-v-1e2372b2] {
  width: var(--activity-image-width);
  height: var(--activity-image-height);
  border-radius: var(--ep-border-radius-surface-large) var(--ep-border-radius-surface-default);
  overflow: hidden;
  object-fit: fill;
}
html .layout37.activity-bar-wrapper .activity-item.good-img[data-v-1e2372b2],
html .layout37.activity-bar-wrapper .activity-item.error-img[data-v-1e2372b2] {
  object-fit: cover;
  width: var(--activity-image-width);
  height: var(--activity-image-height);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate3-index .layout1.activity-bar-wrapper[data-v-1e2372b2] {
  --activity-image-width: 20.625rem;
  --activity-image-height: 6.5625rem;
  margin: 0 auto;
  width: var(--activity-image-width);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate3-index .layout1.activity-bar-wrapper .activity-item[data-v-1e2372b2] {
  width: var(--activity-image-width);
  height: var(--activity-image-height);
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  overflow: hidden;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate3-index .layout1.activity-bar-wrapper .activity-item.good-img[data-v-1e2372b2],
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate3-index .layout1.activity-bar-wrapper .activity-item.error-img[data-v-1e2372b2] {
  object-fit: cover;
  width: var(--activity-image-width);
  height: var(--activity-image-height);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate3-index .layout37.activity-bar-wrapper[data-v-1e2372b2] {
  --activity-image-width: 20.625rem;
  --activity-image-height: 6.5625rem;
  margin: 0 auto;
  width: var(--activity-image-width);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate3-index .layout37.activity-bar-wrapper .activity-item[data-v-1e2372b2] {
  width: var(--activity-image-width);
  height: var(--activity-image-height);
  border-radius: var(--ep-border-radius-surface-large) var(--ep-border-radius-surface-default);
  overflow: hidden;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate3-index .layout37.activity-bar-wrapper .activity-item.good-img[data-v-1e2372b2],
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate3-index .layout37.activity-bar-wrapper .activity-item.error-img[data-v-1e2372b2] {
  object-fit: cover;
  width: var(--activity-image-width);
  height: var(--activity-image-height);
}
/**
 * @description swiper pagination样式
 */
.activity-bar-wrapper.style-template3[data-v-1e2372b2] {
  --swiper-pagination-bottom: 0;
}
.activity-bar-wrapper.style-template3[data-v-1e2372b2] .swiper-pagination {
  position: relative;
  margin: 0.625rem auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.25rem;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0.5rem;
}
.activity-bar-wrapper.style-template3[data-v-1e2372b2] .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.25rem;
  background: var(--ep-color-icon-weaker);
  border-radius: 0.25rem;
  opacity: 1;
  transition: all 0.3s ease;
}
.activity-bar-wrapper.style-template3[data-v-1e2372b2] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 1.25rem;
  background: var(--ep-color-icon-brand-primary) !important;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.activity-bar-wrapper[data-v-fe5e97a2] {
  --activity-image-width: 7.125rem;
  --activity-image-height: 3.5rem;
  --activity-gap: 0.75rem;
  display: flex;
  margin: 0 var(--activity-gap);
  gap: var(--activity-gap);
}
html .layout1.activity-bar-wrapper.style-template4[data-v-fe5e97a2] {
  flex-wrap: nowrap;
}
html .layout1.activity-bar-wrapper .activity-item[data-v-fe5e97a2] {
  width: var(--activity-image-width);
  height: var(--activity-image-height);
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  overflow: hidden;
  object-fit: fill;
}
html .layout1.activity-bar-wrapper .activity-item.good-img[data-v-fe5e97a2],
html .layout1.activity-bar-wrapper .activity-item.error-img[data-v-fe5e97a2] {
  object-fit: cover;
  width: var(--activity-image-width);
  height: var(--activity-image-height);
}
html .layout37.activity-bar-wrapper[data-v-fe5e97a2] {
  --activity-image-width: 7.125rem;
  --activity-image-height: 3.5rem;
  --activity-gap: 0.75rem;
  display: flex;
  margin: 0 var(--activity-gap);
  gap: var(--activity-gap);
}
html .layout37.activity-bar-wrapper.style-template4[data-v-fe5e97a2] {
  flex-wrap: nowrap;
}
html .layout37.activity-bar-wrapper .activity-item[data-v-fe5e97a2] {
  width: var(--activity-image-width);
  height: var(--activity-image-height);
  border-radius: var(--ep-border-radius-surface-large) var(--ep-border-radius-surface-default);
  overflow: hidden;
  object-fit: fill;
}
html .layout37.activity-bar-wrapper .activity-item.good-img[data-v-fe5e97a2],
html .layout37.activity-bar-wrapper .activity-item.error-img[data-v-fe5e97a2] {
  object-fit: cover;
  width: var(--activity-image-width);
  height: var(--activity-image-height);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate4-index .layout1.activity-bar-wrapper[data-v-fe5e97a2] {
  --activity-image-width: 7.125rem;
  --activity-image-height: 3.5rem;
  --activity-gap: 0.75rem;
  display: flex;
  margin: 0 var(--activity-gap);
  gap: var(--activity-gap);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate4-index .layout1.activity-bar-wrapper.style-template4[data-v-fe5e97a2] {
  flex-wrap: nowrap;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate4-index .layout1.activity-bar-wrapper .activity-item[data-v-fe5e97a2] {
  width: var(--activity-image-width);
  height: var(--activity-image-height);
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  overflow: hidden;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate4-index .layout1.activity-bar-wrapper .activity-item.good-img[data-v-fe5e97a2],
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate4-index .layout1.activity-bar-wrapper .activity-item.error-img[data-v-fe5e97a2] {
  object-fit: cover;
  width: var(--activity-image-width);
  height: var(--activity-image-height);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate4-index .layout37.activity-bar-wrapper[data-v-fe5e97a2] {
  --activity-image-width: 7.125rem;
  --activity-image-height: 3.5rem;
  --activity-gap: 0.75rem;
  display: flex;
  margin: 0 var(--activity-gap);
  gap: var(--activity-gap);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate4-index .layout37.activity-bar-wrapper.style-template4[data-v-fe5e97a2] {
  flex-wrap: nowrap;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate4-index .layout37.activity-bar-wrapper .activity-item[data-v-fe5e97a2] {
  width: var(--activity-image-width);
  height: var(--activity-image-height);
  border-radius: var(--ep-border-radius-surface-large) var(--ep-border-radius-surface-default);
  overflow: hidden;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate4-index .layout37.activity-bar-wrapper .activity-item.good-img[data-v-fe5e97a2],
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate4-index .layout37.activity-bar-wrapper .activity-item.error-img[data-v-fe5e97a2] {
  object-fit: cover;
  width: var(--activity-image-width);
  height: var(--activity-image-height);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.activity-bar-wrapper[data-v-ef68a61b] {
  --activity-left-image-width: 11rem;
  --activity-left-image-height: 3.5rem;
  --activity-right-image-width: 11rem;
  --activity-right-image-height: 7.75rem;
  --activity-gap: 0.75rem;
  display: flex;
  margin: 0 0.75rem;
}
html .layout1.activity-bar-wrapper.style-template5[data-v-ef68a61b] {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
}
html .layout1.activity-bar-wrapper .activity-item[data-v-ef68a61b] {
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  overflow: hidden;
  object-fit: fill;
}
html .layout1.activity-bar-wrapper .activity-left-layer[data-v-ef68a61b] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.75rem;
}
html .layout1.activity-bar-wrapper .activity-left-layer .activity-item[data-v-ef68a61b] {
  width: var(--activity-left-image-width);
  animation: floating-ef68a61b 3s ease-in-out infinite;
}
html .layout1.activity-bar-wrapper .activity-left-layer .activity-item.activity-image-0[data-v-ef68a61b] {
  animation-delay: 0s;
}
html .layout1.activity-bar-wrapper .activity-left-layer .activity-item.activity-image-1[data-v-ef68a61b] {
  animation-delay: 0.5s;
}
html .layout1.activity-bar-wrapper .activity-left-layer .activity-item.good-img[data-v-ef68a61b],
html .layout1.activity-bar-wrapper .activity-left-layer .activity-item.error-img[data-v-ef68a61b] {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
html .layout1.activity-bar-wrapper .activity-right-layer .activity-item[data-v-ef68a61b] {
  width: var(--activity-right-image-width);
  height: var(--activity-right-image-height);
  animation: floating-ef68a61b 3s ease-in-out infinite;
}
html .layout1.activity-bar-wrapper .activity-right-layer .activity-item.activity-image-0[data-v-ef68a61b] {
  animation-delay: 1.5s;
}
html .layout1.activity-bar-wrapper .activity-right-layer .activity-item.good-img[data-v-ef68a61b],
html .layout1.activity-bar-wrapper .activity-right-layer .activity-item.error-img[data-v-ef68a61b] {
  width: 100%;
  height: 100%;
}
@keyframes floating-ef68a61b {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-5px);
}
}
html .layout1.activity-bar-wrapper.style-template5[data-v-ef68a61b] {
  --activity-left-image-width: 11.875rem;
  --activity-right-image-width: 10.25rem;
}
html .layout1.activity-bar-wrapper .activity-left-layer .activity-item[data-v-ef68a61b] {
  height: var(--activity-left-image-height);
}
html .layout1.activity-bar-wrapper .activity-left-layer .activity-item.good-img[data-v-ef68a61b],
html .layout1.activity-bar-wrapper .activity-left-layer .activity-item.error-img[data-v-ef68a61b] {
  width: var(--activity-left-image-width);
  height: var(--activity-left-image-height);
}
html .layout1.activity-bar-wrapper .activity-right-layer .activity-item.good-img[data-v-ef68a61b],
html .layout1.activity-bar-wrapper .activity-right-layer .activity-item.error-img[data-v-ef68a61b] {
  width: var(--activity-right-image-width);
  height: var(--activity-right-image-height);
}
html .layout37.activity-bar-wrapper[data-v-ef68a61b] {
  --activity-left-image-width: auto;
  --activity-left-image-height: 3.5rem;
  --activity-right-image-width: 11rem;
  --activity-right-image-height: 7.75rem;
  --activity-gap: 0.625rem;
  display: flex;
  margin: 0 0.75rem;
}
html .layout37.activity-bar-wrapper.style-template5[data-v-ef68a61b] {
  display: flex;
  justify-content: space-between;
  gap: 0.625rem;
}
html .layout37.activity-bar-wrapper .activity-item[data-v-ef68a61b] {
  border-radius: var(--ep-border-radius-surface-large) var(--ep-border-radius-surface-default);
  overflow: hidden;
  object-fit: fill;
}
html .layout37.activity-bar-wrapper .activity-left-layer[data-v-ef68a61b] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.625rem;
}
html .layout37.activity-bar-wrapper .activity-left-layer .activity-item[data-v-ef68a61b] {
  width: var(--activity-left-image-width);
  animation: floating-ef68a61b 3s ease-in-out infinite;
}
html .layout37.activity-bar-wrapper .activity-left-layer .activity-item.activity-image-0[data-v-ef68a61b] {
  animation-delay: 0s;
}
html .layout37.activity-bar-wrapper .activity-left-layer .activity-item.activity-image-1[data-v-ef68a61b] {
  animation-delay: 0.5s;
}
html .layout37.activity-bar-wrapper .activity-left-layer .activity-item.good-img[data-v-ef68a61b],
html .layout37.activity-bar-wrapper .activity-left-layer .activity-item.error-img[data-v-ef68a61b] {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
html .layout37.activity-bar-wrapper .activity-right-layer .activity-item[data-v-ef68a61b] {
  width: var(--activity-right-image-width);
  height: var(--activity-right-image-height);
  animation: floating-ef68a61b 3s ease-in-out infinite;
}
html .layout37.activity-bar-wrapper .activity-right-layer .activity-item.activity-image-0[data-v-ef68a61b] {
  animation-delay: 1.5s;
}
html .layout37.activity-bar-wrapper .activity-right-layer .activity-item.good-img[data-v-ef68a61b],
html .layout37.activity-bar-wrapper .activity-right-layer .activity-item.error-img[data-v-ef68a61b] {
  width: 100%;
  height: 100%;
}
@keyframes floating-ef68a61b {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-5px);
}
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout1.activity-bar-wrapper[data-v-ef68a61b] {
  --activity-left-image-width: 11rem;
  --activity-left-image-height: 3.5rem;
  --activity-right-image-width: 11rem;
  --activity-right-image-height: 7.75rem;
  --activity-gap: 0.75rem;
  display: flex;
  margin: 0 0.75rem;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout1.activity-bar-wrapper.style-template5[data-v-ef68a61b] {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout1.activity-bar-wrapper .activity-item[data-v-ef68a61b] {
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  overflow: hidden;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout1.activity-bar-wrapper .activity-left-layer[data-v-ef68a61b] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.75rem;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout1.activity-bar-wrapper .activity-left-layer .activity-item[data-v-ef68a61b] {
  width: var(--activity-left-image-width);
  animation: floating-ef68a61b 3s ease-in-out infinite;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout1.activity-bar-wrapper .activity-left-layer .activity-item.activity-image-0[data-v-ef68a61b] {
  animation-delay: 0s;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout1.activity-bar-wrapper .activity-left-layer .activity-item.activity-image-1[data-v-ef68a61b] {
  animation-delay: 0.5s;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout1.activity-bar-wrapper .activity-left-layer .activity-item.good-img[data-v-ef68a61b],
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout1.activity-bar-wrapper .activity-left-layer .activity-item.error-img[data-v-ef68a61b] {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout1.activity-bar-wrapper .activity-right-layer .activity-item[data-v-ef68a61b] {
  width: var(--activity-right-image-width);
  height: var(--activity-right-image-height);
  animation: floating-ef68a61b 3s ease-in-out infinite;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout1.activity-bar-wrapper .activity-right-layer .activity-item.activity-image-0[data-v-ef68a61b] {
  animation-delay: 1.5s;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout1.activity-bar-wrapper .activity-right-layer .activity-item.good-img[data-v-ef68a61b],
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout1.activity-bar-wrapper .activity-right-layer .activity-item.error-img[data-v-ef68a61b] {
  width: 100%;
  height: 100%;
}
@keyframes floating-ef68a61b {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-5px);
}
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout1.activity-bar-wrapper.style-template5[data-v-ef68a61b] {
  --activity-left-image-width: 11.875rem;
  --activity-right-image-width: 10.25rem;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout1.activity-bar-wrapper .activity-left-layer .activity-item[data-v-ef68a61b] {
  height: var(--activity-left-image-height);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout1.activity-bar-wrapper .activity-left-layer .activity-item.good-img[data-v-ef68a61b],
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout1.activity-bar-wrapper .activity-left-layer .activity-item.error-img[data-v-ef68a61b] {
  width: var(--activity-left-image-width);
  height: var(--activity-left-image-height);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout1.activity-bar-wrapper .activity-right-layer .activity-item.good-img[data-v-ef68a61b],
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout1.activity-bar-wrapper .activity-right-layer .activity-item.error-img[data-v-ef68a61b] {
  width: var(--activity-right-image-width);
  height: var(--activity-right-image-height);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout37.activity-bar-wrapper[data-v-ef68a61b] {
  --activity-left-image-width: auto;
  --activity-left-image-height: 3.5rem;
  --activity-right-image-width: 11rem;
  --activity-right-image-height: 7.75rem;
  --activity-gap: 0.625rem;
  display: flex;
  margin: 0 0.75rem;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout37.activity-bar-wrapper.style-template5[data-v-ef68a61b] {
  display: flex;
  justify-content: space-between;
  gap: 0.625rem;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout37.activity-bar-wrapper .activity-item[data-v-ef68a61b] {
  border-radius: var(--ep-border-radius-surface-large) var(--ep-border-radius-surface-default);
  overflow: hidden;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout37.activity-bar-wrapper .activity-left-layer[data-v-ef68a61b] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.625rem;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout37.activity-bar-wrapper .activity-left-layer .activity-item[data-v-ef68a61b] {
  width: var(--activity-left-image-width);
  animation: floating-ef68a61b 3s ease-in-out infinite;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout37.activity-bar-wrapper .activity-left-layer .activity-item.activity-image-0[data-v-ef68a61b] {
  animation-delay: 0s;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout37.activity-bar-wrapper .activity-left-layer .activity-item.activity-image-1[data-v-ef68a61b] {
  animation-delay: 0.5s;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout37.activity-bar-wrapper .activity-left-layer .activity-item.good-img[data-v-ef68a61b],
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout37.activity-bar-wrapper .activity-left-layer .activity-item.error-img[data-v-ef68a61b] {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout37.activity-bar-wrapper .activity-right-layer .activity-item[data-v-ef68a61b] {
  width: var(--activity-right-image-width);
  height: var(--activity-right-image-height);
  animation: floating-ef68a61b 3s ease-in-out infinite;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout37.activity-bar-wrapper .activity-right-layer .activity-item.activity-image-0[data-v-ef68a61b] {
  animation-delay: 1.5s;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout37.activity-bar-wrapper .activity-right-layer .activity-item.good-img[data-v-ef68a61b],
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate5-index .layout37.activity-bar-wrapper .activity-right-layer .activity-item.error-img[data-v-ef68a61b] {
  width: 100%;
  height: 100%;
}
@keyframes floating-ef68a61b {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-5px);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
html .layout1.activity-bar-wrapper[data-v-bccd43da] {
  --activity-top-image-width: 11rem;
  --activity-top-image-height: 3.5rem;
  --activity-bottom-image-width: 100%;
  --activity-bottom-image-height: 3.5rem;
  --activity-gap: 0.75rem;
  display: flex;
  margin: 0 var(--activity-gap);
}
html .layout1.activity-bar-wrapper.style-template6[data-v-bccd43da] {
  flex-direction: column;
  gap: var(--activity-gap);
}
html .layout1.activity-bar-wrapper .activity-item[data-v-bccd43da] {
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  overflow: hidden;
  object-fit: fill;
}
html .layout1.activity-bar-wrapper .activity-top-layer[data-v-bccd43da] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
html .layout1.activity-bar-wrapper .activity-top-layer .activity-item[data-v-bccd43da] {
  width: var(--activity-top-image-width);
  height: var(--activity-top-image-height);
  animation: floating-bccd43da 3s ease-in-out infinite;
}
html .layout1.activity-bar-wrapper .activity-top-layer .activity-item.activity-image-0[data-v-bccd43da] {
  animation-delay: 0s;
}
html .layout1.activity-bar-wrapper .activity-top-layer .activity-item.activity-image-1[data-v-bccd43da] {
  animation-delay: 0.5s;
}
html .layout1.activity-bar-wrapper .activity-top-layer .activity-item.good-img[data-v-bccd43da],
html .layout1.activity-bar-wrapper .activity-top-layer .activity-item.error-img[data-v-bccd43da] {
  width: var(--activity-top-image-width);
  height: var(--activity-top-image-height);
}
html .layout1.activity-bar-wrapper .activity-bottom-layer .activity-item[data-v-bccd43da] {
  width: var(--activity-bottom-image-width);
  height: var(--activity-bottom-image-height);
  animation: floating-bccd43da 3s ease-in-out infinite;
}
html .layout1.activity-bar-wrapper .activity-bottom-layer .activity-item.activity-image-0[data-v-bccd43da] {
  animation-delay: 1.5s;
}
html .layout1.activity-bar-wrapper .activity-bottom-layer .activity-item.good-img[data-v-bccd43da],
html .layout1.activity-bar-wrapper .activity-bottom-layer .activity-item.error-img[data-v-bccd43da] {
  object-fit: cover;
  width: var(--activity-bottom-image-width);
  height: var(--activity-bottom-image-height);
}
@keyframes floating-bccd43da {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-5px);
}
}
html .layout37.activity-bar-wrapper[data-v-bccd43da] {
  --activity-top-image-width: 11rem;
  --activity-top-image-height: 3.5rem;
  --activity-bottom-image-width: 100%;
  --activity-bottom-image-height: 3.5rem;
  --activity-gap: 0.75rem;
  display: flex;
  margin: 0 var(--activity-gap);
}
html .layout37.activity-bar-wrapper.style-template6[data-v-bccd43da] {
  flex-direction: column;
  gap: var(--activity-gap);
}
html .layout37.activity-bar-wrapper .activity-item[data-v-bccd43da] {
  border-radius: var(--ep-border-radius-surface-large) var(--ep-border-radius-surface-default);
  overflow: hidden;
  object-fit: fill;
}
html .layout37.activity-bar-wrapper .activity-top-layer[data-v-bccd43da] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
html .layout37.activity-bar-wrapper .activity-top-layer .activity-item[data-v-bccd43da] {
  width: var(--activity-top-image-width);
  height: var(--activity-top-image-height);
  animation: floating-bccd43da 3s ease-in-out infinite;
}
html .layout37.activity-bar-wrapper .activity-top-layer .activity-item.activity-image-0[data-v-bccd43da] {
  animation-delay: 0s;
}
html .layout37.activity-bar-wrapper .activity-top-layer .activity-item.activity-image-1[data-v-bccd43da] {
  animation-delay: 0.5s;
}
html .layout37.activity-bar-wrapper .activity-top-layer .activity-item.good-img[data-v-bccd43da],
html .layout37.activity-bar-wrapper .activity-top-layer .activity-item.error-img[data-v-bccd43da] {
  width: var(--activity-top-image-width);
  height: var(--activity-top-image-height);
}
html .layout37.activity-bar-wrapper .activity-bottom-layer .activity-item[data-v-bccd43da] {
  width: var(--activity-bottom-image-width);
  height: var(--activity-bottom-image-height);
  animation: floating-bccd43da 3s ease-in-out infinite;
}
html .layout37.activity-bar-wrapper .activity-bottom-layer .activity-item.activity-image-0[data-v-bccd43da] {
  animation-delay: 1.5s;
}
html .layout37.activity-bar-wrapper .activity-bottom-layer .activity-item.good-img[data-v-bccd43da],
html .layout37.activity-bar-wrapper .activity-bottom-layer .activity-item.error-img[data-v-bccd43da] {
  object-fit: cover;
  width: var(--activity-bottom-image-width);
  height: var(--activity-bottom-image-height);
}
@keyframes floating-bccd43da {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-5px);
}
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout1.activity-bar-wrapper[data-v-bccd43da] {
  --activity-top-image-width: 11rem;
  --activity-top-image-height: 3.5rem;
  --activity-bottom-image-width: 100%;
  --activity-bottom-image-height: 3.5rem;
  --activity-gap: 0.75rem;
  display: flex;
  margin: 0 var(--activity-gap);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout1.activity-bar-wrapper.style-template6[data-v-bccd43da] {
  flex-direction: column;
  gap: var(--activity-gap);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout1.activity-bar-wrapper .activity-item[data-v-bccd43da] {
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  overflow: hidden;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout1.activity-bar-wrapper .activity-top-layer[data-v-bccd43da] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout1.activity-bar-wrapper .activity-top-layer .activity-item[data-v-bccd43da] {
  width: var(--activity-top-image-width);
  height: var(--activity-top-image-height);
  animation: floating-bccd43da 3s ease-in-out infinite;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout1.activity-bar-wrapper .activity-top-layer .activity-item.activity-image-0[data-v-bccd43da] {
  animation-delay: 0s;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout1.activity-bar-wrapper .activity-top-layer .activity-item.activity-image-1[data-v-bccd43da] {
  animation-delay: 0.5s;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout1.activity-bar-wrapper .activity-top-layer .activity-item.good-img[data-v-bccd43da],
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout1.activity-bar-wrapper .activity-top-layer .activity-item.error-img[data-v-bccd43da] {
  width: var(--activity-top-image-width);
  height: var(--activity-top-image-height);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout1.activity-bar-wrapper .activity-bottom-layer .activity-item[data-v-bccd43da] {
  width: var(--activity-bottom-image-width);
  height: var(--activity-bottom-image-height);
  animation: floating-bccd43da 3s ease-in-out infinite;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout1.activity-bar-wrapper .activity-bottom-layer .activity-item.activity-image-0[data-v-bccd43da] {
  animation-delay: 1.5s;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout1.activity-bar-wrapper .activity-bottom-layer .activity-item.good-img[data-v-bccd43da],
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout1.activity-bar-wrapper .activity-bottom-layer .activity-item.error-img[data-v-bccd43da] {
  object-fit: cover;
  width: var(--activity-bottom-image-width);
  height: var(--activity-bottom-image-height);
}
@keyframes floating-bccd43da {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-5px);
}
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout37.activity-bar-wrapper[data-v-bccd43da] {
  --activity-top-image-width: 11rem;
  --activity-top-image-height: 3.5rem;
  --activity-bottom-image-width: 100%;
  --activity-bottom-image-height: 3.5rem;
  --activity-gap: 0.75rem;
  display: flex;
  margin: 0 var(--activity-gap);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout37.activity-bar-wrapper.style-template6[data-v-bccd43da] {
  flex-direction: column;
  gap: var(--activity-gap);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout37.activity-bar-wrapper .activity-item[data-v-bccd43da] {
  border-radius: var(--ep-border-radius-surface-large) var(--ep-border-radius-surface-default);
  overflow: hidden;
  object-fit: fill;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout37.activity-bar-wrapper .activity-top-layer[data-v-bccd43da] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout37.activity-bar-wrapper .activity-top-layer .activity-item[data-v-bccd43da] {
  width: var(--activity-top-image-width);
  height: var(--activity-top-image-height);
  animation: floating-bccd43da 3s ease-in-out infinite;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout37.activity-bar-wrapper .activity-top-layer .activity-item.activity-image-0[data-v-bccd43da] {
  animation-delay: 0s;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout37.activity-bar-wrapper .activity-top-layer .activity-item.activity-image-1[data-v-bccd43da] {
  animation-delay: 0.5s;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout37.activity-bar-wrapper .activity-top-layer .activity-item.good-img[data-v-bccd43da],
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout37.activity-bar-wrapper .activity-top-layer .activity-item.error-img[data-v-bccd43da] {
  width: var(--activity-top-image-width);
  height: var(--activity-top-image-height);
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout37.activity-bar-wrapper .activity-bottom-layer .activity-item[data-v-bccd43da] {
  width: var(--activity-bottom-image-width);
  height: var(--activity-bottom-image-height);
  animation: floating-bccd43da 3s ease-in-out infinite;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout37.activity-bar-wrapper .activity-bottom-layer .activity-item.activity-image-0[data-v-bccd43da] {
  animation-delay: 1.5s;
}
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout37.activity-bar-wrapper .activity-bottom-layer .activity-item.good-img[data-v-bccd43da],
#tabbar-tabs-inicio-components-ActivityBar-custom-template-styleTemplate6-index .layout37.activity-bar-wrapper .activity-bottom-layer .activity-item.error-img[data-v-bccd43da] {
  object-fit: cover;
  width: var(--activity-bottom-image-width);
  height: var(--activity-bottom-image-height);
}
@keyframes floating-bccd43da {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-5px);
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
@keyframes scaleFade-e1639c7e {
0% {
    transform: scale(0.5);
    opacity: 1;
}
50% {
    transform: scale(2);
    opacity: 0.5;
}
100% {
    transform: scale(3.5);
    opacity: 0;
}
}
.new-skin-symbol .ranking-header[data-v-e1639c7e] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 3.125rem;
  border-bottom: 1px solid var(--ep-color-border-default);
}
.new-skin-symbol .ranking-header .ranking-title[data-v-e1639c7e] {
  color: var(--ep-color-text-success);
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  margin: 0 0.4375rem;
}
.new-skin-symbol .ranking-header .ranking-start[data-v-e1639c7e] {
  color: var(--ep-color-icon-success);
  font-size: var(--ep-font-size-s, 0.75rem);
}
.new-skin-symbol .ranking-header .line[data-v-e1639c7e] {
  position: absolute;
  height: 1px;
  width: 12.5rem;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, rgba(10, 119, 218, 0) 0%, var(--ep-color-border-brand, #0A77DA) 50%, rgba(10, 119, 218, 0) 100%);
}
.new-skin-symbol .top-three-area[data-v-e1639c7e] {
  height: 18.5rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
.new-skin-symbol .top-three-area .ranking-item-2[data-v-e1639c7e] {
  margin-top: 5.1875rem;
}
.new-skin-symbol .top-three-area .ranking-item-1[data-v-e1639c7e] {
  margin-top: 2.5625rem;
}
.new-skin-symbol .top-three-area .ranking-item-3[data-v-e1639c7e] {
  margin-top: 5.5rem;
}
.new-skin-symbol .top-three-area .ranking-item[data-v-e1639c7e] {
  text-align: center;
  width: 7.8125rem;
  position: relative;
  z-index: 3;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar[data-v-e1639c7e] {
  position: relative;
  width: 4.375rem;
  height: 4.375rem;
  overflow: hidden;
  margin: 0 auto;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border[data-v-e1639c7e] {
  width: 100%;
  height: 100%;
  background: url('/assets/ranking-avatar-border-r2-GAxxxnwj.png') no-repeat;
  background-size: 300% 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-1[data-v-e1639c7e] {
  background-position: 0 0;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-2[data-v-e1639c7e] {
  background-position: 50% 0;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-3[data-v-e1639c7e] {
  background-position: 100% 0;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-e1639c7e] {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.new-skin-symbol .top-three-area .ranking-item .name[data-v-e1639c7e] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.125rem;
}
.new-skin-symbol .top-three-area .ranking-item .amount[data-v-e1639c7e] {
  color: var(--ep-color-text-warning);
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 1.125rem;
}
.new-skin-symbol .top-three-area .top-three-bg[data-v-e1639c7e] {
  height: 9.75rem;
  width: 23.4375rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.new-skin-symbol .top-three-area .ranking-aperture[data-v-e1639c7e] {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transform-origin: center center;
  animation: scaleFade-e1639c7e 12s ease-out infinite;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.new-skin-symbol[data-v-04b80210] {
  /**
     * 53 号炫彩紫（设计稿 node 17023:40905 的「文字排行」，366x340）。
     *
     * 面板是六处切角的异形（两个圆角斜切 + 左右腰部内凹 + 底部梯形缺口 + 右上斜边），
     * 表头是叠在面板上的 5% 白药丸（也带切角），底部还有一根 98x2 品红短横 —— 全是静态
     * 几何，一次性画进 ranking-bg-53.svg。
     *
     * 表头 ul 和列表容器是**兄弟节点**（本组件是多根 fragment，没有外层壳），所以同一张
     * 366x340 底图按 background-position 上下切两段贴：表头贴 0~51px，容器贴 51~340px，
     * background-size 都写死 22.875rem × 21.25rem 保证两段严丝合缝。
     * 这样不用为了套一层背景去加 wrapper（会影响另外 18 套皮肤），也不用负 z-index 伪元素。
     */
  /**
     * 53 号炫彩紫（设计稿 node 17023:40905 的「文字排行」，366x340）。
     *
     * 面板是六处切角的异形（两个圆角斜切 + 左右腰部内凹 + 底部梯形缺口 + 右上斜边），
     * 表头是叠在面板上的 5% 白药丸（也带切角），底部还有一根 98x2 品红短横 —— 全是静态
     * 几何，一次性画进 ranking-bg-53.svg。
     *
     * 表头 ul 和列表容器是**兄弟节点**（本组件是多根 fragment，没有外层壳），所以同一张
     * 366x340 底图按 background-position 上下切两段贴：表头贴 0~51px，容器贴 51~340px，
     * background-size 都写死 22.875rem × 21.25rem 保证两段严丝合缝。
     * 这样不用为了套一层背景去加 wrapper（会影响另外 18 套皮肤），也不用负 z-index 伪元素。
     */
}
.new-skin-symbol .ranking-header-list[data-v-04b80210] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  color: var(--ep-color-text-weakest);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.125rem;
  margin-top: 0.5625rem;
}
.new-skin-symbol .ranking-header-list .item[data-v-04b80210]:nth-child(1) {
  width: 3.75rem;
}
.new-skin-symbol .ranking-header-list .item[data-v-04b80210]:nth-child(2) {
  width: 12.5rem;
}
.new-skin-symbol .ranking-header-list .item[data-v-04b80210]:nth-child(3) {
  width: 6.25rem;
}
.new-skin-symbol .layout27.ranking-header-list .item[data-v-04b80210] {
  flex: 1;
  color: var(--ep-color-text-default);
}
.new-skin-symbol .layout37 .ranking-header-list[data-v-04b80210] {
  margin: 0 0.75rem;
  padding: 1rem 0.75rem;
  background: var(--ep-color-background-fill-body-default);
  border-radius: 0 0 var(--ep-border-radius-l) var(--ep-border-radius-l);
}
.new-skin-symbol .layout37 .ranking-header-list .item[data-v-04b80210] {
  color: var(--ep-color-text-brand-primary);
}
.new-skin-symbol .layout37 .ranking-list-container[data-v-04b80210] {
  margin: 0 0.75rem;
  background: var(--ep-color-background-fill-surface-lowered);
}
.new-skin-symbol .layout37 .ranking-list-container .ranking-list li[data-v-04b80210] {
  border-radius: var(--ep-border-radius-l);
}
.new-skin-symbol .layout37 .ranking-list-container .ranking-list li[data-v-04b80210]:nth-child(even) {
  background: var(--ep-color-background-fill-body-default);
}
.new-skin-symbol .layout37 .ranking-list-container .ranking-list li .item[data-v-04b80210] {
  color: var(--ep-color-text-brand-primary);
}
.new-skin-symbol .ranking-list-container[data-v-04b80210] {
  height: 15rem;
  overflow: hidden;
  position: relative;
  contain: layout paint;
}
.new-skin-symbol .ranking-list[data-v-04b80210] {
  position: absolute;
  width: 100%;
  will-change: transform;
}
.new-skin-symbol .ranking-list[data-v-04b80210]:hover {
  animation-play-state: paused;
}
.new-skin-symbol .ranking-list[data-v-04b80210]::after {
  content: "";
  display: block;
  height: 15rem;
}
.new-skin-symbol .ranking-list li[data-v-04b80210] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  height: 3rem;
  line-height: 3rem;
}
.new-skin-symbol .ranking-list li .item[data-v-04b80210]:nth-child(1) {
  width: 3.75rem;
}
.new-skin-symbol .ranking-list li .item[data-v-04b80210]:nth-child(2) {
  width: 12.5rem;
}
.new-skin-symbol .ranking-list li .item[data-v-04b80210]:nth-child(3) {
  width: 6.25rem;
}
.new-skin-symbol .ranking-list li .rank[data-v-04b80210] {
  color: var(--ep-color-text-brand-primary);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
.new-skin-symbol .ranking-list li .ranking-user-info[data-v-04b80210] {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.5rem;
}
.new-skin-symbol .ranking-list li .ranking-user-info .avatar-img[data-v-04b80210] {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
}
.new-skin-symbol .ranking-list li .ranking-user-info .name[data-v-04b80210] {
  color: var(--ep-color-text-weak);
  font-size: var(--ep-font-size-s, 0.75rem);
}
.new-skin-symbol .ranking-list li .amount[data-v-04b80210] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
.new-skin-symbol .ranking-list li .amount[data-v-04b80210] .currency-icon {
  width: 0.75rem;
  height: 0.75rem;
}
.new-skin-symbol .layout27 .ranking-list .item[data-v-04b80210] {
  flex: 1;
}
.new-skin-symbol .layout30[data-v-04b80210] {
  background: var(--ep-color-background-fill-surface-raised-L2);
}
.new-skin-symbol .layout30.ranking-header-list[data-v-04b80210] {
  color: var(--ep-color-text-weak);
  padding-top: 0.375rem;
}
.new-skin-symbol .layout30.ranking-list-container .ranking-list li .rank.item[data-v-04b80210] {
  color: var(--ep-color-icon-brand-primary);
}
.new-skin-symbol .layout38.ranking-area .ranking-header-list[data-v-04b80210] {
  padding-inline: 1rem;
  color: var(--ep-color-text-default);
  font-weight: var(--ep-font-weight-medium, 600);
}
.new-skin-symbol .layout38.ranking-area .ranking-list-container[data-v-04b80210] {
  padding-inline: 1rem;
}
.new-skin-symbol .layout38.ranking-area .ranking-list-container .ranking-list[data-v-04b80210] {
  width: calc(100% - 2rem);
}
.new-skin-symbol .layout38.ranking-area .ranking-list-container .ranking-list li .rank.item[data-v-04b80210] {
  color: var(--ep-color-icon-brand-primary);
}
.new-skin-symbol .layout42[data-v-04b80210] {
  background: var(--ep-color-background-fill-surface-raised-L2);
}
.new-skin-symbol .layout42.ranking-header-list[data-v-04b80210] {
  color: var(--ep-color-text-default);
  border-radius: var(--ep-border-radius-xl) var(--ep-border-radius-xl) 0 0;
  padding-top: 0.375rem;
  margin-top: 0;
}
.new-skin-symbol .layout42.ranking-list-container[data-v-04b80210] {
  border-radius: 0 0 var(--ep-border-radius-xl) var(--ep-border-radius-xl);
}
.new-skin-symbol .layout42.ranking-list-container .ranking-list li[data-v-04b80210] {
  display: flex;
}
.new-skin-symbol .layout42.ranking-list-container .ranking-list li .rank.item[data-v-04b80210] {
  color: var(--ep-color-icon-selected);
}
.new-skin-symbol .layout44 .ranking-header-list[data-v-04b80210] {
  margin: 0 0.75rem;
  padding: 1rem 0.75rem;
  background: var(--ep-color-background-fill-surface-lowered);
  border-radius: 0 0 var(--ep-border-radius-l) var(--ep-border-radius-l);
}
.new-skin-symbol .layout44 .ranking-header-list .item[data-v-04b80210] {
  color: var(--ep-color-text-brand-primary);
}
.new-skin-symbol .layout44 .ranking-list-container[data-v-04b80210] {
  margin: 0 0.75rem;
}
.new-skin-symbol .layout44 .ranking-list-container .ranking-list li[data-v-04b80210] {
  border-radius: var(--ep-border-radius-l);
}
.new-skin-symbol .layout44 .ranking-list-container .ranking-list li[data-v-04b80210]:nth-child(even) {
  background: var(--ep-color-background-fill-surface-lowered);
}
.new-skin-symbol .layout44 .ranking-list-container .ranking-list li .item[data-v-04b80210] {
  color: var(--ep-color-text-brand-primary);
}
.new-skin-symbol .layout45.ranking-header-list[data-v-04b80210] {
  font-weight: var(--ep-font-weight-medium, 600);
}
.new-skin-symbol .layout45.ranking-header-list .item[data-v-04b80210] {
  flex: 1;
  color: var(--ep-color-text-default);
}
.new-skin-symbol .layout45.ranking-list-container .ranking-list .item[data-v-04b80210] {
  flex: 1;
  justify-content: center;
}
.new-skin-symbol .layout47 .ranking-list-container[data-v-04b80210] {
  margin: 0 0.75rem;
}
.new-skin-symbol .layout47 .ranking-list-container .ranking-list li[data-v-04b80210] {
  border-radius: var(--ep-border-radius-l);
}
.new-skin-symbol .layout47 .ranking-list-container .ranking-list li[data-v-04b80210]:nth-child(even) {
  background: var(--ep-color-background-fill-surface-lowered);
}
.new-skin-symbol .layout47 .ranking-list-container .ranking-list li .item[data-v-04b80210] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .layout46 .ranking-header-list[data-v-04b80210] {
  margin: 4.375rem 0.75rem 0 0.75rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  background: var(--ep-color-background-fill-surface-raised-L2);
  border-radius: var(--ep-border-radius-surface-default);
}
.new-skin-symbol .layout46 .ranking-header-list .item[data-v-04b80210] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .layout46 .ranking-list-container[data-v-04b80210] {
  margin: 0 0.75rem;
  height: 12.5rem;
}
.new-skin-symbol .layout46 .ranking-list-container .ranking-list li[data-v-04b80210] {
  border-radius: var(--ep-border-radius-surface-default);
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
}
.new-skin-symbol .layout46 .ranking-list-container .ranking-list li[data-v-04b80210]:nth-child(even) {
  background: var(--ep-color-background-fill-surface-raised-L2);
}
.new-skin-symbol .layout46 .ranking-list-container .ranking-list li .rank.item[data-v-04b80210] {
  color: var(--ep-color-icon-selected);
}
.new-skin-symbol .layout46 .ranking-list-container .ranking-list li .item[data-v-04b80210] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .layout46 .ranking-list-container .ranking-list li .item .name[data-v-04b80210] {
  color: var(--ep-color-text-weak);
}
.new-skin-symbol .layout49 .ranking-list-container[data-v-04b80210] {
  margin: 0 0.75rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
  border-radius: 0 0 var(--ep-border-radius-m, 0.375rem) var(--ep-border-radius-m, 0.375rem);
}
.new-skin-symbol .layout49 .ranking-list-container .ranking-list li[data-v-04b80210]:nth-child(even) {
  background: var(--ep-color-background-fill-surface-lowered);
}
.new-skin-symbol .layout49 .ranking-list-container .ranking-list li .item[data-v-04b80210] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .layout49 .ranking-list-container .ranking-list li .item.amount[data-v-04b80210] {
  display: flex;
  justify-content: flex-end;
  padding-right: 0.75rem;
}
.new-skin-symbol .layout50.ranking-header-list[data-v-04b80210] {
  font-weight: var(--ep-font-weight-medium, 600);
}
.new-skin-symbol .layout50.ranking-header-list .item[data-v-04b80210] {
  flex: 1;
  color: var(--ep-color-text-default);
}
.new-skin-symbol .layout53.ranking-header-list[data-v-04b80210] {
  width: 22.875rem;
  height: 3.1875rem;
  margin-inline: auto;
  padding: 1rem 2.0625rem 0;
  justify-content: flex-start;
  color: var(--ep-color-text-weak);
  font-weight: var(--ep-font-weight-medium, 600);
  line-height: 1.125rem;
  background: url('/assets/ranking-bg-53-r2-BkepZyGC.svg') no-repeat 0 0 / 22.875rem 21.25rem;
  margin-top: 0.625rem;
}
.new-skin-symbol .layout53.ranking-header-list .item[data-v-04b80210]:nth-child(1) {
  flex: none;
  width: 5.5rem;
  text-align: left;
}
.new-skin-symbol .layout53.ranking-header-list .item[data-v-04b80210]:nth-child(2) {
  flex: 1;
  min-width: 0;
  text-align: left;
  padding-left: 1.6875rem;
}
.new-skin-symbol .layout53.ranking-header-list .item[data-v-04b80210]:nth-child(3) {
  flex: none;
  width: auto;
  text-align: right;
}
.new-skin-symbol .layout53.ranking-list-container[data-v-04b80210] {
  width: 22.875rem;
  height: 18.0625rem;
  margin-inline: auto;
  border-bottom: 1.1875rem solid transparent;
  background: url('/assets/ranking-bg-53-r2-BkepZyGC.svg') no-repeat 0 -3.1875rem / 22.875rem 21.25rem;
}
.new-skin-symbol .layout53.ranking-list-container .ranking-list li[data-v-04b80210] {
  height: 3.375rem;
  line-height: 1.125rem;
  margin-inline: 0.8125rem;
  padding-inline: 1.25rem;
  justify-content: flex-start;
  border-bottom: 0.0625rem solid var(--ep-color-border-default);
}
.new-skin-symbol .layout53.ranking-list-container .ranking-list li .item[data-v-04b80210]:nth-child(1) {
  flex: none;
  width: 5.5rem;
  text-align: left;
}
.new-skin-symbol .layout53.ranking-list-container .ranking-list li .item[data-v-04b80210]:nth-child(2) {
  flex: 1;
  min-width: 0;
  gap: 0.4375rem;
  justify-content: flex-start;
}
.new-skin-symbol .layout53.ranking-list-container .ranking-list li .item[data-v-04b80210]:nth-child(3) {
  flex: none;
  width: auto;
}
.new-skin-symbol .layout53.ranking-list-container .ranking-list li .rank.item[data-v-04b80210] {
  color: var(--ep-color-text-highlight);
}
.new-skin-symbol .layout53.ranking-list-container .ranking-list li .amount.item[data-v-04b80210] {
  color: var(--ep-color-text-success);
}
.new-skin-symbol .layout50.ranking-list-container .ranking-list[data-v-04b80210] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.new-skin-symbol .layout50.ranking-list-container .ranking-list li[data-v-04b80210] {
  width: 22.875rem;
  height: 2.5rem;
  background: url('/assets/ranking-item-bg-50-r2-De996UCe.png') center center / 100% 100% no-repeat;
}
.new-skin-symbol .layout50.ranking-list-container .ranking-list li .item[data-v-04b80210] {
  flex: 1;
  justify-content: center;
}
.new-skin-symbol .layout50.ranking-list-container .ranking-list li .rank.item[data-v-04b80210] {
  color: var(--ep-color-text-brand-primary);
}
.new-skin-symbol .layout50.ranking-list-container .ranking-list li .ranking-user-info.item .name[data-v-04b80210] {
  color: var(--ep-color-text-weak);
}
.new-skin-symbol .layout50.ranking-list-container .ranking-list li .amount.item[data-v-04b80210] {
  color: var(--ep-color-text-brand-primary);
}
.new-skin-symbol .layout45.ranking-header-list[data-v-04b80210] {
  font-weight: var(--ep-font-weight-medium, 600);
}
.new-skin-symbol .layout45.ranking-header-list .item[data-v-04b80210] {
  flex: 1;
  color: var(--ep-color-text-default);
}
.new-skin-symbol .layout45.ranking-list-container .ranking-list .item[data-v-04b80210] {
  flex: 1;
  justify-content: center;
}
.new-skin-symbol .layout47 .ranking-list-container[data-v-04b80210] {
  margin: 0 0.75rem;
}
.new-skin-symbol .layout47 .ranking-list-container .ranking-list li[data-v-04b80210] {
  border-radius: var(--ep-border-radius-l);
}
.new-skin-symbol .layout47 .ranking-list-container .ranking-list li[data-v-04b80210]:nth-child(even) {
  background: var(--ep-color-background-fill-surface-lowered);
}
.new-skin-symbol .layout47 .ranking-list-container .ranking-list li .item[data-v-04b80210] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .layout46 .ranking-header-list[data-v-04b80210] {
  margin: 4.375rem 0.75rem 0 0.75rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  background: var(--ep-color-background-fill-surface-raised-L2);
  border-radius: var(--ep-border-radius-surface-default);
}
.new-skin-symbol .layout46 .ranking-header-list .item[data-v-04b80210] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .layout46 .ranking-list-container[data-v-04b80210] {
  margin: 0 0.75rem;
  height: 12.5rem;
}
.new-skin-symbol .layout46 .ranking-list-container .ranking-list li[data-v-04b80210] {
  border-radius: var(--ep-border-radius-surface-default);
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
}
.new-skin-symbol .layout46 .ranking-list-container .ranking-list li[data-v-04b80210]:nth-child(even) {
  background: var(--ep-color-background-fill-surface-raised-L2);
}
.new-skin-symbol .layout46 .ranking-list-container .ranking-list li .rank.item[data-v-04b80210] {
  color: var(--ep-color-icon-selected);
}
.new-skin-symbol .layout46 .ranking-list-container .ranking-list li .item[data-v-04b80210] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .layout46 .ranking-list-container .ranking-list li .item .name[data-v-04b80210] {
  color: var(--ep-color-text-weak);
}
.new-skin-symbol .layout49 .ranking-list-container[data-v-04b80210] {
  margin: 0 0.75rem;
  background: var(--ep-color-background-fill-surface-raised-L1);
  border-radius: 0 0 var(--ep-border-radius-m, 0.375rem) var(--ep-border-radius-m, 0.375rem);
}
.new-skin-symbol .layout49 .ranking-list-container .ranking-list li[data-v-04b80210]:nth-child(even) {
  background: var(--ep-color-background-fill-surface-lowered);
}
.new-skin-symbol .layout49 .ranking-list-container .ranking-list li .item[data-v-04b80210] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .layout49 .ranking-list-container .ranking-list li .item.amount[data-v-04b80210] {
  display: flex;
  justify-content: flex-end;
  padding-right: 0.75rem;
}
.new-skin-symbol .layout50.ranking-header-list[data-v-04b80210] {
  font-weight: var(--ep-font-weight-medium, 600);
}
.new-skin-symbol .layout50.ranking-header-list .item[data-v-04b80210] {
  flex: 1;
  color: var(--ep-color-text-default);
}
.new-skin-symbol .layout53.ranking-header-list[data-v-04b80210] {
  width: 22.875rem;
  height: 3.1875rem;
  margin-inline: auto;
  padding: 1rem 2.0625rem 0;
  justify-content: flex-start;
  color: var(--ep-color-text-weak);
  font-weight: var(--ep-font-weight-medium, 600);
  line-height: 1.125rem;
  background: url('/assets/ranking-bg-53-r2-BkepZyGC.svg') no-repeat 0 0 / 22.875rem 21.25rem;
  margin-top: 0.625rem;
}
.new-skin-symbol .layout53.ranking-header-list .item[data-v-04b80210]:nth-child(1) {
  flex: none;
  width: 5.5rem;
  text-align: left;
}
.new-skin-symbol .layout53.ranking-header-list .item[data-v-04b80210]:nth-child(2) {
  flex: 1;
  min-width: 0;
  text-align: left;
  padding-left: 1.6875rem;
}
.new-skin-symbol .layout53.ranking-header-list .item[data-v-04b80210]:nth-child(3) {
  flex: none;
  width: auto;
  text-align: right;
}
.new-skin-symbol .layout53.ranking-list-container[data-v-04b80210] {
  width: 22.875rem;
  height: 18.0625rem;
  margin-inline: auto;
  border-bottom: 1.1875rem solid transparent;
  background: url('/assets/ranking-bg-53-r2-BkepZyGC.svg') no-repeat 0 -3.1875rem / 22.875rem 21.25rem;
}
.new-skin-symbol .layout53.ranking-list-container .ranking-list li[data-v-04b80210] {
  height: 3.375rem;
  line-height: 1.125rem;
  margin-inline: 0.8125rem;
  padding-inline: 1.25rem;
  justify-content: flex-start;
  border-bottom: 0.0625rem solid var(--ep-color-border-default);
}
.new-skin-symbol .layout53.ranking-list-container .ranking-list li .item[data-v-04b80210]:nth-child(1) {
  flex: none;
  width: 5.5rem;
  text-align: left;
}
.new-skin-symbol .layout53.ranking-list-container .ranking-list li .item[data-v-04b80210]:nth-child(2) {
  flex: 1;
  min-width: 0;
  gap: 0.4375rem;
  justify-content: flex-start;
}
.new-skin-symbol .layout53.ranking-list-container .ranking-list li .item[data-v-04b80210]:nth-child(3) {
  flex: none;
  width: auto;
}
.new-skin-symbol .layout53.ranking-list-container .ranking-list li .rank.item[data-v-04b80210] {
  color: var(--ep-color-text-highlight);
}
.new-skin-symbol .layout53.ranking-list-container .ranking-list li .amount.item[data-v-04b80210] {
  color: var(--ep-color-text-success);
}
.new-skin-symbol .layout54.ranking-list-container[data-v-04b80210] {
  width: 21.4375rem;
  height: 10.9375rem;
  margin: 1.75rem 0 0 1.9375rem;
}
.new-skin-symbol .layout54.ranking-list-container .ranking-list li[data-v-04b80210] {
  height: 2.8125rem;
  line-height: 1.125rem;
  justify-content: flex-start;
  background: url('/assets/bg-row-54-r2-Csy00rEG.svg') no-repeat 0 center / 21.4375rem 1.875rem;
}
.new-skin-symbol .layout54.ranking-list-container .ranking-list li .item[data-v-04b80210] {
  flex: none;
}
.new-skin-symbol .layout54.ranking-list-container .ranking-list li .rank.item[data-v-04b80210] {
  width: 3.25rem;
  padding-left: 1.8125rem;
  text-align: left;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-highlight);
}
.new-skin-symbol .layout54.ranking-list-container .ranking-list li .ranking-user-info.item[data-v-04b80210] {
  flex: 1;
  min-width: 0;
  gap: 1rem;
  justify-content: flex-start;
}
.new-skin-symbol .layout54.ranking-list-container .ranking-list li .ranking-user-info.item .avatar-img[data-v-04b80210] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.625rem;
}
.new-skin-symbol .layout54.ranking-list-container .ranking-list li .ranking-user-info.item .name[data-v-04b80210] {
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-weak);
}
.new-skin-symbol .layout54.ranking-list-container .ranking-list li .amount.item[data-v-04b80210] {
  width: auto;
  margin-right: 2.1875rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  color: var(--ep-color-text-success);
}
.new-skin-symbol .layout50.ranking-list-container .ranking-list[data-v-04b80210] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.new-skin-symbol .layout50.ranking-list-container .ranking-list li[data-v-04b80210] {
  width: 22.875rem;
  height: 2.5rem;
  background: url('/assets/ranking-item-bg-50-r2-De996UCe.png') center center / 100% 100% no-repeat;
}
.new-skin-symbol .layout50.ranking-list-container .ranking-list li .item[data-v-04b80210] {
  flex: 1;
  justify-content: center;
}
.new-skin-symbol .layout50.ranking-list-container .ranking-list li .rank.item[data-v-04b80210] {
  color: var(--ep-color-text-brand-primary);
}
.new-skin-symbol .layout50.ranking-list-container .ranking-list li .ranking-user-info.item .name[data-v-04b80210] {
  color: var(--ep-color-text-weak);
}
.new-skin-symbol .layout50.ranking-list-container .ranking-list li .amount.item[data-v-04b80210] {
  color: var(--ep-color-text-brand-primary);
}
.new-skin-symbol .layout51.ranking-header-list[data-v-04b80210] {
  padding-inline: 0.75rem;
  background: linear-gradient(180deg, var(--ep-neutral-white-60) 0%, rgba(255, 255, 255, 0) 100%) no-repeat;
  background-size: 100% 17.75rem;
  background-position: 0 0;
  z-index: 1;
  position: relative;
  height: 3.125rem;
  margin-top: 0;
  color: var(--ep-color-text-default);
  font-weight: var(--ep-font-weight-medium, 600);
  border-radius: var(--ep-border-radius-surface-large, 1.25rem) var(--ep-border-radius-surface-small, 0.75rem) 0 0;
}
.new-skin-symbol .layout51.ranking-header-list .item[data-v-04b80210] {
  flex: 1;
}
.new-skin-symbol .layout51.ranking-list-container[data-v-04b80210] {
  padding-inline: 0.75rem;
  background: linear-gradient(180deg, var(--ep-neutral-white-60) 0%, rgba(255, 255, 255, 0) 100%) no-repeat;
  background-size: 100% 17.75rem;
  background-position: 0 -3.125rem;
  z-index: 1;
  height: 14.625rem;
}
.new-skin-symbol .layout51.ranking-list-container .ranking-list[data-v-04b80210] {
  width: calc(100% - 1.5rem);
}
.new-skin-symbol .layout51.ranking-list-container .ranking-list li[data-v-04b80210] {
  height: 2.375rem;
  line-height: 2.375rem;
  margin-bottom: 0.625rem;
  border-radius: var(--ep-border-radius-l, 0.5rem);
}
.new-skin-symbol .layout51.ranking-list-container .ranking-list li .item[data-v-04b80210] {
  flex: 1;
  justify-content: center;
}
.new-skin-symbol .layout51.ranking-list-container .ranking-list li .rank.item[data-v-04b80210] {
  color: var(--ep-color-text-brand-primary);
}
.new-skin-symbol .layout51.ranking-list-container .ranking-list li .ranking-user-info.item[data-v-04b80210] {
  gap: 0.375rem;
}
.new-skin-symbol .layout51.ranking-list-container .ranking-list li .ranking-user-info.item .name[data-v-04b80210] {
  color: var(--ep-color-text-default);
}
.new-skin-symbol .layout51.ranking-list-container .ranking-list li .amount.item[data-v-04b80210] {
  color: var(--ep-color-text-default);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.new-skin-symbol .ranking-header .ranking-title[data-v-dbf0faf2] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  width: 100%;
  height: 3.125rem;
  line-height: 3.125rem;
  padding: 0 0.75rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid var(--ep-color-border-default);
}
.new-skin-symbol .ranking-header .ranking-title .ranking[data-v-dbf0faf2] {
  font-size: 2rem;
  margin-right: 0.3125rem;
}
.new-skin-symbol .top-three-area[data-v-dbf0faf2] {
  height: 14.5rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
.new-skin-symbol .top-three-area .ranking-item-2[data-v-dbf0faf2] {
  margin-top: 2.75rem;
}
.new-skin-symbol .top-three-area .ranking-item-1[data-v-dbf0faf2] {
  margin-top: 0.625rem;
}
.new-skin-symbol .top-three-area .ranking-item-3[data-v-dbf0faf2] {
  margin-top: 3.375rem;
}
.new-skin-symbol .top-three-area .ranking-item[data-v-dbf0faf2] {
  text-align: center;
  width: 7.8125rem;
  position: relative;
  z-index: 3;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar[data-v-dbf0faf2] {
  position: relative;
  width: 6.25rem;
  height: 5.625rem;
  overflow: hidden;
  margin: 0 auto;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border[data-v-dbf0faf2] {
  width: 100%;
  height: 100%;
  background: url('/assets/ranking-avatar-border-24-r2-CkO-2a3L.png') no-repeat;
  background-size: 300% 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-1[data-v-dbf0faf2] {
  background-position: 0 0;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-2[data-v-dbf0faf2] {
  background-position: 50% 0;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-3[data-v-dbf0faf2] {
  background-position: 100% 0;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-dbf0faf2] {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.new-skin-symbol .top-three-area .ranking-item .name[data-v-dbf0faf2] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.125rem;
}
.new-skin-symbol .top-three-area .ranking-item .amount[data-v-dbf0faf2] {
  color: var(--ep-color-text-warning);
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 1.125rem;
}
.new-skin-symbol .top-three-area .ranking-item .amount .merchant-cy[data-v-dbf0faf2] {
  margin-right: 0.1875rem;
}
.new-skin-symbol .top-three-area .top-three-bg[data-v-dbf0faf2] {
  height: 4.6875rem;
  width: 22.875rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.new-skin-symbol .ranking-list-container[data-v-efc9a9fb] {
  height: 15rem;
  overflow: hidden;
  position: relative;
  margin: 0.25rem auto;
  width: 22.875rem;
  border-radius: var(--ep-border-radius-xl, 0.625rem);
}
.new-skin-symbol .ranking-list-bg[data-v-efc9a9fb] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, var(--ep-color-background-fill-surface-raised-L1, #252C32) 10%, rgba(44, 51, 59, 0) 100%);
}
.new-skin-symbol .ranking-list[data-v-efc9a9fb] {
  position: absolute;
  width: 22.875rem;
  margin: 0.25rem auto;
  will-change: transform;
}
.new-skin-symbol .ranking-list[data-v-efc9a9fb]:hover {
  animation-play-state: paused;
}
.new-skin-symbol .ranking-list[data-v-efc9a9fb]::after {
  content: "";
  display: block;
  height: 15rem;
}
.new-skin-symbol .ranking-list li[data-v-efc9a9fb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  height: 3rem;
  line-height: 3rem;
  border-bottom: 1px solid var(--ep-color-border-default);
  padding: 0 0.625rem;
}
.new-skin-symbol .ranking-list li[data-v-efc9a9fb]:last-child {
  border-bottom: none;
}
.new-skin-symbol .ranking-list li .rank[data-v-efc9a9fb] {
  color: var(--ep-color-text-brand-primary);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
.new-skin-symbol .ranking-list li .ranking-user-info[data-v-efc9a9fb] {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.new-skin-symbol .ranking-list li .ranking-user-info .avatar-img[data-v-efc9a9fb] {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  margin: 0 0.4375rem 0 0.625rem;
}
.new-skin-symbol .ranking-list li .ranking-user-info .name[data-v-efc9a9fb] {
  color: var(--ep-color-text-weak);
  font-size: var(--ep-font-size-s, 0.75rem);
}
.new-skin-symbol .ranking-list li .amount[data-v-efc9a9fb] {
  color: var(--ep-color-icon-warning);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
.new-skin-symbol .ranking-list li .amount .merchant-cy[data-v-efc9a9fb] {
  margin-right: 0.1875rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
@keyframes scaleFade-f791af4b {
0% {
    transform: scale(0.5);
    opacity: 1;
}
50% {
    transform: scale(2);
    opacity: 0.5;
}
100% {
    transform: scale(3.5);
    opacity: 0;
}
}
.new-skin-symbol .ranking-header[data-v-f791af4b] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.75rem;
  border-top: 1px solid var(--ep-color-border-default);
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  background: var(--ep-color-background-fill-surface-raised-L1);
  overflow: hidden;
  position: relative;
  width: 22.875rem;
}
.new-skin-symbol .ranking-header[data-v-f791af4b]::after {
  content: '';
  position: absolute;
  left: 0;
  width: 22.875rem;
  height: 7.5rem;
  bottom: -3.75rem;
  background: url('/assets/ranking-header-line-r2-OtLlfAxd.svg') no-repeat center center;
  background-size: 100% 100%;
}
.new-skin-symbol .ranking-header .ranking-title[data-v-f791af4b] {
  color: var(--ep-color-text-brand-primary);
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  margin: 0 0.4375rem;
}
.new-skin-symbol .ranking-header .ranking-start[data-v-f791af4b] {
  color: var(--ep-color-icon-brand-secondary);
  font-size: var(--ep-font-size-s, 0.75rem);
}
.new-skin-symbol .top-three-area[data-v-f791af4b] {
  height: 18.5rem;
  margin: 0 0.625rem;
  display: flex;
  justify-content: space-between;
  position: relative;
  background: var(--ep-color-background-fill-surface-raised-L1);
  border-radius: var(--ep-border-radius-surface-small, 0.75rem);
  border-top: 1px solid var(--ep-color-border-default);
  overflow: hidden;
}
.new-skin-symbol .top-three-area .ranking-item-2[data-v-f791af4b] {
  margin-top: 5.1875rem;
}
.new-skin-symbol .top-three-area .ranking-item-1[data-v-f791af4b] {
  margin-top: 2.5625rem;
}
.new-skin-symbol .top-three-area .ranking-item-3[data-v-f791af4b] {
  margin-top: 5.5rem;
}
.new-skin-symbol .top-three-area .ranking-item[data-v-f791af4b] {
  font-size: var(--ep-font-size-s, 0.75rem);
  text-align: center;
  width: 7.8125rem;
  position: relative;
  z-index: 3;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar[data-v-f791af4b] {
  position: relative;
  width: 5.875rem;
  height: 5.875rem;
  margin: 0 auto;
  z-index: -1;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border[data-v-f791af4b] {
  width: 100%;
  height: 200%;
  background: url('/assets/ranking-avatar-border-25-r2-BLNRyXyc.png') no-repeat;
  background-size: 300% 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-1[data-v-f791af4b] {
  background-position: 0 0;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-2[data-v-f791af4b] {
  background-position: 50% 0;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-3[data-v-f791af4b] {
  background-position: 100% 0;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-f791af4b] {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  position: absolute;
  top: 58%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.new-skin-symbol .top-three-area .ranking-item .name[data-v-f791af4b] {
  padding-top: 0.5rem;
  color: var(--ep-color-text-highlight-white);
  line-height: 1.125rem;
}
.new-skin-symbol .top-three-area .ranking-item .amount[data-v-f791af4b] {
  color: var(--ep-color-text-warning);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.125rem;
}
.new-skin-symbol .top-three-area .top-three-bg[data-v-f791af4b] {
  height: 9.75rem;
  width: 23.4375rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.new-skin-symbol .top-three-area .ranking-aperture[data-v-f791af4b] {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transform-origin: center center;
  animation: scaleFade-f791af4b 12s ease-out infinite;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
@keyframes scaleFade-cd5cffa3 {
0% {
    transform: scale(0.5);
    opacity: 1;
}
50% {
    transform: scale(2);
    opacity: 0.5;
}
100% {
    transform: scale(3.5);
    opacity: 0;
}
}
.new-skin-symbol .ranking-header[data-v-cd5cffa3] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 3.125rem;
  border-top: 0.09375rem solid var(--ep-color-border-highlight);
  border-radius: var(--ep-border-radius-surface-default, 0.375rem) var(--ep-border-radius-surface-default, 0.375rem) 0 0;
  background: var(--ep-color-background-fill-surface-raised-L2);
}
.new-skin-symbol .ranking-header .ranking-title[data-v-cd5cffa3] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  margin: 0 0.4375rem;
}
.new-skin-symbol .ranking-header .ranking-start[data-v-cd5cffa3] {
  color: var(--ep-color-icon-brand-primary);
  font-size: var(--ep-font-size-xxs, 0.5rem);
}
.new-skin-symbol .ranking-header .line[data-v-cd5cffa3] {
  position: absolute;
  height: 1px;
  width: 12.5rem;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, rgba(10, 119, 218, 0) 0%, var(--ep-color-border-brand, #0A77DA) 50%, rgba(10, 119, 218, 0) 100%);
}
.new-skin-symbol .top-three-area[data-v-cd5cffa3] {
  height: 16.5rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  padding: 0 0.875rem;
}
.new-skin-symbol .top-three-area .ranking-item-2[data-v-cd5cffa3] {
  margin-top: 3.625rem;
}
.new-skin-symbol .top-three-area .ranking-item-1[data-v-cd5cffa3] {
  margin-top: 1.375rem;
}
.new-skin-symbol .top-three-area .ranking-item-3[data-v-cd5cffa3] {
  margin-top: 3.625rem;
}
.new-skin-symbol .top-three-area .ranking-item[data-v-cd5cffa3] {
  text-align: center;
  width: 7.8125rem;
  position: relative;
  z-index: 3;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar[data-v-cd5cffa3] {
  position: relative;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
  margin: 0.5rem auto 0;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border[data-v-cd5cffa3] {
  width: 100%;
  height: 100%;
  background: url('/assets/ranking-avatar-border-r2-GAxxxnwj.png') no-repeat;
  background-size: 300% 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-1[data-v-cd5cffa3] {
  background-position: 0 0;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-2[data-v-cd5cffa3] {
  background-position: 50% 0;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-3[data-v-cd5cffa3] {
  background-position: 100% 0;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-cd5cffa3] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.new-skin-symbol .top-three-area .ranking-item .name[data-v-cd5cffa3] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.125rem;
}
.new-skin-symbol .top-three-area .ranking-item .amount[data-v-cd5cffa3] {
  color: var(--ep-color-text-warning);
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 1.125rem;
}
.new-skin-symbol .top-three-area .top-three-bg[data-v-cd5cffa3] {
  height: 13rem;
  width: 94%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.new-skin-symbol .top-three-area .ranking-aperture[data-v-cd5cffa3] {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transform-origin: center center;
  animation: scaleFade-cd5cffa3 12s ease-out infinite;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.new-skin-symbol .ranking-header-list[data-v-548f27e4] {
  display: var(--display-header, flex);
  justify-content: space-between;
  align-items: center;
  text-align: center;
  color: var(--ep-color-text-weakest);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.125rem;
  margin-top: 0.5625rem;
}
.new-skin-symbol .ranking-header-list .item[data-v-548f27e4]:nth-child(1) {
  width: 3.75rem;
}
.new-skin-symbol .ranking-header-list .item[data-v-548f27e4]:nth-child(2) {
  width: 12.5rem;
}
.new-skin-symbol .ranking-header-list .item[data-v-548f27e4]:nth-child(3) {
  width: 6.25rem;
}
.new-skin-symbol .ranking-header-list.layout28[data-v-548f27e4] {
  background: var(--ep-color-background-fill-surface-lowered);
  height: 2.625rem;
  width: 22.875rem;
  margin: 0 auto;
  color: var(--ep-color-text-default);
  border-radius: var(--ep-border-radius-m, 0.375rem) var(--ep-border-radius-m, 0.375rem) 0 0;
}
.new-skin-symbol .ranking-header-list.layout44[data-v-548f27e4] {
  margin-top: 0;
  padding-block: 0.6875rem;
  margin-inline: 0.75rem;
  background: var(--ep-color-background-fill-surface-lowered);
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  color: var(--ep-color-text-brand-primary);
}
.new-skin-symbol .ranking-list-container[data-v-548f27e4] {
  margin-top: 0.75rem;
  height: 15rem;
  overflow: hidden;
  position: relative;
}
.new-skin-symbol .ranking-list-container.layout40[data-v-548f27e4],
.new-skin-symbol .ranking-list-container.layout44[data-v-548f27e4] {
  margin-top: 0;
}
.new-skin-symbol .ranking-list-container.layout44 .amount[data-v-548f27e4] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ep-color-text-brand-primary);
}
.new-skin-symbol .ranking-list[data-v-548f27e4] {
  position: absolute;
  width: 100%;
  will-change: transform;
  padding: 0 0.75rem;
}
.new-skin-symbol .ranking-list[data-v-548f27e4]:hover {
  animation-play-state: paused;
}
.new-skin-symbol .ranking-list[data-v-548f27e4]::after {
  content: "";
  display: block;
  height: 15rem;
}
.new-skin-symbol .ranking-list li[data-v-548f27e4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  height: 3rem;
  line-height: 3rem;
}
.new-skin-symbol .ranking-list li[data-v-548f27e4]:nth-child(even) {
  border-radius: var(--ep-border-radius-surface-default, 0.375rem);
  background: var(--ep-color-background-fill-surface-raised-L2);
}
.new-skin-symbol .ranking-list li .item[data-v-548f27e4]:nth-child(1) {
  width: 3.75rem;
}
.new-skin-symbol .ranking-list li .item[data-v-548f27e4]:nth-child(2) {
  width: 12.5rem;
}
.new-skin-symbol .ranking-list li .item[data-v-548f27e4]:nth-child(3) {
  width: 6.25rem;
}
.new-skin-symbol .ranking-list li .rank[data-v-548f27e4] {
  color: var(--ep-color-text-brand-primary);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
.new-skin-symbol .ranking-list li .ranking-user-info[data-v-548f27e4] {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.5rem;
}
.new-skin-symbol .ranking-list li .ranking-user-info .avatar-img[data-v-548f27e4] {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
}
.new-skin-symbol .ranking-list li .ranking-user-info .name[data-v-548f27e4] {
  color: var(--ep-color-text-weak);
  font-size: var(--ep-font-size-s, 0.75rem);
}
.new-skin-symbol .ranking-list li .amount[data-v-548f27e4] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
.new-skin-symbol .ranking-list li .amount[data-v-548f27e4] .currency-icon {
  width: 0.75rem;
  height: 0.75rem;
}
.new-skin-symbol .layout28 .ranking-list li[data-v-548f27e4]:nth-child(even),
.new-skin-symbol .layout39 .ranking-list li[data-v-548f27e4]:nth-child(even),
.new-skin-symbol .layout44 .ranking-list li[data-v-548f27e4]:nth-child(even) {
  border-radius: var(--ep-border-radius-m, 0.375rem);
  background: var(--ep-color-background-fill-surface-lowered);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.new-skin-symbol .ranking-header[data-v-c7e9797b] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 3.125rem;
}
.new-skin-symbol .ranking-header .ranking-title[data-v-c7e9797b] {
  color: var(--ep-color-text-brand-primary);
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  margin: 0 0.4375rem;
}
.new-skin-symbol .ranking-header .ranking-start[data-v-c7e9797b] {
  color: var(--ep-color-icon-brand-primary);
  font-size: var(--ep-font-size-s, 0.75rem);
}
.new-skin-symbol .top-three-area[data-v-c7e9797b] {
  height: 18.5rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  padding: 0 1.3125rem;
}
.new-skin-symbol .top-three-area .ribbons[data-v-c7e9797b] {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 23.875rem;
  height: 7rem;
  z-index: 1;
}
.new-skin-symbol .top-three-area .ranking-item-2 .polygon[data-v-c7e9797b] {
  color: var(--ep-color-icon-brand-secondary);
}
.new-skin-symbol .top-three-area .ranking-item-3 .polygon[data-v-c7e9797b] {
  color: var(--ep-color-icon-default);
  transform: rotate(180deg);
}
.new-skin-symbol .top-three-area .ranking-item[data-v-c7e9797b] {
  text-align: center;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.new-skin-symbol .top-three-area .ranking-item .item-icon[data-v-c7e9797b] {
  margin-bottom: 0.375rem;
}
.new-skin-symbol .top-three-area .ranking-item .vector[data-v-c7e9797b] {
  width: 1.625rem;
  height: 1.1875rem;
}
.new-skin-symbol .top-three-area .ranking-item .polygon[data-v-c7e9797b] {
  width: 1.75rem;
  height: 0.875rem;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar[data-v-c7e9797b] {
  position: relative;
  padding: 0.3125rem;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .light-effect[data-v-c7e9797b] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 24.375rem;
  height: 18.125rem;
  color: var(--ep-color-icon-brand-primary);
  z-index: 3;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border[data-v-c7e9797b] {
  width: 4.625rem;
  height: 4.625rem;
  border-radius: 50%;
  position: relative;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border .rank[data-v-c7e9797b] {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
  z-index: 3;
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  color: var(--ep-color-text-inverse);
  font-size: var(--ep-font-size-xxl, 1.5rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: 50%;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-1[data-v-c7e9797b] {
  width: 8.125rem;
  height: 8.125rem;
  border: 0.125rem solid var(--ep-color-icon-brand-primary);
  background: var(--ep-color-icon-brand-primary);
  filter: drop-shadow(0 0 10px var(--ep-color-icon-brand-primary, #FFDC00));
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-1 .rank[data-v-c7e9797b] {
  background: var(--ep-color-icon-brand-primary);
  font-size: var(--ep-font-size-xxxl, 2.25rem);
  width: 2.625rem;
  height: 2.625rem;
  line-height: 2.625rem;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-2[data-v-c7e9797b] {
  border: 0.125rem solid var(--ep-color-icon-brand-secondary);
  background: var(--ep-color-icon-brand-secondary);
  filter: drop-shadow(0 0 4px var(--ep-color-icon-brand-secondary, #FFDC00));
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-2 .rank[data-v-c7e9797b] {
  background: var(--ep-color-icon-brand-secondary);
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-3[data-v-c7e9797b] {
  background: var(--ep-color-icon-default);
  border: 0.125rem solid var(--ep-color-icon-default);
  filter: drop-shadow(0 0 4px var(--ep-color-icon-default, #FFDC00));
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-3 .rank[data-v-c7e9797b] {
  background: var(--ep-color-icon-default);
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-c7e9797b] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.new-skin-symbol .top-three-area .ranking-item .name[data-v-c7e9797b] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.125rem;
  text-align: center;
  margin-top: 1.25rem;
}
.new-skin-symbol .top-three-area .ranking-item .amount[data-v-c7e9797b] {
  color: var(--ep-color-text-brand-primary);
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 1.125rem;
  text-align: center;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.new-skin-symbol .ranking-header[data-v-78238f90] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 3.125rem;
  padding-top: 0.75rem;
}
.new-skin-symbol .ranking-header .ranking-title[data-v-78238f90] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  margin: 0 0.4375rem;
}
.new-skin-symbol .ranking-header .ranking-start[data-v-78238f90] {
  color: var(--ep-color-icon-brand-secondary);
  font-size: var(--ep-font-size-xs, 0.625rem);
}
.new-skin-symbol .top-three-area[data-v-78238f90] {
  height: 14.1875rem;
  width: 100%;
  position: relative;
  padding: 0 1.3125rem;
}
.new-skin-symbol .top-three-area .top-three-bg[data-v-78238f90] {
  height: 14.375rem;
  width: 24.375rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.new-skin-symbol .top-three-area .ranking-item-container[data-v-78238f90] {
  width: 19.75rem;
  height: 2.8125rem;
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  justify-content: space-evenly;
}
.new-skin-symbol .top-three-area .ranking-item-2[data-v-78238f90] {
  margin-top: 0.75rem;
  width: 5.625rem;
}
.new-skin-symbol .top-three-area .ranking-item-1[data-v-78238f90] {
  width: 7.125rem;
}
.new-skin-symbol .top-three-area .ranking-item-3[data-v-78238f90] {
  margin-top: 0.75rem;
  width: 5.625rem;
}
.new-skin-symbol .top-three-area .ranking-item[data-v-78238f90] {
  text-align: center;
}
.new-skin-symbol .top-three-area .ranking-item .name[data-v-78238f90] {
  color: var(--ep-color-text-highlight-white);
  font-size: var(--ep-font-size-xs, 0.625rem);
  font-weight: var(--ep-font-weight-medium, 600);
  line-height: 0.9375rem;
  text-align: center;
}
.new-skin-symbol .top-three-area .ranking-item .amount[data-v-78238f90] {
  color: var(--ep-color-text-highlight-white);
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 1.125rem;
  text-align: center;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.ranking-header[data-v-c3e01ea4] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 2rem;
}
.ranking-header .ranking-title[data-v-c3e01ea4] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  margin: 0 1.5rem;
  color: var(--ep-color-text-brand-primary);
}
.ranking-header .ranking-start[data-v-c3e01ea4] {
  color: var(--ep-color-icon-brand-secondary);
  font-size: var(--ep-font-size-s, 0.75rem);
}
.ranking-header .ranking-start[data-v-c3e01ea4]:last-child {
  transform: rotate(180deg);
}
.top-three-area[data-v-c3e01ea4] {
  width: 100%;
  aspect-ratio: 366/205;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  padding: 0 1.125rem;
  background-image: url('/assets/ranking-top-three-30-r2-BjsOKBaR.png');
  background-size: 100% 100%;
}
.top-three-area .ranking-item[data-v-c3e01ea4] {
  margin-bottom: 0.8125rem;
  text-align: center;
}
.top-three-area .ranking-item .ranking-avatar[data-v-c3e01ea4] {
  position: relative;
  padding: 0.3125rem;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border[data-v-c3e01ea4] {
  width: 4.625rem;
  height: 4.625rem;
  border-radius: 50%;
  position: relative;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border-1[data-v-c3e01ea4] {
  background: #15DF7F;
}
.top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-c3e01ea4] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.top-three-area .ranking-item .name[data-v-c3e01ea4] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 1.125rem;
  text-align: center;
  margin-top: 0.875rem;
}
.top-three-area .ranking-item .amount[data-v-c3e01ea4] {
  color: var(--ep-color-text-brand-primary);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.125rem;
  text-align: center;
}
.top-three-area .ranking-item.ranking-item-1[data-v-c3e01ea4] {
  margin-bottom: 1.65rem;
}
.top-three-area .ranking-item.ranking-item-3[data-v-c3e01ea4] {
  margin-bottom: 0.875rem;
}
.layout42 .ranking-header[data-v-c3e01ea4] {
  padding-top: 0.625rem;
}
.layout42 .ranking-header .ranking-title[data-v-c3e01ea4] {
  color: var(--ep-color-text-default);
}
.layout42 .ranking-header .ranking-start[data-v-c3e01ea4] {
  font-size: var(--ep-font-size-l);
}
.layout42 .top-three-area[data-v-c3e01ea4] {
  background-image: none;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout36.ranking-area div[data-v-9959f2df] {
  position: relative;
}
.layout36.ranking-area div .top[data-v-9959f2df] {
  position: absolute;
  top: -1.875rem;
  left: 0;
  width: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
}
.layout36.ranking-area div .top .ranking-start[data-v-9959f2df] {
  position: absolute;
  top: -1.5rem;
  width: 3.25rem;
  height: 3.25rem;
  color: #F2CB04;
}
.layout36.ranking-area div .top .ranking-start[data-v-9959f2df]::after {
  content: '';
  position: absolute;
  top: 0.5rem;
  left: 0.625rem;
  width: 2rem;
  height: 2rem;
  background: url('/assets/ranking-top-icon-36-r2-B4d1dsRL.png');
  background-size: 100% 100%;
}
.layout36.ranking-area .ranking-header[data-v-9959f2df] {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.layout36.ranking-area .ranking-header[data-v-9959f2df]::after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
}
.layout36.ranking-area .ranking-header .ranking-title[data-v-9959f2df] {
  color: var(--ep-color-text-brand-primary);
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  margin: 0 0.4375rem;
}
.layout36.ranking-area .ranking-header .ranking-start[data-v-9959f2df] {
  color: var(--ep-color-icon-brand-secondary);
  font-size: var(--ep-font-size-xxs, 0.5rem);
}
.layout36.ranking-area .top-three-area[data-v-9959f2df] {
  height: 17.5rem;
  margin: 0 0.625rem;
  display: flex;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
.layout36.ranking-area .top-three-area .ranking-item-2[data-v-9959f2df] {
  margin-top: 3.1875rem;
}
.layout36.ranking-area .top-three-area .ranking-item-1[data-v-9959f2df] {
  margin-top: 1.5625rem;
}
.layout36.ranking-area .top-three-area .ranking-item-3[data-v-9959f2df] {
  margin-top: 3rem;
}
.layout36.ranking-area .top-three-area .ranking-item[data-v-9959f2df] {
  font-size: var(--ep-font-size-s, 0.75rem);
  text-align: center;
  width: 7.8125rem;
  position: relative;
  z-index: 3;
}
.layout36.ranking-area .top-three-area .ranking-item .ranking-avatar[data-v-9959f2df] {
  position: relative;
  width: 5.875rem;
  height: 5.875rem;
  margin: 0 auto;
  z-index: -1;
}
.layout36.ranking-area .top-three-area .ranking-item .ranking-avatar .avatar-border[data-v-9959f2df] {
  width: 100%;
  height: 200%;
  background: url('/assets/ranking-avatar-border-25-r2-BLNRyXyc.png') no-repeat;
  background-size: 300% 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.layout36.ranking-area .top-three-area .ranking-item .ranking-avatar .avatar-border-1[data-v-9959f2df] {
  background-position: 0 0;
}
.layout36.ranking-area .top-three-area .ranking-item .ranking-avatar .avatar-border-2[data-v-9959f2df] {
  background-position: 50% 0;
}
.layout36.ranking-area .top-three-area .ranking-item .ranking-avatar .avatar-border-3[data-v-9959f2df] {
  background-position: 100% 0;
}
.layout36.ranking-area .top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-9959f2df] {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  position: absolute;
  top: 58%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.layout36.ranking-area .top-three-area .ranking-item .name[data-v-9959f2df] {
  padding-top: 0.5rem;
  line-height: 1.125rem;
}
.layout36.ranking-area .top-three-area .ranking-item .amount[data-v-9959f2df] {
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.125rem;
}
.layout36.ranking-area .top-three-area .top-three-bg[data-v-9959f2df] {
  height: 9.75rem;
  width: 23.4375rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.layout36.ranking-area .top-three-area .ranking-aperture[data-v-9959f2df] {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transform-origin: center center;
  animation: scaleFade 12s ease-out infinite;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.layout37.ranking-area[data-v-691c2681] {
  /* 灯光 */
  /* 第1名样式 - 中间最高 */
  /* 第2名样式 - 左边 */
  /* 第3名样式 - 右边 */
  /* 领奖台 */
}
.layout37.ranking-area .ranking-wrapper[data-v-691c2681] {
  position: relative;
  padding: 0 0.75rem;
  overflow: visible;
  border-top: 1px solid var(--ep-color-border-default);
}
.layout37.ranking-area .lamplight[data-v-691c2681] {
  position: absolute;
  top: 0;
  width: 8.375rem;
  height: 7.25rem;
  background: url('/assets/rank-lamplight37-r2-B0HZIwhv.png') no-repeat center top / contain;
  z-index: 3;
  pointer-events: none;
}
.layout37.ranking-area .lamplight-left[data-v-691c2681] {
  left: 0;
}
.layout37.ranking-area .lamplight-right[data-v-691c2681] {
  right: 0;
  transform: scaleX(-1);
}
.layout37.ranking-area .ranking-header[data-v-691c2681] {
  position: relative;
  top: -0.5rem;
  display: flex;
  justify-content: center;
  z-index: 10;
}
.layout37.ranking-area .ranking-header .ranking-title[data-v-691c2681] {
  width: 13.75rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  line-height: 1.75rem;
  background: url('/assets/rank-top-title37-r2-BLKVEcuU.png') no-repeat center top / 100% 100%;
  color: var(--ep-color-text-brand-primary);
  font-size: var(--ep-size-l);
  font-weight: var(--ep-font-weight-bold);
}
.layout37.ranking-area .podium-area[data-v-691c2681] {
  position: relative;
  overflow: visible;
  background: var(--ep-color-background-fill-surface-raised-L1) url('/assets/ranking-bg37-r2-Cr6gzHKX.png') no-repeat 100% 100% / cover;
  border-radius: var(--ep-border-radius-l) var(--ep-border-radius-l) 0 0;
  border-top: 0.0625rem solid var(--ep-color-border-default);
}
.layout37.ranking-area .top-three-area[data-v-691c2681] {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  z-index: 2;
  padding-bottom: 3.5rem;
  overflow: visible;
}
.layout37.ranking-area .ranking-item[data-v-691c2681] {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: visible;
}
.layout37.ranking-area .card[data-v-691c2681] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: visible;
}
.layout37.ranking-area .card .avatar-wrapper[data-v-691c2681] {
  position: relative;
  z-index: 2;
}
.layout37.ranking-area .card .avatar-wrapper .avatar-img[data-v-691c2681] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.layout37.ranking-area .card .avatar-decor[data-v-691c2681] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
}
.layout37.ranking-area .card .name[data-v-691c2681] {
  margin-top: 0.5rem;
  font-size: var(--ep-size-s);
  color: var(--ep-color-text-selected);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  line-height: 1.5;
}
.layout37.ranking-area .card .amount[data-v-691c2681] {
  font-size: var(--ep-size-s);
  font-weight: var(--ep-font-weight-regular);
  color: var(--ep-color-text-inverse);
  line-height: 1;
}
.layout37.ranking-area .ranking-item-1[data-v-691c2681] {
  z-index: 3;
  margin-bottom: -0.75rem;
}
.layout37.ranking-area .ranking-item-1 .card-1[data-v-691c2681] {
  width: 6.875rem;
  height: 9.625rem;
  padding-top: 2.75rem;
  background: url('/assets/rank-champion37-r2-Bbdgszf3.png') no-repeat center center / 100% 100%;
}
.layout37.ranking-area .ranking-item-1 .card-1 .avatar-wrapper[data-v-691c2681] {
  width: 2.125rem;
  height: 2.125rem;
}
.layout37.ranking-area .ranking-item-1 .card-1 .avatar-decor[data-v-691c2681] {
  width: 3.75rem;
  height: auto;
  top: 4rem;
}
.layout37.ranking-area .ranking-item-2[data-v-691c2681] {
  z-index: 2;
  margin-right: -0.75rem;
  margin-bottom: -1.5rem;
}
.layout37.ranking-area .ranking-item-2 .card-2[data-v-691c2681] {
  width: 5.625rem;
  height: 7.75rem;
  padding-top: 2.25rem;
  background: url('/assets/rank-second-winnner37-r2-DnsCf3iH.png') no-repeat center center / 100% 100%;
  position: relative;
  right: 1.5rem;
}
.layout37.ranking-area .ranking-item-2 .card-2 .avatar-wrapper[data-v-691c2681] {
  width: 2rem;
  height: 2rem;
}
.layout37.ranking-area .ranking-item-2 .card-2 .avatar-decor[data-v-691c2681] {
  width: 4.25rem;
  height: auto;
  top: 3.375rem;
}
.layout37.ranking-area .ranking-item-3[data-v-691c2681] {
  z-index: 2;
  margin-left: -0.75rem;
  margin-bottom: -2.25rem;
}
.layout37.ranking-area .ranking-item-3 .card-3[data-v-691c2681] {
  width: 5.625rem;
  height: 7.75rem;
  padding-top: 2.25rem;
  background: url('/assets/rank-third-winner37-r2-Bsf4apIR.png') no-repeat center center / 100% 100%;
  position: relative;
  left: 1.5rem;
}
.layout37.ranking-area .ranking-item-3 .card-3 .avatar-wrapper[data-v-691c2681] {
  width: 1.875rem;
  height: 1.875rem;
}
.layout37.ranking-area .ranking-item-3 .card-3 .avatar-decor[data-v-691c2681] {
  width: 4rem;
  height: auto;
  top: 3.3125rem;
}
.layout37.ranking-area .podium[data-v-691c2681] {
  width: 100%;
  height: 5rem;
  margin-top: -3.5rem;
  position: relative;
  z-index: 1;
  background: url('/assets/rank-podium37-r2-CNpWxW4p.png') no-repeat center bottom / contain;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.new-skin-symbol .ranking-header[data-v-f4ef9dfa] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 3.125rem;
  background-size: 100% 100%;
}
.new-skin-symbol .ranking-header .ranking-title[data-v-f4ef9dfa] {
  color: var(--ep-color-text-brand-primary);
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  margin: 0 0.4375rem;
}
.new-skin-symbol .ranking-header .ranking-start[data-v-f4ef9dfa] {
  color: var(--ep-color-icon-brand-primary);
  font-size: var(--ep-font-size-xs, 0.625rem);
}
.new-skin-symbol .top-three-area[data-v-f4ef9dfa] {
  padding-inline: 1rem;
  height: 18.5rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
.new-skin-symbol .top-three-area .ranking-item-2[data-v-f4ef9dfa] {
  margin-top: 8rem;
}
.new-skin-symbol .top-three-area .ranking-item-1[data-v-f4ef9dfa] {
  margin-top: 2.5625rem;
}
.new-skin-symbol .top-three-area .ranking-item-1.ranking-item .name[data-v-f4ef9dfa] {
  margin-top: 2.25rem;
}
.new-skin-symbol .top-three-area .ranking-item-3[data-v-f4ef9dfa] {
  margin-top: 8rem;
}
.new-skin-symbol .top-three-area .ranking-item[data-v-f4ef9dfa] {
  text-align: center;
  width: 7.8125rem;
  position: relative;
  z-index: 3;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar[data-v-f4ef9dfa] {
  position: relative;
  width: 4.375rem;
  height: 4.375rem;
  margin: 0 auto;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border[data-v-f4ef9dfa] {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-1[data-v-f4ef9dfa] {
  width: 10rem;
  height: 8.625rem;
  background: url('/assets/avatar-border-first-38-r2-B5ymVYiG.png') no-repeat;
  background-size: 100% 100%;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-2[data-v-f4ef9dfa] {
  width: 7.75rem;
  height: 7.875rem;
  background: url('/assets/avatar-border-second-38-r2-DPKegWEC.png') no-repeat;
  background-size: 100% 100%;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-3[data-v-f4ef9dfa] {
  width: 7.75rem;
  height: 7.875rem;
  background: url('/assets/avatar-border-third-38-r2-DWds1qQv.png') no-repeat;
  background-size: 100% 100%;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-f4ef9dfa] {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.new-skin-symbol .top-three-area .ranking-item .name[data-v-f4ef9dfa] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 1.125rem;
  margin-top: 1.125rem;
}
.new-skin-symbol .top-three-area .ranking-item .amount[data-v-f4ef9dfa] {
  color: var(--ep-color-text-highlight);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  line-height: 1.125rem;
}
.new-skin-symbol .top-three-area .top-three-bg[data-v-f4ef9dfa] {
  height: 100%;
  width: 23.4375rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.new-skin-symbol .ranking-header[data-v-ab01b661] {
  width: 24.375rem;
  height: 8.9375rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  text-align: center;
  position: relative;
  z-index: 2;
}
.new-skin-symbol .ranking-header .ranking-title[data-v-ab01b661] {
  color: var(--ep-color-text-danger);
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  padding-top: 1.875rem;
}
.new-skin-symbol .top-three-area[data-v-ab01b661] {
  height: 31.5rem;
  width: 24.375rem;
  display: flex;
  justify-content: space-around;
  position: relative;
  margin-top: -3.75rem;
  overflow: hidden;
}
.new-skin-symbol .top-three-area .top-three-bg[data-v-ab01b661] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.new-skin-symbol .top-three-area .ranking-item[data-v-ab01b661] {
  text-align: center;
  position: relative;
  z-index: 3;
}
.new-skin-symbol .top-three-area .ranking-item[data-rank="1"][data-v-ab01b661] {
  margin-top: 5rem;
  width: 9.375rem;
  height: 9.0625rem;
}
.new-skin-symbol .top-three-area .ranking-item[data-rank="1"] .avatar-border[data-v-ab01b661] {
  background-image: url('/assets/ranking-avatar-39-1-r2-pMf8WlvU.png');
}
.new-skin-symbol .top-three-area .ranking-item[data-rank="1"] .ranking-item-info[data-v-ab01b661] {
  width: 7.1875rem;
  height: 11.71875rem;
}
.new-skin-symbol .top-three-area .ranking-item[data-rank="1"] .ranking-item-info .item-bg[data-v-ab01b661] {
  transform: translateX(-50%) scale(1.25);
  top: 2.5rem;
}
.new-skin-symbol .top-three-area .ranking-item[data-rank="1"] .ranking-item-info .item-content .name[data-v-ab01b661] {
  padding-top: 4rem;
}
.new-skin-symbol .top-three-area .ranking-item[data-rank="2"][data-v-ab01b661] {
  margin-top: 13.0625rem;
  width: 7.125rem;
  height: 7.5rem;
}
.new-skin-symbol .top-three-area .ranking-item[data-rank="2"] .avatar-border[data-v-ab01b661] {
  background-image: url('/assets/ranking-avatar-39-2-r2-CwfdYO5M.png');
}
.new-skin-symbol .top-three-area .ranking-item[data-rank="2"] .ranking-item-info[data-v-ab01b661] {
  top: 5.125rem;
}
.new-skin-symbol .top-three-area .ranking-item[data-rank="3"][data-v-ab01b661] {
  margin-top: 13.0625rem;
  width: 7.6875rem;
  height: 7.5rem;
}
.new-skin-symbol .top-three-area .ranking-item[data-rank="3"] .avatar-border[data-v-ab01b661] {
  background-image: url('/assets/ranking-avatar-39-3-r2-DN4UrMY8.png');
}
.new-skin-symbol .top-three-area .ranking-item[data-rank="3"] .ranking-item-info[data-v-ab01b661] {
  top: 5rem;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar[data-v-ab01b661] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border[data-v-ab01b661] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 3;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-ab01b661] {
  width: 4.75rem;
  height: 4.75rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-item-info[data-v-ab01b661] {
  width: 5.75rem;
  height: 9.375rem;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: -3;
  top: 6.25rem;
  background-image: url('/assets/ranking-avatar-bg-39-r2-CETSEXfz.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-item-info .item-bg[data-v-ab01b661] {
  position: absolute;
  top: 1.3125rem;
  left: 50%;
  transform: translateX(-50%);
}
.new-skin-symbol .top-three-area .ranking-item .ranking-item-info .item-content[data-v-ab01b661] {
  position: relative;
  z-index: 2;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-item-info .item-content .name[data-v-ab01b661] {
  color: var(--ep-color-text-highlight-white);
  font-size: var(--ep-font-size-s, 0.75rem);
  padding-top: 2.8125rem;
  line-height: 1.125rem;
}
.new-skin-symbol .top-three-area .ranking-item .ranking-item-info .item-content .amount[data-v-ab01b661] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 1.125rem;
  font-weight: var(--ep-font-weight-bold, 700);
}
.new-skin-symbol .top-three-area .ranking-item .ranking-item-info .item-content .rank[data-v-ab01b661] {
  color: #fff;
  font-size: 2.625rem;
  line-height: 3.9375rem;
}
.new-skin-symbol .top-three-area .ranking-aperture[data-v-ab01b661] {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transform-origin: center center;
  animation: scaleFade 12s ease-out infinite;
}
.new-skin-symbol .top-three-area .ranking-header-list[data-v-ab01b661] {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 22.875rem;
  height: 2.625rem;
  z-index: 3;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: var(--ep-color-background-fill-surface-lowered);
  transform: translateX(-50%);
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.125rem;
  text-align: center;
  border-radius: var(--ep-font-weight-medium, 600);
  border-radius: var(--ep-border-radius-m, 0.375rem) var(--ep-border-radius-m, 0.375rem) 0 0;
}
.new-skin-symbol .top-three-area .ranking-header-list .item[data-v-ab01b661]:nth-child(1) {
  width: 3.75rem;
}
.new-skin-symbol .top-three-area .ranking-header-list .item[data-v-ab01b661]:nth-child(2) {
  width: 12.5rem;
}
.new-skin-symbol .top-three-area .ranking-header-list .item[data-v-ab01b661]:nth-child(3) {
  width: 6.25rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.ranking-header[data-v-7735abb1] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 2rem;
}
.ranking-header .ranking-title[data-v-7735abb1] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  margin: 0 0.5rem;
  color: var(--ep-color-text-brand-primary);
}
.ranking-header .ranking-start[data-v-7735abb1] {
  color: var(--ep-color-icon-brand-primary);
  font-size: var(--ep-font-size-xs, 0.5rem);
}
.top-three-area[data-v-7735abb1] {
  width: 100%;
  aspect-ratio: 366/205;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  padding: 0 1.125rem;
  background-image: url('/assets/ranking-top-three-30-r2-BjsOKBaR.png');
  background-size: 100% 100%;
}
.top-three-area .ranking-item[data-v-7735abb1] {
  margin-bottom: 0.8125rem;
  text-align: center;
}
.top-three-area .ranking-item .ranking-avatar[data-v-7735abb1] {
  position: relative;
  padding: 0.3125rem;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border[data-v-7735abb1] {
  width: 4.625rem;
  height: 4.625rem;
  border-radius: 50%;
  position: relative;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border-1[data-v-7735abb1] {
  background: #15DF7F;
}
.top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-7735abb1] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.top-three-area .ranking-item .name[data-v-7735abb1] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 1.125rem;
  text-align: center;
  margin-top: 0.875rem;
}
.top-three-area .ranking-item .amount[data-v-7735abb1] {
  color: var(--ep-color-text-highlight);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
  line-height: 1.125rem;
  text-align: center;
}
.top-three-area .ranking-item.ranking-item-1[data-v-7735abb1] {
  margin-bottom: 1.65rem;
}
.top-three-area .ranking-item.ranking-item-3[data-v-7735abb1] {
  margin-bottom: 0.875rem;
}
.layout40.ranking-area[data-v-7735abb1] {
  background-image: url('/assets/top-three-40-r2-Bn3pkFvN.png');
}
.layout40.ranking-area .top-three-area[data-v-7735abb1] {
  align-items: flex-start;
  padding: 0 2.125rem;
  aspect-ratio: 390/320;
  background-image: none;
}
.layout40.ranking-area .top-three-area .ranking-item[data-v-7735abb1] {
  position: relative;
  padding-top: 2rem;
}
.layout40.ranking-area .top-three-area .ranking-item[data-v-7735abb1]::after {
  top: 0;
  left: 50%;
  content: '';
  height: 16rem;
  width: 13.75rem;
  position: absolute;
  transform: translate(-50%, 2%);
  background-image: url('/assets/avatar-40-1-r2-BlGZaFSV.png');
  background-size: 100% 100%;
}
.layout40.ranking-area .top-three-area .ranking-item .ranking-avatar[data-v-7735abb1] {
  z-index: 0;
}
.layout40.ranking-area .top-three-area .ranking-item .name[data-v-7735abb1] {
  z-index: 1;
  margin-top: 5.5rem;
  position: relative;
}
.layout40.ranking-area .top-three-area .ranking-item .amount[data-v-7735abb1] {
  position: relative;
  z-index: 1;
}
.layout40.ranking-area .top-three-area .ranking-item.ranking-item-2[data-v-7735abb1] {
  padding-top: 7.5rem;
}
.layout40.ranking-area .top-three-area .ranking-item.ranking-item-2[data-v-7735abb1]::after {
  top: 5%;
  width: 8.375rem;
  height: 13.125rem;
  transform: translate(-50%, 44%);
  background-image: url('/assets/avatar-40-2-r2-BzXbaB13.png');
}
.layout40.ranking-area .top-three-area .ranking-item.ranking-item-2 .name[data-v-7735abb1] {
  margin-top: 3.625rem;
}
.layout40.ranking-area .top-three-area .ranking-item.ranking-item-3[data-v-7735abb1] {
  padding-top: 7.5rem;
}
.layout40.ranking-area .top-three-area .ranking-item.ranking-item-3[data-v-7735abb1]::after {
  top: 5%;
  width: 8.375rem;
  height: 13.125rem;
  transform: translate(-50%, 44%);
  background-image: url('/assets/avatar-40-3-r2-C8TnZ8kC.png');
}
.layout40.ranking-area .top-three-area .ranking-item.ranking-item-3 .name[data-v-7735abb1] {
  margin-top: 3.625rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.ranking-header[data-v-856901a5] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-top: 0.625rem;
}
.ranking-header .ranking-title[data-v-856901a5] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  margin: 0 1.5rem;
  color: var(--ep-color-text-default);
}
.ranking-header .ranking-start[data-v-856901a5] {
  color: var(--ep-color-icon-brand-secondary);
  font-size: var(--ep-font-size-l);
}
.ranking-header .ranking-start[data-v-856901a5]:last-child {
  transform: rotate(180deg);
}
.top-three-area[data-v-856901a5] {
  width: 100%;
  aspect-ratio: 366/205;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  padding: 0 1.125rem;
  background-size: 100% 100%;
}
.top-three-area .ranking-item[data-v-856901a5] {
  text-align: center;
}
.top-three-area .ranking-item .ranking-avatar[data-v-856901a5] {
  position: relative;
  border-radius: 50%;
  border: 0.25rem solid rgba(255, 255, 255, 0.8);
}
.top-three-area .ranking-item .ranking-avatar .avatar-border[data-v-856901a5] {
  width: 4.875rem;
  height: 4.875rem;
  border-radius: 50%;
  position: relative;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border-1[data-v-856901a5] {
  position: relative;
}
.top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-856901a5] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.top-three-area .ranking-item .ranking-avatar .avatar-level-img[data-v-856901a5] {
  position: absolute;
  top: -1rem;
  right: -0.375rem;
  width: 2.5rem;
  z-index: 2;
}
.top-three-area .ranking-item .name[data-v-856901a5] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 1.125rem;
  text-align: center;
  margin-top: 0.875rem;
}
.top-three-area .ranking-item .amount[data-v-856901a5] {
  margin-top: 0.375rem;
  color: var(--ep-accent-green);
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-bold);
  line-height: 1.125rem;
  text-align: center;
}
.top-three-area .ranking-item .ranking-podium.ranking-podium--1[data-v-856901a5] {
  height: 4.625rem;
  background: url('/assets/ranking-bg-no1-42-r2-D7I1F7kW.svg') no-repeat top center;
  background: 100% auto;
}
.top-three-area .ranking-item .ranking-podium.ranking-podium--1 .ranking-podium--name[data-v-856901a5] {
  padding-top: 0.25rem;
  margin-bottom: 1.125rem;
}
.top-three-area .ranking-item .ranking-podium.ranking-podium--2[data-v-856901a5] {
  height: 4rem;
  background: url('/assets/ranking-bg-no2-42-r2-B33bMSle.svg') no-repeat top center;
  background-size: 100% auto;
}
.top-three-area .ranking-item .ranking-podium.ranking-podium--2 .ranking-podium--name[data-v-856901a5] {
  padding-top: 0.25rem;
  margin-bottom: 0.875rem;
}
.top-three-area .ranking-item .ranking-podium.ranking-podium--3[data-v-856901a5] {
  height: 3.625rem;
  background: url('/assets/ranking-bg-no3-42-r2-Zyg7KT90.svg') no-repeat top center;
  background-size: 100% auto;
}
.top-three-area .ranking-item .ranking-podium.ranking-podium--3 .ranking-podium--name[data-v-856901a5] {
  padding-top: 0.25rem;
  margin-bottom: 0.625rem;
}
.top-three-area .ranking-item .ranking-podium .ranking-podium--name[data-v-856901a5] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s);
}
.top-three-area .ranking-item .ranking-podium .ranking-podium--level[data-v-856901a5] {
  color: var(--ep-color-text-highlight-white);
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-bold);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.ranking-header[data-v-eb578c34] {
  display: flex;
  height: 2.5rem;
  position: relative;
  align-items: center;
  margin-top: 1.875rem;
  justify-content: center;
}
.ranking-header .background[data-v-eb578c34] {
  top: 0;
  z-index: -1;
  position: absolute;
  height: 100%;
  left: -0.75rem;
  width: 24.375rem;
}
.ranking-header .ranking-title[data-v-eb578c34] {
  font-size: var(--ep-font-size-l, 1rem);
  font-weight: var(--ep-font-weight-bold, 700);
  margin: 0 1.5rem;
  color: var(--ep-color-text-brand-primary);
}
.ranking-header .ranking-start[data-v-eb578c34] {
  color: var(--ep-color-icon-brand-secondary);
  font-size: var(--ep-font-size-s, 0.75rem);
}
.ranking-header .ranking-start[data-v-eb578c34]:last-child {
  transform: rotate(180deg);
}
.top-three-area[data-v-eb578c34] {
  margin-top: 1.25rem;
  margin-left: 0.75rem;
  width: 22.875rem;
  aspect-ratio: 366/205;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  padding: 0 1.125rem;
  background-image: url('/assets/ranking-top-three-30-r2-BjsOKBaR.png');
  background-size: 100% 100%;
}
.top-three-area .ranking-item[data-v-eb578c34] {
  margin-bottom: 0.5rem;
  text-align: center;
}
.top-three-area .ranking-item .ranking-avatar[data-v-eb578c34] {
  position: relative;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border[data-v-eb578c34] {
  width: 4.625rem;
  height: 4.625rem;
  border-radius: 50%;
  position: relative;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border-1[data-v-eb578c34] {
  background: #15DF7F;
}
.top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-eb578c34] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  border: 1px solid var(--ep-color-border-default);
}
.top-three-area .ranking-item .name[data-v-eb578c34] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 1.125rem;
  text-align: center;
  margin-top: 0.875rem;
}
.top-three-area .ranking-item .amount[data-v-eb578c34] {
  color: var(--ep-color-text-brand-primary);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 1.125rem;
  text-align: center;
}
.top-three-area .ranking-item .amount[data-v-eb578c34] .currency-icon {
  width: 0.75rem;
  height: 0.75rem;
}
.top-three-area .ranking-item.ranking-item-1[data-v-eb578c34] {
  margin-right: 0.0625rem;
  margin-bottom: 1.5rem;
}
.top-three-area .ranking-item.ranking-item-2[data-v-eb578c34] {
  margin-left: 0.28125rem;
  margin-bottom: 0.6875rem;
}
.top-three-area .ranking-item.ranking-item-3[data-v-eb578c34] {
  margin-right: 0.1875rem;
  margin-bottom: 1.1875rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.ranking-header[data-v-37bc64d5] {
  display: flex;
  height: 3.125rem;
  position: relative;
  align-items: center;
  justify-content: center;
  background: var(--ep-color-background-fill-surface-lowered);
}
.ranking-header .ranking-title[data-v-37bc64d5] {
  margin: 0 0.4375rem;
  color: var(--ep-color-text-selected);
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
.ranking-header .ranking-start[data-v-37bc64d5] {
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-icon-brand-secondary);
}
.top-three-area[data-v-37bc64d5] {
  height: 15rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 0 1.75rem;
}
.top-three-area .ribbons[data-v-37bc64d5] {
  bottom: 0;
  left: 50%;
  z-index: -1;
  width: 100%;
  height: 15rem;
  position: absolute;
  transform: translateX(-50%);
}
.top-three-area .ranking-item.ranking-item-2[data-v-37bc64d5] {
  justify-content: center;
  margin-bottom: 0.25rem;
  margin-top: 0;
}
.top-three-area .ranking-item.ranking-item-3[data-v-37bc64d5] {
  justify-content: center;
  margin-bottom: 0.25rem;
  margin-top: 0;
}
.top-three-area .ranking-item[data-v-37bc64d5] {
  display: flex;
  flex-flow: column;
  position: relative;
  text-align: center;
  align-items: center;
  margin-top: 1.125rem;
}
.top-three-area .ranking-item .item-icon[data-v-37bc64d5] {
  margin-bottom: 0.375rem;
}
.top-three-area .ranking-item .vector[data-v-37bc64d5] {
  width: 1.625rem;
  height: 1.1875rem;
}
.top-three-area .ranking-item .polygon[data-v-37bc64d5] {
  z-index: 1;
  top: -1rem;
  right: 0.875rem;
  width: 2.25rem;
  height: 2.25rem;
  position: absolute;
}
.top-three-area .ranking-item .ranking-avatar[data-v-37bc64d5] {
  position: relative;
  padding: 0.25rem;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border[data-v-37bc64d5] {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  position: relative;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border .rank[data-v-37bc64d5] {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
  z-index: 3;
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  color: var(--ep-color-text-inverse);
  font-size: var(--ep-font-size-xxl, 1.5rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: 50%;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border-1[data-v-37bc64d5] {
  width: 6rem;
  height: 6rem;
  border: 0.25rem solid #FBC73F;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border-1 .rank[data-v-37bc64d5] {
  background: var(--ep-color-icon-brand-primary);
  font-size: var(--ep-font-size-xxxl, 2.25rem);
  width: 2.625rem;
  height: 2.625rem;
  line-height: 2.625rem;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border-2[data-v-37bc64d5] {
  border: 0.25rem solid #FA7992;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border-2 .rank[data-v-37bc64d5] {
  background: var(--ep-color-icon-brand-secondary);
}
.top-three-area .ranking-item .ranking-avatar .avatar-border-3[data-v-37bc64d5] {
  border: 0.25rem solid #093897;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border-3 .rank[data-v-37bc64d5] {
  background: var(--ep-color-icon-default);
}
.top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-37bc64d5] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.top-three-area .ranking-item .name[data-v-37bc64d5] {
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-default);
  line-height: 1.125rem;
  text-align: center;
  margin-top: 0.5rem;
}
.top-three-area .ranking-item .amount[data-v-37bc64d5] {
  font-weight: var(--ep-font-weight-medium, 600);
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-default);
  line-height: 1.125rem;
  text-align: center;
}
.top-three-area .ranking-item .amount[data-v-37bc64d5] .currency-icon {
  width: 0.75rem;
  height: 0.75rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.ranking-title[data-v-ca351942] {
  left: 0;
  width: 100%;
  line-height: 3rem;
  text-align: center;
  position: absolute;
  margin-inline: auto;
  color: var(--ep-color-text-danger);
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
.top-three-area[data-v-ca351942] {
  display: flex;
  height: 17.75rem;
  width: 22.875rem;
  position: relative;
  padding: 0 1.75rem;
  margin-inline: auto;
  justify-content: space-between;
}
.top-three-area .ribbons[data-v-ca351942] {
  inset: 0;
  position: absolute;
}
.top-three-area .ranking-item.ranking-item-1[data-v-ca351942] {
  gap: 0.25rem;
  margin-top: 3.75rem;
}
.top-three-area .ranking-item[data-v-ca351942] {
  display: flex;
  flex-flow: column;
  margin-top: 2.5rem;
  position: relative;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.top-three-area .ranking-item .item-icon[data-v-ca351942] {
  margin-bottom: 0.375rem;
}
.top-three-area .ranking-item .vector[data-v-ca351942] {
  width: 1.625rem;
  height: 1.1875rem;
}
.top-three-area .ranking-item .polygon[data-v-ca351942] {
  z-index: 1;
  top: -1rem;
  right: 0.875rem;
  width: 2.25rem;
  height: 2.25rem;
  position: absolute;
}
.top-three-area .ranking-item .ranking-avatar[data-v-ca351942] {
  position: relative;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border[data-v-ca351942] {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  position: relative;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border .rank[data-v-ca351942] {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
  z-index: 3;
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  color: var(--ep-color-text-inverse);
  font-size: var(--ep-font-size-xxl, 1.5rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: 50%;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border-1[data-v-ca351942] {
  border: 0.25rem solid #AD8800;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border-1 .rank[data-v-ca351942] {
  background: var(--ep-color-icon-brand-primary);
  font-size: var(--ep-font-size-xxxl, 2.25rem);
  width: 2.625rem;
  height: 2.625rem;
  line-height: 2.625rem;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border-2[data-v-ca351942] {
  border: 0.25rem solid #7480A6;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border-2 .rank[data-v-ca351942] {
  background: var(--ep-color-icon-brand-secondary);
}
.top-three-area .ranking-item .ranking-avatar .avatar-border-3[data-v-ca351942] {
  border: 0.25rem solid #AF3E2F;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border-3 .rank[data-v-ca351942] {
  background: var(--ep-color-icon-default);
}
.top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-ca351942] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.top-three-area .ranking-item .name[data-v-ca351942] {
  text-align: center;
  line-height: 1.125rem;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-m, 0.875rem);
}
.top-three-area .ranking-item .amount[data-v-ca351942] {
  text-align: center;
  line-height: 1.125rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-highlight-white);
  font-weight: var(--ep-font-weight-medium, 600);
}
.top-three-area .ranking-item .amount[data-v-ca351942] .currency-icon {
  width: 0.75rem;
  height: 0.75rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.ranking-header[data-v-538cc4f8] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-top: 0.625rem;
}
.ranking-header .ranking-title[data-v-538cc4f8] {
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  margin: 0 0.375rem;
  color: var(--ep-color-text-default);
}
.ranking-header .ranking-start[data-v-538cc4f8] {
  color: var(--ep-color-icon-default);
  font-size: 0.5rem;
}
.top-three-area[data-v-538cc4f8] {
  width: calc(100% - 1.75rem);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 0 1.125rem;
}
.top-three-area .ranking-item[data-v-538cc4f8] {
  text-align: center;
}
.top-three-area .ranking-item .ranking-avatar[data-v-538cc4f8] {
  position: relative;
  border-radius: 50%;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border[data-v-538cc4f8] {
  width: 5.625rem;
  height: 5rem;
  border-radius: 50%;
  position: relative;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border.avatar-border-1[data-v-538cc4f8] {
  position: relative;
  width: 5.1875rem;
}
.top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-538cc4f8] {
  width: 3.375rem;
  height: 3.375rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.top-three-area .ranking-item .ranking-avatar .avatar-level-img[data-v-538cc4f8] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.top-three-area .ranking-item .name[data-v-538cc4f8] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  line-height: 1.125rem;
  text-align: center;
  margin-top: 0.875rem;
}
.top-three-area .ranking-item .amount[data-v-538cc4f8] {
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s);
  font-weight: var(--ep-font-weight-medium);
  line-height: 1.5;
  text-align: center;
}
.top-three-area .ranking-item .ranking-podium .ranking-podium--name[data-v-538cc4f8] {
  padding-top: 0.25rem;
  line-height: 1;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s);
}
.top-three-area .ranking-item .ranking-podium .ranking-podium--level[data-v-538cc4f8] {
  color: var(--ep-color-text-highlight-white);
  font-size: var(--ep-font-size-m);
  font-weight: var(--ep-font-weight-bold);
}
.top-three-area .ranking-item.ranking-item-1[data-v-538cc4f8] {
  margin-top: 0.75rem;
}
.top-three-area .ranking-item.ranking-item-2[data-v-538cc4f8] {
  margin-top: 2.125rem;
}
.top-three-area .ranking-item.ranking-item-3[data-v-538cc4f8] {
  margin-top: 2.125rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.ranking-title[data-v-4206cd15] {
  left: 0;
  top: 1.5rem;
  width: 100%;
  text-align: center;
  position: absolute;
  margin-inline: auto;
  color: var(--ep-color-text-brand-primary);
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
.top-three-area[data-v-4206cd15] {
  display: flex;
  height: 17.75rem;
  width: 22.875rem;
  position: relative;
  margin-inline: auto;
  justify-content: space-between;
}
.top-three-area .ribbons[data-v-4206cd15] {
  inset: 0;
  position: absolute;
}
.top-three-area .ranking-item[data-v-4206cd15] {
  display: flex;
  flex-flow: column;
  position: relative;
  text-align: center;
  align-items: center;
  justify-content: flex-end;
}
.top-three-area .ranking-item.ranking-item-1[data-v-4206cd15] {
  width: 8rem;
  padding-bottom: 2.5rem;
}
.top-three-area .ranking-item.ranking-item-1 .name[data-v-4206cd15] {
  margin-top: 1.375rem;
  margin-bottom: 3.875em;
}
.top-three-area .ranking-item.ranking-item-2[data-v-4206cd15] {
  padding-bottom: 2.25rem;
}
.top-three-area .ranking-item.ranking-item-2 .name[data-v-4206cd15] {
  margin-top: 0.875rem;
  margin-bottom: 3rem;
}
.top-three-area .ranking-item.ranking-item-3[data-v-4206cd15] {
  width: 6.75rem;
  padding-bottom: 2.125rem;
}
.top-three-area .ranking-item.ranking-item-3 .name[data-v-4206cd15] {
  margin-top: 0.875rem;
  margin-bottom: 2.5rem;
}
.top-three-area .ranking-item .item-icon[data-v-4206cd15] {
  margin-bottom: 0.375rem;
}
.top-three-area .ranking-item .vector[data-v-4206cd15] {
  width: 1.625rem;
  height: 1.1875rem;
}
.top-three-area .ranking-item .polygon[data-v-4206cd15] {
  z-index: 1;
  top: -1rem;
  right: 0.875rem;
  width: 2.25rem;
  height: 2.25rem;
  position: absolute;
}
.top-three-area .ranking-item .ranking-avatar[data-v-4206cd15] {
  position: relative;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border[data-v-4206cd15] {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  position: relative;
  border: 0.25rem solid #FFF;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border .rank[data-v-4206cd15] {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
  z-index: 3;
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  color: var(--ep-color-text-inverse);
  font-size: var(--ep-font-size-xxl, 1.5rem);
  font-weight: var(--ep-font-weight-bold, 700);
  border-radius: 50%;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border-1[data-v-4206cd15] {
  width: 3.125rem;
  height: 3.125rem;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border-1 .rank[data-v-4206cd15] {
  background: var(--ep-color-icon-brand-primary);
  font-size: var(--ep-font-size-xxxl, 2.25rem);
  width: 2.625rem;
  height: 2.625rem;
  line-height: 2.625rem;
}
.top-three-area .ranking-item .ranking-avatar .avatar-border-2 .rank[data-v-4206cd15] {
  background: var(--ep-color-icon-brand-secondary);
}
.top-three-area .ranking-item .ranking-avatar .avatar-border-3 .rank[data-v-4206cd15] {
  background: var(--ep-color-icon-default);
}
.top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-4206cd15] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.top-three-area .ranking-item .name[data-v-4206cd15] {
  text-align: center;
  line-height: 1.125rem;
  color: #373F52;
  font-size: var(--ep-font-size-m, 0.875rem);
}
.top-three-area .ranking-item .amount[data-v-4206cd15] {
  text-align: center;
  line-height: 1.125rem;
  color: #373F52;
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
.top-three-area .ranking-item .amount[data-v-4206cd15] .currency-icon {
  width: 0.75rem;
  height: 0.75rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.ranking-header[data-v-e3efb47a] {
  display: flex;
  height: 3.125rem;
  position: relative;
  align-items: center;
  justify-content: center;
  background: var(--ep-color-background-fill-surface-lowered);
}
.ranking-header .ranking-title[data-v-e3efb47a] {
  margin: 0 0.4375rem;
  color: var(--ep-color-text-brand-primary);
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 150%;
}
.ranking-header .ranking-start[data-v-e3efb47a] {
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-icon-selected);
  filter: drop-shadow(0.5px 0.5px 0 rgba(0, 0, 0, 0.25));
}
.top-three-area[data-v-e3efb47a] {
  height: 17.5rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  isolation: isolate;
  padding: 0 0.75rem;
}
.top-three-area .ribbons[data-v-e3efb47a] {
  bottom: 0;
  left: 50%;
  z-index: -1;
  width: 100%;
  height: 16.3125rem;
  position: absolute;
  transform: translateX(-50%);
}
.top-three-area .ranking-item[data-v-e3efb47a] {
  display: flex;
  flex-flow: column;
  position: relative;
  text-align: center;
  align-items: center;
  margin-top: 1.125rem;
  flex: 1;
}
.top-three-area .ranking-item .avatar-border[data-v-e3efb47a] {
  width: 5.625rem;
  height: 6rem;
  border-radius: 50%;
  position: absolute;
}
.top-three-area .ranking-item .avatar-border .avatar-img[data-v-e3efb47a] {
  width: 3.625rem;
  height: 3.625rem;
  border-radius: 50%;
  position: absolute;
  top: 59%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.top-three-area .ranking-item .avatar-border .avatar-level-img[data-v-e3efb47a] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.top-three-area .ranking-item .avatar-border-1[data-v-e3efb47a] {
  width: 5.625rem;
  height: 5.625rem;
  top: 10%;
}
.top-three-area .ranking-item .avatar-border-2[data-v-e3efb47a] {
  top: 20%;
}
.top-three-area .ranking-item .avatar-border-3[data-v-e3efb47a] {
  top: 17%;
}
.top-three-area .ranking-item .name[data-v-e3efb47a] {
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-default);
  line-height: 1.125rem;
  text-align: center;
  margin-top: auto;
}
.top-three-area .ranking-item .amount[data-v-e3efb47a] {
  font-weight: var(--ep-font-weight-medium, 600);
  font-size: var(--ep-font-size-s, 0.75rem);
  color: var(--ep-color-text-default);
  line-height: 1.125rem;
  text-align: center;
}
.top-three-area .ranking-item .amount[data-v-e3efb47a] .currency-icon {
  width: 0.75rem;
  height: 0.75rem;
}
.top-three-area .ranking-item-2[data-v-e3efb47a] {
  padding-bottom: 0.75rem;
}
.top-three-area .ranking-item-1[data-v-e3efb47a] {
  padding-bottom: 2.1875rem;
}
.top-three-area .ranking-item-3[data-v-e3efb47a] {
  padding-bottom: 1.25rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.ranking-header[data-v-612e88b0] {
  display: flex;
  height: 3.125rem;
  position: relative;
  align-items: center;
  justify-content: center;
  background: var(--ep-color-background-fill-surface-lowered);
}
.ranking-header .ranking-title[data-v-612e88b0] {
  margin: 0 0.4375rem;
  line-height: 1.6875rem;
  color: var(--ep-color-text-brand-primary);
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
}
.ranking-header .ranking-start[data-v-612e88b0] {
  font-size: 0.5rem;
  color: var(--ep-color-icon-brand-primary);
  filter: drop-shadow(0.5px 0.5px 0 rgba(0, 0, 0, 0.25));
}
.top-three-area[data-v-612e88b0] {
  display: flex;
  height: 19rem;
  padding: 0 0.75rem;
  position: relative;
  align-items: flex-start;
  justify-content: space-between;
  isolation: isolate;
}
.top-three-area .ribbons[data-v-612e88b0] {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 21.75rem;
  position: absolute;
}
.top-three-area .ranking-item[data-v-612e88b0] {
  display: flex;
  width: 6.75rem;
  height: 10.375rem;
  flex-flow: column;
  position: relative;
  padding-top: 6.5625rem;
}
.top-three-area .ranking-item .avatar-border[data-v-612e88b0] {
  inset: 0;
  position: absolute;
}
.top-three-area .ranking-item .avatar-border .avatar-img[data-v-612e88b0] {
  top: 0.8125rem;
  left: 1.9375rem;
  z-index: 1;
  width: 2.875rem;
  height: 2.875rem;
  position: absolute;
  border-radius: 50%;
}
.top-three-area .ranking-item .avatar-border .avatar-level-img[data-v-612e88b0] {
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
}
.top-three-area .ranking-item .name[data-v-612e88b0] {
  z-index: 3;
  overflow: hidden;
  position: relative;
  width: 5.4375rem;
  margin: 0 auto;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.125rem;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
}
.top-three-area .ranking-item .amount[data-v-612e88b0] {
  z-index: 3;
  position: relative;
  justify-content: center;
  line-height: 1.125rem;
  color: var(--ep-color-text-default);
  font-size: var(--ep-font-size-s, 0.75rem);
  font-weight: var(--ep-font-weight-medium, 600);
}
.top-three-area .ranking-item .amount[data-v-612e88b0] .currency-icon {
  width: 0.75rem;
  height: 0.75rem;
}
.top-three-area .ranking-item-1[data-v-612e88b0] {
  margin-top: 0.75rem;
}
.top-three-area .ranking-item-2[data-v-612e88b0] {
  margin-top: 4.0625rem;
}
.top-three-area .ranking-item-3[data-v-612e88b0] {
  margin-top: 4.125rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
/**
 * 53 号炫彩紫领奖台（设计稿 node 17023:40905 的「头部排行」，368x259）。
 *
 * 不复用 47/49 的头部：设计稿是等距立方体台阶，1/2/3 三个台体高低错位、头像悬在台面上方，
 * 名次数字烤在底图里，没有 47 号那种居中标题，几何关系与现有任何一版都对不上。
 *
 * 底图 bg-steps-53.svg 含「台体 + 台面凹槽 + 三顶皇冠」，头像和金额/用户名由 DOM 叠上去，
 * 所以三者要分三层（见 .ribbons 的 z-index 说明）。设计稿里每个台体的中心、头像上沿、
 * 头像到金额的间距都不一样，逐名次写在 &.ranking-item-N 里。
 */
.top-three-area[data-v-2b00ca71] {
  position: relative;
  width: 23rem;
  height: 16.1875rem;
  margin-inline: auto;
  isolation: isolate;
}
.top-three-area .ribbons[data-v-2b00ca71] {
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
}
.top-three-area .ranking-item[data-v-2b00ca71] {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  text-align: center;
}
.top-three-area .ranking-item .ranking-avatar[data-v-2b00ca71] {
  z-index: 0;
  width: 5rem;
  height: 5rem;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: var(--avatar-gap);
  border: 0.125rem solid var(--ep-neutral-white-white-80);
}
.top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-2b00ca71] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top-three-area .ranking-item .amount[data-v-2b00ca71],
.top-three-area .ranking-item .name[data-v-2b00ca71] {
  z-index: 2;
  width: 100%;
  line-height: 1.125rem;
  font-size: var(--ep-font-size-s, 0.75rem);
  justify-content: center;
}
.top-three-area .ranking-item .amount[data-v-2b00ca71] {
  margin-bottom: 0.125rem;
  color: #EFFF0B;
  font-weight: var(--ep-font-weight-bold, 700);
}
.top-three-area .ranking-item .amount[data-v-2b00ca71] .currency-icon {
  width: 0.75rem;
  height: 0.75rem;
}
.top-three-area .ranking-item .name[data-v-2b00ca71] {
  color: var(--ep-color-text-highlight-white);
}
.top-three-area .ranking-item.ranking-item-1[data-v-2b00ca71] {
  top: 1rem;
  left: 6.75rem;
  width: 9.4375rem;
  --avatar-gap: 5.8125rem;
}
.top-three-area .ranking-item.ranking-item-1 .ranking-avatar[data-v-2b00ca71] {
  border-color: #FEF670;
}
.top-three-area .ranking-item.ranking-item-2[data-v-2b00ca71] {
  top: 2rem;
  left: 0;
  width: 7.0625rem;
  --avatar-gap: 5.40625rem;
}
.top-three-area .ranking-item.ranking-item-3[data-v-2b00ca71] {
  top: 3.1875rem;
  left: 15.9rem;
  width: 7.125rem;
  --avatar-gap: 5.15625rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.ranking-header[data-v-e14c62c9] {
  position: absolute;
  top: 0.4375rem;
  left: 4.1875rem;
  z-index: 3;
  width: 21.375rem;
  height: 2.25rem;
  background: url('/assets/bg-title-54-r2-Cz-fEt7u.svg') no-repeat 0 0 / 21.375rem 2.25rem;
}
.ranking-header .ranking-title[data-v-e14c62c9] {
  padding-left: 3.25rem;
  font-size: var(--ep-font-size-xl, 1.125rem);
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 2.25rem;
  color: var(--ep-color-text-default);
}
.top-three-area[data-v-e14c62c9] {
  position: relative;
  height: 16.875rem;
  isolation: isolate;
}
.top-three-area .texture[data-v-e14c62c9] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 19.3125rem;
  pointer-events: none;
}
.top-three-area .ranking-item[data-v-e14c62c9] {
  position: absolute;
  width: 6.25rem;
  height: 10.625rem;
}
.top-three-area .ranking-item .no[data-v-e14c62c9] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  font-size: 2.25rem;
  font-weight: var(--ep-font-weight-bold, 700);
  line-height: 3.375rem;
  letter-spacing: 0.45rem;
  text-indent: 0.45rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 13%, rgba(255, 255, 255, 0) 75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.top-three-area .ranking-item .pillar[data-v-e14c62c9] {
  position: absolute;
  top: 5.3125rem;
  left: 0;
  width: 6.25rem;
  height: 5.3125rem;
  border-radius: 3rem 3rem 0 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
}
.top-three-area .ranking-item .ranking-avatar[data-v-e14c62c9] {
  position: absolute;
  top: 2.5625rem;
  left: 50%;
  z-index: 1;
  width: 4.1875rem;
  height: 4.1875rem;
  margin-left: -2.09375rem;
  overflow: hidden;
  border-radius: 50%;
}
.top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-e14c62c9] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top-three-area .ranking-item .avatar-frame[data-v-e14c62c9] {
  position: absolute;
  left: 0;
  z-index: 2;
  width: 6.25rem;
  pointer-events: none;
}
.top-three-area .ranking-item .amount[data-v-e14c62c9],
.top-three-area .ranking-item .name[data-v-e14c62c9] {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  line-height: 1.125rem;
  font-size: var(--ep-font-size-s, 0.75rem);
}
.top-three-area .ranking-item .amount[data-v-e14c62c9] {
  top: 7.875rem;
  justify-content: center;
  font-weight: var(--ep-font-weight-bold, 700);
  color: var(--ep-color-text-brand-primary);
}
.top-three-area .ranking-item .amount[data-v-e14c62c9] .currency-icon {
  width: 0.75rem;
  height: 0.75rem;
}
.top-three-area .ranking-item .name[data-v-e14c62c9] {
  top: 9.125rem;
  text-align: center;
  color: var(--ep-color-text-default);
}
.top-three-area .ranking-item.ranking-item-1[data-v-e14c62c9] {
  top: 2.5rem;
  left: 9rem;
}
.top-three-area .ranking-item.ranking-item-1 .avatar-frame[data-v-e14c62c9] {
  top: 1.5rem;
  height: 6.375rem;
}
.top-three-area .ranking-item.ranking-item-2[data-v-e14c62c9] {
  top: 5.625rem;
  left: 1.4375rem;
}
.top-three-area .ranking-item.ranking-item-2 .avatar-frame[data-v-e14c62c9] {
  top: 1.4375rem;
  height: 6.375rem;
}
.top-three-area .ranking-item.ranking-item-3[data-v-e14c62c9] {
  top: 6.25rem;
  left: 16.625rem;
}
.top-three-area .ranking-item.ranking-item-3 .avatar-frame[data-v-e14c62c9] {
  top: 0.5625rem;
  height: 6.4375rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.shiny[data-v-799db888] {
  position: relative;
  overflow: hidden;
}
.shiny[data-v-799db888]::before {
  content: '';
  animation: shiny-799db888 6s ease-in-out infinite;
  background: white;
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: -180px;
  width: 30px;
}
@keyframes shiny-799db888 {
0% {
    opacity: 0;
    transform: scale(0) rotate(45deg);
}
80% {
    opacity: 0.5;
    transform: scale(0) rotate(45deg);
}
81% {
    opacity: 1;
    transform: scale(4) rotate(45deg);
}
100% {
    opacity: 0;
    transform: scale(50) rotate(45deg);
}
}
.first .content-top-wrap[data-v-799db888] {
  background-color: #F5F6F8;
}
.first .main-text[data-v-799db888] {
  color: #000;
}
.first .sub-text[data-v-799db888] {
  color: #5F6368;
}
.first .line-bg[data-v-799db888] {
  background-color: #E8EAED;
}
.first .btn[data-v-799db888] {
  width: 100%;
  padding: 10px 8px;
  border-radius: 8px;
  background: #01875f;
  color: #fff;
  cursor: pointer;
}
.four[data-v-799db888] {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin-top: -1.875rem;
  z-index: 11;
  background: #1f2124;
}
.four .content-top-wrap[data-v-799db888] {
  background-color: #F5F6F8;
}
.four .main-text[data-v-799db888] {
  color: #fff;
}
.four .sub-text[data-v-799db888] {
  color: #9AA0A6;
}
.four .line-bg[data-v-799db888] {
  background-color: #3C4043;
}
.four .btn[data-v-799db888] {
  width: 100%;
  padding: 10px 8px;
  border-radius: 8px;
  background: #01875f;
  color: #000;
  cursor: pointer;
}
.four .iconHeader[data-v-799db888] {
  margin-top: -0.9375rem;
}
.four .gradient-overlay[data-v-799db888] {
  position: absolute;
  top: -1.1875rem;
  left: 0;
  width: 100%;
  height: 1.25rem;
  /* 渐变高度 */
  background: linear-gradient(to top, #1f2124, rgba(0, 0, 0, 0));
  z-index: -1;
}
.four.content-top-wrap[data-v-799db888] {
  background-color: #1f2124 !important;
}

ion-content#first[data-v-16001732] {
  background-color: #F5F6F8;
}
.ion-page>ion-content[data-v-16001732] {
  --background: transparent;
  --color: #5F6368;
}
.paddingDiv[data-v-16001732] {
  padding: 1.5rem;
}
.publicUrl[data-v-16001732] {
  width: 7.875rem;
  height: 14rem;
  flex-shrink: 0;
  margin-right: 0.5rem;
  background-size: 100% 100%;
}
.publicUrl img[data-v-16001732] {
  vertical-align: top;
  width: 100%;
  height: 100%;
}

ion-toolbar[data-v-282c3925] {
  --background: #000;
  margin-top: .75rem;
  padding-bottom: .75rem;
  padding-left: .625rem;
  padding-right: .625rem;
}
ion-content[data-v-282c3925] {
  --background: #000;
}
.introduct[data-v-282c3925] {
  width: 16.875rem;
}
div.star[data-v-282c3925] {
  background: url('/dw/star.png') no-repeat center center / cover;
}
div.bell[data-v-282c3925] {
  background: url('/dw/bell.png') no-repeat center center / cover;
}
div.shiny[data-v-282c3925] {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
div.shiny>div.btn[data-v-282c3925] {
  width: 100%;
  padding: 10px 8px;
  background: #01875f;
  color: white;
  cursor: pointer;
}
div.shiny[data-v-282c3925]::before {
  content: '';
  animation: shiny-282c3925 6s ease-in-out infinite;
  background: white;
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: -180px;
  width: 30px
}
@keyframes shiny-282c3925 {
0% {
    opacity: 0;
    transform: scale(0) rotate(45deg);
}
80% {
    opacity: 0.5;
    transform: scale(0) rotate(45deg);
}
81% {
    opacity: 1;
    transform: scale(4) rotate(45deg);
}
100% {
    opacity: 0;
    transform: scale(50) rotate(45deg);
}
}

ion-content[data-v-c07805e5] {
  --background: transparent;
}
.introduct[data-v-c07805e5] {
  color: #FBAD31;
  font-size: .875rem;
  line-height: 1.5rem;
}
div.swiper-box[data-v-c07805e5] {
  background: url('/images/download/swiper-bg-third.jpg') no-repeat center center / cover;
}
div.footer[data-v-c07805e5] {
  background: url('/images/download/footer-bg-third.jpg') no-repeat center center / cover;
}
div.footer p.name[data-v-c07805e5] {
  letter-spacing: -0.2rem;
  background: linear-gradient(0deg, #F8B419, #FFE0A7 40%, #FFF 50%, #FFE1A7 60%, #F8B419);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

ion-content#first[data-v-c7bd606f] {
  background-color: #F5F6F8;
}
ion-toolbar[data-v-c7bd606f] {
  --background: #F5F6F8;
  --border-color: #DDD;
  --padding-top: .75rem;
  --padding-bottom: .75rem;
  --padding-start: 1.25rem;
  --padding-end: 1.25rem;
}
.ion-page>ion-content[data-v-c7bd606f] {
  --background: transparent;
  --color: #5F6368;
}
.paddingDiv[data-v-c7bd606f] {
  padding: 1.5rem;
}
.publicUrl[data-v-c7bd606f] {
  width: 7.875rem;
  height: 14rem;
  flex-shrink: 0;
  margin-right: 0.5rem;
  background-size: 100% 100%;
}
.publicUrl img[data-v-c7bd606f] {
  vertical-align: top;
  width: 100%;
  height: 100%;
}






.five-star-container {
&[data-v-fc80c43a] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.star-icon[data-v-fc80c43a] {
    font-size: 1.125rem;
}
}

.publicUrl {
&[data-v-4cd47e00] {
  width: 7.875rem;
  height: 14rem;
  flex-shrink: 0;
  margin-right: 1.3125rem;
  background-size: 100% 100%;
}
img[data-v-4cd47e00] {
    vertical-align: top;
    width: 100%;
    height: 100%;
}
}

.shiny[data-v-61c52f24] {
  position: relative;
  overflow: hidden;
}
.shiny[data-v-61c52f24]::before {
  content: '';
  animation: shiny-61c52f24 6s ease-in-out infinite;
  background: white;
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: -180px;
  width: 30px
}
@keyframes shiny-61c52f24 {
0% {
    opacity: 0;
    transform: scale(0) rotate(45deg);
}
80% {
    opacity: 0.5;
    transform: scale(0) rotate(45deg);
}
81% {
    opacity: 1;
    transform: scale(4) rotate(45deg);
}
100% {
    opacity: 0;
    transform: scale(50) rotate(45deg);
}
}
.install-btn {
&[data-v-61c52f24] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22.625rem;
    height: 3.625rem;
    margin: 1.5rem auto;
    border-radius: 12px;
  }
.icon[data-v-61c52f24] {
      width: 2.1875rem;
      height: 2.375rem;
}
.inner {
&[data-v-61c52f24] {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: left;
    }
.text-1[data-v-61c52f24] {
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.75rem;
}
.text-2[data-v-61c52f24] {
        color: #FFFFFF;
        font-size: .75rem;
        font-weight: 400;
        line-height: 1.125rem;
}
}
}
.comment-item {
&[data-v-1f8d396a] {
  margin-bottom: 1.625rem;
}
.content {
&[data-v-1f8d396a] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: .625rem;
}
.user-img[data-v-1f8d396a] {
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 50%;
      object-fit: cover;
      overflow: hidden;
      display: block;
}
.info-area {
&[data-v-1f8d396a] {
      width: 20.0625rem;
}
.name[data-v-1f8d396a] {
        font-size: .875rem;
        color: #202124;
        line-height: 1.3125rem;
        font-weight: 600;
}
.bottom {
&[data-v-1f8d396a] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .625rem;
}
.date-area {
&[data-v-1f8d396a] {
          display: flex;
          align-items: center;
          justify-content: flex-start;
}
.date[data-v-1f8d396a] {
            color: #768296;
            font-size: .75rem;
}
}
}
}
}
.comment[data-v-1f8d396a] {
    font-size: .875rem;
    color: #768296;
    line-height: 1.3125rem;
    font-weight: 400;
    margin-top: .875rem;
}
}

.score-area {
&[data-v-aaa62718] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #768296;
}
.left {
&[data-v-aaa62718] {
    width: 10.125rem;
    height: 7rem;
    border-radius: .375rem;
    padding: .75rem .625rem;
    font-size: 1rem;
}
.score[data-v-aaa62718] {
      font-size: 1.5rem;
      font-weight: 600;
      line-height: 2.25rem;
}
.name[data-v-aaa62718] {
      margin-top: .625rem;
      color: #768296;
}
}
.right {
.progress-item {
&[data-v-aaa62718] {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: .375rem;
}
.number[data-v-aaa62718]{
        font-size: 12px;
        font-weight: 400;
        line-height: 1.125rem;
        color: #768296;
}
.progress{
&[data-v-aaa62718] {
         width: 7.5rem;
         height: .5rem;
         border-radius: .9375rem;
         background: #D9D9D9;
         position: relative;
}
.progress-bar[data-v-aaa62718]{
           position: absolute;
           top: 0;
           left: 0;
           height: 100%;
           border-radius: .9375rem;
}
}
}
}
}

.ratings-content {
&[data-v-5f61aedb] {
  border-radius: .375rem;

  box-shadow: 0 0 2px 0 rgba(208, 208, 208, 0.10) inset;
  padding: .875rem .75rem;
  margin: 0 auto;
  box-sizing: border-box;
}
.score-area {
&[data-v-5f61aedb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #768296;
}
.left {
&[data-v-5f61aedb] {
      width: 10.125rem;
      height: 7rem;
      border-radius: .375rem;
      padding: .75rem .625rem;
      font-size: 1rem;
}
.score[data-v-5f61aedb] {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 2.25rem;
}
}
}
}

.app-info {
&[data-v-05471990] {
  display: flex;
  align-items: center;
  color: #768296;
  font-size: .75rem;
  justify-content: space-between;
  width: 100%;
}
.seven[data-v-05471990]{
    flex: 1;
}
.item {
&[data-v-05471990] {
 
    text-align: center;
    display: flex;
    flex-direction: column;
}
.name[data-v-05471990] {
      line-height: 1.125rem;
}
.value[data-v-05471990] {
      font-weight: 600;
      line-height: 22px;
      font-size: 1rem;
      color: #5C5C5C;
}
}
.reversal[data-v-05471990]{
    flex-direction: column-reverse;
}
}

.download-six-container {
&[data-v-d7339dd4] {
  background: #fff;
  padding: 1.5rem .875rem;
}
.header {
&[data-v-d7339dd4] {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
}
.dw-icon[data-v-d7339dd4] {
      width: 6.6875rem;
      height: 6.6875rem;
      border-radius: 1.75rem;
      overflow: hidden;
}
.info {
.app-name[data-v-d7339dd4] {
        color: #1D1D1D;
        font-size: 1.125rem;
        line-height: 1.75rem;
}
.other-info[data-v-d7339dd4] {
        width: 12.5rem;
}
}
}
.reviews-content {
&[data-v-d7339dd4] {
    border-radius: 6px;
    background: #F8F8F8;
    box-shadow: 0 0 2px 0 rgba(208, 208, 208, 0.10) inset;
    padding: 1.5rem .75rem;
    margin: 1.5rem auto;
    color: #768296;
    font-size: .75rem;
}
.title {
&[data-v-d7339dd4] {
      color: #5C5C5C;
      font-size: 1.125rem;
      line-height: 1.75rem;
      font-weight: 600;
      position: relative;
      padding-left: .625rem;
}
&[data-v-d7339dd4]::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: .25rem;
        height: 1.875rem;
        background: #FF7340;
        border-radius: 1.875rem;
}
}
.content[data-v-d7339dd4] {
      margin: .875rem 0 1.5rem;
}
.update[data-v-d7339dd4] {
      color: #5C5C5C;
      font-size: .875rem;
      line-height: 1.3125rem;
      font-weight: 700;
}
.update-time[data-v-d7339dd4] {
      color: #768296;
      line-height: 1.3125rem;
      font-weight: 400;
}
.company-name {
&[data-v-d7339dd4] {
      color: #768296;
      line-height: 1.3125rem;
      font-weight: 400;
      margin-top: 1.5rem;
      vertical-align: middle;
}
.copyright-icon[data-v-d7339dd4]{
        font-size: 1rem;
        margin-right: .375rem;
}
}
}
}

.download-seven-container {
&[data-v-0577ebbb] {
  background: #f3f3f3;
}
.header {
&[data-v-0577ebbb] {
    display: flex;
    align-items: flex-start;
    justify-content: center;

    width: 100%;
    height: 15.75rem;
    background: #fff url('/assets/temp7_header-r2-DuPnSC12.png') no-repeat center center / 100% 100%;
    text-align: center;
}
.app-info {
&[data-v-0577ebbb] {
      margin-top: 5.25rem;
      display: flex;
      flex-direction: column;
      align-items: center;
}
.dw-icon[data-v-0577ebbb] {
        width: 6.6875rem;
        height: 6.6875rem;
        border-radius: 1.75rem;
        overflow: hidden;
}
.app-name[data-v-0577ebbb] {
        color: #000;
        font-size: 1.125rem;
        line-height: 1.75rem;
        margin-top: .875rem;
}
.verified[data-v-0577ebbb] {
        color: #A0A0A0;
        font-size: .625rem;
        line-height: 1rem;
        font-weight: 400;
}
}
}
.other-info-content {
&[data-v-0577ebbb] {
    width: 100%;
    height: 5.75rem;
    border-radius: 0 0 14px 14px;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.other-info[data-v-0577ebbb] {
      width: 22.5rem;
      padding: 0 .9375rem 1.0625rem;
}
}
.container[data-v-0577ebbb] {
    padding: 0 .875rem 1.5rem;
}
.reviews-content {
&[data-v-0577ebbb] {
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 0 2px 0 rgba(208, 208, 208, 0.10) inset;
    padding: 1.5rem .75rem;
    margin: 1.5rem auto;
    color: #768296;
    font-size: .75rem;
    position: relative;
}
.title[data-v-0577ebbb] {
      color: #5C5C5C;
      font-size: 1.125rem;
      line-height: 1.75rem;
      font-weight: 600;
      position: relative;
}
.content[data-v-0577ebbb] {
      margin: .875rem 0 1.5rem;
}
.line[data-v-0577ebbb]{
      width: 8.875rem;
      height: 1px;
      background: #DADADA;
      margin: .875rem 0 .5rem  ;
}
.update[data-v-0577ebbb] {
      color: #5C5C5C;
      font-size: .875rem;
      line-height: 1.3125rem;
      font-weight: 700;
}
.update-time[data-v-0577ebbb] {
      color: #768296;
      line-height: 1.3125rem;
      font-weight: 400;
}
.company-name {
&[data-v-0577ebbb] {
      color: #768296;
      line-height: 1.3125rem;
      font-weight: 400;
      margin-top: .5rem;
      vertical-align: middle;
}
.copyright-icon[data-v-0577ebbb] {
        font-size: 1rem;
        margin-right: .375rem;
}
}
.img1[data-v-0577ebbb] {
      position: absolute;
      right: 1.5625rem;
      bottom: .3125rem;
      width: 4.75rem;
      height: 7.5rem;
}
}
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.font-family-roboto[data-v-39bbcdb6] {
  font-family: Roboto, "Google Sans", Arial, sans-serif;
}
.font-family-google-sans[data-v-39bbcdb6] {
  font-family: "Google Sans", Roboto, Arial, sans-serif;
}
p[data-v-39bbcdb6],
div[data-v-39bbcdb6],
span[data-v-39bbcdb6] {
  font-family: Roboto, "Google Sans", Arial, sans-serif;
}
ion-content[data-v-39bbcdb6] {
  font-family: Roboto, "Google Sans", Arial, sans-serif;
}
ion-content .ios-first[data-v-39bbcdb6] {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background-color: #fff;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.87);
  font-family: Roboto, RobotoDraft, "Google Sans", Helvetica, Arial, sans-serif;
  overflow-y: scroll;
}
ion-content .ios-first .wrap[data-v-39bbcdb6] {
  width: calc(100% - 3rem);
  position: relative;
  margin: 0 auto;
}
ion-content .ios-first .wrap .top-content[data-v-39bbcdb6] {
  margin-top: 3rem;
  height: auto;
  margin-bottom: 1.5625rem;
}
ion-content .ios-first .wrap .top-content .header[data-v-39bbcdb6] {
  color: #202124;
}
ion-content .ios-first .wrap .top-content .header .iconHeader img[data-v-39bbcdb6] {
  width: 4.5rem;
  height: 4.5rem;
  border-width: 0;
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(60, 64, 67, 0.3), 0 0.0625rem 0.1875rem 0.0625rem rgba(60, 64, 67, 0.15);
  border-radius: 20%;
  margin: 0.4375rem 1.5rem 0 0;
}
ion-content .ios-first .wrap .top-content .header .header-text .p1[data-v-39bbcdb6] {
  width: 100%;
  font-size: 1.5rem;
  display: flex ;
  line-height: 2rem;
  letter-spacing: 0;
  font-weight: 500;
  align-items: flex-end;
  overflow-wrap: anywhere;
  word-break: keep-all;
  white-space: break-spaces;
}
ion-content .ios-first .wrap .top-content .header .header-text .p2[data-v-39bbcdb6] {
  color: #0070c9;
  margin-top: 0.0625rem;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0.00625em;
  font-weight: 500;
}
ion-content .ios-first .wrap .top-content .header .header-text .p3[data-v-39bbcdb6] {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0.025em;
  font-weight: 400;
  color: #5f6368;
}
ion-content .ios-first .wrap .top-content .header .app-score[data-v-39bbcdb6] {
  height: 4rem;
  margin: 1rem 0 0.75rem;
  padding: 0.75rem 0;
  font-size: 0.75rem;
}
ion-content .ios-first .wrap .top-content .header .app-score div.star[data-v-39bbcdb6] {
  height: 2.75rem;
  margin: 0 auto;
}
ion-content .ios-first .wrap .top-content .header .app-score div.star div[data-v-39bbcdb6] {
  position: relative;
  min-width: 6rem;
  height: 2.75rem;
  padding: 0.125rem 1rem;
}
ion-content .ios-first .wrap .top-content .header .app-score div.star div[data-v-39bbcdb6]:first-child {
  padding: 0px;
}
ion-content .ios-first .wrap .top-content .header .app-score div.star div[data-v-39bbcdb6]:not(:first-child)::before {
  content: "";
  background-color: #e8eafd;
  display: block;
  height: 1.5rem;
  left: 0;
  position: absolute;
  top: calc(50% - 0.75rem);
  width: 0.0625rem;
}
ion-content .ios-first .wrap .top-content .header .app-score div.star div .star-text[data-v-39bbcdb6] {
  font-size: 0.875rem;
  font-style: normal;
}
ion-content .ios-first .wrap .top-content .header .app-score div.star div .star-icon[data-v-39bbcdb6] {
  display: inline-block;
  margin-top: 0.0625rem;
  vertical-align: middle;
  font-size: 0.75rem;
  font-style: normal;
  color: #202124;
}
ion-content .ios-first .wrap .top-content .header .app-score div.star div .text[data-v-39bbcdb6] {
  color: #5f6368;
  line-height: 1rem;
  display: inline-block;
  height: 1.25rem;
}
ion-content .ios-first .wrap .top-content .header .app-score div.star div .text[data-v-39bbcdb6]:last-child {
  justify-content: center;
  white-space: nowrap;
}
ion-content .ios-first .wrap .top-content .header .app-score div.star div span[data-v-39bbcdb6] {
  display: inline-block;
  height: 1.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}
ion-content .ios-first .wrap .top-content .header .app-score div.star div span.icon-img[data-v-39bbcdb6] {
  height: auto;
}
ion-content .ios-first .wrap .banner[data-v-39bbcdb6] {
  /* 隐藏滚动条 */
  -ms-overflow-style: none;
  scrollbar-width: none;
}
ion-content .ios-first .wrap .banner[data-v-39bbcdb6]::-webkit-scrollbar {
  display: none;
}
ion-content .ios-first .wrap .banner .publicUrl[data-v-39bbcdb6] {
  width: 7.1875rem;
  height: 12.75rem;
  flex-shrink: 0;
  margin-right: 0.75rem;
  background-size: 100% 100%;
  border-radius: 0.5rem;
  overflow: hidden;
}
ion-content .ios-first .wrap .banner .publicUrl img[data-v-39bbcdb6] {
  vertical-align: top;
  width: 100%;
  height: 100%;
}
ion-content .ios-first .wrap .shiny[data-v-39bbcdb6] {
  position: relative;
  overflow: hidden;
}
ion-content .ios-first .wrap .shiny .download[data-v-39bbcdb6] {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAaUlEQVR4nGNgGDHgzacvR99++vofhN98/HKY6ha8hRoOw6MWYIC3o0E0/ILo7acv5eiG4sJvPn2pp5klb8g1nBhL3lBqOD5LqGY4NkuobjgMvP34tQGE4QKjgKqA2Ez1lkhMfwsYhioAAPmkvKD8qPnDAAAAAElFTkSuQmCC);
}
ion-content .ios-first .wrap .btn[data-v-39bbcdb6] {
  width: 100%;
  height: 2.25rem;
  margin-top: 1.125rem;
  border-radius: 0.5rem;
  background: #0070c9;
  color: #fff;
  cursor: pointer;
}
ion-content .ios-first .wrap .btn div[data-v-39bbcdb6] {
  height: 100%;
}
ion-content .ios-first .wrap .btn div span[data-v-39bbcdb6] {
  font-weight: 500;
}
ion-content .ios-first .wrap .rating[data-v-39bbcdb6] {
  color: #5f6368;
}
ion-content .ios-first .wrap .rating .comments-title[data-v-39bbcdb6] {
  font-weight: 500;
}
ion-content .ios-first .wrap .rating .comment[data-v-39bbcdb6] {
  line-height: 1.25rem;
  font-size: 0.875rem;
}
ion-content .ios-first .wrap .rating .user-help[data-v-39bbcdb6] {
  line-height: 1.25rem;
  font-size: 0.75rem;
}
ion-content .ios-first .wrap .rating .help .is-help[data-v-39bbcdb6] {
  font-size: 0.75rem;
  color: #5f6368;
}
ion-content .ios-first .wrap .rating .help p span[data-v-39bbcdb6] {
  display: inline-block;
  border: 0.0625rem rgba(95, 99, 104, 0.5) solid;
  font-size: 0.875rem;
  padding: 0 0.625rem;
  border-radius: 1rem;
  margin-left: 0.875rem;
}
ion-content .ios-first .wrap .description__content[data-v-39bbcdb6],
ion-content .ios-first .wrap .comments__tips[data-v-39bbcdb6],
ion-content .ios-first .wrap .items-start[data-v-39bbcdb6] {
  color: #5f6368;
  line-height: 1.25rem;
}
ion-content .ios-first .wrap .device > div[data-v-39bbcdb6] {
  height: 2rem;
  line-height: 2rem;
  padding: 0 1rem;
  border-radius: 1rem;
  color: #202124;
  font-weight: 500;
}
ion-content .ios-first .wrap .start[data-v-39bbcdb6] {
  width: 1rem;
  height: 1rem;
  font-size: 0.75rem;
}
ion-content .ios-first .wrap .start_small[data-v-39bbcdb6] {
  width: 0.75rem;
  height: 0.75rem;
}
ion-content .ios-first .wrap svg[data-v-39bbcdb6] {
  fill: #0070c9;
}
.about-game[data-v-39bbcdb6] {
  margin-top: 1.25rem;
  font-weight: 500;
}
.about-game div[data-v-39bbcdb6] {
  font-size: 1.125rem;
  margin-bottom: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  display: flex
;
  justify-content: space-between;
}
.about-game p[data-v-39bbcdb6] {
  font-size: 0.875rem;
  letter-spacing: 0.2px;
  line-height: 1.25rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  max-height: 7.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #5f6368;
}
.update-game[data-v-39bbcdb6] {
  margin-top: 1.5rem;
}
.update-game .update-title[data-v-39bbcdb6] {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0.2px;
  font-weight: 500;
}
.update-game .update-time[data-v-39bbcdb6] {
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.01428571em;
  line-height: 1.25rem;
  margin-top: 0.25rem;
  color: #5f6368;
}
.recom-games[data-v-39bbcdb6] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 0.75rem;
  margin-bottom: 0.25rem;
  margin-top: 1.75rem;
}
.recom-games div[data-v-39bbcdb6] {
  height: 2rem;
  line-height: 2rem;
  padding: 0 0.9375rem 0;
  color: #5f6368;
  border: 1px solid #dadce0;
  border-radius: 1rem;
  font-family: "Google Sans", Roboto, Arial, sans-serif;
}
.data-safety .safety-title[data-v-39bbcdb6] {
  font-weight: 500;
}
.data-safety .safety-content[data-v-39bbcdb6] {
  line-height: 1.25rem;
  color: #5f6368;
  letter-spacing: 0.2px;
}
.data-safety .safety-info[data-v-39bbcdb6] {
  padding: 1.25rem 1.25rem 0;
  line-height: 1.25rem;
}
.data-safety .safety-info .item[data-v-39bbcdb6]:not(:first-child) {
  margin-top: 1.25rem;
}
.data-safety .safety-info .item .icon[data-v-39bbcdb6] {
  width: 1.25rem;
  height: 1.25rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 1.25rem;
  padding: 0.625rem;
}
.data-safety .safety-info .item .icon-img1[data-v-39bbcdb6] {
  background-image: url(data:image/png;base64,UklGRuwAAABXRUJQVlA4TN8AAAAvE8AEEDW4jQBGbTSIVyPp7C4wRM5doOcdmEp/F6xy2cZs6TKBFOE2tm1V+ZELDjW4Q/wo5b8YDbUEJ3Zpx6qwCFLdCtxGbQJ0l/UM/YPk1VwI6F8Q659Z7pLYDNXukmM7IPKK2rXTjRccHZAQwnwg1smxFRJwa+Wp2WK8zuPNv2C5pquBlov4gaQHcLv8goUvwoI3Mjzm+e78swbx84yYz0FRlq/kAQufzQ2nWcPVQM1FckXSA/ia/WQc6aVdOpquS0eSXgVATNZTjo9nm+F6xPde+2fEemeBs1yYSkUBAA==);
}
.data-safety .safety-info .item .icon-img2[data-v-39bbcdb6] {
  background-image: url(data:image/png;base64,UklGRkQBAABXRUJQVlA4TDcBAAAvE8AEEJXArm3b2HPb/GPb9qtt286rW0gV6cDasQtY0Zdxv3yIgGNb2/Eqtm0bI7BKd5lFOrt1cm/HDp3VegC2bVvvBPARSrKYbB1sGVhOSPqM9UQ8JEEiWO9rKfukvrqXvXnhhBNX9pY3VH2C5AmQt8SDuctW6kcMqXY0AWQFiR2QJQFaux7ain95KW8Q4afcu/sCyLjNXX7gMGpTL44CEhmEoaXeJIGXfPtLzqmtnJYZyDhN+AAMPf7LSfxxnX+DqlvIOXMc+REvDkY6AWqHz6IFe27oADLE/2QcI0E8rFTuQc5pyIOzjS8JDDbpKeXyOR198SAu0yWvbMaI72Vf5B09cBBIgJwNoKXXetZu1ihe9Ox9L/FDSgDZOjuaR+qnFTMIcZv6m8daR/5aRpuHJspiGsQ7BwA=);
}
.data-safety .safety-info .item .icon-img3[data-v-39bbcdb6] {
  background-image: url(data:image/png;base64,UklGRuYAAABXRUJQVlA4TNkAAAAvE8AEEMegoJGkZsC/I3ygpHcbitpGcrLLn9LiWBRX/i2K2jaSzB/QAlki+z/DNrJtJd/d0Jgh9G5onDqI3AkAICGUURme+Wm6KKI8/UIsgYFx7FWlGv03eF8s9xy+jnV2vs+23wDcXxAhQGDQSJKiOXo8Zv9Wn+YdRPRfkdu2jXTK6vwFfqnXVX8gQq+l1B7EC8soyR+HT2UsD9ScFjftnOpeHVPioZzjVgzF4kVbwkVLeDU1AGd177h6AlvZYXK8mQ32snFwAdXCLcS9FfWm1NtTf8T85R8BAA==);
}
.data-safety .safety-info .item .icon-img4[data-v-39bbcdb6] {
  background-image: url(data:image/png;base64,UklGRugAAABXRUJQVlA4TNsAAAAvE8AEEP+goI0kZfwbvCcVzL82lEaSFHX+EaLwSNQPq6htJCf88d3vUPQ+O0wCAEwzZsVTDPr9K1GFBwClWQACCNAAAggQEMCCkmqecy6qGCn+/9N3v+J/Qj+GVtJ5P/C7n445zY/v3Mv1vqh+YAESQwGOMbNiAIaRJClZ7PHD5Y3NP08cAojo/wTg7Xkr0uZnymkcVpJch3Eq92aenvegNQ61xqExyIogKDIYc6qjUuyuCOOY8nc9lWJ/yhqEKZCGMPbI+SiJlYqTyLujZePhthyhqaUSqaRu8G4A);
}
.data-safety .safety-info .details[data-v-39bbcdb6] {
  color: #0070c9;
  line-height: 3.5rem;
  margin-top: 0;
}
.all-comment .description[data-v-39bbcdb6] {
  line-height: 1.25rem;
  color: #5f6368;
}
.recommend-game .list[data-v-39bbcdb6] {
  padding: 0.75rem 0;
}
.recommend-game .list div[data-v-39bbcdb6] {
  display: grid;
  grid-template-rows: max-content;
  height: -moz-fit-content;
  height: fit-content;
  row-gap: 0.375rem;
  width: 6.1875rem;
  overflow: hidden;
  font-size: 0.75rem;
}
.recommend-game .list div p[data-v-39bbcdb6] {
  display: inline-flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
}
.recommend-game .list div p.star em[data-v-39bbcdb6] {
  font-style: normal;
  font-size: 0.625rem;
}
.recommend-game .mark[data-v-39bbcdb6] {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: middle;
  margin-right: 1rem;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAhCAYAAACvBDmYAAACJ2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgZXhpZjpQaXhlbFlEaW1lbnNpb249IjMzIgogICBleGlmOlBpeGVsWERpbWVuc2lvbj0iNDIiCiAgIGV4aWY6VXNlckNvbW1lbnQ9IlNjcmVlbnNob3QiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjE0NC8xIgogICB0aWZmOllSZXNvbHV0aW9uPSIxNDQvMSIvPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0iciI/PohRH5IAAAFeaUNDUElDQyBQcm9maWxlAAAokW2QPUhCYRSG31tXhAopcGy4Q9APFnL73UIdJGi4aNEPFFw/TQOvfVxvlASuETS31NAgrQ0VDi0NDU0tQUVDzdESBC4lX+fT6mp14HAeXl4O57xAi2pynlUBWDnHjkXD2vzCouZ9hgcKutCDMZPlecgwpsmC79lclVvyUt0Myl2vJ8t+q7hfOjsoPL4EnxJ//U3VlkzlGc0P6gHGbQdQ+oiNDYdL3iT223QU8a7kdJ0PJSfqfFrzzMQixFfEnSxjJonviQOJBj3dwFZ2nX3dIK/vSOVm4zR91N2IQ8c4wphAEAZl8793pOaNYA0cBdhYRRoZONAQIoUjixTxFHJgGEKAWKd9OkZlxr+zc7XtJWBySwhx7mpRyueY2nftar1FemMHuCxx0zZ/ElUqan5lWK9zexnw7AnxNgd4+4HqnRDvZSGqR0DrA3BR+QQKfmhAwdifhAAAAYZJREFUWAlj/A8EDEMAMA0BN4KdOGQcykJKiIJSyd+/f0nRAlbLwkKSNVjNJ8mEDRs3MyxfuQarQfgEp03uZxAREcanhKAcXaL+wcOHBB1CSAGdHPqIkDsIyjOSUjyt37AJHvWR4SEMgQF+OC04euwEw8TJ03DKo0ssWzyPAV9aplmIKijIo7uFIj7NHCopIc7Azs5GkeOQNZOU65E1EmIzMTExLJg7kwFfxRcVm0TIGLg8zRwKsoGZmRluEaUMmkU9pQ5D1z/qUPQQoZQ/ZEKU7MwEqvOJrfejI8MY/P188AYqIyMjXnm6hOiDh4/wOoIYSfo49AHljRKyoz48NIghwN8XZ2D8+fOXITElnQFEP332nCEqNhGnWmIkyHYoqObBV6CD5GRlZBjuQ0MT5GB8AF8NBtJHtkPxWQqTU1JSZHj8+AmMi5cmlJlo6tD01CQGEKYGoEtmGnUoNUKA2maMRv2IDVGSiicNDXWG0JBAcGCB2PQEJHWX6ekwdLtGMxN6iFDKBwB2gViXF4bkxAAAAABJRU5ErkJggg==);
}
.bottom-shiny[data-v-39bbcdb6] {
  width: 100%;
  height: 2.25rem;
  margin: 0.375rem 0;
  border-radius: 0.5rem;
  background: #0070c9;
  color: #fff;
}
.bottom-shiny div[data-v-39bbcdb6] {
  height: 100%;
}
.bottom-shiny div span[data-v-39bbcdb6] {
  font-weight: 500;
}
.line[data-v-39bbcdb6] {
  width: 100%;
  height: 1px;
  background: #dadce0;
  margin: 2.5rem 0;
}
.store .flag[data-v-39bbcdb6] {
  width: 1.5rem;
  height: 1.125rem;
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
p[data-v-fe4f6feb],
div[data-v-fe4f6feb],
span[data-v-fe4f6feb],
a[data-v-fe4f6feb],
strong[data-v-fe4f6feb],
dt[data-v-fe4f6feb],
dd[data-v-fe4f6feb],
li[data-v-fe4f6feb],
h1[data-v-fe4f6feb],
h2[data-v-fe4f6feb] {
  font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pt[data-v-fe4f6feb] {
  padding-top: 1.1875rem;
  padding-bottom: 2rem;
}
.line[data-v-fe4f6feb] {
  width: 87.5%;
  height: 1px;
  margin: 0 auto;
  background: #d6d6d6;
}
ion-content[data-v-fe4f6feb] {
  height: 100%;
  font-family: Roboto, "Google Sans", Arial, sans-serif;
}
ion-content .ios-second[data-v-fe4f6feb] {
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background-color: #fff;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.87);
  font-family: Roboto, RobotoDraft, "Google Sans", Helvetica, Arial, sans-serif;
  overflow-y: scroll;
  /* 隐藏滚动条 */
  -ms-overflow-style: none;
  scrollbar-width: none;
}
ion-content .ios-second[data-v-fe4f6feb]::-webkit-scrollbar {
  display: none;
}
ion-content .ios-second .in-toolbar[data-v-fe4f6feb] {
  height: 3rem;
  position: relative;
  padding: 0px 0px;
}
ion-content .ios-second .in-toolbar .top-sub-header[data-v-fe4f6feb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  height: 3rem;
  background-color: #fafafccc;
}
ion-content .ios-second .in-toolbar .top-sub-header .iphone[data-v-fe4f6feb] {
  width: 3rem;
}
ion-content .ios-second .in-toolbar .top-sub-header .iphone svg[data-v-fe4f6feb] {
  height: 3.1875rem;
}
ion-content .ios-second .in-toolbar .right-ico span[data-v-fe4f6feb] {
  display: inline-block;
  width: 3rem;
  height: 3rem;
}
ion-content .ios-second .in-toolbar svg[data-v-fe4f6feb] {
  fill: rgba(0, 0, 0, 0.8);
  color: rgba(0, 0, 0, 0.8);
  margin: 0 auto;
  line-height: 3rem;
  height: 3rem;
}
ion-content .ios-second .wrap[data-v-fe4f6feb] {
  margin: 0 auto;
  overflow-y: scroll;
}
ion-content .ios-second .wrap .top-content .top-title[data-v-fe4f6feb] {
  height: 4.6875rem;
  padding: 0.75rem 1rem 1rem;
  font-size: 1.1875rem;
  letter-spacing: 0.228px;
  border-bottom: 1px solid #E0E0E0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform, background-color, backdrop-filter;
}
ion-content .ios-second .wrap .top-content .top-title.position-fixed[data-v-fe4f6feb] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  -webkit-backdrop-filter: saturate(180%) blur(1.25rem);
          backdrop-filter: saturate(180%) blur(1.25rem);
  background-color: rgba(255, 255, 255, 0.72);
  transform: translateY(0);
}
ion-content .ios-second .wrap .top-content .top-title span[data-v-fe4f6feb] {
  line-height: 1.1875rem;
  font-weight: 400;
  color: #636366;
}
ion-content .ios-second .wrap .top-content .top-title p[data-v-fe4f6feb] {
  color: #000000;
  line-height: 1rem;
  font-weight: 600;
}
ion-content .ios-second .wrap .top-content .app-info[data-v-fe4f6feb] {
  width: 87.5%;
  padding: 1.25rem 0 2rem;
  margin: 0 auto;
  border-bottom: 1px solid #d6d6d6;
  background-color: rgba(255, 255, 255, 0.72);
}
ion-content .ios-second .wrap .top-content .app-info .left-content[data-v-fe4f6feb] {
  width: 8.4375rem;
  min-height: 8.4375rem;
}
ion-content .ios-second .wrap .top-content .app-info .left-content img.logo[data-v-fe4f6feb] {
  width: 8.4375rem;
  border-radius: 22.5%;
}
ion-content .ios-second .wrap .top-content .app-info .right-content[data-v-fe4f6feb] {
  width: 12.875rem;
  margin-left: 0.75rem;
}
ion-content .ios-second .wrap .top-content .app-info .right-content h1.app-name[data-v-fe4f6feb] {
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 1.125rem;
  letter-spacing: 0.486px;
  align-items: flex-end;
  overflow-wrap: anywhere;
  word-break: keep-all;
  white-space: break-spaces;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}
ion-content .ios-second .wrap .top-content .app-info .right-content h1.app-name .badge--product-title[data-v-fe4f6feb] {
  display: inline-flex;
  margin-left: 0.25rem;
  font-size: 0.65rem;
  letter-spacing: 0.416px;
  vertical-align: middle;
  flex-shrink: 0;
}
ion-content .ios-second .wrap .top-content .app-info .right-content h1.app-name span[data-v-fe4f6feb]:not(.badge--product-title) {
  padding: 0 0.25rem;
  font-size: 0.5625rem;
  border: 1px solid #636366;
  border-radius: 0.1875rem;
  margin-left: 0.5rem;
  white-space: nowrap;
  flex-shrink: 0;
}
ion-content .ios-second .wrap .top-content .app-info .right-content h1.app-name span.name[data-v-fe4f6feb] {
  display: inline-block;
  font-size: 18px;
  border: 0;
  margin: 0;
  padding: 0;
  flex-shrink: 1;
  min-width: 0;
  white-space: break-spaces;
}
ion-content .ios-second .wrap .top-content .app-info .right-content .developer[data-v-fe4f6feb] {
  margin-top: 0.125rem;
  font-size: 0.8125rem;
  color: #0070c9;
}
ion-content .ios-second .wrap .top-content .app-info .right-content .developer-info[data-v-fe4f6feb] {
  font-size: 0.8125rem;
  color: #636366;
}
ion-content .ios-second .wrap .top-content .app-info .right-content div[data-v-fe4f6feb] {
  margin-top: 0.875rem;
  font-size: 0.75rem;
}
ion-content .ios-second .wrap .top-content .app-info .right-content div p[data-v-fe4f6feb]:first-child {
  font-size: 0.75rem;
  background: #0070c9;
  color: white;
  padding: 0.1875rem 0.625rem;
  border-radius: 0.3125rem;
  text-decoration: none;
  margin-right: 0.375rem;
}
ion-content .ios-second .wrap .banner[data-v-fe4f6feb] {
  width: 87.5%;
  margin: 1.1875rem auto 2.3125rem;
  /* 隐藏滚动条 */
  -ms-overflow-style: none;
  scrollbar-width: none;
}
ion-content .ios-second .wrap .banner[data-v-fe4f6feb]::-webkit-scrollbar {
  display: none;
}
ion-content .ios-second .wrap .banner .banner-content[data-v-fe4f6feb] {
  width: 22.8125rem;
}
ion-content .ios-second .wrap .banner .banner-content .title[data-v-fe4f6feb] {
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.48px;
  margin-bottom: 1.0625rem;
}
ion-content .ios-second .wrap .banner .banner-content .publicUrl[data-v-fe4f6feb] {
  width: 12.5rem;
  height: 22.1875rem;
  flex-shrink: 0;
  margin-right: 0.375rem;
  background-size: 100% 100%;
}
ion-content .ios-second .wrap .banner .banner-content .publicUrl img[data-v-fe4f6feb] {
  vertical-align: top;
  width: 100%;
  height: 100%;
}
ion-content .ios-second .wrap .app-description[data-v-fe4f6feb] {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  letter-spacing: -0.065px;
}
ion-content .ios-second .wrap .about-game h2[data-v-fe4f6feb] {
  margin-top: 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: #1d1d1f;
  line-height: 1.5rem;
  letter-spacing: 0.48px;
  margin-bottom: 1.0625rem;
}
ion-content .ios-second .wrap .new-updata h2[data-v-fe4f6feb] {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0;
}
ion-content .ios-second .wrap .privacy-info h2[data-v-fe4f6feb] {
  margin-top: 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: #1d1d1f;
  line-height: 1.5rem;
  letter-spacing: 0.48px;
  margin-bottom: 1.0625rem;
}
ion-content .ios-second .wrap .privacy-info .privacy-info-text[data-v-fe4f6feb] {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  letter-spacing: -0.065px;
}
ion-content .ios-second .wrap .privacy-info .privacy-info-text a[data-v-fe4f6feb] {
  color: #0070c9;
  text-decoration: none;
}
ion-content .ios-second .wrap .privacy[data-v-fe4f6feb] {
  margin-top: 0.8125rem;
  display: grid;
  grid-gap: 1.25rem;
}
ion-content .ios-second .wrap .privacy .privacy-content[data-v-fe4f6feb] {
  padding: 1.75rem 1.25rem 1.25rem;
  width: 100%;
  border-radius: 1rem;
  background-color: #f8f8f8;
}
ion-content .ios-second .wrap .privacy .privacy-content .privacy-svg[data-v-fe4f6feb] {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
ion-content .ios-second .wrap .privacy .privacy-content .privacy-svg svg[data-v-fe4f6feb] {
  fill: #0070c9;
}
ion-content .ios-second .wrap .privacy .privacy-content .privacy-type__heading[data-v-fe4f6feb] {
  margin-top: 0.5625rem;
  margin-bottom: 0.375rem;
  color: #111;
  text-align: center;
  font-size: 0.9375rem;
  line-height: 1.33338;
  font-weight: 600;
  letter-spacing: -0.24px;
  font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
ion-content .ios-second .wrap .privacy .privacy-content .privacy-type__description[data-v-fe4f6feb] {
  margin-top: 0px;
  color: #666;
  text-align: center;
  font-size: 0.8125rem;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -0.065px;
  font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
ion-content .ios-second .wrap .app-privacy__learn-more[data-v-fe4f6feb] {
  font-size: 0.8125rem;
  margin-top: 1.25rem;
  letter-spacing: -0.065px;
  line-height: 1.125rem;
}
ion-content .ios-second .section--information[data-v-fe4f6feb] {
  font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
ion-content .ios-second .section--information .section__headline[data-v-fe4f6feb] {
  margin-top: 0;
  margin-bottom: 17px;
  flex-shrink: 1;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.024em;
  font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
ion-content .ios-second .section--information .information-list--app .information-list__item[data-v-fe4f6feb] {
  padding-bottom: 1.0625rem;
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
ion-content .ios-second .section--information .information-list--app .information-list__item .information-list__item__term[data-v-fe4f6feb] {
  line-height: 1.125rem;
  display: block;
  vertical-align: top;
  color: #636366;
  text-align: left;
}
ion-content .ios-second .section--information .information-list--app .information-list__item .information-list__item__definition__item__term[data-v-fe4f6feb] {
  color: #000;
  font-size: 0.8125rem;
  line-height: 1.38;
  font-weight: 600;
  letter-spacing: -0.065px;
  font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
ion-content .ios-second .section--information .information-list--app .information-list__item .information-list__item__definition__item[data-v-fe4f6feb]:not(:first-of-type) {
  padding-top: 16px;
}
ion-content .ios-second .section--link-list[data-v-fe4f6feb] {
  padding-top: 0;
  padding-bottom: 1.1875rem;
  font-size: 1.125rem;
}
ion-content .ios-second .section--link-list .link-list--a .link-list__item[data-v-fe4f6feb] {
  margin-bottom: 0;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid #d6d6d6;
}
ion-content .ios-second .section--link-list .link-list--a .link-list__item a.link[data-v-fe4f6feb] {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  width: 100%;
  display: block;
  color: #0070c9;
}
ion-content .ios-second .we-global-footer[data-v-fe4f6feb] {
  --pageBG: white;
  --systemPrimary: rgba(0, 0, 0, 0.72);
  --systemSecondary: #86868b;
  background-color: #f5f5f7;
  padding-top: 1.5625rem;
  padding-bottom: 1.25rem;
}
ion-content .ios-second .we-global-footer .we-global-footer__legal-copyright[data-v-fe4f6feb] {
  font-size: 0.8125rem;
  margin-top: 0.125rem;
  color: #86868b;
}
ion-content .ios-second .we-global-footer .we-global-footer__legal-link[data-v-fe4f6feb] {
  text-decoration: none;
  display: inline-block;
  margin-top: 0.3125rem;
  font-size: 0.8125rem;
  color: var(--systemPrimary);
  border-inline-end: 1px solid rgba(0, 0, 0, 0.1);
  margin-right: 0.4375rem;
  padding-right: 0.625rem;
}
ion-content .ios-second .we-global-footer .terms a[data-v-fe4f6feb] {
  color: rgba(0, 0, 0, 0.72);
}
ion-content .ios-second .we-global-footer .terms a i[data-v-fe4f6feb] {
  font-style: normal;
  color: rgba(0, 0, 0, 0.1);
}
ion-content .ios-second .footer[data-v-fe4f6feb] {
  background-color: #f5f5f7;
  padding-bottom: 1.25rem;
}
ion-content .ios-second .footer .footer-coneter[data-v-fe4f6feb] {
  padding: 0 1.375rem;
  font-size: 0.75rem;
}
ion-content .ios-second .footer .footer-coneter .ac-gf-footer-shop[data-v-fe4f6feb] {
  font-size: 0.75rem;
  line-height: 1rem;
  margin-bottom: 0.625rem;
  color: rgba(0, 0, 0, 0.56);
}
ion-content .ios-second .footer .footer-coneter .ac-gf-footer-shop a[data-v-fe4f6feb] {
  text-decoration: underline;
}
ion-content .ios-second .footer .footer-coneter .ac-gf-footer-locale a[data-v-fe4f6feb] {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.72);
}
ion-content .ios-second .footer .footer-coneter .ac-gf-footer-legal-copyright[data-v-fe4f6feb] {
  padding-top: 0.75rem;
}
ion-content .ios-second .footer .footer-coneter .ac-gf-footer-legal-links[data-v-fe4f6feb] {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.3125rem;
}
ion-content .ios-second .footer .footer-coneter .ac-gf-footer-legal-links a[data-v-fe4f6feb] {
  color: rgba(0, 0, 0, 0.72);
}
ion-content .ios-second .footer .footer-coneter .ac-gf-footer-legal-links i[data-v-fe4f6feb] {
  margin: 0 0.375rem;
  font-style: normal;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.48);
}
.top-title[data-v-fe4f6feb] {
  position: sticky;
  top: 0;
  z-index: 100;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-backdrop-filter 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), backdrop-filter 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), backdrop-filter 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-backdrop-filter 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform, background-color, backdrop-filter;
}
.top-title.position-fixed[data-v-fe4f6feb] {
  -webkit-backdrop-filter: saturate(180%) blur(1.25rem);
          backdrop-filter: saturate(180%) blur(1.25rem);
  background-color: rgba(255, 255, 255, 0.72);
}
/**
 * 纯 LESS mixin 定义文件——仅供 vite additionalData 注入到每个组件，
 * 本文件 **不输出任何 CSS 规则**（所有类名后均带 `()`，是 Less mixin 形式）。
 *
 * 实际的全局 class 选择器由 src/common/theme.less 提供，
 * 该文件仅在 main.ts 中全局 import 一次，避免 200+ 组件 LESS 编译产物
 * 各自重复嵌入同一份全局类规则、导致 CSS 包体积膨胀十几倍。
 *
 * 维护约定：当 theme.less 新增/修改全局类时，本文件需同步更新对应 mixin。
 */
/* ===== 字体相关 mixin ===== */
/* ===== flex 布局 mixin（与 theme.less 同名类一致） ===== */
/* ===== 主题色 mixin ===== */
/* ===== 背景色 mixin ===== */
/* ===== 文本颜色 mixin ===== */
/* ===== 字重 mixin ===== */
/* ===== 圆角 mixin ===== */
/* ===== 主按钮状态 mixin ===== */
/* ===== 字号预设 mixin ===== */
/* ===== 报表相关 mixin ===== */
/* ===== 多皮肤按钮渐变 mixin ===== */
/* ===== 杂项 mixin ===== */
.ellipsis-wrap[data-v-f3391b2a] {
  width: 100%;
  font-size: 0.75rem;
  line-height: 1.125rem;
  min-height: 1.125rem;
  align-items: flex-start !important;
}
.ellipsis-wrap .ellipsis[data-v-f3391b2a] {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ellipsis-wrap p[data-v-f3391b2a] {
  width: 95%;
}
.ellipsis-wrap ion-icon[data-v-f3391b2a] {
  cursor: pointer;
  font-size: var(--font-size-12);
}