.scroll-bar[data-v-0972ab38]::-webkit-scrollbar{width:8px;height:8px;background:#f8f8f8}.scroll-bar[data-v-0972ab38]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}.scroll-bar2[data-v-0972ab38]{scrollbar-width:thin;scrollbar-color:#dcdfe6 #f5f7fa}.scroll-bar2[data-v-0972ab38]::-webkit-scrollbar{width:6px;height:6px}.scroll-bar2[data-v-0972ab38]::-webkit-scrollbar-track{background:#f5f7fa}.scroll-bar2[data-v-0972ab38]::-webkit-scrollbar-thumb{background-color:#dcdfe6;border-radius:3px}.scroll-bar2[data-v-0972ab38]::-webkit-scrollbar-thumb:hover{background-color:#c0c4cc}.page-main[data-v-0972ab38]{padding-bottom:10px}.page-main .page-top[data-v-0972ab38]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.page-main .page-top .title[data-v-0972ab38]{font-size:15px;font-weight:700}.flow-wrap[data-v-0972ab38]{display:flex;height:calc(100vh - 140px);min-height:460px}.flow-nav[data-v-0972ab38]{width:216px;flex-shrink:0;background:#fff;border:1px solid #e4e7ed;border-radius:4px;overflow-y:auto;padding:6px 0 10px}.flow-nav[data-v-0972ab38]::-webkit-scrollbar{width:6px}.flow-nav[data-v-0972ab38]::-webkit-scrollbar-thumb{background:#dcdfe6;border-radius:3px}.flow-nav .nav-group-name[data-v-0972ab38]{padding:12px 14px 4px;font-size:12px;color:#909399}.flow-nav .nav-item[data-v-0972ab38]{display:flex;align-items:center;padding:8px 12px;font-size:13px;color:#303133;border-left:3px solid transparent;cursor:pointer}.flow-nav .nav-item[data-v-0972ab38]:hover{background:#f5f7fa}.flow-nav .nav-item.active[data-v-0972ab38]{background:rgba(57,107,246,.08);border-left-color:#396bf6;color:#396bf6;font-weight:700}.flow-nav .nav-item .nav-no[data-v-0972ab38]{width:24px;flex-shrink:0;font-size:12px;color:#909399}.flow-nav .nav-item .nav-text[data-v-0972ab38]{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow-body[data-v-0972ab38]{flex:1;min-width:0;margin-left:10px;overflow-y:auto}.flow-body[data-v-0972ab38]::-webkit-scrollbar{width:8px}.flow-body[data-v-0972ab38]::-webkit-scrollbar-thumb{background:#c0c4cc;border-radius:4px}.card[data-v-0972ab38]{background:#fff;border:1px solid #e4e7ed;border-radius:4px;padding:12px 14px}.card .card-title[data-v-0972ab38]{font-size:13px;font-weight:700;padding-left:8px;margin-bottom:10px;border-left:3px solid #396bf6;line-height:1}.lane[data-v-0972ab38]{display:flex;align-items:flex-start;padding:8px 0;border-bottom:1px dashed #ebeef5}.lane[data-v-0972ab38]:last-of-type{border-bottom:none}.lane .lane-name[data-v-0972ab38]{width:104px;flex-shrink:0;font-size:12px;font-weight:700;line-height:30px}.lane .lane-nodes[data-v-0972ab38]{flex:1;min-width:0;display:flex;align-items:center;flex-wrap:wrap}.lane .node[data-v-0972ab38]{display:inline-block;width:108px;padding:6px 4px;margin:3px 0;text-align:center;font-size:12px;color:#303133;background:#fafafa;border:1px solid #dcdfe6;border-left:3px solid #909399;border-radius:4px;cursor:pointer}.lane .node[data-v-0972ab38]:hover{background:#fff;border-color:#396bf6;color:#396bf6;box-shadow:0 1px 6px rgba(57,107,246,.25)}.lane .arrow[data-v-0972ab38]{color:#c0c4cc;margin:0 4px;font-size:12px}.lane-tip[data-v-0972ab38]{margin-top:10px;padding-top:8px;border-top:1px dashed #ebeef5;font-size:12px;color:#909399}.key-line[data-v-0972ab38]{display:flex;align-items:flex-start;font-size:13px;color:#606266;line-height:2}.key-line b[data-v-0972ab38]{color:#396bf6}.key-line .key-no[data-v-0972ab38]{width:18px;height:18px;flex-shrink:0;margin:4px 8px 0 0;border-radius:50%;background:#396bf6;color:#fff;font-size:12px;text-align:center;line-height:18px}.warn-card[data-v-0972ab38]{background:#fffbf5;border-color:#f5dab1}.warn-card .warn-title[data-v-0972ab38]{border-left-color:#e6a23c;color:#b8741a}.warn-line[data-v-0972ab38]{font-size:12px;color:#b8741a;line-height:1.9}.detail-head[data-v-0972ab38]{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e4e7ed;border-radius:4px;padding:12px 14px}.detail-head .step-no[data-v-0972ab38]{width:34px;height:34px;flex-shrink:0;margin-right:10px;border-radius:50%;background:#396bf6;color:#fff;font-size:15px;font-weight:700;text-align:center;line-height:34px}.detail-head .step-title[data-v-0972ab38]{font-size:15px;font-weight:700}.detail-head .role-tag[data-v-0972ab38]{margin-left:8px;padding:1px 8px;font-size:12px;color:#46bd87;background:rgba(70,189,135,.12);border:1px solid rgba(70,189,135,.35);border-radius:10px}.detail-head .step-summary[data-v-0972ab38]{margin-top:4px;font-size:12px;color:#909399;line-height:1.7}.detail-grid[data-v-0972ab38]{display:flex;align-items:flex-start;margin-top:10px}.detail-grid .card[data-v-0972ab38]:first-child{flex:1.15;margin-right:10px}.detail-grid .card[data-v-0972ab38]:last-child{flex:1}@media screen and (max-width:1280px){.detail-grid[data-v-0972ab38]{flex-direction:column}.detail-grid .card[data-v-0972ab38]{width:100%}.detail-grid .card[data-v-0972ab38]:first-child{flex:none;margin-right:0;margin-bottom:10px}.detail-grid .card[data-v-0972ab38]:last-child{flex:none}}.ops[data-v-0972ab38]{margin:0;padding-left:18px}.ops li[data-v-0972ab38]{font-size:13px;color:#606266;line-height:2;margin-bottom:2px}.ops li[data-v-0972ab38]::marker{color:#396bf6;font-weight:700}.status-flow .status-item[data-v-0972ab38]{font-size:12px;color:#303133;background:#f4f6fa;border-radius:3px;padding:3px 8px;display:inline-block;margin-bottom:4px}.status-flow .status-arrow[data-v-0972ab38]{color:#909399;margin:0 4px}.io[data-v-0972ab38]{display:flex;align-items:flex-start;font-size:12px;line-height:1.9}.io+.io[data-v-0972ab38]{margin-top:4px}.io .io-label[data-v-0972ab38]{width:40px;flex-shrink:0;color:#909399}.io .io-value[data-v-0972ab38]{flex:1;min-width:0;color:#606266}.qa[data-v-0972ab38]{padding:8px 0;border-bottom:1px dashed #ebeef5}.qa[data-v-0972ab38]:last-child{border-bottom:none;padding-bottom:0}.qa .qa-q[data-v-0972ab38]{font-size:13px;font-weight:700;color:#303133;line-height:1.8}.qa .qa-a[data-v-0972ab38]{font-size:12px;color:#606266;line-height:1.9;margin-top:2px}