新增歷史戰績刪除功能並更新 README

src/App.css

@@ -335,6 +335,53 @@
   box-shadow: 0 12px 28px rgba(8, 47, 73, 0.08);
 }
 
+.history-card-shell {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 14px;
+  align-items: center;
+}
+
+.history-card-content {
+  padding: 0;
+  background: transparent;
+}
+
+.history-delete-button {
+  border: 0;
+  border-radius: 999px;
+  padding: 12px 16px;
+  cursor: pointer;
+  font: inherit;
+  color: #fff;
+  background: linear-gradient(180deg, #e57a63, #c44c3d);
+  box-shadow:
+    inset 0 0 0 1px rgba(161, 54, 37, 0.22),
+    0 10px 18px rgba(8, 47, 73, 0.12);
+  transition:
+    transform 0.16s ease,
+    box-shadow 0.16s ease,
+    filter 0.16s ease,
+    opacity 0.16s ease;
+}
+
+.history-delete-button:hover:not(:disabled) {
+  transform: translateY(-1px);
+  box-shadow:
+    inset 0 0 0 1px rgba(161, 54, 37, 0.28),
+    0 14px 22px rgba(8, 47, 73, 0.16);
+}
+
+.history-delete-button:active:not(:disabled) {
+  transform: translateY(0);
+  filter: brightness(0.98);
+}
+
+.history-delete-button:disabled {
+  cursor: default;
+  opacity: 0.62;
+}
+
 .scoreboard-screen {
   display: grid;
   grid-template-columns: minmax(0, 1fr) 160px;
@@ -1413,6 +1460,15 @@
     gap: 4px;
   }
 
+  .history-card-shell {
+    grid-template-columns: 1fr;
+    gap: 10px;
+  }
+
+  .history-delete-button {
+    width: 100%;
+  }
+
   .team-picker-ribbon {
     left: 18px;
     right: 90px;