/* ===== Giscus 内嵌评论区 — 读书笔记风格 ===== */

/* 评论区容器 — 直接嵌入正文下方 */
.comment-section {
  margin-top: 48px;
  padding-top: 32px;
  border-top: 2px solid #e8dfd0;
}

.comment-section-header {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 20px;
}

.comment-kicker {
  color: #c0392b;
  font-family: "Georgia", "Noto Serif SC", serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
}

.comment-section-header h2 {
  margin: 0;
  color: #2c1810;
  font-family: "Georgia", "Noto Serif SC", serif;
  font-size: 20px;
  font-weight: 700;
}

.comment-intro {
  margin: 0 0 18px;
  color: #5a4d40;
  font-size: 14px;
  line-height: 1.7;
}

.comment-note {
  margin-top: 16px;
  color: #9a8b7a;
  font-size: 12px;
  line-height: 1.6;
}

.comment-note a {
  color: #8b5e3c;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.comment-note a:hover {
  color: #c0392b;
}

/* giscus 容器 */
.giscus,
.giscus-frame {
  width: 100% !important;
}

/* giscus 与纸感背景融合 */
.giscus-frame {
  border-radius: 8px;
  overflow: hidden;
}

/* 移动端适配 */
@media (max-width: 640px) {
  .comment-section {
    margin-top: 36px;
    padding-top: 24px;
  }

  .comment-section-header h2 {
    font-size: 18px;
  }

  .comment-intro {
    font-size: 13px;
  }
}