update ai-virtual-star

layouts/ai-virtual-star/single.html

@@ -63,12 +63,12 @@
           創意滿滿的您是不是在煩惱怎麼讓影片更有亮點，<br>或是對於枯燥乏味的週期性短片拍攝感到疲累，<br>最好還能帥到觀眾下巴掉下來？<br>
           現在還覺得成為 AI 網紅很遙遠嗎？<br>是不是想要一個 AI 分身幫您工作呢？<br>現在集仕多免費幫您訂製您的 AI 分身！</p>
 
-        <div class="d-flex justify-content-center my-5">
+        <div class="d-flex justify-content-center">
           <a href="https://page.line.me/417lsxlz?oat_content=url&openQrModal=true" target="_blank"
             class="sign-up-btn">加入 LINE OA 專人介紹</a>
         </div>
 
-        <h2 class="mt-5 title">活動獎勵：將有機會獲得專屬的 AI 分身建模</h2>
+        <h2 class="mt-4 title">活動獎勵：將有機會獲得專屬的 AI 分身建模</h2>
 
         <p class="mb-0">根據所有報名者所提供的企劃，經由團隊篩選過後，最終將選出多位最具潛力的影音創作者<br>為您量身訂做專屬於您的「AI
           分身」，分身可供您製作成影片，並發布於您的頻道中，讓您的頻道形象超級吸睛！<br>
@@ -84,11 +84,6 @@
         <!-- <p class="mb-0">活動內容：我們將海選出 <strong class="fs-3">3 位</strong> 最具潛力的影音創作者，<br>為您量身設計專屬 「AI 虛擬角色」，讓您的頻道形象煥然一新！</p> -->
       </div>
 
-      <div class="d-flex justify-content-center my-5">
-        <a href="https://page.line.me/417lsxlz?oat_content=url&openQrModal=true" target="_blank" class="sign-up-btn">加入
-          LINE OA 即可報名</a>
-      </div>
-
       <div class="d-flex flex-column align-items-center">
         <!-- <div class="pb-5 mb-5 d-flex flex-column align-items-center">
           <h4>🏆 免費打造 AI 分身物</h4>
@@ -104,7 +99,7 @@
           <p class="mb-0">所有報名者均可獲得一則專訪機會，分享您的創作故事，提升個人曝光度！</p>
         </div> -->
 
-        <div class="info">
+        <div class="mt-4 info">
           <h4>參加方式</h4>
           <ol class="my-3">
             <li>點擊立即報名 →</li>
@@ -124,7 +119,13 @@
           </p> -->
         </div>
 
-        <div class="w-100 d-flex justify-content-center mt-5 pt-5">
+        <div class="w-100 d-flex justify-content-center mt-4">
+          <a href="https://page.line.me/417lsxlz?oat_content=url&openQrModal=true" target="_blank"
+            class="sign-up-btn">加入
+            LINE OA 即可報名</a>
+        </div>
+
+        <div class="w-100 d-flex justify-content-center">
           <button class="d-flex justify-content-center align-items-center activity-btn">
             <span>點擊展開活動詳情</span>
 

static/css/style.css

@@ -5793,7 +5793,8 @@
 }
 @media (max-width: 575px) {
   #ai-virtual-star .sign-up-btn {
-    width: 100%;
+    width: 330px;
+    font-size: 1.25rem;
   }
 }
 #ai-virtual-star .activity-info {
@@ -5817,7 +5818,7 @@
 }
 @media (max-width: 575px) {
   #ai-virtual-star .activity-btn {
-    width: 100%;
+    width: 330px;
   }
 }
 #ai-virtual-star .activity-btn span {
@@ -5825,6 +5826,11 @@
   font-size: 1.5rem;
   font-weight: bold;
 }
+@media (max-width: 575px) {
+  #ai-virtual-star .activity-btn span {
+    font-size: 1.25rem;
+  }
+}
 #ai-virtual-star .arrow-wave span {
   display: block;
   position: relative;

static/css/style.scss

@@ -6354,7 +6354,8 @@
     }
 
     @media (max-width: 575px) {
-      width: 100%;
+      width: 330px;
+      font-size: 1.25rem;
     }
   }
 
@@ -6380,13 +6381,17 @@
     text-align: center;
 
     @media (max-width: 575px) {
-      width: 100%;
+      width: 330px;
     }
 
     span {
       color: #fff;
       font-size: 1.5rem;
       font-weight: bold;
+
+      @media (max-width: 575px) {
+        font-size: 1.25rem;
+      }
     }
   }