diff --git a/src/frontend/src/App.tsx b/src/frontend/src/App.tsx
index bdc1cc3..ba6fec1 100644
--- a/src/frontend/src/App.tsx
+++ b/src/frontend/src/App.tsx
@@ -110,10 +110,11 @@ export default function App() {
             {syncOk ? '✅ 同步正常' : syncOk === false ? '❌ 服务器未启动' : '⏳ 连接中…'}
           </span>
           <span className="chip">{activeTasks.length} 个任务</span>
-          {/* v2.7: 通知中心占位 */}
-          <button className="chip" style={{ cursor: 'pointer', border: '1px solid var(--line)', position: 'relative' }} title="通知中心">
+          {/* 通知中心 */}
+          <button className="chip" style={{ cursor: 'pointer', border: '1px solid var(--line)', position: 'relative' }} title="通知中心" onClick={() => setShowNotifCenter(true)}>
             🔔
           </button>
+          {showNotifCenter && <NotificationCenter onClose={() => setShowNotifCenter(false)} />}
           <button
             className="btn btn-action"
             style={{ fontSize: 12, padding: '4px 14px', marginLeft: 6 }}