.qrcode-page[data-v-584521ab]{width:100%;min-height:100vh;background-color:#f8f8f8;display:flex;flex-direction:column;position:relative}.user-info[data-v-584521ab]{display:flex;align-items:center;margin-bottom:30px;flex-direction:column;margin-top:25%}.avatar[data-v-584521ab]{width:60px;height:60px;border-radius:4px;overflow:hidden;font-size:50px;margin-right:15px}.avatar img[data-v-584521ab]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.info[data-v-584521ab]{display:flex;flex-direction:column}.name[data-v-584521ab]{font-size:18px;font-weight:700;color:#333;margin-bottom:5px}.qrcode-container[data-v-584521ab]{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.qrcode-canvas[data-v-584521ab]{width:240px;height:240px}.tip-text[data-v-584521ab]{margin:20px 0;font-size:14px;color:#666;text-align:center}.footer[data-v-584521ab]{height:60px;display:flex;justify-content:center;align-items:center;margin-top:20px;color:#365ba4}.action-btn[data-v-584521ab]{padding:0 15px;font-size:15px;color:#365ba4;cursor:pointer}.image-preview[data-v-584521ab]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.image-preview img[data-v-584521ab]{max-width:80%;max-height:60%;border-radius:8px}.preview-tip[data-v-584521ab]{color:#fff;font-size:16px;margin-top:15px}