/*# sourceURL=kava-theme-style-inline-css */
   /* 1. 容器：控制显示区域 */
   .marquee-box {
    width: 100%;
 
    color: #212326;
    padding: 12px 0;
    overflow: hidden; /* 隐藏超出部分 */
    position: relative;
    display: flex;
}

/* 2. 滚动主体：包含两组相同内容实现无缝衔接 */
.marquee-content {
    display: flex;
    white-space: nowrap;
    animation: scroll-left 20s linear infinite; /* 20s控制速度 */
}

   /* 3. 条目样式 */
   .item {
    padding: 0 40px;
    font-size: 16px;
    font-family: sans-serif;
}

/* 4. 关键动画：移动整个内容区域 */
@keyframes scroll-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } /* 滚动到一半时正好对齐第二组开头 */
}

/* 5. 交互：悬停时暂停 */
.marquee-box:hover .marquee-content {
    animation-play-state: paused;
    cursor: pointer;
}