:root{font-family:Inter,"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;color:#27213a;background:#f9f7ff;--purple:#7135eb;--pink:#f055b7;--ink:#211a35;--muted:#756e86}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;background:linear-gradient(135deg,#fbfaff,#f4efff 55%,#fff7fc)}button,input{font:inherit}.glow{position:fixed;border-radius:50%;filter:blur(10px);pointer-events:none;opacity:.45}.glow-one{width:480px;height:480px;background:#cdb8ff;left:-230px;top:-160px}.glow-two{width:430px;height:430px;background:#ffc7e8;right:-200px;bottom:-160px}main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 490px;gap:72px;align-items:center;max-width:1180px;margin:12px auto 0;padding:38px 28px 50px}.hero{position:relative;padding:20px 0}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.13em;color:#746c85}.eyebrow span{color:#fff;background:linear-gradient(90deg,var(--purple),var(--pink));padding:7px 10px;border-radius:8px;margin-right:8px}.hero h1{font-size:clamp(50px,5.5vw,76px);line-height:1.06;letter-spacing:-.05em;margin:30px 0 22px;color:var(--ink)}.hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--purple),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.hero>p{max-width:520px;color:var(--muted);font-size:17px;line-height:1.85}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px;max-width:560px}.benefits>div{display:flex;align-items:center;gap:9px;padding:13px 11px;border-radius:16px;background:#ffffff9c;border:1px solid #fff;box-shadow:0 10px 30px #57378f0a}.benefits b{font-size:12px;color:var(--purple)}.benefits strong,.benefits small{display:block}.benefits strong{font-size:13px}.benefits small{font-size:10px;color:#9991a8;margin-top:3px}.hero-logo-shell{position:relative;width:260px;height:170px;display:grid;place-items:center;margin:-25px 0 10px -18px;isolation:isolate}.hero-logo-shell:before{content:"";position:absolute;width:230px;height:130px;border-radius:50%;background:radial-gradient(ellipse,#ffffff 0,#f1eaffb8 52%,transparent 72%);filter:blur(4px);z-index:-2}.hero-logo{width:210px;height:210px;object-fit:contain;filter:drop-shadow(0 18px 20px #6639bc32);animation:logo-in .7s ease-out both}.logo-orbit{position:absolute;border-radius:50%;z-index:-1}.orbit-one{width:16px;height:16px;background:#35c9f4;left:14px;top:44px;box-shadow:0 0 24px #35c9f4}.orbit-two{width:11px;height:11px;background:#f05bd0;right:5px;bottom:30px;box-shadow:0 0 20px #f05bd0}@keyframes logo-in{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}.checkout{position:relative;background:#ffffffdf;backdrop-filter:blur(20px);padding:28px 30px 24px;border-radius:30px;border:1px solid #fff;box-shadow:0 30px 80px #5133941f,0 3px 12px #5133940c}.checkout-head{display:flex;align-items:center;justify-content:space-between}.checkout-head img{filter:drop-shadow(0 10px 15px #f6aa3155)}.kicker{font-size:9px;font-weight:900;letter-spacing:.22em;color:var(--purple)}h2{margin:4px 0 0;font-size:28px;letter-spacing:.04em}.steps{display:flex;align-items:center;margin:18px 0 22px;color:#aaa3b6;font-size:12px}.steps b{display:flex;align-items:center;gap:6px;white-space:nowrap}.steps i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#ece9f1;font-style:normal;font-size:11px}.steps b.active{color:var(--purple)}.steps b.active i{color:#fff;background:linear-gradient(135deg,#9d54f2,var(--purple));box-shadow:0 5px 12px #7135eb45}.steps>span{height:1px;flex:1;background:#e9e5ee;margin:0 10px}.field-group{margin-top:18px}.field-group>label,.plan-field legend{display:block;font-weight:800;font-size:13px;margin-bottom:8px}.row{display:flex;gap:9px}input{width:100%;height:47px;border:1px solid #e4dfeb;background:#fff;border-radius:13px;padding:0 14px;color:var(--ink);outline:none;transition:.2s}input::placeholder{color:#b3adbb}input:focus{border-color:#8d60ee;box-shadow:0 0 0 4px #7e4ee515}.row button{border:0;border-radius:13px;background:#eee8ff;color:#6931df;padding:0 17px;font-weight:850;cursor:pointer;white-space:nowrap}.row button:hover{background:#e3d8ff}.hint{display:block;margin:6px 2px 0;color:#a39bab;font-size:10px}.user{margin-top:8px;padding:10px 12px;border-radius:11px;background:#edfbf5;color:#19885b;font-size:12px;font-weight:800}.hidden{display:none}.plan-field{border:0;padding:0}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.plans button{position:relative;border:1px solid #e8e3ee;background:#fff;border-radius:15px;padding:12px 6px 10px;color:var(--ink);cursor:pointer;transition:.2s}.plans button:hover{transform:translateY(-2px);border-color:#b69af2}.plans button.selected{border:2px solid #8450eb;padding:11px 5px 9px;background:linear-gradient(145deg,#faf7ff,#f3edff);box-shadow:0 8px 20px #7540df1c}.plans strong,.plans small,.plans em{display:block}.plans strong{font-size:17px;margin-top:3px}.plans small{font-size:9px;color:#9b93a5}.plans em{font-style:normal;font-size:11px;font-weight:850;color:#6743b3;margin-top:7px}.coin-icon{color:#f6b32d;text-shadow:0 2px 3px #d88720;font-size:12px}.popular{position:absolute;right:5px;top:-8px;background:linear-gradient(90deg,#f25eb8,#9052ee);color:#fff;border-radius:8px;padding:3px 6px;font-size:8px;font-weight:900}.buyer{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.buyer label{margin:10px 0 7px}.buyer label:last-of-type,.buyer input:last-of-type{grid-column:1/-1}.pay{width:100%;height:52px;margin-top:22px;border:0;border-radius:15px;background:linear-gradient(100deg,#6a32e5,#9c4fed 60%,#e759b8);color:#fff;font-weight:850;font-size:15px;display:flex;align-items:center;justify-content:center;gap:14px;cursor:pointer;box-shadow:0 12px 24px #7539dc3b;transition:.2s}.pay:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 30px #7539dc4a}.pay b{font-size:19px}.pay:disabled{filter:grayscale(.2);opacity:.38;cursor:not-allowed;box-shadow:none}.status{text-align:center;min-height:18px;margin:10px 0 0;color:#d14376;font-size:12px;font-weight:800}.security{display:flex;justify-content:center;gap:18px;margin-top:8px;color:#736b7d;font-size:10px;font-weight:700}.security span:first-child{color:#278d69}.fine{text-align:center;font-size:9px;color:#aaa3b0;margin:10px 0 0}footer{text-align:center;padding:0 20px 24px;color:#aaa3b6;font-size:10px;letter-spacing:.08em;position:relative;z-index:1}@media(max-width:930px){main{grid-template-columns:1fr;max-width:620px;gap:26px;padding-top:10px}.hero{text-align:center}.hero>p,.benefits{margin-left:auto;margin-right:auto}.hero-logo-shell{margin-left:auto;margin-right:auto}}@media(max-width:560px){main{padding:12px 14px 36px}.hero{padding:8px 4px}.hero-logo-shell{width:210px;height:135px;margin-top:-10px;margin-bottom:8px}.hero-logo{width:165px;height:165px}.hero h1{font-size:42px;margin:24px 0 15px}.hero>p{font-size:14px;line-height:1.7}.benefits{gap:6px;margin-top:22px}.benefits>div{display:block;padding:10px 5px}.benefits b{display:none}.checkout{padding:23px 18px;border-radius:24px}.checkout-head img{width:60px;height:60px}.plans{gap:5px}.plans strong{font-size:14px}.buyer{grid-template-columns:1fr}.buyer label,.buyer input{grid-column:1!important}.security{gap:10px}.eyebrow{font-size:10px}.eyebrow span{display:inline-block;margin-bottom:8px}}

/* Amount-first recharge plan cards */
.plan-help{font-size:10px;color:#91899d;margin:-3px 0 11px}.plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.plans button{min-height:142px;padding:12px 7px 10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border:1px solid #e6dfed;overflow:hidden}.plans button:hover{transform:translateY(-2px);box-shadow:0 9px 22px #6c3bd315}.plans button.selected{padding:11px 6px 9px;border:2px solid #7c43e6;background:linear-gradient(145deg,#fff,#f5efff);box-shadow:0 9px 24px #7041d42b}.plans strong{font-size:clamp(16px,2vw,20px);letter-spacing:-.03em;margin:18px 0 5px;white-space:nowrap}.plans small{font-size:9px;color:#655d70;line-height:1.4}.plans em{font-size:9px;color:#968da1;margin-top:5px}.plan-label{position:absolute;left:7px;top:7px;border-radius:7px;padding:3px 6px;font-size:8px;font-weight:900;line-height:1}.plan-label.ghost{visibility:hidden}.plan-label.popular{right:auto;background:linear-gradient(90deg,#f25eb8,#9052ee);color:#fff}.plan-label.best{background:linear-gradient(90deg,#ffac32,#f3665c);color:#fff}.plan-label.custom{background:#e9e2f7;color:#6f43bd}.bonus{position:absolute;right:6px;top:7px;border-radius:7px;background:#fff2d4;color:#ba7200;padding:3px 5px;font-size:7px;font-weight:900}.selected-mark{position:absolute;right:7px;bottom:7px;opacity:0;transform:translateY(3px);font-style:normal;font-size:8px;font-weight:900;color:#6c34df;transition:.2s}.plans button.selected .selected-mark{opacity:1;transform:none}.plans button.selected:after{content:'✓';position:absolute;right:7px;top:7px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#7843e5;color:#fff;font-size:10px;box-shadow:0 4px 9px #6532cc48}.plans button.selected .bonus{display:none}.best-value:not(.selected){border-color:#f1ce82;background:linear-gradient(145deg,#fffdf8,#fff8e8)}.custom-amount{margin-top:10px;padding:12px;border-radius:13px;background:#f6f2fb}.custom-amount>label{display:block;font-size:10px;font-weight:800;margin-bottom:7px}.custom-input{display:flex;align-items:center;height:42px;border:1px solid #ddd5e7;border-radius:11px;background:#fff}.custom-input span{padding-left:11px;font-size:11px;font-weight:850;color:#685e75}.custom-input input{height:40px;border:0;box-shadow:none!important;padding-left:7px}.custom-amount p{margin:7px 2px 0;font-size:9px;color:#8d8298}.custom-amount strong{color:#7038df}.pay{position:sticky;bottom:12px;z-index:4;border:2px solid #ffffffb8}.pay:before{content:'';position:absolute;inset:-9px -3px;z-index:-1;background:linear-gradient(180deg,#ffffff00,#fff 35%);border-radius:18px;pointer-events:none}@media(max-width:560px){.plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.plans button{min-height:132px;padding-left:3px;padding-right:3px}.plans button.selected{padding-left:2px;padding-right:2px}.plans strong{font-size:14px}.plans small,.plans em{font-size:8px}.plan-label{left:4px;top:5px;padding:3px 4px}.bonus{right:4px;top:5px;font-size:6px}.plans button.selected:after{right:4px;top:4px}}

/* Direct amount recharge */
.direct-amount-field{padding:0;border:0}.direct-amount-field .plan-help{margin-bottom:12px}.direct-amount-label>span{display:block;font-size:11px;font-weight:800;color:#6f677b;margin-bottom:7px}.direct-amount-input{height:58px;display:flex;align-items:center;border:2px solid #e1d9eb;border-radius:15px;background:#fff;transition:.2s}.direct-amount-input:focus-within{border-color:#8049e8;box-shadow:0 0 0 5px #7b43df14}.direct-amount-input b{padding-left:16px;color:#6c39d2;font-size:16px}.direct-amount-input input{height:54px;border:0;box-shadow:none!important;font-size:23px;font-weight:900;letter-spacing:.01em;padding-left:9px}.coin-preview{display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:11px;padding:14px 15px;border-radius:14px;background:linear-gradient(135deg,#f5f0ff,#fff6fc);border:1px solid #e9ddfa}.coin-preview span{font-size:10px;color:#82778f}.coin-preview strong{font-size:19px;color:#8d80a0;transition:.2s}.coin-preview small{grid-column:1/-1;font-size:9px;color:#9b91a6;margin-top:4px}.coin-preview.ready strong{color:#7038df}.amount-hint{margin:8px 3px 0;color:#83778f;font-size:10px;font-weight:700}.pay{position:sticky;bottom:12px;z-index:4}@media(max-width:560px){.direct-amount-input{height:55px}.direct-amount-input input{height:51px;font-size:21px}.coin-preview strong{font-size:17px}}

/* Payment CTA visibility fix: keep text readable even before form completion */
.pay{position:relative!important;bottom:auto!important;isolation:isolate;overflow:hidden;color:#fff!important;opacity:1!important}.pay:before{display:none!important;content:none!important}.pay:disabled{opacity:1!important;filter:none!important;background:linear-gradient(100deg,#8d6bdd,#af7ee7)!important;color:#fff!important;box-shadow:0 8px 22px #7654bd38!important;cursor:not-allowed}.pay:disabled span,.pay:disabled b{color:#fff!important;opacity:1!important}.pay:not(:disabled){background:linear-gradient(100deg,#6a32e5,#9c4fed 60%,#e759b8)!important}

/* Required credit-card consent */
.consent-section{margin-top:18px}.consent-details{border:1px solid #e7dff0;border-radius:13px;background:#faf8fd;overflow:hidden}.consent-details summary{padding:11px 13px;color:#6c3ad0;font-size:11px;font-weight:850;cursor:pointer;list-style:none}.consent-details summary:after{content:'＋';float:right}.consent-details[open] summary:after{content:'－'}.consent-document{max-height:240px;overflow:auto;padding:0 13px 12px;border-top:1px solid #ebe5f1;background:#fff}.consent-document h3{font-size:13px;margin:13px 0}.consent-document p{font-size:10px;line-height:1.7;color:#655d70;margin:8px 0}.consent-check{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:12px;border:1px solid #dfd4ee;border-radius:13px;background:#fff;cursor:pointer}.consent-check input{width:19px;height:19px;flex:none;margin:1px 0 0;accent-color:#7135eb}.consent-check span{font-size:10px;line-height:1.65;color:#554d60;font-weight:650}.consent-check:has(input:checked){border-color:#8955e9;background:#f7f2ff;box-shadow:0 0 0 3px #7a46dd12}.consent-check:has(input:checked) span{color:#4f2f8d}@media(max-width:560px){.consent-document{max-height:200px}.consent-check{padding:10px}.consent-check span{font-size:9px}}

.status-page main{grid-template-columns:1fr;max-width:640px}

/* Player-friendly payment result */
.status-page{min-height:100vh;overflow-x:hidden;background:linear-gradient(145deg,#f8f5ff 0%,#f1eaff 55%,#fff5fb 100%)}.status-page main{display:grid;place-items:center;min-height:100vh;max-width:none;margin:0;padding:24px}.status-glow{position:fixed;border-radius:50%;filter:blur(30px);opacity:.42}.status-glow-a{width:360px;height:360px;background:#cdb8ff;left:-150px;top:-130px}.status-glow-b{width:330px;height:330px;background:#ffc0e3;right:-130px;bottom:-130px}.result-card{position:relative;width:min(100%,520px);padding:32px 30px 28px;text-align:center;background:#fffffff0;border:1px solid #fff;border-radius:30px;box-shadow:0 28px 80px #59389a25}.result-brand{display:flex;align-items:center;justify-content:center;gap:10px;color:#7b55ce;font-size:10px;font-weight:900;letter-spacing:.16em}.result-brand img{width:58px;height:58px;object-fit:contain}.result-icon{display:grid;place-items:center;width:82px;height:82px;margin:22px auto 15px;border-radius:50%;font-size:34px;font-weight:900}.result-icon.waiting{color:#7541e5;background:#eee7ff}.result-icon.success{color:#fff;background:linear-gradient(135deg,#24be82,#48d9a7);box-shadow:0 15px 30px #2bc28a40}.result-icon.review{color:#fff;background:linear-gradient(135deg,#7a43ec,#e75bb7);box-shadow:0 15px 30px #8f48d93b}.result-icon.failed{color:#fff;background:linear-gradient(135deg,#ef5c77,#dd3f64)}.result-kicker{margin:0;color:#927fbc;font-size:11px;font-weight:900;letter-spacing:.16em}.result-card h1{margin:8px 0 10px;font-size:clamp(30px,7vw,42px);letter-spacing:-.04em}.result-card>p#detail{margin:0 auto;max-width:400px;color:#746c83;line-height:1.7}.result-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0 18px}.result-summary>div{padding:14px 6px;border-radius:15px;background:#f8f5ff}.result-summary small,.result-summary strong{display:block}.result-summary small{color:#9b93a5;font-size:10px}.result-summary strong{margin-top:5px;font-size:14px;color:#312742}.result-steps{display:flex;align-items:center;justify-content:center;color:#a49cad;font-size:11px;font-weight:800}.result-steps span.active{color:#28a574}.result-steps i{width:46px;height:1px;margin:0 10px;background:#ded7e7}.result-notice{margin:18px 0;padding:12px 14px;border-radius:13px;background:#fff6df;color:#8a6518;font-size:11px;line-height:1.6}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.result-actions a{display:grid;place-items:center;min-height:48px;border-radius:14px;text-decoration:none;font-weight:850;font-size:13px}.primary-action{color:#fff;background:linear-gradient(100deg,#6a32e5,#a44fed 60%,#e759b8);box-shadow:0 10px 24px #7539dc32}.support-action{color:#6934d9;background:#eee8ff}.support-copy{margin:16px 0 0!important;color:#8e8699!important;font-size:10px!important}@media(max-width:520px){.result-card{padding:26px 18px 22px;border-radius:24px}.result-summary{grid-template-columns:1fr}.result-summary>div{display:flex;justify-content:space-between;align-items:center;padding:11px 13px}.result-summary strong{margin:0}.result-actions{grid-template-columns:1fr}.result-icon{width:72px;height:72px}}

/* Searchable information pages */
.seo-links{grid-column:1/-1;margin-top:22px;padding:24px;border-radius:22px;background:#ffffffa8;border:1px solid #fff;text-align:center}.seo-links h2{font-size:22px}.seo-links p{color:#756e86}.seo-links nav,.content-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.seo-links a,.content-nav a{padding:9px 13px;border-radius:12px;background:#eee8ff;color:#6934d9;text-decoration:none;font-size:12px;font-weight:800}.content-page main{display:grid;grid-template-columns:1fr;place-items:center;max-width:900px;min-height:100vh;margin:auto;padding:28px 16px}.content-card{width:100%;padding:36px;background:#fffffff0;border:1px solid #fff;border-radius:28px;box-shadow:0 24px 70px #59389a1c}.content-card h1{font-size:clamp(30px,6vw,46px);letter-spacing:-.04em}.content-card h2{margin-top:28px;font-size:22px}.content-card p,.content-card li{color:#625a70;line-height:1.85}.back-home{color:#7135eb;text-decoration:none;font-weight:800}.content-nav{margin-top:30px;padding-top:22px;border-top:1px solid #e9e3ef}.content-cta{display:grid;place-items:center;min-height:52px;margin-top:18px;border-radius:14px;color:#fff;text-decoration:none;font-weight:900;background:linear-gradient(100deg,#6a32e5,#a44fed 60%,#e759b8)}
