.setUpComp{color:var(--color-cale-text);display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:500;min-height:60vh;width:100%}.setUpComp *{resize:none!important}@media (max-width:850px){.setUpComp{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.setUpComp .hao-ul-tab{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.setUpComp .content-flex-1{-webkit-box-flex:0!important;-ms-flex:none!important;flex:none!important}.setUpComp .content-flex-2{min-height:90%!important}}.setUpComp .el-radio-group{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.setUpComp .el-radio-group .el-radio__label{color:var(--color-text)}.setUpComp .el-radio-group .el-radio__input.is-checked .el-radio__inner{background-color:#414141;border-color:#414141}.setUpComp .el-radio-group .el-radio__inner{background-color:transparent;border:1px solid #000}.setUpComp .content-flex-1{-webkit-box-flex:.5;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:.5;flex:.5;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.setUpComp .content-flex-2{-webkit-box-flex:2;-ms-flex:2;flex:2;min-height:8rem;padding:.35rem}.setUpComp .content-flex-2 main{height:100%;width:100%}.setUpComp .content-flex-2 .basic-information,.setUpComp .content-flex-2 .basic-setting{border-radius:30px;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:.2rem}.setUpComp .content-flex-2 .basic-information .basic-plate,.setUpComp .content-flex-2 .basic-setting .basic-plate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:20px;margin-bottom:.5rem;padding:.1rem}.setUpComp .content-flex-2 .basic-information .basic-plate span,.setUpComp .content-flex-2 .basic-setting .basic-plate span{border-radius:30px;color:var(--color-cale-text);font-size:.3rem;font-weight:500;margin-left:.3rem;white-space:nowrap}.setUpComp .content-flex-2 .basic-information .basic-plate textarea,.setUpComp .content-flex-2 .basic-setting .basic-plate textarea{background-color:transparent;border:1.5px dashed var(--color-text);border-radius:30px;color:var(--color-text);font-size:.23rem;font-weight:500;height:.6rem;margin-left:1rem;outline:none;padding-top:2.5%;text-align:center}.setUpComp .content-flex-2 .basic-information{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.setUpComp .content-flex-2 .basic-information .basic-plate:nth-child(2) .font-span{margin-left:.1rem}.setUpComp .content-flex-2 .basic-information .basic-plate:nth-child(2) textarea{padding-top:2%!important}.setUpComp .content-flex-2 .basic-information .basic-plate:nth-child(2) textarea:nth-child(4){border:1.5px solid var(--color-text);margin-left:.1rem;width:1.3rem!important}.setUpComp .content-flex-2 .basic-information .basic-plate:nth-child(4){width:80%}.setUpComp .content-flex-2 .basic-information .basic-plate:nth-child(4) textarea{min-height:1rem;width:100%}.setUpComp .content-flex-2 .basic-setting{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.setUpComp .hao-buttom{bottom:30px;height:1rem;left:50%;position:absolute;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);width:3rem}.setUpComp .auth-setting{height:100%;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.3rem}.setUpComp .auth-setting,.setUpComp .auth-setting .auth-loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.setUpComp .auth-setting .auth-loading{-webkit-box-orient:vertical;-webkit-box-direction:normal;color:var(--color-text);-ms-flex-direction:column;flex-direction:column;font-size:.28rem;gap:16px}.setUpComp .auth-setting .auth-loading .loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid hsla(0,0%,100%,.1);border-radius:50%;border-top:3px solid var(--color-text);height:32px;width:32px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.setUpComp .auth-setting .auth-info-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid hsla(0,0%,100%,.06);border-radius:16px;max-width:500px;padding:24px;width:100%}.setUpComp .auth-setting .auth-info-container .auth-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);margin-bottom:24px;padding-bottom:16px}.setUpComp .auth-setting .auth-info-container .auth-header h3{color:var(--color-text);font-size:.36rem;font-weight:700;margin:0;text-shadow:0 0 10px rgba(230,238,245,.3)}.setUpComp .auth-setting .auth-info-container .auth-header .auth-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;font-size:.24rem;font-weight:600;padding:6px 16px}.setUpComp .auth-setting .auth-info-container .auth-header .auth-status.status-normal{background:linear-gradient(135deg,#3ad29f33,#3ad29f1a);border:1px solid rgba(58,210,159,.3);-webkit-box-shadow:0 0 10px rgba(58,210,159,.2);box-shadow:0 0 10px #3ad29f33;color:#3ad29fe6}.setUpComp .auth-setting .auth-info-container .auth-header .auth-status.status-frozen{background:linear-gradient(135deg,#ff638433,#ff63841a);border:1px solid rgba(255,99,132,.3);-webkit-box-shadow:0 0 10px rgba(255,99,132,.2);box-shadow:0 0 10px #ff638433;color:#ff6384e6}.setUpComp .auth-setting .auth-info-container .auth-header .auth-status.status-unknown{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);color:var(--color-text)}.setUpComp .auth-setting .auth-info-container .auth-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;margin-bottom:24px}.setUpComp .auth-setting .auth-info-container .auth-details .auth-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;background:#ffffff05;border:1px solid hsla(0,0%,100%,.04);border-radius:12px;justify-content:space-between;padding:16px;-webkit-transition:all .3s ease;transition:all .3s ease}.setUpComp .auth-setting .auth-info-container .auth-details .auth-item:hover{background:#ffffff0a;border-color:#7cd7ee33}.setUpComp .auth-setting .auth-info-container .auth-details .auth-item .label{color:var(--color-cale-text);font-size:.28rem;font-weight:600;min-width:80px}.setUpComp .auth-setting .auth-info-container .auth-details .auth-item .value{color:var(--color-text);font-size:.26rem;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.setUpComp .auth-setting .auth-info-container .auth-details .auth-item .auth-code-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.setUpComp .auth-setting .auth-info-container .auth-details .auth-item .auth-code-container .auth-code{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(124,215,238,.2);border-radius:8px;font-family:Monaco,Consolas,monospace;font-size:.24rem;letter-spacing:1px;padding:8px 12px}.setUpComp .auth-setting .auth-info-container .auth-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid hsla(0,0%,100%,.06);gap:12px;padding-top:16px}.setUpComp .auth-setting .auth-info-container .auth-actions .refresh-btn{cursor:var(--cursor-touch),auto!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid hsla(0,0%,100%,.08);border-radius:10px;color:var(--color-text);font-size:.26rem;font-weight:600;gap:8px;padding:12px 24px;-webkit-transition:all .3s ease;transition:all .3s ease}.setUpComp .auth-setting .auth-info-container .auth-actions .refresh-btn:hover:not(:disabled){background:#ffffff0f;border-color:#7cd7ee4d;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.1);box-shadow:0 4px 15px #0000001a;-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}.setUpComp .auth-setting .auth-info-container .auth-actions .refresh-btn:disabled{cursor:not-allowed;opacity:.5}.setUpComp .auth-setting .auth-info-container .auth-actions .refresh-btn svg{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.setUpComp .auth-setting .auth-info-container .auth-actions .refresh-btn:hover:not(:disabled) svg{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.setUpComp .auth-setting .auth-info-container .auth-actions .refresh-hint{color:var(--color-cale-text);font-size:.22rem;opacity:.7}.setUpComp .auth-setting .no-auth{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid hsla(0,0%,100%,.06);border-radius:16px;-ms-flex-direction:column;flex-direction:column;gap:20px;padding:40px 20px;text-align:center}.setUpComp .auth-setting .no-auth,.setUpComp .auth-setting .no-auth .no-auth-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.setUpComp .auth-setting .no-auth .no-auth-icon{height:80px;width:80px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ff63841a;border:2px solid rgba(255,99,132,.2);border-radius:50%;color:#ff6384b3;justify-content:center}.setUpComp .auth-setting .no-auth h3{color:var(--color-text);font-size:.32rem;font-weight:700;margin:0}.setUpComp .auth-setting .no-auth p{color:var(--color-cale-text);font-size:.26rem;margin:0;opacity:.8}@media (max-width:850px){.setUpComp .auth-setting{padding:.2rem}.setUpComp .auth-setting .auth-info-container{padding:20px}.setUpComp .auth-setting .auth-info-container .auth-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.setUpComp .auth-setting .auth-info-container .auth-header h3{font-size:.32rem}.setUpComp .auth-setting .auth-info-container .auth-header .auth-status{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.setUpComp .auth-setting .auth-info-container .auth-details .auth-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:8px}.setUpComp .auth-setting .auth-info-container .auth-details .auth-item .label{min-width:auto}.setUpComp .auth-setting .auth-info-container .auth-details .auth-item .value{text-align:left}.setUpComp .auth-setting .auth-info-container .auth-details .auth-item .auth-code-container{width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.setUpComp .auth-setting .auth-info-container .auth-details .auth-item .auth-code-container .auth-code{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.setUpComp .auth-setting .no-auth{padding:30px 16px}.setUpComp .auth-setting .no-auth .no-auth-icon{height:64px;width:64px}.setUpComp .auth-setting .no-auth h3{font-size:.28rem}.setUpComp .auth-setting .no-auth p{font-size:.24rem}}
