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_ {
+ margin-top: 15px;
+ padding: 15px;
+ background: #ffffff;
+ border: 1px solid #e0e0e0;
+ border-radius: 6px;
+ }
+
+ #packageServices_ strong {
+ color: #2c3e50;
+ font-size: 16px;
+ display: block;
+ margin-bottom: 10px;
+ }
+
+ #packageServices_ br {
+ display: none;
+ }
+
+ #packageServices_::before {
+ content: '';
+ }
+
+ #packageServices_::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 = '包含服务:
' +
- services.map(service => `• ${service}`).join('
');
+ servicesContainer.innerHTML = '包含服务: