/* 天气层：晴天太阳 / 雨天雨点。自包含，index 只挂载 #weather-host + 调一行 CCWeather.mount */
.weather { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:3; }

/* ---------- 晴天：SVG 手绘太阳（黄圆 + 黑描边 + 一圈长短相间光芒，绕转） ---------- */
.weather svg.sun {
  position:absolute; top:4%; left:43%; width:88px; height:88px; overflow:visible;
  filter:drop-shadow(0 0 8px rgba(255,216,77,.55));
  animation:sun-bob 5.5s ease-in-out infinite;
}
.weather svg.sun .sun-rays {
  transform-box:fill-box; transform-origin:center;
  animation:sun-spin 24s linear infinite;
}
@keyframes sun-bob { 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(6px);} }
@keyframes sun-spin { from{ transform:rotate(0);} to{ transform:rotate(360deg);} }

/* ---------- 雨天：雨点下落 ---------- */
.weather.rain { background:rgba(120,140,170,.12); }   /* 雨天给天空压一点点灰蓝 */
.weather .raindrop {
  position:absolute; top:-24px; width:2px; height:16px; border-radius:2px;
  background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.8));
  animation:rain-fall linear infinite;
}
@keyframes rain-fall { from{ transform:translateY(0); } to{ transform:translateY(115vh); } }