优化logo

src/components/PageAdvantage.vue

@@ -142,32 +142,46 @@
 }
 
 @media (min-width: 1921px) {
+  .content-wrapper {
+    max-width: min(1600px, 86vw);
+    width: min(1600px, 86vw);
+    gap: clamp(28px, 2.4vw, 56px);
+    padding: 0 clamp(40px, 3vw, 86px);
+    justify-content: center;
+  }
+
+  .image-side {
+    flex: 0 1 min(30vw, 520px);
+    justify-content: center;
+  }
+
+  .phone-img {
+    height: min(82vh, 900px);
+  }
+
+  .text-side {
+    flex: 0 1 min(42vw, 760px);
+  }
+
   .section-title {
     margin-left: 0;
-    max-width: 22ch;
+    max-width: 16ch;
+    font-size: clamp(48px, 2.7vw, 78px);
+    line-height: 1.22;
   }
 
-  .section-card{
-  position: relative;
-  width: clamp(400px, 32vw, 1600px);;
-  height: clamp(200px, 16vw, 800px);
-  background: #FFFFFF;
-  box-shadow: 0px 39px 113px 0px rgba(2,190,172,0.2);
-  border-radius: 2px 100px 2px 2px;
-  padding: 10% ;
-  margin-left: -20%;
-
-  font-size: @font-desc;
-  line-height: 1.8;
-  color: #888;
-
-  .douhao-img{
-    position: absolute;
-    height: 20%;
-    left: 40%;
-    top: 15%;
+  .section-card {
+    width: min(100%, 700px);
+    min-height: clamp(240px, 19vw, 420px);
+    height: auto;
+    margin-left: 0;
+    padding: clamp(26px, 2.2vw, 42px);
+    border-radius: 16px 80px 16px 16px;
+  }
+
+  .section-desc {
+    max-width: 34ch;
   }
-}
 }
 
 @media (max-width: 768px) {