/* Mopai 标准化样式定义 */
:root{
    /* color */
    --mc-main-color: #00B9EF;
    --mc-title-color: #142D4C;
    --mc-subtitle-color: #828B97;
    --mc-placeholder-color: #A3AEBC;
    --mc-primary-text-color: #00ADDF;
    --mc-warning-color: #FD6B6D;
    --mc-red-tag-text-color: #B84545;
    --mc-special-number-color: #DF8400;
    --mc-background-color: #F5F8FC;
    --mc-split-color: #DCE4ED;
    --mc-tab-color: #DCE4ED;
    --mc-normal-font-color: #0A1830;
    --mc-border-color: #F5F8FC;
    --mc-checkbox-disabled-background: var(--mc-split-color);
    --mc-disabled-input-background: #EAEEF3;
    --mc-error-color: #FF4D4F;
    --mc-collapse-header-bg-color: #6898A6;

    /* gradient color */
    --mc-gradient-blue-light: #83C3FB;
    --mc-gradient-blue-deep: #446DEA;
    --mc-gradient-blue-2-light: #B1DBFF;
    --mc-gradient-blue-2-deep: #7294FF;
    --mc-gradient-blue-3-light: #88C8FF;
    --mc-gradient-blue-3-deep: #1444D8;

    --mc-gradient-red-light: #ED866A;
    --mc-gradient-red-deep: #E8361A;

    --mc-gradient-purple-light: #9F97FE;
    --mc-gradient-purple-deep: #7138EC;

    --mc-gradient-origin-light: #F1BC61;
    --mc-gradient-origin-deep: #E8701A;

    --mc-gradient-green-light: #7AD48C;
    --mc-gradient-green-deep: #27B111;

    /* font */
    --mc-title-size: 18px;
    --mc-subtitle-size: 16px;
    --mc-normal-size: 14px;
    --mc-small-size: 12px;

    --mc-title-line-height: 26px;
    --mc-subtitle-line-height: 24px;
    --mc-content-line-height: 22px;
    --mc-explain-line-height: 20px;

    /* button */
    --mc-button-normal-bg: linear-gradient(60.7deg, var(--mc-gradient-blue-light), var(--mc-gradient-blue-deep));
    --mc-button-hover-bg: linear-gradient(60.7deg, var(--mc-gradient-blue-2-light), var(--mc-gradient-blue-2-deep));
    --mc-button-active-bg: linear-gradient(60.7deg, var(--mc-gradient-blue-3-light), var(--mc-gradient-blue-3-deep));

    --mc-button-disabled-text: #A3AEBC;
    --mc-button-disabled-bg: #EAEEF3;

    --mc-button-warning-normal-text: #FF4D4F;
    --mc-button-warning-normal-border: #FF4D4F;
    --mc-button-warning-hover-text: #FF6668;
    --mc-button-warning-hover-border: #FE7779;
    --mc-button-warning-active-text: var(--mc-button-normal-warning-text);
    --mc-button-warning-active-border: var(--mc-button-normal-warning-text);

    --mc-button-cancel-normal-text: var(--mc-gradient-blue-deep);
    --mc-button-cancel-normal-border: var(--mc-gradient-blue-deep);
    --mc-button-cancel-hover-text: var(--mc-gradient-blue-2-deep);
    --mc-button-cancel-hover-border: var(--mc-gradient-blue-2-deep);
    --mc-button-cancel-active-text: var(--mc-gradient-blue-deep);
    --mc-button-cancel-active-border: var(--mc-gradient-blue-deep);

    --mc-button-inverse-normal-text: var(--mc-gradient-blue-deep);
    --mc-button-inverse-normal-border: var(--mc-gradient-blue-deep);
    --mc-button-inverse-hover-text: var(--mc-gradient-blue-2-deep);
    --mc-button-inverse-hover-border: var(--mc-gradient-blue-2-deep);
    --mc-button-inverse-active-text: var(--mc-gradient-blue-deep);
    --mc-button-inverse-active-border: var(--mc-gradient-blue-deep);

    --mc-link-normal-color: #00ADDF;
    --mc-link-hover-color: var(--mc-main-color);
    --mc-link-active-color: var(--mc-link-normal-color);
    --mc-link-disabled-color: #A3AEBC;

    /* float layer */
    --mc-float-layer-box-shadow: 0px 1px 8px 2px rgba(104, 152, 166, .24);
    --mc-float-layer-border-radius: 8px;

    /* label */
    --mc-label-default-text-color: #A3AEBC;
    --mc-label-default-bg-color: #F5F8FC;

    --mc-label-red-text-color: #B84545;
    --mc-label-red-bg-color: #FAEAEA;

    --mc-label-blue-text-color: #00ADDF;
    --mc-label-blue-bg-color: #E7FAFF;

    --mc-label-yellow-text-color: #D47802;
    --mc-label-yellow-bg-color: #FBF0DB;

    --mc-label-green-text-color: #3DB194;
    --mc-label-green-bg-color: #EAFAF6;

    --mc-tooltip-bg-color: rgba(0, 0, 0, 0.6);
}