/* wangeditor富文本编辑器
------------------------------- */
.editor-container {
	z-index: 10;
	.w-e-toolbar {
		border: 1px solid var(--el-border-color-light, #ebeef5) !important;
		border-bottom: 1px solid var(--el-border-color-light, #ebeef5) !important;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		z-index: 2 !important;
	}
	.w-e-text-container {
		border: 1px solid var(--el-border-color-light, #ebeef5) !important;
		border-top: none !important;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
		z-index: 1 !important;
	}
}

[data-theme='dark'] {
	// textarea - css vars
	--w-e-textarea-bg-color: var(--el-color-white) !important;
	--w-e-textarea-color: var(--el-text-color-primary) !important;

	// toolbar - css vars
	--w-e-toolbar-color: var(--el-text-color-primary) !important;
	--w-e-toolbar-bg-color: var(--el-color-white) !important;
	--w-e-toolbar-active-color: var(--el-text-color-primary) !important;
	--w-e-toolbar-active-bg-color: var(--hotline-color-menu-hover) !important;
	--w-e-toolbar-border-color: var(--el-border-color-light, #ebeef5) !important;

	// modal - css vars
	--w-e-modal-button-bg-color: var(--el-color-primary) !important;
	--w-e-modal-button-border-color: var(--el-color-primary) !important;
}
/* wangeditor富文本编辑器 预览样式
------------------------------- */
.editor-content-view {
	padding: 0 10px;
	overflow-x: auto;
	p,li{
		white-space: pre-wrap; /* 保留空格 */
	}
	blockquote{
		border-left: 8px solid #d0e5f2;
		padding: 10px 10px;
		margin: 10px 0;
		background-color: #f1f1f1;
	}
	code{
		font-family: monospace;
		background-color: #eee;
		padding: 3px;
		border-radius: 3px;
	}
	pre>code{
		display: block;
		padding: 10px;
	}
	table{
		border-collapse: collapse;
	}
	td,th{
		border: 1px solid #ccc;
		min-width: 50px;
		height: 20px;
	}
	th{
		background-color: #f1f1f1;
	}
	ul,ol{
		padding-left: 20px;
	}
	input[type="checkbox"]{
		margin-right: 5px;
	}
}
