.primary-red {
    color: #e20016;
}
.bg-primary-red {
    background-color: #e20016;
}
.border-primary-red {
    border-color: #e20016;
}
.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: #e20016;
    transition: width 0.3s ease;
}
.nav-link:hover{
    color: #e20016;
}
.nav-link:hover::after {
    width: 100%;
}
.glass-effect {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
}

/* 动画 */
.reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s ease-out;
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}
/* 轮播图 */
.carousel-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}
.carousel-slide.active {
    opacity: 1;
}
.carousel-btn {
    transition: all 0.3s ease;
}
.carousel-btn:hover {
    background: rgba(196, 30, 36, 0.9);
}
.carousel-dot {
    transition: all 0.3s ease;
}
.carousel-dot.active {
    background: #e20016;
    width: 32px;
    border-radius: 4px;
}
/* 工业线条背景装饰 */
.industrial-bg {
    position: absolute;
    inset: 0;
    overflow: hidden;
    opacity: 0.05;
    pointer-events: none;
    z-index: 0;
}
.industrial-bg svg {
    width: 100%;
    height: 100%;
}
.red-divider {
    width: 40px;
    height: 3px;
    background-color: #e20016;
}
@media (min-width: 768px) {
    h1.md\:text-6xl {
        line-height: 1.2;
        letter-spacing: 5px;
    }
}
@media (max-width: 1280px) {
    .space-x-14 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(3rem * var(--tw-space-x-reverse))!important;
        margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)))!important;
    }
}
@media (max-width: 768px) {
    .mb-4 {
        margin-bottom: 15px!important;
    }
    .mb-6 {
        margin-bottom: 15px!important;
    }
    .mb-8 {
        margin-bottom: 15px!important;
    }
    .mt-8 {
        margin-top: 20px!important;
    }
    .mt-10 {
        margin-top: 20px!important;
    }
    .mb-10 {
        margin-bottom: 20px!important;
    }
    .mb-12 {
        margin-bottom: 24px!important;
    }
    .mb-14 {
        margin-bottom: 25px!important;
    }
    .py-24 {
        padding-top: 30px!important;
        padding-bottom: 30px!important;
    }
    .px-6 {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    .p-10 {
        padding: 20px!important;
    }
    .bottom-20 {
        bottom: 20px!important;
    }
    .gap-16 {
        gap: 25px!important;
    }
    .advice_btns{
        display: none!important;
    }
    .carousel-btn{
        display: none!important;
    }
    .index_banner{
        height: 320px!important;
        touch-action: pan-y;
        -webkit-user-select: none;
        user-select: none;
    }
}