@tailwind base;
@tailwind components;
@tailwind utilities;

.quill-editor-container .ql-toolbar {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom: none;
	border: none;
}

.quill-editor-container .ql-container {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border: none;
}

.ag-custom-dragging-class {
	@apply border-b-2 border-blue-200;
}

.ant-popover-inner {
	padding: 0 !important;
	@apply border border-gray-300;
}

.ag-header-viewport {
	z-index: 0;
}

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

.ag-cell .ag-cell-wrapper {
	display: flex;
	align-items: center;
	/* 垂直居中 */
}

/* styles.css */
.ant-table {
	background-color: transparent !important;
}

.ant-table-thead > tr > th {
	background-color: transparent !important;
}

.ant-table-tbody > tr > td {
	background-color: transparent !important;
	border-bottom-color: transparent !important;
}

.ant-table-cell {
	background-color: transparent !important;
	border-bottom-color: transparent !important;
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
	border-radius: 10px;
	@apply bg-gray-200;
}

/* 滚动块 */
::-webkit-scrollbar-thumb {
	/* background-color: #888; */
	border-radius: 10px;
	border: 2px solid #f0f0f0;
	@apply hover:bg-blue-200 transition-all bg-gray-400 ease-in-out rounded-full;
}

/* 鼠标悬停在滚动块上 */
::-webkit-scrollbar-thumb:hover {
	background-color: "tr";
}

::-webkit-scrollbar {
	height: 8px;
	width: 10px;
	/* 滚动条宽度 */
}

/* 覆盖 Ant Design 的默认样式  raido button左侧的按钮*/
.ant-radio-button-wrapper-checked:not(
		.ant-radio-button-wrapper-disabled
	)::before {
	background-color: unset !important;
}

.state-select.ant-select-selector {
	cursor: pointer !important;
	/* 强制覆盖默认的禁止样式 */
}

.ant-tabs-nav-operations {
	display: none !important;
}

.no-wrap-header .ant-table-thead > tr > th {
	white-space: nowrap;
}

.custom-table .ant-table-cell {
	white-space: normal;
	/* 允许换行 */
	word-wrap: break-word;
	/* 强制单词换行 */
}

.custom-table .ant-table-cell {
	border: 1px solid #ddd;
	/* 设置单元格边框 */
}

.custom-table .ant-table-tbody > tr > td {
	border-bottom: 1px solid #ddd;
	/* 设置表格行底部边框 */
}

.custom-table .ant-table-tbody > tr:last-child > td {
	border-bottom: none;
	/* 去除最后一行的底部边框 */
}
.quill-editor-container .ql-toolbar.ql-snow,
.quill-editor-container .ql-container.ql-snow {
	border-color: transparent;
}

.quill-editor-container .ql-toolbar.ql-snow {
	background: rgb(248, 250, 252);
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
}

.quill-editor-container .ql-container.ql-snow {
	background: transparent;
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.quill-editor-container .ql-editor {
	min-height: 120px;
	color: rgb(30, 41, 59); /* slate-800 */
}

.quill-editor-container .ql-editor.ql-blank::before {
	color: rgb(100, 116, 139); /* slate-500 */
}

.ql-editor {
	
	/* 代码块容器 */
	.ql-code-block-container {
		background: #1e293b;
		color: #e2e8f0;
		border-radius: 0.5rem;
		margin: 0; /* 更新 */
		font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
			monospace;

		/* 代码块内容 */
		.ql-code-block {
			padding: 0.2rem;
			font-size: 0.875rem;
			line-height: 1.2;
			overflow-x: auto;
			white-space: pre-wrap;
			word-wrap: break-word;
		}
	}

	/* 代码块 */
	pre.ql-syntax {
		background: #1e293b;
		color: #e2e8f0;
		border-radius: 0.5rem;
		padding: 1rem;
		margin: 0; /* 更新 */
		font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
			monospace;
		font-size: 0.875rem;
		line-height: 1.5;
		overflow-x: auto;
		white-space: pre-wrap;
		word-wrap: break-word;
	}

	/* 引用块 */
	blockquote {
		border-left: 4px solid #3b82f6;
		background: #f8fafc;
		padding: 1rem 1.2rem;
		margin: 0; /* 更新 */
		color: #475569;
		font-style: italic;

		/* 嵌套引用 */
		blockquote {
			border-left-color: #64748b;
			background: #f1f5f9;
			margin: 0; /* 更新 */
		}
	}

	/* 有序列表 */
	ol {
		list-style-type: decimal;
		padding-left: 2rem;
		margin: 0; /* 更新 */

		/* 嵌套有序列表 */
		ol {
			list-style-type: lower-alpha;
			margin: 0; /* 更新 */

			ol {
				list-style-type: lower-roman;
			}
		}

		li {
			padding-left: 0.5rem;
			margin-bottom: 0; /* 更新 */

			&::marker {
				color: #3b82f6;
				font-weight: 600;
			}
		}
	}

	/* 无序列表 */
	ul {
		list-style-type: disc;
		padding-left: 2rem;
		margin: 0; /* 更新 */

		/* 嵌套无序列表 */
		ul {
			list-style-type: circle;
			margin: 0; /* 更新 */

			ul {
				list-style-type: square;
			}
		}

		li {
			padding-left: 0.5rem;
			margin-bottom: 0; /* 更新 */

			&::marker {
				color: #3b82f6;
			}
		}
	}

	/* 标题 */
	h1,
	h2,
	h3 {
		color: #1e3a8a;
		font-weight: 600;
		line-height: 1.25;
		margin: 0; /* 更新 */
	}

	h1 {
		font-size: 2em;
		border-bottom: 2px solid #e2e8f0;
		padding-bottom: 0.5rem;
	}

	h2 {
		font-size: 1.5em;
	}

	h3 {
		font-size: 1.25em;
	}

	/* 分割线 */
	hr {
		border: 0;
		border-top: 2px solid #e2e8f0;
		margin: 0; /* 更新 */
	}

	/* 段落 */
	p {
		margin: 0; /* 更新 */
		line-height: 1.2;
	}

	/* 表格 */
	table {
		border-collapse: collapse;
		width: 100%;
		margin: 0; /* 更新 */

		th,
		td {
			border: 1px solid #e2e8f0;
			padding: 0.75rem;
			text-align: left;
		}

		th {
			background: #f8fafc;
			font-weight: 600;
		}

		tr:nth-child(even) {
			background: #f8fafc;
		}
	}
}