diff --git a/src/components/catalog/IntegrationAndOnlineCalc/ClimateReconDataAssim/FormPanel.jsx b/src/components/catalog/IntegrationAndOnlineCalc/ClimateReconDataAssim/FormPanel.jsx
index 379b45d..e2d7833 100644
--- a/src/components/catalog/IntegrationAndOnlineCalc/ClimateReconDataAssim/FormPanel.jsx
+++ b/src/components/catalog/IntegrationAndOnlineCalc/ClimateReconDataAssim/FormPanel.jsx
@@ -27,6 +27,7 @@ export default function FormPanel({ setShowResult }) {
         onFinish={(values) => {
           setShowResult(true);
         }}
+        size="large"
       >
         <Form.Item
           name="N"
diff --git a/src/components/catalog/IntegrationAndOnlineCalc/ClimateReconDataAssim/index.module.less b/src/components/catalog/IntegrationAndOnlineCalc/ClimateReconDataAssim/index.module.less
index 664d923..e2630b4 100644
--- a/src/components/catalog/IntegrationAndOnlineCalc/ClimateReconDataAssim/index.module.less
+++ b/src/components/catalog/IntegrationAndOnlineCalc/ClimateReconDataAssim/index.module.less
@@ -1,9 +1,11 @@
+@import "@/var.less";
+
 .climateReconDataAssim :global {
   .formPanel {
     position: absolute;
     top: 84px;
     right: 12px;
-    width: 450px;
+    width: 550px;
     background-color: #000000e7;
     border-radius: 8px;
 
@@ -93,7 +95,7 @@
     top: 50%;
     bottom: 12px;
     left: 12px;
-    width: 450px;
+    width: 550px;
   }
 }
 
@@ -151,8 +153,8 @@
 .legend :global {
   position: absolute;
   bottom: 12px;
-  width: calc(100% - 948px);
-  left: 474px;
+  width: calc(100% - 1148px);
+  left: 574px;
   // height: 40px;
 
   display: flex;
@@ -166,7 +168,7 @@
 
   .legend-title {
     color: #fff;
-    font-size: 20px;
+    font-size: @font-32;
     font-weight: 600;
   }
 
diff --git a/src/components/domain/Six/SceneOne/index.module.less b/src/components/domain/Six/SceneOne/index.module.less
index dcede25..52759d8 100644
--- a/src/components/domain/Six/SceneOne/index.module.less
+++ b/src/components/domain/Six/SceneOne/index.module.less
@@ -47,7 +47,7 @@
     gap: 12px;
 
     .left-panel {
-      width: 450px;
+      width: 550px;
       display: flex;
       flex-direction: column;
       height: 100%;
@@ -55,7 +55,7 @@
 
     .right-panel {
       flex: 1;
-      min-width: 450px;
+      min-width: 550px;
       display: flex;
       flex-direction: column;
       gap: 12px;
diff --git a/src/components/domain/Three/SceneOne/index.module.less b/src/components/domain/Three/SceneOne/index.module.less
index 91a0c66..562a3c3 100644
--- a/src/components/domain/Three/SceneOne/index.module.less
+++ b/src/components/domain/Three/SceneOne/index.module.less
@@ -30,7 +30,8 @@
     gap: 12px;
 
     .left-panel {
-      width: 450px;
+      min-width: 450px;
+      width: 550px;
       display: flex;
       flex-direction: column;
       height: 100%;
diff --git a/src/components/domain/Two/index.module.less b/src/components/domain/Two/index.module.less
index c2ddfbf..df3f642 100644
--- a/src/components/domain/Two/index.module.less
+++ b/src/components/domain/Two/index.module.less
@@ -29,7 +29,7 @@
   position: absolute;
   top: 24px;
   left: 12px;
-  width: 450px;
+  width: 550px;
   background-color: #00000000;
   display: flex;
   flex-direction: column;
diff --git a/src/components/home/Layout/index.module.less b/src/components/home/Layout/index.module.less
index 35e0da9..de464b9 100644
--- a/src/components/home/Layout/index.module.less
+++ b/src/components/home/Layout/index.module.less
@@ -19,16 +19,16 @@
 
   .nav-bar-first {
     width: 100%;
-    max-width: 1200px;
-    margin: 50px auto 0;
+    max-width: 1400px;
+    margin: 100px auto 0;
     color: #fff;
     display: grid;
     grid-template-columns: 1fr 1fr;
     justify-items: center;
-    grid-gap: 20px;
+    grid-gap: 10%;
 
     .nav-bar-button {
-      width: 450px;
+      width: 550px;
       position: relative;
       @btn-table-color: #04fdfdbd;
       transition: all 0.3s ease;
@@ -84,7 +84,8 @@
           // border-radius: 999px;
           overflow: hidden;
           width: 100%;
-          height: 200px;
+          height: 280px;
+          //height: 200px;
 
           img {
             width: 100%;
diff --git a/src/components/map/Layout/index.module.less b/src/components/map/Layout/index.module.less
index 2954bb0..2003525 100644
--- a/src/components/map/Layout/index.module.less
+++ b/src/components/map/Layout/index.module.less
@@ -35,7 +35,8 @@
     top: 84px;
     left: 12px;
     bottom: 12px;
-    width: 450px;
+    width: 550px;
+    min-width: 450px;
     display: flex;
     flex-direction: column;
 
@@ -53,7 +54,8 @@
     // top: 84px;
     right: 12px;
     bottom: 12px;
-    width: 450px;
+    width: 550px;
+    min-width: 450px;
     display: flex;
     flex-direction: column;
     gap: 12px;
@@ -116,8 +118,8 @@
   .entity-legend {
     position: absolute;
     bottom: 140px;
-    width: calc(100% - 948px);
-    left: 474px;
+    width: calc(100% - 1148px);
+    left: 574px;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-gap: 10px;
@@ -142,8 +144,8 @@
   .legend {
     position: absolute;
     bottom: 12px;
-    width: calc(100% - 948px);
-    left: 474px;
+    width: calc(100% - 1148px);
+    left: 574px;
     // height: 40px;
 
     display: flex;
diff --git a/src/var.less b/src/var.less
index c968bd6..651a003 100644
--- a/src/var.less
+++ b/src/var.less
@@ -1 +1 @@
-@font-32: 24px;
+@font-32: 28px;