: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;
    --color-up: #ff2b2b;
    --color-down: #04c786;

    /* 导航栏 */
    --navbar-height: 44px;
    --navbar-color: #fff;
    --navbar-background: #C30D23;
    --navbar-backbutton-color: #fff;

    /* 标签栏 */
    --tabbar-background: #fff;
    --tabbar-icon: #999;
    --tabbar-icon-active: #c30d23;

    /* 内容边距 */
    --content-inset: 12px;

    /* Vant-Button */
    --van-button-border-width: 0;
    --van-button-primary-background: #1e78b9;
    --van-button-danger-background: #d82d42;

    /* Vant-Checkbox */
    --van-checkbox-checked-icon-color: #DD364A !important;

    /* Vant-Tabs */
    --van-tabs-bottom-bar-color: #DD364A;

    --van-dialog-confirm-button-text-color: #DD364A;

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

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

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

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