带圆角的梯形适用于Chrome，但无法在Firefox中完成

Question

HTML

<div class="trapezoid"></div>

这是我的代码，它适用于chrome，但不适用于Firefox。任何建议或帮助将不胜感激。

CSS

.trapezoid {
    border-bottom: 370px solid #19313b;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    width: 1145px;
    margin-top:50px
    margin-left: 80px;
    border-radius: 83px 83px 0 0 / 285px 285px 0 0;
}