feat(App): 添加导航菜单折叠功能和样式优化

- 实现响应式导航菜单，根据屏幕尺寸自动调整显示项数量
- 添加移动端友好的折叠菜单和汉堡按钮
- 统一应用内所有按钮和容器的圆角样式为8px
- 重构导航配置为数据驱动模式，便于后续扩展
- 优化小屏幕设备上的导航显示和交互体验
- 添加菜单展开收起的动画过渡效果
- 修复超小屏幕下的边框遮挡问题

src/pages/ElectronicWoodenFish.css

@@ -19,6 +19,7 @@
     flex-direction: column;
     justify-content: space-evenly;
     position: relative;
+    border-radius: 8px;
 }
 
 /* 计数显示 */
@@ -123,9 +124,11 @@
     opacity: 1;
     flex-shrink: 0;
 }
+
 .dzmy-controls .action-btn:hover {
     opacity: 0.9;
 }
+
 .dzmy-controls .action-btn:active {
     opacity: 0.8;
     box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.3);
@@ -138,15 +141,19 @@
         --dzmy-img-width: 120px;
         --dzmy-img-height: 90px;
     }
+
     .dzmy-count {
         font-size: 14px;
     }
+
     .tip-item {
         font-size: 18px;
     }
+
     .dzmy-controls {
         flex-wrap: wrap;
     }
+
     .dzmy-controls input {
         min-width: 100px;
         max-width: 150px;