niceeval 0.9.1 → 0.10.2

package/src/report/react/styles.css

@@ -1,945 +0,0 @@
-/*
- * niceeval/report/react/styles.css —— 随包发布的默认样式。
- * 契约(docs/feature/reports/architecture.md「静态网页」):
- *   - 所有节点都有稳定的 nre-* 类名;这份 CSS + 类名 = 静态页零依赖成立;
- *   - 要定制,在本文件之后加载自己的覆盖即可,不需要构建工具;
- *   - 令牌体系与 view 同观感:.nre 作用域下自带 light-dark() 令牌(值抄
- *     src/view/styles.css 的 :root),不倚赖宿主壳的变量,深浅色自动跟随;
- *   - 调色板 --nre-c0..c5 是 view 六色 CVD 色板(--series-1..6,顺序按 CVD 校验过,
- *     不要重排),与 src/report/react/colors.ts 的 NRE_PALETTE 逐个对应
- *     (NRE_PALETTE 存浅色值;深色值只住在这里),改色时两边一起改;
- *   - SVG 面零内联 hex:图形挂 nre-series-cN 类,由下面的 --nre-series 上色。
- */
-
-.nre {
-  /* ---- 设计令牌:与 view 同一族(src/view/styles.css :root),报告样式零依赖成立 ---- */
-  color-scheme: light dark;
-  --panel: light-dark(#ffffff, #0b0b0b);
-  --panel-2: light-dark(#f4f4f5, #111111);
-  --line: light-dark(#dedee2, #262626);
-  --line-strong: light-dark(#c9c9cf, #343434);
-  --text: light-dark(#111113, #ededed);
-  --muted: light-dark(#62636a, #a1a1aa);
-  --soft: light-dark(#8b8d98, #74747b);
-  --good: light-dark(#087f5b, #3ddc97);
-  --bad: light-dark(#b42318, #ff6b6b);
-  --warn: light-dark(#9a6700, #e8b84a);
-
-  /* ---- 六色 CVD 分类色板(= view --series-1..6;colors.ts 的散列下标指到这里)---- */
-  --nre-c0: light-dark(#2a78d6, #3987e5);
-  --nre-c1: light-dark(#1baf7a, #199e70);
-  --nre-c2: light-dark(#eda100, #c98500);
-  --nre-c3: light-dark(#008300, #008300);
-  --nre-c4: light-dark(#e34948, #e66767);
-  --nre-c5: light-dark(#eb6834, #d95926);
-  /* 系列色的缺省(无系列的点/柱):中性,不冒充身份 */
-  --nre-series: var(--muted);
-
-  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
-  font-size: 14px;
-  line-height: 1.5;
-  color: var(--text);
-  margin: 1rem 0;
-}
-
-/* ---- locator 与判定符:AttemptList / EvalList / ExperimentList 共用的最小单元 ---- */
-.nre .nre-locator { display:inline-flex; align-items:center; gap:4px; color:var(--nre-c0); font-variant-numeric:tabular-nums; text-decoration:none; white-space:nowrap; }
-.nre .nre-locator:hover { text-decoration:underline; }
-.nre .nre-locator-mark { font-weight:700; }
-.nre .nre-locator.nre-verdict-passed .nre-locator-mark { color:var(--good); }
-.nre .nre-locator.nre-verdict-failed .nre-locator-mark,
-.nre .nre-locator.nre-verdict-errored .nre-locator-mark { color:var(--bad); }
-.nre .nre-locator.nre-verdict-skipped .nre-locator-mark { color:var(--soft); }
-
-/* ---- AttemptList:实体列表的叶子层,一条卡片一个 Attempt ---- */
-.nre-attempt-list .nre-attempts { list-style:none; margin:0; padding:0; }
-.nre-attempt-list .nre-attempt { border:1px solid var(--line); border-left:3px solid var(--line-strong); border-radius:8px; padding:10px 14px; margin-bottom:8px; background:var(--panel); }
-.nre-attempt-list .nre-attempt-failed,
-.nre-attempt-list .nre-attempt-errored { border-left-color: var(--bad); }
-.nre-attempt-list .nre-attempt-head { display:flex; flex-wrap:wrap; gap:.75em; align-items:baseline; }
-.nre-attempt-list .nre-attempt-eval { font-weight:620; }
-.nre-attempt-list .nre-attempt-experiment,
-.nre-attempt-list .nre-attempt-duration,
-.nre-attempt-list .nre-attempt-cost { color:var(--muted); font-size:.9em; font-variant-numeric:tabular-nums; }
-.nre-attempt-list .nre-attempt-result { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:.4rem 0 0; color:color-mix(in oklch,var(--muted),var(--text) 12%); overflow-wrap:anywhere; }
-.nre-attempt-list .nre-truncated { color:var(--warn); font-size:.9em; }
-.nre-attempt-list .nre-attempt-list-empty { border:1px dashed var(--line-strong); border-radius:8px; padding:18px; color:var(--muted); text-align:center; background:var(--panel); }
-
-/* ---- ExperimentComparison:完整组索引 + 当前组独立 panel ---- */
-.nre-experiment-comparison .nre-experiment-group-tabs {
-  display:grid;
-  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
-  gap:12px;
-  margin-bottom:20px;
-}
-.nre-experiment-comparison .nre-experiment-group-tab {
-  min-width:0;
-  border:1px solid var(--line);
-  border-radius:9px;
-  padding:14px 16px 8px;
-  background:var(--panel);
-  cursor:pointer;
-  transition:border-color .12s,background .12s;
-}
-.nre-experiment-comparison .nre-experiment-group-tab:hover {
-  border-color:var(--line-strong);
-  background:color-mix(in oklch,var(--panel-2),var(--panel) 35%);
-}
-.nre-experiment-comparison .nre-experiment-group-tab:focus-visible {
-  outline:2px solid var(--nre-c0);
-  outline-offset:2px;
-}
-.nre-experiment-comparison .nre-experiment-group-name {
-  display:block;
-  margin-bottom:10px;
-  color:var(--text);
-  font-size:15px;
-  overflow-wrap:anywhere;
-}
-/* 组卡里嵌的 ScopeSummary 降为紧凑行:去掉满宽 KPI 条的边框,收小数字 */
-.nre-experiment-comparison .nre-experiment-group-tab .nre-scope-summary { margin:0; }
-.nre-experiment-comparison .nre-experiment-group-tab .nre-scope-kpis {
-  display:flex;
-  flex-wrap:wrap;
-  column-gap:16px;
-  row-gap:6px;
-  margin:0 0 6px;
-  border:0;
-  border-radius:0;
-  background:transparent;
-  overflow:visible;
-}
-.nre-experiment-comparison .nre-experiment-group-tab .nre-scope-kpi {
-  min-width:58px;
-  padding:0;
-  border-right:0;
-}
-.nre-experiment-comparison .nre-experiment-group-tab .nre-scope-kpi dd {
-  margin:3px 0 0;
-  font-size:16px;
-  line-height:1.15;
-  font-weight:650;
-}
-.nre-experiment-comparison .nre-experiment-group-tab .nre-scope-kpi-rate dd { font-size:18px; }
-.nre-experiment-comparison .nre-experiment-group-panel {
-  padding:16px 0;
-}
-.nre-experiment-comparison .nre-experiment-group-panel > summary {
-  cursor:pointer;
-  font-size:16px;
-  font-weight:700;
-  overflow-wrap:anywhere;
-}
-.nre-experiment-comparison .nre-experiment-group-panel[open] > summary {
-  margin-bottom:16px;
-}
-.nre-experiment-comparison .nre-experiment-group-panel > .nre {
-  margin:0 0 18px;
-}
-/* group panel 已经是内容的唯一外框;内嵌图表不再重复套一层卡片边框 */
-.nre-experiment-comparison .nre-experiment-group-panel .nre-metric-scatter,
-.nre-experiment-comparison .nre-experiment-group-panel .nre-metric-line,
-.nre-experiment-comparison .nre-experiment-group-panel .nre-metric-bars {
-  border:0;
-  border-radius:0;
-  background:transparent;
-  padding:14px 0 8px;
-}
-.nre-experiment-comparison .nre-experiment-group-panel > .nre:last-child {
-  margin-bottom:0;
-}
-.nre-experiment-comparison .nre-experiment-groups-empty {
-  border:1px dashed var(--line-strong);
-  border-radius:8px;
-  padding:18px;
-  color:var(--muted);
-  text-align:center;
-  background:var(--panel);
-}
-
-/* ---- EvalList:实体列表的第二级,一条 <details> 一个 experimentId × evalId ---- */
-.nre-eval-list .nre-evals { list-style:none; margin:0; padding:0; }
-.nre-eval-list .nre-eval { border-bottom:1px solid var(--line); }
-.nre-eval-list .nre-eval:last-child { border-bottom:0; }
-.nre-eval-list .nre-eval-summary { display:flex; flex-wrap:wrap; gap:.75em; align-items:baseline; padding:11px 4px; cursor:pointer; list-style:none; }
-.nre-eval-list .nre-eval-summary::-webkit-details-marker { display:none; }
-.nre-eval-list .nre-eval-summary:hover { background:color-mix(in oklch,var(--panel-2),var(--panel) 25%); }
-.nre-eval-list .nre-eval-id { font-weight:560; overflow-wrap:anywhere; }
-.nre-eval-list .nre-eval-experiment,
-.nre-eval-list .nre-eval-score,
-.nre-eval-list .nre-eval-attempts-count,
-.nre-eval-list .nre-eval-duration,
-.nre-eval-list .nre-eval-cost { color:var(--muted); font-size:.9em; font-variant-numeric:tabular-nums; }
-.nre-eval-list .nre-attempts { list-style:none; margin:0 0 12px; padding:0 0 0 20px; border-left:2px solid color-mix(in oklch,var(--nre-c0),transparent 55%); }
-.nre-eval-list .nre-eval-list-empty { border:1px dashed var(--line-strong); border-radius:8px; padding:18px; color:var(--muted); text-align:center; background:var(--panel); }
-
-/* ---- ExperimentList:web 面固定八列比较表,一条 <details> 一个 experiment ---- */
-.nre-experiment-table { border:1px solid var(--line); border-radius:9px; overflow:hidden; background:var(--panel); }
-.nre-experiment-head,
-.nre-experiment-summary { display:grid; grid-template-columns:minmax(220px,1.25fr) minmax(120px,.8fr) minmax(90px,.6fr) minmax(100px,.65fr) minmax(90px,.55fr) minmax(110px,.7fr) minmax(90px,.6fr) minmax(160px,.9fr); column-gap:16px; align-items:center; }
-.nre-experiment-head { padding:12px 20px; color:var(--muted); font-size:12px; font-weight:560; text-transform:uppercase; letter-spacing:.05em; border-bottom:1px solid var(--line); }
-.nre-experiment-head button { appearance:none; border:0; padding:0; background:transparent; color:inherit; font:inherit; text-transform:inherit; letter-spacing:inherit; text-align:left; cursor:pointer; }
-.nre-experiment-head button::after { content:"↕"; margin-left:6px; color:var(--soft); font-size:11px; }
-.nre-experiment-head button.nre-sort-asc::after { content:"↑"; color:var(--text); }
-.nre-experiment-head button.nre-sort-desc::after { content:"↓"; color:var(--text); }
-.nre-experiment-table-wrap > .nre-filter { height:34px; min-width:260px; margin-bottom:16px; border:1px solid var(--line); border-radius:7px; padding:0 11px; background:var(--panel); color:var(--text); font:inherit; }
-.nre-experiment-list .nre-experiment-entry { border-bottom:1px solid var(--line); }
-.nre-experiment-list .nre-experiment-entry:last-child { border-bottom:0; }
-.nre-experiment-list .nre-experiment-summary { padding:13px 20px; cursor:pointer; list-style:none; transition:background .12s; }
-.nre-experiment-list .nre-experiment-summary::-webkit-details-marker { display:none; }
-.nre-experiment-list .nre-experiment-summary:hover { background:color-mix(in oklch,var(--panel-2),var(--panel) 25%); }
-.nre-experiment-list .nre-experiment-summary > span { min-width:0; }
-.nre-experiment-list .nre-experiment-name { position:relative; padding-left:30px; }
-.nre-experiment-list .nre-experiment-name::before { content:""; position:absolute; left:5px; top:6px; width:7px; height:7px; border-right:1.5px solid var(--muted); border-bottom:1.5px solid var(--muted); transform:rotate(-45deg); transition:transform .15s; }
-.nre-experiment-list .nre-experiment-entry[open] .nre-experiment-name::before { transform:rotate(45deg); }
-.nre-experiment-list .nre-experiment-id { display:block; overflow-wrap:anywhere; font-weight:650; }
-.nre-experiment-list .nre-experiment-name small { display:block; margin-top:3px; color:var(--muted); font-size:12px; font-weight:400; }
-.nre-experiment-list .nre-num { font-variant-numeric:tabular-nums; font-feature-settings:"tnum"; white-space:nowrap; }
-.nre-experiment-list .nre-good { color:var(--good); }
-.nre-experiment-list .nre-warn { color:var(--warn); }
-.nre-experiment-list .nre-bad { color:var(--bad); }
-.nre-experiment-list .nre-experiment-pill { display:inline-flex; min-height:22px; align-items:center; border:1px solid var(--line); border-radius:999px; padding:0 8px; color:var(--muted); font-size:12px; white-space:nowrap; }
-.nre-experiment-list .nre-experiment-detail { padding:18px 30px 22px; background:color-mix(in oklch,var(--panel-2),var(--panel) 24%); border-top:1px solid var(--line); }
-.nre-experiment-list .nre-experiment-flags { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px; color:var(--soft); font-size:12px; }
-.nre-experiment-list .nre-experiment-flags b { border:1px solid color-mix(in oklch,var(--line),transparent 16%); border-radius:999px; padding:3px 8px; color:var(--text); font-weight:560; }
-.nre-experiment-list .nre-experiment-evals { list-style:none; margin:0; padding:0; display:grid; gap:6px; }
-.nre-experiment-list .nre-experiment-eval,
-.nre-experiment-list .nre-experiment-attempts { list-style:none; margin:0; padding:0; }
-.nre-experiment-list .nre-experiment-eval { padding:4px 0 9px; border-bottom:1px solid color-mix(in oklch,var(--line),transparent 28%); }
-.nre-experiment-list .nre-experiment-eval:last-child { border-bottom:0; }
-.nre-experiment-list .nre-experiment-eval-header,
-.nre-experiment-list .nre-experiment-attempt-row { display:grid; grid-template-columns:20px minmax(220px,1fr) minmax(150px,.7fr) minmax(260px,1fr); column-gap:12px; align-items:baseline; font-size:13px; }
-.nre-experiment-list .nre-experiment-eval-header { padding:7px 0 5px; }
-.nre-experiment-list .nre-experiment-attempt-row { padding:5px 0 5px 20px; color:var(--muted); }
-.nre-experiment-list .nre-eval-id { font-weight:560; overflow-wrap:anywhere; }
-.nre-experiment-list .nre-eval-attempt-count { color:var(--soft); font-size:12px; }
-.nre-experiment-list .nre-eval-rollup { color:var(--muted); font-size:.92em; overflow-wrap:anywhere; }
-.nre-experiment-list .nre-attempt-branch { color:var(--line-strong); font-variant-numeric:tabular-nums; }
-.nre-experiment-list .nre-eval-attempt-badges { display:inline-flex; flex-wrap:wrap; gap:.6em; }
-.nre-experiment-list .nre-eval-attempt-metrics,
-.nre-experiment-list .nre-eval-reason { color:var(--muted); font-size:.92em; }
-.nre-experiment-list .nre-experiment-list-empty { border:1px dashed var(--line-strong); border-radius:8px; padding:18px; color:var(--muted); text-align:center; background:var(--panel); }
-@media(max-width:1000px){.nre-experiment-table{overflow-x:auto}.nre-experiment-head,.nre-experiment-summary{min-width:1040px}.nre-experiment-detail{min-width:1040px}}
-
-/* ---- verdict 判定色(EvalList/ExperimentList 的判定符;errored 在这里按 bad 收敛) ---- */
-.nre .nre-eval-verdict.nre-verdict-passed { color:var(--good); }
-.nre .nre-eval-verdict.nre-verdict-failed,
-.nre .nre-eval-verdict.nre-verdict-errored { color:var(--bad); }
-.nre .nre-eval-verdict.nre-verdict-skipped { color:var(--soft); }
-
-/* ---- 维度键上色:同一个 key 在任何块里同色(文字) ---- */
-.nre .nre-c0 { color: var(--nre-c0); }
-.nre .nre-c1 { color: var(--nre-c1); }
-.nre .nre-c2 { color: var(--nre-c2); }
-.nre .nre-c3 { color: var(--nre-c3); }
-.nre .nre-c4 { color: var(--nre-c4); }
-.nre .nre-c5 { color: var(--nre-c5); }
-.nre .nre-key { font-weight: 620; }
-
-/* ---- 系列上色(SVG 图形):nre-series-cN 设 --nre-series,fill/stroke 走 var ---- */
-.nre .nre-series-c0 { --nre-series: var(--nre-c0); }
-.nre .nre-series-c1 { --nre-series: var(--nre-c1); }
-.nre .nre-series-c2 { --nre-series: var(--nre-c2); }
-.nre .nre-series-c3 { --nre-series: var(--nre-c3); }
-.nre .nre-series-c4 { --nre-series: var(--nre-c4); }
-.nre .nre-series-c5 { --nre-series: var(--nre-c5); }
-.nre .nre-series-none { --nre-series: var(--muted); }
-
-/* ---- 表格通用:圆角 panel、细分隔线、tabular-nums 数字、uppercase 小标签 ---- */
-table.nre,
-.nre table {
-  border-collapse: separate;
-  border-spacing: 0;
-  width: 100%;
-  border: 1px solid var(--line);
-  border-radius: 8px;
-  overflow: hidden;
-  background: var(--panel);
-}
-.nre th,
-.nre td {
-  border-bottom: 1px solid var(--line);
-  padding: 9px 14px;
-  text-align: left;
-  vertical-align: top;
-  font-size: 13.5px;
-}
-.nre thead th {
-  color: var(--muted);
-  font-weight: 500;
-  font-size: 12px;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  background: var(--panel);
-  white-space: nowrap;
-}
-.nre tbody tr:last-child th,
-.nre tbody tr:last-child td {
-  border-bottom: 0;
-}
-.nre tbody th[scope="row"] {
-  font-weight: 610;
-}
-.nre td {
-  font-variant-numeric: tabular-nums;
-  font-feature-settings: "tnum";
-}
-.nre .nre-dimension {
-  color: var(--muted);
-  font-weight: 500;
-}
-.nre .nre-unit {
-  color: var(--soft);
-  font-weight: 400;
-  text-transform: none;
-  letter-spacing: 0;
-  margin-left: 0.25em;
-}
-.nre .nre-better {
-  color: var(--soft);
-  margin-left: 0.25em;
-}
-
-/* ---- <Table> 原语:作者自定义列;右对齐是 class,不是内联样式 ---- */
-.nre th.nre-align-right,
-.nre td.nre-align-right {
-  text-align: right;
-}
-
-/* ---- 渐进增强:排序指示(enhance.js 点表头时切类)与行过滤 ---- */
-.nre th[data-nre-sort] {
-  cursor: pointer;
-  user-select: none;
-}
-.nre th[data-nre-sort]:hover { color: var(--text); }
-.nre th[data-nre-sort]::after {
-  content: "↕";
-  margin-left: 6px;
-  color: var(--soft);
-  font-size: 11px;
-}
-.nre th[data-nre-sort].nre-sort-asc::after { content: "↑"; color: var(--text); }
-.nre th[data-nre-sort].nre-sort-desc::after { content: "↓"; color: var(--text); }
-.nre .nre-row-hidden { display: none; }
-.nre-metric-table-wrap .nre-filter {
-  height: 34px;
-  min-width: 260px;
-  border: 1px solid var(--line);
-  border-radius: 7px;
-  padding: 0 12px;
-  margin-bottom: 10px;
-  background: var(--panel);
-  color: var(--text);
-  font: inherit;
-  font-size: 13px;
-  outline: none;
-}
-.nre-metric-table-wrap .nre-filter:focus { border-color: var(--line-strong); }
-.nre-metric-table-wrap .nre-filter::placeholder { color: var(--soft); }
-
-/* ---- MetricCell:缺数据 / 覆盖率角标 / 证据链接 ---- */
-.nre .nre-value { white-space: nowrap; }
-.nre .nre-missing {
-  color: var(--soft);
-  font-style: italic;
-}
-.nre .nre-coverage {
-  color: var(--warn);
-  font-size: 0.72em;
-  margin-left: 0.3em;
-}
-.nre .nre-refs {
-  margin-left: 0.4em;
-}
-.nre .nre-ref {
-  color: var(--nre-c0);
-  font-size: 0.85em;
-  text-decoration: none;
-  margin-right: 0.25em;
-}
-.nre .nre-ref:hover {
-  text-decoration: underline;
-}
-.nre .nre-td-empty {
-  background: var(--panel-2);
-}
-/* 数据侧没给的格子:呈现层画软色缺失符,不进 textContent、不参与排序取值 */
-.nre .nre-empty::before {
-  content: "—";
-  color: var(--soft);
-}
-
-/* ---- verdict 语义色与计票 pill ---- */
-.nre .nre-verdict-passed { color: var(--good); }
-.nre .nre-verdict-failed { color: var(--bad); }
-.nre .nre-verdict-errored { color: var(--warn); }
-.nre .nre-verdict-skipped { color: var(--soft); }
-.nre .nre-verdict-tally {
-  display: inline-flex;
-  flex-wrap: wrap;
-  gap: 6px;
-}
-.nre .nre-verdict-pill {
-  display: inline-flex;
-  align-items: center;
-  height: 22px;
-  border: 1px solid var(--line);
-  border-radius: 999px;
-  padding: 0 8px;
-  font-size: 12px;
-  white-space: nowrap;
-  background: var(--panel);
-}
-.nre .nre-verdict-pill.nre-verdict-passed { border-color: color-mix(in oklch, var(--good), var(--line) 55%); }
-.nre .nre-verdict-pill.nre-verdict-failed { border-color: color-mix(in oklch, var(--bad), var(--line) 55%); }
-.nre .nre-verdict-pill.nre-verdict-errored { border-color: color-mix(in oklch, var(--warn), var(--line) 55%); }
-
-/* ---- ScopeSummary:范围摘要卡,满宽 KPI 条(对齐 view 的 .summary/.metric 密度);
-        嵌进 ExperimentComparison 组卡时降为紧凑行(规则在上面的比较块里) ---- */
-.nre-scope-summary .nre-scope-kpis {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
-  border: 1px solid var(--line);
-  border-radius: 8px;
-  overflow: hidden;
-  margin: 0 0 10px;
-  background: var(--panel);
-}
-.nre-scope-summary .nre-scope-kpi {
-  padding: 12px 16px 13px;
-  border-right: 1px solid var(--line);
-  min-width: 0;
-}
-.nre-scope-summary .nre-scope-kpi:last-child { border-right: 0; }
-.nre-scope-summary .nre-scope-kpi dt {
-  color: var(--soft);
-  font-size: 11px;
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-}
-.nre-scope-summary .nre-scope-kpi dd {
-  margin: 6px 0 0;
-  font-size: 20px;
-  line-height: 1;
-  font-weight: 680;
-  font-variant-numeric: tabular-nums;
-  white-space: nowrap;
-}
-/* 计票格装的是 pill 组:允许换行,行高回到常规 */
-.nre-scope-summary .nre-scope-kpi-verdicts dd {
-  white-space: normal;
-  line-height: 1.4;
-}
-.nre .nre-scope-summary-range {
-  color: var(--soft);
-  font-size: 0.85em;
-  margin: 0.25rem 0 0;
-}
-
-/* ---- 宿主警告块:.nre-warnings 是默认折叠的 <details>,<summary> 汇总行恒可见。
-   不占框:无边框、无底色、不缩进,警示色只落在汇总行文字与徽标上。 ---- */
-.nre .nre-warnings {
-  margin: 0;
-  color: var(--text);
-  font-size: 13px;
-}
-/* 外层 <details> 的 <summary>:分类计数汇总行,原生无 JS 可展开。 */
-.nre .nre-warnings > .nre-warnings-summary {
-  font-weight: 650;
-  color: var(--warn);
-  cursor: pointer;
-}
-.nre .nre-warning-groups {
-  list-style: none;
-  margin: 8px 0 0;
-  padding: 0;
-}
-.nre .nre-warning-group + .nre-warning-group {
-  margin-top: 10px;
-  padding-top: 10px;
-  border-top: 1px solid var(--line);
-}
-.nre .nre-warning-head {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: baseline;
-  gap: 4px 10px;
-}
-.nre .nre-warning-title { font-weight: 650; }
-.nre .nre-warning-badge {
-  padding: 1px 8px;
-  border: 1px solid color-mix(in oklch, var(--warn), var(--line) 35%);
-  border-radius: 999px;
-  background: color-mix(in oklch, var(--warn), var(--panel) 84%);
-  font-size: 0.9em;
-  white-space: nowrap;
-}
-/* freshness 组(数字对但可能过期)视觉降一档,integrity 保持警示底色。 */
-.nre .nre-warning-group[data-category="freshness"] .nre-warning-badge {
-  border-color: var(--line);
-  background: var(--panel);
-  color: var(--soft);
-}
-.nre .nre-warning-details { margin: 4px 0 0; }
-/* <details> 原生无 JS 可展开,cursor 不经 .nre-js 门控。 */
-.nre .nre-warning-details > summary {
-  color: var(--soft);
-  font-size: 0.9em;
-  cursor: pointer;
-}
-.nre .nre-warning-details > ul {
-  list-style: none;
-  margin: 4px 0 0;
-  padding: 0 0 0 12px;
-  border-left: 2px solid var(--line);
-}
-.nre .nre-warning + .nre-warning { margin-top: 8px; }
-/* 警告携带的下一步命令:等宽块,无 JS 时点击即全选;enhance.js 在场时点击复制 */
-.nre .nre-warning-command {
-  display: block;
-  margin-top: 6px;
-  padding: 6px 10px;
-  border: 1px solid var(--line);
-  border-radius: 7px;
-  background: var(--panel);
-  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
-  font-size: 0.9em;
-  overflow-wrap: anywhere;
-  user-select: all;
-}
-:root.nre-js .nre .nre-warning-command { cursor: copy; }
-:root.nre-js .nre .nre-warning-command:hover { border-color: var(--line-strong); }
-.nre .nre-warning-command[data-nre-copied]::after {
-  content: "✓";
-  margin-left: 0.6em;
-  color: var(--good);
-}
-
-/* ---- Hero / PoweredBy(站点标题区与品牌行) ---- */
-/* 居中大标题:hero 是页首的门面块,整块占满内容列宽、文本水平居中,标题随视口 clamp 放大,
-   meta 与品牌行居中跟随。不设 max-width——窄框居中在宽内容列里会读成左偏,占满列宽才真居中。 */
-.nre-hero {
-  text-align: center;
-  margin: 0 0 clamp(28px, 5vw, 44px);
-}
-.nre-hero .nre-hero-title {
-  margin: 0;
-  font-size: clamp(38px, 5vw, 60px);
-  line-height: 0.98;
-  font-weight: 760;
-  letter-spacing: -0.01em;
-}
-.nre-hero .nre-hero-meta {
-  margin: 14px 0 0;
-  color: var(--muted);
-  font-size: 14px;
-}
-.nre-powered-by {
-  margin: 10px 0 0;
-  font-size: 12px;
-}
-.nre-powered-by a {
-  color: var(--soft);
-  text-decoration: none;
-}
-.nre-powered-by a:hover { color: var(--text); text-decoration: underline; }
-
-/* ---- CopyFixPrompt(批量修复 prompt:折叠块 + 增强层复制) ---- */
-.nre-copy-fix-prompt {
-  margin: 0 0 16px;
-  border: 1px solid var(--line);
-  border-radius: 8px;
-  background: var(--panel);
-  padding: 8px 12px;
-}
-.nre-copy-fix-prompt > summary {
-  cursor: pointer;
-  font-weight: 620;
-  font-size: 13px;
-}
-.nre-copy-fix-prompt .nre-copy-fix-prompt-copy {
-  margin: 8px 0 0;
-  padding: 4px 10px;
-  border: 1px solid var(--line);
-  border-radius: 7px;
-  background: var(--panel);
-  color: var(--text);
-  font: inherit;
-  font-size: 12px;
-}
-:root.nre-js .nre-copy-fix-prompt .nre-copy-fix-prompt-copy { cursor: copy; }
-.nre-copy-fix-prompt .nre-copy-fix-prompt-copy[data-nre-copied]::after {
-  content: "✓";
-  margin-left: 0.6em;
-  color: var(--good);
-}
-.nre-copy-fix-prompt .nre-copy-fix-prompt-text {
-  margin: 8px 0 0;
-  padding: 8px 10px;
-  border: 1px solid var(--line);
-  border-radius: 7px;
-  background: var(--bg, transparent);
-  font-size: 12px;
-  line-height: 1.5;
-  overflow-x: auto;
-  white-space: pre-wrap;
-  overflow-wrap: anywhere;
-}
-
-/* ---- TraceWaterfall(每 attempt 一行的静态时间瀑布) ---- */
-.nre-trace-waterfall .nre-waterfall {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.nre-trace-waterfall .nre-waterfall-row {
-  border: 1px solid var(--line);
-  border-radius: 8px;
-  padding: 10px 14px;
-  margin-bottom: 8px;
-  background: var(--panel);
-}
-.nre-trace-waterfall .nre-waterfall-head {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.75em;
-  align-items: baseline;
-}
-.nre-trace-waterfall .nre-waterfall-eval { font-weight: 620; }
-.nre-trace-waterfall .nre-waterfall-experiment,
-.nre-trace-waterfall .nre-waterfall-duration,
-.nre-trace-waterfall .nre-waterfall-count {
-  color: var(--muted);
-  font-size: 0.9em;
-  font-variant-numeric: tabular-nums;
-}
-.nre-trace-waterfall .nre-waterfall-failed { color: var(--bad); font-size: 0.9em; }
-/* 分解条:span 按 startOffsetMs / durationMs 百分比静态定位,失败 span 换警示色 */
-.nre-trace-waterfall .nre-waterfall-track {
-  position: relative;
-  height: 14px;
-  margin-top: 8px;
-  border-radius: 4px;
-  background: color-mix(in oklch, var(--line), var(--panel) 60%);
-  overflow: hidden;
-}
-.nre-trace-waterfall .nre-waterfall-span {
-  position: absolute;
-  top: 2px;
-  bottom: 2px;
-  border-radius: 2px;
-  background: var(--line-strong);
-}
-.nre-trace-waterfall .nre-span-agent { background: color-mix(in oklch, var(--good), var(--line-strong) 40%); }
-.nre-trace-waterfall .nre-span-model { background: color-mix(in oklch, var(--warn), var(--line-strong) 40%); }
-.nre-trace-waterfall .nre-span-tool { background: color-mix(in oklch, var(--line-strong), var(--text) 25%); }
-.nre-trace-waterfall .nre-span-failed { background: var(--bad); }
-.nre-trace-waterfall .nre-waterfall-empty {
-  border: 1px dashed var(--line-strong);
-  border-radius: 8px;
-  padding: 18px;
-  color: var(--muted);
-  text-align: center;
-  background: var(--panel);
-}
-
-/* ---- AttemptList 的过滤框(<AttemptList filter />,渐进增强) ---- */
-.nre-attempt-list > .nre-filter {
-  height: 34px;
-  min-width: 260px;
-  margin-bottom: 12px;
-  border: 1px solid var(--line);
-  border-radius: 7px;
-  padding: 0 11px;
-  background: var(--panel);
-  color: var(--text);
-  font: inherit;
-}
-
-/* ---- MetricMatrix ---- */
-.nre-metric-matrix .nre-matrix-caption {
-  caption-side: top;
-  text-align: left;
-  font-weight: 650;
-  padding-bottom: 0.4rem;
-}
-.nre-metric-matrix .nre-matrix-axes {
-  color: var(--soft);
-  font-weight: 400;
-  margin-left: 0.75em;
-}
-
-/* ---- Scoreboard ---- */
-.nre-scoreboard .nre-total {
-  font-weight: 700;
-}
-.nre-scoreboard .nre-full-marks {
-  color: var(--soft);
-  font-weight: 400;
-  margin-left: 0.25em;
-}
-/* 两种 0 分的注脚分开着色:没去考(notRun)偏警示,考了判不了(unscorable)偏软 */
-.nre-scoreboard .nre-total-not-run,
-.nre-scoreboard .nre-total-unscorable,
-.nre-scoreboard .nre-subject-not-run,
-.nre-scoreboard .nre-subject-unscorable {
-  display: block;
-  font-size: 0.8em;
-  font-weight: 400;
-}
-.nre-scoreboard .nre-total-not-run,
-.nre-scoreboard .nre-subject-not-run { color: var(--warn); }
-.nre-scoreboard .nre-total-unscorable,
-.nre-scoreboard .nre-subject-unscorable { color: var(--soft); }
-.nre-scoreboard .nre-scoreboard-ignored {
-  color: var(--muted);
-  font-size: 0.85em;
-  margin: 0.25rem 0 0;
-}
-.nre-scoreboard .nre-weights {
-  color: var(--muted);
-  font-size: 0.85em;
-  margin: 0.4rem 0 0;
-}
-.nre-scoreboard .nre-weight,
-.nre-scoreboard .nre-weight-rest {
-  margin-left: 0.5em;
-}
-
-/* ---- 图表通用:panel 卡片、轴/网格/tooltip ---- */
-.nre-metric-scatter,
-.nre-metric-line,
-.nre-metric-bars {
-  position: relative; /* tooltip 的定位根 */
-  border: 1px solid var(--line);
-  border-radius: 8px;
-  padding: 14px 16px 8px;
-  margin: 1rem 0;
-  background: var(--panel);
-}
-.nre-metric-scatter .nre-scatter-svg,
-.nre-metric-line .nre-line-svg,
-.nre-metric-bars .nre-bars-svg {
-  max-width: 720px;
-  width: 100%;
-  height: auto;
-  display: block;
-  overflow: visible;
-}
-.nre .nre-scatter-grid line { stroke: var(--line); stroke-width: 1; }
-.nre .nre-scatter-tick,
-.nre .nre-line-tick { fill: var(--muted); font-size: 10px; }
-.nre .nre-scatter-xlabel,
-.nre .nre-scatter-ylabel,
-.nre .nre-line-xlabel,
-.nre .nre-line-ylabel,
-.nre .nre-bars-group-label { fill: var(--muted); font-size: 12px; }
-.nre .nre-scatter-better-hint { fill: var(--soft); font-size: 11px; }
-.nre .nre-line-plot { stroke: var(--line); }
-.nre .nre-bars-baseline { stroke: var(--line-strong); }
-.nre .nre-leader { stroke: var(--line-strong); stroke-width: 1; }
-
-.nre .nre-scatter-line,
-.nre .nre-line-path {
-  stroke: var(--nre-series);
-  stroke-width: 1.5;
-  fill: none;
-}
-.nre .nre-scatter-point { cursor: default; }
-.nre .nre-scatter-hit { fill: transparent; }
-.nre .nre-scatter-dot {
-  fill: var(--nre-series);
-  stroke: var(--panel);
-  stroke-width: 2;
-}
-.nre .nre-scatter-point:hover .nre-scatter-dot { r: 6.5; }
-.nre .nre-scatter-point-label { fill: var(--text); font-size: 11px; }
-.nre .nre-line-point { fill: var(--nre-series); }
-.nre .nre-line-series-label { fill: var(--nre-series); font-size: 12px; }
-.nre .nre-bar { fill: var(--nre-series); }
-.nre .nre-bar-value { fill: var(--muted); font-size: 10px; }
-.nre .nre-scatter-point-link .nre-scatter-dot:hover,
-.nre .nre-line-point-link circle:hover {
-  stroke: var(--text);
-  stroke-width: 1.5;
-}
-.nre-metric-scatter .nre-scatter-legend,
-.nre-metric-bars .nre-bars-legend {
-  color: var(--muted);
-  font-size: 0.85em;
-  margin-top: 0.25rem;
-}
-.nre .nre-legend-key { margin-right: 0.75em; }
-.nre-metric-bars .nre-bars-metric {
-  margin-right: 1em;
-  font-weight: 600;
-  color: var(--text);
-}
-.nre-metric-scatter .nre-scatter-missing,
-.nre-metric-line .nre-line-missing {
-  color: var(--warn);
-  font-size: 0.85em;
-  margin: 0.25rem 0 0;
-}
-/* 散点空态(0 可画点)/ 不足以成图(1 可画点):明说缺什么,不画空坐标系 */
-.nre-metric-scatter .nre-scatter-empty {
-  color: var(--muted);
-  padding: 1.5rem 0.5rem;
-  text-align: center;
-}
-
-/* enhance.js 的样式化 tooltip(无 JS 时退化为 SVG <title>) */
-.nre .nre-tooltip {
-  position: absolute;
-  transform: translate(-50%, -100%);
-  margin-top: -12px;
-  background: var(--panel);
-  border: 1px solid var(--line-strong);
-  border-radius: 6px;
-  padding: 8px 10px;
-  font-size: 12px;
-  white-space: pre;
-  pointer-events: none;
-  box-shadow: 0 4px 16px color-mix(in oklch, var(--text), transparent 88%);
-  z-index: 5;
-}
-.nre .nre-tooltip b { font-size: 13px; display: block; }
-.nre .nre-tooltip .nre-tooltip-meta { color: var(--muted); margin-top: 2px; }
-
-/* ---- DeltaTable ---- */
-.nre-delta-table .nre-pair-ids {
-  display: block;
-  color: var(--soft);
-  font-size: 0.8em;
-  font-weight: 400;
-}
-.nre-delta-table .nre-delta-side {
-  display: block;
-  white-space: nowrap;
-}
-.nre-delta-table .nre-delta-tag {
-  display: inline-block;
-  width: 1.2em;
-  color: var(--soft);
-  font-size: 0.8em;
-}
-/* Δ 行按数据侧算好的 outcome 着色:涨跌好坏不由正负号决定 */
-.nre .nre-delta-d[data-outcome="improved"] { color: var(--good); }
-.nre .nre-delta-d[data-outcome="regressed"] { color: var(--bad); }
-.nre .nre-delta-d[data-outcome="unchanged"] { color: var(--muted); }
-.nre .nre-delta-d[data-outcome="unavailable"] { color: var(--soft); }
-/* 0 对不是错误:明确空态,与各列表 empty 同一姿势 */
-.nre-delta-table-empty {
-  border: 1px dashed var(--line-strong);
-  border-radius: 8px;
-  padding: 18px;
-  color: var(--muted);
-  text-align: center;
-  background: var(--panel);
-}
-.nre-delta-table-empty .nre-missing { margin: 0; }
-
-/* ---- 排版原语 Row / Col / Section / Text ---- */
-.nre-col {
-  display: flex;
-  flex-direction: column;
-  gap: 1.25rem;
-}
-.nre-col > .nre { margin: 0; }
-.nre-row {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 1.5rem;
-  align-items: flex-start;
-}
-.nre-row > * {
-  flex: 1 1 20rem;
-  min-width: 0;
-}
-.nre-section .nre-section-title {
-  font-size: 17px;
-  font-weight: 700;
-  line-height: 1.2;
-  margin: 0 0 10px;
-}
-.nre-section > .nre { margin: 0 0 1rem; }
-.nre-text {
-  color: var(--muted);
-  margin: 0.25rem 0;
-}
-
-/* ---- Tabs:静态 HTML 每 tab 一个 <details> 且仅首个 open(无 JS = 手风琴卡片,内容完整);
-        enhance.js 在 <html> 上打 nre-js 后升级为单选 tab 条:收起的 tab 缩成一枚标题排在首行,
-        唯一展开的 tab 以 100% 宽 + order:1 换行到下方,活动标题带高亮下划线、贴着面板顶部。
-        不能用 display:contents 把 summary/body 直接投影进 flex 容器——Chrome 里 <details> 的
-        UA shadow slot 会成为 flex item,子元素的 order 失效、收起面板还留 0 宽盒 ---- */
-.nre-tabs > .nre-tab {
-  border: 1px solid var(--line);
-  border-radius: 8px;
-  background: var(--panel);
-  margin-bottom: 8px;
-}
-.nre-tabs > .nre-tab > .nre-tab-title {
-  padding: 10px 14px;
-  cursor: pointer;
-  user-select: none;
-  font-weight: 620;
-  list-style: none;
-}
-.nre-tabs > .nre-tab > .nre-tab-title::-webkit-details-marker { display: none; }
-.nre-tabs > .nre-tab > .nre-tab-title::before {
-  content: "";
-  display: inline-block;
-  width: 7px;
-  height: 7px;
-  margin-right: 10px;
-  border-right: 1.5px solid var(--muted);
-  border-bottom: 1.5px solid var(--muted);
-  transform: rotate(-45deg);
-  transition: transform 0.15s;
-  vertical-align: 1px;
-}
-.nre-tabs > .nre-tab[open] > .nre-tab-title::before { transform: rotate(45deg); }
-.nre-tabs > .nre-tab > .nre-tab-body { padding: 2px 14px 12px; }
-.nre-tabs .nre-tab-body > .nre:first-child { margin-top: 0; }
-.nre-tabs .nre-tab-body > .nre:last-child { margin-bottom: 0; }
-
-:root.nre-js .nre-tabs {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: stretch;
-  column-gap: 2px;
-}
-:root.nre-js .nre-tabs > .nre-tab {
-  margin: 0;
-  border: 0;
-  border-radius: 0;
-  background: transparent;
-  flex: 0 0 auto;
-  min-width: 0;
-}
-:root.nre-js .nre-tabs > .nre-tab[open] {
-  flex: 1 1 100%;
-  order: 1;
-}
-:root.nre-js .nre-tabs > .nre-tab > .nre-tab-title {
-  padding: 8px 14px 9px;
-  border-radius: 7px 7px 0 0;
-  color: var(--muted);
-  font-weight: 560;
-  box-shadow: inset 0 -1px 0 var(--line);
-}
-:root.nre-js .nre-tabs > .nre-tab > .nre-tab-title::before { content: none; }
-:root.nre-js .nre-tabs > .nre-tab > .nre-tab-title:hover {
-  color: var(--text);
-  background: color-mix(in oklch, var(--panel-2), var(--panel) 35%);
-}
-:root.nre-js .nre-tabs > .nre-tab[open] > .nre-tab-title {
-  width: max-content;
-  max-width: 100%;
-  color: var(--text);
-  font-weight: 650;
-  box-shadow: inset 0 -2px 0 var(--nre-c0);
-  cursor: default;
-}
-:root.nre-js .nre-tabs > .nre-tab > .nre-tab-body { padding: 14px 0 0; }