现象
点「！」弹框左栏「规则说明」desc 很长的规则（如邮箱校验规则 8 / 200+ 字），
整段 desc 没有最大高度限制，把左栏撑爆，下面的「规则代码」标题 + code-block
被视觉截断；右侧的 pane-title-tag（规则类型胶囊）跟 desc-block 视觉重叠，UI 崩。

修复
src/components/ExplainIssueDialog.vue
- .explain-dialog 加 min-height: 0
  （flex 子容器需要 min-height: 0 才能让 overflow 真正生效；
   否则 flex item 默认 min-height: auto，会按内容撑开无视 max-height）
- .desc-block 加 max-height: 200px; overflow-y: auto
  跟 .code-block 视觉统一；超长 desc 内部独立滚动，不再撑爆左栏

效果
- 规则说明超 200px → 内部独立滚动条
- 整个 dialog 高度超 84vh → .modal-body 兜底滚动
- 两层滚动不冲突（外层兜底，内层是单段 desc 限高）

验证
npx vite build → ✓ built in 6.80s

注
4 个 web3/tests/*.png modified 未提交（与本修复无关）