.sngmia-topup{--sng-sans:"Inter","Noto Sans TC",system-ui,-apple-system,sans-serif;--sng-mono:var(--sng-sans);--sng-ink:#0a0a0a;--sng-ink-2:#171717;--sng-ink-3:#525252;--sng-ink-4:#8a8a8a;--sng-ink-5:#bfbfbf;--sng-line:#ececec;--sng-line-2:#dcdcdc;--sng-bg:#ffffff;--sng-bg-2:#fafafa;--sng-bg-3:#f4f4f5;--sng-accent:var(--brand-accent);--sng-accent-soft:var(--brand-accent-soft);--sng-accent-deep:var(--brand-accent-deep);--sng-success:#2f7a52;--sng-success-soft:#e9f3ed;--sng-amber:#b97a1a;--sng-amber-soft:#fbf1dc;font-family:var(--sng-sans);font-size:14px;line-height:1.5;color:var(--sng-ink);-webkit-font-smoothing:antialiased}.sngmia-topup .sng-backdrop{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto;background:rgba(0,0,0,.5)}.sngmia-topup .sng-popup{background:white;border:1px solid var(--sng-line);border-radius:14px;box-shadow:0 8px 32px -8px rgba(0,0,0,.12);overflow:hidden;width:100%;max-width:520px;margin:auto 0;flex-shrink:0;position:relative}.sngmia-topup .sng-pop-hd{padding:20px 22px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--sng-line)}.sngmia-topup .sng-pop-hd .sng-title{font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--sng-ink);margin:0 0 4px}.sngmia-topup .sng-pop-hd .sng-sub{font-size:12px;color:var(--sng-ink-3);font-family:var(--sng-mono);letter-spacing:.02em}.sngmia-topup .sng-pop-hd .sng-sub strong{color:var(--sng-ink);font-weight:600}.sngmia-topup .sng-pop-hd .sng-sub .sng-deficit{color:var(--sng-accent-deep);margin-left:6px}.sngmia-topup .sng-pop-x{width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--sng-ink-3);display:inline-flex;align-items:center;justify-content:center;font-size:16px;transition:background .15s;flex-shrink:0}.sngmia-topup .sng-pop-x:hover{background:var(--sng-bg-2);color:var(--sng-ink)}.sngmia-topup .sng-pop-body{padding:18px 22px}.sngmia-topup .sng-topup-alert{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px 14px;margin-bottom:14px;border:1px solid var(--sng-amber-soft);border-radius:8px;background:#fff8ea;color:var(--sng-amber)}.sngmia-topup .sng-topup-alert strong{display:block;margin-bottom:2px;font-size:12.5px;color:var(--sng-ink)}.sngmia-topup .sng-topup-alert span{display:block;font-size:11.5px;line-height:1.55;color:var(--sng-ink-3)}.sngmia-topup .sng-plans{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.sngmia-topup .sng-plan{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 16px;background:white;border:1px solid var(--sng-line);border-radius:10px;cursor:pointer;transition:all .15s;position:relative;text-align:left;width:100%;font-family:inherit}.sngmia-topup .sng-plan:hover{border-color:var(--sng-ink-5)}.sngmia-topup .sng-plan.sng-selected{border-color:var(--sng-accent);background:var(--sng-accent-soft);box-shadow:0 0 0 3px rgba(232,90,90,.08)}.sngmia-topup .sng-plan.sng-disabled,.sngmia-topup .sng-plan[disabled]{cursor:not-allowed;opacity:.62}.sngmia-topup .sng-plan.sng-disabled:hover,.sngmia-topup .sng-plan[disabled]:hover{border-color:var(--sng-line)}.sngmia-topup .sng-plan-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--sng-line-2);background:white;position:relative;flex-shrink:0}.sngmia-topup .sng-plan.sng-selected .sng-plan-radio{border-color:var(--sng-accent)}.sngmia-topup .sng-plan.sng-selected .sng-plan-radio:after{content:"";position:absolute;inset:3px;background:var(--sng-accent);border-radius:50%}.sngmia-topup .sng-plan-core .sng-nm{font-size:14.5px;font-weight:600;color:var(--sng-ink);letter-spacing:-.005em;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sngmia-topup .sng-plan-core .sng-chip{font-family:var(--sng-mono);font-size:9px;font-weight:600;padding:2px 6px;border-radius:3px;letter-spacing:.08em;line-height:1.4}.sngmia-topup .sng-plan-core .sng-chip.sng-best{background:var(--sng-accent);color:white}.sngmia-topup .sng-plan-core .sng-chip.sng-pop{background:var(--sng-ink-2);color:white}.sngmia-topup .sng-plan-core .sng-det{font-family:var(--sng-mono);font-size:10.5px;color:var(--sng-ink-4);letter-spacing:.02em;margin-top:3px}.sngmia-topup .sng-plan-core .sng-plus{color:var(--sng-accent-deep);font-weight:600}.sngmia-topup .sng-plan-core .sng-eq{color:var(--sng-ink-2)}.sngmia-topup .sng-plan-prc{text-align:right}.sngmia-topup .sng-plan-prc .sng-amt{font-size:18px;font-weight:700;letter-spacing:-.015em;color:var(--sng-ink);font-variant-numeric:tabular-nums}.sngmia-topup .sng-plan-prc .sng-amt-c{font-family:var(--sng-mono);font-size:11px;color:var(--sng-ink-4);font-weight:500;margin-right:2px}.sngmia-topup .sng-plan-prc .sng-amt-ntd{font-family:var(--sng-mono);font-size:10px;color:var(--sng-ink-3);margin-top:1px}.sngmia-topup .sng-summary-r .sng-amt-ntd{font-size:11px;color:var(--sng-ink-3);margin-top:4px;max-width:220px;margin-left:auto;line-height:1.4}.sngmia-topup .sng-plan-prc .sng-rate{font-family:var(--sng-mono);font-size:9.5px;color:var(--sng-ink-4);letter-spacing:.04em;margin-top:2px}.sngmia-topup .sng-plan-prc .sng-save{display:inline-block;margin-top:3px;font-family:var(--sng-mono);font-size:9px;font-weight:600;padding:1px 5px;border-radius:3px;background:var(--sng-success-soft);color:var(--sng-success);letter-spacing:.06em}.sngmia-topup .sng-divider-row{display:flex;align-items:center;gap:10px;margin:18px 0 12px;font-family:var(--sng-mono);font-size:10px;color:var(--sng-ink-4);letter-spacing:.12em;text-transform:uppercase}.sngmia-topup .sng-divider-row:after,.sngmia-topup .sng-divider-row:before{content:"";flex:1;height:1px;background:var(--sng-line)}.sngmia-topup .sng-pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.sngmia-topup .sng-pay-grid-single{grid-template-columns:1fr}.sngmia-topup .sng-pay{padding:10px 12px;border:1px solid var(--sng-line);border-radius:8px;background:white;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:8px;text-align:left;transition:all .15s}.sngmia-topup .sng-pay.sng-active{border-color:var(--sng-ink-2);background:var(--sng-bg-2);box-shadow:0 0 0 3px rgba(10,10,10,.05)}.sngmia-topup .sng-pay[disabled]{cursor:not-allowed;opacity:.58;box-shadow:none}.sngmia-topup .sng-pay[disabled].sng-active{border-color:var(--sng-line);background:white}.sngmia-topup .sng-pay-ico{width:22px;height:22px;border-radius:5px;background:var(--sng-bg-3);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sng-ink-2)}.sngmia-topup .sng-pay.sng-active .sng-pay-ico{background:var(--sng-accent-soft);color:var(--sng-accent-deep)}.sngmia-topup .sng-pay-n{font-size:12.5px;font-weight:500;color:var(--sng-ink)}.sngmia-topup .sng-pay-n small{display:block;font-family:var(--sng-mono);font-size:9.5px;color:var(--sng-ink-4);font-weight:400;margin-top:2px}.sngmia-topup .sng-pay-note{padding:10px 12px;border:1px solid var(--sng-line);border-radius:8px;background:var(--sng-bg-2);color:var(--sng-ink-3);font-size:11.5px;line-height:1.55}.sngmia-topup .sng-topup-language-note{padding:10px 12px;border:1px solid #f3d48b;border-radius:8px;background:#fff9e8;color:#7a4b00;font-size:11.5px;line-height:1.55}.sngmia-topup .sng-summary{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 16px;background:var(--sng-bg-2);border:1px solid var(--sng-line);border-radius:10px;margin-bottom:14px}.sngmia-topup .sng-summary-l{font-size:12px;color:var(--sng-ink-3);display:flex;flex-direction:column;gap:3px;min-width:0}.sngmia-topup .sng-summary-l b{color:var(--sng-ink);font-size:14px;font-weight:600;letter-spacing:-.005em}.sngmia-topup .sng-summary-r{text-align:right}.sngmia-topup .sng-summary-r .sng-amt{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--sng-ink);font-variant-numeric:tabular-nums;line-height:1}.sngmia-topup .sng-summary-r .sng-amt-c{font-family:var(--sng-mono);font-size:11px;color:var(--sng-ink-3);font-weight:500;margin-right:2px}.sngmia-topup .sng-tos{display:flex;gap:8px;align-items:flex-start;font-size:11.5px;color:var(--sng-ink-3);line-height:1.5;margin-bottom:14px}.sngmia-topup .sng-tos input{margin-top:2px;accent-color:var(--sng-ink);flex-shrink:0}.sngmia-topup .sng-tos a{color:var(--sng-ink-2);text-decoration:underline}.sngmia-topup .sng-submit{width:100%;padding:12px;border-radius:8px;font-family:inherit;font-size:14px;font-weight:600;border:none;cursor:pointer;background:var(--sng-accent);color:white;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}.sngmia-topup .sng-submit:hover:not([disabled]){background:var(--sng-accent-deep)}.sngmia-topup .sng-submit[disabled]{background:var(--sng-bg-3);color:var(--sng-ink-4);cursor:not-allowed}.sngmia-topup .sng-submit .sng-k{font-family:var(--sng-mono);font-size:11px;opacity:.75}.sngmia-topup .sng-submit.sng-loading{color:transparent;position:relative}.sngmia-topup .sng-submit.sng-loading:after{content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;border-radius:50%;border:2px solid white;border-top-color:transparent;animation:sngTopupSpin .7s linear infinite}@keyframes sngTopupSpin{to{transform:rotate(1turn)}}.sngmia-topup .sng-perk-strip{display:flex;justify-content:space-between;padding:10px 22px;background:var(--sng-bg-2);border-top:1px solid var(--sng-line);font-family:var(--sng-mono);font-size:10px;color:var(--sng-ink-3);letter-spacing:.06em;flex-wrap:wrap;gap:8px}.sngmia-topup .sng-perk-strip span{display:inline-flex;align-items:center;gap:5px}.sngmia-topup .sng-perk-strip span:before{content:"✓";color:var(--sng-success);font-weight:700}.sngmia-topup .sng-extras{padding:0 22px 18px;display:flex;flex-direction:column;gap:12px}.sngmia-topup .sng-extras-divider{display:flex;align-items:center;gap:10px;margin:4px 0 0;font-family:var(--sng-mono);font-size:10px;color:var(--sng-ink-4);letter-spacing:.12em;text-transform:uppercase}.sngmia-topup .sng-extras-divider:after,.sngmia-topup .sng-extras-divider:before{content:"";flex:1;height:1px;background:var(--sng-line)}.sngmia-topup .sng-bundle-card{padding:14px 16px;border-radius:10px;border:1px solid var(--sng-amber-soft);background:linear-gradient(135deg,#fef6e7,white 65%)}.sngmia-topup .sng-bundle-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.sngmia-topup .sng-bundle-head .sng-title{font-size:13.5px;font-weight:700;color:var(--sng-ink);margin:0}.sngmia-topup .sng-bundle-badge{font-family:var(--sng-mono);font-size:9px;background:var(--sng-amber);color:white;padding:2px 6px;border-radius:3px;font-weight:600;letter-spacing:.06em}.sngmia-topup .sng-bundle-desc{font-size:11.5px;color:var(--sng-ink-3);margin:0 0 8px;line-height:1.55}.sngmia-topup .sng-voucher-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.sngmia-topup .sng-v-chip{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;padding:3px 8px;border-radius:100px;font-weight:500}.sngmia-topup .sng-v-chip.sng-unused{background:white;border:1px solid var(--sng-amber);color:var(--sng-amber)}.sngmia-topup .sng-v-chip.sng-used{background:var(--sng-bg-3);border:1px solid var(--sng-line);color:var(--sng-ink-4);text-decoration:line-through;text-decoration-color:rgba(0,0,0,.2)}.sngmia-topup .sng-bundle-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.sngmia-topup .sng-bundle-foot .sng-strike{font-size:11.5px;color:var(--sng-ink-4);text-decoration:line-through;margin-right:6px}.sngmia-topup .sng-bundle-foot .sng-price{font-size:15px;font-weight:700;color:var(--sng-amber);font-variant-numeric:tabular-nums}.sngmia-topup .sng-bundle-btn{padding:6px 14px;border-radius:6px;border:none;background:var(--sng-amber);color:white;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit}.sngmia-topup .sng-bundle-btn[disabled]{background:var(--sng-bg-3);color:var(--sng-ink-4);cursor:not-allowed}.sngmia-topup .sng-redeem{display:flex;flex-direction:column;gap:8px}.sngmia-topup .sng-redeem-head{font-size:12.5px;font-weight:600;color:var(--sng-ink)}.sngmia-topup .sng-redeem-row{display:flex;gap:8px}.sngmia-topup .sng-redeem-input{flex:1;min-width:0;padding:9px 12px;border-radius:8px;border:1px solid var(--sng-line-2);background:var(--sng-bg-2);font-family:var(--sng-mono);font-size:13px;letter-spacing:.04em;color:var(--sng-ink)}.sngmia-topup .sng-redeem-input:focus{outline:0;border-color:var(--sng-ink);background:white}.sngmia-topup .sng-redeem-btn{padding:9px 16px;border-radius:8px;border:0;background:var(--sng-ink);color:white;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.sngmia-topup .sng-redeem-btn[disabled]{background:var(--sng-ink-5);cursor:not-allowed}.sngmia-topup .sng-redeem-msg{font-size:11.5px;display:inline-flex;align-items:center;gap:5px}.sngmia-topup .sng-redeem-msg.sng-success{color:var(--sng-success)}.sngmia-topup .sng-redeem-msg.sng-error{color:var(--sng-accent-deep)}.sngmia-topup .sng-redeem-msg .sng-dot{width:5px;height:5px;border-radius:50%;background:currentColor}@media (max-width:480px){.sngmia-topup .sng-popup{max-width:100%}.sngmia-topup .sng-pay-grid{grid-template-columns:1fr}.sngmia-topup .sng-plan{padding:12px 14px}}@media (prefers-reduced-motion:reduce){.sngmia-topup *{animation-duration:.001ms!important;transition-duration:.001ms!important}}