/* ========================================
   评论层级 — 卡片式嵌套（轻量版）
   ======================================== */

/* ── 子评论列表重置 ── */
.comments-area .children,
.comments .children,
.card .children {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* ── 子评论缩进 ── */
.comments-area .children > .comment,
.comments .children > .comment,
.card .children > .comment {
	margin-left: 28px;
	margin-top: 12px;
}

/* ── 子评论卡片 ── */
.comments-area .children > .comment > .comment-body,
.comments .children > .comment > .comment-body,
.card .children > .comment > .comment-body {
	background: #fafafa;
	border: 1px solid #eee;
	border-radius: 8px;
	padding: 14px 16px;
}

/* ── 二级更深 ── */
.comments-area .children .children > .comment > .comment-body,
.comments .children .children > .comment > .comment-body,
.card .children .children > .comment > .comment-body {
	background: #f5f5f5;
	margin-left: 20px;
}

/* ── 三级更深 ── */
.comments-area .children .children .children > .comment > .comment-body,
.comments .children .children .children > .comment > .comment-body,
.card .children .children .children > .comment > .comment-body {
	background: #f0f0f0;
	margin-left: 16px;
}

/* ── 子评论头像微缩 ── */
.comments-area .children .comment-author img.avatar,
.comments .children .comment-author img.avatar,
.card .children .comment-author img.avatar {
	width: 32px;
	height: 32px;
}

/* ── 头像位置调整（放到框里面） ── */
.comment-avatar {
	left: 16px !important;
	border-radius: 100px !important;
	overflow: hidden !important;
	width: 2.5rem !important;
	height: 2.5rem !important;
}

.children .comment-avatar {
	left: 12px !important;
	width: 1.875rem !important;
	height: 1.875rem !important;
}

/* ── 调整评论内容左边距，为头像留出空间 ── */
.comment {
	padding-left: 64px !important;
}

.children .comment {
	padding-left: 48px !important;
}

.comment-form {
	padding-left: 64px !important;
}

.children .comment-form {
	padding-left: 48px !important;
}

/* ── 响应式调整 ── */
@media only screen and (max-width: 767px) {
	.comment-avatar {
		left: 12px !important;
		width: 1.75rem !important;
		height: 1.75rem !important;
	}
	
	.children .comment-avatar {
		left: 10px !important;
		width: 1.75rem !important;
		height: 1.75rem !important;
	}
	
	.comment {
		padding-left: 50px !important;
	}
	
	.children .comment {
		padding-left: 40px !important;
	}
	
	.comment-form {
		padding-left: 50px !important;
	}
	
	.children .comment-form {
		padding-left: 40px !important;
	}
}

/* ── 子评论名字微缩 ── */
.comments-area .children .comment-author,
.comments .children .comment-author,
.card .children .comment-author {
	font-size: 13px;
}

/* ── 子评论内容微调 ── */
.comments-area .children .comment-content,
.comments .children .comment-content,
.card .children .comment-content {
	font-size: 14px;
	line-height: 1.6;
}