@import 'element-plus/theme-chalk/dark/css-vars.css';
/* @import '/src/assets/github-markdown-dark.min.css'; */
html[data-theme="dark"] {
    --el-color-primary: #409eff;
    --el-color-primary-light-3: #66b1ff;
    --el-color-primary-dark-2: #337ecc;
  
    /* 调整暗主题背景颜色 */
    --el-bg-color: #303133;
    --el-bg-color-page: #1f1f1f;
    --el-color-text-primary: #ffffff;
    --el-color-text-secondary: #d3d3d3;
    --el-border-color-base: #444;
    --el-text-color-primary: #E5EAF3;
    --el-input-bg-color: transparent;
    --el-fill-color-blank: transparent;
    --el-input-border-color: #4C4D4F;
    --el-border-color: #4C4D4F;
    --el-input-text-color: #CFD3DC;
    --el-text-color-regular: #CFD3DC;
    --el-bg-color-overlay: #1d1e1f;
    --el-border-color-light: #414243;
    --el-border-color-lighter: #363637;
    --el-fill-color-light: #262727;
    --el-button-disabled-bg-color: rgb(42, 89, 137.5);
    --el-button-disabled-border-color: rgb(42, 89, 137.5);
    --el-button-disabled-text-color: rgba(255, 255, 255, .5);
    --el-button-hover-bg-color: rgb(24.4, 33.8, 43.5);
    --el-button-hover-border-color: rgb(33.2, 61.4, 90.5);
    --el-border-color-extra-light: #2B2B2C;
    --el-button-disabled-bg-color: transparent;
    --el-mask-color: rgba(0, 0, 0, .8);
    --el-border-color-light: #414243;
    --el-color-primary-light-9: rgb(24.4, 33.8, 43.5);
    --el-dropdown-menuItem-hover-color: #409eff;
    --el-color-success-light-9: rgb(28.3, 37.4, 23.8);
    --el-color-success-light-8: rgb(36.6, 54.8, 27.6);
    --el-color-info-light-9: rgb(32.4, 32.7, 33.3);
    --el-color-info-light-8: rgb(44.8, 45.4, 46.6);
    --el-fill-color: #303030;
    --el-text-color-primary: #E5EAF3;
    --el-color-primary-light-7: rgb(33.2, 61.4, 90.5);
    --el-bg-color: #141414;
    --el-drawer-bg-color: #141414;
  }

.custom-container {
    background: #1B1827;
}
.content-bg {
    background:
    radial-gradient(50% 50% at 0% 0%, rgba(47, 60, 239, 0.13) 0%, rgba(38, 113, 255, 0.00) 100%),
    radial-gradient(50% 50% at 100% 0%, rgba(225, 63, 234, 0.10) 0%, rgba(209, 56, 203, 0.00) 100%);
}
.menu-bg {
    background-color: #23233C;
}
.middle-bg {
    background-color: rgba(9, 11, 32, 0.80);
}
.el-menu-item:hover {
  background: #000028;
}
.el-menu-item.is-active {
  background: #000028;
  border-left: 4px solid #2572FF;
  padding: 0 calc((var(--el-menu-base-level-padding)) - 4px) !important;
}
.middle-card {
    background: #23233C;
    border-radius: 1rem;
    color: #ffffff;
}
.middle-card:hover {
    background-color: #2C364F;
}
.middle-card-selected {
    background-color: #2C364F;
    border: 1px solid #2572FF;
}
.middle-title{
    color: #FFF !important;
}
.welcome-content-bg {
    background: #2C283C;
    box-shadow: 1px 1px 1.25rem 1.25rem rgba(0, 0, 0, 0.15);
    flex-shrink: 0;
    border: 0px solid #B3B6BE;
}
.welcome-title {
    color: #FFF;
}
.role-card {
    border-radius: 0.375rem;
    background: #46516E;
}
.role-card:hover {
    border-radius: 0.375rem;
    background: #46516E;
    border-color: rgb(33.2, 61.4, 90.5);
}
.auto-input-bg {
    background: #46405B;
    border: 1px solid;
}
.message-box {
    border-radius: 0.625rem;
    background: #363654;
}
.right-message-box {
    border-radius: 0.625rem;
    background: #363654;
}
.message-image-bg {
    background: #363654;
}
.msg-font-color {
    color: #f0f6fc !important;
}
.right-user-bg {
    background-color: rgba(255, 255, 255, 0.20) !important;
}
.timer-btn-bg {
    border: 1px solid #0CC !important;
    background: #1B1827 !important;
    color: #FFF !important;
}
.timer-btn-bg:hover {
    border-color: #26FFD4 !important;
    background: #1B1827 !important;
    color: #FFF !important;
}
/* 自定义按钮样式 */
.custom-button {
    padding: 0.25rem 0.75rem;
    border: 1px solid #54E1E6;
    background: #1B1827;
    cursor: pointer;
    transition: background-color 0.3s ease;
    color: #54E1E6;
}

.custom-button:hover {
    border-color: #26FFD4;
    color: #26FFD4;
}
.config-layout {
    border-radius: 0.5rem;
    border: 1px solid #7166EB;
    background: #2C283C;
}
.confirm-btn {
    border: 1px solid #54E1E6 !important;
    background: #1B1827 !important;
}
.confirm-btn:hover {
    border: 1px solid #26FFD4 !important;
    background: #1B1827 !important;
}
.confirm-btn-disabled {
    border: 1px solid #54E1E6 !important;
    background: #1B182750 !important;
}
.confirm-btn-disabled:hover {
    border: 1px solid #54E1E6 !important;
    background: #1B182750 !important;
}
::-webkit-scrollbar-thumb {
    background: #fff3 !important;
}
.svg-fill {
    fill: #fff;
}
.wave-bg {
    background-color: #fff;
}
.messagebox-cancel-btn:hover {
    background: rgb(24.4, 33.8, 43.5) !important;
    border-color: rgb(33.2, 61.4, 90.5) !important;
}
.markdown-body table tr {
    background-color: #23233C !important;
    border-top: 1px solid #46405B !important;
}
.markdown-body table td, .markdown-body table th {
    border: 1px solid #46405B !important;
}
.markdown-body pre code, .hljs-tag, .hljs-punctuation {
    color: #fff;
}
.hljs-type, .hljs-string, .hljs-number, .hljs-selector-id, .hljs-selector-class, .hljs-quote, .hljs-template-tag, .hljs-deletion {
    color: #9F1853;
}
.el-tabs__content {
    border: 1px solid #414243;
    border-top: unset;
    padding: 0.3125rem;
}
.bottom-tabs >.el-tabs__header .el-tabs__item.is-active {
    border-bottom: 2px solid #2C283C !important;
}
.modal-tabs >.el-tabs__header .el-tabs__item.is-active {
    border-bottom: 2px solid #363654 !important;
}
.process-bg {
    background-color: #36365470;
  }
.step-bg {
    background-color: rgba(255, 255, 255, 0.1)
}
.timer-textarea {
    border: 1px solid #4C4D4F;
}
.handsontable th {
    background: transparent !important;
    color: #FFF !important;
}
.handsontable tr {
    background: transparent !important;
    color: #FFF !important;
}
.handsontable td {
    background: transparent !important;
}
.el-drawer__header {
    color: #FFF !important;
}
.el-transfer-panel  {
    background-color: transparent !important;
    border: 1px solid #64748b;
}
.el-transfer-panel .el-transfer-panel__header {
    background: #26272750 !important;
}