/* ==========================================================
   文章评论区样式（2026-09-20 全站开评论时新增）
   与全站深色 + 金色一致：金色 #D4AF37 / 深蓝黑 #0B1220 / 面板 #141926
   只作用于文章页（body），不影响页面与入口页
   ========================================================== */
body {
  --rm-gold: #D4AF37;
  --rm-gold-soft: #E2CB86;
  --rm-panel: #141926;
  --rm-panel2: #1A2030;
  --rm-line: rgba(212, 175, 55, 0.22);
  --rm-line-soft: rgba(255, 255, 255, 0.08);
  --rm-txt: #E8E6E1;
  --rm-sub: #9BA0A8;
}

/* 区块整体 */
body .comments-area,
body #comments {
  margin-top: 42px;
  padding-top: 30px;
  border-top: 1px solid var(--rm-line);
  color: var(--rm-txt);
}

/* 标题 */
body .comments-title,
body .comment-reply-title {
  color: var(--rm-gold);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.16em;
  margin: 0 0 18px;
}
body .comment-reply-title small a {
  color: var(--rm-sub);
  font-size: 13px;
  letter-spacing: 0;
}

/* 评论列表 */
body .comment-list {
  list-style: none;
  margin: 0 0 26px;
  padding: 0;
}
body .comment-list .children {
  list-style: none;
  margin: 14px 0 0;
  padding-left: 22px;
  border-left: 2px solid rgba(212, 175, 55, 0.18);
}
body .comment-body {
  background: var(--rm-panel);
  border: 1px solid var(--rm-line-soft);
  border-radius: 3px;
  padding: 18px 20px;
  margin-bottom: 14px;
  font-size: 15.5px;
  line-height: 1.85;
  color: var(--rm-txt);
}
body .comment-body p { margin: 0 0 10px; }
body .comment-body p:last-child { margin-bottom: 0; }

/* 作者与时间 */
body .comment-author { display: flex; align-items: center; gap: 10px; }
body .comment-author .avatar {
  border-radius: 50%;
  width: 34px;
  height: 34px;
  border: 1px solid var(--rm-line);
}
body .comment-author .fn {
  color: var(--rm-gold);
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
}
body .comment-metadata {
  font-size: 13px;
  margin: 6px 0 12px;
}
body .comment-metadata a,
body .comment-metadata time {
  color: var(--rm-sub);
  text-decoration: none;
}

/* 回复按钮 */
body .comment-body .reply { margin-top: 10px; }
body .comment-body .reply a {
  display: inline-block;
  color: var(--rm-gold);
  font-size: 13px;
  border: 1px solid var(--rm-line);
  border-radius: 2px;
  padding: 3px 14px;
  text-decoration: none;
  transition: all 0.2s ease;
}
body .comment-body .reply a:hover {
  background: var(--rm-gold);
  color: #12120F;
}

/* 评论中的链接 */
body .comment-body a { color: var(--rm-gold-soft); text-decoration: underline; }

/* 评论表单 */
body .comment-respond {
  background: var(--rm-panel2);
  border: 1px solid var(--rm-line);
  border-radius: 3px;
  padding: 24px 24px 20px;
  margin-top: 26px;
}
body .comment-respond .comment-notes,
body .comment-respond .logged-in-as,
body .comment-form-cookies-consent label,
body .comment-respond .must-log-in {
  color: var(--rm-sub);
  font-size: 13px;
  line-height: 1.7;
}
body a.comment-reply-link { color: var(--rm-gold); }
body .comment-respond .logged-in-as a { color: var(--rm-gold-soft); }

/* 输入框统一深色 */
body .comment-form input[type="text"],
body .comment-form input[type="email"],
body .comment-form input[type="url"],
body .comment-form textarea {
  width: 100%;
  background: #0E1119;
  border: 1px solid rgba(212, 175, 55, 0.28);
  border-radius: 2px;
  color: var(--rm-txt);
  font-size: 15px;
  line-height: 1.7;
  padding: 11px 13px;
  margin-top: 6px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
body .comment-form input::placeholder,
body .comment-form textarea::placeholder { color: #6F757E; }
body .comment-form input[type="text"]:focus,
body .comment-form input[type="email"]:focus,
body .comment-form input[type="url"]:focus,
body .comment-form textarea:focus {
  outline: none;
  border-color: var(--rm-gold);
  box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.12);
}
body .comment-form label {
  color: var(--rm-sub);
  font-size: 13.5px;
}
body .comment-form textarea { min-height: 130px; resize: vertical; }

/* 提交按钮 */
body .comment-form .submit,
body .comment-form #submit {
  background: var(--rm-gold);
  color: #12120F !important;
  border: none;
  border-radius: 2px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.06em;
  padding: 12px 34px;
  cursor: pointer;
  transition: background 0.2s ease;
}
body .comment-form .submit:hover,
body .comment-form #submit:hover { background: var(--rm-gold-soft); }

/* 提示条（评论已提交待审核、留言须知等） */
body .comment-respond .comment-form-cookies-consent { margin-top: 12px; }
/* 复选框：改成深色 + 金色对勾，避免浏览器自带的白色小方块 */
body .comment-form-cookies-consent input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  min-width: 16px;
  border: 1px solid rgba(212, 175, 55, 0.5);
  border-radius: 2px;
  background: #0E1119;
  cursor: pointer;
  position: relative;
  vertical-align: -3px;
  margin: 0 6px 0 0;
  transition: all 0.2s ease;
}
body .comment-form-cookies-consent input[type="checkbox"]:checked {
  background: var(--rm-gold);
  border-color: var(--rm-gold);
}
body .comment-form-cookies-consent input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 4px;
  height: 9px;
  border: solid #12120F;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
body .comment-form-cookies-consent label {
  display: inline;
  cursor: pointer;
}