
/* 冬季场景样式 */

/* 冬季场景背景 */
.winter-bg {
    background-image: url('https://www.chinanews.com.cn/fileftp/2025/12/2025-12-09/U947P4T47D55854F980DT20251209104513.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 1s ease;
}

/* 模糊背景 */
.winter-bg.blurred {
    background-image: url('https://www.chinanews.com.cn/fileftp/2025/12/2025-12-09/U947P4T47D55854F981DT20251209104513.jpg');
}

/* 快递员 */
.courier {
    position: absolute;
    width: 300px;
    height: 400px;
    left: 50%;
    bottom: 15%;
    transform: translateX(-50%);
    z-index: 2;
    background-image: url('https://www.chinanews.com.cn/fileftp/2025/12/2025-12-09/U947P4T47D55854F29953DT20251209104513.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-image 0.3s ease;
}

/* 快递员哈气动画 */
@keyframes courierBreath {
    0%, 100% {
        background-image: url('https://www.chinanews.com.cn/fileftp/2025/12/2025-12-09/U947P4T47D55854F29953DT20251209104513.png');
        transform: translateX(-50%) translateY(0);
    }
    50% {
        background-image: url('https://www.chinanews.com.cn/fileftp/2025/12/2025-12-09/U947P4T47D55854F29951DT20251209104513.png');
        transform: translateX(-50%) translateY(-5px);
    }
}

/* 应用哈气动画 */
.courier.breathing {
    animation: courierBreath 2s infinite;
}

/* 快递员微笑 */
.courier.smiling {
    background-image: url('https://www.chinanews.com.cn/fileftp/2025/12/2025-12-09/U947P4T47D55854F29952DT20251209104513.png');
    animation: none;
    z-index: 10;
}

/* 抖动效果 */
.courier-shiver {
    position: absolute;
    width: 320px;
    height: 420px;
    left: 50%;
    bottom: 13%;
    transform: translateX(-50%);
    z-index: 1;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}

@keyframes shiver {
    0%, 100% {
        background-image: url('https://www.chinanews.com.cn/fileftp/2025/12/2025-12-09/U947P4T47D55855F24534DT20251209105437.png');
    }
    50% {
        background-image: url('https://www.chinanews.com.cn/fileftp/2025/12/2025-12-09/U947P4T47D55855F29947DT20251209105437.png');
    }
}

.courier-shiver.active {
    animation: shiver 0.3s infinite;
}

/* 窗框和霜层 */
.frost-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    pointer-events: none;
}

.window-frame {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('https://www.chinanews.com.cn/fileftp/2025/12/2025-12-09/U947P4T47D55855F24532DT20251209105437.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 6;
    pointer-events: none;
}

.frost-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('https://www.chinanews.com.cn/fileftp/2025/12/2025-12-09/U947P4T47D55855F24533DT20251209105437.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 7;
    pointer-events: none;
}

/* 擦除区域容器 */
.eraser-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 8;
    pointer-events: auto;
    cursor: grab;
}

/* 擦除网格单元格样式 - 隐藏边框 */
.eraser-container div {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 对话气泡 */
.courier-bubble {
    position: absolute;
    width: 130px;
    height: 60px;
    background-image: url('https://www.chinanews.com.cn/fileftp/2025/12/2025-12-03/U808P4T47D55841F29948DT20251203140810.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: 0%;
    top: 40%;
    z-index: 8;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.courier-bubble.show {
    opacity: 1;
    transform: translateY(0);
}

/* 摩擦提示 */
.winter-hint {
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 8;
    align-items: center;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.winter-hint.show {
    opacity: 1;
}

.winter-finger {
    width: 50px;
    height: 70px;
    background-image: url('https://www.chinanews.com.cn/fileftp/2025/12/2025-12-10/U947P4T47D55863F29952DT20251212150027.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    animation: fingerMove 2s infinite ease-in-out;
    float: left;
}

@keyframes fingerMove {
    0%, 100% {
        transform: translateX(-10px);
    }
    50% {
        transform: translateX(10px);
    }
}

.winter-hint-text {
    width: 200px;
    height: 47px;
    background-image: url('https://www.chinanews.com.cn/fileftp/2025/12/2025-12-05/U808P4T47D55849F24533DT20251205150518.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 15px;
}




/* 冬季动态海报 */
.winter-poster {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('https://www.chinanews.com.cn/fileftp/2025/12/2025-12-09/U947P4T47D55854F24530DT20251209104513.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 20;
    display: none;
}

.winter-poster .poster-frame {
    position: absolute;
    width: 320px;
    height: 534px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url('https://www.chinanews.com.cn/fileftp/2025/12/2025-12-09/U947P4T47D55854F29950DT20251209104513.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 21;
}

.winter-poster .poster-courier {
    position: absolute;
    width: 100%;
    height: 390px;
    top: 52%;
    left: 44%;
    transform: translate(-50%, -40%);
    background-image: url('https://www.chinanews.com.cn/fileftp/2025/12/2025-12-09/U947P4T47D55854F29949DT20251209104513.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 22;
    animation: posterPulse 3s infinite ease-in-out;
}

@keyframes posterPulse {
    0%, 100% {
        transform: translate(-50%, -40%) scale(1);
    }
    50% {
        transform: translate(-50%, -40%) scale(1.05);
    }
}

.winter-poster .poster-text {
    position: absolute;
    width: 100%;
    min-height: 177px;
    top: 11%;
    left: 50%;
    transform: translateX(-50%);
    background-image: url('https://www.chinanews.com.cn/fileftp/2025/12/2025-12-09/U947P4T47D55854F29948DT20251209104513.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 23;
    opacity: 0;
    transition: opacity 1s ease;
}

.winter-poster .poster-text.show {
    opacity: 1;
}

.winter-poster .poster-sticker {
    position: absolute;
    width: 300px;
    height: 108px;
    bottom: 14%;
    left: 34%;
    transform: translateX(-50%);
    background-image: url('https://www.chinanews.com.cn/fileftp/2025/12/2025-12-09/U947P4T47D55856F29951DT20251210161631.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 23;
    opacity: 0;
    transition: opacity 1s ease;
}

.winter-poster .poster-sticker.show {
    opacity: 1;
}
.winter-poster .poster-next-hint {
    position: absolute;
    width: 250px;
    height: 50px;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    background-image: url('https://www.chinanews.com.cn/fileftp/2025/12/2025-12-03/U808P4T47D55842F24534DT20251203140854.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 23;
    opacity: 0;
    transition: opacity 1s ease;
}

.winter-poster .poster-next-hint.show {
    opacity: 1;
}

.winter-poster .poster-arrow {
    position: absolute;
    width: 100%;
    height: 333px;
    bottom: -1.5%;
    left: 50%;
    transform: translateX(-50%);
    background-image: url('https://www.chinanews.com.cn/fileftp/2025/12/2025-12-03/U808P4T47D55842F24534DT20251203140854.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 23;
    opacity: 0;
    transition: opacity 1s ease;
    animation: arrowBounce 2s infinite ease-in-out;
}

.winter-poster .poster-arrow.show {
    opacity: 1;
}

@keyframes arrowBounce {
    0%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    50% {
        transform: translateX(-50%) translateY(10px);
    }
}

/* 雪花效果 */
.snowflakes {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 30;
    pointer-events: none;
    display: none;
}

.snowflake {
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url('https://www.chinanews.com.cn/fileftp/2025/12/2025-12-09/U947P4T47D55856F24532DT20251209112246.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    animation: snowfall 3s linear forwards;
}

@keyframes snowfall {
    0% {
        transform: translateY(-50px) rotate(0deg);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        transform: translateY(120vh) rotate(360deg);
        opacity: 0;
    }
}

/* 点击区域 */
.poster-click-area {
    position: absolute;
    width: 100%;
    height: 30%;
    bottom: 0;
    left: 0;
    z-index: 24;
    cursor: pointer;
}
