feat: 为虚拟键盘添加F1-F12的按键，并优化布局

packages/frontend/src/components/VirtualKeyboard.vue

@@ -82,7 +82,14 @@ const keys: KeyDefinition[] = [
   { label: 'End', sequence: '\x1b[4~', type: 'navigation' }, // +++ End +++
   { label: 'PgUp', sequence: '\x1b[5~', type: 'navigation' }, // +++ PageUp +++
   { label: 'PgDn', sequence: '\x1b[6~', type: 'navigation' }, // +++ PageDown +++
-  // Row 3: Alphabet Keys (A-Z)
+  // Row 3: Function Keys (F1-F12)
+  { label: 'F1', sequence: '\x1b[11~', type: 'special' }, { label: 'F2', sequence: '\x1b[12~', type: 'special' },
+  { label: 'F3', sequence: '\x1b[13~', type: 'special' }, { label: 'F4', sequence: '\x1b[14~', type: 'special' },
+  { label: 'F5', sequence: '\x1b[15~', type: 'special' }, { label: 'F6', sequence: '\x1b[17~', type: 'special' },
+  { label: 'F7', sequence: '\x1b[18~', type: 'special' }, { label: 'F8', sequence: '\x1b[19~', type: 'special' },
+  { label: 'F9', sequence: '\x1b[20~', type: 'special' }, { label: 'F10', sequence: '\x1b[21~', type: 'special' },
+  { label: 'F11', sequence: '\x1b[23~', type: 'special' }, { label: 'F12', sequence: '\x1b[24~', type: 'special' },
+  // Row 4: Alphabet Keys (A-Z)
   { label: 'A', type: 'char' }, { label: 'B', type: 'char' }, { label: 'C', type: 'char' },
   { label: 'D', type: 'char' }, { label: 'E', type: 'char' }, { label: 'F', type: 'char' },
   { label: 'G', type: 'char' }, { label: 'H', type: 'char' }, { label: 'I', type: 'char' },
@@ -133,4 +140,4 @@ button[title="Ctrl"], button[title="Alt"] {
   font-weight: bold;
 }
 */
-</style>
+</style>

packages/frontend/src/views/WorkspaceView.vue

@@ -740,6 +740,8 @@ const toggleVirtualKeyboard = () => {
 
 .mobile-virtual-keyboard {
   flex-shrink: 0; /* 防止虚拟键盘缩小 */
+  width: 100%; /* 确保宽度为 100% */
+  box-sizing: border-box; /* 边框和内边距包含在宽度内 */
   /* 可以添加更多样式，例如背景色、边框等 */
 }