@media (prefers-color-scheme: dark) {

    /* 深色模式下的样式 */
    .divider-line {
        background-color: rgba(131, 131, 131, 0.523);
    }

    .divider-title {
        color: #ffffff;
    }
}

@media (prefers-color-scheme: light) {

    /* 浅色模式下的样式 */
    .divider-line {
        background-color: rgba(131, 131, 131, 0.523);
    }

    .divider-title {
        color: #1f1f1f;
    }
}

.divider-container {
    display: flex;
    align-items: center;
    margin: 15px 20px;
    height: 10px;
}

.divider-title {
    font-size: 0.9em;
    margin-right: 5px;
    /* 标题与分割线的间距 */
    margin-left: 25px;
}

.divider-line {
    flex-grow: 1;
    /* 让分割线填充剩余空间 */
    background-color: rgba(131, 131, 131, 0.523);
    height: 0.5px;
    margin-right: 25px;
}