/* =========================================================================
 * MS 子比红包插件 - 前台样式
 * 原则：尽量只做“兜底”，视觉主体交给 Zibll 主题自身的类，
 *      避免与主题样式打架，也避免刷屏式覆盖。
 * ======================================================================= */

/*
 * 列表标识锚点。服务端在标题前插入一个 hidden 的 marker，
 * 由 frontend.js 把它搬进 .item-tags 并渲染成真正的按钮。
 * 这里再加一层 display:none 兜底：即使 JS 未执行 / 被拦截，
 * 也不会在页面上漏出空标签。
 */
.ms-hongbao-list-marker {
    display: none !important;
}

/* 渲染出来的“红包”标识按钮：在标签行里跟其他标签保持一致间距。 */
.ms-hongbao-list-badge-tag {
    display: inline-flex;
    align-items: center;
    margin: 0 6px 6px 0;
    font-size: 12px;
    line-height: 1.6;
    text-decoration: none;
    white-space: nowrap;
}

/* 自定义 SVG 图标容器：由 zib_red_packet_render_custom_icon 输出。 */
.zib-red-packet-custom-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    flex: 0 0 1em;
    line-height: 1;
    vertical-align: middle;
}

.zib-red-packet-custom-icon-svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

/* 领取弹窗里的进度数字：数字变化时不做动画，避免快速刷新时闪烁。 */
.zib-red-packet-modal .font-bold {
    font-variant-numeric: tabular-nums;
}