.notification-wrap{box-sizing:border-box;width:72%;max-width:72%;margin-left:28rpx;padding:16rpx 0;pointer-events:none;position:relative}.notification-wrap-landscape{margin-left:28rpx;margin-top:20rpx}.notification-wrap-floating{position:absolute;top:0;bottom:55px;padding:0;z-index:1}.notification-lane-announcement{top:0}.notification-lane-gift{top:0}.notification-lane-dynamic-emoji{top:50%}.notification-wrap-has-entry .notification-lane-announcement{top:80rpx}.entry-message{display:inline-flex;align-items:center;max-width:100%;box-sizing:border-box;border-radius:24rpx;background:rgba(0,0,0,.2);font-weight:500;pointer-events:none}.entry-message{height:calc(48rpx + .5 * (1rem - 16px));padding:0 20rpx;font-size:calc(26rpx + .5 * (1rem - 16px));line-height:calc(48rpx + .5 * (1rem - 16px))}.gift-list{position:absolute;left:0;display:flex;flex-direction:column;align-items:flex-start;z-index:1;pointer-events:none}.gift-bean{display:inline-flex;align-items:flex-end;max-width:100%;height:84rpx;padding-right:24rpx;margin-bottom:12rpx;box-sizing:border-box;backdrop-filter:blur(2rpx);animation:gift-slide-in .3s ease-in-out both,gift-fade-out .5s linear 3s forwards}.gift-left{display:flex;align-items:center;justify-content:space-between;width:310rpx;height:100%;padding:0 24rpx;box-sizing:border-box;border-radius:48rpx;background:rgba(255,255,255,.8)}.gift-bean-highlight .gift-left{background:rgba(81,78,255,.8)}.gift-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:190rpx}.entry-nickname{max-width:220rpx;color:#ffe9c7;margin-right:8rpx;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.entry-level-badge{display:inline-flex;align-items:center;height:28rpx;border-radius:14rpx;padding:2rpx 8rpx;margin-right:8rpx;box-sizing:border-box;flex:0 0 auto}.entry-level-icon{width:20rpx;height:20rpx;margin-right:4rpx}.entry-level-name{color:#fff;font-size:calc(20rpx + .5 * (1rem - 16px));line-height:calc(24rpx + .5 * (1rem - 16px));white-space:nowrap}.entry-main{color:#fff;white-space:nowrap}.gift-nickname{max-width:150rpx;color:#161823;font-size:calc(24rpx + .5 * (1rem - 16px));line-height:calc(30rpx + .5 * (1rem - 16px));font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gift-text{max-width:190rpx;margin-top:2rpx;color:rgba(22,24,35,.75);font-size:calc(24rpx + .5 * (1rem - 16px));line-height:calc(30rpx + .5 * (1rem - 16px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gift-bean-highlight .gift-nickname{color:#fff}.gift-bean-highlight .gift-text{color:rgba(255,255,255,.8)}.gift-image{flex:0 0 auto;width:72rpx;height:72rpx;margin-left:12rpx}.gift-right{display:inline-flex;align-items:baseline;margin-left:4rpx;color:#168ef9;font-style:italic;font-weight:700;line-height:1;text-shadow:0 0 2rpx rgba(0,0,0,.12)}.gift-count-x{font-size:calc(36rpx + .5 * (1rem - 16px))}.gift-count{margin-left:4rpx;font-size:calc(56rpx + .5 * (1rem - 16px))}.announcement-card{display:flex;align-items:center;position:absolute;left:0;width:444rpx;max-width:100%;height:calc(72rpx + .5 * (1rem - 16px));box-sizing:border-box;padding:0 12rpx 0 16rpx;border-radius:36rpx;background:radial-gradient(circle at 18% 50%,#fff176 0,#ffe353 20%,transparent 34%),linear-gradient(90deg,#ffe85c 0,#ffc21c 58%,#ffa20d 100%);color:#582d00;font-size:calc(24rpx + .5 * (1rem - 16px));line-height:calc(34rpx + .5 * (1rem - 16px));font-weight:500;pointer-events:auto;box-shadow:0 8rpx 20rpx rgba(0,0,0,.12);overflow:hidden;z-index:2}.announcement-card-custom{display:inline-flex;width:auto;max-width:504rpx;height:48rpx;padding:0 10rpx 0 0;border-radius:24rpx;background:linear-gradient(0deg,rgba(254,102,60,.66),rgba(254,102,60,.66));color:#fff;pointer-events:none;overflow:hidden}.announcement-icon{flex:0 0 auto;width:64rpx;height:64rpx;margin-right:20rpx}.announcement-icon-custom{width:28rpx;height:28rpx;margin-left:18rpx;margin-right:10rpx}.announcement-content{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.announcement-action{flex:0 0 auto;width:72rpx;height:calc(46rpx + .5 * (1rem - 16px));line-height:calc(46rpx + .5 * (1rem - 16px));margin-left:12rpx;padding:0;border-radius:999rpx;background:linear-gradient(180deg,#ffe168 0,#ffbf2b 100%);box-shadow:inset 0 0 0 2rpx rgba(255,255,255,.48);color:#582d00;font-size:calc(24rpx + .5 * (1rem - 16px));text-align:center}.announcement-card-custom .announcement-content{flex:0 1 auto;max-width:432rpx;line-height:48rpx}.announcement-custom-flash{position:absolute;top:0;left:52rpx;width:100%;height:100%;opacity:0;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.4) 5%,rgba(255,255,255,0) 10%);transform:skewX(33deg);animation:announcement-custom-flash-out linear 1s .3s 1 forwards}@keyframes announcement-custom-flash-out{0%{left:52rpx;opacity:0}20%{opacity:1}80%{opacity:1}100%{left:100%;opacity:0}}@keyframes announcement-slide-in{0%{transform:translateX(240rpx);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes announcement-slide-out{0%{transform:translateX(0);opacity:1}100%{transform:translateX(-160rpx);opacity:0}}.announcement-slide-in{animation:announcement-slide-in .3s cubic-bezier(.25,.46,.45,.94) both}.announcement-slide-out{animation:announcement-slide-out .3s cubic-bezier(.55,.085,.68,.53) both;pointer-events:none}@keyframes notification-slide-left{0%{transform:translateX(500rpx);opacity:0}20%{transform:translateX(0);opacity:1}70%{transform:translateX(-10rpx);opacity:1}100%{transform:translateX(-500rpx);opacity:0}}@keyframes notification-slide-bottom{0%{transform:translateY(50rpx);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes gift-slide-in{0%{transform:translateX(-400rpx)}100%{transform:translateX(0)}}@keyframes gift-fade-out{0%{opacity:1}100%{opacity:0}}.notification-slide-left{animation:notification-slide-left 3s cubic-bezier(.25,.46,.45,.94) both}.notification-slide-bottom{animation:notification-slide-bottom .3s cubic-bezier(.25,.46,.45,.94) both}.dynamic-emoji-card{display:flex;align-items:center;position:absolute;left:0;width:460rpx;max-width:100%;height:120rpx;padding:0 156rpx 0 48rpx;box-sizing:border-box;border-radius:12rpx;background:linear-gradient(90.94deg,rgba(255,236,234,.6) 1.91%,rgba(211,234,255,.6) 97.73%);box-shadow:0 8rpx 24rpx rgba(0,0,0,.12);pointer-events:none;transform:translateY(-50%);overflow:visible}.dynamic-emoji-title{flex:1 1 auto;min-width:0;font-size:calc(48rpx + .5 * (1rem - 16px));font-weight:600;line-height:calc(120rpx + .5 * (1rem - 16px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dynamic-emoji-image{position:absolute;right:24rpx;top:50%;width:110rpx;height:110rpx;transform:translateY(-50%);z-index:2}.dynamic-emoji-text{position:absolute;right:24rpx;top:0;max-width:180rpx;color:#e81f3a;font-size:calc(26rpx + .5 * (1rem - 16px));line-height:calc(120rpx + .5 * (1rem - 16px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dynamic-emoji-slide-in{animation:dynamic-emoji-enter .3s cubic-bezier(.25,.46,.45,.94) both}@keyframes dynamic-emoji-enter{0%{transform:translate(-100%,-50%);opacity:0}25%{transform:translate(-60%,-50%);opacity:1}50%{transform:translate(-30%,-50%);opacity:1}100%{transform:translate(0,-50%);opacity:1}}