/* ============================================================
   首页渲染优化（2026-10-17）
   独立文件，不覆盖 app.css —— 线上 app.css 版本更新，整文件替换会回退样式。
   所有规则限定 body.is-front-page，对其他页面零影响。
   ============================================================ */

/* 1. 首屏之外区块延迟渲染
   浏览器跳过视口外区块的布局与绘制，滚入视口再计算。
   contain-intrinsic-size 提供占位高度，避免滚动条跳动。
   选择器不匹配时无任何副作用。 */
body.is-front-page main > section:not(.home-hero) {
  content-visibility: auto;
  contain-intrinsic-size: auto 640px;
}

/* 2. 装饰动画降级
   系统开启「减少动态效果」时，光晕与粒子直接不渲染，省掉持续的合成开销。 */
@media (prefers-reduced-motion: reduce) {
  body.is-front-page .hm-aurora,
  body.is-front-page .hm-particles {
    display: none;
  }
}

/* 3. 首屏 CTA 的焦点可见性
   键盘用户 Tab 到主按钮时给出清晰描边，不改变默认外观。 */
body.is-front-page .hero-actions .btn:focus-visible,
body.is-front-page .nav .links a.btn:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

/* 4. 首屏标题换行保护
   中文长标题在窄屏容易把「作品」和「图片」拆到两行，锁定语义断点。 */
body.is-front-page .home-hero h1 {
  text-wrap: balance;
}