/* 轮播容器样式 [1,4](@ref) */
        .carousel {
            position: relative;
            min-width: 800px;
            margin: 2rem auto;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
            border-radius: 8px;
            overflow: hidden;
        }

        /* 图片容器布局 [3,6](@ref) */
        .carousel-inner {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }

        /* 单张图片样式 */
        .carousel-item {
            min-width: 100%;
            position: relative;
        }

        .carousel-item img {
            width: 100%;
            height: 400px;
            object-fit: cover;
            display: block;
        }

        /* 导航按钮样式 [2,7](@ref) */
        .carousel-control {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0,0,0,0.5);
            color: white;
            padding: 12px 16px;
            border: none;
            cursor: pointer;
            border-radius: 50%;
            font-size: 1.5rem;
            transition: background 0.3s;
        }

        .carousel-control:hover {
            background: rgba(0,0,0,0.8);
        }

        .carousel-prev {
            left: 20px;
        }

        .carousel-next {
            right: 20px;
        }

        /* 指示器样式 [8](@ref) */
        .carousel-indicators {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 8px;
        }

        .carousel-indicator {
            width: 12px;
            height: 12px;
            background: rgba(255,255,255,0.5);
            border-radius: 50%;
            cursor: pointer;
            transition: background 0.3s;
        }

        .carousel-indicator.active {
            background: white;
            transform: scale(1.2);
        }

.grid-btn:hover {
    background: #bae7ff; /* 悬停加深 */
    transform: scale(1.02);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}