:root {
  --trans-light: rgba(255, 255, 255, 0.88);
  --trans-dark: rgba(25, 25, 25, 0.88);
  --border-style: 1px solid rgb(169, 169, 169);
  --backdrop-filter: blur(5px) saturate(150%);
  --card-filter: none;
}

/* 页脚、头图及明暗模式遮罩透明。需要覆盖 Butterfly 的背景规则。 */
#footer,
#page-header,
#footer::before,
#page-header::before,
[data-theme="dark"] #footer::before,
[data-theme="dark"] #page-header::before {
  background: transparent !important;
}

/* 翻页按钮居中 */
#pagination {
  width: 100%;
  margin: auto;
}

/* 一级菜单居中 */
#nav .menus_items {
  position: absolute !important;
  width: fit-content !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
/* 子菜单横向展示 */
#nav .menus_items .menus_item:hover .menus_item_child {
  display: flex !important;
}

/* 首页文章卡片 */
#recent-posts > .recent-post-item {
  background: var(--trans-light);
  backdrop-filter: var(--card-filter);
  border-radius: 25px;
  border: var(--border-style);
}

/* 首页侧栏卡片 */
#aside-content .card-widget {
  background: var(--trans-light);
  backdrop-filter: var(--card-filter);
  border-radius: 18px;
  border: var(--border-style);
}

/* 文章页、归档页、普通页面 */
div#post,
div#page,
div#archive {
  background: var(--trans-light);
  backdrop-filter: var(--card-filter);
  border: var(--border-style);
  border-radius: 20px;
}

/* 导航栏 */
#page-header.nav-fixed #nav {
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: var(--backdrop-filter);
}

[data-theme="dark"] #page-header.nav-fixed #nav {
  background: rgba(0, 0, 0, 0.7) !important;
}

/* 夜间模式遮罩 */
[data-theme="dark"] #recent-posts > .recent-post-item,
[data-theme="dark"] #aside-content .card-widget,
[data-theme="dark"] div#post,
[data-theme="dark"] div#archive,
[data-theme="dark"] div#page {
  background: var(--trans-dark);
}

/* 阅读模式 */
.read-mode #aside-content .card-widget {
  background: rgba(158, 204, 171, 0.5) !important;
}

.read-mode div#post {
  background: rgba(158, 204, 171, 0.5) !important;
}

/* 夜间模式下的阅读模式 */
[data-theme="dark"] .read-mode #aside-content .card-widget {
  background: rgba(25, 25, 25, 0.9) !important;
  color: #ffffff;
}

[data-theme="dark"] .read-mode div#post {
  background: rgba(25, 25, 25, 0.9) !important;
  color: #ffffff;
}

svg.icon {
  width: 1.4em;
  height: 1.4em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

@font-face {
  font-family: "iconfont";
  src: url("/assets/font/iconfont-4610099.05470df50521.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

#nav [class^="icon-"],
#nav [class*=" icon-"],
#sidebar-menus [class^="icon-"],
#sidebar-menus [class*=" icon-"] {
  display: inline-block;
  width: 1.35em;
  font-family: "iconfont" !important;
  font-style: normal;
  font-size: 1.28em;
  line-height: 1;
  text-align: center;
  vertical-align: -0.12em;
  transform-origin: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#search-button .fa-search {
  display: inline-block;
  width: 1.25em;
  font-family: "iconfont" !important;
  font-style: normal;
  font-size: 1.18em;
  line-height: 1;
  text-align: center;
  vertical-align: -0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#nav .site-page:hover > i.faa-tada,
#sidebar-menus .site-page:hover > i.faa-tada {
  animation: tada 2s linear infinite;
}

#rightside_config .fa-cog {
  display: inline-block;
  transform-origin: center;
  transition: transform .3s ease;
}

#rightside_config.show .fa-cog {
  transform: rotate(60deg);
}

.icon-SmartHome:before {
  content: "\e74a";
}

.icon-sousuo:before,
#search-button .fa-search:before {
  content: "\e60c";
}

.icon--shijian:before {
  content: "\e624";
}

.icon-yanshoubiaoqianguanli:before {
  content: "\e613";
}

.icon-wenjianjia:before {
  content: "\e606";
}

.icon-link:before {
  content: "\e60e";
}

@font-face {
  font-family: 'KAI';	
  src: url('/assets/font/霞鹜文楷-subset.b3194ee267f3.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* 保持导航链接无主题下划线，不影响导航中的其他伪元素。 */
#nav .site-page:not(.child)::after {
  background-color: transparent !important;
}

/* Hide Butterfly's default copyright icon in post copyright blocks. */
#post .post-copyright::before {
  display: none;
}

/* Preserve intrinsic aspect ratios when local article images scale down. */
#article-container img[src^="/img/content/"] {
  height: auto;
}