/* ==================== 通用页面横幅组件样式 ==================== */

.page-banner {
    margin: -45px auto 0 auto;
    position: relative;
    z-index: 1;
    height: 330px;
    min-width: 1259px;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
}

/* 半透明遮罩层 - 仅在有背景图时显示 */
.page-banner.has-background::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.25);
}

/* ==================== H5 响应式 ==================== */
@media (max-width: 768px) {
    .page-banner {
        height: 160px;
        margin: 0 auto;
        min-width: unset;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}