.header {
            background: #1b1a1e;
            border-bottom: 1px solid #977c5c;
            position: relative;
            overflow: hidden;
            height: 100%; /* 设置一个固定高度以确保轮播图正常显示 */
        }

        .logo {
            padding: .3rem 0 .25rem 0;
            text-align: center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 2;
        }

        .logo img {
            width: 5.5rem;
            height: 1.4rem;
        }

        .carousel {
            display: flex;
            transition: transform 0.5s ease-in-out;
            height: 100%; /* 确保轮播图容器高度与父容器一致 */
        }

        .carousel a {
            flex: 0 0 100%;
            position: relative;
        }

        .carousel img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }