.luoxin-comment-list,
.luoxin-comment-list .children {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}

.luoxin-comment {
  min-width: 0;
}

.luoxin-comment__body,
.luoxin-comment__main {
  min-width: 0;
}

.luoxin-comment__main {
  padding-bottom: 1.75rem;
}

.luoxin-comment__text {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.luoxin-comment__text p {
  margin: .35em 0;
}

.luoxin-comment__reply-target {
  color: #6b7280;
}

.luoxin-comment__reply-target a {
  color: var(--luoxin-accent);
}

.luoxin-comment__reply-target + p {
  display: inline;
}

.luoxin-comment__actions {
  column-gap: 1rem;
  row-gap: .5rem;
}

.luoxin-comment__actions > a,
.luoxin-comment__actions > button {
  align-items: center;
  display: inline-flex;
  gap: .3rem;
}

.luoxin-comment-like.is-liked {
  color: var(--luoxin-accent);
}

.luoxin-comment-like:disabled {
  cursor: wait;
  opacity: .6;
}

.luoxin-comment-list > .luoxin-comment > .children {
  border-left: 2px solid rgba(240, 184, 110, .18);
  margin-left: 3.5rem;
  margin-top: 1.25rem;
  padding-left: 1rem;
}

.luoxin-comment-list .children .children {
  border: 0;
  margin: 0;
  padding: 0;
}

.luoxin-comment-list .children > .luoxin-comment + .luoxin-comment {
  margin-top: 1.25rem;
}

.luoxin-comment--reply .luoxin-comment__avatar {
  height: 2rem;
  width: 2rem;
}

.luoxin-comment-more {
  color: #9ca3af;
  font-size: .75rem;
  margin: .85rem 0 0 4.5rem;
  transition: color .2s ease;
}

.luoxin-comment-more:hover,
.luoxin-comment-more:focus-visible {
  color: var(--luoxin-accent);
}

.luoxin-comment > #respond {
  margin: 1rem 0 1.5rem 3.5rem;
}

.luoxin-comment.bypostauthor > .luoxin-comment__body .luoxin-comment__main {
  background: rgba(253, 251, 247, .55);
  border-radius: .75rem;
  padding-left: .65rem;
  padding-right: .65rem;
}

.luoxin-dark .luoxin-comment__text {
  color: #d1d5db;
}

.luoxin-dark .luoxin-comment__reply-target {
  color: #9ca3af;
}

.luoxin-dark .luoxin-comment.bypostauthor > .luoxin-comment__body .luoxin-comment__main {
  background: rgba(255, 255, 255, .03);
}

.comment-reply-title {
  align-items: center;
  display: flex;
  gap: .75rem;
  justify-content: space-between;
}

.comment-reply-title small {
  float: none;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .luoxin-comments {
    padding: 1.25rem;
  }

  .luoxin-comment__body {
    gap: .75rem;
  }

  .luoxin-comment__avatar {
    height: 2.25rem;
    width: 2.25rem;
  }

  .luoxin-comment--reply .luoxin-comment__avatar {
    height: 1.875rem;
    width: 1.875rem;
  }

  .luoxin-comment-list > .luoxin-comment > .children {
    margin-left: 2.75rem;
    padding-left: .75rem;
  }

  .luoxin-comment-list .children > .luoxin-comment + .luoxin-comment {
    margin-top: 1rem;
  }

  .luoxin-comment__actions {
    column-gap: .85rem;
  }

  .luoxin-comment-more {
    margin-left: 3.5rem;
  }

  .luoxin-comment > #respond {
    margin-left: 0;
  }
}