diff --git a/src/frontend/src/App.tsx b/src/frontend/src/App.tsx
index 556254b..32ddcd2 100644
--- a/src/frontend/src/App.tsx
+++ b/src/frontend/src/App.tsx
@@ -115,6 +115,9 @@ export default function App() {
           {/* 通知中心 */}
           <button className="chip" style={{ cursor: 'pointer', border: '1px solid var(--line)', position: 'relative' }} title="通知中心" onClick={() => setShowNotifCenter(true)}>
             🔔
+            {mailUnread > 0 && (
+              <span style={{ position: 'absolute', top: -4, right: -4, fontSize: 9, background: '#ff5270', color: '#fff', borderRadius: 8, padding: '0 4px', fontWeight: 700, lineHeight: '16px' }}>{mailUnread > 99 ? '99+' : mailUnread}</span>
+            )}
           </button>
           {showNotifCenter && <NotificationCenter onClose={() => setShowNotifCenter(false)} />}
           <button