@charset "UTF-8";
/* 优酷式左侧导航：仅 PC 且后台 layout=side 时生效；默认顶栏不受影响 */

.ds-side-nav{display:none}

@media (min-width:993px){
    body.nav-layout-side{
        --ds-side-nav-w:168px;
        padding-left:var(--ds-side-nav-w)
    }

    body.nav-layout-side .ds-side-nav{
        display:flex;flex-direction:column;
        position:fixed;left:0;top:0;bottom:0;z-index:10000;
        width:var(--ds-side-nav-w);
        box-sizing:border-box;
        padding:12px 10px 20px;
        overflow-x:hidden;overflow-y:auto;
        /* 继承 body 背景色，与首页同色（随主题 background / background2 变化） */
        background-color:inherit;
        -webkit-overflow-scrolling:touch
    }
    body.theme1.nav-layout-side .ds-side-nav{
        border-right-color:rgba(0,0,0,.06)
    }

    body.nav-layout-side .ds-side-nav__logo{
        flex-shrink:0;padding:6px 8px 18px;text-align:center
    }
    body.nav-layout-side .ds-side-nav__logo .logo-brand{display:inline-block}
    /* 勿对全部 img 强制 display:block，否则 logo1/logo2 会叠显示两个 */
    body.nav-layout-side .ds-side-nav__logo img{
        width:auto;max-width:100%;height:40px;object-fit:contain;margin:0 auto
    }
    body.nav-layout-side .ds-side-nav__logo .logo1,
    body.nav-layout-side .ds-side-nav__logo .logo2{display:none}
    body.theme2.nav-layout-side .ds-side-nav__logo .logo2,
    body.theme1.nav-layout-side .ds-side-nav__logo .logo1{display:block}

    body.nav-layout-side .ds-side-nav__list{
        flex:1;display:flex;flex-direction:column;gap:2px;min-height:0
    }
    body.nav-layout-side .ds-side-nav__item{
        display:flex;align-items:center;gap:10px;
        height:44px;padding:0 12px;border-radius:10px;
        color:hsla(0,0%,100%,.72)!important;
        font-size:14px;line-height:1;text-decoration:none;
        transition:background .2s ease,color .2s ease
    }
    body.theme1.nav-layout-side .ds-side-nav__item{color:#333!important}
    body.nav-layout-side .ds-side-nav__item .fa{font-size:18px;width:20px;text-align:center;flex-shrink:0}
    body.nav-layout-side .ds-side-nav__item span{
        overflow:hidden;text-overflow:ellipsis;white-space:nowrap
    }
    body.nav-layout-side .ds-side-nav.bold1 .ds-side-nav__item{font-weight:700}
    body.nav-layout-side .ds-side-nav.pc-show0 .ds-side-nav__item .fa{display:none!important}

    body.nav-layout-side .ds-side-nav__item:hover{
        color:#fff!important
    }
    body.theme1.nav-layout-side .ds-side-nav__item:hover{
        background:rgba(0,0,0,.04);color:#111!important
    }
    body.nav-layout-side .ds-side-nav__item.is-active,
    body.nav-layout-side .ds-side-nav__item.cor6{
        color:#fff!important
    }
    body.theme1.nav-layout-side .ds-side-nav__item.is-active,
    body.theme1.nav-layout-side .ds-side-nav__item.cor6{
        background:rgba(0,0,0,.06);color:#111!important
    }
    body.nav-layout-side .ds-side-nav__item.is-active .fa,
    body.nav-layout-side .ds-side-nav__item.cor6 .fa{display:none}
    body.nav-layout-side .ds-side-nav__item.is-active .none,
    body.nav-layout-side .ds-side-nav__item.cor6 .none{display:inline}

    /* 顶栏：侧边模式下隐藏横向分类与顶栏 Logo，保留搜索/用户区 */
    body.nav-layout-side .head{
        left:var(--ds-side-nav-w);
        width:calc(100% - var(--ds-side-nav-w));
        box-sizing:border-box
    }
    body.nav-layout-side .head .logo,
    body.nav-layout-side .head .head-nav{display:none!important}

    body.nav-layout-side .site-top-ad{
        left:var(--ds-side-nav-w);
        width:calc(100% - var(--ds-side-nav-w));
        box-sizing:border-box
    }

    /* 常见固定层与顶栏对齐，避免盖住侧栏 */
    body.nav-layout-side .top-back{right:12px}
    body.nav-layout-side .gen-loading{left:var(--ds-side-nav-w);width:calc(100% - var(--ds-side-nav-w))}
}

@media (max-width:992px){
    /* 手机端始终走默认顶栏/抽屉，不展示侧栏 */
    body.nav-layout-side{padding-left:0}
    body.nav-layout-side .ds-side-nav{display:none!important}
}