From ca554456b069d225a5c8632272009db3e89907a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E5=B1=95=E9=B9=8F?= <wsh5485@163.com>
Date: Sat, 6 Dec 2025 01:41:49 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=A5=97=E9=A4=90=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E5=8C=BA=E5=9F=9F=E6=8E=92=E7=89=88=EF=BC=9A1)?=
 =?UTF-8?q?=E6=94=B9=E8=BF=9B=E5=AE=B9=E5=99=A8=E6=A0=B7=E5=BC=8F=EF=BC=8C?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=9C=86=E8=A7=92=E5=92=8C=E9=98=B4=E5=BD=B1?=
 =?UTF-8?q?=EF=BC=9B2)=E7=BE=8E=E5=8C=96=E5=A5=97=E9=A4=90=E5=85=83?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E6=A0=87=E7=AD=BE=EF=BC=9B3)=E5=B0=86?=
 =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E5=88=97=E8=A1=A8=E6=94=B9=E4=B8=BA=E6=97=A0?=
 =?UTF-8?q?=E5=BA=8F=E5=88=97=E8=A1=A8=E7=BB=93=E6=9E=84=EF=BC=9B4)?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=93=8D=E5=BA=94=E5=BC=8F=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E5=92=8C=E6=82=AC=E5=81=9C=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pending_bookings.php | 84 +++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 76 insertions(+), 8 deletions(-)

diff --git a/pending_bookings.php b/pending_bookings.php
index 4c09648..4eb862b 100644
--- a/pending_bookings.php
+++ b/pending_bookings.php
@@ -403,20 +403,88 @@ try {
         .package-info {
             background: #f8f9fa;
             border: 1px solid #e9ecef;
-            border-radius: 4px;
-            padding: 15px;
-            margin-bottom: 15px;
+            border-radius: 8px;
+            padding: 20px;
+            margin-bottom: 20px;
             display: none;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+            transition: all 0.3s ease;
+        }
+        
+        .package-info:hover {
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
         }
         
         .package-details {
-            margin-bottom: 10px;
+            margin-bottom: 15px;
+        }
+        
+        .package-details h4 {
+            margin: 0 0 12px 0;
+            color: #2c3e50;
+            font-size: 18px;
+            font-weight: 600;
         }
         
         .package-meta {
             display: flex;
-            gap: 20px;
-            margin: 10px 0;
+            gap: 16px;
+            margin: 15px 0;
+            flex-wrap: wrap;
+            align-items: center;
+        }
+        
+        .package-meta span {
+            background: #e3f2fd;
+            color: #1976d2;
+            padding: 6px 12px;
+            border-radius: 20px;
+            font-size: 14px;
+            font-weight: 500;
+        }
+        
+        #packageServices_<?php echo $submission['id']; ?> {
+            margin-top: 15px;
+            padding: 15px;
+            background: #ffffff;
+            border: 1px solid #e0e0e0;
+            border-radius: 6px;
+        }
+        
+        #packageServices_<?php echo $submission['id']; ?> strong {
+            color: #2c3e50;
+            font-size: 16px;
+            display: block;
+            margin-bottom: 10px;
+        }
+        
+        #packageServices_<?php echo $submission['id']; ?> br {
+            display: none;
+        }
+        
+        #packageServices_<?php echo $submission['id']; ?>::before {
+            content: '';
+        }
+        
+        #packageServices_<?php echo $submission['id']; ?>::after {
+            content: '';
+        }
+        
+        .service-list {
+            margin: 10px 0 0 20px;
+            padding: 0;
+        }
+        
+        .service-list li {
+            margin-bottom: 6px;
+            color: #424242;
+            line-height: 1.6;
+            font-size: 15px;
+        }
+        
+        .service-list li::marker {
+            color: #1976d2;
+            font-weight: bold;
         }
         
         .booking-detail-item {
@@ -855,8 +923,8 @@ try {
                 const servicesContainer = document.getElementById('packageServices_' + submissionId);
                 if (servicesContainer) {
                     if (services && services.length > 0) {
-                        servicesContainer.innerHTML = '<strong>包含服务:</strong><br>' + 
-                            services.map(service => `• ${service}`).join('<br>');
+                        servicesContainer.innerHTML = '<strong>包含服务:</strong><ul class="service-list">' + 
+                            services.map(service => `<li>${service}</li>`).join('') + '</ul>';
                     } else {
                         servicesContainer.innerHTML = '';
                     }