@charset "utf-8";
@import (optional, reference) "var.less";
/*Mobild device*/
@media (any-hover: none) {
    :root {
        --_ff-body: "Arial", "Helvetica Neue", "sans-serif", "pingfang SC", "Hiragino Sans GB", "微软雅黑", "microsoft yahei", "宋体", "simsun";
        --_fs-base: clamp(var(--_fs-phone), 1.5vw, calc(200px/14));
        --_l-text: 0%;
    }
    ._hide-mb {
        display: none;
    }
    select:where([multiple]) {
        min-height: auto;
    }
}
/*Destop device*/
@media (any-hover: hover) {
    /*Beautify rolling bar (only pc)*/
    ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background: transparent;
    }
    ::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, .04);
    }
    ::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .2);
    }
    ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0, 0, 0, .4);
    }
    ::-webkit-scrollbar-thumb:active {
        background-color: rgba(0, 0, 0, .6);
    }
    ::-webkit-scrollbar-corner {
        background-color: rgba(0, 0, 0, .04);
    }
    @-moz-document url-prefix() {
        * {
            scrollbar-gutter: auto;
            scrollbar-width: thin;
        }
    }
    ._hide-pc {
        display: none;
    }
}
/*Desktop device*/
@media screen and (min-width: @ceil-sm) {}
/*Mobile device*/
@media screen and (max-width: @ceil-sm) {
    hr {
        scale: 1 0.5;
    }
}
/*Destop device*/
@media screen and (max-resolution:2.9dppx) and (min-device-width: @ceil-sm) {
}
/*Mobile device*/
@media screen and (min-resolution:2.5dppx) and (max-device-width: @ceil-md) {}
/*Phone device*/
@media screen and (min-resolution:2.5dppx) and (max-device-width: @ceil-sm) {
}
/*Phone+iPad rotate+iPad*/
@media screen and (max-width: @ceil-sm) {}
/*xxs->Phone*/
@import (optional) "screen-xxs.less";
/*xs->tablet*/
@import (optional) "screen-xs.less";
/*sm->tablet & flip*/
@import (optional) "screen-sm.less";
/*md->Laptop & tablet flip*/
@import (optional) "screen-md.less";
/*lg->Desktop*/
@import (optional) "screen-lg.less";
/*xl->UHD*/
@import (optional) "screen-xl.less";
/*Dark mode*/
@media (prefers-color-scheme: dark) {
    :root {
        .dark-pub-vars;
    }
    html,
    body {
        background-color: var(--_c-stage);
    }
    .dark-elem-attrs;
}
[scheme="dark"] {
    .dark-pub-vars;
    &:where(:not(:root)) {
        --_c-stage: hsl(var(--_h-stage), var(--_s-stage), var(--_l-stage));
        --_c-text: hsla(var(--_h-text), var(--_s-text), var(--_l-text), var(--_a-text));
        --_c-text-bg: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 4%*var(--_c-coef)));
        --_c-text-bd: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 12%*var(--_c-coef)));
        --_c-text-fc: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 16%*var(--_c-coef)));
        --_c-text-tp: hsla(var(--_h-text), var(--_s-text), calc(-100% * var(--_c-coef)), 0);
        --_c-text-ac: hsla(var(--_h-text), var(--_s-text), calc(-100% * var(--_c-coef)), 0.06);
        --_c-text-sd: hsla(var(--_h-text), var(--_s-text), calc(-100% * var(--_c-coef)), 0.2);
        --_c-brief: hsla(var(--_h-text), var(--_s-text), calc(var(--_l-text) + 20%*var(--_c-coef)), var(--_a-text));
        --_c-brief-bg: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 2%*var(--_c-coef)));
        --_c-ignore: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 30%*var(--_c-coef)));
        --_c-ignore-bg: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 2%*var(--_c-coef)));
        --_c-prim-bg: hsl(var(--_h-prim), 100%, calc(var(--_l-stage) - 3%*var(--_c-coef)));
        --_c-prim-bd: hsl(var(--_h-prim), 60%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
        --_c-prim-fc: hsl(var(--_h-prim), 62%, calc(var(--_l-stage) - 15%*var(--_c-coef)));
        --_c-prim-ht: hsl(var(--_h-prim), 70%, calc(var(--_l-stage) - 30%*var(--_c-coef)));
        --_c-prim-gy: hsla(var(--_h-prim), 20%, calc(var(--_l-stage) - 20%*var(--_c-coef)), var(--_a-prim));
        --_c-succ-bg: hsl(var(--_h-succ), 50%, calc(var(--_l-stage) - 4%*var(--_c-coef)));
        --_c-succ-bd: hsl(var(--_h-succ), 33%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
        --_c-succ-fc: hsl(var(--_h-succ), 38%, calc(var(--_l-stage) - 13%*var(--_c-coef)));
        --_c-error-bg: hsl(var(--_h-error), 100%, calc(var(--_l-stage) - 3%*var(--_c-coef)));
        --_c-error-bd: hsl(var(--_h-error), 39%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
        --_c-error-fc: hsl(var(--_h-error), 42%, calc(var(--_l-stage) - 14%*var(--_c-coef)));
        --_c-warn-bg: hsl(var(--_h-warn), 100%, calc(var(--_l-stage) - 4%*var(--_c-coef)));
        --_c-warn-bd: hsl(var(--_h-warn), 60%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
        --_c-warn-fc: hsl(var(--_h-warn), 49%, calc(var(--_l-stage) - 15%*var(--_c-coef)));
        --_c-info-bg: hsl(var(--_h-info), 100%, calc(var(--_l-stage) - 3%*var(--_c-coef)));
        --_c-info-bd: hsl(var(--_h-info), 60%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
        --_c-info-fc: hsl(var(--_h-info), 62%, calc(var(--_l-stage) - 15%*var(--_c-coef)));
        --_c-issue-bg: hsl(var(--_h-issue), 100%, calc(var(--_l-stage) - 4%*var(--_c-coef)));
        --_c-issue-bd: hsl(var(--_h-issue), 60%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
        --_c-issue-fc: hsl(var(--_h-issue), 49%, calc(var(--_l-stage) - 15%*var(--_c-coef)));
        color: var(--_c-text);
    }
    .dark-elem-attrs;
}
