/* Payment return page and the online payment block in the membership shop. */
.pay-page{min-height:100vh;background:#17191b;color:#f4f5f0}
.pay-shell{max-width:520px;margin:0 auto;padding:48px 22px 64px}
.pay-shell h1{font-size:24px;margin:22px 0 10px;outline:none}
.pay-logo{width:96px;height:auto}
.pay-summary{margin:18px 0;padding:16px 18px;border:1px solid #353936;border-radius:14px;background:#202426}
.pay-summary div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid #2c302d}
.pay-summary div:last-child{border-bottom:0}.pay-summary dt{color:#a6aaa7}.pay-summary dd{margin:0;text-align:right;word-break:break-all}
.pay-note{line-height:1.6}.pay-test{padding:10px 12px;border-radius:10px;background:rgba(228,246,48,.12);color:#e4f630}
.pay-receipt{color:#e4f630;text-decoration:underline}
.pay-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.online-pay{grid-column:1/-1;margin-top:14px;padding:16px;border:1px solid #4d5a2a;border-radius:14px;background:linear-gradient(135deg,#232817,#1d2021)}
.online-pay h3{margin:0 0 6px;font-size:16px}.online-pay p{margin:6px 0;line-height:1.55}
.online-pay .pay-methods{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.online-pay .pay-methods label{display:inline-flex;flex-direction:row;align-items:center;gap:8px;margin:0;padding:9px 16px;border:1px solid #4a514b;border-radius:999px;cursor:pointer;white-space:nowrap;font-size:14px;font-weight:600;color:#f4f5f0}
.online-pay .pay-methods label:has(input:checked){border-color:#e4f630;background:rgba(228,246,48,.08)}
.online-pay input[type=radio],.online-pay input[type=checkbox]{display:inline-block;width:18px;height:18px;min-width:18px;flex:none;margin:0;padding:0;accent-color:#e4f630}
.online-pay .pay-agree{display:flex;flex-direction:row;align-items:flex-start;gap:10px;margin:4px 0 0;font-size:13px;font-weight:500;line-height:1.55;color:#dfe3dc;text-align:left}
.online-pay .pay-agree input{margin-top:2px}
.online-pay .pay-agree a{color:#e4f630;text-decoration:underline}
.online-pay button.primary{width:100%;margin-top:10px}
.online-pay .pay-status{color:#ffb4a2}
.online-pay.onsite{border-color:#353936;background:#202426}
.my-orders{margin-top:18px}.my-orders li{display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;padding:10px 0;border-bottom:1px solid #2c302d}
.order-tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:#2c302d}.order-tag.test{background:rgba(228,246,48,.16);color:#e4f630}
.ops-online{margin-top:14px}.ops-online ul{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}
.ops-online li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.03)}