feat: 优化主题配色

packages/app/src/pages/profile/bookings.vue

@@ -367,7 +367,7 @@ onMounted(() => {
 
   &.active {
     .tab-label {
-      color: #c9a87c;
+      color: $primary-dark;
       font-weight: 600;
     }
 
@@ -379,7 +379,7 @@ onMounted(() => {
       transform: translateX(-50%);
       width: 48rpx;
       height: 4rpx;
-      background: #c9a87c;
+      background: $primary-dark;
       border-radius: 2rpx;
     }
   }
@@ -456,11 +456,6 @@ onMounted(() => {
   &--medium { width: 55%; }
 }
 
-@keyframes shimmer {
-  0% { background-position: 100% 0; }
-  100% { background-position: -100% 0; }
-}
-
 /* ── Empty ───────────────────────────────────────────── */
 .empty-wrap {
   display: flex;
@@ -501,7 +496,7 @@ onMounted(() => {
   margin-top: 24rpx;
   padding: 22rpx 64rpx;
   border-radius: 44rpx;
-  background: linear-gradient(135deg, #d4b896, #c9a87c);
+  background: linear-gradient(135deg, $primary-color, $primary-dark);
   box-shadow: 0 4rpx 16rpx rgba(201, 168, 124, 0.3);
 
   &:active {
@@ -540,7 +535,7 @@ onMounted(() => {
   width: 8rpx;
   flex-shrink: 0;
 
-  &.stripe--confirmed { background: #c9a87c; }
+  &.stripe--confirmed { background: $primary-dark; }
   &.stripe--completed { background: #66bb6a; }
   &.stripe--cancelled { background: #e0e0e0; }
   &.stripe--noshow    { background: #ef5350; }
@@ -595,7 +590,7 @@ onMounted(() => {
   font-size: 22rpx;
   font-weight: 600;
 
-  .badge--confirmed & { color: #c9a87c; }
+  .badge--confirmed & { color: $primary-dark; }
   .badge--completed & { color: #66bb6a; }
   .badge--cancelled & { color: #bbb; }
   .badge--noshow    & { color: #ef5350; }