.unit-display-editor[data-v-05faa8e2]{min-height:100vh;background:#f5f7fb;display:flex;flex-direction:column}.editor-header[data-v-05faa8e2]{background:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.1)}.editor-header .header-left[data-v-05faa8e2]{display:flex;align-items:center;gap:15px}.editor-header .header-left h2[data-v-05faa8e2]{margin:0;font-size:18px;color:#303133}.editor-header .header-right[data-v-05faa8e2]{display:flex;gap:10px}.editor-content[data-v-05faa8e2]{flex:1;display:flex;gap:20px;padding:20px;overflow:hidden}.steps-panel[data-v-05faa8e2]{width:300px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.08);display:flex;flex-direction:column}.steps-panel h3[data-v-05faa8e2]{margin:0 0 20px 0;font-size:16px;color:#303133}.steps-panel .steps-list[data-v-05faa8e2]{flex:1;overflow-y:auto}.steps-panel .steps-list .step-item[data-v-05faa8e2]{display:flex;align-items:center;gap:15px;padding:15px;margin-bottom:10px;border-radius:8px;border:2px solid #e8f4ff;cursor:pointer;transition:all .3s}.steps-panel .steps-list .step-item[data-v-05faa8e2]:hover{background:#f9fcff}.steps-panel .steps-list .step-item.active[data-v-05faa8e2]{background:#e8f4ff;border-color:#409eff}.steps-panel .steps-list .step-item.completed[data-v-05faa8e2]{border-color:#67c23a}.steps-panel .steps-list .step-item.completed .step-number[data-v-05faa8e2]{background:#67c23a}.steps-panel .steps-list .step-item .step-number[data-v-05faa8e2]{width:36px;height:36px;background:#409eff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.steps-panel .steps-list .step-item .step-info[data-v-05faa8e2]{flex:1}.steps-panel .steps-list .step-item .step-info .step-name[data-v-05faa8e2]{font-weight:600;color:#303133;margin-bottom:4px}.steps-panel .steps-list .step-item .step-info .step-status[data-v-05faa8e2]{font-size:12px;color:#909399}.steps-panel .progress-section[data-v-05faa8e2]{margin-top:20px;padding-top:20px;border-top:1px solid #ebeef5}.steps-panel .progress-section h4[data-v-05faa8e2]{margin:0 0 10px 0;font-size:14px;color:#606266}.steps-panel .progress-section .progress-text[data-v-05faa8e2]{margin:10px 0 0 0;text-align:center;font-size:14px;color:#606266}.content-panel[data-v-05faa8e2]{flex:1;background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 12px rgba(0,0,0,.08);overflow-y:auto}.content-panel .step-content h3[data-v-05faa8e2]{margin:0 0 20px 0;font-size:18px;color:#303133;padding-bottom:15px;border-bottom:2px solid #409eff}.content-panel .step-content .rich-text-editor[data-v-05faa8e2]{border:1px solid #dcdfe6;border-radius:4px}.content-panel .step-content .step-actions[data-v-05faa8e2]{margin-top:20px;text-align:center}.content-panel .step-content .upload-section[data-v-05faa8e2]{max-width:600px;margin:0 auto}.content-panel .step-content .video-record-section[data-v-05faa8e2]{max-width:800px;margin:0 auto}.content-panel .step-content .video-record-section .video-preview[data-v-05faa8e2]{margin-bottom:20px;border:2px solid #dcdfe6;border-radius:8px;overflow:hidden}.content-panel .step-content .video-record-section .video-preview video[data-v-05faa8e2]{width:100%;height:auto;display:block}.content-panel .step-content .video-record-section .record-controls[data-v-05faa8e2]{text-align:center;margin-bottom:20px}.content-panel .step-content .video-record-section .record-controls .el-button[data-v-05faa8e2]{margin:0 10px}.content-panel .step-content .video-record-section .recorded-video[data-v-05faa8e2]{margin-top:20px}.content-panel .step-content .video-record-section .recorded-video h4[data-v-05faa8e2]{margin:0 0 10px 0;color:#303133}.content-panel .step-content .video-record-section .recorded-video video[data-v-05faa8e2]{width:100%;border-radius:8px}