有序列表样式添加

.protyle-wysiwyg [data-node-id].li>[data-node-id] {
    margin-left: 30px !important; /* 一级列表偏移 */
    padding-right: 0;
}

.b3-typography li>p, .b3-typography>p, .b3-typography blockquote>p, .b3-typography [data-node-id], .protyle-wysiwyg li>p, .protyle-wysiwyg>p, .protyle-wysiwyg blockquote>p, .protyle-wysiwyg [data-node-id] {
    line-height: 1.625;
    /* padding-left: 8px; */
    padding: 4px;
    padding-left: 0px;
    margin: 2px 0;
    border-radius: var(--b3-border-radius);
}

/* 效果: 一级列表 1.  二级列表 1.1  三级列表 1.1.1 */
.list[data-subtype=o] {
     counter-reset: none;
}

.protyle-wysiwyg .li[data-subtype=o] {
    counter-increment: olcounter1
}

.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] {
    counter-increment: olcounter2;
    padding-left: 1.2%;
}

.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] > .protyle-action {
    color: rgba(0, 0, 0, 0) !important;
}

.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] > .protyle-action::after {
    content: counter(olcounter1, -moz-devanagari) "." counter(olcounter2, decimal);
    display: table;
}

.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] {
    counter-increment: olcounter3;
    padding-left: 3%;
}

.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] > .protyle-action {
    color: rgba(0, 0, 0, 0) !important
}

.protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] > .protyle-action::after {
    content: counter(olcounter1, decimal) "." counter(olcounter2, decimal) "."counter(olcounter3, decimal)
}

哪位大神能帮我添加一下四级和五级样式的代码吗？