react-slick居中展开轮播：幻灯片偏移及滚动异常问题求助

我正在开发一款支持居中项展开显示更多内容的轮播组件，已完成基础功能实现，但遇到两个问题：

• 幻灯片无法居中，整体向左偏移
• 滚动过程中会出现随机向右偏移的情况

我尝试过官方仓库相关issue里的解决方案，也调整过.slick-track和.slick-list的内边距与外边距，但都没能解决问题。

当前实现效果如下：

内容的提问来源于stack exchange，提问作者Fer-de-lance