.qrcode-config-page[data-v-33a1b4a0]{height:100%;width:100%;display:flex;gap:20px;padding:20px;background:#f5f7fa;overflow:hidden}.config-form-container[data-v-33a1b4a0]{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.form-content[data-v-33a1b4a0]{flex:1;overflow-y:auto;padding-right:10px}.form-content[data-v-33a1b4a0]::-webkit-scrollbar{width:6px}.form-content[data-v-33a1b4a0]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.form-content[data-v-33a1b4a0]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.form-card[data-v-33a1b4a0]{margin-bottom:20px;border-radius:8px;transition:all .3s}.form-card[data-v-33a1b4a0]:hover{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.card-header[data-v-33a1b4a0]{font-size:16px;font-weight:600;color:#303133}.form-section[data-v-33a1b4a0]{padding:10px 0}.form-row[data-v-33a1b4a0]{display:flex;gap:20px;margin-bottom:20px}.form-row[data-v-33a1b4a0]:last-child{margin-bottom:0}.form-field[data-v-33a1b4a0]{flex:1;min-width:0}.form-field.full-width[data-v-33a1b4a0]{flex:1 1 100%}.field-label[data-v-33a1b4a0]{display:block;margin-bottom:8px;font-size:14px;color:#606266;font-weight:500}.field-label.required[data-v-33a1b4a0]:before{content:"*";color:#f23939;margin-right:4px}.field-config[data-v-33a1b4a0]{margin-top:8px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:8px;border-top:1px solid #f0f0f0}.field-config[data-v-33a1b4a0] .el-switch .el-switch__label{font-size:12px;color:#606266}.field-config[data-v-33a1b4a0] .el-switch .el-switch__label.is-active{color:#409eff}[data-v-33a1b4a0] .el-table{border-radius:4px}[data-v-33a1b4a0] .el-table .el-table__header th{background-color:#f5f7fa;color:#606266;font-weight:600}[data-v-33a1b4a0] .el-table .el-table__body td{padding:12px 0}[data-v-33a1b4a0] .el-table--striped .el-table__body tr.el-table__row--striped td{background-color:#fafafa;margin-top:20px;background:#fff;border-radius:0 0 8px 8px}[data-v-33a1b4a0] .el-table--striped .el-table__body tr.el-table__row--striped td .form-footer{padding:20px 0;text-align:center;border-top:1px solid #e4e7ed}[data-v-33a1b4a0] .el-table--striped .el-table__body tr.el-table__row--striped td>>>.el-button{min-width:150px;height:40px;font-size:16px;margin:0 8px}.qr-preview-container[data-v-33a1b4a0]{width:400px;flex-shrink:0;display:flex;flex-direction:column}.preview-card[data-v-33a1b4a0]{border-radius:8px;height:100%;display:flex;flex-direction:column}.qr-preview[data-v-33a1b4a0]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;min-height:300px}.qr-code-wrapper[data-v-33a1b4a0]{margin-bottom:20px}.qr-image[data-v-33a1b4a0]{width:250px;height:250px;border:1px solid #e4e7ed;border-radius:8px;padding:10px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.qr-placeholder[data-v-33a1b4a0]{text-align:center;color:#606266;padding:40px 20px}.qr-placeholder i[data-v-33a1b4a0]{font-size:64px;color:#c0c4cc;margin-bottom:16px;display:block}.qr-placeholder p[data-v-33a1b4a0]{font-size:14px;margin:0}.qr-url[data-v-33a1b4a0]{width:100%;padding:16px;background:#f5f7fa;border-radius:6px;border:1px solid #e4e7ed}.url-label[data-v-33a1b4a0]{font-size:13px;color:#606266;margin-bottom:8px;font-weight:500}.url-content[data-v-33a1b4a0]{font-size:12px;color:#303133;word-break:break-all;line-height:1.6;margin-bottom:8px;padding:8px;background:#fff;border-radius:4px;border:1px solid #e4e7ed;max-height:60px;overflow-y:auto}.copy-btn[data-v-33a1b4a0]{width:100%;text-align:center;padding:0}[data-v-33a1b4a0] .el-card__header{padding:16px 20px;border-bottom:1px solid #e4e7ed}[data-v-33a1b4a0] .el-card__body{padding:20px}[data-v-33a1b4a0] .el-input__inner{border-radius:4px}[data-v-33a1b4a0] .el-select{width:100%}[data-v-33a1b4a0] .el-radio{margin-right:20px}[data-v-33a1b4a0] .el-radio__label{padding-left:8px}[data-v-33a1b4a0] .el-switch__label{margin-left:4px}@media (max-width:1400px){.qrcode-config-page[data-v-33a1b4a0]{flex-direction:column}.config-form-container[data-v-33a1b4a0]{width:100%}.qr-preview-container[data-v-33a1b4a0]{width:100%;max-width:500px;margin:0 auto}.form-row[data-v-33a1b4a0]{flex-direction:column;gap:15px}.form-field[data-v-33a1b4a0]{width:100%}}@media (max-width:768px){.qrcode-config-page[data-v-33a1b4a0]{padding:10px}.form-card[data-v-33a1b4a0]{margin-bottom:15px}.form-row[data-v-33a1b4a0]{margin-bottom:15px}.qr-image[data-v-33a1b4a0]{width:200px;height:200px}}