.topbar{position:relative}
.notification-wrap{position:relative}
.notification-btn{padding:3px 2px}
.notification-btn i{min-width:14px;height:14px;padding:0 3px;display:grid;place-items:center;border-radius:8px;background:#ef755e;color:#fff;font-size:8px;font-style:normal;right:-7px;top:-5px;line-height:14px}
.notification-panel{position:absolute;right:-12px;top:42px;width:350px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 38px rgba(29,45,74,.16);z-index:12;overflow:hidden}
.notification-head{display:flex;align-items:center;justify-content:space-between;padding:15px 16px 12px;border-bottom:1px solid var(--line)}
.notification-head b{display:block;font-size:12px}.notification-head small{display:block;color:#99a4b1;font-size:9px;margin-top:3px}
.notification-item{display:flex;gap:9px;padding:12px 16px;border-bottom:1px solid #f1f3f6;cursor:pointer}.notification-item:hover{background:#fafbff}.notification-item .platform-icon{width:25px;height:25px;flex-shrink:0}.notification-item b{display:block;font-size:10px}.notification-item p{font-size:9px;color:#8390a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:225px;margin:2px 0}.notification-item time{color:#b0b8c2;font-size:8px}.notification-unread{width:5px;height:5px;border-radius:50%;background:#ef755e;margin:5px 0 0 auto}.notification-foot{display:flex;gap:8px;padding:11px 12px;background:#fafbfd}.notification-foot .ghost-btn{flex:1;padding:8px 5px;font-size:9px}
.live-alert-status{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #dcf3eb;background:#f6fcfa;border-radius:8px}.pulse-dot{width:7px;height:7px;background:#28b589;border-radius:50%;box-shadow:0 0 0 4px #dff6ed}.live-alert-status b{display:block;color:#2a9677;font-size:10px}.live-alert-status small{display:block;color:#8ca99f;font-size:8px;margin-top:1px}
.install-btn{border:1px solid #d7e0ff;border-radius:8px;padding:7px 10px;color:#5578f5;background:#f4f6ff;font-size:10px;font-weight:700;white-space:nowrap}.install-btn:hover{background:#eaf0ff}.offline-mode:after{content:'离线缓存模式';position:fixed;bottom:13px;left:50%;transform:translateX(-50%);z-index:19;background:#39475a;color:#fff;border-radius:15px;padding:5px 11px;font-size:9px;box-shadow:0 4px 12px rgba(0,0,0,.15)}
@media(max-width:520px){.notification-panel{position:fixed;right:10px;left:72px;top:60px;width:auto}.live-alert-status{margin-top:16px;display:inline-flex}}