为界面添加全屏按钮

css/body.css

@@ -41,3 +41,21 @@ body {
     margin: 10px;
     text-align: center;
 }
+
+/* 全屏按钮样式（仅大屏幕显示） */
+#fullscreen-button {
+    position: absolute;
+    right: 12px;
+    top: 7px;
+    background: none;
+    border: none;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    transition: top 0.3s ease,transform 0.3s ease-in-out, padding 0.3s ease-in-out; /* 平滑放大动画 */
+    transform-origin: center center; /* 确保放大时的中心不变 */
+}
+
+#fullscreen-button:hover {
+    transform: scale(1.20); /* 悬停时上下左右均匀放大 20% */
+}