.pay-page [hidden]{display:none!important}
.pay-page .pay-subnote{margin:-8px 0 24px;color:#737d8f;font-size:14px}
.pay-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:26px}
.pay-plan{display:flex;flex-direction:column;gap:8px;padding:24px 26px;border:1.5px solid rgba(40,96,223,.12);border-radius:16px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.pay-plan:hover{border-color:rgba(40,96,223,.35)}
.pay-plan.active{border-color:#2860df;box-shadow:0 10px 30px rgba(40,96,223,.14)}
.pay-plan strong{font-size:17px}
.pay-plan .pay-plan-price{font-size:26px;font-weight:750;letter-spacing:-.02em}
.pay-plan .pay-plan-price small{font-size:13px;font-weight:600;color:#737d8f;margin-left:4px}
.pay-plan .pay-plan-desc{color:#737d8f;font-size:13px;line-height:1.6}
.pay-provider{display:flex;align-items:center;gap:16px;margin-bottom:26px}
.pay-provider-label{font-size:14px;color:#737d8f}
.pay-provider-options{display:inline-flex;border:1px solid #ced4de;border-radius:10px;overflow:hidden}
.pay-provider-option{min-width:112px;height:42px;border:none;background:#fff;color:#161b25;font-size:14px;font-weight:650;cursor:pointer}
.pay-provider-option.active{background:#2860df;color:#fff}
.pay-submit{width:220px}
.pay-error{min-height:20px;margin:14px 0 0;color:#c4382f;font-size:13px}
.pay-waiting{align-items:stretch}
.pay-qr-side{display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px 40px;border-right:1px solid rgba(40,96,223,.08)}
.pay-qr-side img{width:216px;height:216px;border:1px solid rgba(40,96,223,.1);border-radius:12px;background:#fff}
.pay-qr-hint{margin:0;color:#737d8f;font-size:14px}
.pay-qr-hint span{color:#161b25;font-weight:650}
.pay-mobile-link{color:#2860df;font-size:13px;font-weight:650;text-decoration:none}
.pay-mobile-link[data-hint]{color:#737d8f;font-weight:500;text-align:center;line-height:1.6;max-width:240px}
.pay-order-side{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:26px 34px}
.pay-amount{font-size:34px;font-weight:750;letter-spacing:-.02em}
.pay-plan-name{color:#161b25;font-size:15px;font-weight:650}
.pay-countdown{color:#737d8f;font-size:14px}
.pay-countdown.expired{color:#c4382f;font-weight:650}
.pay-order-id{color:#a4adbd;font-size:12px;word-break:break-all}
.pay-order-side .account-secondary{margin-top:14px;align-self:flex-start}
.pay-success{padding:38px 34px}
.pay-success-icon{flex:none;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#e8f6ec;color:#1f8b4c;font-size:30px;font-weight:750}
.pay-success-body{display:flex;flex-direction:column;gap:8px}
.pay-success-body strong{font-size:22px}
.pay-success-body span{color:#737d8f;font-size:14px;line-height:1.7}
.pay-success-actions{display:flex;gap:12px;margin-top:12px}
@media(max-width:640px){
  .pay-waiting{flex-direction:column}
  .pay-qr-side{border-right:none;border-bottom:1px solid rgba(40,96,223,.08)}
  .pay-submit{width:100%}
  .pay-order-side .account-secondary{align-self:stretch;text-align:center}
}

/* 价格页内嵌微信扫码支付弹窗 */
.binono-payment-overlay{position:fixed;inset:0;z-index:5100;display:grid;place-items:center;padding:20px;background:rgba(18,24,35,.45);backdrop-filter:blur(8px)}
.binono-payment-dialog{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:min(430px,100%);padding:34px 38px 30px;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(19,30,55,.22);color:#151924;font-family:"PingFang SC",sans-serif;text-align:center}
.binono-payment-close{position:absolute;z-index:2;top:13px;right:15px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:#667080;font:400 28px/1 "PingFang SC",sans-serif;cursor:pointer}.binono-payment-close:hover{background:#f2f4f7;color:#1f2733}
.binono-payment-dialog h2{display:flex;align-items:center;justify-content:center;gap:4px;margin:3px 0 22px;font-size:19px;font-weight:600;line-height:28px}.binono-payment-dialog h2 img{display:block;width:19px;height:19px;object-fit:contain;transform:translateY(1px)}
.binono-payment-qr-wrap{display:grid;place-items:center;width:226px;height:226px;margin-bottom:18px;border:1px solid #e5eaf1;border-radius:14px;background:#fff;overflow:hidden}
.binono-payment-qr{box-sizing:border-box;width:100%;height:100%;padding:5px;object-fit:contain;background:#fff}
.binono-payment-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:#87909f;font-size:13px}.binono-payment-loading span{width:25px;height:25px;border:3px solid #e7ebf1;border-top-color:#07c160;border-radius:50%;animation:binono-payment-spin .8s linear infinite}.binono-payment-loading p{margin:0}@keyframes binono-payment-spin{to{transform:rotate(360deg)}}
.binono-payment-amount{font-size:32px;font-weight:700;line-height:42px;letter-spacing:-.02em}.binono-payment-plan{margin-top:2px;color:#303744;font-size:15px;font-weight:600}.binono-payment-countdown{margin-top:15px;color:#737d8f;font-size:13px}.binono-payment-countdown.expired{color:#c4382f}.binono-payment-order{margin-top:8px;color:#a0a8b5;font-size:12px;word-break:break-all}.binono-payment-error{min-height:18px;margin:13px 0 0;color:#c4382f;font-size:13px;line-height:18px}
.binono-payment-success{display:flex;flex-direction:column;align-items:center;padding:32px 0 24px}.binono-payment-success i{display:grid;place-items:center;width:62px;height:62px;margin-bottom:14px;border-radius:50%;background:#e9f8ee;color:#19a35b;font-size:30px;font-style:normal;font-weight:700}.binono-payment-success strong{font-size:21px}.binono-payment-success span{margin-top:7px;color:#737d8f;font-size:14px}
.binono-payment-dialog [hidden]{display:none!important}
@media(max-width:480px){.binono-payment-dialog{padding:30px 24px 26px}.binono-payment-qr-wrap{width:210px;height:210px}}