/* =====================================================
   ❄️ 雪花斜向飄落（CSS 只負責垂直與旋轉）
===================================================== */

/* 最外層：只給 JS 推 X 軸用 */
.snow-container {
  position: fixed;
  top: -60px;
  pointer-events: none;
  will-change: transform;
}

/* 雪花本體：只負責旋轉 */
.snowflake {
  display: block;
  width: 100%;
  height: auto;

  /* 自轉動畫 */
  animation-name: spin;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  will-change: transform;

  /* ⭐ 自然冷光暈 */
  filter:
    drop-shadow(0 0 4px rgba(255,255,255,0.6))
    drop-shadow(0 0 8px rgba(200,220,255,0.35));
}

/* 垂直下落（Y 軸，只跑一次） */
.fall {
  animation-name: fallY;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* 垂直下落動畫 */
@keyframes fallY {
  from {
    top: -60px;
  }
  to {
    top: 110vh;
  }
}

/* 自轉動畫（⚠️ 不准再加 translate） */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}