/* @import '/src/assets/github-markdown.min.css'; */
.custom-container {
    background: #fff;
  }
.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(137, 63, 234, 0.15) 0%, rgba(171, 56, 209, 0.00) 100%); */
    position: relative;
    background-color: #fff;
    overflow-x: hidden; /* 隐藏水平滚动条 */
}
.content-bg::before,
.content-bg::after {
  content: '';
  position: absolute;
  border-radius: 50%; /* 圆形 */
  z-index: 0;
}

.content-bg::before {
  /* 左上角渐变 */
  width: 80vw; /* 根据视口宽度设置大小 */
  height: 80vw; /* 根据视口宽度设置大小 */
  top: -40vw; /* 将渐变的一半移出容器 */
  left: -40vw; /* 将渐变的一半移出容器 */
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(47, 60, 239, 0.13) 0%,
    rgba(38, 113, 255, 0) 100%
  ); /* 左上角渐变 */
}

.content-bg::after {
  /* 右上角渐变 */
  width: 60vw; /* 根据视口宽度设置大小 */
  height: 60vw; /* 根据视口宽度设置大小 */
  top: -30vw; /* 将渐变的一半移出容器 */
  right: -30vw; /* 将渐变的一半移出容器 */
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(137, 63, 234, 0.15) 0%,
    rgba(171, 56, 209, 0) 100%
  ); /* 右上角渐变 */
}
.menu-bg {
    background-color: #ECF0F4;
}
.middle-bg {
    background-color: #F7F8FC;
  }
.el-menu-item:hover {
    background: #FFF;
}
.el-menu-item.is-active {
    background: #FFF;
    border-left: 4px solid #2572FF;
    padding: 0 calc((var(--el-menu-base-level-padding)) - 4px) !important;
}
.middle-card {
    background: #FFF;
    border-radius: 1rem;
    color: #23233C;
}
.middle-card:hover {
    background-color: #FFF;
    border: 1px solid #2572FF;
}
.middle-card-selected {
    background-color: #FFF;
    border: 1px solid #2572FF;
}
.middle-title{
    color: #2C364F !important;
}
.welcome-content-bg {
    flex-shrink: 0;
    border: 1px solid #B3B6BE;
    background: #FFF;
    box-shadow: 2px 2px 0.625rem 0.625rem rgba(230, 230, 230, 0.06);
}
.welcome-title {
    color: #0D0E21;
}
.role-card {
    border-radius: 0.375rem;
    background: #F3F5FD;
}
.role-card:hover {
    border-radius: 0.375rem;
    background: #F3F5FD;
    border-color: rgb(197.7, 225.9, 255);
}
.auto-input-bg {
    border: 1px solid transparent;
    background: #F7F8FC;
}
.message-box {
    border-radius: 0.625rem;
    background: #F3F5FD;
}
.right-message-box {
    border-radius: 0.625rem;
    background: #F3F5FD;
}
.message-image-bg {
    background: #F3F5FD;
}
.msg-font-color {
    color: #23233C !important;
}
.right-user-bg {
    background-color: #2572FF !important;
}
.timer-btn-bg {
    border: 1px solid #2572FF !important;
    background: #FFF !important;
    color: #0D0E21 !important;
}
.timer-btn-bg:hover {
    border: 1px solid #2F8DFF !important;
    background: #FFF !important;
    color: #0D0E21 !important;
}
/* 自定义按钮样式 */
.custom-button {
    padding: 0.25rem 0.75rem;
    border: 1px solid #2572FF;
    background: #FFF;
    cursor: pointer;
    transition: background-color 0.3s ease;
    color: #2572FF;
}

.custom-button:hover {
    border-color: #2F8DFF;
    color: #2F8DFF;
}
.config-layout {
    border-radius: 0.5rem;
    border: 1px solid #7166EB;
    background: #FFF;
}
.confirm-btn {
    border: 1px solid #2572FF !important;
    background: transparent !important;
    color: #0D0E21 !important;
}
.confirm-btn:hover {
    border: 1px solid #2F8DFF !important;
    background: transparent !important;
    color: #0D0E21 !important;
}
.confirm-btn-disabled {
    border: 1px solid #2572FF !important;
    background: transparent !important;
    color: #0D0E2180 !important;
}
.confirm-btn-disabled:hover {
    border: 1px solid #2F8DFF !important;
    background: transparent !important;
    color: #0D0E2180 !important;
}
::-webkit-scrollbar-thumb {
    background: rgb(221, 222, 224) !important;
}
.svg-fill {
    fill: #2C364F;
}
.wave-bg {
    background-color: #2C364F;
}
.messagebox-cancel-btn:hover {
    background: rgb(235.9, 245.3, 255) !important;
    border-color: rgb(197.7, 225.9, 255) !important;
    color: #409eff !important;
}
.markdown-body table tr {
    background-color: #fff;
    border-top: 1px solid #c6cbd1;
}
.markdown-body table td, .markdown-body table th {
    border: 1px solid #dfe2e5
}
.el-select__placeholder {
    color: #606266;
}
.markdown-body pre code, .hljs-tag, .hljs-punctuation {
    color: #2C364F;
}
.hljs-type, .hljs-string, .hljs-number, .hljs-selector-id, .hljs-selector-class, .hljs-quote, .hljs-template-tag, .hljs-deletion {
    color: #880000;
}
.el-tabs__content {
    border: 1px solid #e4e7ed;
    border-top: unset;
    padding: 0.3125rem;
}
.bottom-tabs >.el-tabs__header .el-tabs__item.is-active {
    border-bottom: 2px solid #ffffff !important;
}
.modal-tabs >.el-tabs__header .el-tabs__item.is-active {
    border-bottom: 2px solid #F3F5FD !important;
}

.process-bg {
    background-color: #F3F5FD90;
  }
.step-bg {
    background-color: rgba(255, 255, 255, 0.8)
}
.timer-textarea {
    border: 1px solid #4C4D4F;
}
.el-drawer__header {
    color: #2C364F !important;
}
.el-transfer-panel  {
    background-color: transparent !important;
    border: 1px solid #e5e7eb;
}
.el-transfer-panel .el-transfer-panel__header {
    background: #e5e7eb !important;
}