feat: ui update

miniprogram/pages/notification-detail/notification-detail.wxss

@@ -1,65 +1,43 @@
-.detail-page {
-  padding: 24rpx;
-  box-sizing: border-box;
+/** 通知详情：衬线标题 + 发丝线正文排版 **/
+.nd-page {
+  padding-bottom: 40rpx;
 }
 
-.detail-card {
-  margin-top: 24rpx;
-  padding: 48rpx 40rpx;
+.nd-title {
+  margin-top: 22rpx;
 }
 
-.icon-row {
-  display: flex;
-  justify-content: center;
-  margin-bottom: 32rpx;
+.nd-time {
+  margin-top: 18rpx;
+  font-size: 23rpx;
+  color: var(--ink-3);
+  letter-spacing: .04em;
 }
 
-.n-icon {
-  width: 120rpx;
-  height: 120rpx;
+.nd-body {
+  margin: 56rpx var(--pad) 0;
+  padding-top: 56rpx;
+  border-top: 1rpx solid var(--hairline);
+}
+
+.nd-ic {
+  width: 96rpx;
+  height: 96rpx;
   border-radius: 50%;
+  background: var(--fill);
+  color: var(--ink-2);
   display: flex;
   align-items: center;
   justify-content: center;
+  margin-bottom: 40rpx;
 }
 
-.n-icon.like {
-  background: #FFE8EC;
-  color: #FF3B30;
+.nd-ic .icon {
+  width: 44rpx;
+  height: 44rpx;
 }
 
-.n-icon.order {
-  background: #E8F2FF;
-  color: #007AFF;
-}
-
-.n-icon.sys {
-  background: #F2F2F7;
-  color: #8E8E93;
-}
-
-.n-icon .icon {
-  width: 64rpx;
-  height: 64rpx;
-}
-
-.detail-title {
-  font-size: 36rpx;
-  font-weight: 700;
-  color: #000;
-  text-align: center;
-}
-
-.detail-time {
-  font-size: 24rpx;
-  color: #C7C7CC;
-  text-align: center;
-  margin-top: 16rpx;
-}
-
-.detail-content {
-  font-size: 28rpx;
-  color: #3C3C43;
-  margin-top: 32rpx;
-  line-height: 1.7;
+.nd-content {
+  line-height: 1.85;
+  color: var(--ink);
 }