XBTry · 邀请返�?/title> <style> :root{--bg:#0a0a0a;--bg2:#111;--card:#121212;--line:#292929;--fg:#f5f5f5;--muted:#999;--accent:#f5f5f5;--accentInk:#0a0a0a;--mono:"JetBrains Mono",Consolas,monospace;--sans:"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;--serif:"Noto Serif SC","Songti SC",serif;color-scheme:dark}:root[data-mode=claude]{--bg:#19130e;--bg2:#211912;--card:#241b14;--line:#3b2d21;--fg:#f3e8da;--muted:#b09a85;--accent:#f08a47;--accentInk:#1a0f07;color-scheme:dark}:root[data-tone=light]{--bg:#fff;--bg2:#f6f6f6;--card:#fff;--line:#e4e4e4;--fg:#111;--muted:#707070;--accent:#111;--accentInk:#fff;color-scheme:light}:root[data-mode=claude][data-tone=light]{--bg:#fbf5ec;--bg2:#f4e8d7;--card:#fffdf8;--line:#e7d3ba;--fg:#2a1c11;--muted:#7b6552;--accent:#e8732c;--accentInk:#fff} .rstate{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;white-space:nowrap;border:1px solid var(--line);color:var(--muted)}.rstate.wait{color:#d99a2b;border-color:rgba(217,154,43,.45);background:rgba(217,154,43,.08)}.rstate.ok{color:#3fbf7f;border-color:rgba(63,191,127,.45);background:rgba(63,191,127,.08)}.rstate.bad{color:#e0645a;border-color:rgba(224,100,90,.45);background:rgba(224,100,90,.08)} *{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.65 var(--sans);transition:.25s}a{color:inherit;text-decoration:none}.wrap{width:min(900px,calc(100% - 36px));margin:auto}.top{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:baseline;gap:12px}.brand b{font:600 22px var(--mono)}.brand b span{color:var(--accent)}.brand small{color:var(--muted);font-size:12px}.nav{display:flex;align-items:center;gap:8px}.nav a,.nav button{padding:8px 13px;border-radius:8px;color:var(--muted);border:1px solid transparent;background:none;font:inherit;cursor:pointer}.nav a:hover,.nav a.active,.nav button:hover{color:var(--fg);border-color:var(--line);background:var(--bg2)}.nav a.active{color:var(--accent);border-color:var(--accent)}main{padding-bottom:52px}.hero{padding:54px 0 24px}.eyebrow{font:12px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}h1{font-size:clamp(30px,5vw,46px);line-height:1.2;margin:10px 0}.lead{color:var(--muted);margin:0;max-width:680px}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px}.card h2{font-size:18px;margin:0 0 8px}.card p{color:var(--muted);font-size:13px;margin:0;line-height:1.8}.codebox{margin:20px 0 13px;border:1px dashed var(--line);border-radius:10px;padding:15px}.muted{font-size:12px;color:var(--muted)}.code{font:600 23px var(--mono);margin:3px 0 12px}.url{font:12px var(--mono);color:var(--muted);word-break:break-all}.btn{display:inline-flex;justify-content:center;align-items:center;padding:11px 15px;border-radius:8px;border:1px solid var(--line);background:var(--accent);color:var(--accentInk);font:600 13px var(--sans);cursor:pointer;width:100%;margin-top:12px}.notice{margin-top:18px;padding:13px 15px;border:1px solid var(--line);background:var(--bg2);border-radius:9px;color:var(--muted);font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}.step{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:17px}.num{font:12px var(--mono);color:var(--accent)}.step b{display:block;margin:6px 0 2px;font-size:14px}.step span:last-child{font-size:12px;color:var(--muted)}.foot{border-top:1px solid var(--line);padding:20px 0 34px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}@media(max-width:650px){.top{height:auto;padding:15px 0;align-items:flex-start}.brand small{display:none}.nav{gap:2px;flex-wrap:wrap;justify-content:flex-end}.nav a,.nav button{padding:6px 8px;font-size:12px}.grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.hero{padding-top:36px}} /* Use the same whole-page theme fade on the home, recharge and referral pages. */ ::view-transition-old(root){animation:theme-fade-out .22s ease-in both} ::view-transition-new(root){animation:theme-fade-in .34s cubic-bezier(.2,.75,.25,1) both} @keyframes theme-fade-out{to{opacity:0}} @keyframes theme-fade-in{from{opacity:0}} :root.theme-changing,:root.theme-changing *,:root.theme-changing *::before,:root.theme-changing *::after{transition:none!important} :root.theme-fallback,:root.theme-fallback *,:root.theme-fallback *::before,:root.theme-fallback *::after{transition-property:background-color,color,border-color,box-shadow,fill,stroke!important;transition-duration:.34s!important;transition-timing-function:cubic-bezier(.2,.75,.25,1)!important} @media(prefers-reduced-motion:reduce){ *,*::before,*::after{transition:none!important} ::view-transition-old(root),::view-transition-new(root){animation-duration:.01ms!important} } [hidden]{display:none!important}.btn:disabled{opacity:.45;cursor:default}.reward-rule{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:12px}.reward-rule strong{color:var(--accent);font:600 25px var(--mono)}.reward-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.reward-stats .card{padding:18px}.reward-stats strong{font:600 28px/1.8 var(--mono)}.reward-table{overflow:auto;margin-top:18px}.reward-table table{width:100%;min-width:610px;border-collapse:collapse;font-size:12px}.reward-table th,.reward-table td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line)}.reward-table th{color:var(--muted);font-weight:400}.reward-pager{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.reward-pager button{color:var(--fg);background:var(--bg2);border:1px solid var(--line);border-radius:7px;padding:7px 12px;cursor:pointer}.reward-pager button:disabled{opacity:.4;cursor:default}#inviteStatus{margin-top:12px}@media(max-width:500px){.reward-stats{grid-template-columns:1fr}.reward-stats .card{padding:13px 18px}} </style></head><body><div class="wrap"><header class="top"><a class="brand" href="xbtry_17.html#claude"><b>XB<span>Try</span></b><small>邀请返�?/small></a><nav class="nav"><a href="xbtry_17.html#claude">首页</a><a href="recharge.html">充值入�?/a><a class="active" href="referral.html">邀请返�?/a><button id="tone">深浅�?/button></nav></header> <main><section class="hero"><div class="eyebrow">XBTry / Referral</div><h1>邀请好友，充值返�?/h1><p class="lead">好友注册时绑定你的邀请码，充�?¥50 及以上你�?¥5，好友再�?¥1。每位被邀请人只返一次�?/p></section> <div class="grid"><section class="card"><h2>你的专属邀请码</h2><p id="accountName">登录后查看你的固定邀请码和分享链接�?/p><div class="codebox"><div class="muted">专属邀请码</div><div class="code" id="inviteCode">登录后显�?/div><div class="muted">邀请注册链�?/div><div class="url" id="url">�?/div></div><button class="btn" id="copy" disabled>复制邀请链�?/button><a class="btn" id="loginLink" href="xbtry_with_recharge_referral.html?register=1">登录 / 注册</a><p id="inviteStatus" class="muted" role="status"></p></section> <section class="card"><h2>充值返利规�?/h2><div class="reward-rule"><b>被邀请好友充�?¥50 及以�?/b><strong>你返 ¥5.00</strong></div><div class="reward-rule"><b>被邀请好�?/b><strong>�?¥1.00</strong></div><p>同一被邀请账户仅参与一次，后续充值不再返利。充值未�?¥50 不返利，且不会获得后续补返资格�?/p><div class="notice">注册时绑定邀请关系，之后不能换绑。返利在<b>好友充值到账后</b>自动转入双方余额；处理中的显示「待好友充值完成」。如好友充值之后退款，已到账的返利会从余额撤回，该好友不再产生返利�?/div></section></div> <section class="reward-stats" aria-label="邀请统�?><div class="card"><div class="muted">成功邀�?/div><strong id="invitedCount">�?/strong><div class="muted">位已注册好友</div></div><div class="card"><div class="muted">已返利首�?/div><strong id="creditedCount">�?/strong><div class="muted">每位好友限一�?/div></div><div class="card"><div class="muted">累计返利</div><strong id="rewardTotal">�?/strong><div class="muted" id="pendingReward">已到账余�?/div></div></section> <section class="card"><h2>返利记录</h2><p>好友首单付款后出现在这里，订单完成后返利自动转入你的账户余额，可直接用于全站下单。状态说明：<span class="rstate wait">待好友订单完�?/span> <span class="rstate ok">已到账余�?/span> <span class="rstate bad">已撤�?· 好友订单退�?/span></p><div class="reward-table"><table><thead><tr><th>被邀请账�?/th><th>首单商品</th><th>返利</th><th>状�?/th><th>时间</th></tr></thead><tbody id="rewardBody"><tr><td colspan="5">登录后查看返利明�?/td></tr></tbody></table></div><div class="reward-pager"><span id="countText" class="muted"></span><button id="prev" disabled>上一�?/button><span id="pageText" class="muted"></span><button id="next" disabled>下一�?/button></div></section> <div class="steps"><div class="step"><span class="num">01</span><b>分享专属链接</b><span>自动带上你的邀请码</span></div><div class="step"><span class="num">02</span><b>好友验证并注�?/b><span>注册时确认绑定邀请码</span></div><div class="step"><span class="num">03</span><b>订单完成，返利到�?/b><span>好友订单完成后自动转入余�?/span></div></div></main> <footer class="foot"><span>© 2026 XBTry · 邀请返�?/span><a href="account-orders.html">我的订单 �?/a></footer></div><script> (function(){var q=new URLSearchParams(location.search),saved='codex';try{saved=localStorage.getItem('xbtry-mode')==='claude'?'claude':'codex'}catch(e){}var mode=(q.get('mode')==='claude'||q.get('mode')==='codex')?q.get('mode'):saved,root=document.documentElement;root.dataset.mode=mode;try{root.dataset.tone=localStorage.getItem('xbtry-tone')==='light'?'light':'dark'}catch(e){root.dataset.tone='dark'} var themeTransition=null,themeFallbackTimer=null; function animateTheme(update){ var reduceMotion=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches; if(themeTransition) themeTransition.skipTransition(); if(themeFallbackTimer!==null){clearTimeout(themeFallbackTimer);themeFallbackTimer=null} root.classList.remove('theme-fallback'); if(reduceMotion){root.classList.remove('theme-changing');update();return} if(document.startViewTransition){ root.classList.add('theme-changing'); var transition; try{transition=document.startViewTransition(update)} catch(e){root.classList.remove('theme-changing');update();return} themeTransition=transition; function finish(){ if(themeTransition===transition){themeTransition=null;root.classList.remove('theme-changing')} } transition.finished.then(finish,finish); }else{ root.classList.remove('theme-changing'); root.classList.add('theme-fallback'); update(); themeFallbackTimer=setTimeout(function(){root.classList.remove('theme-fallback');themeFallbackTimer=null},380); } } document.getElementById('tone').onclick=function(){var n=root.dataset.tone==='dark'?'light':'dark';try{localStorage.setItem('xbtry-tone',n)}catch(e){}animateTheme(function(){root.dataset.tone=n})}})(); </script><script src="referral.js"></script><script src="site-text.js" defer></script></body></html>