/* ===========================================================================
   离线小标签（ui/shell/network-status.js 维护 #az-offline-pill）
   10-11：原来的离线提示写在 body::before 上，和主题整屏 body::before 底纹叠成整屏红色遮罩、
   body filter 还让 fixed 元素跟着 body 滑开。现在只是底栏上方一颗不拦点击的小标签。
   =========================================================================== */
/* 放在底部居中、悬在底栏上方：右上角是时钟 / 网络圆点 / 余额，顶部正中是标题，都不能挡 */
.az-offline-pill {
    position: fixed;
    left: 50%;
    bottom: calc(var(--azd-safe-bottom, env(safe-area-inset-bottom, 0px)) + 96px);
    z-index: 9999;
    padding: 4px 11px;
    border-radius: 999px;
    background: rgba(201, 74, 74, 0.92);
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .02em;
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, 6px);
    visibility: hidden;
    transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}

.az-offline-pill.is-on {
    opacity: 1;
    transform: translate(-50%, 0);
    visibility: visible;
    transition: opacity .2s ease, transform .2s ease, visibility 0s;
}