.scroll-bar[data-v-19665ff2]::-webkit-scrollbar{width:8px;height:8px;background:#f8f8f8}.scroll-bar[data-v-19665ff2]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}.scroll-bar2[data-v-19665ff2]{scrollbar-width:thin;scrollbar-color:#dcdfe6 #f5f7fa}.scroll-bar2[data-v-19665ff2]::-webkit-scrollbar{width:6px;height:6px}.scroll-bar2[data-v-19665ff2]::-webkit-scrollbar-track{background:#f5f7fa}.scroll-bar2[data-v-19665ff2]::-webkit-scrollbar-thumb{background-color:#dcdfe6;border-radius:3px}.scroll-bar2[data-v-19665ff2]::-webkit-scrollbar-thumb:hover{background-color:#c0c4cc}.page-main .page-top[data-v-19665ff2]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.page-main .page-top .title[data-v-19665ff2]{font-size:15px;font-weight:700}.page-main .content[data-v-19665ff2]{display:flex}.page-main .content .canvas-wrap[data-v-19665ff2]{flex:1;min-width:0;overflow:auto;border:1px solid #e4e7ed;border-radius:4px;background-color:#f7f8fa;background-image:linear-gradient(#e8eaef 1px,transparent 0),linear-gradient(90deg,#e8eaef 1px,transparent 0);background-size:20px 20px}.page-main .content .canvas-wrap[data-v-19665ff2]::-webkit-scrollbar{width:8px;height:8px}.page-main .content .canvas-wrap[data-v-19665ff2]::-webkit-scrollbar-thumb{background:#c0c4cc;border-radius:4px}.page-main .content .canvas-wrap[data-v-19665ff2]::-webkit-scrollbar-thumb:hover{background:#909399}.page-main .content .canvas-wrap[data-v-19665ff2]::-webkit-scrollbar-track{background:transparent}.page-main .content .canvas-wrap .canvas-sizer[data-v-19665ff2]{position:relative}.page-main .content .canvas-wrap .canvas[data-v-19665ff2]{position:absolute;top:0;left:0}.page-main .content .canvas-wrap .canvas .canvas-empty[data-v-19665ff2]{position:absolute;top:40px;left:40px;color:#909399}.page-main .content .canvas-wrap .canvas .links[data-v-19665ff2]{position:absolute;top:0;left:0;pointer-events:none;z-index:1}.page-main .content .detail-panel[data-v-19665ff2]{width:260px;margin-left:10px;padding:10px;border:1px solid #e4e7ed;border-radius:4px;background:#fff;overflow:auto}.page-main .content .detail-panel[data-v-19665ff2]::-webkit-scrollbar{width:8px;height:8px}.page-main .content .detail-panel[data-v-19665ff2]::-webkit-scrollbar-thumb{background:#c0c4cc;border-radius:4px}.page-main .content .detail-panel[data-v-19665ff2]::-webkit-scrollbar-track{background:transparent}.page-main .content .detail-panel .detail-title[data-v-19665ff2]{font-size:15px;font-weight:700;margin-bottom:6px}.page-main .content .detail-panel .detail-sub[data-v-19665ff2]{font-size:12px;color:#606266;line-height:20px}.page-main .content .detail-panel .detail-divider[data-v-19665ff2]{border-top:1px dashed #dcdfe6;margin:8px 0}.page-main .content .detail-panel .detail-count[data-v-19665ff2]{font-size:12px;margin-bottom:6px}.page-main .content .detail-panel .detail-list[data-v-19665ff2]{max-height:320px;overflow:auto}.page-main .content .detail-panel .detail-list .detail-row[data-v-19665ff2]{padding:6px;border-bottom:1px solid #f0f0f0}.page-main .content .detail-panel .detail-list .detail-row .dr-name[data-v-19665ff2]{font-size:13px}.page-main .content .detail-panel .detail-list .detail-row .dr-info[data-v-19665ff2]{display:flex;justify-content:space-between;font-size:12px}.page-main .content .detail-panel .detail-list .detail-row .dr-info .dr-qty[data-v-19665ff2]{color:#e6a23c}.lane-block[data-v-19665ff2]{position:absolute;background:hsla(0,0%,100%,.9);border:1px solid #c8ccd4;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.08);z-index:2}.lane-block.active[data-v-19665ff2]{border-color:#396bf6;box-shadow:0 0 0 2px rgba(57,107,246,.25)}.lane-block .lane-head[data-v-19665ff2]{height:34px;line-height:34px;padding:0 10px;color:#fff;border-radius:6px 6px 0 0;cursor:move;white-space:nowrap;overflow:hidden}.lane-block .lane-head .lane-name[data-v-19665ff2]{font-size:13px;font-weight:700}.lane-block .lane-head .lane-meta[data-v-19665ff2]{float:right;font-size:11px;color:hsla(0,0%,100%,.85)}.lane-block .lane-body[data-v-19665ff2]{position:absolute;top:34px;left:0;right:0;bottom:0;overflow:hidden}.step-box[data-v-19665ff2]{position:absolute;background:#fff;border:1px solid #dcdfe6;border-top:3px solid #409eff;border-radius:4px;padding:4px 6px;cursor:move;overflow:hidden;font-size:12px;z-index:3}.step-box.active[data-v-19665ff2]{box-shadow:0 0 0 2px rgba(57,107,246,.35);border-color:#396bf6}.step-box .step-idx[data-v-19665ff2]{position:absolute;top:2px;right:4px;font-size:10px;color:#c0c4cc;font-weight:700}.step-box .step-name[data-v-19665ff2]{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-box .step-info[data-v-19665ff2]{color:#909399;font-size:11px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resize-handle[data-v-19665ff2]{position:absolute;width:12px;height:12px;right:0;bottom:0;cursor:nwse-resize;background:linear-gradient(135deg,transparent 40%,#396bf6 0,#396bf6 55%,transparent 0,transparent 70%,#396bf6 0,#396bf6 85%,transparent 0)}.lane-resize[data-v-19665ff2]{z-index:4}.step-resize[data-v-19665ff2]{z-index:4;width:9px;height:9px}