.comment-page {
  max-width: 800px;
  margin: 0 auto;
  padding: 0.4rem 0 2.5rem;
}

.comment-header {
  margin-bottom: 1.5rem;
  padding-bottom: 0.9rem;
  border-bottom: 1px solid var(--color-border);
}

.comment-meta {
  margin: 0;
  color: var(--color-meta);
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-family: var(--font-family-mono);
}

.comment-lead {
  margin-top: 0.4rem;
  font-size: 0.98rem;
  line-height: 1.6;
  color: var(--color-text);
}

.comment-section {
  margin-top: 1.2rem;
}

#tcomment {
  margin-top: 0.75rem;
}

@media (max-width: 640px) {
  .comment-page {
    padding: 0.4rem 0 2.25rem;
  }

  .comment-header {
    margin-bottom: 1.2rem;
    padding-bottom: 0.75rem;
  }

  .comment-section {
    margin-top: 1rem;
  }
}

/* 按钮配合站点黑白风格：只改颜色与圆角，不改布局尺寸 */
#tcomment .el-button {
  border-radius: 999px;
  border-color: #111111;
  background-color: #ffffff;
  color: #111111;
  box-shadow: none;
}

#tcomment .el-button--primary,
#tcomment .el-button--default,
#tcomment .el-button--success,
#tcomment .el-button--info,
#tcomment .el-button--warning,
#tcomment .el-button--danger {
  border-radius: 999px;
  border-color: #111111;
  background-color: #ffffff;
  color: #111111;
}

#tcomment .el-button--text {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
}

#tcomment .el-button:hover,
#tcomment .el-button:focus {
  background-color: #111111;
  color: #ffffff;
  border-color: #111111;
}

/* 隐藏网址输入框及其标签 */
#tcomment input[name="url"],
#tcomment input[id*="url"],
#tcomment input[type="url"],
#tcomment input[name="link"],
#tcomment input[id*="link"] {
  display: none !important;
}

#tcomment .el-form-item:has(input[name="url"]),
#tcomment .el-form-item:has(input[id*="url"]),
#tcomment .el-form-item:has(input[type="url"]),
#tcomment .el-form-item:has(input[name="link"]),
#tcomment .el-form-item:has(input[id*="link"]) {
  display: none !important;
}

/* Twikoo 可能使用的类名兜底隐藏 */
#tcomment .tk-input-url,
#tcomment .tk-input-link {
  display: none !important;
}
