用户反馈任务弹窗里：
1. 任务说明 textarea 撑出了 modal-body 右边界，出现横向滚动条
2. 任务说明标签和任务分组的标签 x 坐标没对齐

根因
- form-grid 用 grid-template-columns: 1fr 1fr，默认是
  minmax(auto, 1fr)，auto = 子元素最小内容宽度
- form-row 里的 flex 子元素（form-control → textarea）默认
  min-width: auto，不会被压到比内容更小
- textarea 内容/padding 撑大 → grid item 溢出列宽 → full-row 也顶宽
  → 超出 modal

修法
- .form-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  grid item 允许收缩到 0 宽
- .form-row { ...; min-width: 0; }
- .form-control { ...; min-width: 0; }
  flex 子允许收缩到 0
- .form-control textarea { max-width: 100%; box-sizing: border-box; }
  padding/border 不撑大盒子
- .modal-body { overflow-x: hidden; }
  兜底防整个页面出横滚

验收
- Vite 实时刷样式生效
- 浏览器刷新后横向滚动条消失
- 任务说明标签与任务名称/任务分组标签同 x 坐标