:root{--primary: #F57C2B;--primary-dark: #D9600A;--primary-light: #FEF0E7;--teal: #0d9488;--teal-dark: #0f766e;--gold: #f59e0b;--gold-light: #fef3c7;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--surface: #ffffff;--surface-2: #ffffff;--line: rgba(15, 23, 42, .06);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--gradient-primary: linear-gradient(135deg, #F57C2B 0%, #D9600A 100%);--gradient-gold: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-hero: linear-gradient(160deg, #F57C2B 0%, #F09B1E 100%);--transition: .25s ease;--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,PingFang SC,Noto Sans SC,Arial,sans-serif;background:var(--gray-100);color:var(--gray-800);line-height:1.5;overflow-x:hidden;font-feature-settings:"tnum";min-height:100vh;min-height:100dvh}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font:inherit}input,textarea,select{font:inherit;border:none;outline:none}.app-wrap{width:100%;max-width:430px;min-height:100vh;min-height:100dvh;margin:0 auto;background:#fff;position:relative;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}.text-xs{font-size:clamp(10px,2.5vw,11px)}.text-sm{font-size:clamp(12px,3vw,13px)}.text-base{font-size:clamp(14px,3.5vw,15px)}.text-lg{font-size:clamp(16px,4vw,17px)}.text-xl{font-size:clamp(18px,4.5vw,20px)}.text-2xl{font-size:clamp(22px,5.5vw,24px)}.text-3xl{font-size:clamp(26px,7vw,30px)}.text-muted{color:var(--gray-400)}.text-primary{color:var(--primary)}.text-teal{color:var(--teal)}.text-gold{color:var(--gold)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.font-bold{font-weight:700}.font-medium{font-weight:500}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:clamp(14px,4vw,16px)}.card+.card{margin-top:clamp(10px,3vw,12px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:clamp(42px,11vw,44px);padding:0 clamp(16px,5vw,20px);border-radius:var(--radius);font-weight:600;font-size:clamp(14px,3.5vw,15px);transition:all var(--transition);-webkit-user-select:none;user-select:none;touch-action:manipulation}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px #f57c2b59}.btn-primary:active{transform:scale(.97);box-shadow:none}.btn-ghost{background:var(--gray-100);color:var(--gray-700)}.btn-ghost:active{background:var(--gray-200)}.btn-gold{background:var(--gradient-gold);color:#fff;box-shadow:0 4px 14px #f59e0b59}.btn-block{width:100%}.btn-sm{height:clamp(34px,9vw,36px);font-size:clamp(12px,3vw,13px);padding:0 clamp(12px,3.5vw,14px)}.form-group{margin-bottom:clamp(12px,3.5vw,14px)}.form-label{font-size:clamp(12px,3vw,13px);color:var(--gray-500);margin-bottom:6px;display:block}.form-input{width:100%;height:clamp(46px,12vw,48px);background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);padding:0 clamp(12px,3.5vw,14px);font-size:clamp(14px,3.5vw,15px);color:var(--gray-800);transition:border-color var(--transition)}.form-input:focus{border-color:var(--primary);background:var(--surface-2)}.form-input::placeholder{color:var(--gray-400)}.form-select{width:100%;height:clamp(46px,12vw,48px);background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);padding:0 clamp(12px,3.5vw,14px);font-size:clamp(14px,3.5vw,15px);color:var(--gray-800);-webkit-appearance:none;-moz-appearance:none;appearance:none}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-default{background:var(--gray-100);color:var(--gray-500)}.badge-primary{background:var(--primary-light);color:var(--primary-dark)}.divider{height:1px;background:var(--gray-100);margin:12px 0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:22px;height:22px;border:2.5px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.page-enter-active,.page-leave-active{transition:opacity .22s ease,transform .22s ease}.page-enter-from{opacity:0;transform:translate(18px)}.page-leave-to{opacity:0;transform:translate(-18px)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.slide-up-enter-from{transform:translateY(40px);opacity:0}.slide-up-leave-to{transform:translateY(-20px);opacity:0}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.count-anim{animation:countUp .5s ease forwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}.toast-wrap{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:8px}.toast{background:#0f172ae0;color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:2px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.rounded-full{border-radius:999px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-required-page{padding:clamp(28px,8vw,32px) clamp(16px,5vw,20px) clamp(20px,6vw,24px)!important}.profile-section{margin-bottom:clamp(28px,8vw,32px)!important}.avatar-wrap{margin-bottom:clamp(14px,4vw,16px)!important}.avatar{width:clamp(64px,17vw,68px)!important;height:clamp(64px,17vw,68px)!important;font-size:clamp(26px,7vw,28px)!important}.greeting{font-size:clamp(16px,4.5vw,18px)!important}.bind-card{max-width:clamp(360px,90vw,400px)!important;padding:clamp(24px,7vw,28px) clamp(20px,6vw,24px) clamp(20px,6vw,24px)!important}.bind-card__title{font-size:clamp(14px,3.8vw,15px)!important;margin-bottom:clamp(24px,7vw,28px)!important}.sn-input-wrap,.pwd-input-wrap{height:clamp(50px,13.5vw,54px)!important;padding:0 clamp(12px,3.5vw,14px)!important;margin-bottom:clamp(14px,4vw,16px)!important}.sn-input,.pwd-input{font-size:clamp(14px,3.8vw,15px)!important}.sn-icon,.pwd-icon{margin-right:clamp(8px,2.5vw,10px)!important}.sn-scan{width:clamp(34px,9vw,36px)!important;height:clamp(34px,9vw,36px)!important}.sn-clear{width:clamp(20px,5.5vw,22px)!important;height:clamp(20px,5.5vw,22px)!important}.bind-btn{height:clamp(48px,13vw,52px)!important;font-size:clamp(15px,4vw,16px)!important;margin-bottom:clamp(16px,4.5vw,18px)!important}.bind-card__footer{font-size:clamp(11px,3vw,12px)!important}.agreement{margin-top:clamp(20px,6vw,24px)!important;font-size:clamp(10px,2.8vw,11px)!important}.success-box{padding:clamp(26px,7.5vw,30px) clamp(30px,8.5vw,34px)!important;max-width:90vw!important}.success-title{font-size:clamp(16px,4.5vw,18px)!important}.success-desc{font-size:clamp(11.5px,3.2vw,12.5px)!important}.referral-page{padding:clamp(18px,5vw,20px) clamp(14px,4vw,16px) clamp(20px,6vw,24px)!important}.referral-header{padding:clamp(18px,5vw,20px) clamp(14px,4vw,16px)!important;margin:0 calc(-1*clamp(14px,4vw,16px)) clamp(18px,5vw,20px)!important}.referral-header__title{font-size:clamp(18px,5vw,20px)!important;margin-bottom:clamp(6px,1.8vw,8px)!important}.referral-header__desc{font-size:clamp(12.5px,3.4vw,13px)!important}.referral-form{max-width:clamp(360px,90vw,400px)!important}.referral-form .form-group{margin-bottom:clamp(18px,5vw,20px)!important}.referral-form .form-label{font-size:clamp(13px,3.5vw,14px)!important;margin-bottom:clamp(8px,2.5vw,10px)!important}.referral-form .form-input,.referral-form .form-select{height:clamp(48px,12.5vw,52px)!important;font-size:clamp(14px,3.8vw,15px)!important;padding:0 clamp(14px,4vw,16px)!important}.referral-submit-btn{height:clamp(48px,13vw,52px)!important;font-size:clamp(15px,4vw,16px)!important;margin-top:clamp(28px,8vw,32px)!important}.toast{padding:clamp(9px,2.8vw,10px) clamp(16px,4.5vw,18px)!important;font-size:clamp(13px,3.5vw,14px)!important}@media (max-width: 359px){.bind-card,.referral-form{padding-left:16px!important;padding-right:16px!important}.hero{padding-left:12px!important;padding-right:12px!important}}@media (min-width: 431px){.app-wrap{box-shadow:0 0 40px #0000001a}}@media (orientation: landscape) and (max-height: 500px){.device-required-page{padding-top:20px!important;padding-bottom:16px!important}.profile-section{margin-bottom:20px!important}.avatar{width:56px!important;height:56px!important;font-size:22px!important}.bind-card{padding:20px 18px 16px!important}.hero{padding-bottom:50px!important}}@media (hover: none) and (pointer: coarse){button,a,.quick-item,.txn-row{min-height:44px;min-width:44px}}.toast--success[data-v-84cc0666]{background:#10b981e6}.toast--error[data-v-84cc0666]{background:#ef4444e6}.toast--info[data-v-84cc0666]{background:#0f172ae0}