SyuanYu 3 tuần trước cách đây
mục cha
commit
18df1a55aa

+ 1 - 0
layouts/index.html

@@ -20,6 +20,7 @@
         <!-- {{ partial "components/ai-video.html" . }} -->
         <!-- {{ partial "components/ai-saas.html" . }} -->
         <!-- {{ partial "components/ai-reporter.html" . }} -->
+        {{ partial "components/ai-anchor.html" . }}
         {{ partial "components/genseo.html" . }}
         {{ partial "components/progress.html" . }}
         {{ partial "LP_components/blogs_tab.html" . }}

+ 134 - 0
layouts/partials/components/ai-anchor.html

@@ -0,0 +1,134 @@
+<div class="container mt-5 home-content">
+  <h2>AI 虛擬主播大變革:24 小時無限可能的媒體新時代</h2>
+  <p>AI 虛擬主播正在改變媒體產業的面貌,從新聞播報到客製化內容生成,它們的應用範圍廣泛且多樣。</p>
+
+  <div class="row justify-content-center">
+    <div class="col-11 col-sm-10 main">
+
+      <span class="d-flex">
+        <h3 class="pt-5 my-4 mx-auto">💡 AI 虛擬主播的定義與特點</h3>
+      </span>
+      <p>AI 虛擬主播是由人工智慧技術創建和操作的虛擬角色。它們融合了 AI 技術、語音合成、虛擬人物設計和數位媒體平台,使其能夠像真人主播一樣進行節目主持、新聞報導和遊戲實況轉播。這些 AI
+        主播具備多項特點,包括使用高度逼真的語音合成技術,使其說話聲音類似真人。部分 AI 主播還擁有虛擬的人物設計,其臉部表情和動作由特殊演算法或動畫技術生成,使其看起來更加生動。此外,AI
+        主播能夠根據預定的話題或主題自動生成腳本,進行對話和報導。更進階的 AI 主播甚至可以與觀眾進行即時互動,回答問題和參與對話。由於語音合成技術的發展,部分 AI 主播還能以多種語言進行主持,擴大觀眾範圍,並且可以 24
+        小時全天候運作,不受時間限制。</p>
+
+      <span class="d-flex">
+        <h3 class="pt-5 my-4 mx-auto">💡 AI 虛擬主播的優勢</h3>
+      </span>
+      <p>相較於真人主播,AI 虛擬主播具有多項顯著優勢。首先,它們<strong>能夠 24 小時不間斷地工作,滿足全天候的播報需求</strong>。AI
+        主播可以即時翻譯成目標語言,無需聘請熟悉當地語言的主播,從而節省人事成本。此外,品牌可以<strong>自行創造與企業形象完全一致的 AI 網紅</strong>,
+        無需花費時間尋找符合品牌形象的真人網紅,降低公關危機的風險。AI 主播還可以融入更多創意,例如動畫和特效,以吸引更多流量和關注。</p>
+
+      <span class="d-flex">
+        <h3 class="pt-5 my-4 mx-auto">💡 AI 虛擬主播的應用</h3>
+      </span>
+      <p>AI 虛擬主播已在多個領域得到應用,尤其在<strong>新聞媒體</strong>領域最為常見。由於新聞媒體需要產生大量內容,且即時性是其核心特徵,AI 能夠快速應對大量且頻繁更新的內容。AI
+        主播的應用流程相對簡單,因此容易被新聞媒體接受。例如,三立新聞與集仕多 (ChoozMo) 合作,利用 AI 技術為知名主播陳斐娟量身打造獨特的 AI
+        造型,克隆娟與陳斐娟遠端連線,一同播報新聞,創造別具一格的播報體驗。在<strong>電商直播</strong>方面,AI 主播可以做到與觀眾和粉絲的雙向互動。此外,AI
+        虛擬主播也被應用於<strong>教育領域</strong>,例如線上教育平台利用 AI 進行線上解題。</p>
+
+      <span class="d-flex">
+        <h3 class="pt-5 my-4 mx-auto">💡 AI 虛擬主播的挑戰與限制</h3>
+      </span>
+      <p>儘管 AI 虛擬主播具有諸多優勢,但也存在一些挑戰與限制。首先,<strong>AI 深度學習技術可能被不當利用,</strong>
+        例如合成虛假圖片、影片和聲音,從而影響輿論、選情,甚至引發社會恐慌和法律問題。其次,AI
+        模型的訓練基礎是人類資料,可能存在長年累積的意識形態,<strong>助長偏見與歧視</strong>。此外,<strong>AI 網紅需要投入大量的時間和資源來構建、訓練和調整,</strong>
+        並且需要從零開始發展知名度,增加宣傳費用。</p>
+    </div>
+
+    <div class="col-12">
+      <h4 class="pt-5 my-3 text-center">常見問題</h4>
+
+      <div class="accordion my-4" id="faq_accordion">
+        <div class="accordion-item">
+          <h2 class="accordion-header" id="faq_heading_1">
+            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+              data-bs-target="#faq_collapse_1" aria-expanded="true" aria-controls="faq_collapse_1">
+              Q1. AI 主播與傳統新聞主播有何不同?AI 主播有哪些優勢?
+            </button>
+          </h2>
+          <div id="faq_collapse_1" class="accordion-collapse collapse" aria-labelledby="faq_heading_1"
+            data-bs-parent="#faq_accordion">
+            <div class="accordion-body">
+              AI 主播是由人工智慧技術創建和操作的虛擬主播,融合了 AI 技術、語音合成、虛擬人物設計和現代數位媒體平台。AI
+              主播具備多項優勢,包括<strong>全天候運作</strong>,<strong>降低成本</strong>,以及
+              <strong>提供無錯誤訊息傳遞</strong>。它們能以多種語言進行主持,快速傳遞突發新聞,並確保訊息的準確性。相較之下,傳統新聞主播在時間、語言和成本上存在限制,且可能出現發音錯誤或在意外情況下表現出驚訝。AI
+              主播可以模擬人類思考與表達,創造出專屬服務感,並以即時、個別化的方式與顧客互動,滿足各領域需求。集仕多(ChoozMo)與客家電視台合作推出了每週一部的「AI 主播講天時」節目,透過 AI
+              主播,客家電視台能夠以流利的客語帶來精準的天氣資訊,並每週定期更新,讓觀眾隨時掌握最新天氣動態。
+            </div>
+          </div>
+        </div>
+
+        <div class="accordion-item">
+          <h2 class="accordion-header" id="faq_heading_2">
+            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+              data-bs-target="#faq_collapse_2" aria-expanded="false" aria-controls="faq_collapse_2">
+              Q2. 虛擬人在哪些領域有應用?如何創造商業價值?
+            </button>
+          </h2>
+          <div id="faq_collapse_2" class="accordion-collapse collapse" aria-labelledby="faq_heading_2"
+            data-bs-parent="#faq_accordion">
+            <div class="accordion-body">
+              AI 虛擬人,或稱 AI 數位人,是基於先進 AI
+              技術創造的人工智慧角色,可以像人類一樣進行交談、回應和交流,並達成特定的工作任務。它們可應用於娛樂、廣告、零售、遊戲等多個產業,創造全新的市場商機。資策會MIC產業分析師洪齊亞指出,AI
+              虛擬人已廣泛運用於媒體、健康、金融、零售、遊戲等領域。例如,在媒體領域,AI 新聞主播可以講解新聞內容,有助於內容廣泛傳播。在零售領域,AI 虛擬人可以擔任虛擬接待員,提供賽事資訊或引導訪客參觀球場.
+              企業可以利用 AI 虛擬人優化任務執行專業性,提升服務價值,並創造新商機。此外,AI 虛擬人還能透過主動理解顧客的溝通模式,創建個性化服務,融合多模態大型語言模型 (LLM)
+              與多感官回饋,以收視率、導購率、觸及率等多元形式創造收益。
+            </div>
+          </div>
+        </div>
+
+        <div class="accordion-item">
+          <h2 class="accordion-header" id="faq_heading_3">
+            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+              data-bs-target="#faq_collapse_3" aria-expanded="false" aria-controls="faq_collapse_3">
+              Q3. 企業如何創建自己的 AI 虛擬人?需要哪些技術和步驟?
+            </button>
+          </h2>
+          <div id="faq_collapse_3" class="accordion-collapse collapse" aria-labelledby="faq_heading_3"
+            data-bs-parent="#faq_accordion">
+            <div class="accordion-body">
+              創建 AI 虛擬人需要經過多個步驟,包括定義目的、選擇技術、設計開發、訓練測試和部署維護。首先,要明確 AI 虛擬人的角色和功能,例如虛擬嚮導、品牌大使或客服。其次,選擇適合的 AI
+              模型、軟體和硬體,包括機器學習、自然語言處理、語音合成、動畫和動作 AI 以及電腦視覺等技術。接著,進行角色設計和開發,包括外觀、聲音和個性等。然後,透過大量數據訓練 AI
+              模型,並進行測試和迭代,確保其能準確理解和回應使用者。最後,將 AI 虛擬人部署到目標平台,並進行持續的監控和維護。
+            </div>
+          </div>
+        </div>
+
+        <div class="accordion-item">
+          <h2 class="accordion-header" id="faq_heading_4">
+            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+              data-bs-target="#faq_collapse_4" aria-expanded="false" aria-controls="faq_collapse_4">
+              Q4. 導入 AI 虛擬人可能面臨哪些挑戰和風險?應如何應對?
+            </button>
+          </h2>
+          <div id="faq_collapse_4" class="accordion-collapse collapse" aria-labelledby="faq_heading_4"
+            data-bs-parent="#faq_accordion">
+            <div class="accordion-body">
+              導入 AI 虛擬人可能面臨倫理、技術和品質成本等多重挑戰。倫理方面包括數據隱私、AI 偏見和不當使用等問題,需要建立透明的 AI 政策、進行偏見審查和負責任的 AI
+              開發。技術方面包括系統整合、數據安全和相容性等問題,需要與經驗豐富的 AI 供應商合作,確保 AI 解決方案的可擴展性和安全性. 品質成本方面,要達到高品質效果,如降低 AI
+              幻覺風險、細緻的畫面呈現和流暢自然的互動等,對成本和基礎建設要求會提升很高,需要更全面的評估。此外,還需注意「恐怖谷現象」,審慎處理與評估虛擬人的擬人化程度,避免產生恐懼等負面感受。
+            </div>
+          </div>
+        </div>
+
+        <div class="accordion-item">
+          <h2 class="accordion-header" id="faq_heading_5">
+            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+              data-bs-target="#faq_collapse_5" aria-expanded="false" aria-controls="faq_collapse_5">
+              Q5. AI 主播或虛擬人未來發展趨勢為何?
+            </button>
+          </h2>
+          <div id="faq_collapse_5" class="accordion-collapse collapse" aria-labelledby="faq_heading_5"
+            data-bs-parent="#faq_accordion">
+            <div class="accordion-body">
+              AI 虛擬人的發展趨勢包括更智能、更人性化和更多元應用。未來 AI 虛擬人將不僅能遵循腳本,還能理解情感、做出自然表情,並即時調整。AI 虛擬人將擴展到新的角色,如 AI 導師、虛擬教練和心理健康支持者.
+              此外,AI 技術將更注重倫理和責任,確保透明度、公平性和嚴格的安全性. 隨著技術不斷進步,AI 虛擬人在各行各業的應用將更加廣泛和深入,為企業和個人帶來更多價值。
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

+ 24 - 16
layouts/partials/components/genseo.html

@@ -1,4 +1,4 @@
-<div class="container mt-5 home-genseo">
+<div class="container mt-5 home-content">
   <img src="imgs/home/genseo/算力seo.webp" alt="算力 SEO" class="my-md-5 img-fluid">
 
   <section>
@@ -8,12 +8,20 @@
       新聞不只發布,更要被搜尋到!Google News 全面收錄,讓品牌輕鬆被看見!
     </p>
 
-    <p>
+    <p class="d-none d-sm-block">
       現在透過 「算力傳媒」發布新聞,讓您的品牌輕鬆上頭條!<br>
       在資訊爆炸的時代,新聞曝光是企業成功的關鍵。<br>但光是發布還不夠,<strong>能被 Google News 搜尋到,才是真正的影響力!</strong></p>
 
-    <p>現在,只需 <strong>NT$6,800 / 單篇</strong>,即可讓您的新聞登上<strong>國內外 30 大新聞平台</strong>,<br>並透過 <strong>Google News
-        收錄</strong>,讓您的品牌<strong>在全球搜尋引擎上輕鬆被找到</strong>,提升信任度與公信力!</p>
+    <p class="d-block d-sm-none">
+      現在透過 「算力傳媒」發布新聞,讓您的品牌輕鬆上頭條!在資訊爆炸的時代,新聞曝光是企業成功的關鍵。但光是發布還不夠,<strong>能被 Google News 搜尋到,才是真正的影響力!</strong></p>
+
+    <p class="d-none d-sm-block">現在,只需 <strong>NT$6,800 / 單篇</strong>,即可讓您的新聞登上<strong>國內外 30 大新聞平台</strong>,<br>並透過
+      <strong>Google News 收錄</strong>,讓您的品牌<strong>在全球搜尋引擎上輕鬆被找到</strong>,提升信任度與公信力!
+    </p>
+
+    <p class="d-block d-sm-none">現在,只需 <strong>NT$6,800 / 單篇</strong>,即可讓您的新聞登上<strong>國內外 30 大新聞平台</strong>,並透過
+      <strong>Google News 收錄</strong>,讓您的品牌<strong>在全球搜尋引擎上輕鬆被找到</strong>,提升信任度與公信力!</strong>
+    </p>
   </section>
 
   <div class="d-flex justify-content-center mt-5">
@@ -25,36 +33,36 @@
   <img src="imgs/home/genseo/報導截圖.webp" alt="算力 SEO|報導截圖" class="my-5 img-fluid">
   <img src="imgs/home/genseo/報導截圖(綜合).webp" alt="算力 SEO|報導截圖" class="my-5 img-fluid">
 
-  <div class="accordion my-4" id="accordion_1">
+  <div class="accordion my-4" id="news_accordion">
     <div class="accordion-item">
-      <h2 class="accordion-header" id="heading_1">
-        <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>為什麼選擇我們?市場最低價 + Google News 搜尋加持!</h4>
+      <h3 class="accordion-header" id="heading">
+        <button class="accordion-button px-0" type="button" data-bs-toggle="collapse" data-bs-target="#collapse"
+          aria-expanded="true" aria-controls="collapse">
+          為什麼選擇我們?市場最低價 + Google News 搜尋加持!
         </button>
-      </h2>
+      </h3>
 
-      <div id="collapse_1" class="accordion-collapse collapse" aria-labelledby="heading_1"
-        data-bs-parent="#accordion_1">
+      <div id="collapse" class="accordion-collapse collapse show" aria-labelledby="heading"
+        data-bs-parent="#news_accordion">
         <div class="accordion-body d-flex justify-content-center px-0">
           <ul>
             <li>
-              <h3>✅ 最低價格,高效曝光</h3>
+              <h4>✅ 最低價格,高效曝光</h4>
               <p>相較於市場上動輒上萬元的新聞發布方案,我們以 NT$6,800 的超值價格,幫助您登上 30 大新聞媒體,確保最強 CP 值!</p>
             </li>
 
             <li>
-              <h3>✅ Google News 可搜尋,提高品牌信任度</h3>
+              <h4>✅ Google News 可搜尋,提高品牌信任度</h4>
               <p>您的新聞將被 Google News 收錄,讓潛在客戶、投資人和媒體記者輕鬆找到您的品牌資訊,打造專業可信的企業形象。</p>
             </li>
 
             <li>
-              <h3>✅ 覆蓋國內外權威媒體</h3>
+              <h4>✅ 覆蓋國內外權威媒體</h4>
               <p>您的新聞將發布至國內外 30 家優質新聞平台,涵蓋財經、科技、產業、綜合新聞等領域,觸及更廣泛的目標受眾。</p>
             </li>
 
             <li>
-              <h3>✅ 大量購買更優惠</h3>
+              <h4>✅ 大量購買更優惠</h4>
               <p>企業品牌長期曝光需求 買越多,折扣越多!(歡迎洽詢優惠方案!)</p>
             </li>
           </ul>

+ 73 - 21
static/css/style.css

@@ -4355,7 +4355,8 @@
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
-     object-fit: cover; /* 讓影片填滿並裁切 */
+     object-fit: cover;
+  /* 讓影片填滿並裁切 */
 }
 .ai-presenter .main-content .title,
 .ai-presenter .main-content .accordion-header h4,
@@ -4597,11 +4598,6 @@
   padding-bottom: 5rem;
   margin: 0 auto 50px;
 }
-@media (max-width: 991px) {
-  .sec-blogtab {
-    padding-top: 0;
-  }
-}
 .sec-blogtab .blog-txt {
   font-size: 16px;
 }
@@ -5827,16 +5823,55 @@
   color: #000;
 }
 
-.home-genseo h2 {
+.home-content h2 {
+  font-size: 2rem;
+  text-align: center;
+  color: #ea5413;
+}
+.home-content h2,
+.home-content h3,
+.home-content #news_accordion .accordion-button {
+  text-align: center;
+  font-weight: bold;
+  line-height: 1.8;
+  font-size: 1.75rem;
+}
+@media (max-width: 575px) {
+  .home-content h2,
+  .home-content h3,
+  .home-content #news_accordion .accordion-button {
+    font-size: 1.5rem;
+  }
+}
+.home-content h3 {
+  position: relative;
+  display: inline-block;
   text-align: center;
+}
+.home-content h3::after {
+  content: "";
+  display: block;
+  width: 93%;
+  height: 0.6em;
+  background-color: #FFD679;
+  position: absolute;
+  bottom: 8px;
+  left: 30px;
+  z-index: -1;
+  transform: skewX(-20deg);
+}
+.home-content h4 {
   font-weight: bold;
   line-height: 1.8;
 }
-.home-genseo p {
+.home-content p {
   text-align: center;
   line-height: 2;
 }
-.home-genseo .link-btn {
+.home-content .main p {
+  text-align: justify;
+}
+.home-content .link-btn {
   display: inline-block;
   padding: 12px 40px;
   border: none;
@@ -5848,33 +5883,49 @@
   color: #fff;
   text-decoration: none;
 }
-.home-genseo .link-btn:hover {
+.home-content .link-btn:hover {
   opacity: 0.8;
 }
-.home-genseo ul {
+.home-content ul {
   padding: 0;
   list-style: none;
 }
-.home-genseo ul li {
+.home-content ul li {
   margin-bottom: 30px;
   line-height: 1.8;
 }
-.home-genseo ul li h3 {
+.home-content ul li h3 {
   font-size: 1.25rem;
   font-weight: bold;
   line-height: 1.8;
 }
-.home-genseo ul li p {
+.home-content ul li p {
   text-align: left;
 }
-.home-genseo .accordion-item {
+.home-content #faq_accordion .accordion-button {
+  font-weight: bold;
+}
+.home-content #faq_accordion .accordion-button:focus {
+  box-shadow: none;
+}
+.home-content #faq_accordion .accordion-button:not(.collapsed)::after {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+}
+.home-content #faq_accordion .accordion-body {
+  line-height: 2;
+}
+.home-content #faq_accordion .accordion-button:not(.collapsed) {
+  color: #ea5413;
+  background-color: #fff;
+}
+.home-content #news_accordion .accordion-item {
   border: none;
 }
-.home-genseo .accordion-header {
+.home-content #news_accordion .accordion-header {
   display: flex;
   justify-content: center;
 }
-.home-genseo .accordion-header h4 {
+.home-content #news_accordion .accordion-header h4 {
   margin-bottom: 0;
   margin-right: 1rem;
   font-size: 24px;
@@ -5883,20 +5934,21 @@
   line-height: 1.5;
   color: #ea5413;
 }
-.home-genseo .accordion-button {
+.home-content #news_accordion .accordion-button {
   display: flex;
   justify-content: center;
   align-items: center;
   width: auto;
+  color: #ea5413;
 }
-.home-genseo .accordion-button:not(.collapsed) {
+.home-content #news_accordion .accordion-button:not(.collapsed) {
   color: #ea5413;
   background-color: #fff;
   box-shadow: none;
 }
-.home-genseo .accordion-button:focus {
+.home-content #news_accordion .accordion-button:focus {
   box-shadow: none;
 }
-.home-genseo .accordion-button::after {
+.home-content #news_accordion .accordion-button::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
 }/*# sourceMappingURL=style.css.map */

Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 0
static/css/style.css.map


+ 106 - 36
static/css/style.scss

@@ -1952,6 +1952,7 @@
 }
 
 @media (max-width: 767px) {
+
   // .header {
   //   height: 70vh;
   // }
@@ -2738,7 +2739,7 @@
   }
 
   .card-content {
-    & > div {
+    &>div {
       display: flex;
       flex-direction: column;
       // border: 2px solid #ffebe2;
@@ -3235,6 +3236,7 @@
       &:first-child {
         width: 120px !important;
       }
+
       &.feature {
         width: 220px;
       }
@@ -4068,7 +4070,7 @@
       filter: invert(33%) sepia(55%) saturate(2232%) hue-rotate(357deg) brightness(102%) contrast(89%);
     }
 
-    .content > div {
+    .content>div {
       margin-bottom: 40px;
       padding: 0px 15px;
       border-left: 1px solid rgba(0, 0, 0, 0.125);
@@ -4470,7 +4472,7 @@
     .row {
       padding: 0 5vw;
 
-      & > div {
+      &>div {
         display: flex;
         flex-direction: column;
         align-items: center;
@@ -4799,7 +4801,8 @@
     .video-content video {
       width: 100%;
       height: 100%;
-      object-fit: cover; /* 讓影片填滿並裁切 */
+      object-fit: cover;
+      /* 讓影片填滿並裁切 */
     }
 
     .title,
@@ -5449,10 +5452,6 @@
   padding-bottom: 5rem;
   margin: 0 auto 50px;
 
-  @media (max-width: 991px) {
-    padding-top: 0;
-  }
-
   .blog-txt {
     font-size: 16px;
 
@@ -6481,6 +6480,7 @@
 
 #video-editing,
 #ai-virtual-star {
+
   p,
   li {
     font-size: 1.25rem;
@@ -6783,6 +6783,7 @@
   }
 
   @keyframes animate-arrow-wave {
+
     0%,
     25%,
     50% {
@@ -6812,9 +6813,46 @@
   }
 }
 
-.home-genseo {
+.home-content {
   h2 {
+    font-size: 2rem;
+    text-align: center;
+    color: #ea5413;
+  }
+
+  h2,
+  h3,
+  #news_accordion .accordion-button {
+    text-align: center;
+    font-weight: bold;
+    line-height: 1.8;
+    font-size: 1.75rem;
+
+    @media (max-width: 575px) {
+      font-size: 1.5rem;
+    }
+  }
+
+  h3 {
+    position: relative;
+    display: inline-block;
     text-align: center;
+
+    &::after {
+      content: "";
+      display: block;
+      width: 93%;
+      height: 0.6em;
+      background-color: #FFD679;
+      position: absolute;
+      bottom: 8px;
+      left: 30px;
+      z-index: -1;
+      transform: skewX(-20deg);
+    }
+  }
+
+  h4 {
     font-weight: bold;
     line-height: 1.8;
   }
@@ -6824,6 +6862,12 @@
     line-height: 2;
   }
 
+  .main {
+    p {
+      text-align: justify;
+    }
+  }
+
   .link-btn {
     display: inline-block;
     padding: 12px 40px;
@@ -6861,43 +6905,69 @@
     }
   }
 
-  .accordion-item {
-    border: none;
-  }
+  #faq_accordion {
+    .accordion-button {
+      font-weight: bold;
 
-  .accordion-header {
-    display: flex;
-    justify-content: center;
+      &:focus {
+        box-shadow: none;
+      }
 
-    h4 {
-      margin-bottom: 0;
-      margin-right: 1rem;
-      font-size: 24px;
-      font-weight: bold;
-      text-align: center;
-      line-height: 1.5;
-      color: #ea5413;
+      &:not(.collapsed)::after {
+        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+      }
     }
-  }
 
-  .accordion-button {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: auto;
+    .accordion-body {
+      line-height: 2;
+    }
 
-    &:not(.collapsed) {
+    .accordion-button:not(.collapsed) {
       color: #ea5413;
       background-color: #fff;
-      box-shadow: none;
     }
+  }
 
-    &:focus {
-      box-shadow: none;
+  #news_accordion {
+    .accordion-item {
+      border: none;
     }
 
-    &::after {
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
+    .accordion-header {
+      display: flex;
+      justify-content: center;
+
+      h4 {
+        margin-bottom: 0;
+        margin-right: 1rem;
+        font-size: 24px;
+        font-weight: bold;
+        text-align: center;
+        line-height: 1.5;
+        color: #ea5413;
+      }
+    }
+
+    .accordion-button {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: auto;
+      color: #ea5413;
+
+      &:not(.collapsed) {
+        color: #ea5413;
+        background-color: #fff;
+        box-shadow: none;
+      }
+
+      &:focus {
+        box-shadow: none;
+      }
+
+      &::after {
+        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
+      }
     }
   }
-}
+}

Một số tệp đã không được hiển thị bởi vì quá nhiều tập tin thay đổi trong này khác