/* =========================================================================
   fallbacks.css —— 兼容性兜底
   -------------------------------------------------------------------------
   玻璃拟态（backdrop-filter）在哪都吃 GPU。浏览器不支持时退化成纯色底，
   视觉几乎无差别，但省掉整层模糊计算。

   ⚠️ 必须最后加载：它要覆盖 .topbar（layout）、.card/.spec（components）
      和 .chip（sections）的底色，放早了会被后面的规则盖掉。
   ========================================================================= */

/* ==================== 性能兜底 ====================
   玻璃拟态(backdrop-filter)是这页最吃 GPU 的属性。
   在不支持该特性的浏览器上，改用接近的纯色底，
   视觉几乎无差别，但省掉整层模糊计算。
   ==================================================== */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .topbar { background: rgba(10, 11, 18, .97); }
  .card,
  .spec,
  .chip,
  .btn-ghost {
    background: var(--bg-2);
  }
  .card:hover { background: #171a26; }
}