.notice-window-v78{
    width:100%;
    margin:4px 0;
    overflow:hidden;
    border:1px solid #dbe5e2;
    border-radius:6px;
    background:#fff;
    font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;
}

.notice-window-v78 *{
    box-sizing:border-box;
}

.notice-window-v78 .nw78-top{
    display:grid;
    grid-template-columns:minmax(210px,34%) 1fr;
    align-items:stretch;
    min-height:104px;
    background:linear-gradient(180deg,#fff8ee,#ffe9d5);
    border-bottom:4px solid #ff5a00;
}

.notice-window-v78 .nw78-brand{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 14px;
    border-right:1px solid rgba(220,100,50,.15);
}

.notice-window-v78 .nw78-speaker{
    flex:0 0 auto;
    font-size:40px;
    line-height:1;
}

.notice-window-v78 .nw78-brand-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    line-height:1.06;
}

.notice-window-v78 .nw78-brand-copy strong{
    color:#ed351f;
    font-size:27px;
    font-weight:1000;
}

.notice-window-v78 .nw78-brand-copy span{
    margin-top:5px;
    color:#df291a;
    font-size:22px;
    font-weight:1000;
}

.notice-window-v78 .nw78-top-info{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    gap:10px;
    padding:12px 16px;
}

.notice-window-v78 .nw78-top-text{
    width:100%;
    color:#64241b;
    font-size:17px;
    line-height:1.55;
    font-weight:900;
    word-break:break-word;
}

.notice-window-v78 .nw78-site{
    display:inline-block;
    max-width:100%;
    padding:7px 15px;
    border-radius:9px;
    background:#ef4727;
    color:#fff;
    font-size:18px;
    line-height:1.2;
    font-weight:1000;
    word-break:break-all;

    animation:
        nw78Jump 1.35s ease-in-out infinite,
        nw78SiteColor 3.2s ease-in-out infinite;
}

.notice-window-v78 .nw78-middle{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:88px;
    padding:10px 14px;
    background:linear-gradient(90deg,#078bff,#1267d7);
    color:#fff;
}

.notice-window-v78 .nw78-thumb{
    flex:0 0 auto;
    font-size:36px;
    line-height:1;
}

.notice-window-v78 .nw78-badge{
    flex:0 0 auto;
    display:inline-block;
    padding:6px 10px;
    border-radius:8px;
    background:#f5001d;
    color:#fff;
    font-size:20px;
    font-weight:1000;
    white-space:nowrap;

    animation:
        nw78Jump 1.4s ease-in-out infinite,
        nw78BadgeColor 3s ease-in-out infinite;
}

.notice-window-v78 .nw78-browser{
    flex:0 0 auto;
    font-size:29px;
    line-height:1;
}

.notice-window-v78 .nw78-middle-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    line-height:1.1;
}

.notice-window-v78 .nw78-middle-copy strong,
.notice-window-v78 .nw78-middle-copy span{
    display:inline-block;
    width:max-content;
    max-width:100%;
    white-space:normal;
    word-break:break-word;
}

.notice-window-v78 .nw78-middle-copy strong{
    font-size:23px;
    font-weight:1000;
}

.notice-window-v78 .nw78-middle-copy span{
    margin-top:6px;
    font-size:20px;
    font-weight:1000;
}

.notice-window-v78 .nw78-bottom{
    padding:10px 12px 12px;
    background:#fff;
    text-align:center;
    font-size:17px;
    line-height:1.75;
    font-weight:1000;
    word-break:break-word;
}

.notice-window-v78 .nw78-bottom span{
    display:inline-block;
    margin:0 2px;
}

.notice-window-v78 .nw78-prefix{
    color:#0738ff;
}

.notice-window-v78 .nw78-red,
.notice-window-v78 .nw78-tail{
    color:#ef1717;
}

.notice-window-v78 .nw78-blue{
    color:#1644df;
}


/* 自然轻跳：只移动 4px + 极轻微放大 */
.notice-window-v78 .nw78-jump{
    display:inline-block;
    transform-origin:center bottom;

    animation:
        nw78Jump 1.45s ease-in-out infinite;
}

.notice-window-v78 .nw78-delay-0{animation-delay:0s;}
.notice-window-v78 .nw78-delay-1{animation-delay:.10s;}
.notice-window-v78 .nw78-delay-2{animation-delay:.20s;}
.notice-window-v78 .nw78-delay-3{animation-delay:.30s;}
.notice-window-v78 .nw78-delay-4{animation-delay:.40s;}
.notice-window-v78 .nw78-delay-5{animation-delay:.50s;}
.notice-window-v78 .nw78-delay-6{animation-delay:.60s;}
.notice-window-v78 .nw78-delay-7{animation-delay:.70s;}
.notice-window-v78 .nw78-delay-8{animation-delay:.80s;}

@keyframes nw78Jump{
    0%,100%{
        transform:translateY(0) scale(1);
        filter:brightness(1);
    }

    44%{
        transform:translateY(-4px) scale(1.025);
        filter:brightness(1.08);
    }

    70%{
        transform:translateY(-1px) scale(1.006);
    }
}

@keyframes nw78SiteColor{
    0%,100%{
        background:#ef4727;
    }
    50%{
        background:#ff0b72;
    }
}

@keyframes nw78BadgeColor{
    0%,100%{
        background:#f5001d;
    }
    50%{
        background:#ff6a00;
    }
}


@media(max-width:560px){

    .notice-window-v78 .nw78-top{
        grid-template-columns:1fr;
    }

    .notice-window-v78 .nw78-brand{
        border-right:0;
        border-bottom:1px solid rgba(220,100,50,.15);
        padding:10px 12px;
    }

    .notice-window-v78 .nw78-speaker{
        font-size:30px;
    }

    .notice-window-v78 .nw78-brand-copy strong{
        font-size:21px;
    }

    .notice-window-v78 .nw78-brand-copy span{
        font-size:18px;
    }

    .notice-window-v78 .nw78-top-info{
        padding:10px 12px 12px;
    }

    .notice-window-v78 .nw78-top-text{
        font-size:14px;
    }

    .notice-window-v78 .nw78-site{
        padding:6px 10px;
        font-size:15px;
    }

    .notice-window-v78 .nw78-middle{
        gap:7px;
        min-height:76px;
        padding:9px 10px;
    }

    .notice-window-v78 .nw78-thumb{
        font-size:27px;
    }

    .notice-window-v78 .nw78-badge{
        padding:5px 7px;
        font-size:15px;
    }

    .notice-window-v78 .nw78-browser{
        font-size:23px;
    }

    .notice-window-v78 .nw78-middle-copy strong{
        font-size:18px;
    }

    .notice-window-v78 .nw78-middle-copy span{
        font-size:16px;
    }

    .notice-window-v78 .nw78-bottom{
        padding:8px 7px 10px;
        font-size:14px;
        line-height:1.65;
    }

    @keyframes nw78Jump{
        0%,100%{
            transform:translateY(0) scale(1);
        }
        44%{
            transform:translateY(-3px) scale(1.018);
        }
        70%{
            transform:translateY(-1px) scale(1.004);
        }
    }
}
