#cnblogs_post_body ul li{font:14px/2 Noto Sans SC !important}

/*全局样式重置*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{
    margin:0;
    padding:0
}
/*为HTML5中引入的新元素设置display属性: block;，确保这些元素在旧版浏览器中也能正确显示*/
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{
    display:block
}
/*表格样式
设置表格的边框合并，并去除默认的边框间距。将caption和th元素的文本对齐方式设置为左对齐，并去除它们的加粗效果*/
table{
    border-collapse:collapse;
    border-spacing:0
}
caption,th{
    text-align:left;
    font-weight:normal
}
/*重置或设置了多个HTML元素的默认样式*/
html,body,fieldset,img,iframe,abbr{
    border:0
}
i,cite,em,var,address,dfn{
    font-style:normal
}
[hidefocus],summary{
    outline:0
}
li{
    list-style:none
}
h1,h2,h3,h4,h5,h6,small{
    font-size:100%
}
sup,sub{
    font-size:83%
}
pre,code,kbd,samp{
    font-family:inherit
}
q:before,q:after{
    content:none
}
textarea{
    overflow:auto;
    resize:none;
}
label,summary{
    cursor:default
}
a,button{
    cursor:pointer
}
h1,h2,h3,h4,h5,h6,em,strong,b{
    font-weight:bold
}
del,ins,u,s,a,a:hover{
    text-decoration:none
}

body,textarea,input,button,select,keygen,legend{font:10px/1.14 Noto Sans SC,\5b8b\4f53;color:#333;outline:0}body{background:#fff}a,a:hover{color:#7396a7}.bg_black{background:rgba(0,0,0,0.6);position:fixed;width:100%;height:100%;z-index:99999}
body{cursor:url(https://files-cdn.cnblogs.com/files/miluluyo/cursora.ico),auto}*{font-family:"Noto Sans SC";font-weight:100}a:visited,a:link{color:#2daebf;text-decoration:none}a:hover{color:#f60;text-transform:none;cursor:pointer!important}a:hover u{cursor:pointer!important}#cnblogs_post_body p{font-size:1rem}body,textarea,input,button,select,keygen,legend{color:#7f8c93}*::-webkit-scrollbar-thumb{height:40px;background-color:#ccc;border-radius:16px}*::-webkit-scrollbar{width:8px;height:8px;border-radius:2px}
/*博客标题样式*/
#blogTitle{
    background:url(https://images.cnblogs.com/cnblogs_com/blogs/818194/galleries/2383702/t_240310082309_8fe48e286c57bd3082bb5d601373917.jpg) center center / cover no-repeat #222;/*设置背景图片，并指定背景图片的位置、大小、是否重复以及背景颜色*/
    overflow:hidden;/*隐藏超出元素框的内容。*/
    width:100%;
    height:50vh;
    max-height:50vh;
    box-shadow:0 1px 2px rgba(150,150,150,.7);/*添加盒子阴影*/
    justify-content: center; /* 水平居中 */  
    align-items: center; /* 垂直居中 */  
    text-align:center;/*文本居中对齐*/
    display:table/*将元素作为表格显示。*/
}
/*垂直居中样式*/
.vertical{
    display:table-cell;
    vertical-align:middle;/*垂直居中对齐内容*/
    width:100%;
    position:relative;
    z-index:2
}
/*标题样式*/
#Header1_HeaderTitle{
    font-family:'Playball',cursive;
    color:#fff;
    font-size:3rem;
    text-shadow:0 3px 6px rgba(0,0,0,0.3);
    margin:10px 0 10px 0;
    letter-spacing:-1px;
    font-weight:700;
    animation:fade-in-down 1s both;
    animation-delay:.5s
}
.vertical h2{
    margin:0;
    font-size:1rem;
    line-height:1.5em;
    font-weight:400;
    letter-spacing:.01rem;
    color:rgba(255,255,255,0.8);
    -webkit-animation:fade-in-down .9s;
    animation:fade-in-down .9s both;
    -webkit-animation-delay:.1s;
    animation-delay:.3s;
    text-shadow:0 3px 6px rgba(0,0,0,0.5);
    -webkit-box-orient:vertical;
    -webkit-line-clamp:10;/*限制在一个块元素显示的文本的行数*/
    overflow:hidden;
    font-family:'Playball',cursive
}
/*导航列表样式*/
#navList {  
    text-align: center;  
}  
#navList li {  
    font-family: 'Josefin Sans Light', ...; /* 定义字体族 */  
    color: #95a5a6; /* 文本颜色 */  
    display: inline-block; /* 列表项内联显示 */  
    padding: 1rem; /* 内边距 */  
    font-size: 1rem; /* 字体大小 */  
    text-align: center; /* 文本居中对齐 */  
}  
#navList li a {  
    text-shadow: 0 3px 6px rgba(0,0,0,0.3); /* 文本阴影 */  
}  
#navList li a:hover {  
    color: #f60; /* 鼠标悬停时的文本颜色 */  
    font-weight: 500; /* 鼠标悬停时的字体粗细 */  
}
/*博客统计信息隐藏*/
.blogStats {  
    display: none; /* 不显示博客统计信息 */  
}
/*导航器样式*/
#navigator {  
    width: 100%; /* 宽度100% */  
    box-shadow: 0 1px 3px rgba(26,26,26,.1); /* 盒子阴影 */  
    background: hsla(0,0%,100%,.6); /* 背景色 */  
    z-index: 1; /* 堆叠顺序 */  
}
/*背景图片样式*/
body::after {  
    content: ""; /* 内容为空 */  
    background-repeat: no-repeat; /* 背景图片不重复 */  
    background-position: center; /* 背景图片居中 */  
    opacity: .06; /* 透明度 */  
    filter: grayscale(100%); /* 灰度滤镜 */  
    position: fixed; /* 固定定位 */  
    top: 0; /* 顶部位置 */  
    left: 0; /* 左边位置 */  
    width: 100%; /* 宽度100% */  
    height: 100%; /* 高度100% */  
    z-index: -1; /* 堆叠顺序 */  
}  
body::after {  
    background-image: url(https://img.xjh.me/random_img.php?type=bg&ctype=acg&return=302); /* 背景图片URL */  
}
/*主体内容样式*/
div#main {  
    max-width: 1200px; /* 最大宽度 */  
    margin: 0 auto; /* 水平居中 */  
    justify-content: center; /* 子元素在主轴上居中 */  
    display: -webkit-flex; /* 使用Flexbox布局 */  
}  
div#mainContent {  
    width: calc(100% - 250px); /* 宽度计算 */  
    float: left; /* 左浮动 */  
    transition: all .5s ease-in-out 0s; /* 过渡效果 */  
}
/*侧边栏样式*/
div#sideBar {  
    width: 250px; /* 宽度 */  
    float: right; /* 右浮动 */  
    font-size: .8rem; /* 字体大小 */  
}  
div#sideBarMain {  
    margin-top: 3.5rem; /* 上边距 */  
    padding: 10px; /* 内边距 */  
}  
#sideBar h3 {  
    border-left: 3px solid #7396a7; /* 左边框 */  
    padding-left: 5px; /* 左内边距 */  
}
.sidebar-block{margin-top:20px}
/*目录样式*/
div#catalogue {  
    visibility: hidden; /* 目录不可见 */  
    clip-path: circle(30px at calc(100%) 100%); /* 剪辑路径，可能是为了过渡效果做准备 */  
    transition: all .5s ease-in-out 0s; /* 过渡效果 */  
    font-size: .8rem; /* 字体大小 */  
}

/*隐藏目录*/
div#catalogue .catalogueMain {  
    margin-top: 3.5rem; /* 上边距 */  
    padding: 10px; /* 内边距 */  
}
/*目录主要内容样式*/
#catalogue h3 {  
    border-left: 3px solid #7396a7; /* 左边框 */  
    padding-left: 5px; /* 左内边距 */  
}
/*目录标题样式*/
.catalogue-block {  
    margin-top: 20px; /* 上边距 */  
}
/*新闻区块样式*/
#blog-news {  
    padding: 10px 15px; /* 内边距 */  
    text-align: center; /* 文本居中对齐 */  
}
/*人物肖像样式*/
#portrait {  
    display: inline-block; /* 内联块级元素显示 */  
    width: 100%; /* 宽度100% */  
    text-align: center; /* 文本居中对齐 */  
    /* 鼠标悬停时的样式 */  
    #portrait:hover {  
        cursor: pointer; /* 鼠标样式 */  
    }  
    #portrait img {  
        min-height: 80px; /* 最小高度 */  
        max-height: 80px; /* 最大高度 */  
        border: rgba(255,255,255,.4) 4px solid; /* 边框 */  
        border-radius: 50%; /* 圆角 */  
        transition: transform .4s ease-out; /* 过渡效果 */  
        /* 旋转效果 */  
        #portrait img:hover {  
            transform: rotateZ(360deg); /* 旋转360度 */  
        }  
    }  
}
/*隐藏个人资料区块*/
#profile_block {  
    display: none; /* 不显示隐藏个人资料区块 */  
}
/*日历区块样式*/
#blog-calendar {  
    padding: 0 15px 10px 15px; /* 内边距 */  
}  
#sideBar #blog-calendar #blogCalendar table,  
#sideBar #blog-calendar #blogCalendar tbody,  
#sideBar #blog-calendar #blogCalendar td,  
#sideBar #blog-calendar #blogCalendar tr {  
    display: block; /* 块级元素显示 */  
}
/*日历标题样式*/
.CalTitle {  
    background-color: var(--background-w); /* 背景色 */  
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); /* 盒子阴影 */  
    border-radius: 2px; /* 圆角 */  
    margin-bottom: 10px; /* 下边距 */  
    color: var(--text-3); /* 文本颜色 */  
    padding: 0 15px; /* 内边距 */  
    line-height: 30px; /* 行高 */  
}  
.CalTitle today { 
    line-height: 30px;  
}
/*日历单元格样式*/
#sideBar #blog-calendar #blogCalendar tr {  
    text-align: center; /* 文本居中对齐 */  
}  
.CalTitle td:nth-child(1) {  
    display: inline-block;  
    float: left;  
    vertical-align: top;  
}  
.CalTitle td:nth-child(2) {  
    display: inline-block !important;  
    vertical-align: top;  
}  
.CalTitle td:nth-child(3) {  
    display: inline-block;  
    vertical-align: top;  
    float: right;  
}

/*日历行和单元格的Flexbox样式*/
#sideBar #blog-calendar #blogCalendar tr:not(:first-child) {  
    display: flex; /* Flexbox布局 */  
    justify-content: space-between; /* 子元素在主轴上分散对齐 */  
}  
#sideBar #blog-calendar #blogCalendar tr:not(:first-child) td,  
#blogCalendar th {  
    display: flex;  
    align-items: center; /* 子元素在交叉轴上居中对齐 */  
    justify-content: center; /* 子元素在主轴上居中对齐 */  
    width: 21.6px; /* 宽度 */  
    height: 21.6px; /* 高度 */  
}

/*今日单元格样式*/
#sideBar #blog-calendar #blogCalendar .CalTodayDay {  
    background-color: var(--themeColor); /* 背景色 */  
    color: #fff; /* 文本颜色 */  
    border-radius: 50%; /* 圆角 */  
    font-size: .7em; /* 字体大小 */  
}  
  
#sideBar #blog-calendar #blogCalendar .CalTodayDay,  
#sideBar #blog-calendar #blogCalendar .CalTodayDay u {  
    color: #fff; /* 文本颜色 */  
    border-radius: 50%; /* 圆角 */  
    font-size: .7em; /* 字体大小 */  
    background: #2daebf; /* 背景色 */  
}
/*标题样式*/
h3.catListTitle {  
    margin-bottom: 5px; /* 下边距 */  
}
/*侧边栏列表样式*/
#sideBar ul {  
    padding: 0 0 0 10px; /* 内边距 */  
}  
#sideBar li {  
    line-height: 20px; /* 行高 */  
}
/*侧边栏列表项悬停效果*/
#sideBar #sideBarMain ul li:hover {  
    -webkit-transform: translateX(5px); /* Chrome, Safari, Opera */  
    transform: translateX(5px); /* 标准语法 */  
    -webkit-transition: all .2s; /* Chrome, Safari, Opera */  
    transition: all .2s; /* 标准语法 */  
}
/*评论相关样式*/
li.recent_comment_body {  
    color: #7f8c93; /* 文本颜色 */  
    font-weight: 400; /* 字体粗细 */  
}  
li.recent_comment_author {  
    font-size: .3rem; /* 字体大小 */  
}
/*自定义搜索框样式*/
.input_my_zzk{
    background-color:rgba(254,252,250,0.6);
    border-color:#ddd;height:35px;padding:0 10px;
    font-size:13px;line-height:35px;
    border-radius:6px;
    font-family:Lato,Helvetica,Arial,sans-serif;
    color:#7396a7;
    border:2px solid #bdc3c7;
    box-shadow:none;
    transition:border .25s linear,color .25s linear,background-color .25s linear;
    width:calc(100% - 44px)!important;
    padding-right:30px
}
.search_icon{
    float:right;
    line-height:40px;
    display:inline-block;
    margin-top:-38px;
    margin-right:0;
    padding:10px 5px;
    position:absolute;
    right:10px;
    z-index:3;
    cursor:pointer
}
.btn_my_zzk{
    display:none
}
.div_my_zzk{
    margin-top:10px;
    margin-bottom:5px;
    height:40px;
    position:relative
}

/*文章标题样式*/
#topics .postTitle {  
    text-align: center; /* 文本居中 */  
    padding: 10px; /* 内边距 */  
}  
  
#topics .postTitle2 {  
    font-size: 2rem; /* 字体大小 */  
    font-weight: 400; /* 字体粗细 */  
    color: #606975; /* 文本颜色 */  
    text-shadow: 0 3px 6px rgba(0,0,0,0.3); /* 文本阴影 */  
}  
  
a.postTitle2:hover {  
    color: #f60 !important; /* 鼠标悬停时的文本颜色 */  
    transition: color .3s ease; /* 颜色过渡效果 */  
}

/*文章主体样式*/
#cnblogs_post_body {  
    padding: 10px 0; /* 内边距 */  
}  
#cnblogs_post_body table {  
    font-size: .8rem; /* 字体大小 */  
}
/*日期相关样式*/
.day{
    min-height:10px;
    _height:10px;
    position:relative;
    max-width:830px;
    margin:3.5rem auto;
    padding-bottom:3.5rem;
    border-bottom:#ebf2f6 1px solid;
    word-wrap:break-word;
    margin-top:0;
    margin-bottom:0;
    padding-bottom:0
}
.day .dayTitle{
    display:none;
    border:1px solid #21759b;background:azure;
    border-radius:50%;
    font-size:12px;
    height:65px;
    line-height:1.5;
    margin:15px;
    text-align:center;
    width:63px;
    margin-left:-100px;
    clear:both;
    position:absolute;
    top:-15px
}
.day .dayTitle a{
    display:inline-block;
    color:#21759b;
    margin-top:15px;
    width:60px
}
.day .postTitle{
    font-size:20px;
    float:right;
    width:100%;
    clear:both;
    border-bottom:1px dashed #95a5a6;
    box-sizing:border-box;
    background-size:35px 35px;
    margin-top:2.5rem
}
.day .postTitle a:link{
    background-color:rgba(0,0,0,0);
    color:#7396a7;
    font-family:"Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif;
    ont-size:1.6rem;
    line-height:3rem;
    font-weight:bold;
    letter-spacing:-1px;
    transition:all .5s ease;
    word-wrap:break-word;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.day .postTitle a:visited,.day .postTitle a:active{
    color:#7396a7;
    transition:color .3s ease
}
.day .postTitle .postTitle2{
    display:inline-block;
    transition:all .5s;
    padding-left:10px
}
.day .postCon{
    width:100%;
    clear:both;
    padding:10px 0;
    color:#3a4145;
    font-family:Merriweather,"Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif;
    font-feature-settings:'liga' 1,'onum' 1,'kern' 1;margin:0;
    font-size:16px;
    line-height:1.7em;
    word-wrap:break-word;
    display:block;
    -webkit-margin-before:0;
    -webkit-margin-after:0;
    -webkit-margin-start:0;
    -webkit-margin-end:0
}
.day .c_b_p_desc{
    word-wrap:break-word;
    word-break:break-all;
    overflow:hidden;
    line-height:1.5;
    color:#7f8c93
}
.day .c_b_p_desc .c_b_p_desc_readmore{
    color:#7396a7
}

/*文章阅读更多链接的悬停效果*/
a.c_b_p_desc_readmore:hover {  
    color: #f60 !important; /* 鼠标悬停时链接颜色变为橙色 */  
}
/*文章描述信息样式*/
.day .postDesc {  
    float: left; /* 浮动到左侧 */  
    width: 100%; /* 宽度设置为100% */  
    clear: both; /* 清除左右两侧的浮动 */  
    text-align: left; /* 文本左对齐 */  
    padding-right: 5px; /* 右侧内边距 */  
    margin: 0; /* 外边距为0 */  
    font-family: "Open Sans", sans-serif; /* 字体族 */  
    font-size: .8rem; /* 字体大小 */  
    line-height: 1rem; /* 行高 */  
    color: #9eabb3; /* 文本颜色 */  
    padding-bottom: 5px; /* 底部内边距 */  
}


/*文章描述信息中链接的显示*/
.postDesc{margin-bottom:3.5rem}
.postDesc a {  
    display: none; /* 不显示链接 */  
}
/*文章标题样式*/
.postTitle {  
    font-size: 20px; /* 字体大小 */  
    float: right; /* 浮动到右侧 */  
    width: 100%; /* 宽度设置为100% */  
    clear: both; /* 清除左右两侧的浮动 */  
    border-bottom: 1px dashed #9eabb3; /* 底部虚线边框 */  
    box-sizing: border-box; /* 盒模型类型 */  
}
/*诗歌样式*/
.poem-wrap {  
    position: relative; /* 相对定位 */  
    width: 1000px; /* 宽度 */  
    max-width: 80%; /* 最大宽度 */  
    border: 2px solid #797979; /* 边框 */  
    border-top: 0; /* 上边框为0 */  
    text-align: center; /* 文本居中对齐 */  
    margin: 40px auto; /* 外边距 */  
}  
  
.poem-left {  
    left: 0; /* 定位到左侧 */  
}  
  
.poem-right {  
    right: 0; /* 定位到右侧 */  
}  
  
.poem-border {  
    position: absolute; /* 绝对定位 */  
    height: 2px; /* 高度 */  
    width: 27%; /* 宽度 */  
    background-color: #797979; /* 背景颜色 */  
}  
  
.poem-wrap p {  
    width: 70%; /* 宽度 */  
    margin: auto; /* 外边距自动 */  
    line-height: 30px; /* 行高 */  
    color: #797979; /* 文本颜色 */  
}  
  
.poem-wrap h1 {  
    position: relative; /* 相对定位 */  
    margin-top: -20px; /* 上外边距 */  
    display: inline-block; /* 内联块级元素 */  
    letter-spacing: 4px; /* 字符间距 */  
    color: #797979; /* 文本颜色 */  
    font-size: 2em; /* 字体大小 */  
    margin-bottom: 20px; /* 下外边距 */  
}  
  
#poem_sentence {  
    font-size: 25px; /* 字体大小 */  
}  
  
#poem_info {  
    font-size: 15px; /* 字体大小 */  
    margin: 15px auto; /* 外边距 */  
}

/*背景图片与滤镜效果*/
div#home::after {  
    content: "";  
    background-repeat: no-repeat;  
    background-position: center;  
    opacity: .06;  
    -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;  
    background-image: url(https://api.ixiaowai.cn/gqapi/gqapi.php);  
}/*这段代码在div#home的伪元素::after上设置了一个背景图片，并且应用了一个灰度滤镜效果，使图片变为灰度。背景图片被设置为不可重复，并居中显示。该元素被固定在页面的顶部和左侧，覆盖整个页面，并位于其他内容的下方（z-index: -1）。背景图片的透明度被设置为0.06，使图片看起来比较淡。*/

/*底部容器与页脚*/
.container {  
    width: 100%;  
    height: 200px;  
    position: fixed;  
    z-index: -1;  
    bottom: 0;  
    left: 0;  
}  
  
div#footer {  
    position: relative;  
    text-align: center;  
    margin-top: 180px;  
    margin-bottom: 100px;  
}

/*话题列表与文章标题样式*/
.topicListFooter {  
    margin-top: 20px;  
}  
  
#homepage_bottom_pager .pager {  
    text-align: right;  
}  
  
#homepage_bottom_pager .pager a {  
    border: 0;  
}  
  
#topics .postTitle {  
    text-align: center;  
    padding: 10px;  
}  
  
#topics .postTitle2 {  
    font-size: 2rem;  
    font-weight: 400;  
    color: #606975;  
    text-shadow: 0 3px 6px rgba(0,0,0,0.3);  
}

/*文章内容和类别样式*/
#cnblogs_post_body {  
    padding: 10px 0;  
}  
  
#topics .postTitle {  
    padding-bottom: 50px;  
}  
  
#topics .icon {  
    padding-right: 10px;  
}  
  
#BlogPostCategory {  
    margin-bottom: 10px;  
    text-align: right;  
}  
  
#BlogPostCategory a {  
    margin-left: 5px;  
    height: 20px;  
    line-height: 20px;  
    color: #333;  
    padding: 3px 14px;  
    border-radius: 10px;  
    margin: 2px 5px 0;  
    background: #e7e7e7;  
    text-decoration: none;  
}

/* 定义id为green_channel的元素下的所有a标签的样式 */  
#green_channel a {  
    text-decoration: none; /* 去除文本装饰，如下划线 */  
    color: #fff; /* 文本颜色为白色 */  
    margin: auto; /* 外边距自动，水平居中 */  
    width: 80px; /* 宽度为80像素 */  
    display: inline-block; /* 以内联块级元素显示 */  
    line-height: 30px; /* 行高为30像素 */  
    font-size: 12px; /* 字体大小为12像素 */  
    font-weight: 500; /* 字体加粗 */  
    letter-spacing: 2px; /* 字母间距为2像素 */  
    border-radius: 3px; /* 边框圆角为3像素 */  
    text-transform: uppercase; /* 文本转换为大写 */  
    transition: all .4s; /* 所有属性的过渡效果，持续时间为0.4秒 */  
    -webkit-transition: all .4s; /* 兼容Webkit内核浏览器的过渡效果 */  
    -moz-transition: all .4s; /* 兼容Mozilla内核浏览器的过渡效果 */  
    -ms-transition: all .4s; /* 兼容IE浏览器的过渡效果 */  
    -o-transition: all .4s; /* 兼容Opera浏览器的过渡效果 */  
    position: relative; /* 定位方式为相对定位 */  
    background-image: none; /* 背景图片为空 */  
    margin-top: 10px; /* 上外边距为10像素 */  
    box-shadow: 0 15px 18px -6px rgba(95,193,206,0.65); /* 盒子阴影效果 */  
    margin-right: 10px; /* 右外边距为10像素 */  
    margin-bottom: 10px; /* 下外边距为10像素 */  
}  
  
/* 定义id为blog_post_info的元素的样式 */  
#blog_post_info {  
    border: #c0c0c0 1px dashed; /* 边框为1像素、虚线、颜色为#c0c0c0 */  
    border-right: 0; /* 右边框为0，即无右边框 */  
    border-left: 0; /* 左边框为0，即无左边框 */  
    margin: 20px 0 20px 0; /* 外边距为上下各20像素，左右为0 */  
}  
  
/* 定义id为green_channel的元素的样式 */  
#green_channel {  
    padding: 10px 0; /* 内边距为上下各10像素，左右为0 */  
    margin-bottom: 10px; /* 下外边距为10像素 */  
    margin-top: 10px; /* 上外边距为10像素 */  
    border: 0; /* 边框为0，即无边框 */  
    font-size: 12px; /* 字体大小为12像素 */  
    width: auto; /* 宽度自动 */  
    text-align: center; /* 文本水平居中对齐 */  
    margin: auto; /* 外边距自动，水平居中 */  
    margin-bottom: 10px; /* 下外边距为10像素 */  
    margin-top: 10px; /* 上外边距为10像素 */  
}  
  
/* 隐藏id为green_channel_wechat和green_channel_weibo的a标签 */  
a#green_channel_wechat, a#green_channel_weibo {  
    display: none; /* 不显示元素 */  
}  
  
/* 定义id为pink_channel_admire的a标签的背景色 */  
a#pink_channel_admire {  
    background: #ff6777; /* 背景色为#ff6777 */  
} 

/* 设置头像样式，头像为圆形，有阴影效果，带边框，左右边距 */  
#author_profile_info img.author_avatar {  
    border-radius: 100%; /* 头像边框圆角为100%，即圆形 */  
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3), 0 1px 3px rgba(0,0,0,0.4); /* 内阴影和外阴影效果 */  
    border: 3px solid #f7f7f7; /* 边框为3像素宽，颜色为#f7f7f7 */  
    padding: 0; /* 内边距为0 */  
    margin-left: 3px; /* 左外边距为3像素 */  
    margin-right: 7px; /* 右外边距为7像素 */  
}  
  
/* 鼠标悬停在头像上时，头像旋转360度 */  
.author_avatar:hover {  
    transform: rotateZ(360deg); /* 旋转360度 */  
}  
  
/* 设置作者信息区域上边距 */  
#author_profile {  
    margin-top: 20px; /* 上外边距为20像素 */  
}  
  
/* 设置推荐内容（可能是文章）上边距 */  
#div_digg {  
    margin-top: 20px; /* 上外边距为20像素 */  
}  
  
/* 设置作者详情链接和前后文链接颜色 */  
#author_profile_detail a, #post_next_prev a {  
    color: #2daebf; /* 链接颜色为#2daebf */  
}  
  
/* 设置前后文区域的下边距 */  
#post_next_prev {  
    margin-bottom: 10px; /* 下外边距为10像素 */  
}  
  
/* 设置评论标题和反馈区域标题的样式 */  
#commentform_title, .feedback_area_title {  
    font: normal normal 16px/35px "Microsoft YaHei"; /* 字体样式、大小、行高和字体族 */  
    margin: 10px 0 30px; /* 外边距为上下各10像素，左右为0，下为30像素 */  
    border-bottom: 2px solid #ccc; /* 下边框为2像素宽，实线，颜色为#ccc */  
    background-image: none; /* 背景图片为空 */  
    padding: 0; /* 内边距为0 */  
    border-bottom: 0; /* 下边框为0，即无下边框（覆盖之前的样式） */  
    overflow: hidden; /* 隐藏溢出的内容 */  
}  
  
/* 评论标题和反馈区域标题后的装饰线样式 */  
#commentform_title:after, .feedback_area_title:after {  
    content: ''; /* 内容为空 */  
    display: block; /* 以块级元素显示 */  
    width: 100%; /* 宽度为100% */  
    text-align: center; /* 文本水平居中对齐 */  
    position: relative; /* 定位方式为相对定位 */  
    bottom: 16px; /* 距离其正常位置底部16像素 */  
    left: 110px; /* 距离其正常位置左侧110像素 */  
    border-bottom: 1px dashed #e9e9e9; /* 下边框为1像素宽，虚线，颜色为#e9e9e9 */  
}  
  
/* 设置评论作者输入框样式 */  
#tbCommentAuthor {  
    padding-left: 10px; /* 左内边距为10像素 */  
    color: #555; /* 文本颜色为#555 */  
    border: 1px solid #ddd; /* 边框为1像素宽，实线，颜色为#ddd */  
    border-radius: 3px; /* 边框圆角为3像素 */  
    -moz-border-radius: 3px; /* 兼容Firefox的边框圆角 */  
    -webkit-border-radius: 3px; /* 兼容Webkit内核浏览器的边框圆角 */  
    width: 320px; /* 宽度为320像素 */  
    height: 20px; /* 高度为20像素 */  
    background: #fff; /* 背景色为白色 */  
}  
  
/* 设置评论框标题宽度 */  
.commentbox_title {  
    width: 100%; /* 宽度为100% */  
}


/* 设置评论表单段落元素底部外边距 */  
div.commentform p {  
    margin-bottom: 20px;  
}  
  
/* 设置评论内容文本域样式 */  
textarea#tbCommentBody {  
    width: calc(100% - 20px); /* 宽度为100%减去20像素 */  
    border-radius: 10px; /* 边框圆角为10像素 */  
    outline: 0; /* 移除文本域的外轮廓 */  
    padding: 10px; /* 内边距为10像素 */  
    height: 200px; /* 高度为200像素 */  
    position: relative; /* 定位方式为相对定位 */  
    background: url(https://images.cnblogs.com/cnblogs_com/miluluyo/1765646/o_200522074153comment-bg.png); /* 背景图片 */  
    background-size: contain; /* 背景图片大小以适应容器 */  
    background-repeat: no-repeat; /* 背景图片不重复 */  
    background-position: right; /* 背景图片位置在右侧 */  
    resize: vertical; /* 文本域可垂直调整大小 */  
}  
  
/* 设置反馈项的上外边距 */  
.feedbackItem {  
    margin-top: 30px;  
}  
  
/* 设置反馈列表副标题样式 */  
.feedbackListSubtitle {  
    clear: both; /* 清除浮动 */  
    color: #a8a8a8; /* 文本颜色为灰色 */  
    padding: 8px 5px; /* 内边距 */  
}  
  
/* 设置反馈管理区域的样式 */  
.feedbackManage {  
    width: 200px; /* 宽度为200像素 */  
    text-align: right; /* 文本右对齐 */  
    float: right; /* 右浮动 */  
}  
  
/* 设置反馈列表副标题中的链接样式 */  
.feedbackListSubtitle a:link,  
.feedbackListSubtitle a:visited,  
.feedbackListSubtitle a:active {  
    color: #777; /* 链接颜色为灰色 */  
    font-weight: 450; /* 字体加粗 */  
}  
  
/* 设置楼主（原作者）的样式 */  
.louzhu {  
    background: transparent url(/images/icoLouZhu.gif) no-repeat scroll right top; /* 背景图片，位置在右上角 */  
    padding-right: 16px; /* 右内边距为16像素 */  
}  
  
/* 设置反馈内容区域的样式 */  
.feedbackCon {  
    border-bottom: 1px solid #EEE; /* 下边框为1像素宽，实线，颜色为浅灰色 */  
    padding: 10px 20px 10px 5px; /* 内边距 */  
    min-height: 35px; /* 最小高度为35像素 */  
    _height: 35px; /* 旧版IE浏览器的高度兼容 */  
    margin-bottom: 1em; /* 下外边距 */  
    line-height: 1.5; /* 行高 */  
}  
  
/* 设置评论头像的样式 */  
.comment-avatar {  
    width: 48px; /* 宽度为48像素 */  
    height: 48px; /* 高度为48像素 */  
    border: 1px solid #dcd6b3; /* 边框为1像素宽，实线，颜色为#dcd6b3 */  
    padding: 3px; /* 内边距为3像素 */  
    border-radius: 50%; /* 边框为圆形 */  
    -webkit-transition: all .6s ease-out; /* Webkit内核浏览器的过渡效果 */  
    -moz-transition: all .5s ease-out; /* Firefox浏览器的过渡效果 */  
    -ms-transition: all .5s ease-out; /* IE浏览器的过渡效果 */  
    -o-transition: all .5s ease-out; /* Opera浏览器的过渡效果 */  
    transition: all .5s ease-out; /* 通用过渡效果 */  
}  
  

/* 设置评论内容区域的样式 */  
.blog_comment_body {  
    display: inline-block; /* 以内联块级元素显示 */  
    width: 70%; /* 宽度为70% */  
    margin-left: 15px; /* 左外边距为15像素 */  
    vertical-align: top !important; /* 垂直对齐方式为顶部，并使用 !important 提升优先级 */  
    font-family: Lato, Helvetica, Arial, sans-serif; /* 字体族设置 */  
}  
  
/* 设置评论投票区域的样式 */  
.comment_vote {  
    padding-right: 10px; /* 右内边距为10像素 */  
}  
  
/* 设置评论投票链接的颜色 */  
.comment_vote a {  
    color: #999; /* 链接颜色为深灰色 */  
}  
  
/* 设置评论内容区域的链接颜色 */  
.blog_comment_body a {  
    color: #2daebf; /* 链接颜色为特定的蓝色 */  
}  
  
/* 设置评论头像的鼠标悬停效果 */  
.comment-avatar:hover {  
    transform: rotateZ(360deg); /* 鼠标悬停时头像旋转360度 */  
}  
  
/* 设置评论导航区域的上内边距 */  
#comment_nav {  
    padding-top: 10px; /* 上内边距为10像素 */  
}  
  
/* 设置评论内容区域图片的最大宽度 */  
.blog_comment_body img {  
    max-width: 100px !important; /* 图片最大宽度为100像素，使用 !important 提升优先级 */  
}  
  
/* 设置评论按钮的样式 */  
.comment_btn {  
    width: 200px; /* 宽度为200像素 */  
    height: 38px; /* 高度为38像素 */  
    padding: 8px 20px; /* 内边距上下为8像素，左右为20像素 */  
    text-align: center; /* 文本居中 */  
    font-size: 14px; /* 字体大小为14像素 */  
    color: #fff; /* 文本颜色为白色 */  
    border: 0; /* 无边框 */  
    background: #7396a7 !important; /* 背景颜色为深蓝色，使用 !important 提升优先级 */  
    border-radius: 3px; /* 边框圆角为3像素 */  
    -moz-border-radius: 3px; /* 兼容旧版Firefox浏览器的边框圆角 */  
    -webkit-border-radius: 3px; /* 兼容Webkit内核浏览器的边框圆角 */  
    -webkit-transition: all .4s ease; /* Webkit内核浏览器的过渡效果，所有属性0.4秒内平滑过渡 */  
    -moz-transition: all .4s ease; /* Firefox浏览器的过渡效果 */  
    -o-transition: all .4s ease; /* Opera浏览器的过渡效果 */  
    -ms-transition: all .4s ease; /* IE浏览器的过渡效果 */  
    transition: all .4s ease; /* 通用过渡效果 */  
    cursor: pointer; /* 鼠标样式为手形，表示可点击 */  
    display: inline-block; /* 以内联块级元素显示 */  
    vertical-align: middle; /* 垂直对齐方式为居中 */  
    outline: 0; /* 移除点击时的外轮廓 */  
    text-decoration: none; /* 无文本装饰，例如下划线 */  
}  
  
/* 设置评论按钮的鼠标悬停效果 */  
.comment_btn:hover {  
    background: #8cb7cc !important; /* 鼠标悬停时背景颜色变为浅蓝色，使用 !important 提升优先级 */  
}  
  
/* 设置评论框选项的文本对齐方式为居中 */  
p#commentbox_opt {  
    text-align: center; /* 文本居中对齐 */  
}  
  
/* 设置其他元素隐藏 */  
#author_profile_follow,  
#ad_t2,  
#cnblogs_c1,  
#under_post_news,  
#cnblogs_c2,  
#under_post_kb {  
    display: none; /* 不显示这些元素 */  
} 

/* 设置OwO表情面板的基础样式 */  
.OwO {  
    position: relative; /* 绝对定位的基础，其他元素会相对于此元素定位 */  
    -webkit-user-select: none; /* 禁止在Webkit内核的浏览器中选择文本 */  
    -moz-user-select: none; /* 禁止在Firefox浏览器中选择文本 */  
    -ms-user-select: none; /* 禁止在IE/Edge浏览器中选择文本 */  
    user-select: none; /* 通用规则，禁止选择文本 */  
    margin: 0 0 5px 0; /* 设置元素的外边距，下外边距为5px，其他为0 */  
}  
  
/* 设置OwO表情面板的Logo样式 */  
.OwO .OwO-logo {  
    position: relative; /* 定位方式为相对定位 */  
    display: inline-block; /* 以内联块级元素显示 */  
    color: #888; /* 文本颜色为深灰色 */  
    background: #fff; /* 背景颜色为白色 */  
    border: 1px solid #ddd; /* 边框为1像素，颜色为浅灰色 */  
    border-radius: 4px; /* 边框圆角为4像素 */  
    font-size: 13px; /* 字体大小为13像素 */  
    padding: 2px 5px; /* 内边距上下为2像素，左右为5像素 */  
    cursor: pointer; /* 鼠标样式为手形，表示可点击 */  
    height: 22px; /* 高度为22像素 */  
    box-sizing: border-box; /* 盒模型计算方式，包括边框和内边距 */  
    z-index: 2; /* 堆叠顺序为2，高于其他同级元素 */  
    line-height: 16px; /* 行高为16像素，用于垂直居中 */  
}  
  
/* 设置OwO表情面板中某一部分的样式 */  
.OwO .OwO-body .OwO-bar {  
    height: auto !important; /* 高度自动，使用!important提升优先级 */  
}  
  
/* 设置OwO表情面板中图片的最大宽度 */  
.OwO .OwO-body .OwO-items-image .OwO-item img {  
    max-width: 100% !important; /* 图片最大宽度为100%，使用!important提升优先级 */  
}  
  
/* 设置图标的通用样式 */  
.icon {  
    width: 1.5rem; /* 宽度为1.5rem */  
    height: 1.5rem; /* 高度为1.5rem */  
    vertical-align: -0.15em; /* 垂直对齐方式 */  
    fill: currentColor; /* 填充颜色为当前文本颜色 */  
    overflow: hidden; /* 超出部分隐藏 */  
}  
  
/* 设置SVG路径的鼠标样式为手形，表示可点击 */  
path {  
    cursor: pointer !important; /* 鼠标样式为手形，使用!important提升优先级 */  
}  
  
/* 设置SVG use标签的鼠标样式为手形，表示可点击 */  
use {  
    cursor: pointer !important; /* 鼠标样式为手形，使用!important提升优先级 */  
}  
  
/* 设置搜索图标的样式 */  
.search_icon {  
    width: 1rem; /* 宽度为1rem */  
    height: 1rem; /* 高度为1rem */  
}  
  
/* 设置信息表格中图标的鼠标样式为手形，表示可点击 */  
#info_table .icon {  
    cursor: pointer; /* 鼠标样式为手形 */  
}  
  
/* 设置信息表格中的行高 */  
#info_table tr {  
    height: 2rem; /* 行高为2rem */  
}  
  
/* 设置通知标题的样式 */  
.notice_title {  
    font-weight: 500; /* 字体加粗 */  
    text-align: center; /* 文本居中 */  
    width: 100%; /* 宽度为100% */  
    display: inline-block; /* 以内联块级元素显示 */  
    margin: 50px auto; /* 外边距上下为50px，左右自动 */  
}

/* 设置通知标题中普通文本的样式 */  
.notice_title span {  
    display: inline-block; /* 以内联块级元素显示 */  
    width: 100px; /* 宽度为100像素 */  
    font-weight: 500; /* 字体加粗 */  
}  
  
/* 设置信息表格的样式 */  
#info_table {  
    width: 75%; /* 宽度为容器宽度的75% */  
    margin: 0 auto; /* 外边距上下为0，左右自动，实现水平居中 */  
    text-align: center; /* 文本居中 */  
    margin-top: 10px; /* 上外边距为10像素 */  
    margin-bottom: 10px; /* 下外边距为10像素 */  
}  
  
/* 设置博客新闻容器的样式 */  
#blog-news {  
    position: relative; /* 定位方式为相对定位 */  
    overflow: inherit; /* 溢出内容处理方式继承父元素 */  
}  
  
/* 设置提示信息的样式 */  
.attention {  
    height: 90px; /* 高度为90像素 */  
    width: calc(100% - 30px); /* 宽度为100%减去30像素 */  
    line-height: 90px; /* 行高为90像素，用于垂直居中 */  
    position: absolute; /* 定位方式为绝对定位 */  
    z-index: 2; /* 堆叠顺序为2，高于其他同级元素 */  
    cursor: pointer; /* 鼠标样式为手形，表示可点击 */  
}  
  
/* 设置提示信息中的小圆圈的样式 */  
.attention span {  
    color: #fff; /* 文本颜色为白色 */  
    margin: 4px; /* 外边距为4像素 */  
    background: rgba(0,0,0,0.4); /* 背景颜色为半透明的黑色 */  
    width: 80px; /* 宽度为80像素 */  
    height: 80px; /* 高度为80像素 */  
    display: inline-block; /* 以内联块级元素显示 */  
    border-radius: 40px; /* 边框圆角为40像素，形成圆形 */  
    display: none; /* 默认不显示 */  
    cursor: pointer; /* 鼠标样式为手形，表示可点击 */  
}  
  
/* 当鼠标悬停在提示信息上时，显示小圆圈 */  
.attention:hover span {  
    display: inline-block; /* 鼠标悬停时显示小圆圈 */  
}  
  
/* 当鼠标悬停在提示信息上并再次悬停在小圆圈上时，改变提示信息的背景 */  
.attention:hover:hover {  
    background: url(https://images.cnblogs.com/cnblogs_com/miluluyo/1765646/o_200519071022snow2.gif); /* 背景图片 */  
    background-size: cover; /* 背景图片覆盖整个元素 */  
    color: #999; /* 文本颜色为深灰色 */  
}  
  
/* 设置飞回顶部的按钮的样式，但默认不显示 */  
.fly_top {  
    display: none; /* 默认不显示 */  
}  
  
/* 设置加载器的样式 */  
#loader {  
    width: 500px; /* 宽度为500像素 */  
    position: fixed; /* 定位方式为固定定位 */  
    text-align: center; /* 文本居中 */  
    left: calc(50% - 250px); /* 水平居中 */  
    top: calc(50% - 10px); /* 垂直居中 */  
}  
  
/* 设置加载器中每个小方块的样式 */  
#loader .square {  
    display: inline-block; /* 以内联块级元素显示 */  
    height: 10px; /* 高度为10像素 */  
    width: 10px; /* 宽度为10像素 */  
    margin: 10px; /* 外边距为10像素 */  
    position: relative; /* 定位方式为相对定位 */  
    box-shadow: 0 0 20px rgba(0,0,0,.3); /* 盒子阴影效果 */  
    animation: bouncer cubic-bezier(.455,.03,.515,.955) .75s infinite alternate; /* 动画效果 */  
}

/*Loader动画*/
#loader .square:nth-child(5n+1){background:#0F9;animation-delay:0}
#loader .square:nth-child(5n+2){background:#0CF;animation-delay:calc(0s+(.1s * 1))}
#loader .square:nth-child(5n+3){background:#93F;animation-delay:calc(0s+(.1s * 2))}
#loader .square:nth-child(5n+4){background:#F66;animation-delay:calc(0s+(.1s * 3))}
#loader .square:nth-child(5n+5){background:#fff35c;animation-delay:calc(0s+(.1s * 4))}
/*这段代码定义了一个名为loader的元素内部的.square子元素的样式。.square元素根据其在父元素中的位置（通过:nth-child选择器）拥有不同的背景色和动画延迟。每个.square元素有五种可能的背景色，并且每个元素的动画开始时间（通过animation-delay属性）都比前一个元素晚0.1秒。*/

@keyframes bouncer{to{transform:scale(1.75) translateY(-20px)}}
/*定义了一个名为bouncer的关键帧动画，这个动画将元素在结束时放大到原来的1.75倍，并在垂直方向上向上移动20px*/

/*设置按钮样式*/
#set_btn_box{z-index:999;position:fixed;right:24px;bottom:96px;width:32px}
.set_btn{display:inline-block;margin-top:16px;width:32px;height:32px;-webkit-transition:all;transition:all;cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;border-radius:100%;box-shadow:0 2px 6px rgba(0,0,0,.15);background:#fff;text-align:center;line-height:32px;box-shadow:#7f8c93 1px 1px 5px}
.set_btn svg{width:20px;height:20px;margin:6px auto;cursor:pointer}
.set_btn use{cursor:pointer}
/*这部分代码定义了设置按钮的样式。#set_btn_box是一个固定在页面右下角的小盒子，用于包含.set_btn。.set_btn是一个圆形按钮，带有阴影效果，并且其中的SVG图标垂直居中。*/

/*提示框和弹出框样式*/
.tippy-box{background-color:#fff;color:#000;-moz-box-shadow:2px 2px 10px #4d4d4d;-webkit-box-shadow:2px 2px 10px #4d4d4d;box-shadow:2px 2px 10px #4d4d4d}
.tippy-box[data-theme~='tomato']{background-color:#fff;color:#000;-moz-box-shadow:2px 2px 10px #4d4d4d;-webkit-box-shadow:2px 2px 10px #4d4d4d;box-shadow:2px 2px 10px #4d4d4d}
.tippy-arrow{width:16px;height:16px;color:#fff!important}
.popper_box{color:#595959;justify-content:center;font-size:12px;color:#8c8c8c;width:300px;min-height:158px}
.popper_box p{display:block;box-sizing:border-box;width:100%;margin:5px 10px 0 5px;text-align:center}
.popper_box p:nth-child(3){margin-bottom:5px}
.popper_box_con{display:block;width:300px}
.popper_box_con_li{text-align:center;display:inline-block;box-sizing:border-box;width:calc(50% - 5px);padding:0;vertical-align:top;padding:5px;margin:0 auto}
.popper_box_con_li img{width:100%;vertical-align:middle}
#info_table .popper_box{width:200px}
#info_table .popper_box_con{width:200px}#info_table .popper_box_con_li{width:70%;display:block}

/*全局样式*/
canvas#thumsCanvas{  
    position:absolute;  
    margin-top:-200px;  
    margin-left:-30px;  
    pointer-events:none;  
}

/*侧边栏和目录的样式*/
@media only screen and (max-width:1300px){  
    #sideBar{  
        width:100%;  
        visibility:hidden;  
        position:fixed;  
        top:0;  
        bottom:0;  
        right:0;  
        margin:0;  
        width:100vw;  
        max-width:100vw;  
        overflow-y:scroll;  
        -webkit-clip-path:circle(30px at 100% 100%);  
        clip-path:circle(30px at 100% 100%);  
        background:#fff;  
        z-index:2;  
        box-shadow:-1px 0 3px rgba(26,26,26,.1);  
    }  
    #sideBarMain{  
        margin-top:10px;  
    }  
    #mainContent{  
        float:none;  
        margin:0 auto;  
        width:90%;  
    }  
    #catalogue{  
        width:100%;  
        visibility:hidden;  
        position:fixed;  
        top:0;  
        bottom:0;  
        right:0;  
        margin:0;  
        width:100vw;  
        max-width:100vw;  
        overflow-y:scroll;  
        -webkit-clip-path:circle(30px at 100% 100%);  
        clip-path:circle(30px at 100% 100%);  
        background:#fff;  
        z-index:2;  
        box-shadow:-1px 0 3px rgba(26,26,26,.1);  
    }  
    #catalogue .catalogueMain{  
        margin-top:10px;  
    }  
}


div#sideBarMain{margin-top:10px}
div#mainContent{float:none;margin:0 auto;width:90%}
#catalogue{width:100%;visibility:hidden;position:fixed;top:0;bottom:0;right:0;margin:0;width:100vw;max-width:100vw;overflow-y:scroll;-webkit-clip-path:circle(30px at 100% 100%);clip-path:circle(30px at 100% 100%);background:#fff;z-index:2;box-shadow:-1px 0 3px rgba(26,26,26,.1)}
div#catalogue .catalogueMain{margin-top:10px}}

/*响应式布局样式*/
@media (max-width: 1000px) {  
    #live2d-widget, #player {  
        display: none;  
    }  
}  
@media (max-width: 1500px) {  
    #live2d-widget {  
        display: none;  
    }  
}  
@media (min-width: 767px) and (max-width: 960px) {  
    #set_btn_box {  
        right: 5px;  
    }  
    #mainContent {  
        width: 90%;  
    }  
    #live2d-widget, #player {  
        display: none;  
    }  
}  
@media (max-width: 767px) {  
    #set_btn_box {  
        right: 5px;  
    }  
    #sideBar {  
        width: 100% !important;  
    }  
    #sideBar #sideBarMain {  
        width: 95% !important;  
    }  
    canvas#thumsCanvas {  
        margin-top: -100px;  
        margin-left: 50%;  
    }  
    #catalogue {  
        width: 100% !important;  
    }
    #catalogue .catalogueMain{
        width:calc(100% - 20px)!important
        }
    #live2d-widget,#player{
        display:none
    }
}
.article_icon_btn{display:none}

/*目录列表样式*/
#catalogue ul li {  
    line-height: 25px;  
    padding-left: 10px;  
}  
#catalogue ul ul {  
    padding-left: 30px;  
}  
#catalogue ul ul li {  
    line-height: 20px;  
}

/*皮肤选择器样式*/
.select_skin ul li{
    display:block;
    width:120px;
    text-align:center;
    color:#2daebf!important;
    cursor:pointer
}
.select_skin ul li:hover{color:#f60!important}
.select_skin ul li{
    -webkit-transform:translateX(5px);
    transform:translateX(5px);
    -webkit-transition:all .2s;
    transition:all .2s
}

/*引用块和分隔线样式*/
blockquote{
    padding:0 10px;
    color:#7e958b;
    border:0;
    border-left:4px solid #7f8c93;
    padding-left:20px;
    margin-left:0;
    font-size:14px;
    font-style:italic
}
hr{
    background-color:#7e958b;
    border:0;height:1px;
    margin:10px 0
}

/*表格和作者关注样式*/
table{
    margin:10px 0
}
#author_profile_follow{color:#7f8c93}

/*联合框样式*/
.unionbox{
    margin-bottom:4rem;
    width:48%;box-shadow:0 2px 10px rgba(0,0,0,.2);
    transition:all .5s;font-size:16px;color:#7396a7
}
.unionbox:hover{transform:scale(1.05)}
.unionbox .headimg{display:inline-block;width:100px}
.unionbox .content{width:calc(100% - 120px);display:inline-block}
.headimg img{width:75px;height:75px;border-radius:75px}
.unionbox .avatar{width:100%}
.unionbox .info{margin:2.5rem 0 1.5rem;padding:0 0 .5rem 1.5rem;display:flex;margin-bottom:0}
.unionbox h3{margin:0;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:30px}
.unionbox .desc{margin:.6rem 0 1.5rem}
.unionbox .btn{
    display:inline-block;
    background-color:#3eaf7c;color:#fff;
    border-radius:2px;padding:4px 8px;font-size:.7rem;text-decoration:none;
    cursor:pointer;margin:0 1.5rem 1.5rem 0rem
}
@media(max-width:767px){
    .unionbox .info{
        display:block;margin:1.5rem 1.5rem;padding:0
    }
    .unionbox .headimg{
        display:block;width:100%;text-align:center
    }
    .unionbox .content{
        display:block;width:100%;text-align:center
    }
    #cnblogs_post_body h3,.blog_comment_body h4{
        margin:0;padding:0;max-width:100%;
        text-align:center;margin-top:10px
    }
    .unionbox .btn{margin:0;margin-top:10px}
}


/*修改字体*/
*{font-family: "Noto Sans SC";font-weight: 100;}
/*修改默认a标签颜色*/
a:visited,a:link{color: #2daebf;text-decoration: none;}
a:hover{color: #f60;text-transform: none}
/*字体大小及颜色*/
#cnblogs_post_body p{font-size: 1rem;}
body, textarea, input, button, select, keygen, legend{color:#7f8c93}

/*博客园更新后顶部出现的条目以及顶部广告，用下方代码可以隐藏*/
div#top_nav { display:none } 
div#bannerbar {display: none;}


.poem-wrap {
    position: relative;
    width: 1000px;
    max-width: 80%;
    border: 2px solid #797979;
    border-top: none;
    text-align: center;
    margin: 40px auto;
}
.poem-left {
    left: 0;
}
.poem-right {
    right: 0;
}
.poem-border {
    position: absolute;
    height: 2px;
    width: 27%;
    background-color: #797979;
}
.poem-wrap p {
    width: 70%;
    margin: auto;
    line-height: 30px;
    color: #797979;
}
.poem-wrap h1 {
    position: relative;
    margin-top: -20px;
    display: inline-block;
    letter-spacing: 4px;
    color: #797979;
    font-size: 2em;
    margin-bottom: 20px;
}
#poem_sentence {
    font-size: 25px;
}
#poem_info {
    font-size: 15px;
    margin: 15px auto;
}