/* ============================================================
   App-Scope 评论区覆盖层
   - 仅覆盖 iDisqus (assets/css/iDisqus.min.css) 的观感
   - 颜色引用 custom.css 的 --as-* 变量, 明暗模式自动跟随
   - 须在 iDisqus.min.css 之后加载 (comments.php 已处理)
   ============================================================ */

#disqus .comment {
  font-family: inherit;
  color: var(--as-ink-2);
}
#disqus .comment a {
  color: var(--as-accent-hover);
  border-bottom: 0;
}

/* 顶部: 计数与登录 */
#disqus .comment .comment-header {
  border-bottom: 1px solid var(--as-line);
}
#disqus .comment .comment-header-count,
#disqus .comment .comment-header .comment-header-item {
  color: var(--as-ink);
  font-weight: 500;
}
#disqus .comment .comment-header .comment-header-menu {
  color: var(--as-ink-3);
}
#disqus .comment .comment-login,
#disqus .comment .comment-navbar .comment-navbar-item {
  border-radius: 8px;
  transition: background-color .18s ease-out, color .18s ease-out, border-color .18s ease-out;
}
#disqus .comment .comment-login {
  box-shadow: inset 0 0 0 1px var(--as-accent);
  color: var(--as-accent);
  background: transparent;
}
#disqus .comment .comment-login:hover {
  background: var(--as-accent);
  color: var(--as-bg);
}

/* 编辑框 */
#disqus .comment .comment-box {
  margin: 0;
}
#disqus .comment .comment-form-textarea,
#disqus .comment .comment-form-wrapper .comment-form-textarea {
  background: var(--as-bg);
  border: 1px solid var(--as-line-strong);
  border-radius: 8px;
  color: var(--as-ink);
  font-family: inherit;
  font-size: .875em;
  line-height: 1.7;
  transition: border-color .18s ease-out;
}
#disqus .comment .comment-form-textarea:hover {
  border-color: var(--as-accent);
}
#disqus .comment .comment-form-textarea:focus {
  border-color: var(--as-accent);
  outline: none;
}
#disqus .comment .comment-form-input .comment-actions-input,
#disqus .comment input[type="text"],
#disqus .comment input[type="email"],
#disqus .comment input[type="url"] {
  background: var(--as-bg);
  border: 1px solid var(--as-line-strong);
  border-radius: 8px;
  color: var(--as-ink);
  font-family: inherit;
}
#disqus .comment .comment-actions-label,
#disqus .comment .comment-order-label {
  color: var(--as-ink-3);
}
#disqus .comment .comment-form-submit,
#disqus .comment .comment-actions-form .comment-form-submit {
  background: var(--as-accent);
  border: 0;
  border-radius: 8px;
  color: #fff;
  font-family: inherit;
  font-weight: 500;
  transition: background-color .18s ease-out;
}
#disqus .comment .comment-form-submit:hover {
  background: var(--as-accent-hover);
}
#disqus .comment .comment-form-alert,
#disqus .comment .comment-form-error {
  border-radius: 8px;
}

/* 评论列表 */
#disqus .comment .comment-list .comment-item-header a {
  color: var(--as-ink);
  font-weight: 500;
}
#disqus .comment .comment-list .comment-item-header {
  color: var(--as-ink-3);
}
#disqus .comment .comment-list .comment-item-footer {
  color: var(--as-ink-3);
}
#disqus .comment .comment-list .comment-item-footer a,
#disqus .comment .comment-list .comment-item-footer .comment-actions a,
#disqus .comment .comment-list .comment-actions a {
  color: var(--as-ink-3);
  transition: color .18s ease-out;
}
#disqus .comment .comment-list .comment-item-footer a:hover,
#disqus .comment .comment-list .comment-actions a:hover {
  color: var(--as-accent-hover);
}
#disqus .comment .comment-list .comment-item-main {
  color: var(--as-ink-2);
  line-height: 1.75;
  overflow-wrap: anywhere;
}
#disqus .comment .comment-list .comment-item-children .comment-item {
  border-left: 0;
}
#disqus .comment .comment-loadmore {
  border-radius: 8px;
}

/* 反应区 / 相关 */
#disqus .comment .comment-reaction-prompt,
#disqus .comment .comment-recommend-text {
  color: var(--as-ink-2);
}
#disqus .comment .comment-related .related-list .related-item-title {
  color: var(--as-ink);
}

/* 头像圆角与主题一致 */
#disqus .comment .avatar,
#disqus .comment .comment-avatar-image {
  border-radius: 8px;
}

/* 焦点可见性 */
#disqus .comment a:focus-visible,
#disqus .comment button:focus-visible,
#disqus .comment input:focus-visible,
#disqus .comment textarea:focus-visible {
  outline: 2px solid var(--as-accent);
  outline-offset: 2px;
}