/* R1：咨询计时血条倒计时 */

.bazi-timer-float{
  --bazi-timer-progress:100%;
  position:fixed!important;
  overflow:hidden!important;
  isolation:isolate!important;
  min-width:128px!important;
  justify-content:center!important;
  border-color:rgba(160,42,34,.34)!important;
  color:#7b2b21!important;
  background:
    linear-gradient(
      90deg,
      rgba(178,48,40,.28) 0 var(--bazi-timer-progress),
      rgba(255,250,241,.96) var(--bazi-timer-progress) 100%
    )!important;
  transition:background .35s linear,border-color .2s ease,color .2s ease!important;
}

/* 血条暗纹，增加进度感 */
.bazi-timer-float::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:var(--bazi-timer-progress)!important;
  z-index:-1!important;
  border-radius:inherit!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0)),
    repeating-linear-gradient(
      45deg,
      rgba(255,255,255,.18) 0,
      rgba(255,255,255,.18) 6px,
      rgba(160,42,34,.10) 6px,
      rgba(160,42,34,.10) 12px
    )!important;
  transition:width .35s linear!important;
}

/* 5分钟以内加深 */
.bazi-timer-float.warning{
  border-color:rgba(169,21,29,.55)!important;
  color:#8e1219!important;
  background:
    linear-gradient(
      90deg,
      rgba(199,39,47,.42) 0 var(--bazi-timer-progress),
      rgba(255,241,238,.96) var(--bazi-timer-progress) 100%
    )!important;
}

/* 结束后归零 */
.bazi-timer-float.expired{
  --bazi-timer-progress:0%!important;
  color:#9c2525!important;
  background:rgba(255,241,238,.96)!important;
}

/* 保留沙漏在文字前 */
.bazi-timer-float::before{
  position:relative!important;
  z-index:1!important;
}

@media(max-width:520px){
  .bazi-timer-float{
    min-width:116px!important;
  }
}