使用SCSS覆盖AntD日期选择器样式：层级写法样式不匹配求助

我用同版本AntD实现了两个日期选择器：

• 直接覆盖AntD默认样式的实例，日期范围的圆角等样式完全正常生效；
• 采用AntD原生样式层级结构+自定义类编写SCSS的实例，出现样式不匹配问题：日期范围一侧为圆角、另一侧为直角，中间选中日期的颜色也异常。

现需将以下SCSS代码转换为层级写法，同时解决上述样式差异问题：

.ant-picker-cell-in-view.ant-picker-cell-range-start {
    &:not(.ant-picker-cell-range-start-single) {
        &::before {
            background-color: green !important;
        }
    }
}

.ant-picker-cell-in-view.ant-picker-cell-range-end {
    &:not(.ant-picker-cell-range-end-single) {
        &::before {
            background-color: green !important;
        }
    }
}

示例场景说明：包含两个日期选择器的样式对比，可直观看到层级写法导致的样式异常表现。

内容的提问来源于stack exchange，提问作者user16860065