/* 红包活动弹窗 —— 红色渐变卡片 + 抢按钮 + 关键词条
   设计参考（去版权化仿写）：暖红圆角卡 + 黄橙抢按钮 + 白描边大标题 + 关键词条。 */
.mb-rp {
    position: fixed; inset: 0; z-index: 99998;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 16px; box-sizing: border-box;
    font-family: var(--font);
}
.mb-rp[hidden] { display: none; }
.mb-rp-mask {
    position: absolute; inset: 0;
    background: rgba(0, 0, 0, .55);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

/* 卡片：圆角 + 红色渐变 + 暖光高光 */
.mb-rp-card {
    position: relative;
    width: min(360px, 100%);
    border-radius: 18px; overflow: hidden;
    background: linear-gradient(160deg, #FF4949 0%, #FF6B2C 55%, #FF8A3D 100%);
    box-shadow: 0 16px 40px rgba(255, 73, 73, .35), 0 4px 12px rgba(0, 0, 0, .15);
    color: #fff; text-align: center;
    animation: mb-rp-pop .35s cubic-bezier(.2, .9, .3, 1.2);
}
@keyframes mb-rp-pop {
    from { transform: scale(.85); opacity: 0; }
    to   { transform: scale(1);   opacity: 1; }
}

/* 顶栏：白色副标题 + 关闭 × */
.mb-rp-top {
    position: relative;
    padding: 14px 44px 0;
    text-align: center;
}
.mb-rp-header {
    font-size: 14px; font-weight: 700;
    color: #FFF1B8;
    text-shadow: 0 1px 2px rgba(160, 30, 0, .45);
    letter-spacing: .5px;
}
.mb-rp-close {
    position: absolute; top: 8px; right: 8px;
    width: 28px; height: 28px; line-height: 24px; padding: 0;
    border: 0; border-radius: 50%;
    background: rgba(255, 255, 255, .25);
    color: #fff; font-size: 20px; font-weight: 300;
    cursor: pointer; transition: background .15s;
}
.mb-rp-close:hover { background: rgba(255, 255, 255, .4); }

/* 主体 */
.mb-rp-body { padding: 10px 22px 20px; }
.mb-rp-title {
    margin: 12px 0 6px;
    font-size: 30px; font-weight: 800; line-height: 1.1;
    color: #fff;
    text-shadow: 0 2px 6px rgba(180, 30, 0, .45);
    letter-spacing: 2px;
}

/* 吉祥物：内联 SVG（不依赖设备 emoji 字体，任何终端渲染一致） */
.mb-rp-mascot {
    display: flex; align-items: center; justify-content: center;
    margin: 6px 0 14px;
    filter: drop-shadow(0 4px 6px rgba(160, 30, 0, .35));
}
.mb-rp-mascot svg { width: 150px; height: auto; display: block; }

/* 抢按钮：黄色大圆，主 CTA */
.mb-rp-cta {
    display: inline-block;
    min-width: 110px; padding: 12px 36px;
    margin: 0 0 14px;
    border: 0; border-radius: 999px;
    background: linear-gradient(180deg, #FFD53D 0%, #FFB400 100%);
    color: #C33300; font-size: 22px; font-weight: 800; letter-spacing: 4px;
    box-shadow: 0 4px 0 #C98000, 0 8px 16px rgba(255, 150, 0, .35);
    cursor: pointer; transition: transform .12s, box-shadow .12s;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
}
.mb-rp-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 5px 0 #C98000, 0 10px 20px rgba(255, 150, 0, .45);
}
.mb-rp-cta:active {
    transform: translateY(2px);
    box-shadow: 0 2px 0 #C98000, 0 4px 8px rgba(255, 150, 0, .35);
}

/* 副标题：惊喜福利260 */
.mb-rp-sub {
    font-size: 18px; font-weight: 700; color: #FFF1B8;
    text-shadow: 0 1px 2px rgba(160, 30, 0, .45);
    margin-bottom: 12px; letter-spacing: 1px;
}

/* 底部关键词条：京东APP搜密令领取 + 粉丝福利869 */
.mb-rp-tip {
    display: flex; align-items: center; justify-content: center; gap: 6px;
    flex-wrap: wrap;
    font-size: 12.5px; color: #FFE8B8;
    background: rgba(160, 30, 0, .25);
    border-radius: 8px; padding: 8px 10px;
}
.mb-rp-tip-key {
    font-weight: 800; color: #FFE600;
    background: rgba(0, 0, 0, .2);
    padding: 2px 8px; border-radius: 4px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}

/* 我知道了 文本按钮（卡片外底部） */
.mb-rp-confirm {
    display: block; margin: 14px auto 0;
    padding: 6px 16px;
    background: transparent; border: 0;
    color: rgba(255, 255, 255, .75); font-size: 13px;
    cursor: pointer; text-decoration: underline;
}
.mb-rp-confirm:hover { color: #fff; }

/* 复制成功提示（弹层内的 toast） */
.mb-rp-toast {
    position: absolute; left: 50%; top: 50%;
    transform: translate(-50%, -50%) scale(.9);
    background: rgba(0, 0, 0, .75);
    color: #fff; font-size: 14px; font-weight: 600;
    padding: 12px 20px; border-radius: 10px;
    pointer-events: none; opacity: 0; transition: opacity .2s, transform .2s;
    z-index: 1; max-width: 80%;
}
.mb-rp-toast.is-on {
    opacity: 1; transform: translate(-50%, -50%) scale(1);
}

/* 暗色模式：降饱和度，避免过亮刺眼 */
[data-theme="dark"] .mb-rp-card {
    background: linear-gradient(160deg, #C73A3A 0%, #D8552A 55%, #C76C2C 100%);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .55), 0 4px 12px rgba(0, 0, 0, .4);
}
[data-theme="dark"] .mb-rp-mask { background: rgba(0, 0, 0, .7); }

/* 窄屏微调 */
@media (max-width: 380px) {
    .mb-rp-title { font-size: 26px; letter-spacing: 1px; }
    .mb-rp-cta   { font-size: 20px; padding: 10px 32px; min-width: 100px; letter-spacing: 3px; }
    .mb-rp-mascot svg { width: 130px; }
}