.login-container[data-v-4229c872]{max-width:400px;margin:100px auto;padding:30px;background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);text-align:center}h1[data-v-4229c872]{color:#333;margin-bottom:30px}.qr-code-container[data-v-4229c872],.qr-code-section[data-v-4229c872]{margin:20px 0}.login-button[data-v-4229c872],.logout-button[data-v-4229c872]{background-color:#07c160;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px;margin:10px 0}.login-button[data-v-4229c872]:hover,.logout-button[data-v-4229c872]:hover{background-color:#05a850}.user-info-section[data-v-4229c872]{margin:20px 0}.user-info[data-v-4229c872]{display:flex;align-items:center;justify-content:center;margin:20px 0;padding:20px;background-color:#fff;border-radius:8px}.avatar[data-v-4229c872]{width:80px;height:80px;border-radius:50%;margin-right:20px}.info[data-v-4229c872]{text-align:left}.info p[data-v-4229c872]{margin:5px 0;color:#333}.logout-button[data-v-4229c872]{background-color:#ff4d4f}.logout-button[data-v-4229c872]:hover{background-color:#ff7875}