super-page-designer 2.2.51-sit3 → 2.2.54

package/dist/es/style.css

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