@charset "UTF-8";


/* ==================================夜间模式============================================ */
body .dark_mode,
body div .dark_mode,
body span .dark_mode,
body li .dark_mode {
    background-color: rgb(13, 17, 23);
    color: #ffffff;
}
body a .dark_mode_a {
    /* background-color: rgb(13, 17, 23); */
    color: rgb( 41,128,185);
}

.nav-item {
    position: relative;
    margin: 0 .25rem;
    line-height: 2rem;
    z-index: 888888;
}
#appearance-switch {
    border-width: 0;
    background: transparent;
    vertical-align: middle;
    padding: 6px;
    color: #666;
    cursor: pointer;
    transition: color .3s ease;
    position: fixed;
}
/* 解开注释模式切换图标即可再现 */
/* #appearance-switch .icon {
    width: 1.25rem;
    height: 1.25rem;
    position: fixed;
    margin-left: 96%;
    margin-bottom: 10%;
} */




/*==================================前置操作：全局性设置===============================*/

* {
    margin: 0;
    padding: 0;
}


#main {
    margin-left: 6%;
}


/* 处理溢出问题 start */
#wrap {
    overflow: hidden;
}
/* 处理溢出问题 start */


/* 隐藏 start */
.under-post-card,
.charm-bar-wrapper,
.listtitle,
#poweredby,
#mystats,
#div_digg,
.dayTitle,
#cnblogs_ch,
.entrylist .entrylistTitle
{
    display: none;
}


/* 整个屏幕最大宽度 */
.skin-blank.no-navbar.mathjax3 {
    max-width: 250%;
}


/* body整个页面 start */
body {
    font-size: 20px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #000;
    background-color: rgb(244,246,250);
    background-size: cover;
    background-repeat: no-repeat;
}
/* body整个页面 end */




/*===========================全局性：顶部设置========================*/

/* 顶部进度条 start */
#content_progress {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    color: #35a935;
}

#content_progress::-webkit-progress-bar {
    background-color: transparent;
}

#content_progress::-webkit-progress-value {
    background-color: #35a935;
}

#content_progress::-moz-progress-bar {
    background-color: #35a935;
}

/* 顶部进度条 end */



/* 顶部导航栏 start */
#menu  {
    width: 100%;
    max-width: auto;
    margin: 0 auto;
    z-index: 9999;
}
#mylinks {
    display: -webkit-box;
    margin-left: 6.3%;
    margin-right: 6%;
    background-color: rgb(255,255,255);
    /* 设置父联元素font-size为0，从而清除   */
    font-size: 0;
}
#mylinks a {
    /* display: inline-block; */
    display: flex;
    /* 重新内联元素的font-size */
    font-size: 20px;
    /* margin-right: 253px; */
    margin-right: 30px;
    /* margin-top: -2px; */
}

#mystats {
    margin-right: 6%;
    font-size: 19px;
    background-color: rgb(255,255,255);
}

/* 顶部导航栏 end */

/*=========================首页设置============================*/
/* 主标题 start */
.headerText {
    margin-bottom: 10px;
    text-align: -webkit-center;
    font-size: 37px;
    font-family: cursive, serif;
    background-image: -webkit-linear-gradient(left, #ffb4b4, #a369b9 25%, #7057e8 50%, #804170 75%, #cbcd96);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation: masked-animation 1.5s infinite linear;
}
/* 主标题 end */


/* 副标题 start */
.headerDis {
    margin-bottom: 10px;
    font-size: 23px;
    font-family: cursive, serif;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    text-align: -webkit-center;
    /* margin-left: 20%; */
}
/* 副标题 end */



/*=================================首页文章相关===============================*/

/* 首页文章标题 start */
.postTitle {
    overflow: hidden;
    height: auto;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    font-family: "Lato", Helvetica Neue, Helvetica, Arial, sans-serif;
    background-color: rgb(255,255,255);
    /* border-left: 4px solid #21759b; */
}

.postTitle a:hover {
    text-decoration: none;
    margin-left: 17px;
    color: #E00000;
}

.postTitle a:link,
.postTitle a:visited,
.postTitle a:active {
    transition: all 0.4s linear 0s;
}

/* 首页文章标题 end */



/* 置顶随笔摘要  start */
.postCon {
    padding: 20px;
    background-color: #ffffff;
    border-radius: 4px;
}
/* 置顶随笔摘要  end */


/* 首页文章摘要、首页文章描述 start */
.c_b_p_desc,
.entrylistItem .c_b_p_desc {
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height: 1.5;
    font-size: 18px;
}
.day .postCon .c_b_p_desc,
.entrylistItem .c_b_p_desc {
    color: #5f5f6b;
    line-height: 24px;
    padding: 2px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    overflow: hidden;
}
.day .postDesc {
    font-size: 18px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #97979f;
    line-height: 1.8;
    background-color: rgb(255,255,255);
    margin-bottom: 20px;
}
.c_b_p_desc .desc_img {
    height: 150px;
    width: 190px;
    margin: 0 10px 10px 20px;
    object-fit: cover;
    box-shadow: 0 0 0 1px #e7eaf0;
    border-radius: 4px;
}

/* 首页文章摘要、首页文章描述 end */



/* 下一页 start */
#nav_next_page {
    margin-top: 50px;
}
/* 下一页 end */


/* 首页底部 start */
#footer {
    margin-right: 10%;
    margin-top: -3%;
}
/* 首页底部 end */


/*==================================首页侧边栏==============================*/

#right {
    /* display: none; */
    margin-top: 21px;
    margin-right: 12%;
}


/* 圆圈头像框 start */
#newsSideBar .headImage img {
    border: 3px solid #C0C0C0;
    border-radius: 50%;
    width: 200px;
    margin: auto;
    display: block;
}

#blog-news > img {
    display: block;
    margin: auto;
    border-radius: 50%;
}
/* 圆圈头像框 end */



/* 公告、作者信息、加关注 start */
#profile_block,
#sidebar_news_content,
#sidebar_scorerank,
#sidebar_search,
#sidebar_news {
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    margin-bottom: 20px;
    border: 1px solid #e7eaf0;
    line-height: 2.0;
    font-size: 15px;
}

#sidebar_news_content {
    padding: 0 10px;
    margin-bottom: 0;
}

#profile_block > a:link {
    color: #F60;
}

/* 加关注 */
#p_b_follow,
.follow-tip {
    border-radius: 4px;
    margin: 10px 0;
    line-height: 3;
    text-align: center;
    background-color: rgb(255,102,0);
}
.follow-tip {
    margin-left: 10px;
}

#p_b_follow a,
.follow-tip a {
    color: #fff;
}
#p_b_follow:hover,
.follow-tip:hover {
    color: #fff;
    background-color: rgb(255,133, 51);
}

/* 公告、作者信息、加关注 start */





/* 博客侧边标题样式 start */
/* 随笔分类【我的分类】 start */
.catListTitle,
#sidebar_scorerank h3,
.listtitle {
    margin-top: 21px;
    color: black;
    margin-bottom: 10.5px;
    text-align: left;
    font-size: 18px;
    border-left: 3px solid rgba(82, 168, 236, 0.8);
    border-right: 3px solid rgba(82, 168, 236, 0.8);
    padding: 10px 0 7px 10px;
    background-color: pink;
}

#sidebar_categories li,
#sidebar_toptags li {
    font-size: 17px;
    height: 40px;
    margin: 0;
    padding-left: 20px;
    padding-right: 15px;
    line-height: 42px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
#sidebar_categories li {
    padding-left: 22px;
}

#sidebar_categories li a,
#sidebar_toptags li a {
    color: #61687C
}

#sidebar_categories li:active,
#sidebar_categories li:link,
#sidebar_categories li:visited,
#sidebar_toptags li:active,
#sidebar_toptags li:link,
#sidebar_toptags li:visited {
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#sidebar_categories li:hover,
#sidebar_toptags li:hover {
    margin-left: 10px;
    border-radius: 5px;
    margin: 0 5px;
    font-size: 17px
}


/* 分类中博文布局 start */
.entrylistTitle {
    line-height: 2.4;
    z-index: 2;
    position: relative;
    font-size: 28px;
    color: #fff;
    padding: 100px 20px;
    border-radius: 4px;
    text-align: center;
    margin: 0;
    letter-spacing: 10px;
    background-image: url(https://img2023.cnblogs.com/blog/2421736/202407/2421736-20240705231819727-1612100249.jpg);
    background-position: center;
    background-size: cover;
}
.entrylist {
    margin-top: -50px;
}
.entrylistDescription {
    margin-top: 30px;
    padding: 30px;
    font-size: 24px;
    text-align: left;
    float: right;
}

.entrylistItem {
    background-color: rgb(255,255,255);
    margin-bottom: 35px;
}
.entrylistItemTitle {
    display: inline-block;
    margin-bottom: 40px;
    width: 100%;
    font-size: 18px;
    text-align: center;
    font-family: "Lato", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
}

/* 分类中博文布局 end */
/* 博客侧边标题样式 start */
/* 随笔分类【我的分类】 start */
.catListTitle,
#sidebar_scorerank h3,
.listtitle {
    margin-top: 21px;
    color: black;
    margin-bottom: 10.5px;
    text-align: left;
    font-size: 18px;
    border-left: 3px solid rgba(82, 168, 236, 0.8);
    border-right: 3px solid rgba(82, 168, 236, 0.8);
    padding: 10px 0 7px 10px;
    background-color: pink;
}

#sidebar_categories li,
#sidebar_toptags li {
    font-size: 17px;
    height: 40px;
    margin: 0;
    padding-left: 20px;
    padding-right: 15px;
    line-height: 42px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
#sidebar_categories li {
    padding-left: 22px;
}

#sidebar_categories li a,
#sidebar_toptags li a {
    color: #61687C
}

#sidebar_categories li:active,
#sidebar_categories li:link,
#sidebar_categories li:visited,
#sidebar_toptags li:active,
#sidebar_toptags li:link,
#sidebar_toptags li:visited {
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#sidebar_categories li:hover,
#sidebar_toptags li:hover {
    margin-left: 10px;
    border-radius: 5px;
    margin: 0 5px;
    font-size: 17px
}


#sidebar_categories .sidebar-card-title-a,
#topics .category-block-title {
    visibility: hidden;
    position: relative;
}
#sidebar_categories .sidebar-card-title-a:after,
#topics .category-block-title:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "飘香楼";
}

#sidebar_categories,
#sidebar_topdiggedposts {
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    margin-bottom: 20px;
    border: 1px solid #e7eaf0;
}

#sidebar_categories ul {
    list-style-type: none;
    padding: 0 !important;
    line-height: 2;
}
.catList li {
    display: inline-block;
    margin-right: 20px;
    background: url(https://img2023.cnblogs.com/blog/2421736/202407/2421736-20240706211856443-1367825795.png) no-repeat 0px 0px;
    background-size: 17px;
    background-position-y: center;
    padding-left: 20px;
}
/* 随笔分类【我的分类】 start */


/* 推荐排行榜 */
#sidebar_topdiggedposts li,
#sidebar_topviewedposts li,
#sidebar_scorerank li {
    margin: 12px 0;
    font-size: 17px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: -webkit-match-parent;
}
#sidebar_scorerank li:first-child {
    display: inline-block;
    margin-right: 20px;
    background: url(https://img2023.cnblogs.com/blog/2421736/202407/2421736-20240706214922443-89787917.png) no-repeat 0px 0px;
    background-size: 17px;;
    background-position-y: center;
    padding-left: 20px;
}
#sidebar_scorerank li:nth-child(2) {
    display: inline-block;
    margin-right: 20px;
    background: url(https://img2023.cnblogs.com/blog/2421736/202407/2421736-20240706215712953-1606039281.png) no-repeat 0px 0px;
    background-size: 17px;;
    background-position-y: center;
    padding-left: 20px;
}
#TopDiggPostsBlock ul {
    display: block;
}

#TopDiggPostsBlock ul li {
    display: list-item;
    text-align: -webkit-match-parent;
    margin-right: 20px;
    /* 巧劲儿，裁剪图片时故意让顶部留空白，从而做到和 li 保持平行 */
    background: url(https://img2023.cnblogs.com/blog/2421736/202407/2421736-20240706221928383-968496736.png) no-repeat 0px 0px;
    background-size: 17px;
    background-position-y: inherit;
    padding-left: 20px;
}

#sidebar_topdiggedposts li a:active,
#sidebar_topdiggedposts li a:hover,
#sidebar_topdiggedposts li a:link,
#sidebar_topdiggedposts li a:visited,
#sidebar_topviewedposts li a:active,
#sidebar_topviewedposts li a:hover,
#sidebar_topviewedposts li a:link,
#sidebar_topviewedposts li a:visited {
    color: #61687C
}

#sidebar_topdiggedposts .sidebar-card-title-a {
    visibility: hidden;
    position: relative;
}
#sidebar_topdiggedposts .sidebar-card-title-a:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    content: "花魁";
}



#topics .myposts_title {
    visibility: hidden;
    position: relative;
}
#topics .myposts_title:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    content: "花魁";
}
/* 博客侧边标题样式 end */




/*===========================================文章页设置======================================*/
/* 点赞时顶部提示信息 start */
#notification {
    display: none;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    z-index: 1000;
}
/* 点赞时顶部提示信息 end */


/* 博文整个大框 start */
.post {
    background-color: rgb(255,255,255);
    max-width: 250%;
    margin-right: 12%;
}
/* 博文整个大框 end */


/* 文章页头 start */
.entry-census {
    color: #97979f;
    font-size: 16px;
    padding: 18px 0 0;
    line-height: 39px;
    margin-top: 30px;
}

.entry-census .bull {
    margin: 0 5px
}

.entry-census a {
    color: blue
}
/* 文章页头 end */


/* 博文标题 start */
#cnblogs_post_body h1,
#cnblogs_post_body h2,
#cnblogs_post_body h3,
#cnblogs_post_body h4,
#cnblogs_post_body h5,
#cnblogs_post_body h6 {
    margin-top: 40px;
    text-align: center;
    color: black;
    font-size: 23px;
}
/* 博文标题 end */


/* 文章内容字体 start */
#cnblogs_post_body {
    font-size: 19px;
    background-color: #fff;
    font-family: Microsoft YaHei;
    color: black;
    text-align: left;
    line-height: 1.8;
    margin: 30px 30px;
}
/* 文章内容字体 end */


/* 目录导航 start */
#uprightsideBar {
    /* 让其处在右上角 */
    position: fixed;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    top: 150px;
    right: -20px;
    width: auto;
    height: auto;
}

#sideBarTab {
    width: 80px;
    margin-right: 10px;
    border-right:none;
    text-align: center;
    background-color: rgba(255, 255, 255, 0);
    cursor: pointer;
}

#sideBarContents {
    font-size: 15px;
    float: left;
    overflow: auto;
    overflow-x: hidden;!important;
    width: auto;
    min-height: 108px;
    max-height: 460px;
    border: 1px solid #e5e5e5;
    border-right: none;
    background: #ffffff;
}

#sideBarContents dl {
    margin: 0;
    padding: 0;
}

#sideBarContents dt {
    margin-top: 5px;
    margin-left: 5px;
}

#sideBarContents dd, dt {
    cursor: pointer;
}

#sideBarContents dd:hover, dt:hover {
    color:#A7995A;
}

#sideBarContents dd {
    margin-left: 20px;
}

#sideBarContents dd.indent3 {
    margin-left: 40px;
}

#sideBarContents dd.indent4 {
    margin-left: 60px;
}

#sideBarContents dd.indent5{
    margin-left: 80px;
}

#sideBarContents dd.indent6{
    margin-left: 100px;
}

/* 目录导航 end */



/* 引用 start */
.blogpost-body blockquote {
    /* 上、右、下、左 */
    margin: 40px 0 10px 0;
    background-color: #f3f4f5;
    border-left: 0.25em solid #000;
    border-right: none;
    border-top: none;
    border-bottom: none;
    padding: 5px 10px;
    color: #555;
}
/* 引用 end */


/* 代码注释 start */
.token.comment {
    color: #A9A9A9;
}
/* 代码注释 end */


/* 文中超链接 start */
#cnblogs_post_body a {
    color: blue;
}
/* 文中超链接 end */


/* 有序列表、无序列表 start */
/* 有序列表 */
#cnblogs_post_body ol li {
    margin-left: -20px;
}

/* 无序列表 */
#cnblogs_post_body ul li {
    margin-left: 0.1em;
}
/* 有序列表、无序列表 end */


/* 行内代码块 start */
.post p code,
#cnblogs_post_body code {
    background-color: black;
    color: white;
    font-size: 18px;
}
/* 行内代码块 end */


/* 图片显示设置 start */
#cnblogs_post_body img {
    height: 45%;
    width: 55%;
    margin: 0 20% 20px;
    display: block;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .5);
    /* 考虑浏览器兼容性 */
    -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, .5);
}
/* 图片显示设置 end */



/*=======================================文中底部设置====================================*/

/* 设置签名格式 start */
#MySignature {
    box-shadow: 8px 1px 10px #989898;
    padding: 10px;
    text-shadow: 1px 1px 1px #FFF;
    font-size: 15px;
    border-left: solid 5px #55895B;
    background: #FBF9F9;
    border-radius: 10px 10px 37% 10px;
    line-height: 2.4;
    margin: 37px 0;
}

#MySignature a {
    text-decoration: none;
    color: #4183c4;
    font-weight: bold;
}

#MySignature a:hover {
    text-decoration: underline;
    color: #f60;
}

#MySignature span {
    color: #f60;
}

/* 设置签名格式 end */


/* 博文底部分类标签显示 start */
#BlogPostCategory {
    font-size: 17px;
    width: auto;
    margin: 10px 10px;
}
/* 博文底部分类标签显示 end */


/* 底部关注收藏等几个按钮 start */
#green_channel {
    padding: 5px 0 15px 0;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 0;
    border-top: #eee 1px dashed;
    border-bottom: #eee 1px dashed;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: rgb(238, 238, 238);
    font-size: 12px;
    width: 100% !important;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

a#green_channel_digg,
a#green_channel_follow,
a#green_channel_favorite,
a#green_channel_weibo,
a#green_channel_wechat {
    text-decoration: none;
    color: #fff;
    margin: auto;
    width: 80px;
    display: inline-block;
    line-height: 30px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 2px;
    border-radius: 3px;
    text-transform: uppercase;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    position: relative;
    margin-left: 10px;
    background-image: none;
    margin-top: 10px;
}


a#green_channel_digg {
    background-color: #2daebf;
    box-shadow: 0 15px 18px -6px rgba(95, 193, 206, 0.65);
}

a#green_channel_favorite {
    background-color: #ffb515;
    box-shadow: 0 15px 18px -6px rgba(255, 198, 75, 0.65);
    margin-left: 10px;
}

a#green_channel_follow {
    background-color: #e33100 !important;
    box-shadow: 0 15px 18px -6px rgba(227, 49, 0, 0.65);
    margin-left: 10px;
}

a#green_channel_wechat {
    padding: 3px 8px !important;
    background-color: #3cb034 !important;
    box-shadow: 0 15px 18px -6px rgba(60, 176, 52, 0.65) !important;
    margin-left: 10px;
}

a#green_channel_weibo {
    padding: 3px 8px !important;
    background-color: #ff464b !important;
    box-shadow: 0 15px 18px -6px rgba(255, 70, 75, 0.65) !important;
    margin-left: 10px;
    width: 35px;
}

/* 底部关注收藏等几个按钮 end */



/* 底部头像边框 start */
#author_profile_info {
    margin: 10px 10px;
}
#author_profile_info img.author_avatar {
    border-radius: 120%;
    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;
    padding: 0;
    margin-left: 3px;
    margin-right: 7px;
}
/* 底部头像边框 end */


/* 上一篇下一篇 start */
#post_next_prev {
    font-size: 16px;
    color: #535353;
    margin: 10px 10px;
}
/* 上一篇下一篇 end */


/* 文章底部编辑、评论、阅读数....所在的整个盒子 start */
#blog_post_info_block {
    background-color: rgb(255,255,255);
}

.post .postDesc {
    margin-top: 20px;
    font-size: 18px;
    line-height: 2;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #e7eaf0;
    margin-bottom: 10px;
}
.entrylistItemPostDesc {
    display: inline-block;
    float: right;
    width: 100%;
    background-color: #fff;
    font-size: 18px;
}

@media screen
#topics #post-date,
#topics .postDesc a,
#topics #post_view_count,
#topics #post_comment_count {
    /* min-width: 0; */
    color: #97979f;
    font-size: 16px;
    margin-right: 10px;
}
#topics .postDesc {
    float: right;
    width: 100%;
    text-align: right;
    margin-bottom: 20px;
}
/* 文章底部编辑、评论、阅读数....所在的整个盒子 end */


/* 底部编辑、收藏、上一页、下一页 start */
#topics .postDesc a,
.entrylistItemPostDesc a {
    background-color: #51C332;
    border-radius: 2px;
    text-align: center;
    color: white;
    text-shadow: 1px 3px 2px #8b0000;
    padding: 3.7px 13px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    margin: 1px 1px;
    box-shadow: black 0px 1px 5
}

/* 上一页 下一页*/
.topicListFooter  {
    margin-right: 0;
}
.topicListFooter a,
.Pager a,
.pager a {
    background-color: #fff;
    padding: 6px 10px;
    display: inline-table;
    line-height: 1.5;
    color: #4d4d4d;
    border: 1px solid #e7eaf0;
    border-radius: 4px;
}
.topicListFooter a:hover {
    color: white;
    background-color: #51C332;
}
/* 底部编辑、收藏 end */


/* ========================================== 评论区 start ============================== */
/* ========================================= 评论列表 start============================== */
/* 用户头像 */
.blog_comment_body > img.user-avatar {
    position: absolute;
    left: -72px;
    top: 0px;
    width: 48px;
    height: 48px;
}
.myself .blog_comment_body > img.user-avatar {
    left: initial;
    right: -72px;
}
#blog-comments-placeholder {
    border: solid 1px #CCC;
    border-radius: 5px;
}
div#comments_pager_top {
    display: none;
}
#blog-comments-placeholder > br {
    display: none;
}
/* 评论列表	回复、引用、删除 */
.feedbackManage {
    width: 160px;
    display: none;
    position: absolute;
    right: 150px;
    top: 6px;
}
.feedbackItem:hover .feedbackManage {
    display: block;
}
/* 所有评论里面的A标签 */
.feedbackItem a {
    color: #989898 !important;
    transition: all .2s;
}
.feedbackItem a:hover {
    color: #FF661C !important;
    text-decoration: underline;
}
/* 评论分割? */
.feedbackCon {
    background: none;
    clear: both;
    margin: 10px 0 0 30px;
}
/* 楼层 */
.feedbackListSubtitle a.layer {
    background: #B2E866;
    color: #414141 !important;
    padding: 2px 4px;
    border-radius: 2px;
    margin-right: 4px;
    /*display: none;*/
}
/* 评论? */
.feedbackListSubtitle a[target="_blank"] {
    color: #FF6969 !important;
}
/* 评论时间 */
.feedbackItem .comment_date {
    color: #BCBCBC;
    margin-right: 4px;
}
/* 楼主颜色 */
.feedbackListSubtitle {
    color: #0AB300;
}
/* 支持与反对? */
.comment_vote {
    float: right;
    margin-top: -34px;
    display: none;
}
/* 鼠标经过时显示支持与反对 */
.feedbackItem:hover .comment_vote {
    display: block;
}
/* 评论内容颜色 */
.feedbackItem {
    color: #464646;
    position: relative;
}
/* 评论背景? */
.blog_comment_body {
    background: #B2E866;
    float: left;
    padding: 8px 12px;
    border-radius: 10px;
    position: relative;
    overflow: visible;
    margin-left: 33px;
    max-width: 500px;
}
/* 评论三角? */
.blog_comment_body:before {
    content: '';
    display: block;
    position: absolute;
    left: -17px;
    top: 9px;
    width: 0;
    height: 0;
    border-right: solid 18px #B2E866;
    border-top: solid 6px rgba(0, 0, 0, 0);
    border-bottom: solid 10px rgba(0, 0, 0, 0);
}
/* 评论头像 */
.blog_comment_body:after {
    content: attr(data-louceng);
    display: none;
    width: 48px;
    height: 48px;
    position: absolute;
    left: -72px;
    top: 0px;
    text-align: center;
    line-height: 48px;
    font-size: 18px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.42);
    font-family: 'Microsoft Yahei';
    background: linear-gradient(top , rgb(116, 218, 45) 12% , rgb(135, 255, 75) 35% , rgb(71, 179, 28) 86%);
    background: -o-linear-gradient(top , rgb(116, 218, 45) 12% , rgb(135, 255, 75) 35% , rgb(71, 179, 28) 86%);
    background: -ms-linear-gradient(top , rgb(116, 218, 45) 12% , rgb(135, 255, 75) 35% , rgb(71, 179, 28) 86%);
    background: -moz-linear-gradient(top , rgb(116, 218, 45) 12% , rgb(135, 255, 75) 35% , rgb(71, 179, 28) 86%);
    background: -webkit-linear-gradient(top , #74DA2D 12% , #87FF4B 35% , #47B31C 86%);
    background-size: contain;
}
#blog-comments-placeholder .feedbackItem:nth-child(10n+0) .blog_comment_body:after {
    background-image: url(//files.cnblogs.com/files/liuxianan/auto_avatar_00.bmp);
}
#blog-comments-placeholder .feedbackItem:nth-child(10n+1) .blog_comment_body:after {
    background-image: url(//files.cnblogs.com/files/liuxianan/auto_avatar_01.bmp);
}
#blog-comments-placeholder .feedbackItem:nth-child(10n+2) .blog_comment_body:after {
    background-image: url(//files.cnblogs.com/files/liuxianan/auto_avatar_02.bmp);
}
#blog-comments-placeholder .feedbackItem:nth-child(10n+3) .blog_comment_body:after {
    background-image: url(//files.cnblogs.com/files/liuxianan/auto_avatar_03.bmp);
}
#blog-comments-placeholder .feedbackItem:nth-child(10n+4) .blog_comment_body:after {
    background-image: url(//files.cnblogs.com/files/liuxianan/auto_avatar_04.bmp);
}
#blog-comments-placeholder .feedbackItem:nth-child(10n+5) .blog_comment_body:after {
    background-image: url(//files.cnblogs.com/files/liuxianan/auto_avatar_05.bmp);
}
#blog-comments-placeholder .feedbackItem:nth-child(10n+6) .blog_comment_body:after {
    background-image: url(//files.cnblogs.com/files/liuxianan/auto_avatar_06.bmp);
}
#blog-comments-placeholder .feedbackItem:nth-child(10n+7) .blog_comment_body:after {
    background-image: url(//files.cnblogs.com/files/liuxianan/auto_avatar_07.bmp);
}
#blog-comments-placeholder .feedbackItem:nth-child(10n+8) .blog_comment_body:after {
    background-image: url(//files.cnblogs.com/files/liuxianan/auto_avatar_08.bmp);
}
#blog-comments-placeholder .feedbackItem:nth-child(10n+9) .blog_comment_body:after {
    background-image: url(//files.cnblogs.com/files/liuxianan/auto_avatar_09.bmp);
}


/* 清除浮动 */
.feedbackCon:after {
    content: '';
    display: block;
    clear: both;
}
/* 引用边框 */
.comment_quote {
    border: 1px solid #63921F;
    border-radius: 3px;
}
/* 隐藏小图标? */
.feedbackItem .sendMsg2This {
    display: none;
}

/* 楼主自己的样式? */
.myself .blog_comment_body {
    float: right;
    margin-right: 72px;
    background: #98DDFF;
}
.myself .blog_comment_body:before {
    right: -17px;
    left: initial;
    border-left: solid 18px #98DDFF;
    border-right: none;
}
.myself .blog_comment_body:after {
    content: '';
    display: none;
    width: 48px;
    height: 48px;
    background-image: url(//pic.cnblogs.com/avatar/352797/20160108090502.png) !important;
    background-size: contain;
    position: absolute;
    right: -72px;
    top: 0px;
    left: initial;
}
.myself .feedbackCon{
    margin: 10px 0 0 0px;
}
.myself .comment_vote {
    float: left;
    margin-left: -20px;
}
.myself .comment_quote {
    border: 1px solid #4491B7;
}
.myself .feedbackListSubtitle {
    float: right;
    margin-right: 10px;
    margin-bottom: 10px;
}
.myself .feedbackListSubtitle a.layer {
    display: inline-block;
}
.myself .feedbackManage {
    left: 66px;
    right: initial;
    top: 8px;
    padding-top:2px;
}
/*评论带头像，且支持旋转?*/
.feedbackCon img:hover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.feedbackCon img {
    border-radius: 40px;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
/* ========================================= 评论列表 end ============================== */


/* 侧边栏和评论区更改 start */
.syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea {
    font-size: 18px !important;
}


/* 评论框 start */
div.commentform p {
    margin-bottom: 10px;
}
/* 评论框 start */


/* 评论按钮 start */
.comment_btn {
    padding: 5px 10px;
    height: 35px;
    width: 90px;
    border: 0 none;
    border-radius: 5px;
    background: #ddd;
    color: #999;
    cursor: pointer;
    font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif;
    text-shadow: 0 0 1px #fff;
    display: inline !important;
}

.comment_btn:hover {
    padding: 5px 10px;
    height: 35px;
    width: 90px;
    border: 0 none;
    border-radius: 5px;
    background: #258fb8;
    color: white;
    cursor: pointer;
    font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif;
    text-shadow: 0 0 1px #fff;
    display: inline !important;
}

#commentform_title {
    background-image: none;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    padding: 0;
    font-size: 24px;
}

#commentbox_opt, #commentbox_opt + p {
    text-align: center;
}

.commentbox_title {
    width: 100%;
}

/* 评论按钮 end */


/* 评论输入域 start */
#tbCommentBody {
    font-family: 'Microsoft Yahei', Microsoft Yahei, 宋体, sans-serif;
    margin-top: 10px;
    max-width: 100%;
    min-width: 100%;
    background: white;
    color: #333;
    border: 2px solid #fff;
    box-shadow: inset 0 0 8px #aaa;
    height: 250px;
    font-size: 14px;
    min-height: 120px;
}
/* 评论输入域 end */


/* 评论条目 start */
.feedbackItem {
    font-size: 14px;
    line-height: 24px;
    margin: 10px 0;
    padding: 20px;
    background: #F2F2F2;
    box-shadow: 0 0 5px #aaa;
}

.feedbackListSubtitle {
    font-weight: normal;
}

#blog-comments-placeholder,
#comment_form {
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 1px 2px 3px #ddd;
    box-shadow: 1px 2px 3px #ddd;
    margin-bottom: 50px;
    margin-right: 6%;
    margin-left: 0px;
}

/* 评论条目 end */


/* 评论标题 start */
.feedback_area_title {
    margin-bottom: 15px;
    font-size: 1.3em;
}

.feedbackItem {
    border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
    padding: 5px;
    background: rgb(248, 248, 248);
}

.color_shine {
    background: rgb(226, 242, 255);
}

.feedbackItem:hover {
    -webkit-animation-name: color_shine;
    -webkit-animation-duration: 2s;
    webkit-animation-iteration-count: infinite;
}

#comment_form .title {
    font-weight: normal;
    margin-bottom: 15px;
}

/* 评论标题 end */



/* 推荐、首页、评论、邮我、回顶部 start */

/* 推荐一下 */
#btn_recommend {
    position: fixed;
    width: 40px;
    height: 40px;
    display: none;
    right: 0;
    bottom: 240px;
    background: url("https://images.cnblogs.com/cnblogs_com/blogs/687721/galleries/2225283/o_240131133600_recommend.bmp") no-repeat;
}
#diggCount {
    position: fixed;
    color: red;;
    text-align: right;
    font-size: 18px;
    width: 40px;
    height: 15px;
    right: 45px;
    bottom: 260px;
}

/* 回到首页 */
#btn_home {
    width: 40px;
    height: 40px;
    display: block;
    position: fixed;
    right: 0;
    bottom: 200px;
    background: url("https://images.cnblogs.com/cnblogs_com/blogs/687721/galleries/2225283/o_240131110441_home.bmp") no-repeat;
}


/* 添加评论 */
#btn_comments {
    display: none;
    position: fixed;
    width: 33px;
    height: 33px;
    right: 8px;
    bottom: 166px;
    background: url("https://images.cnblogs.com/cnblogs_com/blogs/687721/galleries/2225283/o_240131131256_comment.bmp") no-repeat;
}



/* 邮件联系 */
#btn_at {
    position: fixed;
    width: 40px;
    height: 40px;
    display: block;
    right: 0;
    bottom: 120px;
    background: url("https://images.cnblogs.com/cnblogs_com/blogs/687721/galleries/2225283/o_240131110717_at.bmp") no-repeat;
}


/* 回到顶部 */
#btn_top {
    width: 40px;
    height: 40px;
    display: block;
    position: fixed;
    right: 0;
    bottom: 80px;
    background: url("https://images.cnblogs.com/cnblogs_com/blogs/687721/galleries/2225283/o_240131110827_top.bmp") no-repeat;
}

/* 首页、刷新、关注、邮我、回顶部 end */