.exchange-wrap .exchange-content{gap:20px;min-height:280px}.exchange-wrap .exchange-content,.exchange-wrap .exchange-content .input-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.exchange-wrap .exchange-content .input-section{gap:12px}.exchange-wrap .exchange-content .input-section .input-label{color:#e6eef5;font-size:.32rem;font-weight:600;text-shadow:0 0 8px rgba(230,238,245,.3)}.exchange-wrap .exchange-content .input-section .input-wrapper{position:relative}.exchange-wrap .exchange-content .input-section .input-wrapper .exchange-input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 0 0 0 rgba(124,215,238,0);box-shadow:inset 0 1px 3px #0000001a,0 0 #7cd7ee00;color:#e6eef5;font-size:.28rem;padding:16px 20px;-webkit-transition:all .3s ease;transition:all .3s ease;width:100%}.exchange-wrap .exchange-content .input-section .input-wrapper .exchange-input::-webkit-input-placeholder{color:#c4c4c499;font-size:.26rem}.exchange-wrap .exchange-content .input-section .input-wrapper .exchange-input::-moz-placeholder{color:#c4c4c499;font-size:.26rem}.exchange-wrap .exchange-content .input-section .input-wrapper .exchange-input:-ms-input-placeholder{color:#c4c4c499;font-size:.26rem}.exchange-wrap .exchange-content .input-section .input-wrapper .exchange-input::-ms-input-placeholder{color:#c4c4c499;font-size:.26rem}.exchange-wrap .exchange-content .input-section .input-wrapper .exchange-input::placeholder{color:#c4c4c499;font-size:.26rem}.exchange-wrap .exchange-content .input-section .input-wrapper .exchange-input:focus{background:#ffffff0d;border-color:#7cd7ee66;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 0 0 3px rgba(124,215,238,.1),0 0 20px rgba(124,215,238,.2);box-shadow:inset 0 1px 3px #0000001a,0 0 0 3px #7cd7ee1a,0 0 20px #7cd7ee33;outline:none;-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}.exchange-wrap .exchange-content .input-section .input-wrapper .exchange-input:hover:not(:disabled){background:#ffffff0a;border-color:#ffffff1f}.exchange-wrap .exchange-content .input-section .input-wrapper .exchange-input:disabled{cursor:not-allowed;opacity:.6}.exchange-wrap .exchange-content .input-section .input-wrapper:before{background:linear-gradient(45deg,#7cd7ee33,#a76fd733,#7cd7ee33);border-radius:12px;content:"";inset:0;-webkit-mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(0,#fff)) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(0,#fff));-webkit-mask:linear-gradient(#fff,#fff 0) content-box,linear-gradient(#fff,#fff 0);mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(0,#fff)) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(0,#fff));mask:linear-gradient(#fff,#fff 0) content-box,linear-gradient(#fff,#fff 0);-webkit-mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff)) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff)) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;position:absolute;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.exchange-input:focus+.exchange-wrap .exchange-content .input-section .input-wrapper:before{opacity:1}.exchange-wrap .exchange-content .actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:auto}.exchange-wrap .exchange-content .actions .btn{border:none;border-radius:10px;cursor:pointer;font-size:.28rem;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}.exchange-wrap .exchange-content .actions .btn:before{background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(hsla(0,0%,100%,.1)),to(transparent));background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;-webkit-transition:left .5s ease;transition:left .5s ease;width:100%}.exchange-wrap .exchange-content .actions .btn:hover:before{left:100%}.exchange-wrap .exchange-content .actions .btn.primary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:-webkit-gradient(linear,left top,right top,from(rgba(167,111,215,.18)),to(rgba(124,215,238,.12)));background:linear-gradient(90deg,#a76fd72e,#7cd7ee1f);border-color:#a76fd72e;color:#fff}.exchange-wrap .exchange-content .actions .btn.primary:hover:not(:disabled){-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}.exchange-wrap .exchange-content .actions .btn:disabled{cursor:not-allowed;opacity:.5;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}@media (max-width:720px){.exchange-wrap .exchange-content{gap:16px;min-height:240px}.exchange-wrap .exchange-content .user-info{padding:12px}.exchange-wrap .exchange-content .user-info .user-detail .explain{font-size:.28rem}.exchange-wrap .exchange-content .user-info .user-head-img{height:1rem;width:1rem}.exchange-wrap .exchange-content .input-section .input-label{font-size:.3rem}.exchange-wrap .exchange-content .input-section .exchange-input{font-size:.26rem;padding:14px 16px}.exchange-wrap .exchange-content .actions .btn{font-size:.26rem;padding:10px 20px}.confirm-wrap .confirm-content{gap:16px;padding:16px 0}.confirm-wrap .confirm-content .confirm-icon{height:56px;width:56px}.confirm-wrap .confirm-content .confirm-text .confirm-title{font-size:.32rem}.confirm-wrap .confirm-content .confirm-text .confirm-desc,.confirm-wrap .confirm-content .confirm-text .confirm-user{font-size:.26rem}.confirm-wrap .confirm-content .confirm-actions .btn{font-size:.26rem;padding:10px 24px}}