/* ══════════════════════════════════════════════════════════════════════
   九尾狐 · 品牌字统一（与「九尾狐管理后台」标题对齐）
   ──────────────────────────────────────────────────────────────────────
   管理后台标题用的是：金色 → 浅金 → 玫红 三段渐变（135°），字重 800。
   这里把它抽成一个可复用类，供控制台 / 设备管理 / ADB / 助记词 /
   行为分析 / 登录页的品牌字样统一使用，做到全站视觉一致。

   渐变取色与管理后台完全一致：
     深色模式   #e2c97e → #f5e6b0(45%) → #f43f5e   （= 后台 --pur）
     白色模式   #e2c97e → #f5e6b0(45%) → #e11d48   （= 后台 html.light --pur）

   选择器写作 .brand-grad.brand-grad 是刻意为之：页面里原有
   `.brand b` / `.logo-area h1` 这类 0,1,1 权重的规则会被压过去，
   避免还要往标签上写 !important。
   ══════════════════════════════════════════════════════════════════════ */

.brand-grad.brand-grad {
  /* 字体族与管理后台 .brand-name 完全一致，一个字符不差 */
  font-family: 'Outfit', system-ui, -apple-system, sans-serif;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .3px;
  line-height: 1.2;
  white-space: nowrap;
  display: inline-block;
  /* 色值写死，不跟随各页的 --pur（登录页 / 行为分析页把它改成了蓝紫系） */
  background-image: linear-gradient(135deg, #e2c97e, #f5e6b0 45%, #f43f5e);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* 登录页大标题：只放大字号，其余规格完全沿用上面 */
.brand-grad--lg.brand-grad--lg {
  font-size: 22px;
  line-height: 1.25;
}

html.light .brand-grad.brand-grad,
:root.light .brand-grad.brand-grad {
  background-image: linear-gradient(135deg, #e2c97e, #f5e6b0 45%, #e11d48);
}

/* 不支持 background-clip:text 的老浏览器兜底：退回纯色，不至于是隐形字 */
@supports not ((background-clip: text) or (-webkit-background-clip: text)) {
  .brand-grad.brand-grad {
    color: #e2c97e;
    -webkit-text-fill-color: #e2c97e;
  }
}