@charset "UTF-8";
/* ========================================================================= */
/* special-thanks.css - Frankiie Special Thanks 専用スタイル */
/* ========================================================================= */
/* プロフィール画像専用：ベースの結界とオーラ */
.frankiie-profile-aura {
    margin-bottom: 30px;
    text-align: center;
    padding: 25px; /* 結界（スマホでもオーラを削らない安全地帯） */
}

.frankiie-profile-aura img {
    max-width: 700px;
    width: 100%;
    height: auto;
    border-radius: 8px;
    /* 通常時のシアンオーラ */
    box-shadow: 0 0 30px 10px rgba(0, 227, 255, 0.6);
    /* 第1フェーズの魔法：光とサイズを0.3秒かけて滑らかに変化させる */
    transition: box-shadow 0.3s ease, transform 0.3s ease; 
}

/* =========================================================
   マウスオーバー時の挙動（解放状態）
========================================================= */
.frankiie-profile-aura:hover img {
    /* オーラが濃度・広がり共に爆発！ */
    box-shadow: 0 0 60px 20px rgba(0, 227, 255, 1); 
    /* ほんの少しだけ（2%）手前に浮き上がる */
    transform: scale(1.02); 
    /* 第2フェーズの魔法：0.3秒の遅延（delay）後、0.4秒間だけ振動アニメーションを発動 */
    animation: frankiie-shudder 0.4s ease-in-out 0.3s; 
}

/* =========================================================
   猟奇的な振動（ブルッ！）のキーフレーム定義
========================================================= */
@keyframes frankiie-shudder {
    0%   { transform: scale(1.02) translate(0, 0); }
    20%  { transform: scale(1.02) translate(-3px, 2px); }
    40%  { transform: scale(1.02) translate(3px, -2px); }
    60%  { transform: scale(1.02) translate(-3px, -2px); }
    80%  { transform: scale(1.02) translate(3px, 2px); }
    100% { transform: scale(1.02) translate(0, 0); }
}