.dev-fab[data-v-f8abbe59] {
  position: fixed;
  right: 20px;
  bottom: 72px;
  z-index: 9999;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.5px;
  color: #fff;
  cursor: pointer;
  user-select: none;
  background: linear-gradient(135deg, #ff6b2c 0%, #ff3d7f 100%);
  box-shadow:
    0 4px 12px rgb(255 61 127 / 45%),
    0 0 0 2px rgb(255 255 255 / 85%);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.dev-fab[data-v-f8abbe59]:hover {
  transform: scale(1.06);
  box-shadow:
    0 6px 16px rgb(255 61 127 / 55%),
    0 0 0 2px rgb(255 255 255 / 90%);
}
:root {
  --ant-primary-color: #1677ff;
  --ant-primary-color-hover: color-mix(in srgb, var(--ant-primary-color) 90%, white);
  --ant-primary-color-active: color-mix(in srgb, var(--ant-primary-color) 110%, black);
  --ant-primary-1: color-mix(in srgb, var(--ant-primary-color) 20%, white);
  --primary-color: var(--ant-primary-color);
  --primary-color-hover: var(--ant-primary-color-hover);
  --primary-color-active: var(--ant-primary-color-active);
  --primary-1: var(--ant-primary-1);
  --page-background: #F9FAFE;
  --bg-color: var(--page-background);
  --card-background: #FFFFFF;
  --component-background: var(--card-background);
  --sidebar-background: var(--card-background);
  --header-background-base: #F8FAFF;
  --header-background: var(--page-background-gradient);
  --page-background-gradient: var(--page-background);
  --drawer-bg: var(--card-background);
  --modal-bg: var(--card-background);
  --dropdown-bg: var(--card-background);
  --input-bg: var(--card-background);
  --list-bg: var(--card-background);
  --card-bg: var(--card-background);
  --table-header-bg: var(--sidebar-background);
  --hover-bg: rgba(0, 0, 0, 0.04);
  --active-bg: rgba(0, 0, 0, 0.06);
  --selected-bg: var(--primary-1);
  --text-primary: rgba(0, 0, 0, 0.85);
  --text-secondary: rgba(0, 0, 0, 0.65);
  --text-disabled: rgba(0, 0, 0, 0.25);
  --text-color: var(--text-primary);
  --text-color-secondary: var(--text-secondary);
  --border-color: #f0f0f0;
  --border-color-base: #d9d9d9;
  --border-color-split: #f0f0f0;
  --drawer-border: #f0f0f0;
  --modal-border: #f0f0f0;
  --divider-color: #f0f0f0;
  --menu-bg: var(--menu-bg-light);
  --menu-bg-light: var(--sidebar-background);
  --menu-bg-dark: var(--sidebar-background);
  --menu-item-color: var(--menu-item-color-light);
  --menu-item-color-light: var(--text-primary);
  --menu-item-color-dark: rgba(255, 255, 255, 0.85);
  --menu-item-hover-color: var(--menu-item-hover-color-light);
  --menu-item-hover-color-light: var(--primary-color);
  --menu-item-hover-color-dark: #fff;
  --menu-item-active-color: var(--menu-item-active-color-light);
  --menu-item-active-color-light: var(--primary-color);
  --menu-item-active-color-dark: #fff;
  --menu-item-active-bg: var(--menu-item-active-bg-light);
  --menu-item-active-bg-light: var(--primary-1);
  --menu-item-active-bg-dark: var(--primary-color);
  --btn-primary-bg: var(--primary-color);
  --btn-primary-color: #fff;
  --btn-hover-bg: var(--primary-color-hover);
  --btn-active-bg: var(--primary-color-active);
}
.dark-theme {
  --page-background: #0d1117;
  --bg-color: var(--page-background);
  --card-background: #161b22;
  --component-background: var(--card-background);
  --sidebar-background: #1f242d;
  --header-background-base: #161b22;
  --header-background: var(--header-background-base);
  --page-background-gradient: linear-gradient(180deg, var(--header-background-base) 0%, var(--page-background) 100%);
  --drawer-bg: #1f242d;
  --modal-bg: #21262D;
  --modal-bg-elevated: #2D333B;
  --dropdown-bg: #1f242d;
  --input-bg: #1c2128;
  --modal-input-bg: #161b22;
  --list-bg: #161b22;
  --card-bg: #161b22;
  --table-header-bg: #1f242d;
  --hover-bg: rgba(255, 255, 255, 0.04);
  --active-bg: rgba(255, 255, 255, 0.08);
  --selected-bg: var(--primary-color);
  --text-primary: rgba(255, 255, 255, 0.95);
  --text-secondary: rgba(255, 255, 255, 0.65);
  --text-tertiary: rgba(255, 255, 255, 0.45);
  --text-disabled: rgba(255, 255, 255, 0.25);
  --text-color: var(--text-primary);
  --text-color-secondary: var(--text-secondary);
  --border-color: rgba(255, 255, 255, 0.06);
  --border-color-base: rgba(255, 255, 255, 0.06);
  --border-color-split: rgba(255, 255, 255, 0.04);
  --border-hover: rgba(255, 255, 255, 0.1);
  --drawer-border: rgba(255, 255, 255, 0.06);
  --modal-border: rgba(255, 255, 255, 0.15);
  --modal-glow-border: rgba(96, 165, 250, 0.25);
  --divider-color: rgba(255, 255, 255, 0.04);
  --table-border: rgba(255, 255, 255, 0.03);
  --table-header-border: rgba(255, 255, 255, 0.05);
  --input-border: rgba(255, 255, 255, 0.15);
  --input-border-hover: rgba(255, 255, 255, 0.25);
  --input-border-focus: var(--primary-color);
  --menu-bg: var(--sidebar-background);
  --menu-item-color: var(--text-secondary);
  --menu-item-hover-color: var(--primary-color);
  --menu-item-active-color: var(--primary-color);
  --menu-item-active-bg: rgba(96, 165, 250, 0.1);
  --menu-active-border: #60A5FA;
  --primary-color: #60A5FA;
  --primary-color-hover: #93C5FD;
  --primary-color-active: #3B82F6;
  --primary-alpha-10: rgba(96, 165, 250, 0.1);
  --primary-alpha-20: rgba(96, 165, 250, 0.2);
  --btn-primary-bg: var(--primary-color);
  --btn-primary-color: #fff;
  --btn-hover-bg: var(--primary-color-hover);
  --btn-active-bg: var(--primary-color-active);
  --modal-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), 0 10px 25px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.5);
  --modal-mask-bg: rgba(0, 0, 0, 0.45);
  --modal-mask-blur: 8px;
  --modal-close-color: rgba(255, 255, 255, 0.65);
  --modal-close-hover-color: rgba(255, 255, 255, 0.95);
}
.theme-transition {
  transition: all 0.3s ease-in-out;
}
/* 色弱模式样式 */
.color-weak {
  filter: invert(80%);
}
.color-weak .arco-layout-header,
.color-weak .arco-layout-footer,
.color-weak .arco-layout-sider {
  filter: invert(100%);
}
.color-weak img,
.color-weak .anticon,
.color-weak .arco-avatar {
  filter: invert(100%);
}
/**
 * 公共样式Mixins
 * 用于减少代码重复，提高样式复用性
 */
/* 新增布局模式样式 */
/* 分栏布局 */
.layout-column .column-header {
  background: var(--header-background);
  border-bottom: 1px solid var(--border-color-split);
  padding: 0;
  height: 56px;
  line-height: 56px;
  position: relative;
  z-index: 100;
}
.layout-column .column-header .column-header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 0 24px;
}
.layout-column .column-header .column-header-left .header-logo {
  display: flex;
  align-items: center;
}
.layout-column .column-header .column-header-left .header-logo .logo-title {
  font-size: 20px;
  font-weight: 600;
  margin-left: 80px;
  color: var(--primary-color);
}
.layout-column .column-header .column-header-right .header-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}
.layout-column .column-header .column-header-right .header-actions .action-icon {
  font-size: 16px;
  color: #666;
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
  transition: all 0.3s;
}
.layout-column .column-header .column-header-right .header-actions .action-icon:hover {
  color: var(--primary-color);
  background: var(--hover-bg);
}
.layout-column .column-header .column-header-right .header-actions .user-info {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 4px 12px;
  border-radius: 6px;
  transition: background 0.3s;
}
.layout-column .column-header .column-header-right .header-actions .user-info:hover {
  background: var(--hover-bg);
}
.layout-column .column-header .column-header-right .header-actions .user-info .user-name {
  font-size: 14px;
  color: #333;
}
.layout-column .first-level-menu {
  border-right: 1px solid var(--border-color-split);
  background: var(--sidebar-background);
}
.layout-column .first-level-menu .column-first-menu {
  height: 100%;
}
.layout-column .first-level-menu .column-first-menu .menu-logo {
  padding: 16px;
  text-align: center;
  border-bottom: 1px solid var(--border-color-split);
  background: var(--header-background);
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout-column .first-level-menu .column-first-menu .menu-logo .logo-img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.layout-column .first-level-menu .column-first-menu .arco-menu {
  border-right: none;
  background: transparent;
  padding-top: 0;
}
.layout-column .first-level-menu .column-first-menu .arco-menu-item {
  display: grid !important;
  place-items: center !important;
  height: 60px;
  padding: 0 !important;
  margin: 8px 4px;
  border-radius: 8px;
  text-align: center;
  border: 1px solid transparent;
  width: 60px !important;
}
.layout-column .first-level-menu .column-first-menu .arco-menu-item:hover {
  background: var(--primary-1);
  border-color: transparent;
}
.layout-column .first-level-menu .column-first-menu .arco-menu-item:hover .anticon {
  color: var(--primary-color) !important;
}
.layout-column .first-level-menu .column-first-menu .arco-menu-item.arco-menu-item-selected {
  background: var(--primary-1);
  color: var(--primary-color);
}
.layout-column .first-level-menu .column-first-menu .arco-menu-item.arco-menu-item-selected .anticon {
  color: var(--primary-color) !important;
}
.layout-column .first-level-menu .column-first-menu .arco-menu-item .anticon {
  font-size: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  width: 24px !important;
  height: 24px !important;
  line-height: 1 !important;
  color: var(--primary-color);
  transition: color 0.3s ease;
}
.layout-column .first-level-menu .column-first-menu .arco-menu-item span {
  display: none !important;
}
.layout-column .first-level-menu .column-first-menu .arco-menu-item .arco-tooltip-open {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
}
.layout-column .first-level-menu .column-first-menu .arco-menu-item .hone-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.layout-column .second-level-menu {
  border-right: 1px solid var(--border-color-split);
  background: var(--sidebar-background);
}
.layout-column .second-level-menu .column-second-menu {
  height: 100%;
}
.layout-column .second-level-menu .column-second-menu .system-title {
  padding: 16px;
  text-align: center;
  border-bottom: 1px solid var(--border-color-split);
  background: var(--header-background);
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout-column .second-level-menu .column-second-menu .system-title .title-text {
  font-size: 16px;
  font-weight: 600;
  color: var(--primary-color);
}
.layout-column .second-level-menu .column-second-menu .arco-menu {
  border-right: none;
  background: transparent;
  padding-top: 0;
}
.layout-column .second-level-menu .column-second-menu .arco-menu-item {
  margin: 4px 8px;
  border-radius: 6px;
}
.layout-column .second-level-menu .column-second-menu .arco-menu-item:hover {
  background: var(--hover-bg);
}
.layout-column .second-level-menu .column-second-menu .arco-menu-item.arco-menu-item-selected {
  background: var(--primary-color);
  color: #fff;
}
.layout-column .second-level-menu .column-second-menu .arco-menu-item.arco-menu-item-selected .anticon {
  color: #fff;
}
.layout-column .second-level-menu .column-second-menu .arco-menu-inline {
  margin: 4px 8px;
  border-radius: 6px;
}
.layout-column .second-level-menu .column-second-menu .arco-menu-inline .arco-menu-inline-title {
  border-radius: 6px;
}
.layout-column .second-level-menu .column-second-menu .arco-menu-inline .arco-menu-inline-title:hover {
  background: var(--hover-bg);
}
.layout-column .second-level-menu .column-second-menu .arco-menu-inline .arco-menu-item {
  margin: 2px 4px;
}
.layout-column .second-level-menu .column-second-menu .no-menu-tip {
  padding: 60px 20px;
  text-align: center;
  color: #999;
}
.layout-column .second-level-menu .column-second-menu .no-menu-tip p {
  margin: 0;
  font-size: 14px;
}
/* 抽屉布局 */
.layout-drawer {
  height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
  background: var(--page-background-gradient);
}
.layout-drawer .header-bar {
  flex-shrink: 0;
  background: var(--header-background);
  border-bottom: 1px solid var(--border-color);
  z-index: 10;
  position: relative;
}
.layout-drawer .header-bar .header-left .trigger {
  font-size: 18px;
  padding: 0 24px;
  cursor: pointer;
  transition: color 0.3s, transform 0.2s;
  line-height: 56px;
  color: var(--text-secondary);
}
.layout-drawer .header-bar .header-left .trigger:hover {
  color: var(--primary-color);
  transform: scale(1.1);
}
.layout-drawer .header-bar .header-left .header-title {
  margin-left: 16px;
  font-size: 16px;
  color: var(--text-primary);
}
.layout-drawer .drawer-history {
  flex-shrink: 0;
  margin-left: 0;
  width: 100%;
  background: var(--card-background);
  z-index: 9;
  position: relative;
}
.layout-drawer .layout-container__content,
.layout-drawer .drawer-content-area {
  flex: 1;
  overflow: hidden;
  background: var(--page-background-gradient);
  position: relative;
  z-index: 1;
}
.layout-drawer .layout-container__content .content-wrapper,
.layout-drawer .drawer-content-area .content-wrapper {
  height: 100%;
  background: var(--page-background-gradient);
  border-radius: 0;
  min-height: calc(100vh - 104px);
  padding: 16px 0 16px 16px;
  overflow: hidden;
  position: relative;
}
.layout-drawer .custom-drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  animation: fadeIn 0.3s ease-out forwards;
  pointer-events: auto;
}
.layout-drawer .custom-drawer-overlay .custom-drawer-menu {
  width: 280px;
  height: 100vh;
  background: var(--sidebar-background);
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-100%);
  animation: slideInLeft 0.3s ease-out forwards;
}
.layout-drawer .custom-drawer-overlay .custom-drawer-menu .drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid var(--border-color);
  background: var(--header-background);
  height: 56px;
}
.layout-drawer .custom-drawer-overlay .custom-drawer-menu .drawer-header .drawer-title {
  font-weight: 600;
  font-size: 16px;
  color: var(--text-primary);
}
.layout-drawer .custom-drawer-overlay .custom-drawer-menu .drawer-header .drawer-close {
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
  transition: all 0.3s;
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout-drawer .custom-drawer-overlay .custom-drawer-menu .drawer-header .drawer-close:hover {
  background: var(--hover-bg);
  color: var(--primary-color);
  transform: rotate(90deg);
}
.layout-drawer .custom-drawer-overlay .custom-drawer-menu .drawer-content {
  flex: 1;
  overflow-y: auto;
  background: var(--sidebar-background);
}
.layout-drawer .custom-drawer-overlay .custom-drawer-menu .drawer-content .arco-layout-sider {
  background: var(--sidebar-background) !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.layout-drawer .custom-drawer-overlay .custom-drawer-menu .drawer-content .arco-layout-sider .layout-logo {
  display: flex !important;
  align-items: center;
  padding: 16px 24px;
  border-bottom: 1px solid var(--border-color);
  background: var(--header-background);
}
.layout-drawer .custom-drawer-overlay .custom-drawer-menu .drawer-content .arco-layout-sider .layout-logo .logo-img {
  height: 32px;
  margin-right: 12px;
  transition: transform 0.3s ease;
}
.layout-drawer .custom-drawer-overlay .custom-drawer-menu .drawer-content .arco-layout-sider .layout-logo .logo-img:hover {
  transform: scale(1.05);
}
.layout-drawer .custom-drawer-overlay .custom-drawer-menu .drawer-content .arco-layout-sider .layout-logo .logo-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
}
.layout-drawer .custom-drawer-overlay .custom-drawer-menu .drawer-content .arco-layout-sider .arco-menu {
  border-right: none;
  background: var(--sidebar-background);
  height: calc(100% - 80px);
}
@keyframes slideInLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideOutLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* 响应式设计 */
@media (max-width: 1200px) {
  .layout-column .column-header {
    margin-left: 250px;
  }
  .layout-column .first-level-menu {
    width: 70px !important;
    min-width: 70px !important;
  }
  .layout-column .first-level-menu .arco-menu-item {
    height: 50px;
    padding: 8px 4px;
    margin: 4px 2px;
  }
  .layout-column .first-level-menu .arco-menu-item .anticon {
    font-size: 16px;
  }
  .layout-column .second-level-menu {
    width: 180px !important;
    min-width: 180px !important;
  }
  .layout-column .column-history {
    margin-left: 250px;
  }
}
@media (max-width: 768px) {
  .layout-column .first-level-menu {
    display: none;
  }
  .layout-column .second-level-menu {
    width: 100% !important;
    min-width: auto !important;
  }
  .layout-drawer .drawer-menu {
    width: 100% !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .layout-drawer .drawer-menu {
    width: 280px !important;
  }
}
@media (min-width: 1025px) {
  .layout-drawer .drawer-menu {
    width: 240px !important;
  }
}
/* 暗色主题适配 */
.dark-theme.layout-column .column-header {
  background: var(--header-background);
  border-bottom-color: var(--border-color-split);
}
.dark-theme.layout-column .column-header .column-header-left .logo-title {
  color: var(--primary-color);
}
.dark-theme.layout-column .column-header .column-header-right .action-icon {
  color: rgba(255, 255, 255, 0.65);
}
.dark-theme.layout-column .column-header .column-header-right .action-icon:hover {
  color: var(--primary-color);
  background: rgba(255, 255, 255, 0.04);
}
.dark-theme.layout-column .column-header .column-header-right .user-info:hover {
  background: rgba(255, 255, 255, 0.04);
}
.dark-theme.layout-column .column-header .column-header-right .user-info .user-name {
  color: rgba(255, 255, 255, 0.85);
}
.dark-theme.layout-column .first-level-menu {
  background: var(--sidebar-background);
  border-right-color: var(--border-color-split);
}
.dark-theme.layout-column .first-level-menu .column-first-menu .menu-logo {
  background: var(--header-background);
  border-bottom-color: var(--border-color-split);
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dark-theme.layout-column .first-level-menu .column-first-menu .arco-menu-item {
  color: rgba(255, 255, 255, 0.65);
}
.dark-theme.layout-column .first-level-menu .column-first-menu .arco-menu-item .anticon {
  color: var(--primary-color) !important;
}
.dark-theme.layout-column .first-level-menu .column-first-menu .arco-menu-item:hover {
  background: var(--primary-1);
  border-color: transparent;
}
.dark-theme.layout-column .first-level-menu .column-first-menu .arco-menu-item:hover .anticon {
  color: var(--primary-color) !important;
}
.dark-theme.layout-column .first-level-menu .column-first-menu .arco-menu-item.arco-menu-item-selected {
  background: var(--primary-1);
  color: var(--primary-color);
}
.dark-theme.layout-column .first-level-menu .column-first-menu .arco-menu-item.arco-menu-item-selected .anticon {
  color: var(--primary-color) !important;
}
.dark-theme.layout-column .second-level-menu {
  background: var(--sidebar-background);
  border-right-color: var(--border-color-split);
}
.dark-theme.layout-column .second-level-menu .column-second-menu .system-title {
  background: var(--header-background);
  border-bottom-color: var(--border-color-split);
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dark-theme.layout-column .second-level-menu .column-second-menu .system-title .title-text {
  color: var(--primary-color);
}
.dark-theme.layout-column .second-level-menu .column-second-menu .arco-menu {
  background: transparent;
  color: rgba(255, 255, 255, 0.65);
}
.dark-theme.layout-column .second-level-menu .column-second-menu .no-menu-tip {
  color: rgba(255, 255, 255, 0.45);
}
.dark-theme.layout-drawer {
  background: var(--bg-color);
}
.dark-theme.layout-drawer .header-bar {
  background: var(--header-background);
  border-bottom-color: var(--border-color);
}
.dark-theme.layout-drawer .header-bar .header-left .trigger {
  color: var(--text-secondary);
}
.dark-theme.layout-drawer .header-bar .header-left .trigger:hover {
  color: var(--primary-color);
}
.dark-theme.layout-drawer .header-bar .header-left .header-title {
  color: var(--text-primary);
}
.dark-theme.layout-drawer .drawer-history {
  background: var(--card-background);
}
.dark-theme.layout-drawer .layout-container__content {
  background: var(--bg-color) !important;
}
.dark-theme.layout-drawer .layout-container__content .content-wrapper {
  background: var(--bg-color) !important;
}
.dark-theme.layout-drawer .layout-container__content .content-wrapper::after {
  background: var(--bg-color);
}
.dark-theme.layout-drawer .custom-drawer-overlay {
  background: rgba(0, 0, 0, 0.65);
}
.dark-theme.layout-drawer .custom-drawer-overlay .custom-drawer-menu {
  background: var(--sidebar-background);
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.25);
}
.dark-theme.layout-drawer .custom-drawer-overlay .custom-drawer-menu .drawer-header {
  background: var(--header-background);
  border-bottom-color: var(--border-color);
}
.dark-theme.layout-drawer .custom-drawer-overlay .custom-drawer-menu .drawer-header .drawer-title {
  color: var(--text-primary);
}
.dark-theme.layout-drawer .custom-drawer-overlay .custom-drawer-menu .drawer-header .drawer-close {
  color: var(--text-secondary);
}
.dark-theme.layout-drawer .custom-drawer-overlay .custom-drawer-menu .drawer-header .drawer-close:hover {
  background: var(--hover-bg);
  color: var(--primary-color);
}
.dark-theme.layout-drawer .custom-drawer-overlay .custom-drawer-menu .drawer-content {
  background: var(--sidebar-background);
}
.dark-theme.layout-drawer .custom-drawer-overlay .custom-drawer-menu .drawer-content .arco-layout-sider {
  background: var(--sidebar-background) !important;
}
.dark-theme.layout-drawer .custom-drawer-overlay .custom-drawer-menu .drawer-content .arco-layout-sider .layout-logo {
  background: var(--header-background);
  border-bottom-color: var(--border-color);
}
.dark-theme.layout-drawer .custom-drawer-overlay .custom-drawer-menu .drawer-content .arco-layout-sider .layout-logo .logo-title {
  color: var(--text-primary);
}
.dark-theme.layout-drawer .custom-drawer-overlay .custom-drawer-menu .drawer-content .arco-layout-sider .arco-menu {
  background: var(--sidebar-background);
  color: var(--text-primary);
}
.side-menu {
  height: 100%;
  border-right: 0;
}
.side-menu::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.side-menu::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.45);
  background-clip: content-box;
}
.side-menu::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 116, 139, 0.58);
  background-clip: content-box;
}
.side-menu::-webkit-scrollbar-track {
  border-radius: 999px;
  background: transparent;
}
.layout-logo {
  height: 64px;
  line-height: 64px;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 16px;
}
.layout-logo img {
  width: 32px;
  height: 32px;
  margin-right: 12px;
  vertical-align: middle;
}
.layout-logo h1 {
  display: inline-block;
  margin: 0;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  vertical-align: middle;
}
.arco-menu-light {
  background: var(--menu-bg-light);
}
.arco-menu-light.arco-menu-root.arco-menu,
.arco-menu-light.arco-menu-root.arco-menu-vertical {
  border-inline-end: none !important;
}
.arco-menu-light .arco-menu-item {
  color: var(--menu-item-color-light);
  transition: all 0.3s;
}
.arco-menu-light .arco-menu-item.arco-menu-item-selected {
  color: var(--menu-item-active-color-light) !important;
  background: var(--menu-item-active-bg-light) !important;
}
.arco-menu-light .arco-menu-item.arco-menu-item-selected::after {
  border-right-color: var(--primary-color) !important;
}
.arco-menu-light .arco-menu-item.arco-menu-item-selected .anticon {
  color: var(--menu-item-active-color-light) !important;
}
.arco-menu-light .arco-menu-item .anticon {
  color: inherit;
}
.arco-menu-light .arco-menu-inline-title {
  color: var(--menu-item-color-light);
  transition: all 0.3s;
}
.arco-menu-light .arco-menu-inline-title .anticon {
  color: inherit;
}
.arco-menu-light .arco-menu-inline-selected > .arco-menu-inline-title {
  color: var(--menu-item-active-color-light) !important;
}
.arco-menu-light .arco-menu-inline-selected > .arco-menu-inline-title .anticon {
  color: var(--menu-item-active-color-light) !important;
}
.dark-theme .side-menu {
  background: var(--sidebar-background) !important;
}
.dark-theme .arco-menu-dark {
  background: var(--sidebar-background) !important;
}
.dark-theme .arco-menu-dark .arco-menu-item {
  border-radius: 8px !important;
  margin: 2px 8px !important;
  transition: all 0.3s ease !important;
  color: var(--menu-item-color-dark);
  background: transparent !important;
}
.dark-theme .arco-menu-dark .arco-menu-item span,
.dark-theme .arco-menu-dark .arco-menu-item .arco-menu-title-content {
  background: transparent !important;
}
.dark-theme .arco-menu-dark .arco-menu-item:hover {
  color: var(--primary-color) !important;
  background: linear-gradient(135deg, rgba(24, 144, 255, 0.15), rgba(24, 144, 255, 0.1)) !important;
  box-shadow: 0 2px 8px rgba(24, 144, 255, 0.2) !important;
  transform: translateX(2px) !important;
}
.dark-theme .arco-menu-dark .arco-menu-item.arco-menu-item-selected {
  background: linear-gradient(135deg, var(--primary-color), #40a9ff) !important;
  color: #fff !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.4) !important;
}
.dark-theme .arco-menu-dark .arco-menu-item.arco-menu-item-selected .anticon {
  color: #fff !important;
}
.dark-theme .arco-menu-dark .arco-menu-item.arco-menu-item-selected:hover {
  background: linear-gradient(135deg, #40a9ff, var(--primary-color)) !important;
  transform: translateX(2px) !important;
  box-shadow: 0 6px 16px rgba(24, 144, 255, 0.5) !important;
}
.dark-theme .arco-menu-dark .arco-menu-inline-title {
  border-radius: 8px !important;
  margin: 2px 8px !important;
  transition: all 0.3s ease !important;
  color: var(--menu-item-color-dark);
  background: transparent !important;
}
.dark-theme .arco-menu-dark .arco-menu-inline-title span,
.dark-theme .arco-menu-dark .arco-menu-inline-title .arco-menu-title-content {
  background: transparent !important;
}
.dark-theme .arco-menu-dark .arco-menu-inline-title:hover {
  color: var(--primary-color) !important;
  background: linear-gradient(135deg, rgba(24, 144, 255, 0.15), rgba(24, 144, 255, 0.1)) !important;
  box-shadow: 0 2px 8px rgba(24, 144, 255, 0.2) !important;
  transform: translateX(2px) !important;
}
.dark-theme .arco-menu-dark .arco-menu-inline-title.arco-menu-inline-selected {
  color: var(--primary-color) !important;
  background: linear-gradient(135deg, rgba(24, 144, 255, 0.2), rgba(24, 144, 255, 0.15)) !important;
}
.dark-theme .arco-menu-dark .arco-menu-inline-title.arco-menu-inline-selected span {
  background: transparent !important;
}
.dark-theme .arco-menu-dark .arco-menu-inline-selected > .arco-menu-inline-title {
  color: var(--menu-item-active-color-dark) !important;
}
.dark-theme .arco-menu-dark .arco-menu-inline-selected > .arco-menu-inline-title .anticon {
  color: var(--menu-item-active-color-dark) !important;
}
.dark-theme .arco-menu-dark .arco-menu-inline {
  background: transparent !important;
}
.dark-theme .arco-menu-dark .arco-menu-inline .arco-menu-sub {
  background: var(--sidebar-background) !important;
}
.dark-theme .arco-layout-sider {
  background: var(--sidebar-background) !important;
}
.dark-theme .arco-layout-sider .arco-menu {
  background: var(--sidebar-background) !important;
}
.dark-theme .arco-dropdown .arco-menu {
  background-color: var(--dropdown-bg) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  padding: 4px !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4) !important;
}
.dark-theme .arco-dropdown .arco-menu .arco-menu-item {
  background-color: transparent !important;
  background: transparent !important;
  color: var(--text-primary) !important;
  border-radius: 4px !important;
  margin: 2px 4px !important;
  height: 36px !important;
  line-height: 36px !important;
}
.dark-theme .arco-dropdown .arco-menu .arco-menu-item:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}
.dark-theme .arco-dropdown .arco-menu .arco-menu-item.arco-menu-item-selected,
.dark-theme .arco-dropdown .arco-menu .arco-menu-item.arco-menu-item-active {
  background-color: rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}
.dark-theme .arco-dropdown .arco-menu .arco-menu-item .anticon {
  color: var(--text-secondary) !important;
}
.arco-btn {
  transition: all 0.2s ease;
  margin-right: 8px;
  border-radius: 6px;
}
.arco-btn-primary {
  color: var(--btn-primary-color);
  background-color: var(--btn-primary-bg);
}
.arco-btn-primary:active {
  color: var(--btn-primary-color);
  background-color: var(--btn-active-bg);
  border-color: var(--btn-active-bg);
}
.dark-theme .arco-btn:not(.arco-btn-primary):not(.arco-btn-text):not(.arco-btn-text) {
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: var(--text-secondary) !important;
  box-shadow: none !important;
}
.dark-theme .arco-btn:not(.arco-btn-primary):not(.arco-btn-text):not(.arco-btn-text):hover {
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
}
.dark-theme .arco-btn:not(.arco-btn-primary):not(.arco-btn-text):not(.arco-btn-text).arco-btn-status-danger {
  border-color: rgba(255, 77, 79, 0.3) !important;
  color: #ff4d4f !important;
}
.dark-theme .arco-btn:not(.arco-btn-primary):not(.arco-btn-text):not(.arco-btn-text).arco-btn-status-danger:hover {
  background-color: rgba(255, 77, 79, 0.1) !important;
  border-color: #ff4d4f !important;
}
.dark-theme .arco-btn-primary {
  color: #fff !important;
  background-color: var(--primary-color) !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.2) !important;
}
.dark-theme .arco-btn-primary:hover {
  background-color: var(--primary-color-hover) !important;
  box-shadow: 0 6px 16px rgba(24, 144, 255, 0.3) !important;
}
.dark-theme .arco-btn-primary.arco-btn-status-danger {
  background-color: #ff4d4f !important;
  color: #fff !important;
}
.dark-theme .arco-btn-primary.arco-btn-status-danger:hover {
  background-color: #ff7875 !important;
}
.dark-theme .arco-btn-text,
.dark-theme .arco-btn-text {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--primary-color);
}
.dark-theme .arco-btn-text:hover,
.dark-theme .arco-btn-text:hover {
  color: var(--primary-color-hover);
  background-color: transparent !important;
}
.view-btn {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  font-size: 13px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
  background-color: transparent;
  border: none;
  color: #1677ff;
}
.view-btn:hover {
  color: #40a9ff;
  text-decoration: underline;
}
.edit-btn {
  background-color: transparent;
  border: none;
  color: #faad14;
}
.edit-btn:hover {
  color: #ffc53d;
  text-decoration: underline;
}
.delete-btn {
  background-color: transparent;
  border: none;
  color: #ff4d4f;
}
.delete-btn:hover {
  color: #ff7875;
  text-decoration: underline;
}
.add-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
}
.dark-theme .view-btn {
  color: var(--primary-color);
}
.dark-theme .view-btn:hover {
  color: var(--primary-color-hover);
}
.dark-theme .edit-btn {
  color: #faad14;
}
.dark-theme .edit-btn:hover {
  color: #ffc53d;
}
.dark-theme .delete-btn {
  color: #ff4d4f;
}
.dark-theme .delete-btn:hover {
  color: #ff7875;
}
.search-form .arco-space,
.search-actions .arco-space {
  gap: 8px !important;
}
.search-form .arco-space-item,
.search-actions .arco-space-item {
  margin-right: 0 !important;
}
.search-form .arco-btn,
.search-actions .arco-btn {
  margin-right: 0 !important;
  padding: 4px 16px !important;
  height: 32px !important;
  border-radius: 6px !important;
}
.dark-theme .search-form .arco-btn-primary,
.dark-theme .search-actions .arco-btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #fff !important;
}
.dark-theme .search-form .arco-btn-primary:hover,
.dark-theme .search-actions .arco-btn-primary:hover {
  background-color: var(--primary-color-hover) !important;
  border-color: var(--primary-color-hover) !important;
}
.dark-theme .search-form .arco-btn:not(.arco-btn-primary),
.dark-theme .search-actions .arco-btn:not(.arco-btn-primary) {
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: var(--text-secondary) !important;
}
.dark-theme .search-form .arco-btn:not(.arco-btn-primary):hover,
.dark-theme .search-actions .arco-btn:not(.arco-btn-primary):hover {
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
  background-color: rgba(96, 165, 250, 0.08) !important;
}
/* 功能组件样式 */
/* 全局搜索组件 */
.global-search-modal .arco-modal-header {
  border-bottom: 1px solid var(--border-color-split);
  background-color: var(--component-background);
}
.global-search-modal .arco-modal-content {
  background-color: var(--modal-bg);
}
.global-search-modal .search-container .search-input .arco-input-search .arco-input {
  border-radius: 8px;
  font-size: 16px;
  background-color: var(--input-bg);
  color: var(--text-primary);
  border-color: var(--border-color-base);
}
.global-search-modal .search-container .search-input .arco-input-search .arco-input-search-button {
  border-radius: 0 8px 8px 0;
}
.global-search-modal .search-container .search-results {
  max-height: 300px;
  overflow-y: auto;
}
.global-search-modal .search-container .search-results .result-item {
  border-radius: 8px;
  transition: all 0.3s ease;
  background-color: var(--component-background);
  border-color: var(--border-color-base);
}
.global-search-modal .search-container .search-results .result-item:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.global-search-modal .search-container .quick-actions .action-item {
  transition: all 0.3s ease;
  background-color: var(--component-background);
}
.global-search-modal .search-container .quick-actions .action-item:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
/* 消息中心组件 */
.message-center-drawer .arco-drawer-content {
  background-color: var(--drawer-bg);
  color: var(--text-primary);
}
.message-center-drawer .arco-drawer-header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}
.message-center-drawer .arco-drawer-header .arco-drawer-title {
  color: white;
}
.message-center-drawer .arco-drawer-header .arco-drawer-close {
  color: white;
}
.message-center-drawer .arco-drawer-header .arco-drawer-close:hover {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}
.message-center-drawer .message-container .message-tabs .arco-tabs-tab {
  padding: 12px 16px;
  color: var(--text-primary);
}
.message-center-drawer .message-container .message-tabs .arco-tabs-tab .arco-badge .arco-badge-count {
  font-size: 10px;
  min-width: 16px;
  height: 16px;
  line-height: 16px;
}
.message-center-drawer .message-container .message-list .message-item {
  background-color: var(--component-background);
  border: 1px solid var(--border-color-base);
  border-radius: 8px;
  color: var(--text-primary);
  margin: 8px 0;
  padding: 12px 16px;
  transition: all 0.3s ease;
}
.message-center-drawer .message-container .message-list .message-item:hover {
  transform: translateX(4px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.message-center-drawer .message-container .message-list .message-item.unread {
  border-left: 3px solid #1890ff;
  background: linear-gradient(90deg, var(--primary-1) 0%, var(--component-background) 100%);
}
.message-center-drawer .message-container .message-list .message-item.urgent {
  border-left-color: #ff4d4f;
  background: linear-gradient(90deg, #fff2f0 0%, var(--component-background) 100%);
}
.message-center-drawer .message-container .message-footer {
  background: var(--component-background);
  margin: 0 -24px -24px -24px;
}
.message-center-drawer .message-container .message-footer .arco-btn {
  color: var(--text-secondary);
}
.message-center-drawer .message-container .message-footer .arco-btn:hover {
  color: #1890ff;
}
/* 聊天面板组件 */
.chat-panel-drawer .arco-drawer-content {
  background-color: var(--drawer-bg);
  color: var(--text-primary);
}
.chat-panel-drawer .arco-drawer-header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}
.chat-panel-drawer .arco-drawer-header .arco-drawer-title {
  color: white;
}
.chat-panel-drawer .arco-drawer-header .arco-drawer-close {
  color: white;
}
.chat-panel-drawer .arco-drawer-header .arco-drawer-close:hover {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}
.chat-panel-drawer .chat-container .contact-list .contact-item {
  border-radius: 8px;
  margin: 4px 0;
  transition: all 0.3s ease;
  background-color: var(--component-background);
  color: var(--text-primary);
}
.chat-panel-drawer .chat-container .contact-list .contact-item:hover {
  transform: translateX(4px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.chat-panel-drawer .chat-container .chat-interface .chat-header {
  background: var(--component-background);
  border-radius: 8px;
  padding: 12px;
  color: var(--text-primary);
}
.chat-panel-drawer .chat-container .chat-interface .message-list .message-item .message-content .message-bubble {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  background-color: var(--component-background);
  color: var(--text-primary);
}
.chat-panel-drawer .chat-container .chat-interface .message-list .message-item .message-content .message-bubble:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.chat-panel-drawer .chat-container .chat-interface .message-list .message-item.own-message .message-content .message-bubble {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}
.chat-panel-drawer .chat-container .chat-interface .message-input {
  background: var(--component-background);
  border-radius: 8px;
  padding: 12px;
}
.chat-panel-drawer .chat-container .chat-interface .message-input .input-area .arco-input {
  border-radius: 8px;
  resize: none;
  background-color: var(--input-bg);
  color: var(--text-primary);
  border-color: var(--border-color-base);
}
.chat-panel-drawer .chat-container .chat-interface .message-input .input-area .arco-btn {
  border-radius: 8px;
  height: auto;
  min-height: 64px;
}
/* 头部按钮样式增强 */
.header-icon-btn {
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
}
.header-icon-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  background: #f0f9ff !important;
}
.header-icon-btn .anticon {
  transition: all 0.3s ease;
}
.header-icon-btn:hover .anticon {
  transform: scale(1.1);
}
/* 暗色主题适配 */
.dark-theme .global-search-modal .arco-modal-content {
  background: #1f1f1f;
}
.dark-theme .global-search-modal .arco-modal-content .arco-modal-header {
  background: #1f1f1f;
  border-bottom-color: #434343;
}
.dark-theme .global-search-modal .arco-modal-content .arco-modal-header .arco-modal-title {
  color: rgba(255, 255, 255, 0.85);
}
.dark-theme .global-search-modal .search-container .search-input .arco-input {
  background: #141414;
  border-color: #434343;
  color: rgba(255, 255, 255, 0.85);
}
.dark-theme .global-search-modal .search-container .quick-actions .action-item {
  background: #141414;
  border-color: #434343;
  color: rgba(255, 255, 255, 0.85);
}
.dark-theme .global-search-modal .search-container .quick-actions .action-item:hover {
  border-color: #1890ff;
  background: #111b26;
}
.dark-theme .message-center-drawer .arco-drawer-body,
.dark-theme .chat-panel-drawer .arco-drawer-body {
  background: #1f1f1f;
  color: rgba(255, 255, 255, 0.85);
}
.dark-theme .message-center-drawer .message-item:hover,
.dark-theme .chat-panel-drawer .message-item:hover,
.dark-theme .message-center-drawer .contact-item:hover,
.dark-theme .chat-panel-drawer .contact-item:hover {
  background: #262626;
}
.dark-theme .header-icon-btn:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}
/* 响应式设计 */
@media (max-width: 768px) {
  .global-search-modal .arco-modal {
    width: 95% !important;
    margin: 10px auto;
  }
  .message-center-drawer .arco-drawer,
  .chat-panel-drawer .arco-drawer {
    width: 100% !important;
  }
  .header-icon-btn {
    padding: 4px 8px !important;
  }
  .header-icon-btn .anticon {
    font-size: 14px;
  }
}
/**
 * 表格组件专用样式
 * 包含表格、分页、操作列等相关样式
 *
 * 进阶优化：
 * 1. 消除表格内深色背景块 - 让表格通透
 * 2. 弱化操作按钮 - 使用文字链接样式
 * 3. 统一边框颜色 - 极低透明度
 * 4. 去掉垂直分割线 - 只保留水平行线
 */
.arco-table-measure-row,
.arco-table-measure-row td {
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  visibility: hidden !important;
}
.dark-theme .arco-table,
.dark-theme .arco-table,
.dark-theme .arco-table-container,
.dark-theme .arco-table-content,
.dark-theme .arco-table-header,
.dark-theme .arco-table-body,
.dark-theme .arco-table-summary,
.dark-theme .arco-spin-nested-loading,
.dark-theme .arco-spin-container {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.dark-theme .arco-table::before,
.dark-theme .arco-table::before,
.dark-theme .arco-table-container::before,
.dark-theme .arco-table-content::before,
.dark-theme .arco-table-header::before,
.dark-theme .arco-table-body::before,
.dark-theme .arco-table-summary::before,
.dark-theme .arco-spin-nested-loading::before,
.dark-theme .arco-spin-container::before,
.dark-theme .arco-table::after,
.dark-theme .arco-table::after,
.dark-theme .arco-table-container::after,
.dark-theme .arco-table-content::after,
.dark-theme .arco-table-header::after,
.dark-theme .arco-table-body::after,
.dark-theme .arco-table-summary::after,
.dark-theme .arco-spin-nested-loading::after,
.dark-theme .arco-spin-container::after {
  display: none !important;
}
.dark-theme .arco-table-container {
  border: none !important;
  border-top: none !important;
}
.dark-theme .arco-table-container::before,
.dark-theme .arco-table-container::after {
  display: none !important;
  content: none !important;
  height: 0 !important;
}
.dark-theme .arco-table-th {
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-bottom: none !important;
  background-clip: padding-box !important;
  position: relative;
}
.dark-theme .arco-table {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
}
.dark-theme .arco-table-tr-expand-icon {
  background-color: var(--component-background) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 2px !important;
  color: var(--text-secondary) !important;
  width: 17px !important;
  height: 17px !important;
  line-height: 14px !important;
}
.dark-theme .arco-table-tr-expand-icon:focus,
.dark-theme .arco-table-tr-expand-icon:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}
.dark-theme .arco-table-tr-expand-icon:active {
  background-color: rgba(255, 255, 255, 0.08) !important;
}
.dark-theme .arco-table {
  background: transparent !important;
  border-radius: 0 !important;
}
.dark-theme .arco-table .arco-table-container {
  border: none !important;
  border-top: none !important;
  border-radius: 0 !important;
}
.dark-theme .arco-table .arco-table-container::before,
.dark-theme .arco-table .arco-table-container::after {
  display: none !important;
}
.dark-theme .arco-table .arco-table-th {
  background: var(--table-header-bg) !important;
  color: var(--text-primary) !important;
  border: none !important;
  border-bottom: none !important;
  border-right: none !important;
  border-left: none !important;
  border-top: 0 !important;
  font-weight: 500;
  padding: 14px 16px !important;
}
.dark-theme .arco-table .arco-table-th::before {
  display: none !important;
}
.dark-theme .arco-table .arco-table-th:first-child {
  border-left: none !important;
}
.dark-theme .arco-table .arco-table-th:last-child {
  border-right: none !important;
}
.dark-theme .arco-table .arco-table-tr:not(.arco-table-measure-row) > td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-right: none !important;
  border-left: none !important;
  color: var(--text-secondary) !important;
  padding: 12px 16px !important;
  background-color: transparent !important;
}
.dark-theme .arco-table .arco-table-tr.arco-table-measure-row,
.dark-theme .arco-table .arco-table-tr.arco-table-measure-row > td {
  height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}
.dark-theme .arco-table .arco-table-container,
.dark-theme .arco-table .arco-table-content,
.dark-theme .arco-table .arco-table-body,
.dark-theme .arco-table .arco-table-scroll,
.dark-theme .arco-table .arco-table-header {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
}
.dark-theme .arco-table .arco-table-body .arco-table-td {
  background-color: transparent !important;
  background: transparent !important;
}
.dark-theme .arco-table .arco-table-col-fixed-left,
.dark-theme .arco-table .arco-table-col-fixed-right {
  position: sticky !important;
  z-index: 10 !important;
  box-shadow: none !important;
  border-left: none !important;
  border-right: none !important;
}
.dark-theme .arco-table .arco-table-col-fixed-left::before,
.dark-theme .arco-table .arco-table-col-fixed-right::before,
.dark-theme .arco-table .arco-table-col-fixed-left::after,
.dark-theme .arco-table .arco-table-col-fixed-right::after {
  display: none !important;
  content: none !important;
  box-shadow: none !important;
  width: 0 !important;
}
.dark-theme .arco-table .arco-table-ping-left .arco-table-col-fixed-left-last::after,
.dark-theme .arco-table .arco-table-ping-right .arco-table-col-fixed-right-first::after,
.dark-theme .arco-table .arco-table-col-fixed-left-last::after,
.dark-theme .arco-table .arco-table-col-fixed-right-first::after {
  display: none !important;
  box-shadow: none !important;
  border: none !important;
}
.dark-theme .arco-table .arco-table-th.arco-table-col-fixed-left,
.dark-theme .arco-table .arco-table-th.arco-table-col-fixed-right,
.dark-theme .arco-table .arco-table-td.arco-table-col-fixed-left,
.dark-theme .arco-table .arco-table-td.arco-table-col-fixed-right {
  border-left: none !important;
  border-right: none !important;
}
.dark-theme .arco-table .arco-table-th.arco-table-col-fixed-left,
.dark-theme .arco-table .arco-table-th.arco-table-col-fixed-right {
  background-color: var(--table-header-bg) !important;
  background: var(--table-header-bg) !important;
  border-bottom: none !important;
}
.dark-theme .arco-table .arco-table-td.arco-table-col-fixed-left,
.dark-theme .arco-table .arco-table-td.arco-table-col-fixed-right {
  background-color: var(--component-background) !important;
  background: var(--component-background) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
.dark-theme .arco-table .arco-table-tr:hover > td.arco-table-col-fixed-left,
.dark-theme .arco-table .arco-table-tr:hover > td.arco-table-col-fixed-right {
  background-color: rgba(255, 255, 255, 0.03) !important;
  background: rgba(255, 255, 255, 0.03) !important;
}
.dark-theme .arco-table .arco-table-body {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}
.dark-theme .arco-table .arco-table-td {
  background-color: transparent !important;
}
.dark-theme .arco-table .arco-table-tr:hover > td {
  background-color: rgba(255, 255, 255, 0.03) !important;
}
.dark-theme .arco-table .arco-table-td .arco-input,
.dark-theme .arco-table .arco-table-td .arco-input-number,
.dark-theme .arco-table .arco-table-td .arco-select-selector,
.dark-theme .arco-table .arco-table-td .arco-picker,
.dark-theme .arco-table .arco-table-td .arco-tag,
.dark-theme .arco-table .arco-table-td .arco-badge,
.dark-theme .arco-table .arco-table-td span[class*="tag"],
.dark-theme .arco-table .arco-table-td div[class*="cell"] {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.dark-theme .arco-table .arco-table-td .arco-tag {
  background-color: transparent !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-secondary) !important;
}
.dark-theme .arco-table .arco-table-td .arco-tag.arco-tag-success,
.dark-theme .arco-table .arco-table-td .arco-tag.arco-tag-green {
  color: #52c41a !important;
  border-color: rgba(82, 196, 26, 0.3) !important;
}
.dark-theme .arco-table .arco-table-td .arco-tag.arco-tag-error,
.dark-theme .arco-table .arco-table-td .arco-tag.arco-tag-red {
  color: #ff4d4f !important;
  border-color: rgba(255, 77, 79, 0.3) !important;
}
.dark-theme .arco-table .arco-table-td .arco-tag.arco-tag-warning,
.dark-theme .arco-table .arco-table-td .arco-tag.arco-tag-orange {
  color: #faad14 !important;
  border-color: rgba(250, 173, 20, 0.3) !important;
}
.dark-theme .arco-table .arco-table-td .arco-tag.arco-tag-processing,
.dark-theme .arco-table .arco-table-td .arco-tag.arco-tag-blue {
  color: var(--primary-color) !important;
  border-color: var(--primary-alpha-20) !important;
}
.dark-theme .arco-table .arco-table-td,
.dark-theme .table-action-bar,
.dark-theme .action-buttons,
.dark-theme .table-actions {
  background-color: transparent !important;
}
.dark-theme .arco-table .arco-table-td .arco-btn,
.dark-theme .arco-table .arco-table-td .arco-btn-default,
.dark-theme .arco-table .arco-table-td .arco-btn-primary,
.dark-theme .arco-table .arco-table-td .arco-btn-text,
.dark-theme .arco-table .arco-table-td .arco-btn-text,
.dark-theme .arco-table .arco-table-td .arco-btn-ghost,
.dark-theme .arco-table .arco-table-td .arco-btn-dashed,
.dark-theme .arco-table .arco-table-td button[class*="ant-btn"],
.dark-theme .arco-table .arco-table-td .action-btn,
.dark-theme .arco-table .arco-table-td .view-btn,
.dark-theme .arco-table .arco-table-td .edit-btn,
.dark-theme .arco-table .arco-table-td .delete-btn {
  background-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 4px 8px !important;
  height: auto !important;
  line-height: 1.5 !important;
  font-size: 13px !important;
  transition: all 0.2s ease !important;
}
.dark-theme .arco-table .arco-table-td .arco-btn:hover,
.dark-theme .arco-table .arco-table-td .arco-btn-default:hover,
.dark-theme .arco-table .arco-table-td .arco-btn-primary:hover,
.dark-theme .arco-table .arco-table-td .arco-btn-text:hover,
.dark-theme .arco-table .arco-table-td .arco-btn-text:hover,
.dark-theme .arco-table .arco-table-td .arco-btn-ghost:hover,
.dark-theme .arco-table .arco-table-td .arco-btn-dashed:hover,
.dark-theme .arco-table .arco-table-td button[class*="ant-btn"]:hover,
.dark-theme .arco-table .arco-table-td .action-btn:hover,
.dark-theme .arco-table .arco-table-td .view-btn:hover,
.dark-theme .arco-table .arco-table-td .edit-btn:hover,
.dark-theme .arco-table .arco-table-td .delete-btn:hover,
.dark-theme .arco-table .arco-table-td .arco-btn:focus,
.dark-theme .arco-table .arco-table-td .arco-btn-default:focus,
.dark-theme .arco-table .arco-table-td .arco-btn-primary:focus,
.dark-theme .arco-table .arco-table-td .arco-btn-text:focus,
.dark-theme .arco-table .arco-table-td .arco-btn-text:focus,
.dark-theme .arco-table .arco-table-td .arco-btn-ghost:focus,
.dark-theme .arco-table .arco-table-td .arco-btn-dashed:focus,
.dark-theme .arco-table .arco-table-td button[class*="ant-btn"]:focus,
.dark-theme .arco-table .arco-table-td .action-btn:focus,
.dark-theme .arco-table .arco-table-td .view-btn:focus,
.dark-theme .arco-table .arco-table-td .edit-btn:focus,
.dark-theme .arco-table .arco-table-td .delete-btn:focus,
.dark-theme .arco-table .arco-table-td .arco-btn:active,
.dark-theme .arco-table .arco-table-td .arco-btn-default:active,
.dark-theme .arco-table .arco-table-td .arco-btn-primary:active,
.dark-theme .arco-table .arco-table-td .arco-btn-text:active,
.dark-theme .arco-table .arco-table-td .arco-btn-text:active,
.dark-theme .arco-table .arco-table-td .arco-btn-ghost:active,
.dark-theme .arco-table .arco-table-td .arco-btn-dashed:active,
.dark-theme .arco-table .arco-table-td button[class*="ant-btn"]:active,
.dark-theme .arco-table .arco-table-td .action-btn:active,
.dark-theme .arco-table .arco-table-td .view-btn:active,
.dark-theme .arco-table .arco-table-td .edit-btn:active,
.dark-theme .arco-table .arco-table-td .delete-btn:active {
  background-color: rgba(255, 255, 255, 0.05) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: none !important;
  box-shadow: none !important;
}
.dark-theme .arco-table .arco-table-td .arco-btn::before,
.dark-theme .arco-table .arco-table-td .arco-btn-default::before,
.dark-theme .arco-table .arco-table-td .arco-btn-primary::before,
.dark-theme .arco-table .arco-table-td .arco-btn-text::before,
.dark-theme .arco-table .arco-table-td .arco-btn-text::before,
.dark-theme .arco-table .arco-table-td .arco-btn-ghost::before,
.dark-theme .arco-table .arco-table-td .arco-btn-dashed::before,
.dark-theme .arco-table .arco-table-td button[class*="ant-btn"]::before,
.dark-theme .arco-table .arco-table-td .action-btn::before,
.dark-theme .arco-table .arco-table-td .view-btn::before,
.dark-theme .arco-table .arco-table-td .edit-btn::before,
.dark-theme .arco-table .arco-table-td .delete-btn::before,
.dark-theme .arco-table .arco-table-td .arco-btn::after,
.dark-theme .arco-table .arco-table-td .arco-btn-default::after,
.dark-theme .arco-table .arco-table-td .arco-btn-primary::after,
.dark-theme .arco-table .arco-table-td .arco-btn-text::after,
.dark-theme .arco-table .arco-table-td .arco-btn-text::after,
.dark-theme .arco-table .arco-table-td .arco-btn-ghost::after,
.dark-theme .arco-table .arco-table-td .arco-btn-dashed::after,
.dark-theme .arco-table .arco-table-td button[class*="ant-btn"]::after,
.dark-theme .arco-table .arco-table-td .action-btn::after,
.dark-theme .arco-table .arco-table-td .view-btn::after,
.dark-theme .arco-table .arco-table-td .edit-btn::after,
.dark-theme .arco-table .arco-table-td .delete-btn::after {
  display: none !important;
}
.dark-theme .arco-table .arco-table-td .arco-btn > span,
.dark-theme .arco-table .arco-table-td .arco-btn-default > span,
.dark-theme .arco-table .arco-table-td .arco-btn-primary > span,
.dark-theme .arco-table .arco-table-td .arco-btn-text > span,
.dark-theme .arco-table .arco-table-td .arco-btn-text > span,
.dark-theme .arco-table .arco-table-td .arco-btn-ghost > span,
.dark-theme .arco-table .arco-table-td .arco-btn-dashed > span,
.dark-theme .arco-table .arco-table-td button[class*="ant-btn"] > span,
.dark-theme .arco-table .arco-table-td .action-btn > span,
.dark-theme .arco-table .arco-table-td .view-btn > span,
.dark-theme .arco-table .arco-table-td .edit-btn > span,
.dark-theme .arco-table .arco-table-td .delete-btn > span {
  background: transparent !important;
}
.dark-theme .arco-table .arco-table-td .arco-btn:first-child,
.dark-theme .arco-table .arco-table-td .view-btn,
.dark-theme .arco-table .arco-table-td .detail-btn,
.dark-theme .arco-table .arco-table-td .arco-btn[class*="view"],
.dark-theme .arco-table .arco-table-td .arco-btn[class*="detail"],
.dark-theme .arco-table .arco-table-td a[class*="view"],
.dark-theme .arco-table .arco-table-td a[class*="detail"] {
  color: var(--primary-color) !important;
}
.dark-theme .arco-table .arco-table-td .arco-btn:first-child:hover,
.dark-theme .arco-table .arco-table-td .view-btn:hover,
.dark-theme .arco-table .arco-table-td .detail-btn:hover,
.dark-theme .arco-table .arco-table-td .arco-btn[class*="view"]:hover,
.dark-theme .arco-table .arco-table-td .arco-btn[class*="detail"]:hover,
.dark-theme .arco-table .arco-table-td a[class*="view"]:hover,
.dark-theme .arco-table .arco-table-td a[class*="detail"]:hover {
  color: var(--primary-color-hover) !important;
  text-decoration: underline !important;
}
.dark-theme .arco-table .arco-table-td .edit-btn,
.dark-theme .arco-table .arco-table-td .modify-btn,
.dark-theme .arco-table .arco-table-td .update-btn,
.dark-theme .arco-table .arco-table-td .arco-btn[class*="edit"],
.dark-theme .arco-table .arco-table-td .arco-btn[class*="modify"],
.dark-theme .arco-table .arco-table-td .arco-btn[class*="update"],
.dark-theme .arco-table .arco-table-td a[class*="edit"],
.dark-theme .arco-table .arco-table-td a[class*="modify"] {
  color: #faad14 !important;
}
.dark-theme .arco-table .arco-table-td .edit-btn:hover,
.dark-theme .arco-table .arco-table-td .modify-btn:hover,
.dark-theme .arco-table .arco-table-td .update-btn:hover,
.dark-theme .arco-table .arco-table-td .arco-btn[class*="edit"]:hover,
.dark-theme .arco-table .arco-table-td .arco-btn[class*="modify"]:hover,
.dark-theme .arco-table .arco-table-td .arco-btn[class*="update"]:hover,
.dark-theme .arco-table .arco-table-td a[class*="edit"]:hover,
.dark-theme .arco-table .arco-table-td a[class*="modify"]:hover {
  color: #ffc53d !important;
  text-decoration: underline !important;
}
.dark-theme .arco-table .arco-table-td .delete-btn,
.dark-theme .arco-table .arco-table-td .remove-btn,
.dark-theme .arco-table .arco-table-td .arco-btn[class*="delete"],
.dark-theme .arco-table .arco-table-td .arco-btn[class*="remove"],
.dark-theme .arco-table .arco-table-td .arco-btn-status-danger,
.dark-theme .arco-table .arco-table-td a[class*="delete"],
.dark-theme .arco-table .arco-table-td a[class*="remove"] {
  color: #ff4d4f !important;
}
.dark-theme .arco-table .arco-table-td .delete-btn:hover,
.dark-theme .arco-table .arco-table-td .remove-btn:hover,
.dark-theme .arco-table .arco-table-td .arco-btn[class*="delete"]:hover,
.dark-theme .arco-table .arco-table-td .arco-btn[class*="remove"]:hover,
.dark-theme .arco-table .arco-table-td .arco-btn-status-danger:hover,
.dark-theme .arco-table .arco-table-td a[class*="delete"]:hover,
.dark-theme .arco-table .arco-table-td a[class*="remove"]:hover {
  color: #ff7875 !important;
  text-decoration: underline !important;
}
.dark-theme .arco-table .arco-table-td .warning-btn,
.dark-theme .arco-table .arco-table-td .arco-btn[class*="warning"] {
  color: #fa8c16 !important;
}
.dark-theme .arco-table .arco-table-td .warning-btn:hover,
.dark-theme .arco-table .arco-table-td .arco-btn[class*="warning"]:hover {
  color: #ffa940 !important;
}
.dark-theme .arco-table .arco-table-td .info-btn,
.dark-theme .arco-table .arco-table-td .arco-btn[class*="info"] {
  color: #13c2c2 !important;
}
.dark-theme .arco-table .arco-table-td .info-btn:hover,
.dark-theme .arco-table .arco-table-td .arco-btn[class*="info"]:hover {
  color: #36cfc9 !important;
}
.dark-theme .arco-table .arco-table-td .success-btn,
.dark-theme .arco-table .arco-table-td .arco-btn[class*="success"] {
  color: #52c41a !important;
}
.dark-theme .arco-table .arco-table-td .success-btn:hover,
.dark-theme .arco-table .arco-table-td .arco-btn[class*="success"]:hover {
  color: #73d13d !important;
}
.dark-theme .arco-table .arco-btn-group {
  background-color: transparent !important;
  background: transparent !important;
}
.dark-theme .table-action-bar .arco-btn,
.dark-theme .action-buttons .arco-btn,
.dark-theme .table-actions .arco-btn,
.dark-theme .table-action-bar .arco-btn-default,
.dark-theme .action-buttons .arco-btn-default,
.dark-theme .table-actions .arco-btn-default,
.dark-theme .table-action-bar .arco-btn-text,
.dark-theme .action-buttons .arco-btn-text,
.dark-theme .table-actions .arco-btn-text,
.dark-theme .table-action-bar .arco-btn-text,
.dark-theme .action-buttons .arco-btn-text,
.dark-theme .table-actions .arco-btn-text {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.dark-theme .table-action-bar .arco-btn:hover,
.dark-theme .action-buttons .arco-btn:hover,
.dark-theme .table-actions .arco-btn:hover,
.dark-theme .table-action-bar .arco-btn-default:hover,
.dark-theme .action-buttons .arco-btn-default:hover,
.dark-theme .table-actions .arco-btn-default:hover,
.dark-theme .table-action-bar .arco-btn-text:hover,
.dark-theme .action-buttons .arco-btn-text:hover,
.dark-theme .table-actions .arco-btn-text:hover,
.dark-theme .table-action-bar .arco-btn-text:hover,
.dark-theme .action-buttons .arco-btn-text:hover,
.dark-theme .table-actions .arco-btn-text:hover,
.dark-theme .table-action-bar .arco-btn:focus,
.dark-theme .action-buttons .arco-btn:focus,
.dark-theme .table-actions .arco-btn:focus,
.dark-theme .table-action-bar .arco-btn-default:focus,
.dark-theme .action-buttons .arco-btn-default:focus,
.dark-theme .table-actions .arco-btn-default:focus,
.dark-theme .table-action-bar .arco-btn-text:focus,
.dark-theme .action-buttons .arco-btn-text:focus,
.dark-theme .table-actions .arco-btn-text:focus,
.dark-theme .table-action-bar .arco-btn-text:focus,
.dark-theme .action-buttons .arco-btn-text:focus,
.dark-theme .table-actions .arco-btn-text:focus {
  background-color: transparent !important;
  background: transparent !important;
}
.dark-theme .arco-table-td a.arco-btn,
.dark-theme .arco-table-td a[role="button"] {
  background: transparent !important;
  border: none !important;
}
.dark-theme .arco-table-td a.arco-btn:hover,
.dark-theme .arco-table-td a[role="button"]:hover {
  background: transparent !important;
}
.dark-theme .arco-pagination {
  background-color: transparent !important;
}
.dark-theme .arco-pagination .arco-pagination-item {
  background-color: transparent !important;
  border-color: var(--border-color-base) !important;
}
.dark-theme .arco-pagination .arco-pagination-item a {
  color: var(--text-secondary) !important;
}
.dark-theme .arco-pagination .arco-pagination-item:hover {
  border-color: var(--primary-color) !important;
}
.dark-theme .arco-pagination .arco-pagination-item:hover a {
  color: var(--primary-color) !important;
}
.dark-theme .arco-pagination .arco-pagination-item-active {
  background-color: transparent !important;
  border-color: var(--primary-color) !important;
}
.dark-theme .arco-pagination .arco-pagination-item-active a {
  color: var(--primary-color) !important;
}
.dark-theme .arco-pagination .arco-pagination-prev,
.dark-theme .arco-pagination .arco-pagination-next {
  background-color: transparent !important;
  border-color: var(--border-color-base) !important;
}
.dark-theme .arco-pagination .arco-pagination-prev .arco-pagination-item-link,
.dark-theme .arco-pagination .arco-pagination-next .arco-pagination-item-link {
  color: var(--text-secondary) !important;
  background-color: transparent !important;
  border: none !important;
}
.dark-theme .arco-pagination .arco-pagination-prev:hover .arco-pagination-item-link,
.dark-theme .arco-pagination .arco-pagination-next:hover .arco-pagination-item-link {
  color: var(--primary-color) !important;
}
.dark-theme .arco-pagination .arco-pagination-total-text {
  color: var(--text-tertiary) !important;
}
.dark-theme .arco-pagination .arco-pagination-options .arco-select-selector {
  background-color: transparent !important;
  border-color: var(--border-color-base) !important;
}
.dark-theme .arco-pagination .arco-pagination-options-quick-jumper {
  color: var(--text-secondary) !important;
}
.dark-theme .arco-pagination .arco-pagination-options-quick-jumper input {
  background-color: var(--component-background) !important;
  border-color: var(--border-color-base) !important;
  color: var(--text-primary) !important;
}
.dark-theme .arco-pagination .arco-pagination-options-quick-jumper input:hover {
  border-color: var(--primary-color) !important;
}
.dark-theme .arco-pagination .arco-pagination-options-quick-jumper input:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 2px var(--primary-alpha-20) !important;
}
.dark-theme .arco-table-pagination,
.dark-theme .arco-table-pagination-left,
.dark-theme .arco-table-pagination-right {
  background-color: transparent !important;
}
.dark-theme .arco-table {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.dark-theme .arco-table::before,
.dark-theme .arco-table::after {
  display: none !important;
}
.dark-theme .arco-table .arco-table {
  border: none !important;
}
.dark-theme .arco-table-bordered .arco-table-container {
  border-left: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-top: 0 !important;
  border-radius: 12px !important;
}
.dark-theme .arco-table-bordered .arco-table-container::before {
  display: none !important;
}
.dark-theme .arco-table-bordered .arco-table-td {
  border-right: none !important;
  border-left: none !important;
}
.dark-theme .arco-table-bordered .arco-table-header > tr:first-child > th {
  border-top: none !important;
}
.dark-theme .arco-table,
.dark-theme .arco-table-container,
.dark-theme .arco-table-header,
.dark-theme .arco-table-content,
.dark-theme .arco-table,
.dark-theme .arco-table-header,
.dark-theme .arco-table-th {
  border-top: 0 !important;
  box-shadow: none !important;
}
.dark-theme .arco-table {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.dark-theme .arco-card-body div:has(> .arco-table),
.dark-theme .arco-card-body div:has(> .arco-spin-nested-loading),
.dark-theme .arco-card-body div:has(> .arco-table),
.dark-theme .arco-card-body .table-operator,
.dark-theme .arco-card-body .hone-pro-table-search,
.dark-theme .arco-card-body .hone-pro-table-toolbar {
  border-bottom: none !important;
  border-color: transparent !important;
}
.dark-theme .arco-card-body > div:has(+ .arco-table),
.dark-theme .arco-card-body > div:has(+ .arco-spin-nested-loading),
.dark-theme .arco-card-body > div:has(+ .arco-table),
.dark-theme .arco-card-body > div:has(+ .arco-table-container) {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.dark-theme .arco-card-body .arco-divider-horizontal {
  display: none !important;
}
.dark-theme .arco-table-tr:last-child > td {
  border-bottom: none !important;
}
.dark-theme .arco-table-container {
  border-bottom: none !important;
}
.dark-theme .arco-card .arco-table {
  border-bottom: none !important;
}
.dark-theme .arco-card .arco-table .arco-table {
  border-bottom: none !important;
}
.dark-theme .arco-card .arco-table .arco-table-container {
  border-bottom: none !important;
}
.dark-theme .arco-table .arco-spin-container::after {
  display: none !important;
}
.dark-theme .arco-table-content {
  border-bottom: none !important;
}
.dark-theme .arco-table-scroll {
  border-bottom: none !important;
}
.dark-theme .table-actions-wrapper {
  border-bottom: none !important;
  margin-bottom: 8px !important;
  padding-bottom: 0 !important;
}
.dark-theme .arco-card {
  border-color: rgba(255, 255, 255, 0.05) !important;
}
.dark-theme .arco-table .arco-checkbox .arco-checkbox-inner {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 4px !important;
  transition: all 0.2s ease !important;
}
.dark-theme .arco-table .arco-checkbox:hover .arco-checkbox-inner {
  border-color: var(--primary-color) !important;
}
.dark-theme .arco-table .arco-checkbox.arco-checkbox-checked .arco-checkbox-inner {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.dark-theme .arco-table .arco-checkbox.arco-checkbox-checked .arco-checkbox-inner::after {
  border-color: #fff !important;
}
.dark-theme .arco-table .arco-checkbox.arco-checkbox-indeterminate .arco-checkbox-inner {
  background-color: transparent !important;
  border-color: var(--primary-color) !important;
}
.dark-theme .arco-table .arco-checkbox.arco-checkbox-indeterminate .arco-checkbox-inner::after {
  background-color: var(--primary-color) !important;
}
.dark-theme .arco-table .arco-checkbox-disabled .arco-checkbox-inner {
  background-color: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
.dark-theme .arco-checkbox .arco-checkbox-inner {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 4px !important;
}
.dark-theme .arco-checkbox:hover .arco-checkbox-inner {
  border-color: var(--primary-color) !important;
}
.dark-theme .arco-checkbox.arco-checkbox-checked .arco-checkbox-inner {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.hone-pro-table-container .arco-table-th,
.arco-table .arco-table-th {
  background-color: var(--color-fill-2);
  font-weight: 500;
  color: var(--color-text-1);
}
.hone-pro-table-container .arco-table-td,
.arco-table .arco-table-td {
  color: var(--color-text-1);
}
.hone-pro-table-container:not(.arco-table-border) .arco-table-tr:not(.arco-table-tr-empty) .arco-table-td,
.arco-table:not(.arco-table-border) .arco-table-tr:not(.arco-table-tr-empty) .arco-table-td {
  border-bottom: 1px solid var(--color-border-2);
}
.hone-pro-table-container .arco-pagination,
.arco-table .arco-pagination {
  margin-top: 16px;
  justify-content: flex-end;
}
.table-actions-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
/**
 * 表单组件专用样式
 * 包含输入框、选择器、表单验证等相关样式
 */
.arco-input-search {
  display: flex !important;
  align-items: stretch !important;
}
.arco-input-search.arco-input-group {
  display: flex !important;
}
.arco-input-search.arco-input-group .arco-input-group-wrapper {
  display: flex !important;
  flex: 1 !important;
}
.arco-input-search .arco-input {
  border-right: none !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.arco-input-search .arco-input:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2) !important;
  z-index: 1 !important;
}
.arco-input-search .arco-input-search-button {
  border-left: none !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  margin-left: -1px !important;
}
.arco-input-search .arco-input-search-button:hover {
  background-color: var(--primary-color-hover) !important;
  border-color: var(--primary-color-hover) !important;
}
.arco-input-search .arco-input-group-addon {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}
.arco-input-search .arco-input-group-addon .arco-btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.dark-theme .arco-input,
.dark-theme .arco-input-number,
.dark-theme .arco-input-number-input,
.dark-theme .arco-input-password,
.dark-theme .arco-textarea,
.dark-theme .arco-mentions {
  background-color: var(--input-bg) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--input-border) !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}
.dark-theme .arco-input::placeholder,
.dark-theme .arco-input-number::placeholder,
.dark-theme .arco-input-number-input::placeholder,
.dark-theme .arco-input-password::placeholder,
.dark-theme .arco-textarea::placeholder,
.dark-theme .arco-mentions::placeholder {
  color: var(--text-tertiary) !important;
}
.dark-theme .arco-input:hover,
.dark-theme .arco-input-number:hover,
.dark-theme .arco-input-number-input:hover,
.dark-theme .arco-input-password:hover,
.dark-theme .arco-textarea:hover,
.dark-theme .arco-mentions:hover {
  border-color: var(--input-border-hover) !important;
  background-color: var(--input-bg) !important;
}
.dark-theme .arco-input:focus,
.dark-theme .arco-input-number:focus,
.dark-theme .arco-input-number-input:focus,
.dark-theme .arco-input-password:focus,
.dark-theme .arco-textarea:focus,
.dark-theme .arco-mentions:focus {
  border-color: var(--input-border-focus) !important;
  box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.15) !important;
  background-color: var(--input-bg) !important;
}
.dark-theme .arco-input-number {
  background-color: var(--input-bg) !important;
  border: 1px solid var(--input-border) !important;
}
.dark-theme .arco-input-number .arco-input-number-input {
  background-color: transparent !important;
  border: none !important;
}
.dark-theme .arco-input-number .arco-input-number-handler-wrap {
  background-color: var(--input-bg) !important;
  border-left: 1px solid var(--input-border) !important;
}
.dark-theme .arco-input-number:hover {
  border-color: var(--input-border-hover) !important;
}
.dark-theme .arco-input-number:focus,
.dark-theme .arco-input-number.arco-input-number-focused {
  border-color: var(--input-border-focus) !important;
  box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.15) !important;
}
.dark-theme .arco-select .arco-select-selector {
  background-color: var(--input-bg) !important;
  border: 1px solid var(--input-border) !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}
.dark-theme .arco-select .arco-select-selector .arco-select-selection-placeholder {
  color: var(--text-tertiary) !important;
}
.dark-theme .arco-select .arco-select-selector .arco-select-selection-item {
  color: var(--text-primary) !important;
}
.dark-theme .arco-select .arco-select-selector .arco-select-selection-search-input {
  background-color: transparent !important;
}
.dark-theme .arco-select:hover .arco-select-selector {
  border-color: var(--input-border-hover) !important;
}
.dark-theme .arco-select.arco-select-focused .arco-select-selector,
.dark-theme .arco-select.arco-select-open .arco-select-selector {
  border-color: var(--input-border-focus) !important;
  box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.15) !important;
}
.dark-theme .arco-picker {
  background-color: var(--input-bg) !important;
  border: 1px solid var(--input-border) !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}
.dark-theme .arco-picker .arco-picker-input > input {
  background-color: transparent !important;
  color: var(--text-primary) !important;
}
.dark-theme .arco-picker .arco-picker-input > input::placeholder {
  color: var(--text-tertiary) !important;
}
.dark-theme .arco-picker .arco-picker-suffix,
.dark-theme .arco-picker .arco-picker-clear {
  color: var(--text-secondary) !important;
}
.dark-theme .arco-picker:hover {
  border-color: var(--input-border-hover) !important;
}
.dark-theme .arco-picker.arco-picker-focused,
.dark-theme .arco-picker:focus {
  border-color: var(--input-border-focus) !important;
  box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.15) !important;
}
.dark-theme .arco-cascader .arco-select-selector {
  background-color: var(--input-bg) !important;
  border: 1px solid var(--input-border) !important;
}
.dark-theme .arco-tree-select .arco-select-selector {
  background-color: var(--input-bg) !important;
  border: 1px solid var(--input-border) !important;
}
.dark-theme .arco-input-group .arco-input-group-addon {
  background-color: var(--component-background) !important;
  border-color: var(--border-color-base) !important;
  color: var(--text-primary) !important;
}
.dark-theme .arco-input-search {
  display: flex !important;
  align-items: stretch !important;
}
.dark-theme .arco-input-search.arco-input-group {
  display: flex !important;
}
.dark-theme .arco-input-search.arco-input-group .arco-input-group-wrapper {
  display: flex !important;
  flex: 1 !important;
}
.dark-theme .arco-input-search .arco-input {
  border-right: none !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  background-color: var(--input-bg) !important;
}
.dark-theme .arco-input-search .arco-input:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2) !important;
  z-index: 1 !important;
}
.dark-theme .arco-input-search .arco-input-search-button {
  border-left: none !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  margin-left: -1px !important;
}
.dark-theme .arco-input-search .arco-input-search-button:hover {
  background-color: var(--primary-color-hover) !important;
  border-color: var(--primary-color-hover) !important;
}
.dark-theme .arco-input-search .arco-input-group-addon {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}
.dark-theme .arco-input-search .arco-input-group-addon .arco-btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.dark-theme .arco-input-affix-wrapper {
  background-color: var(--input-bg) !important;
  border: 1px solid var(--input-border) !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}
.dark-theme .arco-input-affix-wrapper .arco-input {
  background-color: transparent !important;
  border: none !important;
}
.dark-theme .arco-input-affix-wrapper .arco-input-prefix,
.dark-theme .arco-input-affix-wrapper .arco-input-suffix {
  color: var(--text-secondary) !important;
}
.dark-theme .arco-input-affix-wrapper:hover {
  border-color: var(--input-border-hover) !important;
}
.dark-theme .arco-input-affix-wrapper:focus,
.dark-theme .arco-input-affix-wrapper.arco-input-affix-wrapper-focused {
  border-color: var(--input-border-focus) !important;
  box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.15) !important;
}
.dark-theme .arco-form-item-label > label {
  color: var(--text-primary) !important;
}
.dark-theme .arco-form-item-explain-error {
  color: #ff4d4f !important;
}
.dark-theme .arco-form-item-explain-success {
  color: #52c41a !important;
}
.dark-theme .arco-form-item-explain-warning {
  color: #faad14 !important;
}
.dark-theme .arco-checkbox-wrapper,
.dark-theme .arco-radio-wrapper {
  color: var(--text-primary) !important;
}
.dark-theme .arco-checkbox-inner,
.dark-theme .arco-radio-inner {
  background-color: var(--input-bg) !important;
  border-color: var(--border-color-base) !important;
}
.dark-theme .arco-checkbox-checked .arco-checkbox-inner,
.dark-theme .arco-radio-checked .arco-radio-inner {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.dark-theme .arco-radio-group .arco-radio-button-wrapper {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--text-secondary) !important;
}
.dark-theme .arco-radio-group .arco-radio-button-wrapper:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.dark-theme .arco-radio-group .arco-radio-button-wrapper:hover {
  color: var(--primary-color) !important;
}
.dark-theme .arco-radio-group .arco-radio-button-wrapper-checked:not(.arco-radio-button-wrapper-disabled) {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #fff !important;
}
.dark-theme .arco-radio-group .arco-radio-button-wrapper-checked:not(.arco-radio-button-wrapper-disabled)::before {
  background-color: var(--primary-color) !important;
}
.dark-theme .arco-switch {
  background-color: rgba(255, 255, 255, 0.15) !important;
}
.dark-theme .arco-switch .arco-switch-inner {
  color: var(--text-primary) !important;
}
.dark-theme .arco-switch-checked {
  background-color: var(--primary-color) !important;
}
.dark-theme .arco-switch .arco-switch-handle::before {
  background-color: #fff !important;
}
.dark-theme .arco-input::placeholder,
.dark-theme .arco-input-number-input::placeholder,
.dark-theme .arco-select-selection-placeholder,
.dark-theme .arco-picker-input > input::placeholder,
.dark-theme .arco-input-affix-wrapper input::placeholder,
.dark-theme .arco-textarea::placeholder {
  color: var(--text-secondary) !important;
  opacity: 0.65 !important;
  background-color: transparent !important;
}
.dark-theme .search-form,
.dark-theme .search-actions,
.dark-theme .filter-form,
.dark-theme .query-form,
.dark-theme [class*="search-"],
.dark-theme [class*="filter-"],
.dark-theme [class*="query-"] {
  background-color: transparent !important;
  background: transparent !important;
}
.dark-theme .search-form .arco-form-item,
.dark-theme .search-actions .arco-form-item,
.dark-theme .filter-form .arco-form-item,
.dark-theme .query-form .arco-form-item,
.dark-theme [class*="search-"] .arco-form-item,
.dark-theme [class*="filter-"] .arco-form-item,
.dark-theme [class*="query-"] .arco-form-item,
.dark-theme .search-form .arco-form-item-wrapper,
.dark-theme .search-actions .arco-form-item-wrapper,
.dark-theme .filter-form .arco-form-item-wrapper,
.dark-theme .query-form .arco-form-item-wrapper,
.dark-theme [class*="search-"] .arco-form-item-wrapper,
.dark-theme [class*="filter-"] .arco-form-item-wrapper,
.dark-theme [class*="query-"] .arco-form-item-wrapper,
.dark-theme .search-form .arco-form-item-wrapper-input,
.dark-theme .search-actions .arco-form-item-wrapper-input,
.dark-theme .filter-form .arco-form-item-wrapper-input,
.dark-theme .query-form .arco-form-item-wrapper-input,
.dark-theme [class*="search-"] .arco-form-item-wrapper-input,
.dark-theme [class*="filter-"] .arco-form-item-wrapper-input,
.dark-theme [class*="query-"] .arco-form-item-wrapper-input,
.dark-theme .search-form .arco-form-item-wrapper-input-content,
.dark-theme .search-actions .arco-form-item-wrapper-input-content,
.dark-theme .filter-form .arco-form-item-wrapper-input-content,
.dark-theme .query-form .arco-form-item-wrapper-input-content,
.dark-theme [class*="search-"] .arco-form-item-wrapper-input-content,
.dark-theme [class*="filter-"] .arco-form-item-wrapper-input-content,
.dark-theme [class*="query-"] .arco-form-item-wrapper-input-content {
  background-color: transparent !important;
  background: transparent !important;
}
.dark-theme .search-form .arco-space,
.dark-theme .search-actions .arco-space,
.dark-theme .filter-form .arco-space,
.dark-theme .query-form .arco-space,
.dark-theme [class*="search-"] .arco-space,
.dark-theme [class*="filter-"] .arco-space,
.dark-theme [class*="query-"] .arco-space,
.dark-theme .search-form .arco-space-item,
.dark-theme .search-actions .arco-space-item,
.dark-theme .filter-form .arco-space-item,
.dark-theme .query-form .arco-space-item,
.dark-theme [class*="search-"] .arco-space-item,
.dark-theme [class*="filter-"] .arco-space-item,
.dark-theme [class*="query-"] .arco-space-item,
.dark-theme .search-form .arco-btn-group,
.dark-theme .search-actions .arco-btn-group,
.dark-theme .filter-form .arco-btn-group,
.dark-theme .query-form .arco-btn-group,
.dark-theme [class*="search-"] .arco-btn-group,
.dark-theme [class*="filter-"] .arco-btn-group,
.dark-theme [class*="query-"] .arco-btn-group,
.dark-theme .search-form .button-group,
.dark-theme .search-actions .button-group,
.dark-theme .filter-form .button-group,
.dark-theme .query-form .button-group,
.dark-theme [class*="search-"] .button-group,
.dark-theme [class*="filter-"] .button-group,
.dark-theme [class*="query-"] .button-group,
.dark-theme .search-form .btn-group,
.dark-theme .search-actions .btn-group,
.dark-theme .filter-form .btn-group,
.dark-theme .query-form .btn-group,
.dark-theme [class*="search-"] .btn-group,
.dark-theme [class*="filter-"] .btn-group,
.dark-theme [class*="query-"] .btn-group,
.dark-theme .search-form [class*="button"],
.dark-theme .search-actions [class*="button"],
.dark-theme .filter-form [class*="button"],
.dark-theme .query-form [class*="button"],
.dark-theme [class*="search-"] [class*="button"],
.dark-theme [class*="filter-"] [class*="button"],
.dark-theme [class*="query-"] [class*="button"],
.dark-theme .search-form [class*="action"],
.dark-theme .search-actions [class*="action"],
.dark-theme .filter-form [class*="action"],
.dark-theme .query-form [class*="action"],
.dark-theme [class*="search-"] [class*="action"],
.dark-theme [class*="filter-"] [class*="action"],
.dark-theme [class*="query-"] [class*="action"] {
  background-color: transparent !important;
  background: transparent !important;
}
.dark-theme .search-form .arco-row,
.dark-theme .search-actions .arco-row,
.dark-theme .filter-form .arco-row,
.dark-theme .query-form .arco-row,
.dark-theme [class*="search-"] .arco-row,
.dark-theme [class*="filter-"] .arco-row,
.dark-theme [class*="query-"] .arco-row,
.dark-theme .search-form .arco-col,
.dark-theme .search-actions .arco-col,
.dark-theme .filter-form .arco-col,
.dark-theme .query-form .arco-col,
.dark-theme [class*="search-"] .arco-col,
.dark-theme [class*="filter-"] .arco-col,
.dark-theme [class*="query-"] .arco-col {
  background-color: transparent !important;
  background: transparent !important;
}
.dark-theme .arco-form .arco-form-item:last-child,
.dark-theme .arco-form .form-actions,
.dark-theme .arco-form .form-buttons,
.dark-theme .arco-form .submit-row {
  background-color: transparent !important;
  background: transparent !important;
}
.dark-theme .arco-form .arco-form-item:last-child .arco-form-item-wrapper-input-content,
.dark-theme .arco-form .form-actions .arco-form-item-wrapper-input-content,
.dark-theme .arco-form .form-buttons .arco-form-item-wrapper-input-content,
.dark-theme .arco-form .submit-row .arco-form-item-wrapper-input-content {
  background-color: transparent !important;
  background: transparent !important;
}
.dark-theme .arco-space {
  background-color: transparent !important;
  background: transparent !important;
}
.dark-theme .arco-space .arco-space-item {
  background-color: transparent !important;
  background: transparent !important;
}
/**
 * Modal弹窗组件专用样式
 * 暗黑模式优化 - 遵循"海拔越高，颜色越亮"原则
 *
 * 优化内容：
 * 1. 提升海拔色调 - 让弹窗从背景中"跳"出来
 * 2. 发光边框 - 精致的1px半透明边框
 * 3. 毛玻璃遮罩 - backdrop-filter模糊效果
 * 4. 扩散式阴影 - 增强层次感
 * 5. 标题栏优化 - 更精致的顶部设计
 * 6. 关闭按钮优化 - 提升对比度
 */
.dark-theme .arco-modal-mask {
  background-color: var(--modal-mask-bg) !important;
  backdrop-filter: blur(var(--modal-mask-blur)) !important;
  -webkit-backdrop-filter: blur(var(--modal-mask-blur)) !important;
}
.dark-theme .arco-modal .arco-modal-content {
  background-color: var(--modal-bg) !important;
  border: 1px solid var(--modal-border) !important;
  border-radius: 12px !important;
  box-shadow: var(--modal-shadow) !important;
  overflow: hidden;
}
.dark-theme .arco-modal .arco-modal-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 50%, transparent 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.dark-theme .arco-modal-header {
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 16px 24px !important;
  margin: 0 !important;
  border-radius: 12px 12px 0 0 !important;
}
.dark-theme .arco-modal-header .arco-modal-title {
  color: var(--text-primary) !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  padding-left: 12px !important;
  border-left: 3px solid var(--primary-color) !important;
  line-height: 1.4 !important;
}
.dark-theme .arco-modal-close {
  color: var(--modal-close-color) !important;
  transition: all 0.2s ease !important;
  top: 12px !important;
  right: 12px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 6px !important;
}
.dark-theme .arco-modal-close:hover {
  color: var(--modal-close-hover-color) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.dark-theme .arco-modal-close .arco-modal-close-x {
  width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
  font-size: 16px !important;
}
.dark-theme .arco-modal-body {
  background-color: var(--modal-bg) !important;
  padding: 24px !important;
  color: var(--text-primary) !important;
}
.dark-theme .arco-modal-body .arco-form-item-label > label {
  color: var(--text-secondary) !important;
}
.dark-theme .arco-modal-body .arco-form-item-required::before {
  color: #ff6b6b !important;
}
.dark-theme .arco-modal-footer {
  background-color: var(--modal-bg) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  padding: 16px 24px !important;
  margin: 0 !important;
  border-radius: 0 0 12px 12px !important;
}
.dark-theme .arco-modal-footer .arco-btn:not(.arco-btn-primary) {
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: var(--text-secondary) !important;
}
.dark-theme .arco-modal-footer .arco-btn:not(.arco-btn-primary):hover {
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
  background-color: rgba(96, 165, 250, 0.1) !important;
}
.dark-theme .arco-modal-footer .arco-btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(96, 165, 250, 0.35) !important;
}
.dark-theme .arco-modal-footer .arco-btn-primary:hover {
  background-color: var(--primary-color-hover) !important;
  border-color: var(--primary-color-hover) !important;
  box-shadow: 0 4px 12px rgba(96, 165, 250, 0.45) !important;
}
.dark-theme .arco-modal-confirm .arco-modal-content {
  padding: 0 !important;
}
.dark-theme .arco-modal-confirm .arco-modal-confirm-body-wrapper {
  padding: 24px !important;
}
.dark-theme .arco-modal-confirm .arco-modal-confirm-title {
  color: var(--text-primary) !important;
  font-weight: 600 !important;
}
.dark-theme .arco-modal-confirm .arco-modal-confirm-content {
  color: var(--text-secondary) !important;
  margin-top: 8px !important;
}
.dark-theme .arco-modal-confirm .arco-modal-confirm-btns {
  margin-top: 24px !important;
}
.dark-theme .arco-modal-body .arco-tree {
  background: var(--modal-input-bg) !important;
  border-radius: 8px !important;
  padding: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.dark-theme .arco-modal-body .arco-tree .arco-tree-node-content-wrapper {
  color: var(--text-primary) !important;
  border-radius: 4px !important;
}
.dark-theme .arco-modal-body .arco-tree .arco-tree-node-content-wrapper:hover {
  background-color: rgba(96, 165, 250, 0.1) !important;
}
.dark-theme .arco-modal-body .arco-tree .arco-tree-node-content-wrapper.arco-tree-node-selected {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}
.dark-theme .arco-modal-body .arco-tree .arco-tree-switcher {
  color: var(--text-secondary) !important;
}
.dark-theme .arco-modal-body .arco-tree .arco-tree-checkbox .arco-tree-checkbox-inner {
  background-color: var(--modal-input-bg) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.dark-theme .arco-modal-body .arco-tree .arco-tree-checkbox.arco-tree-checkbox-checked .arco-tree-checkbox-inner {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.dark-theme .arco-select-dropdown {
  background-color: var(--component-background) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
}
.dark-theme .arco-select-dropdown .rc-virtual-list {
  background-color: transparent !important;
  background: transparent !important;
}
.dark-theme .arco-select-dropdown .rc-virtual-list-holder {
  background-color: transparent !important;
  background: transparent !important;
}
.dark-theme .arco-select-dropdown .rc-virtual-list-holder-inner {
  background-color: transparent !important;
  background: transparent !important;
}
.dark-theme .arco-select-dropdown .arco-select-item {
  background-color: transparent !important;
  background: transparent !important;
  color: var(--text-primary) !important;
  border-radius: 4px !important;
  margin: 2px 4px !important;
}
.dark-theme .arco-select-dropdown .arco-select-item .arco-select-item-option-content {
  background-color: transparent !important;
  background: transparent !important;
}
.dark-theme .arco-select-dropdown .arco-select-item:hover,
.dark-theme .arco-select-dropdown .arco-select-item.arco-select-item-option-active {
  background-color: rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}
.dark-theme .arco-select-dropdown .arco-select-item.arco-select-item-option-selected {
  background-color: var(--primary-color) !important;
  background: var(--primary-color) !important;
  color: #fff !important;
  font-weight: 600 !important;
}
.dark-theme .arco-select-dropdown .arco-select-item.arco-select-item-option-selected .arco-select-item-option-content {
  color: #fff !important;
}
.dark-theme .arco-select-dropdown .arco-select-item.arco-select-item-option-selected .arco-select-item-option-state {
  color: #fff !important;
}
.dark-theme .arco-select-dropdown .arco-select-item-group {
  background-color: transparent !important;
  color: var(--text-secondary) !important;
}
.dark-theme .arco-dropdown-menu {
  background-color: var(--component-background) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.dark-theme .arco-dropdown-menu .arco-dropdown-menu-item,
.dark-theme .arco-dropdown-menu .arco-dropdown-menu-item-only-child {
  background-color: transparent !important;
  background: transparent !important;
}
.dark-theme .arco-tree-select-dropdown .arco-select-tree,
.dark-theme .arco-select-tree-dropdown .arco-select-tree,
.dark-theme .arco-tree-select-dropdown .arco-select-tree-list-holder-inner,
.dark-theme .arco-select-tree-dropdown .arco-select-tree-list-holder-inner {
  background-color: transparent !important;
}
.dark-theme .arco-cascader-dropdown .arco-cascader-menus,
.dark-theme .arco-cascader-dropdown .arco-cascader-menu {
  background-color: transparent !important;
}
.dark-theme .arco-picker-dropdown .arco-picker-panel {
  background-color: transparent !important;
}
body:not(.dark-theme) .arco-modal-content {
  border-radius: 12px !important;
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.12) !important;
}
body:not(.dark-theme) .arco-modal-footer {
  border-radius: 0 0 12px 12px !important;
}
.arco-modal .arco-modal-header {
  border-bottom: 1px solid var(--color-border-2);
}
.arco-modal .arco-modal-footer {
  border-top: 1px solid var(--color-border-2);
  border-radius: 0 0 var(--border-radius-medium, 4px) var(--border-radius-medium, 4px);
}
.arco-modal .arco-modal-body {
  max-height: min(70vh, 720px);
  overflow: auto;
}
.arco-modal-simple .arco-btn + .arco-btn,
.arco-modal .arco-btn + .arco-btn {
  margin-left: 8px;
}
/**
 * WangEditor 富文本编辑器暗黑模式
 */
.dark-theme .wangeditor-wrapper,
.dark-theme .editor {
  border-color: var(--border-color-base) !important;
  background-color: var(--component-background) !important;
}
.dark-theme .w-e-toolbar,
.dark-theme .w-e-bar {
  background-color: var(--table-header-bg) !important;
  border-color: var(--border-color-split) !important;
}
.dark-theme .w-e-text-container {
  background-color: var(--component-background) !important;
}
.dark-theme .w-e-text-container [data-slate-editor="true"] {
  color: var(--text-color) !important;
}
.dark-theme [style*="background-color: rgb(255, 255, 255)"],
.dark-theme [style*="background:#fff"],
.dark-theme [style*="background-color:#fff"] {
  background-color: var(--component-background) !important;
}
.dark-theme .w-e-bar-item svg {
  fill: var(--text-color) !important;
}
.dark-theme .w-e-bar-item.w-e-bar-item-active svg {
  fill: var(--primary-color) !important;
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: var(--text-primary);
  background: var(--page-background-gradient);
}
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.45) transparent;
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.45);
}
*::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 116, 139, 0.58);
}
*::-webkit-scrollbar-corner {
  background: transparent;
}
.header-bar .header-icon-btn.arco-btn,
.header-bar .header-icon-btn.arco-btn-text,
.header-bar .message-center-container .header-icon-btn.arco-btn,
.header-bar .message-center-container .header-icon-btn.arco-btn-text {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.header-bar .header-icon-btn.arco-btn:hover,
.header-bar .header-icon-btn.arco-btn-text:hover,
.header-bar .message-center-container .header-icon-btn.arco-btn:hover,
.header-bar .message-center-container .header-icon-btn.arco-btn-text:hover,
.header-bar .header-icon-btn.arco-btn:focus,
.header-bar .header-icon-btn.arco-btn-text:focus,
.header-bar .message-center-container .header-icon-btn.arco-btn:focus,
.header-bar .message-center-container .header-icon-btn.arco-btn-text:focus,
.header-bar .header-icon-btn.arco-btn:active,
.header-bar .header-icon-btn.arco-btn-text:active,
.header-bar .message-center-container .header-icon-btn.arco-btn:active,
.header-bar .message-center-container .header-icon-btn.arco-btn-text:active {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.dark-theme body,
.dark-theme .arco-layout,
.dark-theme .arco-app,
.dark-theme #app,
.dark-theme .page-container,
.dark-theme .content-wrapper,
.dark-theme .layout-container {
  background: var(--page-background-gradient) !important;
}
body.dark-theme .arco-drawer-content,
html.dark-theme .arco-drawer-content,
body.dark-theme .arco-drawer-header,
html.dark-theme .arco-drawer-header,
body.dark-theme .arco-modal-content,
html.dark-theme .arco-modal-content,
body.dark-theme .arco-modal-header,
html.dark-theme .arco-modal-header,
body.dark-theme .arco-popover-inner,
html.dark-theme .arco-popover-inner,
body.dark-theme .arco-select-dropdown,
html.dark-theme .arco-select-dropdown,
body.dark-theme .arco-dropdown-menu,
html.dark-theme .arco-dropdown-menu {
  --ant-component-background: var(--component-background);
  --ant-container-background: var(--component-background);
  background-color: var(--modal-bg) !important;
}
body.dark-theme .arco-drawer-mask,
html.dark-theme .arco-drawer-mask {
  background-color: rgba(0, 0, 0, 0.45) !important;
  backdrop-filter: blur(4px);
}
body.dark-theme .arco-drawer-content,
html.dark-theme .arco-drawer-content,
body.dark-theme .arco-drawer-header,
html.dark-theme .arco-drawer-header,
body.dark-theme .arco-drawer-wrapper-body,
html.dark-theme .arco-drawer-wrapper-body,
body.dark-theme .arco-drawer-body,
html.dark-theme .arco-drawer-body,
body.dark-theme .arco-modal-content,
html.dark-theme .arco-modal-content,
body.dark-theme .arco-modal-header,
html.dark-theme .arco-modal-header,
body.dark-theme .arco-modal-body,
html.dark-theme .arco-modal-body,
body.dark-theme .arco-modal-footer,
html.dark-theme .arco-modal-footer {
  background-color: var(--modal-bg) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color-split) !important;
}
body.dark-theme .theme-setting-drawer .arco-drawer-content,
html.dark-theme .theme-setting-drawer .arco-drawer-content,
body.dark-theme .theme-setting-drawer .arco-drawer-header,
html.dark-theme .theme-setting-drawer .arco-drawer-header,
body.dark-theme .theme-setting-drawer .arco-drawer-body,
html.dark-theme .theme-setting-drawer .arco-drawer-body {
  background-color: var(--drawer-bg) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .theme-setting-drawer .arco-divider-inner-text,
html.dark-theme .theme-setting-drawer .arco-divider-inner-text {
  color: var(--text-primary) !important;
  background-color: transparent !important;
  font-weight: 600;
}
body.dark-theme .theme-setting-drawer .arco-list-item,
html.dark-theme .theme-setting-drawer .arco-list-item {
  color: var(--text-primary) !important;
}
body.dark-theme .theme-setting-drawer .setting-drawer-block h3,
html.dark-theme .theme-setting-drawer .setting-drawer-block h3 {
  color: var(--text-primary) !important;
}
body.dark-theme .theme-setting-drawer .setting-drawer-block-checbox-item,
html.dark-theme .theme-setting-drawer .setting-drawer-block-checbox-item {
  background-color: var(--component-background) !important;
  border-color: var(--border-color-base) !important;
}
body.dark-theme .theme-setting-drawer .setting-drawer-block-checbox-item img,
html.dark-theme .theme-setting-drawer .setting-drawer-block-checbox-item img {
  filter: invert(0.8) hue-rotate(180deg) brightness(1.2);
  opacity: 0.7;
}
body.dark-theme .theme-setting-drawer .setting-drawer-block-checbox-item.active,
html.dark-theme .theme-setting-drawer .setting-drawer-block-checbox-item.active {
  border-color: var(--primary-color) !important;
  background-color: rgba(24, 144, 255, 0.1) !important;
}
body.dark-theme .theme-setting-drawer .setting-drawer-block-checbox-item.active img,
html.dark-theme .theme-setting-drawer .setting-drawer-block-checbox-item.active img {
  filter: none;
  opacity: 1;
}
body.dark-theme .arco-drawer-title,
html.dark-theme .arco-drawer-title,
body.dark-theme .arco-drawer-close,
html.dark-theme .arco-drawer-close,
body.dark-theme .arco-modal-title,
html.dark-theme .arco-modal-title,
body.dark-theme .arco-modal-close,
html.dark-theme .arco-modal-close {
  color: var(--text-primary) !important;
}
body.dark-theme .arco-message-notice-content,
html.dark-theme .arco-message-notice-content,
body.dark-theme .arco-notification-notice,
html.dark-theme .arco-notification-notice {
  background-color: var(--modal-bg) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color-split) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4) !important;
}
body.dark-theme .arco-message-notice-content .arco-message-custom-content > span:last-child,
html.dark-theme .arco-message-notice-content .arco-message-custom-content > span:last-child,
body.dark-theme .arco-notification-notice .arco-message-custom-content > span:last-child,
html.dark-theme .arco-notification-notice .arco-message-custom-content > span:last-child,
body.dark-theme .arco-message-notice-content .arco-notification-notice-message,
html.dark-theme .arco-message-notice-content .arco-notification-notice-message,
body.dark-theme .arco-notification-notice .arco-notification-notice-message,
html.dark-theme .arco-notification-notice .arco-notification-notice-message,
body.dark-theme .arco-message-notice-content .arco-notification-notice-description,
html.dark-theme .arco-message-notice-content .arco-notification-notice-description,
body.dark-theme .arco-notification-notice .arco-notification-notice-description,
html.dark-theme .arco-notification-notice .arco-notification-notice-description,
body.dark-theme .arco-message-notice-content .arco-notification-notice-close,
html.dark-theme .arco-message-notice-content .arco-notification-notice-close,
body.dark-theme .arco-notification-notice .arco-notification-notice-close,
html.dark-theme .arco-notification-notice .arco-notification-notice-close {
  color: var(--text-primary) !important;
}
body.dark-theme .arco-message-notice-content .arco-notification-notice-description,
html.dark-theme .arco-message-notice-content .arco-notification-notice-description,
body.dark-theme .arco-notification-notice .arco-notification-notice-description,
html.dark-theme .arco-notification-notice .arco-notification-notice-description {
  color: var(--text-secondary) !important;
}
body.dark-theme .arco-select-dropdown,
html.dark-theme .arco-select-dropdown {
  background-color: var(--dropdown-bg) !important;
  border: 1px solid var(--border-color-split) !important;
}
body.dark-theme .arco-select-dropdown .arco-select-item,
html.dark-theme .arco-select-dropdown .arco-select-item {
  color: var(--text-primary) !important;
}
body.dark-theme .arco-select-dropdown .arco-select-item-option-active,
html.dark-theme .arco-select-dropdown .arco-select-item-option-active {
  background-color: var(--hover-bg) !important;
}
body.dark-theme .arco-select-dropdown .arco-select-item-option-selected,
html.dark-theme .arco-select-dropdown .arco-select-item-option-selected {
  background-color: var(--primary-alpha-20) !important;
  color: var(--primary-color) !important;
}
.dark-theme .arco-card {
  background: var(--component-background) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
.dark-theme .arco-card .arco-card-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  background: transparent !important;
}
.dark-theme .arco-card .arco-card-body {
  background: transparent !important;
}
.dark-theme .arco-tag {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--text-secondary) !important;
}
.dark-theme .arco-tag.arco-tag-blue,
.dark-theme .arco-tag.arco-tag-processing {
  color: #60A5FA !important;
  background-color: rgba(96, 165, 250, 0.1) !important;
  border-color: rgba(96, 165, 250, 0.2) !important;
}
.dark-theme .arco-tag.arco-tag-green,
.dark-theme .arco-tag.arco-tag-success {
  color: #4ADE80 !important;
  background-color: rgba(74, 222, 128, 0.1) !important;
  border-color: rgba(74, 222, 128, 0.2) !important;
}
.dark-theme .arco-tag.arco-tag-orange,
.dark-theme .arco-tag.arco-tag-warning {
  color: #FB923C !important;
  background-color: rgba(251, 146, 60, 0.1) !important;
  border-color: rgba(251, 146, 60, 0.2) !important;
}
.dark-theme .arco-tag.arco-tag-red,
.dark-theme .arco-tag.arco-tag-error {
  color: #F87171 !important;
  background-color: rgba(248, 113, 113, 0.1) !important;
  border-color: rgba(248, 113, 113, 0.2) !important;
}
.dark-theme .arco-tree {
  background: transparent !important;
  color: var(--text-primary) !important;
}
.dark-theme .arco-tree .arco-tree-node-content-wrapper {
  color: var(--text-primary) !important;
}
.dark-theme .arco-tree .arco-tree-node-content-wrapper:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
.dark-theme .arco-tree .arco-tree-node-content-wrapper.arco-tree-node-selected {
  background-color: rgba(96, 165, 250, 0.2) !important;
  color: #60A5FA !important;
}
.dark-theme .arco-tree .arco-tree-switcher {
  color: var(--text-secondary) !important;
  background: transparent !important;
}
.dark-theme .arco-tree .arco-checkbox-inner {
  background-color: var(--input-bg) !important;
  border-color: var(--border-color-base) !important;
}
.dark-theme .arco-tree .arco-checkbox-checked .arco-checkbox-inner,
.dark-theme .arco-tree .arco-tree-checkbox-checked .arco-checkbox-inner {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.dark-theme .arco-input,
.dark-theme .arco-input-number,
.dark-theme .arco-select-selector,
.dark-theme .arco-picker {
  background-color: var(--input-bg) !important;
  border-color: var(--border-color-base) !important;
  color: var(--text-primary) !important;
}
.dark-theme .arco-input:hover,
.dark-theme .arco-input-number:hover,
.dark-theme .arco-select-selector:hover,
.dark-theme .arco-picker:hover,
.dark-theme .arco-input:focus,
.dark-theme .arco-input-number:focus,
.dark-theme .arco-select-selector:focus,
.dark-theme .arco-picker:focus {
  border-color: var(--primary-color) !important;
}
.dark-theme .arco-table,
.dark-theme .arco-table,
.dark-theme .arco-table-container,
.dark-theme .arco-table-content,
.dark-theme .arco-table-header,
.dark-theme .arco-table-body,
.dark-theme .arco-table-summary,
.dark-theme .arco-spin-nested-loading,
.dark-theme .arco-spin-container,
.dark-theme .arco-pagination,
.dark-theme .arco-pagination-item,
.dark-theme .arco-pagination-prev,
.dark-theme .arco-pagination-next,
.dark-theme .arco-pagination-jump-prev,
.dark-theme .arco-pagination-jump-next {
  background-color: transparent !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.dark-theme .arco-statistic,
.dark-theme .arco-list-item,
.dark-theme .arco-collapse-header,
.dark-theme .arco-collapse-content,
.dark-theme .arco-descriptions-item-label,
.dark-theme .arco-descriptions-item-content {
  background: transparent !important;
}
.dark-theme *:not(.arco-btn-primary):not(.arco-btn-text):not(a):not(.anticon) {
  color: var(--text-color);
}
.dark-theme .arco-menu-item-selected {
  background: rgba(24, 144, 255, 0.1) !important;
  box-shadow: 0 0 20px rgba(24, 144, 255, 0.1);
}
.dark-theme .arco-menu-item-selected::before {
  content: '';
  position: absolute;
  left: 0;
  top: 20%;
  bottom: 20%;
  width: 3px;
  background: var(--primary-color);
  box-shadow: 0 0 8px var(--primary-color);
}
.dark-theme .svg-icon {
  color: var(--text-primary) !important;
  fill: currentColor !important;
}
.dark-theme .svg-icon[src*=".svg"] {
  filter: none !important;
  opacity: 0.85 !important;
}
.dark-theme .svg-icon[src*=".svg"]:hover {
  opacity: 1 !important;
}
.dark-theme .arco-menu-item .svg-icon,
.dark-theme .arco-menu-inline-title .svg-icon {
  color: var(--text-secondary) !important;
  opacity: 0.8 !important;
}
.dark-theme .arco-menu-item .svg-icon:hover,
.dark-theme .arco-menu-inline-title .svg-icon:hover {
  opacity: 1 !important;
}
.dark-theme .arco-menu-item-selected .svg-icon {
  color: var(--primary-color) !important;
  opacity: 1 !important;
}
.dark-theme .arco-table .svg-icon {
  color: var(--text-secondary) !important;
  opacity: 0.7 !important;
}
.dark-theme .arco-table .svg-icon:hover {
  opacity: 1 !important;
}
.dark-theme .arco-btn .svg-icon {
  color: inherit !important;
  opacity: 0.85 !important;
}
.dark-theme .svg-external-icon {
  background-color: var(--text-primary) !important;
  opacity: 0.85 !important;
}
.dark-theme .svg-external-icon:hover {
  opacity: 1 !important;
}
.dark-theme svg.svg-icon {
  color: var(--text-primary) !important;
  fill: currentColor !important;
}
.dark-theme svg.svg-icon use {
  fill: currentColor !important;
  color: inherit !important;
}
.dark-theme ::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.45);
}
.dark-theme ::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 116, 139, 0.58);
}
.dark-theme ::-webkit-scrollbar-track {
  background: transparent;
}
.dark-theme .account-settings-page {
  background-color: var(--bg-color) !important;
}
.dark-theme .account-settings-page .stylish-card {
  background-color: var(--component-background) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}
.dark-theme .account-settings-page .stylish-card .info-row {
  border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}
.dark-theme .account-settings-page .stylish-card .info-label {
  color: var(--text-secondary) !important;
}
.dark-theme .account-settings-page .stylish-card .info-label .info-icon {
  color: var(--text-tertiary) !important;
}
.dark-theme .account-settings-page .stylish-card .info-value {
  color: var(--text-primary) !important;
}
.dark-theme .account-settings-page .stylish-card .username {
  color: var(--text-primary) !important;
}
.dark-theme .account-settings-page .arco-tabs-tab {
  color: var(--text-secondary) !important;
}
.dark-theme .account-settings-page .arco-tabs-tab.arco-tabs-tab-active {
  color: var(--primary-color) !important;
}
.dark-theme .file-upload-container .arco-upload-drag {
  background-color: rgba(255, 255, 255, 0.02) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.dark-theme .file-upload-container .arco-upload-drag:hover {
  background-color: rgba(96, 165, 250, 0.05) !important;
  border-color: var(--primary-color) !important;
}
.dark-theme .file-upload-container .arco-upload-drag .arco-upload-text {
  color: var(--text-primary) !important;
}
.dark-theme .file-upload-container .arco-upload-drag .arco-upload-hint {
  color: var(--text-tertiary) !important;
}
.dark-theme .file-upload-container .file-item {
  background-color: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
.dark-theme .file-upload-container .file-item:hover {
  background-color: rgba(255, 255, 255, 0.06) !important;
}
.dark-theme .file-upload-container .file-item .file-name {
  color: var(--text-primary) !important;
}
.dark-theme .welcome-card {
  position: relative;
  overflow: hidden;
}
.dark-theme .welcome-card::after {
  content: '';
  position: absolute;
  right: -50px;
  top: -50px;
  width: 250px;
  height: 250px;
  background: radial-gradient(circle, rgba(24, 144, 255, 0.1) 0%, transparent 70%);
  pointer-events: none;
}
.dark-theme .welcome-card .welcome-text {
  color: var(--text-tertiary) !important;
}
.dark-theme .notice-list .arco-list-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  padding: 12px 0 !important;
}
.dark-theme .notice-list .arco-list-item:last-child {
  border-bottom: none !important;
}
.dark-theme .notice-list .notice-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 8px;
}
.dark-theme .notice-list .notice-dot.blue {
  background: #60A5FA;
  box-shadow: 0 0 6px #60A5FA;
}
.dark-theme .notice-list .notice-dot.orange {
  background: #F59E0B;
  box-shadow: 0 0 6px #F59E0B;
}
.dark-theme .changelog-section .section-title {
  border-left: 3px solid var(--primary-color);
  padding-left: 12px;
  font-weight: 600;
  background: transparent !important;
}
.arco-btn {
  border-radius: 6px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.arco-table {
  border-radius: 8px;
}
.global-loading-container[data-v-7c782c36] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.global-loading-container .global-loading-content[data-v-7c782c36] {
  padding: 20px;
  border-radius: 8px;
  background-color: white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.dark-theme .global-loading-container .global-loading-content[data-v-7c782c36] {
  background-color: #1f1f1f;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}

/* 可以添加自定义样式 */