@charset "UTF-8";

@font-face {
    font-family: "led";
    src: url("fonts/digifaw.woff2") format("woff2"), url("fonts/digifaw.woff") format("woff"), url("fonts/digifaw.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "syht";
    src: url("fonts/SourceHanSans.ttf") format("truetype");
}

@font-face {
    font-family: "pmzdbtt";
    src: url("fonts/PangMenZhengDaoBiaoTiTi.woff2") format("woff2"), url("fonts/PangMenZhengDaoBiaoTiTi.woff") format("woff"), url("fonts/PangMenZhengDaoBiaoTiTi.ttf") format("truetype");
}

@font-face {
    font-family: "wryh";
    src: url("fonts/wryh.ttf") format("truetype");
}

@font-face {
    font-family: "adobeHeitiStd";
    src: url("fonts/AdobeHeitiStd.otf") format("otf");
}

@font-face {
    font-family: "oswaldBold";
    src: url("fonts/Oswald-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "oswaldMedium";
    src: url("fonts/Oswald-Medium.ttf") format("truetype");
}



body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
code,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
a,
img,
span,
strong,
thead,
tbody,
tfoot {
    margin: 0;
    padding: 0;
}

html,
body {
    font-family: "syht";
    color: #dedbdb;
    width: 100%;
    height: 100%;
}

div {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

div::selection {
    color: #FFFFFF;
    background-color: #409eff;
    text-shadow: none;
}

div::-moz-selection {
    color: #FFFFFF;
    background-color: #409eff;
    text-shadow: none;
}

/* * {
    
    -webkit-overflow-scrolling: touch;
} */

/**
文档
https://www.w3school.com.cn/cssref/pr_align-self.asp

 &:nth-child(n + 2) { 竖线}

边框颜色渐变
border: 20px solid;
border-image: linear-gradient(45deg, gold, deeppink) 10 10;
clip-path: inset(0 round 50px);
*/

#counter {
    font-family: "syht";
    width: 100%;
    height: 100%;
}

/* 正常 */
.normal {
    color: #00e59a;
}

/* 不正常 */
.abnormality {
    color: #f56c6c;
}