body {
    background: url(https://img2024.cnblogs.com/blog/2737238/202412/2737238-20241228221411375-756146662.png) top center;
    height: 1563px;
    display: flex;
    flex-direction: column;
    font-size: 16px;
}
#top_nav{
    background-color: rgba(255, 255, 255, 0.7);
   display: flex;
;
}
#home{
    max-height: 100%;

    display: flex;
    flex-direction: column;
    overflow-y: auto;  
    overflow-x: hidden;
}
#navigator{
    background-color: #6fb9cac7;
}
#main, #mainContent, .highlighter-hljs,#sideBar{

    background-color: rgba(255, 255, 255, 0.8);
    
}


.medium-zoom-image{
    opacity: 0.75;
}

/* 整个滚动条 */
    ::-webkit-scrollbar {
      width: 6px;
      height: 5px;
    }
 
    /* 滚动条有滑块的轨道部分 */
    ::-webkit-scrollbar-track-piece {
      background-color: transparent;
      border-radius: 5px;
    }
 
    /* 滚动条滑块(竖向:vertical 横向:horizontal) */
    ::-webkit-scrollbar-thumb {
      cursor: pointer;
     background-color: #524848cc;
      border-radius: 5px;
    }
 
    /* 滚动条滑块hover */
    ::-webkit-scrollbar-thumb:hover {
      background-color: #999999cc;
    }
 
    /* 同时有垂直和水平滚动条时交汇的部分 */
    ::-webkit-scrollbar-corner {
      display: block;    /* 修复交汇时出现的白块 */
    }