/* ============================================================
   holo-box.css — box 侧对 HoloCard 引擎的渲染覆盖 (v28.1)
   引擎 holocard.css 由 card-site 唯一持有 (symlink), 本文件在其之后加载, 只做"怎么渲染更稳", 不改视觉设计。
   历史: v25.1 曾在此放 6 行 .hc .holo3d.live 防闪烁覆盖 (过渡 .09s + will-change); card 引擎 ?v21 已将其并入
   holocard.css ⑳ "体感渲染稳定段", ㊲ 步骤 4 起在此删除, 避免双份。现仅保留 box 独有的卡背紧凑排版。
   ============================================================ */

/* ---- v27 卡背紧凑排版 (手机窄卡: 幕三 ≈331px / L2 ≈358px 宽时, 引擎卡背 15 行元素表溢出被 .el-table overflow:hidden 裁掉末 2 行 "背景/色彩")
   引擎卡背字号为 rem 绝对值, 不随卡宽缩放 (card 站卡宽 ≥ 400px 无此问题)。box 侧只压行距/边距, 不改字号与设计。
   已告知 card: 长期可考虑卡背随 --kf 缩放。 */
@media (max-width: 430px) {
  .hc .face.back { padding: 10px 12px 9px; }
  .hc .bk-head { padding-bottom: 4px; }
  .hc .bk-title { margin: 4px 0 3px; }
  .hc .el-row { padding: .5px 0; }
  .hc .bk-lore { margin-top: 4px; line-height: 1.45; }
  .hc .bk-foot { margin-top: 5px; }
  .hc .hc-qr { width: 50px; height: 50px; }
  .hc .hc-qr img, .hc .hc-qr canvas { width: 44px !important; height: 44px !important; }
}

/* ---- v28.1 引擎 ?v21 新增光效层的合成层提升 (用户: 切 ?v21 后 L2 开陀螺仪"又开始闪")
   ⑳ 的 will-change 名单只覆盖 v14 时代的层 (holo3d / layer img / shine / glare / fspec / flit / fbrush / frim)。
   ?v21 打开了 v13 起临时关闭的一整组常驻动画层: 槽光 SVG (g-glow 带 blur + dashoffset 每帧重描) / 宝石·星爆 / 余烬 l-ember /
   火星 l-spark / 主体背光 l-aura (screen) / 外溢光晕 l-fglow (blur 呼吸) / l-flash / l-ripple。
   它们未被提前分层 → 陀螺仪每帧写根变量时随整卡重光栅 (消融: 去粒子层帧数翻倍, 去 groove 次之), iOS 表现为丢帧/层缺一帧 = 闪。
   这里把它们各自提升为独立合成层 (常驻, 不只 .live: 避免开体感瞬间重新分层闪一下; box 同屏只挂一张引擎卡, 显存可控),
   并对自带 overflow:hidden 的粒子/槽光层加 contain:paint 把重绘限制在层内。零视觉改动。 */
.hc .l-groove, .hc .l-aura, .hc .l-ember, .hc .l-spark, .hc .l-fglow, .hc .l-flash, .hc .l-ripple { will-change: transform, opacity; }
.hc .l-groove, .hc .l-ember, .hc .l-spark, .hc .l-ripple { contain: paint; }
.hc .l-groove svg.gs, .hc .l-groove svg.gm { will-change: transform; }

/* ---- v29 特效档位 (fxauto.js 自动分级 + L2 长按体感按钮手动循环 auto→0→1→2→3; localStorage.jyc_fx 手动 / jyc_fx_auto 机型缓存)
   真机二分 (Razr 60, 2026-09-14): 只关 ember+spark 两层粒子即止闪 (它们不依赖倾角也每帧重绘, 与其它 17 层一起重合成时中低端 GPU 填充率不够)。
   0 全效 (默认, PC/iPhone/高端安卓) → 1 省粒子 (ember/spark; 视觉损失最小, Razr 60 实测止闪) → 2 省光效 (+aura 背光 / g-glow 模糊描边 / 光晕呼吸) → 3 静态框 (槽光/宝石/爆闪全停)
   视差/受光/镜面 (⑰) 各档都保留 — 它们是体感的本体。 */
body.fx-lvl-1 .hc .l-ember, body.fx-lvl-1 .hc .l-spark,
body.fx-lvl-2 .hc .l-ember, body.fx-lvl-2 .hc .l-spark,
body.fx-lvl-3 .hc .l-ember, body.fx-lvl-3 .hc .l-spark { display: none; }
body.fx-lvl-2 .hc .l-aura, body.fx-lvl-3 .hc .l-aura { display: none; }
body.fx-lvl-2 .hc .g-glow, body.fx-lvl-3 .hc .g-glow { display: none; }
body.fx-lvl-2 .hc .l-fglow, body.fx-lvl-3 .hc .l-fglow { animation: none !important; }
body.fx-lvl-3 .hc .l-groove *, body.fx-lvl-3 .hc .l-flash { animation: none !important; }
body.fx-lvl-3 .hc .l-flash, body.fx-lvl-3 .hc .g-flow, body.fx-lvl-3 .hc .g-gem, body.fx-lvl-3 .hc .g-star { display: none; }