.container {
    min-height: 100vh;
    background-color: #f9fafb;
}
.profile-header {
    background-color: white;
    padding: 40rpx 40rpx 100rpx 40rpx;
    position: relative;
    margin-bottom: 60rpx;
}
.user-info {
    display: flex;
    align-items: center;
    gap: 30rpx;
}
.avatar {
    width: 128rpx;
    height: 128rpx;
    border-radius: 50%;
    border: 4rpx solid white;
    box-shadow: 0 4rpx 10rpx rgba(0,0,0,0.1);
    background-color: #eee;
}
.user-details {
    display: flex;
    flex-direction: column;
}
.username {
    font-size: 40rpx;
    font-weight: bold;
    color: #1f2937;
}
.userid {
    font-size: 28rpx;
    color: #6b7280;
}
.stats-card {
    position: absolute;
    bottom: -40rpx;
    left: 40rpx;
    right: 40rpx;
    background-color: white;
    border-radius: 20rpx;
    box-shadow: 0 10rpx 30rpx rgba(0,0,0,0.05);
    padding: 30rpx;
    display: flex;
    justify-content: space-around;
    text-align: center;
}
.stat-val {
    font-size: 36rpx;
    font-weight: bold;
    color: #1f2937;
}
.stat-label {
    font-size: 24rpx;
    color: #9ca3af;
}
.form-section {
    padding: 40rpx;
    background-color: white;
    margin: 0 30rpx 40rpx 30rpx;
    border-radius: 30rpx;
    box-shadow: 0 2rpx 10rpx rgba(0,0,0,0.05);
}
.form-title-bar {
    display: flex;
    align-items: center;
    margin-bottom: 40rpx;
    gap: 16rpx;
}
.blue-line {
    width: 8rpx;
    height: 32rpx;
    background-color: #2563eb;
    border-radius: 4rpx;
}
.form-title {
    font-size: 32rpx;
    font-weight: bold;
    color: #1f2937;
}
.form-group {
    margin-bottom: 30rpx;
}
.label {
    font-size: 24rpx;
    color: #6b7280;
    margin-bottom: 10rpx;
    display: block;
}
.input-wrap {
    background-color: #f9fafb;
    padding: 24rpx;
    border-radius: 20rpx;
    border: 2rpx solid #f3f4f6;
}
.form-row {
    display: flex;
    gap: 30rpx;
}
.half {
    flex: 1;
}
.submit-btn {
    background-color: #2563eb;
    color: white;
    border-radius: 20rpx;
    margin-top: 40rpx;
    font-weight: bold;
    font-size: 32rpx;
}
