feat: 优化主题配色

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

@@ -272,11 +272,6 @@ onMounted(() => {
   animation: shimmer 1.4s infinite;
 }
 
-@keyframes shimmer {
-  0% { background-position: 100% 0; }
-  100% { background-position: -100% 0; }
-}
-
 /* ── Empty ───────────────────────────────────────────── */
 .empty-wrap {
   display: flex;
@@ -306,7 +301,7 @@ onMounted(() => {
   margin-top: 12rpx;
   padding: 22rpx 60rpx;
   border-radius: 44rpx;
-  background: #c9a87c;
+  background: $primary-dark;
   box-shadow: 0 4rpx 16rpx rgba(201, 168, 124, 0.35);
 }
 
@@ -377,7 +372,7 @@ onMounted(() => {
 
   &--times    { background: linear-gradient(90deg, #1a1a2e, #2d2d5e); }
   &--duration { background: linear-gradient(90deg, #6c3483, #9b59b6); }
-  &--trial    { background: linear-gradient(90deg, #7d6608, #c9a87c); }
+  &--trial    { background: linear-gradient(90deg, #5a7a8a, $primary-dark); }
   &--inactive { background: #ccc; }
 }
 
@@ -391,7 +386,7 @@ onMounted(() => {
 
   &--times    { background: linear-gradient(90deg, #1a1a2e, #2d2d5e); }
   &--duration { background: linear-gradient(90deg, #6c3483, #9b59b6); }
-  &--trial    { background: linear-gradient(90deg, #7d6608, #c9a87c); }
+  &--trial    { background: linear-gradient(90deg, #5a7a8a, $primary-dark); }
   &--inactive { background: #888; }
 }
 
@@ -469,13 +464,13 @@ onMounted(() => {
 .highlight-number {
   font-size: 44rpx;
   font-weight: 800;
-  color: #c9a87c;
+  color: $primary-dark;
   line-height: 1;
 }
 
 .highlight-unit {
   font-size: 22rpx;
-  color: #c9a87c;
+  color: $primary-dark;
   font-weight: 500;
 }
 
@@ -514,7 +509,7 @@ onMounted(() => {
 
 .progress-fill {
   height: 100%;
-  background: linear-gradient(90deg, #c9a87c, #e8c88a);
+  background: linear-gradient(90deg, $primary-dark, $primary-color);
   border-radius: 4rpx;
   transition: width 0.4s ease;
 }
@@ -547,7 +542,7 @@ onMounted(() => {
 
 .fab-icon {
   font-size: 36rpx;
-  color: #c9a87c;
+  color: $primary-dark;
   font-weight: 300;
   line-height: 1;
 }
@@ -555,7 +550,7 @@ onMounted(() => {
 .fab-text {
   font-size: 28rpx;
   font-weight: 700;
-  color: #c9a87c;
+  color: $primary-dark;
   letter-spacing: 1rpx;
 }