feat(profile): refine student creation workflow

pages/students/index.wxss

@@ -331,14 +331,17 @@
   left: 0;
   display: flex;
   align-items: flex-end;
-  padding: 28rpx;
+  padding: 16rpx;
   background: rgba(17, 27, 50, 0.42);
 }
 
 .create-sheet {
   width: 100%;
-  max-height: 88vh;
+  height: 90vh;
+  max-height: 90vh;
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
   border-radius: 16rpx;
   background: #ffffff;
   box-shadow: 0 24rpx 56rpx rgba(17, 27, 50, 0.22);
@@ -346,10 +349,16 @@
 
 .sheet-top {
   display: flex;
-  align-items: flex-start;
+  flex: none;
+  align-items: center;
   justify-content: space-between;
   gap: 16rpx;
-  padding: 30rpx 28rpx 20rpx;
+  padding: 24rpx 24rpx 16rpx;
+}
+
+.sheet-top > view {
+  flex: 1;
+  min-width: 0;
 }
 
 .sheet-title-row {
@@ -365,7 +374,7 @@
 
 .sheet-title {
   color: #17233a;
-  font-size: 38rpx;
+  font-size: 34rpx;
   font-weight: 800;
 }
 
@@ -378,76 +387,96 @@
 
 .defaults-link {
   flex: none;
-  margin-top: 8rpx;
+  padding: 10rpx 0 10rpx 12rpx;
   color: #2b67e8;
-  font-size: 26rpx;
+  font-size: 24rpx;
   font-weight: 700;
+  line-height: 1.2;
+  white-space: nowrap;
 }
 
 .sheet-scroll {
-  max-height: calc(88vh - 250rpx);
-  padding: 0 28rpx;
+  flex: 1;
+  height: 0;
+  min-height: 0;
+  max-height: none;
+  width: 100%;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.sheet-form {
+  width: 100%;
+  padding: 0 24rpx 16rpx;
+  box-sizing: border-box;
 }
 
 .form-grid {
   display: flex;
   flex-wrap: wrap;
-  gap: 16rpx;
-  margin-top: 16rpx;
+  gap: 12rpx;
+  margin-top: 12rpx;
 }
 
 .form-grid .form-field {
-  width: calc((100% - 16rpx) / 2);
+  flex: 1 1 0;
+  width: auto;
+  min-width: 0;
+}
+
+picker.form-field {
+  box-sizing: border-box;
 }
 
 .form-field {
-  min-height: 136rpx;
-  padding: 22rpx;
+  min-height: 108rpx;
+  padding: 16rpx;
   border: 2rpx solid #d8e5f2;
   border-radius: 14rpx;
   background: #fbfdff;
 }
 
 .full-field {
-  min-height: 150rpx;
+  min-height: 112rpx;
 }
 
 .form-label {
   display: block;
   color: #2b67e8;
-  font-size: 27rpx;
+  font-size: 24rpx;
   font-weight: 700;
 }
 
 .form-value {
   display: block;
-  margin-top: 28rpx;
+  margin-top: 14rpx;
   color: #17233a;
-  font-size: 31rpx;
+  font-size: 28rpx;
   font-weight: 700;
 }
 
 .form-input {
   width: 100%;
-  height: 58rpx;
-  margin-top: 16rpx;
+  height: 48rpx;
+  margin-top: 10rpx;
   color: #17233a;
-  font-size: 30rpx;
+  font-size: 28rpx;
   font-weight: 600;
 }
 
 .guardian-field {
-  margin-top: 16rpx;
+  margin-top: 12rpx;
 }
 
 .bottom-grid {
-  margin-bottom: 24rpx;
+  margin-bottom: 16rpx;
 }
 
 .sheet-footer {
+  flex: none;
   display: flex;
   gap: 16rpx;
-  padding: 20rpx 28rpx 28rpx;
+  padding: 18rpx 24rpx calc(18rpx + env(safe-area-inset-bottom));
   border-top: 1rpx solid #e7eef6;
 }