style: 优化表单样式并提升表单性能

plugins/itstudio-recruitment/assets/otp.css

@@ -5,9 +5,7 @@
 .itstudio-otp-wrap {
   display: flex;
   flex-direction: column;
-  gap: 8px;
   width: 100%;
-  margin-top: 4px;
 }
 
 .itstudio-otp-group {
@@ -69,9 +67,9 @@
 }
 
 .itstudio-otp-send.is-countdown {
-  background: rgba(56, 139, 253, 0.12) !important;
-  border: 1px solid rgba(56, 139, 253, 0.3) !important;
-  color: #58a6ff !important;
+  background: #6b7280 !important;
+  border: 1px solid #7c8490 !important;
+  color: #e5e7eb !important;
   font-variant-numeric: tabular-nums;
   font-weight: 600;
 }
@@ -82,28 +80,7 @@
 }
 
 .itstudio-otp-status {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 0.84rem;
-  line-height: 1.45;
-  padding: 2px 4px;
-  color: var(--text-secondary);
-  transition: all 0.2s ease;
-}
-
-.itstudio-otp-status.is-success {
-  color: #3fb950;
-  font-weight: 500;
-}
-
-.itstudio-otp-status.is-error {
-  color: #f85149;
-  font-weight: 500;
-}
-
-.itstudio-otp-status.is-info {
-  color: #58a6ff;
+  width: 100%;
 }
 
 /* 浅色模式适配 */
@@ -118,21 +95,9 @@
 }
 
 [data-theme="light"] .itstudio-otp-send.is-countdown {
-  background: rgba(9, 105, 218, 0.08) !important;
-  border: 1px solid rgba(9, 105, 218, 0.25) !important;
-  color: #0969da !important;
-}
-
-[data-theme="light"] .itstudio-otp-status.is-success {
-  color: #1a7f37;
-}
-
-[data-theme="light"] .itstudio-otp-status.is-error {
-  color: #cf222e;
-}
-
-[data-theme="light"] .itstudio-otp-status.is-info {
-  color: #0969da;
+  background: #9ca3af !important;
+  border: 1px solid #9ca3af !important;
+  color: #ffffff !important;
 }
 
 @media (max-width: 480px) {
@@ -142,4 +107,4 @@
   .itstudio-otp-send {
     width: 100%;
   }
-}
+}