/* 轮播容器总高度控制 */

body {
    max-width: 1248px;
    margin: 0 auto  ;
}

/* 修复轮播图完全显示 */
.carousel {
    width: 100%;
    margin: 0 auto;
}
.carousel-inner {
    max-height: 500px; /* 高度自适应 */
    overflow: hidden;
}

/* 隐藏默认指示器背景并修正点击区域 */
.carousel-indicators [data-bs-target] {
    width: 30px;  /* 扩大可点击区域[1,6](@ref) */
    height: 30px;
    background-color: transparent ;
    border: 0 ;
    text-indent: 0;
    display: flex ;  /* 确保SVG居中[7](@ref) */
    align-items: center;
    justify-content: center;
}


/* 颜色继承控制 */
.carousel-indicators button {
    color: #ffffff !important; /* 强制所有状态继承白色 */
    opacity: 0.5;
    transition: opacity 0.3s, transform 0.3s;
}



.carousel-indicators button svg {
    width: 20px;  /* 控制显示尺寸 */
    height: 20px;
    fill: currentColor !important; /* 强制继承按钮颜色[1,4](@ref) */
    pointer-events: none; /* 避免SVG遮挡点击 */
}

/* 图标切换逻辑（保持原有） */
.carousel-indicators button:not(.active) .solid-icon,
.carousel-indicators button.active .hollow-icon {
    display: none;
}
.carousel-indicators button.active .solid-icon,
.carousel-indicators button:not(.active) .hollow-icon {
    display: block;
}

/* 布局调整 */
.carousel-indicators {
    gap: 12px;
    justify-content: center;
    bottom: 25px; /* 调整位置避免遮挡内容[5](@ref) */
}

/* 悬停动效增强 */
.carousel-indicators button:hover {
    opacity: 0.8 !important;
    transform: scale(1.2); /* 增大缩放幅度[7](@ref) */
}


/* 修改箭头背景与图标颜色 */
.carousel-control-prev.small,
.carousel-control-next.small {
    filter: invert(60%) !important; /* 将白色图标转为灰色 */
}

/* 调整悬停交互效果 */
.carousel-control-prev.small:hover,
.carousel-control-next.small:hover {
    filter: invert(80%);
    /*background-color: rgba(0,0,0,0.1) !important;*/
}

/*新闻类别样式*/
.news_category:hover{
    color: white !important;
    background-color: orange;
}

.news_category.active{
    color: white !important;
    background-color: orange;
}

@keyframes slideDown {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.hidden-content {
    display: none;
    animation: slideDown 0.5s ease forwards;
}


/* 自定义中屏幕及以上宽度为40% */
@media (min-width: 768px) {
    .w-md-40 {
        width: 40% !important;
    }
}

.card-body.bg-light.text-dark:hover, .card-img-top:hover + .card-body {
    background-color: var(--bs-warning) !important;
    color: var(--bs-light) !important;
    transition: all 0.3s ease;
}