.comment-item[data-v-8defc32a]{position:relative}.comment-item[data-v-8defc32a]:not(:first-child){margin-top:0rem}.comment-item[data-v-8defc32a]:before{height:calc(100% - 3rem);top:3rem;width:1px;background-color:#c8d5e2;content:"";position:absolute;left:1rem}.comment-main[data-v-8defc32a]{display:flex;gap:.75rem}.comment-replies[data-v-8defc32a]{margin-bottom:1rem}.comment-avatar-wrapper[data-v-8defc32a]{position:relative;flex-shrink:0;top:.25rem}.comment-avatar[data-v-8defc32a]{width:2rem;height:2rem;border-radius:.5rem;display:block}.comment-line[data-v-8defc32a]{position:absolute;left:50%;top:48px;bottom:-24px;width:2px;background-color:#e5e7eb;transform:translate(-50%)}.comment-content[data-v-8defc32a]{flex:1;min-width:0}.comment-header[data-v-8defc32a]{display:flex;align-items:center;gap:.5rem;margin-bottom:.125rem}.comment-username[data-v-8defc32a]{font-weight:600;color:#111827;font-size:.9375rem}.comment-time[data-v-8defc32a]{color:#9ca3af;font-size:.75rem}.comment-options-btn[data-v-8defc32a]{background:none;border:none;padding:.25rem;cursor:pointer;color:#9ca3af;font-size:1.125rem;margin-left:auto;transition:color .2s}.comment-options-btn[data-v-8defc32a]:hover{color:#6b7280}.comment-options[data-v-8defc32a]{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px #0000001a;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;z-index:10}.comment-level[data-v-8defc32a]{color:#9ca3af;line-height:1.125rem;font-size:.75rem}.comment-body[data-v-8defc32a]{color:#374151;font-size:1rem;line-height:1.6;margin-bottom:.75rem}.comment-body[data-v-8defc32a] p{margin-bottom:.75rem}.comment-body[data-v-8defc32a] p:last-child{margin-bottom:0}.comment-body[data-v-8defc32a] a{color:#3b82f6;text-decoration:none}.comment-body[data-v-8defc32a] a:hover{text-decoration:underline}.comment-body[data-v-8defc32a] blockquote{border-left:3px solid #d1d5db;padding-left:1rem;margin:.75rem 0;color:#6b7280;font-style:italic}.comment-body[data-v-8defc32a] blockquote p{margin:0}.comment-body[data-v-8defc32a] .mention{color:#3b82f6;font-weight:500}.comment-body[data-v-8defc32a] strong{font-weight:600;color:#111827}.comment-body[data-v-8defc32a] em{font-style:italic}.comment-body[data-v-8defc32a] code{background-color:#1f2937;color:#f9fafb;padding:.125rem .375rem;border-radius:3px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.875em}.comment-body[data-v-8defc32a] pre{background-color:#1f2937;color:#f9fafb;padding:1rem;border-radius:6px;overflow-x:auto;margin:.75rem 0}.comment-body[data-v-8defc32a] pre code{background:none;padding:0;color:inherit}.comment-edit-mode[data-v-8defc32a]{margin-bottom:.75rem}.comment-actions[data-v-8defc32a]{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.comment-action-btn[data-v-8defc32a]{background:none;border:none;padding:0;cursor:pointer;color:#6b7280;font-size:.9375rem;font-weight:500;transition:color .2s}.comment-action-btn[data-v-8defc32a]:hover{color:#111827}.like-count[data-v-8defc32a]{color:#6b7280;font-size:.8125rem;margin-left:auto}.reply-editor[data-v-8defc32a]{margin-top:.75rem}.comment-replies[data-v-8defc32a]{margin-left:3rem;margin-top:0}@media(max-width:767px){.comment-replies[data-v-8defc32a]{margin-left:2rem}}.new-thread-link[data-v-8defc32a]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#3b82f6;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s;margin-top:.75rem}.new-thread-link i[data-v-8defc32a]{font-size:1rem}.new-thread-link[data-v-8defc32a]:hover{background-color:#e5e7eb;border-color:#9ca3af}.load-more-container[data-v-8defc32a]{position:relative;margin-top:-.5rem;margin-bottom:1rem}.load-more-btn[data-v-8defc32a]{text-decoration:none;font-size:.875rem;font-weight:500;color:var(--bs-secondary-color);padding:.25rem .625rem;transition:all .2s ease;display:flex;align-items:center;background-color:#fff;border:1px solid #c8d5e2}.load-more-btn[data-v-8defc32a]:hover{color:var(--bs-primary)}.load-more-btn:hover .btn-text[data-v-8defc32a]{text-decoration:underline}.load-more-btn[data-v-8defc32a]:focus{box-shadow:none}