/* 文章卡片相关 */
#recent-posts>.recent-post-item>.recent-post-info {
  padding: 0;
}

.recent-post-item .recent-post-info .recent-post-info-top {
  position: relative;
  transition: 0.3s;
  padding: 32px;
  width: 100%;
}

.recent-post-item .recent-post-info .recent-post-info-top .article-title {
  line-height: 30px;
  margin-top: 0;
  font-weight: bold;
  color: var(--yxlr-fontcolor);
  margin-bottom: 0;
  width: 100%;
  transition: .3s;
  font-size: 1rem;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.recent-post-item .recent-post-info .recent-post-info-top .lastestpost {
  display: none;
}

@media screen and (min-width: 1300px) {
  #recent-posts>.recent-post-item:nth-child(2) .lastestpost {
    display: flex;
    color: var(--yxlr-lighttext);
    font-size: 0.5rem;
    position: relative;
  }

  #recent-posts .recent-post-item.lastestpost-item .recent-post-info-top {
    padding-top: 16px;
  }

  .recent-post-item .recent-post-info .recent-post-info-top .article-title {
    font-size: 22px;
    -webkit-line-clamp: 2;
  }

  .recent-post-item:hover .recent-post-info .recent-post-info-top .article-title {
    -webkit-line-clamp: 2;
  }

  #recent-posts>.recent-post-item .post_cover {
    transition: 1s !important;
    height: 225px;
    width: 100%;
  }

  .recent-post-item.post-card-large .recent-post-info .recent-post-info-top .content {
    opacity: 0 !important;
    -webkit-line-clamp: 2 !important;
  }

  .recent-post-item.post-card-large:hover .recent-post-info .recent-post-info-top .content {
    opacity: 1 !important;
  }
}

.recent-post-item .recent-post-info .recent-post-info-top .content {
  opacity: 0;
  transition: 0.3s;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.4;
  color: var(--yxlr-secondtext);
  margin-top: 0.5rem;
}

@media screen and (max-width: 1300px) {
  .recent-post-item:hover .recent-post-info .recent-post-info-top .content {
    display: none;
  }
}

@media screen and (min-width: 1300px) {
  .recent-post-item:hover .recent-post-info .recent-post-info-top .content {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .recent-post-item.post-card-large .recent-post-info .recent-post-info-top .content {
    opacity: 1;
    -webkit-line-clamp: 4;
  }

  .recent-post-item.post-card-large:hover .recent-post-info .recent-post-info-top .content {
    -webkit-line-clamp: 6;
  }
}

@media screen and (max-width: 768px) {
  .recent-post-item .recent-post-info .recent-post-info-top {
    padding: 0 20px;
    top: 20px;
  }

  .recent-post-item .recent-post-info .recent-post-info-top .content {
    opacity: 1;
    -webkit-line-clamp: 3;
    display: none;
  }

  #recent-posts .recent-post-item .recent-post-info .article-title {
    font-size: 19px;
  }
}

/* 文章卡片文字信息 */
#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap a {
  color: var(--yxlr-fontcolor);
}

/* 文章封面 */

#recent-post-top .recent-post-item .post_cover {
  width: 100%;
}

/* 文章卡片图标与文字间隙 */
#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap i {
  margin: 0 0.4rem 0 0;
}

/* 文章卡片置顶标签 */
#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .sticky {
  color: var(--yxlr-fontcolor);
}

/* 文章卡片高度 */
#recent-posts .recent-post-item {
  height: fit-content;
  background: var(--yxlr-card-bg);
  border-radius: 15px;
  cursor: pointer;
  border: var(--style-border);
}

#recent-posts .recent-post-item:hover {
  border: var(--style-border-hover);
  box-shadow: var(--yxlr-shadow-main);
}

#recent-posts>.recent-post-item .right_radius {
  border-top-left-radius: 12px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 12px;
}

@media screen and (min-width: 1300px) {
  #recent-posts>.recent-post-item .right_radius {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}

/* 文章置顶卡片样式 */
.recent-top-post-group {
  border-radius: 12px;
  overflow: hidden;
  overflow-x: auto;
  width: 100%;
  margin-bottom: 0rem;
}

.recent-post-top {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  overflow-x: scroll;
}

.recent-post-top::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}

.recent-post-top .recent-post-item {
  display: flex;
  width: 200px;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 0.5rem;
  background: var(--yxlr-card-bg);
  border-radius: 12px;
  overflow: hidden;
  min-width: 200px;
  height: 164px;
  max-height: 164px;
  border: var(--style-border-always);
  transition: 0.3s;
  position: relative;
  box-shadow: var(--yxlr-shadow-border);
}

@media screen and (max-width: 768px) {
  .recent-post-top .recent-post-item {
    border-radius: 8px;
    box-shadow: none;
    clip-path: inset(0 0 0 0 round 8px);
  }

  .recent-post-top .recent-post-item:last-child {
    margin-right: 1rem;
  }
}

@media screen and (min-width: 1300px) {
  .recent-post-top .recent-post-item {
    margin-right: 0px;
    margin-bottom: 0.5rem;
  }

  .recent-post-top .recent-post-item:active {
    transform: scale(0.97);
  }

  .recent-post-top {
    overflow-x: visible;
  }

  .recent-top-post-group {
    overflow: visible;
    overflow-x: visible;
  }
}

span.recent-post-top-text {
  position: absolute;
  top: 0;
  left: -40px;
  display: flex;
  z-index: 1;
  background: var(--yxlr-theme);
  color: var(--yxlr-white);
  padding: 2px 8px;
  font-size: 0.6rem;
  border-radius: 12px 0 12px 0;
  transition: 0.3s;
  cursor: pointer;
}

.recent-post-item:hover .recent-post-top-text {
  left: 0;
}

@media screen and (min-width: 1300px) {
  .recent-post-top .recent-post-item:hover {
    border: var(--style-border-hover);
    box-shadow: var(--yxlr-shadow-main);
    transform: scale(1.03);
  }

  .recent-post-top .recent-post-item:active {
    transform: scale(0.97);
  }
}

@media screen and (max-width: 768px) {
  .recent-top-post-group {
    border-radius: 0;
    background: var(--yxlr-background);
  }

  .recent-post-top-text {
    display: none !important;
  }

  .recent-post-top .recent-post-item .post_cover img {
    border-radius: 8px 8px 0 0 !important;
  }
}

/* 封面 */
.recent-post-top .recent-post-item .post_cover a {
  height: 100px;
  overflow: hidden;
  display: flex;
}

.recent-post-top .recent-post-item .post_cover img {
  object-fit: cover;
  width: 100%;
  background: var(--yxlr-secondbg);
  border-radius: 12px 12px 0 0;
}

.recent-post-top .recent-post-item:hover .post_cover img {
  transform: scale(1);
}


/* 标题 */
.recent-post-top .recent-post-item .recent-post-info {
  padding: 0.3rem 0.5rem 0.3rem 0.5rem !important;
  transition: 0.3s;
}

.recent-post-top .recent-post-item:hover .recent-post-info a {
  color: var(--yxlr-fontcolor);
}

@media screen and (max-width: 1300px) {
  .recent-post-top .recent-post-item:hover .recent-post-info a {
    color: var(--yxlr-theme);
    transition: 0.3s;
  }
}

.recent-post-top .recent-post-item .recent-post-info .article-title {
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 1.5;
  justify-content: center;
  align-items: flex-end;
  align-content: center;
  padding-top: .5rem;
  font-weight: bold;
  font-size: 0.8rem !important;
  padding: 0 !important;
}

.title-and-tips {
  display: flex;
  margin-top: 1rem;
  align-items: center;
}

.title-and-tips .page-title {
  line-height: 1;
  margin: 0;
}

.title-and-tips .page-tips {
  background: var(--yxlr-yellow-op);
  color: var(--yxlr-yellow);
  margin-bottom: auto;
  border-radius: 8px;
  padding: 2px 6px;
  font-size: 0.5rem;
  margin-left: 8px;
}


/* 主页卡片阴影 */
#aside-content .card-widget {
  box-shadow: var(--yxlr-shadow-border);
  background: var(--yxlr-card-bg);
  border: var(--style-border);
  transition: 0.3s;
  border-radius: 12px;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  margin-top: 1rem;
  padding: 1rem 1.2rem;
}

#recent-posts>.recent-post-item {
  box-shadow: var(--yxlr-shadow-light2black);
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-align: center;
  align-items: center;
  transition: all 0.3s ease 0s;
}

#recent-posts>.recent-post-item {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  position: relative;
  overflow: hidden;
}

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

  #recent-posts>.recent-post-item {
    flex-direction: column;
  }

  #recent-posts>.recent-post-item {
    width: calc(100% / 2 - 0.5rem);
    margin-top: 0.25rem;
    margin-bottom: 0.75rem;
    box-shadow: var(--yxlr-shadow-border);
    clip-path: inset(0 0 0 0 round 12px);
  }

  #recent-posts>.recent-post-item:active {
    transform: scale(0.97);
  }

  #category-bar {
    margin-bottom: 0.75rem;
    box-shadow: var(--yxlr-shadow-border);
  }

  /* 首页文章第一个 */
  /*
  
    #recent-posts {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
      align-content: flex-start;
    }*/
}


/* 主页卡片手机端美化 */
@media screen and (max-width: 768px) {
  #recent-posts>.recent-post-item {
    border-radius: 0;
  }

  #recent-posts>.recent-post-item {
    margin: 1.5rem 1rem;
    border-radius: 12px;
    margin-top: 0.5rem;
    border: var(--style-border-always);
    box-shadow: var(--yxlr-shadow-border);
    display: block;
    position: relative;
    clip-path: inset(0 0 0 0 round 12px);
  }

  #recent-posts .recent-post-item .post_cover {
    border-radius: 0 !important;
    width: 100%;
  }

  #bbTimeList {
    margin-top: 0;
    border-radius: 0;
    background: var(--yxlr-background);
    padding: 0.5rem 20px;
  }

  a.article-meta__categories {
    left: 12px !important;
    border-radius: 4px !important;
    padding: 2px 9px !important;
    font-size: 12px;
  }

  #bbTimeList {
    margin-bottom: 0rem;
  }
  .layout {
    margin-top: 20px;
  }
}

/* 置顶卡片数量优化 */
@media screen and (min-width: 1300px) {
  .topGroup .recent-post-item:nth-child(7) {
    display: none;
  }
}


/* 手机端精简优化 */
@media screen and (max-width: 768px) {

  /* 边栏头像 */
  #sidebar-menus>div.author-avatar {
    display: none;
  }

  /* 文章标签 */
  #recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap {
    bottom: 0.5rem !important;
  }

  #recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap time {
    display: absolute;
    right: 0;
  }
}

/* 文章卡片标题 */
#recent-posts>.recent-post-item>.recent-post-info>.article-title {
  line-height: 1.4;
  margin-top: 0px;
  font-weight: bold;
  color: var(--yxlr-fontcolor);
  margin-bottom: 0px;
  position: absolute;
  width: 100%;
  left: 0;
  padding: 0 40px;
  transition: 0.3s;
}


#recent-posts>.recent-post-item>.recent-post-info>.article-title:hover {
  color: var(--yxlr-fontcolor);
}

@media screen and (min-width: 768px) {
  #recent-posts>.recent-post-item>.recent-post-info>.article-title {
    top: 40px;
  }

  #recent-posts>.recent-post-item:hover>.recent-post-info>.article-title {
    top: 20px;
  }

  #recent-posts>.recent-post-item.post-card-large:hover>.recent-post-info>.article-title {
    top: 30px;
  }

  #recent-posts .recent-post-item:hover .recent-post-info .article-title {
    color: var(--yxlr-theme);
  }
}

/* 文章卡片标签边距 */
.article-meta-wrap {
  color: var(--yxlr-secondtext) !important;
}

/* 日期右侧显示 */
/*
  #recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap>.post-meta-date {
    display: none;
    right: 0px;
    text-align: right;
  }
  
  #recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap>.post-meta-date i {
    display: none;
  }
  
  .post-meta-date .far {
    opacity: 0.6;
  }
  
  .post-meta-date .article-meta-label {
    display: none;
  }
  
  .post-meta-date {
    margin-right: 0.8rem;
  }
  
  /* 文章目录 */
#aside-content #card-toc .toc-content .toc-link.active {
  line-height: 1.2;
  border-radius: 12px;
  border-left-color: var(--yxlr-hovertext);
  background-color: var(--yxlr-none);
  color: var(--yxlr-lighttext);
  font-weight: bold;
  font-size: 16px;
}

[data-theme=dark].toc .toc-item.active .toc-link .toc-text {
  color: var(--yxlr-white);
}

#aside-content #card-toc .toc-content .toc-item.active .toc-link {
  opacity: 1;
  border-radius: 8px;
}

#aside-content #card-toc .toc-content .toc-link {
  line-height: 1.2;
  padding: 8px;
  border-left: 0px solid transparent;
  border-radius: 12px;
  color: var(--yxlr-secondtext);
  cursor: default;
}

#aside-content #card-toc .toc-content .toc-link:not(.active) span {
  opacity: 0.6;
  cursor: pointer;
  filter: blur(1px);
  transition: 0.3s;
}

#aside-content #card-toc:hover .toc-content .toc-link:not(.active) span {
  filter: blur(0px);
  opacity: 1;
}

#aside-content #card-toc .toc-content .toc-link:not(.active) span:hover {
  color: var(--yxlr-lighttext);
}

/* 目录卡片边距 */
#card-toc {
  padding: 0.5rem 0.5rem !important;
}

/* 不显示分割线 */
#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .article-meta__separator {
  display: none;
}

.article-meta {
  margin: 0 8px 0 0;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}

/* 不显示标签分割点 */
.article-meta__link {
  display: none;
}

.article-meta__tags {
  margin-right: 4px;
  padding: 0 .2rem;
  padding-left: 0;
}

/* 多分类兼容性调整 */
#recent-posts>div>i .post_cover {
  display: none;
}

/* 文章标签置底 */

#recent-posts>.recent-post-item>.recent-post-info {
  height: 174px;
  width: 100%;
  cursor: pointer;
  position: relative;
}

@media screen and (max-width: 768px) {
  #recent-posts .recent-post-item .recent-post-info {
    height: 7rem;
  }
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap {
  position: absolute;
  bottom: 16px;
  transition: 0.3s;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  left: 0;
  padding: 0 32px;
  white-space: nowrap;
}

@media screen and (min-width: 1300px) {
  #recent-posts>.recent-post-item:hover>.recent-post-info>.article-meta-wrap {
    bottom: 30px;
  }

  #recent-posts>.recent-post-item.post-card-large:hover>.recent-post-info>.article-meta-wrap {
    bottom: 30px;
  }

  #recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap {
    bottom: 30px;
  }
}

/* 首页文章标签样式 */
#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap a:hover {
  background-color: var(--yxlr-none);
  color: var(--yxlr-hovertext);
}

/* 描述 */
#recent-posts>.recent-post-item>.recent-post-info>.content {
  line-height: 1.4;
  color: var(--yxlr-secondtext);
  margin-top: 0px;
  cursor: pointer;
  transition: 0.3s;
  opacity: 1;
  position: absolute;
  width: 100%;
  left: 0;
  padding: 0 40px;
}

@media screen and (min-width: 768px) {
  #recent-posts>.recent-post-item>.recent-post-info>.content {
    opacity: 0;
    top: 120px;
  }

  #recent-posts>.recent-post-item:hover>.recent-post-info>.content {
    opacity: 1;
    top: 90px;
  }

  @media screen and (max-width: 1300px) {
    #recent-posts>.post-card-large>.recent-post-info>.content {
      opacity: 1 !important;
    }

    #recent-posts>.post-card-large:hover>.recent-post-info>.content {
      top: 110px;
    }

    #recent-posts>.post-card-large>.recent-post-info>.content {
      -webkit-line-clamp: 3 !important;
    }

    #recent-posts>.post-card-large:hover>.recent-post-info>.content {
      -webkit-line-clamp: 5 !important;
    }

    /* 大文章高度 */
    #recent-posts>.post-card-large {
      height: 20em !important;
    }
  }
}

@media screen and (max-width: 768px) {
  #recent-posts>.recent-post-item>.recent-post-info>.content {
    top: 5rem;
  }
}


#recent-posts>.recent-post-item>.recent-post-info>.content:hover {
  opacity: 0.8;
  transition: 0.3s;
}

/* 描述行数限制 */
#recent-posts>.recent-post-item>.recent-post-info>.content {
  -webkit-line-clamp: 2;
}

/* 文章背景阴影 */
.layout>div:first-child:not(.recent-posts) {
  box-shadow: var(--yxlr-shadow-border);
  padding: 1rem 2rem;
  border-radius: 12px;
  border: var(--style-border);
}

#page {
  box-shadow: none;
}

.post-comment {
  background: var(--yxlr-card-bg);
}

.layout>div:first-child:not(.recent-posts):hover {
  box-shadow: var(--yxlr-shadow-border);
}

@media screen and (max-width: 768px) {
  .layout>div:first-child:not(.recent-posts) {
    border-radius: 0;
    padding: 0rem 1rem !important;
    box-shadow: none !important;
    background: var(--yxlr-background);
  }

  .layout {
    padding: 0 1.5rem;
  }
}

@media screen and (max-width: 768px) {
  .layout {
    padding: 0;
  }

  .layout>div:first-child:not(.recent-posts) {
    z-index: 1;
  }

  .post .layout>div:first-child:not(.recent-posts) {
    border-radius: 12px 12px 0 0;
  }


  #aside-content {
    z-index: 2;
    background: var(--yxlr-background);
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}

.layout#content-inner {
  max-width: 1400px;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
}

/* 搜索背景模糊 */
#search-mask {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  background: var(--yxlr-maskbg);
}

/* 搜索输入框 */
#algolia-search .search-dialog .ais-search-box input {
  border-radius: 8px !important;
  border: var(--style-border);
}

#algolia-search .search-dialog .ais-search-box input:focus {
  border: var(--style-border-hover);
}


#algolia-search .search-dialog .ais-search-box input::placeholder {
  opacity: 0.6;
}

#algolia-input-panel {
  margin-bottom: 8px;
}

/* 搜索窗口 */
.search-dialog {
  border-radius: 12px !important;
  box-shadow: var(--yxlr-shadow-lightblack);
  background: var(--yxlr-card-bg);
  border: var(--style-border);
  transition: 0.3s;
}

.search-dialog:hover {
  border: var(--style-border-hover);
  box-shadow: var(--yxlr-shadow-theme);
}

.search-dialog__title {
  font-weight: bold;
  color: var(--yxlr-main);
}

#algolia-search .search-dialog .ais-hits--item.algolia-hit-item a:hover {
  color: var(--yxlr-hovertext);
}

#algolia-search .search-dialog .algolia-logo {
  display: none;
}

/* 搜索提示文字 */
#algolia-tips {
  padding-top: 12px;
  color: var(--yxlr-secondtext);
  right: 0;
  margin: auto;
}

.algolia-tips-text {
  margin-left: 0.4rem;
}

/* 搜索结果间距 */
#algolia-search-results {
  padding-top: 8px;
}

#algolia-search .search-dialog .ais-hits--item.algolia-hit-item:before {
  display: none;
}

#algolia-search .search-dialog .ais-hits--item.algolia-hit-item {
  padding-left: 0rem;
  font-weight: bold;
}

#algolia-search .search-dialog .ais-pagination.pagination {
  margin: 0.2rem 0 0;
}

#algolia-search .search-dialog .ais-hits--item.algolia-hit-item em {
  color: var(--yxlr-theme);
  font-style: normal;
}

/* 搜索框间距 */
#algolia-search .search-dialog .ais-search-box {
  padding-top: 8px;
}

/* 搜索页码样式 */
#algolia-search .search-dialog .ais-pagination.pagination .ais-pagination--item.current a {
  border-radius: 4px;
  background: var(--yxlr-main);
  color: var(--yxlr-white);
}

#recent-posts>.recent-post-item {
  margin-top: 20px;
}

#recent-posts>.recent-post-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
  height: 18em;
}

@media screen and (max-width: 768px) {
  #recent-posts>.recent-post-item {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
  }
}

#recent-posts>.recent-post-item:hover img.post_bg {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

#recent-posts>.recent-post-item.ads-wrap {
  display: block !important;
  height: auto !important;
}

#recent-posts>.recent-post-item .post_cover {
  overflow: hidden;
  width: 44%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  #recent-posts>.recent-post-item .post_cover {
    width: 100%;
    height: 230px;
  }
}

#recent-posts>.recent-post-item .post_cover.right {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -o-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}

@media screen and (max-width: 768px) {
  #recent-posts>.recent-post-item .post_cover.right {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -o-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
  }
}

#recent-posts>.recent-post-item>.recent-post-info {
  padding: 20px 40px 0;
  width: 57%;
}

@media screen and (max-width: 768px) {
  #recent-posts>.recent-post-item>.recent-post-info {
    padding: 20px 20px 30px;
    width: 100%;
  }
}

#recent-posts>.recent-post-item>.recent-post-info.no-cover {
  width: 100%;
}

@media screen and (max-width: 768px) {
  #recent-posts>.recent-post-item>.recent-post-info.no-cover {
    padding: 30px 20px;
  }
}

#recent-posts>.recent-post-item>.recent-post-info>.article-title {
  color: var(--text-highlight-color);
  font-size: 1.72em;
  line-height: 1.4;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-line-clamp: 2;
}

@media screen and (max-width: 768px) {
  #recent-posts>.recent-post-item>.recent-post-info>.article-title {
    font-size: 1.43em;
  }
}

#recent-posts>.recent-post-item>.recent-post-info>.article-title:hover {
  color: #3b70fc;
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap {
  margin: 6px 0;
  color: var(--yxlr-fontcolor);
  font-size: 90%;
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap>.post-meta-date {
  cursor: default;
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .sticky {
  color: #ff7242;
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap i {
  margin: 0 4px 0 0;
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .fa-spinner {
  margin: 0;
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .article-meta-label {
  padding-right: 4px;
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .article-meta-separator {
  margin: 0 6px;
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .article-meta-link {
  margin: 0 4px;
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap a {
  color: var(--yxlr-fontcolor);
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap a:hover {
  color: #3b70fc;
  text-decoration: none; /*下划线隐藏*/
}

#recent-posts>.recent-post-item>.recent-post-info>.content {
  -webkit-line-clamp: 2;
}

/* 自定义的文章分类 */
@media screen and (min-width: 768px) and (max-width:1300px) {
  a.article-meta__categories {
    top: -18.5rem
  }
}

@media screen and (max-width: 768px) {
  a.article-meta__categories {
    top: -15rem
  }
}

@media screen and (min-width: 1300px) {
  a.article-meta__categories {
    top: -18rem
  }
}

a.article-meta__categories {
  position: absolute;
  padding: 1px 6px;
  background: var(--yxlr-black-op);
  border-radius: 12px;
  margin-left: 1px;
  font-size: 15px;
  font-weight: bold;
  color: var(--yxlr-white) !important;/* 不知道怎么就好了（*/
  left: 8px;
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

a.article-meta__categories:hover {
  background: var(--yxlr-theme) !important;
  color: var(--yxlr-white) !important;
  box-shadow: var(--yxlr-shadow-theme);
}

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

  #pagination a.extend.next:hover,
  #pagination a.extend.prev:hover {
    transform: scale(1.03);
  }
}

#pagination .page-number.current:hover {
  background: var(--yxlr-theme);
  box-shadow: var(--yxlr-shadow-theme);
  color: var(--yxlr-white);
}

#pagination a.extend.next:hover,
#pagination a.extend.prev:hover {
  color: var(--yxlr-theme);
  border: var(--style-border-hover);
  transform: scale(1.03);
}

nav#pagination {
  overflow: visible;
}

#pagination .page-number.current {
  background: var(--yxlr-theme);
  border: var(--style-border-hover);
  box-shadow: var(--yxlr-shadow-theme);
}

#pagination a.extend.next {
  overflow: hidden;
}

#pagination a.extend.next,
#pagination a.extend.prev {
  width: 5rem !important;
  line-height: 1.9rem !important;
  border-radius: 8px !important;
  background: var(--yxlr-card-bg);
  box-shadow: var(--yxlr-shadow-border);
  border: var(--style-border);
  display: flex !important;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: 0.3s;
  position: absolute;
}

#pagination .page-number {
  background: var(--yxlr-card-bg);
  border-radius: 8px !important;
  margin: 0 0.3rem;
  box-shadow: var(--yxlr-shadow-border);
  border: var(--style-border);
  transition: 0.3s;
}

#pagination .page-number:hover {
  color: var(--yxlr-theme);
  border: var(--style-border-hover);
  box-shadow: var(--yxlr-shadow-main);
}


.topGroup .todayCard.hide .todayCard-cover {
  transform: scale(1.2);
}


@keyframes rowup {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(-50%);
  }
}

.tags-group-icon {
  width: 120px;
  height: 120px;
  border-radius: 30px;
}

.tags-group-all {
  display: flex;
  transform: rotate(-30deg);
}

.tags-group-all.nowrapMove {
  transform: rotate(0);
  padding-bottom: 2rem;
}

.tags-group-wrapper {
  margin-top: 5rem;
  display: flex;
  flex-wrap: nowrap;
  animation: rowup 60s linear infinite;
}

.nowrapMove .tags-group-wrapper {
  margin-top: 7rem;
  animation: rowup 120s linear infinite;
}

.tags-group-icon-pair .tags-group-icon:nth-child(even) {
  margin-top: 1rem;
  transform: translate(-60px);
}

.tags-group-icon-pair {
  margin-left: 1rem;
}

.tags-group-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 66px;
  font-weight: bold;
  box-shadow: var(--yxlr-shadow-blackdeep);
}

.nowrapMove .tags-group-icon {
  border-radius: 50%;
}

.tags-group-icon img {
  width: 60%;
}

.nowrapMove .tags-group-icon img {
  min-width: 100%;
  min-height: 100%;
  border-radius: 50%;
  object-fit: cover;
}


#categoryList>div:nth-child(1)>a::before {
  height: 24px;
  width: 44px;
  content: "";
  background: url(https://img.zhheo.com/i/2022/08/31/630efd0bc1115.png) no-repeat;
  background-size: 38px 24px;
  position: absolute;
  top: 0px;
  left: 0;
}

.categoryItem:hover i {
  opacity: 0.8;
  transition: 0.8s;
  transition-delay: 0.15s;
  transform: scale(1.03) rotate(0deg);
  font-size: 2.5rem;
  filter: blur(0px);
}

@media screen and (min-width: 1300px) {
  .categoryItem:hover i {
    transform: scale(1.03) rotate(0deg);
  }
}

#categoryList>a:nth-child()>i {
  padding-right: 8px;
}

.cate-button-text {
  box-shadow: var(--yxlr-shadow-black);
}

@media screen and (max-width: 768px) {
  div#categoryList {
    display: none;
  }
}

/* bilibili按钮圆角*/
#card-info-btn {
  border-radius: 27px
}

/* 文章图片 */
#article-container img {
  border-radius: 12px;
  margin-bottom: 0.5rem;
  object-fit: cover;
}

/* 翻页 */
a.extend.next {
  right: 0;
}

a.extend.prev {
  left: 0;
}

@media screen and (max-width: 768px) {
  #pagination {
    margin-bottom: 0rem;
    margin-top: 0;
  }
}

@media screen and (min-width: 1300px) {
  #pagination {
    margin-top: 0.25rem;
  }
}

.lg-container {
  display: none;
}

/* 翻页 */
@media screen and (max-width: 768px) {
  #pagination .page-number {
    display: none;
  }

  #pagination .pagination .space {
    display: none;
  }

  #pagination .pagination .extend {
    width: 100%;
    height: 2.5rem;
    margin: 0.2rem 1rem 1rem 1rem;
    border-radius: 12px;
    line-height: 2.5rem;
    background: var(--yxlr-card-bg);
    border: var(--style-border-always);
    box-shadow: var(--yxlr-shadow-border);
  }

  #pagination .pagination .extend i {
    display: none;
  }

  #pagination .pagination .extend:hover {
    background: var(--yxlr-theme);
    color: var(--yxlr-white);
  }

  #pagination .pagination {
    background: var(--yxlr-background);
    transition: 0.3s;
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  #pagination .page-number {
    width: 2rem;
    background: var(--yxlr-card-bg);
    height: 2rem;
    line-height: calc(2rem - 2px);
    border-radius: 8px !important;
    margin: 0 0.3rem;
    box-shadow: var(--yxlr-shadow-border);
    border: var(--style-border);
    transition: 0.3s;
  }

  #pagination .page-number.current {
    background: var(--yxlr-theme);
    border: var(--style-border-hover);
    box-shadow: var(--yxlr-shadow-theme);
  }

  #pagination .page-number.current:hover {
    background: var(--yxlr-theme);
    box-shadow: var(--yxlr-shadow-theme);
    color: var(--yxlr-white);
  }

  #pagination .page-number:hover {
    color: var(--yxlr-theme);
    border: var(--style-border-hover);
    box-shadow: var(--yxlr-shadow-main);
    transform: scale(1.03);
  }


  #pagination a.extend.next:hover,
  #pagination a.extend.prev:hover {
    color: var(--yxlr-theme);
    border: var(--style-border-hover);
    box-shadow: var(--yxlr-shadow-main);
    transform: scale(1.03);
  }



  @media screen and (min-width: 1300px) {
    #pagination .page-number:hover {
      transform: scale(1.03);
    }


    #pagination a.extend.next:hover,
    #pagination a.extend.prev:hover {
      transform: scale(1.03);
    }

    #pagination .page-number:active {
      transform: scale(0.97);
    }

    #pagination a.extend.next:active,
    #pagination a.extend.prev:active {
      transform: scale(0.97);
    }

  }

  #pagination span.space {
    margin: 0 0.3rem;
  }

  #pagination a.extend.next,
  #pagination a.extend.prev {
    width: 4rem;
    height: 2rem;
    line-height: 1.9rem;
    border-radius: 8px !important;
    background: var(--yxlr-card-bg);
    box-shadow: var(--yxlr-shadow-border);
    position: absolute;
    border: var(--style-border);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: 0.3s;
  }

  #pagination a.extend.next i,
  #pagination a.extend.prev i {
    transition: 0.3s;
  }

  #pagination a.extend.next {
    overflow: hidden;
  }

  #pagination a.extend.next .pagination_tips_next {
    margin-left: -32px;
    transition: 0.3s;
    opacity: 0;
  }

  #pagination a.extend.next:hover .pagination_tips_next {
    margin-left: 2px;
    opacity: 1;
    white-space: nowrap;
  }

  #pagination a.extend.prev .pagination_tips_prev {
    margin-right: -32px;
    transition: 0.3s;
    opacity: 0;
  }

  #pagination a.extend.prev:hover .pagination_tips_prev {
    margin-right: 2px;
    opacity: 1;
    white-space: nowrap;
  }

  #pagination {
    overflow: visible;
  }

  #pagination .pagination {
    position: relative;
    display: flex;
    justify-content: center;
  }
}

/* 文章代码框 */
figure {
  margin-top: 0.5rem !important;
}

#article-container figure.highlight .highlight-tools {
  background: var(--yxlr-black) !important;
}

#article-container .gutter {
  opacity: 0.6;
}

#article-container .code-lang {
  margin-left: 6px;
}

#article-container .highlight-tools .code-lang {
  text-transform: capitalize;
  left: 1.9rem;
}

#article-container figure.highlight table::-webkit-scrollbar {
  color: var(--yxlr-blue);
  background: var(--yxlr-secondbg);
  height: 8px;
}

#article-container figure.highlight table::-webkit-scrollbar-thumb {
  background: var(--yxlr-gray);
}

#article-container figure.highlight table::-webkit-scrollbar-thumb:hover {
  background: var(--yxlr-main);
}

/* 文章点样式 */
#article-container ul>li:not(.tab):hover:before {
  border-color: var(--yxlr-none);
}

/* 文章中的超链接 */
#article-container a {
  text-decoration: none;
  border-bottom: 2px solid var(--yxlr-lighttext);
  margin-top: 3px;
  color: var(--yxlr-fontcolor);
  font-weight: bold;
  border-radius: 4px 4px 0 0;
}

#article-container a:not(.fancybox):hover {
  text-decoration: none;
  border: 3px solid var(--yxlr-none);
  color: var(--yxlr-white);
  background: var(--yxlr-main);
  border-radius: 2px;
  box-shadow: var(--yxlr-shadow-main);
}

#article-container a.fancybox {
  border-bottom: 0;
  padding: 0;
  margin: auto;
  display: contents;
  width: fit-content;
}

#article-container a.fancybox img {
  cursor: pointer;
}

.site-card-avatar a.fancybox {
  padding: 0 !important;
}

#article-container p {
  margin: 1rem 0;
  text-align: left;
  letter-spacing: 0.6px;
}

#article-container code {
  color: var(--yxlr-white);
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  margin: 0px 4px;
  background: var(--yxlr-pink);
  line-height: 2;
  box-shadow: var(--yxlr-shadow-border);
}

#article-container code::selection {
  background: var(--yxlr-main) !important;
}

/* 分类页 */
#article-container>div>figure>figcaption>p {
  margin: 0;
}

#page .category-lists ul li::before {
  display: none;
}

#page .category-lists ul li {
  margin: 0;
  margin-right: 8px;
  margin-bottom: 8px;
}

#page .category-lists ul {
  display: flex;
  padding: 0;
  flex-wrap: wrap;
  flex-direction: row;
}

#page .category-lists ul li {
  padding: 4px 16px;
  width: 200px;
  border-radius: 12px;
  background: var(--card-bg);
  border: var(--style-border-always);
}

/* 分类圆角 */
figure.gallery-group {
  border-radius: 12px;
}

/* 分类分割线隐藏 */
figure.gallery-group:hover .gallery-group-name::after {
  display: none;
}

/* 标签详情页标题 */
.tag-cloud-title {
  display: none;
}

.tk-replies .tk-content {
  margin-top: 0rem !important;
}

#tag #tag-page-tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -0.75rem;
  margin-bottom: 0.5rem;
}

#tag #tag-page-tags a {
  padding: 0.1rem 0.5rem;
  margin: 0.25rem 0.25rem;
  line-height: 1.6;
  border-radius: 8px;
  color: var(--yxlr-fontcolor) !important;
  border: var(--style-border-always);
  display: flex;
  align-items: center;
}

#tag #tag-page-tags a.select {
  color: var(--yxlr-white) !important;
  background: var(--yxlr-theme);
  box-shadow: var(--yxlr-shadow-theme);
}

#tag #tag-page-tags a:hover {
  color: var(--yxlr-white) !important;
  background: var(--yxlr-theme);
  box-shadow: var(--yxlr-shadow-theme);
}

/* 时间线 */
.article-sort-item:before {
  display: none;
}

.article-sort-title:before {
  display: none;
}

.article-sort-title:after {
  display: none;
}

.article-sort {
  border: none;
}

.article-sort {
  margin-left: 0;
  padding-left: 0;
}

.article-sort-title {
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.article-sort-item {
  margin: 0 0 1rem 0rem;
  overflow: hidden;
  border-radius: 12px;
}

@media screen and (max-width: 768px) {
  .article-sort-item-info a {
    white-space: inherit !important;
  }
}

.article-sort-item.year {
  font-size: 0.8rem;
  color: var(--yxlr-secondtext);
  margin-bottom: 0.2rem;
}

.article-sort-item-img img:hover {
  transform: scale(1);
}

.article-sort-title {
  font-weight: bold;
  font-size: 2em;
}

/* 文章列表 */
.article-sort-item-info {
  padding: 0 0.8rem;
  display: flex;
  flex-direction: column;
}

.article-sort-item-time {
  order: 1;
  margin-top: 4px;
  color: var(--yxlr-secondtext);
}

.article-sort-item-title {
  order: 0;
  font-weight: bold;
}

.article-sort-item-title:hover {
  transform: translateX(0px);
  color: var(--yxlr-hovertext);
}

/* 友链界面适配 */
.flink-list-item {
  width: calc(100% / 4 - 15px) !important;
}

@media screen and (max-width: 1250px) {
  .flink-list-item {
    width: calc(100% / 3 - 15px) !important;
  }
}

/* 文章页侧边栏固定位置 */
@media screen and (max-width: 1300px) {
  #aside-content .sticky_layout {
    top: 60px;
  }
}

@media screen and (min-width: 768px) {
  #aside-content .sticky_layout {
    margin-top: 1rem;
  }
}

@media screen and (min-width: 1300px) {
  #aside-content .sticky_layout {
    margin-top: 1rem;
  }
}

#aside-content .sticky_layout {
  top: 80px;
  transition: top 0s;
}

#aside-content .sticky_layout .card-widget:first-child {
  margin-top: 0;
}

#aside-content .card-widget:hover {
  box-shadow: var(--yxlr-shadow-black);
}

#aside-content #card-funds {
  margin-bottom: 1rem;
  min-height: 260px;
}

#page-header.nav-visible+.layout>.aside-content>.sticky_layout {
  top: 80px;
}

#aside-content {
  width: 300px;
}

@media screen and (max-width: 1300px) {
  #aside-content {
    width: 300px;
  }
}

@media screen and (max-width: 900px) {
  #aside-content {
    display: none;
  }
}

/* 最新文章侧边栏 */
.card-widget.card-recent-post {
  padding: 0.4rem 0.6rem !important;
}

/* 最新文章侧边栏时间显示 */
#aside-content .aside-list>.aside-list-item .content>time {
  display: none;
}

/* 最新文章侧边栏标题 */
#aside-content .aside-list>.aside-list-item .content>.title {
  -webkit-line-clamp: 3;
  font-weight: bold;
  padding: 2px 0;
}

/* 最新文章侧边栏悬浮 */
#aside-content .aside-list>.aside-list-item {
  padding: 8px;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  border-radius: 12px;
  transition: 0.3s;
  margin: 4px 0;
  cursor: pointer;
}

@media screen and (min-width: 1300px) {
  #aside-content .aside-list>.aside-list-item:hover {
    transform: scale(1.03);
  }

  #aside-content .aside-list>.aside-list-item:active {
    transform: scale(0.97);
  }
}

#aside-content .aside-list>.aside-list-item:hover .thumbnail>img {
  transform: scale(1);
}

#aside-content .aside-list>.aside-list-item:not(:last-child) {
  border-bottom: 0px dashed var(--yxlr-background) !important;
}

#aside-content .aside-list>.aside-list-item .thumbnail {
  border-radius: 8px;
  border: var(--style-border);
}

#aside-content .aside-list>.aside-list-item:hover {
  background: var(--yxlr-main);
  color: var(--yxlr-white);
  transition: 0.3s;
  box-shadow: var(--yxlr-shadow-main);
}

#aside-content .aside-list>.aside-list-item:hover a {
  color: var(--yxlr-white) !important;
}

.toc-content {
  font-size: 80%px;
}

/*评论*/
#twikoo .tk-content p {
  margin: 0;
}

#twikoo .tk-expand:hover {
  color: #fff;
  background-color: #3b70fc;
  border: var(--style-border-none);
}

.tk-expand {
  border: var(--style-border);
  box-shadow: 0 8px 16px -4px #2c2d300c;
  border-radius: 50px;
  letter-spacing: 5px;
  background-color: var(--yxlr-card-bg);
}

.tk-replies>.tk-comment {
  border-top: var(--style-border-dashed);
  border-radius: 12px;
  padding: 1rem 0 0;
  transition: all 0.3s ease 0s;
}

.tk-replies .tk-content span:first-child:not(.token) {
  font-size: 0.5rem;
  color: var(--yxlr-secondtext);
}

#twikoo pre code {
  padding: none;
  background: 0 0;
  color: none;
}

#twikoo code {
  padding: 2px 4px;
  background: var(--yxlr-secondbg);
  color: #f47466;
}

.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(1):before {
  content: "输入QQ号会自动获取昵称和头像🐧";
}

.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(2):before {
  content: "收到回复将会发送到您的邮箱📧";
}

.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(3):before {
  content: "可以通过昵称访问您的网站🔗";
}

.el-input.el-input--small.el-input-group.el-input-group--prepend:focus-within::after,
.el-input.el-input--small.el-input-group.el-input-group--prepend:focus-within::before {
  display: block;
}

.el-input.el-input--small.el-input-group.el-input-group--prepend::before {
  display: none;
  position: absolute;
  top: -60px;
  white-space: nowrap;
  border-radius: 10px;
  left: 50%;
  transform: translate(-50%);
  padding: 14px 18px;
  background: #444;
  color: #fff;
}

.el-input.el-input--small.el-input-group.el-input-group--prepend::after {
  display: none;
  content: "";
  position: absolute;
  border: 12px solid transparent;
  border-top-color: #444;
  left: 50%;
  transform: translate(-50%, -48px);
}

.vwrap {
  box-shadow: 2px 2px 5px #bbb;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  padding: 30px;
  margin: 30px 0 30px 0;
}

.vcard {
  box-shadow: 2px 2px 5px #bbb;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  padding: 30px;
  margin: 30px 0 0 0;
}

#twikoo .tk-extra {
  background: var(--yxlr-card-bg);
  border: var(--style-border-always);
  padding: 4px 8px;
  border-radius: 8px;
  margin-right: 4px;
  color: var(--yxlr-secondtext);
  margin-top: 6px;
  font-size: 0.8rem;
}

#twikoo .tk-extra-text {
  font-size: 0.5rem;
}

#twikoo .tk-replies .tk-content {
  font-size: 0.9rem;
}

#twikoo .tk-content {
  margin-top: 0;
}

.tk-content p a:not([data-fancybox="gallery"]) {
  font-weight: 500;
  border-bottom: solid 2px var(--yxlr-lighttext);
  color: var(--yxlr-fontcolor);
  padding: 0 0.2em;
  text-decoration: none;
}

.tk-content p a:not([data-fancybox="gallery"]):hover {
  color: var(--yxlr-white);
  background-color: var(--yxlr-main);
  border-radius: 4px;
}

#post-comment .comment-head {
  font-size: 0.8em !important;
  margin-bottom: 0.5rem;
}

.el-input.el-input--small.el-input-group.el-input-group--prepend:focus-within::before {
  display: block;
  animation: commonTipsIn 0.3s;
}

@keyframes commonTipsIn {
  0% {
    top: -50px;
    opacity: 0;
  }

  100% {
    top: -60px;
    opacity: 1;
  }
}

#twikoo .tk-input .el-textarea__inner {
  min-height: 130px !important;
  border-radius: 15px;
  display: block;
  resize: vertical;
  padding: 16px 16px 40px 16px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: var(--yxlr-card-bg);
  border: var(--style-border-always);
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#page .el-textarea__inner {
  background: var(--yxlr-card-bg) !important;
  box-shadow: var(--yxlr-shadow-border);
  color: var(--yxlr-fontcolor) !important;
}

#twikoo.twikoo .el-input__inner:focus,
#twikoo.twikoo .el-textarea__inner:focus {
  border-color: var(--yxlr-main);
}

.tk-comments-container>.tk-comment {
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
  transition: 0.3s;
  border-radius: 12px;
  padding: 0;
  padding-top: 1rem;
  border: none;
  border-top: var(--style-border-dashed);
}

#post-comment .comment-tips {
  background-color: rgba(103, 194, 58, 0.13);
  border: var(--style-border-always);
  border-color: var(--yxlr-green);
  color: var(--yxlr-green);
  border-radius: 8px;
  padding: 8px 12px;
  margin-top: 0.5rem;
  display: none;
}

#post-comment .comment-tips.show {
  display: flex;
}

#page .tk-comments-container>.tk-comment {
  background: var(--yxlr-card-bg);
  padding: 1rem;
  padding-bottom: 1rem;
  border: var(--style-border);
  border-top: var(--style-border);
  box-shadow: var(--yxlr-shadow-border);
}

.tk-content {
  margin-top: 0.5rem;
  overflow: auto;
  max-height: 500px;
}

.page .el-input__inner {
  background: var(--yxlr-card-bg) !important;
}

.tk-comments .tk-row-actions-start {
  position: relative;
  top: -56px;
  left: 17px;
}

.tk-comments .tk-main .tk-row-actions-start {
  position: relative;
  top: -56px;
  left: 2px;
}

.OwO .OwO-body {
  border: var(--style-border-always) !important;
  border-radius: 8px !important;
  overflow: hidden;
  background-color: var(--yxlr-maskbg) !important;
  backdrop-filter: saturate(180%) blur(10px);
  cursor: auto;
}

.OwO .OwO-body .OwO-items .OwO-item:hover {
  box-shadow: var(--yxlr-shadow-lightblack) !important;
  border-radius: 8px;
}

#post-comment .tk-avatar.tk-clickable {
  margin: 5px;
}

/* 标签列表页 */

#post .tag_share .post-meta__tag-list {
  display: flex;
}

@media screen and (max-width: 768px) {
  #post .tag_share .post-meta__tag-list {
    display: flex;
    overflow: scroll;
    position: absolute;
    left: 0;
    padding: 0 20px 0 20px;
    width: 100%;
  }
}

#page .tag-cloud-list a {
  color: var(--yxlr-fontcolor) !important;
  font-size: 1.4em !important;
  padding: 0.2em .5em;
  background: var(--yxlr-secondbg);
  margin: .5em .5em;
  border-radius: 12px;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  border: var(--style-border-always);
  box-shadow: var(--yxlr-shadow-border);
}

#page .tag-cloud-list a:hover {
  background: var(--yxlr-blue) !important;
  box-shadow: var(--yxlr-shadow-blue);
  color: var(--yxlr-white) !important;
  border: var(--style-border-hover);
}

span.tagsPageCount {
  background: var(--yxlr-card-bg);
  padding: 4px 4px;
  border-radius: 8px;
  color: var(--yxlr-secondtext);
  line-height: 1;
  text-align: center;
  min-width: 35px;
  display: inline-block;
  font-size: 1rem;
}

#page .tag-cloud-list a:hover span.tagsPageCount {
  color: var(--yxlr-lighttext);
}

#tag-page-tags .tagsPageCount,
#post .tag_share .post-meta__tags span.tagsPageCount {
  padding: 2px 4px;
  background: var(--yxlr-secondbg);
  border: var(--style-border-always);
  min-width: 22.5px;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  font-size: 0.6rem;
  color: var(--yxlr-fontcolor);
  margin-left: 4px;
}

#tag #tag-page-tags a:hover .tagsPageCount,
#post .tag_share .post-meta__tags:hover span.tagsPageCount {
  background: var(--yxlr-card-bg);
  color: var(--yxlr-lighttext);
}

#tag #tag-page-tags a.select .tagsPageCount {
  background: var(--yxlr-card-bg);
  color: var(--yxlr-lighttext);
}

span.tags-punctuation {
  opacity: 0.4;
}

#loading-box {
  z-index: 10;
}
/* 祥光推荐 */
.relatedPosts-list div{
  border-radius: 12px;
}
/* 上一篇&下一篇 */
.pagination-post{
  border-radius: 12px;
}

/* 颜色 */
:root {
  --yxlr-theme-op: #4259ef23;
  --yxlr-card-bg-none: rgba(255, 255, 255, 0);
  --yxlr-main-op-deep: var(--yxlr-theme-op-deep) !important;
  --yxlr-gray-op: #9999992b;
  --yxlr-theme-top: var(--yxlr-theme);
  --yxlr-white: #fff;
  --yxlr-white-op: rgba(255, 255, 255, 0.2);
  --yxlr-black: #000;
  --yxlr-black-op: rgba(0, 0, 0, 0.2);
  --yxlr-none: rgba(0, 0, 0, 0);
  --yxlr-gray: #999999;
  --yxlr-yellow: #ffc93e;
  --yxlr-orange: #e38100;
  --yxlr-border-radius: 8px;
  --yxlr-main: var(--yxlr-theme);
  --yxlr-main-op: var(--yxlr-theme-op);
  --yxlr-shadow-theme: 0 8px 12px -3px var(--yxlr-theme-op);
  --yxlr-shadow-main: 0 8px 12px -3px var(--yxlr-main-op);
  --yxlr-shadow-blue: 0 8px 12px -3px rgba(40, 109, 234, 0.2);
  --yxlr-shadow-white: 0 8px 12px -3px rgba(255, 255, 255, 0.2);
  --yxlr-shadow-black: 0 0 12px 4px rgba(0, 0, 0, 0.05);
  --yxlr-shadow-yellow: 0px 38px 77px -26px rgba(255, 201, 62, 0.12);
  --yxlr-shadow-red: 0 8px 12px -3px #ee7d7936;
  --yxlr-shadow-green: 0 8px 12px -3px #87ee7936;
  --yxlr-shadow-border: 0 8px 16px -4px #2c2d300c;
  --yxlr-shadow-blackdeep: 0 2px 16px -3px rgba(0, 0, 0, 0.15);
  --yxlr-logo-color: linear-gradient(215deg, #4584ff 30%, #ff7676 70%);
  --style-border: 1px solid var(--yxlr-card-border);
  --yxlr-blue-main: #3b70fc;
  --style-border-hover: 1px solid var(--yxlr-main);
  --style-border-dashed: 1px dashed var(--yxlr-theme-op);
  --style-border-avatar: 4px solid var(--yxlr-background);
  --style-border-always: 1px solid var(--yxlr-card-border);
  --style-border-none: 1px solid transparent;
  --yxlr-white-acrylic1: #fefeff !important;
  --yxlr-white-acrylic2: #fcfdff !important;
  --yxlr-black-acrylic2: #08080a !important;
  --yxlr-black-acrylic1: #0b0b0e !important;
  --yxlr-main-none: #b8b8b800 !important;
}

[data-theme="light"] {
  --yxlr-theme-op-deep: #4259efdd;
  --global-bg: #f7f9fe;
  --yxlr-theme: #3b70fc;
  --yxlr-theme-deep: #1856fb;
  --yxlr-theme-op: #4259ef23;
  --yxlr-blue: #3b70fc;
  --yxlr-red: #d8213c;
  --yxlr-pink: #ff7c7c;
  --yxlr-green: #57bd6a;
  --yxlr-fontcolor: #363636;
  --yxlr-background: #f7f9fe;
  --yxlr-reverse: #000;
  --yxlr-maskbg: rgba(255, 255, 255, 0.6);
  --yxlr-maskbgdeep: rgba(255, 255, 255, 0.85);
  --yxlr-hovertext: var(--yxlr-theme);
  --yxlr-ahoverbg: #f7f7fa;
  --yxlr-lighttext: var(--yxlr-main);
  --yxlr-secondtext: rgba(60, 60, 67, 0.6);
  --yxlr-scrollbar: rgba(60, 60, 67, 0.4);
  --yxlr-card-btn-bg: #edf0f7;
  --yxlr-post-blockquote-bg: #fafcff;
  --yxlr-post-tabs-bg: #f2f5f8;
  --yxlr-secondbg: #f1f3f8;
  --yxlr-shadow-nav: 0 5px 12px -5px rgba(102, 68, 68, 0.05);
  --yxlr-card-bg: #fff;
  --yxlr-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0);
  --yxlr-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0);
  --yxlr-card-border: #c0c6d8;
}

[data-theme="dark"] {
  --yxlr-theme-op-deep: #0084ffdd;
  --global-bg: #18171d;
  --yxlr-theme: #0084ff;
  --yxlr-theme-deep: #0076e5;
  --yxlr-theme-op: #0084ff23;
  --yxlr-blue: #0084ff;
  --yxlr-red: #ff3842;
  --yxlr-pink: #ff7c7c;
  --yxlr-green: #57bd6a;
  --yxlr-fontcolor: #f7f7fa;
  --yxlr-background: #18171d;
  --yxlr-reverse: #fff;
  --yxlr-maskbg: rgba(0, 0, 0, 0.6);
  --yxlr-maskbgdeep: rgba(0, 0, 0, 0.85);
  --yxlr-hovertext: #0a84ff;
  --yxlr-ahoverbg: #fff;
  --yxlr-lighttext: #f2b94b;
  --yxlr-secondtext: #a1a2b8;
  --yxlr-scrollbar: rgba(200, 200, 223, 0.4);
  --yxlr-card-btn-bg: #30343f;
  --yxlr-post-blockquote-bg: #000;
  --yxlr-post-tabs-bg: #121212;
  --yxlr-secondbg: #30343f;
  --yxlr-shadow-nav: 0 5px 20px 0px rgba(28, 28, 28, 0.4);
  --yxlr-card-bg: #1d1e22;
  --yxlr-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0);
  --yxlr-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0);
  --yxlr-card-border: #42444a;
}