/**
 * 评论区样式 —— 三套主题共用一份。
 *
 * 刻意**不指定字体**：让它继承所在主题的正文排版，
 * 杂志风自动是衬线、终端自动是等宽、全息自动是那套无衬线。
 * 一份 CSS 硬写死字体，三套主题里必然有两套别扭。
 *
 * 颜色同理，只用中性灰 + 透明度：浅色底上是浅灰线，深色底上是浅白线，
 * 不必为主题各写一份，也不会出现「深色主题上一条刺眼的黑线」。
 */

.comments {
  margin-top: 56px;
  padding-top: 28px;
  border-top: 1px solid rgba(128, 128, 128, 0.28);
}

.comments-title {
  margin: 0 0 20px;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: inherit;
}

.comments-slot {
  /* 给个最小高度，免得评论加载出来时把页脚猛地顶下去 */
  min-height: 120px;
}

.comments-hint {
  margin: 0;
  font-size: 0.9rem;
  opacity: 0.6;
}

.comments iframe.giscus-frame {
  width: 100%;
  border: 0;
}

@media (max-width: 640px) {
  .comments {
    margin-top: 40px;
    padding-top: 22px;
  }
}