#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_ch{/*推荐*/
  display: none;
  overflow: hidden;
}

/*动漫人物背景图*/
div#home::after{
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.05;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
div#home::after {
    background-image: url(https://www.dmoe.cc/random.php);
}

/*鼠标样式*/
html {
    cursor: url('https://files.cnblogs.com/files/blogs/839789/saber-mouse-point.ico'), auto;
}

#footer {/* 备案 */
    margin: 0px 0 0 ;
    padding: 5px 0 5px  !important;
    text-align: center;
    color: #979b9e;
    background: none !important;
}
#footer #copyright {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 14.4018px;
       font-size: 8px !important; /* 调整字体大小 */
    line-height: 2;
}

html, body {
    overflow-x: hidden; /* 隐藏水平溢出 */
}

#header {/* 顶部 */
    position: relative;
    position: fixed;
    top: 0;
    width: 100%;
    padding-left: 15vw;
    height: 48px  !important;
    background: var(--color-basic-50);
    box-shadow: 0 1px 2px #0000001a;
    z-index: 10;
}

#header .blogStats {
    display: flex;
    margin-left: auto !important;/* 将该元素推到最右边 */
    margin-right: 30px !important; /* 留出右侧空白 */
    height: 100%;
    font-size: 12px;
    color: var(--color-basic-600);
    pointer-events: none;
}

#header #navList {
    display: flex;
   margin-right: 20px !important;/* 将该元素推到最左边 */
    height: auto;
}

/* 滑动轴，定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */
::-webkit-scrollbar {
    width: 5px !important; /* 默认较窄的宽度 */
    height: 6px !important;
}

/* 定义滚动条轨道 */
::-webkit-scrollbar-track {
    background-color: transparent !important;
    border-radius: 2em !important;
}

/* 定义滑块 内阴影+圆角 */
::-webkit-scrollbar-thumb {
    background-color: #76A4B3 !important; /* 舒适的青色 */
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent) !important;
    border-radius: 2em !important;
    transition: width 0.3s ease, background-size 0.3s ease !important; /* 平滑过渡效果 */
}

/* 鼠标接近时动态变宽 */
::-webkit-scrollbar-thumb:hover {
    width: 10px !important; /* 变宽一点 */
    background-color: #00aaff !important; /* 可选：悬停时颜色稍有变化 */
}