.card-wrapper[data-v-d4163abd]{width:764px}.card-wrapper .commentNum[data-v-d4163abd]{color:var(--ct-color-netural-9);font-size:var(--ct-font-size-title-3);font-weight:var(--ct-font-weight-semibold);line-height:32px}.card-content[data-v-d4163abd]{padding-top:24px}.card-content .avatar-24[data-v-d4163abd]{margin-right:8px}.card-content .reply-input[data-v-d4163abd]{display:flex}.card-content .reply-input .input-container[data-v-d4163abd]{background-color:#f5f5f5;border-radius:var(--ct-border-radius-medium);margin-top:16px;padding-bottom:60px;padding-top:16px;position:relative;width:100%}.card-content .reply-input .input-container .publish-btn[data-v-d4163abd]{bottom:16px;color:#fff;height:32px;position:absolute;right:16px;width:80px}.card-content .reply-input .input-container .publish-btn-active[data-v-d4163abd]{background-color:var(--ct-color-brand-8)}.card-content .reply-input .input-container[data-v-d4163abd] .el-textarea__inner{background-color:#f5f5f5;box-shadow:none;line-height:24px;padding-left:16px;padding-top:0}.card-content .reply-input .input-container[data-v-d4163abd] .el-textarea__inner::-webkit-scrollbar{background-color:#f5f5f5}.card-content .reply-input .input-container[data-v-d4163abd] .el-input__count{background-color:#f5f5f5;bottom:-37px;right:104px}.card-content .reply-input .first-input-container[data-v-d4163abd]{margin-top:0}.card-content .first-reply-input[data-v-d4163abd]{padding-bottom:24px}.card-content .reply-input-border[data-v-d4163abd]{border-bottom:1px solid #d9d9d9}.card-content .comment-container[data-v-d4163abd]{display:flex;padding-top:16px;width:100%}.card-content .comment-container .comment-info[data-v-d4163abd]{flex:1}.card-content .comment-container .comment-info .comment-author[data-v-d4163abd]{color:var(--ct-color-netural-7);display:flex;font-size:var(--ct-font-size-caption-1);font-weight:var(--ct-font-weight-regular);height:24px;justify-content:space-between;line-height:24px}.card-content .comment-container .comment-info .comment-author .nickname[data-v-d4163abd]{color:var(--ct-color-netural-9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-content .comment-container .comment-info .comment-author .nickname .gray-text[data-v-d4163abd]{color:var(--ct-color-netural-7);margin:0 8px}.card-content .comment-container .comment-info .comment-author .publish-time[data-v-d4163abd]{flex-shrink:0}.card-content .comment-container .comment-info .comment-content[data-v-d4163abd]{color:var(--ct-color-netural-9);font-size:var(--ct-font-size-body-2);font-weight:var(--ct-font-weight-regular);margin:8px 0;word-break:break-all}.card-content .comment-container .comment-info .comment-btns[data-v-d4163abd]{color:var(--Netural-Neutral-7,#666);color:var(--ct-color-netural-7);display:flex;font-size:var(--ct-font-size-caption-1);font-weight:var(--ct-font-weight-regular)}.card-content .comment-container .comment-info .comment-btns .btn[data-v-d4163abd]{align-items:center;display:flex}.card-content .comment-container .comment-info .comment-btns .btn i[data-v-d4163abd]{font-size:16px;margin-right:4px}.card-content .comment-container .comment-info .comment-btns .btn .developer-icon-thumb-up-fill-developer[data-v-d4163abd]{color:#df0629}.card-content .comment-container .comment-info .comment-btns .btn[data-v-d4163abd]:hover{color:#df0629;cursor:pointer}.card-content .comment-container .comment-info .comment-btns .like-btn[data-v-d4163abd]{margin-right:24px}.card-content .layer-2[data-v-d4163abd]{padding-left:32px}.card-content[data-v-d4163abd] .el-overlay{display:none}.close-comment[data-v-d4163abd]{background:#f5f5f5;border:1px solid #f5f5f5;border-radius:4px;color:#97a3b7;font-size:14px;line-height:80px;min-height:80px;padding-bottom:0;padding-top:0;text-align:center;width:calc(100% - 24px)}@media screen and (max-width:768px){.card-wrapper[data-v-d4163abd]{border-radius:0;padding-top:0;width:100%}.card-wrapper .commentNum[data-v-d4163abd]{color:var(--ct-color-netural-9);font-size:var(--ct-font-size-body-2);font-weight:var(--ct-font-weight-semibold);line-height:24px}.card-wrapper .reply-input[data-v-d4163abd]{display:none}.card-wrapper .mobile-reply-input[data-v-d4163abd]{display:block}.card-wrapper .layer-2[data-v-d4163abd]{padding-left:0}.card-wrapper[data-v-d4163abd] .el-overlay{display:block}}