.comment-section{background-color:var(--content);border:2px solid var(--divider);border-radius:10px;padding:20px 25px;margin-top:24px}.comment-section .comment-title{display:flex;align-items:baseline;gap:8px;margin-top:0}.comment-section .comment-title .comment-count{color:var(--faded);font-size:.8em}.comment-section .comment-list{display:flex;flex-direction:column;gap:10px}.comment-section .comment-empty{color:var(--faded)}.comment-section .comment-item{padding:10px 12px;background-color:var(--fore-content);border-radius:4px}.comment-section .comment-item .comment-meta{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.comment-section .comment-item .comment-author{font-weight:bold}.comment-section .comment-item .comment-date{color:var(--faded);font-size:.85em}.comment-section .comment-item .comment-body{line-height:1.4em;overflow-wrap:anywhere}.comment-section .comment-item .comment-body>:last-child{margin-bottom:0}.comment-section .comment-item .comment-delete{margin-top:8px;color:var(--faded);font-size:.85em;cursor:pointer}.comment-section .comment-item .comment-delete:hover{color:var(--text)}.comment-section .comment-form{margin-top:14px}.comment-section .comment-form .comment-input{display:block;width:100%;min-height:80px;padding:8px;color:var(--text);background-color:var(--input);border:1px solid var(--fore-divider);border-radius:4px;resize:vertical}.comment-section .comment-form .comment-form-actions{display:flex;align-items:center;gap:12px;margin-top:8px}.comment-section .comment-form .comment-submit{cursor:pointer}.comment-section .comment-form .comment-submit:disabled{opacity:.6;cursor:default}.comment-section .comment-form .comment-hint{color:var(--faded);font-size:.85em}.comment-section .comment-login-prompt{margin-top:14px;color:var(--faded)}