新增歷史戰績關閉按鈕並更新 README

src/App.css

@@ -1212,6 +1212,7 @@
 }
 
 .history-modal {
+  position: relative;
   width: min(680px, 100%);
   display: grid;
   gap: 16px;
@@ -1223,6 +1224,41 @@
     inset 0 0 0 2px rgba(200, 140, 46, 0.45);
 }
 
+.history-modal-close {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  width: 44px;
+  height: 44px;
+  border: 0;
+  border-radius: 999px;
+  cursor: pointer;
+  font: inherit;
+  font-size: 1.6rem;
+  line-height: 1;
+  color: #b34e3a;
+  background: linear-gradient(180deg, #ffe5bf, #f0bd7c);
+  box-shadow:
+    inset 0 0 0 1px rgba(199, 125, 63, 0.34),
+    0 10px 18px rgba(8, 47, 73, 0.16);
+  transition:
+    transform 0.16s ease,
+    box-shadow 0.16s ease,
+    filter 0.16s ease;
+}
+
+.history-modal-close:hover {
+  transform: translateY(-1px);
+  box-shadow:
+    inset 0 0 0 1px rgba(199, 125, 63, 0.42),
+    0 14px 22px rgba(8, 47, 73, 0.2);
+}
+
+.history-modal-close:active {
+  transform: translateY(0);
+  filter: brightness(0.98);
+}
+
 .history-modal-score {
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);