@font-face {
  font-family: 'TheWitches';
  src: url("/fonts/TheWitches.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
#fps-box {
  display: none !important;
}
[data-theme='dark'] {
  --global-bg: #0a0e14;
  --card-bg: #0f151e;
  --sidebar-bg: #0f151e;
  --sidebar-menu-bg: #131b26;
  --search-bg: #0c121b;
  --search-input-color: rgba(230,236,247,0.86);
  --search-a-color: rgba(230,236,247,0.86);
  --preloader-bg: #0a0e14;
  --preloader-color: rgba(230,236,247,0.8);
  --zoom-bg: #0a0e14;
  --timeline-bg: #131b26;
  --footer-bg: #080b10;
  --font-color: rgba(230,236,247,0.86);
  --text-highlight-color: #eaf1fb;
  --card-meta: #7e93b0;
  --white: rgba(234,241,251,0.95);
  --light-grey: rgba(230,236,247,0.6);
  --dark-grey: rgba(230,236,247,0.14);
  --hairline: rgba(140,172,220,0.12);
  --hairline-strong: rgba(140,172,220,0.3);
  --accent: #58e1d2;
  --accent-soft: #7ff0e3;
  --accent-2: #8e86ff;
  --accent-2-soft: #b0aaff;
  --peach: #f7be8a;
  --accent-grad: linear-gradient(120deg, #58e1d2 0%, #8e86ff 100%);
  --name-grad: linear-gradient(100deg, #eaf1fb 0%, #b0aaff 58%, #58e1d2 100%);
  --hr-border: rgba(140,172,220,0.22);
  --hr-before-color: rgba(88,225,210,0.65);
  --blockquote-color: rgba(214,222,240,0.82);
  --blockquote-bg: rgba(88,225,210,0.05);
  --btn-bg: #131b26;
  --btn-color: rgba(230,236,247,0.85);
  --btn-hover-color: #58e1d2;
  --toc-link-color: rgba(160,178,205,0.85);
  --mark-bg: rgba(10,14,20,0.6);
  --text-bg-hover: rgba(88,225,210,0.14);
  --panel-bg: linear-gradient(180deg, rgba(19,27,38,0.98), rgba(10,14,20,0.98));
  --panel-border: rgba(88,225,210,0.16);
  --hl-bg: #0b111a;
  --hl-color: rgba(230,236,247,0.88);
  --hltools-bg: #0e141f;
  --hlnumber-bg: #0e141f;
  --hlscrollbar-bg: rgba(88,225,210,0.28);
  --hlexpand-bg: linear-gradient(180deg, rgba(11,17,26,0.6), rgba(11,17,26,0.92));
  --card-box-shadow: 0 10px 30px rgba(2,5,10,0.5), 0 1px 0 rgba(255,255,255,0.04);
  --card-hover-box-shadow: 0 16px 44px rgba(2,5,10,0.62), 0 0 0 1px rgba(88,225,210,0.26), 0 0 34px rgba(88,225,210,0.08);
  --scrollbar-color: rgba(120,150,200,0.3);
  --void-glow: 0 0 30px rgba(88,225,210,0.16);
  --void-glow-strong: 0 0 46px rgba(142,134,255,0.22);
}
[data-theme='light'] {
  --global-bg: #f3f6fb;
  --card-bg: #fff;
  --sidebar-bg: #fff;
  --sidebar-menu-bg: #eef3fb;
  --search-bg: #eaf0f8;
  --search-input-color: rgba(24,36,54,0.85);
  --search-a-color: rgba(24,36,54,0.85);
  --preloader-bg: #f3f6fb;
  --preloader-color: rgba(24,36,54,0.8);
  --zoom-bg: #f3f6fb;
  --timeline-bg: #eef3fb;
  --footer-bg: #eef2f8;
  --font-color: rgba(24,36,54,0.88);
  --text-highlight-color: #10203a;
  --card-meta: #5f7595;
  --white: rgba(16,32,58,0.95);
  --light-grey: rgba(24,36,54,0.55);
  --dark-grey: rgba(24,36,54,0.12);
  --hairline: rgba(30,60,110,0.12);
  --hairline-strong: rgba(30,60,110,0.28);
  --accent: #0e9e93;
  --accent-soft: #0b8a80;
  --accent-2: #5b52cf;
  --accent-2-soft: #4a41c0;
  --peach: #b06f26;
  --accent-grad: linear-gradient(120deg, #0e9e93 0%, #5b52cf 100%);
  --name-grad: linear-gradient(100deg, #10203a 0%, #5b52cf 58%, #0e9e93 100%);
  --hr-border: rgba(30,60,110,0.2);
  --hr-before-color: rgba(14,158,147,0.65);
  --blockquote-color: rgba(40,55,80,0.82);
  --blockquote-bg: rgba(14,158,147,0.06);
  --btn-bg: #eef3fb;
  --btn-color: rgba(24,36,54,0.85);
  --btn-hover-color: #0e9e93;
  --toc-link-color: rgba(60,80,110,0.8);
  --mark-bg: rgba(243,246,251,0.6);
  --text-bg-hover: rgba(14,158,147,0.16);
  --panel-bg: linear-gradient(180deg, rgba(19,27,38,0.98), rgba(10,14,20,0.98));
  --panel-border: rgba(88,225,210,0.16);
  --hl-bg: #f6f8fc;
  --hl-color: rgba(24,36,54,0.9);
  --hltools-bg: #eef2f8;
  --hlnumber-bg: #eef2f8;
  --hlscrollbar-bg: rgba(14,158,147,0.3);
  --hlexpand-bg: linear-gradient(180deg, rgba(246,248,252,0.6), rgba(246,248,252,0.92));
  --card-box-shadow: 0 6px 22px rgba(30,60,110,0.09);
  --card-hover-box-shadow: 0 12px 34px rgba(30,60,110,0.16), 0 0 0 1px rgba(14,158,147,0.22);
  --scrollbar-color: rgba(45,120,160,0.28);
  --void-glow: 0 0 30px rgba(14,158,147,0.16);
  --void-glow-strong: 0 0 46px rgba(91,82,207,0.2);
}
body {
  background-color: var(--global-bg);
  font-family: 'Inter', 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(60% 48% at 12% -4%, rgba(88,225,210,0.12), transparent 62%), radial-gradient(54% 44% at 88% 4%, rgba(142,134,255,0.12), transparent 64%), radial-gradient(80% 60% at 50% 112%, rgba(46,92,168,0.16), transparent 68%);
}
body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  opacity: 0.03;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  background-size: 200px 200px;
}
[data-theme='light'] body::before {
  background: radial-gradient(60% 48% at 12% -4%, rgba(14,158,147,0.1), transparent 62%), radial-gradient(54% 44% at 88% 4%, rgba(91,82,207,0.1), transparent 64%);
}
[data-theme='light'] body::after {
  opacity: 0;
}
[data-theme='dark'] #web_bg:before {
  background: linear-gradient(180deg, rgba(10,14,20,0.72), rgba(10,14,20,0.86));
}
#nav {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
[data-theme='light'] #nav {
  background: rgba(243,246,251,0.82) !important;
  backdrop-filter: blur(18px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.2) !important;
  border-bottom: 1px solid var(--hairline) !important;
}
.nav-fixed #nav {
  background: var(--sidebar-bg) !important;
  backdrop-filter: blur(18px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.3) !important;
  border-bottom: 1px solid var(--hairline) !important;
  box-shadow: 0 6px 30px rgba(2,5,10,0.35) !important;
}
#blog-info .site-name {
  font-family: 'TheWitches', 'Outfit', sans-serif;
  font-weight: normal;
  letter-spacing: 0.06em;
  font-size: 1.3rem;
  color: var(--text-highlight-color);
  background: var(--name-grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: filter 0.3s ease;
}
#blog-info .site-name:hover {
  filter: brightness(1.25) drop-shadow(0 0 14px rgba(88,225,210,0.45));
}
#menus .site-page,
#menus .site-page span,
#sidebar-menus .site-page,
#sidebar-menus .site-page span {
  font-family: 'TheWitches', 'Outfit', sans-serif;
  letter-spacing: 0.05em;
}
.nav-button a:hover,
#menus .site-page:hover {
  color: var(--accent);
}
#page-header {
  position: relative;
}
#page-header.full_page {
  background-color: var(--global-bg);
}
#post-cover {
  object-fit: cover;
  object-position: center 20%;
  filter: brightness(0.62) saturate(0.72);
}
#page-header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 62%;
  background: linear-gradient(to bottom, transparent, rgba(10,14,20,0.96));
  pointer-events: none;
}
#site-title {
  font-family: 'TheWitches', 'Outfit', sans-serif;
  font-weight: normal;
  font-size: clamp(2.8rem, 6vw, 5rem);
  letter-spacing: 0.18em;
  color: #eaf1fb;
  text-shadow: 0 0 60px rgba(88,225,210,0.28), 0 0 120px rgba(142,134,255,0.2), 0 2px 20px rgba(0,0,0,0.7);
}
#site-subtitle #subtitle {
  font-family: 'TheWitches', 'Outfit', sans-serif;
  font-weight: normal;
  font-size: 1.05rem;
  letter-spacing: 0.25em;
  color: rgba(200,232,245,0.85);
  text-transform: lowercase;
}
#scroll-down .scroll-down-effects {
  color: rgba(88,225,210,0.6);
  animation: void-pulse 2.5s ease-in-out infinite;
}
.card-widget,
.recent-post-item {
  position: relative;
  background: var(--card-bg);
  border: 1px solid var(--hairline);
  box-shadow: var(--card-box-shadow);
  border-radius: 18px;
  transition: box-shadow 0.35s ease, border-color 0.35s ease, transform 0.35s ease;
}
.card-widget::before,
.recent-post-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  right: 18px;
  height: 1px;
  border-radius: 1px;
  background: linear-gradient(90deg, transparent, rgba(88,225,210,0.5), rgba(142,134,255,0.5), transparent);
  opacity: 0.5;
  transition: opacity 0.35s ease;
}
.card-widget:hover,
.recent-post-item:hover {
  box-shadow: var(--card-hover-box-shadow);
  border-color: var(--hairline-strong);
  transform: translateY(-3px);
}
.card-widget:hover::before,
.recent-post-item:hover::before {
  opacity: 1;
}
.card-widget .item-headline {
  border-bottom: 1px solid var(--hairline);
  padding-bottom: 10px;
  margin-bottom: 14px;
}
.card-widget .item-headline i {
  color: var(--accent);
  text-shadow: 0 0 14px rgba(88,225,210,0.45);
}
.recent-post-item .post_cover img {
  transition: transform 0.6s ease, filter 0.6s ease;
  filter: brightness(0.95) saturate(0.85);
}
.recent-post-item:hover .post_cover img {
  transform: scale(1.05);
  filter: brightness(1.05) saturate(1.05);
}
.recent-post-item .article-title {
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
  font-size: 1.05rem;
  color: var(--text-highlight-color);
  transition: color 0.25s;
}
.recent-post-item:hover .article-title {
  color: var(--accent);
}
.recent-post-item .content {
  color: var(--light-grey);
  font-size: 0.88rem;
  line-height: 1.72;
}
.article-meta__categories {
  background: rgba(88,225,210,0.1);
  color: var(--accent);
  border: 1px solid rgba(88,225,210,0.26);
  border-radius: 999px;
  padding: 2px 12px;
  font-size: 0.78rem;
  font-weight: 500;
  transition: background 0.25s, color 0.25s, border-color 0.25s;
}
.article-meta__categories:hover {
  background: rgba(142,134,255,0.18);
  border-color: rgba(142,134,255,0.5);
  color: var(--accent-2);
}
.article-meta__tags {
  color: var(--card-meta);
  font-size: 0.8rem;
  transition: color 0.2s;
}
.article-meta__tags::before {
  content: '#';
  color: rgba(88,225,210,0.7);
}
.article-meta__tags:hover {
  color: var(--accent);
}
.article-meta-time {
  color: var(--card-meta);
  font-size: 0.8rem;
}
.article-meta-time i {
  color: rgba(88,225,210,0.7);
}
#aside-content .card-author .author-avatar {
  border: 2px solid rgba(88,225,210,0.35);
  box-shadow: 0 0 22px rgba(88,225,210,0.16);
  transition: box-shadow 0.4s ease, border-color 0.4s ease;
}
#aside-content .card-author .author-avatar:hover {
  border-color: rgba(142,134,255,0.75);
  box-shadow: 0 0 44px rgba(142,134,255,0.34);
}
#aside-content .card-author .author-name a {
  font-family: 'Outfit', sans-serif;
  font-weight: 600;
  color: var(--text-highlight-color);
}
#aside-content .card-author .author-info-description {
  color: var(--card-meta);
  font-size: 0.85rem;
  line-height: 1.6;
}
#aside-content .card-author .author-button-box a {
  background: rgba(88,225,210,0.12);
  border: 1px solid rgba(88,225,210,0.3);
  color: var(--accent);
  border-radius: 999px;
  padding: 6px 18px;
  font-size: 0.85rem;
  transition: all 0.25s;
}
#aside-content .card-author .author-button-box a:hover {
  background: rgba(142,134,255,0.18);
  border-color: rgba(142,134,255,0.6);
  color: var(--accent-2);
  box-shadow: 0 0 24px rgba(142,134,255,0.28);
}
#aside-content .card-announcement .announcement-content {
  color: var(--card-meta);
  font-size: 0.87rem;
  line-height: 1.65;
}
#category-bar {
  position: relative;
  overflow: hidden;
  margin: 0 0 18px;
}
#category-bar::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 36px;
  background: linear-gradient(to right, rgba(10,14,20,0), var(--global-bg));
  content: '';
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
#category-bar.has-overflow::after {
  opacity: 1;
}
#category-bar .category-bar-items {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 2px 36px 6px 2px;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
#category-bar .category-bar-items::-webkit-scrollbar {
  display: none;
}
#category-bar .category-bar-item {
  flex: 0 0 auto;
}
#category-bar .category-bar-item a {
  display: inline-block;
  padding: 5px 16px;
  border: 1px solid rgba(88,225,210,0.2);
  border-radius: 999px;
  background: var(--card-bg);
  color: var(--card-meta);
  font-size: 0.88em;
  font-weight: 400;
  line-height: 1.6;
  transition: all 0.25s ease;
}
#category-bar .category-bar-item a:hover {
  border-color: var(--accent);
  color: var(--accent);
  background: rgba(88,225,210,0.1);
}
#category-bar .category-bar-item.is-active a {
  border-color: transparent;
  background: linear-gradient(120deg, rgba(88,225,210,0.22), rgba(142,134,255,0.22));
  color: var(--text-highlight-color);
  box-shadow: 0 0 18px rgba(88,225,210,0.14);
}
#recent-posts .category-bar-empty {
  padding: 28px 4px;
  color: var(--card-meta);
  font-size: 0.92em;
  text-align: center;
}
#card-widget-calendar .item-content,
#card-widget-schedule .item-content {
  display: flex;
  gap: 14px;
}
#card-widget-calendar #calendar-area-left,
#card-widget-schedule #calendar-area-left,
#card-widget-calendar #schedule-area-left,
#card-widget-schedule #schedule-area-left {
  flex: 0 0 40%;
}
#card-widget-calendar #calendar-area-right,
#card-widget-schedule #calendar-area-right,
#card-widget-calendar #schedule-area-right,
#card-widget-schedule #schedule-area-right {
  flex: 1;
  min-width: 0;
}
#card-widget-calendar #calendar-week {
  color: var(--card-meta);
  font-size: 0.85em;
}
#card-widget-calendar #calendar-date {
  margin: 2px 0;
  color: var(--accent);
  font-size: 52px;
  font-weight: 700;
  line-height: 1.1;
  text-shadow: 0 0 24px rgba(88,225,210,0.55);
}
#card-widget-calendar #calendar-solar,
#card-widget-calendar #calendar-month {
  color: var(--card-meta);
  font-size: 0.82em;
  line-height: 1.7;
}
#card-widget-calendar #calendar-main {
  font-size: 0.8em;
  text-align: center;
}
#card-widget-calendar #calendar-main .calendar-rh a {
  color: var(--card-meta);
}
#card-widget-calendar #calendar-main .calendar-d0 a {
  color: var(--peach);
}
#card-widget-calendar #calendar-main .calendar-d6 a {
  color: var(--accent-2);
}
#card-widget-calendar #calendar-main .calendar-d0,
#card-widget-calendar #calendar-main .calendar-d1,
#card-widget-calendar #calendar-main .calendar-d2,
#card-widget-calendar #calendar-main .calendar-d3,
#card-widget-calendar #calendar-main .calendar-d4,
#card-widget-calendar #calendar-main .calendar-d5,
#card-widget-calendar #calendar-main .calendar-d6 {
  display: inline-block;
  width: 14.28%;
  line-height: 1.9;
}
#card-widget-calendar #calendar-main a {
  color: var(--font-color);
  text-decoration: none;
}
#card-widget-calendar #calendar-main a.now {
  border-radius: 6px;
  background: linear-gradient(120deg, #2fae9f, #6d63e0);
  color: #eaf1fb;
  box-shadow: 0 0 14px rgba(88,225,210,0.5);
}
#card-widget-schedule #schedule-title {
  color: var(--card-meta);
  font-size: 0.85em;
}
#card-widget-schedule #schedule-days {
  margin: 2px 0;
  color: var(--accent);
  font-size: 44px;
  font-weight: 700;
  line-height: 1.2;
  text-shadow: 0 0 24px rgba(88,225,210,0.55);
}
#card-widget-schedule #schedule-date {
  color: var(--card-meta);
  font-size: 0.82em;
}
#card-widget-schedule .schedule-r0,
#card-widget-schedule .schedule-r1,
#card-widget-schedule .schedule-r2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0;
}
#card-widget-schedule .schedule-d0 {
  flex: 0 0 2.6em;
  color: var(--card-meta);
  font-size: 0.82em;
}
#card-widget-schedule .schedule-d1 {
  flex: 1;
  min-width: 0;
}
#card-widget-schedule .aside-span1,
#card-widget-schedule .aside-span2 {
  display: inline-block;
  width: 50%;
  color: var(--font-color);
  font-size: 0.78em;
  text-align: left;
}
#card-widget-schedule .aside-span2 {
  text-align: right;
}
#card-widget-schedule progress {
  display: block;
  width: 100%;
  height: 5px;
  border: none;
  border-radius: 6px;
  background: var(--dark-grey);
  appearance: none;
  -webkit-appearance: none;
  overflow: hidden;
}
#card-widget-schedule progress::-webkit-progress-bar {
  border-radius: 6px;
  background: var(--dark-grey);
}
#card-widget-schedule progress::-webkit-progress-value {
  border-radius: 6px;
  background: var(--accent-grad);
}
#card-widget-schedule progress::-moz-progress-bar {
  border-radius: 6px;
  background: var(--accent-grad);
}
#console-switch {
  display: inline;
  padding: 0 0 0 14px;
  cursor: pointer;
  vertical-align: middle;
}
#console-switch .site-page {
  transition: color 0.3s;
}
#console-switch .site-page:hover {
  color: var(--accent);
}
#console-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 105;
  background: rgba(2,5,10,0.62);
  backdrop-filter: blur(4px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
#console-mask.show {
  opacity: 1;
  visibility: visible;
}
#console {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 110;
  width: 320px;
  max-width: 86vw;
  transform: translateX(105%);
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
#console.show {
  transform: translateX(0);
}
#console .console-mainbox {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-left: 1px solid var(--panel-border);
  background: var(--panel-bg);
  backdrop-filter: blur(18px);
  box-shadow: -10px 0 46px rgba(2,5,10,0.7), -1px 0 0 rgba(88,225,210,0.1);
  color: rgba(230,236,247,0.86);
}
#console .console-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px 12px;
}
#console .console-title {
  color: #eaf1fb;
  font-size: 1.1em;
  font-weight: 600;
  font-family: 'Outfit', sans-serif;
}
#console .console-title i {
  margin-right: 8px;
  color: #58e1d2;
}
#console .console-close {
  padding: 4px 8px;
  color: rgba(160,178,205,0.85);
  cursor: pointer;
  transition: color 0.25s;
}
#console .console-close:hover {
  color: #f7be8a;
}
#console .console-body {
  flex: 1;
  overflow-y: auto;
  padding: 4px 20px 24px;
}
#console .console-group {
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px dashed rgba(140,172,220,0.14);
}
#console .console-group:last-child {
  border-bottom: none;
}
#console .console-group-title {
  margin-bottom: 10px;
  color: rgba(160,178,205,0.85);
  font-size: 0.85em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
#console .console-btn-group {
  display: flex;
  gap: 8px;
}
#console .console-btn {
  flex: 1;
  padding: 7px 0;
  border: 1px solid rgba(88,225,210,0.2);
  border-radius: 10px;
  background: transparent;
  color: rgba(230,236,247,0.86);
  font-size: 0.88em;
  cursor: pointer;
  transition: all 0.25s;
}
#console .console-btn:hover {
  border-color: #58e1d2;
  color: #58e1d2;
  background: rgba(88,225,210,0.07);
}
#console .console-btn.is-active {
  border-color: transparent;
  background: linear-gradient(120deg, rgba(88,225,210,0.2), rgba(142,134,255,0.2));
  color: #eaf1fb;
}
#console .console-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  color: rgba(230,236,247,0.86);
  font-size: 0.9em;
  cursor: pointer;
}
#console .console-switch i {
  position: relative;
  width: 36px;
  height: 20px;
  border-radius: 20px;
  background: rgba(140,172,220,0.2);
  transition: background 0.25s;
}
#console .console-switch i::after {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #7a8aa8;
  content: '';
  transition: transform 0.25s, background 0.25s;
}
#console .console-switch.is-active i {
  background: linear-gradient(120deg, #2fae9f, #6d63e0);
}
#console .console-switch.is-active i::after {
  transform: translateX(16px);
  background: #eaf1fb;
}
#console .console-about {
  margin: 0;
  padding: 0;
  list-style: none;
}
#console .console-about li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0;
  color: rgba(160,178,205,0.85);
  font-size: 0.85em;
}
#console .console-about li span:last-child {
  color: rgba(230,236,247,0.86);
}
#fps-box {
  position: fixed;
  bottom: 14px;
  left: 14px;
  z-index: 90;
  display: flex;
  gap: 6px;
  padding: 4px 10px;
  border: 1px solid rgba(88,225,210,0.18);
  border-radius: 8px;
  background: rgba(10,14,20,0.9);
  backdrop-filter: blur(10px);
  box-shadow: var(--card-box-shadow);
  color: rgba(160,178,205,0.85);
  font-family: 'Fira Code', Consolas, Menlo, Monaco, 'Courier New', monospace;
  font-size: 12px;
  line-height: 1.6;
  pointer-events: none;
}
#fps-box .fps-text {
  min-width: 2ch;
  color: #58e1d2;
}
@media (max-width: 768px) {
  #fps-box {
    display: none !important;
  }
}
#footer {
  background-color: var(--footer-bg);
  border-top: 1px solid var(--hairline);
}
#footer:before {
  display: none;
}
#footer .footer-other {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  padding: 18px 24px;
  max-width: 1200px;
  margin: 0 auto;
  text-align: left;
}
#footer .footer-other .footer-copyright {
  text-align: left;
  color: var(--card-meta);
  font-size: 0.82em;
}
@media (max-width: 768px) {
  #footer .footer-other {
    justify-content: center;
    text-align: center;
  }
  #footer .footer-other .footer-copyright {
    text-align: center;
  }
}
#count-time {
  color: var(--card-meta);
  font-family: 'Fira Code', Consolas, Menlo, Monaco, 'Courier New', monospace;
  font-size: 0.85em;
  white-space: nowrap;
}
#count-time b {
  color: var(--accent);
  font-weight: 600;
}
#post .post-title {
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
  color: var(--text-highlight-color);
  letter-spacing: 0.02em;
}
#post #article-container {
  font-family: 'Inter', sans-serif;
  line-height: 1.8;
  color: var(--font-color);
}
#post #article-container h1,
#post #article-container h2,
#post #article-container h3,
#post #article-container h4 {
  font-family: 'Outfit', sans-serif;
  font-weight: 600;
  color: var(--text-highlight-color);
  border-bottom: none;
}
#post #article-container h2 {
  border-left: 3px solid transparent;
  border-image: var(--accent-grad) 1;
  padding-left: 12px;
  margin-left: -15px;
}
#post #article-container blockquote {
  border-left: 3px solid transparent;
  border-image: var(--accent-grad) 1;
  background: var(--blockquote-bg);
  color: var(--blockquote-color);
  border-radius: 0 10px 10px 0;
  padding: 12px 16px;
  font-style: italic;
}
#post #article-container code:not([class]) {
  background: rgba(247,190,138,0.1);
  color: var(--peach);
  border: 1px solid rgba(247,190,138,0.16);
  border-radius: 5px;
  padding: 1px 6px;
  font-family: 'Fira Code', Consolas, monospace;
  font-size: 0.87em;
}
#post #article-container a {
  color: var(--accent-2);
  text-decoration-color: rgba(142,134,255,0.35);
  transition: color 0.2s, text-decoration-color 0.2s;
}
#post #article-container a:hover {
  color: var(--accent);
  text-decoration-color: rgba(88,225,210,0.6);
}
#post #article-container img {
  border-radius: 12px;
  box-shadow: var(--card-box-shadow);
}
#post #article-container table {
  border-color: var(--hairline);
}
#post #article-container table th {
  background: rgba(88,225,210,0.08);
}
figure.highlight {
  border: 1px solid var(--hairline);
  border-radius: 12px;
  overflow: hidden;
}
figure.highlight .highlight-tools {
  border-bottom: 1px solid rgba(140,172,220,0.1);
}
figure.highlight .code-lang {
  color: var(--accent);
  font-size: 0.78em;
}
figure.highlight pre::-webkit-scrollbar {
  height: 4px;
}
figure.highlight pre::-webkit-scrollbar-track {
  background: transparent;
}
figure.highlight pre::-webkit-scrollbar-thumb {
  background: var(--hlscrollbar-bg);
  border-radius: 4px;
}
#toc-div .toc-content .toc-link {
  color: var(--card-meta);
  transition: color 0.2s, border-color 0.2s;
}
#toc-div .toc-content .toc-link.active-class {
  color: var(--accent);
  border-left-color: var(--accent);
}
#toc-div .toc-content .toc-link:hover {
  color: var(--accent-2);
}
#tag-cloud-list a {
  border: 1px solid rgba(88,225,210,0.16);
  background: var(--card-bg);
  color: var(--font-color);
  border-radius: 999px;
  padding: 4px 14px;
  transition: all 0.25s;
}
#tag-cloud-list a:hover {
  border-color: var(--accent);
  color: var(--accent);
  background: rgba(88,225,210,0.08);
  box-shadow: 0 0 18px rgba(88,225,210,0.16);
}
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(88,225,210,0.4), rgba(142,134,255,0.4));
  border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(88,225,210,0.7), rgba(142,134,255,0.7));
}
#pagination .pagination-button {
  border: 1px solid rgba(88,225,210,0.2);
  background: var(--card-bg);
  color: var(--font-color);
  border-radius: 999px;
  transition: all 0.25s;
}
#pagination .pagination-button:hover {
  border-color: var(--accent);
  color: var(--accent);
  background: rgba(88,225,210,0.08);
}
#pagination .page-number.current {
  border: 1px solid transparent;
  background: linear-gradient(120deg, rgba(88,225,210,0.24), rgba(142,134,255,0.24));
  color: var(--text-highlight-color);
  border-radius: 999px;
}
#rightside button,
#rightside a {
  background: var(--card-bg);
  color: var(--card-meta);
  border: 1px solid var(--hairline);
  backdrop-filter: blur(10px);
  transition: all 0.25s;
}
#rightside button:hover,
#rightside a:hover {
  border-color: rgba(88,225,210,0.55);
  color: var(--accent);
}
#rightside #go-up {
  background: linear-gradient(135deg, rgba(88,225,210,0.2), rgba(142,134,255,0.2));
  color: var(--text-highlight-color);
}
@media (min-width: 900px) {
  html.aside-left .layout > div:first-child {
    order: 2;
  }
  html.aside-left #aside-content {
    padding-left: 0;
    padding-right: 15px;
  }
}
html.font-large {
  --global-font-size: 16.5px;
}
html.hide-fps #fps-box {
  display: none;
}
html.hide-scroll-percent #go-up .scroll-percent {
  display: none;
}
#console .console-mainbox {
  border-radius: 30px;
  mask-image: paint(smooth-corners);
  -webkit-mask-image: paint(smooth-corners);
  --smooth-level: 30;
}
#fps-box {
  mask-image: paint(smooth-corners);
  -webkit-mask-image: paint(smooth-corners);
  --smooth-level: 8;
}
figure.highlight {
  mask-image: paint(smooth-corners);
  -webkit-mask-image: paint(smooth-corners);
  --smooth-level: 14;
}
.card-widget,
.recent-post-item {
  animation: void-rise 0.5s ease both;
}
.recent-post-item:nth-child(1) {
  animation-delay: 0.05s;
}
.recent-post-item:nth-child(2) {
  animation-delay: 0.12s;
}
.recent-post-item:nth-child(3) {
  animation-delay: 0.19s;
}
.recent-post-item:nth-child(4) {
  animation-delay: 0.26s;
}
.recent-post-item:nth-child(5) {
  animation-delay: 0.33s;
}
.card-widget:nth-child(1) {
  animation-delay: 0.08s;
}
.card-widget:nth-child(2) {
  animation-delay: 0.16s;
}
.card-widget:nth-child(3) {
  animation-delay: 0.24s;
}
.card-widget:nth-child(4) {
  animation-delay: 0.32s;
}
.card-widget:nth-child(5) {
  animation-delay: 0.4s;
}
::selection {
  background: rgba(88,225,210,0.32);
  color: #eaf1fb;
}
::-moz-selection {
  background: rgba(88,225,210,0.32);
  color: #eaf1fb;
}
@media (max-width: 768px) {
  #site-title {
    font-size: 2rem;
    letter-spacing: 0.08em;
  }
  .card-widget,
  .recent-post-item {
    border-radius: 14px;
  }
}
.avatar-img img,
#aside-content .author-avatar img {
  border-radius: 50%;
  border: 2px solid rgba(88,225,210,0.3);
  box-shadow: 0 0 25px rgba(88,225,210,0.14);
  transition: box-shadow 0.4s, border-color 0.4s;
}
.avatar-img:hover img,
#aside-content .author-avatar:hover img {
  box-shadow: 0 0 46px rgba(142,134,255,0.32);
  border-color: rgba(142,134,255,0.7);
}
html body #waifu {
  left: auto;
  right: 0;
  z-index: 95;
}
html body #waifu #live2d {
  width: 260px;
  height: 260px;
}
html body #waifu #waifu-tips,
html body #waifu #waifu-tool {
  display: none;
}
@media (max-width: 768px) {
  html body #waifu #live2d {
    width: 200px;
    height: 200px;
  }
}
#page #article-container .ah {
  position: relative;
  display: flex;
  align-items: center;
  gap: 26px;
  padding: 34px 32px;
  border: 1px solid var(--hairline);
  border-radius: 18px;
  background: linear-gradient(135deg, var(--card-bg), rgba(88,225,210,0.05));
  box-shadow: var(--card-box-shadow);
  overflow: hidden;
}
#page #article-container .ah::before {
  content: '';
  position: absolute;
  top: 0;
  left: 22px;
  right: 22px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(88,225,210,0.6), rgba(142,134,255,0.6), transparent);
}
#page #article-container .ah .ah-avatar {
  flex: 0 0 auto;
}
#page #article-container .ah .ah-avatar img {
  width: 104px;
  height: 104px;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid rgba(88,225,210,0.4);
  box-shadow: 0 0 36px rgba(88,225,210,0.2);
}
#page #article-container .ah .ah-id {
  min-width: 0;
}
#page #article-container .ah .ah-name {
  font-family: 'TheWitches', 'Outfit', sans-serif;
  font-size: clamp(2rem, 5vw, 2.9rem);
  font-weight: normal;
  letter-spacing: 0.1em;
  line-height: 1.1;
  color: var(--text-highlight-color);
  text-shadow: 0 0 34px rgba(88,225,210,0.25);
}
#page #article-container .ah .ah-tag {
  margin-top: 8px;
  font-family: 'Inter', sans-serif;
  font-size: 0.76rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--card-meta);
}
#page #article-container .ah .ah-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
#page #article-container .ah .ah-links a,
#page #article-container .ah .ah-links .ah-discord {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  font-family: 'Inter', sans-serif;
  font-size: 0.82rem;
  color: var(--font-color);
  text-decoration: none;
  border: 1px solid rgba(88,225,210,0.25);
  border-radius: 999px;
  background: rgba(88,225,210,0.08);
  transition: color 0.2s, border-color 0.2s, background 0.2s, box-shadow 0.2s;
}
#page #article-container .ah .ah-links a:hover {
  color: var(--text-highlight-color);
  border-color: rgba(142,134,255,0.65);
  background: rgba(142,134,255,0.18);
  box-shadow: 0 0 20px rgba(142,134,255,0.3);
}
#page #article-container .ah .ah-links .ah-discord {
  color: var(--card-meta);
  cursor: default;
}
#page #article-container .ah-focus {
  margin-top: 30px;
}
#page #article-container .ah-focus .ah-h {
  font-family: 'TheWitches', 'Outfit', sans-serif;
  font-size: 1.7rem;
  font-weight: normal;
  letter-spacing: 0.08em;
  color: var(--text-highlight-color);
  border-bottom: none;
  padding-bottom: 0;
}
#page #article-container .ah-focus .ah-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 6px;
}
#page #article-container .ah-focus .ah-tile {
  padding: 20px 20px 22px;
  border: 1px solid var(--hairline);
  border-radius: 14px;
  background: var(--card-bg);
  transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;
}
#page #article-container .ah-focus .ah-tile i {
  font-size: 1.15rem;
  color: var(--accent);
  text-shadow: 0 0 16px rgba(88,225,210,0.55);
}
#page #article-container .ah-focus .ah-tile h3 {
  margin: 10px 0 6px;
  font-family: 'Outfit', sans-serif;
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: var(--text-highlight-color);
  border-bottom: none;
}
#page #article-container .ah-focus .ah-tile p {
  margin: 0;
  font-family: 'Inter', sans-serif;
  font-size: 0.9rem;
  line-height: 1.7;
  color: var(--light-grey);
}
#page #article-container .ah-focus .ah-tile:hover {
  transform: translateY(-4px);
  border-color: rgba(88,225,210,0.35);
  box-shadow: var(--void-glow);
}
#page #article-container .ah-focus .ah-note {
  margin-top: 20px;
  padding: 10px 16px;
  font-family: 'Inter', sans-serif;
  font-style: italic;
  font-size: 0.92rem;
  color: var(--card-meta);
  border-left: 3px solid transparent;
  border-image: var(--accent-grad) 1;
  background: rgba(88,225,210,0.05);
  border-radius: 0 10px 10px 0;
}
@media (max-width: 768px) {
  #page #article-container .ah {
    flex-direction: column;
    text-align: center;
    padding: 26px 20px;
  }
  #page #article-container .ah .ah-links {
    justify-content: center;
  }
  #page #article-container .ah-focus .ah-grid {
    grid-template-columns: 1fr;
  }
}
@-moz-keyframes void-pulse {
  0%, 100% {
    opacity: 0.4;
    transform: translateY(0);
  }
  50% {
    opacity: 0.9;
    transform: translateY(6px);
  }
}
@-webkit-keyframes void-pulse {
  0%, 100% {
    opacity: 0.4;
    transform: translateY(0);
  }
  50% {
    opacity: 0.9;
    transform: translateY(6px);
  }
}
@-o-keyframes void-pulse {
  0%, 100% {
    opacity: 0.4;
    transform: translateY(0);
  }
  50% {
    opacity: 0.9;
    transform: translateY(6px);
  }
}
@keyframes void-pulse {
  0%, 100% {
    opacity: 0.4;
    transform: translateY(0);
  }
  50% {
    opacity: 0.9;
    transform: translateY(6px);
  }
}
@-moz-keyframes void-rise {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes void-rise {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes void-rise {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes void-rise {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}