/* claude-nav-unify-guide-1029：教程页顶部导航（和商品页同一套胶囊导航，深色版「方案 B」，10-29 她选定）。
 * 结构由 /root/kw-guides-tpl/render_guides.php 的 $injectGnav 渲染时注入（<header class="yy-gnav">），模板不用改。
 * 电脑（≥1024px）：胶囊条三栏，左头像+店名、中间菜单居中、右边空；手机/平板（≤1023px）：头像店名 + 三条杠，点开在下方竖排。
 * 关掉：touch /root/kw-guides-tpl/gnav.off 后跑一次脚本；整体还原 /root/cz-backups/nav-unify-guide-20261029-035446/restore.sh */
.yy-gnav{position:-webkit-sticky;position:sticky;top:0;z-index:8500;padding:14px 0 0;pointer-events:none;font:500 14px/1.2 Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
.yy-gnav *{box-sizing:border-box}
.yy-gnav-bar{pointer-events:auto;width:min(1232px,calc(100% - 48px));height:64px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:20px;padding:10px 16px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(26,26,30,.92);box-shadow:0 6px 20px rgba(0,0,0,.45);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px)}
.yy-gnav a,.yy-gnav a:hover{text-decoration:none!important}
.yy-gnav-brand{justify-self:start;display:flex;align-items:center;gap:12px;min-width:0;max-width:100%;color:#fff!important}
.yy-gnav-brand img{display:block;width:42px;height:42px;flex:0 0 42px;border-radius:999px;border:1px solid rgba(255,255,255,.18);object-fit:cover;background:#fff}
.yy-gnav-name{display:flex;flex-direction:column;gap:5px;min-width:0}
.yy-gnav-t{display:block;font-size:16px;font-weight:800;letter-spacing:-.04em;line-height:1.05;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yy-gnav-u{display:block;height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.55) 38%,rgba(255,255,255,.16) 74%,rgba(255,255,255,0) 100%)}
.yy-gnav-menu{justify-self:center;display:flex;align-items:center;gap:8px;margin:0;padding:0}
.yy-gnav-menu a{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:14px;font-weight:500;line-height:1.2;white-space:nowrap;color:#a1a1aa!important;transition:color .15s,background-color .15s}
.yy-gnav-menu a:hover{color:#fff!important}
.yy-gnav-menu a[aria-current]{color:#fff!important;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.yy-gnav-menu svg{display:block;width:16px;height:16px;flex:0 0 16px}
.yy-gnav-btn{display:none}
.yy-gnav a:focus-visible,.yy-gnav-btn:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:2px}
main [id]{scroll-margin-top:90px}
@media (max-width:1279px){.yy-gnav-en .yy-gnav-sub{display:none}}
@media (max-width:1023px){
  .yy-gnav{position:static;padding-top:10px}
  .yy-gnav.yy-gnav-js{position:-webkit-sticky;position:sticky}
  .yy-gnav-bar{width:auto;height:auto;margin:0 10px;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:12px;border-radius:28px}
  .yy-gnav-t{font-size:15px}
  .yy-gnav-btn{grid-column:2;grid-row:1;width:52px;height:52px;margin:0;padding:0;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#232328;color:#fff;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}
  .yy-gnav-btn svg{display:block;width:22px;height:22px}
  .yy-gnav-js .yy-gnav-btn{display:inline-flex}
  .yy-gnav-menu{grid-column:1/-1;grid-row:2;justify-self:stretch;flex-direction:column;align-items:stretch;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.10)}
  .yy-gnav-js:not(.yy-gnav-open) .yy-gnav-menu{display:none}
  .yy-gnav-menu a{display:flex;gap:10px;min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);font-size:15px;color:#d4d4d8!important}
  .yy-gnav-menu a[aria-current]{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.14);box-shadow:none;color:#fff!important}
  .yy-gnav-menu svg{width:18px;height:18px;flex-basis:18px}
  main [id]{scroll-margin-top:100px}
  .yy-gnav-en .yy-gnav-sub{display:none}
}
@media (max-width:359px){.yy-gnav-sub{display:none}}
@media print{.yy-gnav{position:static}}