[theme='default'] {
    /* 字体大小规范 */
    --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           : 200px;
    --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;

    .el-form {
        &-item {
            &--col {
                display: flex;
                width  : 100%;
                gap    : 10px;
            }

            &:last-child {
                margin-bottom: 18px;
            }
        }

        &--horizontal {
            display  : flex;
            flex-wrap: wrap;

            .el-form-item {
                width: 50%;

                &__label {
                    padding: 0 12px;
                }

                &__content {
                    align-items  : flex-start;
                    padding-right: 48px;
                }

                &--row {
                    width: 100%;
                }
            }

            .el-select {
                width: 100%;
            }
        }
    }

    .app-tabs {
        &__navbar {
            z-index         : 10;
            display         : flex;
            align-items     : center;
            background-color: #fff;
            border-top      : 1px solid #f2f2f2;
            box-shadow      : 0 2px 16px 0 rgba(0, 0, 0, .1);
            padding         : 8px 20px 0 20px;

            .tabs {
                &-item {
                    height                 : 40px;
                    line-height            : 40px;
                    color                  : #777;
                    border-top-left-radius : 4px;
                    border-top-right-radius: 4px;
                    cursor                 : pointer;
                    padding                : 0 20px;

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

                    &:hover {
                        color           : inherit;
                        background-color: var(--tabbar-hover);
                    }

                    &.is-active {
                        color           : #fff !important;
                        background-color: var(--tabbar-active);
                        border-bottom   : 0;
                    }
                }
            }
        }
    }
}