:root{
        --default-color: #7ba5cd,
            --color-basic-50: #ffffff;
    --color-basic-75: #fafafa;
    --color-basic-100: #f8f8f8;
    --color-basic-200: #eaeaea;
    --color-basic-300: #e1e1e1;
    --color-basic-400: #cacaca;
    --color-basic-500: #b3b3b3;
    --color-basic-600: #8e8e8e;
    --color-basic-700: #6e6e6e;
    --color-basic-800: #4b4b4b;
    --color-basic-900: #2c2c2c;
    --bg-body: #f5f6f7;
    --bg-mainContent: #f5f6f7;
    --bg-sidebar: #fff;
    --bg-tags: #eaeaea;
    --bg-footer: #fff;
    --bg-btn-hover: #f5f6f7;
    --bg-btn-active: #eaeaea;
    --bg-pager: #fff;
    --bg-pager-btn: #f5f6f7;
    --bg-listItem: #fff;
    --bg-listItemTitle: #fff;
    --bg-form: #ffffff;
    --bg-form-title: #f6f8fa;
    --bg-common-body: #f5f6f7;
    --bg-layer: #ccc;
    --bg-md-hr: #ddd;
    --bg-md-blockquote: #f6f8fa;
    --bg-md-summary: rgb(250, 250, 250);
    --bg-md-single-code: #eee;
    --bg-search-bar: #fff;
    --bg-account: #fff;
    --bg-logo: linear-gradient( to bottom, #fff 0%, #fff 76%, rgba(21, 23, 40, 0) 100% );
    --bg-profile-menu: #f8f8f8;
    --bg-tool-item: #eee;
    --bg-calendar: #f6f8fa;
    --bg-post-signature: #f6f8fa;
    --bg-scrollbar-track: rgba(0, 0, 0, .01);
    --bg-scrollbar-thumb: rgba(0, 0, 0, .11);
    --bg-scrollbar-thumb-hover: rgba(0, 0, 0, .2);
    --bg-card: #fff;
    --bg-profile-links: #333;
    --bg-profile-links-hover: #eaeaea;
    --bg-emoji: #fff;
    --border-sidebar-block: #f5f6f7;
    --border-form: #ccc;
    --border-avatar: rgb(240, 239, 239);
    --border-post-signature: var(--color-primary);
    --border-catalog: #eaeaea;
    --border-md-details: rgb(234, 234, 234);
    }
    canvas#live2dcanvas {border: 0 !important;left: 0;bottom: 0px;}
    
    #loading {
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 9999;
        background-color: #f4f5f5;
        pointer-events: none;
    }

    .loader-inner {
        will-change: transform;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -20px 0 0 -20px;
        background-color: #3742fa;
        border-radius: 50%;
        animation: scaleout 0.6s infinite ease-in-out forwards;
        text-indent: -99999px;
        z-index: 999991;
    }

    @keyframes scaleout {
        0% {
            transform: scale(0);
            opacity: 0;
        }

        40% {
            opacity: 1;
        }

        100% {
            transform: scale(1);
            opacity: 0;
        }
    }
    #cnblogs_post_body.blogpost-body-html code, #mainContent .cnblogs-markdown code{
        background-color: transparent;
        margin-top: 12px !important;
    }
    div[id^="ad"] a{
        color: #fff;
        display: none;
    }
    .toolbar-item i{
        color: #7ba5cd;
    }
    #div_digg .diggit::before,#div_digg .buryit::before{
        color: #fff;
    }
     #main #mainContent .forFlow{
        margin-left:0;
    }
    #mainContent .custom-card-des,{
        max-height: 300px;
        overflow: hidden;
    }
    #mainContent #postlist_postbody_3832956{max-height: 300px;
        overflow: hidden;}
    div#sideBar{
        width:unset;
        min-width: unset;
    }
    div#sidebar_postcategory ul {
      display: flex;
      flex-wrap: wrap;
    }
.custom-card-title{
    color:#000!important;
}
    div#sidebar_postcategory ul li {
      margin: 3px 0;
    }

    div#sidebar_postcategory ul li a {
      padding: 3px 5px;
      border: 1px solid #000;
      border-radius: 4px;
    }
    div#mainContent{
        margin-left: 0;
    }
    #sidebar_recentcomments{
        display:none;
    }