/* ============================================================
   水面 · 首页连续滚动效果
   - 首屏是一面俯视的水：雨点落下掀起涟漪
   - 鼠标移动会扰动水面（涟漪 + 光晕）
   - 滚动 = 镜头贴近水面（画面放大变深），直到正文浮现
   ============================================================ */

/* 首屏不再有背景图/背景色，水面由 #water-canvas 绘制 */
#page-header.full_page {
  background: transparent !important;
}

/* 深色模式下主题自带的黑色遮罩去掉，避免压暗水面 */
[data-theme="dark"] #page-header.full_page:before {
  background: transparent;
}

/* ---------- 标题排版 ---------- */
#page-header.full_page #site-info {
  top: 38%;
  will-change: opacity, transform;
}

#page-header.full_page #site-title {
  margin: 0;
  font-size: clamp(2.5rem, 7vw, 4.5rem) !important;
  font-weight: 200;
  letter-spacing: 0.32em;
  text-indent: 0.32em;
  color: #ffffff;
  text-shadow: 0 0 26px rgba(126, 164, 255, 0.35);
}

/* 标题下方一道细细的雨线 */
#page-header.full_page #site-title::after {
  content: "";
  display: block;
  width: 2px;
  height: 3.2em;
  margin: 1.15em auto 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0));
}

/* ---------- 下滑提示 ---------- */
#page-header.full_page #scroll-down {
  bottom: 8vh;
  flex-direction: column;
}

#page-header.full_page #scroll-down .scroll-down-effects {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.72);
}

/* ---------- 水面画布：铺满视口，位于所有内容之下 ---------- */
#water-canvas {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: -1;
}

@media (prefers-reduced-motion: reduce) {
  #water-canvas {
    display: none;
  }
}