/* === State_Aurora (微光模式) === */
/* 
    该模式对应点击红色关闭按钮后的状态。
    整体风格呈现出一种小心翼翼张开心扉的感觉，带有柔和的光晕和飘动的注释。
*/

/* --- 行号样式 --- */
body.state-aurora .line-num {
    /* 给行号添加白色微光阴影，营造朦胧感 */
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
    /* 调整行号颜色为淡蓝紫色，比默认状态稍亮 */
    color: #a0a0c0;
}

/* --- 代码区域样式 --- */
body.state-aurora .code-area {
    /* 给代码文字添加极细的微光描边，使其看起来略微发亮 */
    text-shadow: 0 0 3px rgba(248, 248, 242, 0.5);
}

/* --- 右侧注释样式 --- */
body.state-aurora .code-line::after {
    /* 强制注释常驻显示，不需要鼠标悬停 */
    opacity: 1; 
    
    /* 应用上下浮动动画，周期3秒，无限循环，缓入缓出 */
    animation: floatComment 3s ease-in-out infinite;
    
    /* 在原有注释内容后追加一个心形符号 */
    content: attr(data-source) " ♡";
    
    /* 设置注释颜色为暖橙色，增加温暖感 */
    color: #ffb86c;
}

/* --- 海浪效果：为每一行添加递增的动画延迟 --- */
body.state-aurora .code-line:nth-child(1)::after { animation-delay: 0.1s; }
body.state-aurora .code-line:nth-child(2)::after { animation-delay: 0.2s; }
body.state-aurora .code-line:nth-child(3)::after { animation-delay: 0.3s; }
body.state-aurora .code-line:nth-child(4)::after { animation-delay: 0.4s; }
body.state-aurora .code-line:nth-child(5)::after { animation-delay: 0.5s; }
body.state-aurora .code-line:nth-child(6)::after { animation-delay: 0.6s; }
body.state-aurora .code-line:nth-child(7)::after { animation-delay: 0.7s; }
body.state-aurora .code-line:nth-child(8)::after { animation-delay: 0.8s; }
body.state-aurora .code-line:nth-child(9)::after { animation-delay: 0.9s; }
body.state-aurora .code-line:nth-child(10)::after { animation-delay: 1.0s; }
body.state-aurora .code-line:nth-child(11)::after { animation-delay: 1.1s; }
body.state-aurora .code-line:nth-child(12)::after { animation-delay: 1.2s; }

/* --- 浮动动画定义 (海浪起伏) --- */
@keyframes floatComment {
    /* 模拟海浪的椭圆运动轨迹 */
    0% { transform: translate(0, 0); }
    25% { transform: translate(2px, -3px); }
    50% { transform: translate(0, -6px); }
    75% { transform: translate(-2px, -3px); }
    100% { transform: translate(0, 0); }
}