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/components.css

@@ -183,20 +183,37 @@
 
 .heap-bar-row {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
-  gap: 10px;
+  gap: 6px 10px;
 }
 
 .heap-bar-text {
+  order: 1;
+  flex: 1 1 auto;
+  min-width: 0;
   font-size: 13px;
   font-weight: 600;
   white-space: nowrap;
-  min-width: 165px;
   color: var(--text);
 }
 
+/* 百分比数值与文案同一行；进度条单独占下一行 */
+.heap-bar-pct {
+  order: 2;
+  flex: 0 0 auto;
+  font-size: 12px;
+  font-weight: 600;
+  min-width: 42px;
+  text-align: right;
+  font-variant-numeric: tabular-nums;
+  color: var(--text-dim);
+}
+
 .heap-bar-track {
-  flex: 1;
+  order: 3;
+  flex: 1 1 100%;
+  width: 100%;
   height: 14px;
   background: rgba(255,255,255,0.06);
   border-radius: 7px;
@@ -210,22 +227,13 @@
   border-radius: 7px;
   background: linear-gradient(90deg, var(--accent), #5eead4);
   transition: width .4s ease;
+}
 .heap-bar-fill.warn {
   background: linear-gradient(90deg, #f59e0b, #d97706);
 }
 .heap-bar-fill.danger {
   background: linear-gradient(90deg, #ef4444, #dc2626);
 }
-}
-
-.heap-bar-pct {
-  font-size: 12px;
-  font-weight: 600;
-  min-width: 42px;
-  text-align: right;
-  font-variant-numeric: tabular-nums;
-  color: var(--text-dim);
-}
 
 .heap-detail-row {
   display: flex;
@@ -253,6 +261,26 @@
   display: grid;
   gap: 8px;
 }
+/* 默认露出约 3 条（按占用排序后的最高项），其余纵向滚动 */
+.status-task-list.list-scroll-top3 {
+  --status-task-row-est: 6.75rem; /* 单条卡片近似高度（含 meta） */
+  max-height: calc(3 * var(--status-task-row-est) + 2 * 8px);
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding-right: 4px;
+  scrollbar-gutter: stable;
+  overscroll-behavior: contain;
+}
+.status-task-list.list-scroll-top3::-webkit-scrollbar {
+  width: 6px;
+}
+.status-task-list.list-scroll-top3::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.18);
+  border-radius: 999px;
+}
+.status-task-list.list-scroll-top3::-webkit-scrollbar-track {
+  background: transparent;
+}
 .status-task {
   background: var(--bg-elevated);
   border: 1px solid var(--border);
@@ -315,6 +343,42 @@
   font-size: 11px;
   font-family: var(--font-mono);
 }
+/* 区块内二级折叠：默认 collapsed 收起，点击标题展开 */
+.status-subfold {
+  margin-top: 14px;
+}
+.status-subfold-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  cursor: pointer;
+  user-select: none;
+  padding: 6px 0;
+  border-radius: var(--radius-sm);
+}
+.status-subfold-head:hover {
+  color: var(--text);
+}
+.status-subfold-title {
+  margin: 0 !important;
+  flex: 1;
+}
+.status-subfold-head .collapse-arrow {
+  flex: none;
+  font-size: 10px;
+  color: var(--text-dim);
+  transition: transform .15s ease;
+}
+.status-subfold.collapsed .collapse-arrow {
+  transform: rotate(-90deg);
+}
+.status-subfold.collapsed .status-subfold-body {
+  display: none;
+}
+.status-subfold-body {
+  margin-top: 6px;
+}
 .status-json {
   margin-top: 0;
   padding: 12px;
@@ -329,6 +393,8 @@
   white-space: pre-wrap;
   word-break: break-word;
   font-family: var(--font-mono);
+  resize: vertical; /* 展开后可拖动缩放高度 */
+  min-height: 80px;
 }
 .status-empty {
   padding: 12px;