diff --git a/about.html b/about.html
index f6bd1e8..059f96f 100644
--- a/about.html
+++ b/about.html
@@ -185,9 +185,20 @@ <h4 class="font-bold text-lg text-blue-600">介紹影片</h4>
     </main>
 
     <!-- Footer -->
-    <footer class="bg-gray-800 text-white">
+    <footer class="bg-gray-800 text-white mt-20">
         <div class="container mx-auto px-6 py-10">
-            <p class="text-center">&copy; 2026 台灣教育處方籤</p>
+            <div class="text-center">
+                <h3 class="text-2xl font-bold">台灣教育處方籤</h3>
+                <p class="text-gray-400 mt-1">一個由關心台灣教育的學生與開發者發起的專案。</p>
+                <div class="flex justify-center space-x-6 mt-4">
+                    <a href="about.html" class="text-gray-400 hover:text-white transition duration-300">關於我們</a>
+                    <a href="sitemap.html" class="text-gray-400 hover:text-white transition duration-300">網站地圖</a>
+                    <a href="mailto:hctsai@linux.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
+                </div>
+            </div>
+            <div class="mt-8 border-t border-gray-700 pt-6 text-center text-gray-500 text-sm">
+                &copy; 2026 台灣教育處方籤. All Rights Reserved.
+            </div>
         </div>
     </footer>
 
diff --git a/advanced-resources/competitions.html b/advanced-resources/competitions.html
index b0738b8..66908b8 100644
--- a/advanced-resources/competitions.html
+++ b/advanced-resources/competitions.html
@@ -49,6 +49,7 @@
                 <a href="../career-exploration/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">未來生涯GPS</a>
                 <a href="index.html" class="text-purple-600 font-semibold transition duration-300">進階資源探索區</a>
                 <a href="../civic-tech-map/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">公民科技專案地圖</a>
+                <a href="../about.html" class="text-gray-600 hover:text-blue-500 transition duration-300">關於我們</a>
             </div>
         </nav>
     </header>
@@ -124,7 +125,18 @@ <h3 class="mt-2 text-sm font-medium text-gray-900">找不到競賽</h3>
     <!-- Footer -->
     <footer class="bg-gray-800 text-white mt-20">
         <div class="container mx-auto px-6 py-10">
-            <p class="text-center">&copy; 2026 台灣教育處方籤</p>
+            <div class="text-center">
+                <h3 class="text-2xl font-bold">台灣教育處方籤</h3>
+                <p class="text-gray-400 mt-1">一個由關心台灣教育的學生與開發者發起的專案。</p>
+                <div class="flex justify-center space-x-6 mt-4">
+                    <a href="../about.html" class="text-gray-400 hover:text-white transition duration-300">關於我們</a>
+                    <a href="../sitemap.html" class="text-gray-400 hover:text-white transition duration-300">網站地圖</a>
+                    <a href="mailto:hctsai@linux.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
+                </div>
+            </div>
+            <div class="mt-8 border-t border-gray-700 pt-6 text-center text-gray-500 text-sm">
+                &copy; 2026 台灣教育處方籤. All Rights Reserved.
+            </div>
         </div>
     </footer>
 
diff --git a/advanced-resources/index.html b/advanced-resources/index.html
index 9ebec35..8f96a60 100644
--- a/advanced-resources/index.html
+++ b/advanced-resources/index.html
@@ -52,6 +52,7 @@
                 <a href="../career-exploration/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">未來生涯GPS</a>
                 <a href="index.html" class="text-purple-600 font-semibold transition duration-300">進階資源探索區</a>
                 <a href="../civic-tech-map/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">公民科技專案地圖</a>
+                <a href="../about.html" class="text-gray-600 hover:text-blue-500 transition duration-300">關於我們</a>
             </div>
         </nav>
     </header>
@@ -191,7 +192,7 @@ <h3 class="text-2xl font-bold">台灣教育處方籤</h3>
                  <div class="flex justify-center space-x-6 mt-4">
                     <a href="../about.html" class="text-gray-400 hover:text-white transition duration-300">關於我們</a>
                     <a href="../sitemap.html" class="text-gray-400 hover:text-white transition duration-300">網站地圖</a>
-                    <a href="mailto:contact@example.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
+                    <a href="mailto:hctsai@linux.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
                 </div>
             </div>
             <div class="mt-8 border-t border-gray-700 pt-6 text-center text-gray-500 text-sm">
diff --git a/advanced-resources/online-courses.html b/advanced-resources/online-courses.html
index 0ee50b4..635abea 100644
--- a/advanced-resources/online-courses.html
+++ b/advanced-resources/online-courses.html
@@ -49,6 +49,7 @@
                 <a href="../career-exploration/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">未來生涯GPS</a>
                 <a href="index.html" class="text-purple-600 font-semibold transition duration-300">進階資源探索區</a>
                 <a href="../civic-tech-map/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">公民科技專案地圖</a>
+                <a href="../about.html" class="text-gray-600 hover:text-blue-500 transition duration-300">關於我們</a>
             </div>
         </nav>
     </header>
@@ -126,7 +127,18 @@ <h3 class="mt-2 text-sm font-medium text-gray-900">找不到課程</h3>
     <!-- Footer -->
     <footer class="bg-gray-800 text-white mt-20">
         <div class="container mx-auto px-6 py-10">
-            <p class="text-center">&copy; 2026 台灣教育處方籤</p>
+            <div class="text-center">
+                <h3 class="text-2xl font-bold">台灣教育處方籤</h3>
+                <p class="text-gray-400 mt-1">一個由關心台灣教育的學生與開發者發起的專案。</p>
+                <div class="flex justify-center space-x-6 mt-4">
+                    <a href="../about.html" class="text-gray-400 hover:text-white transition duration-300">關於我們</a>
+                    <a href="../sitemap.html" class="text-gray-400 hover:text-white transition duration-300">網站地圖</a>
+                    <a href="mailto:hctsai@linux.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
+                </div>
+            </div>
+            <div class="mt-8 border-t border-gray-700 pt-6 text-center text-gray-500 text-sm">
+                &copy; 2026 台灣教育處方籤. All Rights Reserved.
+            </div>
         </div>
     </footer>
 
diff --git a/advanced-resources/reading-list.html b/advanced-resources/reading-list.html
index 0549efa..aeeabc2 100644
--- a/advanced-resources/reading-list.html
+++ b/advanced-resources/reading-list.html
@@ -52,6 +52,7 @@
                 <a href="../career-exploration/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">未來生涯GPS</a>
                 <a href="index.html" class="text-purple-600 font-semibold transition duration-300">進階資源探索區</a>
                 <a href="../civic-tech-map/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">公民科技專案地圖</a>
+                <a href="../about.html" class="text-gray-600 hover:text-blue-500 transition duration-300">關於我們</a>
             </div>
         </nav>
     </header>
@@ -84,7 +85,18 @@ <h1 class="text-4xl md:text-5xl font-bold text-gray-800 mb-4">
     <!-- Footer -->
     <footer class="bg-gray-800 text-white mt-20">
         <div class="container mx-auto px-6 py-10">
-            <p class="text-center">&copy; 2026 台灣教育處方籤</p>
+            <div class="text-center">
+                <h3 class="text-2xl font-bold">台灣教育處方籤</h3>
+                <p class="text-gray-400 mt-1">一個由關心台灣教育的學生與開發者發起的專案。</p>
+                <div class="flex justify-center space-x-6 mt-4">
+                    <a href="../about.html" class="text-gray-400 hover:text-white transition duration-300">關於我們</a>
+                    <a href="../sitemap.html" class="text-gray-400 hover:text-white transition duration-300">網站地圖</a>
+                    <a href="mailto:hctsai@linux.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
+                </div>
+            </div>
+            <div class="mt-8 border-t border-gray-700 pt-6 text-center text-gray-500 text-sm">
+                &copy; 2026 台灣教育處方籤. All Rights Reserved.
+            </div>
         </div>
     </footer>
 
diff --git a/autonomous-learning/index.html b/autonomous-learning/index.html
index 1e9015e..fabfbe1 100644
--- a/autonomous-learning/index.html
+++ b/autonomous-learning/index.html
@@ -62,6 +62,7 @@
                 <a href="../career-exploration/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">未來生涯GPS</a>
                 <a href="../advanced-resources/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">進階資源探索區</a>
                 <a href="../civic-tech-map/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">公民科技專案地圖</a>
+                <a href="../about.html" class="text-gray-600 hover:text-blue-500 transition duration-300">關於我們</a>
             </div>
         </nav>
     </header>
@@ -151,7 +152,18 @@ <h3 class="font-bold text-lg">【自主學習】系列影片</h3>
     <!-- Footer -->
     <footer class="bg-gray-800 text-white mt-20">
         <div class="container mx-auto px-6 py-10">
-            <p class="text-center">&copy; 2026 台灣教育處方籤</p>
+            <div class="text-center">
+                <h3 class="text-2xl font-bold">台灣教育處方籤</h3>
+                <p class="text-gray-400 mt-1">一個由關心台灣教育的學生與開發者發起的專案。</p>
+                <div class="flex justify-center space-x-6 mt-4">
+                    <a href="../about.html" class="text-gray-400 hover:text-white transition duration-300">關於我們</a>
+                    <a href="../sitemap.html" class="text-gray-400 hover:text-white transition duration-300">網站地圖</a>
+                    <a href="mailto:hctsai@linux.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
+                </div>
+            </div>
+            <div class="mt-8 border-t border-gray-700 pt-6 text-center text-gray-500 text-sm">
+                &copy; 2026 台灣教育處方籤. All Rights Reserved.
+            </div>
         </div>
     </footer>
 
diff --git a/autonomous-learning/methodology.html b/autonomous-learning/methodology.html
index b2d295e..6619a82 100644
--- a/autonomous-learning/methodology.html
+++ b/autonomous-learning/methodology.html
@@ -58,6 +58,7 @@
                 <a href="../career-exploration/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">未來生涯GPS</a>
                 <a href="../advanced-resources/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">進階資源探索區</a>
                 <a href="../civic-tech-map/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">公民科技專案地圖</a>
+                <a href="../about.html" class="text-gray-600 hover:text-blue-500 transition duration-300">關於我們</a>
             </div>
         </nav>
     </header>
@@ -125,7 +126,18 @@ <h2 class="text-2xl font-bold text-center mb-8">或，從下方直接探索所
     <!-- Footer -->
     <footer class="bg-gray-800 text-white mt-20">
         <div class="container mx-auto px-6 py-10">
-            <p class="text-center">&copy; 2026 台灣教育處方籤</p>
+            <div class="text-center">
+                <h3 class="text-2xl font-bold">台灣教育處方籤</h3>
+                <p class="text-gray-400 mt-1">一個由關心台灣教育的學生與開發者發起的專案。</p>
+                <div class="flex justify-center space-x-6 mt-4">
+                    <a href="../about.html" class="text-gray-400 hover:text-white transition duration-300">關於我們</a>
+                    <a href="../sitemap.html" class="text-gray-400 hover:text-white transition duration-300">網站地圖</a>
+                    <a href="mailto:hctsai@linux.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
+                </div>
+            </div>
+            <div class="mt-8 border-t border-gray-700 pt-6 text-center text-gray-500 text-sm">
+                &copy; 2026 台灣教育處方籤. All Rights Reserved.
+            </div>
         </div>
     </footer>
 
diff --git a/autonomous-learning/plan-templates.html b/autonomous-learning/plan-templates.html
index 94d5b2b..6ec5851 100644
--- a/autonomous-learning/plan-templates.html
+++ b/autonomous-learning/plan-templates.html
@@ -70,6 +70,7 @@
                 <a href="../career-exploration/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">未來生涯GPS</a>
                 <a href="../advanced-resources/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">進階資源探索區</a>
                 <a href="../civic-tech-map/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">公民科技專案地圖</a>
+                <a href="../about.html" class="text-gray-600 hover:text-blue-500 transition duration-300">關於我們</a>
             </div>
         </nav>
     </header>
@@ -130,7 +131,18 @@ <h2 class="text-2xl font-bold text-center mb-8">精選計畫範本藝廊</h2>
     <!-- Footer -->
     <footer class="bg-gray-800 text-white mt-20">
         <div class="container mx-auto px-6 py-10">
-            <p class="text-center">&copy; 2026 台灣教育處方籤</p>
+            <div class="text-center">
+                <h3 class="text-2xl font-bold">台灣教育處方籤</h3>
+                <p class="text-gray-400 mt-1">一個由關心台灣教育的學生與開發者發起的專案。</p>
+                <div class="flex justify-center space-x-6 mt-4">
+                    <a href="../about.html" class="text-gray-400 hover:text-white transition duration-300">關於我們</a>
+                    <a href="../sitemap.html" class="text-gray-400 hover:text-white transition duration-300">網站地圖</a>
+                    <a href="mailto:hctsai@linux.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
+                </div>
+            </div>
+            <div class="mt-8 border-t border-gray-700 pt-6 text-center text-gray-500 text-sm">
+                &copy; 2026 台灣教育處方籤. All Rights Reserved.
+            </div>
         </div>
     </footer>
 
diff --git a/autonomous-learning/resource-map.html b/autonomous-learning/resource-map.html
index b213e17..386b3f2 100644
--- a/autonomous-learning/resource-map.html
+++ b/autonomous-learning/resource-map.html
@@ -62,6 +62,7 @@
                 <a href="../career-exploration/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">未來生涯GPS</a>
                 <a href="../advanced-resources/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">進階資源探索區</a>
                 <a href="../civic-tech-map/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">公民科技專案地圖</a>
+                <a href="../about.html" class="text-gray-600 hover:text-blue-500 transition duration-300">關於我們</a>
             </div>
         </nav>
     </header>
@@ -149,7 +150,18 @@ <h3 class="mt-2 text-sm font-medium text-gray-900">找不到資源</h3>
     <!-- Footer -->
     <footer class="bg-gray-800 text-white mt-20">
         <div class="container mx-auto px-6 py-10">
-            <p class="text-center">&copy; 2026 台灣教育處方籤</p>
+            <div class="text-center">
+                <h3 class="text-2xl font-bold">台灣教育處方籤</h3>
+                <p class="text-gray-400 mt-1">一個由關心台灣教育的學生與開發者發起的專案。</p>
+                <div class="flex justify-center space-x-6 mt-4">
+                    <a href="../about.html" class="text-gray-400 hover:text-white transition duration-300">關於我們</a>
+                    <a href="../sitemap.html" class="text-gray-400 hover:text-white transition duration-300">網站地圖</a>
+                    <a href="mailto:hctsai@linux.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
+                </div>
+            </div>
+            <div class="mt-8 border-t border-gray-700 pt-6 text-center text-gray-500 text-sm">
+                &copy; 2026 台灣教育處方籤. All Rights Reserved.
+            </div>
         </div>
     </footer>
 
diff --git a/autonomous-learning/topic-ideas.html b/autonomous-learning/topic-ideas.html
index d4f978b..f93078c 100644
--- a/autonomous-learning/topic-ideas.html
+++ b/autonomous-learning/topic-ideas.html
@@ -72,6 +72,7 @@
                 <a href="../career-exploration/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">未來生涯GPS</a>
                 <a href="../advanced-resources/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">進階資源探索區</a>
                 <a href="../civic-tech-map/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">公民科技專案地圖</a>
+                <a href="../about.html" class="text-gray-600 hover:text-blue-500 transition duration-300">關於我們</a>
             </div>
         </nav>
     </header>
@@ -182,7 +183,18 @@ <h2 class="text-2xl font-bold mb-2 text-center">3. 🌏 探索全球趨勢議題
     <!-- Footer -->
     <footer class="bg-gray-800 text-white mt-20">
         <div class="container mx-auto px-6 py-10">
-            <p class="text-center">&copy; 2026 台灣教育處方籤</p>
+            <div class="text-center">
+                <h3 class="text-2xl font-bold">台灣教育處方籤</h3>
+                <p class="text-gray-400 mt-1">一個由關心台灣教育的學生與開發者發起的專案。</p>
+                <div class="flex justify-center space-x-6 mt-4">
+                    <a href="../about.html" class="text-gray-400 hover:text-white transition duration-300">關於我們</a>
+                    <a href="../sitemap.html" class="text-gray-400 hover:text-white transition duration-300">網站地圖</a>
+                    <a href="mailto:hctsai@linux.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
+                </div>
+            </div>
+            <div class="mt-8 border-t border-gray-700 pt-6 text-center text-gray-500 text-sm">
+                &copy; 2026 台灣教育處方籤. All Rights Reserved.
+            </div>
         </div>
     </footer>
 
diff --git a/career-exploration/competency-map.html b/career-exploration/competency-map.html
index 1c6a983..089715a 100644
--- a/career-exploration/competency-map.html
+++ b/career-exploration/competency-map.html
@@ -36,10 +36,20 @@
             background-clip: text;
             text-fill-color: transparent;
         }
-        .accordion-content {
+        /* 修正手風琴預設隱藏問題 - 使用高特異性選擇器取代 !important */
+        #competency-grid .competency-card .accordion-content {
             max-height: 0;
             overflow: hidden;
-            transition: max-height 0.5s ease-in-out;
+            padding-top: 0;
+            padding-bottom: 0;
+            opacity: 0;
+            transition: max-height 0.4s ease-in-out, padding 0.3s ease-in-out, opacity 0.3s ease-in-out;
+        }
+        #competency-grid .competency-card.is-open .accordion-content {
+            max-height: 2000px;
+            padding-top: 0;
+            padding-bottom: 1rem;
+            opacity: 1;
         }
         .competency-card.highlight {
             transform: scale(1.02);
@@ -127,8 +137,19 @@ <h2 class="text-2xl md:text-3xl font-bold mb-2 flex items-center gap-3">
     </main>
 
     <footer class="bg-gray-800 text-white mt-20">
-        <div class="container mx-auto px-6 py-10 text-center">
-            <p>&copy; 2026 台灣教育處方籤. All Rights Reserved.</p>
+        <div class="container mx-auto px-6 py-10">
+            <div class="text-center">
+                <h3 class="text-2xl font-bold">台灣教育處方籤</h3>
+                <p class="text-gray-400 mt-1">一個由關心台灣教育的學生與開發者發起的專案。</p>
+                <div class="flex justify-center space-x-6 mt-4">
+                    <a href="../about.html" class="text-gray-400 hover:text-white transition duration-300">關於我們</a>
+                    <a href="../sitemap.html" class="text-gray-400 hover:text-white transition duration-300">網站地圖</a>
+                    <a href="mailto:hctsai@linux.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
+                </div>
+            </div>
+            <div class="mt-8 border-t border-gray-700 pt-6 text-center text-gray-500 text-sm">
+                &copy; 2026 台灣教育處方籤. All Rights Reserved.
+            </div>
         </div>
     </footer>
 
@@ -152,7 +173,8 @@ <h2 class="text-2xl md:text-3xl font-bold mb-2 flex items-center gap-3">
                     item.clusters.forEach(cl => allClusters.add(cl));
                     const examplesHtml = item.examples.map(ex => `<li class="flex items-start gap-2"><i data-feather="arrow-right" class="w-4 h-4 text-${faceData.color}-500 mt-1 shrink-0"></i><span>${ex}</span></li>`).join('');
                     const clustersHtml = item.clusters.map(cl => `<span class="cluster-tag inline-block bg-gray-200 text-gray-700 text-xs font-medium mr-2 mb-2 px-2.5 py-1 rounded-full">${cl}</span>`).join('');
-                    itemsHtml += `<div class="competency-card bg-white rounded-lg shadow-md border-2 border-transparent transition-all duration-300" data-clusters='${JSON.stringify(item.clusters)}'><button class="accordion-toggle w-full text-left p-4 flex justify-between items-center"><span class="font-bold text-lg text-gray-800">${item.name}</span><i data-feather="chevron-down" class="transition-transform"></i></button><div class="accordion-content px-4 pb-4"><p class="text-gray-600 text-sm mb-4">${item.description}</p><h5 class="font-semibold text-sm mb-2 text-gray-800">如何展現這項素養？</h5><ul class="space-y-1.5 text-sm text-gray-700 mb-4">${examplesHtml}</ul><h5 class="font-semibold text-sm mb-2 text-gray-800">相關大學學群</h5><div>${clustersHtml}</div></div></div>`;
+                    const contentId = `content-${item.name.replace(/\s+/g, '-')}`;
+                    itemsHtml += `<div class="competency-card bg-white rounded-lg shadow-md border-2 border-transparent transition-all duration-300" data-clusters='${JSON.stringify(item.clusters)}'><button class="accordion-toggle w-full text-left p-4 flex justify-between items-center" aria-expanded="false" aria-controls="${contentId}"><span class="font-bold text-lg text-gray-800">${item.name}</span><i data-feather="chevron-down" class="transition-transform"></i></button><div id="${contentId}" class="accordion-content px-4"><p class="text-gray-600 text-sm mb-4">${item.description}</p><h5 class="font-semibold text-sm mb-2 text-gray-800">如何展現這項素養？</h5><ul class="space-y-1.5 text-sm text-gray-700 mb-4">${examplesHtml}</ul><h5 class="font-semibold text-sm mb-2 text-gray-800">相關大學學群</h5><div>${clustersHtml}</div></div></div>`;
                 });
 
                 column.innerHTML = `<div class="bg-white rounded-xl shadow-lg p-6 sticky top-[150px]"><div class="flex items-center text-${faceData.color}-600"><i data-feather="${faceData.icon}" class="w-8 h-8"></i><h3 class="text-2xl font-bold ml-3">${face}</h3></div></div><div class="space-y-6">${itemsHtml}</div>`;
@@ -164,16 +186,11 @@ <h2 class="text-2xl md:text-3xl font-bold mb-2 flex items-center gap-3">
 
             document.querySelectorAll('.accordion-toggle').forEach(button => {
                 button.addEventListener('click', () => {
-                    const content = button.nextElementSibling;
+                    const card = button.parentElement;
                     const icon = button.querySelector('i');
-                    button.parentElement.classList.toggle('is-open');
-                    if (content.style.maxHeight) {
-                        content.style.maxHeight = null;
-                        if (icon) icon.style.transform = 'rotate(0deg)';
-                    } else {
-                        content.style.maxHeight = content.scrollHeight + "px";
-                        if (icon) icon.style.transform = 'rotate(180deg)';
-                    }
+                    const isOpen = card.classList.toggle('is-open');
+                    button.setAttribute('aria-expanded', isOpen);
+                    if (icon) icon.style.transform = isOpen ? 'rotate(180deg)' : 'rotate(0deg)';
                 });
             });
         }
diff --git a/career-exploration/index.html b/career-exploration/index.html
index 7a0157c..4bee25f 100644
--- a/career-exploration/index.html
+++ b/career-exploration/index.html
@@ -108,6 +108,7 @@
                 <a href="index.html" class="text-indigo-600 font-semibold transition-colors duration-300">未來生涯GPS</a>
                 <a href="../advanced-resources/index.html" class="text-gray-600 hover:text-indigo-600 transition-colors duration-300">進階資源探索區</a>
                 <a href="../civic-tech-map/index.html" class="text-gray-600 hover:text-indigo-600 transition-colors duration-300">公民科技專案地圖</a>
+                <a href="../about.html" class="text-gray-600 hover:text-indigo-600 transition-colors duration-300">關於我們</a>
             </div>
             <div class="md:hidden">
                 <button id="mobile-menu-button" class="text-gray-700 focus:outline-none">
@@ -121,6 +122,7 @@
             <a href="index.html" class="block text-indigo-600 font-semibold py-2">未來生涯GPS</a>
             <a href="../advanced-resources/index.html" class="block text-gray-600 hover:text-indigo-600 py-2">進階資源探索區</a>
             <a href="../civic-tech-map/index.html" class="block text-gray-600 hover:text-indigo-600 py-2">公民科技專案地圖</a>
+            <a href="../about.html" class="block text-gray-600 hover:text-indigo-600 py-2">關於我們</a>
         </div>
     </header>
 
@@ -218,9 +220,19 @@ <h3 class="font-bold text-xl text-gray-900">政治大學 傳播學院</h3>
     </main>
 
     <footer class="bg-gray-800 text-white mt-20">
-        <div class="container mx-auto px-6 py-10 text-center text-gray-400">
-            <p>&copy; 2026 台灣教育處方籤. All Rights Reserved.</p>
-            <p class="text-sm mt-2">為 108 課綱學子打造的生涯探索資源站</p>
+        <div class="container mx-auto px-6 py-10">
+            <div class="text-center">
+                <h3 class="text-2xl font-bold">台灣教育處方籤</h3>
+                <p class="text-gray-400 mt-1">一個由關心台灣教育的學生與開發者發起的專案。</p>
+                <div class="flex justify-center space-x-6 mt-4">
+                    <a href="../about.html" class="text-gray-400 hover:text-white transition duration-300">關於我們</a>
+                    <a href="../sitemap.html" class="text-gray-400 hover:text-white transition duration-300">網站地圖</a>
+                    <a href="mailto:hctsai@linux.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
+                </div>
+            </div>
+            <div class="mt-8 border-t border-gray-700 pt-6 text-center text-gray-500 text-sm">
+                &copy; 2026 台灣教育處方籤. All Rights Reserved.
+            </div>
         </div>
     </footer>
 
diff --git a/career-exploration/senior-interviews.html b/career-exploration/senior-interviews.html
index 9f2e253..4c2f424 100644
--- a/career-exploration/senior-interviews.html
+++ b/career-exploration/senior-interviews.html
@@ -167,8 +167,19 @@ <h1 class="text-4xl md:text-5xl font-black text-gray-800 mb-4">
 
     <!-- Footer -->
     <footer class="bg-gray-800 text-white mt-20">
-        <div class="container mx-auto px-6 py-10 text-center">
-            <p>&copy; 2026 台灣教育處方籤. All Rights Reserved.</p>
+        <div class="container mx-auto px-6 py-10">
+            <div class="text-center">
+                <h3 class="text-2xl font-bold">台灣教育處方籤</h3>
+                <p class="text-gray-400 mt-1">一個由關心台灣教育的學生與開發者發起的專案。</p>
+                <div class="flex justify-center space-x-6 mt-4">
+                    <a href="../about.html" class="text-gray-400 hover:text-white transition duration-300">關於我們</a>
+                    <a href="../sitemap.html" class="text-gray-400 hover:text-white transition duration-300">網站地圖</a>
+                    <a href="mailto:hctsai@linux.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
+                </div>
+            </div>
+            <div class="mt-8 border-t border-gray-700 pt-6 text-center text-gray-500 text-sm">
+                &copy; 2026 台灣教育處方籤. All Rights Reserved.
+            </div>
         </div>
     </footer>
 
diff --git a/civic-tech-map/index.html b/civic-tech-map/index.html
index 8b4cd56..d2af811 100644
--- a/civic-tech-map/index.html
+++ b/civic-tech-map/index.html
@@ -108,6 +108,7 @@
                 <a href="../career-exploration/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">未來生涯GPS</a>
                 <a href="../advanced-resources/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">進階資源探索區</a>
                 <a href="index.html" class="text-emerald-600 font-semibold transition duration-300">公民科技專案地圖</a>
+                <a href="../about.html" class="text-gray-600 hover:text-blue-500 transition duration-300">關於我們</a>
             </div>
         </nav>
     </header>
@@ -497,7 +498,18 @@ <h3 class="text-xl md:text-2xl font-bold text-gray-900">國家寶藏 (National T
     <!-- Footer -->
     <footer class="bg-gray-800 text-white mt-20">
         <div class="container mx-auto px-6 py-10">
-            <p class="text-center">&copy; 2026 台灣教育處方籤</p>
+            <div class="text-center">
+                <h3 class="text-2xl font-bold">台灣教育處方籤</h3>
+                <p class="text-gray-400 mt-1">一個由關心台灣教育的學生與開發者發起的專案。</p>
+                <div class="flex justify-center space-x-6 mt-4">
+                    <a href="../about.html" class="text-gray-400 hover:text-white transition duration-300">關於我們</a>
+                    <a href="../sitemap.html" class="text-gray-400 hover:text-white transition duration-300">網站地圖</a>
+                    <a href="mailto:hctsai@linux.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
+                </div>
+            </div>
+            <div class="mt-8 border-t border-gray-700 pt-6 text-center text-gray-500 text-sm">
+                &copy; 2026 台灣教育處方籤. All Rights Reserved.
+            </div>
         </div>
     </footer>
 
diff --git a/index.html b/index.html
index d5535b2..63ad2f2 100644
--- a/index.html
+++ b/index.html
@@ -281,12 +281,12 @@ <h2 class="text-3xl md:text-4xl font-bold">我們是誰？</h2>
             <div class="flex flex-col md:flex-row justify-between items-center text-center md:text-left">
                 <div class="mb-6 md:mb-0">
                     <h3 class="text-2xl font-bold">台灣教育處方籤</h3>
-                    <p class="text-gray-400 mt-1">一個開源、共創的教育資源整合平台。</p>
+                    <p class="text-gray-400 mt-1">一個由關心台灣教育的學生與開發者發起的專案。</p>
                 </div>
                 <div class="flex space-x-6">
                     <a href="about.html" class="text-gray-400 hover:text-white transition duration-300">關於我們</a>
                     <a href="sitemap.html" class="text-gray-400 hover:text-white transition duration-300">網站地圖</a>
-                    <a href="mailto:contact@example.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
+                    <a href="mailto:hctsai@linux.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
                 </div>
             </div>
             <div class="mt-8 border-t border-gray-700 pt-6 text-center text-gray-500 text-sm">
diff --git a/learning-portfolio/activity-database.html b/learning-portfolio/activity-database.html
index 60249dd..0194036 100644
--- a/learning-portfolio/activity-database.html
+++ b/learning-portfolio/activity-database.html
@@ -49,6 +49,7 @@
                 <a href="../career-exploration/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">未來生涯GPS</a>
                 <a href="../advanced-resources/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">進階資源探索區</a>
                 <a href="../civic-tech-map/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">公民科技專案地圖</a>
+                <a href="../about.html" class="text-gray-600 hover:text-blue-500 transition duration-300">關於我們</a>
             </div>
         </nav>
     </header>
@@ -140,7 +141,18 @@ <h3 class="mt-2 text-sm font-medium text-gray-900">找不到活動</h3>
     <!-- Footer -->
     <footer class="bg-gray-800 text-white mt-20">
         <div class="container mx-auto px-6 py-10">
-            <p class="text-center">&copy; 2026 台灣教育處方籤</p>
+            <div class="text-center">
+                <h3 class="text-2xl font-bold">台灣教育處方籤</h3>
+                <p class="text-gray-400 mt-1">一個由關心台灣教育的學生與開發者發起的專案。</p>
+                <div class="flex justify-center space-x-6 mt-4">
+                    <a href="../about.html" class="text-gray-400 hover:text-white transition duration-300">關於我們</a>
+                    <a href="../sitemap.html" class="text-gray-400 hover:text-white transition duration-300">網站地圖</a>
+                    <a href="mailto:hctsai@linux.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
+                </div>
+            </div>
+            <div class="mt-8 border-t border-gray-700 pt-6 text-center text-gray-500 text-sm">
+                &copy; 2026 台灣教育處方籤. All Rights Reserved.
+            </div>
         </div>
     </footer>
 
diff --git a/learning-portfolio/index.html b/learning-portfolio/index.html
index b05a9db..f8dc444 100644
--- a/learning-portfolio/index.html
+++ b/learning-portfolio/index.html
@@ -58,6 +58,7 @@
                 <a href="../career-exploration/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">未來生涯GPS</a>
                 <a href="../advanced-resources/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">進階資源探索區</a>
                 <a href="../civic-tech-map/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">公民科技專案地圖</a>
+                <a href="../about.html" class="text-gray-600 hover:text-blue-500 transition duration-300">關於我們</a>
             </div>
         </nav>
     </header>
@@ -138,7 +139,18 @@ <h3 class="text-xl font-bold mb-2">線上製作工具箱</h3>
     <!-- Footer -->
     <footer class="bg-gray-800 text-white mt-20">
         <div class="container mx-auto px-6 py-10">
-            <p class="text-center">&copy; 2026 台灣教育處方籤</p>
+            <div class="text-center">
+                <h3 class="text-2xl font-bold">台灣教育處方籤</h3>
+                <p class="text-gray-400 mt-1">一個由關心台灣教育的學生與開發者發起的專案。</p>
+                <div class="flex justify-center space-x-6 mt-4">
+                    <a href="../about.html" class="text-gray-400 hover:text-white transition duration-300">關於我們</a>
+                    <a href="../sitemap.html" class="text-gray-400 hover:text-white transition duration-300">網站地圖</a>
+                    <a href="mailto:hctsai@linux.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
+                </div>
+            </div>
+            <div class="mt-8 border-t border-gray-700 pt-6 text-center text-gray-500 text-sm">
+                &copy; 2026 台灣教育處方籤. All Rights Reserved.
+            </div>
         </div>
     </footer>
 
diff --git a/learning-portfolio/portfolio-gallery.html b/learning-portfolio/portfolio-gallery.html
index 93f5d63..7afe035 100644
--- a/learning-portfolio/portfolio-gallery.html
+++ b/learning-portfolio/portfolio-gallery.html
@@ -64,6 +64,7 @@
                 <a href="../career-exploration/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">未來生涯GPS</a>
                 <a href="../advanced-resources/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">進階資源探索區</a>
                 <a href="../civic-tech-map/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">公民科技專案地圖</a>
+                <a href="../about.html" class="text-gray-600 hover:text-blue-500 transition duration-300">關於我們</a>
             </div>
         </nav>
     </header>
@@ -155,7 +156,18 @@ <h3 class="text-2xl font-bold mb-3">社會實踐報告：<br>「剩食」議題
     <!-- Footer -->
     <footer class="bg-gray-800 text-white mt-20">
         <div class="container mx-auto px-6 py-10">
-            <p class="text-center">&copy; 2026 台灣教育處方籤</p>
+            <div class="text-center">
+                <h3 class="text-2xl font-bold">台灣教育處方籤</h3>
+                <p class="text-gray-400 mt-1">一個由關心台灣教育的學生與開發者發起的專案。</p>
+                <div class="flex justify-center space-x-6 mt-4">
+                    <a href="../about.html" class="text-gray-400 hover:text-white transition duration-300">關於我們</a>
+                    <a href="../sitemap.html" class="text-gray-400 hover:text-white transition duration-300">網站地圖</a>
+                    <a href="mailto:hctsai@linux.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
+                </div>
+            </div>
+            <div class="mt-8 border-t border-gray-700 pt-6 text-center text-gray-500 text-sm">
+                &copy; 2026 台灣教育處方籤. All Rights Reserved.
+            </div>
         </div>
     </footer>
 
diff --git a/learning-portfolio/reflection-guide.html b/learning-portfolio/reflection-guide.html
index 43b156d..8e149b5 100644
--- a/learning-portfolio/reflection-guide.html
+++ b/learning-portfolio/reflection-guide.html
@@ -63,6 +63,7 @@
                 <a href="../career-exploration/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">未來生涯GPS</a>
                 <a href="../advanced-resources/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">進階資源探索區</a>
                 <a href="../civic-tech-map/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">公民科技專案地圖</a>
+                <a href="../about.html" class="text-gray-600 hover:text-blue-500 transition duration-300">關於我們</a>
             </div>
         </nav>
     </header>
@@ -139,7 +140,18 @@ <h2 class="text-2xl font-bold mb-2">✨ 工具二：AI 學習歷程健檢</h2>
     <!-- Footer -->
     <footer class="bg-gray-800 text-white mt-20">
         <div class="container mx-auto px-6 py-10">
-            <p class="text-center">&copy; 2026 台灣教育處方籤</p>
+            <div class="text-center">
+                <h3 class="text-2xl font-bold">台灣教育處方籤</h3>
+                <p class="text-gray-400 mt-1">一個由關心台灣教育的學生與開發者發起的專案。</p>
+                <div class="flex justify-center space-x-6 mt-4">
+                    <a href="../about.html" class="text-gray-400 hover:text-white transition duration-300">關於我們</a>
+                    <a href="../sitemap.html" class="text-gray-400 hover:text-white transition duration-300">網站地圖</a>
+                    <a href="mailto:hctsai@linux.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
+                </div>
+            </div>
+            <div class="mt-8 border-t border-gray-700 pt-6 text-center text-gray-500 text-sm">
+                &copy; 2026 台灣教育處方籤. All Rights Reserved.
+            </div>
         </div>
     </footer>
 
diff --git a/learning-portfolio/tools.html b/learning-portfolio/tools.html
index 0def65c..cd6695d 100644
--- a/learning-portfolio/tools.html
+++ b/learning-portfolio/tools.html
@@ -56,6 +56,7 @@
                 <a href="../career-exploration/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">未來生涯GPS</a>
                 <a href="../advanced-resources/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">進階資源探索區</a>
                 <a href="../civic-tech-map/index.html" class="text-gray-600 hover:text-blue-500 transition duration-300">公民科技專案地圖</a>
+                <a href="../about.html" class="text-gray-600 hover:text-blue-500 transition duration-300">關於我們</a>
             </div>
         </nav>
     </header>
@@ -121,7 +122,18 @@ <h3 class="text-2xl font-bold mb-3">Notion - 你的第二大腦</h3>
     <!-- Footer -->
     <footer class="bg-gray-800 text-white mt-20">
         <div class="container mx-auto px-6 py-10">
-            <p class="text-center">&copy; 2026 台灣教育處方籤</p>
+            <div class="text-center">
+                <h3 class="text-2xl font-bold">台灣教育處方籤</h3>
+                <p class="text-gray-400 mt-1">一個由關心台灣教育的學生與開發者發起的專案。</p>
+                <div class="flex justify-center space-x-6 mt-4">
+                    <a href="../about.html" class="text-gray-400 hover:text-white transition duration-300">關於我們</a>
+                    <a href="../sitemap.html" class="text-gray-400 hover:text-white transition duration-300">網站地圖</a>
+                    <a href="mailto:hctsai@linux.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
+                </div>
+            </div>
+            <div class="mt-8 border-t border-gray-700 pt-6 text-center text-gray-500 text-sm">
+                &copy; 2026 台灣教育處方籤. All Rights Reserved.
+            </div>
         </div>
     </footer>
 
diff --git a/sitemap.html b/sitemap.html
index 9f12319..ef81be3 100644
--- a/sitemap.html
+++ b/sitemap.html
@@ -133,7 +133,18 @@ <h3 class="text-xl font-bold text-gray-700 mb-4">關於本站</h3>
     <!-- Footer -->
     <footer class="bg-gray-800 text-white mt-20">
         <div class="container mx-auto px-6 py-10">
-            <p class="text-center">&copy; 2026 台灣教育處方籤</p>
+            <div class="text-center">
+                <h3 class="text-2xl font-bold">台灣教育處方籤</h3>
+                <p class="text-gray-400 mt-1">一個由關心台灣教育的學生與開發者發起的專案。</p>
+                <div class="flex justify-center space-x-6 mt-4">
+                    <a href="about.html" class="text-gray-400 hover:text-white transition duration-300">關於我們</a>
+                    <a href="sitemap.html" class="text-gray-400 hover:text-white transition duration-300">網站地圖</a>
+                    <a href="mailto:hctsai@linux.com" class="text-gray-400 hover:text-white transition duration-300">聯絡我們</a>
+                </div>
+            </div>
+            <div class="mt-8 border-t border-gray-700 pt-6 text-center text-gray-500 text-sm">
+                &copy; 2026 台灣教育處方籤. All Rights Reserved.
+            </div>
         </div>
     </footer>