:root{--purple:#8538e9;--purple2:#a956f2;--ink:#171722;--muted:#91899b;--line:#e8e3ee;--soft:#faf7ff;--danger:#b64b4b;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:#fff}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c18cf9;outline-offset:3px}.shell{width:min(1000px,calc(100% - 36px));margin:auto}.site-header{height:64px;border-bottom:1px solid #f0ecf4;background:#fff;position:sticky;top:0;z-index:5}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#8433e8,#b15af4);font-size:24px}.brand-name{display:block;font-size:18px;line-height:1.1}.brand small{display:block;color:#9a91a2;font-size:10px;margin-top:4px}.order-link{background:none;border:0;color:#716a7b;font-size:13px}.hero{text-align:center;padding:35px 0 25px}.hero-pill{display:inline-block;color:#8235d8;background:#faf4ff;border:1px solid #eee3fa;border-radius:30px;padding:9px 16px;font-size:12px;font-weight:600}.hero h1{font-size:48px;font-weight:500;letter-spacing:-2px;margin:16px 0 9px}.hero p{color:var(--purple);font-size:19px;font-weight:600;margin:0}.hero p span{font-weight:400}.plans-section h2{font-size:14px;text-align:left;max-width:900px;margin:0 auto 12px}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:900px;margin:auto}.plan{position:relative;min-height:235px;padding:22px 18px;border:2px solid #e7e3ec;border-radius:18px;background:linear-gradient(145deg,#fff,#fcfaff);text-align:left;transition:.15s}.plan[aria-pressed=true]{border-color:var(--purple);background:#fcf8ff;box-shadow:0 10px 24px #873de918}.plan-title-line{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding-right:20px}.plan-title{font-size:18px;font-weight:700}.plan-period{font-size:10px;padding:4px 7px;border-radius:15px;color:#8134dc;background:#f2e9fc}.plan-check{position:absolute;right:15px;top:20px;width:20px;height:20px;border-radius:50%;border:2px solid #d9d5de;color:transparent;text-align:center;font-size:12px}.plan[aria-pressed=true] .plan-check{background:var(--purple);border-color:var(--purple);color:#fff}.plan-price{display:block;font-size:26px;font-weight:700;margin:24px 0 11px}.plan-price.pending{font-size:22px}.plan-description{display:block;font-size:12px;color:#918c98;line-height:1.6}.plan-features{display:flex;flex-direction:column;gap:8px;color:#aaa5af;font-size:11px;margin-top:23px;line-height:1.3}.plan-features span:before{content:'✓';margin-right:6px;color:#d2cbd9}.plan-recommend{position:absolute;top:-12px;right:14px;background:var(--purple);color:#fff;border-radius:16px;padding:5px 10px;font-size:10px}.checkout-card{max-width:700px;margin:20px auto 0;padding:22px;border:1px solid #eee8f5;border-radius:20px;background:#fff;box-shadow:0 14px 40px #8541e90b}.checkout-card>h2{font-size:16px;margin:0 0 18px}.field-label{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin:12px 0 7px}.field-label small{font-size:10px;color:#9c93a3;font-weight:400}input{width:100%;padding:12px 13px;border:1px solid #e6e1eb;border-radius:10px;background:#fff;color:var(--ink);font-size:13px}input::placeholder{color:#b4acb9;font-size:12px}.field-error{font-size:10px;color:var(--danger);margin:4px 0;line-height:1.5}.field-error:empty{display:none}.payment-field{border:0;padding:0;margin:15px 0 8px}.payment-field legend{font-size:12px;font-weight:600;padding:0;margin-bottom:7px}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.payment-option{position:relative;text-align:center;border:1px solid #e4dfea;border-radius:10px;padding:12px;color:#55505e;font-size:13px;cursor:pointer}.payment-option input{position:absolute;opacity:0;width:1px;height:1px}.payment-option:has(input:checked){border-color:#7694d0;background:#f3f7ff;color:#3a5ab6}.consent-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px;color:#958b9e;font-size:10px;margin:11px 0}.consent-row input{width:12px;height:12px;accent-color:var(--purple);margin:0}.inline-link{border:0;background:none;color:#8d57bc;text-decoration:underline;padding:0;font-size:inherit}.pay-button{width:100%;border:0;border-radius:11px;padding:15px;background:linear-gradient(100deg,#8231e8,#aa53ef);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:600;box-shadow:0 12px 23px #8a3fe72c}.pay-button b{font-size:13px}.pay-button #pay-symbol{font-size:18px}.simple-note{text-align:center;color:#9a90a2;font-size:11px;margin:15px 0}.customer-service{display:grid;grid-template-columns:100px 1fr;gap:21px;align-items:center;padding:15px;border-radius:16px;background:#faf5ff;border:1px solid #ebdff7}.qr-preview{position:relative;width:100px;height:118px;border:0;border-radius:10px;background:#fff;display:grid;place-items:center;color:#9959c7}.qr-dummy{font-size:54px;line-height:1}.qr-preview small{display:block;font-size:8px;color:#ad9cb8}.qr-zoom{position:absolute;top:5px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#fff;background:#918995cc;border-radius:12px;padding:3px 7px;font-size:8px}.customer-service h3{font-size:15px;margin:0 0 7px}.customer-service p{font-size:11px;color:#92889b;line-height:1.8;margin:3px 0}.disclaimer{text-align:center;font-size:11px;color:#a199a7;margin:25px 0 45px}footer{border-top:1px solid #eee8f4;background:#fdfbff;color:#9b8ea9;text-align:center;padding:25px 0 35px;font-size:11px}footer button{border:0;background:none;color:#8052aa;font-size:11px;padding:0}footer p{margin:12px 0 0}.modal-header{display:flex;align-items:center;justify-content:space-between}.close-modal{border:0;border-radius:50%;width:30px;height:30px;background:#f3eaff;color:#8750b9;font-size:22px}dialog{width:min(520px,calc(100% - 30px));border:1px solid #e5d8f1;border-radius:16px;padding:22px;background:#fff;color:var(--ink);box-shadow:0 25px 90px #3a1b5150}dialog::backdrop{background:#25132f55}.modal-header h2{font-size:18px;margin:0 0 18px}.modal-note{background:#faf3ff;border:1px solid #ebdcf6;border-radius:9px;padding:12px;color:#8a6a9c;font-size:11px;line-height:1.8}.modal-order-summary{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:13px}.modal-order-summary strong{font-size:24px}.modal-actions{display:flex;gap:9px;margin-top:20px}.modal-actions button{flex:1;justify-content:center;border-radius:10px;padding:12px}.modal-actions .primary{background:linear-gradient(100deg,#8231e8,#aa53ef);color:#fff;border:0}.modal-actions .secondary{background:#fff;color:#8538e9;border:1px solid #decbed}.pay-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pay-tabs button{padding:11px;border:1px solid #e4dfea;border-radius:9px;background:#fff;color:#6d6275}.pay-tabs button[aria-pressed=true]{border-color:#9b5be6;background:#f5edff;color:#8139d9}.pay-preview{text-align:center;margin:19px 0}.pay-placeholder{padding:30px 15px;border:1px dashed #cdb5df;border-radius:12px;background:#fcf7ff;color:#9366ac;display:flex;flex-direction:column;align-items:center;gap:7px}.pay-placeholder span{font-size:10px}.pay-preview p{font-size:10px;color:#93869f;line-height:1.8}.kv{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #eee7f4;font-size:11px}.kv span{color:#958b9d}.kv b{text-align:right;overflow-wrap:anywhere}.success-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#eee3fb;color:#833be0;font-size:24px;margin:12px auto}.success-heading{text-align:center;font-size:18px}.order-id{font-family:monospace}.order-item{padding:13px;border:1px solid #e8dff0;border-radius:10px;margin:11px 0}.order-item-top{display:flex;justify-content:space-between;gap:8px;font-size:11px}.status-pill{font-size:9px;color:#8438d5}.order-meta{font-size:10px;color:#97899f;line-height:1.8;margin-top:7px}.order-buttons{display:flex;gap:13px;margin-top:9px}.order-buttons button{border:0;background:none;color:#8438d5;font-size:10px;padding:0;text-decoration:underline}.search-row{display:flex;gap:8px;margin:13px 0}.search-row button{padding:10px 18px;border:0;background:var(--purple);color:white;border-radius:9px}.search-row input{flex:1}.empty-state{text-align:center;color:#958a9e;font-size:12px;padding:22px}.empty-state .secondary{padding:10px 15px;border:1px solid #dfd0eb;background:#fff;color:#8438d5}.support-qr{max-width:220px;max-height:260px;display:block;margin:15px auto}.support-wechat{text-align:center;background:#faf3ff;padding:12px;border-radius:8px;font-size:12px;color:#7f5b98}.support-hours{text-align:center;font-size:11px;color:#998ba3}.settings-label{display:block;font-size:11px;margin:12px 0 6px}.settings-product{padding:12px;border-radius:8px;background:#faf5ff;margin:9px 0}.settings-product input{margin-bottom:7px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.settings-actions{display:flex;gap:8px;margin-top:15px}.settings-actions button{flex:1;padding:11px;border-radius:9px}.settings-actions .primary{background:var(--purple);color:#fff;border:0}.settings-actions .secondary{background:#fff;color:var(--purple);border:1px solid #e2d4ed}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#5e2ba2;color:#fff;padding:11px 16px;border-radius:8px;font-size:11px;opacity:0;pointer-events:none;z-index:30}#toast.visible{opacity:1}
@media(max-width:760px){.shell{width:calc(100% - 28px)}.site-header{height:58px}.brand-mark{width:28px;height:28px;font-size:21px}.brand-name{font-size:14px}.brand small{display:none}.order-link{font-size:11px}.hero{padding:25px 0 20px}.hero-pill{font-size:10px;padding:7px 12px}.hero h1{font-size:28px;letter-spacing:-1px;margin:12px 0 8px}.hero p{font-size:17px}.plans-section h2{font-size:12px;margin-bottom:10px}.plans{grid-template-columns:1fr 1fr;gap:8px}.plan{min-height:108px;padding:14px 10px;border-radius:13px;text-align:center}.plan-title-line{flex-direction:column;gap:5px;padding:0}.plan-title{font-size:14px}.plan-period{font-size:8px;padding:4px 6px}.plan-price{font-size:17px;margin:9px 0 0}.plan-price.pending{font-size:16px}.plan-description,.plan-features,.plan-check,.plan-recommend{display:none}.checkout-card{margin-top:14px;padding:15px;border-radius:16px}.checkout-card>h2{font-size:14px;margin-bottom:14px}.field-label{font-size:10px;margin-top:10px}.field-label small{font-size:9px}input{font-size:16px;padding:10px 11px}input::placeholder{font-size:11px}.payment-option{font-size:12px;padding:10px}.consent-row{font-size:8px}.pay-button{padding:13px;font-size:13px}.pay-button b{font-size:10px}.simple-note{font-size:9px;margin:12px 0}.customer-service{grid-template-columns:72px 1fr;gap:10px;padding:9px;border-radius:13px}.qr-preview{width:72px;height:96px}.qr-dummy{font-size:43px}.qr-preview small{font-size:7px}.customer-service h3{font-size:11px}.customer-service p{font-size:9px}.disclaimer{font-size:9px;margin:18px 0 32px}footer{font-size:9px;padding-bottom:28px}footer button{font-size:9px}}
.service-benefits{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:18px 0 0;color:#716a7b;font-size:12px;line-height:1.6}.service-benefits li{display:flex;align-items:center;gap:7px;white-space:nowrap}.service-benefits li:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:var(--purple)}@media(max-width:760px){.service-benefits{font-size:10px;gap:6px 10px;margin-top:14px}.service-benefits li{gap:5px}.service-benefits li:before{width:5px;height:5px}}
.qr-preview{padding:25px 7px 7px}#inline-qr{display:block;width:100%}#inline-qr img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;padding:4px}.support-qr{width:min(340px,100%);max-width:340px;max-height:none;height:auto;padding:14px;background:#fff}@media(max-width:760px){.qr-preview{padding:23px 5px 5px}#inline-qr img{padding:3px}}
.hero .hero-typing{height:1.6em;line-height:1.6}.hero p #hero-typing-text{font-weight:600}.typing-cursor{display:inline-block;height:1em;border-right:2px solid currentColor;margin-left:4px;vertical-align:-.12em;animation:typing-blink .8s step-end infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes typing-blink{0%,100%{opacity:1}50%{opacity:0}}@media(max-width:760px){.hero .hero-typing{height:3.2em;max-width:100%}}@media(prefers-reduced-motion:reduce){.typing-cursor{animation:none}}
.plans,.plans-section h2{max-width:1000px}.plan-title-line{gap:5px;padding-right:20px}.plan-title{font-size:17px}.plan-period{font-size:12px;font-weight:700;white-space:nowrap;background:#efe5ff;color:#8538f4;padding:5px 8px}.currency-note{max-width:1000px;margin:12px auto 0;text-align:center;color:#9a90a2;font-size:10px;line-height:1.6}@media(max-width:760px){.plan-title-line{padding-right:0}.plan-title{font-size:14px}.plan-period{font-size:10px;padding:5px 8px}.currency-note{font-size:9px;padding:0 6px}}
dialog{max-height:92vh;max-height:92dvh;overflow-y:auto}.payment-qr{display:block;width:min(380px,100%);height:auto;margin:14px auto;border-radius:12px}.pay-tabs{margin-top:14px}.modal-note .order-id{overflow-wrap:anywhere}.modal-actions button{min-width:0}.pay-preview .order-id{overflow-wrap:anywhere}
.payment-qr{padding:16px;background:#fff;border:1px solid #eee8f5}