.ios-notification-container{position:fixed;top:10px;left:50%;transform:translate(-50%);width:92%;max-width:380px;z-index:10000;pointer-events:none;padding-top:var(--nuo-notif-banner-offset-top, max(20px, var(--nuo-safe-top)))}.ios-notification-banner{position:relative;background:var(--nuo-notif-bg, rgba(255, 255, 255, .65));background-image:var(--nuo-notif-bg-image, none);background-size:cover;background-position:center;backdrop-filter:var(--nuo-notif-backdrop-filter, blur(var(--nuo-notif-blur, 25px)) saturate(var(--nuo-notif-saturate, 180%)));-webkit-backdrop-filter:var(--nuo-notif-backdrop-filter, blur(var(--nuo-notif-blur, 25px)) saturate(var(--nuo-notif-saturate, 180%)));filter:var(--nuo-notif-filter, none);border-radius:var(--nuo-notif-radius, 18px);box-shadow:var(--nuo-notif-shadow, 0 4px 30px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .05));padding:var(--nuo-notif-padding, 14px);margin-bottom:10px;display:flex;align-items:center;gap:var(--nuo-notif-gap, 14px);border:var(--nuo-notif-border, 1px solid rgba(255, 255, 255, .4));border-image:var(--nuo-notif-border-image, none);outline:var(--nuo-notif-outline, none);outline-offset:var(--nuo-notif-outline-offset, 0);font-family:var(--nuo-notif-font-family, inherit);animation:var(--nuo-notif-enter-name, slideDown) var(--nuo-notif-enter-duration, .5s) var(--nuo-notif-enter-easing, cubic-bezier(.32, .72, 0, 1));pointer-events:auto;cursor:pointer;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y}.ios-notification-banner:active{background:#ffffffbf}.dark-mode .ios-notification-banner{background:var(--nuo-notif-bg-dark, rgba(30, 30, 30, .6));background-image:var(--nuo-notif-bg-image, none);background-size:cover;background-position:center;border:var(--nuo-notif-border, 1px solid rgba(255, 255, 255, .1));color:#fff}.dark-mode .ios-notification-banner:active{background:#282828b3}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes nuo-notif-fade-blur{0%{opacity:0;filter:blur(12px);transform:translateY(-10px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes nuo-notif-pop-bounce{0%{opacity:0;transform:translateY(-20px) scale(.6)}60%{opacity:1;transform:translateY(4px) scale(1.06)}80%{transform:translateY(-2px) scale(.98)}to{transform:translateY(0) scale(1)}}@keyframes nuo-notif-rotate-in{0%{opacity:0;transform:translateY(-20px) rotate(-6deg) scale(.92)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes nuo-notif-glow-in{0%{opacity:0;box-shadow:0 0 #fff0;transform:translateY(-12px)}50%{box-shadow:0 0 40px #ffffff73}to{opacity:1;box-shadow:var(--nuo-notif-shadow, 0 4px 30px rgba(0,0,0,.1));transform:translateY(0)}}@keyframes nuo-notif-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes nuo-notif-pulse{0%,to{transform:scale(1);opacity:var(--nuo-notif-pulse-min, .6)}50%{transform:scale(1.08);opacity:1}}@keyframes nuo-notif-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes nuo-notif-shimmer{0%{transform:translate(-120%) skew(-12deg)}to{transform:translate(220%) skew(-12deg)}}@keyframes nuo-notif-glitch{0%,to{transform:translate(0);filter:hue-rotate(0deg)}20%{transform:translate(-2px,1px);filter:hue-rotate(40deg)}40%{transform:translate(2px,-1px);filter:hue-rotate(-30deg)}60%{transform:translate(-1px);filter:hue-rotate(15deg)}80%{transform:translate(1px,1px);filter:hue-rotate(-10deg)}}@keyframes nuo-notif-twinkle{0%,to{opacity:.2;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@keyframes nuo-notif-drift{0%{transform:translate(-8px) translateY(0)}50%{transform:translate(8px) translateY(-4px)}to{transform:translate(-8px) translateY(0)}}@keyframes nuo-notif-breathe{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}@keyframes nuo-notif-hue-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.nuo-notif-deco{position:absolute;pointer-events:none;background-repeat:no-repeat;will-change:transform,opacity}.nuo-notif-deco-1{top:var(--nuo-notif-deco-1-top, 0);left:var(--nuo-notif-deco-1-left, 0);right:var(--nuo-notif-deco-1-right, auto);bottom:var(--nuo-notif-deco-1-bottom, auto);width:var(--nuo-notif-deco-1-width, 100%);height:var(--nuo-notif-deco-1-height, 100%);background:var(--nuo-notif-deco-1-bg, transparent);background-image:var(--nuo-notif-deco-1-image, none);background-size:var(--nuo-notif-deco-1-size, auto);background-position:var(--nuo-notif-deco-1-position, 0 0);background-repeat:var(--nuo-notif-deco-1-repeat, no-repeat);opacity:var(--nuo-notif-deco-1-opacity, 1);z-index:var(--nuo-notif-deco-1-z, 1);transform:var(--nuo-notif-deco-1-transform, none);filter:var(--nuo-notif-deco-1-filter, none);mix-blend-mode:var(--nuo-notif-deco-1-mix-blend, normal);animation:var(--nuo-notif-deco-1-animation, none)}.nuo-notif-deco-2{top:var(--nuo-notif-deco-2-top, 0);left:var(--nuo-notif-deco-2-left, 0);right:var(--nuo-notif-deco-2-right, auto);bottom:var(--nuo-notif-deco-2-bottom, auto);width:var(--nuo-notif-deco-2-width, 100%);height:var(--nuo-notif-deco-2-height, 100%);background:var(--nuo-notif-deco-2-bg, transparent);background-image:var(--nuo-notif-deco-2-image, none);background-size:var(--nuo-notif-deco-2-size, auto);background-position:var(--nuo-notif-deco-2-position, 0 0);background-repeat:var(--nuo-notif-deco-2-repeat, no-repeat);opacity:var(--nuo-notif-deco-2-opacity, 1);z-index:var(--nuo-notif-deco-2-z, 2);transform:var(--nuo-notif-deco-2-transform, none);filter:var(--nuo-notif-deco-2-filter, none);mix-blend-mode:var(--nuo-notif-deco-2-mix-blend, normal);animation:var(--nuo-notif-deco-2-animation, none)}.nuo-notif-deco-3{top:var(--nuo-notif-deco-3-top, 0);left:var(--nuo-notif-deco-3-left, 0);right:var(--nuo-notif-deco-3-right, auto);bottom:var(--nuo-notif-deco-3-bottom, auto);width:var(--nuo-notif-deco-3-width, 100%);height:var(--nuo-notif-deco-3-height, 100%);background:var(--nuo-notif-deco-3-bg, transparent);background-image:var(--nuo-notif-deco-3-image, none);background-size:var(--nuo-notif-deco-3-size, auto);background-position:var(--nuo-notif-deco-3-position, 0 0);background-repeat:var(--nuo-notif-deco-3-repeat, no-repeat);opacity:var(--nuo-notif-deco-3-opacity, 1);z-index:var(--nuo-notif-deco-3-z, 3);transform:var(--nuo-notif-deco-3-transform, none);filter:var(--nuo-notif-deco-3-filter, none);mix-blend-mode:var(--nuo-notif-deco-3-mix-blend, normal);animation:var(--nuo-notif-deco-3-animation, none)}.nuo-notif-deco-4{top:var(--nuo-notif-deco-4-top, 0);left:var(--nuo-notif-deco-4-left, 0);right:var(--nuo-notif-deco-4-right, auto);bottom:var(--nuo-notif-deco-4-bottom, auto);width:var(--nuo-notif-deco-4-width, 100%);height:var(--nuo-notif-deco-4-height, 100%);background:var(--nuo-notif-deco-4-bg, transparent);background-image:var(--nuo-notif-deco-4-image, none);background-size:var(--nuo-notif-deco-4-size, auto);background-position:var(--nuo-notif-deco-4-position, 0 0);background-repeat:var(--nuo-notif-deco-4-repeat, no-repeat);opacity:var(--nuo-notif-deco-4-opacity, 1);z-index:var(--nuo-notif-deco-4-z, 4);transform:var(--nuo-notif-deco-4-transform, none);filter:var(--nuo-notif-deco-4-filter, none);mix-blend-mode:var(--nuo-notif-deco-4-mix-blend, normal);animation:var(--nuo-notif-deco-4-animation, none)}.nuo-notif-deco-5{top:var(--nuo-notif-deco-5-top, 0);left:var(--nuo-notif-deco-5-left, 0);right:var(--nuo-notif-deco-5-right, auto);bottom:var(--nuo-notif-deco-5-bottom, auto);width:var(--nuo-notif-deco-5-width, 100%);height:var(--nuo-notif-deco-5-height, 100%);background:var(--nuo-notif-deco-5-bg, transparent);background-image:var(--nuo-notif-deco-5-image, none);background-size:var(--nuo-notif-deco-5-size, auto);background-position:var(--nuo-notif-deco-5-position, 0 0);background-repeat:var(--nuo-notif-deco-5-repeat, no-repeat);opacity:var(--nuo-notif-deco-5-opacity, 1);z-index:var(--nuo-notif-deco-5-z, 5);transform:var(--nuo-notif-deco-5-transform, none);filter:var(--nuo-notif-deco-5-filter, none);mix-blend-mode:var(--nuo-notif-deco-5-mix-blend, normal);animation:var(--nuo-notif-deco-5-animation, none)}.nuo-notif-deco-6{top:var(--nuo-notif-deco-6-top, 0);left:var(--nuo-notif-deco-6-left, 0);right:var(--nuo-notif-deco-6-right, auto);bottom:var(--nuo-notif-deco-6-bottom, auto);width:var(--nuo-notif-deco-6-width, 100%);height:var(--nuo-notif-deco-6-height, 100%);background:var(--nuo-notif-deco-6-bg, transparent);background-image:var(--nuo-notif-deco-6-image, none);background-size:var(--nuo-notif-deco-6-size, auto);background-position:var(--nuo-notif-deco-6-position, 0 0);background-repeat:var(--nuo-notif-deco-6-repeat, no-repeat);opacity:var(--nuo-notif-deco-6-opacity, 1);z-index:var(--nuo-notif-deco-6-z, 6);transform:var(--nuo-notif-deco-6-transform, none);filter:var(--nuo-notif-deco-6-filter, none);mix-blend-mode:var(--nuo-notif-deco-6-mix-blend, normal);animation:var(--nuo-notif-deco-6-animation, none)}.nuo-notif-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--nuo-notif-overlay-bg, none);background-image:var(--nuo-notif-overlay-image, none);background-size:var(--nuo-notif-overlay-size, cover);background-position:var(--nuo-notif-overlay-position, center);background-repeat:var(--nuo-notif-overlay-repeat, no-repeat);mix-blend-mode:var(--nuo-notif-overlay-mix-blend, normal);opacity:var(--nuo-notif-overlay-opacity, 1);border-radius:inherit;z-index:var(--nuo-notif-overlay-z, 20);animation:var(--nuo-notif-overlay-animation, none);transform:var(--nuo-notif-overlay-transform, none);filter:var(--nuo-notif-overlay-filter, none)}.banner-avatar-wrap{position:relative;width:var(--nuo-notif-avatar-size, 44px);height:var(--nuo-notif-avatar-size, 44px);flex-shrink:0;z-index:10;pointer-events:none}.banner-avatar{width:100%;height:100%;border-radius:var(--nuo-notif-avatar-radius, 50%);object-fit:cover;box-shadow:0 2px 8px #00000026;display:block;pointer-events:none}.banner-avatar-ring{position:absolute;top:calc(0px - var(--nuo-notif-avatar-ring-offset, 3px));left:calc(0px - var(--nuo-notif-avatar-ring-offset, 3px));right:calc(0px - var(--nuo-notif-avatar-ring-offset, 3px));bottom:calc(0px - var(--nuo-notif-avatar-ring-offset, 3px));border-radius:var(--nuo-notif-avatar-radius, 50%);border-width:var(--nuo-notif-avatar-ring-width, 2px);border-style:var(--nuo-notif-avatar-ring-style, solid);border-color:var(--nuo-notif-avatar-ring-color, transparent);background:var(--nuo-notif-avatar-ring-bg, transparent);pointer-events:none;animation:var(--nuo-notif-avatar-ring-animation, none);box-sizing:border-box}.banner-avatar-status-dot{position:absolute;display:var(--nuo-notif-status-dot-display, none);width:var(--nuo-notif-status-dot-size, 10px);height:var(--nuo-notif-status-dot-size, 10px);right:var(--nuo-notif-status-dot-right, -1px);bottom:var(--nuo-notif-status-dot-bottom, -1px);border-radius:50%;background:var(--nuo-notif-status-dot-color, #34c759);border:var(--nuo-notif-status-dot-border, 1.5px solid #fff);box-shadow:var(--nuo-notif-status-dot-shadow, 0 0 6px rgba(52, 199, 89, .6));animation:var(--nuo-notif-status-dot-animation, none);pointer-events:none;box-sizing:border-box}.banner-content-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;pointer-events:none;position:relative;z-index:10}.banner-header{display:flex;justify-content:space-between;align-items:baseline;width:100%}.banner-title{font-weight:600;font-size:15px;color:var(--nuo-notif-title-color, #000);opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.dark-mode .banner-title{color:var(--nuo-notif-title-color, #fff)}.banner-time{font-size:12px;color:var(--nuo-notif-time-color, #666);white-space:nowrap;opacity:.8}.dark-mode .banner-time{color:var(--nuo-notif-time-color, #aaa)}.banner-message{font-size:14px;color:var(--nuo-notif-message-color, #333);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;opacity:.85}.dark-mode .banner-message{color:var(--nuo-notif-message-color, #ddd)}.lock-notification-list{position:fixed;bottom:var(--nuo-notif-lockscreen-bottom, 100px);left:50%;transform:translate(-50%);width:92%;max-width:380px;max-height:45vh;overflow-y:auto;overflow-x:hidden;z-index:20001;display:flex;flex-direction:column;gap:10px;padding:4px 0;scrollbar-width:none;-ms-overflow-style:none;font-family:var(--nuo-notif-font-family, inherit)}.lock-notification-list::-webkit-scrollbar{display:none}.lock-notif-clear-all-row{display:flex;justify-content:flex-end;padding:0 4px 2px}.lock-notif-clear-all-btn{display:flex;align-items:center;gap:4px;background:#ffffff2e;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500;color:#ffffffd9;cursor:pointer;transition:background .2s ease}.lock-notif-clear-all-btn:active{background:#ffffff4d}.lock-notif-item-wrapper{position:relative;border-radius:16px}.lock-notif-delete-bubble{position:absolute;right:-4px;top:50%;margin-top:-24px;width:48px;height:48px;border-radius:50%;background:#ff3b30bf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:.5px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:0;pointer-events:auto;box-shadow:0 2px 12px #ff3b3059;transition:transform .2s cubic-bezier(.32,.72,0,1),opacity .15s ease;will-change:transform,opacity}.lock-notif-delete-bubble:active{background:#ff3b30e6;transform:scale(.9)!important}.lock-notif-item{position:relative;display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--nuo-notif-lock-bg, rgba(255, 255, 255, .2));backdrop-filter:blur(var(--nuo-notif-blur, 25px)) saturate(var(--nuo-notif-saturate, 180%));-webkit-backdrop-filter:blur(var(--nuo-notif-blur, 25px)) saturate(var(--nuo-notif-saturate, 180%));border:.5px solid rgba(255,255,255,.12);border-radius:var(--nuo-notif-lock-radius, 16px);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:pan-x;animation:lockNotifSlideIn .35s cubic-bezier(.32,.72,0,1);z-index:1}@keyframes lockNotifSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.lock-notif-dismiss .lock-notif-item{animation:lockNotifDismiss .25s cubic-bezier(.32,.72,0,1) forwards!important}@keyframes lockNotifDismiss{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.lock-notif-item:active{background:#3c3c41cc}.lock-notif-avatar{width:40px;height:40px;border-radius:12px;object-fit:cover;flex-shrink:0;box-shadow:0 1px 4px #00000040;pointer-events:none}.lock-notif-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;pointer-events:none}.lock-notif-header{display:flex;justify-content:space-between;align-items:baseline}.lock-notif-name{font-weight:600;font-size:14px;color:var(--nuo-notif-lock-text-color, rgba(255, 255, 255, .95));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65%}.lock-notif-time{font-size:11px;color:var(--nuo-notif-lock-text-color, rgba(255, 255, 255, .45));opacity:.7;white-space:nowrap}.lock-notif-message{font-size:13px;color:var(--nuo-notif-lock-message-color, rgba(255, 255, 255, .7));line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
