/* Thin Glow：来自用户提供的 Uiverse CSS，仅将选择器限定到标签索引按钮。 */
.wpnav-quick-tag-index--thin-glow{--wpnav-thin-page-bg:#050505;--wpnav-thin-button-bg:#151517;--wpnav-thin-button-bg-hover:#1a1a1d;--wpnav-thin-button-bg-active:#111113;--wpnav-thin-button-text:#fff;--wpnav-thin-button-border:rgba(255,255,255,.06);--wpnav-thin-button-border-hover:rgba(255,255,255,.1);width:145.333px;height:37.333px}
.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-poda{position:relative;width:218px;height:56px;display:flex;align-items:center;justify-content:center;transform:scale(.666667);transform-origin:left top}
.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-white,.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-border,.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-dark-border,.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;pointer-events:none;z-index:0}
.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-glow{width:230px;height:72px;border-radius:24px;filter:blur(22px);opacity:.32}
.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-glow::before{content:"";position:absolute;top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%) rotate(60deg);background-image:conic-gradient(#000 0%,#5744e8 6%,#000 30%,#000 50%,#e245bd 61%,#000 82%);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-dark-border{width:214px;height:56px;border-radius:12px;filter:blur(2.5px);opacity:.58}
.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-dark-border::before{content:"";position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%) rotate(82deg);background-image:conic-gradient(transparent 0%,#3425bd 7%,transparent 16%,transparent 50%,#b3298f 59%,transparent 68%);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-border{width:212px;height:54px;border-radius:11px;filter:blur(.3px);opacity:.88}
.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-border::before{content:"";position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%) rotate(70deg);background-image:conic-gradient(#171717 0%,#7868ff 6%,#171717 15%,#171717 50%,#ee63c7 60%,#171717 67%);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-white{width:213px;height:55px;border-radius:11px;filter:blur(1.5px);opacity:.46}
.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-white::before{content:"";position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%) rotate(83deg);background-image:conic-gradient(transparent 0%,#bcb6ff 6%,transparent 14%,transparent 50%,#f0b1e7 58%,transparent 67%);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-button{position:relative;z-index:10;width:208px;height:50px;appearance:none;-webkit-appearance:none;border-radius:10px;background:var(--wpnav-thin-button-bg);background-color:var(--wpnav-thin-button-bg);border:1px solid var(--wpnav-thin-button-border);box-shadow:none;color:var(--wpnav-thin-button-text);font-family:inherit;font-size:22.5px;font-weight:500;letter-spacing:.5px;line-height:1;cursor:pointer;outline:none;overflow:hidden;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .15s ease}
.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-button::before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);pointer-events:none}
.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-button:hover{background:var(--wpnav-thin-button-bg-hover);border-color:var(--wpnav-thin-button-border-hover)}
.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-poda:hover>.wpnav-quick-thin-dark-border::before{transform:translate(-50%,-50%) rotate(262deg)}
.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-poda:hover>.wpnav-quick-thin-glow::before{transform:translate(-50%,-50%) rotate(240deg)}
.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-poda:hover>.wpnav-quick-thin-white::before{transform:translate(-50%,-50%) rotate(263deg)}
.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-poda:hover>.wpnav-quick-thin-border::before{transform:translate(-50%,-50%) rotate(250deg)}
.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-button:active{transform:scale(.985);background:var(--wpnav-thin-button-bg-active)}
.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-button:focus-visible{outline:2px solid color-mix(in srgb,var(--wpnav-thin-button-text) 60%,transparent);outline-offset:3px}
/* 菜单打开时，按钮本体和四层装饰同步淡出；缩放按同一比例恢复原始尺寸。 */
.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-poda{transition:opacity .16s ease,visibility 0s,transform .18s ease}
.wpnav-quick-tag-index.is-open.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-poda,.wpnav-quick-tag-index.is-closing.wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-poda{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.613334);transition:opacity .16s ease,visibility 0s linear .18s,transform .18s ease}
/* 白天模式使用原 CSS 的白色变量和浅色边框渐变；默认夜间、io-black 护眼保持黑色版本。 */
body.io-grey-mode .wpnav-quick-tag-index--thin-glow{--wpnav-thin-button-bg:#fff;--wpnav-thin-button-bg-hover:#f8f8fa;--wpnav-thin-button-bg-active:#f1f1f3;--wpnav-thin-button-text:#18181b;--wpnav-thin-button-border:rgba(0,0,0,.05);--wpnav-thin-button-border-hover:rgba(0,0,0,.1)}
body.io-grey-mode .wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-button::before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent)}
body.io-grey-mode .wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-glow{opacity:.25}
body.io-grey-mode .wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-dark-border{opacity:.52}
body.io-grey-mode .wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-border{opacity:.82}
body.io-grey-mode .wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-white{opacity:.4}
body.io-grey-mode .wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-border::before{background-image:conic-gradient(#dedee3 0%,#7868ff 6%,#dedee3 15%,#dedee3 50%,#ee63c7 60%,#dedee3 67%)}
body.io-grey-mode .wpnav-quick-tag-index--thin-glow .wpnav-quick-thin-glow::before{background-image:conic-gradient(transparent 0%,#5744e8 6%,transparent 30%,transparent 50%,#e245bd 61%,transparent 82%)}