[css] 大纲缩进线

靠 AI 搞出来的

/* 为大纲添加缩进线 */
div.sy__outline ul {
    margin-left: 0; /* 重置左边距 */
}

div.sy__outline ul > ul {
    border-left: 2px solid #c5d2db; /* 缩进线颜色 */
    margin-left: 10px; /* 第二级缩进 */
}

div.sy__outline ul > ul > ul {
    border-left: 2px solid #c5d2db;
    margin-left: 20px; /* 第三级缩进 */
}

div.sy__outline ul > ul > ul > ul {
    border-left: 2px solid #c5d2db;
    margin-left: 30px; /* 第四级缩进 */
}

div.sy__outline ul > ul > ul > ul > ul {
    border-left: 2px solid #c5d2db;
    margin-left: 40px; /* 第五级缩进 */
}

div.sy__outline ul > ul > ul > ul > ul > ul {
    border-left: 2px solid #c5d2db;
    margin-left: 50px; /* 第六级缩进 */
}

div.sy__outline ul > ul > ul > ul > ul > ul > ul {
    border-left: 2px solid #c5d2db;
    margin-left: 60px; /* 第七级缩进 */
}

div.sy__outline ul > ul > ul > ul > ul > ul > ul > ul {
    border-left: 2px solid #c5d2db;
    margin-left: 70px; /* 第八级缩进 */
}

效果：