:root{--bg:#0d0e12;--s1:#141619;--s2:#1b1d23;--s3:#22242c;--bd:#2c2e38;--bd2:#383a48;--ac:#8b5cf6;--ac2:#60a5fa;--tx:#e2e4f0;--mu:#5a5c70;--mu2:#3d3f52;--ok:#34d399;--er:#f87171;--r:10px;--r2:6px;--sh:0 4px 24px rgba(0,0,0,.45);--topbar-bg:rgba(13,14,18,.88);--cl-male:#4ade80;--cl-female:#f87171;--cl-other:#fb923c;--cl-blue:#93c5fd}[data-theme=light]{--bg:#ece8f8;--s1:#faf8ff;--s2:#f2effd;--s3:#e6e0f6;--bd:#cfc8ee;--bd2:#bcb4e4;--ac:#7c3aed;--ac2:#3b82f6;--tx:#1a1530;--mu:#5e5878;--mu2:#8c88a6;--ok:#059669;--er:#dc2626;--sh:0 4px 24px rgba(80,50,180,.13);--topbar-bg:#300d72;--cl-male:#16a34a;--cl-female:#dc2626;--cl-other:#c2410c;--cl-blue:#2563eb}[data-theme=dim]{--bg:#1e2030;--s1:#222436;--s2:#2a2d44;--s3:#333652;--bd:#3a3d56;--bd2:#4a4e6e;--ac:#8b5cf6;--ac2:#60a5fa;--tx:#cad3f5;--mu:#8087a2;--mu2:#5b6080;--ok:#34d399;--er:#f87171;--sh:0 4px 24px rgba(0,0,0,.35);--topbar-bg:rgba(30,32,48,.92);--cl-male:#4ade80;--cl-female:#f87171;--cl-other:#fb923c;--cl-blue:#93c5fd}.sp-topbar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 1.25rem;background:var(--topbar-bg);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:100;backdrop-filter:blur(12px)}[data-theme=light] .sp-topbar{border-bottom-color:#ffffff2e}[data-theme=light] .logo-text{background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .sp-back{color:#ffffffe6}[data-theme=light] .sp-back:hover{color:#fff;background:#ffffff26}[data-theme=light] .sp-title{color:#fff}.sp-topbar-left{display:flex;align-items:center;gap:.5rem}.sp-topbar-right{display:flex;align-items:center}.logo{display:flex;align-items:center;gap:.45rem;text-decoration:none}.logo-text{font-size:.92rem;font-weight:800;background:linear-gradient(135deg,#9b6dff,#5c8fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sp-back{display:flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;color:#c0c5dc;text-decoration:none;padding:.3rem .75rem;border:1px solid rgba(99,102,129,.45);border-radius:var(--r2,6px);transition:all .15s}.sp-back:hover{color:var(--ac);border-color:var(--ac)}[data-theme=light] .sp-back{color:#ffffffe6;border-color:#ffffff40}[data-theme=light] .sp-back:hover{color:#fff;border-color:#fff9;background:#ffffff26}.sp-title{font-size:.88rem;font-weight:700;color:var(--tx);position:absolute;left:50%;transform:translate(-50%)}.sp-wrap{max-width:860px;margin:0 auto;padding:1.25rem 1.25rem 4rem}.sp-current-banner{display:flex;align-items:center;justify-content:space-between;background:var(--s2);border:1px solid var(--bd);border-radius:12px;padding:.9rem 1.25rem;margin-bottom:2rem}.sp-cb-left{display:flex;align-items:center;gap:.9rem}.sp-cb-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;background:var(--s3)}.sp-cb-plan{font-size:.95rem;font-weight:700;color:var(--tx)}.sp-cb-desc{font-size:.75rem;color:var(--mu);margin-top:2px}.sp-cb-expiry{font-size:.78rem;color:var(--mu);background:var(--s3);border:1px solid var(--bd);border-radius:6px;padding:.3rem .7rem}.sp-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}@media(max-width:680px){.sp-plans{grid-template-columns:1fr}}.sp-plan-card{background:var(--s2);border:1px solid var(--bd);border-radius:14px;padding:1.4rem 1.25rem;display:flex;flex-direction:column;gap:.9rem;position:relative;transition:border-color .2s,box-shadow .2s}.sp-plan-card:hover{border-color:var(--ac)}.sp-plan-card.featured{border-color:#9b6dff;box-shadow:0 0 0 1px #9b6dff,0 8px 32px #9b6dff26}.sp-plan-best{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#9b6dff,#5c8fff);color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.06em;padding:3px 10px;border-radius:99px;white-space:nowrap}.sp-plan-header{display:flex;align-items:center;gap:.8rem}.sp-plan-icon{width:42px;height:42px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sp-plan-icon.free{background:#64c8641f;color:#6dc96d}.sp-plan-icon.premium{background:#9b6dff26;color:#9b6dff}.sp-plan-icon.vip{background:#f59e0b1f;color:#f59e0b}.sp-plan-name{font-size:.95rem;font-weight:800;color:var(--tx)}.sp-plan-price{font-size:.82rem;color:var(--ac);font-weight:700;margin-top:2px}.sp-plan-per{font-size:.72rem;font-weight:400;color:var(--mu)}.sp-plan-current-tag{margin-left:auto;font-size:.65rem;font-weight:700;background:#9b6dff26;color:#9b6dff;border:1px solid rgba(155,109,255,.3);border-radius:99px;padding:3px 9px;white-space:nowrap}.sp-plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem;flex:1}.sp-plan-features li{display:flex;align-items:center;gap:.55rem;font-size:.8rem;color:var(--tx)}.sp-plan-features li:before{content:"";width:14px;height:14px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.65rem}.sp-plan-features li.ok{color:var(--tx)}.sp-plan-features li.ok:before{content:"✓";background:#64c86426;color:#6dc96d;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.65rem;font-weight:700}.sp-plan-features li.no{color:var(--mu)}.sp-plan-features li.no:before{content:"✕";background:#9696b414;color:var(--mu);width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.65rem}.sp-plan-features li.sp-feat-divider{color:var(--mu2);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-top:.35rem;padding-top:.55rem;border-top:1px solid var(--bd)}.sp-plan-features li.sp-feat-divider:before{display:none}.sp-upgrade-btn{width:100%;padding:.65rem;border-radius:9px;border:none;font-size:.84rem;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .15s,transform .1s;margin-top:auto}.sp-upgrade-btn:hover{opacity:.88;transform:translateY(-1px)}.sp-upgrade-btn.premium{background:linear-gradient(135deg,#9b6dff,#5c8fff);color:#fff}.sp-upgrade-btn.vip{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}.sp-pay-section{margin-bottom:2rem}.sp-pay-card{background:var(--s2);border:1px solid var(--bd);border-radius:14px;padding:1.5rem}.sp-pay-title{display:flex;align-items:center;gap:.55rem;font-size:.9rem;font-weight:700;color:var(--tx);margin-bottom:1.25rem}.sp-pay-title svg{color:var(--ac);flex-shrink:0}.sp-pay-steps{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.5rem}.sp-pay-step{display:flex;align-items:flex-start;gap:.7rem;font-size:.82rem;color:var(--tx)}.sp-step-num{width:22px;height:22px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#9b6dff,#5c8fff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800}.sp-bank-info{background:var(--bg);border:1px solid var(--bd);border-radius:10px;overflow:hidden;margin-bottom:1.25rem}.sp-bank-row{display:flex;align-items:center;gap:1rem;padding:.65rem 1rem;border-bottom:1px solid var(--bd)}.sp-bank-row:last-child{border-bottom:none}.sp-bank-label{font-size:.75rem;color:var(--mu);min-width:110px;flex-shrink:0}.sp-bank-val{font-size:.82rem;color:var(--tx);font-weight:500;display:flex;align-items:center;gap:.5rem}.sp-bank-amount{color:#9b6dff;font-weight:800;font-size:.9rem}.sp-copy-btn{font-size:.68rem;font-weight:600;padding:2px 7px;border-radius:5px;border:1px solid var(--bd);background:var(--s3);color:var(--mu);cursor:pointer;font-family:inherit;transition:border-color .12s,color .12s}.sp-copy-btn:hover{border-color:var(--ac);color:var(--ac)}.sp-pay-note{font-size:.78rem;color:var(--mu);line-height:1.6;background:#9b6dff0f;border:1px solid rgba(155,109,255,.18);border-radius:8px;padding:.7rem .9rem;margin-bottom:1rem}.sp-mail-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.25rem;border-radius:8px;background:linear-gradient(135deg,#9b6dff,#5c8fff);color:#fff;font-size:.83rem;font-weight:700;text-decoration:none;transition:opacity .15s}.sp-mail-btn:hover{opacity:.88}.sp-section-title{font-size:.82rem;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.85rem}.sp-history-list{display:flex;flex-direction:column;gap:.5rem}.sp-history-row{display:flex;align-items:center;gap:.9rem;background:var(--s2);border:1px solid var(--bd);border-radius:10px;padding:.75rem 1rem}.sp-hr-plan{font-size:.82rem;font-weight:700;color:var(--tx);min-width:70px}.sp-hr-amount{font-size:.82rem;color:#9b6dff;font-weight:700;min-width:80px}.sp-hr-status{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:99px}.sp-hr-status.ok{background:#64c8641f;color:#6dc96d}.sp-hr-status.pending{background:#f59e0b1f;color:#f59e0b}.sp-hr-status.fail{background:#f871711f;color:#f87171}.sp-hr-date{font-size:.72rem;color:var(--mu);margin-left:auto}.sp-hr-code{font-size:.7rem;color:var(--mu);font-family:monospace}.blg-subbar-inner{max-width:860px}.sp-sub-sep{width:1px;height:16px;background:var(--bd);flex-shrink:0}.sp-sub-title{font-size:.85rem;font-weight:700;color:var(--tx)}