/**
 * 爱番番 · layuimini 布局兜底（防止主 CSS 未加载时顶栏菜单裸露）
 * 宽度须与 layui/layuimini 一致：展开 200px，折叠 60px
 */
:root {
    --aff-side-expanded: 200px;
    --aff-side-collapsed: 60px;
}

.layui-layout-admin .layui-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: 60px;
}
.layui-layout-admin .layuimini-logo {
    width: var(--aff-side-expanded);
}
.layui-layout-admin .layui-side {
    position: fixed;
    top: 60px;
    left: 0;
    bottom: 0;
    z-index: 999;
    width: var(--aff-side-expanded);
}
.layui-layout-admin .layui-body {
    position: fixed;
    left: var(--aff-side-expanded);
    right: 0;
    top: 60px;
    bottom: 0;
    overflow: hidden;
}
.layui-nav-tree .layui-nav-child { display: none; }
.layui-nav-tree .layui-nav-itemed > .layui-nav-child { display: block; }
.layui-header .layui-nav-child,
.layui-tab-control .layui-nav-child {
    display: none;
    position: absolute;
    min-width: 120px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
    z-index: 1001;
}
.layui-header .layui-nav-itemed > .layui-nav-child,
.layui-tab-control .layui-nav-itemed > .layui-nav-child { display: block; }
.layuimini-tab,
.layuimini-tab .layui-tab-content,
.layuimini-tab .layui-tab-item,
.layuimini-tab .layui-tab-item iframe {
    height: 100%;
}
.layuimini-tab .layui-tab-content { padding: 0; }
.layuimini-logo img { display: none; }
.layuimini-logo h1 { font-size: 16px; color: #fff; font-weight: 600; }

/* ===== 侧栏菜单修复：去掉子菜单黑边、统一激活态 ===== */
.layui-side.layui-bg-black > .layuimini-menu-left > ul > .layui-nav-item:first-child {
    border-top: none !important;
}

.layuimini-menu-left .layui-nav-itemed > .layui-nav-child {
    background-color: transparent !important;
    padding: 4px 10px 6px !important;
}

.layuimini-menu-left .layui-nav-tree .layui-nav-child dd.menu-dd {
    margin: 2px 0;
    line-height: 40px;
}

.layuimini-menu-left .layui-nav-tree .layui-nav-child dd.menu-dd a {
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    padding-left: 38px !important;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.layuimini-menu-left .layui-nav-tree .layui-nav-child dd.menu-dd a:hover {
    background-color: rgba(30, 159, 255, 0.12) !important;
    color: #fff !important;
}

.layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this,
.layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a {
    background-color: #1e9fff !important;
    color: #fff !important;
    border-radius: 6px;
    box-shadow: none;
}

.layuimini-menu-left .layui-nav-tree > .layui-nav-item.layui-this {
    background-color: transparent !important;
}

.layuimini-menu-left .layui-nav-tree > .layui-nav-item > a {
    border-radius: 6px;
    margin: 0 8px;
    width: auto;
}

.layuimini-menu-left .layui-nav-tree > .layui-nav-item > a:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
}

.layuimini-menu-left .layui-nav .layui-nav-item a:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
}

.layuimini-menu-left .layui-nav-tree .layui-nav-itemed > a {
    color: #fff !important;
}

/* 去掉 layui 导航条指示线残留 */
.layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this:after,
.layuimini-menu-left .layui-nav-tree .layui-nav-child dd:after {
    display: none !important;
}

/* ===== 侧栏折叠态：与 layuimini-mini 宽度同步 ===== */
@media screen and (min-width: 1025px) {
    .layuimini-mini .layui-layout-admin .layui-side.layui-bg-black {
        width: var(--aff-side-collapsed) !important;
    }

    .layuimini-mini .layui-layout-admin .layui-body {
        left: var(--aff-side-collapsed) !important;
    }

    .layuimini-mini .layuimini-menu-left .layui-nav-tree > .layui-nav-item > a {
        margin: 0 !important;
        border-radius: 0;
    }

    .layuimini-mini .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.menu-dd a {
        border-radius: 0;
        padding-left: 20px !important;
    }
}