#home {
    background-image: url(https://s1.ax1x.com/2023/01/17/pS1IJZn.png);
    background-size: 300px auto;
    background-position: 95% -20px;
}

/* 动画代码 */
@keyframes example {
    0% {opacity: .8;}
    50% {opacity: 1;}
    100% {opacity: .8;}
}

/* 向此元素应用动画效果 */
#hover {
    font-size: 20px;
    margin: 20px 0;
    color: #333;
    animation: example 3s linear infinite;
}
#navigator {
    left: -20px;
}
/* 标题 */
#blogTitle h1 {
    transform: translateY(-20px);
}
#blogTitle a {
    color: #333;
}
#blogTitle h2 {
    font-size: 16px;
}
/* 导航 */
#navList a:hover {
    color: #111;
    transform: scale(1.1);
    transition: all linear .1s;
}
#navList a {
    width: 90px;
    font-size: 18px;
}
#blogTitle {
    top: 85px;
}
#navigator {
    top: 110px;
}
.blogStats {
    line-height: 40px;
}

#navigator::after {
    content: '';
    display: inline-block;
    height: 0;
    width: 100%;
    border-bottom: 1px solid #00000010;
    transform: translate(12px, -8px);
}

/* 文章*/ 
.day {
    margin: 20px;
}
.postDesc {
    margin-top: 10px;
}
.postCon a {
    color: #dd7f48e6;
}
/* 整体布局*/
#header {
    width: 1080px;
}
#main {
    width: 1094px;
}
#topics {
    width: 880px;
}
#topics .postDesc {
    width: auto;
}
.postBody {
    width: auto;
}