/* 容器基础设置 */
.ve-modal-container {
    max-width: 900px;
    margin: 0 auto;

    overflow: hidden;
}
.pop-box_index {
    z-index: 112121211111;
}


/* 背景图模式：将原本的左右布局改为背景图布局 */
.ve-content-wrapper.bg-image-mode {
    position: relative;
    display: block; /* 取消 flex */
    width: 100%;
    /* 根据你提供的图片比例设置高度。
       如果图片宽900px，高度约为540px (比例约 5:3) */
    aspect-ratio: 900 / 540;
    background-image: url('/popup_cs/home/Homepage.svg'); /* 确保路径正确 */
    background-size: cover;
    background-position: center;
    min-height: auto; /* 覆盖之前的 450px */
}

/* 透明链接层通用样式 */
.ve-overlay-link {
    position: absolute;
    display: block;
    /* background: rgba(255,0,0,0.3); */ /* 调试时可以取消注释查看位置是否对齐 */
    cursor: pointer;
    z-index: 10;
}
@media (max-width: 992px) {
    .close-btn_index {
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 11;
    }
}
/* 预订按钮位置（基于图片左侧金色区域中心） */
.reserve-pos {
    width: 32%;      /* 按钮宽度占比 */
    height: 15%;     /* 按钮高度占比 */
    top: 53%;        /* 距离顶部位置 */
    left: 9%;        /* 距离左侧位置 */
}

/* 礼品卡链接位置 */
.gift-pos {
    width: 22%;      /* 链接宽度占比 */
    height: 8%;      /* 链接高度占比 */
    top: 74%;        /* 距离顶部位置 */
    left: 14%;       /* 距离左侧位置 */
}

/* 响应式适配：移动端调整 */
@media (max-width: 768px) {
    .ve-content-wrapper.bg-image-mode {
        /* 移动端如果觉得背景图里的字太小，可以增加高度或更换背景图 */
        aspect-ratio: 900 / 540;
    }
}