/* 工具导航版（.pu .nv，类名 nv- 前缀；2026-10-16 站主：栏目改成 ai-bot.cn 那种工具导航排版，先试 /aigongju/）
   只学排版结构（搜索框在顶、左侧分类栏、按类分组的工具卡网格、热门/最新切换、手机分类横滑），颜色字号沿用 pillar-ui2.css 的刻度。
   本机正本：E:\站点\www.liezhe.com\补丁\tool-nav.css → wp-content/themes/wpdx-liezhe/assets/css/tool-nav.css；只在 lznav_on() 时加载 */

/* 头部：标题 + 介绍 + 搜索 */
.pu .nv-hero h1{margin-top:12px;font-size:44px;line-height:54px;font-weight:800;color:var(--ink);letter-spacing:-.5px}
.pu .nv-hero .u-lead{max-width:none}
.pu .nv-sch{display:flex;align-items:center;gap:10px;margin-top:26px;height:58px;padding:0 6px 0 20px;border-radius:16px;background:#f5f7fc;box-shadow:inset 0 0 0 1.5px #dfe5f1;transition:box-shadow .15s}
.pu .nv-sch:focus-within{background:#fff;box-shadow:inset 0 0 0 2px var(--bl),0 6px 18px -8px rgba(47,91,234,.35)}
.pu .nv-sch>.fa{color:var(--li);font-size:18px}
.pu .nv-sch input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font:inherit;font-size:17px;color:var(--ink);padding:0}
.pu .nv-sch input::placeholder{color:var(--li)}
.pu .nv-sch button{flex:none;height:46px;padding:0 24px;border:0;border-radius:12px;background:var(--bl);color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.pu .nv-sch button:hover{background:#2449c9}
.pu .nv-kw{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font-size:14px;color:var(--li)}
.pu .nv-kw button{border:0;padding:5px 12px;border-radius:999px;background:#f5f7fc;box-shadow:inset 0 0 0 1px var(--bd);font:inherit;font-size:14px;line-height:20px;color:var(--tx);cursor:pointer}
.pu .nv-kw button:hover{background:var(--bl3);color:var(--bl)}
.pu .nv-hero .u-hero-l{display:flex;flex-direction:column}
.pu .nv-st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:auto;padding-top:24px}
.pu .nv-st .u-stat{padding:14px 16px;gap:12px}
.pu .nv-st .u-stat b{display:block;font-size:24px;line-height:30px;font-weight:800;color:var(--ink)}
.pu .nv-st .u-stat span{display:block;font-size:14px;line-height:20px;color:var(--mu)}

/* 主体：左分类栏 + 右工具区 */
.pu .nv{display:grid;grid-template-columns:232px minmax(0,1fr);gap:22px;align-items:start;margin-top:20px}
.pu .nv-side{position:sticky;top:16px;background:#fff;border-radius:20px;padding:20px 12px 14px;box-shadow:0 0 0 1px rgba(15,23,42,.035),0 10px 30px rgba(30,41,90,.05)}
.pu .nv-side .u-kicker{padding:0 10px 8px}
.pu .nv-side ul+.u-kicker{margin-top:14px;padding-top:14px;border-top:1px solid #eef1f6}
.pu .nv-side li a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;font-size:15px;line-height:22px;color:var(--tx);transition:background .15s}
.pu .nv-side li a:hover{background:#f5f7fc;color:var(--bl)}
.pu .nv-side li a em{margin-left:auto;font-size:13px;color:var(--li)}
.pu .nv-side .nv-gd a{padding:5px 10px 5px 48px;font-size:14px;color:var(--mu)}
.pu .nv-si{flex:none;width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:var(--c3);color:var(--c);font-size:14px}
.pu .nv-main{min-width:0}
.pu .nv-main>.u-card:first-child{margin-top:0}
.pu .u-card.nv-sec{padding:28px 30px 30px;margin-top:20px;scroll-margin-top:16px}

/* 区块头 */
.pu .nv-sh{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pu .nv-sh h2{display:flex;align-items:center;gap:12px;font-size:24px;line-height:32px;font-weight:800;color:var(--ink)}
.pu .nv-sh h2 .nv-si{width:36px;height:36px;border-radius:11px;font-size:16px}
.pu .nv-sh h2 em{font-size:14px;font-weight:600;color:var(--li);padding:1px 9px;border-radius:999px;background:#f5f7fc}
.pu .nv-sd{margin:6px 0 18px;font-size:15px;line-height:24px;color:var(--mu)}
.pu .nv-tabs{display:inline-flex;padding:4px;border-radius:12px;background:#f5f7fc;box-shadow:inset 0 0 0 1px var(--bd)}
.pu .nv-tabs button{border:0;background:transparent;padding:6px 16px;border-radius:9px;font:inherit;font-size:14px;line-height:20px;color:var(--mu);cursor:pointer}
.pu .nv-tabs button[aria-selected=true]{background:#fff;color:var(--bl);font-weight:600;box-shadow:0 1px 3px rgba(15,23,42,.1)}

/* 工具卡网格 */
.pu .nv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pu .nv-grid.g-big{grid-template-columns:repeat(3,minmax(0,1fr))}
.pu .nv-grid[hidden],.pu .nv-cd[hidden],.pu .nv-sec[hidden],.pu .nv-none[hidden]{display:none}
.pu .nv-cd{position:relative;display:flex;flex-direction:column;padding:16px 16px 13px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--bd);transition:box-shadow .15s,transform .15s}
.pu .nv-cd:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #d5e0ff,0 10px 24px -12px rgba(30,41,90,.25)}
.pu .nv-cd.big{padding:18px 18px 14px;background:linear-gradient(160deg,#fff 55%,#f6f8ff)}
.pu .nv-go{position:absolute;inset:0;z-index:1;border-radius:inherit}
.pu .nv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pu .nv-top{display:flex;align-items:center;gap:12px;min-width:0}
.pu .nv-av{flex:none;width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff 0%,var(--c3) 70%);box-shadow:inset 0 0 0 1px var(--c6)}
.pu .nv-av b{font-size:20px;font-weight:800;color:var(--c)}
.pu .nv-av>.fa{font-size:20px;color:var(--c)}
.pu .nv-av.has-img{background:#fff;box-shadow:inset 0 0 0 1px var(--bd);overflow:hidden}
.pu .nv-av img{width:30px;height:30px;object-fit:contain}
.pu .nv-nm{min-width:0}
.pu .nv-nm>b{display:block;font-size:17px;line-height:24px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pu .nv-bds{display:flex;flex-wrap:wrap;gap:4px;min-width:0}
.pu .nv-ln{display:flex;align-items:center;gap:12px;margin-top:1px;font-size:13px;line-height:20px}
.pu .nv-bd{display:inline-flex;align-items:center;gap:3px;padding:0 7px;border-radius:6px;font-size:12px;line-height:20px;font-weight:600;white-space:nowrap}
.pu .nv-bd.ok{background:#eaf8f1;color:#1f9d63}
.pu .nv-bd.todo{background:#f1f3f8;color:#64748b}
.pu .nv-bd.fr{background:#eef3ff;color:#3b6cf6}
.pu .nv-bd.rt{background:#fff4e8;color:#d9730d}
.pu .nv-bd.hj{background:#f3f0ff;color:#7c5cf5}
.pu .nv-mr{font-size:14px;font-weight:600;color:var(--bl);white-space:nowrap}
.pu .nv-mr:hover{text-decoration:underline}
.pu .nv-one{margin-top:11px;font-size:15px;line-height:23px;color:var(--mu);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:46px;word-break:normal}
.pu .nv-ft{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;font-size:13px;line-height:20px}
.pu .nv-one+.nv-ft{margin-top:12px;padding-top:12px;border-top:1px dashed #edf0f6}
.pu .nv-more{color:var(--bl);font-weight:600;white-space:nowrap}
.pu .nv-cd.ext .nv-more{color:var(--mu)}
.pu .nv-off{position:relative;z-index:2;flex:none;color:var(--li);padding:2px 0}
.pu .nv-off:hover{color:var(--bl)}
.pu .nv-none{margin-top:20px;padding:22px 26px;border-radius:16px;background:#fff;font-size:16px;color:var(--tx);box-shadow:inset 0 0 0 1px var(--bd)}
.pu .nv-none a{color:var(--bl);font-weight:600;margin-left:6px}
.pu .nv-note{margin-top:14px;font-size:14px;line-height:22px;color:var(--li)}

@media (max-width:1240px){
  .pu .nv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1100px){
  .pu .nv{grid-template-columns:minmax(0,1fr)}
  .pu .nv-side{position:static;padding:10px;border-radius:16px;overflow-x:auto;scrollbar-width:none}
  .pu .nv-side::-webkit-scrollbar{display:none}
  .pu .nv-side .u-kicker,.pu .nv-side .nv-gd{display:none}
  .pu .nv-side ul{display:flex;gap:6px;width:max-content}
  .pu .nv-side li a{padding:6px 12px 6px 6px;white-space:nowrap;background:#f5f7fc}
  .pu .nv-side li a em{margin-left:2px}
  .pu .nv-grid.g-big{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .pu .nv-hero h1{font-size:34px;line-height:42px}
  .pu .nv-hero .u-quick{display:none}
  .pu .nv-st{gap:8px;padding-top:18px}
  .pu .nv-st .u-stat{flex-direction:column;align-items:flex-start;gap:6px;padding:12px}
  .pu .nv-st .u-stat b{font-size:22px;line-height:28px}
  .pu .nv-sch{height:52px;padding-left:14px;margin-top:20px}
  .pu .nv-sch input{font-size:16px}
  .pu .nv-sch button{height:40px;padding:0 16px}
  .pu .nv-kw{font-size:14px}
  .pu .nv{margin-top:14px;gap:14px}
  .pu .u-card.nv-sec{padding:22px 16px 18px;margin-top:14px}
  .pu .nv-sh h2{font-size:22px;line-height:30px}
  .pu .nv-sd{font-size:16px;line-height:26px;margin-bottom:14px}
  .pu .nv-grid,.pu .nv-grid.g-big{grid-template-columns:minmax(0,1fr);gap:10px}
  .pu .nv-cd,.pu .nv-cd.big{padding:14px 14px 11px}
  .pu .nv-one{font-size:16px;line-height:24px;min-height:0;margin-top:8px}
  .pu .nv-bd{font-size:13px}
  .pu .nv-ft{font-size:14px;padding-top:8px}
}