﻿/* 默认样式 */
:root {
    color: #595959;
    font-size: 0.80rem;
    /*    font-family: -apple-system,HuaweiSans,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,Microsoft JhengHei,SimSun,sans-serif;
*/
    .btn {
        /*        --bs-btn-padding-x: 0.75rem;
        --bs-btn-padding-y: 0.375rem;
        --bs-btn-font-family:;
        --bs-btn-font-size: 1rem;
        --bs-btn-font-weight: 400;
        --bs-btn-line-height: 1.5;
        --bs-btn-color: var(--bs-body-color);
        --bs-btn-bg: transparent;
        --bs-btn-border-width: var(--bs-border-width);
        --bs-btn-border-color: transparent;
        --bs-btn-border-radius: var(--bs-border-radius);
        --bs-btn-hover-border-color: transparent;
        --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
        --bs-btn-disabled-opacity: 0.65;
        --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
        font-family: var(--bs-btn-font-family);
        font-weight: var(--bs-btn-font-weight);
        line-height: var(--bs-btn-line-height);
        color: var(--bs-btn-color);
        text-align: center;
        cursor: pointer;

*/

        font-size: 0.79rem;
        font-weight: 300;
    }


    .btn-primary {
        /*        --bs-btn-color: #fff;
        --bs-btn-bg: #0090c0;*/
        --bs-btn-color: #0090c0;
        --bs-btn-bg: #fff;
        --bs-btn-border-color: #0090c0;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #0b5ed7;
        --bs-btn-hover-border-color: #0a58ca;
        --bs-btn-focus-shadow-rgb: 49,132,253;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #0a58ca;
        --bs-btn-active-border-color: #0a53be;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #0d6efd;
        --bs-btn-disabled-border-color: #0d6efd;
    }

    .btn-danger {
        /*        --bs-btn-color: #fff;
        --bs-btn-bg: #e06010;*/
        --bs-btn-color: #e06010;
        --bs-btn-bg: #fff;
        --bs-btn-border-color: #e06010;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #bb2d3b;
        --bs-btn-hover-border-color: #b02a37;
        --bs-btn-focus-shadow-rgb: 225,83,97;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #b02a37;
        --bs-btn-active-border-color: #a52834;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #dc3545;
        --bs-btn-disabled-border-color: #dc3545;
    }

    .btn-info {
        /*        --bs-btn-color: #fff;
        --bs-btn-bg: #2060a0;*/
        --bs-btn-color: #2060a0;
        --bs-btn-bg: #fff;
        --bs-btn-border-color: #2060a0;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: #31d2f2;
        --bs-btn-hover-border-color: #25cff2;
        --bs-btn-focus-shadow-rgb: 11,172,204;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: #3dd5f3;
        --bs-btn-active-border-color: #25cff2;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #000;
        --bs-btn-disabled-bg: #0dcaf0;
        --bs-btn-disabled-border-color: #0dcaf0;
    }

    .btn-success {
        /*        --bs-btn-color: #fff;
        --bs-btn-bg: #00b050;*/
        --bs-btn-color: #00b050;
        --bs-btn-bg: #fff;
        --bs-btn-border-color: #00b050;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #157347;
        --bs-btn-hover-border-color: #146c43;
        --bs-btn-focus-shadow-rgb: 60,153,110;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #146c43;
        --bs-btn-active-border-color: #13653f;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #198754;
        --bs-btn-disabled-border-color: #198754;
    }
}
/* 在中等屏幕（如平板）及以上调整 */
@media (min-width: 768px) {
    :root {
        font-size: 0.82rem;

        .btn {
            font-size: 0.80rem;
            font-weight: 200;
        }
    }
}
/* 在大屏幕（如桌面电脑）调整 */
@media (min-width: 1200px) {
    :root {
        font-size: 0.84rem;

        .btn {
            font-size: 0.82rem;
            font-weight: 300;
        }
    }
}

/* 在大屏幕（如桌面电脑）调整 */
@media (min-width: 1400px) {
    :root {
        font-size: 0.86rem;

        .btn {
            font-size: 0.84rem;
            font-weight: 400;
        }
    }
}
