.referral-page[data-v-2bea179d]{background:var(--component-background);min-height:calc(100vh - 56px);width:100%}.banner[data-v-2bea179d]{background-position:50%;background-repeat:no-repeat;background-size:cover;height:470px;width:100%}.banner-inner[data-v-2bea179d]{padding:76px 36px 24px}.banner-title[data-v-2bea179d]{color:var(--primary-color);font-size:40px;font-weight:600;margin:0}.banner-badges[data-v-2bea179d]{display:flex;gap:10px;margin-top:16px}.badge[data-v-2bea179d]{align-items:center;border-radius:999px;display:inline-flex;font-size:13px;font-weight:700;letter-spacing:.5px;padding:4px 14px}.badge-primary[data-v-2bea179d]{background:#4363f226;border:1px solid rgba(67,99,242,.3);color:#4363f2}.badge-gold[data-v-2bea179d]{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#f59e0b}.banner-desc[data-v-2bea179d]{color:var(--main-text-color);font-size:15px;font-weight:500;line-height:36px;margin-top:28px;max-width:940px}.banner-desc p[data-v-2bea179d]{margin:0}.highlights-wrap[data-v-2bea179d]{background:var(--mobile-card-bg);border-bottom:1px solid var(--card-border-color)}.highlights-inner[data-v-2bea179d]{display:grid;gap:0;grid-template-columns:repeat(3,1fr);padding:0 12px}.highlight-card[data-v-2bea179d]{align-items:flex-start;border-right:1px solid var(--card-border-color);display:flex;gap:16px;padding:28px 24px}.highlight-card[data-v-2bea179d]:last-child{border-right:none}.highlight-dot[data-v-2bea179d]{background:var(--h-color,#4363f2);border-radius:50%;flex-shrink:0;height:10px;margin-top:6px;width:10px}.highlight-title[data-v-2bea179d]{color:var(--h-color,#4363f2);font-size:15px;font-weight:600;line-height:1.4}.highlight-desc[data-v-2bea179d]{color:var(--sub-text-color);font-size:13px;line-height:1.7;margin-top:6px}.referral-content[data-v-2bea179d]{margin-top:60px;padding:42px 12px 64px}.steps-grid[data-v-2bea179d]{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1480px){.steps-grid[data-v-2bea179d]{grid-template-columns:repeat(2,minmax(0,1fr))}}.step-card[data-v-2bea179d]{background:var(--mobile-card-bg);border:1px solid var(--card-border-color);border-radius:12px;display:flex;flex-direction:column;min-height:406px;min-width:0;padding:40px 30px 24px;width:100%}.step-head[data-v-2bea179d]{position:relative}.step-title[data-v-2bea179d]{color:var(--primary-color);font-size:16px;font-weight:500;margin:0}.step-head-icon[data-v-2bea179d]{height:110px;-o-object-fit:contain;object-fit:contain;position:absolute;right:-30px;top:-40px}.step-desc[data-v-2bea179d]{color:var(--sub-text-color);font-size:14px;font-weight:500;line-height:30px;margin:28px 0 20px;min-height:60px}.action-list[data-v-2bea179d]{display:flex;flex:1;flex-direction:column;gap:10px}.action-item[data-v-2bea179d]{align-items:center;background:var(--pay-zhifu-bg);border-radius:16px;color:var(--main-text-color);display:flex;gap:10px;justify-content:space-between;min-height:45px;padding:10px 16px 10px 12px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}a.action-item[data-v-2bea179d]:hover{background:var(--step-item-hover-bg);box-shadow:var(--notice-box-shadow);transform:translateY(-1px)}.action-item[data-v-2bea179d]:active{box-shadow:none;transform:translateY(0)}.action-left[data-v-2bea179d]{gap:12px;min-width:0}.action-left[data-v-2bea179d],.action-right[data-v-2bea179d]{align-items:center;display:flex}.action-right[data-v-2bea179d]{flex-shrink:0;gap:8px}.exchange-logo-wrap[data-v-2bea179d]{align-items:center;border-radius:50%;display:inline-flex;flex:0 0 32px;height:32px;justify-content:center;overflow:hidden;width:32px}.exchange-logo[data-v-2bea179d]{display:block;height:25px;width:25px}.exchange-name[data-v-2bea179d]{color:var(--main-text-color);font-size:14px;font-weight:500;gap:8px;line-height:20px}.exchange-name[data-v-2bea179d],.info-dot[data-v-2bea179d]{align-items:center;display:inline-flex}.info-dot[data-v-2bea179d]{border:1px solid #616e85;border-radius:50%;color:#616e85;font-size:8px;font-style:normal;height:12px;justify-content:center;line-height:1;width:12px}.tooltip-content[data-v-2bea179d]{color:var(--main-text-color);font-size:12px;font-weight:500;line-height:26px;min-width:234px;padding:12px 20px}.discount-badge[data-v-2bea179d]{background:#4363f21f;border-radius:6px;color:#4363f2;font-size:11px;font-weight:700;letter-spacing:.4px;padding:2px 8px}.action-link[data-v-2bea179d]{align-items:center;color:var(--sub-text-color);display:inline-flex;flex-shrink:0;font-size:13px;font-weight:400;gap:4px;transition:color .2s ease}a.action-item:hover .action-link[data-v-2bea179d]{color:var(--primary-color)}.action-arrow[data-v-2bea179d]{align-items:center;display:inline-flex}.action-arrow-icon[data-v-2bea179d]{background-color:currentColor;display:inline-block;height:16px;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%23616E85' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5 9 9l-4.5 4.5M9 4.5 13.5 9 9 13.5'/%3E%3C/svg%3E") center /contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%23616E85' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5 9 9l-4.5 4.5M9 4.5 13.5 9 9 13.5'/%3E%3C/svg%3E") center /contain no-repeat;width:16px}.bind-login-gate[data-v-2bea179d]{align-items:center;display:flex;flex:1;justify-content:center;padding:20px 0}.login-bind-btn[data-v-2bea179d]{align-items:center;background:transparent;border:1px solid var(--primary-color);border-radius:999px;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:12px 32px;transition:background .2s ease}.login-bind-btn[data-v-2bea179d]:hover{background:#4363f20f}.login-bind-icon[data-v-2bea179d]{font-size:16px}.bind-row[data-v-2bea179d]{cursor:default}.bind-action[data-v-2bea179d]{align-items:center;display:flex;flex:1;gap:10px;justify-content:flex-end;min-width:0}.uid-input[data-v-2bea179d]{background:var(--component-background);border:1px solid var(--card-border-color);border-radius:8px;height:36px;width:min(100%,200px)}.uid-input[data-v-2bea179d] .ant-input{background:transparent;color:var(--main-text-color);font-size:12px;height:36px;padding:0 14px}.uid-input[data-v-2bea179d] .ant-input::-moz-placeholder{color:var(--sub-text-color)}.uid-input[data-v-2bea179d] .ant-input::placeholder{color:var(--sub-text-color)}.bind-btn[data-v-2bea179d]{background:transparent;border:1px solid var(--primary-color);border-radius:20px;box-shadow:none;color:var(--primary-color);flex-shrink:0;font-size:13px;font-weight:500;height:36px;padding:0 18px;white-space:nowrap}.bind-btn[data-v-2bea179d]:hover{background:#4363f20a!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important}.bound-state[data-v-2bea179d]{align-items:center;display:flex;gap:6px}.bound-icon[data-v-2bea179d]{color:#16c79a;font-size:16px}.bound-label[data-v-2bea179d]{color:#16c79a;font-size:13px;font-weight:500}.bind-result-modal[data-v-2bea179d]{align-items:center;display:flex;flex-direction:column;min-height:220px;padding:16px 0 0;text-align:center}.bind-result-icon[data-v-2bea179d]{height:48px;margin-bottom:22px;width:48px}.bind-result-title[data-v-2bea179d]{color:var(--main-text-color);font-size:18px;font-weight:500}.bind-result-desc[data-v-2bea179d]{color:var(--sub-text-color);font-size:12px;font-weight:400;margin-top:4px}.bind-result-btn[data-v-2bea179d]{border-radius:8px;height:40px;margin-top:30px;width:245px}.view-progress-link[data-v-2bea179d]{align-self:flex-end;color:var(--primary-color);display:none;font-size:13px;font-weight:500;gap:4px;margin-top:6px;padding:0 4px;text-decoration:none}.milestone-list[data-v-2bea179d]{display:flex;flex-direction:column;gap:8px}.milestone-row[data-v-2bea179d]{align-items:center;background:var(--pay-zhifu-bg);border-radius:12px;display:flex;gap:12px;min-height:45px;padding:10px 16px}.milestone-unlimited[data-v-2bea179d]{background:linear-gradient(90deg,#4363f20f,#f59e0b0f);border:1px solid rgba(67,99,242,.12)}.milestone-vol[data-v-2bea179d]{align-items:baseline;display:flex;gap:4px;min-width:80px}.milestone-num[data-v-2bea179d]{color:var(--primary-color);font-size:18px;font-weight:700;line-height:1}.milestone-unit[data-v-2bea179d]{color:var(--sub-text-color);font-size:11px;white-space:nowrap}.unlimited-text[data-v-2bea179d]{font-size:22px}.milestone-arrow-icon[data-v-2bea179d]{background-color:var(--sub-text-color);flex-shrink:0;height:14px;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%23616E85' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5 9 9l-4.5 4.5M9 4.5 13.5 9 9 13.5'/%3E%3C/svg%3E") center /contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%23616E85' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5 9 9l-4.5 4.5M9 4.5 13.5 9 9 13.5'/%3E%3C/svg%3E") center /contain no-repeat;opacity:.5;width:14px}.milestone-reward[data-v-2bea179d]{display:flex;flex-direction:column;gap:2px}.milestone-months[data-v-2bea179d]{color:var(--main-text-color);font-size:14px;font-weight:600}.milestone-unlimited .milestone-months[data-v-2bea179d]{color:var(--primary-color)}.milestone-note[data-v-2bea179d]{color:var(--sub-text-color);font-size:11px;line-height:1.4}.redeem-link[data-v-2bea179d]{align-items:center;align-self:flex-start;background:#4363f214;border:none;border-radius:999px;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;margin-top:16px;padding:10px 20px;text-decoration:none;transition:background .2s ease}.redeem-link[data-v-2bea179d]:hover{background:#4363f226}.service-tooltip[data-v-2bea179d]{gap:12px;padding:4px 8px}.bonus-hint[data-v-2bea179d],.service-tooltip[data-v-2bea179d]{align-items:center;display:flex}.bonus-hint[data-v-2bea179d]{background:#4363f20f;border-radius:8px;color:var(--text-color-secondary,#888);font-size:13px;gap:6px;margin-bottom:10px;padding:8px 12px}.bonus-hint-dot[data-v-2bea179d]{background:#f59e0b;border-radius:50%;flex-shrink:0;height:6px;width:6px}.bonus-hint-link[data-v-2bea179d]{color:#4363f2;cursor:pointer;font-weight:500;text-decoration:underline}.vol-progress-wrap[data-v-2bea179d]{background:#4363f20d;border:1px solid rgba(67,99,242,.15);border-radius:10px;margin-top:14px;padding:14px 16px}.vol-progress-head[data-v-2bea179d]{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.vol-progress-label-group[data-v-2bea179d]{align-items:center;display:inline-flex;gap:6px;min-width:0}.vol-progress-label[data-v-2bea179d]{color:var(--text-color-secondary,#888)}.vol-refresh-btn[data-v-2bea179d]{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--primary-color);cursor:pointer;display:inline-flex;height:20px;justify-content:center;padding:0;transition:color .2s ease,background .2s ease,transform .2s ease;width:20px}.vol-refresh-btn[data-v-2bea179d]:hover{background:#4363f214;color:var(--primary-color)}.vol-refresh-btn[data-v-2bea179d]:disabled{cursor:not-allowed;opacity:.7}.vol-refresh-icon[data-v-2bea179d]{font-size:12px;line-height:1}.vol-refresh-icon.is-spinning[data-v-2bea179d]{animation:vol-refresh-spin-2bea179d .8s linear infinite}.vol-progress-value[data-v-2bea179d]{color:var(--text-color,#222);font-weight:600}.vol-progress-bar[data-v-2bea179d]{background:#4363f226;border-radius:3px;height:6px;overflow:hidden}.vol-progress-bar-inner[data-v-2bea179d]{background:linear-gradient(90deg,#4363f2,#818cf8);border-radius:3px;height:100%;transition:width .6s ease}.vol-progress-foot[data-v-2bea179d]{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-top:7px}.vol-progress-detail[data-v-2bea179d],.vol-progress-next[data-v-2bea179d]{color:var(--text-color-secondary,#888)}.vol-progress-reward[data-v-2bea179d]{color:#f59e0b;font-weight:600}.vol-progress-foot-secondary[data-v-2bea179d]{margin-top:4px}.redeem-btn[data-v-2bea179d]{border-radius:8px;box-shadow:none;height:36px}.redeem-btn.ant-btn[disabled][data-v-2bea179d],.redeem-btn[data-v-2bea179d]:disabled{background:var(--custom-btn-bg)}.vol-progress-redeem-btn[data-v-2bea179d]{margin-top:12px;width:100%}@keyframes vol-refresh-spin-2bea179d{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:1200px){.steps-grid[data-v-2bea179d]{grid-template-columns:1fr}.step-card[data-v-2bea179d],.step-desc[data-v-2bea179d]{min-height:auto}.highlights-inner[data-v-2bea179d]{grid-template-columns:1fr}.highlight-card[data-v-2bea179d]{border-bottom:1px solid var(--card-border-color);border-right:none;padding:20px 16px}.highlight-card[data-v-2bea179d]:last-child{border-bottom:none}}@media (max-width:768px){.banner[data-v-2bea179d]{background-position:20%;height:auto;min-height:490px}.banner-inner[data-v-2bea179d]{padding:44px 16px 26px}.banner-title[data-v-2bea179d]{font-size:30px;letter-spacing:-.2px;line-height:1.2}.banner-desc[data-v-2bea179d]{font-size:14px;line-height:1.9;margin-top:20px}.referral-content[data-v-2bea179d]{margin-top:32px;padding:24px 12px 40px}.step-card[data-v-2bea179d]{border-radius:18px;overflow:hidden;padding:16px 14px}.step-head[data-v-2bea179d]{min-height:76px;padding:10px 92px 8px 8px}.step-title[data-v-2bea179d]{font-size:18px;line-height:1.5}.step-head-icon[data-v-2bea179d]{height:84px;right:8px;top:-2px;width:84px}.step-desc[data-v-2bea179d]{font-size:14px;margin:10px 8px 16px}.uid-input[data-v-2bea179d]{width:100%}.bind-action[data-v-2bea179d]{align-items:stretch;flex-direction:column;gap:8px}.bind-btn[data-v-2bea179d]{width:100%}.bind-result-title[data-v-2bea179d]{font-size:18px}.bind-result-btn[data-v-2bea179d]{width:100%}}@media (max-width:390px){.banner[data-v-2bea179d]{background-position:30%;min-height:320px}.banner-title[data-v-2bea179d]{font-size:28px}.step-head[data-v-2bea179d]{padding-right:88px}.step-head-icon[data-v-2bea179d]{height:78px;width:78px}}.customer-collapse[data-v-2bea179d] .ant-collapse-header{border-radius:12px!important;box-shadow:0 6px 12.5px #0000000d!important;color:var(--main-text-color)!important;font-size:16px!important;font-weight:600!important;padding:24px 38px!important}.customer-collapse[data-v-2bea179d] .ant-collapse-content-box{border-radius:0 0 12px 12px!important;padding:0!important}