update css

layouts/virtual-host-solution/single.html

@@ -42,10 +42,10 @@
             <section class="taiwanese-content mb-5">
               <img src="/img/aicustomer/台語客服.webp" alt="ChoozMo AI客服｜台語客服">
 
-              <h2 class="mt-5 mb-0">AI 客服使用台語問答<br>讓長者更容易融入科技</h2>
+              <h2 class="my-5">AI 客服使用台語問答，讓長者更容易融入科技</h2>
 
               <span class="d-flex justify-content-center">
-                <h3 class="my-5">讓科技更親近長者</h3>
+                <h3 class="my-5">💡 讓科技更親近長者</h3>
               </span>
 
               <h4 class="mb-3">✔️ 台語互動更自然</h4>
@@ -62,7 +62,7 @@
               <hr>
 
               <span class="d-flex justify-content-center">
-                <h3 class="my-5">提升服務品質與效率</h3>
+                <h3 class="my-5">💡 提升服務品質與效率</h3>
               </span>
 
               <h4 class="mb-3">✔️ 全天候即時回應</h4>
@@ -77,7 +77,7 @@
               <hr>
 
               <span class="d-flex justify-content-center">
-                <h3 class="my-5">促進本土語言文化</h3>
+                <h3 class="my-5">💡 促進本土語言文化</h3>
               </span>
 
               <h4>✔️ 創造更多元的應用</h4>

static/css/style.css

@@ -4578,24 +4578,9 @@
   text-align: center;
   line-height: 1.7;
   font-weight: bold;
-  color: #ea5413;
 }
 .ai-virtual .taiwanese-content h3 {
-  padding-left: 1rem;
-  position: relative;
-  display: inline-block;
-}
-.ai-virtual .taiwanese-content h3::after {
-  content: "";
-  display: block;
-  width: 100%;
-  height: 0.4em;
-  background-color: #ff9700;
-  position: absolute;
-  bottom: 0px;
-  left: 7px;
-  z-index: -1;
-  opacity: 0.7;
+  color: #ea5413;
 }
 .ai-virtual .taiwanese-content h3,
 .ai-virtual .taiwanese-content h4 {

static/css/style.scss

@@ -5403,29 +5403,32 @@
       text-align: center;
       line-height: 1.7;
       font-weight: bold;
-      color: #ea5413;
+      // color: #ea5413;
     }
 
     h3 {
-      padding-left: 1rem;
-      position: relative;
-      display: inline-block;
-      // border-left: 4px solid #ea5413;
-
-      &::after {
-        content: "";
-        display: block;
-        width: 100%;
-        height: 0.4em;
-        background-color: #ff9700;
-        position: absolute;
-        bottom: 0px;
-        left: 7px;
-        z-index: -1;
-        opacity: 0.7;
-      }
+      color: #ea5413;
     }
 
+    // h3 {
+    //   padding-left: 1rem;
+    //   position: relative;
+    //   display: inline-block;
+
+    //   &::after {
+    //     content: "";
+    //     display: block;
+    //     width: 100%;
+    //     height: 0.5em;
+    //     background-color: #ff9700;
+    //     position: absolute;
+    //     bottom: -2px;
+    //     left: 7px;
+    //     z-index: -1;
+    //     opacity: .7;
+    //   }
+    // }
+
     h3,
     h4 {
       font-weight: bold;