/* 时间系统：凌晨 / 早晨 / 下午 / 傍晚 */
.time{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}

.time-tint{position:absolute;inset:0;transition:background-color 3s ease}
body[data-period="dawn"] .time-tint{background:rgba(44,40,88,.40)}
body[data-period="morning"] .time-tint{background:rgba(255,238,205,.15)}
body[data-period="afternoon"] .time-tint{background:rgba(255,255,255,.04)}
body[data-period="evening"] .time-tint{background:rgba(255,148,104,.25)}

.moon{position:absolute;top:82px;right:32px;width:54px;height:54px;opacity:0;transition:opacity 1.6s ease;filter:drop-shadow(0 0 14px rgba(255,240,180,.7))}
body[data-period="dawn"] .moon,
body[data-period="evening"] .moon{opacity:.95}
.moon svg{display:block;width:100%;height:100%;animation:moonGlow 5s ease-in-out infinite}
@keyframes moonGlow{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}

.stars{position:absolute;inset:0;opacity:0;transition:opacity 1.6s ease}
body[data-period="dawn"] .stars,
body[data-period="evening"] .stars{opacity:.9}
.star{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 4px #fff;animation:twinkle 2.8s ease-in-out infinite}
@keyframes twinkle{0%,100%{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}

.fireflies{position:absolute;inset:0;opacity:0;transition:opacity 1.6s ease}
body[data-period="dawn"] .fireflies,
body[data-period="evening"] .fireflies{opacity:.9}
.firefly{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff7a8;box-shadow:0 0 8px 3px rgba(255,240,120,.8);animation:fireflyFloat 8s ease-in-out infinite}
@keyframes fireflyFloat{
  0%,100%{transform:translate(0,0);opacity:.4}
  25%{transform:translate(22px,-26px);opacity:1}
  50%{transform:translate(-9px,-42px);opacity:.65}
  75%{transform:translate(-24px,-14px);opacity:1}
}

/* 凌晨/傍晚：藏起太阳，交给月亮 */
body[data-period="dawn"] .weather .sun,
body[data-period="evening"] .weather .sun{opacity:0}

/* 白天才出来的蝴蝶和蜜蜂，晚上藏起来 */
body[data-period="dawn"] .butterfly,
body[data-period="evening"] .butterfly,
body[data-period="dawn"] .bee,
body[data-period="evening"] .bee{opacity:0}

/* 猫头鹰：凌晨和傍晚出现 */
.owl{left:24%;top:150px;width:44px;opacity:0;transition:opacity 1.6s ease;animation:owlbob 3.6s ease-in-out infinite}
body[data-period="dawn"] .owl,
body[data-period="evening"] .owl{opacity:.92}
@keyframes owlbob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}

/* 顶栏时间段标签 */
.time-chip{cursor:default;font-weight:600}
.top-actions{flex-wrap:wrap;justify-content:flex-end}