/* 工具箱工具页统一外壳（顶部导航 + 底部操作条）
   仅作用于本文件定义的 .wb- 前缀类，不覆盖 DashLite / Bootstrap 样式，
   与工具箱首页 /tools/ 的 xy- 配色保持一致（主色 #1677ff）。 */

:root{
  --wb-primary:#1677ff;
  --wb-primary-hover:#4096ff;
  --wb-primary-light:#e6f4ff;
  --wb-text:#1f2937;
  --wb-text-secondary:#6b7280;
  --wb-border:#e5e7eb;
  --wb-bg:#f5f7fb;
}

/* ===== 顶部导航 ===== */
.wb-topbar{
  position:sticky; top:0; left:0; right:0; z-index:1030;
  background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--wb-border);
}
.wb-topbar-inner{
  max-width:1200px; margin:0 auto; height:56px; padding:0 20px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.wb-brand{
  display:flex; align-items:center; gap:9px;
  color:var(--wb-text); font-weight:800; font-size:17px; text-decoration:none;
  white-space:nowrap;
}
.wb-brand:hover{ color:var(--wb-text); text-decoration:none; }
.wb-brand-icon{
  width:32px; height:32px; border-radius:9px;
  background:linear-gradient(135deg,var(--wb-primary),#69b1ff);
  color:#fff; display:inline-flex; align-items:center; justify-content:center;
  font-size:17px; flex-shrink:0;
}
.wb-topbar-links{ display:flex; align-items:center; gap:6px; }
.wb-topbar-links a{
  display:inline-flex; align-items:center; gap:5px;
  padding:7px 12px; border-radius:8px; font-size:13.5px;
  color:var(--wb-text-secondary); text-decoration:none; white-space:nowrap;
  transition:background .15s,color .15s;
}
.wb-topbar-links a:hover{ background:var(--wb-bg); color:var(--wb-text); text-decoration:none; }
.wb-topbar-links a.wb-active{ background:var(--wb-primary-light); color:var(--wb-primary); font-weight:600; }

/* ===== 内容区补白（DashLite 的 .nk-content 之上留出导航高度） ===== */
.wb-body-pad{ padding-top:22px; }

/* ===== 底部操作条 ===== */
.wb-tool-foot{
  max-width:1200px; margin:34px auto 0; padding:0 12px 40px;
  display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap;
}

/* ===== 移动端 ===== */
@media (max-width:600px){
  .wb-topbar-inner{ height:52px; padding:0 14px; gap:10px; }
  .wb-brand{ font-size:15.5px; }
  .wb-brand-icon{ width:28px; height:28px; font-size:15px; border-radius:8px; }
  .wb-topbar-links a{ padding:7px 9px; font-size:13px; }
}