.login-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:snow}.login-page .login-frame{display:flex;flex-direction:column;justify-content:space-around;padding:20px;width:400px;height:300px;border:1px solid #ccc;border-radius:8px;margin-top:-100px;background-color:#fff;box-shadow:3px 3px 5px #ccc,-3px -3px 5px #ccc,3px -3px 5px #ccc,-3px 3px 5px #ccc}@media only screen and (max-device-width:640px),only screen and (max-device-width:667px),only screen and (max-width:480px){.login-page .login-frame{width:300px;height:200px}.login-page .login-frame>h2{font-size:18px}.chat-page .info{display:none}.chat-page .chat-system{width:100%}.chat-page .chat-title{height:40px;line-height:40px}.chat-page .info-drawer .info,.chat-page .mobile-user{display:block}}