checkpoint: pre-refactor state before fixing P0/P1 issues

miniprogram/components/post-card/post-card.wxss

@@ -1,12 +1,10 @@
+/* ── 帖子卡片:纯白实底、大圆角、中性柔和阴影(Vital 风格) ── */
 .post-card {
   margin: 0 28rpx 32rpx;
-  background: rgba(255, 255, 255, 0.40);
-  backdrop-filter: blur(28rpx) saturate(170%);
-  -webkit-backdrop-filter: blur(28rpx) saturate(170%);
-  border-radius: 56rpx;
-  border: 1rpx solid rgba(255, 255, 255, 0.78);
+  background: #ffffff;
+  border-radius: 48rpx;
   overflow: hidden;
-  box-shadow: 0 22rpx 48rpx rgba(120, 70, 140, 0.16), inset 0 1rpx 0 rgba(255, 255, 255, 0.65);
+  box-shadow: 0 16rpx 48rpx rgba(27, 27, 32, 0.06);
 }
 
 /* 头部 */
@@ -25,11 +23,9 @@
   align-items: center;
   justify-content: center;
   font-size: 32rpx;
-  font-weight: 800;
-  color: rgba(43, 36, 56, 0.72);
+  font-weight: 700;
+  color: rgba(27, 27, 32, 0.65);
   flex-shrink: 0;
-  border: 3rpx solid rgba(255, 255, 255, 0.85);
-  box-shadow: 0 10rpx 22rpx rgba(120, 70, 150, 0.16);
 }
 
 .post-meta {
@@ -40,8 +36,8 @@
 .post-username {
   display: block;
   font-size: 28rpx;
-  font-weight: 800;
-  color: #2b2438;
+  font-weight: 600;
+  color: #1b1b20;
 }
 
 .post-loc {
@@ -55,7 +51,7 @@
 
 .loc-text {
   font-size: 22rpx;
-  color: #a59cb5;
+  color: #b9bdc6;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -63,7 +59,7 @@
 
 .post-time {
   font-size: 22rpx;
-  color: #a59cb5;
+  color: #b9bdc6;
   flex-shrink: 0;
 }
 
@@ -76,24 +72,21 @@
   width: 100%;
   height: 360rpx;
   display: block;
-  background: #f0eef5;
+  background: #eef0f5;
 }
 
+/* 心情标签:白色小胶囊,不旋转 */
 .post-tag-chip {
   position: absolute;
   top: 22rpx;
   left: 22rpx;
-  background: rgba(255, 255, 255, 0.55);
-  backdrop-filter: blur(20rpx) saturate(180%);
-  -webkit-backdrop-filter: blur(20rpx) saturate(180%);
-  color: #2b2438;
+  background: #ffffff;
+  color: #1b1b20;
   font-size: 21rpx;
-  font-weight: 800;
+  font-weight: 600;
   padding: 10rpx 22rpx;
-  border-radius: 24rpx;
-  border: 1rpx solid rgba(255, 255, 255, 0.7);
-  box-shadow: 0 14rpx 30rpx rgba(120, 70, 150, 0.18);
-  transform: rotate(-3deg);
+  border-radius: 999rpx;
+  box-shadow: 0 10rpx 26rpx rgba(27, 27, 32, 0.12);
 }
 
 .post-img-grid {
@@ -124,7 +117,7 @@
 .img-grid-item {
   width: 100%;
   height: 100%;
-  background: #f0eef5;
+  background: #eef0f5;
 }
 
 /* 正文区 */
@@ -135,7 +128,7 @@
 .post-caption {
   display: block;
   font-size: 28rpx;
-  color: #2b2438;
+  color: #1b1b20;
   line-height: 1.6;
   margin-bottom: 16rpx;
 }
@@ -151,10 +144,9 @@
   display: inline-flex;
   align-items: center;
   font-size: 22rpx;
-  font-weight: 800;
-  color: #8a3fe0;
-  background: rgba(167, 139, 250, 0.16);
-  border: 1rpx solid rgba(167, 139, 250, 0.28);
+  font-weight: 600;
+  color: #7563e0;
+  background: rgba(139, 124, 246, 0.12);
   border-radius: 999rpx;
   padding: 6rpx 14rpx;
 }
@@ -164,7 +156,7 @@
   display: flex;
   gap: 14rpx;
   padding-top: 20rpx;
-  border-top: 1rpx solid rgba(255, 255, 255, 0.55);
+  border-top: 1rpx solid rgba(27, 27, 32, 0.06);
 }
 
 .action-btn {
@@ -172,10 +164,9 @@
   align-items: center;
   gap: 8rpx;
   font-size: 24rpx;
-  font-weight: 800;
-  color: #6e6480;
-  background: rgba(255, 255, 255, 0.42);
-  border: 1rpx solid rgba(255, 255, 255, 0.62);
+  font-weight: 600;
+  color: #6e7280;
+  background: #f1f2f6;
   border-radius: 999rpx;
   padding: 12rpx 22rpx;
   transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease;
@@ -185,11 +176,11 @@
   transform: scale(0.95);
 }
 
+/* 已赞:强调黑胶囊(动作强调不用主题色) */
 .action-btn.liked {
   color: #fff;
-  background: linear-gradient(135deg, #ff2d6e, #ff7a1a);
-  border-color: transparent;
-  box-shadow: 0 12rpx 26rpx rgba(255, 45, 110, 0.32);
+  background: #2b2b30;
+  box-shadow: 0 10rpx 24rpx rgba(43, 43, 48, 0.24);
 }
 
 .action-icon {
@@ -199,4 +190,5 @@
 
 .action-count {
   font-size: 24rpx;
+  font-variant-numeric: tabular-nums;
 }