From 23927cdd205540747d05b978dcf536afb5ca3def Mon Sep 17 00:00:00 2001
From: MKStoler1024 <158786854+MKStoler1024@users.noreply.github.com>
Date: Tue, 15 Apr 2025 15:12:05 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E4=B8=BB=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F=EF=BC=8C=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E5=B8=83=E5=B1=80=E5=92=8C=E4=BA=A4=E4=BA=92=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C=EF=BC=8C=E7=A7=BB=E9=99=A4=E9=80=89=E6=8B=A9=E7=89=88?=
 =?UTF-8?q?=E6=9C=AC=E6=A0=87=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 44 +++++++++++++++++++++++++-------------------
 1 file changed, 25 insertions(+), 19 deletions(-)

diff --git a/index.html b/index.html
index 517ea73..cad9e6a 100644
--- a/index.html
+++ b/index.html
@@ -21,42 +21,46 @@
         }
 
         h1 {
-            color: #E6E1E5;
-            font-size: 48px;
-            text-align: center;
-            margin-bottom: 40px;
-            animation: fadeInUp 1s ease-in-out;
-            font-weight: 500;
+            display: none; /* 隐藏选择版本标题 */
         }
 
+        /* 只针对主导航按钮的样式 */
         ul {
             list-style: none;
             padding: 0;
             margin: 0;
-            display: flex;
-            justify-content: center;
-            gap: 16px;
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: 24px;
             animation: fadeInUp 1s ease-in-out;
         }
 
-        a {
+        /* 主导航按钮样式 */
+        ul a {
             color: #E6E1E5;
             text-decoration: none;
-            font-size: 16px;
+            font-size: 20px;
             font-weight: 500;
-            padding: 16px 24px;
-            border-radius: 100px;
+            padding: 32px;
+            border-radius: 24px;
             background-color: #49454F;
             transition: all 0.3s ease;
             display: flex;
+            flex-direction: column;
             align-items: center;
-            gap: 8px;
+            gap: 16px;
+            min-width: 200px;
+            text-align: center;
         }
 
-        a:hover {
+        ul a:hover {
             background-color: #605D64;
-            transform: translateY(-2px);
-            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
+            transform: translateY(-4px);
+            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
+        }
+
+        ul .material-icons {
+            font-size: 32px;
         }
 
         @keyframes fadeInUp {
@@ -134,12 +138,15 @@
             padding: 8px 16px;
             border-radius: 100px;
             font-size: 14px;
+            text-decoration: none;
+            color: rgba(255, 255, 255, 1);
         }
 
         .about-link:hover {
-            background-color: rgba(255, 255, 255, 0.1);
+            background-color: transparent;
             transform: none;
             box-shadow: none;
+            color: rgba(255, 255, 255, 0.7);
         }
 
         .about-link .material-icons {
@@ -152,7 +159,6 @@
         <img src="./icon.png" alt="ExamSchedule Logo" class="project-logo">
         ExamSchedule
     </div>
-    <h1>选择版本：</h1>
     <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>