.powell-pc-scroll-ads {
    overflow: hidden;
    padding: 12px 14px;
    background: var(--ls-card-bg, var(--ls-bg-white, #ffffff));
    border: 1px solid var(--ls-border-light, var(--ls-border, #e5e7eb));
    border-radius: 8px;
    font-weight: 400;
}

.powell-pc-scroll-ads-row {
    overflow: hidden;
    /* 给 hover 边框和阴影留出垂直缓冲，横向滚动裁切仍由本容器处理。 */
    padding: 2px 0;
}

.powell-pc-scroll-ads-row + .powell-pc-scroll-ads-row {
    margin-top: 5px;
}

.powell-pc-scroll-ads-track {
    display: flex;
    width: max-content;
    animation-name: powell-pc-scroll-ads-left;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    will-change: transform;
}

/* 内容未超出当前占位宽度时由 JS 标记为静态，避免空位也循环滚动。 */
.powell-pc-scroll-ads-row.is-static .powell-pc-scroll-ads-track {
    width: auto;
    animation-name: none;
    transform: none;
    will-change: auto;
}

.powell-pc-scroll-ads-row.is-static .powell-pc-scroll-ads-set[aria-hidden="true"] {
    display: none;
}

.powell-pc-scroll-ads-row-right .powell-pc-scroll-ads-track {
    animation-name: powell-pc-scroll-ads-right;
}

.powell-pc-scroll-ads-row.is-pause-on-hover:hover .powell-pc-scroll-ads-track {
    animation-play-state: paused;
}

.powell-pc-scroll-ads-set {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-right: 12px;
}

.powell-pc-scroll-ads-item {
    display: inline-flex;
    align-items: center;
    min-width: max-content;
    height: 34px;
    padding: 0 13px 0 8px;
    color: var(--ls-text-primary, var(--ls-text, #1f2937));
    text-decoration: none;
    background: var(--ls-bg-secondary, var(--ls-bg, #f8fafc));
    border: 1px solid var(--ls-border-light, var(--ls-border, #e5e7eb));
    border-radius: 8px;
    font-weight: 400;
    transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.powell-pc-scroll-ads-item:hover {
    color: var(--ls-text-primary, var(--ls-text, #1f2937));
    background: var(--ls-bg-hover, var(--ls-bg-secondary, #f1f5f9));
    border-color: var(--ls-primary, #3b82f6);
    box-shadow: var(--ls-shadow-sm, 0 6px 16px rgba(15, 23, 42, 0.08));
    transform: none;
}

.powell-pc-scroll-ads-item:focus-visible {
    outline: 2px solid var(--ls-primary, #3b82f6);
    outline-offset: 2px;
}

.powell-pc-scroll-ads-image {
    width: 22px;
    height: 22px;
    margin-right: 7px;
    object-fit: cover;
    border-radius: 50%;
}

.powell-pc-scroll-ads-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-right: 7px;
    overflow: hidden;
    color: var(--ls-primary, #3b82f6);
    background: var(--ls-primary-light, var(--ls-bg-hover, #eff6ff));
    border-radius: 50%;
    flex-shrink: 0;
}

.powell-pc-scroll-ads-icon i {
    font-size: 14px;
    line-height: 1;
}

.powell-pc-scroll-ads-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-right: 7px;
    overflow: hidden;
    font-size: 12px;
    font-weight: 400;
    color: var(--ls-primary, #3b82f6);
    background: var(--ls-primary-light, var(--ls-bg-hover, #eff6ff));
    border-radius: 50%;
}

.powell-pc-scroll-ads-title {
    overflow: hidden;
    max-width: 150px;
    color: var(--ls-text-primary, var(--ls-text, #1f2937));
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@keyframes powell-pc-scroll-ads-left {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-50%, 0, 0);
    }
}

@keyframes powell-pc-scroll-ads-right {
    from {
        transform: translate3d(-50%, 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .powell-pc-scroll-ads-track {
        animation-name: none;
        transform: none;
    }
}