*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.sidebar a{text-decoration:none}.topbell{position:fixed;top:16px;right:24px;z-index:90}.notif-wrap{position:relative}.tb-bell{width:34px;height:34px;background:#fff;border:1px solid #E5E9F0;border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;font-size:.9rem;transition:all .15s}.tb-bell:hover{border-color:#2ecc8a;transform:rotate(-8deg)}.tb-bell .badge{position:absolute;top:-5px;right:-5px;background:#e74c3c;color:#fff;font-size:.5rem;font-weight:800;padding:1px 4px;border-radius:8px;line-height:1.3}.notif-panel{position:absolute;top:44px;right:0;width:352px;max-width:90vw;background:#fff;border:1px solid #E5E9F0;border-radius:13px;box-shadow:0 18px 52px #0c182933;overflow:hidden}.notif-panel.open{display:block}.np-h{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #EEF1F4}.np-t{font-weight:800;font-size:.76rem;color:#0f1b2d;display:flex;align-items:center;gap:7px}.np-c{background:#e74c3c;color:#fff;font-size:.55rem;font-weight:800;padding:1px 7px;border-radius:8px}.np-mark{font-size:.62rem;color:#1a56e8;font-weight:700;cursor:pointer}.np-mark:hover{text-decoration:underline}.np-list{max-height:60vh;overflow-y:auto}.np-empty{padding:28px 16px;text-align:center;font-size:.68rem;color:#8499ae}.n-item{display:flex;gap:10px;align-items:flex-start;padding:11px 15px;border-bottom:1px solid #F2F5F8;cursor:pointer;transition:background .12s}.n-item:hover{background:#f7fafc}.n-item.read{opacity:.62}.n-ic{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.82rem;flex-shrink:0}.n-bd{flex:1;min-width:0}.n-t{font-size:.68rem;font-weight:700;color:#0f1b2d}.n-s{font-size:.62rem;color:#64748b;margin-top:1px;line-height:1.4}.n-time{font-size:.55rem;color:#94a3b8;margin-top:3px}.n-dot{width:7px;height:7px;border-radius:50%;background:#2ecc8a;flex-shrink:0;margin-top:6px}