html {
    height: 100%;
    overflow: hidden;
}
.navbar {
    display: none !important;
}
.sunnyBg{
    background-color: rgb(255, 243, 194);
    background-image: url('https://images.cnblogs.com/cnblogs_com/teemwu/1570864/o_200810162443test.png');
    background-size: auto;
    background-position: bottom;
    background-repeat: repeat-x;
}

.starsBg{
    background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
}

body {
    height: 100%;
    background-color: transparent;
    overflow: auto;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#stars,
#stars2,
#stars3{
    display: none;
}

img {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

/* 
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0, 1%, 0);
        transform: translate3d(0, 1%, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
} */

#home {
    position: relative;
    /* -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; */
}


#sideBar {
    min-height: 600px;
    overflow-y: auto;
}

.feedback_area_title,
#commentform_title {
    border-bottom: 1px solid #e4e4e4;
    font-size: 14px;
    color: #666;
}

#comment_form_container .comment_textarea {
    width: 100%;
    border-radius: 10px;
}

#sideBarMain li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#sidebar_toptags .catListTag ul li {
    display: flex;
    background-color: rgba(82, 168, 236, .6);
    padding: 0 10px;
    border-radius: 5px;
    margin-top: 5px;
    height: 26px;
    line-height: 26px;
    color: #2e6ab1;
    overflow: hidden;
}

.CalTodayDay {
    border-radius: 5px;
    background-color: rgba(82, 168, 236, .6)!important;
}

#blog-news {
    display: flex;
    padding: 10px;
    align-items: center;
    justify-content: space-around;
}

#avatar {
    display: block;
    width: 100px;
    height: 100px;
    box-shadow: 0 0 2px grey;
    border-radius: 10px;
    overflow: hidden;
}

#avatar img {
    width: 100%;
    height: 100%;
}

#avatar:hover {
    animation: beat 0.25s infinite alternate;
    transform-origin: center;
}

@keyframes beat {
    to {
        transform: scale(1.1) rotate(720deg);
    }
}

#sidebar_news .catListTitle {
    display: none;
}

div#sidebar_postcategory ul {
    display: flex;
    flex-wrap: wrap;
}

div#sidebar_postcategory ul li {
    display: block;
    padding: 2px 5px;
    text-align: center;
    background-color: #f8f8f8;
    margin-top: 5px;
    border-radius: 5px;
    margin-right: 5px;
}

.cnblogs-markdown .hljs,
.cnblogs-post-body .hljs {
    padding: 20px !important;
    border-radius: 10px !important;
}

#ad_t2,
#opt_under_post,
#cnblogs_c1,
#under_post_news,
#cnblogs_c2,
#under_post_kb,
#HistoryToday {
    display: none !important;
}

/*添加按钮*/
.cnblogs-markdown pre {
    position: relative;
}

.cnblogs-markdown pre>.copy {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px;
    background: rgb(255, 252, 252);
    cursor: pointer;
    border-radius: 50%;
}

.cnblogs-markdown pre>.copy:hover {
    box-shadow: 0 0 5px #e4e4e4;
}

.cnblogs-markdown pre>.copy img {
    width: 16px;
    height: 16px;
}

.cnblogs-markdown pre>.copyed {
    background: #67c23a;
}

/* 文章标题 */
#topics .postTitle {
    padding-left: 0;
}

.day .postTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 跳转链接 */
#sidebar_toptags .catListTag ul li a {
    display: block;
    flex: 1;
    height: 100%;
}

#sideBarMain li {
    display: block;
    height: 25px;
    line-height: 25px;
    box-sizing: border-box;
}

#sideBar a {
    transition: font-size .4s;
}

#sideBar a:hover {
    text-decoration: none;
    font-size: 14px;
}

/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
    position: absolute;
    bottom: calc(-50% + 2.5px);
    right: calc(100% + 5px);
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 80px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
    position: absolute;
    bottom: 25%;
    right: 100%;
    margin-left: -5px;
    width: 0;
    border-left: 5px solid #000;
    border-left: 5px solid hsla(0, 0%, 20%, 0.9);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

/* 文章底部 */
#blog_post_info {
    display: flex;
    justify-content: space-between;
}

#author_profile,
.buryit {
    display: none;
}

#green_channel {
    border: none;
    text-align: left;
}

#div_digg {
    margin-right: 0;
}

.diggit {
    float: right;
}

/* 评论相关 */
.comment-avatar {
    display: inline-block;
    margin-bottom: -22px;
    border-radius: 50%;
    padding: 2px;
    border: 2px solid rgba(233, 233, 233, .5);
    width: 30px;
    height: 30px;
    background-position: center;
    background-size: cover;
}

.feedbackCon {
    padding: 0 0 0 51px;
    box-sizing: border-box;
}

/* 导航栏 */
#navList li{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 50px;
}
#navList a {
    padding-top: 0;
}

/* markdown 引用 */
.postBody blockquote{
    border-radius: 10px;
    background-position: 10px 5px;
    color: #999999;
    padding-left: 30px;
}