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

a {
  text-decoration: none;
  color: inherit;
}

ul {
  list-style: none;
}

#top_nav,
#blog_nav_admin,
#footer,
/* #cnblogs_ch, #under_post_card1, #under_post_card2, #blog_c1, */
.charm-bar-wrapper {
  display: none !important;
}



/* 仅在当前为我显示，js控制 */
[data-custom-only-me] {
  display: none;
}

/* 仅在文章页显示 */
[data-custom-only-page-article] {
  display: none;
}

.custom-hidden {
  display: none;
}

.custom-hidden-opacity {
    opacity: 0;
}

/* ====== */
/* 大体布局 */
:root {
  --custom-color-primary: #F8F1F6;
  --custom-color-dark-primary: #1C1B32;
  --custom-color-primary-light: #FEF7FF;
  --custom-color-dark-primary-light: #45455A;
  --custom-color-primary-deep: #F2ECF4;
  --custom-color-secondary: #C4BDFF;
  --custom-color-secondary-dark: #bab6e5;
  --custom-color-dark-secondary: #BD2052;
  --custom-color-chosen-bg: var(--custom-color-secondary);
  --custom-color-chosen-fg: #21182B;
  --custom-color-deepbg: #F2ECEE;
  --custom-color-chips: #E2E0F9;
  --custom-color-font-normal: #1C1B32;
  --custom-color-font-light: #3d3c43;
  --custom-color-font-deep: #21182B;
  --custom-color-fab-fg: #22143e;
  --custom-color-fab-bg: #C8B3FD;
  --custom-color-btn1: #0B57D0;
  --custom-color-btn2: #6442D6;
  --custom-color-btn3: #9C4146;
  --custom-color-navbar-bg: #F2ECF4;

  --main-h-margin: 1rem;
  --main-h-content-padding: 1rem;
  font-size: 14px;
}

html>body {
  background-color: white;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: inherit;
  color: var(--custom-color-font-normal);
  background-color: var(--custom-color-primary);
}


body {
  --left-sidebar-width: 25rem;
}

#home {
  position: relative;
  padding-top: 0;
  padding: 0;
  display: flow-root;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: var(--left-sidebar-width);
  min-width: 0;
  min-height: 100vh;
  box-sizing: border-box;
  box-shadow: none;
}

#home>* {
  box-sizing: border-box;
  display: flow-root;
}



@media screen and (max-width: 760px) {
  :root {
    /* 实际文字距离边界: --main-h-margin +--main-h-content-padding */
    --main-h-margin: .5rem;
    --main-h-content-padding: 1.5rem;
  }

  body {
    --left-sidebar-width: 0;
  }

  #home {

    margin-left: 0;
  }

  #main>#sideBar {
    position: relative;
    padding: 0;
    /* margin-left: calc(-1 * var(--main-h-margin)); */
    /* margin-right: calc(-1 * var(--main-h-margin)); */
    margin-top: 1rem;
    height: initial;
    border-radius: 1rem;
  }

}

@media screen and (min-width: 760px) {
  :root {
    --main-h-margin: 1rem;
    --main-h-content-padding: 1.7rem;
  }

  body {
    --left-sidebar-width: 18rem;
  }

  #main>#sideBar {
    position: fixed;
    left: 0;
    top: 0;
    width: var(--left-sidebar-width);
    height: 100vh;
    padding: 1rem;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 2;
  }


}

@media screen and (min-width: 1430px) {
  :root {
    --main-h-margin: 2rem;
    --main-h-content-padding: 2.8rem;
  }
  body {
    --left-sidebar-width: 25rem;
  }
}


@media screen and (min-width: 1910px) {
  body {
    --left-sidebar-width: 30rem;
  }
}

@media screen and (min-width: 2550px) {
  body {
    --left-sidebar-width: 35rem;
  }
}


#home>#header {
  --blog-title-size: 2.1rem;
  --blog-subtitle-size: 1.3rem;
  --git-width: 2.2rem;
  --background-color: var(--custom-color-dark-primary);
  background-color: var(--background-color);
  padding: var(--main-h-content-padding);
  margin: var(--main-h-margin);
  box-sizing: border-box;
  border-radius: 1.5rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
  user-select: none;
}

/* 背景 */
#home>#header::before {
  content: '';
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://img2023.cnblogs.com/blog/985540/202408/985540-20240815143846391-1001577017.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all .3s;
  z-index: 0;
}


@media screen and (max-width: 768px) {
  #home>#header::before {
    background-size: cover;
  }
}


#header>#blogTitle {
  position: relative;
  /* reset */
  height: auto;
  background-color: transparent;
  border-radius: 2rem;
}

/* logo未使用 */
#header>#blogTitle>#lnkBlogLogo {
  display: none;
}

#header>#blogTitle>h1 {
  margin: 0;
  width: fit-content;
  display: flex;
  align-items: center;
}

/* 博客名 */
#header>#blogTitle>h1>a {
  color: var(--custom-color-secondary);
  font-size: var(--blog-title-size);
  margin: 0;
  margin-right: 0.5em;
}

/* sub title */
#header>#blogTitle>h2 {
  color: var(--custom-color-secondary-dark);
  filter: brightness(90%);
  font-size: var(--blog-subtitle-size);
  /* reset */
  float: none;
  margin: 0;
  margin-top: calc(var(--main-h-content-padding) / 2.5);
}

/* github */
#header github-icon#custom_blogTitle_github {
  /* position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%); */
  float: right;
  display: block;
  width: var(--git-width);
  height: var(--git-width);
  color: white;
  z-index: 100;
}



/* 导航 */
#header>#navigator {
  margin-top: calc(var(--main-h-content-padding) / 2);
  border-top: none;
  height: auto;
  /* display: flow-root; */
}

#header>#navigator>#navList {
  --li-height: 3rem;
  /* 当前选定的，坐标相对于navList */
  --li-hover-x: 0;
  --li-hover-y: 0;
  --li-hover-width: 0;
  --li-hover-height: 3rem;
  --li-hover-opacity: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}

#header>#navigator>#navList::before {
  content: '';
  position: absolute;
  inset: 0;
  width: var(--li-hover-width);
  height: var(--li-hover-height);
  left: var(--li-hover-x);
  top: var(--li-hover-y);
  background-color: var(--custom-color-chosen-bg);
  opacity: var(--li-hover-opacity);
  transition: all .4s, left .4s cubic-bezier(0.175, 0.885, 0.32, 1.1);
  border-radius: 1rem;
  z-index: 0;
}

@media screen and (max-width: 768px) {
  #header>#navigator>#navList::before {
    display: none;
  }
}


#header>#navigator>#navList>li {
  height: var(--li-height);
  margin: 0;
  margin-right: 0.4rem;
  margin-bottom: 0.4rem;
  float: none;
  font-size: calc(var(--li-height) / 3);
  color: white;
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
  background-color: transparent;
  transition: all .3s;
}

#header>#navigator>#navList>li:hover {
  color: black;
}

@media screen and (max-width: 768px) {
  #header>#navigator>#navList>li:hover {
    color: white;
  }
}

#header>#navigator>#navList>li:last-of-type {
  margin-right: 0;
}

#header>#navigator>#navList>li>a {
  width: 100%;
  height: 100%;
  padding: 0 1.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  color: inherit;
}

#header>#navigator>#navList>li>a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: .1rem;
  height: auto;
  aspect-ratio: 1 / 1;
  background-color: transparent;
  border-radius: 50%;
}

/* #header>#navigator>#navList>li:hover>a {
  background-color: var(--custom-color-chosen-bg);
  color: black;
  transition: all .1s linear;
} */

#header>#navigator>#navList>li:active>a::before {
  background-color: rgba(0, 0, 0, 0.15);
  width: 200%;
  transition: width .3s;
}


#header>#navigator>#navList>li.selected {
  background-color: var(--custom-color-btn2);
  color: white;
  font-weight: bold;
  transition: all .1s linear;
}

/* 统计信息 */
#navigator>.blogStats {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}


/* 主要内容 */
#home>#main {
  position: relative;
  margin: var(--main-h-margin);
  /* reset */
  padding: 0;
}



#mainContent {}

#mainContent>.forFlow {
  /* reset */
  margin: 0;
  display: flow-root;
}

/* 翻页 */
#mainContent>.forFlow .pager, #nav_next_page {
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 翻页按钮 */
:is(#mainContent>.forFlow .pager, #nav_next_page ) a {
    color: var(--custom-color-btn1);
    border: 1px solid var(--custom-color-btn1);
    padding: 0.5em 1em;
    font-size: 1rem;
    margin: 0.4rem;
    border-radius: .5rem;
    transition: all .3s;
    line-height: 1;
}
:is(#mainContent>.forFlow .pager, #nav_next_page ) a:hover{
    background-color: var(--custom-color-btn1);
    color: white;
}


/* ===== */
/* 首页 一天集合 */
#mainContent>.forFlow div.day {
  --radial-x: 0%;
  --radial-y: 0%;
  border-radius: 2rem;
  background-color: white;
  padding: var(--main-h-content-padding);
  /* padding-bottom: 1rem; */
  margin-bottom: 1rem;
  box-shadow: 1px 1px 8px rgba(6, 6, 6, 0.15);
  transition: all .3s;
}



#mainContent>.forFlow div.day:hover {
  background-color: var(--custom-color-dark-primary-light);
  background-image: radial-gradient(circle at var(--radial-x) var(--radial-y), var(--custom-color-dark-secondary), var(--custom-color-dark-primary-light) 50%);
  color: white;
}

/* 无动画 */
@media screen and (max-width: 768px) {
    #mainContent>.forFlow div.day, #mainContent>.forFlow div.day:hover {
    background-image: radial-gradient(circle at 0% 0%, var(--custom-color-dark-secondary), var(--custom-color-dark-primary-light) 30rem);
    color: white;
  }
}

/* 日期 */
#mainContent>.forFlow .day .dayTitle {
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 0.3rem;
}

#mainContent>.forFlow .day .dayTitle:hover {
  text-decoration: underline;
}

/* 每个标题 */
#mainContent :is(.day .postTitle) {
  /* width: fit-content; */
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  margin-top: 1rem;
}

#mainContent :is(.day .postTitle):hover span {
  text-decoration: underline;
}

/* 摘要 */
.postCon {
  margin-top: 0.5rem;
  font-size: 1rem;
}

/* 摘要文本 */
.postCon>.c_b_p_desc {
  line-height: 1.5;
  /* display: flex; */
  /* flex-flow: column wrap; */
  position: relative;
  /* padding-right: 17rem; */
  overflow: initial;
  /* min-height: 5rem; */
}


/* 图片 */
.postCon .c_b_p_desc img.desc_img {
  /* display: block; */
  border-radius: 1rem;
  /* reset */
  float: right;
  /* reset */
  height: initial;
  /* reset */
  width: 100%;
  /* reset */
  max-width: 20rem;
  /* reset */
  max-height: 50vh;
  /* reset */
  margin: 0;
  object-fit: cover;
}

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

  .postCon>.c_b_p_desc img.desc_img {
    max-width: 100%;
    height: 10rem;
    margin-bottom: 1rem;
  }
}

/* 阅读全文 */
.postCon .c_b_p_desc a.c_b_p_desc_readmore,
.entrylistItem>.entrylistPostSummary a.c_b_p_desc_readmore {
  margin-top: 0.8rem;
  width: fit-content;
  font-size: 1rem;
  height: 2.5rem;
  padding: 0 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--custom-color-btn2);
  color: white;
  border-radius: 100rem;
  text-decoration: none;
  filter: brightness(100%);
  position: relative;
  overflow: hidden;
  transition: all .3s;
}

:is(.postCon .c_b_p_desc a.c_b_p_desc_readmore,
  .entrylistItem > .entrylistPostSummary a.c_b_p_desc_readmore)::before {
  content: '';
  display: block;
  width: 1rem;
  height: 1rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  background-color: rgba(255, 255, 255, 0.2);
  opacity: 0;
  border-radius: 50%;
}

:is(.postCon .c_b_p_desc a.c_b_p_desc_readmore, .entrylistItem > .entrylistPostSummary a.c_b_p_desc_readmore):hover {
  filter: brightness(120%);
}

:is(.postCon .c_b_p_desc a.c_b_p_desc_readmore, .entrylistItem > .entrylistPostSummary a.c_b_p_desc_readmore):active::before {
  transform: scale(10);
  opacity: 1;
  transition: all .3s;
}

/* 发布于 */
.postDesc {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.postDesc:nth-last-child(2) {
  margin-bottom: 0;
}

.entrylistItemPostDesc {
  padding-left: 0;
}


/* ===== */
/* 随笔分类页 */
/* 分类名称 */
.entrylistTitle {
  --border-left-width: calc(var(--main-h-content-padding) / 2);
  border-left: var(--border-left-width) solid var(--custom-color-fab-bg);
  padding: 0.9rem;
  padding-left: calc(var(--main-h-content-padding) - var(--border-left-width));
  padding-right: 2rem;
  font-size: 1.5rem;
  line-height: 1;
  width: fit-content;
  display: flex;
  align-items: center;
  border-radius: 0 100rem 100rem 0;
  background-color: var(--custom-color-fab-fg);
  color: white;
}

.entrylistTitle .entry-list-title-dropdown-prompt::before {
  width: 1.2rem;
  height: 1.2rem;
}

.entrylist {
  --article-gap: var(--main-h-margin);
  --column-count: 1;
    --content-padding:  var(--main-h-content-padding);
  display: flex;
  /* 一定是flex-start才能计算高度 */
  align-items: flex-start;
  padding-top: var(--article-gap);
}

@media screen and (max-width: 768px) {
  .entrylist {
    --column-count: 1;
  }
}

@media screen and (min-width: 1200px) {
  .entrylist {
    --column-count: 2;
  }
}

@media screen and (min-width: 1400px) {
  .entrylist {
    --column-count: 3;
  }
}

@media screen and (min-width: 1910px) {
  .entrylist {
    --column-count: 4;
  }
}

@media screen and (min-width: 2550px) {
  .entrylist {
    --column-count: 5;
  }
}


/* 第一次加载时隐藏，等待瀑布渲染，不会闪屏 */
.entrylist>* {
  visibility: hidden;
}

.entrylist>.custom-flow-container {
  width: calc(100% / var(--column-count));
  margin-right: var(--article-gap);
  visibility: visible;
}

.entrylist>.custom-flow-container:last-of-type {
  margin-right: 0;
}

/* 每一个随笔 */
.entrylistItem {

  --image-height: 0rem;

  width: 100%;
  padding: var(--content-padding);
  padding-top: calc(var(--image-height) + var(--content-padding));
  background-color: white;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  position: relative;
  display: flex;
  flex-direction: column;
  transition: all 0.5s;

}

/* 包装entrylistItem，用于动画 */
.entrylistItemWrapper {
  width: 100%;
  height: fit-content;
  margin-bottom: var(--article-gap);
  --rotate-x-deg: 0deg;
  --rotate-y-deg: 0deg;
  --radial-x: 0%;
  --radial-y: 0%;
  --translate-z: 0;
  /* test */
  /* border: 1px solid red; */
}

.entrylistItem:has(> .entrylistPostSummary img) {
  --image-height: 20rem;
}

/* 动画 */
.entrylistItemWrapper:hover .entrylistItem {
  color: white;
  background-color: var(--custom-color-dark-primary);
  transform: perspective(500px) rotateX(var(--rotate-x-deg)) rotateY(var(--rotate-y-deg)) translateZ(var(--translate-z));
  transition: background-color .3s, transform 0.2s;
  background-image: radial-gradient(circle at var(--radial-x) var(--radial-y), var(--custom-color-dark-secondary) 5%, transparent);
}

/* 无动画 */
@media screen and (max-width: 768px) {
  :is(.entrylistItemWrapper, .entrylistItemWrapper:hover) .entrylistItem {
    transition: background-color .3s, transform 0.2s;
    transform: none;
    background-image: radial-gradient(circle at 0% 0%, var(--custom-color-dark-secondary) 5%, transparent);
  background-color: var(--custom-color-dark-primary);
  color: white;

  }
}

.entrylistItemWrapper:active {
  --translate-z: 10px;
  transition: all .3s;
}

.entrylistItem>.entrylistPosttitle {
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
}


.entrylistItem>.entrylistPostSummary {
  margin-top: 1rem;
  font-size: 1.1rem;
  flex-grow: 1;
}

/* 发布于 */
.entrylistItem>.entrylistItemPostDesc {
  box-sizing: border-box;
  margin-top: 1rem;
  font-weight: 300;
}

/* 图片 */
.entrylistItem>.entrylistPostSummary img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  /* reset */
  float: none;
  /* reset */
  max-height: initial;
  /* reset */
  height: var(--image-height);
  /* reset */
  margin: 0;
  width: 100%;
  border-radius: 1rem;
  object-fit: cover;
  background-color: transparent;
}

/* 阅读全文 */
.entrylistItem>.entrylistPostSummary>.c_b_p_desc>.c_b_p_desc_readmore {
  margin: 0 auto;
  margin-top: .8rem;
  height: 3rem;
  font-size: 1.2rem;
}

/* ====== */
/* 文章页 */
#topics {
    --topics-h-padding: calc(var(--main-h-content-padding) * 1.5);
    padding-top: 0;
    padding-bottom: var(--main-h-content-padding);
    padding-right: var(--topics-h-padding);
    padding-left: var(--topics-h-padding);
    display: flow-root;
}

@media screen and (max-width: 768px) {
    #topics {
        --topics-h-padding: var(--main-h-content-padding);
        padding-top: 1rem;
    }
}

#topics .postTitle {
  font-size: 2rem;
}

/* 取消标题右偏动画 */
/* :is(.postTitle, .entrylistPosttitle) a:hover {
  margin-left: inherit;
} */

/* markdown */
#cnblogs_post_body {
  --text-size: 1.1rem;
  font-size: var(--text-size);
  color: #222;
}

#cnblogs_post_body a {
  text-decoration: underline;
}

#cnblogs_post_body a:hover {
  color: var(--custom-color-btn1);
}

#cnblogs_post_body h1 {
  font-size: 1.7em;
  margin-top: var(--text-size);
  border-left: 0.5rem solid var(--custom-color-dark-primary-light);
  padding-left: 0.5em;
}

#cnblogs_post_body h2 {
  font-size: 1.3em;
}

#cnblogs_post_body h3 {
  font-size: 1.2em;
}

#cnblogs_post_body h4 {
  font-size: 1.1em;
}

#cnblogs_post_body h5 {
  font-size: 1.05em;
}

@media screen and (max-width: 768px) {
  #cnblogs_post_body h1 {
    font-size: 1.2em;
  }

  #cnblogs_post_body :is(h2, h3, h4, h5) {
    font-size: 1.1em
  }
}

/* 以更好的显示图片 */
#cnblogs_post_body img {
  max-height: 60vh;
}

#cnblogs_post_body p:has(> img) {
  text-align: center;
}

/* 标签 */
#MySignature {
  background-color: rgb(215, 251, 200);
  padding: 2em;
  border-radius: 5px;
  word-wrap: break-word;
}



#MySignature>p {
  margin: 0;
  line-height: 2em;
  text-indent: 0;
}

/* 推荐框 */
:is(#blog_post_info #green_channel, .green_channel) {
  width: 100%;
  border: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  /* reset */
  margin: 0;
}

/* 4按钮 */
:is(#blog_post_info #green_channel, .green_channel)> :is(a, span) {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 9rem;
  height: 3rem;
  padding: 0 1em;
  margin: 20px;
  font-size: 1rem;
  font-weight: normal;
  border-radius: 100rem;
  background: rgb(46, 46, 46);
  /* important */
  color: white !important;
  text-shadow: none;
  box-sizing: border-box;
  user-select: none;
}

:is(#green_channel, .green_channel)>a:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
}

:is(#green_channel, .green_channel)>a:active:before {
  font-size: 2em;
  transition: all .3s;
}

:is(#green_channel, .green_channel)>span {
  display: none;
}

/* 已经隐藏 */
/* 好文要顶 */
:is(#green_channel, .green_channel)>a#green_channel_digg {
  display: none;
  background-color: rgb(241, 60, 90);
}

:is(#green_channel, .green_channel)>a:first-of-type::before {
  content: '👍';
}

:is(#green_channel, .green_channel)>a:first-of-type:hover:before {
  content: '🤩';
}

/* 已经隐藏 */
/* 关注我 */
:is(#green_channel, .green_channel)>a#green_channel_follow {
  display: none;
  background-color: var(--custom-color-btn2);
}

:is(#green_channel, .green_channel)>#green_channel_follow::before {
  content: '💕';
}

:is(#green_channel, .green_channel)>#green_channel_follow:hover:before {
  content: '🥳';
}

/* 收藏 */
:is(#green_channel, .green_channel)>a#green_channel_favorite {}

:is(#green_channel, .green_channel)>a#green_channel_favorite::before {
  content: '⭐';
}

:is(#green_channel, .green_channel)>a#green_channel_favorite:hover::before {
  content: '✨';
}

/* 微信分享 */
:is(#green_channel, .green_channel)>a#green_channel_wechat {
  background-color: #05CB02;
}

:is(#green_channel, .green_channel)>#green_channel_wechat::before {
  content: '🚀';
}

:is(#green_channel, .green_channel)>#green_channel_wechat:hover::before {
  content: '🤗';
}


#blog_post_info>#author_profile {
  --height: 12rem;
  --text-block-height: 8rem;
  /* reset */
  float: none;
  width: fit-content;
  height: fit-content;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flow-root;
  color: inherit;
  font-size: inherit;
  position: relative;
  transition: all .3s;
  background-color: var(--custom-color-primary);
  border-radius: 1rem;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}

#blog_post_info>#author_profile:hover {
  background-color: var(--custom-color-secondary);
  transform: scale(1.1);
}

#blog_post_info>#author_profile> :is(#author_profile_honor) {
  display: none;
}


/* 作者信息 */
#blog_post_info>#author_profile>#author_profile_info {
  height: var(--height);
  padding: 0;
  display: flex;
  justify-content: center;
  width: auto;
  float: none;
  overflow: hidden;
  transition: all .3s;
}

#blog_post_info>#author_profile>#author_profile_info:hover {
  color: var(--custom-color-font-deep);
}

/* 头像 */
#blog_post_info>#author_profile>#author_profile_info>a {
  display: flex;
  width: var(--height);
  height: var(--height);
  border-radius: 1rem;
  overflow: hidden;
  background-image: url(https://pic.cnblogs.com/avatar/985540/20240811195631.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
}


/* 删去默认 */
#blog_post_info>#author_profile>#author_profile_info>a>img.author_avatar {
  display: none;
}


/* 右侧 */
#blog_post_info>#author_profile>#author_profile_info>#author_profile_detail {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: var(--text-block-height);
  padding: 1rem;
}

@media screen and (max-width: 768px) {
  #blog_post_info>#author_profile>#author_profile_info>#author_profile_detail {
    padding: 0.8rem;
  }
}

#blog_post_info>#author_profile>#author_profile_info>#author_profile_detail>br {
  display: none;
}

/* 昵称 */
#blog_post_info>#author_profile>#author_profile_info>#author_profile_detail>a:first-of-type {
  margin-top: 1rem;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: bold;
  color: var(--custom-color-font-normal);
  text-decoration: none;
  display: flex;
}

#blog_post_info>#author_profile>#author_profile_info>#author_profile_detail>a:first-of-type:hover {
  text-decoration: underline;
}


/* 粉丝，关注数 */
#blog_post_info>#author_profile>#author_profile_info>#author_profile_detail>a:nth-of-type(n + 2) {
  font-size: 1rem;
  line-height: 1;
  font-weight: bold;
  color: var(--custom-color-font-light);
  text-decoration: none;
}

/* 关注我 */
#blog_post_info>#author_profile>#author_profile_follow {
  position: absolute;
  left: calc(var(--height) + ((100% - var(--height)) / 2));
  top: var(--text-block-height);
  transform: translateX(-50%);
}



#blog_post_info>#author_profile>#author_profile_follow a {
  background-color: var(--custom-color-btn2);
  color: white;
  border-radius: 100rem;
  font-size: 1rem;
  width: 6rem;
  box-sizing: border-box;
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

#blog_post_info>#author_profile>#author_profile_follow a:hover {
  filter: brightness(110%);
}

#blog_post_info>#div_digg {
  margin: 0 auto;
  margin-top: 2rem;
  width: fit-content;
  user-select: none;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  /* reset */
  float: none;
}

/* 点赞按钮 */
#blog_post_info>#div_digg>.diggit {
  background: transparent;
  height: fit-content;
  width: fit-content;
  padding: 0.6rem 1.8rem;
  font-size: 1.4rem;
  position: relative;
  border: 1px solid rgb(186, 185, 185);
  border-radius: 100px;
  display: flex;
  align-items: center;
  background-color: rgb(255, 44, 93);
  border-color: rgb(255, 44, 93);
  color: white;
  transition: all 1s;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}

#blog_post_info>#div_digg>.diggit>#digg_count {
  font-size: inherit;
  color: inherit;
}


#blog_post_info>#div_digg>.diggit::before {
  content: '👍点赞';
  padding-right: .5em;
  /* background-image: url(https://images.cnblogs.com/cnblogs_com/blogs/292186/galleries/2415571/o_240812141934_thumb-up-filled.svg); */
  background-image: none;
}


#blog_post_info>#div_digg>.diggit::after {
  content: '🎉';
  opacity: 0;
  font-size: inherit;
  position: absolute;
  top: 50%;
  right: 50%;
  width: fit-content;
  height: fit-content;
}

#blog_post_info>#div_digg>.diggit:hover {
  transform: scale(1.05);
  transition: all .5s cubic-bezier(0.000, 0.555, 0.005, 1.650);
}

/* 点击 点赞 */
#blog_post_info>#div_digg>.diggit:active {
  transform: scale(1.2);
  transition: all .5s cubic-bezier(0.000, 0.555, 0.005, 1.650);
}

#blog_post_info>#div_digg>.diggit:active::before {
  content: '🤩';
  transition: all 1s cubic-bezier(0.000, 0.555, 0.005, 1.650);
}

#blog_post_info>#div_digg>.diggit:active::after {
  opacity: 1;
  font-size: 2rem;
  top: -0.5em;
  right: -0.6em;
  transition: all .5s cubic-bezier(0.000, 0.555, 0.005, 1.650);
}

/* 点赞下方警告文字 */
#blog_post_info>#div_digg>#digg_tips[style] {
  box-sizing: border-box;
  /* background-color: rgb(243, 8, 43); */
  border: 1px solid rgb(243, 8, 43);
  color: rgb(243, 8, 43) !important;
  font-size: 1.2rem;
  padding: .5em 1.2em;
  border-radius: 1rem;
  margin-top: 1rem;
}

#blog_post_info>#div_digg>#digg_tips[style]::before {
  content: '😭';
}


#div_digg>.buryit {
  display: none;
}

/* 上一篇 下一篇 */
#topics #post_next_prev {
  margin-top: 1rem;
  font-size: 1rem;
  box-sizing: border-box;
  border-top: 1px dashed var(--custom-color-fab-bg);
  /* border-bottom: 1px dashed var(--custom-color-btn3); */
}

/* 删除多余 */
#topics #post_next_prev> :is(a, br) {
  display: none;
}

/* 文章按钮 */
#topics #post_next_prev>a[data-featured-image] {
  display: block;
  width: fit-content;
  padding: .6rem 1.5rem;
  margin-bottom: .5rem;
  font-size: 1rem;
  text-decoration: none;
  background-color: var(--custom-color-dark-primary-light);
  color: white;
  border-radius: .5rem;
}

#topics #post_next_prev>a[data-featured-image]:hover {
  transform: translateX(1%);
  transition: all .3s;
}

/* 发布时间等 */
#topics>.post>.postDesc {
  float: none;
  margin-top: 1rem;
  font-size: 1rem;
}

/* 评论列表 */
#blog-comments-placeholder {
  display: flow-root;
  background-color: var(--custom-color-primary);
  /* box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 2px 0px, rgba(0, 0, 0, 0.07) 0px 6px 12px 0px; */
  padding: 2rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  box-sizing: border-box;
  margin-top: 4rem;
}

/* 消除 */
#blog-comments-placeholder>br {
  display: none;
}

/* 评论列表字样 */
#blog-comments-placeholder>.feedback_area_title {
  font-size: 2rem;
  text-align: center;
  position: relative;
  margin: 0;
  padding: 0;
  margin-bottom: 2rem;
}

#blog-comments-placeholder>.feedback_area_title #comment_sort {
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  font-size: .9rem;
  padding: .2rem 0;
}

/* 每一条评论 */
#blog-comments-placeholder>.feedbackItem {
  margin-top: 0;
  padding: 10px 0;
  /* border-bottom: 1px solid rgb(213, 212, 212); */
}

/* #blog-comments-placeholder>.feedbackItem:nth-last-child(2) {
	border-bottom: 0;
} */

/* 顶部 */
#blog-comments-placeholder>.feedbackItem .feedbackListSubtitle {
  position: relative;
  line-height: 2rem;
}

/* 楼层 */
#blog-comments-placeholder>.feedbackItem .feedbackListSubtitle>.layer {
  color: var(--custom-color-dark-primary);
  float: left;
}

/* 楼主字样 */
#blog-comments-placeholder>.feedbackItem .feedbackListSubtitle>.louzhu {
  font-weight: bold;
}

/* 回复时间 */
#blog-comments-placeholder>.feedbackItem .feedbackListSubtitle>.comment_date {
  float: left;
  color: var(--custom-color-dark-primary-light);
}


/* 评论者name */
#blog-comments-placeholder>.feedbackItem .feedbackListSubtitle>a:last-child {
  clear: both;
  margin-top: .3rem;
  border-left: .3rem solid var(--custom-color-btn3);
  padding-left: .7rem;
  font-size: 1rem;
  color: var(--custom-color-font-light);
  display: block;
  width: fit-content;
}

#blog-comments-placeholder>.feedbackItem .feedbackListSubtitle>a:last-child::before {
  content: '@';
}

/* 回复，修改等 */
#blog-comments-placeholder>.feedbackItem .feedbackListSubtitle .feedbackManage {
  display: flex;
  justify-content: flex-end;
  float: right;
}

#blog-comments-placeholder>.feedbackItem .feedbackListSubtitle .comment_actions {
  display: flex;
}

/* 回复，修改等按钮 */
#blog-comments-placeholder>.feedbackItem .feedbackListSubtitle .comment_actions>a {
  height: 2rem;
  margin-left: .4rem;
  display: flex;
  justify-content: center;
  font-size: 1rem;
  font-weight: normal;
  padding: 0 1rem;
  border-radius: 100rem;
  text-decoration: none;
  background-color: var(--custom-color-fab-bg);
  color: var(--custom-color-fab-fg);
}


#blog-comments-placeholder>.feedbackItem .feedbackListSubtitle .comment_actions>a:hover {
  filter: brightness(90%);
  transition: filter .3s;
}


/* 底部评论 */
#blog-comments-placeholder>.feedbackItem .feedbackCon {
  margin-top: .5rem;
  border-radius: 1rem;
  background-color: var(--custom-color-primary-deep);
  padding: 1rem;
}

#blog-comments-placeholder>.feedbackItem .feedbackCon:hover {}

/* 评论文本 */
#blog-comments-placeholder>.feedbackItem .feedbackCon .blog_comment_body {
  font-size: 1rem;
}

/* 支持/反对 */
#blog-comments-placeholder>.feedbackItem .feedbackCon .comment_vote {
  display: flex;
  margin-top: .8rem;
  position: relative;
}

/* 支持/反对 按钮 */
#blog-comments-placeholder>.feedbackItem .feedbackCon .comment_vote>a {
  display: block;
  font-size: 1rem;
  padding: .4rem 1rem;
  font-weight: lighter;
  margin-right: .3rem;
  border-radius: 20px;
  background-color: var(--custom-color-btn3);
  color: white;
  filter: opacity(.9);
}

/* #blog-comments-placeholder>.feedbackItem .feedbackCon .comment_vote>a:first-of-type::before {
	content: '👍';
}

#blog-comments-placeholder>.feedbackItem .feedbackCon .comment_vote>a:last-of-type::before {
	content: '👎';
} */

#blog-comments-placeholder>.feedbackItem .feedbackCon .comment_vote>a:hover {
  filter: opacity(1);
  transition: filter .3s;
}

#blog-comments-placeholder>.feedbackItem .feedbackCon .comment_vote>.comment_error {
  display: none;
}

#comment_form {
  /* reset */
  margin-left: 0;
}

#comment_nav {
  display: none;
}

/* 发布评论 */
#comment_form_container {
    /* --radial-x: 100%;
    --radial-y: 0%; */
  display: flow-root;
  width: 100%;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding: 2rem 3rem 1rem 3rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: black;
  background-color: white;
  /* background-image: radial-gradient(circle at var(--radial-x) var(--radial-y), var(--custom-color-dark-secondary), transparent 50%); */
  box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 2px 0px, rgba(0, 0, 0, 0.07) 0px 6px 12px 0px;
  border-radius: 1rem;
  box-sizing: border-box;
  transition: all .3s;
}

/* 请登录 */
#comment_form_container .login_tips {
  font-size: 1.2rem;

  /* reset */
  margin-top: 0;
  padding: 0;
  padding-bottom: 1rem;
  background: none;
}

#comment_form_container .login_tips::before {
  content: '请登录：';
  font-weight: 600;
}

/* 发布评论标题 */
#commentform_title {
  /* reset */
  padding: 0;
  /* reset */
  margin: 0;
  background: none;
  font-size: 2rem;
  /* font-weight: 600; */
  text-align: center;
}

/* 升级为会员 */
#comment_form_container>#commentform_title>a {
  display: none !important;
}

#tip_comment {
  display: none;
}

/* 请输入内容 */
#tip_comment2 {
  box-sizing: border-box;
  /* border: 1px solid rgb(255, 57, 120); */
  padding: .5em 1.2em;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 1rem;
  color: rgb(251, 193, 212);
}



/* markdown */
#comment_form_container>div.commentbox_main.comment_textarea {
  margin-top: 1rem;
  width: 100%;
  background-color: transparent;
  border-radius: .5rem;
  border-color: var(--custom-color-dark-primary);
  color: inherit;
}

#comment_form_container>div.commentbox_main.comment_textarea .commentbox_title * {
    /* color: white!important; */
}

/* markdown编辑区 */
#comment_form_container>div.commentbox_main.comment_textarea textarea {
  background-color: transparent;
  font-size: 1.2rem;
  line-height: 1.6;
  width: 100%;
  height: 20rem;
  padding: 8px 0;
  resize: vertical;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  border: none;
  color: inherit;
  /* font-family: "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; */
  font-family: inherit;
}

/* 发布评论底部 */
#commentbox_opt {
  text-align: center;
  margin: 0;
  margin-top: 1.3rem;
  position: relative;
}

/* 提交评论按钮 */
#commentbox_opt>input[type="button"] {
  background-color: var(--custom-color-btn1);
  color: white;
  border: none;
  outline: none;
  font-size: 1.4rem;
  width: 7.5rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .8rem;
  transition: all .3s;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  margin: 0 auto;
}

#commentbox_opt>input[type="button"]:hover {
  cursor: pointer;
}

#commentbox_opt>input[type="button"]:active {
  transform: scale(1.05);
  transition: all .3s;
}

/* 退出登录 */
#commentbox_opt>a {
  display: none;
}

/* [Ctrl+Enter快捷键提交] */
#comment_form_container>p:last-of-type {
  color: var(--custom-color-font-light);
  display: none;
}

/* 广告位 */
#ad_text_under_commentbox {
  display: none;
  margin-top: 4em;
  border-top: 1px dashed gray;
  padding-top: 1em;
}

#ad_text_under_commentbox::before {
  content: '来自：博客园';
  font-weight: bold;
  font-size: 1rem;
  color: #666;
}

/* 广告 */
:is(#ad_text_under_commentbox, #ad_text_under_commentbox ~ div) {
  display: none;
}

:is(#cnblogs_ch, opt_under_post, #under_post_card1, #under_post_card2, #HistoryToday) {
  font-size: .9rem;
  font-weight: lighter;
}

:is(#cnblogs_ch, opt_under_post, #under_post_card1, #under_post_card2, #HistoryToday) a:hover {
  text-decoration: underline;
}

/* ====== */
/* 侧边栏，大小相关的设置在顶部 */
#main>#sideBar {
  background: var(--custom-color-dark-primary-light);
  color: white;
}

#sideBar::-webkit-scrollbar {
  --thumb-width: 3px;
  --thumb-color: transparent;
  height: 8px;
  width: var(--thumb-width);
}

#sideBar:hover {
  --thumb-color: #aaa !important;
}

#sideBar::-webkit-scrollbar-thumb {
  background-color: var(--thumb-color);
}

#sideBar #sideBarMain {
  width: 100%;
  font-size: 1rem;
  background-color: transparent;
  padding: 0 1.2rem;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  #sideBar #sideBarMain {
    padding: 1.2rem;
  }
}

#sideBar>#sideBarMain>div,
#sideBar>#sideBarMain>div>* {
  background-color: transparent;
}

.sidebar-block {
  margin-bottom: 1.1rem;
}


/* 模块的标题 */
#sideBarMain .sidebar-block h3.catListTitle {
  font-size: 1.2em;
  line-height: 2;
  font-weight: normal;
}


/* 公告标题 */
#sideBarMain #sidebar_news>h3.catListTitle {
  display: none;
}

#sideBarMain>#leftcontentcontainer .sidebar-block {
  background-color: transparent;
}





/* 粉丝数量 */
#profile_block>.follower-count:hover::after {
  content: '🤩你想成为一员吗';
}

/* 圆龄 */
#profile_block>a:nth-of-type(2):hover::after {
  content: '🏀练习时长两年半';
}

/* 加关注 */
#p_b_follow {
  margin: 1rem auto 0 auto;
  display: flex;
  justify-content: center;
}

/* 加关注按钮 */
#p_b_follow>a {
  display: block;
  border: 1px solid #757575;
  color: inherit;
  padding: .5rem 1rem;
  font-size: 1rem;
  border-radius: 100px;
  width: fit-content;
  transition: all .3s;
  text-decoration: none;
}


#p_b_follow>a:hover {
  background: deeppink;
  border-color: deeppink;
  text-decoration: none;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
}

#p_b_follow>a:hover::before {
  content: '🤗';
}

/* 关注失败等警告 */
.follow-tip>span {
  font-size: 12px;
  padding: 5px 12px;
  user-select: none;
  background: rgb(255, 45, 87);
  color: white !important;
  text-decoration: none;
  border-radius: 100px;
}


/* 已关闭 */
/* 搜索框 */
#blog-sidecolumn #sidebar_search .my-search {
  display: none;
  background-color: transparent;
}

#blog-sidecolumn #sidebar_search #sidebar_search_box {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 100rem;
}

#sidebar_search #sidebar_search_box>#widget_my_zzk {
  width: 100%;
  height: 2.5rem;
  display: flex;
}

#sidebar_search_box>#widget_my_zzk>input[type="text"] {
  flex: 1;
  box-sizing: border-box;
  width: fit-content;
  height: 100%;
  text-indent: 1em;
  border-radius: 100rem 0 0 100rem;
  background-color: transparent;
  display: block;
}


#sidebar_search_box>#widget_my_zzk>input[type="button"] {
  display: block;
  flex: 0;
  box-sizing: border-box;
  position: initial;
  border: 1px solid #aaa;
  border-radius: 5px;
  background: none;
  background-position: center;
  width: fit-content;
  height: 100%;
  border-radius: 0 100rem 100rem 0;
  /* reset */
  -webkit-appearance: initial;
  appearance: initial;
}

#sidebar_search_box>#widget_my_zzk>input[type="button"]:hover {
  background-color: rgba(0, 0, 0, 0.03);
}



/* 涉及到TAG */
/* 我的标签，随笔分类，随笔档案的项目 */
:is(#sidebar_toptags, #sidebar_postcategory, #sidebar_postarchive) ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

/* TAG */
:is(#sidebar_toptags, #sidebar_postcategory, #sidebar_postarchive) ul>li {
  background-color: var(--custom-color-chips);
  color: var(--custom-color-font-deep);
  margin: 0 0.4rem 0.4rem 0;
  border-radius: 0.4rem;
  font-size: 1rem;
  overflow: hidden;
  display: flex;
  justify-content: stretch;
}

:is(#sidebar_toptags, #sidebar_postcategory, #sidebar_postarchive) ul>li :is(a, a:hover) {
  padding: 0.2rem 0.8rem;
  text-decoration: none;
  display: block;
}

:is(#sidebar_toptags, #sidebar_postcategory, #sidebar_postarchive) ul>li:hover a {
  color: var(--custom-color-font-deep);
  background-color: rgba(0, 0, 0, 0.09);
}

/* post */
:is(#sidebar_recentposts, #sidebar_topviewedposts, #sidebar_topcommentedposts, #sidebar_topdiggedposts, #sidebar_recentcomments) ul>li {
  font-size: 1rem;
  margin: 0 -1.2rem 0 -1.2rem;
  border-bottom: 1px solid var(--custom-color-dark-primary);
  font-size: 1rem;
  padding: 0 1.2rem;
  display: flex;
  border-radius: 0.5rem;
  /* transition: all .2s; */
}

@media screen and (max-width: 768px) {
    :is(#sidebar_recentposts, #sidebar_topviewedposts, #sidebar_topcommentedposts, #sidebar_topdiggedposts, #sidebar_recentcomments) ul>li {
        border-radius: 0;
    }
}


:is(#sidebar_recentposts, #sidebar_topviewedposts, #sidebar_topcommentedposts, #sidebar_topdiggedposts, #sidebar_recentcomments) ul>li:last-of-type {
    border-bottom: none;
}

:is(#sidebar_recentposts, #sidebar_topviewedposts, #sidebar_topcommentedposts, #sidebar_topdiggedposts, #sidebar_recentcomments) ul>li a {
    display: flex;
    align-items: center;
  color: inherit;
  padding: 1em 0;
  font-size: inherit;
}


/* post hover */
:is(#sidebar_recentposts, #sidebar_topviewedposts, #sidebar_topcommentedposts, #sidebar_topdiggedposts, #sidebar_recentcomments) ul>li:hover {
  background-color: black;
  /* font-weight: bold; */
  border-bottom-color: transparent;
}


/* 评论 */
:is(#sidebar_recentcomments) ul>li.recent_comment_body {
  margin-left: 0;
  margin-right: 0;
  border: 2px solid var(--custom-color-secondary);
  border-radius: .5rem;
  padding: 1rem;
}

/* 评论者 */
:is(#sidebar_recentcomments) ul>li.recent_comment_author {
  padding: 0 1.2rem;
}







/* ======= */
/* 标签页面 */
#mainContent #myposts {
  /* reset */
  margin-left: 0;
}

/* 文章列表项 */
#mainContent #myposts>.PostList {
  /* reset */
  border-bottom: none;
  /* reset */
  margin: 0;
  margin-bottom: 1rem;
  box-shadow: 1px 1px 10px rgba(234, 232, 232, 0.3);
  padding: 1rem 2rem;
  border-radius: 5px;
  transition: all .3s;
  background-color: var(--custom-color-primary);
}

/* 标题 */
#mainContent #myposts>.PostList .postTitl2 {
  font-size: 1rem;
}

#mainContent #myposts>.PostList .postTitl2:hover span {
  text-decoration: underline;
}

/* 底部文字 */
#mainContent #myposts>.PostList .postDesc2 {
  margin-top: .7rem;
  font-size: .7rem;
}

#mainContent #myposts>.PostList:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  background-color: var(--custom-color-secondary);
}


/* 底部容器 */
#page_end_html {
  margin-left: var(--left-sidebar-width);
}