/* ============================================================
   滚动流畅度优化 · 覆盖 theme-3344.css 里的高开销写法
   ------------------------------------------------------------
   问题根源：卡片用了「@property 角度变量驱动 conic-gradient」做流光
   边框，并挂 infinite 动画。这类动画无法交给合成器（compositor），
   必须每帧在主线程重新光栅化整个渐变，再叠加 mask 合成。一张卡片
   一份，首屏 30 张、全部加载后 145 张 —— 滚动时每帧都在重绘可见的
   十几张卡片边框，直接吃满帧预算。
   ============================================================ */

/* ---------- 1. 卡片流光边框：默认静止，只在悬停的那一张上转 ---------- */
/* 保留原有渐变外观（--lyw-wa 取初始值 0deg），只是不再每帧重绘。
   悬停时只会有 1 个元素在转，代价可以忽略。 */
.zhuige-list-container .zhuige-base-list::before {
  animation: none !important;
}
@media (hover: hover) {
  .zhuige-list-container .zhuige-base-list:hover::before {
    animation: lyw-white-spin 3.5s linear infinite !important;
  }
}

/* ---------- 2. 封面尺寸胶囊：去掉 backdrop-filter ---------- */
/* 每张卡片一个 blur(3px) 图层，30+ 个同时在滚动中重新模糊。
   改成实色底，视觉几乎无差别。 */
.zhuige-list-img .zg-size-pill {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: rgba(11, 18, 26, .88);
}

/* ---------- 3. 今日统计卡片：去掉 blur(20px) 大毛玻璃 ---------- */
/* 1200px 宽的区域每帧重新做 20px 模糊，滚动经过时开销很大。
   用更高不透明度的渐变代替，观感接近。 */
.stats-row {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: linear-gradient(135deg, rgba(26, 30, 40, .93) 0%, rgba(38, 53, 74, .91) 100%) !important;
}

/* ---------- 附：如果首屏还是不够跟手，再放开这一条 ---------- */
/* 热门大卡的 5 张卡片也用了同样的旋转渐变边框。它们只在首屏可见，
   通常不用管；实在觉得开屏卡，就把下面这行的注释去掉。 */
/* .zg-hero-card::before { animation: none !important; } */