diff --git a/antis-ncc-admin/src/views/statisticsList/form9.vue b/antis-ncc-admin/src/views/statisticsList/form9.vue
index d0def87..1d1376a 100644
--- a/antis-ncc-admin/src/views/statisticsList/form9.vue
+++ b/antis-ncc-admin/src/views/statisticsList/form9.vue
@@ -359,14 +359,16 @@
         <el-card class="dashboard-card" shadow="hover">
           <div slot="header" class="card-title">
             <span><i class="el-icon-user"></i> 团队效能矩阵</span>
-            <el-button-group style="float: right">
-              <el-button size="mini" :type="coachRankType === 'billing' ? 'primary' : ''"
-                @click="coachRankType = 'billing'">开单榜</el-button>
-              <el-button size="mini" :type="coachRankType === 'consume' ? 'primary' : ''"
-                @click="coachRankType = 'consume'">消耗榜</el-button>
-              <el-button size="mini" :type="coachRankType === 'refund' ? 'primary' : ''"
-                @click="coachRankType = 'refund'">客情警告</el-button>
-            </el-button-group>
+            <div class="card-title-actions">
+              <el-button-group class="modern-button-group">
+                <el-button size="mini" :class="coachRankType === 'billing' ? 'active' : ''"
+                  @click="coachRankType = 'billing'">开单榜</el-button>
+                <el-button size="mini" :class="coachRankType === 'consume' ? 'active' : ''"
+                  @click="coachRankType = 'consume'">消耗榜</el-button>
+                <el-button size="mini" :class="coachRankType === 'refund' ? 'active' : ''"
+                  @click="coachRankType = 'refund'">客情警告</el-button>
+              </el-button-group>
+            </div>
           </div>
           <el-table :data="coachRanking" size="mini" style="width: 100%">
             <el-table-column type="index" label="排名" width="50"></el-table-column>
@@ -1964,7 +1966,7 @@ export default {
 <style lang="scss" scoped>
 .leadership-cockpit {
   padding: 16px;
-  background-color: #f5f7fa;
+  background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 50%, #f0f4f8 100%);
   min-height: 100vh;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 
@@ -1973,10 +1975,23 @@ export default {
     justify-content: space-between;
     align-items: center;
     margin-bottom: 20px;
-    background: #fff;
+    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
     padding: 12px 20px;
-    border-radius: 8px;
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
+    border-radius: 12px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
+    border: 1px solid rgba(64, 158, 255, 0.1);
+    position: relative;
+    overflow: hidden;
+
+    &::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      height: 3px;
+      background: linear-gradient(90deg, #409EFF 0%, #66b1ff 50%, #409EFF 100%);
+    }
 
     .page-title {
       margin: 0;
@@ -2011,73 +2026,104 @@ export default {
   }
 
   .kpi-card {
-    background: #fff;
+    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
     padding: 20px 10px;
-    border-radius: 8px;
+    border-radius: 12px;
     display: flex;
     align-items: center;
     position: relative;
     overflow: hidden;
     height: 100px;
-    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04);
-    transition: transform 0.3s;
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     cursor: pointer;
+    border: 1px solid rgba(64, 158, 255, 0.08);
+
+    &::after {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      height: 2px;
+      background: linear-gradient(90deg, transparent 0%, rgba(64, 158, 255, 0.3) 50%, transparent 100%);
+      opacity: 0;
+      transition: opacity 0.3s;
+    }
 
     &:hover {
       transform: translateY(-4px);
+      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.08);
+      border-color: rgba(64, 158, 255, 0.2);
+
+      &::after {
+        opacity: 1;
+      }
     }
 
     &.primary {
       border-left: 4px solid #409EFF;
+      background: linear-gradient(135deg, #ffffff 0%, rgba(64, 158, 255, 0.03) 100%);
 
       .kpi-icon {
         color: #409EFF;
-        background: rgba(64, 158, 255, 0.1);
+        background: linear-gradient(135deg, rgba(64, 158, 255, 0.15) 0%, rgba(64, 158, 255, 0.08) 100%);
+        box-shadow: 0 2px 8px rgba(64, 158, 255, 0.2);
       }
     }
 
     &.success {
       border-left: 4px solid #67C23A;
+      background: linear-gradient(135deg, #ffffff 0%, rgba(103, 194, 58, 0.03) 100%);
 
       .kpi-icon {
         color: #67C23A;
-        background: rgba(103, 194, 58, 0.1);
+        background: linear-gradient(135deg, rgba(103, 194, 58, 0.15) 0%, rgba(103, 194, 58, 0.08) 100%);
+        box-shadow: 0 2px 8px rgba(103, 194, 58, 0.2);
       }
     }
 
     &.warning {
       border-left: 4px solid #E6A23C;
+      background: linear-gradient(135deg, #ffffff 0%, rgba(230, 162, 60, 0.03) 100%);
 
       .kpi-icon {
         color: #E6A23C;
-        background: rgba(230, 162, 60, 0.1);
+        background: linear-gradient(135deg, rgba(230, 162, 60, 0.15) 0%, rgba(230, 162, 60, 0.08) 100%);
+        box-shadow: 0 2px 8px rgba(230, 162, 60, 0.2);
       }
     }
 
     &.info {
       border-left: 4px solid #909399;
+      background: linear-gradient(135deg, #ffffff 0%, rgba(144, 147, 153, 0.03) 100%);
 
       .kpi-icon {
         color: #909399;
-        background: rgba(144, 147, 153, 0.1);
+        background: linear-gradient(135deg, rgba(144, 147, 153, 0.15) 0%, rgba(144, 147, 153, 0.08) 100%);
+        box-shadow: 0 2px 8px rgba(144, 147, 153, 0.2);
       }
     }
 
     &.danger {
       border-left: 4px solid #F56C6C;
+      background: linear-gradient(135deg, #ffffff 0%, rgba(245, 108, 108, 0.03) 100%);
 
       .kpi-icon {
         color: #F56C6C;
-        background: rgba(245, 108, 108, 0.1);
+        background: linear-gradient(135deg, rgba(245, 108, 108, 0.15) 0%, rgba(245, 108, 108, 0.08) 100%);
+        box-shadow: 0 2px 8px rgba(245, 108, 108, 0.2);
       }
     }
 
     &.error {
       border-left: 4px solid #f5222d;
+      background: linear-gradient(135deg, #ffffff 0%, rgba(245, 34, 45, 0.03) 100%);
 
       .kpi-icon {
         color: #f5222d;
-        background: rgba(245, 34, 45, 0.1);
+        background: linear-gradient(135deg, rgba(245, 34, 45, 0.15) 0%, rgba(245, 34, 45, 0.08) 100%);
+        box-shadow: 0 2px 8px rgba(245, 34, 45, 0.2);
       }
     }
 
@@ -2122,23 +2168,116 @@ export default {
 
   /* Dashboard Cards */
   .dashboard-card {
-    border: none;
-    border-radius: 8px;
+    border: 1px solid rgba(64, 158, 255, 0.1);
+    border-radius: 12px;
     margin-bottom: 16px;
+    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    overflow: hidden;
 
-    &::v-deep .el-card__header {
-      padding: 12px 20px;
-      border-bottom: 1px solid #f0f2f5;
+    &:hover {
+      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.08);
+      transform: translateY(-2px);
+      border-color: rgba(64, 158, 255, 0.2);
     }
 
+      &::v-deep .el-card__header {
+        padding: 12px 20px;
+        border-bottom: 1px solid rgba(64, 158, 255, 0.1);
+        background: linear-gradient(135deg, rgba(64, 158, 255, 0.05) 0%, rgba(64, 158, 255, 0.02) 100%);
+        min-height: 48px;
+        display: flex;
+        align-items: center;
+      }
+
     .card-title {
       font-size: 15px;
       font-weight: 600;
       color: #303133;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      width: 100%;
+
+      > span {
+        display: flex;
+        align-items: center;
+      }
 
       i {
         color: #409EFF;
         margin-right: 8px;
+        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+      }
+
+      .card-title-actions {
+        display: flex;
+        align-items: center;
+        margin-left: auto;
+      }
+    }
+
+    &:hover .card-title i {
+      transform: scale(1.1) rotate(5deg);
+    }
+
+    // 现代化按钮组样式
+    &::v-deep .modern-button-group {
+      border-radius: 8px;
+      overflow: hidden;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+      border: 1px solid rgba(64, 158, 255, 0.2);
+      background: #ffffff;
+
+      .el-button {
+        border: none;
+        border-radius: 0;
+        margin: 0;
+        padding: 6px 16px;
+        font-size: 12px;
+        font-weight: 500;
+        color: #606266;
+        background: #ffffff;
+        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+        position: relative;
+
+        &:not(:last-child) {
+          border-right: 1px solid rgba(64, 158, 255, 0.15);
+        }
+
+        &:hover {
+          color: #409EFF;
+          background: linear-gradient(135deg, rgba(64, 158, 255, 0.08) 0%, rgba(64, 158, 255, 0.05) 100%);
+          transform: translateY(-1px);
+        }
+
+        &.active {
+          color: #ffffff;
+          background: linear-gradient(135deg, #409EFF 0%, #66b1ff 100%);
+          box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
+          font-weight: 600;
+
+          &::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            height: 2px;
+            background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.8) 100%);
+          }
+        }
+
+        &:first-child {
+          border-top-left-radius: 8px;
+          border-bottom-left-radius: 8px;
+        }
+
+        &:last-child {
+          border-top-right-radius: 8px;
+          border-bottom-right-radius: 8px;
+        }
       }
     }
   }
@@ -2181,19 +2320,38 @@ export default {
   }
 
   .member-stat-item {
-    background: #f5f7fa;
-    border-radius: 8px;
+    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
+    border-radius: 12px;
     padding: 16px 8px;
     display: flex;
     flex-direction: column;
-    transition: all 0.3s ease;
-    border: none;
-    box-shadow: none;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    border: 1px solid rgba(64, 158, 255, 0.1);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
     height: 160px;
+    position: relative;
+    overflow: hidden;
+
+    &::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      height: 2px;
+      background: linear-gradient(90deg, transparent 0%, rgba(64, 158, 255, 0.3) 50%, transparent 100%);
+      opacity: 0;
+      transition: opacity 0.3s;
+    }
 
     &:hover {
-      box-shadow: 0 8px 20px rgba(31, 45, 61, 0.12);
+      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.08);
       transform: translateY(-2px);
+      border-color: rgba(64, 158, 255, 0.2);
+
+      &::before {
+        opacity: 1;
+      }
     }
 
     .stat-main {
@@ -2215,23 +2373,35 @@ export default {
     }
 
     &.stat-item-1 .stat-icon {
-      background: rgba(64, 158, 255, 0.1);
+      background: linear-gradient(135deg, rgba(64, 158, 255, 0.15) 0%, rgba(64, 158, 255, 0.08) 100%);
       color: #409EFF;
+      box-shadow: 0 2px 8px rgba(64, 158, 255, 0.2);
+      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     }
 
     &.stat-item-2 .stat-icon {
-      background: rgba(103, 194, 58, 0.1);
+      background: linear-gradient(135deg, rgba(103, 194, 58, 0.15) 0%, rgba(103, 194, 58, 0.08) 100%);
       color: #67C23A;
+      box-shadow: 0 2px 8px rgba(103, 194, 58, 0.2);
+      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     }
 
     &.stat-item-3 .stat-icon {
-      background: rgba(230, 162, 60, 0.1);
+      background: linear-gradient(135deg, rgba(230, 162, 60, 0.15) 0%, rgba(230, 162, 60, 0.08) 100%);
       color: #E6A23C;
+      box-shadow: 0 2px 8px rgba(230, 162, 60, 0.2);
+      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     }
 
     &.stat-item-4 .stat-icon {
-      background: rgba(245, 108, 108, 0.1);
+      background: linear-gradient(135deg, rgba(245, 108, 108, 0.15) 0%, rgba(245, 108, 108, 0.08) 100%);
       color: #F56C6C;
+      box-shadow: 0 2px 8px rgba(245, 108, 108, 0.2);
+      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    }
+
+    &:hover .stat-icon {
+      transform: scale(1.05) rotate(5deg);
     }
 
     .stat-content {
@@ -2265,13 +2435,22 @@ export default {
 
     .stat-tag {
       display: block;
-      background: #fff;
+      background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
       border-radius: 12px;
       padding: 6px 10px;
       font-size: 12px;
       font-weight: 500;
       color: #303133;
       overflow: hidden;
+      border: 1px solid rgba(64, 158, 255, 0.08);
+      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
+      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+
+      &:hover {
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+        transform: translateY(-1px);
+        border-color: rgba(64, 158, 255, 0.15);
+      }
     }
 
     .stat-tag-inner {
@@ -2352,8 +2531,10 @@ export default {
     flex-direction: column;
     gap: 12px;
     padding: 12px;
-    background: #f5f7fa;
-    border-radius: 6px;
+    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
+    border-radius: 12px;
+    border: 1px solid rgba(64, 158, 255, 0.1);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
   }
 
   .legend-item {
@@ -2361,12 +2542,17 @@ export default {
     align-items: center;
     gap: 10px;
     padding: 8px;
-    background: white;
-    border-radius: 4px;
-    transition: all 0.3s ease;
+    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
+    border-radius: 8px;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    border: 1px solid rgba(64, 158, 255, 0.08);
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
 
     &:hover {
-      background: #f0f2f5;
+      background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+      transform: translateX(4px);
+      border-color: rgba(64, 158, 255, 0.2);
     }
   }
 
@@ -2432,23 +2618,136 @@ export default {
         display: flex;
         flex-direction: column;
         overflow: hidden;
-        padding: 20px;
+        padding: 16px 20px 12px 20px;
+        min-height: 0;
       }
 
       .rank-list {
         flex: 1;
         overflow-y: auto;
         max-height: 100%;
+        min-height: 0;
+        padding-right: 4px;
+
+        &::-webkit-scrollbar {
+          width: 6px;
+        }
+
+        &::-webkit-scrollbar-track {
+          background: rgba(240, 242, 245, 0.5);
+          border-radius: 3px;
+        }
+
+        &::-webkit-scrollbar-thumb {
+          background: linear-gradient(135deg, #c0c4cc 0%, #909399 100%);
+          border-radius: 3px;
+          transition: background 0.3s;
+
+          &:hover {
+            background: linear-gradient(135deg, #909399 0%, #606266 100%);
+          }
+        }
       }
 
       &::v-deep .el-table {
         flex: 1;
         overflow: hidden;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 0.1);
+      }
+
+      &::v-deep .el-table__header {
+        th {
+          background: linear-gradient(135deg, rgba(64, 158, 255, 0.08) 0%, rgba(64, 158, 255, 0.05) 100%);
+          color: #303133;
+          font-weight: 600;
+          border-bottom: 1px dotted rgba(64, 158, 255, 0.15);
+          padding: 12px 0;
+          height: 48px;
+        }
+      }
+
+      &::v-deep .el-table__body {
+        tr {
+          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+
+          &:hover {
+            background: linear-gradient(90deg, rgba(64, 158, 255, 0.05) 0%, rgba(64, 158, 255, 0.02) 100%) !important;
+            transform: translateX(4px);
+          }
+        }
+
+        td {
+          border-bottom: 1px dotted rgba(64, 158, 255, 0.15);
+          padding: 8px 0;
+
+          &:first-child {
+            .cell {
+              display: flex;
+              align-items: center;
+              justify-content: center;
+
+              span {
+                display: inline-flex;
+                align-items: center;
+                justify-content: center;
+                width: 20px;
+                height: 20px;
+                border-radius: 4px;
+                background: linear-gradient(135deg, #909399 0%, #606266 100%);
+                color: #fff;
+                font-size: 11px;
+                font-weight: 600;
+                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
+              }
+            }
+          }
+        }
+      }
+
+      &::v-deep .el-table__row {
+        &:last-child td {
+          border-bottom: none;
+        }
+
+        // 前三名特殊样式
+        &:nth-child(1) td:first-child .cell span {
+          background: linear-gradient(135deg, #F56C6C 0%, #ff8080 100%);
+          box-shadow: 0 1px 6px rgba(245, 108, 108, 0.3);
+        }
+
+        &:nth-child(2) td:first-child .cell span {
+          background: linear-gradient(135deg, #E6A23C 0%, #f0b45a 100%);
+          box-shadow: 0 1px 6px rgba(230, 162, 60, 0.3);
+        }
+
+        &:nth-child(3) td:first-child .cell span {
+          background: linear-gradient(135deg, #409EFF 0%, #66b1ff 100%);
+          box-shadow: 0 1px 6px rgba(64, 158, 255, 0.3);
+        }
       }
 
       &::v-deep .el-table__body-wrapper {
         max-height: calc(100% - 40px);
         overflow-y: auto;
+
+        &::-webkit-scrollbar {
+          width: 6px;
+        }
+
+        &::-webkit-scrollbar-track {
+          background: rgba(240, 242, 245, 0.5);
+          border-radius: 3px;
+        }
+
+        &::-webkit-scrollbar-thumb {
+          background: linear-gradient(135deg, #c0c4cc 0%, #909399 100%);
+          border-radius: 3px;
+
+          &:hover {
+            background: linear-gradient(135deg, #909399 0%, #606266 100%);
+          }
+        }
       }
     }
   }
@@ -2459,7 +2758,18 @@ export default {
       display: flex;
       align-items: center;
       padding: 12px 0;
-      border-bottom: 1px dotted #EBEEF5;
+      border-bottom: 1px dotted rgba(64, 158, 255, 0.15);
+      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+      border-radius: 4px;
+      margin: 0;
+
+      &:hover {
+        background: linear-gradient(90deg, rgba(64, 158, 255, 0.05) 0%, rgba(64, 158, 255, 0.02) 100%);
+        transform: translateX(4px);
+        border-bottom-color: rgba(64, 158, 255, 0.3);
+        padding-left: 4px;
+        padding-right: 4px;
+      }
 
       &:last-child {
         border-bottom: none;
@@ -2469,37 +2779,58 @@ export default {
         width: 20px;
         height: 20px;
         border-radius: 4px;
-        background: #909399;
+        background: linear-gradient(135deg, #909399 0%, #606266 100%);
         color: #fff;
-        font-size: 12px;
+        font-size: 11px;
+        font-weight: 600;
         display: flex;
         align-items: center;
         justify-content: center;
-        margin-right: 12px;
+        margin-right: 10px;
+        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
+        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+        flex-shrink: 0;
 
         &.top1 {
-          background: #F56C6C;
+          background: linear-gradient(135deg, #F56C6C 0%, #ff8080 100%);
+          box-shadow: 0 1px 6px rgba(245, 108, 108, 0.3);
         }
 
         &.top2 {
-          background: #E6A23C;
+          background: linear-gradient(135deg, #E6A23C 0%, #f0b45a 100%);
+          box-shadow: 0 1px 6px rgba(230, 162, 60, 0.3);
         }
 
         &.top3 {
-          background: #409EFF;
+          background: linear-gradient(135deg, #409EFF 0%, #66b1ff 100%);
+          box-shadow: 0 1px 6px rgba(64, 158, 255, 0.3);
         }
       }
 
+      &:hover .rank-no {
+        transform: scale(1.05) rotate(3deg);
+      }
+
       .rank-name {
         flex: 1;
         color: #606266;
         font-size: 14px;
+        transition: color 0.3s;
+      }
+
+      &:hover .rank-name {
+        color: #303133;
+        font-weight: 500;
       }
 
       .rank-val {
         font-weight: 600;
         color: #303133;
         font-size: 14px;
+        background: linear-gradient(135deg, #303133 0%, #606266 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        background-clip: text;
       }
     }
   }
@@ -2522,12 +2853,66 @@ export default {
     }
   }
 
+  /* Insight Row */
+  .insight-row {
+    .dashboard-card {
+      height: 400px;
+      display: flex;
+      flex-direction: column;
+
+      &::v-deep .el-card__body {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        overflow: hidden;
+        min-height: 0;
+        padding: 16px 20px 12px 20px;
+      }
+
+      .item-rank {
+        flex: 1;
+        overflow-y: auto;
+        min-height: 0;
+        padding-right: 4px;
+
+        &::-webkit-scrollbar {
+          width: 6px;
+        }
+
+        &::-webkit-scrollbar-track {
+          background: rgba(240, 242, 245, 0.5);
+          border-radius: 3px;
+        }
+
+        &::-webkit-scrollbar-thumb {
+          background: linear-gradient(135deg, #c0c4cc 0%, #909399 100%);
+          border-radius: 3px;
+          transition: background 0.3s;
+
+          &:hover {
+            background: linear-gradient(135deg, #909399 0%, #606266 100%);
+          }
+        }
+      }
+    }
+  }
+
   /* Item Rank */
   .item-rank {
     .item-rank-row {
       display: flex;
       align-items: center;
-      margin-bottom: 12px;
+      margin-bottom: 5px;
+      padding: 3px 8px;
+      border-radius: 6px;
+      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+      border: 1px solid transparent;
+
+      &:hover {
+        background: linear-gradient(90deg, rgba(64, 158, 255, 0.05) 0%, rgba(64, 158, 255, 0.02) 100%);
+        transform: translateX(4px);
+        border-color: rgba(64, 158, 255, 0.15);
+      }
 
       .item-index {
         font-weight: bold;
@@ -2536,6 +2921,11 @@ export default {
         font-style: italic;
         flex-shrink: 0;
         width: 20px;
+        transition: color 0.3s;
+      }
+
+      &:hover .item-index {
+        color: #909399;
       }
 
       .item-name {
@@ -2549,6 +2939,12 @@ export default {
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
+        transition: color 0.3s;
+      }
+
+      &:hover .item-name {
+        color: #303133;
+        font-weight: 500;
       }
 
       &::v-deep .el-progress {
@@ -2557,7 +2953,13 @@ export default {
       }
 
       &::v-deep .el-progress-bar__outer {
-        background-color: #F2F6FC;
+        background: linear-gradient(90deg, #F2F6FC 0%, #E4E7ED 100%);
+        border-radius: 10px;
+        overflow: hidden;
+      }
+
+      &::v-deep .el-progress-bar__inner {
+        border-radius: 10px;
       }
 
       .item-count {
@@ -2568,6 +2970,10 @@ export default {
         white-space: nowrap;
         min-width: 60px;
         text-align: right;
+        background: linear-gradient(135deg, #303133 0%, #606266 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        background-clip: text;
       }
     }
   }
diff --git a/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqKhxx/LqKhxxExportOutput.cs b/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqKhxx/LqKhxxExportOutput.cs
index 24806ba..e81db94 100644
--- a/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqKhxx/LqKhxxExportOutput.cs
+++ b/netcore/src/Modularity/Extend/NCC.Extend.Entitys/Dto/LqKhxx/LqKhxxExportOutput.cs
@@ -35,11 +35,6 @@ namespace NCC.Extend.Entitys.Dto.LqKhxx
         public string xb { get; set; }
 
         /// <summary>
-        /// 客户目前归属名称
-        /// </summary>
-        public string khmqgsName { get; set; }
-
-        /// <summary>
         /// 归属门店名称
         /// </summary>
         public string gsmdName { get; set; }
@@ -55,19 +50,24 @@ namespace NCC.Extend.Entitys.Dto.LqKhxx
         public string khlxName { get; set; }
 
         /// <summary>
-        /// 客户阶段
+        /// 主健康师名称
+        /// </summary>
+        public string mainHealthUserName { get; set; }
+
+        /// <summary>
+        /// 副健康师名称
         /// </summary>
-        public string khjd { get; set; }
+        public string subHealthUserName { get; set; }
 
         /// <summary>
-        /// 客户消费
+        /// 拓客人员名称
         /// </summary>
-        public string khxf { get; set; }
+        public string expandUserName { get; set; }
 
         /// <summary>
-        /// 消费频次
+        /// 消费等级名称（D、C、B、A、A+、A++）
         /// </summary>
-        public string xfpc { get; set; }
+        public string consumeLevelName { get; set; }
 
         /// <summary>
         /// 推荐人
diff --git a/netcore/src/Modularity/Extend/NCC.Extend/LqKhxxService.cs b/netcore/src/Modularity/Extend/NCC.Extend/LqKhxxService.cs
index de878e8..012c63a 100644
--- a/netcore/src/Modularity/Extend/NCC.Extend/LqKhxxService.cs
+++ b/netcore/src/Modularity/Extend/NCC.Extend/LqKhxxService.cs
@@ -796,8 +796,86 @@ namespace NCC.Extend.LqKhxx
                 }
             }
 
+            // 批量查询主健康师信息
+            var mainHealthUserIds = customerList
+                .Where(c => !string.IsNullOrEmpty(c.MainHealthUser))
+                .Select(c => c.MainHealthUser)
+                .Distinct()
+                .Where(id => !string.IsNullOrEmpty(id))
+                .ToList();
+            var mainHealthUserDict = new Dictionary<string, string>();
+            if (mainHealthUserIds != null && mainHealthUserIds.Any())
+            {
+                var mainHealthUsers = await _db.Queryable<UserEntity>()
+                    .Where(u => mainHealthUserIds.Contains(u.Id) && !string.IsNullOrEmpty(u.Id))
+                    .Select(u => new { u.Id, u.RealName })
+                    .ToListAsync();
+                if (mainHealthUsers != null && mainHealthUsers.Any())
+                {
+                    foreach (var user in mainHealthUsers)
+                    {
+                        if (!string.IsNullOrEmpty(user.Id) && !mainHealthUserDict.ContainsKey(user.Id))
+                        {
+                            mainHealthUserDict[user.Id] = user.RealName ?? "";
+                        }
+                    }
+                }
+            }
+
+            // 批量查询副健康师信息
+            var subHealthUserIds = customerList
+                .Where(c => !string.IsNullOrEmpty(c.SubHealthUser))
+                .Select(c => c.SubHealthUser)
+                .Distinct()
+                .Where(id => !string.IsNullOrEmpty(id))
+                .ToList();
+            var subHealthUserDict = new Dictionary<string, string>();
+            if (subHealthUserIds != null && subHealthUserIds.Any())
+            {
+                var subHealthUsers = await _db.Queryable<UserEntity>()
+                    .Where(u => subHealthUserIds.Contains(u.Id) && !string.IsNullOrEmpty(u.Id))
+                    .Select(u => new { u.Id, u.RealName })
+                    .ToListAsync();
+                if (subHealthUsers != null && subHealthUsers.Any())
+                {
+                    foreach (var user in subHealthUsers)
+                    {
+                        if (!string.IsNullOrEmpty(user.Id) && !subHealthUserDict.ContainsKey(user.Id))
+                        {
+                            subHealthUserDict[user.Id] = user.RealName ?? "";
+                        }
+                    }
+                }
+            }
+
+            // 批量查询拓客人员信息
+            var expandUserIds = customerList
+                .Where(c => !string.IsNullOrEmpty(c.ExpandUser))
+                .Select(c => c.ExpandUser)
+                .Distinct()
+                .Where(id => !string.IsNullOrEmpty(id))
+                .ToList();
+            var expandUserDict = new Dictionary<string, string>();
+            if (expandUserIds != null && expandUserIds.Any())
+            {
+                var expandUsers = await _db.Queryable<UserEntity>()
+                    .Where(u => expandUserIds.Contains(u.Id) && !string.IsNullOrEmpty(u.Id))
+                    .Select(u => new { u.Id, u.RealName })
+                    .ToListAsync();
+                if (expandUsers != null && expandUsers.Any())
+                {
+                    foreach (var user in expandUsers)
+                    {
+                        if (!string.IsNullOrEmpty(user.Id) && !expandUserDict.ContainsKey(user.Id))
+                        {
+                            expandUserDict[user.Id] = user.RealName ?? "";
+                        }
+                    }
+                }
+            }
+
             // 转换为导出DTO
-            var queryResult = customerList.Select(kh => new
+            var exportData = customerList.Select(kh => new LqKhxxExportOutput
             {
                 id = kh.Id,
                 khmc = kh.Khmc,
@@ -806,10 +884,11 @@ namespace NCC.Extend.LqKhxx
                 xb = kh.Xb,
                 gsmdName = (!string.IsNullOrEmpty(kh.Gsmd) && storeDict.ContainsKey(kh.Gsmd)) ? (storeDict[kh.Gsmd].Dm ?? "") : "",
                 zcsj = kh.Zcsj,
-                khlx = kh.Khlx,
-                khjd = kh.Khjd,
-                khxf = kh.Khxf,
-                xfpc = kh.Xfpc,
+                khlxName = GetMemberTypeName(kh.Khlx),
+                mainHealthUserName = (!string.IsNullOrEmpty(kh.MainHealthUser) && mainHealthUserDict.ContainsKey(kh.MainHealthUser)) ? mainHealthUserDict[kh.MainHealthUser] : "",
+                subHealthUserName = (!string.IsNullOrEmpty(kh.SubHealthUser) && subHealthUserDict.ContainsKey(kh.SubHealthUser)) ? subHealthUserDict[kh.SubHealthUser] : "",
+                expandUserName = (!string.IsNullOrEmpty(kh.ExpandUser) && expandUserDict.ContainsKey(kh.ExpandUser)) ? expandUserDict[kh.ExpandUser] : "",
+                consumeLevelName = GetConsumeLevelNameFromLevel(kh.ConsumeLevel),
                 tjrName = (!string.IsNullOrEmpty(kh.Tjr) && tjrDict.ContainsKey(kh.Tjr)) ? tjrDict[kh.Tjr] : "",
                 jdqd = kh.Jdqd,
                 lxdz = kh.Lxdz,
@@ -820,40 +899,7 @@ namespace NCC.Extend.LqKhxx
                 visitDays = kh.VisitDays,
                 sleepDays = kh.SleepDays,
                 totalBillingAmount = kh.TotalBillingAmount,
-                remainingRightsAmount = kh.RemainingRightsAmount,
-                // 门店归属信息，用于计算客户目前归属名称
-                syb = (!string.IsNullOrEmpty(kh.Gsmd) && storeDict.ContainsKey(kh.Gsmd)) ? (storeDict[kh.Gsmd].Syb ?? "") : "",
-                jyb = (!string.IsNullOrEmpty(kh.Gsmd) && storeDict.ContainsKey(kh.Gsmd)) ? (storeDict[kh.Gsmd].Jyb ?? "") : "",
-                kjb = (!string.IsNullOrEmpty(kh.Gsmd) && storeDict.ContainsKey(kh.Gsmd)) ? (storeDict[kh.Gsmd].Kjb ?? "") : "",
-                dxmb = (!string.IsNullOrEmpty(kh.Gsmd) && storeDict.ContainsKey(kh.Gsmd)) ? (storeDict[kh.Gsmd].Dxmb ?? "") : ""
-            }).ToList();
-
-            // 转换为导出DTO，并计算客户类型名称和客户目前归属名称
-            var exportData = queryResult.Select(item => new LqKhxxExportOutput
-            {
-                id = item.id,
-                khmc = item.khmc,
-                sjh = item.sjh,
-                dah = item.dah,
-                xb = item.xb,
-                gsmdName = item.gsmdName,
-                zcsj = item.zcsj,
-                khlxName = GetMemberTypeName(item.khlx),
-                khjd = item.khjd,
-                khxf = item.khxf,
-                xfpc = item.xfpc,
-                tjrName = item.tjrName,
-                jdqd = item.jdqd,
-                lxdz = item.lxdz,
-                bz = item.bz,
-                yanglsr = item.yanglsr,
-                firstVisitTime = item.firstVisitTime,
-                lastVisitTime = item.lastVisitTime,
-                visitDays = item.visitDays,
-                sleepDays = item.sleepDays,
-                totalBillingAmount = item.totalBillingAmount,
-                remainingRightsAmount = item.remainingRightsAmount,
-                khmqgsName = GetCustomerBelongName(item.syb, item.jyb, item.kjb, item.dxmb)
+                remainingRightsAmount = kh.RemainingRightsAmount
             }).ToList();
 
             // 获取客户类型名称的辅助方法
@@ -867,15 +913,12 @@ namespace NCC.Extend.LqKhxx
                 return "无";
             }
 
-            // 获取客户目前归属名称的辅助方法
-            string GetCustomerBelongName(string syb, string jyb, string kjb, string dxmb)
+            // 根据消费等级编号获取消费等级名称
+            string GetConsumeLevelNameFromLevel(int level)
             {
-                var belongList = new List<string>();
-                if (!string.IsNullOrEmpty(syb)) belongList.Add("事业部");
-                if (!string.IsNullOrEmpty(jyb)) belongList.Add("教育部");
-                if (!string.IsNullOrEmpty(kjb)) belongList.Add("科技部");
-                if (!string.IsNullOrEmpty(dxmb)) belongList.Add("大项目部");
-                return belongList.Count > 0 ? string.Join("、", belongList) : "无";
+                return MemberInfoUpdateConfig.ConsumeLevelNames.ContainsKey(level) 
+                    ? MemberInfoUpdateConfig.ConsumeLevelNames[level] 
+                    : "D";
             }
 
             // 定义导出字段映射
@@ -886,13 +929,13 @@ namespace NCC.Extend.LqKhxx
                 new ParamsModel { value = "手机号", field = "sjh" },
                 new ParamsModel { value = "档案号", field = "dah" },
                 new ParamsModel { value = "性别", field = "xb" },
-                new ParamsModel { value = "客户目前归属名称", field = "khmqgsName" },
                 new ParamsModel { value = "归属门店名称", field = "gsmdName" },
                 new ParamsModel { value = "注册时间", field = "zcsj" },
-                new ParamsModel { value = "客户类型名称", field = "khlxName" },
-                new ParamsModel { value = "客户阶段", field = "khjd" },
-                new ParamsModel { value = "客户消费", field = "khxf" },
-                new ParamsModel { value = "消费频次", field = "xfpc" },
+                new ParamsModel { value = "客户类型", field = "khlxName" },
+                new ParamsModel { value = "主健康师", field = "mainHealthUserName" },
+                new ParamsModel { value = "副健康师", field = "subHealthUserName" },
+                new ParamsModel { value = "拓客人员", field = "expandUserName" },
+                new ParamsModel { value = "消费等级", field = "consumeLevelName" },
                 new ParamsModel { value = "推荐人", field = "tjrName" },
                 new ParamsModel { value = "进店渠道", field = "jdqd" },
                 new ParamsModel { value = "联系地址", field = "lxdz" },