feat(ui): refine profile workflows and visual system

pages/records/index.wxss

@@ -1,10 +1,10 @@
 .records-page {
-  padding-top: 44rpx;
+  padding-top: 48rpx;
 }
 
 .records-filter {
-  margin-top: 30rpx;
-  padding: 22rpx 24rpx;
+  margin-top: 28rpx;
+  padding: 24rpx;
 }
 
 .filter-label,
@@ -13,13 +13,13 @@
 }
 
 .filter-label {
-  color: #718096;
+  color: #6e6e73;
   font-size: 23rpx;
 }
 
 .filter-value {
   margin-top: 8rpx;
-  color: #17233a;
+  color: #1c1c1e;
   font-size: 29rpx;
   font-weight: 700;
 }
@@ -34,13 +34,13 @@
 }
 
 .empty-icon {
-  color: #2b67e8;
+  color: #007aff;
   font-size: 56rpx;
 }
 
 .empty-title {
   margin: 20rpx 0 12rpx;
-  color: #17233a;
+  color: #1c1c1e;
   font-size: 36rpx;
   font-weight: 800;
 }
@@ -53,12 +53,12 @@
 .record-list {
   display: flex;
   flex-direction: column;
-  gap: 18rpx;
-  margin-top: 22rpx;
+  gap: 14rpx;
+  margin-top: 18rpx;
 }
 
 .record-card {
-  padding: 24rpx;
+  padding: 26rpx 24rpx;
 }
 
 .record-top {
@@ -75,22 +75,22 @@
 }
 
 .record-profile {
-  color: #17233a;
+  color: #1c1c1e;
   font-size: 31rpx;
   font-weight: 800;
 }
 
 .record-date {
   margin-top: 6rpx;
-  color: #718096;
+  color: #6e6e73;
   font-size: 23rpx;
 }
 
 .record-content {
   margin-top: 20rpx;
   padding-top: 18rpx;
-  border-top: 1rpx solid #e8eef5;
-  color: #334258;
+  border-top: 1rpx solid #e5e5ea;
+  color: #3a3a3c;
   font-size: 27rpx;
   line-height: 1.65;
   white-space: pre-wrap;
@@ -99,10 +99,10 @@
 .delete-button {
   margin: 0;
   padding: 8rpx 14rpx;
-  border: 1rpx solid #f2c6c6;
+  border: 1rpx solid #f1c4c4;
   border-radius: 10rpx;
-  background: #ffffff;
-  color: #c34343;
+  background: #fff2f2;
+  color: #d13f3a;
   font-size: 22rpx;
   line-height: 1.3;
 }