feat(ui): 第二轮P1 — scoped样式/mc-dialog暗黑适配/空状态/字号变量

frontend/src/views/NotificationManage.vue

@@ -1,6 +1,6 @@
 <template>
-  <div>
-    <div style="display:flex;justify-content:space-between;align-items:center;">
+  <div class="notification-page">
+    <div class="page-top">
       <h3>通知配置</h3>
       <el-button type="primary" @click="showAddDialog = true">添加渠道</el-button>
     </div>
@@ -17,10 +17,10 @@
       </el-table-column>
       <el-table-column label="配置摘要" min-width="200">
         <template #default="{ row }">
-          <span v-if="row.channel_type === 'wecom'" style="font-size:12px;color:#999;">
+          <span v-if="row.channel_type === 'wecom'" class="config-summary">
             Webhook: {{ (row.config?.webhook_url || '').substring(0, 40) }}...
           </span>
-          <span v-else-if="row.channel_type === 'mail'" style="font-size:12px;color:#999;">
+          <span v-else-if="row.channel_type === 'mail'" class="config-summary">
             收件人: {{ (row.config?.to || []).join(', ') }}
           </span>
         </template>
@@ -40,8 +40,8 @@
 
     <el-empty v-if="!loading && channels.length === 0" description="暂无通知渠道，请添加" />
 
-    <!-- 通知日志 -->
-    <h3 style="margin-top:30px;">发送记录</h3>
+    <!-- 发送记录 -->
+    <h3 class="section-title">发送记录</h3>
     <el-table :data="logs" style="width:100%;margin-top:8px;" size="small">
       <el-table-column prop="created_at" label="时间" width="160" />
       <el-table-column prop="title" label="标题" min-width="200" />
@@ -199,3 +199,11 @@ async function deleteChannel(row: any) {
 
 onMounted(() => { loadChannels(); loadLogs() })
 </script>
+
+<style scoped>
+.notification-page { }
+.notification-page .page-top { display: flex; justify-content: space-between; align-items: center; }
+.notification-page .page-top h3 { margin: 0; }
+.notification-page .section-title { margin-top: 30px; }
+.config-summary { font-size: 12px; color: #999; }
+</style>