|
|
@@ -348,9 +348,10 @@ page {
|
|
|
|
|
|
// 个人中心版块
|
|
|
.profile-section {
|
|
|
- background: linear-gradient(135deg, #f8f9ff 0%, #f0f2ff 100%);
|
|
|
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
|
padding: 30upx 25upx;
|
|
|
margin-bottom: 20upx;
|
|
|
+ box-shadow: 0 4upx 20upx rgba(102, 126, 234, 0.15);
|
|
|
|
|
|
.profile-header {
|
|
|
display: flex;
|
|
|
@@ -364,8 +365,9 @@ page {
|
|
|
width: 100upx;
|
|
|
height: 100upx;
|
|
|
border-radius: 50upx;
|
|
|
- border: 2upx solid #e8eaff;
|
|
|
+ border: 3upx solid rgba(255, 255, 255, 0.3);
|
|
|
background-color: #f5f5f5;
|
|
|
+ box-shadow: 0 4upx 12upx rgba(0, 0, 0, 0.1);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -374,15 +376,16 @@ page {
|
|
|
|
|
|
.username {
|
|
|
display: block;
|
|
|
- color: #333333;
|
|
|
+ color: #ffffff;
|
|
|
font-size: 42upx;
|
|
|
font-weight: 600;
|
|
|
margin-bottom: 6upx;
|
|
|
+ text-shadow: 0 2upx 4upx rgba(0, 0, 0, 0.1);
|
|
|
}
|
|
|
|
|
|
.user-id {
|
|
|
display: block;
|
|
|
- color: #999999;
|
|
|
+ color: rgba(255, 255, 255, 0.8);
|
|
|
font-size: 26upx;
|
|
|
}
|
|
|
}
|
|
|
@@ -400,25 +403,29 @@ page {
|
|
|
justify-content: center;
|
|
|
width: 120upx;
|
|
|
height: 110upx;
|
|
|
- background: rgba(255, 255, 255, 0.8);
|
|
|
+ background: rgba(255, 255, 255, 0.15);
|
|
|
border-radius: 15upx;
|
|
|
- border: 1upx solid #f0f0f0;
|
|
|
+ border: 1upx solid rgba(255, 255, 255, 0.2);
|
|
|
+ backdrop-filter: blur(10upx);
|
|
|
transition: all 0.2s ease;
|
|
|
+ box-shadow: 0 2upx 8upx rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
&:active {
|
|
|
transform: scale(0.95);
|
|
|
- background: rgba(240, 242, 255, 0.9);
|
|
|
+ background: rgba(255, 255, 255, 0.25);
|
|
|
}
|
|
|
|
|
|
.function-icon {
|
|
|
font-size: 44upx;
|
|
|
margin-bottom: 8upx;
|
|
|
+ filter: drop-shadow(0 2upx 4upx rgba(0, 0, 0, 0.1));
|
|
|
}
|
|
|
|
|
|
.function-text {
|
|
|
- color: #666666;
|
|
|
+ color: #ffffff;
|
|
|
font-size: 26upx;
|
|
|
font-weight: 500;
|
|
|
+ text-shadow: 0 1upx 2upx rgba(0, 0, 0, 0.1);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -531,14 +538,21 @@ page {
|
|
|
|
|
|
.action-buttons {
|
|
|
display: flex;
|
|
|
- gap: 12upx;
|
|
|
+ gap: 15upx;
|
|
|
margin-bottom: 24upx;
|
|
|
|
|
|
.action-btn {
|
|
|
flex: 1;
|
|
|
- padding: 20upx 16upx;
|
|
|
- border-radius: 12upx;
|
|
|
+ padding: 28upx 20upx;
|
|
|
+ border-radius: 15upx;
|
|
|
text-align: center;
|
|
|
+ box-shadow: 0 4upx 12upx rgba(0, 0, 0, 0.15);
|
|
|
+ transition: all 0.2s ease;
|
|
|
+
|
|
|
+ &:active {
|
|
|
+ transform: translateY(2upx);
|
|
|
+ box-shadow: 0 2upx 8upx rgba(0, 0, 0, 0.2);
|
|
|
+ }
|
|
|
|
|
|
&.primary {
|
|
|
background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
|
|
|
@@ -554,8 +568,9 @@ page {
|
|
|
|
|
|
.btn-text {
|
|
|
color: white;
|
|
|
- font-size: 24upx;
|
|
|
- font-weight: 500;
|
|
|
+ font-size: 28upx;
|
|
|
+ font-weight: 600;
|
|
|
+ text-shadow: 0 1upx 2upx rgba(0, 0, 0, 0.2);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -579,7 +594,7 @@ page {
|
|
|
}
|
|
|
|
|
|
.record-text {
|
|
|
- font-size: 22upx;
|
|
|
+ font-size: 24upx;
|
|
|
color: #666;
|
|
|
}
|
|
|
}
|
