feat: add hardware key shortcuts and unify lock toggle design

- Home: add keyboard number shortcuts (1/2/3) for module navigation
- Boxing: add P2 key mode switching with pill-style AppBar header
- Registration: replace Switch with pill-style lock header matching boxing design
- Add Android keyCode fallback for scanner device compatibility
- Simplify home page cards to show only module name + shortcut hint
- Add lock redesign HTML preview document

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

lib/pages/registration_page.dart

@@ -19,6 +19,8 @@ class RegistrationPage extends StatefulWidget {
 }
 
 class _RegistrationPageState extends State<RegistrationPage> {
+  static const _androidKeyCodeButtonR1 = 103;
+
   final _scannerService = ScannerService();
   final _apiService = ApiService();
   final _feedbackService = FeedbackService();
@@ -82,11 +84,32 @@ class _RegistrationPageState extends State<RegistrationPage> {
   }
 
   void _onKeyEvent(KeyEvent event) {
-    if (event is KeyDownEvent && event.logicalKey == LogicalKeyboardKey.enter) {
+    if (event is! KeyDownEvent) return;
+    if (_isLockToggleKey(event)) {
+      _toggleLock(!_isLocked);
+      return;
+    }
+    if (event.logicalKey == LogicalKeyboardKey.enter) {
       _submit();
     }
   }
 
+  bool _isLockToggleKey(KeyEvent event) {
+    final key = event.logicalKey;
+    return key == LogicalKeyboardKey.select ||
+        key == LogicalKeyboardKey.gameButtonRight1 ||
+        _androidKeyCodeFromLogicalKey(key) == _androidKeyCodeButtonR1;
+  }
+
+  int? _androidKeyCodeFromLogicalKey(LogicalKeyboardKey key) {
+    final keyId = key.keyId;
+    const androidPlane = LogicalKeyboardKey.androidPlane;
+    if (keyId >= androidPlane && keyId < androidPlane + 0x100000000) {
+      return keyId - androidPlane;
+    }
+    return null;
+  }
+
   void _onScan(ScanResult result) {
     final parsed = CodeParser.parse(result.barcode);
     switch (parsed.type) {
@@ -623,18 +646,14 @@ class _RegistrationPageState extends State<RegistrationPage> {
       onKeyEvent: _onKeyEvent,
       child: Scaffold(
         appBar: AppBar(
-          title: const Text('上架登记'),
-          actions: [
-            Padding(
-              padding: const EdgeInsets.only(right: 4),
-              child: Row(
-                children: [
-                  const Text('锁定货位', style: TextStyle(fontSize: 13)),
-                  Switch(value: _isLocked, onChanged: _toggleLock),
-                ],
-              ),
-            ),
-          ],
+          title: Row(
+            children: [
+              const Text('上架登记'),
+              const SizedBox(width: 12),
+              Expanded(child: _buildLockHeader()),
+            ],
+          ),
+          titleSpacing: 12,
         ),
         body: Column(
           children: [
@@ -701,6 +720,56 @@ class _RegistrationPageState extends State<RegistrationPage> {
     );
   }
 
+  Widget _buildLockHeader() {
+    final backgroundColor =
+        _isLocked ? Colors.orange.shade700 : Colors.blue.shade700;
+    final label = _isLocked ? '货位锁定' : '未锁定';
+
+    return Material(
+      borderRadius: BorderRadius.circular(8),
+      color: backgroundColor,
+      child: InkWell(
+        borderRadius: BorderRadius.circular(8),
+        onTap: () => _toggleLock(!_isLocked),
+        child: Container(
+          width: double.infinity,
+          height: 36,
+          padding: const EdgeInsets.symmetric(horizontal: 10),
+          child: Row(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              const Icon(Icons.swap_horiz, color: Colors.white, size: 18),
+              const SizedBox(width: 6),
+              Flexible(
+                child: FittedBox(
+                  fit: BoxFit.scaleDown,
+                  child: Text(
+                    label,
+                    maxLines: 1,
+                    style: const TextStyle(
+                      color: Colors.white,
+                      fontSize: 18,
+                      fontWeight: FontWeight.w800,
+                    ),
+                  ),
+                ),
+              ),
+              const SizedBox(width: 8),
+              Text(
+                'P2',
+                style: TextStyle(
+                  color: Colors.white.withValues(alpha: 0.88),
+                  fontSize: 12,
+                  fontWeight: FontWeight.w700,
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
   Widget _buildSingleInputPanel() {
     final hasLocation = _locationCode != null;
     final hasZongpai = _zongpaiNos.isNotEmpty;