如何无需!important使用纯净CSS修改AntDVue ant-collapse箭头方向

我此前遇到一个问题：如果不使用我个人并不推崇的!important规则，就无法修改箭头方向，可通过CSS覆盖内联样式的逻辑解决该问题。

我首次使用ant-collapse组件时，是通过分别传入向上、向下箭头的props来调整样式的，这次我想要更优雅的实现方案，最终也成功找到了，具体解决方案如下：

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