feat: ui update

miniprogram/pages/wardrobe/wardrobe.wxss

@@ -1,3 +1,4 @@
+/** 衣橱：衬线大标题 + 下划线分类条 + 无容器网格 **/
 .page-flex {
   height: 100vh;
   display: flex;
@@ -10,65 +11,44 @@
   height: 0;
 }
 
-.cat-scroll {
-  background: #fff;
-  white-space: nowrap;
+.wd-stat {
+  margin-top: 22rpx;
+  font-size: 23rpx;
+  color: var(--ink-3);
+  letter-spacing: .02em;
 }
 
-.cat-row {
-  display: inline-flex;
-  padding: 20rpx 24rpx;
+/* 分类条：吸顶玻璃 + 下划线选中态 */
+.segbar {
+  position: sticky;
+  top: 0;
+  z-index: 20;
+  margin-top: 36rpx;
+  background: var(--glass);
+  -webkit-backdrop-filter: saturate(180%) blur(20px);
+  backdrop-filter: saturate(180%) blur(20px);
+  border-bottom: 1rpx solid var(--hairline);
 }
 
-.cat-item {
-  flex-shrink: 0;
-  padding: 0 32rpx;
-  height: 60rpx;
-  line-height: 60rpx;
-  border-radius: 30rpx;
-  font-size: 26rpx;
-  color: #3C3C43;
-  background: #F2F2F7;
-  margin-right: 16rpx;
+.wd-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 44rpx 26rpx;
+  padding: 40rpx var(--pad) 0;
 }
 
-.cat-item.active {
-  background: #007AFF;
-  color: #fff;
-}
-
-.stat {
-  padding: 8rpx 32rpx 0;
-  font-size: 22rpx;
-  color: #8E8E93;
-}
-
-.grid {
+.wd-skel {
   display: flex;
-  flex-wrap: wrap;
-  padding: 24rpx;
-  gap: 24rpx;
+  flex-direction: column;
+  gap: 18rpx;
 }
 
-.grid-item {
-  width: calc(50% - 12rpx);
-  box-sizing: border-box;
+.wd-tile {
+  display: block;
+  width: 100%;
+  transition: transform .2s var(--ease);
 }
 
-.sk-card {
-  height: 320rpx;
-  border-radius: 32rpx;
-}
-
-.sk-line {
-  height: 40rpx;
-  margin-top: 16rpx;
-  border-radius: 12rpx;
-}
-
-.no-more {
-  text-align: center;
-  font-size: 24rpx;
-  color: #C7C7CC;
-  padding: 24rpx 0 40rpx;
+.wd-tile:active {
+  transform: scale(.975);
 }