✨ feat: 更新样式

public/themes/dist_static/static/css/investment.css

@@ -277,7 +277,7 @@
   grid-template-columns: minmax(0, 1fr) minmax(0, 67.5rem);
   gap: 2.5rem;
   padding-top: 6.25rem;
-  padding-bottom: 6.25rem;
+  padding-bottom: 0;
 }
 .iv-learn__title {
   margin: 0;

public/themes/dist_static/static/css/solution.css

@@ -10,26 +10,16 @@
 }
 .sl-hero__title {
   color: var(--color-text);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-48);
-  line-height: var(--font-64);
   font-weight: 400;
-}
-@media (max-width: 1439px) {
-  .sl-hero__title {
-    font-size: 40Px;
-    line-height: 54Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl-hero__title {
-    font-size: 28Px;
-    line-height: 38Px;
-  }
+  line-height: var(--font-64);
 }
 .sl-hero__desc {
   max-width: 50rem;
   margin-left: auto;
   color: var(--color-text-muted);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-18);
   font-weight: 400;
   line-height: var(--font-28);
@@ -50,36 +40,13 @@
   padding-top: 7.5rem;
   padding-bottom: 0;
 }
-@media (max-width: 1439px) {
-  .sl-adv {
-    padding-top: 72Px;
-    padding-bottom: 72Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl-adv {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-}
 .sl-adv__title {
   margin: 0 0 4.6875rem;
   color: var(--color-text);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-48);
-  line-height: var(--font-64);
   font-weight: 400;
-}
-@media (max-width: 1439px) {
-  .sl-adv__title {
-    font-size: 40Px;
-    line-height: 54Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl-adv__title {
-    font-size: 28Px;
-    line-height: 38Px;
-  }
+  line-height: var(--font-64);
 }
 .sl-adv__list {
   display: grid;
@@ -94,6 +61,7 @@
 .sl-adv__name {
   margin: 0 0 2rem;
   color: var(--color-text);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-32);
   font-weight: 400;
   line-height: var(--font-42);
@@ -101,6 +69,7 @@
 .sl-adv__text {
   margin: 0;
   color: var(--color-text-muted);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-18);
   font-weight: 400;
   line-height: var(--font-28);
@@ -110,36 +79,13 @@
   padding-top: 7.5rem;
   padding-bottom: 0;
 }
-@media (max-width: 1439px) {
-  .sl-arch {
-    padding-top: 72Px;
-    padding-bottom: 72Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl-arch {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-}
 .sl-arch__title {
   margin: 0 0 3.125rem;
   color: var(--color-text);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-48);
-  line-height: var(--font-64);
   font-weight: 400;
-}
-@media (max-width: 1439px) {
-  .sl-arch__title {
-    font-size: 40Px;
-    line-height: 54Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl-arch__title {
-    font-size: 28Px;
-    line-height: 38Px;
-  }
+  line-height: var(--font-64);
 }
 .sl-arch__panel {
   overflow: hidden;
@@ -157,18 +103,6 @@
   padding-top: 7.5rem;
   padding-bottom: 0;
 }
-@media (max-width: 1439px) {
-  .sl-core {
-    padding-top: 72Px;
-    padding-bottom: 72Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl-core {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-}
 .sl-core__head {
   display: flex;
   align-items: center;
@@ -179,21 +113,10 @@
 .sl-core__title {
   margin: 0;
   color: var(--color-text);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-48);
-  line-height: var(--font-64);
   font-weight: 400;
-}
-@media (max-width: 1439px) {
-  .sl-core__title {
-    font-size: 40Px;
-    line-height: 54Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl-core__title {
-    font-size: 28Px;
-    line-height: 38Px;
-  }
+  line-height: var(--font-64);
 }
 .sl-core__swiper {
   overflow: hidden;
@@ -245,6 +168,7 @@
   flex: 1;
   min-width: 0;
   color: var(--color-text);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-20);
   font-weight: 400;
   line-height: var(--font-27);
@@ -271,36 +195,13 @@
   padding-top: 7.5rem;
   padding-bottom: 0;
 }
-@media (max-width: 1439px) {
-  .sl-clients {
-    padding-top: 72Px;
-    padding-bottom: 72Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl-clients {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-}
 .sl-clients__title {
   margin: 0 0 3.125rem;
   color: var(--color-text);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-48);
-  line-height: var(--font-64);
   font-weight: 400;
-}
-@media (max-width: 1439px) {
-  .sl-clients__title {
-    font-size: 40Px;
-    line-height: 54Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl-clients__title {
-    font-size: 28Px;
-    line-height: 38Px;
-  }
+  line-height: var(--font-64);
 }
 .sl-clients__grid {
   display: grid;
@@ -330,40 +231,15 @@
   position: relative;
   padding-top: 7.5rem;
   padding-bottom: 7.5rem;
-}
-@media (max-width: 1439px) {
-  .sl-cases {
-    padding-top: 72Px;
-    padding-bottom: 72Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl-cases {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-}
-.sl-cases {
   overflow: visible;
 }
 .sl-cases__title {
   margin: 0 0 3.125rem;
   color: var(--color-text);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-48);
-  line-height: var(--font-64);
   font-weight: 400;
-}
-@media (max-width: 1439px) {
-  .sl-cases__title {
-    font-size: 40Px;
-    line-height: 54Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl-cases__title {
-    font-size: 28Px;
-    line-height: 38Px;
-  }
+  line-height: var(--font-64);
 }
 .sl-cases__body {
   display: grid;
@@ -411,6 +287,7 @@
 .sl-cases__name {
   margin: 0 0 1rem;
   color: var(--color-text);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-32);
   font-weight: 400;
   line-height: var(--font-42);
@@ -419,6 +296,7 @@
 .sl-cases__sub-name {
   margin: 0 0 1.5rem;
   color: var(--color-text);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-20);
   font-weight: 400;
   line-height: var(--font-27);
@@ -427,6 +305,7 @@
 .sl-cases__desc {
   margin: 0 0 2.5rem;
   color: var(--color-text-muted);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-18);
   font-weight: 400;
   line-height: var(--font-26);
@@ -445,6 +324,7 @@
   border-radius: 6.25rem;
   background: rgba(239, 67, 53, 0.1);
   color: var(--color-primary);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-16);
   font-weight: 500;
   line-height: var(--font-22);
@@ -514,6 +394,17 @@
   .sl-hero__media {
     height: 520Px;
   }
+  .sl-hero__title {
+    font-size: 40Px;
+    line-height: 54Px;
+  }
+  .sl-adv,
+  .sl-arch,
+  .sl-core,
+  .sl-clients,
+  .sl-cases {
+    padding-top: 4rem;
+  }
   .sl-adv__list {
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 40Px 24Px;
@@ -560,6 +451,15 @@
   .sl-hero__intro {
     padding-top: calc(var(--header-h) + 5rem);
   }
+  .sl-hero__title,
+  .sl-hero .sl-adv__title,
+  .sl-hero .sl-arch__title,
+  .sl-hero .sl-core__title,
+  .sl-hero .sl-clients__title,
+  .sl-hero .sl-cases__title {
+    font-size: 32Px;
+    line-height: 44Px;
+  }
   .sl-hero__media {
     height: 280Px;
   }

public/themes/dist_static/static/css/solution2.css

@@ -28,25 +28,15 @@
 .sl2-hero__title {
   margin: 0;
   color: var(--color-text);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-48);
-  line-height: var(--font-64);
   font-weight: 400;
-}
-@media (max-width: 1439px) {
-  .sl2-hero__title {
-    font-size: 40Px;
-    line-height: 54Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl2-hero__title {
-    font-size: 28Px;
-    line-height: 38Px;
-  }
+  line-height: var(--font-64);
 }
 .sl2-hero__desc {
   margin: 4rem 0 0;
   color: var(--color-text-muted);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-20);
   font-weight: 400;
   line-height: var(--font-28);
@@ -67,36 +57,13 @@
   padding-top: 7.5rem;
   padding-bottom: 0;
 }
-@media (max-width: 1439px) {
-  .sl2-adv {
-    padding-top: 72Px;
-    padding-bottom: 72Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl2-adv {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-}
 .sl2-adv__title {
   margin: 0 0 3.125rem;
   color: var(--color-text);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-48);
-  line-height: var(--font-64);
   font-weight: 400;
-}
-@media (max-width: 1439px) {
-  .sl2-adv__title {
-    font-size: 40Px;
-    line-height: 54Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl2-adv__title {
-    font-size: 28Px;
-    line-height: 38Px;
-  }
+  line-height: var(--font-64);
 }
 .sl2-adv__list {
   display: grid;
@@ -130,6 +97,7 @@
 .sl2-adv__name {
   margin: 0;
   color: var(--color-text);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-32);
   font-weight: 400;
   line-height: var(--font-42);
@@ -137,6 +105,7 @@
 .sl2-adv__text {
   margin: 0;
   color: var(--color-text-muted);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-20);
   font-weight: 400;
   line-height: var(--font-28);
@@ -146,36 +115,13 @@
   padding-top: 7.5rem;
   padding-bottom: 0;
 }
-@media (max-width: 1439px) {
-  .sl2-arch {
-    padding-top: 72Px;
-    padding-bottom: 72Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl2-arch {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-}
 .sl2-arch__title {
   margin: 0 0 3.125rem;
   color: var(--color-text);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-48);
-  line-height: var(--font-64);
   font-weight: 400;
-}
-@media (max-width: 1439px) {
-  .sl2-arch__title {
-    font-size: 40Px;
-    line-height: 54Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl2-arch__title {
-    font-size: 28Px;
-    line-height: 38Px;
-  }
+  line-height: var(--font-64);
 }
 .sl2-arch__panel {
   overflow: hidden;
@@ -193,18 +139,6 @@
   padding-top: 7.5rem;
   padding-bottom: 0;
 }
-@media (max-width: 1439px) {
-  .sl2-core {
-    padding-top: 72Px;
-    padding-bottom: 72Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl2-core {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-}
 .sl2-core__head {
   display: flex;
   align-items: center;
@@ -218,21 +152,10 @@
 .sl2-core__title {
   margin: 0;
   color: var(--color-text);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-48);
-  line-height: var(--font-64);
   font-weight: 400;
-}
-@media (max-width: 1439px) {
-  .sl2-core__title {
-    font-size: 40Px;
-    line-height: 54Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl2-core__title {
-    font-size: 28Px;
-    line-height: 38Px;
-  }
+  line-height: var(--font-64);
 }
 .sl2-core__swiper {
   overflow: hidden;
@@ -264,6 +187,7 @@
 .sl2-core__name {
   margin: 0;
   color: var(--color-text);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-32);
   font-weight: 400;
   line-height: var(--font-42);
@@ -271,6 +195,7 @@
 .sl2-core__desc {
   margin: 0;
   color: var(--color-text-muted);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-20);
   font-weight: 400;
   line-height: var(--font-28);
@@ -341,18 +266,6 @@
   padding-top: 7.5rem;
   padding-bottom: 0;
 }
-@media (max-width: 1439px) {
-  .sl2-scene {
-    padding-top: 72Px;
-    padding-bottom: 72Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl2-scene {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-}
 .sl2-scene__head {
   display: flex;
   align-items: center;
@@ -369,21 +282,10 @@
 .sl2-scene__title {
   margin: 0;
   color: var(--color-text);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-48);
-  line-height: var(--font-64);
   font-weight: 400;
-}
-@media (max-width: 1439px) {
-  .sl2-scene__title {
-    font-size: 40Px;
-    line-height: 54Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl2-scene__title {
-    font-size: 28Px;
-    line-height: 38Px;
-  }
+  line-height: var(--font-64);
 }
 .sl2-scene__swiper {
   overflow: visible;
@@ -428,6 +330,7 @@
 .sl2-scene__name {
   margin: 0;
   color: var(--color-text);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-32);
   font-weight: 500;
   line-height: var(--font-42);
@@ -435,6 +338,7 @@
 .sl2-scene__desc {
   margin: 0;
   color: var(--color-text-muted);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-18);
   font-weight: 400;
   line-height: var(--font-28);
@@ -467,6 +371,7 @@
   z-index: 1;
   margin: 0;
   color: var(--color-white);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-32);
   font-weight: 500;
   line-height: var(--font-42);
@@ -479,36 +384,13 @@
   padding-top: 7.5rem;
   padding-bottom: 7.5rem;
 }
-@media (max-width: 1439px) {
-  .sl2-more {
-    padding-top: 72Px;
-    padding-bottom: 72Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl2-more {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-}
 .sl2-more__title {
   margin: 0 0 3.125rem;
   color: var(--color-text);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-48);
-  line-height: var(--font-64);
   font-weight: 400;
-}
-@media (max-width: 1439px) {
-  .sl2-more__title {
-    font-size: 40Px;
-    line-height: 54Px;
-  }
-}
-@media (max-width: 576px) {
-  .sl2-more__title {
-    font-size: 28Px;
-    line-height: 38Px;
-  }
+  line-height: var(--font-64);
 }
 .sl2-more__grid {
   display: grid;
@@ -557,6 +439,7 @@
 .sl2-more__name {
   margin: 0 0 1.5rem;
   color: var(--color-text);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-24);
   font-weight: 400;
   line-height: var(--font-32);
@@ -564,6 +447,7 @@
 }
 .sl2-more__desc {
   color: var(--color-text-muted);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-18);
   font-weight: 400;
   line-height: var(--font-28);
@@ -576,6 +460,7 @@
   width: 100%;
   box-sizing: border-box;
   color: var(--color-text-muted);
+  font-family: "MiSans VF", "PingFang SC", sans-serif;
   font-size: var(--font-18);
   font-weight: 400;
   line-height: var(--font-24);
@@ -602,9 +487,20 @@
     margin-top: 0;
     max-width: 100%;
   }
+  .sl2-hero__title {
+    font-size: 40Px;
+    line-height: 54Px;
+  }
   .sl2-hero__media {
     height: 520Px;
   }
+  .sl2-adv,
+  .sl2-arch,
+  .sl2-core,
+  .sl2-scene,
+  .sl2-more {
+    padding-top: 4rem;
+  }
   .sl2-adv__list {
     grid-template-columns: 1fr;
     gap: 24Px;
@@ -651,6 +547,15 @@
   .sl2-hero__intro {
     padding-top: calc(var(--header-h) + 5rem);
   }
+  .sl2-hero__title,
+  .sl2-hero .sl2-adv__title,
+  .sl2-hero .sl2-arch__title,
+  .sl2-hero .sl2-core__title,
+  .sl2-hero .sl2-scene__title,
+  .sl2-hero .sl2-more__title {
+    font-size: 32Px;
+    line-height: 44Px;
+  }
   .sl2-hero__media {
     height: 280Px;
   }