:root {
    /* 字体大小规范 */
    --font-x-large            : 18px;
    --font-large              : 16px;
    --font-medium             : 14px;
    --font-small              : 12px;
    --font-x-small            : 10px;
    /* 颜色规范 */
    --color-default           : #384048;
    --color-primary           : #409EFF;
    --color-secondary         : #04c786;
    --color-info              : #999;
    --color-border            : #eee;
    /* 间距规范 */
    --space-medium            : 20px;
    /* 状态栏 */
    --statusbar-height        : 56px;
    /* 标签栏 */
    --tabbar-active           : #374758;
    --tabbar-hover            : #eee;
    --tabbar-close-hover      : red;
    /* 侧边栏 */
    --sidebar-width           : 220px;
    --sidebar-background      : #2b3a4a;
    --sidebar-header-height   : 56px;
    --sidebar-header-border   : 1px solid #374758;
    --sidebar-menu-inline     : #263442;
    --sidebar-menu-item       : #8699ad;
    --sidebar-menu-item-hover : #374758;
    --sidebar-menu-item-active: #278eff;

    .app-tabs {
        &--info {
            .tabs {
                flex-wrap: wrap;

                &-item {
                    display         : flex;
                    justify-content : center;
                    align-items     : center;
                    color           : #626675;
                    cursor          : pointer;
                    border-radius   : 4px;
                    background-color: #f0f0f1;
                    padding         : 8px 16px;

                    &:not(:first-child) {
                        margin-left: 10px;
                    }

                    &.is-active {
                        color      : #222;
                        font-weight: bold;
                    }
                }
            }
        }
    }
}