fix(profile): align account dialogs and contracts

assets/css/routes/user-center/settings.css

@@ -624,6 +624,8 @@
   background: var(--main-bg-color, var(--surface-1, #fff));
 }
 
+.aksrt-settings-modal [hidden] { display: none !important; }
+
 .aksrt-settings-modal .modal-colorful-header {
   position: absolute;
   top: 0;
@@ -643,54 +645,50 @@
   cursor: pointer;
 }
 
-.aksrt-settings-modal form {
+.aksrt-settings-modal > form {
   position: relative;
   z-index: 0;
   margin-top: 120px;
   padding: 18px 15px;
 }
 
-.aksrt-settings-modal__fields { padding: 0 2px; }
-.aksrt-settings-modal .modal-field { position: relative; margin-bottom: 14px; }
-.aksrt-settings-modal .modal-field label { display: block; margin-bottom: 6px; color: var(--muted-2-color, #777); font-size: 12px; font-weight: 400; }
-.aksrt-settings-modal .modal-field input,
-.aksrt-settings-modal .readonly-display {
-  display: block;
-  width: 100%;
-  min-height: 38px;
-  box-sizing: border-box;
-  padding: 8px 38px 8px 11px;
-  border: 1px solid var(--main-border-color, var(--color-line, rgba(50, 50, 50, .12)));
-  border-radius: var(--mini-radius, 4px);
-  background: var(--main-bg-color, var(--surface-1, #fff));
-  color: var(--color-ink, #333);
-  font-size: 13px;
-  outline: 0;
+.aksrt-settings-modal__pane {
+  position: relative;
+  z-index: 0;
+  margin-top: 120px;
+  padding: 18px 15px;
 }
-.aksrt-settings-modal .readonly-display { padding-right: 11px; color: var(--muted-2-color, #777); word-break: break-all; }
-.aksrt-settings-modal .modal-field input:focus { border-color: var(--focus-color, var(--color-primary, #2997f7)); box-shadow: 0 0 0 2px var(--focus-color-opacity1, rgba(41, 151, 247, .12)); }
+
+.aksrt-settings-modal__pane form,
+.aksrt-settings-modal .account-step form {
+  margin: 0;
+  padding: 0;
+}
+
+.aksrt-settings-modal .account-step-list {
+  position: relative;
+  z-index: 0;
+  margin-top: 120px;
+  padding: 18px 15px 0;
+}
+
+.aksrt-settings-modal .account-step-panels { position: relative; z-index: 0; }
+.aksrt-settings-modal .account-step { display: none; padding: 0 15px 18px; }
+.aksrt-settings-modal .account-step.is-active { display: block; }
+.aksrt-settings-modal .account-step > p { margin: 0 0 12px; }
+.aksrt-settings-modal .account-recovery-toggle { border: 0; background: transparent; cursor: pointer; }
+
+.aksrt-settings-modal__fields { padding: 0 2px; }
 .aksrt-settings-modal .toggle-pwd { position: absolute; right: 7px; bottom: 4px; width: 30px; height: 30px; padding: 0; border: 0; background: transparent; color: var(--muted-2-color, #999); cursor: pointer; }
 .aksrt-settings-modal .toggle-pwd:hover { color: var(--color-ink, #333); }
-.aksrt-settings-modal .code-input-group { display: flex; align-items: stretch; gap: 7px; }
-.aksrt-settings-modal .code-input-group input { min-width: 0; padding-right: 11px; letter-spacing: 2px; }
 .aksrt-settings-modal .code-send-btn { min-width: 112px; padding: 6px 10px; white-space: nowrap; }
 .aksrt-settings-modal .code-send-btn.is-counting { pointer-events: none; opacity: .6; }
-.aksrt-settings-modal .pwd-strength { height: 3px; margin-top: 6px; border-radius: 2px; background: var(--muted-border-color, #eee); overflow: hidden; }
-.aksrt-settings-modal .pwd-strength__fill { width: 0; height: 100%; border-radius: inherit; transition: width .2s ease, background-color .2s ease; }
-.aksrt-settings-modal .pwd-strength__fill.level-weak { width: 33%; background: var(--color-error, #ef4444); }
-.aksrt-settings-modal .pwd-strength__fill.level-medium { width: 66%; background: var(--color-warning, #f59e0b); }
-.aksrt-settings-modal .pwd-strength__fill.level-strong { width: 100%; background: var(--color-success, #10b981); }
-.aksrt-settings-modal .pwd-strength__text { display: block; min-height: 16px; margin-top: 3px; color: var(--muted-2-color, #999); font-size: 11px; }
-.aksrt-settings-modal .pwd-strength__text.level-weak { color: var(--color-error, #ef4444); }
-.aksrt-settings-modal .pwd-strength__text.level-medium { color: var(--color-warning, #f59e0b); }
-.aksrt-settings-modal .pwd-strength__text.level-strong { color: var(--color-success, #10b981); }
 .aksrt-settings-modal .aksrt-captcha-wrap { margin: 12px 0 8px; }
 
 @media (max-width: 768px) {
   .aksrt-modal-runtime.aksrt-user-settings-modal.aksrt-modal-runtime--bottom .aksrt-modal-runtime__dialog {
     max-height: calc(100dvh - env(safe-area-inset-bottom));
   }
-  .aksrt-settings-modal .code-input-group { gap: 6px; }
   .aksrt-settings-modal .code-send-btn { min-width: 104px; }
 }