.otp-page[data-v-e258efaf]{--otp-accent:linear-gradient(180deg,#9c67e5,#6f37c8);--otp-accent-text:#fff;--otp-field-border:#dec9fe;--otp-field-bg:#fff;--otp-muted:#6e6381;--otp-panel:#fff;--otp-header:#fff;color:#000;background-color:#fff;background-image:-webkit-linear-gradient(0deg,#ffffff4d,#fff 242px),-webkit-image-set(url(../images/otp/h5-light-background.png.webp) 1x type("image/webp"),url(../images/otp/h5-light-background.png) 1x type("image/png"));background-image:linear-gradient(#ffffff4d,#fff 242px),image-set("/images/otp/h5-light-background.png.webp" 1x type("image/webp"),"/images/otp/h5-light-background.png" 1x type("image/png"));background-position:top;background-repeat:no-repeat;background-size:100% 242px;min-height:100dvh;position:relative;overflow:hidden}.otp-page.is-dark[data-v-e258efaf]{--otp-accent:linear-gradient(90deg,#835f2b,#c19849 53.365%,#835f2b);--otp-accent-text:#fff;--otp-field-border:#353535;--otp-field-bg:#000;--otp-muted:#949494;--otp-panel:#1d1b1c;--otp-header:linear-gradient(180deg,#342c24,#26221c);color:#fff;background-color:#000;background-image:linear-gradient(#00000080,#000 289px),url(../images/otp/h5-dark-background.png);background-position:top;background-size:100% 289px}.otp-backdrop[data-v-e258efaf],.otp-desktop-scene[data-v-e258efaf]{display:none}.otp-shell[data-v-e258efaf]{z-index:1;min-height:100dvh;position:relative}.otp-header[data-v-e258efaf]{width:min(100%,430px);height:92px;padding:env(safe-area-inset-top) 14px 0;grid-template-columns:48px 1fr 48px;align-items:center;margin:0 auto;display:grid;position:relative}.otp-header h1[data-v-e258efaf]{text-align:center;margin:0;font-size:18px;font-weight:700;line-height:1.25}.otp-back[data-v-e258efaf]{color:#8352d0;background:0 0!important}.is-dark .otp-back[data-v-e258efaf]{color:#d7c092}.otp-back[data-v-e258efaf] .iconify,.otp-back[data-v-e258efaf] svg{width:30px;height:30px}.otp-dismiss[data-v-e258efaf]{display:none}.otp-content[data-v-e258efaf]{width:min(100%,430px);min-height:calc(100dvh - 92px);padding:0 15px calc(37px + env(safe-area-inset-bottom));margin:0 auto}.otp-form[data-v-e258efaf]{min-height:calc(100dvh - 129px - env(safe-area-inset-top));flex-direction:column;display:flex}.otp-qr-card[data-v-e258efaf]{background:#fff;border:.5px solid #dec8ff;border-radius:12px;align-content:start;justify-items:center;gap:8px;height:176px;padding:10px 16px 12px;display:grid;box-shadow:0 2px 4px #dec8ffcc}.is-dark .otp-qr-card[data-v-e258efaf]{box-shadow:none;background:linear-gradient(#221712,#0e0807);border-color:#c6a975}.otp-qr-card>p[data-v-e258efaf]{color:#6e6381;text-align:center;margin:0;font-size:13px;font-weight:500;line-height:1.7}.is-dark .otp-qr-card>p[data-v-e258efaf]{color:#c6a975}.otp-qr-image[data-v-e258efaf]{aspect-ratio:1;background:#fff;border:.5px solid #dec8ff;border-radius:8px;width:123px;padding:2px}.otp-qr-image img[data-v-e258efaf]{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.otp-qr-missing[data-v-e258efaf]{aspect-ratio:1;color:#8a7d9e;text-align:center;place-content:center;justify-items:center;gap:10px;width:123px;display:grid}.otp-qr-missing svg[data-v-e258efaf]{width:52px;height:52px}.otp-field[data-v-e258efaf]{color:#000;gap:8px;font-size:14px;font-weight:500;display:grid}.otp-field+.otp-field[data-v-e258efaf],.otp-qr-card+.otp-field[data-v-e258efaf]{margin-top:16px}.is-dark .otp-field[data-v-e258efaf]{color:#fff}.otp-code[data-v-e258efaf]{width:100%}.otp-code[data-v-e258efaf] [data-slot=base]{border:.5px solid var(--otp-field-border);height:44px;color:var(--otp-muted);background:var(--otp-field-bg);box-shadow:none;border-radius:999px;padding-left:8px}.otp-code[data-v-e258efaf] input{padding-left:48px!important}.is-dark .otp-code[data-v-e258efaf] [data-slot=base]{border-radius:12px}.otp-code-icon[data-v-e258efaf]{place-items:center;width:36px;height:36px;display:inline-grid;position:relative}.otp-code-icon-bg[data-v-e258efaf]{width:36px;height:36px;position:absolute;inset:0}.otp-code-icon-shield[data-v-e258efaf]{z-index:1;width:16px;height:20px;position:relative}.otp-secret-row[data-v-e258efaf]{gap:10px}.otp-secret[data-v-e258efaf],.otp-secret-row[data-v-e258efaf]{align-items:center;display:flex}.otp-secret[data-v-e258efaf]{box-sizing:border-box;color:#6e6381;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:.5px solid #dec8ff;border-radius:999px;flex:1;min-width:0;height:44px;padding:0 14px;overflow:hidden}.is-dark .otp-secret[data-v-e258efaf]{color:#949494;background:#000;border-color:#353535;border-radius:12px}.otp-secret code[data-v-e258efaf]{overflow-wrap:anywhere;min-width:0}.otp-copy[data-v-e258efaf]{border:.5px solid var(--otp-field-border);color:#fff;border-radius:50em;flex:0 0 79px;justify-content:center;width:79px;height:44px;box-shadow:0 2px 3px #dec8ffcc;background:var(--otp-accent)!important}.is-dark .otp-copy[data-v-e258efaf]{color:#fff;border-color:#ffeb92;border-radius:50em;box-shadow:0 2px 3px #000}.otp-tip[data-v-e258efaf]{color:#42305f;background:#fbf7ff;border:.5px solid #dec8ff;border-radius:10px;margin-top:28px;padding:14px 15px;box-shadow:0 2px 4px #dec8ffcc}.otp-tip p[data-v-e258efaf]{color:#6e6381;margin:4px 0 0;font-size:13px;line-height:1.7}.is-dark .otp-tip[data-v-e258efaf]{color:#fff;box-shadow:none;background:#241f28;border:0}.is-dark .otp-tip p[data-v-e258efaf]{color:#c6a975}.otp-error[data-v-e258efaf]{color:#ef4444;text-align:center;margin:12px 0 0;font-size:13px}.otp-actions[data-v-e258efaf]{width:min(346px,100% - 26px);margin:auto auto 0}.is-verify .otp-field[data-v-e258efaf]{margin-top:30px}.is-verify .otp-actions[data-v-e258efaf]{margin-top:22px}.otp-submit[data-v-e258efaf]{height:44px;color:var(--otp-accent-text);border:0;border-radius:999px;font-size:18px;font-weight:700;box-shadow:inset 0 1.5px #ffffff80,0 2px 3px #dec8ffcc;background:var(--otp-accent)!important}.is-dark .otp-submit[data-v-e258efaf]{border:.5px solid #ffeb92;box-shadow:0 2px 3px #000}@media (width>=768px){.otp-page[data-v-e258efaf]{background:#fff;place-items:center;padding:24px;display:grid}.otp-page.is-dark[data-v-e258efaf]{background:#130d12}.otp-desktop-scene[data-v-e258efaf]{grid-template-columns:59% 41%;display:grid;position:fixed;inset:0}.otp-scene-brand[data-v-e258efaf]{background:#f7f1ff -webkit-image-set(url(../images/auth/pc-light-hero.png.webp) 1x type("image/webp"),url(../images/auth/pc-light-hero.png) 1x type("image/png")) 50%/cover no-repeat;background:#f7f1ff image-set("/images/auth/pc-light-hero.png.webp" 1x type("image/webp"),"/images/auth/pc-light-hero.png" 1x type("image/png")) 50%/cover no-repeat}.otp-scene-form[data-v-e258efaf]{background:#fff -webkit-image-set(url(../images/auth/pc-light-side.png.webp) 1x type("image/webp"),url(../images/auth/pc-light-side.png) 1x type("image/png")) 50%/cover no-repeat;background:#fff image-set("/images/auth/pc-light-side.png.webp" 1x type("image/webp"),"/images/auth/pc-light-side.png" 1x type("image/png")) 50%/cover no-repeat;place-items:center;padding:8vh 4vw;display:grid}.is-dark .otp-scene-brand[data-v-e258efaf]{background-color:#080509;background-image:url(../images/auth/pc-dark-hero.png)}.is-dark .otp-scene-form[data-v-e258efaf]{background-color:#181217;background-image:url(../images/auth/pc-dark-side.png)}.otp-login-ghost[data-v-e258efaf]{background:#ffffffc7;border:1px solid #dec9fea6;border-radius:24px;gap:28px;width:min(470px,80%);padding:56px 42px;display:grid;box-shadow:0 18px 48px #5b378f1f}.is-dark .otp-login-ghost[data-v-e258efaf]{background:#1d1b1cc7;border-color:#baab8e6b}.otp-login-ghost span[data-v-e258efaf]{border:1px solid #dec9fea6;border-radius:999px;height:58px}.is-dark .otp-login-ghost span[data-v-e258efaf]{background:#0000006b;border-color:#353535}.otp-backdrop[data-v-e258efaf]{background:#0003;display:block;position:fixed;inset:0}.otp-shell[data-v-e258efaf]{background:var(--otp-panel);border:1px solid #dec9fe;border-radius:15px;flex-direction:column;width:min(692px,100vw - 48px);min-height:0;max-height:calc(100dvh - 48px);display:flex;overflow:hidden auto;box-shadow:0 16px 50px #45237547}.is-bind .otp-shell[data-v-e258efaf]{height:min(822px,100dvh - 48px)}.is-verify .otp-shell[data-v-e258efaf]{height:min(623px,100dvh - 48px)}.is-dark .otp-shell[data-v-e258efaf]{border-color:#baab8e;box-shadow:0 16px 50px #00000073}.otp-header[data-v-e258efaf]{background:var(--otp-header);border-bottom:1px solid #dec9fe;grid-template-columns:48px 1fr 48px;width:100%;height:72px;min-height:72px;padding:0 22px}.is-dark .otp-header[data-v-e258efaf]{border-bottom-color:#6a593f}.otp-header h1[data-v-e258efaf]{color:#8352d0;font-size:22px}.is-dark .otp-header h1[data-v-e258efaf]{color:#d7c092}.otp-back[data-v-e258efaf]{visibility:hidden;pointer-events:none;display:inline-flex}.otp-dismiss[data-v-e258efaf]{color:#8352d0;justify-content:center;width:40px;height:40px;display:inline-flex;position:absolute;top:50%;right:22px;transform:translateY(-50%);background:0 0!important}.is-dark .otp-dismiss[data-v-e258efaf]{color:#d7c092}.otp-dismiss[data-v-e258efaf] svg{width:25px;height:25px}.otp-content[data-v-e258efaf]{flex:1;width:100%;min-height:0;padding:34px 56px 40px}.otp-form[data-v-e258efaf]{min-height:100%}.otp-qr-card[data-v-e258efaf]{grid-template-rows:auto 92px;grid-template-columns:1fr;align-content:center;place-items:center;gap:8px;height:158px;padding:10px 24px}.otp-qr-card>p[data-v-e258efaf]{text-align:center;font-size:14px}.otp-qr-image[data-v-e258efaf],.otp-qr-missing[data-v-e258efaf]{width:92px}.otp-qr-card+.otp-field[data-v-e258efaf]{margin-top:28px}.otp-field[data-v-e258efaf]{gap:12px;font-size:16px}.otp-field+.otp-field[data-v-e258efaf]{margin-top:24px}.otp-code[data-v-e258efaf] [data-slot=base],.otp-copy[data-v-e258efaf],.otp-secret[data-v-e258efaf]{height:58px}.otp-copy[data-v-e258efaf]{box-sizing:border-box;width:112px;min-height:58px;box-shadow:none;flex-basis:112px;padding-top:0;padding-bottom:0;font-size:18px;font-weight:600}.otp-tip[data-v-e258efaf]{min-height:111px;margin-top:28px;padding:20px 22px}.otp-actions[data-v-e258efaf]{width:478px;max-width:100%}.otp-submit[data-v-e258efaf]{height:62px;font-size:18px}.is-verify .otp-content[data-v-e258efaf]{padding-top:32px}.is-verify .otp-field[data-v-e258efaf]{margin-top:0}.is-verify .otp-actions[data-v-e258efaf]{margin:34px auto 0}}
