.notif-container[data-v-80d1d78a]{display:flex;flex-direction:column;height:calc(100vh - 160px)}.notif-header[data-v-80d1d78a]{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;margin-bottom:12px;border-radius:12px;background:linear-gradient(135deg,rgba(66,154,255,.18),rgba(66,154,255,.12));border:1px solid rgba(66,154,255,.35);position:relative;overflow:hidden}.notif-header[data-v-80d1d78a]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(66,154,255,.7),transparent)}.notif-header-left[data-v-80d1d78a]{display:flex;align-items:center;gap:12px}.notif-header-icon-wrap[data-v-80d1d78a]{position:relative;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,rgba(66,154,255,.3),rgba(66,154,255,.2));border:1px solid rgba(66,154,255,.4);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--el-color-primary);flex-shrink:0}.notif-header-ping[data-v-80d1d78a]{position:absolute;top:-2px;right:-2px;width:9px;height:9px;border-radius:50%;background:var(--el-color-danger);border:2px solid var(--el-bg-color,#fff);animation:ping-pulse-80d1d78a 1.5s ease infinite}@keyframes ping-pulse-80d1d78a{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.notif-header-title[data-v-80d1d78a]{font-size:13px;font-weight:700;color:var(--el-text-color-primary);letter-spacing:.5px}.notif-header-sub[data-v-80d1d78a]{font-size:10px;color:var(--el-color-primary);letter-spacing:.5px;margin-top:1px;opacity:.8}.notif-count-badge[data-v-80d1d78a]{background:linear-gradient(135deg,var(--el-color-primary),var(--el-color-primary));color:#fff;border-radius:20px;padding:3px 11px;font-size:11px;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 8px rgba(66,154,255,.35)}.notif-scroll[data-v-80d1d78a]{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:2px}.notif-scroll[data-v-80d1d78a]::-webkit-scrollbar{width:3px}.notif-scroll[data-v-80d1d78a]::-webkit-scrollbar-track{background:transparent}.notif-scroll[data-v-80d1d78a]::-webkit-scrollbar-thumb{background:rgba(66,154,255,.3);border-radius:4px}.notif-card[data-v-80d1d78a]{position:relative;display:flex;border-radius:10px;margin-bottom:7px;overflow:hidden;background:var(--el-bg-color-overlay,#1e2127);border:1px solid rgba(66,154,255,.2);transition:transform .2s,box-shadow .2s,border-color .2s;cursor:default;box-shadow:0 2px 8px rgba(0,0,0,.15)}.notif-card[data-v-80d1d78a]:hover{transform:translateX(3px);border-color:rgba(66,154,255,.4);box-shadow:0 4px 16px rgba(0,0,0,.2)}.notif-card-accent[data-v-80d1d78a]{width:4px;flex-shrink:0}.nc-danger .notif-card-accent[data-v-80d1d78a]{background:linear-gradient(180deg,#ef4444,#b91c1c)}.nc-warning .notif-card-accent[data-v-80d1d78a]{background:linear-gradient(180deg,#f59e0b,#d97706)}.nc-success .notif-card-accent[data-v-80d1d78a]{background:linear-gradient(180deg,#10b981,#059669)}.nc-offline .notif-card-accent[data-v-80d1d78a]{background:linear-gradient(180deg,#6b7280,#4b5563)}.nc-info .notif-card-accent[data-v-80d1d78a]{background:linear-gradient(180deg,var(--el-color-primary),var(--el-color-primary-dark-2,#2b7de9))}.nc-danger[data-v-80d1d78a]{border-color:rgba(239,68,68,.3)!important}.nc-warning[data-v-80d1d78a]{border-color:rgba(245,158,11,.3)!important}.nc-success[data-v-80d1d78a]{border-color:rgba(16,185,129,.3)!important}.nc-offline[data-v-80d1d78a]{border-color:rgba(107,114,128,.3)!important}.nc-danger[data-v-80d1d78a]{background:rgba(239,68,68,.08)!important}.nc-warning[data-v-80d1d78a]{background:rgba(245,158,11,.08)!important}.nc-success[data-v-80d1d78a]{background:rgba(16,185,129,.08)!important}.nc-offline[data-v-80d1d78a]{background:rgba(107,114,128,.06)!important}.notif-card-inner[data-v-80d1d78a]{flex:1;padding:9px 11px;min-width:0}.notif-top-row[data-v-80d1d78a]{display:flex;align-items:center;gap:8px;margin-bottom:6px}.notif-icon-wrap[data-v-80d1d78a]{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.icon-nc-danger[data-v-80d1d78a]{background:rgba(239,68,68,.2);color:#ef4444}.icon-nc-warning[data-v-80d1d78a]{background:rgba(245,158,11,.2);color:#f59e0b}.icon-nc-success[data-v-80d1d78a]{background:rgba(16,185,129,.2);color:#10b981}.icon-nc-offline[data-v-80d1d78a]{background:rgba(107,114,128,.15);color:#9ca3af}.icon-nc-info[data-v-80d1d78a]{background:rgba(66,154,255,.15);color:var(--el-color-primary)}.notif-device-name[data-v-80d1d78a]{flex:1;font-size:12px;font-weight:700;color:var(--el-text-color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-time[data-v-80d1d78a]{font-size:10px;color:var(--el-text-color-secondary);display:flex;align-items:center;gap:3px;white-space:nowrap;flex-shrink:0}.notif-msg-row[data-v-80d1d78a]{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.notif-message[data-v-80d1d78a]{font-size:11px;color:var(--el-text-color-regular);line-height:1.4;flex:1}.notif-date[data-v-80d1d78a]{font-size:9px;color:var(--el-text-color-placeholder);white-space:nowrap;flex-shrink:0}.notif-empty[data-v-80d1d78a]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:220px;gap:12px}.notif-empty-ring[data-v-80d1d78a]{width:72px;height:72px;border-radius:50%;border:2px solid rgba(66,154,255,.25);display:flex;align-items:center;justify-content:center;animation:ring-rotate-80d1d78a 4s linear infinite}@keyframes ring-rotate-80d1d78a{0%{box-shadow:0 0 0 0 rgba(66,154,255,.1)}50%{box-shadow:0 0 14px 4px rgba(66,154,255,.15)}to{box-shadow:0 0 0 0 rgba(66,154,255,.1)}}.notif-empty-ring-inner[data-v-80d1d78a]{width:52px;height:52px;border-radius:50%;background:rgba(66,154,255,.08);border:1px solid rgba(66,154,255,.2);display:flex;align-items:center;justify-content:center;font-size:22px;color:rgba(66,154,255,.5)}.notif-empty-text[data-v-80d1d78a]{font-size:13px;font-weight:600;color:var(--el-text-color-secondary)}.notif-empty-sub[data-v-80d1d78a]{font-size:10px;color:var(--el-text-color-placeholder);letter-spacing:.5px}.notif-fade-enter-active[data-v-80d1d78a],.notif-fade-leave-active[data-v-80d1d78a]{transition:all .3s ease}.notif-fade-enter-from[data-v-80d1d78a],.notif-fade-leave-to[data-v-80d1d78a]{opacity:0;transform:translateX(-10px)}