
.x-row{
    display: flex; 
    flex-direction: row;
    width: 100%;
    margin: 10px;
}

.x-row.top{
    align-items:flex-start; 
}

.x-row.middle{
    align-items:center; 
}

.x-row.bottom{
    align-items:flex-end; 
}

.x-row.left{
    justify-content: flex-start;
}

.x-row.center{
    justify-content: center;
}

.x-row.right{
    justify-content: flex-end;
}

.x-row.evenly{
    justify-content: space-evenly;
}

.x-row.stretch{
    justify-content:space-between;
}

.x-row-divider {
    border-top-color: var(--c-border);
    border-top-style: solid;
    border-top-width: 1px;
    width: 100%;
    height: 0px;
}

.x-column-divider {
    border-left-color: var(--c-border);/* 引用 vuepress 默认主题的边框样式 */
    border-left-style: solid;
    border-left-width: 1px;
    width: 0px;
    height: 100%;
}

.x-light-title {
    color: var(--c-text-lightest);/* 引用 vuepress 默认主题的文本样式 */
    font-size: 1.3rem;
    line-height: 1.2rem;
    margin-top: 2rem;
    margin-bottom: 4rem;
}
