From 689f06977a534914328ae57df559fdaee68dcb73 Mon Sep 17 00:00:00 2001
From: MKStoler1024 <158786854+MKStoler1024@users.noreply.github.com>
Date: Thu, 27 Feb 2025 05:54:12 +0000
Subject: [PATCH] =?UTF-8?q?style:=20=E6=B7=BB=E5=8A=A0=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E6=A8=A1=E6=80=81=E6=A1=86=E6=B7=A1=E5=87=BA=E5=8A=A8=E7=94=BB?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=98=E5=8C=96=E5=85=B3=E9=97=AD=E5=92=8C=E4=BF=9D?=
 =?UTF-8?q?=E5=AD=98=E8=AE=BE=E7=BD=AE=E7=9A=84=E7=94=A8=E6=88=B7=E4=BD=93?=
 =?UTF-8?q?=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 exam/Scripts/examInfo.js |  4 ++--
 exam/Scripts/settings.js | 14 ++++++++++++--
 exam/Styles/dark.css     |  9 +++++++++
 3 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/exam/Scripts/examInfo.js b/exam/Scripts/examInfo.js
index 5d8ed38..8465262 100644
--- a/exam/Scripts/examInfo.js
+++ b/exam/Scripts/examInfo.js
@@ -7,8 +7,8 @@ document.addEventListener("DOMContentLoaded", () => {
     const remainingTimeElem = document.getElementById("remaining-time");
     const statusElem = document.getElementById("status");
     const examTableBodyElem = document.getElementById("exam-table-body");
-    const roomElem = document.getElementById("room"); // 添加这一行
-    let offsetTime = getCookie("offsetTime") || 0; // 添加这一行
+    const roomElem = document.getElementById("room");
+    let offsetTime = getCookie("offsetTime") || 0;
 
     function fetchData() {
         return fetch('exam_config.json', { cache: "no-store" })
diff --git a/exam/Scripts/settings.js b/exam/Scripts/settings.js
index caf49e3..af3a424 100644
--- a/exam/Scripts/settings.js
+++ b/exam/Scripts/settings.js
@@ -23,7 +23,11 @@ document.addEventListener("DOMContentLoaded", () => {
     });
 
     closeSettingsBtn.addEventListener("click", () => {
-        settingsModal.style.display = "none";
+        settingsModal.classList.add("fade-out");
+        setTimeout(() => {
+            settingsModal.style.display = "none";
+            settingsModal.classList.remove("fade-out");
+        }, 300);
     });
 
     saveSettingsBtn.addEventListener("click", () => {
@@ -35,7 +39,13 @@ document.addEventListener("DOMContentLoaded", () => {
         setCookie("zoomLevel", zoomLevel, 365);
         roomElem.textContent = room;
         document.body.style.zoom = zoomLevel;
-        settingsModal.style.display = "none";
+        settingsModal.classList.add("fade-out");
+        setTimeout(() => {
+            settingsModal.style.display = "none";
+            settingsModal.classList.remove("fade-out");
+        }, 300);
+        // 立即生效时间偏移
+        location.reload();
     });
 
     document.body.style.zoom = zoomLevel;
diff --git a/exam/Styles/dark.css b/exam/Styles/dark.css
index 5a52578..f38294b 100644
--- a/exam/Styles/dark.css
+++ b/exam/Styles/dark.css
@@ -207,6 +207,15 @@ td:last-child {
     to { opacity: 1; transform: translateY(0); }
 }
 
+@keyframes fadeOut {
+    from { opacity: 1; transform: translateY(0); }
+    to { opacity: 0; transform: translateY(-20px); }
+}
+
+.fade-out {
+    animation: fadeOut 0.3s ease;
+}
+
 #settings-modal-content h3 {
     margin: 0 0 20px;
     color: #e0e0e0;