/* 重置默认样式，避免浏览器差异 */
/** {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}*/

/* 春节横幅核心样式（调整为非固定） */
.spring-festival-banner {
    /* 移除固定定位，改为默认文档流布局 */
    width: 100%;
    /* 春节主题渐变红背景 */
    background: linear-gradient(to right, #d40000, #ff3333);
    /* 内边距控制横幅高度 */
    padding: 12px 0;
    /* 文字居中 */
    text-align: center;
    /* 轻微的阴影增加立体感 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    /* 过渡效果，让hover动画更丝滑 */
    transition: all 0.3s ease;
    /* 可选：添加margin-bottom，与下方内容拉开距离 */
    margin-bottom: 20px;
}

/* 横幅文字样式 */
.banner-text {
    color: #fff9c4; /* 金黄色文字 */
    font-family: "微软雅黑", "宋体", sans-serif;
    font-size: 18px;
    font-weight: bold;
    /* 文字阴影增强可读性 */
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* 小装饰符号样式 */
.decor {
    margin: 0 8px;
    color: #ffd700; /* 亮金色 */
}

/* 鼠标悬浮时的互动效果 */
.spring-festival-banner:hover {
    background: linear-gradient(to right, #b70000, #ff1a1a);
    transform: translateY(-2px);
}

/* 无需再给body加顶部间距（因为不是固定定位） */
body {
    min-height: 100vh;
    background-color: #f8f8f8;
}

/* 移动端适配：缩小字体和内边距 */
/*@media (max-width: 768px) {
    .banner-text {
        font-size: 16px;
    }

    .spring-festival-banner {
        padding: 10px 0;
    }
}*/