.main-frame[data-v-88bfb866]{min-height:100vh}.banner-head[data-v-88bfb866]{padding:20px;text-align:center}.upload-section[data-v-88bfb866]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.upload-section[data-v-88bfb866],.upload-wrapper[data-v-88bfb866]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.upload-wrapper[data-v-88bfb866]{position:relative;width:100%;max-width:500px}.upload-area[data-v-88bfb866]{width:100%}.button-group[data-v-88bfb866]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;gap:10px;margin-top:20px}.button-group .el-button[data-v-88bfb866]{max-width:400px;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0}.image-preview-container[data-v-88bfb866]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;margin-top:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.image-preview-item[data-v-88bfb866]{position:relative;display:inline-block;width:200px;height:230px}.preview-image[data-v-88bfb866]{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid #dcdfe6}.image-actions[data-v-88bfb866]{position:absolute;top:5px;right:5px}.scan-result[data-v-88bfb866]{position:absolute;bottom:0;left:0;right:0;padding:5px;font-size:12px;text-align:center;border-radius:0 0 8px 8px}.scan-result.success[data-v-88bfb866]{background-color:rgba(103,194,58,.2);color:#67c23a;border-top:1px solid #e6f7d0}.scan-result.error[data-v-88bfb866]{background-color:rgba(245,108,108,.2);color:#f56c6c;border-top:1px solid #fde2e2}.result-box[data-v-88bfb866]{padding:15px;border-radius:8px;margin-top:20px;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.result-box.success[data-v-88bfb866]{background-color:#f0f9eb;border:1px solid #c2e7b0;color:#67c23a}.result-box.error[data-v-88bfb866]{background-color:#fef0f0;border:1px solid #fbc4c4;color:#f56c6c}.result-box i[data-v-88bfb866]{font-size:18px;margin-right:10px}.codes-display[data-v-88bfb866]{margin-top:10px}.codes-display h4[data-v-88bfb866]{margin:10px 0 5px 0}.code-list[data-v-88bfb866]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.code-item[data-v-88bfb866]{background-color:rgba(32,160,255,.1);border:1px solid rgba(32,160,255,.3);padding:5px 10px;border-radius:4px;font-family:monospace}.data-section[data-v-88bfb866]{margin-top:20px}.section-card[data-v-88bfb866]{border:1px solid #dcdfe6;border-radius:8px;padding:20px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.section-card h3[data-v-88bfb866]{margin-top:0;margin-bottom:15px;color:#303133}.section-card h4[data-v-88bfb866]{margin:0;margin-bottom:15px}.temp-storage[data-v-88bfb866]{overflow-y:auto}.code-items[data-v-88bfb866]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px;max-height:150px;overflow-y:auto}.code-item-display[data-v-88bfb866]{background-color:#f5f7fa;padding:8px;border-radius:4px;font-family:monospace;word-break:break-all}.manual-input-section[data-v-88bfb866]{max-width:600px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.name-input[data-v-88bfb866]{margin-right:10px}.manual-input[data-v-88bfb866]{margin-top:5px;margin-right:10px}.update-user[data-v-88bfb866]{float:right;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:600px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.upload-area[data-v-88bfb866]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.upload-area[data-v-88bfb866] .el-upload{display:block}.upload-area[data-v-88bfb866] .el-icon-upload{margin:16px 0 16px}.upload-area[data-v-88bfb866] .el-upload-dragger{height:120px}.result-dialog[data-v-88bfb866]{border-radius:8px}.result-dialog .el-dialog__header[data-v-88bfb866]{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px 8px 0 0;padding:15px 20px}.result-dialog .el-dialog__title[data-v-88bfb866]{font-weight:600;color:#303133}.result-items[data-v-88bfb866]{max-height:400px;overflow-y:auto;padding:10px 0;border:1px solid #ebeef5;border-radius:4px;background-color:#fafafa}.result-item[data-v-88bfb866]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px;margin:8px 12px;border-radius:6px;-webkit-transition:all .3s ease;transition:all .3s ease;border-left:4px solid}.result-item.success[data-v-88bfb866]{background-color:#f0f9eb;border-left-color:#67c23a}.result-item.error[data-v-88bfb866]{background-color:#fef0f0;border-left-color:#f56c6c}.result-item[data-v-88bfb866]:not(:last-child){border-bottom:1px solid #ebeef5}.result-item[data-v-88bfb866]:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08)}.code-info[data-v-88bfb866]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:left}.code-info .code[data-v-88bfb866]{font-family:Courier New,Consolas,monospace;font-weight:500;font-size:14px;color:#303133;word-break:break-all;padding:2px 6px;background-color:hsla(0,0%,100%,.7);border-radius:3px;border:1px solid #d8dce5}.status-info[data-v-88bfb866]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:13px;font-weight:500}.status-info i[data-v-88bfb866]{font-size:16px}.dialog-footer[data-v-88bfb866]{text-align:center;padding-top:10px}