.softwareAuthComp{width:100%;min-height:60vh;color:var(--color-cale-text);font-weight:500;display:flex}@media (width<=850px){.softwareAuthComp{flex-direction:column}.softwareAuthComp .hao-ul-tab{flex-direction:row!important}.softwareAuthComp .content-flex-1{flex:none!important}.softwareAuthComp .content-flex-2{min-height:90%!important}}.softwareAuthComp .content-flex-1{flex:.5;justify-content:center;align-items:flex-start;display:flex}.softwareAuthComp .content-flex-2{flex:2;min-height:8rem;padding:.35rem}.softwareAuthComp .content-flex-2 main{width:100%;height:100%}.softwareAuthComp .auth-setting{justify-content:center;align-items:center;width:100%;height:100%;padding:.3rem;display:flex}.softwareAuthComp .auth-setting .auth-loading{color:var(--color-text);flex-direction:column;align-items:center;gap:16px;font-size:.28rem;display:flex}.softwareAuthComp .auth-setting .auth-loading .loading-spinner{border:3px solid #ffffff1a;border-top:3px solid var(--color-text);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.softwareAuthComp .auth-setting .auth-info-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;width:100%;max-width:500px;padding:24px}.softwareAuthComp .auth-setting .auth-info-container .auth-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.softwareAuthComp .auth-setting .auth-info-container .auth-header h3{color:var(--color-text);text-shadow:0 0 10px #e6eef54d;margin:0;font-size:.36rem;font-weight:700}.softwareAuthComp .auth-setting .auth-info-container .auth-header .auth-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:6px 16px;font-size:.24rem;font-weight:600}.softwareAuthComp .auth-setting .auth-info-container .auth-header .auth-status.status-normal{color:#3ad29fe6;background:linear-gradient(135deg,#3ad29f33,#3ad29f1a);border:1px solid #3ad29f4d;box-shadow:0 0 10px #3ad29f33}.softwareAuthComp .auth-setting .auth-info-container .auth-header .auth-status.status-frozen{color:#ff6384e6;background:linear-gradient(135deg,#ff638433,#ff63841a);border:1px solid #ff63844d;box-shadow:0 0 10px #ff638433}.softwareAuthComp .auth-setting .auth-info-container .auth-header .auth-status.status-unknown{color:var(--color-text);background:#ffffff0d;border:1px solid #ffffff1a}.softwareAuthComp .auth-setting .auth-info-container .auth-details{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}.softwareAuthComp .auth-setting .auth-info-container .auth-details .auth-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .3s;display:flex}.softwareAuthComp .auth-setting .auth-info-container .auth-details .auth-item:hover{background:#ffffff0a;border-color:#7cd7ee33}.softwareAuthComp .auth-setting .auth-info-container .auth-details .auth-item .label{color:var(--color-cale-text);min-width:80px;font-size:.28rem;font-weight:600}.softwareAuthComp .auth-setting .auth-info-container .auth-details .auth-item .value{color:var(--color-text);text-align:right;flex:1;font-size:.26rem}.softwareAuthComp .auth-setting .auth-info-container .auth-details .auth-item .auth-code-container{flex:1;justify-content:flex-end;align-items:center;gap:12px;display:flex}.softwareAuthComp .auth-setting .auth-info-container .auth-details .auth-item .auth-code-container .auth-code{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);letter-spacing:1px;border:1px solid #7cd7ee33;border-radius:8px;padding:8px 12px;font-family:Monaco,Consolas,monospace;font-size:.24rem}.softwareAuthComp .auth-setting .auth-info-container .auth-actions{border-top:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:12px;padding-top:16px;display:flex}.softwareAuthComp .auth-setting .auth-info-container .auth-actions .refresh-btn{color:var(--color-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:.26rem;font-weight:600;transition:all .3s;display:flex;cursor:var(--cursor-touch),auto!important}.softwareAuthComp .auth-setting .auth-info-container .auth-actions .refresh-btn:hover:not(:disabled){background:#ffffff0f;border-color:#7cd7ee4d;transform:translateY(-1px);box-shadow:0 4px 15px #0000001a}.softwareAuthComp .auth-setting .auth-info-container .auth-actions .refresh-btn:disabled{opacity:.5;cursor:not-allowed}.softwareAuthComp .auth-setting .auth-info-container .auth-actions .refresh-btn svg{transition:transform .3s}.softwareAuthComp .auth-setting .auth-info-container .auth-actions .refresh-btn:hover:not(:disabled) svg{transform:rotate(90deg)}.softwareAuthComp .auth-setting .auth-info-container .auth-actions .refresh-hint{color:var(--color-cale-text);opacity:.7;font-size:.22rem}.softwareAuthComp .auth-setting .device-management-standalone{background:var(--device-card-surface);border:1px solid var(--device-card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;width:100%;max-width:560px;padding:24px}.softwareAuthComp .auth-setting .device-management-standalone .device-title{color:var(--color-text);margin:0 0 16px;font-size:.3rem;font-weight:600}.softwareAuthComp .auth-setting .device-management-standalone .device-empty,.softwareAuthComp .auth-setting .device-management-standalone .device-loading{color:var(--color-cale-text);text-align:center;padding:16px;font-size:.26rem}.softwareAuthComp .auth-setting .device-management-standalone .device-list{flex-direction:column;gap:12px;display:flex}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item{background:var(--device-card-surface);border:1px solid var(--device-card-border);border-radius:12px;align-items:stretch;gap:14px;padding:14px 16px;transition:border-color .2s,transform .2s;display:flex}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item:hover{border-color:#7cd7ee4d;transform:translateY(-1px)}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item.device-logged-out{opacity:.6}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item .device-info{flex-direction:column;flex:auto;justify-content:center;gap:5px;min-width:0;display:flex}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item .device-info .device-meta,.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item .device-info .device-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item .device-info .device-name{color:var(--color-text);font-size:.28rem;font-weight:600}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item .device-info .device-meta{color:var(--color-cale-text);opacity:.85;font-size:.2rem}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item .device-divider{background:var(--color-border);flex:none;align-self:stretch;width:1px;margin:2px 0}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item .device-status{flex-direction:column;flex:0 0 2.55rem;justify-content:center;gap:8px;width:2.55rem;display:flex}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item .device-status .status-badge{white-space:nowrap;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:5px 8px;font-size:.2rem;display:flex}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item .device-status .status-badge .status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item .device-status .status-badge.active{color:#3ad29ff2;border-color:#3ad29f73}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item .device-status .status-badge.active .status-dot{background:#3ad29f;box-shadow:0 0 6px #3ad29fcc}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item .device-status .status-badge.logout{border-color:var(--device-card-border);background:var(--device-card-surface-strong);color:var(--color-cale-text)}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item .device-status .status-badge.logout .status-dot{background:var(--color-cale-text)}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item .device-status .logout-btn{white-space:nowrap;text-align:center;color:#ff6384e6;background:0 0;border:1px solid #ff638466;border-radius:8px;flex-shrink:0;padding:6px 8px;font-size:.2rem;transition:background .2s,color .2s;cursor:var(--cursor-touch),auto!important}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item .device-status .logout-btn:hover{color:#fff;background:#ff6384e6}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item .device-status .logout-btn:focus-visible{outline-offset:2px;outline:2px solid #ff638499}.softwareAuthComp .auth-setting .no-auth{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;align-items:center;gap:20px;padding:40px 20px;display:flex}.softwareAuthComp .auth-setting .no-auth .no-auth-icon{color:#ff6384b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ff63841a;border:2px solid #ff638433;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.softwareAuthComp .auth-setting .no-auth h3{color:var(--color-text);margin:0;font-size:.32rem;font-weight:700}@media (width<=850px){.softwareAuthComp .auth-setting{padding:.2rem}.softwareAuthComp .auth-setting .auth-info-container{padding:20px}.softwareAuthComp .auth-setting .auth-info-container .auth-header{flex-direction:column;align-items:flex-start;gap:12px}.softwareAuthComp .auth-setting .auth-info-container .auth-header h3{font-size:.32rem}.softwareAuthComp .auth-setting .auth-info-container .auth-header .auth-status{align-self:center}.softwareAuthComp .auth-setting .auth-info-container .auth-details .auth-item{flex-direction:column;align-items:flex-start;gap:8px}.softwareAuthComp .auth-setting .auth-info-container .auth-details .auth-item .label{min-width:auto}.softwareAuthComp .auth-setting .auth-info-container .auth-details .auth-item .value{text-align:left}.softwareAuthComp .auth-setting .auth-info-container .auth-details .auth-item .auth-code-container{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;width:100%}.softwareAuthComp .auth-setting .auth-info-container .auth-details .auth-item .auth-code-container .auth-code{box-sizing:border-box;text-align:center;overflow-wrap:anywhere;word-break:break-all;width:100%}.softwareAuthComp .auth-setting .auth-info-container .auth-details .auth-item .auth-code-container .hao-button-v4{width:100%!important;height:.72rem!important}.softwareAuthComp .auth-setting .no-auth{padding:30px 16px}.softwareAuthComp .auth-setting .no-auth .no-auth-icon{width:64px;height:64px}.softwareAuthComp .auth-setting .no-auth h3{font-size:.28rem}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item{flex-direction:column;align-items:stretch}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item .device-divider{display:none}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item .device-status{flex-direction:row;flex:none;align-items:stretch;width:100%}.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item .device-status .logout-btn,.softwareAuthComp .auth-setting .device-management-standalone .device-list .device-item .device-status .status-badge{flex:auto}}
