#huirui-mood{
  position:fixed;
  inset:0;
  z-index:200000;
  overflow:hidden;
  background:#8ec9ef;
  color:#14532d;
  font-family:"PingFang SC","Microsoft YaHei",sans-serif;
}
#huirui-mood[hidden]{display:none!important}
#huirui-mood .mood-sky{
  position:absolute;
  inset:-6%;
  background:#8ec9ef url("/huirui_app/static/src/public/mood-dawn.jpg?v=20261009mood") center center / cover no-repeat;
  animation:huirui-mood-drift 9s ease-in-out infinite alternate;
  transform-origin:50% 70%;
}
#huirui-mood .mood-glow{
  position:absolute;
  right:12%;
  bottom:28%;
  width:140px;
  height:140px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,244,190,.85) 0%,rgba(255,196,80,.25) 42%,rgba(255,196,80,0) 70%);
  animation:huirui-mood-glow 3.6s ease-in-out infinite;
  pointer-events:none;
}
#huirui-mood .mood-leaf{
  position:absolute;
  width:14px;
  height:14px;
  background:#86efac;
  border-radius:0 80% 0 80%;
  opacity:.9;
  animation:huirui-mood-leaf 7s linear infinite;
  pointer-events:none;
}
#huirui-mood .mood-leaf.l2{left:18%;top:-8%;animation-duration:8.5s;animation-delay:-2s;background:#bbf7d0}
#huirui-mood .mood-leaf.l3{left:72%;top:-12%;animation-duration:6.4s;animation-delay:-4s;background:#4ade80}
#huirui-mood .mood-leaf.l1{left:46%;top:-6%}
#huirui-mood .mood-caption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:28px 20px calc(28px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(15,60,40,.28) 55%,rgba(15,60,40,.38));
  color:#fff;
  text-align:center;
  text-shadow:0 1px 8px rgba(0,0,0,.25);
}
#huirui-mood .mood-caption strong{display:block;font-size:22px;font-weight:800;letter-spacing:.04em}
#huirui-mood .mood-caption span{display:block;margin-top:6px;font-size:13px;opacity:.92}
#huirui-mood.is-out{animation:huirui-mood-out .42s ease forwards}
@keyframes huirui-mood-drift{
  from{transform:scale(1) translate3d(0,0,0)}
  to{transform:scale(1.06) translate3d(0,-1.5%,0)}
}
@keyframes huirui-mood-glow{
  0%,100%{transform:scale(.92);opacity:.75}
  50%{transform:scale(1.08);opacity:1}
}
@keyframes huirui-mood-leaf{
  0%{transform:translate3d(0,-10px,0) rotate(0deg);opacity:0}
  12%{opacity:.95}
  100%{transform:translate3d(36px,108vh,0) rotate(220deg);opacity:.2}
}
@keyframes huirui-mood-out{
  to{opacity:0;visibility:hidden}
}
@media (prefers-reduced-motion:reduce){
  #huirui-mood .mood-sky,#huirui-mood .mood-glow,#huirui-mood .mood-leaf{animation:none}
}