/**
 * 全局背景：由上到下蓝 -> 白 -> 绿，中间内容区域保持白底阅读
 */
:root {
  --site-bg-top: #9fcbf7;
  --site-bg-mid: #ffffff;
  --site-bg-bottom: #2fa34a;
  --site-bg-bottom-soft: #cfeecf;
}

body.site-picture-bg {
  min-height: 100vh;
  background-color: var(--site-bg-mid);
  background-image: linear-gradient(
    to bottom,
    var(--site-bg-top) 0%,
    #d6ebff 18%,
    var(--site-bg-mid) 38%,
    var(--site-bg-mid) 66%,
    var(--site-bg-bottom-soft) 84%,
    var(--site-bg-bottom) 100%
  );
  background-repeat: no-repeat;
}

header.site-header-over-picture {
  background: transparent;
  box-shadow: none;
}

main.site-main-bottom-picture {
  margin-bottom: 2rem;
}

/* 移动端导航：默认收起，.open 时展开（全站 header 共用） */
.mobile-nav {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease-out;
}

.mobile-nav.open {
  max-height: 28rem;
}