/* 本站自定义：分类下拉
   布局：一级分类横向排布，二级分类也横向排布；悬停一级分类时，二级面板在整个下拉面板的
        下方整体弹出（绝对定位、不占高度），所以分类再多也不会把面板撑长去压住页面内容，
        也不会遮住别的一级分类。
   材质：与主题自带下拉面板一致；毛玻璃模式下用 #ffffffe6 / #000000e6 + backdrop-filter。 */
/* 面板整体限宽；选择器加 html 提高优先级，避免被主题里同样写 !important 的规则压回去 */
html #navbar-card .submenu-panel{max-width:44rem !important}
html body.navbar-blur-enabled .submenu-panel{background-color:#ffffffe6 !important}
:root.dark html body.navbar-blur-enabled .submenu-panel{background-color:#000000e6 !important}
/* 让二级浮层相对下拉面板定位，而不是相对某个一级分类，避免遮挡 */
.sg-tax-node{position:static}
.sg-tax-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:12px;font-weight:600;white-space:nowrap;transition:background-color .15s}
.sg-tax-top:hover{background-color:var(--btn-plain-bg-hover)}
.sg-tax-count{font-size:.75rem;opacity:.45;font-weight:400;flex-shrink:0;font-variant-numeric:tabular-nums}
.sg-tax-sub{display:none;position:absolute;left:8px;right:8px;top:100%;padding-top:6px;z-index:60}
.sg-tax-node:hover>.sg-tax-sub{display:block}
.sg-tax-sub-inner{display:flex;flex-wrap:wrap;gap:2px;max-height:20rem;overflow-y:auto;padding:8px;border-radius:var(--radius-large);background-color:var(--card-bg)}
body.navbar-blur-enabled .sg-tax-sub-inner{backdrop-filter:saturate(180%) blur(20px);background-color:#ffffffe6}
:root.dark body.navbar-blur-enabled .sg-tax-sub-inner{backdrop-filter:saturate(180%) blur(20px);background-color:#000000e6}
.sg-tax-sub-inner:empty{display:none}
.sg-tax-child{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:12px;font-size:.875rem;white-space:nowrap;opacity:.85;transition:background-color .15s,opacity .15s}
.sg-tax-child:hover{background-color:var(--btn-plain-bg-hover);opacity:1}

/* ---------- 分类页：子分类入口（主内容区）+ 纯标题目录（右侧栏） ---------- */
#post-list-container{display:none !important}
#post-list-container + nav{display:none !important}
.sg-cat-label{font-size:.85rem;font-weight:700;letter-spacing:.04em;color:var(--primary);margin-bottom:10px}
#sg-cat-subs-card:has(.sg-cat-subs:empty){display:none}
.sg-cat-subs{display:flex;flex-wrap:wrap;gap:8px}
.sg-cat-sub{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:9999px;background-color:var(--btn-regular-bg);color:inherit;font-weight:600;font-size:.95rem;text-decoration:none;transition:background-color .15s,color .15s}
.sg-cat-sub:hover{background-color:var(--btn-plain-bg-hover);color:var(--primary)}
.sg-cat-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .35rem;border-radius:8px;background-color:var(--card-bg);font-size:.75rem;font-weight:700;opacity:.6}
/* 目录卡片插在左栏末尾；不要改左栏自身的 display，否则侧栏卡片会互相重叠 */
.sg-cat-aside-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:1rem;font-weight:700;margin-bottom:10px}
.sg-cat-aside-title .sg-cat-total{font-size:.85rem;font-weight:600;opacity:.5}
.sg-cat-index-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;counter-reset:sg-cat-idx}
.sg-cat-index-list li{display:flex;align-items:flex-start;gap:10px;padding:9px 2px;border-bottom:1px dashed rgba(0,0,0,.08)}
.sg-cat-index-list li{counter-increment:sg-cat-idx}
.sg-cat-index-list li:last-child{border-bottom:none}
:root.dark .sg-cat-index-list li{border-bottom-color:rgba(255,255,255,.12)}
.sg-cat-idx{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;margin-top:1px;border-radius:9999px;background-color:var(--primary);color:var(--primary-foreground,#fff);font-size:.75rem;font-weight:700}
.sg-cat-idx::before{content:counter(sg-cat-idx)}
.sg-cat-index-list a{flex:1;min-width:0;font-size:.95rem;line-height:1.5;font-weight:500;color:inherit;text-decoration:none;transition:color .15s}
.sg-cat-index-list a:hover{color:var(--primary)}
.sg-cat-empty{opacity:.5;font-size:.95rem;padding:8px 0}

/* ---------- 分类页文章目录（侧栏「自定义HTML」两行代码调用） ---------- */
#sg-post-index:empty{display:none}
.sg-index-card{border-radius:var(--radius-large);background-color:var(--card-bg);padding:1.25rem;margin-bottom:1rem;counter-reset:sg-index}
body.navbar-blur-enabled .sg-index-card{backdrop-filter:saturate(180%) blur(20px);background-color:#ffffffe6}
:root.dark body.navbar-blur-enabled .sg-index-card{background-color:#000000e6}
.sg-index-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:1rem;font-weight:700;margin-bottom:.65rem}
.sg-index-head .sg-index-total{font-size:.85rem;font-weight:600;opacity:.5}
.sg-index-list{list-style:none;margin:0;padding:0}
.sg-index-group{margin-top:1rem}
.sg-index-group:first-of-type{margin-top:.35rem}
.sg-index-group-title{display:block;font-size:.95rem;font-weight:700;color:var(--primary);text-decoration:none;margin-bottom:.2rem}
.sg-index-group-title:hover{text-decoration:underline}
.sg-index-list li{display:flex;align-items:flex-start;gap:.65rem;padding:.55rem .1rem;border-bottom:1px dashed rgba(0,0,0,.08);counter-increment:sg-index}
.sg-index-list li:last-child{border-bottom:none}
:root.dark .sg-index-list li{border-bottom-color:rgba(255,255,255,.12)}
.sg-index-num{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;margin-top:1px;border-radius:9999px;background-color:var(--primary);color:var(--primary-foreground,#fff);font-size:.75rem;font-weight:700}
.sg-index-num::before{content:counter(sg-index)}
.sg-index-list a{flex:1;min-width:0;font-size:.95rem;line-height:1.5;font-weight:500;color:inherit;text-decoration:none;transition:color .15s}
.sg-index-list a:hover{color:var(--primary)}
