Upload index.html

index.html

@@ -356,8 +356,6 @@
                     <canvas id="resultChart"></canvas>
                 </div>
             </div>
-        </div>
-    </div>
 
     <!-- QR Code 放大顯示遮罩 -->
     <div id="qrModal" style="display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.95); z-index: 9999; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; backdrop-filter: blur(5px);">
@@ -1311,65 +1309,37 @@
     <!-- 頁尾宣告資訊區 -->
     <style>
         .footer-credit {
-            position: fixed;
-            bottom: 20px;
-            right: 20px;
             text-align: right;
-            color: rgba(253, 246, 227, 0.8);
-            font-size: 0.9rem;
-            z-index: 1000;
-            background: rgba(10, 10, 10, 0.5);
-            backdrop-filter: blur(8px);
-            padding: 1rem 1.25rem;
-            border-radius: 1rem;
-            border: 1px solid rgba(255, 255, 255, 0.1);
-            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
-            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+            color: rgba(255, 255, 255, 0.3);
+            font-size: 0.85rem;
+            padding: 2rem 0;
+            margin-top: 2rem;
+            border-top: 1px solid rgba(255, 255, 255, 0.1);
+            transition: color 0.3s;
         }
         .footer-credit:hover {
-            background: rgba(30, 25, 15, 0.75);
-            border-color: rgba(252, 211, 77, 0.3);
-            transform: translateY(-3px);
-            box-shadow: 0 15px 25px -5px rgba(0, 0, 0, 0.6);
+            color: rgba(255, 255, 255, 0.7);
         }
         .footer-link {
-            color: #fcd34d;
-            text-decoration: none;
-            font-weight: bold;
-            transition: color 0.2s, text-shadow 0.2s;
-            position: relative;
-        }
-        .footer-link::after {
-            content: '';
-            position: absolute;
-            width: 100%;
-            transform: scaleX(0);
-            height: 1px;
-            bottom: -2px;
-            left: 0;
-            background-color: #fcd34d;
-            transform-origin: bottom right;
-            transition: transform 0.25s ease-out;
+            color: inherit;
+            text-decoration: underline;
+            transition: color 0.2s;
         }
         .footer-link:hover {
-            color: #fde047;
-            text-shadow: 0 0 8px rgba(253, 224, 71, 0.6);
-        }
-        .footer-link:hover::after {
-            transform: scaleX(1);
-            transform-origin: bottom left;
+            color: #fcd34d;
         }
     </style>
     <div class="footer-credit">
-        <div style="margin-bottom: 6px;">
-            程式設計：新竹縣精華國中 <strong style="color: #fff;">藍星宇</strong>
+        <div style="margin-bottom: 4px;">
+            程式設計：新竹縣精華國中 藍星宇
         </div>
-        <div style="margin-bottom: 6px;">
+        <div style="margin-bottom: 4px;">
             教育社群：<a href="https://www.facebook.com/groups/1554372228718393" target="_blank" class="footer-link">萬物皆數</a>
         </div>
         <div>
-            Pi-search 使用網站：<a href="https://www.angio.net/pi/" target="_blank" class="footer-link">angio.net/pi/</a>
+            Pi-search 使用資料：<a href="https://www.angio.net/pi/" target="_blank" class="footer-link">angio.net/pi/</a>
         </div>
     </div>
+</div>
 </body>
 </html>