/* 公网各页共用的底部导航与顶部导航高亮（颜色沿用 audit.css 的变量，含深色模式）；首页也加载它，所以不放任何别的页面样式 */
/* 页尾要让出整条导航的高度（链接 56px + 边线）再加安全区，页脚才不会被固定的导航盖住 */
.has-mobile-nav { padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)); }
.mobile-nav { position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; display: grid; grid-template-columns: repeat(5, 1fr); background: var(--panel); border-top: 1px solid var(--line); padding-bottom: env(safe-area-inset-bottom, 0px); }
.mobile-nav a { display: grid; justify-items: center; gap: 2px; padding: 8px 4px 6px; min-height: 56px; color: var(--muted); text-decoration: none; font-size: 12px; font-weight: 600; }
.mobile-nav a { white-space: nowrap; }
/* 320 宽一列只有约 64px，"购买与授权"五个字要单行放下：收字号和左右内边距 */
@media (max-width: 359px) {
  .mobile-nav a { font-size: 11px; padding-left: 1px; padding-right: 1px; }
}
.mobile-nav a[aria-current="page"] { color: var(--accent); }
.mobile-nav svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mobile-nav a:focus-visible { outline: 2px solid var(--accent-2); outline-offset: -3px; }
/* 手机上顶部链接与底部导航重复：只留底部 */
@media (max-width: 767px) {
  .has-mobile-nav .top .nav { display: none; }
}
@media (min-width: 768px) {
  .mobile-nav { display: none; }
  .has-mobile-nav { padding-bottom: 0; }
}

.nav a[aria-current="page"] { color: var(--accent); text-decoration: underline; text-underline-offset: 6px; }

@media print { .mobile-nav { display: none; } .has-mobile-nav { padding-bottom: 0; } }