.card-spotlight{position:relative;overflow:hidden;--mouse-x:50%;--mouse-y:50%;--spotlight-color:oklch(.88 .04 210 / .14)}.card-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 75%);opacity:0;transition:opacity .2s;pointer-events:none}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.7}@media(prefers-reduced-motion:reduce){.card-spotlight:before{display:none}}:root{color-scheme:dark;--bg:oklch(.1 0 0);--surface:oklch(.19 .005 230);--ink:oklch(.95 .008 230);--muted:oklch(.75 .015 230);--line:oklch(.35 .012 230);--primary:oklch(.55 .105 230);--ice:oklch(.88 .04 210);--button-ink:oklch(.18 .025 230);--error:oklch(.79 .12 30);font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,sans-serif;font-size:15px;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.47}button:not(:disabled),a{transition:color .18s,background .18s,border-color .18s,transform .18s}button:not(:disabled):active{transform:translateY(1px)}:focus-visible{outline:2px solid var(--ice);outline-offset:4px}svg{width:20px;height:20px;flex:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance;letter-spacing:-.025em}p{line-height:1.85;text-wrap:pretty}h2{font-size:1.75rem;font-weight:500;margin-bottom:14px}h3{font-weight:500}small{display:block}.header{max-width:1264px;margin:0 auto;padding:32px 44px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;font-weight:600;font-size:1.12rem;letter-spacing:.08em}.brand small{font:8px/1.8 ui-monospace,monospace;color:var(--muted);letter-spacing:.2em}.brand-mark{font-family:Georgia,serif;font-size:41px;line-height:1;font-weight:400;letter-spacing:-.1em;color:var(--ice)}.brand-mark span{font-size:21px;color:var(--primary)}nav{display:flex;align-items:center;gap:28px;font-size:.85rem;color:var(--muted)}nav a:hover,footer a:hover{color:var(--ink)}.theme-btn{border:1px solid var(--line);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;background:transparent;color:var(--muted)}.theme-btn:hover{background:var(--surface)}.recharge-layout{max-width:1100px;margin:72px auto 96px;padding:0 28px;display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:start}.eyebrow{font:9px/1.5 ui-monospace,monospace;letter-spacing:.18em;color:var(--muted);display:flex;align-items:center;gap:9px}.tiny-line{width:24px;height:1px;background:var(--muted)}.identity-column>.eyebrow{margin-bottom:25px}.membership{min-height:292px;padding:26px 27px;border-radius:17px;color:#e3edf2;border:1px solid oklch(.56 .047 230);background:linear-gradient(120deg,#1c343f,#0d1a20 57%,#023345);box-shadow:inset 0 0 0 4px #49626e2b,0 20px 70px #127ca31a;isolation:isolate}.membership:after{content:"";position:absolute;inset:8px;border:1px solid oklch(.75 .04 230 / .17);border-radius:10px;pointer-events:none}.membership-top{display:flex;justify-content:space-between;align-items:center}.card-wordmark{font:26px Georgia,serif;letter-spacing:-.05em}.card-wordmark span{font:10px sans-serif;margin-left:3px}.membership-top>span:last-child{font:7px/1.8 ui-monospace,monospace;text-align:right;letter-spacing:.13em;color:#abbec8}.card-art{position:absolute;right:-9px;top:74px;width:160px;opacity:.42;z-index:-1}.card-art svg{width:100%;height:auto;fill:none;stroke:#a4d7ec;stroke-width:.65}.membership-plan{margin:33px 0 24px}.membership-plan>span{font:7px ui-monospace,monospace;letter-spacing:.22em;color:#a2b4be}.membership h2{font-family:Georgia,Songti SC,SimSun,serif;font-size:1.53rem;font-weight:400;margin:10px 0 7px;max-width:85%}.membership-plan p{font-size:.64rem;letter-spacing:.07em;color:#abbec8;margin:0}.card-code{font:14px ui-monospace,monospace;letter-spacing:.13em;color:#aec5d1;margin-bottom:24px;white-space:nowrap}.membership-bottom{border-top:1px solid oklch(.68 .03 230 / .24);padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:8px}.membership-bottom>div{display:grid;gap:5px}.membership-bottom>div>span{font:6px ui-monospace,monospace;letter-spacing:.2em}.membership-bottom strong{font:7px ui-monospace,monospace;letter-spacing:.09em;font-weight:400}.membership-bottom .status{font-size:9px;background:none;padding:0}.card-caption{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted);margin-top:17px}.card-caption svg{width:13px;height:13px}.card-caption>span:last-child{margin-left:auto;font:8px ui-monospace,monospace}.intro{margin-top:45px}.intro h1{font-size:2.8rem;font-weight:400;line-height:1.35;letter-spacing:-.02em;margin-bottom:20px}.intro h1 span{color:var(--ice)}.intro p{color:var(--muted);font-size:.88rem;margin-bottom:0}.flow-column{padding-top:0}.flow-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:28px}.small-label{font-size:9px;color:var(--muted);white-space:nowrap}.stepper{list-style:none;display:flex;justify-content:space-between;margin:0;padding:0 0 24px;border-bottom:1px solid var(--line);gap:9px}.stepper li{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem}.stepper li>span{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;height:26px;width:26px;font:8px ui-monospace,monospace}.stepper .active{color:var(--ink)}.stepper .active>span{border-color:var(--ice);color:var(--ice)}.stepper .complete>span{background:var(--ice);border-color:var(--ice);color:var(--button-ink)}.stepper svg{width:13px;height:13px}.flow-content{padding:44px 0 35px;min-height:414px}.section-kicker{font:8px ui-monospace,monospace;letter-spacing:.19em;color:var(--muted);margin-bottom:15px}.flow-content>h2{font-size:1.85rem;letter-spacing:-.035em}.muted{color:var(--muted);font-size:.85rem;line-height:1.8}.flow-content>p.muted{margin-bottom:31px}label{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:.8rem;margin:20px 0 11px;color:var(--ink)}label>span:not(.checkbox-line span){font-size:.69rem;color:var(--muted)}input,textarea,select{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;width:100%;padding:14px 15px;min-width:0;outline:none;line-height:1.45;transition:border-color .2s}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input:focus,textarea:focus,select:focus{border-color:var(--ice);box-shadow:0 0 0 2px #badfe61a}textarea{resize:vertical;font:.78rem/1.8 ui-monospace,monospace}input[type=checkbox]{appearance:auto;width:16px;height:16px;flex:none;accent-color:var(--primary);margin:2px 0;padding:0}.input-with-icon{position:relative}.input-with-icon>svg{position:absolute;left:15px;top:17px;color:var(--muted);width:16px;height:16px}.input-with-icon input{padding-left:44px;min-height:54px}.primary{border:1px solid transparent;background:var(--ice);color:var(--button-ink);min-height:50px;padding:13px 19px;border-radius:8px;width:100%;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.85rem;margin-top:18px}.primary:not(:disabled):hover{background:#d1f2f8}.secondary{border:1px solid var(--line);background:transparent;color:var(--ink);padding:12px 16px;border-radius:8px;display:inline-flex;align-items:center;gap:8px;font-size:.82rem}.secondary:not(:disabled):hover{background:var(--surface)}.micro-note{font-size:9px;color:var(--muted);display:flex;gap:6px;justify-content:center;align-items:center;margin-top:15px}.micro-note svg{width:12px;height:12px}.flow-bottom{padding-top:21px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);gap:10px}.flow-bottom button{background:none;border:0;padding:0;color:var(--ink);font-size:inherit}.text-button{border:0;background:none;color:var(--muted);font-size:.78rem;padding:15px 0;display:block}.text-button:hover{color:var(--ink)}.field-note{font-size:.7rem;color:var(--muted);line-height:1.9;margin:10px 0 17px}.checkbox-line{align-items:flex-start;justify-content:flex-start;line-height:1.8;margin:20px 0;gap:10px}.checkbox-line span{font-size:.73rem;color:var(--muted)}.checkbox-line b{color:var(--ink);font-weight:400}.review-list{margin:20px 0}.review-list>div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line);font-size:.8rem}.review-list dt{color:var(--muted);flex-shrink:0}.review-list dd{margin:0;text-align:right;word-break:break-word}.notice,.error-message,.success-message{font-size:.8rem;padding:13px 15px;border-left:2px solid var(--ice);background:var(--surface);line-height:1.85;margin:16px 0}.error-message{border-color:var(--error);color:var(--error)}.success-message{border-color:#75cca7}.status{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;white-space:nowrap;padding:4px 8px;border-radius:4px;color:var(--muted);background:var(--surface)}.status i{height:4px;width:4px;background:currentColor;border-radius:50%;flex:none}.status-success,.status-ready{color:#7fd6b1}.status-processing,.status-pending{color:var(--ice)}.status-failed,.status-unknown,.status-needs_reload{color:var(--error)}.result-symbol{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ice);margin-bottom:22px}.result-symbol svg{width:22px;height:22px}.progress-track{height:3px;border-radius:5px;background:var(--line);margin:24px 0;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--ice);transition:width .3s}.order-id{font-size:.7rem;line-height:2;color:var(--muted);word-break:break-all}.order-id code{display:block}.guide{display:none;max-width:1100px;padding:48px 28px 30px;margin:0 auto;border-top:1px solid var(--line)}.guide.open{display:block}.guide h2{margin:16px 0 36px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.guide article>span{font:11px ui-monospace,monospace;color:var(--ice)}.guide h3{font-size:1rem;margin:18px 0 12px}.guide p{font-size:.82rem;color:var(--muted)}footer{border-top:1px solid var(--line);max-width:1176px;margin:0 auto;padding:25px 16px 30px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--muted);font-size:.64rem;line-height:1.8}.admin-login{max-width:450px;margin:90px auto 160px;padding:0 24px}.admin-login h1{font-size:2rem;font-weight:500;margin:20px 0}.admin-shell{max-width:1176px;margin:45px auto 100px;padding:0 28px}.admin-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-title h1{font-size:2rem;font-weight:500;margin:13px 0 25px}.actions{display:flex;align-items:center;gap:22px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:17px 0 32px}.stats>div{padding:25px 0}.stats span{font-size:.8rem;color:var(--muted)}.stats strong{display:block;font-size:2rem;font-weight:400;margin-top:10px}.admin-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:35px}.admin-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:0 3px 15px;font-size:.85rem}.admin-tabs [aria-selected=true]{color:var(--ink);border-color:var(--ice)}.admin-shell h2{font-size:1.25rem}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.table-wrap{overflow:auto;max-width:100%;margin:23px 0}table{border-collapse:collapse;width:100%;text-align:left;font-size:.77rem}th{font-size:.69rem;color:var(--muted);font-weight:400;background:var(--surface);padding:13px 14px}td{padding:16px 14px;border-bottom:1px solid var(--line);vertical-align:top;min-width:90px}td small{font-size:.65rem;color:var(--muted);line-height:1.8;margin-top:6px;max-width:260px}code{font-family:ui-monospace,monospace;font-size:.75rem}.empty{padding:45px 24px;text-align:center;color:var(--muted);font-size:.82rem;line-height:1.8}.empty svg{width:30px;height:30px;margin-bottom:17px}.empty h3{color:var(--ink);font-size:1rem}.form-three{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.section-divider{border-top:1px solid var(--line);padding-top:32px;margin-top:42px}[data-theme=light]{color-scheme:light;--bg:oklch(1 0 0);--surface:oklch(.97 .004 230);--ink:oklch(.22 .025 230);--muted:oklch(.45 .025 230);--line:oklch(.84 .015 230);--ice:oklch(.45 .095 230);--button-ink:oklch(.99 0 0);--error:oklch(.46 .15 25)}[data-theme=light] .primary:hover{background:oklch(.38 .1 230)}[data-theme=light] .status-ready,[data-theme=light] .status-success{color:oklch(.4 .09 165)}[data-theme=light] .membership .status{color:#add6de}@media(min-width:1400px){.recharge-layout{margin-top:88px;margin-bottom:110px;gap:105px}}@media(max-width:850px){.recharge-layout{gap:45px;margin-top:40px}.header{padding:25px 28px}.membership{padding:24px 22px}.membership h2{font-size:1.3rem}.intro h1{font-size:2.45rem}.flow-heading>.small-label{display:none}.admin-grid{gap:30px}.flow-content>h2{font-size:1.55rem}}@media(max-width:650px){.header{padding:23px 22px}.brand{font-size:1rem;gap:10px}.brand small{font-size:7px}.brand-mark{font-size:35px}nav{gap:16px;font-size:.78rem}.guide-link{display:none}.recharge-layout{grid-template-columns:1fr;gap:44px;padding:0 25px;margin:27px auto 65px;max-width:490px}.identity-column>.eyebrow{font-size:8px;margin-bottom:19px}.membership{min-height:270px;padding:24px}.membership-plan{margin:29px 0 21px}.membership h2{font-size:1.55rem}.intro{margin-top:31px}.intro h1{font-size:2.35rem}.intro p{font-size:.82rem}.flow-heading{margin-bottom:20px}.flow-heading>.small-label{display:block}.flow-content{padding-top:33px;min-height:345px}.flow-content>h2{font-size:1.7rem}.guide-grid,.admin-grid{grid-template-columns:1fr;gap:27px}.guide{padding:35px 25px}.guide h2{font-size:1.4rem}.guide h3{margin-top:10px}.guide p{margin-bottom:0}footer{padding:23px;display:grid;grid-template-columns:1fr auto;gap:8px;font-size:.64rem}footer>span:nth-child(2){grid-row:2;grid-column:1/-1}.admin-login{margin:65px auto 110px}.admin-shell{padding:0 22px;margin-top:32px}.admin-title h1{font-size:1.65rem}.stats strong{font-size:1.7rem}.stats>div{padding:22px 0}.stats span{font-size:.7rem}.actions{gap:13px}.actions .secondary{font-size:0;padding:10px}.admin-tabs{gap:25px}.admin-grid{gap:38px}.small-label{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
