/*导入字体符号*/
@import url(https://cdn.cnblogs.com/npm/font-awesome/css/font-awesome.min.css) screen and (min-width:0px);
@import url(https://at.alicdn.com/t/font_438759_kmvtb0te1nd.css) screen and (min-width:0px);



/* 主题全局变量 */
@media screen and (min-width:0px) {
  :root {

    /* 色卡 */
    --default: #00a1d6;
    /* 默认 */
    --green: #109D58;
    /* 酷安绿 */
    --red: #DC4437;
    /* 姨妈红 */
    --pink: #FA7298;
    /* 哔哩粉 */
    --cyan: #009788;
    /* 水鸭青 */
    --orange: #FF9700;
    /* 伊藤橙 */
    --purple: #673BB7;
    /* 基佬紫 */
    --blue: #2196F3;
    /* 知乎蓝 */
    --gray: #607D8B;
    /* 低调灰 */

    /* 主题基础色调 */
    --ThemeColor: var(--default);
    --DblockColor: #f6f6f6;
    --TextColor1: #4d4d4d;
    --TextColor2: #5f5f6b;
    --TextColor3: #97979f;
    --DividColor: #e7eaf0;
    --BlockColor: #fff;
    --Block2Color: #f5f5f5;
    --BackgroundColor: #f4f6fa;

    /* light */


    /* dark */
    --DarkDblockColor: #f6f6f6;
    --DarkTextColor1: #6a6a6a;
    --DarkTextColor2: #5f5f6b;
    --DarkTextColor3: #97979f;
    --DarkDividColor: #e7eaf0;
    --DarkBlockColor: #fff;
    --DarkBlock2Color: #f5f5f5;
    --DarkBackgroundColor: #f4f6fa;

    /* 主题辅助色调 */
    --AidColor1: #fa7d00;
    --AidColor2: #ff2e2e;
    --AidColor3: #36c67d;

    /* 字号大小 */
    --text1: 25px;
    --text2: 23px;
    --text3: 21px;
    --text4: 18px;
    --text5: 17px;
    --text6: 16px;
    --text7: 15px;
    --text8: 14px;
    --text9: 13px;
    --text10: 12px;

    /* 资源链接 */
    --picture: url("https://images.cnblogs.com/cnblogs_com/gshang/1453531/o_2002231249006f9a87730f36a2856490a1ed90c56f9d.jpg");
    --gradient: linear-gradient(var(--ThemeColor), var(--BlockColor));

    /* 博客头像 */
    --Avatar: url("https://pic.cnblogs.com/avatar/1862332/20200823193949.png");

    /* 头部背景 */
    --BackgroundImg: var(--picture);

    /* blogTitle 高度 */
    --fit: fit-content;
    --max: 200vh;
    --blogTitleHeight: var(--fit);
  }
}

/* 全局样式 */
@media screen and (min-width:0px) {

  /* 去广告 */
  #ad_c1,
  #ad_c2,
  #ad_t2,
  .c_ad_block {
    display: none
  }

  img {
    max-width: 100% !important;
    vertical-align: middle;
  }

  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  h7,
  p,
  ul {
    margin: 0;
    padding: 0;
  }

  body {
    background: var(--BackgroundColor);
  }

  .div_my_zzk {
    margin: 0 !important;
  }

  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  #home {
    font-size: var(--text7);
    transition: all 100ms ease-in-out;
    overflow: hidden !important;
    -webkit-transition: all 100ms ease-in-out;
  }

  a {
    text-decoration: none;
    color: inherit;
    word-break: break-all;

    transition-property: color;
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
  }

  a:hover {
    color: var(--ThemeColor)
  }

  #home blockquote {
    border: none;
    color: var(--TextColor2) !important;
    margin: 10px;
    padding: 0 0 0 10px;
    height: auto !important;
    min-height: 20px;
    border-left: 2.5px solid var(--TextColor3);
  }

  #home ul {
    list-style-type: disc;
    word-break: break-all;
    transition: 0.8s;
  }

  #home ul ul {
    list-style-type: circle;
  }

  #home ul ul ul {
    list-style-type: square;
  }

  #home ul ul li {
    list-style-type: circle;
  }

  #home ul ul ul li {
    list-style-type: square;
  }

  #home pre {
    color: #cfcecf;
    background-color: #2d3748;
    border-radius: 4px;
    margin: 10px 0;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
    border: none !important;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 30px 10px 20px !important;
    position: relative;
  }

  #home pre:after {
    content: attr(class);
    position: absolute;
    display: block;
    z-index: 2;
    right: 8px;
    top: 4px;
    font-size: var(--text8);
  }

  #home pre:before {
    content: "";
    display: block;
    width: 12px;
    position: absolute;
    top: 8px;
    left: 8px;
    height: 12px;
    background-color: #f56565;
    border-radius: 9999px;
    box-shadow: 16px 0 0 0 #fbd38d, 32px 0 0 0 #48bb78
  }

  pre code {
    background-color: inherit !important;
    color: inherit !important;
  }

  #home fieldset {
    border-width: 0 0 0 4px;
    padding: 0 0 0 10px;
    margin: 6px 0;
    color: var(--TextColor2);
    border-color: var(--TextColor2);
  }

  #home fieldset legend {
    display: none;
  }
}

#loading {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: var(--BlockColor);
  display: flex;
  flex-direction: columns;
  align-items: center;
  z-index: 9999999999;
  justify-content: center;
}

/***************/
@keyframes pulse {
  from {
    opacity: 1;
    transform: scale(2);
  }

  to {
    opacity: .25;
    transform: scale(.75);
  }
}

.hide {
  display: none;
}

.block {}

/********/
/* #home */
@media screen and (min-width:0px) {
  #home {
    margin: 0 !important;
    padding: 0 !important;
    background: var(--BackgroundColor);
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 70px;
  }
}

/***************/
/* header */

@media screen and (max-width:1060px) {
  #header {
    display: none;
  }
}

@media screen and (min-width:0px) {
  #header {
    position: fixed;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    padding: 0 !important;
    background-color: var(--DblockColor);
    box-shadow: 0px -7px 14px 7px var(--DividColor);
    z-index: 2;
  }

  #header .moreList a {
    color: var(--TextColor1);
  }

  #header a {
    color: var(--TextColor1);
  }

  #header li {
    list-style-type: none;
  }

  #blogTitle {
    text-align: left;
    padding: 25px 20px;
    height: var(--blogTitleHeight);
    width: 100vw;
    display: none !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    background-image: var(--BackgroundImg);
    background-position: center;
    background-size: cover;
    position: relative;
  }

  #blogTitle:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    background-image: linear-gradient(0deg, rgba(119, 108, 186, 0.5), rgba(119, 108, 186, 0.1));
  }

  #blogTitle #lnkBlogLogo {
    position: relative;
    z-index: 1;
    width: 80px !important;
    height: 80px !important;
    border-radius: 100px;
    border: 4px solid #fff;
    background-image: var(--Avatar);
    background-position: center;
    background-size: cover;
  }

  #blogTitle h1 {
    margin: 10px 0;
    padding: 0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    font-size: var(--text3);
  }

  #blogTitle h2 {
    font-size: var(--text7);
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    font-weight: normal;
  }

  .fancybox-image {
    max-width: 100% !important;
    margin: 0 auto;
  }


  #navigator {
    width: 100%;
    padding: 0px !important;
    max-width: 1200px;
    margin: 0 auto;
    z-index: 99;
  }

  #navigator #navList {
    margin: 0px !important;
    padding: 0 !important;
    height: 60px;
    flex: auto;
    display: inline-flex;
  }

  #navigator .blogStats {
    float: right;
    line-height: 60px;
  }

  #navigator #navList li {
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0;
    display: inline-block;
  }

  #blog_nav_more {
    color: var(--TextColor1) !important;
  }

  #Moreblock:hover #blog_nav_more {
    transition: color 0.2s ease 0s;
    color: var(--ThemeColor);
  }

  #blog_nav_sitehome,
  #blog_nav_myhome,
  #blog_nav_admin,
  #blog_nav_more,
  #blog_nav_newpost,
  #blog_nav_contact,
  #blog_nav_rss {
    line-height: 60px;
    height: 60px;
    color: inherit;
    text-decoration: none;
    text-align: center;
    margin: 0 10px;
    white-space: nowrap;
    display: block;
    /*transition: all 300ms ease;
    -webkit-transition: all 300ms ease;*/
    position: relative;
  }

  #blog_nav_sitehome:after,
  #blog_nav_myhome:after,
  #blog_nav_admin::after,
  #blog_nav_more::after,
  #blog_nav_newpost:after,
  #blog_nav_contact:after,
  #blog_nav_rss:after {
    content: "";
    width: 0;
    margin: auto;
    display: block;
    height: 3px;
    background-color: var(--ThemeColor);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
  }

  #navList li a:hover:after {
    width: 100%;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
  }

  #blog_nav_sitehome:before {
    content: "\e62d";
    color: #fb7299;
    /*font-size:20px;*/
    font-family: iconfont;
  }

  #blog_nav_myhome:before {
    content: "\e626";
    color: #00c091;
    /*font-size:20px;*/
    font-family: iconfont;
  }

  #blog_nav_newpost:before {
    content: "\e628";
    color: #3c9ed1;
    /*font-size:20px;*/
    font-family: iconfont;
  }

  #blog_nav_contact:before {
    content: "\e624";
    color: #f3a034;
    /*font-size:20px;*/
    font-family: iconfont;
  }

  #blog_nav_rss {
    display: block !important;
  }

  #blog_nav_rss:before {
    content: "\e62a";
    color: #ff5d47;
    /*font-size:20px;*/
    font-family: iconfont;
  }

  #blog_nav_admin:before {
    content: "\e627";
    color: #23c9ed;
    /*font-size:20px;*/
    font-family: iconfont;
  }

  .blogStats {
    display: none;
  }
}

/***************/
/* #main */
@media screen and (min-width:0px) {
  #main {
    position: relative;
    top: 60px;
    z-index: 1;
    padding: 10px 0 0 0 !important;
    max-width: 1200px !important;
    width: 100% !important;
    height: 110% !important;
    margin: 0 auto !important;
  }
}

/***************/
@media screen and (max-width:1060px) {
  #main {
    display: grid;
    top: 10px;
    padding: 0 !important;
    grid-template-columns: 100%;
    grid-gap: 10px;
  }
}

/***************/
@media screen and (min-width:961px) {
  #main {
    background: var(--Block2Color);
    display: grid;
    grid-template-columns: 1fr 320px;
    grid-gap: 10px;
    box-shadow: 0px 0px 14px 7px var(--DividColor);
  }
}

/***************/
/* #mainContent */
@media screen and (min-width:0px) {
  #mainContent {
    /*background:orange;*/
    padding: 0;
    margin: 0;
  }
}

/***************/
/* .forFlow*/
@media screen and (min-width:0px) {
  .forFlow {
    /*background:yellow;*/
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 10px;
    padding: 0 !important;
    margin: 0 10px !important;
  }
}

/***************/
/* .day*/
@media screen and (min-width:0px) {
  .day {
    background: var(--BlockColor);
    display: grid;
    grid-template-columns: 100%;
    /*grid-gap:10px;*/
    border-radius: 6px;
    padding: 0 !important;
    margin: 0 !important;
  }

  .postSeparator {
    width: 100%;
    height: 10px;
    background: var(--Block2Color);
  }
}

/***********************/
/* 随笔翻页 */
@media screen and (min-width:0px) {
  .topicListFooter {
    border-radius: 4px !important;
    padding: 0 !important;
    margin: 10px auto !important;
    width: auto;
    float: right;
    background: var(--BlockColor);
  }

  #homepage_top_pager {
    display: none;
  }

  #homepage_bottom_pager {
    padding: 10px !important;
  }

  #homepage_bottom_pager {
    margin-top: -10px !important;
  }

  #nav_next_page a {
    display: block !important;
    padding: 10px;
    border-radius: 4px;
    text-align: center;

    transition-property: color, background;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
  }

  #nav_next_page a:after {
    content: "\f0a4";
    font-family: FontAwesome;
  }

  #nav_next_page a:hover {
    color: #fff;
    background: var(--ThemeColor);
  }
}

/***************/
/* 翻页 */
@media screen and (min-width:0px) {
  .pager {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.5;
  }

  .Pager,
  #homepage_top_pager .pager,
  #homepage_bottom_pager .pager {
    background: var(--BlockColor);
    padding: 10px 14px;
    margin: 0;
    text-align: center !important;
    color: var(--TextColor2) !important;
    font-size: var(--text7);
  }

  .Pager a,
  .pager a,
  #homepage_top_pager .pager a,
  #homepage_bottom_pager .pager a {
    border: 1px solid var(--DividColor);
    margin: 8px 4px !important;
    display: inline-table;
    color: var(--TextColor1);
    border-radius: 4px;
    padding: 4px 8px !important;
    transition: color, background 0.2s ease-out 0s;
  }

  .Pager a:hover,
  .pager a:hover,
  #homepage_top_pager .pager a:hover,
  #homepage_bottom_pager .pager a:hover {
    background: var(--ThemeColor);
    color: #fff;
  }

  .pager .current {
    border: 1px solid var(--ThemeColor) !important;
    margin: 6px 4px !important;
    display: inline-table;
    color: #fff !important;
    ;
    font-weight: normal !important;
    border-radius: 2px;
    background-color: var(--ThemeColor) !important;
    padding: 4px 8px !important;
  }

  #comment_pager_top,
  #comment_pager_bottom {
    padding: 0 14px !important;
    background: var(--BlockColor);
    min-height: 0 !important;
  }

  #comment_pager_top {}
}

/**********************/
/* 首页随笔 */
@media screen and (min-width:0px) {
  .dayTitle {
    display: none;
  }

  .day .postTitle {
    font-size: var(--text3);
    color: var(--TextColor1) !important;
    padding: 25px 25px 18px 25px;
  }

  .day .postTitle:before {
    content: "\f097";
    margin-right: 4px;
    color: #23c9ed;
    font-family: FontAwesome;
  }

  .postCon {
    display: none;
    font-size: var(--text7) !important;
    color: var(--TextColor2) !important;
    padding: 0 25px 25px 25px;
  }

  .postCon ul {
    margin-left: 25px;
  }

  .postCon img {
    max-width: 100% !important;
    border-radius: 10px;
  }

  .postDesc {
    font-size: var(--text8);
    color: var(--TextColor3) !important;
    margin: -10px 25px 25px 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    background: var(--BlockColor);
    /*display:none;*/
  }

  .day .postDesc a {
    display: none;
  }

  .clear {
    display: none;
  }
}

/***************/
@media screen and (max-width:540px) {
  .c_b_p_desc {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .desc_img {
    width: 100px;
    height: 70px;
    border-radius: 4px;
    margin-left: 14px;
    float: right;
    background-color: var(--BackgroundColor);
    object-fit: cover;
    display: grid;
    align-items: center;
    text-align: center;
    justify-content: center;
  }

  .desc_img:before {
    content: "\f071"" 图片加载失败!";
    font-family: FontAwesome;
    font-size: var(--text10);
    color: var(--TextColor2);
    display: block;
    line-height: 70px;
    padding-bottom: 70px;
  }

  .c_b_p_desc_readmore {
    display: none;
  }
}

/***************/

@media screen and (min-width:541px) {
  .c_b_p_desc {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .desc_img {
    width: 190px;
    height: 120px;
    border-radius: 4px;
    margin-left: 14px;
    float: right;
    object-fit: cover;
    background-color: var(--BackgroundColor);
    display: grid;
    align-items: center;
    text-align: center;
    justify-content: center;
  }

  .desc_img:before {
    content: "\f071"" 图片加载失败!";
    font-family: FontAwesome;
    font-size: var(--text9);
    color: var(--TextColor2);
    display: block;
    line-height: 120px;
    padding-bottom: 120px;
  }

  .c_b_p_desc_readmore {
    display: none;
  }
}

/************/
/* 我的标签 */
@media screen and (min-width:0px) {
  #taglist_main {
    display: grid;
    grid-template-columns: 100%;
    margin: 0;
    padding: 0;
    grid-gap: 10px;
  }

  #taglist_title_wrap {
    margin: 0;
    padding: 0;

  }

  #taglist {
    margin: 0;
    padding: 0;
    background: var(--BlockColor);
  }

  #taglist_title {
    margin: 0 !important;
    padding: 14px !important;
    font-size: var(--text5) !important;
    color: var(--TextColor1);
    text-align: center;
    background: var(--BlockColor);
    font-weight: normal !important;
  }

  #taglist td {
    padding: 14px 7px 14px 14px;
    font-size: var(--text8);
    color: var(--TextColor2);
    text-align: center;
    border: none !important;
  }

}

/***************/

/* 我的标签*/
@media screen and (min-width:0px) {
  .catListTag ul {
    display: flex;
    flex-wrap: wrap;
    color: var(--TextColor2);
  }

  .catListTag ul li {
    margin: 0 20px 14px 0;
    display: inline-block;
  }

}

/***************/

/* 我的链接*/
@media screen and (min-width:0px) {

  #sidebar_links1836006 .catListTitle::before {
    content: '\f08e';
    color: var(--TextColor2);
    margin: 12px;
    font-family: FontAwesome;
  }

  #sidebar_links1836006 ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  #sidebar_links1836006 ul li a {
    word-break: keep-all;
    text-overflow: ellipsis;
    display: inline-block;
    color: var(--TextColor2);
  }

  #sidebar_links1836006 ul li:nth-child(1) a:before {
    content: "\f1fc";
    margin-right: 4px;
    font-family: FontAwesome;
  }

  #sidebar_links1836006 ul li:nth-child(2) a:before {
    content: "\f02c";
    margin-right: 4px;
    font-family: FontAwesome;
  }

  #sidebar_links1836006 ul li:nth-child(3) a:before {
    content: "\f27a";
    margin-right: 4px;
    font-family: FontAwesome;
  }

  #sidebar_links1836006 ul li:nth-child(4) a:before {
    content: "\f055";
    margin-right: 4px;
    font-family: FontAwesome;
  }

}

/***************/
/* 我的相册*/
@media screen and (min-width:0px) {
  #sidebar_imagecategory ul {
    display: flex;
    flex-wrap: wrap;
    color: var(--TextColor2);
  }

  #sidebar_imagecategory ul li {
    margin: 0 14px 10px 0;
    display: inline-block;
  }

  #sidebar_imagecategory ul li a:before {
    content: "\f03e";
    margin-right: 4px;
    font-family: FontAwesome;
  }

}

/***************/
/*排行榜 */
@media screen and (min-width:0px) {
  #sidebar_topcommentedposts {
    display: none;
  }


  #sidebar_topviewedposts .catListTitle::before {
    content: '\f0cb';
    color: var(--TextColor2);
    margin: 12px;
    font-family: FontAwesome;
  }

  #sidebar_topviewedposts ul li a {
    background-color: var(--BackgroundColor);
    color: var(--TextColor2);
    line-height: 2;
    width: 100%;
    height: 100%;
    display: block !important;
    padding: 2px 4px;
    font-size: var(--text7);
    border-radius: 4px;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
  }

  #sidebar_topviewedposts ul li a:hover {
    background: var(--ThemeColor);
    color: #fff;
  }

  #sidebar_topcommentedposts ul li {
    line-height: 2.3;
    display: block;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    color: var(--TextColor2);
  }

  #sidebar_topdiggedposts {
    display: none;
  }
}

/*************/
/* 我的随笔 */
@media screen and (min-width:0px) {
  .PostListTitle {
    margin: 0 !important;
    padding: 14px !important;
    font-size: var(--text5);
    color: var(--TextColor1);
    text-align: center;
    font-weight: normal !important;
    background: var(--BlockColor);
  }

  #myposts {
    margin: 0 !important;
    padding: 0 !important;
    /*background:red;*/
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 10px;
  }

  .PostList {
    margin: 0 !important;
    padding: 0 14px !important;
    display: grid;
    grid-template-columns: 100%;
    background: var(--BlockColor);
  }

  .postTitl2 {
    font-size: var(--text5) !important;
    color: var(--TextColor1);
    padding: 14px 0 0px;
  }

  .postDesc2 {
    font-size: var(--text8) !important;
    color: var(--TextColor3);
    padding: 0px 0 14px;
    order: 1;
  }

  .postText2 {
    font-size: var(--text7) !important;
    color: var(--TextColor2);
    word-break: break-all !important;
    overflow: hidden;
  }

  .postText2 ol {
    margin-left: 14px;
  }
}

/***********************/
/* #post_detail,#blog-comments-placeholder,#comment_form */
@media screen and (min-width:0px) {

  #topics,
  #comment_form,
  #blog-comments-placeholder {
    border-radius: 6px;
  }
  
  #post_detail {
    /*background:green;*/
    padding: 0 !important;
    margin: 0 !important;
  }

  #comment_form,
  #blog-comments-placeholder {
    display: grid;
    grid-template-columns: 100%;
  }

  #blog-comments-placeholder br {
    display: none;
  }

  .feedbackItem br {
    display: block !important;
  }
}

/***************/
a[name="!comments"] {
  display: none !important;
}

/***********************/
/* #sideBar */

@media screen and (max-width:1060px) {
  #sideBar {
    display: none;
  }
}

@media screen and (min-width:0px) {
  #sideBar {
    background: var(--BlockColor);
    padding: 0 !important;
    margin: 0 !important;
    height: 110%;
  }
}

/***************/
/* #sideBarMain*/
@media screen and (min-width:0px) {
  #sideBarMain {
    position: fixed;
    top: 60px;
    width: 320px;
    height: 92%;
    overflow-y: scroll;
    padding: 0 !important;
    margin: 0 !important;
  }

  #sideBarMain::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }

  #sideBarMain::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: var(--TextColor3);
  }

  #sideBarMain::-webkit-scrollbar-track {
    border-radius: 4px;
    background: var(--DividColor);

  }
}

/***************/
/* #leftcontentcontainer */
@media screen and (min-width:0px) {
  #leftcontentcontainer {
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
  }
}

/***************/
#sidebar_news,
#blog-calendar {
  background: var(--BlockColor);
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
  top: 10px;
}

#sidebar_news .catListTitle {
  display: none;
}

.catListTitle {
  padding: 10px 14px;
  font-size: var(--text6);
  font-weight: normal !important;
  color: var(--TextColor1);
}

i.fa.fa-angle-down {
  font-size: var(--text1);
  color: var(--TextColor1);
  float: right;
  transition: 0.3s;
}

/***************/
/* #blog-sidecolumn*/
@media screen and (min-width:0px) {
  #blog-sidecolumn {
    display: grid;
    grid-template-columns: 100%;
    padding: 0 !important;
    margin: 0 !important;
  }
}

/***************/
/* 公告 */
@media screen and (min-width:0px) {
  #blog-news {
    padding: 10px 14px;
  }

  #profile_block {
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    justify-content: space-around;
    align-items: center;
    width: 100%;
  }

  #profile_block:before {
    content: "";
    display: table;
    width: 80px;
    height: 80px;
    margin: 10px auto 10px;
    border-radius: 80px;
    background-image: var(--Avatar);
    background-position: center;
    background-size: cover;
  }

  #profile_block br {
    display: none;
  }

  #profile_block a {
    font-size: var(--text7);
    text-align: center;
  }

  #profile_block a[href^="https://home.cnblogs.com/u"] {
    font-size: var(--text6);
    color: var(--TextColor1);
    display: block !important;
    width: 100%;
    font-weight: bold;
    margin-bottom: 14px;
  }

  #p_b_follow {
    display: block !important;
    width: 100% !important;
    text-align: center;
  }

  #p_b_follow a {
    display: block !important;
    width: 100%;
    line-height: 2.8;
    font-size: var(--text7) !important;
    color: #fff !important;
    background: var(--ThemeColor) !important;
    border-radius: 4px;
    font-weight: normal !important;
  }


  #p_b_follow span {
    display: block !important;
    width: 100%;
    line-height: 2.8;
    font-size: var(--text7) !important;
    color: #fff !important;
    background: var(--gray);
    border-radius: 4px;
    font-weight: normal !important;
  }

  #profile_block a:nth-child(3),
  #profile_block a:nth-child(5),
  #profile_block a:nth-child(7) {
    text-align: center;
    font-size: var(--text7);
    color: var(--TextColor2);
    font-weight: bold;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 30% !important;
    display: inline-block !important;
    box-sizing: border-box;
    box-shadow: 1px 1px 2px 1px var(--DividColor);
    border-radius: 4px;
  }

  #profile_block a:nth-child(3):after {
    content: "园龄";
    color: var(--TextColor3);
    font-size: var(--text8);
    display: block;
    width: 100%;
    font-weight: normal;
  }

  #profile_block a:nth-child(5):after {
    content: "粉丝";
    color: var(--TextColor3);
    font-size: var(--text8);
    display: block;
    font-weight: normal;
    width: 100%;
  }

  #profile_block a:nth-child(7):after {
    content: "关注";
    font-weight: normal;
    color: var(--TextColor3);
    font-size: var(--text8);
    display: block;
    width: 100%;
  }
}

/***************/
/*日历*/
@media screen and (min-width:0px) {
  #blogCalendar {
    padding: 10px 14px;
  }

  .CalTitle {
    line-height: 2.4;
    font-size: var(--text6);
    color: var(--TextColor1);
  }

  .CalDayHeader {
    line-height: 2.4;
    font-size: var(--text6);
    font-weight: normal;
    color: var(--TextColor2);
    border-bottom: 0px solid var(--DividColor);
  }


  .CalTodayDay {
    height: 34px !important;
    width: 34px !important;
  }

  .CalTodayDay u,
  .CalTodayDay {
    color: #fff !important;
    background-color: var(--ThemeColor);
    line-height: 2.15;
    border-radius: 50%;
  }

  #blog-calendar u {
    color: var(--ThemeColor);
    font-weight: 600;
    text-decoration: none !important;
    height: 22px;
    position: relative;
  }

  .CalOtherMonthDay {
    color: var(--TextColor3);
  }

  #blog-calendar u:after {
    content: '●';
    display: block;
    font-size: 4px;
    position: absolute;
    top: 20px;
    text-align: center;
    left: 0;
    right: 0;
    line-height: 0;
  }

  #blogCalendar td {
    line-height: 2;
  }

  .CalTitle .CalNextPrev {
    font-size: 0px;
  }

  .CalTitle .CalNextPrev:nth-child(1) a:before {
    content: "\f0d9";
    font-size: 18px;
    text-align: center;
    font-family: FontAwesome;
    line-height: 2;
  }

  .CalTitle .CalNextPrev:nth-child(3) a:before {
    content: "\f0da";
    text-align: center;
    font-size: 18px;
    font-family: FontAwesome;
    line-height: 2;
  }
}

/***************/
/* 搜索 */
@media screen and (min-width:0px) {

  #sidebar_search {
    display: none;
    position: absolute;
    top: 0;
    z-index: 10;
    right: 10px;
    height: 60px;
  }

  #sidebar_search .catListTitle {
    display: none;
  }

  #sidebar_search_box {
    height: 60px;
    padding: 14px;
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 10px;
  }

  #sidebar_search_box .div_my_zzk {
    display: flex;
    margin: 10px;
  }

  #sidebar_search_box .input_my_zzk {
    padding: 6px;
    outline: none;
    background: var(--BackgroundColor);
    border: 1px solid var(--DividColor);
    vertical-align: middle;
    height: auto;
    width: auto;
    flex: auto;
    border-radius: 20px;
    transition-property: border;
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
  }

  #sidebar_search_box .input_my_zzk:hover {
    border: 1px solid var(--ThemeColor);
  }

  input.btn_my_zzk {
    color: #fff;
    background-color: var(--ThemeColor);
    border-color: var(--ThemeColor);
    border: 1px;
    padding: 8px;
    border-radius: 20px;
    height: auto !important;

    transition-property: outline, opacity;
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
  }

  input.btn_my_zzk:hover {
    outline: none;
    opacity: 0.8;
  }
}

/***************/
/* .sidebar-block*/
@media screen and (min-width:0px) {
  .sidebar-block {
    background: var(--BlockColor);
    padding: 0;
    margin: 0;
  }

  .sidebar-block ul {
    padding: 14px 14px;
  }

  .sidebar-block ul li {
    list-style-type: none;
    transition: 0.35s;
  }

  #sidebar_recentposts li,
  #sidebar_postcategory li,
  #sidebar_postarchive li,
  #sidebar_links1836006 li,
  #sidebar_topviewedposts li {
    display: block;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 0px;
    padding: 0px;
    transition: 0.35s;
  }
}

/***************/
/* #sidebar_categories*/
@media screen and (min-width:0px) {
  #sidebar_categories {
    display: grid;
    grid-template-columns: 100%;
    padding: 0 !important;
    margin: 0 !important;
  }
}

/***************/
/* 常用链接 */
@media screen and (min-width:0px) {

  #sidebar_shortcut {
    display: none;
  }
}

/* 我的标签 */
@media screen and (min-width:0px) {

  #sidebar_toptags {
    display: block;
    background: var(--BlockColor);
  }

  #sidebar_toptags .catListTitle::before {
    content: '\f02c';
    color: var(--TextColor2);
    margin: 12px;
    font-family: FontAwesome;
  }

  #sidebar_toptags ul li {
    list-style-type: none;
    margin: 8px 0px;
  }

  #sidebar_toptags ul li a {
    list-style-type: none;
    margin: 5px;
    padding: 4px 8px 4px 8px;
    border-radius: 20px;
    background: #e6e6e6;
    transition-property: box-shadow;
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
  }

  #sidebar_toptags ul li a:hover {
    box-shadow: 2px 2px 4px var(--BackgroundColor);
  }

  #sidebar_toptags ul li a:hover {
    color: var(--blue);
  }

  #tag-count {
    display: none;
  }
}

/***************/
/* 随笔分类 */
@media screen and (min-width:0px) {

  #sidebar_postcategory .catListTitle::before {
    content: '\f01c';
    color: var(--TextColor2);
    margin: 12px;
    font-family: FontAwesome;
  }

  #sidebar_postcategory ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  #sidebar_postcategory ul li a {
    background-color: var(--BackgroundColor);
    color: var(--TextColor2);
    line-height: 2;
    width: 100%;
    height: 100%;
    display: block !important;
    padding: 2px 4px;
    text-align: center;
    font-size: var(--text7);
    border-radius: 4px;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
  }

  #sidebar_postcategory ul li a:hover {
    background-color: var(--ThemeColor);
    color: #fff;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
  }
}

/***************/
/* 最新随笔 */
@media screen and (min-width:0px) {

  #sidebar_recentposts .catListTitle::before {
    content: '\f0ea';
    color: var(--TextColor2);
    margin: 12px;
    font-family: FontAwesome;
  }

  #sidebar_recentposts ul li a {
    background-color: var(--BackgroundColor);
    color: var(--TextColor2);
    line-height: 2;
    width: 100%;
    height: 100%;
    display: block !important;
    padding: 2px 4px;
    font-size: var(--text7);
    border-radius: 4px;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
  }

  #sidebar_recentposts ul li a:hover {
    background: var(--ThemeColor);
    color: #fff;
  }
}

/***************/
/* 随笔档案 */
@media screen and (min-width:0px) {

  #sidebar_postarchive .catListTitle::before {
    content: '\f1c6';
    color: var(--TextColor2);
    margin: 12px;
    font-family: FontAwesome;
  }

  #sidebar_postarchive ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  #sidebar_postarchive ul li a {
    word-break: keep-all;
    text-overflow: ellipsis;
    display: inline-block;
    color: var(--TextColor2);
  }

  #sidebar_postarchive ul li a :hover {
    word-break: keep-all;
    text-overflow: ellipsis;
    display: inline-block;
    color: var(--blue);
  }
}

/***************/
/* 随笔档案*/
@media screen and (min-width:0px) {
  #sidebar_postarchive ul li a:before {
    content: "\f073";
    font-family: FontAwesome;
    margin-right: 4px;
  }

  #sidebar_articlearchive ul li a:before {
    content: "\f073";
    font-family: FontAwesome;
    margin-right: 4px;
  }
}

/***************/
/* 积分排名*/
@media screen and (min-width:0px) {

  #sidebar_scorerank .catListTitle::before {
    content: '\f080';
    color: var(--TextColor2);
    margin: 12px;
    font-family: FontAwesome;
  }

  .catListBlogRank ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }

  .liScore:before {
    content: "\f005";
    font-family: FontAwesome;
    line-height: 2;
  }

  .liScore,
  .liRank {
    color: var(--TextColor2)
  }

  .liRank:before {
    content: "\f091";
    font-family: FontAwesome;
    line-height: 2;
  }

}

/***************/
/*最新评论*/
@media screen and (min-width:0px) {
  #sidebar_recentcomments {
    display: none;
  }

  .recent_comment_title a:before {
    content: "\f27a";
    font-family: FontAwesome;
    margin-right: 10px;
    margin-left: 0px;
  }

  .recent_comment_title {
    margin: 8px 0;
    display: inline-block;
    color: var(--TextColor1);
    font-size: var(--text6);
  }

  .recent_comment_author {
    border-bottom: 1px dashed var(--DividColor);
    padding: 10px 0 !important;
    margin: 0 !important;
    color: var(--TextColor3);
    font-size: var(--text8);
  }

  .recent_comment_author:last-child {
    border: none;
  }

  .recent_comment_body {
    color: var(--TextColor2);
    font-size: var(--text7);
    line-height: 1.8;
  }

  .RecentCommentBlock p,
  .recent_comment_body blockquote p {
    margin: 0 !important;
    line-height: 1.8;
  }

  .recent_comment_body br {
    display: none;
  }

  ul .recent_comment_body blockquote {
    height: 0 !important;
    padding: 0 0 0 10px !important;
    margin: 0 !important;
    line-height: 1 !important;
  }
}

/***************/
/* 随笔分类 */
@media screen and (min-width:0px) {
  .entrylist {
    margin: 0;
    padding: 0;
    background: red
  }

  .entrylistTitle {
    margin: 0 !important;
    padding: 14px !important;
    font-size: var(--text5);
    color: var(--TextColor1);
    text-align: center;
    font-weight: normal !important;
    background: var(--BlockColor);
  }

  .entrylistItem {
    margin: 0;
    padding: 0 14px 14px 14px;
    background: var(--BlockColor);
  }

  .entrylistDescription {
    font-size: var(--textNormal);
    color: var(--TextColor2);
    padding: 0 14px 14px 14px;
    border-bottom: 1px solid var(--DividColor);
    margin: 0;
    text-align: left !important;
    background-color: var(--BlockColor);
  }

  .entrylistDescription img {
    max-width: 100% !important;
    margin: 4px auto;
    border-radius: 4px;
  }

  .entrylistPosttitle {
    font-size: var(--text3) !important;
    color: var(--TextColor1);
    padding: 14px 0 10px;
  }

  .entrylistItemPostDesc {
    font-size: var(--text8) !important;
    color: var(--TextColor3);
    padding: 0;
    margin: 14px 0 0 0;
    text-indent: -60px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*display:none;*/
  }

  .entrylistItemPostDesc a:last-child {
    display: none
  }

  .entrylistPostSummary {
    font-size: var(--text7) !important;
    color: var(--TextColor2);
  }
}

/***************/
/* 评论列表 */
@media screen and (min-width:0px) {
  #blog-comments-placeholder br:nth-child(1) {}

  .feedback_area_title {
    order: -1;
    /*margin-top:-20px;*/
    padding: 10px 14px;
    font-size: var(--text5);
    font-weight: normal !important;
    color: var(--TextColor1);
    border-bottom: 1px solid var(--DividColor);
    background: var(--BlockColor);
  }

  .feedbackItem {
    padding: 14px;
    background-color: var(--BlockColor);
    position: relative;
    overflow: hidden;
  }

  .feedbackItem:nth-child(5) {
    border-top: 1px solid var(--DividColor);
  }

  .feedbackItem {
    border-bottom: 1px solid var(--DividColor);
  }

  .feedbackItem img {
    max-width: 100% !important;
  }

  .feedbackListSubtitle {
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 4px;
  }

  .feedbackListSubtitle a,
  .feedbackManage,
  .feedbackListSubtitle .comment_date {
    font-size: var(--text8);
    line-height: 1.5;
  }

  .feedbackListSubtitle a {
    margin-right: 4px;
  }

  .feedbackListSubtitle .layer {
    order: 1;
    width: auto;
    padding: 0;
    margin-right: 10px;
    word-break: keep-all;
  }

  .feedbackListSubtitle a:last-child {
    font-weight: bold;
    order: 2;
    width: auto;
    word-break: keep-all;
    border-radius: 2px;
  }

  .feedbackListSubtitle .comment_date {
    display: block !important;
    width: 100% !important;
    color: var(--TextColor3);
    order: 5;
    word-break: keep-all;
  }

  .feedbackManage {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    color: var(--TextColor3);
  }

  .feedbackManage a:last-child {
    font-weight: normal !important;
  }

  .comment_vote {
    margin-top: 4px;
    color: var(--TextColor3);
    font-size: var(--text8);
  }

  .feedbackCon .blog_comment_body {
    height: fit-content !important;
    margin: 0;
    display: block;
    justify-content: center;
    word-break: break-all;
    width: 100% !important;
    overflow: hidden !important;
  }

}

/***************/
/* 发表评论 */
@media screen and (min-width:0px) {
  #comment_nav {
    text-align: center;
    font-size: var(--text7);
    color: var(--TextColor1);
    padding: 14px !important;
    margin: 0 !important;
    background-color: var(--BlockColor);
    border-bottom: 1px solid var(--DividColor);
    /*border-top:1px solid var(--DividColor);*/
  }

  #comment_form_container {
    padding: 0 0 14px 0 !important;
    margin: 0 !important;
    background-color: var(--BlockColor);
  }

  .login_tips {
    background-image: url();
    margin: 0 !important;
    text-align: center;
    font-size: var(--text7);
    font-weight: normal !important;
    padding: 14px !important;
  }

  #commentform_title {
    padding: 14px !important;
    background: url();
    margin: 0 !important;
    font-size: var(--text5) !important;
    font-weight: normal !important;
    border-bottom: 1px solid var(--DividColor);
  }

  #commentform_title a {
    display: none;
  }

  .comment_textarea {
    width: 100%;
    height: fit-content !important;
    background-color: var(--BlockColor);
    color: var(--TextColor2);
    padding: 8px 14px;
    margin: 0;
    border-radius: 0 !important;
    border: none !important;
    /*border:1px solid var(--DividColor);*/
  }

  .commentbox_title {
    border-bottom-color: var(--DividColor);
    color: var(--TextColor3) !important;
  }

  #tbCommentBody {
    padding: 8px;
    background: var(--BlockColor);
    word-break: break-all;
  }

  /* 贴吧表情 */
  img[src^="https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/images/smilies"],
  img[src^="https://images.cnblogs.com/cnblogs_com/gshang/1626876/"],
  img[src^="https://images.cnblogs.com/cnblogs_com/gshang/1663431/"] {
    width: 26px;
    height: 26px;
  }

  /*
  .commentbox_footer{
    border:none!important;
  }
*/
  .commentbox-tab {
    color: var(--TextColor3) !important;
  }

  .commentbox_tab:hover,
  .commentbox_tab.active {
    border-bottom-color: var(--ThemeColor);
    color: var(--TextColor1) !important;
  }

  #commentbox_opt {
    padding: 14px;
    margin: 0;
    border-top: 1px solid var(--DividColor);
    background-color: var(--BlockColor);
  }

  #btn_comment_submit {
    width: auto;
    height: auto;
    border-width: 0;
    cursor: pointer;
    color: #fff;
    padding: 4px 8px;
    background-color: var(--ThemeColor);
    border-color: var(--ThemeColor);
    user-select: none;
    border-radius: 4px;
  }

  #btn_comment_submit:hover {
    opacity: 0.8
  }

  #tip_comment2 {
    display: none;
  }

  #tip_comment {
    background-color: var(--BlockColor);
    font-size: var(--text8) !important;
    padding: 14px !important;
    line-height: 1.8;
    display: block;
    width: 100%;
    margin: 0;
  }

  #comment_form_container p:nth-child(7) {
    color: var(--TextColor3);
    font-size: var(--text7);
    width: 100%;
    display: block;
    margin: 0;
    padding: 6px 14px;
    background-color: var(--BlockColor);
  }
}

/***************/
/* 相关博文 */
@media screen and (min-width:0px) {
  #under_post_news {
    display: none !important;
  }

  .recomm-block {
    padding: 0 0 14px 0 !important;
    margin: 0 !important;
    font-size: 0;
    width: 100% !important;
    max-width: 100% !important;
    background: var(--BlockColor);
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .recomm-block b:before {
    content: "相关博文";
    display: block !important;
    padding: 14px;
    font-size: var(--text5) !important;
    font-weight: normal !important;
    color: var(--TextColor1);
    border-bottom: 1px solid var(--DividColor);
    background: var(--BlockColor);
    margin-bottom: 10px;
  }

  .recomm-block br {
    display: none;
  }

  .recomm-block a {
    line-height: 1.8;
    width: 100% !important;
    color: var(--TextColor2);
    font-size: var(--text7) !important;
    padding: 0 14px !important;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
    display: block !important;
    overflow: hidden;
    width: auto;
  }

  .recomm-block a:last-child {
    display: none !important;
  }

  .recomm-block a:before {
    content: "\f0f6";
    margin-right: 4px;
    font-family: FontAwesome;
  }

  .recomm-block a:nth-last-child(2):before {
    content: "\f101" !important;
    margin-right: 4px;
    font-family: FontAwesome;
  }
}

/***************/
/* Markdown */
@media screen and (min-width:0px) {
  table::-webkit-scrollbar {
    display: none !important;
  }

  .post .postBody {
    color: var(--TextColor1);
    word-break: break-all;
  }

  .post .postBody h1,
  .blog_comment_body h1 {
    text-align: center;
    color: var(--TextColor1);
    font-size: var(--text1) !important;
  }

  #cnblogs_post_body p {
    margin: 17px auto;
    line-height: 28px;
    text-indent: 0;
  }

  #cnblogs_post_body .mytoolbar a::after {
    display: none;
  }

  #cnblogs_post_body .notag a::after {
    display: none !important;
  }

  #cnblogs_post_body a::after {
    position: relative;
    top: -8px;
    content: "\f08e" !important;
    font-size: 0.1em;
    font-weight: 1000;
    font-family: FontAwesome;
  }

  .post .postBody h2,
  .blog_comment_body h2 {
    background: linear-gradient(to bottom,#ffffff00 50%,rgb(212 236 255) 0) no-repeat;
    width: max-content;
    color: var(--TextColor1);
    font-size: var(--text2) !important;
  }

  .post .postBody h3,
  .blog_comment_body h3 {
    color: var(--TextColor1);

    font-size: var(--text3) !important;
  }

  .post .postBody h4,
  .blog_comment_body h4 {
    color: var(--TextColor1);
    font-size: var(--text4) !important;
  }


  .post .postBody h5,
  .blog_comment_body h5 {
    color: var(--TextColor1);
    font-size: var(--text5) !important;
  }

  .post .postBody h6,
  .blog_comment_body h6 {
    color: var(--TextColor1);
    font-size: var(--text6) !important;
  }

  .post .postBody p,
  .blog_comment_body p {
    margin: 17px auto;
  }

  .post .postBody img,
  .blog_comment_body img {
    margin: 4px auto;
    border-radius: 4px;
    position: relative;
    text-align: center;
  }

  #home code {
    border: none !important;
    color: var(--AidColor2);
    padding: 0 .5em !important;
    line-height: 1.5 !important;
    font-size: var(--text8) !important;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
    background-color: var(--BackgroundColor);
  }

  .cnblogs-markdown a {
    color: var(--TextColor1);
  }

  .cnblogs-markdown a:hover {
    color: var(--ThemeColor);
  }

  .cnblogs-markdown ul {
    margin: 0 !important;
    padding-left: 14px !important;
  }

  .MathJax {
    outline: none;
  }

  .MathJax_Display {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .forFlow {
    display: grid;
    grid-template-columns: 100%;
  }

  .forFlow hr {
    border: 1px solid var(--DividColor);
  }

  .forFlow .tablebox {
    display: block;
    margin: 0 auto;
  }

  .forFlow table {
    margin: 10px 0;
    font-size: var(--text8);
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: none !important;
    overflow: auto;
    width: 100% !important;
    /*display:block!important;*/
    word-break: keep-all !important;
  }

  .forFlow table th {
    font-weight: bold;
    padding: .5em 1em;
    border: 1px solid var(--DividColor) !important;
    background-color: var(--BackgroundColor) !important;
  }

  .forFlow table tr:nth-child(2n) {
    background-color: var(--BackgroundColor) !important;
  }

  .forFlow table tr {
    background-color: var(--BlockColor) !important;
  }

  .forFlow table td {
    border: 1px solid var(--DividColor) !important;
    padding: .5em 1em;
  }
}

/***************/
@media screen and (min-width:0px) {
  #post_detail {
    margin-bottom: -10px !important;
  }

  .post {
    padding: 0;
    display: grid;
    margin-bottom: 10px;
    grid-template-columns: 100%;
  }

  #topics .postTitle {
    margin: 0 !important;
    text-align: center;
    background: var(--BlockColor);
    color: var(--TextColor1);
    font-size: var(--text2) !important;
    padding: 20px 20px 0 20px;
  }

  #topics .postTitle a span {
    font-size: 25px;
  }

  .post .postDesc {
    display: block !important;
    padding: 0 14px !important;
    text-indent: 0 !important;
    margin: 0 !important;
    background-color: var(--BlockColor);
  }

  /* 调整 */
  .post .postBody {
    order: 1;
    padding: 30px;
    overflow: hidden;
    background-color: var(--BlockColor);
  }

  /* 博文信息 */
  .post .postDesc {
    font-size: 0;
    line-height: 2.5;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--DividColor);
    margin-bottom: 20px;
  }

  #topics #post-date,
  #topics .postDesc a,
  #topics #post_view_count,
  #topics #post_comment_count {
    color: var(--TextColor3);
    font-size: var(--text8);
    word-break: keep-all !important;
    display: inline-block;
    margin-right: 10px;
  }

  #topics .postDesc a:hover {
    color: var(--ThemeColor);
  }

  #topics #post-date:before {
    content: "\f017";
    margin-right: 4px;
    font-family: FontAwesome;
  }

  #topics .postDesc a:nth-child(2):before {
    content: "\f2be";
    margin-right: 4px;
    font-family: FontAwesome;
  }

  #topics .postDesc #post_view_count:before {
    content: "\f06e";
    margin-right: 4px;
    font-family: FontAwesome;
  }

  #topics #post_comment_count:before {
    content: "\f27b";
    margin-right: 4px;
    font-family: FontAwesome;
  }

  #topics .postDesc a:nth-last-child(3):before {
    content: '\f121';
    font-family: FontAwesome;
    margin-right: 4px;
  }

  #topics .postDesc a:nth-last-child(2):before {
    content: '\f040';
    font-family: FontAwesome;
    margin-right: 4px;
  }

  #topics .postDesc a:nth-last-child(1):before {
    content: '\f02e';
    font-family: FontAwesome;
    margin-right: 4px;
  }

  /* 分类 标签*/
  #BlogPostCategory,
  #EntryTag {
    color: var(--TextColor2);
  }

  #BlogPostCategory a,
  #EntryTag a {
    display: inline-table;
  }

  #BlogPostCategory a:before {
    content: '\f02d';
    font-family: FontAwesome;
    margin-right: 4px;
  }

  #EntryTag a:before {
    content: '\f02c';
    font-family: FontAwesome;
    margin-right: 4px;
  }

  /* 博文发布信息*/
  #blog_post_info {
    display: grid !important;
    grid-template-columns: 100% !important;
    grid-template-rows: auto auto auto !important;
    width: 100%;
    margin: 30px 0;
    grid-gap: 30px;
  }

  #green_channel {
    border: none !important;
    width: auto !important;
    display: inline-flex;
    margin: 0 auto;
    padding: 0;
    grid-column-start: 1;
    grid-column-end: 2;
  }

  #green_channel a:hover {
    color: var(--ThemeColor);
  }

  #green_channel a {
    background: url();
    font-weight: normal;
    font-size: var(--text7) !important;
    margin-right: 20px;
    color: var(--TextColor2);
    text-shadow: none !important;
  }

  #green_channel #green_channel_digg {
    display: none;
  }

  #green_channel #green_channel_follow:before {
    content: "\f08a";
    font-family: FontAwesome;
    margin-right: 4px;
    margin-left: 0px;
  }

  #green_channel #green_channel_favorite:before {
    content: "\f006";
    font-family: FontAwesome;
    margin-right: 4px;
    margin-left: 0px;
  }


  #green_channel #green_channel_follow,
  #green_channel #green_channel_favorite,
  #green_channel #green_channel_weibo,
  #green_channel #green_channel_wechat {
    color: var(--TextColor2) !important;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0px;
    font-size: var(--text7);
    -webkit-border-radius: 4px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }



  #green_channel #green_channel_weibo:hover {
    background-color: #00000000 !important;
  }

  #green_channel_weibo img {
    margin-left: 0 !important;
  }


  #green_channel #green_channel_wechat:hover {
    background-color: #00000000 !important;
  }

  #green_channel_wechat img {
    margin-left: 0 !important;
  }

  #green_channel #green_channel_follow:hover,
  #green_channel #green_channel_favorite:hover {
    color: var(--ThemeColor) !important;
  }

  #green_channel_weibo img,
  #green_channel_wechat img {
    display: none;
  }

  #green_channel_weibo:before {
    content: "\f18a";
    font-family: FontAwesome;
    color: #d21212;
    margin-right: 4px;
    margin-left: 0px;
  }

  #green_channel_wechat {
    margin-right: 0 !important;
  }

  #green_channel_wechat:before {
    content: "\f1d7";
    color: #14981a;
    font-family: FontAwesome;
    margin-right: 4px;
    margin-left: 0px;
  }

  #div_digg {
    width: auto !important;
    font-size: 22px;
    float: right;
    margin: 0 auto;
    grid-column-start: 1;
    grid-column-end: 2;
  }

  .buryit:hover,
  .diggit:hover {
    opacity: 0.8;
    color: var(--ThemeColor) !important;
  }

  .diggit {
    background: none !important;
    font-size: 20px;
    height: auto;
    padding: 0;
    margin: 0 20px 0 0;
    height: auto;
    width: auto !important;
    color: var(--TextColor2) !important;
    background-color: #00000000 !important;
    border: 1px solid #00000000 !important;
  }

  #digg_count {
    color: var(--TextColor2) !important;
  }

  .diggit:before {
    content: '\f087';
    font-family: FontAwesome;
    margin-right: 0px;
    margin-left: 10px;
  }

  .buryit {
    width: auto !important;
    font-size: 20px;
    height: auto;
    padding: 0;
    margin: 0;
    background: none !important;
    color: var(--TextColor2) !important;
    background-color: #00000000 !important;
    border: 1px solid #00000000 !important;
  }

  #bury_count {
    color: var(--TextColor2) !important;
  }

  .buryit:before {
    content: '\f088';
    font-family: FontAwesome;
    margin-right: 0px;
    margin-left: 10px;
  }

  /* 博主信息*/
  #author_profile {
    order: 1;
    width: 100%;
    background-color: var(--BackgroundColor);
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
  }

  #author_profile_info {
    flex: 1;
  }

  .author_avatar {
    margin: 0 10px 0 0 !important;
    padding: 0;
    border-radius: 9999px !important;
  }

  #author_profile_detail {
    display: grid;
    width: fit-content;
    column-gap: 0px !important;
    justify-content: center;
    color: var(--TextColor1) !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }

  #author_profile_detail br {
    display: none;
  }

  #author_profile_detail a:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3;
    font-weight: bold;
    margin-top: 0px;
    line-height: 2;
    font-size: var(--text8);
    grid-row-start: 1;
    grid-row-end: 2;
  }

  #author_profile_detail a:nth-child(2) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
  }

  #author_profile_detail a:nth-child(3) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    margin-left: 10px;
  }

  #author_profile_follow {
    font-size: 0;
  }

  #author_profile_follow a {
    color: #fff;
    font-size: var(--text8);
    line-height: 2.4;
    padding: .5em 1em !important;
    width: fit-content !important;
    border-radius: 100px;
    background-color: var(--ThemeColor);
  }

  #author_profile_follow a:hover {
    color: #fff;
  }

  /*上下篇*/
  #post_next_prev {
    font-size: var(--textNormal);
    text-overflow: ellipsis;
    overflow: hidden;
  }

  #post_next_prev br {
    display: block !important;
  }

}

/***************/

/*** Atom OneDark**/
@media screen and (min-width:0px) {

  #home .hljs,
  #home pre code {
    display: block;
    white-space: pre;
    word-break: keep-all;
    overflow-x: auto !important;
    padding: .5em;
    color: #abb2bf;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
    font-size: var(--text8) !important;
    tab-size: 40px;
    border: none !important;
    background: inherit !important;
  }

  #home .hljs-comment,
  #home .hljs-quote {
    color: #5c6370;
    font-style: italic
  }

  #home .hljs-doctag,
  #home .hljs-formula,
  #home .hljs-keyword {
    color: #c678dd
  }

  #home .hljs-deletion,
  #home .hljs-name,
  #home .hljs-section,
  #home .hljs-selector-tag,
  #home .hljs-subst {
    color: #e06c75
  }

  #home .hljs-literal {
    color: #56b6c2
  }

  #home .hljs-addition,
  #home .hljs-attribute,
  #home .hljs-meta-string,
  #home .hljs-regexp,
  #home .hljs-string {
    color: #98c379
  }

  #home .hljs-built_in,
  #home .hljs-class .hljs-title {
    color: #e6c07b
  }

  #home .hljs-attr,
  #home .hljs-number,
  #home .hljs-selector-attr,
  #home .hljs-selector-class,
  #home .hljs-selector-pseudo,
  #home .hljs-template-variable,
  #home .hljs-type,
  #home .hljs-variable {
    color: #d19a66;
  }

  #home .hljs-bullet,
  #home .hljs-link,
  #home .hljs-meta,
  #home .hljs-selector-id,
  #home .hljs-symbol,
  #home .hljs-title {
    color: #61aeee
  }

  #home .hljs-emphasis {
    font-style: italic
  }

  #home .hljs-strong {
    font-weight: 700
  }

  #home .hljs-link {
    text-decoration: underline
  }

  #home .hljs-tag {
    color: #abb2bf
  }
}

/***************/

/* 相册 */
@media screen and (min-width:0px) {
  .gallery {
    background-color: var(--BlockColor);
    text-align: center !important;
    padding: 14px;
    align-items: center;
    font-size: 0;
  }

  .gallery br {
    display: none;
  }

  .gallery .thumbTitle,
  .galleryTitle {
    font-size: var(--text5) !important;
    color: var(--TextColor1);
    padding: 0 0 14px 0;
    margin: 0;
    font-weight: normal;
  }

  .thumbDescription {
    font-size: var(--text7) !important;
    color: var(--TextColor2);
    padding: 0 14px 14px 14px;
    text-align: left;
    border-bottom: 1px dashed var(--DividColor)
  }

  #GalleryThumbNailViewer1_ThumbNails {
    margin: 0;
    width: 100% !important;
    /* border: 1px solid var(--DividColor);*/
    /*background-color:var(--BlockColor);*/
    padding: 14px !important;
    background: green;
    border-collapse: collapse;
    border-spacing: 0;
    cellspacing: 10 !important;
    table-layout: fixed;
    overflow: hidden;
    overflow: hidden;
  }

  #GalleryThumbNailViewer1_ThumbNails td {
    width: 100% !important;
    overflow: hidden !important;
    border: none !important;
    padding: 0px !important;
    background: var(--BlockColor) !important;
  }

  .divPhoto {
    display: block !important;
    align-item: center;
    padding: 4px;
    justify-content: center;
    width: 100%;
  }

  #ViewPicture1_GalleryImage {
    border-radius: 0 0 4px 4px;
    padding: 20px;
    width: 100%;
    max-width: 100% !important;
    background-color: var(--BlockColor);
  }

  #ViewPicture1_ReturnUrl,
  #ViewPicture1_OriginalImage {
    background-color: var(--BlockColor);
    padding: 6px 10px;
    margin: 0 14px;
    display: inline-table;
    line-height: 1.5;
    color: var(--TextColor1);
    border: 1px solid var(--DividColor);
    border-radius: 4px;
    text-align: center !important;
    font-size: var(--text7);
  }

  #ViewPicture1_ReturnUrl:hover,
  #ViewPicture1_OriginalImage:hover {
    color: white;
    border: 1px solid var(--ThemeColor);
    background-color: var(--ThemeColor);
  }
}

/***************/
@media screen and (min-width:0px) {
  .commentform {
    display: grid;
    padding: 0px !important;
    margin: 0 !important;
    grid-template-columns: 100%;
  }

  #divCommentShow {
    /*order:1;*/
    margin: 0;
    background-color: var(--BlockColor) !important;
    padding: 0 14px !important;
    /*border:1px solid var(--DividColor);*/
    position: relative;
  }

  .new-comment-block {
    padding: 8px 0;
    border-bottom: 1px dashed var(--DividColor)
  }

  .new-comment-title {
    color: var(--TextColor3);
    font-size: var(--text7);
    padding: 0;
    display: flex;
    margin-bottom: 8px;
    flex-wrap: wrap;
    position: relative;
    background-color: var(--BlockColor);
  }

  .new-comment-title a:nth-child(2) {
    top: 0 !important;
    left: 8px !important;
    position: absolute !important;
  }

  .new-comment-title span {
    display: block !important;
    width: 100% !important;
    order: 2;
  }

  .new-comment-title a:nth-child(3) {
    top: 0 !important;
    right: 40px !important;
    position: absolute !important;
  }

  .new-comment-title a:nth-child(4) {
    top: 0 !important;
    right: 0 !important;
    position: absolute !important;
  }

  .comment_my_posted {
    border-bottom: 1px dashed var(--DividColor);
    padding: 6px 0;
  }

  .bq_post_comment {
    border: none !important;
  }
}

/***************/
/* #footer */

@media screen and (max-width:1060px) {
  #footer,
  #page_end_html {
    display: none;
  }
}

@media screen and (min-width:0px) {

  #footer,
  #page_end_html {
    background: var(--DblockColor);
    box-shadow: 0px 0px 0px 0px var(--DividColor),
                0px -7px 14px -1px var(--DividColor),
                0px 0px 0px 0px var(--DividColor),
                0px 0px 0px 0px var(--DividColor);
    padding: 0px 20px !important;
    display: grid;
    grid-template-columns: 50% 50%;
    font-size: var(--text8);
    color: var(--TextColor1);
    position: relative;
    z-index: 2;
    left: 50%;
    width: 880px;
    margin-left: -600px;
  }

  #poweredby {
    text-align: right;
  }
}

/***************/

/* 附加 */
@media screen and (min-width:0px) {
  textarea[title=js] {
    display: none;
  }

  /* 代码复制 */
  .clipboard-button {
    position: absolute;
    display: none;
    z-index: 9999;
    right: 10px;
    top: 28px;
    border-radius: 4px;
    font-size: var(--text8);
    color: #333;
    padding: 4px 8px;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 10;
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
  }

  .clipboard-button:before {
    content: "\f0c5";
    font-size: 20px;
    color: #333;
    font-family: FontAwesome;
  }

  .clipboard-button:hover .clipboard-button:before {
    color: #6a6a6a;
  }

  .blog_comment_body pre:hover .clipboard-button,
  .cnblogs-markdown pre:hover .clipboard-button {
    display: block;
    z-index: 99999;
  }

  /* 扩展 */

  #blog_nav_shortcut:before {
    content: "\f022";
    color: #fb7299;
    margin-right: 6px;
    font-family: FontAwesome;
  }

  #blog_nav_theme:before {
    content: "\f1de";
    margin-right: 6px;
    color: #00c091;
    font-family: FontAwesome;
  }

  #blog_nav_frieds:before {
    content: "\f0c1";
    margin-right: 6px;
    color: #f3a034;
    font-family: FontAwesome;
  }

  #blog_nav_info:before {
    content: "\f05a";
    margin-right: 6px;
    color: #ff4e4e;
    font-family: FontAwesome;
  }

  #blog_nav_more:before {
    content: "\f103";
    margin-right: 6px;
    color: var(--TextColor1);
    font-family: FontAwesome;
  }

  #blog_nav_cnblogs:before {
    content: "\f29a";
    margin-right: 6px;
    color: #3c9ed1;
    font-family: FontAwesome;
  }

  #blog_nav_muban:before {
    content: "\f1cb";
    margin-right: 6px;
    color: #3c9ed1;
    font-family: FontAwesome;
  }

  #blog_sidebar_shortcut_more:before {
    content: "\f1cb";
    margin-right: 6px;
    color: #3c9ed1;
    font-family: FontAwesome;
  }

  /*导航栏更多*/

  .moreList {
    position: relative;
    visibility: hidden;
    opacity: 0;
    padding: 4px;
    background: var(--BlockColor);
    border-radius: 4px;
    box-shadow: 1px 1px 4px var(--TextColor3);
    border-top-style: none;
    top: -4px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
  }

  #Moreblock:hover .moreList,
  .moreList:hover {
    visibility: visible;
    opacity: 1;
    top: 0px;
  }

  .menu_more {
    border-top: 1px solid #ddd;
    display: block;
    padding: 12px 6px;
  }

  /* 插入媒体 */
  @media screen and (min-width: 0px) {

    #cnblogs_post_body .video {
      height: 0;
      margin: 10px auto;
      padding-bottom: 56.25%;
      /* 16:9 */
      position: relative;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid var(--DividColor);
      border-radius: 4px;
      overflow: hidden;
    }

    #cnblogs_post_body .video iframe,
    #cnblogs_post_body .video video {
      position: absolute;
      /*left: 0;*/
      top: 0;
      /*right:0;*/
      width: 100%;
      height: 100%;
      z-index: 0;
    }

    #cnblogs_post_body .music {
      height: 140px;
      /*padding-bottom: 14.39%;*/
      /* 16:9 */
      position: relative;
      width: 100%;
    }

    #cnblogs_post_body .music iframe {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
    }

    .imgtext {
      font-size: var(--text7);
      text-align: center;
      color: var(--TextColor3);
    }
  }

  /****** 信息提示 *******/
  @media screen and (min-width: 0px) {

    .newscard {
      border-radius: 4px;
      margin: 0 10px 10px;
      padding: 0px 10px;
      line-height: 40px;
      height: 40px;
      overflow: hidden;
      background-color: #dfedf8d1;
      color: #3162ae;
      box-shadow: 0 0.05rem 1rem rgba(50, 50, 50, .04);
    }

    .newscard ul {
      height: 40px;
      margin: 0;
      padding: 0;
    }

    .newstext {
      word-break: keep-all;
      white-space: nowrap;
      overflow: hidden;
      height: 40px;
      line-height: 40px;
      text-overflow: ellipsis;
    }

    .newscard i {
      float: left;
      margin: 0 10px;
      font-size: inherit;
      line-height: 40px;
      vertical-align: middle !important;
    }

    .infocard {
      border-radius: 4px;
      margin: 10px 0;
      padding: 10px 16px;
      text-align: justify;
      word-break: break-all;
      line-height: inherit !important;
      display: inline-grid;
      grid-template-columns: auto 1fr;
      width: 100%;
      align-items: center;
      justify-content: center;
    }

    .infocard i {
      /*float: left;*/
      margin-right: 16px;
      font-size: inherit;
      line-height: inherit !important;
      vertical-align: middle !important;
      display: inline-block;
    }

    .infocard p {
      padding: 0 !important;
      margin: 0 !important;
      text-align: left;
    }

    .tip {
      background-color: #d5f1e5;

      color: #20704d;

    }

    .warning {
      background-color: #f9e8de;

      color: #a84229;
    }

    .normal {
      background-color: #dfedf8;
      color: #3162ae;
    }

    .item-rows {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-gap: 20px;
    }

    .item {
      background-color: #FFF;
      border-radius: 4px;
      border: 1px solid #ddd;
      width: 100%;
      /*height: auto;*/
      padding: 16px;
    }

    .item img {
      width: 100%;
      border-radius: 0px !important;
      margin: 0 10px 0 0 !important;
    }

    .item:hover {
      border-color: rgba(82, 168, 236, .8);
      outline: 0;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    }

    @media screen and (max-width: 360px) {
      .item-rows {
        grid-template-columns: 1fr 1fr !important;
      }

    }

    @media screen and (min-width: 361px) and (max-width: 840px) {
      .item-rows {
        grid-template-columns: 1fr 1fr 1fr 1fr !important;
      }

    }

  }


  /******** 导航目录 *********/
  @media screen and (min-width: 0px) {
    .scroller-offset1 {
      text-indent: 0;
      overflow: hidden;
      text-overflow: ellipsis !important;
      line-height: 1.8;
    }

    .scroller-offset2 {
      text-indent: 1.5em;
      overflow: hidden;
      text-overflow: ellipsis !important;
      line-height: 1.8;
    }

    .scroller-offset3 {
      text-indent: 3em;
      overflow: hidden;
      text-overflow: ellipsis !important;
      line-height: 1.8;
    }

    .scroller-offset4 {
      text-indent: 4.5em;
      overflow: hidden;
      text-overflow: ellipsis !important;
      line-height: 1.8;
    }

    .scroller-offset5 {
      text-indent: 6em;
      overflow: hidden;
      text-overflow: ellipsis !important;
      line-height: 1.8;
    }

    .scroller-offset6 {
      text-indent: 7.5em;
      overflow: hidden;
      text-overflow: ellipsis !important;
      line-height: 1.8;
    }

    .nav .active {
      background-color: var(--BackgroundColor);
      border-radius: 2px;
      margin: 0 6px;
    }

    .nav .active a {
      color: var(--ThemeColor);
    }

    .nav .active a:before {
      content: "\f04b";
      margin-right: 10px;
      font-family: FontAwesome;
    }

    .nav {
      max-height: 800px;
      overflow-y: auto;
      /*padding:10px;*/
      overflow-x: hidden;
      white-space: nowrap;
    }

    .nav li {
      padding: 2px 10px;
    }

    .nav li a {
      text-overflow: ellipsis !important;
      width: 100px !important;
      white-space: nowrap;
    }
  }

  @media screen and (min-width: 0px) {

    #sidebar_scroller .catListTitle::before {
      content: '\f00b';
      color: var(--TextColor2);
      margin: 12px;
      font-family: FontAwesome;
    }

    #sidebar_scroller {
      position: fixed;
      top: 60px;
      width: 320px;
      height: 92%;
      overflow-y: scroll;
      padding: 0 !important;
      margin: 0 !important;
    }

    #sidebar_scroller::-webkit-scrollbar {
      width: 0px;
      height: 0px;
    }

    #sidebar_scroller::-webkit-scrollbar-thumb {
      border-radius: 4px;
      background: var(--TextColor3);
    }

    #sidebar_scroller::-webkit-scrollbar-track {
      border-radius: 4px;
      background: var(--DividColor);

    }

    #sidebar_scroller ul::before {
      display: block;
      width: 12px;
      position: absolute;
      top: 8px;
      left: 8px;
      height: 12px;
      background-color: var(--ThemeColor);
      border-radius: 9999px;
    }

    #sidebar_scroller ul::after {
      display: block;
      width: 12px;
      position: absolute;
      top: 8px;
      left: 8px;
      height: 12px;
      background-color: var(--ThemeColor);
      border-radius: 9999px;
    }

    #sidebar_scroller ul {
        border-left: 1px solid var(--DividColor);
        margin: 14px;
     }

  }

  @media screen and (max-width: 1060px) {

    #sidebar_scroller .catListTitle::before {
      content: '\f00b';
      color: var(--TextColor2);
      margin: 12px;
      font-family: FontAwesome;
    }

    #sidebar_scroller {
      position: fixed;
      top: 60px;
    }

    #sidebar_scroller ul {
        border-left: 1px solid var(--DividColor);
        margin: 14px;
     }

  }

  /******** 移动端目录 *********/
  @media screen and (min-width: 0px) {
    .mytoolbar {
      position: fixed;
      z-index: 9999999999999999999999;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 auto !important;
      padding: 10px;
      font-size: var(--textNormal);
    }

    .mytoolbar #toolbtn {
      display: grid;
      width: fit-content;
      grid-template-columns: auto auto auto;
      margin: 0 auto !important;
      padding: 0 !important;
    }

    .mytoolbar #toolbtn li a {
      color: inherit;
      display: block !important;
      width: 100%;
      height: 100%;
      padding: 8px 16px;
    }

    .mytoolbar #toolbtn li {
      text-align: center;
      margin: 0 10px;
      background-color: var(--BlockColor);
      box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
      /* border: 1px solid var(--DividColor); */
      border-radius: 4px;
      list-style-type: none !important;
      /*line-height: 18px;*/
    }
  }

  /* 首页轮播 */
  @media screen and (min-width: 0px) {

    #slideContainer {
      display: block;
    }

    #slideContainer img {
      max-width: 100% !important;
    }

    .cl:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
    }

    .cl {
      zoom: 1;
    }

    .frame {
      margin-bottom: 10px;
      border: 1px solid #e1e1e1;
      background: #FFF;
    }

    .title {
      padding: 0 10px;
      height: 32px;
      font-size: 14px;
      font-weight: 700;
      line-height: 32px;
      overflow: hidden;
    }

    .block {
      margin: 10px 10px 0;
    }

    .temp {
      margin: 1px;
    }

    .slideshow {
      clear: both;
      margin: 0;
      padding: 0;
    }

    .slideshow li {
      position: relative;
      overflow: hidden;
    }

    .slideshow li div {
      width: 100%;
      height: 0;
      padding-bottom: 42.85%;
      background-position: center center;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;

    }

    .slideshow span.title {
      position: absolute;
      bottom: 0;
      left: 0;
      margin-bottom: 0;
      width: 100%;
      height: auto;
      line-height: 32px;
      font-size: 16px;
      text-indent: 10px;
    }

    .slideshow span.title,
    .slidebar li {
      background: rgba(0, 0, 0, 0.3);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000, endColorstr=#30000000);
      color: #FFF;
      overflow: hidden;
    }

    .slidebar li {
      float: left;
      margin-right: 1px;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      font-size: 10px;
      cursor: pointer;
    }

    .slidebar li.on {
      background: rgba(255, 255, 255, 0.5);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50FFFFFF, endColorstr=#50FFFFFF);
      color: #000;
      font-weight: 700;
    }

    .frame {
      background: none;
      border: 0px solid #fff;
      margin-bottom: 0px;
    }

    .temp {
      margin: 0;
    }

    .slidebar {
      position: absolute;
      top: 5px;
      left: 4px;
    }

    .slidebar ul {
      margin: 0;
      padding: 0;
    }

    .slideshow span.title,
    .slidebar li {
      background: rgba(0, 0, 0, 0.3);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#90000000);
      color: #FFF;
      overflow: hidden;
    }

    .slidebar li.on {
      background: rgba(255, 255, 255, 0.5);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#90000000);
      color: #b62525;
      font-weight: 700;
    }

    .slideshow SPAN.title {
      text-indent: 0px;
    }

    .block {
      margin: 0;
      position: relative;
    }

    #frameHlicAe {
      margin: 0px !important;
      border: 0px !important;
    }

    .comiis_wrap960,
    .comiis_wrapad {
      margin: 0 auto;
      background-color: var(--BlockColor);
      border-radius: 0px;
    }

    .comiis_wrapad {
      padding: 10px;
      margin-bottom: 0px;
      width: 100%;
    }

    .comiis_wrapad {
      overflow: hidden;
      /*  box-shadow: 0 0.05rem 1rem rgba(51, 51, 51, .05);*/
      /*border: 1px solid var(--DividColor);*/
    }

    .comiis_wrapad img {
      float: left;
      margin-top: 0px;
      width: 100%;
    }

    #slidesImgs li {
      width: 100%;
      height: auto;
      display: none;
    }

    #slidesImgs img:hover {
      transform: scale(1.4);
    }

    #slidesImgs img {
      cursor: pointer;
      transition: all 0.6s
    }
  }


  /*解析*/
  @media screen and (min-width: 0px) {

    .__zy_bounce __zy_animated __zy_infinite {
      display: none;
    }

    .div-box {
      display: flex;
      height: 40px;
      line-height: 40px;
      background: #fff;
      text-align: center;
      width: 100%;
      margin-top: 20px;
      background-color: var(--BlockColor);
    }

    .input-url {
      flex: 1;
      padding: 10px;
      outline: none;
      margin-left: 5px;
      background: var(--BlockColor);
      border: 1px solid var(--DividColor);
      border-radius: 4px;
      color: inherit;
    }

    .jiexi {
      /*width: 100px;*/
      background: var(--ThemeColor);
      border: 1px solid var(--ThemeColor);
      padding: 10px 20px;
      border-radius: 4px;
      margin: 0 4px 0 10px;
      height: 40px;
      outline: none;
      color: #fff;
    }

    .jiexi:hover {
      opacity: 0.9;
    }

    /* 下拉 */
    .dropdown {
      position: relative;
      display: inline-block;
      margin-right: 10px;
    }

    .dropdown-content {
      display: none;
      z-index: 9999;
      /*margin-left: 10px;*/
      position: absolute;
      background-color: var(--BlockColor);
      width: 90px;
      color: inherit;
      border-radius: 4px;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    }

    .dropdown:hover .dropdown-content {
      display: block;
    }

    .dropdown-content p {
      color: inherit;
      display: block;
      cursor: pointer;
    }

    .dropdown-content p:hover {
      background-color: var(--BackgroundColor);
    }
  }


  /* 返回 */
  @media screen and (min-width: 0px) {
    .toNav {
      text-align: center;
      z-index: 99999;
      position: absolute;
      display: grid;
      grid-template-columns: 100%;
      bottom: 0;
      left: 0;
      right: 0;
      width: fit-content;
      margin: 0 auto;
      padding: 20px;
      color: #fff !important;
      animation: move 1.5s infinite;
      font-size: var(--text5);
    }

    .toNav:before {
      content: '\f078';
      font-family: FontAwesome;
      margin-left: 0px;
      text-shadow: 0 0.05rem 1rem rgba(51, 51, 51, .05);
    }

    .toNav:hover {
      animation: pause;
    }

    @keyframes move {
      0% {
        transform: translateY(-10px);
        opacity: 0;
      }

      100% {
        transform: translateY(10px);
        opacity: 1;
      }
    }

    .header-hidden:before,
    .header-hidden:after {
      content: "";
      height: 0 !important;
    }

    .hidden {
      display: block;
    }
  }

  /* 返回顶部 */
  @media screen and (min-width: 0px) {
    .upToNav {
      right: 20px;
      bottom: 20px;
      background-color: var(--BlockColor);
      border: 1px solid var(--DividColor);
      border-radius: 4px;
      padding: 10px;
      color: var(--TextColor2);
      box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
    }

    .upToNav:hover {
      background-color: var(--ThemeColor);
      border: 1px solid var(--ThemeColor);
      box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
      color: #fff;
    }

    .upToNav:before {
      content: '\f077';
      font-family: FontAwesome;
      margin-left: 0px;
    }
  }

  /* 移动端侧边栏 */
  @media screen and (max-width:1060px) {
    @keyframes fadeOut {
      0% {
        opacity: 1;
        transform: translateY(-100h)
      }

      100% {
        opacity: 0;
        transform: translateY(0vh)
      }
    }

    @keyframes fadeIn {
      0% {
        opacity: 0;
        transform: translateY(100vh)
      }

      100% {
        opacity: 1;
        transform: translateY(0)
      }
    }

    .sideBarMain_hide {
      display: none !important;
      transition: transformY(100vh) 2s !important;
      animation: fadeOut 4s;
    }

    #showBtn:before {
      content: "\f0c9";
      padding: 0 14px;
      line-height: 60px;
      font-family: FontAwesome;
    }

    #hideBtn:before {
      content: "\f078";
      font-size: var(--text5);
      display: block;
      font-family: FontAwesome;
    }

    #hideBtn {
      width: 100%;
      display: block !important;
      padding: 20px;
      background-color: var(--BlockColor);
      border-bottom: 1px solid var(--DividColor);
      text-align: center;
    }

    .sideBarMain_show {
      animation: fadeIn 0.3s;
      display: block !important;
      display: grid !important;
      grid-template-columns: 100% !important;
      grid-gap: 10px;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vwimportant;
      height: 100vh !important;
      z-index: 9999;
      overflow-y: scroll;
      background-color: var(--BackgroundColor);
    }
  }

  @media screen and (min-width:0px) {

    .feedbackListSubtitle_right,
    .feedbackCon_right {
      margin-left: 50px;
    }

    .comment_avatar {
      width: 40px;
      height: 40px;
      border-radius: 100%;
      border: 1px solid var(--DividColor);
    }

    .comment_avatar img {
      box-shadow: 0 0 1px 0px rgba(51, 51, 51, .1) !important;
    }
  }
}

.under-comment-nav , .under-comment-box-nav {
  display: none;
}


/********** 自定义matlab语法高亮 **********/
.matlab-code {
  white-space: pre;
  overflow-x: auto;
  color: var(--TextColor1) !important;
  background: var(--BackgroundColor) !important;
}

.matlab-code .hljs {
  background-color: var(--BackgroundColor) !important;
  margin: 0 !important;
}

.matlab-code .matlab-keyword,
code .matlab-keyword {
  color: #0000fe !important;
}

.matlab-code .matlab-string,
code .matlab-string {
  color: #a020ef !important;
}

.matlab-code .matlab-number,
code .matlab-number {
  color: var(--TextColor1) !important;
}

.matlab-code .matlab-bracket,
code .matlab-bracket {
  color: var(--TextColor1) !important;
}

.matlab-code .matlab-comment,
code .matlab-comment {
  color: #228b22 !important;
}

.matlab-code .matlab-comment span,
code .matlab-comment span {
  color: #228b22 !important;
  font-weight: normal !important;
}

/********** 手风琴 **********/
button.accordion {
  background-color: var(--BlockColor);
  color: var(--TextColor1);
  cursor: pointer;
  padding: 18px 30px 6px 30px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  transition: 0.4s;
  border-radius: 6px;
  box-shadow: 0 0 5px var(--TextColor2);
}

div.panel {
  padding: 0 18px;
  background-color: var(--BlockColor);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

/********** 友链卡片 **********/
#friedsGroup {
  display: grid;
  padding: 0 10%;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 40px;
}

.friend-item {
  display: block;
}

.friend-item img {
  width: 70px !important;
  height: 70px !important;
  float: left;
  margin: 0 20px 0 0 !important;
}

.friends {
  position: relative;
  display: inline-grid;
}

.friendCard {
  background-color: var(--BlockColor);
  border-radius: 8px;
  padding: 20px;
  border: 1px solid rgba(120, 130, 140, 0.13);
  transition: 0.1s;
}

.friendCard:hover {
  box-shadow: 0px 0px 10px 1px var(--DividColor)
}

.friendCard .name {
  margin: 0 0 10px !important;
  font-size: 20px;
  font-weight: 700;
}

.friendCard .sign {
  margin: 0 !important;
  font-size: 16px;
  color: var(--TextColor2);
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.friends a::after {
  display: none;
}

#bannerbar {
  display: none;
}

#btn_submit {
  width: 50px;
  height: 30px;
  margin: 20px;
  background: #fff;
  border-color: #efefef;
  box-shadow: 2px 2px 2px #e8e8e8;
  border-radius: 4px;
}

#tb_password {
  width: 200px;
  padding: 0 10px;
  height: 30px;
  margin: 5px;
  font-size: 22px;
}

.infobox {
  margin: 0 5%;
  padding: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
}

.infocard2 {
  box-shadow: 0px 0px 4px var(--TextColor3);
  border-radius: 8px;
  margin: 10px;
  padding: 20px;
  display: grid;
  grid-template-columns: 60px 1fr;
  grid-gap: 10px;
}

#author-email-img {
  width: 50px;
  height: 50px;
  margin: 0 3px;
}

.imgbox {
  border: 2px solid var(--DividColor);
}

.textbox p {
  margin: 4px !important;
}

#MySignature {
  background: var(--ThemeColor);
  padding: 8px 20px;
  border-radius: 4px;
  color: #fff;
  font-size: 8px;
}

#MySignature::before {
  content: "\f129";
  margin-right: 8px;
  color: #fff;
  font-family: FontAwesome;
}


/********** 提示弹窗 **********/

@keyframes note-flash
{
    0%   {opacity: 1;right:-300px;}
    9%   {opacity: 1;right:0px;}
    90%  {opacity: 1;right:0px;}
    99%  {opacity: 1;right:-300px;}
    100% {opacity: 0;right:-300px;}
}

.note-block {
  animation: note-flash 4s;
  position: fixed;
  top: 0px;
  right: -300px;
  opacity: 0;
  z-index: 1000;
  background: var(--BlockColor);
  border-radius: 8px;
  width: 250px;
  height: 60px;
  box-shadow: 0px 0px 8px 2px var(--DividColor);
  margin: 10px;
  padding: 20px;
  transition: top 0.2s;
}

.note-block .great::before {
  content: "\f058";
  margin-right: 4px;
  color: #29a310;
  font-family: FontAwesome;
}

/********** 屏蔽广告 **********/

#under_post_card1 ,#under_post_card2 , .under-post-card {
  display: none;
}