/* 实时时间 / 电量 / 网络 */
.live-clock {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  border: 1px solid #ececec;
  border-radius: 999px;
  color: #666;
  font: 500 11px/1 var(--sans);
  white-space: nowrap;
}
.live-clock i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #2f8a57;
  box-shadow: 0 0 0 3px rgba(47,138,87,.12);
}
.live-clock.offline i { background: #bbb; box-shadow: none; }
.live-clock b { color: #111; font-weight: 650; letter-spacing: .02em; }
.live-clock span { color: #999; font-size: 10px; }

.statusbar__net {
  font: 500 10px/1 var(--sans);
  color: currentColor;
  opacity: .72;
  letter-spacing: .02em;
}
.statusbar__bat {
  font: 500 9px/1 var(--sans);
  color: currentColor;
  opacity: .68;
  margin-left: 1px;
}
.statusbar.offline .statusbar__net { opacity: .4; }
.statusbar.offline .statusbar__sig { opacity: .35; }
.statusbar.offline .statusbar__right i::after { width: 20% !important; }

/* 电池内条按电量变化（用 CSS 变量） */
.statusbar__right i::after {
  width: calc((100% - 4px) * var(--battery, .8));
  right: auto;
  transition: width .6s ease;
}

@media (max-width: 600px) {
  .live-clock { display: none; }
}
.live-clock [data-live-bat]{color:#999;font-size:10px;}