/* 彻底重置组件内部所有元素的盒模型及内外边距，防止外部全局样式污染内部 */
#blacklistNoticeModule,
#blacklistNoticeModule * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 组件最外层容器：全屏遮罩 + 弹性居中，默认隐藏，由外部JS控制显示 */
#blacklistNoticeModule {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
    /* 半透明深色遮罩，突出提示内容 */
    backdrop-filter: blur(3px);
    /* 轻微背景模糊，增强视觉层次（不影响性能，可选） */
    display: none;
    /* 默认隐藏 */
    justify-content: center;
    align-items: center;
    z-index: 999999;
    /* 极高层级，确保覆盖所有页面内容 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* 提示卡片主体 */
.bn-card {
    width: 90%;
    max-width: 420px;
    background: #ffffff;
    border-radius: 28px;
    box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.02);
    text-align: center;
    padding: 32px 24px 28px 24px;
    transition: transform 0.2s ease;
    animation: fadeSlideUp 0.28s cubic-bezier(0.2, 0.9, 0.4, 1.1);
}

/* 简洁的淡入 + 上浮动效 */
@keyframes fadeSlideUp {
    0% {
        opacity: 0;
        transform: translateY(18px) scale(0.96);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* 图标区域 — 醒目警示风格 */
.bn-icon {
    font-size: 64px;
    line-height: 1;
    margin-bottom: 20px;
    display: inline-block;
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.08));
}

/* 主标题/提示文字 */
.bn-message {
    font-size: 22px;
    font-weight: 600;
    color: #1f1f2f;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    line-height: 1.35;
}

/* 辅助描述（可选，加强语境） */
.bn-desc {
    font-size: 14px;
    color: #6c6f78;
    margin-top: 8px;
    margin-bottom: 12px;
    border-top: 1px solid #f0f0f0;
    padding-top: 18px;
    font-weight: 400;
}

/* 可选的小提示（无交互，仅提升体验） */
.bn-footnote {
    font-size: 12px;
    color: #a1a4ae;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.bn-footnote span {
    background: #f5f5f7;
    padding: 4px 10px;
    border-radius: 60px;
    font-size: 11px;
}

/* 为防止外部页面样式误染，所有文字颜色与背景强制独立 */
#blacklistNoticeModule .bn-card,
#blacklistNoticeModule .bn-card * {
    color-scheme: only light;
}

/* 兼容移动端触摸优化 */
@media (max-width: 560px) {
    .bn-card {
        padding: 28px 20px 24px 20px;
    }

    .bn-message {
        font-size: 20px;
    }

    .bn-icon {
        font-size: 56px;
    }
}