super-page-designer 2.2.57 → 2.2.61

package/dist/es/style.css

@@ -7,7 +7,6 @@
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
   text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -34,33 +33,24 @@
   background: #5893ef;
   color: #ffffff;
 }
-
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
-
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -93,20 +83,21 @@
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
   width: 100%;
-  height: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -152,25 +143,22 @@
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
 }
-.amb-item-ghost > * {
-  opacity: 0;
-}
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
   background-color: red;
@@ -381,22 +369,23 @@
 /* 用于占位 */
 .amb-widget-tools-parent {
   width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -536,6 +525,7 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   transition: var(--el-transition-duration);
   box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 
 .amb-widget-chart-header {
@@ -555,6 +545,9 @@ fieldset.amb-design-item-selected {
   justify-content: center;
 }
 
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -580,6 +573,9 @@ fieldset.amb-design-item-selected {
 .el-button-group > .el-button {
   margin-right: 0px;
 }
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
+}
 
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -630,9 +626,7 @@ fieldset.amb-design-item-selected {
   content: "\e605";
 }
 
-.runtime-page-container[data-v-3e4e707a] {
-  height: calc(100vh - 73px);
-}
+
 .editorTool[data-v-8dba0ddd] {
   margin-left: auto;
 }
@@ -653,22 +647,7 @@ fieldset.amb-design-item-selected {
 [data-v-8e6fbc57] .centered-input .el-input__inner {
   text-align: center;
 }
-.el-aside[data-v-d39ebdb2] {
-  width: 285px;
-}
-.amb-design-board[data-v-d39ebdb2] {
-  padding: 15px;
-  display: flex;
-  flex-direction: column;
-  align-content: flex-start;
-  gap: var(--runtime-page-container-view-gap, 15px);
-}
-.amb-design-board[data-v-d39ebdb2] > div {
-  width: 100%;
-}
-.amb-design-board[data-v-d39ebdb2] [draggable] {
-  overflow: hidden;
-}
+
 .event-item[data-v-18fb54c3] {
   font-size: 12px;
   border-bottom: 2px dashed #f5f6f8;
@@ -677,46 +656,31 @@ fieldset.amb-design-item-selected {
 }
 
 /* 定义滚动条的轨道 */
-[data-v-2076fde4]::-webkit-scrollbar {
+[data-v-511b453b]::-webkit-scrollbar {
   height: 6px;
   width: 6px; /* 宽度 */
 }
 
 /* 定义滑块 */
-[data-v-2076fde4]::-webkit-scrollbar-thumb {
+[data-v-511b453b]::-webkit-scrollbar-thumb {
   background-color: darkgrey; /* 滑块颜色 */
   border-radius: 5px; /* 圆角 */
 }
 
 /* 当滑块hover时改变颜色 */
-[data-v-2076fde4]::-webkit-scrollbar-thumb:hover {
+[data-v-511b453b]::-webkit-scrollbar-thumb:hover {
   background-color: grey;
 }
-._amb-page-container_1k9lg_1 {
+._amb-page-container_19cmx_1 {
   position: relative;
   height: 100vh;
   width: 100vw;
 }
-._amb-page-container_1k9lg_1 ._amb-page-container-header_1k9lg_6 {
+._amb-page-container_19cmx_1 ._amb-page-container-header_19cmx_6 {
   height: 60px;
 }
-._amb-page-container_1k9lg_1 ._amb-page-container-header_1k9lg_6 ~ ._amb-page-container-main_1k9lg_9 {
-  height: calc(100vh - 60px);
-}.runtime-page-container-tabs-view[data-v-1e1bb163] > .el-tabs__content > .el-tab-pane {
-  display: flex;
-  flex-direction: column;
-  align-content: flex-start;
-  gap: var(--runtime-page-container-view-gap, 15px);
-}
-.runtime-page-container-tabs-view[data-v-1e1bb163] > .el-tabs__content > .el-tab-pane > .amb-design-item-default {
-  display: flex;
-  flex-direction: column;
-  align-content: flex-start;
-  gap: var(--runtime-page-container-view-gap, 15px);
-}
-.runtime-page-container-tabs-view[data-v-1e1bb163] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div {
-  width: 100%;
-  max-width: 100%;
+._amb-page-container_19cmx_1 ._amb-page-container-header_19cmx_6 ~ ._amb-page-container-main_19cmx_9 {
+  height: calc(100% - 60px);
 }
 .amb-design-attr-header[data-v-226997f7] {
   position: sticky;
@@ -751,8 +715,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -779,30 +742,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -835,20 +792,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -894,24 +852,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -1119,23 +1074,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -1267,7 +1223,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -1285,6 +1242,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -1309,6 +1269,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -1350,8 +1313,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -1378,30 +1340,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -1434,20 +1390,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -1493,24 +1450,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -1718,23 +1672,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -1866,7 +1821,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -1884,6 +1840,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -1908,6 +1867,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -1940,8 +1902,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -1968,30 +1929,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -2024,20 +1979,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -2083,24 +2039,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -2308,23 +2261,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -2456,7 +2410,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -2474,6 +2429,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -2498,6 +2456,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -2530,8 +2491,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -2558,30 +2518,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -2614,20 +2568,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -2673,24 +2628,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -2898,23 +2850,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -3046,7 +2999,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -3064,6 +3018,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -3088,6 +3045,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -3120,8 +3080,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -3148,30 +3107,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -3204,20 +3157,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -3263,24 +3217,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -3488,23 +3439,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -3636,7 +3588,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -3654,6 +3607,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -3678,6 +3634,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -3710,8 +3669,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -3738,30 +3696,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -3794,20 +3746,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -3853,24 +3806,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -4078,23 +4028,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -4226,7 +4177,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -4244,6 +4196,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -4268,6 +4223,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -4300,8 +4258,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -4328,30 +4285,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -4384,20 +4335,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -4443,24 +4395,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -4668,23 +4617,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -4816,7 +4766,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -4834,6 +4785,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -4858,6 +4812,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -4894,8 +4851,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -4922,30 +4878,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -4978,20 +4928,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -5037,24 +4988,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -5262,23 +5210,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -5410,7 +5359,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -5428,6 +5378,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -5452,6 +5405,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -5484,8 +5440,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -5512,30 +5467,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -5568,20 +5517,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -5627,24 +5577,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -5852,23 +5799,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -6000,7 +5948,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -6018,6 +5967,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -6042,6 +5994,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -6074,8 +6029,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -6102,30 +6056,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -6158,20 +6106,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -6217,24 +6166,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -6442,23 +6388,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -6590,7 +6537,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -6608,6 +6556,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -6632,6 +6583,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -6664,8 +6618,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -6692,30 +6645,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -6748,20 +6695,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -6807,24 +6755,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -7032,23 +6977,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -7180,7 +7126,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -7198,6 +7145,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -7222,6 +7172,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -7254,8 +7207,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -7282,30 +7234,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -7338,20 +7284,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -7397,24 +7344,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -7622,23 +7566,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -7770,7 +7715,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -7788,6 +7734,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -7812,6 +7761,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -7844,8 +7796,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -7872,30 +7823,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -7928,20 +7873,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -7987,24 +7933,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -8212,23 +8155,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -8360,7 +8304,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -8378,6 +8323,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -8402,6 +8350,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -8471,8 +8422,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -8499,30 +8449,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -8555,20 +8499,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -8614,24 +8559,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -8839,23 +8781,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -8987,7 +8930,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -9005,6 +8949,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -9029,6 +8976,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -9175,8 +9125,7 @@ li[data-v-dbd1c08b] {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -9203,30 +9152,24 @@ li[data-v-dbd1c08b] {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -9259,20 +9202,21 @@ li[data-v-dbd1c08b] {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -9318,24 +9262,21 @@ li[data-v-dbd1c08b] {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -9543,23 +9484,24 @@ li[data-v-dbd1c08b] {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -9691,7 +9633,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -9709,6 +9652,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -9733,6 +9679,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -9758,12 +9707,12 @@ fieldset.amb-design-item-selected {
   font-weight: bold;
 }
 
-.seleteSort[data-v-c07fe584] {
-  border-radius: 5px;
-  border: 1px solid rgba(88, 147, 239);
+.seleteSort[data-v-1fd3d630] {
+	border-radius: 5px;
+	border: 1px solid rgba(88, 147, 239);
 }
-[data-v-c07fe584] .el-select__selection {
-  display: inline-block;
+[data-v-1fd3d630] .el-select__selection{
+	display: inline-block;
 }
 .el-tree-node__content {
   height: 34px !important;
@@ -9773,8 +9722,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -9801,30 +9749,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -9857,20 +9799,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -9916,24 +9859,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -10141,23 +10081,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -10289,7 +10230,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -10307,6 +10249,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -10331,6 +10276,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -10363,8 +10311,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -10391,30 +10338,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -10447,20 +10388,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -10506,24 +10448,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -10731,23 +10670,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -10879,7 +10819,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -10897,6 +10838,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -10921,6 +10865,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -10961,8 +10908,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -10989,30 +10935,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -11045,20 +10985,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -11104,24 +11045,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -11329,23 +11267,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -11477,7 +11416,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -11495,6 +11435,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -11519,6 +11462,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -11551,8 +11497,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -11579,30 +11524,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -11635,20 +11574,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -11694,24 +11634,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -11919,23 +11856,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -12067,7 +12005,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -12085,6 +12024,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -12109,6 +12051,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -12141,8 +12086,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -12169,30 +12113,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -12225,20 +12163,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -12284,24 +12223,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -12509,23 +12445,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -12657,7 +12594,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -12675,6 +12613,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -12699,6 +12640,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -12731,8 +12675,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -12759,30 +12702,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -12815,20 +12752,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -12874,24 +12812,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -13099,23 +13034,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -13247,7 +13183,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -13265,6 +13202,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -13289,6 +13229,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -13321,8 +13264,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -13349,30 +13291,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -13405,20 +13341,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -13464,24 +13401,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -13689,23 +13623,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -13837,7 +13772,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -13855,6 +13791,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -13879,6 +13818,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -13911,8 +13853,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -13939,30 +13880,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -13995,20 +13930,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -14054,24 +13990,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -14279,23 +14212,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -14427,7 +14361,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -14445,6 +14380,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -14469,6 +14407,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -14501,8 +14442,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -14529,30 +14469,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -14585,20 +14519,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -14644,24 +14579,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -14869,23 +14801,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -15017,7 +14950,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -15035,6 +14969,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -15059,6 +14996,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -15091,8 +15031,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -15119,30 +15058,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -15175,20 +15108,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -15234,24 +15168,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -15459,23 +15390,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -15607,7 +15539,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -15625,6 +15558,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -15649,6 +15585,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -15746,8 +15685,7 @@ li[data-v-21af26bc] {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -15774,30 +15712,24 @@ li[data-v-21af26bc] {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -15830,20 +15762,21 @@ li[data-v-21af26bc] {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -15889,24 +15822,21 @@ li[data-v-21af26bc] {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -16114,23 +16044,24 @@ li[data-v-21af26bc] {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -16262,7 +16193,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -16280,6 +16212,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -16304,6 +16239,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {
@@ -16340,8 +16278,7 @@ fieldset.amb-design-item-selected {
   line-height: 60px;
   background-color: #ffffff;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
-  text-align: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
 }
 .amb-page-container-header-page {
   position: fixed;
@@ -16368,30 +16305,24 @@ fieldset.amb-design-item-selected {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-container-header ~ .amb-page-container-main {
-  height: calc(100vh - 60px);
-}
 .amb-page-container-main {
   position: relative;
   overflow: auto;
 }
-.amb-page-container-main > .el-container {
-  height: 100%;
-}
 .amb-container-left {
-  width: 280px !important;
+  padding-right: 20px;
   overflow-y: auto;
 }
 .amb-container-main {
   padding: 0px !important;
-  user-select: none;
-  overflow: hidden;
+  user-select: none;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
 }
 .amb-container-attr {
-  width: 280px !important;
+  width: 300px;
+  padding-left: 20px;
 }
 .amb-design-attr-base-content {
   background: #ffffff;
@@ -16424,20 +16355,21 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-content {
   overflow: auto;
-  display: flex;
-  flex-direction: column;
+  display: block;
   flex: none;
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: 100%;
 }
 .amb-design-content::-webkit-scrollbar {
   width: 1px;
 }
 .amb-design-content-center-header {
+  position: sticky;
+  z-index: 4;
+  top: 0;
   height: 54px;
   background-color: #f7f8fa;
-  margin: 15px;
+  padding-top: 14px;
 }
 .amb-design-tool {
   position: relative;
@@ -16483,24 +16415,21 @@ fieldset.amb-design-item-selected {
   position: relative;
   cursor: pointer;
 }
-.el-scrollbar__view:has(.amb-design-board) {
-  padding: 0 15px;
-  height: 100%;
-}
 .amb-design-board {
-  min-height: 100%;
   margin: 0 auto;
+  margin-top: 12px;
+  overflow-y: hidden;
+  overflow-x: auto;
   background: #ffffff;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
 .amb-item-ghost {
-  background-color: rgba(64, 158, 255, .1);
+  background-color: #5893ef;
+  height: 5px;
+  line-height: 5px;
   overflow: hidden;
-}
-.amb-item-ghost > * {
-  opacity: 0;
 }
 /* 将你的自定义样式添加到这里 */
 .draggable-placeholder {
@@ -16708,23 +16637,24 @@ fieldset.amb-design-item-selected {
 }
 /* 用于占位 */
 .amb-widget-tools-parent {
-  width: 100%;
+  width: 100%;
+  min-height: 58px;
+  margin-bottom: 18px;
 }
 .amb-widget-tools {
   display: flex;
-  flex-wrap: wrap;
   /* 垂直居中 */
   align-items: center;
   background: #fafafa;
   /* background:#FAFAFA; */
   /* background-color: var(--el-card-bg-color); */
   /* border:1px solid #e4e7ed; */
+  height: 58px;
   border-radius: 4px;
   width: transparent;
   padding-left: 20px;
   padding-right: 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-  min-height: 58px;
   /* --el-card-border-color: var(--el-border-color-light);
   --el-card-border-radius: 4px;
   --el-card-bg-color: var(--el-fill-color-blank);
@@ -16856,7 +16786,8 @@ fieldset.amb-design-item-selected {
   color: var(--el-text-color-primary);
   overflow: hidden;
   transition: var(--el-transition-duration);
-  box-shadow: var(--el-box-shadow-light);
+  box-shadow: var(--el-box-shadow-light);
+  margin-bottom: 18px;
 }
 .amb-widget-chart-header {
   border-bottom: 1px solid var(--el-card-border-color);
@@ -16874,6 +16805,9 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
+.el-card {
+  margin-bottom: 18px;
+}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -16898,6 +16832,9 @@ fieldset.amb-design-item-selected {
 }
 .el-button-group > .el-button {
   margin-right: 0px;
+}
+.el-form-item > .el-form-item__content {
+  padding-right: 18px;
 }
 /* 设计时样式 */
 .amb-design-item > .el-dropdown > .el-button-group {