3code-type
diff --git a/‎test.html‎
Lines changed: 14 additions & 7 deletions b/‎test.html‎
Lines changed: 14 additions & 7 deletions
@@ -1,9 +1,12 @@
 <!DOCTYPE html>
-<html lang="zh-Hant">
-<head>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <title>三碼中文輸入法模擬器</title>
+<html lang="zh-Hant"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    
+    <title>三碼中文輸入法</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com/">
+    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="">
+    <link href="./3code2_files/css2" rel="stylesheet">
     <style>
+        /* 基礎樣式與變數定義 */
         :root {
             --primary-color: #3f51b5;
             --primary-light: #5c6bc0;
@@ -379,9 +382,11 @@ <h3>反向查詢 (輸入單一中文字)</h3>
 
         // --- 鍵盤處理 ---
         const keyboardLayout = [
+            ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'],
             ['q', 'w', 'e', 'r', 't', 'y', 'u', 'i', 'o', 'p'],
             ['a', 's', 'd', 'f', 'g', 'h', 'j', 'k', 'l', ';'],
-            ['z', 'x', 'c', 'v', 'b', 'n', 'm', ',', '.', '/']
+            ['z', 'x', 'c', 'v', 'b', 'n', 'm', ',', '.', '/'],
+            ['shift', 'space', 'backspace']
         ];
 
         function createKeyboard() {
@@ -390,6 +395,9 @@ <h3>反向查詢 (輸入單一中文字)</h3>
                 row.forEach(key => {
                     const keyDiv = document.createElement('div');
                     keyDiv.classList.add('key');
+                    if (key === 'shift' || key === 'space' || key === 'backspace') {
+                        keyDiv.style.gridColumn = 'span 2';
+                    }
                     keyDiv.dataset.key = key;
                     keyDiv.innerHTML = `<span class="key-text">${key}</span>`;
                     keyboard.appendChild(keyDiv);
@@ -539,5 +547,4 @@ <h3>反向查詢 (輸入單一中文字)</h3>
             }
         });
     </script>
-</body>
-</html>
+</body></html>