.scanner[data-v-596ba21c]{padding:20px;text-align:center}.title[data-v-596ba21c]{font-size:24px;font-weight:700;margin-bottom:20px}.input-section[data-v-596ba21c]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.input-section[data-v-596ba21c],.input-wrapper[data-v-596ba21c]{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-596ba21c]{gap:12px;width:100%;max-width:320px}.code-input[data-v-596ba21c]{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-596ba21c]:focus{border-color:#1677ff}.code-input[data-v-596ba21c]::-webkit-input-placeholder{color:#a8abb2}.code-input[data-v-596ba21c]::-moz-placeholder{color:#a8abb2}.code-input[data-v-596ba21c]:-ms-input-placeholder{color:#a8abb2}.code-input[data-v-596ba21c]::-ms-input-placeholder{color:#a8abb2}.code-input[data-v-596ba21c]::placeholder{color:#a8abb2}.btn[data-v-596ba21c]{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-596ba21c]:hover{background:#409eff}.btn[data-v-596ba21c]:active{background:#0958d9}.confirm-btn[data-v-596ba21c]{width:100%}.scan-btn[data-v-596ba21c]{background:#fff;color:#1677ff;border:1px solid #1677ff;width:100%;max-width:320px}.scan-btn[data-v-596ba21c]:hover{background:#f0f7ff}.divider[data-v-596ba21c]{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-596ba21c]:after,.divider[data-v-596ba21c]:before{content:"";-webkit-box-flex:1;-ms-flex:1;flex:1;height:1px;background:#dcdfe6}.divider-text[data-v-596ba21c]{padding:0 16px}.camera[data-v-596ba21c]{position:relative;max-width:400px;margin:0 auto}video[data-v-596ba21c]{width:100%;background:#000;border-radius:8px}.close[data-v-596ba21c]{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-596ba21c]:hover{background:rgba(0,0,0,.7)}.result[data-v-596ba21c]{margin-top:20px;color:#00b42a;font-size:16px}.https-tip[data-v-596ba21c]{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-596ba21c]{font-size:14px;-ms-flex-negative:0;flex-shrink:0}.tip-text[data-v-596ba21c]{font-size:12px;color:#1677ff;line-height:1.4}@media screen and (max-width:480px){.scanner[data-v-596ba21c]{padding:16px}.input-wrapper[data-v-596ba21c]{max-width:100%}.code-input[data-v-596ba21c]{padding:14px 16px;font-size:16px;-webkit-appearance:none}.btn[data-v-596ba21c]{padding:14px 24px;font-size:16px}.camera[data-v-596ba21c],.divider[data-v-596ba21c],.scan-btn[data-v-596ba21c]{max-width:100%}}@media screen and (max-width:320px){.scanner[data-v-596ba21c]{padding:12px}.btn[data-v-596ba21c],.code-input[data-v-596ba21c]{font-size:14px}}