*{box-sizing:border-box}body{margin:0;font:15px/1.8 system-ui,"Microsoft YaHei",sans-serif;color:#f0fff8;background:radial-gradient(ellipse at right,#0b654b,transparent 65%),linear-gradient(120deg,#062c22,#084c38);min-height:100vh}header,main,footer{max-width:1100px;margin:auto;padding:22px 24px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #ffffff25}a{color:inherit}.brand{font-size:25px;font-weight:750;text-decoration:none}.intro{text-align:center;padding:25px 0}.eyebrow{letter-spacing:.25em;font-size:12px;color:#8fdfbd}h1{font-size:36px;line-height:1.4;margin:10px 0}h2{font-size:20px;margin:0 0 14px}section:not(.intro){text-align:center;border:1px solid #ffffff35;background:#ffffff06;border-radius:14px;padding:24px;margin:0 0 24px}.account{color:#d8eee3}.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.tier{min-width:0;border:1px solid #d4ffed55;border-radius:10px;padding:26px 15px;display:flex;flex-direction:column;gap:12px;background:#ffffff09;color:inherit;cursor:pointer}.tier[aria-pressed=true]{color:#064a36;background:#fff;border-color:#53d49b;box-shadow:0 0 0 2px #53d49b}.tier strong{font-size:35px}.tier span{font-size:14px}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #f7d77b;outline-offset:4px}#pay{background:#13b570;color:#fff;border:1px solid #66d9a8;border-radius:7px;width:100%;min-height:49px;font-weight:700}#pay:disabled{opacity:.65;cursor:default}.payment-methods,#terms{font-size:13px;color:#c4e3d4}#status{color:#f6dc9d}p{overflow-wrap:anywhere}.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.benefits h3{font-size:16px}.benefits p{font-size:13px;color:#c4e3d4}footer{display:flex;justify-content:space-between;gap:15px;color:#c4e3d4;font-size:12px}footer nav{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:600px){header,main,footer{padding:18px 16px}header{flex-wrap:wrap}.brand{font-size:22px}h1{font-size:27px}.tiers,.benefits{grid-template-columns:1fr}.tier{padding:20px}.tier strong{font-size:32px}section:not(.intro){padding:20px 16px}footer{flex-direction:column}}

#login,#report,#check,#close-payment,#resume-order{padding:10px 18px;border:1px solid #6ad6a6;border-radius:6px;background:#0a9660;color:white;cursor:pointer;margin:6px}#consent{display:block;font-size:12px;margin-top:12px}#payment{background:#083f30;color:#f2fff9;border:1px solid #6ad6a6;border-radius:12px;width:min(520px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;text-align:center}#payment::backdrop{background:#00170fcc;backdrop-filter:blur(4px)}#payment-qr{display:block;max-width:100%;height:auto;margin:15px auto;background:white;padding:8px}#payment p{overflow-wrap:anywhere}#payment button{min-height:44px}#status{min-height:28px}[hidden]{display:none!important}

/* Listing-only header and compact recharge rhythm. */
.site-header{max-width:none;padding:0;background:#073f30cc;border-bottom:1px solid #ffffff20}
.header-inner{max-width:1100px;margin:auto;padding:18px 24px 0}.header-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.site-header .brand{display:flex;align-items:center;gap:9px;font-size:25px;white-space:nowrap}.brand img{display:block;flex:none}.current-product{font-size:12px;white-space:nowrap;color:#d2ecdf}.trust-labels{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.trust-labels span{font-size:11px;border:1px solid #b9eace55;border-radius:20px;padding:4px 10px;color:#d7f9e7;white-space:nowrap;background:#ffffff05}.platform-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;padding:14px 0;margin:14px 0 0;border-top:1px solid #ffffff24;list-style:none}.platform-logos li{display:flex;align-items:center;gap:7px;font-size:12px;color:#e2f5e9;white-space:nowrap}.platform-logos img{display:block;object-fit:contain;background:#ffffffef;border-radius:5px;padding:3px}.platform-logos img[src$=".ico"]{padding:0}
main{padding-top:18px}.intro{padding:15px 0 18px}.intro h1{margin:8px 0 12px;font-size:34px}.intro>p:last-child{margin:0}.eyebrow{margin:0;color:#93ddba}.account{padding:16px 20px!important;margin-bottom:18px!important}.account h2{font-size:17px;margin-bottom:6px}#consent{margin-top:8px}.recharge{padding:20px 24px!important;margin-bottom:18px!important}.recharge h2{margin:0 0 8px}.recharge>p{margin:5px 0;line-height:1.65}#price{font-weight:650;color:#e0f9e9}#trial{font-size:13px;color:#ccebdc}.recharge>p:nth-of-type(3){font-size:13px;color:#b9decd}.tiers{margin-top:14px;gap:16px}.tier{padding:21px 14px;gap:8px}#estimate{margin:12px 0 8px;font-size:13px}#terms{font-size:12px;line-height:1.7}.payment-methods{margin:8px 0!important}#status:empty{display:none}
#auth-dialog{width:min(500px,calc(100% - 28px));max-height:calc(100dvh - 32px);margin:auto;padding:25px;background:#fff;color:#163d2d;border:1px solid #b8d8c7;border-radius:16px;box-shadow:0 25px 90px #00150d80;overflow-y:auto}#auth-dialog::backdrop{background:#001a12b8;backdrop-filter:blur(5px)}.auth-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.auth-heading h2{font-size:23px;line-height:1.4;margin:4px 0 0}.auth-kicker{font-size:10px;letter-spacing:.13em;color:#628574;margin:0}#auth-close{padding:0;width:34px;height:34px;flex:none;border:1px solid #caddd1;background:#f6faf8;border-radius:7px;font-size:24px;color:#315c47}.auth-description{font-size:14px;color:#52715f;margin:16px 0}.auth-consent{font-size:12px;line-height:1.8;display:flex;gap:8px;align-items:flex-start}.auth-consent input{flex:none;margin-top:5px;accent-color:#0a9660}.auth-consent a{color:#08774a;text-underline-offset:3px}#auth-start{width:100%;min-height:47px;border:1px solid #0b9e64;border-radius:7px;background:#0b9e64;color:white;font-weight:700;margin:18px 0 0}#auth-start:disabled{opacity:.65;cursor:wait}#auth-scan{text-align:center;margin-top:16px}#auth-qr{display:block;width:min(100%,330px);height:400px;border:0;background:white;margin:auto}#auth-fallback{font-size:12px;color:#08774a}#auth-status{font-size:13px;color:#507660;margin:12px 0 0;overflow-wrap:anywhere}
@media(max-width:1000px){.current-product{display:none}.header-top{gap:14px}.trust-labels span{font-size:10px;padding:3px 8px}.platform-logos{gap:12px 20px}}
@media(max-width:600px){.header-inner{padding:16px 16px 0}.header-top{flex-wrap:wrap;gap:12px}.site-header .brand{font-size:23px}.trust-labels{justify-content:flex-start;gap:5px}.trust-labels span{font-size:10px}.platform-logos{justify-content:flex-start;gap:12px 16px;margin-top:12px;padding:13px 0}.platform-logos li{font-size:11px;gap:5px}.platform-logos img{width:22px;height:22px}.intro{padding:14px 0 20px}.intro h1{font-size:27px}.account{padding:15px 14px!important}.recharge{padding:18px 16px!important}.recharge>p{margin:5px 0}.tiers{gap:12px}.tier{padding:17px}.tier strong{font-size:30px}#auth-dialog{padding:21px 18px}#auth-qr{height:390px}.auth-heading h2{font-size:21px}}

.header-inner{width:100%}

/* Compact purchase view, 2026-11-02: controls remain in normal flow. */
#login{width:100%;min-height:49px;margin:8px 0 0;display:block}
.header-inner{padding-top:12px}.platform-logos{margin-top:10px;padding:10px 0}
main{padding-top:12px}.intro{padding:8px 0 14px}.intro h1{font-size:30px;margin:6px 0 8px}
.account{padding:12px 24px!important;margin-bottom:12px!important}
.recharge{padding:16px 24px!important}.recharge h2{margin-bottom:5px}
.tiers{margin-top:12px;gap:14px}.tier{position:relative;padding:12px 12px 10px;gap:3px;align-items:center}
.tier strong{font-size:31px;line-height:1.25}.tier span{font-size:13px;line-height:1.5}
.tier .tier-badge{font-size:11px;padding:2px 12px;border-radius:20px;background:#e7bc65;color:#173f2b;font-weight:700;margin-bottom:5px}
.tier .tier-validity{color:#bde5cd;font-size:12px}.tier[aria-pressed=true] .tier-validity{color:#386a50}
#estimate{min-height:0;margin:7px 0;font-size:12px}#estimate:empty{display:none}
#pay{margin-top:10px}#consent{margin-top:6px}#orders-panel{margin-top:0}
@media(min-width:601px) and (max-height:800px){.header-inner{padding-top:8px}.platform-logos{padding:7px 0;margin-top:7px}.intro{padding:4px 0 10px}.intro h1{font-size:27px}.intro .eyebrow{font-size:10px}.recharge{padding:12px 24px!important}.tier{padding:8px}.tier strong{font-size:29px}main{padding-top:8px}}
@media(max-width:600px){
 .header-inner{padding:10px 12px 0}.header-top{gap:5px}.site-header .brand{font-size:21px}.brand img{width:23px;height:23px}.trust-labels{gap:4px}.trust-labels span{font-size:9px;padding:1px 6px}.platform-logos{gap:6px 12px;margin-top:7px;padding:7px 0}.platform-logos img{width:18px;height:18px}.platform-logos li{font-size:10px}
 main{padding:8px 12px}.intro{padding:5px 0 10px}.intro .eyebrow{display:none}.intro h1{font-size:22px;line-height:1.35;margin:3px 0 6px}.intro>p:last-child{font-size:12px;line-height:1.5}
 .account{padding:10px 12px!important;margin-bottom:10px!important}.account h2{font-size:15px;margin-bottom:3px}#account{font-size:12px;line-height:1.5}#consent{font-size:10px;line-height:1.6;margin-top:5px}#login{min-height:44px;margin-top:6px;padding:7px 8px;font-size:13px}
 .recharge{padding:12px!important}.recharge h2{font-size:17px;margin:0 0 4px}#price{font-size:12px;line-height:1.5}#trial{font-size:11px;line-height:1.4}
 .tiers{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.tier{padding:9px 3px;gap:3px}.tier strong{font-size:23px;line-height:1.2}.tier span{font-size:10px;line-height:1.5}.tier .tier-badge{font-size:10px;padding:1px 7px;margin-bottom:3px}.tier .tier-validity{font-size:10px}
 #estimate{font-size:10px;line-height:1.4;margin:5px 0}#pay{min-height:44px;font-size:14px;margin-top:7px}.benefits{grid-template-columns:1fr}
}

@media(min-width:601px) and (max-height:800px){.intro>p:last-child{display:none}}
@media(max-width:600px) and (max-height:740px){
 .trust-labels{display:none}.platform-logos{gap:6px 12px}.platform-logos li span{display:none}
 .intro>p:last-child{display:none}.intro h1{font-size:20px}.intro{padding:3px 0 8px}
 .account h2{display:none}.account{padding:8px 12px!important}#consent{margin-top:4px}
 .recharge{padding:10px 12px!important}.recharge h2{font-size:16px}.tier strong{font-size:20px}.tier{padding:7px 2px}
 #trial{font-size:10px}#estimate{margin:4px 0}#pay{margin-top:5px}
}

@media(max-width:340px) and (max-height:650px){.header-inner{padding-top:6px}.intro{padding:0 0 4px}.intro h1{font-size:18px;margin:0 0 3px}.account{margin-bottom:6px!important}.recharge h2{font-size:14px}.recharge{padding-top:8px!important}.tier{padding-top:5px;padding-bottom:5px}}

/* Center the drawn close mark inside its existing button frame. */
#auth-close{position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:0;padding:0;flex-shrink:0}
#auth-close::before, #auth-close::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:1px;background:currentColor;pointer-events:none}
#auth-close::before{transform:translate(-50%,-50%) rotate(45deg)}
#auth-close::after{transform:translate(-50%,-50%) rotate(-45deg)}

#claim-trial{display:block;width:100%;max-width:520px;margin:10px auto;padding:12px 18px;font-size:16px}#claim-trial:disabled{opacity:.65}