補齊 AI 觀測台 badge 對比規範
All checks were successful
CD Pipeline / deploy (push) Successful in 58s

This commit is contained in:
OoO
2026-05-13 16:13:05 +08:00
parent 830661bb43
commit c50180f885
3 changed files with 153 additions and 1 deletions

View File

@@ -320,7 +320,7 @@ YOUTUBE_API_KEY = os.getenv('YOUTUBE_API_KEY', '')
# ==========================================
# 系統版本與路徑
# ==========================================
SYSTEM_VERSION = "V10.113"
SYSTEM_VERSION = "V10.114"
LOG_FILE_PATH = os.path.join(BASE_DIR, 'logs/system.log')
public_url = PUBLIC_URL # 用於模板顯示

View File

@@ -2032,3 +2032,79 @@
gap: 0.8rem !important;
}
}
/* v3.4 chip and nested-surface normalization: remove low-contrast legacy dark-hero residue. */
.momo-observability-mode :is(
.biz-filter-card,
.biz-alert-strip,
.biz-strategy-card,
.biz-mini-metric,
.biz-decision-card,
.episode-card,
.similar-box,
.fix-card,
.root-card,
.rec-card,
.agent-card,
.caller-card,
.host-lane,
.strategy-card,
.obs-route-card
) {
background-color: var(--momo-bg-elevated, #fdfaf2) !important;
background-image: none !important;
border: 1px solid var(--obs-line) !important;
border-radius: 8px !important;
box-shadow: none !important;
color: var(--obs-ink) !important;
}
.momo-observability-mode :is(.obs-pill, [class$="-pill"], .biz-badge, .badge) {
align-items: center;
background-color: color-mix(in srgb, var(--obs-accent) 9%, var(--momo-bg-elevated, #fdfaf2)) !important;
background-image: none !important;
border: 1px solid color-mix(in srgb, var(--obs-accent) 22%, var(--obs-line)) !important;
border-radius: 8px !important;
color: var(--obs-ink) !important;
display: inline-flex;
font-family: var(--momo-font-family, "Inter", "Noto Sans TC", system-ui, sans-serif) !important;
font-size: 0.78rem !important;
font-weight: 700 !important;
gap: 0.35rem;
letter-spacing: 0 !important;
line-height: 1.25 !important;
max-width: 100%;
min-height: 1.75rem;
padding: 0.28rem 0.55rem !important;
text-transform: none !important;
white-space: normal !important;
}
.momo-observability-mode :is(.badge.bg-success, .biz-badge.good) {
background-color: color-mix(in srgb, var(--obs-green) 14%, var(--momo-bg-elevated, #fdfaf2)) !important;
border-color: color-mix(in srgb, var(--obs-green) 28%, var(--obs-line)) !important;
color: color-mix(in srgb, var(--obs-green) 76%, var(--obs-ink)) !important;
}
.momo-observability-mode :is(.badge.bg-warning, .biz-badge.warn) {
background-color: color-mix(in srgb, var(--obs-warn) 16%, var(--momo-bg-elevated, #fdfaf2)) !important;
border-color: color-mix(in srgb, var(--obs-warn) 32%, var(--obs-line)) !important;
color: color-mix(in srgb, var(--obs-warn) 72%, var(--obs-ink)) !important;
}
.momo-observability-mode .badge.bg-danger {
background-color: color-mix(in srgb, var(--obs-red) 14%, var(--momo-bg-elevated, #fdfaf2)) !important;
border-color: color-mix(in srgb, var(--obs-red) 32%, var(--obs-line)) !important;
color: color-mix(in srgb, var(--obs-red) 74%, var(--obs-ink)) !important;
}
.momo-observability-mode :is(.badge.bg-info, .badge.bg-primary, .badge.bg-secondary, .badge.bg-light) {
background-color: color-mix(in srgb, var(--obs-blue) 10%, var(--momo-bg-elevated, #fdfaf2)) !important;
border-color: color-mix(in srgb, var(--obs-blue) 22%, var(--obs-line)) !important;
color: var(--obs-ink) !important;
}
.momo-observability-mode .biz-meta-row {
gap: 0.5rem !important;
max-width: 100%;
}

View File

@@ -2032,3 +2032,79 @@
gap: 0.8rem !important;
}
}
/* v3.4 chip and nested-surface normalization: remove low-contrast legacy dark-hero residue. */
.momo-observability-mode :is(
.biz-filter-card,
.biz-alert-strip,
.biz-strategy-card,
.biz-mini-metric,
.biz-decision-card,
.episode-card,
.similar-box,
.fix-card,
.root-card,
.rec-card,
.agent-card,
.caller-card,
.host-lane,
.strategy-card,
.obs-route-card
) {
background-color: var(--momo-bg-elevated, #fdfaf2) !important;
background-image: none !important;
border: 1px solid var(--obs-line) !important;
border-radius: 8px !important;
box-shadow: none !important;
color: var(--obs-ink) !important;
}
.momo-observability-mode :is(.obs-pill, [class$="-pill"], .biz-badge, .badge) {
align-items: center;
background-color: color-mix(in srgb, var(--obs-accent) 9%, var(--momo-bg-elevated, #fdfaf2)) !important;
background-image: none !important;
border: 1px solid color-mix(in srgb, var(--obs-accent) 22%, var(--obs-line)) !important;
border-radius: 8px !important;
color: var(--obs-ink) !important;
display: inline-flex;
font-family: var(--momo-font-family, "Inter", "Noto Sans TC", system-ui, sans-serif) !important;
font-size: 0.78rem !important;
font-weight: 700 !important;
gap: 0.35rem;
letter-spacing: 0 !important;
line-height: 1.25 !important;
max-width: 100%;
min-height: 1.75rem;
padding: 0.28rem 0.55rem !important;
text-transform: none !important;
white-space: normal !important;
}
.momo-observability-mode :is(.badge.bg-success, .biz-badge.good) {
background-color: color-mix(in srgb, var(--obs-green) 14%, var(--momo-bg-elevated, #fdfaf2)) !important;
border-color: color-mix(in srgb, var(--obs-green) 28%, var(--obs-line)) !important;
color: color-mix(in srgb, var(--obs-green) 76%, var(--obs-ink)) !important;
}
.momo-observability-mode :is(.badge.bg-warning, .biz-badge.warn) {
background-color: color-mix(in srgb, var(--obs-warn) 16%, var(--momo-bg-elevated, #fdfaf2)) !important;
border-color: color-mix(in srgb, var(--obs-warn) 32%, var(--obs-line)) !important;
color: color-mix(in srgb, var(--obs-warn) 72%, var(--obs-ink)) !important;
}
.momo-observability-mode .badge.bg-danger {
background-color: color-mix(in srgb, var(--obs-red) 14%, var(--momo-bg-elevated, #fdfaf2)) !important;
border-color: color-mix(in srgb, var(--obs-red) 32%, var(--obs-line)) !important;
color: color-mix(in srgb, var(--obs-red) 74%, var(--obs-ink)) !important;
}
.momo-observability-mode :is(.badge.bg-info, .badge.bg-primary, .badge.bg-secondary, .badge.bg-light) {
background-color: color-mix(in srgb, var(--obs-blue) 10%, var(--momo-bg-elevated, #fdfaf2)) !important;
border-color: color-mix(in srgb, var(--obs-blue) 22%, var(--obs-line)) !important;
color: var(--obs-ink) !important;
}
.momo-observability-mode .biz-meta-row {
gap: 0.5rem !important;
max-width: 100%;
}