#web-bg {
  background-image: url('../img/text_bg.png'),
    linear-gradient(
      60deg,
      rgba(255, 165, 150, 0.5) 5%,
      rgba(0, 228, 255, 0.35)
    );
}
#post-bg {
  background-image: url('../img/text_bg.png'),
    linear-gradient(
      60deg,
      rgba(255, 165, 150, 0.5) 5%,
      rgba(0, 228, 255, 0.35)
    );
}
/* �����������Ϣ��Ƭ��̬����ɫ */
#aside-content > .card-widget.card-info {
  background: linear-gradient(
    -45deg,
    rgba(225, 235, 255, 0.6),
    rgba(225, 235, 255, 0.9),
    rgba(225, 235, 255, 0.9),
    rgba(225, 235, 255, 0.6)
  );
}
[data-theme='dark']
  #aside-content
  > .card-widget.card-info {
  background: linear-gradient(
    -45deg,
    rgba(24, 40, 72, 0.2),
    rgba(35, 37, 58, 0.9),
    rgba(35, 37, 58, 0.9),
    rgba(24, 40, 72, 0.2)
  );
}
/* �������������Ƭ����ɫ */
#aside-content > .card-widget.card-announcement {
  background: linear-gradient(
    -45deg,
    rgba(225, 235, 255, 0.6),
    rgba(225, 235, 255, 0.9),
    rgba(225, 235, 255, 0.9),
    rgba(225, 235, 255, 0.6)
  );
}
[data-theme='dark']
  #aside-content
  > .card-widget.card-announcement {
  background: linear-gradient(
    -45deg,
    rgba(24, 40, 72, 0.2),
    rgba(35, 37, 58, 0.9),
    rgba(35, 37, 58, 0.9),
    rgba(24, 40, 72, 0.2)
  );
}
/* �����Ŀ¼�������¿�Ƭ����ɫ */
#aside-content > .sticky_layout > .card-widget {
  background: linear-gradient(
    -45deg,
    rgba(225, 235, 255, 0.6),
    rgba(225, 235, 255, 0.9),
    rgba(225, 235, 255, 0.9),
    rgba(225, 235, 255, 0.6)
  );
}
[data-theme='dark']
  #aside-content
  > .sticky_layout
  > .card-widget {
  background: linear-gradient(
    -45deg,
    rgba(24, 40, 72, 0.2),
    rgba(35, 37, 58, 0.9),
    rgba(35, 37, 58, 0.9),
    rgba(24, 40, 72, 0.2)
  );
}
/* ������ϢFollow me��ť */
#aside-content
  > .card-widget.card-info
  > #card-info-btn {
  background-color: #3eb8be;
  border-radius: 8px;
}
/*����ҳ��*/
.layout > #post {
  background: linear-gradient(
    -45deg,
    rgba(225, 235, 255, 0.8),
    rgba(225, 235, 255, 0.9),
    rgba(225, 235, 255, 0.9),
    rgba(225, 235, 255, 0.8)
  );
}
[data-theme='dark'] .layout > #post {
  background: linear-gradient(
    -45deg,
    rgba(24, 40, 72, 0.2),
    rgba(35, 37, 58, 0.9),
    rgba(35, 37, 58, 0.9),
    rgba(24, 40, 72, 0.2)
  );
}
/*��ҳ����Ԥ��ҳ��*/
#recent-posts > .recent-post-item {
  background: linear-gradient(
    -45deg,
    rgba(225, 235, 255, 0.8),
    rgba(225, 235, 255, 0.9),
    rgba(225, 235, 255, 0.9),
    rgba(225, 235, 255, 0.8)
  );
}
[data-theme='dark']
  #recent-posts
  > .recent-post-item {
  background: linear-gradient(
    -45deg,
    rgba(24, 40, 72, 0.2),
    rgba(35, 37, 58, 0.9),
    rgba(35, 37, 58, 0.9),
    rgba(24, 40, 72, 0.2)
  );
}

/*����ҳ��*/
.layout > #page {
  background: linear-gradient(
    -45deg,
    rgba(225, 235, 255, 0.8),
    rgba(225, 235, 255, 0.9),
    rgba(225, 235, 255, 0.9),
    rgba(225, 235, 255, 0.8)
  );
}
[data-theme='dark'] .layout > #page {
  background: linear-gradient(
    -45deg,
    rgba(24, 40, 72, 0.2),
    rgba(35, 37, 58, 0.9),
    rgba(35, 37, 58, 0.9),
    rgba(24, 40, 72, 0.2)
  );
}

/*ʱ����ҳ��*/
.layout > #archive {
  background: linear-gradient(
    -45deg,
    rgba(225, 235, 255, 0.8),
    rgba(225, 235, 255, 0.9),
    rgba(225, 235, 255, 0.9),
    rgba(225, 235, 255, 0.8)
  );
}
[data-theme='dark'] .layout > #archive {
  background: linear-gradient(
    -45deg,
    rgba(24, 40, 72, 0.2),
    rgba(35, 37, 58, 0.9),
    rgba(35, 37, 58, 0.9),
    rgba(24, 40, 72, 0.2)
  );
}


// 顶部图
#page-header
  &, &:before
    background: transparent !important
  &.post-bg, &.not-home-page
    height: 280px !important
  #post-info
    bottom: 40px !important
  #page-site-info
    top: 140px !important

  @media screen and (max-width: 768px)
    &.not-home-page
      height: 200px !important
    #post-info
      bottom: 10px !important
    #page-site-info
      top: 100px !important

.top-img
  height: 250px
  margin: -50px -40px 50px
  border-top-left-radius: inherit
  border-top-right-radius: inherit
  background-position: center center
  background-size: cover
  transition: all 0.3s

  @media screen and (max-width: 768px)
    height: 230px
    margin: -36px -14px 36px

  [data-theme='dark'] &
    filter: brightness(0.8)

// 页脚
#footer:before
  background-color: alpha(#FFF, .5)

  [data-theme='dark'] &
    background-color: alpha(#000, .5)

#footer-wrap, #footer-wrap a
  color: #111
  transition: unset

  [data-theme='dark'] &
    color: var(--light-grey)
	
/* 页脚透明 */
#footer {
    background: rgba(255,255,255,.15);
    color: #000;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    backdrop-filter: saturate(100%) blur(5px)
}

#footer::before {
    background: rgba(255,255,255,.15)
}

#footer #footer-wrap {
    color: var(--font-color)
}

#footer #footer-wrap a {
    color: var(--font-color)
}

#web_bg {
  background: -webkit-linear-gradient(
    0deg,
    rgba(247, 149, 51, 0.1) 0,
    rgba(243, 112, 85, 0.1) 15%,
    rgba(239, 78, 123, 0.1) 30%,
    rgba(161, 102, 171, 0.1) 44%,
    rgba(80, 115, 184, 0.1) 58%,
    rgba(16, 152, 173, 0.1) 72%,
    rgba(7, 179, 155, 0.1) 86%,
    rgba(109, 186, 130, 0.1) 100%
  );
  background: -moz-linear-gradient(
    0deg,
    rgba(247, 149, 51, 0.1) 0,
    rgba(243, 112, 85, 0.1) 15%,
    rgba(239, 78, 123, 0.1) 30%,
    rgba(161, 102, 171, 0.1) 44%,
    rgba(80, 115, 184, 0.1) 58%,
    rgba(16, 152, 173, 0.1) 72%,
    rgba(7, 179, 155, 0.1) 86%,
    rgba(109, 186, 130, 0.1) 100%
  );
  background: -o-linear-gradient(
    0deg,
    rgba(247, 149, 51, 0.1) 0,
    rgba(243, 112, 85, 0.1) 15%,
    rgba(239, 78, 123, 0.1) 30%,
    rgba(161, 102, 171, 0.1) 44%,
    rgba(80, 115, 184, 0.1) 58%,
    rgba(16, 152, 173, 0.1) 72%,
    rgba(7, 179, 155, 0.1) 86%,
    rgba(109, 186, 130, 0.1) 100%
  );
  background: -ms-linear-gradient(
    0deg,
    rgba(247, 149, 51, 0.1) 0,
    rgba(243, 112, 85, 0.1) 15%,
    rgba(239, 78, 123, 0.1) 30%,
    rgba(161, 102, 171, 0.1) 44%,
    rgba(80, 115, 184, 0.1) 58%,
    rgba(16, 152, 173, 0.1) 72%,
    rgba(7, 179, 155, 0.1) 86%,
    rgba(109, 186, 130, 0.1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(247, 149, 51, 0.1) 0,
    rgba(243, 112, 85, 0.1) 15%,
    rgba(239, 78, 123, 0.1) 30%,
    rgba(161, 102, 171, 0.1) 44%,
    rgba(80, 115, 184, 0.1) 58%,
    rgba(16, 152, 173, 0.1) 72%,
    rgba(7, 179, 155, 0.1) 86%,
    rgba(109, 186, 130, 0.1) 100%
  );
}