tmp

pages/order/index.less

@@ -1,13 +1,13 @@
 /* pages/order/index.less */
 
-@bg: #f7f8fc;
+@bg: #f5f6fa;
 @card: #ffffff;
 @dark: #1a1a2e;
 @text: #3a3d5c;
 @muted: #a0a3bd;
 @border: #f0f1f5;
-@accent: #667eea;
-@accent-end: #764ba2;
+@accent: #1abc9c;
+@accent-end: #17c3a5;
 
 @pending: #e6a23c;
 @confirmed: #409eff;
@@ -17,6 +17,8 @@
 
 page {
   background-color: @bg;
+  color: @dark;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
 }
 
 .page {
@@ -28,10 +30,14 @@ page {
 
 /* === 顶部 === */
 .header {
-  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
+  background: linear-gradient(135deg, #2dd36f 0%, #17c3a5 100%);
+  box-shadow: 0 8rpx 24rpx rgba(23, 195, 165, 0.25);
   padding: 60rpx 40rpx 70rpx;
   position: relative;
   overflow: hidden;
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
 
   &::after {
     content: '';
@@ -78,6 +84,18 @@ page {
   letter-spacing: 1rpx;
 }
 
+.header-add {
+  position: relative;
+  z-index: 1;
+  flex-shrink: 0;
+  padding: 16rpx 28rpx;
+  font-size: 26rpx;
+  color: #fff;
+  background: rgba(255, 255, 255, 0.18);
+  border: 1rpx solid rgba(255, 255, 255, 0.4);
+  border-radius: 32rpx;
+}
+
 /* === 筛选栏 === */
 .filter-bar {
   background: @card;
@@ -110,7 +128,7 @@ page {
     background: linear-gradient(135deg, @accent, @accent-end);
     color: #fff;
     border-color: transparent;
-    box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.3);
+    box-shadow: 0 4rpx 16rpx rgba(23, 195, 165, 0.3);
 
     .filter-count {
       background: rgba(255, 255, 255, 0.25);
@@ -181,8 +199,8 @@ page {
 .order-card {
   margin-bottom: 20rpx;
   background: @card;
-  border-radius: 20rpx;
-  box-shadow: 0 4rpx 24rpx rgba(0, 0, 0, 0.04);
+  border-radius: 24rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
   overflow: hidden;
 
   &:active {
@@ -289,7 +307,7 @@ page {
   font-weight: 500;
 
   &.male {
-    background: rgba(102, 126, 234, 0.1);
+    background: rgba(26, 188, 156, 0.1);
     color: @accent;
   }
 
@@ -382,7 +400,7 @@ page {
 .btn-solid {
   background: linear-gradient(135deg, @accent, @accent-end);
   color: #fff;
-  box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.25);
+  box-shadow: 0 4rpx 16rpx rgba(23, 195, 165, 0.25);
 }
 
 .btn-ghost {