fix(ui): 员工详情页接入卡片化美化(选择器扩展到独立页)+WA客户tab每页10条(微信保持5)

Co-Authored-By: Claude <noreply@anthropic.com>

yunkes/src/style.css

@@ -547,10 +547,12 @@ h2 {
 }
 
 /* ── 分区标题:玉绿竖条+字距 ── */
-.yk-drawer .el-divider--horizontal {
+.yk-drawer .el-divider--horizontal,
+.yk-staff-detail .el-divider--horizontal {
   margin: 20px 0 12px !important;
 }
-.yk-drawer .el-divider__text {
+.yk-drawer .el-divider__text,
+.yk-staff-detail .el-divider__text {
   font-size: 13px !important;
   font-weight: 700 !important;
   color: #3d4756 !important;
@@ -558,7 +560,8 @@ h2 {
   padding: 0 12px 0 0 !important;
   background: transparent !important;
 }
-.yk-drawer .el-divider__text::before {
+.yk-drawer .el-divider__text::before,
+.yk-staff-detail .el-divider__text::before {
   content: '' !important;
   display: inline-block !important;
   width: 3px !important;
@@ -568,7 +571,8 @@ h2 {
   margin-right: 8px !important;
   vertical-align: -2px !important;
 }
-.yk-drawer .el-divider__text.is-left {
+.yk-drawer .el-divider__text.is-left,
+.yk-staff-detail .el-divider__text.is-left {
   left: 0 !important;
   transform: none !important;
 }
@@ -633,8 +637,11 @@ h2 {
   grid-column: 1 / -1 !important;
 }
 
-/* 员工独立详情页:同样的卡片化 */
-.yk-staff-detail__body .yk-drawer__avatar {
+/* 员工独立详情页:同样的卡片化+背景 */
+.yk-staff-detail__body {
+  padding: 0 !important;
+}
+.yk-staff-detail .yk-staff-detail__body .yk-drawer__avatar {
   margin: 0 0 24px !important;
 }
 .yk-staff-detail__header {

yunkes/src/views/CustomerList.vue

@@ -35,8 +35,8 @@ interface TabState {
   errorMsg: string | null
   loaded: boolean
 }
-function freshTabState(): TabState {
-  return { items: [], total: 0, page: 1, pageSize: 5, loading: false, errorMsg: null, loaded: false }
+function freshTabState(pageSize = 5): TabState {
+  return { items: [], total: 0, page: 1, pageSize, loading: false, errorMsg: null, loaded: false }
 }
 
 /** 云客口径客户合计(分渠道,Σ员工好友数声明值,含云客索引重复;页脚对齐云客)。 */
@@ -68,8 +68,8 @@ const activeTab = ref<TabKey>(
     : 'wechat',
 )
 const tabState = reactive<Record<TabKey, TabState>>({
-  wechat: freshTabState(),
-  whatsapp: freshTabState(),
+  wechat: freshTabState(5),      // 微信 5 条(用户偏好)
+  whatsapp: freshTabState(10),   // WA 10 条(2026-08-24 用户指定)
 })
 
 // 全字段抽屉（两 tab 共享）