.service-state{display:flex;align-items:center;gap:6px;font-size:8px;color:var(--muted);padding:6px 8px;border-radius:8px;background:#f4f7f6}.service-state i{width:7px;height:7px;border-radius:50%;background:#aebbb9}.service-state.online i{background:#18a66e;box-shadow:0 0 0 3px rgba(24,166,110,.12)}.service-state.offline i{background:#e89b28}.sync-note{position:fixed;left:265px;bottom:14px;font-size:8px;color:#70817e;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 9px;z-index:12}@media(max-width:760px){.sync-note{left:14px}}