/* =====================================================
   Aurora Background Styles
   ===================================================== */

/* =====================================================
   极光背景：position fixed，铺满全屏视口
   放置在 body 内最前面，作为整个页面的绝对底层
   不受任何父级 overflow 影响
   ===================================================== */

/* 极光背景层：全屏 fixed，填满屏幕 */
.aurora-fixed-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  min-height: 60vh;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  background: #111111; /* 深色背景，消除边缘白色光晕 */
}

/* ogl 生成的 canvas 填满容器 */
.aurora-fixed-bg canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
  filter: blur(20px);
}

/* 备用渐变遮罩（叠加在 canvas 之上增加氛围感） */
.aurora-ambient {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: linear-gradient(
    to bottom,
    rgba(20, 157, 255, 0.06) 0%,
    rgba(17, 17, 17, 0) 50%,
    rgba(17, 17, 17, 0.6) 100%
  );
  pointer-events: none;
  z-index: 0;  /* 在 canvas 之上，但在内容层之下 */
}

/* =====================================================
   Hero 区域（首屏）：相对定位，最小高度保证极光可见
   注意：不再使用 overflow: hidden，避免裁剪 fixed 子元素
   ===================================================== */
.photography-hero {
  position: relative;
  width: 100%;
  min-height: 65vh;   /* 保证首屏有足够高度展示极光 */
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent; /* 透明，让底层极光透出 */
}

/* 内容层：提升层级，悬浮在极光背景之上 */
.photography-header-content {
  position: relative;
  z-index: 10;
  text-align: center;
  padding: 100px 20px 60px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

/* =====================================================
   画廊区域：深色底过渡，覆盖在极光之上
   ===================================================== */
/* =====================================================
   旧版兼容（如果其他页面有复用 .aurora-wrapper）
   ===================================================== */
.aurora-wrapper {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}