fix: 修復手風琴展開問題並統一全站 Footer 與 Navigation

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:contact@example.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>
 

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:contact@example.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>
 

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>

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:contact@example.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>
 

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:contact@example.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>
 

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:contact@example.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>
 

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:contact@example.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>
 

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:contact@example.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>
 

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:contact@example.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>
 

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:contact@example.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>