update css

layouts/youtube-views-zh/single.html

@@ -32,7 +32,7 @@
     <section class="header">
       <img src="/imgs/dm/yt-views/image-01.png" alt="" class="bg-img">
       <div class="container">
-        <div class="row g-0 align-items-center">
+        <div class="row g-0 align-items-center mt-lg-5">
           <div class="col-12 col-lg-4">
             <h2 class="header-title">{{ .Params.packageTitle }} <br> <small>{{ .Params.packageSub }}</small></h2>
             <p>影音流量推手使用最新 AI 投放技術，

static/css/style.css

@@ -2997,6 +2997,12 @@
     right: -24%;
   }
 }
+@media (max-width: 490px) {
+  #youtube-views-zh .qa-block .q-text {
+    top: 6vw;
+    right: -21%;
+  }
+}
 #youtube-views-zh .qa-block .a-text {
   top: 3.7vw;
   right: 5vw;
@@ -3008,6 +3014,12 @@
     left: 46vw;
   }
 }
+@media (max-width: 490px) {
+  #youtube-views-zh .qa-block .a-text {
+    top: 6.8vw;
+    left: 42vw;
+  }
+}
 @media (max-width: 767px) {
   #youtube-views-zh .info-content {
     text-align: center;
@@ -3033,6 +3045,7 @@
   }
 }
 #youtube-views-zh .info-content img {
+  width: 100%;
   max-width: 380px;
   margin-right: 30px;
 }
@@ -3062,6 +3075,12 @@
   top: -100px;
   z-index: -1;
 }
+@media (max-width: 767px) {
+  #youtube-views-zh .pick-point .bg-img {
+    width: 151%;
+    top: -65px;
+  }
+}
 #youtube-views-zh .pick-point .chat-img {
   left: 65%;
   top: -20px;

static/css/style.scss

@@ -3246,6 +3246,11 @@
         top: 7vw;
         right: -24%;
       }
+
+      @media (max-width: 490px) {
+        top: 6vw;
+        right: -21%;
+      }
     }
 
     .a-text {
@@ -3257,6 +3262,11 @@
         right: unset;
         left: 46vw;
       }
+
+      @media (max-width: 490px) {
+        top: 6.8vw;
+        left: 42vw;
+      }
     }
   }
 
@@ -3287,6 +3297,7 @@
     }
 
     img {
+      width: 100%;
       max-width: 380px;
       margin-right: 30px;
 
@@ -3320,6 +3331,11 @@
       position: absolute;
       top: -100px;
       z-index: -1;
+
+      @media (max-width: 767px) {
+        width: 151%;
+        top: -65px;
+      }
     }
 
     .chat-img {