.scanner[data-v-d02bbe94]{padding:24px;background:radial-gradient(circle at 8% 12%,rgba(122,191,255,.2),transparent 34%),-webkit-gradient(linear,left top,left bottom,from(#f5f9ff),color-stop(56%,#fff),to(#f7fbff));background:radial-gradient(circle at 8% 12%,rgba(122,191,255,.2),transparent 34%),linear-gradient(180deg,#f5f9ff,#fff 56%,#f7fbff);min-height:560px}.scanner-card[data-v-d02bbe94]{max-width:520px;margin:0 auto;padding:28px 26px 24px;border-radius:22px;border:1px solid rgba(115,177,255,.2);background:hsla(0,0%,100%,.94);-webkit-box-shadow:0 18px 42px rgba(20,84,176,.12);box-shadow:0 18px 42px rgba(20,84,176,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}.title[data-v-d02bbe94]{font-size:30px;font-weight:700;margin-bottom:6px;color:#183f7f;letter-spacing:1px}.subtitle[data-v-d02bbe94]{margin-bottom:22px;color:#6683ab;font-size:14px;line-height:1.7}.input-section[data-v-d02bbe94]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.input-section[data-v-d02bbe94],.input-wrapper[data-v-d02bbe94]{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-d02bbe94]{gap:12px;width:100%;max-width:320px}.code-input[data-v-d02bbe94]{padding:12px 16px;border:1px solid rgba(112,171,255,.34);border-radius:12px;font-size:16px;outline:none;-webkit-transition:border-color .3s,-webkit-box-shadow .3s;transition:border-color .3s,-webkit-box-shadow .3s;transition:border-color .3s,box-shadow .3s;transition:border-color .3s,box-shadow .3s,-webkit-box-shadow .3s;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f8fbff;color:#2c4f80}.code-input[data-v-d02bbe94]:focus{border-color:#1677ff;-webkit-box-shadow:0 0 0 3px rgba(22,119,255,.14);box-shadow:0 0 0 3px rgba(22,119,255,.14)}.code-input[data-v-d02bbe94]::-webkit-input-placeholder{color:#90a7c6}.code-input[data-v-d02bbe94]::-moz-placeholder{color:#90a7c6}.code-input[data-v-d02bbe94]:-ms-input-placeholder{color:#90a7c6}.code-input[data-v-d02bbe94]::-ms-input-placeholder{color:#90a7c6}.code-input[data-v-d02bbe94]::placeholder{color:#90a7c6}.btn[data-v-d02bbe94]{padding:12px 24px;background:linear-gradient(135deg,#2f86ff,#1664e8);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:16px;-webkit-transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease,-webkit-filter .2s ease;transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease,-webkit-filter .2s ease;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease,-webkit-filter .2s ease;-webkit-box-shadow:0 10px 20px rgba(28,108,236,.24);box-shadow:0 10px 20px rgba(28,108,236,.24)}.btn[data-v-d02bbe94]:hover{-webkit-filter:brightness(1.03);filter:brightness(1.03);-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 14px 24px rgba(28,108,236,.28);box-shadow:0 14px 24px rgba(28,108,236,.28)}.btn[data-v-d02bbe94]:active{-webkit-transform:translateY(0);transform:translateY(0)}.confirm-btn[data-v-d02bbe94]{width:100%}.scan-btn[data-v-d02bbe94]{background:#fff;color:#1677ff;border:1px solid rgba(22,119,255,.5);-webkit-box-shadow:none;box-shadow:none;width:100%;max-width:320px}.scan-btn[data-v-d02bbe94]:hover{background:#f0f7ff;-webkit-box-shadow:none;box-shadow:none}.divider[data-v-d02bbe94]{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:#8aa2c1;font-size:14px}.divider[data-v-d02bbe94]:after,.divider[data-v-d02bbe94]:before{content:"";-webkit-box-flex:1;-ms-flex:1;flex:1;height:1px;background:#d7e5f7}.divider-text[data-v-d02bbe94]{padding:0 16px}.camera[data-v-d02bbe94]{position:relative;max-width:460px;margin:0 auto;border-radius:16px;overflow:hidden;border:1px solid rgba(114,176,255,.2);-webkit-box-shadow:0 16px 32px rgba(20,84,176,.14);box-shadow:0 16px 32px rgba(20,84,176,.14)}video[data-v-d02bbe94]{width:100%;background:#000;display:block}.close[data-v-d02bbe94]{position:absolute;top:10px;right:10px;background:rgba(13,45,98,.62);color:#fff;border:none;padding:6px 12px;border-radius:8px;cursor:pointer}.close[data-v-d02bbe94]:hover{background:rgba(13,45,98,.8)}.result[data-v-d02bbe94]{margin-top:20px;color:#00b42a;font-size:16px}.https-tip[data-v-d02bbe94]{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:#f3f8ff;border:1px solid #d8eaff;border-radius:10px;max-width:320px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.tip-icon[data-v-d02bbe94]{font-size:14px;-ms-flex-negative:0;flex-shrink:0}.tip-text[data-v-d02bbe94]{font-size:12px;color:#276ccf;line-height:1.4}@media screen and (max-width:480px){.scanner[data-v-d02bbe94]{padding:16px;min-height:auto}.scanner-card[data-v-d02bbe94]{padding:20px 14px 16px;border-radius:16px}.title[data-v-d02bbe94]{font-size:24px}.input-wrapper[data-v-d02bbe94]{max-width:100%}.code-input[data-v-d02bbe94]{padding:14px 16px;font-size:16px;-webkit-appearance:none}.btn[data-v-d02bbe94]{padding:14px 24px;font-size:16px}.camera[data-v-d02bbe94],.divider[data-v-d02bbe94],.scan-btn[data-v-d02bbe94]{max-width:100%}}@media screen and (max-width:320px){.scanner[data-v-d02bbe94]{padding:12px}.btn[data-v-d02bbe94],.code-input[data-v-d02bbe94]{font-size:14px}}