.yc-tags-container[data-v-35b75ec2]{display:inline-block}.comment-input-wrapper{cursor:pointer;outline:none;padding:4px 8px 0 8px;border:1px solid #ccc!important;border-radius:5px;overflow:hidden}.comment-input-wrapper .comment-input-upload-image{display:-webkit-box;display:-ms-flexbox;display:flex;float:right;height:22px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.comment-input-wrapper .comment-input-upload-image .comment-image-icon{line-height:16px;color:#878686}.comment-input-wrapper .comment-input-upload-image .comment-image-icon:hover{color:#0070ff}.comment-input-wrapper .comment-input-image>div>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px}.comment-input-wrapper .comment-input-image .comment-input-image-item{display:inline-block;position:relative;width:64px;height:64px;border-radius:6px;overflow:hidden;border:1px solid #d0d2d5}.comment-input-wrapper .comment-input-image .comment-input-image-item:hover{border:1px solid #96b5fb}.comment-input-wrapper .comment-input-image .comment-input-image-item .preview-image-item{width:64px;height:64px}.comment-input-wrapper .comment-input-image .comment-input-image-item .preview-image-item img{cursor:pointer}.comment-input-wrapper .comment-input-image .comment-input-image-item .delete-image-icon{position:absolute;right:2px;top:2px;font-size:16px;color:#828486}.comment-input-wrapper .comment-input-image .comment-input-image-item .delete-image-icon:hover{color:#afb0b1}.comment-input-focus{border-color:#0070ff!important}.content-editable a{color:#0070ff;text-decoration:none;font-weight:500}.content-editable{outline:none;cursor:text;line-height:22px;overflow:hidden;white-space:pre-wrap;min-width:210px;word-wrap:break-word;-ms-hyphens:auto;hyphens:auto;word-break:break-word}.content-editable:empty:before{content:attr(placeholder);display:block;color:#c0c4cc}.fade-move{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.tribute-container{position:absolute;top:0;left:0;height:auto;max-height:300px;max-width:500px;overflow:auto;display:block;z-index:999999;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.13);box-shadow:0 1px 4px rgba(0,0,0,.13)}.tribute-container ul{margin:0;margin-top:2px;padding:0;list-style:none;background:#fff;border-radius:4px;border:1px solid rgba(0,0,0,.13);background-clip:padding-box;overflow:hidden}.tribute-container li{color:#0070ff;padding:5px 10px;cursor:pointer;font-size:14px}.tribute-container li.highlight,.tribute-container li:hover{background:#0070ff;color:#fff}.tribute-container li span{font-weight:700}.tribute-container li.no-match{cursor:default}.tribute-container .menu-highlighted{font-weight:700}.comment-item[data-v-03ce38d0]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:6px 0}.comment-item .comment-item-left[data-v-03ce38d0]{-ms-flex-negative:0;flex-shrink:0}.comment-item .comment-item-right[data-v-03ce38d0]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:8px}.comment-item .comment-right-header[data-v-03ce38d0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:22px}.comment-item .comment-right-header .comment-username[data-v-03ce38d0]{color:#1f2329;font-size:12px;margin-right:8px}.comment-item .comment-right-time[data-v-03ce38d0]{margin-bottom:4px;color:#90969f;font-size:12px}.comment-item .comment-text[data-v-03ce38d0]{color:#1f2329}.comment-item .comment-images[data-v-03ce38d0]{margin-top:8px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px}.comment-item .comment-images .preview-img[data-v-03ce38d0]{width:62px;height:62px;border-radius:6px;border:1px solid #d0d2d5}.comment-item .comment-operations[data-v-03ce38d0]{margin-left:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;display:none}.comment-item .comment-operations .comment-item-more[data-v-03ce38d0],.comment-item .comment-operations i[data-v-03ce38d0]{color:#646a73;cursor:pointer;line-height:22px}.comment-item .comment-operations .comment-item-more[data-v-03ce38d0]:hover,.comment-item .comment-operations i[data-v-03ce38d0]:hover{color:#0076ff}.comment-item:hover .comment-operations[data-v-03ce38d0]{display:-webkit-box;display:-ms-flexbox;display:flex}.comment-item .reply-input[data-v-03ce38d0]{margin-left:-40px}.comment-item .reply-input .reply-btn-group[data-v-03ce38d0]{text-align:end;margin-top:8px}.comment-item .reply-input .reply-btn-group .el-button+.el-button[data-v-03ce38d0]{margin-left:8px}.mode-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mode-btn{cursor:pointer;color:#666;&.active{color:#0074ff}}.comment-list-container{height:calc(100% - 20px);margin-top:20px;width:290px;background-color:#fff;-webkit-box-shadow:-2px 1px 10px rgba(0,0,0,.1);box-shadow:-2px 1px 10px rgba(0,0,0,.1);border-top-left-radius:6px;.comment-container-header{height:40px;border-bottom:1px solid #dee0e3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px 12px 12px;.comment-close{cursor:pointer;font-size:18px;margin-left:16px}}.comment-list-content{height:calc(100% - 40px);overflow:auto;padding-left:12px;.comment-list{position:relative;-webkit-box-sizing:content-box;box-sizing:content-box}.comment-block{padding:10px;border:1px solid #dee0e3;border-radius:4px;position:relative;margin-bottom:12px;width:100%;background-color:#fff;-webkit-transition:all .5s;transition:all .5s;&.active-comment{z-index:10;&:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:8px;border-top-left-radius:4px;border-top-right-radius:4px;background-color:#1a6aff}}&:hover{.comment-target{.hide-icon{display:inline}}}}.comment-item-list{margin-top:8px}.comment-target{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:8px;border-left:2px solid #bbbfc3;.target-img{width:30px;height:30px;-webkit-transition:none;transition:none;&.active-img{width:auto;height:auto;max-width:225px;max-height:200px}}.comment-text{line-height:20px;width:224px;font-size:14px;word-break:break-word}.hide-icon{display:none;cursor:pointer;margin-left:auto}}.comment-reply-wrapper{margin-top:8px;.open-reply{font-size:12px;color:#646a73;cursor:pointer;padding-left:40px}.reply-btn-group{text-align:end;margin-top:8px;.el-button+.el-button{margin-left:8px}}}}}.preview-container[data-v-e6b294dc]{position:absolute;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1;padding-top:20px}.preview-container .left-pdf-preview[data-v-e6b294dc]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.preview-container .right-comment-container[data-v-e6b294dc]{width:0;height:100%;overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.preview-container .right-comment-container.show[data-v-e6b294dc]{width:290px}.preview-container .right-comment-container .open-btn[data-v-e6b294dc]{position:absolute;right:0;top:55px;width:40px;height:40px;border-radius:20px 0 0 20px;border:1px solid #dee0e3;background-color:#fff;line-height:40px;text-align:center;font-size:18px;cursor:pointer}.preview-container .right-comment-container .comment-list-container[data-v-e6b294dc]{height:100%;margin-top:0}