/*
html {  display: flex;height: 100vh;overflow: hidden;justify-content: center;align-items: center;flex-direction:column;background: #222;}
body {min-height: unset;}
body::before, body::after {font-weight: bold;font-family: 'SF Mono', 'Courier New', Courier, monospace;font-size: 42px;color: #ff4473;}
head { display: block;background-image: url(https://files.cnblogs.com/files/blogs/757752/rickroll-roll.gif);height:20rem;width:20rem;background-repeat: no-repeat;background-size: cover;border: 5px solid #fff;border-radius: 10px;border-style: dashed;}
body::before {display: inline-block;padding-top: 3rem;content: "Never gonna give you up...";}
body::after {margin-left: 16px;display: inline;content: "_";background: #ff4473;animation: blink 1s infinite;}
@keyframes blink {from {opacity: 1;}to {opacity: 0;}}
#top_nav {display: none;}
#home {display: none;}
*/

#top_nav {
    display: none;
}

@font-face {
    font-family: ark-pixel;
    /* src: url(https://files.cnblogs.com/files/blogs/757752/ark-pixel-12px-zh_cn.zip) format('woff'); */
}

@font-face {
    font-family: Material Symbols Outlined;
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v7/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDDxHOem.ttf) format("truetype")
}

em {
    font-weight: 300;
}

html {
    --main-color: #181a1a;
    --sub-color: #2d2d2d;
    --light-color: #d7dbdf;
    --gray-color: #909497;
    --theme-color: #cf22ff;
    --theme-color-light: #c543ea;
    --theme-color-dark: #ab25b7;
}

body {
    /* background-color: var(--main-color); */
    color: var(--light-color);
    font-family: Ubuntu, Lato, PingFang SC, Microsoft YaHei, sans-serif;
    font-weight: 400;
    background: url(https://iridescent41.gitee.io/file/pic/back.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
}

a {
    color: var(--light-color);
    transition: ease-in-out 0.07s;
    text-decoration-thickness: 0.1px;
    text-decoration-color: var(--gray-color);
}

a:hover {
    color: var(--gray-color);
}

#cnblogs_post_body a {
    color: var(--theme-color);
    transition: ease-in-out 0.07s;
    text-decoration-thickness: 0.1px;
    text-decoration-color: var(--theme-color);
}

#cnblogs_post_body a:hover {
    color: var(--theme-color-dark);
}


#Header1_HeaderTitle {
    font-family: Consolas;
    text-decoration: none;
}

@keyframes sparkles {
    0% {
        color: var(--main-color);
    }

    49.99% {
        color: var(--main-color);
    }

    50% {
        color: var(--light-color);
    }
}

#Header1_HeaderTitle:after {
    content: "_";
    color: var(--light-color);
    animation: sparkles 3s infinite;
}


#home {
    padding-top: 0.75em;
    max-width: 1000px;
    margin: 0 auto;
    /* backdrop-filter: blur(10px); */
    /* -webkit-backdrop-filter: blur(10px); */
    background: rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.8);
    border-radius: 10px;
    padding-left: 50px;
    padding-right: 50px;
}

#header {
    padding-bottom: 50px;
}

#navList {
    padding-left: 0px;
}

#navList li {
    display: inline;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 10px;
    padding-bottom: 7px;
    border-bottom: 2px var(--gray-color) solid;
}

#navList li a, .search_button {
    text-decoration: none;
    font-size: large;
    font-weight: bold
}

#navList li:nth-child(4), #navList li:nth-child(5) {
    display: none;
}

#sideBar {
    display: none;
}

#footer {
    text-align: center;
    color: var(--gray-color);
}

.day {
    padding-bottom: 18px;
    /* border-bottom: 2px var(--sub-color) solid; */
}

.dayTitle a {
    text-decoration: none;
    
    font-size: small;
}

.pinned-post-mark {
    font-weight: bold;
}

.postTitle2, .entrylistItemTitle {
    font-size: x-large;
    text-decoration: none;
}

.postTitle, .entrylistPosttitle {
    margin-bottom: 7px;
    
}

.post .postTitle {
    margin-top: -10px;
    margin-bottom: 20px;
}

.post .postTitle:before {
    content: ">";
    animation: sparkles 4s infinite;;
}

.postDesc {
    margin: 10px;
    text-align: right;
}

#green_channel {
    display: none;
}

#ad_text_under_commentbox, #cnblogs_ch, #opt_under_post, #under_post_card1, #under_post_card2 {
    display: none;
}

.feedback_area_title {
    font-size: x-large;
    
    margin-bottom: 10px;
}

.feedbackManage {
    float: right;
}

.feedbackItem {
    /* border: 1px var(--gray-color) solid; */
    border-bottom: 1px var(--gray-color) solid;
    /* margin: 10px; */
    padding: 20px;
    /* border-radius: 3px; */
    /* background-color: var(--sub-color); */
}

.feedbackListSubtitle {
    margin-left: -10px;
}

.layer {
    display: none;
}

.comment_textarea {
    background-color: var(--main-color);
    border: 1px solid var(--gray-color);
}

.commentbox_tab:hover, .commentbox_tab.active { 
    color: var(--gray-color)
}

.commentbox_title {
    border-bottom: 1px solid var(--gray-color);
}

.commentbox_footer {
    border-top: 1px solid var(--gray-color);
}

#tbCommentBody {
    background-color: var(--main-color);
    color: var(--light-color);
}

.comment_digg {
    color: #309730;
}

.comment_burry {
    color: #b93535;
}

.blogpost-body blockquote {
    border-left: 3px solid var(--gray-color);
    color: var(--light-color);
    /* filter: blur(1); */
    background-color: rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.7);
    padding-left: 20px;
    width: calc(100% - 20px);
}

details {
    padding-left: 10px;
}



.pager a {
    border: none;
    color: var(--light-color);
}

.pager {
    color: var(--gray-color);
}

.input_box {
    background-color: var(--main-color);
    border: 1px var(--light-color) solid;
    padding: 5px;
    color: var(--light-color);
}

.cnblogs-markdown :not(pre, div, td) > code, .blogpost-body :not(pre, div, td) > code {
    background-color: var(--sub-color);
}

#BlogPostCategory {
    display: none;
}

.entrylistItemPostDesc {
    display: none;
}


::-webkit-scrollbar {
    background-color: var(--main-color);
    color: var(--sub-color);
}

::-webkit-scrollbar-corner {
    background-color: var(--main-color);
}

::-webkit-scrollbar-thumb {
    background-color: var(--sub-color);
}

.under-post-card {
    display: none;
}

solution {
    display: block; 
    overflow: hidden;
}

.show_solution {
    user-select: none;
    cursor: pointer;
    color: var(--gray-color);
    padding: 10px;
    width: 100%;
    display: inline-block;
    background-color: rgba(0,0,0,0.5);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.7);
    background-blend-mode: multiply;
    border-radius: 5px;
}

mjx-container:not([display]) {
    display: unset !important;
}

li {
    margin-top: 5px;
}

.background-dimmed {
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: -1;
}

#div_digg .buryit, #div_digg .diggit {
    background: none;
    height: auto;
    width: auto;
    min-width: 75px;
    margin: 10px;
    font-size: 17px;
    border-radius: 4px;
    padding: 8px 10px;
    background-color: var(--sub-color);
    display: none;
}


#div_digg .diggit::before {
    font-family: Material Symbols Outlined;
    content: "\e8dc";
    font-size: 17px;
    position: relative;
    top: 3px;
}

#div_digg .buryit::before {
    font-family: Material Symbols Outlined;
    content: "\e8db";
    font-size: 17px;
    position: relative;
    top: 3px;
}

#div_digg .buryit span, #div_digg .diggit span {
    font-size: inherit;
    color: inherit;
}

#div_digg {
    margin: 0;
    width: auto;
}

#author_profile a {
    text-decoration-color: rgba(0, 0, 0, 0);
}

.toc {
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.7);
}

#cnblogs_post_body .toc a {
    color: var(--light-color);
    text-decoration: none;
}

#cnblogs_post_body .toc a:hover {
    color: var(--gray-color);
}

pre[class*="language-"] {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.7);
}

code[class*="language-"] {
    background: rgba(0, 0, 0, 0);
}

.code-fullscreen-overlay pre[class*="language-"] {
    background: #171a1f;
}

span.cnb-code-toolbar-item {
    background: var(--main-color);
    color: var(--light-color);
}

span.cnb-code-toolbar-item:hover {
    background: var(--sub-color);
    color: var(--light-color);
}
.cnb-over-length-code-block-toggler {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 10%, rgba(0, 0, 0, 0.5) 30%, rgb(0, 0, 0));
}

.blogpost-body th {
    background-color: rgba(0, 0, 0, 0.7) !important
}

.blogpost-body td {
    background-color: rgba(0, 0, 0, 0.3) !important
}


.blogpost-body th, .blogpost-body td {
    border-top: 0px;
    border-left: var(--gray-color) 1px solid;
    border-right: 0px;
    border-bottom: var(--gray-color) 1px solid;
}

.blogpost-body th:first-child, .blogpost-body td:first-child {
    border-left: 0px;
}

.table-wrapper {
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.7);
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 767px) {
    #home {
        padding-top: 0.75em;
        margin: 0 auto;
        /* backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px); */
        background: rgba(0, 0, 0, 0.3);
        box-shadow: unset;
        border-radius: unset;
        padding-left: 10px;
        padding-right: 10px;
    }
    body {
        margin: 0px;
    }
    #header > .search-mobile {
        display: flex !important;
        width: 100%;
    }
    #header > .search-mobile > .input_box {
        flex: auto;
    }
    #navList .search-mobile {
        display: none !important;
    }
    #navList li:nth-child(3), #navList li:nth-child(7) {
        display: none;
    }
}

.search_button {
    padding: 5px;
    margin-left: 5px;
}

#header > .search-mobile {
    display: none;
}