.wrapper[data-v-214f13a0]{display:flex;height:calc(100vh - 50px);overflow:hidden;background-color:#f0f2f5}.sidebar[data-v-214f13a0]{width:25vw;background-color:#f5f7fa;border-right:1px solid #dcdee2;display:flex;flex-direction:column;overflow-y:auto;margin:16px}.sidebar .breadcrumb[data-v-214f13a0]{font-family:PingFangSC,sans-serif;font-weight:400;font-size:14px;color:#333;line-height:21px}.sidebar .breadcrumb[data-v-214f13a0],.sidebar .search-box[data-v-214f13a0]{padding:16px 20px;background-color:#fff}.sidebar .nav-content[data-v-214f13a0]{padding:16px 20px;flex-grow:1;overflow-y:auto;background:#fff}.sidebar .nav-content .category-section[data-v-214f13a0]{margin-bottom:24px}.sidebar .nav-content .category-section .category-title[data-v-214f13a0]{font-size:16px;font-weight:700;color:#333;border-left:4px solid #2d8cf0;padding-left:12px;margin-bottom:12px}.sidebar .nav-content .category-section .document-list[data-v-214f13a0]{list-style:none;padding:0;margin:0}.sidebar .nav-content .category-section .document-list .document-item[data-v-214f13a0]{padding:8px 12px;cursor:pointer;border-radius:4px;transition:background-color .2s;font-family:PingFangSC,PingFang SC,sans-serif;font-weight:400;font-size:12px;color:#666;line-height:24px;text-align:left;font-style:normal}.sidebar .nav-content .category-section .document-list .document-item.active[data-v-214f13a0],.sidebar .nav-content .category-section .document-list .document-item[data-v-214f13a0]:hover{background-color:#e8f5ff}.sidebar .nav-content .no-results[data-v-214f13a0]{padding:20px;text-align:center;color:#999;font-size:14px}.preview-area[data-v-214f13a0]{flex-grow:1;margin:16px;background:#fff;box-sizing:border-box;overflow-y:auto;position:relative}.preview-area .empty-placeholder[data-v-214f13a0]{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-size:16px}.preview-area .preview-content[data-v-214f13a0]{display:flex;flex-direction:column;padding:20px;gap:20px}.preview-area .preview-content .preview-header[data-v-214f13a0]{position:relative;text-align:center;min-height:40px;margin-bottom:7px}.preview-area .preview-content .preview-header h2[data-v-214f13a0]{height:42px;font-family:PingFangSC,PingFang SC,sans-serif;font-weight:500;font-size:30px;color:#333;line-height:42px;font-style:normal}.preview-area .preview-content .preview-header button[data-v-214f13a0]{position:absolute;right:36px;top:60%;transform:translateY(-50%);font-family:PingFangSC,PingFang SC,sans-serif;font-weight:400;font-size:14px;color:rgba(0,0,0,.65);line-height:24px;letter-spacing:2px;font-style:normal}.preview-area .preview-content .video-container[data-v-214f13a0]{background:#000;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:0 65px}.preview-area .preview-content .video-container video[data-v-214f13a0]{width:100%;display:block}.preview-area .preview-content .file-list-container .file-list[data-v-214f13a0]{list-style:none;padding:0;margin:0}.preview-area .preview-content .file-list-container .file-list .file-item[data-v-214f13a0]{display:flex;align-items:center;padding:12px 16px;border-bottom:1px dashed #eee;background:#fafafa;transition:all .2s;cursor:pointer;margin:0 65px}.preview-area .preview-content .file-list-container .file-list .file-item[data-v-214f13a0]:hover{background:#f0f0f0;border-color:#ddd}.preview-area .preview-content .file-list-container .file-list .file-item .file-name[data-v-214f13a0]{flex:1;margin-left:8px;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-area .preview-content .file-list-container .file-list .file-item .ivu-btn[data-v-214f13a0]{padding:2px 8px;font-size:12px}.preview-area .preview-iframe-container[data-v-214f13a0]{width:100%;height:100%;background:#222;border-radius:8px;overflow:hidden}.preview-area .preview-iframe-container iframe[data-v-214f13a0]{width:100%;height:100%;border:none}.preview-area.fullscreen-mode[data-v-214f13a0]{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0;border-radius:0;z-index:999;background:#222}.preview-area.fullscreen-mode .preview-iframe-container[data-v-214f13a0]{width:100%;height:100%;border-radius:0}.preview-area.fullscreen-mode .preview-iframe-container iframe[data-v-214f13a0]{width:100%;height:100%}.floating-button[data-v-214f13a0]{position:fixed;right:24px;bottom:100px;z-index:1000;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px rgba(0,0,0,.2);font-size:12px;padding:0}