/* =====================================================================
 * N14 / 43 · AI 生成内容检测 —— 独立皮肤「分面指标实验报告」
 * 顶部醒目边界声明 + 左输入右六项指标条 + 逐段标注卡与批量对比表。
 * 主题：只消费公共导航写入的 <html data-theme>，不自建开关。
 * ===================================================================== */

.ad-page {
    --nx-bg:        #f7f9fc;
    --nx-bg-2:      #eef2f8;
    --nx-surface:   #ffffff;
    --nx-surface-2: #f2f6fb;
    --nx-surface-3: #e6edf7;
    --nx-ink:       #122036;
    --nx-ink-2:     #4a5b73;
    --nx-ink-3:     #8797ac;
    --nx-line:      #dbe4ef;
    --nx-line-2:    #eaf0f8;
    --nx-a:         #2563a8;
    --nx-b:         #5b6b7f;
    --nx-tint:      #e5eefb;
    --nx-deep:      #1c4d85;
    --tsk-card: #ffffff; --tsk-line: #dbe4ef; --tsk-faint: #8797ac; --tsk-sub: #4a5b73; --tsk-ink: #122036;
}
:root[data-theme="dark"] .ad-page {
    --nx-bg:        #0a111b;
    --nx-bg-2:      #0f1926;
    --nx-surface:   #142032;
    --nx-surface-2: #1b2a40;
    --nx-surface-3: #24354e;
    --nx-ink:       #eaf2fc;
    --nx-ink-2:     #a9bbd0;
    --nx-ink-3:     #7789a1;
    --nx-line:      #2a3c55;
    --nx-line-2:    #1e2e44;
    --nx-a:         #7bb4ee;
    --nx-b:         #9aa9bc;
    --nx-tint:      rgba(123, 180, 238, .15);
    --nx-deep:      #a8cff5;
    --tsk-card: #142032; --tsk-line: #2a3c55; --tsk-faint: #7789a1; --tsk-sub: #a9bbd0; --tsk-ink: #eaf2fc;
}

.ad-page .n14-hero h1 em { color: var(--nx-a); }
.ad-disclaimer { margin-top: 20px; padding: 14px 17px; background: var(--nx-tint); border: 1px solid var(--nx-line); border-left: 4px solid var(--nx-a); border-radius: 10px; font-size: 13.5px; line-height: 1.85; color: var(--nx-ink-2); max-width: 100%; }
.ad-disclaimer > b:first-child { display: inline-block; margin-right: 8px; color: var(--nx-deep); }

.ad-lab { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 16px; margin-top: 18px; align-items: start; }
.ad-input { border-top: 3px solid var(--nx-b); }
.ad-metrics { border-top: 3px solid var(--nx-a); }
.ad-textarea { min-height: 210px; font-size: 14px; line-height: 1.9; }
.ad-examples { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 12px; }
.ad-inputmsg { margin-top: 14px; }

.ad-metriclist { display: grid; gap: 10px; }
.ad-metric { background: var(--nx-surface-2); border: 1px solid var(--nx-line); border-radius: 9px; padding: 10px 12px; }
.ad-metric__top { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.ad-metric__top b { font-size: 13px; color: var(--nx-ink); }
.ad-metric__top span { font-family: var(--nx-mono); font-size: 15px; font-weight: 700; color: var(--nx-a); }
.ad-metric__bar { height: 6px; border-radius: 3px; background: var(--nx-surface-3); margin: 8px 0 7px; overflow: hidden; }
.ad-metric__bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--nx-a), var(--nx-b)); }
.ad-metric small { font-size: 11.5px; line-height: 1.6; color: var(--nx-ink-3); }
.ad-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 14px; }
.ad-kpis div { background: var(--nx-surface); border: 1px solid var(--nx-line); border-radius: 9px; padding: 9px 11px; }
.ad-kpis b { display: block; font-family: var(--nx-mono); font-size: 17px; color: var(--nx-ink); }
.ad-kpis span { font-size: 11px; color: var(--nx-ink-3); }

.ad-segments { display: grid; gap: 10px; }
.ad-seg { display: grid; grid-template-columns: 42px 1fr; gap: 12px; background: var(--nx-surface); border: 1px solid var(--nx-line); border-radius: 11px; padding: 13px 15px; }
.ad-seg--flag { border-left: 3px solid #d9a441; }
.ad-seg__no { font-family: var(--nx-mono); font-size: 12px; color: var(--nx-ink-3); padding-top: 3px; }
.ad-seg__txt { font-size: 14px; line-height: 1.9; color: var(--nx-ink); white-space: pre-wrap; word-break: break-word; }
.ad-seg__meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px; }
.ad-seg__meta span { font-size: 11px; color: var(--nx-ink-3); background: var(--nx-surface-2); border-radius: 6px; padding: 2px 8px; }
.ad-split { align-items: start; }
.ad-batchwrap { margin-top: 16px; max-height: 340px; overflow: auto; }

@media (max-width: 980px) {
    .ad-lab { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .ad-kpis { grid-template-columns: 1fr 1fr; }
    .ad-seg { grid-template-columns: 1fr; }
}