.scanner-container[data-v-31c0a05d]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.scanner-header[data-v-31c0a05d]{height:44px;background:rgba(0,0,0,.8);color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 15px;font-size:16px;z-index:1}.scanner-header span[data-v-31c0a05d]:first-child{font-size:14px}.qr-reader[data-v-31c0a05d]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;position:relative;overflow:hidden;background:#000}.qr-reader[data-v-31c0a05d] canvas,.qr-reader[data-v-31c0a05d] video{position:absolute;top:0;left:0;width:100%!important;height:100%!important;-o-object-fit:cover;object-fit:cover}.qr-reader[data-v-31c0a05d] div[style*=border]{-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,.6);box-shadow:0 0 0 1000px rgba(0,0,0,.6)}.error-message[data-v-31c0a05d]{bottom:20px;color:#ff6b6b;background:rgba(0,0,0,.7);padding:8px;font-size:14px}.error-message[data-v-31c0a05d],.tip[data-v-31c0a05d]{position:absolute;left:0;right:0;text-align:center;z-index:2}.tip[data-v-31c0a05d]{bottom:80px;color:#fff;font-size:12px;background:rgba(0,0,0,.5);padding:6px}.scanner[data-v-f1f0e8e2]{padding:20px;text-align:center}.title[data-v-f1f0e8e2]{font-size:24px;font-weight:700;margin-bottom:20px}.input-section[data-v-f1f0e8e2]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.input-section[data-v-f1f0e8e2],.input-wrapper[data-v-f1f0e8e2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.input-wrapper[data-v-f1f0e8e2]{gap:12px;width:100%;max-width:320px}.code-input[data-v-f1f0e8e2]{padding:12px 16px;border:1px solid #dcdfe6;border-radius:8px;font-size:16px;outline:none;-webkit-transition:border-color .3s;transition:border-color .3s;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.code-input[data-v-f1f0e8e2]:focus{border-color:#1677ff}.code-input[data-v-f1f0e8e2]::-webkit-input-placeholder{color:#a8abb2}.code-input[data-v-f1f0e8e2]::-moz-placeholder{color:#a8abb2}.code-input[data-v-f1f0e8e2]:-ms-input-placeholder{color:#a8abb2}.code-input[data-v-f1f0e8e2]::-ms-input-placeholder{color:#a8abb2}.code-input[data-v-f1f0e8e2]::placeholder{color:#a8abb2}.btn[data-v-f1f0e8e2]{padding:12px 24px;background:#1677ff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;-webkit-transition:background .3s;transition:background .3s}.btn[data-v-f1f0e8e2]:hover{background:#409eff}.btn[data-v-f1f0e8e2]:active{background:#0958d9}.confirm-btn[data-v-f1f0e8e2]{width:100%}.scan-btn[data-v-f1f0e8e2]{background:#fff;color:#1677ff;border:1px solid #1677ff;width:100%;max-width:320px}.scan-btn[data-v-f1f0e8e2]:hover{background:#f0f7ff}.divider[data-v-f1f0e8e2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;max-width:320px;color:#909399;font-size:14px}.divider[data-v-f1f0e8e2]:after,.divider[data-v-f1f0e8e2]:before{content:"";-webkit-box-flex:1;-ms-flex:1;flex:1;height:1px;background:#dcdfe6}.divider-text[data-v-f1f0e8e2]{padding:0 16px}.https-tip[data-v-f1f0e8e2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px;padding:8px 12px;background:#f0f7ff;border:1px solid #d6e9ff;border-radius:6px;max-width:320px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.tip-icon[data-v-f1f0e8e2]{font-size:14px;-ms-flex-negative:0;flex-shrink:0}.tip-text[data-v-f1f0e8e2]{font-size:12px;color:#1677ff;line-height:1.4}.camera[data-v-f1f0e8e2]{position:relative;max-width:400px;margin:0 auto}video[data-v-f1f0e8e2]{width:100%;background:#000;border-radius:8px}.close[data-v-f1f0e8e2]{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.5);color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.close[data-v-f1f0e8e2]:hover{background:rgba(0,0,0,.7)}.result[data-v-f1f0e8e2]{margin-top:20px;color:#00b42a;font-size:16px}@media screen and (max-width:480px){.scanner[data-v-f1f0e8e2]{padding:16px}.input-wrapper[data-v-f1f0e8e2]{max-width:100%}.code-input[data-v-f1f0e8e2]{padding:14px 16px;font-size:16px;-webkit-appearance:none}.btn[data-v-f1f0e8e2]{padding:14px 24px;font-size:16px}.camera[data-v-f1f0e8e2],.divider[data-v-f1f0e8e2],.https-tip[data-v-f1f0e8e2],.scan-btn[data-v-f1f0e8e2]{max-width:100%}}@media screen and (max-width:320px){.scanner[data-v-f1f0e8e2]{padding:12px}.btn[data-v-f1f0e8e2],.code-input[data-v-f1f0e8e2]{font-size:14px}}