/* 专门用于渲染 Quill 编辑器输出的富文本内容 */

/* 基础文字样式 */
.quill-content-rendered {
	font-size: 1rem;
	line-height: 1.5;
	word-wrap: break-word;
	color: #374151;
	overflow-x: hidden;
	padding: 0 8px;
}

@media (prefers-color-scheme: dark) {
	.quill-content-rendered {
		color: #d1d5db;
	}
}

/* 标题 */
.quill-content-rendered h1,
.quill-content-rendered h2,
.quill-content-rendered h3,
.quill-content-rendered h4,
.quill-content-rendered h5,
.quill-content-rendered h6 {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.575rem;
	margin-top: 1.25rem;
	margin-bottom: 0.725rem;
	color: #111827;
}

@media (prefers-color-scheme: dark) {
	.quill-content-rendered h1,
	.quill-content-rendered h2,
	.quill-content-rendered h3,
	.quill-content-rendered h4,
	.quill-content-rendered h5,
	.quill-content-rendered h6 {
		color: #f3f4f6;
	}
}

/* 段落 */
.quill-content-rendered p {
	font-size: 0.925rem;
	line-height: 1.6rem;
	margin-bottom: 1rem;
	color: #374151;
}

@media (prefers-color-scheme: dark) {
	.quill-content-rendered p {
		color: #d1d5db;
	}
}

/* 粗体、斜体、下划线 */
.quill-content-rendered strong,
.quill-content-rendered em,
.quill-content-rendered u {
	color: inherit;
}

/* 列表 */
.quill-content-rendered ol {
	margin: 1.25em 0;
	padding: 0;
}

.quill-content-rendered li {
	position: relative;
	list-style: none;
	margin-bottom: 0.5rem;
	padding-left: 1.5em;
	font-size: 0.925rem;
	color: #374151;
}

@media (prefers-color-scheme: dark) {
	.quill-content-rendered li {
		color: #d1d5db;
	}
}

.quill-content-rendered li[data-list='bullet']::before {
	content: '•';
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 700;
	color: #111827;
}

@media (prefers-color-scheme: dark) {
	.quill-content-rendered li[data-list='bullet']::before {
		color: #f3f4f6;
	}
}

.quill-content-rendered ol:has(li[data-list='ordered']) {
	counter-reset: ordered-list;
}

.quill-content-rendered li[data-list='ordered']::before {
	counter-increment: ordered-list;
	content: counter(ordered-list) '.';
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 700;
	color: #111827;
}

@media (prefers-color-scheme: dark) {
	.quill-content-rendered li[data-list='ordered']::before {
		color: #f3f4f6;
	}
}

/* 链接 */
.quill-content-rendered a {
	color: #7c3aed;
	text-decoration: underline;
	text-decoration-color: rgba(124, 58, 237, 0.5);
	transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out;
}

.quill-content-rendered a:hover {
	color: #8b5cf6;
	text-decoration-color: rgba(139, 92, 246, 0.8);
}

@media (prefers-color-scheme: dark) {
	.quill-content-rendered a {
		color: #a78bfa;
		text-decoration-color: rgba(167, 139, 250, 0.5);
	}

	.quill-content-rendered a:hover {
		color: #c4b5fd;
		text-decoration-color: rgba(196, 181, 253, 0.8);
	}
}

/* 图片 */
.quill-content-rendered img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 2em auto;
	border-radius: 0.75rem;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
	transition: transform 0.2s ease-in-out;
}

.quill-content-rendered img:hover {
	transform: scale(1.005);
}

/* 文本对齐 */
.quill-content-rendered .ql-align-left {
	text-align: left;
}

.quill-content-rendered .ql-align-center {
	text-align: center;
}

.quill-content-rendered .ql-align-right {
	text-align: right;
}

.quill-content-rendered .ql-align-justify {
	text-align: justify;
}

/* 引用块 */
.quill-content-rendered blockquote {
	border-left: 4px solid #6366f1;
	padding-left: 1.5em;
	margin: 2em 0;
	font-style: italic;
	color: #4b5563;
}

@media (prefers-color-scheme: dark) {
	.quill-content-rendered blockquote {
		border-left-color: #a5b4fc;
		color: #9ca3af;
	}
}

/* 水平分割线 */
.quill-content-rendered hr {
	border: none;
	border-top: 1px solid #e5e7eb;
	margin: 3.5em auto;
	max-width: 6rem;
}

@media (prefers-color-scheme: dark) {
	.quill-content-rendered hr {
		border-top-color: #4b5563;
	}
}