:root {
 font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
 line-height: 1.5;
 font-weight: 400;

 font-synthesis: none;
 text-rendering: optimizeLegibility;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;

 --primary-color: var(--el-color-primary);
 --primary-light: #e8f0fe;
 --secondary-color: #5f6368;
 --danger-color: #ea4335;
 --success-color: #34a853;
 --warning-color: #fbbc05;
 --text-color: #202124;
 --text-light: #5f6368;
 --bg-color: #f8f9fa;
 --white: #ffffff;
 --border-color: #dadce0;
 --sidebar-width: 240px;
 --header-height: 64px;
 --border-radius: 8px;
 --shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 --ed-border-radius-base: 6px !important;
 --ed-border-color: #d9dcdf !important;
}

:root:root {
 --ed-color-primary-light-7: #d2f1e9 !important;
 --ed-border-color: #d9dcdf !important;
 --ed-disabled-border-color: #d9dcdf !important;
 --ed-border-color-light: #dee0e3 !important;
 --ed-border-color-lighter: #dee0e3 !important;
 --ed-border-radius-base: 6px !important;
}

a {
 font-weight: 500;
 color: #646cff;
 text-decoration: inherit;
}

a:hover {
 color: #535bf2;
}

body {
 margin: 0;
 display: flex;
 place-items: center;
 min-width: 320px;
 min-height: 100vh;
}

* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}

#app {
 width: 100%;
 margin: 0;
}

@media (prefers-color-scheme: light) {
 :root {
 color: #1f2329;
 background-color: #ffffff;
 }

 a:hover {
 color: #747bff;
 }

 button {
 background-color: #f9f9f9;
 }
}

.ellipsis {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.list-item_primary {
 height: 40px;
 border-radius: 6px;
 padding: 8px 12px;
 cursor: pointer;
 display: flex;
 align-items: center;

 .ed-icon + .label {
 margin-left: 5.33px;
 }

 .label {
 width: 85%;
 font-size: 14px;
 .ellipsis;
 }

 &:not(.active):hover {
 background: rgba(31, 35, 41, 0.1);
 }

 &.active {
 background: var(--ed-color-primary-1a, #1cba901a);
 color: var(--ed-color-primary);
 }
}

.border-radius_8 {
 border-radius: 8px !important;
}

.hover-icon {
 cursor: pointer;
 height: 24px !important;
 width: 24px !important;
 font-size: 16px !important;
 border-radius: 6px;
 color: #646a73 !important;

 &[aria-expanded='true'] {
 background: rgba(31, 35, 41, 0.1);
 }

 &:hover {
 background: rgba(31, 35, 41, 0.1);
 }

 &:active {
 background: rgba(31, 35, 41, 0.2);
 }
}

.tox-toolbar__primary {
 min-width: 780px !important;
 flex-wrap: wrap !important;
}
.clone_img {
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 100;
}

.flex-center {
 display: flex;
 align-items: center;
 justify-content: center;
}

.ed-input__prefix-inner .ed-icon {
 color: #646a73;
}

.confirm-no_icon {
 border-radius: 12px;
 padding: 24px;
 .tip {
 margin-top: 24px;
 }

 .ed-message-box__message {
 width: 95%;
 }
}

.confirm-with_icon {
 border-radius: 12px;
}

.form-content_error {
 .ed-form-item--default {
 margin-bottom: 16px;

 &.is-error {
 margin-bottom: 40px;
 }
 }
}

.form-content_error_a {
 .ed-form-item--default {
 margin-bottom: 8px;

 &.is-error {
 margin-bottom: 12px;
 }
 }
}

.ed-dialog:not(.chart-fullscreen-dialog) {
 border-radius: 12px !important;
}

.tox-tinymce-inline {
 z-index: 10 !important;
}

.ed-message-box__container {
 display: block !important;
}

em {
 font-synthesis: style weight !important;
}

strong {
 font-synthesis: style weight !important;
}

.ed-button.is-plain:active {
 background-color: var(--ed-color-primary-60, #a4e3d3) !important;
}

.ed-drawer__footer {
 border-top: 1px solid #1f232926;
 box-shadow: none !important;
}

.ed-select__popper {
 padding: 0 4px !important;
 .ed-select-dropdown__item {
 border-radius: 6px;
 }

 .ed-select-dropdown__list {
 padding: 4px 0 !important;
 }
}

.markdown-body {
 hr {
 border: none !important;
 background: #1f232926 !important;
 height: 1px !important;
 }
}

.sq-message-success {
 border: 1px solid #34c724 !important;
 background: #f0fbef !important;

 .ed-message__icon {
 color: #34c724;
 }
}

.sq-message-export {
 min-width: 20px !important;
 padding: 16px 20px !important;
 display: flex;
 align-items: center;
 box-shadow: 0px 4px 8px 0px #1f23291a;

 & > p {
 font-family: var(--de-custom_font, 'PingFang');
 font-size: 14px;
 font-weight: 500;
 line-height: 22px;
 letter-spacing: 0px;
 text-align: left;
 color: #1f2329;
 display: flex;
 align-items: center;
 padding-right: 24px;
 }

 .m50-export {
 max-width: 200px;
 }

 .btn-text {
 padding: 2px 4px;

 &:hover {
 background: var(--primary10, #3370ff1a);
 }
 }

 .ed-message__closeBtn {
 margin-left: 28px;
 position: relative;
 margin-right: 0;
 top: 0;
 right: 0;
 transform: translateY(0);
 color: #646a73;
 }

 .ed-message__icon {
 height: 16px;
 width: 16px;
 margin-right: 8px;
 }
}

.ed-button.is-secondary.is-disabled {
 border-color: #d9dcdf !important;
}

.ed-drawer.btt {
 .ed-drawer__body {
 padding-bottom: 64px;
 }
}

.ed-tag.ed-tag--info {
 --ed-tag-bg-color: #1f23291a !important;
 --ed-tag-text-color: #1f2329 !important;
 --ed-tag-font-size: 14px;
}

.hover-icon_with_bg.ed-icon {
 cursor: pointer;
 position: relative;
 &:hover {
 &::after {
 content: '';
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 background: #1f23291a;
 width: 24px;
 height: 24px;
 border-radius: 6px;
 }
 }

 &.primary-icon:hover {
 &::after {
 background: var(--ed-color-primary-1a, #1cba901a);
 }
 }
}

.ed-popper__arrow {
 width: 10px !important;
 height: 10px !important;
}

.ed-popper[data-popper-placement^='top'] > .ed-popper__arrow {
 bottom: -5px !important;
}

.ed-popper[data-popper-placement^='right'] > .ed-popper__arrow {
 left: -5px !important;
}

.ed-form.last {
 .ed-form-item {
 &:last-child {
 margin-bottom: 0;
 }
 }
}

.icon-primary.icon-primary {
 color: var(--ed-color-primary);
 fill: var(--ed-color-primary);
}

.icon-primary_15_d.icon-primary_15_d {
 color: var(--ed-color-primary-15-d);
}

.icon-primary_60.icon-primary_60 {
 color: var(--ed-color-primary-60);
}

.ed-checkbox {
 --ed-checkbox-font-weight: 400 !important;
}

.ed-form-item__label.ed-form-item__label.ed-form-item__label {
 height: 22px;
 line-height: 22px;
}

.ed-table.ed-table.ed-table {
 --ed-table-border-color: #1f232926;
}

.ed-input__password {
 svg {
 path {
 fill: #646a73;
 }
 }
}

.ed-icon.done {
 svg {
 path {
 fill: var(--ed-color-primary);
 }
 }
}

.ed-dropdown__popper {
 --ed-dropdown-menuItem-hover-fill: #1f23291a !important;
}
.ed-dialog__headerbtn {
 border-radius: 6px !important;
 &.mrt {
 margin-top: -7px;
 }
}

.text-variables.text-variables,
.string-variables.string-variables {
 color: #3370ff;
}
.number-variables.number-variables,
.int-variables.int-variables,
.float-variables.float-variables {
 color: #04b49c;
}
.datetime-variables.datetime-variables {
 color: #3370ff;
}

.ed-tree-node__content {
 border-radius: 6px;
}

.login-content {
 /* 针对 Webkit 浏览器的自动填充样式重置 */
 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
 input:-webkit-autofill:active {
 /* 1. 使用足够大的内阴影来覆盖背景色,把 #ffffff 替换成你输入框原本的背景色 */
 -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;

 /* 2. 由于常规的 color 属性也会失效,需要用这个属性修改文字颜色 */
 -webkit-text-fill-color: #333333 !important;

 /* 3. 保留光标的正常颜色 */
 caret-color: #333333;
 }
}

.ed-popper.is-pure:has(.ed-select-dropdown) {
 padding: 0 !important;

 .ed-select-dropdown {
 padding: 0 4px !important;
 }
}