.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{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: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-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));font-family:var(--nuo-notif-font-family, inherit);animation: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)}}.banner-avatar{width:var(--nuo-notif-avatar-size, 44px);height:var(--nuo-notif-avatar-size, 44px);border-radius:var(--nuo-notif-avatar-radius, 50%);object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px #00000026;pointer-events:none}.banner-content-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;pointer-events:none}.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}
