@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--pp-font-body:"IBM Plex Sans", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--pp-font-display:"Noto Serif SC", "IBM Plex Sans", "PingFang SC", serif;--pp-bg:#07070a;--pp-bg-soft:#0d0d12;--pp-surface:#121218;--pp-surface-raised:#1a1a22;--pp-surface-muted:#101827;--pp-text:#f1f5f9;--pp-text-strong:#fff;--pp-text-muted:#94a3b8;--pp-text-subtle:#64748b;--pp-border:#253044;--pp-border-soft:#ffffff12;--pp-primary:#7c3aed;--pp-primary-strong:#8b5cf6;--pp-primary-soft:#7c3aed24;--pp-accent:#22d3ee;--pp-accent-soft:#22d3ee1c;--pp-gold:#f59e0b;--pp-gold-soft:#f59e0b1c;--pp-success:#10b981;--pp-success-soft:#10b9811f;--pp-danger:#ef4444;--pp-danger-soft:#ef44441f;--pp-radius-xs:4px;--pp-radius-sm:6px;--pp-radius-md:8px;--pp-radius-lg:12px;--pp-radius-xl:16px;--pp-shadow-card:0 24px 70px #0000006b;--pp-shadow-soft:0 12px 32px #0000003d;--pp-transition:.22s ease}html[lang=ja]{--pp-font-body:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", system-ui, sans-serif;--pp-font-display:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", system-ui, sans-serif}html[lang=ko]{--pp-font-body:"Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif;--pp-font-display:"Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif}html[lang=zh-tw]{--pp-font-body:"PingFang TC", "Microsoft JhengHei", "Noto Sans TC", system-ui, sans-serif;--pp-font-display:"PingFang TC", "Microsoft JhengHei", "Noto Sans TC", system-ui, sans-serif}html[data-theme=light],:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--pp-bg:#f7f9fc;--pp-bg-soft:#eef3fa;--pp-surface:#fff;--pp-surface-raised:#fff;--pp-surface-muted:#f1f5f9;--pp-text:#0f172a;--pp-text-strong:#020617;--pp-text-muted:#475569;--pp-text-subtle:#64748b;--pp-border:#cbd5e1;--pp-border-soft:#0f172a17;--pp-primary:#6d28d9;--pp-primary-strong:#7c3aed;--pp-primary-soft:#6d28d91a;--pp-accent:#0e7490;--pp-accent-soft:#0e749014;--pp-gold:#d97706;--pp-gold-soft:#d9770617;--pp-success:#059669;--pp-success-soft:#05966917;--pp-danger:#dc2626;--pp-danger-soft:#dc262617;--pp-shadow-card:0 22px 60px #0f172a21;--pp-shadow-soft:0 12px 30px #0f172a1a}@media (prefers-color-scheme:light){:root:not([data-theme=dark]),html:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--pp-bg:#f7f9fc;--pp-bg-soft:#eef3fa;--pp-surface:#fff;--pp-surface-raised:#fff;--pp-surface-muted:#f1f5f9;--pp-text:#0f172a;--pp-text-strong:#020617;--pp-text-muted:#475569;--pp-text-subtle:#64748b;--pp-border:#cbd5e1;--pp-border-soft:#0f172a17;--pp-primary:#6d28d9;--pp-primary-strong:#7c3aed;--pp-primary-soft:#6d28d91a;--pp-accent:#0e7490;--pp-accent-soft:#0e749014;--pp-gold:#d97706;--pp-gold-soft:#d9770617;--pp-success:#059669;--pp-success-soft:#05966917;--pp-danger:#dc2626;--pp-danger-soft:#dc262617;--pp-shadow-card:0 22px 60px #0f172a21;--pp-shadow-soft:0 12px 30px #0f172a1a}}.pp-card{border:1px solid var(--pp-border-soft);border-radius:var(--pp-radius-lg);background:var(--pp-surface);box-shadow:var(--pp-shadow-soft)}.pp-button{border-radius:var(--pp-radius-md);min-height:44px;font:700 14px/1 var(--pp-font-body);cursor:pointer;transition:transform var(--pp-transition), border-color var(--pp-transition), background var(--pp-transition);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.pp-button:hover{transform:translateY(-1px)}.pp-button:focus-visible{outline:2px solid var(--pp-accent);outline-offset:2px}.pp-input,.pp-select{border:1px solid var(--pp-border);border-radius:var(--pp-radius-md);min-height:42px;color:var(--pp-text);background:var(--pp-surface);font:600 14px/1.2 var(--pp-font-body)}:root{--bg:var(--pp-bg);--panel:var(--pp-surface);--panel-raised:var(--pp-surface-raised);--surface:var(--pp-surface-muted);--ink:var(--pp-text);--muted:var(--pp-text-muted);--line:var(--pp-border);--line-soft:var(--pp-border-soft);--primary:var(--pp-primary);--primary-dark:var(--pp-primary-strong);--success:var(--pp-success);--success-bg:var(--pp-success-soft);--gold:var(--pp-gold);--gold-bg:var(--pp-gold-soft);--accent:var(--pp-accent)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px), radial-gradient(ellipse at 20% 0%, var(--pp-primary-soft), transparent 36%), radial-gradient(ellipse at 84% 16%, var(--pp-accent-soft), transparent 34%), var(--bg);font-family:var(--pp-font-body);background-size:52px 52px,52px 52px,auto,auto,auto;margin:0}a{color:inherit;text-decoration:none}.recharge-shell{width:min(1120px,100% - 40px);margin:0 auto;padding:26px 0 56px}.recharge-header{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:20px;min-height:64px;margin-bottom:56px;padding:0 0 14px;display:grid}.brand{color:var(--ink);align-items:center;gap:12px;font-size:20px;font-weight:900;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;filter:brightness(0)invert();width:44px;height:44px}html[data-theme=light] .brand img{filter:none}nav{justify-content:center;align-items:center;gap:8px;display:flex}nav a{border-radius:var(--pp-radius-md);color:var(--muted);transition:color var(--pp-transition), background var(--pp-transition);padding:8px 14px;font-weight:800;text-decoration:none}nav a:hover{color:var(--ink);background:var(--pp-primary-soft)}.header-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.language-select,.theme-button{border:1px solid var(--line);border-radius:var(--pp-radius-md);height:40px;color:var(--ink);background:var(--panel);font:inherit;font-size:13px;font-weight:800}.language-select{min-width:128px;padding:0 12px}.theme-button{cursor:pointer;width:42px}.language-select:focus-visible,.theme-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;gap:30px;margin-bottom:24px;display:grid}.eyebrow{color:var(--primary-dark);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:900}h1,h2,p{margin-top:0}h1{max-width:760px;font-family:var(--pp-font-display);letter-spacing:0;margin:12px 0 16px;font-size:clamp(40px,6vw,74px);line-height:.98}h2{margin-bottom:8px;font-size:24px;line-height:1.2}p{color:var(--muted);line-height:1.7}.hero>div:first-child>p{max-width:720px;font-size:17px}.usage-strip{border:1px solid var(--line);border-radius:var(--pp-radius-md);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;width:min(720px,100%);margin-top:26px;display:grid;overflow:hidden}.usage-strip div{background:linear-gradient(135deg, var(--pp-primary-soft), transparent 56%), var(--panel);align-content:center;gap:5px;min-height:98px;padding:16px;display:grid}.usage-strip span,.usage-strip em{color:var(--muted);text-transform:uppercase;font-size:12px;font-style:normal;font-weight:800}.usage-strip strong{color:var(--ink);font-size:30px;line-height:1}.balance-card,.panel,.cta-panel{border:1px solid var(--line-soft);border-radius:var(--pp-radius-md);background:color-mix(in srgb, var(--panel) 92%, transparent);box-shadow:var(--pp-shadow-soft)}.balance-card{align-content:center;padding:28px;display:grid;position:relative;overflow:hidden}.balance-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--accent), var(--success));height:4px;position:absolute;inset:0 0 auto}.balance-card span,.channel-grid span,.custom-amount span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:900}.balance-card strong{color:var(--success);margin:10px 0;font-size:36px;line-height:1.1}.panel{margin-bottom:20px;padding:26px}.panel-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.panel-title p{max-width:520px;margin-bottom:0}.amount-grid,.channel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.amount-grid button{border:1px solid var(--line);border-radius:var(--pp-radius-md);height:78px;color:var(--ink);background:linear-gradient(135deg, var(--pp-primary-soft), transparent 56%), var(--surface);cursor:pointer;transition:transform var(--pp-transition), border-color var(--pp-transition), background var(--pp-transition);font-size:24px;font-weight:900}.amount-grid button:hover,.amount-grid button.selected{color:#fff;border-color:var(--primary);background:linear-gradient(135deg, var(--primary), var(--primary-dark));transform:translateY(-2px)}.amount-grid button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.custom-amount{gap:8px;margin-top:16px;display:grid}.custom-amount input{border:1px solid var(--line);border-radius:var(--pp-radius-md);width:min(360px,100%);height:48px;color:var(--ink);background:var(--surface);font:inherit;padding:0 14px;font-weight:700}.custom-amount input:focus{outline:2px solid var(--accent);outline-offset:2px}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.channel-grid article{border:1px solid var(--line);border-radius:var(--pp-radius-md);background:var(--surface);align-content:start;min-height:158px;padding:20px;display:grid}.channel-grid strong{margin:10px 0 8px;font-size:20px;display:block}.stripe-pay-button{width:100%;margin-top:12px}.payment-status{color:var(--muted);margin-top:12px;font-size:13px;font-weight:800}.payment-status.ok{color:var(--success)}.payment-status.error{color:var(--pp-danger)}.cta-panel{background:linear-gradient(135deg, var(--gold-bg), transparent 55%), var(--panel);justify-content:space-between;align-items:center;gap:20px;padding:26px;display:flex}.cta-panel p{margin-bottom:0}.cta-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.button{border-radius:var(--pp-radius-md);min-height:46px;transition:transform var(--pp-transition), background var(--pp-transition), border-color var(--pp-transition);border:1px solid #0000;justify-content:center;align-items:center;padding:0 18px;font-weight:900;text-decoration:none;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button.primary{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-dark))}.button.secondary{color:var(--ink);border-color:var(--line);background:var(--surface)}.button.disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}@media (width<=800px){.recharge-shell{width:min(100% - 28px,1120px)}.recharge-header{grid-template-columns:1fr;justify-items:start;margin-bottom:34px}nav,.header-actions{justify-content:flex-start;width:100%}.panel-title,.cta-panel{flex-direction:column;align-items:flex-start}.hero,.usage-strip,.amount-grid,.channel-grid{grid-template-columns:1fr}.cta-actions,.button{width:100%}}