/* 明亮主题(默认) */
:root {
  /* 正文字体大小 */
  --global-font-size: 16px;
  /* 卡片颜色 */
  --card-bg: rgba(255, 255, 255, 0.7);
}

/* 黑暗主题 */
[data-theme="dark"] {
  /* 卡片颜色 */
  --card-bg: #121212;
  /* 按钮颜色 */
  --btn-bg: #02b89d;
}

body {
  overflow-x: hidden;
}

#page-header.nav-fixed #nav {
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
}

#footer {
  height: 160px;
  background: linear-gradient(135deg, #e8c3fd8c, #86c5fc73);
  backdrop-filter: blur(10px);
}
#footer #footer-wrap,
#footer-wrap a {
  color: #000;
}
#footer #footer-wrap {
  z-index: 1;
}

#footer .container {
  line-height: 0;
  position: relative;
  height: 100%;
  width: 100vw;
}

#aside-content .card-widget {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

#aside-content .aside-list > .aside-list-item:not(:last-child) {
  border-bottom: 1px dashed #a7a7a7;
}

#recent-posts > .recent-post-item {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

/* #recent-posts > .recent-post-item:hover {
  transition: box-shadow 0.5s linear;
  box-shadow: 0px 3px 10px #444;
} */

#recent-posts > .recent-post-item > .recent-post-info > .article-title {
  font-weight: 700;
}

.twikoo .el-textarea__inner {
  height: 90px !important;
}

#footer-wrap {
  text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
  font-weight: 700;
}

/* 备案文字居中 */
#beian {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 背景 */
#web_bg {
  height: 100%;
  overflow: hidden;
  animation: none;
  /* 网格背景 */
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACFJREFUeNpiZGBg4GegAsBlCD8TqSYNQg2Mo6FEBAAIMACdPABtrSW/IQAAAABJRU5ErkJggg==)
    #defdda;
}