/* Keep the local site visually aligned with the AnZhiYu demo homepage. */
#page-header.not-top-img {
  margin-bottom: 18px;
}

#nav #site-name .title {
  font-weight: 800;
}

body #home_top {
  max-width: 1400px;
  overflow: hidden;
  padding-top: 0;
}

body #home_top .swiper_container_card {
  align-items: stretch;
  gap: 0;
}

body #random-banner {
  min-height: 258px;
}

body #random-banner .banners-title {
  z-index: 2;
}

body #random-banner .banners-title-big {
  letter-spacing: 0;
}

body #random-banner #skills-tags-group-all {
  opacity: 1;
}

body .topGroup .todayCard-cover {
  height: 100% !important;
}

body #categoryBar {
  margin-top: 1.35rem;
}

body #recent-posts > .recent-post-item {
  border-radius: 12px;
}

body #recent-posts > .recent-post-item .post_cover,
body #recent-posts > .recent-post-item .post_cover img {
  border-radius: 12px 12px 0 0;
}

body #aside-content .card-info {
  background: var(--anzhiyu-main);
  color: var(--anzhiyu-white);
  overflow: hidden;
}

body #aside-content .card-info .card-info-social-icons .social-icon {
  background: rgba(255, 255, 255, 0.18);
  color: var(--anzhiyu-white);
}

body #aside-content .card-info .author-info__name,
body #aside-content .card-info .author-info__desc {
  color: var(--anzhiyu-white);
}

@media screen and (max-width: 768px) {
  #nav {
    padding: 0 14px !important;
  }

  #nav #menus,
  #nav #nav-right .nav-button {
    display: none !important;
  }

  #nav #nav-right {
    display: flex !important;
    height: 36px;
    position: absolute;
    right: 14px;
    top: 12px;
    width: 36px;
    z-index: 120;
  }

  #nav #nav-right #toggle-menu {
    align-items: center;
    display: flex !important;
    height: 36px;
    justify-content: center;
    opacity: 1 !important;
    visibility: visible !important;
    width: 36px;
  }

  #nav #nav-right #toggle-menu i {
    color: var(--anzhiyu-fontcolor) !important;
  }

  body #home_top {
    padding: 0 15px;
  }
}