Update agreement checkbox styling for improved layout

- Added a new class to the agreement checkbox for better styling control.
- Adjusted alignment of the agreement section to flex-start for enhanced visual consistency.

app/pages/native/playmate/apply.vue

@@ -199,6 +199,7 @@ const onAgreement = () => {
         <div class="agreement">
           <van-checkbox
             v-model="agreed"
+            class="agreement__checkbox"
             :icon-size="16"
             checked-color="#15E5E2"
           />
@@ -467,18 +468,21 @@ const onAgreement = () => {
 
 .agreement {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   justify-content: center;
   gap: 5px;
   padding: 0 16px;
 }
 
+.agreement__checkbox {
+  flex-shrink: 0;
+}
+
 .agreement__text {
   font-weight: 400;
   font-size: 11px;
   line-height: 14px;
   color: #454a50;
-  white-space: nowrap;
 }
 
 .agreement__link {