@font-face {
  font-family: "HeroLongCang";
  src: url("/fonts/long-cang-hero.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "HeroZhiMangXing";
  src: url("/fonts/zhi-mang-xing-hero.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

#page-header.full_page {
  position: relative;
}

#page-header.full_page::before {
  background:
    linear-gradient(180deg, rgba(16, 23, 35, 0.22) 0%, rgba(16, 23, 35, 0.06) 42%, rgba(16, 23, 35, 0.3) 100%),
    radial-gradient(circle at 50% 43%, rgba(255, 217, 149, 0.16), transparent 34%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

#page-header.full_page > * {
  position: relative;
  z-index: 1;
}

#page-header.full_page #site-info {
  left: 50%;
  max-width: 920px;
  padding: 0 24px;
  transform: translateX(-50%);
  width: 100%;
}

#page-header.full_page #site-title {
  color: #fff5d9;
  font-family: "HeroLongCang", "STKaiti", "KaiTi", "AR PL KaitiM GB", serif;
  font-size: 3.55rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.12;
  text-shadow:
    0 3px 12px rgba(10, 18, 28, 0.48),
    0 0 24px rgba(245, 177, 91, 0.24);
}

#page-header.full_page #site-subtitle {
  color: #fff0cf;
  font-family: "HeroZhiMangXing", "STKaiti", "KaiTi", "AR PL KaitiM GB", serif;
  font-size: 1.72rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.45;
  margin-top: 0.42rem;
  min-height: 2.5rem;
  padding: 0 0.4rem;
  text-shadow:
    0 2px 10px rgba(10, 18, 28, 0.55),
    0 0 16px rgba(255, 207, 136, 0.2);
}

#page-header.full_page #subtitle {
  white-space: normal;
}

#page-header.full_page .typed-cursor {
  color: rgba(255, 240, 207, 0.82);
  font-family: "HeroZhiMangXing", "STKaiti", "KaiTi", "AR PL KaitiM GB", serif;
}

@media (max-width: 768px) {
  #page-header.full_page #site-info {
    padding: 0 18px;
  }

  #page-header.full_page #site-title {
    font-size: 2.45rem;
    line-height: 1.16;
  }

  #page-header.full_page #site-subtitle {
    font-size: 1.2rem;
    line-height: 1.5;
    margin-top: 0.32rem;
    min-height: 3.6rem;
  }
}

#body-wrap.post #page-header.post-bg {
  overflow: hidden;
  position: relative;
}

#body-wrap.post #page-header.post-bg::after {
  background: linear-gradient(
    180deg,
    rgba(241, 230, 213, 0) 0%,
    rgba(241, 230, 213, 0.34) 48%,
    #f1e6d5 100%
  );
  bottom: -1px;
  content: "";
  height: 150px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 0;
}

#body-wrap.post #page-header.post-bg > * {
  position: relative;
  z-index: 1;
}

#body-wrap.post #content-inner {
  margin-top: -28px;
  padding-top: 0;
  position: relative;
  z-index: 2;
}

#body-wrap.post #content-inner > div:first-child:not(.nc),
#body-wrap.post #aside-content .card-widget {
  background: rgba(255, 253, 248, 0.96);
  box-shadow: 0 14px 38px rgba(30, 40, 48, 0.1);
}

[data-theme="dark"] #body-wrap.post #page-header.post-bg::after {
  background: linear-gradient(
    180deg,
    rgba(18, 18, 18, 0) 0%,
    rgba(18, 18, 18, 0.34) 48%,
    #121212 100%
  );
}

[data-theme="dark"] #body-wrap.post #content-inner > div:first-child:not(.nc),
[data-theme="dark"] #body-wrap.post #aside-content .card-widget {
  background: rgba(18, 18, 18, 0.94);
}

@media (max-width: 768px) {
  #body-wrap.post #page-header.post-bg::after {
    height: 110px;
  }

  #body-wrap.post #content-inner {
    margin-top: -18px;
    padding-top: 6px;
  }
}