merge: maestro/tsk_lDx6zd-EbA00 [指标统计:执行时长 / 成功率 / 额度消耗估算]
# Conflicts: # web/style.css
This commit is contained in:
@@ -890,3 +890,52 @@ li.ev-updated { --ev: var(--muted); }
|
||||
.t-fold > summary { cursor: pointer; color: var(--muted); font-size: 11.5px; }
|
||||
.t-fold > summary:hover { color: var(--green); }
|
||||
.t-fold .t-pre { max-height: 480px; }
|
||||
|
||||
/* ════════ 指标面板(健康度与成本) ════════ */
|
||||
#metricsSection { margin-top: 28px; }
|
||||
.metrics-scope { margin-left: 8px; font-size: 11px; color: var(--muted); letter-spacing: .04em; }
|
||||
.metric-cards {
|
||||
display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
|
||||
gap: 10px;
|
||||
}
|
||||
.metric-card {
|
||||
border: 1px solid var(--line); background: var(--panel);
|
||||
padding: 10px 12px; min-width: 0;
|
||||
}
|
||||
.metric-card.est { border-style: dashed; }
|
||||
.metric-val {
|
||||
font-size: 26px; font-weight: 700; line-height: 1; color: var(--ink);
|
||||
}
|
||||
.metric-card.ok .metric-val { color: var(--green); text-shadow: 0 0 14px rgba(95,221,125,.35); }
|
||||
.metric-card.warn .metric-val { color: var(--amber); text-shadow: 0 0 14px rgba(240,180,41,.3); }
|
||||
.metric-card.crit .metric-val { color: var(--red); text-shadow: 0 0 14px rgba(255,93,93,.35); }
|
||||
.metric-unit { font-size: 13px; font-weight: 600; color: var(--muted); margin-left: 2px; }
|
||||
.metric-label {
|
||||
margin-top: 6px; font-size: 10px; font-weight: 600;
|
||||
letter-spacing: .16em; text-transform: uppercase; color: var(--muted);
|
||||
}
|
||||
.metric-sub { margin-top: 4px; font-size: 11px; color: var(--faint); }
|
||||
.metric-est { color: var(--cyan); }
|
||||
|
||||
.metric-models {
|
||||
margin-top: 14px; border: 1px solid var(--line-soft);
|
||||
background: var(--bg-deep); padding: 10px 12px;
|
||||
}
|
||||
.metric-models-head {
|
||||
font-size: 10px; font-weight: 600; letter-spacing: .14em;
|
||||
text-transform: uppercase; color: var(--muted); margin-bottom: 8px;
|
||||
}
|
||||
.metric-model-row {
|
||||
display: flex; align-items: center; gap: 10px;
|
||||
padding: 3px 0; font-size: 11.5px;
|
||||
}
|
||||
.metric-model-name { width: 90px; flex: none; color: var(--cyan); }
|
||||
.metric-model-bar {
|
||||
flex: 1; height: 8px; min-width: 40px;
|
||||
background: var(--panel-2); border: 1px solid var(--line-soft); overflow: hidden;
|
||||
}
|
||||
.metric-model-fill {
|
||||
display: block; height: 100%;
|
||||
background: linear-gradient(90deg, var(--cyan-dim), var(--cyan));
|
||||
}
|
||||
.metric-model-num { flex: none; color: var(--muted); white-space: nowrap; }
|
||||
|
||||
Reference in New Issue
Block a user