1

frontend/unpackage/dist/dev/mp-weixin/pages/order/create.wxss

@@ -39,20 +39,39 @@
   color: #111;
   font-weight: 700;
 }
-.subtabs {
+
+/* 三段式胶囊切换 */
+.seg3 {
   display: flex;
-  gap: 16rpx;
-  padding: 0 24rpx 16rpx;
-}
-.subbtn {
-  padding: 10rpx 20rpx;
+  gap: 0;
+  margin: 12rpx 16rpx;
+  padding: 6rpx;
+  background: #fff;
+  border: 2rpx solid #e6ebf2;
   border-radius: 999rpx;
-  background: #f1f1f1;
-  color: #444;
+  box-shadow: 0 6rpx 16rpx rgba(0, 0, 0, 0.04);
 }
-.subbtn.active {
-  background: #4C8DFF;
-  color: #fff;
+.seg3-item {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8rpx;
+  padding: 12rpx 0;
+  color: #111;
+  border-radius: 999rpx;
+}
+
+/* 间隔通过内边距处理，避免空选择器 */
+.seg3-item.active {
+  background: #fff;
+  color: #4C8DFF;
+  box-shadow: 0 4rpx 12rpx rgba(76, 141, 255, 0.2), 0 0 0 2rpx #4C8DFF inset;
+}
+.seg3-icon {
+  width: 28rpx;
+  height: 28rpx;
+  opacity: 0.9;
 }
 .field {
   display: flex;
@@ -198,29 +217,24 @@
   color: #fff;
 }
 
-/* 顶部旧 tabs 简化隐藏（改为更简洁布局） */
-.tabs {
-  display: none;
-}
-
+/* 顶部业务 Tabs 显示 */
 /* 快捷操作宫格 */
 /* 信息卡片式表达（更稳重） */
 .info-card {
   display: grid;
   grid-template-columns: 1fr 1fr auto;
   gap: 10rpx;
-  margin: 12rpx 16rpx 0;
-  background: #fff;
-  border: 2rpx solid #e5e7eb;
-  border-radius: 16rpx;
-  padding: 10rpx;
+  margin: 10rpx 12rpx 0;
+  background: transparent;
+  padding: 0;
   align-items: center;
 }
 .info-field {
-  background: #ffffff;
-  border: 2rpx solid #e5e7eb;
+  background: #fff;
+  border: 2rpx solid #e6ebf2;
   border-radius: 12rpx;
   padding: 10rpx 12rpx;
+  box-shadow: 0 6rpx 16rpx rgba(0, 0, 0, 0.04);
 }
 .info-label {
   color: #444;
@@ -238,7 +252,8 @@
   background: #4C8DFF;
   color: #fff;
   border-radius: 12rpx;
-  padding: 12rpx 14rpx;
+  padding: 14rpx 16rpx;
+  box-shadow: 0 8rpx 18rpx rgba(76, 141, 255, 0.26);
 }
 .info-icon {
   width: 32rpx;