body{
    background: linear-gradient(150deg,#ffdbdb,#F2E8E8,#FCFAFA) !important;
}
#primary {
    max-width: 1440px;
}
.post .post-content img{
    margin: 0 auto;
    display: block;
    padding-top: 0px;
}
p {
    font-size: 1.1em;
    text-indent: 2em;
    font-family: 'Harmony_Regular','Microsoft JhengHei',"Open Sans","PingFang SC","Hiragino Sans GB","Microsoft Yahei","Microsoft Jhenghei",sans-serif;
}
.spin-div{
    width: 400px;
    height: 400px;
    /* 网格布局 */
    display: grid;
    /* 3*3 */
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(3,1fr);
    /* 网格分区 */
    grid-template: 
        'A A A B'
        'C D D B'
        'C D D B'
        'C E E E';
    /* 设置间距 */
    gap: 10px;
    /* 绑定动画：动画名 时长 线性 无限播放 */
    animation: rotate 10s linear infinite;
}
.item{
    overflow: hidden;
    /* 加个边框 */
    border: 1px solid #000;
    /* 设置居中 */
    display: flex;
    justify-content: center;
    align-items: center;
}
/* 分别为每个item指定对应网格分区 */
.item:nth-child(1){
    grid-area: A;
}
.item:nth-child(2){
    grid-area: B;
}
.item:nth-child(3){
    grid-area: C;
}
.item:nth-child(4){
    grid-area: D;
}
.item:nth-child(5){
    grid-area: E;
}

.item img{
    /* width: 260%;
    height: 250%; */
    max-width: none !important;
    max-height: none !important;
    object-fit: cover;
    /* 反向的动画绑定动画：动画名 时长 线性 无限播放 反向播放 */
    animation: rotate 10s linear infinite reverse;
}
.item:nth-child(1) img{
    width: 100% !important;
    height: 430% !important;
}
.item:nth-child(2) img{
    width: 300% !important;
}
.item:nth-child(3) img{
    height: 120% !important;
}
.item:nth-child(4) img{
    width: 150% !important;
}
.item:nth-child(5) img{
    width: 120% !important;
}
/* 定义旋转动画 */
@keyframes rotate{
    to{
        transform: rotate(360deg);
    }
}