.password-box[data-v-227c8a60]{position:relative}.password-toggle-icon[data-v-227c8a60]{position:absolute;top:50%;right:10px;transform:translateY(-50%);cursor:pointer;transition:color .3s ease-in-out}.password-box[data-v-ec6f08e8]{position:relative}.password-toggle-icon[data-v-ec6f08e8]{position:absolute;top:50%;right:10px;transform:translateY(-50%);cursor:pointer;transition:color .3s ease-in-out}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#73737380;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:800;display:none;transition:all .3s ease}.popup-overlay.active{display:block}.popup{position:fixed;left:50%;top:-150%;transform:translate(-50%,-50%) scale(1.15);background:#fff;z-index:801;opacity:0;width:300px;height:450px;font-family:fa;border-radius:5px;box-shadow:0 0 5px #000;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.popup.active{top:50%;opacity:1;transform:translate(-50%,-50%) scale(1)}.active .popup-close{position:absolute;right:-10px;top:-10px;width:40px;height:40px;text-align:center;line-height:40px;font-size:25px;font-weight:600;background:#555;color:#f5f5f5;border-radius:50%;cursor:pointer;transition:all .3s ease}.popup-close:hover{background:#333;box-shadow:0 0 5px #00000079}.form .logo{display:flex;justify-content:center;align-items:center;margin:20px 0}.form .logo img{background-color:#8a9ffd4d;border-radius:50%;padding:10px}.popup .form .header{text-align:center;font-size:20px;font-weight:600;color:#222;margin:20px 0}.popup .form .element{padding:8px 20px}.popup .form .element label{display:block;font-size:14px;color:#222;margin-bottom:5px}.popup .form .element input{width:100%;box-sizing:border-box;background:#eee;outline:none;border:1px solid #aaa;border-radius:5px;padding:8px 10px}.popup .form .element button{width:100%;height:40px;margin-top:10px;padding:10px;text-transform:uppercase;font-weight:600;letter-spacing:2px;border:none;border-radius:5px;cursor:pointer;background:#8a9ffd;color:#f5f5f5}.popup .form .register,.popup .form .login{text-align:center;margin-top:10px}header[data-v-e3662c54]{position:fixed;top:0;width:100%;z-index:750}.overlay[data-v-e3662c54]{position:fixed;top:70px;left:0;z-index:700;width:100%;height:100%;background-color:#00000080;display:none}.overlay.active[data-v-e3662c54]{display:block}.nav-bar[data-v-e3662c54]{position:relative;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#4ca3b217,#fff);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-header .logo[data-v-e3662c54]{margin-left:20px}ul[data-v-e3662c54]{display:flex;gap:30px;padding-right:100px;font-size:15px;font-weight:800}li[data-v-e3662c54]{list-style:none;min-width:50px;padding:20px;text-align:center;position:relative;transition:all ease-in-out .2s}li[data-v-e3662c54]:hover{transform:translateY(-5px)}.nav-element a[data-v-e3662c54]{text-decoration:none;color:#4ca2b293}.nav-element a[data-v-e3662c54]:hover{color:#4ca2b2}.nav-element li.active a[data-v-e3662c54]{font-weight:900;color:#4ca3b2ee}.nav-element li[data-v-e3662c54]:after{content:"";position:absolute;width:0;height:5px;left:50%;bottom:0;background-color:#4ca2b293;transition:all ease-in-out .2s}.nav-element li[data-v-e3662c54]:hover:after{width:100%;left:0}.avatar[data-v-e3662c54]{width:50px;height:50px;background-color:red;border-radius:50%;cursor:pointer;text-align:center;line-height:50px;margin-right:10px;transition:all ease-in-out .2s}.avatar[data-v-e3662c54]:hover{transform:scale(1.1)}.user-status[data-v-e3662c54]{cursor:pointer}.toggle-expand[data-v-e3662c54]{width:30px;height:30px;display:none;cursor:pointer;margin-right:10px}.dropdown[data-v-e3662c54]{position:absolute;top:71px;left:0;width:100%;background-color:#fff;box-shadow:0 0 10px #0003;display:none}.dropdown[data-v-e3662c54] ul[data-v-e3662c54]{display:flex;flex-direction:column}@media screen and (max-width: 768px){.toggle-expand[data-v-e3662c54]{display:block;cursor:pointer}.dropdown[data-v-e3662c54]{overflow:hidden;display:block}.nav-bar[data-v-e3662c54]{flex-direction:column;justify-content:center;align-items:center}.nav-header[data-v-e3662c54]{display:flex;justify-content:space-between;margin:10px 0;align-items:center;width:100%}.nav-header[data-v-e3662c54] .logo[data-v-e3662c54]{flex-grow:2;display:flex;justify-content:center}.nav-element[data-v-e3662c54]{display:none}.nav-bar>.avatar[data-v-e3662c54]{display:none}}@font-face{font-family:fa;src:url(/assets/RuiZiBiGe-dAIyg-yU.ttf)}body{margin:0;padding:0;font-family:Noto Sans SC,sans-serif,fa;background-color:#fff}