/**
 * THEME VARIABLES DEFINITION
 * CSS variables for theme switching
 * Light theme is default, dark theme is under [data-theme="dark"] selector
 */
/**
 * 主题变量定义
 * 用于主题切换的CSS变量
 * 浅色主题为默认，深色主题定义在[data-theme="dark"]选择器下
 */
:root,
[data-theme="light"] {
  /**
     * Primary Colors
     * Main brand colors for the application
     */
  /**
     * 主色系
     * 应用的主要品牌色
     */
  --primary-color: #1890ff;
  --primary-hover-color: #40a9ff;
  --primary-active-color: #096dd9;
  --secondary-color: #6c757d;
  --background-color: #ffffff;
  --text-color: #212529;
  --border-color: #dee2e6;
  --hover-color: #f8f9fa;
  /**
     * Neutral Colors
     * Grayscale palette from light to dark
     */
  /**
     * 中性色
     * 从浅到深的灰度色板
     */
  --white: #ffffff;
  --black: #000000;
  --gray-1: #f7f8fa;
  --gray-2: #f2f3f5;
  --gray-3: #e5e6eb;
  --gray-6: #86909c;
  --gray-8: #4e5969;
  --gray-10: #1d2129;
  /**
     * Functional Colors
     * Colors for specific states and alerts
     */
  /**
     * 功能色
     * 用于特定状态和警示的颜色
     */
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #f5222d;
}
[data-theme="dark"] {
  /**
     * Dark Theme Primary Colors
     * Adjusted primary colors for dark mode
     */
  /**
     * 深色主题主色系
     * 为深色模式调整的主色
     */
  --primary-color: #177ddc;
  --primary-hover-color: #3c9ae8;
  --primary-active-color: #095cb5;
  --secondary-color: #adb5bd;
  --background-color: #141414;
  --text-color: #f8f9fa;
  --border-color: #353535;
  --hover-color: #252525;
  /**
     * Dark Theme Neutral Colors
     * Inverted grayscale for dark mode
     */
  /**
     * 深色主题中性色
     * 为深色模式反转的灰度色
     */
  --white: #141414;
  --black: #ffffff;
  --gray-1: #1a1a1a;
  --gray-2: #1f1f1f;
  --gray-3: #434343;
  --gray-6: #868e96;
  --gray-8: #d9d9d9;
  --gray-10: #fafafa;
  /**
     * Dark Theme Functional Colors
     * Functional colors for dark mode
     */
  /**
     * 深色主题功能色
     * 深色模式的功能色
     */
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #f5222d;
}
/**
   * LESS VARIABLES MAPPING
   * Mapping CSS variables to LESS variables
   * for consistent usage across the project
   */
/**
   * LESS变量映射
   * 将CSS变量映射到LESS变量
   * 确保项目中使用的一致性
   */
/**
   * Primary Colors Mapping
   */
/**
   * 主色系映射
   */
/**
   * Neutral Colors Mapping
   */
/**
   * 中性色映射
   */
/**
   * Functional Colors Mapping
   */
/**
   * 功能色映射
   */
/**
   * STATIC LESS VARIABLES
   * Variables that don't change between themes
   * Including typography, spacing, borders, etc.
   */
/**
   * 静态LESS变量
   * 不随主题变化的变量
   * 包括排版、间距、边框等
   */
/**
   * Typography
   * Font families and sizes
   */
/**
   * 排版
   * 字体家族和字号
   */
/**
   * Spacing System
   * Consistent spacing scale
   */
/**
   * 间距系统
   * 一致的间距尺度
   */
/**
   * Border Radius
   * Corner rounding values
   */
/**
   * 圆角
   * 边角弧度值
   */
/**
   * Shadows
   * Elevation styles
   */
/**
   * 阴影
   * 层级样式
   */
.loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  padding: 20px;
}
.loading-container.small {
  min-height: 100px;
  padding: 10px;
}
.loading-container.small .loading-spinner {
  width: 30px;
  height: 30px;
}
.loading-container.small .loading-text {
  font-size: 12px;
}
.loading-container.medium {
  min-height: 200px;
  padding: 20px;
}
.loading-container.medium .loading-spinner {
  width: 40px;
  height: 40px;
}
.loading-container.medium .loading-text {
  font-size: 14px;
}
.loading-container.large {
  min-height: 300px;
  padding: 40px;
}
.loading-container.large .loading-spinner {
  width: 60px;
  height: 60px;
}
.loading-container.large .loading-text {
  font-size: 16px;
}
.loading-container .loading-spinner {
  margin-bottom: 16px;
}
.loading-container .loading-spinner .spinner-ring {
  position: relative;
  width: 100%;
  height: 100%;
}
.loading-container .loading-spinner .spinner-ring div {
  position: absolute;
  border: 3px solid transparent;
  border-top: 3px solid #667eea;
  border-radius: 50%;
  animation: spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.loading-container .loading-spinner .spinner-ring div:nth-child(1) {
  width: 100%;
  height: 100%;
  animation-delay: -0.45s;
}
.loading-container .loading-spinner .spinner-ring div:nth-child(2) {
  width: 80%;
  height: 80%;
  top: 10%;
  left: 10%;
  animation-delay: -0.3s;
}
.loading-container .loading-spinner .spinner-ring div:nth-child(3) {
  width: 60%;
  height: 60%;
  top: 20%;
  left: 20%;
  animation-delay: -0.15s;
}
.loading-container .loading-spinner .spinner-ring div:nth-child(4) {
  width: 40%;
  height: 40%;
  top: 30%;
  left: 30%;
  animation-delay: 0s;
}
.loading-container .loading-text {
  color: #6c757d;
  font-weight: 500;
  text-align: center;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
[data-theme="dark"] .loading-container .loading-text {
  color: #a0aec0;
}
[data-theme="dark"] .loading-container .loading-spinner .spinner-ring div {
  border-top-color: #667eea;
}
html,
body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  background-color: var(--background-color);
  color: var(--text-color);
  transition: background-color 0.3s ease, color 0.3s ease;
  overscroll-behavior: none;
  font-size: 14px;
}
.app {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
::-webkit-scrollbar {
  width: 1px;
  height: 1px;
}
::-webkit-scrollbar-track {
  background-color: var(--background-color);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
::-webkit-scrollbar-thumb {
  background-color: var(--gray-6);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}

.loading-module__container--g5B0p {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  padding: 20px;
  /*box-shadow: #cbcccc 0px 0px 10px inset;*/
  text-align: center;
  display: flex;
  justify-content: center;
}
.loading-module__loading--_vAhv {
  margin: auto;
  display: inline-flex;
  align-items: center;
  height: 50px;
}
.loading-module__loading--_vAhv span {
  display: inline-block;
  width: 3px;
  height: 20px;
  border-radius: 3px;
  margin: 0 3px;
  background-color: #1E90FF;
  animation: loading-module__loadingX--n6NX1 1s ease 0s infinite;
}
.loading-module__loading--_vAhv span:nth-child(2) {
  animation-delay: 0.2s;
}
.loading-module__loading--_vAhv span:nth-child(3) {
  animation-delay: 0.4s;
}
.loading-module__loading--_vAhv span:nth-child(4) {
  animation-delay: 0.6s;
}
.loading-module__loading--_vAhv span:nth-child(5) {
  animation-delay: 0.8s;
}
@keyframes loading-module__loadingX--n6NX1 {
  0%,
  100% {
    height: 30px;
    background-color: #1E90FF;
  }
  50% {
    height: 50px;
    background-color: #00BFFF;
  }
}

/**
 * THEME VARIABLES DEFINITION
 * CSS variables for theme switching
 * Light theme is default, dark theme is under [data-theme="dark"] selector
 */
/**
 * 主题变量定义
 * 用于主题切换的CSS变量
 * 浅色主题为默认，深色主题定义在[data-theme="dark"]选择器下
 */
:root,
[data-theme="light"] {
  /**
     * Primary Colors
     * Main brand colors for the application
     */
  /**
     * 主色系
     * 应用的主要品牌色
     */
  --primary-color: #1890ff;
  --primary-hover-color: #40a9ff;
  --primary-active-color: #096dd9;
  --secondary-color: #6c757d;
  --background-color: #ffffff;
  --text-color: #212529;
  --border-color: #dee2e6;
  --hover-color: #f8f9fa;
  /**
     * Neutral Colors
     * Grayscale palette from light to dark
     */
  /**
     * 中性色
     * 从浅到深的灰度色板
     */
  --white: #ffffff;
  --black: #000000;
  --gray-1: #f7f8fa;
  --gray-2: #f2f3f5;
  --gray-3: #e5e6eb;
  --gray-6: #86909c;
  --gray-8: #4e5969;
  --gray-10: #1d2129;
  /**
     * Functional Colors
     * Colors for specific states and alerts
     */
  /**
     * 功能色
     * 用于特定状态和警示的颜色
     */
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #f5222d;
}
[data-theme="dark"] {
  /**
     * Dark Theme Primary Colors
     * Adjusted primary colors for dark mode
     */
  /**
     * 深色主题主色系
     * 为深色模式调整的主色
     */
  --primary-color: #177ddc;
  --primary-hover-color: #3c9ae8;
  --primary-active-color: #095cb5;
  --secondary-color: #adb5bd;
  --background-color: #141414;
  --text-color: #f8f9fa;
  --border-color: #353535;
  --hover-color: #252525;
  /**
     * Dark Theme Neutral Colors
     * Inverted grayscale for dark mode
     */
  /**
     * 深色主题中性色
     * 为深色模式反转的灰度色
     */
  --white: #141414;
  --black: #ffffff;
  --gray-1: #1a1a1a;
  --gray-2: #1f1f1f;
  --gray-3: #434343;
  --gray-6: #868e96;
  --gray-8: #d9d9d9;
  --gray-10: #fafafa;
  /**
     * Dark Theme Functional Colors
     * Functional colors for dark mode
     */
  /**
     * 深色主题功能色
     * 深色模式的功能色
     */
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #f5222d;
}
/**
   * LESS VARIABLES MAPPING
   * Mapping CSS variables to LESS variables
   * for consistent usage across the project
   */
/**
   * LESS变量映射
   * 将CSS变量映射到LESS变量
   * 确保项目中使用的一致性
   */
/**
   * Primary Colors Mapping
   */
/**
   * 主色系映射
   */
/**
   * Neutral Colors Mapping
   */
/**
   * 中性色映射
   */
/**
   * Functional Colors Mapping
   */
/**
   * 功能色映射
   */
/**
   * STATIC LESS VARIABLES
   * Variables that don't change between themes
   * Including typography, spacing, borders, etc.
   */
/**
   * 静态LESS变量
   * 不随主题变化的变量
   * 包括排版、间距、边框等
   */
/**
   * Typography
   * Font families and sizes
   */
/**
   * 排版
   * 字体家族和字号
   */
/**
   * Spacing System
   * Consistent spacing scale
   */
/**
   * 间距系统
   * 一致的间距尺度
   */
/**
   * Border Radius
   * Corner rounding values
   */
/**
   * 圆角
   * 边角弧度值
   */
/**
   * Shadows
   * Elevation styles
   */
/**
   * 阴影
   * 层级样式
   */
/**
 * Toast Component Styles with Theme Support and Enhanced Visual Effects
 * Toast组件样式，支持主题切换和增强的视觉效果
 */
.Toast-module__toastWrapper--XgZDS {
  position: fixed;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  min-width: 320px;
  max-width: 500px;
  width: auto;
  /* Initial state - hidden above viewport */
  /* 初始状态 - 隐藏在视窗上方 */
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* Ensure proper stacking */
  /* 确保正确的层叠 */
  pointer-events: auto;
}
/* Slide-in animation */
/* 滑入动画 */
.Toast-module__toastWrapper--XgZDS.Toast-module__slideIn--OjB10 {
  top: 20px;
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
/* Fade-out animation */
/* 淡出动画 */
.Toast-module__toastWrapper--XgZDS.Toast-module__fadeOut--MR7zF {
  opacity: 0;
  transform: translateX(-50%) translateY(-10px);
  transition: all 0.3s ease-out;
}
/* Enhanced Alert styling */
/* 增强的Alert样式 */
.Toast-module__toastAlert--mNort {
  margin: 0;
  border: none;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(10px);
  overflow: hidden;
  /* Enhanced typography */
  /* 增强的排版 */
  font-family: var(--font-family), -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  /* Smooth transitions for theme changes */
  /* 主题变化的平滑过渡 */
  transition: all 0.3s ease;
  /* Enhanced padding for better visual balance */
  /* 增强的内边距以获得更好的视觉平衡 */
  padding: 16px 20px;
  /* Remove default Bootstrap close button positioning */
  /* 移除默认Bootstrap关闭按钮定位 */
}
.Toast-module__toastAlert--mNort .Toast-module__btn-close--GfUUe {
  position: absolute;
  top: 12px;
  right: 16px;
  padding: 4px;
  opacity: 0.7;
  transition: all 0.2s ease;
  width: 20px;
  height: 20px;
  font-size: 12px;
}
.Toast-module__toastAlert--mNort .Toast-module__btn-close--GfUUe:hover {
  opacity: 1;
  transform: scale(1.1);
}
.Toast-module__toastAlert--mNort .Toast-module__btn-close--GfUUe:active {
  transform: scale(0.95);
}
/* Toast content layout */
/* Toast内容布局 */
.Toast-module__toastContent--tr_DP {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding-right: 35px;
  /* Space for close button */
}
/* Toast icon styling with enhanced visual effects */
/* 增强视觉效果的Toast图标样式 */
.Toast-module__toastIcon--oRwkP {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(4px);
  transition: all 0.3s ease;
  /* Icon hover effect */
  /* 图标悬停效果 */
}
.Toast-module__toastIcon--oRwkP i {
  font-size: 16px;
  transition: all 0.3s ease;
  font-weight: 600;
}
.Toast-module__toastIcon--oRwkP:hover {
  transform: scale(1.05);
  background: rgba(255, 255, 255, 0.25);
}
/* Toast text content with enhanced typography */
/* 增强排版的Toast文本内容 */
.Toast-module__toastText--IYNbk {
  flex: 1;
  min-width: 0;
  /* Prevent text overflow */
}
.Toast-module__toastTitle--mQ7AC {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3;
  margin-bottom: 6px;
  color: inherit;
  letter-spacing: -0.01em;
  transition: color 0.3s ease;
}
.Toast-module__toastMessage--WiHgR {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: inherit;
  word-wrap: break-word;
  opacity: 0.9;
  transition: all 0.3s ease;
}
/* Type-specific styling with enhanced visual indicators */
/* 类型特定样式，增强视觉指示器 */
/* Base type classes for direct styling */
/* 用于直接样式的基础类型类名 */
.Toast-module__toastSuccess--fYO0S,
.Toast-module__toastDanger--eYOW1,
.Toast-module__toastWarning--p_VS2,
.Toast-module__toastInfo--EcH_B {
  /* Common styling for all types */
  /* 所有类型的通用样式 */
}
/* Success variant with consistent color scheme */
/* 成功变体，保持一致的颜色方案 */
.Toast-module__toastSuccess--fYO0S .Toast-module__toastIcon--oRwkP,
.Toast-module__toastAlert--mNort.Toast-module__alert-success--gx6I7 .Toast-module__toastIcon--oRwkP {
  background: rgba(76, 175, 80, 0.15);
  border: 1px solid rgba(76, 175, 80, 0.3);
}
.Toast-module__toastSuccess--fYO0S .Toast-module__toastIcon--oRwkP i,
.Toast-module__toastAlert--mNort.Toast-module__alert-success--gx6I7 .Toast-module__toastIcon--oRwkP i {
  color: #4caf50;
}
/* Danger variant with consistent color scheme */
/* 危险变体，保持一致的颜色方案 */
.Toast-module__toastDanger--eYOW1 .Toast-module__toastIcon--oRwkP,
.Toast-module__toastAlert--mNort.Toast-module__alert-danger--Cyosz .Toast-module__toastIcon--oRwkP {
  background: rgba(244, 67, 54, 0.15);
  border: 1px solid rgba(244, 67, 54, 0.3);
}
.Toast-module__toastDanger--eYOW1 .Toast-module__toastIcon--oRwkP i,
.Toast-module__toastAlert--mNort.Toast-module__alert-danger--Cyosz .Toast-module__toastIcon--oRwkP i {
  color: #f44336;
}
/* Warning variant with consistent color scheme */
/* 警告变体，保持一致的颜色方案 */
.Toast-module__toastWarning--p_VS2 .Toast-module__toastIcon--oRwkP,
.Toast-module__toastAlert--mNort.Toast-module__alert-warning--Rex9H .Toast-module__toastIcon--oRwkP {
  background: rgba(255, 152, 0, 0.15);
  border: 1px solid rgba(255, 152, 0, 0.3);
}
.Toast-module__toastWarning--p_VS2 .Toast-module__toastIcon--oRwkP i,
.Toast-module__toastAlert--mNort.Toast-module__alert-warning--Rex9H .Toast-module__toastIcon--oRwkP i {
  color: #ff9800;
}
/* Info variant with consistent color scheme */
/* 信息变体，保持一致的颜色方案 */
.Toast-module__toastInfo--EcH_B .Toast-module__toastIcon--oRwkP,
.Toast-module__toastAlert--mNort.Toast-module__alert-info--uZcfN .Toast-module__toastIcon--oRwkP {
  background: rgba(33, 150, 243, 0.15);
  border: 1px solid rgba(33, 150, 243, 0.3);
}
.Toast-module__toastInfo--EcH_B .Toast-module__toastIcon--oRwkP i,
.Toast-module__toastAlert--mNort.Toast-module__alert-info--uZcfN .Toast-module__toastIcon--oRwkP i {
  color: #2196f3;
}
/* Theme-specific styling with enhanced consistency */
/* 主题特定样式，增强一致性 */
/* Dark theme base styling */
/* 深色主题基础样式 */
[data-color-mode="dark"] .Toast-module__toastAlert--mNort {
  background: rgba(30, 30, 30, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #fafafa !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}
[data-color-mode="dark"] .Toast-module__toastAlert--mNort .Toast-module__toastIcon--oRwkP {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}
[data-color-mode="dark"] .Toast-module__toastAlert--mNort .Toast-module__toastMessage--WiHgR {
  color: #e2e8f0;
}
[data-color-mode="dark"] .Toast-module__toastAlert--mNort .Toast-module__btn-close--GfUUe {
  filter: invert(1) grayscale(100%) brightness(200%);
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}
[data-color-mode="dark"] .Toast-module__toastAlert--mNort .Toast-module__btn-close--GfUUe:hover {
  background: rgba(255, 255, 255, 0.2);
}
/* Light theme base styling */
/* 浅色主题基础样式 */
[data-color-mode="light"] .Toast-module__toastAlert--mNort {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #1d2129 !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}
[data-color-mode="light"] .Toast-module__toastAlert--mNort .Toast-module__toastIcon--oRwkP {
  background: rgba(0, 0, 0, 0.05) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}
[data-color-mode="light"] .Toast-module__toastAlert--mNort .Toast-module__toastMessage--WiHgR {
  color: #374151;
}
[data-color-mode="light"] .Toast-module__toastAlert--mNort .Toast-module__btn-close--GfUUe {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
[data-color-mode="light"] .Toast-module__toastAlert--mNort .Toast-module__btn-close--GfUUe:hover {
  background: rgba(0, 0, 0, 0.1);
}
/* Type-specific theme overrides with enhanced visual consistency */
/* 类型特定主题覆盖，增强视觉一致性 */
/* Success variant theme overrides */
/* 成功变体主题覆盖 */
[data-color-mode="dark"] .Toast-module__toastSuccess--fYO0S,
[data-color-mode="dark"] .Toast-module__toastAlert--mNort.Toast-module__alert-success--gx6I7 {
  background: rgba(40, 70, 40, 0.9) !important;
  border-color: rgba(129, 199, 132, 0.3) !important;
  color: #c8e6c9 !important;
}
[data-color-mode="dark"] .Toast-module__toastSuccess--fYO0S .Toast-module__toastIcon--oRwkP,
[data-color-mode="dark"] .Toast-module__toastAlert--mNort.Toast-module__alert-success--gx6I7 .Toast-module__toastIcon--oRwkP {
  background: rgba(129, 199, 132, 0.25) !important;
  border-color: rgba(129, 199, 132, 0.4) !important;
}
[data-color-mode="dark"] .Toast-module__toastSuccess--fYO0S .Toast-module__toastIcon--oRwkP i,
[data-color-mode="dark"] .Toast-module__toastAlert--mNort.Toast-module__alert-success--gx6I7 .Toast-module__toastIcon--oRwkP i {
  color: #81c784;
}
[data-color-mode="dark"] .Toast-module__toastSuccess--fYO0S .Toast-module__toastMessage--WiHgR,
[data-color-mode="dark"] .Toast-module__toastAlert--mNort.Toast-module__alert-success--gx6I7 .Toast-module__toastMessage--WiHgR {
  color: #c8e6c9;
  opacity: 0.95;
}
[data-color-mode="light"] .Toast-module__toastSuccess--fYO0S,
[data-color-mode="light"] .Toast-module__toastAlert--mNort.Toast-module__alert-success--gx6I7 {
  background: rgba(232, 245, 233, 0.95) !important;
  border-color: rgba(76, 175, 80, 0.3) !important;
  color: #2e7d32 !important;
}
[data-color-mode="light"] .Toast-module__toastSuccess--fYO0S .Toast-module__toastIcon--oRwkP,
[data-color-mode="light"] .Toast-module__toastAlert--mNort.Toast-module__alert-success--gx6I7 .Toast-module__toastIcon--oRwkP {
  background: rgba(76, 175, 80, 0.2) !important;
  border-color: rgba(76, 175, 80, 0.4) !important;
}
[data-color-mode="light"] .Toast-module__toastSuccess--fYO0S .Toast-module__toastIcon--oRwkP i,
[data-color-mode="light"] .Toast-module__toastAlert--mNort.Toast-module__alert-success--gx6I7 .Toast-module__toastIcon--oRwkP i {
  color: #4caf50;
}
[data-color-mode="light"] .Toast-module__toastSuccess--fYO0S .Toast-module__toastMessage--WiHgR,
[data-color-mode="light"] .Toast-module__toastAlert--mNort.Toast-module__alert-success--gx6I7 .Toast-module__toastMessage--WiHgR {
  color: #2e7d32;
  opacity: 0.9;
}
/* Danger variant theme overrides */
/* 危险变体主题覆盖 */
[data-color-mode="dark"] .Toast-module__toastDanger--eYOW1,
[data-color-mode="dark"] .Toast-module__toastAlert--mNort.Toast-module__alert-danger--Cyosz {
  background: rgba(70, 40, 40, 0.9) !important;
  border-color: rgba(240, 98, 146, 0.3) !important;
  color: #ffcdd2 !important;
}
[data-color-mode="dark"] .Toast-module__toastDanger--eYOW1 .Toast-module__toastIcon--oRwkP,
[data-color-mode="dark"] .Toast-module__toastAlert--mNort.Toast-module__alert-danger--Cyosz .Toast-module__toastIcon--oRwkP {
  background: rgba(240, 98, 146, 0.25) !important;
  border-color: rgba(240, 98, 146, 0.4) !important;
}
[data-color-mode="dark"] .Toast-module__toastDanger--eYOW1 .Toast-module__toastIcon--oRwkP i,
[data-color-mode="dark"] .Toast-module__toastAlert--mNort.Toast-module__alert-danger--Cyosz .Toast-module__toastIcon--oRwkP i {
  color: #f06292;
}
[data-color-mode="dark"] .Toast-module__toastDanger--eYOW1 .Toast-module__toastMessage--WiHgR,
[data-color-mode="dark"] .Toast-module__toastAlert--mNort.Toast-module__alert-danger--Cyosz .Toast-module__toastMessage--WiHgR {
  color: #ffcdd2;
  opacity: 0.95;
}
[data-color-mode="light"] .Toast-module__toastDanger--eYOW1,
[data-color-mode="light"] .Toast-module__toastAlert--mNort.Toast-module__alert-danger--Cyosz {
  background: rgba(255, 235, 238, 0.95) !important;
  border-color: rgba(244, 67, 54, 0.3) !important;
  color: #c62828 !important;
}
[data-color-mode="light"] .Toast-module__toastDanger--eYOW1 .Toast-module__toastIcon--oRwkP,
[data-color-mode="light"] .Toast-module__toastAlert--mNort.Toast-module__alert-danger--Cyosz .Toast-module__toastIcon--oRwkP {
  background: rgba(244, 67, 54, 0.2) !important;
  border-color: rgba(244, 67, 54, 0.4) !important;
}
[data-color-mode="light"] .Toast-module__toastDanger--eYOW1 .Toast-module__toastIcon--oRwkP i,
[data-color-mode="light"] .Toast-module__toastAlert--mNort.Toast-module__alert-danger--Cyosz .Toast-module__toastIcon--oRwkP i {
  color: #f44336;
}
[data-color-mode="light"] .Toast-module__toastDanger--eYOW1 .Toast-module__toastMessage--WiHgR,
[data-color-mode="light"] .Toast-module__toastAlert--mNort.Toast-module__alert-danger--Cyosz .Toast-module__toastMessage--WiHgR {
  color: #c62828;
  opacity: 0.9;
}
/* Warning variant theme overrides */
/* 警告变体主题覆盖 */
[data-color-mode="dark"] .Toast-module__toastWarning--p_VS2,
[data-color-mode="dark"] .Toast-module__toastAlert--mNort.Toast-module__alert-warning--Rex9H {
  background: rgba(70, 60, 40, 0.9) !important;
  border-color: rgba(255, 183, 77, 0.3) !important;
  color: #ffe0b2 !important;
}
[data-color-mode="dark"] .Toast-module__toastWarning--p_VS2 .Toast-module__toastIcon--oRwkP,
[data-color-mode="dark"] .Toast-module__toastAlert--mNort.Toast-module__alert-warning--Rex9H .Toast-module__toastIcon--oRwkP {
  background: rgba(255, 183, 77, 0.25) !important;
  border-color: rgba(255, 183, 77, 0.4) !important;
}
[data-color-mode="dark"] .Toast-module__toastWarning--p_VS2 .Toast-module__toastIcon--oRwkP i,
[data-color-mode="dark"] .Toast-module__toastAlert--mNort.Toast-module__alert-warning--Rex9H .Toast-module__toastIcon--oRwkP i {
  color: #ffb74d;
}
[data-color-mode="dark"] .Toast-module__toastWarning--p_VS2 .Toast-module__toastMessage--WiHgR,
[data-color-mode="dark"] .Toast-module__toastAlert--mNort.Toast-module__alert-warning--Rex9H .Toast-module__toastMessage--WiHgR {
  color: #ffe0b2;
  opacity: 0.95;
}
[data-color-mode="light"] .Toast-module__toastWarning--p_VS2,
[data-color-mode="light"] .Toast-module__toastAlert--mNort.Toast-module__alert-warning--Rex9H {
  background: rgba(255, 248, 225, 0.95) !important;
  border-color: rgba(255, 152, 0, 0.3) !important;
  color: #ef6c00 !important;
}
[data-color-mode="light"] .Toast-module__toastWarning--p_VS2 .Toast-module__toastIcon--oRwkP,
[data-color-mode="light"] .Toast-module__toastAlert--mNort.Toast-module__alert-warning--Rex9H .Toast-module__toastIcon--oRwkP {
  background: rgba(255, 152, 0, 0.2) !important;
  border-color: rgba(255, 152, 0, 0.4) !important;
}
[data-color-mode="light"] .Toast-module__toastWarning--p_VS2 .Toast-module__toastIcon--oRwkP i,
[data-color-mode="light"] .Toast-module__toastAlert--mNort.Toast-module__alert-warning--Rex9H .Toast-module__toastIcon--oRwkP i {
  color: #ff9800;
}
[data-color-mode="light"] .Toast-module__toastWarning--p_VS2 .Toast-module__toastMessage--WiHgR,
[data-color-mode="light"] .Toast-module__toastAlert--mNort.Toast-module__alert-warning--Rex9H .Toast-module__toastMessage--WiHgR {
  color: #ef6c00;
  opacity: 0.9;
}
/* Info variant theme overrides */
/* 信息变体主题覆盖 */
[data-color-mode="dark"] .Toast-module__toastInfo--EcH_B,
[data-color-mode="dark"] .Toast-module__toastAlert--mNort.Toast-module__alert-info--uZcfN {
  background: rgba(40, 60, 70, 0.9) !important;
  border-color: rgba(100, 181, 246, 0.3) !important;
  color: #bbdefb !important;
}
[data-color-mode="dark"] .Toast-module__toastInfo--EcH_B .Toast-module__toastIcon--oRwkP,
[data-color-mode="dark"] .Toast-module__toastAlert--mNort.Toast-module__alert-info--uZcfN .Toast-module__toastIcon--oRwkP {
  background: rgba(100, 181, 246, 0.25) !important;
  border-color: rgba(100, 181, 246, 0.4) !important;
}
[data-color-mode="dark"] .Toast-module__toastInfo--EcH_B .Toast-module__toastIcon--oRwkP i,
[data-color-mode="dark"] .Toast-module__toastAlert--mNort.Toast-module__alert-info--uZcfN .Toast-module__toastIcon--oRwkP i {
  color: #64b5f6;
}
[data-color-mode="dark"] .Toast-module__toastInfo--EcH_B .Toast-module__toastMessage--WiHgR,
[data-color-mode="dark"] .Toast-module__toastAlert--mNort.Toast-module__alert-info--uZcfN .Toast-module__toastMessage--WiHgR {
  color: #bbdefb;
  opacity: 0.95;
}
[data-color-mode="light"] .Toast-module__toastInfo--EcH_B,
[data-color-mode="light"] .Toast-module__toastAlert--mNort.Toast-module__alert-info--uZcfN {
  background: rgba(227, 242, 253, 0.95) !important;
  border-color: rgba(33, 150, 243, 0.3) !important;
  color: #1565c0 !important;
}
[data-color-mode="light"] .Toast-module__toastInfo--EcH_B .Toast-module__toastIcon--oRwkP,
[data-color-mode="light"] .Toast-module__toastAlert--mNort.Toast-module__alert-info--uZcfN .Toast-module__toastIcon--oRwkP {
  background: rgba(33, 150, 243, 0.2) !important;
  border-color: rgba(33, 150, 243, 0.4) !important;
}
[data-color-mode="light"] .Toast-module__toastInfo--EcH_B .Toast-module__toastIcon--oRwkP i,
[data-color-mode="light"] .Toast-module__toastAlert--mNort.Toast-module__alert-info--uZcfN .Toast-module__toastIcon--oRwkP i {
  color: #2196f3;
}
[data-color-mode="light"] .Toast-module__toastInfo--EcH_B .Toast-module__toastMessage--WiHgR,
[data-color-mode="light"] .Toast-module__toastAlert--mNort.Toast-module__alert-info--uZcfN .Toast-module__toastMessage--WiHgR {
  color: #1565c0;
  opacity: 0.9;
}
/* Enhanced interaction effects */
/* 增强的交互效果 */
.Toast-module__toastAlert--mNort {
  /* Pulse effect on hover for better interactivity */
  /* 悬停时的脉冲效果，提高交互性 */
}
.Toast-module__toastAlert--mNort:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease;
}
.Toast-module__toastAlert--mNort:hover .Toast-module__toastIcon--oRwkP {
  transform: scale(1.05);
}
/* Animation classes for Toast components */
/* Toast组件的动画类名 */
.Toast-module__toastAlert--mNort.Toast-module__slideIn--OjB10,
.Toast-module__toastWrapper--XgZDS.Toast-module__slideIn--OjB10 .Toast-module__toastAlert--mNort {
  animation: Toast-module__slideInWithScale--g8KkB 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
/* Enhanced keyframe animations */
/* 增强的关键帧动画 */
@keyframes Toast-module__slideInWithScale--g8KkB {
  0% {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }
  50% {
    opacity: 0.8;
    transform: translateY(-5px) scale(1.02);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
/* Icon pulse animation for attention */
/* 图标脉冲动画以吸引注意力 */
@keyframes Toast-module__iconPulse--DBRjL {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
/* Subtle icon animation on toast appearance */
/* toast出现时的微妙图标动画 */
.Toast-module__toastAlert--mNort.Toast-module__slideIn--OjB10 .Toast-module__toastIcon--oRwkP,
.Toast-module__toastWrapper--XgZDS.Toast-module__slideIn--OjB10 .Toast-module__toastAlert--mNort .Toast-module__toastIcon--oRwkP {
  animation: Toast-module__iconPulse--DBRjL 0.6s ease-in-out 0.2s;
}
/* Enhanced responsive design with better mobile experience */
/* 增强响应式设计，改善移动端体验 */
@media (max-width: 768px) {
  .Toast-module__toastWrapper--XgZDS {
    left: 10px;
    right: 10px;
    transform: none;
    min-width: auto;
    max-width: none;
    width: calc(100vw - 20px);
  }
  .Toast-module__toastWrapper--XgZDS.Toast-module__slideIn--OjB10 {
    transform: translateY(0);
  }
  .Toast-module__toastWrapper--XgZDS.Toast-module__fadeOut--MR7zF {
    transform: translateY(-10px);
  }
  .Toast-module__toastAlert--mNort {
    border-radius: 10px;
    padding: 14px 18px;
    /* Reduced hover effects on mobile */
    /* 移动端减少悬停效果 */
  }
  .Toast-module__toastAlert--mNort:hover {
    transform: none;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  }
  .Toast-module__toastContent--tr_DP {
    gap: 12px;
    padding-right: 30px;
  }
  .Toast-module__toastIcon--oRwkP {
    width: 24px;
    height: 24px;
  }
  .Toast-module__toastIcon--oRwkP i {
    font-size: 14px;
  }
  .Toast-module__toastTitle--mQ7AC {
    font-size: 14px;
    margin-bottom: 4px;
  }
  .Toast-module__toastMessage--WiHgR {
    font-size: 13px;
  }
  .Toast-module__btn-close--GfUUe {
    width: 18px;
    height: 18px;
    font-size: 10px;
    top: 10px;
    right: 14px;
  }
}
/* High contrast and accessibility improvements */
/* 高对比度和无障碍改进 */
@media (prefers-contrast: high) {
  .Toast-module__toastAlert--mNort {
    border-width: 2px !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
  .Toast-module__toastIcon--oRwkP {
    border-width: 2px !important;
    background: transparent !important;
  }
  .Toast-module__toastIcon--oRwkP i {
    font-weight: 900;
  }
  .Toast-module__toastTitle--mQ7AC {
    font-weight: 800;
  }
}
/* Reduced motion support for accessibility */
/* 为无障碍减少动画支持 */
@media (prefers-reduced-motion: reduce) {
  .Toast-module__toastAlert--mNort,
  .Toast-module__toastIcon--oRwkP,
  .Toast-module__btn-close--GfUUe {
    transition: none !important;
    animation: none !important;
  }
  .Toast-module__toastAlert--mNort:hover {
    transform: none !important;
  }
  .Toast-module__toastIcon--oRwkP:hover {
    transform: none !important;
  }
}

/**
 * Toast Container Styles
 * Container for managing multiple toast notifications
 */
/**
 * Toast容器样式
 * 管理多个toast通知的容器
 */
.ToastContainer-module__toastContainer--nKhpk {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  pointer-events: none;
  /* Ensure container doesn't interfere with other content */
  /* 确保容器不干扰其他内容 */
  height: 0;
  overflow: visible;
}

/**
 * THEME VARIABLES DEFINITION
 * CSS variables for theme switching
 * Light theme is default, dark theme is under [data-theme="dark"] selector
 */
/**
 * 主题变量定义
 * 用于主题切换的CSS变量
 * 浅色主题为默认，深色主题定义在[data-theme="dark"]选择器下
 */
:root,
[data-theme="light"] {
  /**
     * Primary Colors
     * Main brand colors for the application
     */
  /**
     * 主色系
     * 应用的主要品牌色
     */
  --primary-color: #1890ff;
  --primary-hover-color: #40a9ff;
  --primary-active-color: #096dd9;
  --secondary-color: #6c757d;
  --background-color: #ffffff;
  --text-color: #212529;
  --border-color: #dee2e6;
  --hover-color: #f8f9fa;
  /**
     * Neutral Colors
     * Grayscale palette from light to dark
     */
  /**
     * 中性色
     * 从浅到深的灰度色板
     */
  --white: #ffffff;
  --black: #000000;
  --gray-1: #f7f8fa;
  --gray-2: #f2f3f5;
  --gray-3: #e5e6eb;
  --gray-6: #86909c;
  --gray-8: #4e5969;
  --gray-10: #1d2129;
  /**
     * Functional Colors
     * Colors for specific states and alerts
     */
  /**
     * 功能色
     * 用于特定状态和警示的颜色
     */
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #f5222d;
}
[data-theme="dark"] {
  /**
     * Dark Theme Primary Colors
     * Adjusted primary colors for dark mode
     */
  /**
     * 深色主题主色系
     * 为深色模式调整的主色
     */
  --primary-color: #177ddc;
  --primary-hover-color: #3c9ae8;
  --primary-active-color: #095cb5;
  --secondary-color: #adb5bd;
  --background-color: #141414;
  --text-color: #f8f9fa;
  --border-color: #353535;
  --hover-color: #252525;
  /**
     * Dark Theme Neutral Colors
     * Inverted grayscale for dark mode
     */
  /**
     * 深色主题中性色
     * 为深色模式反转的灰度色
     */
  --white: #141414;
  --black: #ffffff;
  --gray-1: #1a1a1a;
  --gray-2: #1f1f1f;
  --gray-3: #434343;
  --gray-6: #868e96;
  --gray-8: #d9d9d9;
  --gray-10: #fafafa;
  /**
     * Dark Theme Functional Colors
     * Functional colors for dark mode
     */
  /**
     * 深色主题功能色
     * 深色模式的功能色
     */
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #f5222d;
}
/**
   * LESS VARIABLES MAPPING
   * Mapping CSS variables to LESS variables
   * for consistent usage across the project
   */
/**
   * LESS变量映射
   * 将CSS变量映射到LESS变量
   * 确保项目中使用的一致性
   */
/**
   * Primary Colors Mapping
   */
/**
   * 主色系映射
   */
/**
   * Neutral Colors Mapping
   */
/**
   * 中性色映射
   */
/**
   * Functional Colors Mapping
   */
/**
   * 功能色映射
   */
/**
   * STATIC LESS VARIABLES
   * Variables that don't change between themes
   * Including typography, spacing, borders, etc.
   */
/**
   * 静态LESS变量
   * 不随主题变化的变量
   * 包括排版、间距、边框等
   */
/**
   * Typography
   * Font families and sizes
   */
/**
   * 排版
   * 字体家族和字号
   */
/**
   * Spacing System
   * Consistent spacing scale
   */
/**
   * 间距系统
   * 一致的间距尺度
   */
/**
   * Border Radius
   * Corner rounding values
   */
/**
   * 圆角
   * 边角弧度值
   */
/**
   * Shadows
   * Elevation styles
   */
/**
   * 阴影
   * 层级样式
   */
/**
 * Toast Stack Component Styles with Theme Support
 * Toast Stack组件样式，支持主题切换
 */
.ToastStack-module__toastWrapper--LedGH {
  position: fixed;
  right: -400px;
  /* Start hidden off-screen to the right */
  width: 350px;
  z-index: 9999;
  /* Initial state - hidden to the right of viewport */
  /* 初始状态 - 隐藏在视窗右侧 */
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* Ensure proper stacking */
  /* 确保正确的层叠 */
  pointer-events: auto;
}
/* Slide-in animation from right */
/* 从右侧滑入动画 */
.ToastStack-module__toastWrapper--LedGH.ToastStack-module__slideIn--ei4BC {
  right: 20px;
  opacity: 1;
  transform: translateX(0);
}
/* Fade-out animation */
/* 淡出动画 */
.ToastStack-module__toastWrapper--LedGH.ToastStack-module__fadeOut--EQ6XI {
  opacity: 0;
  transform: translateX(20px);
  transition: all 0.3s ease-out;
}
/* Enhanced Toast styling */
/* 增强的Toast样式 */
.ToastStack-module__toastStack--NYf8A {
  border: none;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(10px);
  overflow: hidden;
  /* Enhanced typography */
  /* 增强的排版 */
  font-family: var(--font-family), -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  /* Smooth transitions for theme changes */
  /* 主题变化的平滑过渡 */
  transition: all 0.3s ease;
  /* Ensure full width */
  /* 确保全宽度 */
  width: 100%;
}
/* Toast Header styling */
/* Toast头部样式 */
.ToastStack-module__toastHeader--zwzU7 {
  border-bottom: none;
  padding: 16px 20px 12px;
  background: transparent;
  /* Remove default close button styles */
  /* 移除默认关闭按钮样式 */
}
.ToastStack-module__toastHeader--zwzU7 .ToastStack-module__btn-close--DRreE {
  margin: 0;
  padding: 4px;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.ToastStack-module__toastHeader--zwzU7 .ToastStack-module__btn-close--DRreE:hover {
  opacity: 1;
}
.ToastStack-module__toastHeaderContent--igcMc {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}
/* Toast icon styling */
/* Toast图标样式 */
.ToastStack-module__toastIcon--VJxiO {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ToastStack-module__toastIcon--VJxiO i {
  font-size: 18px;
  transition: color 0.3s ease;
}
/* Toast title styling */
/* Toast标题样式 */
.ToastStack-module__toastTitle--R6uuj {
  flex: 1;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.4;
  color: inherit;
  margin: 0;
}
/* Toast Body styling */
/* Toast主体样式 */
.ToastStack-module__toastBody--v37tM {
  padding: 0 20px 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: inherit;
  word-wrap: break-word;
}
/* Type-specific styling */
/* 类型特定样式 */
/* Success variant */
/* 成功变体 */
.ToastStack-module__toastSuccess--PDQMq .ToastStack-module__toastIcon--VJxiO i {
  color: #4caf50;
}
.ToastStack-module__toastDanger--HgjYv .ToastStack-module__toastIcon--VJxiO i {
  color: #f44336;
}
.ToastStack-module__toastWarning--dniQa .ToastStack-module__toastIcon--VJxiO i {
  color: #ff9800;
}
.ToastStack-module__toastInfo--lz4JI .ToastStack-module__toastIcon--VJxiO i {
  color: #2196f3;
}
/* Theme-specific styling */
/* 主题特定样式 */
/* Dark theme */
/* 深色主题 */
[data-color-mode="dark"] .ToastStack-module__toastStack--NYf8A {
  background: rgba(30, 30, 30, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #fafafa !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}
[data-color-mode="dark"] .ToastStack-module__toastStack--NYf8A .ToastStack-module__toastHeader--zwzU7 {
  color: #fafafa;
}
[data-color-mode="dark"] .ToastStack-module__toastStack--NYf8A .ToastStack-module__toastHeader--zwzU7 .ToastStack-module__btn-close--DRreE {
  filter: invert(1) grayscale(100%) brightness(200%);
}
[data-color-mode="dark"] .ToastStack-module__toastStack--NYf8A .ToastStack-module__toastBody--v37tM {
  color: #e2e8f0;
}
/* Light theme */
/* 浅色主题 */
[data-color-mode="light"] .ToastStack-module__toastStack--NYf8A {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #1d2129 !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}
[data-color-mode="light"] .ToastStack-module__toastStack--NYf8A .ToastStack-module__toastHeader--zwzU7 {
  color: #1d2129;
}
[data-color-mode="light"] .ToastStack-module__toastStack--NYf8A .ToastStack-module__toastBody--v37tM {
  color: #374151;
}
/* Type-specific theme overrides */
/* 类型特定主题覆盖 */
/* Success variant theme overrides */
/* 成功变体主题覆盖 */
[data-color-mode="dark"] .ToastStack-module__toastSuccess--PDQMq {
  background: rgba(40, 70, 40, 0.9) !important;
  border-color: rgba(129, 199, 132, 0.3) !important;
}
[data-color-mode="dark"] .ToastStack-module__toastSuccess--PDQMq .ToastStack-module__toastHeader--zwzU7,
[data-color-mode="dark"] .ToastStack-module__toastSuccess--PDQMq .ToastStack-module__toastBody--v37tM {
  color: #c8e6c9;
}
[data-color-mode="dark"] .ToastStack-module__toastSuccess--PDQMq .ToastStack-module__toastIcon--VJxiO i {
  color: #81c784;
}
[data-color-mode="light"] .ToastStack-module__toastSuccess--PDQMq {
  background: rgba(232, 245, 233, 0.95) !important;
  border-color: rgba(76, 175, 80, 0.3) !important;
}
[data-color-mode="light"] .ToastStack-module__toastSuccess--PDQMq .ToastStack-module__toastHeader--zwzU7,
[data-color-mode="light"] .ToastStack-module__toastSuccess--PDQMq .ToastStack-module__toastBody--v37tM {
  color: #2e7d32;
}
[data-color-mode="light"] .ToastStack-module__toastSuccess--PDQMq .ToastStack-module__toastIcon--VJxiO i {
  color: #4caf50;
}
/* Danger variant theme overrides */
/* 危险变体主题覆盖 */
[data-color-mode="dark"] .ToastStack-module__toastDanger--HgjYv {
  background: rgba(70, 40, 40, 0.9) !important;
  border-color: rgba(240, 98, 146, 0.3) !important;
}
[data-color-mode="dark"] .ToastStack-module__toastDanger--HgjYv .ToastStack-module__toastHeader--zwzU7,
[data-color-mode="dark"] .ToastStack-module__toastDanger--HgjYv .ToastStack-module__toastBody--v37tM {
  color: #ffcdd2;
}
[data-color-mode="dark"] .ToastStack-module__toastDanger--HgjYv .ToastStack-module__toastIcon--VJxiO i {
  color: #f06292;
}
[data-color-mode="light"] .ToastStack-module__toastDanger--HgjYv {
  background: rgba(255, 235, 238, 0.95) !important;
  border-color: rgba(244, 67, 54, 0.3) !important;
}
[data-color-mode="light"] .ToastStack-module__toastDanger--HgjYv .ToastStack-module__toastHeader--zwzU7,
[data-color-mode="light"] .ToastStack-module__toastDanger--HgjYv .ToastStack-module__toastBody--v37tM {
  color: #c62828;
}
[data-color-mode="light"] .ToastStack-module__toastDanger--HgjYv .ToastStack-module__toastIcon--VJxiO i {
  color: #f44336;
}
/* Warning variant theme overrides */
/* 警告变体主题覆盖 */
[data-color-mode="dark"] .ToastStack-module__toastWarning--dniQa {
  background: rgba(70, 60, 40, 0.9) !important;
  border-color: rgba(255, 183, 77, 0.3) !important;
}
[data-color-mode="dark"] .ToastStack-module__toastWarning--dniQa .ToastStack-module__toastHeader--zwzU7,
[data-color-mode="dark"] .ToastStack-module__toastWarning--dniQa .ToastStack-module__toastBody--v37tM {
  color: #ffe0b2;
}
[data-color-mode="dark"] .ToastStack-module__toastWarning--dniQa .ToastStack-module__toastIcon--VJxiO i {
  color: #ffb74d;
}
[data-color-mode="light"] .ToastStack-module__toastWarning--dniQa {
  background: rgba(255, 248, 225, 0.95) !important;
  border-color: rgba(255, 152, 0, 0.3) !important;
}
[data-color-mode="light"] .ToastStack-module__toastWarning--dniQa .ToastStack-module__toastHeader--zwzU7,
[data-color-mode="light"] .ToastStack-module__toastWarning--dniQa .ToastStack-module__toastBody--v37tM {
  color: #ef6c00;
}
[data-color-mode="light"] .ToastStack-module__toastWarning--dniQa .ToastStack-module__toastIcon--VJxiO i {
  color: #ff9800;
}
/* Info variant theme overrides */
/* 信息变体主题覆盖 */
[data-color-mode="dark"] .ToastStack-module__toastInfo--lz4JI {
  background: rgba(40, 60, 70, 0.9) !important;
  border-color: rgba(100, 181, 246, 0.3) !important;
}
[data-color-mode="dark"] .ToastStack-module__toastInfo--lz4JI .ToastStack-module__toastHeader--zwzU7,
[data-color-mode="dark"] .ToastStack-module__toastInfo--lz4JI .ToastStack-module__toastBody--v37tM {
  color: #bbdefb;
}
[data-color-mode="dark"] .ToastStack-module__toastInfo--lz4JI .ToastStack-module__toastIcon--VJxiO i {
  color: #64b5f6;
}
[data-color-mode="light"] .ToastStack-module__toastInfo--lz4JI {
  background: rgba(227, 242, 253, 0.95) !important;
  border-color: rgba(33, 150, 243, 0.3) !important;
}
[data-color-mode="light"] .ToastStack-module__toastInfo--lz4JI .ToastStack-module__toastHeader--zwzU7,
[data-color-mode="light"] .ToastStack-module__toastInfo--lz4JI .ToastStack-module__toastBody--v37tM {
  color: #1565c0;
}
[data-color-mode="light"] .ToastStack-module__toastInfo--lz4JI .ToastStack-module__toastIcon--VJxiO i {
  color: #2196f3;
}
/* Responsive design */
/* 响应式设计 */
@media (max-width: 768px) {
  .ToastStack-module__toastWrapper--LedGH {
    width: calc(100vw - 20px);
    right: -100vw;
  }
  .ToastStack-module__toastWrapper--LedGH.ToastStack-module__slideIn--ei4BC {
    right: 10px;
  }
  .ToastStack-module__toastStack--NYf8A {
    border-radius: 8px;
  }
  .ToastStack-module__toastHeader--zwzU7 {
    padding: 12px 16px 8px;
  }
  .ToastStack-module__toastHeaderContent--igcMc {
    gap: 10px;
  }
  .ToastStack-module__toastTitle--R6uuj {
    font-size: 14px;
  }
  .ToastStack-module__toastBody--v37tM {
    padding: 0 16px 12px;
    font-size: 13px;
  }
  .ToastStack-module__toastIcon--VJxiO i {
    font-size: 16px;
  }
}
/* High contrast mode support */
/* 高对比度模式支持 */
@media (prefers-contrast: high) {
  .ToastStack-module__toastStack--NYf8A {
    border-width: 2px !important;
    box-shadow: none !important;
  }
  .ToastStack-module__toastIcon--VJxiO i {
    font-weight: 900;
  }
}
/* Animation for stack position changes */
/* 堆叠位置变化的动画 */
.ToastStack-module__toastWrapper--LedGH {
  transition: top 0.3s ease, right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s ease;
}

/**
 * Toast Stack Container Styles
 * Container for managing multiple toast stack notifications
 */
/**
 * Toast Stack容器样式
 * 管理多个toast stack通知的容器
 */
.ToastStackContainer-module__toastStackContainer--m516w {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  pointer-events: none;
  /* Ensure container doesn't interfere with other content */
  /* 确保容器不干扰其他内容 */
  height: 0;
  width: 0;
  overflow: visible;
}

/**
 * THEME VARIABLES DEFINITION
 * CSS variables for theme switching
 * Light theme is default, dark theme is under [data-theme="dark"] selector
 */
/**
 * 主题变量定义
 * 用于主题切换的CSS变量
 * 浅色主题为默认，深色主题定义在[data-theme="dark"]选择器下
 */
:root,
[data-theme="light"] {
  /**
     * Primary Colors
     * Main brand colors for the application
     */
  /**
     * 主色系
     * 应用的主要品牌色
     */
  --primary-color: #1890ff;
  --primary-hover-color: #40a9ff;
  --primary-active-color: #096dd9;
  --secondary-color: #6c757d;
  --background-color: #ffffff;
  --text-color: #212529;
  --border-color: #dee2e6;
  --hover-color: #f8f9fa;
  /**
     * Neutral Colors
     * Grayscale palette from light to dark
     */
  /**
     * 中性色
     * 从浅到深的灰度色板
     */
  --white: #ffffff;
  --black: #000000;
  --gray-1: #f7f8fa;
  --gray-2: #f2f3f5;
  --gray-3: #e5e6eb;
  --gray-6: #86909c;
  --gray-8: #4e5969;
  --gray-10: #1d2129;
  /**
     * Functional Colors
     * Colors for specific states and alerts
     */
  /**
     * 功能色
     * 用于特定状态和警示的颜色
     */
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #f5222d;
}
[data-theme="dark"] {
  /**
     * Dark Theme Primary Colors
     * Adjusted primary colors for dark mode
     */
  /**
     * 深色主题主色系
     * 为深色模式调整的主色
     */
  --primary-color: #177ddc;
  --primary-hover-color: #3c9ae8;
  --primary-active-color: #095cb5;
  --secondary-color: #adb5bd;
  --background-color: #141414;
  --text-color: #f8f9fa;
  --border-color: #353535;
  --hover-color: #252525;
  /**
     * Dark Theme Neutral Colors
     * Inverted grayscale for dark mode
     */
  /**
     * 深色主题中性色
     * 为深色模式反转的灰度色
     */
  --white: #141414;
  --black: #ffffff;
  --gray-1: #1a1a1a;
  --gray-2: #1f1f1f;
  --gray-3: #434343;
  --gray-6: #868e96;
  --gray-8: #d9d9d9;
  --gray-10: #fafafa;
  /**
     * Dark Theme Functional Colors
     * Functional colors for dark mode
     */
  /**
     * 深色主题功能色
     * 深色模式的功能色
     */
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #f5222d;
}
/**
   * LESS VARIABLES MAPPING
   * Mapping CSS variables to LESS variables
   * for consistent usage across the project
   */
/**
   * LESS变量映射
   * 将CSS变量映射到LESS变量
   * 确保项目中使用的一致性
   */
/**
   * Primary Colors Mapping
   */
/**
   * 主色系映射
   */
/**
   * Neutral Colors Mapping
   */
/**
   * 中性色映射
   */
/**
   * Functional Colors Mapping
   */
/**
   * 功能色映射
   */
/**
   * STATIC LESS VARIABLES
   * Variables that don't change between themes
   * Including typography, spacing, borders, etc.
   */
/**
   * 静态LESS变量
   * 不随主题变化的变量
   * 包括排版、间距、边框等
   */
/**
   * Typography
   * Font families and sizes
   */
/**
   * 排版
   * 字体家族和字号
   */
/**
   * Spacing System
   * Consistent spacing scale
   */
/**
   * 间距系统
   * 一致的间距尺度
   */
/**
   * Border Radius
   * Corner rounding values
   */
/**
   * 圆角
   * 边角弧度值
   */
/**
   * Shadows
   * Elevation styles
   */
/**
   * 阴影
   * 层级样式
   */
/**
 * Loading Spinner Styles with Theme Support and Elegant Animations
 * LoadingSpinner样式，支持主题切换和优雅动画
 */
.LoadingSpinner-module__spinnerContainer--yG6UI {
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  pointer-events: none;
}
/* Spinner main container */
/* 转圈主容器 */
.LoadingSpinner-module__spinner--zrUIi {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Individual spinner rings */
/* 单个转圈环 */
.LoadingSpinner-module__spinnerRing--rnOy7 {
  position: absolute;
  border-radius: 50%;
  border-style: solid;
  animation: LoadingSpinner-module__spinRotate--HD7e2 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  /* Default transparent borders */
  /* 默认透明边框 */
  border-color: transparent;
}
/* Ring animation delays for staggered effect */
/* 环动画延迟，形成错落效果 */
.LoadingSpinner-module__spinnerRing--rnOy7:nth-child(1) {
  animation-delay: -0.45s;
}
.LoadingSpinner-module__spinnerRing--rnOy7:nth-child(2) {
  animation-delay: -0.3s;
}
.LoadingSpinner-module__spinnerRing--rnOy7:nth-child(3) {
  animation-delay: -0.15s;
}
/* Size variants */
/* 尺寸变体 */
/* Small size - 24px */
/* 小尺寸 - 24px */
.LoadingSpinner-module__spinnerSmall--I6gsi .LoadingSpinner-module__spinner--zrUIi {
  width: 24px;
  height: 24px;
}
.LoadingSpinner-module__spinnerSmall--I6gsi .LoadingSpinner-module__spinnerRing--rnOy7 {
  width: 20px;
  height: 20px;
  border-width: 2px;
}
.LoadingSpinner-module__spinnerSmall--I6gsi .LoadingSpinner-module__spinnerRing--rnOy7:nth-child(1) {
  width: 24px;
  height: 24px;
}
.LoadingSpinner-module__spinnerSmall--I6gsi .LoadingSpinner-module__spinnerRing--rnOy7:nth-child(2) {
  width: 22px;
  height: 22px;
}
/* Medium size - 36px (default) */
/* 中等尺寸 - 36px (默认) */
.LoadingSpinner-module__spinnerMedium--Wrnku .LoadingSpinner-module__spinner--zrUIi {
  width: 36px;
  height: 36px;
}
.LoadingSpinner-module__spinnerMedium--Wrnku .LoadingSpinner-module__spinnerRing--rnOy7 {
  width: 30px;
  height: 30px;
  border-width: 3px;
}
.LoadingSpinner-module__spinnerMedium--Wrnku .LoadingSpinner-module__spinnerRing--rnOy7:nth-child(1) {
  width: 36px;
  height: 36px;
}
.LoadingSpinner-module__spinnerMedium--Wrnku .LoadingSpinner-module__spinnerRing--rnOy7:nth-child(2) {
  width: 33px;
  height: 33px;
}
/* Large size - 48px */
/* 大尺寸 - 48px */
.LoadingSpinner-module__spinnerLarge--kvPxS .LoadingSpinner-module__spinner--zrUIi {
  width: 48px;
  height: 48px;
}
.LoadingSpinner-module__spinnerLarge--kvPxS .LoadingSpinner-module__spinnerRing--rnOy7 {
  width: 40px;
  height: 40px;
  border-width: 4px;
}
.LoadingSpinner-module__spinnerLarge--kvPxS .LoadingSpinner-module__spinnerRing--rnOy7:nth-child(1) {
  width: 48px;
  height: 48px;
}
.LoadingSpinner-module__spinnerLarge--kvPxS .LoadingSpinner-module__spinnerRing--rnOy7:nth-child(2) {
  width: 44px;
  height: 44px;
}
/* Theme-specific styling */
/* 主题特定样式 */
/* Light theme */
/* 浅色主题 */
[data-color-mode="light"] .LoadingSpinner-module__spinnerRing--rnOy7 {
  border-top-color: #2196f3;
  border-right-color: rgba(33, 150, 243, 0.3);
  border-bottom-color: rgba(33, 150, 243, 0.1);
  border-left-color: rgba(33, 150, 243, 0.6);
}
/* Dark theme */
/* 深色主题 */
[data-color-mode="dark"] .LoadingSpinner-module__spinnerRing--rnOy7 {
  border-top-color: #64b5f6;
  border-right-color: rgba(100, 181, 246, 0.3);
  border-bottom-color: rgba(100, 181, 246, 0.1);
  border-left-color: rgba(100, 181, 246, 0.6);
}
/* Rotation animation */
/* 旋转动画 */
@keyframes LoadingSpinner-module__spinRotate--HD7e2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Reduced motion support */
/* 减少动画支持 */
@media (prefers-reduced-motion: reduce) {
  .LoadingSpinner-module__spinnerRing--rnOy7 {
    animation-duration: 2s;
  }
}
/* High contrast mode support */
/* 高对比度模式支持 */
@media (prefers-contrast: high) {
  [data-color-mode="light"] .LoadingSpinner-module__spinnerRing--rnOy7 {
    border-top-color: #1565c0;
    border-left-color: #1565c0;
    border-right-color: rgba(21, 101, 192, 0.5);
    border-bottom-color: transparent;
  }
  [data-color-mode="dark"] .LoadingSpinner-module__spinnerRing--rnOy7 {
    border-top-color: #90caf9;
    border-left-color: #90caf9;
    border-right-color: rgba(144, 202, 249, 0.5);
    border-bottom-color: transparent;
  }
}

/**
 * THEME VARIABLES DEFINITION
 * CSS variables for theme switching
 * Light theme is default, dark theme is under [data-theme="dark"] selector
 */
/**
 * 主题变量定义
 * 用于主题切换的CSS变量
 * 浅色主题为默认，深色主题定义在[data-theme="dark"]选择器下
 */
:root,
[data-theme="light"] {
  /**
     * Primary Colors
     * Main brand colors for the application
     */
  /**
     * 主色系
     * 应用的主要品牌色
     */
  --primary-color: #1890ff;
  --primary-hover-color: #40a9ff;
  --primary-active-color: #096dd9;
  --secondary-color: #6c757d;
  --background-color: #ffffff;
  --text-color: #212529;
  --border-color: #dee2e6;
  --hover-color: #f8f9fa;
  /**
     * Neutral Colors
     * Grayscale palette from light to dark
     */
  /**
     * 中性色
     * 从浅到深的灰度色板
     */
  --white: #ffffff;
  --black: #000000;
  --gray-1: #f7f8fa;
  --gray-2: #f2f3f5;
  --gray-3: #e5e6eb;
  --gray-6: #86909c;
  --gray-8: #4e5969;
  --gray-10: #1d2129;
  /**
     * Functional Colors
     * Colors for specific states and alerts
     */
  /**
     * 功能色
     * 用于特定状态和警示的颜色
     */
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #f5222d;
}
[data-theme="dark"] {
  /**
     * Dark Theme Primary Colors
     * Adjusted primary colors for dark mode
     */
  /**
     * 深色主题主色系
     * 为深色模式调整的主色
     */
  --primary-color: #177ddc;
  --primary-hover-color: #3c9ae8;
  --primary-active-color: #095cb5;
  --secondary-color: #adb5bd;
  --background-color: #141414;
  --text-color: #f8f9fa;
  --border-color: #353535;
  --hover-color: #252525;
  /**
     * Dark Theme Neutral Colors
     * Inverted grayscale for dark mode
     */
  /**
     * 深色主题中性色
     * 为深色模式反转的灰度色
     */
  --white: #141414;
  --black: #ffffff;
  --gray-1: #1a1a1a;
  --gray-2: #1f1f1f;
  --gray-3: #434343;
  --gray-6: #868e96;
  --gray-8: #d9d9d9;
  --gray-10: #fafafa;
  /**
     * Dark Theme Functional Colors
     * Functional colors for dark mode
     */
  /**
     * 深色主题功能色
     * 深色模式的功能色
     */
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #f5222d;
}
/**
   * LESS VARIABLES MAPPING
   * Mapping CSS variables to LESS variables
   * for consistent usage across the project
   */
/**
   * LESS变量映射
   * 将CSS变量映射到LESS变量
   * 确保项目中使用的一致性
   */
/**
   * Primary Colors Mapping
   */
/**
   * 主色系映射
   */
/**
   * Neutral Colors Mapping
   */
/**
   * 中性色映射
   */
/**
   * Functional Colors Mapping
   */
/**
   * 功能色映射
   */
/**
   * STATIC LESS VARIABLES
   * Variables that don't change between themes
   * Including typography, spacing, borders, etc.
   */
/**
   * 静态LESS变量
   * 不随主题变化的变量
   * 包括排版、间距、边框等
   */
/**
   * Typography
   * Font families and sizes
   */
/**
   * 排版
   * 字体家族和字号
   */
/**
   * Spacing System
   * Consistent spacing scale
   */
/**
   * 间距系统
   * 一致的间距尺度
   */
/**
   * Border Radius
   * Corner rounding values
   */
/**
   * 圆角
   * 边角弧度值
   */
/**
   * Shadows
   * Elevation styles
   */
/**
   * 阴影
   * 层级样式
   */
/**
 * Global Loading Overlay Styles with Theme Support
 * 全局Loading遮罩样式，支持主题切换
 */
/* Loading overlay - covers entire viewport */
/* Loading遮罩层 - 覆盖整个视窗 */
.GlobalLoading-module__loadingOverlay--V0Cdw {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  /* Semi-transparent backdrop */
  /* 半透明背景 */
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(2px);
  /* Smooth entrance/exit */
  /* 平滑进入/退出 */
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* Prevent interaction with background */
  /* 阻止与背景的交互 */
  user-select: none;
  pointer-events: auto;
}
/* Visible state */
/* 可见状态 */
.GlobalLoading-module__loadingOverlay--V0Cdw.GlobalLoading-module__visible--LhWZh {
  opacity: 1;
  visibility: visible;
}
/* Loading minimal mode - transparent backdrop but still blocks interaction */
/* Loading最小模式 - 透明遮罩但仍阻止交互 */
.GlobalLoading-module__loadingMinimal--L50qE {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  /* Transparent backdrop but still blocks interaction */
  /* 透明背景但仍阻止交互 */
  background: transparent;
  pointer-events: auto;
  /* Smooth entrance/exit */
  /* 平滑进入/退出 */
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* Visible state for minimal mode */
/* 最小模式的可见状态 */
.GlobalLoading-module__loadingMinimal--L50qE.GlobalLoading-module__visible--LhWZh {
  opacity: 1;
  visibility: visible;
}
/* Loading container - centers content */
/* Loading容器 - 居中内容 */
.GlobalLoading-module__loadingContainer--G53EB {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* Minimum size for touch targets */
  /* 触摸目标的最小尺寸 */
  min-width: 80px;
  min-height: 80px;
}
/* Loading content wrapper */
/* Loading内容包装器 */
.GlobalLoading-module__loadingContent--eLtFt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  /* Subtle background for better visibility */
  /* 微妙背景以提高可见性 */
  background: rgba(255, 255, 255, 0.9);
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(8px);
  /* Smooth transitions */
  /* 平滑过渡 */
  transition: all 0.3s ease;
  /* Entrance animation */
  /* 入场动画 */
  transform: scale(0.9);
  animation: GlobalLoading-module__loadingAppear--ZtHY5 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
/* Minimal mode container - ensure centering in transparent overlay */
/* 最小模式容器 - 在透明遮罩中确保居中 */
.GlobalLoading-module__loadingMinimal--L50qE .GlobalLoading-module__loadingContainer--G53EB {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* Minimal mode content - no background, just content */
/* 最小模式内容 - 无背景，仅显示内容 */
.GlobalLoading-module__loadingMinimal--L50qE .GlobalLoading-module__loadingContent--eLtFt {
  background: transparent;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  backdrop-filter: none;
  gap: 16px;
  background: unset !important;
  border: 0 !important;
  box-shadow: unset !important;
  backdrop-filter: unset !important;
}
/* Minimal mode spinner wrapper - slightly larger for better visibility */
/* 最小模式转圈包装器 - 稍大以提高可见性 */
.GlobalLoading-module__loadingMinimal--L50qE .GlobalLoading-module__spinnerWrapper--w7TIk {
  transform: scale(1.1);
}
/* Spinner wrapper */
/* 转圈包装器 */
.GlobalLoading-module__spinnerWrapper--w7TIk {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Loading text styling */
/* Loading文字样式 */
.GlobalLoading-module__loadingText--GdUqw {
  font-family: var(--font-family), -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  color: inherit;
  margin: 0;
  /* Prevent text selection */
  /* 阻止文字选择 */
  user-select: none;
  /* Smooth text transitions */
  /* 平滑文字过渡 */
  transition: color 0.3s ease;
}
/* Theme-specific styling */
/* 主题特定样式 */
/* Light theme */
/* 浅色主题 */
[data-color-mode="light"] .GlobalLoading-module__loadingOverlay--V0Cdw {
  background: rgba(255, 255, 255, 0.3);
}
[data-color-mode="light"] .GlobalLoading-module__loadingContent--eLtFt {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: #1d2129;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}
[data-color-mode="light"] .GlobalLoading-module__loadingText--GdUqw {
  color: #374151;
}
/* Dark theme */
/* 深色主题 */
[data-color-mode="dark"] .GlobalLoading-module__loadingOverlay--V0Cdw {
  background: rgba(0, 0, 0, 0.5);
}
[data-color-mode="dark"] .GlobalLoading-module__loadingContent--eLtFt {
  background: rgba(30, 30, 30, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #fafafa;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}
[data-color-mode="dark"] .GlobalLoading-module__loadingText--GdUqw {
  color: #e2e8f0;
}
/* Minimal mode text styles */
/* 最小模式文字样式 */
.GlobalLoading-module__loadingMinimal--L50qE .GlobalLoading-module__loadingText--GdUqw {
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 8px;
  /* Prevent line wrapping and set minimum width */
  /* 防止换行并设置最小宽度 */
  white-space: nowrap;
  min-width: 120px;
  max-width: 300px;
  text-align: center;
  /* Subtle background for text readability */
  /* 文字可读性的微妙背景 */
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  backdrop-filter: blur(6px);
  /* Enhanced shadow for better visibility */
  /* 增强阴影以提高可见性 */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  background: unset !important;
  border: 0 !important;
  box-shadow: unset !important;
  backdrop-filter: unset !important;
  color: var(--text-color);
}
/* Minimal mode text - light theme */
/* 最小模式文字 - 浅色主题 */
[data-color-mode="light"] .GlobalLoading-module__loadingMinimal--L50qE .GlobalLoading-module__loadingText--GdUqw {
  background: rgba(0, 0, 0, 0.85);
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
/* Minimal mode text - dark theme */
/* 最小模式文字 - 深色主题 */
[data-color-mode="dark"] .GlobalLoading-module__loadingMinimal--L50qE .GlobalLoading-module__loadingText--GdUqw {
  background: rgba(255, 255, 255, 0.92);
  color: #1a1a1a;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
}
/* Entrance animation keyframes */
/* 入场动画关键帧 */
@keyframes GlobalLoading-module__loadingAppear--ZtHY5 {
  0% {
    opacity: 0;
    transform: scale(0.9) translateY(10px);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.02) translateY(-2px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
/* Responsive design */
/* 响应式设计 */
@media (max-width: 768px) {
  .GlobalLoading-module__loadingContent--eLtFt {
    padding: 20px;
    gap: 12px;
    margin: 0 16px;
    max-width: calc(100vw - 32px);
  }
  .GlobalLoading-module__loadingText--GdUqw {
    font-size: 13px;
  }
  /* Minimal mode mobile adjustments */
  /* 最小模式移动端调整 */
  .GlobalLoading-module__loadingMinimal--L50qE .GlobalLoading-module__loadingText--GdUqw {
    font-size: 13px;
    padding: 8px 16px;
    min-width: 100px;
    max-width: calc(100vw - 40px);
  }
  .GlobalLoading-module__loadingMinimal--L50qE .GlobalLoading-module__spinnerWrapper--w7TIk {
    transform: scale(1.05);
  }
}
/* Reduced motion support */
/* 减少动画支持 */
@media (prefers-reduced-motion: reduce) {
  .GlobalLoading-module__loadingOverlay--V0Cdw,
  .GlobalLoading-module__loadingContent--eLtFt {
    transition-duration: 0.1s;
    animation-duration: 0.1s;
  }
  .GlobalLoading-module__loadingContent--eLtFt {
    animation: none;
    transform: scale(1);
  }
}
/* High contrast mode support */
/* 高对比度模式支持 */
@media (prefers-contrast: high) {
  [data-color-mode="light"] .GlobalLoading-module__loadingContent--eLtFt {
    background: #ffffff;
    border: 2px solid #000000;
    box-shadow: none;
  }
  [data-color-mode="dark"] .GlobalLoading-module__loadingContent--eLtFt {
    background: #000000;
    border: 2px solid #ffffff;
    box-shadow: none;
  }
  .GlobalLoading-module__loadingText--GdUqw {
    font-weight: 600;
  }
}

/**
 * Confirm Modal Styles
 * Supports light/dark theme switching
 */
/**
 * 确认模态弹窗样式
 * 支持明/暗主题切换
 */
.ConfirmModal-module__confirmModal--Oawgv {
  /**
	 * Base modal styles
	 * 基础模态样式
	 */
  /**
	 * Modal header styles
	 * 模态头部样式
	 */
  /**
	 * Modal title with icon
	 * 带图标的模态标题
	 */
  /**
	 * Modal body styles
	 * 模态主体样式
	 */
  /**
	 * Modal footer styles
	 * 模态底部样式
	 */
  /**
	 * Type-specific modal styles
	 * 特定类型的模态样式
	 */
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modal-dialog--tZjSp {
  transition: all 0.3s ease;
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalHeader--PKRRs {
  border-bottom: 1px solid var(--border-color);
  padding: 1.25rem 1.5rem 1rem;
  background: var(--modal-header-bg);
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalHeader--PKRRs .ConfirmModal-module__btn-close--irsy5 {
  color: var(--text-color);
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalHeader--PKRRs .ConfirmModal-module__btn-close--irsy5:hover {
  opacity: 1;
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalTitle--b8iBp {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--text-color);
  font-weight: 600;
  font-size: 1.125rem;
  margin: 0;
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalTitle--b8iBp .ConfirmModal-module__modalIcon--V2qbA {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalBody--xj0jL {
  padding: 1.5rem;
  background: var(--modal-body-bg);
  color: var(--text-color);
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalBody--xj0jL .ConfirmModal-module__modalContent--zyz9B {
  /**
			 * Input container styles
			 * 输入框容器样式
			 */
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalBody--xj0jL .ConfirmModal-module__modalContent--zyz9B .ConfirmModal-module__modalMessage--NP3qh {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--text-color-secondary);
  margin: 0 0 1rem 0;
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalBody--xj0jL .ConfirmModal-module__modalContent--zyz9B .ConfirmModal-module__modalMessage--NP3qh:last-child {
  margin-bottom: 0;
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalBody--xj0jL .ConfirmModal-module__modalContent--zyz9B .ConfirmModal-module__inputContainer--KVyN9 {
  margin-top: 1rem;
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalBody--xj0jL .ConfirmModal-module__modalContent--zyz9B .ConfirmModal-module__inputContainer--KVyN9 .ConfirmModal-module__inputGroup--Fn8SN {
  margin-bottom: 0;
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalBody--xj0jL .ConfirmModal-module__modalContent--zyz9B .ConfirmModal-module__inputContainer--KVyN9 .ConfirmModal-module__inputGroup--Fn8SN .ConfirmModal-module__inputLabel--iATXN {
  font-weight: 500;
  color: var(--text-color);
  margin-bottom: 0.5rem;
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalBody--xj0jL .ConfirmModal-module__modalContent--zyz9B .ConfirmModal-module__inputContainer--KVyN9 .ConfirmModal-module__inputGroup--Fn8SN .ConfirmModal-module__inputLabel--iATXN .ConfirmModal-module__required--P7R63 {
  color: var(--bs-danger);
  margin-left: 0.25rem;
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalBody--xj0jL .ConfirmModal-module__modalContent--zyz9B .ConfirmModal-module__inputContainer--KVyN9 .ConfirmModal-module__inputGroup--Fn8SN .ConfirmModal-module__inputField--_iNnb {
  background-color: var(--input-bg);
  border: 1px solid var(--input-border);
  color: var(--text-color);
  font-size: 0.95rem;
  padding: 0.75rem;
  border-radius: 0.375rem;
  transition: all 0.2s ease;
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalBody--xj0jL .ConfirmModal-module__modalContent--zyz9B .ConfirmModal-module__inputContainer--KVyN9 .ConfirmModal-module__inputGroup--Fn8SN .ConfirmModal-module__inputField--_iNnb:focus {
  background-color: var(--input-focus-bg);
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
  color: var(--text-color);
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalBody--xj0jL .ConfirmModal-module__modalContent--zyz9B .ConfirmModal-module__inputContainer--KVyN9 .ConfirmModal-module__inputGroup--Fn8SN .ConfirmModal-module__inputField--_iNnb::placeholder {
  color: var(--text-color-muted);
  opacity: 0.7;
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalBody--xj0jL .ConfirmModal-module__modalContent--zyz9B .ConfirmModal-module__inputContainer--KVyN9 .ConfirmModal-module__inputGroup--Fn8SN .ConfirmModal-module__inputField--_iNnb.ConfirmModal-module__is-invalid--mMODi {
  border-color: var(--bs-danger);
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-danger-rgb), 0.25);
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalBody--xj0jL .ConfirmModal-module__modalContent--zyz9B .ConfirmModal-module__inputContainer--KVyN9 .ConfirmModal-module__inputGroup--Fn8SN .ConfirmModal-module__inputError--raIYb {
  font-size: 0.875rem;
  margin-top: 0.25rem;
  color: var(--bs-danger);
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalBody--xj0jL .ConfirmModal-module__modalContent--zyz9B .ConfirmModal-module__inputContainer--KVyN9 .ConfirmModal-module__inputGroup--Fn8SN .ConfirmModal-module__inputHelp--u1EW_ {
  font-size: 0.875rem;
  margin-top: 0.25rem;
  color: var(--text-color-muted);
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalFooter--vj8rg {
  border-top: 1px solid var(--border-color);
  padding: 1rem 1.5rem 1.25rem;
  background: var(--modal-footer-bg);
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalFooter--vj8rg .ConfirmModal-module__buttonGroup--R5U4X {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
  width: 100%;
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalFooter--vj8rg .ConfirmModal-module__buttonGroup--R5U4X .ConfirmModal-module__cancelButton--BUgyM,
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalFooter--vj8rg .ConfirmModal-module__buttonGroup--R5U4X .ConfirmModal-module__confirmButton--NXA8v {
  min-width: 80px;
  padding: 0.5rem 1.25rem;
  font-weight: 500;
  border-radius: 0.375rem;
  transition: all 0.2s ease;
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalFooter--vj8rg .ConfirmModal-module__buttonGroup--R5U4X .ConfirmModal-module__cancelButton--BUgyM:focus,
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalFooter--vj8rg .ConfirmModal-module__buttonGroup--R5U4X .ConfirmModal-module__confirmButton--NXA8v:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalFooter--vj8rg .ConfirmModal-module__buttonGroup--R5U4X .ConfirmModal-module__cancelButton--BUgyM:hover {
  background-color: var(--bs-secondary-hover);
  border-color: var(--bs-secondary-hover);
}
.ConfirmModal-module__confirmModal--Oawgv.ConfirmModal-module__modal-confirm--OpZas .ConfirmModal-module__modalHeader--PKRRs {
  background: var(--modal-header-bg);
}
.ConfirmModal-module__confirmModal--Oawgv.ConfirmModal-module__modal-alert--lRcF_ .ConfirmModal-module__modalHeader--PKRRs {
  background: var(--bs-info-bg-subtle);
  border-bottom-color: var(--bs-info-border-subtle);
}
.ConfirmModal-module__confirmModal--Oawgv.ConfirmModal-module__modal-warning--YMFiX .ConfirmModal-module__modalHeader--PKRRs {
  background: var(--bs-warning-bg-subtle);
  border-bottom-color: var(--bs-warning-border-subtle);
}
.ConfirmModal-module__confirmModal--Oawgv.ConfirmModal-module__modal-error--mfISe .ConfirmModal-module__modalHeader--PKRRs {
  background: var(--bs-danger-bg-subtle);
  border-bottom-color: var(--bs-danger-border-subtle);
}
.ConfirmModal-module__confirmModal--Oawgv.ConfirmModal-module__modal-success--VDJm0 .ConfirmModal-module__modalHeader--PKRRs {
  background: var(--bs-success-bg-subtle);
  border-bottom-color: var(--bs-success-border-subtle);
}
.ConfirmModal-module__confirmModal--Oawgv.ConfirmModal-module__modal-info--d9Xq9 .ConfirmModal-module__modalHeader--PKRRs {
  background: var(--bs-info-bg-subtle);
  border-bottom-color: var(--bs-info-border-subtle);
}
/**
 * Light theme styles
 * 明亮主题样式
 */
[data-theme="light"] .ConfirmModal-module__confirmModal--Oawgv {
  --modal-header-bg: #ffffff;
  --modal-body-bg: #ffffff;
  --modal-footer-bg: #f8f9fa;
  --border-color: #dee2e6;
  --text-color: #212529;
  --text-color-secondary: #6c757d;
  --text-color-muted: #6c757d;
  --bs-secondary-hover: #5c636a;
  --input-bg: #ffffff;
  --input-focus-bg: #ffffff;
  --input-border: #ced4da;
}
[data-theme="light"] .ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modal-content--ecLiw {
  background-color: #ffffff;
}
/**
 * Dark theme styles
 * 深色主题样式
 */
[data-theme="dark"] .ConfirmModal-module__confirmModal--Oawgv {
  --modal-header-bg: #2d3748;
  --modal-body-bg: #2d3748;
  --modal-footer-bg: #1a202c;
  --border-color: #4a5568;
  --text-color: #f7fafc;
  --text-color-secondary: #a0aec0;
  --text-color-muted: #718096;
  --bs-secondary-hover: #718096;
  --input-bg: #1a202c;
  --input-focus-bg: #2d3748;
  --input-border: #4a5568;
  /**
	 * Dark theme button styles
	 * 深色主题按钮样式
	 */
}
[data-theme="dark"] .ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modal-content--ecLiw {
  background-color: #2d3748;
}
[data-theme="dark"] .ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalFooter--vj8rg .ConfirmModal-module__buttonGroup--R5U4X .ConfirmModal-module__cancelButton--BUgyM {
  background-color: #4a5568;
  border-color: #4a5568;
  color: #f7fafc;
}
[data-theme="dark"] .ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalFooter--vj8rg .ConfirmModal-module__buttonGroup--R5U4X .ConfirmModal-module__cancelButton--BUgyM:hover {
  background-color: #718096;
  border-color: #718096;
}
/**
 * Animation and transitions
 * 动画和过渡效果
 */
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modal-dialog--tZjSp.ConfirmModal-module__modal-dialog-centered--TD52y {
  transition: transform 0.3s ease-out;
}
.ConfirmModal-module__confirmModal--Oawgv.ConfirmModal-module__fade--W1zx4 .ConfirmModal-module__modal-dialog--tZjSp {
  transform: translate(0, -50px);
}
.ConfirmModal-module__confirmModal--Oawgv.ConfirmModal-module__show--CyXt8 .ConfirmModal-module__modal-dialog--tZjSp {
  transform: none;
}
/**
 * Responsive design
 * 响应式设计
 */
@media (max-width: 576px) {
  .ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalHeader--PKRRs,
  .ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalBody--xj0jL,
  .ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalFooter--vj8rg {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalFooter--vj8rg .ConfirmModal-module__buttonGroup--R5U4X {
    flex-direction: column-reverse;
    gap: 0.5rem;
  }
  .ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalFooter--vj8rg .ConfirmModal-module__buttonGroup--R5U4X .ConfirmModal-module__cancelButton--BUgyM,
  .ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalFooter--vj8rg .ConfirmModal-module__buttonGroup--R5U4X .ConfirmModal-module__confirmButton--NXA8v {
    width: 100%;
  }
}
/**
 * Focus and accessibility styles
 * 焦点和无障碍样式
 */
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalHeader--PKRRs .ConfirmModal-module__btn-close--irsy5:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
}
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalFooter--vj8rg .ConfirmModal-module__buttonGroup--R5U4X .ConfirmModal-module__cancelButton--BUgyM:focus-visible,
.ConfirmModal-module__confirmModal--Oawgv .ConfirmModal-module__modalFooter--vj8rg .ConfirmModal-module__buttonGroup--R5U4X .ConfirmModal-module__confirmButton--NXA8v:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}

/**
 * Member Modal Styles
 * 会员模态弹窗样式
 */
/* Modal Container */
/* 模态弹窗容器 */
.MemberModal-module__modalContent--xOXHO {
  max-width: 960px;
  margin: auto;
}
.MemberModal-module__modalHeader--iKlAa {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}
/* Modal Body */
/* 模态弹窗主体 */
.MemberModal-module__modalBody--UTP34 {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.MemberModal-module__modalBodyX--FnQvr {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  min-height: unset;
}
/* Loading Container */
/* 加载容器 */
.MemberModal-module__loadingContainer--nJW5M {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 300px;
  text-align: center;
}
/* Error Container */
/* 错误容器 */
.MemberModal-module__errorContainer--DXusy {
  padding: 2rem 0;
  color: var(--text-color, #495057);
}
.MemberModal-module__errorContainer--DXusy .MemberModal-module__text-center--lbIdm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}
.MemberModal-module__errorContainer--DXusy i {
  opacity: 0.7;
}
.MemberModal-module__errorContainer--DXusy h5 {
  font-weight: 600;
  margin-bottom: 1rem;
}
.MemberModal-module__errorContainer--DXusy p {
  font-size: 0.9rem;
  line-height: 1.5;
  max-width: 400px;
  margin: 0 auto 1.5rem;
}
.MemberModal-module__errorContainer--DXusy button {
  min-width: 100px;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
}
.MemberModal-module__errorContainer--DXusy button:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
/* Top Section - Billing Cycle Tabs */
/* 上部分 - 计费周期选项卡 */
.MemberModal-module__topSection--Goq3Y {
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
}
.MemberModal-module__billingTabs--zxwes {
  background: var(--bg-color, white);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04);
  display: inline-flex;
  font-size: 0.7rem;
  font-weight: bold;
  margin: 0.5rem auto 0.7rem !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: var(--bs-nav-pills-border-radius) 0.375rem;
}
/* Bottom Section - Plans Grid */
/* 下部分 - 套餐网格 */
.MemberModal-module__bottomSection--vqUCe {
  flex: 1;
  margin-bottom: 1rem;
}
/* Plan Cards */
/* 套餐卡片 */
.MemberModal-module__planCard--AgKHP {
  height: 100%;
  border: 2px solid var(--border-color, #e9ecef);
  border-radius: 16px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  background: var(--bg-color, white);
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  min-height: 440px;
}
.MemberModal-module__planCard--AgKHP::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.01) 0%, rgba(118, 75, 162, 0.01) 100%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.MemberModal-module__planCard--AgKHP:hover {
  border-color: #667eea;
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(102, 126, 234, 0.12), 0 8px 16px rgba(102, 126, 234, 0.08);
}
.MemberModal-module__planCard--AgKHP:hover::after {
  opacity: 1;
}
.MemberModal-module__planCard--AgKHP.MemberModal-module__selected--bwEmp {
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15), 0 16px 32px rgba(102, 126, 234, 0.12);
  transform: translateY(-4px);
}
.MemberModal-module__planCard--AgKHP.MemberModal-module__selected--bwEmp::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  z-index: 1;
}
.MemberModal-module__planCard--AgKHP.MemberModal-module__selected--bwEmp::after {
  opacity: 1;
}
.MemberModal-module__planCard--AgKHP.MemberModal-module__freePlan--YyUCi {
  cursor: default;
  opacity: 0.8;
}
.MemberModal-module__planCard--AgKHP.MemberModal-module__freePlan--YyUCi:hover {
  transform: none;
  border-color: var(--border-color, #e9ecef);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}
.MemberModal-module__planCard--AgKHP.MemberModal-module__freePlan--YyUCi:hover::after {
  opacity: 0;
}
/* Plan Icon */
/* 套餐图标 */
.MemberModal-module__planIcon--vwOgp {
  font-size: 1.3rem;
  margin-bottom: 1rem;
  color: #667eea;
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 2px 4px rgba(102, 126, 234, 0.2));
  display: inline-block;
  margin-right: 0.5rem;
}
.MemberModal-module__freePlan--YyUCi .MemberModal-module__planIcon--vwOgp {
  color: var(--text-color-secondary, #6c757d);
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}
/* Plan Name */
/* 套餐名称 */
.MemberModal-module__planName--ylnkx {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-color, #212529);
  margin-bottom: 0.5rem;
  position: relative;
  z-index: 2;
}
/* Plan Price */
/* 套餐价格 */
.MemberModal-module__planPrice--cF_ZW {
  margin-bottom: 1rem;
  text-align: left;
  position: relative;
  z-index: 2;
}
.MemberModal-module__planPrice--cF_ZW .MemberModal-module__price--bGlbe {
  font-size: 2rem;
  font-weight: 700;
  color: #667eea;
  line-height: 1;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 2px 4px rgba(102, 126, 234, 0.2));
}
.MemberModal-module__planPrice--cF_ZW .MemberModal-module__period--UrlvN {
  font-size: 1rem;
  color: var(--text-color-secondary, #6c757d);
  margin-left: 0.25rem;
  font-weight: 500;
}
.MemberModal-module__planPrice--cF_ZW .MemberModal-module__originalPrice--wPgN9 {
  font-size: 0.875rem;
  color: #dc3545;
  text-decoration: line-through;
  margin-top: 0.25rem;
  opacity: 0.8;
}
/* Plan Scope */
/* 套餐适用范围 */
.MemberModal-module__planScope--K5DIJ {
  color: var(--text-color-secondary, #6c757d);
  font-size: 0.875rem;
  margin-bottom: 1rem;
  text-align: left;
  position: relative;
  z-index: 2;
  font-weight: 500;
}
/* Plan Features */
/* 套餐功能 */
.MemberModal-module__planFeatures--wCHSm {
  text-align: left;
  margin-bottom: 1.5rem;
  position: relative;
  z-index: 2;
}
.MemberModal-module__feature--acBHP {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  transition: all 0.2s ease;
}
.MemberModal-module__feature--acBHP:hover {
  transform: translateX(2px);
}
.MemberModal-module__feature--acBHP i {
  margin-right: 0.5rem;
  font-size: 0.75rem;
  filter: drop-shadow(0 1px 2px rgba(40, 167, 69, 0.3));
}
.MemberModal-module__feature--acBHP span {
  color: var(--text-color-secondary, #495057);
  font-weight: 500;
}
/* Order Card */
/* 订单卡片 */
.MemberModal-module__orderCard--nIvIb {
  height: 100%;
  border: 2px solid var(--border-color, #e9ecef);
  border-radius: 16px;
  background: var(--bg-color, white);
  position: sticky;
  top: 0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06), 0 4px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
}
.MemberModal-module__orderCard--nIvIb:hover {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08), 0 6px 12px rgba(0, 0, 0, 0.06);
  transform: translateY(-2px);
}
.MemberModal-module__orderTitle--Mj3su {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-color, #212529);
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
}
.MemberModal-module__orderTitle--Mj3su i {
  color: #667eea;
  filter: drop-shadow(0 2px 4px rgba(102, 126, 234, 0.2));
}
/* Order Items */
/* 订单项目 */
.MemberModal-module__orderItem--NsquO {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0;
  transition: all 0.2s ease;
}
.MemberModal-module__orderItem--NsquO:last-of-type {
  border-bottom: none;
  margin-bottom: 1rem;
}
.MemberModal-module__orderItem--NsquO .MemberModal-module__label--KEfZS {
  font-size: 0.875rem;
  color: var(--text-color-secondary, #6c757d);
  font-weight: 500;
}
.MemberModal-module__orderItem--NsquO .MemberModal-module__value--Z3NUb {
  font-size: 0.875rem;
  color: var(--text-color, #212529);
  font-weight: 600;
}
.MemberModal-module__totalPrice--tjY9B {
  font-size: 1.125rem;
  font-weight: 700;
  color: #667eea;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 2px 4px rgba(102, 126, 234, 0.2));
}
/* Payment Section */
/* 支付部分 */
.MemberModal-module__paymentSection--orLZu {
  margin-top: 1rem;
}
.MemberModal-module__paymentSection--orLZu h6 {
  font-size: 1rem;
  font-weight: 600;
  color: #212529;
  margin-bottom: 1rem;
}
.MemberModal-module__paymentMethods--O3IM2 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.MemberModal-module__paymentMethod--ii2w9 {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border: 2px solid var(--border-color, #e9ecef);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: var(--bg-color, white);
  position: relative;
  overflow: hidden;
}
.MemberModal-module__paymentMethod--ii2w9::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.1), transparent);
  transition: left 0.5s ease;
}
.MemberModal-module__paymentMethod--ii2w9:hover {
  border-color: #667eea;
  background: var(--bg-color-secondary, rgba(102, 126, 234, 0.02));
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.1);
}
.MemberModal-module__paymentMethod--ii2w9:hover::before {
  left: 100%;
}
.MemberModal-module__paymentMethod--ii2w9.MemberModal-module__selected--bwEmp {
  border-color: #667eea;
  background: rgba(102, 126, 234, 0.08);
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
  transform: translateY(-1px);
}
.MemberModal-module__paymentMethod--ii2w9 i {
  font-size: 1.25rem;
  margin-right: 0.75rem;
  color: #667eea;
  filter: drop-shadow(0 2px 4px rgba(102, 126, 234, 0.2));
  position: relative;
  z-index: 1;
}
.MemberModal-module__paymentMethod--ii2w9 span {
  font-size: 0.875rem;
  color: var(--text-color-secondary, #495057);
  font-weight: 500;
  flex: 1;
  position: relative;
  z-index: 1;
}
/* Contact Section */
/* 联系方式部分 */
.MemberModal-module__contactSection--fEEOt {
  margin-top: 1.5rem;
}
.MemberModal-module__contactSection--fEEOt input {
  font-size: 0.75rem !important;
}
.MemberModal-module__contactSection--fEEOt .MemberModal-module__contactLabel--kXMrE {
  font-size: 1rem;
  font-weight: 600;
  color: #212529;
  margin-bottom: 1rem;
}
.MemberModal-module__paymentButton--xAyGy {
  margin-top: 1rem;
}
.MemberModal-module__paymentButton--xAyGy button {
  width: 100%;
  font-size: 0.875rem !important;
}
/* Responsive Design */
/* 响应式设计 */
@media (max-width: 1199px) {
  .MemberModal-module__memberModal--VUMs1 .modal-dialog {
    max-width: 95%;
  }
}
@media (max-width: 991px) {
  .MemberModal-module__planCard--AgKHP {
    margin-bottom: 1rem;
  }
  .MemberModal-module__orderCard--nIvIb {
    position: static;
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
  .MemberModal-module__billingTabs--zxwes {
    width: 100%;
    justify-content: center;
  }
  .MemberModal-module__planIcon--vwOgp {
    font-size: 2rem;
  }
  .MemberModal-module__planPrice--cF_ZW .MemberModal-module__price--bGlbe {
    font-size: 1.5rem;
  }
}
/* Dark Theme Support */
/* 深色主题支持 */
[data-theme="dark"] .MemberModal-module__billingTabs--zxwes {
  background: var(--bg-color, #2d3748);
  border-color: var(--border-color, #4a5568);
}
[data-theme="dark"] .MemberModal-module__planCard--AgKHP {
  background: var(--bg-color, #2d3748);
  border-color: var(--border-color, #4a5568);
  color: var(--text-color, #e9ecef);
}
[data-theme="dark"] .MemberModal-module__planCard--AgKHP:hover {
  border-color: #667eea;
  box-shadow: 0 20px 40px rgba(102, 126, 234, 0.2), 0 8px 16px rgba(102, 126, 234, 0.15);
}
[data-theme="dark"] .MemberModal-module__planCard--AgKHP.MemberModal-module__selected--bwEmp {
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.25), 0 16px 32px rgba(102, 126, 234, 0.2);
}
[data-theme="dark"] .MemberModal-module__orderCard--nIvIb {
  background: var(--bg-color, #2d3748);
  border-color: var(--border-color, #4a5568);
  color: var(--text-color, #e9ecef);
}
[data-theme="dark"] .MemberModal-module__orderCard--nIvIb:hover {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3), 0 6px 12px rgba(0, 0, 0, 0.2);
}
[data-theme="dark"] .MemberModal-module__paymentMethod--ii2w9 {
  background: var(--bg-color, #2d3748);
  border-color: var(--border-color, #4a5568);
  color: var(--text-color, #e9ecef);
}
[data-theme="dark"] .MemberModal-module__paymentMethod--ii2w9:hover {
  background: var(--bg-color-secondary, rgba(102, 126, 234, 0.1));
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);
}
[data-theme="dark"] .MemberModal-module__paymentMethod--ii2w9.MemberModal-module__selected--bwEmp {
  background: rgba(102, 126, 234, 0.15);
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
}
[data-theme="dark"] .MemberModal-module__orderItem--NsquO {
  border-bottom-color: var(--border-color, rgba(255, 255, 255, 0.1));
}
[data-theme="dark"] .MemberModal-module__orderItem--NsquO:hover {
  background: var(--bg-color-secondary, rgba(255, 255, 255, 0.05));
}
/* Payment Success State Styles */
/* 支付成功状态样式 */
.MemberModal-module__paymentSuccessContent--b8UNg {
  text-align: center;
  padding: 2rem 1rem;
}
.MemberModal-module__paymentSuccessContent--b8UNg .MemberModal-module__successIcon--tVJAg {
  margin-bottom: 1.5rem;
}
.MemberModal-module__paymentSuccessContent--b8UNg .MemberModal-module__successIcon--tVJAg i {
  font-size: 4rem;
  color: #28a745;
  animation: MemberModal-module__successPulse--gXdGv 2s ease-in-out infinite;
}
.MemberModal-module__paymentSuccessContent--b8UNg .MemberModal-module__successTitle--k1a7c {
  font-size: 1.5rem;
  font-weight: 600;
  color: #28a745;
  margin-bottom: 1rem;
}
.MemberModal-module__paymentSuccessContent--b8UNg .MemberModal-module__successMessage--nr_p2 {
  font-size: 1rem;
  color: #6c757d;
  margin-bottom: 2rem;
  line-height: 1.5;
}
.MemberModal-module__paymentSuccessContent--b8UNg .MemberModal-module__orderSummary--jYlS5 {
  background: #f8f9fa;
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 2rem;
  text-align: left;
}
.MemberModal-module__paymentSuccessContent--b8UNg .MemberModal-module__orderSummary--jYlS5 .MemberModal-module__orderItem--NsquO {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid #e9ecef;
}
.MemberModal-module__paymentSuccessContent--b8UNg .MemberModal-module__orderSummary--jYlS5 .MemberModal-module__orderItem--NsquO:last-child {
  border-bottom: none;
}
.MemberModal-module__paymentSuccessContent--b8UNg .MemberModal-module__orderSummary--jYlS5 .MemberModal-module__orderItem--NsquO .MemberModal-module__label--KEfZS {
  font-weight: 600;
  color: #495057;
  font-size: 0.9rem;
}
.MemberModal-module__paymentSuccessContent--b8UNg .MemberModal-module__orderSummary--jYlS5 .MemberModal-module__orderItem--NsquO .MemberModal-module__value--Z3NUb {
  color: #212529;
  font-weight: 500;
  font-size: 0.9rem;
}
.MemberModal-module__modalFooter--FuIKo {
  border-top: 1px solid #e9ecef;
  padding: 1rem 1.5rem;
  background: #f8f9fa;
}
.MemberModal-module__modalFooter--FuIKo button {
  min-width: 100px;
  font-weight: 500;
}
/* Success Animation */
@keyframes MemberModal-module__successPulse--gXdGv {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/* Dark Theme Support for Payment Success */
[data-theme="dark"] .MemberModal-module__paymentSuccessContent--b8UNg .MemberModal-module__successTitle--k1a7c {
  color: #4ade80;
}
[data-theme="dark"] .MemberModal-module__paymentSuccessContent--b8UNg .MemberModal-module__successMessage--nr_p2 {
  color: #9ca3af;
}
[data-theme="dark"] .MemberModal-module__paymentSuccessContent--b8UNg .MemberModal-module__orderSummary--jYlS5 {
  background: var(--bg-color-secondary, #374151);
  border: 1px solid var(--border-color, #4a5568);
}
[data-theme="dark"] .MemberModal-module__paymentSuccessContent--b8UNg .MemberModal-module__orderSummary--jYlS5 .MemberModal-module__orderItem--NsquO {
  border-bottom-color: var(--border-color, rgba(255, 255, 255, 0.1));
}
[data-theme="dark"] .MemberModal-module__paymentSuccessContent--b8UNg .MemberModal-module__orderSummary--jYlS5 .MemberModal-module__orderItem--NsquO .MemberModal-module__label--KEfZS {
  color: #d1d5db;
}
[data-theme="dark"] .MemberModal-module__paymentSuccessContent--b8UNg .MemberModal-module__orderSummary--jYlS5 .MemberModal-module__orderItem--NsquO .MemberModal-module__value--Z3NUb {
  color: #f3f4f6;
}
[data-theme="dark"] .MemberModal-module__modalFooter--FuIKo {
  background: var(--bg-color, #1a1d23);
  border-top-color: var(--border-color, #4a5568);
}

/* Verification Method Select Styles */
/* 验证方式选择样式 */
.VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__selectHeader--tUa_E {
  text-align: center;
  margin-bottom: 2rem;
}
.VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__selectHeader--tUa_E h5 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.5rem;
}
.VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__selectHeader--tUa_E .VerificationMethodSelect-module__selectDesc--jy4LA {
  font-size: 0.9rem;
  color: #6c757d;
  margin: 0;
}
.VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO {
  border: none;
  gap: 0.75rem;
  display: flex;
  flex-direction: column;
}
.VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn {
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: all 0.2s ease;
  cursor: pointer;
  background-color: #fff;
}
.VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn.VerificationMethodSelect-module__enabled--eWeNb:hover {
  border-color: #007bff;
  background-color: #f8f9ff;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}
.VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn.VerificationMethodSelect-module__disabled--wli2N {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #f8f9fa;
}
.VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn.VerificationMethodSelect-module__disabled--wli2N:hover {
  background-color: #f8f9fa;
}
.VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn .VerificationMethodSelect-module__methodIcon--d0qtL {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #e9ecef;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn .VerificationMethodSelect-module__methodIcon--d0qtL i {
  font-size: 1.2rem;
  color: #6c757d;
}
.VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn .VerificationMethodSelect-module__methodInfo--BOg9o {
  flex: 1;
}
.VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn .VerificationMethodSelect-module__methodInfo--BOg9o .VerificationMethodSelect-module__methodName--h1jrN {
  font-size: 1rem;
  font-weight: 500;
  color: #2c3e50;
  margin-bottom: 0.25rem;
}
.VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn .VerificationMethodSelect-module__methodInfo--BOg9o .VerificationMethodSelect-module__methodDesc--oHF2c {
  font-size: 0.875rem;
  color: #6c757d;
  margin: 0;
}
.VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn .VerificationMethodSelect-module__methodArrow--Ltx2Z {
  flex-shrink: 0;
}
.VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn .VerificationMethodSelect-module__methodArrow--Ltx2Z i {
  color: #6c757d;
  font-size: 0.875rem;
}
.VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn .VerificationMethodSelect-module__methodArrow--Ltx2Z .VerificationMethodSelect-module__comingSoon--uy1Tr {
  font-size: 0.75rem;
  color: #ffc107;
  background-color: #fff8e1;
  padding: 0.25rem 0.5rem;
  border-radius: 12px;
  border: 1px solid #ffc107;
}
.VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn.VerificationMethodSelect-module__enabled--eWeNb .VerificationMethodSelect-module__methodIcon--d0qtL {
  background-color: #e3f2fd;
}
.VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn.VerificationMethodSelect-module__enabled--eWeNb .VerificationMethodSelect-module__methodIcon--d0qtL i {
  color: #007bff;
}
.VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__selectFooter--Abb2X {
  margin-top: 2rem;
  text-align: center;
}
.VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__selectFooter--Abb2X .VerificationMethodSelect-module__securityTip--TOasE {
  font-size: 0.8rem;
  color: #6c757d;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__selectFooter--Abb2X .VerificationMethodSelect-module__securityTip--TOasE i {
  color: #28a745;
}
/* Dark theme support */
/* 深色主题支持 */
[data-theme="dark"] .VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__selectHeader--tUa_E h5 {
  color: #ecf0f1;
}
[data-theme="dark"] .VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__selectHeader--tUa_E .VerificationMethodSelect-module__selectDesc--jy4LA {
  color: #bdc3c7;
}
[data-theme="dark"] .VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn {
  background-color: #34495e;
  border-color: #4a5f7a;
}
[data-theme="dark"] .VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn.VerificationMethodSelect-module__enabled--eWeNb:hover {
  border-color: #3498db;
  background-color: #2c3e50;
  box-shadow: 0 2px 8px rgba(52, 152, 219, 0.1);
}
[data-theme="dark"] .VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn.VerificationMethodSelect-module__disabled--wli2N {
  background-color: #2c3e50;
  opacity: 0.5;
}
[data-theme="dark"] .VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn .VerificationMethodSelect-module__methodIcon--d0qtL {
  background-color: #4a5f7a;
}
[data-theme="dark"] .VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn .VerificationMethodSelect-module__methodIcon--d0qtL i {
  color: #bdc3c7;
}
[data-theme="dark"] .VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn .VerificationMethodSelect-module__methodInfo--BOg9o .VerificationMethodSelect-module__methodName--h1jrN {
  color: #ecf0f1;
}
[data-theme="dark"] .VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn .VerificationMethodSelect-module__methodInfo--BOg9o .VerificationMethodSelect-module__methodDesc--oHF2c {
  color: #bdc3c7;
}
[data-theme="dark"] .VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn .VerificationMethodSelect-module__methodArrow--Ltx2Z i {
  color: #bdc3c7;
}
[data-theme="dark"] .VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn .VerificationMethodSelect-module__methodArrow--Ltx2Z .VerificationMethodSelect-module__comingSoon--uy1Tr {
  background-color: #34495e;
  color: #f39c12;
  border-color: #f39c12;
}
[data-theme="dark"] .VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn.VerificationMethodSelect-module__enabled--eWeNb .VerificationMethodSelect-module__methodIcon--d0qtL {
  background-color: #2980b9;
}
[data-theme="dark"] .VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__methodList--HOLKO .VerificationMethodSelect-module__methodItem--vmuLn.VerificationMethodSelect-module__enabled--eWeNb .VerificationMethodSelect-module__methodIcon--d0qtL i {
  color: #ecf0f1;
}
[data-theme="dark"] .VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__selectFooter--Abb2X .VerificationMethodSelect-module__securityTip--TOasE {
  color: #bdc3c7;
}
[data-theme="dark"] .VerificationMethodSelect-module__methodSelect--qI2iR .VerificationMethodSelect-module__selectFooter--Abb2X .VerificationMethodSelect-module__securityTip--TOasE i {
  color: #27ae60;
}

/* Captcha Panel Styles */
/* 图形验证码面板样式 */
.CaptchaPanel-module__captchaPanel--H6NxM .modal-dialog {
  max-width: 400px;
}
.CaptchaPanel-module__captchaPanel--H6NxM .modal-content {
  border-radius: 8px;
  border: none;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.CaptchaPanel-module__panelHeader--H2a5U {
  border-bottom: 1px solid #e9ecef;
  padding: 1rem 1.5rem;
  background-color: #f8f9fa;
  border-radius: 8px 8px 0 0;
}
.CaptchaPanel-module__panelHeader--H2a5U .btn-close {
  font-size: 0.875rem;
  opacity: 0.6;
}
.CaptchaPanel-module__panelHeader--H2a5U .btn-close:hover {
  opacity: 1;
}
.CaptchaPanel-module__panelTitle--i4eQB {
  font-size: 1rem;
  font-weight: 600;
  color: #2c3e50;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.CaptchaPanel-module__panelTitle--i4eQB i {
  color: #007bff;
  font-size: 0.9rem;
}
.CaptchaPanel-module__panelBody--UZViB {
  padding: 1.5rem;
}
.CaptchaPanel-module__captchaContainer--yFNEr .CaptchaPanel-module__captchaImageBox--gdgVg {
  position: relative;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.CaptchaPanel-module__captchaContainer--yFNEr .CaptchaPanel-module__captchaImageBox--gdgVg .CaptchaPanel-module__captchaImage--SqIgW {
  border: 1px solid #e9ecef;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.CaptchaPanel-module__captchaContainer--yFNEr .CaptchaPanel-module__captchaImageBox--gdgVg .CaptchaPanel-module__captchaImage--SqIgW:hover {
  border-color: #007bff;
  transform: scale(1.02);
}
.CaptchaPanel-module__captchaContainer--yFNEr .CaptchaPanel-module__captchaImageBox--gdgVg .CaptchaPanel-module__refreshButton--pY3WD {
  padding: 0.5rem;
  color: #6c757d;
  border: none;
  background: none;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.CaptchaPanel-module__captchaContainer--yFNEr .CaptchaPanel-module__captchaImageBox--gdgVg .CaptchaPanel-module__refreshButton--pY3WD:hover {
  color: #007bff;
  background-color: #f8f9fa;
}
.CaptchaPanel-module__captchaContainer--yFNEr .CaptchaPanel-module__captchaImageBox--gdgVg .CaptchaPanel-module__refreshButton--pY3WD:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.CaptchaPanel-module__captchaContainer--yFNEr .CaptchaPanel-module__captchaImageBox--gdgVg .CaptchaPanel-module__refreshButton--pY3WD i {
  font-size: 1rem;
}
.CaptchaPanel-module__captchaContainer--yFNEr .CaptchaPanel-module__inputGroup--clf14 {
  margin-bottom: 1rem;
}
.CaptchaPanel-module__captchaContainer--yFNEr .CaptchaPanel-module__inputGroup--clf14 .form-control {
  border-radius: 6px;
  border: 1px solid #e9ecef;
  padding: 0.75rem;
  font-size: 1rem;
  text-align: center;
  letter-spacing: 0.2em;
  font-weight: 500;
}
.CaptchaPanel-module__captchaContainer--yFNEr .CaptchaPanel-module__inputGroup--clf14 .form-control:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.CaptchaPanel-module__captchaContainer--yFNEr .CaptchaPanel-module__errorAlert--nRQmv {
  font-size: 0.875rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
  border-radius: 6px;
  border: 1px solid #dc3545;
  background-color: #f8d7da;
  color: #721c24;
}
.CaptchaPanel-module__panelFooter--GQfvc {
  border-top: 1px solid #e9ecef;
  padding: 1rem 1.5rem;
  background-color: #f8f9fa;
  border-radius: 0 0 8px 8px;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.CaptchaPanel-module__panelFooter--GQfvc .btn {
  border-radius: 6px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.CaptchaPanel-module__panelFooter--GQfvc .btn.btn-secondary {
  background-color: #6c757d;
  border-color: #6c757d;
}
.CaptchaPanel-module__panelFooter--GQfvc .btn.btn-secondary:hover {
  background-color: #5a6268;
  border-color: #545b62;
}
.CaptchaPanel-module__panelFooter--GQfvc .btn.btn-primary {
  background-color: #007bff;
  border-color: #007bff;
}
.CaptchaPanel-module__panelFooter--GQfvc .btn.btn-primary:hover {
  background-color: #0056b3;
  border-color: #004085;
}
.CaptchaPanel-module__panelFooter--GQfvc .btn.btn-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
/* Dark theme support */
/* 深色主题支持 */
[data-theme="dark"] .CaptchaPanel-module__captchaPanel--H6NxM .modal-content {
  background-color: #2c3e50;
  color: #ecf0f1;
}
[data-theme="dark"] .CaptchaPanel-module__panelHeader--H2a5U {
  background-color: #34495e;
  border-bottom-color: #4a5f7a;
}
[data-theme="dark"] .CaptchaPanel-module__panelTitle--i4eQB {
  color: #ecf0f1;
}
[data-theme="dark"] .CaptchaPanel-module__captchaContainer--yFNEr .CaptchaPanel-module__captchaImageBox--gdgVg .CaptchaPanel-module__captchaImage--SqIgW {
  border-color: #4a5f7a;
}
[data-theme="dark"] .CaptchaPanel-module__captchaContainer--yFNEr .CaptchaPanel-module__captchaImageBox--gdgVg .CaptchaPanel-module__captchaImage--SqIgW:hover {
  border-color: #3498db;
}
[data-theme="dark"] .CaptchaPanel-module__captchaContainer--yFNEr .CaptchaPanel-module__captchaImageBox--gdgVg .CaptchaPanel-module__refreshButton--pY3WD {
  color: #bdc3c7;
}
[data-theme="dark"] .CaptchaPanel-module__captchaContainer--yFNEr .CaptchaPanel-module__captchaImageBox--gdgVg .CaptchaPanel-module__refreshButton--pY3WD:hover {
  color: #3498db;
  background-color: #34495e;
}
[data-theme="dark"] .CaptchaPanel-module__captchaContainer--yFNEr .CaptchaPanel-module__captchaImageBox--gdgVg .CaptchaPanel-module__refreshButton--pY3WD:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
}
[data-theme="dark"] .CaptchaPanel-module__captchaContainer--yFNEr .CaptchaPanel-module__inputGroup--clf14 .form-control {
  background-color: #34495e;
  border-color: #4a5f7a;
  color: #ecf0f1;
}
[data-theme="dark"] .CaptchaPanel-module__captchaContainer--yFNEr .CaptchaPanel-module__inputGroup--clf14 .form-control:focus {
  border-color: #3498db;
  box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
}
[data-theme="dark"] .CaptchaPanel-module__captchaContainer--yFNEr .CaptchaPanel-module__inputGroup--clf14 .form-control::placeholder {
  color: #95a5a6;
}
[data-theme="dark"] .CaptchaPanel-module__captchaContainer--yFNEr .CaptchaPanel-module__errorAlert--nRQmv {
  background-color: #e74c3c;
  border-color: #c0392b;
  color: #ecf0f1;
}
[data-theme="dark"] .CaptchaPanel-module__panelFooter--GQfvc {
  background-color: #34495e;
  border-top-color: #4a5f7a;
}
[data-theme="dark"] .CaptchaPanel-module__panelFooter--GQfvc .btn.btn-secondary {
  background-color: #95a5a6;
  border-color: #95a5a6;
}
[data-theme="dark"] .CaptchaPanel-module__panelFooter--GQfvc .btn.btn-secondary:hover {
  background-color: #7f8c8d;
  border-color: #7f8c8d;
}
[data-theme="dark"] .CaptchaPanel-module__panelFooter--GQfvc .btn.btn-primary {
  background-color: #3498db;
  border-color: #3498db;
}
[data-theme="dark"] .CaptchaPanel-module__panelFooter--GQfvc .btn.btn-primary:hover {
  background-color: #2980b9;
  border-color: #2980b9;
}

/* Phone Verification Styles */
/* 手机号验证样式 */
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__backButton--OO8_B {
  margin-bottom: 1.5rem;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__backButton--OO8_B .PhoneVerification-module__backLink--CaZ4r {
  color: #6c757d;
  text-decoration: none;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  border: none;
  background: none;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__backButton--OO8_B .PhoneVerification-module__backLink--CaZ4r:hover {
  color: #007bff;
  text-decoration: none;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__backButton--OO8_B .PhoneVerification-module__backLink--CaZ4r:focus {
  box-shadow: none;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__backButton--OO8_B .PhoneVerification-module__backLink--CaZ4r i {
  font-size: 0.8rem;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__phoneStep--xQEif .PhoneVerification-module__stepHeader--WHOzH,
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__stepHeader--WHOzH {
  text-align: center;
  margin-bottom: 2rem;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__phoneStep--xQEif .PhoneVerification-module__stepHeader--WHOzH .PhoneVerification-module__stepIcon--bBzgN,
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__stepHeader--WHOzH .PhoneVerification-module__stepIcon--bBzgN {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #e3f2fd;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__phoneStep--xQEif .PhoneVerification-module__stepHeader--WHOzH .PhoneVerification-module__stepIcon--bBzgN i,
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__stepHeader--WHOzH .PhoneVerification-module__stepIcon--bBzgN i {
  font-size: 1.5rem;
  color: #007bff;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__phoneStep--xQEif .PhoneVerification-module__stepHeader--WHOzH h5,
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__stepHeader--WHOzH h5 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.5rem;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__phoneStep--xQEif .PhoneVerification-module__stepHeader--WHOzH .PhoneVerification-module__stepDesc--_syKL,
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__stepHeader--WHOzH .PhoneVerification-module__stepDesc--_syKL {
  font-size: 0.9rem;
  color: #6c757d;
  margin: 0;
  line-height: 1.5;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__phoneStep--xQEif .PhoneVerification-module__actionButtons--N9zo1,
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__actionButtons--N9zo1 {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 2rem;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__phoneStep--xQEif .PhoneVerification-module__actionButtons--N9zo1 .btn,
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__actionButtons--N9zo1 .btn {
  flex: 1;
  border-radius: 6px;
  padding: 0.75rem 1rem;
  font-weight: 500;
  transition: all 0.2s ease;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__phoneStep--xQEif .PhoneVerification-module__actionButtons--N9zo1 .btn.btn-secondary,
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__actionButtons--N9zo1 .btn.btn-secondary {
  background-color: #6c757d;
  border-color: #6c757d;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__phoneStep--xQEif .PhoneVerification-module__actionButtons--N9zo1 .btn.btn-secondary:hover,
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__actionButtons--N9zo1 .btn.btn-secondary:hover {
  background-color: #5a6268;
  border-color: #545b62;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__phoneStep--xQEif .PhoneVerification-module__actionButtons--N9zo1 .btn.btn-primary,
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__actionButtons--N9zo1 .btn.btn-primary {
  background-color: #007bff;
  border-color: #007bff;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__phoneStep--xQEif .PhoneVerification-module__actionButtons--N9zo1 .btn.btn-primary:hover,
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__actionButtons--N9zo1 .btn.btn-primary:hover {
  background-color: #0056b3;
  border-color: #004085;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__phoneStep--xQEif .PhoneVerification-module__actionButtons--N9zo1 .btn.btn-primary:disabled,
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__actionButtons--N9zo1 .btn.btn-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__phoneStep--xQEif .PhoneVerification-module__errorAlert--q_sIQ,
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__errorAlert--q_sIQ {
  font-size: 0.875rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
  border-radius: 6px;
  border: 1px solid #dc3545;
  background-color: #f8d7da;
  color: #721c24;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__phoneStep--xQEif .PhoneVerification-module__phoneDisplay--fa1TC {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__phoneStep--xQEif .PhoneVerification-module__phoneDisplay--fa1TC .PhoneVerification-module__phoneInfo--V4tUe {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__phoneStep--xQEif .PhoneVerification-module__phoneDisplay--fa1TC .PhoneVerification-module__phoneInfo--V4tUe .PhoneVerification-module__phoneLabel--ojmkO {
  font-size: 0.9rem;
  color: #6c757d;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__phoneStep--xQEif .PhoneVerification-module__phoneDisplay--fa1TC .PhoneVerification-module__phoneInfo--V4tUe .PhoneVerification-module__phoneNumber--_DnVs {
  font-size: 1.1rem;
  font-weight: 600;
  color: #2c3e50;
  letter-spacing: 0.1em;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__smsInputGroup--hW0th {
  margin-bottom: 1.5rem;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__smsInputGroup--hW0th .PhoneVerification-module__inputLabel--cNf7p {
  font-size: 0.9rem;
  font-weight: 500;
  color: #2c3e50;
  margin-bottom: 0.5rem;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__smsInputGroup--hW0th .PhoneVerification-module__smsInput--zNHI6 {
  border-radius: 6px;
  border: 1px solid #e9ecef;
  padding: 0.75rem;
  font-size: 1.1rem;
  text-align: center;
  letter-spacing: 0.2em;
  font-weight: 500;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__smsInputGroup--hW0th .PhoneVerification-module__smsInput--zNHI6:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__smsInputGroup--hW0th .PhoneVerification-module__smsHint--LbDQn {
  font-size: 0.8rem;
  color: #6c757d;
  margin-top: 0.5rem;
  text-align: center;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__resendSection--KDahx {
  text-align: center;
  margin-bottom: 1.5rem;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__resendSection--KDahx .PhoneVerification-module__resendText--ENOqa {
  font-size: 0.875rem;
  color: #6c757d;
  margin-right: 0.5rem;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__resendSection--KDahx .PhoneVerification-module__resendButton--ZiUdT {
  font-size: 0.875rem;
  padding: 0;
  border: none;
  background: none;
  color: #007bff;
  text-decoration: none;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__resendSection--KDahx .PhoneVerification-module__resendButton--ZiUdT:hover {
  text-decoration: underline;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__resendSection--KDahx .PhoneVerification-module__resendButton--ZiUdT:focus {
  box-shadow: none;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__smsStep--lnrD8 .PhoneVerification-module__resendSection--KDahx .PhoneVerification-module__resendButton--ZiUdT:disabled {
  color: #6c757d;
  cursor: not-allowed;
  text-decoration: none;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__demoTip--FavZS {
  background-color: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 6px;
  padding: 0.75rem;
  margin-top: 1.5rem;
  font-size: 0.8rem;
  color: #856404;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.PhoneVerification-module__phoneVerification--NtK7i .PhoneVerification-module__demoTip--FavZS i {
  color: #f39c12;
}

/* Security Verification Modal Styles */
/* 安全验证模态框样式 */
.SecurityVerificationModal-module__securityModal--L7bq0 .modal-dialog {
  max-width: 500px;
}
.SecurityVerificationModal-module__securityModal--L7bq0 .modal-content {
  border-radius: 12px;
  border: none;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
.SecurityVerificationModal-module__modalHeader--kSMvZ {
  border-bottom: 1px solid #e9ecef;
  padding: 1.5rem;
  background-color: #f8f9fa;
  border-radius: 12px 12px 0 0;
}
.SecurityVerificationModal-module__modalHeader--kSMvZ .btn-close {
  font-size: 0.875rem;
  opacity: 0.6;
}
.SecurityVerificationModal-module__modalHeader--kSMvZ .btn-close:hover {
  opacity: 1;
}
.SecurityVerificationModal-module__modalTitle--Q4LyK {
  font-size: 1.25rem;
  font-weight: 600;
  color: #2c3e50;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.SecurityVerificationModal-module__modalTitle--Q4LyK i {
  color: #007bff;
  font-size: 1.1rem;
}
.SecurityVerificationModal-module__modalBody--cZpfr {
  padding: 2rem;
  min-height: 300px;
}
.SecurityVerificationModal-module__description--akL1C {
  background-color: #f8f9fa;
  border-left: 4px solid #007bff;
  padding: 1rem;
  margin-bottom: 1.5rem;
  border-radius: 4px;
  font-size: 0.9rem;
  color: #6c757d;
}
.SecurityVerificationModal-module__placeholder--zEOeu {
  text-align: center;
  padding: 3rem 1rem;
  color: #6c757d;
}
.SecurityVerificationModal-module__placeholder--zEOeu i {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #007bff;
}
.SecurityVerificationModal-module__placeholder--zEOeu p {
  margin: 0;
  font-size: 0.9rem;
}
/* Dark theme support */
/* 深色主题支持 */
[data-theme="dark"] .SecurityVerificationModal-module__securityModal--L7bq0 .modal-content {
  background-color: #2c3e50;
  color: #ecf0f1;
}
[data-theme="dark"] .SecurityVerificationModal-module__modalHeader--kSMvZ {
  background-color: #34495e;
  border-bottom-color: #4a5f7a;
}
[data-theme="dark"] .SecurityVerificationModal-module__modalTitle--Q4LyK {
  color: #ecf0f1;
}
[data-theme="dark"] .SecurityVerificationModal-module__description--akL1C {
  background-color: #34495e;
  color: #bdc3c7;
}
[data-theme="dark"] .SecurityVerificationModal-module__placeholder--zEOeu {
  color: #bdc3c7;
}

/**
 * Contact Content Styles
 * 联系我们内容样式
 */
.ContactContent-module__contactContent--k9Ev1 {
  min-height: 400px;
}
/* Header Section */
/* 头部区域 */
.ContactContent-module__contactHeader--QsqEv {
  text-align: center;
  margin-bottom: 2rem;
}
.ContactContent-module__contactTitle--ZbEmd {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 1.25rem;
  font-weight: 600;
  color: #495057;
  margin-bottom: 0.75rem;
}
.ContactContent-module__contactTitle--ZbEmd i {
  font-size: 1.125rem;
  color: #667eea;
}
.ContactContent-module__contactDesc--08k9E {
  color: #6c757d;
  font-size: 0.95rem;
  margin: 0;
  line-height: 1.5;
}
/* Contact List */
/* 联系方式列表 */
.ContactContent-module__contactList--jz_i9 {
  margin-bottom: 2rem;
}
.ContactContent-module__contactCard--eQL_x {
  border: 2px solid #f8f9fa;
  border-radius: 12px;
  transition: all 0.3s ease;
  cursor: default;
}
.ContactContent-module__contactCard--eQL_x[role="button"] {
  cursor: pointer;
}
.ContactContent-module__contactCard--eQL_x[role="button"]:hover {
  border-color: #667eea;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.15);
}
.ContactContent-module__cardBody--QC7di {
  padding: 1.5rem;
  text-align: center;
}
.ContactContent-module__contactIcon--S14XX {
  width: 60px;
  height: 60px;
  margin: 0 auto 1rem;
  background: linear-gradient(135deg, #667eea, #764ba2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ContactContent-module__contactIcon--S14XX i {
  font-size: 1.5rem;
  color: white;
}
.ContactContent-module__contactMethodTitle--zuxME {
  font-size: 1.125rem;
  font-weight: 600;
  color: #495057;
  margin-bottom: 1rem;
}
/* Contact Information */
/* 联系信息 */
.ContactContent-module__contactInfo--e2cxP {
  margin-bottom: 1rem;
}
.ContactContent-module__contactValue--Ar7Pf {
  font-size: 1.25rem;
  font-weight: 700;
  color: #667eea;
  margin-bottom: 0.5rem;
}
.ContactContent-module__qrCodeContainer--zRxRc {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.ContactContent-module__qrCode--tw7wo {
  width: 80px;
  height: 80px;
  border: 2px solid #e9ecef;
  border-radius: 8px;
  background: #fff;
}
.ContactContent-module__qrCodeText--DNjtc {
  font-size: 0.9rem;
  font-weight: 600;
  color: #667eea;
}
.ContactContent-module__contactDescription--qY05_ {
  font-size: 0.85rem;
  color: #6c757d;
  margin-bottom: 1rem;
  line-height: 1.4;
}
/* Contact Action */
/* 联系操作 */
.ContactContent-module__contactAction--z_Ie7 {
  padding-top: 0.75rem;
  border-top: 1px solid #f8f9fa;
}
.ContactContent-module__actionText--wDAUA {
  font-size: 0.875rem;
  font-weight: 500;
  color: #667eea;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  transition: color 0.15s ease;
}
.ContactContent-module__contactCard--eQL_x[role="button"]:hover .ContactContent-module__actionText--wDAUA {
  color: #5a67d8;
}
/* Footer Section */
/* 底部区域 */
.ContactContent-module__contactFooter--WTv3V {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 1.5rem;
  text-align: center;
  border: 1px solid #e9ecef;
}
.ContactContent-module__workingHours--N8RJe {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #495057;
  margin-bottom: 0.75rem;
}
.ContactContent-module__workingHours--N8RJe i {
  color: #667eea;
}
.ContactContent-module__supportTip--BTJpz {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #6c757d;
}
.ContactContent-module__supportTip--BTJpz i {
  color: #e91e63;
}
/* Responsive Design */
/* 响应式设计 */
@media (max-width: 768px) {
  .ContactContent-module__contactHeader--QsqEv {
    margin-bottom: 1.5rem;
  }
  .ContactContent-module__contactTitle--ZbEmd {
    font-size: 1.125rem;
  }
  .ContactContent-module__contactCard--eQL_x {
    margin-bottom: 1rem;
  }
  .ContactContent-module__cardBody--QC7di {
    padding: 1.25rem;
  }
  .ContactContent-module__contactIcon--S14XX {
    width: 50px;
    height: 50px;
  }
  .ContactContent-module__contactIcon--S14XX i {
    font-size: 1.25rem;
  }
  .ContactContent-module__contactMethodTitle--zuxME {
    font-size: 1rem;
  }
  .ContactContent-module__contactValue--Ar7Pf {
    font-size: 1.125rem;
  }
  .ContactContent-module__qrCode--tw7wo {
    width: 70px;
    height: 70px;
  }
}
/* Dark Theme Support */
/* 深色主题支持 */
[data-theme="dark"] .ContactContent-module__contactTitle--ZbEmd {
  color: #e2e8f0;
}
[data-theme="dark"] .ContactContent-module__contactTitle--ZbEmd i {
  color: #90cdf4;
}
[data-theme="dark"] .ContactContent-module__contactDesc--08k9E {
  color: #a0aec0;
}
[data-theme="dark"] .ContactContent-module__contactCard--eQL_x {
  background-color: #4a5568;
  border-color: #2d3748;
  color: #e2e8f0;
}
[data-theme="dark"] .ContactContent-module__contactCard--eQL_x[role="button"]:hover {
  border-color: #90cdf4;
  box-shadow: 0 8px 25px rgba(144, 205, 244, 0.15);
}
[data-theme="dark"] .ContactContent-module__contactMethodTitle--zuxME {
  color: #e2e8f0;
}
[data-theme="dark"] .ContactContent-module__contactValue--Ar7Pf {
  color: #90cdf4;
}
[data-theme="dark"] .ContactContent-module__qrCodeText--DNjtc {
  color: #90cdf4;
}
[data-theme="dark"] .ContactContent-module__contactDescription--qY05_ {
  color: #a0aec0;
}
[data-theme="dark"] .ContactContent-module__contactAction--z_Ie7 {
  border-top-color: #2d3748;
}
[data-theme="dark"] .ContactContent-module__actionText--wDAUA {
  color: #90cdf4;
}
.ContactContent-module__contactCard--eQL_x[role="button"]:hover [data-theme="dark"] .ContactContent-module__actionText--wDAUA {
  color: #63b3ed;
}
[data-theme="dark"] .ContactContent-module__contactFooter--WTv3V {
  background-color: #2d3748;
  border-color: #4a5568;
}
[data-theme="dark"] .ContactContent-module__workingHours--N8RJe {
  color: #e2e8f0;
}
[data-theme="dark"] .ContactContent-module__workingHours--N8RJe i {
  color: #90cdf4;
}
[data-theme="dark"] .ContactContent-module__supportTip--BTJpz {
  color: #a0aec0;
}
[data-theme="dark"] .ContactContent-module__supportTip--BTJpz i {
  color: #f687b3;
}
[data-theme="dark"] .ContactContent-module__qrCode--tw7wo {
  border-color: #4a5568;
  background-color: white;
}

/**
 * Contact Modal Styles
 * 联系我们模态弹窗样式
 */
.ContactModal-module__contactModal--VGtv8 .ContactModal-module__modal-dialog--wfmJ8 {
  max-width: 800px;
}
.ContactModal-module__contactModal--VGtv8 .ContactModal-module__modal-content--wx_5C {
  border: none;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}
.ContactModal-module__modalHeader--peOLN {
  background: linear-gradient(135deg, #667eea, #764ba2);
  color: white;
  border-radius: 12px 12px 0 0;
  border-bottom: none;
  padding: 1.5rem 2rem;
}
.ContactModal-module__modalHeader--peOLN .ContactModal-module__btn-close--uRvp9 {
  color: white;
  opacity: 0.8;
  filter: brightness(0) invert(1);
}
.ContactModal-module__modalHeader--peOLN .ContactModal-module__btn-close--uRvp9:hover {
  opacity: 1;
}
.ContactModal-module__modalTitle--ay1Og {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
  font-size: 1.375rem;
  font-weight: 600;
}
.ContactModal-module__modalTitle--ay1Og i {
  font-size: 1.25rem;
}
.ContactModal-module__modalBody--xyuJh {
  padding: 2rem;
}
.ContactModal-module__modalFooter--zj3Xo {
  padding: 1rem 2rem;
  border-top: 1px solid #e9ecef;
}
.ContactModal-module__closeButton--Xm4w5 {
  border-radius: 8px;
  padding: 0.625rem 1.5rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.15s ease-in-out;
}
.ContactModal-module__closeButton--Xm4w5:hover {
  background-color: #6c757d;
  border-color: #6c757d;
  color: white;
  transform: translateY(-1px);
}
/* Dark Theme Support */
/* 深色主题支持 */
[data-theme="dark"] .ContactModal-module__contactModal--VGtv8 .ContactModal-module__modal-content--wx_5C {
  background-color: #2d3748;
  color: #e2e8f0;
}
[data-theme="dark"] .ContactModal-module__modalHeader--peOLN {
  background: linear-gradient(135deg, #4a5568, #2d3748);
}
[data-theme="dark"] .ContactModal-module__modalFooter--zj3Xo {
  border-top-color: #4a5568;
}
[data-theme="dark"] .ContactModal-module__closeButton--Xm4w5 {
  background-color: #4a5568;
  border-color: #4a5568;
  color: #e2e8f0;
}
[data-theme="dark"] .ContactModal-module__closeButton--Xm4w5:hover {
  background-color: #2d3748;
  border-color: #2d3748;
}

/**
 * Simple Contact Content Styles (Display Only)
 * 简洁版联系我们内容样式（仅展示）
 */
.ContactContentSimple-module__contactContentSimple--x5A0u {
  padding: 0;
}
/* Header Section */
/* 头部区域 */
.ContactContentSimple-module__contactHeader--QWFi4 {
  text-align: center;
  margin-bottom: 1.5rem;
}
.ContactContentSimple-module__contactTitle--tWIi3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: #495057;
  margin-bottom: 0;
}
.ContactContentSimple-module__contactTitle--tWIi3 i {
  font-size: 0.9rem;
  color: #667eea;
}
/* Contact List */
/* 联系方式列表 */
.ContactContentSimple-module__contactList--WLa6m {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.ContactContentSimple-module__contactItem--JRRRq {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e9ecef;
  transition: all 0.2s ease;
  cursor: default;
}
.ContactContentSimple-module__contactItem--JRRRq:hover {
  background: #f1f3f4;
  border-color: #dee2e6;
}
.ContactContentSimple-module__contactMethodIcon--GthhT {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ContactContentSimple-module__contactMethodIcon--GthhT img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ContactContentSimple-module__contactIcon--xl7a4 {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #667eea, #764ba2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ContactContentSimple-module__contactIcon--xl7a4 i {
  font-size: 1rem;
  color: white;
}
/* Contact Information */
/* 联系信息 */
.ContactContentSimple-module__contactInfo--wYtQR {
  flex: 1;
  min-width: 0;
}
.ContactContentSimple-module__contactMethodTitle--d_OHQ {
  font-size: 0.875rem;
  font-weight: 600;
  color: #495057;
  margin-bottom: 0.25rem;
}
.ContactContentSimple-module__contactValue--guN62 {
  font-size: 0.9rem;
  font-weight: 700;
  color: #667eea;
  margin-bottom: 0.25rem;
  word-break: break-all;
}
.ContactContentSimple-module__contactDescription--X447S {
  font-size: 0.75rem;
  color: #6c757d;
  line-height: 1.3;
  margin: 0;
}
/* Footer Section */
/* 底部区域 */
.ContactContentSimple-module__contactFooter--Qk5cq {
  background: #f8f9fa;
  border-radius: 6px;
  padding: 0.75rem;
  text-align: center;
  border: 1px solid #e9ecef;
}
.ContactContentSimple-module__supportTip--Dm3c1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  color: #6c757d;
}
.ContactContentSimple-module__supportTip--Dm3c1 i {
  color: #e91e63;
  font-size: 0.75rem;
}
.ContactContentSimple-module__supportTip--Dm3c1 span {
  line-height: 1.3;
}
/* Responsive Design */
/* 响应式设计 */
@media (max-width: 576px) {
  .ContactContentSimple-module__contactHeader--QWFi4 {
    margin-bottom: 1rem;
  }
  .ContactContentSimple-module__contactTitle--tWIi3 {
    font-size: 0.9rem;
  }
  .ContactContentSimple-module__contactList--WLa6m {
    gap: 0.75rem;
  }
  .ContactContentSimple-module__contactItem--JRRRq {
    padding: 0.625rem;
    gap: 0.625rem;
  }
  .ContactContentSimple-module__contactIcon--xl7a4 {
    width: 36px;
    height: 36px;
  }
  .ContactContentSimple-module__contactIcon--xl7a4 i {
    font-size: 0.9rem;
  }
  .ContactContentSimple-module__contactMethodTitle--d_OHQ {
    font-size: 0.8rem;
  }
  .ContactContentSimple-module__contactValue--guN62 {
    font-size: 0.85rem;
  }
  .ContactContentSimple-module__contactDescription--X447S {
    font-size: 0.7rem;
  }
  .ContactContentSimple-module__contactFooter--Qk5cq {
    padding: 0.625rem;
  }
  .ContactContentSimple-module__supportTip--Dm3c1 {
    font-size: 0.7rem;
  }
  .ContactContentSimple-module__supportTip--Dm3c1 i {
    font-size: 0.7rem;
  }
}
/* Dark Theme Support */
/* 深色主题支持 */
[data-theme="dark"] .ContactContentSimple-module__contactTitle--tWIi3 {
  color: #e2e8f0;
}
[data-theme="dark"] .ContactContentSimple-module__contactTitle--tWIi3 i {
  color: #90cdf4;
}
[data-theme="dark"] .ContactContentSimple-module__contactItem--JRRRq {
  background-color: #242c39;
  border-color: #2d3748;
  color: #e2e8f0;
}
[data-theme="dark"] .ContactContentSimple-module__contactItem--JRRRq:hover {
  background-color: #2d3748;
  border-color: #4a5568;
}
[data-theme="dark"] .ContactContentSimple-module__contactMethodTitle--d_OHQ {
  color: #e2e8f0;
}
[data-theme="dark"] .ContactContentSimple-module__contactValue--guN62 {
  color: #90cdf4;
}
[data-theme="dark"] .ContactContentSimple-module__contactDescription--X447S {
  color: #a0aec0;
}
[data-theme="dark"] .ContactContentSimple-module__contactFooter--Qk5cq {
  background-color: #242c39;
  border-color: #4a5568;
}
[data-theme="dark"] .ContactContentSimple-module__supportTip--Dm3c1 {
  color: #a0aec0;
}
[data-theme="dark"] .ContactContentSimple-module__supportTip--Dm3c1 i {
  color: #f687b3;
}

/**
 * Simple Contact Modal Styles (Display Only)
 * 简洁版联系我们模态弹窗样式（仅展示）
 */
.ContactModalSimple-module__contactModalSimple--Jhdmb .ContactModalSimple-module__modal-dialog--wFFhz {
  max-width: 500px;
}
.ContactModalSimple-module__contactModalSimple--Jhdmb .ContactModalSimple-module__modal-content--_Byy_ {
  border: none;
  border-radius: 10px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}
.ContactModalSimple-module__modalHeader--gRtkO {
  background: linear-gradient(135deg, #667eea, #764ba2);
  color: white;
  border-bottom: none;
  padding: 1rem 1.5rem;
}
.ContactModalSimple-module__modalHeader--gRtkO .ContactModalSimple-module__btn-close--WuAXB {
  color: white;
  opacity: 0.8;
  filter: brightness(0) invert(1);
}
.ContactModalSimple-module__modalHeader--gRtkO .ContactModalSimple-module__btn-close--WuAXB:hover {
  opacity: 1;
}
.ContactModalSimple-module__modalTitle--QwkNU {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
}
.ContactModalSimple-module__modalTitle--QwkNU i {
  font-size: 1rem;
}
.ContactModalSimple-module__modalBody--q6Z_6 {
  padding: 1.5rem;
}
.ContactModalSimple-module__modalFooter--fEt0d {
  padding: 0.75rem 1.5rem;
  border-top: 1px solid #e9ecef;
}
.ContactModalSimple-module__closeButton--PZrU8 {
  border-radius: 6px;
  padding: 0.375rem 1rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  transition: all 0.15s ease-in-out;
  font-size: 0.875rem;
}
.ContactModalSimple-module__closeButton--PZrU8:hover {
  background-color: #6c757d;
  border-color: #6c757d;
  color: white;
  transform: translateY(-1px);
}
/* Dark Theme Support */
/* 深色主题支持 */
[data-theme="dark"] .ContactModalSimple-module__contactModalSimple--Jhdmb .ContactModalSimple-module__modal-content--_Byy_ {
  background-color: #2d3748;
  color: #e2e8f0;
}
[data-theme="dark"] .ContactModalSimple-module__modalHeader--gRtkO {
  background: linear-gradient(135deg, #4a5568, #2d3748);
}
[data-theme="dark"] .ContactModalSimple-module__modalFooter--fEt0d {
  border-top-color: #4a5568;
}
[data-theme="dark"] .ContactModalSimple-module__closeButton--PZrU8 {
  background-color: #4a5568;
  border-color: #4a5568;
  color: #e2e8f0;
}
[data-theme="dark"] .ContactModalSimple-module__closeButton--PZrU8:hover {
  background-color: #2d3748;
  border-color: #2d3748;
}

/**
 * Contact Floating Button Styles
 * 客服浮动按钮样式
 */
.ContactFloatingButton-module__contactFloatingButton--BjSER {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9999;
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #667eea, #764ba2);
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(102, 126, 234, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  user-select: none;
  /* Ensure button is always visible */
  /* 确保按钮始终可见 */
  min-width: 60px;
  min-height: 60px;
}
.ContactFloatingButton-module__contactFloatingButton--BjSER:hover {
  transform: scale(1.1) translateY(-2px);
  box-shadow: 0 8px 30px rgba(102, 126, 234, 0.4);
}
.ContactFloatingButton-module__contactFloatingButton--BjSER:hover .ContactFloatingButton-module__buttonText--dq9_E {
  opacity: 1;
  transform: translateX(0);
}
.ContactFloatingButton-module__contactFloatingButton--BjSER:hover .ContactFloatingButton-module__rippleEffect--sykMz {
  animation: ContactFloatingButton-module__ripple--uijvj 1.5s infinite;
}
.ContactFloatingButton-module__contactFloatingButton--BjSER:active {
  transform: scale(1.05) translateY(-1px);
  transition: all 0.1s ease;
}
.ContactFloatingButton-module__contactFloatingButton--BjSER:focus {
  outline: none;
  box-shadow: 0 4px 20px rgba(102, 126, 234, 0.3), 0 0 0 3px rgba(102, 126, 234, 0.3);
}
.ContactFloatingButton-module__buttonContent--i05UY {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.25rem;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.ContactFloatingButton-module__buttonContent--i05UY i {
  transition: all 0.3s ease;
}
.ContactFloatingButton-module__contactFloatingButton--BjSER:hover .ContactFloatingButton-module__buttonContent--i05UY i {
  transform: scale(1.1);
}
.ContactFloatingButton-module__buttonText--dq9_E {
  position: absolute;
  right: 70px;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 0.375rem 0.75rem;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.3s ease;
  pointer-events: none;
  backdrop-filter: blur(8px);
}
.ContactFloatingButton-module__buttonText--dq9_E::after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-left-color: rgba(0, 0, 0, 0.8);
}
.ContactFloatingButton-module__rippleEffect--sykMz {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: scale(0);
  opacity: 0;
}
/* Ripple animation */
/* 波纹动画 */
@keyframes ContactFloatingButton-module__ripple--uijvj {
  0% {
    transform: scale(0);
    opacity: 0.7;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
/* Pulse animation for attention */
/* 吸引注意力的脉冲动画 */
@keyframes ContactFloatingButton-module__pulse--Rd6es {
  0%,
  100% {
    box-shadow: 0 4px 20px rgba(102, 126, 234, 0.3);
  }
  50% {
    box-shadow: 0 4px 20px rgba(102, 126, 234, 0.6);
  }
}
/* Add pulse animation class for special attention */
/* 特殊注意力的脉冲动画类 */
.ContactFloatingButton-module__contactFloatingButton--BjSER.ContactFloatingButton-module__pulse--Rd6es {
  animation: ContactFloatingButton-module__pulse--Rd6es 2s infinite;
}
/* Mobile responsive adjustments */
/* 移动端响应式调整 */
@media (max-width: 768px) {
  .ContactFloatingButton-module__contactFloatingButton--BjSER {
    bottom: 20px;
    right: 20px;
    width: 56px;
    height: 56px;
    min-width: 56px;
    min-height: 56px;
  }
  .ContactFloatingButton-module__contactFloatingButton--BjSER:hover {
    /* Reduce hover effect on mobile */
    /* 移动端减少悬停效果 */
    transform: scale(1.05);
  }
  .ContactFloatingButton-module__buttonContent--i05UY {
    font-size: 1.125rem;
  }
  .ContactFloatingButton-module__buttonText--dq9_E {
    /* Hide text tooltip on mobile to avoid layout issues */
    /* 移动端隐藏文字提示避免布局问题 */
    display: none;
  }
}
/* Smaller screens adjustments */
/* 小屏幕调整 */
@media (max-width: 480px) {
  .ContactFloatingButton-module__contactFloatingButton--BjSER {
    bottom: 16px;
    right: 16px;
    width: 52px;
    height: 52px;
    min-width: 52px;
    min-height: 52px;
  }
  .ContactFloatingButton-module__buttonContent--i05UY {
    font-size: 1rem;
  }
}
/* High contrast mode support */
/* 高对比度模式支持 */
@media (prefers-contrast: high) {
  .ContactFloatingButton-module__contactFloatingButton--BjSER {
    border: 2px solid #000;
    background: #0066cc;
  }
  .ContactFloatingButton-module__contactFloatingButton--BjSER:hover {
    background: #0052a3;
  }
}
/* Reduced motion support */
/* 减少动画支持 */
@media (prefers-reduced-motion: reduce) {
  .ContactFloatingButton-module__contactFloatingButton--BjSER {
    transition: none;
  }
  .ContactFloatingButton-module__contactFloatingButton--BjSER:hover {
    transform: none;
    animation: none;
  }
  .ContactFloatingButton-module__contactFloatingButton--BjSER .ContactFloatingButton-module__rippleEffect--sykMz {
    animation: none;
  }
  @keyframes ContactFloatingButton-module__ripple--uijvj {
    /* Disable ripple animation for users who prefer reduced motion */
    /* 为偏好减少动画的用户禁用波纹动画 */
    0%,
    100% {
      transform: scale(0);
      opacity: 0;
    }
  }
}
/* Dark theme support */
/* 深色主题支持 */
[data-theme="dark"] .ContactFloatingButton-module__contactFloatingButton--BjSER {
  background: linear-gradient(135deg, #4a5568, #2d3748);
  box-shadow: 0 4px 20px rgba(74, 85, 104, 0.4);
}
[data-theme="dark"] .ContactFloatingButton-module__contactFloatingButton--BjSER:hover {
  box-shadow: 0 8px 30px rgba(74, 85, 104, 0.5);
}
[data-theme="dark"] .ContactFloatingButton-module__contactFloatingButton--BjSER:focus {
  box-shadow: 0 4px 20px rgba(74, 85, 104, 0.4), 0 0 0 3px rgba(144, 205, 244, 0.3);
}
[data-theme="dark"] .ContactFloatingButton-module__buttonText--dq9_E {
  background: rgba(45, 55, 72, 0.9);
  color: #e2e8f0;
}
[data-theme="dark"] .ContactFloatingButton-module__buttonText--dq9_E::after {
  border-left-color: rgba(45, 55, 72, 0.9);
}
/* Print media - hide floating button */
/* 打印媒体 - 隐藏浮动按钮 */
@media print {
  .ContactFloatingButton-module__contactFloatingButton--BjSER {
    display: none;
  }
}

.loadingRing-module__wrap--PUJ7_ {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.loadingRing-module__ring--GAlHU {
  display: inline-block;
  box-sizing: border-box;
  border-style: solid;
  border-radius: 50%;
  animation: loadingRing-module__rotate--mvfjt 1s linear infinite;
}
@keyframes loadingRing-module__rotate--mvfjt {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/**
 * AI App 侧边栏宽度
 * 单位：px
 */
/**
  * AI App 第二侧边栏宽度
  * 单位：px
  */
/**
  * AI App 主视图宽度
  * 单位：px
  */
/**
  * AI App 内边距
  * 单位：px
  */
.index-module__wrap--w8LSx {
  position: relative;
  width: 100%;
  height: 100%;
  flex: 1;
  overflow: auto;
}
.index-module__wrap--w8LSx .index-module__content--i2gFb {
  margin: 0 auto;
  position: relative;
  max-width: 900px;
  padding: 1rem;
  width: 100%;
  height: 100%;
}