/* Align the local shell with the stock AnZhiYu demo homepage. */
#page-header.full_page {
  --zhuyz-hero-fade: 0;
  --zhuyz-hero-copy-opacity: 1;
  --zhuyz-hero-collapse: 0px;
  height: calc(100svh - var(--zhuyz-hero-collapse, 0px));
  isolation: isolate;
  min-height: 0;
  overflow: hidden;
  transition: none;
}

#page-header.full_page::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: "";
  background: var(--anzhiyu-background, #f7f9fe);
  opacity: var(--zhuyz-hero-fade, 0);
  pointer-events: none;
  will-change: opacity;
}

#page-header.full_page > #nav,
#page-header.full_page > #site-info,
#page-header.full_page > #scroll-down {
  z-index: 2;
}

#page-header.full_page > #site-info,
#page-header.full_page > #scroll-down {
  opacity: var(--zhuyz-hero-copy-opacity, 1);
  transition: opacity 0.24s ease;
  will-change: opacity;
}

#page-header.not-top-img {
  margin-bottom: 0;
}

/* The bundled theme owns the desktop/mobile top layout. Only suppress the
 * optional descriptive line so the category cards keep the demo's density. */
#home_top .categoryButtonDescription {
  display: none;
}

#home_top .topGroup {
  text-decoration: none;
}

#home_top .topGroup .todayCard-cover {
  background: var(--anzhiyu-secondbg);
  object-position: center;
}

#home_top .topGroup .todayCard-info {
  max-width: 70%;
}

#home_top .topGroup .banner-button {
  text-decoration: none;
}

/* Keep a single empty-state card in the native article grid until posts exist. */
#content-inner #recent-posts .zhuyz-empty-posts {
  align-items: center;
  background: var(--anzhiyu-card-bg);
  border: var(--style-border);
  border-radius: 12px;
  box-shadow: var(--anzhiyu-shadow-border);
  box-sizing: border-box;
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
  justify-content: center;
  margin: 1rem 0 2rem;
  min-height: 260px;
  padding: 2rem 1rem;
  text-align: center;
  width: 100%;
}

#content-inner #recent-posts .zhuyz-empty-posts > i {
  color: var(--anzhiyu-theme);
  font-size: 2.25rem;
  margin-bottom: 0.85rem;
}

#content-inner #recent-posts .zhuyz-empty-posts h2 {
  color: var(--anzhiyu-fontcolor);
  font-size: 1.1rem;
  margin: 0;
}

#content-inner #recent-posts .zhuyz-empty-posts p {
  color: var(--anzhiyu-secondtext);
  margin: 0.45rem 0 0;
}

@media screen and (max-width: 768px) {
  #content-inner #recent-posts .zhuyz-empty-posts {
    margin: 1rem 20px 1.5rem;
    min-height: 220px;
    width: calc(100% - 40px);
  }
}