/* ============================================================
   reveal.css — 全站通用滚动入场动画（零依赖，配合 site-reveal.js）
   用法：
     <div data-reveal="up"></div>
     方向: up / down / left / right / zoom（默认 up）
     延迟: data-reveal-delay="120" 单位 ms
     数字滚动: <span data-count="30" data-count-suffix=" W+">30 W+</span>
   ============================================================ */
[data-reveal] {
    opacity: 0;
    transition: opacity .7s cubic-bezier(.22, .61, .36, 1),
                transform .7s cubic-bezier(.22, .61, .36, 1);
    transition-delay: var(--reveal-delay, 0ms);
    will-change: opacity, transform;
}
[data-reveal="up"]    { transform: translate3d(0, 36px, 0); }
[data-reveal="down"]  { transform: translate3d(0, -28px, 0); }
[data-reveal="left"]  { transform: translate3d(36px, 0, 0); }
[data-reveal="right"] { transform: translate3d(-36px, 0, 0); }
[data-reveal="zoom"]  { transform: scale(.92); }
[data-reveal].is-revealed {
    opacity: 1;
    transform: none;
    will-change: auto;
}
/* 注意：不做 prefers-reduced-motion 降级——站点动画属于品牌视觉，用户明确需要该效果 */