.no-navbar {
}

#home {
    background-image: url("https://images.cnblogs.com/cnblogs_com/mrdragon/1996037/o_210705082155desktop.jpg");
    background-attachment: fixed;
    background-position: center;
}

#header {
    background: none;
}

#mainContent {
    float: right;
}

#sideBar {
    margin-right: 0;
    float: right;
}
 #navList {
        display: flex;
        justify-content: strat;
        align-items: center;
    }

#homepage_top_pager {
    display: none;
}

#mainContent .forFlow .topicListFooter:nth-of-type(1) {
    display: none !important;
}

#cnblogs_post_body {
    /* 外边距 */
    --h1-margin--: 16px;
    --h2-margin--: 12px;
    --h3-margin--: 8px;
    --h4-margin--: 4px;

    /* 内边距 */
    --padding-left--: 10px;

    /* 内边距 */
    --padding-left--: 10px;

    /* 字体大小 */
    --h1-font-size--: 32px;
    --h2-font-size--: 25px;
    --h3-font-size--: 20px;
    --h4-font-size--: 17px;

    --h1-height--: calc(var(--h1-font-size--) + 22px * 2);
    --h2-height--: calc(var(--h2-font-size--) + 18px * 2);
    --h3-height--: calc(var(--h3-font-size--) + 14px * 2);
    --h4-height--: calc(var(--h4-font-size--) + 10px * 2);

    /* 颜色相关 */
    --h2-color--: #169fe6;
    --h3-color--: #ee5a24;
    --h4-color--: #be2edd;
    --hover-bgc--: #f5f5f5a6;
    /* #ee5a24 #22a6b3 */
}

/* 子元素初始化 */
#cnblogs_post_body > * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 基本样式 */
#cnblogs_post_body {
    font: 0.875em/1.5em "微软雅黑", "PTSans", "Arial", sans-serif;
    font-size: 16px;
    background-color: #fff;
}

#cnblogs_post_body h1 {
    margin: var(--h1-margin--) 0;
    height: var(--h1-height--);
    color: #000;
    font-size: var(--h1-font-size--);
    font-weight: 700;
    text-align: center;
    line-height: var(--h1-height--);
}

#cnblogs_post_body h2 {
    margin: var(--h2-margin--) 0;
    padding-left: var(--padding-left--);
    height: var(--h2-height--);
    color: var(--h2-color--);
    font-size: var(--h2-font-size--);
    font-weight: 650;
    line-height: var(--h2-height--);
    border: 1px solid var(--h2-color--);
    border-left: 10px solid var(--h2-color--);
    border-right: 2px solid var(--h2-color--);
}

#cnblogs_post_body h3 {
    margin: var(--h3-margin--) 0;
    padding-left: var(--padding-left--);
    height: var(--h3-height--);
    color: var(--h3-color--);
    font-size: var(--h3-font-size--);
    font-weight: 600;
    line-height: var(--h3-height--);
    border: 1px solid var(--h3-color--);
    border-left: 10px solid var(--h3-color--);
    border-right: 2px solid var(--h3-color--);
}

#cnblogs_post_body h4 {
    margin: var(--h4-margin--) 0;
    padding-left: var(--padding-left--);
    height: var(--h4-height--);
    color: var(--h4-color--);
    font-size: var(--h4-font-size--);
    font-weight: 550;
    line-height: var(--h4-height--);
    border: 1px solid var(--h4-color--);
    border-left: 10px solid var(--h4-color--);
    border-right: 2px solid var(--h4-color--);
}

/* hover 样式 */
#cnblogs_post_body h2:hover,
#cnblogs_post_body h3:hover,
#cnblogs_post_body h4:hover {
    background-color:var(--hover-bgc--);
    box-shadow: 5px 5px 10px #2f3542;
    transition: all .3s;
}