/*---------------------------------------------------------侧边栏开始------------------------------------------*/
/* 侧边栏整体样式 */
#sideBar {
    background-color: rgba(255,255,255,0.8);
    padding: 0px; /* 内边距 */
    border: 1px solid rgba(0, 0, 0, 0); /* 透明边框 */
    border-radius: 15px; /* 圆角，半径15像素 */
    margin-top: 0px; /* 顶部外边距 */
    margin-left: 0px; /* 左边外边距 */
    box-sizing: border-box; /* 确保padding和border不影响整体尺寸 */
}
/* 分类标题样式 */
.catListTitle {
    margin-top: 21px; /* 分类标题与上方内容的距离 */
    margin-bottom: 10.5px; /* 分类标题与下方内容的距离 */
    text-align: left; /* 文本左对齐 */
   // border-left: 10px solid rgba(82, 195, 236, 0.428); /* 添加左侧蓝色半透明边框 */
    padding: 10px 0 14px 10px; /* 内边距：上3像素、右10、下14像素、左10像素 */
    background-color: rgba(169,169,169, 0.8); /* 背景色设置为带透明度的灰色 */
    border-radius: 8px; /* 添加圆角，半径为8像素 */
}



//搜索模块
/* 设置搜索框背景透明 */
#sidebar_search_box input[type="text"] {
    background-color: transparent; /* 背景设置为透明 */
    border: 1px solid rgba(0, 0, 0, 0.2); /* 添加边框，颜色为浅灰 */
    border-radius: 5px; /* 添加圆角 */
    padding: 5px; /* 内边距 */
    box-sizing: border-box; /* 确保内边距不影响尺寸 */
    color: #333; /* 设置字体颜色 */
    outline: none; /* 移除聚焦时的默认边框 */
}

/* 设置“找找看”按钮圆角 */
#sidebar_search_box input[type="button"] {
    background-color: #858585; /* 设置按钮背景色 */
    border: none; /* 移除边框 */
    border-radius: 5px; /* 添加圆角 */
    padding: 5px 10px; /* 内边距 */
    color: white; /* 设置字体颜色 */
    cursor: pointer; /* 鼠标悬停时显示手型 */
    font-size: 14px; /* 调整字体大小 */
    transition: background-color 0.3s; /* 添加背景颜色变化的过渡效果 */
}

/* 鼠标悬停时的按钮样式 */
#sidebar_search_box input[type="button"]:hover {
    background-color: #6c6c6c; /* 悬停时变为深色 */
}
#sidebar_shortcut,
#sidebar_categories .catListPostArchive {
    display: none; /* 隐藏常用链接和随笔档案 */
}






/* 页面全局样式 */
body {
    color: #000; /* 全局文字颜色为黑色 */
    background: url(https://api.kdcc.cn) fixed; /* 背景图片，并固定不滚动 */
    background-size: cover; /* 背景图片充满页面，保持宽高比 */
    background-position: center center; /* 背景图片居中对齐 */
    background-repeat: no-repeat; /* 背景图片不重复 */
    font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; /* 默认字体系列 */
    font-size: 12px; /* 全局字体大小为12像素 */
    min-height: 100vh; /* 最小高度为视口高度，确保页面内容覆盖整个屏幕 */
}

/* 主题标题样式 */
#topics .postTitle {
    border: 0px; /* 无边框 */
    font-size: 200%; /* 字体大小为标准的2倍 */
    font-weight: bold; /* 加粗字体 */
    float: left; /* 左浮动 */
    line-height: 1.5; /* 行高为1.5倍字体大小 */
    width: 100%; /* 宽度占满父容器 */
    padding-left: 5px; /* 左内边距为5像素 */

}

#post_next_prev a[title] {
    color: #4da8da; /* 设置链接的默认颜色 */
    text-decoration: none; /* 去掉下划线（可选） */
    transition: color 0.3s ease; /* 平滑过渡 */
}

#post_next_prev a[title]:hover {
    color: #ff8800; /* 鼠标悬停时的颜色 */
    text-decoration: underline; /* 鼠标悬停时添加下划线（可选） */
}




/* 文章列表的容器样式 */
#mainContent {
    background-color: rgba(255, 255, 255, 0.8); /* 设置白色背景，透明度为0.9 */
    border-radius: 15px; /* 添加圆角 */
    padding: 15px; /* 确保内部内容不紧贴边界 */
    box-sizing: border-box; /* 确保padding不会改变原始尺寸 */
}
#mainContent .forFlow {
    background-color: rgba(255, 233, 233, 0); /* 背景透明 */
    border: 1px solid rgba(0, 0, 0, 0); /* 设置边框为透明 */
    border-radius: 15px; /* 添加圆角 */
    padding: 15px; /* 内边距，确保内部内容不紧贴边界 */
    box-sizing: border-box; /* 确保padding不会改变容器尺寸 */
}
#mainContent .day {
    background-color: rgb(255, 255, 255); /* 背景白色，透明度0.9 */
    border-radius: 15px; /* 圆角效果 */
    margin-bottom: 20px; /* 每篇文章之间的间距 */
    padding: 15px; /* 内边距 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 轻微阴影 */
}
/* 每篇文章的标题样式 */
#mainContent .dayTitle, 
#mainContent .postTitle {
    margin-bottom: 10px; /* 标题与正文的间距 */
    
}
/* 摘要部分样式 */
#mainContent .postCon {
    font-size: 14px;
    color: #444; /* 字体颜色 */
    line-height: 1.6; /* 行高 */
}





/* 默认背景 */
#navList {
    display: flex;
    flex-wrap: wrap; /* 允许换行 */
    gap: 10px; /* 每个项目之间的间距 */
    padding: 10px;
    background-color: transparent; /* 默认背景透明 */
}

/* 当宽度超过某个值时，navList会换行，并添加背景 */
@media (max-width: 767px) {
    #navList {
        background-color: rgb(1, 1, 1,0.6); /* 换行时设置背景颜色 */
    }
}



#navigator ul li a {
    background-color: transparent !important; /* 移除背景颜色 */
    border: none; /* 无边框 */
    box-shadow: none; /* 无阴影 */
    color: inherit; /* 继承字体颜色 */
    padding: 0; /* 无额外内边距 */
    text-decoration: none; /* 去除下划线 */
}

#navigator ul li a:hover {
    background-color: transparent !important; /* 悬停时背景透明 */
    text-decoration: underline; /* 可选：悬停时下划线 */
}

#navigator ul li a::before,
#navigator ul li a::after {
    content: none; /* 清除伪元素内容 */
    background: none; /* 无伪元素背景 */
}

#navigator {
    background-color: transparent !important; /* 确保父级背景透明 */
}







div#blogTitle {
    background: rgba(0, 0, 0, 1); /* 设置背景透明 */
    height: 92px;
    padding: 0;
}
#blogTitle .subtitle {
    color: #fff !important; /* 强制将字体颜色设置为白色 */
    font-size: 14px; /* 可选：调整字体大小 */
    text-align: left; /* 可选：居中文本 */
    margin-top: 5px; /* 可选：设置与标题的间距 */
}



#toggleModeButton {
    position: fixed;
    bottom: 20px; /* 距离底部 20px */
    right: 8px;  /* 距离右边 20px */
    padding: 7px 7px;
    background-color: #595959;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
    z-index: 1000; /* 确保按钮在页面的最上层 */
}

#toggleModeButton:hover {
    background-color: #595959a0; /* 悬停时按钮颜色变化 */
}