/* 总容器 */
    .game-wrap {
        display: grid;
        gap: 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    /* 电脑端：左侧轮播 + 右侧双卡片，左右高度同步后台自定义高度 */
    @media (min-width: 992px) {
        .game-wrap {
            grid-template-columns: 73.56% 25%;
            grid-auto-rows: <?php echo $slide_h; ?>px;
            align-items: stretch;
        }
        .card-group {
            height: 100%;
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }
        .game-card {
            flex: 1;
            width: 100%;
        }
        /* PC端轮播使用后台固定高度 */
        .slide-box {
            height: <?php echo $slide_h; ?>px;
        }
    }

    /* 手机/平板：单列上下排列，修复轮播图片裁切，自适应比例完整显示 */
    @media (max-width: 991px) {
        .game-wrap {
            grid-template-columns: 1fr;
        }
        .card-group {
            display: flex;
            flex-direction: row;
            gap: 12px;
        }
        .game-card {
            flex: 1;
            min-width: 0;
        }
        /* 移动端取消固定px高度，使用原始比例，图片完整展示 */
        .slide-box {
            height: auto !important;
            aspect-ratio: 1079 / 427;
        }
    }

    /* 左侧轮播容器 基础样式 */
    .slide-box {
        background: #fff;
        border-radius: 8px;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    /* 轮播图片容器 */
    .slide-list {
        width: 100%;
        height: 100%;
        display: flex;
        transition: transform 0.5s ease;
    }

    .slide-item {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
    }

    .slide-item a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .slide-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
    }

    /* 左右箭头按钮 默认隐藏，hover显示 */
    .slide-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        border: none;
        border-radius: 50%;
        font-size: 20px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        z-index: 10;
    }

    .slide-box:hover .slide-arrow {
        opacity: 1;
        visibility: visible;
    }

    .slide-arrow.left {
        left: 10px;
    }

    .slide-arrow.right {
        right: 10px;
    }

    .slide-arrow:hover {
        background: rgba(0, 0, 0, 0.7);
    }

    /* 轮播底部圆点指示器 */
    .slide-dots {
        position: absolute;
        bottom: 12px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        gap: 6px;
        z-index: 10;
    }

    .dot {
        width: 24px;
        height: 6px;
        background: rgba(255, 255, 255, 0.4);
        border-radius: 3px;
        cursor: pointer;
    }

    .dot.active {
        background: #0088ff;
    }

    /* 卡片通用样式 */
    .game-card {
        background: #fff;
        border-radius: 8px;
        overflow: hidden;
        width: 100%;
    }
    .game-card a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .game-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
    }