/*定义公共的变量*/
:root {
    --green-color: #24B89E;
    --white-color:rgba(255,255,255,0.7);
    --grey-color: #616566;

}

/*实现css样式*/

/*绿色无序点*/
.left-point-green{
    list-style-type: disc;
    text-align: left;
    /*align-items: baseline; !* 使同一行文字的基线对其 *!*/
    /*width: 100%; !* 设置宽度为 100% *!*/
    margin-left: 1rem; /* 设置 marker 与文字之间的距离 */
}

.left-point-green::marker {
    width: 6px;
    height: 6px;
    color: var(--green-color); /* 实心点的颜色为指定颜色 */
    opacity: 1;
}

/*白色无序点*/
.left-point-white{
    list-style-type: disc;
    text-align: left;
    /*align-items: baseline; !* 使同一行文字的基线对其 *!*/
    /*width: 100%; !* 设置宽度为 100% *!*/
    margin-left: 1rem; /* 设置 marker 与文字之间的距离 */
}
.left-point-white::marker {
    width: 6px;
    height: 6px;
    color: var(--white-color); /* 实心点的颜色为指定颜色 */
    opacity: 1;
}

/*灰色无序点*/
.left-point-grey {
    list-style-type: disc;
    text-align: left;
    /*align-items: baseline; !* 使同一行文字的基线对其 *!*/
    /*width: 100%; !* 设置宽度为 100% *!*/
    margin-left: 1rem; /* 设置 marker 与文字之间的距离 */
}
.left-point-grey::marker {
    width: 6px;
    height: 6px;
    color: var(--grey-color); /* 实心点的颜色为指定颜色 */
    opacity: 1;
}