/* 次级导航使用与首页相同的内容列宽度；StaticPage 原本把正文限制为 720px，会连带使面板和两侧小工具错位。 */
.wpnav-static-page:has(.wpnav-secondary-navigation){padding:24px 0}
.wpnav-static-page:has(.wpnav-secondary-navigation)>.wpnav-single-content{max-width:none;margin-bottom:0}
.wpnav-secondary-content-panel{margin:0 0 32px}
.wpnav-secondary-navigation{padding:12px 0 32px}
.wpnav-static-page:has(.wpnav-secondary-navigation)>h1{display:none}
.wpnav-secondary-page-head{display:flex;flex-direction:column;align-items:center;margin:4px 0 26px;text-align:center}
.wpnav-secondary-page-head h1{margin:0;color:var(--wpnav-text);font-size:24px;line-height:1.35}
.wpnav-secondary-search{display:flex;align-items:center;gap:9px;max-width:560px;margin:0 auto 26px;padding:0 14px;border:1px solid var(--wpnav-border);border-radius:12px;background:var(--wpnav-surface);color:var(--wpnav-text-faint);transition:border-color .2s ease,box-shadow .2s ease}
.wpnav-secondary-search:focus-within{border-color:var(--wpnav-accent-a);box-shadow:0 0 0 3px color-mix(in srgb,var(--wpnav-accent-a) 12%,transparent)}
.wpnav-secondary-search input{width:100%;height:44px;border:0;outline:0;background:transparent;color:var(--wpnav-text);font:inherit}
.wpnav-secondary-search input::placeholder{color:var(--wpnav-text-faint)}
/* 同首页 CategoryGroup 的分组节奏和 Section 网格。 */
.wpnav-secondary-navigation .wpnav-cat-group{padding:12px 0 36px;opacity:1;transform:none}
.wpnav-secondary-navigation .wpnav-cat-group-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.wpnav-secondary-navigation .wpnav-cat-group-head h2{margin:0;color:var(--wpnav-text);font-size:19px;font-weight:700;line-height:1.4}
.wpnav-secondary-navigation .wpnav-section-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(237px,1fr));gap:12px}
/* 静态页不运行 React Spotlight 的鼠标坐标逻辑，关闭其伪元素，保留首页统一卡片外观和全站悬停效果。 */
.wpnav-secondary-navigation .card-spotlight.wpnav-resource-card::before{display:none}
.wpnav-secondary-navigation .wpnav-resource-fallback--letter{background:var(--wpnav-accent-a)}
.wpnav-secondary-navigation .wpnav-secondary-card.is-filtered-out,.wpnav-secondary-navigation .wpnav-secondary-section.is-filtered-empty{display:none}
.wpnav-secondary-empty{padding:28px;text-align:center;color:var(--wpnav-text-faint);border:1px dashed var(--wpnav-border);border-radius:12px}
/* 分类归档：分类名居中，筛选标签位于标题正下方。 */
.wpnav-archive .wpnav-section-head{justify-content:center;text-align:center}
.wpnav-archive .wpnav-section-head h2{width:100%}
.wpnav-archive .wpnav-section-grid>.wpnav-content-filter{grid-column:1 / -1;margin:0 0 8px}

/* From Uiverse.io by devsebastian44：分类页和次级导航共用的滑动标签筛选。 */
:root{--wpnav-filter-group-bg:rgba(255,255,255,.15);--wpnav-filter-group-border:rgba(255,255,255,.3);--wpnav-filter-group-highlight:rgba(255,255,255,.3);--wpnav-filter-slider-bg:#f5f7fa;--wpnav-filter-slider-text:#667eea;--wpnav-filter-label:#dce2ea;--wpnav-filter-label-hover:#fff;--wpnav-filter-shadow:rgba(0,0,0,.15)}
body.io-grey-mode{--wpnav-filter-group-bg:rgba(48,63,80,.12);--wpnav-filter-group-border:rgba(67,82,99,.2);--wpnav-filter-group-highlight:rgba(255,255,255,.5);--wpnav-filter-slider-bg:#fff;--wpnav-filter-slider-text:#596fc7;--wpnav-filter-label:#5b6978;--wpnav-filter-label-hover:#344353;--wpnav-filter-shadow:rgba(40,54,68,.15)}
body.io-black-mode{--wpnav-filter-group-bg:rgba(215,238,220,.08);--wpnav-filter-group-border:rgba(215,238,220,.17);--wpnav-filter-group-highlight:rgba(255,255,255,.1);--wpnav-filter-slider-bg:#2c3730;--wpnav-filter-slider-text:#8ad2af;--wpnav-filter-label:#c2cec5;--wpnav-filter-label-hover:#edf5ee;--wpnav-filter-shadow:rgba(0,0,0,.35)}
.wpnav-content-filter.wpnav-radio-group{display:flex;gap:0;position:relative;box-sizing:border-box;width:fit-content;min-width:280px;max-width:100%;height:40px;padding:4px;overflow-x:auto;overflow-y:hidden;border:1px solid var(--wpnav-filter-group-border);border-radius:25px;background:var(--wpnav-filter-group-bg);box-shadow:0 8px 32px var(--wpnav-filter-shadow),inset 0 1px 0 var(--wpnav-filter-group-highlight);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:wpnav-filter-slide-in .6s ease-out;scrollbar-width:none}
.wpnav-content-filter.wpnav-radio-group::-webkit-scrollbar{display:none}
@keyframes wpnav-filter-slide-in{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
.wpnav-filter-slider{position:absolute;top:4px;bottom:4px;left:4px;width:0;border-radius:25px;background:var(--wpnav-filter-slider-bg);box-shadow:0 3px 12px var(--wpnav-filter-shadow),0 1px 4px rgba(0,0,0,.1);transition:left .4s cubic-bezier(.68,-.55,.265,1.55),width .4s cubic-bezier(.68,-.55,.265,1.55);z-index:0}
.wpnav-content-filter.wpnav-radio-group button.radio-option{position:relative;z-index:1;flex:1 0 auto;height:100%;margin:0;padding:0 16px;border:0;border-radius:25px;background:transparent;color:var(--wpnav-filter-label);font:600 13px/1 inherit;cursor:pointer;transition:color .3s ease;user-select:none;white-space:nowrap}
.wpnav-content-filter.wpnav-radio-group button.radio-option.is-active{color:var(--wpnav-filter-slider-text);border:0;background:transparent}
.wpnav-content-filter.wpnav-radio-group button.radio-option:hover{color:var(--wpnav-filter-label-hover);background:transparent}
.wpnav-content-filter.wpnav-radio-group button.radio-option::before{content:"";position:absolute;inset:0;border-radius:50px;background:var(--wpnav-filter-group-highlight);opacity:0;transition:opacity .3s ease}
.wpnav-content-filter.wpnav-radio-group button.radio-option:hover::before{opacity:1}
.wpnav-content-filter.wpnav-radio-group button.radio-option:nth-of-type(1){animation:wpnav-filter-fade-in .5s ease-out .1s backwards}.wpnav-content-filter.wpnav-radio-group button.radio-option:nth-of-type(2){animation:wpnav-filter-fade-in .5s ease-out .2s backwards}.wpnav-content-filter.wpnav-radio-group button.radio-option:nth-of-type(3){animation:wpnav-filter-fade-in .5s ease-out .3s backwards}
@keyframes wpnav-filter-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes wpnav-filter-pulse{0%,100%{box-shadow:0 3px 12px var(--wpnav-filter-shadow),0 1px 4px rgba(0,0,0,.1)}50%{box-shadow:0 5px 20px color-mix(in srgb,var(--wpnav-filter-slider-text) 30%,transparent),0 2px 8px var(--wpnav-filter-shadow)}}
.wpnav-content-filter.wpnav-radio-group.is-moving .wpnav-filter-slider{animation:wpnav-filter-pulse .6s ease-out}
.wpnav-content-filter.wpnav-radio-group::before{content:"";position:absolute;inset:-2px;border-radius:50px;background:linear-gradient(45deg,transparent,var(--wpnav-filter-group-highlight),transparent);z-index:-1;animation:wpnav-filter-shine 3s linear infinite;opacity:0}
@keyframes wpnav-filter-shine{from{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(100%) rotate(45deg)}}
@media(max-width:640px){.wpnav-static-page:has(.wpnav-secondary-navigation){padding:16px 0}.wpnav-secondary-content-panel{margin:0 0 22px}.wpnav-secondary-navigation{padding:6px 0 22px}.wpnav-secondary-page-head{margin:4px 0 20px}.wpnav-secondary-page-head h1{font-size:21px}.wpnav-secondary-navigation .wpnav-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wpnav-content-filter.wpnav-radio-group{min-width:0;width:100%;max-width:100%}.wpnav-content-filter.wpnav-radio-group button.radio-option{padding:0 12px}}

/* v2.17：标签轨道保持无色透明磨砂；按钮均分轨道，滑块始终贴合当前标签。 */
:root{--wpnav-filter-group-bg:rgba(18,24,33,.36);--wpnav-filter-group-border:rgba(255,255,255,.16);--wpnav-filter-group-highlight:rgba(255,255,255,.12);--wpnav-filter-slider-bg:rgba(255,255,255,.16);--wpnav-filter-slider-text:#a9b7ff;--wpnav-filter-label:rgba(234,240,248,.72);--wpnav-filter-label-hover:#fff;--wpnav-filter-shadow:rgba(0,0,0,.22)}
body.io-grey-mode{--wpnav-filter-group-bg:rgba(255,255,255,.34);--wpnav-filter-group-border:rgba(67,82,99,.15);--wpnav-filter-group-highlight:rgba(255,255,255,.42);--wpnav-filter-slider-bg:rgba(255,255,255,.56);--wpnav-filter-slider-text:#536dcc;--wpnav-filter-label:rgba(56,70,85,.7);--wpnav-filter-label-hover:#263748;--wpnav-filter-shadow:rgba(44,59,74,.1)}
body.io-black-mode{--wpnav-filter-group-bg:rgba(22,31,26,.42);--wpnav-filter-group-border:rgba(218,239,222,.13);--wpnav-filter-group-highlight:rgba(255,255,255,.08);--wpnav-filter-slider-bg:rgba(205,230,211,.12);--wpnav-filter-slider-text:#91d4b0;--wpnav-filter-label:rgba(218,230,220,.7);--wpnav-filter-label-hover:#f1faf3;--wpnav-filter-shadow:rgba(0,0,0,.3)}
.wpnav-content-filter.wpnav-radio-group{width:280px;background:var(--wpnav-filter-group-bg)!important;border-color:var(--wpnav-filter-group-border)!important;box-shadow:0 8px 32px var(--wpnav-filter-shadow),inset 0 1px 0 var(--wpnav-filter-group-highlight)!important}
.wpnav-content-filter.wpnav-radio-group .wpnav-filter-slider{background:var(--wpnav-filter-slider-bg)!important;box-shadow:0 3px 12px var(--wpnav-filter-shadow),0 1px 4px rgba(0,0,0,.08)!important}
.wpnav-content-filter.wpnav-radio-group button.radio-option{flex:1 1 0;min-width:0;padding:0 10px;color:var(--wpnav-filter-label)!important}
.wpnav-content-filter.wpnav-radio-group button.radio-option.is-active{color:var(--wpnav-filter-slider-text)!important}
.wpnav-content-filter.wpnav-radio-group button.radio-option:hover{color:var(--wpnav-filter-label-hover)!important}
@media(max-width:640px){.wpnav-content-filter.wpnav-radio-group{width:100%}}
/* 筛选轨道本身固定居中；归档页里它是网格项，需要额外指定自身对齐方式。 */
.wpnav-secondary-page-head>.wpnav-content-filter.wpnav-radio-group,
.wpnav-archive .wpnav-section-grid>.wpnav-content-filter.wpnav-radio-group{margin-left:auto!important;margin-right:auto!important;justify-self:center}

/* 修复多个标签时 flex 被内容宽度挤压：每个选项严格等宽，滑块据此精确定位。 */
.wpnav-content-filter.wpnav-radio-group button.radio-option{box-sizing:border-box;flex:0 0 calc(100% / var(--wpnav-filter-count, 3))!important;width:calc(100% / var(--wpnav-filter-count, 3));padding:0 6px!important}
/* 更轻薄的无色玻璃：只保留透明、模糊与极细高光，不使用实色底。 */
:root{--wpnav-filter-group-bg:rgba(255,255,255,.045);--wpnav-filter-group-border:rgba(255,255,255,.16);--wpnav-filter-group-highlight:rgba(255,255,255,.1);--wpnav-filter-slider-bg:rgba(255,255,255,.09);--wpnav-filter-shadow:rgba(0,0,0,.12)}
body.io-grey-mode{--wpnav-filter-group-bg:rgba(255,255,255,.18);--wpnav-filter-group-border:rgba(54,68,82,.12);--wpnav-filter-group-highlight:rgba(255,255,255,.4);--wpnav-filter-slider-bg:rgba(255,255,255,.3);--wpnav-filter-shadow:rgba(44,59,74,.05)}
body.io-black-mode{--wpnav-filter-group-bg:rgba(255,255,255,.035);--wpnav-filter-group-border:rgba(218,239,222,.1);--wpnav-filter-group-highlight:rgba(255,255,255,.07);--wpnav-filter-slider-bg:rgba(255,255,255,.075);--wpnav-filter-shadow:rgba(0,0,0,.14)}
.wpnav-content-filter.wpnav-radio-group{box-shadow:inset 0 1px 0 var(--wpnav-filter-group-highlight)!important}
.wpnav-content-filter.wpnav-radio-group .wpnav-filter-slider{box-shadow:inset 0 1px 0 rgba(255,255,255,.1)!important}

/* 即使 React 刷新掉动态 class，标签轨道和按钮本身仍维持同一套界面；脚本恢复后滑块会继续接管选中动画。 */
.wpnav-secondary-navigation .wpnav-content-filter,
.wpnav-archive .wpnav-content-filter{display:flex;gap:0;position:relative;box-sizing:border-box;width:280px;min-width:0;max-width:100%;height:40px;margin-left:auto;margin-right:auto;padding:4px;overflow:hidden;border:1px solid var(--wpnav-filter-group-border);border-radius:25px;background:var(--wpnav-filter-group-bg);box-shadow:inset 0 1px 0 var(--wpnav-filter-group-highlight);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.wpnav-secondary-navigation .wpnav-content-filter>button,
.wpnav-archive .wpnav-content-filter>button{position:relative;z-index:1;box-sizing:border-box;flex:1 1 0;min-width:0;height:100%;margin:0;padding:0 6px;border:0;border-radius:25px;background:transparent;color:var(--wpnav-filter-label);font:600 13px/1 inherit;cursor:pointer;white-space:nowrap;transition:color .3s ease,background .3s ease}
.wpnav-secondary-navigation .wpnav-content-filter>button.is-active,
.wpnav-archive .wpnav-content-filter>button.is-active{background:var(--wpnav-filter-slider-bg);color:var(--wpnav-filter-slider-text)}
.wpnav-secondary-navigation .wpnav-content-filter.wpnav-radio-group>button.is-active,
.wpnav-archive .wpnav-content-filter.wpnav-radio-group>button.is-active{background:transparent}
@media(max-width:640px){.wpnav-secondary-navigation .wpnav-content-filter,.wpnav-archive .wpnav-content-filter{width:100%}}

/* 标签栏由服务端直接输出，始终显示；避免被静态页通用样式的加载状态隐藏。 */
.wpnav-secondary-navigation .wpnav-secondary-page-head>.wpnav-content-filter{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.wpnav-secondary-navigation .wpnav-secondary-page-head>.wpnav-content-filter>button{display:block!important;visibility:visible!important;opacity:1!important}

/* 筛选控件收紧视觉：无边缘阴影，滑块只移动，文字基线保持固定。 */
.wpnav-content-filter.wpnav-radio-group,
.wpnav-secondary-navigation .wpnav-content-filter,
.wpnav-archive .wpnav-content-filter{box-shadow:none!important}
.wpnav-content-filter.wpnav-radio-group .wpnav-filter-slider{box-shadow:none!important}
.wpnav-content-filter.wpnav-radio-group button.radio-option,
.wpnav-secondary-navigation .wpnav-content-filter>button,
.wpnav-archive .wpnav-content-filter>button{display:flex!important;align-items:center;justify-content:center;font-size:13px!important;font-weight:600!important;line-height:32px!important;transform:none!important;animation:none!important}
.wpnav-content-filter.wpnav-radio-group.is-moving .wpnav-filter-slider{animation:none!important}
body.io-grey-mode{--wpnav-filter-group-bg:rgba(49,64,80,.10);--wpnav-filter-group-border:rgba(47,62,78,.24);--wpnav-filter-group-highlight:rgba(255,255,255,.56);--wpnav-filter-slider-bg:rgba(255,255,255,.78);--wpnav-filter-slider-text:#405cb5;--wpnav-filter-label:#4c5d6d;--wpnav-filter-label-hover:#26394a;--wpnav-filter-shadow:transparent}

/* 满宽平铺：筛选轨道对齐内容区左右边缘，标签按数量自动均分。 */
.wpnav-secondary-navigation .wpnav-secondary-page-head>.wpnav-content-filter,
.wpnav-archive .wpnav-section-grid>.wpnav-content-filter,
.wpnav-content-filter.wpnav-radio-group{width:100%!important;max-width:none!important}
.wpnav-content-filter.wpnav-radio-group button.radio-option,
.wpnav-secondary-navigation .wpnav-content-filter>button,
.wpnav-archive .wpnav-content-filter>button{flex:1 1 0!important;width:auto!important}

/* 回到紧凑筛选布局：去除胶囊轨道和选中背景，保留底部指示线的滑动动画。 */
.wpnav-secondary-navigation .wpnav-secondary-page-head>.wpnav-content-filter,
.wpnav-archive .wpnav-section-grid>.wpnav-content-filter,
.wpnav-content-filter.wpnav-radio-group{width:fit-content!important;min-width:0!important;max-width:100%!important;height:40px;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.wpnav-content-filter.wpnav-radio-group .wpnav-filter-slider{top:auto!important;bottom:0!important;left:0;height:2px!important;width:0;border-radius:0!important;background:var(--wpnav-accent-a)!important;box-shadow:none!important;transition:left .4s cubic-bezier(.68,-.55,.265,1.55),width .4s cubic-bezier(.68,-.55,.265,1.55)!important}
.wpnav-content-filter.wpnav-radio-group button.radio-option,
.wpnav-secondary-navigation .wpnav-content-filter>button,
.wpnav-archive .wpnav-content-filter>button{flex:0 0 auto!important;width:auto!important;padding:0 15px!important;background:transparent!important;color:var(--wpnav-filter-label)!important}
.wpnav-content-filter.wpnav-radio-group button.radio-option.is-active,
.wpnav-secondary-navigation .wpnav-content-filter>button.is-active,
.wpnav-archive .wpnav-content-filter>button.is-active{background:transparent!important;color:var(--wpnav-accent-a)!important}
.wpnav-archive .wpnav-section-head h2{font-size:30px!important;line-height:1.3;margin-bottom:12px}
@media(max-width:640px){.wpnav-secondary-navigation .wpnav-secondary-page-head>.wpnav-content-filter,.wpnav-archive .wpnav-section-grid>.wpnav-content-filter{width:fit-content!important}.wpnav-archive .wpnav-section-head h2{font-size:26px!important}}

/* 分类页内容区铺满至视窗底部，并统一标题、标签、卡片间的上下节奏。 */
.wpnav-archive,.wpnav-archive>.wpnav-content-panel{min-height:calc(100vh - var(--wpnav-topbar-block-h, 0px) - 36px)}
.wpnav-archive .wpnav-section-grid>.wpnav-content-filter{margin:12px auto!important}
.wpnav-content-filter.wpnav-radio-group button.radio-option::before{display:none!important}
.wpnav-content-filter.wpnav-radio-group button.radio-option:hover,
.wpnav-secondary-navigation .wpnav-content-filter>button:hover,
.wpnav-archive .wpnav-content-filter>button:hover{background:transparent!important}

/* 分类标题下的筛选栏上移，收紧标题与标签之间的留白。 */
.wpnav-archive .wpnav-section-grid>.wpnav-content-filter{margin:-4px auto 12px!important}

/* 分类标题上下留白各再缩小 4px。 */
.wpnav-archive .wpnav-section-head{margin-top:-4px!important}
.wpnav-archive .wpnav-section-grid>.wpnav-content-filter{margin:-8px auto 12px!important}