/* :==========================:
    CSS settings for homepage
   :==========================: */

#home {
    /* background-color: rgba(247,251,255,0.1); */
    /* background: linear-gradient(60deg, rgba(112, 225, 245, 0.3) 0%,rgba(255, 209, 148, 0.3) 100%); */
    /* 月白#D4E5EF+透明度0.1 */
    background-color: rgb(212 229 239 / 10%);
    width: 85%;/*原始65*/
    min-width: 980px;/*页面顶部的宽度*/
    padding: 30px;
    margin: 50px auto;
    font-family: monospace,"楷体", "Segoe UI", serif;
    /* 边框放光色 #eaf2ff 替换成 浅云#EAEEF1 */
    box-shadow: 0 2px 6px #EAEEF1;
}

body {
    /* background: linear-gradient(60deg, rgb(121 95 22 / 10%) 0%,rgb(71 105 239 / 10%) 100%) , url(https://fyy.253786.xyz/head/mayday_bg04.jpg) no-repeat fixed 50% 5%; */
    background: linear-gradient(60deg, rgb(121 95 22 / 10%) 0%,rgb(71 105 239 / 10%) 100%) , 
                url(https://images.cnblogs.com/cnblogs_com/blogs/703339/galleries/2278269/o_230511181858_mayday_bg04.jpg)
                no-repeat fixed 50% 5%;
    background-size: cover;
    /* color: #7579f8; */
    /* 浅云#EAEEF1 替换#7b76d6 */
    color: #EAEEF1;
}

#main{
    min-width: 640px;
    padding: 20px 0 0 0;
    text-align: left;
    overflow: hidden;
    display: grid;
    grid-template-columns: 65% 30%;
    grid-template-rows: 1fr;
    grid-column-gap: 5%;
}
#footer {
    text-align: center;
    min-height: 15px;
    border-top: 1px solid #EAEEF1;
    color: #88ABDA;
    font-family: monospace,"楷体", "Segoe UI", serif;
    font-size: 1em;
    line-height: 1.3em;
    margin: 10px auto;
    padding-top: 10px;
    
}

/* --------------
全局超链接 CSS设置
----------------- */
a:link, a:visited, a:active{
    /* 浅云#EAEEF1 替换#E6EFFA */
    color: #EAEEF1;
    color: currentColor;
    /* text-shadow: 0 0 #b5b7ca; */
    text-shadow: 0 0 #98B6C2;
}
a:hover{
    /* 鼠标悬浮时，显示窃蓝色#88ABDA，替换原来的#7b76d6 */
    color: #88ABDA;
    font-style: italic;
    text-decoration: underline;
}

.clear {
    /* clear: both; */
    clear: none;
}

/* 主页标题 */
#blogTitle {
    height: 100px;
    clear: both;
    /* 将背景色设置为透明色 */
    background-color: rgba(245, 245, 245, 0);
    /* background-image: url(https://fyy.253786.xyz/head/头像1-circle_rectangle.png); */
    background-image: url(https://images.cnblogs.com/cnblogs_com/blogs/703339/galleries/2356753/o_231106132423_头像1-circle_rectangle.png);
    background-size: 100px;
    background-repeat: no-repeat;
    margin: 0 10px 15px;
}

#blogTitle h1,blogTitle h2{
    line-height: 1.8;
    color: #EDF0FC;
    margin: 0;
    width: auto;
    font-weight: bold;
}
/*原始 16px ；font-size: 1.0rem;*/
#blogTitle h1 {
    font-size: 25px;
    float: left;
    clear: none;
    padding: 10px 0 0;
    margin-left: 120px;
}
#blogTitle h2 {
    font-size: 17px;
    text-align: right;
    float: right;
    /* color: #727cbc; */
    color: #7b76d6;
    /* color: #7579f8; */
    margin: 10px 10px 10px auto;
    line-height: 1.8;
    padding: 60px 0 10px 0;
}
a#lnkBlogLogo {
    display: none;
}

/* 主页每篇文章的样式 */
#mainContent {
    max-width: 100%;
    min-width: 635px;
    min-height: 200px;
    padding: 10px 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    /* float: none; */
    float: right;
    margin: 0 auto;
    display: inline;
}
#mainContent .forFlow {
    margin-left: 0;
    float: none;
    width: auto;
    /* display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px; */
}
#sideBar {
    width: 100%;
    min-width: 300px;
    min-height: 200px;
    /* padding: 0px 10px; */
    padding: 0;
    float: left;
    margin: 20px auto 0;
    border-radius: 7px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    grid-area: 1 / 2 / 2 / 3;
    /* 东方既白#8BA3C7 */
    /* background: linear-gradient(180deg, #8BA3C7 0%, rgba(255, 255, 255,0) 100%); */
    /* background: linear-gradient(180deg, #373282cf 0%, rgba(255, 255, 255, 0.7) 100%); */
    /* background: linear-gradient(180deg, #37328221 0%, rgba(255, 255, 255, 0.7) 100%); */
}

#sidebar_ad, #sidebar_c3 {
    display: none;
}

/* ---------------
    标题栏CSS
   -------------- */
#navigator{
    /* background-color: rgba(247, 250, 255, 0.7);
    background: linear-gradient(60deg, rgba(112, 225, 245, 0.5) 0%,rgba(255, 209, 148, 0.5) 100%);
    /以上注释/ */
    /* background: linear-gradient(270deg, rgba(255,253,249,0.7) 0%,rgba(202,240,254,0.1) 100%); */
    background: linear-gradient(0deg, rgb(255 255 255 / 0%) 0%,#A3BBDB 100%);
    background-color: #ffffff14;
    background: none;
    border-radius: 5px;
    /* font-family: '华文楷体', serif;/注释/ */
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    clear: both;
}
#navList a:link, #navList a:visited, #navList a:active{
    /* color: rgb(97, 164, 207);/注释/ */
    color: #EDF0FC;
    font-weight: bold;
}
#navList a:hover {
    background-color: #83d1f500;/*透明色*/
    color: rgb(244, 249, 252);
    font-style: italic;
    border-radius: 5px;
}
#navList a {
    display: block;
    /* height: 60px;/注释/ */
    font-family: monospace,"楷体", "Segoe UI", serif;
    float: left;
    font-size: 1.7em;
    text-align: center;
    transition-duration: 0.3s;
    padding: 0 1.5em;
}
.blogStats {
    float: right;
    padding-right: 10px;
    margin-right: 5px;
    /* font-size: 12px; */
    text-align: right;
    /* color: rgb(97, 164, 207);/注释/ */
    /* color: #7579f8; */
    /* 窃蓝色#88ABDA 替换#7b76d6 */
    color: #88ABDA;
}

/* 把总浏览量和每篇文章的浏览量都隐藏了 */
span#stats-total-view-count,span.post-view-count {
    display: none;
}

/* ---标题栏END--- */

/* ---------------
    首页随笔列表CSS
   -------------- */

/* 按日期或合集排列随笔 */
.day, .entrylist{
    /* background: rgba(247, 250, 255, 0.7); */
    /* background: linear-gradient(180deg, #373282cf 0%, rgba(255, 255, 255, 0.7) 100%); */
    /* background: linear-gradient(0deg, rgb(255 255 255 / 40%) 0%,rgb(202 240 254 / 50%) 100%);
    background-color: #ffffff8a; */
    background: none;
    min-height: 10px;
    border-radius: 7px;
    /* box-shadow: 0px 1px 2px 1px #EAEEF1; */
    box-shadow: none;
    /* 浅云#EAEEF1 替换#4a55c8 */
    color: #EAEEF1;
    /* width: 100%;*/
    /* margin: 0 5px 20px;
    padding: 5px 5px 10px; */
    margin: 10px auto 20px;
    padding: 0px 15px;
}
/* 日期列表 */
.day{
    display: grid;
    grid-template-columns: 30% 70%;
    grid-template-rows: 50px 1fr auto;
    grid-column-gap: 0px;
    grid-row-gap: 10px;
}
/* 合集列表 */
.entrylistItem{
    width: 100%;
    margin: auto 0;
    display: grid;
    grid-template-columns: 30% 70%;
    grid-template-rows: 1fr auto;
    grid-column-gap: 0px;
    grid-row-gap: 10px;
}

/* 日期标题CSS */
.dayTitle,.entrylistTitle, .PostListTitle, .thumbTitle{
    color: #EAEEF1;
    line-height: 2.2em;
    font-size: 22px;
    clear: left;
    float: left;
    margin: 0;
    border: none;
}

.PostListTitle,{
    clear: both;
    padding: 0;
    border-bottom: 1px solid #bbc0dc;
}
.dayTitle{
    width: 100%;
    clear: both;
    font-size: 1.5em;
    /* max-width: 150px; */
    /* min-height: 200px; */
    height: fit-content;
    margin: 10px 0 0;
    border-bottom: 2px solid #bbc0dc;
    grid-area: 1 / 1 / 2 / 3;
}

/* 按日期和合集查询的 随笔标题CSS */
.postTitle, .entrylistPosttitle {
    /* background: linear-gradient(0deg, rgb(255 255 255 / 0%) 0%,#A3BBDB 100%); */
    background: linear-gradient(270deg, rgb(255 255 255 / 0%) 0%,#A3BBDB 100%);
    background-color: #ffffff14;
    border: none;
    /* border-right: 1px dashed #EAEEF1; */
    /* max-width: 30%; */
    /* width: fit-content; */
    width: auto;
    height: auto;
    /* height: 100px; */
    clear: none;
    float: left;
    font-family: monospace,"楷体", "Segoe UI", serif;
    margin: 10px 0 0;
    padding: 10px 5px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5em;
    grid-area: 2 / 1 / 3 / 2;

}

/* 按日期和合集查询的 随笔摘要CSS */
.postCon, .entrylistPostSummary {
    background-color: #ffffff14;
    width: 60%;
    height: 100px;
    clear: none;
    float: left;
    margin: 10px 0 0;
    padding: 10px 15px;
    font-size: 1.1em;
    line-height: 1.7em;
    font-family: '仿宋';
    text-align: justify;
    color: #D4E5EF;
    text-shadow: 0px 0px 1px #EAEEF1;
    border-left: 1px dashed #EAEEF1;
    /* 这里添加了 */
    line-height: 1.5em;
    width: auto;
    height: auto;
    margin: 10px 0 0;
    padding-bottom: 5px;
    grid-area: 2 / 2 / 3 / 3;
}
.postCon{
}
.postTitle a, .entrylistPosttitle a{
    padding-left: 10px;
    margin: 0 5px;
}

.postTitle a:link, .postTitle a:visited, .postTitle a:active ,
.entrylistPosttitle a:link, .entrylistPosttitle a:visited, .entrylistPosttitle a:active{
    color: #EDF0FC;
    transition: all 0.4s linear 0s;
    text-decoration: none;
}
.postTitle a:hover, .entrylistPosttitle a:hover{
    margin-left: 30px;
}
.postCon a:link, .postCon a:visited, .postCon a:active ,
.entrylistPostSummary a:link, .entrylistPostSummary a:visited, .entrylistPostSummary a:active{
    /* color: #2090db;文章标题颜色 */
    /* color: #EDF0FC; */
    text-decoration: underline;
    /* 窃蓝#88ABDA 替换#4a55c8 */
    color: #88ABDA;
    font-weight: bold;
}
.postCon a:hover, .entrylistPostSummary a:hover{
    /* color: #629dce; */
    /* color: #7579f8; */
    /* 浅云#EAEEF1 替换#EDF0FC */
    color: #EAEEF1;
    text-decoration: underline;
}

/*按日期和合集查询的 随笔附加信息CSS*/
.postDesc,.entrylistItemPostDesc {
    /* background: url(images/posted_time.png) no-repeat 0 1px; */
    /* color: #5f62ca; */
    /* 窃蓝#88ABDA 替换#7B76D6 */
    /* width: 60%; */
    clear: right;
    float: right;
    color: #88ABDA;
    /* font-size: 13px; */
    width: auto;
    height: auto;
    line-height: 1.8;
    margin: 0;
    /* padding: 10px 5px; */
    /* padding: 5px 5px 15px; */
    /* padding: 5px 5px 10px; */
    padding: 0 5px 5px;
    grid-area: 3 / 1 / 4 / 3;
}
/* ------------------------
    按标签分类 随笔列表css
   ------------------------ */
#myposts {
    background: #e6effa99;
    /* background: linear-gradient(270deg, rgb(255 255 255 / 10%) 0%,hwb(225deg 62% 5% / 50%) 100%);
    background-color: #ffffff6b; */
    /* background: linear-gradient(270deg, rgb(255 255 255 / 50%) 0%,hwb(225deg 62% 5% / 60%) 100%);
    background-color: #ffffff9e; */
    /* background: linear-gradient(0deg, rgb(255 255 255 / 0%) 0%,#A3BBDB 100%); */
    background-color: #ffffff14;
    padding: 10px 5px 5px;
    margin: 0;
}

/* 列表项CSS */
#myposts .PostList {
    margin: 5px 15px;
    font-size: 13px;
    padding: 10px 5px 0;
    border-bottom: 1px solid #bbc0dc;
    clear: both;
    min-height: 1.5em;
}

/* 文章标题CSS */
.postTitl2 {
    float: left;
    text-shadow: 1px 1px 0 #b4baf77b;
    font-size: 1.2em;
}
.postTitl2 a {
    color: currentColor;
    text-shadow: 0 0 #848fe1;
}

 /* 文章发布信息CSS */
#myposts .postDesc2 {
    clear: both;
    float: right;
    /* 窃蓝#88ABDA 替换#7b76d6 */
    color: #88ABDA;
}
.postDesc2 span{
    display: none;
}
.postDesc a:link, .postDesc a:visited, .postDesc a:active,
.entrylistItemPostDesc a:link, .entrylistItemPostDesc a:visited, .entrylistItemPostDesc a:active,
.postDesc2 a:link, .postDesc2 a:visited, .postDesc2 a:active {
    text-decoration: underline;
    /* 监德色#6F94CD 替换#7b76d6 */
    /* color: #6F94CD; */
    /* 窃蓝#88ABDA 替换 监德#6F94CD */
    color: #88ABDA;
}
.postDesc a:hover,
.entrylistItemPostDesc a:hover,
.postDesc2 a:hover,
.postTitl2 a:hover {
    color: #EDF0FC;
    font-style: italic;
    text-decoration: underline;
}
.postTitl2 a:hover {
    /* font-size: 14px; */
    margin-top: 10px;
    font-weight: bold;
    text-decoration: none;
}

/* --------------
    按相册分
   -------------- */
.gallery {
    background: none;
    box-shadow: none;
}
/* 相册描述CSS */

.thumbDescription {
    color: CURRENTCOLOR;
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    margin-bottom: 10px;
}

/* 图片边框CSS */
.divPhoto {
    border: 2px solid #EAEEF1;
    border: none;
    border-radius: 5px;
    /* padding: 5px; */
    margin: 5px;
}
/* 图片CSS */
.gallery img {
    height: auto;
    width: 180px;
}

/* ---相册列 END--- */


/* 我的公告、日历、搜索等 */
.catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive,
 .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch,
  .catListComment, .catListBlogRank, .catList, .catListArticleCategory {
    border-radius: 0;
    /* margin: 5px 0 10px; */
    margin: 5px 0 10px 0;
    box-shadow: none;
    /* background: linear-gradient(0deg, rgb(255 255 255 / 0%) 0%,rgb(202 240 254 / 40%) 100%); */
    /* background: linear-gradient(0deg, rgb(255 255 255 / 50%) 0%,hwb(225deg 62% 5% / 60%) 100%); */
    /* background-color: #ffffff6b; */
    background: none;
}
.newsItem, #blog-calendar,#leftcontentcontainer{
    background: none;
    margin: 5px auto 15px;
    /* border: groove; */
    box-shadow: none;
    border-radius: 7px;
    word-wrap: break-word;
    text-indent: 0;
    padding: 10px;
    line-height: 1.5;
}
#blog-calendar {
    /* min-width: 300px; */
    max-width: 350px;
    /* 浅云#EAEEF1 +透明度0.3 */
    background: rgb(234 238 241 / 30%);
    border: 2px solid;
    font-family: math;
}

/* 日历的标题 */
.CalTitle {
    background: rgba(255, 255, 255, 0);
    width: 100%;
    color: #EDF0FC;
    /* box-shadow: 1px 1px 2px  #eaf2ff; */
    /* border-bottom: 1px solid #bbc0dc; */
    margin-bottom: 5px;
    border: none;
}
tr {
    min-height: 22px;
    margin: 5px auto 0;
}
td {
    padding: 2px 0 0;
}
/* 日历上的“周” */
.CalDayHeader {
    /* border-bottom: 1px solid #bbc0dc; */
    border-top: 1px solid #EDF0FC;
    border-bottom: 1px solid #EDF0FC;
    height: 25px;
    font-family: "楷体";
    text-shadow: 1px 0px 1px #EAEEF1;
    color: #88ABDA;
}
.Cal {
    border: none;
    color: #EDF0FC;
    width: 100%;
}
.CalTodayDay {
    /* color: #5f62ca; */
    /* 群青#2E59A7 替换#7b76d6 */
    color: #2E59A7;
    /* 浅云#EAEEF1 +透明度0.8 */
    background: rgb(234 238 241 / 80%);
    border-radius: 5px;
}
/* 公告栏的文字 */
#profile_block {
    padding: 0 0 0 5px;
    text-align: left;
    /* color: rgb(109, 195, 238); */
    /* color: #7579f8; */
    /* color: #5f62ca; */
    color: #EDF0FC;;
    font-size: 14px;
    line-height: 1.7em;
    margin: 5px 0 0 0;
    /* min-width: 50px; */
    float: left;
}
#profile_block a:link,#profile_block a:visited{
    /* color: rgb(109, 195, 238);
    color: #7579f8;
    color: #5f62ca; */
    color: #EDF0FC;;
}
#profile_block a:hover{
    /* color: rgb(97, 164, 207);/注释/ */
    font-style: italic;
}
/* 个人头像 */
img.img_avatar {
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}
h1.entrylistTitle {
    margin-bottom: 10px;
}
/* 侧边栏导航 */
#leftcontentcontainer {
    width: auto;
    min-height: 100px;
    clear: both;
    font-size: 14px;
    padding: 0 10px;
}

/* 侧边栏的ul 统一CSS */
#sideBarMain ul, #sidebar_search_box {
    line-height: 1.5;
    display: grid;
    grid-row-gap: 10px;
}

/* 站内搜索 CSS */
.div_my_zzk {
    font-family: monospace,"楷体", "Segoe UI", serif;
    margin: 0;
    width: 100%;
    clear: both;
    /* display: flex; */
    grid-template-columns: 75% 20%;
    grid-template-rows: 1fr;
    grid-column-gap: auto;
    /* grid-row-gap: 10px; */
}
/* 搜索框 CSS */
.input_my_zzk {
    max-width: 200px;
    /* margin: 5px 0; */
    padding: 0 5px;
    /* background: rgba(255, 255, 255, 0); */
    /* 浅云#EAEEF1 +透明度0.5 */
    background: rgb(234 238 241 / 50%);
    border-color: #ffffff8c;
    border-color: #EAEEF1;
    border: 1px solid #EAEEF1;
    border-radius: 5px;
    /* border: none; */
    color: #88ABDA;
    grid-area: 1 / 1 / 2 / 2;
}
/* 搜索按钮 CSS */
.btn_my_zzk {
    min-width: 80px;
    border-width: 0;
    background-color: #fff0;
    color: #88ABDA;
    font-size: 1em;
    text-align: justify;
    grid-area: 1 / 2 / 2 / 3;
}

/* .catListEssay ul, .catListLink ul, .catListNoteBook ul, .catListTag ul, 
.catListPostCategory ul, .catListPostArchive ul, .catListImageCategory ul, .catListArticleArchive ul, 
.catListView ul, .catListFeedback ul, .catListComment ul, .catListBlogRank ul, .catList ul, 
.catListArticleCategory ul, .c_ad_block{ */

.catListNoteBook ul, .catListPostCategory ul, .catListPostArchive ul,
.catListImageCategory ul, .catListArticleArchive ul, .catListBlogRank ul,
.catList ul, .catListArticleCategory ul, .c_ad_block{
    grid-template-columns: repeat(2, 43%);
    grid-column-gap: 10%;
}
/* 常用链接.catListLink 和我的标签.catListTag CSS */
.catListLink ul, .catListTag ul {
    grid-template-columns: repeat(3, 30%);
    grid-column-gap: 4%;
}
/* 最新随笔.catListEssay 和阅读排行榜.catListView 和评论排行榜.catListFeedback 和最新评论.catListComment CSS */
.catListEssay ul, .catListView ul, .catListFeedback ul, .catListComment ul {
    grid-template-columns: 1fr;
    grid-column-gap: 0;
}
#sideBarMain ul li {
    text-indent: 0;
    font-size: 1em;
    padding: 5px 10px;
    margin: 0;
    border-bottom: 1px solid #dadfe1;
    border-top: 1px solid #EDF0FC;
    border: none;
    /* display: inline-block; */
    overflow: hidden;
    /* 浅云#EAEEF1 +透明度0.8 */
    background: rgb(234 238 241 / 80%);
    border-radius: 5px;
    /* 群青#2E59A7; */
    color: #2E59A7;
    text-align: justify;
}
.catListLink ul li, .catListNoteBook ul li, .catListTag ul li, .catListPostCategory ul li,
.catListPostArchive ul li, .catListImageCategory ul li, .catListArticleArchive ul li, 
.catListBlogRank ul li, .catList ul li, .catListArticleCategory ul li{
    text-align: center;
}
/* 最新随笔.catListEssay 和阅读排行榜.catListView 和评论排行榜.catListFeedback 和最新评论.catListComment CSS */
.catListEssay ul li a, .catListView ul li a,.catListFeedback ul li a, .catListComment ul li a{
    text-align: justify;
}
/* 主页标签元素的CSS */
.catListEssay ul li, .catListLink ul li, .catListNoteBook ul li, .catListTag ul li, 
.catListPostCategory ul li, .catListPostArchive ul li, .catListImageCategory ul li, 
.catListArticleArchive ul li, .catListView ul li, .catListFeedback ul li, 
.catListComment ul li, .catListBlogRank ul li, .catList ul li, .catListArticleCategory ul li {
}

#sideBarMain ul li a{
    /* text-indent: 0;
    font-size: 1em; */
    /* font-size: 14px; */
    /* color: #7b76d6; */
    
    /* text-align: center; */
}
/* .catListEssay ul li a, .catListLink ul li a, .catListNoteBook ul li a, .catListTag ul li a, 
.catListPostCategory ul li a, .catListPostArchive ul li a, .catListImageCategory ul li a, 
.catListArticleArchive ul li a, .catListView ul li a, .catListFeedback ul li a, 
.catListComment ul li a, .catListBlogRank ul li a, .catList ul li a, .catListArticleCategory ul li a {
    
} */

/* 最新随笔.catListEssay 和阅读排行榜.catListView 和评论排行榜.catListFeedback 和最新评论.catListComment CSS */
.catListEssay ul li a, .catListView ul li a,.catListFeedback ul li a, .catListComment ul li a{
    text-align: justify;
}

/* 侧边导航栏标题 */
.catListTitle {
    /* background: linear-gradient(180deg, #373282cf 0%, rgba(255, 255, 255, 0.7) 100%); */
    background: none;
    border-bottom: none;
    font-size: 1.5em;
    height: 1.5em;
    margin: 10px auto 5px auto;
    line-height: 1.5em;
}

/* --------------------
每篇博文的具体css设置
 -------------------- */
/* 文章背景 */
#topics{
    background: linear-gradient(180deg, rgb(55 50 130 / 30%) 0%, rgba(255, 255, 255,0.8 ) 0%);
    background-color: #709aff4f;
    padding: 15px 20px;
}
.post {
    padding: 5px 10px 5px;
}
#topics .postTitle {
    /* background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%,rgb(202 240 254 / 30%) 100%); */
    background: linear-gradient(0deg, rgb(255 255 255 / 0%) 0%,#A3BBDB 100%);
    background-color: #ffffff14;
    font-weight: bold;
    border-bottom: 2px solid #EDF0FC;
    float: left;
    line-height: 2em;
    margin: 10px auto;
    width: 100%;
    padding: 0 5px;
    clear: both;
}
#topics .postTitle a {
    color: #5363b1;
    font-size: 25px;
    line-height: 2em;
    padding-right: 10px;
    border-left: 5px solid;
}
#topics .postTitle a:hover{
    border: none;
    /* border-left: 5px solid; */
}
/* 以下是每篇文章的css */
.postBody {
    line-height: 1.5;
    /* color: #7579f8; */
    /* color: #5f62ca; */
    /* color: #7b76d6; */
    /* 优昙瑞色 #615EA8 替换 #7b76d6*/
    color: #615EA8;
    font-size: 16px;
    /* color: #697bd4; */
}
.postBody h1, h2, h3, h4, h5 {
    font-family: '仿宋';
    text-align: justify;
    font-size: 1.1em;
    margin: 15px auto 10px auto;
    font-weight: bold;
    line-height: 1.7em;
    /* 苍苍色#5976BA 代替 #7F7AF8 */
    color: #5976BA;
}
#cnblogs_post_body h1 {
    font-size: 1.7em;
    margin-top: 20px;
    margin-bottom: 15px;
    border-bottom: 2px solid #EDF0FC;
    padding-bottom: 5px;
    text-align: center;
    text-decoration: underline;
    font-style: italic;
}
#cnblogs_post_body h2 {
    font-size: 1.5em;
    margin: 18px auto 12px auto;
}
#cnblogs_post_body h3 {
    font-size: 1.3em;
    margin: 15px auto 10px auto;
}
#cnblogs_post_body h4 {
    font-size: 1.1em;
    font-weight: bold;
}
#cnblogs_post_body h5{
    font-family: '仿宋';
    font-size: 1.1em;
    color: #7f93f8;
    margin: 10px auto 10px auto;
}
#cnblogs_post_body p, .blogpost-body p {
    text-indent: 0;
    text-align: justify;
    margin: 10px;
    line-height: 1.7em;
}
#cnblogs_post_body p {
    word-break: break-word;
    /* margin: 20px 0 10px; */
    margin: 5px auto;
    /* 群青色#2E59A7 替换 #5B6BBDd */
    color: #2E59A7;
    text-shadow: 0 0 #8088b0;
}
.blogpost-body blockquote {
    background: linear-gradient(270deg, rgb(255 255 255 / 0%) 0%,rgb(202 240 254 / 30%) 100%);
    background-color: #ffffff82;
    line-height: 1.7em;
    font-size: 16px;
    font-family: monospace,"楷体", "Segoe UI", serif;
    /* 群青色#2E59A7 替换 #5B6BBDd */
    color: #2E59A7;
    text-shadow: 0 0 #8088b0;
    border: none;
    /* 品月色 #8AABCC 替换 #E2DFDF */
    border-left: 5px solid #8AABCC;
    border-radius: 2.5px 0 0 2.5px;
    margin: 15px auto 20px auto;
    padding: 15px 20px;
}

pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em;
    border-radius: 7px;
    margin: 5px auto 10px auto;
}

/* post describe CSS */

#topics .postDesc {
    float: right;
    width: 100%;
    text-align: right;
    padding-right: 5px;
    /* 监德色#6F94CD 替换 #7b76d6*/
    color: #6F94CD;
    margin-top: 5px;
}

#topics .postDesc a:hover {
    /* #7b76d6 替换成群青 */
    color: #2E59A7;
}
#cnblogs_ch, #cnblogs_c1, #opt_under_post, #under_post_card1, 
#under_post_card2, #HistoryToday, blog_post_info, #blog-comments-placeholder br {
    display: none;
}
/* 每篇文章底部的  包括上下篇url，作者信息，收藏、顶、赞、分享文章 */

/* #blog_post_info_block{
    display: none;
} */

div#blog_post_info {
    display: none;
}
/* 随笔分类 */
#BlogPostCategory, #EntryTag {
    margin: 5px 5px 10px auto;
    color: #6F94CD;
    padding: 0 15px 0 0;
    font-size: 16px;
    display: inline-flex;
}
#BlogPostCategory a, #EntryTag a {
    margin-left: 5px;
}
#BlogPostCategory a:link, #BlogPostCategory a:visited, #BlogPostCategory a:active, 
#EntryTag a:link, #EntryTag a:visited, #EntryTag a:active, 
.postBody a:link, .postBody a:visited, .postBody a:active{
    /* 监德色#6F94CD 替换#7FA2E1 */
    color: #6F94CD;
    text-decoration: none;
}

#BlogPostCategory a:hover, 
#EntryTag a:hover,
.postBody a:hover{
    /* 群青色#2E59A7 替换 #1E80FF;*/
    color: #2E59A7;
    /* font-size: 1.2em; */
    font-style: normal;
    font-weight: bold;
    text-decoration: underline;
}
#post_next_prev {
    display: block;
    line-height: 1.8;
    font-size: 12px;
}

.CalNextPrev{background: rgba(255, 255, 255, 0);}

.cnblogs_code{
    background: rgba(255, 255, 255, 0);
}

.cnblogs_code div{
    background: rgba(255, 255, 255, 0);
}

.cnblogs_code_toolbar{
    background: rgba(255, 255, 255, 0);
}

/* 
Markdown 单行代码引用的CSS
 */

.cnblogs-markdown :not(pre,div,td)>code, .blogpost-body :not(pre,div,td)>code {
    padding: 0 5px;
    line-height: 1.8;
    margin: 0 3px;
    display: inline-block;
    overflow-x: auto;
    vertical-align: middle;
    border-radius: 3px;
    /* font-family: "Courier New",sans-serif; */
    font-family: math;
    font-size: 14px;
    /* 缟羽色#EFEFEF 替换默认色 */
    background-color: #EFEFEF;
    /* 长春色 #DC6B82 替换默认色 #e83e8c */
    color: #DC6B82;
}

/* -------------------------------
        评论文本框 CSS
 --------------------------------- */
.feedbackItem,.comment_my_posted {
    background: #ffffffb8;
    /* margin: 10px auto; */
    padding: 15px 20px 5px;
    margin-top: 2px;
    font-size: 14px;
}
.feedbackCon {
    border-bottom: 1px solid #eff4f7;
    padding: 20px 18px 10px 30px;
}
/* 评论区的 title */
#commentform_title {
    /* background-image: url(https://fyy.253786.xyz/blog/img/write_comment_light_32px.png); */
    background-image: url(https://images.cnblogs.com/cnblogs_com/blogs/703339/galleries/2356753/o_231106142907_write_comment_32light.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 15px;
    padding: 0 0 0 35px;
    /* width: 100%; */
    /* width: auto; */
    /* width: 95%; */
    margin: 10px auto;
    color: #EDF0FC;
    font-size: 16px;
}

/* 评论文本框 */
.comment_textarea {
    background: linear-gradient(270deg, rgb(255 255 255 / 0%) 0%,rgb(202 240 254 / 50%) 100%);
    background-color: #ffffffd1;
    font-family: 仿宋;
    font-size: 1.2em;
    border-radius: 7px;
    border: none;
    width: 100%;
    margin: 10px auto;
    padding: 10px 20px;
    /* 更改以上↑↑↑↑↑ */
    /* border: 1px solid #ddd; */
    /* padding: 8px 14px; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    /* margin-bottom: 10px; */
}
div.commentform textarea {
    line-height: 1.6;
    width: 100%;
    height: 250px;
    resize: vertical;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    font-size: 13px;
    border: none;
    font-family: "PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
    padding: 8px; /*更改了这里*/
}

#tbCommentBody{
    height: 200px;
    background: rgba(255, 255, 255, 0.5);
    min-width: 90%;
    padding: 10px 15px;
    margin: 5px auto;
}

/* -------------------------------
        评论列表 CSS
 --------------------------------- */
#blog-comments-placeholder, #comment_form_container {
    padding: 5px 0;
}
.feedback_area_title {
    /* background-image: url(https://fyy.253786.xyz/blog/img/comment_light_32px.png); */
    background-image: url(https://images.cnblogs.com/cnblogs_com/blogs/703339/galleries/2356753/o_231106142957_comment_list_32light.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 10px;
    padding: 0 35px;
    margin: 10px auto;
    color: #EDF0FC;
    font-size: 16px;
}
.comment-sort {
    display: flex;
    align-items: center;
    margin: 10px auto;
    opacity: .65;
    font-size: 10px;
    cursor: pointer;
    float: right;
}
.comment-sort svg {
    width: 24px;
    height: 24px;
}
.feedbackListSubtitle {
    color: #6F94CD;
}
.feedbackListSubtitle a:link, .feedbackListSubtitle a:visited, .feedbackListSubtitle a:active 
.comment_vote a:link, .comment_vote a:visited, .comment_vote a:active{
    color: #6F94CD;
    font-weight: normal;
}
.feedbackListSubtitle a:hover,
.comment_vote a:hover{
    color: #6F94CD;
    text-decoration: underline;
}
#comment_nav {
    text-align: right;
    margin: 5px auto;
    padding: 0 15px;
}