2 lines
2.9 KiB
Plaintext
2 lines
2.9 KiB
Plaintext
.page-wrapper.data-v-b7d15cf1{min-height:100vh;background:#ebf2fc}.header-bg.data-v-b7d15cf1{position:relative;height:400rpx;background:linear-gradient(180deg,#3b7fed,#007aff,#8bb8f8);padding-top:60rpx;overflow:hidden}.header-bg .blur-circle.data-v-b7d15cf1{position:absolute;border-radius:50%;filter:blur(60rpx);opacity:.5}.header-bg .circle-1.data-v-b7d15cf1{width:300rpx;height:300rpx;background:rgba(100,180,255,.6);top:-50rpx;left:-50rpx}.header-bg .circle-2.data-v-b7d15cf1{width:250rpx;height:250rpx;background:rgba(150,200,255,.5);top:100rpx;right:-30rpx}.header-bg .circle-3.data-v-b7d15cf1{width:200rpx;height:200rpx;background:rgba(180,220,255,.4);bottom:50rpx;left:200rpx}.header-title.data-v-b7d15cf1{text-align:center;font-size:36rpx;font-weight:600;color:#fff;position:relative;z-index:5}.user-info-section.data-v-b7d15cf1{display:flex;align-items:center;padding:60rpx 40rpx 0;position:relative;z-index:5}.user-info-section .user-avatar.data-v-b7d15cf1{width:120rpx;height:120rpx;border-radius:50%;overflow:hidden;border:4rpx solid rgba(255,255,255,.5);box-shadow:0 8rpx 20rpx rgba(0,0,0,.15)}.user-info-section .user-avatar .avatar-img.data-v-b7d15cf1{width:100%;height:100%}.user-info-section .user-details.data-v-b7d15cf1{flex:1;margin-left:24rpx}.user-info-section .user-details .user-name.data-v-b7d15cf1{font-size:36rpx;font-weight:600;color:#fff;margin-bottom:8rpx}.user-info-section .user-details .user-phone.data-v-b7d15cf1{font-size:26rpx;color:rgba(255,255,255,.85)}.user-info-section .edit-btn.data-v-b7d15cf1{background:rgba(255,255,255,.25);border:2rpx solid rgba(255,255,255,.5);border-radius:32rpx;font-size:26rpx;color:#fff;-webkit-backdrop-filter:blur(10rpx);backdrop-filter:blur(10rpx)}.user-info-section .edit-btn.data-v-b7d15cf1:after{border:none}.content-area.data-v-b7d15cf1{position:relative;margin-top:-60rpx;padding:0 30rpx 50rpx;z-index:10}.menu-card.data-v-b7d15cf1{background:#fff;border-radius:24rpx;padding:10rpx 0;box-shadow:0 4rpx 20rpx rgba(0,0,0,.06)}.menu-item.data-v-b7d15cf1{display:flex;align-items:center;justify-content:space-between;padding:32rpx 36rpx;border-bottom:1rpx solid #F5F5F5}.menu-item.data-v-b7d15cf1:last-child{border-bottom:none}.menu-item .menu-left.data-v-b7d15cf1{display:flex;align-items:center}.menu-item .menu-left .menu-icon.data-v-b7d15cf1{width:44rpx;height:44rpx;margin-right:24rpx}.menu-item .menu-left .menu-text.data-v-b7d15cf1{font-size:30rpx;color:#333}.menu-item .menu-right.data-v-b7d15cf1{display:flex;align-items:center}.menu-item .menu-right .menu-value.data-v-b7d15cf1{font-size:28rpx;color:#999;margin-right:8rpx}.menu-item .menu-arrow.data-v-b7d15cf1{font-size:28rpx;color:#ccc}.logout-btn.data-v-b7d15cf1{margin-top:60rpx;height:96rpx;line-height:96rpx;background:linear-gradient(135deg,#3b7fed,#5a9cf5);border-radius:48rpx;font-size:32rpx;font-weight:500;color:#fff;box-shadow:0 8rpx 24rpx rgba(59,127,237,.35)}.logout-btn.data-v-b7d15cf1:after{border:none}
|