@yugu-ui/flow-ui 0.0.0-stage → 0.1.1

package/dist/style.css

@@ -0,0 +1,2430 @@
+@charset "UTF-8";*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.container{width:100%;}.flex-center{display:flex;align-items:center;justify-content:center;}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.visible{visibility:visible;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.grid{display:grid;}.m5{margin:1.25rem;}.m6{margin:1.5rem;}.block{display:block;}.inline-block{display:inline-block;}.hidden{display:none;}.h-full{height:100%;}.max-w-90\%{max-width:90%;}.w-600px{width:600px;}.w-full{width:100%;}.flex{display:flex;}.inline-flex{display:inline-flex;}.flex-shrink{flex-shrink:1;}.flex-grow{flex-grow:1;}.flex-wrap{flex-wrap:wrap;}.transform{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));}.resize{resize:both;}.break-all{word-break:break-all;}.border{border-width:1px;}.b-t{border-top-width:1px;}.border-\[var\(--n-border-color\)\]{border-color:var(--n-border-color);}.rounded{border-radius:0.25rem;}.border-solid{border-style:solid;}.bg-black{--un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity));}.px{padding-left:1rem;padding-right:1rem;}.pt-\[var\(--n-padding-top\)\]\!{padding-top:var(--n-padding-top) !important;}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}.blur{--un-blur:blur(8px);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);}.filter{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{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{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
+/* Developed collaboratively with vscode - 改动代码行数: 1行（style 块改用 scss 并做 BEM 嵌套整理，硬编码色改用 --fc-* 主题变量） */
+/* Developed collaboratively with vscode - 改动代码行数: 20行 */
+/* 主题变量 --fc-* 由顶层 FlowConfig.vue 通过 useThemeVars 注入 */
+.flow-config-condition[data-v-314ac215] {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  min-height: 100%;
+  padding: 16px;
+  /* Developed collaboratively with vscode - 改动代码行数: 1行（恢复与外层卡片同色的背景） */
+  background: var(--fc-card-bg);
+}
+
+/* 顶部工具栏 */
+.fcc-toolbar[data-v-314ac215] {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-shrink: 0;
+}
+.fcc-toolbar__title[data-v-314ac215] {
+  margin-right: auto;
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--fc-text-color);
+  border-left: 3px solid var(--fc-primary-color);
+  padding-left: 8px;
+}
+
+/* 通用按钮 */
+/* Developed collaboratively with vscode - 改动代码行数: 12行+删除10行（fcc-btn 与 fcc-mini-btn 共享按钮骨架声明合并：background/border/border-radius/cursor/transition 与 hover 主色染色逐字相同，抽为共享选择器；尺寸/文案色差异与 --primary、--danger/disabled 修饰各自保留，均为独立属性且相对级联顺序不变，编译产物与原独立声明等价） */
+.fcc-btn[data-v-314ac215],
+.fcc-mini-btn[data-v-314ac215] {
+  background: var(--fc-card-bg);
+  border: 1px solid var(--fc-border-color);
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+.fcc-btn[data-v-314ac215]:hover,
+.fcc-mini-btn[data-v-314ac215]:hover {
+  color: var(--fc-primary-color);
+  border-color: var(--fc-primary-color);
+}
+.fcc-btn[data-v-314ac215] {
+  padding: 6px 14px;
+  font-size: 13px;
+  color: var(--fc-text-color);
+}
+.fcc-btn--primary[data-v-314ac215] {
+  color: #fff;
+  background: var(--fc-primary-color);
+  border-color: var(--fc-primary-color);
+}
+.fcc-btn--primary[data-v-314ac215]:hover {
+  color: #fff;
+  opacity: 0.85;
+}
+
+/* 空状态 */
+.fcc-empty[data-v-314ac215] {
+  padding: 48px 0;
+  font-size: 13px;
+  color: var(--fc-text-color-secondary);
+  text-align: center;
+  border: 1px dashed var(--fc-border-color);
+  border-radius: 8px;
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 1行（:deep 覆盖规则收进 .fcc-fields 父块统一管理） */
+/* Developed collaboratively with vscode - 改动代码行数: 34行 */
+/* 字段卡片：NCollapse 折叠面板（重复类名提高优先级，覆盖 naive 默认间距/分隔线） */
+.fcc-fields[data-v-314ac215] {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.fcc-fields[data-v-314ac215] .n-collapse-item.n-collapse-item {
+  margin: 0;
+  border-top: none;
+  background: var(--fc-card-bg);
+  border: 1px solid var(--fc-card-border);
+  border-radius: 8px;
+  overflow: hidden;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+}
+.fcc-fields[data-v-314ac215] .n-collapse-item.n-collapse-item:hover {
+  border-color: color-mix(in srgb, var(--fc-primary-color) 55%, var(--fc-card-border));
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
+}
+.fcc-fields[data-v-314ac215] {
+  /* 面板头对齐原 fcc-field__head：内边距 / 背景 / 子项间距 */
+}
+.fcc-fields[data-v-314ac215] .n-collapse-item .n-collapse-item__header {
+  padding: 10px 14px;
+  background: var(--fc-bg-color-secondary);
+  user-select: none;
+}
+.fcc-fields[data-v-314ac215] .n-collapse-item__header-main {
+  gap: 10px;
+}
+.fcc-fields[data-v-314ac215] {
+  /* 内容区内边距由 .fcc-field__body 自管，去掉 naive 默认 padding-top */
+}
+.fcc-fields[data-v-314ac215] .n-collapse-item .n-collapse-item__content-wrapper .n-collapse-item__content-inner {
+  padding-top: 0;
+}
+.fcc-fields[data-v-314ac215] {
+  /* Developed collaboratively with vscode - 改动代码行数: 20行 */
+  /* 拖拽中的原卡片（:class 声明式绑定，占位）：虚线描边 + 半透明；实体感由跟随鼠标的
+       克隆幽灵承担。幽灵挂在 .n-collapse 根内，继承 naive 与本组件的全部样式 */
+}
+.fcc-fields[data-v-314ac215] .n-collapse-item.is-dragging {
+  border-style: dashed;
+  border-color: color-mix(in srgb, var(--fc-primary-color) 55%, var(--fc-card-border));
+  opacity: 0.5;
+  background: color-mix(in srgb, var(--fc-primary-color) 4%, var(--fc-card-bg));
+}
+.fcc-fields[data-v-314ac215] .n-collapse-item.fcc-drag-ghost {
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 2000;
+  margin: 0;
+  opacity: 0.88;
+  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
+  pointer-events: none;
+  will-change: transform;
+}
+.fcc-field__index[data-v-314ac215] {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--fc-primary-color);
+  background: color-mix(in srgb, var(--fc-primary-color) 12%, transparent);
+  border-radius: 6px;
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 24行 */
+/* 头部拖拽句柄（六点 icon，置于最左侧；hover 提亮，按下抓取态） */
+.fcc-field__drag[data-v-314ac215] {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  color: var(--fc-text-color-secondary);
+  opacity: 0.55;
+  cursor: grab;
+  transition: opacity 0.15s ease, color 0.15s ease;
+}
+.fcc-field__drag[data-v-314ac215]:hover {
+  opacity: 1;
+  color: var(--fc-primary-color);
+}
+.fcc-field__drag[data-v-314ac215]:active {
+  cursor: grabbing;
+}
+.fcc-field__name[data-v-314ac215] {
+  max-width: 200px;
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--fc-text-color);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.fcc-field__name.is-empty[data-v-314ac215] {
+  color: var(--fc-text-color-secondary);
+  font-weight: normal;
+}
+.fcc-field__key[data-v-314ac215] {
+  max-width: 160px;
+  padding: 1px 6px;
+  font-size: 12px;
+  font-family: Consolas, Monaco, "Courier New", monospace;
+  color: var(--fc-text-color-secondary);
+  background: var(--fc-card-bg);
+  border: 1px solid var(--fc-border-color);
+  border-radius: 4px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.fcc-field__key.is-empty[data-v-314ac215] {
+  display: none;
+}
+.fcc-field__tags[data-v-314ac215] {
+  display: flex;
+  gap: 6px;
+}
+.fcc-tag[data-v-314ac215] {
+  padding: 1px 8px;
+  font-size: 12px;
+  color: var(--fc-primary-color);
+  background: color-mix(in srgb, var(--fc-primary-color) 10%, transparent);
+  border: 1px solid color-mix(in srgb, var(--fc-primary-color) 35%, transparent);
+  border-radius: 10px;
+  /* Developed collaboratively with vscode - 改动代码行数: 3行（warning 硬编码色改用 --fc-warning-color 主题变量，跟随暗色模式） */
+}
+.fcc-tag--remote[data-v-314ac215] {
+  color: var(--fc-warning-color);
+  background: var(--fc-warning-color-bg);
+  border-color: color-mix(in srgb, var(--fc-warning-color) 40%, transparent);
+}
+.fcc-field__ops[data-v-314ac215] {
+  margin-left: auto;
+  display: flex;
+  gap: 6px;
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 16行 */
+/* Developed collaboratively with vscode - 改动代码行数: 1行+删除10行（骨架五项声明与 hover 主色染色并入上方 .fcc-btn, .fcc-mini-btn 共享选择器，输出等价；尺寸/文案色/disabled/--danger 修饰保留） */
+.fcc-mini-btn[data-v-314ac215] {
+  padding: 3px 10px;
+  font-size: 12px;
+  color: var(--fc-text-color-secondary);
+}
+.fcc-mini-btn[data-v-314ac215]:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+.fcc-mini-btn[data-v-314ac215] {
+  /* Developed collaboratively with vscode - 改动代码行数: 1行（danger 硬编码色改用 --fc-error-color，跟随暗色模式） */
+}
+.fcc-mini-btn--danger[data-v-314ac215]:hover {
+  color: var(--fc-error-color);
+  border-color: var(--fc-error-color);
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 73行（BEM 规则收拢为 scss 嵌套，编译产物与原 CSS 等价） */
+/* 卡片主体：配置表单（主表单 5 列、数据源 4 列行式布局，label 右对齐；组件尺寸走 naive size="small"） */
+.fcc-field__body[data-v-314ac215] {
+  padding: 12px 16px 14px;
+}
+.fcc-grid[data-v-314ac215] {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 8px 14px;
+  /* 主表单 5 列：开关项占宽小（0.9fr），输入/下拉项占宽大（1.3fr/1.1fr）；
+       数据源配置区域沿用默认 4 列，保证 span 2 的长文本项布局不乱 */
+}
+.fcc-grid--fields[data-v-314ac215] {
+  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.3fr) minmax(0, 0.9fr) minmax(0, 0.9fr) minmax(0, 1.1fr);
+}
+.fcc-form-item[data-v-314ac215] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+.fcc-form-item > label[data-v-314ac215] {
+  flex-shrink: 0;
+  width: 76px;
+  text-align: right;
+  font-size: 12px;
+  color: var(--fc-text-color-secondary);
+  white-space: nowrap;
+}
+.fcc-form-item[data-v-314ac215] {
+  /* 控件撑满剩余空间 */
+}
+.fcc-form-item[data-v-314ac215] .n-input,
+.fcc-form-item[data-v-314ac215] .n-select {
+  flex: 1;
+  min-width: 0;
+}
+.fcc-form-item[data-v-314ac215] {
+  /* 代码类输入（JSON 参数 / 格式化函数）用等宽字体 */
+}
+.fcc-form-item[data-v-314ac215] .n-input__textarea-el {
+  font-family: Consolas, Monaco, "Courier New", monospace;
+  font-size: 12px;
+  line-height: 1.5;
+}
+.fcc-form-item[data-v-314ac215] {
+  /* radio 按钮组跟随瘦身 */
+}
+.fcc-form-item[data-v-314ac215] .n-radio-button__state {
+  padding: 4px 10px;
+}
+.fcc-form-item[data-v-314ac215] .n-radio-button__label {
+  font-size: 12px;
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 4行（请求地址 NInputGroupLabel：base 地址超长省略，悬浮 title 提示全量） */
+.fcc-fetch-base[data-v-314ac215] {
+  max-width: 240px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.fcc-col--2[data-v-314ac215] {
+  grid-column: span 2;
+}
+
+/* 分组标题（小标题 + 延伸线） */
+.fcc-group-title[data-v-314ac215] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 12px 0 10px;
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--fc-text-color);
+}
+.fcc-group-title span[data-v-314ac215] {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+.fcc-group-title span[data-v-314ac215]::before {
+  content: "";
+  width: 3px;
+  height: 12px;
+  background: var(--fc-primary-color);
+  border-radius: 2px;
+}
+.fcc-group-title[data-v-314ac215]::after {
+  content: "";
+  flex: 1;
+  height: 1px;
+  background: var(--fc-border-color);
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 64行（子区块/选项行/添加按钮收拢为 scss 嵌套） */
+/* 标题行内联开关（远程数据切换） */
+.fcc-inline-switch[data-v-314ac215] {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  font-weight: normal;
+  color: var(--fc-text-color-secondary);
+  cursor: pointer;
+}
+
+/* 子区块：数据源配置（浅底 + 描边，与外层卡片形成层次） */
+.fcc-sub[data-v-314ac215] {
+  padding: 12px 14px;
+  background: var(--fc-bg-color-secondary);
+  border: 1px solid var(--fc-border-color);
+  border-radius: 8px;
+}
+.fcc-sub__head[data-v-314ac215] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 8px;
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--fc-text-color-secondary);
+}
+.fcc-sub__empty[data-v-314ac215] {
+  padding: 8px 0;
+  font-size: 12px;
+  color: var(--fc-text-color-secondary);
+  text-align: center;
+}
+
+/* 选项编辑行（序号 + 选项名 + 选项值 + 删除） */
+.fcc-option-row[data-v-314ac215] {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) auto;
+  gap: 8px;
+  align-items: center;
+  margin-bottom: 8px;
+}
+.fcc-option-row__index[data-v-314ac215] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  font-size: 11px;
+  color: var(--fc-text-color-secondary);
+  background: var(--fc-card-bg);
+  border: 1px solid var(--fc-border-color);
+  border-radius: 50%;
+}
+
+/* 整行虚线添加按钮 */
+.fcc-add-row[data-v-314ac215] {
+  width: 100%;
+  padding: 6px 0;
+  font-size: 12px;
+  color: var(--fc-primary-color);
+  background: transparent;
+  border: 1px dashed color-mix(in srgb, var(--fc-primary-color) 45%, transparent);
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+.fcc-add-row[data-v-314ac215]:hover {
+  background: color-mix(in srgb, var(--fc-primary-color) 8%, transparent);
+  border-color: var(--fc-primary-color);
+}
+/* Developed collaboratively with vscode - 改动代码行数: 1行（style 块改用 scss） */
+/* Developed collaboratively with vscode - 改动代码行数: 3行 */
+.fc-icon[data-v-65188f30] {
+  display: inline-block;
+  vertical-align: -0.15em;
+  flex-shrink: 0;
+}
+/* Developed collaboratively with vscode - 改动代码行数: 2行 */
+/* 样式拆分至同目录 index.scss（SCSS 嵌套精简体积）；@use 内联进本块，仍受 scoped 隔离 */
+/* Developed collaboratively with vscode - 改动代码行数: 598行 */
+/*
+ * PersonSelector 组件样式（自 index.vue \3c style> 块拆分为 SCSS，经 \3c style scoped lang="scss"> @use 引入，同样受 scoped 隔离）
+ * 主题变量：原 --y-* 变量本项目不存在，Naive UI NEl 也不注入 --n-* 变量，
+ * 故在组件根定义 --ps-* 语义变量，全部推导自项目全局 RGB 通道变量（:root 注入，html.dark 自动覆盖）
+ */
+/* 弹窗 body 限高封顶：内容再多也不超过视口，卡片标题栏与底部操作按钮始终可见，内部各区自行收缩/滚动 */
+/* padding+负margin 各留 4px 阴影渲染空间，抵消后内容位置不变，避免 overflow 裁剪搜索框 focus 阴影 */
+.person-selector__body[data-v-fe31f4e2] {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  max-height: calc(100vh - 200px);
+  overflow-y: auto;
+  padding: 4px;
+  margin: -4px;
+}
+.person-selector__body--loading[data-v-fe31f4e2] {
+  pointer-events: none;
+}
+.person-selector__loading[data-v-fe31f4e2] {
+  position: absolute;
+  inset: 0;
+  z-index: 10;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  background: color-mix(in srgb, var(--ps-bg) 78%, transparent);
+  backdrop-filter: blur(2px);
+  border-radius: 8px;
+  color: var(--ps-text-2);
+  font-size: 14px;
+}
+.person-selector__loading-spinner[data-v-fe31f4e2] {
+  color: rgb(var(--primary-color));
+  animation: person-selector-spin-fe31f4e2 0.8s linear infinite;
+}
+@keyframes person-selector-spin-fe31f4e2 {
+from {
+    transform: rotate(0deg);
+}
+to {
+    transform: rotate(360deg);
+}
+}
+/* 组件级语义变量：唯一事实来源是项目全局 RGB 通道变量 */
+.person-selector[data-v-fe31f4e2],
+.person-selector__body[data-v-fe31f4e2] {
+  --ps-border: rgb(var(--base-text-color) / 0.14);
+  --ps-border-soft: rgb(var(--base-text-color) / 0.08);
+  --ps-text-1: rgb(var(--base-text-color));
+  --ps-text-2: rgb(var(--base-text-color) / 0.72);
+  --ps-text-3: rgb(var(--base-text-color) / 0.45);
+  --ps-bg: rgb(var(--container-bg-color));
+  --ps-bg-secondary: rgb(var(--layout-bg-color));
+}
+.person-selector[data-v-fe31f4e2] {
+  width: 100%;
+  min-width: 0;
+}
+.person-selector__trigger[data-v-fe31f4e2] {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  min-height: 34px;
+  padding: 0 12px;
+  border: 1px solid var(--ps-border);
+  border-radius: 8px;
+  background: var(--ps-bg);
+  cursor: pointer;
+  transition: border-color 0.2s, box-shadow 0.2s;
+  gap: 6px;
+  overflow: hidden;
+}
+.person-selector__trigger[data-v-fe31f4e2]:hover, .person-selector__trigger[data-v-fe31f4e2]:focus-visible {
+  border-color: rgb(var(--primary-color));
+  box-shadow: 0 0 0 2px rgb(var(--primary-color)/0.2);
+}
+.person-selector__trigger:hover .person-selector__arrow[data-v-fe31f4e2] {
+  color: rgb(var(--primary-color));
+}
+.person-selector__tags[data-v-fe31f4e2] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+.person-selector__tags--overflow[data-v-fe31f4e2] {
+  flex-wrap: nowrap;
+  overflow: hidden;
+}
+.person-selector__tags--overflow .person-selector__tag[data-v-fe31f4e2] {
+  flex-shrink: 0;
+}
+
+/* 级联顺序注意：--more 需保持在 __tag 基础规则之前（基础样式的背景/边框覆盖此处声明，维持原视觉） */
+.person-selector__tag--more[data-v-fe31f4e2] {
+  padding: 0 6px;
+  color: var(--ps-text-2);
+  background: var(--ps-bg-secondary);
+  border-color: var(--ps-border);
+  font-weight: 500;
+  height: 24px;
+  line-height: 24px;
+  font-size: 12px;
+}
+.person-selector__tag[data-v-fe31f4e2] {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 0 6px 0 2px;
+  background: rgb(var(--primary-color)/0.1);
+  border: 1px solid rgb(var(--primary-color)/0.1);
+  border-radius: 4px;
+  font-size: 12px;
+  color: rgb(var(--primary-color));
+  max-width: 140px;
+  overflow: hidden;
+  height: 24px;
+  flex-shrink: 0;
+}
+.person-selector__tag-avatar[data-v-fe31f4e2] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  color: #fff;
+  font-size: 10px;
+  font-weight: 600;
+  flex-shrink: 0;
+}
+.person-selector__tag-name[data-v-fe31f4e2] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.person-selector__tag-close[data-v-fe31f4e2] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  margin-left: 2px;
+  font-size: 12px;
+  line-height: 1;
+  color: var(--ps-text-3);
+  cursor: pointer;
+  flex-shrink: 0;
+  border-radius: 50%;
+  transition: color 0.15s, background 0.15s;
+}
+.person-selector__tag-close[data-v-fe31f4e2]:hover {
+  color: rgb(var(--error-color));
+  background: rgb(var(--error-color)/0.06);
+}
+.person-selector__placeholder[data-v-fe31f4e2] {
+  flex: 1;
+  color: var(--ps-text-3);
+  font-size: 14px;
+  user-select: none;
+}
+.person-selector__arrow[data-v-fe31f4e2] {
+  display: inline-flex;
+  align-items: center;
+  color: var(--ps-text-3);
+  flex-shrink: 0;
+  transition: color 0.2s, transform 0.2s;
+}
+.person-selector__arrow--open[data-v-fe31f4e2] {
+  transform: rotate(180deg);
+}
+.person-selector__search[data-v-fe31f4e2] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  margin-bottom: 12px;
+  padding: 0 12px;
+  height: 38px;
+  background: var(--ps-bg-secondary);
+  border-radius: 10px;
+  transition: background 0.2s, box-shadow 0.2s;
+}
+.person-selector__search[data-v-fe31f4e2]:focus-within {
+  background: var(--ps-bg);
+  box-shadow: 0 0 0 2px rgb(var(--primary-color)/0.25);
+}
+.person-selector__search-icon[data-v-fe31f4e2] {
+  color: var(--ps-text-3);
+  flex-shrink: 0;
+  margin-right: 8px;
+  transition: color 0.2s;
+}
+.person-selector__search:focus-within .person-selector__search-icon[data-v-fe31f4e2] {
+  color: rgb(var(--primary-color));
+}
+.person-selector__search-input[data-v-fe31f4e2] {
+  flex: 1;
+  border: none;
+  outline: none;
+  background: transparent;
+  font-size: 14px;
+  color: var(--ps-text-1);
+  line-height: 22px;
+  height: 22px;
+}
+.person-selector__search-input[data-v-fe31f4e2]::placeholder {
+  color: var(--ps-text-3);
+}
+.person-selector__search-clear[data-v-fe31f4e2] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  font-size: 14px;
+  color: var(--ps-text-3);
+  cursor: pointer;
+  margin-left: 4px;
+  line-height: 1;
+  border-radius: 50%;
+  transition: color 0.15s, background 0.15s;
+}
+.person-selector__search-clear[data-v-fe31f4e2]:hover {
+  color: var(--ps-text-1);
+  background: rgb(var(--base-text-color)/0.04);
+}
+
+/* 高度改为可收缩：已选区占用空间时面板压缩至保底 300px，内部列表仍可滚动 */
+.person-selector__panels[data-v-fe31f4e2] {
+  display: flex;
+  gap: 12px;
+  flex: 0 1 400px;
+  min-height: 300px;
+}
+.person-selector__panels--single .person-selector__nav[data-v-fe31f4e2] {
+  flex: 1;
+  width: auto;
+}
+
+/* 面板自身不再滚动：全选栏固定头部 + 列表在内部滚动区滚动；overflow: hidden 兜底裁剪意外溢出 */
+.person-selector__nav[data-v-fe31f4e2],
+.person-selector__people[data-v-fe31f4e2] {
+  border: 1px solid var(--ps-border);
+  border-radius: 10px;
+  background: var(--ps-bg);
+  padding: 12px;
+  overflow: hidden;
+}
+.person-selector__nav[data-v-fe31f4e2] {
+  width: 220px;
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+/* 人员面板改纵向 flex：全选栏固定头部，列表滚动区占满剩余高度（结构同左侧面板） */
+.person-selector__people[data-v-fe31f4e2] {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+}
+.person-selector__nav-tabs[data-v-fe31f4e2] {
+  margin-bottom: 12px;
+  flex-shrink: 0;
+}
+
+/* 部门/角色列表滚动区：负右外边距抵消面板右侧内边距让滚动条贴近边框，右内边距维持内容与滑块间距 */
+.person-selector__nav-content[data-v-fe31f4e2] {
+  flex: 1;
+  overflow-y: auto;
+  min-height: 0;
+  margin-right: -8px;
+  padding-right: 4px;
+}
+.person-selector__nav-content[data-v-fe31f4e2]::-webkit-scrollbar {
+  width: 8px;
+}
+.person-selector__nav-content[data-v-fe31f4e2]::-webkit-scrollbar-thumb {
+  background: rgb(var(--base-text-color)/0.12);
+  border-radius: 4px;
+  border: 2px solid transparent;
+  background-clip: padding-box;
+}
+
+/* 人员列表滚动区：负右外边距让滚动条贴到面板右边框，加大滑块右侧透明边使其距边框约 6px，与左侧面板滚动条位置对齐 */
+.person-selector__people-scroll[data-v-fe31f4e2] {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  margin-right: -12px;
+}
+.person-selector__people-scroll[data-v-fe31f4e2]::-webkit-scrollbar {
+  width: 12px;
+}
+.person-selector__people-scroll[data-v-fe31f4e2]::-webkit-scrollbar-thumb {
+  background: rgb(var(--base-text-color)/0.12);
+  border-radius: 4px;
+  border: 2px solid transparent;
+  border-right-width: 6px;
+  background-clip: padding-box;
+}
+.person-selector__people-scroll[data-v-fe31f4e2]::-webkit-scrollbar-thumb:hover {
+  background: rgb(var(--base-text-color)/0.25);
+  border: 2px solid transparent;
+  border-right-width: 6px;
+  background-clip: padding-box;
+}
+
+/* 全选栏固定在滚动区外：负左右外边距让分割线贯穿到面板左右边框，自身左右内边距保持勾选框/文字原位置 */
+.person-selector__panel-title[data-v-fe31f4e2] {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--ps-text-2);
+  margin: 0 -12px 8px;
+  padding: 0 12px 8px;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  border-bottom: 1px solid var(--ps-border-soft);
+}
+.person-selector__panel-hint[data-v-fe31f4e2] {
+  font-weight: 400;
+  font-size: 12px;
+  color: var(--ps-text-3);
+}
+.person-selector__selected-left[data-v-fe31f4e2] {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+.person-selector__dept-list[data-v-fe31f4e2],
+.person-selector__role-list[data-v-fe31f4e2] {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.person-selector__dept-item[data-v-fe31f4e2],
+.person-selector__role-item[data-v-fe31f4e2] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 10px;
+  border-radius: 6px;
+  font-size: 14px;
+  color: var(--ps-text-2);
+  cursor: pointer;
+  transition: background 0.15s, color 0.15s;
+  position: relative;
+  /* 长名适配：勾选框/图标/计数徽标不被压缩 */
+}
+.person-selector__dept-item .n-checkbox[data-v-fe31f4e2],
+.person-selector__dept-item > svg[data-v-fe31f4e2],
+.person-selector__role-item .n-checkbox[data-v-fe31f4e2],
+.person-selector__role-item > svg[data-v-fe31f4e2] {
+  flex-shrink: 0;
+}
+.person-selector__dept-item[data-v-fe31f4e2]:hover,
+.person-selector__role-item[data-v-fe31f4e2]:hover {
+  background: rgb(var(--primary-color)/0.06);
+  color: rgb(var(--primary-color));
+}
+.person-selector__dept-item--active[data-v-fe31f4e2],
+.person-selector__role-item--active[data-v-fe31f4e2] {
+  background: rgb(var(--primary-color)/0.1);
+  color: rgb(var(--primary-color));
+  font-weight: 600;
+}
+.person-selector__dept-item--active[data-v-fe31f4e2]::before,
+.person-selector__role-item--active[data-v-fe31f4e2]::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 3px;
+  height: 16px;
+  border-radius: 0 3px 3px 0;
+  background: rgb(var(--primary-color));
+}
+.person-selector__dept-item--selected[data-v-fe31f4e2],
+.person-selector__role-item--selected[data-v-fe31f4e2] {
+  background: rgb(var(--primary-color)/0.1);
+  color: rgb(var(--primary-color));
+}
+
+/* 长名适配：名称占满剩余宽度单行省略，悬停由 NEllipsis 仅在溢出时弹出完整文本；已选标签限宽防撑破 */
+.person-selector__dept-name[data-v-fe31f4e2],
+.person-selector__role-name[data-v-fe31f4e2] {
+  flex: 1;
+  min-width: 0;
+}
+.person-selector__dept-name[data-v-fe31f4e2],
+.person-selector__role-name[data-v-fe31f4e2],
+.person-selector__person-name[data-v-fe31f4e2],
+.person-selector__person-dept[data-v-fe31f4e2],
+.person-selector__stag-name[data-v-fe31f4e2] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.person-selector__dept-count[data-v-fe31f4e2],
+.person-selector__role-count[data-v-fe31f4e2] {
+  flex-shrink: 0;
+  margin-left: auto;
+  font-size: 12px;
+  background: var(--ps-bg-secondary);
+  color: var(--ps-text-3);
+  padding: 0 6px;
+  border-radius: 10px;
+  font-weight: 500;
+  line-height: 18px;
+}
+.person-selector__dept-item--active .person-selector__dept-count[data-v-fe31f4e2],
+.person-selector__role-item--active .person-selector__role-count[data-v-fe31f4e2] {
+  background: rgb(var(--primary-color));
+  color: #fff;
+}
+.person-selector__people-list[data-v-fe31f4e2] {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.person-selector__person[data-v-fe31f4e2] {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 8px 10px;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background 0.15s;
+}
+.person-selector__person[data-v-fe31f4e2]:hover {
+  background: rgb(var(--primary-color)/0.06);
+}
+.person-selector__person--selected[data-v-fe31f4e2] {
+  background: rgb(var(--primary-color)/0.1);
+}
+.person-selector__person--disabled[data-v-fe31f4e2] {
+  opacity: 0.45;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.person-selector__person--disabled .person-selector__person-avatar[data-v-fe31f4e2] {
+  filter: grayscale(1);
+}
+.person-selector__person-avatar[data-v-fe31f4e2] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 34px;
+  height: 34px;
+  border-radius: 50%;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 600;
+  flex-shrink: 0;
+}
+.person-selector__person-info[data-v-fe31f4e2] {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  flex: 1;
+  min-width: 0;
+}
+.person-selector__person-name[data-v-fe31f4e2] {
+  font-size: 14px;
+  color: var(--ps-text-1);
+  font-weight: 500;
+  line-height: 1.4;
+}
+.person-selector__person-dept[data-v-fe31f4e2] {
+  font-size: 12px;
+  color: var(--ps-text-3);
+  line-height: 1.3;
+}
+.person-selector__person-check[data-v-fe31f4e2] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  color: #fff;
+  flex-shrink: 0;
+  background: rgb(var(--primary-color));
+  border-radius: 50%;
+  /* 组覆盖人员的勾标记：淡主题色实心，区别于散选的实色勾，表达「由组带入」 */
+}
+.person-selector__person-check--covered[data-v-fe31f4e2] {
+  background: rgb(var(--primary-color)/0.35);
+}
+.person-selector__empty[data-v-fe31f4e2] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 40px 0;
+  color: var(--ps-text-3);
+  font-size: 13px;
+}
+.person-selector__empty svg[data-v-fe31f4e2] {
+  opacity: 0.3;
+}
+.person-selector__selected[data-v-fe31f4e2] {
+  margin-top: 12px;
+  padding: 12px;
+  background: var(--ps-bg-secondary);
+  border-radius: 10px;
+}
+.person-selector__selected-head[data-v-fe31f4e2] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+  font-size: 13px;
+  color: var(--ps-text-2);
+}
+.person-selector__selected-head strong[data-v-fe31f4e2] {
+  color: rgb(var(--primary-color));
+  font-weight: 600;
+}
+
+/* 已选标签限高约 3 行，超出在标签区内滚动，避免把整个弹窗撑高 */
+.person-selector__selected-tags[data-v-fe31f4e2] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  max-height: 96px;
+  overflow-y: auto;
+  padding-right: 4px;
+}
+.person-selector__selected-tags[data-v-fe31f4e2]::-webkit-scrollbar {
+  width: 8px;
+}
+.person-selector__selected-tags[data-v-fe31f4e2]::-webkit-scrollbar-thumb {
+  background: rgb(var(--base-text-color)/0.12);
+  border-radius: 4px;
+  border: 2px solid transparent;
+  background-clip: padding-box;
+}
+.person-selector__stag[data-v-fe31f4e2] {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 3px 8px 3px 3px;
+  background: var(--ps-bg);
+  border: 1px solid var(--ps-border-soft);
+  border-radius: 20px;
+  font-size: 13px;
+  color: var(--ps-text-1);
+  transition: border-color 0.15s, box-shadow 0.15s;
+  max-width: 100%;
+}
+.person-selector__stag[data-v-fe31f4e2]:hover {
+  border-color: rgb(var(--primary-color)/0.4);
+  box-shadow: 0 1px 3px rgb(var(--base-text-color)/0.08);
+}
+.person-selector__stag-avatar[data-v-fe31f4e2] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: rgb(var(--primary-color));
+  color: #fff;
+  font-size: 10px;
+  font-weight: 600;
+  flex-shrink: 0;
+}
+.person-selector__stag[data-v-fe31f4e2] {
+  /* 组标签人数徽标：淡主题色胶囊，呼应导航面板计数徽标；人员标签无徽标以区分「组」与「人」 */
+}
+.person-selector__stag-count[data-v-fe31f4e2] {
+  flex-shrink: 0;
+  padding: 0 5px;
+  border-radius: 8px;
+  background: rgb(var(--primary-color)/0.12);
+  color: rgb(var(--primary-color));
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 16px;
+}
+.person-selector__stag-close[data-v-fe31f4e2] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  font-size: 12px;
+  color: var(--ps-text-3);
+  cursor: pointer;
+  line-height: 1;
+  margin-left: 2px;
+  border-radius: 50%;
+  transition: color 0.15s, background 0.15s;
+}
+.person-selector__stag-close[data-v-fe31f4e2]:hover {
+  color: rgb(var(--error-color));
+  background: rgb(var(--error-color)/0.06);
+}
+/* Developed collaboratively with vscode - 改动代码行数: 1行（style 块改用 scss，:deep 收进父选择器） */
+/* Developed collaboratively with vscode - 改动代码行数: 6行 */
+/* 单选竖向排列：让 radio 项换行显示，实现左对齐 */
+.radio-vertical[data-v-60121398] {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+}
+.radio-vertical[data-v-60121398] .n-radio {
+  margin-right: 0;
+  margin-left: 0;
+}
+/* Developed collaboratively with vscode - 改动代码行数: 257行（全部规则收拢进 .cond 嵌套，编译产物与原 CSS 等价；硬编码青色/灰色改主题变量跟随暗色模式） */
+.cond[data-v-182807c6] {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  width: 100%;
+}
+.cond__group[data-v-182807c6] {
+  display: flex;
+  flex-direction: column;
+  /* Developed collaboratively with vscode - 改动代码行数: 4行（条件组整块卡片化：灰底描边圆角，与抽屉白底拉开块状区分） */
+  padding: 10px 12px;
+  background: var(--fc-bg-color);
+  border: 1px solid var(--fc-border-color);
+  border-radius: 8px;
+}
+.cond[data-v-182807c6] {
+  /* Developed collaboratively with vscode - 改动代码行数: 15行 */
+  /* 分支进入条件说明：浅蓝信息条 + 左侧主题色竖条装饰 */
+}
+.cond__tip[data-v-182807c6] {
+  position: relative;
+  margin-bottom: 10px;
+  padding: 8px 12px 8px 18px;
+  font-size: 12px;
+  line-height: 1.6;
+  /* Developed collaboratively with vscode - 改动代码行数: 2行（提示条改主题变量，跟随暗色模式） */
+  color: var(--fc-text-color-secondary);
+  background: var(--fc-primary-color-bg);
+  border-radius: 6px;
+}
+.cond__tip[data-v-182807c6]::before {
+  content: "";
+  position: absolute;
+  top: 9px;
+  bottom: 9px;
+  left: 9px;
+  width: 3px;
+  border-radius: 2px;
+  /* Developed collaboratively with vscode - 改动代码行数: 1行 */
+  background: var(--fc-primary-color);
+}
+.cond__group-head[data-v-182807c6] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+.cond__group-tag[data-v-182807c6] {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  font-size: 12px;
+  font-weight: 600;
+  /* Developed collaboratively with vscode - 改动代码行数: 2行（紫改主题青色变量，与节点条件色统一；底色半透明，浅暗两态自适应） */
+  color: var(--fc-cyan-color);
+  background: color-mix(in srgb, var(--fc-cyan-color) 14%, transparent);
+  border-radius: 4px;
+  letter-spacing: 0.5px;
+}
+.cond__group-head-right[data-v-182807c6] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.cond__and-hint[data-v-182807c6] {
+  font-size: 11px;
+  /* Developed collaboratively with vscode - 改动代码行数: 1行 */
+  color: var(--fc-text-color-tertiary);
+}
+.cond__rules[data-v-182807c6] {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  /* Developed collaboratively with vscode - 改动代码行数: 3行（规则列表不再包框，层次由组灰底卡片 + 规则白条承担） */
+  background: transparent;
+  border: none;
+  padding: 0;
+}
+.cond__rule-and[data-v-182807c6] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 2px 0;
+}
+.cond__rule[data-v-182807c6] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  width: 100%;
+  /* Developed collaboratively with vscode - 改动代码行数: 4行（每条规则独立卡片：卡片底色 + 描边圆角，规则间分割清晰不糊成一坨） */
+  padding: 6px 8px;
+  background: var(--fc-card-bg);
+  border: 1px solid var(--fc-border-color);
+  border-radius: 6px;
+}
+.cond[data-v-182807c6] {
+  /* __rule-num 为平级兄弟规则，保持原 CSS 声明顺序（位于 __rule 之后） */
+}
+.cond__rule-num[data-v-182807c6] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  font-size: 11px;
+  font-weight: 600;
+  /* Developed collaboratively with vscode - 改动代码行数: 2行（序号圈改三级文字色 + 半透明灰底改变量派生，浅暗两态自适应） */
+  color: var(--fc-text-color-tertiary);
+  background: color-mix(in srgb, var(--fc-text-color-tertiary) 14%, transparent);
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+.cond[data-v-182807c6] {
+  /* Developed collaboratively with vscode - 改动代码行数: 1行（字段下拉加宽：100px 只够 4 字左右，130px 可完整显示 6 字字段名不出现省略号） */
+}
+.cond__field[data-v-182807c6] {
+  width: 130px;
+  flex-shrink: 0;
+}
+.cond__op[data-v-182807c6] {
+  width: 90px;
+  flex-shrink: 0;
+}
+.cond__value[data-v-182807c6] {
+  flex: 1;
+  min-width: 120px;
+}
+.cond__rule-del[data-v-182807c6] {
+  flex-shrink: 0;
+  padding: 4px !important;
+  margin-left: 0;
+}
+.cond[data-v-182807c6] {
+  /* Developed collaboratively with vscode - 改动代码行数: 29行 */
+  /* 添加按钮：统一虚线幽灵风格（原生 button 替换 NButton quaternary，去掉内边距 hack） */
+}
+.cond__add-btn[data-v-182807c6] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 30px;
+  font-size: 12px;
+  color: var(--fc-primary-color);
+  background: transparent;
+  border: 1px dashed var(--fc-border-color);
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background 0.15s ease, border-color 0.15s ease;
+}
+.cond__add-btn[data-v-182807c6]:hover {
+  /* 悬停：主题色浅底 + 主题色实线边框 */
+  background: var(--fc-primary-color-bg);
+  border-color: var(--fc-border-color-hover);
+}
+.cond__add-btn--rule[data-v-182807c6] {
+  margin-top: 2px;
+}
+.cond__add-btn[data-v-182807c6] {
+  /* Developed collaboratively with vscode - 改动代码行数: 7行（拆分对齐规则：组尾按钮左对齐；空状态按钮去掉 flex-start 改为跟随容器居中，与「请添加条件」文字对齐） */
+  /* 添加条件组入口：内容自适应宽度，组尾左对齐（规则内占满容器宽） */
+}
+.cond__add-btn--group[data-v-182807c6] {
+  align-self: flex-start;
+  width: auto;
+  padding: 0 14px;
+  margin-top: 10px;
+}
+.cond__and-line[data-v-182807c6], .cond__or-line[data-v-182807c6] {
+  flex: 1;
+  height: 1px;
+  /* Developed collaboratively with vscode - 改动代码行数: 1行 */
+  background: linear-gradient(90deg, transparent, var(--fc-border-color), transparent);
+}
+.cond__and-text[data-v-182807c6], .cond__or-text[data-v-182807c6] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  font-size: 12px;
+  font-weight: 700;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+.cond[data-v-182807c6] {
+  /* Developed collaboratively with vscode - 改动代码行数: 1行（组间距加大，配合「或」线分割更清晰） */
+}
+.cond__or[data-v-182807c6] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 0;
+}
+.cond__and-text[data-v-182807c6] {
+  /* Developed collaboratively with vscode - 改动代码行数: 3行（「且」圈改主题色三件套，跟随暗色模式） */
+  color: var(--fc-primary-color);
+  background: var(--fc-primary-color-bg);
+  border: 1px solid var(--fc-primary-color-bg);
+}
+.cond__or-text[data-v-182807c6] {
+  /* Developed collaboratively with vscode - 改动代码行数: 3行（「或」圈改 warning 主题三件套，--fc-warning-color-bg 为警告色 10% 透明底） */
+  color: var(--fc-warning-color);
+  background: var(--fc-warning-color-bg);
+  border: 1px solid var(--fc-warning-color-bg);
+}
+.cond[data-v-182807c6] {
+  /* Developed collaboratively with vscode - 改动代码行数: 13行 */
+  /* 空状态：虚线框居中提示「请添加条件」 */
+}
+.cond__empty[data-v-182807c6] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+  padding: 24px 0;
+  /* Developed collaboratively with vscode - 改动代码行数: 2行 */
+  background: var(--fc-bg-color);
+  border: 1px dashed var(--fc-border-color);
+  border-radius: 6px;
+  /* 空状态入口：自适应宽度，水平居中（原为独立后代规则移入此嵌套，特异性 (0,2,0) 仍高于 --group 的 (0,1,0)，级联结果不变） */
+}
+.cond__empty .cond__add-btn[data-v-182807c6] {
+  width: auto;
+  padding: 0 14px;
+}
+.cond__empty-text[data-v-182807c6] {
+  font-size: 13px;
+  /* Developed collaboratively with vscode - 改动代码行数: 1行 */
+  color: var(--fc-text-color-tertiary);
+}
+/* Developed collaboratively with vscode - 改动代码行数: 1行（style 块改用 scss，:deep 收进父选择器） */
+/* Developed collaboratively with vscode - 改动代码行数: 5行 */
+/* Developed collaboratively with vscode - 改动代码行数: 6行（body 上边距恢复 24px；带 label 的首项补 8px 与标题的间距，条件配置 --no-label 不受影响） */
+.node-drawer__form[data-v-3485c546] {
+  padding: 0 4px;
+  /* Developed collaboratively with vscode - 改动代码行数: 3行 */
+}
+.node-drawer__form[data-v-3485c546] .n-form-item:not(.n-form-item--no-label):first-child {
+  margin-top: 8px;
+}
+/* Developed collaboratively with vscode - 改动代码行数: 205行（全部规则收拢进 .fnode 嵌套，编译产物与原 CSS 等价；硬编码色改主题变量跟随暗色模式） */
+.fnode[data-v-626844a8] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+  height: 100%;
+  padding: 0 14px;
+  background: var(--fc-card-bg);
+  border: 1px solid var(--fc-card-border);
+  border-radius: 8px;
+  /* 节点不可拖拽，鼠标移入显示可点击手势 */
+  cursor: pointer;
+  user-select: none;
+  box-sizing: border-box;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+  /* Developed collaboratively with vscode - 改动代码行数: 8行（审批蓝/抄送橙改主题 primary / warning 变量） */
+  /* 审批 / 抄送节点颜色区分：审批走蓝色、抄送走橙色；
+       渐变起点与边框由类型色和主题卡色 color-mix 生成，亮暗模式自动适配。
+       置于 hover / active 之前，保证悬停与选中态优先级更高 */
+}
+.fnode--approver[data-v-626844a8] {
+  border-color: color-mix(in srgb, var(--fc-primary-color) 40%, var(--fc-card-border));
+  background: linear-gradient(135deg, color-mix(in srgb, var(--fc-primary-color) 10%, var(--fc-card-bg)) 0%, var(--fc-card-bg) 60%);
+}
+.fnode--cc[data-v-626844a8] {
+  border-color: color-mix(in srgb, var(--fc-warning-color) 40%, var(--fc-card-border));
+  background: linear-gradient(135deg, color-mix(in srgb, var(--fc-warning-color) 10%, var(--fc-card-bg)) 0%, var(--fc-card-bg) 60%);
+}
+.fnode[data-v-626844a8]:hover {
+  border-color: var(--fc-border-color-hover);
+}
+.fnode--active[data-v-626844a8] {
+  border-color: var(--fc-primary-color);
+  box-shadow: 0 0 0 3px var(--fc-primary-color-bg);
+}
+.fnode__icon[data-v-626844a8] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border-radius: 8px;
+  flex-shrink: 0;
+  background: var(--fc-primary-color);
+}
+.fnode[data-v-626844a8] {
+  /* Developed collaboratively with vscode - 改动代码行数: 3行（图标色块改主题 success / warning / 三级文字色变量，跟随暗色模式） */
+}
+.fnode--start .fnode__icon[data-v-626844a8] {
+  background: var(--fc-success-color);
+}
+.fnode--end .fnode__icon[data-v-626844a8] {
+  background: var(--fc-text-color-tertiary);
+}
+.fnode--cc .fnode__icon[data-v-626844a8] {
+  background: var(--fc-warning-color);
+}
+.fnode[data-v-626844a8] {
+  /* Developed collaboratively with vscode - 改动代码行数: 1行（条件图标色块改主题青色变量） */
+}
+.fnode--condition .fnode__icon[data-v-626844a8] {
+  background: var(--fc-cyan-color);
+}
+.fnode[data-v-626844a8] {
+  /* Developed collaboratively with vscode - 改动代码行数: 1行（兜底图标硬编码灰改三级文字色变量） */
+  /* 默认条件分支：灰色系（区别于普通条件的青色），表示兜底分支；
+       渐变起点用主题次级背景色、边框用主题卡边框，亮暗模式自动适配。
+       置于 condition 样式之后以覆盖其 icon 背景色 */
+}
+.fnode--default-condition[data-v-626844a8] {
+  border-color: var(--fc-card-border);
+  background: linear-gradient(135deg, var(--fc-bg-color-secondary) 0%, var(--fc-card-bg) 60%);
+}
+.fnode--default-condition .fnode__icon[data-v-626844a8] {
+  background: var(--fc-text-color-tertiary);
+}
+.fnode--default-condition .fnode__title[data-v-626844a8] {
+  color: var(--fc-text-color-secondary);
+}
+.fnode[data-v-626844a8] {
+  /* Developed collaboratively with vscode - 改动代码行数: 4行（标签底色改主题次级背景，暗色下不再是亮灰块；--gray 与 __mode 同元素共存且原顺序 gray 在前，必须保持平级兄弟规则且置于 __mode 之前，否则级联反转改变渲染） */
+}
+.fnode__mode--gray[data-v-626844a8] {
+  color: var(--fc-text-color-tertiary);
+  background: var(--fc-bg-color-secondary);
+}
+.fnode__body[data-v-626844a8] {
+  flex: 1;
+  min-width: 0;
+}
+.fnode__title[data-v-626844a8] {
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.4;
+  letter-spacing: 0.2px;
+  color: var(--fc-text-color);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.fnode[data-v-626844a8] {
+  /* 描述区 flex 布局：人名文本可省略截断，审批方式为独立主题色圆角标签 */
+}
+.fnode__desc[data-v-626844a8] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-top: 3px;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--fc-text-color-tertiary);
+  min-width: 0;
+  overflow: hidden;
+  transition: color 0.15s ease;
+}
+.fnode__desc-text[data-v-626844a8] {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.fnode__mode[data-v-626844a8] {
+  flex-shrink: 0;
+  padding: 1px 7px;
+  font-size: 11px;
+  line-height: 16px;
+  color: var(--fc-primary-color);
+  background: var(--fc-primary-color-bg);
+  border-radius: 999px;
+  white-space: nowrap;
+}
+.fnode:hover .fnode__desc[data-v-626844a8] {
+  color: var(--fc-text-color-secondary);
+}
+.fnode__arrow[data-v-626844a8] {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+.fnode__remove[data-v-626844a8] {
+  position: absolute;
+  top: -8px;
+  right: -8px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  background: var(--fc-card-bg);
+  border: 1px solid var(--fc-card-border);
+  cursor: pointer;
+  opacity: 0;
+  transition: opacity 0.15s ease;
+}
+.fnode:hover .fnode__remove[data-v-626844a8] {
+  opacity: 1;
+}
+.fnode--add-condition[data-v-626844a8] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 3px;
+  width: 100%;
+  height: 100%;
+  padding: 0 6px;
+  /* Developed collaboratively with vscode - 改动代码行数: 3行（默认态深青纯色底 + 常驻青色光圈；硬编码深青/青改主题青色变量派生） */
+  background: color-mix(in srgb, var(--fc-cyan-color) 78%, #000);
+  border: 1px solid color-mix(in srgb, var(--fc-cyan-color) 78%, #000);
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--fc-cyan-color) 12%, transparent);
+  border-radius: 999px;
+  cursor: pointer;
+  user-select: none;
+  box-sizing: border-box;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+  /* Developed collaboratively with vscode - 改动代码行数: 2行（悬停仅提亮底色，光圈常驻不变） */
+}
+.fnode--add-condition[data-v-626844a8]:hover {
+  background: var(--fc-cyan-color);
+  border-color: var(--fc-cyan-color);
+}
+.fnode--add-condition[data-v-626844a8] {
+  /* __text 与 --add-condition 复合拼接为 .fnode--add-condition__text，非后代选择器 */
+}
+.fnode--add-condition__text[data-v-626844a8] {
+  font-size: 11px;
+  line-height: 1;
+  /* Developed collaboratively with vscode - 改动代码行数: 1行（纯色底后文字改白色） */
+  color: #fff;
+  white-space: nowrap;
+}
+/* Developed collaboratively with vscode - 改动代码行数: 1行（style 块改用 scss 并做 BEM 嵌套整理） */
+/* Developed collaboratively with vscode - 改动代码行数: 45行 */
+.flow-config-flow[data-v-da20dabb] {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  /* Developed collaboratively with vscode - 改动代码行数: 3行（去除卡片背景/圆角与画布描边，避免与外层卡片形成双边框） */
+}
+.flow-config-flow__canvas[data-v-da20dabb] {
+  flex: 1;
+  min-height: 0;
+  background: var(--fc-bg-color-secondary);
+  overflow: hidden;
+}
+.flow-config-flow[data-v-da20dabb] {
+  /* Developed collaboratively with vscode - 改动代码行数: 13行（右上角缩放百分比胶囊） */
+}
+.flow-config-flow__zoom[data-v-da20dabb] {
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  z-index: 5;
+  padding: 4px 10px;
+  font-size: 12px;
+  line-height: 1;
+  color: var(--fc-text-color-secondary);
+  background: var(--fc-card-bg);
+  border: 1px solid var(--fc-card-border);
+  border-radius: 999px;
+  user-select: none;
+  /* Developed collaboratively with vscode - 改动代码行数: 8行（非 100% 时可点击恢复：指针 + hover 反馈） */
+}
+.flow-config-flow__zoom--reset[data-v-da20dabb] {
+  cursor: pointer;
+}
+.flow-config-flow__zoom--reset[data-v-da20dabb]:hover {
+  color: var(--fc-text-color);
+  border-color: var(--fc-text-color-secondary);
+}
+.flow-config-flow__menu[data-v-da20dabb] {
+  position: absolute;
+  z-index: 10;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 120px;
+  padding: 4px;
+  background: var(--fc-card-bg);
+  border: 1px solid var(--fc-card-border);
+  border-radius: 6px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+.flow-config-flow__menu-item[data-v-da20dabb] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 10px;
+  border-radius: 4px;
+  font-size: 13px;
+  color: var(--fc-text-color);
+  cursor: pointer;
+  transition: background-color 0.15s ease;
+}
+.flow-config-flow__menu-item[data-v-da20dabb]:hover {
+  background: var(--fc-bg-color-secondary);
+}
+/* Developed collaboratively with vscode - 改动代码行数: 1行（全局 style 块改用 scss） */
+/* Developed collaboratively with vscode - 改动代码行数: 3行 */
+.flow-config-flow .x6-port-body {
+  visibility: hidden;
+}
+/* Developed collaboratively with vscode - 改动代码行数: 1行（style 块改用 scss） */
+/* Developed collaboratively with vscode - 改动代码行数: 6行 */
+.flow-config-more[data-v-7ba16bba] {
+  max-width: 600px;
+  /* Developed collaboratively with vscode - 改动代码行数: 3行（白色背景 + 圆角 + 距外部 20px 边距） */
+  margin: 20px auto;
+  padding: 24px;
+  background: var(--fc-card-bg);
+  border-radius: 8px;
+  /* Developed collaboratively with vscode - 改动代码行数: 1行（柔和投影增强卡片浮起层次感） */
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+}
+/* Developed collaboratively with vscode - 改动代码行数: 1行（style 块改用 scss 并做 BEM 嵌套整理） */
+/* Developed collaboratively with vscode - 改动代码行数: 14行 */
+.flow-config[data-v-487f26ff] {
+  /* .n-card 根元素自带 flex column 布局与 cardColor 背景，此处只补满高度；
+       overflow: hidden 让底部圆角裁掉子组件直角背景的超出部分 */
+  /* Developed collaboratively with vscode - 改动代码行数: 1行（根容器裁剪圆角外溢出） */
+  height: 100%;
+  overflow: hidden;
+}
+.flow-config__header[data-v-487f26ff] {
+  /* header 插槽行：占满卡片头部宽度并作为 title / publish 的 absolute 定位包含块；
+         内容区自身滚动（overflow: auto），头部天然固定，无需 sticky */
+  position: relative;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px 20px;
+  border-bottom: 1px solid var(--fc-border-color);
+}
+.flow-config__title[data-v-487f26ff] {
+  font-size: 15px;
+  font-weight: 500;
+  color: var(--fc-primary-color);
+  letter-spacing: 0.3px;
+  white-space: nowrap;
+  position: absolute;
+  left: 20px;
+  padding-left: 10px;
+  border-left: 3px solid var(--fc-primary-color);
+}
+.flow-config__publish[data-v-487f26ff] {
+  position: absolute;
+  right: 20px;
+}
+.flow-config[data-v-487f26ff] {
+  /* Developed collaboratively with vscode - 改动代码行数: 7行（NTabs segment 收缩为内容宽度；segment 模式 rail 均分容器宽度，fit-content 下富余为零导致标签文字紧连，补 label 水平内边距还原分段控件观感） */
+}
+.flow-config__tabs[data-v-487f26ff] {
+  width: fit-content;
+}
+.flow-config__tabs[data-v-487f26ff] .n-tabs-tab__label {
+  padding: 0 12px;
+}
+.flow-config[data-v-487f26ff] {
+  /* Developed collaboratively with vscode - 改动代码行数: 9行（内容区 loading：NSpin 链式撑满替代原 body 的 flex 布局职责） */
+  /* NSpin 承载内容区 flex 布局职责，内部容器链式撑满，保证 body 滚动与遮罩覆盖正确 */
+}
+.flow-config__spin[data-v-487f26ff] {
+  flex: 1;
+  min-height: 0;
+}
+.flow-config__spin[data-v-487f26ff] .n-spin-container,
+.flow-config__spin[data-v-487f26ff] .n-spin-content {
+  height: 100%;
+}
+.flow-config__body[data-v-487f26ff] {
+  height: 100%;
+  overflow: auto;
+  /* 内容区浅色背景，子组件以白色卡片浮于其上 */
+  background: var(--fc-bg-color);
+}
+.flow-config__body[data-v-487f26ff] > * {
+  min-height: 100%;
+}
+/* Developed collaboratively with vscode - 改动代码行数: 39行 */
+.file-preview[data-v-e50ab833] {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+}
+.file-preview video[data-v-e50ab833] {
+  object-fit: contain;
+}
+.office-spin[data-v-e50ab833] {
+  height: 100%;
+}
+.office-spin[data-v-e50ab833] .n-spin-container,
+.office-spin[data-v-e50ab833] .n-spin-content {
+  height: 100%;
+}
+.office-viewer[data-v-e50ab833] .vue-office-docx,
+.office-viewer[data-v-e50ab833] .vue-office-excel,
+.office-viewer[data-v-e50ab833] .vue-office-pdf,
+.office-viewer[data-v-e50ab833] .vue-office-pptx {
+  height: 100%;
+}
+.preview-fail-overlay[data-v-e50ab833] {
+  position: absolute;
+  inset: 0;
+  /* Developed collaboratively with vscode - 改动代码行数: 1行（z-index 1→1002：@vue-office/excel 挂载即渲染空网格，其内部 overlayer(z-index:10)、选框(10+)、滚动条(12)、右键菜单(1001) 与遮罩同层叠上下文且更高，原 z-index:1 会被压住——透明 overlayer 盖住遮罩吃掉全部点击导致重试/下载按钮无法点击，选框滚动条透出形成"空网格残留"；提升到 1002 盖过库内全部层级） */
+  z-index: 1002;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  background: #fff;
+}
+/* 通用基础样式；尺寸与字号由使用处通过传入的 class 控制（子组件根节点会继承父组件 scoped 样式） */
+.flow-avatar[data-v-197c08a1] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  object-fit: cover;
+  color: #fff;
+  font-weight: 500;
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 1行 */
+/* 单个节点：展示模式时间列 72 + 间距 12 + 图标 36，选择模式时间在最右端 */
+.flow-node__item[data-v-bc5f6c3a] {
+  position: relative;
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  /* 底部间距同时作为连接线的延伸区，使线段接到下一个节点图标顶部 */
+  padding-bottom: 28px;
+}
+.flow-node__item[data-v-bc5f6c3a]:last-child {
+  padding-bottom: 0;
+}
+.flow-node__item[data-v-bc5f6c3a] {
+  /* 节点连接线：从图标下方延伸到项底部，与下一项首尾相接 */
+}
+.flow-node__item[data-v-bc5f6c3a]::before {
+  content: "";
+  position: absolute;
+  top: 40px; /* 图标 36 + 间距 4 */
+  bottom: 0;
+  left: 101px; /* 时间列 72 + 间距 12 + 图标半径 18 - 线宽一半 1 */
+  width: 2px;
+  background: var(--flow-border-color);
+}
+.flow-node__item[data-v-bc5f6c3a]:last-child::before {
+  content: none;
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 8行 */
+/* 选择/表单模式：无左侧时间列，连接线随之对齐图标中心 */
+.flow-node__item--select[data-v-bc5f6c3a]::before,
+.flow-node__item--form[data-v-bc5f6c3a]::before {
+  left: 17px; /* 图标半径 18 - 线宽一半 1 */
+}
+.flow-node__item--select .flow-node__time[data-v-bc5f6c3a] {
+  align-items: flex-end;
+}
+
+/* 状态 → 节点名称配色：已完成-主文字 / 进行中-橙黄 / 未开始-弱文字 */
+.flow-node__item--doing .flow-node__name[data-v-bc5f6c3a] {
+  color: #e6a23c;
+}
+.flow-node__item--pending .flow-node__name[data-v-bc5f6c3a] {
+  color: var(--flow-text-color-3);
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 1行 */
+/* 发生时间：日期、时刻两行（选择模式下移至最右侧并右对齐） */
+.flow-node__time[data-v-bc5f6c3a] {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  width: 72px;
+  font-size: 12px;
+  line-height: 1.5;
+  font-variant-numeric: tabular-nums;
+  color: var(--flow-text-color-3);
+}
+
+/* 节点图标：36 圆形头像或类型图标 */
+.flow-node__badge[data-v-bc5f6c3a] {
+  position: relative;
+  flex-shrink: 0;
+  width: 36px;
+  height: 36px;
+}
+
+/* 结束节点：与连接线同色的灰色实心圆点 */
+.flow-node__badge-dot[data-v-bc5f6c3a] {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 10px;
+  height: 10px;
+  transform: translate(-50%, -50%);
+  border-radius: 50%;
+  background: var(--flow-border-color);
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 4行 */
+/* 流程全部完成时结束节点圆点变绿（结束节点不放对勾徽标，圆点颜色即完成标识） */
+.flow-node__badge--done .flow-node__badge-dot[data-v-bc5f6c3a] {
+  background: var(--flow-success-color);
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 8行 */
+/* 基础视觉（圆形/居中/白字）由 FlowAvatar 提供，此处控制尺寸与字号；
+   类型图标容器为原生 div（非 FlowAvatar），需在此补齐居中与圆形 */
+.flow-node__badge-media[data-v-bc5f6c3a] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  font-size: 14px;
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 3行改动（doing 图标橙统一为主题变量并补 color-mix 底色：原 #e6a23c/rgba 单写与 doing 胶囊的主题橙 #D25F00 分裂为两种橙，改后同语义同色且跟随主题） */
+.flow-node__badge--doing .flow-node__badge-media--type[data-v-bc5f6c3a] {
+  color: var(--flow-warning-color);
+  background: color-mix(in srgb, var(--flow-warning-color) 15%, transparent);
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 1行改动（删除 rgba 兜底行仅保留 color-mix：当前主题下渲染不变） */
+.flow-node__badge--pending .flow-node__badge-media--type[data-v-bc5f6c3a],
+.flow-node__badge--done .flow-node__badge-media--type[data-v-bc5f6c3a] {
+  color: var(--flow-text-color-3);
+  background: color-mix(in srgb, var(--flow-text-color-3) 14%, transparent);
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 5行新增（驳回节点图标底色：与 doing/pending 同构的圆形淡红底，补齐 rejected 状态缺失的背景规则——此前驳回到发起人时发起人类型图标透明无圆形背景） */
+.flow-node__badge--rejected .flow-node__badge-media--type[data-v-bc5f6c3a] {
+  color: var(--flow-error-color);
+  background: color-mix(in srgb, var(--flow-error-color) 15%, transparent);
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 15行 */
+/* 表单模式（发起流程）：图标背景色跟随节点类型，与流程配置画布节点配色一致（发起=success 绿 / 审批=primary 蓝 / 抄送=warning 橙；结束节点仍为灰点） */
+.flow-node__badge--form-start .flow-node__badge-media--type[data-v-bc5f6c3a] {
+  color: #fff;
+  background: var(--flow-success-color);
+}
+.flow-node__badge--form-approver .flow-node__badge-media--type[data-v-bc5f6c3a] {
+  color: #fff;
+  background: var(--flow-primary-color);
+}
+.flow-node__badge--form-cc .flow-node__badge-media--type[data-v-bc5f6c3a] {
+  color: #fff;
+  background: var(--flow-warning-color);
+}
+.flow-node__badge-icon[data-v-bc5f6c3a] {
+  width: 18px;
+  height: 18px;
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 8行改动（完成/时钟角标共享定位与外观：position/偏移/尺寸/圆角/白字/白描边 11 条声明合并为共享选择器，差异仅各自底色与图标尺寸，计算结果不变） */
+/* 已完成/进行中角标：图标右下角的圆形徽标，白色描边与头像分离（差异仅底色与图标尺寸） */
+.flow-node__badge-check[data-v-bc5f6c3a],
+.flow-node__badge-clock[data-v-bc5f6c3a] {
+  position: absolute;
+  right: -3px;
+  bottom: -3px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 13px;
+  height: 13px;
+  border-radius: 50%;
+  color: #fff;
+  box-shadow: 0 0 0 2px #fff;
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 1行改动（删除永不生效的变量兜底 #009a29：flowVars 在组件根与弹层均注入，变量必存在） */
+/* 已完成角标：绿色圆形对勾 */
+.flow-node__badge-check[data-v-bc5f6c3a] {
+  background: var(--flow-success-color);
+}
+.flow-node__badge-check svg[data-v-bc5f6c3a] {
+  width: 8px;
+  height: 8px;
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 1行改动（时钟角标橙统一为主题 warning 变量，与 doing 胶囊/图标同色且跟随主题） */
+/* 进行中角标：橙色圆形时钟，与完成角标同位呼应 */
+.flow-node__badge-clock[data-v-bc5f6c3a] {
+  background: var(--flow-warning-color);
+}
+.flow-node__badge-clock svg[data-v-bc5f6c3a] {
+  width: 9px;
+  height: 9px;
+}
+
+/* 节点内容 */
+.flow-node__main[data-v-bc5f6c3a] {
+  flex: 1;
+  min-width: 0;
+}
+.flow-node__name[data-v-bc5f6c3a] {
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.5;
+  color: var(--flow-text-color-1);
+}
+
+/* 人员列表：胶囊形式，淡背景 + 边框，与正文区分 */
+.flow-node__users[data-v-bc5f6c3a] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 8px;
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 5行 */
+/* 表单模式自选审批人：选择器占满内容行，与人员列表同间距 */
+.flow-node__self-select[data-v-bc5f6c3a] {
+  width: 100%;
+  margin-top: 8px;
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 2行改动（删除 rgba 兜底行仅保留 color-mix：当前主题下渲染不变） */
+.flow-node__user[data-v-bc5f6c3a] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+  padding: 2px 10px 2px 2px;
+  border-radius: 999px;
+  border: 1px solid color-mix(in srgb, var(--flow-text-color-3) 20%, transparent);
+  background: color-mix(in srgb, var(--flow-text-color-3) 6%, transparent);
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 4行 */
+/* 基础视觉由 FlowAvatar 提供，此处仅控制尺寸与字号 */
+.flow-node__user-avatar[data-v-bc5f6c3a] {
+  width: 20px;
+  height: 20px;
+  font-size: 11px;
+}
+.flow-node__user-name[data-v-bc5f6c3a] {
+  font-size: 12px;
+  color: var(--flow-text-color-2);
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 2行改动（删除 rgba 兜底行仅保留 color-mix：项目主题 success 即 #009A29，当前渲染不变） */
+/* 已审批人员：淡绿胶囊 */
+.flow-node__user--done[data-v-bc5f6c3a] {
+  border-color: color-mix(in srgb, var(--flow-success-color) 30%, transparent);
+  background: color-mix(in srgb, var(--flow-success-color) 6%, transparent);
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 2行改动（审批中人员胶囊背景与边框同色系：此前仅换边框色、背景仍是基础灰底，补淡橙背景保持一致） */
+/* Developed collaboratively with vscode - 改动代码行数: 4行改动（删除 rgba 兜底行仅保留 color-mix，并删除永不生效的 #e6a23c 兜底——新旧浏览器此前 rgba 亮橙与 color-mix 主题橙 #D25F00 两色分裂，删后统一为主题橙） */
+/* 审批中人员：柔和橙黄边框 + 同色淡背景 */
+.flow-node__user--doing[data-v-bc5f6c3a] {
+  border-color: color-mix(in srgb, var(--flow-warning-color) 40%, transparent);
+  background: color-mix(in srgb, var(--flow-warning-color) 8%, transparent);
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 7行 */
+/* 驳回人员：淡红色边框 + 淡红背景（节点内该人员最后一条操作记录为驳回） */
+.flow-node__user--rejected[data-v-bc5f6c3a] {
+  border-color: color-mix(in srgb, var(--flow-error-color) 40%, transparent);
+  background: color-mix(in srgb, var(--flow-error-color) 8%, transparent);
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 1行改动（删除永不生效的变量兜底 #009a29） */
+.flow-node__user-check[data-v-bc5f6c3a] {
+  width: 11px;
+  height: 11px;
+  flex-shrink: 0;
+  color: var(--flow-success-color);
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 6行改动（--has-record 与 --selectable 互斥类共享可点样式：前者仅 display 模式、后者仅 select 模式出现，cursor 与 hover 主色边框合并为共享选择器；selectable 的背景色过渡保留在其差异块，输出不变） */
+/* 可点击人员（展示模式有记录可查看 / 选择模式可作为驳回目标）：hover 主色提示 */
+.flow-node__user--has-record[data-v-bc5f6c3a],
+.flow-node__user--selectable[data-v-bc5f6c3a] {
+  cursor: pointer;
+  transition: border-color 0.2s;
+}
+.flow-node__user--has-record[data-v-bc5f6c3a]:hover,
+.flow-node__user--selectable[data-v-bc5f6c3a]:hover {
+  border-color: var(--flow-primary-color);
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 8行移动（--selectable 差异块上移紧邻共享可点样式块：纯位置调整，声明覆盖顺序不变，输出一致） */
+/* Developed collaboratively with vscode - 改动代码行数: 22行 */
+/* Developed collaboratively with vscode - 改动代码行数: 2行改动（cursor 与 hover 边框已并入上方共享选择器，此处仅保留 select 模式差异：背景色同步过渡——同特异性靠后声明生效，与原合并结果一致） */
+/* select 模式：可作为驳回目标的人员，背景色同步过渡 */
+.flow-node__user--selectable[data-v-bc5f6c3a] {
+  transition: border-color 0.2s, background-color 0.2s;
+}
+.flow-node__user-arrow[data-v-bc5f6c3a] {
+  flex-shrink: 0;
+  width: 10px;
+  height: 10px;
+  color: var(--flow-text-color-3);
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 23行 */
+/* 人员折叠：展开/收起按钮（跟随人员列表末尾的浅主色胶囊，hover 加深） */
+.flow-node__more[data-v-bc5f6c3a] {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 2px 10px;
+  border-radius: 999px;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--flow-primary-color);
+  background: color-mix(in srgb, var(--flow-primary-color) 8%, transparent);
+  cursor: pointer;
+  user-select: none;
+  transition: background-color 0.2s;
+}
+.flow-node__more[data-v-bc5f6c3a]:hover {
+  background: color-mix(in srgb, var(--flow-primary-color) 16%, transparent);
+}
+
+/* 箭头图标：展开时旋转朝上 */
+.flow-node__more-icon[data-v-bc5f6c3a] {
+  width: 12px;
+  height: 12px;
+  transition: transform 0.2s;
+}
+.flow-node__more-icon--expanded[data-v-bc5f6c3a] {
+  transform: rotate(180deg);
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 删除6行（移除 .flow-node__user--selectable 的重复样式块：与上方上移后的正主块逐字相同，系移动后未删的残留，编译产物不变） */
+/* Developed collaboratively with vscode - 改动代码行数: 4行（移至 .flow-node__user-check 基础规则之后：同特异性靠后者覆盖，修复驳回 X 被基础绿色 color 覆盖的问题） */
+/* 驳回人员的 X 图标：红色 */
+.flow-node__user-check--reject[data-v-bc5f6c3a] {
+  color: var(--flow-error-color);
+}
+
+/* select 模式：当前选中的驳回目标，主色高亮 */
+.flow-node__user--selected[data-v-bc5f6c3a] {
+  border-color: var(--flow-primary-color);
+  background: color-mix(in srgb, var(--flow-primary-color) 10%, transparent);
+}
+.flow-node__user--selected .flow-node__user-name[data-v-bc5f6c3a] {
+  color: var(--flow-primary-color);
+  font-weight: 600;
+}
+.flow-node__user-check--selected[data-v-bc5f6c3a] {
+  color: var(--flow-primary-color);
+}
+.flow-node__desc[data-v-bc5f6c3a] {
+  margin: 4px 0 0;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--flow-text-color-2);
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 2行改动（删除 rgba 兜底行仅保留 color-mix；删除永不生效的 --flow-card-color 兜底 #fff——弹层 style 上同样注入 flowVars） */
+/* 审批意见卡片：渲染在 teleport 弹层内，需置于节点结构之外才能命中 scoped 样式 */
+.flow-node__record[data-v-bc5f6c3a] {
+  width: 320px;
+  padding: 10px 12px;
+  border: 1px solid color-mix(in srgb, var(--flow-text-color-3) 18%, transparent);
+  border-left-width: 3px;
+  border-left-color: var(--flow-border-color);
+  border-radius: 8px;
+  background: var(--flow-card-color);
+  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 31行+删除6行（删除按人员 status 染色的卡片级 --done/--doing 左边框；新增记录项样式：左边框按记录类型染色——同意=绿/驳回=红，头部类型文案与时间两端对齐） */
+/* 记录项：按记录类型左侧染色（同意=绿 / 驳回=红），多条纵向排列 */
+.flow-node__record-item[data-v-bc5f6c3a] {
+  margin-top: 8px;
+  padding: 6px 8px;
+  border: 1px solid color-mix(in srgb, var(--flow-text-color-3) 12%, transparent);
+  border-left-width: 3px;
+  border-left-color: var(--flow-success-color);
+  border-radius: 6px;
+}
+.flow-node__record-item--reject[data-v-bc5f6c3a] {
+  border-left-color: var(--flow-error-color);
+}
+.flow-node__record-item-head[data-v-bc5f6c3a] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 6px;
+}
+.flow-node__record-item-type[data-v-bc5f6c3a] {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--flow-success-color);
+}
+.flow-node__record-item--reject .flow-node__record-item-type[data-v-bc5f6c3a] {
+  color: var(--flow-error-color);
+}
+.flow-node__record-item-time[data-v-bc5f6c3a] {
+  flex-shrink: 0;
+  font-size: 11px;
+  font-variant-numeric: tabular-nums;
+  color: var(--flow-text-color-3);
+}
+.flow-node__record-head[data-v-bc5f6c3a] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 5行 */
+/* 基础视觉由 FlowAvatar 提供，此处仅控制尺寸与字号 */
+.flow-node__record-avatar[data-v-bc5f6c3a] {
+  flex-shrink: 0;
+  width: 18px;
+  height: 18px;
+  font-size: 10px;
+}
+.flow-node__record-name[data-v-bc5f6c3a] {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--flow-text-color-1);
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 0行+删除5行（删除卡片头部旧操作时间样式：时间移入每条记录项头部展示） */
+/* Developed collaboratively with vscode - 改动代码行数: 9行改动（意见正文与空占位共享基础排版：边距/字号/行高/pre-wrap/word-break 合并为共享选择器，差异仅文字颜色；空占位并入 pre-wrap 对固定短文案「未填写审批意见」无视觉影响） */
+/* 记录意见正文与无意见占位：共享基础排版，正文弱二级色、占位弱三级色 */
+.flow-node__record-opinion[data-v-bc5f6c3a],
+.flow-node__record-empty[data-v-bc5f6c3a] {
+  margin: 2px 0 0;
+  font-size: 12px;
+  line-height: 1.6;
+  color: var(--flow-text-color-2);
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+/* 无审批意见占位文案：三级弱色 */
+.flow-node__record-empty[data-v-bc5f6c3a] {
+  color: var(--flow-text-color-3);
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 1行改动（删除 rgba 兜底行仅保留 color-mix：当前主题下渲染不变） */
+/* 附件：回形针 + 文件名的小卡片，可点击下载 */
+.flow-node__record-files[data-v-bc5f6c3a] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-top: 6px;
+}
+.flow-node__record-file[data-v-bc5f6c3a] {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  max-width: 100%;
+  padding: 2px 8px;
+  border-radius: 4px;
+  font-size: 12px;
+  color: var(--flow-text-color-2);
+  background: color-mix(in srgb, var(--flow-text-color-3) 8%, transparent);
+  transition: color 0.2s;
+}
+.flow-node__record-file svg[data-v-bc5f6c3a] {
+  width: 12px;
+  height: 12px;
+  flex-shrink: 0;
+}
+.flow-node__record-file span[data-v-bc5f6c3a] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.flow-node__record-file[data-v-bc5f6c3a]:hover {
+  color: var(--flow-primary-color);
+}
+/* Developed collaboratively with vscode - 改动代码行数: 3行 */
+.reject-node-list[data-v-fb3bd9c6] {
+  width: 100%;
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 3行 */
+.yg-confirm[data-v-a65cb6d5] {
+  display: inline-block;
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 7行 */
+.base-card-wrapper[data-v-956107d8] {
+  height: 100%;
+  background: #f0f2f5;
+  display: flex;
+  flex-direction: column;
+}
+.dark .base-card-wrapper[data-v-956107d8] {
+  background: #141414;
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 6行 */
+.base-card-content[data-v-956107d8] {
+  flex: 1;
+  overflow: auto;
+  padding: 16px;
+}
+/* NSpin 容器需继承 flex:1 撑满剩余空间 */
+.base-card-content[data-v-956107d8] .n-spin-container {
+  height: 100%;
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 10行 */
+/* BaseCardItem 之间的间距 */
+.base-card-content[data-v-956107d8] .base-card-item-spacing {
+  margin-bottom: 16px !important;
+}
+.base-card-content[data-v-956107d8] .base-card-item-spacing:last-child {
+  margin-bottom: 0 !important;
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 20行 */
+.base-card-footer[data-v-956107d8] {
+  flex-shrink: 0;
+  height: 56px;
+  background: #ffffff;
+  box-shadow: 0 -8px 12px 0 rgba(0, 0, 0, 0.04);
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 0 24px;
+}
+.dark .base-card-footer[data-v-956107d8] {
+  background: #1e1e1e;
+  box-shadow: 0 -8px 12px 0 rgba(255, 255, 255, 0.04);
+}
+
+.base-card-item[data-v-e9115957] {
+  background: var(--n-color) !important;
+  padding: 0 !important;
+}
+.base-card-item-content[data-v-e9115957] {
+  overflow: auto;
+}
+.base-card-item-header[data-v-e9115957] {
+  border-bottom: 1px solid var(--n-border-color) !important;
+  padding: 0 !important;
+  margin: 0 !important;
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 3行 */
+.base-card-item[data-v-e9115957] .n-card-header {
+  padding: 0 !important;
+  margin: 0 !important;
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 8行 */
+.header[data-v-e9115957] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid #e8e8e8;
+  height: 56px;
+  padding: 0 16px;
+}
+.dark .header[data-v-e9115957] {
+  border-bottom-color: #303030;
+}
+.header-left[data-v-e9115957] {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+/* Developed collaboratively with vscode - 改动代码行数: 5行 */
+.title[data-v-e9115957] {
+  font-size: 16px;
+  font-weight: 600;
+  color: #333333;
+}
+.dark .title[data-v-e9115957] {
+  color: #ffffff;
+}
+.subtitle[data-v-e9115957] {
+  font-size: 12px;
+  color: var(--n-text-color-3);
+}
+.header-right[data-v-e9115957] {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.flow-node[data-v-1ed133b8] {
+  /* 单个折叠项：去掉默认上外边距，上下间距统一由 header 内边距控制 */
+}
+.flow-node[data-v-1ed133b8] .n-collapse-item {
+  margin: 0;
+}
+.flow-node[data-v-1ed133b8] {
+  /* 标题行：文字左对齐、箭头右对齐；左右留白放在 header-main 上，保证 header 底边框顶满两侧 */
+}
+.flow-node[data-v-1ed133b8] .n-collapse-item__header-main {
+  justify-content: space-between;
+  padding: 0 16px;
+}
+.flow-node[data-v-1ed133b8] {
+  /* Developed collaboratively with vscode - 改动代码行数: 5行（标题插槽包装：标题文案与状态标签横向排列、垂直居中；自身为 header-main 单一 flex 项，不参与 space-between 分离） */
+}
+.flow-node .flow-node__title[data-v-1ed133b8] {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+.flow-node[data-v-1ed133b8] {
+  /* 标题字号增大，上下等距内边距 + 底部分隔边框；用 first-child 提高优先级，覆盖 naive-ui 对首个折叠项 header 强制的 padding-top: 0 */
+}
+.flow-node[data-v-1ed133b8] .n-collapse-item:first-child > .n-collapse-item__header {
+  padding: 16px 0;
+  font-size: 16px;
+  border-bottom: 1px solid var(--n-divider-color, rgba(0, 0, 0, 0.09));
+}
+.flow-node[data-v-1ed133b8] {
+  /* 内容区留白与标题行对齐 */
+}
+.flow-node[data-v-1ed133b8] .n-collapse-item__content-wrapper {
+  padding: 0 16px 16px;
+}
+.flow-item[data-v-aa89ccbf] {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  height: 80px;
+  padding: 10px 12px 10px 16px;
+  background: var(--fl-card-color);
+  border-radius: 8px;
+  /* Developed collaboratively with vscode - 改动代码行数: 1行（阴影色改用全局文本色变量，适配暗黑模式） */
+  box-shadow: rgb(var(--base-text-color)/0.2) 0 8px 24px;
+  /* Developed collaboratively with vscode - 改动代码行数: 1行（卡片不再可点击，移除 pointer 光标避免误导用户） */
+  user-select: none;
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+.flow-item[data-v-aa89ccbf]:hover {
+  transform: translateY(-2px);
+  /* Developed collaboratively with vscode - 改动代码行数: 1行（阴影色改用全局文本色变量） */
+  box-shadow: rgb(var(--base-text-color)/0.25) 0 12px 28px;
+}
+.flow-item[data-v-aa89ccbf]:active {
+  transform: translateY(0);
+  /* Developed collaboratively with vscode - 改动代码行数: 1行（阴影色改用全局文本色变量） */
+  box-shadow: rgb(var(--base-text-color)/0.15) 0 4px 12px;
+  transition-duration: 0.08s;
+}
+.flow-item[data-v-aa89ccbf] {
+  /* Developed collaboratively with vscode - 改动代码行数: 1行（clickable 卡片：pointer 光标明示可点击，hover 上浮动效沿用通用样式） */
+}
+.flow-item--clickable[data-v-aa89ccbf] {
+  cursor: pointer;
+}
+.flow-item__avatar[data-v-aa89ccbf] {
+  flex-shrink: 0;
+}
+.flow-item__avatar-text[data-v-aa89ccbf] {
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--fl-primary);
+}
+.flow-item__label[data-v-aa89ccbf] {
+  display: -webkit-box;
+  flex-grow: 1;
+  /* Developed collaboratively with vscode - 改动代码行数: 3行（中英混排按字符接排换行：不整体掉词填满行宽，防止收缩被内容撑破） */
+  min-width: 0;
+  overflow: hidden;
+  font-size: 15px;
+  font-weight: 500;
+  line-height: 1.35;
+  color: var(--fl-text-1);
+  word-break: break-all;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.flow-item__actions[data-v-aa89ccbf] {
+  display: flex;
+  flex-shrink: 0;
+  gap: 6px;
+}
+.flow-group[data-v-5a44409e] {
+  padding: 0 20px;
+  background: var(--fl-card-color);
+  border: 1px solid var(--fl-border-color);
+  border-radius: 12px;
+  /* Developed collaboratively with vscode - 改动代码行数: 20行（面板头修复：负 margin 让分隔线通到卡片两端、仅展开时显示；补回首项 padding-top；锁定箭头容器旋转，方向由自定义 chevron 控制） */
+}
+.flow-group[data-v-5a44409e] .n-collapse-item__header {
+  padding: 16px 20px 12px;
+  margin: 0 -20px;
+  border-bottom: 1px solid transparent;
+}
+.flow-group[data-v-5a44409e] .n-collapse-item--active .n-collapse-item__header {
+  border-bottom-color: var(--fl-divider-color);
+}
+.flow-group[data-v-5a44409e] .n-collapse-item:first-child > .n-collapse-item__header {
+  padding-top: 16px;
+}
+.flow-group[data-v-5a44409e] .n-collapse-item__content-inner {
+  padding: 16px 0 20px;
+}
+.flow-group[data-v-5a44409e] {
+  /* Developed collaboratively with vscode - 改动代码行数: 11行（header-main 设 flex；箭头 margin-left:auto 提权，压过 naive 运行时注入的 4px 间距，推到最右侧） */
+}
+.flow-group[data-v-5a44409e] .n-collapse-item__header-main {
+  display: flex;
+  align-items: center;
+}
+.flow-group[data-v-5a44409e] .n-collapse-item__header-main .n-collapse-item-arrow {
+  margin-left: auto !important;
+  transform: none !important;
+}
+.flow-group__title[data-v-5a44409e] {
+  font-size: 17px;
+  font-weight: 600;
+  color: var(--fl-text-1);
+  letter-spacing: 0.2px;
+  transition: color 0.2s ease;
+}
+.flow-group[data-v-5a44409e] {
+  /* Developed collaboratively with vscode - 改动代码行数: 4行（数量徽标改胶囊形，紧跟标题同侧排列） */
+}
+.flow-group__count[data-v-5a44409e] {
+  display: flex;
+  align-items: center;
+  height: 20px;
+  margin-left: 10px;
+  padding: 0 7px;
+  font-size: 11px;
+  font-weight: 500;
+  line-height: 1;
+  color: var(--fl-primary);
+  border: 1px solid var(--fl-primary);
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--fl-primary) 12%, transparent);
+}
+.flow-group[data-v-5a44409e] {
+  /* Developed collaboratively with vscode - 改动代码行数: 15行（自定义箭头+旋转动画；头部悬停时标题/箭头高亮主题色） */
+}
+.flow-group__chevron[data-v-5a44409e] {
+  width: 16px;
+  height: 16px;
+  color: var(--fl-text-3);
+  transition: transform 0.2s ease;
+  transform: rotate(-180deg);
+}
+.flow-group__chevron--collapsed[data-v-5a44409e] {
+  transform: rotate(0deg);
+}
+[data-v-5a44409e] .n-collapse-item__header:hover .flow-group__title,[data-v-5a44409e] .n-collapse-item__header:hover .flow-group__chevron {
+  color: var(--fl-primary);
+}
+.flow-group__grid[data-v-5a44409e] {
+  display: grid;
+  grid-template-columns: repeat(1, 1fr);
+  gap: 12px;
+}
+@media (min-width: 576px) {
+.flow-group__grid[data-v-5a44409e] {
+    grid-template-columns: repeat(2, 1fr);
+}
+}
+@media (min-width: 992px) {
+.flow-group__grid[data-v-5a44409e] {
+    grid-template-columns: repeat(3, 1fr);
+}
+}
+@media (min-width: 1200px) {
+.flow-group__grid[data-v-5a44409e] {
+    grid-template-columns: repeat(4, 1fr);
+}
+}
+@media (min-width: 1600px) {
+.flow-group__grid[data-v-5a44409e] {
+    grid-template-columns: repeat(5, 1fr);
+}
+}
+.flow-group[data-v-5a44409e] {
+  /* Developed collaboratively with vscode - 改动代码行数: 3行（空态样式：仅保留上下留白，无外框） */
+}
+.flow-group__empty[data-v-5a44409e] {
+  padding: 8px 0;
+}.flow-list[data-v-3484a8df] {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}/*$vite$:1*/