/*!
 * Hero · Frosted pane
 * -----------------------------------------------------------------------------
 * 首屏的五个词落在一块磨砂玻璃后面。参数来自 Reference/hero-frosted-demo.html
 * 的导出（2026-09-08，1792×921 调定）。
 *
 * 唯一的翻译动作：**模糊半径从 px 换成 em**。导出的 blurPx 只在 1792 宽成立，
 * 而 .hero-word 的字号是 vw clamp —— 用 em 之后模糊和字形同步缩放，任何宽度
 * 下的观感都和调定的那一档一致。换算 = blurPx ÷ 该宽度下的实际字号。
 *
 * 2026-09-08 二次修订：放大镜整块移除，只留磨砂。
 *
 * 完全回退：删掉 assets/hero-frosted.{css,js} 与 index.html 里的两行引用。
 * 还原点见 Backup/2026-09-08-before-frosted-hero/。
 */

.home-hero.home-hero--physics {
  /* 磨砂纸色。刻意不改全站的 --paper：下一屏是 var(--ink) 的深色视频，
     交界本来就是硬切，不需要过渡。 */
  --hero-paper: #dcdeda;
  --hero-grain: .36;
  background: var(--hero-paper);
}

/* ── 磨砂：逐词的静态模糊 ────────────────────────────────────────────────
   模糊半径全程不变，落定后合成器不再重算。绘制顺序由 z-index 给出
   （远 → 近：UX / AI / UI / BRAND / PRODUCT），对应导出的 paintOrderFarToNear。 */
.hero-frost-on .hero-word--ux      { z-index: 1; filter: blur(.0884em); }
.hero-frost-on .hero-word--ai      { z-index: 2; filter: blur(.0589em); }
.hero-frost-on .hero-word--ui      { z-index: 3; filter: blur(.0603em); }
.hero-frost-on .hero-word--brand   { z-index: 4; filter: blur(.0554em); }
.hero-frost-on .hero-word--product { z-index: 5; filter: blur(.0402em); }

/* ── 玻璃本体：一层静态颗粒，压掉大面积模糊的色带 ──────────────────────
   贴图在 JS 里生成一次，之后是静态背景，逐帧零成本。 */
.hero-frost__pane {
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  opacity: var(--hero-grain);
  background-repeat: repeat;
}