You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
2.3 KiB
1 lines
2.3 KiB
.my-page.data-v-b6f21434{min-height:100vh;background-color:#fff}.header-section.data-v-b6f21434{background:linear-gradient(180deg,#1488db,#98b5f1);padding:60rpx 40rpx 80rpx;position:relative}.header-icons.data-v-b6f21434{display:flex;justify-content:flex-end;gap:32rpx;margin-bottom:40rpx}.user-info.data-v-b6f21434{display:flex;flex-direction:column;align-items:center;margin-bottom:60rpx}.avatar-container.data-v-b6f21434{width:120rpx;height:120rpx;border-radius:50%;overflow:hidden;margin-bottom:20rpx;border:4rpx solid hsla(0,0%,100%,.3)}.avatar.data-v-b6f21434{width:100%;height:100%}.username.data-v-b6f21434{font-size:30rpx;color:#000}.points-section.data-v-b6f21434{display:flex;justify-content:space-between;margin:30rpx 30rpx;gap:24rpx}.points-item.data-v-b6f21434{border-radius:12rpx;padding:32rpx 24rpx;flex:1;display:flex;align-items:center;justify-content:space-between;position:relative;box-shadow:0 1.5px 3px 0 rgba(0,0,0,.16)}.points-item.yellow.data-v-b6f21434{background:#fef4d1}.points-item.blue.data-v-b6f21434{background:#c7e6ff}.points-content.data-v-b6f21434{display:flex;flex-direction:column;align-items:flex-start}.points-number.data-v-b6f21434{font-size:48rpx;color:#000;font-weight:700;line-height:1}.points-label.data-v-b6f21434{font-size:24rpx;color:#000;font-size:24rpx;margin-top:8rpx}.points-label.yellow.data-v-b6f21434{color:#deb31b}.points-label.blue.data-v-b6f21434{color:#1488db}.points-icon.data-v-b6f21434{display:flex;align-items:center;justify-content:center}.functions-container.data-v-b6f21434{height:319px;background:#fff;border-radius:8px;box-shadow:0 1.5px 3px 0 rgba(0,0,0,.16);margin:20rpx 30rpx;padding:40rpx}.section-title.data-v-b6f21434{font-size:32rpx;color:#333;font-weight:700;margin-bottom:40rpx;display:block}.functions-grid.data-v-b6f21434{display:grid;grid-template-columns:repeat(4,1fr);gap:40rpx 10rpx}.function-item.data-v-b6f21434{display:flex;flex-direction:column;align-items:center;gap:16rpx;padding:20rpx;border-radius:12rpx;transition:all .3s ease}.function-item.data-v-b6f21434:active{background-color:#f0f8ff;-webkit-transform:scale(.95);transform:scale(.95)}.function-icon.data-v-b6f21434{width:48rpx;height:48rpx}.function-icon-wrapper.data-v-b6f21434{width:48rpx;height:48rpx;display:flex;align-items:center;justify-content:center}.function-text.data-v-b6f21434{font-size:24rpx;color:#000;text-align:center}
|