:root{--ink:#29344b;--muted:#8a96aa;--line:#dce5f0;--canvas:#edf6ff;--purple:#675cda;--purple-dark:#6650c9;--blue:#2f64df;--blue-dark:#2855c5;--danger:#d75667;--shadow:0 26px 80px rgba(68,97,144,.16)}
*{box-sizing:border-box}html{min-width:320px;background:var(--canvas)}body{margin:0;min-height:100vh;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 18% 10%,#fff 0 10%,transparent 33%),linear-gradient(180deg,#f3f9ff 0%,#e8f3ff 100%)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid rgba(47,100,223,.25);outline-offset:3px}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.recharge-shell{width:min(100%,1050px);margin:0 auto;padding:7vh 18px 30px}.recharge-card{overflow:hidden;border-radius:26px;background:#fafdff;box-shadow:var(--shadow)}.hero-panel{position:relative;min-height:420px;padding:52px 24px 44px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:linear-gradient(135deg,#6877e8 0%,#7259d0 100%)}.window-controls{position:absolute;top:28px;left:30px;display:flex;gap:10px}.window-controls span{width:17px;height:17px;border-radius:50%;background:#f85b63;box-shadow:0 0 0 4px rgba(255,255,255,.05)}.window-controls span:nth-child(2){background:#ffb51b}.window-controls span:nth-child(3){background:#20bd4a}.hero-brand{display:grid;place-items:center;width:132px;height:132px;margin-bottom:18px}.hero-knot{display:grid;place-items:center;width:112px;height:112px;border:9px solid rgba(255,255,255,.94);border-radius:38% 62% 48% 52%;font-size:62px;font-weight:700;line-height:1;transform:rotate(30deg)}.hero-kicker{margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.15em;opacity:.78}.hero-panel h1{margin:0;font-size:clamp(34px,5.2vw,62px);font-weight:850;line-height:1.18;letter-spacing:0}.hero-panel p:last-child{margin:17px 0 0;font-size:clamp(16px,2.4vw,25px);font-weight:800;letter-spacing:.06em}.flow-content{padding:52px clamp(24px,7vw,78px) 58px}.stepper{display:grid;grid-template-columns:1fr 1.2fr 1fr 1.2fr 1fr;align-items:start;margin:0 auto 52px;padding:0;list-style:none}.step{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.step>span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#e5ebf3;color:#6f7d91;font-size:25px;font-weight:850;box-shadow:0 5px 13px rgba(45,74,123,.04)}.step strong{color:#7d899d;font-size:16px;font-weight:850}.step small{color:#a2adbd;font-size:11px}.step.active>span,.step.done>span{background:linear-gradient(135deg,#7776df,#5e5bd0);color:#fff;box-shadow:0 12px 22px rgba(99,91,214,.2)}.step.active strong,.step.done strong{color:#526dd0}.step-line{height:5px;margin:31px 15px 0;border-radius:8px;background:#dbe2ec}.step-line.done{background:#8194e0}
.flow-stage{max-width:760px;margin:0 auto;padding:0}.stage-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.stage-icon{display:grid;place-items:center;width:25px;height:25px;color:#f5a416;font-size:25px;font-weight:900;line-height:1}.success-icon{color:#249a6c}.stage-kicker{margin:0 0 3px;color:#8e9aad;font-size:10px;font-weight:850;letter-spacing:.14em}.stage-heading h2{margin:0;color:#354158;font-size:20px;font-weight:850}.stage-heading em{color:#ef5264;font-style:normal}.large-input{width:100%;min-height:64px;padding:0 24px;border:1px solid #d6e3f1;border-radius:18px;background:#fff;color:#283752;font-size:18px;box-shadow:0 8px 20px rgba(84,112,153,.04)}.large-input::placeholder{color:#aab6c6}.large-input:focus{border-color:#84a5e9;box-shadow:0 0 0 5px rgba(47,100,223,.1)}.wide-primary{width:100%;min-height:64px;margin-top:25px;border:0;border-radius:18px;background:linear-gradient(135deg,#376bef,#2e59d8);color:#fff;font-size:20px;font-weight:850;box-shadow:0 14px 26px rgba(47,100,223,.22);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.wide-primary:hover{background:linear-gradient(135deg,#2f62e8,#284fc7);transform:translateY(-1px);box-shadow:0 18px 31px rgba(47,100,223,.26)}.wide-primary:disabled{opacity:.62;cursor:wait;transform:none;box-shadow:none}.wide-primary span{margin-left:5px;font-size:24px}.stage-note{margin:15px 0 0;color:#98a4b4;font-size:12px;line-height:1.65;text-align:center}.form-error{min-height:18px;margin:9px 0 0;color:var(--danger);font-size:12px;line-height:1.5}.config-summary{display:grid;gap:4px;margin:0 0 18px;padding:14px 17px;border:1px solid #d9e5f4;border-radius:14px;background:#f3f8ff}.config-summary span{color:#8997a9;font-size:11px}.config-summary strong{color:#315fbd;font-size:18px}.config-summary small{color:#8f9daf;font-size:12px}.token-input-wrap{display:flex;align-items:center;gap:9px;padding-right:13px;border-radius:18px;background:#fff}.token-input-wrap .large-input{border:0;box-shadow:none}.token-input-wrap:focus-within{box-shadow:0 0 0 5px rgba(47,100,223,.1)}.toggle-btn{padding:8px 0;border:0;background:transparent;color:#2f64df;font-size:14px;font-weight:850}.field-hint{margin:9px 0 0;color:#929eaf;font-size:12px}.field-hint code,.session-link{color:#526eaa}.session-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:12px;font-weight:800;text-decoration:none}.session-link:hover{text-decoration:underline}.session-link span{font-size:16px}.checkout-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}.checkout-summary div{padding:15px;border:1px solid #dce6f1;border-radius:13px;background:#fff}.checkout-summary span,.checkout-summary strong,.checkout-summary code{display:block}.checkout-summary span{color:#8a97a9;font-size:11px}.checkout-summary strong,.checkout-summary code{margin-top:8px;color:#315183;font-size:14px;font-weight:850;overflow-wrap:anywhere}.checkout-summary code{font:600 11px ui-monospace,SFMono-Regular,Consolas,monospace}.text-btn{display:block;margin:16px auto 0;border:0;background:transparent;color:#5270bb;font-size:13px;font-weight:800}.text-btn:hover{text-decoration:underline}.run-status{display:flex;align-items:center;justify-content:center;gap:8px;margin:35px 0 0;color:#9aa6b6;font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:#aeb9c8}.run-status[data-tone="busy"] .status-dot{background:#e5a22e;box-shadow:0 0 0 4px #fff2d9}.run-status[data-tone="success"] .status-dot{background:#29a474;box-shadow:0 0 0 4px #e5f7ee}.run-status[data-tone="error"] .status-dot{background:#d75667;box-shadow:0 0 0 4px #fff0f2}.page-footer{display:flex;justify-content:space-between;gap:20px;margin:17px auto 0;color:#91a0b2;font-size:11px}
.waiting-center{text-align:center}.processing-ring{position:relative;width:84px;height:84px;margin:0 auto 18px;border:6px solid #e3eaf5;border-top-color:#376bef;border-radius:50%;animation:recharge-spin 1.1s linear infinite;filter:drop-shadow(0 8px 14px rgba(55,107,239,.14))}.processing-ring span{position:absolute;inset:14px;border-radius:50%;background:#eef4ff}.waiting-center h2,.success-result h2{margin:4px 0 8px;color:#2d3b54;font-size:28px;letter-spacing:0}.waiting-estimate{margin:0;color:#315fbd;font-size:18px;font-weight:850}.waiting-copy{margin:9px 0 26px;color:#8996a9;font-size:13px}.waiting-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 24px;overflow:hidden;border:1px solid #dce6f1;border-radius:8px;background:#dce6f1}.waiting-meta div{padding:14px;background:#fff}.waiting-meta span,.waiting-meta strong,.waiting-meta code{display:block}.waiting-meta span{color:#8a97a9;font-size:11px}.waiting-meta strong,.waiting-meta code{margin-top:6px;color:#315183;font-size:13px;font-weight:850}.waiting-meta code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.recharge-progress{display:grid;gap:0;margin:0;padding:0;list-style:none}.recharge-progress li{position:relative;display:grid;grid-template-columns:38px 1fr;gap:13px;align-items:start;min-height:68px;color:#98a4b4}.recharge-progress li:not(:last-child)::after{content:"";position:absolute;top:34px;left:18px;width:2px;height:34px;background:#dce5ef}.recharge-progress>li>span{display:grid;place-items:center;width:38px;height:38px;border:2px solid #dce5ef;border-radius:50%;background:#fff;color:#8b98aa;font-size:13px;font-weight:850}.recharge-progress strong,.recharge-progress small{display:block}.recharge-progress strong{padding-top:2px;color:#657287;font-size:14px}.recharge-progress small{margin-top:4px;font-size:11px}.recharge-progress li.done>span{border-color:#30a779;background:#30a779;color:#fff}.recharge-progress li.done:not(:last-child)::after{background:#83cfb2}.recharge-progress li.active>span{border-color:#376bef;color:#376bef;box-shadow:0 0 0 5px #edf3ff;animation:recharge-pulse 1.8s ease-in-out infinite}.recharge-progress li.active strong{color:#315fbd}.status-updated{margin:5px 0 0;color:#98a4b4;font-size:11px;text-align:center}.centered-error{text-align:center}.secondary-action{display:block;min-width:150px;min-height:42px;margin:12px auto 0;padding:0 20px;border:1px solid #b9cae8;border-radius:8px;background:#fff;color:#315fbd;font-size:13px;font-weight:850}.secondary-action:hover{border-color:#6f95dc;background:#f4f8ff}.secondary-action:disabled{opacity:.6;cursor:wait}.success-result{text-align:center}.success-mark{display:grid;place-items:center;width:86px;height:86px;margin:0 auto 18px;border-radius:50%;background:#28a474;color:#fff;font-size:44px;font-weight:900;box-shadow:0 14px 30px rgba(40,164,116,.2)}.success-result>p:last-child{margin:0;color:#758399;font-size:14px}.success-summary{display:grid;gap:5px;margin:28px 0 0;padding:18px 20px;border-top:1px solid #dce6f1;border-bottom:1px solid #dce6f1;text-align:center}.success-summary span,.success-summary small{color:#8b98aa;font-size:11px}.success-summary strong{color:#315fbd;font-size:20px}@keyframes recharge-spin{to{transform:rotate(360deg)}}@keyframes recharge-pulse{0%,100%{box-shadow:0 0 0 5px #edf3ff}50%{box-shadow:0 0 0 9px rgba(237,243,255,.25)}}
@media(max-width:700px){.recharge-shell{padding:24px 12px}.hero-panel{min-height:350px;padding-top:56px}.window-controls{top:22px;left:22px}.hero-brand{transform:scale(.82);margin-bottom:2px}.flow-content{padding:36px 20px 40px}.stepper{margin-bottom:40px}.step>span{width:50px;height:50px;font-size:20px}.step strong{font-size:13px}.step small{font-size:10px}.step-line{height:4px;margin:24px 8px 0}.stage-heading h2{font-size:18px}.large-input{min-height:58px;padding:0 18px;border-radius:15px;font-size:16px}.wide-primary{min-height:58px;border-radius:15px;font-size:17px}.checkout-summary,.waiting-meta{grid-template-columns:1fr}.waiting-center h2,.success-result h2{font-size:24px}.page-footer{display:block;line-height:1.7;padding:0 6px}.page-footer span{display:block}.page-footer span+span{margin-top:3px}}
@media(max-width:420px){.hero-panel{min-height:310px}.hero-panel h1{font-size:32px}.hero-panel p:last-child{font-size:16px}.flow-content{padding:30px 16px}.stepper{grid-template-columns:1fr 1fr 1fr;gap:8px}.step-line{display:none}.step strong{font-size:12px}.step small{font-size:9px}.stage-heading{margin-bottom:12px}}