#progress {     /*进度条*/
    position: fixed;
    z-index: 21;     /*处于侧边栏上方*/
    max-width: 100%;     /*限制宽度，防止颜色显示出错*/
    height: 3px;
    background: linear-gradient(to right, #619ac3, #45b787, #fbcd31, #ef82a0);     /*彩色条纹*/
}

#hitokoto {     /*一言*/
    position: absolute;
    z-index: 1;     /*使其可以选中*/
    top: 15px;
    right: 60px;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
}

#hitokoto:hover {
    text-decoration: underline;
}

h1 {     /*一级标题*/
    font-family: title1-en, title1-zh, cursive;
}

#infobar {     /*文章信息栏*/
    display: flex;
    justify-content: space-between;
    font-family: title3-en, title3-zh, cursive;
}

#infoL {     /*文章信息栏左半边*/
    display: flex;
    column-gap: 10px;
}

#infoR {     /*文章信息栏右半边*/
    display: flex;
    column-gap: 20px;
}

.info {     /*文章信息*/
    display: inline-flex;
    align-items: center;
    font-size: 15px;
    cursor: help;     /*鼠标悬停时光标改变*/
}

.infoIcon {     /*文章信息图标*/
    width: 18px;
    height: 18px;
}

h2 {     /*二级标题*/
    font-family: title2-en, title2-zh, cursive;
}

h3 {     /*三级标题*/
    font-family: title3-en, title3-zh, cursive;
}

#main > p {     /*段落*/
    text-indent: 1.75em;     /*段落首行缩进*/
}

ol > li {     /*分点标题及标号*/
    font-family: title3-en, title3-zh, cursive;
    font-weight: bold;
}

ol > li > :not(:first-child) {     /*分点标题之外的不变*/
    font-family: initial;
    font-weight: initial;
}

#upDiv {     /*回到开头按钮容器，用于触边显示*/
    z-index: 1;
    position: fixed;
    right: -80px;
    bottom: 60px;
    transition: right .5s;
    width: 95px;
    height: 100px;     /*比图标略大一些*/
    display: flex;
    align-items: center;
}

#up {     /*回到开头按钮图标*/
    position: relative;
    left: 15px;
    width: 50px;
    height: 50px;
    cursor: pointer;     /*鼠标悬停时光标改变*/
}