/* 优惠活动徽章：样式只作用于 .nav-promo 自身，不改任何其它导航规则。
   角标绝对定位在绿字正上方（横向溢出、不占菜单宽度），绿字占位使整项宽度与普通菜单接近 */
.site-header nav .nav-promo{position:relative;display:inline-flex;align-items:center;justify-content:center;
  padding:0 2px 0 9px;text-decoration:none;flex:none;white-space:nowrap}
.nav-promo-badge{position:absolute;left:52%;top:-10px;transform:translateX(-50%);
  display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 10px;border-radius:10px;
  background:linear-gradient(100deg,#f0432a,#ff9a00);color:#fff;font-size:11.5px;font-weight:800;
  line-height:1;white-space:nowrap;letter-spacing:.3px;
  box-shadow:0 4px 12px rgba(240,67,42,.28);animation:navPromoFloat 2.4s ease-in-out infinite}
.nav-promo-badge::after{content:'';position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);
  border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #ff8a20}
@keyframes navPromoFloat{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.04)}}
.nav-promo-text{font-size:16px;font-weight:800;color:#0a9d58;line-height:2.30;letter-spacing:4.5px}
.nav-promo:hover .nav-promo-text{color:#087a45}
html[data-theme=dark] .nav-promo-text{color:#32c07d}
/* ≤1080：字号放大到 18px 后行盒变高（41.4），导航在 header 内垂直居中只剩约 9px 上沿空间，
   角标 -10px 会顶出头部被切 1px → 这里收到 -8px，仍悬在绿字上方，且完整可见 */
@media(max-width:1080px){.nav-promo-badge{height:19px;font-size:11px;padding:0 8px;top:-8px}.nav-promo-text{font-size:18px}}
/* 窄桌面（761~1249）导航是横滑容器，overflow-y 会被强制成 hidden，把向上溢出的角标切掉半截；
   给导航加上内边距把裁剪边界抬到角标之上，再用等量负 margin 抵消，绿字与菜单项位置完全不变 */
@media(min-width:761px) and (max-width:1249px){
  .site-header nav{padding-top:12px;margin-top:-12px}
}
/* 窄桌面宽度：复用项目 761~1080px 原有的「菜单横滑」设计，避免徽章把整行挤成两行；
   只作用于导航容器，不改任何菜单项的字号 / 颜色 / 间距 */
@media(min-width:1081px) and (max-width:1249px){
  .site-header nav{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
  .site-header nav::-webkit-scrollbar{display:none}
}
/* 菜单按内容高度垂直居中，消除普通菜单文字相对下拉类菜单的偏移；
   活动徽章 .nav-promo 不参与，样式与位置一律不动 */
.site-header nav{align-items:center}