:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#f9fafc;--edge:#e2e5eb;--soft:#f1f3f7;--ink:#13161d;--muted:#5d6472;--accent:#2a49de;--accent-soft:#e9edff;--on-accent:#fff;--ok:#12805c;--warn:#a35a00;--err:#c2341f;--scrim:#13161d73;--glow-1:#2a49de1a;--glow-2:#12805c12;--shadow:0 1px 2px #13161d0d,0 6px 24px #13161d0d;--cta:#2a49de;--on-cta:#fff;--cta-2:#13161d;--on-cta-2:#fff;--hi:#2a49de;--f-display:"Sora","Noto Sans SC",system-ui,sans-serif;--f-body:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111215;--surface:#15171b;--surface-2:#1a1c21;--edge:#272a32;--soft:#1c1e24;--ink:#edeff4;--muted:#9aa1af;--accent:#8399ff;--accent-soft:#1e2442;--on-accent:#0e1015;--ok:#4cc79a;--warn:#e3a55a;--err:#ff8a7a;--scrim:#040509a6;--glow-1:#6366f11a;--glow-2:#4cc79a0a;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cta:#3b3fd8;--on-cta:#fff;--cta-2:#0f1424;--on-cta-2:#edeff4;--hi:#6b8aff}}:root[data-theme=dark]{--bg:#111215;--surface:#15171b;--surface-2:#1a1c21;--edge:#272a32;--soft:#1c1e24;--ink:#edeff4;--muted:#9aa1af;--accent:#8399ff;--accent-soft:#1e2442;--on-accent:#0e1015;--ok:#4cc79a;--warn:#e3a55a;--err:#ff8a7a;--scrim:#040509a6;--glow-1:#6366f11a;--glow-2:#4cc79a0a;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cta:#3b3fd8;--on-cta:#fff;--cta-2:#0f1424;--on-cta-2:#edeff4;--hi:#6b8aff}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);min-height:100%;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));font-size:15px;line-height:1.6;overflow-x:hidden}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(640px 380px at 88% -8%,var(--glow-1),transparent 70%), radial-gradient(520px 420px at -10% 35%,var(--glow-2),transparent 70%);position:fixed;inset:0}.wrap{flex-direction:column;gap:48px;max-width:1200px;margin:0 auto;padding-block:20px 72px;display:flex}h1,h2,h3{text-wrap:balance;margin:0}p{margin:0}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.num{font-family:var(--f-display);font-variant-numeric:tabular-nums}.glass{background:var(--surface);border:1px solid var(--edge);box-shadow:var(--shadow);border-radius:20px}header.top{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{font-family:var(--f-display);background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:16px;font-weight:700;display:flex}.brand svg{color:var(--accent)}.pill{background:var(--surface);border:1px solid var(--edge);border-radius:999px;padding:8px 16px;font-size:14px}.pill:hover{border-color:var(--accent)}.home{flex-direction:column;gap:56px;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:22px;padding-top:36px;display:flex}.hero h1{font-family:var(--f-body);letter-spacing:-.02em;font-size:clamp(32px,5.6vw,64px);font-weight:800;line-height:1.12}.hero h1 em{font-style:normal;font-family:var(--f-display);color:var(--hi)}.badges{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px 28px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.badges li{align-items:center;gap:7px;display:flex}.badges svg{color:var(--ok)}.plans-sec{flex-direction:column;gap:20px;display:flex}.plans-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.plans-head h2{font-size:17px;font-weight:700}.more{flex-wrap:wrap;gap:24px;display:flex}.more .link,.plan-foot .link{color:var(--hi);align-self:auto;align-items:center;gap:4px;font-size:14px;text-decoration:none;display:inline-flex}.more .link b{margin-left:4px;font-weight:600}.more .link:hover,.plan-foot .link:hover{filter:brightness(1.15)}.plans{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}@media (max-width:980px){.plans{grid-template-columns:minmax(0,560px);justify-content:center}}.plan{border-radius:24px;flex-direction:column;gap:14px;padding:28px;display:flex}.plan.featured{border-color:color-mix(in srgb,var(--cta) 55%,var(--edge));box-shadow:0 0 0 1px color-mix(in srgb,var(--cta) 25%,transparent),0 18px 48px -18px color-mix(in srgb,var(--cta) 45%,transparent)}.plan-top{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.plan.featured .plan-top>span:first-child{color:var(--hi)}.tag{color:var(--hi);background:var(--accent-soft);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.tag.solid{background:var(--cta);color:var(--on-cta)}.plan h3{font-family:var(--f-display);flex-wrap:wrap;align-items:baseline;gap:10px;font-size:clamp(24px,2.4vw,30px);font-weight:700;line-height:1.2;display:flex}.plan h3 small{color:var(--muted);font-size:15px;font-weight:500}.plan-sub{color:var(--muted);font-size:15px}.plan-price-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:96px;margin-top:14px;display:flex}@media (min-width:981px) and (max-width:1180px){.plan-price-row.has-gift{flex-wrap:wrap}}.plan-price{align-items:baseline;gap:8px;display:flex}.was{align-items:center;gap:8px;margin-top:10px;display:flex}.was s{color:var(--muted);font-size:14px}.save{color:var(--ok);background:color-mix(in srgb,var(--ok) 16%,transparent);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700}.gift{border:1px solid color-mix(in srgb,var(--cta) 45%,var(--edge));background:color-mix(in srgb,var(--cta) 8%,var(--surface));text-align:left;color:var(--hi);border-radius:12px;flex-direction:column;flex:none;gap:1px;padding:8px 10px;line-height:1.3;transition:border-color .15s;display:flex}.gift:hover{border-color:var(--cta)}.g-top{align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex}.g-amt{align-items:baseline;gap:3px;display:flex}.g-amt b{font-family:var(--f-display);font-size:21px;font-weight:700;line-height:1.1}.g-amt small{font-size:11px}.g-sub{white-space:nowrap;font-size:11px;font-weight:600}.g-link{color:var(--muted);align-items:center;gap:3px;margin-top:2px;font-size:11px;display:flex}.plan-price b{letter-spacing:-.02em;font-size:clamp(34px,2.9vw,44px);font-weight:700;line-height:1}.plan-price span{color:var(--muted);white-space:nowrap;font-size:14px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.tile{border:1px solid var(--edge);background:var(--surface-2);border-radius:14px;flex-direction:column;gap:1px;min-width:0;padding:10px 11px;line-height:1.35;display:flex}.tile svg{color:var(--hi);margin-bottom:5px}.tile b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.tile span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.ticks{flex-direction:column;gap:12px;margin:6px 0 0;padding:0;font-size:15px;list-style:none;display:flex}.ticks li{align-items:flex-start;gap:10px;display:flex}.ticks svg{color:var(--ink);flex:none;margin-top:4px}.cta{border:1px solid var(--edge);background:var(--cta-2);color:var(--on-cta-2);border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:15px 18px;font-size:17px;font-weight:700;transition:filter .15s,transform .15s;display:flex}.cta.primary{background:var(--cta);color:var(--on-cta);border-color:#0000}.cta:hover{filter:brightness(1.12)}.cta:active{transform:translateY(1px)}.ticks{margin-bottom:14px}.plan-foot{text-align:center;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;min-height:20px;font-size:13px;display:flex}.plan-foot a{color:var(--hi);align-items:center;gap:2px;font-weight:600;text-decoration:none;display:inline-flex}.plan-foot .link{font-size:13px;font-weight:600}.plans-bottom{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px 32px;padding:6px 4px;font-size:14px;display:flex}.plans-bottom a{color:var(--hi);align-items:center;gap:3px;margin-left:6px;text-decoration:none;display:inline-flex}.plans-bottom a:hover{color:var(--ink)}.strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:6px;display:grid}@media (max-width:640px){.strip{grid-template-columns:1fr}}.strip div{flex-direction:column;gap:2px;padding:18px 20px;display:flex}.strip div+div{border-left:1px solid var(--edge)}@media (max-width:640px){.strip div+div{border-left:0;border-top:1px solid var(--edge)}}.strip b{font-weight:500}.strip span{color:var(--muted);font-size:14px}.faq{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;display:grid}@media (max-width:760px){.faq{grid-template-columns:1fr;gap:12px}}.faq h2{font-size:24px;font-family:var(--f-body)}details{border-bottom:1px solid var(--edge);padding:16px 0}summary{cursor:pointer;justify-content:space-between;gap:12px;font-weight:500;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"↓";color:var(--accent);transition:transform .2s}details[open] summary:after{transform:rotate(180deg)}details p{color:var(--muted);max-width:60ch;margin-top:8px}.buy{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (max-width:860px){.buy{grid-template-columns:1fr}}.steps{flex-wrap:wrap;gap:8px;display:flex}.step{color:var(--muted);border:1px solid var(--edge);background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;display:flex}.step i{background:var(--soft);width:22px;height:22px;font-style:normal;font-family:var(--f-display);border-radius:50%;place-items:center;font-size:11px;display:grid}.step.on{color:var(--ink);border-color:var(--accent)}.step.on i{background:var(--accent);color:var(--on-accent)}.step.done i{background:var(--ok);color:var(--surface)}.box{flex-direction:column;gap:18px;padding:24px;display:flex}.box h2{font-size:20px}.q{color:var(--muted);font-size:14px}.opts{flex-direction:column;gap:10px;display:flex}.opt{text-align:left;border:1px solid var(--edge);background:0 0;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;transition:border-color .15s,background .15s;display:grid}.opt:hover{background:var(--surface-2)}.opt .radio{border:2px solid var(--edge);border-radius:50%;width:20px;height:20px}.opt[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft)}.opt[aria-checked=true] .radio{border-color:var(--accent);background:radial-gradient(circle,var(--accent) 0 5px,transparent 5.5px)}.opt b{font-weight:500;display:block}.opt small{color:var(--muted);font-size:13px}.opt .p{font-family:var(--f-display);font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}ul.notes{color:var(--muted);background:var(--soft);border-radius:12px;flex-direction:column;gap:6px;margin:0;padding:14px 16px;font-size:14px;list-style:none;display:flex}ul.notes li:before{content:"· ";color:var(--accent)}.side{top:calc(env(safe-area-inset-top,0px) + 16px);flex-direction:column;gap:16px;padding:24px;display:flex;position:sticky}.side .name{font-size:22px;font-weight:700}.side .tier{font-family:var(--f-display);color:var(--accent);letter-spacing:.04em;font-size:12px}.line{color:var(--muted);justify-content:space-between;gap:12px;font-size:14px;display:flex}.line span:last-child{color:var(--ink);text-align:right}.sum{border-top:1px solid var(--edge);justify-content:space-between;align-items:baseline;padding-top:16px;display:flex}.sum b{font-family:var(--f-display);font-variant-numeric:tabular-nums;font-size:30px;font-weight:600}.btn{background:var(--accent);color:var(--on-accent);border:0;border-radius:14px;width:100%;padding:15px 18px;font-size:16px;font-weight:500;transition:filter .15s}.btn:hover{filter:brightness(1.07)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--edge)}.link{color:var(--muted);background:0 0;border:0;align-self:flex-start;padding:0;font-size:14px}.link:hover{color:var(--ink)}.field{flex-direction:column;gap:6px;display:flex}.field label,.field .lab{color:var(--muted);font-size:13px}.field input{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--edge);border-radius:12px;width:100%;padding:13px 14px}.field input:focus{border-color:var(--accent);outline:none}.field .hint{color:var(--muted);font-size:12px}.field .err{color:var(--err);font-size:12px}.pays{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pays button{background:var(--surface);border:1px solid var(--edge);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px;display:flex}.pays button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.dot{color:#fff;border-radius:5px;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:inline-grid}.dot.ali{background:#1677ff}.dot.wx{background:#07c160}.modal{z-index:20;background:var(--scrim);padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));place-items:center;display:grid;position:fixed;inset:0}.modal .glass{flex-direction:column;gap:16px;width:100%;max-width:420px;max-height:100%;padding:26px;display:flex;overflow:auto;box-shadow:0 20px 60px #0003}.qr{border:1px solid var(--edge);background:#fff;border-radius:14px;align-self:center;padding:14px}.qr canvas{width:190px;height:190px;display:block}.center{text-align:center}.note{color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,transparent);border:1px solid color-mix(in srgb,var(--warn) 25%,transparent);border-radius:12px;padding:10px 12px;font-size:13px}.result{flex-direction:column;gap:18px;width:100%;max-width:560px;margin:0 auto;display:flex}.ok{align-items:center;gap:14px;display:flex}.ok i{background:color-mix(in srgb,var(--ok) 15%,transparent);width:44px;height:44px;color:var(--ok);border-radius:50%;flex:none;place-items:center;display:grid}.ok h2{font-size:22px}.secret{border-color:color-mix(in srgb,var(--accent) 40%,var(--edge));flex-direction:column;gap:14px;padding:20px;display:flex}.secret code{letter-spacing:.06em;word-break:break-all;color:var(--accent);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:clamp(16px,4vw,20px)}.secret .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.copy{background:var(--accent);color:var(--on-accent);border:0;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:500}ol.how{color:var(--muted);flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.meta{grid-template-columns:auto 1fr;gap:6px 16px;font-size:14px;display:grid}.meta dt{color:var(--muted)}.meta dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.demo{color:var(--muted);font-size:12px}.view{animation:.35s cubic-bezier(.2,.7,.2,1) rise}@keyframes rise{0%{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.view{animation:none}.pcard,.opt{transition:none}}html,body{margin:0}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);position:fixed;inset:0 0 auto}.secret pre{white-space:pre-wrap;word-break:break-all;color:var(--accent);margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px;line-height:1.7}.banner-err{color:var(--err);background:color-mix(in srgb,var(--err) 9%,transparent);border:1px solid color-mix(in srgb,var(--err) 25%,transparent);border-radius:12px;padding:10px 12px;font-size:14px}.opt:disabled{opacity:.45;cursor:not-allowed}.opt .oos{color:var(--err);font-size:12px}.spin{border:3px solid var(--edge);border-top-color:var(--accent);border-radius:50%;flex:none;width:36px;height:36px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.state{align-items:center;gap:14px;display:flex}.state h2{font-size:20px}.state p{color:var(--muted);font-size:14px}.mock-pay{border:1px dashed var(--edge);text-align:center;color:var(--muted);background:var(--soft);border-radius:14px;padding:16px;font-size:14px}.plans-bottom span svg{vertical-align:-2px}.plans-bottom .link.inline{color:var(--hi);align-self:auto;align-items:center;gap:3px;margin-left:6px;font-size:14px;display:inline-flex}.plans-bottom .link.inline:hover{color:var(--ink)}.plans-bottom .link.push{align-self:auto;align-items:center;gap:3px;margin-left:auto;display:inline-flex}@media (max-width:640px){.plans-bottom .link.push{margin-left:0}}.skeleton{background:var(--soft);border-radius:20px;min-height:250px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.spin,.skeleton{animation:none}}table.orders{border-collapse:collapse;width:100%;font-size:13px}table.orders th,table.orders td{text-align:left;border-bottom:1px solid var(--edge);vertical-align:top;padding:8px 10px}table.orders th{color:var(--muted);white-space:nowrap;font-weight:500}table.orders td pre{white-space:pre-wrap;word-break:break-all;max-width:280px;margin:0;font-size:12px}.tbl{overflow-x:auto}.chip{background:var(--soft);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:12px;display:inline-block}.chip.delivered{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}.chip.manual{color:var(--err);background:color-mix(in srgb,var(--err) 12%,transparent)}.chip.pending,.chip.delivering,.chip.fulfilling,.chip.paid{color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent)}.admin-top{border-bottom:1px solid var(--edge);justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;display:flex}.admin-top h1{color:var(--hi);align-items:center;gap:10px;font-size:22px;display:flex}.welcome{background:var(--surface-2);border-left:4px solid var(--hi);color:var(--muted);border-radius:4px 12px 12px 4px;padding:18px 22px}.sec-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:-8px;display:flex}.sec-head h2{font-size:18px}.sec-head a{color:var(--hi);font-size:14px;text-decoration:none}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (max-width:860px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.stats{grid-template-columns:1fr}}.stat{border-radius:16px;justify-content:space-between;align-items:center;gap:12px;min-height:120px;padding:22px 24px;display:flex}.stat-txt{flex-direction:column;gap:6px;min-width:0;display:flex}.stat-txt span{color:var(--muted);font-size:14px}.stat-txt b{overflow-wrap:anywhere;font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.15}.stat-txt small{color:var(--muted);font-size:13px}.stat-ico{background:color-mix(in srgb,currentColor 10%,transparent);border:1px solid;border-radius:12px;flex:none;place-items:center;width:56px;height:56px;display:grid}.stat-ico.green{color:#16a34a}.stat-ico.blue{color:#2563eb}.stat-ico.purple{color:#a21caf}.stat-ico.orange{color:#ea580c}.stat-ico.teal{color:#0d9488}.stat-ico.red{color:#dc2626}
