* {
  font-family: "ZhuZiAYuanJWD";
}

/* 布局最大宽度 */
.layout {
  max-width: 1440px;
}

/* 布局比例 */
.layout>div:first-child {
  width: 79%;
}

#aside-content {
  width: 21%;
}

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

/* 隐藏文章分享 */
.tag_share {
  display: none;
}

.tk-input>textarea {
  min-height: 120px !important;
}

.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-last-child(3):before {
  content: "输入QQ号会自动获取昵称和头像🐧 如无法获取昵称需手动修改";
}

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

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

/* 当用户点击输入框时显示 */
.el-input.el-input--small.el-input-group.el-input-group--prepend:focus-within::before,
.el-input.el-input--small.el-input-group.el-input-group--prepend:focus-within::after {
  display: block;
}

/* 主内容区 */
.el-input.el-input--small.el-input-group.el-input-group--prepend::before {
  /* 先隐藏起来 */
  display: none;
  /* 绝对定位 */
  position: absolute;
  /* 向上移动60像素 */
  top: -60px;
  /* 文字强制不换行，防止left:50%导致的文字换行 */
  white-space: nowrap;
  /* 圆角 */
  border-radius: 10px;
  /* 距离左边50% */
  left: 50%;
  /* 然后再向左边挪动自身的一半，即可实现居中 */
  transform: translate(-50%);
  /* 填充 */
  padding: 14px 18px;
  background: #444444d2;
  color: #fff;
}

/* 小角标 */
.el-input.el-input--small.el-input-group.el-input-group--prepend::after {
  display: none;
  content: "";
  position: absolute;
  /* 内容大小（宽高）为0且边框大小不为0的情况下，每一条边（4个边）都是一个三角形，组成一个正方形。
    我们先将所有边框透明，再给其中的一条边添加颜色就可以实现小三角图标 */
  border: 12px solid transparent;
  border-top-color: #444;
  left: 50%;
  transform: translate(-50%, -48px);
}

/* 隐藏图片 */
/* .blog-slider__img {
  display: none;
} */

::-webkit-scrollbar {
  width: 6px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #49b1f5;
  border-radius: 2em;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

::-moz-selection {
  color: #fff;
  background-color: #49b1f5;
}

#nav,
#site-title,
#site-subtitle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (min-width: 1195px) {
  #article-container .flink .flink-list>.flink-list-item {
    width: calc(100% / 4 - 15px);
  }
}

@media screen and (min-width: 1390px) {
  #article-container .flink .flink-list>.flink-list-item {
    width: calc(100% / 5 - 15px);
  }
}

svg.icon {
  /* 这里定义svg.icon，避免和Butterfly自带的note标签冲突 */
  width: 1em;
  height: 1em;
  /* width和height定义图标的默认宽度和高度*/
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.swiper_container_card {
  display: none !important;
}

/* 文章页H1-H6图标样式效果 */
h1::before,
h2::before,
h3::before,
h4::before,
h5::before,
h6::before {
  -webkit-animation: ccc 1.6s linear infinite;
  animation: ccc 1.6s linear infinite;
}

@-webkit-keyframes ccc {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
  }
}

@keyframes ccc {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
  }
}

#content-inner.layout h1::before {
  color: #ef50a8;
  margin-left: -1.55rem;
  font-size: 1.3rem;
  margin-top: -0.23rem;
}

#content-inner.layout h2::before {
  color: #fb7061;
  margin-left: -1.35rem;
  font-size: 1.1rem;
  margin-top: -0.12rem;
}

#content-inner.layout h3::before {
  color: #ffbf00;
  margin-left: -1.22rem;
  font-size: 0.95rem;
  margin-top: -0.09rem;
}

#content-inner.layout h4::before {
  color: #a9e000;
  margin-left: -1.05rem;
  font-size: 0.8rem;
  margin-top: -0.09rem;
}

#content-inner.layout h5::before {
  color: #57c850;
  margin-left: -0.9rem;
  font-size: 0.7rem;
  margin-top: 0rem;
}

#content-inner.layout h6::before {
  color: #5ec1e0;
  margin-left: -0.9rem;
  font-size: 0.66rem;
  margin-top: 0rem;
}

#content-inner.layout h1:hover,
#content-inner.layout h2:hover,
#content-inner.layout h3:hover,
#content-inner.layout h4:hover,
#content-inner.layout h5:hover,
#content-inner.layout h6:hover {
  color: #3b70fc;
}

#content-inner.layout h1::before,
#content-inner.layout h2::before,
#content-inner.layout h3::before,
#content-inner.layout h4::before,
#content-inner.layout h5::before,
#content-inner.layout h6::before {
  position: relative;
  left: -10px;
}

/* 页面设置icon转动速度调整 */
#rightside_config i.fas.fa-cog.fa-spin {
  animation: fa-spin 5s linear infinite;
}

#content-inner.layout h1:hover::before,
#content-inner.layout h2:hover::before,
#content-inner.layout h3:hover::before,
#content-inner.layout h4:hover::before,
#content-inner.layout h5:hover::before,
#content-inner.layout h6:hover::before {
  color: #3b70fc;
  -webkit-animation: ccc 3.2s linear infinite;
  animation: ccc 3.2s linear infinite;
}

/* tags样式 */
#aside-content .card-tag-cloud a {
  color: var(--anzhiyu-fontcolor) !important;
  font-size: 1.05rem !important;
  border-radius: 8px;
  display: inline-block;
  margin-right: 4px;
}

#aside-content .card-tag-cloud a:hover {
  background: var(--anzhiyu-theme);
  color: var(--anzhiyu-white) !important;
  box-shadow: var(--anzhiyu-shadow-theme);
}

@media screen and (min-width: 1300px) {
  #aside-content .card-tag-cloud a:hover {
    transform: scale(1.03);
  }

  #aside-content .card-tag-cloud a:active {
    transform: scale(0.97);
  }
}

#aside-content .card-tag-cloud a sup {
  opacity: 0.4;
  margin-left: 2px;
}

/* 归档样式 */
span.card-archive-list-count {
  width: auto;
  text-align: left;
  font-size: 1.5rem;
  line-height: 0.9;
  font-weight: 700;
}

.card-archive-list-count-group {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span:last-child,
#aside-content .card-categories ul.card-category-list>.card-category-list-item a span:last-child {
  width: fit-content;
  margin-left: 4px;
}

span.card-archive-list-count {
  width: auto;
  text-align: left;
  font-size: 1.1rem;
  line-height: 0.9;
  font-weight: 700;
}

.card-archive-list-date {
  font-size: 14px;
  opacity: 0.6;
}

li.card-archive-list-item {
  width: 100%;
  flex: 0 0 48%;
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a:hover,
#aside-content .card-categories ul.card-category-list>.card-category-list-item a:hover {
  color: var(--anzhiyu-white);
  background-color: var(--anzhiyu-theme);
  box-shadow: var(--anzhiyu-shadow-theme);
  border-radius: 8px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

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

  #aside-content .card-archives ul.card-archive-list>.card-archive-list-item a:hover,
  #aside-content .card-categories ul.card-category-list>.card-category-list-item a:hover {
    transform: scale(1.03);
  }

  #aside-content .card-archives ul.card-archive-list>.card-archive-list-item a:active,
  #aside-content .card-categories ul.card-category-list>.card-category-list-item a:active {
    transform: scale(0.97);
  }
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a,
#aside-content .card-categories ul.card-category-list>.card-category-list-item a {
  border-radius: 8px;
  margin: 4px 0;
  display: flex;
  flex-direction: column;
  align-content: space-between;
  border: var(--style-border);
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span:first-child,
#aside-content .card-categories ul.card-category-list>.card-category-list-item a span:first-child {
  width: auto;
  flex: inherit;
}

#aside-content .card-archives ul.card-archive-list,
#aside-content .card-categories ul.card-category-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* 侧边栏个人信息卡片动态渐变色 */
#aside-content>.card-widget.card-info {
  background: linear-gradient(-45deg, #e8d8b9, #eccec5, #a3e9eb, #bdbdf0, #eec1ea);
  box-shadow: 0 0 5px rgb(66, 68, 68);
  position: relative;
  background-size: 400% 400%;
  -webkit-animation: Gradient 10s ease infinite;
  -moz-animation: Gradient 10s ease infinite;
  animation: Gradient 10s ease infinite !important;
}

@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@-moz-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

/* 黑夜模式适配 */
[data-theme="dark"] #aside-content>.card-widget.card-info {
  background: #191919ee;
}

.tag-cloud-list.text-center {
  text-align: center;
  margin-top: 50px;
}

.tag-cloud-list a {
  color: var(--font-color) !important;
  border: var(--style-border);
}

#tag #tag-page-tags a:hover {
  -webkit-box-shadow: var(--anzhiyu-shadow-theme);
  box-shadow: var(--anzhiyu-shadow-theme);
  color: var(--anzhiyu-white) !important;
  background: var(--anzhiyu-theme);
  border: var(--style-border-none);
  transform: scale(1.03);
}

div#poem_author {
  font-size: 13px;
}

div#poem_dynasty {
  padding: 2px 7px 2px 9px;
  font-size: 12px;
}

#card-poem {
  padding-bottom: 0px !important;
}

#poem_info {
  margin-top: 6px;
}

*::selection {
  background: #00c4b6 !important;
  color: #f7f7f7 !important;
}

/* 日间模式不生效 */
[data-theme="light"] #site-name,
[data-theme="light"] #site-title,
[data-theme="light"] #site-subtitle,
[data-theme="light"] #post-info,
[data-theme="light"] .author-info-name,
[data-theme="light"] .site-name,
[data-theme="light"] .author-info-description {
  animation: none;
}

/* 夜间模式生效 */
[data-theme="dark"] #site-name,
[data-theme="dark"] #site-title {
  animation: light_15px 10s linear infinite;
}

[data-theme="dark"] #site-subtitle,
[data-theme="dark"] .author-info-name,
[data-theme="dark"] .site-name,
[data-theme="dark"] .menus_item_child>li>a>i,
[data-theme="dark"] .sw-bar-slim>span,
[data-theme="dark"] .menus_item_child>li>a>span,
[data-theme="dark"] .search>i,
[data-theme="dark"] .group>i,
[data-theme="dark"] .search>span,
[data-theme="dark"] .group>span,
[data-theme="dark"] .author-info-description {
  animation: light_10px 10s linear infinite;
}

[data-theme="dark"] #post-info {
  animation: light_5px 10s linear infinite;
}

/* 关键帧描述 */
@keyframes light_15px {
  0% {
    text-shadow: #5636ed 0 0 15px;
  }

  12.5% {
    text-shadow: #11ee5e 0 0 15px;
  }

  25% {
    text-shadow: #f14747 0 0 15px;
  }

  37.5% {
    text-shadow: #f1a247 0 0 15px;
  }

  50% {
    text-shadow: #f1ee47 0 0 15px;
  }

  50% {
    text-shadow: #b347f1 0 0 15px;
  }

  62.5% {
    text-shadow: #002afa 0 0 15px;
  }

  75% {
    text-shadow: #ed709b 0 0 15px;
  }

  87.5% {
    text-shadow: #39c5bb 0 0 15px;
  }

  100% {
    text-shadow: #5636ed 0 0 15px;
  }
}

@keyframes light_10px {
  0% {
    text-shadow: #5636ed 0 0 10px;
  }

  12.5% {
    text-shadow: #11ee5e 0 0 10px;
  }

  25% {
    text-shadow: #f14747 0 0 10px;
  }

  37.5% {
    text-shadow: #f1a247 0 0 10px;
  }

  50% {
    text-shadow: #f1ee47 0 0 10px;
  }

  50% {
    text-shadow: #b347f1 0 0 10px;
  }

  62.5% {
    text-shadow: #002afa 0 0 10px;
  }

  75% {
    text-shadow: #ed709b 0 0 10px;
  }

  87.5% {
    text-shadow: #39c5bb 0 0 10px;
  }

  100% {
    text-shadow: #5636ed 0 0 10px;
  }
}

@keyframes light_5px {
  0% {
    text-shadow: #5636ed 0 0 5px;
  }

  12.5% {
    text-shadow: #11ee5e 0 0 5px;
  }

  25% {
    text-shadow: #f14747 0 0 5px;
  }

  37.5% {
    text-shadow: #f1a247 0 0 15px;
  }

  50% {
    text-shadow: #f1ee47 0 0 5px;
  }

  50% {
    text-shadow: #b347f1 0 0 5px;
  }

  62.5% {
    text-shadow: #002afa 0 0 5px;
  }

  75% {
    text-shadow: #ed709b 0 0 5px;
  }

  87.5% {
    text-shadow: #39c5bb 0 0 5px;
  }

  100% {
    text-shadow: #5636ed 0 0 5px;
  }
}

/* 背景宇宙星光  */
#universe {
  display: block;
  position: fixed;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  /* 这个是调置顶的优先级的，-1在文章页下面，背景上面，个人推荐这种 */
  z-index: -1;
}

#owo-big {
  position: fixed;
  align-items: center;
  background-color: rgb(255, 255, 255);
  border: 1px #aaa solid;
  border-radius: 10px;
  z-index: 9999;
  display: none;
  transform: translate(0, -105%);
  overflow: hidden;
  animation: owoIn 0.3s cubic-bezier(0.42, 0, 0.3, 1.11);
}

[data-theme="dark"] #owo-big {
  background-color: #4a4a4a;
}

#owo-big img {
  width: 100%;
}

/* 动画效果代码由 Heo：https://blog.zhheo.com/ 提供 */
@keyframes owoIn {
  0% {
    transform: translate(0, -95%);
    opacity: 0;
  }

  100% {
    transform: translate(0, -105%);
    opacity: 1;
  }
}

/* 雪花特效 */
[data-theme="light"] #snow {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -2;
}

/* 雪花黑夜模式不显示 */
[data-theme="dark"] #snow {
  display: none;
}

#canvas_sakura {
  z-index: -1;
  width: 100vw;
  height: 100vh;
}

[data-theme="dark"] #canvas_sakura {
  display: none;
}

#nav #blog-info {
  -webkit-box-flex: unset;
  -moz-box-flex: unset;
  -o-box-flex: unset;
  box-flex: unset;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
}

#menus {
  float: right;
  position: absolute;
  right: 20px;
}

#tp-weather-widget {
  margin-left: 20px;
  margin-right: 60px;
}

.sw-bar-slim>span {
  font-family: "ZhuZiAYuanJWD";
  color: var(--font-color);
  margin-right: 5px;
}

.icon-background-alarmCircle {
  display: none !important;
}

@media screen and (max-width: 600px) {
  .jEbFAF {
    height: 100vh !important;
  }
}

#about-page {
  position: relative;
  top: 35px;
}

article a {
  text-decoration: none !important;
  color: var(--font-color);
  text-decoration: none;
  padding: 0px 4px;
  border-bottom: 2px solid #49b1f5 !important;
}

#article-container a {
  color: #49b1f5;
}

article a:hover {
  text-decoration: none !important;
  color: #49b1f5;
  box-shadow: 0 8px 12px -3px #49b1f5;
  color: #fff !important;
  text-decoration: none;
  border-radius: 4px;
  border-bottom: 2px solid transparent !important;
  background: #49b1f5 !important;
}

a {
  text-decoration: none !important;
}

#article-container a.link-card {
  max-width: unset !important;
}

#article-container a.link-card div.left {
  display: none !important;
}

#article-container a.link-card div.right {
  margin: 12px;
}

a:hover .url {
  color: #fff !important;
}

@media screen and (max-width: 600px) {
  .ihAeOA {
    height: 100vh !important;
  }
}

.tag-length {
  display: inline;
}

#nav .menus_items .menus_item .menus_item_child li:hover a>span,
#nav .menus_items .menus_item .menus_item_child li:hover a>i {
  color: #fff !important;
}

#nav .menus_items .menus_item .menus_item_child li:hover {
  background: #66CCFF !important;
}

#article-container .flink .flink-list>.flink-list-item:hover>a>.flink-item-desc,
#article-container .flink .flink-list>.flink-list-item:hover>a>.flink-item-name {
  color: #fff !important;
}

.pagination-post,
.relatedPosts {
  display: none !important;
}

.post-reward .reward-button {
  border-radius: 12px !important;
}

.reward-all {
  border-radius: 8px !important;
}

.post-reward {
  display: block !important;
}

.post-reward .reward-button .reward-main .reward-all .reward-item img {
  border-radius: 8px !important;
}

#recent-posts .recent-post-item .post_cover .post-bg {
  transform: none !important;
}

#recent-posts .recent-post-item>.recent-post-info>.content {
  max-height: 85px !important;
}