diff --git a/src/components/catalog/IntegrationAndOnlineCalc/ClimateReconDataAssim/index.module.less b/src/components/catalog/IntegrationAndOnlineCalc/ClimateReconDataAssim/index.module.less
index e2630b4..f9347f0 100644
--- a/src/components/catalog/IntegrationAndOnlineCalc/ClimateReconDataAssim/index.module.less
+++ b/src/components/catalog/IntegrationAndOnlineCalc/ClimateReconDataAssim/index.module.less
@@ -5,7 +5,7 @@
     position: absolute;
     top: 84px;
     right: 12px;
-    width: 550px;
+    width: 450px;
     background-color: #000000e7;
     border-radius: 8px;
 
@@ -95,7 +95,7 @@
     top: 50%;
     bottom: 12px;
     left: 12px;
-    width: 550px;
+    width: 450px;
   }
 }
 
@@ -153,8 +153,8 @@
 .legend :global {
   position: absolute;
   bottom: 12px;
-  width: calc(100% - 1148px);
-  left: 574px;
+  width: calc(100% - 948px);
+  left: 474px;
   // height: 40px;
 
   display: flex;
diff --git a/src/components/domain/Six/SceneOne/index.module.less b/src/components/domain/Six/SceneOne/index.module.less
index 52759d8..dcede25 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: 550px;
+      width: 450px;
       display: flex;
       flex-direction: column;
       height: 100%;
@@ -55,7 +55,7 @@
 
     .right-panel {
       flex: 1;
-      min-width: 550px;
+      min-width: 450px;
       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 562a3c3..dab5e94 100644
--- a/src/components/domain/Three/SceneOne/index.module.less
+++ b/src/components/domain/Three/SceneOne/index.module.less
@@ -31,7 +31,7 @@
 
     .left-panel {
       min-width: 450px;
-      width: 550px;
+      width: 450px;
       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 df3f642..c2ddfbf 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: 550px;
+  width: 450px;
   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 de464b9..1545faa 100644
--- a/src/components/home/Layout/index.module.less
+++ b/src/components/home/Layout/index.module.less
@@ -20,15 +20,15 @@
   .nav-bar-first {
     width: 100%;
     max-width: 1400px;
-    margin: 100px auto 0;
+    margin: 50px auto 0;
     color: #fff;
     display: grid;
     grid-template-columns: 1fr 1fr;
     justify-items: center;
-    grid-gap: 10%;
+    grid-gap: 20px;
 
     .nav-bar-button {
-      width: 550px;
+      width: 450px;
       position: relative;
       @btn-table-color: #04fdfdbd;
       transition: all 0.3s ease;
@@ -84,8 +84,8 @@
           // border-radius: 999px;
           overflow: hidden;
           width: 100%;
-          height: 280px;
-          //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 2003525..c1aaacb 100644
--- a/src/components/map/Layout/index.module.less
+++ b/src/components/map/Layout/index.module.less
@@ -35,7 +35,7 @@
     top: 84px;
     left: 12px;
     bottom: 12px;
-    width: 550px;
+    width: 450px;
     min-width: 450px;
     display: flex;
     flex-direction: column;
@@ -54,7 +54,7 @@
     // top: 84px;
     right: 12px;
     bottom: 12px;
-    width: 550px;
+    width: 450px;
     min-width: 450px;
     display: flex;
     flex-direction: column;
@@ -118,8 +118,8 @@
   .entity-legend {
     position: absolute;
     bottom: 140px;
-    width: calc(100% - 1148px);
-    left: 574px;
+    width: calc(100% - 948px);
+    left: 474px;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-gap: 10px;
@@ -144,8 +144,8 @@
   .legend {
     position: absolute;
     bottom: 12px;
-    width: calc(100% - 1148px);
-    left: 574px;
+    width: calc(100% - 948px);
+    left: 474px;
     // height: 40px;
 
     display: flex;
diff --git a/src/var.less b/src/var.less
index 651a003..c968bd6 100644
--- a/src/var.less
+++ b/src/var.less
@@ -1 +1 @@
-@font-32: 28px;
+@font-32: 24px;