/* ═══════════════════════════════════════════════════════════════════════
   天讯 API · 两个业务徽标层的 Riso 覆盖 (tx-riso-badges.css)
   ═══════════════════════════════════════════════════════════════════════
   2026-10-23。覆盖对象（它们的样式定义在各自的 CSS 里，本文件不动原文件）：

     · .tx-degrade-badge   ← tx-degrade.css      「降级监控」徽标（绿/橙）
     · .tx-cache-rate-badge ← tx-cache-rate.css  「综合缓存率」徽标（青/橙/红）

   为什么单独一个文件：这两个徽标是**后加的业务层**，颜色硬编码在各自的 CSS 里
   （`rgba(16,185,129,.1)` 等），不引用任何令牌。把它们也归到 Riso 的
   朱红 / 油青 两色，全站才没有"突然跳出来的绿"。

   回滚：删掉 nginx sub_filter 里本文件的 <link>，或直接删本文件。
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 降级监控徽标 ── */
.tx-degrade-badge{
  border-radius: 0 !important;
  transition: none !important;
  font-family: "SFMono-Regular", Consolas, Menlo, monospace !important;
  letter-spacing: .02em !important;
  box-shadow: none !important;
  filter: none !important;
}
/* 正常 → 油青描边（不用绿：Riso 只有两种专色） */
.tx-degrade-badge.is-ok{
  background: transparent !important;
  border: 1px solid var(--riso-cyan, #1D6B87) !important;
  color: var(--riso-cyan, #1D6B87) !important;
}
/* 预警 → 朱红描边 */
.tx-degrade-badge.is-warn{
  background: transparent !important;
  border: 1px solid var(--riso-red, #E04A2B) !important;
  color: var(--riso-red, #E04A2B) !important;
}
.tx-degrade-badge:hover{
  filter: none !important;
  box-shadow: none !important;
  background: var(--riso-paper-2, #EAE3D0) !important;
}
.tx-degrade-badge:focus-visible{
  outline: 2px solid var(--riso-cyan, #1D6B87) !important;
  outline-offset: 1px;
}

/* ── 缓存率徽标 ── */
.tx-cache-rate-badge{
  border-radius: 0 !important;
  transition: none !important;
  font-family: "SFMono-Regular", Consolas, Menlo, monospace !important;
  letter-spacing: .02em !important;
  box-shadow: none !important;
  filter: none !important;
}
.tx-cache-rate-badge.is-ok{
  background: transparent !important;
  border: 1px solid var(--riso-cyan, #1D6B87) !important;
  color: var(--riso-cyan, #1D6B87) !important;
}
.tx-cache-rate-badge.is-warn{
  background: transparent !important;
  border: 1px solid var(--riso-red, #E04A2B) !important;
  color: var(--riso-red, #E04A2B) !important;
}
.tx-cache-rate-badge.is-bad{
  background: var(--riso-red, #E04A2B) !important;
  border: 1px solid var(--riso-red, #E04A2B) !important;
  color: var(--riso-white, #FAF6EC) !important;
}
.tx-cache-rate-badge:hover{
  filter: none !important;
  box-shadow: none !important;
  background: var(--riso-paper-2, #EAE3D0) !important;
}
.tx-cache-rate-badge:focus-visible{
  outline: 2px solid var(--riso-cyan, #1D6B87) !important;
  outline-offset: 1px;
}

/* ── 降级详情面板里的判定色块 ── */
.tx-degrade-panel.is-ok .tx-degrade-verdict{
  color: var(--riso-cyan, #1D6B87) !important;
  background: transparent !important;
  border: 1px solid var(--riso-cyan, #1D6B87) !important;
  border-radius: 0 !important;
}
.tx-degrade-panel.is-warn .tx-degrade-verdict{
  color: var(--riso-red, #E04A2B) !important;
  background: transparent !important;
  border: 1px solid var(--riso-red, #E04A2B) !important;
  border-radius: 0 !important;
}

/* ── 暗色（Riso 夜印） ── */
html.dark .tx-degrade-badge.is-ok,
html.dark .tx-cache-rate-badge.is-ok{
  border-color: var(--riso-cyan, #4FA3BE) !important;
  color: var(--riso-cyan, #4FA3BE) !important;
}
html.dark .tx-degrade-badge.is-warn,
html.dark .tx-cache-rate-badge.is-warn{
  border-color: var(--riso-red, #F0603F) !important;
  color: var(--riso-red, #F0603F) !important;
}
html.dark .tx-degrade-badge:hover,
html.dark .tx-cache-rate-badge:hover{
  background: var(--riso-paper-2, #221D1A) !important;
}