fix: 打字键盘改为西语键位并修复按键高亮

typing.css

@@ -185,7 +185,16 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  flex-direction: column;
+  line-height: 1.05;
 }
+.kb-key .kb-main { font-size: 1em; }
+.kb-key .kb-sub {
+  font-size: 0.62em;
+  opacity: 0.6;
+  margin-top: 1px;
+}
+.kb-key.hint .kb-sub { opacity: 0.9; }
 .kb-key.wide { min-width: 64px; }
 .kb-key.altgr { min-width: 64px; }
 .kb-key.space { flex: 1; max-width: 220px; }
@@ -202,6 +211,26 @@
   color: var(--text-muted);
   line-height: 1.5;
 }
+.keyboard-guide {
+  margin-top: 1rem;
+  padding: 0.9rem 1rem;
+  background: var(--highlight);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  font-size: 0.86rem;
+  line-height: 1.7;
+  color: var(--text-muted);
+}
+.keyboard-guide h2 {
+  margin: 0 0 0.5rem;
+  font-size: 0.95rem;
+  color: var(--text);
+}
+.keyboard-guide ol {
+  margin: 0;
+  padding-left: 1.25rem;
+}
+.keyboard-guide li { margin-bottom: 0.25rem; }
 .finish-box {
   text-align: center;
   padding: 2rem 0;
@@ -219,13 +248,19 @@
 }
 @media (max-width: 640px) {
   .kb-key {
-    min-width: 20px;
+    flex: 1 1 0;
+    min-width: 0;
     height: 34px;
-    font-size: 0.65rem;
-    padding: 0 0.1rem;
+    font-size: 0.62rem;
+    padding: 0 0.05rem;
   }
   .kb-key.wide, .kb-key.altgr {
-    min-width: 44px;
+    min-width: 40px;
   }
+  .kb-key.space { min-width: 56px; max-width: 140px; }
   .kb-row { gap: 0.25rem; }
+  .keyboard-guide {
+    font-size: 0.8rem;
+    padding: 0.75rem;
+  }
 }