/**
 * 02bang Mobile 前台样式
 * 优先使用子比主题 main.css 的 CSS 变量与工具类
 * 变量: --theme-color, --main-bg-color, --muted-color, --main-border-color, --main-radius 等
 */

/* 小程序环境特殊处理 */
body.is-miniprogram {
    /* 顶部安全栏背景融合 */
    --header-bg: #000000;
}

/* 小程序内支付拦截提示样式 */
.o2b-pay-notice {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--main-bg-color, #fff);
    color: var(--main-color, #333);
    padding: 10px 20px;
    border-radius: var(--main-radius, 8px);
    box-shadow: var(--main-shadow, 0 2px 12px rgba(0,0,0,0.1));
    z-index: 9999;
    font-size: 14px;
    display: none;
}

.o2b-pay-notice.show {
    display: block;
    animation: o2b-slide-up 0.3s ease;
}

@keyframes o2b-slide-up {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

/* PWA 离线提示 */
.o2b-offline-notice {
    background: var(--muted-bg-color, #f5f5f5);
    color: var(--muted-color, #999);
    text-align: center;
    padding: 8px 15px;
    font-size: 13px;
    border-bottom: 1px solid var(--muted-border-color, #eee);
}