*{margin:0;padding:0;box-sizing:border-box}a{color:inherit;text-decoration:none;word-wrap:break-word;word-break:break-all}:root{--bgColor:#fff;--GlobalMargin:30px;--fontColor:#333;--bgInput:#fff;--themeColor:#fb7299;--colorInput:#000;--transition:all 0.3s ease}@media (prefers-color-scheme:dark){:root{--bgColor:#212121;--logoColor:hsla(0,0%,100%,0.7);--fontColor:#9d9d9d;--bgInput:#2a2a2b;--colorInput:hsla(0,0%,100%,0.7)}}html{background:var(--bgColor);color:var(--fontColor);font-size:16px;font-family:PingFang SC,Microsoft YaHei,sans-serif,OPPOSans2,Helvetica Neue,Helvetica,Tahoma,Arial;scroll-behavior:smooth}body{min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;padding:14px;background-position:50%;background-size:cover}.auth-container{width:100%;max-width:580px;overflow:hidden;display:flex;flex-direction:column}.logo{display:inline-block;width:150px;margin-bottom:10px}.logo svg path{fill:var(--logoColor)}.auth-forms{flex:1;padding:30px;display:flex;flex-direction:column;overflow-y:auto;background:var(--bgColor);border-radius:10px}.form-header{text-align:center;margin-bottom:var(--GlobalMargin)}.form-nav{display:flex;border-bottom:2px solid #ddd;margin-bottom:var(--GlobalMargin)}.nav-btn{flex:1;padding:10px;background:0 0;border:none;font-size:16px;font-weight:700;color:var(--fontColor);cursor:pointer;position:relative;outline:0}.nav-btn.active{color:var(--themeColor)}.nav-btn.active::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--themeColor);border-radius:2px}.form-container{display:block;animation:fadeIn .4s ease forwards}.auth-form{display:flex;flex-direction:column}.input-group{position:relative}.input-group i{position:absolute;left:15px;top:10px;color:var(--fontColor)}.form-control{width:100%;height:36px;line-height:1;padding:4px 40px;border:1px solid var(--colorInput);border-radius:18px;font-size:16px;transition:var(--transition);background:var(--bgInput);color:var(--colorInput)}.password-container{position:relative}.toggle-password{position:absolute;right:45px;top:2px;background:0 0;border:none;color:var(--fontColor);cursor:pointer;z-index:10}.remember-forgot{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin:5px 10px 28px}.remember-forgot a{color:var(--themeColor)}.remember{display:flex;align-items:center}.remember input{margin-right:6px;width:16px;height:16px}.btn-submit{padding:5px;background:var(--fontColor);color:#fff;border:none;border-radius:18px;font-size:16px;font-weight:700;line-height:26px;cursor:pointer}.btn-submit:hover{background:var(--themeColor)}.userInfo{margin:5px 10px;font-size:14px;height:18px}.uc-alert{display:none}.uc-alert-error{color:#d32f2f}.password-metrics{display:flex;margin:5px 10px 0;height:6px;border-radius:3px;overflow:hidden;gap:4px}.metric-segment,.registermetric-segment{flex:1;height:100%;background:#ddd}.metric-segment.active,.registermetric-segment.active{background:#2e7d32}.auth-error{color:#d32f2f}.auth-success{color:#2e7d32}@media (max-width:766px){.auth-forms{padding:14px}.logo{width:80px}}