/* 全站评论区 / 评论框统一样式（原先只在留言页生效，现在文章页也用）。
   用 #comments 前缀压过主题和额外CSS里 .single 开头的评论样式；颜色用额外CSS里的变量，黑夜模式自动适配 */

#comments.comments-area.box {
  border-radius: 18px !important;
  border: 1px solid var(--line, #dce7f2);
  box-shadow: none !important;
}
#comments .comments-title { border-bottom: 1px solid var(--line, #dce7f2); }

/* 称呼 / 邮箱 */
#comments .com-form-input {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  border: 0 !important;
  margin-bottom: 10px;
}
#comments .com-form-input input,
#comments .com-form-textarea textarea {
  width: 100%;
  border-radius: 12px !important;
  border: 1px solid var(--line, #dce7f2) !important;
  background: var(--paper, #f2f7fc) !important;
  color: var(--ink, #1c2b3a);
  transition: border-color .2s, box-shadow .2s, background .2s;
}
#comments .com-form-input input { height: 40px; padding: 0 14px; }
#comments .com-form-textarea textarea { min-height: 120px; padding: 12px 14px; }
#comments .com-form-input input:focus,
#comments .com-form-textarea textarea:focus {
  border-color: var(--sky, #5fa8dc) !important;
  box-shadow: 0 0 0 3px rgba(95, 168, 220, .18);
  background: var(--card, #fff) !important;
  outline: none;
}
#comments .com-form input::placeholder,
#comments .com-form textarea::placeholder { color: var(--ink-muted, #6b7c8f); opacity: .75; }

#comments .com-form-textarea { border: 0 !important; }
/* 输入框外层白底：输入框间隙里会露出来，黑夜模式下是一条白缝 */
#comments .com-form > .b2-radius { background: transparent !important; border: 0 !important; }
/* 底部 38px 留给登录用户的传图工具条；访客看不到工具条时去掉这块空白 */
#comments .com-form-textarea:has(> div[style*="display: none"]) { padding-bottom: 0 !important; }

/* 底部操作栏：表情 | 验证码 + 提交 */
#comments .com-form-button { margin-top: 12px !important; align-items: center; }
#comments .com-form-button-r button:not(.ytea-captcha-refresh) {
  height: 36px;
  line-height: 36px;
  border-radius: 999px !important;
  background: var(--deep, #1d4e89) !important;
  border-color: var(--deep, #1d4e89) !important;
  color: #fff !important;
  padding: 0 26px !important;
  font-size: 14px;
  transition: filter .2s;
}
#comments .com-form-button-r button:not(.ytea-captcha-refresh):hover { filter: brightness(1.12); }

/* 空状态 */
#comments .none-comment,
#comments .comments-none {
  padding: 28px 0 !important;
  border-top-color: var(--line, #dce7f2) !important;
  color: var(--ink-muted, #6b7c8f) !important;
}

@media (max-width: 768px) {
  #comments .com-form-input { grid-template-columns: 1fr; gap: 8px; }
  #comments .com-form-textarea textarea { min-height: 100px; }
}