diff --git a/background.jpg b/background.jpg
deleted file mode 100644
index 88e4466..0000000
Binary files a/background.jpg and /dev/null differ
diff --git a/background_light.jpg b/background_light.jpg
deleted file mode 100644
index ff45a61..0000000
Binary files a/background_light.jpg and /dev/null differ
diff --git a/index.html b/index.html
index a8b6951..c00a584 100644
--- a/index.html
+++ b/index.html
@@ -1,82 +1,61 @@
-<!--
-					   _ooOoo_
-					  o8888888o
-					  88" . "88
-					  (| -_- |)
-					  O\  =  /O
-				   ____/---\____
-				 .'  \\|     |//  '.
-				/  \\|||  :  |||//  \
-			   /  _||||| -:- |||||-  \
-			   |   | \\\  -  /// |   |
-			   | _|  ''---/''  |   |
-			   \  .-\__  `-`  ___/-. /
-			 ___`. .'  /--.--\  `. . __
-		  ."" '<  `.___\_<|>_/___.'  >'"".
-		 | | :  `- \.;`\ _ /';.\ - ` : | |
-		 \  \ `-.   \_ __\ /__ _/   .-\ /  /
-	======`-.____`-.___\_____/___.-`____.-'======
-					   `=---='
-	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-			 佛祖保佑       永无BUG
--->
 <!DOCTYPE html>
 <html lang="zh-CN">
 <head>
-	<link rel="shortcut icon" href="./favicon.ico">
+    <link rel="shortcut icon" href="./favicon.ico">
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>选择页面</title>
+    <link href="https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
     <style>
         body {
-            background-image: url('./background.jpg');
-            background-size: cover;
-            background-repeat: no-repeat;
+            background: #1C1B1F;
             display: flex;
             justify-content: center;
             align-items: center;
             height: 100vh;
             margin: 0;
-            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* 使用更现代的字体 */
-            color: #fff;
-            background-color: rgba(0, 0, 0, 0.5); /* 添加半透明背景 */
-            backdrop-filter: blur(5px); /* 添加背景模糊效果 */
+            font-family: 'Google Sans', 'Roboto', sans-serif;
+            color: #E6E1E5;
+            backdrop-filter: blur(10px);
         }
+
         h1 {
-            color: #fff;
+            color: #E6E1E5;
             font-size: 48px;
             text-align: center;
-            margin-bottom: 30px;
+            margin-bottom: 40px;
             animation: fadeInUp 1s ease-in-out;
+            font-weight: 500;
         }
+
         ul {
             list-style: none;
             padding: 0;
             margin: 0;
-            display: flex; /* 改为横向排布 */
-            justify-content: center; /* 居中对齐 */
-            gap: 30px; /* 按钮之间的间距 */
+            display: flex;
+            justify-content: center;
+            gap: 16px;
             animation: fadeInUp 1s ease-in-out;
         }
-        li {
-            margin-bottom: 0; /* 移除垂直间距 */
-        }
+
         a {
-            color: #fff;
+            color: #E6E1E5;
             text-decoration: none;
-            font-size: 24px;
-            font-weight: bold;
-            padding: 15px 30px;
-            border-radius: 8px;
-            background-color: rgba(255, 255, 255, 0.1);
+            font-size: 16px;
+            font-weight: 500;
+            padding: 16px 24px;
+            border-radius: 100px;
+            background-color: #49454F;
             transition: all 0.3s ease;
             display: inline-block;
         }
+
         a:hover {
-            background-color: rgba(255, 255, 255, 0.3);
-            transform: translateY(-3px);
+            background-color: #605D64;
+            transform: translateY(-2px);
             box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
         }
+
         @keyframes fadeInUp {
             0% {
                 opacity: 0;
@@ -87,16 +66,37 @@
                 transform: translateY(0);
             }
         }
+
         .copyright {
             position: absolute;
-            bottom: 10px;
+            bottom: 16px;
             width: 100%;
             text-align: center;
-            font-size: 20px;
-            color: rgba(255, 255, 255, 0.8);
-            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+            font-size: 14px;
+            color: #CAC4D0;
             animation: fadeInUp 1s ease-in-out;
         }
+
+        .github-link {
+            position: absolute;
+            top: 16px;
+            right: 16px;
+            background-color: transparent;
+            padding: 8px;
+            border-radius: 50%;
+        }
+
+        .github-link:hover {
+            background-color: rgba(255, 255, 255, 0.1);
+            transform: none;
+            box-shadow: none;
+        }
+
+        .github-link img {
+            width: 24px;
+            height: 24px;
+            filter: invert(1);
+        }
     </style>
 </head>
 <body>
@@ -108,8 +108,8 @@
     </ul>
 
     <!-- 添加GitHub图标跳转项目地址 -->
-    <a href="https://github.com/ExamAware/ExamSchedule" target="_blank" style="position: absolute; top: 10px; right: 10px; z-index: 1000;">
-        <img src="./github-icon.png" alt="GitHub" style="width: 30px; height: 30px;" title="在GitHub上查看源代码">
+    <a href="https://github.com/ExamAware/ExamSchedule" target="_blank" class="github-link">
+        <img src="./github-icon.png" alt="GitHub" title="在GitHub上查看源代码">
     </a>
 
     <!-- 新增版权信息 -->
diff --git a/time/index.html b/time/index.html
index dfb0dc6..7272613 100644
--- a/time/index.html
+++ b/time/index.html
@@ -33,87 +33,101 @@
 	<style>
 		/* 基础样式 */
 		body {
-			font-family: 'Segoe UI', Arial, sans-serif;
+			font-family: 'Roboto', 'HarmonyOS Sans SC', sans-serif;
 			margin: 0;
 			padding: 20px;
-			background: url('../background.jpg') no-repeat center center fixed;
-			background-size: cover;
-			color: #ecf0f1;
+			background: #1C1B1F;
+			color: #E6E1E5;
 			display: flex;
 			justify-content: center;
 			align-items: center;
 			height: 100vh;
-			background-color: #2c3e50;
 		}
 
 		.container {
 			text-align: center;
-			background: rgba(255, 255, 255, 0);
-			padding: 30px;
-			animation: fadeIn 2s ease-in-out;
+			background: #2B2930;
+			padding: 48px;
+			border-radius: 28px;
+			box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+			animation: fadeIn 0.3s ease-in-out;
 		}
 
 		.time {
 			font-size: 10rem;
 			margin: 0;
-			color: #ecf0f1;
-			font-weight: 700;
-			text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-			animation: glow 1s ease-in-out infinite alternate;
+			color: #D0BCFF;
+			font-weight: 400;
+			text-shadow: none;
 		}
 
 		.text {
 			font-size: 1.5rem;
-			margin-bottom: 20px;
-			color: #bdc3c7;
-		}
-
-		.btn {
-			padding: 10px 25px;
-			margin: 10px;
-			border: none;
-			border-radius: 8px;
-			cursor: pointer;
-			transition: all 0.3s ease;
-			font-weight: 500;
-			background: linear-gradient(135deg, #3498db, #2980b9);
-			color: white;
-			box-shadow: 0 4px 12px rgba(52, 152, 219, 0.25);
-		}
-
-		.btn:hover {
-			transform: translateY(-1px);
-			box-shadow: 0 6px 16px rgba(52, 152, 219, 0.35);
+			margin-bottom: 32px;
+			color: #E6E1E5;
 		}
 
 		.controls {
-			margin-top: 30px;
+			margin-top: 40px;
+			display: flex;
+			gap: 12px;
+			flex-wrap: wrap;
+			justify-content: center;
+		}
+
+		.btn, #fontSelector {
+			padding: 12px 24px;
+			border: none;
+			border-radius: 20px;
+			cursor: pointer;
+			transition: all 0.2s ease;
+			font-size: 1rem;
+			font-weight: 500;
+			background-color: #4A4458;
+			color: #E6E1E5;
+			box-shadow: 0 1px 3px rgba(0,0,0,0.3);
+		}
+
+		.btn:hover, #fontSelector:hover {
+			background-color: #635B70;
+			transform: translateY(-1px);
+			box-shadow: 0 2px 6px rgba(0,0,0,0.4);
+		}
+
+		#fontSelector {
+			padding: 10px 20px;
 		}
 
 		.btn.fullscreen {
-			background: linear-gradient(135deg, #e74c3c, #c0392b);
-			color: #fff;
+			background-color: #5C1130;
+			color: #FFB3B3;
 		}
 
-		/* 动画效果 */
+		.btn.fullscreen:hover {
+			background-color: #7D2046;
+		}
+
+		/* 简化动画效果 */
 		@keyframes fadeIn {
-			from {
-				opacity: 0;
-			}
-
-			to {
-				opacity: 1;
-			}
+			from { opacity: 0; transform: translateY(10px); }
+			to { opacity: 1; transform: translateY(0); }
 		}
 
-		@keyframes glow {
-			from {
-				text-shadow: 0 0 10px #222;
-			}
+		/* 删除发光动画，符合 MD3 的简洁风格 */
+		
+		/* 下拉菜单样式 */
+		select {
+			appearance: none;
+			background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23E6E1E5'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
+			background-repeat: no-repeat;
+			background-position: right 10px center;
+			background-size: 20px;
+			padding-right: 40px;
+		}
 
-			to {
-				text-shadow: 0 0 20px #000;
-			}
+		select option {
+			background-color: #2B2930;
+			color: #E6E1E5;
 		}
 	</style>
 </head>
