批量推送

ry-vue3/src/views/sponsor/Home.vue

@@ -5,7 +5,8 @@
     筛选区 (top 165-205, 按 left): 项目策划方案管理 / 项目总数量 / 已结算的会议 / 已结题的项目
     列头 (top 285-335, 按 left): 工作台 / 会议管理
   -->
-  <div class="sponsor-home">
+  <div class="page-card sponsor-home">
+    <div class="breadcrumb">首页</div>
 
     <!-- KPI: 5 个数字面板, 1 行展示 -->
     <div class="stats-grid stats-grid-5">
@@ -100,7 +101,9 @@ onMounted(() => {
 </script>
 
 <style scoped>
+/* 整页面板 (与 People.vue 风格一致) */
 .sponsor-home { padding: 16px; }
+.breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 12px; }
 
 .stats-grid { display: grid; gap: 16px; margin-bottom: 16px; }
 .stats-grid-5 { grid-template-columns: repeat(5, 1fr); }
@@ -109,28 +112,44 @@ onMounted(() => {
 
 .stat-card {
   background: #fff;
-  border-radius: 4px;
-  padding: 24px;
   border: 1px solid #f0f0f0;
+  border-radius: 8px;
+  padding: 24px;
   cursor: pointer;
   text-decoration: none;
   color: inherit;
   display: block;
+  transition: border-color 0.2s, box-shadow 0.2s;
 }
+.stat-card:hover { border-color: var(--brand-primary); box-shadow: 0 2px 8px rgba(30,58,138,0.15); }
 .stat-label { font-size: 14px; color: #8c8c8c; margin-bottom: 16px; }
-.stat-value { font-size: 32px; font-weight: 700; color: var(--brand-primary); line-height: 1; margin-bottom: 8px; }
+.stat-value {
+  font-size: 32px;
+  font-weight: 700;
+  line-height: 1;
+  margin-bottom: 8px;
+  background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-deep) 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
 .stat-desc { font-size: 12px; color: #bfbfbf; }
 
-.hint-text { font-size: 12px; color: #ff4d4f; margin: 12px 0; text-align: center; }
-
-.section { background: #fff; border-radius: 4px; padding: 20px 24px; border: 1px solid #f0f0f0; }
+.section {
+  background: #fff;
+  border-radius: 8px;
+  padding: 20px 24px;
+  border: 1px solid #f0f0f0;
+}
 .section-title {
   font-size: 15px; font-weight: 600; color: #1a1a1a;
   margin-bottom: 16px; padding-left: 10px;
   border-left: 3px solid var(--brand-primary);
+  line-height: 1;
   display: flex; justify-content: space-between;
 }
 .more { font-size: 12px; color: var(--brand-primary); text-decoration: none; }
+.more:hover { text-decoration: underline; }
 .notice-list { list-style: none; border-top: 1px solid #f0f0f0; }
 .notice-item {
   padding: 12px 0; border-bottom: 1px solid #f0f0f0;