/* 侧边栏导航增强 — 对齐 rjjr.cn */

body .layout #aside .header_nav,
body .layout #aside .category_nav,
body .layout #aside .footer_nav {
    list-style: none;
    margin: 0;
}

body .layout #aside .uni-bg:not(:last-child) {
    margin-bottom: 1rem;
}

/* 子菜单虚线 */
body .layout #aside .header_nav li .sub-menu,
body .layout #aside .category_nav li .sub-menu {
    display: flex;
    flex-flow: column;
    width: 100%;
    margin: .2rem 0 0 .5rem;
    padding: 0 0 0 .2rem;
    border-left: 1px dashed rgba(188, 195, 206, .5);
}

body .layout #aside .header_nav li .sub-menu li,
body .layout #aside .category_nav li .sub-menu li {
    width: 100%;
}

/* 底部社交图标 — 横向圆形按钮 */
body .layout #aside .footer_nav.social-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    padding: 1rem !important;
}

body .layout #aside .footer_nav.social-nav li {
    flex: 0 0 auto;
    width: auto;
    margin-bottom: 0 !important;
}

body .layout #aside .footer_nav.social-nav li::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 2;
    font-size: .85rem;
}

body .layout #aside .footer_nav.social-nav li > a {
    position: relative;
    flex: none;
    width: 2rem;
    height: 2rem;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border-radius: 50%;
    overflow: hidden;
    color: transparent;
}

body .layout #aside .footer_nav.social-nav li[class*=czs-] > a {
    padding-left: 0 !important;
}

body .layout #aside .footer_nav.social-nav li:hover > a {
    opacity: .88;
}

body .layout #aside .footer_nav.social-nav li.czs-twitter > a {
    background: #000;
    color: #fff;
}

body .layout #aside .footer_nav.social-nav li.czs-twitter::before {
    color: #fff;
}

body .layout #aside .footer_nav.social-nav li.czs-telegram > a {
    background: #0088cc;
}

body .layout #aside .footer_nav.social-nav li.czs-telegram::before {
    color: #fff;
}

body .layout #aside .footer_nav.social-nav li.czs-Instagram > a {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}

body .layout #aside .footer_nav.social-nav li.czs-Instagram::before {
    color: #fff;
}

body .layout #aside .footer_nav.social-nav li.czs-rss > a {
    background: #fff;
}

body .layout #aside .footer_nav.social-nav li.czs-rss::before {
    color: #3b4351;
}

/* 暗色 / 自动模式下的侧边栏卡片背景 */
.dark body #app.layout #aside .header_nav,
.dark body #app.layout #aside .category_nav,
.dark body #app.layout #aside .footer_nav,
html.auto body #app.layout #aside .header_nav,
html.auto body #app.layout #aside .category_nav,
html.auto body #app.layout #aside .footer_nav {
    background-color: rgba(42, 48, 57, .9);
}

.dark body #app.layout #aside .footer_nav.social-nav li.czs-rss > a,
html.auto body #app.layout #aside .footer_nav.social-nav li.czs-rss > a {
    background: rgba(255, 255, 255, .92);
}

.dark body #app.layout #aside .footer_nav.social-nav li.czs-rss::before,
html.auto body #app.layout #aside .footer_nav.social-nav li.czs-rss::before {
    color: #303742;
}