.about {
    /* 用于about.html和version.html */
    line-height: 2; /* 行间距 */
}
.home {
    /* 用于home.html */
    line-height: 1.5; /* 行间距 */
    span {
        display: block; /* 块级元素 */
    }
}
.text-left {
    text-align: left; /* 元素靠左 */
    text-indent: 2em; /* 首行缩进 */
}
body {
    /* 用于body */
    text-align: center; /* 元素居中 */
    font-size: 18px; /* body的字号 */
    user-select: none; /* 禁止复制 */
}
footer {
    /* 用于<footer> */
    font-size: 14px; /* footer的字号 */
}
a {
    /* 用于<a> */
    color:inherit; /* 点击链接后被链接文本不变色 */
    text-decoration: none; /* 取消被链接文本自带的下划线 */
}
summary:hover , summary:focus  {
    /* 当把光标放在summary上时，和summary被点击之后 */
    border: 2px solid; /* 2px的直线式边框 */
    border-radius: 10px; /* 边框圆角10px */
}
@media (prefers-color-scheme: light) {
    /* 当用户设备处于亮色模式时 */
}
@media (prefers-color-scheme: dark) {
    /* 当用户设备处于暗色模式时 */
    body {
        background-color: #222; /* 背景颜色：黑色 */
        color: #ddd; /* 文字颜色：白色 */
    }
}
@media (max-width: 767px) {
    /* 适用于小屏端，当宽度小于767px时 */
    h1 {
        font-size: 30px; /* h1的字号 */
    }
}
@media (min-width: 768px) {
    /* 适用于大屏端，当宽度大于768px时 */
    body {
	    width: 50%; /* 显示的宽度 */
        height: 90%; /* 显示的高度 */
    	margin: auto; /* 外边距 */
    	position: absolute; /* 绝对定位 */
        top: 0; /* 元素距离其包含块上边界0像素 */
	    left: 0; /* 元素距离其包含块左边界0像素 */
	    right: 0; /* 元素距离其包含块右边界0像素 */
	    bottom: 0; /* 元素距离其包含块下边界0像素 */
    }
}