Firefox 不正确地渲染线性和径向渐变

Question

我正在尝试使用渐变属性来创建背景，由于某种原因，它在 firefox 中呈现错误的渐变，但在基于 chrome 的浏览器中却完美。 我试过使用 -moz- 并没有帮助。 出于某种原因，它创建了一堆不同的线条，当我试图让它更大时，它看起来真的很糟糕。

.background {
  width: 100%;
  min-height: 100vh;
  background-image: radial-gradient(hwb(0 100% 0%) -200%,  hwb(0 9% 91%) 90%);
}

查看这些图片以供参考

镀铬Firefox