html {
    /* 主题色 */
    --bf-theme-color1: #d7063a;
    --bf-theme-color2: #131313;
    --bf-theme-color3: #212121;
    --bf-theme-color-light: #999999;

    /* 默认文字 */
    --bf-font-size: 20px;
    --bf-font-weight: 300;

    /* 展示数据 */
    --bf-data-value-font-size: 140px;
    --bf-data-value-line-height: 1;
    --bf-data-value-font-weight: 300;
    --bf-data-label-font-size: 18px;
    --bf-data-label-line-height: 1;
    --bf-data-label-font-weight: 300;

    /* 一级标题 */
    --bf-tit-h1-font-size: 78px;
    --bf-tit-h1-line-height: 1.08974;
    --bf-tit-h1-font-weight: 300;
    /* 二级标题 */
    --bf-tit-h2-font-size: 64px;
    --bf-tit-h2-line-height: 1;
    --bf-tit-h2-font-weight: 300;
    /* 十级标题 */
    --bf-tit-h10-font-size: 24px;
    --bf-tit-h10-line-height: 1.41667;
    --bf-tit-h10-font-weight: 300;

    /* 大段文本 */
    --bf-desc-font-size: 20px;
    --bf-desc-line-height: 2;
    --bf-desc-color: #999999;
    --bf-desc-font-weight: 300;
    --bf-desc-text-align: justify;
}

/* 屏幕宽度小于 1600px 时 */
@media screen and (max-width: 1600px) {
    html {
        /* 默认文字 */
        --bf-font-size: 18px;

        /* 展示数据 */
        --bf-data-value-font-size: 126px;
        --bf-data-label-font-size: 16.2px;

        /* 一级标题 */
        --bf-tit-h1-font-size: 70.2px;
        /* 二级标题 */
        --bf-tit-h2-font-size: 57.6px;
        /* 十级标题 */
        --bf-tit-h10-font-size: 21.6px;

        /* 大段文本 */
        --bf-desc-font-size: 18px;
    }
}

/* 屏幕宽度小于 1440px 时 */
@media screen and (max-width: 1400px) {
    html {
        /* 默认文字 */
        --bf-font-size: 16px;

        /* 展示数据 */
        --bf-data-value-font-size: 112px;
        --bf-data-label-font-size: 14.4px;

        /* 一级标题 */
        --bf-tit-h1-font-size: 62.4px;
        /* 二级标题 */
        --bf-tit-h2-font-size: 51.2px;
        /* 十级标题 */
        --bf-tit-h10-font-size: 19.2px;

        /* 大段文本 */
        --bf-desc-font-size: 16px;
    }
}

/* 屏幕宽度小于 1280px 时 */
@media screen and (max-width: 1280px) {
    html {
        /* 默认文字 */
        --bf-font-size: 14px;

        /* 展示数据 */
        --bf-data-value-font-size: 98px;
        --bf-data-label-font-size: 12.6px;

        /* 一级标题 */
        --bf-tit-h1-font-size: 54.6px;
        /* 二级标题 */
        --bf-tit-h2-font-size: 44.8px;
        /* 十级标题 */
        --bf-tit-h10-font-size: 16.8px;

        /* 大段文本 */
        --bf-desc-font-size: 14px;
    }
}

/* 屏幕宽度小于 1024px 时 */
@media screen and (max-width: 1024px) {
    html {
        /* 默认文字 */
        --bf-font-size: 12px;

        /* 展示数据 */
        --bf-data-value-font-size: 84px;
        --bf-data-label-font-size: 12px;

        /* 一级标题 */
        --bf-tit-h1-font-size: 46.8px;
        /* 二级标题 */
        --bf-tit-h2-font-size: 38.4px;
        /* 十级标题 */
        --bf-tit-h10-font-size: 14.4px;

        /* 大段文本 */
        --bf-desc-font-size: 12px;
    }
}

/* 屏幕宽度小于 968px 时 */
@media screen and (max-width: 968px) {
    html {
        /* 默认文字 */
        --bf-font-size: 12px;

        /* 展示数据 */
        --bf-data-value-font-size: 62px;
        --bf-data-label-font-size: 12px;

        /* 一级标题 */
        --bf-tit-h1-font-size: 39px;
        /* 二级标题 */
        --bf-tit-h2-font-size: 32px;
        /* 十级标题 */
        --bf-tit-h10-font-size: 12px;

        /* 大段文本 */
        --bf-desc-font-size: 12px;
    }
}