.checkout-page{max-width:1240px;padding:26px 30px 64px}.checkout-path{display:flex;gap:16px;align-items:center;font-size:14px;color:#8b958f;margin-bottom:28px}.checkout-path>span{display:flex;gap:8px;align-items:center}.checkout-path i{font-style:normal;font-size:12px;border:1px solid #d9dfd8;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}.checkout-path [aria-current]{color:var(--ink);font-weight:600}.checkout-path [aria-current] i{background:var(--ink);border-color:var(--ink);color:white}.checkout-path .complete{color:#57775e}.checkout-path b{font-weight:400;color:#c2cdc2}.checkout-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.checkout-heading h1{font-size:clamp(30px,3vw,42px);line-height:1.3;letter-spacing:.01em}.checkout-heading p{font-size:16px;color:var(--muted);margin-top:12px}.checkout-heading>a{font-size:14px;white-space:nowrap}.checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:46px;align-items:start}.checkout-plan{min-width:0}.checkout-source{display:flex;gap:14px;align-items:center;padding:16px;border:1px solid #dce4d7;background:#eef2e9;border-radius:10px}.checkout-source>div:nth-child(2){min-width:0;flex:1}.checkout-source strong{font-size:16px}.checkout-source strong span{font-size:13px;color:var(--muted);font-weight:400;margin-left:8px}.checkout-source p{font-size:14px;line-height:1.6;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.checkout-source .quiet-link{font-size:14px;flex-shrink:0}.checkout-list-heading{display:flex;justify-content:space-between;align-items:center;margin:26px 0 16px;gap:12px}.checkout-list-heading h2{font:600 20px var(--sans)}.checkout-list-heading>span{font-size:14px;color:var(--muted)}.checkout-deliverables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.checkout-deliverable{background:white;border:1px solid #dde3d9;border-radius:10px;padding:18px}.deliverable-heading{display:flex;align-items:center;gap:10px}.deliverable-heading strong{font-size:17px;font-weight:600}.deliverable-icon{color:#6f886f;display:flex}.deliverable-icon svg{width:21px;height:21px}.deliverable-count{margin-left:auto;color:#738375;font-size:14px}.checkout-deliverable>p{font-size:14px;color:var(--muted);margin:13px 0 22px}.deliverable-footer{border-top:1px solid #edf0e9;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.deliverable-footer b{font-weight:400;margin-left:8px;padding-left:8px;border-left:1px solid #dce2d8}.deliverable-footer .text-link{font-size:14px;border:0;padding:0}.checkout-specs{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0 16px;font-size:14px}.checkout-specs>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.checkout-specs svg,.checkout-analysis-note svg{width:18px;height:18px;flex-shrink:0}.checkout-specs .quick-language{margin-left:auto}.checkout-analysis-note{display:flex;gap:8px;align-items:start;font-size:14px;line-height:1.7;color:var(--muted);padding:16px 0 6px}.checkout-analysis-note svg{margin-top:3px}.checkout-advanced{border-bottom:1px solid var(--line)}.checkout-advanced summary{font-size:15px}.checkout-expectation{margin-top:24px}.checkout-expectation strong{font-size:15px}.checkout-expectation p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:8px}.checkout-payment{background:white;border:1px solid #cddbc9;border-radius:16px;padding:26px;box-shadow:0 12px 35px #123e3210;position:sticky;top:18px}.checkout-offer{text-align:center}.checkout-offer>span{font-size:15px;font-weight:600}.checkout-price{display:flex;justify-content:center;align-items:baseline;gap:5px;margin:4px 0}.checkout-price>span{font-size:28px}.checkout-price strong{font-family:var(--sans);font-size:64px;font-weight:600;line-height:1.2;letter-spacing:-3px}.checkout-price small{font-size:14px;color:var(--muted);margin-left:8px}.checkout-offer p{color:var(--muted);font-size:14px}.payment-tabs{display:flex;background:#f0f3ed;border-radius:8px;padding:4px;margin:22px 0 20px;gap:4px}.payment-tabs button{flex:1;border:0;background:none;color:var(--muted);font-size:14px;border-radius:5px;min-height:38px;cursor:pointer}.payment-tabs .selected{background:white;color:var(--ink);box-shadow:0 1px 4px #1d3d3012;font-weight:600}.scan-payment{text-align:center}.alipay-heading{display:flex;justify-content:center;align-items:center;gap:8px;font-size:14px}.alipay-mark{background:#1677ff;color:white;font-weight:600;font-size:16px;border-radius:5px;width:23px;height:23px;display:grid;place-items:center}.demo-qr{position:relative;border:1px solid #dde3da;border-radius:9px;padding:9px;width:182px;height:182px;margin:16px auto 12px;background:#fff;overflow:hidden}.demo-qr img{display:block;width:100%;height:100%}.demo-qr>span{position:absolute;top:76px;left:0;right:0;background:#fffdf3f5;border-block:1px solid #e8dfc2;color:#766547;font-size:13px;padding:7px 0;font-weight:600}.payment-hint{font-size:13px;color:var(--muted);line-height:1.7;margin-top:12px}.payment-demo-action{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:1px dashed #a2b79b;border-radius:7px;background:#f2f6ed;color:var(--ink);font-size:14px;padding:12px;cursor:pointer;margin-top:16px;text-align:left}.payment-demo-action:hover{background:#e7efdf}.payment-after{display:flex;justify-content:center;gap:16px;font-size:12px;margin-top:20px;color:#62725c}.checkout-payment-note{font-size:12px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.checkout-review-note{font-size:12px;color:#8a8069;background:#f8f6ef;line-height:1.65;border-radius:6px;padding:9px 10px;margin-top:12px}.points-summary{display:flex;justify-content:space-between;margin:24px 0 8px}.points-summary>div{display:flex;flex-direction:column;gap:10px}.points-summary>div:last-child{text-align:right}.points-summary span{font-size:14px;color:var(--muted)}.points-summary strong{font-size:30px;font-weight:500}.points-summary small{font-size:14px;color:var(--muted)}.points-caption{font-size:12px;color:var(--muted);line-height:1.6;margin:12px 0 20px}.points-shortfall{font-size:14px;line-height:1.6;background:#f6f3e9;color:#7b6a42;padding:10px;border-radius:6px;margin-bottom:20px}.points-guest{text-align:center;padding:10px 0 20px}.points-guest h3{font:600 20px var(--sans)}.points-guest p{font-size:14px;line-height:1.8;margin:14px 0 24px;color:var(--muted)}.points-guest .quiet-link{font-size:14px;margin-top:12px}.checkout-auth-tabs{margin-top:0}.checkout-auth-body p{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:16px}.checkout-auth-body input{width:100%;border:1px solid var(--line);border-radius:8px;padding:13px;font-size:16px;margin:8px 0 20px}.checkout-auth-body .button{margin-top:12px}.checkout-receipt{display:flex;align-items:center;gap:20px;border:1px solid #cddbc9;background:#edf3e6;border-radius:10px;padding:18px 22px;margin-bottom:24px}.checkout-receipt>div{flex:1}.checkout-receipt strong{font-size:16px}.checkout-receipt p{font-size:14px;color:var(--muted);line-height:1.7;margin-top:5px}.checkout-receipt .text-link{font-size:14px;white-space:nowrap}
@media(max-width:1050px){.checkout-grid{gap:26px;grid-template-columns:minmax(0,1fr) 330px}.checkout-payment{padding:22px}.checkout-specs{gap:12px;flex-wrap:wrap}.checkout-specs .quick-language{margin-left:0}.checkout-deliverable{padding:15px}.deliverable-footer{flex-wrap:wrap;gap:8px}}
@media(max-width:800px){.checkout-grid{grid-template-columns:1fr}.checkout-payment{position:static;max-width:500px;width:100%;margin:auto}.checkout-page{padding:24px}.checkout-heading>a{display:none}.checkout-expectation{display:none}.checkout-heading h1{font-size:32px}.checkout-heading p{font-size:15px}.checkout-path{gap:10px;font-size:12px}.checkout-path b{display:none}.checkout-source{flex-wrap:wrap}.checkout-source>div:nth-child(2){flex-basis:140px}.checkout-receipt{align-items:start;flex-direction:column}}
@media(max-width:420px){.checkout-page{padding:22px 18px 48px}.checkout-heading h1{font-size:28px}.checkout-path{justify-content:space-between;gap:6px}.checkout-path i{width:18px;height:18px}.checkout-path>span{gap:4px}.checkout-deliverables{gap:10px}.checkout-deliverable{padding:13px}.deliverable-icon{display:none}.deliverable-heading strong{font-size:16px}.checkout-deliverable>p{font-size:14px;line-height:1.6;min-height:45px;margin-bottom:12px}.deliverable-footer{font-size:12px}.deliverable-footer .text-link{font-size:14px}.checkout-specs{gap:12px;font-size:14px}.checkout-specs .quick-language{width:100%;justify-content:space-between}.checkout-source .quick-photos{max-width:115px}.checkout-source strong span{display:block;margin:3px 0 0}}

/* 到账后保留短暂、明确的付款成功反馈。 */
.payment-success{padding:44px 12px;text-align:center;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.payment-success-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#eaf3e9;color:#245c40;font-size:36px;line-height:1}
.payment-success h2{margin:4px 0 0;font-size:30px;color:#173f33}
.payment-success p{margin:0;font-size:18px;color:#53665c}
.payment-success .payment-success-note{font-size:15px;margin-bottom:12px}

/* 实际收银台优先展示二维码，套餐详情仍在左侧。 */
.checkout-page:has(.mpay-cashier){padding-top:14px}
.checkout-page:has(.mpay-cashier) .checkout-path{margin-bottom:14px}
.checkout-page:has(.mpay-cashier) .checkout-heading{margin-bottom:20px}
.checkout-page:has(.mpay-cashier) .checkout-heading h1{font-size:32px}
.checkout-page:has(.mpay-cashier) .checkout-heading p{margin-top:6px;font-size:15px}
.checkout-payment:has(.mpay-cashier){padding:18px;display:flex;flex-direction:column}
.checkout-payment:has(.mpay-cashier) .checkout-offer{display:grid;grid-template-columns:1fr auto;text-align:left;align-items:center;gap:0 12px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:8px}
.checkout-payment:has(.mpay-cashier) .checkout-offer>span{font-size:14px}
.checkout-payment:has(.mpay-cashier) .checkout-offer>p{font-size:12px;grid-column:1/-1;margin:0}
.checkout-payment:has(.mpay-cashier) .checkout-price{gap:2px;margin:0}
.checkout-payment:has(.mpay-cashier) .checkout-price strong{font-size:34px;letter-spacing:-1px}
.checkout-payment:has(.mpay-cashier) .checkout-price>span{font-size:17px}
.checkout-payment:has(.mpay-cashier) .checkout-price small{font-size:12px;margin-left:2px}
.checkout-payment:has(.mpay-cashier)>.notice{order:2;font-size:12px;line-height:1.6;padding:8px;margin-top:10px}
.checkout-payment:has(.mpay-cashier)>.text-link{font-size:12px;align-self:center;padding:4px 0}
.checkout-payment:has(.mpay-cashier)>.payment-hint{margin-top:8px;font-size:12px}
.checkout-payment:has(.mpay-cashier)>.checkout-payment-note{order:3}
@media(max-width:800px){
 .checkout-page:has(.mpay-cashier) .checkout-payment{grid-row:1}
 .checkout-page:has(.mpay-cashier) .checkout-heading{margin-bottom:16px}
 .checkout-page:has(.mpay-cashier) .checkout-heading h1{font-size:26px}
 .checkout-page:has(.mpay-cashier) .checkout-heading p{font-size:14px}
}