.otp-modal-overlay[data-v-17f5d876]{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:120}.otp-modal[data-v-17f5d876]{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;min-height:432px;overflow:hidden;width:800px}.otp-modal-header[data-v-17f5d876]{align-items:center;background:#fff;border-bottom:1px solid #eee;border-radius:12px 12px 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:15px}.otp-modal-title[data-v-17f5d876]{color:#3c3c3c;font-size:18px;font-weight:600;line-height:28px;margin:0}.close-button[data-v-17f5d876]{align-items:center;background:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.close-button svg[data-v-17f5d876]{height:24px;width:24px}.otp-modal-content[data-v-17f5d876]{background:#fff;display:flex;flex:1;flex-direction:column;justify-content:flex-start;padding:32px 40px}.description-section[data-v-17f5d876]{margin-bottom:20px;position:relative}.description[data-v-17f5d876]{font-size:16px;line-height:1.4;margin:0 0 20px;text-align:left}.input-section[data-v-17f5d876]{margin-bottom:16px;position:relative}.input-section[data-v-17f5d876] .atom-input{width:100%}.input-label[data-v-17f5d876]{color:#3c3c3c;display:block;font-size:16px;font-weight:500;margin-bottom:8px;position:relative}.required[data-v-17f5d876]{color:#e60013}.error-message[data-v-17f5d876]{align-items:center;color:#e60013;display:flex;font-size:14px;gap:8px;line-height:1.4;margin-top:8px}.error-message svg[data-v-17f5d876]{flex-shrink:0}.otp-modal-footer[data-v-17f5d876]{align-items:center;background:#fff;border-radius:0 0 12px 12px;display:flex;flex-shrink:0;gap:16px;justify-content:flex-end;padding:16px 20px}.cancel-button[data-v-17f5d876]{background:#fff;border:1px solid #1953c3;border-radius:200px;color:#1953c3;cursor:pointer;font-size:18px;font-weight:600;height:48px;transition:all .2s;width:160px}.cancel-button[data-v-17f5d876]:hover{background:#549fd21a}.send-button[data-v-17f5d876]{background:#1953c3;border:none;border-radius:200px;color:#fff;cursor:pointer;font-family:Noto Sans TC;font-size:18px;font-weight:600;height:48px;transition:all .2s;width:160px}.send-button[data-v-17f5d876]:hover:not(.disabled){background:#164db8}.send-button.disabled[data-v-17f5d876]{background:#cacaca;color:#666;cursor:not-allowed}.send-button.disabled[data-v-17f5d876]:hover{background:#cacaca}@media (width <= 768px){.otp-modal[data-v-17f5d876]{margin:20px;max-height:80vh;min-height:400px;width:95vw}.otp-modal-header[data-v-17f5d876]{padding:16px 16px 16px 24px}.otp-modal-title[data-v-17f5d876]{font-size:18px}.otp-modal-content[data-v-17f5d876]{justify-content:flex-start;padding:24px}.description-section[data-v-17f5d876]{margin-bottom:24px}.description[data-v-17f5d876]{margin:0 0 20px;text-align:left}.otp-modal-footer[data-v-17f5d876]{gap:12px;padding:12px 16px}.otp-modal-footer .cancel-button[data-v-17f5d876],.otp-modal-footer .send-button[data-v-17f5d876]{font-size:16px;height:44px;width:140px}}@media (width <= 480px){.otp-modal-overlay[data-v-17f5d876]{align-items:flex-end}.otp-modal[data-v-17f5d876]{border-radius:12px 12px 0 0;display:flex;flex-direction:column;margin:0;max-height:90vh;max-width:100vw;min-height:auto;width:100vw}.otp-modal-header[data-v-17f5d876]{padding:16px 16px 16px 24px}.otp-modal-content[data-v-17f5d876]{padding:24px}.description-section[data-v-17f5d876]{margin-bottom:20px}.otp-modal-footer[data-v-17f5d876]{border-radius:0;display:flex;gap:12px;padding:12px 16px}.otp-modal-footer .cancel-button[data-v-17f5d876],.otp-modal-footer .send-button[data-v-17f5d876]{flex:1;font-size:16px;height:44px;width:auto}}