/* ========================================
   评论增强 — 卡片式设计
   ======================================== */

/* ── 标识行（仅保留置顶标识 + 按钮） ── */
.sicza-badges-row {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 8px;
}

.sicza-badge {
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	font-size: 11px;
	font-weight: 500;
	border-radius: 4px;
	line-height: 1.6;
}

.sicza-badge--pin {
	color: #e65100;
	background: #fff3e0;
	border: 1px solid #ffe0b2;
}

/* 置顶按钮 */
.sicza-pin-btn {
	display: inline-flex;
	padding: 2px 8px;
	font-size: 11px;
	color: #ccc;
	text-decoration: none;
	border-radius: 4px;
	transition: all .15s;
	cursor: pointer;
}

.sicza-pin-btn:hover { color: #ff9800; background: #fff8e1; }
.sicza-pin-btn--on { color: #ff9800; font-weight: 600; }
.sicza-pin-btn--on:hover { color: #e65100; }

/* ── 作者名旁圆形图标 ── */
.sicza-author-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	font-size: 9px;
	border-radius: 50%;
	margin-left: 4px;
	vertical-align: middle;
	line-height: 1;
}

/* 作者标识 — 蓝色小圆 */
.sicza-author-mark--author {
	background: #e3f2fd;
	color: #1565c0;
}

/* 已回复标识 — 灰色小圆 */
.sicza-author-mark--replied {
	background: #f0f0f0;
	color: #888;
}

/* ── 置顶评论卡片 ── */
.comment.sicza-comment--pinned {
	border-left: 3px solid #ff9800 !important;
	background: #fffde7;
	border-radius: 0 8px 8px 0;
}

.comment.sicza-comment--pinned .comment-body {
	background: transparent;
}