/* ===== Noita 工具箱 · 全站统一顶部导航栏（被所有页面通过 <link> 引入） ===== */
.site-nav{
  position:sticky; top:0; z-index:999;
  display:flex; align-items:center; gap:4px;
  height:48px; padding:0 14px;
  background:linear-gradient(95deg, rgba(15,23,42,.97), rgba(30,41,59,.95));
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  box-shadow:0 2px 14px rgba(2,6,23,.22);
  overflow-x:auto; overflow-y:hidden; white-space:nowrap;
  scrollbar-width:none;
}
.site-nav::-webkit-scrollbar{display:none; height:0}

.site-nav .brand{
  display:inline-flex; align-items:center; gap:7px;
  color:#fff; font-weight:800; font-size:14px; letter-spacing:.3px;
  padding:6px 14px 6px 4px; margin-right:8px; flex:0 0 auto;
  border-right:1px solid rgba(255,255,255,.14);
}
.site-nav a{
  display:inline-flex; align-items:center;
  color:#cbd5e1; text-decoration:none;
  font-size:13px; font-weight:600;
  padding:8px 13px; border-radius:10px;
  transition:.14s; flex:0 0 auto;
  border:1px solid transparent;
}
.site-nav a:hover{ background:rgba(255,255,255,.10); color:#fff; border-color:rgba(255,255,255,.10); }
.site-nav a:active{ transform:translateY(1px); }
.site-nav a.active{
  background:linear-gradient(135deg,#3b82f6,#2563eb); color:#fff;
  box-shadow:0 2px 10px rgba(37,99,235,.45);
  border-color:rgba(147,197,253,.55);
}

/* 顶栏下方内容统一上间距，避免贴边 */
body{ padding-top:0 }

/* 小屏：导航更紧凑，可横向滚动 */
@media (max-width:560px){
  .site-nav{ padding:0 10px; gap:2px }
  .site-nav .brand{ font-size:12.5px; padding:5px 10px 5px 2px; margin-right:4px }
  .site-nav a{ font-size:12px; padding:7px 10px }
}