[data-v-0af90006]{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body[data-v-0af90006]{background-color:#f5f7fa}body{color:#fff;background-image:linear-gradient(#020917,#101725);margin:0;font-family:Inter,Avenir,Helvetica,Arial,sans-serif}.login-container[data-v-24e149cf]{background-image:linear-gradient(#ffc030,#fdb045);flex-direction:column;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.top-logo-container[data-v-24e149cf]{text-align:center;width:100%;max-width:400px;position:absolute;top:10%;left:50%;transform:translate(-50%)}.login-card[data-v-24e149cf]{box-sizing:border-box;background-image:url(/static/image/diban.3b6f5fec.png);background-position:50%;background-repeat:no-repeat;background-size:auto 100%;border-radius:12px;flex-direction:column;justify-content:center;width:100%;max-width:400px;min-height:350px;margin-top:25vh;padding:0;transition:transform .3s;display:flex;overflow:hidden}@media (max-width:480px){.login-card[data-v-24e149cf]{margin-top:18vh;padding-top:15px}.logo[data-v-24e149cf]{width:140px;height:45px}h2[data-v-24e149cf]{font-size:20px}.form-group[data-v-24e149cf]{gap:6px}input[data-v-24e149cf],.login-button[data-v-24e149cf],.get-code-button[data-v-24e149cf]{padding:10px 12px;font-size:14px}.verification-group[data-v-24e149cf]{flex-direction:column;align-items:stretch;gap:10px}.get-code-button[data-v-24e149cf]{width:100%}}.login-card[data-v-24e149cf]:hover{transform:translateY(0)}.logo[data-v-24e149cf]{object-fit:contain;width:180px;height:60px;margin-bottom:15px}.login-form[data-v-24e149cf]{box-sizing:border-box;flex-direction:column;gap:15px;width:100%;max-width:270px;margin:0 auto;display:flex}.form-group[data-v-24e149cf]{flex-direction:column;gap:0;display:flex}.verification-group[data-v-24e149cf]{box-sizing:border-box;flex-flow:row;align-items:flex-start;gap:6px;width:100%;display:flex;overflow:hidden}.verification-input-wrapper[data-v-24e149cf]{box-sizing:border-box;flex-direction:column;flex:1 1 0;width:calc(100% - 126px);min-width:0;min-height:44px;display:flex}.verification-input-wrapper input[data-v-24e149cf]{box-sizing:border-box;width:100%;height:44px}.get-code-button[data-v-24e149cf]{color:#fff;cursor:pointer;white-space:nowrap;box-sizing:border-box;background-color:#4096ff;border:none;border-radius:6px;width:120px;height:44px;padding:10px 8px;font-size:14px;font-weight:500;transition:background-color .3s}.get-code-button[data-v-24e149cf]:hover:not(:disabled){background-color:#3086e8}@media (max-width:360px){.verification-group[data-v-24e149cf]{flex-direction:column;gap:10px}.verification-input-wrapper[data-v-24e149cf]{flex:1}.get-code-button[data-v-24e149cf]{width:100%}}.get-code-button[data-v-24e149cf]:disabled{cursor:not-allowed;background-color:#94a3b8}label[data-v-24e149cf]{color:#4b5563;font-size:14px;font-weight:500}input[data-v-24e149cf]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;height:44px;padding:12px 15px;font-size:16px;transition:border-color .3s,box-shadow .3s}input[data-v-24e149cf]:focus{border-color:#4096ff;outline:none;box-shadow:0 0 0 3px #4096ff26}.input-error[data-v-24e149cf]{border-color:#f87171}.error-message[data-v-24e149cf]{color:#f87171;margin-top:2px;font-size:12px}.login-button[data-v-24e149cf]{cursor:pointer;background-color:#0000;background-image:url(/static/image/logIn_btn.b1ff9432.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;padding:0;transition:transform .3s;display:flex}.login-button[data-v-24e149cf]:hover:not(:disabled){transform:scale(1.02)}.login-button[data-v-24e149cf]:disabled{opacity:.7;cursor:not-allowed}.loading-spinner[data-v-24e149cf]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:1s ease-in-out infinite spin-24e149cf}@keyframes spin-24e149cf{to{transform:rotate(360deg)}}.form-error[data-v-24e149cf]{color:#f87171;text-align:center;margin-top:10px;font-size:14px}.redeem-container[data-v-be7dc4ee]{background-image:url(/static/image/bj.80b190f4.png);background-position:50%;background-size:cover;flex-direction:column;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.user-header[data-v-be7dc4ee]{align-items:center;width:100%;margin-bottom:30px;padding:10px 0;display:flex}.avatar[data-v-be7dc4ee]{border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-right:10px;display:flex;overflow:hidden}.phone-number[data-v-be7dc4ee]{color:#fff;font-size:20px;font-weight:700}.main-content[data-v-be7dc4ee]{z-index:1;width:100%;max-width:400px}.card[data-v-be7dc4ee]{background-image:url(/static/image/kuang.a9eda958.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:12px;height:250px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.card-body[data-v-be7dc4ee]{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.redeem-form[data-v-be7dc4ee]{flex-direction:column;gap:20px;width:100%;max-width:300px;display:flex}.form-group[data-v-be7dc4ee]{text-align:center;width:100%;margin-top:50px;margin-bottom:15px}input[data-v-be7dc4ee]{box-sizing:border-box;text-align:center;color:#306ca7;border:1px solid #306ca7;border-radius:8px;width:100%;max-width:200px;margin:0 auto;padding:15px 20px;font-size:16px;transition:border-color .3s}input[data-v-be7dc4ee]::placeholder{text-align:center;color:#696969;font-size:16px}input[data-v-be7dc4ee]:focus{border-color:#4096ff;outline:none}.input-error[data-v-be7dc4ee]{border-color:#ff4d4f}.error-message[data-v-be7dc4ee]{color:#ff4d4f;margin-top:5px;font-size:12px}.redeem-button-bottom[data-v-be7dc4ee]{color:#333;cursor:pointer;background-color:#0000;border:none;border-radius:8px;width:100%;margin-top:20px;padding:12px 0;font-size:16px;font-weight:700;transition:background-color .3s}.redeem-button-bottom[data-v-be7dc4ee]:hover:not(:disabled){background-color:#0000}.redeem-button-bottom[data-v-be7dc4ee]:disabled{cursor:not-allowed;opacity:.7;background-color:#0000}.loading-spinner[data-v-be7dc4ee]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:1s ease-in-out infinite spin-be7dc4ee;display:inline-block}@keyframes spin-be7dc4ee{to{transform:rotate(360deg)}}.result-modal[data-v-be7dc4ee]{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content[data-v-be7dc4ee]{text-align:center;background-color:#fff;border-radius:12px;width:90%;max-width:300px;padding:30px;position:relative}.modal-icon[data-v-be7dc4ee]{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;display:flex}.success[data-v-be7dc4ee]{color:#52c41a;background-color:#f0f9eb}.error[data-v-be7dc4ee]{color:#ff4d4f;background-color:#fff2f0}.modal-title[data-v-be7dc4ee]{margin-bottom:10px;font-size:18px;font-weight:700}.modal-message[data-v-be7dc4ee]{color:#666;margin-bottom:20px}.close-button[data-v-be7dc4ee]{color:#fff;cursor:pointer;background-color:#4096ff;border:none;border-radius:8px;padding:8px 20px;font-size:14px;transition:background-color .3s}.close-button[data-v-be7dc4ee]:hover{background-color:#1890ff}@media (max-width:375px){.card-header[data-v-be7dc4ee]{padding:12px 15px}.card-header h2[data-v-be7dc4ee]{font-size:16px}.card-body[data-v-be7dc4ee]{padding:15px}input[data-v-be7dc4ee]{padding:10px 12px;font-size:13px}.redeem-button[data-v-be7dc4ee]{padding:10px 0;font-size:14px}}.exchange-button-img[data-v-be7dc4ee]{width:80%;height:auto;margin:0 auto;display:block}.redeem-container[data-v-16a20b0e]{background-image:linear-gradient(#ffc030,#fdb045);flex-direction:column;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.top-logo-container[data-v-16a20b0e]{text-align:center;width:100%;max-width:400px;position:absolute;top:10%;left:50%;transform:translate(-50%)}.redeem-card[data-v-16a20b0e]{box-sizing:border-box;background-image:url(/static/image/diban.a5f39784.png);background-position:50%;background-repeat:no-repeat;background-size:auto 100%;border-radius:12px;flex-direction:column;justify-content:center;width:100%;max-width:400px;min-height:350px;margin-top:25vh;padding:0;transition:transform .3s;display:flex;overflow:hidden}@media (max-width:480px){.redeem-card[data-v-16a20b0e]{margin-top:18vh;padding-top:15px}.logo[data-v-16a20b0e]{width:140px;height:45px}.form-group[data-v-16a20b0e]{gap:6px}input[data-v-16a20b0e],.redeem-button[data-v-16a20b0e]{padding:10px 12px;font-size:14px}}.logo[data-v-16a20b0e]{object-fit:contain;width:180px;height:60px;margin-bottom:15px}.redeem-form[data-v-16a20b0e]{box-sizing:border-box;flex-direction:column;gap:15px;width:100%;max-width:270px;margin:0 auto;display:flex}.form-group[data-v-16a20b0e]{flex-direction:column;gap:0;display:flex}input[data-v-16a20b0e]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;height:44px;padding:12px 15px;font-size:16px;transition:border-color .3s,box-shadow .3s}input[data-v-16a20b0e]:focus{border-color:#4096ff;outline:none;box-shadow:0 0 0 3px #4096ff26}.input-error[data-v-16a20b0e]{border-color:#f87171}.error-message[data-v-16a20b0e]{color:#f87171;margin-top:2px;font-size:12px}.redeem-button[data-v-16a20b0e]{cursor:pointer;color:#fff;background-color:#0000;background-image:url(/static/image/btn_exchange.0c728278.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;padding:0;font-size:18px;font-weight:700;transition:transform .3s;display:flex}.redeem-button[data-v-16a20b0e]:hover:not(:disabled){transform:scale(1.02)}.redeem-button[data-v-16a20b0e]:disabled{opacity:.7;cursor:not-allowed}.loading-spinner[data-v-16a20b0e]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:1s ease-in-out infinite spin-16a20b0e}@keyframes spin-16a20b0e{to{transform:rotate(360deg)}}.result-modal[data-v-16a20b0e]{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content[data-v-16a20b0e]{text-align:center;background-color:#fff;border-radius:12px;width:90%;max-width:300px;padding:30px;box-shadow:0 4px 12px #00000026}.modal-content.success[data-v-16a20b0e]{border-top:4px solid #10b981}.modal-content.error[data-v-16a20b0e]{border-top:4px solid #f87171}.modal-icon[data-v-16a20b0e]{margin-bottom:20px}.modal-icon svg[data-v-16a20b0e]{margin:0 auto}.success .modal-icon svg[data-v-16a20b0e]{color:#10b981}.error .modal-icon svg[data-v-16a20b0e]{color:#f87171}.modal-content h3[data-v-16a20b0e]{margin-bottom:10px;font-size:18px}.modal-content p[data-v-16a20b0e]{color:#666;margin-bottom:20px;font-size:14px}.close-button[data-v-16a20b0e]{color:#fff;cursor:pointer;background-color:#4096ff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;transition:background-color .3s}.close-button[data-v-16a20b0e]:hover{background-color:#1d88ff}