@keyframes imageAnimation { 
        0% { transform: scale(1.2); opacity: 0.8; } 
        100% { transform: scale(1); opacity: 1; } 
    } 
    @keyframes fadeIn { 
        from { opacity: 0; transform: translateY(20px); } 
        to { opacity: 1; transform: translateY(0); } 
    } 
   /* 移动端特定优化 - 750x860像素尺寸 */
@media (max-width: 480px) {
    .banner-container {
        width: 750px;
        height: 860px;
        max-width: 100vw;
        max-height: 90vh;
        margin: 0 auto;
        transform: scale(0.9);
        transform-origin: center top;
    }

    .banner-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .title {
        font-size: 1.0rem !important;
        letter-spacing: 0.2em !important;
        white-space: normal !important; /* 允许文字换行 */
        text-align: center;
        max-width: 90%;
        line-height: 1.4;
        padding: 0 20px; /* 添加内边距防止文字被截断 */
    }
}
        .banner-image {
            width: 750px;
            height: 860px;
            object-fit: cover;
        }
        .title {
            white-space: normal; /* 允许文字换行 */
            text-align: center;
            max-width: 90%;
        }
    }