.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 10px;
  left: 0;
  right: 0;
  height: 8px;
  border-radius: 8px;
  width: 4rem;
  background: #eaecf2;
  border: 1px #e3e8f7;
  overflow: hidden;
}
.pace-inactive .pace-progress {
  opacity: 0;
  transition: 0.3s ease-in;
}
.pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  max-width: 200px;
  position: absolute;
  z-index: 2000;
  display: block;
  top: 0;
  right: 100%;
  height: 100%;
  width: 100%;
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  animation: gradient 1.5s ease infinite;
  background-size: 200%;
}
.pace.pace-inactive {
  opacity: 0;
  transition: 0.3s;
  top: -8px;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* pace 加载的胶囊样式 */

#sidebar .open > .avatar-img img {
height: 100px;
width: 100px;
border-radius: 50%;
}
#sidebar .open > .avatar-img img {
border: 5px #fff solid;
}
#sidebar .open > .avatar-img::before {
bottom: 8px;
height: 12px;
width: 12px;
}
#sidebar .open > .avatar-img::before {
content: '';
position: absolute;
left: 50%;
transform: translate(65%);
background: #6bdf8f;
border: 5px solid #fff;
border-radius: 50%;
transition: filter 375ms ease-in .2s,transform .3s;
z-index: 2;
}
/* 头像美化 */

#sidebar #sidebar-menus .sidebar-site-data {
padding: 0;
margin-left: 10px;
background: var(--icat-card-bg);
border-radius: 12px;
border: var(#49b1f5);
}
@media screen and (max-width: 768px) {
.site-data {
    width: 94%;
}
}
/* 侧边栏的统计栏美化 */

#article-container figure.highlight {
border-radius: 8px;
}

/* 代码块圆角调整 */

.toggle > .toggle-button::after {
position: absolute;
content: "+";
right: 20px;
}
.toggle[open] > .toggle-button::after {
position: absolute;
content: "-";
right: 20px;
}
/* 右侧展开显示 + - */

.toggle {
border-radius: 12px;
margin-top: 20px;
border: var(--style-border) !important;
}
.toggle > .toggle-button {
position: relative;
padding: 10px 18px;
background-color: var(--icat-background) !important;
color:var(#49b1f5);
border-radius: 12px;
font-weight: 900;
}
.toggle[open] > .toggle-button {
border-bottom: var(--style-border);
}

/* 折叠栏调整美化 */

blockquote {
border-left: 2px solid #49b1f5;
background-color: var(--icat-secondbg);
color: var(--icat-secondtext);
border-radius: 8px;
margin: 1rem 0;
padding: 0.9rem 1.2rem;
}

/* 引用块美化 */

.note {
border-radius: 8px;
}
.note.flat {
border-left: 3px solid #eee;
}

/* note块圆角调整 */

#recent-posts > .recent-post-item .post_cover {
position: relative;
}
#recent-posts>.recent-post-item .post_cover::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,.5);
content: '';
-webkit-transition: -webkit-transform .3s;
-moz-transition: -moz-transform .3s;
-o-transition: -o-transform .3s;
-ms-transition: -ms-transform .3s;
transition: transform .3s;
-webkit-transform: scale3d(2,1,1) rotate(60deg) translate3d(15%,-150%,0);
-moz-transform: scale3d(2,1,1) rotate(60deg) translate3d(15%,-150%,0);
-o-transform: scale3d(2,1,1) rotate(60deg) translate3d(15%,-150%,0);
-ms-transform: scale3d(2,1,1) rotate(60deg) translate3d(15%,-150%,0);
transform: scale3d(2,1,1) rotate(60deg) translate3d(15%,-150%,0);
}
#recent-posts>.recent-post-item .post_cover:hover::after {
-webkit-transform: scale3d(2,1,1) rotate(60deg) translate3d(0,130%,0);
-moz-transform: scale3d(2,1,1) rotate(60deg) translate3d(0,130%,0);
-o-transform: scale3d(2,1,1) rotate(60deg) translate3d(0,130%,0);
-ms-transform: scale3d(2,1,1) rotate(60deg) translate3d(0,130%,0);
transform: scale3d(2,1,1) rotate(60deg) translate3d(0,130%,0);
}

/* 文章卡片擦亮动画 */

.layout{
width: 100%;
max-width:1400px;
}
/* 重新定义宽度 */


#recent-posts > .recent-post-item {
height: 19em;
border: var(#49b1f5);
}
#recent-posts > .recent-post-item >.recent-post-info {
padding: 0 56px;
width: 64%;
}
@media screen and (max-width: 768px) {
#recent-posts > .recent-post-item {
    height: auto;
}
#recent-posts > .recent-post-item >.recent-post-info {
    padding: 20px 20px 30px;
    width: 100%;
    text-align: center;
}
}
/* 主页文章列表图片宽度 */

/* 文章页版权样式 */

#post .post-copyright {
  padding: 1rem 1.3rem;
  overflow: hidden;
  border: var(--style-border);
  border-width: 1px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
  position: relative;
  margin: 2rem 0 .5rem;
  border-radius: 12px
}

@media screen and (max-width: 768px) {
  #post .post-copyright {
      margin:0
  }
}

#post .post-copyright .post-copyright__notice a,#post .post-copyright a.link {
  font-weight: 500;
  border-bottom: solid 2px var(--anzhiyu-lighttext);
  color: var(--anzhiyu-fontcolor);
  padding: 0 .2em;
  text-decoration: none
}

#post .post-copyright .post-copyright__notice a:hover,#post .post-copyright a.link:hover {
  color: var(--anzhiyu-white);
  background-color: var(--anzhiyu-main);
  border-radius: 4px
}

#post .post-copyright__author {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}

#post .post-copyright__original,#post .post-copyright__reprint {
  background: var(--anzhiyu-main);
  color: var(--anzhiyu-card-bg);
  padding: .2rem 1rem;
  font-size: .8rem;
  border-radius: 8px;
  margin-right: .5rem;
  font-weight: 700;
  line-height: 1.5;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

#post .post-copyright .anzhiyufont.anzhiyu-icon-copyright {
  position: absolute;
  font-size: 1.3em;
  top: -71px;
  right: -20px;
  font-size: 8.3em;
  z-index: -1;
  color: var(--anzhiyu-main)
}

@media screen and (min-width: 1365px) {
  #post .post-copyright .anzhiyufont.anzhiyu-icon-copyright {
      z-index:0
  }
}

#post .post-copyright:hover {
  -webkit-box-shadow: 0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5);
  box-shadow: 0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5)
}

#post .post-copyright .post-copyright-title {
  color: var(--fontcolor);
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

#post .post-copyright .post-copyright-meta {
  color: var(--anzhiyu-main);
  font-weight: 700;
  min-width: 75px
}

#post .post-copyright .post-copyright-info {
  padding-left: 6px
}

#post .post-copyright .post-copyright-info a {
  word-break: break-word
}

#post .post-copyright .post-copyright-info a:hover {
  text-decoration: none
}

#post .post-copyright .post-copyright-meta {
  color: #005fe3; /* 您想要的颜色 */
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#post .post-copyright .post-copyright-info a {
  text-decoration: underline;
  text-decoration-color: #ffe100; /* 您想要的颜色 */
  text-decoration-style: solid;
  text-decoration-thickness: 3px; /* 您想要的宽度 */
  text-decoration-skip-ink: none;
  background-color: transparent;
}
#post .post-copyright a.link {
  text-decoration: underline;
  text-decoration-color: #ffe100; /* 您想要的颜色 */
  text-decoration-style: solid;
  text-decoration-thickness: 3px; /* 您想要的宽度 */
  text-decoration-skip-ink: none;
  background-color: transparent;
}
#post .post-copyright .post-copyright-info a:hover {
  background-color: #247cff;
  border-radius: 7px;
  color: #ffffff;
  padding: 0 6px;
}

#post .post-copyright a.link:hover {
  background-color: #247cff;
  border-radius: 7px;
  color: #ffffff;
  padding: 0 6px;
  text-decoration: none;
}

#post .post-copyright__original{
  background-color: #005fe3;
  border-radius: 7px;
  padding: 2px 10px;
  color: #ffffff;
}

#post .post-copyright {
  background-color: rgb(246, 253, 255); /* 您想要的背景颜色 */
}

/* 一级菜单居中 */
#nav .menus_items {
  /* display: inline; 这个带不带都可以，本来就是inline */
  position: absolute;
  width: fit-content;
  left: 50%;
  transform: translateX(-50%);
  }


.snackbar-container{
    border-radius: 12px!important;
    background-color: #000000aa!important;
}
.OwO-body{
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: #ffffff77!important;
}

.snackbar-container .action{
    color: #ffffff!important;
    background-color: transparent!important;
}
.snackbar-container{
    font-family: jtfont!important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
@media screen and (max-width:640px) {
    .snackbar-container {
        border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        -ms-border-radius: 0px !important;
        -o-border-radius: 0px !important;
    }
}

::selection {
  background-color: #53ccff;
}
/* 选区颜色 */

/*个人信息美化*/
#aside-content>.card-widget.card-info {
  background: #fff url(/img/default.jpg) top 30% left 40% no-repeat;
  position: relative;
}
#aside-content .card-info #card-info-btn {
  display: none;
}
#aside-content .card-info .author-info__name {
  font-weight: 700;
  color: black;
}
#aside-content .card-info .author-info__description {
  font-weight: 600;
  color: black;
}
.site-data > a .headline {
  color: rgb(0 0 0 / 100%);
}

/* 文章标题 */
#post-info .post-title {
  color: var(rgb(255, 255, 255));
  font-weight: 700;
  font-size: 2.6rem;
  line-height: 1.2;
  text-align: center;
  margin: 1rem 0 1rem 0 !important;
  -webkit-line-clamp: 2;
  padding: 0;
}

@media screen and (max-width: 768px) {
  #post-info .post-title {
    font-size: 1.6rem;
    -webkit-line-clamp: 3;
    margin: 0.2rem auto !important;
    text-align: center;
    z-index: 1;
  }
}

/*信息栏底部圆角*/
#page-header.post-bg:before {
  background-color: rgb(0 0 0 / 60%);
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
}

#page-header.post-bg {
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
}

/* 文章顶部其他信息 */
#post-meta>div {
  text-align: center;
  color:black;
}
/* 图标数字间距 */
#post-info #post-meta .post-meta-icon {
  margin-right: 0.3rem;
}
/* 每组间距 */
#post-info #post-meta .post-meta-separator {
  margin: 0px 0.4rem;
}

/*右下角按钮*/
#rightside > div > button, #rightside > div > a {
  display: block;
  margin-bottom: 6px;
  width: 40px;
  height: 40px;
  border-radius: 25px;
  background-color: #f1f1f1;
  color: #2d587a;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
}

/*评论背景*/
#twikoo .tk-content {
  background: rgb(213 213 213 / 60%);
  padding: 10px 15px;
  border-radius: 7px;
}

/*本地搜索美化*/
.search-dialog .search-nav {
  color: #000000;
  font-size: 1.6em;
  line-height: 2;
}
#local-search .search-dialog .local-search-box input {
padding: 13px 21px;
border: 3px solid #4182d9;
border-radius: 11px;
}
hr {
border: 3px dashed #4f80d8;
}

/* 文章目录 */
#aside-content #card-toc .toc-content {
  margin: 10px -18px;
}
 #aside-content #card-toc .toc-content .toc-link.active {
  line-height: 1.2;
  border-radius: 12px;
  border-left-color: #4f80d8;
  background-color: #ffffff;
  color: #5c5c5c;
  font-weight: bold;
  font-size: 20px;
}
[data-theme=dark].toc .toc-item.active .toc-link .toc-text {
  color: #ffffff;
}
#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: #000000;
  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: #5b5b5b;
}


/*侧边栏标签美化*/
#aside-content .card-tag-cloud a {
  color: var(#4aa1ff);
  font-size: 0.8rem;
  border-radius: 9px;
  border-style: dashed;
}
#aside-content .item-headline {
  font-weight: 700;
}

/*文章分页卡片美化*/
#pagination .prev-post a, #pagination .next-post a {
  background-color: #a3e8ff;
  border-style: ridge;
  border-width: 8px;
  border-color: #d2d2d2;
}

/*文章相关推荐卡片美化*/
.relatedPosts > .relatedPosts-list > div {
  border-radius: 20px;
}


#recent-posts > .recent-post-item {
  height: 20em;
}




#page .tag-cloud-list {
  margin: 5em 0 3em;
}
#page .tag-cloud-list a {
  display: inline-flex;
  color: var(#49b1f5) !important;
  font-size: 1.2em !important;
  padding: 0.2em 0.5em;
  background: var(#53ccff);
  margin: 0.5em 0.5em;
  border-radius: 12px;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  border: var(#49b1f5);
  box-shadow: var(#5c5c5c);
  align-items: center;
}
#page .tag-cloud-list a:before {
  color: var(#49b1f5) !important;
  cursor: pointer;
  content: "\e038" !important;
  font-family: "iconfont" !important;
  opacity: 0.4;
  padding-top: 2px;
  padding-right: 2px;
}
#page .tag-cloud-list a:hover {
  background: var(#53ccff);
}
#page .tag-cloud-list a > sup{
  top: auto;
  background: var(#ffffff);
  padding: 4px 4px;
  margin-left: 8px;
  border-radius: 6px;
  color: var(#000000);
  line-height: 1;
  text-align: center;
  min-width: 35px;
  display: inline-block;
  font-size: 1rem;
  box-shadow: var(#5c5c5c);
}

/* 标签页样式 */

/*Aplayer播放器美化*/
/* APlayer 日间模式调整 */
/* 背景色 */
.aplayer {
  background: rgba(255, 255, 255, 0.6) !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}

.aplayer.aplayer-fixed .aplayer-lrc:after,
.aplayer.aplayer-fixed .aplayer-lrc:before {
  display: none;
}

.aplayer.aplayer.aplayer-fixed .aplayer-body {
  background: rgba(255, 255, 255, 0.6) !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  position: fixed;
}

/* 滚动条 */
.aplayer .aplayer-list ol::-webkit-scrollbar {
  width: 5px;
}

.aplayer .aplayer-list ol::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: var(--theme-color) !important;
}

.aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover {
  background-color: var(--theme-color) !important;
}

/* 圆角 */
.aplayer.aplayer-fixed .aplayer-list {
  border-radius: 6px 6px 0 0 !important;
}

.aplayer.aplayer-fixed .aplayer-miniswitcher {
  border-radius: 0 6px 6px 0 !important;
}

.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
  transition: 0.28s !important;
  border-radius: 6px !important;
}

/* 选中与播放中歌曲激活颜色 */
.aplayer .aplayer-list ol li:hover {
  background: var(--theme-color) !important;
}

.aplayer .aplayer-list ol li.aplayer-list-light {
  background: var(--theme-color) !important;
}

/* 歌词 */
.aplayer-lrc p {
  color: #ffffff !important;
  text-shadow: #000000 1px 0 0, #000000 0 1px 0, #000000 -1px 0 0, #000000
      0 -1px 0 !important;
}

/* APlayer 黑暗模式 */
[data-theme="dark"] .aplayer {
  background: rgba(22, 22, 22, 0.6) !important;
  color: rgb(255, 255, 255);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] .aplayer.aplayer-fixed .aplayer-body {
  background: rgba(22, 22, 22, 0.6) !important;
  color: rgb(255, 255, 255);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

[data-theme="dark"]
  .aplayer
  .aplayer-info
  .aplayer-controller
  .aplayer-time
  .aplayer-icon
  path {
  fill: #d4d4d4;
}

[data-theme="dark"] .aplayer .aplayer-list ol li:hover {
  background: var(--theme-color) !important;
}

[data-theme="dark"] .aplayer .aplayer-list ol li.aplayer-list-light {
  background: var(--theme-color) !important;
}

[data-theme="dark"] .aplayer .aplayer-info .aplayer-controller .aplayer-time {
  color: #d4d4d4;
}

[data-theme="dark"] .aplayer .aplayer-list ol li .aplayer-list-index {
  color: #d4d4d4;
}

[data-theme="dark"] .aplayer .aplayer-list ol li .aplayer-list-author {
  color: #d4d4d4;
}

/* Width 的值可根据喜好调整（屏幕的宽度） */
@media (max-width: 960px) {
  /* APlayer 音乐标签伸缩 */
  .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
    left: -66px !important;
    /* 默认情况下缩进左侧 66px，只留一点箭头部分 */
  }

  .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover {
    left: 0 !important;
    /* 鼠标悬停是左侧缩进归零，完全显示按钮 */
  }
}