feat: 新增打字练习记录与首页记录列表

typing.css

@@ -85,9 +85,15 @@
   align-items: center;
   justify-content: space-between;
   gap: 0.75rem;
+  flex-wrap: wrap;
   margin-bottom: 0.75rem;
 }
 .type-toolbar span { font-size: 0.85rem; color: var(--text-muted); }
+.toolbar-actions {
+  display: flex;
+  gap: 0.5rem;
+  margin-left: auto;
+}
 .type-toolbar button {
   background: none;
   border: 1px solid var(--border);
@@ -231,6 +237,64 @@
   padding-left: 1.25rem;
 }
 .keyboard-guide li { margin-bottom: 0.25rem; }
+.records-section {
+  margin-top: 1.5rem;
+  padding-top: 1rem;
+  border-top: 1px solid var(--border);
+}
+.records-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  margin-bottom: 0.75rem;
+}
+.records-head h2 {
+  margin: 0;
+  font-size: 1rem;
+  color: var(--text);
+}
+.records-head button {
+  background: none;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  padding: 0.3rem 0.7rem;
+  font-size: 0.8rem;
+  cursor: pointer;
+  color: var(--text-muted);
+}
+.records-list {
+  min-height: 2.5rem;
+  font-size: 0.86rem;
+  color: var(--text-muted);
+}
+.records-empty { padding: 0.75rem 0; }
+.record-item {
+  padding: 0.65rem 0;
+  border-bottom: 1px solid var(--border);
+}
+.record-item:last-child { border-bottom: 0; }
+.record-line {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.35rem 0.75rem;
+}
+.record-mode {
+  font-weight: 700;
+  color: var(--text);
+}
+.record-category { color: var(--text-muted); }
+.record-accuracy {
+  font-weight: 700;
+  color: var(--success);
+}
+.record-duration { color: var(--text-muted); }
+.record-meta {
+  margin-top: 0.2rem;
+  font-size: 0.78rem;
+  color: var(--text-muted);
+}
 .finish-box {
   text-align: center;
   padding: 2rem 0;
@@ -263,4 +327,6 @@
     font-size: 0.8rem;
     padding: 0.75rem;
   }
+  .record-line { gap: 0.3rem 0.6rem; }
+  .record-meta { font-size: 0.74rem; }
 }