/* 统一侧边栏样式 - 使用 .mySidebar li 统一管理 */
.mySidebar {
    width: 240px;
    border: 1px solid var(--myBorder);
    cursor: pointer;
    background: var(--white);
}

/* 侧边栏容器样式 */
.mySidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background: var(--white);
}

/* 侧边栏标题样式 */
.mySidebar h2 {
    padding: 10px 20px;
    height: 40px;
    line-height: 40px;
    font-weight: bolder;
    font-size: 18px;
    background: var(--bg7);
    margin: 0;
    color: var(--text-color);
}

/* 侧边栏菜单项样式 - 统一使用 .mySidebar li */
.mySidebar li {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* 悬停效果 */
.mySidebar li:hover {
    color: var(--myBlue);
    background-color: var(--myBlueBg);
}

/* 激活状态样式 */
.mySidebar li.textSelect {
    color: var(--myBlue) !important;
    background-color: var(--myBlueBg) !important;
    font-weight: 500;
}

/* ==================== 二级分类选中高亮铺满整行 ==================== */
.mySidebar .layui-colla-content {
    padding: 0;
}

/* 二级项：整行可点  */
.mySidebar .layui-colla-content li {
    padding: 0;
}

.mySidebar .layui-colla-content li a {
    display: block;
    padding: 10px 20px 10px 35px;
}

/* ==================== 无二级分类的一级分类：分割线 ==================== */
/* layui 默认只给 .layui-colla-item 加 border-top(1px solid #eee)，首项还会被 :first-child 去掉；
   而纯 <a> 的无子分类项没有这层包裹，所以看着"缺一条线"。这里补齐同样的样式。 */
.mySidebar .layui-collapse>a {
    display: block;
}

.mySidebar .layui-collapse>a:not(:first-child) {
    border-top: 1px solid #eee;
}

/* ==================== 一级分类标题：超长显示省略号 ==================== */
.mySidebar .layui-colla-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ==================== 一级分类（分组标题 / 无子分类项）选中时的蓝色高亮 ==================== */
/* 已有的 `.mySidebar li.textSelect` 只管二级分类的 <li>，
   一级分类用的是 <div class="layui-colla-title">，得单独补一条。 */
.mySidebar .layui-colla-title.textSelect {
    color: var(--myBlue) !important;
    background-color: var(--myBlueBg) !important;
    font-weight: 500;
}