fix: 客户类型Tab改为自定义按钮样式，匹配整体设计风格

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

frontend/src/views/desktop/CustomerManage.vue

@@ -367,10 +367,10 @@ async function handleImport() {
 
     <!-- Type Toggle -->
     <div style="margin-bottom:14px">
-      <el-radio-group v-model="customerType" @change="switchCustomerType">
-        <el-radio-button value="unit">单位客户</el-radio-button>
-        <el-radio-button value="individual">个人用户</el-radio-button>
-      </el-radio-group>
+      <div class="type-tabs">
+        <button :class="['type-tab', { 'type-tab--active': customerType === 'unit' }]" @click="switchCustomerType('unit')">单位客户</button>
+        <button :class="['type-tab', { 'type-tab--active': customerType === 'individual' }]" @click="switchCustomerType('individual')">个人用户</button>
+      </div>
     </div>
 
     <!-- Individual View: 4 Tabs -->
@@ -676,6 +676,12 @@ async function handleImport() {
 .cust-info-item { white-space: nowrap; }
 .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; }
+.type-tabs { display: inline-flex; border: 1px solid var(--warm-border); }
+.type-tab { padding: 8px 22px; border: none; background: var(--surface); font-family: var(--font-heading); font-size: 14px; color: var(--warm-gray); cursor: pointer; transition: all 0.2s; letter-spacing: 0.04em; }
+.type-tab:not(:last-child) { border-right: 1px solid var(--warm-border); }
+.type-tab:hover { color: var(--ink); }
+.type-tab--active { background: var(--ink); color: #fff; }
+.type-tab--active:hover { color: #fff; }
 .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>