.site-marquee {
    position: fixed;
    top: 68px;
    left: 0;
    z-index: 9;
    display: flex;
    align-items: center;
    width: 100%;
    height: 2.75rem;
    padding: 0 .9rem;
    overflow: hidden;
    color: #f5f5f5;
    background: #080a12;
    font-size: .95rem;
}

.site-marquee__icon { flex: 0 0 auto; margin-right: .75rem; font-size: 1.45rem; line-height: 1; }
.site-marquee__viewport { min-width: 0; overflow: hidden; white-space: nowrap; }
.site-marquee__track { display: inline-flex; min-width: max-content; animation: site-marquee-scroll 24s linear infinite; }
.site-marquee__message { display: inline-block; padding-right: 5rem; }

@keyframes site-marquee-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }

@media (max-width: 767.98px) {
    .site-marquee { top: 56px; height: 2.6rem; padding: 0 .85rem; font-size: .92rem; }
    .site-marquee__icon { margin-right: .65rem; font-size: 1.35rem; }
}

@media (prefers-reduced-motion: reduce) { .site-marquee__track { animation-play-state: paused; } }

/* Keep the fixed announcement from covering the first content row. */
.xqbj-main { padding-top: 2.75rem; }

@media (max-width: 767.98px) {
    .xqbj-main { padding-top: 2.6rem; }
}

/* The page shell resets padding on the main element; keep the offset explicit. */
#xqbj-container .xqbj-main { padding-top: 2.75rem !important; }

@media (max-width: 767.98px) {
    #xqbj-container .xqbj-main { padding-top: 2.6rem !important; }
}

/* Share the navigation content width and keep its dropdowns above the ticker. */
.site-marquee__inner {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: var(--default-screen-max-width, 100%);
    margin: 0 auto;
    min-width: 0;
}
.site-marquee__viewport { flex: 1; }
.site-marquee__message { flex-shrink: 0; }
.site-marquee__highlight { color: #ff4a5e; font-weight: 700; }
.xqbj-header .van-nav-bar { z-index: 20; }