/* 嗨喵商店 · 顶部公告栏（独立样式，避免影响原导航） */
.miao-announcement{background:var(--announce-bg,#111);color:var(--announce-fg,#fff);width:100%;position:relative;z-index:101;text-align:center;box-sizing:border-box}
.miao-announcement-content,.miao-announcement-content:link,.miao-announcement-content:visited{display:flex;align-items:center;justify-content:center;min-height:36px;padding:7px 18px;box-sizing:border-box;gap:10px;color:inherit!important;text-decoration:none!important;font-size:12px;font-weight:300;line-height:1.5;letter-spacing:.04em}
.miao-announcement-text{min-width:0;overflow-wrap:anywhere}
.miao-announcement-arrow{position:relative;flex:none;display:block;width:15px;height:12px;transition:width .3s ease}
.miao-announcement-arrow:before{content:"";position:absolute;top:5.5px;left:0;right:1px;height:1px;background:currentColor}
.miao-announcement-arrow:after{content:"";position:absolute;top:2px;right:1px;width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
.miao-announcement-content:hover .miao-announcement-arrow,.miao-announcement-content:focus-visible .miao-announcement-arrow{width:25px}
.miao-announcement-picture{display:block;width:100%;line-height:0}
.miao-announcement-picture picture,.miao-announcement-picture img{display:block;width:100%;height:auto}
@media(max-width:767px){.miao-announcement-content{min-height:34px;padding:7px 14px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.miao-announcement-arrow{transition:none}}

/* 2026-10-18：公告与原悬浮导航兼容修复。
   公告正常滚动，导航通过 sticky 吸顶，避免 fixed 导航遮挡公告。
   原主题对 fixed 导航额外预留的 60px 在此状态下不再需要。 */
.miao-announcement + .header.fixed {
    position: sticky;
    top: 0;
    z-index: 100;
}
body:has(.miao-announcement) .main.fixed {
    padding-top: 0;
}
body:has(.miao-announcement) .fixed-pt60 {
    padding-top: 0 !important;
}

/* 2026-10-18：消除 sticky 导航滚动时的白色闪动。
   原导航 JS 会添加 hide-header（向上 translateY(-100%)），
   sticky 仍保留占位，动画期间露出白色背景。
   公告开启时禁用这一隐藏动画，保留导航吸顶。 */
body:has(.miao-announcement) .header.fixed,
body:has(.miao-announcement) .header.fixed.hide-header {
    transform: none !important;
    transition: none !important;
}