.payment-container[data-v-54a45442]{background-color:#f5f7fa;padding:40px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.payment-card[data-v-54a45442]{width:550px;background-color:#fff;border-radius:10px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.05);box-shadow:0 4px 12px rgba(0,0,0,.05);padding:30px}.amount-input-group[data-v-54a45442]{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:300px}.amount-options[data-v-54a45442]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin-top:10px;width:100%}.amount-option[data-v-54a45442]{padding:12px 0;border:1px solid #e4e7ed;border-radius:4px;cursor:pointer;font-size:14px;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-box-flex:1;-ms-flex:1 0 calc(33.333% - 10px);flex:1 0 calc(33.333% - 10px);text-align:center}.amount-option[data-v-54a45442]:hover{border-color:#c0c4cc;background-color:#f5f7fa}.amount-option.active[data-v-54a45442]{border-color:#409eff;background-color:#f0f7ff;color:#409eff;font-weight:500}.form-group[data-v-54a45442]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:25px}.form-group[data-v-54a45442]:last-of-type{margin-bottom:30px}.form-label[data-v-54a45442]{width:120px;font-size:14px;color:#303133;text-align:right;margin-right:20px}.form-value[data-v-54a45442]{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:300px;padding:2px;line-height:30px}.font-bold[data-v-54a45442]{font-weight:700;font-size:15px}.text-red[data-v-54a45442]{color:#ff4d4f}.form-control[data-v-54a45442]{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:300px;-webkit-transition:all .3s ease;transition:all .3s ease}.form-control[data-v-54a45442]:focus{-webkit-box-shadow:0 0 0 2px rgba(144,147,153,.2);box-shadow:0 0 0 2px rgba(144,147,153,.2)}.payment-methods[data-v-54a45442]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.payment-method[data-v-54a45442]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:9px 15px;border:1px solid #e4e7ed;border-radius:6px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.payment-method[data-v-54a45442]:hover{border-color:#c0c4cc}.payment-method.active[data-v-54a45442]{border-color:#409eff;background-color:#f0f7ff;-webkit-box-shadow:0 0 0 2px rgba(64,158,255,.2);box-shadow:0 0 0 2px rgba(64,158,255,.2)}.payment-method.active[data-v-54a45442]:after{content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:26px 22px 0 0;border-color:transparent #409eff transparent transparent}.payment-method.active[data-v-54a45442]:before{content:"✓";position:absolute;bottom:1px;right:3px;color:#fff;font-size:8px;font-weight:700;z-index:1}.payment-method .svg-icon[data-v-54a45442]{width:36px;height:30px;margin-right:10px;vertical-align:middle}.method-name[data-v-54a45442]{font-size:14px;color:#303133;vertical-align:middle}.qr-code-container[data-v-54a45442]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:30px 0}.qr-code-img[data-v-54a45442]{width:200px;height:200px;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-transition:all .3s ease;transition:all .3s ease}.qr-code-img[data-v-54a45442]:hover{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.action-buttons[data-v-54a45442]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:20px}.pay-button[data-v-54a45442]{width:200px;height:44px;font-size:16px;-webkit-transition:all .3s ease;transition:all .3s ease}.pay-button[data-v-54a45442]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(64,158,255,.3);box-shadow:0 4px 12px rgba(64,158,255,.3)}.pay-button[data-v-54a45442]:active{-webkit-transform:translateY(0);transform:translateY(0)}