.exchange-wrap .exchange-content{flex-direction:column;gap:20px;min-height:280px;display:flex}.exchange-wrap .exchange-content .input-section{flex-direction:column;gap:12px;display:flex}.exchange-wrap .exchange-content .input-section .input-label{color:#e6eef5;text-shadow:0 0 8px #e6eef54d;font-size:.32rem;font-weight:600}.exchange-wrap .exchange-content .input-section .input-wrapper{position:relative}.exchange-wrap .exchange-content .input-section .input-wrapper .exchange-input{color:#e6eef5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;width:100%;padding:16px 20px;font-size:.28rem;transition:all .3s;box-shadow:inset 0 1px 3px #0000001a,0 0 #7cd7ee00}.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;outline:none;transform:translateY(-1px);box-shadow:inset 0 1px 3px #0000001a,0 0 0 3px #7cd7ee1a,0 0 20px #7cd7ee33}.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{opacity:.6;cursor:not-allowed}.exchange-wrap .exchange-content .input-section .input-wrapper:before{content:"";-webkit-mask-composite:xor;opacity:0;background:linear-gradient(45deg,#7cd7ee33,#a76fd733,#7cd7ee33);border-radius:12px;padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.exchange-input:focus+.exchange-wrap .exchange-content .input-section .input-wrapper:before{opacity:1}.exchange-wrap .exchange-content .actions{justify-content:space-between;gap:12px;margin-top:auto;display:flex}.exchange-wrap .exchange-content .actions .col-4-son-4{white-space:nowrap;box-shadow:0 0 10px var(--color-cale-text);color:var(--color-text);border-radius:20px;padding:.2rem;font-size:.25rem;font-weight:500}.exchange-wrap .exchange-content .actions .col-4-son-4 .col-4-1{cursor:var(--cursor-touch),auto;align-items:center;display:flex}.exchange-wrap .exchange-content .actions .col-4-son-4 .col-4-1 img{width:.35rem;height:.35rem}.exchange-wrap .exchange-content .actions .col-4-son-4 .col-4-1 div{margin-left:3px}.exchange-wrap .exchange-content .actions .btn{cursor:pointer;border:none;border-radius:10px;padding:12px 24px;font-size:.28rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.exchange-wrap .exchange-content .actions .btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.exchange-wrap .exchange-content .actions .btn:hover:before{left:100%}.exchange-wrap .exchange-content .actions .btn.primary{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#a76fd72e,#7cd7ee1f);border-color:#a76fd72e}.exchange-wrap .exchange-content .actions .btn.primary:hover:not(:disabled){transform:translateY(-1px)}.exchange-wrap .exchange-content .actions .btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media (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{width:1rem;height:1rem}.exchange-wrap .exchange-content .input-section .input-label{font-size:.3rem}.exchange-wrap .exchange-content .input-section .exchange-input{padding:14px 16px;font-size:.26rem}.exchange-wrap .exchange-content .actions .btn{padding:10px 20px;font-size:.26rem}.confirm-wrap .confirm-content{gap:16px;padding:16px 0}.confirm-wrap .confirm-content .confirm-icon{width:56px;height: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{padding:10px 24px;font-size:.26rem}}