feat: 合并看板和广播

2025-04-29 19:16:33 +00:00 · 2025-04-26 17:54:53 +00:00 · 2025-04-26 17:54:53 +00:00 · 6432f2da7c
commit 6432f2da7c
parent a8f8080327
45 changed files with 923 additions and 2021 deletions
--- a/.devcontainer/devcontainer.json
+++ b/.devcontainer/devcontainer.json
@ -0,0 +1,27 @@
+// For format details, see https://aka.ms/devcontainer.json. For config options, see the
+// README at: https://github.com/devcontainers/templates/tree/main/src/php
+{
+	"name": "PHP",
+	// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
+	"image": "mcr.microsoft.com/devcontainers/php:1-8.2-bullseye",
+	// Configure tool-specific properties.
+	"customizations": {
+		// Configure properties specific to VS Code.
+		"vscode": {
+			"extensions": [
+				"ikappas.composer"
+			]
+		}
+	},
+	// Use 'forwardPorts' to make a list of ports inside the container available locally.
+	"forwardPorts": [
+		8080
+	],
+	"features": {
+		"ghcr.io/devcontainers/features/github-cli:1": {}
+	},
+	// Use 'postCreateCommand' to run commands after the container is created.
+	"postCreateCommand": "sudo chmod a+x \"$(pwd)\" && sudo rm -rf /var/www/html && sudo ln -s \"$(pwd)\" /var/www/html; if [ -f composer.json ];then composer install;fi"
+	// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
+	// "remoteUser": "root"
+}
--- a/.github/dependabot.yml
+++ b/.github/dependabot.yml
@ -0,0 +1,12 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for more information:
+# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
+# https://containers.dev/guide/dependabot
+
+version: 2
+updates:
+ - package-ecosystem: "devcontainers"
+   directory: "/"
+   schedule:
+     interval: weekly
--- a/notification/scripts/audioController.js
+++ b/notification/scripts/audioController.js
@ -1,3 +1,4 @@
+// ...复制 notification/scripts/audioController.js 的全部内容...
 var audioController = (function() {
    var audioPool = [];
    var maxPoolSize = 3;
--- a/exam/Scripts/examInfo.js
+++ b/exam/Scripts/examInfo.js
@ -42,6 +42,7 @@ document.addEventListener("DOMContentLoaded", () => {
        if (localConfig) {
            try {
                const data = JSON.parse(localConfig);
+                window.examConfigData = data; // 暴露全局变量供提醒队列使用
                displayExamInfo(data);
                updateCurrentTime();
                updateExamInfo(data);
@ -58,6 +59,7 @@ document.addEventListener("DOMContentLoaded", () => {
        return fetch('exam_config.json', { cache: "no-store" })
            .then(response => response.json())
            .then(data => {
+                window.examConfigData = data; // 暴露全局变量供提醒队列使用
                displayExamInfo(data);
                updateCurrentTime();
                updateExamInfo(data);
--- a/exam/Scripts/reminderModal.js
+++ b/exam/Scripts/reminderModal.js
@ -0,0 +1,26 @@
+document.addEventListener("DOMContentLoaded", function() {
+    const reminderBtn = document.getElementById("reminder-settings-btn");
+    const reminderModal = document.getElementById("reminder-modal");
+    const closeReminderBtn = document.getElementById("close-reminder-btn");
+    const saveReminderBtn = document.getElementById("save-reminder-btn");
+
+    reminderBtn.addEventListener("click", function() {
+        reminderModal.style.display = "block";
+    });
+
+    closeReminderBtn.addEventListener("click", function() {
+        reminderModal.style.display = "none";
+    });
+
+    saveReminderBtn.addEventListener("click", function() {
+        saveConfig();
+        reminderModal.style.display = "none";
+    });
+
+    // 点击弹窗外部关闭
+    window.addEventListener("click", function(event) {
+        if (event.target === reminderModal) {
+            reminderModal.style.display = "none";
+        }
+    });
+});
--- a/notification/scripts/reminderQueue.js
+++ b/notification/scripts/reminderQueue.js
@ -1,3 +1,4 @@
+// ...复制 notification/scripts/reminderQueue.js 的全部内容...
 var reminderQueue = (function() {
    var queue = [];
    var audioCache = {};
--- a/exam/Scripts/reminderSettings.js
+++ b/exam/Scripts/reminderSettings.js
@ -0,0 +1,155 @@
+// 提醒设置相关函数，适配exam页面
+
+function addReminder() {
+    var table = document.getElementById('reminderTable');
+    var row = table.insertRow(table.rows.length - 1);
+    row.innerHTML = `
+        <td>
+            <select class="reminder-select">
+                <option value="beforeStart">当距离考试开始时间还有</option>
+                <option value="beforeEnd">当距离考试结束时间还有</option>
+                <option value="afterEnd">当考试结束后</option>
+                <option value="start">当考试开始时</option>
+                <option value="end">当考试结束时</option>
+            </select>
+        </td>
+        <td><input type="number" class="reminder-time-input" placeholder="分钟" disabled></td>
+        <td>
+            <select name="audioSelect" class="reminder-select"></select>
+        </td>
+        <td><button class="reminder-btn" onclick="removeReminder(this)">移除提醒</button></td>
+    `;
+    row.cells[0].querySelector('select').addEventListener('change', function() {
+        row.cells[1].querySelector('input').disabled = this.value === 'start' || this.value === 'end';
+        row.cells[1].querySelector('input').placeholder = this.value === 'start' || this.value === 'end' ? '-' : '分钟';
+    });
+    audioController.populateAudioSelect();
+}
+
+function removeReminder(button) {
+    var row = button.parentNode.parentNode;
+    row.parentNode.removeChild(row);
+}
+
+function saveConfig() {
+    try {
+        var table = document.getElementById('reminderTable');
+        var reminders = [];
+        for (var i = 1; i < table.rows.length - 1; i++) {
+            var row = table.rows[i];
+            var condition = row.cells[0].querySelector('select').value;
+            var timeInput = row.cells[1].querySelector('input');
+            var audioSelect = row.cells[2].querySelector('select');
+            if (timeInput && audioSelect) {
+                reminders.push({
+                    condition: condition,
+                    time: timeInput.value || 0,
+                    audio: audioSelect.value
+                });
+            }
+        }
+        if (reminders.length === 0) {
+            errorSystem.show('请添加至少一个提醒策略');
+            return;
+        }
+        // 保存到 Cookie 并更新提醒队列
+        setCookie("examReminders", encodeURIComponent(JSON.stringify(reminders)), 365);
+        loadRemindersToQueue(reminders);
+        errorSystem.show('提醒设置已保存');
+    } catch (e) {
+        errorSystem.show('保存设置失败: ' + e.message);
+    }
+}
+
+function loadRemindersToQueue(reminders) {
+    // 获取当前或下一个考试
+    const examConfig = window.examConfigData;
+    if (!examConfig || !Array.isArray(examConfig.examInfos)) return;
+    const now = Date.now();
+    let targetExam = null;
+    for (const exam of examConfig.examInfos) {
+        const start = new Date(exam.start).getTime();
+        const end = new Date(exam.end).getTime();
+        if (now < end) {
+            targetExam = exam;
+            break;
+        }
+    }
+    if (!targetExam) return;
+    reminders.forEach(function(reminder) {
+        let reminderTime;
+        switch (reminder.condition) {
+            case 'beforeStart':
+                reminderTime = new Date(targetExam.start).getTime() - reminder.time * 60000;
+                break;
+            case 'beforeEnd':
+                reminderTime = new Date(targetExam.end).getTime() - reminder.time * 60000;
+                break;
+            case 'afterEnd':
+                reminderTime = new Date(targetExam.end).getTime() + reminder.time * 60000;
+                break;
+            case 'start':
+                reminderTime = new Date(targetExam.start).getTime();
+                break;
+            case 'end':
+                reminderTime = new Date(targetExam.end).getTime();
+                break;
+        }
+        if (reminderTime > now) {
+            reminderQueue.addReminder({ time: reminderTime, condition: reminder.condition, audio: reminder.audio });
+        }
+    });
+}
+
+// 页面加载时自动填充提醒表格
+document.addEventListener("DOMContentLoaded", () => {
+    // 加载提醒设置
+    const reminderCookie = getCookie("examReminders");
+    if (reminderCookie) {
+        const reminders = JSON.parse(decodeURIComponent(reminderCookie));
+        if (Array.isArray(reminders)) {
+            var table = document.getElementById('reminderTable');
+            while (table.rows.length > 2) {
+                table.deleteRow(1);
+            }
+            fetch('audio_files.json')
+                .then(response => response.json())
+                .then(audioFiles => {
+                    const validAudioTypes = Object.keys(audioFiles);
+                    const defaultAudio = validAudioTypes[0];
+                    reminders.forEach(function(reminder) {
+                        if (!validAudioTypes.includes(reminder.audio)) {
+                            reminder.audio = defaultAudio;
+                        }
+                        var row = table.insertRow(table.rows.length - 1);
+                        let audioOptions = validAudioTypes
+                            .map(audio => `<option value="${audio}" ${reminder.audio === audio ? 'selected' : ''}>${audio}</option>`)
+                            .join('');
+                        row.innerHTML = `
+                            <td>
+                                <select class="reminder-select">
+                                    <option value="beforeStart" ${reminder.condition === 'beforeStart' ? 'selected' : ''}>当距离考试开始时间还有</option>
+                                    <option value="beforeEnd" ${reminder.condition === 'beforeEnd' ? 'selected' : ''}>当距离考试结束时间还有</option>
+                                    <option value="afterEnd" ${reminder.condition === 'afterEnd' ? 'selected' : ''}>当考试结束后</option>
+                                    <option value="start" ${reminder.condition === 'start' ? 'selected' : ''}>当考试开始时</option>
+                                    <option value="end" ${reminder.condition === 'end' ? 'selected' : ''}>当考试结束时</option>
+                                </select>
+                            </td>
+                            <td><input type="number" class="reminder-time-input" value="${reminder.time}" placeholder="${reminder.condition === 'start' || reminder.condition === 'end' ? '-' : '分钟'}" ${reminder.condition === 'start' || reminder.condition === 'end' ? 'disabled' : ''}></td>
+                            <td>
+                                <select name="audioSelect" class="reminder-select">
+                                    ${audioOptions}
+                                </select>
+                            </td>
+                            <td><button class="reminder-btn" onclick="removeReminder(this)">移除提醒</button></td>
+                        `;
+                        row.cells[0].querySelector('select').addEventListener('change', function() {
+                            row.cells[1].querySelector('input').disabled = this.value === 'start' || this.value === 'end';
+                            row.cells[1].querySelector('input').placeholder = this.value === 'start' || this.value === 'end' ? '-' : '分钟';
+                        });
+                    });
+                    loadRemindersToQueue(reminders);
+                });
+        }
+    }
+});
--- a/exam/Scripts/utils.js
+++ b/exam/Scripts/utils.js
@ -16,6 +16,8 @@ function getCookie(name) {
    return null;
 }

+// 保持 setCookie/getCookie 兼容提醒设置
+
 function formatTimeWithoutSeconds(time) {
    return time.slice(0, -3);
 }
--- a/exam/Styles/ealg/dark.css
+++ b/exam/Styles/ealg/dark.css
@ -33,51 +33,6 @@ body::-webkit-scrollbar {
    display: none;
 }

-#fullscreen-btn, #settings-btn {
-    position: absolute;
-    top: 20px;
-    padding: 12px 24px;
-    font-size: 1rem;
-    cursor: pointer;
-    background-color: #404040;
-    color: #E6E1E5;
-    border: none;
-    border-radius: 20px;
-    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
-    transition: all 0.2s ease;
-    z-index: 1001;
-    display: flex;
-    align-items: center;
-}
-
-#fullscreen-btn::before {
-    content: "fullscreen";
-    font-family: 'Material Icons';
-    font-size: 20px;
-    margin-right: 4px;
-}
-
-#settings-btn::before {
-    content: "settings";
-    font-family: 'Material Icons';
-    font-size: 20px;
-    margin-right: 4px;
-}
-
-#fullscreen-btn {
-    right: 20px;
-}
-
-#settings-btn {
-    right: 140px;
-}
-
-#settings-btn:hover, #fullscreen-btn:hover {
-    background-color: #4A4A4A;
-    transform: translateY(-1px);
-    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
-}
-
 .container {
    padding: 24px;
    max-width: 90%;
@ -668,3 +623,408 @@ input:checked + .slider:before {
 .count-btn .material-icons {
    font-size: 16px;
 }
+
+.settings-modal {
+    display: none;
+    position: fixed;
+    z-index: 2000;
+    left: 0;
+    top: 0;
+    width: 100vw;
+    height: 100vh;
+    background-color: rgba(0,0,0,0.6);
+    backdrop-filter: blur(8px);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+#reminder-modal-content {
+    background: #404040;
+    padding: 32px 48px 32px 32px;
+    border-radius: 28px;
+    width: 600px;
+    max-height: 60vh;
+    overflow-y: auto;
+    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
+    z-index: 2100;
+}
+
+@media (max-width: 700px) {
+    #reminder-modal-content {
+        width: 95vw;
+        padding: 16px;
+    }
+}
+
+/* 补全提醒设置弹窗样式 */
+.reminder-modal {
+    display: none;
+    position: fixed;
+    z-index: 2000;
+    left: 0;
+    top: 0;
+    width: 100vw;
+    height: 100vh;
+    background-color: rgba(0,0,0,0.6);
+    backdrop-filter: blur(8px);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.reminder-modal.show {
+    display: flex;
+}
+
+#reminder-modal-content {
+    background: #404040;
+    padding: 32px 48px 32px 32px;
+    border-radius: 28px;
+    width: 800px;
+    max-width: 90vw;
+    max-height: 60vh;
+    overflow-y: auto;
+    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
+    z-index: 2100;
+}
+
+#reminder-modal-content::-webkit-scrollbar {
+    width: 8px;
+}
+
+#reminder-modal-content::-webkit-scrollbar-track {
+    background: transparent;
+    margin: 4px;
+}
+
+#reminder-modal-content::-webkit-scrollbar-thumb {
+    background: #4A4458;
+    border-radius: 8px;
+    border: 2px solid #2B2930;
+}
+
+#reminder-modal-content::-webkit-scrollbar-thumb:hover {
+    background: #635B70;
+}
+
+#reminder-modal-content h3 {
+    margin: 0 0 24px;
+    color: #E6E1E5;
+    font-size: 24px;
+    font-weight: 400;
+}
+
+#reminder-modal-content label {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    margin: 16px 0;
+    font-size: 16px;
+    color: #E6E1E5;
+}
+
+#reminder-modal-content input[type="number"],
+#reminder-modal-content input[type="text"] {
+    font-size: 1.8rem;
+    padding: 12px 16px;
+    margin: 8px 0 24px;
+    width: 100%;
+    box-sizing: border-box;
+    border: 2px solid #4A4458;
+    border-radius: 12px;
+    background-color: #332D41;
+    color: #E6E1E5;
+    transition: all 0.2s ease;
+}
+
+#reminder-modal-content input:focus {
+    outline: none;
+    border-color: #D0BCFF;
+    background-color: #4A4458;
+}
+
+.reminder-button-group {
+    display: flex;
+    justify-content: flex-end;
+    gap: 16px;
+    margin-top: 32px;
+    position: relative;
+    background-color: #404040;
+    padding: 16px 0;
+    border-top: 1px solid #555555;
+}
+
+#save-reminder-btn, #close-reminder-btn {
+    padding: 12px 24px;
+    border-radius: 20px;
+    font-size: 16px;
+    font-weight: 500;
+    border: none;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    background-color: #404040;
+    color: #E6E1E5;
+}
+
+#save-reminder-btn::before {
+    content: "✓";
+    font-size: 18px;
+}
+
+#close-reminder-btn::before {
+    content: "✕";
+    font-size: 18px;
+}
+
+#save-reminder-btn:hover, #close-reminder-btn:hover {
+    background-color: #4A4A4A;
+    transform: translateY(-1px);
+    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
+}
+
+@media (max-width: 700px) {
+    #reminder-modal-content {
+        width: 95vw;
+        padding: 16px;
+    }
+}
+
+.top-btn-group {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    display: flex;
+    flex-direction: row;
+    gap: 16px;
+    z-index: 1002;
+}
+
+.top-btn-group button {
+    padding: 12px 24px;
+    font-size: 1rem;
+    cursor: pointer;
+    background-color: #404040;
+    color: #E6E1E5;
+    border: none;
+    border-radius: 20px;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
+    transition: all 0.2s ease;
+    display: flex;
+    align-items: center;
+    white-space: nowrap;
+}
+
+.top-btn-group button::before {
+    font-family: 'Material Icons';
+    font-size: 20px;
+    margin-right: 8px;
+}
+
+.top-btn-group button:hover {
+    background-color: #4A4A4A;
+    transform: translateY(-1px);
+    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
+}
+
+#fullscreen-btn::before {
+    content: "fullscreen";
+}
+
+#reminder-settings-btn::before {
+    content: "notifications";
+}
+
+#settings-btn::before {
+    content: "settings";
+}
+
+/* 修改提醒弹窗样式 */
+.reminder-modal {
+    display: none;
+    position: fixed;
+    z-index: 2000;
+    left: 0;
+    top: 0;
+    width: 100vw;
+    height: 100vh;
+    background-color: rgba(0,0,0,0.6);
+    backdrop-filter: blur(8px);
+}
+
+#reminder-modal-content {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    background: #404040;
+    padding: 32px 48px 32px 32px;
+    border-radius: 28px;
+    width: 800px;
+    max-width: 90vw;
+    max-height: 80vh;
+    overflow-y: auto;
+    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
+}
+
+/* 提醒表格样式 */
+.reminder-table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-bottom: 20px;
+}
+
+.reminder-table th,
+.reminder-table td {
+    padding: 12px;
+    text-align: left;
+    border-bottom: 1px solid #555555;
+    font-size: 14px;
+    line-height: 36px;
+    vertical-align: middle;
+}
+
+.reminder-table th {
+    font-weight: 500;
+    color: #E6E1E5;
+    font-size: 14px;
+}
+
+.reminder-table select,
+.reminder-table input {
+    width: 100%;
+    height: 36px;
+    padding: 0 12px;
+    font-size: 14px;
+    background-color: #332D41;
+    color: #E6E1E5;
+    border: 2px solid #4A4458;
+    border-radius: 8px;
+    transition: all 0.2s ease;
+    box-sizing: border-box;
+}
+
+/* 提醒时间输入框独立样式 */
+.reminder-table .reminder-time-input {
+    width: 30px;
+    height: 36px;
+    padding: 0 12px;
+    font-size: 14px;
+    background-color: #332D41;
+    color: #E6E1E5;
+    border: 2px solid #4A4458;
+    border-radius: 8px;
+    transition: all 0.2s ease;
+    box-sizing: border-box;
+    text-align: center;
+}
+
+.reminder-table .reminder-time-input:focus {
+    outline: none;
+    border-color: #D0BCFF;
+    background-color: #4A4458;
+}
+
+.reminder-table button {
+    height: 36px;
+    min-width: 80px;
+    padding: 0 16px;
+    font-size: 14px;
+    background-color: #404040;
+    color: #E6E1E5;
+    border: none;
+    border-radius: 8px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    white-space: nowrap;
+}
+
+.reminder-table select:focus,
+.reminder-table input:focus {
+    outline: none;
+    border-color: #D0BCFF;
+    background-color: #4A4458;
+}
+
+.reminder-table button {
+    padding: 8px 16px;
+    font-size: 14px;
+    background-color: #404040;
+    color: #E6E1E5;
+    border: none;
+    border-radius: 16px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+}
+
+.reminder-table button:hover {
+    background-color: #4A4A4A;
+    transform: translateY(-1px);
+    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
+}
+
+.action-btn {
+    width: 100%;
+    padding: 12px;
+    font-size: 14px;
+    background-color: #404040;
+    color: #E6E1E5;
+    border: none;
+    border-radius: 16px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    margin-top: 12px;
+}
+
+.action-btn:hover {
+    background-color: #4A4A4A;
+    transform: translateY(-1px);
+    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
+}
+
+.action-btn {
+    height: 36px;
+    font-size: 14px;
+    line-height: 36px;
+    padding: 0 16px;
+}
+
+/* 提醒表格的时间输入框样式 */
+.reminder-table td input[type="number"] {
+    width: 80px !important;
+    text-align: center !important;
+    padding: 0 8px !important;
+    margin: 0 auto !important;
+    display: block !important;
+    -moz-appearance: textfield !important;
+}
+
+.reminder-table td input[type="number"]::-webkit-outer-spin-button,
+.reminder-table td input[type="number"]::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+
+/* 确保修改其他输入框和选择框不受影响 */
+.reminder-table td select {
+    min-width: 200px;
+}
+
+.reminder-table td:nth-child(1) {
+    width: 50%;
+}
+
+.reminder-table td:nth-child(2) {
+    width: 15%;
+}
+
+.reminder-table td:nth-child(3) {
+    width: 25%;
+}
+
+.reminder-table td:nth-child(4) {
+    width: 10%;
+}
--- a/exam/Styles/ealg/light.css
+++ b/exam/Styles/ealg/light.css
@ -33,9 +33,27 @@ body::-webkit-scrollbar {
    display: none;
 }

-#fullscreen-btn, #settings-btn {
-    position: absolute;
+/* 删除这些样式
+#fullscreen-btn, #settings-btn { ... }
+#fullscreen-btn { ... }
+#settings-btn { ... }
+#settings-btn:hover, #fullscreen-btn:hover { ... }
+#settings-btn::before { ... }
+#fullscreen-btn::before { ... }
+*/
+
+/* 新的按钮组样式 */
+.top-btn-group {
+    position: fixed;
    top: 20px;
+    right: 20px;
+    display: flex;
+    flex-direction: row;
+    gap: 16px;
+    z-index: 1002;
+}
+
+.top-btn-group button {
    padding: 12px 24px;
    font-size: 1rem;
    cursor: pointer;
@ -45,37 +63,33 @@ body::-webkit-scrollbar {
    border-radius: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    transition: all 0.2s ease;
-    z-index: 1001;
    display: flex;
    align-items: center;
+    white-space: nowrap;
 }

-#fullscreen-btn {
-    right: 20px;
+.top-btn-group button::before {
+    font-family: 'Material Icons';
+    font-size: 20px;
+    margin-right: 8px;
 }

-#settings-btn {
-    right: 140px;
-}
-
-#settings-btn:hover, #fullscreen-btn:hover {
+.top-btn-group button:hover {
    background-color: #D0BCFF;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
 }

-#settings-btn::before {
-    content: "settings";
-    font-family: 'Material Icons';
-    font-size: 20px;
-    margin-right: 4px;
-}
-
 #fullscreen-btn::before {
    content: "fullscreen";
-    font-family: 'Material Icons';
-    font-size: 20px;
-    margin-right: 4px;
+}
+
+#reminder-settings-btn::before {
+    content: "notifications";
+}
+
+#settings-btn::before {
+    content: "settings";
 }

 .container {
@ -668,3 +682,211 @@ input:checked + .slider:before {
    border: 2px solid #E8DEF8;
    border-radius: 8px;
 }
+
+.settings-modal {
+    display: none;
+    position: fixed;
+    z-index: 2000;
+    left: 0;
+    top: 0;
+    width: 100vw;
+    height: 100vh;
+    background-color: rgba(0,0,0,0.3);
+    backdrop-filter: blur(8px);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+#reminder-modal-content {
+    background: #FFFFFF;
+    padding: 32px 48px 32px 32px;
+    border-radius: 28px;
+    width: 600px;
+    max-height: 60vh;
+    overflow-y: auto;
+    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
+    z-index: 2100;
+}
+
+#reminder-modal-content {
+    width: 800px;
+    max-width: 90vw;
+}
+
+@media (max-width: 700px) {
+    #reminder-modal-content {
+        width: 95vw;
+        padding: 16px;
+    }
+}
+
+.top-btn-group {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    display: flex;
+    gap: 16px;
+    z-index: 1002;
+}
+
+.top-btn-group button {
+    padding: 12px 24px;
+    font-size: 1rem;
+    cursor: pointer;
+    background-color: #E8DEF8;
+    color: #1C1B1F;
+    border: none;
+    border-radius: 20px;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+    transition: all 0.2s ease;
+    display: flex;
+    align-items: center;
+}
+
+.top-btn-group button:hover {
+    background-color: #D0BCFF;
+    transform: translateY(-1px);
+    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
+}
+
+/* 按钮图标 */
+.top-btn-group button::before {
+    font-family: 'Material Icons';
+    font-size: 20px;
+    margin-right: 8px;
+}
+
+#fullscreen-btn::before {
+    content: "fullscreen";
+}
+
+#reminder-settings-btn::before {
+    content: "notifications";
+}
+
+#settings-btn::before {
+    content: "settings";
+}
+
+/* 提醒表格样式 */
+.reminder-table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-bottom: 20px;
+}
+
+.reminder-table th,
+.reminder-table td {
+    padding: 12px;
+    text-align: left;
+    border-bottom: 1px solid #E8DEF8;
+    font-size: 14px;
+    line-height: 36px;
+    vertical-align: middle;
+}
+
+.reminder-table th {
+    font-weight: 500;
+    color: #1C1B1F;
+    font-size: 14px;
+}
+
+.reminder-table select,
+.reminder-table input {
+    width: 100%;
+    height: 36px;
+    padding: 0 12px;
+    font-size: 14px;
+    background-color: #FFFFFF;
+    color: #1C1B1F;
+    border: 2px solid #E8DEF8;
+    border-radius: 8px;
+    transition: all 0.2s ease;
+    box-sizing: border-box;
+}
+
+.reminder-table button {
+    height: 36px;
+    min-width: 80px;
+    padding: 0 16px;
+    font-size: 14px;
+    background-color: #E8DEF8;
+    color: #1C1B1F;
+    border: none;
+    border-radius: 8px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    white-space: nowrap;
+}
+
+.action-btn {
+    height: 36px;
+    font-size: 14px;
+    line-height: 36px;
+    padding: 0 16px;
+}
+
+.action-btn:hover {
+    background-color: #D0BCFF;
+    transform: translateY(-1px);
+    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
+}
+
+/* 提醒时间输入框独立样式 */
+.reminder-table .reminder-time-input {
+    width: 80px;
+    height: 36px;
+    padding: 0 12px;
+    font-size: 14px;
+    background-color: #FFFFFF;
+    color: #1C1B1F;
+    border: 2px solid #E8DEF8;
+    border-radius: 8px;
+    transition: all 0.2s ease;
+    box-sizing: border-box;
+    text-align: center;
+}
+
+.reminder-table .reminder-time-input:focus {
+    outline: none;
+    border-color: #6750A4;
+    background-color: #F7F2FA;
+}
+
+/* 提醒表格的时间输入框样式 */
+.reminder-table td input[type="number"] {
+    width: 80px !important;
+    text-align: center !important;
+    padding: 0 8px !important;
+    -moz-appearance: textfield !important;
+    margin: 0 auto !important;
+    display: block !important;
+}
+
+.reminder-table td input[type="number"]::-webkit-outer-spin-button,
+.reminder-table td input[type="number"]::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+
+/* 确保修改其他输入框和选择框不受影响 */
+.reminder-table td select {
+    min-width: 200px;
+}
+
+.reminder-table td:nth-child(1) {
+    width: 50%;
+}
+
+.reminder-table td:nth-child(2) {
+    width: 15%;
+}
+
+.reminder-table td:nth-child(3) {
+    width: 25%;
+}
+
+.reminder-table td:nth-child(4) {
+    width: 10%;
+}
--- a/notification/audio/15min_left.mp3
+++ b/notification/audio/15min_left.mp3
--- a/notification/audio/30min_left.mp3
+++ b/notification/audio/30min_left.mp3
--- a/notification/audio/classstart.mp3
+++ b/notification/audio/classstart.mp3
--- a/notification/audio/end.mp3
+++ b/notification/audio/end.mp3
--- a/notification/audio/hedui_eng.mp3
+++ b/notification/audio/hedui_eng.mp3
--- a/notification/audio/hedui_noeng.mp3
+++ b/notification/audio/hedui_noeng.mp3
--- a/notification/audio/jinchang.mp3
+++ b/notification/audio/jinchang.mp3
--- a/notification/audio/start.mp3
+++ b/notification/audio/start.mp3
--- a/notification/audio/zhanshikemudai.mp3
+++ b/notification/audio/zhanshikemudai.mp3
--- a/notification/audio_files.json
+++ b/notification/audio_files.json
--- a/exam/exam_config.json
+++ b/exam/exam_config.json
@ -5,7 +5,7 @@
    "examInfos": [
        {
            "name": "语文",
-            "start": "2025-05-06T07:30:00",
+            "start": "2025-04-27T01:20:00",
            "end": "2025-05-06T10:00:00"
        },
        {
--- a/exam/index.html
+++ b/exam/index.html
@ -12,9 +12,13 @@
    <div class="error-container">
        <div class="error-content" id="errorMessage"></div>
    </div>
-    <button id="return-btn" onclick="window.location.href = '../'">返回</button>
-    <button id="settings-btn">设置</button>
+    <!-- 顶部按钮组 -->
+    <div class="top-btn-group">
        <button id="fullscreen-btn">全屏</button>
+        <button id="reminder-settings-btn">提醒</button>
+        <button id="settings-btn">设置</button>
+    </div>
+    <button id="return-btn" onclick="window.location.href = '../'">返回</button>
    <div class="container">
        <h1 id="examName">
            考试安排
@ -156,9 +160,34 @@
            </div>
        </div>
    </div>
+    <!-- 新增提醒设置弹窗 -->
+    <div id="reminder-modal" class="settings-modal" style="display:none;">
+        <div id="reminder-modal-content" class="settings-panel dark-theme">
+            <h3>提醒设置</h3>
+            <table class="reminder-table" id="reminderTable">
+                <tr>
+                    <th>提醒条件</th>
+                    <th>时间（分钟）</th>
+                    <th>音频选择</th>
+                    <th>操作</th>
+                </tr>
+                <tr>
+                    <td colspan="4"><button class="action-btn" onclick="addReminder()">添加提醒</button></td>
+                </tr>
+            </table>
+            <div class="button-group">
+                <button id="save-reminder-btn" class="control-btn">保存</button>
+                <button id="close-reminder-btn" class="control-btn">关闭</button>
+            </div>
+        </div>
+    </div>
    <script src="Scripts/utils.js"></script>
+    <script src="Scripts/audioController.js"></script>
+    <script src="Scripts/reminderQueue.js"></script>
+    <script src="Scripts/reminderSettings.js"></script>
    <script src="Scripts/settings.js"></script>
    <script src="Scripts/examInfo.js"></script>
    <script src="Scripts/main.js"></script>
+    <script src="Scripts/reminderModal.js"></script>
 </body>
 </html>
--- a/index.html
+++ b/index.html
@ -29,10 +29,12 @@
            list-style: none;
            padding: 0;
            margin: 0;
-            display: grid;
-            grid-template-columns: repeat(3, 1fr);
+            display: flex;
+            justify-content: center;
            gap: 24px;
            animation: fadeInUp 1s ease-in-out;
+            width: 100%;
+            max-width: 800px;
        }

        /* 主导航按钮样式 */
@ -51,6 +53,8 @@
            gap: 16px;
            min-width: 200px;
            text-align: center;
+            min-height: 140px; /* 增加高度以适应副标题 */
+            flex: 1;
        }

        ul a:hover {
@ -155,6 +159,15 @@
        .about-link .material-icons {
            font-size: 18px;
        }
+
+        /* 添加新样式 */
+        .subtitle {
+            font-size: 14px;
+            color: #CAC4D0;
+            margin-top: 4px;
+            width: 100%;
+            text-align: center;
+        }
    </style>
 </head>
 <body>
@ -164,8 +177,9 @@
    </div>
    <ul>
        <li><a href="./time/"><span class="material-icons">schedule</span>电子钟表</a></li>
-        <li><a href="./exam/"><span class="material-icons">dashboard</span>考试看板</a></li>
-        <li><a href="./notification/"><span class="material-icons">campaign</span>考试广播</a></li>
+        <li><a href="./exam/"><span class="material-icons">dashboard</span>考试管理
+            <div class="subtitle">看板 & 广播</div>
+        </a></li>
    </ul>

    <!-- 添加关于链接和GitHub图标 -->
--- a/notification/course_schedule.json
+++ b/notification/course_schedule.json
@ -1,47 +0,0 @@
-{
-    "examName": "限时训练",
-    "message": "请保持安静，认真答题",
-    "room": "",
-    "examInfos": [
-        {
-            "name": "语文",
-            "start": "2025-03-27T07:20:00",
-            "end": "2025-03-27T09:50:00"
-        },
-        {
-            "name": "物理",
-            "start": "2025-03-27T10:20:00",
-            "end": "2025-03-27T11:50:00"
-        },
-        {
-            "name": "英语",
-            "start": "2025-03-27T14:10:00",
-            "end": "2025-03-27T16:10:00"
-        },
-        {
-            "name": "历史",
-            "start": "2025-03-27T16:30:00",
-            "end": "2025-03-27T18:00:00"
-        },
-        {
-            "name": "数学",
-            "start": "2025-03-28T07:50:00",
-            "end": "2025-03-28T09:50:00"
-        },
-        {
-            "name": "化学",
-            "start": "2025-03-28T10:20:00",
-            "end": "2025-03-28T11:50:00"
-        },
-        {
-            "name": "生物、政治",
-            "start": "2025-03-28T14:10:00",
-            "end": "2025-03-28T15:40:00"
-        },
-        {
-            "name": "地理",
-            "start": "2025-03-28T16:10:00",
-            "end": "2025-03-28T17:40:00"
-        }
-    ]
-}
--- a/notification/index.html
+++ b/notification/index.html
@ -1,90 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <title>考试看板—广播适配</title>
-    <link rel="stylesheet" href="styles/base.css">
-    <link rel="stylesheet" href="styles/status-box.css">
-    <link rel="stylesheet" href="styles/schedule-table.css">
-    <link rel="stylesheet" href="styles/fullscreen-mode.css">
-    <link rel="stylesheet" href="styles/control-btn.css">
-    <link rel="stylesheet" href="styles/settings-panel.css">
-    <link rel="stylesheet" href="styles/info-error.css">
-    <link rel="stylesheet" href="styles/reminder-table.css">
-    <link rel="stylesheet" href="styles/file-input-label.css">
-    <link rel="stylesheet" href="styles/action-btn.css">
-    <link rel="stylesheet" href="styles/dark-mode.css">
-    <link rel="stylesheet" href="styles/switch.css">
-</head>
-<body class="light-mode">
-    <button id="return-btn" onclick="goBack()">返回</button>
-    <div class="info-container">
-        <div class="info-content" id="infoMessage"></div>
-    </div>
-    <div class="error-container">
-        <div class="error-content" id="errorMessage"></div>
-    </div>
-
-    <div class="container">
-        <div class="exam-info">
-            <h1 id="examTitle">考试看板</h1>
-            <div id="examMessage" class="exam-message"></div>
-            <div id="examRoom" class="exam-room"></div>
-        </div>
-
-        <div class="control-bar">
-            <label class="switch">
-                <input type="checkbox" id="theme-toggle">
-                <span class="slider round"></span>
-            </label>
-        </div>
-
-        <div class="status-box">
-            <div class="status-label" id="statusLabel">正在初始化...</div>
-            <div class="time-display" id="timeDisplay" onclick="adjustCountdownFontSize()">--:--</div>
-            <div id="timeDescription" style="text-align:center;color:#a4b0be;"></div>
-        </div>
-
-        <div class="settings-panel">
-            <h3>系统设置</h3>
-            <div class="button-group">
-                <label class="file-input-label">
-                    <input type="file" id="importJson" accept=".json" multiple> 导入考试配置
-                </label>
-                <button class="action-btn" onclick="exportConfig()">导出配置</button>
-            </div>
-            <h3>提醒设置</h3>
-            <table class="reminder-table" id="reminderTable">
-                <tr>
-                    <th>提醒条件</th>
-                    <th>时间（分钟）</th>
-                    <th>音频选择</th>
-                    <th>操作</th>
-                </tr>
-                <tr>
-                    <td colspan="4"><button class="action-btn" onclick="addReminder()">添加提醒</button></td>
-                </tr>
-            </table>
-            <button class="action-btn" onclick="saveConfig()">保存提醒设置</button>
-        </div>
-
-        <table class="schedule-table" id="scheduleTable">
-            <tr>
-                <th>科目</th>
-                <th>时间段</th>
-                <th>状态</th>
-            </tr>
-        </table>
-    </div>
-
-    <script src="scripts/errorSystem.js"></script>
-    <script src="scripts/audioController.js"></script>
-    <script src="scripts/courseSchedule.js"></script>
-    <script src="scripts/display.js"></script>
-    <script src="scripts/config.js"></script>
-    <script src="scripts/settings.js"></script>
-    <script src="scripts/reminderQueue.js"></script>
-    <script src="scripts/script.js"></script>
-    <script src="scripts/utils.js"></script>
-</body>
-</html>
--- a/notification/scripts/config.js
+++ b/notification/scripts/config.js
@ -1,138 +0,0 @@
-document.getElementById('importJson').addEventListener('change', function(event) {
-    var files = event.target.files;
-    if (files.length > 0) {
-        Array.from(files).forEach(file => {
-            var reader = new FileReader();
-            reader.onload = function(e) {
-                try {
-                    var config = JSON.parse(e.target.result);
-                    applyConfig(config);
-                } catch (err) {
-                    errorSystem.show('导入配置失败: ' + err.message, 'error');
-                }
-            };
-            reader.readAsText(file);
-        });
-    }
-});
-
-function applyConfig(config) {
-    try {
-        fetch('audio_files.json')
-            .then(response => response.json())
-            .then(audioFiles => {
-                const reminderCookie = getCookie("reminders");
-                
-                // 获取有效的音频列表和默认音频
-                let validAudioTypes = Object.keys(audioFiles);
-                let defaultAudio = validAudioTypes[0];
-
-                if (config.examInfos) {
-                    courseSchedule = config.examInfos;
-                    updateScheduleTable();
-                }
-                if (config.examName) {
-                    document.title = config.examName;
-                    document.getElementById('examTitle').textContent = config.examName;
-                }
-                if (config.message) {
-                    document.getElementById('examMessage').textContent = config.message;
-                }
-                if (config.room) {
-                    document.getElementById('timeDescription').textContent = '考场: ' + config.room;
-                }
-
-                // 验证并修复提醒中的音频设置
-                if (config.reminders) {
-                    config.reminders = config.reminders.map(reminder => {
-                        if (!validAudioTypes.includes(reminder.audio)) {
-                            errorSystem.show(`音频"${reminder.audio}"不存在，已替换为"${defaultAudio}"`, 'info');
-                            reminder.audio = defaultAudio;
-                        }
-                        return reminder;
-                    });
-
-                    // 清空现有提醒表
-                    var table = document.getElementById('reminderTable');
-                    while (table.rows.length > 2) {
-                        table.deleteRow(1);
-                    }
-
-                    // 添加新的提醒设置
-                    config.reminders.forEach(function(reminder) {
-                        var row = table.insertRow(table.rows.length - 1);
-                        let audioOptions = validAudioTypes
-                            .map(audio => `<option value="${audio}" ${reminder.audio === audio ? 'selected' : ''}>${audio}</option>`)
-                            .join('');
-                        
-                        row.innerHTML = `
-                            <td>
-                                <select>
-                                    <option value="beforeStart" ${reminder.condition === 'beforeStart' ? 'selected' : ''}>当距离考试开始时间还有</option>
-                                    <option value="beforeEnd" ${reminder.condition === 'beforeEnd' ? 'selected' : ''}>当距离考试结束时间还有</option>
-                                    <option value="afterEnd" ${reminder.condition === 'afterEnd' ? 'selected' : ''}>当考试结束后</option>
-                                    <option value="start" ${reminder.condition === 'start' ? 'selected' : ''}>当考试开始时</option>
-                                    <option value="end" ${reminder.condition === 'end' ? 'selected' : ''}>当考试结束时</option>
-                                </select>
-                            </td>
-                            <td><input type="number" value="${reminder.time}" placeholder="${reminder.condition === 'start' || reminder.condition === 'end' ? '-' : '分钟'}" ${reminder.condition === 'start' || reminder.condition === 'end' ? 'disabled' : ''}></td>
-                            <td>
-                                <select name="audioSelect">
-                                    ${audioOptions}
-                                </select>
-                            </td>
-                            <td><button onclick="removeReminder(this)">删除</button></td>
-                        `;
-                        row.cells[0].querySelector('select').addEventListener('change', function() {
-                            row.cells[1].querySelector('input').disabled = this.value === 'start' || this.value === 'end';
-                            row.cells[1].querySelector('input').placeholder = this.value === 'start' || this.value === 'end' ? '-' : '分钟';
-                        });
-                    });
-
-                    // 只更新提醒队列，不保存到 Cookie
-                    loadRemindersToQueue(config.reminders);
-                }
-                
-                errorSystem.show('配置导入成功（临时生效）', 'info');
-            })
-            .catch(err => {
-                errorSystem.show('获取音频列表失败: ' + err.message, 'error');
-            });
-    } catch (err) {
-        errorSystem.show('应用配置失败: ' + err.message, 'error');
-    }
-}
-
-function exportConfig() {
-    var table = document.getElementById('reminderTable');
-    var reminders = [];
-    for (var i = 1; i < table.rows.length - 1; i++) {
-        var row = table.rows[i];
-        var condition = row.cells[0].querySelector('select').value;
-        var timeInput = row.cells[1].querySelector('input');
-        var audioSelect = row.cells[2].querySelector('select');
-        if (timeInput && audioSelect) {
-            reminders.push({
-                condition: condition,
-                time: timeInput.value || 0,
-                audio: audioSelect.value || 'classStart'
-            });
-        }
-    }
-    
-    var config = {
-        examInfos: courseSchedule,
-        examName: document.title,
-        message: document.getElementById('examMessage').textContent || "诚信考试，禁止作弊",
-        room: document.getElementById('timeDescription').textContent.replace('考场: ', ''),
-        reminders: reminders
-    };
-
-    var dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(config));
-    var downloadAnchorNode = document.createElement('a');
-    downloadAnchorNode.setAttribute("href", dataStr);
-    downloadAnchorNode.setAttribute("download", "exam_config.json");
-    document.body.appendChild(downloadAnchorNode);
-    downloadAnchorNode.click();
-    downloadAnchorNode.remove();
-}
--- a/notification/scripts/courseSchedule.js
+++ b/notification/scripts/courseSchedule.js
@ -1,172 +0,0 @@
-var courseSchedule = [];
-
-// 将fetch移动到函数中以便控制初始化顺序
-function loadCourseSchedule() {
-    return fetch('course_schedule.json')
-        .then(response => response.json())
-        .then(data => {
-            courseSchedule = data.examInfos || [];
-            document.title = data.examName || '考试看板';
-            document.getElementById('examTitle').textContent = data.examName || '考试看板';
-            document.getElementById('examMessage').textContent = data.message || '';
-            document.getElementById('timeDescription').textContent = data.room ? '考场: ' + data.room : '';
-            updateScheduleTable();
-
-            // 检查Cookie是否存在
-            const reminderCookie = getCookie("reminders");
-            if (!reminderCookie && data.reminders && Array.isArray(data.reminders)) {
-                // 如果Cookie不存在，加载配置文件中的提醒设置
-                fetch('audio_files.json')
-                    .then(response => response.json())
-                    .then(audioFiles => {
-                        const validAudioTypes = Object.keys(audioFiles);
-                        const defaultAudio = validAudioTypes[0];
-                        
-                        // 验证并修复音频设置
-                        const reminders = data.reminders.map(reminder => {
-                            if (!validAudioTypes.includes(reminder.audio)) {
-                                reminder.audio = defaultAudio;
-                            }
-                            return reminder;
-                        });
-
-                        // 填充提醒表格
-                        var table = document.getElementById('reminderTable');
-                        while (table.rows.length > 2) {
-                            table.deleteRow(1);
-                        }
-
-                        reminders.forEach(reminder => {
-                            var row = table.insertRow(table.rows.length - 1);
-                            let audioOptions = validAudioTypes
-                                .map(audio => `<option value="${audio}" ${reminder.audio === audio ? 'selected' : ''}>${audio}</option>`)
-                                .join('');
-                            
-                            row.innerHTML = `
-                                <td>
-                                    <select>
-                                        <option value="beforeStart" ${reminder.condition === 'beforeStart' ? 'selected' : ''}>当距离考试开始时间还有</option>
-                                        <option value="beforeEnd" ${reminder.condition === 'beforeEnd' ? 'selected' : ''}>当距离考试结束时间还有</option>
-                                        <option value="afterEnd" ${reminder.condition === 'afterEnd' ? 'selected' : ''}>当考试结束后</option>
-                                        <option value="start" ${reminder.condition === 'start' ? 'selected' : ''}>当考试开始时</option>
-                                        <option value="end" ${reminder.condition === 'end' ? 'selected' : ''}>当考试结束时</option>
-                                    </select>
-                                </td>
-                                <td><input type="number" value="${reminder.time}" placeholder="${reminder.condition === 'start' || reminder.condition === 'end' ? '-' : '分钟'}" ${reminder.condition === 'start' || reminder.condition === 'end' ? 'disabled' : ''}></td>
-                                <td>
-                                    <select name="audioSelect">
-                                        ${audioOptions}
-                                    </select>
-                                </td>
-                                <td><button onclick="removeReminder(this)">删除</button></td>
-                            `;
-
-                            row.cells[0].querySelector('select').addEventListener('change', function() {
-                                row.cells[1].querySelector('input').disabled = this.value === 'start' || this.value === 'end';
-                                row.cells[1].querySelector('input').placeholder = this.value === 'start' || this.value === 'end' ? '-' : '分钟';
-                            });
-                        });
-
-                        // 更新提醒队列并保存到Cookie
-                        loadRemindersToQueue(reminders);
-                        saveSettingsToCookies();
-                    });
-            }
-            return courseSchedule;
-        })
-        .catch(error => {
-            errorSystem.show('加载课程表失败: ' + error.message, 'error');
-            return [];
-        });
-}
-
-function parseTime(timeStr) {
-    try {
-        return new Date(timeStr);
-    } catch (e) {
-        errorSystem.show('时间解析错误: ' + e.message, 'info', 'error');
-        return new Date();
-    }
-}
-
-function updateCourseStatus() {
-    try {
-        var now = new Date();
-        currentCourse = null;
-        for (var i = 0; i < courseSchedule.length; i++) {
-            var course = courseSchedule[i],
-                start = parseTime(course.start),
-                end = parseTime(course.end);
-            if (end < start) end.setDate(end.getDate() + 1);
-            if (now >= start && now <= end) {
-                currentCourse = course;
-                break;
-            }
-        }
-        if (currentCourse !== lastCourse) {
-            handleStatusChange();
-            lastCourse = currentCourse;
-        }
-    } catch (e) {
-        errorSystem.show('课程状态更新失败: ' + e.message, 'error');
-    }
-}
-
-function handleStatusChange() {
-    // 处理状态变化的逻辑
-    console.log('课程状态已更改:', currentCourse);
-}
-
-function getNextCourse() {
-    try {
-        var now = new Date();
-        for (var i = 0; i < courseSchedule.length; i++) {
-            var start = parseTime(courseSchedule[i].start);
-            if (start > now) return courseSchedule[i];
-        }
-        return null;
-    } catch (e) {
-        errorSystem.show('获取下一节课失败: ' + e.message, 'error');
-        return null;
-    }
-}
-
-// 修改更新表格函数，增加数据检查
-function updateScheduleTable() {
-    try {
-        if (!Array.isArray(courseSchedule)) {
-            errorSystem.show('课程表数据格式错误', 'error');
-            return;
-        }
-        
-        var now = new Date();
-        var table = document.getElementById('scheduleTable');
-        // 清空现有行，保留表头
-        while (table.rows.length > 1) {
-            table.deleteRow(1);
-        }
-        
-        courseSchedule.forEach(function(course) {
-            var row = table.insertRow(-1);
-            row.innerHTML = '<td>' + course.name + '</td>' +
-                          '<td>' + formatDateTime(course.start) + ' - ' + formatDateTime(course.end) + '</td>' +
-                          '<td></td>';
-            
-            var start = parseTime(course.start);
-            var end = parseTime(course.end);
-            
-            if (now >= start && now <= end) {
-                row.className = 'current-class';
-                row.cells[2].textContent = '进行中';
-            } else if (now < start) {
-                row.className = 'future-class';
-                row.cells[2].textContent = '即将开始';
-            } else {
-                row.className = 'past-class';
-                row.cells[2].textContent = '已结束';
-            }
-        });
-    } catch (e) {
-        errorSystem.show('课程表更新失败: ' + e.message, 'error');
-    }
-}
--- a/notification/scripts/display.js
+++ b/notification/scripts/display.js
@ -1,56 +0,0 @@
-function updateDisplay() {
-    try {
-        var now = new Date(),
-            timeDisplay = document.getElementById('timeDisplay'),
-            statusLabel = document.getElementById('statusLabel'),
-            timeDesc = document.getElementById('timeDescription');
-        if (currentCourse) {
-            var endTime = parseTime(currentCourse.end),
-                remain = endTime - now;
-            statusLabel.textContent = currentCourse.name + ' 进行中';
-            timeDisplay.textContent = formatTime(remain);
-            timeDesc.textContent = '剩余时间';
-        } else {
-            statusLabel.textContent = '休息中';
-            var nextCourse = getNextCourse();
-            if (nextCourse) {
-                var startTime = parseTime(nextCourse.start),
-                    remain = startTime - now;
-                timeDisplay.textContent = formatTime(remain);
-                timeDesc.textContent = '距离 ' + nextCourse.name;
-            } else {
-                timeDisplay.textContent = '00:00';
-                timeDesc.textContent = '今日课程已结束';
-            }
-        }
-        updateScheduleTable();
-    } catch (e) {
-        errorSystem.show('界面更新失败: ' + e.message, 'error');
-    }
-}
-
-function formatTime(ms) {
-    try {
-        if (ms < 0) return '00:00:00';
-        var totalSeconds = Math.floor(ms / 1000),
-            hours = Math.floor(totalSeconds / 3600),
-            minutes = Math.floor((totalSeconds % 3600) / 60),
-            seconds = totalSeconds % 60;
-        return (hours < 10 ? '0' : '') + hours + ':' +
-               (minutes < 10 ? '0' : '') + minutes + ':' +
-               (seconds < 10 ? '0' : '') + seconds;
-    } catch (e) {
-        return '--:--:--';
-    }
-}
-
-function formatDateTime(dateTimeStr) {
-    var date = new Date(dateTimeStr);
-    return date.toLocaleString('zh-CN', {
-        month: '2-digit',
-        day: '2-digit',
-        hour: '2-digit',
-        minute: '2-digit',
-        second: '2-digit'
-    });
-}
--- a/notification/scripts/errorSystem.js
+++ b/notification/scripts/errorSystem.js
@ -1,17 +0,0 @@
-var errorSystem = {
-    show: function(message, type = 'error') {
-        try {
-            var container = document.querySelector(type === 'info' ? '.info-container' : '.error-container');
-            var content = document.getElementById(type === 'info' ? 'infoMessage' : 'errorMessage');
-            content.textContent = message;
-            container.style.display = 'flex';
-            setTimeout(() => this.hide(type), 5000);
-        } catch(e) {
-            console.error('错误提示系统异常:', e);
-        }
-    },
-    hide: function(type = 'error') {
-        var container = document.querySelector(type === 'info' ? '.info-container' : '.error-container');
-        if (container) container.style.display = 'none';
-    }
-};
--- a/notification/scripts/script.js
+++ b/notification/scripts/script.js
@ -1,210 +0,0 @@
-// 全局状态变量
-var lastCourse = null, timer = null, lastUpdate = Date.now();
-
-// 新增：安全更新循环函数
-function safeUpdate() {
-    try {
-        var now = Date.now();
-        updateCourseStatus();
-        updateDisplay();
-        var nextTick = Math.max(1000 - (Date.now() - now), 50);
-        timer = setTimeout(safeUpdate, nextTick);
-        lastUpdate = now;
-    } catch (e) {
-        errorSystem.show('更新循环错误: ' + e.message, 'error');
-    }
-}
-
-function adjustFontSize() {
-    var elements = document.querySelectorAll('.time-display, .status-label');
-    elements.forEach(element => {
-        if (isFullscreen) {
-            element.style.fontSize = '10vw';
-        } else {
-            element.style.fontSize = '';
-        }
-    });
-    var countdownElement = document.getElementById('timeDisplay');
-    if (isFullscreen) {
-        countdownElement.style.fontSize = '20vw';
-    } else {
-        countdownElement.style.fontSize = '';
-    }
-}
-
-function adjustCountdownFontSize() {
-    var countdownElement = document.getElementById('timeDisplay');
-    var currentSize = parseFloat(window.getComputedStyle(countdownElement).fontSize);
-    countdownElement.style.fontSize = (currentSize + 5) + 'px';
-}
-
-function addReminder() {
-    var table = document.getElementById('reminderTable');
-    var row = table.insertRow(table.rows.length - 1);
-    row.innerHTML = `
-        <td>
-            <select>
-                <option value="beforeStart">当距离考试开始时间还有</option>
-                <option value="beforeEnd">当距离考试结束时间还有</option>
-                <option value="afterEnd">当考试结束后</option>
-                <option value="start">当考试开始时</option>
-                <option value="end">当考试结束时</option>
-            </select>
-        </td>
-        <td><input type="number" placeholder="分钟" disabled></td>
-        <td>
-            <select name="audioSelect"></select>
-        </td>
-        <td><button onclick="removeReminder(this)">删除</button></td>
-    `;
-    row.cells[0].querySelector('select').addEventListener('change', function() {
-        row.cells[1].querySelector('input').disabled = this.value === 'start' || this.value === 'end';
-        row.cells[1].querySelector('input').placeholder = this.value === 'start' || this.value === 'end' ? '-' : '分钟';
-    });
-    audioController.populateAudioSelect();
-}
-
-function removeReminder(button) {
-    var row = button.parentNode.parentNode;
-    row.parentNode.removeChild(row);
-}
-
-function saveConfig() {
-    try {
-        var table = document.getElementById('reminderTable');
-        var reminders = [];
-        for (var i = 1; i < table.rows.length - 1; i++) {
-            var row = table.rows[i];
-            var condition = row.cells[0].querySelector('select').value;
-            var timeInput = row.cells[1].querySelector('input');
-            var audioSelect = row.cells[2].querySelector('select');
-            if (timeInput && audioSelect) {
-                reminders.push({
-                    condition: condition,
-                    time: timeInput.value || 0,
-                    audio: audioSelect.value
-                });
-            }
-        }
-        if (reminders.length === 0) {
-            errorSystem.show('请添加至少一个提醒策略', 'error');
-            return;
-        }
-        // 保存到 Cookie 并更新提醒队列
-        saveSettingsToCookies();
-        loadRemindersToQueue(reminders);
-    } catch (e) {
-        errorSystem.show('保存设置失败: ' + e.message, 'error');
-    }
-}
-
-function loadRemindersToQueue(reminders) {
-    var now = Date.now();
-    reminders.forEach(function(reminder) {
-        var reminderTime;
-        var targetCourse;
-        if (currentCourse) {
-            targetCourse = currentCourse;
-        } 
-        else if (getNextCourse()) {
-            targetCourse = getNextCourse();
-        }
-        else {
-            errorSystem.show('当前没有课程信息', 'info');
-            return;
-        }
-        switch (reminder.condition) {
-            case 'beforeStart':
-                   reminderTime = new Date(targetCourse .start).getTime() - reminder.time * 60000;
-                   break;
-            case 'beforeEnd':
-                reminderTime = new Date(targetCourse .end).getTime() - reminder.time * 60000;
-                break;
-            case 'afterEnd':
-                reminderTime = new Date(targetCourse .end).getTime() + reminder.time * 60000;
-                break;
-            case 'start':
-                reminderTime = new Date(targetCourse .start).getTime();
-                break;
-            case 'end':
-                reminderTime = new Date(targetCourse .end).getTime();
-                break;
-            default:
-                //console.error('未知的提醒条件:', reminder.condition);
-                //return;
-        }
-        if (reminderTime > now) {
-            reminderQueue.addReminder({ time: reminderTime, condition: reminder.condition, audio: reminder.audio });
-        }
-    });
-}
-
-// 修改：系统初始化函数
-function init() {
-    try {
-        // 先加载课程表，然后再初始化其他内容
-        loadCourseSchedule().then(() => {
-            // 加载配置
-            var config = JSON.parse(localStorage.getItem('config') || '{}');
-            
-            // 加载提醒设置
-            var reminders = config.reminders || [];
-            var table = document.getElementById('reminderTable');
-            reminders.forEach(function(reminder) {
-                var row = table.insertRow(table.rows.length - 1);
-                row.innerHTML = `
-                    <td>
-                        <select>
-                            <option value="beforeStart" ${reminder.condition === 'beforeStart' ? 'selected' : ''}>当距离考试开始时间还有</option>
-                            <option value="beforeEnd" ${reminder.condition === 'beforeEnd' ? 'selected' : ''}>当距离考试结束时间还有</option>
-                            <option value="afterEnd" ${reminder.condition === 'afterEnd' ? 'selected' : ''}>当考试结束后</option>
-                            <option value="start" ${reminder.condition === 'start' ? 'selected' : ''}>当考试开始时</option>
-                            <option value="end" ${reminder.condition === 'end' ? 'selected' : ''}>当考试结束时</option>
-                        </select>
-                    </td>
-                    <td><input type="number" value="${reminder.time}" placeholder="${reminder.condition === 'start' || reminder.condition === 'end' ? '-' : '分钟'}" ${reminder.condition === 'start' || reminder.condition === 'end' ? 'disabled' : ''}></td>
-                    <td>
-                        <select name="audioSelect">
-                            <option value="classStart" ${reminder.audio === 'classStart' ? 'selected' : ''}>考试开始铃声</option>
-                            <option value="classEnd" ${reminder.audio === 'classEnd' ? 'selected' : ''}>考试结束铃声</option>
-                        </select>
-                    </td>
-                    <td><button onclick="removeReminder(this)">删除</button></td>
-                `;
-                row.cells[0].querySelector('select').addEventListener('change', function() {
-                    row.cells[1].querySelector('input').disabled = this.value === 'start' || this.value === 'end';
-                    row.cells[1].querySelector('input').placeholder = this.value === 'start' || this.value === 'end' ? '-' : '分钟';
-                });
-            });
-            // 启动安全更新循环
-            safeUpdate();
-            // 加载设置从Cookies
-            loadSettingsFromCookies();
-            // 加载提醒到队列
-            loadRemindersToQueue(reminders);
-        });
-    } catch (e) {
-        errorSystem.show('系统初始化失败: ' + e.message);
-    }
-}
-window.onbeforeunload = function () {
-    if (timer) clearTimeout(timer);
-};
-
-function goBack() {
-    window.history.back(); // 返回上一页
-}
-
-// 监听主题切换
-document.getElementById('theme-toggle').addEventListener('change', function () {
-    const body = document.body;
-    if (this.checked) {
-        body.classList.remove('light-mode');
-        body.classList.add('dark-mode');
-    } else {
-        body.classList.remove('dark-mode');
-        body.classList.add('light-mode');
-    }
-});
-
-init();
--- a/notification/scripts/settings.js
+++ b/notification/scripts/settings.js
@ -1,149 +0,0 @@
-function saveSettingsToCookies() {
-    try {
-        var table = document.getElementById('reminderTable');
-        var reminders = [];
-        for (var i = 1; i < table.rows.length - 1; i++) {
-            var row = table.rows[i];
-            var condition = row.cells[0].querySelector('select').value;
-            var timeInput = row.cells[1].querySelector('input');
-            var audioSelect = row.cells[2].querySelector('select');
-            if (timeInput && audioSelect) {
-                var time = timeInput.value || 0;
-                var audio = audioSelect.value;
-                reminders.push({ condition: condition, time: time, audio: audio });
-            }
-        }
-
-        if (reminders.length === 0) {
-            errorSystem.show('请添加至少一个提醒策略', 'error');
-            return false;
-        }
-
-        // 编码并保存到 Cookie
-        const remindersStr = encodeURIComponent(JSON.stringify(reminders));
-        setCookie("reminders", remindersStr, 365);
-        
-        // 更新提醒队列
-        loadRemindersToQueue(reminders);
-        
-        errorSystem.show('提醒设置已保存', 'info');
-        return true;
-    } catch (e) {
-        errorSystem.show('保存设置失败: ' + e.message, 'error');
-        return false;
-    }
-}
-
-function loadSettingsFromCookies() {
-    try {
-        const reminderCookie = getCookie("reminders");
-        if (reminderCookie) {
-            // 解码并解析 Cookie 值
-            const reminders = JSON.parse(decodeURIComponent(reminderCookie));
-            if (Array.isArray(reminders)) {
-                // 清空现有提醒
-                var table = document.getElementById('reminderTable');
-                while (table.rows.length > 2) {
-                    table.deleteRow(1);
-                }
-
-                // 使用 audio_files.json 的数据填充提醒表
-                fetch('audio_files.json')
-                    .then(response => response.json())
-                    .then(audioFiles => {
-                        const validAudioTypes = Object.keys(audioFiles);
-                        const defaultAudio = validAudioTypes[0];
-
-                        reminders.forEach(function(reminder) {
-                            // 检查音频是否有效
-                            if (!validAudioTypes.includes(reminder.audio)) {
-                                reminder.audio = defaultAudio;
-                            }
-                            
-                            var row = table.insertRow(table.rows.length - 1);
-                            let audioOptions = validAudioTypes
-                                .map(audio => `<option value="${audio}" ${reminder.audio === audio ? 'selected' : ''}>${audio}</option>`)
-                                .join('');
-                            
-                            row.innerHTML = `
-                                <td>
-                                    <select>
-                                        <option value="beforeStart" ${reminder.condition === 'beforeStart' ? 'selected' : ''}>当距离考试开始时间还有</option>
-                                        <option value="beforeEnd" ${reminder.condition === 'beforeEnd' ? 'selected' : ''}>当距离考试结束时间还有</option>
-                                        <option value="afterEnd" ${reminder.condition === 'afterEnd' ? 'selected' : ''}>当考试结束后</option>
-                                        <option value="start" ${reminder.condition === 'start' ? 'selected' : ''}>当考试开始时</option>
-                                        <option value="end" ${reminder.condition === 'end' ? 'selected' : ''}>当考试结束时</option>
-                                    </select>
-                                </td>
-                                <td><input type="number" value="${reminder.time}" placeholder="${reminder.condition === 'start' || reminder.condition === 'end' ? '-' : '分钟'}" ${reminder.condition === 'start' || reminder.condition === 'end' ? 'disabled' : ''}></td>
-                                <td>
-                                    <select name="audioSelect">
-                                        ${audioOptions}
-                                    </select>
-                                </td>
-                                <td><button onclick="removeReminder(this)">删除</button></td>
-                            `;
-                            
-                            row.cells[0].querySelector('select').addEventListener('change', function() {
-                                row.cells[1].querySelector('input').disabled = this.value === 'start' || this.value === 'end';
-                                row.cells[1].querySelector('input').placeholder = this.value === 'start' || this.value === 'end' ? '-' : '分钟';
-                            });
-                        });
-
-                        // 更新提醒队列
-                        loadRemindersToQueue(reminders);
-                    })
-                    .catch(error => {
-                        errorSystem.show('加载音频文件列表失败: ' + error.message, 'error');
-                    });
-            }
-        }
-    } catch (e) {
-        errorSystem.show('加载设置失败: ' + e.message, 'error');
-    }
-}
-
-document.addEventListener("DOMContentLoaded", () => {
-    const themeToggle = document.getElementById("theme-toggle");
-
-    let theme = getCookie("theme") || "light";
-
-    if (theme === "light") {
-        document.body.classList.remove("dark-mode");
-        themeToggle.checked = false;
-    } else {
-        document.body.classList.add("dark-mode");
-        themeToggle.checked = true;
-    }
-
-    themeToggle.addEventListener("change", () => {
-        const theme = themeToggle.checked ? "dark" : "light";
-        if (theme === "light") {
-            document.body.classList.remove("dark-mode");
-        } else {
-            document.body.classList.add("dark-mode");
-        }
-        setCookie("theme", theme, 365);
-    });
-});
-
-function getCookie(name) {
-    const nameEQ = name + "=";
-    const ca = document.cookie.split(';');
-    for (let i = 0; i < ca.length; i++) {
-        let c = ca[i];
-        while (c.charAt(0) === ' ') c = c.substring(1, c.length);
-        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
-    }
-    return null;
-}
-
-function setCookie(name, value, days) {
-    var expires = "";
-    if (days) {
-        var date = new Date();
-        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
-        expires = "; expires=" + date.toUTCString();
-    }
-    document.cookie = name + "=" + (value || "") + expires + "; path=/";
-}
--- a/notification/scripts/utils.js
+++ b/notification/scripts/utils.js
@ -1,48 +0,0 @@
-function setCookie(name, value, days) {
-    try {
-        const d = new Date();
-        d.setTime(d.getTime() + (days * 24 * 60 * 60 * 1000));
-        const expires = "expires=" + d.toUTCString();
-        document.cookie = name + "=" + value + ";" + expires + ";path=/;SameSite=Strict";
-    } catch (e) {
-        console.error('设置 Cookie 失败:', e);
-    }
-}
-
-function getCookie(name) {
-    try {
-        const nameEQ = name + "=";
-        const cookies = document.cookie.split(';');
-        for (let cookie of cookies) {
-            cookie = cookie.trim();
-            if (cookie.indexOf(nameEQ) === 0) {
-                return cookie.substring(nameEQ.length);
-            }
-        }
-    } catch (e) {
-        console.error('读取 Cookie 失败:', e);
-    }
-    return null;
-}
-
-function formatTimeWithoutSeconds(time) {
-    return time.slice(0, -3);
-}
-
-const errorSystem = {
-    show: function(message) {
-        try {
-            const container = document.querySelector('.error-container');
-            const content = document.getElementById('errorMessage');
-            content.textContent = message;
-            container.style.display = 'flex';
-            setTimeout(this.hide, 5000);
-        } catch(e) {
-            console.error('错误提示系统异常:', e);
-        }
-    },
-    hide: function() {
-        const container = document.querySelector('.error-container');
-        if (container) container.style.display = 'none';
-    }
-};
--- a/notification/styles/action-btn.css
+++ b/notification/styles/action-btn.css
@ -1,20 +0,0 @@
-.action-btn {
-    background: #27ae60;
-    color: white;
-    border: none;
-    padding: 10px 20px;
-    border-radius: 8px;
-    cursor: pointer;
-    font-size: 15px;
-    font-weight: 500;
-    transition: all 0.2s ease;
-    box-shadow: 0 4px 12px rgba(39, 174, 96, 0.25);
-    margin-top: 10px;
-    margin: 0;
-    height: 38px;
-    line-height: 18px;
-}
-.action-btn:hover {
-    transform: translateY(-1px);
-    box-shadow: 0 6px 16px rgba(39, 174, 96, 0.35);
-}
--- a/notification/styles/base.css
+++ b/notification/styles/base.css
@ -1,12 +0,0 @@
-body {
-    font-family: 'Segoe UI', Arial, sans-serif;
-    margin: 0;
-    padding: 20px;
-    background: #f5f7fa;
-    color: #2d3436;
-}
-.container {
-    max-width: 800px;
-    margin: 0 auto;
-    position: relative;
-}
--- a/notification/styles/control-btn.css
+++ b/notification/styles/control-btn.css
@ -1,24 +0,0 @@
-.control-bar {
-    position: fixed;
-    top: 20px;
-    right: 20px;
-    z-index: 10000;
-    display: flex;
-    gap: 10px;
-}
-.control-btn {
-    background: linear-gradient(135deg, #3498db, #2980b9);
-    color: white;
-    border: none;
-    padding: 12px 24px;
-    border-radius: 8px;
-    cursor: pointer;
-    font-size: 15px;
-    font-weight: 500;
-    transition: all 0.2s ease;
-    box-shadow: 0 4px 12px rgba(52,152,219,0.25);
-}
-.control-btn:hover {
-    transform: translateY(-1px);
-    box-shadow: 0 6px 16px rgba(52,152,219,0.35);
-}
--- a/notification/styles/dark-mode.css
+++ b/notification/styles/dark-mode.css
@ -1,138 +0,0 @@
-body.dark-mode {
-    background: #2d3436;
-    color: #e0e0e0;
-}
-body.dark-mode .status-box {
-    background: linear-gradient(145deg, #2d3436, #3a3a3a);
-    border: 1px solid #444;
-}
-body.dark-mode .time-display {
-    color: #ecf0f1;
-}
-body.dark-mode .status-label {
-    color: #bdc3c7;
-}
-body.dark-mode .schedule-table {
-    background: #3a3a3a;
-}
-body.dark-mode .schedule-table th {
-    background: #444;
-    color: #ecf0f1;
-}
-body.dark-mode .schedule-table td {
-    border-bottom: 1px solid #555;
-}
-body.dark-mode .current-class {
-    background: #34495e !important;
-}
-body.dark-mode .future-class {
-    background: #3a3a3a !important;
-}
-body.dark-mode .past-class {
-    background: #2d3436 !important;
-    color: #7f8c8d;
-}
-body.dark-mode .control-btn {
-    background: linear-gradient(135deg, #2980b9, #3498db);
-}
-body.dark-mode .control-btn:hover {
-    box-shadow: 0 6px 16px rgba(52, 152, 219, 0.35);
-}
-body.dark-mode .settings-panel {
-    background: rgba(45, 52, 54, 0.95);
-    border: 1px solid #444;
-}
-body.dark-mode .settings-panel h3 {
-    color: #ecf0f1;
-}
-body.dark-mode .settings-panel label {
-    color: #bdc3c7;
-}
-body.dark-mode .settings-panel input[type="number"] {
-    background: #3a3a3a;
-    color: #ecf0f1;
-    border: 1px solid #555;
-}
-body.dark-mode .settings-panel input[type="file"] {
-    background: #3a3a3a;
-    color: #ecf0f1;
-    border: 1px solid #555;
-}
-body.dark-mode .file-input-label {
-    background: #27ae60;
-}
-body.dark-mode .file-input-label:hover {
-    background: #219150;
-}
-body.dark-mode .info-container {
-    background: #2980b9;
-}
-body.dark-mode .info-content:before {
-    color: #2980b9;
-}
-body.dark-mode .error-container {
-    background: #c0392b;
-}
-body.dark-mode .error-content:before {
-    color: #c0392b;
-}
-body.dark-mode .reminder-table {
-    background: #3a3a3a;
-}
-body.dark-mode .reminder-table th {
-    background: #444;
-    color: #ecf0f1;
-}
-body.dark-mode .reminder-table td {
-    border-bottom: 1px solid #555;
-}
-body.dark-mode .reminder-table td input,
-body.dark-mode .reminder-table td select {
-    background: #3a3a3a;
-    color: #ecf0f1;
-    border: 1px solid #555;
-}
-body.dark-mode .reminder-table td button {
-    background: #e74c3c;
-}
-body.dark-mode .reminder-table td button:hover {
-    background: #c0392b;
-}
-body.dark-mode .action-btn {
-    background: #27ae60;
-}
-body.dark-mode .action-btn:hover {
-    box-shadow: 0 6px 16px rgba(39, 174, 96, 0.35);
-}
-
-#return-btn {
-    position: absolute; /* 绝对定位 */
-    top: 20px; /* 距离顶部 20px */
-    left: 20px; /* 距离左侧 20px */
-    background-color: #f5f7fa; /* 默认亮色模式背景颜色 */
-    color: #333333; /* 默认亮色模式文字颜色 */
-    border: 1px solid #cccccc; /* 默认亮色模式边框颜色 */
-    border-radius: 16px; /* 按钮圆角大小 */
-    padding: 10px 18px; /* 按钮内边距 */
-    font-size: 14px; /* 按钮字体大小 */
-    cursor: pointer; /* 鼠标悬停时显示为手型 */
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* 按钮阴影 */
-    transition: background-color 0.3s ease, transform 0.3s ease; /* 背景颜色和缩放的过渡效果 */
-    z-index: 1001; /* 按钮层级 */
-}
-
-#return-btn:hover {
-    background-color: #e0e4e8; /* 默认亮色模式悬停背景颜色 */
-    transform: scale(1.05); /* 悬停时放大 5% */
-}
-
-/* 暗色模式 */
-body.dark-mode #return-btn {
-    background-color: #4a4f55; /* 更浅的暗色模式背景颜色 */
-    color: #e0e0e0; /* 暗色模式文字颜色 */
-    border: 1px solid #555555; /* 更浅的暗色模式边框颜色 */
-}
-
-body.dark-mode #return-btn:hover {
-    background-color: #3b4046; /* 更浅的暗色模式悬停背景颜色 */
-}
--- a/notification/styles/file-input-label.css
+++ b/notification/styles/file-input-label.css
@ -1,15 +0,0 @@
-.file-input-label {
-    display: inline-block;
-    padding: 10px 20px;
-    background: #27ae60;
-    color: white;
-    border-radius: 8px;
-    cursor: pointer;
-    transition: background 0.3s ease;
-}
-.file-input-label:hover {
-    background: #219150;
-}
-.file-input-label input[type="file"] {
-    display: none;
-}
--- a/notification/styles/fullscreen-mode.css
+++ b/notification/styles/fullscreen-mode.css
@ -1,40 +0,0 @@
-.fullscreen-mode {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: #ffffff;
-    z-index: 9999;
-    padding: 0;
-    margin: 0;
-    overflow: hidden;
-}
-.fullscreen-mode .status-box {
-    width: 100%;
-    height: 100%;
-    border: none;
-    box-shadow: none;
-    border-radius: 0;
-    padding: 0;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    background: none;
-}
-.fullscreen-mode .time-display {
-    font-size: 25vw;
-    line-height: 0.9;
-    color: #2c3e50;
-}
-.fullscreen-mode .status-label {
-    font-size: 6vw;
-    margin-top: 4vw;
-    color: #57606f;
-}
-.fullscreen-mode .control-bar,
-.fullscreen-mode .settings-panel,
-.fullscreen-mode .schedule-table {
-    display: none !important;
-}
--- a/notification/styles/info-error.css
+++ b/notification/styles/info-error.css
@ -1,69 +0,0 @@
-.info-container {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    background: #3498db;
-    color: white;
-    padding: 16px;
-    display: none;
-    z-index: 10001;
-    animation: slideUp 0.3s ease;
-}
-@keyframes slideUp {
-    from { transform: translateY(100%); }
-    to { transform: translateY(0); }
-}
-.info-content {
-    max-width: 800px;
-    margin: 0 auto;
-    font-size: 15px;
-    display: flex;
-    align-items: center;
-    gap: 12px;
-}
-.info-content:before {
-    content: 'i';
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 24px;
-    height: 24px;
-    background: white;
-    color: #3498db;
-    border-radius: 50%;
-    font-weight: bold;
-}
-
-.error-container {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    background: #ff6b6b;
-    color: white;
-    padding: 16px;
-    display: none;
-    z-index: 10001;
-    animation: slideUp 0.3s ease;
-}
-.error-content {
-    max-width: 800px;
-    margin: 0 auto;
-    font-size: 15px;
-    display: flex;
-    align-items: center;
-    gap: 12px;
-}
-.error-content:before {
-    content: '!';
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 24px;
-    height: 24px;
-    background: white;
-    color: #ff6b6b;
-    border-radius: 50%;
-    font-weight: bold;
-}
--- a/notification/styles/reminder-table.css
+++ b/notification/styles/reminder-table.css
@ -1,55 +0,0 @@
-.reminder-table {
-    width: 100%;
-    border-collapse: collapse;
-    margin: 15px 0;
-    background: white;
-    border-radius: 12px;
-    overflow: hidden;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
-}
-.reminder-table th, .reminder-table td {
-    padding: 12px;
-    border-bottom: 1px solid #f1f3f6;
-    text-align: left;
-}
-.reminder-table th {
-    background: #f8f9fa;
-    color: #57606f;
-    font-weight: 600;
-}
-.reminder-table td {
-    padding: 12px;
-    border-bottom: 1px solid #f1f3f6;
-    text-align: left;
-    cursor: move; /* 添加拖拽光标 */
-}
-.reminder-table td.drag-handle {
-    cursor: grab; /* 添加拖拽光标 */
-}
-.reminder-table tr.dragging {
-    opacity: 0.5; /* 拖拽时透明度 */
-}
-.reminder-table td input, .reminder-table td select {
-    width: 100%;
-    padding: 8px;
-    border: 1px solid #e0e6ed;
-    border-radius: 4px;
-    font-size: 14px;
-    color: #2d3436;
-}
-.reminder-table td button {
-    background: #e74c3c;
-    color: white;
-    border: none;
-    padding: 8px 16px;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 14px;
-    transition: all 0.2s ease;
-}
-.reminder-table td button:hover {
-    background: #c0392b;
-}
-.reminder-table td:last-child {
-    text-align: center;
-}
--- a/notification/styles/schedule-table.css
+++ b/notification/styles/schedule-table.css
@ -1,42 +0,0 @@
-.schedule-table {
-    width: 100%;
-    border-collapse: collapse;
-    margin: 25px 0;
-    background: white;
-    border-radius: 12px;
-    overflow: hidden;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
-}
-.schedule-table th, .schedule-table td {
-    padding: 14px 16px;
-    text-align: left;
-}
-.schedule-table th {
-    background: #f8f9fa;
-    color: #57606f;
-    font-weight: 600;
-    border-bottom: 2px solid #e0e6ed;
-}
-.schedule-table td {
-    border-bottom: 1px solid #f1f3f6;
-}
-.current-class {
-    background: #e8f5e9 !important;
-    position: relative;
-}
-.current-class:after {
-    content: '';
-    position: absolute;
-    left: 0;
-    top: 0;
-    height: 100%;
-    width: 4px;
-    background: #2ecc71;
-}
-.future-class {
-    background: #f8f9fa !important;
-}
-.past-class {
-    background: #fafafa !important;
-    color: #a4b0be;
-}
--- a/notification/styles/settings-panel.css
+++ b/notification/styles/settings-panel.css
@ -1,60 +0,0 @@
-.settings-panel {
-    background: rgba(255,255,255,0.95);
-    padding: 25px;
-    margin: 25px 0;
-    border-radius: 12px;
-    border: 1px solid #e0e6ed;
-    backdrop-filter: blur(8px);
-}
-.settings-panel h3 {
-    margin: 0 0 20px;
-    color: #2c3e50;
-    font-size: 20px;
-}
-.settings-panel label {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    margin: 12px 0;
-    font-size: 16px;
-    color: #57606f;
-    flex-wrap: wrap; /* 解决文本框显示在页面外的问题 */
-}
-.settings-panel input[type="checkbox"] {
-    width: 18px;
-    height: 18px;
-    accent-color: #3498db;
-}
-.settings-panel input[type="number"] {
-    width: 60px;
-    padding: 5px;
-    border: 1px solid #e0e6ed;
-    border-radius: 4px;
-    font-size: 14px;
-    color: #2d3436;
-    margin-right: 10px;
-}
-.settings-panel input[type="file"] {
-    margin-top: 10px;
-}
-.file-input-label {
-    display: inline-block;
-    padding: 10px 20px;
-    background: #27ae60;
-    color: white;
-    border-radius: 8px;
-    cursor: pointer;
-    transition: background 0.3s ease;
-}
-.file-input-label:hover {
-    background: #219150;
-}
-.file-input-label input[type="file"] {
-    display: none;
-}
-.button-group {
-    display: flex;
-    justify-content: space-between;
-    gap: 10px;
-    margin-top: 20px;
-}
--- a/notification/styles/status-box.css
+++ b/notification/styles/status-box.css
@ -1,24 +0,0 @@
-.status-box {
-    background: linear-gradient(145deg, #ffffff, #f8f9fa);
-    border: 1px solid #e0e6ed;
-    padding: 30px;
-    margin: 20px 0;
-    border-radius: 16px;
-    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
-    transition: all 0.3s ease;
-}
-.time-display {
-    font-size: 48px;
-    color: #2c3e50;
-    font-weight: 700;
-    margin: 15px 0;
-    text-align: center;
-    letter-spacing: 2px;
-    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
-}
-.status-label {
-    font-size: 28px;
-    text-align: center;
-    margin: 15px 0;
-    color: #57606f;
-}
--- a/notification/styles/style.css
+++ b/notification/styles/style.css
@ -1,479 +0,0 @@
-/* 基础样式 */
-body {
-    font-family: 'Segoe UI', Arial, sans-serif;
-    margin: 0;
-    padding: 20px;
-    background: #f5f7fa;
-    color: #2d3436;
-}
-.container {
-    max-width: 800px;
-    margin: 0 auto;
-    position: relative;
-}
-
-/* 考试信息板块 */
-.exam-info {
-    text-align: center;
-    margin-bottom: 30px;
-    padding: 20px;
-    background: white;
-    border-radius: 12px;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
-}
-
-.exam-info h1 {
-    margin: 0;
-    font-size: 32px;
-    color: #2c3e50;
-    margin-bottom: 10px;
-}
-
-.exam-room {
-    font-size: 18px;
-    color: #57606f;
-}
-
-.exam-message {
-    font-size: 20px;
-    color: #57606f;
-    margin-top: 10px;
-}
-
-/* 状态显示框 */
-.status-box {
-    background: linear-gradient(145deg, #ffffff, #f8f9fa);
-    border: 1px solid #e0e6ed;
-    padding: 30px;
-    margin: 20px 0;
-    border-radius: 16px;
-    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
-    transition: all 0.3s ease;
-}
-.time-display {
-    font-size: 48px;
-    color: #2c3e50;
-    font-weight: 700;
-    margin: 15px 0;
-    text-align: center;
-    letter-spacing: 2px;
-    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
-}
-.status-label {
-    font-size: 28px;
-    text-align: center;
-    margin: 15px 0;
-    color: #57606f;
-}
-
-/* 课程表格 */
-.schedule-table {
-    width: 100%;
-    border-collapse: collapse;
-    margin: 25px 0;
-    background: white;
-    border-radius: 12px;
-    overflow: hidden;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
-}
-.schedule-table th {
-    background: #f8f9fa;
-    padding: 16px;
-    color: #57606f;
-    font-weight: 600;
-    border-bottom: 2px solid #e0e6ed;
-}
-.schedule-table td {
-    padding: 14px;
-    border-bottom: 1px solid #f1f3f6;
-}
-.current-class {
-    background: #e8f5e9 !important;
-    position: relative;
-}
-.current-class:after {
-    content: '';
-    position: absolute;
-    left: 0;
-    top: 0;
-    height: 100%;
-    width: 4px;
-    background: #2ecc71;
-}
-.future-class {
-    background: #f8f9fa !important;
-}
-.past-class {
-    background: #fafafa !important;
-    color: #a4b0be;
-}
-
-/* 移除全屏模式相关样式 */
-.fullscreen-mode {
-    display: none;
-}
-
-/* 控制按钮 */
-.control-bar {
-    position: fixed;
-    top: 20px;
-    right: 20px;
-    z-index: 10000;
-    display: flex;
-    gap: 10px;
-}
-.control-btn {
-    background: linear-gradient(135deg, #3498db, #2980b9);
-    color: white;
-    border: none;
-    padding: 12px 24px;
-    border-radius: 8px;
-    cursor: pointer;
-    font-size: 15px;
-    font-weight: 500;
-    transition: all 0.2s ease;
-    box-shadow: 0 4px 12px rgba(52,152,219,0.25);
-}
-.control-btn:hover {
-    transform: translateY(-1px);
-    box-shadow: 0 6px 16px rgba(52,152,219,0.35);
-}
-
-/* 设置面板 */
-.settings-panel {
-    background: rgba(255,255,255,0.95);
-    padding: 25px;
-    margin: 25px 0;
-    border-radius: 12px;
-    border: 1px solid #e0e6ed;
-    backdrop-filter: blur(8px);
-}
-.settings-panel h3 {
-    margin: 0 0 20px;
-    color: #2c3e50;
-    font-size: 20px;
-}
-.settings-panel label {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    margin: 12px 0;
-    font-size: 16px;
-    color: #57606f;
-    flex-wrap: wrap; /* 解决文本框显示在页面外的问题 */
-}
-.settings-panel input[type="checkbox"] {
-    width: 18px;
-    height: 18px;
-    accent-color: #3498db;
-}
-.settings-panel input[type="number"] {
-    width: 60px;
-    padding: 5px;
-    border: 1px solid #e0e6ed;
-    border-radius: 4px;
-    font-size: 14px;
-    color: #2d3436;
-    margin-right: 10px;
-}
-.settings-panel input[type="file"] {
-    margin-top: 10px;
-}
-.file-input-label {
-    display: inline-block;
-    padding: 10px 20px;
-    background: #27ae60;
-    color: white;
-    border-radius: 8px;
-    cursor: pointer;
-    transition: background 0.3s ease;
-}
-.file-input-label:hover {
-    background: #219150;
-}
-.file-input-label input[type="file"] {
-    display: none;
-}
-.button-group {
-    display: flex;
-    justify-content: space-between;
-    gap: 10px;
-    margin-top: 20px;
-}
-
-/* 信息提示 */
-.info-container {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    background: #3498db;
-    color: white;
-    padding: 16px;
-    display: none;
-    z-index: 10001;
-    animation: slideUp 0.3s ease;
-}
-@keyframes slideUp {
-    from { transform: translateY(100%); }
-    to { transform: translateY(0); }
-}
-.info-content {
-    max-width: 800px;
-    margin: 0 auto;
-    font-size: 15px;
-    display: flex;
-    align-items: center;
-    gap: 12px;
-}
-.info-content:before {
-    content: 'i';
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 24px;
-    height: 24px;
-    background: white;
-    color: #3498db;
-    border-radius: 50%;
-    font-weight: bold;
-}
-
-/* 错误提示 */
-.error-container {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    background: #ff6b6b;
-    color: white;
-    padding: 16px;
-    display: none;
-    z-index: 10001;
-    animation: slideUp 0.3s ease;
-}
-.error-content {
-    max-width: 800px;
-    margin: 0 auto;
-    font-size: 15px;
-    display: flex;
-    align-items: center;
-    gap: 12px;
-}
-.error-content:before {
-    content: '!';
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 24px;
-    height: 24px;
-    background: white;
-    color: #ff6b6b;
-    border-radius: 50%;
-    font-weight: bold;
-}
-
-/* 提醒表格 */
-.reminder-table {
-    width: 100%;
-    border-collapse: collapse;
-    margin: 15px 0;
-    background: white;
-    border-radius: 12px;
-    overflow: hidden;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
-}
-.reminder-table th, .reminder-table td {
-    padding: 12px;
-    border-bottom: 1px solid #f1f3f6;
-    text-align: left;
-}
-.reminder-table th {
-    background: #f8f9fa;
-    color: #57606f;
-    font-weight: 600;
-}
-.reminder-table td {
-    padding: 12px;
-    border-bottom: 1px solid #f1f3f6;
-    text-align: left;
-    cursor: move; /* 添加拖拽光标 */
-}
-.reminder-table td.drag-handle {
-    cursor: grab; /* 添加拖拽光标 */
-}
-.reminder-table tr.dragging {
-    opacity: 0.5; /* 拖拽时透明度 */
-}
-.reminder-table td input, .reminder-table td select {
-    width: 100%;
-    padding: 8px;
-    border: 1px solid #e0e6ed;
-    border-radius: 4px;
-    font-size: 14px;
-    color: #2d3436;
-}
-.reminder-table td button {
-    background: #e74c3c;
-    color: white;
-    border: none;
-    padding: 8px 16px;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 14px;
-    transition: all 0.2s ease;
-}
-.reminder-table td button:hover {
-    background: #c0392b;
-}
-.reminder-table td:last-child {
-    text-align: center;
-}
-
-/* 文件输入标签 */
-.file-input-label {
-    display: inline-block;
-    padding: 10px 20px;
-    background: #27ae60;
-    color: white;
-    border-radius: 8px;
-    cursor: pointer;
-    transition: background 0.3s ease;
-}
-.file-input-label:hover {
-    background: #219150;
-}
-.file-input-label input[type="file"] {
-    display: none;
-}
-
-/* 动作按钮 */
-.action-btn {
-    background: #27ae60;
-    color: white;
-    border: none;
-    padding: 10px 20px;
-    border-radius: 8px;
-    cursor: pointer;
-    font-size: 15px;
-    font-weight: 500;
-    transition: all 0.2s ease;
-    box-shadow: 0 4px 12px rgba(39, 174, 96, 0.25);
-    margin-top: 10px;
-}
-.action-btn:hover {
-    transform: translateY(-1px);
-    box-shadow: 0 6px 16px rgba(39, 174, 96, 0.35);
-}
-
-/* 明暗色切换 */
-body.dark-mode {
-    background: #2d3436;
-    color: #e0e0e0;
-}
-body.dark-mode .status-box {
-    background: linear-gradient(145deg, #2d3436, #3a3a3a);
-    border: 1px solid #444;
-}
-body.dark-mode .time-display {
-    color: #ecf0f1;
-}
-body.dark-mode .status-label {
-    color: #bdc3c7;
-}
-body.dark-mode .schedule-table {
-    background: #3a3a3a;
-}
-body.dark-mode .schedule-table th {
-    background: #444;
-    color: #ecf0f1;
-}
-body.dark-mode .schedule-table td {
-    border-bottom: 1px solid #555;
-}
-body.dark-mode .current-class {
-    background: #34495e !important;
-}
-body.dark-mode .future-class {
-    background: #3a3a3a !important;
-}
-body.dark-mode .past-class {
-    background: #2d3436 !important;
-    color: #7f8c8d;
-}
-body.dark-mode .control-btn {
-    background: linear-gradient(135deg, #2980b9, #3498db);
-}
-body.dark-mode .control-btn:hover {
-    box-shadow: 0 6px 16px rgba(52, 152, 219, 0.35);
-}
-body.dark-mode .settings-panel {
-    background: rgba(45, 52, 54, 0.95);
-    border: 1px solid #444;
-}
-body.dark-mode .settings-panel h3 {
-    color: #ecf0f1;
-}
-body.dark-mode .settings-panel label {
-    color: #bdc3c7;
-}
-body.dark-mode .settings-panel input[type="number"] {
-    background: #3a3a3a;
-    color: #ecf0f1;
-    border: 1px solid #555;
-}
-body.dark-mode .settings-panel input[type="file"] {
-    background: #3a3a3a;
-    color: #ecf0f1;
-    border: 1px solid #555;
-}
-body.dark-mode .file-input-label {
-    background: #27ae60;
-}
-body.dark-mode .file-input-label:hover {
-    background: #219150;
-}
-body.dark-mode .info-container {
-    background: #2980b9;
-}
-body.dark-mode .info-content:before {
-    color: #2980b9;
-}
-body.dark-mode .error-container {
-    background: #c0392b;
-}
-body.dark-mode .error-content:before {
-    color: #c0392b;
-}
-body.dark-mode .reminder-table {
-    background: #3a3a3a;
-}
-body.dark-mode .reminder-table th {
-    background: #444;
-    color: #ecf0f1;
-}
-body.dark-mode .reminder-table td {
-    border-bottom: 1px solid #555;
-}
-body.dark-mode .reminder-table td input,
-body.dark-mode .reminder-table td select {
-    background: #3a3a3a;
-    color: #ecf0f1;
-    border: 1px solid #555;
-}
-body.dark-mode .reminder-table td button {
-    background: #e74c3c;
-}
-body.dark-mode .reminder-table td button:hover {
-    background: #c0392b;
-}
-body.dark-mode .action-btn {
-    background: #27ae60;
-}
-body.dark-mode .action-btn:hover {
-    box-shadow: 0 6px 16px rgba(39, 174, 96, 0.35);
-}
-
-body.dark-mode .exam-message {
-    color: #bdc3c7;
-}
--- a/notification/styles/switch.css
+++ b/notification/styles/switch.css
@ -1,44 +0,0 @@
-.switch {
-    position: relative;
-    display: inline-block;
-    width: 60px;
-    height: 34px;
-}
-
-.switch input {
-    opacity: 0;
-    width: 0;
-    height: 0;
-}
-
-.slider {
-    position: absolute;
-    cursor: pointer;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: #ccc;
-    transition: .4s;
-    border-radius: 34px;
-}
-
-.slider:before {
-    position: absolute;
-    content: "";
-    height: 26px;
-    width: 26px;
-    left: 4px;
-    bottom: 4px;
-    background-color: white;
-    transition: .4s;
-    border-radius: 50%;
-}
-
-input:checked + .slider {
-    background-color: #2196F3;
-}
-
-input:checked + .slider:before {
-    transform: translateX(26px);
-}