/* AI 起名成功率报告弹层。PC 居中弹层 / H5 底部抽屉。禁 color-mix。 */

.nm-report-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3000;
    padding: 16px;
}

.nm-report-box {
    background: #ffffff;
    border-radius: 14px;
    width: 100%;
    max-width: 460px;
    max-height: 80vh;
    overflow-y: auto;
    padding: 16px 18px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.nm-report-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.nm-report-title {
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
}

.nm-report-close {
    border: none;
    background: transparent;
    font-size: 24px;
    line-height: 1;
    color: #9aa0a6;
    cursor: pointer;
    padding: 0 4px;
}

.nm-report-sub {
    font-size: 13px;
    color: #6b7178;
    margin: 8px 0 12px;
}

.nm-report-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.nm-report-table th,
.nm-report-table td {
    border-bottom: 1px solid #eceef1;
    padding: 8px 6px;
    text-align: center;
    color: #3a3f45;
}

.nm-report-table th {
    color: #8a9099;
    font-weight: 500;
}

.nm-risk-high { color: #d0021b; }
.nm-risk-mid { color: #e08600; }
.nm-risk-low { color: #2e9e5b; }

.nm-report-empty {
    font-size: 13px;
    color: #9aa0a6;
    padding: 12px 0;
    text-align: center;
}

.nm-report-note {
    font-size: 12px;
    color: #9aa0a6;
    margin-top: 12px;
    line-height: 1.5;
}

@media (max-width: 640px) {
    .nm-report-overlay {
        align-items: flex-end;
        padding: 0;
    }
    .nm-report-box {
        max-width: 100%;
        border-radius: 16px 16px 0 0;
        max-height: 88vh;
    }
}

@media (prefers-color-scheme: dark) {
    .nm-report-box { background: #1e2024; }
    .nm-report-title { color: #f0f1f3; }
    .nm-report-sub { color: #a8adb4; }
    .nm-report-table th, .nm-report-table td { border-color: #2f333a; color: #cbd0d6; }
    .nm-report-table th { color: #8a9099; }
}

:root[data-theme="dark"] .nm-report-box { background: #1e2024; }
:root[data-theme="dark"] .nm-report-title { color: #f0f1f3; }
:root[data-theme="dark"] .nm-report-table th,
:root[data-theme="dark"] .nm-report-table td { border-color: #2f333a; color: #cbd0d6; }
:root[data-theme="light"] .nm-report-box { background: #ffffff; }