/* 全站底部导航（紧凑版，含安全区） */
:root{
  --nav-h: 56px; /* 手机端更紧凑 */
  --nav-bg:#0f172a; --nav-ink:#e5e7eb; --nav-ink-dim:#94a3b8; --nav-accent:#22d3ee;
  --nav-safe: calc(var(--nav-h) + env(safe-area-inset-bottom, 0px));
}

/* 给页面内容留出底部空间（全站生效） */
html,body{ height: 100%; }
body{ padding-bottom: var(--nav-safe); }

/* 导航主体（固定在底部） */
.site-nav{
  position: fixed; left: 0; right: 0; bottom: 0;
  background: var(--nav-bg);
  color: var(--nav-ink);
  border-top: 1px solid rgba(255,255,255,.08);
  z-index: 999;
  /* 为 iOS 刘海底部预留空间 */
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* 内层容器：与页面最大宽度对齐 */
.site-nav .nav-inner{
  max-width: 1000px; margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between;
  height: var(--nav-h);
  padding: 0 12px;
}

/* 左侧品牌 */
.site-nav .brand{
  color: var(--nav-ink); text-decoration: none; font-weight: 800; letter-spacing: .3px;
}

/* 右侧链接 */
.site-nav .links{ display:flex; gap: 14px; }
.site-nav .link{
  display: inline-flex; align-items:center; justify-content:center;
  height: 36px; padding: 0 12px; border-radius: 10px;
  color: var(--nav-ink-dim); text-decoration: none; font-weight: 600; font-size: 14px;
  transition: .15s ease;
  border: 1px solid transparent;
}
.site-nav .link:hover{ color:#fff; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.08); }
.site-nav .link.act{ color:#0e7490; background: rgba(34,211,238,.12); border-color: rgba(34,211,238,.3); }

/* 平板以上稍微放大 */
@media (min-width: 769px){
  :root{ --nav-h: 58px; }
  .site-nav .link{ font-size: 15px; height: 38px; }
}

/* 非常小的屏幕进一步压缩左右内边距，避免挤压 */
@media (max-width: 360px){
  .site-nav .nav-inner{ padding: 0 8px; }
  .site-nav .links{ gap: 8px; }
  .site-nav .link{ padding: 0 10px; }
}