Upload 3 files

.gitattributes

@@ -36,3 +36,5 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 m1.GIF filter=lfs diff=lfs merge=lfs -text
 m4.GIF filter=lfs diff=lfs merge=lfs -text
 pigod.png filter=lfs diff=lfs merge=lfs -text
+Sacred[[:space:]]Dawn[[:space:]]Ascending.mp3 filter=lfs diff=lfs merge=lfs -text
+Singularity[[:space:]]Drift.mp3 filter=lfs diff=lfs merge=lfs -text

Sacred Dawn Ascending.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:550d42b62277e1e12b680279fefec3a34802345dafd532776a68c7c230505344
+size 4947564

Singularity Drift.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e5a59f965320ff9286c27200d899e4e6a6a96c72cf6a036f861d58b239012721
+size 9653300

index.html

@@ -274,7 +274,9 @@
             <!-- Excel 匯入面板 -->
             <div class="glass-panel" style="margin-bottom: 2rem; background: rgba(0,0,0,0.4); border: 1px dashed var(--primary);">
                 <h2 style="color: var(--accent); margin-top: 0; font-size: 1.8rem; text-shadow: 0 2px 4px rgba(0,0,0,0.5);">📁 賜下預先名冊 (Excel 匯入)</h2>
-                <p style="color: #d1d5db; margin-bottom: 1rem;">可先從 Excel 匯入檔案自動尋找第一名。檔案需至少兩欄：第一欄姓名、第二欄數字（不含標頭第一行）。</p>
+                <p style="color: #d1d5db; margin-bottom: 1rem;">可先從 Excel 匯入檔案自動尋找第一名。檔案需至少兩欄：第一欄姓名、第二欄數字（不含標頭第一行）。
+                    <a href="https://docs.google.com/spreadsheets/d/11hXMTLU7rPeu9h6B-BNGF6esFWEXJSGo/edit?usp=drive_link&ouid=115947803934724851078&rtpof=true&sd=true" target="_blank" style="color: var(--accent); text-decoration: underline; margin-left: 0.5rem; white-space: nowrap;">📥 下載範例檔案</a>
+                </p>
                 <input type="file" id="excelFile" accept=".xlsx, .xls" style="color: white; margin-bottom: 1rem; width: 100%; padding: 0.5rem; border: 1px solid rgba(255,255,255,0.2); border-radius: 0.5rem; background: rgba(0,0,0,0.3);"/>
                 <div style="display: flex; gap: 1rem; align-items: center; flex-wrap: wrap;">
                     <button class="btn" id="importBtn" style="width: auto; padding: 0.75rem 1.5rem; font-size: 1.2rem;">匯入並預先請求神諭</button>
@@ -288,14 +290,19 @@
             </div>
 
             <div class="glass-panel" style="margin-bottom: 2rem;">
-                <div style="display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 1.5rem; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 1rem;">
+                <div style="display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 1.5rem; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 1rem; flex-wrap: wrap; gap: 1rem;">
                     <div>
                         <h2 style="margin: 0; font-size: 1.8rem; text-shadow: 0 2px 4px rgba(0,0,0,0.5);">👨‍🎓 信徒等待區</h2>
                         <p style="margin: 0.5rem 0 0 0; color: #d1d5db;">目前已收到 <strong id="studentCount" style="color: white; font-size: 1.2rem;">0</strong> 份幸運數字</p>
                     </div>
-                    <button class="btn" id="searchApiBtn" style="width: auto; padding: 1rem 3rem; font-size: 1.5rem;">
-                        ✨ 祈求眷顧！開始搜尋
-                    </button>
+                    <div style="display: flex; gap: 1rem;">
+                        <button class="btn" id="restartMusicBtn" style="width: auto; padding: 1rem 1.5rem; font-size: 1.2rem; background: rgba(59, 130, 246, 0.8); border-color: rgba(96, 165, 250, 0.5); color: white;" title="返回等候階段，重新播放背景音樂">
+                            🎵 重啟等候音樂
+                        </button>
+                        <button class="btn" id="searchApiBtn" style="width: auto; padding: 1rem 3rem; font-size: 1.5rem;">
+                            ✨ 祈求眷顧！開始搜尋
+                        </button>
+                    </div>
                 </div>
                 <!-- 卡片列表動態產生於此 -->
                 <div class="students-grid" id="studentsGrid"></div>
@@ -329,6 +336,73 @@
     <script type="module">
         import { initializeApp } from "https://www.gstatic.com/firebasejs/10.8.1/firebase-app.js";
         import { getFirestore, doc, collection, onSnapshot, query, orderBy, getDocs, limit, setDoc, deleteDoc, updateDoc, where } from "https://www.gstatic.com/firebasejs/10.8.1/firebase-firestore.js";
+
+        // --- 音樂資源設定 ---
+        const audioDrift = new Audio('Singularity Drift.mp3');
+        audioDrift.loop = true;
+        audioDrift.volume = 0;
+
+        const audioDawn = new Audio('Sacred Dawn Ascending.mp3');
+        audioDawn.loop = true;
+        audioDawn.volume = 0;
+
+        let fadeInterval = null;
+
+        function playDrift() {
+            clearInterval(fadeInterval);
+            audioDrift.play().catch(e => console.warn("Audio play error:", e));
+            
+            fadeInterval = setInterval(() => {
+                let driftVol = audioDrift.volume;
+                let dawnVol = audioDawn.volume;
+                let done = true;
+                
+                if (dawnVol > 0.05) {
+                    audioDawn.volume = Math.max(0, dawnVol - 0.05);
+                    done = false;
+                } else {
+                    audioDawn.volume = 0;
+                    if(!audioDawn.paused) audioDawn.pause();
+                }
+                
+                if (driftVol < 0.95) {
+                    audioDrift.volume = Math.min(1, driftVol + 0.05);
+                    done = false;
+                } else {
+                    audioDrift.volume = 1;
+                }
+                
+                if (done) clearInterval(fadeInterval);
+            }, 100);
+        }
+
+        function playDawn() {
+            clearInterval(fadeInterval);
+            audioDawn.play().catch(e => console.warn("Audio play error:", e));
+            
+            fadeInterval = setInterval(() => {
+                let driftVol = audioDrift.volume;
+                let dawnVol = audioDawn.volume;
+                let done = true;
+                
+                if (driftVol > 0.05) {
+                    audioDrift.volume = Math.max(0, driftVol - 0.05);
+                    done = false;
+                } else {
+                    audioDrift.volume = 0;
+                    if(!audioDrift.paused) audioDrift.pause();
+                }
+                
+                if (dawnVol < 0.95) {
+                    audioDawn.volume = Math.min(1, dawnVol + 0.05);
+                    done = false;
+                } else {
+                    audioDawn.volume = 1;
+                }
+                
+                if (done) clearInterval(fadeInterval);
+            }, 100);
+        }
         
         const firebaseConfig = {
             apiKey: "AIzaSyA2fxxaGAdWSR_QOH2Hm92kttGZmLDH8-w",
@@ -408,6 +482,7 @@
         // --- 0. 開場動畫點擊 ---
         const introScreen = document.getElementById('introScreen');
         introScreen.addEventListener('click', () => {
+            playDrift(); // 🎵 開始播放背景音樂
             introScreen.style.opacity = '0';
             setTimeout(() => {
                 introScreen.style.display = 'none';
@@ -512,8 +587,13 @@
                 text: studentUrl, width: 300, height: 300, colorDark : "#000000", colorLight : "#ffffff", correctLevel : QRCode.CorrectLevel.L
             });
             
-            document.getElementById('qrcodeArea').onclick = () => document.getElementById('qrModal').style.display = 'flex';
+            document.getElementById('qrcodeArea').onclick = () => {
+                document.getElementById('qrModal').style.display = 'flex';
+                playDrift(); // 自動重新播放等候音樂 (第二階段掃碼時)
+            };
             document.getElementById('qrModal').onclick = () => document.getElementById('qrModal').style.display = 'none';
+            // 手動按鈕重新播放音樂
+            document.getElementById('restartMusicBtn').onclick = () => playDrift();
 
             // 啟動資料庫監聽
             if(isTestMode) {
@@ -900,6 +980,25 @@
             // 按數字大小從大排到小 (越深的人排名越高)
             finalPool.sort((a, b) => b.resultVal - a.resultVal);
 
+            // 排列名次並將最終總排名推播至 Firebase 讓學生端更新
+            let currentRank = 1;
+            for (let i = 0; i < finalPool.length; i++) {
+                // 若分數與前一名不同，名次改為目前人數順序 (並列名次處理)
+                if (i > 0 && finalPool[i].resultVal < finalPool[i-1].resultVal) {
+                    currentRank = i + 1;
+                }
+                finalPool[i].rank = currentRank;
+
+                // 若非 Excel 資料 (即現場真實手機連線資料)，回寫 Firebase
+                if (!finalPool[i].id.startsWith('excel_') && !isTestMode) {
+                    try {
+                        updateDoc(doc(db, "rooms", currentRoom, "students", finalPool[i].id), {
+                            rank: currentRank
+                        });
+                    } catch(e) {}
+                }
+            }
+
             drawPodium(finalPool);
 
             if(finalPool.length > 0) {
@@ -939,6 +1038,7 @@
         }
 
         function drawPodium(validData) {
+            playDawn(); // 🎵 結果出爐，切換為 Sacred Dawn Ascending.mp3 音樂
             const podiumArea = document.getElementById('podiumArea');
             podiumArea.innerHTML = "";