试图完美地对齐具有不同背景颜色的嵌套元素的圆形边框看起来永远不会很好。每个浏览器可能以稍微不同的方式计算和反走样边框半径。你可以尝试使用边框、溢出甚至框阴影，但你永远无法做到完美。即使你认为你有看起来不错的东西，缩放缩放往往会破坏它。
我建议您从容器中删除背景，将背景颜色应用于每个子对象，并相应地调整边框半径。

.specialCell {
    border-radius: 0;
    display: grid;
    grid-template-rows: 20% 80%;
}
.firstDiv {
    border-radius: 25px 25px 0 0;
    background-color: hsl(15, 100%, 70%);
}
.secondDiv {
    border-radius: 0 0 25px 25px;
    background-color: #1D214B;
}