1

frontend/unpackage/dist/dev/mp-weixin/pages/detail/index.wxss

@@ -29,22 +29,10 @@
   flex-direction: column;
   height: 100vh;
 }
+
+/* 顶部分段（如需保留，可以隐藏或后续扩展） */
 .seg {
-  display: flex;
-  background: #fff;
-  border-bottom: 2rpx solid #e5e7eb;
-}
-.seg-item {
-  flex: 1;
-  padding: 18rpx 0;
-  text-align: center;
-  color: #444;
-}
-.seg-item.active {
-  color: #fff;
-  background: #4C8DFF;
-  border-radius: 12rpx;
-  margin: 8rpx;
+  display: none;
 }
 .content {
   display: flex;
@@ -82,25 +70,53 @@
 }
 .toolbar {
   display: flex;
-  align-items: center;
-  gap: 12rpx;
-  padding: 8rpx 6rpx;
+  flex-direction: column;
+  gap: 10rpx;
+  padding: 10rpx 6rpx 6rpx;
   border-bottom: 2rpx solid #e5e7eb;
 }
+.period-group {
+  display: flex;
+  align-items: center;
+  gap: 8rpx;
+  background: #f6f8fb;
+  border: 2rpx solid #e6ebf2;
+  border-radius: 10rpx;
+  padding: 8rpx 10rpx;
+}
+.period-label {
+  color: #6b778c;
+}
+.date-chip {
+  padding: 8rpx 12rpx;
+  background: #fff;
+  border: 2rpx solid #e6ebf2;
+  border-radius: 8rpx;
+}
+.sep {
+  color: #99a2b3;
+  padding: 0 6rpx;
+}
+.search-row {
+  display: flex;
+  align-items: center;
+  gap: 10rpx;
+}
 .search {
   flex: 1;
 }
 .search-input {
   width: 100%;
-  background: #f1f1f1;
+  background: #fff;
   border-radius: 12rpx;
   padding: 12rpx;
   color: #111;
+  border: 2rpx solid #e6ebf2;
 }
-.period {
-  color: #444;
-  font-size: 24rpx;
-  padding: 0 6rpx;
+.btn {
+  background: #4C8DFF;
+  color: #fff;
+  border: none;
 }
 .total {
   color: #4C8DFF;