@charset "UTF-8"; /* 绿纤美业会员端设计系统:苔玉绿 + 雾金 */ /* 绿纤美业会员端设计系统:苔玉绿 + 雾金 */ .profile-header.data-v-60cb334c { display: flex; align-items: center; margin-bottom: 28rpx; } .profile-title.data-v-60cb334c { font-size: 44rpx; font-weight: 700; } .user-card.data-v-60cb334c, .orders-card.data-v-60cb334c, .menu-card.data-v-60cb334c { padding: 34rpx; } .user-card.data-v-60cb334c { position: relative; overflow: hidden; margin-bottom: 28rpx; } .user-art.data-v-60cb334c, .user-overlay.data-v-60cb334c { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .user-overlay.data-v-60cb334c { background: linear-gradient(140deg, rgba(255, 255, 255, 0.06), rgba(36, 74, 61, 0.14)); } .user-row.data-v-60cb334c, .user-name-row.data-v-60cb334c, .menu-left.data-v-60cb334c, .menu-item.data-v-60cb334c { display: flex; align-items: center; } .user-row.data-v-60cb334c { position: relative; z-index: 2; } .avatar.data-v-60cb334c { position: relative; width: 112rpx; height: 112rpx; border-radius: 50%; background: rgba(255, 255, 255, 0.24); border: 2rpx solid rgba(255, 255, 255, 0.32); } .avatar.data-v-60cb334c::before, .avatar.data-v-60cb334c::after { content: ""; position: absolute; left: 50%; background: rgba(255, 255, 255, 0.86); } .avatar.data-v-60cb334c::before { top: 24rpx; width: 30rpx; height: 30rpx; margin-left: -15rpx; border-radius: 50%; } .avatar.data-v-60cb334c::after { bottom: 20rpx; width: 56rpx; height: 30rpx; margin-left: -28rpx; border-radius: 28rpx 28rpx 20rpx 20rpx; } .avatar-core.data-v-60cb334c { position: absolute; inset: 10rpx; border-radius: 50%; border: 2rpx solid rgba(255, 255, 255, 0.28); } .user-info.data-v-60cb334c { flex: 1; margin-left: 24rpx; } .user-name.data-v-60cb334c { font-size: 36rpx; font-weight: 700; color: #fff; } .level-badge.data-v-60cb334c { margin-left: 16rpx; display: inline-flex; align-items: center; justify-content: center; padding: 10rpx 20rpx; border-radius: 999rpx; background: rgba(210, 191, 156, 0.16); color: #244a3d; font-size: 22rpx; border: 1rpx solid rgba(255, 255, 255, 0.2); box-shadow: 0 10rpx 24rpx rgba(82, 101, 90, 0.08); border-color: rgba(210, 191, 156, 0.14); font-weight: 600; } .user-phone.data-v-60cb334c, .user-desc.data-v-60cb334c, .order-title.data-v-60cb334c, .menu-arrow.data-v-60cb334c { color: #5f6d65; } .user-phone.data-v-60cb334c { display: block; margin-top: 12rpx; font-size: 26rpx; color: rgba(255, 255, 255, 0.88); } .user-desc.data-v-60cb334c { display: block; margin-top: 10rpx; font-size: 24rpx; line-height: 1.6; color: rgba(255, 255, 255, 0.82); } .section-block.data-v-60cb334c { margin-bottom: 28rpx; } .orders-card.data-v-60cb334c { background: rgba(253, 255, 252, 0.9); border: 1rpx solid rgba(255, 255, 255, 0.8); border-radius: 36rpx; box-shadow: 0 24rpx 64rpx rgba(54, 77, 64, 0.1); border-color: rgba(210, 191, 156, 0.16); display: flex; justify-content: space-between; } .order-item.data-v-60cb334c { width: 25%; display: flex; flex-direction: column; align-items: center; } .order-icon.data-v-60cb334c, .menu-icon.data-v-60cb334c { width: 72rpx; height: 72rpx; } .menu-icon.data-v-60cb334c { -webkit-filter: sepia(0.28) saturate(0.78) hue-rotate(286deg) brightness(0.96); filter: sepia(0.28) saturate(0.78) hue-rotate(286deg) brightness(0.96); } .order-title.data-v-60cb334c { margin-top: 16rpx; font-size: 24rpx; color: #1f2c28; } .menu-item.data-v-60cb334c { justify-content: space-between; padding: 22rpx 0; border-bottom: 1rpx solid rgba(100, 140, 118, 0.08); } .menu-item.data-v-60cb334c:last-child { border-bottom: 0; padding-bottom: 0; } .menu-title.data-v-60cb334c { margin-left: 18rpx; font-size: 28rpx; color: #1f2c28; } .menu-card.data-v-60cb334c { background: rgba(253, 255, 252, 0.9); border: 1rpx solid rgba(255, 255, 255, 0.8); border-radius: 36rpx; box-shadow: 0 24rpx 64rpx rgba(54, 77, 64, 0.1); border-color: rgba(210, 191, 156, 0.16); } .menu-arrow.data-v-60cb334c { font-size: 36rpx; } .logout-button.data-v-60cb334c { display: inline-flex; align-items: center; justify-content: center; height: 92rpx; padding: 0 38rpx; border-radius: 44rpx; color: #fff; font-size: 28rpx; font-weight: 600; letter-spacing: 3rpx; background: #244a3d; border: 1rpx solid rgba(210, 191, 156, 0.26); box-shadow: 0 22rpx 48rpx rgba(36, 74, 61, 0.18); width: 100%; }