:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4faf9;--shell:#fffffff0;--panel:#ffffffe0;--panel-strong:#fffffff5;--text:#102117;--muted:#617164;--line:#1838251f;--line-strong:#1838252e;--accent:#14b8a6;--accent-strong:#0d9488;--accent-soft:#14b8a61f;--warn:#ffc6582e;--error:#ff707029;--shadow:0 18px 48px #12281a1a}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#020617;--shell:#0f172ae0;--panel:#0f172ad6;--panel-strong:#1e293beb;--text:#edf8ee;--muted:#97aa9b;--line:#94a3b824;--line-strong:#94a3b838;--accent:#14b8a6;--accent-strong:#2dd4bf;--accent-soft:#14b8a629;--warn:#ffc44924;--error:#ff6a6a24;--shadow:0 16px 36px #00000038}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:radial-gradient(circle at top left, #14b8a624, transparent 24%), radial-gradient(circle at top right, #06b6d417, transparent 22%), var(--bg);color:var(--text);margin:0;font-family:Avenir Next,PingFang SC,Noto Sans SC,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}.page-shell{min-height:100vh;position:relative}.page-shell.embedded{background:radial-gradient(circle at 0 0,#14b8a614,#0000 20%),0 0;min-height:auto}.ambient{filter:blur(16px);pointer-events:none;border-radius:999px;animation:10s ease-in-out infinite alternate drift;position:absolute}.ambient-a{background:#14b8a61f;width:16rem;height:16rem;top:-2rem;left:-4rem}.ambient-b{background:#06b6d41a;width:14rem;height:14rem;animation-delay:1.8s;bottom:2rem;right:-5rem}.page-shell.embedded .ambient{display:none}.page-frame{z-index:1;width:min(1200px,100vw - 28px);margin:0 auto;padding:18px 0 24px;position:relative}.page-frame.embedded{width:min(100%,100vw - 10px);padding:8px 0 12px}.topbar,.module-pane{background:var(--shell);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px}.topbar{margin-bottom:10px;padding:14px 16px;display:block}.topbar-copy{flex-direction:column;gap:6px;display:flex}.eyebrow,.section-kicker,.summary-label,.meta-chip span{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.68rem}.topbar-copy h1,.section-head h2{letter-spacing:-.04em;margin:0}.topbar-copy h1{font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.02}.topbar-summary,.section-head p,.package-summary,.notice-block,.state-shell,.status-details p,.native-copy p,.h5-zone p,.package-heading p{color:var(--muted);margin:0}.topbar-summary{max-width:34rem;font-size:.86rem;line-height:1.55}.workspace-grid{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:start;gap:14px;display:grid}.module-pane{padding:14px}.section-head{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:10px;display:flex}.section-head.compact{margin-bottom:12px}.section-head h2{font-size:clamp(1rem,1.2vw,1.3rem);line-height:1.08}.section-head p{max-width:18rem;font-size:.8rem;line-height:1.55}.package-grid{gap:12px;display:grid}.package-card{text-align:left;border:1px solid var(--line);background:var(--panel);width:100%;color:inherit;cursor:pointer;border-radius:18px;padding:13px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.package-card:hover,.package-card.active{background:var(--panel-strong);border-color:#14b8a652;transform:translateY(-1px);box-shadow:0 14px 28px #02061738}.package-card-main,.package-card-top,.package-price,.checkout-summary,.action-stack,.order-meta,.redeem-panel,.native-zone,.h5-zone,.status-panel{display:flex}.package-card-main{justify-content:space-between;align-items:flex-start;gap:16px}.package-copy{flex:1;min-width:0}.package-card-top{align-items:center;gap:8px;margin-bottom:8px}.package-badge,.package-recommend,.status-chip{border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;font-size:.7rem;display:inline-flex}.package-badge{color:var(--accent-strong);background:var(--accent-soft)}.package-recommend{color:#9b6a00;background:var(--warn)}.package-heading h3{margin:0;font-size:.98rem}.package-heading p{margin-top:4px;font-size:.8rem}.package-price-block{flex-direction:column;align-items:flex-end;gap:6px;min-width:124px;display:flex}.package-price{align-items:baseline;gap:4px}.package-price strong{letter-spacing:-.04em;font-size:1.5rem;line-height:1}.currency{font-size:.82rem}.package-price-meta{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.package-price-label{color:var(--muted);font-size:.74rem;text-decoration:line-through}.package-discount{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.package-summary{margin-top:10px;font-size:.84rem;line-height:1.55}.package-benefits-inline{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.package-benefits-inline span{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:999px;align-items:center;padding:5px 8px;font-size:.74rem;display:inline-flex}.checkout-pane{position:sticky;top:8px}.checkout-card{flex-direction:column;gap:10px;display:flex}.checkout-summary,.notice-block,.state-shell,.redeem-panel,.native-zone,.h5-zone,.status-panel{border:1px solid var(--line);background:var(--panel);border-radius:18px}.checkout-summary{justify-content:space-between;align-items:flex-start;gap:16px;padding:13px}.summary-copy{min-width:0}.checkout-summary strong{margin:6px 0 4px;font-size:1.02rem;display:block}.checkout-summary p{color:var(--muted);margin:0;font-size:.84rem;line-height:1.5}.summary-price span{letter-spacing:-.05em;font-size:1.5rem;font-weight:700}.summary-price{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.summary-price small{color:var(--muted);font-size:.74rem;text-decoration:line-through}.notice-block,.state-shell{padding:11px 12px;font-size:.84rem;line-height:1.55}.notice-block.warn{background:var(--warn);color:#b27b00}.notice-block.error{background:var(--error);color:#cb6464}.notice-block.success{background:var(--accent-soft);color:var(--accent-strong)}.action-stack{flex-wrap:wrap;gap:10px}.primary-action,.secondary-action,.ghost-action{appearance:none;cursor:pointer;border-radius:14px;min-height:40px;padding:9px 12px;font-size:.86rem;transition:transform .14s,opacity .14s,background .14s}.primary-action:hover,.secondary-action:hover,.ghost-action:hover{transform:translateY(-1px)}.primary-action:disabled,.secondary-action:disabled,.ghost-action:disabled{opacity:.56;cursor:not-allowed}.primary-action{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;border:none;flex:220px;font-weight:700}.secondary-action{border:1px solid var(--line);background:var(--panel-strong);color:var(--text)}.ghost-action{border:1px solid var(--line);color:var(--muted);background:0 0}.order-meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:.76rem}.order-meta span{border:1px solid var(--line);background:#ffffff08;border-radius:999px;align-items:center;padding:6px 10px;display:inline-flex}.redeem-panel{justify-content:space-between;align-items:center;gap:16px;padding:12px}.redeem-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.redeem-copy strong{letter-spacing:.02em;word-break:break-all;font-size:1rem}.native-zone,.h5-zone,.status-panel{align-items:center;gap:16px;padding:12px}.native-zone{align-items:flex-start}.qr-image{background:#f5fff8;border:1px solid #14b8a62e;border-radius:16px;width:min(180px,100%);padding:8px}.native-copy,.status-details{flex-direction:column;gap:6px;display:flex}.status-chip[data-tone=success]{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong))}.status-chip[data-tone=error]{color:#fff;background:linear-gradient(135deg,#d46767,#9d3636)}.status-chip[data-tone=pending]{color:#a77700;background:var(--warn)}@media (width<=1080px){.topbar,.workspace-grid{grid-template-columns:1fr}.checkout-pane{position:static}}@media (width<=760px){.page-frame,.page-frame.embedded{width:calc(100vw - 8px);padding:4px 0 10px}.topbar,.module-pane{border-radius:18px;padding:12px}.section-head,.package-card-main,.checkout-summary,.redeem-panel,.native-zone,.h5-zone,.status-panel{flex-direction:column;align-items:flex-start}.package-price-block{align-items:flex-start;min-width:0}.qr-image{width:min(240px,100%)}}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(10px,-10px)scale(1.05)}}