.page { min-height: 100vh; padding: 24rpx; box-sizing: border-box; background: #f5f7fb; }
.status-card,.form-card { padding: 28rpx; margin-bottom: 20rpx; border-radius: 20rpx; background: #fff; box-shadow: 0 6rpx 24rpx rgba(26,87,178,.08); }
.status-title { display: block; color: #2463c5; font-size: 30rpx; font-weight: 700; }
.status-remark { display: block; margin-top: 10rpx; color: #7a8290; font-size: 24rpx; }
.label { display: block; margin: 24rpx 0 12rpx; color: #273142; font-size: 26rpx; font-weight: 600; }
.input { min-height: 82rpx; padding: 0 22rpx; border: 2rpx solid #e3e8f0; border-radius: 14rpx; box-sizing: border-box; background: #fafbfd; font-size: 26rpx; }
.inline { display: flex; align-items: center; gap: 12rpx; }.grow { flex: 1; }.code-btn { margin: 0; color: #2463c5; background: #edf4ff; font-size: 24rpx; }
.picker { display: flex; align-items: center; color: #596273; }
.roles { display: flex; flex-wrap: wrap; gap: 16rpx; }.role { min-width: 42%; font-size: 25rpx; }
.upload { height: 240rpx; display: flex; align-items: center; justify-content: center; border: 2rpx dashed #aac1e6; border-radius: 16rpx; color: #2463c5; background: #f7faff; }.upload image { width: 100%; height: 100%; }
.submit { margin-top: 36rpx; color: #fff; background: #2463c5; border-radius: 16rpx; }