/**
  * @author:lawsonabs
  * @version:2020-07-01
  */
:root {
  --primary-color:#027AFF;/* 全局主色*/
  --body-bg-color: #f5f7f9; /*页面背景色*/
  --content-bg-color: #fff; /*页面内容背景色*/
  --heading-color: rgba(0, 0, 0, 0.85); /* 标题色 */
  --text-color: #353535; /*主文本色*/
  --text-color-secondary:rgba(0, 0, 0, 0.45);/*次文本色*/
  --text-color-grey:rgba(0, 0, 0, 0.25); /*失效色，无需关注色*/
  --link-color: #555; /*链接色*/
  --code-bg-color:#f0f0f0; /*代码块背景色*/
  --title-head-color:#627fff;/*文章标题色*/
  --visited-link-color:#A9A9A9;/*已经访问过链接色*/
}
.header { margin:0 auto; position:relative; width:calc(100% - 20px); } 
body { margin:0; background:var(--body-bg-color); color:var(--text-color); line-height:2; } 
a {text-decoration:none; } 

/*修改链接样式*/
a:hover {color: #FF00FF} /* 鼠标移动du到链接上 */


#main { align-items:flex-start; display:flex; justify-content:space-between; flex-direction:row-reverse; margin:0 auto; width:calc(100% - 20px); } 
#page_begin_html { margin:0 auto; position:relative; }
.header-inner { background:#fff; border-radius:initial; box-shadow:initial; overflow:hidden; padding:0; position:absolute; top:0; width:240px; margin:0 auto; }
.site-brand-container { background:var(--primary-color); display:flex; flex-shrink:0; padding:0 10px; } 
.site-meta { padding:20px 0; flex-grow:1; text-align:center; } 
.brand { color:#fff; display:inline-block; padding:0 40px; position:relative; } 
.site-title { font-family:'Times New Roman',sans-serif; font-size:1.375em; font-weight:400; margin:0; line-height:1.5; } 
.menu { margin-top:20px; padding-left:0; } 
.menu .menu-item { display:block; margin:0; list-style:none; } 
.search-wrap { display:inline-block; background-color:var(--code-bg-color); border-radius:20px; padding:0 10px; } 
.input_my_zzk { width:140px; vertical-align:middle; background-color:var(--code-bg-color); height:30px; border:none; outline:none } 
.site-nav-right,.site-nav-toggle { display:none; } 
.site-nav-right .toggle,.site-nav-toggle .toggle { padding:10px; width:22px; color:#fff; } 
.site-nav-right .toggle a .fa { color:#fff; } 
.toggle { line-height:0; } 
.site-nav-right .toggle .toggle-line,.site-nav-toggle .toggle .toggle-line { background:#fff; border-radius:1px; } 
.toggle.toggle-close .toggle-line-first { transform:rotate(-45deg); top:5px; } 
.toggle.toggle-close .toggle-line-middle { opacity:0; } 
.toggle.toggle-close .toggle-line-last { transform:rotate(45deg); top:-5px; } 
.toggle .toggle-line { display:inline-block; height:2px; left:0; position:relative; top:0; transition:all .4s; vertical-align:top; width:100%; } 
.toggle .toggle-line:not(:first-child) { margin-top:3px; } 
.site-nav.site-nav-on { display:block; } 

/*menu-item-active代表的是当前被选中的那个menu。menu的选项有（博客园，个人首页，归档，管理，写随笔五个）*/
.site-nav .menu-item-active { border-right:3px solid var(--primary-color); background:var(--body-bg-color); } 
.site-nav .menu-item .menu-item-inner { color:#555; font-size:16px; padding:5px 20px; position:relative; text-align:left; display:block; line-height:2; }
.site-nav .menu-item .menu-item-inner .fa { color:#69c0ff; margin-right:8px; } 

/*个人主页显示头像时，控制左边栏不同的模块离得高度*/
#sideBar { margin-top:390px; position:static; width:240px; background:#fff; margin-right:12px;  } 
.affix { position:fixed; top:0; } 
#post-toc-wrap { background:var(--content-bg-color); width:240px; } 
#post-toc-wrap ol { font-size:14px; line-height:1.8; list-style:none; padding:0 2px 5px 10px; } 
.back-to-top { background: var(--body-bg-color); margin: 0 auto; cursor: pointer; text-align: center; font-size: 12px; color: var(--text-color); } 
#author_profile_detail { margin-left:10px; font-size:14px; } 
#author_profile_detail a { color:var(--text-color-secondary); } 
.author_avatar,.site-author-image { border-radius:50%; } 
.site-author-image { border:1px solid #eee; display:block; margin:20px auto 0; max-width:80px; padding:2px; } 
.site-author-name { color:var(--text-color); font-weight:600; margin:10px 0 0; text-align:center; } 
.site-state { margin:10px auto; text-align:center; color:var(--text-color); } 
.links-of-author { display: flex; flex-wrap: wrap; margin-top: 10px; justify-content: center; } 
.links-of-author-item { margin: 5px 0 0; } 
.links-of-author a{ font-size: 16px; padding: 0 5px; } 
.links-of-author a .fa-envelope { color: #e4b56b; } 
.links-of-author a .fa-rss { color: #fa541c; } 

/*修改padding-top为10px*/
#mainContent { background:var(--content-bg-color); box-sizing:border-box; padding:20px 40px 40px 40px; width:calc(100% - 252px); } 
.forFlow { padding-top:5px; } 
.day { margin-bottom:60px; } 
.dayTitle { display:none; } 

/*设置主页预览中博文标题靠左*/
.postTitle { font-size:27px; font-weight:400; line-height:1.5;  word-wrap:break-word; color:var(--link-color); } 
.postTitle2.vertical-middle { font-size:27px; font-weight:400; line-height:1.5;  text-align:center;word-wrap:break-word; color:var(--link-color); } 
.postTitle #cb_post_title_url {text-align:center;}

/*修改主页的字体大小*/
.postCon {font-size:14px; font-family:'Noto Serif SC','Times New Roman',"PingFang SC","Microsoft YaHei",sans-serif; word-wrap:break-word; margin:.5em 0; } 
.c_b_p_desc_readmore { color:var(--primary-color); } 
.c_b_p_desc { line-height:2; } 

/*增加设置大间距，这个是主页预览中，所有的博文在一起显示，想让它们分开些*/
.postDesc {margin-top:5px;margin-bottom:30px; text-align:right; font-style:italic; font-size:14px; color:var(--text-color-grey); } 
.postDesc a { color:var(--text-color-grey); } 

/*下面这个是用于控制具体某篇博客正文中摘要的字体，我修改其字体为10px*/
#cnblogs_post_description {text-align:center; font-family:'Noto Serif SC','Times New Roman',"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text-color-grey); font-size:14px;} 
#post-description-meta { line-height:2; text-align:left; font-size:14px; font-weight:100; color:var(--heading-color); font-family:SimHei,'Times New Roman',"PingFang SC","Microsoft YaHei",sans-serif; } 

/*我修改了关键字字体的大小为14px*/
#post-keyword { font-size:14px;color:var(--text-color-grey); font-family:'Times New Roman',"PingFang SC","Microsoft YaHei",sans-serif; } 
#post-keyword a { text-align:center; font-family:'Noto Serif SC','Times New Roman',"PingFang SC","Microsoft YaHei",sans-serif; } 

/*同样，我修改正文的字体大小为18px*/
#cnblogs_post_body p { font-size:18px;font-family:'Noto Serif SC','Times New Roman',"PingFang SC","Microsoft YaHei",sans-serif; } 
#cnblogs_post_body h3 { padding-top:10px; font-size:18.667px; font-weight:500; color:var(--heading-color); font-family:SimHei,'Times New Roman',"PingFang SC","Microsoft YaHei",sans-serif; } 
#cnblogs_post_body h2 { padding-top:10px; text-align:center; font-size:21.333px; margin:1em auto; font-weight:500; line-height:2em; color:var(--heading-color); } 
#cnblogs_post_body h4,#cnblogs_post_body h5,#cnblogs_post_body h6 { padding-top:10px; font-size:16px; font-weight:500; color:var(--heading-color); font-family:SimHei,'Times New Roman',"PingFang SC","Microsoft YaHei",sans-serif; }
.postBody blockquote { border:none; border-left:4px solid #ddd; color:var(--text-color-secondary); margin:0; padding:0 15px; } 
.postBody p > a { text-decoration:underline; } 

/*修改其文章详情页面中上一篇的位置*/
.pre-block {}

#cnblogs_post_body table { border-collapse:collapse; border-spacing:0; font-size:.875em; margin:0 auto; max-width:100%; width:auto; border:none; border-top:2px solid #222; border-bottom:2px solid #222; } 
#cnblogs_post_body table thead { border-bottom:1px solid #999; } 
#cnblogs_post_body table tr { overflow-x: scroll; overflow-y:hidden; text-align:justify; word-break:keep-all; } 
#cnblogs_post_body table td,#cnblogs_post_body table th { padding:4px 8px; width:150px; border:none; } 

/*添加行代码的背景颜色为#c7254e => 效果同csdn*/
.cnblogs-markdown code { background-color:var(--code-bg-color) !important; color:#c7254e;border:none !important; font-weight: 300; } 
.cnblogs-markdown .hljs { font-size:14px !important; padding:10px !important; } 
#cnblogs_post_body img { display:block; margin:0 auto; } 
.footnotes-meta { margin:2em 0 0 0; } 
.github-corner svg { border:0; color:#fff; fill:var(--primary-color); position:absolute; right:0; top:0; z-index:1000; } .github-corner:hover .octo-arm { animation:octocat-wave 560ms ease-in-out; } @keyframes octocat-wave { 0%,100% { transform:rotate(0); } 20%,60% { transform:rotate(-25deg); } 40%,80% { transform:rotate(10deg); } } /*share*/ #div_digg{ filter: grayscale(); margin-right: 0; margin-top: 0; } #blog_post_info { display: flex; justify-content: space-between; } 
#author_profile { width:auto; } 
#green_channel { display: none; } 

/*pre-next*/ 
.post_next_prev { line-height: 1.5; display: flex; justify-content: space-between; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } 
.post_next_prev >div { width: 50%; padding: 0 12px; } 
.next-block,.next a { text-align: right; } 
.pre-block a,.next-block a { display: inline-block; padding: 32px 0; } 
.post_next_prev_label { margin-bottom: 8px; font-size: 14px; color: var(--text-color-grey); } 

/*comment*/ 
.comment_textarea { padding:15px; border-radius:10px; outline:0; resize:none; overflow:hidden; width:100%; } 
.feedback_area_title, #commentform_title { font-size: 14px; line-height: 32px; color: var(--text-color-secondary); padding: 10px 0; background: none; } 
.feedbackItem { position: relative; padding: 16px 0 16px 60px; font-size:14px; } 
.feedbackAvatar { position: absolute; left: 1px; } 
.feedbackAvatar img { border-radius: 50%; width:40px; height: 40px; } 
.feedbackManage { text-align: right; float: right; } 
.feedbackManage a, .comment_vote a { color: var(--text-color-secondary); } 
.layer { display: none; } [id^=a_comment_author_] { float: left; } 
.louzhu { background-color: var(--primary-color); color: #fff; line-height: 28px; padding: 3px; border-radius: 3px; } 
.comment_date { color: var(--text-color-grey); font-size: 12px; padding-left: 16px; } 
.commentbox_tab { margin-right: 0; padding: 8px 16px; font-size: 14px; line-height: 23px; color: var(--text-color-secondary); border: 1px solid var(); border-bottom: 0; } 
.commentbox_tab:hover, .commentbox_tab.active { color: var(--text-color); border-bottom: none; } 
.commentbox_tab.active { border-radius: 6px 6px 0 0; border: 1px solid #e1e4e8; border-bottom: none; } 
div.commentform textarea, #tbCommentBodyPreview  { min-height: 250px; padding: 8px 0; } 
#commentbox_opt { text-align: right; } 
#commentbox_opt>a,#btn_comment_submit, #span_comment_canceledit{ width:auto; height: 34px; color: var(--text-color-secondary); padding: 5px 16px; font-size: 14px; line-height: 20px; } 
#btn_comment_submit { background-color: var(--primary-color); color: #fff; border-radius: 6px; border:1px solid rgba(27,31,35,.15); } 
#comment_form_container p { color: var(--text-color-secondary); } 
#footer { color:var(--text-color-grey); font-size:.875em; line-height:28px; padding-left:260px; box-sizing:border-box; margin:0 auto; text-align:center; width:calc(100% - 20px); } 
#header,.catListTitle,#profile_block,#under_post_news,#ad_t2,.c_ad_block,#under_post_kb,#comment_nav { display:none; }

/*mypost*/ 
#myposts .PostList { font-size: 18.667px; color: var(--heading-color); line-height: 2; } 
#myposts .postDesc2 { font-size: 14px; color: var(--text-color-secondary); text-align: right; } 
#cb_post_title_url {display:block;text-align:center;color:#627fff;} /*设置单个博文详情页中的标题*/
/*.post {text-align:center;margin-top:0px;}*/

/*以下两项用于隐藏上面一个换页菜单*/
.pager{display:none;}
#myposts .pager{display:block;}

/* Responsive design*/ @media (min-width:1600px) { #main,.header { width:73%; } } @media (min-width:1200px) { #main,.header { width:1160px; } .header-inner { width:240px; } } @media (max-width:991px) { .header,.header-inner,.main-inner,#footer { width:auto; } .header-inner { border-radius:initial; position:relative; } #sideBar,#post-toc-wrap,.github-corner { display:none; } 
#mainContent { border-radius:initial; padding:16px; width:100%; } .site-brand-container { box-shadow:0 0 16px rgba(50,132,191,.9); } #footer { padding-left:0; padding-right:0; } } @media (max-width:991px) and (min-width:768px) { .site-nav-right,.site-nav-toggle { display:flex; flex-direction:column; justify-content:center; } .site-nav { display:none; } } @media (max-width:767px) { .site-nav { clear:both; display:none; } .site-nav-right,.site-nav-toggle { display:flex; flex-direction:column; justify-content:center } .feedbackAvatar img { width:32px; height: 32px; } .feedbackItem { padding-left: 40px; } .commentform { margin-left: 0; } }


/*博客侧边栏公告*/
#introduction{color:var(--text-color-black);font-size:12px;margin-right:20px;}
#highlight{color:var(--primary-color);font-size:12px;}

/*motto是动态打印座右铭的修饰*/
#motto{color:var(--primary-color);font-size:12px;margin-left:20px;text-align:center;}
#focus {margin-left:70px;font-size:16px;text-align:center;color:var(--text-color-black)}
/*控制个人简介下的a标签的特征*/
#authorInfo a {color:var(--text-color-black);font-size:16px;}

/*实现分割线功能*/
.seperate_line{  
 padding: 0 0 0;  
 margin: 20px 0 10px 0;  /*上右下左*/
 line-height: 1px;  
 border-left:190px solid #ddd;
 border-right:190px solid #ddd
 }


/*修改分类目录中的字体情况*/
.catListTag{font-size:18px;margin:5px 30px 10px 25px}

/*修改随笔样式*/
#mainContent .PostListTitle{text-align:center;}

/*管理签名样式*/
#MySignature {font-size:16px;text-align:right;color:var(--text-color);}

/*修改翻页功能居中*/
.Pager{text-align:center;}

/*修改博客详情页中的列表字体大小*/
#cnblogs_post_body ul li{font-size:16px;}

/*修改关注的红心*/
.fa.fa-heart{color:#FF0000;}