#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#app,body{margin:0;padding:0}.qrcode-page[data-v-55cd6c2d]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.container[data-v-55cd6c2d]{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 40px rgba(0,0,0,.1);max-width:500px;width:100%}.title[data-v-55cd6c2d]{color:#333;margin-bottom:30px;font-size:2.2em;font-weight:600}.input-section[data-v-55cd6c2d]{margin-bottom:30px}.text-input[data-v-55cd6c2d]{width:100%;padding:15px;border:2px solid #e1e5e9;border-radius:10px;font-size:16px;outline:none;transition:border-color .3s ease;box-sizing:border-box}.text-input[data-v-55cd6c2d]:focus{border-color:#667eea}.qrcode-section[data-v-55cd6c2d]{margin-bottom:30px}.qrcode-container[data-v-55cd6c2d]{display:flex;justify-content:center;align-items:center;padding:20px;background:#f8f9fa;border-radius:15px}.qrcode-image[data-v-55cd6c2d]{max-width:100%;height:auto;border-radius:10px}.placeholder[data-v-55cd6c2d]{padding:60px 20px;background:#f8f9fa;border-radius:15px;color:#6c757d;font-style:italic}.info[data-v-55cd6c2d]{background:#f8f9fa;padding:15px;border-radius:10px;text-align:left}.current-text[data-v-55cd6c2d]{margin:0;color:#495057;font-size:14px;word-break:break-all}@media (max-width:600px){.container[data-v-55cd6c2d]{padding:20px;margin:10px}.title[data-v-55cd6c2d]{font-size:1.8em}}