.live-record-banner{
  display:none;
  margin:18px auto 0;
  max-width:1320px;
  border-radius:18px;
  padding:15px 18px;
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  box-shadow:0 12px 36px rgba(0,0,0,.25);
  backdrop-filter:blur(10px);
  animation:liveRecordPulse 2.8s ease-in-out infinite;
}
.live-record-banner.show{display:block}
.live-record-banner .live-record-title{
  font-weight:900;
  font-size:1.05rem;
  letter-spacing:.01em;
  margin-bottom:4px;
}
.live-record-banner .live-record-message{
  font-weight:700;
  line-height:1.35;
}
.live-record-banner .live-record-meta{
  margin-top:6px;
  font-size:.82rem;
  opacity:.78;
}
.live-record-banner.heat{
  background:linear-gradient(135deg,rgba(185,28,28,.95),rgba(234,88,12,.85));
}
.live-record-banner.rain{
  background:linear-gradient(135deg,rgba(29,78,216,.95),rgba(14,165,233,.82));
}
.live-record-banner.wind{
  background:linear-gradient(135deg,rgba(51,65,85,.95),rgba(100,116,139,.85));
}
.live-record-banner.info{
  background:linear-gradient(135deg,rgba(30,64,175,.95),rgba(79,70,229,.85));
}
@keyframes liveRecordPulse{
  0%,100%{transform:translateY(0);box-shadow:0 12px 36px rgba(0,0,0,.25)}
  50%{transform:translateY(-1px);box-shadow:0 16px 48px rgba(0,0,0,.34)}
}
@media(max-width:768px){
  .live-record-banner{margin:12px 10px 0;border-radius:14px;font-size:.94rem}
}