feature(pages): Above the fold loading optimization

- Compress image size
     - Truncated character set
     - Compressed style sheet

source/css/Redemption.css

@@ -10,30 +10,37 @@ html {
     font-weight: 500;
   }
 }
-@media (min-width: 870px) and (max-width: 1920px) {
+@media (min-width: 870px) and (max-width: 1440px) {
   html {
     font-size: 20px;
     font-family: -apple-system, BlinksMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     font-weight: 500;
   }
 }
-@media (min-width: 1920px) and (max-width: 2560px) {
+@media (min-width: 1440px) and (max-width: 1920px) {
   html {
     font-size: 22px;
     font-family: -apple-system, BlinksMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     font-weight: 500;
   }
 }
+@media (min-width: 1920px) and (max-width: 2560px) {
+  html {
+    font-size: 1.2vw;
+    font-family: -apple-system, BlinksMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 500;
+  }
+}
 @media (min-width: 2560px) and (max-width: 2880px) {
   html {
-    font-size: 24px;
+    font-size: 1.25vw;
     font-family: -apple-system, BlinksMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     font-weight: 500;
   }
 }
 @media (min-width: 2880px) {
   html {
-    font-size: 2vh;
+    font-size: 1.27vw;
     font-family: -apple-system, BlinksMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     font-weight: 500;
   }
@@ -109,7 +116,14 @@ main {
     padding-bottom: 5%;
   }
 }
-@media (min-width: 870px) {
+@media (min-width: 870px) and (max-width: 1440px) {
+  main {
+    width: 71.8vw;
+    margin-top: 18.48vh;
+    padding-bottom: 7vh;
+  }
+}
+@media (min-width: 1440px) {
   main {
     width: 61.8vw;
     margin-top: 23.48vh;

source/css/base/_base.scss

@@ -74,8 +74,15 @@ main {
     padding-bottom: 5%;
   }
 
+  // =========== 适配端 ===========
+  @media (min-width: 870px) and (max-width: 1440px) {
+    width: 71.8vw;
+    margin-top: 18.48vh;
+    padding-bottom: 7vh;
+  }
+
   // =========== 桌面端 ===========
-  @media (min-width: 870px) {
+  @media (min-width: 1440px) {
     width: 61.8vw;
     margin-top: 23.48vh;
     padding-bottom: 7vh;

source/css/base/_font.scss

@@ -13,8 +13,8 @@ html {
         font-weight: 500;
     }
 
-    // =========== 桌面端 ===========
-    @media (min-width: 870px) and (max-width: 1920px) {
+    // =========== 适配端 ===========
+    @media (min-width: 870px) and (max-width: 1440px) {
         font-size: 20px;
         font-family: -apple-system, BlinksMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
         'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
@@ -22,9 +22,18 @@ html {
         font-weight: 500;
     }
 
+    // =========== 桌面端 ===========
+    @media (min-width: 1440px) and (max-width: 1920px) {
+        font-size: 22px;
+        font-family: -apple-system, BlinksMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+        'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+        'Noto Color Emoji';
+        font-weight: 500;
+    }
+
     // =========== 2K端 ===========
     @media (min-width: 1920px) and (max-width: 2560px) {
-        font-size: 22px;
+        font-size: 1.2vw;
         font-family: -apple-system, BlinksMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
         'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
         'Noto Color Emoji';
@@ -33,7 +42,7 @@ html {
 
     // =========== 4K端 ===========
     @media (min-width: 2560px) and (max-width: 2880px) {
-        font-size: 24px;
+        font-size: 1.25vw;
         font-family: -apple-system, BlinksMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
         'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
         'Noto Color Emoji';
@@ -42,7 +51,7 @@ html {
 
     // =========== >4K端 ===========
     @media (min-width: 2880px) {
-        font-size: 2vh;
+        font-size: 1.27vw;
         font-family: -apple-system, BlinksMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
         'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
         'Noto Color Emoji';