合并main更改 (#31)

* Update CNAME

* feat: 添加公告弹窗功能，支持动态显示公告内容

Author: MKStoler1024

announcement.json

@@ -0,0 +1,4 @@
+{
+    "show": true,
+    "content": "<b>ExamAware2-Desktop</b> 今年不会继续更新，如有离线使用需要请本机部署ExamSchedule使用。</br>感谢各位对ExamAware项目的支持。</br>若您在使用本项目时遇到所谓的“付费”，请务必不要相信，ExamAware项目从未要求用户付费。</br>如果您已经付费，遇到问题时优先寻找付费提供方解决。</br>如果您有任何疑问，请在GitHub上联系我们。</br>再次感谢您的支持！"
+}

index.html

@@ -195,6 +195,61 @@
             text-align: center;
         }
 
+        /* 公告弹窗样式 */
+        #announcement-modal {
+            display: none;
+            position: fixed;
+            z-index: 9999;
+            left: 0;
+            top: 0;
+            width: 100vw;
+            height: 100vh;
+            background: rgba(18, 18, 18, 0.75);
+            justify-content: center;
+            align-items: center;
+        }
+
+        #announcement-modal > div {
+            background: #232a34;
+            color: #e3f2fd;
+            border-radius: 16px;
+            max-width: 90vw;
+            min-width: 320px;
+            box-shadow: 0 4px 24px rgba(25, 118, 210, 0.18);
+            padding: 32px 24px 16px 24px;
+            position: relative;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
+
+        #announcement-modal h2 {
+            font-size: 22px;
+            font-weight: 500;
+            margin-bottom: 12px;
+            color: #90caf9;
+        }
+
+        #announcement-modal p {
+            font-size: 16px;
+            margin-bottom: 24px;
+            text-align: center;
+        }
+
+        #announcement-close {
+            background: #1976d2;
+            color: #fff;
+            border: none;
+            border-radius: 8px;
+            padding: 8px 24px;
+            font-size: 15px;
+            cursor: pointer;
+            transition: background 0.2s;
+        }
+
+        #announcement-close:hover {
+            background: #155a8a;
+       
         @keyframes floatY {
             0% {
                 transform: translateY(0);
@@ -260,10 +315,18 @@
 
     <div class="copyright">&copy; 2024-2025 ExamAware开发团队 版权所有</div>
 
+    <!-- 公告弹窗 -->
+    <div id="announcement-modal" style="display:none; position:fixed; z-index:9999; left:0; top:0; width:100vw; height:100vh; background:rgba(18,18,18,0.75); justify-content:center; align-items:center;">
+        <div style="background:#232a34; color:#e3f2fd; border-radius:16px; max-width:90vw; min-width:320px; box-shadow:0 4px 24px rgba(25,118,210,0.18); padding:32px 24px 16px 24px; position:relative; display:flex; flex-direction:column; align-items:center;">
+            <span style="font-size:22px; font-weight:500; margin-bottom:12px; color:#90caf9;">公告</span>
+            <div id="announcement-content" style="font-size:16px; margin-bottom:24px; text-align:center;"></div>
+            <button id="announcement-close" style="background:#1976d2; color:#fff; border:none; border-radius:8px; padding:8px 24px; font-size:15px; cursor:pointer; transition:background 0.2s;">关闭</button>
+        </div>
     <div class="poweredby-chuqiyun" style="width:100%;display:flex;justify-content:center;align-items:center;position:absolute;bottom:48px;left:0;z-index:10;">
         <a href="https://chuqiyun.com">
             <img src="https://chuqiyun.com/static/images/poweredby.svg" alt="Powered by 楚奇云">
         </a>
+
     </div>
 
     <script>
@@ -275,7 +338,25 @@
                 }
             }
         }
-        window.onload = checkAprilFools;
+        window.onload = function() {
+            checkAprilFools();
+            // 公告弹窗逻辑
+            fetch('./announcement.json')
+                .then(res => {
+                    if (!res.ok) throw new Error('No announcement');
+                    return res.json();
+                })
+                .then(data => {
+                    if (data && data.show && data.content) {
+                        document.getElementById('announcement-content').innerHTML = data.content;
+                        document.getElementById('announcement-modal').style.display = 'flex';
+                    }
+                })
+                .catch(() => {});
+            document.getElementById('announcement-close').onclick = function() {
+                document.getElementById('announcement-modal').style.display = 'none';
+            };
+        };
     </script>
 </body>