.page {
  min-height: 100vh;
  background: #f5f8ff;
  padding: 0 30rpx 190rpx;
  box-sizing: border-box;
}

.student-card {
  margin: 24rpx 0;
  padding: 30rpx;
  color: #fff;
  background: linear-gradient(120deg, #49a5fc, #237fe2);
  border-radius: 24rpx;
}

.student-name {
  font-size: 34rpx;
  font-weight: bold;
}

.student-no {
  margin-left: 16rpx;
  font-size: 23rpx;
  font-weight: normal;
  opacity: .85;
}

.student-class {
  margin-top: 12rpx;
  font-size: 25rpx;
  opacity: .9;
}

.section {
  margin-bottom: 24rpx;
  padding: 8rpx 28rpx 0;
  border-radius: 22rpx;
  background: #fff;
  box-shadow: 0 4rpx 18rpx rgba(35, 127, 226, .06);
}

.section-title {
  padding: 24rpx 0 12rpx;
  font-size: 30rpx;
  font-weight: bold;
  color: #173651;
}

.required,
.section-hint {
  margin-left: 12rpx;
  font-size: 22rpx;
  font-weight: normal;
  color: #8a9baa;
}

.required {
  color: #e37465;
}

.field {
  min-height: 92rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16rpx;
  border-bottom: 1rpx solid #edf2f8;
  font-size: 27rpx;
  color: #334b61;
}

.field:last-child {
  border-bottom: 0;
}

.field picker {
  flex: 1;
  text-align: right;
}

.picker-value {
  color: #286fae;
}

.placeholder {
  color: #a3afbb;
}

.number-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 260rpx;
}

.number-input {
  width: 190rpx;
  text-align: right;
  color: #286fae;
}

.unit {
  min-width: 62rpx;
  margin-left: 10rpx;
  text-align: right;
  font-size: 22rpx;
  color: #8a9baa;
}

.submit-wrap {
  z-index: 999;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 18rpx 24rpx calc(18rpx + env(safe-area-inset-bottom));
  background: #fff;
  box-shadow: 0 -4rpx 18rpx rgba(35, 127, 226, .08);
}

.submit-btn {
  border-radius: 48rpx;
  background: #268dec;
  color: #fff;
  font-size: 29rpx;
  width: 400rpx !important;
  padding: 26rpx 48rpx ;
}

.submit-btn[disabled] {
  opacity: .6;
}