/* ============================================================
   统一浅色顶栏 site-header
   ============================================================ */
.site-header{position:sticky;top:0;z-index:100;background:var(--panel);border-bottom:1px solid var(--line)}
.sh-in{max-width:var(--wrap);margin:0 auto;display:flex;align-items:center;gap:16px;padding:0 20px;height:80px}
.sh-brand{display:flex;align-items:center;flex:0 0 auto}
.sh-brand img{height:48px;width:auto;display:block}
.sh-nav{display:flex;align-items:center;flex:1 1 auto;min-width:0;gap:2px;overflow:hidden}
.sh-nav-list{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;flex-wrap:nowrap;overflow:hidden}
.sh-nav-list > li{position:relative;white-space:nowrap;flex-shrink:0}
.sh-nav-list > li > a{display:block;padding:8px 11px;border-radius:8px;font-size:14px;color:var(--ink-600);text-decoration:none;transition:background .15s,color .15s}
.sh-nav-list > li > a:hover{background:var(--panel-2);color:var(--ink)}
.sh-nav-list > li.current-menu-item > a,.sh-nav-list > li.current-menu-ancestor > a{color:var(--accent);font-weight:600}
/* 有子菜单的一级项 */
.sh-nav-list > li.menu-item-has-children > a::after{
  content:"";display:inline-block;width:0;height:0;margin-left:5px;vertical-align:middle;
  border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;
  opacity:.5;transition:transform .15s,opacity .15s
}
.sh-nav-list > li.menu-item-has-children:hover > a::after{transform:rotate(180deg);opacity:1}
.sh-nav-list .sub-menu{position:absolute;top:100%;left:0;min-width:180px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-hi);padding:8px;display:none;flex-direction:column;z-index:120;list-style:none;margin:0}
.sh-nav-list > li.menu-item-has-children:hover > .sub-menu{display:flex}
.sh-nav-list .sub-menu a{display:block;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--ink-600);text-decoration:none;white-space:nowrap}
.sh-nav-list .sub-menu a:hover{background:var(--panel-2);color:var(--accent)}

/* 导航溢出：更多... */
.sh-nav-overflow{flex-shrink:0;position:relative}
.sh-nav-more-btn{display:flex;align-items:center;gap:4px;padding:8px 11px;border:0;border-radius:8px;background:transparent;font-size:14px;color:var(--ink-600);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.sh-nav-more-btn:hover{background:var(--panel-2);color:var(--ink)}
.sh-nav-more-btn svg{transition:transform .15s;opacity:.6}
.sh-nav-overflow-panel{position:absolute;top:100%;right:0;min-width:160px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-hi);padding:8px;display:none;flex-direction:column;z-index:120;list-style:none;margin:0}
.sh-nav-overflow-panel.open{display:flex}
.sh-nav-overflow-panel li{list-style:none}
.sh-nav-overflow-panel a{display:block;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--ink-600);text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.sh-nav-overflow-panel a:hover{background:var(--panel-2);color:var(--accent)}
.sh-search{position:relative;display:flex;align-items:center;flex:0 0 auto;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:0 6px 0 12px;height:38px;transition:border-color .15s,box-shadow .15s;overflow:visible}
.sh-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}
.sh-sico{color:var(--ink-400);flex:0 0 auto}
.sh-search input{-webkit-appearance:none;appearance:none;border:0;background:transparent;outline:none;font-size:14px;width:190px;color:var(--ink);padding:0 8px}
.sh-search input::placeholder{color:var(--ink-400)}
.sh-search input:-webkit-autofill,.sh-search input:-webkit-autofill:hover,.sh-search input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);transition:background-color 9999s ease-in-out 0s;box-shadow:0 0 0 1000px var(--panel-2) inset;caret-color:var(--ink)}
.sh-search button{border:0;background:var(--accent);color:#fff;font-size:13px;font-weight:600;padding:7px 14px;border-radius:8px;cursor:pointer;flex:0 0 auto}
.sh-search button:hover{filter:brightness(.94)}
.sh-burger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);background:var(--panel);border-radius:9px;color:var(--ink-600);cursor:pointer;flex:0 0 auto}
/* 暗色模式切换 */
.sh-theme-toggle{flex:0 0 auto;width:38px;height:38px;border:1px solid var(--line);background:var(--panel-2);border-radius:8px;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-600)}
.sh-theme-toggle:hover{border-color:var(--accent);color:var(--accent)}
/* 顶栏仅搜索图标模式 */
.sh-search-icon{flex:0 0 auto;width:38px;height:38px;border:1px solid var(--line);background:var(--panel-2);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-400);transition:border-color .15s,color .15s}
.sh-search-icon:hover{border-color:var(--accent);color:var(--accent)}
/* 顶栏溢出：收进「全部菜单」下拉（hover 触发，非按钮） */
.sh-more{position:relative;flex:0 0 auto;margin-left:2px;display:none}
.sh-more-btn{display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 12px;border-radius:8px;font-size:14px;color:var(--ink-600);cursor:pointer;white-space:nowrap;user-select:none}
.sh-more-btn:hover{background:var(--panel-2);color:var(--accent)}
.sh-more-panel{position:absolute;top:46px;right:0;min-width:190px;max-height:70vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-hi);padding:8px;display:none;flex-direction:column;z-index:120;list-style:none;margin:0}
.sh-more:hover .sh-more-panel,.sh-more-panel:hover{display:flex}
.sh-more-panel li{list-style:none}
.sh-more-panel a{display:block;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--ink-600);text-decoration:none;white-space:nowrap}
.sh-more-panel a:hover{background:var(--panel-2);color:var(--accent)}
.sh-more-panel li{position:relative}
.sh-more-panel li.menu-item-has-children:hover > .sub-menu{display:flex;position:static;box-shadow:none;border:0;border-top:1px solid var(--line);padding:6px 0 0 10px;margin-top:6px}
/* 搜索提示面板（顶栏 .sh-search 用，全站加载） */
.sh-search .search-suggest{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:200;max-height:340px;overflow:auto;background:#fff;border-radius:14px;padding:12px 14px;color:var(--ink);box-shadow:0 20px 50px rgba(8,12,40,.24),0 0 0 1px rgba(8,12,40,.05);text-align:left}
.sh-search.suggest-open .search-suggest{display:block}
.sh-search .ss-block + .ss-block{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.sh-search .ss-tit{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:var(--ink-400);margin-bottom:10px;letter-spacing:.04em}
.sh-search .ss-clear{font-size:12px;color:var(--ink-400);text-decoration:none}
.sh-search .ss-clear:hover{color:var(--accent)}
.sh-search .ss-tags{display:flex;flex-wrap:wrap;gap:8px}
.sh-search .ss-tags a{font-size:13px;color:var(--ink);text-decoration:none;background:color-mix(in srgb,var(--accent) 8%,#fff);border:1px solid var(--line);padding:6px 14px;border-radius:999px;transition:.15s}
.sh-search .ss-tags a:hover{background:color-mix(in srgb,var(--accent) 16%,#fff);border-color:var(--accent);transform:translateY(-1px)}

@media(max-width:900px){.sh-nav-list{display:none}.sh-search{flex:1 1 auto}.sh-search input{width:100%}.sh-burger{display:inline-flex}.sh-more{display:none!important}}
@media(max-width:520px){.sh-search button{display:none}}