@charset "utf-8";

* { margin: 0px; padding: 0px; }

body { color: rgb(88, 111, 118); background: url("https://images.cnblogs.com/cnblogs_com/jingmoxukong/709053/o_theme-yellow.jpg") center 0px no-repeat rgb(255, 244, 230); font-family: Verdana, Arial, Helvetica, sans-serif, 微软雅黑; font-size: 13px; line-height: 1.8; }

a { color: rgb(57, 154, 178); text-decoration: none; }

a:hover { color: rgb(254, 65, 101); }

img { border-radius: 15px;
    box-shadow: -1px -1px 2px grey; }

li { list-style: none; }

p { font-size: 14px; }

.cnblogs_code { border-radius: 10px; box-shadow: rgb(136, 136, 136) 1px 1px 1px; background-color: rgb(246, 248, 250) !important; }

.cnblogs-markdown code { box-shadow: rgb(136, 136, 136) 1px 1px 1px; background-color: rgb(246, 248, 250) !important; }

#cnblogs_post_body table, .cnblogs-post-body table { border-collapse: collapse; width: 100%; margin-bottom: 4px; margin-top: 4px; border-radius: 10px; box-shadow: rgb(136, 136, 136) 1px 1px 1px; }

#cnblogs_post_body th, .cnblogs-post-body th { font-weight: bold; font-size: 16px; }

#cnblogs_post_body tr:nth-child(2n), .cnblogs-post-body tr:nth-child(2n) { background-color: rgb(246, 244, 240) !important; }

#home { margin: 0px auto; text-align: left; max-width: 1200px; }

#blogTitle { padding: 16px; text-decoration: none; }

.headermaintitle { font-size: 18px; color: rgb(150, 52, 50); }

#Header1_HeaderTitle { font-size: 26px;
    color: #de6f64;
    font-family: "隶书",serif;
    background-image: -webkit-linear-gradient(left,#ffdcb4,#b96972 25%,#e88a57 50%,#804170 75%,#a596cd);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation: masked-animation 1.5s infinite linear;}

@-webkit-keyframes masked-animation { 
  0% { background-position: 0px 0px; }
  100% { background-position: -100% 0px; }
}

#blogTitle h2 { font-size: 20px; font-family: "Brush Script MT", serif, 微软雅黑; }

#navigator { background: rgb(232, 232, 232); height: 40px; line-height: 40px; color: rgb(153, 153, 153); padding-left: 15px; padding-right: 5px; padding-top: 2px; border-radius: 8px; box-shadow: rgb(136, 136, 136) 3px 3px 3px; }

#navList { float: left; }

#navList li { float: none; display: inline; margin-right: 20px; font-size: 16px; font-weight: bold; }

.toc { padding: 25px; margin-bottom: 25px; background-color: whitesmoke; border-radius: 16px; border-left: 6px solid rgb(180, 180, 180); font-size: 16px; font-weight: normal; line-height: 30px; }

.toc div {
    font-size: 1.5rem;
}

strong{
    
}

.blogStats { float: right; color: rgb(153, 153, 153); margin-right: 16px; }

#mainContent { margin-left: auto; width: 78%; float: right; }

.forFlow { margin: auto; }

.day { border: 1px solid rgb(204, 204, 204); border-radius: 16px; margin: 20px 0px; }

.dayTitle { display: none; }

.postTitle { padding: 10px 0px 10px 20px; border-bottom: 1px solid rgb(204, 204, 204); font-size: 22px; font-weight: bold; text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 8px; }

.postCon { padding: 20px; border-bottom: 1px solid rgb(204, 204, 204); }

.postDesc { padding-right: 20px; }

.postDesc, .entrylistItemPostDesc { color: rgb(153, 153, 153); text-align: right; padding-top: 10px; padding-bottom: 10px; }

#sideBar { width: 20%; float: left; border: 0px; overflow: hidden; padding: 5px; }

#sideBarMain { margin-top: 20px; }

#sideBar h3, #MyIng .ing_title { margin: 10px 0px; font-size: 14px; text-align: left; padding-left: 10px; box-shadow: rgb(88, 111, 118) 3px 3px 2px; }

h3.catListTitle { color: rgb(255, 255, 255); background-color: rgb(241, 170, 166); text-indent: 2px; }

#calendar { margin-top: 16px; text-align: center; }

#footer { height: 60px; line-height: 60px; color: rgb(88, 111, 118); text-align: center; padding: 10px 5px 0px 15px; border-radius: 8px; }

.postBody { padding: 10px 20px; border-bottom: 1px solid rgb(217, 219, 225); background-color: rgb(252, 252, 250); }

.feedbackItem { padding: 8px; border-bottom: 1px dotted rgb(204, 204, 204); }

.post { padding-top: 1px; margin-top: 20px; border: 1px solid rgb(217, 219, 225); border-radius: 8px; box-shadow: rgb(136, 136, 136) 3px 3px 3px; }

#cnblogs_post_body h1 h2 h3 h4 { margin: 1em 0px 0.5em; margin-bottom: 8px; padding-top: 8px; font-weight: 600; font-family: "Titillium Web", sans-serif; position: relative; line-height: 40px; text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 5px; }

#cnblogs_post_body h1 { color: rgb(57, 154, 178); font-size: 22px; border-bottom: 2px solid rgba(53, 86, 129, 0.3); text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 5px; }

#cnblogs_post_body h2 { color: rgb(96, 73, 124); font-size: 20px; border-bottom: 2px solid rgba(53, 86, 129, 0.3); text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 5px; }

#cnblogs_post_body h3 { font-size: 18px; color: rgb(52, 96, 147); text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 5px; }

#cnblogs_post_body h4 { font-size: 16px; color: rgb(120, 148, 58); text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 5px; }

#cnblogs_post_body #signature { margin-top: 20px; background-color: rgb(174, 215, 237); border-radius: 16px; padding: 10px 20px; font-size: 14px; }

#div_digg { position: fixed; bottom: 10px; right: 15px; border: 2px solid rgb(236, 215, 177); padding: 10px; width: 140px; background-color: rgb(255, 255, 255); box-shadow: rgb(95, 90, 75) 0px 0px 0px 1px, rgba(10, 10, 0, 0.5) 1px 1px 6px 1px; border-radius: 5px !important; }

.feedbackCon { padding-top: 13px; padding-bottom: 10px; background: transparent; margin-left: 1em; color: rgb(102, 102, 102); line-height: 1.5; }

.feedbackItem { padding: 8px; border-bottom: 1px dotted rgb(204, 204, 204); }

.body_right img { width: 50px; height: 50px; border-radius: 8px; transition: all 0.5s ease-out 0s; margin-right: 20px; background-color: rgb(245, 245, 244); box-shadow: rgb(88, 111, 118) 1px 1px 2px; }

.feedbackManage { float: right; }

.blog_comment_body { border: 1px none rgb(136, 136, 136); border-radius: 15px; padding: 10px; width: 75%; box-shadow: rgb(136, 136, 136) 1px 1px 2px; background: linear-gradient(rgb(219, 217, 204), rgb(242, 240, 228)); }

.timeline-comment { position: relative; background-color: rgb(255, 255, 255); border: 1px solid rgb(209, 213, 218); border-radius: 3px; }

.feedback_area_title { font-size: 18px; font-weight: 600; color: rgb(222, 111, 100); }

div#EntryTag a { display: inline-block; padding: 0.3em 0.6em; margin: 0px 0.5em 0.5em 0px; white-space: nowrap; background-color: rgb(241, 248, 255); border-radius: 8px; }

div#EntryTag a:hover { background-color: rgb(255, 235, 204); }

div#BlogPostCategory a { display: inline-block; padding: 0.3em 0.6em; margin: 0px 0.5em 0.5em 0px; white-space: nowrap; background-color: rgb(241, 248, 255); border-radius: 8px; }

div#BlogPostCategory a:hover { background-color: rgb(255, 235, 204); }

.c_ad_block { display: none; }

#ad_t2 { display: none; }

@media only screen and (max-width: 736px) {
  #navigator { width: 90%; margin: auto; float: none; }
  #mainContent { width: 90%; margin: auto; float: none; }
  #sideBar { width: 90%; margin: auto; float: none; }
  .newsItem { display: none; }
  #sidebar_search { display: none; }
  #blogCalendar { display: none; }
  #blog-calendar { display: none; }
  #sidebar_recentcomments { display: none; }
  #sidebar_topviewedposts { display: none; }
  #sidebar_topcommentedposts { display: none; }
  #sidebar_topdiggedposts { display: none; }
}

@media (min-width: 600px) {
  .markdown-section pre > code { border: 2px solid #c5c73a; border-radius: 6px;}
}

@media (max-width: 600px) {
  .markdown-section pre > code { padding-top: 5px; padding-bottom: 5px; }
  pre::after { content: "" !important; }
}

@media (min-width: 600px) {
  pre code { padding-left: 20px !important; }
}

@media (max-width: 600px) {
  pre { padding-left: 0px !important; padding-right: 0px !important; }
}