@zlooks.cn/password-auth-server 1.0.0

package/.hile-rsc/build-mtie8wg2-ca38f847/client-browser/src-plugin-password-form-3bd63d69e5-TRYMJX4F.css

@@ -0,0 +1,195 @@
+/* src/plugin/password-form.module.css */
+.password_form_authShell {
+  align-items: start;
+  display: grid;
+  gap: 0;
+  grid-template-columns: 300px minmax(0, 1fr);
+  max-width: 1040px;
+  min-width: 0;
+  width: 100%;
+}
+.password_form_introduction {
+  min-width: 0;
+  padding: 8px 56px 0 0;
+}
+.password_form_eyebrow {
+  color: var(--ant-color-text-tertiary, #8b9099);
+  font-size: 11px;
+  font-weight: 650;
+  letter-spacing: .18em;
+  margin: 0 0 14px;
+}
+.password_form_introductionTitle {
+  font-size: clamp(32px, 3.2vw, 42px);
+  letter-spacing: -.04em;
+  line-height: 1.12;
+  margin: 0;
+}
+.password_form_introductionCopy {
+  color: var(--ant-color-text-secondary, #6f7480);
+  font-size: 14px;
+  line-height: 1.75;
+  margin: 18px 0 0;
+  max-width: 22em;
+}
+.password_form_formRegion {
+  border-left: 1px solid var(--ant-color-border-secondary, #e8eaee);
+  display: grid;
+  gap: 52px;
+  grid-template-columns: minmax(360px, 500px) minmax(120px, 1fr);
+  min-height: 344px;
+  padding: 32px 0 0 64px;
+}
+.password_form_formBody {
+  min-width: 0;
+}
+.password_form_formBody .ant-form-item {
+  margin-bottom: 22px;
+}
+.password_form_formBody .ant-form,
+.password_form_formBody .ant-form-item-control-input-content {
+  min-width: 0;
+}
+.password_form_formBody .ant-form-item-label > label {
+  color: var(--ant-color-text, #171a21);
+  font-size: 13px;
+  font-weight: 650;
+}
+.password_form_formBody .ant-input,
+.password_form_formBody .ant-input-affix-wrapper,
+.password_form_formBody .ant-btn {
+  min-height: 44px;
+}
+.password_form_formBody .ant-input,
+.password_form_formBody .ant-input-affix-wrapper {
+  background: var(--ant-color-bg-container, #fff);
+  border-color: var(--ant-color-border, #d9dce2);
+  border-radius: 8px;
+  width: 100%;
+}
+.password_form_formBody .ant-btn-primary {
+  font-weight: 650;
+  min-height: 48px;
+}
+.password_form_formBody .ant-segmented {
+  background: var(--ant-color-fill-tertiary, #f1f2f4);
+  margin-bottom: 8px;
+}
+.password_form_formNote {
+  color: var(--ant-color-text-tertiary, #8b9099);
+  font-size: 11px;
+  line-height: 1.8;
+  padding-top: 70px;
+}
+.password_form_formNote p,
+.password_form_formNote span {
+  display: block;
+  margin: 0;
+}
+.password_form_codeRow {
+  align-items: start;
+  display: grid;
+  gap: 10px;
+  grid-template-columns: minmax(0, 1fr) auto;
+}
+.password_form_codeRow > button {
+  min-width: 128px;
+}
+.password_form_changeEmail {
+  margin-block: -18px 10px;
+  padding-inline: 0;
+}
+.password_form_alternate,
+.password_form_alternateLinks {
+  color: var(--ant-color-text-tertiary, #8b9099);
+  font-size: 12px;
+  margin-top: 32px;
+}
+.password_form_alternate {
+  line-height: 1.8;
+}
+.password_form_alternate a {
+  display: block;
+  margin-top: 5px;
+}
+.password_form_alternateLinks {
+  display: grid;
+  gap: 24px;
+}
+.password_form_alternateLinks p,
+.password_form_alternateLinks span,
+.password_form_alternateLinks a {
+  display: block;
+  margin: 0;
+}
+.password_form_alternateLinks a,
+.password_form_alternate a {
+  color: var(--ant-color-primary, #2869ed);
+  font-weight: 600;
+  text-decoration: none;
+}
+.password_form_alternateLinks a {
+  margin-top: 5px;
+}
+.password_form_alternateLinks a:hover,
+.password_form_alternate a:hover {
+  text-decoration: underline;
+  text-underline-offset: 3px;
+}
+.password_form_alternateLinks a:focus-visible,
+.password_form_alternate a:focus-visible {
+  border-radius: 3px;
+  outline: 2px solid var(--ant-color-primary, #2869ed);
+  outline-offset: 3px;
+}
+@media (max-width: 980px) {
+  .password_form_authShell {
+    grid-template-columns: 260px minmax(0, 1fr);
+  }
+  .password_form_introduction {
+    padding-right: 40px;
+  }
+  .password_form_formRegion {
+    gap: 0;
+    grid-template-columns: minmax(0, 1fr);
+    padding-left: 48px;
+  }
+  .password_form_formNote {
+    border-top: 1px solid var(--ant-color-border-secondary, #e8eaee);
+    margin-top: 26px;
+    padding-top: 18px;
+  }
+}
+@media (max-width: 680px) {
+  .password_form_authShell {
+    grid-template-columns: 1fr;
+  }
+  .password_form_introduction {
+    padding: 0;
+  }
+  .password_form_introductionTitle {
+    font-size: 36px;
+  }
+  .password_form_introductionCopy {
+    margin-top: 14px;
+  }
+  .password_form_alternateLinks {
+    gap: 14px;
+    margin-top: 24px;
+  }
+  .password_form_formRegion {
+    border-left: 0;
+    border-top: 1px solid var(--ant-color-border-secondary, #e8eaee);
+    margin-top: 36px;
+    min-height: 0;
+    padding: 36px 0 0;
+  }
+}
+@media (max-width: 390px) {
+  .password_form_codeRow {
+    grid-template-columns: 1fr;
+  }
+  .password_form_codeRow > button {
+    width: 100%;
+  }
+}