.baisHistoryNav{
  position:fixed;
  right:14px;
  bottom:max(14px,env(safe-area-inset-bottom));
  z-index:1200;
  display:flex;
  align-items:center;
  gap:2px;
  padding:3px;
  border:1px solid rgba(20,56,64,.14);
  border-radius:12px;
  background:#fff;
  box-shadow:0 4px 16px rgba(8,35,42,.16);
  opacity:.92;
  transition:opacity .18s ease,box-shadow .18s ease,background .18s ease
}
.baisHistoryNav:hover,
.baisHistoryNav:focus-within{
  opacity:1;
  background:#fff;
  box-shadow:0 6px 20px rgba(8,35,42,.2)
}
.baisHistoryNav button{
  height:32px;
  min-width:34px;
  padding:0 9px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#244850;
  font:700 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  white-space:nowrap;
  transition:background .15s ease,color .15s ease,transform .15s ease,opacity .15s ease
}
.baisHistoryNav button:hover:not(:disabled){
  background:rgba(11,143,131,.09);
  color:#087d73;
  transform:translateY(-1px)
}
.baisHistoryNav button:active:not(:disabled){transform:translateY(0)}
.baisHistoryNav button:focus-visible{
  outline:2px solid rgba(11,143,131,.32);
  outline-offset:1px
}
.baisHistoryNav button:disabled{
  opacity:.22;
  cursor:default
}
.baisHistoryNav .navArrow{
  font-size:14px;
  line-height:1;
  font-weight:700
}
@media(max-width:560px){
  .baisHistoryNav{
    right:9px;
    bottom:max(9px,env(safe-area-inset-bottom));
    padding:2px;
    border-radius:10px
  }
  .baisHistoryNav button{
    width:30px;
    min-width:30px;
    height:30px;
    padding:0;
    border-radius:8px
  }
  .baisHistoryNav button span:not(.navArrow){display:none}
  .baisHistoryNav .navArrow{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .baisHistoryNav,.baisHistoryNav button{transition:none}
}
@media print{.baisHistoryNav{display:none!important}}