/* 自定义美化滚动条 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* --- 左侧二级菜单折叠与箭头动画 ---
   注意：必须使用子选择器（>），菜单存在多层嵌套（一级分组内还有二级分组）。
   若用后代选择器，父级展开时会把内层子菜单一起强制显示，导致内层菜单无法折叠。 */

/* 默认状态下隐藏本组直接的二级菜单，箭头旋转向右 (-90度) */
.nav-group > .sub-menu {
    display: none;
}
.nav-group > .nav-toggle-btn > .chevron-icon {
    transform: rotate(-90deg);
    transition: transform 0.2s ease-in-out;
}

/* 当本组带有 .open 类时展开其直接的二级菜单，箭头朝下 */
.nav-group.open > .sub-menu {
    display: block;
}
.nav-group.open > .nav-toggle-btn > .chevron-icon {
    transform: rotate(0deg);
}