/* =========================================
   特殊归档文章进场动画样式
   ========================================= */

/* 初始状态：禁止滚动，等待开场动画 */
body.is-loading {
    overflow: hidden;
}

/* 粒子画布：放在最顶层 */
#particle-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    pointer-events: none; /* 允许点击穿透，但在动画期间body无法操作 */
}

/* 主内容包裹层：初始隐藏，向下偏移 */
#main-wrapper {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease, transform 1s cubic-bezier(0.25, 1, 0.5, 1);
}

/* 激活状态：优雅浮现 */
#main-wrapper.visible {
    opacity: 1;
    transform: translateY(0);
}