/* ============================================================
   animations.css — 所有 @keyframes 統一放這裡
   創巢數位 Nest Digital | 版本 redesign-v1
   ============================================================ */

/* ─── CSS 星空漂移（三層不同速度與方向，製造視差感）─── */
/* 使用 transform 而非 background-position，box-shadow 星點漂移 */

@keyframes stars-drift-s {
    /* 遠星：極緩斜移 + 微量順時針旋轉，模擬繞核公轉感 */
    from { transform: translate(0, 0) rotate(0deg); }
    to   { transform: translate(70px, 45px) rotate(1.0deg); }
}

@keyframes stars-drift-m {
    /* 中星：反向緩移 + 逆時針旋轉，與遠景產生反向視差 */
    from { transform: translate(0, 0) rotate(0deg); }
    to   { transform: translate(-50px, 38px) rotate(-0.7deg); }
}

@keyframes stars-drift-l {
    /* 近星：略快斜移 + 順時針旋轉，前景恆星軌道感 */
    from { transform: translate(0, 0) rotate(0deg); }
    to   { transform: translate(22px, -80px) rotate(1.3deg); }
}

/* ─── 品牌 dot 脈衝（maintenance.html 使用）─── */
@keyframes pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: 0.5; transform: scale(1.4); }
}

/* ─── 浮動（.hero-astronaut canvas 零重力漂浮）─── */
@keyframes float {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    33%       { transform: translateY(-18px) rotate(2deg); }
    66%       { transform: translateY(-8px) rotate(-1.5deg); }
}

/* ─── 光暈放射（.hero__glow 背景光暈呼吸）─── */
@keyframes radiate {
    0%, 100% {
        opacity: 0.35;
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        opacity: 0.6;
        transform: translate(-50%, -50%) scale(1.08);
    }
}