.loginContent {display: flex;padding: 160px 0;justify-content: center;align-items: center;align-self: stretch;}
.loginContent .loginBox {width: 448px; min-height: 382px; display: flex;padding: 32px;flex-direction: column;align-items: center;gap: 16px; border-radius: 16px;border: 1px solid #E9ECEF;background: #FFF; box-shadow: 0 4px 6px 0 rgba(108, 92, 231, 0.08);}

.loginContent .loginBox .loginBoxTop {width: 100%; display: flex;flex-direction: column;align-items: center;gap: 32px;}
.loginContent .loginBox .loginBoxTop .loginBoxTit {display: flex;flex-direction: column;align-items: center;gap: 4px;align-self: stretch;}
.loginContent .loginBox .loginBoxTop .loginBoxTit > dt {color: var(--Neutral-900, #212529); text-align: center;}
.loginContent .loginBox .loginBoxTop .loginBoxTit > dd {color: var(--Neutral-700, #495057); text-align: center;}

.loginContent .loginBox .loginBoxTop .loginBoxForm {width: 100%; display: flex;flex-direction: column;align-items: flex-start;gap: 16px;}
.loginContent .loginBox .loginBoxTop .loginBoxFormRow {width: 100%; display: flex;flex-direction: column;align-items: flex-start;gap: 8px;align-self: stretch;}
.loginContent .loginBox .loginBoxTop .loginBoxFormRow > dt {color: var(--Neutral-600, #868E96);}
.loginContent .loginBox .loginBoxTop .loginBoxFormRow > dd {width: 100%;}
.loginContent .loginBox .loginBoxTop .loginBoxFormSubmit {width: 100%; height: 52px; display: flex;justify-content: center;align-items: center;align-self: stretch; color: #FFF; text-align: center; border-radius: 8px;background: var(--Primary-500, #6C5CE7);box-shadow: 0 1px 2px 0 rgba(108, 92, 231, 0.05); cursor: pointer;}

.loginContent .loginBox .loginBoxLine {width: 100%; height: 16px; position: relative; display: none;}
.loginContent .loginBox .loginBoxLine > span {display: block; width: 100%; height: 1px; background: var(--Neutral-200, #E9ECEF); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
.loginContent .loginBox .loginBoxLine > label {display: inline-flex;padding: 0 8px;justify-content: center;align-items: center;gap: 10px; background: #FFF; color: var(--Neutral-600, #868E96);text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}

.loginContent .loginBox .loginBoxShort {width: 100%; display: flex;height: 42px;align-items: flex-start;gap: 8px; display: none;}
.loginContent .loginBox .loginBoxShort .loginBoxShortBtn {width: calc((100% - 8px) / 2); display: flex;align-items: center;gap: 8px;flex: 1 0 0;align-self: stretch; border-radius: 4px;border: 1px solid var(--Neutral-200, #E9ECEF); color: #495057;text-align: center; justify-content: center;}
.loginContent .loginBox .loginBoxShort .loginBoxShortBtn::before {content: ''; display: flex;width: 8px;height: 8px;flex-direction: column;align-items: flex-start;gap: 10px; border-radius: 999px; background: var(--Success, #2ECC71);}