/* 全局样式 */
body {
    font-family: "SimSun", serif;
    background: url('bg.jpg') no-repeat center center fixed;
    background-size: cover;
    color: #5b3a29;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 100vh;
    text-align: center;
}

/* 顶部横幅 */
.top-banner {
    background: #8b5a2b;
    color: white;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 810px;
    margin-top: 10px;
}

.top-banner img {
    height: 50px;
    margin-right: 10px;
}

.top-banner .text {
    flex: 1;
    padding: 0 15px;
    font-size: 16px;
    color: #f6f5ec;
}

.top-banner .cta {
    font-weight: bold;
    color: yellow;
    font-size: 18px;
    margin-left: 20px;
}

/* 新广告 */
.new-ad {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.new-ad img {
    max-width: 810px;
    width: 100%;
    height: auto;
}

/* 广告容器 */
.ad-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 810px;
    margin: 20px auto;
    gap: 20px; /* 设置广告图片之间的间距 */
}

/* 每个广告盒子样式 */
.ad-box {
    width: calc(790px / 3 - 20px); /* 每个广告盒子的宽度为 790px / 3，减去间距 */
    height: 250px; /* 固定广告盒子的高度 */
    text-align: center;
    border-radius: 15px;
    background: linear-gradient(145deg, #f0e6d2, #d1c0a1); /* 渐变背景 */
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); /* 设置阴影效果 */
    overflow: hidden; /* 防止图片溢出盒子 */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}

.ad-box:hover {
    transform: translateY(-10px); /* 鼠标悬停时向上浮动 */
    box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.2); /* 鼠标悬停时的阴影效果 */
}

/* 广告图片样式 */
.ad-box img {
    width: 100%;
    height: 140px; /* 设置广告图片的固定高度 */
    object-fit: cover; /* 保证图片按比例缩放，完整覆盖盒子 */
    border-radius: 8px;
}

/* 广告文字内容 */
.ad-text {
    padding: 10px;
    color: #333;
}

.ad-text .rebate, .ad-text .blessing, .ad-text .certification {
    font-size: 16px;
    margin: 8px 0;
}

/* 强调的文本颜色 */
.ad-text .rebate {
    font-size: 18px;
    font-weight: bold;
    color: #ff9800; /* 亮眼的橙色 */
}

.ad-text .blessing {
    font-size: 16px;
    color: #4caf50; /* 绿色 */
}

.ad-text .certification {
    font-size: 14px;
    color: #00a6ac; /* 黄色 */
}

.ad-text .certification .certified {
    font-size: 12px;
    display: inline-block;
    background: green;
    color: white;
    padding: 3px 8px;
    border-radius: 5px;
    font-weight: bold;
}

/* 页脚 */
footer {
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
    color: #5b3a29;
}