style(UI): 统一卡片样式并增强视觉效果

为所有页面卡片添加 enhanced-card 类，实现统一视觉风格
添加卡片悬停动画、顶部装饰条和状态变化效果
优化状态标签、按钮和详情布局的样式

vip.php

@@ -241,7 +241,7 @@ try {
 
         <div class="vip-management">
             <!-- VIP搜索表单 -->
-            <div class="card search-container">
+            <div class="card search-container enhanced-card">
                 <h2>🔍 VIP客户搜索</h2>
                 <form method="GET" class="form search-form">
                     <div class="form-row">
@@ -262,7 +262,7 @@ try {
             </div>
             
             <!-- VIP录入表单 -->
-            <div class="card">
+            <div class="card enhanced-card">
                 <h2>➕ 录入新VIP客户</h2>
                 <form method="POST" class="form">
                     <input type="hidden" name="action" value="add_vip">
@@ -316,7 +316,7 @@ try {
             </div>
 
             <!-- 从预约转换为VIP -->
-            <div class="card">
+            <div class="card enhanced-card">
                 <h2>📋 从预约记录转换为VIP客户</h2>
                 <p style="color: #666; margin-bottom: 15px;">选择预约记录，快速将普通客户转换为VIP客户</p>
                 <?php
@@ -374,7 +374,7 @@ try {
             </div>
             
             <!-- VIP客户列表 -->
-            <div class="card">
+            <div class="card enhanced-card">
                 <h2>👑 VIP客户列表 (共 <?php echo count($vip_customers); ?> 位)</h2>
                 
                 <?php if (empty($vip_customers)): ?>
@@ -382,7 +382,7 @@ try {
                 <?php else: ?>
                     <div class="vip-grid">
                         <?php foreach ($vip_customers as $vip): ?>
-                            <div class="vip-card">
+                            <div class="vip-card enhanced-card">
                                 <div class="vip-header">
                                     <h3><?php echo htmlspecialchars($vip['customer_name']); ?></h3>
                                     <div class="vip-status">👑 VIP</div>