.qrcode-page[data-v-c4af026a]{padding:20px;max-width:1200px;margin:0 auto}.brand-header[data-v-c4af026a]{display:flex;align-items:center;justify-content:flex-start;margin-bottom:20px}.brand-logo[data-v-c4af026a]{width:32px;height:32px;object-fit:contain;border-radius:4px;margin-right:8px}.brand-title[data-v-c4af026a]{font-size:22px;color:#666;font-weight:600}.type-tabs[data-v-c4af026a]{display:flex;gap:20px;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px;justify-content:center}.type-tab[data-v-c4af026a]{cursor:pointer;padding:5px 15px;font-size:16px;color:#666}.type-tab.active[data-v-c4af026a]{color:#1677ff;border-bottom:2px solid #1677ff;font-weight:500}.main-content[data-v-c4af026a]{display:flex;gap:40px}.input-section[data-v-c4af026a]{flex:2;display:flex;flex-direction:column;gap:20px}.content-input[data-v-c4af026a]{padding:12px 15px;border:1px solid #eee;border-radius:6px;font-size:14px;width:100%}.content-textarea[data-v-c4af026a]{padding:12px 15px;border:1px solid #eee;border-radius:6px;font-size:14px;width:100%;min-height:180px;resize:vertical}.video-upload-wrap[data-v-c4af026a]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;width:100%;margin-bottom:15px;padding:8px 0}.video-upload[data-v-c4af026a]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2;pointer-events:none}.custom-video-btn[data-v-c4af026a]{padding:14px 24px;border:1px solid #e6f0ff;border-radius:6px;cursor:pointer;background-color:#f5f8ff;color:#1677ff;font-size:14px;text-align:center;min-width:220px;transition:all .2s ease;position:relative}.custom-video-btn[data-v-c4af026a]:hover{background-color:#e6f0ff;border-color:#1677ff}.custom-video-btn.disabled[data-v-c4af026a]{background-color:#f5f5f5;border-color:#eee;color:#ccc;cursor:not-allowed}.video-delete-btn[data-v-c4af026a]{padding:8px 12px;background:transparent;color:#999;border:none;border-radius:4px;font-size:14px;cursor:pointer;white-space:nowrap}.video-delete-btn[data-v-c4af026a]:hover{color:#666}.video-delete-btn[data-v-c4af026a]:disabled{color:#ccc;cursor:not-allowed}.video-name[data-v-c4af026a],.upload-progress[data-v-c4af026a]{font-size:14px;color:#666;margin-top:5px;width:100%;text-align:center}.video-preview-box[data-v-c4af026a]{margin-top:8px;border:1px solid #e6f0ff;border-radius:6px;padding:10px;background-color:#f5f8ff;width:100%;display:flex;justify-content:center}.preview-video[data-v-c4af026a]{width:100%;max-width:400px;max-height:300px;border-radius:6px;outline:none;object-fit:contain}.generate-btn[data-v-c4af026a]{padding:12px 0;background-color:#1677ff;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;width:200px;margin:0 auto;transition:background-color .2s ease}.generate-btn[data-v-c4af026a]:hover{background-color:#0d66d0}.generate-btn[data-v-c4af026a]:disabled{background-color:#adc6ff;cursor:not-allowed}.note[data-v-c4af026a]{font-size:12px;color:#999;text-align:center}.qrcode-section[data-v-c4af026a]{flex:1;display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:20px}.qrcode-wrapper[data-v-c4af026a]{padding:20px;border:1px solid #eee;border-radius:6px}.qrcode-img[data-v-c4af026a]{width:200px;height:200px}.modal-overlay[data-v-b34a49f3]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-b34a49f3]{background:#fff;border-radius:8px;width:90%;max-width:400px;padding:20px}.modal-header[data-v-b34a49f3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-btn[data-v-b34a49f3]{background:none;border:none;font-size:24px;cursor:pointer}.modal-body[data-v-b34a49f3]{display:flex;flex-direction:column;gap:16px}.input-row[data-v-b34a49f3]{width:100%}.phone-input[data-v-b34a49f3]{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box}.code-row[data-v-b34a49f3]{display:flex;align-items:center;gap:8px}.code-input[data-v-b34a49f3]{flex:1;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px}.code-btn[data-v-b34a49f3]{padding:12px 0;background:none;border:none;color:#1677ff;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;width:90px;text-align:right}.code-btn.disabled[data-v-b34a49f3],.code-btn[data-v-b34a49f3]:disabled{color:#999;cursor:not-allowed}.login-btn[data-v-b34a49f3]{width:100%;padding:12px;background:#1677ff;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;margin-top:8px}.login-btn[data-v-b34a49f3]:disabled{background:#ccc;cursor:not-allowed}.error-message[data-v-b34a49f3]{color:#ff4d4f;text-align:center;font-size:14px;margin-top:4px}.phone-input[data-v-b34a49f3]:focus,.code-input[data-v-b34a49f3]:focus{outline:none;border-color:#1677ff}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.user-header{position:fixed;top:20px;right:20px;z-index:100}.user-info{display:flex;align-items:center;gap:10px}.username{font-size:14px;color:#333}.login-btn,.logout-btn{padding:6px 12px;background:#1677ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.logout-btn{background:#ff6b6b}