diff --git a/frontend/src/views/desktop/CustomerManage.vue b/frontend/src/views/desktop/CustomerManage.vue
index f5569d8..3b4cfd0 100644
--- a/frontend/src/views/desktop/CustomerManage.vue
+++ b/frontend/src/views/desktop/CustomerManage.vue
@@ -433,21 +433,24 @@ async function handleImport() {
 
     <!-- Detail Dialog -->
     <el-dialog v-model="detailVisible" :title="detailCustomer?.name || '客户详情'" width="800px" v-if="detailCustomer">
-      <!-- Basic Info -->
-      <div class="cust-info-bar">
-        <span class="cust-info-item">行业：{{ detailCustomer.industry || '-' }}</span>
-        <span class="cust-info-sep">|</span>
-        <span class="cust-info-item">地址：{{ detailCustomer.address || '-' }}</span>
-        <span class="cust-info-sep">|</span>
-        <span class="cust-info-item">费用：{{ detailCustomer.monthly_fee || '-' }}</span>
-        <span class="cust-info-sep">|</span>
-        <span class="cust-info-item">客户经理：{{ detailCustomer.primary_manager_name || '-' }}</span>
-      </div>
-      <div v-if="detailCustomer.in_use_services" class="cust-info-bar" style="margin-top:4px">
-        <span class="cust-info-item">在用业务：{{ detailCustomer.in_use_services }}</span>
-      </div>
-      <div v-if="detailCustomer.contacts?.length" class="cust-info-bar" style="margin-top:4px">
-        <span class="cust-info-item">联系人：{{ detailCustomer.contacts.map((c:any) => c.name + (c.phone ? ' '+c.phone : '')).join('、') }}</span>
+      <!-- Basic Info Card -->
+      <div class="cust-info-card">
+        <div class="cust-info-name">{{ detailCustomer.name }}</div>
+        <div class="cust-info-bar">
+          <span class="cust-info-item">行业：{{ detailCustomer.industry || '-' }}</span>
+          <span class="cust-info-sep">|</span>
+          <span class="cust-info-item">地址：{{ detailCustomer.address || '-' }}</span>
+          <span class="cust-info-sep">|</span>
+          <span class="cust-info-item">费用：{{ detailCustomer.monthly_fee || '-' }}</span>
+          <span class="cust-info-sep">|</span>
+          <span class="cust-info-item">客户经理：{{ detailCustomer.primary_manager_name || '-' }}</span>
+        </div>
+        <div v-if="detailCustomer.in_use_services" class="cust-info-bar">
+          <span class="cust-info-item">在用业务：{{ detailCustomer.in_use_services }}</span>
+        </div>
+        <div v-if="detailCustomer.contacts?.length" class="cust-info-bar">
+          <span class="cust-info-item">联系人：{{ detailCustomer.contacts.map((c:any) => c.name + (c.phone ? ' '+c.phone : '')).join('、') }}</span>
+        </div>
       </div>
 
       <!-- Tabs -->
@@ -576,8 +579,10 @@ async function handleImport() {
 }
 .page-rule { width: 32px; height: 3px; background: var(--gold); margin-top: 8px; }
 .header-btns { display: flex; gap: 8px; }
-.cust-info-bar { display: flex; align-items: center; gap: 4px; font-size: 13px; color: var(--warm-gray); }
+.cust-info-bar { display: flex; align-items: center; gap: 4px; font-size: 13px; color: var(--ink); padding: 2px 0; }
 .cust-info-item { white-space: nowrap; }
-.cust-info-sep { color: var(--gold); margin: 0 4px; }
+.cust-info-sep { color: var(--warm-border); margin: 0 6px; }
 .empty-tab { text-align: center; color: var(--c-text-muted); padding: 24px 0 12px; font-size: 13px; }
+.cust-info-card { background: var(--c-bg-light, #faf9f6); border: 1px solid var(--warm-border); border-radius: 6px; padding: 14px 18px; margin-bottom: 4px; }
+.cust-info-name { font-family: var(--font-heading); font-size: 16px; color: var(--ink); letter-spacing: 0.04em; margin-bottom: 6px; }
 </style>