/* 1. 默认主题 (Light) 下的选中样式 */
.chapter li.active > a {
    color: #0b7ad1 !important;           /* 文字变蓝 */
    background-color: #f0f7fd !important; /* 浅蓝背景 */
    border-left: 4px solid #0b7ad1;       /* 左侧加一道蓝杠 */
    padding-left: 10px !important;        /* 文字稍微右移 */
    font-weight: bold;                    /* 加粗 */
    border-radius: 0 4px 4px 0;           /* 圆角 */
}

/* 2. 暗色主题 (Navy) 下的选中样式 */
.navy .chapter li.active > a {
    color: #4db6ac !important;            /* 青色文字 */
    background-color: rgba(77, 182, 172, 0.15) !important; /* 浅青背景 */
    border-left: 4px solid #4db6ac;       /* 左侧加一道青杠 */
}

/* 3. 鼠标悬停时的样式 (可选) */
.chapter li > a:hover {
    background-color: rgba(0,0,0,0.03);
}