/* 轻量自动轮播；仍保留浏览器原生横向滚动与 scroll-snap 作为触摸和无脚本降级方案。 */
.home-slider {
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: 18px auto 4px;
    overflow: hidden;
    background: #f4f8f6;
    border: 1px solid #dce8e1;
    border-radius: 14px;
    box-shadow: 0 12px 28px rgba(20, 78, 49, .10);
}

.home-slider-track {
    display: flex;
    width: 100%;
    aspect-ratio: 1280 / 298;
    min-height: 180px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.home-slider-track::-webkit-scrollbar { display: none; }

.home-slider-slide {
    display: flex;
    min-width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.home-slider-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.home-slider-nav {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    display: flex;
    justify-content: center;
    gap: 8px;
    pointer-events: none;
}

.home-slider-nav a {
    display: inline-flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    color: #1f6f41;
    background: rgba(255, 255, 255, .9);
    border: 1px solid rgba(35, 122, 69, .42);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    pointer-events: auto;
}

.home-slider-nav a:hover,
.home-slider-nav a:focus-visible,
.home-slider-nav a.is-active {
    color: #fff;
    background: #237a45;
    outline: 3px solid rgba(35, 122, 69, .22);
}

@media (max-width: 720px) {
    .home-slider { margin-top: 14px; border-radius: 10px; }
    .home-slider-track { min-height: 150px; }
    .home-slider-nav { bottom: 7px; }
}

@media (prefers-reduced-motion: reduce) {
    .home-slider-track { scroll-behavior: auto; }
}