.comment-name-component{align-items:center;display:inline-block;display:inline-flex}.comment-name-component .author{background:var(--color-secondary);border-radius:2px;color:var(--color-primary);display:inline-block;font-size:10px;font-weight:400;line-height:14px;margin-left:2px;padding:1px 2px;text-align:center}.comment-container{height:100%;overflow:auto}.comment-container .list-loading{align-items:center;color:var(--font-tertiary);display:flex;font-size:14px;justify-content:center;margin:20px auto 0;text-align:center}.comment-container .list-loading .loading-dom{margin-right:8px}.comment-container .list-more{align-items:center;color:var(--font-primary);cursor:pointer;display:flex;font-size:14px;justify-content:center;margin:20px auto 0;text-align:center}.comment-input-box .at-reply{color:var(--color-primary);cursor:pointer;font-size:16px;font-weight:700;margin-top:12px}.comment-input-box .at-reply span{font-size:12px}.comment-input-item{background-color:var(--bg-quaternary);border-radius:4px;margin-top:12px;padding:4px}.comment-input-item .el-input__wrapper,.comment-input-item .el-textarea__inner{background-color:transparent;box-shadow:none;font-size:14px}.comment-input-item .input-addition{align-items:center;display:flex;justify-content:flex-end;padding:4px}.comment-input-item .input-limit{font-size:14px;margin-right:12px}.comment-input-item .input-limit.limit{color:var(--color-danger)}.comment-input-item .el-button{border:none;outline:none}.comment-list{margin-top:48px}.no-reply .comment-list-item{cursor:default}.comment-list-item{border-bottom:1px solid var(--border-tertiary);padding:12px 0}.comment-list-item .comment-top{background-color:var(--bg-quaternary);border-radius:12px;display:inline-block;margin-bottom:8px;padding:12px;position:relative}.comment-list-item .comment-name-bar{font-size:14px;font-weight:700}.comment-list-item .reply-text{display:inline-block;font-size:14px;margin:0 8px}.comment-list-item .comment-name-component{color:var(--font-primary)}.comment-list-item .comment-content{font-size:14px;line-height:1.5;margin-top:4px}.comment-list-item .comment-time{color:var(--font-tertiary);font-size:12px}.comment-list-item .comment-time .el-button{margin-left:8px}.comment-list-item .comment-time span{display:inline-block;margin:0 10px;white-space:nowrap}.comment-list-item .comment-time .opt-reply{cursor:pointer}.comment-list-item .comment-time .opt-reply:hover{color:var(--color-primary)}.comment-name-reply{color:var(--font-tertiary);font-size:12px;margin:0 6px}.comment-child{padding-left:24px}.comment-child-item{margin-top:12px}