feat(protocol): 更新SPI Link协议至v2版本并优化CAN通信

- 将SPI OTA帧格式升级为SPI Link v2，采用新的帧格式：
  | SOF0 0xA5 | SOF1 0x5A | VER 0x02 | FLAGS | SESSION 4B LE |
  TX_SEQ | ACK_SEQ | CREDIT | TYPE | LEN 2B LE | RSV 2B | PAYLOAD |
  CRC32 4B LE |
- 新增V2_OVERHEAD=20字节开销，APP最大payload为236字节，BOOT为108字节
- 修改帧类型定义：ENTER_BOOT从0xB5合并至0xB0，新增CAN业务类型0xC0~C3
- 更新CAN协议文档，支持SPI Link v2-only模式，调整最大业务payload计算
- 扩展0xC1帧功能，支持双向通信和1Hz主动推送ID快照
- 添加0xC3完整ID快照帧类型，包含seq/rx_count等完整字段
- 更新协议文档中的错误码定义和反馈payload格式

refactor(main): 重构主程序入口并添加CAN反馈任务

- 在main.cpp中添加CAN反馈任务，更新启动流程注释
- 创建createCriticalTask辅助函数，统一关键任务创建逻辑
- 调整SPI初始化顺序，确保CAN反馈任务依赖正确
- 优化错误处理机制，关键任务失败时立即重启
- 将GD32版本探测移至ota_relay任务处理
- 更新版本号至0.3.48，调整编译时间和Git哈希

config: 更新SPI和BLE配置参数

- 添加SPI主机相关配置参数，包括CS GPIO、READY GPIO等引脚定义
- 配置SPI缓冲区大小：APP为256字节，BOOT为128字节
- 更新BLE滑动窗口参数，ACK窗口设为32，数据队列深度为72
- 调整SPI工作队列大小至5120字节，增加任务堆栈监控说明

tools/css/responsive.css

@@ -2,6 +2,16 @@
 /* === RESPONSIVE === */
 @media (max-width: 1100px) {
   .main-layout { grid-template-columns: 1fr; }
+  .sys-drawer {
+    --sys-drawer-panel-w: min(340px, calc(100vw - 40px));
+    --sys-drawer-peek: 32px;
+    top: 64px;
+    height: calc(100vh - 72px);
+    max-height: calc(100vh - 72px);
+  }
+  .can-monitor-drawer {
+    --sys-drawer-panel-w: min(400px, calc(100vw - 40px));
+  }
   .badge-grid { grid-template-columns: repeat(2, 1fr); }
   .can-toolbar-grid,
   .can-toolbar-foot,
@@ -13,6 +23,14 @@
 }
 @media (max-width: 640px) {
   .container { padding: 16px; }
+  .sys-drawer {
+    --sys-drawer-panel-w: calc(100vw - 36px);
+    --sys-drawer-peek: 28px;
+    top: 56px;
+    height: calc(100vh - 60px);
+    max-height: calc(100vh - 60px);
+  }
+  .sys-drawer-rail-text { font-size: 11px; }
   .header-bar { flex-direction: column; align-items: flex-start; }
   .badge-grid, .metric-grid { grid-template-columns: 1fr; }
   .status-kv-grid, .status-task-meta { grid-template-columns: 1fr; }
@@ -27,20 +45,33 @@
     align-items: flex-start;
   }
   .can-selection-bar,
-  .can-selection-actions,
-  .history-item-top {
+  .can-selection-actions {
     flex-direction: column;
     align-items: flex-start;
   }
+  .can-msg-toolbar {
+    flex-wrap: wrap;
+  }
+  .history-item-row {
+    grid-template-columns: auto 56px minmax(0, 1fr);
+    grid-template-rows: auto auto;
+  }
+  .history-item-hex,
+  .history-item-foot {
+    grid-column: 1 / -1;
+    text-align: left;
+  }
   .can-title {
     font-size: 22px;
   }
   .can-frame-hex {
     font-size: 15px;
   }
+  /* 禁止再强制 980px 最小宽，避免报文/信号表横向滑动 */
   .message-table,
   .signal-table {
-    min-width: 980px;
+    min-width: 0;
+    max-width: 100%;
   }
 }