:root {
	color-scheme: light dark;
}

@font-face {
	font-family: 'Teko';
	src: url('/fonts/ttf/Teko-VariableFont_wght.ttf') format('truetype');
	font-weight: 100 900;
	font-style: normal;
}


@font-face {
	font-family: 'SongTi-Web', 'SimSun', 'NSimSun', '宋体', serif; /* 自定义名称 + 字体栈 */
	url('fonts/ttf/simsunb.ttff') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'KaiTi-Web', 'KaiTi', 'STKaiti', '楷体', sans-serif; /* 自定义名称 + 字体栈 */
	url('fonts/ttf/stkaiti.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MicrosoftYaHei-Web', 'Microsoft YaHei', '微软雅黑', sans-serif; /* 自定义名称 + 字体栈 */
	url('fonts/ttf/msyh.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html body {
	height: 100vh;
	margin: 0;
	color: var(--font-color);
}

ul {
	list-style-type: none;
	/* 移除项目符号 */
	margin: 0;
	/* 移除外边距 */
	padding: 0;
	/* 移除内边距 */
}

#app,
#container {
	height: 100%;
	background-color: #232325;
}
.unselectable {
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}
.sub-menu>ul {
	min-width: 130px;
}

.el-submenu .is-active>div {
	border-bottom-color: transparent;
	color: rgb(255, 255, 255);
	background-color: rgb(84, 92, 100)
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin: 0;
	overflow: hidden;
}

hr {
	border: 0;
	border-top: 1px solid #ccc;
}

button {
	position: relative;
}

input {
	vertical-align: middle;
}

input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}

input[type="color"]::-webkit-color-swatch {
	border: none;
}



/*  */

.display-flex-center{
  display: flex;
  align-items: center; /* 垂直居中对齐 */
}

/* UI */

#resizer {
	position: absolute;
	top: 32px;
	right: 295px;
	width: 5px;
	bottom: 0px;
	/* background-color: rgba(255,0,0,0.5); */
	cursor: col-resize;
}

#viewport {
	width: 100%;
	height: 100%;
	position: relative;
	/*top: 32px;*/
	/*left: 0;*/
	/*right: 300px;*/
	/*bottom: 0;*/
}

#viewport #info {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
	pointer-events: none;
}

#script {
	/*position: absolute;*/
	/*top: 32px;*/
	/*left: 0;*/
	/*right: 300px;*/
	/*bottom: 0;*/
	opacity: 0.9;
}

#player {
	width: 100%;
	height: 100%;
	/*position: absolute;*/
	/*top: 32px;*/
	/*left: 0;*/
	/*right: 300px;*/
	/*bottom: 0;*/
}






.table {
	background-color:#2F323E;
}

.el-table tr {
	background-color: var(--table-bg-color);
}

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{
	background-color: var(--table-bg-color) !important;
}

.el-table {
	background-color: var(--table-bg-color);;
}

th.el-table__cell.is-leaf {
	border-bottom: 1px solid var(--table-border-color) !important;
}

.el-table::before {
	background-color:var(--table-bg-color) !important;
	height: 0px;
}

.el-table__row:hover {
}

.el-table__row:active {
}

.el-table th.el-table__cell {
	background-color: var(--table-header-bg-color,var(--input-bg-color));
	text-align: center;
}

.el-table td.el-table__cell {
	border-bottom: 1px solid var(--table-border-color) !important;
}

.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
	background-color: var(--table-bg-color);
}

.el-table .el-table__cell {
	padding: 4px 0;
}

.el-input {
	font-size: 12px;
}




.el-collapse {
	border-top: 0px solid #EBEEF5;
	border-bottom: 0px;
}


.el-collapse .el-collapse-item__arrow {
	font-size: 14px;
}

.el-collapse-item__header {
	align-items: center;
	font-size: var(--title-font-size);
	box-shadow: inset 0px -1px 0px var(--box-shadow-color,transparent);

	background-color: var(--collapse-title-bg-color);
	color: unset;
	font-weight: 400;
	height: 42px !important;
	border-bottom: 0px
}


.el-collapse .custom-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* 确保标题和图标分别靠左和靠右 */
	width: 100%;
	/* 确保 .custom-title 元素占满整个容器宽度 */
	height: 42px;
	/* 设置高度为 44px */
	line-height: 42px;
	/* 通常设置与高度相同的行高可以帮助文本垂直居中 */
}

.el-collapse .custom-title .title {
	margin-left: 20px;
	/* 标题靠左23px */
}

.el-collapse .custom-title i {
	margin-right: 22px;
	/* 图标靠右22px */
}


.el-collapse-item__header.focusing:focus:not(:hover) {
	color: unset !important;
}

.el-collapse-item__content {
	background-color: var(--container-content-bg-color) !important;
	color: var(--font-color);
	padding-bottom: 0px;
}

.el-collapse-item__wrap {
	border-bottom: 0px;
	background-color: var(--container-content-bg-color) !important;
}

.pro-primary-btn {
	color: var(--font-color);
	background: rgba(50, 125, 237, 1);
	border-color: rgba(50, 125, 237, 1);
	min-width: 64px;
	height: 26px;
	font-size: 14px !important;
	border-radius: 24.5px;
	line-height: 16.5px;
}

.pro-primary-btn:hover {
	color: var(--font-color);
	background: rgba(50, 125, 237, 1);
	border-color: rgba(50, 125, 237, 1);
}






.el-select-dropdown__list {
	background-color: var(--bg-color);
	padding: 2px 0px;
}

.el-select .el-input.is-focus .el-input__inner {
	border: 1px solid var(--input-border-color);
}

.el-select .el-input__inner {
	background-color: var(--input-bg-color);
	border: 1px solid var(--input-border-color);
}

.el-select .el-input__inner:focus {
	border-color: var(--input-border-color) !important;
}

.el-select-dropdown {
	border: 1px solid var(--bg-color);
	background-color: var(--bg-color);

}

.el-select-dropdown__item {
	font-size: 12px;
	padding: 0 6px;
	height: 20px;
	line-height: 20px;
	margin: 0px 4px;
	color: var(--font-color);
}
.el-select-dropdown__item.is-selected {
	color: var(--font-color);
	background-color: var(--dropdown-bg-color-1);
}
.el-select-dropdown__item.is-hovering{
	border-radius: 4px;
	background: var(--bg-row-hover-color,#474B55);
}

/* .el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
	background-color: #161616;
  } */

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
	color: #747474;
	background-color: #161616;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
	background-color: #161616;
}


.el-select:hover .el-input__inner {
	border-color: var(--input-border-color) !important;
}


.el-dialog__wrapper {
	pointer-events: none;
}



.el-form-item {
	display: flex !important;
	align-items: center !important;
}

.el-form-item__label {
	color: var(--text-color-label,#AFAFAF) !important;
}

  .el-input__inner {

	border-radius: 3px!important;
	opacity: 1!important;
	padding: 4px!important;
  }


  /* .el-input__inner{*/
	/*border: 1px solid var(--input-border-color)!important;*/
  /*}*/


.el-dialog__header {
	min-height: 0px !important
}

.el-dialog__headerbtn {
	height: 16px;
	width: 16px;
	top: 8px;
	right: 4px;
}

.el-message {
	min-width: 100px;
}

.pro-button {
	padding: 5px;
	font-size: 12px;
}

.el-tooltip__popper.is-light {
	background-color: var(--container-content-bg-color);
}

.el-scrollbar__wrap {
	margin-right: 0 !important;
	scrollbar-width: none;
	/* 对于 Firefox */
}


.el-checkbox__input.is-checked+.el-checkbox__label {
	color: var(--font-color);
}



.tool-img-button span {
	height: 15px;
}

.el-tree-node:focus > .el-tree-node__content {
    background-color: initial !important;
}
.el-tree-node__content:hover {

	color:#fff !important;
}

.el-tree-node__content:hover img{
	filter: brightness(0) invert(1);
}

:focus-visible {
	outline: none !important;
}



.el-input__inner {
	color: var(--input-text-color,#5C5C5C) !important;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
}
.el-select__placeholder{
	color: var(--input-text-color,#5C5C5C) !important;
}
.el-input__inner::placeholder{
	color:var(--input-placeholder-color,#5C5C5C) !important;
}
.el-input__clear{
	margin-right: 4px;
}
.el-input__wrapper {
	padding: 0px;
}


.el-form--default.el-form--label-top .el-form-item .el-form-item__label {
	line-height: unset;
	margin-bottom: unset;
}


.el-input__prefix {
	padding-left: 10px;
}

.selectBox {
	border: 1px solid #55aaff;
	background-color: rgba(75, 160, 255, 0.3);
	position: fixed;
}


.icon-more{
	width: 22px;
	height: 22px;
	cursor: pointer;
}
.tab-container {

	background-color: var(--container-content-bg-color);
	display: flex;
	/* 使用 flexbox 布局 */
	align-items: center;
	/* 垂直居中 */
	justify-content: center;
	/* 水平居中 */
	height: 100%;
}
.el-dropdown-menu{
	padding: 0 !important;
}
.el-dropdown-menu__item{
	margin: 2px;
	padding: 3px 18px;
	border-radius: 4px;
	color: var(--font-color);
	font-size: 12px!important;
	justify-content: center
}
.variableDropdown-popper{
	margin-left: -40px;
	--el-dropdown-menuItem-hover-fill: #474b55;
	--el-dropdown-menuItem-hover-color: #ffffff;
}
.el-popper.is-light{
	background-color: var(--popper-bg-color,#33353c);
	border:none;
}

.el-popper__arrow{
	display: none;
}
.tab-container .is-active .el-radio-button__inner {
    color: var(--font-color) !important;
    background-color: var(--button-hover-bg-color,#424d5e) !important;
}

.tab-container .el-radio-button__inner {
    border-radius: 4px !important;
    font-size: 12px !important;
    height: 28px !important;
	width: 80px !important;
}

.tab-container .el-radio-button__inner {
    color: var(--container-content-font-color) !important;
    background-color: var(--container-content-bg-color);
    border: 0px;
    padding: var(--tab-item-padding);
    font-size: var(--tab-font-size);
    border-radius: 0px;
    box-shadow: none !important;
    
	outline: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tab-container .el-radio-button:first-child .el-radio-button__inner {
    border-left: none;
}


.el-select__wrapper {
    box-shadow: 0 0 1px 0px var(--el-border-color) inset !important;
    min-height: 24px !important;
    padding: 4px 6px!important;
}


.dialog_class {
    pointer-events: none;
}




.el-slider__button {
    background-color: #4C4E55 !important;
    border: 1px solid var(--el-slider-main-bg-color) !important;
}

.el-popper.is-dark {
    color: var(--font-color-tooltip,#fff) !important;
    background-color: #33373f !important;
    border: 1px solid #33373F;
}

.el-popper.is-dark .el-popper__arrow:before {
    background-color: #33373F !important;
    border: 1px solid #33373F !important;
}

.custom-context-menu {
    background: var(--bg-color);
    color: var(--font-color);
}



.f-button {

    width: 62px;
    height: 28px;
    border-radius: 4px;
    background-color: var(--btn-primary-bg-color);
    border: 0px;
    color: var(--font-color-primary);
    transition: background-color 0.3s; /* 背景色变化的平滑过渡效果 */
	cursor: pointer; /* 确保总是显示为指针 */

}

.f-button:hover {
	background-color: var(--btn-primary-hover-color); /* 使用变量定义悬浮颜色 */
}

.f-button:active {
	background-color: var(--btn-primary-active-color); /* 使用变量定义点击颜色 */
}
.f-button-active {
	background-color: var(--btn-primary-active-color)!important; /* 使用变量定义点击颜色 */
	cursor: not-allowed;   /* 禁用时的鼠标样式 */
	pointer-events: none;  /* 禁用点击事件 */
}

.no-select {
	-webkit-user-select: none;  /* Safari */
	-moz-user-select: none;     /* Firefox */
	-ms-user-select: none;      /* Internet Explorer/Edge */
	user-select: none;          /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}

.white-filter {
	filter: brightness(0) invert(1);
  }


 .object-name-dialog .el-dialog {
	background-color: var(--bg-object-dialog-color,#2F323E) !important;
	border-radius: 12px;
  }



.popover-dialog {
	box-shadow: 0px 0px 6px  #000000!important;
	background-color: #2F323E!important;
	padding: 20px;
}
.popover-dialog.is-light .el-popper__arrow:before{
	background-color: #2F323E!important;
}

.dialog-pointer-events{

}


/* Flexbox 布局确保两个 div 垂直居中 */
.custom-header {
	display: flex;
	align-items: center; /* 垂直居中 */
	justify-content: space-between; /* 两个元素之间有间隔 */
	padding: 14px 22px;
	height: 100%;
	box-sizing: border-box;
	color: var(--font-color, #FFFFFF);
}

/* 样式调整关闭按钮 */
.custom-header .close-button {
	width: 20px;
	height: 20px;
	background-size: cover;
	cursor: pointer;
}

.el-select__placeholder{
	font-size: 12px;
	text-align: left;
}



.custom_dialog {
	pointer-events: none;
}


.el-dialog {
    background-color: var(--bg-color);
	padding:  16px;
    padding-top: 0px;
	border-radius: 4px;
	box-shadow: 0px 0px 6px  #000000;
}

.el-dialog__header {
    padding: 0px;
    min-height: 30px;
}

.el-dialog__headerbtn {
    top: 8px;
    right: 8px;
}

.el-dialog__headerbtn button:hover{
	background-color: var(--el-dialog-header-button-bg-color,#707070);
}



.el-dialog {
	pointer-events: auto;
}

.el-loading-mask{
	/*opacity: 0.4;*/
}


.form-open-btn {
	font-size: 10px;

	color: var(--font-color);
	border: 0px;
	border: 1px solid var(--border-color);
	opacity: 0.5;
	padding: 0px 10px;
	height: 26px;
}

.form-open-btn:active,.form-open-btn:hover{
	background-color:unset!important;
	color: var(--el-primary-color);
}

.dialog-form{
}
.dialog-form .el-form-item__label{
	font-size: 12px!important;
	color: var(--font-color);
}


.dialog-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):focus, .el-dropdown-menu__item:not(.is-disabled):hover{
	color: var(--font-color, #FFFFFF);
	background-color: var(--bg-row-hover-color, #474B55);
}
.dialog-dropdown-menu   .el-dropdown-menu {

	width: 120px;
	padding: 2px;
	background-color: var(--dropdown-bg-color-1,#33353c);
}
.dialog-dropdown-menu  .el-dropdown-menu__item {
	color: var(--font-color);
	font-size: 12px !important;

	height: 26px;
	border-radius: 4px;
	padding: 0px 0px 0px 4px;
	justify-content:unset;
}
.no-data{
	background: #2C2E35;
	width: 100%;
	height: 140px;
	display: flex;
	justify-content: center; /* 水平居中 */
	align-items: center;     /* 垂直居中 */
}


.close-button {
	position: absolute;

	right: 10px;
	width: 15px;
	height: 15px;
	transform: translateY(-50%);
	background-image:url("/images/close.png");
	background-size: cover;
	cursor: pointer;
	top: 14px;
}

.dialog-footer{
	text-align: right;
}
.el-select__placeholder.is-transparent{
	/*color:var(--el-input-text-color,var(--el-text-color-regular))!important;*/
	color:#5C5C5C!important;
}

.el-textarea__inner{
	box-shadow:unset!important;
}

.el-input-group{
	vertical-align: middle!important;
}

.el-input-group__append{
	height: 24px!important;
	background-color:var(--append-bg-color) !important;
	padding:0px 6px!important;
}


/* 遮罩层 */
.f-confirm .el-message-box__wrapper {
	background-color: var(--el-bg-color-overlay);
}

/* 弹窗主体 */
.f-confirm   {
	background-color: var(--bg-color)!important;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

/* 标题栏 */
.f-confirm .el-message-box__header {
	background-color: var(--bg-color);
	padding: 12px 20px;
	border-bottom: 1px solid var(--el-border-color-light);
}

/* 标题文字 */
.f-confirm .el-message-box__title {
	font-size: var(--title-font-size);
	color: var(--font-color);
}

/* 内容区 */
.f-confirm .el-message-box__content {
	padding: 20px;
	color: var(--container-content-font-color);
	font-size: var(--tab-font-size);
}

/* 按钮区域 */
.f-confirm .el-message-box__btns {
	padding: 10px 20px;
	text-align: right;
}

/* 确认按钮 */
.f-confirm .el-message-box__btns .el-button--confirm {
	background-color: var(--btn-primary-bg-color);
	color: var(--el-text-color-primary);
}

.f-confirm .el-message-box__btns .el-button--confirm:hover {
	background-color: var(--btn-primary-hover-color);
}

.f-confirm .el-message-box__btns .el-button--confirm:active {
	background-color: var(--btn-primary-active-color);
}

/* 取消按钮 */
.f-confirm .el-message-box__btns .el-button--cancel {
	color: var(--el-text-color-regular);
}


/* 统一隐藏（Element Plus 默认 namespace = el） */
.object-tree .el-checkbox__input {
	display: none !important;
}

/* 把 label 的左缩进抹掉，避免空白 */
.object-tree .el-checkbox__input {
	margin-left: 0 !important;
}
.el-tour__arrow::before {
	background-color: #33373F!important;
	border-color: #44484F!important;
}