diff --git a/src/assets/styles/variables.module.scss b/src/assets/styles/variables.module.scss
index e20bcca..2f22649 100644
--- a/src/assets/styles/variables.module.scss
+++ b/src/assets/styles/variables.module.scss
@@ -1,223 +1,286 @@
-// base color
-$blue: #324157;
-$light-blue: #333c46;
-$red: #C03639;
-$pink: #E65D6E;
-$green: #30B08F;
-$tiffany: #4AB7BD;
-$yellow: #FEC171;
-$panGreen: #30B08F;
-
-// 默认主题变量
-$menuText: #bfcbd9;
-$menuActiveText: #409eff;
-$menuBg: #304156;
-$menuHover: #263445;
-
-// 浅色主题theme-light
-$menuLightBg: #ffffff;
-$menuLightHover: #f0f1f5;
-$menuLightText: #303133;
-$menuLightActiveText: #409EFF;
-
-// 基础变量
-$base-sidebar-width: 200px;
-$sideBarWidth: 200px;
-
-// 菜单暗色变量
-$base-menu-color: #bfcbd9;
-$base-menu-color-active: #f4f4f5;
-$base-menu-background: #304156;
-$base-sub-menu-background: #1f2d3d;
-$base-sub-menu-hover: #001528;
-
-// 组件变量
-$--color-primary: #409EFF;
-$--color-success: #67C23A;
-$--color-warning: #E6A23C;
-$--color-danger: #F56C6C;
-$--color-info: #909399;
-
-:export {
-  menuText: $menuText;
-  menuActiveText: $menuActiveText;
-  menuBg: $menuBg;
-  menuHover: $menuHover;
-  menuLightBg: $menuLightBg;
-  menuLightHover: $menuLightHover;
-  menuLightText: $menuLightText;
-  menuLightActiveText: $menuLightActiveText;
-  sideBarWidth: $sideBarWidth;
-  // 导出基础颜色
-  blue: $blue;
-  lightBlue: $light-blue;
-  red: $red;
-  pink: $pink;
-  green: $green;
-  tiffany: $tiffany;
-  yellow: $yellow;
-  panGreen: $panGreen;
-  // 导出组件颜色
-  colorPrimary: $--color-primary;
-  colorSuccess: $--color-success;
-  colorWarning: $--color-warning;
-  colorDanger: $--color-danger;
-  colorInfo: $--color-info;
-}
-
-// CSS变量定义
-:root {
-  /* 亮色模式变量 */
-  --sidebar-bg: #{$menuBg};
-  --sidebar-text: #{$menuText};
-  --menu-hover: #{$menuHover};
-
-  --navbar-bg: #ffffff;
-  --navbar-text: #303133;
-
-  /* splitpanes default-theme 变量 */
-  --splitpanes-default-bg: #ffffff;
-
-  --main-fill-bg:rgb(242, 243, 245);
-}
-
-// 暗黑模式变量
-html.dark {
-  --main-fill-bg:rgba(255, 255, 255, .08);
-  /* 默认通用 */
-  --el-bg-color: #141414;
-  --el-bg-color-overlay: #1d1e1f;
-  --el-text-color-primary: #ffffff;
-  --el-text-color-regular: #d0d0d0;
-  --el-border-color: #434343;
-  --el-border-color-light: #434343;
-
-  /* 侧边栏 */
-  --sidebar-bg: #141414;
-  --sidebar-text: #ffffff;
-  --menu-hover: #2d2d2d;
-  --menu-active-text: #{$menuActiveText};
-
-  /* 顶部导航栏 */
-  --navbar-bg: #141414;
-  --navbar-text: #ffffff;
-  --navbar-hover: #141414;
-
-  /* 标签栏 */
-  --tags-bg: #141414;
-  --tags-item-bg: #1d1e1f;
-  --tags-item-border: #303030;
-  --tags-item-text: #d0d0d0;
-  --tags-item-hover: #2d2d2d;
-  --tags-close-hover: #64666a;
-
-  /* splitpanes 组件暗黑模式变量 */
-  --splitpanes-bg: #141414;
-  --splitpanes-border: #303030;
-  --splitpanes-splitter-bg: #1d1e1f;
-  --splitpanes-splitter-hover-bg: #2d2d2d;
-
-  /* blockquote 暗黑模式变量 */
-  --blockquote-bg: #1d1e1f;
-  --blockquote-border: #303030;
-  --blockquote-text: #d0d0d0;
-
-  /* Cron 时间表达式 模式变量 */
-  --cron-border: #303030;
-
-  /* splitpanes default-theme 暗黑模式变量 */
-  --splitpanes-default-bg: #141414;
-
-  /* 侧边栏菜单覆盖 */
-   .sidebar-container {
-    .el-menu-item, .menu-title {
-      color: var(--el-text-color-regular);
-    }
-    & .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title,
-    & .theme-dark .el-sub-menu .el-menu-item {
-      background-color: var(--el-bg-color) !important;
-    }
-  }
-
-  /* 顶部栏栏菜单覆盖 */
-  .el-menu--horizontal {
-    .el-menu-item {
-      &:not(.is-disabled) {
-        &:hover,
-        &:focus {
-          background-color: var(--navbar-hover) !important;
-        }
-      }
-    }
-  }
-
-  /* 分割窗格覆盖 */
-  .splitpanes {
-    background-color: var(--splitpanes-bg);
-
-    .splitpanes__pane {
-      background-color: var(--splitpanes-bg);
-      border-color: var(--splitpanes-border);
-    }
-
-    .splitpanes__splitter {
-      background-color: var(--splitpanes-splitter-bg);
-      border-color: var(--splitpanes-border);
-
-      &:hover {
-        background-color: var(--splitpanes-splitter-hover-bg);
-      }
-
-      &:before,
-      &:after {
-        background-color: var(--splitpanes-border);
-      }
-    }
-  }
-
-  /* 表格样式覆盖 */
-  .el-table {
-    --el-table-header-bg-color: var(--el-bg-color-overlay) !important;
-    --el-table-header-text-color: var(--el-text-color-regular) !important;
-    --el-table-border-color: var(--el-border-color-light) !important;
-    --el-table-row-hover-bg-color: var(--el-bg-color-overlay) !important;
-
-    .el-table__header-wrapper, .el-table__fixed-header-wrapper {
-      th {
-        background-color: var(--el-bg-color-overlay, #f8f8f9) !important;
-        color: var(--el-text-color-regular, #515a6e);
-      }
-    }
-  }
-
-  /* 树组件高亮样式覆盖 */
-  .el-tree {
-    .el-tree-node.is-current > .el-tree-node__content {
-      background-color: var(--el-bg-color-overlay) !important;
-      color: var(--el-color-primary);
-    }
-
-    .el-tree-node__content:hover {
-      background-color: var(--el-bg-color-overlay);
-    }
-  }
-
-  /* 下拉菜单样式覆盖 */
-  .el-dropdown-menu__item:not(.is-disabled):focus, .el-dropdown-menu__item:not(.is-disabled):hover{
-    background-color: var(--navbar-hover) !important;
-  }
-
-  /* blockquote样式覆盖 */
-  blockquote {
-    background-color: var(--blockquote-bg) !important;
-    border-left-color: var(--blockquote-border) !important;
-    color: var(--blockquote-text) !important;
-  }
-
-  /* 时间表达式标题样式覆盖 */
-  .popup-result .title {
-    background: var(--cron-border);
-  }
-
-}
-
+// base color
+$blue: #324157;
+$light-blue: #333c46;
+$red: #c03639;
+$pink: #e65d6e;
+$green: #30b08f;
+$tiffany: #4ab7bd;
+$yellow: #fec171;
+$panGreen: #30b08f;
+
+// 默认主题变量
+$menuText: #bfcbd9;
+$menuActiveText: #409eff;
+$menuBg: #304156;
+$menuHover: #263445;
+
+// 浅色主题theme-light
+$menuLightBg: #ffffff;
+$menuLightHover: #f0f1f5;
+$menuLightText: #303133;
+$menuLightActiveText: #409eff;
+
+// 基础变量
+$base-sidebar-width: 200px;
+$sideBarWidth: 200px;
+
+// 菜单暗色变量
+$base-menu-color: #bfcbd9;
+$base-menu-color-active: #f4f4f5;
+$base-menu-background: #304156;
+$base-sub-menu-background: #1f2d3d;
+$base-sub-menu-hover: #001528;
+
+// 组件变量
+$--color-primary: #409eff;
+$--color-success: #67c23a;
+$--color-warning: #e6a23c;
+$--color-danger: #f56c6c;
+$--color-info: #909399;
+
+:export {
+  menuText: $menuText;
+  menuActiveText: $menuActiveText;
+  menuBg: $menuBg;
+  menuHover: $menuHover;
+  menuLightBg: $menuLightBg;
+  menuLightHover: $menuLightHover;
+  menuLightText: $menuLightText;
+  menuLightActiveText: $menuLightActiveText;
+  sideBarWidth: $sideBarWidth;
+  // 导出基础颜色
+  blue: $blue;
+  lightBlue: $light-blue;
+  red: $red;
+  pink: $pink;
+  green: $green;
+  tiffany: $tiffany;
+  yellow: $yellow;
+  panGreen: $panGreen;
+  // 导出组件颜色
+  colorPrimary: $--color-primary;
+  colorSuccess: $--color-success;
+  colorWarning: $--color-warning;
+  colorDanger: $--color-danger;
+  colorInfo: $--color-info;
+}
+
+// CSS变量定义
+:root {
+  /* 亮色模式变量 */
+  --sidebar-bg: #{$menuBg};
+  --sidebar-text: #{$menuText};
+  --menu-hover: #{$menuHover};
+
+  --navbar-bg: #ffffff;
+  --navbar-text: #303133;
+
+  /* splitpanes default-theme 变量 */
+  --splitpanes-default-bg: #ffffff;
+
+  --main-fill-bg: rgb(242, 243, 245);
+}
+
+// 暗黑模式变量
+html.dark {
+  --main-fill-bg: rgba(255, 255, 255, 0.08);
+  /* 默认通用 */
+  --el-bg-color: #141414;
+  --el-bg-color-overlay: #1d1e1f;
+  --el-text-color-primary: #ffffff;
+  --el-text-color-regular: #d0d0d0;
+  --el-border-color: #434343;
+  --el-border-color-light: #434343;
+
+  /* 侧边栏 */
+  --sidebar-bg: #141414;
+  --sidebar-text: #ffffff;
+  --menu-hover: #2d2d2d;
+  --menu-active-text: #{$menuActiveText};
+
+  /* 顶部导航栏 */
+  --navbar-bg: #141414;
+  --navbar-text: #ffffff;
+  --navbar-hover: #141414;
+
+  /* 标签栏 */
+  --tags-bg: #141414;
+  --tags-item-bg: #1d1e1f;
+  --tags-item-border: #303030;
+  --tags-item-text: #d0d0d0;
+  --tags-item-hover: #2d2d2d;
+  --tags-close-hover: #64666a;
+
+  /* splitpanes 组件暗黑模式变量 */
+  --splitpanes-bg: #141414;
+  --splitpanes-border: #303030;
+  --splitpanes-splitter-bg: #1d1e1f;
+  --splitpanes-splitter-hover-bg: #2d2d2d;
+
+  /* blockquote 暗黑模式变量 */
+  --blockquote-bg: #1d1e1f;
+  --blockquote-border: #303030;
+  --blockquote-text: #d0d0d0;
+
+  /* Cron 时间表达式 模式变量 */
+  --cron-border: #303030;
+
+  /* splitpanes default-theme 暗黑模式变量 */
+  --splitpanes-default-bg: #141414;
+
+  /* 侧边栏菜单覆盖 */
+  .sidebar-container {
+    .el-menu-item,
+    .menu-title {
+      color: var(--el-text-color-regular);
+    }
+    & .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title,
+    & .theme-dark .el-sub-menu .el-menu-item {
+      background-color: var(--el-bg-color) !important;
+    }
+  }
+
+  /* 顶部栏栏菜单覆盖 */
+  .el-menu--horizontal {
+    .el-menu-item {
+      &:not(.is-disabled) {
+        &:hover,
+        &:focus {
+          background-color: var(--navbar-hover) !important;
+        }
+      }
+    }
+  }
+
+  /* 分割窗格覆盖 */
+  .splitpanes {
+    background-color: var(--splitpanes-bg);
+
+    .splitpanes__pane {
+      background-color: var(--splitpanes-bg);
+      border-color: var(--splitpanes-border);
+    }
+
+    .splitpanes__splitter {
+      background-color: var(--splitpanes-splitter-bg);
+      border-color: var(--splitpanes-border);
+
+      &:hover {
+        background-color: var(--splitpanes-splitter-hover-bg);
+      }
+
+      &:before,
+      &:after {
+        background-color: var(--splitpanes-border);
+      }
+    }
+  }
+
+  /* 表格样式覆盖 */
+  .el-table {
+    --el-table-header-bg-color: var(--el-bg-color-overlay) !important;
+    --el-table-header-text-color: var(--el-text-color-regular) !important;
+    --el-table-border-color: var(--el-border-color-light) !important;
+    --el-table-row-hover-bg-color: var(--el-bg-color-overlay) !important;
+
+    .el-table__header-wrapper,
+    .el-table__fixed-header-wrapper {
+      th {
+        background-color: var(--el-bg-color-overlay, #f8f8f9) !important;
+        color: var(--el-text-color-regular, #515a6e);
+      }
+    }
+  }
+
+  /* 树组件高亮样式覆盖 */
+  .el-tree {
+    .el-tree-node.is-current > .el-tree-node__content {
+      background-color: var(--el-bg-color-overlay) !important;
+      color: var(--el-color-primary);
+    }
+
+    .el-tree-node__content:hover {
+      background-color: var(--el-bg-color-overlay);
+    }
+  }
+
+  /* 下拉菜单样式覆盖 */
+  .el-dropdown-menu__item:not(.is-disabled):focus,
+  .el-dropdown-menu__item:not(.is-disabled):hover {
+    background-color: var(--navbar-hover) !important;
+  }
+
+  /* blockquote样式覆盖 */
+  blockquote {
+    background-color: var(--blockquote-bg) !important;
+    border-left-color: var(--blockquote-border) !important;
+    color: var(--blockquote-text) !important;
+  }
+
+  /* 时间表达式标题样式覆盖 */
+  .popup-result .title {
+    background: var(--cron-border);
+  }
+
+  .el-aside {
+    background: #4d4d4d;
+  }
+
+  .el-header {
+    border-bottom: 1px solid #282828 !important;
+  }
+
+  .el-collapse {
+    --el-collapse-header-bg-color: #000;
+
+    .collapseItem {
+      .el-collapse-item__wrap {
+        background-color: #3c3c3c;
+
+        .node {
+          background-color: #000;
+
+          .title_container {
+            color: #fff;
+          }
+
+          .node_desc {
+            color: #f7f7f7;
+          }
+        }
+      }
+    }
+  }
+
+  .node__container {
+    background: #000;
+    // border: 2px solid #000;
+
+    .subTitle {
+      color: #fbfbfb !important;
+    }
+  }
+
+  .node__box {
+    background: #000;
+    border: 2px solid #000;
+
+    .subTitle {
+      color: #fbfbfb !important;
+    }
+
+    .input__container {
+      background: #2d2d2d;
+
+      .title {
+        .text {
+          color: #fbfbfb !important;
+        }
+      }
+    }
+  }
+
+  .lf-canvas-overlay {
+    background: #3e3e3e !important;
+  }
+}
diff --git a/src/views/flow/nodes/common/endNode.vue b/src/views/flow/nodes/common/endNode.vue
index 4e8510c..f8c249c 100644
--- a/src/views/flow/nodes/common/endNode.vue
+++ b/src/views/flow/nodes/common/endNode.vue
@@ -1,256 +1,246 @@
-<template>
-  <div class="node__container" >
-  <!-- 状态栏 -->
-    <div class="title__container">
-        <div class="title">
-          <img src="../../icon/end.svg" alt="">
-          <span class="text">end</span>
-        </div>
-        <div class="subTitle">工作流的终止节点，结束整个流程</div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-
-const props = defineProps({
-  model: Object,
-  graphModel: Object,
-  properties: Object,
-  text: String,
-});
-
-
-</script>
-
-<style lang="scss" scoped>
-@keyframes rotateAnimation {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.node__container {
-  width: 300px;
-  height: auto;
-  background: #fff;
-  padding: 12px;
-  cursor: default;
-  border-radius: 12px;
-  border: 2px solid white;
-  box-shadow: 0 5px 15px 0#00000008;
-  position: relative;
-
-  .state__container {
-    display: none;
-    margin-bottom: 8px;
-
-    .context {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: 4px;
-      font-size: 12px;
-
-      .state {
-        display: flex;
-        align-items: center;
-
-        .text {
-          margin: 0 8px;
-        }
-      }
-
-      .resultText {
-        color: #1664ff;
-        cursor: pointer;
-      }
-    }
-  }
-
-  .nodeState-success {
-    display: block;
-    background-color: #eef9f1;
-
-    .el-icon {
-      font-size: 16px;
-      color: #309256;
-    }
-  }
-
-  .nodeState-error{
-    display: block;
-    background-color: #fdf5f5;
-
-    .el-icon {
-      font-size: 16px;
-      color: #ee3f38;
-    }
-  }
-
-  .nodeState-running{
-    display: block;
-    background-color: #f4f7ff;
-
-    .el-icon {
-      color: #68a2e4;
-      font-size: 16px;
-      animation: rotateAnimation 2s linear infinite;
-    }
-  }
-
-  .title__container {
-    .title {
-      display: flex;
-      align-items: center;
-
-      img {
-        width: 24px;
-        height: 24px;
-      }
-
-      .text {
-        font-size: 16px;
-        font-weight: bold;
-        margin-left: 12px;
-      }
-    }
-
-    .subTitle {
-      color: #737a87;
-      font-size: 12px;
-      margin: 8px 0;
-    }
-    
-  }
-
-  .input__container {
-    width: 100%;
-    background-color: #fafbfc;
-    padding: 0 16px;
-    border-radius: 8px;
-    box-sizing: border-box;
-
-    .title {
-      height: 32px;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-
-      .left {
-        display: flex;
-        align-items: center;
-
-        .tag {
-          width: 3px;
-          height: 16px;
-          background: #1664ff;
-          border-radius: 0 4px 4px 0;
-          margin-right: 12px;
-        }
-
-        .text {
-          font-size: 16px;
-          font-weight: 700;
-          color: #0c0d0e;
-        }
-      }
-
-      .right {
-        .addFormItem {
-          border: none;
-          background: transparent;
-          cursor: pointer;
-        }
-      }
-    }
-
-    .form__container {
-      margin: 12px 0;
-
-      .sub-properties {
-        margin-left: 10px;
-        .zw {
-          margin-left: 15px;
-            &::before {
-              content: "";
-              position: absolute;
-              left: 0;
-              top: -4px;
-              width: 10px;
-              border-left: 1px solid gray;
-              border-bottom: 1px solid gray;
-              border-bottom-left-radius: 4px;
-              background-color: transparent;
-              height: 24px;
-            }
-          }
-      }
-
-      .gSon-properties {
-         margin-left: 10px;
-        .zw {
-          margin-left: 15px;
-            &::before {
-              content: "";
-              position: absolute;
-              left: 0;
-              top: -4px;
-              width: 10px;
-              border-left: 1px solid gray;
-              border-bottom: 1px solid gray;
-              border-bottom-left-radius: 4px;
-              background-color: transparent;
-              height: 24px;
-            }
-          }
-      }
-
-      .deleteBtn {
-        margin-bottom: 22px;
-        cursor: pointer;
-      }
-
-      .addBtn {
-        margin-bottom: 22px;
-        cursor: pointer;
-      }
-
-      :deep(.el-row) {
-        align-items: end;
-        
-        .el-input {
-          --el-input-width: 140px;
-        }
-
-        .el-select {
-          --el-select-width: 140px;
-        }
-
-        .el-cascader {
-          --el-form-inline-content-width: 140px;
-        }
-      }
-    }
-  }
-}
-</style>
-
-<style lang="scss">
-.popover__container {
-  min-width: 300px !important;
-
-  .params__container {
-    margin-bottom: 12px;
-
-    .paramsTitle {
-      color: #0c0d0e;
-      font-size: 14px;
-      font-weight: 500;
-    }
-  }
-}
+<template>
+  <div class="node__container" >
+  <!-- 状态栏 -->
+    <div class="title__container">
+        <div class="title">
+          <img src="../../icon/end.svg" alt="">
+          <span class="text">end</span>
+        </div>
+        <div class="subTitle">工作流的终止节点，结束整个流程</div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+
+const props = defineProps({
+  model: Object,
+  graphModel: Object,
+  properties: Object,
+  text: String,
+});
+
+
+</script>
+
+<style lang="scss" scoped>
+.node__container {
+  width: 300px;
+  height: auto;
+  background: #fff;
+  padding: 12px;
+  cursor: default;
+  border-radius: 12px;
+  border: 2px solid transparent;
+  box-shadow: 0 5px 15px 0#00000008;
+  position: relative;
+
+  .state__container {
+    display: none;
+    margin-bottom: 8px;
+
+    .context {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 4px;
+      font-size: 12px;
+
+      .state {
+        display: flex;
+        align-items: center;
+
+        .text {
+          margin: 0 8px;
+        }
+      }
+
+      .resultText {
+        color: #1664ff;
+        cursor: pointer;
+      }
+    }
+  }
+
+  .nodeState-success {
+    display: block;
+    background-color: #eef9f1;
+
+    .el-icon {
+      font-size: 16px;
+      color: #309256;
+    }
+  }
+
+  .nodeState-error{
+    display: block;
+    background-color: #fdf5f5;
+
+    .el-icon {
+      font-size: 16px;
+      color: #ee3f38;
+    }
+  }
+
+  .nodeState-running{
+    display: block;
+    background-color: #f4f7ff;
+
+    .el-icon {
+      color: #68a2e4;
+      font-size: 16px;
+    }
+  }
+
+  .title__container {
+    .title {
+      display: flex;
+      align-items: center;
+
+      img {
+        width: 24px;
+        height: 24px;
+      }
+
+      .text {
+        font-size: 16px;
+        font-weight: bold;
+        margin-left: 12px;
+      }
+    }
+
+    .subTitle {
+      color: #737a87;
+      font-size: 12px;
+      margin: 8px 0;
+    }
+    
+  }
+
+  .input__container {
+    width: 100%;
+    background-color: #fafbfc;
+    padding: 0 16px;
+    border-radius: 8px;
+    box-sizing: border-box;
+
+    .title {
+      height: 32px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      .left {
+        display: flex;
+        align-items: center;
+
+        .tag {
+          width: 3px;
+          height: 16px;
+          background: #1664ff;
+          border-radius: 0 4px 4px 0;
+          margin-right: 12px;
+        }
+
+        .text {
+          font-size: 16px;
+          font-weight: 700;
+          color: #0c0d0e;
+        }
+      }
+
+      .right {
+        .addFormItem {
+          border: none;
+          background: transparent;
+          cursor: pointer;
+        }
+      }
+    }
+
+    .form__container {
+      margin: 12px 0;
+
+      .sub-properties {
+        margin-left: 10px;
+        .zw {
+          margin-left: 15px;
+            &::before {
+              content: "";
+              position: absolute;
+              left: 0;
+              top: -4px;
+              width: 10px;
+              border-left: 1px solid gray;
+              border-bottom: 1px solid gray;
+              border-bottom-left-radius: 4px;
+              background-color: transparent;
+              height: 24px;
+            }
+          }
+      }
+
+      .gSon-properties {
+         margin-left: 10px;
+        .zw {
+          margin-left: 15px;
+            &::before {
+              content: "";
+              position: absolute;
+              left: 0;
+              top: -4px;
+              width: 10px;
+              border-left: 1px solid gray;
+              border-bottom: 1px solid gray;
+              border-bottom-left-radius: 4px;
+              background-color: transparent;
+              height: 24px;
+            }
+          }
+      }
+
+      .deleteBtn {
+        margin-bottom: 22px;
+        cursor: pointer;
+      }
+
+      .addBtn {
+        margin-bottom: 22px;
+        cursor: pointer;
+      }
+
+      :deep(.el-row) {
+        align-items: end;
+        
+        .el-input {
+          --el-input-width: 140px;
+        }
+
+        .el-select {
+          --el-select-width: 140px;
+        }
+
+        .el-cascader {
+          --el-form-inline-content-width: 140px;
+        }
+      }
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+.popover__container {
+  min-width: 300px !important;
+
+  .params__container {
+    margin-bottom: 12px;
+
+    .paramsTitle {
+      color: #0c0d0e;
+      font-size: 14px;
+      font-weight: 500;
+    }
+  }
+}
 </style>
\ No newline at end of file