/* TOP 推荐文章轮播样式 */

.recommend-carousel {
    width: 100%;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--line-1);
}

.recommend-header {
    display: inline-flex;
    align-items: baseline;
    gap: 16px;
}

.recommend-label {
    font-size: 1rem;
    color: var(--font-color-3);
}

.recommend-slider {
    display: inline;
}

.recommend-slides {
    display: inline;
}

.recommend-slide {
    display: none;
}

.recommend-slide.active {
    display: inline;
}

.recommend-slide a {
    color: var(--font-color-3);
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
}

.recommend-slide a:hover {
    color: var(--font-color-0);
    border-bottom: 1px solid var(--font-color-0);
}

/* 轮播指示器 */
.recommend-indicators {
    display: none;
}

/* 响应式 */
@media screen and (max-width: 768px) {
    .recommend-carousel {
        margin-bottom: 16px;
        padding-bottom: 12px;
    }
    
    .recommend-header {
        gap: 12px;
    }
    
    .recommend-label {
        font-size: 0.8rem;
    }
    
    .recommend-slide a {
        font-size: 0.8rem;
    }
}

@media screen and (max-width: 480px) {
    .recommend-slide a {
        font-size: 0.75rem;
    }
}