@font-face {
  font-family: 'FZXinShu';
  src: url('/fonts/fz-xinshu.ttf') format('truetype');
  font-display: swap;
}

body,
button,
input,
textarea,
select,
#site-title,
#site-subtitle,
.site-name,
.author-info-name,
.menus_item,
.article-title,
#article-container,
.content,
.card-widget,
#footer {
  font-family: 'FZXinShu', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif !important;
}

body {
  line-height: 1.75;
}

#article-container {
  font-size: 1.04rem;
  line-height: 1.85;
}

.card-widget,
.recent-post-info,
#aside-content {
  font-size: 1.02rem;
}

.article-title {
  font-size: 1.18rem;
}

:root {
  --ch3-card-glass-bg: rgba(255, 255, 255, .48);
  --ch3-card-glass-highlight: rgba(255, 255, 255, .56);
  --ch3-card-glass-border: rgba(255, 255, 255, .52);
  --ch3-card-glass-shadow: 0 18px 42px rgba(18, 24, 38, .15);
  --ch3-footer-glass-bg: rgba(18, 23, 34, .32);
  --ch3-footer-glass-shadow: rgba(255, 255, 255, .14);
}

[data-theme='dark'] {
  --ch3-card-glass-bg: rgba(24, 29, 40, .52);
  --ch3-card-glass-highlight: rgba(255, 255, 255, .1);
  --ch3-card-glass-border: rgba(255, 255, 255, .14);
  --ch3-card-glass-shadow: 0 18px 42px rgba(0, 0, 0, .3);
  --ch3-footer-glass-bg: rgba(12, 16, 24, .46);
  --ch3-footer-glass-shadow: rgba(255, 255, 255, .1);
}

#web_bg {
  filter: none !important;
  transform: none !important;
}

#recent-posts > .recent-post-item,
#aside-content .card-widget,
#post,
#page,
#archive,
#tag,
#category,
#post-comment {
  background:
    linear-gradient(135deg, var(--ch3-card-glass-highlight), transparent 48%),
    var(--ch3-card-glass-bg) !important;
  border: 1px solid var(--ch3-card-glass-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .26),
    var(--ch3-card-glass-shadow) !important;
  backdrop-filter: blur(24px) saturate(155%);
  -webkit-backdrop-filter: blur(24px) saturate(155%);
}

#recent-posts > .recent-post-item,
#aside-content .card-widget {
  background-clip: padding-box;
}

#recent-posts > .recent-post-item > .recent-post-info {
  background: transparent !important;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  #recent-posts > .recent-post-item,
  #aside-content .card-widget,
  #post,
  #page,
  #archive,
  #tag,
  #category,
  #post-comment {
    background: rgba(255, 255, 255, .9) !important;
  }

  [data-theme='dark'] #recent-posts > .recent-post-item,
  [data-theme='dark'] #aside-content .card-widget,
  [data-theme='dark'] #post,
  [data-theme='dark'] #page,
  [data-theme='dark'] #archive,
  [data-theme='dark'] #tag,
  [data-theme='dark'] #category,
  [data-theme='dark'] #post-comment {
    background: rgba(22, 27, 38, .9) !important;
  }
}

#page-header.not-home-page {
  height: 260px !important;
}

#page-header.not-home-page #page-site-info {
  top: 130px !important;
}

#page-header.post-bg {
  height: 260px !important;
}

#page-header.not-home-page::before,
#page-header.post-bg::before {
  background: linear-gradient(180deg, rgba(12, 18, 28, .48), rgba(12, 18, 28, .2) 48%, rgba(12, 18, 28, .42)) !important;
}

#page-header.not-home-page,
#page-header.post-bg {
  background-position: center 46% !important;
}

#page-header.not-home-page #page-site-info #site-title,
#page-header.post-bg #post-info .post-title {
  text-shadow: 0 4px 18px rgba(0, 0, 0, .38);
}

@media screen and (max-width: 768px) {
  #page-header.not-home-page {
    height: 220px !important;
  }

  #page-header.not-home-page #page-site-info {
    top: 112px !important;
  }

  #page-header.post-bg {
    height: 260px !important;
  }
}

code,
pre,
kbd,
samp,
figure.highlight,
figure.highlight * {
  font-family: Consolas, Monaco, 'Courier New', monospace !important;
}

#footer {
  overflow: hidden;
  isolation: isolate;
  background: transparent !important;
  box-shadow: inset 0 1px 0 var(--ch3-footer-glass-shadow);
}

#footer::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .08), transparent 35%),
    linear-gradient(180deg, var(--ch3-footer-glass-bg), rgba(12, 16, 26, .52));
  content: '' !important;
  backdrop-filter: blur(20px) saturate(150%) brightness(.88);
  -webkit-backdrop-filter: blur(20px) saturate(150%) brightness(.88);
  pointer-events: none;
}

#footer > * {
  position: relative;
  z-index: 1;
}

#footer .footer-other {
  padding: 28px 20px;
}

#footer,
#footer a,
#footer .footer_custom_text {
  color: rgba(255, 255, 255, .9) !important;
  font-size: 1.02rem;
  line-height: 1.8;
}

#footer a:hover {
  color: #fff !important;
  text-shadow: 0 0 12px rgba(255, 255, 255, .35);
}

#footer .footer_custom_text img {
  opacity: .86;
  transition: opacity .2s ease, transform .2s ease;
}

#footer .footer_custom_text img:hover {
  opacity: 1;
  transform: translateY(-1px);
}

.avatar-img {
  transition: box-shadow .25s ease, transform .25s ease;
}

.avatar-img,
.avatar-img img {
  animation: none !important;
}

.avatar-img img {
  transition: filter .25s ease, transform .25s ease !important;
}

.avatar-img:hover {
  box-shadow: 0 10px 28px rgba(0, 0, 0, .16);
  transform: translateY(-2px);
}

.avatar-img img:hover {
  filter: brightness(1.05) saturate(1.05);
  transform: scale(1.04) !important;
}