/* --- 意境氛围系统 (Sensory Edition) --- */

/* 1. 动态氛围底层：像极光般的流动感 */
#ambient-aura {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  transition: opacity 3s ease;
}

.aura-core {
  position: absolute;
  width: 70vmax;
  height: 70vmax;
  border-radius: 50%;
  /* 模拟自然界的不均匀光散 */
  background: radial-gradient(circle, var(--aura-color) 0%, transparent 70%);
  filter: blur(80px);
  mix-blend-mode: soft-light;
  opacity: 0.3;
  animation: slow-orbit 40s infinite linear;
}

@keyframes slow-orbit {
  from {
    transform: rotate(0deg) translate(10%, -10%);
  }
  to {
    transform: rotate(360deg) translate(10%, -10%);
  }
}

/* 2. 交互式侧边栏：只有触碰边缘才会显现 */
#poetry-trigger {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 60px; /* 侧边感应区 */
  z-index: 1000;
  cursor: crosshair;
}

#poetry-sidebar {
  position: fixed;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  writing-mode: vertical-rl; /* 纵向排版，增加禅意 */
  opacity: 0;
  transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}

#poetry-trigger:hover + #poetry-sidebar {
  opacity: 1;
  transform: translateY(-50%) translateX(-10px);
}

.poetry-line {
  font-size: 13px;
  letter-spacing: 0.6em;
  color: var(--text-color, rgba(255, 255, 255, 0.4));
  font-family: "Noto Serif SC", "Source Han Serif SC", serif;
  margin-left: 15px;
}

/* 3. 节日色调配置 (低饱和，情绪导向) */
.theme-solitude {
  --aura-color: #4a546e;
  --text-color: #8fa1b3;
} /* 圣诞/冬日 - 冷谧 */
.theme-rebirth {
  --aura-color: #5a6e5a;
  --text-color: #a1b3a1;
} /* 春节/清明 - 生机 */
.theme-classic {
  --aura-color: #6e5a4a;
  --text-color: #b3a191;
} /* 中秋/国庆 - 醇厚 */