:root {
  --global-bg: #f7f6fa;
  --card-box-shadow: 0 7px 25px rgb(42 32 65 / 7%);
  --card-hover-box-shadow: 0 9px 28px rgb(42 32 65 / 11%);
}
[data-theme="dark"] {
  --global-bg: #181823;
  --card-bg: #242333;
  --text-highlight-color: #eee7f8;
}
#page-header.full_page {
  height: clamp(340px, 62vh, 650px);
  background-attachment: scroll;
}
#page-header:not(.not-top-img)::before {
  background: linear-gradient(180deg, rgb(14 18 44 / 23%), rgb(22 22 52 / 5%) 67%, rgb(15 20 45 / 16%));
}
#page-header.full_page #site-info {
  top: 48%;
  transform: translateY(-50%);
}
#site-info::before {
  content: "A Z U M I   /   F I E L D   N O T E S";
  display: block;
  color: #f6e4cb;
  font: 600 11px/2 system-ui, sans-serif;
  letter-spacing: .17em;
  text-align: center;
  white-space: pre;
  text-shadow: 0 1px 6px #222139;
}
#page-header.full_page #site-title {
  padding: .13em 0;
  font: 650 clamp(2.35rem, 4.3vw, 4.6rem)/1.28 Georgia, "Noto Serif CJK SC", "Songti SC", SimSun, serif;
  letter-spacing: .055em;
  text-shadow: 0 2px 15px rgb(18 23 54 / 65%);
}
#page-header #site-subtitle {
  color: #fffcfa;
  font-size: clamp(.95rem, 1.35vw, 1.15rem);
  letter-spacing: .19em;
  text-shadow: 0 1px 6px #27223d;
}
#home-sections {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 20px auto 0;
}
#home-sections a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 17px;
  border: 1px solid rgb(249 235 237 / 45%);
  border-radius: 8px;
  color: #fff8f2;
  background: rgb(42 37 65 / 88%);
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
}
#home-sections i { color: #e6cbbf; font-size: .9em; }
#home-sections a:first-child { color: #362b45; background: #f6e5d4; border-color: #f6e5d4; }
#home-sections a:first-child i { color: #694b60; }
#home-sections a:hover { color: white; background: #514160; border-color: #fff2df; }
#home-sections a:hover i { color: inherit; }
#home-sections a:focus-visible { outline: 3px solid #fff5de; outline-offset: 3px; box-shadow: 0 0 0 6px #352d4a; }
#nav #blog-info .site-name {letter-spacing: .035em;}
#nav #blog-info .site-icon { width: 36px; border-radius: 50%; object-fit: cover; }
#content-inner {max-width: 1170px;}
#recent-posts .article-title, #article-container h2 {
  font-family: Georgia, "Noto Serif CJK SC", "Songti SC", SimSun, serif;
  font-weight: 650;
}
#recent-posts .recent-post-item, #aside-content .card-widget {
  border: 1px solid rgb(136 114 158 / 13%);
  border-radius: 14px;
}
#recent-posts .recent-post-info .content {line-height: 1.85;}
#aside-content .card-info .author-info-description {color: var(--font-color);}
#footer {background-color: #302e47;}
@media (max-width: 768px) {
  #page-header.full_page {height: clamp(320px, 50svh, 460px);}
  #site-info::before {font-size: 9px;}
  #content-inner {padding-top: 22px;}
  #recent-posts .recent-post-item .post_cover {height: 196px;}
}
@media (max-width: 520px) {
  #page-header.full_page { min-height: 350px; }
  #page-header.full_page #site-info { top: calc(50% + 7px); }
  #home-sections { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 260px; gap: 8px; margin-top: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important;}
}