.comment-container[data-v-4e1efc4f]{max-width:600px}.user-avatar[data-v-4e1efc4f]{width:40px;height:40px;border-radius:50%;margin-right:12px}.comment-input-box[data-v-4e1efc4f]{display:flex;margin-bottom:20px}.input-wrapper[data-v-4e1efc4f]{flex:1;position:relative}textarea[data-v-4e1efc4f]{width:100%;padding:8px;border:1px solid #eee;border-radius:4px;resize:none}.submit-btn[data-v-4e1efc4f]{position:absolute;right:10px;bottom:10px;padding:4px 12px;background:#0084ff;color:#fff;border:none;border-radius:4px;cursor:pointer}.comment-item[data-v-4e1efc4f]{margin:15px 0;padding-left:20px}.comment-main[data-v-4e1efc4f]{display:flex;margin-bottom:10px}.comment-content[data-v-4e1efc4f]{flex:1}.comment-header[data-v-4e1efc4f]{color:#666;font-size:14px;margin-bottom:4px}.username[data-v-4e1efc4f]{margin-right:10px;font-weight:700}.deptName[data-v-4e1efc4f]{margin-right:10px;font-size:12px}.time[data-v-4e1efc4f]{color:#999}.comment-text[data-v-4e1efc4f]{margin:8px 0}.comment-actions[data-v-4e1efc4f]{color:#999;font-size:12px}.like-btn[data-v-4e1efc4f],.reply-btn[data-v-4e1efc4f]{cursor:pointer}.like-btn[data-v-4e1efc4f]:hover,.liked[data-v-4e1efc4f],.reply-btn[data-v-4e1efc4f]:hover{color:#0084ff}.reply-input-box[data-v-4e1efc4f]{display:flex;margin:10px 0 10px 0}.sub-comments[data-v-4e1efc4f]{margin-left:40px;border-left:2px solid #eee}.reply-mention[data-v-4e1efc4f]{color:#0084ff;margin-right:4px}.delete-btn[data-v-4e1efc4f]{color:#f44;cursor:pointer;margin-left:15px}.delete-btn[data-v-4e1efc4f]:hover{color:#c00}.vue-office-docx{height:100%;overflow-y:auto}.vue-office-docx .docx-wrapper>section.docx{margin-bottom:5px}@media screen and (max-width:800px){.vue-office-docx .docx-wrapper{padding:10px}.vue-office-docx .docx-wrapper>section.docx{padding:10px!important;width:100%!important}}.main-container[data-v-42be4b14]{display:flex;height:calc(100vh - 200px)}.preview-container[data-v-42be4b14]{width:60%;min-width:450px;background:#fff;border-right:1px solid #e8e8e8;position:relative;overflow:hidden;height:calc(100vh - 200px)}.preview-container .preview-header[data-v-42be4b14]{padding:16px;background:#f9f9f9;border-bottom:1px solid #e8e8e8;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-container .preview-content[data-v-42be4b14]{height:calc(100vh - 260px);padding:16px;display:flex;flex-direction:column;overflow-y:auto}.preview-container .preview-content .preview-placeholder[data-v-42be4b14]{display:flex;justify-content:center;align-items:center;height:100%;color:#999;font-size:16px}.preview-container .preview-content .image-preview[data-v-42be4b14]{max-width:100%;max-height:100%;margin:0 auto;display:block;-o-object-fit:contain;object-fit:contain}.preview-container .preview-content .office-preview[data-v-42be4b14],.preview-container .preview-content .unsupported-preview[data-v-42be4b14]{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#666}.preview-container .preview-content .office-preview a[data-v-42be4b14],.preview-container .preview-content .unsupported-preview a[data-v-42be4b14]{margin-top:12px}.detail-container[data-v-42be4b14]{flex:1;padding:30px 40px;background-color:#fff;overflow-y:auto;height:calc(100vh - 200px)}.attachment-item[data-v-42be4b14]{padding:4px 0;display:flex;align-items:center}.attachment-item a[data-v-42be4b14]{margin-right:8px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.attachment-item .ant-tag[data-v-42be4b14]{margin-left:8px}.title[data-v-42be4b14]{font-weight:700;margin:12px 0}