/* ============================================================
   Stationery 纸感主题 - 评论区补充样式
   （基础样式已在 style.css 中定义，此处处理交互态与细节）
   ============================================================ */

.comments-section .comment-pagenavi {
  display: flex;
  justify-content: center;
  gap: 7px;
  margin-top: 18px;
}

.comments-section .comment-pagenavi a,
.comments-section .comment-pagenavi span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--paper);
  font-size: 13px;
  transition: all 0.2s ease;
}

.comments-section .comment-pagenavi a:hover {
  background: var(--color-accent-soft);
  border-color: var(--color-accent-soft);
  color: var(--color-accent-strong);
}

.comments-section .comment-pagenavi span {
  background: var(--color-accent-soft);
  border-color: var(--color-accent-soft);
  color: var(--color-accent-strong);
}

/* 评论表单在移动端的输入框聚焦更友好 */
.comment-form__textarea,
.comment-form__input,
.comment-form__captcha-wrap .captcha_input {
  scroll-margin-top: 90px;
}

/* 回复态：表单标题高亮 */
.comment-form.is-replying .comment-form__header h3 {
  color: var(--color-accent-strong);
}

/* 验证码 */
.comment-form__captcha-wrap img {
  height: 40px;
  width: auto;
}

/* 评论内容里的短代码块不撑破布局 */
.comment-item__content code {
  padding: 1px 5px;
  border-radius: 5px;
  background: var(--paper-warm);
  border: 1px solid var(--line);
  font-family: var(--font-mono);
  font-size: 0.88em;
}

.comment-item__content blockquote {
  margin: 8px 0;
  padding: 8px 12px;
  border-left: 3px solid var(--color-accent);
  background: var(--paper-warm);
  border-radius: 0 8px 8px 0;
}

.comment-item__content a {
  color: var(--color-accent-strong);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* 管理员的评论轻微突出 */
.comment-item--author > .comment-item__body > .comment-item__meta .comment-item__name {
  color: var(--color-accent-strong);
}

/* 评论提交按钮禁用态 */
.comment-form__submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

/* 移动端评论缩进收敛 */
@media (max-width: 560px) {
  .comment-children-list {
    padding-left: 10px;
  }

  .comment-item__avatar img {
    width: 34px;
    height: 34px;
  }

  .comment-item--child .comment-item__avatar img {
    width: 28px;
    height: 28px;
  }
}