/* 背景图宽度 1920px，高度 5568px（长页还原） */
.reservation-page {
    min-height: 5568px;
    background: url("../images/reservation-bg.png") no-repeat center top;
    background-size: 1920px 100%;
    overflow-x: hidden;
}

/* 顶部“前往官网”按钮 */
.go-home {
    position: absolute;
    top: 60px;
    right: 18%;
    width: 215px;
    height: 81px;
    display: inline-block;
}
.button-group{
    position: absolute;
    top: 806px;
    left: calc(50% - 312px);
    width: 624px;
    height: 117px;
    background: url("../images/button-group.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}
.button-group-one{
    width: 312px;
    height: 117px;
}
.go-home img { width: 100%; height: auto; display: block; }

/* 右侧固定关注我们 */
.follow-fixed {
    position: fixed;
    right: 0px;
    top: 20%;
    width: 206px;
    height: 587px;
    z-index: 99;
}
.follow-fixed .follow-bg {
    width: 100%;
    height: 100%;
    background: url("../images/right-bg.png") no-repeat center / contain;
    text-align: center;
    color: #2F5D05;
    overflow: hidden;
}
.follow-weixin{
    width: 100%;
    margin-top: 120px;
    font-size: 32px;
    font-weight: bold;
    text-shadow: 0 2px 1px rgba(255,255,255,0.65), 0 6px 14px rgba(0,0,0,0.25);
}
.follow-weixin-ps{
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.follow-qr{
    width: 128px;
    height: 124px;
    margin: 0 auto;
    background: #2F5D05;
    padding: 4px 2px;
}
.follow-qq{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: bold;
    text-shadow: 0 2px 1px rgba(255,255,255,0.65), 0 6px 14px rgba(0,0,0,0.25);
}

/* 主体布局与区块 */
.reservation-hero {
    padding: 960px 24px 80px; /* 为导航与顶部留出空间 */
}
.res-sec {
    width: 1238px;
    margin: 0 auto 288px;
    text-align: center;
}

/* 模块标题 */
.sec-title img {
    display: block;
    width: 524px;
    height: auto;
    margin: 0 auto 120px;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.25));
}

/* 倒计时背景与数字展示 */
.countdown-wrap {
    width: 1157px;
    height: 133px;
    margin: 0 auto 20px;
    background: url("../images/time-bg.png") no-repeat center / contain; /* 项目内现有路径 */
    display: grid;
    place-items: center;
    
}
.countdown {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.cd-item {
    width: 18%;
    font-size: 88px;
    font-weight: 800;
    color: #fff;
    text-shadow: 0 2px 1px rgba(255,255,255,0.65), 0 6px 14px rgba(0,0,0,0.25);
    line-height: 1;
    letter-spacing: 30px;
}
/* 预约豪华礼包模块背景 + 领取按钮 */
.gift-wrap {
    width: 1238px;
    min-height: 668px;
    margin: 0 auto;
    background: url("../images/content-1.png") no-repeat center / contain;
    position: relative;
}
.gift-btn {
    position: absolute;
    left: 50%;
    bottom: 80px;
    transform: translateX(-50%);
    width: 284px;
    height: 108px;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
}
.gift-btn :hover{
    scale: 1.2;
}

/* 里程碑图片列表 */
.milestone {
    display: grid;
    gap: 32px;
    justify-items: center;
}
.milestone img {
    width: 1194px;
    height: auto;
    display: block;
}
/* .milestone img:hover{
    scale: 1.05;
} */

/* 轮播图区域 */
.carousel {
    position: relative;
    width: 1230px;
    height: 738px; /* 按背景图比例 */
    margin: 0 auto;
    background: url("../images/banner-bg.png") no-repeat center / contain;
    display: grid;
    place-items: center;
}
.carousel-frame {
    width: 92%;
    height: 86%;
    display: grid;
    place-items: center;
    border-radius: 30px;
    overflow: hidden;
}
.carousel-frame img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* 箭头按钮与状态 */
.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    width: 62px;
    height: 62px;
}
.arrow img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.arrow-left { left: 12px; }
.arrow-right { right: 12px; }

/* 响应式优化 */
@media (max-width: 640px) {
    .cd-item { min-width: 80px; }
    .cd-num { font-size: 40px; }
    .cd-sep { font-size: 32px; }
}