label{margin:0;padding:0}.frame{width:100vw;height:calc(100vh - 32px);min-height:750px;display:flex;align-items:center;justify-content:center;background-color:#0e0e11}.container{width:480px;padding:48px;border-radius:24px;border:1px solid #3B3B44;background:linear-gradient(180deg,#1e1e24,#151519)}.title{text-align:center;font-size:32px}.form-group{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #38383F;padding:0 12px}.form-group p{display:block;font-size:14px;user-select:none}.form-group input{width:100%;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea}.form-group:last-of-type{border-bottom:none}#coupon{flex:1;background-color:transparent;border:none;text-align:right;color:#fff}#quantity{color:#fff;border:none;background-color:transparent}.quantity-btn{width:26px;min-width:26px;height:26px;outline:1px solid #26262D;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:20px;color:#8b8b95;display:flex;align-items:center;justify-content:center;transition:all .2s;user-select:none;padding:0}.quantity-input-wrapper{display:flex;align-items:center;width:96px}.quantity-btn:hover:not(:disabled){outline-color:var(--main);color:var(--main);background:#ffffff0d}.quantity-btn:active:not(:disabled){transform:scale(.95)}.quantity-btn:disabled{opacity:.4;cursor:not-allowed}#quantity{-moz-appearance:textfield;appearance:textfield;text-align:center;width:80px;font-size:16px;font-weight:500}#quantity::-webkit-outer-spin-button,#quantity::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn{width:100%;height:56px;line-height:56px;background:var(--main);color:#fff;border:none;border-radius:4px;font-size:18px;cursor:pointer;margin-top:24px;transition:background-color .2s;letter-spacing:1px;user-select:none}.btn:hover{background:#2b81ff}.btn:disabled{opacity:.6;cursor:not-allowed}dialog{width:320px;border:none;border-radius:8px;padding:0;box-shadow:0 4px 20px #0000004d;background-color:#28282a}#qrDialog::backdrop{background:#000000e6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.qr-section{text-align:center;margin-bottom:40px;padding:0 16px}.qrDialog__header{height:40px;display:flex;flex-direction:row-reverse}.qrDialog__closeBtn{width:24px;height:24px;padding:16px;opacity:.4;cursor:pointer;transition:opacity .2s}.qrDialog__closeBtn:hover{opacity:1}.price-info{background:#f5f5f5;padding:15px;border-radius:4px;margin-bottom:20px}.price-row{display:flex;justify-content:space-between;margin:8px 0}.price-row.total{font-size:18px;font-weight:600;color:#667eea;border-top:1px solid #ddd;padding-top:10px;margin-top:10px}#qrCodeContainer{position:relative;width:240px;height:240px;border-radius:8px;overflow:hidden;margin:28px auto}#refreshQrCode span{color:#83838a}.qr-code{position:absolute;width:100%;height:100%;background:transparent;display:flex;align-items:center;justify-content:center;z-index:2}.qr-code img{max-width:100%;max-height:100%;display:block}.qr-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#3b3b3d;z-index:1}#refreshQrCode{position:absolute;top:0;left:0;width:240px;height:240px;background-color:#fffc;display:none;align-items:center;justify-content:center;gap:4px;border-radius:8px;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);user-select:none;transition:background .2s;z-index:3}.statusEl.success{color:#155724}.statusEl.error{color:#721c24}.ws-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;background:#dc3545}.ws-indicator.connected{background:#28a745}.connection-info{font-size:12px;color:#666;text-align:center;margin-top:10px}#qrCodeContainer[isTimeout] #refreshQrCode{display:flex}#refreshQrCode:hover{background-color:#fff}#refreshQrCode span{font-size:14px}.wechatTag{display:flex;align-items:center;gap:8px;user-select:none}.wechatTag span{font-size:16px}#totalPrice{display:flex;align-items:baseline;user-select:none}.currencyIcon{font-size:16px;margin-right:4px}.originalPrice{text-decoration:line-through;font-size:14px;color:#ffffff4d;margin-right:8px}.integerNum{font-size:26px}.decimalNum{font-size:16px}#couponInfo{display:block;font-size:12px;text-align:right}#couponInfo[type=error]{color:#de3d0e}#couponInfo[type=success]{color:#00c462}#purchaseContent{margin:32px 0 8px;display:flex}.purchaseContent__ul{flex:1;padding:0}.purchaseContent__li{display:flex;align-items:center;gap:6px;margin-bottom:20px}.purchaseContent__li span{font-size:14px;color:#80808d}.paymentIssues{color:#ffffff4d;font-size:13px;user-select:none;cursor:pointer}#agentQrDialog{background-color:#0e0e11;width:280px;outline:none;border:none;padding:16px;border-radius:8px}.dialogHeader{width:100%;display:flex;justify-content:flex-end;margin-bottom:16px}#agentQrDialog .closeAgentQrDialog:before{color:#fff6;font-size:22px;cursor:pointer}.agentQrContainer{width:240px;height:240px;margin:0 auto;border-radius:8px;overflow:hidden}.agentQrContainer img{width:100%;height:100%}.agentQrTip{text-align:center;margin-top:16px}#buyCodeFooter .indexFooter{margin-top:0}#qrDialog{width:360px}#completePayBtn{width:240px;height:40px;outline:1px solid var(--main);border:none;color:#1e76fd;background-color:#1973fa1a;border-radius:4px;margin-bottom:24px;font-size:15px;cursor:pointer}