super-page-designer 2.2.61 → 2.2.67

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,28 @@
   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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +384,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);
@@ -408,6 +422,9 @@
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -525,7 +542,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 +561,6 @@ fieldset.amb-design-item-selected {
   justify-content: center;
 }
 
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -573,9 +586,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 +636,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 +659,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 +683,45 @@ 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-96609f3b] > .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-96609f3b] > .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-96609f3b] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div {
+  width: 100%;
 }
 .amb-design-attr-header[data-v-226997f7] {
   position: sticky;
@@ -715,7 +756,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 +784,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 +840,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 +899,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +1127,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);
@@ -1113,6 +1165,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -1223,8 +1278,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 +1296,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -1269,9 +1320,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 +1361,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 +1389,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 +1445,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 +1504,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +1732,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);
@@ -1711,6 +1770,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -1821,8 +1883,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 +1901,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -1867,9 +1925,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 +1957,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 +1985,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 +2041,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 +2100,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +2328,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);
@@ -2300,6 +2366,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -2410,8 +2479,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 +2497,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -2456,9 +2521,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 +2553,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 +2581,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 +2637,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 +2696,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +2924,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);
@@ -2889,6 +2962,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -2999,8 +3075,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 +3093,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -3045,9 +3117,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 +3149,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 +3177,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 +3233,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 +3292,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +3520,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);
@@ -3478,6 +3558,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -3588,8 +3671,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 +3689,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -3634,9 +3713,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 +3745,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 +3773,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 +3829,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 +3888,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +4116,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);
@@ -4067,6 +4154,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -4177,8 +4267,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 +4285,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -4223,9 +4309,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 +4341,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 +4369,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 +4425,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 +4484,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +4712,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);
@@ -4656,6 +4750,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -4766,8 +4863,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 +4881,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -4812,9 +4905,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 +4941,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 +4969,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 +5025,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 +5084,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +5312,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);
@@ -5249,6 +5350,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -5359,8 +5463,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 +5481,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -5405,9 +5505,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 +5537,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 +5565,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 +5621,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 +5680,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +5908,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);
@@ -5838,6 +5946,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -5948,8 +6059,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 +6077,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -5994,9 +6101,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 +6133,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 +6161,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 +6217,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 +6276,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +6504,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);
@@ -6427,6 +6542,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -6537,8 +6655,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 +6673,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -6583,9 +6697,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 +6729,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 +6757,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 +6813,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 +6872,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +7100,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);
@@ -7016,6 +7138,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -7126,8 +7251,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 +7269,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -7172,9 +7293,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 +7325,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 +7353,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 +7409,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 +7468,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +7696,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);
@@ -7605,6 +7734,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -7715,8 +7847,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 +7865,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -7761,9 +7889,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 +7921,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 +7949,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 +8005,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 +8064,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +8292,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);
@@ -8194,6 +8330,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -8304,8 +8443,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 +8461,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -8350,9 +8485,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 +8554,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 +8582,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 +8638,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 +8697,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +8925,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);
@@ -8820,6 +8963,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -8930,8 +9076,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 +9094,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -8976,9 +9118,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 +9264,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 +9292,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 +9348,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 +9407,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +9635,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);
@@ -9523,6 +9673,9 @@ li[data-v-dbd1c08b] {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -9633,8 +9786,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 +9804,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -9679,9 +9828,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 +9853,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 +9868,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 +9896,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 +9952,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 +10011,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +10239,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);
@@ -10120,6 +10277,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -10230,8 +10390,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 +10408,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -10276,9 +10432,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 +10464,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 +10492,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 +10548,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 +10607,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +10835,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);
@@ -10709,6 +10873,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -10819,8 +10986,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 +11004,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -10865,9 +11028,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 +11068,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 +11096,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 +11152,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 +11211,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +11439,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);
@@ -11306,6 +11477,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -11416,8 +11590,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 +11608,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -11462,9 +11632,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 +11664,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 +11692,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 +11748,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;
@@ -11634,21 +11807,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +12035,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);
@@ -11895,6 +12073,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -12005,8 +12186,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 +12204,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -12051,9 +12228,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 +12260,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 +12288,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 +12344,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 +12403,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +12631,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);
@@ -12484,6 +12669,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -12594,8 +12782,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 +12800,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -12640,9 +12824,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 +12856,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 +12884,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 +12940,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 +12999,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +13227,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);
@@ -13073,6 +13265,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -13183,8 +13378,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 +13396,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -13229,9 +13420,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 +13452,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 +13480,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 +13536,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 +13595,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +13823,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);
@@ -13662,6 +13861,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -13772,8 +13974,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 +13992,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -13818,9 +14016,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 +14048,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 +14076,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 +14132,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 +14191,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +14419,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);
@@ -14251,6 +14457,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -14361,8 +14570,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 +14588,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -14407,9 +14612,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 +14644,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 +14672,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 +14728,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 +14787,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +15015,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);
@@ -14840,6 +15053,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -14950,8 +15166,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 +15184,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -14996,9 +15208,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 +15240,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 +15268,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 +15324,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 +15383,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +15611,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);
@@ -15429,6 +15649,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -15539,8 +15762,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 +15780,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -15585,9 +15804,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 +15901,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 +15929,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 +15985,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 +16044,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +16272,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);
@@ -16083,6 +16310,9 @@ li[data-v-21af26bc] {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -16193,8 +16423,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 +16441,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -16239,9 +16465,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 +16501,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 +16529,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 +16585,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 +16644,27 @@ 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-design-board .el-row > div {
+  width: 100%;
+}
 .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 +16872,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);
@@ -16676,6 +16910,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -16786,8 +17023,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 +17041,6 @@ fieldset.amb-design-item-selected {
   vertical-align: middle;
   justify-content: center;
 }
-.el-card {
-  margin-bottom: 18px;
-}
 .el-collapse {
   margin-bottom: 18px;
 }
@@ -16832,9 +17065,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 {