您好，我们对默认的dark和light主题做了适配，不知您是否安装了其他自定义主题，这个目前还不好适配

要实现横向的自动滚动的交互效果，通常我们会使用JavaScript或者前端框架（例如React，Vue等）来实现。下面我将以纯JavaScript的方式来实现这个功能：

HTML:

html

css

carousel {

width: 100%;
overflow: hidden;
}

.slide {
width: 100%;
height: 300px;
background-size: cover;
background-position: center;
transition: all 0.5s ease;
}
JavaScript:

javascript
var currentIndex = 0;
var slides = document.querySelectorAll('#carousel .slide');
var slideWidth = document.querySelector('#carousel').offsetWidth;

function nextSlide() {
slides[currentIndex].style.transform = 'translateX(' + (-currentIndex 100) + '%)';
currentIndex++;
if (currentIndex >= slides.length) {
currentIndex = 0;
slides[currentIndex].style.transform = 'translateX(0)';
} else {
slides[currentIndex].style.transform = 'translateX(-' + (slideWidth currentIndex) + 'px)';
}
}

setInterval(nextSlide, 3000); // 每3秒自动切换到下一张幻灯片
以上代码中，我们首先获取所有的幻灯片元素，然后定义一个函数nextSlide来切换到下一张幻灯片。在切换过程中，我们使用CSS的transform属性来实现横向的滚动效果。最后，我们使用setInterval函数来每3秒钟调用一次nextSlide函数，从而实现自动滚动的效果。