:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#18332c;background:#f4f6f3;font-synthesis:none;line-height:1.65}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:900px;margin:auto}header{display:flex;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid #dce4db}a{color:#12644e;text-underline-offset:4px}header a{text-decoration:none;font-weight:650}main{padding:36px 24px}h1{font-size:clamp(30px,5vw,44px);line-height:1.3;letter-spacing:-1px;margin:14px 0}h2{font-size:22px;margin:0 0 12px}h3{margin:0;font-size:19px}p{margin:10px 0;color:#50625b}.eyebrow{font-size:13px;letter-spacing:2px;color:#567b6c}.panel,.order,.help{background:#fff;border:1px solid #dbe3dc;border-radius:20px;padding:26px;margin:24px 0;box-shadow:0 7px 26px #173e2706}.account{padding:16px 20px;background:#e8eee6;border-radius:12px;margin:18px 0}.account a{margin-left:12px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.plan{padding:20px;text-align:left;background:#f9faf8;color:#18332c;border:1px solid #dbe3dc;border-radius:14px}.plan[aria-pressed=true]{border:2px solid #20765b;background:#eef5ee;padding:19px}.plan strong{font-size:27px;display:block;margin:8px 0}.plan small{display:block;font-size:14px;font-weight:400;color:#50625b}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #c4d4ca;border-radius:10px;padding:12px 18px;background:#fff;color:#1c5543;font-weight:600;min-height:48px}button:disabled{opacity:.5;cursor:default}.primary{background:#176247;color:#fff;border-color:#176247}.primary:hover:not(:disabled){background:#104c36}label{display:block;font-size:15px;margin:14px 0}label span,.fine{font-size:13px;color:#63746c}input:not([type=checkbox]):not([type=radio]),select{display:block;width:100%;padding:12px;border:1px solid #c7d3cb;border-radius:9px;background:#fff;margin-top:6px;min-height:48px;font-size:16px}input:focus,select:focus,textarea:focus,summary:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #90c6a9;outline-offset:2px}.consent{display:flex;align-items:flex-start;gap:10px}.consent input{width:20px;height:20px;flex-shrink:0}fieldset{border:0;margin:12px 0;padding:0}fieldset label{display:inline-flex;align-items:center;gap:8px;margin:8px 16px 8px 0}fieldset input{width:18px;height:18px}.notice:not(:empty),#status:not(:empty),.order-message:not(:empty){background:#fff3da;border:1px solid #e2c888;padding:14px 16px;border-radius:10px;color:#644817;white-space:pre-line}.order-state{display:inline-block;font-size:13px;color:#236344;background:#e8f2e8;padding:3px 10px;border-radius:30px;margin-bottom:8px}.order-id{font:12px ui-monospace,monospace;overflow-wrap:anywhere}.order-price{font-size:30px;font-weight:700;color:#18332c}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.order img{display:block;width:240px;max-width:100%;margin:16px auto}.order form{border-top:1px solid #e3e9e3;margin-top:18px;padding-top:12px}.help{background:#eaf0e7;box-shadow:none}.help>a{display:inline-block;margin:8px 24px 8px 0}footer{font-size:12px;padding:24px;color:#607268}#submit{width:100%}[hidden]{display:none!important}@media(max-width:560px){header{padding:16px}main{padding:24px 16px}.panel,.order,.help{padding:20px 16px;border-radius:16px}.plans{gap:10px}.plan{padding:14px 12px}.plan[aria-pressed=true]{padding:13px 11px}.plan strong{font-size:25px}.actions button{flex:1;min-width:120px}h2{font-size:20px}.account{padding:12px}.account a{display:inline-block;margin-left:0;margin-right:12px}}

/* Checkout keeps the current action ahead of purchase history. */
main{padding-top:24px}.intro h1{font-size:clamp(27px,5vw,36px);margin:8px 0}.intro p{margin:6px 0}.steps{list-style:none;display:flex;gap:12px;padding:0;margin:22px 0;color:#6a7771;font-size:14px}.steps li{flex:1;display:flex;gap:8px;align-items:center}.steps b{display:inline-grid;place-items:center;background:#e4eae4;width:28px;height:28px;border-radius:50%;font-size:13px;flex-shrink:0}.steps [aria-current=step]{color:#145c43;font-weight:700}.steps [aria-current=step] b{background:#176247;color:white}.account{font-size:14px}.panel,.order{margin:18px 0}#history{scroll-margin-top:18px}#history>h2{margin-top:22px}.order-price{margin:6px 0}.order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.order-head .order-price{white-space:nowrap;font-size:28px;line-height:1.3}.next-step{background:#edf5ef;border-radius:10px;padding:12px 14px;font-size:15px;color:#224f3c}.order-expiry{font-size:13px}.order .actions{align-items:center}.order .actions a{padding:12px 18px;border-radius:10px;min-height:48px;text-align:center;text-decoration:none;font-weight:650}.order-meta{border-top:1px solid #e3e9e3;margin-top:18px;padding-top:12px}.order-meta summary,.order-support summary,.past-orders>summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:14px;color:#365f4d}.order-meta .order-id{user-select:all}.secondary-actions{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0}.secondary-actions button{font-size:13px;padding:9px 12px;min-height:44px}.close-confirm{background:#fff3da;padding:14px;border-radius:10px;margin:12px 0}.close-confirm p{color:#644817}.close-confirm .actions{margin-bottom:0}.order-support{margin-top:10px;border-top:1px solid #e3e9e3;padding-top:4px}.order-support form{border:0;margin-top:0;padding:0}.order-support textarea{display:block;width:100%;min-height:104px;resize:vertical;border:1px solid #c7d3cb;border-radius:9px;padding:12px;margin-top:6px;font-size:16px}.support-receipt{background:#f3f6f2;padding:14px;border-radius:10px}.support-receipt h4{margin:0;font-size:15px}.support-receipt p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.support-reply{color:#214c38}.order-message{scroll-margin-top:20px}.past-orders{margin:18px 0}.past-orders>summary{font-weight:600}.past-orders .order{box-shadow:none;border-color:#e2e7e1}#purchaseHold{margin:18px 0}#purchaseHold p{color:inherit;margin-top:0}.purchase-summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-top:1px solid #e0e7df;margin-top:18px}.purchase-summary strong{font-size:28px;color:#173e2c;white-space:nowrap}.purchase-summary small{display:block;font-size:13px;color:#63746c}.delivery{font-size:14px}.order .claim-form input{max-width:420px}.order .claim-form button{width:100%;margin-top:12px}.help h2{font-size:19px}#status:empty{margin:0}#orders:empty{display:none}
@media(max-width:560px){main{padding-top:20px}.steps{gap:6px;font-size:13px;margin:18px 0}.steps li{gap:6px}.steps b{width:24px;height:24px}.panel,.order{padding:18px 16px}.plans{margin-bottom:18px}.order-head{gap:8px}.order-head h3{font-size:18px}.order-head .order-price{font-size:25px}.order .actions{display:grid;grid-template-columns:1fr;margin:14px 0}.order .actions button{min-width:0;width:100%}.order .secondary-actions button{flex:1}.order .close-confirm .actions{grid-template-columns:1fr 1fr}.order .close-confirm button{padding:10px;font-size:14px}.purchase-summary strong{font-size:26px}.help{margin-top:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

.service-scope{margin:12px 0;border:1px solid #dce5dc;border-radius:10px;padding:0 14px;background:#f8faf7}.service-scope summary{cursor:pointer;min-height:48px;padding:12px 0;font-size:14px;font-weight:600}.service-scope ul{padding-left:20px;margin:4px 0 12px;font-size:14px;color:#50625b}.service-scope li{margin:7px 0}.wechat-guide{border:1px solid #c5dccb;background:#eef6ef;border-radius:12px;padding:14px;margin:14px 0;font-size:14px}.wechat-guide p{margin:8px 0}.wechat-guide input{font-size:13px!important;overflow-wrap:anywhere}#wechatCopyStatus:empty{display:none}.password-toggle{display:flex;align-items:center;gap:8px;font-size:14px}.password-toggle input{width:20px;height:20px}#renewalBlocked,#renewalLogin{margin:16px 0}#renewalLogin a{display:block;margin-top:8px}#orderOverview{margin-top:18px}.draft-note{font-size:13px;color:#526e5e}

.activation-progress{margin:16px 0;padding:16px;border:1px solid #d8e7dc;border-radius:12px;background:#f7faf6}.activation-progress h4{margin:0 0 12px;font-size:15px}.activation-progress ol{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding:0;margin:0}.activation-progress li{font-size:14px;display:flex;gap:8px;align-items:baseline;color:#647267}.progress-state{font-size:11px;white-space:nowrap;padding:1px 6px;border-radius:5px;background:#e9ede6}.activation-progress [data-complete=true]{color:#205c43}.activation-progress [data-complete=true] .progress-state{background:#dceee1;color:#1b5d3c}.activation-progress .fine{margin-bottom:0}@media(max-width:400px){.activation-progress ol{grid-template-columns:1fr}}
.activation-progress summary{cursor:pointer;font-size:14px;font-weight:600;min-height:32px;padding:3px 0;color:#28533c}.activation-progress[open] summary{margin-bottom:12px}
