@robot-admin/naive-ui-components 0.14.2 → 0.15.0

package/dist/C_WorkFlow.css

@@ -1,12 +1,6 @@
 :root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
 
-/* unplugin-vue-components disabled */
-/* layer: default */
-.inline-flex[data-v-075758a0]{display:inline-flex;}
-.transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
-
-/* unplugin-vue-components disabled */.c-icon[data-v-075758a0] {
+.c-icon[data-v-075758a0] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -65,15 +59,14 @@
     transform: rotate(360deg);
 }
 }
-/* unplugin-vue-components disabled */
+
 /* layer: default */
-.start-1[data-v-b2b17129]{inset-inline-start:0.25rem;}
-.table[data-v-b2b17129]{display:table;}
-.px[data-v-b2b17129]{padding-left:1rem;padding-right:1rem;}
-.filter[data-v-b2b17129]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.inline-flex[data-v-075758a0]{display:inline-flex;}
+.transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
 
-/* unplugin-vue-components disabled *//* C_WorkFlow 组件样式 */
-.approval-workflow-container[data-v-b2b17129] {
+/* C_WorkFlow 组件样式 */
+.approval-workflow-container[data-v-ffd6fa87] {
   width: 100%;
   height: 600px;
   position: relative;
@@ -82,7 +75,7 @@
   overflow: hidden;
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
 }
-.floating-toolbar[data-v-b2b17129] {
+.floating-toolbar[data-v-ffd6fa87] {
   position: absolute;
   top: 16px;
   left: 16px;
@@ -97,22 +90,22 @@
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
   border: 1px solid var(--n-border-color);
 }
-.floating-toolbar .toolbar-divider[data-v-b2b17129] {
+.floating-toolbar .toolbar-divider[data-v-ffd6fa87] {
   width: 1px;
   height: 20px;
   background: var(--n-border-color);
   margin: 0 4px;
 }
-.workflow-canvas[data-v-b2b17129] {
+.workflow-canvas[data-v-ffd6fa87] {
   width: 100%;
   height: 100%;
 }
-.add-node-menu[data-v-b2b17129] {
+.add-node-menu[data-v-ffd6fa87] {
   position: fixed;
   z-index: 1000;
   pointer-events: none;
 }
-.add-node-menu .add-menu-content[data-v-b2b17129] {
+.add-node-menu .add-menu-content[data-v-ffd6fa87] {
   background: var(--n-card-color);
   border-radius: 12px;
   padding: 12px;
@@ -121,9 +114,9 @@
   display: flex;
   gap: 8px;
   pointer-events: auto;
-  animation: menuSlideUp-b2b17129 0.3s ease;
+  animation: menuSlideUp-ffd6fa87 0.3s ease;
 }
-.add-menu-item[data-v-b2b17129] {
+.add-menu-item[data-v-ffd6fa87] {
   appearance: none;
   border: 0;
   color: inherit;
@@ -138,14 +131,14 @@
   min-width: 70px;
   background: var(--n-color-embedded);
 }
-.add-menu-item[data-v-b2b17129]:hover {
+.add-menu-item[data-v-ffd6fa87]:hover {
   background: var(--n-color-hover);
 }
-.add-menu-item[data-v-b2b17129]:focus-visible {
+.add-menu-item[data-v-ffd6fa87]:focus-visible {
   outline: 2px solid var(--n-color-target, #18a058);
   outline-offset: 2px;
 }
-.menu-icon[data-v-b2b17129] {
+.menu-icon[data-v-ffd6fa87] {
   width: 32px;
   height: 32px;
   border-radius: 50%;
@@ -155,20 +148,20 @@
   margin-bottom: 6px;
   color: white;
 }
-.menu-icon.approval-icon[data-v-b2b17129] {
+.menu-icon.approval-icon[data-v-ffd6fa87] {
   background: linear-gradient(135deg, #1890ff, #722ed1);
 }
-.menu-icon.copy-icon[data-v-b2b17129] {
+.menu-icon.copy-icon[data-v-ffd6fa87] {
   background: linear-gradient(135deg, #52c41a, #389e0d);
 }
-.menu-icon.condition-icon[data-v-b2b17129] {
+.menu-icon.condition-icon[data-v-ffd6fa87] {
   background: linear-gradient(135deg, #fa8c16, #d48806);
 }
-.menu-text[data-v-b2b17129] {
+.menu-text[data-v-ffd6fa87] {
   font-size: 12px;
   font-weight: 500;
 }
-@keyframes menuSlideUp-b2b17129 {
+@keyframes menuSlideUp-ffd6fa87 {
 from {
     opacity: 0;
     transform: translateY(10px);
@@ -179,25 +172,25 @@ to {
 }
 }
 /* 流程/数据校验结果显示样式 */
-.validation-success[data-v-b2b17129] {
+.validation-success[data-v-ffd6fa87] {
   text-align: center;
   padding: 40px 20px;
   color: #52c41a;
 }
-.validation-success .success-icon[data-v-b2b17129] {
+.validation-success .success-icon[data-v-ffd6fa87] {
   margin-bottom: 16px;
 }
-.validation-success h3[data-v-b2b17129] {
+.validation-success h3[data-v-ffd6fa87] {
   margin: 0 0 8px 0;
   font-size: 18px;
   font-weight: 600;
 }
-.validation-success p[data-v-b2b17129] {
+.validation-success p[data-v-ffd6fa87] {
   margin: 0;
   color: #666;
   font-size: 14px;
 }
-.validation-errors .error-summary[data-v-b2b17129] {
+.validation-errors .error-summary[data-v-ffd6fa87] {
   text-align: center;
   padding: 20px;
   background: #fff2f0;
@@ -205,43 +198,43 @@ to {
   margin-bottom: 20px;
   border: 1px solid #ffccc7;
 }
-.validation-errors .error-summary .error-icon[data-v-b2b17129] {
+.validation-errors .error-summary .error-icon[data-v-ffd6fa87] {
   margin-bottom: 12px;
 }
-.validation-errors .error-summary h3[data-v-b2b17129] {
+.validation-errors .error-summary h3[data-v-ffd6fa87] {
   margin: 0 0 8px 0;
   color: #ff4d4f;
   font-size: 16px;
   font-weight: 600;
 }
-.validation-errors .error-summary p[data-v-b2b17129] {
+.validation-errors .error-summary p[data-v-ffd6fa87] {
   margin: 0;
   color: var(--n-text-color-2);
   font-size: 14px;
 }
-.validation-errors .error-list[data-v-b2b17129] {
+.validation-errors .error-list[data-v-ffd6fa87] {
   display: flex;
   flex-direction: column;
   gap: 12px;
 }
-.validation-errors .error-item[data-v-b2b17129] {
+.validation-errors .error-item[data-v-ffd6fa87] {
   background: white;
   border: 1px solid #f0f0f0;
   border-radius: 8px;
   padding: 16px;
   transition: all 0.2s ease;
 }
-.validation-errors .error-item[data-v-b2b17129]:hover {
+.validation-errors .error-item[data-v-ffd6fa87]:hover {
   border-color: #d9d9d9;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
 }
-.validation-errors .error-item .error-header[data-v-b2b17129] {
+.validation-errors .error-item .error-header[data-v-ffd6fa87] {
   display: flex;
   align-items: center;
   gap: 12px;
   margin-bottom: 8px;
 }
-.validation-errors .error-item .error-header .error-number[data-v-b2b17129] {
+.validation-errors .error-item .error-header .error-number[data-v-ffd6fa87] {
   width: 24px;
   height: 24px;
   background: #ff4d4f;
@@ -254,188 +247,188 @@ to {
   font-weight: 600;
   flex-shrink: 0;
 }
-.validation-errors .error-item .error-header .error-info[data-v-b2b17129] {
+.validation-errors .error-item .error-header .error-info[data-v-ffd6fa87] {
   flex: 1;
   min-width: 0;
 }
-.validation-errors .error-item .error-header .error-info .error-node[data-v-b2b17129] {
+.validation-errors .error-item .error-header .error-info .error-node[data-v-ffd6fa87] {
   display: block;
   color: var(--n-text-color-1);
   font-size: 14px;
   margin-bottom: 2px;
 }
-.validation-errors .error-item .error-header .error-info .error-field[data-v-b2b17129] {
+.validation-errors .error-item .error-header .error-info .error-field[data-v-ffd6fa87] {
   color: var(--n-text-color-3);
   font-size: 12px;
 }
-.validation-errors .error-item .error-header .error-type[data-v-b2b17129] {
+.validation-errors .error-item .error-header .error-type[data-v-ffd6fa87] {
   padding: 2px 8px;
   border-radius: 4px;
   font-size: 11px;
   font-weight: 500;
 }
-.validation-errors .error-item .error-header .error-type.required[data-v-b2b17129] {
+.validation-errors .error-item .error-header .error-type.required[data-v-ffd6fa87] {
   background: #fff2f0;
   color: #ff4d4f;
   border: 1px solid #ffccc7;
 }
-.validation-errors .error-item .error-header .error-type.incomplete[data-v-b2b17129] {
+.validation-errors .error-item .error-header .error-type.incomplete[data-v-ffd6fa87] {
   background: #fff7e6;
   color: #fa8c16;
   border: 1px solid #ffd591;
 }
-.validation-errors .error-item .error-header .error-type.warning[data-v-b2b17129] {
+.validation-errors .error-item .error-header .error-type.warning[data-v-ffd6fa87] {
   background: #fffbe6;
   color: #faad14;
   border: 1px solid #ffe58f;
 }
-.validation-errors .error-item .error-message[data-v-b2b17129] {
+.validation-errors .error-item .error-message[data-v-ffd6fa87] {
   color: var(--n-text-color-2);
   font-size: 13px;
   line-height: 1.5;
   margin-bottom: 12px;
   padding-left: 36px;
 }
-.validation-errors .error-item .error-actions[data-v-b2b17129] {
+.validation-errors .error-item .error-actions[data-v-ffd6fa87] {
   padding-left: 36px;
 }
-.validation-errors .validation-tips[data-v-b2b17129] {
+.validation-errors .validation-tips[data-v-ffd6fa87] {
   margin-top: 24px;
   padding: 16px;
   background: #f6ffed;
   border-radius: 8px;
   border: 1px solid #b7eb8f;
 }
-.validation-errors .validation-tips h4[data-v-b2b17129] {
+.validation-errors .validation-tips h4[data-v-ffd6fa87] {
   margin: 0 0 12px 0;
   color: #389e0d;
   font-size: 14px;
   font-weight: 600;
 }
-.validation-errors .validation-tips ul[data-v-b2b17129] {
+.validation-errors .validation-tips ul[data-v-ffd6fa87] {
   margin: 0;
   padding-left: 16px;
   color: var(--n-text-color-2);
   font-size: 13px;
   line-height: 1.6;
 }
-.validation-errors .validation-tips ul li[data-v-b2b17129] {
+.validation-errors .validation-tips ul li[data-v-ffd6fa87] {
   margin-bottom: 6px;
 }
-.validation-errors .validation-tips ul li strong[data-v-b2b17129] {
+.validation-errors .validation-tips ul li strong[data-v-ffd6fa87] {
   color: var(--n-text-color-1);
 }
-.validation-footer[data-v-b2b17129] {
+.validation-footer[data-v-ffd6fa87] {
   display: flex;
   gap: 8px;
   justify-content: flex-end;
 }
 
 /* 边的样式（Vue Flow） */
-[data-v-b2b17129] .vue-flow__edge {
+[data-v-ffd6fa87] .vue-flow__edge {
   stroke: #1890ff;
   stroke-width: 2px;
 }
-[data-v-b2b17129] .vue-flow__edge-path {
+[data-v-ffd6fa87] .vue-flow__edge-path {
   stroke: #1890ff;
   stroke-width: 2px;
 }
-[data-v-b2b17129] .vue-flow__arrowhead {
+[data-v-ffd6fa87] .vue-flow__arrowhead {
   fill: #1890ff;
 }
-[data-v-b2b17129] .vue-flow__edge.animated {
+[data-v-ffd6fa87] .vue-flow__edge.animated {
   stroke-dasharray: 5;
-  animation: dashdraw-b2b17129 0.5s linear infinite;
+  animation: dashdraw-ffd6fa87 0.5s linear infinite;
 }
-@keyframes dashdraw-b2b17129 {
+@keyframes dashdraw-ffd6fa87 {
 to {
     stroke-dashoffset: -10;
 }
 }
 /* 暗色主题适配 */
-[data-theme=dark] .approval-workflow-container[data-v-b2b17129] {
+[data-theme=dark] .approval-workflow-container[data-v-ffd6fa87] {
   background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
 }
-[data-theme=dark][data-v-b2b17129] {
+[data-theme=dark][data-v-ffd6fa87] {
   /* 添加节点菜单文字 */
 }
-[data-theme=dark] .add-menu-item span[data-v-b2b17129] {
+[data-theme=dark] .add-menu-item span[data-v-ffd6fa87] {
   color: white;
 }
-[data-theme=dark] .validation-success[data-v-b2b17129] {
+[data-theme=dark] .validation-success[data-v-ffd6fa87] {
   color: #52c41a;
 }
-[data-theme=dark] .validation-success h3[data-v-b2b17129] {
+[data-theme=dark] .validation-success h3[data-v-ffd6fa87] {
   color: #52c41a;
 }
-[data-theme=dark] .validation-success p[data-v-b2b17129] {
+[data-theme=dark] .validation-success p[data-v-ffd6fa87] {
   color: var(--n-text-color-2);
 }
-[data-theme=dark] .validation-errors .error-summary[data-v-b2b17129] {
+[data-theme=dark] .validation-errors .error-summary[data-v-ffd6fa87] {
   background: rgba(255, 77, 79, 0.1);
   border-color: rgba(255, 77, 79, 0.3);
 }
-[data-theme=dark] .validation-errors .error-summary h3[data-v-b2b17129] {
+[data-theme=dark] .validation-errors .error-summary h3[data-v-ffd6fa87] {
   color: #ff4d4f;
 }
-[data-theme=dark] .validation-errors .error-summary p[data-v-b2b17129] {
+[data-theme=dark] .validation-errors .error-summary p[data-v-ffd6fa87] {
   color: var(--n-text-color-2);
 }
-[data-theme=dark] .validation-errors .error-item[data-v-b2b17129] {
+[data-theme=dark] .validation-errors .error-item[data-v-ffd6fa87] {
   background: var(--n-card-color);
   border-color: var(--n-border-color);
 }
-[data-theme=dark] .validation-errors .error-item[data-v-b2b17129]:hover {
+[data-theme=dark] .validation-errors .error-item[data-v-ffd6fa87]:hover {
   border-color: rgba(255, 255, 255, 0.2);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
 }
-[data-theme=dark] .validation-errors .error-item .error-info .error-node[data-v-b2b17129] {
+[data-theme=dark] .validation-errors .error-item .error-info .error-node[data-v-ffd6fa87] {
   color: var(--n-text-color-1);
 }
-[data-theme=dark] .validation-errors .error-item .error-info .error-field[data-v-b2b17129] {
+[data-theme=dark] .validation-errors .error-item .error-info .error-field[data-v-ffd6fa87] {
   color: var(--n-text-color-3);
 }
-[data-theme=dark] .validation-errors .error-item .error-type.required[data-v-b2b17129] {
+[data-theme=dark] .validation-errors .error-item .error-type.required[data-v-ffd6fa87] {
   background: rgba(255, 77, 79, 0.15);
   color: #ff7875;
   border-color: rgba(255, 77, 79, 0.3);
 }
-[data-theme=dark] .validation-errors .error-item .error-type.incomplete[data-v-b2b17129] {
+[data-theme=dark] .validation-errors .error-item .error-type.incomplete[data-v-ffd6fa87] {
   background: rgba(250, 140, 22, 0.15);
   color: #ffa940;
   border-color: rgba(250, 140, 22, 0.3);
 }
-[data-theme=dark] .validation-errors .error-item .error-type.warning[data-v-b2b17129] {
+[data-theme=dark] .validation-errors .error-item .error-type.warning[data-v-ffd6fa87] {
   background: rgba(250, 173, 20, 0.15);
   color: #ffc53d;
   border-color: rgba(250, 173, 20, 0.3);
 }
-[data-theme=dark] .validation-errors .error-item .error-message[data-v-b2b17129] {
+[data-theme=dark] .validation-errors .error-item .error-message[data-v-ffd6fa87] {
   color: var(--n-text-color-2);
 }
-[data-theme=dark] .validation-errors .validation-tips[data-v-b2b17129] {
+[data-theme=dark] .validation-errors .validation-tips[data-v-ffd6fa87] {
   background: rgba(82, 196, 26, 0.1);
   border-color: rgba(82, 196, 26, 0.3);
 }
-[data-theme=dark] .validation-errors .validation-tips h4[data-v-b2b17129] {
+[data-theme=dark] .validation-errors .validation-tips h4[data-v-ffd6fa87] {
   color: #73d13d;
 }
-[data-theme=dark] .validation-errors .validation-tips ul[data-v-b2b17129] {
+[data-theme=dark] .validation-errors .validation-tips ul[data-v-ffd6fa87] {
   color: var(--n-text-color-2);
 }
-[data-theme=dark] .validation-errors .validation-tips ul li strong[data-v-b2b17129] {
+[data-theme=dark] .validation-errors .validation-tips ul li strong[data-v-ffd6fa87] {
   color: var(--n-text-color-1);
 }
 
 /* ─── 流程预览抽屉样式 ────────────────────────────────────── */
-.preview-stats[data-v-b2b17129] {
+.preview-stats[data-v-ffd6fa87] {
   display: flex;
   gap: 12px;
   margin-bottom: 24px;
   flex-wrap: wrap;
 }
-.preview-stats .stat-item[data-v-b2b17129] {
+.preview-stats .stat-item[data-v-ffd6fa87] {
   flex: 1;
   min-width: 70px;
   text-align: center;
@@ -445,51 +438,51 @@ to {
   border: 1px solid var(--n-border-color);
   transition: all 0.2s;
 }
-.preview-stats .stat-item .stat-value[data-v-b2b17129] {
+.preview-stats .stat-item .stat-value[data-v-ffd6fa87] {
   display: block;
   font-size: 22px;
   font-weight: 700;
   color: var(--n-text-color-1);
 }
-.preview-stats .stat-item .stat-label[data-v-b2b17129] {
+.preview-stats .stat-item .stat-label[data-v-ffd6fa87] {
   display: block;
   font-size: 12px;
   color: var(--n-text-color-3);
   margin-top: 4px;
 }
-.preview-stats .stat-item.approval .stat-value[data-v-b2b17129] {
+.preview-stats .stat-item.approval .stat-value[data-v-ffd6fa87] {
   color: #ff6b35;
 }
-.preview-stats .stat-item.copy .stat-value[data-v-b2b17129] {
+.preview-stats .stat-item.copy .stat-value[data-v-ffd6fa87] {
   color: #1890ff;
 }
-.preview-stats .stat-item.condition .stat-value[data-v-b2b17129] {
+.preview-stats .stat-item.condition .stat-value[data-v-ffd6fa87] {
   color: #faad14;
 }
-.preview-stats .stat-item.edge .stat-value[data-v-b2b17129] {
+.preview-stats .stat-item.edge .stat-value[data-v-ffd6fa87] {
   color: #52c41a;
 }
-.preview-timeline[data-v-b2b17129] {
+.preview-timeline[data-v-ffd6fa87] {
   position: relative;
   padding: 0 0 0 8px;
 }
-.preview-timeline .preview-step[data-v-b2b17129] {
+.preview-timeline .preview-step[data-v-ffd6fa87] {
   display: flex;
   gap: 16px;
   position: relative;
   padding-bottom: 8px;
 }
-.preview-timeline .preview-step:last-child .step-line[data-v-b2b17129] {
+.preview-timeline .preview-step:last-child .step-line[data-v-ffd6fa87] {
   display: none;
 }
-.preview-timeline .step-connector[data-v-b2b17129] {
+.preview-timeline .step-connector[data-v-ffd6fa87] {
   display: flex;
   flex-direction: column;
   align-items: center;
   flex-shrink: 0;
   width: 32px;
 }
-.preview-timeline .step-connector .step-dot[data-v-b2b17129] {
+.preview-timeline .step-connector .step-dot[data-v-ffd6fa87] {
   width: 32px;
   height: 32px;
   border-radius: 50%;
@@ -501,44 +494,44 @@ to {
   z-index: 1;
   background: #999;
 }
-.preview-timeline .step-connector .step-line[data-v-b2b17129] {
+.preview-timeline .step-connector .step-line[data-v-ffd6fa87] {
   width: 2px;
   flex: 1;
   min-height: 20px;
   background: var(--n-border-color);
 }
-.preview-timeline[data-v-b2b17129] {
+.preview-timeline[data-v-ffd6fa87] {
   /* 不同节点类型的圆点颜色 */
 }
-.preview-timeline .start .step-dot[data-v-b2b17129] {
+.preview-timeline .start .step-dot[data-v-ffd6fa87] {
   background: linear-gradient(135deg, #667eea, #764ba2);
 }
-.preview-timeline .approval .step-dot[data-v-b2b17129] {
+.preview-timeline .approval .step-dot[data-v-ffd6fa87] {
   background: linear-gradient(135deg, #ff6b35, #ff4500);
 }
-.preview-timeline .copy .step-dot[data-v-b2b17129] {
+.preview-timeline .copy .step-dot[data-v-ffd6fa87] {
   background: linear-gradient(135deg, #1890ff, #096dd9);
 }
-.preview-timeline .condition .step-dot[data-v-b2b17129] {
+.preview-timeline .condition .step-dot[data-v-ffd6fa87] {
   background: linear-gradient(135deg, #faad14, #d48806);
 }
-.preview-timeline .step-content[data-v-b2b17129] {
+.preview-timeline .step-content[data-v-ffd6fa87] {
   flex: 1;
   padding-bottom: 20px;
   min-width: 0;
 }
-.preview-timeline .step-content .step-header[data-v-b2b17129] {
+.preview-timeline .step-content .step-header[data-v-ffd6fa87] {
   display: flex;
   align-items: center;
   gap: 8px;
   margin-bottom: 6px;
 }
-.preview-timeline .step-content .step-header .step-order[data-v-b2b17129] {
+.preview-timeline .step-content .step-header .step-order[data-v-ffd6fa87] {
   font-size: 12px;
   color: var(--n-text-color-3);
   font-weight: 500;
 }
-.preview-timeline .step-content .step-header .step-type-badge[data-v-b2b17129] {
+.preview-timeline .step-content .step-header .step-type-badge[data-v-ffd6fa87] {
   font-size: 11px;
   padding: 1px 8px;
   border-radius: 10px;
@@ -546,19 +539,19 @@ to {
   color: var(--n-text-color-2);
   border: 1px solid var(--n-border-color);
 }
-.preview-timeline .step-content .step-title[data-v-b2b17129] {
+.preview-timeline .step-content .step-title[data-v-ffd6fa87] {
   font-size: 15px;
   font-weight: 600;
   color: var(--n-text-color-1);
   margin-bottom: 8px;
 }
-.preview-timeline .step-content .step-details[data-v-b2b17129] {
+.preview-timeline .step-content .step-details[data-v-ffd6fa87] {
   background: var(--n-action-color);
   border-radius: 8px;
   padding: 10px 14px;
   border: 1px solid var(--n-border-color);
 }
-.preview-timeline .step-content .step-details .step-detail-item[data-v-b2b17129] {
+.preview-timeline .step-content .step-details .step-detail-item[data-v-ffd6fa87] {
   font-size: 13px;
   color: var(--n-text-color-2);
   line-height: 1.8;
@@ -568,21 +561,21 @@ to {
   flex-wrap: wrap;
   gap: 4px;
 }
-.preview-timeline .step-content .step-details .step-detail-item[data-v-b2b17129]:not(:last-child) {
+.preview-timeline .step-content .step-details .step-detail-item[data-v-ffd6fa87]:not(:last-child) {
   border-bottom: 1px dashed var(--n-border-color);
   padding-bottom: 8px;
   margin-bottom: 8px;
 }
-.preview-timeline .step-content .step-details .step-detail-item.is-warning[data-v-b2b17129] {
+.preview-timeline .step-content .step-details .step-detail-item.is-warning[data-v-ffd6fa87] {
   color: #faad14;
 }
-.preview-timeline .step-content .step-details .step-detail-item .detail-label[data-v-b2b17129] {
+.preview-timeline .step-content .step-details .step-detail-item .detail-label[data-v-ffd6fa87] {
   color: var(--n-text-color-3);
   font-size: 12px;
   flex-shrink: 0;
   line-height: 24px;
 }
-.preview-timeline .step-content .step-details .step-detail-item .mode-badge[data-v-b2b17129] {
+.preview-timeline .step-content .step-details .step-detail-item .mode-badge[data-v-ffd6fa87] {
   display: inline-block;
   font-size: 12px;
   font-weight: 600;
@@ -590,61 +583,96 @@ to {
   border-radius: 12px;
   line-height: 20px;
 }
-.preview-timeline .step-content .step-details .step-detail-item .mode-badge.any[data-v-b2b17129] {
+.preview-timeline .step-content .step-details .step-detail-item .mode-badge.any[data-v-ffd6fa87] {
   background: rgba(24, 144, 255, 0.1);
   color: #1890ff;
   border: 1px solid rgba(24, 144, 255, 0.25);
 }
-.preview-timeline .step-content .step-details .step-detail-item .mode-badge.all[data-v-b2b17129] {
+.preview-timeline .step-content .step-details .step-detail-item .mode-badge.all[data-v-ffd6fa87] {
   background: rgba(255, 77, 79, 0.1);
   color: #ff4d4f;
   border: 1px solid rgba(255, 77, 79, 0.25);
 }
-.preview-timeline .step-content .step-details .step-detail-item .mode-badge.sequence[data-v-b2b17129] {
+.preview-timeline .step-content .step-details .step-detail-item .mode-badge.sequence[data-v-ffd6fa87] {
   background: rgba(114, 46, 209, 0.1);
   color: #722ed1;
   border: 1px solid rgba(114, 46, 209, 0.25);
 }
-.preview-timeline .step-content .step-details .step-detail-item .user-tag[data-v-b2b17129] {
+.preview-timeline .step-content .step-details .step-detail-item .user-tag[data-v-ffd6fa87] {
   margin: 1px 2px;
 }
-.preview-timeline .step-content .step-details .step-detail-item .warning-text[data-v-b2b17129] {
+.preview-timeline .step-content .step-details .step-detail-item .warning-text[data-v-ffd6fa87] {
   color: #faad14;
   font-weight: 500;
 }
-.preview-empty[data-v-b2b17129] {
+.preview-empty[data-v-ffd6fa87] {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 60px 0;
 }
-.preview-empty p[data-v-b2b17129] {
+.preview-empty p[data-v-ffd6fa87] {
   margin-top: 12px;
   color: var(--n-text-color-3);
   font-size: 14px;
 }
-.preview-footer[data-v-b2b17129] {
+.preview-footer[data-v-ffd6fa87] {
   display: flex;
   justify-content: flex-end;
   gap: 12px;
 }
-/* unplugin-vue-components disabled */
+
 /* layer: default */
-.absolute[data-v-5ede8782]{position:absolute;}
-.relative[data-v-5ede8782]{position:relative;}
-.hidden[data-v-5ede8782]{display:none;}
-.flex[data-v-5ede8782]{display:flex;}
-.transform[data-v-5ede8782]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.border[data-v-5ede8782]{border-width:1px;}
-.outline[data-v-5ede8782]{outline-style:solid;}
-.transition[data-v-5ede8782]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
-.ease[data-v-5ede8782]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
+.start-1[data-v-ffd6fa87]{inset-inline-start:0.25rem;}
+.px[data-v-ffd6fa87]{padding-left:1rem;padding-right:1rem;}
+
 
-/* unplugin-vue-components disabled */.condition-node[data-v-5ede8782] {
+/* layer: default */
+.visible[data-v-df36c1fc]{visibility:visible;}
+.start-1[data-v-df36c1fc]{inset-inline-start:0.25rem;}
+.mb-2[data-v-df36c1fc]{margin-bottom:0.5rem;}
+.mb-3[data-v-df36c1fc]{margin-bottom:0.75rem;}
+.mb-4[data-v-df36c1fc]{margin-bottom:1rem;}
+.ml-auto[data-v-df36c1fc]{margin-left:auto;}
+.mt-4[data-v-df36c1fc]{margin-top:1rem;}
+.block[data-v-df36c1fc]{display:block;}
+.max-h-50[data-v-df36c1fc]{max-height:12.5rem;}
+.max-h-60vh[data-v-df36c1fc]{max-height:60vh;}
+.min-h-10[data-v-df36c1fc]{min-height:2.5rem;}
+.w-full[data-v-df36c1fc]{width:100%;}
+.flex[data-v-df36c1fc]{display:flex;}
+.flex-shrink-0[data-v-df36c1fc]{flex-shrink:0;}
+.flex-col[data-v-df36c1fc]{flex-direction:column;}
+.flex-wrap[data-v-df36c1fc]{flex-wrap:wrap;}
+.flex-nowrap[data-v-df36c1fc]{flex-wrap:nowrap;}
+.items-center[data-v-df36c1fc]{align-items:center;}
+.gap-1[data-v-df36c1fc]{gap:0.25rem;}
+.gap-2[data-v-df36c1fc]{gap:0.5rem;}
+.gap-3[data-v-df36c1fc]{gap:0.75rem;}
+.space-y-3[data-v-df36c1fc]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.75rem * var(--un-space-y-reverse));}
+.overflow-y-auto[data-v-df36c1fc]{overflow-y:auto;}
+.border[data-v-df36c1fc]{border-width:1px;}
+.border-gray-200[data-v-df36c1fc]{--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));}
+.hover\:border-gray-300[data-v-df36c1fc]:hover{--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));}
+.rounded[data-v-df36c1fc]{border-radius:0.25rem;}
+.rounded-lg[data-v-df36c1fc]{border-radius:0.5rem;}
+.p-2[data-v-df36c1fc]{padding:0.5rem;}
+.p-3[data-v-df36c1fc]{padding:0.75rem;}
+.p-4[data-v-df36c1fc]{padding:1rem;}
+.px-1\.5[data-v-df36c1fc]{padding-left:0.375rem;padding-right:0.375rem;}
+.py-0\.5[data-v-df36c1fc]{padding-top:0.125rem;padding-bottom:0.125rem;}
+.text-base[data-v-df36c1fc]{font-size:1rem;line-height:1.5rem;}
+.text-sm[data-v-df36c1fc]{font-size:0.875rem;line-height:1.25rem;}
+.text-xs[data-v-df36c1fc]{font-size:0.75rem;line-height:1rem;}
+.font-medium[data-v-df36c1fc]{font-weight:500;}
+.font-semibold[data-v-df36c1fc]{font-weight:600;}
+.transition-colors[data-v-df36c1fc]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+
+.approval-node[data-v-e6968a42] {
   position: relative;
 }
-.status-indicator[data-v-5ede8782] {
+.status-indicator[data-v-e6968a42] {
   position: absolute;
   top: -4px;
   right: -4px;
@@ -655,13 +683,16 @@ to {
   z-index: 2;
   background: #faad14;
 }
-.status-indicator.completed[data-v-5ede8782] {
+.status-indicator.approved[data-v-e6968a42] {
   background: #52c41a;
 }
-.status-indicator.active[data-v-5ede8782] {
-  background: #fa8c16;
+.status-indicator.rejected[data-v-e6968a42] {
+  background: #ff4d4f;
 }
-.delete-btn[data-v-5ede8782] {
+.status-indicator.pending[data-v-e6968a42] {
+  background: #1890ff;
+}
+.delete-btn[data-v-e6968a42] {
   appearance: none;
   padding: 0;
   position: absolute;
@@ -676,68 +707,69 @@ to {
   align-items: center;
   justify-content: center;
   cursor: pointer;
-  z-index: 100;
+  z-index: 100; /* 确保在所有元素之上 */
   opacity: 0;
   transform: scale(0.8);
   transition: all 0.2s ease;
   border: 2px solid white;
   box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);
 }
-.delete-btn[data-v-5ede8782]:hover {
+.delete-btn[data-v-e6968a42]:hover {
   transform: scale(1);
   background: #ff7875;
   box-shadow: 0 4px 12px rgba(255, 77, 79, 0.5);
 }
-.delete-btn[data-v-5ede8782]:active {
+.delete-btn[data-v-e6968a42]:active {
   transform: scale(0.95);
 }
-.condition-node:hover .delete-btn[data-v-5ede8782],
-.condition-node:focus-within .delete-btn[data-v-5ede8782] {
+.approval-node:hover .delete-btn[data-v-e6968a42],
+.approval-node:focus-within .delete-btn[data-v-e6968a42] {
   opacity: 1;
   transform: scale(1);
 }
-.node-card[data-v-5ede8782] {
+.node-card[data-v-e6968a42] {
   background: white;
   border-radius: 12px;
-  min-width: 220px;
+  min-width: 240px;
+  max-width: 300px;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
   border: 2px solid transparent;
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   overflow: hidden;
   cursor: pointer;
 }
-.node-card[data-v-5ede8782]:hover {
+.node-card[data-v-e6968a42]:hover {
   transform: translateY(-2px);
   box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
-  border-color: #fa8c16;
+  border-color: #1890ff;
 }
-.node-header[data-v-5ede8782] {
+.node-header[data-v-e6968a42] {
   padding: 12px 16px;
-  background: #fff7e6;
-  border-bottom: 1px solid #ffe7ba;
+  background: linear-gradient(135deg, #e6f7ff, #f0f9ff);
+  border-bottom: 1px solid #91d5ff;
   display: flex;
   align-items: center;
   gap: 8px;
+  flex-wrap: wrap;
 }
-.node-icon[data-v-5ede8782] {
+.node-icon[data-v-e6968a42] {
   width: 24px;
   height: 24px;
   border-radius: 50%;
-  background: #fa8c16;
+  background: #1890ff;
   color: white;
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 12px;
 }
-.node-title[data-v-5ede8782] {
+.node-title[data-v-e6968a42] {
   font-weight: 600;
-  color: #262626;
+  color: var(--n-text-color-1);
   font-size: 14px;
   flex: 1;
 }
-.node-badge[data-v-5ede8782] {
-  background: #fa8c16;
+.node-badge[data-v-e6968a42] {
+  background: #1890ff;
   color: white;
   padding: 2px 6px;
   border-radius: 10px;
@@ -746,53 +778,91 @@ to {
   min-width: 16px;
   text-align: center;
 }
-.node-content[data-v-5ede8782] {
+.approval-mode-badge[data-v-e6968a42] {
+  background: #f0f0f0;
+  color: #666;
+  padding: 2px 6px;
+  border-radius: 8px;
+  font-size: 10px;
+  font-weight: 500;
+}
+.node-content[data-v-e6968a42] {
   padding: 16px;
 }
-.conditions-list[data-v-5ede8782] {
+.approvers-list[data-v-e6968a42] {
   display: flex;
   flex-direction: column;
-  gap: 6px;
+  gap: 8px;
 }
-.condition-tag[data-v-5ede8782] {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  background: #fff7e6;
-  color: #fa8c16;
-  padding: 6px 10px;
+.approver-tag[data-v-e6968a42] {
+  background: linear-gradient(135deg, #e6f7ff, #f0f9ff);
+  border: 1px solid #91d5ff;
   border-radius: 8px;
-  font-size: 12px;
-  border: 1px solid #ffd591;
+  padding: 8px 12px;
   transition: all 0.2s ease;
 }
-.condition-tag[data-v-5ede8782]:hover {
-  background: #ffe7ba;
+.approver-tag[data-v-e6968a42]:hover {
   transform: translateX(2px);
+  box-shadow: 0 2px 8px rgba(24, 144, 255, 0.2);
 }
-.condition-icon[data-v-5ede8782] {
-  font-weight: bold;
-  color: #d48806;
+.approver-tag .approver-info[data-v-e6968a42] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
 }
-.more-count[data-v-5ede8782] {
+.approver-tag .approver-info .approver-avatar[data-v-e6968a42] {
+  flex-shrink: 0;
+}
+.approver-tag .approver-info .approver-details[data-v-e6968a42] {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+.approver-tag .approver-info .approver-details .approver-name[data-v-e6968a42] {
+  font-weight: 600;
+  color: #1890ff;
+  font-size: 13px;
+}
+.approver-tag .approver-info .approver-details .approver-dept[data-v-e6968a42] {
+  font-size: 11px;
+  color: #666;
+  background: rgba(0, 0, 0, 0.05);
+  padding: 1px 4px;
+  border-radius: 4px;
+  display: inline-block;
+}
+.approver-tag .approver-info .approver-details .approver-role[data-v-e6968a42] {
+  font-size: 10px;
+  color: #999;
+}
+.more-count[data-v-e6968a42] {
   background: #f0f0f0;
   color: #8c8c8c;
-  padding: 4px 8px;
+  padding: 6px 8px;
   border-radius: 12px;
   font-size: 12px;
   font-weight: 500;
   text-align: center;
-  margin-top: 4px;
+  border: 1px dashed #d9d9d9;
 }
-.placeholder[data-v-5ede8782] {
+.placeholder[data-v-e6968a42] {
   display: flex;
+  flex-direction: column;
   align-items: center;
-  gap: 6px;
+  justify-content: center;
+  gap: 8px;
   color: #8c8c8c;
   font-size: 12px;
-  padding: 8px 0;
+  padding: 20px 0;
+  border: 1px dashed #d9d9d9;
+  border-radius: 8px;
+  background: #fafafa;
 }
-.add-node-btn[data-v-5ede8782] {
+.placeholder span[data-v-e6968a42] {
+  font-weight: 500;
+}
+.add-node-btn[data-v-e6968a42] {
   appearance: none;
   border: 0;
   padding: 0;
@@ -803,44 +873,30 @@ to {
   width: 32px;
   height: 32px;
   border-radius: 50%;
-  background: linear-gradient(135deg, #fa8c16, #d48806);
+  background: linear-gradient(135deg, #1890ff, #722ed1);
   color: white;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
-  box-shadow: 0 4px 12px rgba(250, 140, 22, 0.3);
+  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3);
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  font-size: 16px;
-  font-weight: bold;
   z-index: 10;
 }
-.add-node-btn[data-v-5ede8782]:hover {
+.add-node-btn[data-v-e6968a42]:hover {
   transform: translateX(-50%) scale(1.1);
-  box-shadow: 0 6px 20px rgba(250, 140, 22, 0.4);
+  box-shadow: 0 6px 20px rgba(24, 144, 255, 0.4);
 }
-.add-node-btn[data-v-5ede8782]:focus-visible {
-  outline: 2px solid #fa8c16;
+.add-node-btn[data-v-e6968a42]:focus-visible {
+  outline: 2px solid #1890ff;
   outline-offset: 2px;
 }
-.delete-btn[data-v-5ede8782]:focus-visible {
+.delete-btn[data-v-e6968a42]:focus-visible {
   opacity: 1;
-  outline: 2px solid #fa8c16;
+  outline: 2px solid #1890ff;
   outline-offset: 2px;
 }
-/* unplugin-vue-components disabled */
-/* layer: default */
-.absolute[data-v-6fb2df95]{position:absolute;}
-.relative[data-v-6fb2df95]{position:relative;}
-.flex[data-v-6fb2df95]{display:flex;}
-.flex-shrink[data-v-6fb2df95]{flex-shrink:1;}
-.transform[data-v-6fb2df95]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.border[data-v-6fb2df95]{border-width:1px;}
-.italic[data-v-6fb2df95]{font-style:italic;}
-.outline[data-v-6fb2df95]{outline-style:solid;}
-.transition[data-v-6fb2df95]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 
-/* unplugin-vue-components disabled */
 /* layer: default */
 .absolute[data-v-e6968a42]{position:absolute;}
 .relative[data-v-e6968a42]{position:relative;}
@@ -856,185 +912,103 @@ to {
 .transition[data-v-e6968a42]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 .ease[data-v-e6968a42]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
 
-/* unplugin-vue-components disabled */.start-node[data-v-6fb2df95] {
+.condition-node[data-v-5ede8782] {
   position: relative;
 }
-.node-content[data-v-6fb2df95] {
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+.status-indicator[data-v-5ede8782] {
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  border: 2px solid white;
+  z-index: 2;
+  background: #faad14;
+}
+.status-indicator.completed[data-v-5ede8782] {
+  background: #52c41a;
+}
+.status-indicator.active[data-v-5ede8782] {
+  background: #fa8c16;
+}
+.delete-btn[data-v-5ede8782] {
+  appearance: none;
+  padding: 0;
+  position: absolute;
+  top: -10px;
+  right: -10px;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background: #ff4d4f;
   color: white;
-  padding: 16px 20px;
-  border-radius: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 12px;
-  min-width: 160px;
-  box-shadow: 0 4px 20px rgba(102, 126, 234, 0.3);
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   cursor: pointer;
+  z-index: 100;
+  opacity: 0;
+  transform: scale(0.8);
+  transition: all 0.2s ease;
+  border: 2px solid white;
+  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);
 }
-.node-content[data-v-6fb2df95]:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 8px 30px rgba(102, 126, 234, 0.4);
-}
-.node-icon[data-v-6fb2df95] {
-  font-size: 16px;
-  flex-shrink: 0;
+.delete-btn[data-v-5ede8782]:hover {
+  transform: scale(1);
+  background: #ff7875;
+  box-shadow: 0 4px 12px rgba(255, 77, 79, 0.5);
 }
-.node-info[data-v-6fb2df95] {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  text-align: center;
+.delete-btn[data-v-5ede8782]:active {
+  transform: scale(0.95);
 }
-.node-text[data-v-6fb2df95] {
-  font-weight: 600;
-  font-size: 14px;
+.condition-node:hover .delete-btn[data-v-5ede8782],
+.condition-node:focus-within .delete-btn[data-v-5ede8782] {
+  opacity: 1;
+  transform: scale(1);
 }
-.initiator-name[data-v-6fb2df95] {
-  font-size: 12px;
-  opacity: 0.9;
-  background: rgba(255, 255, 255, 0.2);
-  padding: 2px 8px;
-  border-radius: 8px;
-}
-.placeholder-text[data-v-6fb2df95] {
-  font-size: 11px;
-  opacity: 0.7;
-  font-style: italic;
-}
-.add-node-btn[data-v-6fb2df95] {
-  appearance: none;
-  border: 0;
-  padding: 0;
-  position: absolute;
-  left: 50%;
-  bottom: -20px;
-  transform: translateX(-50%);
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  background: linear-gradient(135deg, #1890ff, #722ed1);
-  color: white;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3);
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  font-size: 16px;
-  font-weight: bold;
-  z-index: 10;
-}
-.add-node-btn[data-v-6fb2df95]:hover {
-  transform: translateX(-50%) scale(1.1);
-  box-shadow: 0 6px 20px rgba(24, 144, 255, 0.4);
-}
-.add-node-btn[data-v-6fb2df95]:focus-visible {
-  outline: 2px solid #1890ff;
-  outline-offset: 2px;
-}
-/* unplugin-vue-components disabled */.approval-node[data-v-e6968a42] {
-  position: relative;
-}
-.status-indicator[data-v-e6968a42] {
-  position: absolute;
-  top: -4px;
-  right: -4px;
-  width: 12px;
-  height: 12px;
-  border-radius: 50%;
-  border: 2px solid white;
-  z-index: 2;
-  background: #faad14;
-}
-.status-indicator.approved[data-v-e6968a42] {
-  background: #52c41a;
-}
-.status-indicator.rejected[data-v-e6968a42] {
-  background: #ff4d4f;
-}
-.status-indicator.pending[data-v-e6968a42] {
-  background: #1890ff;
-}
-.delete-btn[data-v-e6968a42] {
-  appearance: none;
-  padding: 0;
-  position: absolute;
-  top: -10px;
-  right: -10px;
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  background: #ff4d4f;
-  color: white;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  z-index: 100; /* 确保在所有元素之上 */
-  opacity: 0;
-  transform: scale(0.8);
-  transition: all 0.2s ease;
-  border: 2px solid white;
-  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);
-}
-.delete-btn[data-v-e6968a42]:hover {
-  transform: scale(1);
-  background: #ff7875;
-  box-shadow: 0 4px 12px rgba(255, 77, 79, 0.5);
-}
-.delete-btn[data-v-e6968a42]:active {
-  transform: scale(0.95);
-}
-.approval-node:hover .delete-btn[data-v-e6968a42],
-.approval-node:focus-within .delete-btn[data-v-e6968a42] {
-  opacity: 1;
-  transform: scale(1);
-}
-.node-card[data-v-e6968a42] {
+.node-card[data-v-5ede8782] {
   background: white;
   border-radius: 12px;
-  min-width: 240px;
-  max-width: 300px;
+  min-width: 220px;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
   border: 2px solid transparent;
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   overflow: hidden;
   cursor: pointer;
 }
-.node-card[data-v-e6968a42]:hover {
+.node-card[data-v-5ede8782]:hover {
   transform: translateY(-2px);
   box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
-  border-color: #1890ff;
+  border-color: #fa8c16;
 }
-.node-header[data-v-e6968a42] {
+.node-header[data-v-5ede8782] {
   padding: 12px 16px;
-  background: linear-gradient(135deg, #e6f7ff, #f0f9ff);
-  border-bottom: 1px solid #91d5ff;
+  background: #fff7e6;
+  border-bottom: 1px solid #ffe7ba;
   display: flex;
   align-items: center;
   gap: 8px;
-  flex-wrap: wrap;
 }
-.node-icon[data-v-e6968a42] {
+.node-icon[data-v-5ede8782] {
   width: 24px;
   height: 24px;
   border-radius: 50%;
-  background: #1890ff;
+  background: #fa8c16;
   color: white;
   display: flex;
   align-items: center;
   justify-content: center;
+  font-size: 12px;
 }
-.node-title[data-v-e6968a42] {
+.node-title[data-v-5ede8782] {
   font-weight: 600;
-  color: var(--n-text-color-1);
+  color: #262626;
   font-size: 14px;
   flex: 1;
 }
-.node-badge[data-v-e6968a42] {
-  background: #1890ff;
+.node-badge[data-v-5ede8782] {
+  background: #fa8c16;
   color: white;
   padding: 2px 6px;
   border-radius: 10px;
@@ -1043,91 +1017,53 @@ to {
   min-width: 16px;
   text-align: center;
 }
-.approval-mode-badge[data-v-e6968a42] {
-  background: #f0f0f0;
-  color: #666;
-  padding: 2px 6px;
-  border-radius: 8px;
-  font-size: 10px;
-  font-weight: 500;
-}
-.node-content[data-v-e6968a42] {
+.node-content[data-v-5ede8782] {
   padding: 16px;
 }
-.approvers-list[data-v-e6968a42] {
+.conditions-list[data-v-5ede8782] {
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 6px;
 }
-.approver-tag[data-v-e6968a42] {
-  background: linear-gradient(135deg, #e6f7ff, #f0f9ff);
-  border: 1px solid #91d5ff;
+.condition-tag[data-v-5ede8782] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  background: #fff7e6;
+  color: #fa8c16;
+  padding: 6px 10px;
   border-radius: 8px;
-  padding: 8px 12px;
+  font-size: 12px;
+  border: 1px solid #ffd591;
   transition: all 0.2s ease;
 }
-.approver-tag[data-v-e6968a42]:hover {
+.condition-tag[data-v-5ede8782]:hover {
+  background: #ffe7ba;
   transform: translateX(2px);
-  box-shadow: 0 2px 8px rgba(24, 144, 255, 0.2);
-}
-.approver-tag .approver-info[data-v-e6968a42] {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.approver-tag .approver-info .approver-avatar[data-v-e6968a42] {
-  flex-shrink: 0;
 }
-.approver-tag .approver-info .approver-details[data-v-e6968a42] {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  min-width: 0;
-}
-.approver-tag .approver-info .approver-details .approver-name[data-v-e6968a42] {
-  font-weight: 600;
-  color: #1890ff;
-  font-size: 13px;
-}
-.approver-tag .approver-info .approver-details .approver-dept[data-v-e6968a42] {
-  font-size: 11px;
-  color: #666;
-  background: rgba(0, 0, 0, 0.05);
-  padding: 1px 4px;
-  border-radius: 4px;
-  display: inline-block;
-}
-.approver-tag .approver-info .approver-details .approver-role[data-v-e6968a42] {
-  font-size: 10px;
-  color: #999;
+.condition-icon[data-v-5ede8782] {
+  font-weight: bold;
+  color: #d48806;
 }
-.more-count[data-v-e6968a42] {
+.more-count[data-v-5ede8782] {
   background: #f0f0f0;
   color: #8c8c8c;
-  padding: 6px 8px;
+  padding: 4px 8px;
   border-radius: 12px;
   font-size: 12px;
   font-weight: 500;
   text-align: center;
-  border: 1px dashed #d9d9d9;
+  margin-top: 4px;
 }
-.placeholder[data-v-e6968a42] {
+.placeholder[data-v-5ede8782] {
   display: flex;
-  flex-direction: column;
   align-items: center;
-  justify-content: center;
-  gap: 8px;
+  gap: 6px;
   color: #8c8c8c;
   font-size: 12px;
-  padding: 20px 0;
-  border: 1px dashed #d9d9d9;
-  border-radius: 8px;
-  background: #fafafa;
-}
-.placeholder span[data-v-e6968a42] {
-  font-weight: 500;
+  padding: 8px 0;
 }
-.add-node-btn[data-v-e6968a42] {
+.add-node-btn[data-v-5ede8782] {
   appearance: none;
   border: 0;
   padding: 0;
@@ -1138,30 +1074,44 @@ to {
   width: 32px;
   height: 32px;
   border-radius: 50%;
-  background: linear-gradient(135deg, #1890ff, #722ed1);
+  background: linear-gradient(135deg, #fa8c16, #d48806);
   color: white;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
-  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3);
+  box-shadow: 0 4px 12px rgba(250, 140, 22, 0.3);
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  font-size: 16px;
+  font-weight: bold;
   z-index: 10;
 }
-.add-node-btn[data-v-e6968a42]:hover {
+.add-node-btn[data-v-5ede8782]:hover {
   transform: translateX(-50%) scale(1.1);
-  box-shadow: 0 6px 20px rgba(24, 144, 255, 0.4);
+  box-shadow: 0 6px 20px rgba(250, 140, 22, 0.4);
 }
-.add-node-btn[data-v-e6968a42]:focus-visible {
-  outline: 2px solid #1890ff;
+.add-node-btn[data-v-5ede8782]:focus-visible {
+  outline: 2px solid #fa8c16;
   outline-offset: 2px;
 }
-.delete-btn[data-v-e6968a42]:focus-visible {
+.delete-btn[data-v-5ede8782]:focus-visible {
   opacity: 1;
-  outline: 2px solid #1890ff;
+  outline: 2px solid #fa8c16;
   outline-offset: 2px;
 }
-/* unplugin-vue-components disabled */.copy-node[data-v-010e7ec8] {
+
+/* layer: default */
+.absolute[data-v-5ede8782]{position:absolute;}
+.relative[data-v-5ede8782]{position:relative;}
+.hidden[data-v-5ede8782]{display:none;}
+.flex[data-v-5ede8782]{display:flex;}
+.transform[data-v-5ede8782]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.border[data-v-5ede8782]{border-width:1px;}
+.outline[data-v-5ede8782]{outline-style:solid;}
+.transition[data-v-5ede8782]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.ease[data-v-5ede8782]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
+
+.copy-node[data-v-010e7ec8] {
   position: relative;
 }
 .status-indicator[data-v-010e7ec8] {
@@ -1338,7 +1288,7 @@ to {
   outline: 2px solid #52c41a;
   outline-offset: 2px;
 }
-/* unplugin-vue-components disabled */
+
 /* layer: default */
 .absolute[data-v-010e7ec8]{position:absolute;}
 .relative[data-v-010e7ec8]{position:relative;}
@@ -1351,46 +1301,92 @@ to {
 .transition[data-v-010e7ec8]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 .ease[data-v-010e7ec8]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
 
-/* unplugin-vue-components disabled */
+.start-node[data-v-6fb2df95] {
+  position: relative;
+}
+.node-content[data-v-6fb2df95] {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  color: white;
+  padding: 16px 20px;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  min-width: 160px;
+  box-shadow: 0 4px 20px rgba(102, 126, 234, 0.3);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  cursor: pointer;
+}
+.node-content[data-v-6fb2df95]:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 8px 30px rgba(102, 126, 234, 0.4);
+}
+.node-icon[data-v-6fb2df95] {
+  font-size: 16px;
+  flex-shrink: 0;
+}
+.node-info[data-v-6fb2df95] {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  text-align: center;
+}
+.node-text[data-v-6fb2df95] {
+  font-weight: 600;
+  font-size: 14px;
+}
+.initiator-name[data-v-6fb2df95] {
+  font-size: 12px;
+  opacity: 0.9;
+  background: rgba(255, 255, 255, 0.2);
+  padding: 2px 8px;
+  border-radius: 8px;
+}
+.placeholder-text[data-v-6fb2df95] {
+  font-size: 11px;
+  opacity: 0.7;
+  font-style: italic;
+}
+.add-node-btn[data-v-6fb2df95] {
+  appearance: none;
+  border: 0;
+  padding: 0;
+  position: absolute;
+  left: 50%;
+  bottom: -20px;
+  transform: translateX(-50%);
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #1890ff, #722ed1);
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  font-size: 16px;
+  font-weight: bold;
+  z-index: 10;
+}
+.add-node-btn[data-v-6fb2df95]:hover {
+  transform: translateX(-50%) scale(1.1);
+  box-shadow: 0 6px 20px rgba(24, 144, 255, 0.4);
+}
+.add-node-btn[data-v-6fb2df95]:focus-visible {
+  outline: 2px solid #1890ff;
+  outline-offset: 2px;
+}
+
 /* layer: default */
-.visible[data-v-3d6434f4]{visibility:visible;}
-.start-1[data-v-3d6434f4]{inset-inline-start:0.25rem;}
-.mb-2[data-v-3d6434f4]{margin-bottom:0.5rem;}
-.mb-3[data-v-3d6434f4]{margin-bottom:0.75rem;}
-.mb-4[data-v-3d6434f4]{margin-bottom:1rem;}
-.ml-auto[data-v-3d6434f4]{margin-left:auto;}
-.mt-4[data-v-3d6434f4]{margin-top:1rem;}
-.block[data-v-3d6434f4]{display:block;}
-.max-h-50[data-v-3d6434f4]{max-height:12.5rem;}
-.max-h-60vh[data-v-3d6434f4]{max-height:60vh;}
-.min-h-10[data-v-3d6434f4]{min-height:2.5rem;}
-.w-full[data-v-3d6434f4]{width:100%;}
-.flex[data-v-3d6434f4]{display:flex;}
-.flex-shrink-0[data-v-3d6434f4]{flex-shrink:0;}
-.flex-col[data-v-3d6434f4]{flex-direction:column;}
-.flex-wrap[data-v-3d6434f4]{flex-wrap:wrap;}
-.flex-nowrap[data-v-3d6434f4]{flex-wrap:nowrap;}
-.table[data-v-3d6434f4]{display:table;}
-.items-center[data-v-3d6434f4]{align-items:center;}
-.gap-1[data-v-3d6434f4]{gap:0.25rem;}
-.gap-2[data-v-3d6434f4]{gap:0.5rem;}
-.gap-3[data-v-3d6434f4]{gap:0.75rem;}
-.space-y-3[data-v-3d6434f4]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.75rem * var(--un-space-y-reverse));}
-.overflow-y-auto[data-v-3d6434f4]{overflow-y:auto;}
-.border[data-v-3d6434f4]{border-width:1px;}
-.border-gray-200[data-v-3d6434f4]{--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));}
-.hover\:border-gray-300[data-v-3d6434f4]:hover{--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));}
-.rounded[data-v-3d6434f4]{border-radius:0.25rem;}
-.rounded-lg[data-v-3d6434f4]{border-radius:0.5rem;}
-.p-2[data-v-3d6434f4]{padding:0.5rem;}
-.p-3[data-v-3d6434f4]{padding:0.75rem;}
-.p-4[data-v-3d6434f4]{padding:1rem;}
-.px-1\.5[data-v-3d6434f4]{padding-left:0.375rem;padding-right:0.375rem;}
-.py-0\.5[data-v-3d6434f4]{padding-top:0.125rem;padding-bottom:0.125rem;}
-.text-base[data-v-3d6434f4]{font-size:1rem;line-height:1.5rem;}
-.text-sm[data-v-3d6434f4]{font-size:0.875rem;line-height:1.25rem;}
-.text-xs[data-v-3d6434f4]{font-size:0.75rem;line-height:1rem;}
-.font-medium[data-v-3d6434f4]{font-weight:500;}
-.font-semibold[data-v-3d6434f4]{font-weight:600;}
-.filter[data-v-3d6434f4]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
-.transition-colors[data-v-3d6434f4]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.absolute[data-v-6fb2df95]{position:absolute;}
+.relative[data-v-6fb2df95]{position:relative;}
+.flex[data-v-6fb2df95]{display:flex;}
+.flex-shrink[data-v-6fb2df95]{flex-shrink:1;}
+.transform[data-v-6fb2df95]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.border[data-v-6fb2df95]{border-width:1px;}
+.italic[data-v-6fb2df95]{font-style:italic;}
+.outline[data-v-6fb2df95]{outline-style:solid;}
+.transition[data-v-6fb2df95]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}