.scrolltext_7kM9p {
    margin: var(--margin-tb) 0;
    padding: var(--padding-tb) 0;
    overflow: hidden;
    width: 100%;
}

.scrolltext_7kM9p_container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.scrolltext_7kM9p_wrapper {
    display: flex;
    width: fit-content;
    gap: 2rem;
}

.scrolltext_7kM9p_track {
    display: flex;
    align-items: center;
    gap: 2rem;
    animation: scrolltext_7kM9p_scroll 30s linear infinite;
    will-change: transform;
}

.scrolltext_7kM9p_clone {
    animation-delay: 0s;
}

.scrolltext_7kM9p_item {
    font-size: var(--text-size);
    color: var(--text-color);
    white-space: nowrap;
    flex-shrink: 0;
    
    font-weight: 500;
    letter-spacing: 0.05em;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* 鼠标经过任意项时暂停滚动 */
.scrolltext_7kM9p_wrapper:has(.scrolltext_7kM9p_item:hover) .scrolltext_7kM9p_track {
    animation-play-state: paused !important;
}

/* 链接样式 */
.scrolltext_7kM9p_link {
    text-decoration: none;
    display: inline-block;
    position: relative;
}

/* 带有链接的项鼠标经过显示下划线效果 */
.scrolltext_7kM9p_link:hover {
    text-decoration: underline;
    text-underline-offset: 0.3em;
    text-decoration-thickness: 2px;
}

/* 描边样式 */
.scrolltext-style-stroke .scrolltext_7kM9p_item {
    color: transparent;
    -webkit-text-stroke: 1px var(--text-color);
    text-stroke: 1px var(--text-color);
}

.scrolltext-style-stroke .scrolltext_7kM9p_item:hover {
    color: transparent;
    -webkit-text-stroke: 1px var(--text-hover-color);
    text-stroke: 1px var(--text-hover-color);
}

/* 描边样式的链接下划线需要设置颜色 */
.scrolltext-style-stroke .scrolltext_7kM9p_link:hover {
    text-decoration-color: var(--text-hover-color);
}

/* 默认样式 */
.scrolltext-style-solid .scrolltext_7kM9p_item {
    color: var(--text-color);
    -webkit-text-stroke: none;
    text-stroke: none;
}

.scrolltext-style-solid .scrolltext_7kM9p_item:hover {
    color: var(--text-hover-color);
    -webkit-text-stroke: none;
    text-stroke: none;
}

/* 鼠标经过-描边样式 */
.scrolltext-hover-stroke .scrolltext_7kM9p_item:hover {
    color: transparent;
    -webkit-text-stroke: 1px var(--text-hover-color);
    text-stroke: 1px var(--text-hover-color);
}

/* 鼠标经过-描边样式的链接下划线颜色 */
.scrolltext-hover-stroke .scrolltext_7kM9p_link:hover {
    text-decoration-color: var(--text-hover-color);
}

/* 鼠标经过-默认样式 */
.scrolltext-hover-solid .scrolltext_7kM9p_item:hover {
    color: var(--text-hover-color);
    -webkit-text-stroke: none;
    text-stroke: none;
}

/* 鼠标经过-默认样式的链接下划线颜色 */
.scrolltext-hover-solid .scrolltext_7kM9p_link:hover {
    text-decoration-color: var(--text-hover-color);
}

/* 向左滚动动画 */
@keyframes scrolltext_7kM9p_scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* 向右滚动动画 */
.scrolltext-direction-right .scrolltext_7kM9p_track {
    animation-name: scrolltext_7kM9p_scroll_right;
}

@keyframes scrolltext_7kM9p_scroll_right {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}

.scrolltext_7kM9p_wrapper:hover .scrolltext_7kM9p_track {
    /* 移除原有的wrapper hover暂停，改为item级别控制 */
}

/* 平板（Pad）样式，适用于平板设备的样式 */
@media (min-width: 768px) and (max-width: 1024px) {
    .scrolltext_7kM9p_item {
        font-size: calc(var(--text-size) * 0.85);
        
    }
    
    .scrolltext_7kM9p_track {
        gap: 3rem;
    }
}

/* 手机端样式 */
@media (max-width: 767px) {
    .scrolltext_7kM9p {
        padding: calc(var(--padding-tb) * 0.75) 0;
    }
    
    .scrolltext_7kM9p_item {
        font-size: calc(var(--text-size) * 0.8);
        
    }
    
    .scrolltext_7kM9p_track {
        gap: 2rem;
    }
}