/* 需求 #61：共用导航。独立类名避免各页面的旧 .nav-link 手机规则隐藏入口。 */
.sl-nav [hidden],.sl-tools [hidden]{display:none!important}
.topbar.sl-nav{
  display:flex;align-items:center;gap:14px!important;min-height:56px;height:56px!important;
  overflow:visible!important;z-index:1300!important;flex-shrink:0;max-width:100vw!important;box-sizing:border-box;
}
.sl-nav .home-link{display:inline-flex!important;align-items:center;min-height:40px;color:#566359;text-decoration:none;white-space:nowrap;font-size:13px}
.sl-nav .sl-nav-links{display:flex!important;align-items:center;justify-content:flex-end;gap:6px;margin-left:auto;overflow:visible!important;flex:0 0 auto}
.sl-nav .sl-nav-link,.sl-nav .sl-tools-trigger{
  display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;
  padding:6px 10px!important;border:0;border-radius:8px!important;background:transparent;
  color:#344439!important;font:650 13px/1.4 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  text-decoration:none;white-space:nowrap;cursor:pointer;
}
.sl-nav .sl-nav-link:hover,.sl-nav .sl-nav-link.active,.sl-nav .sl-tools-trigger:hover,.sl-nav .sl-tools-trigger.active,.sl-nav .sl-tools.open .sl-tools-trigger{color:#0f7a3d!important;background:#edf7f0!important}
.sl-nav .sl-nav-bell{order:20}.sl-nav .sl-nav-user{order:21}.sl-nav .sl-nav-login{order:22}
.sl-nav .sl-nav-login{margin-left:0;padding:8px 10px;border-radius:8px;color:#0f7a3d;font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap}
.sl-nav .sl-nav-user:not([hidden]){display:block!important}
.sl-tools{position:relative;flex-shrink:0}
.sl-tools-trigger{border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.sl-tools-trigger svg{width:14px;height:14px;transition:transform .2s}
.sl-tools.open .sl-tools-trigger svg{transform:rotate(180deg)}
.sl-tools-trigger:focus-visible,.sl-nav-link:focus-visible,.sl-nav .home-link:focus-visible,.sl-nav-login:focus-visible{outline:3px solid rgba(15,138,74,.28);outline-offset:3px}
.sl-tools-panel{
  position:absolute;right:0;top:calc(100% + 10px);width:318px;max-width:calc(100vw - 24px);padding:8px;
  box-sizing:border-box;background:#fff;border:1px solid #e1e8df;border-radius:14px;
  box-shadow:0 18px 44px rgba(15,23,42,.13);z-index:10;
}
.sl-tools-panel::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.sl-tools-panel .sl-tools-item{
  --tool-ink:#0f7a3d;--tool-soft:#edf7f0;display:grid!important;grid-template-columns:38px minmax(0,1fr);gap:12px;
  align-items:center;padding:10px 12px!important;border-radius:10px!important;text-decoration:none;white-space:normal;box-sizing:border-box;
}
.sl-tools-panel .sl-tools-item[hidden]{display:none!important}
.sl-tools-panel .sl-tools-item:hover,.sl-tools-panel .sl-tools-item:focus-visible{background:#f3f7f1;outline:2px solid #b7d5bf;outline-offset:-2px}
.sl-tools-panel .exam{--tool-ink:#1d4ed8;--tool-soft:#e8eefd}.sl-tools-panel .cal{--tool-ink:#be185d;--tool-soft:#fce8f1}
.sl-tools-panel .pos{--tool-ink:#0e7490;--tool-soft:#e3f3f7}.sl-tools-panel .art{--tool-ink:#4d7c0f;--tool-soft:#eef6e2}
.sl-tools-icon{width:38px;height:38px;border-radius:10px;background:var(--tool-soft);color:var(--tool-ink);display:flex;align-items:center;justify-content:center}
.sl-tools-icon svg{width:20px;height:20px}
.sl-tools-item b{display:block;font-size:15.5px;font-weight:800;color:#203126;line-height:1.35}
.sl-tools-item small{display:block;font-size:12.5px;font-weight:500;color:#748076;line-height:1.45;margin-top:1px}
.hp-nav .sl-tools-trigger{padding:8px 0;position:relative}
.hp-nav .sl-tools.open .sl-tools-trigger{color:var(--hp-text)}
.hp-nav .sl-tools-trigger::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:var(--hp-gold);transform:scaleX(0);transition:transform .25s}
.hp-nav .sl-tools.open .sl-tools-trigger::after{transform:scaleX(1)}
@media(max-width:900px){
  .tool-page .topbar.sl-nav,.topbar.sl-nav{height:auto!important;min-height:96px;padding:8px 12px!important;gap:4px 8px!important;flex-wrap:wrap!important}
  .sl-nav .brand-logo{width:34px!important;height:30px!important}.sl-nav .brand-wordmark{display:block!important;width:80px!important}
  .sl-nav .home-link{padding:4px 6px!important;min-height:36px}
  .sl-nav .sl-nav-bell{margin-left:auto;order:2}.sl-nav .sl-nav-user{order:3}.sl-nav .sl-nav-login{margin-left:auto;order:4}
  .sl-nav .sl-nav-links{order:10!important;width:100%;flex:0 0 100%!important;margin:0!important;gap:3px;justify-content:flex-end}
  .sl-nav .sl-nav-link,.sl-nav .sl-tools-trigger{min-height:40px;padding:6px 8px!important}
  .sl-nav .sl-user-name,.sl-nav .sl-user-chevron{display:none}.sl-nav .sl-user-trigger{width:40px;padding:5px;justify-content:center}
  .sl-nav .sl-user-popover,.sl-nav .sl-notif-panel{top:54px}
  .sl-tools-panel{position:fixed;top:var(--sl-tools-top,106px);left:var(--sl-tools-left,12px);right:auto;max-height:calc(100vh - var(--sl-tools-top,106px) - 12px);overflow-y:auto;overscroll-behavior:contain}
  .sl-nav + .access-gate{inset-block-start:100px}
}
@media(max-width:360px){
  .sl-nav .sl-nav-link,.sl-nav .sl-tools-trigger{padding:6px!important;font-size:12px}
  .hp-nav{gap:0!important;justify-content:space-between;font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){.sl-tools-trigger svg,.hp-nav .sl-tools-trigger::after{transition:none}}