.comments {
  padding: 0 25px;
  margin-bottom: 25px;
}
.comments .take-part-in-comment {
  text-align: center;
  font-size: 14px;
  font-style: italic;
  color: #999;
  margin-top: 70px;
  margin-bottom: 30px;
}
.comments .response {
  margin-bottom: 50px;
}
.comments .response h3 {
  color: #333;
  margin-bottom: 25px;
}


/* 深色模式 - 评论 */
html[data-theme="dark"] .comments .take-part-in-comment { color: var(--text-muted); }
html[data-theme="dark"] .comments .response h3 { color: var(--text-main); }

/* 深色模式 - Halo 评论组件（plugin-comment-widget）
   通过官方提供的 CSS 变量定制配色，使其在夜间模式下可读 */
html[data-theme="dark"] .comments,
html[data-theme="dark"] .comments .response,
html[data-theme="dark"] halo-comment,
html[data-theme="dark"] halo\:comment {
  /* 主题色（用户名、按钮、链接等使用此色） */
  --halo-cw-primary-1-color: #93c5fd;
  --halo-cw-primary-2-color: #60a5fa;
  --halo-cw-primary-3-color: rgba(96, 165, 250, .25);

  /* 文本三档：标题/正文 → 次要 → 辅助 */
  --halo-cw-text-1-color: #e8eaed;
  --halo-cw-text-2-color: #b8bcc4;
  --halo-cw-text-3-color: #8a8f96;

  /* 弱化色：边框、分割线、占位背景 */
  --halo-cw-muted-1-color: rgba(255, 255, 255, .22);
  --halo-cw-muted-2-color: rgba(255, 255, 255, .12);
  --halo-cw-muted-3-color: rgba(255, 255, 255, .06);

  /* 兼容 3.0.0 之前的旧变量 */
  --halo-comment-widget-base-color: #e8eaed;
  --halo-comment-widget-base-info-color: #8a8f96;
}