update css

layouts/virtual-host-solution/single.html

@@ -62,7 +62,7 @@
             <div class="accordion mt-5" id="accordion_1">
               <div class="accordion-item">
                 <h2 class="accordion-header" id="heading_1">
-                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+                  <button class="accordion-button collapsed px-0" type="button" data-bs-toggle="collapse"
                     data-bs-target="#collapse_1" aria-expanded="true" aria-controls="collapse_1">
                     <h4>💡 企業活動選擇 AI 主持人的優點</h4>
                   </button>
@@ -92,7 +92,7 @@
             <div class="accordion" id="accordion_2">
               <div class="accordion-item">
                 <h2 class="accordion-header" id="heading_2">
-                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+                  <button class="accordion-button collapsed px-0" type="button" data-bs-toggle="collapse"
                     data-bs-target="#collapse_2" aria-expanded="true" aria-controls="collapse_2">
                     <h4>💡 AI 虛擬替身可應用在哪？</h4>
                   </button>

static/css/style.css

@@ -4321,12 +4321,21 @@
   text-align: center;
   line-height: 1.5;
 }
+@media (max-width: 575px) {
+  .ai-presenter .main-content .title,
+  .ai-presenter .main-content .accordion-header h4,
+  .ai-virtual .main-content .title,
+  .ai-virtual .main-content .accordion-header h4 {
+    font-size: 20px;
+  }
+}
 .ai-presenter .main-content .accordion-item,
 .ai-virtual .main-content .accordion-item {
   border: none;
 }
 .ai-presenter .main-content .accordion-item .accordion-body,
 .ai-virtual .main-content .accordion-item .accordion-body {
+  padding: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -4370,6 +4379,14 @@
   font-size: 24px;
   font-weight: bold;
 }
+@media (max-width: 575px) {
+  .ai-presenter .main-content .accordion-item .accordion-header button h4,
+  .ai-presenter .main-content .accordion-item .accordion-header button p,
+  .ai-virtual .main-content .accordion-item .accordion-header button h4,
+  .ai-virtual .main-content .accordion-item .accordion-header button p {
+    font-size: 20px;
+  }
+}
 .ai-presenter .main-content #faq_accordion,
 .ai-virtual .main-content #faq_accordion {
   width: 100%;
@@ -4410,6 +4427,13 @@
   background: #ea5413;
   transition: all 0.3s;
 }
+@media (max-width: 575px) {
+  .ai-presenter .main-content .link-btn,
+  .ai-virtual .main-content .link-btn {
+    padding: 12px 40px;
+    font-size: 20px;
+  }
+}
 .ai-presenter .main-content .link-btn:hover,
 .ai-virtual .main-content .link-btn:hover {
   opacity: 0.8;
@@ -5258,7 +5282,7 @@
 }
 .news-form .form-control,
 .news-form .form-select {
-  font-size: 12px;
+  font-size: 14px;
 }
 .news-form .title {
   margin-bottom: 50px;

static/css/style.scss

@@ -4736,7 +4736,7 @@
       justify-content: center;
       align-items: center;
     }
-    
+
     .video-content video {
       width: 100%;
       height: 100%;
@@ -4749,12 +4749,17 @@
       font-weight: bold;
       text-align: center;
       line-height: 1.5;
+
+      @media (max-width: 575px) {
+        font-size: 20px;
+      }
     }
 
     .accordion-item {
       border: none;
 
       .accordion-body {
+        padding: 0;
         display: flex;
         flex-direction: column;
         align-items: center;
@@ -4798,6 +4803,10 @@
             margin-right: 1rem;
             font-size: 24px;
             font-weight: bold;
+
+            @media (max-width: 575px) {
+              font-size: 20px;
+            }
           }
         }
       }
@@ -4844,6 +4853,11 @@
       background: #ea5413;
       transition: all 0.3s;
 
+      @media (max-width: 575px) {
+        padding: 12px 40px;
+        font-size: 20px;
+      }
+
       &:hover {
         opacity: 0.8;
       }
@@ -6147,7 +6161,7 @@
 
   .form-control,
   .form-select {
-    font-size: 12px;
+    font-size: 14px;
   }
 
   .title {