/* ============================================================
   landing-page.css — extracted from landing-page.html
   ============================================================ */

/* content-auto / card-hover / nav-scrolled 已由 /assets/css/tailwind.css 与布局 head 提供，此处仅保留本页专属样式 */

.gradient-overlay {

    background: linear-gradient(135deg, rgba(0,0,0,0.8) 0%, rgba(75,79,88,0.6) 100%);

}

/* Slider Styles */

.slider-container {

    position: relative;

    overflow: hidden;

}



.slider-wrapper {

    display: flex;

    transition: transform 0.5s ease-in-out;

}



.slider-item {

    min-width: 100%;

    flex-shrink: 0;

}



.slider-nav {

    display: flex;

    justify-content: center;

    gap: 0.75rem;

    margin-top: 2rem;

}



.slider-dot {

    width: 12px;

    height: 12px;

    border-radius: 50%;

    background-color: #e5e7eb;

    cursor: pointer;

    transition: background-color 0.3s ease;

}



.slider-dot.active {

    background-color: #a91f29;

}



.slider-btn {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    background-color: rgba(169, 31, 41, 0.8);

    color: white;

    border: none;

    padding: 0.75rem 1rem;

    cursor: pointer;

    border-radius: 0.375rem;

    z-index: 10;

    transition: background-color 0.3s ease;

    font-size: 1.25rem;

}



.slider-btn:hover {

    background-color: rgba(169, 31, 41, 1);

}



.slider-btn.prev {

    left: 1rem;

}



.slider-btn.next {

    right: 1rem;

}



.slider-container {

    overflow: hidden;

    position: relative;

}



.slider-track {

    display: flex;

    transition: transform 0.5s ease;

}



.slider-item {

    flex: 0 0 100%;

}



@media (min-width: 768px) {

    .slider-item {

        flex: 0 0 50%;

    }

}



@media (min-width: 1024px) {

    .slider-item {

        flex: 0 0 33.333%;

    }

}
  .text-white{color:#000000;}