/* 簡潔置頂工具選單（可水平捲動） */
:root{
  --tn-bg:#0f172a;          /* 背景深藍灰 */
  --tn-fg:#e5e7eb;          /* 字色 */
  --tn-fg-dim:#cbd5e1;      /* 次要字色 */
  --tn-accent:#60a5fa;      /* 重點色 */
  --tn-border:#1f2937;      /* 邊線 */
}
.tools-nav-wrap{
  position:sticky; top:0; z-index:9999;
  background:var(--tn-bg);
  border-bottom:1px solid var(--tn-border);
  font-family:system-ui,-apple-system,"Segoe UI",Arial,"PingFang TC","Microsoft JhengHei",sans-serif;
}
.tools-nav{
  max-width:1200px; margin:0 auto; padding:10px 12px; display:flex; gap:12px; align-items:center;
  overflow-x:auto; scrollbar-width:thin;
}
.tools-nav a, .tools-nav button{
  color:var(--tn-fg); text-decoration:none; font-weight:600; font-size:14px; white-space:nowrap;
  padding:8px 12px; border-radius:10px; border:1px solid transparent; background:transparent; cursor:pointer;
}
.tools-nav a:hover{ color:#fff; border-color:var(--tn-accent); }
.tools-nav .brand{ margin-right:4px; border-color:var(--tn-border); color:var(--tn-fg-dim); }
.tools-nav .brand:hover{ color:#fff; border-color:var(--tn-accent); }
.tools-nav .active{ color:#fff; border-color:var(--tn-accent); }
.tools-nav .spacer{ flex:1 1 auto; }
.tools-nav .ext{ opacity:.9; }
@media (max-width:480px){
  .tools-nav{ padding:8px 8px; gap:8px; }
  .tools-nav a{ font-size:13px; padding:7px 10px; }
}