:root{--checkout-red:#ff4e3b;--checkout-ink:#171a21;--checkout-muted:#707580;--checkout-soft:#f6f7f9}
.checkout-page{background:radial-gradient(circle at 12% 8%,rgba(255,82,57,.10),transparent 28%),radial-gradient(circle at 88% 20%,rgba(255,133,54,.09),transparent 26%),#f7f8fa;color:var(--checkout-ink)}
.checkout-brand-icon{width:36px;height:36px;border-radius:10px;object-fit:contain}
.checkout-main{min-height:calc(100vh - 160px);padding:56px 0 80px}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.checkout-panel,.checkout-summary,.payment-result-card{border:1px solid rgba(27,30,37,.08);box-shadow:0 22px 70px rgba(31,34,40,.09)}
.checkout-panel{padding:34px}.checkout-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding-bottom:28px;border-bottom:1px solid #eceef1}.checkout-heading h1{margin:6px 0 8px;font-size:34px}.checkout-heading p,.checkout-step p{margin:0;color:var(--checkout-muted);font-size:14px}.checkout-lock{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#1d2028,#343845);color:#fff;font-size:12px;font-weight:800;letter-spacing:.12em}
.checkout-step{display:flex;gap:14px;align-items:center;margin:28px 0 16px}.checkout-step>span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#fff0ed;color:var(--checkout-red);font-size:12px;font-weight:800}.checkout-step h2{margin:0 0 3px;font-size:18px}
.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.package-card,.channel-card{position:relative;border:1px solid #e6e8ec;background:#fff;border-radius:17px;cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s}.package-card{padding:19px}.package-card:hover,.channel-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(29,32,39,.08)}.package-card.active,.channel-card.active{border-color:var(--checkout-red);box-shadow:0 0 0 3px rgba(255,78,59,.10)}.package-card b,.package-card span,.package-card small{display:block}.package-card b{font-size:17px}.package-card .coin-count{margin:15px 0 3px;font-size:25px;font-weight:800}.package-card .coin-count i{font-style:normal;font-size:12px;color:var(--checkout-muted)}.package-card .price{color:var(--checkout-red);font-size:17px;font-weight:800}.package-card small{margin-top:7px;color:var(--checkout-muted);line-height:1.5}.package-hot{position:absolute;right:10px;top:10px;padding:4px 7px;border-radius:8px;background:#fff0ed;color:var(--checkout-red);font-size:10px;font-weight:700}
.channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.channel-card{display:flex;align-items:center;gap:13px;padding:16px 18px}.channel-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#fff;font-weight:900}.channel-symbol.wechat{background:#10b764}.channel-symbol.alipay{background:#1677ff}.channel-card b,.channel-card small{display:block}.channel-card small{margin-top:3px;color:var(--checkout-muted)}
.identity-card{margin-top:18px;padding:18px;border:1px solid #ffd4cc;border-radius:17px;background:#fff8f6}.identity-card>div p{margin:5px 0 14px;color:var(--checkout-muted);font-size:13px}.identity-card form{display:grid;grid-template-columns:1fr 1.35fr auto;gap:10px}.identity-card input{width:100%;height:43px;padding:0 12px;border:1px solid #dfe2e7;border-radius:11px;background:#fff}.identity-code{display:grid;grid-template-columns:1fr auto;gap:8px}
.checkout-consent{display:flex;gap:10px;align-items:flex-start;margin:24px 0 16px;padding:14px 16px;border-radius:14px;background:var(--checkout-soft);color:#545964;font-size:13px;line-height:1.65}.checkout-consent input{margin-top:4px;accent-color:var(--checkout-red)}.checkout-consent a{color:var(--checkout-red)}.checkout-submit{width:100%;height:52px;border:0;border-radius:15px;background:linear-gradient(110deg,#ff4334,#ff743b);color:#fff;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 13px 30px rgba(255,75,54,.23)}.checkout-submit:disabled{cursor:not-allowed;box-shadow:none;filter:grayscale(.55);opacity:.55}.checkout-message{min-height:22px;margin-top:12px;text-align:center;color:var(--checkout-muted);font-size:13px}.checkout-message.error{color:#c8362b}.checkout-message.success{color:#078e4f}.checkout-loading{grid-column:1/-1;padding:22px;border:1px dashed #dfe2e7;border-radius:15px;color:var(--checkout-muted);text-align:center}
.checkout-summary{position:sticky;top:92px;padding:25px}.checkout-summary h2{margin:6px 0 24px}.summary-product{padding:21px;border-radius:18px;background:linear-gradient(145deg,#1b1e25,#30262a);color:#fff}.summary-product span,.summary-product small{display:block;color:rgba(255,255,255,.68)}.summary-product b{display:inline-block;margin:16px 6px 0 0;font-size:36px}.summary-row{display:flex;justify-content:space-between;gap:20px;padding:17px 2px;border-bottom:1px solid #eceef1;font-size:13px}.summary-row strong{font-size:15px}.checkout-safety{margin-top:20px;padding:16px;border-radius:14px;background:#f5f7fa}.checkout-safety b{font-size:13px}.checkout-safety p{margin:7px 0 0;color:var(--checkout-muted);font-size:12px;line-height:1.7}
.payment-result-main{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:50px 20px}.payment-result-card{width:min(100%,620px);padding:42px;text-align:center}.payment-state-icon{width:72px;height:72px;margin:0 auto 24px;display:grid;place-items:center;border-radius:24px;font-size:20px;font-weight:900}.payment-state-icon.pending{background:#fff2e8;color:#e96c23}.payment-state-icon.success{background:#eaf9f1;color:#07935b}.payment-state-icon.failed{background:#fff0ee;color:#d53d30}.payment-result-card h1{margin:7px 0 10px}.payment-result-card>p{color:var(--checkout-muted);line-height:1.7}.result-order{margin:28px 0;text-align:left;border:1px solid #e8eaee;border-radius:16px;overflow:hidden}.result-order>div{display:flex;justify-content:space-between;gap:20px;padding:14px 17px;border-bottom:1px solid #eceef1}.result-order>div:last-child{border:0}.result-order dt{color:var(--checkout-muted)}.result-order dd{margin:0;font-weight:700}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.wechat-qr-dialog{width:min(92vw,460px);padding:34px;border:0;border-radius:26px;background:#fff;color:var(--checkout-ink);text-align:center;box-shadow:0 30px 100px rgba(15,18,25,.28)}.wechat-qr-dialog::backdrop{background:rgba(13,16,22,.62);backdrop-filter:blur(5px)}.wechat-qr-dialog h2{margin:8px 0 10px;font-size:28px}.wechat-qr-dialog p{margin:0 auto 20px;max-width:340px;color:var(--checkout-muted);font-size:14px;line-height:1.7}.wechat-qr-close{position:absolute;right:16px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#f2f3f5;color:#535965;font-size:24px;line-height:1;cursor:pointer}.wechat-qr-frame{width:248px;height:248px;margin:0 auto 16px;padding:10px;border:1px solid #e5e8ed;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(24,28,35,.09)}.wechat-qr-frame img{display:block;width:100%;height:100%;object-fit:contain}.wechat-qr-status{margin-bottom:8px;color:#078e4f;font-size:14px;font-weight:700}.wechat-qr-status.error{color:#c8362b}.wechat-qr-dialog small{color:var(--checkout-muted);word-break:break-all}
.account-merge-dialog{width:min(92vw,520px);padding:32px;border:0;border-radius:26px;background:#fff;color:var(--checkout-ink);box-shadow:0 30px 100px rgba(15,18,25,.3)}.account-merge-dialog::backdrop{background:rgba(13,16,22,.64);backdrop-filter:blur(5px)}.account-merge-dialog h2{margin:8px 0 10px;font-size:28px}.account-merge-dialog>p{margin:0 0 20px;color:var(--checkout-muted);font-size:14px;line-height:1.75}.account-merge-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.account-merge-summary>div{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-radius:13px;background:#f6f7f9}.account-merge-summary span{color:var(--checkout-muted);font-size:12px}.account-merge-summary b{font-size:18px}.account-merge-warning{margin:16px 0;padding:13px 14px;border:1px solid #ffd3ca;border-radius:13px;background:#fff7f4;color:#9b3527;font-size:12px;line-height:1.65}.account-merge-actions{display:grid;grid-template-columns:1fr 1.65fr;gap:10px}.account-merge-actions .site-btn{justify-content:center}.account-merge-actions .site-btn:disabled{cursor:not-allowed;opacity:.55}
@media(max-width:900px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static;grid-row:1}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.checkout-main{padding:22px 0 50px}.checkout-panel{padding:22px 16px}.checkout-heading h1{font-size:28px}.checkout-lock{display:none}.package-grid,.channel-grid{grid-template-columns:1fr}.identity-card form{grid-template-columns:1fr}.checkout-summary{padding:20px}.payment-result-card{padding:32px 20px}.result-actions .site-btn{width:100%;justify-content:center}.account-merge-dialog{padding:26px 20px}.account-merge-dialog h2{font-size:24px}.account-merge-summary,.account-merge-actions{grid-template-columns:1fr}}