:root {
	--bg: #ffffff;
	--surface: #ffffff;
	--ink: #2d2f32;
	--muted: #74777c;
	--line: #dedfe2;
	--line-strong: #c9cbce;
	--soft: #f2f3f4;
	--soft-strong: #e7e8ea;
	--accent: #393b3f;
	--accent-soft: #eceef0;
	--warn: #606368;
	--danger: #26282b;
	--el-color-primary: #393b3f;
	--el-color-primary-light-3: #6f7175;
	--el-color-primary-light-5: #9b9da0;
	--el-color-primary-light-7: #c4c6c8;
	--el-color-primary-light-8: #d9dadd;
	--el-color-primary-light-9: #f0f1f2;
	--el-color-primary-dark-2: #242629;
	--el-color-success: #4a4d51;
	--el-color-success-light-9: #f2f3f4;
	--el-color-warning: #65686c;
	--el-color-warning-light-9: #edeef0;
	--el-color-danger: #303236;
	--el-color-danger-light-9: #e5e6e8;
	--el-color-info: #777a7e;
	--el-color-info-light-9: #f5f6f7;
	--el-bg-color: #ffffff;
	--el-bg-color-page: #ffffff;
	--el-fill-color: #f2f3f4;
	--el-fill-color-light: #f5f6f7;
	--el-fill-color-lighter: #f8f8f9;
	--el-fill-color-blank: #ffffff;
	--el-border-color: #dedfe2;
	--el-border-color-light: #e5e6e8;
	--el-border-color-lighter: #ececef;
	--el-text-color-primary: #2d2f32;
	--el-text-color-regular: #4f5256;
	--el-text-color-secondary: #74777c;
	--el-text-color-placeholder: #9a9da1;
	--el-border-radius-base: 6px;
	--el-border-radius-small: 5px;
	--el-font-size-base: 14px;
	color-scheme: light;
}

* {
	box-sizing: border-box;
	scrollbar-width: thin;
	scrollbar-color: #4a4d51 #f0f1f2;
}

*::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

*::-webkit-scrollbar-track {
	background: #f0f1f2;
}

*::-webkit-scrollbar-thumb {
	border: 2px solid #f0f1f2;
	border-radius: 999px;
	background: #4a4d51;
}

*::-webkit-scrollbar-thumb:hover {
	background: #2d2f32;
}

[v-cloak] {
	display: none;
}

body {
	margin: 0;
	min-width: 320px;
	background: #ffffff;
	color: var(--ink);
	font-family: "Segoe UI", "Microsoft YaHei", Arial, sans-serif;
}

button,
input {
	font: inherit;
}

.el-button {
	gap: 6px;
}

.el-button > span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.el-button:not(.el-button--primary) {
	--el-button-bg-color: var(--soft);
	--el-button-border-color: #dfe0e3;
	--el-button-text-color: var(--ink);
	--el-button-hover-bg-color: var(--soft-strong);
	--el-button-hover-border-color: var(--line-strong);
	--el-button-hover-text-color: var(--ink);
	--el-button-active-bg-color: #dfe1e3;
	--el-button-active-border-color: #c6c8cb;
	--el-button-active-text-color: var(--ink);
}

.el-button--primary {
	--el-button-bg-color: var(--accent);
	--el-button-border-color: var(--accent);
	--el-button-text-color: #ffffff;
	--el-button-hover-bg-color: #25272a;
	--el-button-hover-border-color: #25272a;
	--el-button-hover-text-color: #ffffff;
	--el-button-active-bg-color: #1e2022;
	--el-button-active-border-color: #1e2022;
	--el-button-active-text-color: #ffffff;
}

.el-button.is-disabled,
.el-button.is-disabled:hover,
.el-button.is-loading,
.el-button.is-loading:hover {
	--el-button-disabled-bg-color: #8f9296;
	--el-button-disabled-border-color: #8f9296;
	--el-button-disabled-text-color: #ffffff;
	background-color: #8f9296;
	border-color: #8f9296;
	color: #ffffff;
}

.el-button.is-plain,
.el-button--primary.is-plain {
	--el-button-bg-color: var(--soft);
	--el-button-border-color: #dfe0e3;
	--el-button-text-color: var(--ink);
	--el-button-hover-bg-color: var(--soft-strong);
	--el-button-hover-border-color: var(--line-strong);
	--el-button-hover-text-color: var(--ink);
}

.el-tag {
	--el-tag-bg-color: var(--soft);
	--el-tag-border-color: #dfe0e3;
	--el-tag-text-color: var(--ink);
}

.el-tag.el-tag--primary {
	--el-tag-bg-color: #eef0f1;
	--el-tag-border-color: #d9dbde;
	--el-tag-text-color: #414448;
}

.el-tag.el-tag--warning,
.el-tag.el-tag--info {
	--el-tag-bg-color: #eef0f1;
	--el-tag-border-color: #d9dbde;
	--el-tag-text-color: #414448;
}

.el-tag.el-tag--success {
	--el-tag-bg-color: #cfd2d5;
	--el-tag-border-color: #bfc2c6;
	--el-tag-text-color: #111315;
}

.el-tag.el-tag--danger {
	--el-tag-bg-color: #303236;
	--el-tag-border-color: #303236;
	--el-tag-text-color: #ffffff;
}

.status-tag-content {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	line-height: 1;
}

.status-loading-icon {
	font-size: 13px;
}

.el-slider {
	--el-slider-main-bg-color: var(--accent);
	--el-slider-runway-bg-color: #e4e5e7;
}

.el-slider__button {
	border-color: var(--accent);
	background: #ffffff;
}

.el-input__wrapper,
.el-select__wrapper,
.el-textarea__inner {
	background: #ffffff;
	box-shadow: 0 0 0 1px var(--line) inset;
}

.el-input__wrapper.is-focus,
.el-select__wrapper.is-focused,
.el-textarea__inner:focus {
	box-shadow: 0 0 0 1px var(--accent) inset;
}

.el-tabs__item {
	color: var(--muted);
}

.el-tabs__item.is-active,
.el-tabs__item:hover {
	color: var(--ink);
}

.el-tabs__active-bar {
	background-color: var(--accent);
}

.el-table th.el-table__cell {
	background: var(--soft);
}

.el-table th.el-table__cell.el-table-fixed-column--right {
	background: var(--soft) !important;
}

.el-table .el-table__body td.el-table__cell.el-table-fixed-column--right {
	background-color: var(--el-table-tr-bg-color, var(--surface));
}

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell.el-table-fixed-column--right {
	background-color: var(--el-fill-color-lighter) !important;
}

.el-table__body tr:hover > td.el-table__cell.el-table-fixed-column--right {
	background-color: var(--el-fill-color-light) !important;
}

.el-table__fixed-right .el-table__cell {
	background-color: inherit;
}

.el-segmented {
	--el-segmented-bg-color: var(--soft);
	--el-segmented-item-selected-bg-color: var(--accent);
	--el-segmented-item-selected-color: #ffffff;
	--el-segmented-item-hover-bg-color: #e4e5e7;
	--el-segmented-item-active-bg-color: #d9dbde;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner,
.el-radio-button__original-radio:checked + .el-radio-button__inner {
	border-color: var(--accent);
	background: var(--accent);
	color: #ffffff;
	box-shadow: -1px 0 0 0 var(--accent);
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-radio__input.is-checked .el-radio__inner {
	border-color: var(--accent);
	background: var(--accent);
}

.el-switch.is-checked .el-switch__core {
	border-color: var(--accent);
	background: var(--accent);
}

.el-dialog,
.el-message-box {
	background: #ffffff;
}